@import "reset.css";

body{ background:url(../graphics/bg.png); font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#333; text-align:center}

.container{ width:990px; margin:0 auto; text-align:left; position:relative}

#wrapper{ background:url(../graphics/top-rear-clouds.png) no-repeat top center}

#header{ height:140px}

#logo{ position:absolute; left:40px; top:5px}
#header-birds{ position:absolute; right:150px; top:70px}
#contact-btn{ position:absolute; right:35px; top:142px; text-indent:-5000px; display:block; width:112px; height:32px; background:url(../graphics/contact-btn.png) no-repeat top left}
#contact-btn:hover{ background-position:left bottom}

#content-container{ background:url(../graphics/top-front-clouds.png) repeat-x top center; padding-top:65px}
.content-container-inner{ background:#fff}

#content{ width:720px; float:left}

#side-col{ width:260px; float:right}
.side-module{ margin:0 10px 10px; background:#3FC79D url(../graphics/side-module-top.png) no-repeat top left}
.purple{ background-color:#B1A5F9; background-position:right top}
.side-module .inner{ margin:0 -10px; background:url(../graphics/side-module-mask.png) no-repeat bottom; padding:10px 20px 40px}
/*.orange-module{ background:#ffa423}*/

#contact-container{ display:none}
.contact-container-inner{ margin:60px auto 20px; width:990px; background:url(../graphics/contact-container-bg.png) repeat-y;}
.contact-container-inner .inner{ background:url(../graphics/contact-container-top.png) no-repeat top}
#contact-container img{ display:block}

#footer-wrapper{ background:url(../graphics/bottom-front-clouds.png) repeat-x top center; padding:55px 0 20px; color:#fff; font-size:11px}
#footer-wrapper a{ color:#fff; font-weight:normal}
#footer-contact-info{ float:left; width:650px}
#footer-info{ float:right; width:320px}

.section-container{ background:url(../graphics/section-bg.png) no-repeat bottom; width:740px; position:relative; left:-10px; margin-top:20px}
.left-section, .section{ float:left; width:350px; margin:0 10px}
.bottom-section .inner{ padding:10px 10px 45px}

.top-section, .left-top-section{ background:url(../graphics/top-section-bg.png) no-repeat bottom right; height:280px}
.top-section .inner, .left-top-section .inner{ background:url(../graphics/top-section-top.png) no-repeat top; padding-bottom:40px}
.left-top-section{ background-position:left bottom}

.news-list{ height:250px; overflow:auto; background:#d5cffa}
.news-item{ padding:10px; border-bottom:1px dotted #fff}
.news-date{ font-size:11px; margin-bottom:5px}
.news-title{ margin-bottom:5px}

#ie-wrapper .section-container{ width:720px; left:0}
#ie-wrapper .left-section, #ie-wrapper .section{ float:left; width:330px; margin:0 10px}

.plain-news{ background:#e6e6e6}
.left-half:hover .plain-news{ background:#C1B7FA}

#contact-form{ margin-right:340px}
#content #contact-form{ margin:0}
#contact-info{ float:right; width:330px}

.facebook{ border:1px dotted #fff; border-width:1px 0; padding:10px 0; margin-bottom:10px}
.facebook p{ margin:0}

.location-details{ width:250px}

.highlight-wrapper{ margin:10px 0}
.highlight-inner{ padding:10px}
.highlight{ width:350px; float:left}
.right-highlight .inner{ border-left:1px dotted #373291}
.highlight-bottom{ margin-top:-32px}

/* menu styles */
#main-nav{ height:35px; border-bottom:1px dotted #9C8EED; margin-bottom:20px; position:relative; z-index:1000}
#main-nav ul{ margin:0 0 0 95px; padding:0; list-style:none}
#main-nav li{ float:left; margin-right:5px; position:relative}

#main-nav a{ display:block; text-indent:-5000px; line-height:30px; background:url(../graphics/menu3.png) no-repeat}

#main-nav li ul{ position: absolute; width: 150px; left: 0px; top:30px; display:none; z-index:100000; background:#373291; padding:5px 0; margin:0}
#main-nav li ul li{ width:auto; float:none; margin:0 5px}
#main-nav li ul li a{ text-align:left; line-height:16px; padding:3px 10px; z-index:50; background:none; border-bottom:1px dotted #fff; color:#fff; text-indent:0; text-decoration:none; font-size:12px; font-weight:normal; position:relative}
#main-nav li ul li a:hover{ background:#fff; color:#333}

.noscript #main-nav li:hover ul ul, .noscript #subnav li:hover ul ul{ display:none;}
.noscript #main-nav li:hover ul, .noscript #main-nav ul li:hover ul { display:block;}


#main-nav a.home{ width: 74px; background-position:left top}
#main-nav a.home:hover{ background-position:left -30px}
#main-nav a.quote{ width: 118px; background-position:left -60px}
#main-nav a.quote:hover{ background-position:left -90px}
#main-nav a.vehicles{ width: 92px; background-position:left -120px}
#main-nav li:hover a.vehicles{ background-position:left -150px}
#main-nav a.locations{ width: 100px; background-position:left -180px}
#main-nav li:hover a.locations{ background-position:left -210px}
#main-nav a.media{ width: 80px; background-position:left -360px}
#main-nav li:hover a.media{ background-position:left -390px}
#main-nav a.travel{ width: 120px; background-position:left -240px}
#main-nav li:hover a.travel{ background-position:left -270px}
#main-nav a.about{ width: 104px; background-position:left -300px}
#main-nav li:hover a.about{ background-position:left -330px}
#main-nav a.faq{ width: 62px; background-position:left -420px}
#main-nav a.faq:hover{ background-position:left -450px}
#main-nav a.conditions{ width: 108px; background-position:left -480px}
#main-nav a.conditions:hover{ background-position:left -510px}

.side-nav{ margin:0; padding:0; list-style:none}
.side-nav li{ margin:0; border-bottom:1px dotted #fff}
.side-nav li a{ display:block; padding:5px; color:#fff}
/* end menu */

/* tab menu */
#tab-nav{ border-bottom:2px solid #27236D; margin-bottom:10px}
#tab-nav ul{ margin:0; padding:0; list-style:none; height:35px}
#tab-nav ul li{ float:left; margin:0 0 0 10px; padding-top:5px}
#tab-nav ul li.selected{ background:#373291; padding:0}

#tab-nav ul li a{ display:block; line-height:30px; padding-left:15px; background:#ccc; color:#333; background:url(../graphics/tab-bg.png) no-repeat 0 -100px}
#tab-nav ul li a span{ display:block; font-weight:bold; padding-right:15px; background:url(../graphics/tab-bg.png) no-repeat right -70px}
#tab-nav ul li.selected a{ color:#fff; line-height:35px; background-position:left -35px}
#tab-nav ul li.selected a span{ background-position:right top}
/* end tabs */

/* content styles */
.clear{ clear:both}
.left-clear{ clear:left}
.inner{ padding:10px}
.left{ float:left}
.right{ float:right}
img.left{ margin-right:10px}
img.right{ margin-left:10px}
.right-align{ text-align:right}
.centered{ text-align:center}
.hidden{ display:none}

h1, h2, h3, h4{ margin-bottom:10px; font-weight:bold}
h1{ font-size:24px; margin-bottom:15px; line-height:1em; padding-left:8px; border-left:5px solid #9C8EED}
h2{ font-size:18px; line-height:1em}
h3{ font-size:16px; color:#373291}
h4{ font-size:14px}

#side-col h3{ font-size:18px; color:#333}
#contact-container h3{ font-size:18px; font-weight:bold; letter-spacing:-1px; line-height:1em; padding-bottom:10px; border-bottom:1px dotted #fff; margin-bottom:10px}
#footer-contact-info h4{ font-size:18px; font-weight:bold; letter-spacing:-1px; line-height:1em; padding-bottom:10px; border-bottom:1px dotted #fff; margin-bottom:10px}

.tagline{ font-weight:bold; font-size:12px; margin-bottom:10px; color:#830920}

p{ line-height:20px; margin-bottom:10px}
strong{ font-weight:bold}
em{ font-style:italic}

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

ul{ list-style:disc; margin:10px 0; padding:0 0 0 40px}
li{ margin-bottom:5px; line-height:18px}

hr{ border:1px dotted #9C8EED; border-width:0 0 1px 0; padding:10px 0 0; margin:0 0 10px; clear:left}

.grey{ color:#666}

.txt-sml{ font-size:10px}

.half-wrapper{ margin-bottom:20px}
.left-half, .half{ width:50%; float:left}
.left-half .inner{ padding:0; margin-right:10px}
.half .inner{ padding:0; margin-left:10px}
.bordered .left-half, .bordered .half{ background:url(../graphics/half-wrapper-bg.png) no-repeat bottom left}
.bordered .half{ background-position:10px bottom}
.bordered .inner{ padding:10px; background:url(../graphics/half-wrapper-bg.png) no-repeat; background-position:-720px top}

.bordered .left-half:hover{ background-position:-1080px bottom}
.bordered .half:hover{ background-position:right bottom}

.bordered .left-half:hover .inner, .bordered .half:hover .inner{ background-position:-720px -990px}

.sub-text{ color:#830920; font-size:12px; font-weight:bold}

.read-more{ text-align:right}
.read-more a{ background:url(../graphics/arrow.png) no-repeat right; padding-right:12px}
.section-container .read-more a, .side-module .read-more a{ background:url(../graphics/arrow2.png) no-repeat right}

.LineDotsTop{ border-top:1px dotted #fff}

.info-box{ background:url(../graphics/info.png) no-repeat left; padding-left:65px}

.destination-title{ font-size:14px}

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

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

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

.hotdeals-title{ font-weight:bold; font-size:16px; color:#373291}

/* end content */

/* form styles */
#contact-form .form-element{ padding:2px 0; margin-bottom:3px}
#contact-form .form-element label{ display:block; width:120px; float:left; line-height:22px; text-indent:5px}
#contact-form .active, #promo-form .active{ background:#ffe7ac}
.req{ color:#c00}

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

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

.button{ text-align:center}

.quick-search .form-element{ margin:0 0 5px}
.quick-search .form-element label{ display:inline; float:none; line-height:14px}
.quick-search .select label{ display:block; margin-bottom:2px}
.quick-search .select select{ width:100%; margin-bottom:3px; font-size:11px}
.quick-search .select select#StartTime, .quick-search .select select#EndTime{ width:95px; margin-left:3px}
.quick-search .input input{ border:1px solid #ccc; font-size:11px}
.quick-search .left{ margin-right:10px}

#adults-element, #children-element{ width:50%; float:left}
#adults-element select{ width:95%}
#promotion-element{ clear:both}
#promotion-element input{ width:100%}

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

#ctl00_bookingForm h3{ display:none}

#contact-form .input input, #contact-form .textarea textarea, #promo-form .input input, #promo-form .textarea textarea{ border-bottom: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #999; border-left: 1px solid #999; width:500px; padding:3px 0}
#contact-form .active input, #contact-form .active textarea{ border-color:#8475DF}
#contact-form .double input{ width:200px; float:left}

#promo-form{ border:1px solid #efab00; border-width:2px 1px 1px; padding:10px; margin:10px 0}
#promo-form legend{ font-size:14px; font-weight:bold; padding:0 10px; margin-left:20px}

#promo-form .form-element{ padding:2px 0; margin-bottom:5px}
#promo-form .form-element label{ display:block; width:130px; float:left; line-height:22px; text-indent:5px}
#promo-form .radio span label{ display:inline; float:none; width:auto}

#promo-form .input input, #promo-form .textarea textarea{ width:550px}

#promo-form #photoUrl input{ width:350px}

#promo-form #blogText textarea{ height:400px}
#promo-form .textarea textarea{ height:50px; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:16px}

#promo-form .captcha input{ width:100px; float:left}

#promo-form .input-desc{ padding-left:130px}

.photo-inputs{ margin-left:130px}
.photo-input{ margin-bottom:3px}
.photo-input a{ font-style:italic}
/* end forms */

/* table styles */
.table-list{border-collapse:collapse; width:100%; margin:5px 0 15px; border:1px dotted #efab00}
.table-list td{ color:#333; background:#fff; padding:5px; font-size:11px; line-height:13px}
.table-list .odd td{ background:#ffe7ac}

.table-list th{ background:#F5BC2D url(../graphics/th-bg.png) no-repeat top left; font-size:13px; color:#333; border:1px solid #efab00; padding:5px; font-weight:bold; text-align:left}

.table-list tr:hover td{ background:#ffe091; cursor:default}

.table-list td.new-reloc{ line-height:35px}

.link-list{ border-collapse:collapse}
.link-list th{ width:180px}
.link-list th, .link-list td{ border-bottom:1px dashed #ccc; vertical-align:top; padding:5px 0}
/* end tables */

/* gallery styles */
.gallery a{ display:block; float:left; margin:0 10px 10px}

.video{ padding:10px; border-bottom:1px dotted #ADA1F7}
/* end gallery */

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

/* slider gallery */
.slider-wrapper{ background:url(../graphics/bg.png)}
.slider-inner{ padding:35px; background:url(../graphics/highlight-bg.png) no-repeat top}

.slider-thumb-wrapper{ width:650px; overflow:hidden}
.slider-thumb-inner{ width:5000px}

.slider-nav-prev, .slider-nav-next{ display:none; color:#fff}
.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; background:#fff; border:1px solid #B1A5F9; margin:12px}
.slider-thumb:hover{ border-color:#EFAB00}
.slider-thumb img{ width:100px; height:100px}

.slider-bottom{ margin-top:-32px;}
/* end slider */

.flag{ float:left}
.flag img{padding:8px 10px 8px 10px;}
.flag img:hover {background:url(/graphics/flag-background.png)}

#main-nav .flag a {
text-indent:0px; background:none;}

/* promo category prize table ***************************************/
#promo-cat{ width:740px; margin-left:-10px; background:url(../graphics/promo-cat-bg.png) repeat-y right}
#promo-cat-inner{ background:url(../graphics/promo-cat-bg.png) no-repeat left bottom}

#left-cat, #middle-cat, #right-cat{ width:240px; float:left; padding-bottom:35px}
#middle-cat{ width:260px; margin:0}

#left-cat .inner{ padding-left:20px}
#right-cat .inner{ padding-right:20px}

#promo-cat h3{ background:url(../graphics/promo-cat-headers.png) no-repeat; padding-top:30px; line-height:40px; text-align:center}

#promo-cat #left-cat h3{ background-position:left top}
#promo-cat #middle-cat h3{ background-position:-240px top; padding-top:10px}
#promo-cat #right-cat h3{ background-position:right top}

#promo-cat p{ margin-bottom:20px}
#promo-cat a{ display:block; margin:0 45px}
#promo-cat #middle-cat a{ margin:0 60px; position:relative; bottom:-10px}

.deal-conditions{ background:#dedede; padding:5px; margin-top:5px}

.promo-entry{ width:350px; float:left; margin:5px}
.promo-entry .inner{ border:1px dashed #ccc}
.entry-name{ font-size:14px; font-weight:bold; color:#373291; margin-bottom:10px}

.home-highlight{ background:url(../graphics/home-highlight-bg.png) no-repeat right top; padding-top:10px; margin:10px 0}
.home-highlight .inner{ background:url(../graphics/home-highlight-bg.png) no-repeat left bottom; padding-top:0}

.useful-link{ border-top:1px dotted #fff; text-align:right; padding-top:10px}