@charset "utf-8";
/* CSS Document */

<!--general body stuff-->
html, body{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:center;
	color:#333333;
	font-size: 12px;
	font-family:calibri;
	vertical-align:top;
	padding:0px;
	height: 100%;
	/*
	background-color:#999999;
	background-image: url(/lib/yhst-80062701289674/bodybackground.jpg);
	*/
}
a:link, a:visited {
color:#71BE24;
text-decoration:none;
font-family:calibri;
font-weight:bold;
}
a:hover{
text-decoration: underline;
}
#wrapper{
width: 1000px;
margin-left: auto;
margin-right: auto;
}

<!--end general body stuff-->

/*////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
*/

<!--header stuff-->

#header{
width: 1000px; /*old -- 950px--*/
background-color: #ffffff;
vertical-align: top;
padding: 0px;
margin: 0px;
border: 0px;
}

#headerCart{
display: inline;
}
#headerCart a:link{
size: 14px;
}


.headerLogo{
width: 325px;
height: 130px;
padding: 0px;
margin: 0px;
}

.headerRight{
width: 675px;
text-align:left;
padding: 0px;
margin: 0px;
}

.logorightbottom{
height: 45px;
vertical-align:top;
width: 675px;
padding: 0px;
margin: 0px;
}

.logorightbottomBottom{
height: 50px;
vertical-align:top;
width: 675px;
padding: 0px;
margin: 0px;
text-align: left;
}


.logorighttopleft{
height: 55px;
vertical-align:top;
width: 445px;
text-align: left;
}
.logorighttopright{
height: 55px;
vertical-align:top;
width: 225px;
text-align: right;
padding-right: 5px;
}


.vMenuItem{
text-align:center;
vertical-align: top;
padding-top: 15px;
width: 135px;
}

.vMenuItem a:link, .vMenuItem a:visited{
color: #ffffff;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

.vMenuItem a:hover{
text-decoration: underline;
}

.vMenuSpacer{
width: 5px;
}

.vMenuAfterLinks{
width: 250px;
vertical-align: top;
text-align: center;
padding-top: 28px;
}
.vMenuAfterLinks a:link, .vMenuAfterLinks a:visited{
font-weight: bold;
font-size: 12px;
color:#666666;
text-decoration: none;
}
.vMenuAfterLinks a:hover{
text-decoration: underline;
}
.vMenuAfterCart{
width: 150px;
text-align:left;
vertical-align:bottom;
}

#vMenuSubMenu{
margin-top: 20px;
padding-left: 20px;
color: #ffffff;
}

#vMenuSubMenu a:link, #vMenuSubMenu a:visited{
color: #ffffff;
font-size: 14px;
text-decoration: none;
}
#vMenuSubMenu a:hover{
text-decoration: underline;
}


#heading{
font-size: 36px;
color: #000000;
font-weight: bold;
border-bottom: #cccccc 1px solid;
}


#searchFormHeader{
padding: 0px;
padding-bottom: 3px;
padding-top: 3px;
text-align: center;  
border: 1px solid #cccccc;
vertical-align:top;
width: 230px;
}





<!--end header stuff-->

/*////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
*/

<!--content-->

#categoriesBottom{
color: #ffffff;
text-align:left;
}

#categoriesBottom a:link, #categoriesBottom a:visited{
color: #ffffff;
text-decoration: none;
}

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

.pageBodyContent{
width: 980px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
}
#pageBodyTop{
background-image: url(/lib/yhst-80062701289674/pagebodytop3.gif);
height: 10px;
width: 980px;
margin-left: 10px;
margin-right: 10px;
padding-top: 0px;
margin-top: 0px;
border-top: 1px solid #000000;
}
#pageBodyBottom{
background-image: url(/lib/yhst-80062701289674/pagebodybottom.jpg);
height: 30px;
width: 960px;
margin-left: 10px;
margin-right: 10px;
padding-top: 0px;
margin-top: 0px;
padding-left: 10px;
padding-right: 10px;
text-align:center;
font-size: 14px;
font-weight: bold;
}

.pagePadding{
width: 10px;
}

#pageBodyWrapper{
width: 990px;
margin-left: 5px;
margin-right: 5px;
background-color: #ffffff;
}






/*/////////////////
///	REGULAR PAGES
/////////////*/


#contentbody{
width:980px; /*normally 950*/
/*background-image: url(/lib/yhst-80062701289674/contentbodybgnew.jpg);*/
vertical-align: top;
background-color: #ffffff;
} 

/*left menu*/
.leftmenu{
width: 190px;
padding-right: 5px;
vertical-align: top;
background-image: url(/lib/yhst-80062701289674/leftmenubackground.jpg);
padding-left: 5px;
text-align:left;
}

/*right body*/
.rightbody{
width: 620px;
}
.rightbodyinner{
width: 620px;
text-align: left;
}
.rightbodyrightcol{
width: 150px;
text-align: center;
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
}






/*/////////////////////
//home page
//////////////////////*/



<!--end content-->


/*///////////////////////////////////
//////////////////////////////////////
//
//	JAVASCRIPT ADDONS CSS
//
/////////////////////////////////////
/////////////////////////////////////*/

<!--anylink css -- dropdown menu-->
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: #CCCCCC;
color: #ffffff;
display:block;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
display: none;
z-index: 1000; /* zIndex should be greater than that of shadow's below */
background-color: #ffffff;
border: 1px solid #cccccc;
}

.anylinkcssWrapper{
border: 1px solid #cccccc; 
width: 125px;
text-align:left;
}

.anylinkcss2{
position: absolute;
right: 0;
top: 10;
visibility: hidden;
display: none;
z-index: 1000; /* zIndex should be greater than that of shadow's below */
background-color: #ffffff;
border: 1px solid #cccccc;
}

.anylinkcssWrapper2{
border: 1px solid #cccccc; 
width: 125px;
text-align:left;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
display: block;
text-decoration: none;
font-weight: bold;
padding: 5px;
color: #000000;
font-size: 14px;
border-bottom: 1px solid #cccccc;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #cccccc;
color: white;
}








.anylinkcss2{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
font: normal 12px calibri;
line-height: 18px;
z-index: 1000; /* zIndex should be greater than that of shadow's below */
background: #01874a;
margin-top: 0px;
text-align:left;
width: 200px;
border:1px solid #01874a;
}

.anylinkcss2 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss2 ul li a{
display: block;
text-decoration: none;
padding-left: 5px;
color: #ffffff;
font-size: 14px;
}

.anylinkcss2 a:hover, .anylinkcss2 a:active{ /*hover background color*/
background: #ffffff;;
color: #01874a;
}


/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

.anchorclass{
padding: 0px;
}


<!--end anylink css-->


#categories{
width: 165px;
margin:5px;
text-align: center;
display: inline;
position: relative;
vertical-align: bottom;
font-weight: bold;
font-size: 14px;
border: 10px solid #ffffff;
}

  .submitLink {
   color: #006600;
   background-color: transparent;
   text-decoration: underline;
   border: none;
   cursor: pointer;
   cursor: hand;
  }
.breadcrumbs{
text-align: left;
vertical-align: top;
}
.breadcrumbsright{
width: 150px;
text-align: right;
vertical-align: top;
}

#countdown{
width: 100%;
text-align: center;
font-size: 16px;
}
.detailleft{
width: 94px; 
padding: 3px; 
text-align: left; 
font-weight: bold;
vertical-align: top;

}
.detailright{
width: 184px; 
padding: 3px; 
text-align: left;
vertical-align: top;

}
.detailleftprice{
width: 94px; 
padding: 3px; 
text-align: left; 
font-weight: bold;
font-size: 20px;

}

.detailReview{
padding: 3px;
text-align: left;
border-bottom: 1px solid #cccccc;
}


.detailrightprice{
width: 174px; 
padding: 3px; 
text-align: left;
font-weight: bold;
font-size: 20px;

}
.faqHeading{
border-bottom: #CCCCCC solid 1px;
font-size: 14px;
font-weight:bold;
width: 520px;
}
#footer{
margin-right: 10px;
text-align: right;
}

.formbutton{
margin:0px;
padding:0px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
width:auto;
overflow:visible;
cursor:pointer;
border:outset 1px #000000;
font-weight:bold;
background-color: #063;
color: #ffffff;
}

#itemdisplay{
}
.item-headline{
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}
h1.item-headline{
font-weight: bold;
font-size: 14px;
}
.item-left{
width: 320px;
text-align: center;
vertical-align: top;
margin-top: 5px;
}
.item-left-split{
width: 150px;
text-align: center;
vertical-align: top;
padding-top: 20px;
}
.item-right{
width: 280px;
text-align: left;
vertical-align: top;
padding-left: 20px;
}

.item-right-inner{
text-align: left;
vertical-align: top;
padding: 5px;
width: 260px;
}


.item-right-inner-padding{
	width: 5px;
	background-image: url(/lib/yhst-80062701289674/itemDetailBody.jpg);
	background-position: left;
}
.item-right-inner-padding-right{
	width: 5px;
	background-image: url(/lib/yhst-80062701289674/itemDetailBody.jpg);
	background-position: right;
}

	.reviewLeft{
		padding-top: 5px;
		padding-bottom: 5px;
		width: 170px;
		text-align:center; 
	}

	.giftListRight{
		width: 90px;
		text-align:center; 
	}

.item-right-inner-bottom{
border-bottom: 1px dashed #e0e0e0;
height: 2px;
}
.item-right-inner-container{
}

.item-right-inner-head{
width: 280px;
height: 30px;
text-align: center;
background-image: url(/lib/yhst-80062701289674/itemDetailTopv2.jpg);
font-weight: bold;
color: #ffffff;
font-size: 16px;
}
.item-right-inner-bottom-bottom{
width: 280px;
height: 15px;
background-image: url(/lib/yhst-80062701289674/itemDetailBottomv2.jpg);
}

.rockBottomPrice{
	padding: 3px;
	background-image: url(/lib/yhst-80062701289674/rockBottomBG.jpg);
	margin-bottom: 3px;
}

.item-image{
	position: relative;
}

.item-image-overlay{
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	
}


.itemDetailBody{
background-image: url(/lib/yhst-80062701289674/itemDetailBody.jpg);
background-position: left;
}

.itemDetailBottom{
height: 15px;
}

.itemDetailInner{
background-color: #ffffff;
}

.itemoption{
color: #000000;
font-weight:bold;
display: block;
padding: 5px;
}

LI.indexpage {
list-style: square inside; 
color:blue
}

#menu{
background-image: url(/lib/yhst-80062701289674/menubg.jpg);
height: 25px;
width: 950px;
}
.menu_under{
height: 2px;
background-color: #000000;
}
#navbar{
text-align:left;
padding-right: 5px;
}
#navbar3{
width: 180px;
text-align:left;
padding: 5px;
background-image: url(/lib/yhst-80062701289674/resourcesHeadbody.jpg);
}

#navbar3 a:link, #navbar3 a:hover{
color: #000000;
font-size: 14px;
font-weight:bold;
}


#navbar a:link, #navbar a:visited{
display: block;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #000000;

}
#navbar a:hover{
color: #ffffff;
background-color: #cccccc;
}

ul.navbar { 
list-style: none
color: #ffffff; 
}
#pagebottom{
width: 950px;
height: 30px;
background-image: url(/lib/yhst-80062701289674/pagebottomnew.jpg);
vertical-align: top;
padding-left: 10px;
padding-right: 10px;
}
.productdescription{
padding-top: 20px;
}
.prodleft2{
vertical-align: top;
width: 400px;
}
.prodright2{
vertical-align: top;
width: 220px;
}


.productInfoMoreLeft{
width: 390px;
text-align:left;
vertical-align: top;
border-right: 1px solid #cccccc;
padding-right: 5px;
}
.productInfoMoreRight{
width: 200px;
text-align:center;
vertical-align: top;
}

#searchbox{
width: 190px;
height: 70px;
padding-top: 30px;
text-align: center;
vertical-align: center;
background-image: url(/lib/yhst-80062701289674/searchboxbg.jpg);
}
#shopbycategory{
width: 170px;
padding-left: 10px;
padding-right: 10px;
min-height: 500px;
padding-top: 30px;
text-align: center;
top-align: center;
align: left;
background-image: url(/lib/yhst-80062701289674/shopbycategorybg.jpg);
background-position: top;
background-repeat: no-repeat;
}
input.searchinput{
color: #cccccc;
}






#yahooshopping{
width: 190px;
text-align: center;
}
#yousavesale{
color: #ff0000;
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
display: block;
}




























            .pg-normal {
                color: black;
                font-weight: normal;
                text-decoration: none;    
                cursor: pointer; 
padding-left: 4px;
padding-right: 4px;
            }
            .pg-selected {
                color: #ffffff;
                font-weight: bold;        
                cursor: pointer;
background-color: #006633;
padding-left: 4px;
padding-right: 4px;
            }
#pagination{
width: 100%;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 20px;
}
#pagination2{
width: 100%; 
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 20px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 588px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 182px; /*Width of each panel holding each content. 
text-align: center;
If removed, widths should be individually defined on each content DIV then. */
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
padding: 5px;
}



.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(/lib/yhst-80062701289674/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(/lib/yhst-80062701289674/indentbg2.gif) center center repeat-x;
}

.pagination2{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination2 a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination2 a:hover, .pagination2 a.selected{
color: #000;
background-color: #FEE496;
}




.paginationitem{
width: 178px;
padding: 5px;
border: 1px solid #cccccc;
text-align:center;
vertical-align:top;
padding-top: 5px;
}
.paginationitemempty{
width: 178px;
padding: 5px;
text-align:center;
vertical-align:top;
padding-top: 5px;
}
.paginationpaging{
}
.paginationpagingselected{
background-color: #006633;
color: #ffffff;
}
.thumbs{
  max-width: 125px;
  max-height: 125px;
  width: expression(this.width > 125 ? "125px" : true);
  height: expression(this.height > 125 ? "125px" : true);
}

#popularmanufacturers{
border-top: 1px dashed #cccccc;
border-bottom: 1px dashed #cccccc;
padding: 5px;
text-align:left;
}
	
	
.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
display: block; /* Main Menu Item widths */
list-style-type: none;
font: 12px calibri;
z-index: 1000;
}
 
.ddsmoothmenu-v ul li{
position: relative;
z-index: 1000;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 3px;
z-index: 1000;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background-color: #f5f5f5; /*background of menu items (default state)*/
color: #000000;
font-weight:normal;
z-index: 1000;
}
.ddsmoothmenu-v ul li a:active{
color: #ffffff;
z-index: 1000;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #cccccc; 
color: white;
z-index: 1000;
}

.ddsmoothmenu-v ul li a:hover{
background: #cccccc; /*background of menu items during onmouseover (hover state)*/
color: white;
z-index: 1000;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 200px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
z-index: 1000;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */

.ddsmoothmenu{
font: bold 12px Verdana;
background: #414141; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #cccccc; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
margin: 0;
border-top-width: 0;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
display:none;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
display:none;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}
.toplevelshadow{
opacity: 0.8;
}


.navbar22{
border: 1px solid #cccccc;
background-color: #cccccc;
}
.navbar22 a:hover{
background-color: #f5f5f5;
}
.mainimage {
  max-width: 125px;
  max-height: 125px;
  width: expression(this.width > 125 ? "125px" : true);
  height: expression(this.height > 125 ? "125px" : true);
  border: 0px;
}

#navbar a.selectedanchor {
background:#ccc; 
color:#fff;
}


/*for each modal .... #bigContainer .window[i] -- sets up outer parameters for modal
*/  

/*productEnlarge*/
#modalProductEnlarge .window {   
  position:absolute;     
  display:none;   
  z-index:9998;   
  background-color: #ffffff;
  border: #999999 2px solid; 
}   

/*map pricing*/ 
#modalMapPricing .window2 {   
  position:absolute;     
  display:none;   
  z-index:9998;   
  background-color: #ffffff;
  border: #999999 2px solid; 
} 

#seemapprice{
	background-color: #ffffff;
	padding: 5px;
	text-align:left;
}

#seemappricingtext{
	text-align: left;
	padding: 5px;
}

/*emailFormModal*/  
#emailtofriendcontainer .window3 {   
  position:absolute;     
  display:none;   
  z-index:9998;   
  background-color: #ffffff;
  border: #999999 2px solid; 
} 

#emailtofriend{
	width: 700px;
	height: 300px;
}



h1.itemPage{
	font-size: 20px;
	font-weight: bold;
}

.itemPageBoxHeader{
	padding: 5px;
	text-align:left;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
}

.itemPageBoxContents{
	padding: 5px;
	text-align:left;
	vertical-align:top;
	border: 1px solid #cccccc;
	border-top: 0px;
}

.itemPageBoxContentsMini{
	font-weight: bold;
	font-size: 10px;
}

.itemPageBoxDrop{
	display: none;
	padding: 5px; 
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #cccccc;
}
.itempageBoxDropClose{
	padding: 5px;
	text-align: right;
}

h1.productHeading{
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:calibri;;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%; background-color: #ffffff;}
#sb-body-inner{position:absolute;height:100%;width:100%; background-color: #ffffff; overflow:auto;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/lib/yhst-80062701289674/loading2.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px; font-weight: bold; background-color:#000000; padding-left: 3px; margin-bottom: 3px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%; background-color:#000000;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-color: #000000; background-image:url(/lib/yhst-80062701289674/close2.png);}
#sb-nav-next{background-image:url(/lib/yhst-80062701289674/next.png);}
#sb-nav-previous{background-image:url(/lib/yhst-80062701289674/previous.png);}
#sb-nav-play{background-image:url(/lib/yhst-80062701289674/play.png);}
#sb-nav-pause{background-image:url(/lib/yhst-80062701289674/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 615px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
	cursor: pointer;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 615px;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	background-color: #ffffff;
}

.priceDisplay {
color:#FF6600;
font-weight:bold;
}

.youllSave{
	font-style: italic;
	font-size: 12px;
	margin-top: 5px;
}

.faqQuestion {
	font-size: 16px;
	font-weight:bold;
	border-bottom: 1px solid #e0e0e0;
	padding: 5px;
	padding-left: 0px;
	text-align:left;
	
}

.faqQuestionAnswer{
	border-bottom: 1px solid #e0e0e0;
	padding: 5px;
	padding-left: 20px;
	text-align:left;
}

.faqQuestionClose{
	padding: 5px;
	text-align:right;
}

.faqHeader{
	font-weight: bold;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#recentlyViewedHeader{
	text-align:left;
	font-weight:bold;
	font-size: 20px;
}

#recentlyViewedItems{
	padding: 5px;
}




.recentlyViewedContentContainerWrapper{
	padding: 5px;
}

.recentlyViewedContentContainer{
	padding: 5px;
	width: 585px;
	text-align:center;
}
.recentlyViewed{
	width: 185px;
	padding: 5px;
	text-align:center;
	padding-bottom: 0px;
	vertical-align: bottom;
}
.recentlyViewedUnder{
	height: 5px;
}
.recentlyViewedMore{
	padding: 5px;
	text-align:center;
	padding-bottom: 0px;
}
.recentlyViewedMoreBox{
	padding: 5px;
	text-align:center;
	background-color: #cccccc;
}


.recentlyViewedEnd{
	border-right: 0px;
}



.yfc_mymenu{
	padding-left: 0px;
}




/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #ffffff;
    color: #333;
    border: 1px solid black;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



.imageZoom2{
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -350px;
    width: 700px;
	height: 400px;
    
    background-color: #ffffff;
    color: #333;
    border: 1px solid black;
}

.imageZoom2 { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .imageZoom2 {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.modaldivpop{
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -350px;
    width: 700px;
    
    background-color: #ffffff;
    color: #333;
    border: 1px solid black;
}

.modaldivpop { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .modaldivpop {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.searchDropImage{
	max-width: 55px;
	max-height: 55px;
}

.messagepop { 
  background-color:#FFFFFF; 
  border:1px solid #999999; 
  cursor:default; 
  display:none; 
  margin-top: 15px; 
  position:absolute; 
  text-align:left; 
  z-index:2000; 
  padding: 10px 10px 10px; 
  right: -140px;
} 
 
label { 
  display: block; 
  margin-bottom: 3px; 
  padding-left: 15px; 
  text-indent: -15px; 
} 
 
.messagepop p, .messagepop.div { 
  border-bottom: 1px solid #EFEFEF; 
  margin: 8px 0; 
  padding-bottom: 8px; 
  
} 



.quickView{

width: 550px; 
height: 340px;
padding: 10px;
vertical-align:top;
text-align:left;
background-image:url(/lib/yhst-80062701289674/testbg.png);


}

.contentSlider{
	height: 280px;
	width: 680px;
	border: 2px solid #333333;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

.contentSliderContent{
display: none;
}

/*
 * jQuery Nivo Slider v2.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}