@charset "utf-8";
/* CSS Document */

/* LAYOUT */
object, embed{ z-index: 0; }
body{ 
	margin:0;
	background-image:url(../../images/background_tile.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
img{
	border:0;
	margin:0;
}
h1{
	font-size:18px;
}
#container{
	width:854px;
	margin-left:auto;
	margin-right:auto;
}
#headerbar{
	background-image:url(../../images/header.gif);
	background-repeat:no-repeat;
	height:98px;
}
#navbar{
	background-image:url(../../images/nav_bg.jpg);
	background-repeat:no-repeat;
	height:43px;
	margin-top:1px;
	margin-bottom:10px;
	padding-top:8px;
	z-index: 2;
}
#nav_items{
	margin-left:auto;
	margin-right:auto;
	width:815px;
}
#leftcolumn{
	float:left;
	width:558px;
}
#flashcontainer{
	background-image:url(../../images/flash.png);
	background-repeat:no-repeat;
	width:555px;
	height:415px;
	padding: 7px 0 0 5px;
	z-index: 1;
}
#leftcontent{
	width:515px;
	/*background:url(../../images/flash.png);
	background-repeat:no-repeat;*/
	padding: 11px 20px 20px 23px;
}
.leftcontenthr{
	width:99%;
	color:#bfbfbf;
	height:1px;
	border-color:#bfbfbf;
	margin-top:5px;
	margin-bottom:10px;
}
#featured{
	background:url(../../images/featured_bg.png);
	background-repeat:no-repeat;
	width:555px;
	height:235px;
}
#rightcolumn{
	float:right;
	width:296px;
}
#rightcolumn img{
	border:0;
	margin:0;
}
#leftcolumnlower{
	float:left;
	width:558px;
}
#rightcolumnlower{
	float:right;
	width:296px;
}
#latest_items{
	width:268px;
	height:420px;
	background-image:url(../../images/latest_bg.gif);
	background-repeat: no-repeat;
	padding: 10px 0 0 28px;
}
#latest_items hr{
	width: 90%;
	margin-left: 0;
}
#search{
	background-image:url(../../images/TSG_SearchBox.gif);
	background-repeat:no-repeat;
	height:290px;
	width:555px;
	padding-top:15px;
}
#searchform{
	/*margin-top:50px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-top: 25px;
}
#searchleft{
	float:left;
	width:160px;
	margin-left:25px;
}
#searchright{
	float:right;
	width: 340px;
	margin-right:15px;
}
#searchright .resort_name{ width: 335px; }
span.col{
	width: 140px;
	float: left;
	text-align: right;
	padding-right: 20px;
}
span.listingID{
	width: 65px;
	float: left;
	text-align: left;
	padding-right: 10px;
}
span.searchcol{
	width: 82px;
	float: left;
	text-align: right;
	padding-right: 20px;
}
span.offerscol{
	width: 70px;
	float: left;
	text-align: right;
	padding-right: 15px;
}
div#loader{ display: none; }
fieldset{ width: 400px; }
fieldset legend { color: black; }
div#addprop textarea, div#editprop textarea, div#addres textarea, div#editres textarea{ 
	width: 200px; 
	height: 150px;
}
div#tabs{ margin-bottom: 10px; }
/*.colLeft{
	padding: 0 10px 0 10px;
	width: 10px;
	display: inline;
}
.colMid{
	padding: 0 10px 0 10px;
	width: 10px;
	display: inline;
}
.colRight{
	padding: 0 10px 0 10px;
	width: 10px;
	display: inline;
}*/
.colLabel{ margin-left: 0px; }
.colLabelRd{ margin-left: 10px; }
div#login {
	border:0;
	-moz-border-radius: 4px;/*rounded corners for Firefox; doesn't work in IE or Safari*/
	-webkit-border-radius: 4px; /*rounded corners in Safari; doesn't work in IE or Firefox*/
	padding: 30px 10px 20px 10px; 
	margin: auto;
	margin-top: 150px;
	width: 520px;
	background-color: #ddd;
}
.propimg{ float: left; width: 260px; }
.resortinfo{ 
	float: left;
	margin: 0 0 0 10px;
}
.resortinfo .citystate{
	margin: 0;
	padding: 0;
}
.resortinfo .resort_name{
	margin: 0;
	padding: 0;
	color: #197699;
	width: 75%;
	display: inline;	
}
.longinfo{
	clear: both;
	padding-top: 1 0px;
}
.longinfo .details{
	background: #efefef;
	border: 1px solid #ccc;
	padding-left: 10px;
}
#footer{
	margin: auto;
	text-align: center;
	padding: 10px;
}
#footerlinks a{
	color: #000;
}
#report_slider{
	z-index: 100000000; /* this slider must be on top of everything */
	position: fixed; /* so the reporting slider will always be visible no matter how far down the user has scrolled */
	top: 20px;
	left: -112px; /* partially hides the slider, only leaving #heading visible on the page */
	width: 130px;
	background: #ccc;
	padding: 0 0 0 5px; /* only pad the left to avoid gray showing around the bg image of #heading, set everything else to 0 to be double sure */
}
#report_slider #heading{
	background: url(../../images/reporting.png) no-repeat transparent;
	width:30px;
	height: 100px;
	float: right; /* make sure the heading is visible to the user */
	margin-right: -7px; /* serves to hide the gray background of #report_slider by pulling #heading to the right by 7px */
}

div.flyout{
	display: none;
	background: #ccc;
	position: relative;
	left: 535px;
	width: 160px;
	top: -10px;
}
div.flyout ul, div.flyout ul li{
	list-style-type: none;
	padding: 5px;
}

.search_result{
	width: 99%;
	margin: auto;
	margin-bottom: 15px;
	background: #efefef;
	border: 1px solid #ccc;
	clear: both;

}

.search_result .row1, .search_result .row2{
	width: 99%;
	padding: 3px;
}

.search_result .resort_name{
	margin: 0;
	padding: 0;
	color: #197699;
	width: 75%;
	display: inline;
	font-size: 22px;
}

.search_result .left{ 
	float: left;
	margin-right: 10px;
	width: 150px;
	height: 100%;
	min-height: 100%;
}

.search_result .middle{ width: 400px; }

.search_result .row1 .citystate{
	margin: 0;
	padding: 0 0 0 15px;
	color: #000;
	font-weight: bold;
	font-size: 15px;
}

.search_result .row1 .data{
	font-weight: bold;
	font-size: 13px;
}

.search_result .price{
	font-size: 14px;
	font-weight: bold;
}

.row1 .middle .leftcol{
	float: left;
	margin: 0 15px 0 0;
	width: 180px;
}
.row1 .middle .rightcol{ 
	margin: 0;
	width: 180px;
	float: right;
}

.row2 .right{
	width: 385px;
	float: right;
	margin: 0;
}

.red-orange{
	color: #d66908;
	font-weight: bold;
}

.latest-left{ float: left; margin: 0; padding: 0; }
.latest-right{ float: right; margin: 0; padding: 0; }
.latest-right img{ margin: -5px 28px 0 0 !important; }

/* STYLES */

.clear{
	clear:both;
}

.error {
	color: #c00;
}

li#home{
	background: url(../../images/layout3_01.png) top left no-repeat transparent;
	height: 27px;
	width: 76px;
}
li#home a{
	display: block;
	height: 27px;
	width: 76px;
}
li#home a span{ display: none; }

li#search-nav{
	background: url(../../images/layout3_08.png) top left no-repeat transparent;
	height: 26px;
	width: 111px;
}
li#search-nav a{
	display: block;
	height: 26px;
	width: 111px;
}
li#search-nav a span{ display: none; }

li#deals{
	background: url(../../images/layout3_03.png) top left no-repeat transparent;
	height: 27px;
	width: 124px;
}
li#deals a{
	display: block;
	height: 27px;
	width: 124px;
}
li#deals a span{ display: none; }

li#tools{
	background: url(../../images/layout3_09.png) top left no-repeat transparent;
	height: 26px;
	width: 180px;
}
li#tools a{
	display: block;
	height: 26px;
	width: 180px;
}
li#tools a span{ display: none; }

li#faq{
	background: url(../../images/layout3_05.png) top left no-repeat transparent;
	height: 27px;
	width: 82px;
}
li#faq a{
	display: block;
	height: 27px;
	width: 82px;
}
li#faq a span{ display: none; }

li#about{
	background: url(../../images/layout3_06.png) top left no-repeat transparent;
	height: 27px;
	width: 120px;
}
li#about a{
	display: block;
	height: 27px;
	width: 120px;
}
li#about a span{ display: none; }

li#contact{
	background: url(../../images/layout3_07.png) top left no-repeat transparent;
	height: 27px;
	width: 122px;
}
li#contact a{
	display: block;
	height: 27px;
	width: 122px;
}
li#contact a span{ display: none; }

a#buy-timeshare{
	background: url(/images/buy_callout.gif)  top center no-repeat transparent;	
	display: block;
	height: 141px;
	width: 296px;
}
a#buy-timeshare span{ display: none; }

a#sell-timeshare{
	background: url(/images/sell_callout.gif)  top center no-repeat transparent;	
	display: block;
	height: 137px;
	width: 296px;
}
a#sell-timeshare span{ display: none; }

a#why-cheap{
	background: url(/images/cheap_callout.gif)  top center no-repeat transparent;	
	display: block;
	height: 137px;
	width: 296px;
}
a#why-cheap span{ display: none; }

.deal-url{
	display: inline;
	color: #197699;
	text-decoration: none;
}

div#search h1{
	margin: 0;
	padding: 0;
}
div#search h1 span{ display: none; }