/*
	--------------------------------------------------
	Client: Bluelight Design
	Project: Lichfield Leather
	Author: Stuart Lees
	Company: http://www.txdlimited.co.uk
	Date: 20/08/2008
	--------------------------------------------------
*/

/* --------------------- Layout  --------------------- */

* {
	padding:0; 
	margin:0
}

a {text-decoration:underline;}
a img {outline:0;}

body {
	font:62.5%/1.2 Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#808080
}

div#wrapper {
	text-align:left;
	margin:0px auto;
	width:800px;
	background-color:#fff
}

div#header {
	height:95px;
}

div#leftColumn {
	float:left; 
	display:inline; 
	width: 150px;
	min-height:400px; 
	height:auto
}

div#rightColumn {
	float:left; 
	display:inline; 
	width: 650px;
	min-height:400px; 
	height:auto
}

* html div#leftColumn, * html div#rightColumn  {height:400px;}


div#footer {
	clear:both;
	height:40px;
	margin-top:10px;
	background-color:#01518C;
}

div#footer p {padding:0 0.5em;color:#fff; text-align:right; line-height:35px;}
div#footer #viewRange {padding-top:30px;}
div#footer #viewRange a {color:#ffffff; font-weight:normal; text-decoration:none;}
div#footer #viewRange a:hover {color:#eeeeee;}

div#copyright {
	text-align:center;
	color:#ddd;
	background-color:#808080
}

div#copyright p {
	padding:1em;
}


div#copyright ul {
	text-align:center;
	margin:0;
	padding:1em 0 0 0;
}

div#copyright ul li {
	display:inline;
	margin:0;
	padding:0;
}

div#copyright ul li a {
	font-size:1em;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
}

div#copyright ul li a:hover {
	color:#01528C;
}

div#copyright span.copyright_spacer {
	padding:0 1em;
}

/* --------------------- Main Navigation  --------------------- */

div#main_navigation {
	text-align:center;
}

div#main_navigation ul {
	text-align:center;
	margin:0;
	padding:1em 0;
	background-color:#B5B5B5
}

div#main_navigation ul li {
	display:inline;
	margin:0;
	padding:0;
}

div#main_navigation ul li a {
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	padding:0 1.5em; 
}

/* --------------------- Quick Search Bar --------------------- */

div#keyword_search {
	background-color:#ddd;
}

div#keyword_search p {
	margin:0; 
	padding:0; 
	padding-right:10px
}

div#keyword_search input {
	float:none; 
	margin:0.2em 0; 
	padding:0; 
	width:100px
}

div#keyword_search label {
	float:none; 
	margin:0; 
	padding:0; 
	margin-right:5px
}

div#keyword_search input.go {
	width:25px; 
	height:20px; 
	font-size:1em; 
	margin-left:5px
}

#keyword_search #inner {
	float:left;
	width:520px;
	display:inline
}

#welcome {padding:0.5em}
#generic {float:right; width:280px;}
#generic form {padding:0.5em}

/* --------------------- Sub-Navigation --------------------- */


#sub_navigation {
	width:140px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #fff;
	margin-top:0.5em;
	margin-left:0.5em;
}

* html #sub_navigation {width:130px;}

#sub_navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#sub_navigation li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #00538D;
	color: #fff;
	text-decoration: none;
	width: 100%;
	font-size:1.2em;
}

html>body #sub_navigation li a {
	width: auto;
}

#sub_navigation li a:hover {
	background-color: #0090C2;
	color: #fff;
}

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


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

#sub_navigation ul li ul li a {
	display: block;
	color: #fff;
	background-color: #0090C2;
	text-decoration: none;
	width: 100%;
	font-size:1.2em;

}

#sub_navigation ul li ul li ul li a {
	display: block;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	width: 75%;
	font-size:1.2em;
	padding-left:20px;
}



#sub_navigation ul li ul li ul li ul li a {
	display: block;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	width: 72%;
	font-size:1.2em;
	padding-left:35px;
}

* html #sub_navigation ul li ul li ul li a  {width:90%}
* html #sub_navigation ul li ul li ul li ul li a  {width:79%}


html>body #sub_navigation ul li ul li a, html>body #sub_navigation ul li ul li a  {
	width: auto;
}

#sub_navigation ul li ul li a:hover, #sub_navigation ul li ul li ul li a:hover {
	background-color:#eee; color:#000;
}

#sub_navigation ul li, #sub_navigation ul li ul li, #sub_navigation ul li ul li ul li {
	margin:0;
	padding:2px 0 0 0;
}


/* --------------------- Misc Classes & Id's --------------------- */

div#brand_library {
	margin:1em 0;
}

.item {
	float:left;
	width:100px;
	margin:1em;
	min-height:120px;
	height:auto;
	text-align:center;
	display:inline;
}

* html .item {height:120px}

.item2 {
	float:left;
	width:110px;
	margin:1em;
	min-height:110px;
	height:auto;
	text-align:center;
	display:inline;
}

* html .item2 {height:110px}


div#product_gallery {
	float:left;
	width:450px;
}

div#thumbs p {padding:2em}
div#thumbs img {cursor:pointer}

div#product_information {
	float:left;
	width:130px;
	margin:0 0 20px 10px;
}

div#product_information h2 {
	font-size:1.2em;
	padding:0.5em;
	font-weight:bold;
}

div#product_information p {
	font-size:1.2em;
	padding:0.5em;
}

div#main_image {margin:10px 0 10px 12px;}

#login fieldset {
	margin:0;
	padding:0;
	border:0
	
}

#login label {
	float:left;
	font-size:1em;
	width:1em;
}

#login input {
	width:100px;
	font-size:1em;
	float:left;
}

div#paging {padding:0.5em; background:#eeeeee; margin:0.5em}
div#paging p.left {float:left; margin:0; padding:0;}
div#paging p.right {float:right; margin:0; padding:0;}

div#paging p.right a, div#paging p.left a {padding:2px; font-size:1.3em}


.odd {background-color:#eee}
.clear {clear:both}
.offer {color:#FF0000; font-weight:bold;}
.imgBord {border:1px solid #ccc}
.stepbystep {color:navy; padding:1em; border-bottom:1px dashed navy}
.tblOrderGrey {background-color:#dddddd;}
.msgBlock {width:95%; border:1px solid #ddd; font-size:1.3em; font-weight:bold; color:red; padding:0.5em; background:#eee}
.contactButton {width:60px; float:left; display:inline; margin-right:5px;}
.extraMargin {margin-left:110px; }
.product_details_img {margin:0; padding:0; position:absolute; top:10px; right:15px; border:5px solid #eee}
.product_details_color_option {width:30px}
#thankyou_table th {background:#eee; color:#000}
.pageTop{font-weight:bold; font-size:1.2em;padding:0.5em; margin:0.5em;border:1px solid #eee; height:20px; line-height:20px; display:block; width:600px; background:#f5f5f5}

/* --------------------- Textual Elements --------------------- */

p {
	font-size:1.1em;
	padding:0.5em 0.5em 1em 0.5em;
	margin:5px;
}

ul {padding-left:30px;}

a {color:#808080; text-decoration:none}
a:hover{color:#01528C}
a img {outline:; border:0}

h1 {font-size:2em; padding:0.5em; font-weight:normal}
h2 {font-size:1.2em; padding:0.5em;}
h3 {font-size:1.5em; padding:0.5em;}
h4 {font-size:1.3em; padding:0.5em;}

/* --------------------- Forms --------------------- */

/* KLUDGE: IE6/7 fieldset http://www.designmeltdown.com/chapters/Forms/Part2.aspx */

fieldset {
	margin:10px;
	width:350px;
	position:relative;
	display:block;
	padding: 10px;
	background-color:#eee;
	margin-left:10px;
	border:1px solid #ccc;
}


legend {
	background-color:#eee;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:1.3em;
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	width:150px;
}

label {
	float:left;
	width:10em;
	font-weight:bold;
}

input {
	width:200px;
}

textarea {
	width:200px;
	*width:202px;
}

select {
	width:200px;
	*width:203px;
}

.SubmitButton {
	margin:10px 0 0 10em;
	*margin:10px 0 0 13em; /*ie 6+7 hack */
	width:54px;
	height:25px;
}

/* --------------------- Tables --------------------- */

table {
	border-collapse:collapse;
	margin:0.5em;
	/*border:1px solid #666666;*/
}

th, td {
	padding:1em;
	font-size:11px;
	border:none;
	vertical-align:top;
	border-left:1px solid #ddd
}

caption {
	font-size:12px;
	font-weight:bold;
	margin:1em 0;
}

thead {
	background-color:#414247;
	border-bottom:2px solid #ddd;
}

th {
	font-weight:bold;
	text-align:left;
	color:#fff;
}

tr {
	border-bottom:1px solid #666666;
}

/* --------------------- Contact Us Validation Styles --------------------- */

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

.form-row {
	clear: both;
	padding: 0.5em;
	font-size:1.1em;
}


/* --- adverts homepage --- */

div#advert_region_1{height:357px; width:140px; margin-left:5px; MARGIN-TOP:2PX }
div#advert_region_2{float:left; display:inline;  width:418px; height:242px; margin:10px 0 0 10px;}
div#advert_region_3{float:left; display:inline;  width:200px; height:242px;  margin:10px 0 0 10px;}
div#advert_region_4{float:left; display:inline;  width:309px; height:115px;  margin:10px 0 0 10px;}
div#advert_region_5{float:left; display:inline;  width:309px; height:115px; margin:10px 0 0 10px;}

.contactForm {width:390px; float:left; display:inline;}

.pagingLinks {background:#eee; border:1px solid #ddd; margin:10px; padding:0;}
.pagingLinks p {margin:0; padding:0;}
.pagingLinks .res {padding:0.5em;}
.pagingLinks a {display:block; float:left;  padding:0.3em; font-size:1.2em}