/* -------------------------------------
        SC FRAMEWORK STYLES
------------------------------------- */

div#scATCwrapper{position:absolute;background-color:#000;opacity:.75;filter:alpha(opacity=75);z-index:20000;}div#scATCmsg{position:absolute;background-color:#fff;border:solid 1px #000;text-align:center;z-index:20001;width:400px;padding:16px;font:normal 13px/1.2 Helvetica,"Trebuchet MS",sans-serif;}body.scATCtemplate1 div#scATCwrapper{display:none;}body.scATCtemplate1 div#scATCmsg img{margin-right:4px;vertical-align:middle;}body.scATCtemplate1 div#scATCmsg{background-color:#CE1700;color:#fff;border:solid 1px #fff;width:auto;top:2px;left:2px;padding:2px 8px;}body.scATCinProgress form input,body.scATCinProgress form select{opacity:.25;filter:alpha(opacity=25);}select.scHideSelect{visibility:hidden;}iframe#scCookieTestFrame,iframe#scFrameWorkFrame,iframe#scHddnIFrame{overflow:hidden;height:0;width:0;border:none;}

/* -------------------------------------
         GENERAL STYLES
------------------------------------- */

body{
	background: #fff;
	text-align: center;
	font-family: tahoma, sans-serif;
	margin: 0;
	font-size: 12px;
}

h1, h2, p, ul, li, form, fieldset{margin: 0; padding: 0;}
ul, li {list-style-type: none;}
img{border: none;}

#container{
	margin: 0 auto;
	text-align: left;
	width: 950px;
}

.clearer {width: 100%; clear: both; height: 1px; display: block; overflow: hidden;}

/* -------------------------------------
          HEADER STYLES
------------------------------------- */

#header{
	position: relative;
	background: #000000 url('blueBlackGradient.gif') scroll repeat-y left top;
	float: left;
	z-index: 1001;
}

#header h1#brandmark{
	position: absolute;
	top: 0;
	left: 0;
}

#header h1#brandmark a{
	display: block;
	font-size: 0;
	text-indent: -10000px;
	height: 145px;
	width: 200px;
}

.header-viewcart{
	margin-top: 2px;
}

#topnav{
	position: relative; 
	background:transparent;
	margin-top: -33px; 
	width: 100%;
	text-align: left;
	float: left;
	display: inline;
	height: auto;
	top: 0px;
}

#topnav ul{
	margin: 0px 0 0 0; 
	padding: 0 0 0 5px;
	width: 760px;
	line-height: 32px;
	float: left;
	display: inline;
}
#topnav li{display: inline;}
#topnav li a{background: url("/lib/yhst-35773164622644/topnav-link-sep.gif") center right no-repeat; padding-left: 8px;
	color: #fff; font-size: 11px; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-right: 20px;}
#topnav li a.last{background: none;}

#cart{position: absolute; right: 16px; top: 152px;}
#cart img{border: 0;}


/* -------------------------------------
             BODY STYLES
------------------------------------- */

#bodyshell{
	background: url("/lib/yhst-35773164622644/bodyshell-bg.gif") top left repeat-y;
	clear: both;
	width: 527px;
	border-left: 172px solid #E8E8E8;
	border-right: 251px solid #E8E8E8;
	float: left;
	position: relative;
}

* html #bodyshell{width: 950px; margin-top: -2px;}

#content{float: left; width: 527px; margin-right: -527px; }

#contentpad{padding: 5px 0 5px 7px;}

/* -------------------------------------
          LEFT NAV STYLES
------------------------------------- */

#search{background: url("/lib/yhst-35773164622644/search-bg.gif") top left no-repeat; height: 59px; }
#search input.searchbox{width: 106px; float: left; margin: 18px 0 0 5px;}
#search .search-button{float: right; margin: 18px 4px 0 0;}

#leftnav{
	width: 171px;
	position: relative;
	float: left;
	margin-left: -171px;
}

.navhead{
	background: url("/lib/yhst-35773164622644/left-nav-header.jpg") top left no-repeat;
	height: 29px;
	xmargin-bottom: 5px;
}

.navhead a{color: #fff;text-decoration: none;}

#leftnav h2{
	color: #fff;
	font-size: 14px;
	padding-left: 36px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#leftnav li{display: block;}

#leftnav li a{
	background: #E8E8E8 url("/lib/yhst-35773164622644/left-nav-bullet.gif") 0 -2px no-repeat;
	text-decoration: none;
	display: block;
	padding-left: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	height: 19px;
	padding-top: 3px;
}

* html #leftnav li a{height: 22px;}

#leftnav li a:hover{
	background: #35426C url("/lib/yhst-35773164622644/left-nav-bullet.gif") 0 -28px no-repeat;
	color: #CCD6DF;
}

/* Menu flyout */

#menu ul li{position: relative; z-index:500;}

#menu ul li ul{
	display: none; 
	position: absolute; 
	top: 0px; 
	right: -160px; 
	width: 160px;
	xborder-top: 8px solid #35426C;
	xborder-bottom: 10px solid #35426C;
}

* html #menu ul li ul{right: -172px;}
#menu ul li ul li{border-top: 1px solid #606F8E;}
#menu ul li ul li.top{border-top: none;}

#menu ul li:hover ul{display: block;}
#menu ul li.over ul{display: block;}
* html #menu ul li{float: left; display: inline; width: 171px;}


#menu ul li ul li a{
	background: #35426C url("/lib/yhst-35773164622644/flyout.gif") center left no-repeat; 
	color: #fff; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	height: auto;
	display: block;
}

* html #menu ul li ul li a{xpadding-bottom: 2px;}
#menu ul li ul li a:hover{background: #35426C url("/lib/yhst-35773164622644/flyout.gif") center left no-repeat;}

/* Mailing list box */

#mailing-list{
	background: url("/lib/yhst-35773164622644/mailing-list-bg.jpg") top left no-repeat;
	height: 148px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#mailing-list h2{
	margin: 0;
	padding: 0;
	padding-top: 8px;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
}

#mailing-list input.newsletter-box{float: left; width: 118px; margin: 12px 0 0 8px;}
#mailing-list input.mail-button{float: right; margin: 12px 3px 0 0;}

/* -------------------------------------
    RIGHT COLUMN STYLES
------------------------------------- */

#rightcol{
	width: 250px;
	position: relative;
	float: right;
	margin-right: -250px;
}

#rightcolpad{padding: 5px;}
#right-col-top {text-align: center;}
#right-col-top img{margin: 6px 0;}

#right-col-mid{text-align: center; margin: 35px 0 15px 0;}
#right-col-mid img{margin: 0 0 20px 0;}

/* Testimonials */

#scTestimonials{width: 226px; margin-left: 8px; margin-bottom: 40px;}

.testiHd{
	background: url("/lib/yhst-35773164622644/testimonials-head-bg.jpg") top left no-repeat;
	height: 36px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	font-size: 11px;
}

#testiConts{
	border: 1px solid #515561;
	border-top: none;
	padding: 12px;
	padding-top: 0;
	font-size: 11px;
}

#testiConts p{padding: 0 0 1em 0;}
#testiConts p.quote{padding-top: 1em;}
#testiConts li{border-top: 1px solid #d8d8d8;}
#testiConts li.first{border: none;}
#testiConts li.first p.quote{padding-top: 0;}

/* -------------------------------------
           FOOTER STYLES
------------------------------------- */

#footer{
	background: url("/lib/yhst-35773164622644/footer-bg.jpg") top left no-repeat #E8E8E8;
	height: 73px;
	width: 950px;
	position: relative;
	padding: 0;
	margin: 0;
	clear: both;
}

/*  Credit card positioning */

#cc{
	position: absolute;
	text-align: left;
	top: -25px;
	left: 6px;
}

/* Horizonta link list in footer */

#footerlinks{
	text-align: center;
	padding: 0;
	margin: 0;
	width: 950px;
	padding-top: 10px;
}

#footer li{display: inline;}

#footer li a{
	color: #fff;
	text-decoration: none;
	margin-left: 20px;
	font-size: 11px;
	font-weight: bold;
}

#footer li a.b1{margin-left: 0;}

/* Copyright info */

#copyright{
	float: right;
	margin-top: 23px;
	margin-right: 10px;
	color: #5E5E5E;
	font-size: 12px;
}

/* -------------------------------------
       HOME PAGE STYLES
------------------------------------- */

#introtext{margin-top: 20px;}

/* Featured items table  */

#featured{margin-top: 20px;}

#featured h2{
	background-color: #F0F0F0;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	padding: 3px 0 3px 10px;
	margin-right: 20px;
	margin-bottom: -10px;
}

#featured table{width: 500px; margin-top: 5px;}
#featured img{margin-top: 20px;}
#featured hr{background-color: #f5f5f5; color: #f5f5f5; height: 1px; border: 0;}
#featured a{text-decoration: none; color: #000; font-size: 11px;}
#featured a:hover{text-decoration: underline;}
#featured .price{font-size: 11px; color: #888;}
#featured .price-bold{font-size: 12px; font-weight: bold; color: #000;}
#featured .sale-price{font-size: 12px; font-weight: bold; color: #f00;}

/* -------------------------------------
     BREADCRUMBS STYLES
------------------------------------- */

.scBreadcrumbs{
	background: url("/lib/yhst-35773164622644/section-page-top.gif") top left repeat-x;
	margin: -5px 0 10px -6px;
	padding: 6px 0 0 10px;
	font-size: 11px;
}

.scBreadcrumbs a{color: #000;}


/* -------------------------------------
  DYNAMIC PAGING STYLES
------------------------------------- */

#paging{width: 500px; margin: 20px 0 0 0;}
#paging #contents{width: 500px;}
#paging #contents td.verticalSpacer{width: 10px;}
#paging #contents td{padding: 15px 0 0 10px;}
#paging table{font-size: 11px;}
#paging table td{}
#paging tr.ptop td{padding: 0.5em 0;}
#paging tr.pbottom td{padding: 0.5em 0;}
#paging .pagingborder{height: 1px; background: #000; margin: 5px 20px; overflow: hidden;}
#paging a{color: #00649B;}

#paging #contents td.infoCell{text-align: left; padding: 5px 0 15px 10px;}
#paging td.infoCell a{color: #000; text-decoration: none;}
#paging td.infoCell a:hover{text-decoration: underline}

#paging .price{color: #888;}
#paging .saleprice{color: #f00; font-weight: bold; font-size: 12px;}
#paging .price-bold{font-weight: bold; font-size: 12px;}

#paging span.sep{padding: 0 8px;}
#paging span.pageof{padding: 0 8px;}
#paging span{padding: 0 4px 0 0;}
#paging span.leftArrowDiv{padding-right: 0;}

#paging span.pagelinks .chosen{padding: 0;}
div#sortlinks span.sep{padding: 0 0 0 4px;}
div#sortlinks2 span.sep{padding: 0 0 0 4px;}
div#sortlinks span.chosen{padding: 0;}
div#sortlinks2 span.chosen{padding: 0;}

#paging #defaultarrowdiv{display: none;}
#paging #defaultarrowdiv2{display: none;}

/* -------------------------------------
     SECTION PAGE STYLES
------------------------------------- */

#section-top{
	width: 500px;
	position: relative;
}

#section-top h2{
	font-size: 17px;
	text-transform: uppercase;
	background: #424951 url(bg-pagetitle.gif) top left repeat-x;
	margin-bottom: 5px;
	color: #FFF;
	padding: 4px;
	zoom: 1;
}

#section-image{float: right; margin: 5px;}

#section-top-pad{padding: 5px;}

#section-bottom{
	background: url("/lib/yhst-35773164622644/section-top-bottom.gif") top left no-repeat;
	height: 43px;
	margin-left: -6px;
	clear: both;
}

/* -------------------------------------
        ITEM PAGE STYLES
------------------------------------- */

#item-image{text-align: center;}
#item-top h2{margin-bottom: 20px;}
#item-top{float: left; width: 235px; margin-top: 15px;}
#prodtable{float: right; width: 260px;}

#prodtable #product-info-table{
	background: #E8E8E8;
	font-size: 11px;
	width: 250px;
	margin-top: 15px;
}

#prodtable #product-info-table th, #prodtable #product-info-table td{padding: 10px 5px 5px 5px;}
#prodtable #product-info-table tr.options select, #prodtable #product-info-table tr.quantity input{height: 18px; font-size: 11px;}

#prodtable #product-info-table th{text-align: right; width: 100px; font-weight: normal;}

#prodtable #product-info-table tr{background: url("/lib/yhst-35773164622644/pit-border.gif") center bottom no-repeat;}

/* Cross sell styles */

#cross-sell table{margin-top: 5px;}
#cross-sell h2{font-size:15px; font-weight:bold; text-transform:uppercase; font-family: arial, tahoma, sans-serif;}
#cross-sell img{margin-top: 20px;}
#cross-sell hr{background-color: #f5f5f5; color: #f5f5f5; height: 1px; border: 0;}
#cross-sell a{text-decoration: none; color: #000; font-size: 11px;}
#cross-sell a:hover{text-decoration: underline;}
#cross-sell .price{font-size: 11px; color: #888;}
#cross-sell .price-bold{font-size: 12px; font-weight: bold; color: #000;}
#cross-sell .sale-price{font-size: 12px; font-weight: bold; color: #f00;}

/* Multi-add styles (within cross-sell) */
form#ma-of{display: inline;}
form#ma-of input.order-button{float: right;}
#cross-sell table.inner-table{width: 160px; font-size: 11px; text-align: left;}
table.sc-ma-product-table{width: 480px; text-align: left;}
table.sc-ma-product-table td{vertical-align: top;}

table.sc-ma-product-table .ma-qty-box{
	height: 18px;
	font-size: 11px;
	width: 30px;
	margin-top: 10px;
}

div.options{width: 100px;}
div.options th{width: 50px; font-size: 11px; text-align: left;}
div.options select{height: 18px; font-size: 11px;}

/* Tabbed info table styles */

.tab-sep-top{background: url("/lib/yhst-35773164622644/tabbed-top.gif") top left repeat-x; height: 33px; margin-left: -5px; margin-top: 20px;}
.tab-sep-bottom{background: url("/lib/yhst-35773164622644/tabbed-bottom.gif") top left repeat-x; height: 38px; margin-left: -5px; margin-bottom: 20px;}

div#sc-tab-details {
	padding: 5px 0 5px 0;
	margin: auto;
	width: 480px;
	clear: both;
}

div#sc-tab-details ul#sctab {
	padding: 0;
	margin: 0;
	float: left;
	width: 465px;
	clear: both;
	list-style: none;
}

div#sc-tab-details ul#sctab li.tabheader,
div#sc-tab-details ul#sctab li.tabhover {
	margin: 0 6px 0 0;
	height: 22px;
	width: auto;
	float: left;
	background: #DFEA7D url('/lib/yhst-35773164622644/tab-right.gif') no-repeat right -29px;
	font: bold 12px "Trebuchet MS", Geneva, sans-serif;
}

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;
	width: auto;
	height: 18px;
	background: transparent url('/lib/yhst-35773164622644/tab-left.gif') no-repeat left -29px;
	font: bold 14px "Trebuchet MS", Geneva, sans-serif;
	text-align: center;
	padding: 4px 10px 0 10px;
	text-transform: uppercase;
	color: #3F4867;
}

* html div#sc-tab-details ul#sctab li.tabheader a, * html div#sc-tab-details ul#sctab li.tabhover a {height: 24px;}
div#sc-tab-details ul#sctab li.tabhover {background-color: #5D3C83; 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 ul#sctab li.tabheader{background-position: right -22px;}
div#sc-tab-details ul#sctab li.tabheader a{background-position: left -22px;}
div#sc-tab-details div#sctabinfo {margin: 0; clear: both;}

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

* html div#sc-tab-details div#sctabinfo div.infobox {margin-top: -7px; padding-top: 5px;}

/* Recently viewed items styles */

#recently-viewed table#recent-items{text-align: left; width: 500px;}
#recently-viewed table th{text-transform: uppercase; font-size: 15px; font-weight: bold;}
#recently-viewed table td{text-align: left;}

#recently-viewed img{margin-top: 20px;}
#recently-viewed hr{background-color: #f5f5f5; color: #f5f5f5; height: 1px; border: 0;}
#recently-viewed a{text-decoration: none; color: #000; font-size: 11px;}
#recently-viewed a:hover{text-decoration: underline;}
#recently-viewed .recent-items-price{font-size: 12px; color: #000; font-weight: bold;}
#recently-viewed .recent-items-price1{font-size: 11px; color: #888;}
#recently-viewed .recent-items-saleprice{font-size: 12px; font-weight: bold; color: #f00;}

/* Related links styles */

#seo-related-links{padding-bottom: 40px; background: url("/lib/yhst-35773164622644/item-footer.gif") bottom left repeat-x; margin-left: -9px;}
#seo-related-links h3{margin-left: 10px; font-size: 15px !important; font-weight: bold !important; text-transform: uppercase; font-family: arial, tahoma, sans-serif;}
#seo-related-links ul{margin-left: 40px; margin-top: -10px;}
#seo-related-links li{background: url("/lib/yhst-35773164622644/related-bullet.gif") left 7px no-repeat;
width: 230px; float: left; padding: 3px 0 2px 0;}

#seo-related-links li a{padding-left: 16px; font-size: 11px; color: #000; text-decoration: none; display: block;}
#seo-related-links li a:hover{color: #338AEB; text-decoration: underline;}

/* -------------------------------------
          SITE MAP STYLES
------------------------------------- */

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

/* -------------------------------------
          CONTACT STYLES
------------------------------------- */

#contact{background-color: dcdddd;}

#form-buttons input{
	background-color: #0047b9;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 4px;
}

#form-buttons{text-align: right; margin-right: 30px; padding: 0 0 20px 0;}
#contact-header h2{float: left;
	color: 192974;
	font-size: 12px;
	font-weight: bold;
	margin: 50px 0 0 15px;
	display: inline;
}

#contact-header img{float: right;}
.form-sep{clear: both; height: 3px; background-color: #fff; margin: 10px 10px; overflow: hidden;}

#contact table{
	font-size: 12px;
	margin: 0 15px 15px 15px;
}

#contact table input{width: 290px;}
#contact table select{width: 290px}
#contact table textarea{width: 290px;}
#contact td.form-intro{padding-bottom: 30px;}

#infodiv {font-size: 12px;}
#infodiv table{font-size: 12px;}

#item-top h2{
	font-size:12px;
}


/* -------------------------------------
        SC MINI CART STYLES
------------------------------------- */

div#scMiniCart {
	width: 175px;
	display: inline;
	float: right;
}

div#scMCholster-0061 {
	float: right;
	text-align: left;
	position: relative;
	z-index: 1;
	color: #000;
	font: bold 11px/1.2 Tahoma, Verdana, sans-serif;
}

div#scMCholster-0061.open-0061 {
	z-index: 10000;
}

div#scMCholster-0061 a {
	color: #000;
}

div#ctrlPad-0061 {
	margin: 1px 7px 0px 0px;
}

div#minCart-0061 {
	background: url('scMCcartIcon.gif') no-repeat 0px 2px;
	float: right;
	font-size: 10px;
	margin-bottom: 2px;
	padding-left: 13px;
}

div#minCart-0061 a#emptyCook-0061,
div#minCart-0061 span.emptyMsg-0061,
div#minCart-0061 span.itemCnt-0061,
div#minCart-0061 span.itemTtl-0061 {
	background-color: #F4F7EC;
	display: block;
	padding: 1px 3px;
	text-align: center;
}

div#minCart-0061 a#emptyCook-0061,
div#minCart-0061 span.emptyMsg-0061 {
	width: 130px;
}


div#minCart-0061 span.itemCnt-0061,
div#minCart-0061 span.itemTtl-0061 {
	float: left;
	width: 54px;
}

div#minCart-0061 span.itemCnt-0061 {
	width: 62px;
	float: left;
	margin-right: 4px;
}

div#minCart-0061 span.itemCnt-0061 span {
	font-weight: normal;
}

div#ctrlBox-0061 {
	clear: both;
	float: right;
	width: 147px;
}

div#ctrlBox-0061 span {
	display: block;
	padding-top: 20px;
}

a#toggLink-0061 {
	display: block;
	overflow: hidden;
	height: 15px;
	width: 77px;
	background: url('scMCtoggCart.png') no-repeat 0 0;
	float: left;
}

a#checkoutLink-0061 {
	display: block;
	overflow: hidden;
	height: 15px;
	width: 67px;
	background: url('scMCcheckout.png') no-repeat 0 0;
	float: right;
}

div.open-0061 a#toggLink-0061 {
	background-position: 0 -15px;
}

div.emptyCart-0061 a#checkoutLink-0061,
div.open-0061 a#checkoutLink-0061 {
	opacity: .2;
	filter: alpha(opacity=20);
	cursor: default;
}

div#smCart-0061 {
	position: absolute;
	/* top: 20px; */
	right: 0;
	border: solid 2px #000000;
	width: 344px;
	background: #B5B6B5 url('scMCloading.gif') no-repeat center center;
	z-index: 10000;
}

div.closed-0061 div#smCart-0061 {
	height: 0;
	width: 0;
	overflow: hidden;
	border: none;
}

iframe#cartViewer-0061 {
	border: none;
	width: 344px;
	height: 0;
	vertical-align: top;
}

div.loading-0061 div#smCart-0061 {
	height: 60px;
}

div.loading-0061 iframe#cartViewer-0061 {
	height: 1px !important;
}

div.clearer-0061 {
	clear: both;
}


/* sequence banner */
.scSequenceBanner {width:500px; height:200px; overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; }
.scSequenceBannerMain {position:relative;}
.scSequenceBannerMain div {position:absolute; top:0; left:0;}
.scSequenceButtons { height:25px; position:absolute; z-index:100;}
/* graphical button background */
a.scSButton {cursor:pointer; display:block; float:left; width:25px; padding:6px 0 6px 0; background:url(/lib/yhst-35773164622644/scSBbtn.png) no-repeat right 0; color:#000; text-align:center; font-size:11px; margin:0 1px 2px 0;}
a.scSButton:hover {background:url(/lib/yhst-35773164622644/scSBbtn.png) no-repeat 0 0; font-weight:bold;}
a.scSBon, a.scSBon:hover {background:url(/lib/yhst-35773164622644/scSBbtn.png) no-repeat center 0; font-weight:bold;}
/** square button (CSS version) 
a.scSButton {cursor:pointer; display:block; float:left; width:20px; padding:2px 0; background:#000; color:#fff; text-align:center; font-size:12px; margin:0 2px 2px 0; border:1px solid #fff;}
a.scSButton:hover {background:#555;}
a.scSBon, a.scSBon:hover {background:#900;}
**/
.scSequencePause {position:absolute; width:72px; height:20px; z-index:100; background:url(/lib/yhst-35773164622644/scSBPause.png) no-repeat 0 0;}