@import url(http://templatedocs.livereznetwork.com/css/templatedefaults.css);

#s-container{ width:291px;}
#s-locations-select, #s-category-select {width:220px;}
#s-dates {text-align:left;font-weight:bold; color:#545454; margin-top:0px;} 
#s-dates input {margin-top:1px;}


/* =LEFT SEARCH *******************************************************/
.s-l-container { margin: auto; width: auto; }
.s-l-container input, .s-l-container select {color:#4f4f4f;}
#s-l-arrival { }
.s-l-container #LocationDataID,
.s-l-container #categoryid,
.s-l-container #searchpagedataid,
.s-l-container #community,
.s-l-container #searchpagedataid  { width:200px; }
#s-l-bedrooms { width:106px;}
#s-l-advanced { width:200px; margin:15px auto; }
#s-l-submit { padding:5px 0; }
#s-l-top {background: url(../images/site/s-topBg.png) no-repeat; height:50px;}
#s-l-bot {background: url(../images/site/s-midBg.png) repeat-y; height:7px;}
#s-l-color1 { background: url(../images/site/s-midBg.png) repeat-y; padding: 6px 0;}
#s-l-color2 { background: url(../images/site/s-midBg.png) repeat-y;  padding: 6px 0; }
#s-l-bot2 {background: url(../images/site/s-botBg.png) bottom no-repeat; height:26px;}


#search-bg{
	background: url(../images/site/search.png) top center no-repeat;
	width: 291px;
	min-height: 335px;
	float: left;
}
#search-bg-in{
	padding: 10px 5px 0 10px;
}


/* =BODY *******************************************************/
body {
	font: normal 13px/18px Verdana, Helvetica, sans-serif;
	color: #444444;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #89b3e5 url(../images/site/bg.png) top center repeat-y;
}

hr.style1 {
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #dadada; 
	border-style: none none dotted;
}
img.hidden {
	display: none;
}
.clear {
	clear: both;
}
a img{
	border: 0px;
	margin: 0;
}
.left {float:left;}

/* global text styles *******************************************************/
a { color: #0053a1; text-decoration : underline; }
a:hover, a:visited:hover { color: #910208;}
a:visited { color:#4182a9; }

h1 {
	font-family: Trebuchet MS, Verdana, San-Serif;
	font-size: 18px;
	color: #454545;
	margin: 0;
}
h2 {
	font: normal 20px Georgia, Times New Roman, Serif;
	color: #454545;
	margin: 0 0 15px 0;
}
h1 a{
	text-decoration: none;
}
ul.arrow {
	list-style: none inside;
	font-weight: bold;
	line-height: 2;
	padding-left: 0;
	margin: 0;
}

ul.arrow li {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

/* =simple drop down menu *******************************************************/
#menuBar {
	background: url(../images/site/menu.png) no-repeat;
	position:relative;
	z-index:101;
}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px Trebuchet MS, san-serif;}

#sddm li a { 
	display: block;
	margin: 0 1px 0 0;
	padding: 11px 39px;
	color: #fff;
	text-align: center;
	text-decoration: none }

#sddm li a:hover {	color:#013a89; background: url(../images/site/menu3.png) repeat-x;}
/* #ssdm li.menuspc { display:block; width:1px; height:46px; background: pink url(../images/site/menuspc.gif) no-repeat;} */
#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #07365d;
	border: 1px solid #3b80b2;
	border-top: 0;
	z-index: 300;}

#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		min-width: 200px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #07365d;
		color: #fff;
		font: 11px verdana, san-serif}

#sddm div a:hover {	background: #3b80b2; color:#fff;}

#menu2{
	background: url(../images/site/menu2.png) top right no-repeat;
	position:absolute;
	top:41px;
	right:0px;
	width:649px;
	padding:6px;
	margin-right: 5px;
	color:#fff;
	z-index:100;
}
#menu2 a{color:#fff; text-decoration:none;}


/* =HEADER *******************************************************/
#header, #menuBar, #indexMain, #indexMap, .indexContent, #indexfeatures, #footer, #content2 { width: 950px; margin: auto; text-align:left;border:0px solid #000;}
#header {
	position: relative;
	text-align: right;
	height: 60px;
	font: normal 14px Trebuchet MS, Verdana;
	color: #fff;
}
#header a{ color: #000; text-decoration: none; border-bottom: 1px dotted #c3c3c3; }
#header a:hover{border-bottom: 1px solid #000; }
h1#headerh1 {
	position: absolute;
	bottom:20px;
	left: 270px;
	font-size: 14px;
}
div#toplinks {
	position: absolute;
	bottom:20px;
	right: 0px;
	font-size: 14px;
}
/* =INDEX *******************************************************/
#indexMain {
	position: relative;
	text-align:left;
	margin-top: 10px;
	overflow: hidden;
}
#indexLogo {
	position:absolute; 
	bottom: 0px; 
	left: 0px;
}
#index-ss {
	float: right;
	width: 649px; 
	height: 336px; 
	margin-left: 10px;
	overflow: hidden;
	position: relative;
}
#indexMap {
	background: #fff url(../images/site/featuresBg.png) no-repeat;
	margin-top: 8px;
}
#indexMapIn, .indexContentIn {
	width: 900px;
	margin: 10px 10px 0 10px;
}
div#indexfeatures{ 
	margin-top: 10px; 
	position:absolute; 
	top:0px;
	left:-9px;
	background:#0e4c89; 
	padding:9px;
}
img#specialstag {position:absolute; bottom:-40px; left:-10px;}
div.featureHome {
	float: right;
	width:155px;
	margin: 0px 0 0px 10px;
	font: normal 10px verdana, arial, san-serif;
	text-align:center;
}
div.featureHomeTitle {
	font-size: 11px;
	padding:5px;
	background:#315cae;
	color: #fff;
}
img.featureHomeImg {
	width: 155px;
	height: 86px;
	display:block;
}
div.indexContent {
	margin-top: 10px;
	padding:0;
	}
table.indexContentIn {
	width: 930px;
	}
.indexcustomertxt {
	background: #fff;
	border: 1px solid #c3c3c3;
	padding: 20px 30px;
}
.testimonial {
	padding: 10px 10px 10px 0;
	font-size: 12px;
}
#footer {
	width:100%;
	background: #173065;
	border-top: 1px solid #c3c4bf;
	padding: 16px 0;
	margin-top: 20px;
}
#footer table{
	margin: auto;
	width: 965px;
	color: #5ea9d3;
	font: normal 10px verdana;
}
#footer a{
	color: #5ea9d3;
	text-decoration: none;
}
#footer a:hover{
	color: #fff;
}

/* =INDEX SLIDESHOW *******************************************************/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:649px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:649px; height:335px;}
#information {position:absolute; bottom:0; width:649px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70); display:none;}
#information h3 {padding:4px 8px 3px; font-size:14px; display:none;}
#information p {padding:0 8px 8px; display:none;}
#image {width:649px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:335px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



/* =LEFT MENU STYLE *******************************************************/
h4.leftFeatureHead {
	font-family : Arial, Verdana;
	margin: 30px 0 0 0;
	font-size : 14px;
	font-weight : normal;
	color : #000;
}
#leftFeature a{	text-decoration: none;}
#leftFeature {	text-align:left; width:218px;}


/* =SECONDARY PAGES *******************************************************/

div#content2 {
}
div#content2 td { font-size: 12px; }
table#content2In {width:100%}
td#content2Left {
	width: 20%;
}
td#content2Right {
	padding: 20px 30px;
	width: 80%;
	border: 1px solid #c3c3c3;
	background: #fff;
}
#content2Right h1, td.columnRight2 h1 a{
	color: #000;
	margin: 0 0 20px 0;
	font-weight: bold;
}
#content2Right .tabbertab  h2{
	margin: 30px 0 10px 0;
	padding: 2px 7px;
	background: #675a43;
	color:#fff;
}
tr.communityInfo {
	background-color: #f4f4f4;
}
.rentalCategoryList {
	border-bottom: 1px dotted #dadada;
	margin-top: 10px;
}
table.rentalCategoryListOver {
	border-bottom: 1px dotted #dadada;
	margin-top: 10px;
}
table.rentalCategoryListOver a, table.rentalCategoryList a{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.contactForm {
	background: #e7e7e7;
	border: 1px solid #d7d7d7;
	padding: 10px 0 10px 0;
}


/* =vacation-rental-home.asp *******************************************************/

#p-overview {
	padding: 0px;
	font-size: 11px;
	position: relative;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 10px;
	}
#p-thumb {width:130px; border: 1px solid #000;}
.p-overview a{color: #000; text-decoration: underline;}
.p-overview a:hover{color: red;}
.p-overview strong{color: #000; font-size: 14px;}
#p-overview h2{color:#000; padding: 0;}
#p-overview .rooms{float: left; margin: 0px 20px 0 0;font-weight:bold;font-size:15px;}
#p-overview-bttn {margin-top:7px; float:left;}
#p-overview-virtual {margin:7px 0 0 7px; float:left; width:133px;}
#p-overview form {padding:0; margin:0;}

/* =PROPERTY LISTINGS *******************************************************/
#propertyList {
	border-top:1px dotted #c3c3c3;
	margin-top:15px;
}

h4.propertyTitle {
	font-size: 13px;
	margin: 0 0 7px 0;
}

a.propertyTitle {
	font-weight: bold;
	font-size: 13px;
	color: #000;
	display: block;
	margin-bottom: 7px;
	text-decoration: none;
	}

a.propertyTitle:hover {
	text-decoration: underline;
	font-size: 13px;
	}
.propertyDscrpt {
	display: block;
	color: gray;
	font-size: 10px;
}
.propertyDscrpt strong{
	color: #000;
	font-size: 12px;
}
.price {
	font-weight: bold;
	color: #ae0000;
	font-size: 12px;
}



/* =CALENDAR *******************************************************/
#checkform {display:none;} /* check form hidden */
.javaCalendar{white-space: nowrap;}
.javaCalPopUp{width: 151px;border: 1px solid #7F9DB9;background: #FFFFFF;}
.javaCalPopUp td{padding: 4px;text-align: center;}
.javaCalPopUp, .javaCalPopUp th, .javaCalPopUp td, .javaCalPopUp div{font: bold 11px Tahoma, Verdana, Arial, sans-serif;}
.javaCalPopUp a, .javaCalPopUp a:link, .javaCalPopUp a:visited, .javaCalPopUp a:active, .javaCalPopUp a:hover{text-decoration: none;color: #000000;cursor: pointer;}
.javaCalTitle{width: 100%;background: #9EBEF5;height: 15px;}.javaCalTitle td{height: 16px;padding: 0px 5px 0px 6px;cursor: pointer;}.javaCalTitle th{width: 100%;font-weight: normal;white-space: nowrap;}.javaCalCalendar{width: 120px;margin: 1px 20px 0 20px;border-bottom: 1px solid #ACA899;}.javaCalCalendar td{padding: 0;text-align: center;}td.javaCalDay{color: #ACA899;text-align: right;padding-left: 1px;height: 17px;width: 17px;border: 1px solid #FFFFFF;cursor: default;}div.javaCalFooter input{font: normal 11px Tahoma, Verdana, Arial, sans-serif;width: 48px;margin: 5px 6px 5px 6px;}/* Commented Backslash Hack hides rule from IE5-Mac, documented at http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \*/.javaCalCalendar{margin: 1px auto 0 auto;border-bottom: 1px solid #ACA899;}div.javaCalFooter input{font: normal 11px Tahoma, Verdana, Arial, sans-serif;width: 48px;margin: 5px 6px 5px 6px;}td.javaCalDay{color: #ACA899;text-align: right;padding-left: 1px;height: 13px;width: 13px;border: 1px solid #FFFFFF;cursor: default;}/* End hack */.javaCalDayHeader{padding-right: 3px;font-weight: normal;text-align: right;border-bottom: 1px solid #ACA899;}td.javaCalOtherMonthDay a, td.javaCalOtherMonthDay a:link, td.javaCalOtherMonthDay a:visited, td.javaCalOtherMonthDay a:active, td.javaCalOtherMonthDay a:hover{color: #ACA899 !important;cursor: pointer;}td.javaCalSelectedDay{background-color: #FBE694 !important;border: 1px solid #FBE694;}td.javaCalTodayDay{border: 1px solid #BB5503;}td.javaCalWeekNumber{color: #000000;font-size: 8px;border-right: 1px solid #ACA899;background: #CEDEFA;text-align: right;padding: 0 3px;}img.javaCalButton{vertical-align: top;margin-top: 1px;margin-left: 2px;cursor: pointer;border: 0;}a.javaCalButton{margin-left: 2px;}div.javaCalFootNote{background: #EBEAE7;padding: 2px;}.javaCalMonthSelector{font: normal 11px Tahoma, Verdana, Arial, sans-serif;border: 1px solid #000000;background: #FFFFFF;padding: 0px;width: 74px;}.javaCalYearSelector{font: normal 11px Tahoma, Verdana, Arial, sans-serif;border: 1px solid #000000;background: #FFFFFF;padding: 0px;width: 43px;}.javaCalMonthSelector a, .javaCalYearSelector a{padding: 1px 10px;}a.javaCalMonthSelectorItem, a.javaCalMonthSelectorItem:link, a.javaCalMonthSelectorItem:visited, a.javaCalMonthSelectorItem:active{display: block;text-decoration: none;color: #000000;text-align: left;}a.javaCalYearSelectorItem, a.javaCalYearSelectorItem:link, a.javaCalYearSelectorItem:visited, a.javaCalYearSelectorItem:active{display: block;text-decoration: none;text-align: center;color: #000000;}a.javaCalMonthSelectorSelectedItem, a.javaCalMonthSelectorSelectedItem:link, a.javaCalMonthSelectorSelectedItem:visited, a.javaCalMonthSelectorSelectedItem:visited, a.javaCalMonthSelectorSelectedItem:active, a.javaCalMonthSelectorSelectedItem:hover, a.javaCalMonthSelectorItem:hover{display: block;text-decoration: none;color: #FFFFFF;background: #000000;text-align: left;}a.javaCalYearSelectorSelectedItem, a.javaCalYearSelectorSelectedItem:link, a.javaCalYearSelectorSelectedItem:visited, a.javaCalYearSelectorSelectedItem:active, a.javaCalYearSelectorSelectedItem:hover, a.javaCalYearSelectorItem:hover{display: block;text-decoration: none;text-align: center;color: #FFFFFF;background: #000000;}a.javaCalYearSelectorImg{display: block;text-align: center;background-color: white;padding-top: 2px;padding-bottom: 2px;}td.javaCalSpecialDate a, td.javaCalSpecialDate a:link, td.javaCalSpecialDate a:visited, td.javaCalSpecialDate a:active, td.javaCalSpecialDate a:hover,td.javaCalSpecialDate a:visited:hover{font-weight: bold;}
td.javaCalWeekendDay { background: #EBEAE7; border: 1px solid #EBEAE7; }