/* Crazt lefthand expanding nav */
.leftcol {float: left;width: 210px; padding: 0px 0 15px 10px;}
.leftnavfooter {font-size: 0.07em;background: url(images/contentpage/bottomfooter.png);height: 9px;width: 210px;float: left;}
.leftnavholder {background: url(images/contentpage/leftcol.gif);float: left;width: 210px;}
.breadholder { }

.leftnavholder ul {margin: 13px 3px 0 3px;padding: 0px;list-style: none;}
.leftnavholder li{border-top: 1px solid #FFFFFF;font-size: 95%;color: #FFFFFF;margin: 0;padding: 5px;background: #4C6D8D;}
.leftnavholder ul li a { color: #FFFFFF; text-decoration: none;outline:none;}
.leftnavholder ul li a:hover { color: #C8C8B9; text-decoration: none;outline:none;}
.leftnavholder ul li.selected {font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;margin:0;padding:5px 0px 5px 0px;background-color:#cedae5;outline:none;}
.leftnavholder ul li.selected a {color: #4C6D8D;margin: 0;padding: 0px 0 5px 0px;margin-left:5px;display:block;outline:none;}
.leftnavholder ul li.selected a:hover { color: #4C6D8D;margin: 0; padding: 0px 0 5px 0px;margin-left:5px;display:block;outline:none;}
.leftnavholder ul ul {margin: 0px;padding: 0px; background-color:#E9EEF3;}
.leftnavholder ul ul li {margin: 0px;background: #E9EEF3 ;padding: 5px;color: #395978;border-bottom: 1px dashed #FFFFFF;}
.leftnavholder ul ul li.sub {color: #cedae5;margin: 0;padding: 5px 0 5px 0px;border-bottom: 1px dashed #FFFFFF;border-top-style: none;border-right-style: none;border-left-style: none;}
.leftnavholder ul ul li.sub a { color: #54789c; margin: 0; padding: 0px 0px 5px 13px; border-style: none; text-decoration: underline; }
.leftnavholder ul ul li.sub a:hover { color: #378627; border-style: none; margin: 0; padding: 0px 0px 5px 13px; }
.leftnavholder ul ul li.selected {color:#FFFFFF;margin:0;padding:5px 0px 5px 0px;background:#E9EEF3;}
.leftnavholder ul ul li.selected a {color: #4C6D8D;margin: 0;padding: 0px 0 5px 5px;margin-left:5px;display:block;}
.leftnavholder ul ul li.selected a:hover { color: #4C6D8D; padding: 0px 0 5px 5px;margin-left:5px;display:block; }
.leftnavholder ul ul ul{margin: 0px;padding: 0px;}
.leftnavholder ul ul ul li.sub {margin: 0px;background: #FFF ;padding: 5px 0 5px 10px;color: #395978;border-bottom: 1px dashed #FFFFFF;}

.quotesplitter {float: left;width: 150px;margin-left: 6px;}

/* oh crumbs */
.breadarea {height: 1.565em; width: 990px;float: left;}
.breadcrumbs{font: 0.7em Arial, Helvetica, sans-serif; color: #FFFFFF; padding-top: 9px; padding-left: 8px; }
.breadcrumbs a {color: #FFFFFF;outline:none;}
.breadcrumbs a:hover {color: #FFFFFF; text-decoration:underline}
.breadcrumbs .current{font: bold 1em Arial, Helvetica, sans-serif; color: #FFFFFF;  text-decoration:none;}
.Job-info {font-size:0.7em; width:400px;}


/* middle col bits */
.midcoltextholder {padding: 10px 0px 0px 15px;float: left; font: 1em Arial, Helvetica, sans-serif; width:495px;clear:none !important;}

.midcoltextholder .fieldlabel{font-weight:normal !important;font-size:0.785em;margin-left:-5px;padding-right:5px}

*+html .midcoltextholder .fieldlabel{margin-left:3px;}
*html .midcoltextholder .fieldlabel{margin-left:5px}

.middlecolholder {float: left;width: 530px;padding-left: 12px; padding-right:5px;}
.middlecol {float: left;width: 525px;}
.middlecoltop {background: url(images/contentpage/midboxtop.jpg);height: 2.4414em;width: 525px;float: left;}
.middlecolmid {background: url(images/contentpage/midcoltile.gif) repeat-y; float: left;  width:522px;}
.middlecolbottom {background: url(images/contentpage/midcolbottom.png);height: 3.8em;width: 525px;float: left;}
.middlecolfoot {background: url(images/contentpage/midcolfooter.png);float: left;height: 19px;width: 525px;font-size: 0.005em;}
.midcoltextholder{background: url(images/contentpage/midcolmid.gif) no-repeat; }


/*right col bits */
.rightcoltop {background: url(images/contentpage/rightcoltop.jpg);float: right;height: 2.3788em;width: 210px;}
.rightcoltopholder {float: left;width: 210px;padding-right: 1px;}
.rightcolmid {background: url(images/contentpage/rightcol2mid.gif);width: 210px;float: left;}
.rightcolbottomtext {background: url(images/contentpage/rightcolbottom.jpg);min-height: 1.4398em;width: 210px;float: left;}
.greybox {background: #c8c8b9;width: 505px;margin: 8px 0 0 10px; font: 0.8em Arial, Helvetica, sans-serif;}
.rightcolfooter {font-size: 0.1em; background: url(images/contentpage/rightcolfooter.png);height: 8px;width: 210px;float: left;margin-bottom: 5px;}
.rightcol2top {background: url(images/contentpage/greenboxtop.png);float: left;height: 2.3788em;width: 210px;}
.rightcol2holder {float: right;width: 208px;}
.rightcol2mid {background: url(images/contentpage/rightcol2midbottom.gif);width: 210px;float: left;}
.rightcol2mid a { color: #0D447D; }
.rightcol2mid a:hover { color: #24790C; }
.rightcol2mid a:visited { color: #0D447D; }
.rightcol2footer {font-size: 0.005em;background:url(images/contentpage/rightcol2footer.png);float:left;height:12px;width:210px;}
.rightcolcontent {float: right; width: 210px; margin-right:8px}
.leftquote {background: url(images/contentpage/topquote.gif) no-repeat;width: 20px;float: left;height: 30px;}



.box2left {background: url(images/homepagerightcol/bullet.gif) no-repeat 8px 0px;color: #4C6D8D;font: 0.7em Arial, Helvetica, sans-serif;padding-left: 22px;padding-top: 4px;width: 120px;float: left;}

.virtualtour		{float: right;width: 208px; }
.virtualtourtop 	{background: url(images/contentpage/greenboxtop.png);float: left; height: 2.3788em; width: 210px;}
.virtualmid {background:url(images/virtualtour/bac.png) no-repeat; width: 210px; clear:both;}
.virtualmid a { color: #fff !important;  text-decoration:none;  padding:0 0 0 8px; }
.virtualmid a:hover { text-decoration:underline; color: #fff !important;  }
.virtualfooter {background:transparent url(images/virtualtour/footer.png) top no-repeat;float:left; height:10px; width:210px;}
.virtualright {float: right; width: 10px; height:86px;}
.virtualleft	{float:left; padding:10px 0 0px 20px; font-size:70%; width:105px;  background:url(images/virtualtour/arrow.png) 7px 10px no-repeat;}
.virtualleft a { color: #fff; text-decoration:underline; }
.virtualleft a:hover { color:#fff !important; }
.virtualleft a:visited { color: #fff; }
.virtualsplitter {}




.box2left a { color: #0D447D; text-decoration:underline;outline:none;}
.box2left a:hover { color:#22760c !important; }
.box2left a:visited { color: #0D447D; }

.rightquote {background: url(images/contentpage/bottomquote.gif) no-repeat right bottom;min-height: 6.26em;font: bold 0.7em Arial, Helvetica, sans-serif;padding-right: 8px;padding-top: 10px;float: right;width: 110px;margin-right: 10px;}
.quotefrom {float: left;width: 150px;margin-left: 8px;font: bold 0.7em Arial, Helvetica, sans-serif;padding-top: 9px;padding-bottom: 5px;}
.box2right {float: left;width: 64px;background: url(images/contentpage/br.gif) no-repeat;height: 80px;}
.box2splitter {float: left;border-top: 1px dashed #C8C8B9;padding-top: 5px;padding-bottom: 5px;}
.box2rightRAC {float: left;width: 64px;background: url(images/contentpage/rac.gif) no-repeat;height: 80px;}
.box2rightLowEmissionZone {float: left;width: 64px;background: url(images/contentpage/lowemissionzone.gif) no-repeat;height: 80px;}
.roundtopcol {font-size: 0.05em;color:#FFF;Background: url(images/contentpage/roundtopcol.png);height: 11px;width: 210px;float: left;}
.journeyplanner {color: #4C6D8D;font: 0.7em Arial, Helvetica, sans-serif;padding-left: 22px;padding-top: 4px;}

.journeyplanner a { color: #0D447D;outline:none;}
.journeyplanner a:hover { color: #24790C; }
.journeyplanner a:visited { color: #0D447D; }

/* NEW for JopurneyPlanner & recruitment focus box  28/08/09*/
.planners{margin:0 !important;padding:0 !important}
.planners li {border-top: 1px dashed #C8C8B9;padding:5px 0 5px 15px !important}
.planners li a.JobPlanner {background:transparent url(images/contentpage/atsign.jpg) no-repeat top right; padding-right: 75px;height: 60px;}
.planners li a.RACPlanner {background: url(images/contentpage/rac.gif) no-repeat top right; padding-right: 45px;height: 50px;}
.planners li a.LowEmsZone{background: url(images/contentpage/lowemissionzone.gif) no-repeat top right; padding-right: 45px;height: 80px;}
.planners li a.londonPlanner {background: url(images/contentpage/br.gif) no-repeat top right;padding-right: 45px;height: 80px;}

.planners a {font-family:Arial,Helvetica,sans-serif;display:block; color: #0D447D;outline:none;font-size:0.9em;}
.planners a:hover { color: #24790C; }
.planners a:visited { color: #0D447D; }



/* Alternate right hand col without green top */
.rightcolmidpng {background: url(images/contentpage/thingbrownbg.png) no-repeat;min-height:7.0112em;width:210px;float:left;}
.rightcolbottomtextpng {background: url(images/contentpage/rightcolbottom.gif);min-height: 1.4398em;width: 210px;float: left;}
.rightcolrounded {float: left;width: 190px;margin-left: 8px;padding-bottom: 5px;}
.titlebaricons {float: right;margin-top: 8px; padding-right:6px;}
.titlebaricons img{border:2px solid #fff;margin:0px 3px 0px 3px;}
.imagewithcaption_right {float: right;border: 1px dotted #c8c8b9;background: #f2f2e7;margin: 0 0 0 10px;}
.imagewithcaption_left {float: left;border: 1px dotted #c8c8b9;background: #f2f2e7;margin: 0 10px 0 0;}
.memberstext {font-size: 0.65em;float: right;width: 170px;margin-top: 8px;}
.memberstext a {color: #4c6d8d;font-size: 1.1em;}
.memberstext a:hover { color: #22760C; }


.imageandtext {float: left;width: 500px; margin-bottom: 10px}
.membersfloater {height: 5.5714em;width: 245px;border: 1px dotted #cacabb;background: #f2f2e7;margin: 4px 4px 0 0 ;float: left;}
.membersimage {float: left;height: 68px;width: 51px;margin-top: 10px;margin-left: 10px;border: 1px solid #C8C8B9;}

/* Blue Link box */
.linkbox {float: left;}
.linkboxtop {background: url(images/contentpage/linkboxtop.png);float: left;height: 8px;width: 210px;font-size: 0.005em;}
.linkboxtmid {background: url(images/contentpage/linkboxmid.gif);float: left;width: 210px;}
.imagecaption {font-size: 0.7em;text-align: center;padding: 5px 0;}
.linkboxbottom {font-size: 0.005em;background: url(images/contentpage/linkboxbottom.png);float:left;height:5px;width:210px;}
.linkboxarrow{background:url(images/contentpage/linkboxarrow.gif) no-repeat;float:left;width:31px;margin-left:8px;height:31px;}
.linkboxtext {float:right;width:160px;font-size:0.8em;margin-bottom:6px;}
.linkboxtext a {color:#FFFFFF;text-decoration:underline;}
.titleholder {float:left;}
.linkboxtext a:hover {color:#F2F2E7;text-decoration:underline;}

/*Wide content area */
.middlecolwide {float: left;width: 740px;padding-left: 10px;}
.middlecolwidetop {background: url(images/contentpage/fullwdithtop.png);height: 2.4414em;width: 740px;float: left;}
.middlecolmidwide {background: url(images/contentpage/widebg.gif) no-repeat ; float: left; min-height: 17.528em; width:735px;}
.greyboxwide {background: #c8c8b9;width: 554px;margin: 8px 0 0 10px; font: 0.8em Arial, Helvetica, sans-serif;}
.middlecolfootwide {background: url(images/contentpage/footerwide.png);float: left;height: 18px;width: 740px;font-size: 0.005em;}
.midcolwidetextholder {padding: 10px 5px 0px 15px;float: left; font: 1em Arial, Helvetica, sans-serif; width:680px;}
/* Champion repeater */
.championsrepeater {float: left;height: 9em;width: 131px;margin: 0 8px 10px 0;border: 1px dotted #c8c8b9;background: #f2f2e7;text-align: center;font-size: 0.8em;}
.championquote {font-size: 0.8em;color: #0D457E;}
.imageborder {border: 1px solid #C8C8B9;width: 68px;height: 58px;margin: 8px auto;}

.middlecolwide .middlecoltop{background: url(images/contentpage/wildlifeBox-top.jpg);height:2.4414em;width:738px;float: left;}

/* Doc Download */
.documentdownload {min-height: 2.7em;width: 497px;margin-top: 10px;border: 1px dotted #CACABB;background: #f8f8f4;float: left;}
.documentdownloadpadder {margin: 6px;font-size: 0.7em;}
.documentdownloadpadder a {color: #4C6D8D;}
.documentdownloadpadder a:hover { color: #297C1A; }
.downloadleft {float: left; width: 30px;}
.downloadright {float: left;width: 90%;padding-top: 10px;}


/* News Flash headline */
.newsflasharea {width: 500px;margin-top: 10px;border-top: 1px dotted #CACABB;}
.newsheadline {width: 400px;margin-top: 5px;float: left; margin-left: 10px}
.newsdate {width: 400px;float: left; font-style:italic; font-size:0.65em; margin-left: 10px}
.newsimage {float:left;margin-top: 5px;margin-left:5px;border: 1px solid #CACABB; max-width:100px;height:20px}

.newsentry {float: left;width: 400px; margin-left: 10px}
.newsflasharea p {margin:0;padding:0;}
.newsflasharea a{color: #4C6D8D;}
.newsflasharea a:hover{color: #297C1A;}
/* News  headline */
.newsarea {width: 500px;margin-top: 10px;border-top: 1px dotted #CACABB;float: left;}

.newsnormalheadline {width: 495px;margin-top: 5px;float: left;}

.newsnormaldate {width: 500px;float: left; font-style:italic; font-size:0.65em;}
.newsnormalentry {float: left;width: 500px;}
.newsarea p {margin:0;padding:0;width:485px}
.newsarea a{color: #4C6D8D;}
.newsarea a:hover {color: #297C1A;}

/* Map content area */
.maparea {float: left;width: 500px; margin-bottom: 10px}
.maparea ul {padding-left: 25px; padding-top:0; margin-top:5px;list-style: none; font-size: 1.2em;}
.maparea li {list-style: url(images/homepagerightcol/bullet.gif);color: #164D83;}
.maparea li a {color: #164D83; }
.maparea li a:hover { color: #489236; }
.mapimage {float: left;width: 174px;margin-top: 8px;margin-left: 10px;border: 1px solid #C8C8B9;}
.maplinksleft {font-size: 0.65em;float: left;width: 150px;margin-top: 8px; margin-left:5px;text-align:left;}
.maplinksright {font-size: 0.65em;float: right;width: 145px;margin-top: 8px; margin-left:0px;text-align:left;}
.maptitle {background-color:#f2f2e7; padding-right:5px;font-size: 0.8em;float: right;width: 290px;margin-top: 8px; text-align:right; border-top: 1px dotted #C8C8B9; border-bottom: 1px dotted #C8C8B9;}


.listheader {font: 1em Arial, Helvetica, sans-serif;}
.listheader  a {font: 1em Arial, Helvetica, sans-serif;}
.listheader a:hover{font: 1em Arial, Helvetica, sans-serif;text-decoration:none;color: #297C1A;}
.titleicon {font-family: Arial, Helvetica, sans-serif;color: #164D83;}
.infotext {font-family: Arial, Helvetica, sans-serif;font-size: 1em; color:#000000}
.itemtitle {font: bold 1.4em Arial, Helvetica, sans-serif;color: #164D83;}

.midcoltextholder a {color:#0f487f;}

.midcoltextholder a:hover {color:#22760C}

.Toc .TreeView ul {padding-left: 25px; padding-top:0; margin-top:5px;list-style: none; font: 0.9em Arial, Helvetica, sans-serif;color: #297C1A;}
.Toc .TreeView li.TreeView-Root-Leaf,.Toc .TreeView li.TreeView-Root {list-style: url(images/homepagerightcol/bullet.gif);color: #164D83;}
.Toc .TreeView li a {color: #164D83; }
.Toc .TreeView li a:hover { color: #489236; }

.PrintLogo{display:none}

.rightcol2toporange {background: url(images/contentpage/orangeboxtop.png);float: left;height: 2.3788em;width: 210px;}

.box2rightat {float: left;width: 92px;background: url(images/contentpage/atsign.jpg) no-repeat;height: 63px;}

.box2leftorange {background: url(images/homepagerightcol/bullet.gif) no-repeat 8px 0px;color: #4C6D8D;font: 0.7em Arial, Helvetica, sans-serif;padding-left: 22px;padding-top: 4px;width: 90px;float: left;}