body { background: url('/images/bg_bodyPattern9.jpg'); }
body, td, th {margin: 5px; font-family: verdana, arial; font-size: 12px; color: #515151; }
table {border-collapse: collapse}
td {padding: 0}
td.pad {padding: 3px}
p {text-align: left; font-size: 12px; margin-top: 0px; margin-bottom: 10px}

.red {color: #7C302C}
.blue {color: #364B72}
.center {text-align: center}
.padtop {padding-top: 5px}

.menub {font-size: 12px; font-weight: bold; font-family: verdana, arial}
.menu {font-size: 12px; font-weight: normal; font-family: verdana, arial}

.linkHi {background-color: #E0E09A}
.linkLo {background-color: #E0E0E0}
.fancy {border: 1px solid #949494; padding: 5px}

a:link { text-decoration: underline; color: #00008B }
a:visited {text-decoration: underline; color: #551A8B}
a:hover {text-decoration: underline; color: #B40000}
a.white:link  {text-decoration: underline; color: #FFFFFF}
a.white:visited {text-decoration: underline; color: #551A8B}
a.white:hover {text-decoration: underline; color: #B40000}
a.plain:link  {text-decoration: none; color: #515151}
a.plain:visited {text-decoration: none; color: #551A8B}
a.plain:hover {text-decoration: underline; color: #B40000}
a.red:link  {text-decoration: underline; color: #8B9E57; text-decoration: underline}
a.red:visited {text-decoration: underline; color: #8B9E57; text-decoration: underline}
a.red:hover {text-decoration: underline; color: #8B9E57; text-decoration: underline}

td.tab {padding-top: 1px}
td.tabOff {padding-top: 5px}

img { border:none; }
#wrapper { width:790px; margin: 0 auto; }
#logo { cursor: hand; padding:20px 0; width:790px; }

#topMenu { width: 788px; border-top: 1px solid #96854D; border-right: 1px solid #96854D; border-left: 1px solid #96854D; font-family: Arial, 'san-serif'; background-color: #B09F66;  text-align: center; }
#topMenu a { display: block; }
#topMenu a:link, a:visited { text-decoration: none; color: #FFFFFF }
#topMenu a:hover 	{ text-decoration: underline; color: #FFFFFF }
#topMenu .link { float:left; text-transform: uppercase;  padding:5px 0px; font-size:12px; margin:0; }
#topMenu .home	{ width:62px; border-right: 1px solid #96854D; }
#topMenu .vac	{ width:150px; border-right: 1px solid #96854D; }
#topMenu .features	{ width:110px; border-right: 1px solid #96854D; }
#topMenu .about { width:200px; border-right: 1px solid #96854D; }
#topMenu .info	{ width:160px; border-right: 1px solid #96854D; }	
#topMenu .contact	{ width:100px; }

#main-content { background-color: white; width: 768px; border: 1px solid #96854D; padding: 10px }

.breadcrumbs { text-align: left; }
.breadcrumbs a { text-decoration: none; color: #515151; }
.mainbreadcrumbs { padding-bottom:30px; }
.clear { clear:both; }

#home-content { padding: 20px; border: 1px solid #949494; background-color:#F7F7E5; margin-top: 10px; width:725px; }

/* vacation Rentals */
#rentallist { width:768px; }

.rental-listing { width:766px; background:#F7F7E5; border: 1px solid #949494 }
.listing-title 	{ background-color: #425784; color: white; padding:10px; }


#propName {font-size: 26px; color: black; display: block}

.rentd_left { float:left; white-space: nowrap; border-bottom: 1px solid #EDEDED; background-color: lightgrey; padding: 5px 10px 5px 10px; 
	width: 125px;
	/* width: 150px; */ 
}
.rentd_right { float:left; border-bottom: 1px solid #EDEDED; padding: 5px 0 5px 10px; 
	/* width:250px; */
	width:245px;	
}

.listing-specs { width:435px; float:left; }
.listing-specs ul { margin-top:5px; padding:0; }
.listing-pic { margin: 20px; border: 1px solid #515151; width: 300px }

.pic {margin-bottom: 20px; border: 1px solid #74706D}
.picRight {float: right; margin-left: 20px; margin-bottom: 10px; border: 1px solid #74706D}
.picRight2 {float: right; margin-left: 20px; margin-bottom: 10px}


#footer { width:790px; margin:0 auto; }
#footer-contact { width:766px; font-size: 11px; margin: 10px 0; background-color: #ffffcc; border: 2px solid #000000; padding: 10px; text-align: center }
#footer-contact h2 { display: block; border-bottom: 1px solid lightgrey; margin-bottom: 15px; font-size: 12px; }




.question {color: #364C72; font-weight: bold; font-style: italic}
.gray {color: gray; font-size: 9px}
.comments {text-align: right; padding: 3px; font-size: 10px}
.icon {margin-left: 10px; margin-right: 5px}
.small {font-size: 10px}
.li1 {margin-left: 0px}
.logo {margin-top: 20px}

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.arleftright {display: block}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

b.pearl {color: #536F97}

h3 {font-size: 18px; font-weight: bold; margin-bottom: 0px; color: #b09f66}
h4 {font-size: 16px; font-weight: bold; margin-bottom: 0px; color: #7C302C}

.lh {background-color: #587FAB; color: white; padding: 5px; width: 50px; text-align: center; font-size: 11px}
.lh1 {padding: 5px; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; font-size: 11px; width: 28px}
.lh2 {padding: 5px; border-bottom: 1px solid #E5E5E5}
.lhs {font-size: 11px; padding: 5px}
.lhs2 {font-size: 11px}
.lhss {font-size: 10px; font-family: verdana; color: #515151}
.lidot {background-image: url(http://www.bluepearlhomes.com/images/dot.gif); background-repeat: no-repeat; background-position: center center}
#searchTable li {color: #587FAB}
#searchTable2 li {color: #587FAB}
#weeklyRates li {font-size: 11px}
.avail {padding: 5px}
.amenlinks {font-size: 11px; padding-top: 5px}

#outerDiv {position: absolute; top: 0px; left: 290px; width: 50px; height: 50px; border: 1px solid #515151; display: none; overflow: hidden; z-index: 10002}
#innerDiv {display: none; text-align: center; height: 100%}

#overlay {position: absolute; z-index: 10000; top: 0px; left: 0px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; width: 0; height: 0; top: 0; left: 0}


.amen_no {background-image: url(/images/amen_no.gif); background-repeat: no-repeat; padding-left: 20px; background-position: 0; text-decoration: line-through}
.amen_yes {background-image: url(/images/amen_yes.gif); background-repeat: no-repeat; padding-left: 20px; padding-bottom: 3px;background-position: 0}
.tooltip {cursor: help; border-bottom: 1px dashed darkred}
#leftcontent {width: 533px; background-color: white; color: #515151; border-right: 1px solid white}
#leftcontent h1 {font-family: Calibri, tahoma; font-size: 150%; font-weight:normal !important; margin: 10px 0 0 10px; color: #3C6B93}
#leftcontent h2 {font-family: Calibri, tahoma; font-size: 130%; font-weight:normal !important; margin: 10px 0 0 10px; color: #627A31}


#leftcontent p {padding: 5px 20px 5px 10px; text-align: left; font-size: 90%}
#leftcontent img {border: 0px; border-left: 1px solid white}

#rightcontent {width: 255px; background-color: #FAF0D1}
#rightcontent img {border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid white; border-bottom: 0px; margin: 0px}

div.domTTClassic {border: 1px solid black; background-color: InfoBackground; padding: 2px}
div.domTTClassic .caption {font-family: serif; font-size: 12px; _font-size: 12px; font-weight: bold; font-style: italic; padding: 1px 2px;}
div.domTTClassic .contents {color: black; text-align: left; font-size: 12px; }