@charset "UTF-8";
@import url('reset.css');
@import url('jqtransform.css');
@import url('/media/css/fancybox.css');

/*/////////////////////////////////*/
/*//GLOBALS////////////////////////*/
/*/////////////////////////////////*/
a {color: #2a2a2a;}
a:hover {color: #cc0000;}

form {margin: 5px 0 0 0;}

h1, h2, h3, h4, h5 {line-height: 1.1em; margin: 10px 0 0 0;}
h1 {font-size: 36px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}

label {display: block; margin: 5px 0 2px 0;}

p {margin: 10px 0 0 0;}

small {font-size: 11px;}

/*/////////////////////////////////*/
/*//MAIN STRUCTURE/////////////////*/
/*/////////////////////////////////*/
body {
	background: #fff;
	color: #666;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}
	
#logo {
	float: left;
	margin: 5px 0 0 0;
	width: 85px;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#nav_wrapper {
	background: url(../img/bg_nav.jpg) 0 0 no-repeat;
	float: left;
	height: 85px;
	margin: 5px 0 0 0;
	position: relative;
	width: 875px;
	z-index: 29;
}
	#nav {
		float: right;
		display:inline;
		height: 10px;
		margin: 0 30px 0 0;
		padding:10px 0;
		width: 850px;
		position:relative;
		z-index:29;
		background:#f6f6f6;
	}
		#nav li {border-right: 1px solid #c4c4c4; float: left; height: 10px; margin: 0 0 0 12px; padding: 0 13px 0 0; position: relative;}
		#nav li.first {margin: 0; padding-left:15px;}
		#nav li.last {border: 0; padding: 0;}
		#nav li span {display: none;}
		#nav li a {float: left; height: 10px;}
		/*#nav li:hover ul.right, #nav li:hover ul.left {display: block;}*/
		
		#nav li a.new		{background: url(/media/img/sprite_nav.jpg) 0 0 no-repeat; width: 66px;}
		#nav li a.jackets	{background: url(/media/img/sprite_nav.jpg) -71px 0 no-repeat; width: 100px;}
		#nav li a.hoodies	{background: url(/media/img/sprite_nav.jpg) -176px 0 no-repeat; width: 137px;}
		#nav li a.shirts	{background: url(/media/img/sprite_nav.jpg) -318px 0 no-repeat; width: 41px;}
		#nav li a.pants		{background: url(/media/img/sprite_nav.jpg) -364px 0 no-repeat; width: 99px;}
		#nav li a.womens	{background: url(/media/img/sprite_nav.jpg) -468px 0 no-repeat; width: 58px;}
		#nav li a.helpful	{background: url(/media/img/sprite_nav_ave.jpg) -616px 0 no-repeat; width: 67px;}
		#nav li a.accessories	{background: url(/media/img/sprite_nav_ave.jpg) -532px 0 no-repeat; width: 80px;}
		#nav li a.all		{background: url(/media/img/sprite_nav.jpg) -627px 0 no-repeat; width: 56px;}
		
		#nav li a.new:hover		{background: url(/media/img/sprite_nav.jpg) 0 -10px no-repeat;}
		#nav li a.jackets:hover	{background: url(/media/img/sprite_nav.jpg) -71px -10px no-repeat;}
		#nav li a.hoodies:hover	{background: url(/media/img/sprite_nav.jpg) -176px -10px no-repeat;}
		#nav li a.shirts:hover	{background: url(/media/img/sprite_nav.jpg) -318px -10px no-repeat;}
		#nav li a.pants:hover	{background: url(/media/img/sprite_nav.jpg) -364px -10px no-repeat;}
		#nav li a.womens:hover	{background: url(/media/img/sprite_nav.jpg) -468px -10px no-repeat;}
		#nav li a.helpful:hover	{background: url(/media/img/sprite_nav_ave.jpg) -616px -10px no-repeat;}
		#nav li a.accessories:hover	{background: url(/media/img/sprite_nav_ave.jpg) -532px -10px no-repeat;}
		#nav li a.all:hover		{background: url(/media/img/sprite_nav.jpg) -627px -10px no-repeat;}
		
		
		#nav li ul.right, #nav li ul.left {display: none; left: 0; position: absolute; top: 10px; width: 385px;}
			#nav li ul.left {left: -160px;}
		#nav li ul.links {display: none; right: 0; position: absolute; top: 10px; width: 210px;}
		#nav li ul.links li {background: url(../img/bg_dropdown.png) -770px -10px no-repeat; border: none; display: block; height: auto; margin: 0; padding: 5px 0 0 18px; position: relative; width: 192px;}
		#nav li ul li {background: url(../img/bg_dropdown.png) 0 -10px no-repeat; border: none; display: block; height: auto; margin: 0; padding: 5px 0 0 18px; position: relative; width: 367px;}
		#nav li ul li div {background: url(../img/bg_subnav-rollover-img.jpg) 0 0 no-repeat; position: absolute; height: 175px; top: 20px; right: 20px; width: 125px; z-index: 31px;}
		#nav li ul.right li.top, #nav li ul.left li.top {background: url(../img/bg_dropdown.png) 0 0 no-repeat; height: 15px; padding: 0; width: 385px; z-index: 30;}
		#nav li ul.links li.top {background: url(../img/bg_dropdown.png) top right no-repeat; height: 15px; padding: 0; width: 210px; z-index: 30;}
		#nav li ul.left li.top {background: url(../img/bg_dropdown.png) -385px 0 no-repeat;}
		#nav li ul li.bottom {background: url(../img/bg_dropdown.png) bottom left no-repeat; height: 10px;}
		#nav li ul.links li.bottom {background: url(../img/bg_dropdown.png) bottom right no-repeat; height: 10px;}
		#nav li ul li a {background: url(../img/bullet_arrow.png) center left no-repeat; float: none; height: auto; padding: 0 140px 0 10px; width: auto;}
		#nav li ul.links li a {background: url(../img/bullet_arrow.png) center left no-repeat; display: block; float: none; height: auto; padding: 0 0 0 10px; width: 176px;}
	
	#top_nav {
		font-size: 11px;
		height: 25px;
		line-height: 25px;
		position: absolute;
		right: 28px;
		text-align: right;
		top: 12px;
	}
		#top_nav li, #miva_header #links li {display: inline;}
		#top_nav a, #footer a, #nav li ul li a, #miva_header #links a {color: #666; text-decoration: none;}
		#top_nav a:hover, #footer a:hover, #nav li ul li a:hover, #miva_header #links a:hover {color: #cc0000;}
	
	#search {
		background: url(../img/bg_search.jpg) 0 0 no-repeat;
		height: 46px;
		position: absolute;
		right: 0;
		top: 2px;
		width: 212px;
	}
		#search form {margin: 12px 0 0 12px;}
		#search input.search {background: url(../img/bg_search-input.jpg) 0 0 no-repeat; border: 0; height: 17px; font-size: 11px; padding: 4px 5px 0 29px; width: 113px;}

#content_top, #pd_content_top {
	background: url(../img/bg_content-top.jpg) 0 0 no-repeat;
	float: left;
	height: 4px;
	margin: 10px 0 0 0;
	position: relative;
	width: 960px;
}

#content_main {
	background: url(../img/bg_content-main.jpg) 0 0 repeat-y;
	float: left;
	position: relative;
	width: 960px;
	/*min-height:450px;*/
}
	* html #content_main{ 
	/*height: expression( this.scrollHeight < 449 ? "450px" : "auto" );*/ /* sets max-height for IE */
	/*min-height: 450px;*/ /* sets max-height value for all standards-compliant browsers */
	}

#content_bottom {
	background: url(../img/bg_content-bottom.jpg) 0 0 no-repeat;
	float: left;
	height: 4px;
	width: 960px;
}

#footer {
	float: left;
	font-size: 11px;
	padding: 15px 0;
	text-align: center;
	width: 960px;
}
	#footer li {display: inline;}
	#footer img {margin: 15px 0;}
	
#tooltip, #tooltipAuto, #tooltipImage{
background: #f6f6f6;
border: 1px solid #d2d2d2;
display:none;
font-size: 11px;
line-height: 1.3em;
padding: 5px;
position:absolute;
width: 450px;
}

#tooltipAuto, #tooltipImage {width: auto;}
#tooltipImage {padding: 0;}

/*////////////////////////PRODUCT DETAIL////////////////////////*/
#pd_content_top {background: url(../img/pd_bg_content-top.jpg) 0 0 no-repeat;}

#pd_main_wrapper {
	display: inline;
	float: left;
	margin: 11px 14px 0 15px;
	width: 560px;
}
	#pd_main_img, #pd_main_img_nozoom, #pd_main_flash {height: 450px; float: left; width: 560px;}
	#pd_main_img_nozoom, #pd_main_flash {margin: -2000px 0 0 0;}

#pd_purchase_box {
	background: url(../img/pd_bg_purchase-box.jpg) 0 0 repeat-x;
	display: inline;
	float: left;
	overflow: hidden;
	padding: 0 25px;
	width: 320px;
}
	#pd_purchase_box h3 {color: #2a2a2a;}
	#pd_purchase_box input.addtocart {background: url(../img/btn_add-to-cart.png) 0 0 no-repeat; height: 32px; margin: 0 0 0 10px; width: 176px;}
		#pd_purchase_box input.addtocart:hover {background: url(../img/btn_add-to-cart.png) 0 -32px no-repeat;}
	#pd_purchase_box div.qty {margin: 8px 0 0 0;}
	#pd_purchase_box label {font-size: 16px;}
	#pd_purchase_box select {width: 150px;}
	#pd_purchase_box div.options {float: left; margin: 8px 0 0 10px;}
	#pd_purchase_box div.hideSize {margin: -1000px 0 0 0;}
	#pd_five_dollar_shipping {background: url(../img/pd_banner_5-dollar-shipping.png) 0 0 no-repeat; clear:both; height: 53px; margin: 10px 0 0 0; width: 320px;}

#pd_addtl_photos {
	clear: both;
	display: inline;
	float: left;
	height: 82px;
	margin: 10px 0 0 15px;
	position: relative;
	width: 944px;
}
	
#pd_details_wrapper {
	display: inline;
	float: left;
	margin: 20px 30px 0 15px;
	width: 589px;
}
	#pd_details_tabs {background: url(../img/pd_sprite_tabs.jpg) 0 0 no-repeat; float: left; height: 33px; width: 589px;}
		#pd_details_tabs li, #pd_details_tabs li a {float: left; height: 33px;}
		
		#pd_details_tabs li.details a		{background: url(../img/pd_sprite_tabs.jpg) 0 0 no-repeat; width: 85px;}
		#pd_details_tabs li.key_features a	{background: url(../img/pd_sprite_tabs.jpg) -85px 0 no-repeat; width: 127px;}
		#pd_details_tabs li.reviews a		{background: url(../img/pd_sprite_tabs.jpg) -212px 0 no-repeat; width: 90px;}
		
		#pd_details_tabs li.details_sel			{background: url(../img/pd_sprite_tabs.jpg) 0 -33px no-repeat; width: 85px;}
		#pd_details_tabs li.key_features_sel	{background: url(../img/pd_sprite_tabs.jpg) -85px -33px no-repeat; width: 127px;}
		#pd_details_tabs li.reviews_sel			{background: url(../img/pd_sprite_tabs.jpg) -212px -33px no-repeat; width: 90px;}
		
	#pd_content_wrapper {background: url(../img/pd_bg_details.jpg) 0 0 no-repeat; float: left; padding: 0 15px 15px 15px; width: 559px;}
		#pd_content_wrapper ul.keyfeatures, #pd_content_wrapper ul.details {float: left; margin: 1em 15px 0 0; width: 260px;}
		#pd_content_wrapper ul.details {margin: 1em 0 0 0; width: auto;}
		
	ul.colorchip li {float: left;}
	ul.colorchip li a {float: left; height: 19px; margin: 0 2px 0 0; width: 19px;}
		li.cp_olive a {background: url(../img/sprite_colorchips.png) 0 0 no-repeat;}
		li.cp_red a {background: url(../img/sprite_colorchips.png) -24px 0 no-repeat;}
		li.cp_blue a {background: url(../img/sprite_colorchips.png) -48px 0 no-repeat;}
		li.cp_white a {background: url(../img/sprite_colorchips.png) -72px 0 no-repeat;}
		li.cp_smoke a {background: url(../img/sprite_colorchips.png) -96px 0 no-repeat;}
		li.cp_black a {background: url(../img/sprite_colorchips.png) -120px 0 no-repeat;}
		li.cp_driftwood a {background: url(../img/sprite_colorchips.png) -144px 0 no-repeat;}
		li.cp_smoke a {background: url(../img/sprite_colorchips.png) -168px 0 no-repeat;}
		li.cp_black_lava a {background: url(../img/sprite_colorchips.png) -192px 0 no-repeat;}
		li.cp_desert_sand a {background: url(../img/sprite_colorchips.png) -216px 0 no-repeat;}
		li.cp_red_rock a {background: url(../img/sprite_colorchips.png) -240px 0 no-repeat;}
		li.cp_marine_blue a {background: url(../img/sprite_colorchips.png) -264px 0 no-repeat;}
		li.cp_cobalt a {background: url(../img/sprite_colorchips.png) -288px 0 no-repeat;}
		li.cp_graphite a {background: url(../img/sprite_colorchips.png) -312px 0 no-repeat;}
		li.cp_walnut a {background: url(../img/sprite_colorchips.png) -336px 0 no-repeat;}
		li.cp_khaki a {background: url(../img/sprite_colorchips.png) -360px 0 no-repeat;}
		li.cp_charcoal_gray a {background: url(../img/sprite_colorchips.png) -384px 0 no-repeat;}
		li.cp_moss a {background: url(../img/sprite_colorchips.png) -408px 0 no-repeat;}
		li.cp_gunmetal a {background: url(../img/sprite_colorchips.png) -432px 0 no-repeat;}
		li.cp_sand a {background: url(../img/sprite_colorchips.png) -456px 0 no-repeat;}
		li.cp_stone a {background: url(../img/sprite_colorchips.png) -480px 0 no-repeat;}
	
#pd_recommend {
	background: url(../img/pd_bg_recommend.jpg) 0 32px no-repeat;
	float: left;
	margin: 20px 0 0 0;
	position: relative;
	width: 311px;
}
	#pd_recommend h3 {color: #2a2a2a;}
	#pd_recommend_content {display: inline; float: left; margin: 12px 0 0 11px; padding: 0 0 20px 0; width: 289px;}
		#pd_recommend_content li {float: left; margin: 10px 25px 0 0; width: 125px;}
		#pd_recommend_content li.second {float: left; margin: 10px 0 0 0;}
		
/*////////////////////////MIVA////////////////////////*/
#miva_header {
	background: url(../img/miva_bg_header.jpg) 0 0 no-repeat;
	float: left;
	font-size: 11px;
	height: 93px;
	position: relative;
	width: 960px;
}
	#miva_header #links {height: 32px; line-height: 32px; width: 600px; position: absolute; right: 20px; text-align: right; top: 10px;}
		#miva_header #links li {border-right: 1px solid #666; margin: 0 8px 0 0; padding: 0 8px 0 0;}
		#miva_header #links li.last {border: none; margin: 0; padding: 0;}
		
	#miva_header #contact {position: absolute; right: 20px; text-align: right; top: 52px;}
	
#miva_wrapper {margin: 0 auto; width: 750px;}

#miva_wrapper table#items {margin: 5px 0 0 0; width: 750px;}
	#miva_wrapper table#items tr {display: block; width: 750px;}
	#miva_wrapper table#items tr.full {background: #f2f2f2; font-size: 14px; font-weight: bold;}
	#miva_wrapper table#items tr.item {border-bottom: 1px solid #e9e9e9;}
	#miva_wrapper table#items td {padding: 5px 10px 5px 0; vertical-align: top;}
	#miva_wrapper table#items td.remove {width: 42px;}
	#miva_wrapper table#items td.code {width: 63px;}
	#miva_wrapper table#items td.product {width: 207px;}
	#miva_wrapper table#items td.gift {width: 97px;}
	#miva_wrapper table#items td.qty {width: 114px;}
		#miva_wrapper table#items td.qty input {margin: 0 5px 0 0; width: 40px;}
	#miva_wrapper table#items td.net {width: 78px;}
	#miva_wrapper table#items td.total {width: 79px;}
	#miva_wrapper table#items td.grandtotal {text-align: right; width: 740px;}
	
#miva_ad1, #miva_ad3 {float: left; margin: 10px 0 0 0; padding: 20px 10px 0 10px; text-align: center; width: 195px;}
#miva_ad2 {float: left; margin: 10px 0 0 0; width: 320px;}
	#miva_ad2.five_dollar_shipping {background: url(../img/miva_bg_5-shipping-handling.jpg) 0 0 no-repeat; height: 43px; padding: 82px 22px 0 22px; width: 276px;}
	
#miva_footer {
	background: url(../img/miva_bg_footer.jpg) 0 0 no-repeat;
	float: left;
	font-size: 11px;
	height: 200px;
	margin: 20px 0 0 0;
	position: relative;
	width: 960px;
}
	#miva_footer #hackerproof {font-size: 10px; height: 14px; line-height: 14px; left: 595px; position: absolute; text-align: center; top: 60px; width: 160px;}
	#miva_footer #copyright {left: 0; position: absolute; text-align: center; top: 187px; width: 960px;}

/*////////////////////////POP-UPS////////////////////////*/
#pu_wrapper {background: #f3f3f3; float: left; width: 100%;}
#pu_header {display: block; background: #313131;}
	#pu_header h5 {color: #fff; margin: 0; padding: 10px 15px;}

#pu_content {display: block; padding: 0 15px 15px 15px;}
	
/*/////////////////////////////////*/
/*//CLASSES////////////////////////*/
/*/////////////////////////////////*/
.clear {clear: both; width: 100%;}
.callout {color: #cc0000;}
.floatright {float: right; margin: 0 0 5px 10px;}
.hide {display: none;}
.lighter {color: #ebebeb;}
.linebreak {background: #ebebeb; clear: both; height: 1px; margin: 10px 0 0 0; width: 100%;}
.middle {vertical-align: middle;}
.price {float: right; font-weight: normal;}
.small {font-size: 11px;}

a.arrow {background: url(../img/bullet_arrow.png) center left no-repeat; padding: 0 0 0 10px;}

ul.standard li {background: url(../img/bullet_dot.png) 0 6px no-repeat; margin: 5px 0 0 0; padding: 0 0 0 10px;}

#miva_form {width: 320px;}

label.error, .error {color: #cc0000; display: block; font-size: 11px;}

/*////////////////////////jGROWL////////////////////////*/
div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
#jGrowl {position: absolute; right: -10px; top: -15px; z-index: 1000;}

body > div.jGrowl {
	position: fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}