body { background-color:#FFF; margin:0px;  }

p {font-family: Arial, Helvetica, sans-serif; sans-serif; color:#333; size:12px; font-weight:normal; text-align: justify; padding: 0px 30px 0px 0px; }

body {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; background-color:#FFF }

a:link { font-family: Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration:none; }
a:visited { font-family: Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration:none; }
a:hover { font-family: Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration: underline; }
a.active { font-family: Arial; color:#003366; font-size:12px; font-weight:normal; text-decoration:none; }  

h1,h2 {font-family: Arial; color: #666; font-weight: bold; font-size:18px; text-align:left; padding: 0px; }



/* --------------------Homepage-------------------*/

.navbanner { width: 900px; height: 28px; border-left: 1px #85B5CB  solid; border-right: 1px #85B5CB solid; background-image:url(../images/nav_banner.jpg); background-position:center; background-repeat:no-repeat; }
.navsides { background-image:url(../images/navsides.jpg); background-repeat:repeat-x; background-position:center; } 

.topbanner {width: 900px; height: 75px; background-image:url(../images/logo_banner_shop.jpg); background-position:left; background-repeat:no-repeat; border-left: 1px #0B386D solid; border-right: 1px #0B386D solid; background-color:#FFF; text-align:right; vertical-align:bottom;} 

.underbanner { width:inherit; background-image:url(../images/underbanner.jpg); background-repeat:no-repeat; background-position:center; height:29px; border-left: 1px #0B386D solid; border-right: 1px #0B386D solid; }
.underside {background-image:url(../images/under_side.jpg); background-repeat:repeat-x; background-position:center; }

.content {width: 900px; background-color:#FFF; border-left: 1px #0B386D solid; border-right: 1px #0B386D solid; margin-top: 1px; }

.intro { width: 585px; border-right:#CCCCCC 1px solid; padding-right: 50px; padding-bottom: 10px; }
.intro2 { width: 585px; padding-right: 50px; }

.bluebox { width:189px; height:190px; background-image:url(../images/bluebox_bg.jpg); background-position:center; background-repeat:no-repeat;  text-align:left }
.bluebox p { color:#FFF; font-family:Arial; font-size:12px; font-weight:bold; margin: 15px 0px 0px 15px  } 
.bluebox a { color: #FFF; font-family:Arial; font-size:12px; font-weight:bold; text-align:right;  }
.bluebox a:hover  { color:#1466A3; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:underline }  

.boxouts { position:inherit; width:900px; border-left: 1px #0B386D solid; border-right: 1px #0B386D solid; padding: 0px 0px 30px 0px;}

/*----------------- Shop Intro---------------------------------*/

.topshop { width:726px; height:156px; background:url(../images/shop/shop_introbanner.jpg) no-repeat top; padding: 15px 180px 20px 30px; text-align:left; vertical-align: top; }

.topshop2 { width:726px; height:156px; background: url(../images/shop/shopbanner_nobdr.jpg) no-repeat top; padding: 15px 180px 20px 30px; text-align:left; vertical-align: top; }
.intro_basebox { width:716px; border:#A2A2A2 1px solid; margin: 5px 0 0 4px; padding: 15px;}

.expert_form { width:360px; height: 420px; background: url(../images/shop/ask_form_bg.jpg) top no-repeat; padding-top: 40px; padding-left:40px; padding-right:30px }

/*-----------------Shop Intro Boxouts---------------------------------*/

.introbox_holder {width: 720px; position:relative; top: 10px; }

.introbox_head {width: 236px; height: 38px; background: url(../images/shop/introbox_head.jpg) center no-repeat; margin: 0px 4px 0px 0px; padding:0px; float:left  }
.introbox_head p{font:Arial; color:#FFF; font-size:16px; font-weight:bold; text-align:left; padding: 0px 0px 0px 15px; }

.introbox_1 { width:236px; height:197px; background: url(../images/shop/introbox_ph.jpg) no-repeat top; margin: 0px 4px 0px 0px; padding:0px; float:left }
.introbox_1 p{ color:#ED6116; font-family:Arial; font-size:11px; font-weight:bold; padding: 5px 20px 0px 20px }
.introbox_1 a{ background: url(../images/shop/nav_arrow.jpg) no-repeat 115px 2px; color:#ED6116; font-family:Arial; font-size:11px; font-weight:bold; text-decoration:none; position:relative; top:105px; padding-left:130px; }
.introbox_1 a:hover{ color:#999;}


.introbox_2 { width:236px; height:197px; background:url(../images/shop/introbox_level.jpg) no-repeat top ; text-align:; margin: 0px 4px 0px 0px; padding:0px; float:left }
.introbox_2 p{color:#ED6116; font-family:Arial; font-size:11px; font-weight:bold; padding: 5px 15px 0px 20px }
.introbox_2 a{ background: url(../images/shop/nav_arrow.jpg) no-repeat 80px 2px; color:#ED6116; font-family:Arial; font-size:11px; font-weight:bold; text-decoration:none; position:relative; top:105px; padding-left:95px; }
.introbox_2 a:hover{ color:#999;}

.introbox_3 { width:236px; height:197px; background:url(../images/shop/introbox_flow.jpg) no-repeat top; text-align:justify; margin: 0px; padding:0px; float:left }
.introbox_3 p{color:#ED6116; font-family:Arial; font-size:11px; font-weight:bold; padding: 65px 20px 0px 100px; text-align:right; }
.introbox_3 a{  color:#ED6116; font-family:Arial; font-size:11px; font-weight:bold; text-decoration:none; padding: 0px; position:relative; top: -30px }
.introbox_3 a:hover{ color:#999;}

.demobox { width:236px; height:197px; background: url(../images/shop/introbox_ph.jpg) no-repeat top; margin: 0px 4px 0px 0px; padding:0px; float:left }
.demobox p{ color:#ED6116; font-family:Arial; font-size:11px; font-weight:bold; padding: 5px 20px 0px 20px }
.demobox_button { color: #666; font-family:Arial; font-size:10px; font-weight:bold; position:relative; top:100px; left:145px; padding: 2px 1px 2px 1px; }


.nav_arrow {position:relative; top: -30px; left: -3px}

/*-----------------Shop Product Pages-----------------------------*/

.main_info { width: 720px; padding: 10px; float:left; text-align:left; }

.main_info li { text-align:left; font: 11px bold Arial, Helvetica, sans-serif; color: #666;  }

/*----------------- All Pages---------------------------------*/

.nav { height:26px; background-color:#0B386D; text-align:center; vertical-align:middle; }
.nav a { height:auto; font-family:Arial; font-size:100%; color:#DCECF8; font-weight: bold; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; background-color:#0B386D; display:block;}
.nav a:visited { height:auto; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#DCECF8; font-weight:bold; text-decoration:none; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px;  }
.nav .active,
.nav a:hover { text-decoration: none; background-color: #092B54; font-weight: bold; text-decoration:none; color: #FFF}

/* ---------------PRODUCT NAVIGATION LEFT------------------ */

.leftnav { background:#DEEBFA;  text-align:left; margin-right: 1px }

.leftnav a {color: #0B386D; font: Arial; font-weight: bold; font-size:12px; display:block; padding: 2px 5px 2px 12px; border-bottom:#FFF solid 1px;} 
.leftnav a:hover { background-color:#4DABDE; text-decoration:none; color:#FFF; } 

.titlenav { color:#FFF; background-color:#C60C31; text-align:left; font-weight:bold; padding: 3px 5px 3px 12px; border-bottom:#FFF solid 1px; }

.prod a {padding-left: 18px; color: #30548B; font: 11px bold Arial; }   
.prod a:hover { background-color:#4DABDE; text-decoration:none; color:#FFF; } 

/* -------------SHOP ELEMENTS------------------*/

.imagebox { width: 310px; border:#CCC solid 1px; padding: 10px; margin:2px 10px 5px 5px; }

#shopquote {background-image:url(../meters_files/quote_bubble.jpg); width: 380px; height:164px; padding: 50px 30px 20px 30px; }  

.bg_fade { background-image:url(../images/pin_side.jpg); background-position:top; background-repeat:repeat-x; }

.footbar { height:26px; text-align:right; vertical-align:middle; }
.footer { font-family:Arial; color: #BCDBF1; font-size: 11px; font-weight:normal; height: 26px; text-align:right; padding-right: 30px }
.footer a:link { font-family:Arial;  font-size: 11px; font-weight:normal; color: #BCDBF1; padding-bottom: 5px; padding-left: 7px; padding-right:7px; }
.footer a:hover { font-size: 11px; font-weight:normal; color: #FFF; text-decoration:none; }
.footer a:visited { font-size: 11px; font-weight:normal; color: #BCDBF1; text-decoration:none; }
.footer a:active { font-size: 11px; font-weight:normal; color: #BCDBF1; text-decoration:none; }

.underfoot { font-family:Arial; font-weight:normal; color: #B9B9B9; text-align:right; padding-right: 35px; font-size:11px; }
.underfoot a:link { font-family:Arial;  font-size: 11px; font-weight:normal; color: #B9B9B9; }
.underfoot a:hover { font-size: 11px; font-weight:normal; color: #0099CC; text-decoration: none; }
.underfoot a:visited { font-size: 11px; font-weight:normal; color: #B9B9B9; text-decoration:none; }
.underfoot a:active { font-size: 11px; font-weight:normal; color: #B9B9B9; text-decoration:none; }

.right_column { width: 190px; border-left: 1px #D6D6D6 solid; padding-right: 5px; }

#rightnav {
width: 180px;
border: 1px solid #ffcc99;
margin-left: 5px;
margin-top: 5px;
background-image:url(../images/portfolio/port_nav_bg.jpg); background-position:bottom; background-repeat: no-repeat; }

.rightnav { font-family: Arial; font-weight: normal; text-align: left; font-size: 11px; color:#995640 ; padding-top:3px; padding-bottom:3px; padding-left: 15px; }
.rightnav a { font-family: Arial; color: #995640; font-weight: normal; text-decoration: none; font-size:11px; padding-left: 8px; }
.rightnav a:visited { color: #995640; font-weight: normal; text-decoration: none; }
.rightnav a:hover { color: #995640; font-weight: normal; text-decoration: underline; }

.heading { font-size:16px; color:#999; font-weight: bold; }
.blue_heading { font-size:14px; color:#0B386D; font-weight: bold; word-spacing: -0.5px;}
.blue_sub { font-size:12px; color:#0B386D; font-weight: bold; }

.quote { width:540px; height:118px; background-image:url(../images/quote_bg.jpg); background-position:center; background-repeat:no-repeat; }
.quote p {font-family:Arial; font-size:12px; font-weight:normal; color:#0B386D; padding-top: 35px; padding-left:30px; padding-right: 35px; padding-bottom: 20px; vertical-align:text-top; }

.purequote { width:540px; height:118px; background-image: url(../images/pure_quote_bg.jpg); background-position:center; background-repeat:no-repeat; }
.purequote p {font-family:Arial; font-size:12px; font-weight:normal; color:#0B386D; padding-top: 35px; padding-left:30px; padding-right: 35px; padding-bottom: 20px; vertical-align:text-top; }

.boxout { width: 90%; border: 1px solid #6BC0E9; padding: 15px; background-color: #EEF5FD; }

acronym { border-bottom: #C30B2D 1pt dashed; cursor:help; }

.welcome {border-right: 1px #D6D6D6 solid; padding-right: 5px; width: 430px; }
.homeright { padding-left: 20px; }
.homenews { border-left: 1px #602400 solid; border-right: 1px #602400 solid; position:centre;  }
.newsbox { max-width: 200px; height:140px; background-image:url(../images/news_box_bg.jpg); background-position:center; background-repeat:no-repeat;   text-align:left; }
.boldquote { font-weight: bold; color: #969696; font-size:14px; text-align:left; }
p.newsbox { font-family:Arial; font-size: 11px; font-weight:normal; color:#333; vertical-align:text-top; padding-left: 20px; padding-right: 17px; padding-top: 55px;  }
.newsbox a { font-size:11px; }
.projects { width: 540px; height:300px; background-image: url(../images/projects_bg.jpg); background-repeat:no-repeat; background-position:center; padding:10px; }
.list {  width:540px; height:410px; padding: 30px 60px 20px 60px; background-image:url(../images/list_bg.jpg); background-position:top; background-repeat:no-repeat;   text-align:left; vertical-align:text-top;}
.list p { font-family:Arial; color: #969696; line-height:20px; font-weight:bold;  }
.flash { position:relative; left: 30px; }

.enquiry { width:360px; height: 340px; background-image:url(../images/enquiry_bg.jpg); background-repeat:no-repeat; background-position:center; padding-top: 60px; padding-left:40px; padding-right:30px }

.formfill { border:#999 solid 1px; background-color:#FFF; font-family:Arial; color: #333; font-size:11px; text-align:left; padding: 2px 0px 0px 3px; font-weight:normal; }
.form {font-family:Arial; color: #333; font-size:11px; text-align:left; font-weight:bold} 
.form2 {font-family:Arial; color: #666; font-size:11px; text-align:left; font-weight:normal} 

.pollutants { width: 242px; height:196px; background-image:url(../images/pollutants_bg.jpg); background-repeat:no-repeat; background-position:center; }
.pollutants p { font-size:12px; color:#999; font-weight:bold; padding: 40px 25px 20px 35px; text-align:left; vertical-align:top; }

.shopbanner { width:726px; height:190px; background: url(../images/shop/shopbanner_bg.jpg) no-repeat center; vertical-align:text-top; }
.shopbanner p { width: 385px; font: bold 16px Arial, Helvetica, sans-serif; color:#1C83BE; padding: 0 0 0 30px; text-align:left; }
.shop_blue { color:1C83BE; }
.shopbanner h1 { overflow:hidden; margin:30px 0 0 110px; font: bold 24px Arial, Helvetica, sans-serif; color:#5B5A5A; }

.shopban_box { width: 148px; height: 132px; position: relative; top:-20px; float:right; padding-right: 75px; }


/* -----------Shop Big Box ------------------*/

.bigbox { width:335px; height: 440px; border: #999 solid 1px; background-color:#D5E3F3; padding: 10px 0px 0px 15px; margin: 10px 0px 0px 5px; float:left; }
.bigbox2 { width:335px; height: 440px; border: #999 solid 1px; background-color:#D5E3F3; padding: 10px 0px 0px 15px; float:left; margin: 10px 0px 0px 7px; }
.bigbox3 { width:335px; height: 510px; border: #999 solid 1px; background-color:#D5E3F3; padding: 10px 0px 0px 15px; float:left; margin: 10px 0px 0px 7px; }
.bigbox4 { width:335px; height: 510px; border: #999 solid 1px; background-color:#D5E3F3; padding: 10px 0px 0px 15px; float:left; margin: 10px 0px 0px 7px; }
.bigbox5 { width:335px; height: 730px; border: #999 solid 1px; background-color:#D5E3F3; padding: 10px 0px 0px 15px; float:left; margin: 10px 0px 0px 7px; }

.bigboxtitle { height: 32px; font-family:Arial; color:#0B386D; font-size: 16px; font-weight: bold; padding: 5px 0px 0px 75px; background:url(../images/shop/bamo_sml.jpg) no-repeat 0px 0px;}

.bigboxout { border:#0B386D 1px solid; background:#FFF; width:320px; height: 175px; text-align:center; padding: 25px 0px 0px 0px; margin-top: 8px; }
.bigboxout2 { border:#0B386D 1px solid; background:#FFF; width:320px; height: 250px; text-align:center; padding: 25px 0px 0px 0px; margin-top: 8px; }
.bigboxout3 { border:#0B386D 1px solid; background:#FFF; width:320px; height: 300px; text-align:center; padding: 10px 0px 0px 0px; margin-top: 8px; }

.bigboxtext { width: 320px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align:left; padding: 10px 0px 0px 0px; float:left; }
.bigboxtext2 { width: 340px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align:left; padding: 10px 0px 0px 0px; float:left; }

ul.price { overflow:hidden; width: 87px; height: 210px; background:url(../images/shop/price_bg.gif) no-repeat; background-position:top;  margin: 0 15px 0 0; text-align:center; vertical-align:text-top; padding: 0px; float:left; position:relative; top: 10px; }

ul.price li { width: 87px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#FFF; list-style:none; line-height: 22px; padding: 3px 0px 8px 0px ;  overflow:hidden; text-align:center; }

.buttons { margin: 0 0 8px 0; border:#FF6600 1px solid; background-color:#F5F5F5; font:Arial, Helvetica, sans-serif; font-size:11px; padding: 3px 4px; text-align:center; }

.button_drop { margin: 0 0 8px 0; border:#FF6600 1px solid; background-color:#FFF; font:Arial, Helvetica, sans-serif; font-size:11px; padding: 2px; text-align:left; }

#splitter { width: 100%; height:2px; background:none; margin: 0; padding:0; }

/* -----------NEW SHOP COSTBOXES ------------------*/

ul.costbox {width: 180px; height: 180px; margin:0; padding: 10px 0 0 15px; background-position:top;  text-align:center; vertical-align:text-top;  float:left; overflow: visible;  }

ul.costbox li { font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color:#FFF; list-style: none; text-align:center; text-align:left; }



/* -----------Shop Sub Nav ------------------*/

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 170px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
text-align:left;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 154px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #4DABDE;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 170px; /*IE 5*/
w\idth: 154px; /*185px minus all left/right paddings and margins*/
}
#ddblueblockmenu li a.active,
#ddblueblockmenu li a:hover {
background-color: #1E3559;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 95% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
text-align:left;
}