@charset "utf-8";
/*------------------------------Reset style Starts-------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 1;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
#theFormDiv {
 	display:none;
 	position:absolute;
 	top:20em;
 	left:40em;
 	background-color:#EEE;
 	border:1px solid #000;
 	padding:1em;
 	margin:3em;
 	width:22em;
}

.nocss {
  display:none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body {
	line-height: 1;
	color: #000000;
	background: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight:bold; }
img { margin:0; }
.clearfix:after {
content: ".";
display: block;
height: 0.1px;
clear: both;
font-size: 0;
visibility: hidden;
}
.clearfix {
display: block;
}
/*------------------------------Reset style Ends-------------------------------*/

/*-----------------------------------float start-------------------------------*/
.fltrt { float: right; }
.fltlft { float: left; }
.clear { clear:both; font-size:0px; line-height:0;}
/*-----------------------------------float ends--------------------------------*/

/*---------------------body starts here ---------------------------------------*/
body{
	color: White;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17.35px;
	font-weight: normal;
	background: #E30000 url(http://www.florida-villa.com/2010/images/background.jpg) repeat-x top center;
}
/*---------------------body ends here ---------------------------------------*/


/*---------------------Main Common Wrapper Style Starts here-------------------------*/
a  {
text-decoration : none;
border : 0;
color : #000;
}
a:hover {
text-decoration : underline;
border : 0;
color : #000;
}
a img, a:hover img {
text-decoration : none;
border : 0;
}
.main-body-wrapper{width : 100%; }
.wrapper {
width : 100%;
}
.body-wrapper { 
}
.bottom-wrapper {
background : url(http://www.florida-villa.com/2010/images/bottom-bg.gif) repeat-x left top;

}
.container {
width : 870px;
margin : 0 auto;
}
.body-container {
background: url(http://www.florida-villa.com/2010/images/body-background.png) left top repeat-y;
padding:0 0;
margin:0 auto;
}
.bottom-container {
padding:0 0; margin:0 auto;
}

/*---------------------Main Common Wrapper Style Starts here-------------------------*/

/*---------------------------------Header style starts here------------------------------*/

/*       Company Logo and Social networking style starts here        -*/
.logo{width : 870px; position:relative;}
.company-logo{
	position:absolute;
	width:171px; 
	height:139px;
	top:5px;
	left:-75px;
	}
.star{
	position:absolute;
	width:171px; 
	height:139px;
	top:150px;
	left:-30px;
	}
.bubble{
	position:absolute;
	width:237px; 
	height:161px;
	top:42px;
	left:670px;
	}
.loading{
	position:absolute;
	width:400px; 
	height:350px;
	top:600px;
	left:150px;
	font-size: 12px;
	color: #000000;
	}
.searchoutput{
	position:relative;
	width:500px; 
	height:1900px;
	top:-2880px;
	left:20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
}

.swackie-logo {
width : 163px;
height : 81px;
position:relative;
margin-left:120px;
float : left;
font-size : 17.35px;
color : #d2cdcd;
padding : 5px 0 0 0;
line-height : 18px;
vertical-align : text-bottom;
}

.user{
	width:360px;
	float:left;
	background-color:#ffffff;
	margin:10px 0 0 25px;
	min-height:75px
	}


.Main_Body {
	font-size: 12px;
	color: #000000;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
}
.Body {
	font-size: 12px;
	color: #000000;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
}
.social-networking-links {
width : 170px;
height : 16px;
float : right;
font-size : 12px;
color : #000000;
padding : 0 0;
margin : 20px 10px  0 0;
text-align:right;
font-family:Verdana, Geneva, sans-serif;
}
a.pda-mobile{ width:85px; height:16px; padding-top:3px; display:block; border:0; float:left; text-align:right;}

/*       Company Logo and Social networking style ends here        -*/

/*         Top menu bar style starts  here       -*/ 
.top-menu-bar {
width : 100%;
height : 73px;
padding : 0 0;
margin : 22px 0 0 0;
float : right;
}

.top-menu-corner{ height:73px; width:16px; float:left;}
.top-menu-center{height:73px; width:838px;float:left; background:url(http://www.florida-villa.com/2010/images/top-menu-bg-center.png) top left repeat-x #FFF;text-align:left; font-weight:bold; font-size:10px;}

.top-menu-center{ padding-top:20px;}

#nav, #nav ul{
margin:0 125px;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:11px; 
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
font-weight:bold;


}

#nav li li{font-weight:normal;}

#nav a{
display:block;
width:auto;
padding:0 0px;
color:#fff;
text-decoration:none;
margin:0 0;
}

#nav .sub a{margin:2px 0 0 0;}


#nav li:hover{
color:#fff;
background:url(http://www.florida-villa.com/2010/images/drop-down-top-left.png) top left no-repeat;
}

#nav li .main{
display:block;
padding:0px 0px 0px 0px;
margin:0 0;
margin-top:7px;
margin-left:4px;
margin-right:0px;
height:19px;
text-align:center;
line-height:12px;
 
}

#nav li:hover .main{ background:url(http://www.florida-villa.com/2010/images/drop-down-top-right.png) top right no-repeat; height:19px; display:block;margin-right:-3px;  margin-left:4px; text-decoration:underline; padding:5px 3px 0px 0px; margin-top:0px; line-height:16px; }

#nav li:hover li{
color:#fff;
background:url(http://www.florida-villa.com/2010/images/drop-down-minus.png) top left no-repeat;
left:-75px;
}

#nav li:hover .sub{
background:url(http://www.florida-villa.com/2010/images/drop-down-sub.png) top right no-repeat;display:block; margin-left:17px; height:16px;
}



#nav li:hover .sub-more{
color:#fff;
background:url(http://www.florida-villa.com/2010/images/drop-down-plus.png) top left no-repeat;display:block; height:16px;  
}

#nav li:hover li.sub-more .surrounding-areas{
background:url(http://www.florida-villa.com/2010/images/drop-down-sub-more.png) top right no-repeat;display:block; margin-left:17px; height:16px; 
}
#nav li:hover li.sub-more li.drop-down-starts-sub{
display:block;  height:4px;  float:left;
}


#nav li:hover li.sub-more li span{
background:none;display:block; 
}


#nav li{
float:left;
position:relative;
margin:0 0px;
}


/*           width specification as per the tab                 */

.about-us{ width:66px;}
.about-us-span{width:73px;}
.about-us-end{width:57px;float:left;}
.accomodation{ width:124px;}
.accomodation-span{ width:131px;}
.accomodation-end{ width:115px; height:7px; display:block; float:left;}
.surrounding-areas1{width:133px; }
.surrounding-areas{width:123px; }
.surrounding-areas-end{width:124px; }
.surrounding-end{width:140px;}
.guests-login{width:92px; }
.guests-login-span{width:99px; }
.guests-login-end{width:83px; }
.owners-login{width:94px; }
.owners-login-span{width:101px; }
.owners-login-end{width:85px; }
.contact-us{width:75px; }
.contact-us-span{width:82px; }
.contact-us-end{width:66px; }
.surrounding-areas-sub{width:110px;}
.surrounding-areas-sub-end{width:114px; display:block; height:7px; float:left;  margin-left:5px; }
.img-span{float:left; width:8px; height:7px; display:block; margin:0 0;padding:0 0;}
.img-span-sub{float:left; width:6px; height:4px; display:block; margin:0 0;padding:0 0; }
.drop-down-mid-sub{float:left; height:4px; display:block; margin:0 0;padding:0 0; }
.drop-down-mid-sub-bottom{float:left; height:4px; display:block; margin:0 0;padding:0 0; }
.surrounding-areas-sub-top{float:left; height:4px; display:block; background-color:#336;  }

/*           width specification as per the tab                 */

#nav ul {
position:absolute;
display:none;
}

#nav li ul a{
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:215px;
top:-2px;
margin:0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
#nav li li:hover , #nav li li li:hover, #nav li li li li:hover{
	/* background:url(http://www.florida-villa.com/2010/images/drop-down-plus.png) center left no-repeat; */
	
	text-decoration:underline;
	/* border-bottom:1px solid #ff9140; */
}
	
#nav li:hover li.drop-down-end{
color:#fff;
background:none;
border:none;
left:-125px;
height:7px;

}


.drop-down-end{ float:left; background:none;  }
.drop-down-mid{ background:url(http://www.florida-villa.com/2010/images/drop-down-bg-bottom-center.png) top left repeat-x; float:left; height:7px;}


#nav li li.sub-more:hover .sub{
background:url(http://www.florida-villa.com/2010/images/drop-down-sub.png) top right no-repeat;display:block; margin-left:17px; height:16px;
}

#nav li li.sub-more:hover .drop-down-starts-sub{
color:#fff;
background:none;
border:none;
display:block;  
float:left;
margin:0 0;
padding:0 0;
}

#nav li:hover li.sub-more li{}
#nav li:hover li.sub-more li .drop-down-starts-sub{float:left; background:none; margin:0 0;  }
#nav li:hover li.sub-more li .drop-down-mid-sub{background:url(http://www.florida-villa.com/2010/images/drop-down-bg-sub-top-center.png) top left repeat-x; float:left; height:4px; margin:0 0 0px 0; padding:0 0;  }
#nav li:hover li.sub-more li .drop-down-mid-sub-bottom{background:url(http://www.florida-villa.com/2010/images/drop-down-bg-sub-bottom-center.png) top left repeat-x; float:left; height:4px; margin:0 0 0px 0; padding:0 0;  }

/*         Top menu bar style ends  here       -*/ 

/*---------------------------------Header style ends here------------------------------*/
/*---------------------------------Body style Starts here-------------------------------*/

/*       Top date panel style starts here       */

.datecenter{ width:100%;; text-align:center; font-size:10px; float:left; color:#000; left:-23px; padding:8px 0;}
.date{ width:100%;; text-align:right; font-size:10px; float:left; color:#000; left:-23px; padding:8px 0;}
.date span{ width:200px; display:block; padding-right:30px; float:right;}
/*       Top date panel style ends here       */


/*       body panel style starts here       */

.body-right-side-container{margin: 0 0 0 8px;  width:541px; float:left; }

.flash-banner{ width:100%;
height:248px;
float:left;
background-color:ffffff;
margin-bottom:5px;
}

.villas-search
{
clear:both;
width:100%;
float:left;
border:1px solid #ffffff;
min-height:950px;
}



.container-spacer{ width:1px; float:left;  min-height:1230px; background-color:#b2b2b2; margin:0 5px 29px 6px;}


.body-left-side-container{margin: 0 8px 0 0;  width:300px; float:left; }
.right-upper-container{ width:100%; float:left;   background-color:#ffffff; margin-bottom:5px;}
.facebook{ width:100%; float:left;  background-color:#ffffff; min-height:150px;}
.facebook-gadget{ width:100%; float:left;  min-height:400px; background-color:#ffffff; }

.facebook-user-login{width:100%; float:left;  background-color:#ffffff; max-height:400px;  }

/*       body panel style ends here       */


/*---------------------------------Body style ends here-------------------------------*/


/*---------------------------------Bottom Panel style starts here-------------------------------*/

.body-bottom-shadow {
	width: 100%;
	float: left;
}
.body-bottom-corner{ height:24px; width:16px; float:left;}
.body-bottom-center{height:24px; width:838px;float:left; background:url(http://www.florida-villa.com/2010/images/body-bg-middle.png) top left repeat-x ;}

.bottom-links{
	width: 100%;
	float: left;
	margin-top: 22px;
}
.link-list{
width : 206px;
border-top:1px solid #FFF;
float:left;
margin-left:20px;
text-align:left;

	}
	
.link-list ul{font-size:11px; margin-top:5px   }
li.link-header{ padding-bottom:40px; }
li.link{padding:0 0 5px 0; display:list-item; list-style-type:none; }
li.link a, li.link:hover{color: #FFF;}


li.link-header ul{padding:0 0; margin:0 0; clear:both; }
li.link-header li{display:inline; list-style-type:none; padding:0 0; margin:0 0; height:10px; display:block; float:left;}

li.link-header li.text{ width:170px; height:10px; margin-top:10px  }
li.link-header li.image a{ width:32px; height:32px; display:block; float:right;}
.by-bedrooms{width:170px;}
.contact-div{width:206px;}
li.contact { background:url(http://www.florida-villa.com/2010/images/arrow.png) left top no-repeat;  padding:1px 0 0px 24px; margin-bottom:3px; height:22px; }

/*---------------------------------Bottom Panel Logo starts here-------------------------------*/

.bottom-logo-panel{ width:100%; float:left; text-align:center;}
.toTop{ display:block; width:7%;  text-decoration:none; font-size:15px; float:left; height:20px }
.toTop a{ display:block; text-decoration:none;  }


.bottom-logo-links{width:90%;  float:right; text-align:center;}
.bottom-logo-links ul{ font-size:10px; padding:0 0; margin:5px 0 0 0; float:right}
.bottom-logo-links  li{display:inline; list-style-type:none;  padding:0 0; margin:0 0; float:left}
a.florida-link , a.florida-link:hover{ color:#fffe00; display:block; margin-top:9px; height:15px; width:145px;  }
a.bottom-logo{height:65px; width:160px;  display:block; float:left}
.copyright{ color:#FFF;margin-top:8px; display:block; margin-top:9px; height:15px; width:470px;}
.spacer{ color:#f39ba4; font-size:30px; line-height:30px; margin:0 0px; font-weight:normal; width:1px;}

/*---------------------------------Bottom Panel Logo style ends here-------------------------------*/

/*---------------------------------Bottom Panel style ends here---------------------------------------------*/