/* vacation page heading and column styles */
#middlewidecol { width: 825px; float: right; margin: 0 ; padding: 0; background: white; color: #3D545F;}
#middlewidecol h1 { width: 800px; padding: 0; text-transform: uppercase; font: normal 18px/120% Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#993333; margin: 10px 15px 5px 0; float: right;}
#middlewidecol .rowgallery h1 {font: bolder 14px/120% Verdana, Arial, Helvetica, sans-serif; color:#e08d00; margin: 12px 0 0 0; float: left; width: 100%; text-align: left;}
#middlewidecol .largeh1 { width: 100%; padding: 0; font: normal 22px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#8b8b90; margin: 10px 0; float: left;}
#middlewidecol .largeh2 { width: 100%; padding: 0; font: normal 19px Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#8b8b90; margin: 10px 15px 5px 15px; float: left;}

#middlewidecol .moreinfo { text-decoration: underline; color: black; }

#vacationhead { width:975px; position:relative; float: left; margin: 0; padding: 0; height: 71px; background: #7E181A; color: white;}
#logovacation { width: 458px; height: 71px; background: url(/img/vacation/logo_lux_vacation.gif) no-repeat left top; }

/*--styles used for new header--*/

#toplinks { float: right; width: 517px; height: 36px; margin: 35px 0 0 0; background: url(/img/vacation/bg_lux_links.gif) no-repeat left top; position: relative; z-index: 490;}
#toplinks ul { text-align: left; height: 36px; margin: 0; padding: 0; position: relative;}
#toplinks ul li { float: left; height: 24px; list-style: none; margin: 0 auto; padding: 0; position: relative;}
#toplinks ul li#link1, #toplinks ul li#link2, #toplinks ul li#link3, #toplinks ul li#link4 {width: 130px;}
#toplinks ul li#link1 { position: absolute; left: 25px; top: 12px;}
#toplinks ul li#link2 { position: absolute; left: 110px; top: 12px;}
#toplinks ul li#link3 { position: absolute; left: 280px; top: 12px;}
#toplinks ul li#link4 { position: absolute; left: 410px; top: 12px;}
#toplinks ul li a { float: left; text-decoration: none; color: #7E181A; margin: 2px 0; font: bold 12px Arial, Helvetica, sans-serif; letter-spacing: 1; }

#toplinks ul ul { float: left; position: absolute; top: 22px; left: 0; z-index: 480; width: 170px; background: transparent; padding: 0; height: auto;}
#toplinks ul ul li { background: #EDEDED; margin: 0; border-bottom: solid 1px gray; border-right: none; padding: 2px 0; clear:both; width: 170px;}
#toplinks ul ul li a { text-decoration: none; color: #7E181A; font: normal 11px/150%  Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1; margin: 2px 0 2px 5px;}
#toplinks ul ul li:hover { background: #EDEDED;}
div#toplinks ul ul, div#toplinks ul ul ul, divtoplinks ul li:hover ul ul, divtoplinks ul ul li:hover ul ul {display: none;}
div#toplinks ul li:hover ul, div#toplinks ul ul li:hover ul, div#toplinks ul ul ul li:hover ul {display: block; }

/*----------------------------*/

#footer .accommodations_footer {background-color: white; }
#footer .accommodations_footer .highlight {color: #993333; }

/*----------------------------*/

#time { position: absolute; top: 2px; right: 5px; font-size: 10px;}
#topnavcall { position: absolute; top: 18px; right: 5px; font-weight: bold; font-size: 10px;}

/*---stles used in vacations category page---*/
.breadcrumb { float: right; margin: 0 0 0 15px; padding: 10px 0 6px 0; text-transform: uppercase; font: normal 10px/120%  Verdana, Arial, Helvetica, sans-serif; width: 810px; text-align: left; border-bottom: solid 1px #E1F3FD;}
.breadcrumb, .breadcrumb a {color: #6D6D6D; text-decoration: none;}

.introtext { width: 790px; margin: 0 15px 0 0; float: right; }
.introtext p { text-align: left; margin: 5px 0; font: normal 12px Arial, Helvetica, sans-serif; }
.introtext img { float: left; margin: 5px; }

.catrow { width:790px; float: right; padding: 0; margin: 5px 15px 0 0; font-size:10px; border-top: solid 1px #3D545F; }
.catrow img { float: left; margin: 5px; }
.catrow .head { width: 575px; float: left; text-align: left; margin: 15px 0 0 10px;}
.catrow .title {text-transform: uppercase; font: normal 17px Verdana, Helvetica, Arial, sans-serif; color:gray;}
.catrow .subadd { font-size: 12px; color:gray; margin: 0 0 10px 0;}
.catrow .col1 { float: left; width: 200px; margin: 15px 5px 5px 0; padding: 0;}
.catrow .col1 img { float: left; padding: 0; margin: 0; }
.catrow .col2 { float: left; width: 380px; margin: 0 0 0 10px; text-align: left;}
.catrow .col2 b { font-weight: normal; font-size:13px; color:gray; text-transform: uppercase;}
.catrow .col2 ul { width: 340px; text-align: left; padding: 0; margin: 0;}
.catrow .col2 ul li { list-style: disc inside; margin: 2px 0; }
.catrow .col2 img { padding: 0; margin: 2px 0 0 0; }
/*-- col3 removed as of now --
.catrow .col3 { float: left; width: 190px; text-align: left; margin: 0 20px 10px 5px; }
.catrow .col3 a { color:#e08d00; }
.catrow .col3 p { margin: 0; }
*/
.catrow .col4 { float: left; width: 185px; text-align: left; padding: 0; margin: 0 0 0 10px;}
.catrow .col4 .line { margin: 0 0 10px 0; }
.catrow .col4 .line .highlight { color: #993333; font-weight: bold;}
.catrow .col4 .line b { font: bold 10px Verdana, Helvetica, Arial, sans-serif;}
.catrow .col4 .line img {margin: 0; padding: 0; float: none;}
.catrow .col4 img { margin: 0;}

.pager { color: #FFA200; font-size: 12px; line-height: 1.5em;}
.pager b { font-size: 18px; font-weight: normal; color: gray; margin: 0 15px; }
.pager a { color: gray; font-size: 12px; text-decoration: underline;}
.pager a .red { color: #FFA200; font-weight: bold; text-decoration: underline; }
/*-----------------------*/

/*styles used in vacations details page --*/
.content { width:790px; height:auto; margin: 5px 15px 0 15px; text-align: left; clear: both; padding: 0; float: left; position: relative;}
.content .row { float: left; width: 100%; clear: both; margin: 5px 0;}

.content .left, .row .left { width: 370px; float: left; margin: 0;}
.row .right { float: right; width: 370px; color: black;}
.content .right { float: left; width: 210px; color: black;}
.content .rightend { float: right; width: 160px; color: black;}
.content .rightend img { text-align: center; margin: 0 0 0 25px; clear: both;}
.content .title {font: normal 14px/120% Verdana, Helvetica, Arial, sans-serif; color:#993333; text-transform: uppercase; margin: 5px 0; float: left; width: 100%;}
.content p { margin: 5px 0 0 0;}
.content b { color: gray; }
.content ul { list-style: disc inside; width: 250px; padding: 0; margin:0; }
.content ul b {color:#e08d00; font: bold 12px Verdana, Helvetica, Arial, sans-serif; margin: 15px 0 0 0;}
.content .right .line { width: 100%; clear: both; margin: 0 0 10px 0; }
.content .right .line .highlight, .content .highlight { color: #993333; font-weight: bold;}
.photo { margin: 5px; float:left;}
.content td { margin:0; margin-bottom:5px; line-height:1.3em;	font:10px Verdana, Helvetica, Arial, sans-serif; color: black; }

#feature_column_1, #feature_column_2, #feature_column_3, #feature_column_4 { width: 183px; float: left; margin: 0 5px 0 0; }
#feature_column_4 { margin: 0; }

.content .row .availleft { float: left; width: 120px; margin: 0; padding: 2px 0 0 0; font-weight: bold;}
.content .row .availcenter { float: left; width: 220px; margin: 0;}
.content .row .availright { float: left; width: 450px; margin: 0; padding: 2px 0 0 0; font-weight: bold;}
.content .goimage { position: absolute; top: 52px; left: 540px;}
#next_step_id, .orangehighlight {font-weight: bold; color: #E08D00;}

/*--style for Google Map--*/
#map_canvas { float:left; width: 750px; height: 300px;}

/*--styles used for left column nav in vacation pages--*/
#leftcolumn { font: normal 10px Verdana, Arial, Helvetica, sans-serif; width: 150px;  background: white; margin: 0 auto; padding:0; text-align: center; float:left; position: relative;}
#leftcolumn ul { width: 140px; margin: 0 0 0 10px; list-style: none; text-align: left; padding: 0;}
#leftcolumn ul ul { width: 100%; margin: 0; list-style: disc; text-align: left; padding: 0;}
#leftcolumn ul li { margin: 20px 0; color: #993333; font-weight: bold;}
#leftcolumn ul ul li { width: 120px; margin: 2px 0 2px 20px; color: gray; font-weight: normal;}
#leftcolumn ul ul ul { width: 100%; margin: 0; list-style: none; text-align: left; padding: 0;}
#leftcolumn ul ul ul li { width: 100px; margin: 2px 0 2px 20px;}
#leftcolumn ul ul ul .indentlocation { width: 90px; margin-left: 30px;}
#leftcolumn ul ul li a, #leftcolumn ul ul li a:hover, #leftcolumn ul ul ul li a, #leftcolumn ul ul ul li a:hover { color: gray; text-decoration: none; padding: 0; margin: 0;}
#leftcolumn ul ul ul li a#selectedlocation { color: #464695;}
#leftcolumn ul li a, #leftcolumn ul li a:hover { color: #993333; text-decoration: none;}

/*
#leftcolumn .call { width: 100%; border-top: solid 1px #e08d00; border-bottom: solid 1px #e08d00; margin: 20px 0; text-align: center;}
#leftcolumn .call p { width: 170px; margin: 12px 0 12px 15px; text-align: left; color: #323F9B;}
*/

#leftcolumn .budget { font-variant: small-caps; font-weight: bold; font-size: 10.5px; color: #993333; width: 140px; text-align: left; padding: 10px 0 10px 10px; margin: 0; }
#leftcolumn .budget a { color: #993333;}
#leftcolumn .leftnavlink { color: gray; width: 140px; text-align: left; padding: 10px 0 10px 10px; margin: 0; }
#leftcolumn .leftnavlink .line { width:100%; text-align: center; margin:0; padding: 0; }
#leftcolumn .leftnavlink a { color: gray; }

/*#leftcolumn .contactus { width: 140px; color: gray; margin: 30px 0 30px 10px; padding:10px 0; text-align: left; word-spacing: -0.1em;}
#leftcolumn .contactus p { margin:3px 0; line-height: 1.4em; }
#leftcolumn .contactus b { color: #636363; font-weight: bold;}
#leftcolumn .contactus a { color: #636363;}

#leftcolumn .cashback { width: 90%; background: #EDEDED; color: gray; margin: 30px auto; padding:10px 0; text-align: center; word-spacing: -0.1em;}
#leftcolumn .cashback p { margin:3px 0; line-height: 1.4em; }
#leftcolumn .cashback .title { color: #993333; font-weight: bold;}
*/

#leftcolumn .leftnavhead { width: 100%; background: #EDEDED; color: #993333; font-size: 11px; font-weight: bold; margin: 0 auto; padding: 8px 0; font-variant: small-caps;}
#leftcolumn .leftnavhead a { color: #993333; }

#leftcolumn .leftnavhr { width: 90%; color: #C9C9CB; margin: 5px auto;}

/*
#leftcolumn .searchbox { width: 90%; font-size: 10px; font-weight: bold; margin: 10px; padding: 0; }
#leftcolumn .searchbox .searchoptions { text-align: left;}
#leftcolumn .searchbox select { clear:both; width: 130px;}
#leftcolumn .searchbox .submit { margin: 10px auto;}
*/

#leftcolumn .leftnavbanner { width: 100%; margin: 25px 0; padding:0; text-align: center;}

/*-- Overridden styles --*/
#mainpropertyinfo h1 {font-size: 17px; text-align:left; float:left;}

/*---gallery slideshow--*/
.mygallery {  width:760px; height:auto; margin: 0 5px; text-align: left; clear: both; padding: 0; position: relative; float: left; z-index: 200;}
.mygallery .left { float: left; width:500px; background: #FFF; padding: 0; margin:0 10px; display:block; }
.mygallery .left .regularimages { height: 350px;}
.mygallery .left .islandregularimages { height: 240px;}
.mygallery .left .gallerylefttext { margin:auto;}
.mygallery .right { width: 230px; float: right; margin: 0 5px;}
.mygallery .right .line { width: 230px; color: gray; text-align: center; clear: both;}

.mygallery .left img { margin: auto; text-align: left;}
.mygallery .left a {display:none; text-align:left;}
.mygallery .left .activeimage {display:block; text-align:left; margin:auto; border:0; width:510px; margin:0; padding:0; color:#000;}

.mygallery .right img { border:1px solid #FFF; padding:4px; }
.mygallery .right a { outline:none; float:left;}
.mygallery .right a:hover img { border:1px solid #CCC; padding:4px; }
.mygallery .right .activethumb {background: #4B4B4B;}
.mygallery .right .previousimageset {width:90px; margin:0 10px 0 5px; padding:0; float:left;}
.mygallery .right .nextimageset {width:90px; margin:0 25px 0 10px; padding:0; text-align:right; float:right;}
.mygallery .right .previousimageset a img {width:16px; margin:4px 4px 4px 0; padding:0; float:left; border:0;}
.mygallery .right .nextimageset a img {width:16px; margin:4px 0 4px 4px; padding:0; float:right; border:0;}
.mygallery .right .previousimageset .prevtext, .mygallery .right .nextimageset .nexttext {color: gray; font-weight: bold; font-size:10px; width:70px; margin:0; padding:0; float:left;}

/*---old styles from category pages--*/
img { border:none; }
.cat { width:603px; height:auto; position:relative; text-align: left; margin: auto; margin-top: 5px; padding: 0;}
.cat1 { width:470px; float:left; margin: 0;}
.cat1 img { width:47px; height:47px; float:left; margin:0 12px 5px 0; }
.cat2 { width:414px; height:auto; position:relative; display:table; }
.cat-title { font-weight:bold; font-size:12px; }
.cat3 { width:120px; height:auto; /*position:absolute; top:2px; right:0;*/ float: right;margin: 0; background-color:#ffcc00; }
.cats hr, hr { border:none; background-color:black; color:black; height:1px; width:100%; margin:2px 0 1px; }
.cats1 { width:136px; height:90px; float:left; }
.cats1 img { width:126px; height:84px; float:left; padding:0px 12px 2px 0; }
.cats2 { width:351px; height:90px; float:left; display:table; text-align: left; }
.cats3 { width:112px; height:90px; float:right; text-align:center; }
.textdescription p { width: 95%; margin: 0 auto; text-align: left;}

#golfmap { width:603px; height:auto; }
#golfmap img { padding-left:80px; margin-top:8px; }
.top10 { width:72px; height:65px; float:left; }
.top10 img { width:60px; height:60px; float:left; margin-right:12px; margin-bottom:5px; }
.top10b { width:401px; height:auto; position:relative; display:table; }
.spacer { height: 10px; clear:both; }
.largespacer { height: 25px; clear:both; }

/* Availability Calendar */
.calendar {float: left; border: 1px solid gray;}
.calendar td {width: 17px; height: 12px; margin: 0; font-size: 8px; padding: 2px 0; background: white; float: left; text-align: center;}
.calendar td.cal_head, .calendar td.cal_head_title {background-color: #2B6EBC; color: white; font-size: 9px; font-weight: bold;}
.calendar td.cal_head_title {width: 85px;}
.calendar td.cal_days {background-color: #DDEDF9; color: black;}
.calendar td.cal-filler {width: auto;}
.calendar td.cal-a {background-color: white;}
.calendar td.cal-na {background-color: #CCCCCC;}
.calendar td.cal-a-na {background: white url(/img/vacation/avail-a-na.gif) no-repeat; }
.calendar td.cal-na-a {background: white url(/img/vacation/avail-na-a.gif) no-repeat; }
.calendar td.cal-checkin {background: white url(/img/vacation/avail-checkin.gif) no-repeat; }
.calendar td.cal-checkout {background: white url(/img/vacation/avail-checkout.gif) no-repeat; }
.calendar td.cal-selected {background-color: #FFCC66; }
.calendar td.cal-na-checkin {background: white url(/img/vacation/avail-na-checkin.gif) no-repeat; }
.calendar td.cal-checkout-na {background: white url(/img/vacation/avail-checkout-na.gif) no-repeat; }

#booking-breadcrumb {width: 600px; height: 20px; top: 74px; left: 20px; background-color: white; font-size: 10px; font-weight: bold; text-align: left; position: absolute; }
#booking-breadcrumb .step1, #booking-breadcrumb .step2, #booking-breadcrumb .step3 {width: 190px; height: 14px; margin: 3px 0; padding: 0 0 0 10px; float: left;}
#booking-breadcrumb .step1 {background-color: #DBF1FC; color: #646262;}
#booking-breadcrumb .step2 {background-color: #FEC15D; color: #403F3F;}
#booking-breadcrumb .step3 {background-color: #E5E5E5; color: #646262;}

#request-page-content {width: 975px; height: auto; background-color: white; text-align: left; float: left;}
#personal-info-column {width: 400px; margin: 25px 20px 10px 20px; padding: 0; float: left;}
#calendar-column {width: 510px; margin: 3px 10px 10px 15px; padding: 0; float: left;}

#personal-info-column h1 { width: 100%; margin: 10px 0; padding: 0; font: bold 17px/120% Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#E08D00; float: left; clear: both;}
#personal-info-column .property-title { width: 100%; margin: 0; padding: 0; font-weight: bold; font-size: 15px; text-align:left; color:#626262; float: left; line-height: 120%; clear: both;}
#personal-info-column p {margin: 0; padding: 0; font-size: 11px; text-align:left; color:#626262; float: left; clear: both;}

#personal-info-column .personal-info-table {width: 100%; margin: 0; padding: 0; float: left; border: 1px solid gray;}
#personal-info-column .personal-info-table .row, #personal-info-column .personal-info-table .center-row, #personal-info-column .personal-info-table .title {width: 394px; float: left; clear: both;}
#personal-info-column .personal-info-table .row, #personal-info-column .personal-info-table .center-row {background-color: white; color: #626262; margin: 2px 3px 1px 3px; padding: 0; }
#personal-info-column .personal-info-table .title {background-color: #2B6EBC; color: white; font-weight: bold; font-size: 12px; margin: 0 0 3px 0; padding: 3px; }
#personal-info-column .personal-info-table .row .left {width: 158px; margin: 0 3px; padding: 0; float: left;}
#personal-info-column .personal-info-table .row .right {width: 224px; margin: 0 3px; padding: 0; float: left;}
#personal-info-column .personal-info-table .display-only { width: 219px; background-color: #FFCC66; padding: 0 0 0 5px; float: left;}
#personal-info-column .personal-info-table input, #personal-info-column .personal-info-table select { margin:0; padding:0;}
#personal-info-column .personal-info-table input.full-width, #personal-info-column .personal-info-table select.full-width { width: 100%;}
#personal-info-column .personal-info-table textarea.full-width { width: 388px; margin: 0 3px; padding: 0;}
#personal-info-column .personal-info-table .center-row {text-align: center;}
#personal-info-column .personal-info-table .input-image {margin: 5px 0;}
#submitButton {float: right;}

#calendar-column .row, #calendar-column .center-row {width: 510px; margin: 0; padding: 0; float: left; clear: both;}
#calendar-column .row .main-logo { width: 140px; margin: 60px 15px 10px 15px; padding: 0; text-align: center; float: left;}
#calendar-column .row .property-image { width: 340px; margin: 3px 0 10px 0; padding: 0; float: right;}
.legend-available, .legend-checkin, .legend-checkout, .legend-unavailable, .legend-selected { width: 20px; height: 20px; border: solid 1px black; margin: 0; padding: 0; float: left;}
.legend-available { background-color: white;}
.legend-checkin { background: white url(/img/vacation/avail-checkin.gif) no-repeat; }
.legend-checkout { background: white url(/img/vacation/avail-checkout.gif) no-repeat; }
.legend-unavailable { background-color: #CCCCCC;}
.legend-selected { background-color: #FFCC66;}
.legend-text { margin: 3px 0; float: left;}
#calendar-column .center-row {text-align: center;}