/*************************************************
     TEMPLATE BASED WEBSITE DESIGNED AND DEVELOPED BY
             VEBRA GRAPHICS (VEBRA SOLUTIONS LTD.)
                             COPYRIGHT 2006

       AUTHOR: DAVID SWALLOW (david.swallow@vebra.com)
                                13/06/2006

                             www.vebra.info
/*************************************************/ 

/********************
GENERAL
********************/

html, body{
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#fff;
color:#fff;
margin:0;
padding:0;
height:100%;
}

body {font-size:62.5%} /* for IE/Win */
html>body {font-size:10px} /* for everything else */

#container{
color:#fff;
width:755px;
margin: 0 auto; /*Centre the page*/
text-align:center;
}

a:link {background-color:inherit; color:#00407D;} /*Medium Blue*/
a:visited {background-color:inherit; color:#858C92;} /* Medium Grey*/
a:hover {background-color:inherit; color:#4684B7; text-decoration:none;} /*Light Blue*/
a:active {background-color:inherit; color:#333333;} /*Dark Grey*/

/********************
HEADER
********************/

#header{
width:755px;
margin:0 auto;
color:#3F595C;
height:135px;
}

div#container > div#header{
height:auto;
min-height:135px;
}

#header img#logo{
float:left;
margin:13px 0 11px 36px;
}

#header #address_container{
margin:25px 15px 0 0;
float:right;
display:inline;
}

#header #address_container p{
float:left;
padding:0;
margin:0 0 0 20px;
font-size:1.1em;
letter-spacing:1px;
text-align:right;
line-height:150%;
}

#header p span{
font-weight:bold;
}

#header #banner{
clear:both;
display:block;
width:755px;
padding: 0 0 1px 0;
border-top:5px solid #002868;
border-bottom:5px solid #59739D;
}

/********************
NAVIGATION
********************/

#navigation{
clear:both;
width:757px;
margin:0 auto;
padding:0;
}

#navigation li{
list-style: none;
float:left;
display:inline;
margin:0;
padding:0;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

#navigation li.firstlink{
border-left:none;
}

/*The following is various attempts to get the navigation to sit nice and centralised on all screens. IE uses a width of 9em; all other browsers use a width of 8.91em, and Safari uses a width of 8.92em. Very bizarre, but these various hacks should short it.*/

#navigation li a{
display:block;
width:9em;
text-align:center;
line-height:20px;
background:#4B504E url(../images/nav_bkg.gif) repeat-x top left;
color:#fff;
font-size:1.2em;
font-weight:normal;
text-decoration: none;
}

#navigation > li > a{
width:8.91em;
}

/*\*/
 html>body*#navigation > li > a {width:8.92em;}
 /**/

#navigation li a:hover, #navigation li a.current{
background:#919693 url(../images/nav_bkg_on.gif) repeat-x top left;
color:#001842;
}

/********************
CONTENT
********************/

#content{
clear:both;
float:right;
width:715px;
margin:0 auto;
padding: 20px;
height:200px;
background:#fff url(../images/content_bkg.gif) no-repeat center 20px;
color:#3F595C;
position:relative;
text-align:left;
}

div#container > div#content{
height:auto;
min-height:200px;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
font-size:2.4em;
font-weight:normal;
letter-spacing:normal;
color:#3F595C;
padding-bottom:15px;
}

#first_para img{
/* float:right; */
margin-top:-20px;
border:none;
}

#content p{
font-size:1.2em;
line-height:150%;
margin:0 0  1.0em 0;
padding:0;
}

#content p.new_section{
padding-top:15px;
}

#content p span{
font-weight:bold;
}

#content .blue{
font-weight: normal;
/*color:#00407D;
font-weight:bold;*/
}

#content .grey{
font-weight: normal;
/*color:#B0B6BA;
font-weight:bold;*/
}

#content p span.highlight{
background-color:inherit;
color:#AF1410;
}

#content table.hours{
border-collapse:collapse;
padding:0;
font-size:1.2em;
}

#content table.hours tr th, #content table.hours tr td{
text-align:right;
padding:0px 5px 10px 5px;
}

#content ol li{
font-size:1.2em;
font-weight:bold;
line-height:150%;
}

#content ul li{
font-size:1.2em;
line-height:150%;
}

#content ol li ul li, #content ul li ul li{
font-size:1.1em;
font-weight:normal;
}

#content ol li ul li ul li, #content ul li ul li ul li{
font-size:0.9em;
font-style:italic;
}{
font-size:0.9em;
font-style:italic;
}

#content ol li ul li ul li ul li, #content ul li ul li ul li ul li{
font-style:normal;
}

/********************
SPECIAL LAYOUTS
********************/

div#content #home_title{
float:left;
width:340px;
padding:28px 0 0 0;
position:relative;
}
#assoc_logos{/* new association logos container */
position: absolute;
width:500px;
height: 120px;
top: 140px;
left: 157px;
}
/* div#content #home_title img{
position:absolute;
bottom:-60px;
left:90px;
} */
#assoc_logos img.arla{
float:left;
width: 100px;
height: 96px;
margin: 0px 20px 0 20px;
}
#assoc_logos img.naea{
float:left;
width: 133px;
height: 57px;
margin: 6px 0px 0 0px;

}
#assoc_logos img.ombud{
float: left;
width: 150px;
height: 60px;
}


div#content #home_copy{
float:left;
width:340px;
padding:8px 0 0px 30px;
}

div#content #home_copy p{
line-height:160%;
}

#content #home_title h2, #content #home_title h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
font-size:2.4em;
line-height:150%;
font-weight:normal;
text-align:right;
}

#content #home_title h3{font-size:1.7em;}

#content .date {
font-size:1.1em;
text-align:right;
}
#content .date span{
font-weight:normal;
}

div#content #contact_us{
float:left;
width:340px;
}

div#content #opening_hours{
float:left;
width:340px;
padding:0 0 0 30px;
}


/********************
OPTIONS SECTION
********************/

#options{
float:left;
margin:0 0 20px 0;
}

#options #quicksearch, 
#options #careers, 
#options #promotion, 
#options #featureprops,
/* for New features */#options #sales_feature,
/* for New features */#options #lettings_feature

{
float:left;
color:#666;
width:150px;
padding:10px;
height:200px;
position:relative;
margin:0 25px 0 0;
}
/* for New features */#options #lettings_feature{margin:0;}
#options #careers{background:#EEF1F6 url(../images/careers_bkg.gif) no-repeat 14px 30px;}
#options #careers a{display:block; width:150px; height:180px; background:none; color:#666; text-decoration:none;}

#options #promotion{background:#BCC4D3 url(../images/promotion_bkg.gif) no-repeat;}
#options #promotion a{display:block; width:150px; height:180px; background:none; color:#666; text-decoration:none;}

#careers p, #promotion p{
font-size:1.0em;
position:absolute;
bottom:10px;
left:10px;
width:150px;
}

#promotion p{
top:150px;
}

/* New features */
#options #sales_feature{background-color: #bcc4d3;}
#options #lettings_feature{background-color: #eef1f6;}
#options #sales_feature iframe,
#options #lettings_feature iframe{position:absolute; top:35px; left:10px;margin:0;padding:0;}
#options #sales_feature h3,
#options #lettings_feature h3{position:absolute; top:10px; left:10px; margin:0; padding:0;}

/* New features end */

#options #featureprops{background:#EEF1F6 url(../images/fp_bg.gif) no-repeat top left; margin:0!important;}
#options #featureprops h4{position:absolute; top:10px; left:10px; margin:0; padding:0; display:none;}
#options #featureprops img{position:absolute; top:35px; left:10px; width:150px; height:112px; border:none;}
#options #featureprops p{position:relative; top:155px; left:10px; width:150px; font-size:1.0em; text-align:right;}


#options #quicksearch{background:#BCC4D3;}

#quicksearch h3, #careers h3, #featureprops h4,
#sales_feature h3, #lettings_feature h3{
margin:0 0 10px 0;
font: bold 1.3em Arial, Helvetica, sans-serif;
text-align:left;
background-color:inherit;
color:#666;
text-transform:capitalize;
}

#quicksearch form, #quicksearch form fieldset{
margin:0;
padding:0;
border:none;
}

#quicksearch input, #quicksearch select{
font:1.0em Verdana, Arial, Helvetica, sans-serif;
float:right;
}

#quicksearch form select{
width:90px;
height:17px;
padding:0;
margin:0 0 10px 5px;
}

#quicksearch input{
border: 1px solid #002868;
}

#quicksearch form label{
width:45px;
padding:0;
margin:0;
clear:both;
color:#666;
text-align:right;
float:left;
}

#quicksearch .qs_submit{
clear:both;
width:48px;
line-height:15px;
float:right;
background:#5A6D7C;
border: 2px solid #5A6D7C;
color:#fff;
}

#quicksearch .qs_submit:hover{
background:#5B5E5C;
color:#fff;
}

#quicksearch form #qs_sales_btn, #quicksearch form #qs_lets_btn{
margin:0 5px 10px 0;
padding:0;
background:none;
border:none!important;
float:left;
}

#quicksearch form #qs_sales_label, #quicksearch form #qs_lets_label{
margin:0 0 10px 0;
line-height:15px;
text-align:left;
margin:0;
padding:0;
clear:none;
float:left;
}

#qs_minPrice, #qs_maxPrice{
display:inline;
}

/********************
FOOTER
********************/

#footer{
clear:both;
position:relative;
width:755px;
margin: 0 auto; /*Centre the page*/
text-align:center;
background:#fff url(../images/footer_bkg.gif) repeat-x top left;
height:80px;
color:#243335;
}

div#container > div#footer{
height:auto;
min-height:80px;
}

#footer p#copyright {
position:absolute;
top:0;
right:0;
margin:0;
padding:13px 8px 0 0;
font-size:1em;
text-align:right;
line-height:150%;
}

#footer img{
float:left;
border:none;
padding-left:15px;
}

#footer img#fp{margin-top:24px;}
#footer img#hp{margin-top:20px;}
#footer img#pf{margin-top:23px;}
#footer img#rm{margin-top:22px;}
#footer img#pl{margin-top:13px;}
#footer img#zoop{margin-top:24px;}
#footer img#glo{margin-top:24px;}