@charset "utf-8";
/* CSS Document */
.clearFloats {
	clear: both;
}
.________{}
.introText {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-family: Tahoma, sans-serif;
	font-size: 10pt;
	clear: both;
}


.header {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 18px;
	font-weight: lighter;
	color: #666;
	float: left;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;

}
.firstSentence {

}
.firstSentence a:link {
	color: #0080d5;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.firstSentence a:visited {
	text-decoration: none;
	color: #0080d5;
}
.firstSentence a:hover {
	color: #0033ff;
	text-decoration: underline;
} 
.aboutWebsite {
	color: #0080d5;
	margin-top: 10px;
}
.________{}
.headerVilla {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 18px;
	font-weight: lighter;
	color: #000;
	width: 996px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;

}
.hotlistHeader {
	float: left;
}
.hotlistHeader a:link {
	text-decoration: none;
	color: #333;
}
.hotlistHeader a:visited {
	text-decoration: none;
	color: #333;
}
.hotlistHeader a:hover {
	color: #0066FF;
	text-decoration: underline;
} 
.hotlistButton {
	float: left;
	margin-left: 2px;
}

.numberOfVillaInList {
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	margin-top: 10px;
	padding-right: 2px;
	padding-left: 4px;
	color: #348ECB;
}

.hotlistFunctions {
	float: right;
}


.floatBlock {
	height: 23px;
	padding-top: 10px;
	padding-left: 10px;
}

.tellMeMore a:link {
	text-decoration: overline;
	color: #0099FF;
	font-family: Verdana, Arial, sans-serif;
}
.tellMeMore a:visited {
	text-decoration: none;
	color: #F1F1F1;
}
.tellMeMore a:hover {
	color: #DFDFFF;
} 


.________{}

.photosRowContainer {
	background-color: #FCF;
	width: 1000px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.dropdownDemo {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.________{}

.photoTransition {
	background-color: #333333;
	border: thin solid #000000;
	height: 377px;
	width: 244px;
	float: left;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	overflow: hidden; /*added by biju*/
}

.photoTransition:hover {
	height: 370px;
}




.infoContaner {
	height: 135px;
	width: 246px;
}
.________{}

.arrowsBox1 {
	width: 72px;
	text-align: center;
	float: left;
}
.villaPoints {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight: bolder;
}
.arrowsBackForwards {
	margin-top: 5px;

}
.photoCount {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
}
.villaID{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
}
.________{}
.ALTERNATE OPTION {}
.backButton {
	float: left;
	margin-bottom: 0px;
}
.forwardButton {
	float: left;
	margin-bottom: 0px;
}

.________{}



.locationAndPriceBox2 {
	text-align: right;
	padding-right: 4px;
	color: #FFF;
}
.location {
	font-size: 14pt;
	font-family: Verdana, Arial, sans-serif;
}
.starGrade {
	font-size: 12px;
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
}
.starGrade2 {
	font-size: 12px;
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	margin-top: 6px;
}
.villaPoints2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin-top: 6px;
}
.lowPrice {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	margin-top: 8px;
}
.highPrice {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}
.highestPrice {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}
.________{}
.priceLowAndHigh {
	float: right;
	margin-right: 4px;
	font-family: Verdana, Arial, sans-serif;
	color: #FFF;
	margin-top: 4px;
	clear: both;
	font-size: 14px;
	text-align: right;
}



.________{}

.attributesBox3 {
	background-color: #CDE2F1;
	height: 47px;
	width: 240px;
	/*margin-right: auto;
	margin-left: auto;*/
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 26px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #61A3D5;
	clear: both;
}
.attributeLeft {
	width: 117px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #61A3D5;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #61A3D5;
	padding: 1px;
	float: left;
	background-color: #CDE2F1;
}
.attributeRight {
	width: 118px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #61A3D5;
	padding: 1px;
	background-color: #CDE2F1;
	float: left;
}

.________{}
.bedsAndButtonsBox4 {
	width: auto;
	height: 100px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 22px;
}
.bedsAndButtonsBox {
	clear: both;
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 2px;
}
.bedrooms {
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 26px;
	text-align: center;
	padding-top: 6px;
	color: #FFF;
	margin-right: 34px;
}

.howManyBeds {
	background-color: #9CF;
	font-size: 12px;
}
.smallBlueButton {
	margin-left: 2px;
	float: left;
}








.________{}

.spacer2px {
	height: 100px;
	width: 5px;
	float: left;
}

.spacer4px {
	height: 100px;
	width: 6px;
	float: left;
}
.________{}
.spacer5px {
	height: 100px;
	width: 5px;
	float: left;
}

.spacer6px {
	height: 100px;
	width: 6px;
	float: left;
}
.________{}
.clearFloat {
	clear: both;
}
.villaColectionBreakContainer {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.brakeHeader {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 14px;
	color: #0080D5;
}
.howToUsePoints {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
.howToUseFavourites {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}


.________{}

.photoTransitionTopRow1 {
	background-color: #61A3D5;
	height: 165px;
	width: 246px;
	float: left;
	-webkit-transition: all 0.2s ease-out 0.03s;
	-moz-transition: all 0.2s ease-out 0.03s;
	-ms-transition: all 0.2s ease-out 0.03s;
	-o-transition: all 0.2s ease-out 0.03s;
	transition: all 0.2s ease-out 0.03s;
}
.photoTransitionTopRow1:hover {
	height: 300px;
}
.photoTransitionTopRow2 {
	background-color: #61A3D5;
	height: 165px;
	width: 246px;
	float: left;
	-webkit-transition: all 0.2s ease-out 0.03s;
	-moz-transition: all 0.2s ease-out 0.03s;
	-ms-transition: all 0.2s ease-out 0.03s;
	-o-transition: all 0.2s ease-out 0.03s;
	transition: all 0.2s ease-out 0.03s;
}
.photoTransitionTopRow2:hover {
	height: 300px;
}
.star {
	background-color: #9CF;
	float: left;
	width: 40px;
}
.addToFavorite{
    cursor:pointer;
}
.clikToContact,.clickToBook
{
    cursor:pointer;
}