body, p, span, ul, font, td { font-family:Verdana, Geneva, sans-serif; font-size: 8pt}

body{ margin:0; background-color: #231f20; text-align:center; overflow-x:hidden}

/* layout styles */
#wrapper{ width:962px; margin:0 auto; text-align:left; position:relative}

#left-bg{ position:absolute; top:0; left:-320px}
#right-bg{ position:absolute; top:0; right:-320px}

#header{}
#header-top{ background: #231F20 url(../graphics/cheapa/header-top-left.png) no-repeat top left; height:77px}

#logo{ float:right; width:337px; background: #0079C1 url(../graphics/cheapa/header-top-right.png) no-repeat top right}
#logo img{ display:block}
#header-info{ margin:0 340px 0 15px; padding:12px 0; color:#fff}

#main-nav { background: url(../graphics/cheapa/menu-bg.gif) repeat-x top; color:#fff; text-align:center; border:1px solid #231f20; border-width:0 1px; height:35px}
#nav {  margin:0 0 0 40px; padding:12px 0 0 0 }
#nav li{ display: inline; float: left; padding: 5px 8px; background: url(../graphics/cheapa/menu-div.gif) no-repeat right} 
#nav li.active{ white-space:nowrap; position: relative; display: inline; float: left; padding-left: 8px; padding-right: 8px;padding-top: 5px;padding-bottom: 5px; top : -2px; background: url(../graphics/cheapa/menu-div.gif) no-repeat right #006baa;} 
#nav li a{ color: white; text-decoration:none; font-weight:bold; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px} 
#nav li a:hover{ color: white; text-decoration:none; font-weight:bold; background: #006baa} 
#nav li ul{ position: absolute; top: 1.1em; display: block; list-style-type: none; padding: 0; margin: 0; left: 0; visibility: hidden} 
#nav li ul li{ display: list-item; margin: 0; padding:0; float: left} 

#content-wrapper{ border:1px solid #231f20; border-width:0 1px}
#top-content{ background:#D4EAF7; padding:15px}
#content{ padding:15px; background:#fff; min-height:555px}

#footer-wrapper{ color:#fff}
#footer-wrapper a{ color: yellow; }
/* end layout styles */

/* box styles */
.column-wrapper{ margin-bottom:15px}
.left-column{ float:left; width:510px; margin-right:15px}
.right-column{ float:right; width:405px}

#top-content .column-wrapper{ background: url(../graphics/cheapa/top-box-bg.png) no-repeat top left; color:#fff; margin:0}
#top-content .column-wrapper .inner{ padding:0; background: url(../graphics/cheapa/top-box-bottom.png) no-repeat bottom}
#top-content .column-wrapper .inner .inner{ padding:10px; background:none}
.blue-box h3, .gray-box h3{ color:#fff}

.left-box{ background:url(../graphics/cheapa/content-box-bg.png) no-repeat top left; margin-bottom:15px}
.left-box .inner{ background: url(../graphics/cheapa/content-box-bottom.png) no-repeat bottom left}
.right-box{ background:url(../graphics/cheapa/content-box-bg.png) no-repeat top right; margin-bottom:15px}
.right-box .inner{ background: url(../graphics/cheapa/content-box-bottom.png) no-repeat bottom right}

.three-col{ background: url(../graphics/cheapa/3col-bg.png) no-repeat top}
.three-col-inner{ background: url(../graphics/cheapa/3col-bottom.png) no-repeat bottom}
.three-col .column{ width:300px; float:left; margin-right:15px}
.three-col .right-column{ width:300px}

.half-col{ background: url(../graphics/cheapa/halfcol-bg.png) no-repeat top; margin-bottom:15px}
.half-col-inner{ background: url(../graphics/cheapa/halfcol-bottom.png) no-repeat bottom}
.half-col .column{ width:460px; float:left; margin-right:10px}
.half-col .right-column{ width:460px}

.full-box{ background: url(../graphics/cheapa/full-bg.png) no-repeat top; margin-bottom:15px}
.full-box .inner{ background: url(../graphics/cheapa/full-bottom.png) no-repeat bottom}
.full-box .inner .inner, .half .inner, .left-box .inner .inner{ background:none}

.half, .right-half{ width:50%; float:left}
.half .inner{ padding:0 5px 0 0}
.right-half .inner{ padding:0 0 0 5px}

.box-img{ margin-bottom:15px}
/* end box styles */

/* content styles */
h1, h2, h3, h4, h5{ margin:0 0 10px 0}
img{ border:none}

h1 a{ text-decoration:none}

#content p{ line-height:18px}
#content .loc-info p{ line-height:14px}

.clear{ clear:both}
.left-clear{ clear:left}
.inner{ padding:10px}
.centered{ text-align:center}
.left{ float:left}
.right{ float:right}

img.left{ margin-right:5px}
img.right{ margin-left:5px}

.right-align{ text-align:right}

hr{ bordeR:1px solid #999; border-width:1px 0 0 0; height:1px}

.equip-box .top-row td{ border-bottom:1px solid #ccc}
.equip-box td{ border-right:1px solid #ccc; padding:5px}
.equip-box td.right-cell{ border-right:none}

.top-list li{ margin-bottom:10px}

.tx16GrBd { font-size: 16px; font-weight: bold; color: #006BAA}
/* end content styles */

/* form styles */
.form-wrapper{ border:1px solid #999; border-top:none}
.abe_DDLs, input, select, abe_step1Main { font-size: 10px; background-color: #efefef; border: 1px solid #666666}
.req{ color:#c00}

.form-info{ font-size:10px}

/* end form styles */

/* table styles */
.info-table{ border-collapse:collapse; border:1px solid #999}
.info-table td{ padding:5px}

/* end table styles */

/* sitemap */
#sitemap, #sitemap ul{ background:url(../graphics/vline.png) repeat-y left; margin:0; padding:0; list-style:none}
#sitemap ul{ margin-left:10px}
#sitemap li{ margin: 0; padding: 0 12px; line-height: 20px; background: url(../graphics/node.png) no-repeat; color: #369}
#sitemap li.last { background:#fff url(../graphics/lastnode.png) no-repeat}

/* start vehicle specifications tables_____________________________________________________________________*/
.vspecs-table td.vspecs-top, .vspecs-top, p.vspecs-top, .vspecs-table th{ font-weight: bold; color: #ffffff; padding:0px 5px; line-height:26px;background: url(../graphics/bk-header-vech-sepcs-blue.png) repeat-x top #006699; margin:0; text-align:left; font-size: 14px; }

.vspecs-table{ border-collapse:collapse; padding: 5px; margin:0 0 10px 0; line-height:12pt; width:100%}
.vspecs-table td{ padding:5px}
.column-wrapper .vspecs-table td{ width:50%}
.odd td { background-color: #D7E6F4; }

.new-reloc{ line-height:35px}
/* end vehicle specifications tables_____________________________________________________________________*/

#tooltip{ position:absolute; border:1px solid #333; border-width:1px 2px 2px 1px; background:#fff; padding:2px 5px; color:#333; display:none; width:200px; text-align:left; line-height:16px; font-size:11px; z-index:5000}	
#tooltip strong{ display:block; line-height:20px; font-weight:bold;}
#tooltip h3{ font-weight:normal; font-size:12px; letter-spacing:0; margin:0; line-height:18px;}

span.tooltip{ font-weight:bold; cursor:default}

.conditions{ background:#dedede; padding:5px; margin-top:5px}
.conditions-list{ display:none}

p{ margin:0 0 10px 0; line-height:18px}

.clear{ clear:both}
.left-clear{ clear:left}
.centered{ text-align:center}
.right-align{ text-align:right}

.right{ float:right}
.left{ float:left}

.hidden{ display:none}

.quick-search{ }

.quick-search .form-element{ margin:0 10px 5px}
.quick-search .select label{ display:block; margin-bottom:2px}
.quick-search .select select{ width:100%; margin-bottom:2px; font-size:11px}

#side-column, #content-column{ padding-top:10px}
#side-column table{ margin-bottom:10px}

.people-icon{ margin:9px 10px 0 0}
/* Vehicle comparrisons */
.add-vehicle{ display:block; width:114px; height:36px; text-indent:-5000em; float:right; background:url(../graphics/compare-bg.png) no-repeat top}
.vehicle-title .add-vehicle{ margin:18px 10px 0 0}

.selected-vehicle{ background-position:left bottom}

#compare-list{ }

.compare-item{ background:url(../graphics/compare-item-bg.png) no-repeat left bottom; padding:5px; margin-bottom:5px}
.compare-item-img{ float:left}
.compare-item-details{ margin-left:70px}
.vehicle-name{ font-weight:bold; font-size:16px; color:#FE6601; line-height:25px}
.vehicle-subtitle{ font-weight:bold; line-height:25px}

.remove-item{ display:block; text-indent:-5000em; float:right; width:16px; height:16px; background:url(../graphics/remove-item.png) no-repeat; position:relative; z-index:100}

.disabled{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; width:135px; height:30px}

#compare-btn{ border:none}
#compare-table-wrapper{ position: relative; background:#E2E2E2; border:1px solid #bababa; border-radius:10px; -moz-border-radius:10px}
#compare-table-wrapper .inner{ padding:10px}

.compare-table{ width:320px; float:left; border:1px solid #bababa; background:#fff; border-radius:5px; -moz-border-radius:5px; margin-left:10px; text-align:left}
.first{ margin:0}
.compare-table .inner{ padding:5px}

.compare-table .compare-item-details{ margin-left:100px; height:75px}
.compare-table .vehicle-name{ font-size:20px; padding-top:10px}

.compare-vehicle-details{ margin-bottom:10px}

.category-section{ margin-bottom:10px}
.category-section .vspecs-table{ margin:0}

#compare-booking-form-wrapper{ position:fixed; bottom:0; right:0; width:520px; z-index:10000}
#compare-booking-form{ padding:15px 10px 10px 15px; background:url(../graphics/compare-book-bg.png) no-repeat left top}

#compare-booking-form .quick-search select{ font-size:11px}

#compare-booking-form-btn{ display:block; color:#fff; background:url(../graphics/compare-booking-form-btn-bg.png) no-repeat left bottom; float:right; font-size:14px; line-height:35px; padding:5px 15px 0 30px}
#compare-booking-form-wrapper a.form-open{ margin-bottom:-5px; background-position:left top}
/* end comparrisons */
/* smooth scroll styles */

div.scrollingHotSpotLeft, div.scrollingHotSpotRight{ position:absolute; top:200px; z-index:200; width: 100px; height: 100px; background: url(../graphics/big_transparent.gif);}
div.scrollingHotSpotLeft{ left:-1px; cursor: url(../graphics/cursors/cursor_arrow_left.cur),w-resize; display:none}

div.scrollingHotSpotLeftVisible{ background:url(../graphics/compare-arrows.png) no-repeat left top}

div.scrollingHotSpotRight{ right:-1px; cursor: url(../graphics/cursors/cursor_arrow_right.cur),e-resize}

div.scrollingHotSpotRightVisible{ background:url(../graphics/compare-arrows.png) no-repeat left bottom}

div.scrollWrapper{ position: relative; overflow: hidden; width: 100%; height: 100%}

div.scrollableArea{ position: relative; width: auto; height: 100%}

.vimg{ border:1px dotted #999; background:url(../graphics/silver-fade-bg.png) repeat-x bottom; margin-bottom:15px; padding:10px 0; text-align:center}

a{ outline:0}

.vehicle-title{ border:1px dotted #ccc; background:url(../graphics/silver-fade-bg.png) repeat-x bottom; margin:10px 0; padding-left:15px}
.vehicle-title h1{ padding-top:5px; margin:0 0 10px}
.person-icons{ background:#BCBDC0; padding:10px; float:right}

a img{ border:none}

.veh-title{ margin-bottom:5px}
.veh-title .blue{ font-size:20px}