/* layout styles */
html{ background: url(../graphics/layout/bg.png) no-repeat top center}
body{ background:url(../graphics/layout/shadow-bg.png) repeat-y center; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#222; padding:0; margin:24px 0 95px 0}
body.popup{ background:none; padding:5px; margin:0}
#wrapper{ width:980px; text-align:left; margin:0 auto; }
#popup-wrapper{ width:690px; text-align:left; margin:0 auto; }

#header{ background:#F5822A;}
.top-blurb{ font-size:10px; color:#333333; line-height:10px; position:absolute; top:0;; left:0; width:100%}

#headerLine1{ background: url(../graphics/layout/header-decal.png) no-repeat; line-height:30px; height:30px; font-size:14px; color:#fff; font-weight:bold; padding-left:20px}
.welcome{ float:left}
.flags{ float:right; width:150px}
.flags img{ margin:8px 5px 0 0; float:left}
.flags img.agent-btn{ margin:5px 10px 0 0}

#main-nav-wrapper{ background: url(../graphics/layout/menu-bg.gif) repeat-x; height:30px; border:1px solid #fff; border-width:1px 0}
#main-nav{ float:left; padding:0 0 0 38px; margin:3px 0 0 10px; font-size:11px}

#country-ddl{ float:right; width:175px; margin-top:5px}

#headerLine3{ background:#F5822A; padding:7px 0 10px 0}

#header-image{ float:right; width:780px; text-align:center; position:relative; z-index:0}

#logo, #agent-login{ float:left; text-align:center; width:190px}
#logo img#logo-img{ margin:3px 0 15px}

#content-wrapper{ }
#content{ padding:10px; min-height:300px; background:#fff}

.clear{ clear:both}
.left-clear{ clear:left}
img.clear, img.left-clear{ margin:10px 0}

#footer-wrapper{ background:#fff; height:95px}
#footer{ height:95px;}
#footer p{ text-align:center; font-size:9px; color:#666666}
#footer a{ color:#666666}
#footer a:hover{ border-bottom:1px dotted #006940; color:#F5822A}

#footer-banner{ border-top:1px dotted #ccc; background:url(../graphics/layout/footer-banner-bg.png) repeat-x top}

div.subsite{ padding-top:10px}
div.subsite p { font-size:9px; color:#666666;}
div.subsite a { color:#666666; font-weight:normal; font-size:9px}
div.subsite a:hover { color:#006940; font-size:9px; border-bottom:1px dotted #006940; text-decoration:none}

#content-column{ margin-right:260px}

#side-column{ width:250px; float:right}
#ie-wrapper #side-column{ width:249px}
#side-column .quick-search{ background:#E2E2E2; padding:10px 0}
.search-quote{ border:1px solid #006940; background:#E2E2E2; padding:5px; margin:10px 0; font-size:9px}
#side-column .quick-search select{ font-size:11px}

.info-box{ border:1px solid #006940; background:#E2E2E2 url(../graphics/info.png) no-repeat; background-position:5px center; padding:5px 5px 5px 66px; margin:10px 0}
/* end layout */

/* start main navigation styles */
#subnav-wrapper{ background:#FCE4D2; border:1px solid #D96003; border-width:1px 0; padding:3px 5px; margin:-9px -10px 10px}
#nav, #nav ul, #subnav, #subnav ul { padding: 0; margin:0; list-style: none; z-index:450; position:relative}
#subnav, #subnav ul { z-index:10}

#nav a, #subnav a { display: block; line-height:24px; padding: 0 5px 0 0; color:#fff; z-index:100; background:url(../graphics/layout/menu-link-bg.png) no-repeat top; font-weight:bold}
#subnav a{ color:#333; background:url(../graphics/layout/sub-link-trigger-bg.png) no-repeat top; letter-spacing:-1px; z-index:1;}
#nav a.trigger { background:url(../graphics/layout/menu-link-trigger-bg.png) no-repeat top right;}
#subnav a.trigger { background-position: top right;}
#nav a span, #subnav a span{ display:block; padding:0 10px 0 15px; background:url(../graphics/layout/menu-link-bg.png) no-repeat top;}

#subnav a span{ background:url(../graphics/layout/sub-link-trigger-bg.png) no-repeat top; padding:0 3px 0 6px;}
#nav a.trigger span{ background:url(../graphics/layout/menu-link-trigger-bg.png) no-repeat top;}
#subnav a.trigger span{ background:url(../graphics/layout/sub-link-trigger-bg.png) no-repeat top;}

#nav ul a span, #nav ul a.trigger span, #subnav ul a span, #subnav ul a.trigger span{ padding:0; background:none}
#nav ul a.trigger { background:none}

#nav a:hover, #subnav a:hover, #subnav a.active{ background-position:right bottom; text-decoration:none}
#subnav a:hover, #subnav a.active{ color:#fff}
#subnav ul a:hover{ color:#333}
#nav a:hover span, #subnav a:hover span, #subnav a.active span{ background-position:left -72px}

#nav li:hover a, #nav ul li:hover a{ background-position:right bottom; color:#333}
#subnav li:hover a.trigger{ background-position:right -48px; color:#fff}
#nav li:hover a span{ background-position:left -24px}
#subnav li:hover a.trigger span{ background-position:left -24px}

#subnav li:hover li a.trigger:hover{ color:#333}

#nav li, #subnav li{ float: left; position:relative; margin-right:5px}
#subnav li{ margin-right:5px}
#subnav.caravan-subnav li{ margin-right:10px}

#nav li ul, #subnav li ul { position: absolute; width: 150px; left: 0px; top:24px; display:none; z-index:100000; background:#FCE4D2; border: 1px solid #d96003; border-width: 0 1px 1px 0; padding:5px 0}
#subnav li ul{ border:none; background:#F5822A;}

#nav li ul ul{ position: absolute; width: 150px; left: 145px; top:-5px; display:none; z-index:50000; background:#FCE4D2; border: 1px solid #d96003; border-width: 1px 1px 1px 0; padding:5px 0}
#subnav li ul ul { position: absolute; width: 150px; left: 145px; top:-5px; display:none; z-index:50000; background:#F5822A; padding:5px 0}

#locations-submenu #subnav li ul{ width:180px}
#locations-submenu #subnav li ul ul{ width:150px; left:170px}

#nav li ul li, #subnav li ul li{ width:auto; float:none; margin:0 5px}
#nav li ul li.hasChild{ margin-right:0}
#nav li ul ul li.hasChild{ margin-right:5px}
#subnav li ul li.hasChild{ margin-right:0}
#subnav li ul ul li.hasChild{ margin-right:5px}

#nav li ul li a, #subnav li ul li a{ text-align:left; line-height:16px; padding:3px 10px; z-index:50; background:none; border-bottom:1px dotted #F5822A; color:#fff}
#subnav li ul li a{ border-color:#fff}
#nav li ul li a:hover, #nav li ul li:hover a, #nav li ul li:hover ul a:hover{ background:#D96003; color:#fff}
#nav li ul li:hover ul a{ background:none; color:#333}

#subnav ul li:hover a, #subnav ul li:hover a.trigger, #subnav ul li:hover ul a:hover{ background:#FCE4D2; color:#333}
#subnav ul li:hover ul a{ background:none; color:#fff}

#nav li:hover ul, #nav ul li:hover ul, #subnav li:hover ul{ display:block;}
#nav li:hover ul{ display:block;}
#nav li:hover ul ul{ display:none}
#nav ul li:hover ul{ display:block;}

#nav li:hover ul ul ul, #nav li ul ul ul, #subnav li:hover ul ul{ display:none}
#subnav li ul li:hover ul{ display:block;}

/* location menu settings **********************************/
#nav li.locations-menu ul{ width:750px; background:#FCE4D2 url(/graphics/location-menu-bg.png) no-repeat bottom; border-top:5px solid #FCE4D2}
	
#nav li.locations-menu li.locations-country{ clear:left}

#nav li.locations-menu li.locations-submenu{ float:left; width:140px}
#nav li.locations-menu li.locations-submenu ul{ display:block; position:static; width:140px; border:none; background:none}
#nav li.locations-menu li.locations-submenu ul ul{ display:none; position:absolute; width:140px; border: 1px solid #d96003; border-width: 1px 1px 1px 0; left:130px; top:0; background:#F5822A}
#nav li.locations-menu li.locations-submenu ul ul a{ color:#fff}
#nav li.locations-menu li.locations-submenu ul ul a:hover{ background:#D96003}

#nav li.locations-menu li.locations-submenu ul li:hover ul{ display:block;}

#nav li.locations-menu a.no-link{ background:none; border:none; cursor:default; color:#fff; height:32px; position:relative; padding-right:36px}
#nav li.locations-menu li.locations-submenu ul a.no-link{ height:auto; text-align:left; color:#333; border-bottom:1px dotted #d96003; background-image:url(/graphics/location-menu-trigger.png); background-position:right bottom; background-repeat:no-repeat; padding-right:5px}
#nav li.locations-menu li.locations-submenu ul a.no-link:hover{ color:#fff}

#nav img{ display:none}
#nav li.locations-menu a.no-link img{ display:block; position:absolute; right:0; top:0}

#nav li ul li a:hover, #nav li ul li:hover a, #nav li ul li:hover ul a:hover, #nav li.locations-menu ul ul li:hover a.no-link{ background:#F5822A; color:#fff}

.separator{ line-height:24px; color:#F5822A}


#country, #country ul{ float:right; width:160px; margin:0 10px 0 0; padding:0; list-style:none; background:#fff; position:relative; border:1px solid #ccc; border-width:1px 0}
#country a{ display:block; line-height:18px; font-weight:normal; color:#000; border:1px solid #ccc; border-width:0 1px; padding:0 5px}
#country a:hover{ text-decoration:none}

#country a.drop{ background:url(../graphics/drop-arrow.png) no-repeat right}

#country ul{ position:absolute; top:18px; left:0; display:none; border-bottom:1px solid #000}
#country ul a{ border-right:1px solid #000}
#country ul a:hover{ background:#3399ff; color:#fff}

#country li:hover ul{ display:block;}

a{ color: #FE6601; text-decoration:none; font-weight:bold}
a:hover { text-decoration:underline}

#quicklinks{ border:1px solid #e06405; border-top:none; padding:5px; margin:0; list-style:none}
#quicklinks ul{ padding:0; margin:0; list-style:none}
#quicklinks li{ }
#quicklinks li.separator{}
#quicklinks a{ border-bottom:1px dotted #F5822A; display:block; padding:3px 5px; color:#222}
#quicklinks a:hover{ color:#fff; background:#F5822A; text-decoration:none}
#quicklinks ul a{ padding-left:15px}
#quicklinks ul ul a{ padding-left:30px}

.txSMPad{ padding-left: 10px; font-weight:normal}
.txSMPadSub{ padding-left: 20px; font-weight:normal}

/* end navigation */

/* start home grid styles */
.home-sections{ margin-bottom:15px; min-height:175px}
.home-section .inner, .highlight-box .inner{ padding:10px; border-top:1px dotted #ccc}

.three-column{ background: url(../graphics/layout/3-col-bg.png) no-repeat bottom}

.home-section{ width:310px; float:left}

.three-column .middle-section{ width:340px}
.three-column .middle-section .inner{ margin:0 15px}

.double-left{ background:url(../graphics/layout/double-col-bg.png) no-repeat bottom}
.double-left .double{ width:650px}
.double-left .double2{ width:960px;
margin:0 5px 0 0}

.double-left .double .inner{ margin:0 15px 0 0}
.double-left .double2 .inner{ margin:0 15px 0 0
background:auto;
background-color:#FFF}

.events-section{ height:270px; overflow:hidden}

.view-more{ text-align:right}

.home-sections h3{ font-size:16px; color:#006940}

.news-item{ margin-bottom:15px; border-bottom:1px dotted #ccc; padding:5px}
.news-link{ text-align:right; padding:10px 0}

.home-graphic{ position:relative; margin:0 5px 10px}
.home-graphic-img{ position:absolute; bottom:41px; left:11px}
.branch-img{ bottom:50px; left:60px}
/* end home grid */

/* start grid layout */
.highlight-2col{ margin-bottom:15px; background:url(../graphics/layout/highlight-2col.png) no-repeat bottom}
.highlight-3col{ margin-bottom:15px; background:url(../graphics/layout/highlight-3col.png) no-repeat bottom}
.single-col{ background-position:-355px bottom}
#ie-wrapper .highlight-2col, #ie-wrapper .highlight-3col{ padding-bottom:1px} /* obscure hack to get background working in IE */
.dbl-right{ margin-bottom:15px; background:url(../graphics/layout/dbl-right-bg.png) no-repeat bottom}
.highlight-box{ width:345px; float:left; margin-right:10px}
.highlight-3col .highlight-box{ width:228px; margin-right:8px}
.dbl-right .dbl-box{ width:464px; margin:0}
.right-box, .highlight-3col .right-box{ margin:0}

.vehicles .highlight-box p{ margin:0 0 10px 170px}

.vspec-column{ width:330px; float:left; margin-right:15px}
.vimg-column{ width:270px; float:left; text-align:center}

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

.car-storage{ background:url(../graphics/layout/car-storage-bg.png) repeat-x bottom; padding:0 5px; height:34px}
.car-storage img{ float:left}
/* end grids */

/* start content styles */
img{ border:none; margin:0}
p{ /*text-align:left;*/ margin:0 0 10px 0; line-height:18px}

#footer p{ line-height:14px}

hr{ border:1px dashed #999; border-width:0 0 1px 0; height:1px; margin:15px}

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

.right-align{ text-align:right}

.centered{ text-align:center}

img.right, .right img{ margin:0 0 5px 5px}
img.left, .left img{ margin:0 5px 5px 0}

.right a img, .left a img{ margin:0}

.vspecs-table img.right{ margin:0}

.booking-header{ display:block}
.quick-search{ border:1px solid #006940; border-top:none; padding-bottom:10px}

.border-decal{ clear:both; margin:10px 0}

.half{ width:480px; float:left}
#content-column .half{ width:340px}
.left-side .inner{ margin-right:5px}
.right-side .inner{
	margin-left:5px;
	
}

#content-column .half{ width:345px; margin-right:10px}
.no-margin, #content-column .no-margin{ margin:0}

.newsPad{ width:290px; height:180px; background-color:#fff; overflow:auto; position:absolute; border:1px solid #ccc}

.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}
.person-icons{ background:#BCBDC0; padding:10px; float:right}

.polaroid{ padding:5px 5px 20px; border:1px solid #999; margin-bottom:15px}
.polaroid img{ margin:0}

.faqs .dashTop{ clear:left; padding:10px 0 20px}

.dashTopPad { border-top:1px dotted #999999; padding-top:15px;  padding-bottom:15px;}
.travel .dashTopPad{ clear:both}

.home-rates{ margin-top:35px; text-align:center; border:1px dotted #999; padding:10px 0}

h1, h2, h3, h4, h5{ font-weight:bold; margin:0 0 10px;}
h1{ font-size:16px;  color:#006940}
h2{ font-size:14px;}

.hidden{ display:none}

.block-heading{ background:#006940; border:1px solid #014B2E; color:#fff; border-width:1px 0; padding:5px; font-size:14px; font-weight:bold}

.alignCentre{ text-align:center}
.tx9Bk { font-size: 9px; color: #222;}
.tx10Bk { font-size: 10px; color: #222;}
.tx10Grey { font-size: 10px; color: #333333;}
.tx10Wt { font-size: 10px; color: #ffffff;}
.tx11WtBd { font-weight: bold; color: #ffffff;}
.tx11BkBd { font-weight: bold; color: #222;}
.justify { text-align: justify; }
.tx12WtBd { font-size: 12px; font-weight: bold; color: #ffffff;}
.tx12BkBd { font-size: 12px; font-weight: bold;}
.tx12OrBd { font-size: 12px; font-weight: bold; color: #FE6601;}
.tx13WtBd { font-size: 13px; font-weight: bold; color: #ffffff;}
.tx14WtBd { font-size: 14px; font-weight: bold; color: #ffffff;}
.tx14BkBd { font-size: 14px; font-weight: bold; color: #222;}
.tx14OrBd { font-size: 14px; font-weight: bold; color: #FE6601;}
.tx13BkBd { font-size: 13px; font-weight: bold;}
.tx13BkBd { font-size: 13px; font-weight: bold;}
.tx16WtBd { font-size: 16px; font-weight: bold; color: #ffffff;}
.tx16GrBd { font-size: 16px; font-weight: bold; color: #006940;}
.tx16OrBd { font-size: 16px; font-weight: bold; color: #FE6601;}
.tx16GreyBd { font-size: 16px; font-weight: bold; color: #333333;}
.tx20GrBd { font-size: 20px; font-weight: bold; color: #006940;}
.tx20OrBd { font-size: 20px; font-weight: bold; color: #FE6601;}
.tx24OrBd { font-size: 24px; font-weight: bold; color: #FE6601;}
.tx24GrBd { font-size: 24px; font-weight: bold; color: #006940;}
.tx10Grey { font-size: 10px; color: #666666; }

.dashTop{ border-top:1px dotted #999}

.red{ color:#c00}
/* end content styles */

/* image styles */
.imgDestination { border: 1px solid #999999; padding: 5px 5px 20px; margin: 5px;}
img.polaroid { padding: 5px 5px 15px}
img.polaroid-sm { padding: 2px 2px 7px}
/* end images */

/* form styles */
.form-wrapper .form-element{ padding:2px 0; margin-bottom:3px}
.form-wrapper .form-element label{ display:block; width:120px; float:left; line-height:22px}

.req{ color:#c00}

.form-wrapper{ border:1px solid #006940; border-top:none; padding:10px 80px}

.input-desc{ margin-left:120px; font-size:10px; clear:left}

.button{ text-align:center}

/*
.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}
*/
/* end forms */

/* start tables*/
/* start 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-green.png) repeat-x top #006940; margin:0; text-align:left}

.vspecs-table{ border-collapse:collapse; padding: 5px; margin:0 0 10px 0; line-height:12pt; border: 1px dotted #999999; width:100%}
.vspecs-table td{ padding:5px;}
.half-wrapper .vspecs-table td{ width:50%}
.compare-table .vspecs-table td{ width:60%}
.odd td { background-color: #CEFBD3; }

.vspecs-bg { background: #006940; }
.vspecs-row1 { background-color: #FFFFFF; }
.vspecs-row2 { background-color: #CEFBD3; }

.vspecs-highlight { background: #CEFBD3; font-weight:bold; font-style:italic }

.vspecs-info { background: #006940; padding:3px}

.vspecs-td1{ font-weight: bold; color:white; background: #006940; padding:5px; width:50%;}
.vspecs-td2{background: #b1bfa3; padding:5px; width:50%}

.vspecs-options { position:relative; width:250px; height:303px; left: 5px; top: -360px; background: #CEFBD3; visibility: hidden;}

.table-list{ font-size: 11px; border:1px solid #cccccc; border-collapse:collapse}
.table-list thead th{ padding:3px 10px; background-color: #f5f5f5; border-bottom:1px solid #cccccc;}
.form-row td{ padding:8px 5px}

.BoxOrange { border: 1px dashed #FF7E19}

table.matrix { width:100%; background-color:#ffffff; margin-top:16px; }
table.matrix td { width:11%; font-size:8pt; text-align:center; }
table.matrix td.cities { font-weight:bold; background-color:#f58025; color:#ffffff; text-align:center; }
table.matrix td.bg { background-color:#ffdbb7; }
table.matrix span.miles { color:#e15a00; }

.cells-top td{ vertical-align:top}
/* end 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;}

/* movie popup */
.movie-popup{ position:relative; padding:10px}

#info-content{ display:none; position:absolute; width:420px; left:155px; top:25px; background:#fff url(../graphics/silver-fade-bg.png) repeat-x bottom;}
#info-content .inner{ padding:10px; padding-bottom:0; border:1px solid #F5822A}

#info-content input{ border:1px solid #999}
/* end movie popup */

.discount{ width:165px; height:85px; float:right; background:url(../graphics/discount-tag.png); color:#fff; font-weight:bold; font-size:16px; margin:0 0 10px 10px; cursor:help}
.discount table{ border-collapse:collapse; height:75px; margin:0 50px 0 15px}
.discount td{ text-align:center}

/* booking form */
#bookingForm-wrapper{ position:relative}
#price-match-badge{ position:absolute; top:10px; right:10px}

#atap {position:absolute; top: -71px; right: 10px } 
#price-info{ position:absolute; left:10px; bottom:10px}
#Page1_1_bookingForm .quick-search{ padding:10px}

#Page1_1_bookingForm h3{ display:none}

#Page1_1_bookingForm .form-element{ padding:3px 0; font-size:11px}
#Page1_1_bookingForm .form-element label{ display:block; line-height:15px; width:110px; float:left}

#Page1_1_bookingForm .form-element input, #Page1_1_bookingForm .form-element select{ font-size:inherit; font-family:inherit; border:1px solid #999}

#Page1_1_bookingForm #pickup-element, #Page1_1_bookingForm #return-element{ width:50%; float:left; border:1px solid #006940; border-width:1px 0; padding:10px 0; margin:10px 0}
#Page1_1_bookingForm #pickup-element label, #Page1_1_bookingForm #return-element label{ float:none; width:auto; margin-bottom:5px}
#Page1_1_bookingForm #pickup-element *, #Page1_1_bookingForm #return-element *{ margin:0 3px 3px 0}

#StartDepotCode, #EndDepotCode{ width:120px}
#StartDate, #EndDate{ clear:left; width:120px}

#adults-element{ clear:left}
#adults-element, #children-element{ width:50%; float:left}

#promotion-element{ clear:left}

#Page1_1_bookingForm .button{ text-align:right; margin-top:10px; height:30px}

#Page1_1_bookingForm #Search{ border:none; background:url(../graphics/search-btn.png) no-repeat; width:108px; height:30px; text-align:left; display:block; text-indent:-999em; float:right; overflow:hidden; display:block; font-size: 0; line-height: 0; cursor:pointer}

#side-search{ margin-bottom:10px}
#side-search #Page1_1_bookingForm .quick-search{ padding:0; border:none; background:none}
#side-search-inner{ border:1px solid #006940; border-top:none; background:#E2E2E2; padding:10px}
#side-search #Page1_1_bookingForm #pickup-element{ padding:10px 0 0;  border-width:1px 0 0 0}
#side-search #Page1_1_bookingForm #return-element{ padding:0 0 10px; border-width:0 0 1px 0}
#side-search #Page1_1_bookingForm #pickup-element, #side-search #Page1_1_bookingForm #return-element{ width:auto; float:none; margin:10px 0}
#side-search #Page1_1_bookingForm #Search{ margin-right:60px}

#side-search #Page1_1_bookingForm #adults-element label, #side-search #Page1_1_bookingForm #children-element label{ width:auto; padding-right:5px}
#side-search #adults-element, #side-search #children-element{ width:auto; float:left; margin-right:10px}

#side-search #Page1_1_bookingForm #Search{ background:url(../graphics/side-search-btn.png) no-repeat}

#world-clock{ margin:10px 110px; position:relative; height:250px}
#world-clock .overlay{ position:absolute; bottom:0; right:0}
#world-clock .overlay2{ position:absolute; bottom:0; left:0}

.scrollIntoView{ position:fixed; top:15px; width:250px}

/* compare styles *********************/
.add-vehicle{ display:block; width:114px; height:36px; text-indent:-5000em; float:right; background:url(../graphics/compare-bg.png) no-repeat top; outline:0}
.selected-vehicle{ background-position:left bottom}

.car-btn{ background-image:url(../graphics/compare-car-bg.png)}

.vehicle-title .add-vehicle{ margin:18px 10px 0 0}

#compare-list{ border:1px solid #006940; background:#E2E2E2; padding:5px; margin-bottom:10px}

.compare-item{ background:url(../graphics/compare-item-bg.png) no-repeat; 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; letter-spacing:-1px}
.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:212px; height:30px}

#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}
*html #compare-booking-form-wrapper{ position:absolute}
#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}

#print{ position:absolute; top:10px; left:10px; background:url(../graphics/icon_print.png) no-repeat left; line-height:16px; padding-left:20px}

.print #compare-table-wrapper{ position:static; height:100%; border:none; background:none; padding:0}
.print .compare-table{ margin-bottom:10px; width:45%}

.print div.scrollWrapper{ position: static; overflow:visible}
.print div.scrollableArea{ position: static}

.print .vspecs-table td{ padding:2px;}
/* 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%}



/* location map **********************************************/
#location-map{ width:700px; height:566px; background:url(../graphics/map-australia.png) no-repeat; position:relative}

#location-map-links{ margin:0; padding:0; list-style:none}
.location-marker{ position:absolute; height:55px; background:url(../graphics/location-markers.png) no-repeat}

.location-marker a{ display:block; width:100%; height:100%; text-indent:-5000px}
#location-adelaide{ background-position:left top; left:270px; top:352px; width:137px}
#location-alice-springs{ background-position:left -80px; left:287px; top:182px; width:131px}
#location-ayers-rock{ background-position:left -960px; left:154px; top:243px; width:130px; height:68px}
#location-brisbane{ background-position:left -160px; left:472px; top:248px; width:135px}
#location-broome{ background-position:left -240px; left:116px; top:101px; width:105px}
#location-cairns{ background-position:left -320px; left:457px; top:76px; width:105px}
#location-coolangatta{ background-position:left -400px; left:456px; top:313px; width:136px; height:68px}
#location-darwin{ background-position:left -480px; left:245px; top:0px; width:101px}
#location-hobart{ background-position:left -560px; left:456px; top:509px; width:107px}
#location-melbourne{ background-position:left -640px; left:344px; top:458px; width:125px; height:68px}
#location-perth{ background-position:left -720px; left:42px; top:315px; width:102px}
#location-surfers-paradise{ background-position:left -800px; left:557px; top:261px; width:145px}
#location-sydney{ background-position:left -880px; left:515px; top:399px; width:96px; height:68px}

.location-details{ width:202px; background:url(../graphics/location-details-bg.png) no-repeat left top; position:absolute; z-index:1000; top:0px; display:none}
.bottom-position{ bottom:28px; top:auto}
.bottom-right-position{ bottom:18px; right:25px; left:auto; top:auto}
.right-position{ right:10px; left:auto}
.location-details .inner{ padding:0 10px 10px; background:url(../graphics/location-details-bg.png) no-repeat right bottom}
.address-group{ clear:both; margin-bottom:10px}
.address-group ul{ width:100px; float:left; margin:0px; padding:0px}

.location-details h3{ color:#fff; line-height:24px; margin:0; padding:0 10px; cursor:default}

.location-marker:hover .location-details{ display:block}

.location-marker a.view-location-details, .location-details a{ display:inline; text-indent:0px}

.location-details ul{ list-style:none; margin:0; padding:0}
.location-details li{ border-bottom:1px dotted #999; padding:5px}
.location-details a{ font-weight:normal; color:#333}

.locations h3{ background:#F5822A; color:#fff; border:1px solid #D96003; border-width:1px 0; padding:0 10px; line-height:20px; margin:0 -10px 5px; font-size:11px;}
.location-addresses{ list-style:none; margin:0 0 20px; padding:0}
.location-addresses li{ clear:left; border-bottom:1px dotted #ccc; font-size:10px; padding:5px 0 5px 5px}
.location-addresses li img{ float:right; margin-left:5px}

#location-map-nz{ width:400px; height:560px; background:url(../graphics/map-nz.png) no-repeat; position:relative}

#location-map-nz .location-marker{ background:url(../graphics/location-markers-nz.png) no-repeat}

#location-map-nz #location-auckland{ background-position:left top; left:242px; top:74px; width:98px}
#location-map-nz #location-christchurch{ background-position:left -80px; left:178px; top:382px; width:125px}
#location-map-nz #location-picton{ background-position:left -160px; left:148px; top:285px; width:120px}
#location-map-nz #location-queenstown{ background-position:left -240px; left:63px; top:437px; width:125px}
#location-map-nz #location-wellington{ background-position:left -320px; left:248px; top:279px; width:116px}

/* Hot Deals */
#hotdeals-location-tabs ul{ margin:0; padding:0; list-style:none; height:28px; border-bottom:2px solid #999; overflow:visible; margin-bottom:15px}
#hotdeals-location-tabs li{ float:left; margin:0 5px}
#hotdeals-location-tabs a{ display:block; padding:0 10px 0 0; background:url(../graphics/hotdeals-location-tabs-bg.png) no-repeat right bottom; color:#333}
#hotdeals-location-tabs a:hover{ text-decoration:none}
#hotdeals-location-tabs a span{ display:block; line-height:30px; padding:0 0 0 10px; background:url(../graphics/hotdeals-location-tabs-bg.png) no-repeat left bottom}
#hotdeals-location-tabs a.active{ background-position:right top; color:#F5822A}
#hotdeals-location-tabs a.active span{ background-position:left top}

.reloc-filter div{ display:inline}

.deals-location-title{ font-size:16px; border:1px solid #999; border-width:1px 0; line-height:30px; padding-left:10px}
.deals-list{ overflow:visible; width:100%; border-bottom:1px dotted #ccc; border-collapse:collapse; margin-bottom:20px}
.deals-list thead th{ font-weight: bold; color: #ffffff; padding:0px 8px; line-height:30px; border:1px solid #006940; background: #006940 url(../graphics/th-bg.png) no-repeat left top; margin:0; text-align:left; font-size:13px}
.deals-list .odd td{ background:none}
.deals-list td{ border:1px solid #999; border-width:1px 0; vertical-align:middle; font-size:11px; padding:8px}
.deals-list td.deals-vehicle{ text-align:center; font-weight:bold; background:none}
.deals-list td.deals-location{ color:#006940; background:#f1f1f1; width:160px}
.deals-list td.deal-date{ color:#656565}
.deals-list td.no-deals{ text-align:center}

.deals-locations-btns{ border-collapse:collapse; margin-bottom:30px}
.deals-locations-btns td{ vertical-align:top; padding:0}
.deals-locations-btns .has-padding{ padding:0 10px 10px 10px}

/* hot deals *******************/
.hot-deal{ margin-bottom:20px; padding-bottom:40px; background:url(/graphics/seperator.png) no-repeat bottom}
.hot-deal li, .hotdeals-terms li{ margin-bottom:5px}
.conditions-link{ font-style:italic}
.conditions-list{ margin:5px 40px 0 0; background:#dedede; display:none; padding:5px 0}

.hot-deal-title{ text-align:center; font-size:22px; font-weight:bold; color:#F5822A; letter-spacing:-1px; text-transform:uppercase; margin-bottom:5px}
.hot-deal-title span{ display:block; font-size:18px; font-style:italic; color:#535353; text-transform:none; font-weight:normal; letter-spacing:0}


.special-rates{ width:100%; border-collapse:collapse; margin:20px 0}
.special-rates thead th{ border:1px solid #006940; color:#fff; font-size:12px; text-align:center; background:url(../graphics/specials-th-bg.png) no-repeat left top}
.special-rates thead th span{ display:block; font-weight:normal}
.special-rates tbody td, .special-rates tbody th{ border:1px solid #999; border-width:1px 0; padding:5px}
.special-rates tbody td{ text-align:center}
.special-rates tbody th{ background:#ddd}