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


	#swatchPreview { clear: both; }
		#swatchPreview hr {
			color: #404D5E;
			background-color: #404D5E;
			height: 1px;
			border: 0;
			clear: both;
		}
	#swatchPreviewOptions {
		margin-left: 14px;
		border-left: 1px solid #404D5E;
		padding-left: 14px;
		min-height: 238px;
		float: left;
		display: inline;
		width: 338px;
		}
		* html #swatchPreviewOptions { height: 238px; }
		#swatchPreviewOptions th, #swatchPreviewOptions td { padding: 3px 0; vertical-align: middle; }
		#swatchPreviewOptions th { text-align: right; padding-right: .6em; }
		#swatchPreviewOptions input, #swatchPreviewOptions select { width: 100%; font-size: 1em; }
		#swatchPreviewOptions .monogram input, #swatchPreviewOptions td.order input { width: auto; }
	#swatchPreviewArea {
		width: 203px;
		float: left;
	}
	#swatchPreviewArea td {
		padding: 0 12px;
		height: 238px;
		background: url(/lib/yhst-23314603045573/swatch-preview-bg.png) center center no-repeat;
		text-align: center;
		vertical-align: middle;
	}

.camo, #section-camo {
background: url(/lib/yhst-23314603045573/camo.png);
float: left;
margin-right: 20px;
display:inline;
}

#section-camo {margin: 0; clear: both;}

#section-camo img {margin:5px; display: inline;}

.camo img {margin: 10px; display:inline;}

.productInfo {clear:right}

*:first-child+html .camo {padding-bottom: 10px;}

* html .camo {padding-bottom: 10px;}

.table-text {clear: both;} #container {width:950px;} #bodycontent {width:800px;}

/* box styles */
.navbox table {  border-collapse: collapse;}.navbox td {  border-bottom: 0;  padding: 0;}.navbox .body { padding:5px 5px;}.navbox .loading {  text-align: center;}.navbox .image {  text-align: center;}.navbox img {  border: 0;  margin: 0;}.navbox .tl, .navbox .tr, .navbox .bl, .navbox .br {  height: 5px;  width: 5px;  overflow: hidden;  padding: 0;}.navbox .content{	float:left;	width:100%;}.navbox_overlay {  position: fixed;  top: 0px;  left: 0px;  height:100%;  width:100%;}.facebox_hide {  z-index:-100;}.facebox_overlayBG {  background-color: #000;  z-index: 99;}* html .navbox_overlay { /* ie6 hack */  position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

/* shown nav */
.navdropdown{
	margin:0;
	padding:0;
}

	.navdropdown li.mainli{
		float: left;
		position:relative;
	}
	
		.navdropdown li a.mainlink{
			display: block; padding: 4px 10px 4px 20px; color: #ece9d4; font-weight: bold; font-size: 0.8462em; *font-size: 0.8258em; width: 159px;
		}
			
			.navdropdown li:hover{
			}
			
			.navdropdown li:hover a{
				text-decoration: none; color: #fff;	background:#CC0000;
			}
			
			#nav-product ul li:hover a {background:url('http://ep.yimg.com/ca/I/yhst-23314603045573_2197_281953938') 10px 50% no-repeat;    color:#d29d58;}
			#nav-product ul li:hover ul li a, #nav-product ul li:hover ul li ul li a {background: none;}
		
			.navdropdown li a.mainlink:hover{
				text-decoration:underline;
			}
			
/* end shown nav */	
		
.navdropdown div.navbox{
	display:none;
	position:absolute;
	z-index:20;
	top:0px;
	left:150px;
	background-color:#000;
	border: 2px #CC0000 solid;
}

.navdropdown li.mainli:hover div.navbox, .navdropdown li.mainli.sfhover div.navbox{display:block;}

.navbox ul{
	float:left;
	margin:0;
	padding:0;
}

	.navbox li{
		list-style:none !important;
	}
ul.subnav {margin-bottom: 10px !important;}
.navbox a.subheader{
	display:block;
	color:#fff !important;
	font-size:12px;
	padding:5px !important;
	text-decoration:none;
	border: solid 1px #454acc !important;
	width: auto !important;
}
.navbox a.subheader font {color:#fff !important;}
.navbox a.subheader:hover {text-decoration: underline !important;}

.navbox a.subheader:hover,.navbox a.hover, .navbox li:hover{

}

.navbox a.sublink{
	font-size:11px !important;
	color:#fff !important;
	padding:5px 0px 5px 10px !important;
	text-decoration:none;
	display:block;
	width: auto !important;
	font-weight: normal !important;
	border-bottom: none !important;
}
.navbox a.sublink:hover {text-decoration: underline !important;}

.subsubnav table{
	margin-top:4px;
}

.subsubnav{
	font-size:0;
	border-bottom: 1px dotted #505050 !important;
}

	.navbox a.sublink:hover, a.subheader:hover{

	}
	
.hspacer{
	padding:2px;
}

.navhtml{
	font-size:10px;
	padding:2px 0px 5px;
	text-align:center;
}

#nav-product {overflow: visible;}
#nav-product li {list-style: none;}