@charset "UTF-8";

/* =================
Overiding Styles 
================= */

body {
	margin: 0px;
	padding: 0px;
	font:0.70em Arial, Helvetica, Sans-Serif;
	width: 100%;
	background: #385284;}
	
form, input, div, p {
	padding: 0;
	margin: 0;}
	
h1,h2,h3 {
	font-size:1.3em;
	padding: 0;
	margin:0;}
	
.red {color:#FF0000;}
	
h1 {
	background: #FFF url(../images/bg_h1.png);
	font-size:1.6em;
	height:28px;
	text-indent:8px;
	color:#FFF;
	line-height:28px;
	margin-bottom:12px;}
	
h1#wide {
	background:#FFF url(../images/bg_h1_2col.png);}
	


	
h3, strong {font-size:1.1em;
	color:#000;
	padding-bottom:6px;
	}
	
strong { 
	font-size:1em;
	color:#385284;}
	
input, select, textarea{
	font:1em Arial, Helvetica, Sans-Serif;}

	
img {
	border: 0;}
	
ul {
	list-style:none;
	padding:0px;
	margin:0px;}
	
	
a, a:focus, a:visited {
	text-decoration: none;
	color:#00A970;}
	
a:hover {
	color:#385284;
	text-decoration:underline;}
	
p {
	color:#385284;
	margin:0px;
	padding:0px;
	padding-bottom:12px;
	line-height:1.2em;}
	
	
.floatfix:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden}
.floatfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .floatfix {height:1%}
.floatfix {display:block}
/* End hide from IE-mac */


.clearfix:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */




/* =================
Generic Styles 
================= */

p.intro {
	font-size:1.2em;
	color:#000;}

p.intro strong {
	font-size:1.1em;
	color:#385284;}

div#breadcrumb{
	padding-bottom:6px;
	color:#666;}

a#skip {
	display:none;}
	
div.pagenav {
	padding:5px;
	background: #f6f5f3;
	color:#666;
	border: 1px solid #b2b2b2;}
/*	
div.pagenav a{
	display:block;
	float:left;
	margin-right:5px;}
	*/
.left {
	float:left;}
	
.right {
	float:right;}
	
.setheight {
	position:relative;
	width:890px;
	height:400px;
	min-height:400px;}
	
div#progbar {
	position:absolute;
	top:80px;
	text-align:center;
	width:890px;
	}

div[class].setheight{
	height:auto;}

.column-one .page-no-area {
	margin-top: 15px;
	padding: 4px 5px 0px 5px;
	height: 15px;
	width: 585px;
	background: #f6f5f3;
	border: 1px solid #b2b2b2;
	font-size: 1.1em;
	font-weight: bold;
	color: #6e6e6e;
}
.column-one a {
	color: #6e6e6e;
}
.column-one a:hover {
	text-decoration: underline;
}
.column-one .page-no-area .left{
	float: left;
}
.column-one .page-no-area .right{
	float: right;
}
	


/* =================
Container Styles 
================= */
	
div#headerLinks, #header, #content, #footer{
	width:100%;}
	
div.inner {
	position:relative;
	width:800px;
	margin-left:100px;}
	
div#headerLinks {
	background: #233e71 url(../images/top-strip.gif) repeat-x;
	height: 37px;
	
	border-bottom: 1px solid #393939;}

div#headerLinks .inner {
	padding-top:12px;}
	
div#headerLinks a, div#headerLinks a:focus, div#headerLinks a:visited, div#headerLinks span, div#footer a, div#footer a:focus, div#footer a:visited, div#footer span{
	font-size:1em;
	display:block;
	float:left;
	color:#5cc0e4;
	line-height:12px;}
	
	
div#headerLinks a:hover, div#footer a:hover{
	text-decoration:underline;
	color:#FFF;}
	
div#headerLinks a.basket{
	padding-left:18px;
	background: url(../images/basket-icon.gif) left top no-repeat;}
	
div#headerLinks span, div#footer span{
	padding: 0 5px;}
	
div#header {
	background: #e2e2e2 url(../images/bg_header.png) repeat-x;
	}	
	
div#header .inner{
	height: 117px;
	background:#FFF url(../images/bg_logo.png) left top no-repeat;}
	
div#header #homeLink{
	width:195px;
	height:90px;
	position:absolute;
	left:0px;
	top:10px;
	}
	
div#header #login-tab {
	position:absolute;
	right:0;
	top:93px;
	padding: 0px 0px 0px 26px;
	line-height:24px;
	color: #fff;
	font-size: 1em;
	width: 98px;
	height: 24px;
	display:block;
	background: url(../images/login-tab.gif);
	color: #fff;}
		
div#header #login-tab a, div#header #login-tab span{
	display:block;
	float:left;}
	
div#header #login-tab span{
	margin:0 4px;}
	
div#header #login-tab a, div#header #login-tab a:focus, div#header #login-tab a:visited,div#header #login-tab a:hover{
		color: #fff;}
		
div#header #login-tab a:hover {
		text-decoration: underline;}
		
		
div#banner {
	height:168px;
	background: url(../images/bg_banner.png) left top repeat-x;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;}

div#content {
	background:#FFF;
	padding-bottom:30px;
	padding-top:10px;}
	
div#footer {
	background: #385284 url(../images/bg_footer.png) left top repeat-x;
	height: 80px;
	border-top: 1px solid #fff;
	padding-top:20px;
	font-size:1.1em;
	color:#FFF;}
	
div#footer p{
	padding-bottom:5px;
	color:#fff;}
	
/* =================
Column Styles 
================= */

#colL, #colM, #colM2, #colR {
	position:relative;
	float:left;
	width:189px;
	margin-right:16px;}
	
#colFW{
	width:800px;}
	
#colM {
	width:390px;}
	
#colM2 {
	margin:0px;
	width:595px;}
	
	
#colR {
	margin:0px;}
	
/* =================
Tile and Pod Styles 
================= */


div.pod {
	margin-bottom:7px;}
	
div.pod h2, div#nav h2, div.feature-pod h2{
	display:block;
	text-indent:11px;
	height: 30px;
	line-height:30px;
	background: url(../images/right-top.gif) left top no-repeat;
	font-size: 1.3em;
	color: #00a970;}
	
div.feature-pod{
	width:595px;
	background: url(../images/feature_pod_repeat.png) left top repeat-y;
	cursor:pointer;
	}
	
div.feature-pod h2{
	background:url(../images/feature_pod_top.png) left top no-repeat;}
	
div.feature-pod .colL,div.feature-pod .colR{
	float:left;
	width:185px;
	margin:5px;
	margin-bottom:0px;}
	
div.feature-pod-base{
	height: 10px;
	background: url(../images/feature_pod_base.png) left top no-repeat;
	border:none;
	margin-bottom:15px;}
	
div.feature-pod .colR{
	width:395px;
	margin-left:0px;
	/*
	background:#FF0000;
	*/}
	
div.feature-pod p {
	padding-bottom:5px;}

div#nav h2 {
	background: url(../images/bg_nav_head.png) left top no-repeat;
	color:#FFF;
	height:29px;}

div.pod{
	background:#FFF;}
	
div.pod div{
	padding:0 6px;
	padding-bottom:6px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;}
	
div.pod div div {
	padding:0px;
	border:0px;
	margin:0px;}
	
div.pod p {
	padding-bottom:0px;
	padding-top:6px;
	font-size: 1em;
	color:#385284;}
	
div.pod img {
	padding-bottom:0px;}
	
div#slides{
	position:relative;
	height:156px;
	display:block;
	overflow:hidden;
	margin-bottom:10px;
	padding-top:6px;}
	
div.pod p a {
	color:#000;}
	
div.pod .bottom{
	height: 10px;
	background: url(../images/right-bottom.gif) left top no-repeat;
	border:none;}
	
div.tile {

	padding:8px;
	padding-bottom:8px;
	margin-bottom:10px;}
	
div.tile.grey{
	background:#f4f2f0;
	border-bottom: 4px solid #e4e3e2;}
	
div.tile .colL, div.tile .colR{
	width: 475px;
	margin-right:5px;
	float:left;}
	
div.tile .colR{
	margin:0px;
	width:302px;}
	
div.tile h2{
	font-size:1.2em;
	color: #00a970;
	margin-bottom:8px;}

/* =================
Nav Styles 
================= */	
div#nav{
	margin-bottom:10px;}
	
div#nav div {
	border:1px solid #999;
	border-top:none;
	border-bottom:none;}
	
div#nav ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	

div#nav a, div#nav a:focus, div#nav a:visited {
	width:187px;
	display: block;
	height: 30px;
	line-height:30px;
	text-indent:11px;
	background: #9E9E9E url(../images/bg_navbtn.png) right top no-repeat;
	font-size: 1.3em;
	color: #FFF;
	border-top:1px solid #CCC;
	border-bottom:1px solid #000;}
	
div#nav a:hover, div#nav a.selected {
	background: #575757;
	text-decoration:none;}
	
div#nav .bottom {
	border:none;
	background: url(../images/nav-bottom.gif) left top no-repeat;
	height: 19px;}	

div#nav .basket {
	border:none;
	height:70px;
	margin: 0px;
	padding: 0px;
	padding-top:10px;
	width: 189px;
	background: url(../images/bg_nav_basket.png) no-repeat;
	color: #233f73;
	font-size:1em;
	cursor:pointer;}
	
div#nav .basket p{
	padding-bottom:5px;
	text-align:center;
	font-size:1.1em;}
	
div#nav .basket p span {
	display:block;
	height:16px;
	padding-left:20px;
	line-height:16px;
	font-size:1.2em;
	font-weight:bold;
	
	background:url(../images/icon_basket_large.png) 20px top no-repeat;}

/* =================
Product Listing Styles 
================= */

div.product {
	position:relative;
	margin: 10px 0px;
	padding-bottom:10px;
}

div.product p{
	padding-bottom:6px;}
	
div.product h2 {
	color: #ed1b24;
	height:20px;
	background:url(../images/dotline.png) left bottom repeat-x;
	margin-bottom:6px;}
	
div.product .colL,
div.product .colR{

	float:left;
	margin-right:15px;
	width:176px;
	
	}
div.product .colL img{
		border:4px solid #f0eeeb;
		margin-bottom:5px;
	}

div.product .colR{
	border:none;
	margin:0px;
	width:389px;
	padding:0;
}
	/*
#colM2 div.product div{
	border:none;
	margin:0px;
	width:389px;
}
*/	
div.product p.moreLink{
	text-align:right;}
	

	
div.product a:hover{
	text-decoration:underline;}
	
div.product div.price, div.product div.pricefw {
background:url(../images/infobox_base.png) left top no-repeat;
	
	width:389px;
	height:27px;
	line-height:27px;
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	padding-top:10px;
	}
	
div.product div.price a,div.product div.pricefw a  {
	display:block;
	margin-left:10px;}
	
div.product div.pricefw{
	background:url(../images/infobox_base_fw.png) left top no-repeat;}

div.product div.price img,div.product div.pricefw img {
	margin:0;
	border:none;}	

/* =================
Product Listing Home Styles 
================= */

div.producthome {
	position:relative;
	float:left;
	width:292px;
	margin-right:11px;
	padding-bottom:10px;
	/*
	background:#e1e1e1;
	*/}
	
div.producthome.end{
	margin-right:0px;}

div.producthome p{
	padding-bottom:6px;}
	
div.producthome h2 {
	color: #ed1b24;
	height:20px;
	background:url(../images/dotline.png) left bottom repeat-x;
	margin-bottom:6px;}
	
div.producthome img{
	border:4px solid #f0eeeb;
	float:right;
	margin-left:5px;}


#colM div.producthome div{
	border:none;
	margin:0px;
	/*
	width:240px;
	*/
	padding:0;}
	
#colM2 div.producthome div{
	border:none;
	margin:0px;
	/*
	width:389px;
	*/
}
	
div.producthome p.moreLink{
	text-align:right;}
	

	
div.producthome a:hover{
	text-decoration:underline;}
	
div.producthome div.price, div.producthome div.pricefw {
background:url(../images/infobox_base.png) left top no-repeat;
	
	width:389px;
	height:27px;
	line-height:27px;
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	padding-top:10px;
	}
	
div.producthome div.price a,div.producthome div.pricefw a  {
	display:block;
	margin-left:10px;}
	
div.producthome div.pricefw{
	background:url(../images/infobox_base_fw.png) left top no-repeat;}

div.producthome div.price img,div.producthome div.pricefw img {
	margin:0;
	border:none;}
	
/* =================
Tabbed Info Box Styles 
================= */	


	
div.infobox {
	float:left;
	background: #FFF  url(../images/bg_infobox.png) left top no-repeat;}
	
div.infoboxfw {
	background:#FFF url(../images/bg_infobox_fw.png) left top no-repeat;}
	
div.infobox ul, #colM2 div.infobox div{
	width: 170px;
	padding:1px;
	padding-right:0px;
	float:left;}
	
#colM2 div.infobox div, #colM2 div.infoboxfw div{
	width:200px;
	padding:8px;}
	
.infoboxfw a{
	text-decoration:underline;
}
	
 #colM2 div.infoboxfw div{
 	width: 371px;
	padding:0 8px;}
	
div.infobox li{
	height:20px;
	color:#FFF;}
	
div.infobox li.head, div.infobox li a, div.infoboxfw p.head {
	text-indent:6px;
	height:20px;
	line-height:20px;}
	
div.infoboxfw p.head{
	margin:0;
	padding:0;
	padding-bottom:6px;}
	

	
div.infoboxfw  a.showMore{
	font-weight:bold;
	background:url(../images/more_arrow_down.png) no-repeat right 4px;
	padding-right:10px;
	height:10px;
	width:120px;
	text-decoration:none;}
	
div.infoboxfw  a.showMore.active{
background:url(../images/more_arrow_up.png) no-repeat right 4px;}
	
div.infobox li.head, div.infoboxfw p.head{
	color:#FFF;}
	
div.infobox li a {
	display:block;}
	
div.infobox li a.active{
	color:#000;
	background: url(../images/bg_infobox_btn.png) left top repeat-x;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;}
	
div.activeContent {
	display:block;}
	
	

	
.panel {
	display:none;}
	
.panel.activeContent {
	display: block;}
	
div.infoboxfw div.moreinfo {
	padding-top:6px;}

.price span{
	font-size:1.2em;
	font-weight:bold;
	}
	

	
/* =================
Form Styles 
================= */	

form, fieldset, legend{
	padding:0px;
	margin:0px;
	border:none;}
	
fieldset {
	padding-bottom:5px;
	margin-bottom:12px;
	border-bottom:1px solid #CCC;}
	
fieldset#loginform{
	border:none;}
	
legend {
	font-weight:bold;
	padding-bottom:10px;}

form p {
	padding-bottom:7px;}
	
	
fieldset#balconies{
	display:none;}
	
fieldset#balconies.show{
	display:block;}
	
input.text, input.textlogin, select, textarea, input.check, input.radio, input.qty{
	font:0.9em Arial, Helvetica, Sans-Serif;
	color:#000;
	width:200px;
	height:18px;
	float:left;
	display:block;
	background:#FFF;
	border: 1px solid #CCC;
	margin-right:4px;}
	
select.date{
	width:70px;}
	
div.product select, div.product input.text, div.product label {
	width:180px;
	float:left;
	margin:0;
	}

div.product label {
	font-size:0.9em;}
	
div.product select.size {
	margin:0;
	}

input.text.twodigit{
	width:40px;}
	
textarea {
	height:150px;}
	
textarea#delivery_notes{
	width:300px;
	height:100px;}
	
input.check, input.radio{
	width:auto;
	height:auto;}
	

#searchform {
	width: 170px;
	height:22px;
	position:absolute;
	left:630px;
	top:6px;}
	
	
#searchform input.text, input.textlogin{
	width:136px;
	margin:2px 0;
	margin-right:5px;}
	
input.textlogin, #basket input.text{
	width:138px;
	background:#f4f2f0;}

form span, label {
	font-size:1em;
	float:left;
	display:block;
	line-height:18px;}
	
form span.divider{
	width:16px;
	text-align:center;}
		
label {
	 color:#000;
	width:150px;
	padding:0;
	margin:0;
	text-align:right;
	padding-right:5px;}

	
 label.login{
	text-align:left;}

form p.submit, form p.checkbox {
	margin-left:155px;}
	
form p.radiobtn input{
	background:none;
	border:none;}
	
form p.checkbox label, form p.radiobtn label{
	width:260px;
	text-align:left;
	}
	
form p.radiobtn label{
	line-height:12px;
	float:left;}
		
em {
	font-size:1.2em;
	font-weight:bold;
	color: #00a970;}

	
div.pod p.msg,p.msg,span.msg,div.pod span.msg{
	font-weight:bold;
	color: #ed1b24;}
	
span.msg, p.msg {
	display:none;}
	
p.error{
	color:#FF0000;}
	
span.msg.error, p.msg.error{
	display:block;}
	
form h3{
	font-size:1em;
	margin-bottom:4px;
}
	
	
/* =================
Shopping Cart Styles 
================= */
#basket {
	width:800px;
}
	
div.row, div.colHead {
	float: left;
	position:relative;
	margin-bottom:10px;}
	
div.colHead {
	padding-bottom:5px;
	background:url(../images/dotline.png) left bottom repeat-x;
	float:left;}
	
div.row.total, div.row.delivery,div.row.totalwide, div.row.deliverywide{
	padding-left:435px;
	width:140px;}
	
	
div.row.totalwide, div.row.deliverywide{
	float:left;
	padding-left:640px;}
	
	
div.row.submit{
	width:595px;
	padding-top:12px;
	margin-top:10px;
	border-top:1px solid #B2B2B2;}
	
div.row.submitwide{
	width:800px;
	padding-top:12px;
	margin-top:10px;}
	
div.column {
	color: #385284;
	float:left;
	width:70px;
	line-height:18px;}
	
div.colHead div.column, div.tile .row.total .column, .row.totalwide .column, div.tile .row.delivery .column, div.tile .row.deliverywide .column  {
	color:#000;
	font-weight:bold;}
	
div.tile .row.delivery .column, div.tile .row.deliverywide .column {
	font-weight:normal;}
	
#basket div.column.item, #checkout div.column.item {
	width:295px;}
	
#checkout div.column.item, div.column.item {
	width:365px;}
	
div.column.itemwide {
	width:570px;}

#basket div.column.itemwide {
	width:500px;}
		
div.addressbox {
	width:250px;
	display:inline;
	float:left;}
	
div.column input.qty {
	width:50px;
	background:#f4f2f0;}
	
span.titleCol, span.detailCol{
	display:block;
	float:left;
	line-height:1.2em;
	width:160px;
	font-weight:bold;}
	
span.detailCol{
	font-weight:normal;}
	
/*=======================
Alert box styles
=======================*/	

div#alertbox {
	position:absolute;
	text-align:left;
	top:400px;
	left: 310px;
	background:#F2F2F2;
	border:1px solid #D2D2D2;
	z-index:1;
	height:320px;
	padding-top:6px;}
	
div#alertbox div#inner{
	position:relative;
	width:360px;
	height:240px;
	padding:4px;
	padding:15px;
	overflow:auto;
	overflow-x:hidden;}
	
	/*
{ position:relative; width:445px; height:250px; background:#7E3B77; padding:0 5px 0 5px; margin:0px; border:0px; overflow:auto; overflow-x:hidden;}
	*/
	
	div#alertbox a#close{
	position:absolute;
	top:10px;
	right:10px;
	width:10px;
	height:10px;
	background:url(../images/close_popup.gif) left top no-repeat;
	display:block;
	cursor:pointer;}

div#alertbox p{
	padding-bottom:5px;}
	
div#alertbox h3{
	color:#00A970;}
	
table {
	
	margin-bottom:10px;}
	
div#alertbox table{
	background:#F2F2F2;
	position:absolute;
	left:0px;
	bottom:0px;}
tr {
	height:25px;
	}
tr.head{
	background:#5cc0e4;}
	
td {
/*
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	*/
	padding:4px;
	height:25px;}

td strong{
	color:#FFF;
	font-weight:bold;
	font-size:1.3em;}
	
table.sku, table.sku table{
	background:none;}
table.sku tr, table.sku td{
	border:none;
	height:auto;
	padding:2px;
	background:none}
	
table.sku td.top{
	height:12px;
	background: url(../images/infobox_base_fw.png) left top no-repeat;}

#cntenttop{
	font-family:Arial, Helvetica, sans-serif;}
	
a.butncmn,a.butncmn:hover, a.butncmn:active, a.butncmn:focus{
	color:#FFF;
	font-weight:normal;
	font-size:1em;}
a.butncmn:hover, a.butncmn:active, a.butncmn:focus{
	color:#e1e1e1;}
	
a.butncmn.topic {
	background:#FF0000;}
	
ul.tech{
	background:#e1e1e1;
}
ul.tech li{
	padding:1px 2px;
	font-size:10px;
}
.colL,.colR{
	float:left;
	width:340px;
	
}
.colR{
	float:right;
	width:250px;
	
}
a.zoom{
	padding-left:20px;
	line-height:16px;
	
	display:block;
	background:url(../images/zoom.png) left top no-repeat;
}
.checkout_btns form{
	float:right;
	margin-right:20px;
}
#convert p{
	margin-bottom:5px;
}