* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}

body {
font: 62.5% "Verdana", Tahoma, san-serif;
margin: 25px auto 0;
background: #f5f2e2 url(../img/bg.jpg) top left repeat;
color: #480c0c;
}
#wrapper {
margin: 0 auto;
width: 910px;
text-align: left;
}

/* IMAGE ZOOM  --------------------------------*/
#zoom  {
margin: 10px 0;
}
#zoom img {
margin: 0 2px 4px 0;
border: 1px solid #9b988e;
padding: 2px;
}



/* common font styles 
--------------------------------*/
h1 {
margin: 5px 0 0 0; 
float: left; 
padding: 0 0 0 10px;
font: normal 2.5em/1em "Verdana", Tahoma, san-serif;
}
h2 {
font: normal 2em/1.1em "Verdana", Tahoma, san-serif;
color: #4c191f;
padding: 7px 0 0 10px;
}
h3 { 
background: #f8f3e3 url(../img/h3-wide-bg.gif) bottom left no-repeat; 
height: 30px;
color: #4c191f;
margin: 0 0 12px 0;
font: normal 1.4em/2.1em "Verdana", Tahoma, san-serif;
padding-left: 10px;
clear: left;
}
h3 div { 
color: #14877d;
float: right;
padding: 0 10px 0 0;
font-weight: bold;
}
h5 { 
color: #4c191f;
margin: 0 0 10px 0;
font: normal 1.8em/1.2em "Verdana", Tahoma, san-serif;
}
p { font: normal 1.2em/1.5em "Verdana", Tahoma, san-serif; }
p span { color: #7d2929; font-weight: bold; }
a {color: #14877d; text-decoration: none; }
p a, ul li a {color: #14877d; text-decoration: none;  line-height: 1.5em;}
p a:hover, ol li a:hover, #footer ul li a:hover, small a:hover, ul#back-prev li a:hover, #client-login a:hover {border-bottom: 1px dotted #14877d;}
a.arrows { background:  url(../img/arrows.gif) left center no-repeat; padding-left: 10px;}


/* main navigation
--------------------------------*/
#nav {
background: transparent url(../img/nav-bg.gif) bottom left no-repeat;
width: 910px;
height: 49px;
float: left;
}
ul#nav1 {
margin-top: 10px;
font: bold 1.3em/1em "Verdana", Tahoma, san-serif; 
color: #480c0c;
width: 684px;
float: left;
}
ul#nav1 li {float:left;}
ul#nav1 li a {display:block; height: 26px; margin-right: 2px;}
ul#nav1 li.one a {background: url(../img/nav1.gif) 0 0; width: 48px; margin-left: 23px; }
ul#nav1 li.one a:hover {background: url(../img/nav1.gif) 0 -26px; }
ul#nav1 li.one a.active {background: url(../img/nav1.gif) 0 -52px; }
ul#nav1 li.two a {background: url(../img/nav1.gif) -48px 0; width: 101px; }
ul#nav1 li.two a:hover {background: url(../img/nav1.gif) -48px -26px; }
ul#nav1 li.two a.active {background: url(../img/nav1.gif) -48px -52px; }
ul#nav1 li.three a {background: url(../img/nav1.gif) -149px 0; width: 81px; }
ul#nav1 li.three a:hover {background: url(../img/nav1.gif) -149px -26px; }
ul#nav1 li.three a.active {background: url(../img/nav1.gif) -149px -52px; }
ul#nav1 li.four a {background: url(../img/nav1.gif) -230px 0; width: 69px; }
ul#nav1 li.four a:hover {background: url(../img/nav1.gif) -230px -26px; }
ul#nav1 li.four a.active {background: url(../img/nav1.gif) -230px -52px; }
ul#nav1 li.five a {background: url(../img/nav1.gif) -299px 0; width: 76px; }
ul#nav1 li.five a:hover {background: url(../img/nav1.gif) -299px -26px; }
ul#nav1 li.five a.active {background: url(../img/nav1.gif) -299px -52px; }
ul#nav1 li.prefs a {background: url(../img/nav1.gif) -375px 0; width: 105px; }
ul#nav1 li.prefs a:hover {background: url(../img/nav1.gif) -375px -26px; }
ul#nav1 li.prefs a.active {background: url(../img/nav1.gif) -375px -52px; }
ul#nav1 li.saved a {background: url(../img/nav1.gif) -480px 0; width: 112px; }
ul#nav1 li.saved a:hover {background: url(../img/nav1.gif) -480px -26px; }
ul#nav1 li.saved a.active {background: url(../img/nav1.gif) -480px -52px; }
ul#nav1 li.logout a {background: url(../img/nav1.gif) -592px 0; width: 53px; }
ul#nav1 li.logout a:hover {background: url(../img/nav1.gif) -592px -26px; }
ul#nav1 li.logout a.active {background: url(../img/nav1.gif) -592px -52px; }


ul#nav2 {
font: bold 1.8em/1em "Verdana", Tahoma, san-serif;
color: #480c0c;
float: left;
}

ul#nav2 li {float:left;}
ul#nav2 li a {display:block; height: 36px;}
ul#nav2 li.one a {background: url(../img/nav2.gif) 0 0; width: 87px; margin-right: 2px;}
ul#nav2 li.one a:hover {background: url(../img/nav2.gif) 0 -36px; }
ul#nav2 li.one a.active {background: url(../img/nav2.gif) 0 -72px; }
ul#nav2 li.two a {background: url(../img/nav2.gif) -87px 0; width: 111px;}
ul#nav2 li.two a:hover {background: url(../img/nav2.gif) -87px -36px; }
ul#nav2 li.two a.active {background: url(../img/nav2.gif) -87px -72px; }
ul#nav1 li a span, ul#nav2 li a span {display:none;}


/* content elements
--------------------------------*/
#content {
background:#fff url(../img/content-bg.gif) top left repeat-y;
width: 910px;
float: left;
}
#contain {
margin: 0 auto;
width: 880px;
}
#header {
width: 880px;
height: 86px;
background:  url(../img/header-bg.gif) top left no-repeat;
}
#header p {
float: right;
padding: 42px 210px 0 0;
font: normal 1.1em/1em "Verdana", Tahoma, san-serif;
color: #480c0c;
}
#ruler {
height: 1px;
border-bottom: 1px dashed #649b95;
clear: both;
margin: 0 10px 5px 0;
}
#clearall { clear: both; height: 8px;}
p.backtotop {
clear: both;
width: 500px;
float: left;
margin: 25px 0 0 0;
text-indent: 22px;
background:  url(../img/icon-top.gif) left 3px no-repeat; 
}


#imagecontainer 
{
	width: 436px;
	height: 300px; 
	
}


/* START RIGHT COLUMN 660 PIXELS WIDE ----------------------------------------------------------------*/
#six-sixty { float: left; width: 660px; }

/* START FORM ELEMENTS  --------------------------------*/
form { margin: 0; padding: 0; }
input, select, textarea {
background: #fff ;
padding: 1px;
color: #480c0c;
font: normal 1.1em/1.2em "Verdana", Tahoma, san-serif;
}
label { float: left; clear: left; }
#six-sixty form { margin: 15px 0 0 15px; }
#six-sixty form p { font: normal 1.2em/2.4em "Verdana", Tahoma, san-serif; }
#six-sixty form span { color: #37938b; font-size: 0.9em;}
#six-sixty form input.text, 
#six-sixty form textarea.text,
#six-sixty form select.text { 
padding: 2px;
width: 65%;
color: #480c0c;
border: 1px solid #e1dac6;
background: #f8f3e3;
}
#six-sixty form select.text { width: 20%; }
#six-sixty form input#PostCode, 
#six-sixty form input#Time { width: 20%; }
#six-sixty form label, 
#six-sixty form b {
float: left;
width: 27%;
clear: left;
}
#six-sixty form input.send {
width: 48px;
height: 22px;
margin: 1% 0 0 27%;
padding: 0;
border: 0;
color: #fff;
background: #68a19c;
outline: none;
}
/* END FORM ELEMENTS */

/* START THREE THIRTY BOXES --------------------------------*/
#three-thirty { 
width: 330px; 
float: left; 
}
#three-thirty h2 {
margin: 5px 0 15px; 
}
#three-thirty h4 { 
background: #f8f3e3; 
color: #4c191f;
margin: 5px 15px 8px -5px;
font: bold 1.3em/1.9em "Verdana", Tahoma, san-serif;
text-indent: 5px;
}
#three-thirty p { 
margin: 0 15px 15px 0;
}
#three-thirty p img { 
float: right;
border: 1px solid #9b988e;
padding: 2px;
margin: 2px 0 10px 15px;
}
#three-thirty ol li { 
background:  url(../img/arrows.gif) left 5px no-repeat; 
padding-left: 12px;
margin: 0 0 8px 0;
font: normal 1.2em/1.2em "Verdana", Tahoma, san-serif;
}
/* END THREE THIRTY BOXES */

/* START SEARCH RESULTS ELEMENTS --------------------------------*/
#sort {
font: normal 1.2em/1em "Verdana", Tahoma, san-serif;
margin: 0 0 10px;
float: left;
}
#sort input { margin-left: 10px;}
#sort select { 
border: 1px solid #c9c3b0;
background: #fff;
padding: 1px;
margin: 0;
}
#sort div { 
float: right; 
padding: 0 8px 0 0;
margin: 0;
}
#SearchResultProp { 
float: left; 
width: 650px; 
padding: 0 0 10px;
margin: 10px 0 0 0;
border: 1px dashed #bd8f94;
}
#SearchResultProp h3 { background: #f8f3e3 }
#SearchResultProp p { margin: 0 10px; }
#SearchResultProp img {
border: 1px solid #9b988e;
padding: 2px;
float: left;
margin: 0 15px 10px 10px;
}
#SearchResultProp ol#proplinks { margin: 12px 0 0 12px; clear: left; }
#SearchResultProp ol#proplinks li {
font: normal 1.1em/1.2em "Verdana", Tahoma, san-serif;
float: left;
display: inline;
margin: 0;
padding: 5px 15px 5px 0;
text-indent: 21px;
}
#SearchResultProp ol#proplinks li.save { background:  url(../img/icon-save.gif) left center no-repeat; }
#SearchResultProp ol#proplinks li.contact { background:  url(../img/icon-contact.gif) left center no-repeat; }
#SearchResultProp ol#proplinks li.friend { background:  url(../img/icon-friend.gif) left center no-repeat; }
#SearchResultProp ol#proplinks li.print { background:  url(../img/icon-print.gif) left center no-repeat; }
#SearchResultProp ol#proplinks li.pdf { background:  url(../img/icon-pdf.gif) left center no-repeat; padding-right: 0; }
/* END SEARCH RESULTS ELEMENTS */






/* START CONTACT FORM ELEMENTS  --------------------------------*/
ContactForm { margin: 0; padding: 0; }
input, select, textarea {
background: #fff ;
padding: 1px;
color: #480c0c;
font: normal 1.1em/1.2em "Verdana", Tahoma, san-serif;
}
label { float: left; clear: left; }
#ContactForm { margin: 15px 0 0 15px; }
#ContactForm p { font: normal 1.2em/2.4em "Verdana", Tahoma, san-serif; }
#ContactForm span { color: #37938b; font-size: 0.9em;}
#ContactForm input.text, 
#ContactForm textarea.text,
#ContactForm select.text { 
padding: 2px;
width: 55%;
color: #480c0c;
border: 1px solid #e1dac6;
background: #f8f3e3;
}
#ContactForm select.text { width: 20%; }
#ContactForm input#PostCode, 
#ContactForm input#Time { width: 20%; }
#ContactForm label, 
#ContactForm b {
float: left;
width: 35%;
clear: left;
}
#ContactForm input.send {
width: 48px;
height: 22px;
margin: 1% 0 0 34%;
padding: 0;
border: 0;
color: #fff;
background: #68a19c;
outline: none;
}
/* END CONTACT FORM ELEMENTS */




/* START FORGOTTEN PASSWORD FORM ELEMENTS  --------------------------------*/
#ForgottenPasswordForm { margin: 0; padding: 0; }
input, select, textarea {
background: #fff ;
padding: 1px;
color: #480c0c;
font: normal 1.1em/1.2em "Verdana", Tahoma, san-serif;
}
label { float: left; clear: left; }
#ForgottenPasswordForm { margin: 15px 0 0 15px; }
#ForgottenPasswordForm p { font: normal 1.2em/2.4em "Verdana", Tahoma, san-serif; }
#ForgottenPasswordForm span { color: #37938b; font-size: 0.9em;}
#ForgottenPasswordForm input.text, 
#ForgottenPasswordForm textarea.text,
#ForgottenPasswordForm select.text { 
padding: 2px;
width: 55%;
color: #480c0c;
border: 1px solid #e1dac6;
background: #f8f3e3;
}
#ForgottenPasswordForm select.text { width: 20%; }
#ForgottenPasswordForm input#PostCode, 
#ForgottenPasswordForm input#Time { width: 20%; }
#ForgottenPasswordForm label, 
#ForgottenPasswordForm b {
float: left;
width: 10%;
clear: left;
}
#ForgottenPasswordForm input.send {
width: 48px;
height: 22px;
margin: 1% 5 0 0%;
padding: 0;
border: 0;
color: #fff;
background: #68a19c;
outline: none;
}
/* END ForgottenPasswordForm FORM ELEMENTS */















/* START RIGHT COLUMN - LEFT SIDE 440 PIXELS WIDE --------------------------------*/
#four-forty { float: left; width: 440px; }
#six-sixty h2 { padding-left: 0; margin: 0 0 10px 0; }
#six-sixty p { margin-bottom: 10px; }
#six-sixty #four-forty h3 { 
background: #f8f3e3 url(../img/h3-bg.gif) bottom left no-repeat; 
height: 30px;
margin-bottom: 10px;
color: #4c191f;
}
#four-forty h3 img { margin: 5px 0 0 0;}
#props-three-across {
width: 420px;
margin: 0 10px;
}
#props-three-across div {
width: 140px;
float: left;
margin: 0 0 15px;
}
#props-three-across img {
border: 1px solid #9b988e;
padding: 2px;
margin: 3px 0;
}
#props-three-across p { font: normal 1.1em/1.3em "Verdana", Tahoma, san-serif;  margin: 0; width: 135px;}



#props-three-across p a {
color: #14877d;
font: bold 1.2em/1.5em "Verdana", Tahoma, san-serif;
}
/* END RIGHT COLUMN - LEFT SIDE 440 PIXELS WIDE */

/* START RIGHT COLUMN - RIGHT SIDE 220 PIXELS WIDE --------------------------------*/
#two-twenty { float: left; width: 220px; }
#two-twenty h2 {margin-bottom: 0; }
#brown-box, 
#brown-box div, 
#client-login, 
#client-login div, 
#local-info, 
#two-twenty #border { width: 200px; float: right; }
#brown-box { background: #ebe1e0 url(../img/brown-top.gif) top left no-repeat; margin: 0 0 10px 0;}
#brown-box div { background:  url(../img/brown-btm.gif) bottom left no-repeat;}
#brown-box p { margin: 0 10px 10px; color: #4c191f; }
#brown-box h2, 
#client-login h2 { padding-left: 10px;}
#client-login { background: #c3dedc url(../img/blue-box-top.gif) top left no-repeat; }
#client-login div { background:  url(../img/blue-box-btm.gif) bottom left no-repeat; padding-bottom: 10px;}
#six-sixty #client-login div form { margin: 0; }
#client-login table { 
color: #035d56; 
font: normal 1.1em/1.2em "Verdana", Tahoma, san-serif;
margin: 0 5px 0 10px;
}
#client-login table td { 
padding: 5px 3px 0px 0;
}
#client-login div input {
width: 35px;
color: #035d56; 
padding: 2px;
float: left;
font: normal 1em/1em "Verdana", Tahoma, san-serif;
border: 1px solid #7fa9a6;
}
#client-login input.login {
width: 39px;
height: 20px;
padding: 0;
float: left;
margin: 0 ;
border: 0 ;
color: #fff;
background: #499891;
outline: none;
}
#local-info { background: #fff;}
#local-info h2 { padding: 0;}
#two-twenty #border { background: #fff url(../img/border-bg.gif) top left no-repeat; margin-bottom:10px;}
#two-twenty #border div { background:  url(../img/border-btm.gif) bottom left no-repeat;}
#border ol { margin: 0 12px; padding: 7px 0 }
#border ol li { 
background:  url(../img/arrow.gif) left 5px no-repeat; 
padding-left: 7px;
margin: 5px 0;
font: normal 1.2em/1.2em "Verdana", Tahoma, san-serif;
}
/* END RIGHT COLUMN - RIGHT SIDE 220 PIXELS WIDE --------------------------------*/


/* START BACK & PREVIOUS LINKS FOR TOP --------------------------------*/
ul#back-prev {
width: 880px;
float: left;
margin: 15px 0;
}
ul#back-prev li {
float: left;
font: normal 1.2em/1.2em "Verdana", Tahoma, san-serif;
}
ul#back-prev li.back {
width: 160px;
background:  url(../img/icon-back.gif) left center no-repeat; 
text-indent: 17px;
}
ul#back-prev li.results { width: 450px; text-align: center;}
ul#back-prev li.prev {
width: 140px;
text-indent: 22px;
background:  url(../img/icon-prev.gif) left center no-repeat; 
}
ul#back-prev li.next {
width: 105px;
text-align: right;
padding-right: 22px;
background:  url(../img/icon-next.gif) right center no-repeat; 
}
#six-sixty ul#back-prev {
width: 660px;
float: left;
margin: 15px 0;
}
#six-sixty ul#back-prev li.pages { width: 225px; text-align: center;}
#six-sixty ul#back-prev li.pages a.normal { 
padding: 0 3px;
background: #f4efdd;
}


#six-sixty ul#back-prev li.pages a.active { 
padding: 0 3px;
background: #ffffff;
}



#six-sixty img.left { float: left; margin: 0 15px 0 0; }
#six-sixty img.right { float: right; margin: 0 5px 0 15px; }
#six-sixty h5.right, #six-sixty p.right { text-align: right; }

/* END BACK & PREVIOUS LINKS FOR BOTTOM */

/* START LEFT COLUMN 500 PIXELS WIDE --------------------------------*/
#five-hundred {
float: left;
width: 500px;
}
#five-hundred img {
border: 1px solid #9b988e;
padding: 2px;
float: left;
margin: 0 2px 2px 0;
}
#five-hundred img.none {
border: 0;
padding: 0;
margin: 0;
}
/* END LEFT COLUMN 500 PIXELS WIDE */
















/* START RIGHT COLUMN 350 PIXELS WIDE --------------------------------*/
#three-fifty {
float: right;
width: 350px;
}
#three-fifty #border { 
background: #fff url(../img/border-wide-bg.gif) top left no-repeat; 
float: left; 
width: 350px;
margin-bottom:12px;
}
#three-fifty #border div { 
background:  url(../img/border-wide-btm.gif) bottom left no-repeat;
float: left; 
width: 350px;
}
#three-fifty p {margin: 0 0 10px; }
#three-fifty small { font-size: 1.1em;}
p span.tel {
color: #37938b;
font: bold 1.5em/1em "Verdana", Tahoma, san-serif;
}
#three-fifty ol#proplinks {
margin: 0 0 15px 0; 
float: left;
width: 350px;
}
#three-fifty ol#proplinks li {
font: normal 1.2em/1.2em "Verdana", Tahoma, san-serif;
float: left;
display: inline;
width: 175px;
padding: 5px 0;
text-indent: 23px;
}
#three-fifty ol#proplinks li.friend { background:  url(../img/icon-friend.gif) left center no-repeat; }
#three-fifty ol#proplinks li.print { background:  url(../img/icon-print.gif) left center no-repeat; }
#three-fifty ol#proplinks li.save { background:  url(../img/icon-save.gif) left center no-repeat; }
#three-fifty ol#proplinks li.pdf { background:  url(../img/icon-pdf.gif) left center no-repeat; }
#arrange-viewing { 
background: #ebe1e0 url(../img/arrange-top.gif) top left no-repeat; 
margin-bottom: 10px;
width: 350px;
float: left;
}
#arrange-viewing div { 
background:  url(../img/arrange-btm.gif) bottom left no-repeat; 
padding: 5px 0 10px;
width: 350px;
float: left;
}
#arrange-viewing p { 
margin: 7px 10px 7px 10px; 
color: #4c191f;
font: normal 1.1em/2.1em "Verdana", Tahoma, san-serif;
}
#arrange-viewing input { 
background: #fff; 
color: #4c191f;
border: 1px solid #b29e9c;
width: 200px;
padding: 2px; 
float: right;
}
#arrange-viewing input.radio { 
padding: 0; 
border: none;
background: none;
width: 13px;
margin: 0;
float: none;
}
#arrange-viewing select { 
border: 1px solid #b29e9c;
color: #4c191f;
font-size: 1em;
float: left;
}
#arrange-viewing label { width: 123px;}
#arrange-viewing input.send {
width: 48px;
height: 22px;
padding: 0;
margin: 5px 0 0 123px;
border: 0;
float: left;
color: #fff;
background: #6fb1ac;
outline: none;
}
/* END RIGHT COLUMN 350 PIXELS WIDE  */


/* START FOOTER  --------------------------------*/
#footer {
width: 910px;
height: 115px;
background: transparent url(../img/footer-bg.gif) top left no-repeat;
float: left;
margin-bottom: 25px;
}
#footer ul {
margin: 45px 15px 0 15px;
padding: 0;
text-align: center;
color: #c3bca4;
}
#footer ul li {
font: normal 1.2em/1.2em "Verdana", Tahoma, san-serif;
display: inline;
padding: 0 5px;
margin: 0;
}
#footer p {
text-align: center;
font: normal 1.1em/1.3em "Verdana", Tahoma, san-serif;
margin: 7px 15px 0 15px;
}