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

body{
	font-family:Arial, Helvetica, sans-serif;
}
h2{
	margin:auto;
}



a{
	outline:none;
}
h4{
	margin:0;
	padding:0;
	font-weight:bold;
}




.rexmainnav ul{
	margin:0;
	padding:0;
}
.rexmainnav ul li{
	list-style:none;
	float:right;
	height:27px;
	font-size:12px;
	font-weight:bold;
	margin:0 3px;
}
.rexmainnav ul li a{
	background:#fdcc4a;
	border:1px solid #ffa202;
	display: block;
	line-height:27px;
	padding:0 10px;
	text-decoration:none;
	color:#727272;
}

.rexmainnav ul li a:hover{
	color:#FFF;
	background:url(../images/bg-main-btn-hover.jpg) repeat-x #6eb6fb;
	border:1px solid #3eb7ef;
}

/*------------------- Member Type --------------------*/
#membertype{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#membertype ul{
	margin:0;
	padding:0;
}
#membertype ul li{
	list-style:none;
	float:left;
	margin:0 5px 0 5px;
	width:48%;
	background:url(../images/bg-member-content.jpg) 0 0 repeat-x;
	text-align:justify;
	padding:0 0;
}
#membertype ul li h2{
	height:97px;
	background:url(../images/bg-member-header.jpg) no-repeat;
	margin:0;
	padding:15px 0 0 0;
	text-align:center;
	font-size:18px;
	font-weight:normal;
	color:#908b8b;
	font-family:Arial, Helvetica, sans-serif;
}
#membertype ul li h2 .gold{
	color:#b6a347;
}
#membertype ul li h2 .lightblue{
	color:#6f9cba;
}
#membertype ul li h2 .darkerblue{
	color:#3f637d;
}
#membertype ul li p{
	padding:14px;
	margin:0;
	height:130px;
}
#membertype ul li .footer{
	background:url(../images/bg-member-footer.jpg) no-repeat;
	height:29px;
}

/*------------------- Rex Services Item --------------------*/

/*Associate Resort*/
#associateresort{
	width:700px;
	border:1px solid #eeeeee;
	padding:14px;
	background:url(../images/bg-associate-resort.jpg) repeat-x #FFF;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:10px 0;
}
#associateresort h2{
	font-size:27px;
	font-weight:normal;
	margin:0 0 8px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

.resort_accordion_wrapper{
	font-size:11px;
	border:1px solid #eaeaea;
	width:700px;
	margin:8px auto;
}
.resort_accordion_wrapper h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:0 0 12px 0;
	padding:0;
}
.resort_accordion_wrapper p{
	margin:0 0 8px 0;
}
.resort_accordion_wrapper .acToggle{
	padding:22px 11px 12px 11px;
	background:url(../images/bg-associate-resort-item.jpg) repeat-x #FFF;
	color:#000;
	cursor:pointer;
	height:122px;
	font-size:11px;
}
.acStretch{
	padding:0 15px 15px 15px;
	background:#FFF;
}
.acStretch .address{
	height:134px;
	background:url(../images/bg-resort-address.jpg) repeat-x;
	border:1px solid #eaeaea;
	margin-bottom:20px;
	padding:15px;
}
.acStretch h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	padding-left:22px;
	background:url(../images/arrow.gif) 0 3px no-repeat;
	margin:0 0 4px 0;
}
ul.tableheader{
	margin:0;
	padding:0;	
	border-bottom:1px solid #FFF;
}
ul.tableheader li{
	background:url(../images/bg-resort-table-header.jpg) repeat-x;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #FFF;
	list-style:none;
	padding:0 6px 0 10px;
	line-height:26px;
	float:left;
}
ul.tableitemdarkblue{
	margin:0;
	padding:0;
	clear:both;
	list-style:none;
}
ul.tableitemdarkblue li{
	float:left;
	width:150px;
	border-right:1px solid #FFF;
	list-style:none;
	padding:8px 6px 8px 10px;
	display:block;
	background:#f3faff;
	border-bottom:1px solid #FFF;
}
ul.tableitemlightblue{
	margin:0;
	padding:0;
	clear:both;
	list-style:none;
}
ul.tableitemlightblue li{
	float:left;
	width:150px;
	border-right:1px solid #FFF;
	list-style:none;
	padding:8px 6px 8px 10px;
	display:block;
	background:#fafdff;
	border-bottom:1px solid #FFF;
}
.resort_accordion_wrapper h4{
	font-family:Arial, Helvetica, sans-serif;
	width:657px;
	border-right:1px solid #FFF;
	list-style:none;
	padding:5px 0 5px 10px;
	display:block;
	background:#daebf7;
	font-size:11px;
	margin:0;
	border-bottom:1px solid #FFF;
}
.resort_accordion_wrapper h4.medium{
	width:490px;
	border-right:1px solid #FFF;
	list-style:none;
	padding:5px 0 5px 10px;
	display:block;
	background:#daebf7;
	font-size:11px;
	margin:0;
	border-bottom:1px solid #FFF;
}


/*------------------- Rex Services Item --------------------*/

/*Associate Resort*/
.itembox{
	width:700px;
	border:1px solid #eeeeee;
	padding:14px;
	background:url(../images/bg-associate-resort.jpg) repeat-x #FFF;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:10px 0;
}
.itembox h2{
	font-size:22px;
	font-weight:normal;
	margin:0 0 8px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}






























/*Bali Experience*/
#baliexperiencecontent{
	width:730px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:10px 0;
}
#baliexperience{
	width:700px;
	border:1px solid #dff7d9;
	padding:14px;
	background:url(../images/bg-bali-experience.jpg) repeat-x #FFF;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:10px 0;
}
#baliexperience h2{
	font-size:27px;
	font-weight:normal;
	margin:0 0 8px 0;
	padding:0;
	color:#52b330;
	font-family:Arial, Helvetica, sans-serif;
}

ul.tableheadergreen{
	margin:0;
	padding:0;	
	border-bottom:1px solid #FFF;
}
ul.tableheadergreen li{
	width:165px;
	background:url(../images/bg-exp-table-header.jpg) repeat-x;
	color:#000;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #FFF;
	list-style:none;
	padding:0 6px 0 10px;
	line-height:26px;
	float:left;
}

ul.tableitemdarkgreen{
	margin:0;
	padding:0;
	clear:both;
	list-style:none;
}
ul.tableitemdarkgreen li{
	float:left;
	width:165px;
	border-right:1px solid #FFF;
	list-style:none;
	padding:8px 6px 8px 10px;
	display:block;
	background:#edf9e9;
	border-bottom:1px solid #FFF;
	text-align:center;
}
ul.tableitemlightgreen{
	margin:0;
	padding:0;
	clear:both;
	list-style:none;
}
ul.tableitemlightgreen li{
	float:left;
	width:165px;
	border-right:1px solid #FFF;
	list-style:none;
	padding:8px 6px 8px 10px;
	display:block;
	background:#f6fef4;
	border-bottom:1px solid #FFF;
	text-align:center;
}
h4.green{
	font-family:Arial, Helvetica, sans-serif;
	width:717px;
	border-right:1px solid #FFF;
	list-style:none;
	padding:5px 0 5px 10px;
	display:block;
	background:#e3f6de;
	font-size:11px;
	margin:0;
	border-bottom:1px solid #FFF;
	font-weight:bold;
	color:#000;
}



/*Bali Diving*/
#balidiving{
	width:700px;
	border:1px solid #e4edf9;
	padding:14px;
	background:url(../images/bg-bali-diving.jpg) repeat-x #FFF;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:10px 0;
}
#balidiving h2{
	font-size:27px;
	font-weight:normal;
	margin:0 0 8px 0;
	padding:0;
	color:#4e8bd8;
	font-family:Arial, Helvetica, sans-serif;
}

.diving_accordion_wrapper{
	font-size:11px;
	border:1px solid #e4edf9;
	margin-bottom:16px;
	width:100%;
}
.diving_accordion_wrapper h2{
	font-size:20px;
	font-weight:normal;
	margin:0 0 12px 0;
	padding:0;
	color:#4e8bd8;
	font-family:Arial, Helvetica, sans-serif;
}
.diving_accordion_wrapper p{
	margin:0 0 8px 0;
}
.diving_accordion_wrapper .acToggle{
	padding:22px 11px 12px 11px;
	background: url(../images/bg-diving-item.jpg) repeat-x #FFF;
	color:#000;
	cursor:pointer;
	height:122px;
	font-size:11px;
}
ul.tableheadergrey{
	margin:0;
	padding:0;	
	border-bottom:1px solid #FFF;
}
ul.tableheadergrey li{
	width:82px;
	background:url(../images/bg-diving-table-header.jpg) repeat-x;
	color:#000;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #FFF;
	list-style:none;
	padding:0 0 0 10px;
	line-height:26px;
	float:left;
}

ul.tableitemdarkgrey{
	margin:0;
	padding:0;
	clear:both;
	list-style:none;
}
ul.tableitemdarkgrey li{
	float:left;
	width:82px;
	border-right:1px solid #FFF;
	list-style:none;
	padding:8px 0 8px 10px;
	display:block;
	background:#f5f5f5;
	border-bottom:1px solid #FFF;
}
ul.tableitemlightgrey{
	margin:0;
	padding:0;
	clear:both;
	list-style:none;
}
ul.tableitemlightgrey li{
	float:left;
	width:82px;
	border-right:1px solid #FFF;
	list-style:none;
	padding:8px 0 8px 10px;
	display:block;
	background:#fbfbfb;
	border-bottom:1px solid #FFF;
}
ul.divesafariitinerary{
	margin:0;
	padding:0;
	clear:both;
}
ul.divesafariitinerary li{
	list-style:none;
	background:#F4F4F4;
	border-bottom:3px solid #FFF;
	padding:6px 10px;
	float:left;
}
ul.divesafariitinerary li.day{
	width:70px;
	margin-right:3px;
}
ul.divesafariitinerary li.desc{
	width:550px;
}
















.clear{
	clear:both;
	line-height:1px;
	margin:0;
	padding:0;
}
a.morebtn{
	width:69px;
	height:30px;
	background:url(../images/more-btn.jpg) no-repeat;
	font-size:10px;
	display:block;
	padding:6px 0 0 17px;
	float:right;
	text-decoration:none;
	color:#301f0d;
}
a.morebtn:hover{
	color:#d2a51a;
}
.imgleft{
	float:left;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #e1e1e1;
	margin:0 18px 10px 0;
}
.imgleftthree{
	float:left;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #e1e1e1;
	margin:0 3px 10px 3px;
}
.imgright{
	float:right;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #e1e1e1;
	margin:0 18px 0 10px;
}
.imgrightnoborder{
	float:right;
	margin:0 5px 0 5px;	
}
.imgleftnoborder{
	float:left;
	margin:0 18px 10px 0;	
}
.imgresort{
	background:url(../images/bg-resort-images.gif) no-repeat;
	width:116px;
	height:126px;
	padding:6px 10px 0 10px;
	float:right;
	display:block;
	text-align:center;
}

.preferredmembericon{
	width:25px;
	height:35px;
	float:right;
	text-indent:-2000px;
	background:url(../images/preferred-member-icon-grey-bg.jpg) no-repeat;
	margin-left:4px;
}
.goldmembericon{
	background:url(../images/gold-member-icon-small.jpg) 0 2px no-repeat;
	width:38px;
	height:35px;
	float:right;
	margin-left:4px;
}
.blackmembericon{
	background:url(../images/black-member-icon-small.jpg) 0 2px no-repeat;
	width:38px;
	height:35px;
	float:right;
	margin-left:4px;
}
.profile{
	height:69px;
	width:52px;
	display:block;
	float:right;
	margin-left:10px;
	background:url(../images/profile-btn.gif) no-repeat;
	font-size:10px;
	color:#ff0000;
	padding:19px 0 0 12px;
}
.moreinfo{
	height:74px;
	width:52px;
	display:block;
	float:right;
	margin-left:10px;
	background:url(../images/profile-btn.gif) no-repeat;
	font-size:10px;
	color:#ff0000;
	padding:14px 0 0 12px;
	line-height:9px;
}
a.roundbooknowbutton{
	width:124px;
	height:123px;
	background: url(../images/book-now-btn.jpg) right top no-repeat #FFF;
	text-indent:-2000px;
	float:right;
	padding-right:14px;
	display:block;
}
a.roundbooknowbutton:hover{
	background:url(../images/book-now-btn-hover.jpg) right top no-repeat #FFF;
}
a.squarebooknowbutton{
	width:242px;
	height:86px;
	background: url(../images/book-now-btn2.jpg) 0 0 no-repeat #FFF;
	text-indent:-2000px;
	padding-right:14px;
	display:block;
	margin:0 auto;
}
a.squarebooknowbutton:hover{
	background:url(../images/book-now-btn2.jpg) 0 -86px no-repeat #FFF;
}
























ul.resorttab{
	margin:0;
	padding:0;
	display:block;
	margin-bottom:15px;
	width:74%;
}
ul.resorttab li{
	border-bottom:1px solid #e5e5e5;
	list-style:none;
	padding:6px 0 6px 18px;
	background:url(../images/check.gif) 0 8px no-repeat;
}


div.demolayout {
	width: 100%;
}

ul.demolayout {
	list-style-type: none;
	width: 100%;
	float: left;
	background: url(pixel.gif) bottom left repeat-x;
	margin:0 0 -1px 0;
	padding:0;
}

ul.demolayout li {
	margin: 0 2px 0 0;
	float: left;
}

ul.demolayout a {
	float: left;
	display: block;
	padding: 6px 8px;
	border: 1px solid #d9e7f0;
	border-bottom: 0;
	background:url(../images/bg-tab-hover.jpg) repeat-x #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	color:#FFF;
}

ul.demolayout a:hover {
	background:url(../images/bg-tab.jpg) repeat-x;
	color:#000;
}

ul.demolayout a.active {
	background:url(../images/bg-tab.jpg) repeat-x #FFF;
	padding-bottom: 7px;
	cursor: default;
	color: #000;
	font-size:12px;
}

.tabs-container {
	clear: left;
	border: 1px solid #d9e7f0;
	padding: 20px 8px 0 8px;
}

#demo h2 {
	font-size: 100%;
	margin: 0 0 20px 0;
}