@charset "utf-8";

/* Main */



* { margin:0; padding:0;}

body { background:#EEEEEE; color:#333333;}

#container { width:998px; overflow:auto; margin:0 auto;}

#header { height:80px; background:url(images/headerbg.jpg) no-repeat; position:relative;}

#header h1 img { margin:4px 0 0 16px;}

#header #banner { width:468px; height:60px; position:absolute; top:10px; right:20px;}

#menu { height:35px; background:url(images/menubg.jpg) no-repeat; z-index:1;}

#menu ul { height:35px; list-style:none; padding-left:20px;}

#menu ul li { height:35px; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; padding:0 20px; line-height:35px; border-right:2px solid #3C3B3B;float:left;}

#menu ul li a { color:#FFFFFF; text-decoration:none; }

#menu ul li a:hover { text-decoration:underline;}

#menu ul li .active {color:#FFFFFF;}

#content { background:url(images/contentbg.jpg) repeat-y; font-family:Arial, Helvetica, sans-serif;}

#content #nav ol { list-style:none; margin-left:30px; padding-top:5px;}

#content #nav ol li { display:inline; font-size:10px; color:#000000;}

#content #nav ol li a {color:#000000;}

#content h1 { font-size:25px; padding:20px 30px 20px 30px;}

#content p { font-size:12px; line-height:1.5em; padding:0px 30px 20px 30px;}

#content p a { color:#000000; font-weight:bold;}    

#content h2 a { font-size:18px; padding:4px 30px 4px 30px; color:#000000; font-weight: normal;}

#content #boxes { overflow:hidden; width:938px; padding:0 30px;}

#content #discountbox { width:218px; height:426px; border:1px solid #999999; float:right; margin:0 0px 0 0; font-size:12px; text-align:center;}

#content #discountbox h2 { font-size:18px; font-weight:bold; margin:15px 0px 0 20px; text-align:left;}

#content #discountbox .bold { font-weight:bold;}

#content #discountbox table { width:214px; height:360px; border:none; margin:0 auto; text-align:left; margin-top:10px;}

#content #discountbox table img { margin-left:20px;}

#content #ukbox { width:339px; height:178px; border:1px solid #999999; float:left; margin:0px 18px 18px 0px;}

#content #ukbox h2 { font-size:18px; font-weight:bold; line-height:53px;}

#content #ukbox h2 img { float:left; padding:5px 20px 5px 5px;}

#content #eubox { width:339px; height:178px; border:1px solid #999999; float:left; margin-bottom:18px;}

#content #eubox h2 { font-size:18px; font-weight:bold; line-height:53px;}

#content #eubox h2 img { float:left; margin:5px 20px 5px 5px;}

#content #coverbox { width:674px; height:228px; border:1px solid #999999; clear:left; margin:0px 0px 20px 0px; padding:0 0 0 25px; }

#content #coverbox h2 { font-size:18px; font-weight:bold; margin:15px 0px;}

#content #coverbox ul { list-style:none; float:left; width:156px; margin-right:10px;}

#content #coverbox .lastul {margin-right:0px; width:162px;}

#content #coverbox ul li { font-size:12px;}

#content #coverbox ul li img { margin:0 0 10px 0px;}

#content #coverbox ul li a { font-weight:bold; text-decoration:underline; color:#000000;}

#footer { height:100px; padding-top:30px; background:url(images/footerbg.jpg) repeat-y;  font-size:11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}

#footer .firstls { margin:0px 0px 0px 30px; list-style:none; float:left;}

#footer .menuls { list-style:none; float:right; width:144px; text-align:right;}

#footer .menuls2 { list-style:none; float:right; width:96px; text-align:right; margin:0 30px;}

#footer .menuls3 { list-style:none; float:right; width:80px; text-align:right; margin:0 30px 0 0px;}

#footer li {line-height:1.5em;}

#footer a {color:#FFFFFF; text-decoration:none;}

#footer a:hover { text-decoration:underline;}

.bolder { font-weight:bold;}



/* Compare Breakdown */



#compare { text-align:center; overflow:auto; padding:10px 0px 20px 0px;}

#compare table { width:936px; margin:0 auto; padding:0; border:1px solid #999999; border-collapse:collapse; font-size:12px; text-align:left;}

#compare table .rating { margin-bottom:10px;}

#compare table th { height:52px; background:#EEEEEE; border:1px solid #999999; vertical-align:middle; padding:5px; font-weight:bold;}

#compare table td { height:52px; background:#FFFFFF; border:1px solid #999999; padding:5px;}

#compare .providercol { width:100px; text-align:center;}

#compare .packagecol { width:300px; text-align:left;}

#compare .roadsidecol { width:75px; text-align:center;}

#compare .homestartcol { width:75px; text-align:center;}

#compare .nrecoverycol { width:75px; text-align:center;}

#compare .onlinediscountcol { width:70px; text-align:center;}

#compare .pricescol { width:70px; text-align:center;}

#compare .nextcol { width:100px; text-align:center;}





/* Provider Strip */



.aahead { display:block; background:#FEDA00; color:#000000; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}

.asdahead { display:block; background:#66BC2D; color:#FFFFFF; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}

.autonationalhead { display:block; background:#DF1010; color:#FFFFFF; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}

.gemhead { display:block; background:#01498C; color:#FFFFFF; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}

.greenflaghead { display:block; background:#3E6E48; color:#FFFFFF; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}

.morethanhead { display:block; background:#6CCE3C; color:#FFFFFF; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}

.quotelinehead { display:block; background:#666666; color:#FFFFFF; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}

.rachead { display:block; background:#F19914; color:#FFFFFF; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}

.rescuemycarhead { display:block; background:#0023EE; color:#89FF06; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}

.swintonhead { display:block; background:#F77C2C; color:#172178; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}

.tescohead { display:block; background:#E40019; color:#FFFFFF; margin:0px 30px 0 30px; padding-left:10px; line-height:45px; height:45px; margin-top:10px;}



/* Provider Main Box */



#providerboxes { overflow:auto; padding:0px 30px;}

#providername {width:458px; height:348px; background:#006D44; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }



#providername-aa {width:458px; height:348px; background:#FEDA00; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }

#providername-asda {width:458px; height:348px; background:#FFFFFF; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }

#providername-auto {width:458px; height:348px; background:#DF1010; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }

#providername-gem {width:458px; height:348px; background:#FFFFFF; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }

#providername-greenflag {width:458px; height:348px; background:#FFFFFF; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }

#providername-morethan {width:458px; height:348px; background:#FFFFFF; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }

#providername-swinton {width:458px; height:348px; background:#FFFFFF; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }


#providername-rac {width:458px; height:348px; background:#FFFFFF; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }

#providername-rescuemycar {width:458px; height:348px; background:#FFFFFF; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }

#providername-tesco {width:458px; height:348px; background:#FFFFFF; color:#FFFFFF; margin:20px 0px 10px 0px; border:1px solid #999999; float:left;  text-align:center; }



#providername h1 { font-size:50px; color:#FFFFFF; font-weight:bold; padding-top:100px;}

#providerdata { width:458px; height:338px; background:#FFFFFF; color:#000000; margin:20px 0px 10px 0px; border:1px solid #999999; float:right; padding-top:10px; }

#providerdata p { line-height:1.4em; padding:0px 30px 10px 30px;}

#providerdata  ul { list-style:none; padding:0px 30px; font-size:12px; line-height:1.5em;}

#provider { text-align:center; overflow:auto; padding:10px 0px 20px 0px; clear:both;}

#provider table { width:936px; margin:0 auto; padding:0; border:1px solid #999999; border-collapse:collapse; font-size:12px; text-align:left;}

#provider table .rating { margin-bottom:10px;}

#provider table th { height:52px; background:#EEEEEE; border:1px solid #999999; vertical-align:middle; padding:5px;  font-weight:bold;}

#provider table td { height:52px; background:#FFFFFF; border:1px solid #999999; padding:5px;}

#provider .providercol { width:100px; text-align:center;}

#provider .benefitscol { width:300px; text-align:left;}

#provider .roadsidecol { width:75px; text-align:center;}

#provider .homestartcol { width:75px; text-align:center;}

#provider .nrecoverycol { width:75px; text-align:center;}

#provider .onlinediscountcol { width:70px; text-align:center;}

#provider .pricescol { width:70px; text-align:center;}

#provider .nextcol { width:100px; text-align:center;}