html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

body {margin: 0px; background-color: #676571; font-family: Trebuchet MS, Helvetica, sans-serif; font-size:14px; margin: 0px; padding: 0px; color: #393745; text-align:center;}

table.main {width:990px; margin: 0px auto; padding:0px;}
table.main td.toprow {width:990px;}
table.main td.leftcol {width:195px; text-align:left; background-color:#7d0000;}
table.main td.rightcol {width:795px; text-align:left; background-color:#bfbec8;}
table.main td.footer {width:990px; text-align:center; font-size:14px; line-height:120%; background-color:#393745; color:#9593a1;}

.topdiv {background-color: #676571;; width: 990px; text-align: center; border-bottom: 4px solid #7d0000; }
.topcoll  {background-image: url(graphics/TopSP.png); background-repeat: no-repeat; width: 990px; height: 120px; border-top: 4px solid #7d0000;  border-bottom: 4px solid #7d0000; margin-top: 0px; padding:0px;}
.toptext  {font-size: 14px; color: #393745; font-weight: normal; font-style: normal; text-align: center; margin: 5px 0px 5px 0px; letter-spacing:2px; background: #ffffff}

h1 {font-size: 22px; color:  #393745; font-weight: bold; font-style: normal; margin: 5px; }
h2 {font-size: 16px; color: #676571; font-weight: bold; font-style: normal; margin: 0px 0px 5px 0px;}
h3 {font-size: 14px; color: #393745; font-weight: bold; font-style: normal; margin: 5px;}
small {font-size: 11px; color:  #393745; font-weight: normal}
strike {color:#cc0000;}

blockquote { margin: 15px; padding: 0px; }
select  {font-size: 11px; color: #676571; font-weight: normal; font-style: normal; font-family: Trebuchet MS, sans-serif;}
input  {font-size: 11px; font-weight: normal; font-style: normal; font-family: Trebuchet MS, sans-serif;}
hr {color: #808080}

a:link    { color: #7d0000; text-decoration: underline; }
a:visited { color: #7d0000; text-decoration: underline; }
a:hover   { color: #ffffff; text-decoration: underline; }
a:active  { color: #7d0000; text-decoration: underline; }

a.right:link { color: #7E0000; text-decoration: underline  }
a.right:visited { color: #7E0000; text-decoration: underline  }
a.right:hover { color: #000000; text-decoration: underline }

a.lower:link { color: #FFFFFF; text-decoration: none  }
a.lower:visited { color: #FFFFFF; text-decoration: none  }
a.lower:hover { color: #CCCCCC; text-decoration: none }

a img { border: 1px solid #676571; display: block; }
a:visited img { border: 1px solid #676571; display: block; }
a:hover img { border: 1px solid #7d0000; display: block; }

.maps  {background-image: url(../graphics/maps.gif); background-repeat: no-repeat}
.dindent {text-indent: 20px;}

.content {width: 770px; text-align: left; padding: 5px; margin: 5px; font-size: 13px; color: #393745;}

/* Front page */

.fpbox {width:370px; height:220px; border: 1px solid #676571; margin:5px; padding: 0px; float:left; position:relative; font-size:12px; color: #676571; line-height:140%; font-weight:normal;}
.fpbox div {padding:5px;}

.fpboxsingle {width: 750px; height: 150px; border: 1px solid #676571; padding: 10px; margin: 10px auto; display: block; text-align: justify; color: #676571; font-size: 12px;}

img.propmain {width: 220px; height: 146px; text-align: right; border: 1px solid #676571; margin: 5px; padding: 0px; position: relative; float: right; }

.propertymainfeatured { width: 530px; height: 180px; background-color: #BFBEC8;  border: 1px solid #676571; padding: 10px; margin: 10px -5px 5px 0px; display: block; text-align: justify; color: #676571; font-size: 12px; }

img.propmainfeatured {width: 220px; height: 165px; text-align: right; border: 1px solid #676571; margin: 5px; padding: 0px; position: relative; float: right; }

.fpbottom {background-image: url(graphics/BlueSotogrande.jpg); background-repeat: no-repeat; width: 990px; height: 248px;}

/* end Front page */


.contactpage {font-size:16px; margin-left:30px;}

.privatesales {background-image: url(graphics/PrivateSalesBG.jpg); background-repeat: no-repeat;}


/* LEFT MENU */

.menulist {width: 180px; margin: 10px 0px 0px 12px;}

#sotomenu {width: 180px; background-color: transparent; font-size: 18px; font-weight: bold; color: #bfbec8; margin: 0px 0px 7px 0px; padding: 5px 0px 0px 0px;}

#menubutton a  {width: 160px; height: 15px; color: #bfbec8; font-size:13px; font-family:Trebuchet MS, sans-serif; font-weight:bold; text-decoration: none; border:2px outset #bfbec8; background-color: #676571; display: block; padding: 1px 1px 1px 5px; margin: 1px 1px 3px 1px; position: relative; line-height: 15px;}

#menubutton a:hover {background-color: #868490; color:#000000; border:2px inset ##bfbec8; position: relative;}

#menubuttonsearch a  { color: #BFBEC8; font-size:14px; font-family:Trebuchet MS, sans-serif; font-weight:bold; text-decoration: none; border:2px outset #bfbec8; background-color: #676571; display: block; width: 160px; height: 15px; padding: 1px 1px 1px 5px; margin: 1px 1px 3px 1px; position: relative; line-height: 15px; }

#menubuttonsearch a:hover { background-color: #868490; color:#000000; border:2px inset ##bfbec8; position: relative;}

#starbutton a  { color: #BFBEC8; font-size:14px; font-family:Trebuchet MS, sans-serif; font-weight:bold; text-decoration: none; border:2px outset #bfbec8; background-color: #676571; display: block; width: 160px; height: 15px; padding: 1px 1px 1px 5px; margin: 1px 1px 3px 1px; position: relative; }

#starbutton a:hover { background-color: #868490; color:#ffffff; border:2px inset ##bfbec8; position: relative;}

img.star {width: 15px; height: 15px; margin: 0px 5px 0px 0px; padding: 0px; position: relative; float: left; border}

#starbutton a img { border: 0px; }
#starbutton a:hover img { border: 0px; }

.menucat {font-size: 16px; font-weight: bold; color:#ffffff; margin: 1px 1px 1px 2px; }

a.menu:link { color: #BFBEC8; text-decoration: none; font-size: 13px; font-weight: bold; }
a.menu:visited { color: #BFBEC8; text-decoration: none; font-size: 13px; font-weight: bold; }
a.menu:hover{ color: #BFBEC8; text-decoration: underline; font-size: 13px; font-weight: bold; }

a.fplink:link { color: #888888; text-decoration: none; font-size: 13px; font-weight: bold; }
a.fplink:visited { color: #888888; text-decoration: none; font-size: 13px; font-weight: bold; }
a.fplink:hover{ color: #d70000; text-decoration: none; font-size: 13px; font-weight: bold; }

/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! MyCSSMenu Styles - ok to modify !!!!!!!!!!!*/

/*"""""""" (MAIN) Container""""""""*/	
#qm0 {width:170px; padding:0px; margin: 0px;}

/*"""""""" (MAIN) Items""""""""*/	
#qm0 a {width: 160px; height: 15px; padding:1px 1px 1px 5px; margin: 5px 0px; background-color:#676571; color:#bfbec8; font-family: Trebuchet MS, sans-serif; font-size:11px; text-decoration:none; border:2px outset #bfbec8;}

/*"""""""" (MAIN) Hover State""""""""*/	
#qm0 a:hover {background-color: #868490; color:#000000; border:2px inset ##bfbec8;}

/*"""""""" (MAIN) Active State""""""""*/	
body #qm0 .qmactive, body #qm0 .qmactive:hover	
{background-color: #868490; color:#000000; border:2px inset ##bfbec8;}

/*"""""""" (SUB) Container""""""""*/	
#qm0 div, #qm0 ul	
{padding:3px; background-color:#7d0000; border:1px solid #000000;}

/*"""""""" (SUB) Items""""""""*/	
#qm0 div a, #qm0 ul a	
{padding:1px 10px 1px 5px; color:#cccccc; font-size:11px; border:1px solid #000000;}

/*"""""""" (SUB) Hover State""""""""*/	
#qm0 div a:hover, #qm0 ul a:hover	
{color:#ffffff; border:1px solid #000000;}

/*"""""""" (SUB) Active State""""""""*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
{color:#ffffff; border:1px solid #000000;}



/* Languages */

.languages {width:190px; height:40px; margin: 10px 10px 0px 5px; text-align:right; float:right; position:relative;}

.languages a:link {text-decoration:none;}
.languages a:visited {text-decoration:none;}
.languages a:hover {text-decoration:none;}

.languages a img {border: 0px solid #676571; display:inline;}
.languages a:visited img {border: 0px solid #676571; display:inline;}
.languages a:hover img  {border: 0px solid #7d0000; display:inline;}


/* Social Media Buttons */

.socialfp {width:100px; margin: 45px 0px 0px 800px; text-align:right; float:right; position:relative;}
.socialprops {width:300px; margin: 0px 20px 0px 0px; padding:0px; text-align:left; display:inline; float:left; position:relative;}

/* Private Sales */

ul.privatelistings {list-style-type: none; font-size:16px;}

/* Individual property pages FOR STAR PROPERTIES THAT AREN'T IN DATABASE */

.contentprop {width: 750px; text-align: left; padding: 10px; margin: 0px; font-size: 12px; color: #393745; }

.propheader {font-size: 15px; font-weight: bold; text-align: center; margin: 5px 0px 10px 0px; }
.propprice {font-size: 18px; font-weight: bold; text-align: center; margin: 5px 0px 10px 0px; }
.propspecs {font-size: 15px; font-weight: normal; text-align: center; margin: 0px 0px 10px 0px; }
.propdesc {font-size: 14px; font-weight: normal; text-align: justify; margin: 0px 0px 10px 0px; border-top: 1px solid #393745; padding-top: 10px; }
.propcontact {font-size: 16px; font-weight: bold; text-align: center; margin: 20px 0px 10px 0px; }
.propphotos {}
.converter {width: 120px; height:20px; background-color: #BFBEC8; font-size: 11px; color: #ffffff; text-align: center; margin: 0px 0px 0px 10px; border: 2px solid  #7d0000; padding:2px;}
.converter a:link {color: #342F43; width: 120px; height:20px; background-color: #BFBEC8; font-size: 12px; text-decoration: none; }
.converter a:visited {color: #342F43; width: 120px; height:20px; background-color: #BFBEC8; font-size: 12px; text-decoration: none; }
.converter a:hover { color: #ffffff; width: 120px; height:20px; background-color: #B84C56; font-size: 12px; text-decoration: none; }

table.rentalrates { width: 520px; border: 2px solid #676571; text-align: left; padding: 5px; margin: 0px 0px 0px 15px; }
table.rentalrates td {border-bottom: 1px solid #676571; padding: 0px 0px 10px 0px;  }
table.rentalrates td div {width:520px;margin:0px;padding:0px; float:left;position:relative;}
.season { width: 260px; text-align: left; margin: 0px 0px 0px 10px; font-size: 14px; float: left; position:relative;}
.rate { width: 220px; text-align: right; margin: 0px 20px 0px 0px; font-size: 14px; float: right; position:relative; }

table.enqform { width: 530px; border: 2px solid #676571; text-align: left; padding: 5px; margin: 0px 0px 0px 15px; }
table.enqform td {border-bottom: 1px solid #676571; padding: 0px 0px 10px 0px;  }

.unavail {color: #c00000; font-weight: bold; }
.bargain {color: #c00000; font-weight: bold; }

.rentalratediv2 {width: 450px; background-color: #ffffff; padding: 10px; }

table.phototable {font-size:11px;}

.enquiryform {width:650px; font-weight:bold; margin: 10px auto; padding:13px 3px;}
.enquiryform form {width:600px; font-size:12px; font-weight:normal; line-height:26px; border:1px solid #393745; background-color:#b3b1c1; padding: 5px 10px;}
.enquiryform form option {font-size:12px;}
.enquiryform form input  {font-size:12px;}