/* CSS for Exclusive Exchanges */

* { margin: 0; padding: 0; border: 0; }

body {
  text-align: center;
  color: #6c6c6c;
  font: 62.5% Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
	background: #e5e5e5;
}


/* Global Styles */

a, a:link { color: #1165b1; text-decoration: none; }
a:hover { color: #1165b1; text-decoration: underline; }
a.broken, a.highlight { color: #FFFFFF; background: #B60016; } /* Use this class on links that are broken during site development */

a.white-button {
  display: block;
  width: 108px;
  height: 40px;
  font-size: 1.2em;
  line-height: 1;
  text-align: center; 
  color: #495966;
  font-weight: bold;
  background: url('/images/button.gif') top left no-repeat;
}
a.white-button span { display: block; padding: 11px 0 0 0; }
a.white-button:hover { color: #1165b1; text-decoration: none; }

a.medium-button {
  display: block;
  width: 103px;
  height: 29px;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: .89em;
  background: url('/images/bg-button-medium.gif') top left no-repeat;
}
a.medium-button span { display: block; padding: 5px 0 0 0; }
a.medium-button:hover { color: #FFFFFF; background-position: bottom left; text-decoration: none; }

table { border-collapse: collapse; border-spacing: 0; } /* Removes all padding and spacing from table cells */
input, select, option, textarea { padding: 2px; }
th { text-align: left; }
object, embed { border: 0; outline: 0; }
fieldset { border: 1px solid #666666; padding: 10px; }
legend { color: #666666; font-weight: bold; }
ul, ol { margin: 10px 0 10px 35px; }
li { margin: 0 0 5px 0; }
p { padding: 0 0 15px 0; }
hr { height: 1px; margin: 15px 0; border: 0; border-bottom: 1px solid #D4D4D4; }

.l, .left { float: left; }
.r, .right { float: right; }
.clear { clear: both; }

.b, .bold { font-weight: bold; }
.u, .underline { text-decoration: underline; }
.i, .italic { font-style: italic; }
.small { font-size: .79em; } /* IE has trouble recognizing intervals of .1 when sizing down, so we use .11 to make it happy */
.big { font-size: 1.1em; }
.large { font-size: 1.2em; }
.x-large { font-size: 1.4em; }
.x-x-large { font-size: 1.6em; }
.t-c, .text-center { text-align: center; }
.t-r, .text-right { text-align: right; }
.t-l, .text-left { text-align: left; }

.serif { font-family: Georgia, Times New Roman, Times, serif, serif serif; }
.no-serif, .san-serif { font-family: Arial, Helvetica, sans-serif; }

img { border: 0; }
img.l, img.left { margin: 0 20px 20px 0; }
img.r, img.right { margin: 0 0 20px 20px; }
img.border { padding: 4px; border: 1px solid #d7d7d7; }

.email_confirm, .hide, .hideme { display: none; }
#ctl00_ContentPlaceHolder1_PageError,
#form_error { font-weight: bold; color: #ed1c24; display: block; margin: 0 0 10px 0; }


/* Site Colors */

.black { color: #000000; }
.gray { color: #6c6c6c; }
.white { color: #FFFFFF; }
.green { color: #008302; }
.red { color: #ed1c24; }
.blue { color: #1165b1; }
.light-blue { color: #6c9ac2; }
.dull-blue { color: #495966; }
.dark-blue { color: #576775; }


/* Navigation */
/* Based on Son of Suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns */

#nav { 
  clear: both; 
  float: right;
  padding: 8px 0 0 0;
  line-height: 1;
  font-size: 1.1em;
}

#nav ul { /* Begin First Level Lists */
	margin: 0;
	padding: 0;
  line-height: 1;
	list-style: none;
}
#nav ul li { /* All List Items */
	float: left;
	margin: 0;
	padding: 0;
	width: auto; /* width needed or else Opera goes nuts */
  height: 24px;
}
#nav ul li.separator {
  width: 1px;
  background: url('/images/nav-separator.gif') top repeat-y;
}
#nav ul li.separator span { display: none; }

#nav ul li a {
	display: block;
	margin: 0;
	padding: 0 12px;
	width: auto;
  color: #1165b1;
  font-weight: bold;
}
#nav ul li a span { display: block; padding: 4px 0; }
#nav ul li a:hover { text-decoration: none; color: #1F2025; }

#nav li:hover { position: static; background-position: 0 0; } /* Fixes IE sticky dropdowns somehow? */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }


/* Footer Nav */
/* Basic formatting for using the same list as the main nav */

#footer { 
  text-align: center; 
  font-size: 1.1em; 
  color: #8f8f8f;
  font-family: Arial, Helvetica, sans-serif;
}

#footer ul { 
  display: inline;
  text-align: center;
	margin: 0;
	padding: 0;
	line-height: normal;
	list-style: none;
}
#footer ul li {
  display: inline;
  text-align: center;
	margin: 0;
	padding: 0 8px 0 8px;
}
#footer ul li a { color: #4e6172; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

#footer #copyright { padding: 5px 0 25px 0; }

#footer a.bwm { color: #8f8f8f; }
#footer a.bwm:hover { color: #3f8aca; } /* Blue Water's blue for hover state */


/* Global Layout */

#wrap {
  margin: 0 auto;
  width: 972px;
  text-align: center;
}
#text-reset { text-align: left; }
#border {
  margin: 0 0 27px 0;
  background: #ffffff;
  border: 1px solid #d4d2d2;
  border-top: 0;
}

#header {
  height: 137px;
  font-size: 1.2em;
  background: url('/images/bg-header.gif') bottom right no-repeat;
}
#logo { position: absolute; margin: 27px 0 0 41px; }

#top-nav { height: 94px; line-height: 1; font-family: Arial, Helvetica, sans-serif; }
#top-nav p { padding: 50px 32px 0 0; text-align: right; }
#top-nav a { color: #a5a5a5; font-weight: bold; }


/* Homepage Styling */

#home-banner { height: 330px; border-bottom: 7px solid #FFFFFF; }
#home-banner-left {
  position: absolute;
  z-index: 5;
  width: 363px;
  height: 330px;
  text-align: left;
  background: url('/images/home-frame.png') top left no-repeat;
}
#home-banner-left h1 { margin: 127px 0 0 28px; padding: 0; line-height: 1; border: 0; }
#home-banner-right {
  position: relative;
  z-index: 0;
  float: right;
  height: 330px;
  width: 708px;
  overflow: hidden;
}

#home-content { 
  padding: 30px 15px;
  font-size: 1.1em;
  line-height: 1.5em;
  background: url('/images/bg-home-content.gif') top center no-repeat; 
}
#home-cols { background: url('/images/bg-home-cols.gif') top repeat-y; }

.home-col {
  float: left;
  display: inline; /* Stupid IE6 Fix */
  width: 263px;
  margin: 0 25px;
  font-size: 1.1em;
} 
.home-col h2 {
  margin: 0 0 15px 0;
	color: #2a4862;
	font-size: 1.3em;
  font-family: Georgia, Times New Roman, Times, serif, serif serif;
}


/* Interior Styling */

#interior-content {
  margin: 0 6px;
  height: 1%; /* Stupid IE6 Fix */
  border-bottom: 50px solid #FFFFFF;
  background: url('/images/bg-interior-right.gif') right repeat-y;
}
#interior-content-gradient {
  height: 1%; /* Stupid IE6 Fix */
  background: url('/images/bg-interior-right-bottom.gif') bottom right no-repeat; 
}

#interior-left {
  float: left;
  display: inline; /* Stupid IE6 Fix */
  width: 512px;
  margin: 24px 29px 0 24px;
  font-size: 1.2em;
  line-height: 1.6em;
}
#interior-left h1,
h1 {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  color: #2a4862;
  font-size: 1.8em;
  font-weight: bold;
  font-family: Georgia, Times New Roman, Times, serif, serif serif;
  border-bottom: 1px solid #d4d4d4;
}
#interior-left h2 {
  margin: 0 0 10px 0;
  color: #2a4862;
  font-size: 1.2em;
  font-weight: bold;
}
#interior-left h3 {
  margin: 0 0 5px 0;
  color: #2a4862;
  font-size: 1.1em;
  font-weight: normal;
  line-height: normal;
}
#interior-left ul { margin: 0 0 10px 35px; padding: 0; list-style: disc; line-height: normal; }
#interior-left ul ul { margin: 5px 0 0 15px; padding: 0; list-style: circle; }
#interior-left ul li { margin: 0; padding: 0 0 5px 0; }

.callout { 
  margin: 12px; 
  font-family: Arial, Helvetica, sans-serif;
}

.callout .row {
  clear: both;
  float: left;
  display: block;
  width: 487px;
  border-bottom: 1px solid #d4d4d4; 
  border-top: 1px solid #FFFFFF; 
}
.callout .top { background: url('/images/bg-callout.gif') top left no-repeat; border-top: 0; padding: 15px 0 7px 0; }
.callout .middle { background: url('/images/bg-callout.gif') center left no-repeat; padding: 7px 0; }
.callout .bottom { background: url('/images/bg-callout.gif') bottom left no-repeat; border-bottom: 0; padding: 7px 0 15px 0; }

.callout .price {
  float: left; 
  width: 125px;
  font-size: 1.8em; 
  font-weight: bold; 
  color: #2a4862; 
  text-align: center;
}
.callout .description { 
  float: left;
  width: 184px;
  padding: 0 30px 0 0;
  color: #767676; 
  text-align: left;
}
.callout .apply { 
  float: left;
  width: 103px;
  text-align: center;
}


#interior-right {
  float: left;
  display: inline; /* Stupid IE6 Fix */
  width: 393px;
  margin: 0;
  font-size: 1.1em;
  line-height: 1.6em;
}
#interior-right p { padding: 0 0 10px 0; }
#interior-right a { text-decoration: underline; }
#interior-right a:hover { text-decoration: none; }

.box-top {
  display: block;
  width: 385px;
  height: 8px;
  margin: 9px 0 0 4px;
  overflow: hidden;
  background: url('/images/bg-interior-right-box-top.gif') top left no-repeat;
}
.box-body {
  display: block;
  width: 385px;
  margin: 0 0 0 4px;
  background: url('/images/bg-interior-right-box.gif') top left repeat-y;
}
.box-body .padding { padding: 15px 20px 5px 20px; }
.box-body h3 {
  margin: 0 0 10px 0;
	color: #2a4862;
	font-size: 1.4em;
  font-family: Georgia, Times New Roman, Times, serif, serif serif;
}
.box-bottom {
  display: block;
  width: 385px;
  height: 17px;
  margin: 0 0 80px 4px;
  background: url('/images/bg-interior-right-box-bottom.gif') top left no-repeat;
}

#interior-right h4 {
  display: block;
  margin: 0 0 0 7px;
  width: 379px;
  height: 38px;
	color: #2a4862;
	font-size: 1.4em;
  line-height: 1;
  font-family: Georgia, Times New Roman, Times, serif, serif serif;
  background: url('/images/bg-interior-right-header.gif') top left no-repeat;
}
#interior-right h4 span { display: block; padding: 10px 0 0 17px; } 
.no-box { padding: 15px 20px; }


/* Search Styling */

#search-content {
  margin: 5px 0 0 12px;
  height: 1%; /* Stupid IE6 Fix */
  border-bottom: 50px solid #FFFFFF;
  background: url('/images/bg-search-left.gif') left repeat-y;
}
#search-content-gradient {
  height: 1%; /* Stupid IE6 Fix */
  background: url('/images/bg-search-left-bottom.gif') bottom left no-repeat; 
}
#search-banner { position: relative; }
#search-banner .discover-the-places { position: absolute; z-index: 5; margin: -53px 0 0 20px; }

#search-left { 
  float: left;
  display: inline;
  width: 252px;
  margin: 0 10px 0 0;
}

.search-top {
  display: block;
  width: 252px;
  height: 45px;
  margin: 0;
  overflow: hidden;
  background: url('/images/bg-search-col-top.gif') top left no-repeat;
}
.search-body {
  display: block;
  width: 252px;
  background: url('/images/bg-search-col.gif') top left repeat-y;
}
.search-body .padding { padding: 0 20px 10px 20px; }
.search-body h3 {
  padding: 5px 0 5px 0;
	color: #2a4862;
	font-size: 1.2em;
  font-weight: normal;
}
.search-bottom {
  display: block;
  width: 252px;
  height: 24px;
  margin: 0 0 15px 0;
  background: url('/images/bg-search-col-bottom.gif') top left no-repeat;
}

#search-left form { padding: 0 0 15px 0; }

#search-left input.input { width: 130px; margin: 0 10px 0 0; border: 1px solid #d6d6d6; color: #6c6c6c; font-size: 1em; }
#search-left select { width: 210px; margin: 0 0 3px 0; border: 1px solid #d6d6d6; color: #6c6c6c; font-size: 1em; }

input.small-submit {
  border: 0;
  padding: 0;
  width: 59px;
  height: 23px;
}
#join-form input.small-submit {
  border: 0;
  padding: 0;
  width: 59px;
  height: 23px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: .79em;
  font-weight: bold;
  background: url('/images/bg-button-small.gif') top left no-repeat;
}
#search-left .top-search-options input { float: left; }
#search-left .top-search-options input.input { margin-top: 2px; }

#search-left .travel-dates input.input { margin-bottom: 3px; width: 170px; float: left; }
#search-left .travel-dates img { float: left; margin-top: 2px; }

#search-left .search-body label { float: left; width: 190px; font-size: 1.1em; margin: 0 0 2px 0; }
#search-left .search-body input.checkbox { float: left; width: auto; margin: 0 0 2px 0; }

.submit { clear: both; padding-top: 15px; }

#search-left input.big-submit { margin: 0 0 0 50px; }
  
input.big-submit {
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 119px;
  height: 33px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: baseline;
  background: url('/images/bg-button-large.gif') top left no-repeat;
}

#search-left h4 {
  display: block;
  margin: 0 0 0 9px;
  width: 232px;
  height: 43px;
	color: #2a4862;
	font-size: 1.4em;
  line-height: 1;
  font-family: Georgia, Times New Roman, Times, serif, serif serif;
  background: url('/images/bg-search-left-header.gif') top left no-repeat;
}
#search-left h4 span { display: block; padding: 12px 0 0 15px; } 

.no-box { padding: 15px 24px; }


#search-right { 
  float: left;
  width: 690px;
  font-size: 1.1em;
  line-height: normal;
}
#search-right h1 {
  margin: 0;
  padding: 15px 20px;
  color: #2a4862;
  font-size: 1.6em;
  font-weight: bold;
  font-family: Georgia, Times New Roman, Times, serif, serif serif;
}


/* Account Styling */


#account-content {
  margin: 5px 0 0 12px;
  height: 1%; /* Stupid IE6 Fix */
  border-bottom: 50px solid #FFFFFF;
  background: url('/images/bg-search-left.gif') left repeat-y;
}
#account-content-gradient {
  height: 1%; /* Stupid IE6 Fix */
  background: url('/images/bg-search-left-bottom.gif') bottom left no-repeat; 
}
#account-banner { position: relative; }
#account-banner .discover-the-places { position: absolute; z-index: 5; margin: -53px 0 0 20px; }

#account-left { 
  float: left;
  display: inline;
  width: 252px;
  margin: 0 10px 0 0;
}

.account-top {
  display: block;
  width: 252px;
  height: 45px;
  margin: 0;
  overflow: hidden;
  background: url('/images/bg-search-col-top.gif') top left no-repeat;
}
.account-body {
  display: block;
  width: 252px;
  background: url('/images/bg-search-col.gif') top left repeat-y;
}
.account-body .padding { padding: 0 20px 10px 20px; }
.account-body h3 {
  padding: 5px 0 5px 0;
	color: #2a4862;
	font-size: 1.2em;
  font-weight: normal;
}
.account-bottom {
  display: block;
  width: 252px;
  height: 24px;
  margin: 0 0 15px 0;
  background: url('/images/bg-search-col-bottom.gif') top left no-repeat;
}

#account-right { 
  float: left;
  width: 690px;
  font-size: 1.1em;
  line-height: normal;
}
#account-right h1 {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  color: #2a4862;
  font-size: 1.8em;
  font-weight: bold;
  font-family: Georgia, Times New Roman, Times, serif, serif serif;
  border-bottom: 1px solid #d4d4d4;
}


/* General Styling */

table#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch,
table.standard-table { 
  border-collapse: separate;
  border: none; 
  width: 690px; 
  margin: 0 0 20px 0;
  
}

#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch th,
#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch tr.table-header td {
  padding: 10px 15px;
  background: #f6f6f6; 
  color: #2a4862;
  font-size: 1.1em;
  text-align: left;
  font-weight: normal;
  border-left: 1px solid #f6f6f6;
}
table.standard-table th{
  padding: 10px 15px;
  background: #f6f6f6; 
  color: #2a4862;
  font-size: 1.1em;
  font-weight: normal;
  border-left: 1px solid #f6f6f6;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}

#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch tr.table-header {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
table.standard-table td,
#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch td { 
  vertical-align: top;
  padding: 15px;
  color: #6c6c6c; 
  border: 0;
  border-bottom: 1px solid #d4d4d4; 
}
#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch td.separator { padding: 0; border: 0; }
#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch td.break { border: 0; padding: 0; width: 10px; }

#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch td.photo { width: 146px; padding: 10px 15px; }
#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch td.location { width: 135px; }
#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch td.desired-location { width: 245px; }
#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch td.accommodates  { width: 114px; text-align: center; }

.page-nav { float: right; padding: 0 10px 0 0; font-size: 1.1em; }

#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch tr.pagination td { border-bottom: 0; padding: 20px 0 0 10px; font-size: 1.1em; }

#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch tr.pagination span,
#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch tr.pagination a { display: block; float: left; padding: 5px; color: #42698c; text-decoration: none; border-right: 1px solid #FFFFFF; }

#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch tr.pagination a.active,
#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch tr.pagination span,
#ctl00_ContentPlaceHolder1_SearchResult1_dgSearch tr.pagination a:hover { background: #42698c; color: #FFFFFF; text-decoration: none; }

#join-form { 
  margin: 10px;
  padding: 10px;
  border: 1px solid #D4D4D4;
  background: #F6F6F6;
}

#join-form label,
#account-right label {
  float: left;
  display: inline;
  width: 150px;
  line-height: normal;
  font-weight: normal;
  margin: 0 10px 5px 0;
}

table label,
#account-right table label,
#account-right .field label { display: inline; float: none; width: auto; margin: 0; }

#account-right table label { margin: 5px; }

#join-form .field,
#account-right .field {
  float: left;
  width: 300px;
  margin: 0 0 5px 0;
}

#account-right label { width: 250px; }
#account-right .field { width: 390px; }

.field { text-align: left; }
.field input.input { width: 210px; margin: 0 10px 5px 0; border: 1px solid #d6d6d6; color: #6c6c6c; font-size: 1em; }
.field select { width: 210px; margin: 0 0 3px 0; border: 1px solid #d6d6d6; color: #6c6c6c; font-size: 1em; }
.field textarea { width: 370px; margin: 0 0 3px 0; border: 1px solid #d6d6d6; color: #6c6c6c; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }

/*table#ctl00_ContentPlaceHolder1_BlogGrid { margin: 25px 0; }*/

table#ctl00_ContentPlaceHolder1_BlogGrid a { display: block; border-bottom: 1px solid #D4D4D4; padding: 5px 0; }

dl.listing-details { line-height: normal; }
dl.listing-details dt { float: left; clear: both; width: 150px; padding: 0 0 7px 0; font-weight: bold; }
dl.listing-details dd { float: left; width: 360px; padding: 0 0 7px 0; }
dl.listing-details dd img { vertical-align: text-bottom; }

#listing-actions a { cursor: pointer; }


#interior-left .listing-nav ul { 
  float: left; 
  width: 100%;
  margin: 0 0 20px 0; 
  padding: 0; 
  list-style: none;
  border-bottom: 1px solid #d4d4d4;
}
#interior-left .listing-nav ul li { 
  float: left; 
  margin: 0; 
  padding: 0; 
}
#interior-left .listing-nav ul li a{ 
  float: left;
  display: block;  
  margin: 0 5px 0 0; 
  padding: 5px 12px;
  border: 1px solid #FFFFFF;
  border-bottom: 0;
}
#interior-left .listing-nav ul li a:hover { border-color: #d4d4d4; background: #E5E5E5; text-decoration: none; }

.listing-thumbnails { width: 100%; margin: 0 0 10px 0; }
.listing-thumbnails img { width: 43px; height: 33px; margin: 4px; padding: 2px; border: 1px solid #D7D7D7; }

.listing-image-container { 
  clear: both;
  border: 1px solid #d7d7d7; 
}
.listing-image {
  display: block;
  width: 335px;
  overflow: hidden;
  text-align: center;
  border: 4px solid #FFFFFF;
}
.listing-image img { border: 0; }
.listing-caption { padding-top: 10px; }

#ctl00_MyTreeView1 a { line-height: 1.6em; font-size: 1.1em; }
#ctl00_MyTreeView1 a:hover { text-decoration: underline; }

#ctl00_MyTreeView1n1Nodes  div,
#ctl00_MyTreeView1n9Nodes div,
#ctl00_MyTreeView1 td img { display: none; }

#ctl00_MyTreeView1n2Nodes a,
#ctl00_MyTreeView1n9Nodes a { margin-left: 10px; }

#ctl00_MyTreeView1n1Nodes a { margin-left: 5px; }
#ctl00_MyTreeView1n1Nodes #ctl00_MyTreeView1n2Nodes a { margin-left: 20px; }

#account-right fieldset { width: 650px; margin: 0 auto; border: 1px solid #D5D5D5; background: #EFEFEF; }

table#ctl00_Content1_MainTable td { vertical-align: top; }

table.available-table { background: #FEFEFE; }
table.available-table th { 
  padding: 5px;
  background: #EFEFEF; 
  color: #2a4862;
  font-size: 1.1em;
  font-weight: normal;  
  text-align: left;
  border-left: 1px solid #f6f6f6;
}
table.available-table td { padding: 5px;border: 1px solid #D4D4D4; }

.radio-list td { padding: 2px 0; }
.radio-list input { margin-right: 4px; }

#ctl00_ContentPlaceHolder1_PaymentMethod input,
#ctl00_ContentPlaceHolder1_MembershipTypeID input { float: left; margin-right: 5px; display: inline; }

#account-right .big-submit { margin-left: 5px; }

#listing-information input,
.destination-information input { float: right; }

.gmnoprint span { display: none; }