﻿div.fixWidth
{
    width: 980px;
    position: relative;
}
div#pageBlock
{
    background: #fff;
    margin: 0px auto 20px;
}
div#bannerBlock
{
    height: 289px;
}
div#bannerBlock div#bannerContent
{
    height: 100px;
}
div#bannerBlock div#bannerContent img.lgoKF
{
    position: relative;
    margin: 20px;
    clear: left;
}
div#bannerBlock div#bannerContent div#searchContainer
{
    position: relative;
    float: right;
    margin: 20px;
    width: 500px;
    height: 60px;
    text-align: right;
}
div#bannerBlock div#bannerImage
{
    position: relative;
    height: 189px;
    background: #CCC;
}
div#bannerBlock div#bannerImage div#bannerOverlay
{
    height: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('/images/imgBannerOverlay.gif') no-repeat;
    z-index: 99;
}
div#contentBlock
{
    background: #FFF;
}
div#contentBlock div#mainNavContainer
{
    width: 135px;
    margin: 9px 10px 20px 20px;
    position: relative;
    float: left;
    padding-bottom: 50px;
}
div#contentBlock div#mainContentContainer
{
    width: 619px;
    margin: 16px 10px 20px;
    position: relative;
    float: right;
}
div#searchBlock
{
    width: 619px;
    position: relative;
    margin: 20px 0px 20px;
    background: #ececec;
}

div#contentBlock div#mainContentContainer div#columnLeft
{
    width: 306px;
    padding: 0px 0px 15px; /* added a bottom padding of 15px  - mm*/
    float: left;
    margin-top: 15px 0 0;
}
div#contentBlock div#mainContentContainer div#columnRight
{
    width: 306px;
    padding: 0px;
    margin: 0px 0px 15px;
    float: right;
}

/*
    To fix the accordian and column left/right
*/

#accordion #columnLeft
{
    width: 270px !important;
}

#accordion #columnRight
{
    width: 270px !important;
}

/*
    End Fix
*/

div#searchBlock div#columnLeft, div#searchBlock div#columnRight
{
    margin-top: 0px !important;
    width: 309px !important;
    height: 100%;
}
div#searchBlock div.contentContainer, div#searchBlock div.contentContainer
{
    padding: 10px;
    position: relative;
}
div#contentBlock div#mainContentContainer div.contentItem, div#contentBlock div#mainContentContainer div#columnLeft div.contentItem, div#contentBlock div#mainContentContainer div#columnRight div.contentItem
{
    width: auto;
    border-bottom: 1px dashed #e0dfe3;
    padding: 0px 15px 10px 0px !important;
}
div#contentBlock div#cookieTrail
{
    height: 14px;
    padding: 6px 0px 0px 176px;
    width: 804px;
}
div#contentBlock div#mainPromoContainer
{
    width: 146px;
    margin: 20px 20px 20px 10px;
    position: relative;
    float: right;
}
div#mainPromoContainer img
{
    margin-bottom: 10px;
}
div#footerBlock
{
    height: 48px !important;
    border-top: 2px solid #E0DFE3;
    overflow: hidden;
}
div#footerContent
{
    height: 40px !important;
    width: 940px;
    margin: 4px 20px;
    text-align: center;
}
div#pageBlock div#BRCorner, div#pageBlock div#BLCorner
{
    position: absolute;
    width: 3px;
    height: 3px;
    bottom: 0px;
}
div#pageBlock div#BRCorner
{
    right: 0px !important;
    background: url('/images/imgMainCornerBR.gif');
}
div#pageBlock div#BLCorner
{
    left: 0px !important;
    background: url('/images/imgMainCornerBL.gif');
}
div.border
{
    border-right: solid 1px #FFF;
}
.listingImg
{
    width: 600px;
    padding: 0;
    float: left;
    margin-bottom: 60px;
}
ul.listingImg
{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 60px;
}
ul.listingImg li
{
    display: block;
    float: left;
    width: 48%;
    margin: 5px 0 0;
    padding: 0;
}
ul.listingImg li.left
{
    margin-right: 5px;
}
ul.listingImg img
{
    padding: 2px;
    margin: 3px 3px 0 3px;
    border: solid 1px #e0dfe3;
}
ul.listingImg a img
{
    border: 1px solid #e0dfe3;
    cursor: hand;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}
ul.listingImg a:hover img
{
    border: 1px solid #db0c41;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
ul.listingImg li a
{
    display: block;
    text-decoration: none;
}
ul.listingImg li a:hover
{
    background: #f1f1f1;
    color: #db0c41;
}
.horNav
{
    display: block;
    width: 619px;
}
ul.horNav
{
    float: left;
    padding: 0 !important;
    margin: 5px 0 20px 0 !important;
    width: 619px;
}
ul.horNav li
{
    display: block;
    float: left;
    background: #ececec;
    list-style: none;
    margin-right: 3px;
    margin-bottom: 3px;
}
ul.horNav li.left
{
    margin-right: 0px !important;
}
ul.horNav li a
{
    display: block;
    text-decoration: none;
    padding: 2px 5px;
    font-size: 0.85em;
}
ul.horNav li a:hover
{
    background: #E0DFE3;
    color: #db0c41;
}

ul.lineBreak
{
    margin-bottom: 0px !important;
}

.selected a
{
    background: #ccc !important;
    color: #666 !important;
}
div#searchOffice
{
    padding: 0;
    margin: 0;
    position: relative;
}
div#searchOffice ul
{
    display: table;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    width: 600px;
    border: solid 5px #e0dfe3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    list-style: none;
}
div#searchOffice li
{
    display: table-row;
    float: left;
    padding: 2px 5px 2px 10px;
    width: 47%;
    min-width: 47%;
}
div#searchOffice li a
{
    width: 210px;
}
div#map
{
    width: 598px;
    min-height: 300px;
    border: solid 1px #e0dfe3;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.redBlock
{
    display: block;
    width: 620px;
    padding: 2px 5px 2px 10px;
    color: #fff;
    height: 50px;
    background-color: #fff;
    text-decoration: none;
    clear: left;
}
#dropdown
{
    display: block;
}
#navMain
{
    float: left;
    width: 100%;
    line-height: normal;
}
#navMain ul
{
    margin: 0;
    list-style: none;
}
#navMain li
{
    float: left;
    border: solid 1px #fff;
    margin: 0;
    padding: 0 0 0 9px;
    background: #ececec;
}
#navMain a
{
    float: left;
    display: block;
    padding: 5px 15px 4px 6px;
    text-decoration: none;
}

/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#navMain a
{
    float: none;
}

/* End IE5-Mac hack */

#navMain a:hover
{
    color: #db0c41;
}
#navMain #current a
{
    color: #333;
    padding-bottom: 5px;
}
div#contentBlock div#cookieTrail
{
    font-weight: bold;
    font-size: 10px;
}
#mapID
{
    position: relative;
    left: 0px;
    background-color: #ccc;
    border: solid 5px #e0dfe3;
    width: 600px;
    margin-bottom: 10px;
}

div#mainContentContainer ul.tableCol
{
    width: 600px;
    padding: 0 !important;
}

div#mainContentContainer ul.tableCol li
{
    width: 200px;
    float: left;
    margin: 0 0 10px 0;
    height: 120px;
}

div#mainContentContainer ul.tableCol li.noDiamond
{
    margin-left: 0px !important;
}

/*
    RESEARCH NEW
*/
div.researchContainer
{
    width: 50%;
    float: left;
}

/*
    PROPERTY SITEMAP
*/
div.propertyListContainer
{
    border: solid 1px #ddd;
    padding: 10px;
    margin-top: 10px;
    position: relative;
    height: 210px;
}
div.propertyListContainer h2
{
    margin: 0 0 10px !important;
    padding: 0 !important;
}
a.smViewDetails
{
    position: absolute;
    bottom: 4px;
    left: 10px;
}
span.smShortDescription
{
    position: absolute;
    top: 55px;
    left: 230px;
    width: 374px;
    height: 135px;
    overflow: hidden;
}
span.smPrice
{
    position: absolute;
    top: 35px;
    right: 10px;
}
div#pageFooter
{
    background: transparent url(http://search.knightfrank.com/library/images/spButtons.png) repeat-x scroll 0 -668px;
    border-top: 2px solid #E0DFE3;
    font-size: 0.8em;
    height: 280px;
    line-height: 20px;
    margin-top: 25px;
    text-align: center;
    width: 980px;
}
div#pageFooter h4
{
    margin-top: 10px;
    font-size: 1.5em;
    font-weight: normal;
}
div#pageFooter div.borderRight
{
    border-right: 1px solid #E0DFE3;
}
div#pageFooter div.contentBlock
{
    clear: right;
    float: left;
    height: 230px;
    margin-top: 17px;
    padding: 0 20px;
    text-align: left !important;
    width: 190px;
}
div#pageFooter div.contentBlock ul.footerLinks
{
    margin: 0 0 10px;
    padding: 0;
}
div#pageFooter div.contentBlock ul.footerLinks li
{
    list-style-image: none;
    list-style: none;
    margin: 0 0 3px 15px;
}
div#pageFooter div.contentBlock ul.footerLinks li a, div#pageFooter div.contentBlock ul.footerLinks li a:link
{
    color: #666;
    text-decoration: none;
}
div#pageFooter div.contentBlock ul.footerLinks li a:hover
{
    color: #DB0C41;
    text-decoration: underline;
}
div#pageFooter div.contentBlock ul.footerLinks li a:hover img
{
    text-decoration: none;
}

/*
    Styles for leashold reform table
*/

table.leasehold
{
    border-collapse: collapse;
    width: 200px;
}

table.leasehold tr th
{
    padding: 0 0.5em;
    text-align: left;
}

tr.yellow td
{
    border-top: 1px solid #FB7A31;
    border-bottom: 1px solid #FB7A31;
    background: #FFC;
}

table.leasehold tr td
{
    border-bottom: 1px solid #CCC;
    padding: 0 0.5em;
    text-align: center;
}

td.adjacent
{
    border-left: 1px solid #CCC;
}

#agentsList ul li
{
    float: left;
    width: 270px;
}
table.landForm
{
    border: solid 1px #ececec;
    width: 600px;
    padding: 0;
    margin: 0;
}
table.landForm tr
{
    height:50px;
}
table.landForm tr td
{
    width: 280px;
}
table.landForm tr td.land1stCol
{
    width: 150px !important;
    font-weight: bold;
}
