/*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.*/

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

body {background-repeat:repeat-x;}

#container {margin:0 auto; text-align:left; width:980px; border:solid 1px #3f2c1b; background-color: #ffffff;} /* This "container" is needed as IE produces resize induced rendering errors when using the BODY element for a container. */ 

#bodycontent {float:right; width:830px;} 

#header {z-index:1000; position: relative; background:#dddddd url('http://ep.yimg.com/ca/I/yhst-18461728116681_2196_13069568') ;zoom:1; min-height:124px; height:auto !important; height:124px;} /* _height and zoom are MS hacks */

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

#bodyshell { background-color:#ffffff; border-left:150px solid #999999; float:left; zoom:1; margin:0; width:830px; *position:relative;} 


#brandmark {float:left; font:normal 36px Tahoma, Geneva, Verdana, sans-serif; width:525px;} /* 510 + 250 = 760 */

#brandmark a {color:#3f2c1b; display:block; padding:0; text-decoration:none;}

*:first-child+html #messagearea { width:790px; }

*:first-child+html #intro-area { width:790px; } 

#intro-area {margin:10px 10px 9px; /*border-bottom:1px #fff solid;*/} /* 1px is used to prevent Margin Folding */

#intro-title {background:#ffffff url('') ; color:#985e1e; font:bold 16px Tahoma, Geneva, Verdana, sans-serif; padding:4px 15px 6px;}

#middle-header {width: 128px; height: 64px; position: absolute; top: 15px; left: 550px; text-align: center;}

#cc-header {width: 84px; height: 70px; position: absolute; top: 8px; left: 695px; text-align: center;}

#phone-area {width: 180px; height: 80px; position: absolute; top: 3px; right: 3px; text-align: center;}

#top-links {width: 575px; height: 20px; position: absolute; top: 88px; right: 0px; text-align: right;}

h2 {font-size:1em;}
h4 a {color:#985e1e;}


#nav-general {clear:both; float:right; display:block; list-style:none; margin:0 5px 0 0;}

#nav-general li {background-color:#999999; border:1px solid #ffffff; float:left; margin:0 2px;} /* General Link Colors */

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

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

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

/*---dropdown menu ----*/
#sddm
{	clear:both; 
	float:right;
	list-style:none;
	margin:0 5px 3px 0;
	padding: 0; 
	z-index: 30;
	}

#sddm li
{	border:1px solid #ffffff;
	margin: 3px 3px 2px 3px;
	padding: 0;
	list-style: none;
	float: left;
	font-weight: bold;
	font-size: 12px;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding:4px 10px 6px;
	width: 59px;
	font-weight: bold;
	background: #999999;
	color: #ffffff;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #717171;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #999999;
	border: 1px solid #FFF
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
		background: #999999;
		color: #FFF;
		font-size: 12px;}

	#sddm div a:hover
	{
		background: #717171;
		color: #FFF;}
/*---dropdown menu end ----*/


div.welcome-area {width: 830px;	height: 105px; background: #EAEAEA url("/lib/yhst-18461728116681/content-curve-bkgd-home.gif") no-repeat;}

div.welcome-photo {float:left; padding:7px 5px 0px 2px;}

div.welcome-text span {font-weight: bold; line-height: 20px;}

div.welcome-text {float:left; padding: 5px 5px 5px 0px; font-size: 1em; color: #3a4b78; width:755px;}


#nav-product {_display:inline; float:left; margin-left:-150px; overflow:hidden; position:relative; width:150px; 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-type:none;}

/*list-style-image: url("/lib/yhst-18461728116681/arrow.gif") !important;*/

#nav-product li {float:left; margin:0; background-color:#999999; border-bottom:1px solid #f6ead6;} 

#nav-product li a.left-nav {color:#ffffff; display:block; font-weight:bold; font-size:11px; padding:7px 3px 2px 14px; min-height:20px; text-decoration:none; width:138px;}

#nav-product li a.left-nav:hover {background-color:#717171; color:#ffffff;}

html>body #nav-product a {height:auto;}

* html #nav-product li a.left-nav {width:133px; height:100%; overflow:hidden; background-color: #999999; overflow:hidden;}


* html #nav-product { overflow:hidden; width:150px; }

#nav-product span.left-nav-title img {padding:0 0 3px 0; margin: 0; border-bottom:1px solid #f6ead6;}

#bodyshell {background: url(/lib/yhst-18461728116681/content-curve-bkgd.gif) no-repeat;}

#htmltop {border-bottom:0px solid #f6ead6; padding: 0 0 7px 0; background: #999999; width:150px}

#htmlbottom {padding:0; margin:0; text-align: center;}

#search-area {background: #999999;}
#search-area fieldset {margin: 0; padding: 0; border: 0;}
#search-area input {font-size: 1em; vertical-align: middle;}
#search-area span {display: block;font: 1em Arial, Helvetica, sans-serif;}

#item-contenttitle {background-color:#ffffff; color:#985e1e; font:bold 16px Tahoma, Geneva, Verdana, sans-serif; margin:4px 0px 5px 10px; padding:0}

#section-contenttitle {background-color:#ffffff; color:#985e1e; font:bold 16px Tahoma, Geneva, Verdana, sans-serif; margin:4px 0px 5px 10px; padding:0}

#sub-section-contenttitle {background-color:#ffffff; color:#985e1e; font:bold 16px Tahoma, Geneva, Verdana, sans-serif; margin:4px 0px 5px 0px; padding:0}

#contents .horizontal-seperator {border-bottom:1px dotted #646464;}
#contents .vertical-seperator {border-right:1px dotted #646464;}

#contents .price {font-weight:normal; margin:10px 0 0;}

#contents .sale-price {color:#cc0000;}  

#contents .sale-price-bold {color:#cc0000; font-weight:bold;}

span.qty-price-text {font-weight:bold; color: red;}

span.qty-price-text-each {font-weight:normal; color: red;}

#contentarea {width:829px; padding:0px 0px 8px 0px; margin:0;}


#item-area {float:left; width:660px; padding:8px 0 0 0; margin:0;}

div.image-area {float:left; margin: 0; padding: 0; width: 370px; text-align: center;}

div.main-image-area {padding: 0; text-align: center;}

div.inset-area {padding: 0; text-align: center;}

div.inset-area img {padding: 0 3px 0 0;}


div.itemform {float:left;}

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

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


div.pit-holster {text-align:center; margin-left: auto; margin-right: auto; padding:10px; border: 1px solid #646464;}

div.pit-holster table#product-info-table td select {
  font-size: 11px;
}

div.pit-holster table#product-info-table tr.sale-price td {
  color: #000000;
}


div.pit-holster table#product-info-table tr.quantity td input.quantity-box {
  text-align: right;
}

div.pit-holster table#product-info-table tr {vertical-align: middle;}

div.pit-holster table#product-info-table tr td.add-to-cart {
  text-align: center;
  padding-top:12px;
}

div.pit-holster table#product-info-table tr td.pit-cell {
  width:190px;
}

div.pit-holster table#product-info-table tr td.add-to-cart img {

  margin: 0 5px 0 5px;

}


div.pit-holster table#product-info-table tr.sale-price td{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#CE0000;
}

div.pit-holster table#product-info-table tr.you-save td{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#CE0000;
}

div.pit-holster table#product-info-table tr.sale-price th, div.pit-holster table#product-info-table tr.you-save th {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#CE0000;
}

div.pit-holster table#product-info-table{
	width:250px; 
}

/*div.pit-holster table#product-info-table tr{
	background:url(/lib/yhst-18461728116681/pit-sep.gif) repeat-x bottom left;
}*/

div.pit-holster table#product-info-table th{
	text-align:right;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:2px;
	padding-left:2px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background:#E7E7E7 url(/lib/yhst-18461728116681/pit-sep.gif) repeat-x top left;
	width:135px;
}

div.pit-holster table#product-info-table td{
	text-align:left;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background:url(/lib/yhst-18461728116681/pit-sep.gif) repeat-x top left;
}

div.pit-holster table#product-info-table td select{
	width:180px;
}

div.snipets {text-align:center;

	font-size: 1em;

}


div.snipets img {

	padding: 0 8px 0 0;

}


div.snipets a:hover {

	text-decoration: none;

}


.sale-price {color:#cc0000;}  
.sale-price-bold {color:#cc0000;} 

table.shipping-table {font-size:0.8em; color:#000000; padding:2px; margin:2px;}

.sitemap-header {

    font: bold 14px verdana;

    color: #39497B;

    display: block;

    padding-top:  15px;

}

.sitemap-1      {

    font: bold 12px verdana;

    color: #39497B;

    display: block;

    padding-left: 25px;

}

.sitemap-2      {

    font: normal 12px verdana;

    color: #39497B;

    display: block;

    padding-left: 50px;

}

.sitemap-3      {

    font: normal 10px verdana;

    color: #39497B;

    display: block;

    padding-left: 75px;

}

.sitemap-4      {

    font: normal 8px verdana;

    color: #39497B;

    display: block;

    padding-left: 100px;

}

input.radio-button {float:left; margin:0 4px 4px 0; padding:0;} 

label.rad-opt-label {float:left; width:125px; display:block; padding:0; margin:0 0 4px 0;}

*label.rad-opt-label {margin-top:3px;}
*input.radio-button {margin-right:0;} 



.item-right-col {float:left; width:155px; text-align:center; padding:0px 0px 10px 0px; margin-top:8px; border:solid 1px #646464;}

#cross-sell {clear: both;}

#cross-sell a {	display:block; font:bold 11px Tahoma,Arial,sans-serif !important;}

div.testimonials-area {
	position:relative; 
	left: 55px;
	padding: 8px 8px 8px 8px;
	width: 550px;
	border: 1px solid #646464;
	font-size: 0.8em;
	text-align: center;
	font-weight: bold;
	color: #A90000;
}


#sc-seo-related-links {

	padding:0 0 0 10px;
	
	clear:both;

    }
	
    #sc-seo-related-links:after {

        clear: both;

        content: ".";

        display: block;

        height: 0;

        visibility: hidden;

        }

    #sc-seo-related-links h3 {

        color: #000;  

        font: bold 13px/1.2 verdana, arial, sans-serif;

        text-align: center;

        }

    #sc-seo-related-links ul {

        margin:0; padding: 0;

        list-style: none;

        }

    #sc-seo-related-links ul.seo-links li {

        width: 49%;

        float: left;

        display: inline;

        background: url(/lib/yhst-90736427645124/dot.gif) 5px center no-repeat;

        margin:0; 

        padding:0;

        }

        #sc-seo-related-links ul.seo-links li a {

            text-decoration: none;

            padding-left: 15px;

            display: block;

            _width: 100%;

			font:normal 12px tahoma, Arial, Helvetica, sans-serif;

			color:#985e1e;

            }

            #sc-seo-related-links ul.seo-links li a:hover {

                text-decoration: underline;

                }


div.related-items-area {
width:100%;
clear:both;
}

#article-caption {padding:0 10px 5px 8px; margin:0;}

#article-caption .image-r {margin:0; padding:0 0 0 8px;}

#sc-seo-related-links .header, .caption .header, .article-links-area .header {
	background-color:#999999;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	margin-bottom:5px;
	display:block;
	width:98%;
}

.article-links-area .header a {
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	padding:0px;
	margin:0px;
}


.item-right-col .header {
	background-color:#999999;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	display:block;
        margin:0; padding:5px 0 5px 0;
}


#article-id {margin:-15px -15px 0 0; padding:0;}

#caption ul {
    padding-left:1em;
    margin-left:0;
}

#cross-sell-items table#contents-table td {
	padding:0 4px 10px 4px;
}


#cross-sell-items .name a:hover {text-decoration: underline;}

ol {list-style-type:decimal; margin:0; padding:0 0 0 30px;}


#badges {text-align:center;margin-bottom:10px;}

.each-badge {float:left; padding:10px 45px 10px 45px;}

#share-button {float:right; padding:4px 34px 0px 0px; margin:0px; width:125px;}

.title-div {float:left; margin:0; padding:0; width:650px;}

.contents-cell {margin:0px; padding:0px;}

.section-cart-button {margin:0px; padding:0px;}

.article-table th {padding:4px; font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#985e1e;
	background:#E7E7E7; text-align:center;}

.article-table td {padding:4px; font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;}

div.name  {margin:0 0 4px 0;}

.contents-loop-div {text-align:left; vertical-align:top; padding:0 0 0 1em; margin:4px 0 0 0;}

ul.contents-list {margin:0; padding:0; list-style-image: url("/lib/yhst-18461728116681/arrow.gif");}

li.content-list-item, li.content-list-item a {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}

.section-contents-image {min-width:100px;}

.pr_snippet_product {padding-bottom:5px;}

.pr_review_summary {}


/*------ begin tabber css --------------*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #000;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #000;
 border-bottom: none;
 background: #999999;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #fff; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #717171;
 border-color: #000;
}

ul.tabbernav li.tabberactive a
{
 color: #000;
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px;
 border:1px solid #000;
 border-top:0;
 min-height:250px;
}

.tabberlive .tabbertab h2, .tabbertab h2 {color:#985e1e; font:bold 16px Tahoma, Geneva, Verdana, sans-serif; margin:0px 0px 5px 0px; padding:0}

/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */

/* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */

/* If desired, hide the heading since a heading is provided by the tab */

/* .tabberlive .tabbertab h2 {
 display:none; 
}
.tabberlive .tabbertab h3 {
 display:none;
} */

/* Example of using an ID to set different styles for the tabs on the page */
/*.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}*/

/*----  end tabber css -------------*/

#finaltext {float:left;}
iframe.grelated-iframe {
	left:-99999px !important;
	display: none !important;
}