﻿@import "reset.css";

@font-face
{
    font-family: SerifGothic;
    src: url('../fonts/serifgothicstd-black-webfont.eot');
    src: url('../fonts/serifgothicstd-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/serifgothicstd-black-webfont.woff') format('woff'),
         url('../fonts/serifgothicstd-black-webfont.ttf') format('truetype'),
         url('../fonts/serifgothicstd-black-webfont.svg#ITCSerifGothicStdBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* LAYOUT
---------------------------------------------------------------------- */
body{ font-family:Verdana; font-size:13px; background:#45271e; color:#fff; -webkit-text-size-adjust: 100%}

#page-wrapper{ background:url(../graphics/bg.jpg) center top; overflow-x:hidden}
#page-inner{ position:relative; width:990px; margin:0 auto; padding-bottom:26px}

#header{ height:210px; background:url(../graphics/logo.jpg) no-repeat left top; margin-left:-35px; z-index:0}
#logo a{ float:left; display:block; width:320px; height:175px; margin-left:10px; text-indent:-999em}

#header-social-icons{ position:absolute; left:310px; top:65px; height:68px; display:inline}

#language-links{ position:absolute; top:15px; right:280px; font-size:11px; color:#eb8221; z-index:5}
.language-text{ float:left; margin-right:5px; line-height:18px}

#language-list{ float:left; margin:0; padding:0; height:25px; position:relative; font-family:Arial}
#language-list a{ display:block; color:#9d908e; font-weight:normal}
#language-list a:hover{ color:#fff}
#language-list a.selected-language{ background:url(../graphics/language-bg.png) no-repeat right top; height:25px; line-height:16px; width:108px; position:relative; z-index:5}
#language-list a img{ display:block; float:left; margin:4px 5px 0 10px}
#language-list ul{ display:none; background:url(../graphics/language-list-bg.png) no-repeat center bottom; position:absolute; top:13px; left:0px; width:108px; z-index:3; padding-top:5px}
#language-list ul a{ line-height:25px; color:#9d908e;}
#language-list ul a img{ margin-top:7px}
#language-list li{ position:relative}

#language-list li:hover ul{ display:block}
#language-list li:hover a.selected-language{ background-position:right -25px}

#hotdeals-link{ position:absolute; top:115px; right:0px; z-index:2; background:url(../graphics/hot-deals-flame.png) no-repeat left top; display:block; height:26px; padding:6px 0 10px 35px; font-family:SerifGothic; font-size:19px; text-transform:uppercase; letter-spacing:-1px; text-shadow:0px 1px 1px rgba(255,228,205,0.5); color:#3a211d;}

#nav-wrapper{ position:absolute; left:100px; top:160px; z-index:10}

#content-wrapper{ margin-top:-16px}
#contentColumnWide{ position:relative; width:730px; float:right; padding-bottom:96px}
#contentColumn{ width:470px; float:left; padding-left:255px; position:relative; z-index:1}
#leftColumn{ width:240px; float:left; margin-left:-725px; position:relative; overflow:visible; position:relative; z-index:2}
#leftColumnWide{ width:240px; float:left; position:relative; overflow:visible; position:relative; z-index:2}
#rightColumn{ position:relative; width:250px; float:right; padding-bottom:96px}

#testimonial-snippet{ line-height:20px}

#news-list{ height:250px; overflow:auto}
.news-item{ border-bottom:1px dotted #fff; padding-bottom:10px; margin-bottom:15px}
.news-title{ font-weight:bold; margin-bottom:5px}
.news-date{ font-size:9px; margin-bottom:5px}

.inner{ padding:10px}

#content-wrapper .half{ width:358px; float:left; margin-right:14px}
#content-wrapper .no-margin{ margin:0}

.half .inner{ padding:0}

/* FOOTER
---------------------------------------------------------------------- */
#footer-wrapper{ background:url(../graphics/footer-wrapper-bg.png) repeat-x top; padding-top:26px; margin-top:-26px}
#footer-outer{ text-align:center}
#footer-inner{ width:990px; margin:0 auto; text-align:left; color:#fff; padding:15px 0; font-size:9px; overflow:visible; position:relative}
#footer-inner a{ color:#fff}
#footer-inner a:hover{ color:#ffe4ca}

.footer-social-icons{ width:250px; float:left; margin-right:15px}
#footer-inner .footer-social-icons-title{ font-size:14px; font-weight:bold; line-height:18px; margin-bottom:5px}

.footer-title{ font-size:16px; font-weight:bold; line-height:1em; padding-bottom:10px; border-bottom:1px solid #eb8221; margin-bottom:10px}
#footer-contact-info{ float:left; width:470px; margin-right:10px}
#footer-contact-info .left-half{ width:250px; float:left; margin-right:10px}
#footer-contact-info .half{ width:210px; float:left}

#footer-site-map{ width:240px; float:right; margin:0}

#brand-logos{ float:right; text-align:right}
#brand-logos a{ text-align:left; margin-top:5px}

/* NAVIGATION
---------------------------------------------------------------------- */
#mainMenu_lblMenuDiv{ float:left}
#nav, #nav ul { padding: 0; margin:0; list-style: none; z-index:450; position:relative; z-index:10}
#nav li{ float: left; position:relative; margin-right:10px}

#nav a { display: block; line-height:24px; color:#3a211d; z-index:100; font-family:SerifGothic; font-size:19px; text-transform:uppercase; letter-spacing:-1px; text-shadow:0px 1px 1px rgba(255,228,205,0.5)}
#nav a span{ display:block; padding:0 5px; }

#nav a:hover{ color:#F8E5C7; text-shadow:0px 1px 1px rgba(0,0,0,0.3)}

#nav li:hover a{  color:#F8E5C7; text-shadow:0px 1px 1px rgba(0,0,0,0.3)}

#nav li div{ position: absolute; width: 150px; left: 0px; top:24px; display:none; z-index:10; background:url(../graphics/sub-nav-bg.png) no-repeat center bottom}
#nav li ul{ padding:5px 17px 8px; margin:0 -17px; background:url(../graphics/sub-nav-shadow.png) no-repeat center top}

#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}

#nav 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}

#nav li ul a, #nav li:hover ul a{ text-align:left; line-height:16px; padding:3px 10px; background:none; color:#9d908e; font-family:Verdana; text-shadow:none; font-size:14px; text-transform:none; border-bottom:1px dotted #4e3834}
#nav li ul li a:hover, #nav li ul li:hover a, #nav li ul li:hover ul a:hover{ color:#fff}
#nav li ul li:hover ul a{ background:none; color:#333}

#nav li:hover div, #nav ul li:hover div{ display:block;}
#nav li:hover div{ 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{ display:none}

.side-nav{ margin:0; padding:0; list-style:none}
.side-nav li{ border-bottom:1px dashed #eb8221}
.side-nav li a{ display:block; padding:5px}

#footer-site-map ul{ padding: 0; margin:5px 0 0 10px; list-style: none}
#footer-site-map li{ padding:0 0 3px}

.contact-us-link{ display:block; width:264px; background:url(../graphics/contact-link-bg.png) no-repeat; color:#3a211d; font-family:SerifGothic; font-size:19px; text-transform:uppercase; letter-spacing:-1px; line-height:1em}
.contact-us-link span{ display:block; padding-left:125px}
#header .contact-us-link{ height:85px; position:absolute; top:0; right:0; background-position:left bottom}
#header .contact-us-link span{ padding-top:12px}
#footer-inner a.contact-us-link{ color:#3a211d; height:96px; position:absolute; top:-99px; right:0; background-position:left top}
#footer-inner .contact-us-link span{ padding-top:58px}

#header-social-icons a{ display:block; float:left; height:68px; width:62px; background:url(../graphics/social-icons-header.png) no-repeat; text-indent:-999em}
#header-social-icons a.rss{ background-position:left top}
#header-social-icons a.facebook{ background-position:-62px top}
#header-social-icons a.twitter{ background-position:-124px top}
#header-social-icons a.youtube{ background-position:-186px top}

#header-social-icons a.rss:hover{ background-position:left -68px}
#header-social-icons a.facebook:hover{ background-position:-62px -68px}
#header-social-icons a.twitter:hover{ background-position:-124px -68px}
#header-social-icons a.youtube:hover{ background-position:-186px -68px}

/*#language-links a{ display:block; float:left; height:47px; width:42px; background:url(../graphics/flag-icons.png) no-repeat; text-indent:-999em}
#language-links a.german{ background-position:left top}
#language-links a.french{ background-position:right top}

#language-links a.german:hover{ background-position:left -47px}
#language-links a.french:hover{ background-position:right -47px}*/

#footer-social-icons a{ display:block; float:right; height:68px; width:62px; background:url(../graphics/social-icons-footer.png) no-repeat; text-indent:-999em}
#footer-social-icons a.facebook{ background-position:left top}
#footer-social-icons a.twitter{ background-position:-62px top}
#footer-social-icons a.facebook:hover{ background-position:left -68px}
#footer-social-icons a.twitter:hover{ background-position:-62px -68px}

#brand-logos a{ display:block; height:42px; float:left; background:url(../graphics/brand-logos.png) no-repeat; text-indent:-999em; margin-left:15px}
#brand-logos a.apollo{ background-position:left top; width:89px}
#brand-logos a.cheapa{ background-position:-99px top; width:145px}
#brand-logos a.talvor{ background-position:right top; width:103px}

#brand-logos a.apollo:hover{ background-position:left bottom}
#brand-logos a.cheapa:hover{ background-position:-99px bottom}
#brand-logos a.talvor:hover{ background-position:right bottom}

#sub-nav-shadow-loader{ background:url(../graphics/sub-nav-shadow.png); position:absolute; top:-100px; height:5px}
#sub-nav-bg-loader{ background:url(../graphics/sub-nav-bg.png)}

/* sitemap */
#content-wrapper ul#sitemap, #content-wrapper #sitemap ul{ margin:0; padding:0; list-style:none}
#content-wrapper #sitemap ul{ margin-left:15px}
#content-wrapper #sitemap li{ list-style-image:none; margin:0; padding:0}
#content-wrapper #sitemap ul li{ background:url(../graphics/vline.png) repeat-y left}
#content-wrapper #sitemap ul ul li{ background-position:left center}
#content-wrapper #sitemap a{ font-size:20px; text-shadow:0px 1px 1px rgba(0,0,0,0.3); display:block; line-height:2em}
#content-wrapper #sitemap ul li a{ background: url(../graphics/node.png) no-repeat left center; font-size:16px; padding:0 15px}
#content-wrapper #sitemap ul ul li a{ font-weight:normal; font-size:12px; text-shadow:none}

#content-wrapper #sitemap ul li.last{ background:none}
#content-wrapper #sitemap li.last a{ background:url(../graphics/lastnode.png) no-repeat}

/* Hotdeals tabs */
#hotdeals-location-tabs ul{ margin:0; padding:0; list-style:none; height:28px; border-bottom:2px solid #3a211d; 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:rgba(255,228,205,0.3); color:#3a211d; border-bottom:2px solid #3a211d; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; border-radius-top-left:10px; border-radius-top-right:10px;}
#hotdeals-location-tabs a:hover{ text-decoration:none}
#hotdeals-location-tabs a span{ display:block; line-height:28px; padding:0 0 0 10px}
#hotdeals-location-tabs a.active{ background-position:right top; color:#fff; background:#3a211d}
#content-wrapper #hotdeals-location-tabs li{ list-style-image:none}

/* DEFAULT STYLES
---------------------------------------------------------------------- */
a{ text-decoration:none; border:0; outline:none; font-weight:bold; color:#fff}
p{ line-height:20px; margin-bottom:10px}
#footer-inner p{ line-height:16px; margin-bottom:6px}

hr{ border:1px dashed #eb8221; border-width:0 0 1px 0; height:1px; margin:0 15px 15px; padding-top:15px}

#content-wrapper ul{ margin:0 0 10px; padding-left:15px}
#content-wrapper li{ list-style-image:url(../graphics/list-img.png); margin-bottom:5px}

#content-wrapper ol{ margin:0 0 10px; padding-left:15px}
#content-wrapper ol li{ list-style-image:none; list-style-type:decimal; margin-bottom:5px}
#content-wrapper ol li li{ list-style-image:url(../graphics/list-img.png);}

/* HEADINGS
---------------------------------------------------------------------- */
h1, h2, h3, h4{ font-weight:bold; margin:0 0 10px; line-height:1.2em; text-shadow:0px 1px 1px rgba(0,0,0,0.3)}
h1{ font-size:26px; letter-spacing:-1px}
h2{ font-size:20px; letter-spacing:-1px}
h3{ font-size:16px;}
h4{ font-size:12px;}
h5{ font-size:12px;}

.border-box h2, .border-box h3{ padding-bottom:10px; border-bottom:1px solid #eb8221}

.textimonial-title{ font-size:14px; font-weight:bold}

.vehicle-box h2{ font-family:SerifGothic; font-size:30px; text-transform:uppercase; letter-spacing:-1px; text-shadow:0px 1px 1px rgba(255,228,205,0.5)}
.vehicle-box h2 a{ color:#3a211d; }

.branch-details h2{ margin:0}

.destination-title{ font-size:16px; text-shadow:0px 1px 1px rgba(0,0,0,0.3)}

/* CONTENT STYLES
---------------------------------------------------------------------- */
.right{ float:right}
.left{ float:left}
img.right, .right img{ margin:0 0 5px 5px}
img.left, .left img{ margin:0 5px 5px 0}

.right-align{ text-align:right}
.centered{ text-align:center}

.hidden{ display:none}

.clear{ clear:both}

.terms-text{ font-size:10px; font-style:italic}

#quote{ font-family:SerifGothic; font-size:45px; color:#ffe1c5; text-shadow:0px 5px 10px #622406; text-transform:uppercase; margin:10px 0 25px}
#quote .quote-reference{ font-size:18px}

a.happy-image{ display:block; text-align:center; position:relative}

.vehicle-top{ font-size:16px; font-weight:bold; border-bottom:1px dotted #962500; padding-bottom:5px; margin-bottom:10px; height:80px; overflow:visible}

.col-section{ margin-bottom:15px}

.read-more, .top-link{ text-align:right}
.read-more a{ background:url(../graphics/read-more-bg.png) no-repeat right 2px; padding-right:14px; font-size:11px; line-height:1em}

.back-link{ background:url(../graphics/back-bg.png) no-repeat left 2px; padding:1px 0 1px 14px; font-size:11px; line-height:1em}

.top-link a{ background:url(../graphics/top-bg.png) no-repeat right 2px; padding-right:14px; font-size:11px; line-height:1em}

#contentColumn .border-box{ background:url(../graphics/border-box-bg.png) no-repeat right bottom; padding-bottom:13px}
#contentColumn .border-box .inner{ background:url(../graphics/border-box-bg.png) no-repeat left top; padding:18px 18px 5px}

#rightColumn .border-box, #footer-inner .border-box{ background:url(../graphics/border-box-narrow-bg.png) no-repeat right bottom; padding-bottom:13px}
#rightColumn .border-box .inner, #footer-inner .border-box .inner{ background:url(../graphics/border-box-narrow-bg.png) no-repeat left top; padding:18px 18px 5px}

#leftColumn .border-box, #leftColumnWide .border-box{ background:url(../graphics/border-box-narrow-right-bg.png) no-repeat right bottom; padding-bottom:13px}
#leftColumn .border-box .inner, #leftColumnWide .border-box .inner{ background:url(../graphics/border-box-narrow-right-bg.png) no-repeat left top; padding:18px 18px 5px}

#contentColumn .solid-box, #contentColumn .solid-box .inner{ background-image:url(../graphics/border-box-solid-bg.png)}
#leftColumn .solid-box, #leftColumn .solid-box .inner, #leftColumnWide .solid-box, #leftColumnWide .solid-box .inner{ background-image:url(../graphics/border-box-solid-narrow-bg.png)}

#contentColumnWide .border-box{ background:url(../graphics/border-box-wide-bg.png) no-repeat right bottom; padding-bottom:13px}
#contentColumnWide .border-box .inner{ background:url(../graphics/border-box-wide-bg.png) no-repeat left top; padding:18px 18px 5px}

#contentColumnWide .half .border-box{ background:url(../graphics/border-box-half-bg.png) no-repeat right bottom; padding-bottom:13px}
#contentColumnWide .half .border-box .inner{ background:url(../graphics/border-box-half-bg.png) no-repeat left top; padding:18px 18px 5px}

#gb-awards{ background:url(../graphics/gb-award-bg.jpg) no-repeat top; height:230px; padding:0 10px}
#gb-awards p{ padding-top:90px}

#country-img{ position:absolute; top:90px; right:-90px; z-index:0}

.vehicle-box{ position:relative}
.veh-thumb{ position:relative; z-index:2; float:right}
.vehicle-box .veh-thumb{ position:absolute; top:15px; right:15px; z-index:2}

.vehicle-hero{ margin-bottom:10px}

.person-icon{ float:right; margin:-10px 10px 0 0}

.branch-locations p{ margin-bottom:0}
.branch-locations-section, .useful-info-section{ margin-bottom:15px; border-bottom:1px dashed #EB8221; padding-bottom:10px; cursor:default}
.branch-locations-section-title, .useful-info-section-title{ font-size:16px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.3); margin-bottom:5px; font-weight:bold}

.ui-datepicker{ top:-200px}

.print-link{ float:right; margin-top:8px}

/* slider gallery */
.slider-thumb-wrapper{ width:694px; overflow:hidden}
.slider-thumb-inner{ width:5000px}

.slider-nav-prev, .slider-nav-next{ display:none}
.slider-nav-prev{ float:left; background:url(../graphics/arrow3.png) no-repeat left; padding-left:12px}
.slider-nav-next{ float:right; background:url(../graphics/arrow2.png) no-repeat right; padding-right:12px}

.slider-thumb{ display:block; float:left; padding:2px; border:1px solid #eb8221; margin:0 5px}
.slider-thumb:hover{ border-color:#EFAB00}
.slider-thumb img{ width:100px; height:100px}

/* location map */
#location-map{ width:470px; height:430px; background:url(../graphics/aus-map.jpg) no-repeat; position:relative}

#location-map-links{ margin:0; padding:0; list-style:none}
.location-marker a{ display:block; position:absolute; text-indent:-5000em; background:url(../graphics/location-markers.png) no-repeat left top; width:28px; height:42px; z-index:50}

#location-brisbane a{ left:454px; top:206px}
#location-cairns a{ left:380px; top:55px}
#location-melbourne a{ left:350px; top:319px}
#location-perth a{ left:33px; top:248px}
#location-sydney a{ left:425px; top:267px}

#location-brisbane a:hover, #location-brisbane.hover a{ background-position:0 -100px; left:383px; top:191px; width:103px; height:57px}
#location-cairns a:hover, #location-cairns.hover a{ background-position:0 -200px; left:309px; top:42px; width:101px; height:55px}
#location-melbourne a:hover, #location-melbourne.hover a{ background-position:0 -300px; left:279px; top:319px; width:106px; height:73px}
#location-perth a:hover, #location-perth.hover a{ background-position:0 -400px; left:34px; top:248px; width:103px; height:76px}
#location-sydney a:hover, #location-sydney.hover a{ background-position:0 -500px; left:418px; top:268px; width:101px; height:75px}

/* google map info window */
#GinfoWindow{ width: 250px; height: 125; max-height: 130px; max-width: 250px; overflow: hidden; color:#333}

/* Hot Deals */
.hot-deals-title, .hot-deals-sub-title{ font-family:SerifGothic; font-size:35px; text-transform:uppercase; color:#3a211d; text-shadow:0px 1px 3px #ffe1c5; text-align:center; margin-bottom:5px}
.hot-deals-title a{ color:#3a211d}
.hot-deals-sub-title{ font-size:20px; color:#ffe1c5; text-shadow:0px 5px 10px #622406}

.deals-locations-btns{ margin:0 -5px 15px}
.deals-locations-btns a{ display:block; float:left; margin:5px}

#fb-like{ float:right; width:80px}

/* 404 page */
#text-box-404{ float:right; width:385px; margin-right:25px; height:190px; color:#3a211d; background:url(../graphics/404-text-bg.jpg) no-repeat; position:relative; z-index:1}
#text-box-404 .inner{ padding:75px 18px 0 25px}
#text-box-404 a{ color:#3a211d}

/* Tooltip */
.discount{ width:165px; height:85px; float:right; background:url(../graphics/discount-tag.png); color:#3a211d; font-size:18px; margin:0 0 10px 10px; cursor:help}
.discount table{ border-collapse:collapse; height:80px; margin:5px 30px 0 15px}
.discount td{ font-weight:bold; text-align:center}

#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-size:12px; letter-spacing:0; margin:0; line-height:18px; color:#333}

/* FAQS */
.faq-section{ margin:0 0 15px -15px}
.question{ padding:5px 0 5px 15px; margin-bottom:5px; background:url(../graphics/question-bg.png) no-repeat left top; font-size:16px; font-weight:bold}
.answer{ padding:2px 0 0 15px; background:url(../graphics/answer-bg.png) no-repeat left top}
.answer p:last-child{ border-bottom:1px dashed #EB8221; padding-bottom:20px; margin-bottom:20px}

#refreshed{ height:218px; margin-bottom:15px; background:url(../graphics/refreshed-splash.png) no-repeat top; text-align:center}
#refreshed img{ margin-top:162px}
#refreshed span{ display:block; padding:162px 10px 0; font-family:SerifGothic; font-size:20px}
/* FORMS
---------------------------------------------------------------------- */
#quick-search-wrapper{ background:url(../graphics/quick-search-bg.png) no-repeat center top; margin:-5px 0 15px -10px; width:260px; padding:5px 0 0; color:#3a211d; font-size:11px; position:relative}
#quick-search-inner{ background:url(../graphics/quick-search-inner.jpg) no-repeat center top; padding:10px; margin:0 10px}
#quick-search-wrapper h3{ font-size:18px; line-height:1em; text-indent:-999em}
#quick-search-wrapper p{ font-size:10px; line-height:14px}
#van-image{ margin-left:-69px}

.quick-search .form-element{ margin:0 0 5px; clear:left}
.quick-search .form-element label{ line-height:14px; display:block; margin-bottom:2px}
.quick-search .select select{ width:100%; margin-bottom:3px; font-size:12px; padding:0px; height:18px; line-height:16px}
.quick-search .input input{ border:1px solid #ccc; font-size:12px}
.quick-search .left{ margin-right:10px}

#pickup-element, #return-element{ height:60px}
#pickup-element input, #return-element input{ float:left; width:130px}
#StartTime, #EndTime{ width:80px; float:right}

#promotion-element{ height:20px}
#promotion-element label{ float:left; line-height:18px}
#promotion-element input{ float:right; width:100px}

#search-element #Search{ border:none; background:url(../graphics/search-btn.png) no-repeat; width:168px; height:50px; text-align:left; display:block; text-indent:-999em; float:left; margin:5px 0 0 22px; overflow:hidden; display:block; font-size: 0; line-height: 0; cursor:pointer}

#pageForm .form-element{ clear:left; margin:0 0 6px; border-bottom:1px solid #eb8221; padding-bottom:6px}
#pageForm .form-element label{ line-height:26px; display:block; float:left; width:110px; margin-right:5px}
#pageForm .checkbox label{ float:none; width:auto; display:inline}
#pageForm .checkbox label.field-label{ display:block; float:left; width:110px; margin-right:5px}
#pageForm .input input, input.fakefile{ font-size:12px; font-family:inherit; color:#3a211d; padding:3px 5px; height:20px; border:none; background:url(../graphics/contact-field-bg.png) no-repeat; width:345px}
#pageForm .input span{ padding-left:115px; font-style:italic}
#pageForm .input-desc span{ padding:0}
#pageForm .textarea textarea{ font-size:12px; font-family:inherit; color:#3a211d; padding:3px 5px; height:160px; border:none; background:url(../graphics/contact-textarea-bg.jpg) no-repeat; width:345px; overflow:auto}
.entry-text textarea{ float:right}

.form-errors{ font-weight:bold; margin-bottom:10px}

#captcha-img{ float:left; background:#fff; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 5px 115px}
.input-desc{ font-size:11px; font-style:italic; margin:2px 0 0 115px}
label.req{ background:url(../graphics/req-icon.png) no-repeat left top; margin-left:-10px; padding-left:10px}

.buttons{ text-align:center}

input.fakefile{ background:url(../graphics/fakefile-field-bg.png) no-repeat; width:235px}
*html .blog-form input.fakefile{ width:225px}

#pageForm .textarea textarea.testimonial-text{ width:100%; height:250px}

.hide-booking .quick-search div{ display:none}
.hide-booking .quick-search #noBooking{ display:block; padding:40px 10px; font-size:12px; }

#MainContent_lblError{ display:block; border:1px solid #EB8221; background:rgba(255,255,255,.5); color:#c00; font-weight:bold; font-size:12px; padding:10px}
#MainContent_lblError.hidden{ display:none}
.custom-validator{ position:absolute; top:-5px; left:0}
/* DATA TABLES
---------------------------------------------------------------------- */
.table-list { border-collapse:collapse; overflow:hidden; background:#ffb77a url(../graphics/table-bg.jpg) left center; margin:0 0 20px; -moz-border-radius:10px; /* FF1+ */ -webkit-border-radius:10px; /* Saf3-4 */ border-radius:10px; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); width:100%; color:#333 }

.table-list th, .table-list td {padding:10px; width:50%; vertical-align:top}
.table-list thead th { text-shadow: 0px 1px 1px  rgba(0, 0, 0, 0.3); background:#6d3301 url(../graphics/th-bg.png) repeat-x bottom; color:#fff; font-size:15px; font-weight:bold}
.table-list tbody th { font-weight:bold}
.table-list td, .table-list tbody th {border-top:1px solid #ffc797; border-right:1px solid #ffc797;}
.table-list tr.odd td, .table-list tbody tr.odd th {background:url(../graphics/odd-td-bg.png)}

.table-list td.first, th.first {text-align:left}
.table-list td.last {border-right:none;}
 
.table-list thead th { -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; /* Saf3-4 */ -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; /* Saf3-4 */ border-radius-top-left:10px;}
.table-list tr:last-child td.first, .table-list tbody tr:last-child th{ -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; /* Saf3-4 */}
.table-list tr:last-child td.last { -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; /* Saf3-4 */}

.table-list tr:hover td, .table-list tbody tr:hover th{ background:rgba(255, 255, 255, 0.35); cursor:default}

.table-list td.new-reloc{ line-height:35px}

.branch-details tbody th { width:20%}

/* Reloc List */
.deals-list th, .deals-list td { width:auto}
.deals-list thead th { -moz-border-radius:0px; -webkit-border-radius:0px; /* Saf3-4 */ }
.deals-list thead th.first { -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; }
.deals-list thead th.last { -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; }
.deals-list td{ vertical-align:top; padding:5px}
.reloc-vehicle, .deals-vehicle{ width:120px; font-weight:bold; color:#3a211d; font-size:14px}
.reloc-vehicle img, .deals-vehicle img{ width:120px; margin-top:10px; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; background:#fff}
.deals-list td.deals-location{ background:rgba(255, 255, 255, 0.40); color:#3D221C}
.deals-list tr:hover td.deals-vehicle{ background:none;}

.reloc-filter{ float:right}

/* TESTIMONIALS
---------------------------------------------------------------------- */
/* form elements */
.image-fields{ display:none; padding-bottom:10px; margin-bottom:10px}
.image-title{ font-weight:bold; font-size:14px; padding-bottom:10px}

.imageBlock{ position:relative; margin-bottom:10px; float:left; margin-left:2px}
.first-image{ margin:0}
.ImageDelete{ position:absolute; top:0; right:5px; display:none}

#imageDisplay{ margin-bottom:10px}

.form-section{ margin-bottom:15px; border-bottom:1px dashed #eb8221}
#CustomerInfo{ border:none}

.section-header{ cursor:pointer}
.section-header span{ font-size:12px}

h2.step-header{ font-size:18px; margin-top:15px; height:60px; line-height:60px}
.step-header em{ font-family:SerifGothic; color:#3a211d; text-shadow:0px 1px 1px rgba(255,228,205,0.5); font-size:60px; padding-right:5px; font-style:normal}

#CustomerInfo .form-fields{ display:block}

.active-form{ position:relative; z-index:6000; }

.testimonial-form .disabled{ width:auto; height:auto}

.testimonial-form .checkbox{ height:34px; padding:0}

.image-name, .field-state{ display:none}

.helptip{ position:relative; float:right; margin:3px 10px 0 0; display:block}
#helptip{ position:absolute; top:16px; left:0px; background:#E2E2E2; font-weight:normal; line-height:14px; color:#333; border:1px solid #000; border-width:1px 1px 1px 2px; padding:10px; width:200px; z-index:10000}

.file-button{ width:110px; height:26px; float:right; overflow:hidden; position:relative; background:url(../graphics/testimonials/img-select.png) no-repeat}
.file-button span{ display:none}
#TestimonialVideos .file-button{ background-image:url(../graphics/testimonials/video-select.png)}
.file-button input{ position:relative; font-size:24px; width:200px; display:inline; margin-left:-275px; -moz-opacity:0;	opacity: 0;}
#ie-style .file-button input{ margin-left:-50px; filter:alpha(opacity: 0)}

#inlineProgressBarDiv{ height:50px}
#progressBarWrapper{ position:fixed; top:50%; left:50%; z-index:6000; display:none}
#progressBarInner{ position:relative; top:-50%; left:-50%; width:350px; border:3px solid #F5822A; padding:15px; border-radius:10px; -moz-border-radius:10px; background:#fff; z-index:100}

#progress-close{ position:absolute; top:-10px; right:-10px; display:block}

.upload-images{ display:block; float:right; margin-left:10px; border:none; background:url(../graphics/testimonials/img-upload.png) no-repeat; width:120px; height:26px; font-size:0px; test-indent:-5000px}

#inlineProgressBar{ width:100%}

.agree-terms{ margin-bottom:15px}
.not-agreed{ color:#c00}

.progressWrapper { width: 357px; overflow: hidden;}
.progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden;}

.progressName { font-size: 8pt; font-weight: bold; color: #555555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden;}
.progressBarInProgress,
.progressBarComplete,
.progressBarError { font-size: 0px; width: 0%; height: 2px; background-color: blue; margin-top: 2px;}
.progressBarComplete { width: 100%; background-color: green; visibility: hidden;}
.progressBarError { width: 100%; background-color: red; visibility: hidden;}
.progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Verdana; text-align: left; white-space: nowrap;}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover{ font-size: 0px; display: block; height: 16px; width: 16px; background-image: url(../graphics/testimonials/cross.png); background-repeat: no-repeat; float: right;}

/* testimonial list */
#testimonial-list, #testimonial-list li{ list-style:none; margin:0; padding:0}
#testimonial-list li.testimonial-item{ padding:17px 0 40px 10px; margin:15px 90px 0 0; position:relative; border-bottom:1px solid #eb8221}

#testimonial-list .entry-name{ position:absolute; top:0px; right:-151px; width:150px; background:url(../graphics/testimonial-name-bg.png) no-repeat left top; padding-top:22px}
#testimonial-list .entry-name .inner{ background:url(../graphics/testimonial-name-bg.png) no-repeat right bottom; padding:0px 5px 22px}

#testimonial-list .entry-name span{ display:block; font-size:16px; font-weight:bold; margin-bottom:5px}
#testimonial-list .submission-date{ font-size:10px; font-style:italic; margin-top:5px}

#testimonial-list h4{ font-size:14px}
#testimonial-list h5{ font-size:12px}

#testimonial-filter{ float:right; /*margin-top:-55px;*/ margin-top:-15px; background:url(../graphics/filter-bg.png) no-repeat right; width:335px; height:50px; line-height:12px; color:#3a211d}
#testimonial-filter .inner{ padding:0; margin:23px 0 0 10px}
#testimonial-filter input{ position:relative; bottom:-2px; margin-bottom:5px}

.testimonial-description, .testimonial-description p{ line-height:20px}

.testimonial-images{ text-align:center; padding-top:10px}
.testimonial-images a img{  padding:2px; border:1px solid #eb8221; margin:0 15px 10px}
.testimonial-images a:hover img{  border-color:#EFAB00}

.testimonial-video{ margin-top:10px; background:rgba(204, 100, 21, 0.6); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px}

/* pagination */
#pagination{ float:left; width:100%; overflow:hidden; margin-top:15px}
#pagination ul, #pagination li{ list-style:none; margin:0; padding:0}
#pagination ul{ float:left; position:relative; left:50%}
#pagination li{ float:left; position:relative; right:50%; margin:0 3px}

#pagination a, #pagination li span{ display:block; line-height:20px; padding:0 5px; float:left; border:1px solid #eb8221}
#pagination li span{ border-color:#3a211d}
#pagination a.hidden{ display:none}

/* Ultimate competition */

#comp-submitted{ font-weight:bold; background:url(../graphics/comp-submitted-bg.png) no-repeat center bottom; padding-bottom:30px}
#comp-submitted em{ font-weight:normal}

#comp-social{ font-style:italic; font-size:12px; border-radius:10px; -moz-border-radius:10px; background:rgba(255,255,255,0.5); padding:5px; line-height:20px; color:#333; margin-bottom:20px}
#comp-like-btn{ float:right; text-align:right}
.comp-story-text{ line-height:20px; margin-bottom:10px}

#MainContent_compStory, #MainContent_compImages, #MainContent_compVideo{ border-bottom:1px solid #EB8221; padding-bottom:10px; margin-bottom:10px}

#MainContent_compImages p{ text-align:left}
#MainContent_compImages a img{ margin:0 5px 10px}

#MainContent_compVideo h3{ padding-top:5px}
#MainContent_compVideo .read-more{ text-align:left}

#content-wrapper ul#entries-list, #content-wrapper ul#entries-list li{ list-style:none; margin:0; padding:0}
#content-wrapper ul#entries-list li{ border-bottom:1px solid #EB8221}

#entries-list .entry-inner{ margin:15px 0; padding:5px; cursor:pointer}
#entries-list .entry-hover{ background:rgba(255,255,255,0.1)}

#entries-list .img-thumb{ float:left; padding:2px; border:1px solid #EB8221; margin-right:10px}
#entries-list .img-thumb div{ width:60px; max-height:44px; overflow:hidden}

#entries-list .entry-details{ line-height:32px}
#entries-list .hasImg{ margin-left:76px}
#entries-list .entry-name{ font-size:18px; font-weight:bold; text-transform:capitalize}
#entries-list .entry-name a:visited{ color:#e6b08c}

#entries-list .entry-location{ font-style:italic; text-transform:capitalize}

#entries-list .entry-meta{ margin-top: 3px; float:left; clear:left; font-size:11px; line-height:16px; height:16px}
#entries-list .entry-meta span{ display:block; float:left; margin-right:10px}

#entries-list .entry-hasimg{ background:url(../graphics/images.png) no-repeat left; padding-left:20px}
#entries-list .entry-hasvideo{ background:url(../graphics/film.png) no-repeat left; padding-left:20px}

#entries-list .entry-title{ font-weight:bold; margin-bottom:5px}

#entries-list .view-more{ line-height:16px; background-position: right -86px}

#ultimate-side-banner{ margin-right:-10px}

#entries-filter{ border-radius:10px; -moz-border-radius:10px; background:#CC6415; border:1px solid #EB8221; padding:5px 10px; line-height:20px; color:#fff; font-size:11px}
#entries-filter .inner{ padding:0}

#entries-filter strong{ padding-right:6px}
#entries-filter em{ display:block; float:right}
#entries-filter input{ position:relative; bottom:-2px}
    
/* pagination */
#MainContent_pagination{ float:left; width:100%; overflow:hidden; margin-top:15px; padding-bottom:20px}
#MainContent_pagination ul, #MainContent_pagination li{ list-style:none; margin:0; padding:0}
#MainContent_pagination ul{ float:left; position:relative; left:50%}
#MainContent_pagination li{ float:left; position:relative; right:50%; margin:0 3px}

#MainContent_pagination a, #MainContent_pagination li span{ display:block; line-height:20px; padding:0 5px; float:left; border:1px solid #006C96}
#MainContent_pagination li span{ border-color:#3a211d}
#MainContent_pagination a.hidden{ display:none}
