/* -- CSS RESET -- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;	border: 0;outline: 0;font-size: 100%;vertical-align: baseline;	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */

/* -- BEGIN CSS -- */
* { padding: 0; margin: 0; }
body {background: url(../images/backrounds/surface.jpg) no-repeat fixed center top black;font-family: Arial, Helvetica, sans-serif; color: #FFF; min-height:900px; line-height:1.3; font-size:13px;}
img {border:none;}

h1 {font-size:24px; margin: 0 0 5px 0;}
h3 {font-size:16px; margin: 0 0 5px 0;}
.redlink a{ color: #CC3333; text-decoration:underline;}
.redlink a:hover { #CC3333; text-decoration:none;}

p.product_page_rating {font-size: 14px;height: 18px !important;}

.book_now {float:right; margin: 20px 60px 0 0;}
p.top_text { font-size: 15px;line-height: 22px;}
.dotted_line {border-bottom: 3px solid #999999;margin-left: 50px;width: 700px;  }
.details_container {border-bottom: 3px solid #999999; margin-left: 50px; padding: 6px 0; width: 700px;}
.product_trigger{ cursor:pointer;}
.itin_trigger{cursor:pointer;}
.itin_full {}
.product_full {}

.bullets {border: 1px dotted #CCCCCC;float: right;margin: 0 10px 10px;padding: 7px 20px 0 12px;}
.bullets_n {border: 3px solid #999999; float: left;margin: 10px 10px 10px 0; padding: 10px 20px 0 10px;}
p.product_page_rating {font-size: 13.5px;height: 18px !important;font-weight:bold;}
#itinerary_highlights {margin-left: 10px;padding: 0 0 5px 5px;}
#itinerary_highlights li { padding: 0 0px 10px 0px; list-style: disc outside none;}
#itinerary_highlights_n {margin-left: 10px;padding: 0 0 5px 5px;}
#itinerary_highlights_n li { padding: 0 0px 10px 0px; list-style: disc outside none;}

#liveaboard_highlights {margin-left: 0; padding: 0px 0 0 5px;}
#liveaboard_highlights li { background:url(../images/general/tick.png) no-repeat 0 0; padding:0 0 10px 25px;}
#liveaboard_highlights_n {margin-left: 0; padding: 0px 0 0 5px;}
#liveaboard_highlights_n li { background:url(../images/general/tick.png) no-repeat 0 0; padding:0 0 10px 25px;}

.fb_btn{ float:left;}
.addthis_btn { float:left;}


#page_wrapper { margin: 0 auto;width: 850px;position: relative;padding-bottom: 3em;}
.header { width: 850px;float: left; height: 100px; margin: 0 0 3px 0;}
.black80 {background:url(../images/general/black80.png) repeat;}
#phonenumber { width:500px; float:right; clear:right;}
.social_bookmarks { float:right; padding: 4px 5px 0 0; height:23px;}



a { color:#FFF; text-decoration:none;}
a:hover { color:#CC3333; text-decoration:underline;}
a:visted { color:#FFF; text-decoration:none;}
a:active {}
.right { float:right;}
.left { float:left;}
.clear { clear:both;}
.clear_left { clear:left;}
.clear_right { clear:right;}

.readmore_btn { color:#000; background:#FFF; padding: 2px 5px; font-size:11px; font-style:italic; font-weight:bold; border:none; text-transform:uppercase; display:inline-block; margin-top:7px;}
.readmore_btn:hover { color:#000; background:#818181; cursor:pointer; text-decoration:none; }

.content_wrapper {width:850px;clear: both;height: auto;display:inline;float:left;margin:0;}
.main_content_full_width { clear: both; width: 840px; margin: 0 0 3px 0; padding:5px; overflow: auto;}
.boxfade {background:url(../images/general/boxfade3.png) repeat-x scroll top #006699; padding:5px; overflow: auto; border: 1px solid #003366;}
p{ margin:0; padding: 0 0 10px 0;}



/* -- FOOTER -- */
.footer {width: 840px;float: left;padding: 0;margin: 0; padding:5px;}
.footerclear { height:10px; clear:both; position: relative;}

#footer_icons {width: 580px; height:45px;background: url(../images/general/footer_sprite.png); margin:0; padding: 0;position: relative;}
#footer_icons li {margin: 0; padding: 0; list-style: none;position: absolute; top: 0;}
#footer_icons li, #footer_icons a {height: 45px; display: block;}

#atol {left: 0; width: 50px;}
#iata {left: 50px; width: 50px;}
#aito {left: 100px; width: 50px;}
#pa {left: 150px; width: 50px;}
#st {left: 200px; width: 50px;}
#climate {left: 250px; width: 50px;}
#bsac {left: 300px; width: 50px;}
#padi {left: 350px; width: 50px;}

.footer-info {margin: 5px 0 0 10px;padding: 5px;width: 215px; font-size:11px; }
.footer-info a{color: #FFFFFF;}
.footer-info ul{list-style:outside;}



/* -- SPRY VALIDATION CSS -- */
/*select*/
.selectRequiredMsg, .selectInvalidMsg {display: none;}
.selectRequiredState .selectRequiredMsg, .selectInvalidState .selectInvalidMsg {display: inline;color: #CC3333;}
/*checkbox*/
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{	display: none;}
.checkboxRequiredState .checkboxRequiredMsg, .checkboxMinSelectionsState .checkboxMinSelectionsMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {	display: inline;color: #CC3333;}
/*textarea*/
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg {display:none;}
.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg {	display: inline;color: #CC3333;	border: 1px solid #CC3333; }
.textareaValidState textarea, textarea.textareaValidState {	background-color:#B8F5B1;}
textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {	background-color:#FF9F9F;}
.textareaFocusState textarea, textarea.textareaFocusState {	background-color:#FFFFCC;}
.textareaFlashState textarea, textarea.textareaFlashState{color:red !important;}
/*textfield*/
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {	display: none;}
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {display: inline; color: #CC3333; padding-left: 10px; font-size:13px; }
.textfieldValidState input, input.textfieldValidState {	background-color: #B8F5B1; }
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input { background-color: #FF9F9F; }
.textfieldFocusState input, input.textfieldFocusState {	background-color: #FFFFCC; }
.textfieldFlashText input, input.textfieldFlashText { color: red !important; }


/* -- QUOTE FORM CSS -- */
.quote_form form p { margin: 0; }
.quote_form form p.note { margin-left: 170px; font-size: 90%; color: #333; }
.quote_form form fieldset { margin: 10px 0; padding: 10px; border: #818181 1px dotted; }
.quote_form form legend { font-weight: bold; font-size:1.1em; padding:0 15px;  }
.quote_form form fieldset div { padding: 0.25em 0; }
.quote_form label, 
.quote_form span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
.quote_form label.error, 
.quote_form span.error { color: #C00; }
.quote_form label em, 
.quote_form span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
.quote_form input.error { border-color: #C00; background-color: #FEF; }
.quote_form input:focus,
.quote_form input.error:focus, 
.quote_form textarea:focus {	background-color: #FFC; border-color: #FC6; }
.quote_form div.controlset label, 
.quote_form div.controlset input { display: inline; float: none; }
.quote_form div.controlset div { margin-left: 170px; }
.quote_form div.buttonrow { margin: 20px 0 20px 170px; }
.quote_form .select_quote { border:1px solid #CCCCCC;}

.quote_form label.checkbox {display: inline;float: none; margin: 0 0 0 170px;padding: 0;position: relative;text-align: right;}

.input_btn { background:#FFF; padding: 2px 5px; font-size:11px; font-style:italic; font-weight:bold; border:none; text-transform:uppercase; }
.input_btn:hover { background:#818181; cursor:pointer; }

.carousel_img {border:3px solid #818181;}

.nitrox { background: url("../images/general/free_nitrox.png") no-repeat scroll 0 0 transparent;height: 80px; position: absolute; right:62.5%; width: 150px; z-index: 100;}