/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #000000;
	background-image:url(images/back.gif);
	color:#999999;
	font-family: Times New Roman, Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	text-align: center;
}

#skip-navigation{	
	height: 1px;
}

#wrap{
	background-image:url(images/wrap-bg.jpg);
	margin: 0 auto;
	text-align: left;
	padding-left: 10px;
	padding-right: 11px;
	width: 974px;
}
* html #wrap {  /* This is the Tan hack */
	width: 995px; 
	w\idth: 974px; 
	}

#header{
	font-size: 12px;
	text-align: left;
}


#centerc{
	background-color:#000000;
	display:inline;
	float:left;
	margin-left:273px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	width:681px;
}
* html #centerc {  /* This is the Tan hack */
	width: 701px; 
	w\idth: 681px; 
	}

#leftc{
	float:left;
	margin-left:-974px;
	width: 273px;
}

#foot{
	border-top: 1px solid #999999;
	clear: both;
	margin-top: 5px;
}

/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header_graphic{
}


#header-form {
	font-size: 26px;
	padding-bottom: 10px;
	position: absolute;
	margin-left: 565px;
	margin-top: 90px;
	width: 400px;
}

#header-form fieldset {
	border: none;
	float: right;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 15px;
}

#header-form label {
	
	font-size: 15px;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
	text-align: right;

}

#header-form input.buttons {
  	background-color: #000000;
	border: 1px solid #999999;
	color: #999999;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
  }
  

#header-form input {
  	background-color: #999999;
	color: #000000;
	font-size: 13px;
  }  

#header-form a, header-form a:visited {
	border: none;
	float:right;
}
#header-form a:hover, header-form a:active {
	border: none;
	float:right;
}


#navigation{
	float: right;
}


/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;

}
#navigation ul li {
	display: inline;
	padding: 0;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited {
	display: block;
	float: left;  
	font-size: 1em;
	font-weight: normal;   
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 0px;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	color: #FF0000;	
	text-decoration: none;
}


/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/

#menu {
	margin-bottom: 10px;
	margin-top: 10px;
	position:relative;	
	padding-left: 14px;
	padding-right: 9px;
	width: 250px;
}
* html #menu {  /* This is the Tan hack */
	width: 273px; 
	w\idth: 250px; 
	}

#leftnav1 {
	visibility: visible;
}

#leftnav2 {
	position: absolute; 
	top: 0px;
	visibility: hidden;
}

#menu ul {
	/*background-color: #434343;*/
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;	
}

#menu #leftnav2 ul {
	text-align: right;
}

#menu ul li {
	margin: 0; 
	padding: 0; 
}

#menu ul li a, #menu ul li a:visited {
	display: block;
	font-weight: normal;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 220px;
}
* html #menu ul li a {  /* This is the Tan hack */
	width: 250px; 
	w\idth: 220px; 
	}
	
#menu #leftnav2 ul li a, #menu #leftnav2 ul li a:visited {
	padding-left: 0px;
	padding-right: 15px;
}

.menu_header_left {
	background-color:#333333;
	border-top: 1px solid #000000;
	color: #CC0000;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	text-transform:uppercase;
	width: 102px;
}	
* html .menu_header_left {  /* This is the Tan hack */
	width: 112px; 
	w\idth: 102px; 
	}
.menu_header_right {
	background-color:#990000;
	border-top: 1px solid #000000;
	color: #ffffff;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform:uppercase;
	text-align: center;
	width: 116px;
}
* html .menu_header_right {  /* This is the Tan hack */
	width: 122px; 
	w\idth: 116px; 
	}

.menu_header_left a, .menu_header_left a:visited {
	color:#CC0000;
	text-decoration: none;
}
.menu_header_left a:hover, .menu_header_left a:active {
	color:#CC0000;
	text-decoration: none;
}

.menu_header_right a, .menu_header_right a:visited  {
	color: #999999;
	text-decoration: none;
}
.menu_header_right a:hover, .menu_header_right a:active {
	color: #999999;
	text-decoration: none;
}

#leftnav1 div.menu_header_left {
	
}

#leftnav2 div.menu_header_right{

}

.menu_header_selected {
	color: #ffffff;
}	



/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

/** ------------------------------------------------------ **/
/** ------------------- higlights boxes------------------- **/

/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft
{
    float: left;
}
#footerleft ul
{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    position: absolute;
	white-space: nowrap;
	
}
#footerleft ul li
{
	color: #FFFFFF;
	display: inline;
	margin: 0;	
	padding-right: 11px;	
}
#footerleft ul li a
{		
	color: #FFFFFF;
	text-decoration: none;
}
#footerleft ul li a:hover, #footerleft ul li a:active, #footerleft ul li a:focus
{	
    color: #FF0000;
	text-decoration: none;	
}
#footerright
{
    float: right;
}
#footerright ul
{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    white-space: nowrap;
}
#footerright ul li
{
	color:#999999;
	display: inline;
	margin: 0;
	padding-right: 11px;
}
#footerright ul li a
{		
	color: #FFFFFF;
	text-decoration: none;
}
#footerright ul li a:hover, #footerright ul li a:active, #footerright ul li a:focus
{	
    color: #FF0000;
	text-decoration: none;	
}

#validated {
	clear:both;
	padding-top:5px;	
}

/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

h1 {
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;	
}

h2 {
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
}

h3 {
	color:#CC0000;
	font-size: 1.2em;
	font-weight: bold;	 
	margin: 0px;
	padding: 0px;
}

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-weight: bold;
	text-align: left;	
}
a, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
}
img {
	border: 0px;
}
pre {
	font-size: 1em;
	background-color: #CCCCCC;
	padding: 10px;
}

hr {
	color:#666666;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 5px;
}

/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  border: 1px solid #FFFFFF;
  padding: 10px;
  padding-top: 10px;
  width: auto;
  }
legend {
  color: #FFFFFF;
  font-weight: bold;
  padding-bottom: 10px;
  }
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  display:block;
  float: left;
  width: 150px;
  margin-right: 10px;
  padding-bottom: 15px;
  }
input.buttonBasket {
	background-color: #000000;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
input.buttonCheckout {
	background-color: #000000;
	border: 1px solid #FF0000;
	color: #FF0000;
}

/** ------------------------------------------------------ **/
/** ------------------- standard ------------------------- **/

img.ImgFloatRight {
	border: 1px solid #333366;
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
}
img.ImgFloatLeft {
	border: 1px solid #333366;
	float: left;
	margin-bottom: 10px;
	margin-right: 15px;
}
img.ImgFloatNone {
	border: 1px solid #333366;
	margin-bottom: 10px;
	margin-right: 15px;
}

/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	margin-bottom: 10px;
	padding-top: 0px;
	
  }
/*label cell*/
div.TableReplaceRow div.TableReplacelabel {
	float: left;
	text-align: center;
	width: 170px;
	margin-right: 30px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplacedata {
	float: left;
	text-align: left;
	margin: 0px;
  } 
 div.TableReplaceRow div.TableReplacedataProduct {
	float: left;
	text-align: left;
	margin: 0px;
	width: 400px;
  } 
div.TableReplaceRow div.TableReplacedataProduct select {
	
}
  
 /*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
  } 
div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
}


/* changes */

div.TableReplaceRow {
	clear: both;
	margin-bottom: 10px;
	padding-top: 0px;	
  }
/*label cell*/
div.TableReplaceRow div.TableReplacelabel {
	float: left;
	/*text-align: center;*/
	width: 313px;
	margin-right: 9px;
  }
  
/*data cell*/
div.TableReplaceRow div.TableReplacedata {
	background-color: #000000;
	float: left;
	text-align: left;
	margin: 0px;
  } 
 div.TableReplaceRow div.TableReplacedataProduct {
 	background-color: #000000;
	float: left;
	text-align: left;
	margin: 0px;
	padding-top: 10px; 
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 339px;
  }  
 * html div.TableReplaceRow div.TableReplacedataProduct {  /* This is the Tan hack */
	width: 367px; 
	w\idth: 339px; 
	}  
	
	
div.TableReplaceRow div.TableReplacedataProduct div {
	float: left;
}	
	
	
	div.TableReplaceRowMoreImages {
	background-color: #000000;
	clear: both;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
  }	
 div.TableReplaceRowMoreImages div.TableReplaceDataMoreImages {
	background-color: #000000;
	border: 1px solid #000000;
	float: left;
	text-align: left;
	margin-right: 20px;
	width: 160px;
  } 
 * html div.TableReplaceRowMoreImages div.TableReplaceDataMoreImages {  /* This is the Tan hack */
	width: 162px; 
	w\idth: 160px; 
	}
div.TableReplaceRowMoreImages div.TableReplaceDataMoreImages img {
	display: block;
  } 
  
  
div.TableReplaceRowCatList {
	background-color: #000000;
	clear: both;
	margin: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	width: 681px;
  }	
 * html div.TableReplaceRowCatList {  /* This is the Tan hack */
	width: 681px; 
	w\idth: 681px; 
	} 

div.TableReplaceRowCatList div.TableReplaceDataCatImages {
	background-color: #000000;
	border: 1px solid #000000;
	float: left;
	margin-right: 45px;
	padding: 0px;
	padding-bottom: 10px;
	text-align: center;
	width: 160px;
  } 
 * html div.TableReplaceRowCatList div.TableReplaceDataCatImages {  /* This is the Tan hack */
	width: 162px; 
	w\idth: 160px; 
	}     

div.TableReplaceRowPictureBoard {
	background-color: #000000;
	clear: both;
	margin: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	width: 681px;
  }	
 * html div.TableReplaceRowPictureBoard {  /* This is the Tan hack */
	width: 681px; 
	w\idth: 681px; 
	} 

div.TableReplaceRowPictureBoard div.TableReplaceDataPictureBoard {
	background-color: #000000;
	border: 1px solid #000000;
	float: left;
	margin-right: 5px;
	padding: 0px;
	padding-bottom: 10px;
	text-align: center;
	width: 160px;
  } 
 * html div.TableReplaceRowPictureBoard div.TableReplaceDataPictureBoard {  /* This is the Tan hack */
	width: 162px; 
	w\idth: 160px; 
	}    







  
/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

input.InputBasket {
	background-color: #000000;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

.strikethrough {
	text-decoration:line-through;
}
.redtext {
	color: #FF0000;
}

.ResultProdName {
	font-weight: bold;
	margin-bottom: 5px;
}
.ResultProdDesc {
	margin-bottom: 5px;
}
.ResultProdPrice {
	font-weight: bold;
}
.ResultProdStock {
	color: #006600;
}
.ResultProdNotStock {
	color: #990000;
}
#divShopHomeWrap {
	background-color: #000000;
	margin-bottom: 15px;
	width: 974px;
}

#divShopHomeProductsWrap {
	background-image:url(images/home-productsbg.jpg);
	background-repeat:repeat-y;
}	

#divShopHomeProductsHeading {
	padding-bottom: 10px;
}
#divShopHomeProductsHeading h3 {
	padding: 0px;
	margin: 0px;
}

div.divShopHomeMain {
	color: #FFFFFF;
	padding-left: 0px;
	padding-top: 0px;
	width: 466px;
}
div.divShopHomeMain img{

}
	
div.divShopHomeMain h1 {
	color: #FFFFFF;
	}
div.divShopHomeMain a, div.divShopHomeMain a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div.divShopHomeMain a:hover {
	color: #FF0000;
}

/*data cell*/
.divShopHomeProductsdata {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 400px;
  }
 .divShopHomeProductsdata p {
	margin: 0px;
	padding-top: 8px;
  } 
 
 .tablesize {
 }
 .tablesize th {
 	padding: 3px;
	padding-right: 10px;
 }
 .tablesize td {
 	padding: 3px;
	padding-right: 10px;
 } 


.maptext {
	
}

#homecontent-topleft {
	float: left;
	padding-right: 10px;
	width: 466px;
}
 * html #homecontent-topleft {  /* This is the Tan hack */
	width: 476px; 
	w\idth: 466px; 
	}    

#homecontent-topright {
	float: left;
	width: 201px;
}

#homecontent-topright img {
	margin: 0px;
	margin-bottom: 8px;
	padding: 0px;
}


/* START OF LUKE DIARY SPECIFIC CSS */
.diary-padding-title {
	font-size:		12px;
	color:			#FF0000;
}

.diary-padding-text {
	padding-top:	5px;
}

.diary-padding-pic {
	padding-left:	30px;
	padding-right:	5px;
}


#stockists-form {
	border: 1px solid #999999;
	padding-bottom: 30px;
	padding-left: 10px;
	padding-top: 5px;
}

#stockists-form form fieldset {
	border: none;	
}

#stockists-form form legend {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

#stockists-form form label {
	margin: 0px;
	margin-left: 8px;
}