body {
	background-color: #FFFFFF;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

p {
	line-height: 135%;
	margin-top: 0;
	margin-bottom: 15px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: justify;
}

h1 {
	margin-left: 20px;
	font-size: 1.8em;
	color: #020066;
	margin-bottom: 5px;
}

h3 {
	margin-left: 20px;
	color: #020066;
}

.redtext {
	color: #F00;
}


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


#header {
	height: 114px;
	width: 954px;
	background-image: url(images/top-bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#logo {
	margin-left: 12px;
	margin-top: 10px;
}

#top-register {
	float: right;
	margin-right: 20px;
	font-size: 15px;
	margin-top: 20px;
	font-weight: bold;
}

#top-register ul { 
    margin:0; 
    padding:0; }

#top-register li { 
    margin:0; 
    padding:0; 
    list-style:none;
}

#top-register li a {
	color:#000066;
	text-decoration:none;
	display:block;
	background-image: url(images/register-icon.gif);
	background-repeat: no-repeat;
	background-position: 8px 2px;
	margin:0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}

#top-register li a:hover {
	background-image: url(images/register-icon-over.gif);
	color: #FF0000;
}

#top-nav {
	float: right;
	clear: both;
	margin-right: 20px;
	margin-top: 20px;
}

A.header-link:link {
	color: #000066;
	text-decoration:none;
}

A.header-link:visited {
	color: #000066;
	text-decoration:none;
}

A.header-link:hover {
	color: #FF0000;
	text-decoration:none;
}

#maincontent {
	background-image: url(images/main-content-bg.jpg);
	background-repeat: repeat-y;
	width: 954px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#leftcol {
	background-color: #EFEFEF;
	width: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	vertical-align: top;
}

/* left menu */

#menu {
	width:200px;
	text-align:left;
	vertical-align:top;
	background-color:#EAEAEA;
	margin: 0;
	padding: 0;
}

#menu ul { 
    margin:0; 
    padding:0; }

#menu li { 
    margin:0; 
    padding:0; 
    list-style:none;
}

#menu li a {
	color:#333333;
	text-decoration:none;
	width:150px;
	display:block;
	border-bottom:1px solid #CCCCCC;
	padding: 5px 25px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	margin:0;
}

#menu li a:hover {
	background-image: url(images/bullet-red.gif);
	color: #FF0000;
	background-color: #D4D4D4;
}

#propertysearch {
	width: 198px;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#propertysearch select {
	width: 100px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}

.titlebar {
	background-color: #000066;
	height: 18px;
	width: 200px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#midcol {
	width: 527px;
	vertical-align: top;
}


#welcome {
	margin-left: 20px;
	font-size: 18px;
	color: #000066;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

#rightcol {
	width: 200px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	vertical-align: top;
}

.imagelink {
	height: 73px;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

A.featured-link:link {
	color: #333333;
	text-decoration:none;
	font-weight: bold;
}

A.featured-link:visited {
	color: #333333;
	text-decoration:none;
	font-weight: bold;
}

A.featured-link:hover {
	color: #FF0000;
	text-decoration:none;
}


.location {
	line-height: 1.2em;
	font-size: 11px;
}


#website-features {
	width: 200px;
}

#facebook {
	font-size: 10px;
}

#mortgage-calculator {
	color: #006;
}

#calctext p {
	margin-right: 0px;
	margin-left: 0px;
	font-size: 11px;
	color: #006;
}

/* thumbnails page */


.thumbnails-icons {
	margin-right: 20px;
	margin-left: 20px;
}

.thumbs-title {
	margin-left: 20px;
}

A.thumbs-link:link, A.thumbs-link:visited, A.thumbs-link:hover {
	color: #333;
	text-decoration:none;
	font-weight: bold;
}


#property-icons {
	margin-left: 20px;
}

#property-icons img {
	border: none;
}

.icon {
	width: 30px;
	float: left;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.more-details {
	float: right;
	margin-right: 20px;
}

.virtual-tour {
	float: right;
	margin-right: 20px;
	clear: both;
}

#stc {  position:absolute;
            width:151px;
            height:118px;
            z-index:3;
            background-image: url(stcflag.png);
            background-repeat:no-repeat;
            left: 0px;
            top: 0px;
}

#let {  position:absolute;
            width:151px;
            height:118px;
            z-index:3;
            background-image: url(letflag.png);
            background-repeat:no-repeat;
            left: 0px;
            top: 0px;
}

#underoffer {  position:absolute;
            width:151px;
            height:118px;
            z-index:3;
            background-image: url(uoflag.png);
            background-repeat:no-repeat;
            left: 0px;
            top: 0px;
}

#reduced {  position:absolute;
            width:151px;
            height:118px;
            z-index:3;
            background-image: url(reducedflag.png);
            background-repeat:no-repeat;
            left: 0px;
            top: 0px;
}

#newflag {  position:absolute;
            width:151px;
            height:118px;
            z-index:3;
            background-image: url(newflag.png);
            background-repeat:no-repeat;
            left: 0px;
            top: 0px;
}

#starflag {  position:absolute;
            width:151px;
            height:118px;
            z-index:3;
            background-image: url(starflag.png);
            background-repeat:no-repeat;
            left: 0px;
            top: 0px;
}

#chainflag {  position:absolute;
            width:151px;
            height:118px;
            z-index:3;
            background-image: url(chainflag.png);
            background-repeat:no-repeat;
            left: 0px;
            top: 0px;
}

.features {
	font-size: 11px;
	text-align: center;
}



/* result page */

#main-descriptions {
	font-size: 1.2em;
}

.result-heading {
	font-size: 1.3em;
	background-color: #c9c9c9;
	padding-left: 10px;
	margin: 0px;
	height: 30px;
	width: 519px;
	padding-top: 9px;
}

#main-image {
	width: 529px;
	height: 396px;
	margin:0px;
}

#epc-graph {
	margin-bottom: 20px;
	margin-left: 20px;
}

.resultsnav {
	width:200px;
	text-align:left;
	vertical-align:top;
	background-color:#EAEAEA;
	margin: 0;
	padding: 0;
	background-repeat:repeat-x;
}

.resultsnav ul { margin:0; padding:0; }

.resultsnav li { margin:0; padding:0; list-style:none;background-image:none;  }

.resultsnav li a {
	color:#333333;
	text-decoration:none;
	width:150px;
	display:block;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #e6e6e2;
	padding: 5px 25px;
	margin:0;
	font-size: 12px;
	background-position: left;
	background-repeat: no-repeat;
}

.resultsnav li a:hover {
	border-bottom:1px solid #CCCCCC;
    border-top:1px solid #d4d4d4;
	color: #FF0000;
	background-color: #d4d4d4;
	
}

.resultsnav li a.active { border-top:1px solid #abacaa; border-bottom:1px solid #e6e6e2; font-weight:bold;  }


.resultsnav .map {
	background-image: url(images/icon-map.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .aerial {
	background-image: url(images/icon-aerial.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .streetview {
	background-image: url(images/icon-streetview.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .virtual {
	background-image: url(images/icon-virtual-animated.gif);
	background-repeat: no-repeat;
	background-position: left;
}



.resultsnav .slideshow {
	background-image: url(images/icon-slideshow.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .viewing {
	background-image: url(images/icon-viewing.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .floor {
	background-image: url(images/icon-floorplan.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .floor3d {
	background-image: url(images/icon-3d.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .callback {
	background-image: url(images/icon-callback.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .mailfriend {
	background-image: url(images/icon-email.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .mortgage {
	background-image: url(images/icon-calculator.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .printer {
	background-image: url(images/icon-print.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.resultsnav .contact {
	background-image: url(images/icon-contact.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .info {
	background-image: url(images/icon-info.gif);
	background-repeat: no-repeat;
	background-position: left;
}
/* results links hovers */

.resultsnav .map a:hover {
	background-image: url(images/icon-map-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .aerial a:hover {
	background-image: url(images/icon-aerial-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .streetview a:hover {
	background-image: url(images/icon-streetview-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}


.resultsnav .slideshow a:hover {
	background-image: url(images/icon-slideshow-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .viewing a:hover {
	background-image: url(images/icon-viewing-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .floor a:hover {
	background-image: url(images/icon-floorplan-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .floor3d a:hover {
	background-image: url(images/icon-3d-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}


.resultsnav .callback a:hover {
	background-image: url(images/icon-callback-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .mailfriend a:hover {
	background-image: url(images/icon-email-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .mortgage a:hover {
	background-image: url(images/icon-calculator-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .printer a:hover {
	background-image: url(images/icon-print-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.resultsnav .contact a:hover {
	background-image: url(images/icon-contact-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.resultsnav .info a:hover {
	background-image: url(images/icon-info-over.gif);
	background-repeat: no-repeat;
	background-position: left;
}


A.balloon-link:link, A.balloon-link:visited, A.balloon-link:hover {
	color: #333;
	text-decoration:none;
	font-weight: bold;
	text-align: center;
}

A.more-details:link, A.more-details:visited {
	color: #333;
	text-decoration:underline;
	font-weight: bold;
	text-align: center;
}

A.more-details:hover {
	color: #F00;
	text-decoration:underline;
	font-weight: bold;
	text-align: center;
}

#route-planner {
	width: 180px;
	margin-right: auto;
	margin-left: auto;
}

#property-maps p {
	text-align: left;
}



/* footer */
#footer {
	height: 42px;
	width: 954px;
	background-image: url(images/footer-bg.jpg);
	color: #FFFFFF;
	text-align: center;
	background-repeat: no-repeat;
	vertical-align: top;
	background-position: top;
	padding: 0px;
}

#footertext {
	height: 32px;
	padding-top: 5px;
}

A.footer-link:link {
	color: #FFFFFF;
	text-decoration:underline;
}

A.footer-link:visited {
	color: #FFFFFF;
	text-decoration:underline;
}

A.footer-link:hover {
	color: #CCCCCC;
	text-decoration:underline;
}