/****        © 2008 soVision Ltd          ****/
/** CSS Styles for Cool-therm (UK) Limited  **/

/* Site Wide Colours
	Dark Blue	:	#2F286E
	Light Blue	:	#D9E0E8
	Red			:	#D23215

	                        */
/* BEGIN PAGE STYLES */
body{
	margin:0px;
	padding:0px;
	background:url(../images/background-top-blue.gif) repeat-x top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.container{
	margin:0px auto 0px auto;
	width:910px;
	background:#FFFFFF;
}
/* BEGIN PAGE TOP STYLES */
.header{
	background:#FFFFFF url(../images/background-topstrip.gif) repeat-x top;
	float:left;
	width:100%;
	position:relative;
}
.logo img{
	margin:0px 0px 0px 26px;
	padding:23px 0px 23px 0px;
	width:238px;
	float:left;
	position:relative;
}
.home-banner{
	background:url(../images/home-top-banner.jpg) no-repeat right top ;
	height:107px;
	float:right;
	position:relative;
	text-align:right;
}
.home-banner h1{
	color:#2F286E;
	font-size:1.4em;
	font-style:normal;
	font-weight:normal;
	margin:48px 170px 0px 0px;
	white-space:nowrap;
}
/* BEGIN PAGE MAIN STYLES */
.main{
	margin:0px 0px 0px 0px;
	padding:4px 26px 12px 26px;
	clear:both;
}
.main h1{
	color:#2F286E;
	font-size:1.2em;
	font-style:normal;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.main h2{
	color:#2F286E;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.main h3{
	font-size:1em;
	margin:0px 30px 0px 8px;
	padding:8px 0px 0px 0px;
}
.main p{
	font-size:0.9em;
	margin:0px 30px 0px 8px;
	padding:4px 0px 4px 0px;
}
.main a{
	text-decoration:none;
	font-weight:bold;
	color:#2F286E;
}
.main a:hover{
	text-decoration:underline;
}
/* BEGIN MIDDLE CONTENT STYLES */
.middle-full{
	width:100%;
	float:left;
	position:relative;
	margin-top:12px;
}
.middle-left{
	width:420px;
	text-align:left;
	float:left;
	position:relative;
	margin-top:12px;
}
.middle-right{
	width:420px;;
	text-align:right;
	float:right;
	position:relative;
	margin-top:12px;
}
.full-content{
	width:100%;
	background:#D9E0E8 url(../images/br-corner.gif) bottom right no-repeat;
	text-align:left;
	float:left;
	position:relative;
}
.half-content{
	width:420px;
	background:#D9E0E8 url(../images/br-corner.gif) bottom right no-repeat;
	text-align:left;
}
.red-head{
	background:url(../images/red-headerstrip.gif) repeat-x top;
	width:100%;
	float:left;
	position:relative;
}
.red-head h1{
	color:#FFFFFF;
	line-height:30px;
	font-size:1em;
	font-weight:bold;
	padding:0px 8px 0px 8px;
	float:left;
	position:relative;
}
.red-head a{
	background:url(../images/button-red-up.gif) no-repeat;
	color:#FFFFFF;
	margin:5px 10px 0px 10px;
	padding:0px 10px 4px 22px;
	float:right;
	position:relative;
}
.red-head a:hover{
	background:url(../images/button-red-over.gif) no-repeat;
	text-decoration:none;
}
.blue-head{
	background:url(../images/blue-headerstrip.gif) repeat-x top;
	width:100%;
	float:left;
	position:relative;
}
.blue-head h1{
	color:#FFFFFF;
	line-height:30px;
	font-size:1em;
	font-weight:bold;
	padding:0px 8px 0px 8px;
	float:left;
	position:relative;
}
.blue-head a{
	background:url(../images/button-blue-up.gif) no-repeat;
	color:#FFFFFF;
	margin:5px 10px 0px 10px;
	padding:0px 10px 4px 22px;
	float:right;
	position:relative;
}
.blue-head a:hover{
	background:url(../images/button-blue-over.gif) no-repeat;
	text-decoration:none;
}
.half{
	width:50%;
	float:left;	
}
/* BEGIN FOOTER STYLES */
.footer{
	background:url(../images/background-bot-blue.gif) repeat-x top;
	clear:both;
}
.footer a{
	color:#2F286E;
	font-weight:bold;
	text-decoration:none;
}
.footer-container{
	margin:0px auto 0px auto;
	width:910px;
	background:#D9E0E8 url(../images/background-botstrip.gif) repeat-x top;
}
.footer-container p{
	padding:10px 26px 20px 26px;
	font-size:0.75em;
	color:#2F286E;
	text-align:center;
}
.footer-outer{
	margin:0px auto 0px auto;
	padding:0px;
	width:910px;
	font-size:0.7em;
	color:#2F286E;
}
.footer-left{
	width:50%;
	text-align:left;
	float:left;
	position:relative;
}
.footer-right{
	width:50%;
	text-align:right;
	float:left;
	position:relative;
}
