/*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:#d51e1e;color:#ffffff;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:inline; margin-top:10px;}

.image-l {background-color:#fff; display:block; float:left; margin:0 15px 10px 0;padding:5px;z-index:20;}

form
{
z-index:10;display:inline;
}

/* colors 
green = #9FA615
orange = #F7A11A
gray = #666666
bkg = FFFFFF

*/


body
{
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 950px;
	font-family: helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	background-image:url(/lib/yhst-57043508388699/page-bkg);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #FFFFFF;
}

#contents {background-color:#ffffff;border-right:10px solid #ffffff; border-left:10px solid #ffffff; }

#bodycontent {float:right; width:760px;} /* 190 + 760 = 950 */ /* 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:190px solid #ffffff; float:left; zoom:1; margin:0;margin-top:10px;} /*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 */
*:first-child+html #bodyshell { width:700px; }

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

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

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

#contentarea {margin:0px 0 10px 0;}

#nav-product {_display:inline; float:left; margin-left:-190px; overflow:hidden; position:relative; width:190px; z-index:100; padding-top:12px;} /* 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 */

#contents #contents-table {border-collapse:collapse; border-bottom:10px solid #ffffff; text-align:left;}

#contents .price-bold {font-weight:bold;margin:1px 0 0;color:#9FA615;text-align:left;padding-left:16px;}

#itemarea
{

padding-left:15px; 

width:700px;
}
#itemtype .itemform
{
 
}
#itemtype .itemform .price-bold {font-weight:bold; margin:10px 0;color:#9FA615;padding-left:16px;}


#itemtype .itemFormName, #contents-table .itemFormName{font-weight:bold; background-color:#9FA615; color:#FFFFFF; font-size:13px; display:block;padding:2px;
}

#itemtype .multiLineOption {display:inline; margin:15px 0; font-weight:normal;}

#itemtype .itemoption
{
color:#9FA615;
display:inline;text-align:left;
margin-top:5px;margin-bottom:5px;
position:relative;top:0px;left:0px;
}
#proddescheader
{
color:#9FA615;
font-weight:bold;
padding-top:12px;
}
#proddesc
{
padding-left:5px;
padding-top:5px;width:
}
#ys_relatedItemsheader{font-weight:bold; background-color:#9FA615; color:#FFFFFF; font-size:13px; display:block;padding:2px;}

#contents-table #abstract {padding:3px 0;color:#9FA615;text-align:left;padding-left:16px;}

#contents .name {padding:5px 0 0;text-align:left;padding-left:16px;}

#contents .price {font-weight:bold; margin:5px 0 0;color:#9FA615;text-align:left;padding-left:16px;}

#contents .sale-price {color:#d51e1e;text-align:left;padding-left:16px;}  

#contents .sale-price-bold {color:#d51e1e;font-weight:bold;text-align:left;padding-left:16px;}

/* hides the item # */
.code
{
display:none;
visibility:hidden;
}

#headerTop
{
	width:950px;
	height:118px;
	position:relative;
	top:0px;
	left:0px;

}
#headerLogo	
{
	position:absolute;
	top:5px;
	left:0px;
	width:247px;
	height:118px;
        border:0px solid #FFFFFF;
}
#noBorderLogo
{
	position:absolute;
	top:3px;
	left:0px;
	width:247px;
	height:118px;
        border:0px solid #FFFFFF;
}
#headerText
{
	position:absolute;
	top:80px;
	left:260px;
	color:#F7A11A;
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
}	
#expText
{
padding-left:5px;
}	
#mainContent
{
	position:relative;
	top:0px;
	left:0px;
	margin-top:30px;
}	

#rightCol
{
	/* max width 650px*/
	margin:0px 0px 0px 190px;
	padding-left:50px;
	width:590px;

}

#topNav
{
	width:590px;
	height:50px;

position:relative;
top:5px;
left:23px;

}
	
#footer
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 25px;
	color:#9FA615;
	text-align:center;
	clear: both;
	margin-top:30px;
	width:100%;
	font-size:11px;
	line-height:15px;
}

img
{
border:1px solid #9FA615;
}
.noBorder
{
border:0px solid white;
}
.leftNavSpacer
{
height:35px;
display:block;
}
.sizingHdr
{
font-weight:bold;
color:#F7A11A;
}

.txtField1
{
	width:115px;
    color:#666666;
}     
.txtField2
{
	width:200px;
    color:#666666;
} 
#desctext
{
padding-left:30px;
padding-top:30px;
}
#section-head {background-color:#ffffff; color:#9fa615; font:bold 14px ; margin:0 0px; padding:4px 0px 6px; 0px;}

.section-subhead {background-color:#ffffff; color:#9FA615; font-weight:bold; font-size:18px; font-family:helvetica, arial; margin:0 0px; padding:4px 0px 6px;}

.section-subhead2 {background-color:#ffffff; color:#F7A11A; font-weight:bold; font-size:18px; font-family:helvetica, arial; margin:0 0px; padding:4px 0px 6px;}

#item-contenttitle {background-color:#ffffff; color:#9fa615; font:bold 14px ; margin:0 15px; padding:4px 15px 6px;}

#copyright {color:#9fa615; display:block; font:normal xx-small/1.2 verdana, sans-serif; padding:10px 15px 15px; text-align:center;}


/* top nav table */
table.topNavTable
{
	border: 0px solid black;
	border-collapse: collapse;
	padding: 0px;
	margin-bottom: 0px;
}
table.topNavTable td.shop
{
	padding: 0px;
	border: 0px solid black;
	width:50px;
	-moz-border-radius: 0;
}
table.topNavTable td.phil
{
	padding: 0px;
	border: 0px solid black;
	width:110px;
	-moz-border-radius: 0;
}
table.topNavTable td.care
{
	padding: 0px;
	border: 0px solid black;
	width:130px;
	-moz-border-radius: 0;
}
table.topNavTable td.size
{
	padding: 0px;
	border: 0px solid black;
	width:68px;
	-moz-border-radius: 0;
}
table.topNavTable td.contact
{
	padding: 0px;
	border: 0px solid black;
	width:82px;
	-moz-border-radius: 0;
}
table.topNavTable td.cart
{
	padding: 0px;
	border: 0px solid black;
	width:100px;
	-moz-border-radius: 0;
}
/* links */

/* unvisited links */ 
A:link 				
{
	color: #9FA615;
	text-decoration: none;
}
/* visited links */ 
A:visited 
{
	color: #9FA615;
	text-decoration: none;
}		
/* user hovers */ 
A:hover 
{
	color: #9FA615;
	text-decoration: underline;

}
/* active links */			 
A:active
{
	color: #9FA615;
	text-decoration: underline;

}	

/* top nav links */

/* unvisited links */ 
A.topNav:link 				
{
	color: #515151;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:5px 8px 5px 8px;
	float:left;
}
/* visited links */ 
A.topNav:visited 
{
	color: #515151;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:5px 8px 5px 8px;
	float:left;
}		
/* user hovers */ 
A.topNav:hover 
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:5px 8px 5px 8px;
	float:left;

}
/* active links */			 
A.topNav:active
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:5px 8px 5px 8px;
	float:left;
}	

/* top nav ON */
/* unvisited links */ 
A.topNavOn:link 				
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:5px 8px 5px 8px;
	float:left;
}
/* visited links */ 
A.topNavOn:visited 
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:5px 8px 5px 8px;
	float:left;
}		
/* user hovers */ 
A.topNavOn:hover 
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:5px 8px 5px 8px;
	float:left;
}
/* active links */			 
A.topNavOn:active
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:5px 8px 5px 8px;
	float:left;
}	

/* left nav links */

/* unvisited links */ 
A.leftNav:link 				
{
	color: #515151;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:3px 0px 3px 0px;

}
/* visited links */ 
A.leftNav:visited 
{
	color: #515151;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:3px 0px 3px 0px;


}		
/* user hovers */ 
A.leftNav:hover 
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:3px 0px 3px 0px;


}
/* active links */			 
A.leftNav:active
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:3px 0px 3px 0px;

}	

/* top nav ON */
/* unvisited links */ 
A.leftNavOn:link 				
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:3px 0px 3px 0px;
	height:18px;
}
/* visited links */ 
A.leftNavOn:visited 
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:3px 0px 3px 0px;
	height:18px;
}		
/* user hovers */ 
A.leftNavOn:hover 
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:3px 0px 3px 0px;
	height:18px;
}
/* active links */			 
A.leftNavOn:active
{
	color: #F7A11A;
	text-decoration: none;
	font-size:18px;
	display:block;
	padding:3px 0px 3px 0px;
	height:18px;
}	



/* unvisited links */ 
A.footerLink:link 				
{
	color: #9FA615;
	text-decoration: none;
}
/* visited links */ 
A.footerLink:visited 
{
	color: #9FA615;
	text-decoration: none;
}		
/* user hovers */ 
A.footerLink:hover 
{
	color: #9FA615;
	text-decoration: underline;

}
/* active links */			 
A.footerLink:active
{
	color: #9FA615;
	text-decoration: underline;

}