form {margin:0}

h1,h2,h3,h4 {margin:0}

.tagline {
      color:#1768FF;margin:0 0 0 3px;font-size:17px;font-weight:bold;font-family:arial
      }

h2 {
      background:#111;
      color:#88B5FF;
      font-size:32px;
      padding:3px 6px;
      font-family:arial;
      text-align:right;
      letter-spacing:1px;
      }
      
h3 {
      background-image:url(/images/grad2.jpg);
      color:#fff;
      font-size:18px;
      font-family:arial;
      padding:2px 3px 0 5px;
      text-align:left;
      }
      
h4 {
      font-size:24px;margin:10px 0 0 10px;color:#827D6F
      }
      
h5 {
      margin:0;color:#fff;background:#FBC22B;font-size:13px;border-bottom:1px solid #000;padding:1px 0 3px 4px;
      }
      
h6 {
      margin:0;color:#555;font-size:10px;
      }
h7 {
      margin:0;color:#EEBD21;font-size:15px;clear:both;font-weight:bold
      }

body  {
      text-align:center;
      font-family:tahoma,verdana,arial;
      color:#fff;
      background: #000 url(/images/loading.gif) no-repeat 50% 50%;
      }

.outer{
      width:1100px;
      margin:0 auto;
      text-align:left;
      }
      
a     {
      font-family:arial;
      font-size:11px;
      } 
  
.logo {
      background-image:url(/images/traffic-bar-top.png);
      height:92px;
      text-align:left;
      padding:5px 0 0 90px;
      }
      
.logo h1 {
      font-size:40px;
      }

.logo h1 a {font-size:45px;text-decoration:none;color:#fff;letter-spacing:-1px}
      
.maincontent {
      background:#827D6F;
      text-align:left;
      }

.maincontent td {
      vertical-align:top;border:1px solid black;padding:0;background:#fff;color:#000
      }
      
.maincontent td p {
      padding:10px;font-size:11px;line-height:17px;margin:-10px 0 0 0;
      }
      
.maincontent td b {
      color:#D59B04;
      }
      
.foot {
      background:#222;padding:0 0 3px 0;text-align:center;font-size:12px;padding:5px 0;line-height:20px
      }
      
.foot a {color:#fff;text-decoration:none}


.trafficsearch {height:350px;overflow-y:auto;overflow-x:hidden}
.hometraffic td {vertical-align:middle;text-align:center;background:#eee}
.traffic-table td {vertical-align:top;width:33%}
.hometraffic td a {text-decoration:none;color:blue}
.hometraffic table {background:#fff}

.ddsmoothmenu{
font: bold 16px Verdana;

width: 100%;
background-image:url('/images/grad.jpg')
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background-image:url('/images/grad.jpg');
padding: 8px 10px;
border-right: 1px solid #778;
color: red;
text-decoration: none;
font-size:15px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #FBC22B;

}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
text-align:left;
background:#414141;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
background:#414141;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
background:#414141;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 12px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
background:#414141;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}


.GMap {width:825px;height:580px;border-bottom:1px solid #000}
.GMapSm {width:225px;height:200px}



.traffic-search {
      float:right;width:25%;font-size:14px;text-align:left;padding:8px 20px 0 0;
      }
      
.traffic-roads-dd {display:none}
.traffic-regions-dd {display:none}
.traffic-motorways-dd {display:block}

.traffic-search select {font-size:20px;width:250px;margin:10px 0;text-align:right;background:#c0c0c0}

.adholder1 {background:#191919;padding:3px;border-bottom:1px solid black}

.mapExplain {width:730px;display:none;position:relative;top:-570px;left:30px;zoom:1;background:#000;border:1px solid #fff;color:#fff;padding:20px;margin-bottom:-287px;z-index:50}
.mapExplain b {font-size:15px;color:#5A84AD}

.closeMap {font-size:12px;margin:0 0 0 10px;font-weight:bold}


.padded {padding:10px;font-size:12px;color:#fff}

.motorwayshome td {border:0;font-size:14px;padding:5px 10px;line-height:18px}

.about {padding:11px;font-size:10px;background:#827D6F}
.about a {color:#fff;text-decoration:none;font-size:11px}
.about p {margin:0 0 10px 0}

.tabItem td {width:78px;border:0;border-right:1px solid #fff;font-size:15px;background-image:url('/images/grad2.jpg');color:#fff;padding:2px 0 1px 5px;font-family:arial;font-weight:bold;cursor:pointer}
.tabItem table {width:100%}

.g2a h2 {font-size:13px;background:none;color:#000;margin:0;text-align:left;padding:0}
.g2a h3 {font-size:13px;background:none;color:#000;margin:0;text-align:left;padding:0}
.g2a {font-size:11px;display:none;text-align:left;color:#000}
.g2a p {font-size:11px;display:none;text-align:left;color:#000}
.g2a b {font-size:11px;color:#000}
.ebookp {margin-top:1px;color:#000;text-align:left}

.largetxt {font-size:15px}

.trafficradio td {border:0;background:#606060;padding:0}
.trafficradiob {font-size:11px;font-weight:bold;color:#FFDD00}


.fblist {background:#000;color:#fff;font-size:11px;font-weight:bold;width:220px}
.fbmwaytitle {background-image:url('http://www.traffic-update.co.uk/images/grad2.jpg');color:#fff;font-weight:bold;font-size:13px;padding:4px 0 6px 5px}
.fbnone {position:relative;top:-75px;left:10px;background:#777;color:#fff;font-size:11px;width:190px;padding:4px;border:1px solid black;line-height:14px;font-weight:bold;font-family:arial;letter-spacing:-1px}

.mch {padding:0;margin:20px}
.mch td {border:0}
.a1c {display:block}
.a2c {display:none}
.a3c {display:none}
.a1,.a2,.a3 {cursor:pointer}
.mch h3 {background:none}
.a1inner td {border:0;background:0;width:33%;line-height:14px;}
.a1inner a {color:#fff;font-weight:bold;text-decoration:none;background: url(/images/home/bull.gif) no-repeat 3px 4px;padding-left:13px}
.a1inner a:hover {color:#fff;font-weight:bold;text-decoration:underline}
.a1inner {width:93%;margin:5px 0 0 8px}

.tiny {font-size:10px}

.ad250x250holder {width:250px;height:260px;overflow:hidden;background:#4C4C4C}
.ad250top {font-size:14px;color:#fff;padding:20px 5px 15px 12px;background:#4C4C4C;line-height:17px}
.ad250top a {font-size:15px;font-weight:bold;color:#FFFF00}
#ad250b {color:#2EAAFF;font-weight:bold}


.marker {font-size:11px;font-family:arial;width:270px;font-weight:bold}
.marker a {color:blue;font-weight:bold;font-size:10px}

.infobox {position:relative;left:640px;top:10px;height:260px;width:170px;z-index:5000;margin-bottom:-300px;background-image:url('http://www.traffic-update.co.uk/images/mapcontrols.png');padding:40px 5px 0 11px;font-family:arial;font-size:11px;font-weight:bold;background-repeat:no-repeat;color:#fff;line-height:13px}

.tdr {width:825px;background-image:url('/images/buildingmap.gif');background-repeat:no-repeat;background-position:20px 120px}

.ncqban {margin-top:15px;width:468px;height:60px;background-image:url('/images/ads/ncqbanner.jpg');border:1px solid black;text-align:right;font-size:11px;padding-top:3px;font-weight:bold}
.ncqban p {margin:10px 5px 0 0}
.paybox {float:left;width:345px;border:1px solid #c0c0c0;background:#eee;margin:20px 0 0 20px}

/*Example CSS for the two demo scrollers*/

#pscroller2{
height: 40px;
padding: 3px;
background: #000;
color: #fff;
font-family:arial;
font-size:14px;
}

#pscroller2 a{
text-decoration: none;font-size:17px;font-weight:bold;color:#9FCBEC;border-bottom:1px dotted #666;
}

.speedingFineBook {background:#000;color:#fff;font-size:11px;font-family:arial,sans-serif;padding:8px;margin:0}

.townlist {float:left;width:120px;margin:5px;border:1px solid #000;text-align:center;background:#dedede;padding:2px}