/* CSS Document */

body
{
    background-image: url(../../../../images/backgroundtile.gif);
    background-repeat: repeat;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, LucidaGrande, Lucida Sans, Geneva, Arial, sans-serif;
    font-size: 75%;
    font-weight: normal;
    color: #666666;
}

.NormalText
{
    font-size: 75%;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, LucidaGrande, Lucida Sans, Geneva, Arial, sans-serif;
}

h1
{
	font-size: 150%;
    color: #001E99;
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

h2
{
	font-size: 120%;
    color: #666666;
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

a
{
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, LucidaGrande, Lucida Sans, Geneva, Arial, sans-serif;
    font-size: 100%;
    color: #001E99;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}

/* Containers */

#centre-container
{
    position: relative;
    width: 770px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

.tile-container
{
    position: relative;
    float: left;
    width: 770px;
    background-image: url(../../../../images/centretile2.gif);
    background-repeat: repeat-y;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
}

#header-container
{
    position: relative;
    float: left;
    left: 20px;
    width: 730px;
    padding-bottom: 15px;
}

#maincontent-container
{
    position: relative;
    float: left;
    left: 20px;
    width: 730px;
}

#homepage-maincontent-container
{
    position: relative;
    float: right;
    width: 554px;
    border-left: 1px dashed #cccccc;
}

#welcome-map-container
{
    position: relative;
    float: left;
    width: 544px;
    padding-left: 10px;
    padding-top: 10px;
}

#homepage-three-panels-container
{
    position: relative;
    float: left;
    width: 544px;
    margin: 0px;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}

/* Header including logo */

#logo
{
    position: relative;
    float: left;
    width: 165px;
    margin-top: 10px;
}

#search-contact-container
{
    position: relative;
    float: right;
    width: 555px;
}

/* Call to action */

.calltoaction-container
{
    position: relative;
    float: left;
    width: 353px;
}

.calltoaction
{
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    width: 353px; /* background-image:url(images/placeholder.jpg); background-repeat:repeat-x; */
    margin-top: 27px;
    z-index: 1;
}

.actionarrow
{
    position: absolute;
    top: 0px;
    left: 0px;
    float: left;
    width: 50px;
    z-index: 2;
}

.calltoactiontext
{
    position: absolute;
    width: 284px;
    top: 30px;
    left: 65px;
    font-size: 8pt;
}

.calltoactiontext h1
{
    font-size: 12pt;
    color: #001E99;
    padding: 0px;
    margin: 0px;
}
/* Top navigation */

#topnavigation
{
    position: relative;
    float: left;
    width: 353px;
    margin-top: 4px;
    margin-bottom: 4px;
}

#topnavigation ul
{
    position: relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#topnavigation li
{
    position: relative;
    float: left;
    border-left: 1px dashed #cccccc;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 7px;
}

#topnavigation a
{
    text-decoration: none;
}

#topnavigation a:hover
{
    text-decoration: underline;
}


/* Breadcrumb */

#breadcrumb
{
    position: relative;
    float: left;
    left: 175px;
    width: 545px;
    border-left: 1px dashed #cccccc;
    border-top: 1px solid #E1E1E1;
    padding: 5px;
    margin-top: 5px;
    font-size: 90%;
}

#breadcrumb a
{
    text-decoration: none;
}

#breadcrumb a:hover
{
    text-decoration: underline;
}


/* Property search */

#propertysearch
{
    position: relative;
    float: right;
    width: 200px;
    margin-top: 15px;
}

#propertysearchform
{
    position: relative;
    float: left;
    background-color: #FFE840;
    width: 180px;
    padding: 0px 10px 0px 10px;
    margin: 0px;
}

#propertysearchform h1
{
    font-size: 130%;
    color: #001E99;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

#propertysearchform a
{
    color: #001E99;
}

#propertysearch form
{
    margin: 0px;
    padding: 0px;
}

#searchbox
{
    width: 125px;
}

.formrow
{
    position: relative;
    float: left;
    width: 180px;
    margin-bottom: 5px;
}

.formrow-left
{
    position: relative;
    float: left;
    width: 130px;
}

.formrow-right
{
    position: relative;
    float: right;
    width: 40px;
}

/* Navigation */

#navigation
{
    position: relative;
    float: left;
    width: 165px;
}

#navigation ul
{
    position: relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    border-top: 1px solid #cccccc;
}

#navigation li
{
    position: relative;
    float: left;
    width: 140px;
    border-bottom: 1px solid #cccccc;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 25px;
    background-color: #FFE500;
}

#navigation li.selected
{
    position: relative;
    float: left;
    background-image: url(../../../../images/yellow-downarrow.gif);
    background-repeat: no-repeat;
    background-position: 2px 0px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 25px;
    font-weight: bold;
    background-color: #FAF5CD;
}

#navigation a
{
    text-decoration: none;
}

#navigation a:hover
{
    text-decoration: underline;
}

#navigation .navigation-level2
{
    width: 140px;
    background-color: #FAF5CD;
    border-bottom: 1px solid #cccccc;
    margin: 0px;
    padding: 5px 0px 5px 25px;
}

#navigation .navigation-level2-selected
{
    background-color: #FAF5CD;
}


/* Talk to us */

#talk-to-us-container
{
    position: relative;
    float: left;
    width: 165px;
    margin-top: 20px;
}

#talk-to-us
{
    position: relative;
    float: left;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    width: 163px;
}

#talk-to-us h1
{
    font-size: 130%;
    color: #001E99;
    padding: 2px 5px 2px 5px;
    margin: 0px;
}

#talk-to-us ul
{
    position: relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#talk-to-us li
{
    position: relative;
    float: left;
    width: 125px;
    background-color: #EFEFEF;
    border-bottom: 0px solid #cccccc;
    margin: 0px 0px 2px 0px;
    padding: 8px 0px 8px 38px;
}

#talk-to-us li#skype
{
    background-image: url(../../../../images/skype.gif);
    background-repeat: no-repeat;
    background-position: 3% 4px;
}

#talk-to-us li#messenger
{
    background-image: url(../../../../images/messenger.gif);
    background-repeat: no-repeat;
    background-position: 3% 4px;
}

#talk-to-us li#email
{
    background-image: url(../../../../images/email.gif);
    background-repeat: no-repeat;
    background-position: 3% 4px;
}

#talk-to-us li#callyou
{
    background-image: url(../../../../images/skype.gif);
    background-repeat: no-repeat;
    background-position: 3% 4px;
}

#talk-to-us a
{
    color: #001E99;
    text-decoration: underline;
}

#talk-to-us a:hover
{
    text-decoration: none;
}

/* Welcome area */

#welcome
{
    position: relative;
    float: left;
    width: 334px;
    margin: 0px;
    padding: 0px;
    background-color: #FAF5CD;
    color: #001E99;
    line-height: 180%;
}

#welcometext
{
    position: relative;
    float: left;
    width: 314px;
    padding: 5px 10px 0px 10px;
    margin: 0px;
    font-weight: bold;
}

#welcometext h1
{
    font-size: 150%;
    color: #001E99;
    padding: 0px;
    margin: 0px;
}

#welcometext ul
{
    position: relative;
    float: left;
    width: 314px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#welcometext li
{
    position: relative;
    float: left;
    background-image: url(../../../../images/yellow-downarrow2.gif);
    background-repeat: no-repeat;
    background-position: 1% 4px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 25px;
}

#welcometext a
{
    color: #001E99;
    text-decoration: underline;
}

#welcometext a:hover
{
    text-decoration: none;
}

#welcometext li a
{
    text-decoration: underline;
}

#welcometext li a:hover
{
    text-decoration: none;
}

/* Map */

#map
{
    position: relative;
    float: right;
    width: 200px;
}

#map img
{
    border: none;
}

/* Buying, Selling and Letting panels */

.homepage-panel
{
    position: relative;
    float: left;
    margin-right: 9px;
    width: 175px;
    padding: 0px;
}

.homepage-panel-right
{
    position: relative;
    float: right;
    width: 175px;
    padding: 0px;
}

.homepage-panel-image
{
    position: relative;
    float: left;
    width: 173px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.homepage-panel img
{
    border: none;
}

.homepage-panel-content
{
    position: relative;
    float: left;
    width: 153px;
    padding: 10px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-size: 90%;
    min-height: 110px;
}

.homepage-panel-content img
{
    margin-bottom: 10px;
}

.homepage-panel-content ul
{
    position: relative;
    float: left;
    width: 153px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

.homepage-panel-content li
{
    position: relative;
    float: left;
    background-image: url(../../../../images/yellow-downarrow2.gif);
    background-repeat: no-repeat;
    background-position: 1% 4px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 25px;
}

.homepage-panel-content a
{
    color: #001E99;
}

/* Latest news */

#homepage-latestnews-container
{
    position: relative;
    float: left;
    width: 544px;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 5px;
}

#homepage-latestnews-container h1
{
    font-size: 150%;
    color: #001E99;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #cccccc;
}

#homepage-latestnews-container ul
{
    position: relative;
    float: left;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#homepage-latestnews-container li
{
    position: relative;
    float: left;
    width: 544px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}

#homepage-latestnews-container a
{
    color: #001E99;
}

#viewall-latestnews
{
    position: relative;
    float: left;
    width: 544px;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#viewall-latestnews ul
{
    position: relative;
    float: left;
    width: 544px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#viewall-latestnews li
{
    position: relative;
    float: left;
    background-image: url(../../../../images/yellow-downarrow2.gif);
    background-repeat: no-repeat;
    background-position: 1% 4px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 25px;
}

#viewall-latestnews a
{
    color: #001E99;
}

/* Footer */

#footer
{
    position: relative;
    float: left;
    left: 20px;
    width: 730px;
    border-top: 1px solid #E8CB00;
    margin-top: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #666666;
}

#footer-logos
{
    position: relative;
    float: left;
    width: 300px;
}

#footer-links
{
    position: relative;
    float: left;
    width: 600px;
    padding: 15px 0px 0px 0px;
    text-align: left;
}

#footer-links a
{
    text-decoration: none;
}

#footer-links a:hover
{
    text-decoration: underline;
}

#logocontainer
{
    width:540px; 
    float:left; 
    background-color:#FFFFFF; 
    margin-top:20px; 
    margin-bottom:20px; 
    padding-left:10px; 
}

#footerlogo, #footerlogo2, #footerlogo3, #footerlogo4
{
    width: 25%;
    float: left;
    margin: auto;
    text-align: center;
    background-color: #FFFFFF;
}

/* Subpage containers */

#subpage-maincontent-container
{
    position: relative;
    float: right;
    width: 554px;
    border-left: 1px dashed #cccccc;
}

#subpage-content
{
    position: relative;
    float: left;
    width: 320px;
    padding: 0px 0px 0px 10px;
    margin: 0px;
}

#subpage-content-wide
{
    position: relative;
    float: left;
    width: 99%;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    overflow: hidden;
}

#subpage-content p, #subpage-content-wide p
{
    margin-top: 0.4em;
    margin-bottom: 0.6em;
}

#subpage-content h1, #subpage-content-wide h1
{
    font-size: 150%;
    color: #001E99;
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

#subpage-content h2, #subpage-content-wide h2
{
    font-size: 120%;
    color: #666666;
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

#subpage-content img, #subpage-content-wide img
{
    padding: 10px;
}

#subpage-content a, #subpage-content-wide a
{
    color: #001E99;
}

#subpage-content ul, #subpage-content-wide ul
{
    position: relative; /* width: 300px; */
    margin: 0px;
    padding: 3px 0px 7px 15px;
}

#subpage-content li, #subpage-content-wide li
{
    position: relative;
    list-style-type: square;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}

#subpage-content li.indent, #subpage-content-wide li.indent
{
    position: relative;
    list-style-type: circle;
    margin: 0px 0px 0px 20px;
    padding: 5px 0px 0px 0px;
}

#subpage-rightmenu
{
    position: relative;
    float: right;
    width: 200px;
}

#subpage-rightmenu-block
{
    position: relative;
    float: right;
    width: 200px;
    padding: 0px;
    margin: 0px 0px 30px 0px;
}

#subpage-rightmenu-block h3
{
    font-size: 120%;
    color: #001E99;
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

#subpage-rightmenu-block ul
{
    position: relative;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#subpage-rightmenu-block li
{
    position: relative;
    background-image: url(../../../../images/pdf-icon.jpg);
    background-repeat: no-repeat;
    background-position: 0% 2px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 25px;
}

#subpage-rightmenu-block a
{
    color: #001E99;
}

#subpage-rightmenu-block2
{
    position: relative;
    float: right;
    width: 200px;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

#subpage-rightmenu-block2 h3
{
    font-size: 120%;
    color: #001E99;
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

#subpage-rightmenu-block2 ul
{
    position: relative;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#subpage-rightmenu-block2 li
{
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
}

#subpage-rightmenu-block2 a
{
    color: #001E99;
}