/*
Copyright 2008 Victoria + Albert Baths
Created by matm ltd - http://matm.co.uk
For use by Victoria + Albert Baths only.
*/


* {
margin: 0;
padding: 0;
}


body {
font: 1em/1.5 Verdana, Arial, San-serif;
color: #555;
text-align: center;
}

a {
text-decoration: none;
}
	a:link, a:visited {
	color: #bbb;
	}
	a:hover, #headblock ul li a:hover, #frontnav li a:hover, a:link.yellow {
	color: #E0B300;
	}

img {
border: 0;
}

p, address {
margin: 0 0 1.5em;
}
address {
font-style: normal;
}

hr {
border: 0;
height: 1px;
background: 0;
border-bottom: 1px dotted #ccc;
}

input, textarea, select {
font: inherit;
margin-bottom: 5px;
vertical-align: middle;
}
input#name, input#first_name, input#last_name, 
textarea#address, textarea#street,
input#postzip, input#zip,
input#state,
input#city,
input#telephone, input#phone,
input#email,
select#interested, 
textarea#message, textarea#description, 
input#serial,
input#model,
input#purchfrom,
input#purchprice,
input#installdate,
input#installby {
width: 150px;
}
input#submit {
width: 75px;
}

div#container {
width: 745px;
padding: 0 15px;
margin: 0 auto;
text-align: left;
font-size: .7em;
}
	#headblock {
	width: 100%;
	height: 165px;
	}
		h1 {
		float: left;
		width: 200px;
		height: 125px;
		}
			h1 span {
				display: none;
			}
		#headblock h2 {
		width: 355px;
		float: right;
		padding-top: 25px;
		}
		#flags {
		float: right;
		width: 300px;
		font-size: .9em;
		line-height: 1;
		padding-bottom: 5px;
		}
			#flags a {
			color: #CF1010;
			}
		#headblock ul {
		clear: both;
		width: 100%;
		height: 2em;
		background: #F4F4F2;
		}
			#headblock ul li {
			display: inline;
			}
			#headblock ul li a{
			display: block;
			float: left;
			color: #AFAFAF;
			padding: 0 .8em;
			margin: .5em 0;
			border-right: 1px solid #ccc;
			line-height: 1em;
			}
				#headblock ul li a.first {
				margin-left: 437px;
				}
				/* IE6 hack */
				* html #headblock ul li a.first {
				margin-left: 218px;
				}
				#headblock ul li a.last {
				border-right: 0;
				}

				#headblock ul li a.firstit {
				margin-left: 400px;
				}
				/* IE6 hack */
				* html #headblock ul li a.firstit {
				margin-left: 200px;
				}
				
				
				
/* INDEX ONLY STYLES */
	#hero {
	width: 100%;
	height: 410px;
	background: url(/uk/images/hero/ios.jpg) no-repeat;
	font-size: .9em;
	border-bottom: 1px dotted #d9d9d9;
	margin-bottom: 1em;
	cursor: pointer;
	}
		#showbutt {
		float: right;
		width: 300px;
		height: 20px;
		padding-top: 20px;
		margin-right: 180px;
		text-align: right;
		}
		#herointro {
		clear: right;
		float: right;
		margin-top: 260px;
		width: 300px;
		height: 100px;
		color: #666;
		}
	#frontnav {
	margin-bottom: 1em;
	}
		#frontnav li {
		display: block;
		list-style: none;
		background: #F4F4F2;
		padding: 1em 0;
		margin-bottom: 1em;
		}
			#frontnav li h2 {
			font: 1.8em/1 Arial, Trebuchet MS, Sans-Serif;
			margin-left: 115px;
			}
			#frontnav li h2 a, #frontnav li h2 a:hover {
			color: #aaa;
			}
			#frontnav li p {
			margin: .2em 0 .1em 115px !important;
			line-height: 1;
			}
				#frontnav li p, #frontnav li p a {
				color: #bbb;
				}
	#frontlogos {
	width: 300px;
	float: right;
	text-align: right;
	margin-top: -2em;
	padding-bottom: 2em;
	}
		#frontlogos img {
		padding-left: 5px;
		}
/* END INDEX ONLY STYLES */

	#inner {
	width: 100%;
	}
		#inner h2 {
		font: normal 2em/2.8 Arial, Trebuchet MS, Sans-Serif;
		color: #444;
		border-bottom: 1px dotted #d9d9d9;
		}
		#inner h2.noborder, .noborder { border: 0 !important; }
		
		#inner h2.bath {
		border-bottom: 0;
		}
			#inner h2.bath span {
			width: 50%;
			display: block;
			float: left;
			}
			#inner h2.bath a.spanner, 
			div.rationaleflash, 
			#inner h2.bath span.spanner {
			display: block;
			float: right;
			width: 45%;
			padding-top: 1.1em;
			}
				div.rationaleflash {
				padding-top: 20px;
				font: .4em/1.5 Verdana, Sans-Serif;
				}
			div.bath-clearer {
			clear: both;
			height: 1px;
			border-bottom: 1px dotted #d9d9d9;
			}
		
		#textinner, #textinner-full, .textinner-full, .textinner {
		width: 400px;
		margin: 2em 0 2em 115px;
		color: #777;
		font-size: .9em;
		}
		#textinner-full, .textinner-full {
		width: 625px;
		}
			#textinner h3 {
			font-size: 1.1em;
			color: #444;
			}
			#textinner a.blue:visited {
			color: #00A2D8;
			}

		.newsblock {
		border-bottom: 1px dotted #d9d9d9;
		padding-left: 115px;
		}
		.newsblock-thin {
		padding: 0 1em 0 115px;
		margin-right: 160px;
		}
			.newsblock-thin ul {
				list-style: none;
				margin: 1.5em 0 2em 0;
			}
			.newsblock p.date, .newsblock-thin p.date {
			color: #9cf;
			margin: 1.5em 0 .5em;
			}
			.newsblock p, .newsblock-thin p { font-size: .9em; }
			.newsblock h3, .newsblock-thin h3 {
			margin-bottom: .5em;
			font-size: 1em;
			color: #69c;
			}
				.newsblock h3 a { color: #69c; }
			.newsblock img.newsimg {
			display: block;
			float: right;
			width: 160px;
			padding: 1em 0 1em 2em;
			}
			
			div.pressimg, 
			div.pressimg-small {
				width: 400px;
				margin: 0 auto 1.5em auto;
			}
			div.pressimg-small {
				width: 300px;
			}
				div.pressimg img, 
				div.pressimg-small img {
					width: 100%;
					display: block;
				}
				div.pressimg span, 
				div.pressimg-small span {
					display: block;
					width: 380px;
					background: #000;
					color: #aaa;
					padding: 10px;
					font-size: 90%;
				}
				div.pressimg-small span {
					width: 280px;
				}
	
		.gobacknews {
		width: 100px;
		float: right;
		text-align: left;
		padding-top: 200px;
		}
		#newslist {
		margin: 2em 0;
		}
			#newslist li {
			list-style: none;
			padding-left: 115px;
			font-size: .9em;
			margin-bottom: 1em;
			}
				#newslist li h4 a {
				color: #999;
				}
		#baths-collection, #inspirations {
		width: 100%;
		border-collapse: collapse;
		border: 0;
		background: #000;
		}
			#baths-collection td.firstspace, #baths-collection th.premium { width: 115px;}
			#baths-collection td.secondspace { width: 115px; }
			#baths-collection td.vertspace { height: 60px; }
			#baths-collection td.thumbbar { height: 90px; text-align: center; }
			#baths-collection td.bathslist { padding-bottom: 5px; }
			
			#baths-collection th {
			text-align: left;
			color: #B4B6B7;
			padding-bottom: 10px;
			}
				#baths-collection th.premium { color: #A14E39; }
			
			#baths-collection ul {
			list-style: none;
			}
			#baths-collection a {
			color: #fff;
			}
		
		#indiv-bath {
		width: 100%;
		background: #E5E5E5;
		margin-top: 15px;
		padding: 0;
		}
			#indiv-bath span.topspacer {
			display: block;
			height: 35px;
			}
				span.topspacer img {
					margin-left: 115px;
				}
			#indiv-bath div#thumbs {
			float: left;
			width: 115px;
			}
				#indiv-bath div#thumbs img.thumbnail {
				display: block;
				width: 90px;
				height: 80px;
				margin-bottom: 10px;
				}
				#indiv-bath div#thumbs img.thumbnail {
				padding-top: 6px;
				}
				
			#indiv-bath div#bath {
			float: right;
			width: 630px;
			padding-top: 8px;
			background: #fff url(/uk/images/bathpicbg.gif);
			text-align: right;
			}
				#indiv-bath div#bath img {
				display: block;
				float: right;
				width: 622px;
				height: 440px;
				}
				
			#indiv-bath div.clearer {
			height: 0;
			}
		#bathinner p, #bathinner table {
		margin-left: 115px;
		}
			p#tagline {	margin-top: 40px; color: #000; }
			#bathinner p#feetdetails { margin-top: 10px; }
			#bathinner p#find { margin-top: 20px; }
			
			#bathinner hr {
			border: 0;
			background: none;
			height: 0;
			border-bottom: 1px dotted #d9d9d9;
			margin: 20px 0;
			}
			table.bathspecs {
			width: 350px;
			font-size: .9em;
			}
				.bathspecs td img { vertical-align: middle; }
				table.bathspecs a:link { color: #00A2D8; }
				table.bathspecs td.icon { width: 16px; }
		
		#inspirations {
		margin-top: 1em;
		}
			#inspirations img {
			display: block;
			margin-left: 115px;
			padding-top: 35px;
			}
			.inspirations p.tagline { margin-top: 40px; font-weight: bold; }
			
			.inspblock {
			border-top: 1px dotted #d9d9d9;
			padding: 1em 0 1em 115px;
			}
				.inspblock p { font-size: .9em; }
				.inspblock .inspimg {
				display: block;
				float: right;
				width: 160px;
				padding: 0 0 0 2em;
				}
					.inspimg img {
					padding-bottom: 1em;
					}
		#sitemap, #sitemap li ul, #sitemap li ul li ul {
		list-style: none;
		margin-bottom: 1em;
		}
		#sitemap b {
		color: #000;
		}
			#sitemap li {
			margin-bottom: 1em;
			color: #69c;
			}
			#sitemap li a {
			color: #69c;
			font-weight: bold;
			}
				#sitemap li ul li {
				margin-bottom: 0;
				color: #777 !important;
				}
					#sitemap li ul li a {
					color: #666;
					font-weight: normal;
					}
					
		#press-hot-one {
			background: #999;
			width: 745px;
			height: 284px;
			margin: 15px 0;
		}
			#hot-one-inner {
				background: #000;
				width: 725px;
				float: right;
				height: 284px;
				color: #888;
			}
				#hot-one-inner div.story {
					margin: 20px 0 0 35px;
					width: 240px;
					float: left;
				}
					#hot-one-inner div.story  span.date, 
					#right-news div.story span.date {
						display: block;
						color: #fff;
						margin-bottom: .5em;
					}
					#hot-one-inner div.story  h2.title , 
					#right-news div.story  h2.title {
						color: #69c;
						font: bold 100%/1.5 Verdana, Sans-Serif;
						border-bottom: 0;
					}
						#hot-one-inner div.story  h2.title a, 
						#right-news div.story  h2.title a, 
						#hot-one-inner div.story  h2.title a:link, 
						#right-news div.story  h2.title a:link {
							color: #69c;
						}
					#hot-one-inner div.story  h3.tagline {
						color: #69c;
						font: normal 90%/1.5 Verdana, Sans-Serif;
						margin-bottom: 1.5em;
					}
					#hot-one-inner div.story p, 
					#right-news div.story p {
						font-size: 90%;
					}
				#hot-one-inner div.image {
					float: right;
					width: 300px;
					height: 284px;
					margin-right: 15px;
				}
					#hot-one-inner div.image img {
						width: 299px;
						height: 284px;
					}
					#right-news div.image img {
						width: 288px;
						height: 266px;
					}
				*html #hot-one-inner div.image {
					margin-right: 8px;
				}
		#slim {
			border-right: 1px dotted #ccc;
			width: 28px;
			float: left;
			height: 516px;
		}
		#left-news {
			float: left;
			width: 350px;
			background: #F5FAFF;
			height: 516px;
			margin-left: 20px;
		}
		*html #left-news {
			margin-left: 10px;
		}
			#left-news img.div {
				display: block;
			}
			#left-news h2 {
				color: #999;
				border-bottom: 0;
				font-size: 150%;
				font-weight: bold;
				line-height: 1;
				margin: 20px 0 0 103px;
			}
			#left-news span.date {
				display: block;
				color: #9cf;
				margin: 2em 0 .5em 103px;
				font-size: 90%;
			}
			#left-news .thumbs {
				float: left;
				width: 87px;
				height: 68px;
				padding-right: 15px;
			}
				#left-news .thumbs img {
					width: 87px;
					height: 68px;
				}
			#left-news .story {
				float: left;
				width: 230px;
			}	
				#left-news h3 {
					font-weight: bold;
					line-height: 1.3;
					margin-bottom: .5em;
				}
					#left-news h3 a,
					#left-news h3 a:link {
						color: #666;
					}
				#left-news h3, 
				#left-news p  {
					font-size: 90%;
					color: #666;
				}
				
				#left-news p.more {
					margin-left: 102px;
				}

		#right-news {
			float: right;
			background: #999;
			width: 315px;
			color: #888;
		}
			#right-news div.image {
				float: right;
				width: 288px;
				height: 266px;
			}
			#right-news div.story {
				clear: right;
				background: #000;
				float: right;
				width: 248px;
				height: 250px;
				padding-right: 40px;
			}
				#right-news div.story span.date {
					margin: 20px 0 1em 20px;
					padding-bottom: 1em;
					border-bottom: 1px dotted #fff;
				}
				#right-news div.story  h2.title {
					margin-left: 20px;
				}
				#right-news div.story p {
					margin: 1em 0 0 20px;
				}
		hr.pr {
			padding-top: 15px;
			margin: 15px 0;
		}
		#pr-contact{
			width: 695px;
			background: #f0f0f0;
			padding: 15px 0 15px 30px;
			float: right;
		}
			#pr-contact h4 {
				font: bold 130%/1 Arial, Sans-Serif;
				color: #999;
			}
			#pr-contact p {
				margin: 10px 0 0;
				color: #333;
				font-size: 90%;
			}
				#pr-contact p a {
					color: #f90;
				}
		
		
		.rationaletop {
		margin-top: 10px;
		background: #000;
		text-align: right;
		}
		.rationale-left {
		float: left;
		width: 165px;
		}
		.rationale-right {
		float: right;
		width: 460px;
		}
		.rationaletable {
		margin: 1.5em 0;
		}
		.rationaletable tr td {
		padding-bottom: 10px;
		vertical-align: middle;
		}
			.rationaletable tr td img.btn {
			padding: 0 10px;
			}
	
	#footersubnav, #footerdropmenu {
	width: 100%;
	height: 3em;
	border-top: 1px dotted #d9d9d9;
	border-bottom: 1px dotted #d9d9d9;
	padding-top: .8em;
	margin: 1em 0 1em;
	}
	#footerdropmenu {
	border-bottom: 0;
	}
		#footerdropmenu form {
		background: #F4F4F2;
		height: 3em;
		}
			#footerdropmenu form select {
			margin: .8em 0 0 115px;
			font: inherit;
			font-size: .9em;
			width: 150px;
			color: #999;
			}
		#footersubnav li,#footersubnavit li {
		list-style: none;
		display: inline;
		}
		#footersubnavit li a{
		display: block;
		float: left;
		padding: 0 .6em 2px .6em;
		margin: .5em 0;
		border-right: 1px solid #ccc;
		line-height: 1em;
		}



		#footersubnav li a,#footersubnavit li a{
		display: block;
		float: left;
		padding: 0 .5em 2px .5em;
		margin: .5em 0;
		border-right: 1px solid #ccc;
		line-height: 1em;
		}
			#footersubnav a.first  {
			padding-left: 0;
			margin-left: 115px;
			}
			#footersubnavit a.first  {
			padding-left: 0;
			margin-left: 70px;
			}
			* html #footersubnavit a.first {
			margin-left: 40px;
			}
			* html #footersubnav a.first {
			margin-left: 56px;
			}
			#footersubnav a.last,#footersubnavit a.last {
			border-right: 0;
			}
			

	#footer {
	width: 100%;
	margin-top: 4em;
	}
		#footer p {
		font-size: .9em;
		margin-left: 115px;
		margin-bottom: 1em;
		}

.clearer { clear: both; }

.leftmargin { margin-left: 115px; }
.topmargin { margin-top: 10px; }
.bigmargin { margin: 3em 0; }

.highlight { color: #000; }
.blue, a.blue { color: #00A2D8; }
.light { color: #999; }

.small { font-size: .9em; }

.aligntop { vertical-align: top; }
.alignbottom { vertical-align: bottom; }
.alignmiddle, .alignmiddle img, table.alignmiddle td { vertical-align: middle; }
.alignleft { float: left; }
.alignright { float: right; }
.textcenter { text-align: center; }

.flag { vertical-align: middle; }



.chelsea_middle{ background:#F4F4F2; height:400px; }
.chelsea_middle p{ margin:0px;}
.chelsea_middle h2{ color:blue;}
.chelsea_middle a{ color:#69B4FF;}

.chelsea_lower{ }
.chelsea_lower p{  margin:0px;}
.chelsea_lower h2{ color:blue; margin:0px;}