a {color:#66f;}
a:link {color:#66f;}
a:visited {color:#069;}
a:hover {color:#f60; text-decoration: none;}
a:focus {color:#f60; text-decoration: none;}
a.name {color:#000;}

form {margin: 0; border: 0; padding: 0; display: inline;}
fieldset {border: 1px solid #ccc; padding: 10px; margin: 10px 0;}
legend {border: 1px solid #ccc; font-size: 130%; font-weight: bold; background: #f1f1f1; padding: 5px;}
   
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica; padding: 0; color: #111;}
* html h1 {margin-left: -1px} /*stops titles from losing left edge in IE6 */
h1 {font-size: 1.8em; letter-spacing: -.03em; margin: 0 0 5px -2px; line-height: 0.9em}
h2 {font-size: 1.2em; color: #666}
h3 {font-size: 1em; color: #999}
h4 {font-size: 0.9em; color: #999}
h5 {color: #666}
h6 {color: #666}
.highlight {font-weight:bold; color: #390;}

.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; !important}
.homepageh1special {font-size: 180%; font-weight: normal; margin: 0px;}
.homepageh1 {font-size: 220%; font-weight: normal; margin: 0px;}
.homepageh2 {color:#000; text-decoration:none; font-weight:bold; font-size: 115%; margin: 0px}
.homepageh2orange {color:#f93; text-decoration:none; font-weight:bold; font-size: 115%; margin: 0px}
.homepageh3 {color:#000000; text-decoration:none; font-weight:bold; font-size: 100%; margin: 0px}
.homepageh4 {font-size: 140%; font-weight: normal; margin: 0px;}
.homepageh5 {color:#000; text-decoration:none; font-weight:bold; font-size: 130%; margin: 0px}
.homepageh6 {color:#000; text-decoration:none; font-weight:bold; font-size: 110%; margin: 0px}


/* 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;}

#header {
width: 100%;
margin:0;
padding: 0;
background: #ccc;
}
#navigation {width: 170px; float:left;}
/* NB: The width is pixel perfect to match the background image */

/* Logo */
#logo {background: #fc0; height: 50px;	border-top: 1px #ffe57d solid; border-bottom: 1px #826800 solid; text-align: right;}
#logo img {float:left; width: 51px; height: 51px;}
#logo img.metafaq {width: 201px; height: 29px; margin: 13px 0 0 134px;}

/* div'd page classes */

.main {width:100%;}
.mainctr {width:100%;}       
.maincolumn {display: none;}
.sidebar {width:170px; float:left; margin-top: -14px; position:relative;}
.mainspan {width:74%; float:left; margin: 0 0 0 20px;}             
.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;}    
.rowspacerthin {clear:both; font-size : 50%; font-family: monospace;}
.banner, .rowspacer, .header, .footer {clear:both;}
.highlightdiv {background-color: #ffc;}
.highlightdivgrey {background-color: #ccc;}
.liststyle1 {list-style: lower-roman;}
.liststyle2 {list-style: lower-alpha;}

/*Page Formating*/

.testImage {float: right; margin-left: 10px;text-align:center;}
.rating {margin: 5px 0;}
#aaBookmarks a, .greybox a {color: #666;}
#testSummary {width: 315px; float: right; margin-left: 10px;}
#testSummary p em {text-align:center;}
#testSummary img {float: right; margin-top: 5px;}

.aligncenter, .center {text-align:center;}
.alignright, .right {text-align:right;}		
.alignleft, .left {text-align:left;}	

/* 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;}
 
/* ---------------------------------------------------------------------------------------*/

 /* 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}

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

/* 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: #ffffcc; repeat;}
.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 */