* {margin:0; padding: 0;}
body {
	font-family: Tahoma, Geneva, Helvetica,Verdana, Arial,  sans-serif;
	font-size: 76%;
	line-height: 150%;
	background-color: #0D548C;
}
#outerwrapper {
	background-color: #FFFFFF;
	width: 100%;
	position: relative;
	float: left;
}
.clear {clear: both; margin:0; padding: 0; height: 1px;}

#wrapper {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #FFFFFF;
	z-index: 5;
}
#masthead {
	background-color: #FFFFFF;
	margin-top: 15px;
	width: 850px;
}
#wrapper #title {
	background-image: url(site_images/title-bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 560px;
	height: 40px; margin-bottom: 25px;
}
#wrapper #title h2{
	margin: 0; padding: 10px 0 0 10px; color: #fff; line-height:normal;
}
#sitemap {position:absolute; right: 20px; }
#sitemapbox {
	width: 400px;
	display:none;
	background: #0d548c;
	position: absolute; top: 20px; right: 20px; padding:15px;
	border: 2px solid #4dbde4;}
#sitemapbox ul {list-style: none; margin: 5px 10px; font-size: 11px;}
#sitemapbox li {list-style: none; padding: 1px 5px; font-family: Verdana, Arial,  sans-serif;}
#sitemapbox li a {text-decoration:none; color: #fff;}
#sitemapbox li a:hover {text-decoration:none; color: #2872aa; text-decoration:underline;}
ul+li {font-weight: bold;}
#sitemapbox h3 a {padding: 7px 32px 7px 35px; background-image: url(site_images/buttons.jpg); background-position: left top; text-decoration:none; color: #fff; font-size: 10px; float:right;}
#sitemapbox h3 a:hover {padding: 7px 32px 7px 35px; background-image: url(site_images/buttons.jpg); background-position: left bottom; text-decoration:none; color: #fff; font-size: 10px;float:right;}

#mainnav {
	background-color: #2E7EB6;
	margin-top: 15px;
	background-image: url(site_images/nav_grad.png);
	background-repeat: repeat-x;
	background-position: left top;
	position: relative;
}
#breadcrumb {
	height: 40px;
	width: 100%;
}
#breadcrumb .tel {
	color: #1F5F97;
	float: right;
	width: 130px;
	margin-top: 9px;
}
#breadcrumb .trail {
	float: left;
	padding-top: 10px;
	padding-left: 5px;
	font-size: 10px;
	color: #666666;
}
a {color: #43B8E4;}
a:hover {color: #0D548C;}
#mainnav ul {
	background-image: url(site_images/navl.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	color: #FFFFFF;
	list-style-type: none;
	padding-top: 3px;
	height: 40px;
}
#mainnav #search {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 31px;
	background-image: url(site_images/navr.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 210px;
	padding-top: 12px;
	color: #FFFFFF;
}
#ajaxSearch_submit {display:inline;}
#mainnav a:hover {
	color: #4DBDE4;
}
#mainnav li {
	font-weight: bold;
	float: left; 
}
#mainnav li a {
	display: block;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(site_images/navline.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.subnav {
	background-image: url(site_images/left_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #0D548C;
	color: #FFFFFF;
	width: 265px;
	margin-bottom: 25px;
}
.subnav ul {
	background-image: url(site_images/left_btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
	padding-top: 5px;
}
.subnav li {
	list-style-type: none; padding-bottom: 5px; margin: 5px 10px 5px 10px; border-bottom: 1px solid #2d6694;
	
}
.subnav li a {color : #fff; text-decoration: none;         
}
.subnav li a:hover {color : #4dbde3; text-decoration: none;         
}
#siteMap ul {margin:0; list-style:none;}
#siteMap ul li {padding: 3px 15px; font-weight: bold;}
#siteMap ul li ul li {font-weight: normal;}
#wrapper .mainfeature {
	background-image: url(site_images/rgt_curve.gif);
	background-repeat: no-repeat;
	position: relative;
	background-color: #4DBDE4;
	background-position: right top;
	margin-bottom: 10px; height: 218px;
}
#wrapper .mainfeature img {float:left; margin-right: 20px; }
#wrapper .mainfeature h4 {color: #fff; font-size: 112%; padding: 15px 0 5px 0; border:none; margin:0;}
#wrapper .mainfeature li {color: #fff; padding: 3px 0 ; background-image: none; list-style-type: none; line-height: 120%;}

.catalogue {float:left; padding: 8px 15px 15px 0;}
/* Left Column */
#col1 {
	width: 260px;
	float: left;
}
#newsletter {
	border: 1px solid #eee;
	margin: 10px 5px;
	position: relative;
	background-image: url(site_images/eicon.jpg);
	background-repeat: no-repeat;
	background-position: right 3px;
	padding: 3px 8px 8px 8px;
	font-size: .9em; clear:left;
}
#newsletter .subscribe {
	margin: 0px; padding:0;
}
#newsletter span {padding-left: 25px;}

/* Main Column & Content */
.topimage {padding-bottom: 10px;}
#col2 {
	background-color: #FFFFFF;
	float: right;
	width: 560px;
}
.box1 {
	width: 269px;
	float: left;
}
.box2 {
	width: 262px;
	float: right;
}
.box3 {float:right; margin-left: 15px;}
.box3 p span {color: #666; font-size: 9px; padding-left: 5px;}

.products {
	border: 1px solid #CCCCCC; margin-bottom: 15px; clear:left; float:left; width: 560px;
}
.products  h4 {padding: 8px 10px; background: #eee; margin: 0 0 10px 0;}
.products p {padding: 0 10px;}
.products img {border: 1px solid #ccc; margin: 2px 10px 10px 20px; float:right;}
a img, img a {border:none;}
.imgright {float:right; border: 1px solid #eee; padding: 3px; margin: 0 0 10px 15px;}

#col2 ol, #col2 ul {margin: 3px 15px; }
#col2 ul li { background: url(site_images/arrow2.gif) no-repeat left 9px; list-style-type: none; padding: 2px 15px;}


/* Main Font Formatting */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #062A61;
	font-size: 1.6em;
	line-height: normal;
	margin: 1em 0 .5em 0;
	letter-spacing: -0.04em;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #062A61;
	font-size: 1.3em;
	line-height: normal;
	margin: 1em 0 .5em 0;
	letter-spacing: -0.01em;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #062A61;
	font-size: 1.2em;
	line-height: normal;
	margin: 1em 0 .2em 0; clear:left;
}
h4 {
	color: #000;
	font-size: 1.1em;
	line-height: normal;
	margin: 2em 0 .4em 0; padding: 0 0 5px 0; border-bottom: 1px solid #ccc;
}
h5 {
	color: #000;
	font-size: 1.0em;
	line-height: normal;
	margin: 1em 0 .2em 0;
}
#col2 p {
	margin-top: 0px;
	margin-bottom: .8em;
}
.clearleft {clear:left;}

/* All footer Info */
#footer {
	background-color: #0D548C;
	padding-top: 5px;
}
#footer .footercentre a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#footer .footercentre a:hover {
	text-decoration: underline;
}
#subfooter {
	background-color: #eaf3fa;
	height: 125px;
	width: 100%;
	clear: both;
}
#subfooter .footercentre {

	width: 850px;
	background-image: url(site_images/qa_logos.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer .footercentre {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	padding-top: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EAF3FA;
	background-image: url(site_images/btm_logos.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #0D548C;
}
.footercentre p {
	margin-bottom: .8em;
	line-height: 140%;
}

table.holdtite {clear: left; font-size:90%; border-collapse:collapse; width:100%; border-bottom: 2px solid #ccc; margin: 4px 0 10px;}
.holdtite td, .holdtite th {padding: 2px;}
.holdtite th {	background: #eee; text-align:left;}
.holdtite tr {border-bottom: 1px solid #eee;}
thcol1 {width: 16%;}
th.col2 {width: 26%;}
th.col3 {width: 58%;}

/* New Enquiry form */
form.enquiry {margin: 1em 0; }
.enquiry fieldset {border: 1px solid #eee; padding: 1em; margin-top: 1em; }
form.enquiry p {clear: left;}
form.enquiry p label {float: left; width: 120px; text-align:right; padding-right: 10px; }
.enquiry input.txt {color: #00008b; border: 1px inset #00008b; background-color: #eee; padding: 2px; width: 225px}
.enquiry input.btn {color: #00008b; background-color: #add8e6; border: 1px outset #00008b; }
.enquiry .chkbox {font-size: 1.2em; padding: 0px 10px 0 3px;}
.req{font-weight: bold; font-size: 1.2em; color: red;}
.enquiry textarea {font-size: 1.2em; padding: 0px 10px 0 3px;}
.submit-box {padding-left: 135px;}
.enquiry legend {font:bold 1.3em/1.2 Arial, Helvetica, sans-serif; }

