/*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 5px;text-align:center;cursor:pointer; display:inline; margin-top:11px;}

#nav-general {
    text-transform:capitalize;
}

#contents .vertical td {
font-size:13px;
}

#itemarea .code {visibility:hidden;} /* hide item# */
#itemarea .code em {visibility:visible;position:relative;left:-40px;font-size:13px;}
#itemarea .image-l {float:none;} /* price and options below image */
#nav-general li+li+li+li+li {display:none;} /* hide site map button */
#nav-general li+li+li+li+li+li {display:inline;} /* show add to cart */
  #nav-product ul li:first-child a {background:red;}  
 #nav-product ul li:first-child+li a {margin-bottom:30px;background:red;}    /*spacing on top left navigation buttons */
  #nav-product ul li:first-child+li+li a{border-top:solid 1px;}    /* top line on 3rd left nav button  */
#itemtype .itemform .price-bold,#itemtype .itemform .price, #itemtype .itemform .sale-price-bold {font-size:18px;}
#contents .price-bold, #contents .sale-price-bold, #contents .price{font-size:15px;}
#contents .price,#itemtype .itemform .price{text-decoration:line-through;}

#container { width:760px; }
#bodycontent { width:610px; }

.ysw-related-items {font-face: Arial; color: #000000; font-size: 11px; font-weight: bold;     }
.ysw-related-items a {font-face: Arial; font-size: 11px; font-weight: normal;     }

.ysw-breadcrumbs-wrapper {padding: 10px 15px 0px 15px;}
.ysw-breadcrumbs          {padding-bottom: 15px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; font-weight: normal;}
A.ysw-breadcrumbs:link    {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; font-weight: normal;}
A.ysw-breadcrumbs:hover   {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: underline; font-weight: normal;}
A.ysw-breadcrumbs:active  {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; font-weight: normal;}
A.ysw-breadcrumbs:visited {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;}
.ysw-breadcrumbs-last          {font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; font-weight: normal;}


/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	float: left;
	position: relative;
	z-index: 1;
	bottom: -1px;
}
.ui-tabs-nav-item {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #d3d3d3;
	border-right: none;
}
.ui-tabs-nav-item a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: .75em;
	font-weight: normal;
	text-decoration: none;
	padding: .2em .5em;
	border-right: 1px solid #d3d3d3;
	color: #000;
	background: #e4e5e6 url(/lib/@@STOREID@@/75f.png) 0 50% repeat-x;
}
.ui-tabs-nav-item a:hover {
	background: #bfdaff url(/lib/@@STOREID@@/75.png) 0 50% repeat-x;
	color: #000;
}

.ui-tabs-nav-item a:visited {color:#000;}

.ui-tabs-selected a:visited {color:#fff;}

.ui-tabs-selected {
	border-bottom-color: #96171A;
}
.ui-tabs-selected a, .ui-tabs-selected a:hover {
	background: #96171A url(/lib/@@STOREID@@/65.png) 0 50% repeat-x;
	color: #fff;
}

.tabs div {list-style: disc;}

.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	clear:left;
	border: 1px solid #d3d3d3;
	background: #ffffff;
	color: #000000;
	padding: .5em .7em;	
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

/*Left Nav with SubSections */
/*
#nav-product ul li a {
   border-bottom: 0px;
}
#nav-product .sectionul {
   border-bottom: 1px solid #FFFFFF;

}
#nav-product .sectionul li.sectionli-top a {
  background-color: red !important;
}
#nav-product .sectionul .sectionli {

}
#nav-product .sectionul .sectionli a {
   font-weight: bold; 
   color:white; 
   width: auto; 
}

#nav-product .subsectionul { 
   border-bottom: 1px solid #FFFFFF; 
   display:block; 
   font-weight:normal; 
   color:white; 
   font-size:9px; 
   margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
   text-decoration:none; 
   width: auto; 
}

#nav-product .subsectionul .subsectionli {
   font-size:10px; 
   font-weight: normal; 
   color:white; 
   padding: 0px 0px 0px 8px; 
   margin: 0px 0px 0px 0px; 
   text-decoration:none; 
   width: auto;
}

#nav-product .subsectionul .subsectionli a{
   text-decoration:none; 
   color:white; 
   font-weight: normal; 
   width: auto;
   line-height: 13px;
   padding: 5px 2px 5px 13px;
}
*/

/* Item Page Image and Quantity Pricing Arrangement side by side  */
#itemarea div#ysw-item-image {
    float: left;
}
div#ysw-quantity-pricing {
    float: right;
}






#ysw-tabbed-item-info {
  margin: 15px;
}

.ui-tabs-panel {
  border: solid 1px #0099CC;
}

.ui-tabs-nav-item {
  border: none;
}

.ui-tabs-nav-item a,.ui-tabs-nav-item a:hover{
  background: #00CCFF;
  color: #fff;
}

.ui-tabs-selected a,.ui-tabs-selected a:hover{
  background: #0099CC;
  color: #fff;
}