/* general page elements */

body {
	/*background: url(../images/blue_stripe.gif) repeat top left;*/
	/*background: url(../images/trim_blue.gif) repeat top left;*/
	font-family: Arial, Helvetica, sans-serif; font-size:1.0em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/***** text elements *****/

p {
	font-size: 0.8em;
	margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;
}

.right {text-align:right;}

img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}

#rightmove {margin: 2px 0px 0px 0px; padding: 0px 0px 10px 10px; color:#ffffff; border-bottom: solid 1px #ffffff;}
#rightmove a {color:#ffffff; text-decoration:underline; font-weight:bold;}
#rightmove a:hover {color:#ef9c00; text-decoration:underline; font-weight:bold;}
#rightmove img.rightmove,
img.facebook 
{
    margin: 5px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    border: none; 
}

img.facebook{margin-top: 5px;}

h1 {
	font-size:1.4em;
	/*font-family:"Arial Narrow", Arial;*/
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

h2 {
	font-size:1.0em; 
	/*font-family:"Arial Narrow", Arial;*/
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color:#ef9c00;
}

h2.blueprop {
	font-size:1.1em; color:#1e4c95; 
	/*font-family:"Arial Narrow", Arial;*/
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

h3 {
	font-size:0.9em;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}


/***** colours *****/

.orange { color:#ef9c00;}
.blue { color:#1e4c95; }
.lightblue {color:#92b8d3;}
.white {color:#ffffff;}

/* layout & container divs */

#background-container {
	width: 100%;
	height:100%;
	/*background: url(../images/blue_stripe.gif) repeat top left;*/
	background-color:#cccccc;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	top: 0px;
	left: 0px;
}

#page-container {
	width: 750px;
	background-color:#ffffff;
	position: relative; 
	text-align:left;
	padding: 0px 0px 0px 0px;  
	margin: 0px auto 0px auto; 
}

#header {
	width: 750px; height:134px;
	background-color:#ffffff;
	position: relative; 
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px; 
	display: block;
}
#trim_orange {
	width: 750px;
	height: 10px;
	background: url(../images/trim_orange.gif) repeat;
	background-color:#ef9c00;
	position: relative;
	padding: 0px 0px 0px 0px;  
	margin: 1px 0px 0px 0px;
	display: block;
}

#trim_blue {
	width: 750px;
	height: 10px;
	background: url(../images/trim_blue.gif) repeat;
	background-color:#92b8d3;
	position: relative;
	padding: 0px 0px 0px 0px;  
	margin: 1px 0px 0px 0px;
	display: block;
}

#trim_blue2 {
	width: 750px;
	height: 15px;
	background: url(../images/trim_blue.gif) repeat;
	background-color:#92b8d3;
	position: relative;
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px;
	display: block;
}

#main-container {
	width:750px;
	background: url(../images/background.gif) repeat-y;
	background-color:#ffffff;
	position:relative;
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px;
}
#left-side {
	width:200px;
	position:relative;
	background: url(../images/background.gif) repeat-y;
	background-color:#1e4c95;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	clear:both;
}
#right-side {
	width:550px;
	position:relative;
	background-color:#ffffff;
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px;
	float:right; clear:right;
}

#footer-container {
	width:750px;
	position: relative; 
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px; 
	clear:both;
}

#footer {
	padding: 10px 0px 0px 10px;  
	margin: 0px 0px 0px 0px; 
	background-color:#ffffff;
}

#footer-icons { width:365px; background-color:#ffffff; float:left; clear:right; text-align:left;}
#footer-text {width:365px; background-color:#ffffff; float:left; clear:right; text-align:right;}
#footer-text p {color:#000000; font-size:0.70em;} 
#footer-text a {color:#000000; font-size:0.8em; text-decoration:underline;} 
#footer-text a:hover {color:#000000; font-size:0.8em; text-decoration:none;}

/*** ***/
p.crumb {font-size:0.7em; padding: 0px 0px 5px 0px; margin: 0px 0px 0px -5px;}
.crumbtext {padding:0px 5px 0px 5px;}
a:hover.crumblink {text-decoration:none; color:#1e4c95; padding: 0px 5px 0px 5px;}
a.crumblink {text-decoration:underline; color:#ef9c00; padding:0px 5px 0px 5px;}

/************** CONTENT ELEMENTS ***********/

#content { padding: 5px 10px 10px 10px; margin: 0px 0px 0px 0px;}
#side-pic { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 200px; height: 130px; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff;}
#address { padding:5px 10px 5px 10px; background-color:none;}
#address p {color:#FFFFFF; font-size:0.70em;} 
#address a {color:#ffffff; text-decoration:none;} #address a:hover {color:#ef9c00; text-decoration:none;}


/***** PROPERTY BOX ELEMENTS *****/
#property-box {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#ffffff;}
#property-box-text { width:410px; padding: 15px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#ffffff; float:left; clear:right;}
#property-box-pic { width:120px; /*height:600px;*/ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#ffffff; float:left; clear:right;}
#search {width: 410px; background-color:none;}
#search-img {width:68px; padding: 0px 5px 0px 0px; margin: 5px 0px 0px 0px; float:left; clear:right;}
#search-text {width: 335px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#ffffff; float:left; clear:right;}
/***** PROPERTY SEARCHFORM ELEMENTS *****/
#search-form {width: 335px; padding: 0px 0px 0px 0px; margin: 4px 0px 5px 0px; background-color:#ffffff;}
.quicksearch {height:50px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;} 
.searchselect_value {width: 157px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.searchselect_type {width: 157px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 10px;}
.searchbutton { width:58px; padding:0px 0px 0px 0px; margin: 4px 0px 4px 270px;}
/** PROPERTY SEARCHFORM TEXT ELEMENTS **/
.searchtext {font-size: 0.8em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:bold;}
.valuetext {font-size: 0.8em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:bold; color:#ef9c00;}
.typetext {font-size: 0.8em; margin: 0px 0px 0px 75px; padding: 0px 0px 0px 0px; font-weight:bold; color:#ef9c00;}
/*form {margin: 0;}*/

#free-container {width: 400px; padding: 5px 0px 5px 0px; margin: 5px 0px 5px 0px; background-color:#ffffff; border: dotted 2px #ef9c00;}
#free {padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}
#free p {padding: 5px 10px 5px 10px; margin:0px 0px 0px 0px;}
#free a {color:#1e4c95; text-decoration:none; font-weight:bold;}
#free a:hover {color:#ef9c00; text-decoration:underline; font-weight:bold;}

#free-container2 {width: 406px; padding: 5px 0px 5px 0px; margin: 5px 0px 5px 0px; background: url(../images/free3-background.jpg) repeat-y; background-color:#1e4c95;}
#free2 {padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}
#free2 p {padding: 5px 10px 5px 10px; margin:0px 0px 0px 0px; color:#FFFFFF;}
#free2 a {color:#ffffff; text-decoration:none; font-weight:bold;}
#free2 a:hover {color:#ffffff; text-decoration:underline; font-weight:bold;}

/*** MORTGAGE BOX ***/
#calc {width: 410px; background-color:#ffffff;}
#calculator-form {padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;}
.calculator {height:50px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.calcselect_value {width: 120px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.calcselect_term {width: 120px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 10px;}
.calc_repay {width: 120px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 10px;}
.calctext_value {font-size: 0.8em; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:bold; color:#1e4c95;}
.calctext_term {font-size: 0.8em; margin: 5px 0px 0px 34px; padding: 0px 0px 0px 0px; font-weight:bold; color:#1e4c95;}
.calctext_repay {font-size: 0.8em; margin: 5px 0px 0px 40px; padding: 0px 0px 0px 0px; font-weight:bold; color:#ef9c00;}
#calc-text {padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:none;}
.calcbutton { width:100px; padding:0px 0px 0px 0px; margin: 4px 0px 4px 300px;}


/*** LATEST BOX ELEMENTS ***/
#latest-box {width: 410px; background-color:#ffffff; margin:0px 0px 10px 0px; padding: 0px 0px 0px 0px;}

#latest-box-left {width: 200px; background-color:#ef9c00; float:left; clear:right; padding: 0px 0px 0px 0px; margin: 5px 3px 0px 0px;}
#latest-box-left-text {height:auto; background-color:#ef9c00; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#latest-box-left-view {height:26px; background-color:#ef9c00; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#latest-box-left p {font-size:0.7em; padding: 4px 8px 4px 8px; margin: 0px 0px 0px 0px; color:#ffffff;}
#latest-box-left p.right {padding: 4px 8px 8px 8px;}
#latest-box-left a {color:#ffffff; text-decoration:none;} #latest-box-left a:hover {color:#ffffff; text-decoration:underline;}
#latest-box-left h3 {font-size:0.9em; padding: 8px 8px 4px 8px; margin: 0px 0px 0px 0px; color:#ffffff;}
#latest-box-left img {width: 200px; height:150px;}

#latest-box-right {width: 200px; background-color:#1e4c95; float:left; clear:right; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 2px;}
#latest-box-right-text {height:auto; background-color:#1e4c95; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#latest-box-right-view {height:26px; background-color:#1e4c95; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#latest-box-right p {font-size:0.7em;  padding: 4px 8px 4px 8px; margin: 0px 0px 0px 0px; color:#ffffff;}
#latest-box-right p.right {padding: 4px 8px 8px 8px;}
#latest-box-right a {color:#ffffff; text-decoration:none;} #latest-box-right a:hover {color:#ffffff; text-decoration:underline;}
#latest-box-right h3 {font-size:0.9em;  padding: 8px 8px 4px 8px; margin: 0px 0px 0px 0px; color:#ffffff;}
#latest-box-right img {width: 200px; height:150px;}

#latest-box-clear {width: 410px; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; clear:both;}

/************ NAVIGATION ELEMENTS ***********/
#nav {
	width:200px;
	padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#FFFFFF;
}

ul.nav {
	/*font-family:"Arial Narrow", Arial;*/
	font-size:0.8em; font-weight:bold; /*font-size:16px;*/
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type:none; background-color:#ffffff;
}
li.nav1 {
	display:block; 
	color:#ffffff; 
	list-style-type:none; 
	width: 198px; 
	text-align:right; 
	padding:5px 0px 5px 0px; 
	margin:0px 0px 1px 0px;
	background: url(../images/nav_blue.gif) repeat-y;
	background-color:#1e4c95;
	border: solid 1px #24569f;
}
li.nav1select {
	display:block; 
	color:#ffffff; 
	list-style-type:none; 
	width: 198px; 
	text-align:right; 
	padding:5px 0px 5px 0px; 
	margin:0px 0px 1px 0px;
	background: url(../images/nav_orange.gif) repeat-y;
	background-color:#ef9c00;
	border: solid 1px #24569f;
}
li.nav1bottom {
	display:block; 
	color:#ffffff; 
	list-style-type:none; 
	width: 198px; 
	text-align:right; 
	padding:5px 0px 5px 0px; 
	margin:0px 0px 0px 0px;
	background: url(../images/nav_blue.gif) repeat-y; 
	background-color:#1e4c95;
	border: solid 1px #24569f;
}

li.nav1bottomselect {
	display:block; 
	color:#ffffff; 
	list-style-type:none; 
	width: 198px; 
	text-align:right; 
	padding:5px 0px 5px 0px; 
	margin:0px 0px 0px 0px;
	background: url(../images/nav_orange.gif) repeat-y;
	background-color:#ef9c00;
	border: solid 1px #24569f;
}

/*li.nav1 a, li.nav1select a {color:#FFFFFF; text-decoration:none; padding: 0px 10px 0px 10px;}
li.nav1 a:hover, li.nav1select a:hover {color:#FFFFFF; text-decoration:underline; padding: 0px 10px 0px 10px;}
li.nav1bottom a, li.nav1bottomselect a {color:#FFFFFF; text-decoration:none; padding: 0px 10px 0px 10px;}
li.nav1bottom a:hover, li.nav1bottomselect a:hover {color:#FFFFFF; text-decoration:underline; padding: 0px 10px 0px 10px;}*/

a.navlink {color:#FFFFFF; text-decoration:none; padding: 0px 10px 0px 10px;}
a:hover.navlink {color:#FFFFFF; text-decoration: underline; padding: 0px 10px 0px 10px;}

.dashlightblue { 
	background: url(../images/dotted_blue.gif) repeat-x; 
	width:410px; height:2px; 
	padding: 0px 0px 0px 0px; margin: 10px 0px 10px 0px;
	clear:both;
}
.dashorange { 
	background: url(../images/dotted_orange.gif) repeat-x; 
	text-align:right; width:530px; height:2px; 
	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
	clear:both;
}
.clear {
	width:100%;
	position: relative; 
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px; 
    clear:both;
}

.clear2 {
	width:530px; height:3px;
	background-color:none;
	position: relative; 
	padding: 0px 0px 0px 0px;  
	margin: 0px 0px 0px 0px; 
    clear:both;
}

#phone {text-align:right;}
#phone .text { font-size:1.1em; color:#1e4c95; font-weight:bold;}
#phone .number{ font-size:2.0em; color:#ef9c00; font-weight:bold;}
#phone2 { background: url(../images/background.gif) repeat-y; width:750px; text-align:right; vertical-align:bottom; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; z-index:100;}
#phone2 .text { font-size:1.1em; color:#1e4c95; font-weight:bold;}
#phone2 .number{ font-size:2.0em; color:#ef9c00; font-weight:bold; padding:0px 10px 0px 0px;}