@import url(aa_styles.css);
@import url(tools.css);
@import url(leftNav.css);
@import url(topnav.css);
@import url(js-header.css);

div.main {
	margin: 0 auto;
	padding: 0 0.6em 1em 0.6em;
	text-align: left;
	width: 48.125em;
	background: #fff;
	min-height:500px;
	/*height: expression(document.body.clientHeight > 500? "500px": "auto" );*/
}

/* Box Model Hack */
html>body div.main {
  	width: 46.925em;
}

.main:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .main {
	display: inline-block; 
	width: 100%;
}

* html .main {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
    
div.rowspacer, div.rowspacerthin {clear:both; display: none;}
div.mainspan {font-size: 11px;}
div.mainspan p, div.mainspan ul li {font-size: 100%}
div.mainspan .rowspacer {clear:both; font-size: 11px; display: block;}
div.mainspan  {width: 78%; float:left; text-align: left;}  
div.sidebar {float:left; position:relative; text-align: left; margin-top: -2px;} 

h1 {font-size: 2.8em; font-family: Arial, Helvetica, sans-serif; padding: 0; margin-top: 0; font-weight: bold; color: #111; letter-spacing: -.06em}
h2 {font-size: 2em; font-family: Arial, Helvetica, sans-serif; padding: 0; font-weight: bold; color: #666;}

div.mainspan ul, div.mainspan ol {padding: 10px 0 10px 35px;}

/* added to fix anomalies with footer and site links */
div#topNavRight {width: 32em;}
div#topNavRight p span a {margin: 0 0 0 4px;}
.site-search-text {margin-right: 0.5em;}
div#footer p a {margin: 0 13px 0 0;}

/*--------------------------------------------------------------------------------------------------------------*/


.mainctr {width:95%; padding-left: 20px;}       
.maincolumn {display: none; font-size: 0.1px;}      
.phoneleft {width:75%; float:left;} 
.phoneright {width:25%; float:left;} 
.contentcenter, .phoneleft2 {width:65%; float:left;}  
.phoneright2 {width:35%; float:left;} 
.contentcenter2 {width:68%; float:left;}   
.contenthalf {width:47%; float:left;}
.contentthird {width:30%; float:left;}
.contentfourty {width:38%; float:left;}
.contenttwothird {width:62%; float:left;}
.contenthalfcolumn {width:4%; float:left;}
.contentcolumn {width:2%; float:left; padding:0px;}
.contentright {width:31%; float:left; padding:0px;}    
.banner, .header {clear:both;}
.highlightdiv {background-color: #ffc;}
.highlightdivgrey {background-color: #ccc;}
.liststyle1 {list-style: lower-roman;}
.liststyle2 {list-style: lower-alpha;}

 /* Forms - styles 		*/
 
#content form {padding: 0; margin: 0; display: inline;}

/* taken out as pages should all use main style */
/*
form {padding: 0; margin: 0; display: inline;}
fieldset {border: 1px solid #ccc; padding: 10px; margin: 10px 0;}
legend {font-size: 100%; background: #eee; padding: 5px 10px; font-weight: bold; font-size:11px; color: #666; margin: 0 0 10px 0;}
*/  

.cca, .fsaaprrate {font-weight:bold; font-size:1.5em;}

.errorimage {color:#c00; font-weight:bold; padding: 35px 0 0 24px; background: transparent url(/images/common/error.gif) no-repeat; position: relative}


/* NB: .rm should be placed in an imported stylesheet, otherwise it affects the screen readers to! */
.rm {display: none;}
.cl {clear: both; font-size: 0.1px; line-height: 0.1px;}
img {border: 0;}
hr {border: none 0; border-top: 1px solid #ccc; height: 1px; padding: 0; margin: 0 0 1em 0; clear: both;}
.darkgrey {color: #666666;}
.grey {color: #aaaaaa;}


/* Following navlist entries added for hotel/restaurant pages (MR3450) */

div.mainspan ul.navlist {margin: 0; padding: 20px 0 20px 0; list-style: none;}
div.mainspan ul.navlist li {margin: 0; padding: 0; }
div.mainspan div.hotelcenter {clear: both; padding: 20px 0 0 0; text-align: center;}
div.mainspan div.hotelcenter h3 {font-size: 2em;}
div.mainspan div.hotelcenter img {vertical-align: middle;}
div.mainspan div.hotelcenter img.estabimage {margin: 20px 0 0 0;}

/* ---------------------------------------------------------------------------------------*/

/* Content */

#content p.subtitle {margin:0; padding: 0 0 15px 0; font-size: 1.5em; color: #999;}
#content p.strapline {margin:0; padding: 0;}
#content p.image_left img {float:left; margin: 0 20px 10px 0; padding: 0;}
#content p.image_right img {float:right; margin: 0 0 10px 20px; padding: 0;}
#content p.image_left, #content p.image_right {clear: both;}
#content p.image_left span.highlightheading {font-size:1.3em; padding: 0.5em 0 0 0; font-weight:bold; color: #f93;}
		
.secondarynav {font-size: 90%; font-weight: bold; text-decoration: none; color: #000;}
a.secondarynav:visited {font-size: 90%; font-weight: bold; text-decoration: none; color: #000;}
a.secondarynav:hover {text-decoration: underline; color: #000;}
.padding1 {padding: 1px; margin: 0px;}
.padding2 {padding: 2px; margin: 0px;}
.padding5 {padding: 5px; margin: 0px;}
.padding11 {padding: 11px; margin: 0px;}
 
/* ---------------------------------------------------------------------------------------*/

 /* grey borders */
 .borderTop {border: 1px solid #ccc; border-bottom: 0px; padding : 1%;}
 .borderMiddle {border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding : 1%;}
 .borderDivide {border-top: 1px solid #ccc; padding : 0;}
 .borderBottom {border-top: 0px; border: 1px solid #ccc; padding : 1%}

/* headings */
big {color:#000000; text-decoration:none; font-size:16px; font-weight:bold;}
.subheading {color:#666; text-decoration:none; font-size:14px; font-weight:normal;}
.subheadingbold {color:#666; text-decoration:none; font-size:14px; font-weight:bold;}
.subheadingblack {color:#000; text-decoration:none; font-size:14px; font-weight:normal;}

/* body text styles */
small {color:#666; font-size:100%;}
.black {color:#000;}
.white {color:#fff;}
.quote {font-size:24px; font-weight:bold;}
.refnum {font-weight:bold;}
.highlight1 {color:#c00;}
.link2 {color:#336; text-decoration:underline}

/* forms */
input {font-family:Verdana, Arial ;font-size:12px}
textarea {font-family:Verdana, Arial;font-size:12px}
select {font-family:Verdana, Arial;font-size:12px}
.select140  {font-family: verdana, arial, helvetica, sans-serif; font-size:11px; width:137px}
.select175  {font-family: verdana, arial, helvetica, sans-serif; font-size:11px; width:175px}
.select200  {font-family: verdana, arial, helvetica, sans-serif; font-size:11px; width:199px}
.select300  {font-family: verdana, arial, helvetica, sans-serif; font-size:11px; width:299px}
.select140error  {font-family: verdana, arial, helvetica, sans-serif; font-size:11px; width:137px; background: #fcc;}
.select200error  {font-family: verdana, arial, helvetica, sans-serif; font-size:11px; width:199px; background: #fcc;}
.selecterror {font-family: verdana, arial, helvetica, sans-serif; font-size:11px; background-color: #ffcccc}

/*Car Test Reports Printing Format*/
.comparetable {font-size:9px}
.generaltable {font-size:10px}

/*special classes*/

.box {clear: left; width: 100%; margin-bottom: 20px;}
.special {width:50%; float:right; text-align:right;}
.bgcolorffe57f {background-color:#ffe57f;}
paddingLeft10px {padding-left: 10px;}
.savings {width: 100%;}
.savingspic {width: 90px; float: left;}
.savingstext {width: 167px; float: left;}
.savingspicr {width: 90px; float: left;}
.savingstextr {width: 167px; float: left;}
.savingswhitebox {width: 95%; background: #fff; padding: 2px; border: 1px solid #ccc;}
.telephone {color:#000000; text-decoration:none; font-weight:bold; font-size: 135%;}
.telephonesmall {color:#000000; text-decoration:none; font-size: 85%; padding-top: 8px;}
.navigatortop {background: transparent url(/images/common/benefit_back.gif) repeat-x top left; width: 100%; height: 25px;}
.navigatorbody {width: 100%; height: 150px;}

/* ---------------------------------------------------------------------------------------*/

/* Rounded Corners */

.nw, .ne, .sw, .se {position: relative;	margin: 0; font-size: 1px; height: 4px;}
.topfade_yellow .content, .grey_grey .content, .grey_green .content, .red_grey .content, .topfade_grey .content, .topfade_yellow .sw, .grey_grey .sw, .grey_green .sw, .red_grey .sw, .topbottomfade_grey .sw {margin-bottom: 0; margin-top: -1px;}

/* Standard settings for boxes with grey border */
.nw {background: url(/images/common/nw.gif) top left no-repeat; top: -1px; left: -1px; margin-bottom: -1px;}
.ne {background: url(/images/common/ne.gif) top right no-repeat; right: -2px;}
.sw {background: url(/images/common/sw.gif) bottom left no-repeat;	bottom: -1px; left: -1px; margin-bottom: -1px; clear: both;}
.se {background: url(/images/common/se.gif) bottom right no-repeat;right: -2px;}

/* Optional Values for boxes one for each colour combination */
.red_grey {position: relative; background: #f1f1f1; border: 1px #c30 solid;	margin: 5px 0 5px 0; padding: 0;}		
.topfade_yellow {position: relative; background: transparent url(/images/common/benefit_back.gif) repeat-x top left; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}
.topbottomfade_grey {position: relative; background: transparent url(/images/common/bdown_back.gif) repeat-x top left; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}		
.grey_grey {position: relative; background: #f1f1f1; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}
.grey_green {position: relative; background: #ecece0; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}
.traffic {position: relative; border: 1px #ccc solid; margin: 5px 0 5px 0; padding: 0;}


/* START - yellow background box */
.yellowbox {background-color: #fff5cc}
.yellowtop {background: url(/images/common/table_ht.gif) repeat-x;}
.yellowtop div {background: url(/images/common/table_tl.gif) no-repeat top left;}
.yellowtop div div {background: url(/images/common/table_tr.gif) no-repeat top right;}
.yellowbottom {background: url(/images/common/table_hb.gif) repeat-x;}
.yellowbottom div {background: url(/images/common/table_bl.gif) no-repeat top left;}
.yellowbottom div div {background: url(/images/common/table_br.gif) no-repeat top right;}
.yellowcontentwrap { background: url(/images/common/table_vl.gif) repeat-y; }
.yellowcontent     { background: url(/images/common/table_vr.gif) repeat-y right; }
/* height and width to set  position of outlines. */
.yellowtop div,  .yellowtop,  .yellowbottom div,  yellowbottom {width: 100%; height: 9px; font-size: 1px;}
.yellowcontent  {padding: 0 1em 0em 1em ; margin: 0;}
.yellowbox {width: 100%; margin: 1em auto;}
/* END yellow background box */

/* START grey background box */
.greybox {background-color: #f4f4f4}
.greytop {background: url(/images/common/table4_ht.gif) repeat-x;}
.greytop div {background: url(/images/common/table4_tl.gif) no-repeat top left;}
.greytop div div {background: url(/images/common/table4_tr.gif) no-repeat top right;}
.greybottom {background: url(/images/common/table4_hb.gif) repeat-x;}
.greybottom div {background: url(/images/common/table4_bl.gif) no-repeat top left;}
.greybottom div div {background: url(/images/common/table4_br.gif) no-repeat top right;}
.greycontentwrap {background: url(/images/common/table4_vl.gif) repeat-y;}
.greycontent {background: url(/images/common/table4_vr.gif) repeat-y right;}
/* height and width to set  position of outlines. */
.greytop div,  .greytop,  .greybottom div,  greybottom {width: 100%; height: 9px; font-size: 1px;}
.greycontent  {padding: 0 1em 0em 1em ; margin: 0;}
.greybox {width: 100%; margin: 1em auto;}
/* END grey background box */

/* START red-line / grey background box */
.redgreybox {background-color: #f4f4f4}
.redgreytop {background: url(/images/common/red_table3_ht.gif) repeat-x;}
.redgreytop div {background: url(/images/common/red_table3_tl.gif) no-repeat top left;}
.redgreytop div div {background: url(/images/common/red_table3_tr.gif) no-repeat top right;}
.redgreybottom {background: url(/images/common/red_table3_hb.gif) repeat-x;}
.redgreybottom div {background: url(/images/common/red_table3_bl.gif) no-repeat top left;}
.redgreybottom div div {background: url(/images/common/red_table3_br.gif) no-repeat top right;}
.redgreycontentwrap { background: url(/images/common/red_table3_vl.gif) repeat-y; }
.redgreycontent     { background: url(/images/common/red_table3_vr.gif) repeat-y right; }
/* height and width to set  position of outlines. */
.redgreytop div,  .redgreytop,  .redgreybottom div,  redgreybottom {width: 100%; height: 9px; font-size: 1px;}
.redgreycontent  {padding: 0 1em 0em 1em ; margin: 0;}
.redgreybox {width: 100%; margin: 1em auto;}
/* END red-line / grey background box */

/* START - white background box */
whitebox {background-color: #fff}
.whitetop {background: url(/images/common/table5_ht.gif) repeat-x;}
.whitetop div {background: url(/images/common/table5_tl.gif) no-repeat top left;}
.whitetop div div {background: url(/images/common/table5_tr.gif) no-repeat top right;}
.whitebottom {background: url(/images/common/table5_hb.gif) repeat-x;}
.whitebottom div {background: url(/images/common/table5_bl.gif) no-repeat top left;}
.whitebottom div div {background: url(/images/common/table5_br.gif) no-repeat top right;}
.whitecontentwrap {background: url(/images/common/table5_vl.gif) repeat-y;}
.whitecontent {background: url(/images/common/table5_vr.gif) repeat-y right;}
/* height and width to set  position of outlines. */
.whitetop div,  .whitetop,  .whitebottom div,  whitebottom {width: 100%;   height: 9px;    font-size: 1px;}
.whitecontent  {padding: 0 1em 0em 1em ; margin: 0;}
.whitebox {width: 100%; margin: 1em auto;}
/* END white background box */

/* START - Map styles */
#mapZoom img {width: 24px; margin: 0 10px 4px 10px; padding: 0; float: left; clear: both;}
/* END - Map styles */

 /* ---------------------------------------------------------------------------------------*/