body {
	background-color: #FAFAFA;
	color: #404040;
	font-family:arial,helvetica,sans-serif;
	letter-spacing: 0.1em;
	line-height: 1.2;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

.clear {clear:both; height:1px; overflow:hidden}
td {vertical-align:top}

/* I like this sort of link (border-bottom, not underline) but it screws up all the images */
/*
a {
	color: #404040;
	text-decoration: none;
	border-bottom: 1px dotted #CECECE;
}
a:hover, a:focus, a:active {
	color: #F4A000 !important;
	text-decoration: none;
	border-bottom: 1px solid #F4A000;
}
*/
a {color: #404040;}
a:hover, a:focus, a:active {color: #F4A000;}

a img {border:none}

.filtermenu a, #footer a {
	color: #404040;
	text-decoration: none;
	border-bottom: 1px dotted #CECECE;
}
.filtermenu a:hover, .filtermenu a:focus, .filtermenu a:active, #footer a:hover, #footer a:focus, #footer a:active {
	color: #F4A000 !important;
	text-decoration: none;
	border-bottom: 1px solid #F4A000;
}

h1, h2, h3, h4 {
	line-height: 1;
	/*letter-spacing: 0.1em;*/
	color: #808080;
	margin:0;
	padding: 0;
}

p {
	margin-top: 0.2em;
}

table.table { width:100%; border-collapse:collapse }
table.table th, table.table td {padding:2px; margin:0}
table.table th {border-bottom: 2px solid #D8D8D8; border-left:1px solid #F0F0F0; background: url('/templates/images/white_h2_bg.png') no-repeat bottom left}
table.table th:last-child {background-position: bottom right}
table.table th:first-child {border-left: none}
table.table td {border-bottom: 1px solid #F0F0F0; border-left:1px solid #F0F0F0; }
table.table td:first-child {border-left: none}
/*th:nth-child(even){background-color: #eee; }*/

tr.basket-row td{vertical-align:middle}
tr.basket-row td.thumbnail{width:50px}
tr.basket-row td.quantity{text-align:center}
tr.basket-row td.quantity span.hoverdetail {display:none}
tr.basket-row td.quantity:hover span.hoverdetail {display:inline}
tr.basket-row td.size{text-align:center}
tr.basket-row td.price{text-align:right}

th.quantity{text-align:center}
th.size{text-align:center}
th.price{text-align:right}

tr.footer-row.first td{border-top: 2px solid #D8D8D8; padding-top:10px}
tr.footer-row td{text-align:right; padding: 4px 2px}
tr.footer-row td.quantity{text-align:center}
tr.footer-row td.total-price{font-size:125%}
tr.footer-row td.bold{font-weight:bold;}
tr.footer-row td:first-child{border-bottom:none}

#headerwrapper {
	background: url('/templates/images/smoke_header.jpg') no-repeat center center white;
	min-width: 700px;
}
#header {
	text-align:center;
	padding: 20px;
	height: 120px;
}

#topmenuwrapper {
	background: url('/templates/images/menu_bg.jpg') repeat-x bottom #FDFDFD;
	border-style: solid;
	border-color: #CECECE;
	border-width: 1px 0 1px 0;
	text-align: center;
	min-width: 700px;
}
#topmenu {
	text-align: left;
	max-width: 1100px;
	font-size:80%;
	font-weight:bold;
	padding: 4px;
	margin: 0 auto;
}

#topmenu ul {margin: 0; padding: 0}
#topmenu li {display: inline; list-style-type: none;}
#topmenu li a {color: #404040; background: url('/templates/images/menu_off.png') center right no-repeat; padding-right: 10px; margin: 0 1.5em 0 0.5em;}
#topmenu li a:hover {color: #F4A000; background-image: url('/templates/images/menu_on.png') !important; }
#topmenu li a.ladies {color: #CA3289; background-image: url('/templates/images/menu_ladies.png'); }
#topmenu li a.gents {color: #0062CC; background-image: url('/templates/images/menu_gents.png'); }

#topmenu a {	border:none; text-decoration: none;}

#contentwrapper {
	text-align: center;
	min-width: 700px;
	min-height:400px;
}

#content{
	text-align: left;
	max-width: 1100px;
	font-size:80%;
	margin: 0 auto;
	padding: 3px;
}

#content hr {
	padding: 0 0.3em;
	color: #D8D8D8;
	background-color: #D8D8D8;
}

#contentleftwrapper, #contentcentrewrapper, #contentrightwrapper{
	float:left; 
	margin:1em 1.4% 1em 0.6%;
}
#contentleftwrapper{
	width: 20%;
	margin-left: 0;
}

#contentcentrewrapper{
	width: 54%;
}

#contentrightwrapper{
	width: 22%;
	margin-right: 0;
}

.contentleft, .contentcentre, .contentright {
	padding: 7px;
	margin-bottom: 15px;
}

.contentleft, .contentright, .contentcentre {
	border: 1px solid #D8D8D8;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}

.contentleft, .contentright, #content .grey {
	background: url('/templates/images/sidebar_bg.png') top right repeat-x #F0F0F0;
	box-shadow: 0 0 10px #eee;
	-webkit-box-shadow: 0 0 10px #eee;
	-moz-box-shadow: 0 0 10px #eee;
}

#content .orange, #content .contentcentre.image{
	background: url('/templates/images/sidebar_bg.png') top right repeat-x #F4A000;
}
#content .orange h2, #content .contentcentre.image h2 {
	color:#f8f8f8;
	background: url('/templates/images/h2_bg.png') bottom right no-repeat;
	border-bottom: 1px solid #da8f00;
}

.contentcentre, #content .white{
	background-image: none;
	background-color: white;
	box-shadow: 0 0 10px #eee;
	-webkit-box-shadow: 0 0 10px #eee;
	-moz-box-shadow: 0 0 10px #eee;
}

.contentcentre:first-child {min-height: 400px}
/*.contentright:first-child {min-height: 400px}*/

#content h1 {
	color: #F4A000;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-bottom: 2px solid #D8D8D8;
	margin-bottom: 0.4em;
}
#content h2 {
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 0.3em;
}

.contentleft h2, .contentright h2, #content .grey h2 {
	background: url('/templates/images/side_h2_bg.jpg') bottom right no-repeat;
}
.contentcentre h2, #content .white h2 {
	background: url('/templates/images/white_h2_bg.png') bottom right no-repeat;
}

.filtermenu h4 {margin: 0; padding: 0;}
.filtermenu ul {margin: 0; padding: 0; margin-top: 0 !important}
.filtermenu li {list-style-type: none; padding: 0; margin: 0;}
.filtermenu li a {color: #404040; background: url('/templates/images/menu_off.png') center left no-repeat; padding-left: 10px;}
.filtermenu li a:hover {color: #F4A000; background-image: url('/templates/images/menu_on.png') !important; }
.filtermenu li a.ladies {color: #CA3289; background-image: url('/templates/images/menu_ladies.png'); }
.filtermenu li a.gents {color: #0062CC; background-image: url('/templates/images/menu_gents.png'); }

.alertbox, .messagebox {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 1em 3%;
	padding: 5px;
}
.messagebox {
	border: 4px double #D8D8D8;
	background: url('/templates/images/message_bg2.jpg') repeat-x bottom #F8F8F8;
}
.alertbox {
	border: 4px double #F4A000;
	background: url('/templates/images/alert_bg.jpg') repeat-x bottom #FCECC0;
}
.alertbox h2, .alertbox h3, .alertbox h4 {
	color: #F4A000;
}

#footerwrapper {
	clear:left; 
	background: url('/templates/images/footer_bg.jpg') repeat-x top #FDFDFD;
	border-style: solid;
	border-color: #CECECE;
	border-width: 1px 0 1px 0;	
	text-align: center;
}
#footer {
	/*background: url('/templates/images/footer_bg.jpg') no-repeat bottom right transparent;*/
	text-align: left;
	max-width: 1100px;
	font-size:80%;
	font-weight:bold;
	padding: 4px;
	margin: 0 auto;
	min-height: 50px;
	color: #808080;
}

#footer h3{
	letter-spacing: 0.1em;
	color: #F4A000;
}
#footer .seperator {
	color: #CECECE;
}
#footer .links{
}
#footer a {
	color: #808080;
}

#footer .overandout{
	color: #a0a0a0;
	font-weight:normal;
}

.contentright .gallery-cell-wide {min-height:80px; margin: 2px 0; border: 1px solid #FAFAFA}
.contentright .gallery-cell-wide .gallery-thumb {float:left; width:80px; height:80px; margin-right:5px}
.contentright .gallery-cell-wide h4 {font-size:small; font-weight:bold;  color:gray; margin:0}
.contentright .gallery-cell-wide p  {font-size:small; font-weight:normal; color:gray; margin:0}
.contentright .gallery-cell-wide:hover {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-color: #d8d8d8; 
	background: white url('/templates/images/white_h2_bg.png') bottom right no-repeat;
}


ul.search-results {list-style-type:none}
.gallery-cell-search {border:0 solid silver; width:150px; height:150px; float:left; position:relative}
.gallery-cell-search .details {
	display:none; position: absolute; top:-15px; left: -6px; width: 150px;
	text-align:center;
	padding: 5px;
	padding-top: 115px;
	border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
	border: 1px solid #D8D8D8;
	background-color: white;
}
.gallery-cell-search .aura {
	display:none; position: absolute; top:-29px; left: -20px; width: 150px; height: 120px;
	text-align:center;
	padding: 20px;
	border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px;
	background-color: #F4A000; opacity:0.1;	filter:alpha(opacity=10);
}
.gallery-cell-search .aura2 {
	display:none; position: absolute; top:-21px; left: -12px; width: 150px; height: 120px;
	text-align:center;
	padding: 12px;
	border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px;
	background-color: #F4A000; opacity:0.1;	filter:alpha(opacity=10);
}
.gallery-cell-search h4 {}
.gallery-cell-search p {color:gray}
.gallery-cell-search .image {position: absolute; top:0; left: 0; width:150px; height:100px; text-align:center}

/*.gallery-cell-search:hover .image {position: absolute; text-align:center}*/
/*.gallery-cell-search:hover .image img {width:150px; height:113px;}*/
.gallery-cell-search:hover .aura {display:block}
.gallery-cell-search:hover .aura2 {display:block}
.gallery-cell-search:hover .details {display:block}

.gallery-cell-search:hover {z-index: 99}
.gallery-cell-search:hover .details {z-index: 100}
.gallery-cell-search:hover .image{z-index: 101}




h1#product-title, h1#search-title{ text-transform: lowercase; }
h3#product-subtitle, h3#search-subtitle{ font-weight:normal;	letter-spacing: 0.15em; margin-bottom:1em}

#product-gallery {margin-bottom:2em}
#product-gallery img{ border: 1px solid #f8f8f8}
#product-gallery img:hover{ border: 1px solid #d8d8d8}
#product-gallery a {border: none;}

#product-buy {min-height: 50px; width: 330px; padding: 0 5px; margin: 0 auto; margin-bottom: 2em; background-color: #EBA705; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
	background: url('/templates/images/sidebar_bg.png') top right repeat-x #F4A000;
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, rgba(255,224,208,0.3)), color-stop(0.7, rgba(255,255,255,0)), color-stop(0.8, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.1)));
	background-image: -moz-linear-gradient(250deg, rgba(255,224,208,0.3) 0%, rgba(255,255,255,0) 70%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.1) 100%); 
	color:white;
}
#product-buy div.price {
	padding:3px; margin: 0; margin-bottom:5px;
	line-height:100%; font-weight:bold; font-size:42px; text-align:right; text-shadow: #D89000 0 0 10px;
	background: url('/images/basket30_shadow.png') bottom left no-repeat; 
	border-bottom: 3px solid white; 
	background: url('/templates/images/h2_bg.png') bottom right no-repeat;
}
#product-buy span.pounds { font-size:32px;}
#product-buy input, #product-buy input {color: #444}
#product-buy div.cell {font-size:100%; float:left; width:110px; min-height:50px}
#product-buy div.cell.quantity{width:90px;}
#product-buy h5 {margin: 0;}
#product-buy select {font-size:14pt; width:100px; border-color:#d8d8d8}
#product-buy div.cell.quantity select {width:80px;}
#product-buy div.cell.addtocart{width:130px;}
#product-buy input[type=submit] {cursor:pointer; width:128px; border:none; font-size:large; padding: 2px 3px; background-color: #d8d8d8; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
#product-buy input[type=submit]:hover {background-color: white;}
#product-buy #product_sizeinfo {color:white; padding-bottom: 10px;}
#product-buy table.sizeinfo {border-collapse: seperate; font-weight:bold; border-spacing:0}
#product-buy table.sizeinfo tr td {margin: 0; padding: 0; min-width:100px}
#product-buy table.sizeinfo tr td:first-child {text-align:right; font-weight:normal; padding-right:5px}
#product-buy table.sizeinfo tr:hover {background-color: rgba(255,255,255,0.1);}

#product-leftpane {float:left; width:33%; padding-right:6%; overflow:hidden}
#product-rightpane {float:left; width:60%; overflow:hidden}

#product-colours { margin-bottom: 2em }
#product-colours .paintchip {
	float:left; padding:10px; overflow:hidden; height:30px; width: 30px;
	border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
	background-color: gray; 
	background-image: -webkit-gradient(linear, 40% top, 60% bottom, color-stop(0, rgba(255,255,255,0.15)), color-stop(0.4, rgba(255,255,255,0)), color-stop(0.6, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image: -moz-linear-gradient(250deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.15) 100%); 
	text-indent: -999px;
}

ul.taglist {list-style-type:none; margin:0; margin-left: 2em; padding:0;  }
ul.taglist li {padding:2px; margin-bottom: 3px; font-size:20px;}
ul.taglist a {text-decoration:none}

.contentleft ul.taglist li {font-size:normal}
.contentleft ul {padding-left:1em; margin:0.5em; margin-bottom: 1em}
.contentleft h4 {margin-bottom: 0}

#product-tags  { margin-bottom: 2em }
#product-tags  ul.taglist { margin-left: 0 }
#product-tags ul.taglist li {border: 1px solid #fafafa; font-size:18px; vertical-align:middle;}
#product-tags ul.taglist li:hover {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-color: #d8d8d8; 
	background: white url('/templates/images/white_h2_bg.png') bottom right no-repeat;
}

form.contact label {color:grey; display:block}
form.contact div.field:hover input {border-color:#F4A000;}
form.contact div.field:hover textarea {border-color:#F4A000;}
form.contact div.field:hover select {border-color:#F4A000;}
form.contact div.field:hover label {color:#F4A000;}
form.contact input {padding:2px; border:1px solid silver; width:290px; font-family:sans-serif; display:block; font-size:120%}
form.contact input:hover {border-color:#F4A000;}
form.contact input:focus {border-color:#F4A000;}
form.contact select {padding:2px; border:1px solid silver; width:290px; font-family:sans-serif; display:block; font-size:120%}
form.contact select:hover {border-color:#F4A000;}
form.contact select:focus {border-color:#F4A000;}
form.contact textarea {border:1px solid silver; width:290px; height:150px; font-family:sans-serif; font-size:120%}
form.contact textarea:hover {border-color:#F4A000;}
form.contact textarea:focus {border-color:#F4A000;}
form.contact input[type=submit]{width: 100px; font-weight:bold; color:grey; cursor:pointer}
form.contact input[type=submit]:hover{color:#444; background-color:#F4A000;}

dl.faqlist dt {font-size: medium; font-weight:bold; margin-top:1em; cursor:pointer}
dl.faqlist dt:hover {color:#F4A000}
dl.faqlist dd {font-size: small; cursor:pointer}