/*styles.css
created 19/06/08
CL*/

#header {width: 990px; height: 156px; background: url(../images/header_bg.jpg) 0 0 no-repeat;}

#outer {float: left; margin-bottom: 20px;}
.outerwrap {width: 600px; float: left;}

.centrecontainer {margin: 0 auto; width: 990px;}
.outercontainer {background: #fff url(../images/bottom.gif)  bottom center no-repeat; float: left; padding-bottom: 74px;}
#container {height: 100%; background: #fff url(../images/container_bg.gif) top right repeat-y; float: left; width: 988px;}

#left {display: none;}

#centrecontent {padding: 10px 40px 0 80px; width: 450px; float: left; font-size: 1.2em;}
#centrecontent a {color: #55A4CD; text-decoration: none;}
#centrecontent a:hover {color: #8EC7E4}
#centrecontent table {padding: 15px 0;}

#centrecontent #content ul {padding-left: 20px; color: #55A4CD;}
#centrecontent #content ul li b { color: #55A4CD; }

#centrecontent #content h1 {color: #FF0000; font-size: 2em; font-weight: normal; margin:21px 0pt;}
#centrecontent #content h2 {color: #FF0000; font-size: 2em; font-weight: normal; margin:21px 0pt;}
#centrecontent #content h3 {color: #FF0000; font-size: 2em; font-weight: normal; margin:21px 0pt;}
#centrecontent #content h4 {color: #55A4CD; font-size: 1.2em; font-weight: bold}
#centrecontent #content h5 {color: #55A4CD; font-size: 1em; font-weight: normal}
#centrecontent #content h6 {color: #55A4CD; font-size: 0.6em; font-weight: normal}

/*#centrecontent .destination h2 {background: url(../images/destination_heading_bg.gif) left 0 no-repeat; padding-left: 104px; height: 97px; text-align: center;}
*/#centrecontent #content h2.headingTripDates {margin-left: -50px; color: #fff; height: 60px; background: url(../images/heading_tripdates_bg.gif) 0 0 no-repeat; padding: 35px 0 0 100px;}

#centrecontent #content .faq .questions  {padding: 10px 0;}
#centrecontent #content .faq .questions ul li {list-style-type: none; background: url(../images/arrow.gif) center left no-repeat; padding-left: 15px;}
#centrecontent #content .faq .questions ul li a {color: #0069C0; text-decoration: underline;}
#centrecontent #content .faq .questions ul li a:hover {color: #8EC7E4}
#centrecontent #content .faq .answers .faqquestion .top a {margin-bottom: 15px;clear: left; float: right; background: url(../images/top.gif) left bottom no-repeat; padding-left: 20px; height: 20px;}
#centrecontent #content .faq .answers .faqquestion .top a:hover {background: url(../images/top_hover.gif) left bottom no-repeat;}
#centrecontent #content .faq .answers .faqquestion p.question {color: #0069C0; clear: right;}


.footerNav {width: 100%; height: 100%; float:right;vertical-align:bottom;}
.alignRight {float:right;vertical-align:bottom; margin-right:30px; padding-top: 50px;}
.linkTop, .linkPrevious, .linkHome {vertical-align: bottom; float: left;}
.linkTop a, .linkPrevious a, .linkHome a {margin: 0 15px; text-decoration: none; vertical-align: bottom; float: left; font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #56A5D0;}
.linkTop a {font-size: 16px; height: 20px; background: url(../images/top.gif) center left no-repeat; padding-left: 20px;} 
.linkTop a:hover{background: url(../images/top_hover.gif) center left no-repeat; color: #8EC7E4}
.linkPrevious a {font-size: 16px; height: 17px; background: url(../images/prev.gif) center left no-repeat; padding-left: 20px;}
.linkPrevious a:hover {background: url(../images/prev_hover.gif) center left no-repeat; color: #8EC7E4}
.linkHome a {font-size: 16px; height: 20px; background: url(../images/home.gif) center left no-repeat; padding-left: 30px;}
.linkHome a:hover {background: url(../images/home_hover.gif) center left no-repeat; color: #8EC7E4}

#right{width: 350px; float: right; padding: 60px 05px 0 20px; margin-top: 17px; height: 100%;}
#right a {color: #55A4CD; text-decoration: none;}
#right table a, #right #toolbar-right table p, #right table div.imagecenter { font-size: 14px; }
#right a:hover {text-decoration: underline;}
#right #toolbar-right h2 {display: none;}
#right #toolbar-right p {text-align: center}
#right #toolbar-right i {color: #32A4D1;}

/* Form Styles */

DIV.form P {padding-left:0px; width: 380px}
DIV.form FORM {width:475px; padding:0px 0px 0px 0px;}
DIV.form DIV.formElement {float:left; clear:both; width:525px; padding:3px 0px;}
DIV.form LABEL {float:left; clear:both; width:175px;}
DIV.form FIELDSET {float:left; clear:left; margin:10px 0px 0px 0px; padding:5px 0px 10px 175px; border: none;}
DIV.form FIELDSET LABEL {width:300px; padding:1px 0px;}
DIV.form INPUT {max-width:294px; padding:2px 3px; border:1px solid #7e7e7e; clear: right; background: #F1F1F1;}
DIV.form INPUT.formCheckbox, DIV#centrecontent DIV.form INPUT.formRadio {width:22px; padding:0px; border:none; background: #fff;}
DIV.form INPUT.formSubmit { background: url(../images/btn.gif) 0 0 no-repeat;cursor: pointer; float:right; clear: left; width:auto; margin:-130px 0px 0px 0px; padding: 5px 22px; color:#7e7e7e; border:solid 2px #fff;}
DIV.form TEXTAREA {float:left; height:150px; width:286px; padding:4px 3px; border:1px solid #7e7e7e; background: #F1F1F1}
DIV.form FIELDSET#inquiry_type {border: none;}
DIV.form FIELDSET#inquiry_type legend.mandatory {float: left; clear: left; margin: 0 0 -25px -222px;}
DIV.form FIELDSET LEGEND {float: left; clear: left; margin-left: -175px; width: 175px; color: #7e7e7e;}
DIV.form FIELDSET SELECT {margin-top: -22px; vertical-align: top; color: #7e7e7e;}

DIV.form FIELDSET#subscribe_to_our_newslett {width: 300px; height: auto;}
DIV.form FIELDSET#subscribe_to_our_newslett LABEL, DIV.form FIELDSET#subscribe_to_our_newslett INPUT.formRadio {width: auto; margin: 0; padding: 0; clear: none; float: left; display: inline}
DIV.form FIELDSET#subscribe_to_our_newslett LEGEND {clear: none; display: inline; float: left; width: auto;}