/* David Daniels CSS Document | By Paul Cooper */

/* Global Resets */
body 
{
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    font-family: Verdana;
    background: #e0e0e0 url(Images/head_tile.gif) repeat-x;
}
div 
{
    margin: 0;
    padding: 0;
}
p, h1, h2, h3, h4, form
{
    margin: 0;
    padding: 0;
}
/* Layout Elements */
#wrapper 
{
    width: 816px;
    margin: 0 auto;
}
#header 
{
    height: 107px;
    background: url(Images/logo.gif) no-repeat 10px 12px;
}
#menu 
{
    margin: 0;
    padding: 9px 10px;
    background: url(Images/menu.gif) no-repeat;
    width: 796px;
    height: 17px;
    overflow: hidden;
}
#menu li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
}
#menu li a 
{
    color: #333;
    padding: 0 10px;
    text-decoration: none;
    border-right: 1px solid #333;
}
#menu .last a
{
    border: none;
}
#menu .print a
{
    border: none;
    float: right;
    background: url(Images/print.gif) no-repeat;
    padding: 0 10px 0 25px;
}
#content 
{
    background: url(Images/content.gif) repeat-y;
    margin: 0;
    padding: 0 8px;
}
#footer 
{
    background: url(Images/footer.gif) no-repeat bottom;
    height: 36px;
    padding:2px 15px;
    color: #fff;
    font-size: 0.85em;
    overflow: hidden;
}
#associations 
{
    width: 800px;
    margin: 0 auto 20px auto;
}
/* Content Styling */
#content h1 
{
    border-bottom: 1px solid #3a5997;
    color: #3a5997;
    padding: 0 0 3px 0;
    font-size: 1.2em;
}
#content h2
{
    color: #333;
    margin: 6px 0;
    line-height: 1.8em;
    font-size: 0.85em;
}
#content h3
{
    color: #333;
    margin: 6px 0;
    line-height: 1.8em;
    font-size: 0.85em;
    border-bottom: 1px solid #ccc;
}
#content p
{
    color: #333;
    margin: 6px 0;
    line-height: 1.8em;
    font-size: 0.85em;
}
#content ul 
{
    margin: 0;
    padding: 0 0 0 20px;
}
#content li 
{
    margin: 0;
    padding: 5px 0 5px 25px;
    line-height: 1.6em;
    font-size: 0.85em;
    color: #555;
    list-style: none;
    background: url(Images/bullet.gif) no-repeat 0 50%;
}
#content a 
{
    color: #333;
}
#literature 
{
    padding: 10px;
}
.col
{
    width: 370px;
    float: left;
    padding: 10px;   
}
/* Contact Page Styling */
.address
{
    padding: 10px 8px;
    border: 1px solid #ccc;
    border-left: 6px solid #ccc;
    margin: 10px;
    width: 344px;
    float: left;
}
.address img 
{
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
}
.contact
{
    margin: 0;
    padding: 0;
}
.contact dt 
{
    margin: 0;
    padding: 3px 0;
    font-size: 10px;
    color: #555;
}
.contact dd 
{
    margin: 0;
    padding: 0;
}
/* Lettings Search Form */
#loader 
{
    position: absolute;
    background: #fff;
    top: 200px;
    left: 50%;
    width: 190px;
    margin-left: -105px;
    border: 1px solid #ccc;
    padding: 10px;
}
#searchresults , #details
{
    width: 560px;
    float: right;
}
.result 
{
    display: block;
    border-bottom: 1px dotted #ccc;
    text-decoration: none;
}
.result:hover 
{
    background: #efefef;
    border-bottom: 1px solid #bfbfbf; 
}
#content .result:hover h2
{
    background: #395797;
    color: #fff;
}
.result h2 
{
    background: #d2e0ee;
    padding: 5px 8px;
}
.result p
{
    padding: 0 8px;
}
.back 
{
    background: #c9e1f1;
    display: block;
    padding: 5px 8px;
    text-decoration: none;
}
.back:hover 
{
    text-decoration: underline;
}
#property 
{
    padding: 8px;
}
#content #images li
{
    list-style: none;
    background: none;
    padding: 10px 0;
    float: left;
}
/* Homepage Styling */
.phone 
{
    background: url(Images/phone.gif) no-repeat 3px 50%;
    padding: 0 0 0 19px;
}
.fax 
{
    background: url(Images/fax.gif) no-repeat 0 50%;
    padding: 0 0 0 19px;
}
.email 
{
    background: url(Images/email.gif) no-repeat 0 50%;
    padding: 0 0 0 22px;
}
#intro, #search, #contact 
{
    float: left;
    margin: 8px;
}
#intro 
{
    width: 350px;
}
#search 
{
    width: 200px;
}
#contact 
{
    width: 200px;
}
/* Property Results Styling */

#content #features 
{
    margin: 0;
    padding: 10px 0 0 0;
}
#features li 
{
    background: none;
    list-style-type: square;
    padding: 3px 0 3px 0;
    margin: 0 0 0 20px;
}
/* Form Styling */
.form
{
    margin: 0;
    padding: 9px;
    background: #e6e9f0;
}
.form dt 
{
    color: #555;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}
.form dd 
{
    margin: 0;
    padding: 3px 0;
}
.form input 
{
    border: 1px solid #ccc;
    padding: 5px;
    color: #555;
    font-size: 0.8em;
    width: 170px;
}
.form select 
{
    border: 1px solid #ccc;
    padding: 5px;
    color: #555;
    font-size: 0.8em;
    width: 182px;
}
.form .submit 
{
    width: 80px;
    padding: 3px 0;
    border: 1px solid #999;
    margin: 5px 0 0 0;
}
/* Global Styling */
.float_right 
{
    float:right;
}
.img_right 
{
    float: right;
    border: 1px solid #efefef;
    padding: 2px;
    margin: 10px 0 10px 10px;
}
.img_left 
{
    float: left;
    border: 1px solid #efefef;
    padding: 2px;
    margin: 10px 10px 10px 0;
}
.clear 
{
    clear: both;
}
.pdf 
{
    background: url(images/pdf.jpg) no-repeat 0 50%;
    padding: 12px 0 12px 50px;
    display: block;
    text-decoration: none;
}
.pdf:hover
{
    text-decoration: underline;
    background: #efefef url(images/pdf.jpg) no-repeat 0 50%;
    border-right: 6px solid #1F3C76;
}
.upmystreet 
{
    background: url(images/upmystreet.gif) no-repeat;
    width: 148px;
    height: 48px;
    display: block;
    margin: 0 0 5px 0;
}
.googlemaps 
{
    background: url(images/googlemaps.gif) no-repeat;
    width: 148px;
    height: 48px;
    display: block;
}
/* Wraps .upmystreet and .googlemaps on property details */
#postcodelinks 
{
    width: 148px;
    height: 96px;
    float: right;
    padding: 15px 0 20px 10px;
}