/* html tag definitions */
body {background: #0182A1; margin: 0 auto; padding: 0; text-align: center; color: #014D6C; }
ol h2 {margin-left:-30px}
ul {list-style-type: square; margin: 8px 0 0 0; padding:0 0 0 12px;}
li {font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;  margin:0; padding: 0 0 8px 0; }
h1 {font: normal 2.7em Trebuchet MS, Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px;}
h2, h3 {font: bold 1em Verdana, Arial, Helvetica, sans-serif; }
h3 {margin: 0; }
h4 {font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: 4px 0px 8px 0px; }
p, LEGEND {font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; }
p.small {font: normal 9px/15px Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; color:#000}
img {border: 0px; }
div {font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; }
input, select {width: 200px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #014D6C; border: 1px solid #014D6C; }
textarea {width: 200px; height: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #014D6C; border: 1px solid #014D6C; }

/* others */
.home li {font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 8px; }
#submit {width: 60px; }
.tabletop tr {text-align: left; vertical-align: top;}
.textcolor_blue {font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #014D6C; text-align: left; }
.clear_left {clear: left;}
.prod_title {margin-bottom: 16px;}
#headed_paper, #W3C_aproval {display:none; }
.floatleft {float:left; margin-right:48px; }
#close {display:block; background: #D9E4E9; padding: 10px;}

/* next prev arrows*/
.prevnext {margin-top: 0px; text-align: right; }
#bottom350 {position: relative; bottom: -220px; }
#bottom400 {position: relative; bottom: -260px; }
#bottom500 {position: relative; bottom: -380px; }
#bottom600 {position: relative; bottom: -450px; }
#bottom700 {position: relative; bottom: -590px; }
#bottom800 {position: relative; bottom: -680px; }

A:link {text-decoration: underline; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #014D6C; }
A:visited {text-decoration:underline; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #014D6C; }
A:active {text-decoration:underline; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #014D6C; }
A:hover {text-decoration:none; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #000; }
/* white text link states */
A.white:link {text-decoration: underline; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #fff; }
A.white:visited {text-decoration:underline; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #fff; }
A.white:active {text-decoration:underline; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #fff; }
A.white:hover {text-decoration:none; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #fff; }


/* sets page size and content */
#layout {width: 762px; margin: 0 auto; text-align: left; }
#articlelayout {width: 600px; margin: 0 auto; text-align: left; }

/* header container */
#head_content {width: 762px; height: 106px;}
#head1 {float: left; border-left: 2px solid #fff; border-right: 2px solid #fff; background: url(imgs/head_l.jpg); width: 758px; height: 106px; margin:0; padding:0; }

/* navigation */
#navigation {background: #fff; text-align: center; width: 762px; padding-top: 2px; padding-bottom: 2px; }
.main_nav {background: #B2C5CE; border: 2px solid #fff; padding: 4px 8px 4px 7px; color: #014D6C; }
A.main_nav:link {text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
A.main_nav:visited {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
A.main_nav:active {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
A.main_nav:hover {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #1A5E7A; }
/* navigation - page location identifier */
.position {background: #1A5E7A; border: 2px solid #fff; padding: 4px 9px 4px 9px; color: #fff; }
A.position:link {text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
A.position:visited {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
A.position:active {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
A.position:hover {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
/* navigation - subpage location identifier */
.sub_position {background: #fff; border: 2px solid #fff; padding: 4px 15px 4px 15px; color: #014D6C; }
A.sub_position:link {text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
A.sub_position:visited {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
A.sub_position:active {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
A.sub_position:hover {text-decoration:none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}

/* main container */
#page_content {background: #fff; font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; width: 762px}
#article_content {background: #fff; font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; width: 600px; }
/* left container with 2 columns */
#main_block {float: left; padding: 15px 0px 0px 37px; margin: 0; }
/* 1st column */
#column_1 {float: left; text-align: left; margin-right: 26px; width: 300px; }
#column_1_clients {float: left; text-align: left; margin: 0; width: 500px; }
#column_1_clientssub {float: left; text-align: left; margin-right: 26px; width: 230px; }
#column_1uxbpc {float: left; text-align: left; margin-right: 26px; width: 470px; }
#column_1methods {float: left; text-align: left; margin-right: 26px; width: 393px; }

/* 2nd column */
#column_2 {float: left; text-align: center; width: 163px; margin: 0px 8px 0px 8px; }
#column_2_clients {float: left; text-align: left; width: 230px; margin: 0; }
#column_2_left {float: left; text-align: left; width: 163px; margin: 0px 8px 0px 8px; }
#column_2methods {float: left; text-align: center; width: 70px; margin: 0px 8px 0px 8px; }
A.column_2:link {text-decoration: underline; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #014D6C; }
A.column_2:visited {text-decoration:underline; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #014D6C; }
A.column_2:active {text-decoration:underline; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #014D6C; }
A.column_2:hover {text-decoration:none; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #000; }
.column_2_features {border: 2px solid #D9E4E9; margin-top: 24px; padding: 6px; text-align: left;}
.column_2_features2 {border: 2px solid #D9E4E9; margin-top: 24px; padding: 6px 6px 0px 6px; }
.container60 {/*height: 90px; margin: 12px 1px; */ padding-bottom: 12px;}
.container90 {/*height: 90px; margin: 4px; padding-bottom: 8px;*/}

/* right container IDs to control page heights */
#side_block, #side_block200, #side_block250, #side_block300, #side_block350, #side_block_left, #side_block, #side_block450, #side_block500, #side_block550, #side_block600, #side_block650, #side_block700, #side_block750, #side_block800, #side_block900, #side_block1000, #side_block1400, #side_block1600, #side_blockps {float: right; background: #D9E4E9; text-align: center; width: 148px; height: 400px; padding: 15px 20px 0px 20px; margin: 2px 1px 0px 0px; }
#side_block_left {text-align: left; height: 450px; }
#side_block200 {height: 200px; }
#side_block250 {height: 250px; }
#side_block300 {height: 300px; }
#side_block350 {height: 350px; }
#side_block450 {height: 450px; }
#side_block500 {height: 500px; }
#side_block550 {height: 550px; }
#side_block600 {height: 600px; }
#side_block650 {height: 650px; }
#side_block700 {height: 700px; }
#side_block750 {height: 750px; }
#side_block800 {height: 800px; }
#side_block900 {height: 900px; }
#side_block1000 {height: 1000px; }
#side_block1400 {height: 1400px; }
#side_block1600 {height: 1600px; }
#side_blockps {height: 1250px; padding-top: 64px; }


/* methods microsite */
#side_blockm, #side_block200m, #side_block250m, #side_block300m, #side_block350m, #side_block_leftm, #side_blockm, #side_block450m, #side_block500m, #side_block550m, #side_block600m, #side_block650m, #side_block700m, #side_block750m, #side_block800m, #side_blockpsm, #side_block900m, #side_block1800m, #side_blockpub {float: right; background: #D9E4E9; text-align: center; width: 148px; height: 400px; padding: 15px 20px 0px 20px; margin: 2px 1px 0px 0px; }
#side_block_leftm {text-align: left; height: 450px; }
#side_block200m {height: 200px; }
#side_block250m {height: 250px; }
#side_block300m {height: 300px; }
#side_block350m {height: 350px; }
#side_block450m {height: 450px; }
#side_block500m {height: 500px; }
#side_block550m {height: 550px; }
#side_block600m {height: 600px; }
#side_block650m {height: 650px; }
#side_block700m {height: 700px; }
#side_block750m {height: 750px; }
#side_block800m {height: 800px; }
#side_block900m {height: 900px; }
#side_block1800m {height: 1800px; }
#side_blockpsm {height: 750px; padding-top: 60px; }
#img_pos_meth {margin-top: 116px; }
#side_blockpub {height:3350px!IMPORTANT}

/* news events */
.backcolour {background: #D9E4E9; padding: 3px 0px 3px 3px; font-weight: bold; margin: 0px; }
.boxoutline {border-left: 1px solid #B2C5CE; border-right: 1px solid #B2C5CE; border-bottom: 1px solid #B2C5CE; padding: 3px;}

/* pdf download container */
#get_acro {float: right; width: 90px; margin-top: 8px; padding-right: 28px; }

/* footer container */
#footer_line {clear: both; border-top: solid 3px #B2C5CE; margin: 0px; }
#footer_container {float: left; background: #fff; width: 762px; height: 24px;}
#footer {float: left; font-size: 9px; color: #014D6C; height: 20px; padding: 3px 0px 0px 6px; background: #fff; }
#info {float: right; font-size: 9px; color: #014D6C; padding: 3px 6px 0px 0px; background: #fff; }
A.footer_links:link {text-decoration: none; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #014D6C; }
A.footer_links:visited {text-decoration:none; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #014D6C; }
A.footer_links:active {text-decoration:none; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #014D6C; }
A.footer_links:hover {text-decoration:underline; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #000; }

/* extra home.htm rules to overrule the above */
#home {float: left; background: #1A5E7A; color: #fff; margin: 2px 1px 0px 1px; padding: 15px 8px 18px 15px; width: 180px; height:620px}
#portal {float: left; width: 520px; text-align: center; padding: 30px 0 0 22px;}
#portal_col1 {float: left; width: 130px; height: 400px; }
#portal_col2 {float: left; width: 260px; height: 400px; }
#portal_col3 {float: left; width: 130px; height: 400px; }
#box01, #box02, #box03, #box04, #box05, #box06, #box08, #box09, #box10, #box11, #box12, #box13 {width: 130px; height: 110px; }
#box05, #box08 {float: left; }
#box06, #box09 {float: right; }
#box07 {width: 260px; font: normal 3em/1em Trebuchet MS, Arial, Helvetica, sans-serif; color: #B2C5CE; padding: 75px 0px; }

/* extra productsandservicers.htm rules to overrule the above */
#column_1ps {float: left; text-align: left; margin-right: 26px; width: 470px; }

/* additional contact us css */
#thames_gateway_address, #southafrica_address {float:left; padding-right:30px}

/* css 220506 */
.rec {border:1px dotted #fff; background: #B2C5CE; color: #014D6C; padding:2px; margin-right:18px}
.rec2 {border:1px dashed #e02b22; background: #fff;  padding:2px; margin-right:18px}

/* added 260209 */
.clientarea { margin-top:8px; font:normal 17px Trebuchet MS, Arial, Helvetica, sans-serif; }
.clientarea A {display:block; background:#FFFFFF; border:1px solid #89a3b2; padding:5px}
.clientarea A:hover { color:#89a3b2;}

/* added 200709 */
#portal_box {width:500px; height:500px; position:relative;}
#box_uxb, #box_land, #box_sitesafe, #box_rail, #box_engineering, #box_utilities, #box_pavement, #box_landfill, #box_groundcheck {width: 130px; height: 110px; position:absolute;}
#box_groundcheck {top:0; left:190px;}
#box_sitesafe {top:34px; left:70px;}
#box_rail {top:34px; left:314px;}
#box_uxb { top:143px; left:0;}
#box_sis {position:absolute; top:120px; left:126px; width: 260px; font: normal 3em/1em Trebuchet MS, Arial, Helvetica, sans-serif; color: #B2C5CE; padding: 75px 0px; }
#box_pavement {top:143px; left:380px;}
#box_land {top:256px; left:33px;}
#box_landfill {top:256px; left:370px;}
#box_engineering {top:350px; left:140px;}
#box_utilities {top:350px; left:260px;}
#gc_form {border-bottom:1px solid #89a3b2; border-right:1px solid #89a3b2;}
#gc_form TD {border-top:1px solid #89a3b2;  border-left:1px solid #89a3b2; padding:4px;}
#gc_form INPUT{ width:20px!IMPORTANT; border:0!IMPORTANT;}
#gc_form INPUT.inputwidth200 { width:200px!IMPORTANT; border:1px solid #89a3b2!IMPORTANT;}
.submit_but { width:60px;}

/* added 140909 */
LEGEND { font-weight:bold;  color:#014D6C;}
.login_but { /*background:url(imgs/clients/login_icon.gif) top left no-repeat; display:block; width:48px; height:8px; padding-top:48px; padding-left:5px;*/ font-weight:bold; font-size:18px;}

/* added 050210 */
.methodstable {margin:0; border:0; padding:0; width:393px;} 
.methodstable TD { text-align:left; vertical-align:top; padding-right:15px!IMPORTANT; padding-bottom:15px!IMPORTANT;}

/* top tip of the month css */
DIV.ttom, DIV#captcha { margin-bottom:10px;}
DIV.ttom input { width:20px!IMPORTANT;}
.ttom P { line-height:12px; margin:0; padding:0;}

/* added 040510 */
#zeticamedia {height:470px; overflow:auto;}

/* changes to layout and displayed containers on print */
@media print
{ 
body {margin: 0; }
#headed_paper {display:block; }
#info, #footer, #footer_line, #head_content , #navigation, #pdf_area { display: none; }
#page_content { margin: 40px 0px 0px 20px ; }
#home {float: left; background: #014D6C; color: #fff; padding: 0px; }
#portal, #portal_col1, #portal_col3  {float: left; margin: 0; }
#portal_col2 {float: left; margin: 0 0 0 20px; }
#side_block, #side_block_left, #side_block200, #side_block250, #side_block350, #side_block300, #side_block450, #side_block500, #side_block550, #side_block600, #side_block650, #side_block700, #side_block750, #side_block800 { display: none; }
}