/*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 overwrfite 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; display: inline; font:normal 36px Arial, Helvetica, sans-serif;
padding:0 0 0px 13px; 
width:325px;} /* 510 + 250 = 760 */

#brandmark a {
color:#0099FF;
display:inline;
padding:0 0 0px 13px;
text-decoration:none;
}

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


#yfc_mini{ z-index:30; position:absolute; top:0px;left: 615px;}

.smb-mc
.minicart_c1{ z-index:30;  !important; width: 110px !important; position:absolute;left:216px !important; }

.minicart_c1
.mini_msg {background-color: #ffffff;}

.minicart_c2
.mini_item_count{position: absolute; top:0px !important; right:55px; z-index:40;}

.minicart_c2
.mini_subtotal {position: absolute; top:0px !important; right:5px; z-index:40;}

.smb-mc
.minicart_c2 {position:absolute; left:0px !important; width:324px !important;}

.minicart_c2
.mini_msg { background-color: #9AC848; position: absolute;  right:125px !important;}



/*.minicart_c2 .mini_item_count {position: absolute; top:0px !important; float:right;}*/

.minicart_c1
.mini_item_count {position:absolute; top:15px; }

.minicart_c1
.mini_subtotal
{position:absolute; top:15px; right:5px; text-align:right; }

.minicart_c1
.mini_msg { position: absolute; top:0; right:10px; z-index:30; font-size:12px;}

.gen-nav { float:right; display:inline; width: 595px; z-index:50;}

#nav-general { top:.5em; list-style:none; margin:4px 0px 0 0; background:#ffffff; float:left; display:inline; z-index:50;}

#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 9px 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:#88c100; 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;}

.heading {
	position: relative;
        width:95%;
	padding: 4px 4px;
        margin: 0 10px;}
.box {
	position: relative;
	padding: 4px 4px;
} 
.green {
	background: #88c100;
	color: #fff;
}
.white {
	background: #FFFFFF;
	color: #fff;
}
.corner10 {
	position: absolute;
	width: 5px;
	height: 5px;
	background: url('/lib/yhst-96052664222318/grnCnr10x10.png') no-repeat;
}
.corner10white {
        background: url('/lib/yhst-96052664222318/whtCnr10x10.png') no-repeat scroll 0 0 transparent;
height:6px;
position:absolute;
width:6px;
/*z-index:20;*/
}
.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:left; margin:0 0 0 0; width:740px; padding:0 10px 0 5px; background:none repeat scroll 0 0 white;  } /* 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. */

#maintype #caption {
background-color:#FFFFFF;
padding:10px;
}
.body-wrap{margin:0; max-width:940px; /*position:relative; */}

#bodyshell {background-color:#ffffff;  border-left:0 solid; /* #88c100; */ float:none !important; margin:0;} /*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:960px; position:static; border:solid 2px #6f9034;}


#nav-product {_display:inline;/* background-image:url("//lib.store.yahoo.net/lib/yhst-96052664222318/shadow-bg.jpg");  background-repeat: repeat-y; */  BACKGROUND:url("//lib.store.yahoo.net/lib/yhst-96052664222318/shadow-bg.jpg") REPEAT-y SCROLL 0 0 #88c100; padding:0 ; margin-left: 0; width:200px; position:static; border-right: 1px solid #6f9034; } /* 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: 1px 1px 0px 0px solid #6f9034; color:#ffffff; display:block; font-weight:bold; font-size:13px; 
/*height:16px; margin:0; min-height:12px; */
padding:4px 15px;
width:170px;
 text-decoration:none;

}

#navigation {border:1px solid #6f9034 !important;}

.sub-nav li a {background-color:#FFFFFF !important; color: #676767 !important; padding-left:30px !important; border-bottom: 1px dotted #CCCCCC !important; min-height: 12px !important; max-height: 14px !important; padding-top: 2px; padding-bottom: 2px;}

.sub-nav li a:hover {/*color:#f8de16 !important; */ color: #000000 !important;  font-weight: bold !important;}

input, select, textarea {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
}
#messagearea #messagetitle{background:#ffffff url('') ; color:#e85c01; font:bold 14px Arial, Helvetica, sans-serif; padding:4px 15px 6px;}

#ct {
    margin: 0;
    padding: 0;
    min-width: 680px;
    text-align: center;
}

#contents td {padding:0px;}
#contents .vertical-seperator {
border-right:1px solid #CCCCCC;
}
#contents .horizontal-seperator {
border-bottom:1px solid #CCCCCC;
}

.image-l {
background-color:#FFFFFF;
margin:0 0px 0px 0;
padding:5px;
display: inline;
}

.tip {
    color: #fff;
    background:#1d1d1d;
    padding:1px 1px 0px 1px;
    
    position:absolute;
    z-index:999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tip_trigger .tip { display:none; }

#itemtype #contentarea #itempage-captiontitle {margin:0px 0 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:0px solid #F8DE16; margin:0; padding:5px; width: 695px;}

#section-contenttitle h1 {font: bold 18px Arial, Helvetica, sans-serif; }

.breadcrumbs { font-size:11px; color:#000000; margin:0 10px 5px 0px;}
.breadcrumbs a { text-decoration:none;}
.breadcrumbs a:hover {text-decoration:underline;}
.current-breadcrumb { font-weight: bold; text-decoration:none !important;}
.current-breadcrumb a:hover { text-decoration:none !important;}
.invisible {color:#FFFFFF !important;}
.breadcrumbs span {font-size: 10px;}
#contents  {/* width:auto; margin-left:auto; margin-right:auto; padding-right:20px;
background-color:#FFFFFF;
border-left:0px solid #FFFFFF;
border-right:0px solid #FFFFFF; min-height:000px;
 */}

#contentarea  {
margin:0 0 0 0;
/*float:left;  */
overflow:hidden;
/* width:750px; */
}

#item-contenttitle {background-image:url("//lib.store.yahoo.net/lib/yhst-96052664222318/item-title-green-bg.jpg");border-bottom:0px solid #ffffff; margin: 0px 0px 0px 11px; padding:1px 0 4px 10px; width:558px;}

#item-contenttitle .BL {display:none;}
#item-contenttitle .BR {display:none;}

#item-contenttitle h1 {font:bold 18px Arial, Helvetica, sans-serif; }

#contentarea #caption {margin: 0; padding: 10px 15px;}
.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;}
#contents .name {padding: 2px 0 0 0;}
#ct img { border: 0px solid grey; }

.borderbox{border: solid #CCCCCC; border-width: 1px 1px 0px 1px; padding: 0px 0 5px 0;}
 
.clear {clear:both;}

.section {float: left;}

.section-span {float: left; display: inline-block; min-width: 700px;}

.section-row{/* display:-moz-inline-stack; display: inline-block; */ zoom1; margin: 5px 0 10px 0;}

.section-item { display: inline-block; padding: 0px 0 0 0; margin:0 2px 0 2px; text-align:center; border: #E8E8E8 1px solid; min-height: 190px;}

.section-image {border:#dddddd 1px solid; padding:00px; margin: 5px 5px 0 5px;}

/* .product{ border-color:#dddddd; border-width: 1px 1px 1px 1px; border-style:solid; z-index:10; } */


.section-margin{padding:0 6px 0;}
.section-order-margin {padding: 0 2px 0;}
.section-item .name {height:30px;}
.section-item .priceArea {padding: 1px 0 0 0; height:30px;}
.section-item .reg-price {padding-bottom:1px; margin:0px /* position:absolute; bottom:0px;*/}
.section-item .price-filler {color: #FFFFFF;}
.section-item .itemavailable {float:right}

.dashed {margin:0; border-width: 0 1px 0 0; border-style:dashed; border-color:#cccccc; min-height: 170px; }
.lastcol {border-width: 0px; margin: 0;}

#ct hr{color:#CCCCCC; background-color: #cccccc; height:1px; border: medium none; margin: 5px 0 5px 0;}

.section-order {background-color: #E8E8E8; margin-bottom:-8px; padding: 5px 12px 4px 12px; }

.section-order .dashed {background-color: #e2e2e2;}

/*.section-order #vwquantity0 {  float:right;}*/
.section-order .add-to-cart {margin: 4px 0 0 0; margin-left:auto; margin-right:auto; display:block;}
.section-order span {padding:6px 6px 0 0;}

#center{float: left; margin:0 5px 0 0; min-height: 1px; overflow: hidden; width: 579px;}

#itemarea .orderbox{  /*background-color:#fbfbfb;
           border: 1px solid #c0c0c0;*/
           font-size: 12px;          
padding: 4px 0 0 0;}
.item-info {min-width:130px;}
.item-info span {text-align:right;}

#itemarea {
   padding: 0; margin: -2px 0px 10px 11px; border: 2px solid #CCCCCC; }

.clearfix{ display: block;}

#itemarea .itemc1 {
   float: left;
   width: 40%;
   text-align:center;
   padding: 10px 0 10px 0;
   border-right: 1px solid #CCCCCC;
   margin-right: -1px;}
.itemc1 img {z-index:1; position:relative;}
#cloudz{position:relative;}
.cloud-zoom {margin-left:auto; margin-right:auto; }
.cloud-zoom-big {border:0 solid #ffffff; !important;}
.mousetrap {margin-left:auto; margin-right:auto; }
#wrap {margin-left:auto; margin-right:auto; z-index:5 !important;position:relative; width:auto;}

.mouse-zoom{ font:8pt helvetica; color:#999999; text-align:center; padding: 0;}
#czz {float:right;}

#itemarea .caption {padding-top: 10px;}

#itemarea .itemc2 {
   float: left;
   width: 58%;
   padding: 0 0 0 10px;
   border-left: 1px solid #CCCCCC;
overflow:hidden;
}
#itemarea .itemc2
          .line {/* border-bottom:1px dotted #c0c0c0;*/ padding:2px 0px;}
.item-info th {width:85px;}
#itemarea .reg-price th {font-size: 12px; font-weight: bold; padding: 1px 0px 0 0; }
.priceArea {text-align:left;}
#itemarea .price-filler{display:none;}
.priceArea th {width: 85px;}
.priceArea .reg-price td {font-weight:bold; color:#990000;}

.reg-price-sale {font-size: 12px; font-weight: bold; color: #333333;  padding: 0; } 
.reg-price-sale td { text-decoration: line-through; }
.sale-price {margin:0 !important; font-weight:bold; color: #CC0000;}


.line-add-item {padding:0px;}
.add-item {margin:0px 10px 0px 0; padding: 3px 3px 10px 0; }
.add-item span { padding: 8px 5px 0px 0px; font-weight:bold;}
.quantity {font-size: 12px; color: #333333; font-weight:bold; padding: 12px 0 0 0;}
#vwquantity0 {display:inline; padding: 1px 2px; margin: 4px 0 0 0; text-align: left; width:20px; background-color:#DFF2BF; font-size:12px;}

.add-item .add-to-cart {
display:inline;
border:0 none;
cursor:pointer;
position:relative;
bottom:-8px;
padding: 0px 0 0 10px;
/*margin: 3px 0px 0px 6px;*/
}




.availability td, .multi-add-vertical .availability {font-weight:normal; color:green !important; }

#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;
}
.multi-add-vertical {width:95%; margin-left:auto; margin-right:auto; margin:20px 0; border-bottom: 2px solid #999999;}

.multi-add-vertical .header {background-color: #EEEEEE; padding:0px; height:30px; vertical-align:middle;}

.multi-add-vertical .header th {border-bottom: 2px solid #999999; border-top:1px solid #CCCCCC; padding:0px; margin: 0px;}

.multi-add-vertical td { border-bottom: 1px dotted #CCCCCC; vertical-align:middle;}

.multi-add-vertical img {padding-left:10px;}

.multi-add-vertical .priceArea td {border: 0px;}

.multi-add-vertical col.thumb {width:80px;}

.multi-add-vertical col.code {width:70px;}

.multi-add-vertical col.name { width:150px;  font-weight:bold; color:#333333 !important;}

.multi-add-vertical col.availability { width:110px;}

.multi-add-vertical .price-filler {display:none;}

.multi-add-vertical .reg-price th {display:none;}

.multi-add-vertical .reg-price-sale th{display:none;}

.multi-add-vertical ul {list-style:none;}

.multi-add-vertical tbody{min-height:600px;}
.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;
}

}
/*.section-item img {
	/*width: 60px; height: 60px; *//* Set the small       thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for       Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
.section-item img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}*/




.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; }

 jQuery UI Accordion 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 13.5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content a {  border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; font-weight:normal !important; }

.ui-icon-triangle-1-e {
    background-position: 0px -192px;
}

.ui-icon-triangle-1-s {
    background-position: -16px -192px;
}

.ui-accordion .ui-accordion-content-active { display: block; }
.ui-state-active a {border:0;}

.ui-icon {
    background-image: url('/lib/yhst-96052664222318/ffffff-256x240-icons-icons.png');
    height: 16px;
    width: 16px;
}

/*


