@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: transparent; height:50px;}
#s-l-bot { background: transparent;  height:7px;}
#s-l-color1 {  background: transparent;  padding: 6px 0;}
#s-l-color2 {  background: transparent;  padding: 6px 0; }
#s-l-bot2 {  background: transparent;  height:26px;}


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

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;
}
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: #C61800;
	border-top: 1px solid #3360c0;
}
#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 0px 0 0;
	background: #1c49b0;
	border-left:1px solid #3360c0;
	padding: 10px 0;
	width:132px;
	color: #fff;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover {	color:#fff;}
#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #1c49b0;
	border: 0px solid #d6c7a8;
	border-top: 0;
	z-index: 300;}

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

#sddm div a:hover {color:#fff; background: #3866c4;}

#sddm a#specials {}

/* =HEADER *******************************************************/
#header {
	position: relative;
	text-align: right;
	height: 150px;
	font: normal 14px Trebuchet MS, Verdana;
	color: #fff;
	background: url(../images/site/header.jpg) repeat-x;
}
#header a{ color: #fff; text-decoration: none; border-bottom: 0px dotted #c3c3c3; }
#header a:hover{border-bottom: 0px solid #fff; }
h1#headerh1 {
	position: absolute;
	top:60px;
	right: 20px;
	font-size: 24px;
	color: #fff;
}
div#toplinks {

	font-size: 24px;
	color: #fff;
}
/* =INDEX *******************************************************/
#page { 
	margin:auto;
	width:950px;
	padding:0 22px;
	background: url(../images/site/page.png) center repeat-y;
}
#search{
	background: #dbe7fa url(../images/site/search2.png) top center repeat-x;
	width: 290px;
	min-height: 310px;
	float: left;
}
#searchIn{
	padding: 10px 15px 0 15px;
}
#indexMain {
	position: relative;
	text-align:left;
	overflow: hidden;
}
#logo {
	position:absolute; 
	top: 20px; 
	left: 0px;
}
#index-ss {
	float: right;
	height: 310px; 
	overflow: hidden;
	position: relative;
}
#index-ss, #wrapper, #fullsize, #information, #image { width: 660px; }
div.content {
	}
table.contentIn {
	margin:0;
	width:100%;
	}
#columnL {
	background: #dbe7fa url(../images/site/search.png) top center repeat-x;
}
#columnR {
	background: #F0F5FD;	
}
#columnL h2{
	background:#fac61c;
	padding: 5px 20px;
	color: #2c3695;
}
#columnR h2{
	background:#007d08;
	padding: 5px 20px;
	color: #fff;
}
div#indexfeatures{ position:relative;}
img#specialstag {position:absolute; bottom:-40px; left:-10px;}
div.featureHome {
	float: left;
	width:200px;
	margin: 10px 0 15px 15px;
	font: normal 10px verdana, arial, san-serif;
	text-align:center;
}
div.featureHomeTitle {
	font-size: 11px;
	padding:5px;
	color: #665e46;
}
img.featureHomeImg {
	width: 200px;
	height: 111px;
	display:block;
	border: 2px solid #2c3695;
}
.testimonial {
	padding: 20px;
	font-size: 12px;
}
#footer {
	padding: 16px;
	background: #2c3695;
}
#footer table{
	margin: auto;
	color: #7da7ee;
	font: normal 10px verdana;
}
#footer td{
	font-size:10px;
}
#footer a{
	color: #7da7ee;
	text-decoration: none;
}
#footer a:hover{
	color: #fff;
}

/* =INDEX SLIDESHOW *******************************************************/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper { display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; height:335px;}
#information {position:absolute; bottom:0; 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
#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; padding:15px;}


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

div#content2 {
}
div#content2 td { font-size: 12px; }
table#content2In {width:100%}
td#content2Left {
	width: 20%;
	background: #dbe7fa url(../images/site/search2.png) top center repeat-x;
}
td#content2Right {
	padding: 20px 30px;
	width: 80%;
	border: 1px solid #d6c7a8;
	background: #fff url(../images/site/content2Bg.png) repeat-x;
}
#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; }