/* CSS DOCUMENT MAP

		1. GLOBALS
		2. STRUCTURE / LAYOUT
		3. HEADER
		4. NAVIGATION [SEE ALSO THE DROPDOWN STYLESHEET]
		5. CONTENT
		6. FOOTER		
		
*/

/* 1.GLOBALS */
*{ font-size: 100.01%; line-height: 1; margin:0; padding:0;} /* Global Reset */
html{ font-size: 62.5%; min-height:100.1%;} /*Resize text to 10px */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;}/* avoid browser default inconsistent heading font-sizes and pre/code too */
body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #433B68; text-align:center;}
ul,ol { list-style:none;}/* no list-markers by default, since lists are used more often for semantics */
:link,:visited { text-decoration:none; }/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */
a img,:link img,:visited img { border:none; }/* whoever thought blue linked image borders were a good idea? */

a {color:#7764a6; lineheight:1.2em;}
a :hover {text-decoration:underline;}

/* 2. STRUCTURE */
#container{
 text-align:left;
	border:1px solid #433B68;
	width:961px;
	margin: 5px auto;
 	height:auto;
	position:relative;
	overflow:auto;
	}
#header{
	background-color:#433B68;
	width:961px;
	height:110px;
	margin:0;
	padding:0;
}
#menu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 120%;
	font-weight:bold;
	background-color:#433B68;
	width:961px;
	height:20px;
	text-align:right;
	padding:0;
	margin:0;
}
#content{
	width:961px;
	min-height:423px;
	/* IE HACK FOR THE MIN HEIGHT START */
	height:auto;
	_height:423px;
	/* IE HACK FOR THE MIN HEIGHT END */
	padding-bottom:25px;
}
#prodcontent{
	width:961px;
	min-height:423px;
	/* IE HACK FOR THE MIN HEIGHT START */
	height:auto;
	_height:423px;
	/* IE HACK FOR THE MIN HEIGHT END */
	padding-bottom:25px;
}
.welcomebg{
	background-image:url(../gfx/bgs/welcome_bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.welcome2bg{
	background-image:url(../gfx/bgs/expect_more_bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.aboutusbg{
	background:url(../gfx/bgs/aboutus_bg.jpg) bottom right no-repeat;
}
.whatwedobg{
	background:url(../gfx/bgs/whatwedo_bg.jpg) bottom right no-repeat;
}
.promotionsbg{
	background:url(../gfx/bgs/promotions_bg.jpg) bottom right no-repeat;
}
.contactbg{
	background:url(../gfx/bgs/contact_bg.jpg) bottom right no-repeat;
}
.linksbg{
	background:url(../gfx/bgs/links_bg.jpg) bottom right no-repeat;
}
.bognorregisbg{
	background:url(../gfx/bgs/bognorregis_bg.jpg) bottom right no-repeat;
}
.bramhallbg{
	background:url(../gfx/bgs/bramhall_bg.jpg) bottom right no-repeat;
}
.prestonbg{
	background:url(../gfx/bgs/preston_bg.jpg) bottom right no-repeat;
}
.bridgwaterbg{
	background:url(../gfx/bgs/bridgwater_bg.jpg) bottom right no-repeat;
}
.bridportbg{
	background:url(../gfx/bgs/bridport_bg.jpg) bottom right no-repeat;
}
.charingbg{
	background:url(../gfx/bgs/charing_bg.jpg) bottom right no-repeat;
}
.chesterbg{
	background:url(../gfx/bgs/chester_bg.jpg) bottom right no-repeat;
}
.blandfordbg{
	background:url(../gfx/bgs/chester_bg.jpg) bottom right no-repeat;
}
.bradfordsouthbg{
	background:url(../gfx/bgs/chester_bg.jpg) bottom right no-repeat;
}
.redruthbg{
	background:url(../gfx/bgs/chester_bg.jpg) bottom right no-repeat;
}
.harrogatebg{
	background:url(../gfx/bgs/chester_bg.jpg) bottom right no-repeat;
}
.exeterbg{
	background:url(../gfx/bgs/exeter_bg.jpg) bottom right no-repeat;
}
.haslemerebg{
	background:url(../gfx/bgs/haslemere_bg.jpg) bottom right no-repeat;
}
.hovebg{
	background:url(../gfx/bgs/hove_bg.jpg) bottom right no-repeat;
}
.maidstonebg{
	background:url(../gfx/bgs/maidstone_bg.jpg) bottom right no-repeat;
}
.plymouthbg{
	background:url(../gfx/bgs/plymouth_bg.jpg) bottom right no-repeat;
}
.solihullbg{
	background:url(../gfx/bgs/solihull_bg.jpg) bottom right no-repeat;
}
.yeovilbg{
	background:url(../gfx/bgs/yeovil_bg.jpg) bottom right no-repeat;
}
.wiganbg{
	background:url(../gfx/bgs/wigan_bg.jpg) bottom right no-repeat;
}
.yorkbg{
	background:url(../gfx/bgs/york_bg.jpg) bottom right no-repeat;
}
.readingbg{
	background:url(../gfx/bgs/yeovil_bg.jpg) bottom right no-repeat;
}
.wokingbg{
	background:url(../gfx/bgs/haslemere_bg.jpg) bottom right no-repeat;
}
.heathfieldbg{
	background:url(../gfx/bgs/york_bg.jpg) bottom right no-repeat;
}
#content a:hover{color:#7562A3;text-decoration:underline;}
#prodcontent a:hover{color:#7562A3;text-decoration:underline;}


/* 3-HEADER */
ul{font-size:1.2em;
}

ul#nav  {
	list-style: none;
	}
ul#links li {
	list-style-image:url(../gfx/bullet/0080_contentbullet.png);
	list-style-position:outside;
	}
	
ul#nav li {
	text-align:right;
	float:right; 
	width:auto;
	margin:0; 
	padding:0px 10px; 
	}
ul#nav li a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding:0px;
	}
ul#nav li a:hover{
	color:#6bc5c3;
	}


/* 4-NAVIGATION */
#content p {
	font-size:1.2em;
	line-height:1.4em;
	/*width:38em;*/
	padding:1em 2em 0.6em 0em;
	margin:0;
	}
	
	#content form td {
	font-size:1.4em;
	line-height:1.4em;
	padding:0;
	margin:0;
	
	}
	
#content h3 {
	font-size:1.4em;
	line-height:1.5em;
	padding:2em 2em 0em 2.6em; 
	color:#003366;
}
#prodcontent p {
	font-size:1.2em;
	line-height:1.5em;
	width:35em;
	w\idth:30em;
	padding:2em 2em .2em 3em; 
	}
#prodcontent h3 {
	font-size:1.4em;
	line-height:1.5em;
	padding:2em 2em 0em 2.6em; 
	color:#003366;
}
#promo h4 {
	font-size:1.2em;
	line-height:1.5em;
	padding:0em .5em; 
	color:#003366;
}
#promo img{
border:1px solid #003366;
float:left;
margin:.5em 1em .5em .5em;
}
#promo{
width:45em;
border-bottom:1px solid #D8DAEB;
	min-height:13.2em;
	/* IE HACK FOR THE MIN HEIGHT START */
	height:auto;
	_height:13.2em;
	/* IE HACK FOR THE MIN HEIGHT END */
	padding:.5em;
}
#promo p{
padding:0;
width:auto;
color:#8484C1;
}
table{
	margin-top:2em;
}
#contacttable td{
vertical-align:top;
padding:.25em 1em .25em 3.5em;
}
#contacttable  p {
	font-size:1.2em;
	width:15em;
	padding:0;
}


#content li {
	line-height:1.2em;
}
#content ul {
	line-height:1.2em;
	padding:2em 2em 0em 3em; 
}
#prodcontent li {
	line-height:1.2em;
}
#prodcontent ul {
	line-height:1.2em;
	padding:2em 2em 0em 3em; 
}
#contenthove{
	background-image:url(../gfx/hove/content_bg.jpg);
	background-position:bottom right;
	width:961px;
	height:438px;
}
#contentproducts{
	background-image:url(../gfx/products/products_bg.jpg);
	background-position:bottom right;
	width:961px;
	height:438px;
}
#contentblank{
	width:961px;
	height:438px;
}
#footer {
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height: 120%;
	text-align:left;
	color:#7764a6;
	float:left;
	border-top:1px solid #433B68;
	border-bottom:1px solid #433B68;
	background-color:#E6E7E9;
	width:961px;
	w\idth:951px;
	height:2em;
	margin: auto;
	margin-top:-52px;
	padding:0px 0px 0px 10px; }

form {
	float:left;
padding:0;
margin:0;

}
/*this method of image replacement is taken from http://levin.grundeis.net/files/20030809/alternatefir.html*/
.replace{
	position:relative;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
	}
.replace span{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	/*for Opera 5 and 6*/
	}
#logoH1{
	text-indent:-3000px;
	height:90px;
	width:247px;
	background-image: url(../gfx/header/logo.gif);
	top:0px;
	left:0px;
	color:#fff;
}

#logoBathroomsH1{
	text-indent:-3000px;
	height:90px;
	width:247px;
	background-image: url(../gfx/header/logo_bathrooms.gif);
	top:0px;
	left:0px;
	color:#fff;
}

#welcome2H2{
	text-indent:-3000px;
	height:250px;
	width:409px;
	background-image: url(../gfx/homepage/welcome-expect-more.gif);
}

#welcomeH2{
	text-indent:-3000px;
	height:250px;
	width:409px;
	background-image: url(../gfx/homepage/welcome_2006.gif);
	margin:0 0 0 160px;
}


#footer p{
	margin:5px 0px 0px 0px;
}
.footerstrong{
font-weight:bold;
margin-left:2em;}

.notes{
	font-style:italic;
}
select{
	width:20em;
	}
#adminlist {
	float:left;
}
#requests{
float:right;
position:relative;
padding:1em;
text-align:right;
display:inline
}
#requests a{
color:#6BD4C8;
}

#requests li{
	line-height:1.5em;
	padding-bottom:5px;
}
ul#askforstuff li a:hover{
	color:#6BD4C8;
	text-decoration:underline;
	}
#thumbgrid{
float:left;
width:320px;
height:14em;
background-color:#FFF;
padding:1em 1em 1em 0;
margin:2em 2em 0em 26px;
display:inline;
}
#thumb1, #thumb2, #thumb3, #thumb4, #thumb5, #thumb6, #thumb7, #thumb8, #thumb9, #thumb10{
float:left;
width:60px;
height:60px;
margin:5px;
display:inline;

}
#thumb1,#thumb10{
background-color:#6BD4C8;
}
#thumb2,#thumb9{
background-color:#7764a6;
}
#thumb3,#thumb8{
background-color:#B8BBCA;
}
#thumb4,#thumb7{
background-color:#E6E7E9;
}
#thumb5,#thumb6{
background-color:#003366;
}
#mapdiv{
border:1px solid #036;
float:right;
width:35em;
height:35em;
background-color:#E6E7E9;
margin:1em;
position:absolute;
right:10px;
top:110px;
z-index:2;
}

#producttype {
float:left;
width:260px;
margin:0;
padding:0;
}

#proddiv{
/*border-left:1px solid #cccccc;*/
float:right;
width:360px;
height:35em;
margin:10px 10px 0 0;
display:inline;
}
#proddiv img{
border: 1px solid #036;
margin:0;
}
#proddiv p{
color:#999999;
width:auto;
padding:1em 0em 0 0;
}
#proddiv a:hover{
color:#999999;
width:auto;
padding:1em 0em 0 0;
text-decoration:underline;
}
#proddiv h5{
font-size:1.4em;
color:#666666;
width:auto;
padding:1em 0 0 0;
}
#proddiv h6{
font-size:9px;
padding:2em 0em 0 0;
font-weight:normal;
line-height:1.2em;
color:#999999;
}
h6{
font-size:9px;
padding:1em 0em 0 0em;
font-weight:normal;
line-height:1.2em;
color:#999999;
}
.textbox{
width:200px;
font-size:10px;
height:16px;
line-height:120%;
border:1px solid #cccccc;
}

select.textbox {
	height:20px;
}

.textarea{
font:10px/120% Verdana, Arial, Helvetica, sans-serif;
width:200px;
height:40px;
border:1px solid #cccccc;
}

.admintextarea{
font:10px/120% Verdana, Arial, Helvetica, sans-serif;
width:200px;
height:400px;
}

#footerLinks {
	text-align:left;
	width:961px;
	margin: 5px auto;
 	height:auto;
	position:relative;
}

#footerLinks li {
	display: inline;
	font-size: 10px;
	color: #CDC6D6;
}


#footerLinks li img{
	display: inline;
	float:right;
}


#footerLinks li a{
	color: #7764a6;
}

#sitemap ul{
	line-height: 120%;
	margin:0;
	padding: 3px 0 1px 36px;
	font-size: 12px;
}

#sitemap ul li{
	font-size: 12px;
	line-height: 120%;
	margin:0;
	padding:3px 0 1px 0;
	list-style-type: circle;
	list-style-position: inside;
}
.form-block {
	clear:left;
	float:left;
	width:600px;
	margin-bottom:6px;
}
span.col1{
	float:left;
	display:block;
	margin:0 0 10px 0;
	vertical-align:top;
	padding:0em 1em 0em 0em;
	width:120px;
	clear:left;
	line-height: 120%;
	
}

span.col2{
	float:left;
	display:block;
	width:180px;
	padding:0.2em 0em 0.2em 0em;
}

span.col3{
	display:block;
	margin:0 0 10px 0;
	vertical-align:top;
	padding:.25em 1em .25em 0em;
	width:400px;
	clear:left;
	font-size: 10px;
	line-height: 120%;
	color: #999999;
}
#mainmenu{float:left; margin:1px 20px 0 0 ; font-size:14px; width:160px;font-weight:bold;}
#mainmenu a{color:white; text-decoration:none;}
#mainmenu a:hover{color:#6bc5c3;text-decoration:none;}
#mainmenu ul{font-size:14px;margin:0;padding:0;}
#mainmenu ul li{margin:0;padding:0;}
#mainmenu ul li a{display:block; height:22px; font-size:14px; background:#433B68; color:#FFF; margin:1px 0 0; padding:6px 0 0px 10px;}
#mainmenu ul ul li{font-size:12px;margin:1px 0;padding:0;}
#mainmenu ul ul li a{height:16px; color:#433B68 ;background:#B8BBCA;font-size:12px;margin:0;padding:3px 0 0 15px;}
#mainmenu ul ul li a:hover{color:white;}

#main {
	float:left;
	width:640px;
}
#main h3 {
	font-size:1.4em;
	line-height:1.5em;
	padding:2em 0 0 0; 
	color:#003366;
}

/*#mainmenu {
	float:left;
	width: 160px;
	margin:0 0 0 -20px;
	padding:0;
	}
	
#mainmenu li a {
	width: 160px;
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
	
#mainmenu li a:link, #mainmenu li a:visited {
	color: #FFF;
	display: block;
	background: #433B68;
	padding: 4px 0 0 8px;
	}
	
#mainmenu li a:hover {
	color: red;
	background: #433B68;
	padding: 4px 0 0 8px;
	}
	
#mainmenu li a:active {
	color: #fff;
	background: #433B68;
	padding: 4px 0 0 8px;
	}*/
	
.floater {
	float"left;
}