/* All styles for the homepage are now in the template.  This is to avoid caching and formatting issues 
/product_static/presentation/main_homepage.tpl

THESE STYLES ARE FOR THE SEARCH INDEX PAGE SO ALSO NEED TO BE UPDATED IF THE HOMEPAGE UPDATES
*/

/* DOM window */
#DOMContent {display: none; border: 0; position: absolute;}
#DOMContent a {display: block; width: 100%; height: 100%;}
.closeDOMWindow {cursor: pointer; display: none;}
.closeDOMWindow img {position: absolute; top: 0; right: 0; z-index: 3;}

/* headings */
h1#homeh1 {margin: 0;}
h2 a, h3 a {color: #666;}
h2.homeh2 {float: left; background-color: #ffe57f; font-size: 95%; margin: 0 0 0 0 !important; padding: 0.3em 0 0.4em 0 !important; height: 1em !important; width: auto !important;} /* width/height overrides fixed width in main stylesheet */
h2.homenewsh2 {font-size: 95%; margin: 0 0 -0.3em 0 !important; padding: 0.2em 0 0.5em 0 !important; height: auto !important; width: auto !important;} /* width/height overrides fixed width in main stylesheet */

#topNavBread {height: 0.6em;}

h2.homeh2greynews {color: #fff; background: url(../images/common/gradients/title666999.gif) bottom left repeat-x #808080; font-size: 95%; margin: 0 0 0.7em 0 !important; !important; padding: 0.25em 0 0.25em 0 !important; height: auto !important; width: auto !important;} /* width/height overrides fixed width in main stylesheet */

h2.homeh2grey {background-color: #eee; color: #000; font-size: 95%; margin: 0.25em 0 0.25em 0.25em !important; padding: 0.25em 0 0.25em 0 !important; height: auto !important; width: auto !important;} /* width/height overrides fixed width in main stylesheet */
h2.homeh2greytravel {background: url(../images/common/gradients/title666999.gif) bottom left repeat-x #666; font-size: 95%; margin: 0 0 0.5em 0 !important; padding: 0.25em 0 0.25em 0 !important; height: auto !important; width: auto !important;} /* width/height overrides fixed width in main stylesheet */
h2.homeh2greytravel a {color: #fff;}
h2.homeh2greybottom {background: url(../images/common/gradients/title666999.gif) bottom left repeat-x #666; font-size: 95%; !important; padding: 0.3em 0.3em 0.3em 0.3em !important; height: auto !important; width: auto !important;} /* width/height overrides fixed width in main stylesheet */
h2.homeh2greybottom a {color: #fff;}
h3 {font-size: 0.7em; margin: 0em 0 0.5em 0;}
.thisweeksmall h3, .thisweeklarge h3 {background-color: #fff; font-size: 95%; margin: 0 0 0 0 !important; padding: 0 0 0.5em 0 !important; height: auto !important; width: auto !important;}
span.textheading {display: none;}

/* typo */
.rateupdate {color: #cc3300; font-weight: bold;}
p.small {font-size: 0.6em; margin-bottom: 0.5em; font-weight: bold;}
p.large {float: left; position: relative; width: auto; margin: 0 0 1.25em 0;}
span.small {font-size: 0.8em; margin-bottom: 0.5em; font-weight: bold;}

/* links */
a {color: #5858c2; text-decoration: none;}
a:hover {text-decoration: underline;}
a.largecta {font-size: 1.1em; font-weight: bold;}

/* navigation */
div#leftNav ul {margin-bottom: 0.6em;}
html>body div#leftNav ul {float: left; position: relative; width: 100%}
*:first-child+html div#leftNav ul {margin-bottom: 0.63em;}
div#leftNav ul ul {margin-bottom: 0;}
div#leftNav ul li {border-bottom: 1px solid #eee; background-color: #f8f8f8 !important;}
div#leftNav ul li.current a {background: #e5e5e5; font-weight: bold;/*url(../images/common/leftNav/bg_bullet.gif) left top no-repeat */}
div#leftNav ul li.current ul li a:hover, div#leftNav ul li.current a:hover {background-color: #fc0 !important;}
div#leftNav ul li.current ul li a {background: #f8f8f8 !important; font-weight: normal; padding: 3px 0px 3px 6px;}
html>body div#leftNav ul li.current ul li a {background: #f8f8f8 !important; font-weight: normal; padding: 4px 5px 4px 13px;}

/* sign-in box */
div#leftNav ul.signin ul {margin-bottom: 0; padding-bottom: 0 !important;}
div#leftNav ul.signin li {background-color: #eee !important; padding-bottom: 0}
div#leftNav ul.signin li.current a {background-color: #ccc; font-weight: bold;}
div#leftNav ul.signin li.current ul li a:hover, div#leftNav ul.signin li.current a:hover {background-color: #999 !important; color: #fff;}
div#leftNav ul.signin li.current ul li a {background: #eee !important; font-weight: normal; padding: 4px 3px 4px 15px;}

/* containers */
.breakdown, .insurance, .money, .thisweek, .thisweeksmall, .thisweeklarge, .routesnarrow {float: left; position: relative; padding: 0;}
.breakdown, .thisweeksmall, .money, .routesnarrow {width: 10.5em;}
.insurance {width: 15em;}
div.indent {height: 9em; position: relative; padding: 0.2em 0 0 0.2em; border: 1px solid #ffe57f; margin-top: 0;}
.thisweeklarge {width: 15em; background-color: #fff; margin:0 0 0 10px;}
.breakdown img, .money img {width: 10.50em; margin: 0 0 0 0;}
.insurance img {width: 15em; margin: 0 0 0 0;}
.thisweek {width: 37.25em; margin:0 0 0 0;}
.thisweeksmall {margin:0 0 0 10px;}
.thisweeksmall p.tm-compensate {margin-top:-3px;}
h2.routesmall  {color: #333; font-size:11px; margin-left:7px; margin-top: -5px;}
/* half widths in containers */
.traffic {float: left; position: relative; width: 7.25em; margin: 0 0.2em 0 0;}
.routes {float: left; position: relative; width: 7.5em; margin: 0; height: 112px;}
.traffic {width: 9em; padding: 0 0.25em 0.25em 0.25em; margin-bottom: 0;}
.routes {width: 12.9em; padding: 0 0.25em 0.25em 0; float: right; margin-bottom: 0;}
html>body .routes, html>body .traffic {width: 12.45em;}

/* breakdown */
img.flag {float: left; position: relative; width: 2em; margin: 0.1em 0.25em 0 0;}

/* insurance */
img.insuranceicon {width: 1.19em; vertical-align: bottom;}

/* finance styles */
.loanCalculatorForm {padding-right: 0.2em;}
.yellow-inner fieldset {border: 0 none; margin: 20px 0 0 0; padding: 0;}
.loanCalcRow {float: left; text-align: right; margin: 0 0 0.1em 0;}
.loanCalcRow label {font-size: 0.6em; font-weight: normal; float: left; padding-top: 2px; margin-left:8px;}
.loanCalcRow input {width: 9em; float: left; position: relative; font-size: 0.6em; margin-left:20px;}
html>body .loanCalcRow input {width: 8.6em;}
.loanCalcRow .greyText {font-weight: bold; color: #8e8b8b; margin-left: 1.3em;}
.loanCalcRow select {width: 9em; float: left; position: relative; font-size: 0.6em; margin-left:20px;}
.loanbutton input {float: right; margin-right: 10px;}
.percentageDetails {font-family: Arial,Verdana,Helvetica,sans-serif; font-weight: bold; line-height: 1.1em; letter-spacing: -0.05em; padding: 0 0 0.7em 0.25em;}
.percent {font-size: 1.5em;}
.creditcard {float: left; position: relative; width: 10.5em; margin: 0 0 0.63em 0.63em; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; background: url(/images/main-homepage/credit-card.jpg) top right no-repeat;}
html>body .creditcard {width: 10.35em;}
/*.creditcard p {margin-bottom: 0.5em;}*/

/* news, login credit card, and advert */
h2.homeh2greynews a {color: #fff;}
.news h2 {color: #333;}
h2.newssmall  {color: #333; font-size:11px;}
.news {float: left; position: relative; width: 418px; height: 290px; margin:0 0 0 10px; background-color: #eee;}
.tips {margin: -0.5em 0.25em 0.25em 0.25em; height: 7.5em;}
.tipstext {float: right; width: 14.3em; position: relative; margin: 0.25em 0.5em 0 0; padding-left:4px;}
.tips ul {float: right; position: relative; margin: 0.3em 1.5em 0 -0.25em; padding: 0;}
* html .tips ul {margin-right: 0.8em}
.tips ul li {clear: both; padding: 0 0 0 0.5em; margin: 0.25em 0 0.25em 0; background: url(../images/common/smallGreyListBullet.gif) no-repeat left; list-style-type: none;}
html>body .tips ul li {margin: 0.75em 0 0.5em 0; padding: 0 0 0 0.75em;}
*:first-child+html .tips ul li {margin: 0.3em 0 0.25em 0;}
img#newsimage {float: left; position: relative; width: 10em; margin: 0.25em 0 0.25em 0.25em;}
img#rssicon {float: left; position: relative; width: auto; margin: 0 0.25em 0.5em 0;} 
.latestoffers {float: left; position: relative; width: 10.25em; margin: 0 0.5em;}
.latestnews {float: left; position: relative; width: 220px;; margin: 0 0.5em 0 0;}
* html .latestoffers {width: 10em; margin: 0 0.25em;} /*ie6*/
.adverts {float: left; position: relative; width: 10.5em; margin: 0 0 0.25em 0.63em; min-height: 132px; clear: right;}
* html .adverts {height: 132px;} /*ie6*/
* html img#advert {width: 10.50em;} /*ie6*/

/* AA Zone - 238*/
.zone {float: left; position: relative;  margin: 10px 0 0 10px; width:240px; height:138px; background: url(/images/common/title-zone.gif) no-repeat;}
* html .zone {height: 138px} /*ie6*/


.zone h2 {font-size:14px; margin:0.5em 0 0.5em 0;}
.zone h2 a {color:#000}
.zone h2 a:hover {text-decoration: underline;}
.zone ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:5px 0 0 0; padding:5px 0 0 0;}
.zone ul li {padding-left:5px}
.zone p {margin:0; padding:5px 0 9px 10px;}
.zone .car-ins-zone-box {height:132px}
.zone .car-ins-box-h {margin-top:5px}

.promotext {padding-left:5px; margin-bottom:-10px;}
.zoneicon {float:left; padding-right:5px; margin-top:-5px;}
.zonetext {padding-right:5px; margin-top:-5px;}
.zonebutton {float:right; padding-right:5px; margin-top:-4px; margin-bottom:-5px;}

.travelnarrow {float:right; padding-bottom:6px; margin-left:-100px;}
.travelnarrow h3 {color:#fff; font: 16px Arial, helvetica, sans-serif; font-weight:bold;}
.travelnarrow h3 a {color:#fff; padding:0px;}
.travelnarrow h2 {color:#333; font: 14px Arial, helvetica, sans-serif; font-weight:bold; padding-left:8px; margin-bottom:155px;}
.traveltext {color:#333; font: 14px Arial, helvetica, sans-serif; font-weight:bold; padding-left:8px; margin-bottom:7px; }
* html .travelnarrow {height: 271px;} /*ie6*/

.productnarrow {float:left; background: #fff; width: 170px; margin:0 0 0 10px; height:290px;}
* html .productnarrow {width: 170px; height: 271px; margin-bottom:1px;} /*ie6*/
.productnarrow h3 {color:#fff; font: 16px Arial, helvetica, sans-serif; font-weight:bold;}
.productnarrow h2 a {font: 18px Arial, helvetica, sans-serif; font-weight:bold; padding:8px 0 8px 8px; color:#333; display:block;}/* jan09revert: height:139px;*/
* html .productnarrow h2 a {padding:8px 0 8px 8px;} /*ie6*/ /* jan09revert: height:155px;*/
.productnarrow h3 a {color:#fff; padding:0px;}
.producttext {height:90px;}
.producttext p {color:#333; font: 11px verdana; font-weight: normal; padding-left:8px; padding-right:0px;}
.producttext p a {color:#333; display:block; }
#fscontainer_link4 {display:block;margin-left:auto;margin-right:auto;width:168px;}
#fscontainer_link2 {padding-top:152px;}

/*Product narrow - Loans Jan 09*/
.producttext p.jan09rate {color:#333; font: 24px verdana; font-weight:bold;}
.producttext p.jan09APR {color:#333; font: 24px verdana; font-weight:bold; padding-left:20px; padding-right:8px; margin-top:-30px;}
.producttext .typ {color:#333; font: 11px verdana; font-weight:bold; position:relative; top:-8px;}
.producttext p.jan09onloans {color:#333; font: 9px verdana; font-weight:bold; padding-left:19px; padding-right:8px; margin-top:-29px;}
.producttext .of7k {color:#333; font: 12px verdana; font-weight:bold;}
.producttext p.jan09to {color:#333; font: 9px verdana; font-weight:bold; padding-left:34px; padding-right:8px; margin-top:-10px;}
.producttext p.formembers {color:#333; font: 9px verdana; font-weight:bold; padding-left:29px; padding-right:8px; margin-top:-10px;}
.producttext .stretched {margin-top:0px;}
.producttext a.jan09 {text-decoration:none;}
.producttext p.typical {font: 11px verdana; font-weight:bold; margin-top:-25px;}
.producttext p.torch {font-weight:bold; margin-top:-10px;}
/*END Product narrow - Loans Jan 09*/

.static-yellow-container {width:166px; background:#fffae4; padding:0; margin-left:10px; float:left; min-height: 135px; margin:10px 0 0 0;}

/* routes and driving school */
.routesnarrow {background: url(../images/main-homepage/HomeRPBg.gif) repeat-x bottom left #ffe57f; min-height: 277px; float:left; width:170px; margin:10px 0 0 10px;}
* html .routesnarrow {height: 279px;} /*ie6*/
.routesnarrow h3 {margin: 0 0 0 0.5em; color:#333;}
.routesnarrow p.small {margin: 0 0 0.25em 0.25em;}
.routesnarrow .formrow {margin: 0.25em 0; text-align: center;}
.routesnarrow .formrow span {display:none;}
.routesnarrow .formrow input, .routesnarrow .formrow select {border: 1px solid #7b9cbd; font-size: 1em; width: 149px; margin:0; padding:0;}
* html .routesnarrow .formrow input {width: 155px;} /*ie6*/
.routesnarrow .formrow input {padding: 0.2em 0.1em 0.2em 0.4em;}
.routesnarrow .formrow select {width: 155px;}
.routesnarrow .submitrow {margin:  0.25em 0 1em 0; text-align: center;}
.submitrow p {padding-top:6px;}
.travel {float: left; position: relative; width: 26.13em; margin: 0 0 0.63em 0.63em; background-color: #ffe57f;}
.drivingschool {border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; float: left; position: relative; width: 10.5em; margin: 0 0 0 0.63em;}
html>body .drivingschool {width: 10.35em;}
.drivingschool p {float: left; position: relative; padding-left: 0.5em; margin-bottom: 0;}
img#dscar {float: right; position: relative; margin: 1em 0 0 0; width: 10.38em;}
html>body img#dscar {margin: 0 0 0 0;}
*:first-child+html img#dscar {margin: 1em 0 0 0;}
input#gettraffic {width: 13.4em; margin-bottom: 0.2em;}
.routes input {margin-bottom: 0.25em; width: 13.3em;}
html>body .routes input {margin-bottom: 0.25em; width: 12.9em;}
input#routego {width: 13.4em;} 
.routes label {float: left; position: relative; width: 4em !important;}
.routes p {margin: 0 0 0 0; text-indent: 4.5em;}
.traffic input {margin-bottom: 0.1em; width: 7em;}
.traffic label {float: left; position: relative; width: 4em !important;}
span.travelButton {float: right; text-align: right; width: 100%;}
form#routePlanner {float: left; margin-bottom: 0.4em; border-bottom: 1px solid #999; padding-bottom: 0.5em;}
img#phoneicon {float:left; position: relative; vertical-align: baseline; padding-right:2px;} 

.thisweek {margin-left:0px; padding:0px; float:left; margin-right:0px; width:610px;}
html> /**/body .thisweek {margin-left:0px; padding:0px; float:left; margin-right:0px; width: 608px;}
* html .thisweek {margin-left:-10px; padding:0px; float:left; margin-right:0px; width: 620px;} /*ie6*/
.thisweeksmall img {margin-bottom: 0.5em; width: 10.50em;}
.thisweeklarge img {margin-bottom: 0.5em; width: 15em;}
.thisweeksmall ul {padding-left: 1em; margin: -0.4em 0 0.5em 0}

/* container code */
.index-container {width:294px; background:#eee; float:left; margin:0; padding:0; display:block;}
*html .index-container {width:294px; background:#eee; float:left; margin:0 0 0 10px;}
.index-container h2 {margin:0; padding:0;}
.index-container h2 a {width:284px; font-weight:bold; font-family:arial; font-size:15px; padding:45px 0 0 10px; margin:0; height:22px;}
.index-container h2 a:hover {text-decoration:none;}
.index-container a {width:294px; height:27px; display:block; margin:0 0 10px 0; padding:0; text-decoration:none; color:#000;}
.index-container a:hover {text-decoration:none;}
.index-container a.button {width:294px; height:27px; display:block; margin:0; padding:0;}
.index-container a span.text {margin:0; padding:1px 0 0 10px; display:block; font-family:verdana; font-size:11px;}
#index-car-insurance {background: url(/images/main-homepage/car-insurance-background-2010.gif) no-repeat; margin:0 0 10px 10px; padding:0;}
#index-home-insurance {background: url(/images/main-homepage/home-insurance-background-2010.gif) no-repeat; margin:0 0 10px 10px; padding:0;}
#index-breakdown-cover {background: url(/images/main-homepage/breakdown-background-may-2011.gif) no-repeat; margin:0 0 10px 10px; padding:0;}
#index-credit-card {background: url(/images/main-homepage/credit-card-background-2011.gif) no-repeat; margin:0 0 10px 10px; padding:0;}
#index-sar {background: url(/images/main-homepage/service-repair-bg.jpg) no-repeat; margin:0 0 10px 10px; padding:0;}
#index-her {background:url(/images/main-homepage/her-background-2010.gif) no-repeat; margin:0 0 10px 10px; padding:0;}
#index-ebc {background: url(/images/main-homepage/ebc-background-2010.gif) no-repeat; margin:0 0 10px 10px; padding:0;}

.yellow-container240 {width:240px; border: none; padding:0; margin:10px 0 0 10px; float:left; margin-bottom:7px; display:block; height:130px; background:none;}
.yellow-container240 p a {color:#000;  margin-left:6px; display:block;}


#hotels240 {background: url(/images/main-homepage/hotels-bg-offer2.jpg) no-repeat; height:130px; width:240px; border: none; padding: 0; margin:10px 0 0 10px; float:left; margin-bottom:7px; display:block}
#hotels240 h2.containerh3 a {padding:10px 0 0 10px; display: block}
#hotels240 h2.containerh3 a span {color: #ff0000}
#hotels240.yellow-container240 p a {margin: 0 0 0 8px; line-height: 14px}
#hotels240.yellow-container240 p {margin-bottom: 10px}



.yellow-inner .splitl {width:145px; padding:0; margin:0; float:left;}
.yellow-inner .splitl a {font-size:0.7em; color:#000; margin-left:8px; display:block; height:33px;}
.yellow-inner .splitl a:hover {text-decoration:none;}
.yellow-inner .splitr {width:145px; padding:0; margin:0; float:left;}


.yellow-inner p a {display:block; width:286px; text-decoration:none; color:#000; padding:0 0 7px 8px}
.yellow-inner p a.euro {width:141px;}
.yellow-link.fadeMore {background: url(/images/main-homepage/yellow-link-fade-more.gif)}
.yellow-link a {display:block; width:286px; text-decoration:none; color:#66c; padding:7px 8px 9px 0; text-align:right;}
.yellow-link a:hover, .yellow-link-small a:hover {text-decoration:underline;}
.yellow-container .yellow-inner p.loansp {margin-left:8px; margin-bottom:5px;}

/* loans container */
.small-yellow-container {width:168px; background:none; padding:0; margin:10px 0 0 0; float:left; height:138px;}
.small-yellow-container2 {width:168px; background:none; padding:0; margin:10px 0 0 0; float:left; height:130px;}
.yellow-inner-small {padding:0; margin:0; width:166px;}
#loans-small {background: #ffe992 url(/images/main-homepage/fixed-saver.jpg) no-repeat; width:168px;}
h2.containerh3 a {font: 14px Arial, helvetica, sans-serif; font-weight:bold; padding:8px 0 4px 4px; color:#333; display:block; width:158px; text-decoration:none;}
h2.containerh3 a:hover {text-decoration:underline;}
.yellow-inner-small p, .yellow-inner-small p.apr {margin:0; padding:0; font: 11px verdana; width:100px;}
.yellow-inner-small p a {display:block; width:158px;  color:#000; padding:0 0 0 8px;}
.yellow-inner-small p.apr {font: 16px Arial; font-weight:bold;}
.yellow-inner-small p.variable {font: 12px Arial; font-weight:bold;}
#cardApply {margin-bottom: -4px;}
* html #cardApply {margin-bottom: -2px;} /*ie6*/
.yellow-inner-small p a {display:block; width:158px;  color:#000; padding:0 0 3px 4px;}
.yellow-inner-small p.apr a {padding:0 0 0 4px; .padding:0 0 1px 4px;}
.yellow-link-small {width:166px; background: url(/images/main-homepage/yellow-link-fade.gif); margin:0; font: 12px Verdana; font-weight:bold;}
.yellow-link-small a {display:block; width:158px;  color:#66c; padding:7px 0 9px 0; text-align:left; margin-left:4px;}
#motorbike-small {background:url(/images/main-homepage/motorbike-small-bg.jpg); height:138px;}
* html #motorbike-small {height:132px;}
#motorbike-small p {margin-bottom:10px; margin-top:4px;}
#getMBQuote {margin:0;}
#inner-large-bg p {margin-bottom:10px; margin-top:4px;}
#inner-large-bg img {margin-top:3px;}

.savings-small {width:168px; height:125px; background:url(/images/main-homepage/savings_best_buy_small_bg.jpg); margin:10px 0 0 0; padding:0; float:left;}
.savings-small h2.containerh3 a {font: 14px Arial, helvetica, sans-serif; font-weight:bold; padding:8px 0 4px 4px; color:#333; display:block; width:158px; text-decoration:none;}
.savings-small .savings-inner {margin:0; padding:0; height:70px;}
.savings-small .savings-inner a {margin:0; padding:0 0 0 4px; clear:both; color:#000; text-decoration:none; font-size:0.7em;}
.savings-small .savings-inner a.text {width:100px; display:block; margin:0; padding:0 0 0 4px;} 

/*loans small container* Sept 09/*/
#loans-small {background:url(/images/main-homepage/loans-small-bg.jpg); height:138px;}
* html #loans-small {height:132px;}
#loans-small p {margin-bottom:10px; margin-top:4px;}

/*shop small container*/

#shop240.yellow-container240 {background: url(/images/main-homepage/aa-euro-travel-kit-2.jpg) no-repeat; height:100px; width:240px; border: none; padding: 0; margin:10px 0 0 10px; float:left; margin-bottom:7px; display:block}
#shop240 h2.containerh3 a { display: block}
#shop240 h2.containerh3 a span {color: #ff0000}
/*#shop240.yellow-container240 p a {margin: 0 0 0 8px; line-height: 14px}*/
#shop240.yellow-container240 p a {margin: 0 0 0 4px;display: block}

#life240.yellow-container240 {background: url(/images/main-homepage/life-insurance-hp-bg.jpg) no-repeat; height:102px; width:240px; border: none; padding: 0; margin:10px 0 0 10px; float:left; margin-bottom:7px; display:block}
#life240 h2.containerh3 a { display: block}
#life240 h2.containerh3 a span {color: #ff0000}
/*#shop240.yellow-container240 p a {margin: 0 0 0 8px; line-height: 14px}*/
#life240.yellow-container240 p a {margin: 0 0 0 4px;display: block}


/*travel ins small container*/
#travelins-small {background: url(/images/main-homepage/travel-ins-small-container-bg.jpg) no-repeat right; width:168px; margin:10px 0 0 0; padding:0;}
#zone-small {background: url(/images/common/title-zone.gif) no-repeat; width:168px; margin:10px 0 0 0; padding:0;}
#zone-small h2 {margin:0 0 21px 68px;}
#zone-small h2 a {width:94px;}
#zone-small p {margin-left:5px; width:158px;}
#travelins-small p a {margin:0 0 0 4px; display:block; color:#000;}
/* ds container */
.large-yellow-container {width:13em; padding:0; margin:10px 0 0 10px; float:left; height:138px;}
html>body .large-yellow-container {width:15em;}
.yellow-inner-large {padding:0; margin:0; width:15em}
html>body .yellow-inner-large {width:15em; height:138px;}
.yellow-inner-large p, .yellow-inner-large p.apr {margin:0; padding-left:6px; font: 11px verdana; width:18em; margin-bottom:3px}
.yellow-inner-large h3 {padding-left:4px;}
.yellow-inner-large p.apr {font: 18px Arial; font-weight:bold;}
.yellow-inner-large p.variable {font: 12px Arial; font-weight:bold;}
.yellow-inner-large p a, .yellow-inner-large p.apr a {display:block; width:18em; text-decoration:none; color:#000;}
.yellow-inner-large p a strong {color:#000;}
.yellow-link-large {width:166px; background: url(/images/main-homepage/yellow-link-fade.gif); margin:0; font: 12px Verdana; font-weight:bold;}
.yellow-link-large a {display:block; width:158px; text-decoration:none; color:#66c; padding:7px 0 9px 0; text-align:left; margin-left:4px;}

/* caravan small container */
#caravan-small {background: url(/images/main-homepage/caravan-ins-bg.jpg) no-repeat; height:136px;} 
#caravan-small p {margin-top:4px; margin-bottom:10px;}

/* code for brand landing page */
.grey-third {width:202px; float:left; margin-left:10px; background:#eee;}
.white-third {width:168px; float:left; margin-left:10px;}
.grey-third h2 {margin:3px; padding:0; font-size:16px;} 
.brand-cl {width:594px; float:left; font-size:1px; margin:0; padding:0;}
.brand-cl-em {width:594px; float:left; font-size:6px; margin:0; padding:0;}
.whitebox {width:200px; margin-left:1px; background:#fff; border-bottom:1px solid #eee; height:100px;}
.life {background: url(/images/main-homepage/life-search-index.jpg)}
.whitebox p {margin:3px;}
.whitebox p.aprtext {font-size:0.9em; font-face:arial;} 
.whitebox p.aprtext .percent {font: 1.6em arial bold;}
.yellow-link-container {width:292px; background:#ffe57f; padding-top:1px; margin:10px 0 10px 10px; float:left;}
.yellow-link-container h3 {margin:4px; padding:0; font-size:14px; }
.yellow-link-container a {width:292px; display:block; text-decoration:none; background:#fff5cc; font-size:0.7em; line-height:1.8em; color:#000;}
.yellow-link-container a span {margin-left:4px;}


input.clearnone {background-color:#f00; margin:0; padding:0; width:18px;}
label.clearnoneyn {font-size:10px; background-color:#0f0; float:left; width:18px;}
.question {font-size:10px; margin-left:8px;}
.answers label {font-size:10px;}

.wrapper {float:left; width:418px; margin:0 0 10px 10px; padding:0;}
.twitter {clear:both; margin:0 0 0 6px; vertical-align:middle;}

.herbanner {margin:10px 2px 0 0; padding:0; width:595px; background:#999; float:right;}
.herbanner a {margin:0;}

#servicecallscontainer {float:left; width:598px; height:45px; margin:0 0 10px 10px; }
#servicecalls {height:45px; width:596px;}

/* Homepage show and hide for rotating CC and HER banners */
#index-credit-card {display:none;}
#index-ser {display:none;}
.jsshow #index-credit-card {display:block;}
.jsshow #index-her {display:none;}
.jsshow #index-ser {display:block;}
.jsshow #index-drivingschool {display:none;}

/* Travel Insurance promo from Drakefield 2/07/10 */
.travel-insurance {float: left; position: relative;  margin: 10px 0 0 10px; width:240px; height:138px; background: url(/images/main-homepage/travel-insurance-240.jpg) no-repeat;}
.travel-insurance h2 {margin:0 0 0 0; padding:8px 0 2px 5px; width:100%; display:block;}
.travel-insurance h2 a {color:#fff; font-size:0.8em; font-weight:bold; margin:0; padding:0; width:220px; text-decoration:none;}
.travel-insurance p {color:#fff; margin:0; padding:0;}
.travel-insurance p a {text-decoration:none; display:block; color:#fff; padding:0 0 14px 5px;}
.travel-insurance p strong {color:#fc0; font-size:12px;}