
/* CSS RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0px none;
	margin-bottom: 15px
}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul {	list-style:none; }
caption, th { text-align:left; }
q:before, q:after {  }
abbr, acronym { border:0px none; }

html, body { height: 100%; }
body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5em; }
#wrapper { background: #FFF url(style.css) repeat-y 0 0; margin: 0 center;  width: 990px }
#sub_wrapper { background: #FFF url(style.css) repeat-y 0 0; padding-left:12px; padding-right:12px; padding-top:0; padding-bottom:0 }

/* HEADER */
#header { height: 65px; margin-bottom: 25px; position: relative; }
#header h1 { color: #CC0000; font-size: 20px; font-weight: bold; display: block; height: 65px; left: 34px; overflow: hidden; position: relative; text-align: left; top: 25px; width: 940px; }





/* MAIN */
.top_big_box { background:  url() repeat-x 0 0; height: 342px; margin: 0 auto; width: 946px }
.top_big_box_head { background:  url() no-repeat 0 0; display: block; height: 5px; width: 946px }

.teaser { color: #FFF; background: #171717 url() no-repeat 0 0; float: left; height: 282px; width: 174px; margin-left:18px; margin-right:0; margin-top:13px; margin-bottom:0; padding-left:20px; padding-right:383px; padding-top:26px; padding-bottom:0 }
.teaser h2 a { color: #669999; display: block; font-size: 18px; font-weight: bold; line-height: 1.2em; margin-bottom: 20px; text-transform: uppercase; }
.teaser p { font-size: 12px; font-weight: bold; }

.select_vacation_villa { background: #E9E9E9 url() no-repeat 0 0; float: right; height: 117px; width: 153px; margin-left:0; margin-right:6px; margin-top:9px; margin-bottom:0; padding-left:55px; padding-right:131px; padding-top:39px; padding-bottom:0 }
.select_vacation_villa a { color: #666666; font-size: 16px; line-height: 1.4em; text-transform: uppercase; }
.select_vacation_villa strong { color: #003366; font-size: 20px; font-weight: bold; }

.vacation_review { background: #F1F1F0 url() no-repeat 0 0; float: right; height: 133px; width: 162px; margin-left:0; margin-right:6px; margin-top:2px; margin-bottom:0; padding-left:16px; padding-right:161px; padding-top:23px; padding-bottom:0 }
.vacation_review h2 { color: #669999; font-size: 16px; font-weight: bold; margin-bottom: 11px; text-transform: uppercase; }
.vacation_review p { color: #333; font-size: 12px; margin-bottom: 15px; }
.vacation_review a { background:  url(style.css) no-repeat 0 0; color: #003366; display: block; padding-left: 22px }

.middle_big_box { background:  url() repeat-x 0 0; height: 310px; margin: 0 auto; padding-bottom: 16px; position: relative; overflow: hidden; width: 946px }
.small_boxes { float: left; left: 50%; margin-top: 23px; position: relative; }
.small_boxes ul { left: -50%; position: relative; }
.small_boxes ul li .small_box { background: #E3EBEB url() no-repeat 0 0; float: left; height: 273px; margin: 0 17px; width: 240px }
.small_boxes ul li { background:  url() no-repeat 0 0; float: left; position: relative }
.small_boxes ul li.first_item { background: none; }
.small_boxes h2 a { color: #003366; display: block; font-size: 30px; font-weight: bold; line-height: 0.8em; margin: 21px 0 9px 30px; }
.small_boxes h2 a span { color: #333; display: block; font-size: 17px; font-weight: normal; }
.small_boxes img { display: block; margin: 0 auto; }
.small_boxes p { color: #333; font-size: 12px; padding: 17px 20px 0 30px;}



/* SIDEBOXES */

#left { width: 200px; _margin: 0 0 0 12px; float: left; background:  url() no-repeat right center;; margin-left:24px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:18px; padding-top:0; padding-bottom:0 }
#right { width: 710px; margin: 0 0 0 22px; float: left; position:relative;/*background:green;*/ }
* html #left { padding: 0 15px 0 0; }
* html #right { margin: 0 0 0 15px; }

#sidebox_1

.sidebox { width : 200px; height: 245px; margin: 0 0 13px 0; }
.sidebox h2 { padding: 14px 0 0 20px; }
.sidebox h2 a { font-size: 16px; font-weight: bold; color:#CC0000}
.sidebox h3 { font-size: 12px; color: #333333; padding: 0 0 0 20px; }
.sidebox img { margin: 8px 0 0 18px; border: 0px solid #fff; }
.sidebox p { width: 155px; font-size: 10px; color: #333333; line-height: 1.2em; margin: 10px 0 14px 20px; }


#virtual_tour { background:  url() no-repeat left center; color: #666666; float: right; margin-left:0; margin-right:0; margin-top:12px; margin-bottom:0; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0 }
#title { width:260px; height:19px;  margin: 4px 0 0 0; ;
	text-indent: -9999999; padding-top: 0px;
}
strong { font-weight : bold; }
#about { margin : 10px 0 0 0; }
#tabs { margin: 40px 0 0 0; height : 25px; }
#tabs li { float : left; border : 1px solid #000000; margin:0 0 0 -1px; padding: 2px 10px; overflow: hidden; background : #ffffff; }
* html #tabs { border-left : 1px solid #000000; }
#tabs a { color : #333333; }
#tabs li:hover, #tabs li.ui-tabs-selected { background : #CC9900; }
#tabs li:hover a, #tabs li.ui-tabs-selected a { color : #ffffff; }

#prevBtn { margin-left: 30px; }

#inner_left { float: left; width: 456px; }

#inner_left div.activities{
	height: 186px;
	margin-top: 0px;
	padding-top: 20px;
	margin-bottom: 30px;
	padding-right: 35px;
	width: 710px;
}
/* Maui_Villas Page */
#listings_wrapper {
	margin-top: 35px;
}
.bottom_big_box { background: #F5F7F7 url() repeat-x 0 0; height: 255px; position: relative; width: 674px;
	border-right: thin solid silver;
	border-left: thin solid silver;
	border-top: thin solid silver;
        border-bottom: thin solid silver;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto; padding-left:32px; padding-right:0; padding-top:0; padding-bottom:0
}
.bottom_big_box:hover {background: url() repeat-x 0 0;
	}

.bottom_big_box_left {  display: block; height: 256px; position: absolute; left: 0; top: 0; width: 4px; }
.bottom_big_box_right { background: display: block; height: 256px; position: absolute; right: 0; top: 0; width: 4px; }

.bottom_big_box img.thumbnail { float: left; margin-right: 29px; }
.bottom_big_box h2 { color: #cc0000; font-size: 16px; font-weight: bold; margin-bottom: 0;padding-top: 020px;
	padding-bottom: 12px;
}
.bottom_big_box h2 a {
	color: #CC0000;
}
.bottom_big_box h3 { color: #CC0000; font-size: 16px; margin-bottom: 10px; }
.bottom_big_box p { padding-right: 190px; }

/* "Starting At" */
.bottom_big_box .starting_at {  font-size: 17px; color: #CC0000; padding-left: 22px; position: absolute; right: 40px; top: 53px;
	float: none;
}

/* "view property" */
.bottom_big_box .view_property { background:  url(style.css) no-repeat 0 0; color: #003366; padding-left: 22px;font-size: 17px;float: left; padding-left: 20px; width: 500px; margin-left:0; margin-right:10px; margin-top:16px; margin-bottom:0}
/* "PRICE" */
.bottom_big_box .price_nt {  font-size: 17px; font-weight: normal; color: #CC0000; padding-left: 22px; position: absolute; right: 40px; top: 87px;}
/* ""5 night min" */
.bottom_big_box .min_night {  font-size: 17px; color: #CC0000; padding-left: 22px; position: absolute; right: 40px; top: 120px; float: none;}
/* "Virtual Tour" */
.bottom_big_box .virtual_tour { background:  url() no-repeat 2px 4px; font-size: 14px;  padding-left: 22px; position: absolute; right: 20px; top: 220px; width: 90px; float: none}
.bottom_big_box ul { float: left; margin-top: 5px; width: 500px; }
.bottom_big_box ul li { background:  url() no-repeat 0 5px; float: left; padding-left: 20px; width: 120px; margin-left:0; margin-right:10px; margin-top:0; margin-bottom:0 }
.bottom_big_box a.more { background:  url(style.css) no-repeat 0 0; color: #CC9900; padding-left: 22px; position: absolute; right: 20px; top: 18px }

/* Maui_villas Page end */


/* PAGE TITLES */

#inner_left h1 {
	color: #CC0000;
	font-size: 18px;
	margin-top: 20px;
}
#inner_left h2 {
	color: #CC0000;
	margin-top: 0px;
	font-size: 18px;
	margin-bottom: 0px;
}



#inner_right { float: left; width: 240px; height: 205px; margin: 0 0 0 10px; overflow: hidden; }
#inner_right a { margin: 0; display:block; padding: 0; float:left; }
#inner_right a img { width: 70px; height: 65px; margin: 0 5px 5px 0; }
.gallery_span_next, .gallery_span_previous { /*display: block; float: left;*/  }
.gallery_span_previous  { margin: 20px 0 0 10px ; float: left; }
.gallery_span_next { margin: 20px 25px 0 0; float: right; }
#inner_right ul { width: 250px;  }
/*#inner_right li { margin: 0 5px 0 0; }*/
* html #inner_right { /****/ }

.gallery_next { text-indent : -99999999px; display : block; background:  url() no-repeat 0 0; float : right; width : 71px; height : 24px; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0 }

.tabs_top, .tabs_content, .tabs_bottom  { width : 693px; position: relative; left: -5px; }
.tabs_content, .tabs_bottom {
	left: -10px
}
.tabs_top { background:  url() no-repeat left top; position: relative; top : 21px; padding-left:10px; padding-right:0; padding-top:7px; padding-bottom:0 }
.tabs_content { background:  url() repeat-y left 0; }


.tabs_content .inner_right { float : left; margin: 18px 0 0 18px; width: 380px; }
.tabs_content ul { width: 420px; float : left; margin: 8px 0 0 0; }
.tabs_content ul h3 { font-weight:bold; color: #CC9900; font-size: 17px; }
.tabs_container { width: 661px; margin: 0 auto; padding: 0 0 26px 0; margin-bottom: 21px; }


.tabs_container p { padding: 10px 0 0 0; }


/* Booking Process Tab  */
#fragment-6 div.tabs_bottom {
	height: 650px;
	width : 706px; background:  url() no-repeat left bottom; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px 
}

#fragment-6 div.tabs_container h3{
	color: #CC9900;
	font-size: 25px;
}
#fragment-6 div.tabs_bottom ul{
	margin: 0 0 0 30px;
	width: 600px;
}
#fragment-6 div.tabs_bottom ul li h1{
	color: #003366;
	font-size: 16px;
	display: inline;
	margin-right: 5px;
}
#fragment-6 div.tabs_bottom ul li{
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 15px;

}
/* Booking Process Tab end */
/* FAQ Tab  */
#fragment-5 div.tabs_bottom {
	height: 1130px;
	width : 706px; background:  url() no-repeat left bottom; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px 
}

#fragment-5 div.tabs_bottom ul{
	margin: 0 0 0 30px;
	width: 600px;
}
#fragment-5 div.tabs_bottom ul li{
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 15px;
}
#fragment-5 div.tabs_bottom ul li h4{
	color: #003366;
	font-size: 16px;
}
/* FAQ Tab end */

.tabs_bottom { width : 706px; height : 550px; background:  url() no-repeat left bottom; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
}





/* DESCRIPTIONS */
#fragment-1 div.tabs_bottom {
	height: 950px;
	width : 706px; background:  url() no-repeat left bottom; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px 
}
#fragment-1 div.tabs_bottom div.tabs_bottom_descriptions  {
	margin-left: 30px;
	color: #444;
	width: 650px;
}
#fragment-1 div.tabs_bottom div.tabs_bottom_descriptions p {
	padding-bottom: 20px;
	font-size: 13px;
	background:  url(style.css) repeat-x 0 bottom;
	margin-bottom: 10px
}
#fragment-1 div.tabs_bottom div.tabs_bottom_descriptions h1 {
	font-weight:bold; color: #CC9900; font-size: 20px;
	padding-bottom: 10px;
}


#fragment-1 div.tabs_bottom div.tabs_bottom_descriptions h2 {
	font-weight:bold; color: #000; font-size: 17px;
}
#fragment-1 div.tabs_bottom div.tabs_bottom_descriptions ul {
	list-style-position: inside;
	opacity: 1;
	list-style-type: disc;
	margin-top: 10px;
	padding-bottom: 10px;
	background:  url(style.css) repeat-x 0 bottom;
	margin-bottom: 10px
}

/* END DESCRIPTIONS */
/* RATES */
#fragment-3 div.tabs_bottom div.tabs_bottom_rates  {
	color: #444;
	width: 650px;
	margin-left: 9px;
}


#fragment-3 div.tabs_bottom div.tabs_bottom_rates p {
	padding-bottom: 0;
	font-size: 13px;
	margin-bottom: 0;
	position: relative;
	float: right;
	overflow: hidden;
	clear: none;
	top: -26px;
	right: 0;
	left: 20px;
}
#fragment-3 div.tabs_bottom div.tabs_bottom_rates p strong {
	font-size: 20px;
}
#fragment-3 div.tabs_bottom div.tabs_bottom_rates h1 {
	font-weight:bold; color: #CC9900; font-size: 22px;
	padding-bottom: 20px;
	padding-left: 22px;
}
#fragment-3 div.tabs_bottom div.tabs_bottom_rates h2 {
	color: #000;
	font-size: 14px;
	width: 658px;
	height: 26px;
	text-align: left;
	padding-top: 7px;
	padding-right: 5px;
	background:  url() repeat-x 0 3px;
	padding-left: 22px
}
#fragment-3 div.tabs_bottom div.tabs_bottom_rates ul {
	list-style-position: inside;
	opacity: 1;
	list-style-type: disc;
	background:  url(style.css) repeat-x 0 top;
	margin-bottom: 0;
	padding-top: 20px;
	margin-top: 20px
}
#fragment-3 div.tabs_bottom div.tabs_bottom_rates ul li{
	padding-top: 0;
	line-height: 10px;
	text-align: center;
	margin-top: 10px;
}

/* END RATES */

/* CALENDAR */
#fragment-20 div.tabs_bottom div.tabs_bottom_descriptions h1 {
	text-transform: uppercase; font-weight:bold; color: #669999; font-size: 20px;padding-bottom: 10px;}



#fragment-20 div.tabs_bottom {
	height: 650px;
	width : 706px; background:  url(style.css) no-repeat left bottom; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px 
}
#fragment-20 div.tabs_bottom div.tabs_bottom_descriptions  {
	margin-left: 30px;
	color: #444;
	width: 650px;
}
#fragment-20 div.tabs_bottom div.tabs_bottom_descriptions p {
	padding-bottom: 20px;
	font-size: 13px;
	background:  url(style.css) repeat-x 0 bottom;
	margin-bottom: 10px
}
#fragment-20 div.tabs_bottom div.tabs_bottom_descriptions h1 {
	
}
#fragment-20 div.tabs_bottom div.tabs_bottom_descriptions h2 {
	font-weight:bold; color: #669999; font-size: 17px;
}
#fragment-20 div.tabs_bottom div.tabs_bottom_descriptions ul {
	list-style-position: inside;
	opacity: 1;
	list-style-type: disc;
	margin-top: 10px;
	padding-bottom: 10px;
	background:  url(style.css) repeat-x 0 bottom;
	margin-bottom: 10px
}

/* END CALENDAR */


/* FEATURES */
#fragment-2 div.tabs_bottom {
	height: 650px;
	width : 706px; background:  url(style.css) no-repeat left bottom; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px 
}
#fragment-2 div.tabs_bottom div.tabs_bottom_features  {
	margin-left: 30px;
	color: #444;
	width: 650px;
}
#fragment-2 div.tabs_bottom div.tabs_bottom_features p {
	padding-bottom: 20px;
	font-size: 13px;
	background:  url(style.css) repeat-x 0 bottom;
	margin-bottom: 10px
}
#fragment-2 div.tabs_bottom div.tabs_bottom_features h1 {
	font-weight:bold; color: #CC9900; font-size: 20px;
	padding-bottom: 10px;
}
#fragment-2 div.tabs_bottom div.tabs_bottom_features h2 {
	font-weight:bold; color: #000; font-size: 17px;
}
#fragment-2 div.tabs_bottom div.tabs_bottom_features ul {
	list-style-position: inside;
	opacity: 1;
	list-style-type: disc;
	margin-top: 10px;
	padding-bottom: 10px;
	background:  url(style.css) repeat-x 0 bottom;
	margin-bottom: 10px
}

/* END FEATURES */
/* INQUIRE */

#fragment-9 div.tabs_bottom {
	height: 450px;
	width : 706px; background:  url(style.css) no-repeat left bottom; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px 
}


/* END INQUIRE */
.tabs_bottom_container { width: 660px; margin: 0 auto; line-height: 1.1em; background:  url(style.css) repeat-x center top;; padding-left:0; padding-right:0; padding-top:30px; padding-bottom:0 }
.tabs_bottom_container p { padding: 0 20px; line-height: 1.3em; }
.tabs_bottom form label { float : left; margin: 0 0 20px 20px; }
.tabs_bottom form label, .tabs_bottom form input, .tabs_bottom textarea { display : block; }
.tabs_bottom form label.required { background:  url(style.css) no-repeat left top; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0 }
.tabs_bottom .text-input, .tabs_bottom textarea { border: 1px solid #080839; padding: 3px; width: 184px; margin: 8px 0 0 0; *position : relative; *left : -20px; *width : auto; }
.tabs_bottom textarea, * html .tabs_bottom textarea { width : 345px; height: 135px; }
.tabs_bottom .image-input { margin : 0 0 0 28px; }
* html .tabs_bottom .image-input { margin : 0 0 0 40px; }
#textarea_comments { padding: 0 0 0 10px; }
.tabs_bottom form label span { color : #8f8f8f; }
.tabs_bottom form label span.form_small { font-size : 11px; display:block; margin: 3px 0 0 0; }
.thumbnail { margin: 18px 0 /*26px*/0 0; border: 1px solid #707070; float: left; }

/* Caution! Ensure accessibility in print and other media types... */
@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; }
}

#footer { background:  url() repeat-x 0 0; clear: both; font-size: 12px; margin-top: 20px; padding-left:28px; padding-right:0; padding-top:22px; padding-bottom:20px }
#footer ul { margin: 0; padding: 0; }
#footer ul li { float: left; margin: 0 5px 0 0; }
#footer ul li a { color: #000066; }
.copyright { color: #CCC; display: block; font-size: 13px; float: right; padding-right: 28px; }

/* HYPERLINKS */
a {color: #003366; outline-style: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

/* MISC */
.clearer { clear: both; display: block; }
.horizontal_dots { background:  url() repeat-x 0 0; display: block; height: 3px; margin: 1px auto; width: 946px }

/* CONTACT AREA */
.tabs_top_contact, .tabs_content, .tabs_form  { width : 693px; position: relative; left: -5px; }
.tabs_content, .tabs_form {
	left: -10px
}

#fragment-4 div.tabs_form {
	height: 450px;
	width : 706px;  margin: 0 0 10px 0; 
}

#fragment-4 div.tabs_top_contact div.tabs_content_contact div.tabs_container {
	padding: 0;
	margin: 0;
}
.tabs_form_container { width: 660px; margin: 0 auto; line-height: 1.1em; background:  url(style.css) repeat-x center top;; padding-left:0; padding-right:0; padding-top:30px; padding-bottom:0 }
.tabs_form_container p { padding: 0 20px; line-height: 1.3em; }
.tabs_form form label { float : left; margin: 0 20px 20px 0; }
.tabs_form form label, .tabs_form form input, .tabs_form textarea { display : block; }
.tabs_form form label.required { background:  url(style.css) no-repeat left top; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0 }
.tabs_form .text-input, .tabs_bottom textarea { border: 1px solid #080839; padding: 3px; width: 184px; margin: 8px 0 0 0; *position : relative; *left : -20px; *width : auto; }
.tabs_form textarea, * html .tabs_form textarea { width : 345px; height: 135px; }
.tabs_form .image-input { margin : 0 0 0 28px; }
* html .tabs_form .image-input { margin : 0 0 0 40px; }
#textarea_comments { padding: 0 0 0 10px; }
.tabs_form form label span { color : #8f8f8f; }
.tabs_form form label span.form_small { font-size : 11px; display:block; margin: 3px 0 0 0; }






#inner_left div.contact {
	font-size: 16px;
	color: #444;
}
#inner_left div.contact h2 {
	margin-top: 10px;
}
#inner_left div.contact ul{
	margin-top: 20px;
	margin-bottom: 10px;
}
#inner_left div.contact ul li{
}

/* HIDDEN FORM ELEMENT */

#fragment-9 div.tabs_bottom div.tabs_bottom_container form label {
}

input#villa.hide {
	display: none;
}
