﻿div#logo
{
    height: 60px;
    width: 60px;
    background: #fff url("/library/images/cmsSpryte.png") no-repeat 0px 0px;
}

div.fixWidth
{
    width: 980px;
}
div#pageBlock
{
    margin: 0px auto 20px;
    background-color:#fff;
    border:13px solid #e1e1e1;
}
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: transparent url('/library/images/cmsSpryte.png') repeat-x 0 -65px;
    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;
    background-color:#ececec;
}
div#contentBlock div#mainContentContainer div#columnRight
{
    width: 306px;
    padding: 0px;
    margin: 0px 0px 15px;
    float: right;
    background-color:#ececec;
}

/*
    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
{
    padding: 10px 0 10px 10px;
    position: relative;
    background: transparent url('/library/images/cmsSpryte.png') no-repeat 0 -465px;
}
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('/library/images/cmsSpryte.png') norepeat;
}
div#pageBlock div#BLCorner
{
    left: 0px !important;
    background: url('/library/images/cmsSpryte.png') norepeat 0 -91;
}
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
{
	background:#ECECEC none repeat scroll 0 0;
    display: block;
    float: left;
    /* background: url('/library/images/cmsSpryte.png') repeat-x 0 -600px; */
    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;
    color: #333;
}
ul.horNav li a:hover
{
  /*  background: url('/library//images/cmsSpryte.png') repeat-x 0 -650px; */
 background:#ECECEC none repeat scroll 0 0;
    color: #db0c41;
}

ul.lineBreak
{
    margin-bottom: 0px !important;
}

.selected a
{
    background: url('/library/images/cmsSpryte.png') repeat-x 0 -650px;
    color: #fff;
}
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;
}

ul#teamPage
{
    width: 619px;
    display: block;
    float: left;
    list-style: none;
}
ul#teamPage li
{
    list-style: none;
    width: 18% !important;
    float: left;
    height: 120px;
    padding: 5px 5px 5px;
    border-bottom: 1px solid #ececec;
}
ul#teamPage li.title
{
    font-size: 12px;
    font-weight: bold;
    height: 20px !important;
    background: #ececec;
}

/*
    RESEARCH NEW
*/
div.researchContainer
{
    width: 50%;
    float: left;
}

/*
    PROPERTY SITEMAP
*/
div.propertyListContainer
{
    border: solid 1px #ddd;
    padding: 10px;
    margin-top: 10px;
    position: relative;
    height: auto;
}
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('/library/images/cmsSpryte.png') repeat-x 0 -91px;
    border-top: 2px solid #E0DFE3;
    font-size: 0.8em;
    height: 300px;
    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;
}
div#servicesDirectory
{
    width: 100%;
    display: block;
}
div#servicesDirectory a img
{
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    margin: 10px 0 0;
}
div#servicesDirectory h2, div#servicesDirectory p
{
    width: 500px;
    float: right;
    padding: 0 !important;
}
div.propertyListContainer 
{
min-height: 200px;   
}

div.propertyListContainer img
{
    float:left;
    margin-right:10px;
}

