/* Left column styles */
#leftcolumn-content,
#leftcolumn-content p
{
 font-size: .8em;
}
#leftcolumn-promo-content p
{
 font-size: 1.25em;
}
ul.toplinks
{
 list-style-type:none;
 margin:0;
 padding:0px 0px 1px 0px;
 border-bottom:6px solid #0161A8;
}
.toplinks li
{
 height:23px;
 margin:0px 0px 1px 0px;
 padding:0;
 background-image:url("toplink_bg.gif");
}
.toplinks a:link,
.toplinks a:visited
{
 color:black;
 text-decoration:none;
 display:block;
 width:90%;
 line-height:22px;
 padding:0px 0px 0px 15px;
 margin:2;
}
ul.primarylinks
{
 list-style-type: none;
 margin:0;
 padding:0px 0px 6px 0px; /* bottom padding leaves space for bg image */
 background-image:url("primarylink_bottom.gif");
 background-position:bottom;
 background-repeat:no-repeat;
}
/* Changed 26/02/2005 NG height:20px; - height:auto; */
.primarylinks li
{
 height:auto; margin:0px 0px 1px 0px;
 padding:0;
 background: #EFEBEF url("primarylink_bg.gif"); 
 background-repeat:no-repeat;
}
li.currentchannel,
li.currentchannel a:link,
li.currentchannel a:visited
{
 color:white;
}
li.currentsingle,
li.currentsingle a:link,
li.currentsingle a:visited
{
        color:white;
}
/* only apply this to the container li that holds a secondarylinks menu */
.primarylinks li.secondarycontainer
{
 height:1%;
 background-image:none;
 background-repeat:no-repeat;
}
.primarylinks a:link,
.primarylinks a:visited
{
 color:black;
 text-decoration:none;
 display:block;
 width:10%;
 line-height:20px;
 padding:0px 0px 0px 14px;
 margin:0;
}
ul.secondarylinks
{
 list-style-type:none;
 margin:0;
 padding:0;
 border-bottom:1px solid #0161A8;
}
.secondarylinks li
{
 /* cancel cascaded settings from primarylinks */
 height:auto;
 background-image:none;
 margin:0;
 padding:0;
 background:#F5F5F5;
}
.secondarylinks a:link,
.secondarylinks a:visited
{
 color:black;
 text-decoration:none;
 display:block;
 width:80%;
 padding:0px 0px 0px 20px;
 margin:0;
}
.secondarylinks a:hover,
.secondarylinks a:active,
.secondarylinks a:focus
{
 text-decoration:underline;
}
/* centre column styles */
#centrecolumn-content h1
{
 margin:0;
 padding:0;
}
h2
{
 color:#000;
 margin-left:10px;
 margin-right:20px;
 padding-bottom:0px;
 border-bottom 1px solid #ccc;
}
h3
{
 color:#002575;
 margin-left:6px;
 margin-right:6px;
 padding-bottom:1px;
 border:none;
}
h4
{
 color:#66dd33;
 margin-left:6px;
 margin-right:6px;
 padding-top:1px;
 border-top:1px solid #CCC;
 padding-bottom:2px;
 border-bottom:2px solid #CCC;
}
/* #centrecolumn-content h2
{
 color:#002575;
 margin-left:6px;
 padding-bottom:1px;
 border-bottom:1px solid #CCC;
} 
NG: Fixed 05-06-15 */
#centrecolumn-content p
{
 padding:6px;
}
p.linktotop
{
 text-align:right;
 background-image:url("linktotop.gif");
 background-repeat:no-repeat;
 background-position:right;
}
.linktotop a:link,
.linktotop a:visited
{
 padding-right:8px; /* leave space for the up arrow background graphic */
 font-weight:bold;
 color:#069;
 text-decoration:none;
}
.linktotop a:hover,
.linktotop a:focus
{
 text-decoration:underline;
}
/* Common styles for main column teasers on any page */
/* the box containing teasers */
div.teasers
{
 clear:both;
 padding:10px 0px 10px 0px;
}
.teasers h2
{
 font-size:1.15em;
 color:#4D4D4D;
 margin:0px 0px 0px 4px;
 padding:0;
 border:none;
}
/* .teasers h2
{
 font-size:1.15em;
 color:#4D4D4D;
 margin:0px 0px 0px 4px;
 padding:0;
}
NG: Fixed 25-11-04
*/
.teasers h3
{
 font-size:1.0em;
 margin:0px 0px 0px 82px;
 padding:4px 0px 0px 0px;
}
.teasers p
{
 margin:0;
 padding:0;
 font-size:0.9em;
}
.teasers p a,
.rhteaser p a
{
 font-style:italic;
 font-weight:bold;
 color:#069;
}
/* teasers are positioned left or right */
.teaserleft
{
 float:left;
 width:222px;
 margin-left:4px;
}
.teaserright
{
 width:222px;
 margin-left:350px;
}
.teaserbanner
{
 margin-left:4px;
}
/* teasers have a type which determines their presentation */
/* teasertype1 is image on left, text on right with a half-frame that
   changes colour according to the channel (see channel styles for example) */
.teasertype1 h3
{
 font-size:1.0em;
 color:black;
 margin:0px 0px 0px 82px;
 padding:4px 0px 0px 0px;
}
.teasertype1 p
{
 margin-left:77px;
}
.teasertype1 img
{
 float:left;
 margin:5px 0px 0px 5px;
}
/* teasertype2 is fixed height with a rounded-corner grey backgroud image */
.teasertype2
{
 width:215px;
 height:118px;
 background-image:url("teaser_bg_<div id="racqfor">.gif");
 background-repeat:no-repeat;
}
.teasertype2 h2
{
 color:#4D4D4D;
 margin:0px;
 padding:10px 0px 0px 4px;
}
/*
.teasertype2 h2
{
 margin:0px;
 padding:10px 0px 0px 4px;
}
NG: Fixed 25-11-04
*/
/* the "get an estimate" form is a teasertype2 */
form.estimateform
{
 margin-left:10px;
 margin-bottom:16px;
}
.estimateform select
{
 width:160px;
}
/* teasertype3 is the "calculator" teaser. It has no common styles but some
   colours are overridden by channel stylesheets */
.teasertype3 { }
/* teasertype4 is the lst-of-links style as used on the contact page */
.teasertype4
{
 padding:10px 0px 0px 10px;
}
.teasertype4 h2
{
 margin-bottom:8px;
}
.teasertype5
{
 height: 69px;
}
.teasertype5 h3
{
 font-size:1.0em;
 color:black;
 margin:0px 0px 0px 5px;
 padding:4px 0px 0px 0px;
}
.teasertype5 p
{
 margin-left:0px;
}
.teaserParagraph
{
 margin-left: 7px;
 margin-right: 5px;
}
.teaserParagraph p
{
 display: inline;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 text-indent: -6px;
}
/* --------- END teaser styles -------------------------------------------- */
/* right column styles */
#racqfor
{
 height:48px;
 background:#EBEBEB;
 padding:6px 3px 0px 4px;
}
#racqfor select
{
 width:100px;
}



#racqfor1
{
 height:48px;
 background:#000000;
 padding:6px 3px 0px 4px;
}
#racqfor select
{
 width:100px;
}


#racqfor2
{
 height:48px;
 background:#ccccff;
 padding:6px 3px 0px 4px;
}
#racqfor select
{
 width:100px;
}










.rhteaser
{
 margin:0px 0px 12px 0px;
 padding:10px;
 /* this background is overridden by channel specific stylesheets */
 background-image:url("rhteaser_bg.gif");
 background-repeat:no-repeat;
}
.rhteaser
{
 font-size:0.9em;
}
.rhteaser p
{
 padding-top:4px;
}
.rhteaser h2
{
 font-size:1.25em;
 margin:0px;
 padding:3px 0px 0px 4px;
 color:#4D4D4D;
 border:none;
}
/*
.rhteaser h2
{
 font-size:1.25em;
 padding:3px 0px 0px 4px;
 color:#4D4D4D;
}
NG: Fixed 25-11-04
*/
.rhpromo
{
 margin:0;
 padding:0;
}
ul.relatedtopics
{
 list-style-type:none;
 margin:0;
 padding:4px 0px 0px 0px;
}
.relatedtopics li
{
 color:#black;
 padding:0px 0px 3px 12px;
 margin:0;
 background-image:url("relatedtopics_list_icon.gif");
 background-position:2px 3px;
 background-repeat:no-repeat;
}
.relatedtopics a:link,
.relatedtopics a:visited
{
 color:#069;
 text-decoration:none;
}
.relatedtopics a:hover,
.relatedtopics a:active,
.relatedtopics a:focus
{
 text-decoration:underline;
}
/* Styles for articles */
div.article
{ }
.articleheadercontent h1
{
 color:#002575;
}
.article h2
{
 margin-top:18px;
 margin-left:6px;
 color:#002575;
 border-bottom:1px solid #CCC;
}
div.articleheader
{
 background:#EBEBEB;
 height:100%; /* this is a fix for Internet Explorer vanishing bug */
 margin-left:4px;
}
div.articleheadercontent
{
 margin-left:6px;
}
div.articleheaderimage
{
 float:right;
 /* half-frame around image; pad box to show frame */
 /*background:url("articleheaderimage_frame.gif") no-repeat top left;*/
 padding:4px 8px 4px 4px;
}
div.articleheaderimagesmall
{
 float: left;
 padding:4px 8px 4px 4px;
}
.articlebyline
{
 color:#999;
}
.articledetailtable
{
 border-collapse:collapse;
 margin:6px 0px 6px 6px;
 width: 100%;
}
.articledetailtable td
{
 vertical-align:top;
 padding:3px;
}
.articledetailtable .label
{
 width:150px;
 font-weight:bold;
}
.articledetailtable .row2
{
 background:#EBEBEB;
}
/* rounded grey borders on article header box */
.articleheadertop div
{
 height:10px;
 background:url("cnr_grey_tl.gif") no-repeat top left;
}
.articleheadertop
{
 height:10px;
 background:url("cnr_grey_tr.gif") no-repeat top right;
}
.articleheaderbottom div
{
 height:10px;
 background:url("cnr_grey_bl.gif") no-repeat bottom left;
}
.articleheaderbottom
{
 height:10px;
 background:url("cnr_grey_br.gif") no-repeat bottom right;
}
/* this clears the floated image in the grey box */
.articleheaderbottom
{
 clear:both;
}
/* Search results styles */
#searchresultform p
{
 width:45%;
 float:left;
}
#searchresultform label
{
 display:block;
 float:left;
 width:80px;
 padding-top:6px;
 font-weight:bold;
}
#searchresultform input
{
 width:9200px;
 font-size:1.0em;
 margin:4px 6px 0px 0px;
}
#searchresultform img.searchbutton
{
 vertical-align:-20%;
}
.advsearchlink
{
 margin-top:6px;
 font-weight:bold;
}
.searchresultdetail
{
 clear:both;
}
div.searchresultsheader
{
 padding-left:12px;
 padding-right:12px;
 background:#C5C5C5;
 font-weight:bold;
}
.searchresultpager
{
 float:right;
 font-weight:bold;
}
/* (a single search result) */
.searchresult
{
 padding:0;
 margin:0;
 border-bottom:1px solid #CCC;
}
.searchresult a
{
 font-weight:bold;
}
.searchresult .morelink
{
 text-align:right;
}
 
/* Styles on the news list page */
div.newsitem
{
 margin-bottom:12px;
}
.newspublished
{
 color:#999;
}
.newsmorelink
{
 font-weight:bold;
}
/* Promo columns on channel pages */
div.promocolumn
{
 float:right;
 margin-right:6px;
 margin-left:12px;
}
.promocolumn div
{
 margin-top:6px;
 margin-bottom:18px;
}
/* General form styles for centre column forms - style the form with the .form class */
.form
{ }
.form table
{
 margin-left:6px;
 margin-right:6px;
}
.form td.formlabel
{
 width:160px;
}
.form td.formerror
{
 background:#F5F5F5;
}
.form .helptext
{
 font-size:0.9em;
}
.form .fonterror
{
 font-size:0.9em;
 color:#D00;
 font-weight:bold;
}
/* default width for form inputs */
.form input
{
 width:200px;
 font-size:1.0em;
}
/* override the above default for certain elements */
.form .checkbox,
.form .radiobutton,
.form .button
{
 width:auto;
}
.form select
{
 width:220px;
}
.fontnormalred
{
 color:#D00;
 font-weight:bold;
 /* increase the size of the asterisk a bit, but don't blow out the line height */
 font-size:1.5em;
 vertical-align:-30%;
 line-height:0.5em;
}
/* Travel enquiry form */
.travelenquiry
{
 background-color:#EEE;
 margin:6px;
 padding-top:6px;
 padding-bottom:6px;
}
.travelenquiry label
{
 font-size:0.9em;
}
.travelenquiry h2
{
 font-size:1.0em;
 color:black;
 border:none;
}
.travelenquiry table
{
 margin-left:6px;
}
.travelenquiry td
{
 width:150px;
}
.travelenquiry select
{
 width:120px;
}
.travelenquiry .morelink
{
 text-align:right;
 font-weight:bold;
}
.travelenquiry .morelink img
{
 vertical-align:-30%;
}
/* table styles for membership comparison table */
table.membcomparison
{
 margin-left:6px;
 margin-right:6px;
}
.membcomparison td
{
 width:25%;
}
/* table styles for membership specials table */
table.specials
{
 margin-left:6px;
 margin-right:6px;
}
.specials td.promoimage
{
 text-align:center;
 vertical-align:middle;
}
.specials h3
{
 margin-top:0;
 margin-bottom:0;
}
/* Styles for car reviews list pages */
.carReviewListThumbnail
{
 float: left;
 width:150px;
} 
.carReviewListTeaserText
{
 float: left;
}
.carReviewListBottom
{
 clear:both;
}
/* Styles for car review archive */
.shaded
{
 margin-left:6px;
 margin-right:6px;
 padding: 1px 1px 1px 18px;
 font-size: 1.2em;
 /*color: #369;*/
 color:#002575;
 background:#E5E5E5;
 text-align:left;
 font-weight: bold;
}
.firstIndent
{
 float:left;
 width:190px;
 margin-left:70px;
 margin-top: 1px;
 margin-bottom: 1px;
}
.secondIndent
{
 float:left;
 width: 130px;
 margin-left: 5px;
 margin-top: 1px;
 margin-bottom: 1px;
}
/* table styles for car review archive tables */
table.carReviewArchive
{
 border-collapse:collapse;
 margin-top:6px;
 margin-bottom:6px;
}
table.carReviewArchive th
{
 font-size: 1.1em;
 color: #369;
 background:#E5E5E5;
 text-align:left;
 padding:1px;
 font-weight: bold
}
table.carReviewArchive td
{
 border-top:none;
 border-bottom:none;
 text-align:left;
 vertical-align:top;
 padding:1px;
}
table.carReviewArchive td.carModel
{
 text-align:left;
}
table.carReviewArchive td.date
{
 text-align:left;
}
table.carReviewArchive .row2
{
 background:#EBEBEB;
}
/* Styles for Car Comparison Pages */
div.row2
{
 background:#EBEBEB;
}
.comparisonFirstIndent
{
 width:260px;
 padding: 5px 0px 1px 40px;
}
.comparisonSecondIndent
{
 float:right;
 width:130px;
 padding: 5px 0px 1px 5px;
 margin-right:90px;
}
.imageCaption
{
 font-size:0.9em;
}
div.twoWide
{
 margin-top:10px;
 margin-bottom:5px;
 margin-left:10px;
 margin-right:5px;
 width:250px;
 float: left;
}
table.vehicleStats
{
 text-align:center;
 /*width=100%;*/
 border: none;
}
table.vehicleStats th
{
 background:#A2C2ED;
 text-align:center;
}
table#vehicleStats td
{
 text-align:center;
}
table.vehicleStats .col2
{
 background:#EBEBEB;
}
table.vehicleStats .col1
{
 text-align:left;
}
table.vehicleStats .left
{
 text-align:left;
}
table.vehicleStats .mainHeading
{
 text-align:center;
}
table.vehicleStats .smallText
{
 font-size: 10px;
}
/* Styles for Branch and Agent Pages */
.branchAgentColOne
{
 width:220px;
 float:left; 
 margin-left:5px; 
 text-align:right;
}
.branchAgentColTwo
{
 float:left;
}
.branchAgentListPageColOne{
 width:260px; 
 float:left;
}
.branchAgentListPageColTwo{
 width:340px;
}
.branchAgentListPageColOneRight{
 width:260px; 
 float:left;
 text-align:right;
}
.branchAgentHelpText
{ 
 width:200px;
 text-align:left;
 font-weight:bold;
 font-size:0.9em;
}
.branchAgentListPageHelpText
{ 
 width:200px;
 text-align:left;
 font-weight:bold;
 font-size:0.9em;
}
.branchAgentServiceDescriptions
{ 
 font-size:0.9em;
}
.branchFeatures
{
 float: left;
 width: 320px;
 margin-left:10px;
 margin-right:5px;
}
table.businessHours
{
 float:right;
 border: none;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 width: 90px;
}
table.businessHours th, table.businessHours td
{
 text-align:center;
 padding: 0 0 0 0;
 border: none;
}
table.businessHours2
{
 width: 100%;
}
table.businessHours2 th, table.businessHours2 td
{
 text-align:center;
}
.branchDetails
{
 float:left;
 width: 190px;
 margin-left: 3px;
}
.branchTitle
{
 color: #002575;
}
.branchAgentSearch
{
 float:right;
 margin-right:30px;
}
.branchAgentSearchTitle
{
 font-weight: bold;
}
h1.branchAgent 
{
 font-size: 1.3em;
 color: #FFFFFF;
 height:20px;
 /* background-color: #CCCCFF;*/
 margin: 10px 0 10px 0;
 background-image:url("membership_heading_gradual.jpg");
}
h2.branchAgent
{
 margin: 10px 0 10px 0;
}
h3.branchAgent
{
 text-decoration: none;
 font-weight: bold;
 font-size: 1.1em;
 margin: 0 0 0 0;
}
h4.branchAgent
{
 color:#002575;
 font-size: 2.0em;
 border: none;
 display:inline;
}
div.branchAgent
{
 float:left;
 width:230px;
 padding: 0 5px 0 5px;
}
div.branchAgent3Wide
{
 float:left;
 width:190px;
 padding: 0 5px 0 5px;
 margin-left: 3px;
}
.back
{
 background-image:url("backArrow.gif");
 background-repeat:no-repeat;
 background-position:2px 3px;
 padding: 0px 0px 3px 12px;
}


/* Careers styles  */
.jobdetailtable
{
 border-collapse:collapse;
 margin:6px 0px 6px 6px;
}
.jobdetailtable td
{
 vertical-align:top;
 padding:3px;
}
.jobdetailtable .labelNS
{
 font-weight:bold;
}
.jobdetailtable .label
{
 width:150px;
 font-weight:bold;
}
.jobdetailtable .row2
{
 background:#EBEBEB;
}


/* Generic table styles */
table.generic
{
 text-align:center;
 border: 1px solid #EBEBEB;
}
table.generic th
{
 text-align:center;
 background:#EBEBEB;
 /*background:#CCCCCC;*/
 border: 1px solid #CCCCCC;
}
table.generic td
{
 word-wrap: break-word;
}
table.generic .col2
{
 background:#EBEBEB;
}
table.generic .primaryHeading
{
 text-align:center;
 font-size:1.2em;
 font-weight: bold;
 color:#002575;
 /*background: none;*/
 background:#EBEBEB;
 /*background:#CCCCCC;*/
 border: 1px solid #CCCCCC;
}
table.generic .secondaryHeading
{
 font-size:1.1em;
 font-weight: bold;
 color:#002575;
 /*background:#F7F7F7;*/
 background: #EBEBEB;
 border: 1px solid #CCCCCC;
}
table.generic .smallText
{
 font-size: 10px;
}
.tableInstructions{
 margin: 1px;
 padding:5px 5px 5px 5px; 
 background-color:#DDD;
 border:1px solid red;
 width:610px;
}
.tableInstructionsLink{
 float:right;
 cursor: pointer;
}

/*----------------------------------------------*/
/* List Page content - used by Q-Fleet template */
#listPage-content ul, #listPage-content ol
{
 list-style-position: inside;
 margin: 1px 1px 5px 7px;
}
#listPage-content .thumbnail
{
 float: left;
 width:150px;
 margin-left:6px;
 margin-top:6px;
} 
#listPage-content .teaserText
{
 float: left;
 margin-top:6px;
 width:460px;
}
#listPage-content .bottom
{
 clear:both;
 border-bottom:1px solid #E5E5E5;
 margin-left:6px;
 margin-right:6px;
}
#listPage-content h3
{
 margin-bottom:0px;
 padding:0 0 0 0;
}
.pageInstructions
{
 margin: 1px;
 padding:5px 5px 5px 5px; 
 background-color:#DDD;
 border:1px solid red;
 width:610px;
}
.pageInstructions ul
{
 margin: 5px 0 5px 30px;
 padding: 5px 0 5px 20px;
}
/*----------------------------------------------*/



<rde-dm:query searchable="true"></rde-dm:query>