body { background:white; padding:15px; font-size:70%; color:#000; font-family:Arial, Tahoma, sans-serif; }


/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
/* removed 01/04/2010 #pagebody a {color: #002570;  text-decoration: underline; font-weight: normal} */

table { font-family:Arial; font-size:1em; }
form {margin: 0; padding: 0}
img {border: 0}
a { color:#002570; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4 { font-family:"trebuchet ms", tahoma, sans-serif; }
h1 { color:#002570; font-size:22px; margin-top: 0; border-bottom: 1px solid #bce0ff; padding: 0 0 6px 0}

h3 { clear:both; color:#7baed9; font-size:1.2em; }
h4, h2 { color:#6aa4db; font-size:18px; margin-bottom: 5px;  }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { border:1px solid #6aa4db; padding: 2px; margin-right:10px; margin-bottom:10px; }
img.clsbordermiddle { border:1px solid #6aa4db; padding: 2px; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:1px solid #6aa4db; padding: 2px; margin-left:10px; margin-bottom:10px; }
.datatable th { background:#d8e6f3; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
.datatable td { background:#d4e6f8; border:1px solid white; padding:4px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; color:#888; }
.shout { font-size:1.3em; font-weight:bold; color:#7baed9; }
.shout2 { font-size:1.2em; color:#002570; font-weight:bold; width: 200px; padding: 10px; background: #89bef2; }
.submit { background:#002570; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.reset { background:#7baed9; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { border:1px solid #C5D0D5; padding:4px; color:#8E49A8; font-weight:bold; }
.caption { font-weight:bold; background:#002570; float:right; width:160px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; border-right:3px solid #8E49A8; }
.custom1 {}
.custom2 {}
.border { border:1px solid #6aa4db; padding: 2px}
.noborder { border:0; }
.white_vert { width:3px; }
.white_hoz { height:3px; }
.spacer { height:20px; }
.clear {clear: both}
.about_td {height: 145px}
#about {width: 250px; padding: 15px; background: #89bef2}
#about h3 {margin-top: 0; color: #002570}
#pagebody ul { margin: 0; padding: 0; }
#pagebody ul li { list-style-type:none; padding-left:25px; background:url(bullet.gif) no-repeat 0 7px; }
#pagebody #about li {background:url(bullet.gif) no-repeat -5px 7px;}
#loft_process {border-top: 1px solid #d8e6f3; border-right: 1px solid #d8e6f3; width: 433px}
#loft_process td {border-bottom: 1px solid #d8e6f3; border-left: 1px solid #d8e6f3; padding: 5px; text-align: left; }
#loft_process .loft_process_description td {padding: 4px; background: #d8e6f3}
#loft_process .loft_process_description strong {color: #002570}
#home_bullet {border: 1px solid #cce8ff; width: 206px; padding: 47px 10px 15px 10px; background:url(home_bullet.gif) no-repeat; margin-top: 5px }
#home_bullet ul {font-weight: bold; font-size: 13px; margin: 0; padding: 0 0 0 16px; color: #6aa4db}
#pagebody #home_bullet ul li {list-style-type: square; padding: 0; background-image: none; margin-bottom: 5px}

#saving_money td {border: 1px solid #d8e6f3; padding: 10px}

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

#head { height:175px; }
#sitelogo { float: left; width: 229px }
#head_right {float: right; background:url(head_right.jpg) bottom; width: 731px; height: 175px}
#hbc {  }
#flash {margin: 43px 0 0 3px}
#main {width: 960px; }
#main_top {width: 960px;}
#left { width:227px; float: left;  border-top: 5px solid #009f57;}
#menu {background:url(menu_back.gif) repeat-y #89bef2; width: 221px; padding: 0 3px; position: relative; z-index: 2000}
#menu .clear {width: 225px; margin: 0 -3px; background:url(menu_bottom.gif) no-repeat; height: 2px}
#quick_contact {background:url(enquiry_form.gif) no-repeat #d277b4; width: 197px; padding: 120px 14px 15px 14px; margin-top: 7px}
#quick_contact label {font-weight: normal; color: white; margin: 8px 0 0 0; display: block}
#quick_contact p {margin: 0; color: white; line-height: 20px}
#quick_contact .inputsurround input, #quick_contact textarea {width: 191px; border: 1px solid #002164; padding: 2px}
.inputsurround1 {text-align: right; margin-top: 8px}
.inputsurround1 input {border: 0}
#quick_contact textarea {height: 85px}

#testimonial {background:url(testimonial_back.gif) no-repeat #ff9231; width: 192px; padding: 50px 18px 15px 18px; margin:0 0 9px 0; height: 214px; color: white}
#testimonial b, #testimonial strong {color: #e66600}
#testimonial marquee {height: 214px}
#testimonial hr {border: 0; height: 0; border-top: 1px solid #ff6d14}
#testimonial p {color: white; line-height: 20px}

#quick_contact_bottom {width: 225px; background:url(enquiry_bottom.gif) no-repeat; height: 2px; margin-bottom: 10px}

#pagebody { float: right; width: 718px; line-height: 19px; padding: 15px 0 30px 0; z-index: 10; position: relative; font-size: 13px; }
#pagebody form img { border:0; }

#bottom {height: 120px; text-align: right; background:url(logos.gif) no-repeat left; margin-top: 12px}


#end {  margin-top:25px; color:#0b3d7f; line-height: 30px}
#end a { color:#0b3d7f; border:0; background:none; font-weight:normal; text-decoration:underline; }
#end a:hover { color:#0b3d7f; border:0; background:none; text-decoration:none; }

#nav, #nav ul { padding:0; margin:0; list-style:none; width:221px; text-align:left; font-size: 13px}
#nav a { display:block; width:197px; padding-left:25px; color:#05367c; height:25px; line-height:24px; border-bottom:1px solid #a6cef5; font-weight:normal; background:url(menu_out.gif) no-repeat left center}
#nav a:hover { text-decoration:none; background:url(menu_over.gif) no-repeat left center #96c5f3}
#nav li { float:left; width:221px; }
#nav li ul { position:absolute; width:221px ; left:-999em; }
#nav li ul ul { margin:-27px 0 0 221px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-27px 0 0 221px; }
#nav li ul ul { margin:-1em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }
#nav .nav_child, #nav .nav_child2 { border:1px solid #fff; border-bottom:0; }
#nav .nav_parent a { ; }
#nav .nav_parent a:hover { }
#nav .nav_child a { background:url(menu_out.gif) no-repeat left center #7bb7f0; }
#nav .nav_child a:hover  { background:url(menu_over.gif) no-repeat left center #96c5f3; }
#nav .nav_parent2 a {  }
#nav .nav_parent2 a:hover { }
#nav .nav_child2 a { background:url(menu_out.gif) no-repeat left center #7bb7f0; }
#nav .nav_child2 a:hover  { background:url(menu_over.gif) no-repeat left center #96c5f3; }
#nav #active { background:url(menu_over.gif) no-repeat left center; cursor:default; }
#nav .nav_child a#active { background:url(menu_out.gif) no-repeat left center #7bb7f0; }
#nav .nav_child a:hover#active { background:url(menu_over.gif) no-repeat left center #96c5f3; }


#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/** positioning the drop-down menu **/
#menu2 {width: 960px; height: 32px; margin: 3px 0 6px 0; padding: 2px 0; z-index: 3000; position: relative}
#nav2 {margin: 0; padding: 0; list-style-type:none; height: 32px; z-index: 2000}
#nav2 ul, #nav2 ul ul { text-align:left; list-style-type:none; }
#nav2 li {margin: 0; padding: 0; float: left}
#nav2 li { display:inline; position:relative; top:0; margin-right:-3px /* fixes inline list bug */; }
#nav2 li a { text-decoration:none; border:0; margin:0 0 0 0;   }
#nav2 li ul { margin:0; padding:0; display:none; position:absolute; top:32px/* distance away from the main nav bar */;  }
#nav2 li>/**/ul { top:32px /* distance away from the main nav bar for firefox */ ; }
#nav2 ul ul { margin:0 0 0 180px /* moves second drop down away from first */; display:block; padding:0; display:none; position:absolute; top:0;  } 
#nav2 li:hover ul ul, #nav2 li.over ul ul { display:none; }
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.over ul, #nav2 li li.over ul, #nav2 ul li a { display:block; width:164px /* width of the drop-downs */; left:0; }
/** styling the drop-down menu **/
#nav2 #active { color:#c5f098; cursor:default; }
#nav2 li a { background:url(menu2_right.gif) right top no-repeat; color: #0b3d7f; font-size: 15px; display: block; padding:8px 20px 16px 15px;   }
#nav2 li a:hover { color:#e6d72d; }
#nav2 ul li a:hover, #nav2 ul ul li a:hover { background:#555; }
#nav2 .nav_parent a {  }
#nav2 .nav_parent a:hover {}
#nav2 .nav_child a { background:#05367c; padding:4px 8px; border-bottom:1px solid #0f438e; color: white; font-size: 12px; z-index: 2000}
#nav2 .nav_child a:hover { color: #e6d72d; background:#05367c; }
#nav2 .nav_parent2 a { background:url(nav_parent2_out.gif) #465EB9 no-repeat right; }
#nav2 .nav_parent2 a:hover { background:url(nav_parent2_over.gif) #A7B9E7 no-repeat right; }
#nav2 .nav_child2 a { background:#465EB9; }
#nav2 .nav_child2 a:hover { background:#A7B9E7; }
#nav2 #active { color:#e6d72d; cursor:default; }
.invalid { background:url(invalid.gif) #fff no-repeat left; }

/** calculator button font-size: 0.9em; **/
.calculator {
	padding: 4px; margin: 4px;
	border: 2px solid #000;
	background-color: #fff;
}

.video {
	width: 400px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 70px 0px;
	padding-top: 8px;
}
#c_content_video {
	width: 974px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3A3A3A;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#page-wrap {  }
#page-wrap h5 { font-size:14px; }
#page-wrap .footnote { line-height:14px; font-size:10px; }
#page-wrap .chunk { border:1px solid #afdb6a; padding:7px 7px 0; margin-bottom:7px; width:212px; }