/*=========================================================================================
	CSS Style order
	
	Global Styles
	Containers
	Navigation
	Headers
	Links
	Get Started Form
	Text
	Random Pictures
	Begin Interior Page(s) - Styles
	
=========================================================================================*/

/*========================================================================================
Global Styles
=========================================================================================*/


html {
	margin: 0;
	padding: 0;
	background-color:#4b689c;
}

body {
	margin: 0;
	padding: 0;
	background-color:#4b689c;
}

.clear { clear:both; }
.clearleft { clear: left; }



/*========================================================================================
Containers
=========================================================================================*/

/*	Logo	*/

#logo {
	position: absolute;
	width: 365px;
	height: 62px;
	display: block;
	background: url('../images/timesharepro_logo.png') no-repeat top left;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	z-index: 1;
}

#logolink a {
	position: absolute;
	width: 365px;
	height: 62px;
	display: block;
	z-index: 2;
	text-indent: -5000px;
    right: 737px;
}

#logo a {
	width: 365px;
	height: 62px;
	display: block;
}

#fbico 
{
    left: 580px; 
    top: 50px; 
    
    
    position: absolute;
	display: block;

	z-index: 1;
}
#twitico 
{
    left: 380px; 
    top: 20px; 
    position: relative;
	display: block;

}
	

/*	Main Container	*/

#wrapper {
	width: 760px;
	height: 32px;
	margin: 0;
	padding: 0;
	text-align: left;
}

/*	Top Nav	*/

#topnav {
	width: 760px;
	height: 32px;
	float: left;
	margin: 0;
	padding: 0;
	background: url('../images/topnavBG.jpg') no-repeat top left;
}

/*	Top Nav Buttons		*/

#topnav {
	display: inline;
	float: left;
	margin: 0;
	height: 32px;
}

#topnav ul {
	float: right;
	margin: 0;
	padding: 0;
}

#topnav li{
	float: left;
	list-style: none;
}
#topnav a{
	height: 32px;
	display: block;
	text-indent: -5000px;
}

#topnav #btnSellRent {
	width: 174px;
	height: 32px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: url('../images/btnSell_Rent_Green.jpg') no-repeat top left;
}

#topnav #btnSellRent:hover {
	background-position: bottom left;
}

#topnav #btnBuyRent {
	width: 174px;
	height: 32px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: url('../images/btnBuy_Rent_Purple.jpg') no-repeat top left;
}

#topnav #btnBuyRent:hover {
	background-position: bottom left;
}

#topnav #btnContactUs {
	width: 174px;
	height: 32px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: url('../images/btnContact_Blue.jpg') no-repeat top left;
}

#topnav #btnContactUs:hover {
	background-position: bottom left;
}

/*	Middle	*/

#middle {
	width: 760px;
	height: 285px;
	display: block;
	float: left;
	background: url('../images/middle_pictures.jpg') no-repeat top left;
}

/*	Bottom	*/

#bottom {
	width: 760px;
	float: left;
	margin: 0;
	padding:0 ;
	background: #fff;
}

#bottom h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000066;
	font-weight:normal;
	margin:5px 0 0 10px;
	padding:0;
	text-decoration:underline;
}

#bottom h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000066;
	font-weight:bold;
	margin:0 0 0 18px;
	padding:0;
}

#bottom td h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000066;
	margin:0;
	padding:0;
}

#bottom p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	margin:5px 20px 5px 20px;
	padding:0;
}

#bottom li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	margin:0 0 0 10px;
	padding:0px 0 0px 0;
}

#bottom hr {
	width:700px;
	color:#000066;
}

#rightinterior hr {
	width:510px;
	color:#000066;
}

#bottom td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:0;
}

#bottom a {
	color:#0066FF;
	text-decoration:none;
}

#bottom a:hover {
	color:#009933;
	text-decoration:underline;
}

.resultsheadertxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin:0 0 0 5px;
}

.resultstable {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#000;
}

.activeRow { background: #F3E0CC; cursor: pointer }
.inactiveRow { background: #E3EEFA}
	
.tableheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 5px;
	color: #000;
}

/* Bottom Left (Sitemap) */

#left {
	width: 237px;
	padding: 0 0 10px 0;
	float: left;
}

#leftproperty {
	width: 300px;
	padding: 0 0 10px 0;
	float: left;
}

/* Bottom Right  */

#right {
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #a1c9f8;
}

/* Bottom Right  */

#rightinterior {
	width: 522px;
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #a1c9f8;
}

#rightproperty {
	width: 459px;
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #a1c9f8;
}

/*==============================================================================*/
/* Interior Header 																															*/
/*==============================================================================*/

#interiorheader {
	width: 522px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: url('../images/main_body_header.jpg') no-repeat top left;
}

#interiorheader h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #79b843;
	font-weight: bold;
	margin: 0;
	padding: 12px 0 0 15px;
}

#interiorheader a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #247fe6;
	font-weight: bold;
	margin: 0;
	padding: 12px 0 0 15px;
}

.interiorheaderwide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #79b843;
	font-weight: bold;
	margin: 0 0 0 100px;
	padding: 0 0 0 15px;
	position:absolute;
}

#interiorheader h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #79b843;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0 15px;
	text-decoration:none;
}

#rightinterior #list ul {
	margin: 15px 15px 0 35px;
}

#rightinterior ul li{
	list-style-image: url(../images/bullet.jpg);
	padding:3px 10px 3px 0;
}

/*==============================================================================*/
/* Interior Header Large																												*/
/*==============================================================================*/

#interiorheaderlarge {
	width: 760px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: url('../images/main_body_header_large.jpg') no-repeat top left;
}

#interiorheaderlarge h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #79b843;
	font-weight: bold;
	margin: 0;
	padding: 12px 0 0 15px;
}

/*==============================================================================*/
/* Interior Header XL																														*/
/*==============================================================================*/

#interiorheaderXL {
	width: 760px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: url('../images/main_body_headerXL.jpg') no-repeat top left;
}

#interiorheaderXL h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #79b843;
	font-weight: bold;
	margin: 0;
	padding: 12px 0 0 15px;
}

#interiorheaderXL a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #247fe6;
	font-weight: bold;
	margin: 0;
	padding: 12px 0 0 15px;
}


/*  Sitemap  */

#headerSitemap {
	width: 237px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: url('../images/header_sitemapBG.jpg') no-repeat top left;
}

#headerSitemap h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #247fe6;
	font-weight: bold;
	margin: 0;
	padding: 12px 0 0 15px;
}


#sitemap h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003869;
	font-weight: bold;
	margin: 8px 10px 2px 15px;
	padding: 0;
}

#sitemap h2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#003869;
	font-weight:bold;
	text-decoration:underline;
}

#sitemap ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003869;
	font-weight: normal;
	text-align: left;
	margin: 5px 0 0 30px;
	padding: 0 0 0 20px;
}
#sitemap li {
	list-style-image: url(../images/bullet.jpg);
	margin: 0 0 2px 0;
	height: 16px;
}

#sitemap li a {
	color: #003869;
	text-decoration:none;
	height: 16px;
	font-weight: bold;
}

#sitemap li a:hover {
	color: #29568f;
	text-decoration: underline;
}

#subcontent li {
	list-style-image: url(../images/bullet.jpg);
	margin: 0 0 2px 0;
	height: 16px;
}

#subcontent {
	position:absolute;
	z-index:100;
}

#subcontent h2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#003869;
	font-weight:bold;
	text-decoration:underline;
}

/*  Sell or Rent a Timeshare  */

#sellrent {
	width: 173px;
	height: 225px;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #a1c9f8;
	border-bottom: 1px solid #a1c9f8;
}

#headerSellRent {
	width: 173px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: url('../images/header_sell_rentBG.jpg') no-repeat top left;
}

#headerSellRent h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #31680d;
	padding: 10px 0 0px 15px;
	margin: 0;
	line-height: 14px;
}

#headerSellRent h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #31680d;
	margin: 0px 0 3px 15px;
	text-indent: 10px;
	padding: 0;
}

#headerSellRent h1 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#31680d;
	text-decoration:none;
	font-weight:normal;
}

#headerSellRent h1 a:hover {
	text-decoration:none;
	font-weight:normal;
}

#headerSellRent h2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#31680d;
	font-weight:normal;
	text-decoration:underline;
}

#headerSellRent h2 a:hover {
	text-decoration:none;
	font-weight:normal;
}

#sellrent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #31680d;
	line-height: 1.2em;
	margin: 10px 0 15px 0;
	padding: 0 25px 0 25px;
}

#sellrent a {
	font-weight: bold;
	text-decoration: none;
}

#sellrent a:hover {
	font-weight: bold;
}

/*  END SellRent  */

/*  Sell or Rent a Timeshare  */

#buyrent {
	width: 173px;
	height: 225px;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #a1c9f8;
	border-bottom: 1px solid #a1c9f8;
}

#headerBuyRent {
	width: 173px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: url('../images/header_buy_rentBG.jpg') no-repeat top left;
}

#headerBuyRent h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #470f6d;
	padding: 10px 0 0px 15px;
	margin: 0;
	line-height: 14px;
}

#headerBuyRent h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #470f6d;
	margin: 0px 0 3px 15px;
	text-indent: 10px;
	padding: 0;
}

#headerBuyRent h1 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#470f6d;
	text-decoration:none;
}

#headerBuyRent h1 a:hover {
	text-decoration:none;
	font-weight:normal;
}

#headerBuyRent h2 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#470f6d;
	text-decoration:underline;
}

#headerBuyRent h2 a:hover {
	text-decoration:none;
	font-weight:normal;
}

#buyrent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #470f6d;
	line-height: 1.2em;
	margin: 10px 0 15px 0;
	padding: 0 25px 0 25px;
}

#buyrent a {
	font-weight: bold;
	text-decoration: none;
}

#buyrent a:hover {
	font-weight: bold;
}

/*  END BuyRent  */

/*  Sell or Rent a Timeshare  */

#supportandcontact {
	width: 173px;
	height: 225px;
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #a1c9f8;
	border-right: 1px solid #a1c9f8;
}

#headerContact {
	width: 173px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: url('../images/header_contact.jpg') no-repeat top left;
}

#headerContact h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #123e6f;
	padding: 10px 0 0px 25px;
	margin: 0;
	line-height: 14px;
}

#headerContact h1 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#123e6f;
}

#headerContact h1 a:hover {
	text-decoration:none;
	font-weight:normal;
}

#headerContact h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #123e6f;
	margin: 0px 0 3px 25px;
	text-indent: 30px;
	padding: 0;
}

#headerContact h2 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#123e6f;
	text-decoration:underline;
}

#headerContact h2 a:hover {
	text-decoration:none;
	font-weight:normal;
}

#supportandcontact p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3382c6;
	line-height: 1.2em;
	margin: 10px 0 15px 0;
	padding: 0 25px 0 25px;
}

#supportandcontact a {
	font-weight: bold;
	text-decoration: none;
}

#supportandcontact a:hover {
	font-weight: bold;
}

/*  END Contact  */



/*  Badges  */

#bestbuybadge {
	width: 173px;
	height: 120px;
	float: left;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 10px 0 20px 0;
	border-right: 1px solid #a1c9f8;
}

#bestbuybadge a {
	width: 173px;
	height: 120px;
	display: block;
	margin: -4px 0 0 20px;
	background: url('../images/btnBadge_Bestbuy.jpg') no-repeat top left;
	text-indent: -5000px;
}

#bestbuybadge a:hover {
	background-position: bottom left;
}

#resortsearchbadge {
	width: 173px;
	height: 120px;
	float: left;
	display: block;
	overflow: hidden;
	margin: 0 0 0 -20px;
	padding: 25px 20px 5px 0;
	border-right: 1px solid #a1c9f8;
}

#resortsearchbadge a {
	width: 173px;
	height: 120px;
	display: block;
	margin: 0px 0 0 20px;
	background: url('../images/btnBadge_ResortSearch.jpg') no-repeat top left;
	text-indent: -5000px;
}

#resortsearchbadge a:hover {
	background-position: bottom left;
}

#resortsearchbadge2 {
	width: 173px;
	height: 120px;
	float: left;
	display: block;
	overflow: hidden;
	margin: 0 0 0 -20px;
	padding: 10px 20px 5px 0;
	border-right: 1px solid #a1c9f8;
}

#resortsearchbadge2 a {
	width: 173px;
	height: 120px;
	display: block;
	margin: 0px 0 0 20px;
	background: url('../images/btnBadge_ResortSearch2.jpg') no-repeat top left;
	text-indent: -5000px;
}

#resortsearchbadge2 a:hover {
	background-position: bottom left;
}

#careersbadge {
	width: 173px;
	height: 120px;
	float: left;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 10px 0 5px 0;
	border-right: 1px solid #a1c9f8;
}

#careersbadge a {
	width: 173px;
	height: 120px;
	display: block;
	margin: 0px 0 0 20px;
	background: url('../images/btnBadge_Careers.jpg') no-repeat top left;
	text-indent: -5000px;
}

#careersbadge a:hover {
	background-position: bottom left;
}

/* Resort Search */

#resortsearch {
	width: 173px;
	height: 120px;
	float: left;
	margin: 0;
	padding: 10px 0 5px 0;
	border-right: 1px solid #a1c9f8;
}

#resortsearch a {
	width: 23px;
	height: 23px;
	display: block;
	text-indent: -5000px;
}

#resortsearch h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003869;
	margin: 0 0px 3px 0;
	padding: 0;
}
	
#resortsearch p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003869;
	margin: 0;
	padding: 0;
}
	
#resort_table {
	margin: 30px 0 0 22px;
}

#btnGo a {
	width: 23px;
	height: 23px;
	display: block;
	text-indent: -5000px;
}

#btnGo {
	width: 23px;
	height: 23px;
	overflow: hidden;
	background: url('../images/btnGo.jpg') no-repeat top left;
	display: block;
}

#btnGo:hover {
	background-position: bottom;
}

/*========================================================================================
Footer
=========================================================================================*/

#colordivide {
	width: 760px;
	height: 5px;
	float: left;
	background: url('../images/bottom_color_bar.gif') no-repeat top left;
	margin: 0;
	padding: 0;
}
	

#footer {
	position: relative;
	width: 760px;
	height: 110px;
	margin: 0;
	padding: 5px 0 0 0;
	background: #333366;
}

#footer li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
	padding: 0 5px 0 5px;
}

#footer li a:hover {
	text-decoration: none;
}

#footer ul {
	margin: 5px 0 0 10px;
	line-height: 1em;
	padding: 0;
}

#footer li {
	font-size: 11px;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	border-right: 1px solid #fff;
}

#footer br {
	clear: left;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	margin: 5px 0 10px 15px;
}

#copyright a {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}

#copyright a:hover {
	text-decoration: none;
}

.menudropdown {
	position:absolute;
	margin:11px 0 0 -15px;
	visibility: hidden;
	background-color: white;
	width: 250px;
	padding: 8px;
	border-bottom:2px solid #000;
}
/*========================================================================================
Begin Interior Page(s) - Styles
=========================================================================================*/



/*========================================================================================
Our Company
=========================================================================================*/

#ourcompany ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	margin: 0px 15px 0px 15px;
	padding: 0;
}



#glossaryterms .greengloss {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#339966;
}

#rightinterior .greengloss {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#339966;
}

.menuItem {
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    padding:3px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background: #FFFFFF;
    }
  
.menuItemOver {
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    padding:3px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background: #CCCCCC;
    }
  
#resortAJAXMenu {
    border-bottom: 1px solid #CCCCCC;
    }
    
    
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: #CBDFF8 url('/content/images/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: #CBDFF8 url('/content/images/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: #CBDFF8 url('/content/images/sort_both.jpg') no-repeat center right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */
 
table#search td {
	padding: 6px 6px 6px 12px;
}