/*  :: START :: GENERAL LAYOUT ::  */

body {
	background: #3E5574; /*#3E5574 - AD9E9A*/
	font: 11px/1.2 verdana, arial, helvetica, sans-serif;
	color : #666666;
	width:100%;
	margin : 0;
	padding: 0;
	overflow: visible;
}

#gallery {
	visibility: visible;
}


A:LINK 		{ 
	position:static;
	color: #3E5574; 
	text-decoration : underline;
	cursor : pointer;
}
A:visited	      { 
	position:static;
	color: #3E5574; 
	text-decoration : underline;
	cursor : pointer;
 } 
A:active	      { 
	position:static;
	color: #3E5574; 
	text-decoration : underline;
	cursor : pointer;
}
A:hover		{ 
	position:static;
	color: #0068F4; 
	text-decoration : none;
	cursor : pointer;
}	

A.weatherLink:LINK 		{ 
	color: #fff; 
	text-decoration : underline;
	cursor : pointer;
}
A.weatherLink:visited	      { 
	color: #fff; 
	text-decoration : underline;
	cursor : pointer;
 } 
A.weatherLink:active	      { 
	color: #fff; 
	text-decoration : underline;
	cursor : pointer;
}
A.weatherLink:hover		{ 
	color: #fff; 
	text-decoration : none;
	cursor : pointer;
}	

A.navLink:LINK 		{ 
	color: #000; 
	text-decoration : none;
	cursor : pointer;
}
A.navLink:visited	      { 
	color: #000; 
	text-decoration : none;
	cursor : pointer;
 } 
A.navLink:active	      { 
	color: #000; 
	text-decoration : none;
	cursor : pointer;
}
A.navLink:hover		{ 
	color: #3E5574; 
	text-decoration : none;
	cursor : pointer;
}	

.floatLeft {
	float:left;
}

#appStageCap {	
	background : url('../images/bg_cap.gif') no-repeat;
	height:24px;
	background-color : #5F83A9;
}

#appStage {
	top:20px;
	width: 823px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	min-height : 645px;
	background : url('../images/bg_body.gif') repeat-y;	
	background-color : #5F83A9;
}
* html #appStage{
  	height:auto !important;
  	height:645px;
}
** #appStage{
  	height:auto !important;
  	height:645px;
}


#appStageStripped {
	top:20px;
	width: 823px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height : 658px;
	background : url('../images/bg_body.gif') repeat-y;	
	background-color : #5F83A9;	
}

#contentArea {
	position: relative;
	background : White;
	width: 610px;
	margin-left: 185px;
	margin-top:115px;
	min-height : 440px;
	margin-bottom:10px;	
}
* html #contentArea{
  	height:auto !important;
  	height:440px;
}
** #contentArea{
  	height:auto !important;
  	height:440px;
}



#contentAreaStripped {
	position: relative;
	background : White;
	width: 658px;
	margin-left: auto;
	margin-right:auto;
	margin-top:115px;
	height : 500px;	
}

#pageHeader{
	position: relative;
	height: 20px;
	width: 596px;
	font: 11px/1.1 verdana, arial, helvetica, sans-serif;
	margin-left: 6px;
	margin-top:-4px;
	margin-bottom:0;
	color: #333333;	
	border-bottom: 1px solid gray;
}

.pageHeaderTitle {
	font: bold 13px/1.6 verdana, arial, helvetica, sans-serif;
	color: #3E5574;	
	float:left;
}

.functionText {
	font: bold 9px verdana, arial, helvetica, sans-serif;
	color: #3E5574;
	cursor:pointer;
	float:left;
	margin-top:5px;
	margin-left:6px;
}

#theContent {	
	margin-left:6px;
	margin-right:6px;
	top:21px;
	margin-bottom:3px;
	min-height : 410px;
	background:#ffffff;
}
* html #theContent{
  	height:auto !important;
  	height:410px;
}
** #theContent{
  	height:auto !important;
  	height:410px;
}

#theContentStripped {	
	height: 500px;
	margin-left:4px;
	padding-right:6px;
	top:21px;
	margin-bottom:3px;
	width:650px;

}

#bottomContact {
	position: relative;	
	margin-left: 185px;
	background : #3E5574;	
	width: 610px;
	height:48px;
	z-index:4;
	margin-top:13px;
}
* html #bottomContact{
	margin-top:8px;
}

.bottomContactText {
	font: bold 13px/1.8 verdana, arial, helvetica, sans-serif;
	color: #fff;
	text-align: center;
	width:610px;	
}
* html .bottomContactText {
	font: bold 13px/1.5 verdana, arial, helvetica, sans-serif;
}
** .bottomContactText {
	font: bold 13px/1.5 verdana, arial, helvetica, sans-serif;
}

#linkConsole {
	position: relative;
	z-index:1;
	font: bold 12px/1.3 arial, helvetica, sans-serif;
	margin-left: 2px;
	margin-top:105px;
	background : url('../images/links_bg.png') no-repeat;
	height:350px;
	width: 177px;
	float: left;
}

* html #linkConsole{
	background : url('../images/linksBg.gif') no-repeat;
}


#theLinks {
	position: absolute;
	list-style-type: none;
	margin-top:36px;
	margin-left:28px;
	padding-left:0px;
	list-style-position : outside;
	z-index:100;
}

#appStageBottom {	
	width: 823px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background : url('../images/bg_bottom.gif') no-repeat;
	height:34px;
	background-color : #5F83A9;	
	z-index:1;
	/**/
	margin-bottom: 0;
}
* html #appStageBottom{
	z-index:-1;
}
** #appStageBottom{
	z-index:-1;
}

#copyRight {	
	width: 823px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font: 9px/1.5 verdana, arial, helvetica, sans-serif;
	color:white;
	text-align: center;
	margin-bottom:10px;
}

#theHeaderLogo {
	position:absolute;
	top:0px;
	left:2px;
	width:144px;
	height:144px;
	background : url('../images/scubado_header_logo_new.png') no-repeat;
	z-index:2;
}
* html #theHeaderLogo{
	background-color: #5F83A9;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/scubado_header_logo_new.png", sizingMethod="scale");
}

#headerBg {
	position:absolute;
	top:15px;
	left:82px;
	width:473px;
	height:103px;
	background : url('../images/header_bg.png') no-repeat;
	z-index:1;
}
* html #headerBg{
	background-color: #5F83A9;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/header_bg.png", sizingMethod="scale");
}

#theGalleyRing {
	position:absolute;
	top:5px;
	left:530px;
	width:343px;
	height:129px;
	z-index:2;
	background : url('../images/galleyRing.png') no-repeat;
}
* html #theGalleyRing{
	background-color: #5F83A9;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/galleyRing.png", sizingMethod="scale");
}

#headerImage {
	position:absolute;
	top:20px;
	left:545px;
	width:313px;
	height:95px;
	z-index:1;
}

#goneDiving {
	position:absolute;
	top:-3px;
	left:768px;
	width:121px;
	height:127px;
	background : url('../images/goneDiving.png') no-repeat;
	z-index:3;
}
* html #goneDiving{
	background-color: #5F83A9;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/goneDiving.png", sizingMethod="scale");
}

#topPhones {
	position:absolute;	
	top:110px;
	left:140px;
	width:390px;
	height:23px;
	color: #fff;
	font: bold 13px/1.7 verdana, arial, helvetica, sans-serif;
	text-align:center;
}

#weatherConsole {
	position:absolute;
	top: 1px;
	left:115px;
	width:420px;
	height:23px;
	color: #fff;
	font: bold 11px/1.9 verdana, arial, helvetica, sans-serif;
	text-align: center;
	z-index:4;
}

#turtle {
	position:absolute;
	bottom:-18px;
	left:-11px;
	width:183px;
	height:166px;
	background : url('../images/turtle.png') no-repeat;
	z-index:5;
}
* html #turtle{
	bottom:-19px;
	background-color: #5F83A9;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/turtle.png", sizingMethod="scale");
}

#eagleRay {
	position:absolute;
	bottom:60px;
	left:-20px;;
	width:220px;
	height:156px;
	background : url('../images/eagleRay.png') no-repeat;
	z-index:4;
}
* html #eagleRay{
	background-color: #5F83A9;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/eagleRay.png", sizingMethod="scale");
}

.contactContainer {
	position: absolute;
	background: transparent;
	width:185px;
}

.contactContainer .contactTitle {
	font: bold 12px/1.3 verdana, arial, helvetica, sans-serif;
	color:gray;
	border-bottom:1px solid silver;	
	padding-left:3px;
}

.contactContainer .contactInfo {
	font: bold 14px/1.2 verdana, arial, helvetica, sans-serif;
	color:#3E5574;
	text-align:right;
	border-right:1px solid silver;
	padding-right:3px;
	height: 18px;
}

.question {
	font: bold 11px/1.3 verdana, arial, helvetica, sans-serif;
	color: #5F83A9;
}

.answer {
	font: 11px/1.3 verdana, arial, helvetica, sans-serif;
	padding-left:8px;
}


.weatherText {	
	color: #3E5574;
	font: bold 10px/1.2 verdana, arial, helvetica, sans-serif;
	width: 98px;
	height:13px;
	overflow: hidden;
}

.weatherTemp {
	color: #fff;
	font: 20px verdana, arial, helvetica, sans-serif;	
	margin-left:23px;
	width:57px;
	margin-top:2px;
	text-align: cemter;
}
** .weatherTemp {
	margin-top:2px;
	margin-left:11px;
}

.discoverScuba {
	text-align:center;
	margin-left:5px;
	margin-top:5px;
	width:99px;
	height: 114px;
	background-image: url(../images/discoverScuba.gif);
}

.elearningBadge {
	text-align:center;
	margin-left:5px;
	margin-top:5px;
	width:99px;
	height: 114px;
	background-image: url(../images/eLearningBadge.gif);
}

.happyHolidays {
	text-align:center;
	margin-left:5px;
	margin-top:5px;
	width:99px;
	height: 113px;
	background-image: url(../images/happyHolidays.gif);
}

.webcamBadge {
	text-align:center;
	margin-left:5px;
	margin-top:5px;
	width:99px;
	height: 114px;
	background-image: url(../images/webcam_badge.gif);
}

.padiBadge {
	text-align:center;
	margin-left:5px;
	margin-top:5px;
	width:99px;
	height: 114px;
	background-image: url(../images/padiBadge.gif);
}

.weatherBadge {
	text-align:center;
	margin-left:5px;
	margin-top:5px;
	width:99px;
	height: 114px;
	background-image: url(../images/weatherBadge.gif);
}

.blankBadge {
	text-align:center;
	margin-left:5px;
	margin-top:5px;
	width:99px;
	height: 114px;
	background-image: url(../images/blankBadge.gif);
}


.frontPageList {
	margin-top: 0;
	margin-bottom: 4px;
	margin-left: -18px;
}
** .frontPageList{
	margin-left: 25px;
}

.frontPageListItem {
	margin-bottom: 0px;
	font-size: 12px;
	
}

.adBlockRight {
	float:left;
	width:110px;
	height:118px;
	margin-top:2px;
	margin-left:3px;
	text-align:center;
}
* html .adBlockRight{
	margin-left:0;
	margin-right:0px;
}
** .adBlockRight{
	margin-left:0;
	padding-right:3px;
}

.adBlock {
	float:left;
	border-right:1px solid silver;
	width:110px;
	height:118px;
	margin-top:2px;
	margin-left:8px;
	text-align:center;
	padding-right:0px;
}
* html .adBlock{
	margin-left:-2px;
	margin-right:2px;
}
** .adBlock{
	margin-left:0;
	padding-right:3px;
}

.wIconPosition {
	top:13px;
	left: 20px;
}
** .wIconPosition{
	top:12px;
	left: -2px;
}
* html .wIconPosition{
	top:15px;
	left: 0px;
}

/* ------------------- NEW STUFF ABOVE   -------------------------*/


html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/


#appStageHeight {
	height: 100%;
}



#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
div,p {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */



.frontPageTrips {	
	position:relative;
	height : 272px;
	width:175px;
	text-align: center;
	font: bold 13px/1.5 verdana, arial, helvetica, sans-serif;
	color: #fff;
	background-image : url('../images/businessCardBG.jpg');
}

#serviceListImage {
	position:absolute;
	top: -10px;
	left: 450px;
	width:185px;
	height: 154px;
	background-image: url(../images/serviceList.gif);
}

#contentContainer {
	position: relative;
	width: 800px;
	top:15px;
	margin-bottom:15px;
	clear: both;
	height:100%;	
}

.smallSeperator {
	border-top: 1px solid #BBBBBB;
	width: 100%;
	margin-top:10px;
	margin-bottom: 10px;
}
** .smallSeperator {
	margin-top:10px;
	margin-bottom: 5px;
}



.sideShoots {
	border: 1px solid #BBBBBB;
}

.formSeperator {
	border-top: 1px solid #BBBBBB;
	width: 100%;
}

* html .smallSeperator {
	margin-bottom:0;
}

#contentColumnSmall {
	width: 100px;
	float:left;
	padding: 5px;
	min-height:410px;
	background:#ffffff;
}
* html #contentColumnSmall{
  	height:auto !important;
  	height:410px;
}
** #contentColumnSmall{
  	height:auto !important;
  	height:410px;
}

#contentColumnLarge {
	padding-top:6px;
	width: 480px;
	float:left;
	padding-right:8px;
	text-align: justify;
	min-height:410px;
	
}
* html #contentColumnLarge{
  	height:auto !important;
  	height:410px;
}
** #contentColumnLarge{
  	height:auto !important;
  	height:410px;
	width: 477px;
}

.frontPageBg {
	background-image : url(../images/frontPageBg.jpg);
	background-repeat : no-repeat;
	background-position : top;
}

#shopLargeColumn {
	padding-top:6px;
	width: 380px;
	float:left;
	padding-right:8px;
	text-align: justify;
	min-height:410px;
	background:#ffffff;
}
* html #shopLargeColumn{
  	height:auto !important;
  	height:410px;
}
** #shopLargeColumn{
  	height:auto !important;
  	height:410px;
	width: 378px;
}




#contentColumnLargeNoPrint {
	padding-top:8px;
	width: 460px;
	float:left;
	padding-right:8px;
	text-align: justify;
	height:98%;
}



#contentRightColumn {
	position:relative;
	width: 175px;
	float:left;
	padding-right: 5px;
	padding-top:10px;
	height:100%;
	background: green;
}

.columnDividerLeft {
 	padding-top:4px;
	border-right: 1px solid #3E5574;
}

.columnDividerRight {
	padding-top:4px;
	border-right: 1px solid #3E5574;
}

.sectionHeader{
	font: bold 14px/1.6 verdana, arial, helvetica, sans-serif;
	color: #3E5574;
}



.bottomHeaderBorder {
	border-bottom: 1px solid #3E5574;
	margin-bottom: 8px;
}

.packageDateHeader{
	font: bold 11px/1.6 verdana, arial, helvetica, sans-serif;
}

.smallHeader{
	font: bold 12px/1.6 verdana, arial, helvetica, sans-serif;
	color: #6699CC;
}

.xsmallHeader{
	font: bold 11px/1.6 verdana, arial, helvetica, sans-serif;
	color: #6699CC;
}

.infoText {
	font: 10px/1.6 verdana, arial, helvetica, sans-serif;
}

.priceTable {
	margin-left:30px;
	width:400px;
	margin-bottom:10px;
	margin-top:5px;
	font-weight:bold;
}

.lineSpacer {
	margin-top:5px;
}
table.pTable {
	border: 0px solid #9797c6;
}

table.pTable tr {
	height:20px;	
}

table.pTable td {
	border-bottom: 1px dashed #9797c6;
}

.alignRight {
	text-align:right;
}

* html .spacerBelowTable {
	margin-top:5px;
}
** .spacerBelowTableIE7 {
	margin-top:30px;
}

.history {
	border-bottom: 1px solid #9797c6;
	border-top: 1px solid #9797c6;
	margin-left:10px;
	padding:5px;
	background: #DDDDDD;
}

.priceTableRow div.item {
	float:left;
}

.priceTableRow div.price {
	float:right;
}

.crewContainer {
	border-top: 1px solid  #3E5574;
	border-bottom: 0px solid  #3E5574;
	padding: 10px;
	clear:both;	
	height:200px;
	width:545px;
}

.crewHeadShot {
	float:left;
	width:150px;
	margin-left:37px;
	margin-bottom:20px;
}

** .crewHeadShot {
	float:left;
	width:150px;
	margin-left:30px;
	margin-bottom:20px;
}

.fieldName {
	width:200px;
	float:left;
	text-align:right;
	margin-right: 10px;
	font: 11px/1.8 verdana, arial, helvetica, sans-serif;
}

.fieldData {
	width:350px;
	float:left;
	height:24px;
	
}

.radioText {
	float:left;
	margin-top: 4px;
}

br.clear {
	clear:both;
	
}

input[type=text] {
	background: #ffffff;
	border : 1px solid #3E5574;
	font: 11px/1.2 verdana, arial, helvetica, sans-serif;
	height : 11px;
	text-indent: 5px;
}
** input[type=text] {
	border : 1px solid Silver;
	height : 16px;
	text-indent: 0;
}

input[type=radio] {
	height : 15px;
}

input[type=checkbox] {
	height : 15px;
	border : 1px solid #3E5574;
}

** input[type=checkbox] {
	height : 15px;
	border : 0px solid #3E5574;
}

.required {
	color:red;
}

.notrequired {
	color:#fff;;
}











#content {	
	position: relative;
	width: 780px;
	top: 8px;
}

#headerLeft {
	position:absolute;
	float:left;
	margin-top:28px;
	z-index:1;
}

#headerRight {
	position:absolute;
	float:left;
	margin-top:4px;
	margin-left:364px;
	font: bold 13px/2.0 verdana, arial, helvetica, sans-serif;
	color: #fff;
}

#qContact {
	position:absolute;
	margin-left: 35px;
	top: 71px;
}

#homeContent  {
	background:white; 
	width:484px;
	height:291px;
	float:left;
	margin-bottom: 10px;	
}

#sliceContainer {
	position: absolute;
	width:200px;
	height:226px;
	float:left;
	top:-5px;
	left:440px;	
	
	/*left:395px;
	background-image : url(../images/signpost.gif);
	background-repeat : no-repeat;
	*/
}

.sliceContent {	
	height: 177px;
	width: 285px;
	margin-top: 14px;
	margin-left: 16px;
	/*background : Aqua;*/
}

.slice {
	border: 1px solid #888888;
	height: 87px;
	width: 104px;
	float:left;
	margin-bottom: 2px;
	margin-left: 2px;
}

* html .sliceCorrect {
	margin-left: 1px;
}

#bottomConditions {	
	position:relative;
	height : 27px;
	text-align: center;
	font: 13px/2.0 verdana, arial, helvetica, sans-serif;
	clear: left;
	width:800px;
}

.bold {
	font-weight: bold;
}

#bottomLinks {	
	position: relative;
	border: 1px solid #fff;
	height : 27px;
	text-align: center;
	font: bold 13px/2.0 verdana, arial, helvetica, sans-serif;
	top: 2px;
	color: #fff;
	clear: left;
	width:778px;
}


/*  :: END :: GENERAL LAYOUT ::  */

#moWidget {
	background: #ffffff url(../images/moWidget.jpg) no-repeat;
	width: 275px;
	height: 204px;
	color: #000;
}

#moWidget #date {
	position: relative;
	top: 55px;
	margin-left: 30px;
	font: 12px/1.2 verdana, arial, helvetica, sans-serif;
}

#moWidget #time {
	position: relative;
	top: 57px;
	margin-left: 30px;
	font: 12px/1.2 verdana, arial, helvetica, sans-serif;
}

#moWidget #dir {
	position: relative;
	top: 73px;
	margin-left: 45px;
	font: 12px/1.2 verdana, arial, helvetica, sans-serif;
}
#moWidget #speed {
	position: relative;
	top: 76px;
	margin-left: 60px;
	font: 12px/1.2 verdana, arial, helvetica, sans-serif;
}
#moWidget #gust {
	position: relative;
	top: 79px;
	margin-left: 71px;
	font: 12px/1.2 verdana, arial, helvetica, sans-serif;
}
#moWidget #waterT {
	position: relative;
	top: 82px;
	margin-left: 59px;
	font: 12px/1.2 verdana, arial, helvetica, sans-serif;
}
#moWidget #airT {
	position: relative;
	top: 85px;
	margin-left: 82px;
	font: 12px/1.2 verdana, arial, helvetica, sans-serif;
}

.chartHeader {
	color: #8787C2;
	font: bold 12px/1.2 verdana, arial, helvetica, sans-serif;
	text-align:center;
}

*a{position:relative;}


/* :: START :: POPUP WIN CLASSES ::  */
#popUpOverlay {	
	display:none;
	position : absolute;
	z-index:90;
	top: 0;
	left: 0;
	width : 100%;
	height: 100%;
	background-image: url("../images/disabled.png");
	/*z-index : 999999;*/
}

* html #popUpOverlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url("../images/spacer.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/disabled.png", sizingMethod="scale");
	}

#popUpContainer {
	display:none;
	position : absolute;
	z-index: 1000;
	width: 50%;	
	height: 430px;
	/*background: white;*/
	cursor: pointer;
	background-color: transparent;
	background: #3E5574;
	border:1px solid #ffffff;
	/*background-image: url("../images/popUpBg.png");*/
	
}
/*
* html #popUpContainer{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url("../images/spacer.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/popUpBg.png", sizingMethod="scale");
	}
*/
#popUpContent {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:3px;
	overflow:auto;
	height: 410px;
}

#popUpClose {
	text-align:center;
	margin-top: -12px;
	margin-left: 10px;
	margin-right: 10px;
	border-top:1px solid #bbbbbb;
	padding-top:3px;
	padding-bottom:2px;
}
* html #popUpClose {
	z-index: 1011;
}

#popUpContainer2 {
	display:none;
	position : absolute;
	z-index: 10012;
	width: 50%;	
	height: 430px;
	/*background: white;*/
	background-color: transparent;
	background: #3E5574;
	border:1px solid #ffffff;
	/*background-image: url("../images/popUpBg.png");*/
	
}

#popUpContent2 {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:3px;
	overflow:auto;
	height: 410px;
}

#popUpClose2 {
	text-align:center;
	margin-top: -12px;
	margin-left: 10px;
	margin-right: 10px;
	border-top:1px solid #bbbbbb;
	padding-top:3px;
	padding-bottom:2px;
}
* html #popUpClose2 {
	z-index: 1013;
}
/* :: END :: POPUP WIN CLASSES ::  */


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;color:#333;font-size:11px;font-weight:bold; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
* html #closeButton{ top: -5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url("../images/disabled.png"); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url("../images/spacer.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/disabled.png", sizingMethod="scale");
	}
	
	#elearningFront{
	width: 133px;
	height: 216px;
	background: transparent  url("../images/eLearningFrontpage.gif");
}
	
.accordion {
	border : 1px solid #3E5574;
	/*#3E5574*/
	padding: 0px;
	
}

.bellowControl {			
	font: bold 10px/1.5 verdana, arial, helvetica, sans-serif;
	height:16px;
	border-top : 1px solid #CCCCCC;
	border-bottom : 1px solid #959F9F;
	border-right : 1px solid #CCCCCC;
	text-align: left;
	cursor: pointer;
	text-indent : 6px;
	/*background : url(../images/accordBG.gif);*/
}
.bellowControl2 {			
	font: bold 10px/1.5 verdana, arial, helvetica, sans-serif;
	height:16px;
	border-top : 1px solid #CCCCCC;
	border-bottom : 1px solid #959F9F;
	border-right : 1px solid #CCCCCC;
	text-align: left;
	cursor: pointer;
	text-indent : 6px;
	/*background : url(../images/accordBG.gif);*/
}

.newWeatherContainer {
	background: #ffffff;
	background-image : url(../images/accordBG.jpg);
	background-repeat : no-repeat;
	padding: 5px;
	font: 11px/1.5 verdana, arial, helvetica, sans-serif;
	color: #222222;
	height:259px;
}

.newMoeContainer {
	background: #ffffff;
	background-image : url(../images/accordMoeBG.jpg);
	background-repeat : no-repeat;
	padding: 5px;
	font: 11px/1.5 verdana, arial, helvetica, sans-serif;
	color: #222222;
	height:259px;
}

.weatherButton {
	background: #ffffff;
	background-image : url(../images/weatherButtonBg.gif);
	background-repeat : no-repeat;
	font: bold 14px/1.9 verdana, arial, helvetica, sans-serif;
	color: #222222;
	height:35px;
	width: 192px;
	text-align: center;
	margin-bottom:5px;
	cursor:pointer;
	float:left;
}
.buttonArrow {
	float:right;
	height:35px;
	margin-bottom:5px;
	visibility: hidden
}

.buttonController{
	float:left;
	width:186px;
	margin-top:20px;
	margin-left:40px;
}
* html .buttonController{
	margin-left:20px;
}
** .buttonController{
	margin-left:40px;
}


.bellow {
	background: #ffffff;
	background-image : url(../images/accordBG.jpg);
	background-repeat : no-repeat;
}

.wHeaderBox {			
	font: bold 12px/1.8 verdana, arial, helvetica, sans-serif;
	height:25px;
	color: #ffffff;
	text-align: center;

	/*background : url(../images/accordBG.gif);*/
}

.bellowMoe {
	background: #ffffff;
	background-image : url(../images/accordMoeBG.jpg);
	background-repeat : no-repeat;
}

.bellowContent {
	padding: 5px;
	font: 11px/1.5 verdana, arial, helvetica, sans-serif;
	color: #222222;
}
.bellowContent2 {
	padding: 5px;
	font: 11px/1.5 verdana, arial, helvetica, sans-serif;
	color: #222222;
}

.weatherTextInAccord {	
	color: #333333;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	width: 98px;
	height:13px;
	overflow: hidden;
}

.radarWrap {
	border: 1px solid white;
}

/* Store Front */
.itemTitle {
	font: bold 10px/1.6 verdana, arial, helvetica, sans-serif;
	color: #3E5574;
}

#cancellationResForm {	
	border: 1px solid silver;
	width: 550px;
	padding:5px;
	height : 150px;
	overflow-y: scroll;
}

.crewContainerNew {
	border-top: 1px solid  #3E5574;
	border-bottom: 0px solid  #3E5574;
	padding: 10px;
	clear:both;	
	height:200px;
	width:545px;
}

.crew {
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 1px solid  #3E5574;
	text-align:center;
}

.crewName {
	font: bold 13px verdana, arial, helvetica, sans-serif;
	color: #3E5574;
}

.crewTitle {
	font: 10px/1.6 verdana, arial, helvetica, sans-serif;
}

#crewBioLeft {
	float: left;
	width: 360px;
	margin-left: 9px;
	margin-top: 10px;
	/*background: #6E7F96;*/
	border: 1px solid #bbbbbb;
}
* html #crewBioLeft {
	margin-left: 6px;
	width: 350px;
}

.crewBioPopUp {
	width: 595px;
	height: 385px;
}

#crewBioRight {
	float: left;
	margin-left: 6px;
	margin-top: 10px;
	width: 216px;
	/*background: #6E7F96;*/
}

#crewBioStats {
	margin-top:8px;
}

.crewBioTitle {
	font: bold 24px/1.6 arial, helvetica, sans-serif;
	margin-left:5px;
	width: 345px;
	left: 10px;
	top: 10px;
	border-bottom: 1px solid  #fff;
	color: #fff;
}

* html .crewBioTitle {
	width: 340px;
}

.crewBio {
	margin-left: 5px;
	height: 307px;
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 8px;
	text-align: justify;
	color: #fff;
	
}

#crewBioPic {
	text-align: center;
	width: 150px;
	margin-left: 32px;
	border: 1px solid #bbbbbb;
	padding-top: 5px;
	padding-bottom: 5px;
}

.crewBioPicContainer {
	height:131px;
}

.crewBioStatContainer {
	height: 200px;
	margin-left: 5px;
	margin-right: 5px;
	color: #fff;
	border: 1px solid #bbbbbb;
	padding: 5px;

}

.bioStatHeader {
	font-weight : bold;	
	margin-top:3px;
	color: #fff;
}

.bioStatHeaderStart {
	margin-top:0;
}

.bioStat {
	margin-left: 5px;
}

.packageBlocks {
	text-align:center;
	width:186px;	
	float:left;
	margin-left:9px;
}
* html .packageBlocks{
	margin-left:6px;
}

.packageHeight {
	height:110px;
}
* html .packageHeight {
	height:100px;
}

.packageBottom {
	width: 186px;
	height: 13px;
	background : url('../images/schedule_bottom.gif') no-repeat;
	margin-left:-1px;
}

* html .packageBottom{
	background : #ffffff;
	border-bottom:1px solid #bbbbbb;
	width:185px;
}

.crewBottom {
	width: 150px;
	height: 13px;
	background : url('../images/crew_bottom.gif') no-repeat;
	margin-left:-1px;
}
* html .crewBottom{
	background : #ffffff;
	border-bottom:1px solid #bbbbbb;
	width:149px;
}

.packTop {
	margin-top:20px;
}
* html .packTop{
	margin-top:40px;
}
** .packTop{
	margin-top:40px;
}


.tempWebCam {
	float:left;
	margin-left:40px;
	margin-top:-5px;
}
* html .tempWebCam{
	margin-left:20px;
}
** .tempWebCam{
	margin-left:20px;
}

.camContainer {
	border:1px solid #666666;
	padding:1px;
	width:320px;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	background: #ffffff;	
}

.camBigContainer {
	border:1px solid #666666;
	padding:1px;
	width:640px;
	height:480px;
	margin-left:auto;
	margin-right:auto;
	background: #ffffff;	
}

#camLoaderOverlay {
	position: absolute;
	margin-top:2px;
	margin-left:135px;
	width:320px;
	height:240px;
	z-index:1090;
	/*background-image: url("../images/camloader.gif");*/
	background-image: url("../images/disabled_lte.png");
}

* html #camLoaderOverlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url("../images/spacer.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/disabled_lte.png", sizingMethod="scale");
}

#camLoaderOverlayBig {
	position: absolute;
	margin-top:2px;
	margin-left:5px;
	width:640px;
	height:480px;
	z-index:1090;
	/*background-image: url("../images/camloader.gif");*/
	background-image: url("../images/disabled_lte.png");
}

* html #camLoaderOverlayBig{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url("../images/spacer.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/disabled_lte.png", sizingMethod="scale");
}

.camLoaderImage{
	margin-left:auto;
	margin-right:auto;
	width:100px;
	margin-top:70px;
}

.camLoaderImageBig{
	margin-left:auto;
	margin-right:auto;
	width:100px;
	margin-top:180px;
}

.scheduleCap {
	width: 186px;
	height: 28px;
	background : url('../images/schedule_cap.gif') no-repeat;
}

.scheduleBottom {
	width: 186px;
	height: 13px;
	background : url('../images/schedule_bottom.gif') no-repeat;
}

.scheduleBody {
	padding:2px;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	height:158px;
}

** .scheduleBody {
	height:160px;
}

.scheduleCal {
	font: bold 10px/2.5 verdana,arial, helvetica, sans-serif;
	color:red;
	text-align: center;
	width: 24px;
	height: 24px;
	background : url('../images/calendar_schedule.gif') no-repeat;
	float:left;
	margin-left:22px;
	margin-top:2px;
}

** .scheduleCal {
	margin-left:12px;
}

.scheduleCalText {
	font: bold 12px/2.2 verdana, arial, helvetica, sans-serif;
	height: 24px;
	margin-left:4px;
	margin-top:1px;
	color: #ffffff;
	float:left;
	overflow: hidden;
}

.scheduleColumnLeft {
	background:#5F83A9;
	width:50px;
	height:158px;
	position:absolute;
	
}
.scheduleColumnRight {
	background:#eaeaea;
	margin-left:50px;
	width:130px;
	height:158px;
	position:absolute;
	
}

.scheduleLabel {
	width: 50px;
	text-align: right;
	float:left;
	font-weight: bold;
	
	
	/*background:#5F83A9;*/
}

.scheduleValue {
	padding-left:3px;
	width: 127px;
	float:left;
	font-weight: bold;
	color:#5F83A9;
}

.scheduleRow {
	clear:left;
}

.vSmallSeperator {
	border-top: 1px solid #BBBBBB;
	width: 100%;
	margin-top:2px;
	margin-bottom: 2px;
}
** .vSmallSeperator {
	margin-top:2px;
	margin-bottom: 1px;
}
*html .vSmallSeperator {
	margin-top:2px;
	margin-bottom: -12px;
	height:0;
}

.scheduleRowSeperator {
	clear:left;
	height:5px;
}
** .scheduleRowSeperator {
	height:4px;
}
*html .scheduleRowSeperator {
	height:0;
}


#signUpcomingDives {
	cursor:pointer;
	width:199px;
	height:57px;	
	margin-top:7px;
	margin-left:6px;	
	background : url('../images/sign_upcomingdives.png') no-repeat;
}
* html #signUpcomingDives{
	background-color: #ffffff;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/sign_upcomingdives.png", sizingMethod="scale");
}

#signCurrentSpecials {
	cursor:pointer;
	width:184px;
	height:58px;	
	margin-top:-4px;
	margin-left:1px;	
	background : url('../images/sign_specials.png') no-repeat;
}
* html #signCurrentSpecials{
	background-color: #ffffff;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/sign_specials.png", sizingMethod="scale");
}

#signWebCam {
	cursor:pointer;
	width:194px;
	height:50px;	
	margin-top:0;
	margin-left:-3px;
	background : url('../images/sign_webcams.png') no-repeat;
}
* html #signWebCam{
	background-color: #ffffff;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/sign_webcams.png", sizingMethod="scale");
}

#signFacebook {
	cursor:pointer;
	width:184px;
	height:70px;	
	margin-top:-5px;
	margin-left:8px;
	background : url('../images/sign_facebook.png') no-repeat;
}
* html #signFacebook{
	background-color: #ffffff;
	back\ground-color: transparent;
	background-image: url(../images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/sign_facebook.png", sizingMethod="scale");
}

.scheduleContainer {
	margin-left:0;
}

** .scheduleContainer {
	margin-left:-10px;
}

#scheduleLoader {
	display:block;
	position:absolute;
	z-index:10;
	width:590px;
	height:410px;
}

.loadingCharters {
	width: 235px;
	height: 20px;
	margin-top: 103px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-left: 2px;
	font: bold 11px/1.8 verdana, arial, helvetica, sans-serif;
	background-image : url(../images/loading_1.gif);
	background-repeat : no-repeat;
	background-position : right;
}

.loadingReviews {
	width: 127px;
	height: 20px;
	margin-top: 3px;
	margin-left: -15px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-left: 2px;
	font: 11px/1.8 verdana, arial, helvetica, sans-serif;
	background-image : url(../images/loading_1.gif);
	background-repeat : no-repeat;
	background-position : right;
}

.cssTable {
	margin : 2px;	
}

.cssTableRow {
	height:18px;
	clear: left;
}

.cssTableColumnHeader {
	font-weight:bold;
	border-bottom: 1px solid #3E5574; 
	float:left;
	padding-bottom:2px;
	padding-left:2px;
	text-align:center;
	color:#6699CC;
}

.cssTableColumnData {
	float:left;
	text-align:center;
	padding-bottom:2px;
	padding-left:2px;
	overflow: hidden;
}

.profileLabel, .errorLabel, .charterLabel {	
	width: 120px;
	height: 19px;
	font-weight:bold;
	padding-right: 4px;
	text-align: right;
	background: #ffffff;
	margin: 2px;
	line-height : 1.8;
	float:left;
}
.profileLabel {
	border-bottom: 1px solid #AAAAAA; 
	border-right: 1px solid #AAAAAA;
	color: #555555;
}
.errorLabel {
	border-bottom: 1px solid #DC143C; 
	border-right: 1px solid #DC143C;
	color: #DC143C;
}
.charterLabel {
	border-bottom: 1px solid #AAAAAA; 
	border-right: 1px solid #AAAAAA;
	color: #555555;
	width:80px;
}

.profileValue, .createValue {
	border-bottom: 1px solid #AAAAAA; 
	border-left: 1px solid #AAAAAA; 
	padding-left: 4px;
	padding-right: 4px;
	background: #ffffff;
	font: 11px/1.1 verdana, arial, helvetica, sans-serif;
	margin: 2px; 
	line-height : 1.8;
	height: 19px;
	float:left;
}
.profileValue { width: 152px; }
.createValue { width: 212px; }

.rightText {
	text-align:right;
}

.leftText {
	text-align:left;
}

.boldText {
	font-weight:bold;
}

.dottedBottom {
	border-bottom: 1px dashed #9797c6;
}

.solidBottom {
	border-bottom:1px solid #3E5574;
}

.prColumn1 {
	width:340px;
}
.prColumn2 {
	width:60px;
}

.inColumn1 {
	width:240px;
}
.inColumn2 {
	width:60px;
}
.inColumn3 {
	width:60px;
}
.inColumn4 {
	width:80px;
}


.hotelCap {
	width: 380px;
	height: 30px;
	background : url('../images/hotel_top.gif') no-repeat;
}

.hotelBottom {
	width: 380px;
	height: 25px;
	background : url('../images/hotel_bottom.gif') no-repeat;
}

.hotelBody {
	padding:2px;
	width:374px;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	height:274px;
}

.inlineGalleyHotels {
	margin-top:4px;
	margin-left:8px;
}



.diveSiteCap {
	width: 186px;
	height: 20px;
	background : url('../images/divesite_cap.gif') no-repeat;
}

.diveSiteBottom {
	width: 186px;
	height: 13px;
	background : url('../images/schedule_bottom.gif') no-repeat;
}

.diveSiteBody {
	width:180px;
	padding:2px;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	height:25px;
}

** .diveSiteBody {
	height:25px;
}
*html .diveSiteBody {
	height:25px;
}

.diveSiteLabel {
	margin-left:2px;
	width: 46px;
	text-align: right;
	float:left;
	font-weight: bold;
}

.diveSiteValue {
	padding-left:3px;
	width: 120px;
	float:left;
	color:#5F83A9;
}

.diveSiteRow {
	clear:left;
}

.diveSiteStatsContainer {
	margin-left:2px;
	margin-top:1px;
	margin-bottom:4px;
}

.diveSiteHeaderText {
	font: bold 12px/1.6 verdana, arial, helvetica, sans-serif;
	height: 18px;
	margin-left:4px;
	margin-top:1px;
	color: #ffffff;
	text-align:center;
}

** .diveSiteHeaderText {
	font: bold 12px/1.3 verdana, arial, helvetica, sans-serif;
}

.inlineGalleyDiveSites {
	margin-top:7px;
	float:left;
	margin-left:6px;
	margin-right:4px;
}

.diveSiteDescription {
	margin-left:8px;
	clear:both;
}

.weatherCap {
	width: 238px;
	height: 24px;
	background : url('../images/weather_cap.gif') no-repeat;
}

.weatherBigCap {
	width: 450px;
	height: 24px;
	background : url('../images/weatherBig_cap.gif') no-repeat;
}

.weatherSmallCap {
	width: 186px;
	height: 24px;
	background : url('../images/weathersmall_cap.gif') no-repeat;
}

.weatherBottom {
	width: 238px;
	height: 13px;
	background : url('../images/weather_bottom.gif') no-repeat;
}

.weatherBigBottom {
	width: 450px;
	height: 13px;
	background : url('../images/weatherBig_bottom.gif') no-repeat;
}

.weatherBody {
	width:232px;
	padding:2px;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	height:229px;
}

** .weatherBody {
	height:245px;
}
*html .weatherBody {
	margin-top:-1px;
	height:246px;
}

.weatherBodyBig {
	width:444px;
	padding:2px;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #bcbcbc;
	height:169px;
}

** .weatherBodyBig {
	height:185px;
}
*html .weatherBodyBig {
	height:185px;
}

.weatherButtons {
	font-weight:bold;
	margin-left:6px;
	margin-top:4px;
}

.weatherDisplayConsole {
	float:left;
	width:238px;
	margin-left:40px;
	margin-bottom:15px;
}
*html .weatherDisplayConsole {
	margin-left:25px;
	width:238px;
}

.weatherDisplayConsoleBig {
	width:444px;
	margin-left:40px;
	margin-bottom:15px;
}

.hotelLabel {
	margin-left:2px;
	width: 90px;
	text-align: right;
	float:left;
	font-weight: bold;
}

.hotelValue {
	padding-left:3px;
	width: 76px;
	float:left;
	color:#5F83A9;
}

.weatherLabel {
	margin-left:2px;
	width: 100px;
	text-align: right;
	float:left;
	margin-top:3px;
}

.weatherValue {
	padding-left:3px;
	width: 123px;
	float:left;
	color:#5F83A9;
	font-weight: bold;
	margin-top:3px;
}

.weatherTxt {
	font: bold 12px verdana, arial, helvetica, sans-serif;
	width: 226px;
	float:left;
	text-align:center;
	margin-top:-2px;
	color: #333333;
}

.weatherDayPartTxt {
	font: bold 11px verdana, arial, helvetica, sans-serif;
	width: 95%;
	margin-left:5px;
	text-align:right;
	margin-top:1px;
	color: #5F83A9;
	padding-bottom:2px;
	padding-right:4px;
	border-bottom:1px solid #5F83A9;
}

.weatherHeader {
	width: 100px;
	text-align: center;
	float:left;
	margin-top:3px;
	color: #333333;
	font-weight: bold;
}

.weatherColumnValue {
	width: 100px;
	font: 11px/2.6 verdana, arial, helvetica, sans-serif;
	text-align: left;
	float:left;
	margin-top:5px;
	color:#5F83A9;
	font-weight: bold;
	overflow: hidden;
}

.weatherDataFrom {
	margin-left:150px;
}
** .weatherDataFrom {
	margin-left:0;
}
*html .weatherDataFrom {
	margin-left:0;
}

.facebook {
	position:absolute;
	cursor:pointer;
	width:144px;
	height:44px;
}