/* Layout */
body{
	margin:0;
	padding:0;
	width:100%;
}

form{
	margin:0;
}

#wrapper{
	width:100%;
	min-height:300px;
}

#container{
	width:944px;
	margin:auto;
}

#head{
	position:relative;
	height:85px;
}

/* Style */
body,input,select,textarea,table{
	font:9pt Arial, Helvetica, sans-serif;
}
body{
	background:#215b0a url('../images/layout/page_bg_gradient.jpg') repeat-x left top;
}

ul.nav{
	margin:0;
	padding:0;
	list-style:none;
}

a{
	color:#043085;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}

.flash-message{
	text-align:center;
	color:#cc0000;
	font-weight:bold;
}



#wrapper{
	background:url('../images/layout/page_bg_grass.jpg') repeat-x center top;
}

#container{}

#head{
	background:url('../images/layout/middle_top.gif') no-repeat center bottom;
}
#container > #head{
	background:url('../images/layout/middle_top_blend.png') no-repeat 170px bottom;
}

#foot{
	position:relative;
	clear:both;
	height:100px;
	background:url('../images/layout/middle_bottom.gif') no-repeat center top;
	font-size:8pt;
	color:white;
}
#container > #foot{
	background:url('../images/layout/middle_bottom_blend.png') no-repeat 170px top;
}
#foot p{
	margin:0;
	padding:15px 0 0 180px;
}
#foot ul.nav{
	position:absolute;
	top:0;
	right:180px;
	padding-top:15px;
}
#foot ul.nav li{
	float:right;
	margin-left:10px;
}
#foot ul.nav li a{
	color:white;
}

#head h1{
	position:absolute;
	top:0;
	left:-12px;
	padding:0;
	margin:0;
	width:354px;
	height:74px;
	background:url('../images/layout/head_logo.gif') no-repeat left top;
}
#head h1 span{
	display:none;
}
#head h1 a{
	display:block;
	height:100%;
}

#quick-links{
	position:absolute;
	top:2px;
	right:10px;
	width:64px;
}
#quick-links ul li{
	float:left;
	margin-left:4px;
}
#quick-links ul li a{
	display:block;
	width:16px;
	height:16px;
	background-position:center;
	background-repeat:no-repeat;
}
#quick-links ul li a span{
	display:none;
}
#quick-links .sitemap a{
	background-image:url('../images/layout/quick_sitemap.gif');
}
#quick-links .home a{
	background-image:url('../images/layout/quick_home.gif');
}
#quick-links .contact a{
	background-image:url('../images/layout/quick_contact.gif');
}

#quick-search{
	position:absolute;
	top:22px;
	right:0;
	width:370px;
	height:64px;
	background:url('../images/layout/quick_search_bg.gif') no-repeat left top;
}
#quick-search form{
	margin:0;
	padding:0;
	overflow:auto;
}
#quick-search p{
	margin:7px 0;
	padding:0 0 0 10px;
	line-height:22px;
}
#quick-search p *{
	vertical-align:middle;
	font-size:8pt;
}
#quick-search p label{
	color:white;
}
#quick-search p input.text{
	width:200px;
}
#quick-search p input.button{
	width:40px;
}
#quick-search p.foot{
	display:block;
	position:absolute;
	top:32px;
	right:50px;
	width:100px;
	margin:0;
	padding:0;
}
#quick-search p.foot a{
	font-weight:bold;
	color:#888;
	text-decoration:none;
	vertical-align:top;
}

.box{
	position:relative;
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	padding-top:10px;
	background:url('../images/layout/round_box_top.gif') no-repeat left top;
}
.box .bottom{
	height:12px;
	line-height:0;
	font-size:0;
	background:url('../images/layout/round_box_bottom.gif') no-repeat left top;
}
.box .middle{
	background-color:white;
	padding:0 5px;
}
.box h1{
	position:relative;
	display:block;
	top:-3px;
	height:33px;
	line-height:33px;
	margin:0;
	padding:0 10px;
	font-size:9pt;
	color:white;
	background-repeat:no-repeat;
	background-position:left top;
}
.box .content{
	position:relative;
	top:5px;
	font-size:8pt;
	background:#ddd url('../images/layout/round_box_content_top.gif') no-repeat left top;
}
.box .content .bottom{
	height:6px;
	line-height:0;
	font-size:0;
	background: url('../images/layout/round_box_content_bottom.gif') no-repeat left top;
}
.box .content .middle{
	padding:5px;
	background:none;
}
.box ul.nav li{
	display:block;
}
.box ul.nav a{
	display:block;
	width:100%;
	height:20px;
	line-height:18px;
	color:white;
	text-decoration:none;
}
.box ul.nav a:hover{
	color:black;
}

#main{
	width:100%;
	overflow:auto;
	background:url('../images/layout/middle_bg_white.gif') repeat-y center top;	
}
#container > #main{
	background:url('../images/layout/alpha_bg.png') repeat-y 159px top;
}

#nav{
	position:relative;
	float:left;
	width:172px;
}
#nav > .bg{
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:100%;
	background:url('../images/layout/alpha_right.png') repeat-y right top;
}
#nav .box .middle{
	padding:0 0 0 5px;
}
#nav .box .content .middle{
	padding:5px 0 0 5px;
}

#right{
	position:relative;
	float:right;
	width:172px;
}

#right > .bg{
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:100%;
	background:url('../images/layout/alpha_left.png') repeat-y left top;
}

#right .box,
#right .box .bottom,
#right .box h1,
#right .box .content{
	background-position:right top;
}
#right .box .middle{
	padding:0 5px 0 0;
}
#right .box .content{
	padding-left:10px;
}
#right .box .content .middle{
	padding:5px 0 0 0;
}

#right .rpm a{
	display:block;
	position:relative;
	top:-20px;
	height:20px;
	background:url('../images/layout/rpm_tag_landscape.gif') no-repeat top center;
}
#right .rpm a span{
	display:none;
}


.box.browse h1{
	background-image:url('../images/layout/round_titles/purple.jpg');
}
.box.browse .content{
	background-color:#a713a6;
}
.box.browse ul.nav li{
	background:url('../images/layout/round_box_seperator_purple.gif') repeat-x bottom;
}
.box.browse ul.nav li a{
}

.box.info h1{
	background-image:url('../images/layout/round_titles/orange.jpg');
}
.box.info .content{
	background-color:#f17b00;
}
.box.info ul.nav li{
	background:url('../images/layout/round_box_seperator_orange.gif') repeat-x bottom;
}

.box.basket h1{
	background-image:url('../images/layout/round_titles/red.jpg');
}
.box.basket h1 span{
	padding-left:25px;
	background:url('../images/layout/basket.gif') no-repeat left center;
}
.box.basket .content{
	background-color:#bf0101;
	color:white;
}
.box.basket .content p{
	margin:0;
}
.box.basket .content a{
	color:white;
}

.box.login h1{
	background-image:url('../images/layout/round_titles/blue.jpg');
}
.box.login .content{
	background-color:#043085;
	color:white;
}
.box.login .content p{
	margin:0;
}
.box.login .content p.foot{
	padding:2px 0;
}
.box.login .content label{
	display:block;
}
.box.login .content input{
	font-size:8pt;
}
.box.login .content a{
	color:white;
}

.box.bestsellers h1{
	background-image:url('../images/layout/round_titles/green.jpg');
}
.box.bestsellers .content{
	background-color:#457009;
	color:white;
}
.box.bestsellers .content p{
	margin: 0 0 5px 0;
}
.box.bestsellers .content a{
	display:block;
	padding-left:8px;
	padding-right:2px;
	color:white;
	text-decoration:none;
	background:url('../images/layout/white_arrow.gif') no-repeat left 3px;
}
.box.bestsellers .content a:hover{
	text-decoration:underline;
}

.box.bestsellers .payment-methods{
	text-align:center;
	margin-top:10px;
}



#content{
	width:580px;
	margin:auto;
	/*
	margin:0 172px;
	padding:0 10px;
	*/
}
#content h1{
	position:relative;
	height:33px;
	line-height:33px;
	margin:0 10px 1em 0;
	background:url('../images/layout/round_titles/turquoise_long.jpg') no-repeat left top;
	font-size:12pt;
	color:white;
}
#content h1 span{
	position:relative;
	left:10px;
	display:block;
	height:33px;
	line-height:33px;
	background:url('../images/layout/round_titles/turquoise_long.jpg') no-repeat right top;
}
#content h1 a{
	color:white;
	text-decoration:underline;
}
#content h2{
	margin:0;
	font-size:11pt;
	color:#274F95;
}
#content h2.breadcrumb{
	margin:0 0 1em 0;
	font-size:9pt;
}

#content .special-offers{
	width:100%;
	overflow:auto;
	margin-bottom:10px;
	padding-top:5px;
}
#content .special-offers .offer{
	position:relative;
	float:left;
	width:49.5%;
	height:150px;
	margin-bottom:10px;
	background:url('../images/layout/cones.jpg') no-repeat left bottom;
}
#content .special-offers .offer.odd{
	margin-right:.5%;
}
#content .special-offers .offer.even{
	margin-left:.5%;
}
#content .special-offers .offer h1{
	top:-5px;
	background:url('../images/layout/round_titles/black_long.jpg') no-repeat left top;
}
#main > #content .special-offers .offer h1{
	background:url('../images/layout/round_titles/black_long.png') no-repeat left top;
}
#content .special-offers .offer h1 span{
	background:url('../images/layout/round_titles/black_long.jpg') no-repeat right top;
}
#main > #content .special-offers .offer h1 span{
	background:url('../images/layout/round_titles/black_long.png') no-repeat right top;
}
#content .special-offers .offer h1 a{
	display:block;
	height:144px;
	text-decoration:none;
}
#content .special-offers .offer .bottom{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:6px;
	line-height:0;
	font-size:0;
}
#content .special-offers .offer .bottom .left{
	position:absolute;
	left:0;
	top:0;
	width:6px;
	height:6px;
	background:url('../images/layout/corner_white_bottom_left.gif') no-repeat left bottom;
}
#content .special-offers .offer .bottom .right{
	position:absolute;
	right:0;
	top:0;
	width:6px;
	height:6px;
	background:url('../images/layout/corner_white_bottom_right.gif') no-repeat right bottom;
}

.sub-categories{
	width:100%;
	overflow:auto;
}
.sub-categories .sub-category{
	float:left;
	width:125px;
	height:180px;
	margin-right:10px;
}
.sub-categories .sub-category .thumbnail a{
	display:block;
	width:125px;
	height:125px;
	background:no-repeat center;
	border:1px solid #ddd;
}
.sub-categories .sub-category h3{
	margin:0;
	font-size:9pt;
	text-align:center;
}

.product-list{
	overflow:auto;
}
.product-list .product{
	float:left;
	width:150px;
	height:250px;
	margin:20px;
}
.product-list .product *{
	font-size:9pt;
}
.product-list .product .thumbnail a{
	display:block;
	width:150px;
	height:150px;
	margin:auto;
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #ddd;
}
.product-list .product h4{
	margin:0;
}
.product-list .product h4 a{
	color:#043085;
}
.product-list .product .price{
	font-weight:bold;
	color:#990000;
}
.product-list .product .price.was{
	font-size:0.8em;
	color:#000000;
}

.product-list.new-products .product{
	position:relative;
	width:275px;
	height:100px;
	margin:5px;
}
.product-list.new-products .product .thumbnail{
	float:left;
	width:60px;
	height:55px;
}
.product-list.new-products .product .thumbnail a{
	border:none;
	width:50px;
	height:50px;
}
.product-list.new-products .product h4 a{
	color:black;
}
.product-list.new-products .product .short-desc{
	font-size:8pt;
	color:#666;
}


.product-list.new-products .product .price{
	position:absolute;
	bottom:0;
	right:0;
	
	height:33px;
	line-height:33px;
	margin:0 10px 1em 0;
	background:url('../images/layout/round_titles/turquoise_long.jpg') no-repeat left top;
	font-size:12pt;
	color:white;
	
	/* IE 6 */
	width:80px;
	text-align:center;
}
.product-list.new-products .product > .price{
	width:auto;
}
.product-list.new-products .product .price span{
	position:relative;
	left:10px;
	display:block;
	height:33px;
	line-height:33px;
	padding-right:10px;
	background:url('../images/layout/round_titles/turquoise_long.jpg') no-repeat right top;
}
.product-list.new-products .product .price a,.product-list.new-products .product .price a:hover{
	color:white;
	text-decoration:none;
}


.product .core{
	overflow:auto;
	width:100%;
}
.product .head{
	height:60px;
}
.product .head h2{
	margin:0;
}

.product .images{
	float:left;
	margin:0 5px 5px 0;
}

.product .images .main{
	width:200px;
	height:200px;
	margin-bottom:5px;
	text-align:center;
	overflow:hidden;
	border:1px solid #ccc;
}

.product .images .thumbs{
	/*text-align:center;*/
}
.product .images .thumbs .thumb{
	float:left;
	width:32px;
	margin-right:2px;
	border:1px solid #336699;
	text-align:center;
}

.product .details{
	margin-left:210px;
}
.product .description *{
	font-size:9pt !IMPORTANT;
}
/*
.product .description h1{
	background:none !IMPORTANT;
	color:#009900 !IMPORTANT;
	margin:auto !IMPORTANT;
	line-height:normal !IMPORTANT;
}
*/
.product .description h3{
	color:#009900 !IMPORTANT;
}
.product .details p{
	overflow:auto;
}
.product .details .price{
	font-weight:bold;
	color:#990000;
}
.product .details .price.was{
	font-size:0.8em;
	color:#000;
}
.product .delivery-promotion{
	text-align:center;
	font-weight:bold;
	color:#900;
	font-size:1.2em;
}
.product form p{
	margin:0;
	padding:2px 0;
}
.product form p label{
	float:left;
	width:100px;
	margin:0 5px 0 0;
	line-height:1.5em;
	font-weight:bold;
}
.product form p.foot{
	padding-top:10px;
}
.product form p.foot input{
	font-size:12pt;
}
.product .variants p{
	overflow:auto;
}

#cart table.contents{
	width:100%;
	border-collapse:collapse;
}
#cart table.contents thead th{
	background-color:#55A3A5;
	color:white;
	padding:5px;
	font-size:0.8em;
}
#cart table.contents tbody td{
	border-bottom:1px solid #999;
	background-color:#eee;
	padding:10px 5px;
}
#cart table.contents tbody td a.name{
	font-weight:bold;
}
#cart table.contents tbody td a.remove{
	font-size:8pt;
}
#cart table.contents tfoot td{
	padding:5px;
}

#cart table.summary{
	width:100%;
}
#cart table.summary th{
	width:85%;
	text-align:right;
	padding:5px;
}
#cart table.summary td{
	text-align:right;
	padding:5px;
	font-weight:bold;
}
#cart table.summary tr.delivery-option td{
	font-weight:normal;
	padding:0;
}

.warning{
	color:#cc0000;
}
#cart .warning{
	border:1px solid #cc0000;
	background-color:#FFFFCC;
	margin-top:4px;
	padding:2px;
}
#cart .voucher-form *{
	font-size:8pt;
}
#cart .voucher-text{
	color:#dd0000;
	font-weight:bold;
}



form.data-entry h2{
	margin:0 !IMPORTANT;
	border:1px solid #ddd;
}
form.data-entry h3{
	margin:0 !IMPORTANT;
	padding:0.2em;
	background-color:#eee;
	border:1px solid #ddd;
	border-width: 1px 1px 0 1px;
}
form.data-entry p{
	margin:0 !IMPORTANT;
	padding:5px;
	border:1px solid #ddd;
	border-width: 1px 1px 0 1px;
}
form.data-entry p.foot{
	border-width: 1px 0 0 0;
	padding-left:155px;
}
form.data-entry p.foot input{
	padding:0 20px;
}
form.data-entry p label{
	display:block;
	float:left;
	width:150px;
	font-weight:bold;
	color:#666;
}
form.data-entry p label.sub{
	display:inline;
	float:none;
	width:auto;
}
form p.dummy{
	display:none;
}
form p input.text{
	width:200px;
}
form p input.text.long{
	width:300px;
}
form p input.text.short{
	width:50px;
}

form.data-entry p select{
	width:200px;
}
form.data-entry p select.boolean{
	width:auto;
}
form.data-entry p .date-select select{
	width:auto;
}
form.data-entry p textarea{
	width:400px;
	height:100px;
}
form.data-entry p textarea.wysiwyg{
	width:80%;
	height:auto;
}
form.data-entry p .date select{
	width:auto;
}

table.data-list{
	width:100%;
}
table.data-list thead td{
	background-color:#ddd;
}


.password-reset form p{
	text-align:center;
}

.stock-status .status{
	font-weight:bold;
}
#cart .stock-status{
	font-size:8pt;
}
.stock-status .instock{
	color:#009900;
}
.stock-status .outofstock{
	color:#bb0000;
}
.stock-status .stockdue{
	color:#ff6600;
}

#order-confirmation .section{
	padding:5px;
	margin:2px;
	border:1px solid #999;
}
#order-confirmation td.section{
	width:50%;vertical-align:top;
}