/* Bay Spas CSS */

html {
	background-color:#fff;
	background-image:url("http://media.bayspas.co.uk/images/background.jpg");
	background-repeat:repeat-x;
}

body {
	margin:0;
	padding:0;
	width:974px;
	background-color:#fff;
	padding-left:10px;
	padding-right:10px;
	margin:auto;
}

#head {
	position:relative;
	height:85px;
	width:100%;
	background-image:url("http://media.bayspas.co.uk/images/elements.png");
	background-repeat:repeat-x;
	background-position:0px -87px;
}

	#logo {
		position:absolute;
		left:0px;
		top:0px;
		width:224px;
		height:85px;
		background-image:url("http://media.bayspas.co.uk/images/elements.png");
		background-repeat:no-repeat;
	}
	
	#logo a { display:block; width:100%; height:100%; }

	
	#contact_details {
		position:absolute;
		right:0px;
		top:0px;
		height:85px;
		width:482px;
		padding-top:10px;
		padding-right:20px;
		text-align:right;
		line-height:16px;
		font-size:11px;
		background-image:url("http://media.bayspas.co.uk/images/elements.png");
		background-position:-226px 0;
	}
	
	#contact_details p {
		font-family:"Arial", "FreeSans", "Helvetica", sans-serif;
		font-size:12px;
		margin:0; padding:0; 
		color:#fff;
		padding-right:15px;
		letter-spacing:0.1px;
	}
	
	#head a { color:#fff; }

#navigation {
	position:relative;
	height:40px;
	background-color:#e6e8e9;
	border-bottom:1px solid #eee;
}

	#navigation ul {
		position:relative;
		margin:0;
		padding:0;
		height:40px;
		width:100%;
	}
	
	#navigation ul li {
		position:relative;
		display:inline-block;
		margin:0;
		padding:0;
		background-repeat:no-repeat;
		background-position:0 middle;
	}
	
	#navigation ul li a {
		display:block;
		height:40px;
		padding-left:45px;
		padding-right:9px;
		line-height:42px;
		font-weight:bold;
		text-decoration:none;
		font-family:"Tahoma", "FreeSans", "Arial", "Helvetica", sans-serif;
		font-size:13px;
		background-repeat:no-repeat;
		background-position:11px center;
		color:#848588;
		z-index:-1;
	}
	
	#navigation ul li a:hover { color:#0060ab; }
	
	
	
	#navigation li span { 
		position:absolute;
		left:12px;
		top:8px;
		width:26px;
		height:24px;
		/*background:#ff9900;*/
		background-image:url("http://media.bayspas.co.uk/images/elements.png");
		z-index:1;
	}
	
	span.home { background-position:0 -173px; }
	span.hot-tubs { background-position:-28px -173px; }
	span.swim-spas { background-position:-56px -173px; }
	span.hire-service { background-position:-84px -173px; }
	span.testimonials { background-position:-112px -173px; }
	span.service { background-position:-140px -173px; }
	span.about { background-position:-168px -173px; }
	span.contact { background-position:-196px -173px; }
	
	#navigation ul li a.n_sel { color:#0060ab; }
	span.home_sel { background-position:0 -199px; }
	span.hot-tubs_sel { background-position:-28px -199px; }
	span.swim-spas_sel { background-position:-56px -199px; }
	span.hire-service_sel { background-position:-84px -199px; }
	span.testimonials_sel { background-position:-112px -199px; }
	span.service_sel { background-position:-140px -199px; }
	span.about_sel { background-position:-168px -199px; }
	span.contact_sel { background-position:-196px -199px; }
	
	
	
	/* Navigation Icons */
	/*.home { background-image:url("../img/icons/home.jpg"); }
	a.home_sel { background-image:url("../img/icons/home_sel.jpg"); color:#016b2d; }
	.windows { background-image:url("../img/icons/windows.jpg"); }
	a.windows_sel { background-image:url("../img/icons/windows_sel.jpg"); color:#016b2d; }
	.doors { background-image:url("../img/icons/doors.jpg"); }
	a.doors_sel { background-image:url("../img/icons/doors_sel.jpg"); color:#016b2d; }
	.conserv { background-image:url("../img/icons/conserv.jpg");  }
	a.conserv_sel { background-image:url("../img/icons/conserv_sel.jpg"); color:#016b2d; }
	.security { background-image:url("../img/icons/security.jpg"); }
	a.security_sel { background-image:url("../img/icons/security_sel.jpg"); color:#016b2d; }
	.about { background-image:url("../img/icons/about.jpg"); }
	a.about_sel { background-image:url("../img/icons/about_sel.jpg"); color:#016b2d; }
	.service { background-image:url("../img/icons/service.jpg");  }
	a.service_sel { background-image:url("../img/icons/service_sel.jpg"); color:#016b2d; }
	
	.testimonials { background-image:url("../img/icons/testimonials.jpg"); }
	a.testimonials_sel { background-image:url("../img/icons/testimonials_sel.jpg"); color:#016b2d; }
	
	.contact { background-image:url("../img/icons/contact.jpg"); }
	a.contact_sel { background-image:url("../img/icons/contact_sel.jpg"); color:#016b2d; }*/
	
#content {
	position:relative;
	margin-top:17px;
	font-family:"FreeSans", "Arial", "Geneva", sans-serif;
}

#content_main {
	position:relative;
	width:730px;
	_height:640px;
	min-height:670px;
	margin-left:242px;
}

h2 {
	width:100%;
	height:31px;
	line-height:30px;
	background-image:url("http://media.bayspas.co.uk/images/h2_background.jpg");
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	font-family:"FreeSans", "Arial", "Geneva", sans-serif;
	font-size:15px;
	letter-spacing:0.3px;
	text-indent:10px;
	color:#222;
}

.std {
	font-family:"FreeSans", "Arial", "Geneva", sans-serif;
	font-size:12px;
	color:#222;
}

/* 
==================
Homepage Specific
==================
*/

ul#left_navigation  {
	float:left;
	margin-right:10px;
	margin:0;
	padding:0;
	width:230px;
}

#left_navigation li {
	display:block;
	margin:0;
	padding:0;
	border:2px solid #ccc;
	height:30px;	
	width:230px;
	background-image:url("http://media.bayspas.co.uk/images/left_navigation.jpg");
	background-repeat:repeat-x;
	margin-bottom:8px;
	line-height:30px;
}

#left_navigation li a {
	display:block;
	color:#333;
	text-shadow:#fff 1px 1px 1px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	text-indent:8px;
}

#left_navigation a em { color:#ff0000; font-style:normal; }

#left_navigation li a._sel {
	color:#eee;
	background-image:url("http://media.bayspas.co.uk/images/elements.png");
	background-position:0px -93px;
	text-shadow:none;
}

#left_navigation li a._sel-mp {
	color:#fff;
	background:url("http://media.bayspas.co.uk/images/h2_background_mp.jpg") 0 top #030304;
	text-shadow:#030304 1px 1px 1px;
}


/*
===========================================
*/

.fl {
	float:left;
	padding-right:10px;
	padding-top:10px;
}

.block .fn img {
	position:relative;
	float:none;
	display:block;
	margin:auto;
}

.block a {
	color:#222;
	text-decoration:none;
}

.contact strong {
	color:#007ADA;
	font-size:13px;
}

.brochure {
	font-weight:bold;
	font-size:13px;
}

.brochure tr { border:0; padding:0; margin:0; height:25px; }
.brochure td { border:0; padding:0; margin:0; height:25px; line-height:25px; text-indent:10px; }
.brochure thead { border:0; }
.brochure tbody { border:0; }
.brochure input { border:1px solid #aaa;  }
.brochure textarea { border:1px solid #aaa; width:245px; height:80px; }
font { font-size:14px; }

.block {
	position:relative;
	display:block;
	margin:0; padding:0;
	width:100%;
	border:2px solid #d1d3d2;
	background-image:url("http://media.bayspas.co.uk/images/container_background.jpg");
	background-repeat:repeat-x;
	margin-bottom:8px;
	padding-bottom:30px;
}

.block.mp {
	background:url("http://media.bayspas.co.uk/images/container_background_mp.jpg") repeat-x #030304;
	color:#fff;
}

.block.mp h2 {
	color:#fff;
	text-shadow:#030304 1px 1px 1px;
	background:url("http://media.bayspas.co.uk/images/h2_background_mp.jpg") repeat-x;
}

.block.mp p { font-family:"Tahoma", "FreeSans", "Arial", "Geneva", sans-serif; color:#fff; font-size:13px; margin-top:0; margin-left:250px; margin-right:10px; margin-bottom:18px; }

.block.mp img.signature { float:none; margin:auto; margin-left:260px; margin-bottom:20px; }

.block.mp a img { border:none; }
.block.mp a {
	color:#a3a3f1;
	/*border-bottom:1px dotted #a3a3f1;*/
}

.block.mp p a:hover { color:#d5e9f8; border-bottom:1px solid #d5e9f8; }
.block.mp li a:hover { color:#d5e9f8; border-bottom:1px solid #d5e9f8; }

#content_main .block ul.bleu li {
	color:#007ada;
}

#content_main .block ol.bleu li {
	color:#007ada;
}

.block p { font-family:"Tahoma", "FreeSans", "Arial", "Geneva", sans-serif; color:#444; font-size:13px; margin-top:0; margin-left:250px; margin-right:10px; margin-bottom:18px; text-align:justify; }
#content_main p:first-child { font-weight:bold; }
.np p {
		margin-left:15px;
}

.block h2 { margin-bottom:20px; }

.block img { float:left; margin-left:5px; }

.block ul { margin-left:280px; margin-right:10px; padding:0; margin-bottom:40px; margin-top:0; }
.block ol { margin-left:280px; margin-right:10px; padding:0; margin-bottom:40px; margin-top:0; }
.np ul { margin-left:45px; }


.block ul li { font-size:12px;  color:#222; }
.block ol li { font-size:12px;  color:#222; }

.block img.si {
	float:none;
	margin-left:10px;
	margin-top:-30px;
	margin:auto;
	position:relative;
	display:block;
	margin-bottom:10px;
}

.block h4 {
	margin:0;
	padding:0;
	margin-left:250px;
	margin-right:10px;
	color:#444;
}

.block .c_flash {
	position:relative;
	display:block;
	margin:auto;
}

.block img.ce {
	float:none;
	display:block;
	margin:auto;
	background:#fff;
	padding:1px;
	border:1px solid #a7a8aa;
	margin-bottom:15px;
}

.icont {
	float:none;
	margin-left:250px;
	width:460px;
	/*background:#ff9900;*/
}

.block .icont p { margin-left:0; }
.block .icont h4 { margin-left:0; }
.block .icont p { margin-left:0; }
.block .icont table { margin-left:0; }

#ht_wrap {
	margin-left:1%;
}
.block .ht_sect {
	display:inline-block;
	width:31%;
	margin-right:1%;
	background-color:#fff;
	background:url("http://media.bayspas.co.uk/images/container_background.jpg") repeat-x;
	border:1px solid #ccc;
	height:200px;
	vertical-align:top;
	margin-bottom:8px;
}

.block .ht_sect p {
	margin:0;
	margin-top:5px;
	font-size:10px;
}

.block .ht_sect h5 {
	display:block;
	background:url("http://media.bayspas.co.uk/images/left_navigation.jpg") repeat-x;
	font-size:14px;
	margin:0; padding:0;
	height:30px;
	line-height:30px;
	text-indent:10px;
	color:#555;
	border-bottom:1px solid #ccc;
}

.block .ht_sect img {
	float:left;
	display:block;
	margin-right:5px;
	margin-top:5px;
	border:1px solid #ccc;
}

.block .bleu {
	color:#007ada;
}

.block .bleu a {
	color:#1d4768;
	text-decoration:none;
}

.block .bleu a:hover {
	color:#007ada;
	text-decoration:underline;
}

#gallery_int {
	position:relative;
	display:block;
	width:234px;
	float:left;
	margin-left:5px; margin-top:0px; 
}

	#gallery_int img { float:none; margin:0; }
	#gallery_int a {
		position:relative;
	}
	
	#gallery_int a span {
		position:absolute;
		bottom:10px;
		right:10px;
		height:28px;
		width:28px;
		background-image:url("http://media.bayspas.co.uk/images/elements.png");
		background-position:-5px -307px;
	}

#gallery {
	margin-left:0px;
	margin-top:5px;
	width:240px;
}

#gallery a {
	display:block;
	float:left;
	border:0;
	margin-right:3px;
}

#gallery a img {
	margin:0; padding:0;
}


.win { _height:280px; min-height:280px; }


blockquote {
	/*margin-left:275px;
	margin-right:10px;*/
	
	font-size:12px;
	color:#555;
	border-top:1px solid #aaa;
	margin-bottom:15px;
	padding-top:10px;
}

blockquote p {
	margin-left:10px; margin-right:10px;	
}

/*table { margin-left:250px; margin-right:10px; border-collapse: collapse; width:100%;}
thead { background-color:#5dc029; color:#fff; font-weight:bold; font-size:12px; height:25px; line-height:25px; text-indent:5px; }
thead tr { margin:0; padding:0; border:0; }
thead td { margin:0; padding:0; border:0; border:1px solid #7acd4c;  }
tbody td { font-size:12px; color:#222; border:1px solid #7acd4c; padding:5px; }*/

table { margin-left:250px; margin-right:10px; margin-bottom:20px; border-collapse: collapse; width:470px; }
thead { background:url("http://media.bayspas.co.uk/images/left_navigation.jpg") repeat-x;  color:#222; font-weight:bold; font-size:12px; height:25px; line-height:25px; text-indent:5px; }
tbody { background:url("http://media.bayspas.co.uk/images/container_background.jpg") repeat-x; }
thead tr { margin:0; padding:0; border:0; }
thead td { margin:0; padding:0; border:0; border:1px solid #bbb;  }
tbody td { font-size:12px; color:#444; border:1px solid #bbb; padding:5px; }
tbody tr td:first-child { font-weight:bold; }

.mp table { margin-left:250px; margin-right:10px; margin-bottom:20px; border-collapse: collapse; width:470px; }
.mp thead { background:url("http://media.bayspas.co.uk/images/h2_background_mp.jpg") repeat-x; color:#fff; font-weight:bold; font-size:12px; height:25px; line-height:25px; text-indent:5px; }
.mp tbody { background:url("http://media.bayspas.co.uk/images/container_background_mp.jpg") repeat-x; }
.mp thead tr { margin:0; padding:0; border:0; }
.mp thead td { margin:0; padding:0; border:0; border:1px solid #252588;  }
.mp tbody td { font-size:12px; color:#d5d5ff; border:1px solid #252588; padding:5px; }

#gallery_page {
	display:block;
	margin:auto;
	margin-left:15px;
}

#gallery_page img {
	float:none;
	border:1px solid #a8a8a8;
	padding:1px;
	background:#fff;
	margin-right:1px;
	margin-bottom:3px;
}
/* 
==================
Homepage Specific
==================
*/
#content #welcome {
	position:relative;
	width:348px;
	min-height:350px;
	_height:330px;
	border:2px solid #d1d3d2;
	background-image:url("http://media.bayspas.co.uk/images/container_background.jpg");
	background-repeat:repeat-x;
	margin-bottom:33px;
	font-size:12px;
	letter-spacing:0;
}

#content #welcome p { padding-left:10px; padding-right:10px; font-size:13px; letter-spacing:0px; color:#222; }

.button_more { 
	position:absolute;
	display:block;
	height:28px;
	width:150px;
	background-image:url("http://media.bayspas.co.uk/images/elements.png"); 
	background-repeat:no-repeat;
	background-position:-35px -307px;

	bottom:5px;
	right:5px;
}

#splash {
	position:absolute;
	top:0px; 
	right:0px;
	width:609px;
	height:279px;
	border:2px solid #d1d3d2;
}

#splash img { margin:0; padding:0; }

#splash p { font-size:12px; color:#fff; margin:0; padding:0; padding-left:10px;  }

#splash a img { display:block; border:0; padding:1px; }

#splash #latest_news {
	display:block;
	height:68px;
	background-image:url("http://media.bayspas.co.uk/images/elements.png");
	background-repeat:repeat-x;
	background-position:0px -87px;
	border:1px solid #fff;
}

#splash span#latest {
	display:block;
	border:2px solid #d1d3d2;
	width:609px;
	margin-top:0px;
	margin-left:-2px;
	height:70px;
}

#splash h2 {
	background:none;
	color:#fff;
	margin-bottom:0px;
	font-size:1.2em;
}

.service_wrap {
	position:relative;	
	margin-bottom:20px;
}
.service_block {
	position:relative;
	display:inline-block;
	margin:0; padding:0;
	margin-right:10px;
	width:225px;
	height:194px;
	border:2px solid #d1d3d2;
	background-image:url("http://media.bayspas.co.uk/images/container_background.jpg");
	background-repeat:repeat-x;
}

.service_block:last-child { margin-right:0;  } 

.service_block span { 
	display:block; margin:0; padding:0; margin:5px; padding-right:3px; float:left; margin-top:0px;
	width:102px;
	height:154px;
	background-image:url("http://media.bayspas.co.uk/images/elements.png");
	}


.service_block p { font-family:"Tahoma", "Geneva", sans-serif; line-height:14px; font-size:12px; margin:0; padding:0; float:right; padding-right:2px; padding-top:5px; color:#444; }

.service_block a.more { position:absolute; bottom:5px; right:5px; width:106px; height:28px; background-image:url("http://media.bayspas.co.uk/images/elements.png"); background-position:0 -277px;}
.service_block a.more_ww { position:absolute; bottom:5px; right:5px; width:106px; height:28px; background-image:url("http://media.bayspas.co.uk/images/elements.png"); background-position:-108px -277px;}

.service_block h3 {background-image: url("http://media.bayspas.co.uk/images/h2_background.jpg");
    background-repeat: repeat-x;
    color: #222222;
    font-family: "FreeSans","Arial","Geneva",sans-serif;
    font-size: 15px;
    height: 31px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-indent: 10px;
    width: 100%;}
    
.service_block h3 a { 
	text-decoration:none;
	color:#444;
	text-shadow:#fff 1px 1px 1px;
}
    
	.service_block h3 em { color:#ff0000; font-style:normal; }

	.service_block span.twilight-hot-tubs { background-position:-224px -174px;}
	.service_block span.value-hot-tubs { background-position:-331px -174px;}
	.service_block span.legacy-hot-tubs { background-position:-438px -174px;}
	.service_block span.lps-hot-tubs { background-position:-545px -174px;}
	
	.service_block span.lsx-hot-tubs { background-position:-224px -330px;}
	.service_block span.phelps-swim-spas { background-position:-331px -330px;}
	.service_block span.exerswim { background-position:-438px -330px;}
	.service_block span.hot-tub-hire { background-position:-545px -330px;}
	
	.service_block span.hot-tub-consumables { background-position:-224px -486px;}
	.service_block span.hot-tub-chemicals { background-position:-331px -486px;}
	.service_block span.hot-tub-covers { background-position:-438px -486px;}
	.service_block span.hot-tub-service { background-position:-545px -486px;}
	
	.service_block span.gallery-and-testimonials { background-position:-224px -642px;}
	.service_block span.contact { background-position:-331px -642px;}
	.service_block span.brochure { background-position:-438px -642px;}
	.service_block span.woodstock-windows { background-position:-545px -642px;}

#information_wrap { margin-top:26px; margin-bottom:26px; }

#information_wrap .service_block {
	position:relative;
	display:inline-block;
	margin:0; padding:0;
	margin-right:15px;
	width:225px;
	height:135px;
	border:2px solid #d1d3d2;
	background-image:url("../img/container_background.jpg");
	background-repeat:repeat-x;
}

#information_wrap .service_block:last-child { margin:0; }
#information_wrap .service_block:last-child h2 { color:#25176c; }
/*
===========================================
*/

a.more {
	display:block;
	width:104px;
	height:28px;
	background-image:url("../img/icons/more.jpg");
	background-repeat:no-repeat;
}

/* Additional Buttons */
#information_wrap a.contact { background-image:url("../img/icons/contact_button.jpg"); }
a.request { background-image:url("../img/icons/request.jpg"); }
a.bayspas { background-image:url("../img/icons/more_bayspas.jpg"); }

a.contactnow { background-image:url("http://media.bayspas.co.uk/images/elements.png"); background-position:-35px -337px; width:150px; height:28px; position:absolute; right:15px; bottom:15px; }

#footer {
	width:100%;
	height:60px;
	line-height:30px;
	color:#fff;
	/*background-color:#0060aa;*/
	font-size:11px;
	margin-top:10px;
	letter-spacing:-0.1px;
	font-family:"Tahoma", "Arial", "FreeSans", sans-serif;
	background:url("http://media.bayspas.co.uk/images/footer_logos.png") no-repeat right center #0060aa;
}

#footer a { 
	display:inline-block; 
	color:#fff; 
	text-decoration:none;

	padding-right:3px;
	text-align:center;
}
#link a { 
	display:inline-block; 
	color:#333
	text-decoration:none;
	z-index:99;
}

#footer a:hover { text-decoration:underline; }

#footer p { float:left; margin:0; padding:0; line-height:30px; padding-left:18px; }

/* Other */
#google_map iframe {
	padding:2px;
	background-color:#fff;
	border:1px solid #ccc;
	margin:auto;
	margin-left:12px
}

#hlin {
	font-size:0.8em;	
	padding-left:5px;
	color:#333;
}

#hlin a { color:#333; text-decoration:none; }

.block h2 span a {
	color:#0069b9;
	text-decoration:underline;
	font-size:0.8em;
	position:absolute;
	right:5px;
	top:0;
	height:30px;
	line-height:30px;
	font-weight:normal;
}

table.class123_maintable tbody {
	border:0;
	background:none;
}

table.class123_maintable td {
	border:0;
}

table.class123_maintable tr {
	border:0;
}
#gallery.bord a {
	margin-right:1px;
}

#gallery a img.bord {
	padding:1px;
	background:#fff;
	border:1px solid #a7a6ab;
}

