/**** © 2008 soVision Ltd ****/
/** CSS Styles for Cabot Thermals limited  **/

/* Site Wide Colours               
	BLUE 		: #2F94CE
	LIGHT BLUE 	: #CDE6F3
	DARK BLUE	: #24709D

		
*/
body{
	margin:0px;
	padding:0px;
	background:url(../../images/background-top.gif) repeat-x top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.container{
	margin:0 auto 0 auto;
	padding:0px;
	width:926px;
}
/* BEGIN PAGE TOP STYLES */
.header{
	margin:0px;
	padding:0px;
	height:182px;
}
.header h1{
	margin:0px;
	padding:0px;
	font-size:0.8em;
	color:#FFFFFF;
}
.head-strip{
	background:#2F94CE;
	line-height:20px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}
.head-logo{
	background:#FFFFFF url(../../images/top-drop-shaddow-white.gif) repeat-x top;
	float:left;
}
.logo img{
	margin:20px 0 0 34px;
}
.logo{
	float:left;
	position:relative;
	width:248px;
	height:128px;
	background:url(../../images/top-drop-shaddow-white.gif) repeat-x top;	
}
.image{
	float:left;
	position:relative;
	width:516px;
	height:128px;
	background:#cccccc; /* DELETE */
}
.address{
	float:left;
	position:relative;
	width:162px;
	height:128px;
	background:#2F94CE url(../../images/top-drop-shaddow-blue.gif) repeat-x top;
	color:#FFFFFF;
	text-align:center;
	font-size:0.9em;
}
.telephone{
	clear:both;
	float:left;
	position:relative;
	width:100%;
	line-height:34px;
	text-align:right;
	font-style:italic;
	font-weight:bold;
	font-size:0.9em;
	color:#FFFFFF;
	background:url(../../images/drop-shaddow-telephone.gif) repeat-x top;
}
.telephone b{
	padding:0 0 0 3em;
	color:#CDE6F3;
}
.telephone a{
	padding:0 1em 0 0;
	color:#FFFFFF;
	text-decoration:none;
}
.telephone a:hover{
	text-decoration:underline;
}
/* BEGIN NAV STYLES */
.nav{
	float:left;
	position:relative;
	background:#2F94CE;
	width:142px;
	margin:-8px 0 0 0;
	padding:8px 0 8px 0;
	z-index:2;
	font-size:0.8em;
}
.nav ul{
	list-style:none;
	margin:0 0 0 6px;
	padding:0;
}
.nav li{
	border-top:1px solid #CDE6F3;
	border-bottom:1px solid #24709D;
	margin:0;
	
}
.nav li a{
	color:#FFFFFF;
	padding:4px 4px 4px 4px;
	display:block;
	text-decoration:none;
}
.nav a:hover
{
    color:#CDE6F3;
}
    
.service-nav{
	background:#78B9E0;
}
.service-nav li a{
	color:#FFFFFF;
	padding:4px 10px 4px 4px;
	display:block;
	text-decoration:none;
}
.selected{
	background:url(../../images/selected.gif) no-repeat right;
}
/* BEGIN PAGE MAIN STYLES */
.main{
	background:#CDE6F3 url(../../images/drop-shaddow-ltblue.gif) repeat-x top;
	padding:0;
	margin:0;	
}
.main-inner{
	background:url(../../images/nav-strip-background.gif) repeat-y left;
	width:100%;
	float:left;
	position:relative;
}
/* BEGIN MIDDLE CONTENT STYLES */
.middle{
	padding:0;
	margin:16px 14px 0 160px;
	font-size:0.9em;	
}
.quarter{
	float:left;
	position:relative;
	margin:0 8px 8px 0;
	width:180px;
	background:#FFFFFF;
}
.two-quarters{	
	float:left;
	position:relative;
	margin:0 8px 8px 0;
	width:368px;
	background:#FFFFFF;
}
.three-quarters{	
	float:left;
	position:relative;
	margin:0 8px 8px 0;
	width:556px;
	background:#FFFFFF;
}
.four-quarters{	
	float:left;
	position:relative;
	margin:0 8px 8px 0;
	width:744px;
	background:#FFFFFF;
}
.heading{
	width:100%;
	margin:0px;
	padding:0px;
	background:#2F94CE url(../../images/tabtop-right.gif) no-repeat right top;
}
.heading h1{
	padding:2px 4px 4px 4px;
	margin:0px;
	font-size:1.2em;
	color:#FFFFFF;
	background:url(../../images/tabtop-left.gif) no-repeat left top;
}
.heading h2{
	padding:2px 4px 4px 4px;
	margin:0px;
	font-size:0.8em;
	color:#FFFFFF;
	height:24px;
	background:url(../../images/tabtop-left.gif) no-repeat left top;
}
.detail-welcome{
	padding:20px 160px 10px 12px;
	margin:0;
	background:url(../../images/cabot-thermals-bristol.jpg) no-repeat right top;
	border:1px solid #2F94CE;
}
.detail{
	padding:20px 12px 10px 12px;
	margin:0;
	border:1px solid #2F94CE;
}
.teaser-detail
{
	padding:0;
	margin:0;
	border:1px solid #2F94CE;
}

.underline{
	position:relative;
	background:#2F94CE url(../../images/tabbot-left.gif) no-repeat left bottom;
	line-height:11px;
}
.underline p{
	position:relative;
	padding:0;
	margin:0;
	background:url(../../images/tabbot-right.gif) no-repeat right bottom;
	font-size:11px;
}
.more{
	text-align:right;
	width:100%;
	padding:0;
	margin:0;
	background:url(../../images/more-white.gif) no-repeat right top;
	line-height:32px;
	display:block;
	cursor:pointer;
}
.more a{
	visibility:hidden;
}

.clear{
	position:relative;
	float:left;
	width:744px;
	font-size:0px;
	line-height:0px;
}
/* BEGIN FOOTER STYLES */
.accreditations{
	margin:0;
	padding:0;
}
.accreditations img{
	padding:0 0 0 30px;
}
.reg{
	text-align:right;
	font-size:0.7em;
	color:#666666;
	padding:0;
	margin:2px 0 2px 0;
}

.footer{
	clear:both;
	float:left;
	position:relative;
	width:100%;
	background:url(../../images/background-foot.gif) repeat-x top;
}
.footer a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.footer-container{
	position:relative;
	margin:0 auto 0 auto;
	padding:0;
	width:926px;
	background:url(../../images/background-foot-inner.gif) repeat-x top;
	height:32px;
}
.footer-container p{
	font-size:0.75em;
	color:#FFFFFF;
}
.footer-left{
	float:left;
	position:relative;
	padding:0 4px 0 4px;
	width:452px;
	text-align:left;
}
.footer-right{
	float:left;
	position:relative;
	padding:0 4px 0 4px;
	width:452px;
	text-align:right;
}
/* TEXT STYLES */ 
h1{
    margin:0 0 0.5em 0;
	padding:0;
	font-size:1.4em;
	color:#2F94CE;
}
h2{
    margin:0 0 0.5em 0;
	padding:0;
	font-size:1.2em;
	color:#2F94CE;
}
h3{
    margin:0 0 0.5em 0;
	padding:0;
	font-size:1.1em;
	color:#2F94CE;
}
h4{
    margin:0.5em 0 0.5em 0;
	padding:0;
	font-size:1.0em;
	color:#2F94CE;
}
p{
    margin:0;
	padding:0 0 1em 0;
	font-size:0.9em;
}
.middle a{
    color:#24709D;
    text-decoration:none;
}
.middle a:hover{
    color:#2F94CE;
    text-decoration:underline;
}

/* FORM STYLING */
.input{
    margin:0 0 6px 0;
	padding:2px 2px 2px 2px;
    border:1px solid #24709D;
    background:#ECF5FB;
}
span{
    margin:0;
	padding:0;
	width:160px;
	float:left;
	position:relative;
	text-align:right;
}
fieldset
{
    margin:0 15px 0 0;
	padding:0;
    width:325px;
    height:110px;
    float:left;
    position:relative;
}
legend
{
    color:#2F94CE;
}
.contact{
    width:325px;
    margin:0 15px 0 0;
	padding:0;
    float:left;
    position:relative;
}
.required
{
    width:98%;
    margin:0;
	padding:2px 2px 2px 2px;
    background:#FFE6E6;
    text-align:center;
}
.team
{
    border-bottom:1px solid #CDE6F3;
    height:110px;
    margin:10px 0 0 0;
    
   
    }
.team img{
   float:right;
   margin:0 0 0 10px;
}
ul{
    margin-top:0;
    margin-bottom:0;
}
li{
    padding-bottom:0.5em;
}
.pdf-list li{
    list-style:none;
}
img{
    border:0;
}