@charset "UTF-8";
/* 
Site: http:www.planet-knox.com
Client: knox
By: Nzime
Date: 11/02/2009
Last Updated:
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img{
	margin:					0;
	padding:				0;
	border:					0;
}

input, label{
	vertical-align:			middle;
}

#wrapper{
	position:				relative;
	width:					965px;
	margin:					0 auto;
	
}

#side-bar-main{
	position:				absolute;
	top:					0;
	left:					0;
	width:					113px;
}

#main-content{
	position:				absolute;
	top:					0;
	left:					113px;
	min-height:				500px;
	width:					853px;
}

.logo{
	margin:					60px 0 0 0;
}

#navigation{
	margin:					10px 0 0 0;
}

#navigation li ul{
	padding:				3px 0;
}

#navigation a{
	display:				block;
	width:					100px;
	padding:				3px 0 3px 5px;
	margin:					0 0 1px 8px;
}

#navigation .sub{
	margin:					0 0 0 16px;
}

#navigation .sub a{
	display:				block;
	width:					100px;
	padding:				1px 0 1px 5px;
	margin:					0 0 0 0;
}

#external-navigation{
	margin:					10px 0 0 0;
}

#external-navigation a{
	display:				block;
	width:					110px;
	padding:				3px 0 3px 5px;
	margin:					0 0 1px 0px;
}

.clear{
	clear:					both;
	font-size:				0;
}

.left{
	float:					left;
}

.right{
	float:					right;
}

.breadcrumb-cont{
	margin-top:				12px;
	margin-bottom:			1px;
	height:					44px;
	width:					565px;
	float:					left;
}

.breadcrumb{
	margin:					15px 0 0 20px;
	float:					left;
}

.breadcrumb li{
	float:					left;
	padding:				0 5px 0 0;
}

.breadcrumb-cont .cart{
	margin:					15px 20px 0 0;
	float:					right;
}

.search-cont{
	margin-top:				12px;
	padding:				0 0 0 20px;
	width:					230px;
	height:					44px;
	float:					right;
}

.search{
	display:				block;
	width:					225px;
	height:					27px;
	float:					right;
	margin:					10px 0 0 0;
}

.search label{
	display:				none;
}

.search input{
	height:					16px;
	padding:				5px;
	margin:					0 0 0 14px;
}

.product-divider{
	display:				block;
	width:					851px;
	height:					26px;
}

.product-divider h1{
	padding:				5px 0 0 20px;
}

.range-header{
	padding:				0 35px;
	margin-bottom:			20px;
}

.product-range{
	margin:					0 33px 25px;
}

.product-range li{
	display:				block;
	float:					left;
	height:					310px;
	width:					190px;
	padding:				5px 2px 5px 2px;
}

.product-range h2, .product-range h3, .product-range  p{
	padding:				0 0 0 9px;
}

.product-range h2{
	padding-top:			10px;
}

.product-range h3{
	padding-top:				5px;
	padding-bottom:				5px;
}

.product-range li img{
	display:				block;
	margin:					0 auto;
}

.range-filter{
	float:					right;
	margin:					10px 0;
}

.range-filter p{
	display:				inline;
}

.range-filter ul{
	display:				inline;
}

.range-filter li{
	display:				inline;
}

#center-numbering{
	float:					none;
	text-align:				center;
}

.range-numbering{
	float:					right;
	margin:					0 35px 10px;
}

	.range-numbering p{
		display:			inline;
	}
	
	.range-numbering ol{
		display:			inline;
	}
	
	.range-numbering li{
		display:			inline;
	}
	
	.other-products-range li{
		float:				left;
	}

.details-left{
	float:					left;
	padding:				0 0 20px 35px;
	width:					338px;
}

	.details-left h1{
		margin:				53px 0 19px 0;
	}
	
	.details-left h2{
		padding-top:		14px;
	}
	
	.details-left h2.title{
		padding-top:		0;
		margin:				-19px 0 19px 0;
	}
	
	.details-left h2 a{
		display:			block;
		margin-bottom:		14px;
		
	}
	
	.details-left .detail-copy{
		margin:				10px 0 0 0;
		padding:			0 0 7px 0;
	}
	
.details-right img{
	margin:					13px 16px 0 0;
}

.product-fitting-video{
	margin:					15px 0 20px;
	padding-top:			8px;
}

.product-fitting-video a{
	padding:				0 0 0 30px;
}

#wrapper .product-break-grad{
	clear:					both;
	display:				block;
	height:					9px;
	width:					851px;
}

.detail-price{
	margin-top:				18px;
	margin-bottom:			15px;
}


.detail-price dt{

}

.detail-price dd{

}

.product-detail-images {
	width:					452px;
	float:					right;
	padding-bottom:			10px;
}

.product-detail-images li{
	float:					left;
	margin-right:			1px;
}

.product-detail-images p{
	padding-top:			2px;
}

.size-list li{
	display:				block;
	float:					left;
	padding:				1px 4px 4px 4px;
	width:					100px;
	height:					31px;
	margin:					0 4px 5px 0;
}

.size-list li img{
	padding-top:			1px;
}

.details-right{
	float:					right;
	height:					550px;
	width:					452px;
}

.product-detail-images .product-divider{
	width:					100%;
}

.duel-header{
	float:					left;
	width:					398px;
	
}

.terms-cont h1{
	margin:					30px 50px 10px;
}

.terms-cont p{
	margin:					0 50px;
	padding:				0 0 15px 0;
}

.terms-cont p strong{
}

.terms-cont h2{
	margin:					0 50px;
}

.terms-cont .divider{
	display:				block;
	height:					1px;
	margin:					-5px 35px 19px;	
}

.sign-up{
	width:					780px;
	margin:					0 auto;
}

.sign-up .sign-up-left{
	width:					300px;
	float:					left;
}

.sign-up .sign-up-right{
	width:					300px;
	float:					left;
}

.sign-up form.register{
	padding:				30px 0 0 30px;	
}

.sign-up form span{
	margin:					0 0 0 27px;
}

.sign-up .divider{
	display:				block;
	height:					1px;
	width:					100%;
}

.sign-up h1{
	margin:					30px 31px 0;
}

.sign-up p{
	margin:					20px 0 10px 27px;
}

.sign-up form p{
	margin:					6px 0 9px;
	width:					320px;
}

.sign-up form{
	margin:					22px 0;
	padding:				0 0 0 30px;
}

.sign-up label{
	display:				none;
}

.sign-up label.display{
	display:				block;
}

.sign-up span input{
	margin:					1px 0 0 10px;
	width:					190px;
	height:					18px;
}

.sign-up input{
	margin:					1px 0 0 10px;
	padding:				5px 0 0 0;
	vertical-align:			middle;
}

.sign-up select{
	margin:					0 0 10px 10px;
}

.sign-up form span.text{
	display:				block;
	width:					228px;
	height:					25px;
	padding:				2px 0 0 0;
	margin:					10px;
	position:				relative;
}

.sign-up form span.text .error{
	position:				absolute;
	right:					-20px;
	top:					5px;
}

.sign-up label span{
	margin:0;
}

.sign-up .submit{
	margin:					22px 60px 0 0;
}

.sign-up .text-required{
	margin:					0 0 0 18px;
	width:					210px;
}

.sign-up .forgot{
	margin:					0 0 0 265px;
}

.radio-space{
	margin-left:			10px;
}

.contact-col1{
	width:					292px;
	float:					left;
	padding:				27px 0 0 35px;
}

.contact-col1 h1{
	padding:				0 0 6px 16px;
}

.contact-col2 h1{
	padding:				0 0 7px 36px;
}

.contact-col1 .divider{
	display:				block;
	height:					1px;
	width:					90%;
	margin-bottom:			36px;
}

.contact-col1 address{
	padding:				0 0 18px 16px;
}

.contact-col1 p{
	padding:				3px 0 0 16px;
}

.contact-col2{
	width:					400px;
	float:					left;
	padding:				29px 0 0 0;
}
.contact-col2 label{
	display:				none;
}

.contact-col2 span input{
	margin:					1px 0 0 10px;
	width:					190px;
	height:					18px;
}

.contact-col2 span textarea{
	margin:					1px 0 0 10px;
	width:					190px;
	height:					100px;
}

.contact-col2 select{
	margin:					1px 0 0 10px;
	width:					205px;
}

.contact-col2 input{
	margin:					1px 0 0 10px;
}

.contact-col2 form{
	padding:				25px 0 24px 28px;
}

.contact-col2 form span.text, .contact-col2 form span.textarea{
	display:				block;
	width:					228px;
	height:					25px;
	padding:				2px 0 0 0;
	margin:					10px;
}

.contact-col2 form span.textarea{
	height:					120px;
}

.contact-col2 input, .contact-col2 select, .contact-col2 textarea{
	display:				block;
}

.contact-col2 .display{
	display:				block;
	margin-top:				5px;
}

.contact-col2 p{
	margin:					7px 0 20px 18px;
	width:					210px;
}

.contact-col2 label input{
	display:				inline;
	vertical-align:			top;
}

.contact-col2 #hear{
	margin-bottom:			25px;
}

.basket-cont h1{
	padding:				40px 0 0 60px;
	float:					left;
}

.progress-cont{
	float:					right;
	padding:				40px 89px 0 0;
}

.progress-cont dt, .progress-cont dd{
	display:				block;
	float:					left;
	width:					130px;
}

.progress-cont dt{
	height:					16px;
	padding:				4px 0 0 0;
	width:					110px;
}

.progress li{
	display:				inline;
}

.basket-cont .basket{
	width:					720px;
	margin:					10px 59px 0 34px;
}

.basket-cont .basket th{
	padding:				14px 0 10px 0;
}

.basket-cont .basket td{
	vertical-align:			middle;
	text-align:				center;
	padding:				10px 0 10px 0;
}

.basket-cont .basket .product{
	padding:				8px 0 5px 24px;
}

.basket-cont .basket .price{
	padding:				10px 32px 0 0;
}

.basket-cont .basket td img{
	vertical-align:			middle;
}

.basket-cont .basket td .quantity{
	padding:				0 10px;
}

.basket-cont .basket-details{
	margin:					10px 34px 0;
	padding:				26px;	
}

.basket-cont .shipping-details{
	float:					left;
	width:					275px;
}

.basket-cont .basket-totals{
	float:					left;
	width:					323px;
	padding:				0 0 0 95px;
}

.basket-cont .basket-totals table{
	width:					100%;
	margin:					0 0 25px 0;
}

.basket-cont .basket-details h2{
	margin:					0 0 10px 0;
}

.basket-cont .basket-details p{
	margin:					0 0 16px 0;
	padding:				0;
}

.basket-cont .basket-totals th, .basket-cont .basket-totals td{
	padding:				28px 0 12px 0;
}

.basket-cont .basket-totals td{
	padding-right:			30px;
}

.basket-cont .basket-details .promo span{
	display:				block;
	width:					93px;
	height:					27px;
	float:					left;
}

.basket-cont .basket-details .promo span input{
	width:					60px;
	height:					15px;
	padding:				5px;
}

.basket-cont .basket-details .promo .submit{
	float:					right;
	margin-left:			5px;
}

.basket-cont .basket-details .promo-cont{
	display:				none;
}

.payment-address{
	margin-top:				27px;
	width:					300px;
}

.payment-card{
	margin-bottom:			27px;
}

.payment-exp{
	padding-left:			20px;
}

.also-interested-in li p{
	width:					104px;
}

.footer{
	padding-bottom:			10px;
}

.footer ul{
	display:				block;
	width:					100%;
	margin:					10px 0 0 0;
}

.footer li{
	display:				inline;
}

.hidden{
	display:				none;
}

.spacer{
	height:					200px;
}

.register{
	position:				relative;
}

.card-error{
	position:				absolute;
	top:					120px;
	right:					10px;
	padding:				8px;
	width:					160px;
}

.card-error img{
	vertical-align:			middle;
}

.return-to-store{
	position:				absolute;
	top:					70px;
	left:					310px;
}

.techIcon{
	display:				block;
	float:					left;
	height:					46px;
	padding:				5px 0;
	width:					125px;
}

.order-history table{
	width:					80%;
	margin:					18px auto 16px;
}

.order-history .history-details{
	margin:					18px 27px 16px 27px;
}

.detail-copy ul{
	margin-left:			20px;
}

.colourSpace{
	margin-top:				8px;
}

#wrapper .sitemap ul{
	margin-left:			20px;
}

#wrapper .sitemap .sitemap-top{
	margin-left:			60px;
	margin-bottom:			20px;
}