@import url("/css/specials.css");

/*------------------------------------
Property Page Styles
--------------------------------------*/
span.Big{
	font-size: 14px;
	font-weight:bold;
	padding-right: 7px;
	padding-left: 10px; 
}
#propContainer {font-family: arial; font-size: 80%;}
#propContainer p, hr {margin: 0px; padding: 0px;}
#propContainer h1 {color: #006A99; font-size: 170%; margin-bottom: 16px;}
#propContainer h2 {color: #095B80; font-family: arial; font-weight: bold; font-size: 21px; display: inline;}
#propContainer h3 {margin: 0px; padding: 0px; font-size: 13px; color: #282828;}
#propContainer .contentArea {color: #424242; padding: 0px; margin:0;}
#propContainer .blueText {color: #026996; font-weight: bold; font-style: normal; font-size: 10px; font-family: verdana;}
* html #propContainer #eietahi .blueText {letter-spacing: -.05em;}
#propContainer ul {margin: 0px; padding: 0px; list-style-image: url(/images/PropPage/li.jpg); width: 97%;}
#propContainer ul li {margin-left: 15px;}

#propContainer #relatedItemsDiv {margin-right: 0px; background-color: #F4F5D6; border: 1px solid #D8D8BE; border-top: 6px solid #D8D8BE;}
#propContainer #relatedItemsDiv #relatedItemsTable a {font-size: 90%;}
#propContainer #relatedItemsDiv table table select {width: 106px;}

a#propSearchButton {display: block; width: 104px; height: 19px; background: #DE3939 url(/images/PropPage/searchButton.gif) center center no-repeat; text-decoration: none;}
a#propSearchButton div {color: white; text-align: left; font-weight: bold; font-size: 90%; padding: 2px 0 0 8px;}
a:hover#propSearchButton div {color: #FFFE97; background: #DE3939 url(/images/PropPage/searchButtonOn.gif) top center no-repeat;}

a.propButtonMain {display: block; width: 145px; height: 19px; background: url(/images/PropPage/buttonMainOff.gif) center center no-repeat; text-decoration: none;}
a.propButtonMain div {color: white; text-align: left; font-weight: bold; font-size: 90%; padding: 2px 0 0 8px;}
a:hover.propButtonMain {background: url(/images/PropPage/buttonMainOn.gif); text-decoration: none;}
a:hover.propButtonMain div {color: #006A99;}

a.propButton {display: block; width: 123px; height: 19px; background: url(/images/PropPage/buttonOff.gif); text-decoration: none;}
a.propButton div {padding-top: 2px; text-align: center; font-weight: bold; font-size: 90%;}
a:hover.propButton {background: url(/images/PropPage/buttonOn.gif); text-decoration: none; color: white;}

a.propButtonRed {text-align: left; display: block; width: 123px; height: 34px; background: #D7000F url(/images/PropPage/buttonTemplateBottom.gif); text-decoration: none;}
a.propButtonRed div {color: white; font-weight: bold; padding: 3px 0 0 8px;}
a:hover.propButtonRed {text-decoration: none; background: #D7000F url(/images/PropPage/buttonTemplateBottomOn.gif);}
a:hover.propButtonRed div {color: #FFFE97;}

a.propButtonNote {display: block; width: 145px; height: 19px; margin-right: 30px; background: url(/images/PropPage/buttonNotepad.gif); text-decoration: none;}
a.propButtonNote div {text-align: left; color: white; font-weight: bold; padding: 2px 0 0 8px; font-size: 90%;}
a:hover.propButtonNote {text-decoration: none; background: url(/images/PropPage/buttonNotepadOn.gif);}
a:hover.propButtonNote div {color: #006A99;}

.footerSearchBox a.propButton {display: block; width: 123px; height: 19px; background: #D7000F url(/images/PropPage/buttonTemplate.gif); text-decoration: none; color: white;}
.footerSearchBox a.propButton div {padding: 2px 0 0 8px; text-align: left; font-weight: bold; font-size: 90%;}
.footerSearchBox a:hover.propButton {color: #FFFE97; background: #D7000F url(/images/PropPage/buttonTemplateOn.gif);}

#containerResort #propMainTable {margin-top: 0px; width: 548px; font-size: 130%;}
#containerVilla #propMainTable {margin-top: 40px; width: 548px; font-size: 130%;}

#propMainTable hr {height: 1px; border: 0px; background: #999999;}
#propMainTable td {color: #424242; font-size: 70%; padding: 0px; margin: 0px;}
#propMainTable td img {border: 0px;}
#propMainTable br {font-size: 60%;}
#propMainTable .big {font-size: 15px; display: inline; margin: 0; padding: 0;}
#propMainTable tr.row1 #topHr {margin: 12px 0 12px 0;}
* html #propMainTable tr.row1 #topHr {margin: 6px 0 0 0;}
#containerResort #propMainTable tr.row1 td.td1 {width: 123px; padding-top: 40px; padding-bottom: 10px;}
#containerVilla #propMainTable tr.row1 td.td1 {width: 123px; padding-bottom: 10px;}
#propMainTable tr.row1 td.td1 a p img {margin-bottom: -1px; margin-right: 2px;}
#propMainTable tr.row1 td.td1 a:hover p {color: #F34E20;}
#propMainTable tr.row1 td.td1 {}
#propMainTable tr.row1 td.td2 {width: 25px;}
#propMainTable tr.row1 td.td3 {width: 398px;}								/* hardcoded width */
#propMainTable tr.row1 td.td3 hr {width: 100%;}							 	/* hardcoded width */
#propMainTable tr.row3 td {padding: 4px 0 0 0; vertical-align: bottom;}
#propMainTable tr.row4 hr {margin-top: 15px; margin-bottom: 22px;}
* html #propMainTable tr.row4 hr {margin-top: 7px; margin-bottom: 15px;}
#propMainTable tr.row5 td {vertical-align: center;}
#propMainTable tr.row5 td a {font-size: 100%; color: #006CA7; color: #063F53; font-weight: bold;}
#propMainTable tr.row5 td a:hover {color: #F34E20;}
#propMainTable tr.row6 td {padding-top: 30px;}
#propMainTable tr.row6 td #ratesDivContainer h3 {padding:0;margin:0;text-align: right; color: black;}
#propMainTable tr.row6 hr {margin: 12px 0 0 0;}
* html #propMainTable tr.row6 hr {margin-bottom: 4px; margin-top: 4px;}
#propMainTable tr.row6 p.price {display: block; width: 95%; text-align: right; font-style: italic;}
#propMainTable tr.row6 td.desc {font-size: 12px; padding: 21px 0 0 0;}
#propMainTable tr.row6 td.desc div {margin: 0; padding: 0; padding-right: 10px; color: #282828; font-family: arial;}
#propMainTable tr.row6 td.desc #descContainer {padding: 10px 10px 0 0; font-family: arial; margin: 0;}
#propMainTable tr.row6 td.desc #descContainer a {font-size: 90%;}
#propMainTable tr.row6 td.desc #descContainer h3 {margin: 0 0 10px 0; font-family: verdana; font-size: 13px; color: #282828;}
#propMainTable tr.row6 td.desc #descContainer p {display: block; margin: 10px 0 10px 0;}
#propMainTable tr.row6 div.info {padding-bottom: 115px; padding:0; font-size: 95%; text-align: right;}
#propMainTable tr.row6 div.info h3 {padding: 0; margin: 0;}
#propMainTable tr.row6 div.info a {font-size: 100%;}
#propMainTable tr.row6 div.info a:hover {color: #F34E20;}
#propMainTable tr.row6 h3 {margin: 0 0 10px 0; padding: 0;}
#propMainTable tr.row6 p {margin: 0px; display: inline;}
#propMainTable tr.row6 #amenities {margin: 0; padding: 35px 0 0 0;}
#propMainTable tr.row6 #amenities h3 {margin: 0 0 10px 0; padding: 0; font-family: verdana; font-size: 13px; color: #282828;}
#propMainTable tr.row6 #amenities div.head {margin: 15px 0 5px 0; background: #EBECEE; padding: 2px 2px 2px 10px;}
* html #propMainTable tr.row6 #amenities div.head {width: 388px;}
#propMainTable tr.row6 #amenities div.content {padding: 0 0 0 10px; font-family: arial;}
#propMainTable tr.row6 div.amen {margin-top: 15px;}
* html #propMainTable tr.row6 div.amen {margin-top: 7px;}
#propMainTable tr.row6 #amenities div.content table td ul li {color: #282828; padding: 1px 0 2px 0; font-size: 11px;}
#propMainTable tr.row6 #amenities div.content table td {padding: 0; width: 183px;}	/* hardcoded width */
#propMainTable tr.row6 #amenities div.content table td.leftAmenTD {width: 160px;}	/* hardcoded width */
#propMainTable tr.row6 #amenities div.content table td.centAmenTD {width: 25px;}	/* hardcoded width */
#propMainTable tr.row6 #amenities div.content table td.fullTD {width: 373px;}		/* hardcoded width */
#propMainTable tr.row6 #amenities div.content table td.fullTD ul {width: 100%; }
#propMainTable tr.row7 div {padding: 30px 10px 20px 0; font-size: 12px; color: #282828; font-family: arial;}
#propMainTable tr.row7 div h3 {margin: 0px 0 10px 0; font-family: verdana;}
#propMainTable tr.row8 hr {margin: 15px 0 25px 0;}
#propMainTable tr.row9 a {display: block; margin-top: 15px;}
#propMainTable tr.row9 table td a {display: block; margin: 0;}
#propMainTable tr.row9 table td p {display: block; padding: 5px 0 0 13px;}

.propThumbTable {border-collapse: collapse;}
.propThumbTable td {text-align: center; padding: 1px; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
.propThumbTable .td1 {border-right: 1px solid #999999; padding-left: 0px;}
.propThumbTable .td2 {padding-right: 0px;}
.propThumbTable td a img {width: 58px; height: 36px; border: 0px;}
.propThumbTable td a {display: block; border: 2px solid white;}
.propThumbTable td a:hover {border: 2px solid red;}

.propThumbPagination {width: 100%; margin-top: 5px;}
.propThumbPagination td {font-size: 70%; color: #006CA7;}
.propThumbPagination td a {font-size: 100%; color: #006CA7;}
.propThumbPagination td a:hover {color: #F34E20;}
.propThumbPagination td img {padding-top: 2px;}

/*--------------------------------------------
 Search results section
----------------------------------------------*/
h1 {color: #005D84; font-size: 19px; text-align: left; margin: 0; padding: 0;}
.propListing {margin-right: 15px; font-size: 12px; font-family: arial; font-size: 90%;}
.propListing tr.listing {background-color: #F9F8EC; cursor: pointer;}
.propListing td {padding: 10px 5px 15px 10px; /*background-color: #F9F8EC;*/ border-top: 1px solid #DFD9C4; border-bottom: 1px solid #DFD9C4;}
.propListing tr.spacer {height: 1px;}
.propListing tr.spacer td {font-size: 1px; height: 10px;}
.propListing td img {border: 0; margin: 0; padding: 0;}
.propListing a {text-decoration: none; font-size: 90%; font-weight: bold;}
.propListing a:hover {color: #F34E20;}
.propListing .left {display: block; float: left; }
.propListing .right {display: block; float: right; font-size: 90%; color: #575753;}

.propListing td.td2 {padding-left: 0;}
.propListing div.head {margin: 0 2px 3px 2px; padding: 0 0 3px 0; border-bottom: 1px solid #DFD9C4; }
.propListing div.body .left {font-size: 75%; color: #005D84; margin: 0; padding: 0; }
.propListing div.body .right img {padding-right: 2px; margin: 0; padding: 0;}
.propListing div.body .content {display: block; padding-top: 4px; font-size: 90%;}
.propListing div.body .content p {display: inline; }
.propListing div.body .content br {display: none;}
.propListing tr.spacer {}
.propListing tr.spacer td {border: 0; background: transparent; padding: 0;}

#starIndexTable table {margin-right: 10px;}
#starIndexTable table td {font-size: 10px; font-weight: bold; padding: 0 5px 0 5px; border-right: 1px solid #CCCCCC;}
.propPagination {float: right; margin: 0 15px 10px 0; text-align: right; font-size: 12px;}
.propPagination .left {float: left;}
.propPagination .right {float: right;}
.propPagination .right a {font-size: 100%; text-decoration: none; font-weight: normal;}