
body {
      margin: 0; 
      padding: 0;
      height: 100%;
      width: 100%;
      font: 12px arial;
      color: #222;
      text-align: center;
}


.find-vacation-button {
      cursor: pointer;
      border: 1px solid #000; 
      background: #237AFE url(images/buttons/find_button.jpg) no-repeat; 
      font-weight: bold; 
      font-size: 11px; 
      color: #FFF; 
      font-family: arial; 
      width: 200px; 
      height: 26px; 
      float: right; 
      text-align: left; 
      padding-left: 5px; 
      margin: 0; 
      display: block;
}

#help_box {
      height: 330px;
      width: 330px;
      background: #f4f4f4;
      border: 1px solid #CCC;
      font: 11px Tahoma, Arial, Helvetica, sans-serif;
      color: #505050;
      padding: 4px; 
}

.find-vacation-button:hover {
      cursor: pointer;      
}

.format-d-m-y divider-slash{
            font-size: 10px;
      }
      
.features {
      width: 33px;
}

.features-wide {
      width: 66px;
}

#map {
      border: 1px solid #999;
}

#infoDiv {
      position: absolute; 
      overflow: hidden; 
      visibility: hidden;
      z-index: 999; 
      width: 300px;       
      margin: 0;
      padding: 8px;
      color: #000;
      border: 1px solid #ccc; 
      text-align: justify;  
      background: #f5fafd;
}

.intro-para {
      margin: 10px 0px;
      padding: 0;
}

.intro-para a {
      text-decoration: underline;
}


/**************************************************/
/*                    Images                      */
/**************************************************/

img {
      border: 0;
}

img.float-right {
      float: right; 
      margin: 10px 0px 10px 10px;
}

img.float-left {
      float: right; 
      margin: 10px 10px 10px 0px;
}

.blue {
      color: #0000FF;
}

.blue-italic {
      color: #0000FF;
      font-style: italic;
}

.messagestr {
      color: #FFF;
      border: 1px solid #999;
      background: #FF0000;
      padding: 5px;
      font-weight: bold;
      font-size: 11px;
}

.clixItem {
      margin-top: 180px;
      padding: 0;
}

.propertyOwnersBox {
      padding: 10px; 
      height: 185px; 
      background: #d3d3d5;
      width: 195px;
}

*html .propertyOwnersBox { height: 170px; margin: 10px 8px 0px 0px; }

.linkbutton {
      background: #237AFE url(images/linkbutton_bg.jpg) repeat-x top left;
      padding: 5px 18px 4px 18px;
      color: #FFF;
      font: 11px arial;
      font-weight: bold;
      border: 1px solid #000;
      margin: 0;
}

*html .linkbutton { padding: 5px 18px; }

.linkbutton:hover {
      text-decoration: none;
      color: #FFF;
}


.linkbutton_small {             
      background: #237AFE url(images/linkbutton_bg.jpg) repeat-x top left;    
      color: #FFF;
      font: 11px arial;
      border: 1px solid #555;
      width: 45px;
      text-align: center;     
      padding: 2px 5px; 
      font-weight: normal;
}

.linkbutton_small:hover {
      background: #237AFE url(images/linkbutton_bg.jpg) repeat-x top left;
      padding: 2px 5px;
      color: #FFF;
      font: 11px arial;
      border: 1px solid #555;
      text-decoration: none;
      font-weight: normal;
}

.linkbutton_invalid_small {             
      background: url(images/linkbutton_invalid_bg.jpg) repeat-x top left;    
      color: #333;
      font: 11px arial;
      border: 1px solid #555;
      width: 45px;
      text-align: center;     
      padding: 2px 5px; 
      font-weight: normal;
}

.linkbutton_invalid_small:hover {
      background: url(images/linkbutton_invalid_bg.jpg) repeat-x top left;
      padding: 2px 5px;
      color: #333;
      font: 11px arial;
      border: 1px solid #555;
      text-decoration: none;
      font-weight: normal;
}

.location-link {
      width: 180px;
}

.location-href {
      display: block;
      width: 180px;
}     

/*************************************************************************/
/*                            Page Structure                             */
/*************************************************************************/

#wrap { 
      width: 990px; 
      margin: 0 auto;
}

#header {
       width: 990px; 
       height: 142px; 
       background: url(images/headers/header.jpg) no-repeat top left; 
       margin: 0;
}

#main {
      margin: 0;
      padding: 0;
      background: url(images/pagestructure/main_bg.jpg) repeat-y top right; 
      overflow: hidden;
      width: 990px;
}

#forum-main {
      margin: 0;
      padding: 0;
      background: url(images/pagestructure/forum_main_bg.jpg) repeat-y top right; 
      overflow: hidden;
      width: 990px;
}

#main-inner {
      background: url(images/pagestructure/sub_menu_bg.jpg) no-repeat 241px 0px; 
      overflow: hidden; 
      padding-bottom: 30px;
      width: 990px;
}

#left {
      float: left; 
      width: 245px;
}

#left-search {
      width: 225px;      
      height: 270px;
      background: url(images/pagestructure/sidepanel.jpg) no-repeat top left;
      padding: 0px 10px;
      font-size: 12px;
      text-align: left;
      font-weight: 11px;
}
      
#maincontent {
      float: right;
      width: 735px; 
      text-align: left;
}

*html #maincontent { width: 740px; }

#main-content-right {
      float: right;       
      margin: 15px 15px 0px 0px;
      height: 600px;
}

*html #main-content-right { margin: 15px 7px 0px 0px; }

#main-content-left {
      float: left; 
      width: 475px;
      font: 100% arial;
      overflow: hidden;
      margin: 15px 0px 0px 10px;
}

*html #main-content-left { width: 475px; margin: 10px 0px 0px 8px; }

#main-content-wide {
      float: left;
      width: 710px;
      margin: 5px 10px 0px 10px;
}

*html #main-content-wide { margin: 15px 0px 0px 6px; }

#main-content-full-width {
      float: left;
      width: 930px;
      padding: 5px;
}


#footer {
      width: 990px;
      height: 61px;
      background: url(images/pagestructure/footer.jpg) no-repeat top left;
      text-align: right;
      color: #999;
}

#footerlinks a { 
      color: #555; 
}

#footer-divider-bar {      
      float: right; 
      width: 715px; 
      height: 10px; 
      background: #d0d1d2; 
      border-top: 1px solid #aeafb1; 
      border-bottom: 1px solid #aeafb1; 
      font-size: 12px; 
      padding: 10px 10px 12px 18px; 
      margin-right: 1px;
      text-align: left;
} 

*html #footer-divider-bar { width: 714px; padding: 10px 10px 12px 18px;} 

.edit-buttons {
      text-align: center; 
      border: 1px solid #999; 
      background: url(images/tables/table_header_orange.jpg) repeat-x top left;
      padding: 5px;
}


.table-fancy ul {
            
      padding: 5px;
}

.table-fancy li {
      list-style-type: none;
      
      background: url(images/tables/table_header_orange.jpg) repeat-x top left; 
      border: 1px solid #999;
      margin: 3px 0px;
      color: #000;
      
}

.table-fancy li a {
      color: #000;
      text-decoration: none;
      display: block;
      padding: 5px; 
}

.table-fancy li a:hover {
      color: #000;
      text-decoration: none;
}

.step-image {
      margin-bottom: 30px;      
}

/*************************************************************************/
/*                            Menu Structure                             */
/*************************************************************************/

#menu {
      position: relative;
      top: 0;
      left: 0;
      width: 990px;
      height: 80px;
      text-align: left;
      font: 13px arial;
      padding: 0;
      margin: 0;
      margin: 0 auto;
}

*html #menu { position: relative; top: 10px; left: 0px;}
      
#menu ul {
      padding: 0px; 
      float: left; 
      margin: 0px; 
      list-style-type: none;
}

#menu li { float: left; }

#menu a {
      background: url(images/menu/menu_bg.jpg) no-repeat top left;
      width: 141px;
      height: 35px;
      padding: 25px 0px 20px 0px;
      text-align: center;
      color: #444;
      display: block;
      text-decoration: none;
}
      
#menu a:hover {
      color: #444;
      text-decoration: none;
      background: url(images/menu/menu_bg_hover.jpg) no-repeat top left;
      width: 141px;
      height: 43px;
      padding: 25px 0px 20px 0px;
      text-align: center;
      color: #444;
      display: block;
}

#menu .selected {
      color: #444;
      text-decoration: none;
      background: url(images/menu/menu_bg_hover.jpg) no-repeat top left;
      width: 141px;
      height: 43px;
      padding: 25px 0px 20px 0px;
      text-align: center;
      color: #444;
      display: block;
}


/*************************************************************************/
/*                            Sub Menu                                   */
/*************************************************************************/

#sub-menu {
      text-align: left;
      font: 12px arial;
      margin: 0;
      color: #333;
      padding: 9px 0px 0px 82px; 
      height: 26px;
      width: 600px; 
      z-index: 900;
}

#sub-menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;    
}
     
#sub-menu li a {
      color: #333;
      text-decoration: none;
}

#sub-menu li a:hover {
      color: #333;
      text-decoration: underline;
}

#sub-menu .owners {
      float: left;
      padding: 3px 3px;
      margin: 0px 10px;
      width: 80px;
      background: url(images/icons/sub_menu_owners_key.jpg) no-repeat 85% top;
      height: 30px;
}

#sub-menu .help {
      float: left;
      padding: 3px 15px;
      margin: 0px 35px;
      width: 80px;
      background: url(images/icons/sub_menu_help.jpg) no-repeat 65% top;
      height: 30px;
}

#sub-menu .contact {
      float: left;
      padding: 3px 5px;
      margin: 0px 40px;
      width: 80px;
      background: url(images/icons/sub_menu_contact.jpg) no-repeat 85% top;
      height: 30px;
}

#sub-menu .bookmark {
      float: left;
      padding: 4px 0px;
      margin: 0px 5px;
      width: 80px;
      background: url(images/icons/sub_menu_bookmark.jpg) no-repeat 105% top;
      height: 30px;
      vertical-align: middle;
}
     

/*************************************************************************/
/*                                  Headers                              */
/*************************************************************************/

h1 {
      font: bold 13px arial;
      margin: 0;
      padding: 0;
}

h2 {
      font: bold 12px arial;
}


      
/*************************************************************************/
/*                          Links & Buttons                              */
/*************************************************************************/

a { color: #00F; text-decoration: none; }
a:hover { color: #00F; text-decoration: underline; }

#footer a { color: #000; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }

a.paging-selected { color: #000; text-decoration: none; }
a.paging-selected:hover { color: #000; text-decoration: underline; }

a.paging-un-selected { color: #FFF; text-decoration: none; }
a.paging-un-selected:hover { color: #FFF; text-decoration: underline; }

.button {
      padding: 4px 10px; 
      width: 174px; 
      height: 26px; 
      font: bold 12px arial; 
      border: 0;        
      text-decoration: none; 
      color: #FFF; 
      float: right;
}

.blue-button {
      background: #237AFE url(images/linkbutton_bg.jpg) repeat-x top left;
      padding: 3px 18px 3px 18px;
      color: #FFF;
      margin: 0;
      font: 12px arial;
      font-weight: bold;
      border: 1px solid #000;
      cursor: pointer;
}

/*************************************************************************/
/*                             Search Options                            */
/*************************************************************************/

#search-option-header {
      background: url(images/pagestructure/user_options_header.jpg) top left no-repeat;
      width: 243px;
      height: 43px;
}

#search-option-repeat-bg {
      background: url(images/pagestructure/user_options_repeater.jpg) top left repeat-y;
      width: 243px;
      height: auto;
}

#search-option-bg {
      background: url(images/pagestructure/user_options_bg.jpg) top left no-repeat;
      width: 243px;
      height: auto;
      text-align: center;
      margin: 0 auto;
}

#search-option-footer{
      background: url(images/pagestructure/left_footer.jpg) top left no-repeat;
      width: 243px;
      height: 14px;
}

table.options-table {
      margin: 0 auto;
      padding: 0;
      border-spacing: 0px;
      border-collapse: collapse;
      margin-top: 10px;
}

/* -------- Search Table -------- */

table.options-table th { 
      background: url(images/pagestructure/user_options_theader.jpg) top left no-repeat; 
      height: 26px; 
      width: 202px;
      text-align: left;
      padding: 0px 10px;
      color: #FFF;
      font: 11px;
}

table.options-table .options-link {
      background: url(images/pagestructure/user_options_link_bg.jpg) top left repeat-y;
      width: 202px;
      height: 19px;
      padding: 3px 10px;
      font-weight: 11px;
      text-align: left;
      border-bottom: 1px solid #FEB403;
      font: 11px;
}

table.options-table td a { color: #FFF; }
table.options-table td a:hover { color: #FFF; }

table.options-table .options-footer {
      background: url(images/pagestructure/user_options_footer.jpg) top left no-repeat;
      width: 202px;
      height: 19px;
}

     
/*************************************************************************/
/*                              Table Items                              */
/*************************************************************************/
     
.property-table {
      padding: 0; 
      border-spacing: 0px; 
      border-collapse: collapse; 
      border-bottom: 1px solid #999; 
      margin-bottom: 3px; 
      background: #FFF;
}

.property-table-header {
      text-align: left; 
      border: 1px solid #999; 
      background: url(images/tables/table_header_orange.jpg) repeat-x top left;
      padding: 5px;
}

.invalid-property-table-header {
      text-align: left; 
      border: 1px solid #999; 
      background: url(images/tables/table_header_red.jpg) repeat-x top left;
      padding: 5px;
      color: #FFF;
}

.property-table .property-images {
      width: 130px;
      height: 60px;
      background: #000066;
      padding: 5px;
      margin: 5px;
      border: 1px solid #999;
}

.property-table .property-desc {
      width: 200px;
      height: 60px;
      background: #005566;
      padding: 5px;
      margin: 5px;
}

.property-table .property-title {
      width: 700px;
      background: #000066;
      margin: 5px;
      padding: 8px 5px;
}


table.table-fancy {
      border-spacing: 0px;
      border-collapse: collapse;      
}

th.fancy-table-header { 
      width: 450px;                                    
      background: url(images/table_right.png) no-repeat top right;
      color: #FFF;
      padding: 7px 10px;
      font-size: 12px;
      font-family: arial;
      font-weight: normal;
}

table.table-fancy input {
      width: 180px;
      padding: 4px;
      color: #000;
      border: 1px solid #DDD;
      font-size: 11px;
      font-family: tahoma
}

table.table-fancy select {
      width: 180px;
      padding: 2px;
      color: #000;
      border: 1px solid #DDD;
      font-size: 11px;
      font-family: tahoma
}

td.cell-shade {
      padding: 4px 4px 4px 10px;
      margin: 0px;
      width: 100px;
      border: 1px solid #BBB;
      background: #E3E3E5;
}

td.cell-shade-wide {
      padding: 4px 4px 4px 10px;
      margin: 0px;
      width: 170px;
      border: 1px solid #BBB;
      background: #E3E3E5;
}

td.cell-normal {
      padding: 4px;
      margin: 0px;
      border: 1px solid #BBB;
}

td.cell-wide-noborder {
      padding: 4px;
      margin: 0px;
      width: 280px;
}

td.cell-wide {
      padding: 4px;
      margin: 0px;
      width: 280px;
      border: 1px solid #BBB;
}

.table-fancy .submit-button {
      display: block;
      background: #237AFE url(images/buttons/button_bg.jpg) repeat-x top left;
      padding: 2px 15px;
      color: #FFF;
      border: 1px solid #000;
      font-size: 11px;
      font-weight: bold;
      font-family: arial;
      cursor: pointer;
}

.table-header-div {
      padding: 0; 
      background: url(images/table_header.jpg) no-repeat top left; 
      float: left;
      margin: 10px 0px 10px 1px;
}     

table.side-table {
      border-spacing: 0px;
      border-collapse: collapse;      
}

th.side-table-header { 
      width: 290px;                                         
      background: url(images/side_table_header_right.png);
      background-repeat: no-repeat;
      background-position: top right;
      color: #FFF;
      padding: 8px 10px;
      font: 12px arial;
} 

.side-table-header-div {
      padding: 0; 
      background: url(images/side_menu_table_header.jpg) no-repeat top left; 
      float: left;
      margin: 5px 0px 0px 1px;
      width: 241px;
}   

table.right-table {
      border-spacing: 0px;
      border-collapse: collapse;
      background: #E0E0E0; 
      width: 212px;    
}

th.right-table-header { 
      width: 190px;                                             
      /*background: url(images/right_table_header.jpg) repeat-x top right;
      border: 1px solid #BBB; */
      color: #000;
      padding: 5px 10px;
      font: 12px arial;
      font-weight: bold;
} 

.useroptions-table-header-div {
      padding: 9px 8px 8px 8px;
      background: url(images/useroptions_table_header.jpg) no-repeat top left; 
      float: left;
      width: 241px;
      text-align: left;
      color: #FFF;
} 

*html .useroptions-table-header-div { padding: 9px 8px 8px 8px; width: 228px; }

table.useroptions-table {
      border-spacing: 0px;
      border-collapse: collapse;
      width: 241px;
      background: #E0EDFD url(images/background.jpg) no-repeat;
}

td.user-option-cell { 
      text-align: left; 
      padding: 4px 8px; 
      border-bottom: 1px solid #4485DC;
}

td.user-option-footer {
      width: 280px; 
      height: 6px; 
      background: url(images/optionsmenu_table_footer.jpg);
}

td.user-option-header {
      height: 20px; 
      background: #4485DC; 
      text-align: left; 
      padding: 4px 8px; 
      color: #FFF;
}

.orange-table-header {
      text-align: left; 
      border: 1px solid #999; 
      background: url(images/tables/table_header_orange.jpg) repeat-x top left; 
      padding: 5px; 
      color: #000; 
      font-size: 13px;
}

.orange-table-header-homepage {
      text-align: left; 
      border: 1px solid #999; 
      background: url(images/tables/table_header_dark_orange.jpg) repeat-x top left; 
      padding: 5px; 
      color: #000; 
      font-size: 13px;
}

.prop-details-table {
      border-spacing: 0px; 
      border-collapse: collapse; 
      background: #FFF; 
      width: 712px;
      border: 1px solid #999;
}
      
.property-table-shaded-cell {
      font-weight: bold; 
      border: 1px solid #999; 
      padding: 5px; 
      background: #E3E3E5;
      width: 120px;
}

.property-table-cell {
      border: 1px solid #999; 
      padding: 5px;
}

.cell-shaded {
      font-weight: bold; 
      border: 1px solid #999; 
      padding: 5px; 
      background: #E3E3E5;
      width: 160px;
}

.cell-normal {
      border: 1px solid #999; 
      padding: 5px;
}

.offers-table {
      border: 1px solid #CCC; 
      width: 213px; 
      border-spacing: 0px; 
      border-collapse: collapse;
}

th.offers-table-header {
      text-align: left; 
      padding: 4px 18px; 
      background: #D3D3D5 url(images/icons/header_arrow.jpg) no-repeat 5px 50%; 
      border: 1px solid #CCC; 
      color: #000;
}

td.offers-table-cell {
      background: #FFF;
}

ul.offers-ul {
      list-style-type: none; 
      padding: 0; 
      margin: 0;
}

li.offers-li {
      background: url(images/icons/list_arrow.jpg) no-repeat 1% 50%; 
      padding: 3px 16px; 
      margin: 2px; 
      border-bottom: 1px dotted #999;
}


.blue-offer-table {
      width: 472px; 
      border-spacing: 0px; 
      border-collapse: collapse; 
      border: 1px solid #CCC;
}

th.blue-offer-header {
      text-align: left; 
      border: 1px solid #999; 
      background: url(images/tables/table_header_blue.jpg) repeat-x top left; 
      padding: 5px; 
      font-size: 13px; 
      color: #FFF;
}

td.blue-offer-table {
      width: 118px; 
      padding: 5px;
}

.small-blue-offers-table {
      width: 228px; 
      border-spacing: 0px; 
      border-collapse: collapse; 
      border: 1px solid #CCC; 
      float: left;
      background: #FFF;
}

.small-blue-offers-table-header {
      text-align: left; 
      border: 1px solid #999; 
      background: url(images/tables/table_header_blue.jpg) repeat-x top left; 
      padding: 5px; 
      font-size: 13px; 
      color: #FFF;
}

.small-blue-offers-table .image-cell {
      padding: 5px; 
      width: 80px;
      border: 0;
}

.small-blue-offers-table .text-cell {
      padding: 5px 5px 5px 0px; 
      width: 145px; 
      text-align: left; 
      vertical-align: top;
      border: 0;
}

.affiliate-list-table {
      border: 1px solid #CCC; 
      width: 212px; 
      border-spacing: 0px; 
      border-collapse: collapse;
}

.affiliate-table-header {
      text-align: left; 
      padding: 6px 18px; 
      background: #D3D3D5 url(images/icons/header_arrow_grey_bg.jpg) no-repeat 5px 50%; 
      border-bottom: 1px dotted #CCC; 
      color: #000; 
      font-weight: bold;
}

.affiliate-table-cell {
      background: #FFF; 
      vertical-align: top; 
      width: 235px;
}

.affiliate-ul {
      list-style-type: none; 
      padding: 0; 
      margin: 0;
}

.affiliate-ul li {
      background: url(images/icons/list_arrow.jpg) no-repeat 1% 51%; 
      padding: 3px 16px; 
      margin: 2px; 
      border-bottom: 1px dotted #CCC;
}

.wide-text-input { width: 552px; padding: 5px; border: 1px solid #CCC; font-family: arial; font-size: 12px; }

.wide-text-area { width: 552px; padding: 5px; font-family: arial; font-size: 12px; border: 1px solid #CCC; }

/*************************************************************************/
/*                              Form Items                               */
/*************************************************************************/

select {
      font-size: 11px;
      padding: 3px;
      
}

input {
      font-size: 11px;
      padding: 3px;
}

.normal-input {
      width: 200px;
      font-size: 11px;
      padding: 3px;
}

.wide-input {
      width: 280px;
      font-size: 11px;
      padding: 3px;
}

.text-area {
      font-family: arial;
      font-size: 11px;
      padding: 3px;
}

/******************* PAGING **********************/

a.paging-selected {
      color: #000; 
      background: #FCB239;
      padding: 7px 10px;
      border: 1px solid #CCC;
}

/*html .paging-selected { height: 30px; }*/

a.paging-un-selected { 
      color: #FFF; 
      background: #0063F7;
      border: 1px solid #CCC;
      padding: 7px 10px;
}

/*************************************************************************/
/*                              Footer                                   */
/*************************************************************************/

#footer {
      width: 990px; 
      text-align: right;
      margin: 0px 0px 20px 0px;
}


#footerlinks {
      float: right; 
      text-align: center; 
      font: 11px arial; 
      width: 725px; 
      padding: 10px 10px;
}

