/* Main Stylesheet  */
body {font-family:verdana,Helvetica,sans-serif;font-size: 11px;color: #000;}
body {background: transparent url(../img/bg2.gif) repeat scroll 0 0;margin-left: 0px;margin-top: 20px;margin-right: 0px;
      margin-bottom: 0px;text-align:center;}
a,a:link,a:visited,a:hover {text-decoration: underline; font-size: 13px;border:0;font-family:verdana,Helvetica,sans-serif;}
a,a:link,a:visited {color: #396293;}
a:hover {color: #8d322d;}
p {margin:0;font-size: 11px;color:#555}

h1, h2, h3, h4, h5, h6 {color:#396293;font-family:verdana,Helvetica,sans-serif;
font-size:16px;font-weight:bold;margin:0;padding:0;}
.clearB {clear:both}

/* Main Layout */
/*#wrapper{position:absolute;min-width:100%;background:#fff top repeat-x}*/
#wrapper {text-align: left;margin: 0px auto;padding: 20px;border:0px solid #000;width: 900px;background:#fff top repeat-x}
#baseEx {text-align: left;margin: 0px auto;padding: 20px;border:0px solid #000;width: 900px;background:#fff top repeat-x} 
#footer {text-align: left;margin: 0px auto;padding: 0px;border:0px solid #000;width: 900px;background:#fff top repeat-x}
#header {margin: 0 0 0px 0;background: #fff;width:900px;}

#sideFull {float: left;width: 900px;padding-top:10px;}
#sideFull p {margin:1.2em 0;font: normal 1.2em/1.5em verdana,arial,sans-serif;color:#555;}
#sideFull h2 {margin:0 0 5px 0;color:#555;}
#sideFull h3 {font-size:14px;} 
#side-a {float: left;width: 600px;padding-top:10px;}
#side-a p {margin:1.2em 0;font: normal 1.2em/1.5em verdana,arial,sans-serif;color:#555;}
#side-b { margin: 0;float: right;width: 300px;height: 1% /* Bug Fix */;border: 0px solid #ddd;}   
#side-b p {margin:1.2em 0;font: normal 14px/16px verdana,arial,sans-serif;color:#555;padding-left: 15px;}

#side-c {float: left;width: 470px;}
#side-c p, #side-d p {margin:1.2em 0;font: normal 1.2em/1.5em verdana,arial,sans-serif;color:#555;}
#side-d { margin: 0;float: right;width: 430px;height: 1% /* Bug Fix */}               
#side-d h1 {margin-top:20px;}
#side-d li {font: normal 1.2em/1.5em verdana,arial,sans-serif;color:#555;}

#side-l {float: left;width: 150px;}
#side-l p, #side-r p{margin:0.4em 0;}
#side-r { margin: 0;float: left;width: 350px;height: 1% /* Bug Fix */}
#base {clear: both;background: #fff;}
#base p {margin:0.5em 0;font: bold 1em/1.5em verdana,arial;color:#777;text-align: center;}
.base-m p {margin:0.5em 0;font-size:12px;font-weight: normal;font-family:verdana,Helvetica,sans-serif;text-align: left;line-height: 20px;}
/* End Main Layout */

/* List with cols */
ul.column{font-size: 1.2em;margin: 0px 0;padding: 0;list-style: none;float: left;width: 100%;border-top: 0px solid #ddd;}
ul.column li {float: left;background: #fff;width: 100%;padding: 5px 0;margin: 0;border-bottom: 0px solid #ddd;}
ul.column li .imgblock {font-weight: bold;float: left;width: 770px;padding: 0;text-align: left;}
ul.column li .imgblock img {padding: 0px;margin-bottom: 5px;background: #fff;border: 0px solid #ccc;}
ul.column li .detail{padding-left: 0px;text-align:right;color:#555;vertical-align: top;border: 0px solid #ccc;}
ul.column li h2, ul.column li p {margin: 5px 0; padding: 5px 0;}
ul.column li h2 {font: bold normal 1.4em/1em arial,sans-serif}
ul.column li p {font: bold normal 1.1em/1.2em arial,sans-serif}      
ul.column li.even { background: #fff; }
ul.column li ul.specs li {float: none;margin: 0 5px 0 0px;padding: 0;list-style: disc;border: 0;background: none;width: auto;} 

a.menu-s,a.menu  {text-decoration:none;font-size: 13px;font-weight: bold;font-family:verdana,Helvetica,sans-serif;color:#999;line-height: 1.3em;}
a.menu-s:visited,a.menu-s:link,a.menu-s{color:#555;text-decoration:underline;} 
a.menu:hover{color:#777;}
a.menu-s:hover{color:#777;}

a.biglink,a.biglink:link,a.biglink:visited,a.biglink:hover {font-weight: bold;text-decoration: underline; border:0;font-size:1.2em;font-family:verdana,Helvetica,sans-serif;}
a.biglink,a.biglink:link,a.biglink:visited {color: #8d322d;}
a.biglink:hover {color: #b89300;} 

.padright {padding-right:20px;}



.navspace  {padding-left: 10px;padding-right:0px;border-bottom: 0px solid #e7e6e3;}
/* End List with cols */

.main{width:90em;margin:0 auto;padding:0em;background:#fff;border-right:0px solid #e1e1e1;border-left:0px solid #e1e1e1; position:relative;}
#clearright {clear:right;}
#clear {clear:both;}   
/*Box model hack - Now the box width will always be 150px, regardless of the browser!
<div id="box"><div>...</div></div>*/
#box{width: 150px}
#box div{border: 5px;padding: 20px}
.box-r {width:280px;float:right;background-color:#f1d7d7;margin:10px 0 0 0px;color:#555;padding:5px}
.box-r h2 {color:#555;padding:10px 3px 5px 10px}
.bluebox-l,.bluebox-r {width:280px;border: 3px solid #a8cdf1;padding:3px; }
.bluebox-l {margin-right:5px;float:left }
.bluebox-r {float:inherit} 

 
#myoutercontainer { position:relative; }
#myinnercontainer { position:absolute; top:0%; height:0em; margin-top:1.4em; }

.mainarea p{margin:1em 0;font:1.5em arial;line-height:2em;color:#003300;font-weight: normal;}
.mainarea .first:first-letter{font-size:1.6em}
.mainarea h1{color:#003300;margin-top:0.5em;text-align: left;font-size: 25px;line-height:1.6em; }

table.tablemain {width:900px;background-color: #000000; padding:0px;margin: 0px;border:none;}
td.tdleft1   {width:700px;background-color: #000000; padding:0px;margin: 0px;border:none;}
td.tdright1  {width:180px;background-color: #000000; padding:0px;margin: 0px;border:none;}
td.tdleft2   {width:650px;background-color: #000000; padding:0px;margin: 0px;border:none;}
td.tdright2  {width:250px;background-color: #000000; padding:0px;margin: 0px;border:none;}
tr.trmain {vertical-align:top;background-color:#000000;} 
td.tdmain {font-family:Arial, Helvetica, sans-serif;font-size: 13px;color: #000000;font-weight:normal;text-decoration: none;text-align:left;vertical-align:top;padding-top:5px;}
td.tdmaina {background-color:#004400;}
td.white {color:#ffffff;padding:7px;font-weight: bold;font-size:12px;vertical-align: text-top;}
td.darkgreen {color:#ffffff;background-color:#004400;padding:7px;} 
a.darkgreen {color:#ffffff;font-size: 11px;}
a.darkgreen:hover {color: #9c6300;text-decoration: none;font-weight:normal;}
td.black {color:#000;background-color:#000000;padding:7px;font-weight: bold;} 
a.black {color:#000;font-size: 11px;font-weight: bold;}
a.black:hover {color: #9c6300;text-decoration: none;font-weight: bold;}
h1.black {color:#000;} 
a.normal {font-weight:bold;}
.spacer {padding:0.4em;}
.mainc {font-family:Arial, Helvetica, sans-serif;font-size: 15px;color: #fff;font-weight:bold;text-decoration: none;text-align:left;vertical-align:top;}      
.tbox {font-size: 20px;color: #000;font-weight: bold; }

.image{padding:5px;border:0;}
.img {padding:0px;border:0;margin:0px;}
.img1 {padding-top:0.7em;padding-bottom:0.7em;padding-left:0em;padding-right:0em;border:0px solid #000;}
.img2 {padding-top:0px;padding-left:10px;padding-bottom:0px;border:0;float:right;}
.img3 {padding:10px 0 10px 0;border:0;float:right;}
.img4 {padding-top:0.5em;padding-bottom:0.5em;padding-left:0.0em;padding-right:0.8em;border:0;}
.img5 {border: 5px solid #004400;}
.img6 {padding-top:0em;padding-bottom:0.5em;padding-left:0em;padding-right:0.5em;border:0px solid #000;}
.img7 {padding:5px 0 5px 0}

.tdright1 {margin:1em 0;line-height:1em;color:#ffdd00;font:1.5em arial;font-weight:bold;}
.tdright1 h1 {margin:0em 0;line-height:2em;color:#ffdd00;font:1.5em arial;}

.medblack {font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#000000;font-weight:bold;margin-left: 25px;} 
.medblacka {font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#000000;font-weight:bold;margin-left: 0px;}
.large {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px;color:#003300;font-weight:bold;}
a.large:hover {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;}
.largex {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#000000;font-weight:bold;}
.texta {margin-left:250px;font-size: 18px;color: #000;font-weight:bold;text-decoration: none;}
.textb {font-family:Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;font-weight:bold;text-decoration: none;text-align:left;vertical-align:top;}
.textc {font-family:Arial, Helvetica, sans-serif;font-size: 14px;color: #ffffff;font-weight:bold;text-decoration: none;text-align:left;vertical-align:top;}
a.textc {color: #ffffff;}


.cola {margin-left: 35px;font-size:15px;color:#000000;font-weight:bold;}
.colb {margin-left: 165px;font-size:15px;color:#000000;font-weight:bold;}
.colc {margin-left: 150px;font-size:15px;color:#000000;font-weight:bold;}

.topnav {font-family: Arial, sans-serif, Helvetica, Verdana;font-size: 14px;color: #004400;text-decoration: none;font-weight:bold;background-color:#ffffff;padding-left:10px;padding-top:20px;padding-bottom:2px;text-align: left;}
.topnavright {font-family: tahoma Small cap,Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #dddddd;text-decoration: none;background-color:#660033;padding-right:10px;padding-top:10px;padding-bottom:10px;text-align: right;}
.textbig {font-family: Arial, sans-serif, Helvetica, Verdana;font-size:5em;color: #333333;text-decoration: none;font-weight:normal;padding-left:1.3em;vertical-align:text-top}

.leftbar {background-color:#ffffff;width:0px;padding-left:0px;padding-top:0px;padding-bottom:0px;}
.rightbar {background-color:#ffffff;width:0px;padding-left:0px;padding-top:0px;padding-bottom:0px;}
.footer-bar{background-color:#fff;width:900px;height:40px;padding-left:0px;padding-top:30px;padding-bottom:0px;text-align: center;}
.cotswoldwebservices, .b-left {background-color:#8bb5ba;width:100%;height:20px;font: bold 12px/12px arial,verdana; color:#333;} 
.cotswoldwebservices {text-align: right;}
.b-left {text-align: left;}
a.cotswoldwebservices, a.b-left {color:#8d322d;font: bold 12px/12px arial,verdana;}
a.b-left {padding-left:3px;padding-right: 3px;}
a.cotswoldwebservices:hover, a.b-left:hover {color:#fff;}
#side-a-bottom {float: left;width: 600px;}
#side-b-bottom { margin: 0;float: right;width: 300px;height: 1% /* Bug Fix */} 

.button {background: url(button.jpg) #000 top left;height: 5em;width: 12.8em;padding-left:0px;text-align: center;}
a.blink  {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#ffdd00;font-weight:bold;}
a.blink:hover {color:#ffffff;}
a.blinkv  {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#ffffff;font-weight:bold;}

.sub-button {border: 3px solid #ffdd00;width:auto;margin-left:0px;} 
.sub-button:hover {border: 3px solid #000;} 
.sub-buttonl {border: 3px solid #ffdd00;width:auto;margin-left:50px;} 
.sub-buttonl:hover {border: 3px solid #000;} 
.sub-button2 {border: 3px solid #ffdd00;width:auto;margin-left:30px;} 
.sub-button2:hover {border: 3px solid #000;} 
.sub-buttontmp:hover {border-bottom: 1px solid #000066;border-top: 5px solid #000066;border-left: 5px solid #000066;border-right: 5px solid #000066;}

/* Start Curved box  ************************************************/
.bl {background: url(bl.gif) 0 100% no-repeat #ffdd00; width: 100%}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 
/* End Curved box  ************************************************/

/* Start Curved box  ************************************************/
.bla {background: url(bla.gif) 0 100% no-repeat #333333; width: 100%}
.bra {background: url(bra.gif) 100% 100% no-repeat}
.tla {background: url(tla.gif) 0 0 no-repeat}
.tra {background: url(tra.gif) 100% 0 no-repeat; padding:10px}
/* End Curved box  ************************************************/

#tariff_table { width: 100%; border-spacing: 1px; border-collapse: separate; }
#tariff_table th,
#tariff_table td { border: 1px solid #666; text-align: center; padding: 5px 10px; }
#tariff_table th { background: #006; color: #FFF; font-size: 1.2em; width: 110px; }
#tariff_table th.datecol { width: 240px; }
#tariff_table td { background: #CDF; color: #006; }