*
{
	margin: 0px;
	padding: 0px;
}

* html li { vertical-align: bottom; }
* html img { vertical-align: middle; }
* html input { vertical-align: middle; }
html, body { height: 100%; }

body
{
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	color: #333;
	text-align: center;
	text-decoration: none;
	background: url(/static/graphics/bodybg.png) repeat-x top #f0f0f0;
}


img { border: 0px; }

ul
{
	padding: 0px;
	margin: 0px;
}

ul li
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}


a
{
	color: #819dab;
	text-decoration: none;
	cursor: pointer;
}

a:hover
{
	color: #333;
	text-decoration: underline;
	cursor: pointer;
}

p
{
	margin: 0px 0 15px 0;
	padding: 0px;
	font-size:14px;
}
.small {font-size:0.8em;}
.x-small {font-size:0.6em;}

.clear
{
	clear: both;
	height: 0px;
	display: block;
	font-size: 0px;
}

.left { float: left; }
.right { float: right; }
.imgright {float:right; margin: 5px 0 10px 10px;}
.imgright.border {border:1px solid #ccc; padding:2px;}

.con-wrap p img.imgcentre {float:none;margin:0 auto; display:block;}
.center
{
	margin: auto;
	text-align: center;
}

.bold { font-weight: 700; }


div.btn {margin-left:14px;}
a.btn span {
	display:block; 
	background:#B4620B;
	float:left;
	padding:5px 10px;
	color: #fff;
	border: 1px solid #B4620B
	}
a.btn:hover span {background: #FD8E16;}
a.btn {
/*	border:1px solid red;*/
	background:#fff;}


.captcha {padding:10px;width:143px;margin:0 auto;border:1px solid #ccc;}
.captcha p {overflow:hidden;clear:both;margin:4px 0 0;}
.captcha p label {width:140px;float:left;display:block;font-weight:700;font-size:12px;}
.captcha p img {float:left;display:block;width:140px;}
.captcha p input {float:left; display:block;width:130px;border:1px solid #3877aa;background:#bcd7f2;padding:4px 5px;margin: 4px 0 0;}
/*Typography*/




/*body */
#wrapper
{
	width: 100%;
	margin: auto;
	text-align: left;
	clear: both;
}


#container
{
	width: 900px;
	margin: auto;
	text-align: left;
	
}

/* Header */

#header
{
	width: 901px;
	height: 184px;
	margin: auto;
}

#header_left { float: left; }

#header_left img
{
	padding-top: 47px;
	width: 343px;
	height: 137px;
}

#header_right
{
	color: white;
	float: right;
	width: 490px;

}

#header_right_top
{

	padding-top: 68px;
	

}

#header_right_top ul li
{
	
	font-size: 25px;
	letter-spacing: 2px;
	color: #757575;
	text-align:right;
	font-weight:700;
}
#header_right_top ul li a, #header_right_top ul li a:visited {color:#757575;}
#header_right_top ul li a:hover, #header_right_top ul li a:active {	color: #819dab;}
#header_right_bottom { float: left; }


/* Navigation */

.navigation
{
	float: left;
	width: 490px;
	line-height: 22px;
	margin-top: 25px;
}

.navigation ul li
{
	float: left;
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
}

.navigation ul li a
{
	color: #737373;
	float: left;
	padding: 0px 7px;
}

.navigation ul li a:hover
{
	color: #333;
	float: left;
	padding: 0px 7px;
}

.navigation ul li a.active
{
	color: #3E7EAE;
	float: left;
	padding: 0p x 7px;
}



/* BANNER NEW */
.banner-c
{
	margin: auto;
	clear: both;
	width: 900px;

	position: relative;
	height:225px;
	margin-bottom:15px;



}




.banner div.tag1 {
	width:460px;
}

.banner div.tag1 p strong
{
	font-size: 25px;
	color: #fff;
	font-weight: 700;

	margin-bottom:5px;


}
.banner div.tag1 p {
font-size:16px;
font-weight:400;
line-height:22px;

	color: #fff;

}

.banner-c .banner
{
	width: 555px;
	position: absolute;
	top: 60px;
	left: 58px;
	z-index: 1000;
}


.banner-c .caption {
background: #ed933f;
color:#3a4346;
padding:10px 20px;
margin: 0 0 20px 31px;
font-weight:700;
text-align:right;
width:830px;
position:relative;
top:-23px;
text-align:center;



}







.orangeBtn
{
	width: 101px;
	height: 33px;
	background: #B4620B;
	border: 1px solid #B4620B;
}

.orangeBtn:hover
{
	background: #FD8E16;
	display: block;
}

.orangeBtn a
{
	color: #ffffff;
	font-size: 12px;
	font-family: Tahoma;
	line-height: 33px;
	font-weight: bold;
	padding-left: 14px;
}







/* Home */

#home .col
{
	float: left;
	width: 549px;

	margin-right: 21px;
	padding: 10px 20px;

}



.col_gap { margin-top: 18px; }
*/
#home .col_images
{
	width: 249px;
	height: 117px;
	margin: auto;
	clear: both;
}

#home .col_head h3
{
	padding-left: 18px;
	padding-top: 15px;
	padding-bottom: 18px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

#home .col_head h3 a { color: #333; }
#home .col_head h3 a:hover { color: #3274a7; }

#home .col_head p {
	padding: 0 22px 16px 18px;
	color: #333;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
}

#home .col3 {
	float: left;
	width: 289px;

}
#home #container ul, #home #container ol {padding: 0px 30px 10px;}
#home #container ul li {
	list-style-image: url(/static/graphics/bullet_yellow.png);
	list-style-position: outside;
	font-size:  1em;
	margin-bottom:5px;
	
}

#home #container ol li {list-style-position:outside;
	font-size:1em;
	
	}
#home #container ul.tick li {
	list-style-image: url(/static/graphics/tick.png);
	
}
#home #container ul.obligations {padding-left:0px;}
#home #container ul.obligations li {
padding-left:25px;
background:url(/static/graphics/tick-large.png) no-repeat left 2px;
margin:8px 0;
list-style-type:none;
list-style-image:none;
	}
#home #container ul.obligations span {

font-size:16px;
}





#content h1, .col h1 {
color: #214e77;
margin-bottom:15px;
	font-size:20px;

}

#content h1, .col h1 {
color: #214e77;
margin-bottom:15px;
	font-size:20px;

}




#content h2 {margin: 10px 0 7px;font-size:16px;}
#content h3 {margin: 10px 0 7px;}

#sidebar h2, .col3 h2
{
	margin: 0 auto;
	background: url(/static/graphics/col_hd_bg.png) repeat-x #3375a7;
	padding: 8px 8px 8px 8px!important;
	color: #b6d5e8 !important;
	font-size: 22px;
	text-align: left;
	font-family:  arial, sans-serif;
	text-align:center;
}

.instantquote input.input-box {

width:230px;
margin:5px;

}

.instantquote label span {color: red;}
.instantquote textarea {width:230px;margin:5px;}








/* Generic Styles??*/




.con-wrap h3 a {

color: #1c4966;
font-size:14px;
}

/*Contact Form*/

.contact-form h1
{
	margin: 0 auto;
	background: url(/static/graphics/col_hd_bg.png) repeat-x #549acd;
	padding: 8px 0 8px 18px!important;
	color: #b6d5e8 !important;
	font-size: 22px;
	text-align: left;
	font-weight: 400;
}
.contact-form { width: 510px; }

.contact-wrap
{
	background: url(/static/graphics/bbg1.png) no-repeat right #e4e4e4;
	height: 484px;
	padding: 10px 0px 0px 20px;
	margin-bottom: 25px;
}


.contact-page .col1 {width:300px;float:left;}
.contact-page .col2 {width:500px;float:left;}
.contact-wrap .row {overflow:hidden;clear:both;margin:5px 0;}
.contact-wrap .row.twocol label {float:left;display:block;width:100px;}
.contact-wrap .row.twocol input.input-box, .contact-wrap .row.twocol textarea {float:left;}
.contact-wrap .buttons {text-align:center;}
.contact-wrap .input-box {border:1px solid #7099b9;width:300px;padding:3px;}
.contact-wrap textarea {border:1px solid #7099b9;width:290px;}
/*
.title
{
	font-size: 14px;
	font-weight: normal;
	color: #666;
	padding: 5px 0px;
}
*/
.contact-form ul
{
	margin-top: 10px;
	width: 395px;
}

.contact-form ul li
{
	display: block;
	margin-bottom: 8px;
}

.required {font-weight:700;colour:red;}f
.contact-form ul li label
{
	float: left;
	width: 13em;
	padding-left: 8px;
	margin-right: 3px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
/*	_margin-bottom: 5px;*/
}

.instantquote .input-box
{
	padding: 8px;
	background: #fff;
	border: 0px;
	width: 378px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.area-box
{
	padding: 4px 8px;
	background: #fff;
	border: 0px;
	width: 378px;
	color: #000;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.top-bar
{
	background: url(/static/graphics/bg-top.png) no-repeat center;
	height: 24px;
	margin: auto;
	width: 900px;
	font-size: 0px;
}

.select
{
	float: right;
	margin-right: 3px;
	width: 210px;
	padding: 3px 5px;
	background: url(/static/graphics/bg3.png) repeat-x;
	border: 1px solid #c7c5c5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 11px;
}

.button
{
	margin: 15px 0px 0px 0px;
	background: #b4620b;
	font-size: 13px;
	color: #fff;
	font-family: arial;
	font-weight: normal;
	border: 0px;
	padding: 6px;
/*	_padding: 6px 0px; */
	cursor: pointer;
}

.msg-wrap
{
	background: url(/static/graphics/bg2.png) no-repeat right bottom #e4e4e4;
	min-height: 53px;
	height: auto !important;
	padding: 40px 30px 20px 30px;
}

.msg-wrap p
{
	color: #4a4747;
	font-size: 14px;
	font-family: arial;
	text-align: center;
}



/*subpage - content*/

#main
{
	background: url(/static/graphics/bg-main.png) repeat-y;
	margin: auto;
	clear: both;
	min-height: 400px;
	height: auto !important;
}

#main.onecol {

background: url(/static/graphics/bg-main.png) repeat-y 295px 0;
}

#content
{
	padding: 0px 10px 30px 10px;
	width: 584px;
	float: left;
}
.onecol #content {width:900px;}
.con-wrap
{
	width: 550px;
	margin: auto;
}

.con-wrap h1
{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px;
	color: #244f73;
	font-size: 24px;
	font-weight: bold;
}

.con-wrap h1 a { color: #244f73; }
.con-wrap h1 a:hover { color: #666; }
.con-wrap h3 {
	margin: 13px 0 5px;

}
.con-wrap p
{
	padding: 0px 0px 0px 0px;
	margin: 5px 0 10px;
	line-height: 18px;
	color: #333;
	font-size: 13px;
}

.con-wrap p img
{
	float: right;
	border: 1px solid #ccc;
	padding: 2px;
}
.con-wrap ul, .con-wrap ol {padding: 0px 30px 10px;}
.con-wrap ul li {
	list-style-image: url(/static/graphics/bullet_yellow.png);
	list-style-position: outside;
	font-size:  1em;
	margin-bottom:5px;
}

.con-wrap ol li {list-style-position:outside;
	font-size:1em;
	
	}
.con-wrap ul.tick li {
	list-style-image: url(/static/graphics/tick.png);
	
}

.con-wrap em {
	font-style: italic;
}
.con-wrap strong {
	font-weight: 700;
}
.con-wrap blockquote {
	padding: 20px;
	font: italic larger Georgia, "Times New Roman", Times, serif;
	text-align: center;
	line-height: 1.7em;
}

.con-wrap table {
	margin: 15px auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.con-wrap table th {
	background:#f0f0f0;
	
	color: #000 ;
	font-weight: 700;
	padding:5px 10px;
}
.con-wrap table td {
	padding: 5px 10px;
	background: #fff;
	
}
.con-wrap table tr {
	border-top: 1px solid #ccc;

}


/* Sidebar */
#sidebar
{
	float: left;
	width: 287px;
	margin-left: 5px;
}


#sidebar .services-nav { margin: 15px 0px 45px 20px; }

#sidebar .services-nav ul li
{
	color: #666;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	margin-bottom: 10px;


}
#sidebar .services-nav ul li {

background: url(/static/graphics/hoverarrow.png) no-repeat 0px 5px;
	padding-left: 10px;

}
#sidebar .services-nav ul li a
{
	color: #666;
	}

#sidebar .services-nav ul li a:hover,#sidebar .services-nav ul li a.active
{
	color: #3e7eaf;

}

#sidebar .content-wrap
{
	padding: 20px 0px 0px 0px;
	margin-bottom: 20px;
}


#sidebar .testtag-enquire
{

	position: relative;
	left: -5px;
	
}

#sidebar .testtag-enquire img { width: 289px; }
.sideblock
{
	float: right;
	width: 285px;
	margin: 0px;
	padding: 0px;
}

.map
{
	width: 285px;
	margin: 15px auto;
}

#sidebar .datatel-banner
{
	margin: 5px auto auto auto;
	width: 285px;
	height: 161px;
}

#sidebar .datatel-banner img { width: 285px; }
#sidebar h3, .col3 h3
{
	height: 36px;
	margin: 0px auto;
	background: url(/static/graphics/col_hd_bg.png) repeat-x #549acd;
	padding: 10px 5px 0px 20px;
	color: #b6d5e8;
	font-size: 19px;
	font-weight: 700;
	text-transform:normal;

}

#col3_right_wraper
{
	padding: 20px 0px 0px 0px;
	background: #e4e4e4;
	margin-bottom: 20px;
	min-height: 212px;
	height: auto !important;
}

.col3_right_wraper { padding: 20px 0px 0px 30px; }

.col3_right ul li, .contact-page .contact-details li
{
	float: left;
	font-size: 14px;
	color: #244d72;
	margin-right: 16px;
	font-weight: bold;

}
.contact-page .contact-details {clear:both;overflow:hidden;}

.col3_right ul li p
{
	color: #333;
	text-transform: none;
	font-size: 13px;
	
}

.col3_right ul li p a { color: #333; }


/* These gaps are used in the sidebar , could be removed easily */
.col3_gap { margin-top: 18px; }
.col2_gap { margin-top: 25px; }
.col3_right { margin: 0px 0px 0px 20px;padding: 0 20px 20px 0; }

/* News */
.newsItem h4
{
	margin-top: 20px;
	font-size: 1.4em;
	font-family: Verdana, arial, sans-serif !important;
	font-weight: 300;

}
.newsItem  h4 a {color: #244f73;}
.newsItem h4 a:active, .newsItem h4 a:hover {
	text-decoration:underline;
}
.newsItem p
{
	font-size: 1em;
	line-height: 1.4em;
	padding: 0px !important;
}

.newsItem img { margin: 0 0 15px 20px; }

.newsInfo p
{
	font-size: 0.8em !important;
	color: #b7b7b7;
	border-bottom: 1px dotted #b7b7b7;
}


/* Pricelist */

.pricelist td, .pricelist th {

padding: 3px 10px;

}
.pricelist {border: 1px solid #ccc;width:850px;}
.pricelist thead  {background:#21507c;color: #fff;}
.pricelist  tbody td {padding: 5px 10px;}
.pricelist td span {}
.pricelist td {
vertical-align:top;

}

.pricelist tr td+td,.pricelist tr th+th {}

/* FOOTER */

#footer_wraper
{
	width: 100%;
	margin: 25px auto 0;
	clear: both;
}

#footer_br
{
	width: 901px;
	height: 40px;
	border-bottom: 1px solid #a2a2a2;
	border-top: 1px solid #a2a2a2;
	margin: auto;
}

#footer { padding-left: 15px; }
#footer ul {text-align:center;}

#footer ul li
{
	display:inline;
	font-size: 12px;
	color: #305a81;
	margin-right: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 40px;

}

#footer ul li span
{
	color: #333;
	text-transform: none;
}

#copyright
{
	height: 150px;
	width: 901px;
	margin: auto;
	color: #aeaeae;
	padding: 10px 0;

	font-size: 11px;
}

#copyright_left { float: left; }
#copyright_right { float: right; }