/*
green text #7AB142
blue text #004D80

top bg #004368
bottom bg #004D80

logo blue #0076BF
logo green dark #00853F
logo green light #AED68A
tag blue light #C7D8EF

menu side top blue #9CC3E0
menu side grad blue #CADBE9 (plus white)

very light green - #D9ECC8
*/

/* === GLOBAL styles === */
* { margin: 0; padding: 0; }
body { background: url(../images/t_bg.gif) repeat-x #004D80; margin: 0; font-size: 11px; color: #004D80; font-family: verdana, arial, helvetica, sans-serif; text-align: center; }
td { font-size: 11px; color: #004D80; font-family: verdana, arial, helvetica, sans-serif; }
p { font-size: 11px; line-height: 14px; color: #004D80; font-family: verdana, arial, helvetica, sans-serif; margin: 0 20px 15px 20px; }

/* === PAGE LAYOUT === */
#container { position: relative; width: 1008px; margin-left: auto; margin-right: auto; padding: 0; background: url(../images/t_bgContainer.gif) repeat-y; }
#bgSideL { width: 4px; float:left; margin:0; padding:0; }
#content { width: 1000px; float:left; margin:0; padding: 0; text-align: left; background-color: #FFFFFF; }
#bgSideR { width: 4px; float:right; margin:0; padding:0; }

#header { top: 0px; height: 196px; background-color: #FFFFFF; }

#pgContentHm { width:1000px; height: 365px; background: #ffffff url(../images/t_watermark.gif) no-repeat right bottom; position: relative; }
#pgContent { width:1000px; background: #ffffff url(../images/t_watermark.gif) no-repeat right bottom; }

#colLft { width:800px; float:left; }
#colRgt { width:190px; position: absolute; right: 5px; top: 5px; border: 1px solid #C7D8EF; padding: 5px; }
#colMain { width:800px; float:right; margin: 0 3px 68px 0; }
#colSide { width: 180px; position: absolute; left: 9px; }


#pgHead { margin: 25px 10px 15px 20px; color: #0076BF; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0.08em; }
.pgHeadH2 { color: #7AB142; }

.clear { clear: both; }

/* === NAVIGATION === */
#banner { height: 39px; background: url(../images/t_banner.gif); padding: 0; }
/*#banner p { font-size: 11px; color: #FFFFFF; margin: 0 10px 0 0; line-height: 39px; text-align: right; }
#banner a, #banner a:link, #banner a:active, #banner a:visited { font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: normal; margin: 0 16px 0 10px; }
#banner a:hover { font-size: 12px; color: #B5D795; text-decoration: none; font-weight: normal; margin: 0 16px 0 10px; }*/

.navText { display: none; }
#navGlobal { height: 24px; position: absolute; right: 10px; width: 800px; }

div#navGlobal img#bar1 { left: 618px; width: 3px; position: absolute; height: 23px; }
div#navGlobal img#bar2 { left: 693px; width: 3px; position: absolute; height: 23px; }

div#navGlobal a.navCont { background: url(../images/mg_contact.gif) no-repeat center top #FFFFFF; left: 548px; position: absolute; width: 64px; height: 23px; }
div#navGlobal a.navCont:visited { background: url(../images/mg_contact.gif) no-repeat center top #FFFFFF; left: 548px; position: absolute; width: 64px; height: 23px; }
div#navGlobal a.navCont:active { background: url(../images/mg_contact.gif) no-repeat center top #FFFFFF; left: 548px; position: absolute; width: 64px; height: 23px; }
div#navGlobal a.navCont:hover { width: 64px; background-position: 0px -23px; }
div#navGlobal a.navProf { background: url(../images/mg_profile.gif) no-repeat center top #FFFFFF; left: 627px; position: absolute; width: 60px; height: 23px; }
div#navGlobal a.navProf:visited { background: url(../images/mg_profile.gif) no-repeat center top #FFFFFF; left: 627px; position: absolute; width: 60px; height: 23px; }
div#navGlobal a.navProf:active { background: url(../images/mg_profile.gif) no-repeat center top #FFFFFF; left: 627px; position: absolute; width: 60px; height: 23px; }
div#navGlobal a.navProf:hover { width: 60px; background-position: 0px -23px; }
div#navGlobal a.navTest { background: url(../images/mg_testimonials.gif) #FFFFFF no-repeat center top; left: 702px; position: absolute; width: 98px; height: 23px; }
div#navGlobal a.navTest:visited { background: url(../images/mg_testimonials.gif) no-repeat center top #FFFFFF; left: 702px; position: absolute; width: 98px; height: 23px; }
div#navGlobal a.navTest:active { background: url(../images/mg_testimonials.gif) no-repeat center top #FFFFFF; left: 702px; position: absolute; width: 98px; height: 23px; }
div#navGlobal a.navTest:hover { width: 98px; background-position: 0px -23px; }

.navMainText { line-height: 46px; }
#navMain { height: 142px; position: absolute; right: 10px; top: 54px; width: 800px; }
#navMainMarg { margin: 0 0 10px 0; }
div#navMain a.navProd { display: block; background: url(../images/m_products.gif) no-repeat center top; left: 0; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navProd:visited { display: block; background: url(../images/m_products.gif) no-repeat center top; left: 0; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navProd:active { display: block; background: url(../images/m_products.gif) no-repeat center top; left: 0; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navProd:hover { width: 110px; background-position: 0px -142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navServ { display: block; z-index: 3; background: url(../images/m_servicing.gif) no-repeat center top; left: 115px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navServ:visited { display: block; z-index: 3; background: url(../images/m_servicing.gif) no-repeat center top; left: 115px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navServ:active { display: block; z-index: 3; background: url(../images/m_servicing.gif) no-repeat center top; left: 115px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none;  text-align: center;}
div#navMain a.navServ:hover { width: 110px; background-position: 0px -142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navDeli { display: block; z-index: 3; background: url(../images/m_delivery.gif) no-repeat center top; left: 230px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navDeli:visited { display: block; z-index: 3; background: url(../images/m_delivery.gif) no-repeat center top; left: 230px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navDeli:active { display: block; z-index: 3; background: url(../images/m_delivery.gif) no-repeat center top; left: 230px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navDeli:hover { width: 110px; background-position: 0px -142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navHire { display: block; z-index: 3; background: url(../images/m_hire.gif) no-repeat center top; left: 345px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navHire:visited { display: block; z-index: 3; background: url(../images/m_hire.gif) no-repeat center top; left: 345px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navHire:active { display: block; z-index: 3; background: url(../images/m_hire.gif) no-repeat center top; left: 345px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navHire:hover { width: 110px; background-position: 0px -142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navNews { display: block; z-index: 3; background: url(../images/m_news.gif) no-repeat center top; left: 460px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navNews:visited { display: block; z-index: 3; background: url(../images/m_news.gif) no-repeat center top; left: 460px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navNews:active { display: block; z-index: 3; background: url(../images/m_news.gif) no-repeat center top; left: 460px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navNews:hover { width: 110px; background-position: 0px -142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navEnqu { display: block; z-index: 3; background: url(../images/m_enquiries.gif) no-repeat center top; left: 575px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navEnqu:visited { display: block; z-index: 3; background: url(../images/m_enquiries.gif) no-repeat center top; left: 575px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navEnqu:active { display: block; z-index: 3; background: url(../images/m_enquiries.gif) no-repeat center top; left: 575px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navEnqu:hover { width: 110px; background-position: 0px -142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navOrde { display: block; z-index: 3; background: url(../images/m_orders.gif) no-repeat center top; left: 690px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navOrde:visited { display: block; z-index: 3; background: url(../images/m_orders.gif) no-repeat center top; left: 690px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navOrde:active { display: block; z-index: 3; background: url(../images/m_orders.gif) no-repeat center top; left: 690px; width: 110px; position: absolute; height: 142px; color: #FFFFFF; text-decoration: none; text-align: center; }
div#navMain a.navOrde:hover { width: 110px; background-position: 0px -142px; color: #FFFFFF; text-decoration: none; text-align: center; }

div#navMain a.navON { background-position: 0px -284px; color: #004D80; }
div#navMain a.navON:visited { background-position: 0px -284px; color: #004D80; }
div#navMain a.navON:active { background-position: 0px -284px; color: #004D80; }

div#navSide { width: 180px; height: 253px; position: relative; left: 0; top: 0; }
div#navSide h1 { width: 180px; height: 50px; background: url(../images/ms_top.gif) no-repeat center top; color: #004D80; text-align: center; line-height: 45px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0.08em; margin: 0; }
div#navSide a.navOne { background: url(../images/ms_1.gif) #FFFFFF no-repeat center top; left: 0; top: 40px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navOne:visited { background: url(../images/ms_1.gif) no-repeat center top #FFFFFF; left: 0; top: 40px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navOne:active { background: url(../images/ms_1.gif) no-repeat center top #FFFFFF; left: 0; top: 40px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navOne:hover { width: 180px; background-position: 0px -29px; line-height: 29px; color: #7AB142; text-decoration: none; }
div#navSide a.navTwo { background: url(../images/ms_2.gif) #FFFFFF no-repeat center top; left: 0; top: 69px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navTwo:visited { background: url(../images/ms_2.gif) no-repeat center top #FFFFFF; left: 0; top: 69px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navTwo:active { background: url(../images/ms_2.gif) no-repeat center top #FFFFFF; left: 0; top: 69px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navTwo:hover { width: 180px; background-position: 0px -29px; line-height: 29px; color: #7AB142; text-decoration: none; }
div#navSide a.navThree { background: url(../images/ms_3.gif) #FFFFFF no-repeat center top; left: 0; top: 98px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navThree:visited { background: url(../images/ms_3.gif) no-repeat center top #FFFFFF; left: 0; top: 98px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navThree:active { background: url(../images/ms_3.gif) no-repeat center top #FFFFFF; left: 0; top: 98px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navThree:hover { width: 180px; background-position: 0px -29px; line-height: 29px; color: #7AB142; text-decoration: none; }
div#navSide a.navFour { background: url(../images/ms_4.gif) #FFFFFF no-repeat center top; left: 0; top: 127px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navFour:visited { background: url(../images/ms_4.gif) no-repeat center top #FFFFFF; left: 0; top: 127px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navFour:active { background: url(../images/ms_4.gif) no-repeat center top #FFFFFF; left: 0; top: 127px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navFour:hover { width: 180px; background-position: 0px -29px; line-height: 29px; color: #7AB142; text-decoration: none; }
div#navSide a.navFive { background: url(../images/ms_3.gif) #FFFFFF no-repeat center top; left: 0; top: 156px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navFive:visited { background: url(../images/ms_3.gif) no-repeat center top #FFFFFF; left: 0; top: 156px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navFive:active { background: url(../images/ms_3.gif) no-repeat center top #FFFFFF; left: 0; top: 156px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navFive:hover { width: 180px; background-position: 0px -29px; line-height: 29px; color: #7AB142; text-decoration: none; }
div#navSide a.navSix { background: url(../images/ms_2.gif) #FFFFFF no-repeat center top; left: 0; top: 185px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navSix:visited { background: url(../images/ms_2.gif) no-repeat center top #FFFFFF; left: 0; top: 185px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navSix:active { background: url(../images/ms_2.gif) no-repeat center top #FFFFFF; left: 0; top: 185px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navSix:hover { width: 180px; background-position: 0px -29px; line-height: 29px; color: #7AB142; text-decoration: none; }
div#navSide a.navSeven { background: url(../images/ms_1.gif) #FFFFFF no-repeat center top; left: 0; top: 214px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navSeven:visited { background: url(../images/ms_1.gif) no-repeat center top #FFFFFF; left: 0; top: 214px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navSeven:active { background: url(../images/ms_1.gif) no-repeat center top #FFFFFF; left: 0; top: 214px; position: absolute; width: 180px; height: 29px; line-height: 29px; color: #004D80; text-decoration: none; }
div#navSide a.navSeven:hover { width: 180px; background-position: 0px -29px; line-height: 29px; color: #7AB142; text-decoration: none; }

.navSideText { padding: 0 4px 0 10px; }

div#navSide a.navSideON { background-position: 0px -29px; line-height: 29px; color: #7AB142; text-decoration: none; }
div#navSide a.navSideON:visited { background-position: 0px -29px; line-height: 29px; color: #7AB142; text-decoration: none; }
div#navSide a.navSideON:active { background-position: 0px -29px; line-height: 29px; color: #7AB142; text-decoration: none; }

div#footer { clear: both; width: 1000px; height: 100px; background: url(../images/t_footBG.gif) repeat-x #004D80; color: #FFFFFF; padding: 0; margin: 0; position: relative; }
#footer p { font-size: 10px; margin: 10px 5px 10px 10px; padding: 0; }
#footer p.fltLft { float:left; text-align: left; color: #FFFFFF; line-height: 13px; }
#footer p.fltRgt { float:right; text-align: right; color: #689937; line-height: 20px; padding: 30px 0 0 0; }
#footer a.fltLeft, #footer a.fltLeft:link, #footer a.fltLeft:active, #footer a.fltLeft:visited { font-size: 10px; color: #B5D795; text-decoration: none; font-weight: normal; }
#footer a.fltLeft:hover { font-size: 10px; color: #FFFFFF; text-decoration: underline; font-weight: normal; }
#footer a.fltRgt, #footer a.fltRgt:link, #footer a.fltRgt:active, #footer a.fltRgt:visited { font-size: 10px; color: #689937; text-decoration: none; font-weight: normal; }
#footer a.fltRgt:hover { font-size: 10px; color: #004D80; text-decoration: underline; font-weight: normal; }
#footerBG { clear: both; height: 4px; background: url(../images/t_footShad.gif) no-repeat;  margin: 0; padding: 0; overflow: hidden; }
#footer #guarantee { background: url(../images/t_guaranFoot.gif) no-repeat; width: 100px; height: 100px; position: absolute; top: -68px; right: 0; }

/* ===== General elements ===== */

a { color: #7AB142; text-decoration: underline; font-weight: normal; }
a:link { color: #7AB142; text-decoration: underline; font-weight: normal; }
a:active { color: #7AB142; text-decoration: underline; font-weight: normal; }
a:visited { color: #7AB142; text-decoration: underline; font-weight: normal; }
a:hover { color: #0076BF; text-decoration: underline; font-weight: normal; }

H1 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.05em; color: #004D80; margin: 5px 5px 5px 20px; }
H2 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.05em; color: #7AB142; margin: 5px 5px 5px 20px; }
H3 { font-size: 11px; color: #004D80; margin: 5px 5px 5px 20px; }
H4 { font-size: 11px; color: #7AB142; margin: 5px 5px 5px 20px; }
.bold { font-weight: bold; }

.image { margin: 0 0 5px 0; border:1px solid #004D80; }
.list { margin: 0.5em 1em 2.5em 4.5em; list-style: none url(../images/but_bullet.gif); }
.list li { margin-bottom: 0.5em; }

ol { margin: 0.5em 1em 1em 4.5em; }
ol li { margin-bottom: 0.5em; }
ol ol { margin: 0.5em 1em 1em 2.5em; }

/* === SITEMAP === */
div#sitemap { margin: 15px 0 30px 20px; font-size: 12px; }
#sitemap ul { margin: 5px 0px 5px 30px; list-style: url(../images/but_bullet.gif) none; }
#sitemap ul li { padding-bottom: 5px; }
#sitemap ul li a { color: #7AB142; text-decoration: none; }
#sitemap ul li a:hover { color: #0076BF; text-decoration: underline; }
#sitemap ul li ul { margin: 5px 0px 0px 30px; list-style: url(../images/but_bullet.gif) none; }
#sitemap ul li ul li { padding-bottom: 5px; }
#sitemap ul li ul li a { color: #0076BF; text-decoration: none; }
#sitemap ul li ul li a:hover { color: #7AB142; text-decoration: underline; }
#sitemap ul li ul li ul { margin: 5px 0px 0px 30px; list-style: url(../images/but_bullet.gif) none; }
#sitemap ul li ul li ul li { padding-bottom: 5px; }
#sitemap ul li ul li ul li a { color: #004D80; text-decoration: none; }
#sitemap ul li ul li ul li a:hover { color: #7AB142; text-decoration: underline; }