/* CSS Document */
#overall {width: 760px; text-align: left; margin: 0 auto;}

#header {width: 760px; float: left; background: url(/lib/yhst-41660535148757/headerbg-2.gif) no-repeat top left; height: 140px;}

#footer {width: 760px; float: left; background: url(/lib/yhst-41660535148757/footerbg.gif) no-repeat top left;}

/*---------------------Header--------------------*/
.logo-pt1 {width: 69px; height: 92px; padding: 21px 0 0 18px; float: left;}

.logo-pt1 a {display: block; width: 69px; height: 92px;}

.logo-pt2 {width: 400px; height: 25px; float: left; padding: 54px 0 20px 0;}

.logo-pt2 a {width: 400px; height: 25px; display: block;}

.search-area {width: 185px; float: right; padding: 55px 20px 0 0;margin-left:0px;}

.search-area form input.searchIn {width: 118px; float: left; font-size: 13px; margin: 2px 3px 0 0;}

.search-area form input.search-go {float: left;}

.headernav {width: 625px; float: left; padding: 0 0 0 12px;}

.headernav ul {margin: 0; padding: 0;}

.headernav ul li {list-style: none; background: url(/lib/yhst-41660535148757/left-tab.gif) no-repeat top left; padding-left: 19px; float: left;}

* html .headernav ul li {list-style: none; background: url(/lib/yhst-41660535148757/left-tab.gif) no-repeat top left; padding-left: 19px; float: left; width: 0px;}

* html .headernav ul li.contactus {list-style: none; background: url(/lib/yhst-41660535148757/left-tab.gif) no-repeat top left; padding-left: 19px; float: left; width: 92px;}

* html .headernav ul li.cart {list-style: none; background: url(/lib/yhst-41660535148757/left-tab.gif) no-repeat top left; padding-left: 19px; float: left; width: 101px;}

.headernav ul li a {display: block; background: url(/lib/yhst-41660535148757/right-tab.gif) no-repeat top right; padding: 6px 26px 6px 7px; font-size: 11px; font-weight: bold; color: #000000; background: url(/lib/yhst-41660535148757/right-tab.gif) no-repeat top right; height: 14px;}

.headernav ul li a.cart {background: url(/lib/yhst-41660535148757/right-tab-cart.gif) no-repeat top right; padding-right: 40px;}

/*----------------Footer-------------------*/
.mailing-area {width: 760px; text-align: center;}

.mailing-text {font-size: 11px; color: #ffffff; font-weight: bold; text-align: right; width: 475px; float: left; padding: 23px 15px 17px 0;}

.mailing-area form {width: 175px; float: left; padding: 19px 0 0 0;}

.mailing-area form input.mailingIn {width: 119px; font-size: 13px; float: left; margin: 1px 5px 0 0;}

.mailing-area form input.mailing-button {float: left;}

.footernav {width: 760px; text-align: center; clear: both; padding: 12px 0;}

.footernav a {background: url(/lib/yhst-41660535148757/footer-sep.gif) no-repeat 100% 70%; font-size: 11px; color: #ffffff; font-weight: bold; padding: 0 18px 0 3px;}

.footernav a.foot-cart {background: url(/lib/yhst-41660535148757/footer-cart-icon.gif) no-repeat 100% 50%; padding-right: 20px;}

.designby {float: left; font-size: 11px; color: #c1aea1; padding: 10px 0 9px 10px;}

.designby a {font-size: 11px; color: #c1aea1;}

.copyright {float: right; font-size: 11px; color: #c1aea1; padding: 10px 10px 9px 0;}





#nav-product {_display:inline; float:left; margin-left:-173px; overflow:visible; width:150px; z-index:100; position:relative;} /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */

#nav-product ul li a {border-bottom:1px solid #ffffff; color:#000000; background-color:#ddd7a3; display:block; font-weight:bold; font-size:11px; height:18px; margin:0; min-height:10px; padding: 8px 6px 8px 5px; text-decoration:none;width:150px;}

html>body #nav-product a {height:auto; background-color:#ddd7a3; }

#nav-product ul li a:hover {background-color:#ddd7a3; color:#ffffff; text-decoration:underline; }

#nav-product li {margin:0;}

#nav-product ul {list-style:none;}

 * html #nav-product ul li a {  /* make hover effect work in IE */
	width: 150px;
}

#nav-product .sub a {color:#ffffff; background-color:#997a5e;}