/* 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}
body.iframe{ background:none; margin:0; text-align:left}
#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; text-align:center; line-height:12px; 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:54px}
.flags img{ margin:8px 5px 0 0; float:left}

#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; margin:3px 0 0 50px; font-size:11px}

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

#headerLine3{ background:#F5822A; padding:15px 0}

#header-image{ float:right; width:800px; text-align:center}

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

#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 a.right:hover{ border:none; margin:0}

#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}

.side-content{ border:1px solid #F5822A; border-width:0 1px 1px; padding:10px}

.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 5px 0 10px;}
#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 a:hover, #subnav a:hover, #subnav a.active{ background-position:right bottom; text-decoration:none}
#subnav a:hover, #subnav a.active{ color:#fff}
#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}

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

#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 li, #subnav li ul li{ width:auto; float:none; margin:0 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{ background:#D96003; color:#333}
#subnav li ul li a:hover{ background:#FCE4D2; color:#333}
#nav li:hover ul, #nav ul li:hover ul, #subnav li:hover ul, #subnav li ul li:hover ul { display:block;}

.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 .double .inner{ margin:0 15px 0 0}

.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}
#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:200px; 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;}

.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}

.home-panels #newsletter-form{ width:475px; background:#006940 url(../graphics/newsletter-bg.png) no-repeat right top; color:#fff; float:left; margin-right:10px}
.home-panels #newsletter-form .inner{ padding:10px; background:url(../graphics/newsletter-bg.png) no-repeat left bottom}
.home-panels #newsletter-form .form-element{ width:220px; margin-bottom:3px}
#newsletter-form label{ display:block}
#newsletter-form .input input{ width:216px; font-size:11px}
#newsletter-form .select select{ width:100%; font-size:11px}
#newsletter-form .captcha input{ width:100px; float:left; font-size:11px}
#newsletter-form .captcha img{ background:#fff}

#side-column #newsletter-form{ border:1px solid #006940; background:#E2E2E2; padding:10px}
#side-column #newsletter-form .form-element{ margin-bottom:3px}
#side-column #newsletter-form .input input{ width:224px}

#side-column #newsletter-form .left, #side-column #newsletter-form .right{ float:none}
/* end forms */

/* 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%}
.odd td { background-color: #CEFBD3; }

.new-reloc{ line-height:35px}

.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;}

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

/* 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}

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

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

.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}
.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-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}

a{ border:0; outline:0;}

.hidden{ display:none}

#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%}

a.view-positions{ margin:0 225px; display:block; line-height:30px; font-size:14px; font-weight:bold; color:#fff; background:url(../graphics/view-positions-bg.png) no-repeat; text-indent:-20px; text-align:center; color:#fff}

#promo-banner{ position:relative; width:475px; height:120px; overflow:hidden}
#promo-banner a{ display:block; position:absolute; top:0; left:0; z-index:10}
#promo-banner a.hidden{ display:none}
#promo-banner a.visible{ z-index:5}

.quick-search .inner{ padding:10px}

.promo-countdown{ font-weight:bold; font-size:14px; text-align:center; padding:5px 0; border:1px solid #F5822A; border-width:1px 0}

a.agent-app-link{ display:block; background:url(../graphics/become-agent-bg.png) no-repeat; line-height:30px; font-size:12px; color:#fff; font-weight:bold; text-indent:10px; text-decoration:none}

.tblHeader { background-color: #F2F2F2; border:1px solid #999; border-width:1px 0}

a.inactive{ color:#000; cursor:default; text-decoration:none}

#embed-wrapper{ position:relative; text-align:center}
#embed-dialogue-wrapper{ position:absolute; left:50%}
#embed-dialogue{ position:relative; left:-50%; border:1px solid #F5822A; background:#E2E2E2; border-radius:5px; -moz-border-radius:5px; width:450px; display:none}
#embed-dialogue .inner{ padding:10px}
#embed-close{ float:right}
#embed-code{ width:430px; height:50px; border:1px solid #ccc}