/*      
Desc:    Coldwell Banker 
Author:  Awd Design : www.awddesign.co.uk
Date:    14/Feb/2008
Colours + *Page/section name*
        - *colour hex* 
          *colour name*

=== === === === === === === === === === */

/*=STRUCTURE* { margin: 0; padding: 0;}
=== === === === === === === === === === */

html {

}
body { 
font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
color: #666666; 
color: #000; 
background: #6699CC url(main-bg.gif) repeat-y;
margin: 0; padding: 0;
align:center;

}

/*=TYPOGRAPHY
=== === === === === === === === === === */

h1{font-size:1.7em;line-height:1.5em;margin:1.3em 0;}
h2{font-size:1.5em;line-height:1.5em;margin:1.3em 0;}
h3{font-size:1.3em;line-height:1.3em;font-weight:700;margin:1.3em 0 1em;}
h4{font-size:1.2em;line-height:1.3em;font-weight:700;margin:1.3em 0 1em;}
h5{font-size:1.1em;line-height:1.3em;font-weight:700;margin:1.3em 0 1em;}
h6{font-size:1em;line-height:1.3em;font-weight:700;margin:1.3em 0 1em;}


h1,h2,h3,h4,h5,h6 {
color:#003466;
}

p { }

/*=COMMON background-color:transparent;
=== === === === === === === === === === */
a { }
img 		{ border: 0;}
hr 			{ border: 0; border-top: 1px solid gray; height: 0; background: gray;}

ul			{ list-style: none;}
li      	{ list-style-type: square;}

img.float-right { margin: 5px 0px 10px 10px;}
img.float-left { margin: 5px 10px 10px 0px;}

/* alignment classes */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/*=MASTHEAD
=== === === === === === === === === === */
#masthead {

}
#top_backg{
background: #6699CC url(top-bg.gif) repeat-y;
}

#main_backg{
background: #6699CC url(main-bg.gif) repeat-y;
}

#banner { height:165px;
margin-bottom:0;
background-color:transparent;
padding:0;
}


/*=NAVIGATION TOP
=== === === === === === === === === === */

#navigation { }
#links{
height:40px;
width:770px;
background: #fff url(links_bg.gif) repeat-x;
}

/*=NAVIGATION  RIGHT border: 1px solid #fff;
=== === === === === === === === === === */
#sidebar-a {
float:left;
width:250px;
background-color:transparent;
margin:0;
padding:0;
}

.sidebar-right{
padding: 10px;
color: #FFF;
}

.sidebar-right a{
color: #FFF;
}

.sidebar-right a:hover{
color: #FFF;
text-decoration:none;
}

.sidebar-right h2 { 
color: #FFF;
font-size:1.3em;
l//ine-height:1.3em;
font-weight:900;
margin:0 ;
padding-left: 20px;

}


/*=CONTENT
=== === === === === === === === === === */

#content {
float:left;
width:770px;
background-color:transparent;
padding:0;
}

#site_content{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
background-color:#FFFFFF;
font-size: 12px;
color: #333333;

padding: 5px 10px 10px 10px;


}

#site_content a {
color:#69c;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#site_content a:link{
color:#69c;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#site_content a:hover{
color:#69c;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/*=Featured Listings home page
=== === === === === === === === === === */
.featured_h img {
    padding: 5px;
	border: 2px solid #CCC;
}
.featured_h:hover img {
    padding: 5px;
	border: 2px solid #efefef;
}



/*=FOOTER
=== === === === === === === === === === */

#footer { 
font-size: 10px;
font-family: Verdana, Tahoma, arial, sans-serif;

mim-height:100px;
height:100%;
clear:both;
margin-top:0;
background-color:#94B7DB;
padding:0;
}

/* Footer Content */

#main_footer a {
color: #ffffff;
font-weight: bold;
}

#main_footer {
padding: 20px;
color: #ffffff;
font-weight: bold;
}

#main_footer a:hover {
text-decoration: underline;
color: #ffffff;
font-weight: bold;
}

#main_footer a:hover {
text-decoration: none;
color: #ffffff;
font-weight: bold;
}

/*=TOP RIGHT ADDRESS AND NAME border: 1px solid #fff;
=== === === === === === === === === === */

#margin_right { 
position: absolute;
width: 200px;
height: 148px;
float: left;
margin-left: 770px;
top: 10px;
color: white;
line-height: 1.4em;
}

#margin_right a , a:link { color: #fff;}
#margin_right a:hover { color: #fff; text-decoration: none;}

/*=SEARCH RESULTS PAGE
=== === === === === === === === === === */

table.search_result_header {
background-color:#336799;
height:15px;
align:left;
color:#FFF;
padding:5px;
}

table.search_result_header a,table.search_result_header a:visited {
color:#FFF;
}

.browse_tool_table {
background-color:ffffff;
width:100%;
font-size:11px;
text-decoration:none;
color:#000;
}

.browse_tool {
background-color:ffffff;
font-size:11px;
text-decoration:none;
color:#000;
}

.browse_tool_num {
color:#369;
}

.browse_tool_button A:visited {
color:#132975;
}

.browse_tool_button A:hover {
color:#FFF;
background-color:transparent;
width:82px;
height:18px;
}

.browse_tool_ghost {
font-size:10px;
line-height:10px;
color:#FFF;
text-decoration:none;
}

.browse_tool_curpage {
background-color:#666;
color:#FFF;
width:15px;
height:15px;
display:block;
text-align:center;
border-left:1px #666 solid;
padding:2px;
}

.bt_pages {
font-family:verdana, arial, Helvetica, sans-serif;
background-color:#FFF;
text-decoration:none;
width:15px;
height:15px;
vertical-align:middle;
color:#000;
}

bt_pages_ghost {
color:#aaa;
text-decoration:none;
}

A.bt_pages {
color:#000;
width:15px;
height:15px;
display:block;
text-align:center;
padding:2px;
}

A.bt_pages:visited {
color:#000;
}

A.bt_pages:hover {
color:#FFF;
background:transparent;
}

.browse_tool_button A,.browse_tool_ghost A {
margin-top:3px;
background-color:#f7f7f7;
font-size:10px;
line-height:10px;
text-align:center;
font-weight:700;
text-decoration:none;
color:#666;
width:82px;
height:18px;
display:block;
padding:2px;
}

/*=LISTING RESULTS PAGE 
   Home Features / Community Features
=== === === === === === === === === === */

.multiple_options_caption{
text-align:left;
font-weight:800;
}

.multiple_options{
margin-left: 0;
padding-left: 0;

}
.multiple_options ul li{
list-style-type: circle;
margin-left: 0;
padding-left: 0;
}



/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */

form {
margin:0;

}

input {
font-family:arial,tahoma,verdana,sans-serif;
margin:2px 0;
}

fieldset {
border:none;
}

label {
padding:5px 0;
}

label br {
clear:left;
}


input.f-submit {
background:#666;
color:#fff;
font-weight:700;
font-size:96%;
padding:1px 3px;
}

form.f-wrap-1 {

width:96%;

border-top:1px solid #d7d7d7;
position:relative;
padding:.5em 0;
}

form.f-wrap-1 fieldset {
width:auto;
margin:0 1em;
}

form.f-wrap-1 h3 {
font:bold 155% arial;
color:#c00;
margin:0 0 .6em;
}

form.f-wrap-1 label {
clear:left;
width:100%;
border-top:1px solid #fff;
float:none;
}

form.f-wrap-1 label input,form.f-wrap-1 label textarea,form.f-wrap-1 label select {
width:15em;
float:left;
margin-left:10px;
}

form.f-wrap-1 label b {
float:left;
width:8em;
line-height:1.7;
display:block;
position:relative;
}

form.f-wrap-1 label b .req {
color:#c00;
font-size:150%;
font-weight:400;
position:absolute;
top:-0.1em;
line-height:1;
left:-0.4em;
width:.3em;
height:.3em;
}

form.f-wrap-1 div.req {
color:#666;
font-size:96%;
font-weight:400;
position:absolute;
top:.4em;
right:.4em;
left:auto;
width:13em;
text-align:right;
}

form.f-wrap-1 div.req b {
color:#c00;
font-size:140%;
}

form.f-wrap-1 label select {
width:15.5em;
}

form.f-wrap-1 label textarea.f-comments {
width:20em;
}

form.f-wrap-1 div.f-submit-wrap {
padding:5px 0 5px 8em;
}

form.f-wrap-1 input.f-submit {
margin:0 0 0 10px;
}

form.f-wrap-1 fieldset.f-checkbox-wrap,form.f-wrap-1 fieldset.f-radio-wrap {
clear:left;
float:left;
width:32em;
border:none;
padding-bottom:.9em;
margin:0;
}

form.f-wrap-1 fieldset.f-checkbox-wrap b,form.f-wrap-1 fieldset.f-radio-wrap b {
float:left;
width:8em;
line-height:1.7;
display:block;
position:relative;
padding-top:.3em;
}

form.f-wrap-1 fieldset.f-checkbox-wrap fieldset,form.f-wrap-1 fieldset.f-radio-wrap fieldset {
float:left;
width:13em;
margin:3px 0 0 10px;
}

form.f-wrap-1 fieldset.f-checkbox-wrap label,form.f-wrap-1 fieldset.f-radio-wrap label {
float:left;
width:19em;
border:none;
margin:0 -3px 0 0;
padding:2px 0;
}

form.f-wrap-1 label input.f-checkbox,form.f-wrap-1 label input.f-radio {
width:auto;
float:none;
margin:0;
padding:0;
}

form.f-wrap-1 label span.errormsg {
position:absolute;
top:0;
right:-10em;
left:auto;
display:block;
width:16em;
background:transparent url(images/errormsg_bg.gif) no-repeat 0 0;
}

form.f-wrap-1 label span.errormsg b {
color:#B30800;
font-weight:700;
display:block;
width:auto;
float:none;
line-height:1.3;
margin:0 10px 0 30px;
padding:10px 0;
}


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #EFEFEF; /*background-color: lightyellow;*/
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid #CC0000;
border-bottom: 3px solid #CC0000;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}




/* Search For: style up to 11 types */

#class0{ border: none; background: transparent;}
#class1{ border: none; background: transparent;}
#class2{ border: none; background: transparent;}
#class3{ border: none; background: transparent;}
#class4{ border: none; background: transparent;}
#class5{ border: none; background: transparent;}
#class6{ border: none; background: transparent;}
#class7{ border: none; background: transparent;}
#class8{ border: none; background: transparent;}
#class9{ border: none; background: transparent;}
#class10{ border: none; background: transparent;}
#class11{ border: none; background: transparent;}

option{
padding-left:5px; 
padding-bottom:1px; 
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 0;	
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #333; 
	height: 20px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	font: bold 12px Arial, Sans-serif; 
	color: #333;	
	width: 60px;
	height: 26px;
	border: none;
	padding: 3px 5px;	
	vertical-align: top;
}


/*=Drop Shadow for containers
=== === === === === === === === === === */


.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 750px; /* container width*/
background-color: #DFDFDF;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid #EFEFEF;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.sortby {
f//ont: bold 12px Arial, Sans-serif; 
color: red;
text-decoration : none;
}

.sortby a{
	color: red;

}

a.sortby:avisited{
	color: red;
}

a.sortby:hover{
	color: black;

}