@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;
}

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

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

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

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

#column-wrapper{
	float: left;
	}

/* media page */

.bloghead{
	padding:10px;
	}
	
.leftpane{
	width: 852px;
	float: left;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #202120;
	border-left: solid #444 1px;
	border-right: solid #444 1px;
}
.leftpane h2{
	font-size:110%;
	font-weight: normal;
}
.leftpane a{
	color:#FFFFFF;
	text-decoration: none;
	}
	
.leftpane a:hover{
	color:#000000;
	background-color: #666666;
	}

.rightpane{
	width: 425px;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	border-right:		1px solid #444;
}

.leftcontact{
	width: 405px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #202120;
	padding: 20px 0px 20px 20px;
}

.leftcontact h2, .rightcontact h2{
	font-size:110%;
	font-weight: normal;
}

.rightcontact{
	width: 405px;
	float: left;
	color: #FFFFFF;
	padding: 20px 0px 20px 20px;
	background-color: #202120;
	border-left: solid #333333 1px;
	font-weight: bold;
}

.newsheadline{
	padding: 10px 0px 10px 10px;
	background-image: url(../images/media/headline_backgrad.jpg);
	background-repeat: repeat-x;
}

.resourceitem{
	width: 139px;
	color: #CCCCCC;
	float: left;
	padding-bottom: 5px;
	margin: 10px 1px 10px 1px;
	}
	
.resourceitem a{
	color: #FFFFFF;
	text-decoration: none;
	padding: 1px;
	display: block;
	text-align: center;
	}
	
.resourceitem a:hover{
	color: #000000;
	background-color: #666666;
	display: block;
	}
.guidelines{
	padding: 20px 0px 20px 20px;
	background-color: #000000;
	}
	
	.leftcontact a, .rightcontact a{
	color:#FFFFFF;
	}

/* end media page */

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

.headertext{
	background-color:	#1C1C19;
	color: #CCCCCC;
	padding: 6px 30px 20px 30px;
	vertical-align: top;
}

#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 3px;
	margin:				0 0 1px 0px;
}

.clear{
	clear:				both;
}

/* Home Page Styles */
#home-container-1{
	position:			absolute;
	top:				0;
	left:				0px;
	border-left: solid #333333 1px;
	background-color: #333333;
}

.home-container-2{
	position:			absolute;
	top:				255px;
	left:				0px;
}

.home-container-3{
	position:			absolute;
	top:				0;
	left:				350px;
}

.home-container-4{
	position:			absolute;
	top:				182px;
	left:				350px;
}

#home-container-5{
	position:			absolute;
	top:				364px;
	left:				350px;
	background-color: #1C1C1C;
	height: 343px;
	border-right: solid #333333 1px;
	border-bottom: solid #333333 1px;
}

.home-container-6{
	position:			absolute;
	top:				591px;
	left:				0px;
	width:				349px;
	height:				116px;
}

.home-container-7{
	position:			absolute;
	top:				0;
	left:				598px;
}

.home-container-8{
	position:			absolute;
	top:				0px;
	left:				350px;
}

.home-container-9{
	position:			absolute;
	top:				489px;
	left:				668px;
}

.home-footer{
	position:			absolute;
	top:				718px;
	width:				100%;
	height:				60px;
}

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

.home-footer li{
	display:			inline;
}

/* Home Page Custom Styles */
.home-news{
	position:			relative;
	width:				247px;
	height:				181px;
}

.home-news a{
	color:#CC0000;
	}

.home-news a:visited{
	color:#ffffff;
	}

.home-news p{
	padding:			2px 25px 2px;
}

.home-about p{
	padding:			15px 25px 15px;
}

.home-news ul{
	position:			absolute;
	left:				25px;
	top: 21px;
}

.home-news li{
	display:			inline;
}

.home-news li a{
	padding:			3px 5px;
	margin:				0 1px 0 0;
}

/* product page styles */
.product-divider{
	display:				block;
	width:					851px;
	height:					26px;
}

.product-divider2{
	display:				block;
	width:					420px;
	height:					26px;
	border-left: solid #000000 1px;
}

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

.product-youtube{
	width:					851px;
}

.product-range{
	width:					851px;
}

.product-range li{
	float:					left;
}

.product-range li a{
	display:				block;
	width:					425px;
}

.product-youtube li{
	float:					left;
}

.product-range .range-right{
	padding-left:			1px;
}

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

.technology-copy{
	width:					821px;
	padding: 25px 10px 40px 20px;
	float: left;
}

.tech-cols{
	width:					243px;
	float:					left;
	padding-right: 30px;
}

.terms-cont h1{
	padding:				70px 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;
	width:					90%;
}

.returntoselector{
	border-right: solid #444444 1px;
	border-left: solid #444444 1px;
}

/* stockists styles */

.stockists-cont h1{
	padding:				70px 50px 10px;
}

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

.stockists-cont p strong{
}

.stockists-cont h2{
}

.stockists-cont h3{
	margin: 0 50px;
	font-size: 100%;
}

.stockists-cont .divider{
	display:				block;
	height:					1px;
	margin:					-5px 35px 19px;
	width:					90%;
}

.stockist_detail{
	width: 750px;
}

.stockistKey{
	float: right;
	width: 480px;
}

.stockists-cont form{
	background-image:url(../images/stockists/stockist-key.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/*contact */

.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{
	margin:					0;
	padding:				0;
	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;
	margin:					0;
}

.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;
}
/* login form */

.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;
}

/* footer */

.footer{
	padding-bottom:			20px;
}

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

.footer li{
	display:				inline;
}
#wrapper .sitemap ul{
	margin-left:			20px;
}

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