body{	
/*background: #fff url(/lib/yhst-25220212292917/body-bg.gif) repeat-x top left;*/
	background-color: #fff;
	background: #fff;
	font: 70% Tahoma, Arial, sans-serif;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

/*Common Classes*/
#header .logo {width: 233px; position: absolute; left: 13px; top: 11px; height: 100px; float: left; z-index: 100;}

* html #header .logo {width: 233px; position: relative; left: 13px; top: 13px; height: 100px; float: left; z-index: 100; zoom: 1;}

.bbbonline {width: 105px; float: right; text-align: center; padding: 14px 0 10px;}

#header .sub-title {width: 405px; float: right; padding: 14px 0 10px;}

#header .header-link-top {width: 512px; float: right; background: #65009A; border-bottom: 1px #cfb4dc solid; text-align: center; padding: 6px 0 3px; margin-bottom: 22px;}

#header .header-link-top a {font-size: 13px; color: #fff; font-weight: bold; font-family:"Times New Roman", Times, serif; background: url(/lib/yhst-25220212292917/header-link-sep.gif) no-repeat 100% 50%; text-transform: uppercase; padding: 0 18px 0 0; margin-right: 8px;}

#header .header-link-top a.cart {background: url(/lib/yhst-25220212292917/shopping-cart-icon.gif) no-repeat 0 50%; padding: 0 0 0 15px;}

#header ul {width: 760px; clear: both; margin: 0; padding: 0 0 0 14px;}

#header ul li {list-style: none; margin: 0; border-right: 1px #d9d9d9 solid; padding: 18px 21px 12px; float: left;}

#header ul li.last {border-right: none;}

#header ul li a {font-size: 13px; color: #681889; font-weight: bold; font-family: "Times New Roman", Times, serif; text-transform: uppercase;}
/*End Common Classes*/

/*Main Structure Style*/
#container{
	font: 1em Tahoma, Arial, sans-serif;
	width: 760px;
	margin: 0 auto;
	text-align: left;
		border-left: 3px solid #670099;
	border-right: 3px solid #670099;
}

#header{ background: #fff url(/lib/yhst-25220212292917/header-bg.gif) no-repeat top left; position: relative; height: 152px;}

#bodyshell {
	border-left: 168px solid #DEC2EB;
	background-color: #FFF;
	float: left;
	margin: 0;
	width: 592px;
}

* html #bodyshell {
	border-left: 168px solid #DEC2EB;
	background-color: #FFF;
	float: left;
	margin: 0;
	width: 760px;
}

#nav-product {
	float: left;
	margin-left: -168px;
	/*overflow: hidden;*/
x	position: relative;
x	display: inline;
	width: 168px;
x	z-index: 100;
}

#footer{
	width: 760px;
	float: left;
	background-color: #fff;
	clear: both;
}

#footer .footer-links {background: #670099; width: 592px; margin-top: 51px; padding: 20px 0 17px; float: right; text-align: center;}

* html #footer .footer-links {background: #670099; width: 592px; margin-top: 55px; padding: 20px 0 17px; float: right; text-align: center;}

#footer .footer-links a {font-size: 11px; font-weight: bold; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding: 0 6px 0 2px;}

#footer .badges {width: 168px; float: left; background: #DEC2EB; text-align: center; padding-bottom: 10px;}

#footer .badges img {margin-bottom: 10px;}

#footer .badges .designby {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; margin-top: 10px;}

#footer .badges .designby a {color: #000;}

#footer .copyright {width: 753px; text-align: right; padding: 5px 7px 10px 0; clear: both; background: #fff; color: #7F7F7F;}

#header:after,
#bodyshell:after,
#footer:after,
#footer .text:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/*End Main Structure Style*/

#bodycontent{
x	position: relative;
	width: 592px;
*width: 590px;
	float: right;
x	display: inline;
}

#bodycontent .bodypad{ padding: 0 0 10px 2px; }

#footer .text{ margin: 5px; }

#footer .text .designby{ float: left; }

#footer .designby a{ color: #000; }

#footer .text .copyright{ float: right; }

/*Nav Area*/
#searcharea fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

#searcharea input{ 
	font-size: 1em;
	vertical-align: middle; 
}

#searcharea span{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	display: block;
}

#query { width: 99px; padding: 3px 2px; }

#htmltop {
	padding: 20px 4px 15px 5px;
}

#htmlbottom{padding-bottom: 10px;}

#htmlbottom .news-title {padding: 5px 10px; background: #670099; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #fff; text-align: center; font-weight: bold;}

#htmlbottom .news-text {padding: 5px 10px;}

#htmlbottom .newsletter {padding: 0 7px;}

#htmlbottom .newsletter input {vertical-align: middle;}

#htmlbottom .newsletter input.mailingIn {width: 98px; margin-right: 3px;}

#nav-product li{
	margin: 0 0 4px;
	padding: 0;
}
	
#nav-product li a {
	display: block;
	padding: 5px 10px;
	background: #670099;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

#nav-product li ul {margin: 0; padding: 0 0 12px; background: #DEC2EB;}

#nav-product li ul li {margin: 0;}

#nav-product li ul li a {background-color: #DEC2EB; text-align: left; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #681889; border-bottom: 1px #fff solid; padding: 5px 10px 5px 15px;}

#nav-product li ul li.last a {border-bottom: none;}
/*End Nav Area*/

.leftnav-icons {padding: 20px 0; text-align: center;}

.leftnav-icons img {margin-bottom: 10px;}


/*  -- Modifications (added 2/24/2008) --  */

div#bodyshell {
	width: 760px;
	border: none;
	background: #ffffff url(/lib/yhst-25220212292917/bodyshell-bkgd.gif) 0px 0px repeat-y;
}

div#nav-product {
	margin: 0px;
}

div#htmltop {
	padding: 0;
	width: 168px;
}

form#searcharea {
	padding: 20px 0 15px 5px;
}

div#nav-product ul {
	list-style-type: none;
	width: 168px;
}

div#nav-product ul li {
	width: 168px;
}

div#header {
	width: 760px;
}

* html div#header .header-link-top {
	padding-bottom: 4px;
	margin-bottom: 21px;
}

/*  -- End Modifications (added 2/24/2008) --  */


/*  -- Modifications (added 5/19/2008) --  */

	/*  -- Expanding Left Navigation --  */

ul#scLeftNav .hasSubnav ul {
	display: none;
}

ul#scLeftNav li.inPath ul {
	display: block !important;
}

	/*  -- End Expanding Left Navigation --  */
	
/*  -- End Modifications (added 5/19/2008) --  */


div.description {
*padding-left: 7px;
}

/* Styles for Fixing the quantity pricing */

.right-side #quantity-pricing-table tr td.first {
	visibility:hidden;
}



