/*     REDESIGN STYLING      */

div.index_onetwo {
	width: 290px;
	margin: 0 0 0 0;
	padding: 0 0 20px 10px;
	float: left;
	text-align: left;
	}

div.index_three {
	width: 150px;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	float: left;
	text-align: left;
	overflow: hidden;
	}

div.index_onetwo h2,
div.index_three h2 {
	color: #a2be57;
	font-size: 1.1em;
	margin: 0;
	padding: 15px 0 6px 0;
	font-weight: normal;
	background: url(/img/index_pointer.gif) no-repeat bottom right;
	}

div.index_onetwo p {
	color: #333;
	margin: 0;
	padding: 6px 8px 6px 8px;
	font-weight: normal;
	font-size: 0.9em;
	}

div.index_three p {
	color: #333;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 0.9em;
	}

div.index_onetwo a,
div.index_three a {
	color: #333;
	}

div.index_box {
	background: #dadada;
	overflow: auto;
	}

div.index_textholder {
	float: left;
	width: 145px;
	}

div.index_townguides img {
	float: left;
	}

div.index_sponsors p {
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 0.8em;
	line-height: 100%;
	}

div.index_sponsors img {
	margin: 0 0 8px 0;
	}

p.index_newsleft {
	float: left;
	width: 93px;
	text-align: right;
	line-height: 110%;
	}

p.index_newsright {
	float: left;
	width: 165px;
	line-height: 100%;
	}

div.index_news div.index_box {
	padding: 6px 0 8px 0;
	}

div.index_newsblock {
	width: 290px;
	overflow: auto;
	}

div.index_email p {
	margin: 0;
	padding: 6px 8px 6px 8px;
	font-size: 0.9em;
	line-height: 100%;
	}

/*     REDESIGN STYLING --- TOWN GUIDES LINK      */

ul.index_lists_tg {
	width: 290px;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.index_lists_tg li {
	width: 290px;
	height: 100px;
	padding: 0;
	font-size: 1em;
}

ul.index_lists_tg li a { text-decoration: none; height: 88px; outline: none; display: block; padding: 6px 160px 6px 8px; background: #dadada url(/img/townguides.jpg) no-repeat top right; }
ul.index_lists_tg li a:link { text-decoration: none; height: 88px; color: #333; background: #dadada url(/img/townguides.jpg) no-repeat top right; }
ul.index_lists_tg li a:visited { text-decoration: none; height: 88px; color: #333; background: #dadada url(/img/townguides.jpg) no-repeat top right; }
ul.index_lists_tg li a:hover { text-decoration: none; height: 88px; color: #333; background: #c0c0c0 url(/img/townguides.jpg) no-repeat top right; }

ul.index_lists_tg li a strong { line-height: 180%; }

/*     REDESIGN STYLING --- SURREY INFO LINKS      */

ul.index_lists_si {
	width: 290px;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.index_lists_si li {
	width: 290px;
	height: 62px;
	padding: 0;
	font-size: 1em;
}

/* ONE */
ul.index_lists_si li a.index_sil_one { text-decoration: none; height: 50px; outline: none; display: block; padding: 6px 125px 6px 8px; background: #e7e7e7 url(/img/index_sil_house.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_one:link { text-decoration: none; height: 50px; color: #333; background: #e7e7e7 url(/img/index_sil_house.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_one:visited { text-decoration: none; height: 50px; color: #333; background: #e7e7e7 url(/img/index_sil_house.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_one:hover { text-decoration: none; height: 50px; color: #333; background: #e7e7e7 url(/img/index_sil_house.gif) no-repeat 220px -55px; }

/* TWO */
ul.index_lists_si li a.index_sil_two { text-decoration: none; height: 50px; outline: none; display: block; padding: 6px 80px 6px 8px; background: #ccc url(/img/index_sil_box.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_two:link { text-decoration: none; height: 50px; color: #333; background: #ccc url(/img/index_sil_box.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_two:visited { text-decoration: none; height: 50px; color: #333; background: #ccc url(/img/index_sil_box.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_two:hover { text-decoration: none; height: 50px; color: #333; background: #ccc url(/img/index_sil_box.gif) no-repeat 220px  -55px; }

/* THREE */
ul.index_lists_si li a.index_sil_three { text-decoration: none; height: 50px; outline: none; display: block; padding: 6px 125px 6px 8px; background: #e7e7e7 url(/img/index_sil_leaf.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_three:link { text-decoration: none; height: 50px; color: #333; background: #e7e7e7 url(/img/index_sil_leaf.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_three:visited { text-decoration: none; height: 50px; color: #333; background: #e7e7e7 url(/img/index_sil_leaf.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_three:hover { text-decoration: none; height: 50px; color: #333; background: #e7e7e7 url(/img/index_sil_leaf.gif) no-repeat 220px  -55px; }

/* FOUR */
ul.index_lists_si li a.index_sil_four { text-decoration: none; height: 50px; outline: none; display: block; padding: 6px 80px 6px 8px; background: #ccc url(/img/index_sil_computer.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_four:link { text-decoration: none; height: 50px; color: #333; background: #ccc url(/img/index_sil_computer.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_four:visited { text-decoration: none; height: 50px; color: #333; background: #ccc url(/img/index_sil_computer.gif) no-repeat 220px 0; }
ul.index_lists_si li a.index_sil_four:hover { text-decoration: none; height: 50px; color: #333; background: #ccc url(/img/index_sil_computer.gif) no-repeat 220px  -55px; }

ul.index_lists_si li a strong { line-height: 160%; }

/*     REDESIGN STYLING --- FORMS      */

#searchform {
	width: 270px;
	margin: 0;
	padding: 10px 10px 10px 10px;
	overflow: auto;
	}

#searchform fieldset {
	margin: 0;
	padding: 0;
	border: 0 solid;
	}

#searchform label {
	float: left;
	clear: both;
	margin: 0;
	padding: 0 0 6px 0;
	width: 250px;
	}

#searchform label input {
	margin: 0 8px 0 0;
	padding: 0;
	}

#searchform select {
	margin: 0 0 6px 0;
	padding: 0;
	float: left;
	clear: both;
	width: 190px;
	}

#searchbutton {
	clear: both;
	margin-right: 180px;
	}

#emailsignupform {
	width: 142px;
	margin: 0;
	padding: 8px 0 8px 8px;
	}

#emailsignup {
	width: 128px;
	margin: 0 0 6px 0;
	}

div.index_email p {
	color: #999;
	font-style: italic;
	}

#emailsignupbutton {
	clear: both;
	margin-bottom: 1px;
	}

/*     REDESIGN STYLING --- END      */





/* Aston Mead */

div#amead-ad img {
	border: 1px solid #CACACA;
}
div#amead-ad a { text-decoration: none; color: #666; }
div#amead-ad p { text-align: center; font-size: 1em; padding: 5px;}
div#amead-ad p.small { font-size: .9em;  color: #999  }
div#amead-ad p.small a { color: #999  }
div#amead-ad p a:hover { color: #333 }

p.adtypetext a {
	color: #333;
	text-decoration: none;
}

div.property-sidebar p { text-align: center; font-size: 1em; padding: 5px;}
div.property-sidebar p.adtypetext { text-align: left; }

div.property-sidebar label { display: block; font-weight: bold; padding-bottom: 5px; }

div.property-sidebar input { width: 150px; font-size: 1em; }
div.property-sidebar input.submit {
	border: 1px solid #CCC;
	padding: 0px;
	height: 22px;
	background: #ededed;
	text-align: center;
	font-size: .9em;
}

#navcontainer.second {	padding-top: 0; }

div.photogalleryphoto p.property-item {	text-align: left; }

div.photogalleryphoto p.property-item a { text-decoration: none; }

div.no-tabs {
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	border-top: 1px solid #d5d5d5;
	text-align: left;
	border-bottom: 1px solid #d5d5d5;
}

div.no-tabs h3 {
	margin: 0px;
	padding: 8px 10px 8px 0px;
	color: #666;
}

div.property-details {
	padding: 20px;
}
div.property-details h2, div.property-details h3 {
	font-family: arial, sans-serif;
	font-size: 1.4em;
	font-weight: 500;
	letter-spacing: -0.5px;
	color: #666;
	margin: 5px 0px 5px 0px;
}
div.property-details h2 { font-size: 1.5em; font-style:italic;  margin: 0; padding: 0}
div.property-details h2.price { float: right; padding-right: 10px}
div.property-details h3 { margin: 15px 0px 10px 0px; }
div.property-details ul.gallery, div.property-details ul.gallery li {
	margin: 0;
	padding: 0;
	display: inline;
}
div.property-details ul.gallery { padding: 20px 0px 20px 0px }
div.property-details ul.gallery li { padding-right: 2px; }
div.property-details ul.gallery li.last { padding-right: 0px; }

/*     CHARCOL MORTGAGE PAGE     */

div.charcolcups {
width: 290px;
height: 184px;
margin: 0;
padding: 0;
background: url(http://www.surreyproperty.com/img/charcol/charcol-cups.jpg) no-repeat 50% 0;
}

div.charcolouter {
width: 720px;
background: url(http://www.surreyproperty.com/img/charcol/rc-bg.jpg) no-repeat 50% 13px;
margin: 0;
padding: 0;
}

div.charcolleft {
float: left;
width: 420px;
margin: 13px 0px 0px 0px;
padding: 0;
}

div.charcolright {
float: left;
width: 270px;
margin: 0;
padding: 0;
}

div.charcolouter p {
margin: 0;
padding: 15px 12px 0px 18px;
font-size: 1em;
}

div.charcolouter span.greensix {
color: #95aa3b;
margin: 0;
padding: 0;
font-size: 1.2em;
}

img.charcolminustop {
margin: -13px 0px 0px 0px;
padding: 0px 0px 0px 0px 0px;
}

div.repos {
width: 700px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px 0px;
border-top: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
}

div.repos p {
text-align: center;
margin: 0;
padding: 10px 0px 10px 0px;
}

div.charcolleft p.tinyp {
font-size: 0.8em;
line-height: 140%;
}

img.charcollogo {
float: right;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px 0px;
}

/*     MORTGAGES PAGE     */

div.jcmaintext {
	padding: 10px; 
	background: url(http://www.surreyproperty.com/img/jc_text_bg.jpg) no-repeat;
}
div.jcmaintext p {
	padding-bottom: 10px;
}
div.jcimage {
	background: url(http://www.surreyproperty.com/img/jc_black_bar.gif) no-repeat;
	width: 720px;
	height: 52px;
}
div.jcimage span {
	display: none;
}
div.jcsprint {
	margin: 10px;
	font-size: 7pt;
}

/*     PHOTO POP-UP STYLING     */

div.pputop {
width: 100%;
height: 61px;
background: url(http://www.surreyproperty.com/img/ppu-logo.gif) no-repeat 0 0;
}

div.pputop h1 {
margin: 0;
padding: 0;
text-align: left;
color: #333;
display: none;
}

div.ppuphotonote {
width: 100%;
margin: 0;
padding: 0;
}

p.ppuphototitle {
font-family: arial, sans-serif;
font-size: 1em;
text-align: right;
color: #333;
margin: 0px;
padding: 5px 20px 0px 10px;
line-height: 150%;
}

div.ppuphoto {
width: 100%;
}

div.ppuphoto img {
margin: 5px 10px 10px 10px;
padding: 0;
}

div.ppufooter {
width: 100%;
background: #f8f8f8;
margin: 0;
padding: 0;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

#ppuForm {
margin: 0;
padding: 0;
border: 0;
}

#ppuForm fieldset {
margin: 0;
padding: 5px 20px 5px 20px;
color: #333;
font-family: tahoma, arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
border: 0px;
width: 420px;
}

#ppuForm input {
border: #fff 0px;
padding: 0px;
color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 86%;
}

#ppuForm input.submit {
float: left;
border: 1px solid #CCC;
margin: 1px 0px 0px 6px;
padding: 3px;
background: #ededed;

color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 95%;
}

#ppuForm input.hidethis {
display: none;
}

#ppuForm textarea {
float: left;
border: 1px solid #CCC;
margin: 0;
padding: 0;
color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 95%;
}

#ppuForm label {
float: left;
margin: 0px;
padding: 10px 15px 0px 10px;
width: 85px;
}

#ppuForm select {
border: 0px;
}

div.ppubelowfooter {
width: 100%;
height: 35px;
margin: 0;
padding: 0px;
text-align: left;
}

div.ppubelowfooter p {
color: #bbbbbb;
margin: 0;
padding: 10px 25px 0px 25px;
font-size: 85%;
}

div.ppubelowfooter a:link {
color: #bbbbbb;
}

div.ppubelowfooter a:visited {
color: #bbbbbb;
}

div.belowfooter a:hover {
color: #666;
}

/*     PHOTO POP-UP STYLING     */








/*     EMAIL SIGN-UP     */

img.emailsignup {
margin: 20px 0px 0px -3px;
padding: 0;
}

div.emailsignupbox {
float: left;
margin: 0px 0px 0px 13px;
padding: 0;
width: 160px;
text-align: left;
background: none;
}

p.emailsignupheader {
margin: 0;
padding: 0px 0px 1px 0px;
color: #69c;
font-weight: bold;
}

p.greysignupnote {
margin: 0;
padding: 4px 0px 0px 2px;
color: #ccc;
font-style: italic;
font-size: 0.95em;
line-height: 135%;
}

#emailsignupForm fieldset {
margin: 0px;
padding: 0px;
color: #333;
font-family: tahoma, arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
border: 0px;
background: none;
}


#emailsignupForm input {
border: 0;
padding: 0px;
color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 86%;
}

#emailsignupForm input.submit {
float: left;
border: 1px solid #CCC;
margin: 4px 6px 0px 0px;
padding: 0px 4px 0px 4px;
height: 22px;
background: #ededed;
}

#emailsignupForm input.hidethis {
display: none;
}

#emailsignupForm textarea {
background: none;
border: 1px solid #CCC;
padding: 0px;
height: 20px;
width: 156px;
color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 95%;
}

#emailsignupForm label {
float: left;
margin: 0px;
padding: 0px;
font-size: 90%;
}

#emailsignupForm select {
border: 0px;
}



/*     EMAIL SIGN-UP     */







/*     INDENT DIVS     */

div.oneindent {
width: 390px;                /* width is the width of narrow p class (420px) minus the left margin (amount indented) */
margin: 0px 0px 0px 30px;
padding: 0px;
background: none;
font-size: 1em;
text-align: left;
color: #333;
line-height: 150%;
}

div.twoindent {
width: 360px;
margin: 0px 0px 0px 60px;
padding: 0px;
background: none;
font-size: 1em;
text-align: left;
color: #333;
line-height: 150%;
}





/*     TEXT STYLING     */

a {
text-decoration: underline;
}

a:link {
text-decoration: underline;
color: #999;
}
a:visited {
text-decoration: underline;
color: #999;
}
a:hover {
text-decoration: underline;
color: #666666;
}


p {
font-family: arial, sans-serif;
font-size: 1em;
text-align: left;
color: #333;
margin: 0px;
padding: 0px;
line-height: 150%;
}

h1 {
font-family: arial, sans-serif;
margin: 0px;
padding: 127px 65px 0px 30px;
text-align: right;
font-size: 140%;
font-weight: bold;
color: #fff;
}

h2 {
font-family: tahoma, arial, sans-serif;
font-size: 150%;
font-weight: bold;
color: #333;
margin: 0px;
padding: 25px 0px 0px 20px;
}

h3 {
font-family: arial, sans-serif;
font-size: 220%;
font-weight: normal;
letter-spacing: -1.5px;
color: #333;
margin: 0px;
padding: 0px 0px 4px 0px;
}

h4 {
font-family: arial, sans-serif;
font-size: 130%;
font-weight: normal;
letter-spacing: -0.5px;
color: #666;
margin: -10px 0px 10px 35px;
padding: 0px 0px 0px 0px;
}

h5 {
font-size: 160%;
font-weight: normal;
color: #333;
margin: 0px;
padding: 0px 0px 5px 0px;
}







div.creditsouter {
width: 400px;
margin: 0;
padding: 0;
}

p.creditsleft {
float: left;
text-align: left;
width: 190px;
margin: 0px;
padding: 0px 0px 8px 0px;
background: url(http://www.surreyproperty.com/img/bluearrow.gif) no-repeat 180px 7px;
}

p.creditsright {
float: left;
text-align: left;
width: 170px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 8px 0px;
color: #666;
}

p.stripedivide {
width: 430px;
height: 5px;
margin: 0px 0px 8px 0px;
padding: 0px;
background: url(http://www.surreyproperty.com/img/bgstripes.gif) repeat-x top left;
}

img.creditsclear {
float: left;
margin: 0px;
padding: 0px 0px 8px 0px;
}







/*     LAYOUT     */

body {
font-family: arial, sans-serif;
font-size: 12px;
text-align: center;
height: 100%;
margin: 0px;
padding: 0px;
background: #333;
}

img {
border: 0px;
margin: 0px;
padding: 0px;
}

img.bigmap {
margin: 10px 0px 10px 0px;
padding: 0px;
}

div.container {
width: 760px;
padding: 0px;
margin: 0px auto;
background: #fff;
}

div.subcontainer {
width: 760px;
padding: 0px;
margin: 0px auto;
}

div.headercontent {
margin: 0px auto;
padding: 0px;
width: 760px;
float: left;
}

div.topnav {
margin: 0px;
padding: 0px;
width: 760px;
height: 64px;
}

div.topnav p {
float: left;
color: #666;
margin: 0px 0px 0px 25px;
padding: 30px 0px 0px 0px;
word-spacing: 1.2px;
}

img.toplogo {
float: left;
margin: 0px 0px 0px 26px;
padding: 0px;
}

div.headerimage {
float: left;
background: url(/img/header.jpg) no-repeat 0 0;
margin: 0px;
padding: 0px;
width: 760px;
height: 200px;
text-align: left;
}

div.headerimagetext {
margin: 0;
padding: 0;
}

div.headerimage p {
font-size: 1.05em;
color: #75881b;
margin: 53px 0px 0px 20px;
padding: 20px 0px 0px 0px;
width: 270px;
line-height: 140%;
}

span.hbigger {
font-family: geneva, verdana, arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
}

div.headerimage img {
float: right;
margin: 0;
padding: 0;
border-left: 1px solid #333;
width: 210px;
height: 200px;
}

div.headerimagetowns {
float: left;
background: #0058b2 url(http://www.surreyproperty.com/img/shortheader_clouds.jpg) repeat-x 0 0;
margin: 0px;
padding: 0px;
width: 760px;
height: 85px;
text-align: right;
}

div.headerimagetowns p {
color: #fff;
margin: 0px;
padding: 25px 30px 0px 0px;
text-align: right;
}

div.content {
clear: both;
width: 760px;
margin: 0px auto;
padding: 0px;
}

div.tabs {
width: 760px;
margin: 0px auto;
padding: 0px;
background: #ffffff url(http://www.surreyproperty.com/img/tabsbgline.gif) repeat-x bottom left;
text-align: left;
}

div.tabs h3 {
margin: 0px;
padding: 8px 10px 0px 0px;
color: #666;
}

img.h3floatimg {
padding: 0;
margin: 0px 4px -1px 0px;
}

img.townintroimages {
padding: 0;
margin: 0px 0px 0px -3px;
border: 1px solid #999;
}

#navcontainer {
margin: 0px 0px 0px 30px;
padding: 11px 0px 0px 0px;
}

#navcontainer ul {
border: 0px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
background: url(http://www.surreyproperty.com/img/sptabs.gif) no-repeat top center;
}

#navcontainer ul li a {
display: block;
background: url(http://www.surreyproperty.com/img/sptabs.gif) no-repeat top center;
width: 85px;
height: 19px;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 90%;
font-weight: bold;
color: #336699;
text-decoration: none;
text-align: center;
}

#navcontainer ul li a:hover {
background: url(http://www.surreyproperty.com/img/sptabs.gif) no-repeat top right;
color: #336699;
}

#navcontainer a:active {
color: #336699;
}

#navcontainer li#active {
background: url(http://www.surreyproperty.com/img/sptabs.gif) no-repeat top left;
}

#navcontainer li#active a {
background: url(http://www.surreyproperty.com/img/sptabs.gif) no-repeat top left;
color: #336699;
}

#navcontainer ul li#tabnotes {
display: block;
background: none;
height: 19px;

padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 10px;
font-size: 90%;
font-weight: bold;
color: #666;
text-decoration: none;
text-align: center;
}

/*     ROLLOVER ARROWS STYLING      */

#navcontainer ul li#uparrow {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
height: 29px;
width: 24px;
background: url(http://www.surreyproperty.com/img/arrow-up-lglow.gif) no-repeat 0px 5px;
}

#navcontainer ul li#uparrow a {
background: url(http://www.surreyproperty.com/img/arrow-up.gif) no-repeat 0px 5px;
width: 24px;
padding: 10px 7px 0px 0px;
margin: 0px 0px 0px 0px;
}

#navcontainer ul li#uparrow a:hover {
background: none;
padding: 10px 7px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*     ROLLOVER ARROWS STYLING      */

#navcontainer ul li#leftarrow {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
height: 29px;
width: 29px;
background: url(http://www.surreyproperty.com/img/arrow-left-lglow.gif) no-repeat 7px 4px;
}

#navcontainer ul li#leftarrow a {
background: url(http://www.surreyproperty.com/img/arrow-left.gif) no-repeat 7px 4px;
width: 29px;
padding: 10px 4px 0px 6px;
margin: 0px 0px 0px 0px;
}

#navcontainer ul li#leftarrow a:hover {
background: none;
padding: 10px 4px 0px 6px;
margin: 0px 0px 0px 0px;
}

/*     ROLLOVER ARROWS STYLING      */

#navcontainer ul li#rightarrow {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
height: 29px;
width: 29px;
background: url(http://www.surreyproperty.com/img/arrow-right-lglow.gif) no-repeat 0px 4px;
}

#navcontainer ul li#rightarrow a {
background: url(http://www.surreyproperty.com/img/arrow-right.gif) no-repeat 0px 4px;
width: 29px;
padding: 10px 7px 0px 0px;
margin: 0px 0px 0px 0px;
}

#navcontainer ul li#rightarrow a:hover {
background: none;
padding: 10px 7px 0px 0px;
margin: 0px 0px 0px 0px;
}

/*     ROLLOVER ARROWS STYLING      */

#navcontainer ul li#noarrow {
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
height: 29px;
width: 24px;
background: none;
}

div.tabs p {
color: #99cc33;
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 10px;
}

div.tabs a:link {
text-decoration: none;
color: #99cc33;
}

div.tabs a:visited {
text-decoration: none;
color: #99cc33;
}

div.tabs a:hover {
text-decoration: none;
color: #83b225;
}

div.clear {
clear: both;
width: 700px;
height: 10px;
}

.property-details .clear {
clear: both;
width: 400px;
height: 10px;
}

img.arrowintext {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*     INDEX PAGE STYLING      */

div.gridouter {
float: left;
text-align: left;
margin: 0px;
padding: 0px;
}

div.gridouter img {
border: 0px;
}

div.gridouter p {
color: #666666;
width: 160px;
margin: 0px;
padding: 4px 0px 0px 60px;
}

div.gridouter h2 {
font-family: arial, sans-serif;
font-size: 220%;
font-weight: normal;
letter-spacing: -1.5px;
color: #333;
margin: 0px;
padding: 18px 0px 0px 60px;
}

div.gridouter h2 a {
color: #333;
}

div.gridouter h2 a:link {
color: #333;
}

div.gridouter h2 a:visited {
color: #333;
}

div.gridouter h2 a:hover {
background: #f8f8f8;
color: #000;
}

div.gridouter p a {
text-decoration: none;
color: #666666;
}

div.gridouter p a:link {
text-decoration: none;
color: #666666;
}

div.gridouter p a:visited {
text-decoration: none;
color: #666666;
}

div.gridouter p a:hover {
text-decoration: none;
color: #333;
}

div.topleft {
float: left;
width: 260px;
height: 110px;
text-align: left;
margin: 24px 0px 0px 0px;
padding: 0px;
background: url(http://www.surreyproperty.com/img/rcgreen.gif) no-repeat bottom right;
}

div.topright {
float: left;
width: 250px;
height: 110px;
text-align: left;
margin: 24px 0px 0px 0px;
padding: 0px;
background: url(http://www.surreyproperty.com/img/rcgreen.gif) no-repeat bottom right;
}

div.midleft {
float: left;
width: 260px;
height: 110px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(http://www.surreyproperty.com/img/rcblue.gif) no-repeat bottom right;
}

div.midright {
float: left;
width: 250px;
height: 110px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
background: url(http://www.surreyproperty.com/img/rcblue.gif) no-repeat bottom right;
}

div.bottomleft {
float: left;
width: 260px;
height: 110px;
text-align: left;
margin: 0px 0px 30px 0px;
padding: 0px;
background: url(http://www.surreyproperty.com/img/rcgreen.gif) no-repeat bottom right;
}

div.bottomright {
float: left;
width: 250px;
height: 110px;
text-align: left;
margin: 0px 0px 30px 0px;
padding: 0px;
background: url(http://www.surreyproperty.com/img/rcgreen.gif) no-repeat bottom right;
}

div.maincol {
float: left;
width: 560px;
margin: 0px;
padding: 0px;
text-align: left;
background: url(http://www.surreyproperty.com/img/fulldropopp.gif) no-repeat top right;
}

div.rightcol {
float: left;
width: 200px;
margin: 8px 0px 0px 0px;
padding: 0px;
text-align: right;
background: none;
}

img.topad {
margin: 8px 0px 0px 0px;
padding: 0px;
}

p.adtypetext {
color: #333;
font-family: arial, sans-serif;
font-size: 1em;
text-align: left;
font-weight: bold;
float: right;
width: 180px;
margin: 0px;
padding: 14px 8px 0px 0px;
background: none;
border-bottom: 1px solid #999;
}

p.newsitemtext {
color: #333;
font-family: arial, sans-serif;
font-size: 1em;
text-align: left;
font-weight: normal;
float: right;
width: 169px;
margin: 0;
padding: 10px 15px 30px 10px;
background: none;
}

p.newsitemtext a {
text-decoration: underline;
color: #666;
}

p.newsitemtext a:link {
text-decoration: underline;
color: #666;
}

p.newsitemtext a:visited {
color: #666;
}

p.newsitemtext a:hover {
color: #333;
}

/*     TOWN LISTING STYLING      */

p.townlistleft {
float: left;
width: 150px;
margin: 10px 0px 10px 40px;
padding: 0px 0px 0px 0px;
}

p.townlistmid {
float: left;
width: 150px;
margin: 10px 0px 10px 20px;
padding: 0px 0px 0px 0px;
}

p.townlistright {
float: left;
width: 150px;
margin: 10px 0px 10px 20px;
padding: 0px 0px 0px 0px;
}

span.townlistregion {
font-weight: bold;
}

/*     TOWN LISTING STYLING      */






div.simplepagetext {
float: left;
width: 720px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 20px;
text-align: left;
}

div.simplepagetext p.setwidth {
width: 420px;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

div.simplepagetext img.floatwithborder {
float: right;
margin: 0px 25px 10px 19px;

background: #fff;
border: 1px solid #CCC;
padding: .5em;
}





/*     INTRO STYLING      */

div.towntextleft {
float: left;
width: 240px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 20px;
text-align: left;
background: url(http://www.surreyproperty.com/img/bluestreak.gif) no-repeat top right;
}

div.towntextleft p {
margin: 0px;
padding: 0px 17px 0px 0px;
text-align: left;
}

div.towntextright {
float: left;
width: 260px;
margin: 20px 0px 0px 20px;
padding: 0px;
text-align: left;
}

div.towntextright p {
color: #666;
margin: 0px;
padding: 5px 5px 0px 0px;
text-align: left;
}

span.highlight {
color: #333;
}

/*     INTRO STYLING      */







/*     TRAIN TABLE STYLING      */

table.localtrains {
border: 0px;
margin: 0px;
padding: 0px;
float: left;
text-align: left;
width: 255px;
}

table.localtrains p {
margin: 0px 0px 0px 0px;
padding: 0px 1px 1px 3px;
color: #666;
font-size: 95%;
}

table.localtrains tr.lttop {
background: #e7e7e7;
}

table.localtrains tr.lton {
background: #f6f6f6;
}

table.localtrains tr.ltoff {
background: #fff;
}

table.localtrains td.ltcell {
border: 0px;
margin: 0px;
padding: 0px;
}


/*     TRAIN TABLE STYLING      */


/*     ESTATE AGENTS TABLE STYLING      */

table.estateagents {
border: 0px;
margin: 20px 0px 0px 0px;
padding: 0px;
float: left;
text-align: left;
width: 715px;
}

table.estateagents img {
border: 0px;
margin: 10px 0px 0px 8px;
padding: 0px;
float: left;
}

table.estateagents p {
margin: 0px 0px 0px 0px;
padding: 5px 10px 6px 8px;
color: #666;
font-size: 95%;
}

table.estateagents tr.lttop {
background: #e7e7e7;
}

table.estateagents tr.lton {
background: #f6f6f6;
}

table.estateagents tr.ltoff {
background: #fff;
}

table.estateagents td {
vertical-align: top;
}

table.estateagents td.ltcell {
border: 0px;
margin: 0px;
padding: 0px;
}

table.estateagents td.ltcellagentname {
width: 180px;
border: 0px;
margin: 0px;
padding: 0px;
}

table.estateagents td.ltcellagentname p {
color: #333;
}

span.bold {
font-weight: bold;
}


/*     ESTATE AGENTS TABLE STYLING      */



/*     AGENTS RESULTS COLUMNS     */

div.doublecolumn {
margin: 20px 0px 0px 0px;
padding: 0px;
text-align: left;
width: 720px;
}

div.doublecolumn a { color: #39c; }
div.doublecolumn a:link { color: #39c; }
div.doublecolumn a:visited { color: #39c; }
div.doublecolumn a:hover { color: #666; }

div.doublecolumn p {
margin: 0px 0px 0px 0px;
padding: 8px 10px 4px 13px;
color: #666;
}

p.floatrightnote {
float: left;
margin: -25px 40px 0px 145px;
padding: 0px 0px 0px 0px;
color: #39c;
}

img.doublecolumnimgs {
width: 150px;
height: 50px;
margin: 10px 0px 0px 10px;
padding: 5px;
background: #fff;
}

img.emailaddress {
clear: both;
width: 250px;
height: 15px;
margin: 0px 0px 5px 10px;
padding: 0px 68px 0px 10px;
background: #dcf5ff url(http://www.surreyproperty.com/img/emailbg.gif) no-repeat 0 0;
}

img.globeicon {
float: right;
width: 21px;
height: 23px;
margin: -4px 0px 0px 0px;
padding: 0;
}

div.doublecolumnone {
float: left;
width: 360px;
}

div.doublecolumntwo {
float: left;
width: 360px;
}

div.doublecolumnresults {
background: #c3ecff url(http://www.surreyproperty.com/img/dcarrow.gif) no-repeat 0px 9px;
border-bottom: 1px solid #add3f9;
border-right: 1px solid #add3f9;
width: 349px;
margin: 2px 0px 0px 0px;
padding: 0;
}

div.doublecolumnresultsfree {
background: #effaff url(http://www.surreyproperty.com/img/dcarrowfree.gif) no-repeat 0px 9px;
border-bottom: 1px solid #ddf4ff;
border-right: 1px solid #ddf4ff;
width: 349px;
margin: 2px 0px 0px 0px;
padding: 0;
}

div.doublecolumnresultsfree p {
margin: 0px 0px 0px 0px;
padding: 4px 10px 4px 13px;
color: #666;
}

div.dcresultsleft {
float: left;
background: none;
width: 174px;
margin: 0;
padding: 0;
}

div.dcresultsright {
float: left;
background: none;
width: 174px;
margin: 0;
padding: 0;
}

div.doublecolumnheader {
background: #c4ebff url(http://www.surreyproperty.com/img/columnhead.gif) no-repeat 0 0;
width: 350px;
margin: 0;
padding: 0;
font-weight: bold;
}

div.clearnarrow {
clear: both;
width: 40px;
height: 0;
margin: 0;
padding: 0;
font-size: 1px;
line-height: 0;
}

/*     AGENTS RESULTS COLUMNS     */





/*     PHOTO GALLERY STYLING      */

div.photogallerytopbar {
background: #e7e7e7;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: left;
width: 720px;
}

div.photogallerytopbar p {
margin: 0px 0px 0px 0px;
padding: 5px 10px 6px 8px;
color: #333;
font-size: 95%;
}

div.photogallerymain {
background: #f7f7f7;
border: 0px;
margin: 6px 0px 0px 0px;
padding: 0px;
text-align: left;
width: 720px;
}

div.photogalleryphoto {
float: left;
width: 210px;
margin: 15px 0px 8px 19px;
padding: 0px;
border: 1px solid #e7e7e7;
text-align: center;
background: #fff;
}

div.photogalleryphoto img {
margin: 10px 0px 0px 0px;
padding: 0px;
}

div.photogalleryphoto p {
margin: 0px;
padding: 8px 10px 8px 10px;
text-align: center;
}

div.photogalleryphoto a:link {
text-decoration: none;
color: #999;
}

div.photogalleryphoto a:visited {
text-decoration: strikethrough;
color: #999;
}

div.photogalleryphoto a:hover {
text-decoration: underline;
color: #666666;
}

div.photogalleryrow {
margin: 0px;
padding: 0px;
}

div.photogalleryclear {
clear: both;
}




div.townmapsnotebar {
background: #e7e7e7 url(http://www.surreyproperty.com/img/downarrow.gif) no-repeat 730px 12px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: left;
width: 760px;
}

div.townmapsnotebar p {
margin: 0px 0px 0px 0px;
padding: 5px 40px 6px 28px;
color: #333;
font-size: 95%;
}




div.townmapsbottomnote {
border: none;
margin: 10px 0px 10px 0px;
padding: 0px;
text-align: left;
width: 760px;
}

div.townmapsbottomnote p {
margin: 0px 0px 0px 0px;
padding: 5px 40px 6px 28px;
color: #333;
font-size: 95%;
}



/*     PHOTO GALLERY STYLING      */







/*     AD STYLING      */


div.indexgridouter {
float: left;
width: 450px;
text-align: left;
}


/*     AD STYLING      */




img.floatleft {
float: left;
margin: 0px 0px 20px 28px;
}

img.floatright {
float: right;
margin: 0px 25px 10px 0px;
}




/*     FOOTER STYLING      */


div.footer {
width: 760px;
height: 60px;
margin: 0px auto;
padding: 10px 0 0 0;
background: #eaeaea url(/img/footerdrop.gif) repeat-x 0 0;
text-align: left;
}

div.footertext {
width: 300px;
float: left;
margin: 13px 0px 0px 0px;
padding: 0px;
font-weight: bold;
text-align: left;
}

div.footer p {
color: #666666;
font-size: 85%;
margin: 0px;
padding: 0px 0px 0px 25px;
text-align: left;
}

div.footer a {
color: #83b225;
}

div.footer a:link {
color: #83b225;
}

div.footer a:visited {
color: #83b225;
}

div.footer a:hover {
color: #99cc33;
}



div.belowfooter {
clear: both;
width: 760px;
height: 50px;
margin: 0px auto;
padding: 0px;
text-align: left;
}

div.belowfooter p {
color: #bbbbbb;
margin: 6px 7px 0px 7px;
padding: 0px;
font-size: 85%;
}

div.belowfooter a:link {
color: #bbbbbb;
}

div.belowfooter a:visited {
color: #bbbbbb;
}

div.belowfooter a:hover {
color: #999;
}

div.belowfooter span.left {
float: left;
text-align: left;
width: 49%;
}

div.belowfooter span.right {
float: right;
text-align: right;
width: 49%;
}




/*     FOOTER STYLING      */





/*      FORM SPECIFIC STYLING        */

div.form {
float: right;
width: 400px;
text-align: right;
margin: 10px 24px 0px 0px;
padding: 0px;
background: url(http://www.surreyproperty.com/img/silktext.gi) no-repeat 80px 26px;
}

div.fback {
float: right;
margin: 1px 6px 0px 0px;
padding: 1px;
height: 20px;
}

div.fback p {
color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 86%;
margin: 0px;
padding: 3px 4px 0px 4px;
}

#verticalForm fieldset {
float: right;
margin: 0px;
padding: 0px;

color: #333;
font-family: tahoma, arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
border: 0px;
}


#verticalForm input {
border: #fff 0px;
padding: 0px;

color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 86%;
}

#verticalForm input.submit {
float: left;
border: 1px solid #CCC;
margin: 1px 0px 0px 6px;
padding: 0px;
height: 22px;
background: #ededed;
}

#verticalForm input.hidethis {
display: none;
}

#verticalForm textarea {
display: block;
background: none;
border: 1px solid #CCC;
padding: 0px;
height: 20px;

color: #000;
font-family: arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 95%;
}

#verticalForm label {
float: left;
margin: 0px;
padding: 0px;
font-size: 90%;
}

#verticalForm select {
border: 0px;
}

p.whitebg {
background: #fff;
width: 300px;
}

/*      FORM SPECIFIC STYLING        */


/*     OTHER      */

span.shortbreak {
line-height: 50%;
}

img.hrimg {
background: #fff;
margin: 0px 0px 4px 0px;
padding: 0;
height: 1px;
width: 148px;
}

/*     OTHER      */




/*     SCHOOLS TABLE STYLING      */

table.schoolstbl {
border: 0px;
margin: 20px 0px 0px 0px;
padding: 0px;
text-align: left;
width: 715px;
}

table.schoolstbl p {
margin: 0px 0px 0px 0px;
padding: 5px 10px 6px 8px;
color: #666;
font-size: 95%;
}

table.schoolstbl tr.schtop {
background: #e7e7e7;
}

table.schoolstbl tr.schon {
background: #f6f6f6;
}

table.schoolstbl td {
vertical-align: top;
}

table.schoolstbl td.schoff {
background: #fff;
}

table.schoolstbl td.schcell {
border: 0px;
margin: 0px;
padding: 0px;
}

table.schoolstbl td.leftpanels {
border: 0px;
margin: 0px;
padding: 0px;
background: #e7e7e7;
}

table.schoolstbl td.leftpanels p {
color: #333;
}

span.indent {
margin: 0;
padding: 0px 5px 0px 10px;
}

/*     SCHOOLS TABLE STYLING      */



/*     OTHER      */

div.cleartabs {
clear: both;
width: 40px;
height: 0;
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
}

/*     OTHER      */




/* CSS Document */