/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	background:url(../skin5/bg2.jpg) top left repeat-x;
	width:100%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:hover {
	text-decoration: none;
	color: #000066;
}


/* ------ General Elememts ------ */

body {
	margin:0;
	font-size: 62.5%;
	text-align: center;
	font-family: "Helvetica Neue", arial, helvetica, sans-serif;

	width: 945px;
	margin-left: auto;
	margin-right: auto;
}

#container {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 945px;
	text-align: left;
	height: auto;
	position: relative;
	background-color:#FFFFFF;
}

#topheader {
margin-left:auto; 
margin-right:auto;
width:100%; 
height:155px; 
background-image:url(../skin5/bg2.jpg); 
background-repeat:repeat-x;
}



#header {
	position: relative;
	width: 945px;
	height: 146px;
	font-size: 1.2em;
	color: #fff;
	background-image: url(../images/topbar.jpg);
	background-repeat: no-repeat;
	z-index: 1;
}

#headertoplinks {
	position: absolute;
	margin-left:auto;
	margin-right:0;
	width:945px;
	text-align:right;
	left: 0px;
	font-size:7.5pt;
	top: 5px;
}
#headertoplinks LI {
display:inline;

padding-left:5px;
}

#headertopmenu {
position: absolute;padding-left:100px; top:90px; left:0px;width:450px; height:51px; overflow:hidden;
}

#headertopcustomerservices {
	overflow:hidden;
	position: absolute;
	margin-left:auto;
	margin-right:0;
	width:370px;
	text-align:right;
	right: 0px;
	font-size:7.5pt;
	top: 120px;
	font-size:8pt;
	color: #000000;
	overflow:hidden;
}
#header span a:link,#header span a:visited {color:#000000; text-decoration:none;}
#header span a:hover {color:#000343; text-decoration:underline;}

#headersearch {
	overflow:hidden;
	position: absolute;
	margin-left:auto;
	margin-right:0;
	width:200px;
	text-align:right;
	right: 0px;
	top: 40px;
	color: #000000;
	border:0;
	line-height:12pt;
}

#searchheader {
position:absolute;
overflow:hidden;
	left:700PX;
	width:100px;

	
	text-align:left;
	top: 117px;
	border:0;
	height:24px;
	
}

#rssheader {
	overflow:hidden;
	margin-left:auto;
	position:relative;
	width:25px;
	text-align:right;
	top: -120px;
	border:0;
	height:25px;
	padding-right:25px;
	margin-right: 0px;
}
#rssheader2 {
	position:relative;
	width:30px;
	top: -80px;
	height:30px;
	overflow:hidden;
	z-index:99;
	left: 900px;
}

#right_content {
	font-size: 1.2em;
	background-color:#FFFFFF;
	padding-bottom: 15px;
	margin-bottom: 50px;
	display: block;
	padding: 0px 5px 0px 5px;

}
#rightcontent H5 {display:inline;}
#rightcontent H4 {display:inline;}
#rightcontent H3 {display:inline; margin-left:15px;}
#rightcontent P {margin:0; padding:0;}
#rightcontent a:link, #rightcontent a:visited  {
text-decoration: none;
color: #000066;
}
#rightcontent a:hover {
text-decoration: none;
color: #ff0000;
}


#finishes {
	float:left;
	padding-left:10px;
	margin-bottom: 50px;
}


#blackbox {float:right;
	width:30%;
	border: 3px solid #000343;
	text-align: center;
}
#blackbox H3 {margin:0; padding:0; display:inline;}


#extrabox {
	margin-left:auto;
	margin-right:auto;
	width:939px;
	border: 1px solid #cccccc;
	min-height: 120px;
	padding: 10px 10px 10px 10px;
	background-image: url(../images/blacktop.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	float: left;
}
#extrabox img {border:0;}

#extrabox H3 {
display:inline; font-size:11pt; text-decoration:none;
}

#extrabox H3 a:link,#extrabox H3 a:visited,#extrabox H3 a:hover  {
text-decoration:none;
}


#left_content {
float: left;
background-color:#FFFFFF;
margin-bottom: 15px;
display: inline;
vertical-align:top;
	font-size: 1.2em;
	line-height: 1.75em;
	width:170px;
	padding-right: 10px;
}




html body #right_content p {
margin-bottom: 1.4em;
line-height: 1.6em;
}



html body #small_right_content p {
line-height: 1;
margin-bottom: 0;
}

strong {
font-weight: bold;
}

/* ------ Links ------ */

#header h2 a:link, #header h2 a:visited {
display: block;
width: 435px;
height: 135px;
}

#header a:link, #header a:visited {
color: #fff;
}



/* ------ Images ------ */

#right_content img.left_floated_image {
float: left;
margin:  0 0.5em 0.5em 0.5em;
}

#right_content img.right_floated_image {
float: right;
margin:  0 0.5em 0.5em 0.5em;
}


#left_content a {text-decoration:none;}


#left_content a:link, #left_content a:visited {
text-decoration: none;
color: #0000FF;
}
#left_content a:hover, #left_content P a:hover, #left_content UL a:hover, #left_content LI a:hover,  #left_content LU LI  a:hover   {
text-decoration: none;
color: #008800;
}

#left_content ul {
margin: 0 15px 10px 0;
padding:0;
list-style-type: none;
background:#ffffff;
}

#left_content ul li {margin:0; padding:0; width:100%;
line-height:20px;
background-image:url(../images/bluebl.gif);
background-position:left bottom;
background-repeat:repeat-x;
font-size:9pt;
padding-left:10px;
}
#left_content ul li A:link {
text-decoration:none;
}
#left_content ul li A:visited {
text-decoration:none;
}
#left_content ul li A:hover {
text-decoration:none;
color:#008800;
}

#left_content ul.no_bullets {
list-style-type: none;
margin: 0 0 10px 0;
}

#left_content ul.no_bullets li {
margin-left: 16px;
}
#left_content  H4 A {margin-left:5px;}



#left_content h4 {
font-size: 1.1em;
font-weight: bold;
margin: 10px 15px 5px 0px;
}

#right_content h4 {
font-weight: bold;
font-size: 1.1em;
margin: 0.8em 15px 0.5em 0px;
padding:0;
}

#right_content p {
margin: 0 1em;
}

#sign_up_newsletter2 {
	line-height: 1.4em;
	color:#FFFFFF;
	margin: 0;
	width:170px;
	height:116px;
	overflow:hidden;
	background-image: url(../skin4/signupbox.gif);
	background-repeat: no-repeat;
	padding-left:10px;
}
#sign_up_newsletter2 input {
width: 100px;
margin-top:80px;
font-size: 8pt;
}

#sign_up_newsletter2 input.input_image {
width: 30px;
}

#sign_up_newsletter {
	line-height: 1.4em;
	color:#FFFFFF;
	margin: 0;
	width:170px;
	height:110px;
	overflow:hidden;
	background-image: url(../skin4/newsletterbox.jpg);
	background-repeat: no-repeat;
}

#sign_up_newsletter p {
padding:0;
	margin-top:2px;
	margin-left:10px;
	margin-right:10px;
	padding-bottom: 3em;
	font-size: 9pt;
}

#sign_up_newsletter h5 {
padding:0;
	padding-top: 10px;
	font-weight: bold;
	font-size:10pt;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 1px;
}

#sign_up_newsletter input {
width: 90px;
margin-top:3px;
font-size: 8pt;
margin-bottom: 20px;
padding-right:5px;
float: left;
}

#sign_up_newsletter input.input_image {
width: 30px;
float: right;
position:relative;
top:-2px;
}

#sign_up_newsletter input.hiddeninput {
width: 0;
height: 0;
line-height:0;
display:none;
}

.srchtxt {
	border:0;
	margin:0;
	padding:0;
	font-size:8pt;
	background-color:#FFFFFF;
	display: inline;

}


.large {
font-size: 1.2em;
}




#footer {
	background-color:#FFFFFF;
	border-top:#aaaaaa 1px solid;
	font-size: 7.5pt;
	padding-bottom: 10px;
	padding-top:5px;
	color: #666666;
	text-align:right;
	margin-top: 20px;
	height: 30px;
	width:100%;
}

#footer UL {display:inline;}


#footer UL LI UL {margin:0; padding:0;}





#footer ul li {
display:inline;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}

#footer ul li ul, #footer ul li ul li,#footer ul li ul {
font-weight: normal;
}

#footer ul li ul {
margin-top: 8px;
line-height: 1.3em;
}

#footer H4 {font-size:9pt;}


#footer ul   a:link, #footer ul a:visited {
text-decoration:none;
color: #666666;
}
#footer UL a:hover {color:#000033}



#right_contento h1 {
font-size: 16pt;
font-weight: bold;
margin: 15px 12px;
}

#right_content h2 {
font-size: 12pt;
font-weight: bold;
margin: 15px 12px;
}
#right_content h1 
{
    font-size: 2.1em; /* 26px + */
	line-height:1em;
    font-weight: normal;
}
#right_content h2 
{
    font-size: 1.5em; /* 26px + */
    font-weight: normal;
}



#right_content LI {padding-bottom:10px;}




.centered {
text-align: center;
}




#left_contento ul li a:hover, ul#navigation li a:hover, #latest_arrivals p a:hover, #footer ul li ul li a:hover, #small_right_content p.centered a:hover {
text-decoration: underline;
}








th {
text-transform: uppercase;
padding: 3px 0;
color: #000066
}




#homebanners{
	margin-top:16px;
	border:0;
	line-height:0;
}

#homebanners img, #homebanners object, #homebanners param, #homebanners embed{
	margin:0;
	padding:0;
	border:0;
}

#homebanners object, #homebanners img{
	float:left;
}

input#searchbutton{

}
#left_content #sitemap UL LI {line-height:9pt; list-style:none; margin-top:10px; font-size:7.5pt;}
#left_content #sitemap UL LI {line-height:9pt; list-style:none; margin-top:10px; font-size:7.5pt;}
#left_content #sitemap ul li A:link {
text-decoration:none;
}
#left_content #sitemap ul li A:visited {
text-decoration:none;
}
#left_content #sitemap ul li A:hover {
text-decoration:none;
color:#008800;
}


#sitemap1 {line-height:9pt;}
#sitemap SPAN {font-size:7.5pt; color:#999999;}
#sitemap UL LI { padding-bottom:3px;}
#sitemap LI {list-style:disc; font-size:7.5pt; }
#sitemap UL LI A:hover {color:#FF0000;}
#sitemap UL LI A:link {color:#000099;}
#sitemap UL LI A:visited {color:#000099;}

#Searchresults { line-height:12pt; font-size:9pt;}
#Searchresults SPAN {font-size:8pt; color:#999999;}
#Searchresults A {color:#000099;}
#Searchresults A {color:#ff0000;}

#Searchresults LI {list-style:disc;;}
#Searchresults UL LI A:hover {color:#FF0000;}
#Searchresults UL LI A:link {color:#000099;}
#Searchresults UL LI A:visited {color:#000099;}

#errormess {width:100%; float:left; background-color:#FFaaaa; color:#0000FF; font-size:12pt;position:relative;left:0;}

#listpage select {color:#000000;}

#bluebox {float:left; border: #cccccc 1px solid;  width:110px; text-align:center; margin:7px 7px 7px 0px; padding-top:5px; padding-bottom:5px; height:125px;}
#bluebox P { text-align:center; font-size:7.5pt;}
#bluebox img {padding-top:5px;padding-bottom:5px; }


#picpad1 { float: right;padding-right:40px; padding-top:20px;}
#picpad2 { text-align:center;padding:0px;margin:0px;}
#picpad2 IMG {height:160px;}
#spacer {width:100%; height:10px;}
#imgspacer {
	height:1px;
	float: left;
	width: 100%;
	display: block;
	position: relative;
	left: 0px;
}
#redbox {font-size:7.5pt; border:#aa0000 thin solid; color:#aa0000; line-height:8pt;  padding:5px; margin:0;}
#redbox {font-size:7.5pt; background:#aa0000; color:#ffffff; line-height:8pt;  padding:5px; margin:0;}
#redbox p {clear:both; text-align:center;}
#redbox a:link, #redbox a:visited { font-weight:bold; color:#FFFFFF; }
#lightbluebox {
	font-size:7.5pt;
	line-height:8pt;
	padding:5px;
	margin:0;
	background-color: #99CCFF;
}
#nospace {clear:both; margin:0; padding:0; display:inline;}
#nospace P {margin:0; padding:0; display:inline;}

#moreinfo {font-size:7.5pt; line-height:9pt;}

#breads {float:right; }
#breadso a {
	border:medium solid #000343;

	background-color:#000343;
	color:#FFFFFF;
	text-decoration:none;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	height:8px;
}
#breads a {
	background-image:url(../images/breadcrumb.jpg);
	background-repeat:no-repeat;
	background-position:left;
	color:black;
	width:20px;
	min-width:20px;
	height:20px;
	min-height:15px;
	text-decoration:none;

	margin-top:5px;
	margin-right:2px;
	padding-top:5px;
	padding-left:4px;
	padding-right:5px;
	padding-bottom:5px;
	line-height:15px;
}



#bttop {
	background-image:url(../images/bt-top.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:32px;
	overflow:hidden;
	width:230px;
}
#btline H2 {	display:inline;
}

#btline {background:url(../images/bt-line.gif);
background-repeat:repeat-y;
background-position:left;
clear:both;
margin:0; padding:0;

}
#btline P{clear:both;}

#btbottom {background-image:url(../images/bt-bottom.gif);
background-repeat:no-repeat;
background-position:left;
height:41px; width:230px; overflow:hidden;
}

#btline TABLE {margin-left:10px;}
#btline TABLE H3 {margin:0;font-size:12pt; font-weight:bold;}
#btline TABLE H4 {margin:0;font-size:10pt;}


.stockisttitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}


#premier {line-height:14pt; font-size:11pt;}
#premier TH {padding-bottom:10px;}

#nonpremier {width:160px;}
#nonpremier {line-height:11pt;}
#nonpremier TH { margin-top:10px;padding-bottom:10px;}


#postcoderesult {max-height:400px; height:400px; overflow-x:hidden; overflow-y:scroll; width:180px; padding-bottom:10px;}
#postcoderesult a {color:#0000FF;}

.red {color:#FF0000;}
.green {color:#00dd00;}
.offline {
	color:#FF0000;
	font-size:14pt;
	font-weight:bold;
	border:#FF0000 1px  dashed;
	padding:10px;
	height:380px;
	background-image:url(../images/under_construction.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#datepicklayer {
	position: absolute;
	z-index:100;
	left: 340px;
	visibility: hidden;
}

#bluemap {line-height:10pt;color:#000066;}
#bluemap a:link, #bluemap a:visited {text-decoration:none; margin:0; padding:0; color:#000066;}

.img-shadow {
	background: url(http://2008.be-modern.com/skin4/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
	margin-top:6px;
	text-align: center;
} 
.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
} 

.bluetxt a:link a:visited {color:#0000FF;}

#stockistcontactme {
	background-image:url(../images/blankbluebox.png);
	background-repeat:no-repeat;
	width:172px;
	height:116px;
	float:right;
	color:#FFFFFF;
	font-size:9pt;
	text-align:center;
	margin-right:10px;
}

#stockistcontactme P {margin-bottom:0px; padding-bottom:0px; padding-top:25px;}
#stockistcontactme SPAN {
	font-size:18pt;
	font-weight:bold;
	line-height:26pt;
}
#stockistcontactme A {text-decoration:none; color:#FFFFFF;}

#blacktop {
	background-image:url(../images/blacktop.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	height:104px;
	margin:0;
	padding:0;
	padding-top:30px;
	width: 100%;
}
#hidetxt {position:absolute; width:0; height:0;Overflow:hidden;}

#bl {border-top: #cecece 1px solid;}
.bt {border-top: #cecece 1px solid;}
#bluemapback {background-image:url(../images/bigbluemap.gif);
background-position:right;
background-repeat:no-repeat;
}
#frontnews {max-height:200px;height:200px; overflow-y:scroll; margin-left:20px;}
#frontnews UL {margin:0; padding:0;}
#frontnews a {text-decoration:none;}

.grey {color: #666666}
.noul {text-decoration:none;}

#bathdooro {width:130px;  float:left; text-align:center}
#bathdoor {text-align:center}

#bathdoor P {text-align:center; width:100%;}
#bathdoor2 {width:130px;  float:left;}


.picturebox2 {
float:left;
background: url(http://2008.be-modern.com/skin4/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
margin-top:6px;
} 
.picturebox  {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
} 

#toprightmenu {float:right; padding-right:10px;}
#toprightmenu H3 {display:inline;}
#toprightmenu H3 a {text-decoration:none;}
#toprightmenu H3 a:visited {text-decoration:none;}
#toprightmenu TD {border-bottom:#cecece 1px solid;}


#frontpagetitles {text-decoration:none;}
#frontpagetitles a:link {color:#000099; text-decoration:none;} 
#frontpagetitles a:visited {color:#000099; text-decoration:none;} 
#frontpagetitles a:hover {color:#008800; text-decoration:none;} 



.graydash {border:#cccccc 1px dashed;}
.xsmall {font-size: x-small}

#mainboxes {
	float:left;
	width: 100%;
	display: inline;
}
#right_content #mainboxes .img-shadow {
	float:left;
}