/* Layout Stylesheet */ 

body {
 margin:0;
 background-color:#fff;
 background-image: url('img/bg_body.jpg'); background-repeat: 
 repeat-x; background-position: top left;
 color: #666666;
 text-align:left;
 padding: 0;
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 12px;
 }

#outer {
 background-color: transparent;
 text-align:left;
 width:870px;
 margin:auto;
 padding: 0;
 }

#hdr {
 height:60px;
 background-color: inherit;
 background-image: url('img/bg_head.gif'); background-repeat: 
 no-repeat; background-position: left bottom;
 padding: 0;
 }

#hdr-home {
 height:60px;
 background-color: inherit;
     background-image: url('img/bg_head_home.jpg'); background-repeat: 
     no-repeat; background-position: left bottom;
 text-align: right;
 }

#bar {
 height:25px;
 background:#c0c0c0;
 color: #333333;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }

#bodyblock {
 position:relative;
 background-color: inherit;
 color: inherit;
 width:870px;
 padding:0;
float: left;
 }

#l-col {
 float:left;
 background-color: inherit;
 color: inherit;
 width:161px;
 text-align: left;
 overflow: hidden;
 }

#cont {
 background-color: transparent;
 background-image: url('img/bg_cont.gif'); background-repeat: 
 repeat-y; background-position: top left;
 color: inherit;
 text-align:left;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 161px;
 }

#cont_main {
 background-color: inherit;
 color: inherit;
 text-align:left;
 padding: 0px 0px 0px 0px;
 border-left: 1px solid #CDCDCD;
 }

#footer {
 background-color: #fff;
 background-image: url('img/bg_footer.jpg'); background-repeat: 
 no-repeat; background-position: center top;
 color: inherit;
 margin: auto;
 padding: 70px 0px 20px 0px;

 text-align: center;
 clear: both;
 }

#copy {
 background-color: inherit;
 color: #CDCDCD;
 margin:auto;
 padding: 10px 0px 30px 0px;
 font-size: 10px;
 text-align: right;
 }

.copyright {
 color: #216794;
 float: left;
 display: inline;
 margin: 0;
 padding: 0;
}

/* Styling */

a {
  color: #367D9D;
  text-decoration: underline;
}

a:hover {
  color: #19B1DC;
  text-decoration: underline;
}


/* Specific main menu id's (menu tab colours) */

/* #menu-main #home{
 background-color: #D1D1D1;
}

#menu-main #aboutus{
 background-color: #164665;
}

#menu-main #ourpartners{
 background-color: #1C577D;
}

#menu-main #newspress{
 background-color: #216794;
}

#menu-main #downloads{
 background-color: #19B1DC;
} */

/* top menu */

#menu-top {
     color: #007070;
     background-color: inherit;
     background-image: url('img/bg_menu_top.gif'); background-repeat: 
     no-repeat; background-position: right top;
     padding: 0;
     margin: 0px 0px 0px 0px;
     font-size: 14px;
     font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;

}


#menu-top ul
{
padding-left: 0;
margin: 0;
background-color: transparent;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#menu-top ul li { display: inline;}

#menu-top ul li a
{
padding: 0px 8px 0px 0px;
background-color: #0CA04A;
color: #fff;
text-decoration: none;
float: left;
margin-right: 1px;
}

#menu-top ul li a:hover
{
background-color: #fff;
color: #000;
 background-image: url('img/bg_tab2_on.gif'); background-repeat: 
 repeat-y; background-position: bottom right;
}

#menu-top ul li span
{
padding: 21px 0px 22px 8px;
background-color: transparent;
float: left;
}

#menu-top ul li span:hover
{
padding: 21px 0px 22px 8px;
background-color: transparent;
 background-image: url('img/bg_tab2_on.gif'); background-repeat: 
 repeat-y; background-position: bottom left;
}

.on a
{
background-color: #fff;
color: #000;
 background-image: url('img/bg_tab2_on.gif'); background-repeat: 
 repeat-y; background-position: bottom right;
}

.on span
{
padding: 21px 0px 22px 14px;
background-color: transparent;
 background-image: url('img/bg_tab2_on.gif'); background-repeat: 
 repeat-y; background-position: bottom left;
color: #33738F;
}

/* welcome table layout */

#layout_lc {
  color: inherit;
  background-color: inherit;
 background-image: url('img/bg_cont.gif'); background-repeat: 
 repeat-y; background-position: top left;
  padding: 10px 10px 0px 10px;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
  width: 389px;
  float: left;
}

#layout_rc {
  color: inherit;
  background-color: inherit;
  width: 199px;
  padding: 10px 0px 0px 0px;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
 float: left;
}

#layout p {

 padding:10px 0px 0px 0px;
}



/* service homepage features */

#featone {
  color: #ffffff;
  background-color: transparent;
 background-image: url('img/bg_featone.jpg'); background-repeat: 
 no-repeat; background-position: top left;
  width: 263px;
  height:292px;
  padding: 0px 10px 0px 10px;
  margin: 10px 10px 0px 0px;
  vertical-align: top;
  float: left;
}
#featone p {
  padding: 0px 5px 0px 5px;
}

#featone span {
color: #3FFF98;
}

#featone a {
 margin-left: 140px;
 font-size: 11px;
 color: #000;
 text-decoration: none;
 padding: 5px 10px 5px 50px;
}

.featlist ul {
 margin: 0;
 padding: 5px 5px 10px 20px;
}

.featlist li {
 list-style: none;
 background-image: url('img/bg_listarw.png'); background-repeat: 
 no-repeat; background-position: left center;
 padding: 5px 5px 5px 30px;
 margin: 0px 0px 10px 0px;
 font-size: 16px;
}

#feattwo {
  color: #ffffff;
  background-color: transparent;
 background-image: url('img/bg_feattwo.jpg'); background-repeat: 
 no-repeat; background-position: top left;
  width: 263px;
  height:292px;
  padding: 0px 10px 0px 10px;
  margin: 10px 10px 0px 0px;
  vertical-align: top;
  float: left;
}
#feattwo p {
  padding: 0px 5px 0px 5px;
}

#feattwo span {
color: #FF9F9F;
}

#feattwo a {
 margin-left: 140px;
 font-size: 11px;
 color: #000;
 text-decoration: none;
 padding: 5px 10px 5px 50px;
}

#featthree {
  color: #ffffff;
  background-color: #3FA5CD;
 background-image: url('img/bg_featthree.jpg'); background-repeat: 
 no-repeat; background-position: top left;
  width: 264px;
  height:292px;
  padding: 0px 10px 0px 10px;
  margin: 10px 0;
  vertical-align: top;
  float: left;
  font-size: 16px;
}
#featthree p {
  padding: 5px 5px 0px 18px;
  margin: 0px 10px 0px 0px;
}

#featthree h2 {
font-size: 28px;
font-weight: bold;
margin: 0;
padding: 10px 0px 5px 10px;;
}

#featthree span {
color: #000000;
}

#featthree a {
color: #fff;
text-decoration: none;
}

#featthree a:hover {
color: #1BCF6C;
text-decoration: none;
}

#featthree .featlist ul {
 margin: 0;
 padding: 5px 5px 0px 20px;
}

#featthree .featlist li {
 list-style: none;
 background-image: url('img/bg_listarw.png'); background-repeat: 
 no-repeat; background-position: left center;
 padding: 2px 5px 2px 30px;
 margin: 0px 0px 0px 0px;
 font-size: 16px;
}

#getaquote {
  color: inherit;
  background-color: #fff;
 background-image: url('img/bg_getaquote.jpg'); background-repeat: 
 no-repeat; background-position: top left;
  width: 283px;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 0px;
  vertical-align: top;
  float: left;
  font-size: 18px;
  text-align: right;
}

#getaquote p {
  padding: 0;
  margin: 0;
}

#getaquote h2 {
font-size: 28px;
font-weight: bold;
margin: 0;
padding: 15px 0px 10px 10px;;
}

#getaquote span {
color: #43CBCD;
}

#getaquote a {
color: #666666;
text-decoration: none;
padding: 36px;
display: block;
}

#getaquote a:hover {
 background-image: url('img/bg_getaquote_on.jpg'); background-repeat: 
 no-repeat; background-position: top left;
color: #ffffff;
text-decoration: none;
}

.rcol_submenu {
  color: inherit;
  background-color: inherit;
  padding: 5px 0px 10px 10px;
  margin: 10px 0;
  border-top: 1px solid #CDCDCD;
}

.rcol_menu {
  color: inherit;
  background-color: inherit;
  padding: 0px 0px 10px 10px;
  margin: 0;
}

#feature {
  color: inherit;
  background-color: #fff;
 background-image: url('img/bg_feature.gif'); background-repeat: 
 no-repeat; background-position: bottom left;
  width: 576px;
  padding: 0px 0px 10px 0px;
  margin: 0px 10px 10px 0px;
  vertical-align: top;
  float: left;
}

#feature p {
  margin: 5px 5px 10px 5px;
} 

#feature h2 {
 background-image: url('img/bg_h2feature.gif'); background-repeat: 
 no-repeat; background-position: top left;
  margin: 0;
 padding: 12px 0px 6px 5px;
 border: 0;
 font-size: 32px;
}

#feature .esprit {
 background-image: url('img/bg_h2esprit.gif'); background-repeat: 
 no-repeat; background-position: left top;
}

#homefeature {
  color: inherit;
  background-color: #fff;
 background-image: url('img/bg_feature.gif'); background-repeat: 
 no-repeat; background-position: bottom left;
  width: 576px;
  padding: 0px 0px 10px 0px;
  margin: 0px 10px 8px 0px;
  vertical-align: top;
  float: left;
}

#homefeature p {
  margin: 5px 5px 10px 5px;
  font-size: 14px;
} 

#homefeature h2 {
 background-image: url('img/bg_h2feature.gif'); background-repeat: 
 no-repeat; background-position: top left;
  margin: 0;
 padding: 12px 0px 6px 5px;
 border: 0;
 font-size: 32px;
}

#rcolbox {
  color: inherit;
  background-color: transparent;
  width: 284px;
  padding: 0px 0px 0px 0px;
  margin: 0;
  vertical-align: top;
  float: left;
}
#rcolbox p {
  padding: 0px 5px 0px 5px;
}

#rcolbox h2 {
  color: #ffffff;
  background-color: #16B45F;
 background-image: url('img/bg_h2quicklinks.jpg'); background-repeat: 
 no-repeat; background-position: top left;
  margin: 0;
 padding: 12px 0px 6px 50px; 
border: 0;
}

#rcolpagebox {
  color: #fff;
  background-color: #42A3CD;
 background-image: url('img/bg_featthree.jpg'); background-repeat: 
 no-repeat; background-position: bottom left;
  width: 284px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  vertical-align: top;
  float: left;
}

#rcolpagebox p {
  padding: 0px 5px 0px 5px;
}

#rcolpagebox h2 {
  color: #ffffff;
  background-color: #16B45F;
 background-image: url('img/bg_h2needtoknow.jpg'); background-repeat: 
 no-repeat; background-position: top left;
  margin: 0;
 padding: 12px 3px 6px 36px; 
border: 0;
}

.lcol-box {
 color: inherit;
 background-color: inherit;
 padding: 10px 5px 0px 0px;
}

.lcol-box p {
 text-align: right;
 padding: 5px 0px 5px 0px;
}

.lcol-box a {
     background-image: url('img/a_arw.gif'); background-repeat: 
     no-repeat; background-position: left center;
 padding: 0px 0px 0px 8px;

}

.lcol-box a:hover {
 text-decoration: underline;

}

.contact-box {
 color: inherit;
 background-color: inherit;
 padding: 10px 5px 0px 0px;
 font-size: 16px;
}

#splash {
  color: inherit;
  background-color: inherit;
     background-image: url('img/bg_splash.gif'); background-repeat: 
     no-repeat; background-position: left top;
  margin: 0;
padding: 5px 0px 0px 586px;
}

#splash img {
  float: left;
  margin-right: 10px;
  border-right: 1px solid #FFF;
}

#splash h4 {
  color: #fff;
  border: 0;
  background: none;
}


#splash ul {
     padding: 0px;
     margin: 8px 0px 0px 0px;
     list-style: none;
     width: 284px;
     }

#splash ul li {
     margin: 0px 0px 5px 0px;
     list-style: none;
font-size: 16px;
     }

#splash ul li a {
     color: inherit;
     font-weight: normal;
     display: block;
     text-decoration: none;
     padding: 7px 5px 7px 30px;
     background-image: url('img/bg_splashlist.gif');
     background-repeat: no-repeat;
     background-position:  center left;
     }

#splash ul li a:hover {
     color: #FFF;
     background-color: #FFF;
     background-image: url('img/bg_splashlist_on.gif');
     background-repeat: no-repeat;
     background-position:  center left;
     text-decoration: none;
     }

#splash_windscreens {
  color: inherit;
  background-color: inherit;
     background-image: url('img/splash_windscreens.jpg'); background-repeat: 
     no-repeat; background-position: left top;
  margin: 0;
padding: 5px 0px 0px 280px;
height: 175px;
}


.divider {
  border-top: 1px solid #CDCDCD;
  padding: 10px 0;
  margin: 10px 0;
}

table {
     border-spacing: 4px;
}

.imgfloat {
   border: 0;
   margin: 0px 5px 5px 5px;
   float: left;
   border: 1px solid #BBBBBB;
   padding: 3px;
}

#callbackbox {
  color: inherit;
  background-color: #fff;
  width: 283px;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 0px;
  vertical-align: top;
  float: left;
  font-size: 18px;
}
#callbackbox p {
  padding: 0;
margin: 0
}

#callbackbox a {
 background-image: url('img/bg_callback.jpg'); background-repeat: 
 no-repeat; background-position: top left;
color: #666666;
text-decoration: none;
padding: 25px 5px 26px 85px;
display: block;
}

#callbackbox a:hover {
 background-image: url('img/bg_callback_on.jpg'); background-repeat: 
 no-repeat; background-position: top left;
color: #ffffff;
text-decoration: none;
}


.avg {
font-weight: bold;
font-size: 34px;
}

#freephonebox {
  color: #666666;
  background-color: #ffffff;
 background-image: url('img/bg_freephone.jpg'); background-repeat: 
 no-repeat; background-position: top left;
  width: 214px;
  height:73px;
  padding: 20px 0px 0px 70px;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
  float: left;

}

#freephonebox p {
  padding: 5px 5px 0px 18px;
  margin: 0px 10px 0px 0px;
}

#freephonebox h2 {
font-size: 28px;
font-weight: bold;
margin: 0;
padding: 15px 0px 10px 10px;;
}

#freephonebox a {
color: #fff;
text-decoration: none;
}

#freephonebox a:hover {
color: #1BCF6C;
text-decoration: none;
}

#freephonebox span {
font-size: 26px;
}

#video {
  color: inherit;
  background-color: #fff;
  width: 576px;
  padding: 0px 0px 10px 0px;
  margin: 0px 10px 10px 0px;
  vertical-align: top;
  float: left;
}

#footercopy {
  color: inherit;
  background-color: #fff;
 background-image: url('img/bg_footercopy.png'); background-repeat: 
 no-repeat; background-position: bottom left;
  width: 870px;
  padding: 0px 0px 10px 0px;
  margin: 0px 10px 8px 0px;
  vertical-align: top;
  float: left;
  height: 222px;
  overflow: auto;
}

#footercopy p {
  margin: 5px 5px 10px 5px;
  font-size: 14px;
} 

#footercopy h2 {
 background-image: url('img/bg_h2footercopy.gif'); background-repeat: 
 no-repeat; background-position: top left;
  margin: 0;
 padding: 12px 0px 6px 5px;
 border: 0;
 font-size: 32px;
}