/*      

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;}

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

*{
	padding: 0;
	margin: 0;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}


body {
	font: 11px/1.75em Verdana, Tahoma, arial, sans-serif;
	color: #000;
	background: #7daddd;
}

/*=TYPOGRAPHY

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

h1{font-size:1.7em;line-height:1.5em;margin:1.3em 0;}

h2{font-size:1.5em;line-height:1.5em;margin:0.5em 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;}

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

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

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

#wrapper{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#top_backg{
	float: left;
	width: 900px;
	height: 191px;
	background: #225d97;
}

#bg_left{
	float: left;
	margin: 80px auto auto 30px;
	width: 180px;
	height: 82px;
}

#margin_right{
	float: right;
	margin-top: 20px;
	width: 200px;
	height: 148px;
	color: white;
	line-height: 1.4em;
}


#margin_right a , a:link { color: #0E0C66;}

#margin_right a:hover { color: #0E0C66; text-decoration: none;}

#wrap_mb{
	clear: both;
	float: left;
	width: 900px;
	background: #FFF;
	overflow: hidden;
}



#wrap_left{
	float: left;
	width: 190px;
	color: #000000;
}

.inside{
	padding: 13px;
}

#wrap_right{
	float: right;
	padding: 0px;
	margin-top: 10px;
	width: 690px;
	min-height: 800px;
	border-left: 1px #225d97 solid;
	background: #FFFFFF;
}

/*=NAVIGATION TOP

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

#navigation { }

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

/*=NAVIGATION  RIGHT border: 1px solid #fff;

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

#sidebar-a {
	float: left;
	width: 190px;
}



.sidebar-right{
	float: left;
	width: 180px;
	color: #000;
	margin-top: 20px;
	margin-left: 10px;
}

.sidebar-right ul li{
	list-style: none;
}
.sidebar-right ul li a{
	color: #000;
}

.sidebar-right a:hover{
	color: #CC0000;
	text-decoration: underline;
}

.sidebar-right h2 { 
	font-size: 140%;
	line-height: 50%;
	font-weight:900;
	margin-left: 20px;
}

/*=CONTENT

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



#content {

	float:left;
	
	width:680px;
	
	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 {
	clear: both;
	float: left;
	width: 900px;
	font-size: 10px;
	font-family: Verdana, Tahoma, arial, sans-serif;
	background-color: #336799;
}

#ft_top{
	clear: both;
	float: left;
	width: 900px; 
	height: 10px;
	background: #FFF;
}
/* Footer Content */



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


#main_footer {

padding: 0px;

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;

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


/*=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:center;

font-weight:800;

}



.multiple_options{

margin-left: 0;

padding-left: 0;



}

.multiple_options ul li{

list-style-type: none;

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: 650px; /* 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;



}


.side_menu{
	float: left;
	margin: 5px 7px 0px 7px;
	width: 184px;
	height: 26px;
	background: #CCCCCC;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
}

.side_menu .inside{
	margin: 0;
	padding: 0;
	margin-top: 3px;
	width: 184px;
	height: 21px;
}

#chromemenu ul li a{
	color: #666666;
}

#dropmenu1 #dropmenudiv li{
	color: #666666;
}