/* 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; 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-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 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 ul a, #nav ul li:hover ul a{ }
#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 ul, #subnav li ul ul { left: -200px; top:0px; z-index:40 !important;}

#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 ul, #subnav li:hover ul ul{ display:none;}
#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}

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{ border:1px dotted #999; background:url(../graphics/silver-fade-bg.png) repeat-x bottom; margin-bottom:15px; padding:10px 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}
/* end forms */

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

.question{ background:url(../graphics/question-bg.png) no-repeat left top; padding-left:30px; min-height:25px; font-weight:bold; font-size:12px}
.answer{ background:url(../graphics/answer-bg.png) no-repeat left top; padding-left:30px; margin-left:30px; min-height:25px; margin-bottom:20px}