@charset "UTF-8";
/* CSS Document */






/* ------------------------------------------------ sidebar ------------------------------------------------ */
#sidebar h2 {
	padding-left:3px;
	font-weight:normal;
	color:#dd8504;
}
#sidebar h2 a { text-decoration:none; }

#sidebar ul {
	list-style:none;
	color:#036;
	margin:0;
	padding:0;
}

#sidebar ul li a {
	display:block;
	width:100%;
	font-size:12px;
	line-height:15px;
	padding:5px 3px;
	margin:0;
	color:#036;
	text-decoration:none;/*
	border-top:1px dashed #bdbdbd;*/
	background:#fff url(../images/bg-border-dashed.gif) 0 0 repeat-x;
}
#sidebar ul li a:hover {
	background-color:#327ebe;
	color:#fff;
}










/* ------------------------------------------------ Cart ------------------------------------------------ */
p#breadcrumb {
	margin-left:-10px;
}
p#breadcrumb a {	
	margin:0 10px;	
	color:#036;
	text-decoration:none;
}
p#breadcrumb a:hover {	text-decoration:underline;}

/* ------------------------------------------------ Cart - Category Landing Page ------------------------------------------------ */
table#catWrap {
	width:723px !important;
	max-width:723px !important;
	margin:0;
	padding:0;
	overflow:hidden !important;
}

table#catWrap td {
	display:table-cell;
	width:180px;
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
	border-right:1px dashed #bdbdbd;
	border-bottom:1px dashed #bdbdbd;
}

table#catWrap td.normal {			background:#fff;}
table#catWrap td.normalLast {		background:#fff; border-right:none;}
table#catWrap td.hover {			background:#327ebe;}
table#catWrap td.hoverLast {		background:#327ebe; border-right:none;}
table#catWrap td.last {				border-right:none;}
table#catWrap tr.catFooter td.last {background:#fff; border-right:none;}


table#catWrap td.hover a,
table#catWrap td.hoverLast a {		color:#fff !important;}

table#catWrap p { margin:0; }
table#catWrap td p,
table#catWrap td p.catItem a {
	display:block;
	width:180px;
	padding:10px 0;
	margin:0;
	color:#036;
	font-size:16px;
	line-height:20px;
	text-decoration:none;
	text-align:center;
}
table#catWrap td p.catItem a:hover {color:#fff; cursor:pointer;}
table#catWrap td p.catItem a span {
	width:150px;
	height:150px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	display:block;
}

table#catWrap tr.catFooter td {
	background:#fff url(../images/bg-cart-cat-tile-footer.gif) right 0 no-repeat;
	width:100%;
	height:80px;
	border:none;
}
/* ------------------------------------------------ Cart - Product Detail Page ------------------------------------------------ */
#content .colors { text-align:center; }
#content .colors img { border:none; }


#photoWrap {
	float:left;
	display:inline;
	width:242px;
	margin-right:18px;
}
#textWrap {
	position:relative;
	float:left;
	display:inline;
	width:465px;
}



/* ------------------- photo switch ------------------- */
#detailPhoto {
	width:242px;
	height:312px;
	display:block;
	position:relative;
	background:#ccc;
}

.photo {
	position:absolute;
	top:1px;
	left:1px;
}
.photo a {
	display:block;
	width:240px;
	height:310px;
	overflow:hidden;
}
.photo a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:240px;
	height:310px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:center center no-repeat;
}
.photo a:hover span {
	cursor:pointer;
}





#content #detailPhoto img {
	padding:0;
}
#content_2, #content_3, #content_4 { display:none; }


ul.tabs {
	position:relative;
	margin:0; 
	padding:0;
	width:100%;
	height:75px;
}
ul.tabs li {
	position:relative;
	float:left;
	display:inline;
	list-style:none;
	width:50px;
	height:50px;
	margin:5px 10px 0 0;
}
ul.tabs li a {
	border:1px solid #999;
}
ul.tabs li a, ul.tabs li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
	margin:0;
	padding:0;
	overflow:hidden;
}
ul.tabs li a:hover {
	border-color:#0055a4;
	cursor:pointer;
}
ul.tabs li a.active {
	border-color:#000; 
}








/* ------------------- Hunt Textiles Difference tooltip ------------------- */
#textWrap h3 {
	position:relative;
	margin:0 auto;
	padding:0;
	width:220px;
	height:40px;
	z-index:2;
}
#textWrap h3 a, #textWrap h3 a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:220px;
	margin:0;
	padding:0;
	z-index:2;
}

#textWrap h3 a span.image {	height:40px; }
#textWrap h3 a span.tooltip { display:none;	z-index:2; }

#textWrap h3 a:hover {	position: relative; text-decoration:none; }

#textWrap h3 a:hover span.tooltip {	
	display: block;
   	position: absolute; 
	top: -40px; 
	left: 10px;
	font-size:12px;
	color:#eee;
	text-decoration:none;
   	padding: 5px; 
	margin: 10px; 
   	background: #333; 
	border: 1px solid #000;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index:2;
}

#textWrap h3 a span.image {
	background:url(../images/bg-button-difference.gif) top left no-repeat;
}
#textWrap h3 a:hover span.image {	
	background-position:0 -40px; 
	border:none; 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	z-index:2;
}







/* ------------------- contact boxes ------------------- */
#textWrap h4 {
	position:relative;
	float:left;
	display:inline;
	margin:10px 5px 10px 0;
	padding:0;
	width:225px;
	height:75px;
	z-index:1;
}
#textWrap h4 a, #textWrap h4 a span, #textWrap h4 span {
	position:absolute;
	top:0;
	left:0;
	width:225px;
	height:75px;
	margin:0;
	padding:0;
	display:block;
	z-index:1;
}
#textWrap h4#call span {	background:url(../images/bg-box-call.gif) top left no-repeat;}
#textWrap h4#info a span {	background:url(../images/bg-box-more-info.gif) top left no-repeat; cursor:pointer;}

#textWrap h4 {			border:1px dashed #d9d9d9;}
#textWrap h4 a:hover {	border:1px dashed #333; margin:-1px 0 0 -1px; }





/* ------------------- poduct detail table ------------------- */
table#prodDetails {
	clear:both;
	margin:0 auto 20px;
	font-size:12px;
}
table#prodDetails th,
table#prodDetails td {
	padding:3px 5px;
	border-right:1px solid #fff;
}

table#prodDetails th {
	background:#fceac1;
	font-weight:bold;
}

table#prodDetails tr.rowA { }
table#prodDetails tr.rowB { background:#eee;}

table#prodDetails th.desc { width:400px;}
table#prodDetails th.size { width:100px;}
table#prodDetails th.weight { width:100px;}
table#prodDetails th.case { width:100px;}