﻿/* Marbella Villas 2008 */
/* Standard light-blue #32B0E0 */
/* faded blue #C3E6F5 */
/* faded grey #C1C1C1 */

/*LIGHT BLUE BG: #EAF6FB */
/*LIGHT BLUEOV BG: #D5EFF8*/

body, html      {margin: 5px 0 5px 0; padding: 0;}
body            {min-width: 980px; font-family: "Lucida Grande" ,Lucida,Arial,Verdana,sans-serif; font-size: 12px; color: #666666;}
img             {border: none;}
hr              {border: 0;color: #32B0E0;background-color: #32B0E0;height: 1px;width: 80%;}
#wrap           {margin: 0 auto; width: 980px;}
#header         {height: 100px; background-image: url(img/logo.gif); background-position: center; background-repeat: no-repeat;}
#main           {float: right; width: 813px; margin-left: 5px; padding: 4px; border: solid 1px #32B0E0; min-height:369px;}
.result         {cursor: pointer; border: solid 1px #C3E6F5; margin-top: 5px; padding: 5px; position: relative;}
.result img     {margin-top: 2px; margin-right: 5px;}
.resulthead     {position: relative; background-color: #C3E6F5; font-weight: bold; margin: -5px -5px 0px -5px;}
.resultdetails  {padding-top: 4px;}
#sidebar        {float: left; width: 150px;}
.sidebox        {border: solid 1px #32B0E0;}
.boxhead        {display: block; color: #fff; text-align: center; margin: -4px -4px 0 -4px; font-size: 14px; font-weight: bold; background-color: #32B0E0; padding-top: 3px; padding-bottom: 3px; margin-bottom: 5px;}
#menu           {padding: 4px; margin-bottom: 5px;}
#menu a         {display: block; text-decoration: none; width: 139px; color: #333333; font-size: 14px; font-weight: bold; background-image: url(img/arrow.gif); background-repeat: no-repeat; background-position: 4px; padding-left: 10px; margin-left: -4px;}
#menu a:hover   {
    background-color: #32B0E0;
    color: #fff;
    background-image: url(img/arrow_ov.gif);
    background-repeat: no-repeat;
    background-position: 4px center;
}

#footer
{
    font-size: 9px;
    border: solid 1px #32B0E0;
    margin-top: 5px;
    padding: 5px 10px 5px 10px;
    position: relative;
}
#attrib
{
    position: absolute;
    right: 10px;
}
#more
{
    position: absolute;
    right: 10px;
    bottom: 5px;
}
#price
{
    position: absolute;
    right: 10px;
}
.clear
{
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


input
{
    border: solid 1px #C3E6F5;
    background: #EAF6FB;
    font-size: 11px;
    color: #666666;
}

input:hover, input:focus
{
    border-color: #32B0E0;
    background: #D5EFF8;
}

select
{
    border-color: #C3E6F5;
    background: #EAF6FB;
    border-style: solid;
    border-width: 1px;
    font-family: "Lucida Grande" ,Lucida,Arial,Verdana,sans-serif;
    font-size: 11px;
    color: #666666;
}

textarea
{
    border: solid 1px #C3E6F5;
    background: #EAF6FB;
    color: #666666;
}

textarea:hover, textarea:focus
{
    border-color: #32B0E0;
    background: #D5EFF8;
}

#mainpic
{
    margin-bottom: 5px;
}

#pics
{
    width: 405px;
    float: left;
}

.smallpic
{
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
}
#details
{
    width: 405px;
    float: right;
}

.pager { position:relative;}
.pager img { vertical-align:middle;}
.pagerRight{position:absolute; right:0;}

.features {list-style: none; padding: 0; margin: 0;}
.features li {background-image: url(img/star.gif); background-repeat: no-repeat; background-position: 0px 6px; padding-left: 10px;}

#detailsfoot {clear:both; text-align:right; margin-top:10px;}
#detailsfoot img{ vertical-align: middle;}
.modal {border: solid 1px #32B0E0; background-color:#ffffff; padding:20px; width:252px;}
.modal p {margin-top:0;}
.error
{  
    background-color:#FFE5E5;
    border:1px solid #FFCCCC;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:15px;
}

.error li{
background:transparent url(img/error.png) no-repeat scroll 0 -1px;
display:block;
color:#666666;
list-style:none none outside;
padding-bottom:4px;
padding-left:24px;
}
.error ul {padding-left:3px}
.close{position:absolute; top:-8px; right:-8px; cursor:pointer;}
    
#contact{position:relative;}
#address {position:absolute; right:1px; width: 380px; margin-top: 10px}
#email {position:absolute; left:1px;width: 380px; margin-top: 10px}
#ok {background-color:#e5ffe5; border:1px solid #e5f5e5; padding:20px}
#error{background-color:#FFE5E5; border:1px solid #FFCCCC; padding:20px}

.TransparentGrayBackground 
{
	position: fixed;
	top: 0;
	left: 0;
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;
	z-index:900;
}
.UpdateProgress     {background-color:#32B0E0; color:#fff; width: 150px; text-align: center; vertical-align: middle;	position: fixed; bottom: 50%; left: 45%; z-index:910;}

.featured           {text-align:center; padding:0;}
.featured li        {display:inline; float:left; margin-left:15px; margin-bottom:15px; overflow:hidden; width:251px; height:220px; cursor:pointer;}
.paymentTerms       {margin-left:24px;}

.ajax__calendar_container {z-index:1004;}