/** Reset **/
*{border:none; color:#fff; font:1em/1.3em "trebuchet ms",arial,helvetica,sans-serif; margin:0; outline:none; padding:0;}
html{font-size:1.2em; height:100%;}
body{background:#1B182E url(img/page-repeat-bg.png) repeat-x scroll center top; font-size:62.5%; height:100%; width:100%;}
a{color:#fff;}
a:hover{color:#65A8CC;}
br{clear:left;}
em{font-style:italic;}
em a{font-style:italic;}
form{float:left; margin:0; padding:0; width:100%;}
h1{font-size:2.2em;}
h2{font-size:2em; padding-bottom:5px;}
h2.border{border-top:1px dotted #ccc; clear:both; margin-top:10px; padding-top:10px;}
h1,h2,h3,h4,h5,h6{color:#fff;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:bold;}
img{border:none;}
input,select,textarea{border:none; margin:0; padding:0;}
p,address{font-size:1.2em; line-height:1.5em; padding-bottom:15px;}
strong{font-weight:bold;}

/** Page Structure **/
#frameBg{
	background:url(page-frame-bg.png) no-repeat 50% 0;
	float:left;
	min-height:628px;
	position:relative;
	width:100%;}

body.bg1 #frameBg{background:url(page-frame-bg1.jpg) no-repeat 50% 0 !important;}
body.bg2 #frameBg{background:url(page-frame-bg2.jpg) no-repeat 50% 0 !important;}
body.bg3 #frameBg{background:url(page-frame-bg3.jpg) no-repeat 50% 0 !important;}
body.bg4 #frameBg{background:url(page-frame-bg4.jpg) no-repeat 50% 0 !important;}
body.bg5 #frameBg{background:url(page-frame-bg5.jpg) no-repeat 50% 0 !important;}
body.bg6 #frameBg{background:url(page-frame-bg6.jpg) no-repeat 50% 0 !important;}
body.bg7 #frameBg{background:url(page-frame-bg7.jpg) no-repeat 50% 0 !important;}
body.bg8 #frameBg{background:url(page-frame-bg8.jpg) no-repeat 50% 0 !important;}

#header{
	clear:both;
	margin:0 auto;
	width:990px;}

#header a{
	cursor:pointer;
	display:block;}

#header p{
	float:left;
	padding-bottom:0;
	width:292px;}

#header a#logo{
	float:left;
	height:0;
	overflow:hidden;
	padding:93px 0 0;
	width:292px;}

#header a#headerContact{
	float:right;
	height:0;
	overflow:hidden;
	padding:54px 0 0;
	width:439px;}

/* top navigation */
#topNav{
	float:right;
	padding-left:35px;
	width:663px;}

#topNav p{
	float:right;
	padding-bottom:0;
	width:663px;}

#topNav ul{
	float:left;
	list-style:none;
	width:663px;}

#topNav li{
	float:left;
	margin-right:6px;
	position:relative;
	z-index:2000;}

#topNav li a,
#topNav li span{
	display:block;
	height:0;
	margin:0;
	overflow:hidden;
	padding:34px 0 0 0;}

#topNav li:hover a, #topNav li a:hover, #topNav li:hover span{
	background-position:0 -84px;}

#topNav a.nav1{background:url(btn-nav-1.gif) no-repeat left top; width:52px;}
#topNav span.nav2{background:url(btn-nav-2.gif) no-repeat left top; width:146px;}
#topNav span.nav3{background:url(btn-nav-3.gif) no-repeat left top; width:96px;}
#topNav a.nav4{background:url(btn-nav-4.gif) no-repeat left top; width:104px;}
#topNav a.nav5{background:url(btn-nav-5.gif) no-repeat left top; width:76px;}
#topNav a.nav6{background:url(btn-nav-6.gif) no-repeat left top; width:49px;}
#topNav a.nav7{background:url(btn-nav-7.gif) no-repeat left top; width:91px;}
				
#Nav1 #topNav a.nav1,
#Nav2 #topNav a.nav2,
#Nav3 #topNav a.nav3,
.Nav4 #topNav a.nav4,
#Nav5 #topNav a.nav5,
#Nav6 #topNav a.nav6,
#Nav7 #topNav a.nav7{
	background-position:0 -84px;
	cursor:default;}

#topNav ul ul{
	background:url(top-sub-nav-bottom.png) no-repeat left top;
	border-bottom:8px solid #2C5272;
	clear:both;
	display:none;
	float:left;
	left:0px;
	list-style:none;
	margin-left:0px;
	padding:8px 0 2px;
	position:absolute;
	top:34px;
	width:244px;}

#topNav ul li:hover ul.sub{
	display:block !important;}

#topNav ul li li{
	float:none;
	margin:0px 8px;
	padding:0;}

#topNav ul li li a{
	background:none !important;
	color:#FFF;
	cursor:pointer !important;
	font-size:1.2em;
	font-weight:bold;
	height:auto;
	overflow:visible;
	padding:4px 5px 5px 8px;
	text-decoration:none;
	width:215px !important;}

#topNav ul li li.arrow a{
	background:url(bullet-sub-nav.gif) no-repeat 97% 50% !important;}

#topNav ul li li:hover{
	background:#4795BE !important;}

#topNav ul li li:hover ul{
	display:block !important;}

#topNav ul ul ul{
	background:url(top-subsub-nav-bottom.png) no-repeat left top;
	left:225px;
	margin-left:0;
	top:0px;
	width:204px !important;}

#topNav ul ul ul.caribbean{top:-63px;}

#topNav ul li li ul a{
	font-size:1.1em;
	padding:3px 5px 4px 8px;
	width:175px;}

#topNav ul li li.arrow ul li a{
	background:none !important;}

/* Homepage */
.homeCols{
	clear:both;
	margin:0 auto;
	position:relative;
	width:990px;}

#homeHeader{
	float:left;
	width:720px;}

#homeHeader h1{
	background:url(home-strapline.png) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:280px 0 0;
	width:720px;}

#homeHeader p{
	float:left;
	font-size:1.4em;
	padding:0 0 0 20px;
	width:700px;}

#homeOffer{
	float:left;
	height:370px;
	padding:0;
	position:relative;
	width:248px;}

#homeOffer div.text{
	left:0;
	padding:10px;
	position:absolute;
	top:15px;
	width:228px;}

#homeOffer a{
	text-decoration:none;}

#homeOffer h2{
	font-size:2em;
	font-weight:bold;
	line-height:1em;}

#homeOffer .text img{
	float:left;
	margin:3px 0 5px;}

#homeOffer h3 a{
	color:#65A8CC !important;
	font-size:1.8em;}

#homeOffer h3 a:hover{
	color:#ccc !important;}

#topDestinations{
	background:url(dotted-line.gif) no-repeat 50% 0;
	clear:both;
	float:left;
	padding:1px 20px 0;
	width:949px;}

#topDestinations h2{
	background:url(home-top-dest-title.png) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:60px 0 0;
	width:949px;}

#topDestinations .listItem{
	float:left;
	width:316px;}

#topDestinations .img{
	display:block;
	float:left;
	width:160px;}

#topDestinations .infoText{
	float:right;
	width:156px;}

#topDestinations h3 a{
	color:#65A8CC;
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:3px;
	text-decoration:none;
	text-transform:uppercase;}

#topDestinations h3 a:hover{
	color:#fff;}

#topDestinations p{
	width:150px;}

#homeFooter{
	background:url(dotted-line.gif) no-repeat 50% 0;
	clear:both;
	float:left;
	margin-top:5px;
	padding:1px 20px 0;
	width:950px;}

#homeFooter #intro{
	float:left;
	width:640px;}

#homeFooter #intro h2{
	background:url(home-intro-title.gif) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:54px 0 0;
	width:640px;}

#homeFooter #intro img{
	float:right;}

#homeFooter #intro p{
	float:left;
	font-size:1.4em;
	width:460px;}

#homeFooter #diveTypes{
	float:left;
	width:310px;}

#homeFooter #diveTypes h2{
	background:url(home-divetype-title.gif) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:54px 0 0;
	width:310px;}

#homeFooter #diveTypes ul{
	float:left;
	list-style:none;
	margin-bottom:10px;
	width:310px;}

#homeFooter #diveTypes li{
	clear:both;
	float:left;}

#homeFooter #diveTypes li a{
	background:url(bullet-arrow-tiny.gif) no-repeat 12px 50%;
	border-bottom:1px dotted #999;
	float:left;
	font-size:1.4em;
	font-weight:normal;
	margin-top:0;
	padding:6px 0 6px 20px;
	text-decoration:none;
	text-transform:uppercase;
	width:280px;}

#homeFooter #diveTypes li a:hover{
	color:#65A8CC;}

/* global content structure */
#contentCols{
	border-top:12px solid #4898C2;
	clear:both;
	margin:0 auto;
	position:relative;
	width:990px;}

#leftColBgClear{
	clear:both;}

ul#breadcrumbs{
	float:left;
	list-style:none;
	padding:8px 0 8px 10px;}

ul#breadcrumbs li{
	display:block;
	float:left;}

ul#breadcrumbs li a{
	background:url(bullet-arrow-tiny.gif) no-repeat 95% 50%;
	display:block;
	font-weight:bold;
	padding:0 23px 0 0;}

ul#breadcrumbs li a:hover{
	color:#CCC;}

#gallery{
	background:url(rollover-gallery-bg.png) no-repeat 0 100%;
	float:left;
	width:330px;
	height:280px;
	margin:5px;}

#gallery #corners{
	height:6px;
	left:0;
	position:absolute;
	top:0;
	width:330px;}

#gallery #corners img{
	float:left;}

#rolloverPics{
	float:left;
	height:64px;
	padding:12px 0 0;
	position:relative;
	width:330px;}

#rolloverPics div{
	cursor:pointer;
	float:left;
	padding:0 0 0 18px;}

#rolloverPics div img{
	float:left;}

#rolloverPics div.over{
	display:none;
	position:absolute;}
#pic1SmallImage{width:86px; height:52px}
#pic1LargeImage{width:330px; height:200px}

#rolloverPics div:hover div.over{
	display:block;
	margin:0 !important;
	left:-18px;}

#rolloverPics div#pic1:hover div.over,
#rolloverPics div#pic2:hover div.over,
#rolloverPics div#pic3:hover div.over{top:-200px;}

#map{
	float:left;
	position:relative;
	width:330px;}

#map img{
	float:left;
	height:200px;
	width:330px;}

#map div{
	position:absolute;}

#map a{
	background:url(map-label-left-bg.png) no-repeat 0 0;
	color:#fff;
	display:block;
	line-height:1.2em;
	padding:0 0 0 5px;
	text-align:center;
	text-decoration:none;}

#map a span{
	background:url(map-label-bg.png) no-repeat 100% 0;
	display:block;
	font-weight:bold;
	padding:3px 5px 3px 0;}

#map a:hover{background-position:0 -38px;}
#map a:hover span{background-position:100% -38px;}

/* red sea map */
.mapRedSea a{font-size:1em;}
.mapRedSea div#link1{left:110px; top:31px;}/*Dahad*/
.mapRedSea div#link2{left:58px; top:75px;}/*El Gouna*/
.mapRedSea div#link3{left:140px; top:90px;}/*Hurghada*/
.mapRedSea div#link4{left:180px; top:180px;}/*Marsa Atam*/
.mapRedSea div#link5{left:58px; top:52px;}/*Sharm El Shaikh*/
.mapRedSea div#link6{left:153px; top:112px;}/*Soma Bay*/

/* africa map */
.mapAfrica a{font-size:1em;}
.mapAfrica div#link1{left:160px; top:20px;}/*Kenya*/
.mapAfrica div#link4{left:250px; top:52px;}/*Zanzibar*/
.mapAfrica div#link2{left:110px; top:91px;}/*Mozambique*/
.mapAfrica div#link3{left:195px; top:178px;}/*South Africa*/
/* caribbean map */
.mapCaribbean a{font-size:1em;}
/*.mapCaribbean div#link1{left:135px; top:12px;}Bahamas*/
/*.mapCaribbean div#link2{left:230px; top:133px;}Barbados*/
.mapCaribbean div#link1{left:10px; top:50px;}/*Cayman Islands*/
.mapCaribbean div#link2{left:210px; top:153px;}/*Grenada*/
/*.mapCaribbean div#link5{left:100px; top:110px;}Jamaica*/
.mapCaribbean div#link3{left:225px; top:110px;}/*St Lucia*/
.mapCaribbean div#link4{left:244px; top:173px;}/*Tobago*/
/* australia map */
.mapAustralia a{font-size:1em;}
.mapAustralia div#link1{left:85px; top:54px;}/*Cairns*/
/* far easr map */
.mapSouthEastAsia a{font-size:1em;}
.mapSouthEastAsia div#link1{left:205px; top:100px;}/*Manado*/
.mapSouthEastAsia div#link2{left:93px; top:90px;}/*Phuket*/

/* big maps */
#mapBig{
	left:640px;
	position:absolute;
	top:0;
	width:330px;}

#contentCols.countryPage #mapBig{
	top:29px;}

#mapBig .slide{
	display:none;
	left:0;
	padding:5px 0 0 5px;
	position:absolute;
	top:0;
	width:325px;}

#mapBig .slide.panel-up,
#mapBig .slide.panel-down{
	display:block;}

#mapBig .slide.panel-up span{
	background:url(btn-open-big-map.png) no-repeat;
	cursor:pointer;
	display:block;
	height:0;
	overflow:hidden;
	padding:23px 0 0;
	width:110px;}

#mapBig .slide.panel-down span{
	background:url(btn-close-big-map.png) no-repeat;
	cursor:pointer;
	display:block;
	height:0;
	overflow:hidden;
	padding:23px 0 0;
	width:110px;}

#mapBig .panel-closed,
#mapBig #mapSlide{display:none;}

#mapBig img{
	width:330px;}

#mapBig.Maldives img{
	height:800px;}

#tempchart{
	height:192px;
	margin-top:20px;
	width:331px;}

.imgFloatR{
	border:1px dotted #ccc;
	float:right;
	margin:5px 0 15px 15px;
	padding:2px;}

.imgFloatL{
	border:1px dotted #ccc;
	float:left;
	margin:5px 15px 15px 0;
	padding:2px;}

.staticList{
	font-size:1.2em;
	padding:0 0 15px 30px;}

.staticList li{
	padding:0 0 4px;}

.staticList.strongBrs strong{
	color:#4998C3;
	display:block;
	font-size:1.2em;}

.staticList.splitULshort{
	float:left;
	width:25%;}

.staticList.splitULwide{
	float:left;
	width:40%;}

a.pdf{
	background:url(pdf-icon.png) no-repeat 0 50%;
	display:block;
	font-weight:bold;
	padding:5px 0 5px 30px;}

/* region page */	
#contentCols.regionPage #leftCol{float:left;}
#contentCols.regionPage #rightCol{float:right;}

#contentCols.regionPage #leftCol{
	clear:left;
	padding:0 0 0 20px;
	width:618px;}

#contentCols.regionPage #leftCol ul#breadcrumbs{
	background:url(breadcrumbs-603px_bg.png) no-repeat;
	width:593px;}

#contentCols.regionPage #leftCol h1{
	float:left;
	padding:0 20px 10px 10px;
	width:573px;}

#contentCols.regionPage #leftCol p{
	float:left;
	padding:0 20px 16px 10px;
	width:573px;}

a#btnSearchHols{
	background:url(btn-region-search-hols-bg.gif) no-repeat 100% 0;
	display:block;
	float:right;
	font-size:1.6em;
	padding-right:38px;
	text-decoration:none;}

a#btnSearchHols strong{
	background:url(btn-region-search-hols-bg.gif) no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	height:22px;
	padding:7px 0 8px 10px;}

#contentCols.regionPage #rightCol{
	padding:0 20px 0 0;
	width:331px;}

#contentCols.regionPage h2{
	background:url(region-grid-title.gif) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:17px 0 0;
	width:595px;}

#regionGrid{
	background:#1C203C url(region-grid-bg.jpg) no-repeat;
	float:left;
	min-height:275px;
	padding:12px 10px;
	width:575px;}

#regionGrid table{
	width:100%;}

#regionGrid thead th{
	color:#FFF;
	font-weight:bold;
	padding:4px 0;
	text-align:center;}

#regionGrid tbody th{
	border-bottom:1px dotted #fff;
	font-size:1.3em;
	text-align:left;
	width:130px;}

#regionGrid tbody th:hover{
	background:#2385EF;}

#regionGrid tbody th a{
	background:url(bullet-arrow-tiny.gif) no-repeat 2px 50%;
	color:#fff;
	display:block;
	padding:7px 0 6px 9px;}

#regionGrid tbody th a:hover{
	background:url(bullet-arrow-tiny.gif) no-repeat 2px 50%;}

#regionGrid tbody td{
	background:#285284;
	border-bottom:1px dotted #fff;
	text-align:center;}

#regionGrid tbody td img{
	display:inline-table;}

#regionGrid tfoot td{
	background:#285284;}

#mostPopular{
	background:url(dotted-line.gif) no-repeat 50% 0;
	clear:both;
	float:left;
	margin-top:15px;
	padding:0 20px;
	width:949px;}

#mostPopular h3{
	float:left;
	font-size:2em;
	padding:15px 0;}

#mostPopular .row{
	float:left;
	padding-bottom:30px;
	width:949px;}

#mostPopular .listItem{
	float:left;
	width:316px;}

#mostPopular .img{
	display:block;
	float:left;
	width:110px;}

#mostPopular .infoText{
	float:left;
	width:206px;}

#mostPopular h4 a{
	color:#65A8CC;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:3px;
	text-decoration:none;}

#mostPopular h4 a:hover{
	color:#fff;}

#mostPopular p.rating{
	margin-bottom:3px;
	padding-bottom:2px;}

#mostPopular .listPrice p{
	background:none;
	color:#fff !important;
	height:48px;
	padding:0;
	text-align:left;}

#mostPopular .listPrice p strong{
	color:#fff;
	text-align:left;}

/* pages with left navigation */
#contentCols.leftnavPage{
	background:url(left-col-bg.gif) repeat-y;}

#contentCols.leftnavPage #leftCol{float:right;}
#contentCols.leftnavPage #rightCol{float:right;}

#contentCols.leftnavPage #leftCol{
	background:#D7E2ED url(left-col-top-bg.gif) no-repeat;
	clear:left;
	padding:8px 2px 0px;
	width:220px;}

#contentCols.noLeftNav #leftCol{
	background:#D7E2ED url(left-col-top-nonav-bg.gif) no-repeat !important;}

#contentCols.leftnavPage #leftCol ul{
	background:#458DB8;
	clear:left;
	float:left;
	list-style:none;}

#contentCols.leftnavPage #leftCol ul.sub{
	background:#458DB8 url(left-col-list-top-bg.gif) no-repeat;}

#contentCols.leftnavPage #leftCol ul.sub a{
	background-position:10px 50%;}

#contentCols.leftnavPage #leftCol ul.sub a{padding-top:6px;}

#contentCols.leftnavPage #leftCol li{
	float:left;
	font-size:1.4em;}

#contentCols.leftnavPage #leftCol a{
	background:url(bullet-arrow-tiny.gif) no-repeat 5px 35%;
	color:#fff;
	display:block;
	font-weight:bold;
	padding:0 0 6px 18px;
	text-decoration:none;
	width:202px;}

#contentCols.leftnavPage #leftCol span{
	color:#fff;
	display:block;
	font-weight:bold;
	padding:0 0 6px 10px;
	width:200px;}

#contentCols.leftnavPage #leftCol ul.sub span{
	padding:8px 0 6px 10px;}

#contentCols.leftnavPage #leftCol a:hover,
#contentCols.leftnavPage #leftCol li li.active a{
	color:#036;}

#contentCols.leftnavPage #leftCol ul ul{
	margin:0;}

#contentCols.leftnavPage #leftCol li li{
	background:#5496BF;
	font-size:.9em;
	margin-bottom:2px;
	padding:1px;}

#contentCols.leftnavPage #leftCol li li:hover,
#contentCols.leftnavPage #leftCol li li:hover li,
#contentCols.leftnavPage #leftCol li li.active{
	background:#7BAFCE;}

#contentCols.leftnavPage #leftCol li li a{
	background:url(bullet-blue-arrow-tiny.gif) no-repeat 5px 55% !important;
	font-weight:normal;
	padding:3px 0 3px 12px !important;
	width:206px;
	font-size:12px;}

#sub1 #leftCol .nav1,
#sub2 #leftCol .nav2,
#sub3 #leftCol .nav3,
#sub4 #leftCol .nav4,
#sub5 #leftCol .nav5,
#sub6 #leftCol .nav6,
#sub7 #leftCol .nav7{
	background:#7BAFCE !important;}

#sub1 #leftCol .nav1 a,
#sub2 #leftCol .nav2 a,
#sub3 #leftCol .nav3 a,
#sub4 #leftCol .nav4 a,
#sub5 #leftCol .nav5 a,
#sub6 #leftCol .nav6 a,
#sub7 #leftCol .nav7 a{
	color:#036 !important;}

.keywordSearch{
	padding:12px 0 12px 6px;
	width:214px;}

#contentCols.noLeftNav #leftCol .keywordSearch{
	padding-top:0;}

.keywordSearch label.title{
	color:#458DB8;
	display:block;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 3px 4px;}

.keywordSearch div.input{
	background:url(search-input-bg.png) repeat-x left top;
	float:left;
	height:28px;
	padding:12px 0 0 30px;
	width:139px;}

.keywordSearch div.input input{
	border:0;
	color:#036;
	float:left;
	font-size:1.2em;
	width:125px;}

.keywordSearch .submit{
	float:left;
	margin:5px 0 0 2px;}

.panelBox{
	background:#71A9CA;
	float:left;
	margin-top:15px;
	width:220px;}

.panelBox p{
	float:left;
	padding:0;
	width:220px;}

.panelBox p strong,
.panelBox p em,
.panelBox p a{
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	width:220px !important;}

.panelBox p span{
	display:block;
	float:left;
	padding:0 12px;}

.panelBox.needHelp p strong{
	background:url(left-col-help-title.png) no-repeat;
	padding:63px 0 0;}

.panelBox.needHelp p a{
	background:url(left-col-help-button.png) no-repeat !important;
	padding:51px 0 0 !important;}

.panelBox.haveQuestion p strong{
	background:url(left-col-havequestion-title.png) no-repeat;
	padding:42px 0 0;}

.panelBox.haveQuestion p em{
	background:url(left-col-havequestion-tel.png) no-repeat;
	padding:49px 0 0;}

.panelBox.haveQuestion p a{
	background:url(left-col-havequestion-button.png) no-repeat !important;
	padding:51px 0 0 !important;}

#contentCols.leftnavPage #rightCol{
	padding:0 20px 0 15px;
	width:709px;}

#contentCols.leftnavPage #rightCol ul#breadcrumbs{
	background:url(breadcrumbs-709px_bg.png) no-repeat;
	width:699px;}

/* 404 page */

.static404Page{
	background:url(404-bg.png) no-repeat;
	height:414px;
	padding:85px 0 0 450px;
	width:540px;}

.static404Page *{
	clear:left;}

.static404Page input{
	clear:none;}

.static404Page h1{
	background:url(404-h1-bg.gif) no-repeat;
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding:40px 0 0;
	width:386px;}

.static404Page p{
	color:#666;
	float:left;
	font-size:1.4em;
	padding-bottom:10px;
	width:386px;}

.static404Page .keywordSearch{
	padding:0;
	width:390px;}

.static404Page .keywordSearch div.input{
	background:url(search-404-input-bg.png) repeat-x left top;
	width:306px;}

.static404Page .keywordSearch div.input input{
	width:290px;}


/* country/location listing page */
#contentCols.countryPage #rightCol #intro{
	float:left;
	padding:0 5px 10px 1px;
	text-align:justify;
	font-size:12px;}

#listingContainer{
	background:url(listing-top-dotted-line.gif) no-repeat;
	float:left;
	margin:10px 0 0;
	position:relative;
	width:709px;}

#listingContainer #tabBtns{
	float:left;
	list-style:none;
	margin-top:10px;
	padding-left:15px;}

#listingContainer #tabBtns li{
	background:url(listing-tab-bg-inact.gif) no-repeat;
	float:left;
	margin-right:1px;
	margin-top:4px;}

#listingContainer #tabBtns a{
	display:block;
	font-size:1.2em;
	font-weight:bold;
	height:23px;
	padding:9px 0 0;
	text-align:center;
	text-decoration:none;
	width:160px;}

#listingContainer #tabBtns a:hover{
	color:#036;}

#listingContainer #tabBtns li.ui-tabs-selected{
	background:url(listing-tab-bg-act.gif) no-repeat;
	margin-top:0;}

#listingContainer #tabBtns li.ui-tabs-selected a{
	cursor:default;
	display:block;
	font-size:1.4em;
	font-weight:bold;
	height:27px;
	padding:9px 0 0;
	text-align:center;
	text-decoration:none;
	width:180px;}

#listingContainer #tabBtns li.ui-tabs-selected a:hover{
	color:#fff;}

#contentCols.searchResults #listingContainer #tabBtns li{
	background:url(search-tab-bg-inact.gif) no-repeat;}

#contentCols.searchResults #listingContainer #tabBtns li.ui-tabs-selected{
	background:url(search-tab-bg-act.gif) no-repeat;}

#listingContainer #tabPanel,
#listingContainer #tabPanel2,
#listingContainer #tabPanel3,
#listingContainer #tabPanel4{
	background:#D7E2ED url(tab-panel-bg.gif) no-repeat;
	float:left;
	padding:10px;
	width:689px;}

#contentCols.searchResults #listingContainer #tabPanel,
#contentCols.searchResults #listingContainer #tabPanel2,
#contentCols.searchResults #listingContainer #tabPanel3,
#contentCols.searchResults #listingContainer #tabPanel4{
	background:#D7E2ED url(search-tab-panel-bg.gif) no-repeat;}
	
#listingContainer #loader{
	background:#fff;
	border:1px solid #369;
	left:145px;
	padding:10px;
	position:absolute;
	text-align:center;
	top:60px;
	width:400px;}

#listingContainer #loader p{
	color:#369;
	font-size:1.6em;
	font-weight:bold;
	padding:0;
	text-align:center;}

#listFilter,
#listFilter2,
#listFilter3{
	background:#fff url(filter-bg.gif) no-repeat;
	float:left;
	margin-bottom:8px;
	padding:9px;
	width:671px;}

#listFilter form,
#listFilter2 form,
#listFilter3 form{
	float:left;
	width:671px;}

#listFilter h2,
#listFilter2 h2,
#listFilter3 h2{color:#4998C3; font-weight:bold;}
#listFilter p,
#listFilter2 p,
#listFilter3 p{color:#666; padding:0;}

#listFilter fieldset,
#listFilter2 fieldset,
#listFilter3 fieldset{
	border:0;
	float:left;
	padding:10px 0 0 !important;
	width:635px;}

fieldset.destinationRadios{
	border-bottom:1px solid #CCC !important;}

#listFilter label,
#listFilter2 label,
#listFilter3 label{
	color:#666;
	cursor:pointer;
	float:left;
	font-weight:bold;
	margin-bottom:10px;
	padding:3px 0 0 0;
	width:140px;}
	
fieldset.destinationRadios label{
	width:140px !important;}

#listFilter input,
#listFilter2 input,
#listFilter3 input{
	border:none;
	cursor:pointer;
	float:left;
	margin:0 1px 5px 0;
	padding:0;
	width:16px;}

#listFilter input.submit,
#listFilter2 input.submit,
#listFilter3 input.submit{
	border:none;
	margin:5px 0 0 0;
	padding:0;}

#listingContainer div.slide1,
#listingContainer div.slide2,
#listingContainer div.slide3{
	cursor:pointer;
	float:left;
	height:0;
	overflow:hidden;
	padding:8px 0 0;
	width:671px;}

#listingContainer div.slide1.panel-down,
#listingContainer div.slide2.panel-down,
#listingContainer div.slide3.panel-down{background:#BEDAE9 url(filter-slide-btn.gif) no-repeat 50% 0;}
#listingContainer div.slide1.panel-up,
#listingContainer div.slide2.panel-up,
#listingContainer div.slide.panel-up{background:#BEDAE9 url(filter-slide-btn-closed.gif) no-repeat 50% 0;}
#listingContainer div.slide1.panel-closed,
#listingContainer div.slide2.panel-closed,
#listingContainer div.slide3.panel-closed{display:none;}

.productListing{
	float:left;
	width:689px;}

.productListing p, .productListing p strong{
	color:#666;}

.productListing .listItem{
	background:#fff;
	float:left;
	margin-bottom:10px;
	padding:6px;
	width:677px;}
.productListing .listItem img{ margin:0 4px 4px 0; float:left}
.productListing .listImage{
	float:left;
	width:190px;}

.productListing .listImage a,
.productListing .listImage img {
	float:left;
	display:block; width:180px; height:120px}

.productListing .listText{
	float:left;
	width:345px;}

.productListing .diveCourse .listText{
	width:535px;}

.productListing .listPrice{
	float:right;
	width:140px;}

.productListing .listText h2{
	font-size:1.6em;
	padding:4px 0 0;}

.productListing .listText h2 a{
	color:#4998C3;
	display:block;
	font-weight:bold;
	text-decoration:none;}

.productListing .listText h2 a:hover{
	color:#ccc;}

.productListing .listText h3{
	color:#4998C3;
	display:block;
	font-size:1.2em;
	font-weight:bold;}

.productListing .listText p{
	height:70px;
	line-height:1.35;
	padding:0;
	width:340px;}
	
.productListing .diveCourse .listText p{
	height:auto !important;
	width:535px;}

p.rating{
	height:18px !important;}

p.rating em{
	color:#666;
	display:block;
	float:left;
	font-style:normal;
	padding-top:2px;
	width:74px;}

p.rating strong{
	background:url(star-rating.png) no-repeat;
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding:18px 0 0;
	width:108px;}

p.rating.star55 strong{background-position:0 -18px}
p.rating.star5 strong{background-position:0 -36px}
p.rating.star45 strong{background-position:0 -54px}
p.rating.star4 strong{background-position:0 -72px}
p.rating.star35 strong{background-position:0 -90px}
p.rating.star3 strong{background-position:0 -108px}
p.rating.star25 strong{background-position:0 -126px}
p.rating.star2 strong{background-position:0 -144px}
p.rating.star15 strong{background-position:0 -162px}
p.rating.star1 strong{background-position:0 -180px}

.listPrice p{
	background:url(list-price-bg.png) no-repeat;
	color:#369 !important;
	font-size:1.1em;
	height:70px;
	padding:15px 0 0;
	text-align:center;
	width:140px;}

.listPrice p strong{
	color:#369;
	display:block;
	font-size:1.5em;
	line-height:.8em;
	text-align:center;}

.listPrice a{
	background:url(btn-see-more-details.png) no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding:23px 0 0;
	width:140px;}

ul.listingPagination{
	float:right;
	list-style:none;
	margin:10px 0;
	padding:0;}

ul.listingPagination li{
	background:url(page-num-bg.gif) no-repeat left top;
	float:left;
	height:17px;
	margin:0 5px 0 0;
	padding:0;}

ul.listingPagination li.active{
	background:url(page-num-bg-active.gif) no-repeat left top;}

ul.listingPagination a,
ul.listingPagination span{	
	color:#039;
	display:block;
	padding:2px 0;
	text-align:center;
	text-decoration:none;
	width:18px;}

ul.listingPagination li a:hover{
	color:#09C;}

ul.listingPagination li.active span{
	color:#FFF;}

ul.listingPagination li.prev,
ul.listingPagination li.next{
	width:69px;}

ul.listingPagination li.prev{
	background:url(btn-prev.gif) no-repeat left top;}

ul.listingPagination li.next{
	background:url(btn-next.gif) no-repeat left top;}

ul.listingPagination li.prev a,
ul.listingPagination li.next a{
	height:0;
	overflow:hidden;
	padding:17px 0 0;
	width:69px;}

.listingSort{
	clear:left;
	float:left;
	width:260px;}

p.resultCount{
	float:left;
	padding:4px 0 0;
	width:200px;}

p.resultSortLabel{
	clear:left;
	float:left;
	padding:4px 0 0;
	width:52px;}

.listingSort ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 10px;
	width:200px;}

.listingSort ul li{
	color:#369;
	float:left;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin:4px 10px 0 0;
	padding:0;}

.listingSort ul a{	
	color:#666;
	display:block;}

.listingSort ul a:hover{	
	color:#999;}

p.noresult{
	font-size:1.4em;
	font-weight:bold;
	padding:10px 0 0;
	text-align:center;}

p#dealsListingText{
	color:#f00;
	float:left;
	font-size:1.6em;
	padding:20px 0;
	text-align:center;
	width:838px;}

p#dealsListingText *{
	color:#f00;}

p#dealsListingText em{
	font-style:normal;
	font-size:.8em;}

/* landing page */
#contentCols.landingPage #rightCol #intro{
	float:left;
	padding:0 0 10px 10px;
	width:516px;}

#contentCols.landingPage #rightCol #intro h1{
	float:left;
	width:378px;}

#contentCols.landingPage #rightCol #intro p{
	float:left;
	width:486px;}

#contentCols.landingPage #rightCol #intro p.rating{
	float:right !important;
	height:12px;
	padding-top:6px;
	width:108px !important;}

#TeamPhoto{
	height:111px;
	left:420px;
	position:absolute;
	top:-5px;
	width:92px;}

#TeamPhoto img{
	height:111px;
	width:92px;}

#askExpert{
	background:url(askquestion-brdr-bg.gif) no-repeat 0 100%;
	float:left;
	padding-bottom:10px;
	position:relative;
	width:516px;}

#askExpert h2{
	background:url(askquestion-title-bg.jpg) no-repeat;
	color:#FFF;
	float:left;
	font-size:1.4em;
	font-weight:bold;
	padding:8px;
	width:500px;}

#askQuestion{
	float:left;
	width:300px;}

#askQuestion fieldset{
	float:left;
	padding:10px;}

#askQuestion label{
	color:#666;
	float:left;
	font-size:1.2em;
	width:70px;}

#askQuestion input,
#askQuestion textarea{
	border:1px solid #999;
	color:#666;
	float:left;
	font-size:1.2em;
	margin-bottom:5px;
	padding:3px;
	width:195px;}

#askQuestion .error{
	border:1px solid #F00;}
	
#askQuestion .submit{
	border:none;
	float:left;
	margin:0 0 0 70px;
	padding:0;
	width:auto;}

#expertProfile{
	float:left;
	margin:10px 0;
	width:200px;}

#expertProfile h3{
	color:#369;
	font-size:1.5em;
	font-weight:normal;
	padding:10px 0 5px;}

#expertProfile h3 strong{
	color:#369;
	display:block;}

#expertProfile p{
	color:#666;
	font-weight:normal;
	padding:0 0 10px;
	text-align:left;
	width:200px !important;}

#expertProfile .tel{
	background:url(ask-expert-tel-bg.png) no-repeat;
	color:#369;
	padding-top:5px;
	text-align:center;}

#expertProfile .tel strong{
	color:#369;
	display:block;
	font-size:1.8em;
	text-align:center;}

#mainImage{
	float:right;
	width:170px;}

#mainImage img{
	height:170px;
	width:170px;}

#toolButtons{
	float:left;
	list-style:none;
	margin:0;
	padding:5px 0 0;
	width:170px;}

#toolButtons li{
	clear:left;
	float:left;
	margin-bottom:8px;
	width:170px;}

#toolButtons a,
#toolButtons li#btnCallBack,
#toolButtons input#btnWishlist{
	border:none;
	cursor:pointer;
	display:block;
	height:0;
	overflow:hidden;
	padding:27px 0 0;
	width:170px;}

#toolButtons input#btnWishlist{background:url(btn-add-to-wishlist.png) no-repeat left top; height:27px;}
#toolButtons li.BtnRemovefromWishlist a{background:url(btn-remove-from-wishlist.png) no-repeat left top;}
#toolButtons li#btnCallBack{background:url(btn-request-call-back.png) no-repeat left top;}
#toolButtons a#btnPrint{background:url(btn-print.png) no-repeat left top;}

#toolButtons .panel{}
#toolButtons .panel-down{background-image:url(btn-request-callback-active.png) !important;}
#toolButtons .panel-target{}
#toolButtons .panel-closed{display:none;}

#callBackForm{
	background:url(call-back-bg.gif) no-repeat;
	float:left;
	padding:0;
	width:170px;
}
#callBackForm form{
	float:left;
	width:170px;
}
#callBackForm fieldset{
	background:url(call-back-bg.gif) no-repeat 0 100%;
	float:left;
	margin-top:8px;
	padding:0 8px 8px;
	width:154px;
}
#callBackForm label{
	clear:both;
	color:#666;
	float:left;
	font-size:1.2em;
	width:140px;
	}
#callBackForm input,
#callBackForm textarea,
#callBackForm select{
	border:1px solid #ccc;
	color:#666;
	width:143px;
	float:left;
	font-size:1.2em;
	padding:3px;
	margin-bottom:4px;
	}
#callBackForm select{
	width:150px;
	}
#callBackForm select option{
	color:#666;
	}
#callBackForm input#dd,
#callBackForm input#mm{
	width:18px;
	}
#callBackForm input#yyyy{
	width:30px;
	}
#callBackForm .error{
	border:1px solid #F00;
	}
.formComment{
	color:#666;
	display:block;
	float:left;
	font-size:1em;
	padding:4px 0;
	}
#callBackForm .submit{
	border:none !important;
	float:none !important;
	margin:4px 0 0;
	padding:0 !important;
	width:auto !important;}

#infoTabs{
	float:left;
	width:709px;}

#photoGallery{
	list-style:none;
	padding-bottom:10px;
	width:668px;}

#photoGallery li{
	display:inline;}

#photoGallery a{
	display:block;
	float:left;
	height:162px;
	padding:0 5px 5px 0;
	width:162px;}

#photoGallery img{
	height:162px;
	width:162px;}

#pricingTable{
	font-size:1.1em;
	margin:10px 0;
	width:100%;}

#pricingTable thead th{
	background:#458DB8;
	color:#FFF;
	padding:4px;
	text-align:center;}

#pricingTable tbody th{
	border-bottom:1px solid #CCC;
	color:#369;
	font-size:1.2em;
	font-weight:bold;
	padding:4px;}

#pricingTable thead td,
#pricingTable tbody td{
	background:#eee;
	border-bottom:1px solid #CCC;
	color:#666;
	padding:4px;
	text-align:center;}

#pricingTable tfoot td{
	border-top:1px solid #CCC;
	color:#666;
	font-style:italic;
	padding:6px;}

#tabinfoContainer #fragment3 ul,
#tabinfoContainer #fragment4 ul,
#tabinfoContainer #fragment5 ul{
	font-size:1.2em;
	padding:0 0 10px 25px;}

#tabinfoContainer #fragment3 li,
#tabinfoContainer #fragment4 li,
#tabinfoContainer #fragment5 li{
	color:#666;
	margin-bottom:2px;}

.bulletListBox{
	background:url(bullet-list-box-bot.gif) no-repeat 20px 100%;
	float:right;
	margin-bottom:10px;
	padding:0 0 0 20px;
	width:220px;}

.bulletListBox p{
	color:#4998C3 !important;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 0 10px;}

.bulletListBox p.top{
	background:url(bullet-list-box-top.gif) no-repeat;
	padding:10px 0 0 10px;}

/* static pages */
#contentCols.staticPage #rightCol .textContent{
	padding:0 0 10px 10px;}

/* page navigation */
#pageNav{
	float:right;
	padding-top:38px;
	width:218px;}

#pageNav span{
	background:url(page-nav-button-bg.png) no-repeat;
	cursor:pointer;
	display:block;
	float:left;
	font-size:1.4em;
	font-weight:bold;
	height:27px;
	padding:7px 0 0 7px;
	width:211px;}

#pageNav span.panel-down{
	background-position:0 -62px;}

#pageNav ul{
	float:left;
	list-style:none;
	width:218px;}

#pageNav ul li{
	clear:both;
	float:left;
	padding:0;
	width:218px;}

#pageNav ul a{
	background:url(bullet-arrow-tiny.gif) no-repeat 10px 50%;
	border-top:1px solid #B5D2E3;
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	padding:5px 0 5px 18px;
	text-decoration:none;
	width:200px;}

#pageNav ul li.first a{
	border-top:none;}

/** Diving Travel Guide **/
#contentCols.diveguideHome #rightCol{
	position:relative;}

#diveGuideBoxes{
	left:6px;
	position:absolute;
	top:170px;
	width:730px;}

#diveGuideBoxes .box{
	background:url(dive-guide-box-bg.gif) no-repeat;
	float:left;
	margin-left:8px;
	margin-bottom:8px;
	width:232px;}

#diveGuideBoxes .box img{
	padding-left:10px;
	width:212px;}

#diveGuideBoxes .box h2{
	color:#4998C3;
	font-size:1.8em;
	font-weight:bold;
	padding:12px 12px 6px;}

#diveGuideBoxes .box h2 a{
	color:#4998C3;
	font-weight:bold;}

#diveGuideBoxes .box h2 a:hover{
	color:#ccc;}

#diveGuideBoxes .box p{
	background:url(dive-guide-box-bg.gif) no-repeat 0 100%;
	color:#666;
	min-height:0px;
	padding:10px 12px 16px;}

#diveGuideBoxes .box p strong{
	color:#036;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;}

#diveGuideBoxes .box p.last{
	min-height:168px;
	padding-top:5px !important;}

#diveGuideBoxes .box p.last{
	background:url(dive-guide-box-bg.gif) no-repeat 0 100%;
	padding:0 12px 16px;}

#diveGuideBoxes .box p.last a{
	background:url(pdf-icon.gif) no-repeat 0 100%;
	color:#666;
	display:block;
	margin-bottom:10px;
	padding:8px 0 8px 32px;}

#diveGuideBoxes .box p.last a:hover{
	color:#ccc;}
	
#btnBrowseLiveaboards{
	background:url(btn-browse-liveaboard-holidays.png) no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding:27px 0 0;
	width:278px;}

#diveguideLiveaboards{
	float:left;
	width:693px;}

#diveguideLiveaboards h3{
	background:url(destination-title-bg.png) no-repeat;
	cursor:pointer;
	float:left;
	font-size:1.6em;
	font-weight:bold;
	height:30px;
	padding:6px 0 0 10px;
	width:683px;}

#diveguideLiveaboards h3.panel-down{
	background:url(destination-title-bg-active.png) no-repeat;}

#diveguideLiveaboards div{
	background:#587FAE url(destination-table-bg.png) no-repeat;
	float:left;
	margin-bottom:10px;
	width:693px;}

#diveguideLiveaboards table{
	float:left;
	font-size:1.2em;
	width:693px;}

#diveguideLiveaboards thead th{
	border-bottom:1px dotted #A3B8D1;
	font-size:1.2em;
	font-weight:bold;
	padding:8px;
	text-align:center;}

#diveguideLiveaboards tbody th{
	background:#587FAE;
	min-height:300px;
	padding:8px;
	text-align:left;
	vertical-align:top;
	width:100px;}

#diveguideLiveaboards tbody th a{
	background:url(bullet-arrow-tiny.gif) no-repeat 0 8px;
	display:block;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 0 7px;}

#diveguideLiveaboards tbody td{
	border-bottom:1px dotted #A3B8D1;
	font-weight:bold;
	padding:8px;
	vertical-align:top;}

#diveguideLiveaboards tbody td.col{
	width:250px;}

#diveguideLiveaboards tbody td.col a{
	display:block;
	padding-bottom:5px;
	text-decoration:none;}

#diveguideLiveaboards tbody td ul.staticList{
	font-size:1em;
	padding:0 0 0 15px;}

#diveguideLiveaboards tbody td ul.staticList li{
	font-weight:normal;}

/* learn to dive */
#diveText{
	float:left;
	width:465px;}

#courseDestinations{
	float:left;
	width:693px;}

#courseDestinations h3{
	float:left;
	margin-bottom:5px;
	padding-top:5px;
	width:693px;}

#courseDestinations h3 a{
	background:url(destination-title-bg-active.png) no-repeat;
	float:left;
	font-size:1.6em;
	font-weight:bold;
	height:30px;
	padding:6px 0 0 10px;
	text-decoration:none;
	width:683px;}

#courseDestinations ul{
	float:left;
	list-style:none;
	margin-bottom:10px;
	width:693px;}

#courseDestinations li{
	clear:both;
	float:left;}

#courseDestinations li a{
	background:url(bullet-arrow-tiny.gif) no-repeat 20px 50%;
	border-bottom:1px dotted #A3B8D1;
	float:left;
	font-size:1.2em;
	font-weight:normal;
	margin-top:0;
	padding:6px 0 6px 28px;
	width:665px;}

#courseDestinations .row{
	float:left;
	padding-bottom:30px;
	width:693px;}

#courseDestinations .listItem{
	float:left;
	width:346px;}

#courseDestinations .img{
	display:block;
	float:left;
	width:110px;}

#courseDestinations .infoText{
	float:left;
	width:236px;}

#courseDestinations h4 a{
	color:#65A8CC;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:3px;
	text-decoration:none;}

#courseDestinations h4 a:hover{
	color:#fff;}

#courseDestinations p.city{
	padding-bottom:0;}

#courseDestinations p.rating{
	margin-bottom:3px;
	padding-bottom:2px;}

#courseDestinations .listPrice p{
	background:none;
	color:#fff !important;
	height:48px;
	padding:0;
	text-align:left;}

#courseDestinations .listPrice p strong{
	color:#fff;
	text-align:left;}

/* Booking Conditions */
#CancellationTable{
	background:#CCC;
	margin-bottom:15px;
	width:100%;
	}
#CancellationTable th,
#CancellationTable td{
	background:#FFF;
	color:#666;
	padding:4px;
	}
#CancellationTable th{
	font-weight:bold;
	text-align:left;
	}
.bookCons ol{
	font-size:1.2em;
	padding-left:20px
	}
.bookCons ol li p, .bookCons ol li ul, .bookCons ol li ul ul{
	font-size:1em !important;
	}
.bookCons ol li ul{
	padding:0 0 8px 20px !important;
	}
.bookCons ol.sub{
	padding:0 0 10px 25px !important;
	}

/* Site Map */
#sitemapLeft{
	float:left;
	width:345px;}

#sitemapRight{
	float:right;
	width:345px;}

.sitemap h2{
	font-size:1.6em;
	font-weight:bold;}

.sitemap h2 a{
	background:url(bullet-arrow-tiny.gif) no-repeat 0 50%;
	padding-left:8px;}

.sitemap ul a{
	background:url(bullet-disc.gif) no-repeat 0 50%;
	padding-left:8px;}

.sitemap ul{
	font-size:1.4em;
	list-style:none;
	padding:0 0 0 10px;}

.sitemap ul li{
	padding:0 0 7px;}

.sitemap ul li a{
	font-weight:bold;}

.sitemap ul ul{
	font-size:.9em;
	padding-left:25px;}

.sitemap ul ul li{
	padding:0;}

.sitemap ul ul li a{
	font-weight:normal;}

/* Standard Form */

.StandardForm{
	border-top:1px solid #fff;
	float:left;
	margin-bottom:15px;
	padding-top:15px;
	width:693px;
	color:#666}

.StandardForm label{
	float:left;
	font-size:1.4em;
	padding-top:3px;
	width:30%;}

.StandardForm input,
.StandardForm select,
.StandardForm textarea{
	border:4px solid #ccc;
	color:#666;
	float:left;
	font-size:1.4em;
	margin-bottom:6px;
	padding:3px;
	width:50%;}

.StandardForm input:focus,
.StandardForm select:focus,
.StandardForm textarea:focus,
.StandardForm input:hover,
.StandardForm select:hover,
.StandardForm textarea:hover{
	border:4px solid #09C;}

.StandardForm select{
	width:51%;}

.StandardForm p{
	padding-bottom:0;}

input.submit{
	border:none !important;
	float:right;
	margin:10px 0 0;
	padding:0;
	width:auto;}

.StandardForm label.error{color:#F00;}

.StandardForm input.error,
.StandardForm textarea.error,
.StandardForm select.error{
	color:#F00;
	border:4px solid #F00;}

/* Contact Us */

.contact{
	clear:none;
	float:left;
	padding-top:15px;
	width:50%;}

.contact strong{
	font-size:1.4em;}

/* About Us */
#StaffBoxes{
	float:left;
	width:693px;}

#StaffBoxes h2{
	padding-bottom:0;}

.StaffBox{
	background:#fff;
	border:3px solid #DDD;
	float:left;
	margin:10px 0 0;
	padding-bottom:8px;
	width:607px;}

.StaffBox img{
	border:5px solid #DDD;
	float:left;
	margin:8px 8px 0;}

.StaffBox h3{
	color:#4998C3;
	font-size:1.6em;
	font-weight:bold;
	margin-top:8px;
	padding:0 0 0 7px;}

.StaffDetails{
	float:left;}

.StaffDetails p{
	color:#666;
	padding:0 0 10px 7px;
	width:370px;}

.StaffDetails p strong{
	color:#666;
	display:block;}

/** Footer **/
#footerContainer{
	clear:both;
	margin:0 auto;
	padding-top:12px;
	width:952px;}

#footerContainer #tsSites{
	background:url(dotted-line.gif) no-repeat;
	float:left;
	padding:15px 10px;
	width:420px;}

#footerContainer #siteMap{
	background:url(dotted-line.gif) no-repeat 100% 0;
	float:left;
	padding:20px 0;
	width:512px;}

#footerContainer .title{
	height:0;
	overflow:hidden;
	padding:24px 0 0;}

#footerContainer .title.left{
	background:url(footer-ts-site-title.gif) no-repeat;
	width:420px;}

#footerContainer .title.right{
	background:url(footer-sitemap-title.gif) no-repeat;
	width:512px;}

#footerContainer #tsSites ul{
	float:left;
	list-style:none;
	padding:10px 0 0;}

#footerContainer #tsSites li{
	float:left;}

#footerContainer #tsSites a,
#footerContainer #tsSites span{
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding:105px 30px 0 0;
	width:73px;}

#footerContainer #tsSites li.site1 span{background: url(footer-ts-site1.gif) no-repeat;}
#footerContainer #tsSites li.site2 span{background: url(footer-ts-site2.gif) no-repeat;}
#footerContainer #tsSites li.site3 span{background: url(footer-ts-site3.gif) no-repeat;}
#footerContainer #tsSites li.site4 a{background: url(footer-ts-site4.gif) no-repeat;}

#footerContainer #tsSites a:hover{
	background-position:0 -155px !important;}

#footerContainer #siteMap ul{
	float:left;
	font-size:1.2em;
	padding:5px 0 0 16px;
	width:154px;}

#footerContainer #siteMap li{
	padding:0 0 3px;}

#copyrightContainer{
	background:url(dotted-line.gif) no-repeat 50% 0;
	float:left;
	padding:15px 0 15px 10px;
	width:935px;}

#copyrightContainer p{
	background:url(quality-logos.gif) no-repeat 100% 0;
	float:left;
	height:53px;
	width:935px;}

/* Jquery Modal Window */

.jqmWindow{
	clear:both;
	margin:0 auto;
	padding-top:12px;
	width:952px;}

.jqmWindow.jqmID1{
	display:none;
  position:absolute;
  top:17%;
  left:50%;
  margin:0 0 0 -300px !important;
  width:600px !important;
  background-color:#FFF;
  border:10px solid #CCC;
  padding:12px 12px 0 !important;
	z-index:6000;}

.jqmWindow h2{
	color:#417AC0;
	font-weight:bold;
	padding-bottom:10px;}

.jqmWindow p{
	color:#666;}

.jqmWindow ul{
	font-size:1.2em;
	padding:0 0 15px 25px;}

.jqmWindow li{
	color:#666;}

.jqmOverlay{background:#09C; cursor:pointer;}

.jqmClose{cursor:pointer; float:right;}

#scroller{
	background-color:#FFF;
	height:400px;
	overflow:auto;
	width:600px;}

#scroller p{
	padding-right:10px;}
	
/* jq modal trigger buttons */
div.btnDiveInfo{
	background:url(btn-diving-info-bg-left.gif) no-repeat;
	cursor:pointer;
	float:left;
	font-size:1.2em;}

div.btnDiveInfo strong{
	background:url(btn-diving-info-bg-right.gif) no-repeat 100% 0;
	display:block;
	float:left;
	height:23px;
	padding:7px 8px 0 32px;}

/* jq lightBox by Leandro Vieira Pinho - http://leandrovieira.com */
#jquery-overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:7000;
	width:100%;
	height:500px;}

#jquery-lightbox{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:8000;
	text-align:center;
	line-height:0;}

#jquery-lightbox a img{border:none;}

#lightbox-container-image-box{
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;}

#lightbox-container-image{padding:10px;}

#lightbox-loading{
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;}

#lightbox-nav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:520px;
	z-index:10;}

#lightbox-container-image-box > #lightbox-nav{left:0;}

#lightbox-nav a{outline:none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext{
	width:250px;
	height:100%;
	zoom:1;
	display:block;}

#lightbox-nav-btnPrev{ 
	left:0; 
	float:left;}

#lightbox-nav-btnNext{ 
	right:0; 
	float:right;}

#lightbox-container-image-data-box{
	font:1.4em Verdana, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%;
	padding:0 10px 0;}

#lightbox-container-image-data{
	padding:0 10px; }
	
#lightbox-container-image-data #lightbox-image-details{
	width:70%; 
	float:left; 
	text-align:left;}	

#lightbox-image-details-caption{font-weight:bold;color:#666;}

#lightbox-image-details-currentNumber{
	display:block;
	clear:left;
	padding-bottom:1.0em;
	color:#666;}

#lightbox-secNav-btnClose{
	width:110px;
	float:right;
	padding-bottom:0.7em;}

/* jq tabs by http://stilbuero.de/jquery/tabs_3/ */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
	display:none;}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
	display:none;}
}

/* Landing Page Skin */

#infoTabs .ui-tabs-nav{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;}

#infoTabs .ui-tabs-nav:after{ /* clearing without presentational markup, IE gets extra treatment */
	display:block;
	clear:both;
	content:" ";}

#infoTabs .ui-tabs-nav li{
	float: left;
	margin: 0 1px 0 0;
	min-width:84px; /* be nice to Opera */}

#infoTabs .ui-tabs-nav a, #infoTabs .ui-tabs-nav a span{
  display:block;
  padding:0 10px;
  background:url(jq-tab-bg.gif) no-repeat;}

#infoTabs .ui-tabs-nav a{
	margin:0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left:0;
	color:#FFF !important;
	font-size:1.2em;
	line-height:1.2;
	text-align:center;
	text-decoration:none;
	white-space:nowrap; /* required in IE 6 */    
	outline:0; /* prevent dotted border in Firefox */
	position:relative;
	top:4px;}

#infoTabs .ui-tabs-nav .ui-tabs-selected a{
	font-size:1.4em;
	top:0;}

#infoTabs .ui-tabs-nav a span{
	height:20px; /* IE 6 treats height as min-height */
	min-height:20px;
	padding-top:6px;
	padding-right:0;
	color:#FFF !important;}

#infoTabs .ui-tabs-nav .ui-tabs-selected a span{
	height:24px; /* IE 6 treats height as min-height */
	min-height:24px;}

*>.ui-tabs-nav a span { /* hide from IE 6 */
	width:auto;
	height:auto;}

#tabinfoContainer{
	float:left;
	width:709px;}

#tabinfoContainer h2{
	color:#4998C3;}

#tabinfoContainer p{
	color:#666;}

#tabinfoContainer .ui-tabs-panel{
	float:left;
	padding:10px 10px 0;
	width:689px;}

#tabinfoContainer #fragment1.ui-tabs-panel{
	padding-bottom:5px;}

#tabinfoContainer #fragment1,
#tabinfoContainer #fragment2,
#tabinfoContainer #fragment3,
#tabinfoContainer #fragment4,
#tabinfoContainer #fragment5,
#tabinfoContainer #fragment6,
#tabinfoContainer #fragment7{
	background:#fff;
	float:left;
	width:689px;}

/* hovers, actives and other bites */
#infoTabs .ui-tabs-nav .ui-tabs-selected a span{padding-bottom:1px;}
#infoTabs .ui-tabs-nav .ui-tabs-selected{border:none;}
#infoTabs .ui-tabs-nav .ui-tabs-selected a, #infoTabs .ui-tabs-nav a:hover, #infoTabs .ui-tabs-nav a:focus, #infoTabs .ui-tabs-nav a:active{background-position:100% -150px !important;}
#infoTabs .ui-tabs-nav a, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:hover, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:focus, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:active{background-position:100% -100px !important;}
#infoTabs .ui-tabs-nav .ui-tabs-selected a span, #infoTabs .ui-tabs-nav a:hover span, #infoTabs .ui-tabs-nav a:focus span, #infoTabs .ui-tabs-nav a:active span{background-position:0 -50px !important;}
#infoTabs .ui-tabs-nav a span, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:hover span, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:focus span, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:active span{background-position:0 0;}
#infoTabs .ui-tabs-nav .ui-tabs-selected a:link, #infoTabs .ui-tabs-nav .ui-tabs-selected a:visited, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:link, #infoTabs .ui-tabs-nav .ui-tabs-disabled a:visited{cursor:text;}
#infoTabs .ui-tabs-nav .ui-tabs-selected a span{font-weight:bold;}
#infoTabs .ui-tabs-nav a:hover, #infoTabs .ui-tabs-nav a:focus, #infoTabs .ui-tabs-nav a:active,
#infoTabs .ui-tabs-nav .ui-tabs-unselect a:hover, #infoTabs .ui-tabs-nav .ui-tabs-unselect a:focus, #infoTabs .ui-tabs-nav .ui-tabs-unselect a:active{cursor: pointer;}
#infoTabs .ui-tabs-disabled{
	opacity:.4;
	filter:alpha(opacity=40);}

/* Marine Life Calendar Page Skin */

#marinelifeTabs{
	background:#587FAE url(marine-calendar-top-bg.gif) no-repeat;
	border-bottom:8px solid #2C5272;
	float:left;
	padding:10px 0 0;
	width:709px;}

#marinelifeTabs .ui-tabs-nav{
	list-style:none;
	margin:0 0 0 8px;
	padding:0;}

#marinelifeTabs .ui-tabs-nav li{
	float: left;
	margin: 0 5px 0 0;}

#marinelifeTabs .ui-tabs-nav a, #marinelifeTabs .ui-tabs-nav a span{
  display:block;
  padding:0;}

#marinelifeTabs .ui-tabs-nav a{
	background:#253B57;
	margin:0 0 5px;
	color:#FFF !important;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	white-space:nowrap; /* required in IE 6 */    
	outline:0; /* prevent dotted border in Firefox */
	position:relative;}

#marinelifeTabs .ui-tabs-nav .ui-tabs-selected a{
	top:0;}

#marinelifeTabs .ui-tabs-nav a span{
	padding:4px 8px;
	color:#FFF !important;}

#marinelifeTabs .ui-tabs-nav .ui-tabs-selected a span{font-weight:normal !important;}

#marinelifeTabs .ui-tabs-nav .ui-tabs-selected a, #marinelifeTabs .ui-tabs-nav a:hover, #marinelifeTabs .ui-tabs-nav a:focus, #marinelifeTabs .ui-tabs-nav a:active{background:#238DC5;}

#marinelifeinfoContainer{
	background:url(marine-calendar-body-bg.png) no-repeat;
	float:left;
	margin-top:10px;
	padding:0 0 0 8px;
	width:701px;}

#marinelifeinfoContainer .map{
	float:left;
	height:285px;
	margin-bottom:10px;
	width:472px;}

#marinelifeinfoContainer .marinelifeInfo{
	float:left;
	padding:5px 8px 10px 7px; 
	width:200px;}

#marinelifeinfoContainer .marinelifeInfo h2{
	font-size:1.6em;
	font-weight:bold;
	padding:0 0 8px;}

#marinelifeinfoContainer .marinelifeInfo h3{
	font-size:1.5em;
	padding:8px 0 0;}

#marinelifeinfoContainer .marinelifeInfo h3 a{
	color:#4998C3;
	font-weight:bold;}

#marinelifeinfoContainer .marinelifeInfo p{
	clear:none;
	font-size:1.2em;
	padding:0;}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display:inline-block;}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display:inline-block;}

/* jq carousel by http://sorgalla.com/jcarousel/ */

#Carousel{
	border-top:12px solid #1B182E;
	float:left;
	padding:0 0 0 22px;
	position:relative;
	width:950px;}

#Carousel #BtnCaroPrev{
	height:68px;
	left:30px;
	position:absolute;
	top:70px;
	width:20px;}

#Carousel #BtnCaroNext{
	height:68px;
	left:942px;
	position:absolute;
	top:70px;
	width:20px;}

#Carousel button{
	cursor:pointer;
	height:68px;
	overflow:hidden;
	padding:68px 0 0;
	width:20px;}

#Carousel button.prev{background:url(btn-caro-prev.png) no-repeat 0 0;}

#Carousel button.next{background:url(btn-caro-next.png) no-repeat 0 0;}

h3#CarouselTitle{
	background:#fff;
	color:#369;
	display:block;
	float:left;
	font-size:1.6em;
	font-weight:bold;
	padding:12px 0 12px 20px;
	width:928px;}

#CarouselPadding{
	background:#fff url(carousel-bg.gif) no-repeat 0 100%;
	float:left;
	padding:0 0 10px 45px;
	width:903px;}

.CarouselContainer{
	float:left;}

.CarouselContainer ul{
	float:left;
	list-style:none;
	padding-top:10px;
	width:873px;}

.CarouselContainer li{
	border-right:1px solid #ccc;
	float: left;
	margin-bottom:10px;
	min-height:130px;
	list-style: none;
	width: 288px;}

.CarouselContainer a{
	display:block;
	text-decoration:none;}

.CarouselContainer li .img{
	display:block;
	float:left;
	padding:0 5px 0 8px;
	width:100px;}

.CarouselContainer .infoText{
	float:left;
	width:165px;}

.CarouselContainer h3 a{
	color:#65A8CC;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:3px;
	line-height:1.1em;}

.CarouselContainer h3 a:hover{
	color:#ccc;}

.CarouselContainer p.rating{
	padding-bottom:5px;}

.CarouselContainer .listPrice p{
	background:none;
	height:48px;
	padding:0;
	text-align:left;}

.CarouselContainer .listPrice p strong{
	text-align:left;}

.mattblacktabs{
position:absolute;
left:40%;
top:50px;

}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 5px;
padding: 7px 8px; /*padding inside each tab*/
color: white;
background: #2B5174; /*background of tabs (default state)*/
font-weight:bold;
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #4898C2; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.a, .a td {color:#666; font-size:14px; font-weight:bold}