/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:	Nick Watson
				Tom Fletcher-Jones
				[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: .7em;
	background-color: #ffffff;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h4{
	font-size: 1.4em;
	color: #316847;
	padding-left: 15px;
}
div#content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

/***********************************************************************
	IF YOU GET RANDOM SPACING AND OTHER ANNOYING WIERDNESS LOOK BELOW FIRST
************************************************************************/

div#content p, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, 
div#content h6, div#content table, div#content ul, div#content ol, div#content form {
	margin: 1em 0;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

a.pdf {
	padding: 3px 0px 4px 20px;
	background: url('../i/icons/pdf.gif') left center no-repeat;	
}
/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
div#container{
/*	background-color: #ffffff;*/
	background-image: url(../i/layout/repeater.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 770px;
}

div#header{
	background-image: url(../i/layout/header-header.jpg);
	background-repeat: no-repeat;
	width: 770px;
	height: 121px;
	float: left;
}
div#header a.home{
	float: left;
	width: 385px;
	height: 121px;
	text-indent: -999em;
}
div#header a.contact{
	float: left;
	width: 385px;
	height: 121px;
	text-indent: -999em;	
}
div#header-holder{
	margin: 0 auto;
	width: 770px;	
}
div#nav{
	background-image: url(../i/layout/nav-bg.gif);
	background-repeat: repeat-x;
	clear: both;
	height: 28px;
	margin-bottom: 3px;
}
div#logo{
	background-image: url(../i/layout/logo.jpg);
	background-repeat: no-repeat;
	width: 204px;
	height: 196px;
	float: left;
}
div#flash{
	background-image: url(../i/layout/noflash.jpg);
	background-repeat: no-repeat;
	width: 548px;
	height: 196px;
	float: right;

}
div#main{
	width: 770px;
	float: left;
}
* html div#main{
	width: 770px;
	float: left;

	padding-left: 0px;
}
div#left-nav{
	float: left;

}
div#navbox{
	background-color: #ad0120;
	float: left;
	width: 212px;
	height: 215px;
	margin-left: 12px;
	clear: none;
}
* html div#navbox{
	background-color: #ad0120;
	float: left;
	width: 212px;
	height: 198px;
	margin-left: 6px;
	clear: none;
}
div#quote-box{
	float: left;
	width: 532px;
	height: 198px;
	clear: none;
	background-color: #005221;
}
div.large-buttons{
	float: left;
	width: 212px;
	padding-bottom: 10px;
	margin-left: 12px;
	clear: none;
}
* html div.large-buttons{
	float: left;
	width: 212px;
	padding-bottom: 10px;
	margin-left: 6px;
	clear: none;
}
div.buttons{
	float: left;
	background-color: #ad0120;
	width: 212px;
	padding-bottom: 10px;
	margin-top: 2px;
	clear: none;	
}
div.buttons-green {
	float: left;
	background-color: #015726;
	width: 212px;
	margin-top: 0px;
	clear: both;
}
* html div.buttons{
	float: left;
	background-color: #ad0120;
	width: 212px;
	padding-bottom: 10px;
	margin-top: 2px;
	clear: none;	
}
div#button{
	background-image: url(../i/layout/button-search.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 161px;	
	height: 66px;
	margin-top: 10px;
	clear: both;
	margin-left: 29px;
}
div#button2{
	background-image: url(../i/layout/button-register.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 161px;	
	height: 83px;
	margin-top: 10px;
	clear: both;
	margin-left: 29px;	
}
div#button3{
	background-image: url(../i/layout/button-valuation.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 161px;	
	height: 66px;
	margin-top: 10px;
	clear: both;
	margin-left: 29px;	
}
div#button4{
	background-image: url(../i/layout/button-search-letting.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 161px;	
	height: 66px;
	margin-top: 10px;
	clear: both;
	margin-left: 29px;	
}
div#button a, div#button2 a, div#button3 a, div#button4 a {
	float: left;
	width: 100%;
	height: 100%;
}
* html div#button,* html div#button2,* html div#button3,* html div#button4{
margin-left: 14px;
}
div.mini-gallery{
	float: left;
	background-color: #ffffff;
	width: 212px;
	margin-top: 2px;
}
div.mini-gallery img.left{
	float: left;
	margin-right: 10px;
}
div.mini-gallery img{
	margin-bottom: 10px;
}
div#content{
	float: left;
	width: 525px;

/*	padding-left: 15px;*/
}
div#footer{
	background-image: url(../i/layout/footer.jpg);
	background-repeat: no-repeat;
	width: 770px;
	clear: both;
	margin: 0 auto;
	height: 88px;


}
div.footer-stuff{
	margin: 0 auto;
	width: 760px;
	height: 92px;
}
div.footer-text{
float: left;
height: 70px;
margin-top: 5px;
width: 500px;
padding-top: 5px;
padding-left: 20px;
}
div.footer-logos{
float: right;
height: 25px;
margin-top: 5px;
width: 200px;
padding-top: 15px;

}
div#nav-holder{
	width: 100%;
	background-image: url(../i/layout/nav-bg.gif);
	background-repeat: repeat-x;
	height: 28px;
	float: left;
	margin-bottom: 3px;
}

span.white {
	color: #fff;	
}
/***********************************************************************
	HEADER ELEMENTS
************************************************************************/

/***********************************************************************
	BODY ELEMENTS
************************************************************************/
h1.welcome{
	text-indent: -999em;
	height: 21px;
	background-image: url(../i/layout/h1welcome.jpg);
	background-repeat: no-repeat;
}
h1.selling{
	text-indent: -999em;
	height: 21px;
	width: 346px;
	background-image: url(../i/layout/h1tips.jpg);
	background-repeat: no-repeat;
}
h1.about{
	text-indent: -999em;
	height: 21px;
	width: 277px;
	background-image: url(../i/layout/h1about.jpg);
	background-repeat: no-repeat;
}
h1.register{
	text-indent: -999em;
	height: 21px;
	width: 350px;
	background-image: url(../i/layout/h1register.jpg);
	background-repeat: no-repeat;
}
h1.wanted{
	text-indent: -999em;
	height: 21px;
	width: 450px;
	background-image: url(../i/layout/h1property.jpg);
	background-repeat: no-repeat;
}
h1.mortgages{
	text-indent: -999em;
	height: 21px;
	width: 300px;
	background-image: url(../i/layout/h1mortgage.jpg);
	background-repeat: no-repeat;
}
h1.hips{
	text-indent: -999em;
	height: 21px;
	width: 300px;
	background-image: url(../i/layout/h1hips.jpg);
	background-repeat: no-repeat;
}
h1.valuation{
	text-indent: -999em;
	height: 21px;
	width: 300px;
	background-image: url(../i/layout/h1valuation.jpg);
	background-repeat: no-repeat;
}
h1.contact{
	text-indent: -999em;
	height: 21px;
	width: 453px;
	background-image: url(../i/layout/h1contact.jpg);
	background-repeat: no-repeat;
}
h1.tips{
	text-indent: -999em;
	height: 21px;
	width: 350px;
	background-image: url(../i/layout/h1tips.jpg);
	background-repeat: no-repeat;
}
h1.redesigning{
	text-indent: -999em;
	height: 30px;
	width: 329px;
	background-image: url(../i/layout/h1redesigning.jpg);
	background-repeat: no-repeat;
}
h1.search{
	text-indent: -999em;
	height: 30px;
	width: 310px;
	background-image: url(../i/layout/h1search.jpg);
	background-repeat: no-repeat;
}
h1.what{
	text-indent: -999em;
	height: 30px;
	width: 310px;
	background-image: url(../i/layout/h1-what.gif);
	background-repeat: no-repeat;
}
h1.around{
	text-indent: -999em;
	height: 30px;
	width: 310px;
	background-image: url(../i/layout/h1-around.gif);
	background-repeat: no-repeat;
}
h1.news{
	text-indent: -999em;
	height: 21px;
	width: 100px;
	background-image: url(../i/layout/h1news.jpg);
	background-repeat: no-repeat;
}
h1{
	color:#005221;
	font-size: 1.2em;
	padding-left: 15px;
}
div#content h2{
	color: #316847;
	margin-left: 15px;
}

div#content a{
	color: #8F011A;
}
div#content a:hover{
	color: #005221;
}
div#content p{
	color: #000000;
	text-align: justify;
	padding-left: 15px;
}
div#content img{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	clear: right;
}
div#content ul{
	margin-left: 15px;	
	list-style: square;
	list-style-position: inside;
}
div#content ul li{ 
/*	color: #8F011A;*/
	color: #000000;
	margin-bottom: 5px;
/*	font-size: 1.1em;*/
/*	font-weight: bold; */
	padding-left: 10px;
}

div.contact-form{
	background-color: #035233;
/*	border: 1px dashed #ffffff;*/

	width: 195px;
	padding: 10px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #ffffff;
}
* html div.contact-form{
	background-color: #035233;
/*	border: 1px dashed #ffffff;*/
	width: 195px;
	padding: 10px;
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
	color: #ffffff;
}
div#main html{
	width: 400px;
}
div.search-form{
	background-color: #Ffffff;
	border: 1px dotted #006633;
	width: 490px;
	padding: 10px;
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
}

div#content div.contact-form form p.req{
	text-align: left;
	color: #ffffff;
}
div#content div.contact-form label{
	color: #ffffff;
}


div.faq-item{
	background-color: #F5D18b;	
	background-image: url(../i/layout/grad.jpg);
	background-repeat: repeat-x;	
	padding: 10px;
	border-top: 1px dashed #8F011A;;
	border-bottom: 1px dashed #8F011A;
	margin-bottom: 10px;
}
div.faq-item h1.faq{
	color: #91001B;
	font-size: 1.4em;
	font-weight: bold;
}
/***********************************************************************
	NAVIGATION
************************************************************************/
div#left-nav div#navbox ul{
	margin-left: 20px;
	margin-top: 8px;
}
div#left-nav div#navbox ul li{
	background-image: url(../i/layout/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 10px;
	font-size: 1em;
	margin-bottom: 2px;
}
div#left-nav div#navbox ul li.no-bg{
	background-image: none;
}
div#left-nav div#navbox ul li a{
	color: #ffffff;
}
div#left-nav div#navbox ul li a:hover{
	color: #dd8880;
}

div#top-nav-holder{
	width: 760px;
	height: 21px;
	margin: 0 auto;
	/*padding-top: 7px;*/
}
div#nav div#top-nav-holder ul{
	margin: 0 auto;

}
div#nav div#top-nav-holder ul li{
	background-image: url(../i/layout/top-nav-bullet.jpg);
	background-repeat: no-repeat;
	padding-left: 31px;
	padding-top: 5px;
	height: 21px;
	font-size: 1em;
	float: left;
}
div#nav div#top-nav-holder ul li.no-bullet{
	background-image: none;
	padding-left: 0px;
	padding-top: 5px;
	height: 21px;
	font-size: 1em;
	float: left;
}
div#nav div#top-nav-holder ul li a{
	color: #ffffff;
}
div#nav div#top-nav-holder a:hover{
	color: #dd8880;
}
/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/
div#footer p{

	text-align: left;
	color: #ffffff;
	margin: 0 auto;
	
}
div#footer p a{
color: #ffffff;
}
div#footer p a:hover{
color: #D6A54B;
}
/***********************************************************************
	MESSAGES
************************************************************************/

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}


/***************************************/
div#nav {
	background-image: url(../i/layout/nav-bg.gif);
	position: relative;
	height: 28px;
/*	margin-bottom:3px;*/
	margin: 0 auto;
	width: 760px;
}
div#nav ul#tabs li a{
	color: #ffffff;
}
div#nav ul#tabs li a:hover{
	color: #dd8880;
}
div#nav ul#tabs li {
	float: left;
	background-image: url(../i/layout/top-nav-bullet.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 5px;	
	height: 28px;

}
div#nav ul#tabs li.dropdown {
	float: left;
	background-image: none;
	padding-left: 0px;
	padding-top: 0px;
	height: 20px;
}
div#nav ul#tabs li.dropdown-point {
	float: left;
	background-image: none;
	padding-left: 0px;
	height: 13px;
}

div#nav ul#tabs li span {
	color: #fff;
	display: block;
	height: 28px;
	position: relative;
	text-indent: -999em;
	letter-spacing: -130px;
	outline: none;
}
div#container div#nav ul li ul {
	border-bottom: 1px solid #000000;

	display: none;
	position: absolute; 
	top: 41px;
	padding: 0;
	margin-left:10px;
	width: 120px;
	min-height: 10px;
	z-index: 99;
}
div#container div#nav ul li ul li a {
	background: #AD0020;
	border-bottom: 0px;
	border: 1px solid #93011B;
	color: #ffffff;
	display: block;
	font-size: .95em;
	font-weight: normal;
	height: 16px;
	padding: 3px;
/*	padding: 2px 0px 3px 7px;*/
	position: relative;
	text-decoration: none;
	text-indent: 0;
	width: 200px;
	z-index: 100;
}
  
div#container div#nav ul li:hover ul, 
div#container div#nav ul li.over ul { 
/*	background: url(../i/layout/pixelcar_navbar_top.gif) 0px 0px no-repeat;*/
	display: block; 
	margin-top: -19px;
	/*padding-top: 4px;*/
	/*width:145px;*/
	margin-left: 0px;
	left: 420px;
}

body div#container div#nav ul li ul li a:hover {
	color: #ffffff;
	background-color: #C40526;
}


div#nav ul li#tab-buying span 				         { width: 96px; }
div#nav ul li#tab-selling span 				     		 { width: 100px; }
div#nav ul li#tab-insurance span  				      { width: 80px;}
div#nav ul li#tab-servicing span 				      { width: 157px; }
div#nav ul li#tab-communities span 					   { width: 160px; }
div#nav ul li#tab-about span 					      	 { width: 150px; }


div#nav ul#tabs li ul li span {
	margin-right: 0;
}

div#nav ul#tabs li#tab-buying span 					   { background-position: 0px 0; }
div#nav ul#tabs li#tab-selling span 					 { background-position: -96px 0; }
div#nav ul#tabs li#tab-insurance span  				 { background-position: -196px 0; }
div#nav ul#tabs li#tab-servicing span 					 { background-position: -283px 0; }
div#nav ul#tabs li#tab-communities span 				 { background-position: -440px 0; }
div#nav ul#tabs li#tab-about span 					   { background-position: -600px 0; }


div#nav ul#tabs li#tab-buying span:hover 			  				 {background-position: 0px -33px; }
div#nav ul#tabs li#tab-selling span:hover 	 					 { background-position: -96px -33px }
div#nav ul#tabs li#tab-insurance span:hover 	 					 { background-position: -196px -33px}
div#nav ul#tabs li#tab-servicing span:hover 						 { background-position: -283px -33px}
div#nav ul#tabs li#tab-communities span:hover 	 				 { background-position: -440px -33px}
div#nav ul#tabs li#tab-about span:hover 	 			   		 { background-position: -600px -33px}
/***************************************/

div.table-wrapper{
float: left;
width: 360px;
margin-right: 180px;
margin-bottom: 10px;
color: #000000;
}
div.city{
	float: left;
	background-color: #F5CF88;
	width: 70px;
	height: 15px;
	padding: 5px;
	margin-bottom:1px;
	margin-right:1px;
}
div.price{
	float: left;
	background-color: #FABAB5;
		width: 250px;
	height: 15px;
	padding: 5px;

	margin-bottom: 1px;
}


div.team-member{
	width: 480px;
	float: left;
	padding: 5px;
	background-color: #fae7c4;
	margin-bottom: 5px;	
	margin-left: 20px;
	padding-right: 20px;
}
* html div.team-member{
	width: 480px;
	float: left;
	padding: 5px;
	background-color: #fae7c4;
	margin-bottom: 5px;	
	margin-left: 5px;
	padding-right: 20px;
}
div.contact-left{
	width: 280px;
	float: left;

}

div.contact-boxes{
	float: left;
	width: 270px;
	background-color: #ad0120;
	padding: 10px;	
	margin-bottom: 5px;
	margin-left: 10px;
/*	border:1px dotted #316847;*/	
}
* html div.contact-boxes{
	float: left;
	width: 260px;
	background-color: #ad0120;
	padding: 10px;	
	margin-bottom: 5px;
	margin-left: 6px;
/*	border:1px dotted #316847;*/	
}
div#content div.contact-left div.contact-boxes h2{
	color: #ffffff;
}
div#content div.contact-left div.contact-boxes a{
	color: #ffffff;
}
div#content div.contact-left div.contact-boxes a:hover{
	color: #666666;
}


div.search-form form table.dezrez-table tbody tr td h1{
width: 278px;	
}



div.news-item{
	background-color: #EEEEEE;
	padding: 5px;
	padding-right: 20px;
	margin-left:20px;
	margin-bottom: 10px;
	float: left;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width: 480px;
	margin-right: 20px;
}
* html div.news-item{
	background-color: #EEEEEE;
	padding: 5px;
	padding-right: 20px;
	margin-left:20px;
	margin-bottom: 10px;
	float: left;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width: 420px;
	margin-right: 20px;
}
div.news-item img{
	float: right;
	margin-left:10px;
/*	margin-top: 10px;*/
	margin-bottom: 10px;
	
	
}
div.news-archive{
	background-color: #EEEEEE;
	padding: 5px;
	padding-right: 20px;
	margin-left:20px;
	margin-bottom: 10px;
	float: left;
	clear: none;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width: 480px;
	margin-right: 20px;
}
* html div.news-archive{
	background-color: #EEEEEE;
	padding: 5px;
	padding-right: 20px;
	margin-left:20px;
	margin-bottom: 10px;
	float: left;
	clear: none;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width: 420px;
	margin-right: 20px;
}
div.news-archive p{
	float: left;
	width: 90px;
}

div#content ul ul{
	margin-left: 0px;
	padding-left: 8px;
}