@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #000713;
}

img {
border:none;
}

img.ImageBorder {
border:#596d72 2px solid;
}

img.ImageGrayBorder {
border:#ccc 2px solid;
}

.CenterAlign {
text-align: center;
}

img.ImageBorder {
border:#596d72 2px solid;
}

.LeftFloat {
float: left;
}

.RightFloat {
float: right;
}

.ToClear {
clear: both;
line-height: 0px;
height: 3px;
}

#MainContainer{
width: 1000px;
height: 768px;
margin: 0 auto; /*Center container on page*/
}

/*=========== Header Section ===========*/
#Header{
height: 186px; /*Height of top section*/
background: transparent url(../images/header-bg.jpg) left top no-repeat;
}
	
	#Logo {
	float: left;
	width: 250px;
	}
	
	#LangBar {
	float:right;
	width: 200px;
	height: 45px;
	text-align: center;
	margin:60px 8px 0 0;
	padding: 0;
	list-style: none;
	}
	
	#LangBar li {
	float: left;
	}
	
		/*=========== Menu Section ===========*/
		#TopMenuContainer {
		position: relative;
		clear: left;
		height: 59px;
		padding: 11px 0px 0px 0px;
		background-color: #00FF66;
		background:transparent url(../images/menu-bg.jpg) no-repeat left 10px; 
		}
		
		.TopMenu{
		/*position: relative;*/
		padding: 0px;   /*without this firefox adds left padding */
		margin: 0 auto 0 auto;
		height: 59px;
		list-style: none;
		}
	
		.TopMenu li{
		float:left;
		margin-right: 0px;	
		}
		
		.TopMenu li a{
		float: left;
		display: block;
		color:#999;
		font-size: 12px;
		text-decoration: none;
		padding:0 0 0 12px; /*Padding to accomodate left tab image. Do not change*/
		height: 59px;
		line-height: 59px;
		text-align: center;
		cursor: pointer;
		}
	
		.TopMenu li a b{
		float: left;
		display: block;
		padding: 0 12px 0 0; /*Padding of menu items*/
		}
	
		.TopMenu li.current a, .TopMenu li a:hover{
		color: #fff;
		background: url(../images/menu_hover_left.jpg) no-repeat; /*left tab image path*/
		background-position: left;
		}
	
		.TopMenu li.current a b, .TopMenu li a:hover b{
		color: #fff;
		background: url(../images/menu_hover_right.jpg) no-repeat right top; /*right tab image path*/
		}

	
/*=========== Contents Section ===========*/
#Contents {
height: 423px; /* height 468px - 60px top&bottom padding & 5px Bottom Border*/
padding: 20px 113px 20px 40px;
background: url(../images/contents-bg2.jpg) left top no-repeat;
border-bottom: #666 5px solid;
}

.ContentsInner {
position: relative;
height:100%; 
width:100%;
top: 0px;
left: 0px;
}

#ContentsHome {
height: 468px; 
position: relative;
background: url(../images/contents-bg2.jpg) left top no-repeat;
}

	#ContentsHomeTop {
	height:350px;
	}
	
		.ContentsHomeLeftCol {
		float:left;
		width: 210px;
		margin:20px 30px auto 10px;
		}
		
		.ContentsHomeRightCol {
		float:left;
		width: 621px;
		margin:20px auto auto 10px;
		}
		
		.ContentsHomeLeftCol div p, .ContentsHomeRightCol div p {
		text-align:left;
		}
		
	#ContentsHomeBottom {
	height:113px;
	padding-left: 10px;
	border-top: #666 5px solid;
	}
	
	.ContentsHomeBottomDiv {
	float: left;
	margin: 9px 6px 0 0;
	border: #333 5px solid;
	}
	#divWeather div
	{
		border:none;
	
		}

.Arrow {
position: relative;
top: -180px;
left: 900px;
width: 83px;
height: 82px;
z-index: 100;
}
	.ArrowHome {
	position:relative;
	top:-290px;
	left:900px;
    width: 83px;
    height: 82px;
	z-index:100;
	}
	.ArrowTopDiv {
    position:absolute; 
    top:0px; 
    left:0px; 
    width:83px; 
    height:35px; 
    background: url(../images/arrow-back-off.gif) left top no-repeat;
	}
	.ArrowBottomDiv {
    position:absolute; 
    top:35px; 
    left:0px; 
    width:83px; 
    height:47px; 
    background: url(../images/arrow-next-off.gif) left top no-repeat;
	}
	.ArrowTopDiv a, .ArrowBottomDiv a {
	width:100%; 
	height:100%; 
	display:block    
	}
	.ArrowTopDiv a.on {
    background: url(../images/arrow-back-on.gif) left top no-repeat;
	}
	.ArrowBottomDiv a.on {
    background: url(../images/arrow-next-on.gif) left top no-repeat;
	}
	.ArrowTopDiv a:hover, .ArrowTopDiv a.on:hover {
    background: url(../images/arrow-back-hi.gif) left top no-repeat;
	}
	.ArrowBottomDiv a:hover, .ArrowBottomDiv a.on:hover {
    background: url(../images/arrow-next-hi.gif) left top no-repeat;
	}

.RequestBtn2 {
position:absolute;
left: 960px;
top:22px;
}

/*=========== Footer Section ===========*/
#Footer{
clear: left;
height: 100px; /* height 113px - 13px top padding */
color: #FFF;
padding: 13px 100px 0px 20px;
font-size: 10px;
font-weight: bolder;
background: url(../images/footer-bg.jpg);
}
	#Footer a, #Footer a:hover, #Footer a:visited {
	color: #086f87;
	text-decoration:none;
	}
	
/*=========================== Pages Section ===========================*/
/*=========== Index ===========*/
/*=========== Dive Center ===========*/
.DCLeftCol {
float: left;
width: 255px;
font-size: 11px;
}

.DCRightCol {
float:left;
width: 580px;
}

.TextContainer {
margin-top: 35px; 
}

.SlidingPanels {
position: relative;
}
   
.SlidingPanelsContentGroup {
position: relative;
width: 2000px;
}
.SlidingPanelsContent {
float:left; 
width: 570px;
overflow: hidden;
padding-left: 10px;
border-left:white 1px solid;
}

/*=========== Daily Trips ===========*/
.DTLeftCol {
float: left;
width: 425px;
margin: 30px 12px 0 0;
}

.DTRightCol {
float: left;
width: 410px;
height: 100%;
}

.DTShortDesc {
font-size: 13px;
margin:65px 0 0 160px; 
border-left:white 1px solid; 
padding-left: 5px;
}

.DTPageContents {
margin-top: 60px;
}
/*=========== Livaboards ===========*/
#LivLeftPanel, #LivMidPanel, #LivRightPanel {
float: left;
color: #666;
}

#LivLeftPanel {
width: 180px;
height: 333px;
margin: 26px 0 16px 0;
}
	#LivLeftPanelContents{
	height:313px;
	padding-left: 12px;
	background:url(../images/liv-left-body.jpg) left top no-repeat;
	}
	#LivLeftPanelContents img {
	margin-bottom: 4px;
	}
	
	.LivLeftTxt {
    margin: 0px 10px 0pt 0pt; 
    padding-left: 15px;
    }
    
#LivMidPanel {
width: 440px;
height: 425px;
}
	#LivMidPanelContents {
	height:333px;
	padding: 0 8px;
	background:url(../images/liv-mid-body.jpg) left top no-repeat;
	}

#LivBookNowPanel {
height:44px;
padding: 7px 0 0 147px;
background:url(../images/liv-book-pnl.gif) left top no-repeat;
}

#LivRightPanel {
width: 190px;
height: 333px;
margin: 26px 0 16px 0;
}
	#LivRightPanelContents {
	height:282px;
	padding-left: 5px;
	background:url(../images/liv-right-body.jpg) left top no-repeat;
	}
.LivRightPic {
float:right; 
border:solid 2px #596d72; 
width:400px; 
height:266px;
}

.SpecsTable td {
 vertical-align: top;
 }
/*=========== Request Popup ===========*/
.BookPopUpFormCont {
width:589px;
}
.BookPopUpFormCont span {
 font-size: 12px;
 font-weight: bold;
}

.BookPopUpFormHead {
position:relative;
height:62px;
background: url(../images/book-popup-head.png) left top no-repeat;
}
    .BookPopUpFormHead h2, .BookPopUpFormHead h2 span {
    color: #336699;
    font-size: 30px;
    line-height: 30px;
    padding: 15px;
    margin: 0px;
    }
    .BookPopupClose {
    position:absolute !important;
    top:24px;
    right:22px;
    width:20px;
    height:20px;
    }
    
.BookPopUpFormBody, .GuestBookPopUpFormBody {
padding: 15px 20px;
background: url(../images/book-popup-body.gif) left top;
}
    .BookPopUpFormBody input, .BookPopUpFormBody select, .BookPopUpFormBody textarea,
    .GuestBookPopUpFormBody input, .GuestBookPopUpFormBody select, .GuestBookPopUpFormBody textarea {
    width: 148px; 
    background-color:#e4e4e4;
    border: solid 1px #3e7cba;
    padding:0px 2px 1px 2px;
    color:#336699;
    font-weight:bold;
    }
    .BookPopUpFormBody select {
    width: 154px; 
    }
    .BookPopUpFormBody textarea  { width:454px; }
.BookPopUpFormBottom {
height:20px;
background: url(../images/book-popup-bottom.png) left top no-repeat;
}

.GuestBookPopUpFormBody input, .GuestBookPopUpFormBody select
{
    width: 248px; 
}
/*=========== Loading Popup ===========*/
.LoadingPopupCont {
position:static;
float:none;
width:204px; 
height:180px; 
text-align:center;
}

.LoadingPopupTitle {
position:absolute; 
top:20px; 
left: 15px; 
width: 174px; 
/*height: 20px;*/
color:#336699;
}

.LoadingPopupTitle2 {
position:absolute; 
top:20px; 
left: 0px; 
width: 174px; 
/*height: 20px;*/
color:#336699;
}

.LoadingPopupAnim {
position:absolute; 
top:60px; 
left: 37px;
}
/*=========== Fleet ===========*/
.FleetRightPic {
float:left; 
border:solid 2px #596d72; 
width:400px; 
height:400px;
}
	
/*=========== Courses ===========*/
#CoursesConatiner2 {
width: 816px;
}

#CouLeftCol2 {
float: left;
width: 376px;
}

.CouTabs2 {
/*height: 40px;*/
margin-bottom: 15px;
}

.TabsTitles2 {
padding-left: 70px;
}

	.TabsTitles2 a, .TabsTitles2 a:hover {
	color: #999;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 0px 10px 35px;
	}
	
	.TabsTitles2 a:hover, .TabsTitles2 a.currentcourse {
	color: #fff;
	background: transparent url(../images/courses-selected.png) left top no-repeat;
	}

#CouTabsBottom2 {
width: 376px;
height: 60px;
}

#CouRightCol2 {
float: left;
width: 440px;
}

.Padding15px2 {
padding:10px;
}

.CouSlidingPanels {
	position: relative;
	width: 420px;
	height: 360px;
	padding: 0px;
	border: none;
}

.CouSlidingPanelsContentGroup {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}

.CouSlidingPanelsContent {
	width: 100%;
	height: 360px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
}

.CouSlidingPanelsAnimating * {
	overflow: hidden !important;
}

.CouSlidingPanelsCurrentPanel {
}

.CouSlidingPanelsFocused {
}

/*=========== Prices ===========*/
/*ScrollerCSS*/
.root {
position:relative;
}

.thumb {
position: absolute;
}
.up, .dn {
position: absolute;
}
.ScrollBarContainer {
 width: 100%;
}
.scrollContainer { 
position: absolute; 
left: 0px; 
top: 0px; 
overflow: auto; 
}
.scrollContent { 
position: absolute; 
left: 0px; 
top: 0px;
}

.Prices2008 {
width:575px;
border: solid 1px white;
}

.Prices2008 td {
	font-size: 11px;
	background: #003046;
	padding: 2px 2px 2px 4px;
	color: #fff;
	border-bottom: solid 1px white;
	border-right: solid 1px white;
}

.Prices2008 th {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	padding: 2px 2px 2px 4px;
	background: #003046 url(../images/Pricesbg.jpg);
	border-bottom: solid 1px white;
	border-right: solid 1px white;
}

th.PricesHeader {
height: 30px;
border-bottom: none;
text-transform: none;
text-align: center;
}

.Prices2008 th.spec {	
	color: #fff;
	text-transform: none;
	background: #003046 url(../images/Pricesbg2.jpg);
}

.Prices2008 td.Price {
color: #fff;
font-size: 13px;
font-weight: bold;
background-color: #385d6f;
}

/*.PricesOverFlow {
width: 100%;
height: 400px;
overflow: scroll;
}

.Height100per {
height: 100%;
}*/

/*=========== Availability ===========*/
.AvSlidingPanels {
	position: relative;
	width: 240px;
	height: 260px;
	padding: 0px;
	border: none;
}

.AvSlidingPanelsContentGroup {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}

.AvSlidingPanelsContent {
	width: 100%;
	height: 300px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
}


/*=========== Membership ===========*/
.MemLeftCol {
    float:left;
    width:500px;
    height:100%;
}

.MemCols {
float: left;
width: 50%;
}

.MemRightImg 
{
    position:absolute; 
    left:505px; 
    top:6px;
}

.MemQuestions 
{
    padding-left:5px; 
    border-left:solid 1px white;
    margin-top:25px;
}

.TransPanel 
{
    position:absolute; 
    top:320px; 
    left:505px; 
    background-color:black; 
    padding:3px; 
    filter:alpha(opacity=60);
    -moz-opacity:.6;
    opacity:.6;
}

/*=========== GuestBook ===========*/
.GuestLeftCol {
float: left;
width: 310px;
}
.GuestRightCol {
float: right;
width: 510px;
margin-left: 20px;
}
.MessageContainer {
background: transparent url(../images/30percent-1000.png);
margin-bottom:10px;
font-size: 13px;
}
.MessageHead {
height: 20px;
padding: 10px;
}
.MessageBody {
padding: 0px 10px 10px 20px;
}
.MessageBody p {
margin: 0;
}
.MessageFooter {
font-size: 11px;
height: 20px;
}
.MessageFooter div {
float: right;
height: 20px;
line-height: 20px;
padding: 0px 10px;
background: transparent url(../images/40percent-200.png);
}
.MessageFooter a, .MessageFooter a:hover, .MessageFooter a:visited, .MessageFooter a:active {
color: #ffffff;
text-decoration: none;
}
.MessageFooter a:hover {
text-decoration: underline;
}
.MessageFooter .LeftCorner {
width: 20px;
padding: 0px;
background: transparent url(../images/guestbook-message-footer-corner.png) left top no-repeat;
}

.MessagesTable {
 width: 100%;
}
/*.MessagesTable table td {
 background-color: #2F5F8F;
 border: solid 1px #fff;
 padding: 2px 4px;
}*/
.MessagesTable table td a {
color: #fff;
}
/*=========== ContactUs ===========*/

.ConLeftSide 
{
    float:left; width:420px; height:340px; position:relative;
}

.ConRightSide 
{
    float:left; width:400px; height:340px; border-left:solid 1px white;
}

.ConLeftCol 
{
    float:left; width:80px; text-align:right; font-weight:bold;
}

.ConRightCol 
{
    float:left; padding-left:10px; width:310px;
}

.ConBlackBox 
{
    position:absolute;
    top:220px;
    left:60px;
    width:340px;
    height:100px;
    padding:5px;
    background-color:Black;
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    opacity:.5;
}

.ConBlackBoxContent 
{
    position:absolute;
    top:220px;
    left:60px;
    width:340px;
    padding:5px;
}


/*~~~~~~~~~~~~~Dive Sites~~~~~~~~~~~~*/
.Thistlegorm {
left: 224px;
top: 15px;
}
.Kimon {
left: 218px;
top: 137px;
}
.Chrisoula {
left: 229px;
top: 150px;
}
.Carnatic {
left: 239px;
top: 163px;
}
.Giannis {
left: 258px;
top: 176px;
}
.SalemExpress {
left: 120px;
top: 112px;
}
.ShaabElErg {
left: 187px;
top: 215px;
}
.UmmGamar{
left: 206px;
top: 242px;
}
.ShaabRuhr{
left: 214px;
top: 255px;
}
.Careless{
left: 228px;
top: 269px;
}
.Elfanous{
left: 193px;
top: 281px;
}
.Elfanadir{
left: 146px;
top: 261px;
}
.Elmena{
left: 173px;
top: 328px;
}
.AbuNugar{
left: 65px;
top: 246px;
}
.AbuGalawa{
left: 87px;
top: 231px;
}
.Hamada{
left: 225px;
top: 306px;
}
.SmallGiftun{
left: 234px;
top: 319px;
}
.AbuRamada{
left: 236px;
top: 340px;
}
.GotaAbuRamada{
left: 226px;
top: 368px;
}
.AbuHashish{
left: 211px;
top: 404px;
}
.BenElgebal{
left: 218px;
top: 293px;
}
.RasMohammed{
left: 352px;
top: 69px;
}
.SeyoulKebir{
left: 109px;
top: 153px;
}
.Gubal{
left: 164px;
top: 85px;
}
.BlindReef{
left: 132px;
top: 174px;
}
.ShaabSamadai{
left: 154px;
top: 122px;
}
.Ephinstone{
left: 138px;
top: 24px;
}
.Panorama{
left: 130px;
top: 42px;
}
.AbuKifan{
left: 134px;
top: 95px;
}
.Brothers{
left: 278px;
top: 361px;
}
.StJones{
left: 253px;
top: 404px;
}
.Dolphin{
left: 0px;
top: 16px;
}
.WadiGimal{
left: 219px;
top: 388px;
}
.WhiteRock{
left: 216px;
top: 330px;
}
.Daedalus{
left: 284px;
top: 107px;
}
.Zabargad{
left: 296px;
top: 372px;
}
.Rocky{
left: 297px;
top: 388px;
}

#popupIFrame {_display:none !important;} /* for ie6 only*/

.errorPage 
{
    font-size:large;
    margin-left:345px;
    margin-top:80px;
    float:left;
}

.errorPage a
{
    font-size:smaller;
}

.errorDetails
{
    font-size:small;
    float:left;
    margin-left:-300px;
    display:none;
}

.adminLoginBox {
 margin: 120px 370px;
}

#PricesHeaderMain
{
    border-bottom:1px solid #FFFFFF;  
}