@import "reset.css";
body{ text-align:center; background:#307FB5 url(../img/bg.png) repeat-x top}

#wrapper{ font-family:Arial; width:990px; margin:0 auto; text-align:left}
#header{ padding:10px 0}

#logo{ float:left; margin-right:10px}
#logo a{ display:block; background:url(../img/logo.png) no-repeat; width:365px; height:90px; text-indent:-5000px}

#phone{ float:left; font-size:18px; font-weight:bold; color:#fff; padding:12px 0 15px}

#main-nav{ float:left; background:url(../img/main-nav.png) no-repeat; line-height:35px; width:615px}

#content-wrapper{ background:url(../img/content-bg.png) repeat-y; position:relative}
#content-inner{ background:url(../img/content-top.png) no-repeat top; padding:0 9px; min-height:480px}
#left-col{ width:250px; float:left}
#left-col h3{ text-transform:uppercase; font-weight:bold; font-size:14px; color:#fff; text-align:center; line-height:30px; background:url(../img/destination-header-bg.png) no-repeat; margin:0}
#left-menu{}

#side-content{}

#content{ margin-left:250px}

.inner{ padding:10px}
.clear{ clear:both}

a{ color:#00539F}
a:hover{ color:#E3351E}

#footer{ background:url(../img/footer-bg.png) no-repeat bottom; line-height:30px; padding: 0 0 10px; text-align:center; color:#fff}
#footer a{ font-weight:bold; color:#fff; padding:0 3px}

.pics{ height:209px; margin-bottom:10px}
.pics img{ display:none}

.package-item{ display:block; margin:5px; border:1px dashed #d11d1d; padding:10px; z-index:1000; /*position:relative*/}
.featured{ background:url(../images/featured-bg.png) no-repeat top; border:none; padding:0;}
.featured-inner{ background:url(../images/featured-bottom.png) no-repeat bottom; padding:10px;}

.package-item h3{ margin:0px; padding:0px; line-height:20px; float:left; font-size:13px; font-family: Arial, Verdana, Helvetica, sans-serif; border:none; font-weight:bold; z-index:1000;}

.package-item h4{ margin:0px; padding:0px; line-height:20px; color:#d11d1d; float:left; margin-left:10px; font-size:12px; font-weight:bold}

.package-item p{ clear:both;}

.package-item img{ float:left; margin:0px 10px 25px 0px; padding:2px; border:1px solid #006699;}

.package-item .bonuses{ border:none; float:none; padding:0px;}

.package-item a{ color:#006699; text-decoration:none;}

.package-item a:hover{ text-decoration:underline;}
#content .featured a:hover{ color:#fff;}

.more_link{ display:block; line-height:35px;}
#content .more_link a{ display:block; float:right; line-height:25px; text-indent:5000px; background:url(../img/more-link.png) no-repeat top; width:65px; height:56px; position:relative; z-index:10; text-indent:-5000px}
#content .more_link a:hover{ background-position:left bottom;}

.bonus-list-icons{ position:absolute; width:450px; left:405px; height:40px; overflow:hidden; text-align:center;}

/* home page panels */
.content-wrapper{ background:url(../img/content-inner-bg.png) repeat-y; padding:38px 10px 0}
.content-inner{  background:#fff; border:1px solid #d3d3d3; padding:10px}

#package-page .content-wrapper{ padding:0 10px}
#home-page .content-inner{ background:url(../img/content-inner-bg.png) repeat-y; border:none; padding:0}

.home-panel{ width:163px; float:left; text-align:center; margin:10px 0 0 10px; background:#fff}


.home-panel .inner{ border:1px solid #d3d3d3; border-top:none}
.home-panel p{ height:75px}
.home-panel a{ text-decoration:underline; color:#d11d1d; /*display:block; height:36px */}
.home-panel a:hover{ color: #21649A; text-decoration:none}

#left-col{ position:relative}
#left_menu{ position:absolute; left:0; top:30px; width:250px; z-index:100; text-align:left; }

/*** enquiry forms **/
.enquiry-form{ display:block; clear:both;}

.enquiry-form fieldset{ border:1px solid #FF9900; display:block; clear:both; margin-bottom:10px}

.enquiry-form table{ width:100%; }

.enquiry-form  legend{ font-size:14px; color:#0099CC;}

.enquiry-form label{ float:left; text-align:left; display:block; width:120px;}

.subscribe label{ float:none; text-align:left; display:inline; width:50px;}

.subscribe div{ display:inline;}

.enquiry-form input[type="text"]{ width:180px;}

.enquiry-form textarea{ width:500px;}

.powermail_mandatory_js{ color:#CC0000;}


#enquiry .form-captcha label{ width: 240px;}
#enquiry .form-captcha input{ float:left; width:300px;}

#shortbreak-catalogue .form-element, #shortbreak-catalogue .form-textarea, #shortbreak-catalogue .tx_powermail_pi1_fieldwrap_html_select{ margin:0 5px}
#shortbreak-catalogue .form-element input, #shortbreak-catalogue textarea, #shortbreak-catalogue select{ border:1px solid #ccc; width:520px; margin-bottom:2px}
.form-submit{ text-align:center}

.form-captcha{ display:block; text-align:center; clear:both; height:100px;}

#brochure-link{ text-align:center; margin-top:26px}
#brochure-link a{ color:#fff; font-weight:bold; text-decoration:underline}
#brochure-link a:hover{ text-decoration:none}

/* bonus icons popups */
.bonus, .save, .night{ display:none; position:absolute; width:200px; background:#fff; border:2px solid #FF9933; padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; z-index:1000}