html,body,div,span,hr,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,:before,:after,input,textarea,select{background:none;border:0;border-collapse:collapse;border-spacing:0;border-width:0;bottom:auto;clear:none;direction:ltr;float:none;left:auto;margin:0;outline:0;padding:0;right:auto;text-decoration:none;text-indent:0;top:auto;}
body,input,select,textarea,option,iframe,code{background:#fff;font-family:Arial,Helvetica,sans-serif;}
body { font-size: 62.5%; text-align: center; }

#subpages { display: none; }



/* Top navigation. */

#top {
color: #9A9A9A;
font-size: 1.2em;
font-weight: bold;
margin: 0 auto;
padding: 15px ;
position: relative;
text-align: right;
text-transform: lowercase;
width: 960px;
}

	#top p#nav {
	padding: 0 29px 0 0;
	}

		#top p#nav a {
		color: #9A9A9A;
		padding: 0 8px;
		}
	
		#top p#nav a:hover, #top p#nav a.active_tab {
		color: #00618E;
		}
			
	#top p#logo {
	background: none;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 23px;
	width: auto;
	}
			
	#top p#access {
	position: absolute;
	top: 13px;
	right: 15px;
	}



/* Call to action. */

#cta {
background: #00455F url(../graphics/layout/cta.jpg) repeat-x;
border-bottom: 3px solid #5FBBE1;
}

	#cta ul {
	list-style: none;
	margin: 0 auto;
	padding: 0 0 0 196px;
	position: relative;
	text-align: left;
	width: 764px;
	}

		#cta ul li {
		background: url(../graphics/layout/cta_seperator.jpg) 100% 0 no-repeat;
		float: left;
		padding: 15px 27px 18px 7px;
		width: 162px;
		}

			#cta ul li#call {
			background: none;
			color: #70CAEF;
			float: left;
			font-size: 2em;
			font-weight: bold;
			padding: 15px 0 15px 10px;
			width: 166px;
			}
			
				#cta ul li#call span {
				color: #fff;
				}

		#cta ul a {
		color: #70CAEF;
		font-size: 1em;
		}
		
			#cta ul a span {
			color: #fff;
			font-size: 2em;
			font-weight: bold;
			}



/* Main wrapper. */

#index_wrapper {
background: url(/graphics/layout/teeth.jpg) repeat-x;
position: relative;
}

#wrapper {
background: url(/graphics/layout/small_teeth.jpg) repeat-x;
position: relative;
}

#wrap_shad {
background: url(/graphics/layout/wrap_shad.png) repeat-x;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 20px;
}



/* Teeth! */

#teeth {
margin: 0 auto;
width: 960px;
height: 240px;
position: relative;
overflow: hidden;
}
	
	#teeth .t {
	background: transparent url(/graphics/layout/tooth.png) bottom left no-repeat;
	position: absolute;
	top: -240px;
	width: 176px;
	height: 240px;
	}
	
	#teeth .t a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 176px;
	height: 240px;
	color: #005B83;
	font-size: 1.8em;
	font-weight: bold;
	z-index: 1000;
	}
	
	#teeth .t span {
	display: block;
	margin: 30px 0 0 0;
	line-height: 0.9em;
	}
	
	#teeth .t small {
	color: #54B2DA;
	font-size: .8em;
	}
	
	#t1 {
	left: 0;
	}
	
	#t2 {
	left: 196px;
	}
	
	#t3 {
	left: 392px;
	}
	
	#t4 {
	left: 588px;
	}
	
	#t5 {
	left: 784px;
	}



/* Small Teeth! */

#small_teeth {
margin: 0 auto;
width: 960px;
height: 86px;
position: relative;
overflow: hidden;
}
	
	#small_teeth .t {
	background: transparent url(/graphics/layout/tooth.png) left bottom no-repeat;
	position: absolute;
	top: -10px;
	width: 176px;
	height: 86px;
	}
	
	#small_teeth .t a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 176px;
	height: 86px;
	color: #005B83;
	font-size: 1.8em;
	font-weight: bold;
	z-index: 1000;
	}
	
	#small_teeth .t span {
	display: block;
	margin: 20px 0 0 0;
	}
	
	#small_teeth .t small {
	color: #54B2DA;
	font-size: .8em;
	}


/* Slogan */

p#slogan {
background: url(/graphics/layout/tagline.png) 50% 60% no-repeat;
height: 67px;
text-indent: -1000em;
width: 920px;
margin: 0 auto;
}



/* Main content. */

#main {
background: transparent url(/graphics/layout/content.jpg) top left repeat-y;
margin: 0 auto;
width: 1004px;
}

	/* Content area. */

	#content {
	background: transparent url(/graphics/layout/content_top.jpg) top left no-repeat;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 44px 0 0 0;
	text-align: left;
	float: left;
	width: 1004px;
	}
	
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		border-bottom: 1px solid #7ED6FA;
		font-size: 1.4em;
		padding: 0 0 5px;
		margin: 0 0 17px;
		color: #005B83;
		}
		
		#content p#testimonials {
		font: Georgia;
		font-style: italic;
		font-size: 1.2em;
		margin-bottom: 5px;
		padding-bottom:0px;
		color:#333333;
		}
		
		#content p#name {
		color: #005B83;
		font-weight: bold;
		margin-top: 0px;
		padding-top: 0px;
		}
		
			#content p#name span {
			color: #000000;
			font-weight: normal;
			}
		
		#content p, #content ul, #content ol, #content blockquote {
		padding: 0 0 17px;
		}
		
			#content ul, #content ol, #content blockquote {
			margin: 0 30px;
			}
		
		#content a {
		color: #005B83;
		}
	
	

/* Footer panel. */

#footer {
background: #EFEFEF;
border-top: 1px solid #D1D1D1;
color: #888888;
margin: 0 22px;
text-align: left;
clear: both;
}

	#footer_left, #footer_middle, #footer_right {
	float: left;
	padding: 17px 20px;
	width: 280px;
	}
	
	#footer h1 {
	color: #005B83;
	font-size: 2em;
	letter-spacing: -1px;
	padding: 0 0 5px;
	}
	
		#footer h1 a {
		color: #005B83;
		}
	
		#footer h1 span {
		color: #36CCFF;
		}
	
		#footer_left p {
		font-size: 1.6em;
		font-weight: bold;
		padding: 12px 0 0;
		}
		
			#footer_left p a, #footer_left p span {
			color: #54B2DA;
			}
	
	#footer .box {
	background: #fff;
	border: 1px solid #C1C1C1;
	height: 160px;
	margin: 12px 0 0;
	overflow-x: hidden;
	overflow-y: scroll;
	}
	
		#footer .box p {
		border-bottom: 1px solid #C1C1C1;
		color: #555;
		font-size: 1.1em;
		line-height: 1.5em;
		margin: 5px 15px;
		padding: 3px 0 5px;
		}
	
			#footer .box p a {
			color: #555;
			}
	
				#footer .box p span, #footer .box p span a {
				color: #999;
				}
		
			#footer .box p.noline {
			border: none;
			}
	
		#footer .box p.box_link {
		border-bottom: none;
		font-weight: bold;
		text-align: right;
		}
	
			#footer .box p.box_link a {
			color: #005B83;
			}
	


/* Spiderlinks. */

#spiders {
background: #54B2DA;
border-top: 1px solid #0D739D;
font-size: 1.2em;
font-weight: bold;
margin: 0 22px;
text-align: left;
padding: 0 15px;
}

	#spiders ul {
	float: left;
	list-style: none;
	margin: 0 5px;
	padding: 17px 0;
	width: 176px;
	}
	
		#spiders ul li {
		padding: 0 0 3px
		}
	
		#spiders ul li:first-child {
		color: #005B83;
		padding: 0 0 17px;
		}
	
		#spiders ul a {
		color: #fff;
		}



/* Column layouts. */

#content .three {
float: right;
padding: 0;
margin: 0 40px 0 0;
width: 270px;
}

#content .two {
float: left;
padding: 0;
width: 600px;
margin: 0 0 0 40px;
}

#content .one {
padding: 0;
margin: 0 40px;
}



/* Accessibility popup. */

ul#accessibility_popup {
list-style: none;
padding: 10px;
width: 400px;
}

	ul#accessibility_popup li {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px;
	}
	
	ul#accessibility_popup a {
	background: #54B2DA;
	color: #fff;
	display: block;
	padding: 10px;
	}
	
		ul#accessibility_popup a:hover {
		background: #000;
		color: #fff;
		}



/* Contact table */

form#quote_form { padding: 20px; }
p#quote_text { font-size: 1.2em; padding: 0 0 20px; text-align: left; }

table.cms_form, table.user_form, table.quote_form {
background: #eee;
margin: 0 0 16px;
width: 450px;
}

	table.quote_form { font-size: 1.2em; text-align: left; }
	table.quote_form.top_left { float: left; margin-right: 20px; width: 341px; }
	table.quote_form.top_right { float: left; width: 341px; }
	table.quote_form.main { clear: both; margin-top: 20px; width: 702px; }
	table.quote_form th { background: #ccc; width: 234px; }

	table.cms_form thead, table.user_form thead { display: none; }
	
	table.quote_form td, table.quote_form th { padding: 5px 10px; }
	table.quote_form td input.checkbox { margin: 3px 10px 0 0; position: relative; top: 2px; }

	table.cms_form td.left, table.user_form td.left, table.quote_form td.left {
	background: #ccc;
	padding: 7px 10px;
	vertical-align: top;
	width: 150px;
	}

	table.cms_form td.right, table.user_form td.right, table.quote_form td.right {
	padding: 5px 10px;
	}

		table.cms_form td.right input, table.user_form td.right input, table.quote_form td.right input, table.quote_form textarea {
		border: 1px solid #999;
		padding: 2px 5px;
		width: 300px;
		}
		
			table.quote_form td.right input { width: 200px; }
			table.quote_form textarea { height: 75px; width: 670px; }
			table.cms_form td.right input#cms_contact_dayphone { width: 225px; }
			table.cms_form td.right input#cms_contact_evephone { width: 225px; }
			table.cms_form td.right input#cms_contact_email { width: 200px; }
			table.cms_form td.right input#cms_contact_postcode { width: 200px; }
			table.cms_form td.right input#cms_form_validate { float: left; width: 100px; }

		table.cms_form td.right textarea, table.user_form td.right textarea {
		border: 1px solid #999;
		height: 100px;
		padding: 5px;
		width: 400px;
		}
		
		span.form_verification {
		display: block;
		padding: 0 0 5px;
		}
		
			span#validation_code {
			background: url(../graphics/layout/code.jpg) no-repeat;
			float: left;
			height: 22px;
			margin: 0 0 0 5px;
			width: 112px;
			}
		
	#content p.cart_buttons {
	border-top: 1px solid #ccc;
	padding: 10px 0 16px;
	}
		
		#content p.cart_buttons input {
		background: #54B2DA;
		color: #fff;
		cursor: pointer;
		font-size: 1.2em;
		float: right;
		font-weight: bold;
		padding: 5px 10px;
		}



/* Company Details. */

#content p#company-details {
font-size: .9em;
color: #aaa;
}



/* Information message. */

#content p#info_message {
background: #54B2DA;
color: #fff;
margin: 20px 0 20px 40px;
padding: 10px 0 10px 10px;
width: 910px;
}

	#content p#info_message.error {
	background: #c00;
	}



#sharethis {
clear: both;
font-size: 1.2em;
padding: 10px 0;
margin: 0 40px 0 0;
text-align: right;
}

	#sharethis .addthis_toolbox {
	float: right;
	width: 150px;
	}
	
	.forme {
	float: right !important;
width: 480px;
text-align: left !important;
margin-left: 15px;
	}
	
	.forme2 {
	float: left !important;
width: 570px;
text-align: left !important;
margin-left: 15px;
	}
	
	#info_message a {
	font-size: 1.8em;
	color: #F9C511;
	}


/* Bug fixes. */

		  #cta, 		  #cta ul, 			 #footer, 			#spiders, 			.cart_buttons,			 #sharethis { height: 1%; }
html>body #cta, html>body #cta ul, html>body #footer, html>body #spiders, html>body .cart_buttons, html>body #sharethis { height: auto; overflow: auto; }