/* DEBUGGING --------------------------------------- */
*							    { margin: 0; padding: 0; }
p							    { margin: 0 0 10px; }
table							{ border-collapse: collapse; }
ul, ol, dl 						{ list-style-type: none; } 

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS ------- */
a 							    { text-decoration: underline; }
a:link, a:visited 				{ color: #ff6600; }
a:hover 						{ color: #ffcc00; }
a:active 						{ color: #fff; }
a img, :link img, :visited img 	{ border: none; }

/* GENERAL ----------------------------------------- */
body { 
    font-family:        "lucida grande",arial,sans-serif; 
    font-size:          12px; 
    color:              #333;
    text-align:         justify; 
    }

P {
    line-height:        16px;
    }

h1 { 
    font-size:          20px; 
    } 	

h2 { 
    font-size:          16px; 
    }

h3 { 
    font-size:          14px;
    }

h1, h2, h3 { 
    margin-bottom:      10px;
    font-weight:        normal;
    }

.float_r { 
    float:              right;
    }
.img_r {
    margin:             0 0 15px 15px;
    }
.align_r {
    text-align:         right;
    }
.align_c {
    text-align:         center;
    }
.hide {
    display:            none;
    }
.clear {
    clear:              both;
    }

IMG.border {
    border:             1px solid #999;
    padding:            1px;
    }

.rad10 {
    border-radius:      10px;
    moz-border-radius:  10px;
    webkit-border-radius:10px;
    }


/* LAYOUT GENERAL  -------------------------------- */
#container {
	width:              970px;
    margin-left:        auto; 
    margin-right:       auto;
    display:            block;
    }

#header { 
    position:           relative;
    width:              100%;
    margin:             15px 0;
    }

#header #logo { 
    background:         url(/img/costablanca-villas.gif) no-repeat top left;
    }
#header #logo a { 
    display:            block;
    width:              360px;
    height:             55px;
    }

#header DIV.contact {
    position:           absolute;
    right:              0;
    top:                0;
    text-align:         right;
    font-size:          14px;
    color:              #999;
    }

#header DIV.contact SPAN.detail {
    color:              #ff6600;
    }

#header #navigation { 
    display:            table;
    margin-left:        auto;
    }

#header #orange-bar					{ width:100%; height:30px; background:url(/img/design/orange-bar.jpg) repeat-x; }

#container #content 				{ float:right; width:720px; }
#container #leftnav 				{ float:left; width:230px; }
#footer 						     { clear:both; background:transparent url(/img/design/footer.png) no-repeat scroll right bottom; 
							     padding:20px; width:auto; margin-top:10px; margin-bottom:15px; border-top:1px solid #ccc;}

/* LAYOUT - NAVIGATION ---------------------------- */
#navigation ul 					{ float:right; }
#navigation li 					{ background:transparent url(/img/design/tab.png) no-repeat scroll right top; height:35px; display:block; float:left; margin-left:5px;}
#navigation li a { 
    background:         transparent url(/img/design/tab_l.png) no-repeat scroll left top; 
    height:             35px; 
    display:            block; 
    float:              left; 
    padding-left:       10px; 
    padding-right:      10px; 
    line-height:        35px; 
    position:           relative; 
    color:              #333; 
    text-decoration:    none;
    font-size:          14px;
    }

#navigation li a:hover				{ text-decoration:underline; }
#navigation li.selected				{ background:transparent url(/img/design/tab2.png) no-repeat scroll right top; }
#navigation li.selected a 			{ background:transparent url(/img/design/tab2_l.png) no-repeat scroll left top; }

/* ROUND BOX -------------------------------------- */
.round_box						{ margin-bottom:15px; clear:both;}
.round_box .header_l				{ background:url(/img/design/round_h2_l.png) no-repeat top left; border-bottom:1px solid #FF6600;}
.round_box .header_r				{ background:url(/img/design/round_h2_r.png) no-repeat top right ;}
.round_box .header					{ background:url(/img/design/round_h2.png) repeat-x; margin-left:6px; margin-right:6px; line-height:38px; 
							     font-size:16px; color:#666666;}
.round_box .content					{ border-left:1px solid #FF6600; border-right:1px solid #FF6600; padding-top:15px; padding-bottom:10px; }
.round_box .footer_l				{ background:url(/img/design/round_f2_l.png) no-repeat top left;  display:block;}
.round_box .footer_r				{ background:url(/img/design/round_f2_r.png) no-repeat top right;  display:block;}
.round_box .footer					{ background:url(/img/design/round_f2.png) repeat-x top; margin-left:6px; margin-right:6px; height:25px; display:block;}

/* LAYOUT - LEFTBAR -------------------------------- */
#leftnav .tel						{ margin-bottom:15px; }
#leftnav .round_box .content { 
    background:         url(/img/sun_bg.gif) no-repeat left top; 
    padding:            5px; 
    padding-left:       10px; 
    font-size:          12px;
    }

#leftnav .round_box .content .s	{ 
    background-color:   #CCCCCC; 
    }

#leftnav .round_box .content .input,
#leftnav .round_box .content select	{ 
    background:         #ffffbf; 
    border:             1px solid #999;
    font-size:          12px;
    margin-bottom:      8px; 
    height:             22px;
    }

#leftnav .round_box .content select	{ 
    width:              205px; 
    margin-top:         4px; 
    }

#leftnav .round_box .content option	{ 
    padding-left:       3px; 
    }

#leftnav .round_box .content .input	{ 
    width:              199px;
    padding:            2px; 
    }

#leftnav .round_box .content .go { 
    margin-left:170px; 
    }
#leftnav .round_box .content FORM#ref_search .input	{ 
    width:140px;
    }
#leftnav .round_box .content FORM#ref_search .go	{ 
    position:       relative;
    top:            10px;
    margin:         0 0 0 20px; 
    }

FORM#search_form LABEL {
    font-weight:        bold;
    display:            block;
    color:              #666;
    }

#leftnav .subhead					{ padding:9px 0 7px 10px; width:220px; font-weight:bold; font-size:14px; color:#666666;  background:url(/img/design/subhead.png) no-repeat #FFFFFF;}
#leftnav a						{ display:block; padding:2px; margin: 0 0 2px 0; }
#leftnav a:hover					{ font-weight:bold;}

DIv#props_by_town {
    overflow:       auto;
    }

DIv#props_by_town A {
    display:        inline;
    }

DIV#props_by_town SPAN {
    display:        block;
    margin:         3px 0;
    color:          #999;
    }

/* BARGAIN PROPERTY  ------------------------------ */
#cb-bargain						{ width:410px; height:400px; }
#cb-bargain .head					{ padding:4px; background:#3399cc; color:#FFFFFF; font-size:16px;}
#cb-bargain .bargain				{ height:80px; margin:5px 0 0 0; padding : 5px 0 0 0; border-top: 1px solid #999; }
#cb-bargain .bargain_img				{ margin:0 5px 0 0; }
#cb-bargain .bargain_txt				{ width: 295px; height:70px; float:right; position:relative;}
#cb-bargain .title					{ color:#006600; font-weight:bold;}
#cb-bargain .price					{ text-decoration:line-through; font-size:14px; color: #999; }
#cb-bargain .more_details			{ position:absolute; left:0px; bottom:0px; }

/* CB FEATURED PROPERTY  ------------------------- */
.featured_title					{ width:712px; padding:4px; margin:0 0 10px 0; background:#3399cc; color:#FFFFFF; font-size:16px;}
.featured						     { float:left; margin-right: 20px; width:226px; }
.last							{ margin-right: 0;}
.featured .head					{ width:220px; height:35px; padding:5px; padding-top:10px; background:url(/img/featured_head.png) no-repeat top left; 
							     text-align:center; font-size:14px; font-weight:bold; color:#666666;}
.featured .prop_img					{ border-left:4px solid #3399cc; border-right:4px solid #3399cc; border-top:1px solid #3399cc; padding:1px;}
.featured .details					{ width:210px; padding:10px; background:url(/img/featured_foot.png) no-repeat bottom left; text-align:center;}

/* CDS FEATURED ----------------------------------*/

#cds_featured						{ width:410px; height:400px; }
#cds_featured .head					{ padding:4px; background:#3399cc; color:#FFFFFF; font-size:16px;}
#cds_featured .bargain				{ height:80px; margin:5px 0 0 0; padding : 1px 0 6px 0; border-bottom: 1px solid #999; position:relative; }
#cds_featured .bargain_img			{ }
#cds_featured .bargain_txt			{ width: 295px; height:70px; position:absolute; top:0; right:0; }
#cds_featured .title				{ color:#006600; font-weight:bold;}
#cds_featured .price				{ text-decoration:line-through; font-size:14px; color: #999; }
#cds_featured .more_details			{ position:absolute; left:0px; bottom:0px; }

/* PROPERTY LISTING /  DETAILS (TM)  ------------- */
.pagination { 
    font-size:          12px; 
    color:              #999;
    }

.pagination A, 
.pagination SPAN {
    padding:            1px 5px;
    }

.pagination A { 
    border:             1px solid #999;
    text-decoration:    none;
    }

.pagination A:hover { 
    text-decoration:    underline;
    border:             1px solid #666;
    background:         #f5f5f5;
    color:              #ff0000;
    }

.pagination SPAN { 
    border:             1px solid #ccc;
    }

.pagination .current_page {  
    color:              #ff0000;
    }

    .grey_txt						     { color:#c0c0c0; }
#proplist						     { border-top:1px solid #c0c0c0; padding: 10px 0 0 0; }
.property						     { width:auto; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom:1px solid #c0c0c0; min-height:140px; }
.property_left						{ width:210px; }
.property_right					{ float:right; width:500px; }
.property_orange { 
    font-size:16px; 
    font-weight:bold; 
    color:#ff9900;
    }
.property_orange A { 
    text-decoration :   none;
    }
.property_text						{ clear:both; max-height:55px; overflow:hidden; }
.property_ref						{ color:#999; margin:0 0 5px 0; }
.bed_bath						     { color:#ff9900; font-size:18px; }

#property						     { }
.property_main_img					{ border: 1px solid #FF9900; padding:1px; margin: 0 0 10px 0; float:right; }
.property_sub_img					{ margin: 0 0 15px 0; }
.property_sub_img2					{ margin: 0 15px 15px 0; }
.property_detail, .property_detail1	{ display:block; padding:5px; margin:0; width:330px; }
.property_detail					{ background-color:#e4e4e4;  }
.detail_r						     { float:right; font-weight:bold; }

/* PROPERTY LISTING / DETAILS  (ICASA)  ---------- */
#prop_details 						{ }
.details_table td					{ padding:6px; }
.details_width						{ width:300px; }
.row_color 						{ background-color:#e4e4e4; }
.largeorange						{ color:#FF9900; font-size:18px; font-weight:bold; }
.largegrey						{ color:#666666; font-size:16px; font-weight:bold; }
.largenum						     { font-size:16px; }
.bedbath						     { color:#FF9900; font-size:28px; font-weight:bold; }
.mediumgrey						{ display:block; margin-top:5px; margin-bottom:10px; color:#666666; font-size:16px; }
.moreinfo						     { color:#999999; display:block; background:url(/img/moreinfo.gif) no-repeat #FFFFFF; width:157px; height:42px; 
							     float:right; text-align:center; padding-top:12px; }
.moreinfo a, 
.moreinfo a:link, 
.moreinfo a:visited					{ color:#999999; font-size:14px; font-weight:bold; text-decoration:none; } 
.moreinfo a:hover					{ color:#ff9900; }
#prop_main_img						{ border: 1px solid #FF9900; padding:1px; float:right; }
#prop_sub_imgs .margin				{ margin-right:15px; }
#prop_sub_imgs .margin2				{ margin-top:15px; }

/* CONTACT PAGE --------------------------------- */

DIV#contact_details {
    display:            inline-block;
    width:              100%;
    margin:             0 0 15px;
    font-size:          16px;
    }

DIV#contact_details SPAN.detail_c {
    width:          50%;
    float:          left;
    text-align:     center;
    font-size:      16px;
    color:          #666;
    }

DIV#contact_details SPAN.detail {
    color:          #ff9900;
    font-size:      20px;
    }

.contact_form .form_tbl td			{ padding:6px; vertical-align:top; }
.contact_form .td_width				{ width:315px; }
.contact_form .input				{ width:340px; }
.contact_form .textarea				{ width:340px; height:105px; }
.contact_form .go					{ margin-left:307px; }
.form_error 						{ border: 1px solid red;  background-color : #FFCCCC;  width: auto;  padding: 5px 0;}
.form_error li 					{ list-style-type:disc; margin-left:30px; }
.form_error img					{ margin-left:5px; margin-right:5px; }
.errortext						{ color:red; }

/* FLIGHTS --------------------------------------- */

#flight_table td					{ padding:5px; }

/* MISC ------------------------------------------ */

.right_p						     { float:right; display:table; margin:0 0 15px 15px; border:1px solid #999; padding:2px; }
.fiestad						     { font-weight:bold; color:#ff6600; padding-bottom:5px; border-bottom : 1px solid #ff6600; margin-top:15px; }