body{
	background: #FFFFFF url(/lib/yhst-15208657730267/bg.jpg) left top repeat-x;
	font: 70% Tahoma, Arial, sans-serif;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
#container{
	font: 1em Tahoma, Arial, sans-serif;
	width: 851px;
	margin: 0 auto;
	text-align: left;
}

/********************
HEADER
*********************/

#header{ 
	background: #fff url(/lib/yhst-15208657730267/header-bottom-shadow.jpg) left bottom no-repeat; 
	float: left; 
	width: 851px; 
	padding-bottom: 12px;
}

#header .logo{float: left; width: 389px;}

#header .header-info{float: right; width: 462px; position: relative; height: 140px;}

/*header footer links*/
#header .links,
#footer .links{
	padding: 5px;
	margin:0;
	text-align: center;
	vertical-align: middle;
	text-align: center;
	list-style: none;
}
.links a,
.links li{
	color: #9D8678;
	font-size: 11px;
	display: inline;
	margin:0;
	padding: 0 7px;
}
.links li {border-right:1px solid #E5D4CC;}
.links li.last {border-right:none}
/*End header footer links*/

#header .header-info .links{padding: 10px; float: right;}
#header .header-info .links li{border-right:1px solid #BDD63C;}
#header .header-info .links li a{ color: #A5A5A5; font-weight: bold; }
#header .header-info .links li.last{background: url(/lib/yhst-15208657730267/cart-icon.jpg) right center no-repeat; border: none; padding-right: 20px;}

#searcharea{ 
	clear: both; 
	float: right; 
	display: inline;
	margin-top: 78px;
	padding: 0px 10px; 
	width: 400px; 
	text-align: right;
}
#searcharea * {vertical-align: middle;}
#searcharea fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}
#searcharea #query{ 
	border: 1px solid #D4D4D4;
	color: #BFBFBF;
	font-size: 10px;
	margin-right: 4px;
	padding: 3px;
	vertical-align: middle; 
	width: 223px;
}

#headernav{
	background: url(/lib/yhst-15208657730267/headernav-bg.jpg) left top no-repeat;
	clear: both;
	float: left;
	width: 851px;
}

#headernav .box{
	background: #fff url(/lib/yhst-15208657730267/navbar-bg.jpg) right 2px no-repeat;
	float: left;
	display: inline;
	margin: 2px 8px 0px 7px;
	padding: 0px 0px 6px;
	width: 840px;
}
#headernav ul.links{
	background: #fff url(/lib/yhst-15208657730267/navbar-bg.jpg) left 2px no-repeat;
	float: left;
	padding: 2px 0px 0px;
	margin: 0px;
}

#headernav ul.links li, 
#headernav ul.links li a{ color:#FDFEFF; display: block; text-decoration: none; }

#headernav ul.links li {background: url(/lib/yhst-15208657730267/navbar-divider.jpg) right top repeat-y; border: none; float: left; height: 31px; line-height: 31px; margin: 0px; padding: 0px; z-index: 1; position: relative;}/*might need width here*/

#headernav ul.links li a{ padding: 0px 26px; margin: 0px 2px 0px 0px;}
#headernav ul.links li.last{ background: none;}
/********************
cascading navigation
********************/

#headernav ul.links li a:hover {
	color: #fff;
	background: url(/lib/yhst-15208657730267/cascading-nav-main-hover.gif) left top repeat-x;
	text-decoration: underline;
}
/*End Nav Area, Start Cascading Nav*/

#headernav ul.links li ul {
	display: none;
	position: absolute;
	z-index: 999;
	left: 0px;
	top: 31px;
	padding: 0;
	width: 163px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #fff;
	border-bottom: none;
	background-color: #fff;
	text-decoration: none;
}

#headernav ul.links li:hover ul, #headernav ul li.sfhover ul {
	background: #FFF;
	border: solid 1px #fff;
	border-bottom: none;	
	display: block;
	z-index: 1000;
}

#headernav ul.links li ul li {
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0;
	float:left;
	font-size: 1.0em;
	background: #CECED1 url(/lib/yhst-15208657730267/cascading-nav-link-bg.gif) left top repeat-x;
	position: relative;
	z-index: 999;
	text-align: left;
	width: 163px;
	text-decoration: none;
}

#headernav ul.links li ul li:hover, #headernav ul li ul li .sfhover{
	background: #E3E3E5 url(/lib/yhst-15208657730267/cascading-nav-link-hover.gif) left top repeat-x;
}

#headernav ul.links li ul li a {
	padding: 0px 0px 0px 10px;
	background: #CECED1 url(/lib/yhst-15208657730267/cascading-nav-link-bg.gif) left top repeat-x;
	color: #66554B;
	display: block;
	float:left;
	position: relative;
	z-index: 999;
	width: 153px;
	text-align: left;
	text-decoration: none;
}

#headernav ul.links li ul li a:hover {
	color: #66554B;
	background: #E3E3E5 url(/lib/yhst-15208657730267/cascading-nav-link-hover.gif) left top repeat-x;
	position: relative;
	z-index: 1000;
	width: 153px;
	text-align: left;
	text-decoration: none;
}

/********************
MAIN BODY
*********************/

#bodyshell {
	float: left;
	margin: 0;
	width: 851px;
}

#bodycontent{
	position: relative;
	width: 851px;
	float: right;
}

#bodycontent .bodypad{ padding: 15px; background-color: #FFF; width: 821px; }

#bodycontent .homepage{
	background: none !important;
	padding: none;
}

#flasharea{
	background: #fff url(/lib/yhst-15208657730267/flash-bottom-shadow.jpg) left bottom no-repeat;
	padding: 7px 7px 19px;
}

#homeconts{
	width: 838px;
	margin: 0px auto;
}

#homeconts #contents td.contentsTableTd{
	background: url(/lib/yhst-15208657730267/box-top-right-rounded.gif) left top no-repeat;
	width: 273px;
	padding: 15px 5px 0px 0px;
	margin: 0px 0px 0px 5px;
}

#homeconts #contents .sub{
	background: url(/lib/yhst-15208657730267/box-bg.jpg) left top repeat-y;
	border-bottom: 1px solid #D0D0D0;
	height: 154px;
	margin: -5px 0px 0px;
	padding: 0px;
	width: 273px;
	text-align: center;
}

#homeconts #contents .sub .mostpopular{
	background: url(/lib/yhst-15208657730267/most-popular.jpg) left top no-repeat;
	height: 104px;
	margin: 0px 0px 5px 5px;
	padding: 35px 15px 10px;
	color: #6F6F71;
}

#homeconts #contents .sub .whypack{
	background: url(/lib/yhst-15208657730267/why-convenience-pack.jpg) left top no-repeat;
	height: 104px;
	margin: 0px 0px 5px 5px;
	padding: 35px 15px 10px;
	color: #6F6F71;
}

#homeconts #contents .sub .testi{
	background: url(/lib/yhst-15208657730267/testimonials-bg.jpg) left top no-repeat;
	height: 129px;
	margin: 0px 0px 5px 5px;
	padding: 10px 65px 10px 8px;
	color: #6F6F71;
	text-align: left;
}

#header:after,
#bodyshell:after,
#footer:after,
#footer .text:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/********************
Item Page Stuff
*********************/

.scBreadcrumbs{
	color: #9F9F9F;
	margin-bottom: 10px;
}
.scBreadcrumbs a{color: #9F9F9F;}
.scBreadcrumbs span{ color: #C5DB52; padding: 0px 5px; }

.itemContainer{
	width: 821px;
	float: left;
}

.image{
	float: left;
	width: 410px;
	text-align: center;
}

.itemProperties{
	float: right;
	width: 410px;
}

#product-info-table             {width: 360px; background: #fff; }
#product-info-table TH          {font: normal 11px verdana; background: #F2F2F2; color: #525252; text-align: right; padding: 10px 15px;width: 30%;}
#product-info-table TD          {font: normal 11px verdana; background: #F2F2F2; color: #525252; text-align: left; padding: 10px 15px; width: 70%;}
#product-info-table .price      {color: #00C;}
#product-info-table .sale-price {color: #C00;}
#product-info-table .item-name	{background: #E8E8E8; color: #555658; font: bold 14px Tahoma, Arial, Helvetica, sans-serif;}
#product-info-table .add-to-cart {background: #E8E8E8; color: #555658; text-align: center;}
#product-info-table input,
#product-info-table select		{color: #8D8D8D; font-size: 11px;}

/********************
Tabbed Info
*********************/

div#sc-tab-details {
	padding: 40px 0 20px 0;
	margin: auto;
	width: 782px;
	clear: both;
}

div#sc-tab-details ul#sctab {
	border-bottom: 7px solid #F28B0F;
	padding: 0px;
	margin: 0;
	float: left;
	width: 782px;
	clear: both;
	list-style: none;
}

div#sc-tab-details ul#sctab li#tabheader0{
	margin: 0px 0px 0px 11px;
}

div#sc-tab-details ul#sctab li.tabheader,
div#sc-tab-details ul#sctab li.tabhover {
	margin: 0 2px 0 0;
	height: 26px;
	padding-right: 20px;
	xwidth: 105px;
	float: left;
	background: #CCCCCC url(/lib/yhst-15208657730267/tab-bg-right.gif) no-repeat right -26px;
	font: bold 12px tahoma;
}

div#sc-tab-details ul#sctab li.tabheader a,
div#sc-tab-details ul#sctab li.tabhover a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	float: left;
	xwidth: 105px;
	height: 20px;
	background: transparent url(/lib/yhst-15208657730267/tab-bg-left.gif) no-repeat left -26px;
	font: bold 12px tahoma;
	text-align: center;
	padding: 6px 0px 0px 20px;
	text-transform: lowercase;
	color: #fff;
}

div#sc-tab-details ul#sctab li.tabhover {
	background-color: #F28B0F;
	background-position: right 0;
}

div#sc-tab-details ul#sctab li.tabhover a {
	background-position: left 0;
	color: #fff;
}

div#sc-tab-details ul#sctab li.tabhover a:hover {
	text-decoration: none;
	color: #fff;
}

div#sc-tab-details div#sctabinfo {
	margin: 0;
	float: left;
	clear: both;
	width: 782px;
}

div#sc-tab-details div#sctabinfo div.infobox {
	border-top: none;
	border-bottom: 5px solid #ECECEC;
	border-left: 5px solid #ECECEC;
	border-right: 5px solid #ECECEC;	
	clear: both;
	font: normal 12px Tahoma, Geneva, sans-serif;
	padding: 10px 16px;
	text-align: left;
}

.subheadings{
	background: #808183;
	display: block;
	margin: 20px auto;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	width: 782px;
}
.subheadings * {
	padding: 5px 10px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
}

.pageText, #info-div{
	width: 782px;
	margin: 0px auto;
}

/********************
Related Items
*********************/

#seo-related-links {
    width: 100%;
	margin: auto;
    }
    #seo-related-links:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        }
    #seo-related-links ul {
        margin:0px auto; padding: 0;
        list-style: none; width: 90%;
        }
    #seo-related-links ul.seo-links li {
        width: 33%;
        float: left;
        display: inline;
        background: none;
        margin:0; 
        padding:0;
        }
        #seo-related-links ul.seo-links li a {
            text-decoration: none;
            padding-left: 25px;
            display: block;
			color: #555557;
            _width: 100%;
            }
            #seo-related-links ul.seo-links li a:hover {
                text-decoration: underline;
                }

/********************
CONTACT FORM
*********************/

#contact-form{
	background: #EFEFEF;
	border: 5px solid #ECECEC;
	font-size: 11px;
	color: #555658;
	margin: 0px auto;
	width: 772px;
}
#contact-form form{
	margin: 0px;
	padding: 20px;
}
#contact-form fieldset{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#contact-form .left{ width: 50%; }
#contact-form .right{ width: 50%; }

#contact-form .heading{
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

#contact-form input{ margin-right: 10px; }
#contact-form input, #contact-form textarea{ border: 1px solid #D4D4D4; }
#contact-form .radio {border: none;}
#contact-form .optional {font-size: 10px; color: #8E8E8E;}
#contact-form .contact-email{ width: 200px; }
#contact-form .contact-button{ border:none; float: right; margin-right: 20px; }
#contact-form .extra{margin-bottom: 10px; width: 300px;}

/********************
SITEMAP
*********************/

.sitemap-header {font: bold 14px verdana; color: #717276; display: block; padding-top:  25px;}
.sitemap-1      {font: bold 12px verdana; color: #717276; display: block; padding-left: 25px;}
.sitemap-2      {font: bold 12px verdana; color: #717276; display: block; padding-left: 50px;}
.sitemap-3      {font: normal 10px verdana; color: #BDD63C; display: block; padding-left: 75px;}
.sitemap-4      {font: normal 8px verdana;  color: #BDD63C; display: block; padding-left: 100px;}

/********************
FOOTER
*********************/

#footer{
	padding: 25px 0px 0px; 
	width: 851px;
	float: left;
	clear: both;
}

#footer .text{ float: left; margin: 5px 0px; width: 575px; }

#footer .links{
	float: left;
	padding: 0px;
	margin: 0px 0px 15px;
	width: 575px;
	text-align: left;
}
#footer .links li, #footer .links a{ padding: 0px 5px; }
#footer .text .designby{ color: #9C867B; padding: 0px 10px; }

#footer .designby a{ color: #9C867B; padding: 0px;}

#footer .text .copyright{ color: #9C867B; }

#footer #newsletter{
	float: right;
	width: 271px;
}
#footer #newsletter * {vertical-align: middle;}
#footer #newsletter form{
	background: #F4F0EF url(/lib/yhst-15208657730267/sign-up-for-newsletter.jpg) left top no-repeat;
	border: 1px solid #D2D2D2;
	padding: 30px 9px 9px;
	width: 237px;
	float: left;
}
#footer #newsletter fieldset{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#footer #newsletter .newsletter-box{
	border: 1px solid #D2D2D2;
	color: #BFBFBF;
	font-size: 10px;
	padding: 3px;
	width: 189px;
	margin: 0px 6px 0px 0px;
}
#footer .htmlarea{
	clear: both;
	color: #A8A8A8;
	float: left;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 15px 0px;
	width: 851px;
}
#footer .logo-icons{
	clear: both;
	text-align: center;
	margin: 15px 0px;
	width: 851px;
}
#footer .logo-icons * {vertical-align: middle; margin: 10px 5px;}

/**********************
CONTENTS
**********************/

/*Content Table*/
#contents {
	clear: both;
	margin: 0px auto;
}

#contents a { text-decoration: none; }

#contents a:hover { text-decoration: underline; }

#contents .contentsTable {
	border-collapse: collapse;
}
#contents .vertical{ width: 782px; margin: 0px auto; }

#contents .vertical td { text-align: center; }

#contents td { margin: 2px; padding: 5px; }

#contents .contentsTable select option,
#itemarea select option { padding-right: 10px; }

#contents .horizontal-seperator {
	xborder-bottom: 2px solid #FFFFFF;
	height: 10px;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
}

#contents .vertical-seperator {
	xborder-right: 2px solid #FFFFFF;
}

#contents.accessory * { text-align: left; }

#contents.accessory .details {
	background-color: #FFFFFF;
	margin: 2px 10px;
	padding: 10px;
}

#contents.accessory .details a {
	color: #000000;
	font-size: 1em;
}

#contents.accessory .details h3 { font-size: 1em; }

#contents.accessory .details .sale-price { margin-bottom: 10px; }

#contents .detail td {
	border-bottom: 15px solid #E9E9E4;
	padding: 5px;
}

#contents .detail.last td { border-bottom: 0pt solid; }

#itemtype #contents .detail td, #maintype #contents .image td { padding-bottom: 10px; }

#contents .last { border: 0pt none; }

#contents .itemName * {
	color: #6D6D6F;
	font-weight: bold;
	margin: 5px 0px;
}

#contents .itemName { padding: 5px 0pt 0pt; }

#contents .abstract{
	color: #6E6E70;
	font-size: 11px;
	margin: 5px 0px;
}

#contents .button{
	margin: 5px 0px 0px;
	padding: 5px 0px 0px;
}

#contents .priceBold,
#contents .regPrice,
#contents  salePrice {
	color: #EB6C05;
	font-weight: bold;
	margin: 5px 0pt 0pt;
}

/*End Content table*/
.image-l {
	background-color: #FFFFFF;
	display: block;
	float: left;
	margin: 0pt 15px 10px 0pt;
	padding: 5px;
}

.image-r {
	background-color: #FFFFFF;
	display: block;
	float: right;
	margin: 0pt 0pt 10px 15px;
	padding: 5px;
}

.image-c {
	margin-bottom: 10px;
	text-align: center;
}

.inset-l {
	background-color: #FFFFFF;
	display: block;
	float: left;
	margin: 0pt 8px 5px 0pt;
	padding: 5px;
}

.inset-r {
	background-color: #FFFFFF;
	display: block;
	float: right;
	margin: 0pt 0pt 5px 8px;
	padding: 5px;
}

.addtocartimg {
	border: 0pt none;
	cursor: pointer;
	display: block;
	margin: 10px 0pt;
	padding: 0px;
}

#itemtype .price em {
	font-style: normal;
	font-weight: bold;
	margin: 10px 0pt;
	padding: 0pt 4px 0pt 0pt;
}

#itemtype .itemform .price {
	font-weight: bold;
	margin: 10px 0pt;
}

#itemtype .itemform .price-bold {
	font-weight: bold;
	margin: 10px 0pt;
}

#itemtype .itemform .sale-price, #itemtype .itemform .sale-price-bold { margin: 10px 0pt; }

#itemtype .itemform .sale-price-bold { font-weight: bold; }

#itemtype .itemform .sale-price-bold em {
	background: #FFFFFF none repeat scroll 0%;
	color: #93B049;
	font-style: normal;
	font-weight: bold;
	margin: 10px 0pt;
	padding: 0pt 4px 0pt 0pt;
}

#itemtype .itemform .sale-price em {
	color: #93B049;
	font-style: normal;
	margin: 10px 0pt;
	padding: 0pt 4px 0pt 0pt;
}

.contentsTable .availability { padding: 10px 0pt; }

#itemtype .code {
	font-style: normal;
	margin: 10px 0pt;
}

#itemtype .code em {
	font-style: normal;
	margin: 10px 0pt;
}

.contentsTable .contentsoptions { padding: 3px 0pt; }

.contentsTable #abstract { padding: 3px 0pt; }

#itemtype .itemformname, .contentsTable .itemformname { font-weight: bold; }

.contentsTable .itemformnamemultiline { display: block; }

#itemtype .itemavailable {
	color: #000000;
	font-weight: bold;
	margin: 8px 0pt;
}

#itemtype .itemavailable em {
	color: #93B049;
	font-style: normal;
	font-weight: bold;
	margin: 8px 0pt 8px 4px;
}

#itemtype .itemoption {
	display: inline;
	font-weight: bold;
	margin: 2px 0pt;
}

#itemtype .multilineoption {
	display: block;
	font-weight: normal;
	margin: 5px 0pt;
}

/**********************
ELEMENTS
**********************/

a{ text-decoration: none; }

a:hover{ text-decoration: underline; }

input{ margin: 0; padding: 0; }

b, strong{ font-weight: bold; }

blockquote{ margin: 1em; }

dd{ margin: 0 0 0 10px; }

dl{ margin: 5px 0; }

em, i{ font-style: italic; }

img{ border: 0; }

li{
	margin: 0 0 0 15px;
	padding: 0;
}

ol, ul{
	list-style: disc outside;
	margin: 0;
	padding: 0;
}

p{ margin: 10px 0; padding: 0; }

tr, td{ vertical-align: top; }

form{
	margin: 0;
	padding: 0;
}

h1, h2, h3{
	margin: 0;
	padding: 0;
}

/****
	Solid Cactus Click to Enlarge v3.0.0
****/
/*Editable Style Sheets*/
#scWrapper{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	background: #000000;
}

#scImgBox{
	font: 11px normal "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif; /*background color of the image box*/
	border: 10px solid #CACACA; /*normally same as border color*/
	background: #CACACA;
}

#scImgTitle{
	font: 12px normal "Georgia", "Times New Roman", Times, serif; /*fonts and settings for image description shown above the image*/
	text-align: left;
	padding-bottom: 5px;
}

#scImgBox-insets{
	padding: 10px 75px 0 0;
	background: #CACACA;
}

#scImgBox-insetPreview img{
	border: 2px solid #000000; /*border color for inset preview*/
	display: none;
}

#scImgBox-insets a{
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0 5px 1px 5px;
	border: 1px solid #FFFFFF;
	text-decoration: none;
	margin: 0 5px 0 0;
	background: #3F3F3F;
}

#scImgBox-insets .absClose{
	font: normal 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; /*styles for close in inset area*/
}

#scImgBox .close{
	font: bold 14px Arial, Helvetica, sans-serif; /*close on upper right corner*/
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 0 5px 1px 5px;
	margin: -15px -15px 0 0;
	text-decoration: none;
	background: #3F3F3F;
}

/*Styles Not to be Edited*/
.relativePos{ position: relative; }
.absolutePos{ position: absolute; }
.hideSelect{ visibility: hidden; }

#scWrapper{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 100%;
	height: 800px;
	cursor: hand;
}

#scImgBox{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1500;
	text-align: center;
}

#scImgBox-mainImg{
	background: url(/lib/yhst-15208657730267/loading.gif) #FFFFFF no-repeat center center;
	text-align: center;
}

#scImgBox-mainImg.schidebg{ background: #FFFFFF; }

#scImgBox-mainImg img{ vertical-align: middle; }

#scImgBox-insets{
	position: relative;
	left: 0;
	text-align: left;
	clear: both;
}

/*#scImgBox-insets img{ display: none; }*/
#scImgBox-insets .absClose{ position: absolute; right: 0; }

#scImgBox .close{
	position: absolute;
	top: 0;
	right: 0;
}

#scImgBox-insetPreview{
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 200;
}

#scPage-insets .scMainImgLnk{ display: none; }
