/*Merchants--Use this file to make any edits that you wish to override styles in the main stylesheets. By making edits to this CSS file, your styles applied here will cascade and overwrite styles in the main CSS files. This will allow you to replace the entire contents of the main stylesheets should it become necessary to update those to fix styling issues with the themes without losing any of your custom styles.*/

#header {z-index:201;
}
#brandmark {float:left; font:normal 36px Arial, Helvetica, sans-serif; width:325px;} /* 510 + 250 = 760 */


.ys_primary{ background:#e05c1d;color:#ffffff;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:inline; margin-top:10px;}
#abstract {font-size: 10px;}

#nav-general { position:absolute; right:0; top:.5em; z-index:300; list-style:none; margin:0 0px 0 0; background:#ffffff;}

#nav-general li {background-color:#ffffff; border:1px solid #6f9034; border-style:none solid none none; border-top:0; float:left; margin:0 0px;

/*background-image: url('/lib/yhst-96052664222318/greengennav.gif'); */} /* General Link Colors */

#nav-general li a {color:#666666; font-size:11px; font-weight:bold; display:block; padding:0px 10px 0px; text-align:center; text-decoration:none; white-space:nowrap;
}

#nav-general li a:hover {background-color:#ffffff; color:#f8de16;}

#nav-top-main {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-color:#6f9034;/*transparent url(http://lib.store.yahoo.net/lib/yhst-96052664222318/top-nav-background.png) no-repeat scroll 0 0; */ font-size:14px; font-weight:normal !important; width:940; height:32px;  overflow:visible; padding:0; position:relative; z-index:100;
}

#nav-top-buttons { /* position:absolute; right:0; top:80px; z-index:100; */ float:right; list-style:none; margin:4px 3px 4px 0; /* background:#6f9034; */}

#nav-top-buttons li {background-color:#9ac848; float:left; margin:0 2px 0 2px; padding:0 0 0 0px; /* background-image: url('/lib/yhst-96052664222318/greengennav.gif'); */} 

#nav-top-buttons li a {color:#ffffff; font-size:14px; font-weight:bold; display: block; padding:0px 10px; text-align:center; text-decoration:none; white-space:nowrap;
}

#nav-top-buttons li a:hover {/* background-color:#ffffff; */ color:#f8de16;}

.box {
	position: relative;
	padding: 4px 4px;
}
.green {
	background: #9ac848;
	color: #fff;
}
.white {
	background: #FFFFFF;
	color: #fff;
}
.corner10 {
	position: absolute;
	width: 5px;
	height: 5px;
	background: url('/lib/yhst-96052664222318/grnCnr10x10.png') no-repeat;
}

.corner20 {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('/lib/yhst-96052664222318/grnCnr20x20.png') no-repeat;
}
.TL {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.TR {
	top: 0;
	right: 0;
	background-position: 100% 0;
}
.BL {
	bottom: 0;
	left: 0;
	background-position: 0 100%;
}
.BR {
	bottom: 0;
	right: 0;
	background-position: 100% 100%;
}
#bodycontent {float:right; width:770px;} /* 150 + 690 = 960 */ /* The Min-width is needed for Moz to stretch the bodycontent that is shrinkwrapping content due to floats. This is only necessary on pages without Tables in the contents. Min-width breaks Opera's layout so Width:100% is used instead of Min-width. */

#bodyshell {background-color:#ffffff;  border-left:170px solid #9ac848; float:left; zoom:1; margin:0; position:relative;} /*Left Column Color*/ /* Background color is needed to counter an IE rendering bug that erases the left column bgcolor */ /* float:left is needed in Moz to handle extra wide cntent that breaks the width */ /* Left/Right Margin was removed due to expanded content errors in Moz, this was used to push the nav/content area in to match the mock-up */ /* position:relative is needed to fix bug in IE that caused the navigation bar to push out over the main content*/


:first-child+html #bodyshell { width:690px; }

#container {margin:0 auto; text-align:left; width:940px; position:relative; border:solid 2px #6f9034; }

/* #nav-general a.linkcheckout {background:transparent url('') 90% 0 no-repeat; padding-right 35px; */

/*#nav-product ul li a {border-bottom:1px solid #6f9034; color:#ffffff; font-size: 13px; display:block; height:12px; margin:0; min-height:12px; padding:1px 4px; text-decoration:none; width:160px;} */

#nav-product {_display:inline; float:left; margin-left:-170px; overflow:hidden; position:relative; width:170px; z-index:100; } /* 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 {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
/* border: solid 0px #6F9034; */
border:solid 0 3px 0 2px #6f9034;
}
#nav-product ul li a {border-bottom:1px solid #6f9034; color:#ffffff; display:block; font-weight:bold; font-size:13px; 
/*height:16px; margin:0; min-height:12px; */
padding:4px 10px;
width:170px;
 text-decoration:none;
}

#messagearea #messagetitle{background:#ffffff url('') ; color:#e85c01; font:bold 14px Arial, Helvetica, sans-serif; padding:4px 15px 6px;}
#itemtype #contentarea #itempage-captiontitle {margin:0px 0 5px; padding:0 2px;}
#itemtype #itempage-captiontitle {background:none; color:#000000; font:bold 14px Arial, Helvetica, sans-serif; margin:0; padding:2px 2px 8px;} /*The Left/Right Padding is smaller because the Caption Title needs to be nested within the Caption on Item pages, but not on Section pages */
#section-contenttitle {border-bottom:2px solid #F8DE16; margin:0 15px; padding:0px 15px 2px 0px; }

#item-contenttitle {border-bottom:2px solid #F8DE16; margin:0 15px; padding:0px 15px 2px 0px;}

#contentarea #caption {margin-top:10px; margin-bottom:0px; margin-left:15px; margin-right:10px}
.image-r {background-color:#fff; display:block; float:right; margin:0 0 0 15px;padding:5px;}
#contents .price {font-weight:normal; margin:10px 0 0;}
	#itemtype .price em {font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0; text-align:right;}
#contents .price-bold {font-weight:bold;margin:0px 0 0;}

#contents .name {color:#000; font-weight:bold; padding:0px 0 0;}
#contents .name {padding:0px 0 0;}

#contents-table img {
   border: 0px solid grey;}

#itemArea .orderBox{ width: 220px; background-color:#EfEfEf;
           border: 1px solid #c0c0c0;
           padding: 4px;}
#itemArea {
   padding: 10px 0 10px 10px;}
#itemArea .itemC1 {
   float: left;
   width: 210px;}
#itemArea .itemC2 {
   float: left;
   width: 410px;}
#itemArea .itemC2
          .line { border-bottom:1px dotted #c0c0c0; padding:2px 30px;}

#itemArea .price-text {float:left; width: 40%; }
#itemArea .price { float: left; width: 30%;}
#itemArea .price em {float: left; font-weight:bold; margin:10px 0;}



#itemtype .itemform .price-bold {font-weight:bold; margin:10px 0; padding-top:2px; margin:0; float:right; width: 20%;}
#itemtype .itemform .sale-price-bold {padding-top: 2px;  margin:0px 0;}
	#itemtype .itemform .sale-price-bold {font-weight:bold}
	#itemtype .itemform .sale-price-bold em 

#itemtype .code em {font-style: normal; margin: 0; padding-top 2px;}
#itemtype .code {font-style: normal; margin:0; padding-top 2px; float:right;
}
#itemtype .code-text {float:left; width: 40%;}
#itemtype .itemavailable {color:#000000; font-weight:bold; margin:0; padding-top: 2px;}
#itemtype .itemavailable em {color:#e05c1d; font-style:normal; font-weight:bold; margin:0; padding-top: 2px;}
#itemtype .itemoption {display:inline; font-weight:bold; margin:2px 0;}




#addToCart {
   line-height: 0px;
}
.addtocartImg{ position:relative; top:0px; margin:0;
}
.multiaddtable { 
border-left:1px solid #4D4D4D;
border-right:1px solid #4D4D4D;
width:95%;
}

.multiaddbutton {
background:#4D4D4D none repeat scroll 0 0;
color:#FFFFFF;
font-size:11px !important;
font-weight:bold;
height:38px;
margin:0 !important;
padding-left:5px;
text-align:right;
vertical-align:middle;
}

#multiadditems table { 
border-bottom:1px #4D4D4D;
display:block;
float:left;
margin-left:2px;
margin-top:7px;
}

#multiadditems li {
display:inline;
list-style-type:none;
margin:5px;
padding:0;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 200;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
/*position:fixed;*/
visibility: visible;
top: 110px;
left: -120px; /*position where enlarged image should offset horizontally */
}


.highslide {
/*  cursor: url(/lib/kbird/ysw-zoomin.cur), pointer;
  outline: none;
}
.highslide img {
  border: 2px solid white;
}
.highslide:hover img {
  border: 2px solid white;
}

.highslide-image {
  border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
  display: none;

  border: 2px solid white;
  border-top: none;
  font-family: Verdana, Helvetica;
  font-size: 10pt;
  padding: 5px;
  background-color: white;
}
.highslide-loading {
  display: block;
  color: white;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 3px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background-color: black;
  padding-left: 22px;

  background-repeat: no-repeat;
  background-position: 3px 1px;
}


.ystore-cross-sell-title { background:orange; padding:2px; color: white; font:bold 14px Arial, Helvetica, sans-serif; }
.ystore-cross-sell-product-caption { padding-bottom:6px; }