/*=========================================================================================================================
  General rules
=========================================================================================================================*/

* {
	margin:0;
	padding:0;
}

html, body {
  height: 100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	font-size: 0.8em;
	color: #7a7a7a;
}

img {
	border:none;
}

sup {
	font-size: 0.75em;
}

kbd {
	font-size: 1.1em;
	font-family: Helvetica, Arial, sans-serif;
}

#print-header {
	display: none;
}


/*=========================================================================================================================
  Layout styles
=========================================================================================================================*/

#page-wrapper {
	float: left;
	width: 764px;
	min-height: 100%;
	position: relative;
	left: 50%;
	margin: 0 0 0 -382px;
	padding: 0 7px;
	background: url(../images/bg_body.gif) repeat-y;
}

  * html #page-wrapper {				/* Fixes a display issue in IE6/Win */
	  left: auto;
	  float: none;
	  height: 100%;
	  margin-left: auto;
	  margin-right: auto;
  }

#wrapper {
	float: left;
	position: relative;
	width: 725px;
	margin-left: 13px;
	padding: 0 0 13em 0;
}

  * html #wrapper {
	  margin-left: 0;
	  padding-left: 13px;
  }

#header {
  float: left;
  position: relative;
  width: 750px;
  height: 200px;
  margin: 0 0 -110px 0;
  background: url(../images/bg_header.jpg) no-repeat;
}

#menu {
  float: left;
  position: relative;
  width: 100%;
  height: 41px;
  margin: 0 0 0 13px;
}

	* html #menu {
		margin-left: 0;
		padding-left: 13px;
	}
	
#container {
	width: 100%;
	float: left;
	width: 100%;
	margin-right: -270px;
	margin-bottom: 30px;
}

#content {
	float: left;
	width: 494px;
	margin: 10px 200px 0 15px;
	background: white;
}

	* html #content {
		padding: 10px 15px 0 0;
		margin: 0 0 0 7px !important;
	}

#sidebar {
	padding: 20px 15px 20px 20px;
	width: 165px;
	float: right;
	background: #f2f2f2;
}

	* html #sidebar {
		padding-left: 10px;
	}

#footer {
	float: left;
  clear: both;
  position: relative;
  left: 50%;
  padding: 1em 20px 0 20px;
  margin: -11.7em 0 0 -362px;
  width: 685px;
  height: 10em;
}

  * html #footer {
    margin-left: -186px;
  }

#top-menu {
  clear: both;
	position: absolute;
	top: 22px;
	right: 45px;
}

#top-menu a {
	font-size:0.9em;
	margin-left:20px;
}

#section-menu {
	border-bottom:1px solid #999999;
	line-height: 1.7em;
	width:auto;
	margin-bottom:8px;
}

#section-menu ul {
	margin:0 10px;
}

#section-menu ul li {
	display:inline;
	margin:0 0.8em;
	font-weight:bold;
	font-size:1em;
}


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

#header h1 {
  position: absolute;
  left: 28px;
  top: 24px;
  width: 114px;
  height: 50px;
  background: url(../images/lg_dah_header.gif) no-repeat;
}

  #header h1 a {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
  }
  
    #header h1 span {
      display: none;
    }
    
#header div.rep-link {
  position: absolute;
  right: 22px;
  top: 62px;
  
  font-size: 0.85em;
}
    
    
/*=========================================================================================================================
  Footer styles
=========================================================================================================================*/

#footer ul.main-sections {
  margin: 0 0 1.25em 0;
}

  #footer ul.main-sections li {
    display: inline;
    margin: 0 1em 0 0;
  }
  
.footer-content {
	float:left;
}

  .footer-content a {
	  padding: 0 1em 10px 0;
	  
	  font-size:0.8em;
	  color: #999;
  }
  
    .footer-content a:hover {
      color: #666;
    }

.phone {
	margin-left: 1em;
}

#footer p {
	color:#666;
	margin-top: 1.2em;
	font-size:0.8em;
	line-height: 1.2em;
}

.footer-logos {
	float:right;
	width: 33%;
	margin-top: 30px;
}

  .footer-logos a {
    text-decoration: none;
  }

  .footer-logos img {
	  margin-left: 25px;
  }

#footer p.david-goliath {
  clear: both;
  position: relative;
  width: 740px;
  margin: 0 0 0 -28px;
  padding: 10px 0 10px 0;
  background: white url(../images/bg_footer.gif) top center no-repeat;
  
  text-align: center;
}

  #footer p.david-goliath a {
    padding: 0 94px 0 0;
    background: url(../images/logo_davidgoliath.gif) right no-repeat;
    text-decoration: none;
    color: #999;
  }
  
    #footer p.david-goliath span {
      display: none;
    }


/*=========================================================================================================================
  Menu styles
=========================================================================================================================*/

.list-menu {
	list-style: none;
}

.list-menu li {
	float:left;	
}

#menu li {
  float: left;
  height: 41px;
}

  #menu li a {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
  }
  
    #menu li a span {
      display: none;
    }

#menu .catalog {
  width: 113px;
  background: url(../images/bu_shop.gif) no-repeat;
}

#menu .catalog-select {
  width: 113px;
  background: url(../images/bu_shop-select.gif) no-repeat;
}

#menu .host {
  width: 115px;
  background: url(../images/bu_rendezvous.gif) no-repeat;
}

#menu .host-select {
  width: 115px;
  background: url(../images/bu_rendezvous-select.gif) no-repeat;
}

#menu .become {
  width: 116px;
  background: url(../images/bu_join.gif) no-repeat;
}

#menu .become-select {
  width: 116px;
  background: url(../images/bu_join-select.gif) no-repeat;
}

#menu .about {
  width: 114px;
  background: url(../images/bu_about.gif) no-repeat;
}

#menu .about-select {
  width: 114px;
  background: url(../images/bu_about-select.gif) no-repeat;
}

#menu .registry {
  width: 124px;
  background: url(../images/bu_registry.gif) no-repeat;
}

#menu .registry-select {
  width: 128px;
  background: url(../images/bu_registry-select.gif) no-repeat;
}


/*=========================================================================================================================
  Sidebar Menu styles
=========================================================================================================================*/

div.side-menu {
	width: 200px;
	background: url(../images/bg_sidemenu.gif) repeat-y;
	margin: 0 0 2em -20px;
}

  * html div.side-menu {
    position: relative;
    margin: -18px -28px 1em -20px;
  }

div.side-menu ul {
	list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}

div.side-menu li {
	width: 200px;
	min-height: 19px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 0.8em;
}

  div.side-menu li.side-menu-header {
	  width: 200px;
	  height: 44px;
	  padding: 0;
  }
  
  div.side-menu li strong {
    display: block;
    width: 174px;
    height: 100%;
    padding: 2px 6px 2px 20px;
    background: url(../images/bg_sidemenu_active.gif) repeat-y;
  }

div.side-menu li a, div.side-menu li a:visited, div.side-menu li a:link {
	padding: 2px 6px 2px 20px;
	display: block;
	width: 174px;
	min-height: 19px;
	color: #666;
	text-decoration: none;
}

	* html div.side-menu li a {
		height: 19px;
	}
	
	div.side-menu li a:hover {
	  background: url(../images/ic_sidemenu_over.gif) 6px center no-repeat;
	}

div.catalog li {
	color: #748c4b;
}

div.host li {
	color: #DD770E;
}

  div.host li.side-menu-header {
    background: url(../images/im_sidemenu_head_host.gif) no-repeat bottom left;
  }

div.become {
	color: #00b0b7;
}

  div.become li.side-menu-header {
    background: url(../images/im_sidemenu_head_become.gif) no-repeat bottom left;
  }

div.about {
	color: #208ec8;
}

  div.about li.side-menu-header {
    background: url(../images/im_sidemenu_head_about.gif) no-repeat bottom left;
  }

div.catalog li a:hover {
	color: #748c4b;
	text-decoration: underline;
}

div.host li a:hover {
	color: #DD770E;
	text-decoration: underline;
}

div.become li a:hover {
	color: #00d9e2;
	text-decoration: underline;
}

div.about li a:hover {
	color: #2db5fd;
	text-decoration: underline;
}


/*=========================================================================================================================
  2 columns pages styles
=========================================================================================================================*/

.two-cols-wrapper {
	padding: 20px 0;
}

.sub-content {
	float: left;
	width: 230px;
	margin-right: 15px;
	margin-bottom: 2em;
}

	.sub-content ul, .sub-content ol {
		margin-bottom: 0 !important;
	}


/*=========================================================================================================================
  Main Features
=========================================================================================================================*/

div.main-feature {
  float: left;
  width: 725px;
  min-height: 280px;
  margin: 0 0 0 -15px;
}

  * html div.main-feature {
    height: 280px;
  }

  div.main-feature div.content {
    position: relative;
    
    text-align: center;
  }
  
    div.main-feature h1 {
      margin-bottom: 10px !important;
    }
    
      div.main-feature h1 span {
        display: none;
      }
      
    div.main-feature h2 {
      border: none !important;
      padding: 0 !important;
      margin: 0 0 1em 0 !important;
      
      text-transform: uppercase;
      line-height: 0.85em !important;
      color: #758d4b !important;
    }
    
      div.main-feature h2 span {
        font-size: 0.6em;
        font-weight: normal;
        color: #7a7a7a;
      }
    
    div.main-feature p {
      margin-bottom: 2em !important;
      
      font-size: 0.9em;
    }
    
      div.main-feature p.textarea { }
      
        div.main-feature p.textarea textarea {
          float: left;
          width: 194px !important;
          height: 13em;
        }
    
      div.main-feature div#errorExplanation p {
        margin-bottom: 1em !important;
      }
    
      div.main-feature label, div.main-feature input, div.main-feature select, div.main-feature span.fixed-info {
        float: left;
        
        text-align: left;
      }
      
        div.main-feature label {
          width: 6em !important;
          
          font-weight: normal !important;
        }
        
        div.main-feature span.fixed-info {
          display: block;
          
          font-style: italic;
        }
        
        div.main-feature input, div.main-feature select {
          margin-right: 0 !important;
        }
        
          div.main-feature select {
            width: 16.5em !important;
          
            font-size: 0.9em;
          }
      div.main-feature span.form-tips {
        margin-left: 9em !important;
      }


/*=========================================================================================================================
  Section Actions
=========================================================================================================================*/

ul.section-actions {
  float: left;
  clear: both;
  position: relative;
  width: 725px;
  list-style: none;
  margin: 0 0 0 -15px !important;
  padding: 0;
}

  * html ul.section-actions {
    margin-left: -7px !important;
  }

  ul.section-actions li {
    float: left;
    height: 123px;
    margin: 0;
  }
  
    ul.section-actions li a {
      display: block;
      position: relative;
      height: 100%;
      
      text-decoration: none;
      color: #505050 !important;
    }
    
      ul.section-actions li a strong {
        display: block;
        position: absolute;
        top: 18px;
        left: 8px;
        padding: 0 20px 0 12px;
        
        line-height: 1.4em;
        text-decoration: underline;
        background: url(../images/ic_action_bullet.gif) no-repeat;
      }
      
      ul.section-actions li a span {
        display: block;
        position: absolute;
        top: 40px;
        left: 0;
        padding: 0 20px;
        
        font-size: 0.9em;
      }
      

/*=========================================================================================================================
  Section Actions Customizations
=========================================================================================================================*/

ul.section-actions li.find {
  width: 242px;
  background: white url(../images/bg_action_find_registry.jpg) no-repeat;
}
    
ul.section-actions li.create {
  width: 241px;
  background: white url(../images/bg_action_create_registry.jpg) no-repeat;
}
    
ul.section-actions li.manage {
  width: 242px;
  background: white url(../images/bg_action_manage_registry.jpg) no-repeat;
}


/*=========================================================================================================================
  Homepage Announcements
=========================================================================================================================*/

div.announcements {
  float: left;
  clear: both;
  position: relative;
  width: 725px;
  list-style: none;
  margin: 2.5em 0 0 -15px !important;
  padding: 0;
  
  background: url(../images/bg_announcements.gif) center repeat-y;
}

  * html div.announcements {
    margin-left: -7px !important;
  }
  
  div.announcements .title {
    display: block;
    margin: 0 0 0.2em 0;
    
    font-weight: bold;
  }

  div.announcements div {
    float: left;
    padding: 0 16px;
  }
  
    div.announcements div.discounts {
      width: 210px;
      
      text-align: center;
      line-height: 150%;
      color: #00b0b7;
    }
    
      div.announcements div.discounts span.headline {
        display: block;
        
        font-size: 1.5em;
      }
      
      div.announcements div.discounts strong {
        display: block;
        margin: 0.15em 0 0 0 !important;
        
        text-transform: uppercase;
        color: #045a5f;
      }
      
        div.announcements div.discounts strong.discount {
          font-family: Times, serif;
          line-height: 75%;
          font-size: 7em;
          font-weight: normal;
        }
        
          div.announcements div.discounts strong.discount span {
            font-size: 0.65em !important;
          }
    
    div.announcements div.assistance {
      width: 209px;
    }
    
      div.announcements div.assistance span {
        font-weight: bold;
        color: #333;
      }
    
    div.announcements div.questions {
      width: 210px;
    }
    
      div.announcements div.questions p {
        margin: 0 0 1.5em 0;
      }
  

/*=========================================================================================================================
  Overview styles
=========================================================================================================================*/

div.overview-rows {
	clear: both;
}

div.page-teaser {
	float: left;
	width: 47%;
	margin-right: 10px;
	margin-bottom: 30px;
}

div.page-teaser div.image {
	float: left;
}

div.page-teaser div.description {
	float: left;
	width: 64%;
	padding-left: 7px;
	margin-left: 7px;
	border-left: 1px solid #c0c0c0;
	font-size: 0.9em;
}

div.page-teaser div h3 a {
	font-size: 1.2em;
	line-height: 1.2em;
	text-decoration: none;
}

.flash {
	display: block;
	margin-bottom: 15px;
}
	
	
/*=========================================================================================================================
  Special Offers styles
=========================================================================================================================*/

div.host-special {				/* Only in Host a R-V index and Special Offers page */
	float: left;
	width: 156px;
	margin-bottom: 25px;
	margin-right: 10px;
	padding-top: 4px;
	line-height: 1.2em;
	font-size: 1em;
}

div.host-special div.description {
	margin-bottom: 10px;
	font-size: 0.9em;
}

div.host-special div.title {
	font-size: 1.2em;
	font-weight: bold;
}

p.host-special-price {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
}

div.host-special-price_info {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.2em;
}

div.host-special li {
	font-size: 1em;
}


/*=========================================================================================================================
  Main content type styles
=========================================================================================================================*/

div#content h1 {
	font-size:1.5em;
	margin: 0 0 20px 0;
	color:#748c4b;
}

div#content h2 {
	font-size:1.3em;
	line-height: 1.2em;
	color: #333333;
	font-weight:bold;
	margin: 7px 0px;
	padding-bottom: 3px;
	border-bottom: 1px solid #d2d2d2;
}
	
div#content h3 {
	font-size:1em;
	padding-bottom:3px;
	font-weight:bold;
}
	
div#content h1.center, div#content-home h1.center {
	border-bottom:none;
	padding-bottom:10px;
}
	
.box {
	background: url(../images/back_box.gif) no-repeat top left;
	padding:10px 0 0 10px;
	margin-bottom:30px;
}
	
.box-content {
	margin-bottom:20px;
}

.box-content h4 {
	font-size:1.4em;
	border-bottom:none;	
	color:#748c4b;
	padding:25px 20px 12px 0;
}
	
.quote-from-text  {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2em;
}

.download-image {
	float:left;
	margin-right:15px;
}

.download-image {
	float:left;
}

.links-download {
	font-size:1.2em;
	font-weight:bold;
}

div#content h1.date, div#content-home h1.date {
	font-size:0.9em;
	font-weight:bold;
	color:#808080;
}

	
/*=========================================================================================================================
  Sidebar type styles
=========================================================================================================================*/

#sidebar h1 {
	font-size:1.4em;
	color:#333333;
	margin-bottom: 1em;
	line-height:1.2em;
}

#sidebar h2 {
	font-size:1.2em;
	color:#333333;
	margin-bottom: 1em;
	line-height:1.2em;
}

#sidebar h3 {
	margin:20px 0 5px 0;
}

#sidebar ul {
	margin-bottom:30px;
	line-height: 1.4em;
	padding-left: 12px;
}
	
#sidebar .sidebar-spacer {
	padding-top: 40px;
}


/*=========================================================================================================================
  Tables styles
=========================================================================================================================*/

table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:30px;
}

th {
	padding:7px;
	text-align:left;
	font-size: 1.1em;
	line-height: 1.1em;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	}
	
td {
	padding: 5px;
	border-bottom: 1px solid #d2d2d2;
	vertical-align: top;
}

#content .no-border, #content-home .no-border {
	border: none;
}

.image-cell {
	border: none;
	text-align: center;
}


/*=========================================================================================================================
  Did you know / Call to action boxes styles
=========================================================================================================================*/

div.call-to-action {
	clear: both;
	width: 422px;
	background: url(../images/bg_cta_box.gif) no-repeat left top;
	margin: 30px 0;
	padding: 16px 15px 0 58px;
	font-size: 0.8em;
}

div.call-to-action span {
	display: block;
	line-height: 1.6em;
	font-size: 1.2em;
	color: #748c4b;
	font-weight: bold;
}

div.did-you-know {
	clear: both;
	width: 422px;
	background: url(../images/bg_dyk_box.gif) no-repeat left top;
	padding: 16px 15px 0 58px;
	margin: 30px 0;	
	font-size: 0.8em;
}

div.did-you-know span {
	display: block;
	line-height: 1.6em;
	font-size: 1.2em;
	color: #d38f2a;
	font-weight: bold;
}

div.movie-box {
	clear: both;
	width: 142px;
	background: url(../images/bg_movie_box.gif) no-repeat left top;
	margin-top: 20px;
	padding: 42px 11px 0 11px;
	font-size: 0.8em;
}

div.movie-box span {
	display: block;
	line-height: 1.2em;
	font-size: 1em;
	font-weight: bold;
}


/*=========================================================================================================================
  Testimonies pages styles
=========================================================================================================================*/

div.testimony {
	margin-bottom: 10px;
	padding: 10px 0;
	float: left;
}

div.testimony-content {
	float: left;
	max-width: 365px;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #c0c0c0;
}

* html div.testimony-content {
	width: 385px;
}

.testimony-title {
	font-size: 1em;
	font-weight: bold;
}

div.testimony-photo {
	float: left;
	padding-bottom: 10px;
	font-size: 0.8em;
	line-height: 1em;
}

div.testimony-photo strong {
	font-size: 1.1em;
}


/*=========================================================================================================================
  Random / General styles
=========================================================================================================================*/

p {
	margin: 0 0 1em 0;
}
	
p.last-paragraph {
	margin: 0 0 2em 0;
}
	
a, a:active, a:visited {
	color: #00b0b7;
}

a:hover {
	color:#00ccd4;
}

.bold {
	font-weight:bold;
}
	
.small {
	font-size:0.8em;
}
	
.caps {
	text-transform:uppercase;
}

.red {
	color:#BA0000;
}

.black {
	color:black;
}
	
p.date {
	font-size:0.9em;
	color:#808080;
}

p.date2 {
	font-size:0.9em;
	color:#808080;
}
	
.posted {
	font-style:italic;
	color:#808080;
}
	
.center {
	text-align:center;
}

input {
	margin-right:10px;
	font-family: Helvetica, Arial, sans-serif;
}

input[type="text"], input[type="password"], textarea, select {
	border:1px solid #999;
	padding:2px;
	/*/ margin: 17px 10px 20px 10px; /*/
	vertical-align: middle;
}

  p.checkbox input {
    margin-right: 1em !important;
  }

button[type="submit"] {
	margin-right:10px;
}

.clearing {
	clear: both;
}

div.privacy-policy div#content {
  padding-top: 0 !important;
}
	
h5 {
	font-size: 0.9em;
	line-height: 1em;
}

.pics {
	float:right;
	padding:20px 0 20px 20px;
}

.float-left {
	float:left;
}

.line {
	border-top: 2px solid #999;
	margin:15px 0 15px 0;
}

.checkbox-label {
	padding-right:25px;
}

.align-right {
	text-align:right;
}

.round-table-photo {
	width: 100%;
	margin-bottom: 10px;	
}

.round-table-photo p {
	margin-top: 10px;	
}

#content ul, #content-home ul {
	list-style-position: outside;
	margin: 0 0 1em 1.25em;
}

#content ol, #content-home ol {
	list-style-position:outside;
	margin:0 0 15px 15px;
}
	
ul.sidebar-links {
	line-height:1.6em;
}

.img-left {
	float: left;
	padding-right: 7px;
	padding-bottom: 7px;
}

.img-right {
	float: right;
	padding-left: 7px;
	padding-bottom: 7px;
}

.caption {
	font-size:0.8em;
}

.section-links {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
	text-decoration: none;
}

.index-login {
	background:url(../images/box_login_back.gif) repeat-x #D4DDC9;
	padding:15px;
	float:right;
	width:220px;
}

.index-news {
	float:left;
	width:60%;
}

.price {
	margin-left:30px;
}
	
.special-offer-image {
	float:left;
	margin:0 15px 20px 0;
}

.photo-cindy {
	float: left;
	width: 120px;
	margin: 0px 10px 10px 10px;
	padding-right: 15px;
	text-align: center;
}

.intro-cindy {
	padding-top: 20px;
	margin-bottom: 20px;
}

.signature-cindy {
	float: right;
	padding-right: 100px;
}

.quick-start {
	font-size: 0.8em;
	line-height: 1.4em;
	color: #333;
	font-weight: normal;
}

.return-top {
	text-align: right;
	margin:10px 0 20px 0;
}

.logo-certi {
	float: left;
	width: 120px;
	margin: 0px 0px 10px 10px;
	padding: 7px;
	text-align: center;
}

.text-photo-right {
	float: right;
	width: 120px;
	margin: 0px 0px 10px 10px;
	padding-top: 20px;
	text-align: center;
}

td.x {
	vertical-align: middle;
	text-align: center;
}

.catalog-table {
	color: #748c4b;
}

#content .normal-list, #content-home .normal-list {
	list-style: none;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	font-size: 1em;
}

#content .numbered-list, #content-home .numbered-list {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	font-size: 1em;
}

#content .title-catalog, #content-home .title-catalog, #sidebar .title-catalog {
	color: #748c4b;
}
	
#content .title-host, #content-home .title-host, #sidebar .title-host {
	color: #DD770E;
}

#content .title-become, #content-home .title-become, #sidebar .title-become {
	color: #00b0b7;
}

#content .title-about, #content-home .title-about, #sidebar .title-about {
	color: #208ec8;
}

table.contact td {
	border-bottom: 0;
}