@import url("buttons.css");


html { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%; }
body { font-size: 13px; margin: 0 0 30px; padding: 0; background: #1E3341 url(../images/Background01.gif) repeat top center; }

/* Globals */
a { color: #3A671D; }
a:Hover { text-decoration: none; }
p { margin: 0px 0px 12px 0px; }
div.hr hr { display: none; }
div.hr { height: 16px; background: url(../images/Heading01.gif) repeat-x top left; margin: 10px 0 10px 0;  clear: both; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #002B47; font-size: 180%; margin: 12px 0px 12px 0px; font-style: italic; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 150%; margin: 12px 0px 0px 0px; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 130%; margin: 12px 0px 0px 0px; }
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 110%; margin: 12px 0px 0px 0px; }
h5 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #547E99; font-size: 100%; margin: 0px 0px 0px 0px; font-weight: normal; }

/* Generic */
input { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; }
select { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; }
.ti { display: block; border: none; } /* Primarily for template images. */
.hero { border-bottom: 3px solid #000; height: 105px; width: 960px; } /* Hero Image underneath header */
.homehero { border-bottom: 3px solid #000; width: 960px; } /* Hero Image underneath header, for homepage */
.impact { color: #0099CC; font-size: 120%; }
.error { font-size: 80%; }
.fl { float: left; }
.clr { clear: both; }

/* Main template - 966px inclusive of border. */
#template { position: relative; width: 960px; margin-left: auto; margin-right: auto; border-right: solid 3px #000; border-left: solid 3px #000; border-bottom: solid 3px #000; overflow: hidden; }

/* The header includes all the way down to breadcrumbs. */
#header { color: #fff; font-size: 14px; }
#header { position: relative; width: 960px; height: 100px; background-color: #002B47; }
#header .logo { position: absolute; border: none; }
#header .tagline { position: absolute; width: 250px; margin-top: 28px; margin-left: 400px; text-align: center; }
#header .seo { position: absolute; color: #FFF; font-size: 12px; width: 250px; margin-top: 6px; margin-left: 680px; text-align: right; }
#header .search { position: absolute; color: #95B9CF; font-size: 12px; width: 250px; margin-top: 68px; margin-left: 690px; }
#header .searchinner { float: left; margin-right: 3px; }
#header .search input { vertical-align: middle; }

/* Navigation */
#nav { font-size: 13px; font-weight: bold; }
#nav { width: 960px; height: 52px; background: #002B47 url(../images/Nav01.jpg) no-repeat top left; border-bottom: 3px solid #000; }
#nav ul { list-style-type: none; margin: 0; padding: 0; padding-left: 20px; }
#nav ul li { float: left; height: 38px; margin-top: 6px; }
#nav ul li a { display: block; color: #ABD3ED; text-decoration: none; line-height: 38px; padding: 0px 14px 0px 9px; background: url(../images/NavBreak.gif) no-repeat top right; }
#nav ul li a:Hover { color: #FF9900; }
#nav ul li a.nobreak { background-image: none; padding-right: 13px; }
#nav ul li a.agent { color: #FF9900; background: url(../images/agent.gif) no-repeat 0px 6px; padding-right: 13px; }
#nav ul li a:Hover.agent { color: #774700; }
#nav ul li a.selected { color: #79CB43; }

/* Sub Navigation */
#subnav { font-size: 13px; }
#subnav { float: left; width: 190px; padding: 0 0 30px 0; background: #113b57 url(../images/SubNav01.jpg) no-repeat bottom left; }
#subnav .subnavinner { width: 140px; border-top: solid 1px #000; margin: 23px 0px 0px 23px; }
#subnav .subnavtitle { color: #ABD3ED; font-size: 150%; margin-left: 23px; margin-top: 23px; }
#subnav ul { list-style-type: none; margin: 0; padding: 0; }
#subnav ul li { display: block; }
#subnav ul li a { display: block; width: 134px; color: #fff; text-decoration: none; border-bottom: solid 1px #000; padding: 4px 3px 4px 3px;}
#subnav ul li li a { width: 121px; padding-left: 16px; background: url(../images/SubnavDash.gif) no-repeat 6px 14px; }
#subnav ul li li li a { padding-left: 29px; background-position: 19px 11px; }
#subnav ul li a:Hover { color: #FF9900; }
#subnav a.selected { color: #79CB43; }

/* Main Body */
#body { width: 960px; background-color: #ABD3ED; overflow: hidden; }
#body .bodyinner { width: 708px; float: left; }
#body .bodypads { padding: 0px 0px 20px 37px; }
#body .bodybg { background: url(../images/Body.jpg) no-repeat 25px 0px; }
#body .heading {  }
#body .content {  }

#bodyhome { width: 960px; background-color: #002B47; overflow: hidden; }
#bodyhome .bodyhomeinner { margin-top: 30px; }
#bodyhome .content { float: left; padding: 0px 54px 0px 54px; }
#bodyhome .content h1 { color: #0099CC; font-size: 110%; font-style: normal; margin: 0; padding: 0; }
#bodyhome .content p { color: #ABD3ED; font-size: 90%; }
#bodyhome .content a { color: #ABD3ED; text-decoration: none; }
#bodyhome .tiles { float: right; width: 300px; margin: 0 0 34px 54px; }
#bodyhome .hometile {  }
#bodyhome .tiles a { float: left; width: 140px; height: 84px; border: solid 1px #000; padding: 0;  margin: 0 0 8px 8px; }
#bodyhome .tiles a:Hover { border: solid 1px #FF9900; }

/* Panel content */
#body .panelon { padding-right: 260px; } /* Modify the padding of our content on the right to allow for our panel content */
#body .panel { float: right; width: 235px; text-align: left; }

/* Tour templates */
#body .touritem { width: 708px; overflow: hidden; }
#body .touritem .tourdetail { overflow: hidden; }
#body .touritem .tourdetail span { display: block; float: right; margin-top: 12px; font-size: 110%; font-weight: bold; font-style: italic; }
#body .touritem .tourdetail h2 { color: #002B47; font-size: 180%; margin: 12px 0px 0px 0px; font-style: italic;  }
#body .touritem .tourdetail h2 span { color: #fff; font-size: 60%; float: none; display: block; padding: 0; margin: 5px 0 0 0; }
#body .touritem .tourdetail a { text-decoration: none; }
#body .touritem .tourhero { float: left; margin-right: 10px; margin-bottom: 10px; }
#body .tournav { padding-top: 5px; margin-bottom: 5px; }
#body .touranchor { display: block; background: #98C1DB url(../images/anchor.gif) no-repeat center right; margin-bottom: 1px; padding: 3px; color: #000; text-decoration: none; }

#body .tourtellafriend { width: 706px; background-color: #BEDDEF; border: solid 1px #85AEC9; margin: 10px 0 10px 0; overflow: hidden; }
#body .tourtellafriend .tourtellafriend-inner { padding: 0 10px 0 10px; }
#body .tourtellafriend p { float: left; margin: 0; padding: 0; line-height: 30px; }
#body .tourtellafriend input { float: left; margin: 4px 4px 0px 4px; }
#body .tourtellafriend .button { margin-top: 4px; }
#body .tourtellafriend .error { display: block; float: left; margin: 4px 0 0 4px; }

/* std Box & Search */
#body .box { background-color: #BEDDEF; border: solid 1px #85AEC9; margin-bottom: 4px; }
#body .box-inner { padding: 8px 12px 8px 12px; font-size: 12px; }
#body .box input { vertical-align: middle; }
#body .box h3 { margin: 0px 0px 0px 0px; font-size: 13px; color: #006699; line-height: normal; font-weight: bold; }
#body .box .path { line-height: normal; color: #618BA6; font-size: 10px; font-family: Verdana, Arial, Sans-Serif; } /* For search results */
#body .box h1 { background: none; } /* override */

/* Search Paging */
#body .paging a { color: #000; background-color: #BEDDEF; border: solid 1px #85AEC9; padding: 0px 6px 0px 6px; margin-left: 4px; text-decoration: none; }
#body .paging a:Hover { background-color: #BEDDEF; border: solid 1px #4D87AE; }
#body .paging a.selected { background-color: #DDEDF7; border: solid 1px #4D87AE; }

/* Booking Wizard Styling */
#body .Wizard { background-color: #CCE4F2; }
#body .Wizard .wizardnav {}
#body .Wizard .wizardnav p { margin: 5px 10px; }
#body .Wizard .wizardnav ul { width: 708px; height: 24px; background-color: #ABD3ED; list-style-type: none; margin: 0; padding: 0; border-bottom: solid 5px #002B47; }
#body .Wizard .wizardnav ul li { float: left; height: 24px; background-color: #85AEC9; margin-right: 2px; color: #CEE6F4; font-size: 85%; line-height: 24px; padding-left: 5px; padding-right: 5px;}
#body .Wizard .wizardnav ul li span { padding: 0 6px 0 6px; }
#body .Wizard .wizardnav ul li.selected { background-color: #002B47; }

#body .Wizard input { margin-right: 5px; }

/* TOOL TIPS */
.help-tip .help { display: none; position:absolute; top: 0; left: 1.5em; background: #133D59; color:#fff; border: solid 1px #133D59; font-style: oblique; font-weight: normal; overflow: hidden; }
.help-tip {width: 22px; height: 22px; margin-right: .5em; text-align:center; position:relative; background: #133D59; color:#fff; font-weight:bold; float:left; z-index:9999;}
.help-tip:hover .help,
.over .help
{ display: block; width: 450px; z-index:9999; right: -1.5em; }

.selectFree iframe { display: none; }

/*.help-tip:hover .selectFree .help,*/
* html .over .selectFree .help
{
    display: block;
    left: auto;
    right: 22px;
    width: 250px;
    border: solid 1px #000;
}

.room_control .help-tip { margin-left: 10px; margin-right: 10px; }






#body .Wizard .wizardbuttons { background-color: #85AEC9; padding: 12px; text-align: left; }
#body .Wizard .wizardbody { padding: 12px 12px 12px 12px; }
#body .Wizard h2 { font-size: 100%; color: #CEE6F4; background-color: #85AEC9; margin: 0; padding: 0 0 0 12px; }
#body .Wizard h3 { font-size: 100%; color: #CEE6F4; background-color: #002B47; margin: 0; padding: 0 0 0 12px; }
#body .Wizard .booking_control_header table { margin: 0 10px; }
#body .Wizard .booking_control_header table td { vertical-align: top; }
#body .Wizard .cc-list { margin: 0 0 12px 12px;  overflow: hidden;}
#body .Wizard .cc-list img { display: block; float: left; margin-right: 3px; }

#body .Wizard h1 { margin: .5em 10px; }
#body .Wizard h2 { line-height: 2em; }
#body .Wizard table table th { text-align: left; padding-right: 1em; padding-left: 1em}
#body .Wizard table table td { margin: 0; padding: 2px 1em;}
#body .Wizard .booking_control_header table td { padding: 2px;}

.validation { color: #CC0000; width: 230px; float: right; }


.form-box { background: #B3CDE1 url(../Agents/styles/img/admin_form_box_bg.gif) left top repeat-x; padding-bottom: 10px;}
.room_control { width: 340px; margin-left: 10px; margin-bottom: 10px; float: left; background: #B3CDE1 url(../Agents/styles/img/admin_form_box_bg.gif) left top repeat-x; }
#body .room_control h3 { background: none; text-align: center; color: #002B47; font-size: 1.5em; margin: 10px auto;}
.room_control .validation { float: none; width: auto;}
#body .Wizard .wizardnav .room_control p { margin-bottom: 0; }

.room_control .radio-group tr, .room_control .radio-group td { display: inline; } /* make the radio buttons inline */
.room_control p { text-align: center;}
.room_control p input { margin-bottom: 10px; }
.room_control .validation p { text-align: left; }

.person_control .validation { margin: 5px 10px; }
#body .Wizard .person_control .validation p { margin: 0; }

/* Pricing table in booking */
#body .Wizard table.pricing { border-collapse: collapse; background-color: #B3D7EC; }
#body .Wizard table.pricing thead { font-weight: bold; border: solid 1px #85AEC9; }
#body .Wizard table.pricing td { padding: 6px; border: solid 1px #85AEC9; }



#body div.scroll {
	height: 200px;
	width: 666px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;
}



/* DPS Table */
#body .dpstable { border-collapse: collapse; padding: 0; margin: 0 auto; background-color: #fff; }
#body .dpstable thead { font-weight: bold; font-size: 14px; background-color: #EAEAEA; text-align: center; }
#body .dpstable tfoot { text-align: center; }
#body .dpstable td { border: solid 1px #ccc; padding: 6px; }
#body .dpstable .var { font-weight: bold; color: #999999; }

/*#body .Wizard iframe { visibility: hidden; }*/

/* Footer */
#footer { font-family: "Courier New", Courier, monospace; font-size: 11px; color: #5E7F94; padding-bottom: 30px; }
#footer { position: relative; width: 960px; margin-left: auto; margin-right: auto; margin-top: 10px; }
#footer a { color: #5E7F94; }
#footer .copyrights { float: left; width: 420px; text-align: right; }

/* Footer Navigation */
#footer .footernav { float: left; width: 540px; }



/* Nifty Corners CSS */
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}


/* Popup Pages */
#popup-template { position: relative; width: 100%; }
#popup-template .popup-body { margin: 15px 15px 0 15px; padding: 15px; background: #ABD3ED; }
.popup-close 
{
    margin: 0 15px 15px 15px; padding: 5px 15px 5px 15px; 
    background: #85AEC9;
    border-top: solid 2px #000;
    height: 30px;
    text-align: right;
}
.popup-close a { color: #fff; line-height: 30px; margin-right: 15px; }

/* Regional Banner */
#regionalBanner { position: absolute; top: 200px; width: 360px; z-index: 5; background: #0B86AD url(../Images/regionalBanner01.jpg) no-repeat top left; border: solid 3px #000; display: none; }
#regionalBanner .title { font-size: 20px; color: #CCCC00; padding: 18px 20px 12px 72px; line-height: 24px; }
#regionalBanner .content { font-size: 14px; font-weight: bold; padding: 20px; color: #CFE4F3; }
#regionalBanner .footer { background: #0B86AD url(../Images/regionalBanner02.gif) repeat-x top left; line-height: 30px; overflow: hidden; }
#regionalBanner .footer a { color: #CFE4F3; float: right; padding: 0 20px 0 0; }

/* Vula Draft View */
#draftview 
{
    padding: 25px;
    background-color: #E9E9E9; 
    font-size: 1.2em;
    text-align: center;
    border: solid 1px #ccc;
}