@charset "utf-8";

/*
MAIN CSS Document for VillaGetaways.com
Copyright Villa Getaways Ltd
--------------------------------------------
Creamy hand-coded double churned delight. Enjoy.
*/

/*========================================
Main Structure
========================================*/
/*container*/
.container { width: 960px; margin: 0 auto; }
/*header*/
.header {height:50px; }
/*topmenu*/
.topmenu { height: 22px; background: #f8f3e2; border-bottom: 6px solid #ddc478;margin-bottom: 1px;}
	.topmenu li a {line-height: 22px; padding: 0px 15px; font-size: 11px; }
	.topmenu ul {position:absolute; margin-left: 5px;}
			.topmenu ul li, .topmenu a {}
			.topmenu li {float:left;}
			.topmenu a {float: left; display:block;}
			

/*title*/
/*.title { height: 252px; position: relative; margin-bottom: 1px;}
	.title .contact { position: absolute; right:0px; top: 0px;}
	.title h1 { position: absolute; left: 22px; top: 50px; }
	
	.title .description { position: absolute; bottom: 0; width: 960px;}
		.title .description .tagline {padding: 10px 22px;}
		.title .description .description-text { padding: 10px 22px;}*/

/*condensed title */		
/*
#region .title, #villa .title { height: 72px;}
#region .title h1, #villa .title h1 { top: 15px;}
#destination #default .title {height: 72px;}
#destination #default .title h1 {top: 15px;}*/

/*content*/
.content { margin-bottom: 1px; padding: 0 0 1px 0;}
	.content .left { float: left; width: 200px;}
		.content .left .destinations { padding: 0; margin-bottom: 1px;}
			.content .left .destinations h2 {display: block; height: 22px; border-bottom: 1px solid #e5d1a6;}
		.content .left .gotovilla {padding: 6px 22px; margin-bottom: 1px;}
		.content .left .myvillas {padding: 0 22px 22px 22px;}
			.content .left .myvillas .myvillas-list {padding: 11px 0 0 0; border-top: solid 1px;}
	.content .right { float: right; width: 760px;}

		.content .right .trail { height: 22px; border-bottom: 1px solid #f3e9d3; display: block; margin: 0 0 1px 1px;  background: #f8f3e2 url(http://media.villagetaways.com/vg/images/global/bg_crumbbar.gif) repeat-x left top;}
			.content .right .trail .crumbs li a {line-height: 22px; padding: 0px 9px 0 22px; font-size: 12px; font-weight: bold; background: url(http://media.villagetaways.com/vg/images/global/bg_crumb.gif) no-repeat left center;}
			.content .right .trail .crumbs #homecrumb a { background-image: none;}
			.content .right .trail .crumbs li li a { padding: 0px; font-size: 12px; font-weight: normal; background-image: none; padding: 5px; background: #fff; line-height: 12px; width: 138px; border-right: 1px solid #bfa87c; border-left: 1px solid #bfa87c; }
			.content .right .trail .crumbs li ul { margin-left: 20px; top: 24px; border-bottom: 1px solid #bfa87c; width: 150px; padding-top: 7px; background: url(http://media.villagetaways.com/vg/images/global/bg_crumbhover.gif) no-repeat left top;}

		/* crumbs */
		
			.crumbs {}
			.crumbs ul {position:absolute;top:-999em;display: none;}
                        .crumbs ul li,.crumbs a {}
			.crumbs li {float:left;position:relative;z-index:99;}
			.crumbs a {	display:block;	}
			.crumbs li:hover ul,ul.crumbs li.sfHover ul {left:-1px;top:2.5em;}
			.crumbs li:hover li ul,	.crumbs li.sfHover li ul {top:-999em;}
			.crumbs li li:hover ul,	ul.crumbs li li.sfHover ul {top:-1px;}
			.superfish li:hover ul,.superfish li li:hover ul {top: -999em;}
		
		
                .content .right .listing {float: left; width: 570px; padding: 6px;}         
		.content .right .message {float: left; width: 558px; padding: 14px;}
                .content .right .message h1 {margin-left: 0 !important;}

		.content .right .bar { float: right; width: 174px;}
			.content .right .bar .regions { padding: 12px; margin-bottom: 1px;}
			.content .right .bar .boxsearch {padding: 12px;}
/*footer*/
.footer-wrapper { clear: both; border-top: solid 6px;}	
.footer { width: 960px; margin: 0 auto; }
	.footer .footer-columns { padding-bottom: 12px;}
		.footer .footer-columns .footer-one { float: left; width: 290px; padding: 22px 11px 0 22px; }
		.footer .footer-columns .footer-two { float: left; width: 290px; padding: 22px 11px 0 11px; }
		.footer .footer-columns .footer-three { float: right; width: 290px; padding: 22px 22px 0 11px; }
	.footer .copyright { clear: both; padding: 22px 22px 22px 88px; }
	.footer .mini-sitemap { padding: 4px 0}
	
/*========================================
List Structure
========================================*/

.contact ul { width: 180px; float: right;}
.contact li { display: block; float: right; width: 90px; height: 24px;}
.contact li a { display: block; float: right; width: 90px; line-height: 24px; height: 24px; text-align: center;}
#skip {display: none; }

ul#destinations { padding: 12px 0; }
#destinations li { display: block; height: 27px; width: 200px; } 
#destinations li a { display: block; height: 27px; width: 178px; padding: 0 0 0 22px;}

.regions ul { border-bottom: solid 1px; border-top: solid 1px; }
.regions li { display: block; width: 150px; }
.regions li a { display: block; line-height: 20px; height: 20px; padding: 0 0 0 12px; border-bottom: solid 1px; border-top: solid 1px;}
	.regions ul li ul li { font-size: 11px; }

.left .myvillas-list ul {}
.left .myvillas-list ul li { clear: left; padding: 6px 0; margin-bottom: 1px;}
.left .myvillas-list ul li span.mv_thumb { display: block; width: 58px; height: 40px; float: left; padding: 4px; background-color: #fff; margin-right: 4px;}
.left .myvillas-list ul li h4 {font-weight: bold; font-size: 14px;}
.left .myvillas-list ul li h4 span {display: block; font-size: 11px; font-weight: normal;}
.left .myvillas-list ul li p { font-size: 10px;}
.left .myvillas-list ul li a {}

.left .myvillas-list h3 {font-size: 14px;}

.right .quickmap ul { display: inline; margin: 0 22px 0 0; }
.right .quickmap li {display: inline;}
.right .quickmap li a {font-size: 11px;	font-family: Georgia, "Times New Roman", Times, serif;	text-transform: uppercase;	letter-spacing: 0.05em;	line-height: 44px;}
.right .quickmap .travelguide a {border-right: 1px solid #000;}
.right .quickmap .viewmap a {border-left: 1px solid #fff;}

.footer .mini-sitemap li {display: block; float: left; padding: 2px 0;}
.footer .mini-sitemap li a { display: block; padding: 0 6px;  border-right: solid 1px; }
.footer .mini-sitemap #last-sitemap a { border-right: none; }

.footer-columns li { display: block; width: 290px;}
.footer-columns li a {display: block; padding: 7px; border-bottom: solid 1px;}
.footer-columns .footer-one p.beta-notice {font-size: 12px; margin-bottom: 16px;}
.footer-columns .footer-two li a {width: 276px;}
.footer-columns .footer-three li a {width: 262px;}
.footer-columns li a span { font-size: 11px; }

.footer .network li a strong {display: block; font-size: 15px; font-weight:bold; margin-bottom: 3px;}
.footer .network li a { font-size: 11px; padding: 14px ; }
	
/*========================================
Form Structure
========================================*/

/*quick search */
.content .right .quicksearch select, .content .right .quicksearch input {}
.content .right .quicksearch fieldset { display: block; float: left; padding: 12px 12px 0 0;}
.content .right .quicksearch label { display: block; float: left; line-height: 44px; padding: 0 8px 0 0;}

/*go to villa*/
 .gotovilla {height: 22px;}
 .gotovilla form {height: 22px;}
 
 .gotovilla fieldset { line-height: 22px; height: 22px;}
 .gotovilla label { font-weight: bold; vertical-align: middle;}
 .gotovilla input { margin: 0 0 0 0; vertical-align:middle;}
 .gotovilla input[type=text] { width: 30px; height: 16px;}
 .gotovilla input[type=submit] {margin-top: 0;}
/*boxsearch*/

.content .right .bar .boxsearch form {}
.content .right .bar .boxsearch fieldset { padding: 4px 0;}
.content .right .bar .boxsearch label { display: block; font-size: 11px; padding: 0 0 0 2px;}
.content .right .bar .boxsearch select{ width: 148px;}
.content .right .bar .boxsearch input {}

	/*float little bedrooms select box*/
	
	.content .right .bar .boxsearch .bedroom-search {float:left;}
	.content .right .bar .boxsearch #rooms { width: 70px;}
	.content .right .bar .boxsearch .boxsearch-button input {float: right; margin: 15px 0 0 0; width: 70px;}

/*========================================
Villa Listing
========================================*/

/*Listing Table*/
.vl_table a {font-weight: bold;}
.vl_table a:hover {}
.vl_table {	width: 574px; text-align: center; border: 1px solid;}
.vl_row1 {	font-weight: bold; font-size: 12px; height: 18px;}
.vl_row2 {	height: 18px; font-weight: bold; font-size: 12px;}
	.vl_row2 strong {font-weight: bold;}
.vl_row1a {	font-weight: bold; font-size: 12px;}
.vl_row2a { height: 18px; font-weight: bold; font-size: 12px;}
	.vl_row2a strong {font-weight: bold;}
.vl_villaname {	width: 136px; border-right-width: 1.1em; border-right-style: solid; font-size: 12px; letter-spacing: 0em;}

.villalisting {	width: 572px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; margin-bottom: 12px; border-bottom-width: 1px; border-bottom-style: solid; position: relative;  }
.vlimage {	float: left; width: 136px; padding: 5px 5px 0px 5px; }
.vl_options { clear: both; width: 570px;}
.vl_options a {	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.vl_options a:hover {}
.vl_rating {text-align: right; font-size: 1.1em; font-weight: bold;}
.vldescription { float: left; width: 406px; font-size: 12px; line-height: 1.2em; padding: 5px 8px 0px 8px;}
.vldescription h2 { font-size: 13px; margin-bottom: 5px; font-weight: bold;}
.vl_summary {line-height: 1.4em;}
.vldescription em {	text-decoration: none; font-style: normal; line-height: 4px;}
.vldescription a { font-weight: bold; font-size: 12px; }
.vldescription a:hover {}
.left-options { float: left; }
.vl_moredetails { float: right; font-weight: bold; padding-right: 13px;}
.vl_moredetails a {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.vl_moredetails a:hover {}

/*Icons*/
.vl_icons {	vertical-align: middle; margin: 1px 3px 3px 4px; border: 0; }
.icons { vertical-align: middle; margin: 1px 4px 2px 1px; border: 0; }

/*Page Numbers for Listings*/
.pagenums { margin-bottom: 10px; clear: both; margin-top: 5px; font-size: 1.2em;} 
.pagenumstable { width: 574px; margin: 6px 0; }
.pagenumstable input { vertical-align: middle; padding: 1px;}
.goto {	text-align: right;	font-size: 1.2em;}
.pagenums em {font-style: normal;	font-weight: bold;}
.pagenums strong {}
.pagenums a { font-size: 1em; font-weight: bold;}
.pagenums a:hover { text-decoration: underline;}
.pagenumstable .gotovilla {
    float: left;
}


/*========================================
Villa Display
========================================*/
#villa .listing h1 {margin: 3px 0 0 4px;}
#villa .listing h2#villalocation {margin: 0 0 4px 4px; color: #bfae6a; font-size: 12px;}

/* villa tools */
.villa-tools { margin-bottom: 6px; height: 25px; position: relative;}
.villa-tools .myvillas {height: 25px; overflow: hidden; position: absolute; left: 4px;}
	.myvillas .addvilla { width: 81px; height: 25px; overflow: hidden;}
	.myvillas .addvilla h4 a { display: block; width: 81px; height: 25px; background: url(http://media.villagetaways.com/vg/images/global/button-add.gif) left top;}
		.myvillas .addvilla h4 a:hover {background-position: left bottom;}
		.myvillas .addvilla h4 a span, .myvillas .removevilla h4 a span {display: none;}
	.myvillas .removevilla {width: 81px; height: 25px; overflow: hidden;}
	.myvillas .removevilla h4 a { display: block; width: 81px; height: 25px; background: url(http://media.villagetaways.com/vg/images/global/button-remove.gif) left bottom;}
	.myvillas .removevilla h4 a:hover {background-position: left top;}
	
.villa-tools .back {height: 25px; width: 53px; right: 0px; position: absolute;}
.villa-tools .back h4 a span {display: none;}
.villa-tools .back h4 a {display: block; width: 53px; height: 25px; background: url(http://media.villagetaways.com/vg/images/global/button-back.gif) left top;}
.villa-tools .back h4 a:hover {background-position: left bottom;}


/* tabs deprecieted in new frontend */
ul#tabs {margin-bottom: 32px; border-bottom: 2px solid #e0ddc9 !important; width: auto !important; }

/*tabs */
#tabs > ul {margin-bottom: 32px; border-bottom: 2px solid #e0ddc9 !important; width: auto !important; }
#tabs > ul > li {border: none !important; margin: 0 1px; height: 30px;}
#tabs > ul > li > a {padding: 0 10px 0 0; margin: 0;}
#tabs > .ui-widget-header {background: none !important;}

#villa #villaimages { margin-bottom: 2px;}
	#villa #villaimages #thumbs a img:hover,
	#villa #villaimages #mainimage a img:hover,
	#villacontent #villa-images ul li a img:hover {border-color: #ddc478;}

#villa-images li {float: left; width: 95px; height: 68px;  }
#villa-images li a {display: block; width: 89px; height: 62px; float: left; padding: 3px; }
#villa-images li a img {padding: 3px; border: 1px solid #edebe8;}
#villa #villaimages #mainimage a img, #villa #villaimages #mainimage iframe {padding:4px; border: 1px solid #edebe8;}
#villa #villaimages #thumbs {height: 60px; margin-bottom: 6px;}
#villa #villaimages #thumbs a {display: block; width: 89px; height: 62px; float: left; padding: 3px;}
#villa #villaimages #thumbs a img {padding: 3px; border: 1px solid #edebe8;}

#villa .imagedetails {position: relative; height: 20px;}
#villa .imagedetails li { display:block; position: absolute;}
#villa .imagedetails .enlarge { left: 0; top: 0;}
#villa .imagedetails .more { right: 0; top: 0; }

#villa .villabuttons {margin-bottom: 6px; }
#villa #villainformation h3 { font-size: 15px; font-weight: bold; margin-bottom: 6px;}
#villa #villainformation h4 { font-size: 13px; letter-spacing: 0.15em; text-transform: uppercase; font-weight: normal; display: block; margin-bottom: 0px; padding: 4px; color: #645C53; }
#villa #villainformation h5 { font-size: 13px; font-weight: bold; font-style: italic; margin-bottom: 2px;}
#villa #villainformation p, #villa #villainformation #villa-description ul, #villa #villainformation #villa-description ol, #PromoDescription { font-size: 13px; line-height: 20px; margin-bottom: 12px; text-align: left;}
#villa-description ol, #villa-description ul {}
#villa #villainformation #villa-description ul, #villa #villainformation #villa-description ul li {list-style-position: inside;list-style-type: disc;}
#villa #villainformation #villa-description ol, #villa #villainformation #villa-description ol li {list-style-position: inside;list-style-type: decimal;}

#villa #villainformation strong {font-weight: bold; }
#villa #villainformation em {font-style: italic; }

#villa #villainformation em strong {font-weight: bold; font-style: italic;}
#villa #villainformation strong em {font-weight: bold; font-style: italic;}

#villa #villastats { margin-bottom: 22px;}

/* jiva fix */
#villa-description p {
  line-height: 18px !important;
  margin-bottom: 20px !important;
}

/*========================================
Type Basics
========================================*/
.header h3 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	height: 50px;
}
.header h3 strong {
	display: block;
	float: left;
}
.header h3 span {
	display: block;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	float: right;
	height: 50px;
}

.title h1 {
	font-size: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	width: 915px;
}
.title h3 {
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.left h2 {line-height: 22px; padding: 0px 0 0 26px; font-size: 14px; font-weight: bold;}
.left h3 {
	font-size: 19px;
	display: block;
	padding: 12px 0;
	border-bottom: solid 1px;
}

.right .quicksearch h2 {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 44px;
	padding: 0 8px 0 12px;
}
.right .quickmap h3 {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 44px;
	padding: 0 22px 0 0;
}
.right h1 {
	font-size: 24px;
}
#villa .right h1 {
	font-size: 28px;
}
.right .bar h3 {
	font-size: 19px;
	display: block;
	padding: 12px;
}
.right .bar h4 {
	font-size: 15px;
	font-weight: bold;
	display: block;
	padding: 4px 12px;
}

.footer-columns h3 {
	font-size: 19px;
	margin-bottom: 24px;

}
.footer-columns   .footer-one   p {
	font-size: 10px;
}
.footer-columns .footer-one p strong {
	font-weight: bold;
	font-size: 11px;
}

/*========================================
Usables
========================================*/
hr {display: none;}
.hr {height: 1px; clear: both;}
.clearfix {clear: both;}


#villaFactSheet
{
    position: absolute; left: 88px; overflow: hidden; width: 87px; top: 0px; height: 25px;
}
#villaFactSheet > a {
    position: absolute; top: -1px;
}
#villaFactSheet > a:hover {
    top: -26px;
}

.vl_details_options img {
    margin-left: 0;
}

.seasons-table td {
    padding: 5px;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    border-style: solid;
}
.seasons-table .darktext {
    background: #E7E4D4;
}

.seasons-table .lighttext {
    border-bottom: 2px solid #E7E4D4;
    border-right: 2px solid #E7E4D4;
}

.addthis_button_facebook_like {
    margin-bottom: 5px;
}

.highly_recommended {
    left: 151px;
    position: absolute;
    top: 3px;
}

.highly_recommended label {
    color: #cc0033;
}


span.tax {
    color: #444;
}


.holidey_list_availability_info {
    margin: 4px 7px;
    float: none;
    text-align: center;
}

.holiday_apla {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    bottom: 5px;
    color: #78650C;
    left: 5px;
    
    padding: 10px;
    position: absolute;
    width: 544px;
    font-size: 12px;
}

#bookNow {
    background: url(http://media.villagetaways.com/vg/images/global/booknow.png) no-repeat 0 -25px;;
    display: block;
    width: 81px;
    height: 25px;
    text-indent: -2000px;
    
}

#bookNow:hover {
    background-position: 0 0px;
}