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

/*************************
Universal tag declarations
**************************/
* {margin: 0; padding: 0; border: none;}
body {background: #000; font: 70% Arial, Helvetica, sans-serif; color: #fff;}
h1 {font: 4.2em bold Georgia, "Times New Roman", Times, serif; color: #FFa927; margin: 20px 20px 0; line-height: 1.15em;}
h2 {font: 1.5em bold Georgia, "Times New Roman", Times, serif; color: #FFa927; margin: 10px 20px 0;}
h3 {font: 1.2em bold Arial, Helvetica, sans-serif; color: #fff; margin: 10px 0; font-weight: bold;}
h4 {font: 1.2em bold Arial, Helvetica, sans-serif; color: #FFa927; margin: 0 0 10px;}
p {line-height: 1.4em; margin-bottom: 1.8em;}
a {color: #fff; text-decoration: underline;}
a:hover {color: #ffa927;}
form {}
ol {list-style-position: inside; }
ol li {margin-bottom: 1.1em; line-height: 1.6em;}

/*************************
Divs
*************************/
/***************** Splash page *****************/
#wrapper_splash {margin: 50px auto; position: relative; width: 450px;}
#wrapper_splash img {margin-top: 10px;}
#strap h1 a {text-decoration: none; font-family: Arial, Helvetica, sans-serif;}


#wrapper {width: 980px; margin: 50px auto; position: relative;}
#header {clear: both; margin-bottom: 20px;}
#header dt {color: #fff;}
.logo {float: left;}
.proverb, .contentAbove {position: absolute; left: 250px; width: 470px;}

/**************************
Left hand column
**************************/
#col_left {width: 225px; position: absolute; top: 275px; left: 0; /*padding: 0 20px 0 0;*/}
ul.sectionList, ul.customerLinks, ul.newsLinks {list-style-image: url(../images/arrow_right.gif); list-style-position: outside;}
ul.sectionList li, ul.customerLinks li, ul.newsLinks li {}
ul.sectionList li a, ul.customerLinks li a, ul.newsLinks li a {text-decoration: none; color: #fff;}
ul.sectionList li a:hover, ul.customerLinks li a:hover, ul.newsLinks li a:hover {color: #ffa927;}
.menuBox {margin: 0 0 1em 0;}
.menuBoxTitle {color: #ffa927; margin: 0 0 0.5em 0;}

/*************************
Right hand column
*************************/
#col_right {width: 250px; position: absolute; right: 0; top: 275px;}
.newProductsBox {}
.newProductsBoxTitle {text-transform: uppercase;}
.newProductsBoxContent {background-image: url(../images/flip-over.jpg); width: 211px; height: 168px; padding: 45px 25px 0; background-repeat: no-repeat;}
#contactBox {margin-top: 50px; width: 200px;}
#contactBox img {float: right;}
#contactBox p {font-size: 1.2em; padding-top: 10px;}

/************************
Footer
************************/
#footer {clear: both; margin: 50px 250px 10px 230px; text-align: center;}
#footerLinksDiv {clear: both; }
ul#footerLinks {}
ul#footerLinks li {display: inline; padding: 3px 4px; list-style: none;}
ul#footerLinks li a {color: #fff; text-decoration: none;}

/************************
Centre content
************************/
#mainHome {position: relative; width: 470px; margin: 0 0 0 230px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 270px 8px 0; min-height: 500px;}
#main {position: relative; width: 470px; margin: 0 0 0 230px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 270px 8px 0; min-height: 500px;}
#main:after {content: ""; display: block; height: 0; clear: both; }
#main_collections {position: relative; width: 470px; margin: 0 0 0 230px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 246px 8px 0; min-height: 650px;}
.thumbArrayContainerDiv {float: left; margin: 2px;}
.thumbArrayMoreInfo {width: 40px; height: 15px; background-color: #FFCC00; color: #000; padding: 2px; text-decoration: none; background-image: url(../images/details_bg.gif); background-repeat: repeat-x; font-size: 0.8em; position: relative; top: -100px; left: 5px;}
.thumbArrayLinksDiv {}
.tlPrice {color: #FFa927; margin: 5px 0;}
a.thumbArrayMoreInfo:hover {text-decoration: none; color: #000;}
.addToBasket {border: 1px solid #ffa927; margin: 4px 0 8px; font-size: 0.9em; cursor:hand; color: #fff;}
.addToBasket:hover {color: #ffa927;}
.tlThumbsArray {margin: 0px;}
#sectionDescription {position: absolute; top: 40px;}
.tlProductOptionsDiv {}
.tlProductTableDiv {}
.tlLinksDiv {}
.tlProductFieldsDiv {margin-top: 10px;}
a.middle-links {font-weight: bold; color: #FFa927;}
.hr {background-color: #fff; height: 1px; margin: 15px 0; width: 100%;}
/*.addToWishList {margin: 0;}
.addToWishList a {border: 1px solid #ffa927; margin: 0 0 0 10px; font-size: 1em; background-color: #525457; padding: 1px 2px; text-decoration: underline; color: #fff; cursor: pointer;}
.addToWishList a:hover {color: #ffa927;}*/
.jssSecProductDiv {position: relative;}

/***********************
General classes
***********************/
.clr {clear: both;}
.button {border: 1px solid #ffa927; margin: 2px 0; font-size: 0.9em; color: #fff;}
.button:hover {color: #ffa927;}
.pageHeading {font-size: 1.2em; font-weight: bold; margin-bottom: 1.5em; }

/**********************
Account main page
**********************/
.columnWrapper {margin-left: auto; margin-right: auto; text-align: left; width: 420px;}
.leftColumn {float: left; width: 200px; text-align: left;}
.rightColumn {float: right; width: 200px; text-align: left;}
ul.customerAccount {list-style-image: url(../images/arrow_right.gif); list-style-position: inside;}
.leftColumn h2, .rightColumn h2 {margin-left: 0;}

/**********************
Search
**********************/
input#searchsubmit.button {width: 82px; height: 82px; margin: 0; padding: 0; border: 0; background: transparent url(../images/search.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */}

/********************
Forms
********************/
input {background-color: #525457; border: 1px solid #797979; }
input:active, input:focus {background-color: #999;}
.tlFormDiv {}
table.tlFormTable td {padding: 2px;}
table.tlformTable th {font-size: 0.8em;}
input.tlFormSubmit {border: 1px solid #ffa927; margin: 2px 0; color: #fff; font-size: 0.9em;}
checkbox {padding-left: 10px;}
.tlQuantity {margin: 5px 0; display: none;}

/*******************
Tables
*******************/
table.size-table {width: 50%; margin-left: 10px;}
table.size-table td {width: 30%; padding: 2px;}
table.size-table th {text-align: left;}

table.blues {width: 60%; margin-left: 10px;}
table.blues td {width: 50%; padding: 2px;}

.stock_table {margin: 20px 0;}
table.stock_table_table {width: 100%;}
table.stock_table_table th {padding: 3px 10px; text-align: left;}



/*********************
Shopping cart
*********************/
.tlCartTable {width: 100%;}
.tlCartTable th {border-bottom: 1px solid #ffa927;}
.totalsTable {width: 100%; border-top: 1px solid #ffa927; text-align: right;}
.tlCartLinks {border: 1px solid #ffa927; margin: 8px 5px; background-color: #525457; padding: 1px 2px; text-decoration: none; color: #000; font-size: 1em; font-weight: normal;}
.tlCartLinks:hover {color: #fff;} 
th.total {padding: 3px 0;}
.jssCartDiv {width: 100%;}

/*********************
Checkout
*********************/
.tlPageSubHeading {margin: 0.6em 0 0.2em; font-weight: bold;}
.tlGeneralTableDiv {width: 100%;}
.tlGeneralTable {width: 100%;}
.tlFormTable {width: 100%;}
.tlFormTable th {text-align: left;}

/*********************
LightBox image effect script - appearance
*********************/
#lightbox{position: absolute; left: 0;width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{left: 0;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}		
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}