/**** REMOVES DEFAULT BROWSER STYLES - CHANGE AND DIE !! ****/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  p, blockquote, td, th
{
	margin:  0;
	padding : 0;
	font-family: Arial, Helvetica, sans-serif;

}

/* Removes list-styles from lists  */
ol, ul
{ list-style : none; }

/* Normalizes font-style and font-weight to normal  */
address, caption, cite, code, dfn, em,  th, var
{font-style : normal; font-weight : normal; }



/* Removes  border from fieldset and img */
fieldset, img
{border : 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align : left; }

/* Removes  quotation marks from q  */
q:before, q:after
{ content : '' ; }

*{
	padding: 		0;
	margin: 		0 0 0 0;
}	

/* MAIN PAGE STYLES START HERE */

body {
	width:980px;
	text-align : left;
	margin-right: auto;
	margin-left: auto;
}

h1,h2,h3,h4,h5,h6, .numbertxt  {
font-weight: normal;
}

p,a {
	font-weight: normal;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	
}


h1 {
	font-size: 22px;
	font-weight: normal;
	padding-top: 16px;
	color: #A0000D;
	margin-left: 25px;
	margin-right: 30px;
	padding-bottom: 4px;
}

h1.home-header{
	font-size: 33px;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	color: #2B4197;
}

/* container */

#container {
	width:980px;
	margin-bottom: 10px;
	height: 1%;
}

/* header */

#header-wrapper {
	width:980px;
	height: 106px; /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #0E3B5F;
}

#logo {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6C9FBA;
	width: 195px;
}

#phone-numbers{
	height: 106px;
	width: 195px;
	float: right;
	background-color: #0E3B5F;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6C9FBA;
}

#phone-numbers p{
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 18px;
	padding-top: 17px;
	line-height: 18px;
}

/***************** large image or flash on home page *****************/

#main-pics{
margin-left: 1px;
}



/***************** good morning etc on home page *****************/

.home-page{
	font-size: 22px;
	padding-top: 20px;
}


/* top navigation bar */

#navlist3{
}

#top-navbox ul {
	color: #FFFFFF;
	width: 588px;
	background-image: url(../graphics/topnav-bg.gif);
	float: left;
	background-color: #00273B;
	background-repeat: repeat-x;
}

#top-navbox ul li {
	display:inline;
	margin:0;
	padding:0;
	height:28px;
}

#top-navbox ul li a {
	color:#FCF3E7;      /* POSSIBLE CHANGE COLOUR */
	text-decoration:none;
	float:left;
	font-size:12px;
	padding-left:15px;
	padding-bottom: 12px;
	font-weight: bold;
	padding-top: 74px;
	width: 131px;
}

#top-navbox ul li a:hover {
	color:#FFFFFF;
	text-decoration: underline;
	background-color: #0A2E48;
}


/* column wrapper */

#col-wrapper {
	width: 980px;
	height: 1%;
	float: left;
	background-image: url(../graphics/col-bg.gif); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
}

#properties-col-wrapper {
	width: 980px;
	height: 1%;
	float: left;
	background-image: url(../graphics/properties-col-bg.gif); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C3D4DD;
}

/* left column */

#left-col {
	width: 195px;
	height: 1%;
	float: left;
	padding-bottom: 20px;
}

#left-col img{
}


/* side pics in left col */

#featured {
	width: 173px;
	margin-left: 10px;
}

/* properties-col */

#properties-col{

}

/* middle-col */

#middle-col {
	height: 1%;
	width: 588px;
	float: left;
}

#middle-col p{
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 18px;
	padding-left: 25px;
	padding-right: 25px;
	color: #000000;
	font-size: 12px;
}

#middle-col h2{
	padding-top: 6px;
	padding-bottom: 6px;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	padding-left: 25px;
	padding-right: 25px;
}





/* right column */

#right-col {
	height: 1%;
	width: 195px;
	float: right;
}

#right-col p{
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 16px;
	padding-left: 25px;
	padding-right: 30px;
	color: #262626;
}

#right-col h2{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 30px;
	color: #810925;
	font-weight: bold;
	font-size: 21px;
	background-image: url(../graphics/mini-leaf.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 25px;
	padding-left: 30px;
}


/* picture box for under header pic */

#pics-box{
	
	margin-bottom: 15px;
	
}

#flash-box{
	height: 207px;
	background-color: #FFFFFF;
	width: 388px;
	float: left;
}

#middle-col ul {
	margin-left: 35px;
	margin-right: 10px;
	margin-top: 9px;
	margin-bottom: 9px;
}

#middle-col li {
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 10px;
	font-size: 12px;
	background-image: url(../images/bullet_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
	color: #262626;
}

/* footer */

#footer {
	text-align: center;
	clear: both;
	width: 980px;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
	padding-top: 7px;
	background-color: #0A2E48;
	padding-bottom: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-image: url(../graphics/footer-bg.gif);
	background-repeat: repeat-y;
}

#footer p{
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
}

#footer a{
	text-align: center;
	color: #DBE1BF;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11px;
	font-family: "Trebuchet MS", arial, verdana;
}


#copyright {
	width:980px;
	text-align: center;
	clear: both;
	float: left;
	color: #666666;
	font-size: 11px;
	padding-top: 4px;
}

#copyright a {
	text-decoration: underline;
	color: #666666;
	font-size: 11px;
}

A:link	{
	text-decoration:underline;
	font-weight: normal;
	color: #003399;
}
A:visited	{ text-decoration:underline; font-weight: normal; color: #003399}
A:hover	{ text-decoration:underline; font-weight: normal; color: #000000 }
A:active	{
	text-decoration:underline;
	color: #003399;

}


/* side nav 1 */

#navcontainer1 {
	width: 195px;
}

#navcontainer1 ul
{
	list-style-type: none;
}

#navcontainer1 a
{
	display: block;
	width: 177px;
	line-height: 26px;
	padding-left: 18px;
	background-color: #297DA6;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#navcontainer1 a:link, #navlist1 a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer1 a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0A2E48;
}


/* side nav 2 */

#navcontainer2 {
	width: 195px;
}

#navcontainer2 ul
{
	list-style-type: none;
}

#navcontainer2 a
{
	display: block;
	width: 177px;
	line-height: 26px;
	padding-left: 18px;
	background-color: #CDDCE4;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#navcontainer2 a:link, #navlist2 a:visited
{
	color: #0A2D46;
	text-decoration: none;
	font-size: 11px;
}

#navcontainer2 a:hover
{
	color: #003D5B;
	text-decoration: none;
	background-color: #C3D1DF;
}


/* map page */

#map{
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 1px solid #CCCCCC;
	width: 525px;
	background-color: #FFFFFF;
	padding: 4px;
}


/* contact page */

.tickboxtext{
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.checkboxpadding{
	margin-right: 2px;
	margin-left: 4px;
}


label
{
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	width: 5em;
}

.mort-submit input
{
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin-left: 225px;
	border: 1px solid #297DA6;
	background-color: #CDDCE4;
} 




.submit input
{
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
} 

fieldset
{
	border: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 450px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

fieldset p
{
	padding-left: 4px;
}


legend
{
	color: #000000;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;	
}

#contact-form{
	margin-left: 28px;
	padding-left: 1px;
	margin-bottom: 22px;
}

#contact-form p{
	font-size: 12px;
	color: #333333;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

/* sections on forms */

.section{
	border: 1px solid #CCCCCC;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.submit-button{
	text-align: center;
}


.pic-border{
	border: 4px solid #FFFFFF;
}

/* Main navigation "active tabs" - shows the page you are on in the navigation*/

body#home-page ul#navlist1 li#home1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #B60808;
	}
	
body#sales-page ul#navlist1 li#sales1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}	

body#lettings-page ul#navlist1 li#lettings1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}		
	
	
	
body#landlords-page ul#navlist1 li#landlords1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}
	
body#tenants-page ul#navlist1 li#tenants1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}
	
body#testimonials-page ul#navlist1 li#testimonials1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}
	
body#links-page ul#navlist1 li#links1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}
	
	body#contact-page ul#navlist1 li#contact1 a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/navbg2.gif);
	background-repeat: repeat-x;
	background-color: #B60808;
	background-position: bottom;
	}
		
/* floats images in content */

img.floatLeft { 
	float: left;
	padding: 4px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 4px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
}
img.floatRight {
	float: right;
	padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 9px;
	border: 1px solid #CCCCCC;
}

img.nofloat {
padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 1px solid #CCCCCC;
}


.clearboth {
	clear: both;
}

#product-table{
	margin-left: 14px;
	margin-top: 0px;
	margin-bottom: 12px;
}

#side-logos{
	margin-left: 6px;
	margin-top: 5px;
}

#side-logos img{
	padding-bottom: 5px;
}

#side-address{
	margin-left: 20px;
	font-size: 13px;
	color: #FFFFFF;
	margin-top: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #C36058;
	margin-bottom: 5px;
	background-color: #72001B;
}

#side-address p{
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 17px;
}

.redtxt{
	color: #CC0000;
	font-weight: bold;
}

.testimonials{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-right: 25px;
	margin-left: 25px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 12px;
	margin-top: 12px;
}

#side-pics{
	float: right;
	margin-top: 22px;
	margin-right: 15px;
	width: 170px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#side-pics img{
	border: 1px solid #CCCCCC;
	margin-bottom: 4px;
	padding: 4px;
}

.download-button{
	margin-left: 40px;
}

.rightmove-logo{
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 10px;
}

/***************** useful links page *****************/

#link-box{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 550px;
	margin-left: 23px;
}
 
 #link-box img{
	border: 1px solid #999999;
	margin: 4px; 
 }

.right-pic{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#properties-col{

}

.right-logos{
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 6px;
}

/***************** right borders on top nav *****************/

.border{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6C9FBA;
}

.no-border{

}

/***************** client editable section on the properties wanted page *****************/

#notice-board{
	margin-left: 25px;
	margin-right: 25px;
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFCC;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
}

#testimonial, #testimonial-alt{
	margin-bottom: 12px;
	border: 1px solid #CCCCCC;
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	font-style: italic;
}


#testimonial p{
	color: #0E3B5F;
}

#testimonial-alt p{
	color: #660000;
}

/***************** dropdown menus on a-z page *****************/

#a-z{
	margin-left: 25px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.choice{
	padding-left: 200px;
}

#notice-board p{
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}

#notice-board .redtxt{
	color: #660000;
	font-weight: normal;
}

#notice-board  .bluetxt{
	color: #0E3B5F;
	font-weight: normal;
}