/*
	global.css
	styles specific to entire website
*/

	#django_log { z-index:10; position:absolute; top:0; left:0; width:100%; display: none; }

/* Base overrides
   --------------------------------------------------- */
	html { height: 100%; }
	body { min-height: 100%; text-align:center; }
	img { display: block; }
	strong { font-weight: bold; }
	dt { font-weight: bold; }
	dt, dd { margin-bottom: 0.2em; }
	a { text-decoration:none; color:#5f8592; }
	a:visited { color:#9f9f9f; }  
	a:hover, a:visited:hover { color:#758e96; } 
	.box-shadow { -moz-box-shadow: 2px 2px 5px #666666; -webkit-box-shadow: 2px 2px 5px #666666; }   
	form label { cursor:pointer; }

/* Form defaults
   --------------------------------------------------- */
	form {}
	.form { clear:left; overflow:auto; }
	label { float:left; width:100px; padding:2px 0px 0.5em; }
	input.textinput, textarea { padding:1px; font-size:1em; background-color:#fff; border:1px solid #bababa; color:#000; width:200px; }
	input.submit { margin-left:10px; }
	textarea { height:100px; }   
	select { font-size:1em; background-color:#fff; border:1px solid #bababa; color:#000; }
	input.textinput:focus, textarea:focus { border: 1px solid #999!important; }
	input#id_postcode { width:3em; }
	.errorlist { color:#eee; background-color:#666; display:block; padding:0.1em 0.5em; }    
	
	.form.long label { float: left; display: block; width: 180px; }
	.form.long select { float: left; /*margin-left: 100px;*/ }	
	
	label.error { color:#eee; background-color:#cccccc; display:block; padding:0.1em 0em; width:202px; border:1px solid #cccccc!important; float:left; margin-bottom:1em; font-weight: bold; }
	textarea + label.error { margin-left:100px; }
	form#sendtofriend label.error { width:65%!important; float:left; margin-bottom:1em; margin-top:0px; margin-left:0px; }
	form#sendtofriend .message label.error { width:99%!important; border:2px solid #666!important; margin-top:-0.5em; }
		
	#stockists { display: none; }
	div.field, div.submit { clear: both; }
	/* Overlay - Share with friends */
		#overlay { background:#000000 url("/site_media/img/bg-overlay.gif") bottom left repeat-x!important; }
		form#sendtofriend { margin:0px; width:100%; }
		form#sendtofriend .column-left { width:50%; float:left; }
		form#sendtofriend .column-right { width:50%; float:right; }
		form#sendtofriend .form { float:left; clear:none; width:100%; }
		form#sendtofriend .column-left .form { width:95%; }
		form#sendtofriend .column-right .form { float:right; width:95%; }
		form#sendtofriend .form { margin-bottom: 0.5em; }
		form#sendtofriend .submit { float: left; }
		form#sendtofriend .form label { float:left; width:100px; }
		form#sendtofriend .message label { margin-bottom: 0.5em; }
		form#sendtofriend .form input { float:left; width:65%; background:#333; border:1px solid #bababa; color:#bababa; }
		form#sendtofriend legend { color:#fff; text-transform:uppercase; margin-bottom:0.5em; width:100%; }
		form#sendtofriend textarea { width:99%; margin-bottom:0.5em; background:#333; color:#bababa; }
		form#sendtofriend input.submit { margin-left:0px; width:auto; }
		form#sendtofriend input:focus,
		form#sendtofriend textarea:focus { border-color:#fff!important; color:#fff; }
		form#sendtofriend #share { float:right; white-space:nowrap!important; overflow:visible; margin-top:-25px; width:22em; }
		form#sendtofriend #share * { display:inline-block!important; }
		form#sendtofriend #share p.logos { float:right; margin-top:-1em!important; }
		form#sendtofriend #share legend { margin-bottom:-1em!important; margin-right:75px!important; }
	/* Overlay - Terms & Conditions */
		#overlay ol li { list-style-type:decimal; margin-left:2em; margin-top:1em; }
		
/* Font Family
   --------------------------------------------------- */
	body { font-family:"Trebuchet MS", Arial, sans-serif; }
	#header, #footer { font-family:"Trebuchet MS", Arial, sans-serif; }
	h1, h2, h3, h4, h5, h6 { font-family:Georgia, Times, serif; }
	input.textinput, textarea, select { font-family:Arial, sans-serif!important; }
	dl#tagline dt,
	dl#tagline dd { font-family:Georgia, Times, serif; }
	#product_category ul li { font-family:Georgia, Times, serif; }
	#product_category #price { font-family:"Trebuchet MS", Arial, sans-serif; }  
	#product-detail h2 { font-family:Georgia, Times, serif; }
	#product-detail h3 { font-family:"Trebuchet MS", Arial, sans-serif; }  
	form#sendtofriend legend { font-family:Georgia, Times, serif; } 
	.panel dt { font-family:garamond,Georgia, Times, serif; }
	
/* Font Size
   --------------------------------------------------- */
	body { font-size:62.5%; }
	#header ul { font-size:1.3em; /* float:left; margin-top:8px; */ }
	#header #shopping-bag { font-size:1.5em; }
	#header #shopping-bag a { position:relative; padding:4px 0 0 30px; }
	#header #shopping-bag a span { font-size:0.8em; }
	#header #shopping-bag a img { position:absolute; top:6px; left:12px; }
	#body { font-size:1.2em; -moz-box-shadow:3px 3px 15px #000000; -webkit-box-shadow:3px 3px 15px #000000; }
	#body ul.secondary-navigation li { font-size:0.9em; }
	dl#tagline dt { font-size:1.75em; }
	dl#tagline dd { font-size:1.4em; }
	#product_category ul li { font-size:0.8em; }
	#product_category #price { font-size:1.2em; }
	#product-detail h2 { font-size:1.2em; }
	#product-detail h2.product-name { font-size:1.2em; font-weight:normal; }
	#product-detail h3 { font-size:0.9em; }
	table.shopping-cart th { font-size: 1em; }
	h1 { font-size: 2.6em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.6em; }
	h4 { font-size: 1.4em; width: 90%; }
	h5 { font-size: 1.2em; }
	h6 { font-size: 1em; }        
	p { line-height: 1.3em; }
	.panel dt { font-size:0.9em; }
	.panel dd { font-size:0.8em; }
	form#sendtofriend { font-size: 1.1em; }
	form#sendtofriend input { font-size:1.1em; }
	form#sendtofriend legend { font-weight:bold; }
  	
/* Global Classes
   --------------------------------------------------- */
	.hidden { display: none; }
	.left { float: left; }
	img.left { float: left; margin:0 15px 15px 0; }
	.right { float: right; }
	img.protect { position: absolute; z-index: 1000; top: 0; left: 0; border: none!important; }
	p.error { color: red; text-transform: uppercase; }

/* Backgrounds
   --------------------------------------------------- */
	body { background:#030303 url('../img/background.gif') left top fixed; }
	#background { background:transparent url('../img/background.jpg') left top fixed repeat-x; }
   
/* Container
   --------------------------------------------------- */
	#container { width:945px; margin:0 auto; position: relative; text-align:left; }

/* Header
	--------------------------------------------------- */
	#header { /* width:925px; */ /* margin:0 0 3px 0; */ padding:80px 0 0; position:relative; overflow:hidden; }
	#header .logo { position:absolute; left:372px; top:8px; }
	#header ul { background:rgba(0,0,0,0.74); overflow:auto; padding:0.25em 0em; }
	#header ul li { float:left; text-transform:uppercase; }
	#header ul li a, #header #shopping-bag { color:#fff; padding:0.5em 1.5em; -webkit-transition:background 0.5s linear; }
	#header ul li a:hover, #header #shopping-bag a:hover { background:#5f8592; }
	#header ul li a.active, #header a.active { background:#5f8592; }
	#header #shopping-bag { float:right; text-transform:uppercase; background:rgba(0,0,0,0.74); padding:0px; }
	#header #shopping-bag { float:none; position:absolute; right:0px; bottom:0px; }
	#header #shopping-bag a { color:#fff; padding:8px 12px 8px 36px; display:block; }
	#header #shopping-bag a span { color:#828282; text-transform:none; }
	#header #shopping-bag a:hover span { color:#000!important; }
	
/* Homepage */
	#home-wrapper { background:#757575; overflow:auto; }
	#home-image { float:left; overflow:hidden; padding-bottom:5px; }
	#home-image img + img { -moz-box-shadow: 2px 2px 5px #666666; -webkit-box-shadow: 2px 2px 5px #666666; }
	
/* Product/Article Panels on Homepage */
	.panel-group { width:275px; padding-top:5px; z-index:1001; float:right; margin-left:-291px; position:relative; margin-right:16px; margin-bottom:10px; }
	.panel { background:#d5d5d5; margin-top:4px; padding:0px 10px;
		-moz-box-shadow: 0px 0px 10px #333333; -webkit-box-shadow: 0px 0px 10px #333333; }
	.panel:first-child { background:#d5d5d5 url('../img/bg-panel.gif') top center no-repeat; }
	#body .panel dl, #body .panel dt, #body .panel dd { margin:0em; padding:0em; }
	.panel dt { text-transform:uppercase; clear:both; padding-top:10px!important;; }
	.panel dt img { border:1px solid #fff; width:110px; height:109px; margin:0px; float:left;
		-moz-box-shadow: 0px 0px 10px #666666; -webkit-box-shadow: 0px 0px 10px #666666; }
	.panel dt a:link { color:#000; }
	.panel dt a:visited { color:#666; }
	.panel dt a:hover { color:#5f8592; }
	.panel dt a:hover img { border-color:#5f8592; }
	.panel dt div.protect { width:112px; position:relative; }
	.panel dt div.protect img.protect { position:absolute!important; left:0px; }
	.panel dt div.protect,
	.panel dt.even img { float:left; margin-right:10px; }
	.panel dt.odd div.protect,
	.panel dt.odd img { float:right; }
	.panel dt.even + dd { margin-left:122px!important; }
	.panel dd { min-height:100px; }
	.panel b.price { color:#5f8592; font-weight:bold; display:block; }
	.panel a.link { background:#fff; color:#5f8592; text-transform:uppercase; padding:0em 0.5em; cursor:pointer; z-index:200!important; display:inline-block; margin:0.25em 0em; }
	.panel a.link:hover { background:#5f8592; color:#fff; }
	
	.tinymce { clear:both; margin-bottom:6px; }
	.tinymce div.protect { position:relative!important; }
	.tinymce img.protect { z-index:1000; }
	div.protect { position: relative; }
	
/* Body
	--------------------------------------------------- */  
	#body { width:933px; min-height:431px; /* padding:7px 6px 0px 6px; */ background-color:#000; margin-bottom:10px; }
/*	body.home #body { width:945px; min-height:442px; padding:0; } */
	#body { color:#000; position: relative; }
	
	/* Secondary Navigation */
		#body ul.secondary-navigation { margin:-7px -6px 0px; padding:0; background:#bababa; overflow:auto; padding:0.5em 1em; }
		#body ul.secondary-navigation li { float:left; text-transform:uppercase; margin-right:0.5em; list-style-type:none; }
		#body ul.secondary-navigation li a { color:#5f8592; background-color:#fff; padding:0.05em 0.5em; display:inline-block; min-width:100px; }
		#body ul.secondary-navigation li a:hover,
		#body ul.secondary-navigation li a.active { color:#fff; background-color:#5f8592; }
		/* Version 2 */
			#body ul.secondary-navigation { /* margin:-7px -6px -0.5em; */ margin:0em 0em -0.5em; padding:0.75em; }
			#body ul.secondary-navigation li { margin-bottom:0.5em; }
			#body ul.secondary-navigation li a { background:#fff; min-width:94px; width:auto; white-space:nowrap; }
			#body ul.secondary-navigation li a:hover,
			#body ul.secondary-navigation li a.active { color:#fff; background-color:#767676; }
		/* Show All */
		/*	#body ul.secondary-navigation li a:hover,
			#body ul.secondary-navigation li a:active { background:#5f8592; color:#fff; } */
			#body ul.secondary-navigation li.show-all { float:right; }
		/*	#body ul.secondary-navigation li.show-all a { background:#767676; color:#fff; }
			#body ul.secondary-navigation li.show-all a:hover,
			#body ul.secondary-navigation li.show-all a:active { background:#5f8592; } */
	
	#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 { color:#9f9f9f; font-weight:normal; margin:0; padding:7px 0 7px 7px; clear:left; }
	#body h1 { padding:15px 0 10px 7px; }
	#body h2 {}
	#body h3 {}
	#body h4 {}
	#body h5 { text-transform:uppercase; }
	#body h6 { text-transform:uppercase; }
	#body h1 + dl#tagline { margin-top:-2em; margin-bottom:0em; padding:7px 0px; }
	dl#tagline { /* position:absolute; top:2em; right:0em; */ float:right; font-size:2.6em; }
	dl#tagline dt { float:left; color:#d2d2d2; text-align:right; width:50%; margin:0.5em 0em; font-weight:normal; font-size:0.7em; }
	dl#tagline dd { float:left; color:#a8a7a7; text-align:right; width:50%; margin:0em; font-weight:normal; font-size:0.6em; }
	dl#tagline dd img { float:right; width:25%; height:1em; }
	dl#tagline.sponsored-rider dt { white-space:nowrap; margin:0em; width:auto; float:left; padding-right:1em; padding-top:0.25em; }
	dl#tagline.sponsored-rider dd { white-space:nowrap; clear:left; width:auto; float:right; padding-left:1em; padding-bottom:0.25em; }
	#body ul { margin:1em; padding-left:1.5em; }
	#body ul li { list-style-type:square; }
	#body ol { margin:1em; padding-left:2em; }
	#body ol li { list-style-type:decimal; }
	#body dl { margin:0 1em 2em 2.5em; }
	#body dt { margin-top:2em; }
	#body p { margin:10px; }
	/*#body hr { color:#464646; clear:left; margin:10px 0; }*/
	#body hr { background-color: #acacac; border: medium none; color: #acacac; height: 1px; margin: 0.8em 0; padding: 0; }
	#body hr.nomargin { margin:0; }
	
	#body { background:#757575; padding:3px 0 0; width:100%; }
	#body #inner-body { background:#fff; padding:7px 6px 16px 6px; min-height:431px; }
	#body #inner-body, #body #home-image img, #body ul.secondary-navigation { 
		-moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;
		-webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;
		-khtml-border-radius:6px;
		border-radius:6px; }
	
	body/*.home*/ #body #inner-body { padding:0 0 0px; }
	body/*.home*/.competition #body #inner-body .protect { margin-left:6px; }
	#body #home-image { position:relative; }
	#body #home-image .protect { position:absolute; top:0; left:0; }
  	
/* Column used on Contact, Subscribe and Product */
	.column { width:425px; float:left; }
	#body .column p { margin: 0 10px 10px; }
	
/* Column used on Category Landing Pages */
	ul#categories { margin:0em; padding:0em; background:#fff; overflow:auto; padding-bottom:6px; margin-bottom:-6px; }
	ul#categories li.column { width:235px; height:395px; float:left; background:#fff; margin:0em; padding:0em; list-style:none; }
	ul#categories li.mens { width:312px; height:393px; padding-bottom:4px; }
	ul#categories li.copy { width:460px; padding:30px 40px 2px; }
	ul#categories li.column a { margin:3px; display:block; border:1px solid #fff; width:230px; height:393px; }
	ul#categories li.column a.one-third { height:142px; }
	ul#categories li.column a.two-thirds { height:245px; }
	ul#categories li.column a.one-half { height:194px; }
	ul#categories li.column a.only { width:312px; height:393px; }
/* Lifestyle Columns */
	ul#categories li.three { width:314px; height:324px; padding-bottom:2px; overflow:hidden; }
	ul#categories li.three a { width:307px; height:324px!important; }
	
	ul#categories li.column a.top-left {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px;
		-khtml-border-top-left-radius:5px;
		border-top-left-radius:5px;
	}
	ul#categories li.column a.top-right {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px;
		-khtml-border-top-right-radius:5px;
		border-top-right-radius:5px;
	}
	ul#categories li.column a.left {
		-moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px;
		-webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;
		-khtml-border-top-left-radius:5px; -khtml-border-bottom-left-radius:5px;
		border-top-left-radius:5px; border-bottom-left-radius:5px;
	}
	ul#categories li.column a.right {
		-moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px;
		-webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px;
		-khtml-border-top-right-radius:5px; -khtml-border-bottom-right-radius:5px;
		border-top-right-radius:5px; border-bottom-right-radius:5px;
	}
	ul#categories li.column a.bottom {
		-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
		-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;
		-khtml-border-bottom-left-radius:5px; -khtml-border-bottom-right-radius:5px;
		border-bottom-left-radius:5px; border-bottom-right-radius:5px;
	}
	
	ul#categories li.column a.bottom-left {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px;
		-khtml-border-bottom-left-radius:5px;
		border-bottom-left-radius:5px;
	}
	ul#categories li.column a.bottom-right {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px;
		-khtml-border-bottom-right-radius:5px;
		border-bottom-right-radius:5px;
	}
	
/* Sponsored Riders */
	.sponsored-rider-left { width: 425px; float: left; margin-left: 8px; }
	.sponsored-rider-right { width: 475px; float: left; margin: 0 0 30px 15px; padding-left: 9px;  border-left: 1px solid #e3e3e3;  }
	#sponsored-rider-container .sponsored-rider-left h2 { font-size: 1.8em; color: #000; font-weight: bold; text-transform: uppercase; }
	#sponsored-rider-container .sponsored-rider-left p strong { color: #5f8592; }
	#sponsored-rider-container .sponsored-rider-right .sponsored-rider-links a { float: left; margin: 5px 5px 5px 0; }
	#sponsored-rider-container .sponsored-rider-right .sponsored-rider-links .fakebox { float: left; margin: 5px 5px 5px -5px; height:25px; width:235px; background-color:#68858F; }
	#sponsored-rider-container .sponsored-rider-right .sponsored-rider-linksbox { width: 465px; background-color: #f4f4f4; padding: 10px 0; display: inline-block; }
	#sponsored-rider-container .sponsored-rider-right .sponsored-rider-linksbox a { float: none; margin: 0; }
	#sponsored-rider-container .sponsored-rider-right .sponsored-rider-linksbox ul { margin: 0; padding: 0; }
	#sponsored-rider-container .sponsored-rider-right .sponsored-rider-linksbox li { float: left; width: 200px; margin: 0 0 5px 25px; }
	#sponsored-rider-container .sponsored-rider-right .sponsored-rider-blog { margin: 20px 0; clear: both; }
	#sponsored-rider-container .sponsored-rider-right .sponsored-rider-blog .left-quote { float: left; width: 35px; height: 50px; background: url(/site_media/img/sponsored-rider-leftquote.gif) no-repeat 0 0; }
	#sponsored-rider-container .sponsored-rider-right .sponsored-rider-blog .right-quote { float: left; width: 390px; background: url(/site_media/img/sponsored-rider-rightquote.gif) no-repeat right bottom; color: #767676; font-style: italic; padding-right: 35px; }
	#sponsored-rider-container .sponsored-rider-right .sponsored-rider-blog .right-quote p.readmore { text-align: right; color: #68858f; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; font-style: normal; }
	
	#sponsored-rider-container #product-carousel { overflow: hidden; margin: 10px 0; display: none; width: 464px; }
	#sponsored-rider-container #product-carousel a.control { display: block; float: left; background: #787878; width: 10px; margin-right: 5px; height: 96px; text-align: center; line-height: 96px; color: #FFFFFF; cursor: pointer; }
	#sponsored-rider-container #product-carousel a.control:hover { background: #727272; }
	#sponsored-rider-container #product-carousel a.control.next { float: right; margin-right: 0; }
	#sponsored-rider-container #product-carousel a.control.disabled { opacity: 0.3; filter:alpha(opacity=30); }
	#sponsored-rider-container #product-carousel div.scrollable { position: relative; overflow: hidden; width: 436px; height: 96px; float: left; }
	#sponsored-rider-container #product-carousel ul.items { width: 200em; position: absolute; list-style: none; margin: 0; padding: 0; }
	#sponsored-rider-container #product-carousel ul.items li { list-style: none; float: left; width: 143px; height: 96px; margin: 0; padding: 0; margin-right: 3px; background: #f4f4f4; position: relative; overflow: hidden; }
	#sponsored-rider-container #product-carousel ul.items li a img { border: 1px solid #CCCCCC; height: 94px; margin: 0 auto; }
	#sponsored-rider-container #product-carousel ul.items li a:hover img,
	#sponsored-rider-container #product-carousel ul.items li a.active img { border: 1px solid #333333; }
	
	#sponsored-rider-container #product-image { width: 431px; height: 305px; text-align: center; float:left; position:relative; margin: 0 0 8px 15px; z-index:1001; overflow: hidden; }
	#sponsored-rider-container #product-image img.product { background-color: #f4f4f4; height: 288px; margin: 0 auto; }
	
	dl#sponsored-riders {  }
	dl#sponsored-riders .rider-title { font: 1.4em Georgia,Times,serif; text-transform: uppercase; }
	dl#sponsored-riders .readmore img { float: right; margin-right: 25px; }
	dl#sponsored-riders dt { clear:left; }
	dl#sponsored-riders dt img { float:left; margin:0em 18px 2em 0em; }
	dl#sponsored-riders dd { margin-left:485px; padding-left:0px; }
	dl#sponsored-riders dd p { padding-left:0px; margin-left:0px; }
	/* Nested Definition Lists <dl> */
		dl#sponsored-riders dd dl { margin-left:0px; padding-left:0px; }
		dl#sponsored-riders dd dl dt { margin-left:0px; padding-left:0px; clear:none; }
		dl#sponsored-riders dd dl dd { margin-left:0px; }
		
	
	
  
  /* Stockists */
	#stockists select { margin:5px 0 20px 10px ; }
	hr.top { display: none; }
	#body #stockists-list { margin:0 1em; overflow: hidden; }
	#body #stockists-list li { list-style-type:none; margin:2em 1em 0 0; width: 275px; height: 100px; float: left; }
	#body #stockists-list li strong { text-transform: uppercase; }
	#body #stockists-list li span { display: block; }
	#body #stockists-list li span.city,
	#body #stockists-list li span.state,
	#body #stockists-list li span.postcode { display: inline-block; }
		
/* Product Category
	--------------------------------------------------- */
	#product_category { width:960px; overflow:visible; }
	#product_category ul { margin:0; padding:0 0 0 6px; clear:both; overflow:auto; }
	#product_category ul li { list-style-type:none; width:208px; min-height:140px; background-color:#d8d8d8; text-transform:uppercase; color:#000; font-weight:bold; padding:9px 10px 10px 10px; float:left; margin:0 6px 7px 0; }
	#product_category ul li a { color:#000; }
	#product_category ul li a:hover { color:#333; }
	#product_category ul li a.img { display: block; border:1px solid #fff; margin-bottom:0.7em; width: 205px; position: relative; }
	#product_category ul li a.img:hover { border:1px solid #ccc; }
	#product_category #price { color:#5f8592; font-weight:bold; }

 /* Product Detail
	--------------------------------------------------- */
	#product-detail { }
	#product-detail #product-image { width: 507px; float:left; margin-right:20px; position:relative; border-right: 1px solid #acacac; z-index:1001; overflow: hidden; height: 666px; }
	#product-detail #product-image .image { position: relative; }
	#product-detail #product-image img.zoom { position:absolute; right:15px; bottom:10px; }
	#product-detail ul.thumbs { width: 369px; margin: 5px; padding: 5px 0; border-top: 1px solid #acacac; border-bottom: 1px solid #acacac; overflow: auto; }
	#product-detail ul.thumbs li { list-style-type:none; float:left; margin-right: 5px; }
	#product-detail ul.thumbs li a img { border: 1px solid #CCCCCC; }
	#product-detail ul.thumbs li a:hover img,
	#product-detail ul.thumbs li a.active img	 { border: 1px solid #FFFFFF; }
	#product-detail ul.thumbs li.prev a,
	#product-detail ul.thumbs li.next a { display: block; background: #787878; width: 10px; height: 108px; text-align: center; line-height: 108px; color: #FFFFFF; }
	#product-detail ul.thumbs li.next { float: right; }
	#product-detail ul.thumbs li.prev a:hover,
	#product-detail ul.thumbs li.next a:hover { background: #727272; }
	#product-detail ul.thumbs li.next.last { margin-right: 0; }
	#product-detail .column { /*width:290px;*/ width: 379px; } 
	#product-detail h2 { color:#000; text-transform:uppercase; padding:7px 0 0 7px; font-size:0.8em; font-weight:bold; }
	#product-detail h3 { color:#5f8592; text-transform:uppercase; padding:0 0 0 7px; font-weight:bold; }
	#product-detail div.detail { min-height: 5em; padding: 7px; }
	#product-detail div.detail p { padding-left: 0; }
	#product-detail div.detail p  { margin-left: 7px; }
	#body ul.swatches { margin:0.5em 0 0 0.6em; padding:0 0 15px 0; }
	#body ul.swatches li { list-style-type:none; float:left; margin-right:5px; }
	#product-detail #purchase-options { background-color:#f4f4f4; padding:9px 10px; margin: 5px; }
	#product-detail #purchase-options div.field { clear: left; }
	#product-detail #purchase-options label { width: 80px; text-transform: uppercase; }
	#product-detail #purchase-options label.error { clear: both; margin-left: 80px; padding-top: 0; white-space: nowrap; width: auto; color: #5f8592; }
	#product-detail #purchase-options legend { display: none; }
	#product-detail #purchase-options input { margin:0 0 4px 0; float: left; }
	#product-detail #purchase-options select { background: #FFFFFF; color: #000000; float: left; }
	#product-detail #purchase-options input.submit { margin:5px 0 0 80px; display: block; }
	
	/* Error Message */
	#product-detail #purchase-options p.message { margin-left: 0; text-transform: uppercase; color: #FFFF00; font-weight: bold; }
	#product-detail #purchase-options p.message { color:#FFFFFF; background-color:#666666; border:1px solid #999999; padding:10px 15px; margin:0em 0em 1em 0; text-align: center; width:auto; /* display:none; color:#fff; */ font-size:0.9em; /*float:left;*/ clear:both;
															   /* outline radius for mozilla/firefox only */ 
															   -moz-box-shadow:0 0 10px #8D7966; -webkit-box-shadow:0 0 10px #8D7966; }
	
	.buttons { margin:14px 5px 0; }
	.buttons img { margin-top:2px; }
	#product-detail p.sku { margin: 7px; text-transform: uppercase; font-size: 0.9em; color: #999999; }
	#product-detail h3.size { float:right; }
	#product-detail #product-image { position:relative; }
	#product-detail #product-image img.protect { z-index:1000; }
	
	/* Related Products */
	#related-items { float:left; clear:both; width:100%; margin:0; padding:0; border-top:1px solid #bababa; margin-top:15px; }
	#related-items h1 { color:#9f9f9f; font-size:2em; text-transform:capitalize; margin:10px 0em 0em 6px; padding:0em; }
	#related-items ul { margin:0 0 0 6px; padding:0em; }
	#related-items ul li { list-style:none; float:left; margin:13px 10px 0em 0em; width:141px; }
	#related-items ul li a { display:inline-block; }
	#related-items ul li a img { width:141px; height:86px; border:1px solid #000; }
	#related-items ul li a:hover img { border-color:#5f8592; }
	#related-items ul li h2,
	#related-items ul li h3 { padding-left:0em; padding-right:0em; }
	
	/* Product Image Magnifier / Zoom */
	#product-detail #product-image { overflow:visible; }
	#product-detail #product-image a.enlarge, 
	#product-detail #product-image a.alt-view { display: none; text-transform: uppercase; background:#787878; color: #FFFFFF; font-weight: bold; position: absolute; top: 8px; right: 14px; z-index: 1000; width: 65px; height: 20px; line-height: 20px; text-align: center; font-size: 0.8em; }
	#product-detail #product-image a.alt-view { top: 36px; }
	#product-detail #product-image a.enlarge:hover,
	#product-detail #product-image a.alt-view:hover { background: #727272 }
	#product-detail #product-image a.active { background: #666666; }
	
	/* scrollable */
	#product-detail #product-carousel { overflow: hidden; margin: 0 5px; display: none; }
	#product-detail #product-carousel a.control { display: block; float: left; background: #787878; width: 10px; margin-right: 5px; height: 108px; text-align: center; line-height: 108px; color: #FFFFFF; cursor: pointer; }
	#product-detail #product-carousel a.control:hover { background: #727272; }
	#product-detail #product-carousel a.control.next { float: right; margin-right: 0; }
	
	#product-detail #product-carousel a.control.disabled { opacity: 0.3; filter:alpha(opacity=30); }
	
	#product-detail #product-carousel div.scrollable { position: relative; overflow: hidden; width: 339px; height: 108px; float: left; }

	#product-detail #product-carousel ul.items { width: 200em; position: absolute; list-style: none; margin: 0; padding: 0; }
	#product-detail #product-carousel ul.items li { list-style: none; float: left; width: 81px; height: 107px; margin: 0; padding: 0; margin-right: 5px; background: #333333; position: relative; }
	#product-detail #product-carousel ul.items li a img { border: 1px solid #CCCCCC; }
	#product-detail #product-carousel ul.items li a:hover img,
	#product-detail #product-carousel ul.items li a.active img { border: 1px solid #333333; }
	
/* Shopping Bag / Checkout Process
	--------------------------------------------------- */  
	#purchase-path { width: 700px; }
	#purchase-path table { margin: 0 10px; width: 680px; }
	#purchase-path table td, 
	#purchase-path table th { vertical-align: top; }
	#purchase-path table thead { color: #5f8592; }
	#purchase-path table thead th { border-top:1px solid #acacac; border-bottom:1px solid #acacac; padding:0.5em 1em; text-transform:uppercase; }
	#purchase-path table thead th.desc { width: 460px; }
	#purchase-path table thead th.qty { width: 50px; }	
	#purchase-path table thead th.size { width: 50px; }
	#purchase-path table thead th.price { width: 50px; }
	#purchase-path table thead th.total { width: 50px; }	
	#purchase-path table thead th.options { width: 80px; }
	#purchase-path table tbody td.image { width: 50px; padding-top: 1em!important; }
	#purchase-path table tbody td { border-bottom: 1px solid #171717; }
	#purchase-path table tbody td.options { text-align: right; }
	#purchase-path table tbody tr.last td { border-bottom: none; }
	#purchase-path table tr.th td { border-top:1px solid #acacac; border-bottom:1px solid #acacac; text-transform:uppercase; }  
	#purchase-path table tbody td { padding: 2em 1em 1em; text-transform: uppercase; font-size: 0.9em; }    
	#purchase-path table td.last { border-bottom: none; }
	#purchase-path table tfoot th,
	#purchase-path table tfoot td { text-transform: uppercase; text-align: right; }
	#purchase-path table tfoot td { font-size: 0.9em; }
	
	#purchase-path table tfoot tr.top td,
	#purchase-path table tfoot tr.top th { border-top: 1px solid #acacac; padding-top: 1em; }
	#purchase-path table tfoot tr.bottom td,
	#purchase-path table tfoot tr.bottom th { border-bottom: 1px solid #acacac; padding-bottom: 1em; }	
	
	#purchase-path table.total { margin-top: 1em; }
	#purchase-path table.total td { border-top: 0; padding-top: 0; }
	#purchase-path table.total td.value { width: 80px; }
	#purchase-path table.total tr.gst td { border-bottom: 0; }
	#purchase-path table.total td.gst { font-size: 0.8em; }
	
	#purchase-path ul.columns { list-style: none; margin: 10px 0 ; padding: 0px; overflow: hidden; }
	#purchase-path ul.columns li { list-style: none; margin: 0; float: left; width: 210px; margin-right: 10px; }
	
	/* Shopping Note */	
	#body .shopping-note { position: absolute; top: 0; right: 0; margin: 40px 10px 10px; background: #f4f4f4; padding: 10px; width: 200px; color: #000; }
	#body .shopping-note p { margin: 0 0 10px; }
	
	/* Check Out Process */		
	#body #check-out-progress { position: absolute; top: 10px; right: 10px; list-style: none; margin: 0; padding: 10px; background: #f4f4f4; }
	#body #check-out-progress li { list-style: none; margin: 0 3px; padding: 0; float: left; }
	
	#purchase-path .field { overflow: hidden; margin-left: 10px; }
	#purchase-path .field span { width:1em!important; color:#b3b3b3; float:left; display:block!important; }
	#purchase-path .field img { padding: 6px 10px 0 0; }
	#purchase-path .submit { overflow: hidden; margin: 10px; }
	#purchase-path .submit a.left { float: left; }
	#purchase-path .submit a.right { float: right; }
	#purchase-path .submit p { clear: both; float: right; width: 250px; text-align: right; font-size: 0.8em; margin-right: 0; }
	#purchase-path .field p { margin: 10px 10px 10px 120px; color: #9F9F9F; font-style: italic; clear: left; padding-top: 5px; }		
	#purchase-path p.note { font-size: 0.9em; width: 400px; }
	#purchase-path label { width: 120px; }
	#purchase-path label.checkbox { width: 330px; margin-left: 10px; padding: 0; }
	#purchase-path label.error { width: auto; color: #5f8592; }
	#purchase-path input.checkboxinput { float: left; }
	#purchase-path input.textinput { width: 230px; margin: 3px 0 0; float: left; margin-right: 10px; }
	#purchase-path select { width: 234px; margin: 3px 0 0; float: left; margin-right: 10px; }	
	/* inputs */ 	#purchase-path #id_ccv { width: 80px; } 
	/* selects */ 	#purchase-path #id_month_expires,
						#purchase-path #id_year_expires { width: 84px; }
	
	
	
	/* tooltip triggers */
	#ccv-trigger { cursor: pointer; }
	
	/* tooltip */
	div.tooltip { background-color:#333333; border:1px solid #999999; padding:10px 15px; margin-left: 10px; width:200px; display:none; color:#fff; text-align:left; font-size: 0.9em; 
		   		  /* outline radius for mozilla/firefox only */ 
					  -moz-box-shadow:0 0 10px #8D7966; -webkit-box-shadow:0 0 10px #8D7966; }
  
/* Footer
	--------------------------------------------------- */
	#footer { text-align:center; padding-bottom:10px; }
	#footer ul li { display:inline; text-transform: uppercase; margin-left:1em; }  
	#footer ul li.first { margin-left:0; }    
	#footer ul li a { text-decoration: none; color:rgba(255,255,255,0.33); color:rgb(120,120,120); }
	#footer ul li a:hover { color:rgba(255,255,255,0.66); color:rgb(200,200,200); }
	#footer ul li a.active { color:rgba(255,255,255,1); color:rgb(255,255,255); }
	
	/* Default - see wysiwyg.css for heading styles */
	.default img.left { margin:0 8px 8px 0; }  
	.default img.right { margin:0 0 8px 8px; }  
	
	/* tinymce */
	#body .tinymce { }
	#body .tinymce img { display: inline-block; }
	#body .tinymce p { padding: 0 0 8px;}
	#body .tinymce table { margin: 10px; }
	#body .tinymce ul { padding: 0 10px; margin: 0 10px 10px; margin-left: 13px; }
	#body .tinymce ol { padding: 0 10px; margin: 0 10px 10px; margin-left: 17px; }
	#body .tinymce ul li { list-style-type: square; }
	#body .tinymce ol li { list-style-type: decimal; }
	#body .tinymce ul li p,
	#body .tinymce ol li p { padding: 10px; }
	#body .tinymce a { padding: 0!important; }
	#body .tinymce b,
	#body .tinymce strong { font-weight: bold; }
	#body .tinymce i,
	#body .tinymce em { font-style: italic; }	
	
/* Overlay
	--------------------------------------------------- */	
	#overlay, #enlarge { 
		background: #000000; 
		border: 1px solid #666666;
		color: #DDDDDD; 
		padding: 20px;
		text-align: left;
		font-size: 11px;
		-moz-box-shadow: 3px 3px 5px #000000; 
		-webkit-box-shadow: 3px 3px 5px #000000; }
		
	#overlay .tinymce { height: 400px; overflow: auto; }	
		
	#overlay h1 { margin-bottom: 0.5em; }
	#overlay h2 { margin-top: 0.5em; }
	#overlay .close { position: absolute; top: 20px; right: 20px; text-transform: uppercase; }
	#enlarge { padding-top: 50px; }
	#enlarge .scroll { height: 400px; overflow-y: scroll; overflow-x: hidden; }
	#enlarge .close { display: block; position: absolute; top: 15px; right: 20px; text-transform: uppercase; background:#787878; color: #FFFFFF; font-weight: bold; padding: 2px 8px; z-index: 2000; }
	#enlarge .close:hover { background: #727272 }	
	#enlarge p { position: absolute; top: 20px; left: 20px; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; size: 1.1em; font-weight: bold; }
	#enlarge img.protect { top: 50px; left: 20px; }

/* Maintenance
   --------------------------------------------------- */
  /*
	#maintenance { width: 819px; position: relative; margin: 8em auto; }
  */
	
/* clearfix
	http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
	-------------------------------- */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; } /* Hides from IE-mac */
	.clearfix { display: block; } /* End hide from IE-mac */
	
	#at16p { -moz-box-shadow: 2px 2px 5px #333333; -webkit-box-shadow: 2px 2px 5px #666666; }