/* Stylesheet for Moyer Jewelers */

/* Revised 9-28-11 */

/* ELEMENTS 
**********************************************/
body {
margin:0 auto 0;
text-align:center;
padding:0;
background: #fff url(/assets/images/body-bgd.png) center top repeat-y;
color:#000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:normal;
}
.validation-advice {
	color : #FF3300;
}

th, h1{
	font-family: "Lucida Sans Unicode", arial, helvetica, sans-serif;
	font-size:1.8em;
	color:#a17601;
	background-color: #fff;
	font-weight:normal;
}
h1 {
	font-size:28px;
	margin:0px;
}
#system-message{
	background:#C3D2E5;
	color:#0055BB;
}
a{
	font-size:.9em;
	color:#870024;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#A77E11;
}
td{
font-size:.9em;
padding:1px 3px;
}
p {
font-size:.9em;
	margin:.8em 0;
}
ul, ol, dl {
font-size:.9em;
	margin:.8em 1em;
}
li {
	margin:.8em 2em;
}
dt {
font-weight:bold;
margin:1em 0 .5em 0;
}
dd {
margin:0em 0 .8em 0;
}

/* POSITIONING
*****************************************************/
#page-wrapper {
width: 960px;
margin:0 auto;
text-align:left;
position: relative;
}
#masthead {
margin:auto;
width:960px;
height:87px;
background: #d1af53 url(/assets/images/masthead/masthead_bgd.gif) top left;
color: #000;
}
#masthead p#company-name  {
margin:0;
padding:0;
}
#masthead p#company-name a {
display: block;
width: 297px;
height: 87px;
border:none;
overflow:hidden;
}
#masthead p#company-name a img {
border:none;
}
#masthead p#toll-free-number  {
position:absolute;
right:73px;
top:37px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.7em;
color:#a17601;
background-color:transparency;
margin:0;
padding:0;
}


/* NAVIGATION (MAIN)
***************************************************/
#navs-main {
width:960px;
height:34px;
padding: 0;
margin:0 auto;
background: #000 url(/assets/images/navs/main/navs-main-bgd.png) center left repeat-x;
}
#navs-main ul {
margin:0 0px 0 0px;
padding: 0;
list-style:none;
}
#navs-main ul li {
margin:0;
padding:0;
float: left;
position:relative;
}
#navs-main ul li,
#navs-main ul li a  {
display:block;
height: 34px;
background-position:center center;
background-repeat:no-repeat;
}
#navs-main ul li a  {
text-indent:-9999px;
}

#navs-main ul li#nav-shop,
#navs-main ul li#nav-shop a,
#navs-main ul li#nav-shop a:link,
#navs-main ul li#nav-shop a:visited  {
width:82px;
background-image:url(/assets/images/navs/main/shop_up.gif);
}
#navs-main ul li#nav-designers,
#navs-main ul li#nav-designers a,
#navs-main ul li#nav-designers a:link,
#navs-main ul li#nav-designers a:visited  {
width:121px;
background-image:url(/assets/images/navs/main/designers_up.gif);
}
#navs-main ul li#nav-penn-state-jewelry,
#navs-main ul li#nav-penn-state-jewelry a,
#navs-main ul li#nav-penn-state-jewelry a:link,
#navs-main ul li#nav-penn-state-jewelry a:visited   {
width:193px;
background-image:url(/assets/images/navs/main/pennStateJewelry_up.gif);
}
#navs-main ul li#nav-bridal,
#navs-main ul li#nav-bridal a,
#navs-main ul li#nav-bridal a:link,
#navs-main ul li#nav-bridal a:visited   {
width:93px;
background-image:url(/assets/images/navs/main/bridal_up.gif);
}
#navs-main ul li#nav-hearts-on-fire,
#navs-main ul li#nav-hearts-on-fire a,
#navs-main ul li#nav-hearts-on-fire a:link,
#navs-main ul li#nav-hearts-on-fire a:visited   {
width:160px;
background-image:url(/assets/images/navs/main/heartsOnFire_up.gif);
}
#navs-main ul li#nav-services,
#navs-main ul li#nav-services a,
#navs-main ul li#nav-services a:link,
#navs-main ul li#nav-services a:visited   {
width:107px;
background-image:url(/assets/images/navs/main/services_up.gif);
}
#navs-main ul li#nav-jewelry-101,
#navs-main ul li#nav-jewelry-101 a,
#navs-main ul li#nav-jewelry-101 a:link,
#navs-main ul li#nav-jewelry-101 a:visited   {
width:134px;
background-image:url(/assets/images/navs/main/jewelry101_up.gif);
}
#navs-main ul li#nav-faq,
#navs-main ul li#nav-faq a,
#navs-main ul li#nav-faq a:link,
#navs-main ul li#nav-faq a:visited   {
width:70px;
background-image:url(/assets/images/navs/main/faq_up.gif);
}
/* ---- Hover States ---- */
#navs-main ul li#nav-shop a:hover {
background-image:url(/assets/images/navs/main/shop_ovr.gif);
}
#navs-main ul li#nav-designers a:hover {
background-image:url(/assets/images/navs/main/designers_ovr.gif);
}
#navs-main ul li#nav-penn-state-jewelry a:hover {
background-image:url(/assets/images/navs/main/pennStateJewelry_ovr.gif);
}
#navs-main ul li#nav-bridal a:hover {
background-image:url(/assets/images/navs/main/bridal_ovr.gif);
}
#navs-main ul li#nav-hearts-on-fire a:hover {
background-image:url(/assets/images/navs/main/heartsOnFire_ovr.gif);
}
#navs-main ul li#nav-services a:hover {
background-image:url(/assets/images/navs/main/services_ovr.gif);
}
#navs-main ul li#nav-jewelry-101 a:hover {
background-image:url(/assets/images/navs/main/jewelry101_ovr.gif);
}
#navs-main ul li#nav-faq a:hover {
background-image:url(/assets/images/navs/main/faq_ovr.gif);
}
/* ---- Selected States ---- */
body#shop #navs-main ul li#nav-shop a {
	background-image:url(/assets/images/navs/main/shop_dwn.gif);
}
body#designers #navs-main ul li#nav-designers a {
	background-image:url(/assets/images/navs/main/designers_dwn.gif);
}
body#penn-state-jewelry #navs-main ul li#nav-penn-state-jewelry a {
	background-image:url(/assets/images/navs/main/pennStateJewelry_dwn.gif);
}
body#bridal-jewelry #navs-main ul li#nav-bridal a {
	background-image:url(/assets/images/navs/main/bridal_dwn.gif);
}
body#services #navs-main ul li#nav-heartsOnFire a {
	background-image:url(/assets/images/navs/main/heartsOnFire_dwn.gif);
}
body#services #navs-main ul li#nav-services a {
	background-image:url(/assets/images/navs/main/services_dwn.gif);
}
body#jewelry-101 #navs-main ul li#nav-jewelry-101 a {
	background-image:url(/assets/images/navs/main/jewelry101_dwn.gif);
}
body#faq #navs-main ul li#nav-faq a {
	background-image:url(/assets/images/navs/main/faq_dwn.gif);
}


/* ---- Navs Main Level 2 ---- */
div#navs-main ul ul {
    text-align:left;
    display:none;
    padding:0px 0 0px 0;
    margin: 0;
	position: absolute;
    top: 34px;  /* height of primary navs */
    left: 0px;
	z-index:1000 !important;
}
div#navs-main ul ul li {
	clear: both !important; /* IE7 */
 	float: left !important; /* IE7 */
    width: 100%; /* IE7 */
	background-image:none !important;
}
div#navs-main ul li#nav-penn-state-jewelry ul {
   width:170px !important;
}
div#navs-main ul li#nav-penn-state-jewelry ul li {
   width:150px !important;
}
div#navs-main ul li#nav-jewelry-101 ul {
   width:185px;
}
div#navs-main ul li:hover > ul {
    display:block;
}
div#navs-main ul ul li {
    padding:0px;
    margin:0px;
    float:none;
    display:block;
    height: auto;
    text-align:left;
    background-image:none !important;
}
div#navs-main ul ul.navs-main-level-2 li a,
div#navs-main ul ul.navs-main-level-2 li a:link,
div#navs-main ul ul.navs-main-level-2 li a:visited {
	text-indent:0px;
	height:auto;
    padding:4px 4px 4px 20px;
    line-height:normal;
    font-weight:normal;
    color:#d1af53;
  	background-image:none !important;
	background-color:#860125;
	text-decoration:none;
	border-width:0px 0px 0px 0px;
    border-style:solid;
    border-color: #000 #000 #000 #000;
	font-size: 1.0em !important;	/* 	13/13 = 1.0 */ /* For IE6 */
}
#navs-main ul ul li.last-nav a {
    padding-bottom:8px !important;
}
div#navs-main ul ul li a:hover {
    background-color:#000 !important;
}




/*NAVIGATION (AUXILLARY)
*********************************************/
#navs-auxillary {
position: absolute;
top:0px;
right:0px;
width: 352px;
height: 25px;
border: none;
}


/* CONTENT
*******************************************/
#content {
padding:10px 70px 30px;
}
#page-title {
	margin:20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #000;
}
#intro-text {
float:right;
width:412px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#intro-text p.first-paragraph {
margin-top:0;
padding-top:0;
line-height: 2em;
}
#featured-item {
float:left;
width: 363px;
margin-top:10px;
}


/* PHOTOGRAPHS
*********************************************/
.main-photo {
border:1px solid #000;
}
.float-right {
float:right;
margin:5px 0 20px 20px;
}

/* FOOTER
*********************************************/
#footer {
	clear:both;
	margin:30px 2px 10px 2px;
	border-top:1px solid #d1af53;
	padding:15px 70px 20px;
	font-size:.6em;
}


/* MISC
*********************************************/
div.clear {
	clear:both;
}