@import url("reset.css");

/* -------- MTBHS ---------- **/
/* ----------------- by AW ---------------- */

/* ----------------- General Styles ---------------- */
* { font-family: Tahoma, Arial, Verdana,  Helvetica, sans-serif; line-height: 160%; color: #000000;}
html {height: 100%;}
body {height: 100%; background: #ffffff url(http://www.vanderpump.co.uk/img/bg/body-bg.gif) left top repeat-x;}

hr { text-align: left; width: 100%;  height: 1px; color: #b7c0c9; border: none; margin-bottom: 15px; clear: both; margin-right: 15px;} /* For Internet Explorer */
html>body hr { text-align: left; margin-right: 30px; width: 100%; height: 1px; background-color: #b7c0c9; border: none; } /* For Gecko-based browsers */
html>body hr { text-align: left; margin-right: 30px; width: 100%; height: 1px; background-color: #b7c0c9; border: 0px solid #b7c0c9; } /* For Opera and Gecko-based browsers */

#wrapper {width: 897px; margin-left: auto; margin-right:auto; overflow: hidden; padding-left: 0px; padding-right: 0px; font-size: 80%; }

h1 {font-size: 180%; font-weight: normal; color: #00633f; }
h2 {font-size: 150%; font-weight: normal; color: #acb116;}
h3 {font-size: 100%; font-weight: bold;}
/* ----------------- General Styles End ---------------- */


/* ----------------- Header ---------------- */
#header {height:315px; width: 897px; position: relative; background-color: #007f61; }
#header ul.nav {margin-top: 37px;  width: 500px; float: right; }
#header ul.nav li {float: left;  }
#header ul.nav li a {color: #ffffff; padding-top: 1px; padding-left:20px; height: 26px; font-weight: bold; font-size: 110%; text-decoration: none; }
#header ul.nav li.last a {padding-right: 0px;}
#header ul.nav li a:hover {color: #dec208; text-decoration: underline;}
#header ul.nav li a.selected {color: #d7a303; text-decoration: none;}
#header a.logo {float:left; margin-top: 14px; margin-left: 0px;  width: 366px; height: 52px; padding: 0px; display: block; text-indent: -9999px; background: url(http://www.vanderpump.co.uk/img/logo.jpg) top left no-repeat;}
/* ----------------- Header End ---------------- */

#flash {height: 254px; width: 885px; background-color: #ffffff; top: 74px; left:0px; position: absolute; border-top: solid 6px #ffffff; border-right: solid 6px #ffffff; border-left: solid 6px #ffffff;}


/* ----------------- General ---------------- */
#propertysearchbox label {float: left; width: 65px; color: #004129; font-weight: bold; text-align: right; font-size: 95%; }
#propertysearchbox li {height: 50px;}
#propertysearchbox select {margin-left: 5px; width: 115px; background-color: #e7f6f2; border: solid 1px #7f9db9;}
#propertysearchbox input {color: #ffffff; font-weight: bold; background: url(http://www.vanderpump.co.uk/img/bg/small-button-bg.gif) left top no-repeat; border: none; height: 26px; width: 82px;}
#propertysearchbox input.reset {margin-left: 8px; margin-right: 8px;}

#promo-curve img {margin-left: 10px; background: url(http://www.vanderpump.co.uk/img/bg/promo.jpg) top left no-repeat;}
#promo-inner {position: relative; padding: 5px 20px 20px 20px; overflow: hidden; height: 1%; width: 190px; background: #00633f url(http://www.vanderpump.co.uk/img/bg/promo-middle-bg.gif) top left repeat-y;  }
#promo-inner h2 {text-align: center; }
#promo-inner p {font-size: 90%; color: #90c5b2; margin-top: 5px; margin-bottom: 5px; }
#promo-inner a {font-size: 90%; color: #90c5b2; }
#promo-inner a:hover {text-decoration: none; }
#promo-bottom {position: relative; height: 11px; width: 230px; background: url(http://www.vanderpump.co.uk/img/bg/promo-bottom-bg.gif) top left no-repeat; }
/* ----------------- General End ---------------- */


/* ----------------- Home page ---------------- */
body.home #propertysearchbox {float:left; height: 205px; width:190px; position: relative; margin-top: -4px; padding: 65px 20px 10px 20px; background: url(http://www.vanderpump.co.uk/img/bg/left-propertysearchbox-bg.gif) top left no-repeat; }
body.home #promo-outer {padding-top: 11px; overflow: hidden; height: 1%; float: right; width:230px; position: relative; margin-top: -4px; background: url(http://www.vanderpump.co.uk/img/bg/promo-top-bg.gif) top left no-repeat; }
/* ----------------- Home page End ---------------- */


/* ----------------- Internal pages ---------------- */
#propertysearchbox {float:right; height: 205px; width: 190px; position: relative; margin-top: -4px; padding: 65px 20px 10px 20px; background: url(http://www.vanderpump.co.uk/img/bg/right-propertysearchbox-bg.gif) top left no-repeat; }
#promo-outer {padding-top: 11px; overflow: hidden; height: 1%; float: left; width:230px; position: relative; margin-top: -4px; background: url(http://www.vanderpump.co.uk/img/bg/promo-top-2-bg.gif) top left no-repeat; }
#contactus {float: right; position: relative; width: 230px;}

#contactus div.box dl dt {width: 80px; color: #ffffff; float: left; margin-right: 10px; font-weight: bold;}
#contactus div.box dl dd {width: 90px; color: #ffffff; float: left;}
#contactus div.box h2 {text-align: center; margin-bottom: 10px;}


div.box {position: relative; padding: 5px 20px 20px 20px; width: 190px; overflow: hidden; height: 1%; background: url(http://www.vanderpump.co.uk/img/bg/box-bg.gif) top left repeat-y;}
div.top {height: 11px; background: url(http://www.vanderpump.co.uk/img/bg/box-top.gif) top left no-repeat; padding: 0px; width: 230px;}
div.bottom {height: 11px; background: url(http://www.vanderpump.co.uk/img/bg/box-bottom.gif) top left no-repeat; padding: 0px; width: 230px; margin-bottom: 4px;}

#leftcol {width: 230px; float: left; position: relative; margin-top: -4px; }
#leftcol h2 {color: #c6bd10; text-align: center; width: 190px; margin-bottom: 15px; }
#leftcol #promo-inner {padding-bottom: 0px;}
#subnav h2 {background: url(http://www.vanderpump.co.uk/img/bg/left-col-top.gif) top left no-repeat; width: 190px; padding: 20px 20px 10px 20px; margin-bottom: 0px; }
#subnav div.box a {display: block; color: #ffffff; padding-left: 17px; background: url(http://www.vanderpump.co.uk/img/icons/chevron.gif) 0% 50% no-repeat;  margin: 0px 13px 10px 13px;} 
#subnav div.box a:hover {text-decoration: none;}
#subnav div.box a.active {color: #c6bd10; font-weight: bold; background-image: url(http://www.vanderpump.co.uk/img/icons/chevron-active.gif);}

/* ----------------- Internal pages End ---------------- */


#main {float:left; margin-top: 40px; padding-left: 15px; padding-right: 15px; background-color: #ffffff; width: 407px; position: relative; min-height: 250px; }
#main p {font-size: 90%; margin-bottom: 10px; line-height: 180%;}
#main p.bold {font-weight: bold;}
#main ul {font-size: 90%; margin-left: 10px; margin-bottom: 10px;}
#main li {margin-left: 10px; list-style-type: disc;}
#main table {width: 100%;}
#main img.office {float: right; border: 1px solid #b7c0c9; padding: 5px; margin-left: 10px;}
#contact div.contact ul {margin-left: 0px;}
#contact div.contact ul li label {float: left; vertical-align: top; text-align: left; width: 90px; padding-right: 10px;}
#contact div.contact ul li label span {color: Red;}
#contact div.contact ul li span.checkbox label {float: none; display: inline; width: 180px;}
#contact div.contact li {padding-bottom: 5px; list-style-type: none; color: Red;}
#contact div.contact ul li #ValidationSummary1 {font-size: 120%; font-weight: bold;}
#contact div.contact ul li #ValidationSummary1 li {padding-bottom: 2px !important;}
#contact div.contact ul li input.submit {margin-top: 20px; color: #ffffff; font-weight: bold; background: url(http://www.vanderpump.co.uk/img/bg/small-button-bg.gif) left top no-repeat; border: none; height: 26px; width: 82px;}


/* ----------------- Footer ---------------- */
#footer {clear: both; overflow: hidden; height: 1%; position: relative; width: 897px; background: #ffffff url(http://www.vanderpump.co.uk/img/bg/footer-bg.jpg) top left no-repeat; }
#footer ul {margin-top: 132px; width: 897px;}
#footer ul li {float:left; width: 442px; height: 61px;}
#footer ul li.last {margin-left: 13px;}
#footer ul li a {color: #c6bd10; text-decoration: none; font-family: Georgia, Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 250%; padding-left: 110px; padding-top: 3px; width: 332px; height: 58px; background: url(http://www.vanderpump.co.uk/img/bg/large-button-bg-off.gif) top left no-repeat; display: block;}
#footer ul li a:hover {color: #dec208; text-decoration: underline; background: url(http://www.vanderpump.co.uk/img/bg/large-button-bg-on.gif) top left no-repeat;}
#footer ul li a.selected {color: #d7a303; text-decoration: none; background: url(http://www.vanderpump.co.uk/img/bg/large-button-bg-selected.gif) top left no-repeat;}

#copyright {overflow: hidden; height: 1%; position: relative; width: 897px; margin-top: 5px; background-color: #007f61; }
#copyright p {float: left; color: #ffffff; font-size: 85%; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; padding-right: 10px;}
#copyright p.connexion {float: right; padding-left: 3px; padding-top: 3px; padding-bottom: 3px; padding-right: 10px;}
#copyright p.connexion a {color: #ffffff; font-weight: bold; text-decoration: none;}
#copyright p.connexion a:hover {text-decoration: underline; }
/* ----------------- Footer End ---------------- */