﻿* { margin:0; padding:0; }
html { padding: 0; margin: 0; background: #dcdcdc url(../images/bg.png) repeat-x top center; } 
body{font:80%/1.4 Arial,sans-serif; background: url(../images/bg_body.png) repeat-y center top; }
a{color:black;}
a:hover{color:#556100;  text-decoration:none;}
a img{border:0 solid;}
body hr, body #page hr, body #middle hr { display: none; }
body * hr{ display: block; }
.clear{height:0;  overflow:hidden;  line-height:0;  clear:both;}
.left{float:left;  clear:left;}
.right{float:right;  clear:right;}
.center{text-align:center;margin-left:auto;margin-right:auto;}

/* page styles */
#page { background: url(../images/bg_page.png) no-repeat top center; }
#middle{ padding-bottom: 20px; }
#accessibility{ position: absolute; left:-100em; }

/* header styles */
#header, #middle,#footer { width: 948px; margin: 0 auto; }
#header { background: url('../images/logo.jpg') no-repeat top left; min-height: 177px; position: relative; }
#header a.logo { position: absolute; top: 0; left: 10px; width: 360px; height: 50px; }
#header ul { list-style: none; margin-top: 5px; }
#header ul a { font-weight: bold; }
#header li { float: left; margin-left: 15px; }
#header li span { margin-right: 15px; }

/* icons styles */
#icons { position: absolute; top: 49px; left: 50%; margin-left: 480px; list-style: none; }
#icons li { padding: 2px 0; }

/* path */
#path { position: absolute; left: 206px; top: 177px; width: 733px; height: 37px; background: #1b1904; }
#path ul { color:#fff; list-style: none; margin-top: 10px; }
#path ul a { font-weight: bold; color: #fff; }
#path ul a:hover { color: #fff; }
#path li { float: left; margin-left: 10px; }
#path li span { margin-right: 10px; color: #e65028; }

/* main column styles */
#main{ float: left; margin-left: 206px; width: 521px; }
#main p { margin: 15px 0; }
#main h1 { font-size: 130%; color:#c62a00; border-bottom: 4px solid #e3fea9; line-height: 30px; height: 30px; overflow: hidden; }
#main h2 { font-size: 120%; color: #c62a00; background: url('../images/h2.gif') center left no-repeat; text-indent: 15px; line-height: 30px; }
#main h2 a { color: #c62a00; }
#main h3 { font-size: 120%; color: #c62a00; font-weight: normal; background: url('../images/h2.gif') center left no-repeat; text-indent: 15px; line-height: 30px; }
#main h4 { font-size:110%; color:#889603; background: url('../images/h4.gif') center left no-repeat; text-indent: 15px; line-height: 27px; }
#main h5 { font-size:110%; color:#889603; font-weight: normal; background: url('../images/h4.gif') center left no-repeat; text-indent: 15px; line-height: 27px; }
#main h6 { font-size:100%; font-weight: bold; color: #000; line-height: 24px; }
#main ul { color: #7faecc; list-style-type: none; margin: 15px; }
#main ol { margin-left: 35px; }
#main ul li { background: url('../images/bullet.gif') 0 0.6em no-repeat; text-indent: 15px; color: black; margin: 3px 0; }
#main ol li { background: none; list-style: decimal; margin:3px 0;}
#main blockquote { padding: 1px 15px; background: #e3f1bb; font-style: italic; color: #8e9c0e; font-size: 100%; margin: 15px 0; }
#main th, td { padding: 3px 5px; color: #3d3d3d; }
#main tr td { background: #e1efb8; border: 1px solid #c8cf83; }
#main tr.sudy td { background: #cad280; border: 1px solid #a0ad2d; }
#main th { background: #697800 url(../images/th.gif) top left repeat-x; color: #e6f397; }
#main th strong { color: white; }
#main td strong { color: #687700; }

/* menu and stuff */
#menu { font-size: 90%; }
#menu li { list-style:none; }
#menu li a { display: block; line-height: 34px; height: 34px; overflow: hidden; background: url('../images/menu/lvl1.gif') top left no-repeat; color: #556100; font-weight: bold; padding: 0 10px 0 15px; margin-bottom: 1px; text-decoration: none; }
#menu li.hidden ul { display: none; }
#menu li a:hover { text-decoration: underline; color: #922001; background-position: 0% -34px; }
#menu li li a:hover { color: #556100; background-position: top left; }
#menu li li a { background: url('../images/menu/lvl2.gif') top left no-repeat; color: #e6f397; }
#menu li li li a {background: url('../images/menu/lvl3.gif') top left no-repeat; color: #556100; padding-left: 30px; font-weight: normal; }

/* left column styles */
#left { float: left; margin-left: -718px; width: 186px; overflow: visible; }

#youknow { background: url('../images/didyouknow.gif') top left no-repeat; width: 174px; padding: 8px 10px 30px 10px; position: relative; margin-top: 10px; }
#left #youknow h2 { background: none; float: none; margin: 0px 0 15px 0; padding:0 }
#youknow ul, .box ul { height: 25px; line-height: 25px; overflow: hidden; list-style: none; position: absolute; bottom: 0; left: 0; width: 194px; }
#youknow li a, .box li.comments a { position: absolute; left: 10px; top: 1px; width: 21px; height: 21px; overflow: hidden; }
#youknow li.comments  { display:none}

#left .adsense { padding: 20px 0; text-align:center; border: 1px solid #a0ad2d; margin: 15px auto; }

/* right column styles */
#right { width: 201px; float: left; margin: 40px 0 0 11px; overflow: hidden; }
#right h2 { background: url(../images/right-bg.gif) no-repeat; height: 33px; font-size: 100%; padding: 7px 10px 0 10px; color: #e6f397; }
#right .box ul { height: 25px; line-height: 25px; overflow: hidden; list-style: none; background: url('../images/didyouknow-footer.gif') top left no-repeat; position: absolute; bottom: 0; left: 0; width: 194px; }
#right .box { clear: left; background: #e3fea9; margin-bottom: 10px; padding: 10px 10px 30px 10px; position: relative; }
#right .box ul { background: url('../images/box-footer.gif') top left no-repeat; width: 201px; height: 20px; }
#right .box li { list-style: none; width: 201px; height: 20px; }
#right .box li.more a { position: absolute; left: 8px; top: 0px; width: 65px; height: 10px; text-indent: -5000px; display: block; padding: 5px 10px; }
#right .box h3 { font-size: 85%; font-weight: normal; margin-bottom: 5px; color: #5e6e00;}
#right dl { margin-top: 20px; }
#right dt a { width: 121px; height: 79px; text-decoration: none; font-size: 120%; color: #f6c17d; padding: 5px 80px 0 30px; font-weight: bold; background: url('../images/right-context/red.jpg') top left no-repeat; margin-bottom: 7px; display: block; overflow: hidden;}
#right dt#right_violet a { background: url('../images/right-context/violet.jpg') top left no-repeat; color: #edccdc; }
#right dt#right_green a { background: url('../images/right-context/green.jpg') top left no-repeat; color: #ebfec2; }
#right dt#right_yellow a { background: url('../images/right-context/yellow.jpg') top left no-repeat; color: #925f00; }
#right dt#right_orange a { background: url('../images/right-context/orange.jpg') top left no-repeat; color: #fce1bf; }
#right dt#right_blue a { background: url('../images/right-context/blue.jpg') top left no-repeat; color: #bed5f8; }

/* footer styles */
#footer { width: 930px; margin-top: 5px; padding-top: 12px; padding-bottom: 20px; background: url(../images/footer.gif) repeat-x; }
#footer p { float: left; padding-left: 15px; }
#footer span{ float: right; color: #97a324; padding-right: 15px; }
#footer span a{color:black;}
#footer .adsense { width: 532px; padding: 20px 0; text-align: center; border: 1px solid #a0ad2d; margin: 30px auto 15px auto; }

/* mainpage specific */
#mainpage h1, #mainpage h2, #left h2, #right h2 { font-size: 100%; color: #6d7c00; border-bottom: none; }
#mainpage h2, #left h2, #right h2 { margin-bottom: 0; text-indent: 0; }
#main #welcome { clear: both; border-top: 1px solid #6d7c00; padding-top: 10px; margin-top: 0; }

#boxes { height: 404px; position: relative; }
#boxes_2 { height: 127px; position: relative; }
#boxes h3, #boxes_2 h3 { color: black; background: transparent; padding: 5px 10px 0 10px; margin: 0; font-weight: bold; font-size: medium; position: absolute; top: 0; left: 0; margin: 0; text-indent: 0; line-height: 130%; }
#box_car_hire, #box_car_rental, #box_car_insurance_1, #box_car_insurance_2, #box_car_insurance_3, #box_car_truckvan { position: absolute; left: 10px; background: transparent; }
#box_car_hire { background: url('../images/boxes/car-hire.jpg') top left no-repeat; width: 229px; height: 127px; top: 0; }
#box_car_insurance_3 { background: url('../images/boxes/car-insurance-3.jpg') top left no-repeat; width: 229px; height: 127px; top: 0; }
#box_car_rental { background: url('../images/boxes/car-rental-forum.jpg') top left no-repeat; width: 229px; height: 127px; top: 140px; }
#box_car_insurance_2 { background: url('../images/boxes/car-insurance.jpg') top left no-repeat; width: 473px; height: 127px; top: 277px; }
#box_car_insurance_1 { background: url('../images/boxes/car-hire-reviews.jpg') top left no-repeat; width: 229px; height: 266px; top: 0px; left: 255px; }
#box_car_truckvan { background: url('../images/boxes/car-truckvan.jpg') top left no-repeat; width: 229px; height: 127px; top: 0px; left: 255px; }
#box_car_hire a, #box_car_rental a, #box_car_insurance_1 a, #box_car_insurance_2 a, #box_car_insurance_3 a, #box_car_truckvan a { padding-top: 73px; padding-left: 22px; width: 207px; height: 34px; top: 0; left: 0; overflow: hidden; position: absolute; color: black; font-weight: bold; }
#box_car_insurance_1 a { width: 207px; height: 34px; padding-left: 22px; padding-top: 212px; }
#box_car_insurance_2 a { width: 451px; height: 34px; padding-top: 73px; padding-left: 22px; }

#banner { padding: 0 15px;  font-size: 80%;  text-align: right;  color: #85b0cc;  margin: 15px 0; }
#banner .desc { font-size: 85%; color: #879313; }

#references_1, #references_2 { padding: 10px; text-align: center; color:#97a324; }
#references_2 { font-size: 85%; border-bottom: 4px solid #e3fea9; margin: 0 0 20px 0; }

#mp_forms { clear: both; background:url('../images/search-form-bg.gif') top left no-repeat; height: 127px; overflow: hidden; padding-top: 30px; }
#mp_forms form{padding-top:5px;}
#mp_forms form *{vertical-align:middle;}
#mp_forms select{width:120px;  margin-left:10px;}
#mp_forms label{margin-left:10px;}
#mp_forms #code{width:163px;}

#main .onethird{float:left; width:33%}
#main .onehalf{float:left; width:49%}

#pagelinks{clear:both;margin:10px;border-top:1px solid gray;text-align:right;}
#pagelinks a{font-weight:bold; padding:2px 5px;}
#pagelinks span{font-weight:bold; padding:2px 5px;}

table.half{width:100%}

table.half { width: 100%; }

#main table.half td { width: 50%; padding: 4px; }
#main table.half td p.updatecontact{margin:0;padding:0;text-align:right;font-size:90%;color:#1c436c;font-style:italic;}
#main table.half td p.updatecontact a { color: #1c436c; }

#main table.selectbox {padding:0; margin:0 0 0 20px; background: transparent;}
#main table.selectbox td {padding:0 0 0 5px; margin:0; background: transparent; border:0 none;}
#main table.selectbox td select {padding:0; margin:0; }

/* ********** helpers ********** */
.splitter1 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 1px; }
.splitter5 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 5px; }
.splitter10 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 10px; }
.splitter15 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 15px; }
.splitter20 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 20px; }
.splitter30 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 30px; }

#map { width: 496px; height: 380px; display: block; margin-top: 5px; border: 1px solid #b2cfe1; }

table.full { width: 498px; }
table.full textarea { margin: 0 auto; width: 490px; }
table th { text-align: left; }

body.wide #main { width: 744px; }
body.wide #left { margin-left: -950px; }
body.wide table.full { width: 744px; margin: 0 0 5px 0; }

p a.big { font-size: medium; }

/* links */
#main table.links { width: 100%; background: white; }
#main table.links tbody tr { margin: 0; padding: 0; }
#main table.links tbody td.linkman { margin: 0; padding: 2px 0; background: white; }
#main table.links tbody td p.linkman { margin: 0; padding: 0; }


/* ********** helpers ********** */
.splitter1{clear:both;display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter5{clear:both;display:block; font-size:1px; line-height:1px; padding-top:5px}
.splitter10{clear:both;display:block; font-size:1px; line-height:1px; padding-top:10px}
.splitter15{clear:both;display:block; font-size:1px; line-height:1px; padding-top:15px }
.splitter20{clear:both;display:block; font-size:1px; line-height:1px; padding-top:20px }
.splitter30{clear:both;display:block; font-size:1px; line-height:1px; padding-top:30px }
.splitter37{clear:both;display:block; font-size:1px; line-height:1px; padding-top:37px }

#map{width:496px;height:380px;display:block;margin-top:5px;border:1px solid gray;}
table.full{width:498px;}
table.full textarea{margin:0 auto; width:490px}
table th { text-align: left; }
body.wide #main{width:744px;}
body.wide #left{margin-left:-950px;}
body.wide table.full{width:744px; margin:0 0 5px 0}