/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */

/* @override http://knog.efront.com.au/style.css */


a:link {
	color: #ff4200;
}

a:hover{
	text-decoration: underline;
	color: #353535;
}

a:visited {
	color: #ff4200;
}

*
{
border: 0;
margin: 0;
}

body
{

	font: 12px Helvetica, Arial, sans-serif;
	color: #fff;
	background: #231f20;
	line-height: 18px;
}

#bg_top{
}

.text{
	padding-left: 30px;
	padding-top: 5px;
	padding-right: 15px;
}

#main_body H1
{
color: #000;
font-size: 28px;
padding-top: 10px;
padding-left: 30px;
font-family: Helvetica, Arial;
font-weight: normal;
}

.pred{
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding-left: 30px;
	padding-top: 15px;
	margin-bottom: 5px;
}

#main_body a
{
 color: #666;
}

#main_body a:hover{
	text-decoration: none;
	color: #353535;
}

#main_body a:visited {
	color: #3a7854;
}



#post{
	padding-left: 30px;
}

#category_heading{
	margin-left: 15px;
	font-family: "Times New Roman", serif, Georgia, Times;
	font-style: italic;
	font-size:30px;
	font-weight: 4000;
	color: #231f20;
	margin: 10px 15px;
}

#footer
{
	height: 37px;
	width: 614px;
	margin: 0 auto;
	font-size: 10px;
	color: #fff;
	padding-top: 20px;
	text-align: center;
	clear:both;

}

#footer a
{
color: #fff;
font-size: 10px;
text-decoration: none;
}
.padding
{
padding: 10px;
color:#FF0000;
font-weight: bold;
}

/* @group TEXT */



/* @end */

/* @group LINKS */



/* @end */

/* @group SIDEAREA */

#sidearea
{
width: 145px;
margin-left: 15px;
padding-top: 15px;
padding-bottom: 7px;
padding-right: 10px;
float:left;
display: inline;
}

#sidearea ul 
{
	list-style: none;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	display:block;
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
}

#sidearea ul li{
	font-size: 11px;
}






#sidearea h1 {
color: #333;
font-size: 12px;
text-transform: uppercase;
padding-top: 0px;
padding-bottom: 0px;
font-weight: bold;
font-family:Helvetica, Arial, sans-serif;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#sidearea a:link {
	text-decoration: none;
}

#sidearea a:hover {
	text-decoration: underline;
}
#sidearea a:visited {
		text-decoration: none;
}

#sidearea li a {
	color: #999;
	
}



/* @end */

/* @group CATEGORY_VIEW */

.cat_view{
	border: 1px solid #ccc;
	margin-right: 15px;
	width: 170px;
	float: left;
	margin-bottom: 15px;
	background-position: top center;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}

.cat_view:hover{
	border: 1px solid #666;
	margin-right: 15px;
	width: 170px;
	float: left;
	margin-bottom: 15px;
	background-position: top center;
	background-repeat: no-repeat;
	cursor: hand;
	cursor:pointer;
	padding-bottom: 5px;

}


.cat_product_heading{
	color: #999;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	
}

.cat_product_detail p{
	font-size: 11px;
	line-height: 14px;
	color: #999;	
}


.cat_product_price{
	color: #999;
	font-weight: bold;
	font-size: 11px;
	float: left;
}

.cat_product_price_sale{
	color: #999;
	font-weight: bold;
	font-size: 11px;
	text-decoration: line-through;
	float: left;
	margin-right: 5px;
}
.cat_product_price_actual{
	color: #000;
	font-weight: bold;
	font-size: 11px;
	float: left;
}

.product_details{
	padding: 0px 5px;
}

.cat_view_gif{
	width: 170px;
	height: 170px;
	border:none;
}

.cat_hr{
	border-bottom:1px solid #666;
	margin: 5px auto;
}

.cat_hr_top{
	border-bottom:1px solid #666;
	margin: 0px auto 5px;
}

/* @end */

/* @group PRODUCT VIEW */



.order_container{
	background: #ccc;
	padding: 10px;
	margin:0px 19px 10px 0px
}

.order_price{
	font-family: "Times New Roman", serif, Georgia, Times;
	font-style: italic;
	font-size:26px;
	font-weight: normal;
	color: #666;
	margin: 0px 0px 10px 0px;
}

.order_hero_nav{
	margin:5px 16px 10px 0px;
}

.order_hero{
	border: 1px solid #000;
	margin-right: 18px;
	width: 544px;
	height: 310px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index:1;
}


.oos_overlay{
	margin-right: 18px;
	width: 544px;
	height: 310px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index:2;
	background: #ff9900;
}

.image_options{
	width: 200px;
	float: left;
}

.swatch{
	width: 16px;
	height: 16px;
	border: 1px solid #000;
	float: left;
	margin-right: 3px;
	cursor: hand;
	cursor:pointer;
}

.image_colours{
	
	float:right
}


.product_pulldown{
	width: 150px;
	margin-right: 18px;
}

.product_text{
	width: 20px;
	margin-right: 0px;
	border: 1px solid #000;
	height: 16px;

}

.spantext{
	margin-right: 5px;

}

.select_submit{
	background: #F4E94D;
	border: 1px solid #000;
	float: right;
	cursor: hand;
	cursor:pointer;
}

.select_submit:hover{	
	background: #000;
	color: #F4E94D;
	border: 1px solid #F4E94D;
}

.spinner{
width: 545px;
height: 280px;
background: #fff url(/images/loader.gif) no-repeat center center;
	border: 1px solid #000;

}

.swatch_blank{
	width: 16px;
	height: 16px;
	border: 1px solid #000;
	float: left;
	margin-right: 3px;
	cursor: hand;
	cursor:pointer;
}



.order_arrow_left, .order_arrow_right{
	
	width: 12px;
	height: 18px;
	float: left;
	cursor: hand;
	cursor:pointer;
}

.order_arrow_left{
	margin-right: 4px;
	background:#fff url(/images/arrow_left.gif) no-repeat right center;
}

.order_arrow_right{
	background:#fff url(/images/arrow_right.gif) no-repeat right center;
}

.video{
	border: 1px solid #000;
	float: left;
	margin-right: 3px;
	cursor: hand;
	cursor:pointer;
	padding: 0px 10px;
	height: 16px;
	font-size: 11px;
}
.swatch_blank:hover, .video:hover{
	background: #999999;
	color: #000;
}

.description_container ul 
{
	font-size: 10px;
}


.description_container{
	padding: 0px 19px 0px 0px;
	font-family: "Times New Roman", serif, Georgia, Times;
}

.description_container p{
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 15px;
}

.description_main{
	width: 340px;
	float: left;
	margin-bottom: 10px;
}


.description_manual{
	float: left;
	margin-bottom: 10px;
}

.description_main p, .description_manual p{
	font-style: italic;
	font-size: 12px;
}

.description_general{
	width: 540px;
	float: left;
	margin-bottom: 10px;
	font-family: Helvetica, Arial;
}

.description_general ul li{
	font-size: 10px;
}

.description_general p{
	margin-bottom: 10px;
	line-height: 15px;
	font-family: Helvetica, Arial;
	font-size: 10px;
}

.description_specs{
	float: right;
	width: 180px;
	font-family: Helvetica, Arial;
	margin-bottom: 10px;
	

}

.description_features{
	float: left;
	width: 340px;
	font-family: Helvetica, Arial;
	margin-bottom: 10px;
	
}
.description_specs p, .description_features p{
	margin-bottom: 4px;
}



#main_body .description_main h1,#main_body .description_manual h1, #main_body .description_specs h1,#main_body .description_features h1, #main_body .description_general h1{
	font-size: 12px;
	padding: 0px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

/* @end */

/* @group CART */
#cart{
	position: absolute;
	top: 55px;
	right: 100px;
	width: 365px;
	background: #F4E94D;
	padding: 5px 5px 0px 5px;
	font-size: 10px;
	
}


#cart_area{
	position: absolute;
	top: 0;
	right: 100px;
	width: 365px;
	background: #666;
	padding: 10px;
	height: 21px;
	padding:25px 5px 0px 5px;
	color: #000;
	font-weight: bold;
}

.cart_basket{
	float: left;
	width: 120px;
	cursor: hand;
	cursor:pointer;
}

.cart_total{
	float: left;
	width: 150px;
	text-align: center;
	
}

#step2.step-container .error{
	border: 1px solid #ff1100;
}

#step5.step-container .error{
	border: 1px solid #ff1100;
}

.cart_checkout{
	float: right;
	width: 80px;
	text-align: right;
}

.cart-preview{
	margin-bottom: 0px;
	color: #000;
}

.cart-item{
	float: left;
	width: 280px;
	cursor: hand;
	cursor:pointer;
}

.cart-item a, .cart-price a{
	color: #000;
	text-decoration: none;
}

.cart-price{
	float: right;
	width: 80px;
	text-align: right;
}

/* @end */

/* @group TOP NAV */

#navigation{
	position: absolute;
	top: 0px;
	width: 161px;
	color: #000;
	cursor: hand;
	cursor:pointer;
	padding-top: 50px;
	z-index: 100;
}

#navigation ul{
		position:absolute;
		top: 0px;
		width: 151px;
		background:transparent url(/images/nav_bg.png) top left;
		list-style-type: none;
		padding: 52px 5px 5px 5px;
		font-family: helvetica, arial;
		
}



#navigation ul li.li_header{
	font-weight: bold;
	font-family: "Times New Roman", serif, Georgia, Times;
	text-transform: uppercase;
	font-size: 13px;

}


#navigation ul li a{
	color: #000;
	text-decoration: none;
	display: block;
}

ul#navul li a:hover{
	
	color: #666;
}
/* @end */

/* @group FRONT */

#content_home
{
background: #231F20;
margin: 0px auto;
padding-bottom: 10px;
color: #000;
width: 755px;
height: 400px;
color:#fff;
}

#ads{
	margin: 0 auto;
	width: 755px;
}

.front_ad{
	margin-right: 10px;
	border:none;

}

.front_ad_last{
	border:none;
}


.flash_nav{
	position: absolute;
	top: 410px;
	height: 70px;
	width: 570px;
	padding: 5px 0px;
	background: transparent url(/images/slide.png) no-repeat right top;
	cursor: hand;
	cursor:pointer;
}

/* @end */

/* @group CONTAINERS */

#main
{
margin: 0 auto;
width: 867px;
position: relative;

}

#header
{
margin: 0 auto;
height: 118px;
background: #231f20 url(/images/header.jpg) no-repeat top left;
}

#header_404
{
margin: 0 auto;
height: 118px;
background: #231f20 url(/images/404header.jpg) no-repeat top left;
}





#content
{
background: #fff;
margin: 0px auto;
padding-top: 20px;
padding-bottom: 22px;
color: #000;
width: 755px;
}


#main_body
{
width: 565px;
float: right;
margin-top: 15px;
}


#homelink{
	position: absolute;
	top: 0;
	left: 165px;
	width: 140px;
	height: 105px;
	color: #000;
	cursor: hand;
	cursor:pointer;
}



#blog{
	position: absolute;
	top: 0;
	right: 0px;
	width: 90px;
	height: 45px;
	color: #000;
	cursor: hand;
	cursor:pointer;
}
.country_select{
	
	padding:  10px 55px;
}

.steps {
	width: 93px;
	float: left;
	margin: 0px 4px 4px 4px;
	padding: 5px;
	background-color: #f1f1f2;
	color: #bcbdc0;
}

.dark {
	background-color: #d1d2d4;
	color: #000;
}

.step-title {
	font-family: "Times New Roman", serif, Georgia, Times;
	font-style: italic;
	font-size:13px;
	font-weight: 4000;
}

.step {
	font: bold 12px helvetica, arial;
}

#checkout-body {
	background-color: #d1d2d4;
	color: #000;
	margin: 4px 17px 4px 4px;
	padding: 10px;
}

#checkout-body h1 {
	font-family: "Times New Roman", serif, Georgia, Times;
	font-style: italic;
	font-size:18px;
	font-weight: 4000;
	padding: 0px;
	margin-bottom: 10px;
}

#selection-header{
	font: bold 10px helvetica, arial;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.selection-items input {
	border: 1px solid #000;
	font-size: 10px;
	width: 100%;
	text-transform: uppercase;
}

.selection-item {
	float: left;
	width: 123px;
	margin-right: 8px;
}

.selection-colour {
	float: left;
	width: 90px;
	margin-right: 8px;
}

.selection-option {
	float: left;
	width: 90px;
	margin-right: 8px;
}

.selection-qty {
	float: left;
	width: 20px;
	margin-right: 8px;
}

.selection-price {
	float: left;
	width: 50px;
	margin-right: 8px;
}

.selection-total {
	float: left;
	width: 50px;
	margin-right: 8px;
}

.selection-remove {
	float: left;
	width: 46px;
	font-size: 10px;
	text-transform: uppercase;
	height: 14px;
	background-color: #fef200;
}

.selection-remove input{
	background-color: #fef200;
	padding-left: 4px;
	padding-right: 0px;
}


.selection-items {
	margin-bottom: 4px;
}

#getKnog {
	width: 544px;
}



#discount {
	float: right;
	margin: 10px 1px;
	font: bold 10px helvetica, arial;
	text-transform: uppercase;
}

#discount input {
	border: 1px solid #000;
	font-size: 10px;
	text-transform: uppercase;
	width: 106px;
}

#total {
	float: right;
	font: bold 10px helvetica, arial;
	text-transform: uppercase;
}

#total input{
	float: left;
	width: 50px;
	margin-right: 57px;
	border: 1px solid #000;
	font-size: 10px;
}

#selection-continue {
	float: right;
	width: 106px;
	font-size: 10px;
	text-transform: uppercase;
	height: 14px;
	padding: 15px 5px;
}

.selection-continue {
	float: right;
	width: 106px;
	font-size: 10px;
	text-transform: uppercase;
	height: 14px;
	padding: 15px 5px;
}


.selection-continue input{
	background-color: #fef200;
	border: 1px solid #000;
	width: 100%;
}

.selection-back {
	float: left;
	width: 60px;
	font-size: 10px;
	text-transform: uppercase;
	height: 14px;
	padding: 15px 5px;
}

.selection-back input{
	background-color: #fef200;
	border: 1px solid #000;
	width: 100%;
}

#details {
	float: left;
	width: 270px;
	font: bold 10px helvetica, arial;
	text-transform: uppercase;
	text-align: right;
}

#payment {
	float: left;
	width: 370px;
	font: bold 10px helvetica, arial;
	text-transform: uppercase;
	text-align: right;
}

#details input {
	float: right;
	margin: 0px 10px 5px 5px;
	border: 1px solid #000;
	font-size: 10px;
	width: 165px;
}

#payment input {
	float: right;
	margin: 0px 10px 5px 5px;
	border: 1px solid #000;
	font-size: 10px;
	width: 165px;
}

#payment select {
	margin: 5px 10px 5px 2px;
	border: 1px solid #000;
	font-size: 10px;
	width: 75px;
}

#billing-address {
	float: left;
	width: 270px;
	font: bold 10px helvetica, arial;
	text-align: right;
}

#billing-address h1 {
	margin-left: 93px;
	margin-top: 20px;
	float: left;
}


#billing-address input {
	font: 11px helvetica, arial;
	float: right;
	margin: 0px 10px 5px 5px;
	border: 1px solid #000;
	width: 165px;
}

#billing-address textarea {
	font: 11px helvetica, arial;
	float: right;
	margin: 0px 10px 5px 5px;
	border: 1px solid #000;
	width: 165px;
	height: 50px;
}

#shipping-address {
	float: right;
	width: 250px;
	font: bold 10px helvetica, arial;
	text-align: right;
}

#shipping-address h1 {
	margin-left: 93px;
	margin-top: 20px;
	float: left;
}

#shipping-address input {
	float: right;
	margin: 0px 10px 5px 5px;
	border: 1px solid #000;
	font-size: 10px;
	width: 165px;
}


#shipping-address textarea {
	float: right;
	margin: 0px 10px 5px 5px;
	border: 1px solid #000;
	font-size: 10px;
	width: 165px;
	height: 50px;
}

#same-as-billing {
	padding-left: 66px;
}

input#same-checkbox{
	background-color: #fef200;
	width: 15px;
	float: left;
	margin-right: 5px;
}

input#same-text {
	background-color: #fef200;
	width: 136px;
}

#method_show {
	float: left;
	width: 400px;
	font: bold 10px helvetica, arial;
	text-transform: uppercase;
	padding-top: 10px;
}

#method_show select {
	border: 1px solid #000;
	font-size: 10px;
	width: 230px;
}

.method-field {
	font: bold 10px helvetica, arial;
	float: left;
	padding: 5px 0px;
	width: 320px;
}

.method-value {
	font: 10px helvetica, arial;
	float: right;
	padding-top: 10px;
	width: 50px;
	text-align: right;
}

.confirm-totals{
	font: bold 10px helvetica, arial;
	float: right;
	margin-right: 47px;
	padding-top: 2px;
}

.confirm-totals input{
	margin: 0px 10px 5px 5px;
	border: 1px solid #000;
	font-size: 10px;
	width: 50px;
}

#postage-step4{
	font: bold 10px helvetica, arial;
	float: right;
	margin-right: 47px;
	padding-top: 2px;
}

#postage-step4 input{
	margin: 0px 10px 5px 5px;
	border: 1px solid #000;
	font-size: 10px;
	width: 50px;

}
	
#vDescription{
	display: inline;
}

#postage-ccc{
	display: inline;
}

#confirm-order-postage{
	margin: 0px 10px 5px 5px;
	border: 1px solid #000;
	font-size: 10px;
	width: 50px;

}

.confirm-disclaimer {
	font: 9px helvetica, arial;
	float: right;
	align: right;
	margin-right: 57px;
}
.secure-message {
	font: 9px helvetica, arial;
	text-align: : center;
}

#whats_this a{
font: 9px helvetica, arial;


}
form.checkoutForm label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
.detail-left input {	border: 1px dotted black;height: 16px; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
.detail-left input.error { border: 1px solid red; }
form.checkoutForm .gray * { color: gray; }

input.error { border: 1px solid red; }

#address-error{
float: right;
width:180px;
height:20px;
background-color: #ff0000;
color: #fff;
text-align: center;
padding: 2px;

}

#card-error{
float: right;
width:180px;
height:20px;
background-color: #ff0000;
color: #fff;
text-align: center;
padding: 2px;

}

#cover{
	background: #fff;
	height: 25px;
	width: 80px;
	z-index: 99;
	position: absolute;
	top: 304px;
	left: 250px;
}


#ineedProduct, #ineedCategory{
	float: left;
	width: 120px;
	margin-right: 5px;
}

/* @end */