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

#container {margin:0 auto; text-align:left; width:800px; border:solid 0px #ffffff; 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:600px;} /* 150 + 610 = 760 */ /* 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. */

.breadcrumbs{
font: 11px Arial, Helvetica, sans-serif;
color: #632d00;
font-weight: regular;
text-align: left;
margin:0px 0px 10px 0px;
}

.breadcrumbs a:link{
color: #8d4705;
text-decoration: none;
}

.breadcrumbs a:active{
color: #8d4705;
text-decoration: none;
}

.breadcrumbs a:visited{
color: #8d4705;
text-decoration: none;
}

.breadcrumbs a:hover{
color: #8d4705;
text-decoration: underline;
}

.leftnav-area {
padding: 0px 0px 0px 5px;
}

.contents-area {
padding: 0px 7px 0px 5px;
}

#contents_table{
margin-bottom: 10px;
}

#messagearea #messagetitle{
background:#ffffff url('');
color:#632d00;
font-family:Arial;
font-size:13px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #c3c3c3;
padding:5px 5px 5px 0px;
margin-bottom: 10px;
}

#specialstitle {background:#ffffff url('http://ep.yimg.com/ca/I/yhst-40162586163413_2111_3813927') ; 
background-position: center left;
background-repeat: no-repeat;
color:#a35501; font:bold 13px Arial, Helvetica, sans-serif; margin:0 10px; padding:4px 15px 6px;}

#messagearea  {
padding: 5px 5px 5px 5px;
}

#mainpicarea  {
padding: 5px 5px 5px 0px;
}

#mainpicarea  img {
padding: 2px 2px 2px 2px;
border: 1px solid #b3afaf;
}

#message-text {
font: 12px Arial, Helvetica, sans-serif;
color: #632d00;
font-weight: regular;
text-align: left;
margin: 10px 0px 0px 0px;
}

#main-div {
background-image:url(/lib/yhst-40162586163413/bgtop.gif);
background-position: top left;
background-repeat: repeat-x;
text-align: center;
}

#contentarea #contents img {
padding: 2px 2px 2px 2px;
border: 1px solid #b3afaf;
}

.item-order-form {
padding: 0px 5px 0px 5px;
border-left: 1px solid #b3afaf;
}

.footer-container {
background-image:url(/lib/yhst-40162586163413/footer-bg.jpg);
background-position: top left;
background-repeat: repeat-x;
}

.footer-nav-container {
border: 1px solid #c3c3c3;
background-color: #ffffff;

text-align: center;
padding: 0px 5px 0px 5px;
}

.topnav-container {
background-color: #cb701a;
}

.topnav-area {
background-color: #cb701a;
padding: 0px 0px 0px 0px;
width: 530px;
text-align: right;
}

.topnav {
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
text-align: left;
padding: 10px 0px 0px 6px;
background-image:url(/lib/yhst-40162586163413/top-nav-separator.jpg);
background-repeat:no-repeat;
background-position:center left;

}

.date{
font: 12px Arial, Helvetica, sans-serif;
color: #8d4705;
font-weight: bold;
text-align: left;
padding: 10px 0px 0px 10px;
}

.toll-free{
font: 12px Arial, Helvetica, sans-serif;
color: #632d00;
font-weight: regular;
text-align: left;
padding: 10px 0px 0px 0px;
}

.cs-email{
font: 12px Arial, Helvetica, sans-serif;
color: #8d4705;
font-weight: bold;
text-align: right;
padding: 10px 10px 0px 0px;
}

.cs-email a{
font: 12px Arial, Helvetica, sans-serif;
color: #8d4705;
text-decoration: none;
}

.cs-email a:hover{
font: 12px Arial, Helvetica, sans-serif;
color: #8d4705;
text-decoration: underline;
}

.search-label{
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
text-align: left;
padding: 3px 0px 0px 0px;
}

.topnav a:link {
color: #FFFFFF;
text-decoration: none;
background-image: none;
}
.topnav a:active {
color: #FFFFFF;
text-decoration: none;
background-image: none;

}
.topnav a:visited {
color: #FFFFFF;
text-decoration: none;
background-image: none;

}

.topnav a:hover{
color: #FFFFFF;
text-decoration: underline;
background-image: none;

}

.date-container {
background-color: #f9ddb6;
}
.promo-container {
background-color: #f9ddb6;
}
.promo{
font: 12px Arial, Helvetica, sans-serif;
color: #8d4705;
font-weight: bold;
text-align: right;
padding: 10px 10px 0px 10px;
}

.promo a{
font: 12px Arial, Helvetica, sans-serif;
color: #8d4705;
font-weight: bold;
text-align: right;
padding: 10px 10px 0px 10px;
text-decoration: none;
}

.promo a:hover{
font: 12px Arial, Helvetica, sans-serif;
color: #8d4705;
font-weight: bold;
text-align: right;
padding: 10px 10px 0px 10px;
text-decoration: underline;
}

.search-area {
padding: 8px 0px 0px 0px;
}

.search-box{
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;
	height: 18px;
	width:130px;
	border: 1px solid #bbbbbb;
}

.leftnav-container {
background-color: #decda8;
}

.border-grey {
border: 1px solid #c3c3c3;
padding: 5px 5px 5px 5px;
}

.right-border-grey {
border-right: 1px solid #c3c3c3;
}

.left-border-grey {
border-left: 1px solid #c3c3c3;
}

.top-border-grey {
border-top: 1px solid #c3c3c3;
}

.bottom-border-grey {
border-bottom: 1px solid #c3c3c3;
}

#footer {float: left;}

#footer-links {color:#a35501; display:block; font-weight:bold; font-size:11px; padding:15px 5px 0px 15px; text-align:left;}

#footer-links a {color:#a35501; text-decoration:none; text-transform:none;}

#footer-links a:hover {text-decoration:underline;}

#copyright {float: left; color: ##a35501; display:block; font: 11px Arial, Helvetica, sans-serif; padding:10px 0px 0px 0px; text-align:left;} 


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmmc div {visibility:hidden;position:absolute;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* Remove the comments bleow for vertical mains and change the false value to
           true in the qm_create function after the menus structure. */
	/*.qmmc a {float:none}*/

	
	
	/*"""""""" (MAIN) Container """"""""*/
	#qm0
	{ 
		background-color:#decda8;
		border-width:0px 0px 0px 0px;
		border-style:solid;
		border-color:#000000;
		margin:0px 0px 0px 0px;
		padding:10px 10px 20px 10px;
		width:135px;
	}


	 /*"""""""" (MAIN) Items """"""""*/
	#qm0 a
	{
		color:#653100;
		background-color:transparent;
		font-family:Arial;
		font-size:13px;
                font-weight: bold;
		text-decoration:none;
		padding:3px 20px 3px 3px;
		border-style:solid;
		border-color:#b29d70;
		border-width:0px 0px 1px 0px;
                line-height: 26px;
	}


	/*"""""""" (MAIN) Hover State """"""""*/
	#qm0 a:hover
	{ 
		color:#da7e16;
		border-color:#b29d70;
	}


	/*"""""""" (MAIN) Active State """"""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover

	{ 
		color:#da7e16;
		border-color:#b29d70;
		background-image:url(/lib/yhst-40162586163413/sub-cat-bi.jpg);
	}


	/*"""""""" (MAIN) Parent Items """"""""*/
	#qm0 .qmparent
	{
		background-image:url(/lib/yhst-40162586163413/sub-cat-bi.jpg);
		background-repeat:no-repeat;
		background-position:97%;
	}

	


	/*"""""""" [SUB] Containers """"""""*/
	#qm0 div
	{
		
		background-color:#FFFFFF;
		padding:5px 5px 5px 5px;
		border-style:solid;
		border-width:1px 1px 1px 1px;
		border-color:#b29d70;
	}


	/*"""""""" [SUB] Items """"""""*/
	#qm0 div a
	{		
		font-size:11px;
		color:#7b7b7b;
		border-width:0px 0px 0px 0px;
		border-color:#b29d70;
		padding:3px 20px 3px 5px;
	}
	
	/*"""""""" [SUB] Hover State """"""""*/
	#qm0 div a:hover
	{

		color:#da7e16;
		text-decoration:none;
	}

	
