/* Tropical Sky Golf - Screen CSS - Built by Ollie Battams & Doug Banks @ FreshEgg.com */

/** Reset **/
*{border:none; color:#003300; font:1em/1.3em "trebuchet ms",arial,helvetica,sans-serif; margin:0; outline:none; padding:0;}
html{font-size:1em; height:100%;}
body{background:#FFFFFF url(/graphics/page-repeat-bg.png) repeat-x scroll center top; font-size:62.5%; height:100%; width:100%;}
a{color:#003300;}
a:hover{ text-decoration:underline;}
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.6em;}
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:#339900;}
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;}
.hr { background:url(../graphics/hr-background.png) repeat-x 0 50%; width:100%; clear:both;}

/** Page Structure **/
#frameBg{
	background:url(/graphics/page-frame-bg.png) no-repeat 50% 0;
	min-height:628px;
	position:relative;
	width:100%;}

body.bg1 #frameBg{background:url(/graphics/page-frame-bg1.jpg) no-repeat 50% 0 !important;}
body.bg2 #frameBg{background:url(/graphics/page-frame-bg2.jpg) no-repeat 50% 0 !important;}
body.bg3 #frameBg{background:url(/graphics/page-frame-bg3.jpg) no-repeat 50% 0 !important;}
body.bg4 #frameBg{background:url(/graphics/page-frame-bg4.jpg) no-repeat 50% 0 !important;}
body.bg5 #frameBg{background:url(/graphics/page-frame-bg5.jpg) no-repeat 50% 0 !important;}
body.bg6 #frameBg{background:url(/graphics/page-frame-bg6.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:282px;}

#header a#logo{
	background:url(/graphics/tropical-sky-golf_logo.png) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:93px 0 0;
	width:282px;}

#header a#headerContact{
/*	background:url(/graphics/header-tel-contact.png) no-repeat;*/
	float:right;
	/*height:0;
	overflow:hidden;
	padding:54px 0 0;*/
	width:439px;}

/* top navigation */
#topNav{
	float:right;
	width:700px;}

#topNav p{
	float:right;
	padding-bottom:0;
	width:663px;}

#topNav img{
	float:right;
	height:54px;
	width:439px;}

#topNav ul{
	float:left;
	list-style:none;
	width:700px;}

#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(/graphics/btn-nav-1.gif) no-repeat left top; width:50px;}
#topNav span.nav2{background:url(/graphics/btn-nav-2.gif) no-repeat left top; width:130px;}
#topNav a.nav3{background:url(/graphics/btn-nav-3.gif) no-repeat left top; width:106px;}
#topNav a.nav4{background:url(/graphics/btn-nav-4.gif) no-repeat left top; width:60px;}
#topNav a.nav5{background:url(/graphics/btn-nav-5.gif) no-repeat left top; width:101px;}
#topNav a.nav6{background:url(/graphics/btn-nav-6.gif) no-repeat left top; width:72px;}
#topNav a.nav7{background:url(/graphics/btn-nav-7.gif) no-repeat left top; width:47px;}
#topNav a.nav8{background:url(/graphics/btn-nav-8.gif) no-repeat left top; width:86px;}
				
#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,
#Nav8 #topNav a.nav8{
	background-position:0 -84px;
	cursor:default;}

#Nav2 #bannerContainer{}

#topNav ul ul{
	background:url(/graphics/top-sub-nav-bottom.png) no-repeat left top;
	border-bottom:8px solid #58B32D;
	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(/graphics/bullet-sub-nav.gif) no-repeat 97% 50% !important;}

#topNav ul li li:hover{
	background:#90DA6B !important;}

#topNav ul li li:hover ul{
	display:block !important;}

#topNav ul ul ul{
	background:url(/graphics/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;}
	
#homeLeft{
	float:left;
	width:668px;
	padding:0 0 0 20px;
	}
#homeHeader{
	float:left;
	width:648px;
	padding:70px 0 0 0;}

#homeHeader h1{
	background:url(/graphics/home-strapline.png) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:260px 0 0;
	width:648px;}

#homeHeader p{
	float:left;
	font-size:1.4em;
	text-align:right;
	width:648px;}
	
#homeRight{
	float:left;
	width:282px;
	padding:5px 20px 0 0;
	}
#homeRight a.offers{
	float:right;
	padding-bottom:15px;
	width:282px;
	height:120px;
	}
#homeOffer{
	float:right;
	height:355px;
	padding:0;
	margin-bottom:15px;
	position:relative;
	width:248px;}

#homeOffer div.text{
	left:0;
	padding:15px;
	padding-top:0;
	position:absolute;
	top:15px;
	width:218px;}

#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{
	color:#339900 !important;
	font-size:1.8em;}

#homeOffer h3 a{
	color:#339900 !important;
	font-size:1.8em;}

#homeOffer h3 a:hover{
	color:#003300 !important;}
	
#homeOffer p{
	padding:5px 0 10px 0;}
	
#homeRight .blogfeed{
	background:url(../graphics/home-blog-bk.png) no-repeat 0 0;
	height:257px;
	float:right;
	padding:10px;
	width:228px;}

#homeRight .blogfeed a img{
	padding-left:8px;}
	
#homeRight .blogfeed h2{
	height:0;
	padding:36px 0 0 0;
	overflow:hidden;
	width:213px;
	background:url(../graphics/home-blog-h2.png) no-repeat 0 0;}

#homeRight .blogfeed h3 a{
	color:#003300;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;}

#homeRight .blogfeed h3 a:hover{
	color:#fff;}
	
#homeRight .blogfeed div {
	border-bottom:1px dotted #fff;
	margin-bottom:10px;}
	
#homeRight .blogfeed p{
	color:#fff;
	font-size:1.1em;
	padding-bottom:5px;}
	
#homeRight .blogfeed p a{
	color:#fff;
	text-decoration:underline;}
	
#topDestinations{
	clear:both;
	float:left;
	width:668px;}

#topDestinations h2{
	background:url(/graphics/home-top-dest-title.png) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:47px 0 0;
	width:668px;}

#topDestinations .listItem{
	float:left;
	width:210px;
	text-align:center;
	padding-right:15px;}
	
#topDestinations .last{
	padding-right:0;}
	
#topDestinations .listItem div{
	background:url(../graphics/home-destination-glow.png) no-repeat 0 0;
	width:198px;
	height:131px;
	padding:6px;
	padding-left:5px;
	}
#topDestinations .img{
	display:block;
	float:left;
	width:200px;
	margin-bottom:3px;}

/*#topDestinations .infoText{
	float:right;
	width:156px;}*/

#topDestinations h3 a{
	color:#48A11D;
	font-size:1.7em;
	font-weight:bold;	
	text-decoration:none;
	text-transform:uppercase;}

#topDestinations h3 a:hover{
	color:#003300;}

#topDestinations p{
	width:150px;}
	
#homeLeft #intro{
	float:left;
	width:668px;}

#homeLeft #intro h2{
	background:url(/graphics/home-intro-title.gif) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:54px 0 0;
	width:668px;}

#homeLeft #intro img{
	float:right;}

#homeLeft #intro p{
	float:left;
	font-size:1.4em;
	width:468px;}

#homeFooter{
	background:url(/graphics/dotted-line.gif) no-repeat 50% 0;
	clear:both;
	float:left;
	margin-top:5px;
	padding:1px 20px 0;
	width:950px;}

#homeFooter #diveTypes{
	float:left;
	width:310px;}

#homeFooter #diveTypes h2{
	background:url(/graphics/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(/graphics/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 #fff;
	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.first{
	background:none !important;
	padding-left:0;
	}
ul#breadcrumbs li{
	display:block;
	float:left;
	padding:0 0 0 23px;
	background:url(/graphics/bullet-arrow-tiny-crumb.gif) no-repeat 10px 50%;
	}
/*ul#breadcrumbs li{
	display:block;
	float:left;
	font-weight:bold;
	padding:0 15px 0 15px;}

ul#breadcrumbs li a {
	background:url(/graphics/bullet-arrow-tiny-crumb.gif) no-repeat 100% 50%;
	display:block;
	font-weight:bold;
	}*/

ul#breadcrumbs li a:hover{
	color:#CCC;}

#gallery{
	background:url(/graphics/rollover-gallery-bg.png) no-repeat left bottom;
	float:right;
	position:relative;
	width:330px;
	}
#gallery.noBK{
	background:none;
	}
#gallery #corners{
	height:6px;
	left:0;
	position:absolute;
	top:0;
	width:330px;}

#gallery #corners img{
	float:left;}
#gallery #corners.full{
	height:200px;
	left:0;
	position:absolute;
	top:0;
	width:330px;}
#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;}

#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(/graphics/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(/graphics/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;}

/*USA*/
.mapUSA a span{font-size:1em; color:#fff}
.mapUSA div#link1{left:100px; top:125px;}/*Arizona*/
.mapUSA div#link2{left:10px; top:150px;}/*California*/
.mapUSA div#link3{left:210px; top:170px;}/*Florida*/
.mapUSA div#link4{left:50px; top:42px;}/*Nevada*/
.mapUSA div#link5{left:215px; top:80px;}/*North Carolina*/
.mapUSA div#link6{left:165px; top:120px;}/*South Carolina*/

/* caribbean map */
.mapCaribbean a span{font-size:1em; color:#fff}
.mapCaribbean div#link1{left:225px; top:165px;}/*Barbados*/
.mapCaribbean div#link2{left:190px; top:30px;}/*Bermuda*/
.mapCaribbean div#link3{left:160px; top:80px;}/*Dominican Republic*/
.mapCaribbean div#link4{left:35px; top:140px;}/*Jamaica*/
.mapCaribbean div#link5{left:224px; top:140px;}/*St Lucia*/

/* Africa map */
.mapSouthAfrica a span{font-size:1em; color:#fff}
.mapSouthAfrica div#link1{left:50px; top:155px;}/*Cape Town*/
.mapSouthAfrica div#link2{left:210px; top:140px;}/*Durban*/
.mapSouthAfrica div#link3{left:110px; top:80px;}/*Johannesburg*/

/* Thialand map */
.mapThailand a span{font-size:1em; color:#fff}
.mapThailand div#link1{left:205px; top:80px;}/*Bangkok*/
.mapThailand div#link2{left:10px; top:30px;}/*Chiang Mai*/
.mapThailand div#link3{left:190px; top:10px;}/*Chiang Rai*/
.mapThailand div#link4{left:40px; top:75px;}/*Hua Hin*/
.mapThailand div#link5{left:130px; top:135px;}/*Pattaya*/
.mapThailand div#link6{left:200px; top:120px;}/*Phuket*/
.mapThailand div#link7{left:30px; top:110px;}/*Sumui*/

/* Egypt map */
.mapEgypt a span{font-size:1em; color:#fff}
.mapEgypt div#link1{left:110px; top:40px;}/*Cairo*/
.mapEgypt div#link2{left:130px; top:94px;}/*El Goura*/
.mapEgypt div#link3{left:120px; top:72px;}/*Makadi Bay*/
.mapEgypt div#link4{left:170px; top:50px;}/*Sharm El Sheikh*/
.mapEgypt div#link5{left:150px; top:115px;}/*Soma Bay*/

/* 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(/graphics/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(/graphics/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;}
	
h4.climate {
	font-size:2em;	
	color:#339900;
	margin-top:20px;
	font-weight:bold;
	float:left;}
	
	
#tempchart{
	height:192px;
	margin-top:10px;
	width:331px;
	font-weight:bold;}

.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(/graphics/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(/graphics/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(/graphics/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(/graphics/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;}

.desitationListings {
	background:url(../graphics/desitationListingsBK.gif) no-repeat left top;
	width:608px;
	float:left;
	}
.desitationListings .listing {
	background:url(../graphics/listing-dotted-line.png) no-repeat left top;
	width:588px;
	float:left;
	padding:25px 10px;
	position:relative;}
	
.desitationListings .first{
	background:none;
	}
#contentCols.regionPage #leftCol .desitationListings .listing p.desc{
	padding:0;
	width:310px;}
	
.desitationListings .listing img{
	padding:0 10px 0 0;
	float:left;
}
.desitationListings .listing img.noPad{
	padding:0 !important;
	}
.desitationListings .listing .priceBox{
	position:absolute;
	right:5px;
	top:10px;
	width:145px;
}
.desitationListings .listing .priceBox div{
	background:url(../graphics/priceBoxBK.png) no-repeat 0 0;
	width:121px;
	height:54px;
	padding:12px;}
.desitationListings .listing .priceBox div.noBK{
	background:none !important;
	}
.desitationListings .listing .priceBox a.padTop img{
	margin-top:78px;
	}	
#contentCols.regionPage #leftCol .priceBox p{
	font-size:13px;
	color:#336600;
	font-weight:bold;
	width:121px;	
	text-align:center;
	line-height:14px;
	padding:0;}

#contentCols.regionPage #leftCol .priceBox p.price{
	font-size:11px;}
#contentCols.regionPage #leftCol .priceBox p span{
	font-size:22px;
	color:#339900;
	font-weight:bold;}
		
.desitationListings .listing h2 a{
	color:#339900;
	width:310px;
	float:left;
	padding-bottom:0;
	font-weight:bold;
	text-decoration:none;
	}
/*#contentCols.regionPage h2{
	background:url(/graphics/region-grid-title.gif) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	padding:17px 0 0;
	width:595px;}

#regionGrid{
	background:#1C203C url(/graphics/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(/graphics/bullet-arrow-tiny.gif) no-repeat 2px 50%;
	color:#fff;
	display:block;
	padding:7px 0 6px 9px;}

#regionGrid tbody th a:hover{
	background:url(/graphics/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(/graphics/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(/graphics/left-col-bg.gif) repeat-y;}

#contentCols.leftnavPage #leftCol{float:right;}
#contentCols.leftnavPage #rightCol{background:#fff; float:right;}

#contentCols.leftnavPage #leftCol{
	background:#EEE url(/graphics/left-col-top-bg.gif) no-repeat;
	clear:left;
	padding:8px 2px 15px;
	width:220px;}

/*#contentCols.leftnavPage #leftCol *{
	border:1px solid red;}*/

#contentCols.noLeftNav #leftCol{
	background:#EEE url(/graphics/left-col-top-nonav-bg.gif) no-repeat !important;}

#contentCols.leftnavPage #leftCol a#parentdestination {
	background:#006600 url(/graphics/bullet-arrow-tiny.gif) no-repeat 10px 35%;
	color:#fff;
	}
#contentCols.leftnavPage #leftCol ul{
	background:#fff;
	clear:left;
	float:left;
	list-style:none;}

#contentCols.leftnavPage #leftCol ul.sub{
	background:#006600 url(/graphics/left-col-list-top-bg.gif) no-repeat;}
	
#contentCols.leftnavPage #leftCol ul.sub{
	width:220px;}	
	
#contentCols.leftnavPage #leftCol ul.sub a{
	background-position:10px 50%;
	text-transform:uppercase;
	font-weight:bold;
	}
#contentCols.leftnavPage #leftCol ul.favs{
	margin-bottom:15px !important;
	background:#006600 url(/graphics/left-col-list-top-bg.gif) no-repeat;
	width:220px;}
	
#contentCols.leftnavPage #leftCol ul.favs ul{
	width:220px;}

#contentCols.leftnavPage #leftCol ul.favs li{
	padding:0;
	width:218px;}

#contentCols.leftnavPage #leftCol ul.favs p{
	font-size:1em;
	padding:10px 0;
	text-align:center;}
	
#contentCols.leftnavPage #leftCol ul.favs li p a,
#contentCols.leftnavPage #leftCol ul.favs li p img,
#contentCols.leftnavPage #leftCol ul.favs li p span{
	background:none !important;
	text-transform:none;
	font-weight:normal;
	margin-top:5px;
	padding:0 !important;
	text-decoration:underline;
	display:inline;
	height:28px;
	width:170px !important;}
	
#contentCols.leftnavPage #leftCol span{
	color:#fff;
	display:block;
	font-weight:bold;
	padding:0 0 6px 10px;
	width:200px;}
	
#contentCols.leftnavPage #leftCol ul.sub span,
#contentCols.leftnavPage #leftCol ul.favs span{
	padding:8px 0 8px 10px;}

#contentCols.leftnavPage #leftCol ul.favs span{
	background:url(../graphics/favouritesBK.png) no-repeat 5px 50%;
	padding-left:28px;
	width:180px;}

#contentCols.leftnavPage #leftCol ul.sub a{padding-top:6px;}

#contentCols.leftnavPage #leftCol ul.sub ul li a{
	background:url(/graphics/bullet-green-arrow-tiny.gif) no-repeat 13px 55% !important;
	font-weight:bold;
	padding:5px 0 5px 20px !important;
	width:186px;}
	
#contentCols.leftnavPage #leftCol ul.sub ul li li {
	border-top:1px dotted #006600;
	padding:0;}

#contentCols.leftnavPage #leftCol ul.sub ul li li a{
	color:#339900;
	text-transform:none;
	padding:3px 0 3px 35px !important;
	background:url(/graphics/bullet-green-arrow-tiny.gif) no-repeat scroll 28px 55% !important;
	font-size:1.1em;
	font-weight:normal;
	width:160px;}

#contentCols.leftnavPage #leftCol li{
	float:left;
	font-size:1.5em;}

#contentCols.leftnavPage #leftCol ul li a{
	background:url(/graphics/bullet-arrow-tiny.gif) no-repeat 10px 35%;
	color:#006600;
	display:block;
	font-weight:bold;
	padding:0 0 6px 16px;
	text-decoration:none;
	width:204px;}

/*#leftCol * {border:1px solid red;}*/
	
#contentCols.leftnavPage #leftCol a:hover,
#contentCols.leftnavPage #leftCol li li.active a,
#contentCols.leftnavPage #leftCol ul.sub ul li li a.active{
	color:#669A33;}

#contentCols.leftnavPage #leftCol ul ul{
	margin:0;
	}

#contentCols.leftnavPage #leftCol li li{
	background:#fff;
	/*border:1px solid red;*/
	font-size:.9em;
	margin:0;
	padding:1px 6px;
	width:208px;
}
#contentCols.leftnavPage #leftCol li li.first a{
	border-top:none;}

#contentCols.leftnavPage #leftCol li li a{
	background:url(/graphics/bullet-green-arrow-tiny.gif) no-repeat 13px 55% !important;
	border-top:1px dotted #006600;
	font-weight:normal;
	padding:5px 0 5px 20px !important;
	width:186px;}
	
#contentCols.leftnavPage #leftCol ul.sub span.favs{
	background:url(../graphics/favouritesBK.png) no-repeat 10px 3px;
	padding:8px 0 8px 36px;
	width:184px;}
	
/*#listFavourites p {
	width:204px;}*/
	
#ulFavourites {
	background:#fff;}
	
#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:#003300 !important;}

.keywordSearch{
	padding:12px 0 12px 6px;
	width:214px !important;}

.keywordSearch fieldset{
	padding:0;
	width:214px;}

#contentCols.noLeftNav #leftCol .keywordSearch{
	padding-top:0;}

.keywordSearch label.title{
	color:#006600;
	display:block;
	font-size:1.6em;
	font-weight:bold;
	margin:0 0 3px 4px;}

.keywordSearch div.input{
	background:url(/graphics/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:#006600;
	float:left;
	font-size:1.2em;
	width:125px;}

.keywordSearch .submit{
	float:left;
	margin:5px 0 0 2px;}

.panelBox{
	float:left;
	margin-top:15px;
	width:220px;}

.panelBox p{
	float:left;
	padding:0;
	width:220px;
	background:#649932;}

.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(/graphics/left-col-help-title.png) no-repeat;
	padding:63px 0 0;}

.panelBox.needHelp p a{
	background:url(/graphics/left-col-help-button.png) no-repeat !important;
	padding:51px 0 0 !important;}*/
.panelBox.packageDeals a{
	background:none !important;
	padding:0 !important;}

.panelBox.haveQuestion p strong{
	background:url(/graphics/left-col-havequestion-title.png) no-repeat;
	padding:42px 0 0;}

/*.panelBox.haveQuestion p em{
	background:url(/graphics/left-col-havequestion-tel.png) no-repeat;
	padding:49px 0 0;}*/
	
.panelBox.haveQuestion p a{
	background:url(/graphics/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(/graphics/breadcrumbs-709px_bg.png) no-repeat;
	width:699px;}

/* 404 page */

.static404Page, .static500Page {
	background:url(/graphics/404-bg.jpg) no-repeat;
	height:359px;
	padding:140px 0 0 65px;
	width:925px;}

.static404Page *, .static500Page *{
	clear:left;}

	
.static404Page input{
	clear:none;}

.static404Page h1{
	background:url(/graphics/404-h1-bg.gif) no-repeat;
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:40px;
	margin-left:5px;
	width:331px;}
	
.static500Page h1{
	margin-left:10px;
	}
.static404Page p, .static500Page p{
	color:#666;
	float:left;
	font-size:1.4em;
	padding:0 0 10px 10px;
	width:340px;}

.static404Page .keywordSearch, .static404Page .keywordSearch fieldset{
	padding:0 0 0 5px;
	width:370px !important;}

.static404Page .keywordSearch div.input{
	background:url(/graphics/search-404-input-bg.png) no-repeat left top;
	width:270px;float:left;
	}

.static404Page .keywordSearch div.input input{
	width:250px;}
.static404Page .keywordSearch input.submit{
	float:left;
	width:34px;
	}

/* country/location listing page */
#contentCols.countryPage #rightCol #intro{
	float:left;
	padding:0 20px 10px 10px;
	width:345px;}

#listingContainer{
	background:url(/graphics/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(/graphics/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;
	color:#fff;}

#listingContainer #tabBtns a:hover{
	text-decoration:underline;}

#listingContainer #tabBtns li.ui-tabs-selected{
	background:url(/graphics/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;
	color:#fff;}

/*#listingContainer #tabBtns li.ui-tabs-selected a:hover{
	text-decoration:underline;}*/

#contentCols.searchResults #listingContainer #tabBtns li{
	background:url(/graphics/search-tab-bg-inact.gif) no-repeat;}

#contentCols.searchResults #listingContainer #tabBtns li.ui-tabs-selected{
	background:url(/graphics/search-tab-bg-act.gif) no-repeat;}

#listingContainer #tabPanel,
#listingContainer #tabPanel2,
#listingContainer #tabPanel3,
#listingContainer #tabPanel4{
	background:#DDD url(/graphics/tab-panel-bg.gif) no-repeat;
	float:left;
	padding:10px;
	width:689px;}

#listingContainer #listingTabPanel{
	width:689px;}

#listingContainer #filterFormParameters,
#listingContainer #filterForm2Parameters,
#listingContainer #filterForm3Parameters{
	float:left;
	height:0;
	overflow:hidden;
	width:689px;}

#contentCols.searchResults #listingContainer #tabPanel,
#contentCols.searchResults #listingContainer #tabPanel2,
#contentCols.searchResults #listingContainer #tabPanel3,
#contentCols.searchResults #listingContainer #tabPanel4{
	background:#DDD url(/graphics/search-tab-panel-bg.gif) no-repeat;}
	
#listingContainer #loader{
	background:#fff;
	border:1px solid #006600;
	left:145px;
	padding:10px;
	position:absolute;
	text-align:center;
	top:60px;
	width:400px;}

#listingContainer #loader p{
	color:#006600;
	font-size:1.6em;
	font-weight:bold;
	padding:0;
	text-align:center;}
#destinations h2 {
	color:#006600;
	font-size:1.7em;
	font-weight:bold;
	}
	
#listFilter,
#listFilter2,
#listFilter3{
	background:#fff url(/graphics/filter-bg.gif) no-repeat;
	float:left;
	margin-bottom:8px;
	padding:9px;
	width:671px;}

#listFilter form#filterFormParameters{
	height:0;
	overflow:hidden;
	width:0;}

#listFilter form,
#listFilter2 form,
#listFilter3 form{
	float:left;
	width:671px;}

#listFilter h2,
#listFilter2 h2,
#listFilter3 h2{color:#649932; font-weight:bold;}
#listFilter h3.subheader {
	font-size:1.4em;
	}
#listFilter h3.subheader span {
	font-weight:bold;
	color:#339900;
	}

#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(/graphics/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(/graphics/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{
	color:#666;}

.productListing .listItem{
	background:#fff;
	clear:both;
	float:left;
	margin-bottom:10px;
	padding:6px;
	position:relative;
	width:677px;}

.productListing .listImage{
	float:left;
	width:190px;}

.productListing .listImage a,
.productListing .listImage img {
	float:left;
	display:block;}

.productListing .listText{
	float:left;
	width:345px;}
	
.productListing .listText.course{
	float:left;
	width:480px;}
	
.productListing .diveCourse .listText{
	width:535px;}

.productListing .listPrice{
	float:right;
	width:140px;}

.productListing .listText h2{
	float:left;
	font-size:1.8em;
	padding:4px 0 0;
	width:340px;}

.productListing .listText h2 a{
	color:#649932;
	display:block;
	font-weight:bold;
	text-decoration:none;}

.productListing .listText h2 a:hover{
	color:#ccc;}

.productListing .listText h3{
	color:#649932;
	display:block;
	font-size:1.2em;
	font-weight:bold;}
	
.productListing .listText.course p{
	float:left;
	line-height:1.35;
	padding:0;
	width:485px !important;}

.productListing .listText p{
	line-height:1.35;
	padding:0;
	width:340px;}
	
.productListing .diveCourse .listText p{
	height:auto !important;
	width:535px;}

.rating{
	height:18px !important;}

.rating em, .rating2 em{
	color:#666;
	display:block;
	float:left;
	font-style:normal;
	padding-top:2px;
	width:44px;}
	
.rating2 em{ width:70px; padding-top:5px; font-size:1.1em;}

.rating strong{
	background:url(/graphics/star-rating.png) no-repeat;
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding:18px 0 0;
	width:108px;}

.rating.star55 strong{background-position:0 -18px}
.rating.star5 strong{background-position:0 -36px}
.rating.star45 strong{background-position:0 -54px}
.rating.star4 strong{background-position:0 -72px}
.rating.star35 strong{background-position:0 -90px}
.rating.star3 strong{background-position:0 -108px}
.rating.star25 strong{background-position:0 -126px}
.rating.star2 strong{background-position:0 -144px}
.rating.star15 strong{background-position:0 -162px}
.rating.star1 strong{background-position:0 -180px}

ul.ratings {
	clear:both;
	float:left;
	list-style:none;
	padding-top:4px;
	width:485px;
	}
ul.ratings li{
	float:left;
	color:#669A33;
	}
ul.ratings li.course.listPrice {
	padding-top:10px;
	}
ul.ratings li.text{
	padding-top:15px;
	padding-right:4px;
	font-style:italic;
	}
ul.ratings .rating2, .rating2 strong{
	background:url(/graphics/price-rating.png) no-repeat;
	height:0;
	padding-top:25px !important;
	overflow:hidden;
	width:95px;
	display:block;
}

a.rating2:hover span, li a.rating2:hover span{display:block; z-index:200;}

ul.ratings .rating2 {margin-top:9px;}

.rating2 span, ul.ratings .rating2 span, .rating3 span, ul.ratings .rating3 span {
	background:#FFF;
	height:150px;
	left:100px;
	position:absolute;
	text-align:center;
	top:-60px;
	width:173px;
	display:none;
	overflow:visible;
}
p.rating2 a.rating2 span {
	left:500px;
	top:10px;}
ul.ratings .rating2{
	width:95px;
}
.rating2.price4, .rating2.price4 strong {background-position:0 -2px !important;}
.rating2.price3, .rating2.price3 strong {background-position:0 -27px !important;}
.rating2.price2, .rating2.price2 strong {background-position:0 -52px !important;}
.rating2.price1, .rating2.price1 strong {background-position:0 -80px !important;}

ul.ratings .rating3, .rating3 strong{
	background:url(/graphics/diff-rating.png) no-repeat;
	height:0;
	padding-top:38px !important;
	overflow:hidden;
	display:block;
	width:85px;
}
a.rating3:hover span, li a.rating3:hover span, a.rating2:hover span {display:block;}

.rating3 span, ul.ratings .rating3 span {left:244px;}

.rating3.diff4 {background-position:0 0 !important;}
.rating3.diff3 {background-position:0 -38px !important;}
.rating3.diff2 {background-position:0 -74px !important;}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	display:block;
	}
.listPrice.remove {background:none;}
/*.listPrice p{
	background:url(/graphics/list-price-bg.png) no-repeat;
	color:#649932 !important;
	font-size:1.4em;
	height:70px;
	padding:15px 0 0;
	text-align:center;
	width:140px;}

.listPrice p strong{
	color:#006600;
	display:block;
	font-size:1.5em;
	line-height:.8em;
	text-align:center;}*/
.listPrice{
	/*background:url(/graphics/list-price-bg.png) no-repeat;*/
	text-align:center;
	}
.listPrice div {
	background:transparent url(../graphics/priceBoxBK.png) no-repeat scroll 0 0;
	height:54px;
	padding:12px;
	margin-bottom:10px;
	width:121px;
	}
	
.listPrice.course{
	background:none;
	}	
.listPrice p{
	font-size:13px;
	color:#336600;
	font-weight:bold;
	text-align:center;
	line-height:14px;
	padding:0 !important;}

.listPrice p.price{
	font-size:11px;
	background:none;
	}
.listPrice p span{
	font-size:22px;
	color:#339900;
	font-weight:bold;}

.listPrice a{
	height:23px;
	width:140px;
	float:left;
	display:block;
}	
/*.listPrice a{
	background:url(/graphics/btn-see-more-details.png) no-repeat;
	cursor:pointer;
	display:block;
	display:inline-block;	
	float:left;
	height:0;
	overflow:hidden;
	padding:23px 0 0 0;
	width:140px;}*/

ul.listingPagination{
	float:right;
	list-style:none;
	margin:0;
	padding:0;}

ul.listingPagination li{
	background:url(/graphics/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(/graphics/page-num-bg-active.gif) no-repeat left top;}

ul.listingPagination a,
ul.listingPagination span{	
	color:#006600;
	display:block;
	padding:2px 0;
	text-align:center;
	text-decoration:none;
	width:18px;}

ul.listingPagination li a:hover{
	color:#006600;}

ul.listingPagination li.active span{
	color:#FFF;}

ul.listingPagination li.prev,
ul.listingPagination li.next{
	width:69px;}

ul.listingPagination li.prev{
	background:url(/graphics/btn-prev.gif) no-repeat left top;}

ul.listingPagination li.next{
	background:url(/graphics/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{
	float:left;
	width:560px;}

p.resultCount{
	float:left;
	padding:4px 0;
	width:200px;}

p.resultSortLabel{
	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:#006600;
	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 h2,
#contentCols.landingPage #rightCol #intro p{
	float:left;
	width:486px;}

#contentCols.landingPage #rightCol #intro .rating,
#contentCols.landingPage #rightCol #intro .rating2,
#contentCols.landingPage #rightCol #intro .rating3{
	float:right !important;
	height:12px;
	padding-top:6px;
	width:108px !important;}
	
#contentCols.landingPage #rightCol #intro .rating2 {
	padding:0 !important;}
	
#TeamPhoto{
	height:111px;
	left:422px;
	position:absolute;
	top:-5px;
	width:92px;}

#TeamPhoto img{
	height:112px;
	width:94px;}

#askExpert{
	border:1px solid #ddd;
	/*background:url(/graphics/askquestion-brdr-bg.gif) no-repeat 0 100%;*/
	float:left;
	padding-bottom:10px;
	position:relative;
	width:516px;}

#askExpert h2{
	background:url(/graphics/askquestion-title-bg.jpg) no-repeat;
	color:#FFF;
	float:left;
	font-size:1.4em;
	font-weight:bold;
	padding:8px;
	width:500px !important;}

#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:#006600;
	font-size:1.5em;
	font-weight:normal;
	padding:10px 0 5px;}

#expertProfile h3 strong{
	color:#003300;
	display:block;}

#expertProfile p{
	color:#666;
	font-weight:normal;
	padding:0 0 10px;
	text-align:left;
	width:200px !important;}

#expertProfile .tel{
	background:url(/graphics/ask-expert-tel-bg.png) no-repeat;
	color:#006600;
	padding-top:5px;
	text-align:center;}

#expertProfile .tel strong{
	color:#006600;
	display:block;
	font-size:1.8em;
	text-align:center;}

#mainImage{
	float:right;
	width:170px;}

#mainImage img#MainImage{
	height:119px;
	width:170px;}

#imgCourseDifficulty{
	height:137px;
	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, #toolButtons input#BtnRemovefromWishlist {
	border:none;
	cursor:pointer;
	display:block;
	height:0;
	overflow:hidden;
	padding:27px 0 0;
	width:170px;}

#toolButtons input#btnWishlist{
	height:42px !important;
	padding:42px 0 0 !important;}

#toolButtons li.slopeRating { 
	background:url(../graphics/slope-rating.png) no-repeat 0 0; 
	padding:5px 0 0 105px;
	width:65px;
	height:20px;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	}

#toolButtons input#btnWishlist{background:url(/graphics/btn-add-to-wishlist.png) no-repeat left top; height:27px;}
#toolButtons input#BtnRemovefromWishlist{background:url(/graphics/btn-remove-from-wishlist.png) no-repeat left top; height:27px;}
toolButtons li.BtnRemovefromWishlist a{background:url(/graphics/btn-remove-from-wishlist.png) no-repeat left top;}
#toolButtons li#btnCallBack{background:url(/graphics/btn-request-call-back.png) no-repeat left top;}
#toolButtons a#btnPrint{background:url(/graphics/btn-print.png) no-repeat left top;}
#toolButtons .panel{}
#toolButtons .panel-down{background-image:url(/graphics/btn-request-callback-active.png) !important;}
#toolButtons .panel-target{}
#toolButtons .panel-closed{display:none;}

#callBackForm{
	/*background:url(/graphics/call-back-bg.gif) no-repeat;*/
	float:left;
	padding:0;
	width:170px;
}
#callBackForm form{
	float:left;
	width:170px;
}
#callBackForm fieldset{
	/*background:url(/graphics/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:696px;}

#photoGallery li{
	display:inline;}

#photoGallery a{
	display:block;
	float:left;
	height:119px;
	padding:0 4px 5px 0;
	width:170px;}

#photoGallery img{
	height:119px;
	width:170px;}

#pricingTable{
	font-size:1.1em;
	margin:10px 0;
	width:100%;}

#pricingTable thead th{
	background:#669933;
	color:#FFF;
	padding:4px;
	text-align:center;}

#pricingTable tbody th{
	border-bottom:1px solid #CCC;
	color:#006600;
	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(/graphics/bullet-list-box-bot.gif) no-repeat 20px 100%;
	float:right;
	margin-bottom:10px;
	padding:0 0 0 20px;
	width:220px;}

.bulletListBox p{
	color:#006600 !important;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 0 10px;}

.bulletListBox p.top{
	background:url(/graphics/bullet-list-box-top.gif) no-repeat;
	padding:10px 0 0 10px;}

.btnBack{
	float:left;
	padding-left:10px;
	width:690px;}

.btnBack a{
	background:url(/graphics/btn-back-bg.png) no-repeat;
	float:left;
	padding:0 0 0 38px;
	text-decoration:none;}

.btnBack a span{
	background:url(/graphics/btn-back-bg.png) no-repeat right top;
	color:#FFF;
	cursor:pointer;
	float:left;
	font-size:1.4em;
	font-weight:bold;
	height:30px;
	padding:7px 10px 0 0;
	white-space:nowrap;}

.btnBack a:hover span{
	color:#84B73F;}

/* static pages */
#contentCols.staticPage #rightCol .textContent,
#contentCols.searchResults #rightCol .textContent
{
	padding:0 0 10px 10px;}

/* page navigation */
#pageNav{
	float:right;
	padding-top:38px;
	width:218px;}

#pageNav span{
	background:url(/graphics/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(/graphics/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(/graphics/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(/graphics/dive-guide-box-bg.gif) no-repeat 0 100%;
	color:#666;
	min-height:0px;
	padding:10px 12px 16px;}

#diveGuideBoxes .box p strong{
	color:#003300;
	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(/graphics/dive-guide-box-bg.gif) no-repeat 0 100%;
	padding:0 12px 16px;}

#diveGuideBoxes .box p.last a{
	background:url(/graphics/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(/graphics/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(/graphics/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(/graphics/destination-title-bg-active.png) no-repeat;}

#diveguideLiveaboards div{
	background:#587FAE url(/graphics/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(/graphics/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(/graphics/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(/graphics/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(/graphics/bullet-green-arrow-tiny.gif) no-repeat 0 50%;
	padding-left:8px;}

.sitemap ul a{
	background:url(/graphics/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 #ccc;
	float:left;
	margin-bottom:15px;
	padding-top:15px;
	width:693px;}

.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 #006600;}

.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:#006600;
	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;}
/*Special Offers*/
#offersContainer {
	padding:0 0 20px 22px;
	}
#offersContainer .row{
	width:956px;
	float:left;
	}
#offersContainer .offer{
	margin-right:10px;
	margin-bottom:10px;
	width:452px;
	float:left;
	border:6px solid #ccc;
	padding:2px;
	}
#offersContainer .offer a.switch{background:url(../graphics/collapsed.gif) no-repeat 0 0; cursor:pointer;} 
#offersContainer .offer a.switch.on{background:url(../graphics/expanded.gif) no-repeat 0 0; cursor:pointer;}

#offersContainer img.picture{
	float:left;
	padding-right:10px;
	}
#offersContainer a.switch{
	display:block;
	width:452px;
	height:0;
	padding-top:23px;
	overflow:hidden;
	}
#offersContainer p.location {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
	padding:5px;
	color:#66CC33;
	}
#offersContainer p.shortD {
	font-size:1.3em;
	}
#offersContainer .longD p{
	padding:10px;
	}
#offersContainer li.listTitle {
	font-weight:bold;
	font-size:1.5em;
	color:#339900;
	padding:0;
	line-height:35px;
	}
#offersContainer ul.detailsList {
	width:180px;
	float:left;
	display:block !important;
	padding-left:10px;
	list-style:none;
	}
#offersContainer ul.detailsList.right {
	width:217px;
	}
#offersContainer ul.detailsList li a {
	line-height:18px;
	font-size:1.2em;
	padding-left:10px;
	background:url(../graphics/bullet-arrow-tiny-crumb.gif) no-repeat 0 50%;
	}
#offersContainer ul.facilities {
	background:url(../graphics/facilitiesULBK.gif) no-repeat 0 0;
	width:212px;
	padding:10px 0 0 10px;
	margin-top:4px;
	float:left;
	display:block !important;
	list-style:none;
}
#offersContainer ul.facilities li.listTitle{
	font-size:1.3em;
	line-height:25px;
	background:none;
	margin:0 !important;
	}
#offersContainer ul.facilities li{
	font-size:1.1em;
	margin:0 0 0 15px !important;
	padding-left:7px !important;
	color:#66CC33;
	background:url(../graphics/bullet-green-arrow-tiny.gif) no-repeat 0 50%;
}
#destLeft {
	float:left;
	width:300px;}

#destRight {
	float:left;
	width:300px;}

ul.golfCourses {
	float:left;
	padding:0 0 10px;
	width:300px;}
.golfCourses li {
	list-style:none;
	float:left;
	padding:3px;
	}
.golfCourses li a {	
	background:#58B32D;	
	padding:6px;
	color:#fff;
	display:block;
	font-size:1.3em;
	text-decoration:none;
	}
.golfCourses li a:hover, .golfCourses li a.active {
	background:#006600;}	
/*Score cards	*/
.scorecards {
	padding:15px;
	}
.scorecards img.scorecard {
	float:left;
	padding-right:15px;	
	}
.scorecards a { display:block;}
.scorecards h3 {
	font-size:1.6em;
	}
.scorecards .downloadPDFbtn {
	padding:15px 0;
	
	}
/*Package Groups*/
.packages {
	width:160px;
	height:160px;
	padding:15px 0 15px 188px;
	float:left;
}
.packages.group1 {
	background:url(../graphics/package1BK.png) no-repeat 0 0;
	}
.packages.group2 {
	background:url(../graphics/package2BK.png) no-repeat 0 0;
	}
.packages.group3 {
	background:url(../graphics/package3BK.png) no-repeat 0 0;
	}
.packages.group4 {
	background:url(../graphics/package4BK.png) no-repeat 0 0;
	}
.packages h2 {
	padding:0;
	font-size:2.0em;
	font-weight:bold;
	}
.packages h3 {
	font-size:1.4em;
	}
.packages ul{
	padding-left:15px;
	font-size:1.2em;
	}
.packages ul li{
	line-height:18px;
	}
/*Favourites*/
.favListing {
	background:transparent url(/graphics/hr-background.gif) repeat-x scroll left bottom !important;
	padding:15px 0 !important;
	}
.favListingfirst {
	background:none;
	padding:15px 0;
	}
a.favsBtn {
	padding:0;
	}
/** Footer **/
#footerContainer{
	clear:both;
	margin:0 auto;
	width:952px;
	padding-top:12px;}

#footerContainer #tsSites{
	background:url(/graphics/hr-background.gif) repeat-x 0 0;
	float:left;
	padding:15px 10px;
	width:420px;}

#footerContainer #siteMap{
	background:url(/graphics/hr-background.gif) repeat-x 100% 0;
	float:left;
	padding:15px 0;
	width:512px;}

#footerContainer .title{
	height:0;
	overflow:hidden;
	padding:24px 0 0;}

#footerContainer .title.left{
	background:url(/graphics/footer-ts-site-title.gif) no-repeat;
	width:420px;}

#footerContainer .title.right{
	background:url(/graphics/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(/graphics/footer-ts-site1.gif) no-repeat;}
#footerContainer #tsSites li.site2 span{background: url(/graphics/footer-ts-site2.gif) no-repeat;}
#footerContainer #tsSites li.site4 a{background: url(/graphics/footer-ts-site4.gif) no-repeat;}
#footerContainer #tsSites li.site3 a{background: url(/graphics/footer-ts-site3.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(/graphics/hr-background.gif) repeat-x 50% 0;
	float:left;
	padding:15px 0 15px 10px;
	width:935px;}

#copyrightContainer p{
	background:url(/graphics/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:#669933;
	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:#669933; 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(/graphics/btn-diving-info-bg-left.gif) no-repeat;
	cursor:pointer;
	float:left;
	font-size:1.2em;}

div.btnDiveInfo strong{
	background:url(/graphics/btn-diving-info-bg-right.gif) no-repeat 100% 0;
	display:block;
	float:left;
	height:23px;
	padding:7px 8px 0 32px;
	color:#fff;}

/* 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:10000;
	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(/graphics/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;	
	border:1px solid #ddd;}

#tabinfoContainer h2{
	color:#85B840;}

#tabinfoContainer p{
	color:#666;}

#tabinfoContainer .ui-tabs-panel{
	float:left;
	padding:10px;
	width:689px;}

#tabinfoContainer #fragment1.ui-tabs-panel{
	padding:10px 0 5px 10px;
	width:699px;}

#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);}

/* 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 #fff;
	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(/graphics/btn-caro-prev.png) no-repeat 0 0;}

#Carousel button.next{background:url(/graphics/btn-caro-next.png) no-repeat 0 0;}

h3#CarouselTitle{
	background:#fff;
	color:#006600;
	display:block;
	float:left;
	font-size:1.6em;
	font-weight:bold;
	padding:12px 0 12px 20px;
	width:928px;}

#CarouselPadding{
	background:#fff;
	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:#669933;
	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 {
	background:none !important;
	padding:0;}
.CarouselContainer .listPrice p{
	background:none !important;
	height:40px;
	padding:0;
	text-align:left;}
	
.CarouselContainer .listPrice a.moreDetails {
	background:url(../graphics/btn-see-more-details.png) no-repeat 0 0;
	height:0;
	padding-top:23px;
	overflow:hidden;
	}
	
.CarouselContainer .listPrice p strong{
	text-align:left;
	display:block;
	font-size:1.5em;
	line-height:1.1em;
	}