/* =============== GENERAL STRUCTURE ==================== */
body { background-color: #ffffff; color: #000000; font-family: arial,helvetica,sans-serif; font-size: 100%; margin: 0em 0em 3em 0em; padding: 0em; }

a { background-color: inherit; color: #C43735; font-weight: bold; text-decoration: none; }
a:hover { background-color: inherit; color: #C43735; font-weight: bold; text-decoration: underline; }
a img { border: none; }

h1 { background-color: #000000; color: #ffffff; font-family: arial,helvetica,sans-serif; font-size: 140%; font-weight: normal; line-height: 1.5em; margin: 0em; padding: 0px 0px 0px 10px; }
h2 { margin:0px; color: #333333; font-size:1.3em; }
h3 { color: #333333; font-size: 12pt; }

hr { display: none; }
ul { background-color: inherit; list-style-type: disc; margin-left: .3em; }
.roman li { list-style-type:upper-roman; }

/* ============== STRUCTURAL IDS ====================== */
#container { background: url(sideback.gif); background-color: #ffffff; background-repeat: repeat-y; color: inherit; }
#header { /*background-image: url(headerback.jpg);*/ background-repeat: no-repeat; display: block; overflow: hidden; width: 100%; }
#header img { vertical-align: top; }

#leftcol { color: #ffffff; display: inline; float: left; padding: 0px; width: 198px; }
#leftcol ul { background-color: #000000; border-top: solid 1px #333333; font-size: 75%; font-weight: bold; list-style-type: none; margin: 30px 0px 0px 0px; padding: 0px 0px 348px 0px; }
#leftcol ul li { display: inline; margin: 0em; padding: 0em; }
#leftcol ul li a { background-color: #000000; background-position: 10px; background-repeat: no-repeat; border-bottom: solid 1px #333333; border-right: solid 1px #333333; color: #ffffff; display: block; line-height: 2em; padding-left: 19px; text-decoration: none; width: 178px; }
#leftcol ul li a:hover, #leftcol ul li a.selected { background-color: #C43735; background-position: 10px; background-repeat: no-repeat; border-right: none; color: #FFFFFF; width: 179px; }

#searchcol { background-color: #FDF9F4; color: inherit; font-size: 80%; height: 1%; margin: 0px 0px 0px 0px; overflow: visible; padding: 0px 0px 0px 0px; }
#searchcol .inner { background-color: #FFFFFF; border-bottom: solid 1px #BCBCBD; border-left: solid 1px #BCBCBD; border-right: solid 1px #BCBCBD; color: inherit; padding: 0.8em 2em 0.8em 2em; }

#midcol { background-color: #ffffff; color: inherit; font-size: 80%; height: 1%; margin: 0px 0px 0px 198px; overflow: visible; padding: 10px 10px 10px 10px; }
#midcol .inner { background-color: #FFFFFF; border-bottom: solid 1px #BCBCBD; border-left: solid 1px #BCBCBD; border-right: solid 1px #BCBCBD; color: inherit; padding: 0.4em 1em 0.8em 1em; min-height:450px;}

#mainimage { background-image: url(../images/main.jpg); background-position: center right; background-repeat: no-repeat; min-height: 172px; padding-right: 260px; }
#salesmainimage { background-image: url(sellmainpic.jpg); background-position: center right; background-repeat: no-repeat; min-height: 172px; padding-right: 330px; }
#lettingmainimage { background-image: url(letbymain.jpg); background-position: center right; background-repeat: no-repeat; min-height: 172px; padding-right: 330px; }
.mainpic { position: absolute; right: 0px; top: 0px; background: url(logoback.gif) no-repeat; display:block; height: 102px; width:282px; }
#loadArea p { position:absolute; right:0px; top:0px; }
#loadArea img { padding:0px 3px 3px 3px; }

#footer { background-color: #FDF9F4; color: #333333; display: block; }
#footer p { font-size: 75%; font-weight: bold; text-align: center; }
#footer p a { background-color: inherit; color: #C43735; }

#links { margin-left: auto; margin-right: auto; padding: 10px; text-align: center; }
ul.nav { background-color: #000000; border-bottom: solid 8px #C43735; border-top: solid 1px #FFFFFF; color: inherit; display: block; font-size: 75%; font-weight: bold; height: 1.8em; line-height: 1.8em; list-style-type: none; margin: 0em; padding: 0px 0px 0px 9px; }
ul.nav li { float: right; padding: 0px 40px 0px 10px; }
ul.nav li a { background-color: inherit; color: #FFFFFF; display: block; text-decoration: none; }
ul.nav li a:hover { background-color: inherit; color: #FFFFFF; text-decoration: underline; }
ul.footnav { background-color: #000000; border-top: solid 8px #C43735; color: inherit; display: block; font-size: 75%; font-weight: bold; height: 1.8em; line-height: 1.8em; list-style-type: none; margin: 0em; padding: 0px 0px 0px 9px; }
ul.footnav li { background: url(navdivider.gif); background-position: center left; background-repeat: no-repeat; float: left; padding: 0px 40px 0px 10px; }
ul.footnav li a { background-color: inherit; color: #FFFFFF; display: block; text-decoration: none; }
ul.footnav li a:hover { background-color: inherit; color: #FFFFFF; text-decoration: underline; }

/* ====================== TOOLBOX ================================= */
.searchfloat { float:right; }
.tools td { border: solid 1px #BCBCBD; padding: 5px 10px 10px 10px; width:33%; }
.insurancesummary div { float:left; width:150px; display:block; margin:5px; padding:5px; }
.insurancesummary .full { display:none; }
.personaldetails div  { float:left; width:300px; display:block; margin:5px; padding:5px; }
.bookingsummary div  { float:left; width:300px; display:block; margin:5px; padding:5px; }

/* ========================== PRICES PAGE ========================= */
table.pricingtable { width:100%; background-color:#eeeeee; margin-bottom:30px;}
.pricingtable th { text-transform:uppercase; background-color:#C43735; color:#ffffff; }
.pricingtable td { text-align:left; background-color:#ffffff; padding:5px;}
.pricingtable th a { color:#ffffff!important; }
td.feature { text-align:right; width:15%; padding:5px; background-color:#ffffff!important;}
tr.altrow td { background-color:#FDF9F4; }
tr.subhead th { background-color:#333333; }

table.packagetable { width:100%; background-color:#eeeeee; margin-bottom:30px; }
.packagetable th { background-color:#C43735; color:#FFFFFF; }
.packagetable td { background-color:#ffffff; padding:5px; }
.free { font-weight:bold; color:green; }
.step { float: left; width:80px; text-align:center; }

/* ============================= VEHICLE SPECS ========================== */
#specdetail { width:820px; }
#tabs { background:url(images/image.gif) repeat-y; height:28px; margin-left:-4px; margin-bottom:-5px; padding:10px 10px 0 10px;}
#tabs h2 { display:inline; font-size:1em; }
#tab_1 { padding-left:4px; }
#tab_2 { padding-left:24px; }
#tab_3 { padding-left:44px; }
#content_2, #content_3 { display:none; }
#boxes { width:1000px;}
.specbox { float:left; width:330px;}

/* ============================= SLIDESHOW  ============================= */
#slideshow #slidesContainer { width:470px; height:300px; overflow:auto; /* allow scrollbar */ position:relative; }
#slideshow #slidesContainer .slide { margin:0 auto; width:450px; /* reduce by 20 pixels to avoid horizontal scroll */ height:263px; }
.control { display:block; width:50px; height:50px; /*text-indent:-10000px;*/ cursor: pointer; }
#leftControl { margin-left:150px; background:transparent url(../img/icons/left.gif) no-repeat 0 0;  float:left; }
#rightControl { right:0; background:transparent url(../img/icons/right.gif) no-repeat 0 0; float:left; }

/* ============================= MISC STUFF ============================= */
.highlight { background-color: inherit; color: #C43735; font-size: 110%; font-weight: bold; }
.post { border-bottom: solid 1px #333333; }
.timestamp { float: right; font-style: italic;}
.icons { float: left; padding: 2px; }
.required { color: #660004; font-weight: bold; }
.address { margin-left: 5px; }

.searchbox { overflow: hidden; padding-bottom: 1.5em; width:100%;}
.searchbox label { width:230px!important; float:left!important; }

.registerbox { overflow: hidden; padding-bottom: 1.5em; text-align: left; width: 100%; }
.cleaner { clear: both; font-size: 0pt; height: 1px; line-height: 1px; overflow: hidden; }
span.content { display: block; margin-left: 150px; }
.registeralignright { left: 30px; position: relative; vertical-align: top; width: 33.3%; }
.registeralignleft { left: 30px; position: relative; vertical-align: top; width: 33.3%; }
.registeraligncenter { left: 60px; position: relative; vertical-align: top; width: 33.3%; }
.registertable { border: solid 1px #BCBCBD; width: 100%; }
.switcher { color: #660004; font-weight: bold; text-decoration: underline; }

/* ============================ FORMS ================================== */
.inner label { width:150px; float:left; }
.popup { color:#000000!important; font-weight:normal!important; }
legend { background-color: inherit;  font-size: 110%; font-weight: bold;  }
form { margin: 0em; padding: 0em; }
fieldset { padding:5px; }
.formlabel { width: 130px; float:left; }

/* ============================ FLOATS ================================= */
.floatleft { float:left; padding:7px; }
.floatright { float:right; padding:7px; }

/* ============================ IMAGES ================================= */
.thumbnail { float:left; padding:10px; margin:10px; border:solid 1px #333333; height:150px; overflow:hidden; background-color: #F2F2F2; width:120px; text-align:center; }
.thumbnail img { max-height:100px; overflow:hidden; }
.imgright { float:right; padding:5px; margin:5px; background-color:#4c4c4c; border:solid 1px #000000; }
.images .on { background-color:#E6FFEE; }

/* ============================ CAKE PAGINATION ======================== */
.paging { width:400px; }
.paging div { display:inline; padding:3px; }
.paging span { display:inline; padding:3px; }
.paging a { display:inline; padding:3px; }

/* ====================== FILE TYPE ICONS ============================== */
a[href$='.pdf'] { background: transparent url(icons/pdf.gif) center left no-repeat; display: inline-block; line-height: 18px; padding-left: 20px; }
a[href$='.doc'], a[href$='.docx'] { background: transparent url(icons/doc.gif) center left no-repeat; display: inline-block; line-height: 18px; padding-left: 20px; }
a[href$='.xls'] { background: transparent url(icons/xls.gif) center left no-repeat; display: inline-block; line-height: 18px; padding-left: 20px; }

/* ======================= GOOGLE MAPS API ============================= */
#gMap_style { margin: -15px 0 -20px 0; }
#gMap_style h4 { color: #660004; }
#gMap_style p { margin: -15px 0 -15px 0; padding: 0; }

/* ========================= YAHOO MAPS API =========================== */
#map { width:600px; height:600px; }

/* ======================= S3SLIDER =================================== */
#s3slider { height: 460px; overflow: hidden; position: relative; width: 370px; }
#s3sliderContent { margin-left: 0; position: absolute; top: 0; width: 320px; }
#s3sliderContent li { list-style-type:none; margin:0em; background-color:#ffffff;  }
.s3sliderImage { display: none; float: left; position: relative; }
.s3sliderImage span { background-color: #000; color: #fff; display: none; filter: alpha(opacity=70); khtml-opacity: 0.7; left: 0; moz-opacity: 0.7; opacity: 0.7; padding: 10px 13px; position: absolute; top: 0; width: 374px; }
.clear { clear: both; }

/* ======================= ERRORS AND WARNINGS ========================= */
.error { display:block; border:solid 1px #ff0000; padding:10px 10px 10px 45px; margin-bottom:5px; font-weight:bold; background: #ED6646 url(icons/warning.gif) center left no-repeat;}
#authMessage { display:block; border:solid 1px #ff0000; padding:10px 10px 10px 45px; margin-bottom:5px; font-weight:bold; background: #ED6646 url(icons/warning.gif) center left no-repeat; }
.bubbleInfo { position: relative; }
.popup { position: absolute; display: none; background-color:#ffffff; width:400px; padding:10px; border:solid 1px #E89606; }
#flashMessage { display:block; border:solid 1px #E89606; padding:10px 10px 10px 45px; margin-bottom:5px; font-weight:bold;  }
#flashMessage.message { background: #FEE693 url(icons/info.gif) center left no-repeat; }
#flashMessage.warning { background:#ED6646 url(icons/warning.gif) center left no-repeat; }