@charset "utf-8";
/* CSS Document */

/*  Contents 
	1 = html (tags)
	2 = structure
	3 = navigation  
	4 = text 
	5 = forms 
	6 = tables 
	7 = hacks
	8 = Slideshow
	
	Colours
	text grey: #666;
	red: #c00;
*/


/* 1 html */
html {
}
body {
	/*background:#efe4de no-repeat url(../images/build/background4.jpg) top right;*/
	background: #fff;
	color:#666;
	/*font-family:"Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:0 auto;
	padding:20px 0 15px 0;
	width:980px;
}
img {
	border:none;
}
hr, .dottedline {
	background:repeat-x url(../images/build/dottedline.gif) bottom;
	border:none;
	clear:left;
	height:1px;
	line-height:0;
	margin:0 0 14px 0;
	/*max-width:580px;*/
	padding:14px 0 0 0;
}


/* 2 structure */
.imageleft {
	float:left;
	margin:0 20px 5px 0;
}
.imageright{
	float:right;
	margin:0 0 5px 20px;
}
.margin {
	margin: 10px 0 0 0;	
}

.top {
	height:120px;
	margin:0;
	padding:0;
	width:980px;
}
.topleft {
	float:left;
	width:320px;
	height: 120px;
	margin: 0
}
.topright {
	/*background:no-repeat url(../images/build/creditcardsaccepted.gif) bottom right;*/
	float:right;
	font-size:80%;
	height: 68px;
	margin: 0 0 18px 0;
	text-align:right;
	width:580px;
}
.topright img, .topright p {
	vertical-align: middle;
}
.social {
	float:left;
	/*padding-top:9px;*/
	text-align:left;
	width: 580px;
	padding:0 0 30px 0;
}
.social ul {
	height:34px;
	list-style:none;
	margin:0;
	padding:0;
}
div.social ul li {
	display:inline;
	margin-left:5px;
	padding:0;
	height:34px;
}
div.social ul li a{
	cursor:pointer;
	display:inline-block;
	height:37px;
	overflow:hidden;
	width:37px;
	background-image:url(../images/buttons/social.gif);
}

div.social ul li a.facebook {background-position:0px 0px;}
div.social ul li a:hover.facebook {background-position:0px -37px;}

div.social ul li a.twitter {background-position:74px 0px;}
div.social ul li a:hover.twitter {background-position:74px -37px;}

div.social ul li a.blog {background-position:37px 0px;}
div.social ul li a:hover.blog {background-position:37px -37px;}

div.holder {
	/*background:repeat-x url(../images/build/dottedline.gif) bottom;*/
	clear:both;
	padding:20px 0 15px 0;
}
div.leftside {
	float:left;
	margin-right:20px;
	width:180px;
}
div.middle {
	float:left;
	width:780px;
}
div.rightside {
	float:right;
	width:180px;
}
div.boxcontent {
	padding:0;
	margin-bottom: 20px;
}
div.leftnav ul, div.itemnav ul, div.footer ul, div.middle ul, div.navbar ul, ul.smallthumbs{
	list-style:none;
	margin:0;
	padding:0;
}
div.itemnav {
	background:#fff;
}
div.itemnav ul li{
	background:no-repeat url(../images/build/underline.png) top right;
	font-size:90%;
	padding:13px 12px 12px 14px;
}
div.itemnav ul li img{
	float:right;
	margin:0 0 5px 8px;
}
div.middle hr {
	width:580px;
}
div.row {
	width:100%;
	padding:5px 0;
}
div.column {
	display:inline;
	float:left;
	margin:0 17px 0 0;
	width:182px;
}
.last { margin: 0 !IMPORTANT;}

div.halfcolumn {
	display:inline;
	float:left;
	margin:0 15px 0 0;
	width:380px;
	/*background: #F00;*/
}
div.nomargin {
	margin: 0 !IMPORTANT;
}
div.column a img{
	border: 1px solid #fff;
}
div.column a:hover img {
	border: 1px solid #ccc;
}
a.blue, input.blue {
	/*background:url(../images/buttons/bluebutton.png);*/
	background: #09F;
}
a.green, input.green {
	background: #0C0;
}
a.grey, input.grey, button.close {
	background: #999;
}
a.red, input.red {
	background: #C00;
}

a.red, input.red, button.red {
	/*background: #900;*/
	color: #fff;
	font-weight:normal;
}
a.button, input.button, button.close {
	background-repeat:no-repeat;
	background-position:top left;
	border:none;
	color:#FFF !important;
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	height:24px !important;
	line-height:22px;
	/*overflow:hidden;*/
	text-align:center;
	/*width:127px;*/
	vertical-align: middle;
	padding: 0 5px;
}
a.button {
	margin: 0 0 5px 0;	
}
.more {
	display: inline-block;
	float: right;
	padding: 5px;
	margin: 0 20px 0 0;
	line-height: 20px;
}
.header {
	font-size: 60%;	
}
a.button:hover, input.button:hover {
	background-position:bottom left;
}
a.trolley {
	color: #666;
	text-decoration: none;
}
div.footer {
	background-color:#000;
	clear:left;
	font-size:80%;
	margin:10px 0 0 0;
	padding:12px 0;
	width:100%;
}
div.footer ul li{
	display:inline;
	float:left;
	padding:0 20px;
}
div.footerlinks {
	margin: 10px 0;
	font-size: 90%;
	float: left;
	width: 980px;
	clear: both;
}
div.footerlinks a{
	color: #666 !IMPORTANT;
}
div.bottom {
	font-size:80%;
	padding:12px 0;
}
div.bottomleft {
	float:left;
}
div.bottomright {
	float:right;
	text-align:right;
}
div.middle ul {
	padding:5px 0 0 0;
}
div.middle ul li {
	background:no-repeat url(../images/build/bullet.gif) top left;
	line-height:180%;
	padding-left:16px;
}
ul.smallthumbs li{
	background:none !important;
	display:inline;
	float:left;
	/*margin-right:10px;*/
	padding:0 !important;
	overflow:hidden;
	width:80px;
	height:100px;
	margin: 15px 20px 0 0;
}
ul.smallthumbs li.nomargin {
	margin: 15px 0 0 0 !important;
}
div.listrow {
	width:580px;
}
div.listcontainer {
	display:inline-block;
	float:left;
	width:380px;
}
div.discountcode {
	padding: 5px;
	width: 590px;
}
div.cost {
	background: url(../images/build/pricetag.png) no-repeat;
	height: 38px;
	width: 130px;
	display:block;
	color: #FFF;
	font-weight:bold;
	line-height: 38px;
	text-indent: 20px;
}
div.cost a {
	color:#fff !IMPORTANT;
}
div.listheader {
	float: left;
	display: block;
}
div.checkout {
	width: 100%; 
}
div.checkoutleft {
	width: 360px; margin: 0 10px 0 0; float: left; padding: 10px;
}
div.checkoutright {
	width: 369px; float: left; padding: 10px; border-left: 1px solid #ccc;
}
div.checkout span.warning { 
	background: #C00;
	color: #fff;
	width: 100%;
	padding: 3px;
}
div.checkout span.warning a { 
	color: #fff;
	text-decoration:underline;
}

/*  3  navigation  */
div.search {
	float:right;
	padding-top:6px;
	vertical-align:top;
}
div.search form{
	margin:0;
	padding:0;
}
div.search form input{
	background:#fff;
	/*border:1px solid #ddd;*/
	color:#000;
	float:left;
	height:20px;
	padding:0 0 0 4px;
	width:175px;
}
div.search input.go{
	background:#000;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	height:22px;
	overflow:hidden;
	padding:0;
	text-align:center;
	width:40px;
	border: 0;
}
div.search input.go:hover{
	background:#000;
}
div.navbar {
	/*background-image:url(../images/build/70transparent.png);*/
	background: #000;
	clear:both;
	height:35px;
	padding:0;
	width: 980;
	font-size: 80%;
}
div.navbar ul{
	float:left;
	height:35px;
	width:700px;
}
div.navbar ul li{
	display:inline;
	float:left;
	height:35px;
	width:auto;
	_width: 0px;/*ie6 hack*/
}
div.navbar ul li a{
	color:#fff;
	display:block;
	font-size:120%;
	line-height:35px;
	padding:0 15px;
	text-decoration:none;
	cursor: pointer !IMPORTANT;
}
div.navbar ul li a:hover, div.navbar ul li:hover{
	color:#fff !important;
	background:#333;
	cursor: default;
	position: relative;
	visibility: visible;
	z-index: 599;
}
/*  dropdown nav */
div.navbar ul li ul {
	height:auto !important;
	left: 0;
	margin:0;
	padding:0;
	position: absolute;
	top: 35px;
	visibility: hidden;
	width: 180px;
	z-index: 598;
}
div.navbar ul li ul li {
	background:#000;
	display:block;
	height:auto;
	margin:0 !important;
	padding:0 !important;
	width: 180px;
}
div.navbar ul li ul li a {
	float:none;
	font-size:100%;
	font-weight:normal;
	height:auto !important;
	line-height:normal;
	margin:0 !important;
	padding:8px 20px !important;
	white-space:normal;
	width:140px;
}
div.navbar ul li ul li a:hover {
	/*background-color:#efefef !important;*/
}
div.navbar ul li:hover > ul {
	visibility: visible;
}
div.leftnav {
	/*background:repeat url(../images/build/70transparent.png) top;*/
	font-size: 80%;
	margin: 0 0 20px 0;
}
div.leftnav ul li{
	padding:0;
}
div.leftnav ul li:first-child, div.itemnav ul li:first-child{
	background:0 !IMPORTANT;
}
div.leftnav ul li a{
	color:#333;
	display:block;
	padding:5px 10px 5px 15px;
	text-decoration:none;
}
div.leftnav ul li a:hover, div.leftnav ul li.selected a:hover{
	background:#efefef;
}
div.leftnav ul li a.selected {
background: #efefef url(../images/build/accept.png) no-repeat right;
}
div.leftnav ul li a:hover.selected {
background: #efefef url(../images/build/delete.png) no-repeat right;
}
div.pagination {
	/*float: left;*/
	/*clear: both;*/
	/*font-weight:bold;*/
	/*width: 380px;*/
	padding: 0;
	font-size: 75%;
	margin: 5px 0;
}
div.pagination ul{
	float: left;
}
div.pagination li {
	background:none !important;
	display:inline;
	margin: 0 !important;
	padding:0 !important;
}
div.pagination li a, div.pagination li.selected{
	/*background-color:#CCC;*/
	color:#000;
	line-height:1em;
	padding:2px 6px 4px 6px !important;
	text-align:center;
	min-width:12px;
}
div.pagination li.title {
	color: #000;	
}
div.pagination li.selected, div.pagination li.selected a{
	background-color:#000 !important;
	color:#fff !important;
}
div.pagination li.selected a{
	padding:0 !important;
}
div.pagination li a:hover {
	background-color:#999;
	color:#fff;
}
div.pagination li a.selected {
	background: #000;
	color: #fff;
}
/*  4 text  */
div.leftside ol li {
	margin: 0;	
	padding: 0;
}
p.producttitle { 
	font-size: 80%;
}
.colouredtext {
	color:#95694e;
}
.bigtext {
	font-size:150%;
	color: #C00;
}
div.holder a, div.bottom a {
	color:#333;
	text-decoration:none;
}
div.holder a:hover, div.bottom a:hover{
	color:#000;
}
div.footer a {
	color:#CCC;
	text-decoration:none;
}
div.footer a:hover {
	color:#FFF;
}
div.boxcontent h1{
	/*background:repeat url(../images/build/transparent-tan.png);*/
	background: #000;
	color:#fff;
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:7px 3px 7px 15px;
}
div.middle {
	padding-bottom:10px;
}
div.middle h1{
	background:url(../images/build/dottedline.gif) repeat-x bottom;
	clear:both;
	color:#000;
	font-size:180%;
	font-weight:normal;
	margin:0;
	padding:0 0 5px 0;
}
div.middle h2 {
	/*background:no-repeat url(../images/build/sidenavunderline.png) bottom left;*/
	color: #666;
	margin:0;
	padding:5px 0;
	width: 500px;
	display: inline-block;
	float: left;
	font-weight: normal;
	margin: 0 0 10px 0;
	/*line-height: 25px;*/
}
div.middle h2 a{
	color:#39c;
}
div.middle h2 a:hover{
	color:#666;
}
div.footer ul li a{
	color:#666;
	text-decoration:none;
}
div.middle p {
	clear:left;
}
div.listcontainer h2{
	width:auto !important;
}
p.greycta {
	background: #666; color:#fff; margin: 0 0 20px 0; padding: 10px; line-height: 15px;
}
p.greycta  a {
	color: #fff !IMPORTANT;	
}
p.redcta {
	background: #C00; color:#fff; margin: 0 0 20px 0; padding: 10px; line-height: 15px;
}
p.redcta a {
	color: #fff !IMPORTANT;	
}

/*  5 forms   */
div.formrow {
	clear:left;
	margin:0;
	padding:0 0 10px 0;
}
.formstyle {
	padding:15px 0 0 0;
	max-width: 580px;
}
.nostyle {
	padding:0;
	margin:auto;
	width:auto;
}
input[type="text"],input[type="password"],input[type="email"], textarea, select, input[type="number"], input[type="email"] {
	background-color:#efefef;
	border:1px solid #bbb;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-bottom:6px;
	padding:4px 4px 4px 4px;
}
.formstyle input[type="text"], .formstyle input[type="password"],.formstyle input[type="email"],  .formstyle textarea, .formstyle input[type="email"] {
	width:390px;
}
.formstyle label {
	width:150px;
	float:left;
	display:block;
	font-weight: bold;
	padding: 7px 0 0 0;
}
.formstylereg {
	
}
.formstylereg label {
	width:150px;
	float:left;
	display:block;
	/*font-weight: bold;*/
	padding: 7px 0 0 0;
}
.formstylereg input[type="text"],.formstylereg input[type="password"],.formstylereg input[type="email"], .formstylereg textarea, .formstylereg input[type="email"] {
	width:200px;
}
.formstylersearch input[type="text"] {
	width:200px;
	color: #000;
}
/* error message */
.error {
	/*height:15px;*/
	background:#c00;
	/*font-size:11px;*/
	/*border:1px solid #f00;*/
	/*border: 1px solid #CCC;*/
	padding:4px 10px;
	color:#fff;
	display:none;	
}

.error p {
	margin:0;		
}
/*OVERLAY*/
#facebox {
	display:none;
	width:400px;
	border:10px solid #666;
}
#sizeguide {
	display:none;
	width:800px;
	border:10px solid #666;
}
#facebox div, #sizeguide div {
	padding:10px;
	border:1px solid #666;
	background:#fff;
}
#facebox div div, #sizeguide div div {
	padding:0;
	border:0;
}
#facebox h2, #sizeguide h2 {
	margin:-11px;
	margin-bottom: 10px;
	color:#fff;
	background-color:#C00;
	padding:10px;
	border:1px solid #666;
	border-bottom: 0;
	font-size:20px;
	width: 100%;
}
a.sizeguide {
cursor: pointer; border-bottom: dashed 1px #ccc; font-size: 80%;	
}
a.designerguide {
cursor: pointer;	
}
/*  6 tables   */
table {
	color:#333;
	font-size:100%;
	margin-bottom:5px;
	/*width:580px;*/
}
th {
	background: #000;
	color:#FFF;
	padding:5px 10px;
	text-align:left;
}
td {
	background: #efefef;
	font-size:90%;
	line-height:normal;
	padding:12px 20px;
	text-align:left;
}
table tr.altrow td{
	background:#ddd repeat-x url(../images/build/dottedline.gif) bottom;
}
table td.total {
	background: #000;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

/*  7 hacks   */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}


/*  8 SLIDESHOW */

#slideshow {
	height:400px;
	width:780px;
}
#slideshow, #slideshow2 {
	clear:both;
	position:relative;
	margin-bottom: 20px;
    /*height:240px;*/
}

#slideshow div, #slideshow2 div {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	/*opacity:0.0;*/
}

#slideshow div.active, #slideshow2 div.active {
    z-index:10;
    /*opacity:1.0;*/
}

#slideshow div.last-active, #slideshow2 div.last-active {
    z-index:9;
}
/*#slideshow div img {
    display: block;
    border: 0;
    margin-bottom: 10px;
}
*/
#slideshow div span.slidertext {
	display: block;
	font-size:150%;
	padding-left:20px;
	position: relative;
	left: 20px;
	top: 200px;
	color: #fff;
	z-index:1;
}
#slideshow .slidertext {
	background:repeat url(../images/build/transparent.png);
	color: #fff;
	display: block;
	font-size:120%;
	height: 100px;
	left: 0px;
	margin:0;
	padding: 30px 30px 0 30px;
	position: relative;
	top: 270px;
	z-index:1;
}
#slideshow .slidertext a{
	color: #fff;
}
#slideshow .slidertext a:hover{
	color: #ccc;
}
#slideshow p, .slidertext p{
	margin:0;
	padding:0;
}