html, body, form {
    margin: 0;
    padding: 0;
    height: 100%;
    display: inline;
}
/*
html {
    overflow: hidden;
    height: 100%;
}*/

        #newoffice > table .stripline_td1 
        {
            background-image: url(/gfx/newmag/1_bw.jpg);
            /*background-image: url(/gfx/newmag/1face_bw.jpg);*/
            background-position: left center !important;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-position: left center;
            backface-visibility:hidden;
            -webkit-backface-visibility:hidden; 
            -moz-backface-visibility:hidden; 
            -ms-backface-visibility:hidden;            
        }

        #newoffice > table .stripline_td2
        {
            background-image: url(/gfx/newmag/2_bw.jpg);
            background-position: center center !important;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-position: left center;
            backface-visibility:hidden;
            -webkit-backface-visibility:hidden; 
            -moz-backface-visibility:hidden; 
            -ms-backface-visibility:hidden;
        }

        #newoffice > table .stripline_td3 
        {
            background-image: url(/gfx/newmag/3_bw.jpg);
            background-position: center center !important;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-position: left center;
            backface-visibility:hidden;
            -webkit-backface-visibility:hidden; 
            -moz-backface-visibility:hidden; 
            -ms-backface-visibility:hidden;
        }

        #newoffice > table .stripline_td4 
        {
            background-image: url(/gfx/newmag/4_bw.jpg);
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-position: left center;
            backface-visibility:hidden;
            -webkit-backface-visibility:hidden; 
            -moz-backface-visibility:hidden; 
            -ms-backface-visibility:hidden;            
        }

        #newoffice > table .stripline_td5
        {
            background-image: url(/gfx/newmag/5_bw.jpg);
            background-position: left center !important;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-position: left center;
            backface-visibility:hidden;
            -webkit-backface-visibility:hidden; 
            -moz-backface-visibility:hidden; 
            -ms-backface-visibility:hidden;            
        }

        #newoffice > table .stripline_td6
        {
            background-image: url(/gfx/newmag/6_bw.jpg);
            background-position: left center !important;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-position: left center;
            backface-visibility:hidden;
            -webkit-backface-visibility:hidden; 
            -moz-backface-visibility:hidden; 
            -ms-backface-visibility:hidden;              
        }

* {
    margin: 0;
    padding: 0;
    font-family: 'FFDINWebProLight', Arial;
}

body {
    background-image: url('../gfx/bg/main-background-long.jpg');
    background-color: #000;
    /*overflow: auto;*/
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
}

#frmMain {
    position: relative; /*todo: not sure if this is a good idea? D:*/
}

body#homepage {
    overflow-y: auto;
}
/*
body#page-body {
    overflow-y: auto;
}*/

a img {
    border: 0;
    cursor: pointer;
}

form {
    min-width: 960px;
}

input {
    color: #fff;
}

textarea {
    color: #fff;
}

input[type=button] {
    color: #000000;
}

.clearer{
    clear:both !important;
    width:100%;
    height:0;
    line-height:0;
    font-size:0;
}

/* todo: negative margin the top of headings so they space out correctly from the top */
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a, h4 a,h5 a,h6 a {
    color: #FFF;
    font-family: 'FFDINWebProLight',Arial !important;
    font-weight: normal;
    letter-spacing: 0;
    padding-bottom: 0;
    margin: 0;
    padding: 0;
}

h3.orange
{
    color:#ffa200;
}

h1, h1 a {
    /*margin-top: -7px; this effectively offsets the default space added above headings - barry css consistency */
    padding-bottom: 10px;
    font-size: 30px;
}

h1, h2 {
    text-transform: capitalize;
}
.people h1, .people h2 {
   text-transform: none;
}

.case-studies-layout .main-table  h1 {
    font-size: 32px;
}

h2, h2 a {
    font-size: 19px;
    /*margin-top: -4px; this effectively offsets the default space added above headings - barry css consistency */
    padding-bottom: 12px;
}

.block-links-item h2, .block-links-item h2 a
{
    padding-bottom: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0)  
{
     /* Safari only */
     ::i-block-chrome,
     h2, h2 a{
        text-shadow: 1px 0 1px #FFFFFF;
    }   
    
}

h3, h3 a{
    font-size: 17px;
    /*margin-top: -4px; this effectively offsets the default space added above headings - barry css consistency */
    padding-bottom: 12px;
}


.case-studies-layout h3, .case-studies-layout h3 a {
    font-style: normal;
    font-family: 'FFDINWebProMedium', Arial !important; /*this has been kept non-standardised due to case studies being more customised :/*/
    font-size: 20px;
}

h4, h4 a {
    /*font-weight: bold;*/
    font-size: 13px;
    margin-top: -3px; /*this effectively offsets the default space added above headings - barry css consistency */
    padding-bottom: 8px;
}

h5, h5 a {
    font-family: 'FFDINWebProLight', Arial;
    font-size: 14px;
    font-weight: normal;
    margin-top: -2px; /*this effectively offsets the default space added above headings - barry css consistency */
    padding-bottom: 12px;
}

h4 strong,
h5 strong {
    font-weight: normal;
    color: #c0c1c3;
}

.white-bg h1, .white-bg h2, .white-bg h3, .white-bg h4, .white-bg h5, .white-bg h6, .white-bg h1 a, .white-bg h2 a, .white-bg h3 a, .white-bg h4 a, .white-bg h5 a, .white-bg h6 a {
    color: #000;
}

.white-bg .case-studies-layout .title h2, .white-bg .case-studies-layout .title h2 a,
p.white {
    color: #FFF;
}

.header-property-price h3 {
    margin-top: 0;
}

/*
#large_footer h1 {
    margin-top: 0;
}*/

/* global paragraph styling */
p, .paragraph, a {
    font-size: 12px;
}
p, .paragraph {
    padding: 0 0 12px 0;
    color: #c0c1c3;
}
p {
    line-height:1.5;
}

p.small, a.small {
    font-size: 10px; /*used for things like footer e-mail links*/
}

div.block-padding>p:last-of-type,
div.block-padding div>p:last-of-type {
    padding-bottom: 0px; /* need to remove the spacing as containers have the spacing at the bottom applied */
}


.white-bg p, .white-bg .paragraph {
    color: #555555;
}

a {
    color: #ffa200;
   /*  color: #c2c2c2; */
    text-decoration: none;
    /*outline: 0;*/ /*barry, removed don't think we need this? 20/08/2013 */
}
.cc_container a, .cc_container a:visited {
    color: #ffa200 !important;
    text-decoration: none !important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #fff !important;
    background-color: #9a9ca0 !important;
    border-radius: 0 !important;
}
.cc_banner-wrapper .cc_container {
	padding: 6px !important;
}
@media screen and (min-width: 768px) {
	.cc_banner-wrapper .cc_container .cc_btn {
		font-size: 0.8em;
	}
}


@media screen and (min-width: 500px) {
	.cc_banner-wrapper .cc_container .cc_message {
	    margin-top: 0.6em;
	    font-size: 0.8em;
	}	
}
a.homelink
{
    color: #ffffff;
    font-weight:bold;
}

a.homelink:hover
{
    text-decoration:underline;
}

label {
    color: #FFF;
    font-weight:bold;
    font-size: 12px;
}

.bold{
    font-weight: bold;
    font-family: 'FFDINWebProBold', Arial;
}

.subtitle {
    color: #ffa200;
    font-weight: bold;
}

.case-studies-layout .subtitle 
{
    color: #000;
}

.relative
{
    position:relative;
}

form input {
    color: #000;
}
::-webkit-input-placeholder {
   color: #111111;
}

:-moz-placeholder { /* Firefox 18- */
   color: #111111;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #111111;  
}

:-ms-input-placeholder {  
   color: #111111;  
}
.input-placeholder {
   color: #666666;
}

.hidden
{
    display: none;
}

.block-border-button 
{
    border: 1px solid #fff;
    color: #FFF;
    padding: 12px 34px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-family: 'FFDINWebProLight', Arial !important;
}

.block-border-button:hover 
{
    background-color: rgba(255, 255, 255, 0.13);
}

/***********/
/***********/



.block-border-button-large 
{
     padding: 12px 0 !important;
     text-align: center;
     width: 100%;
}

.block-border-button-large-wrapper
{
     position: absolute;
     bottom: 1px;
     width: calc(25% - 8px);
     width: -webkit-calc(25% - 8px);
}

.block-border-button-large-wrapper h3 
{
    padding-bottom: 5px;
    width: 100%;
}

.button-large-wrapper-right 
{
    right: 14px;
}

.button-large-wrapper-left 
{
    left: 14px;
}

/***********/
/***********/

/* Styles for the large block link buttons which are in two column format */
.block-links-right {
    float: right;
    width: 50%;
}
.block-links-left {
    float: left;
    width: 50%;
}

/* was .standard-content-link-item { */
.block-links-item {
    /*width:350px;*/
    clear:both;
    padding: 5px;
    cursor: pointer;
    height: 100%;
    border: 1px solid transparent;
}
/* was .standard-content-link-item a { */
.block-links-item a {
    color:#c0c1c3 !important;
    font-style:italic;
    cursor:pointer;
}
/* was .standard-content-link-item p { */
.block-links-item p {
    padding-bottom:5px;
}
/*was .standard-content-link-item:hover,
.standard-content-link-item.active {*/
.block-links-item:hover,
.block-links-item.active {
    /*background-color:#dd9636;*/
    border: 1px solid #fff;
}
/* was
.standard-content-link-item:hover a,
.standard-content-link-item.active a { */
.block-links-item:hover a,
.block-links-item.active a {
    color:#FFF;
}
/*
.standard-content-link-item:hover p,
.standard-content-link-item.active p { */
.block-links-item:hover p,
.block-links-item.active p {
    color:#FFF;
}
/*
.standard-content-links-right {
    float: right;
    width: 50%;
}
.standard-content-links-left {
    float: left;
    width: 50%;
}
.standard-content-links h2 {
    font-size: 21px;
    padding-bottom: 0;
    font-weight:bold;
}*/
/*
.light-gray p,
.light-gray.paragraph{
    color:#c0c1c3;
}
*/
/*
p.standart{
    color:#c0c1c3;
    font-size:13px;
    line-height:1.5;
}
*/
/*
.main-content-area-2-col .standard-block-content p,
.main-content-area-2-col .standard-block-content .paragraph{
    margin-bottom:10px;
}
*/

.image-overlay 
{
    color: #FFFFFF;
    background-color: #818181;
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    filter:alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";   
    opacity: 0.8;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
    font-weight:bold;
    font-size: 13px;
    cursor:pointer;
}

a.image-overlay {
    color: #FFF !important;
}

/************** 2. Basic Layout [BL] ************************/

.relative {
    position: relative;
}

div.main-container {
    height: auto !important;
    min-height: 100% !important;
    /*min-width: 1040px;*/
    min-width: 1024px;
    position: relative;
    z-index: 2;
}
.header-bg {
    position: absolute;
    background: url(/gfx/bg/header-strip.png) repeat-x scroll left top transparent;
    width: 100%;
    height: 145px;
    z-index: -1;
}

/*background: url("../gfx/bg/header-strip.png") repeat-x scroll left top transparent;*/


.pull-up-general {
    margin: 0 auto 0;
    z-index: -2; /* the bottom margin is the negative value of the footer's height */
}

.pull-up-image-gallery {
    margin: 0 auto -30px;
    z-index: -2; /* the bottom margin is the negative value of the footer's height */
}



/*was: div.inner-container barry*/
div.main-container-inner {
    /*
    min-height: 610px;
    zoom: 1;
    margin-top: 30px;
    */
    margin-top: 0;
    min-height: 0;
    /*padding-left:30px;*/
    padding: 27px 27px 57px 27px;
}

/* all elements that need a black semi-transparent background */
div.main-container-inner .wysiwyg-block,
.black-bg{
    background: rgba(0,0,0,.8);
}

.bg-white
{
    /*background: rgba(256,256,256,1);*/
    background-color: #FFF;
}


.bg-light-gray
{
    /*background: rgba(235,235,235,1);*/
    background-color: #EBEBEB;
}


.bg-dark-gray
{
    /*background: rgba(147,149,152,1);*/
    background-color: #939598;
}

div.main-content-area {
    background: none repeat scroll 0 0 transparent;
    margin-left: auto;
    /*margin-right: 15px;*/
    min-height: 800px;
    min-width: 540px !important;
    padding: 0 0 0 0;
    display:inline-block;
    float:left;
}

/*
div.main-content-area-padding {
    padding: 27px;
}
*/

/* Global page widths and specific page widths and heights */
.block-limited-width
/*.page-7*/ /*was for domus loves page*/
{
    width: 970px !important;
    min-width: 970px !important;
}

.page-2, /* for buy page */
.page-4 /* for rent page */
{
    min-height:762px !important;
}
.page-27 .wysiwyg-block,
.page-28 .wysiwyg-block
{
    margin-bottom: 0;
}

/* margins used to set the margin spacing of blocks */
.block-margin-top {
    margin-top: 12px;
}
.block-margin-bottom { /*.block-margin-bottom {*/
    margin-bottom: 12px;
}
.block-margin-bottom-half {
    margin-bottom: 6px; /*this is used for things like blog right menu where items under the block need to be closer*/
}
.block-margin-top-remove { /*.block-margin-top-remove {*/
    margin-top: -12px;
}
.block-margin-right {
    margin-right: 12px;
}
.block-margin-left {
    margin-left: 12px;
}
.block-margin-left-remove {
    margin-left: -12px;
}
/* margin used when block is absoloute positioned and on the left edge of screen (needs the margin left attribute set to push the block in the correct amount from the left side of screen) */
.block-margin-right-absolute {
    margin-left: 27px;
    margin-right: 12px;
}

/* padding used to set spacing inside blocks */
.block-padding {
    padding: 12px;
}

/* padding used to put additional spacing out the bottom of elements */
.block-padding-bottom {
    padding-bottom: 12px !important; /*todo: we should be able to remove !important when other styles tidied up e.g. .main-content-area-transparent-non-js p */
}

.block-padding-bottom-big
{
    padding-bottom: 26px !important; 
}

/* padding used to put the correct padding on the left of a block */
.block-padding-left
{
    padding-left: 12px;
}

/* padding used to put the correct padding on the right of a block */
.block-padding-right
{
    padding-right: 12px;
}

.block-padding-top
{
    padding-top: 12px;
}

/* padding used to remove the padding at the top inside of a block */
.block-padding-top-remove {
    padding-top: 0px !important;
}
/* padding used to remove the padding at the bottom inside of a block */
.block-padding-bottom-remove {
    padding-bottom: 0px !important;
}

.block-map 
{
    position: absolute;
    top: 107px;
    bottom: 57px;
    right: 27px;
    left: 27px;
}

.block-map p, .block-map span
{
    font-family: Arial;
    margin-bottom: 0px;
}

.right-sidebar-content{
    display:inline-block;
    float:left;
}

/* disabled by barry css consistency */
/*
.right-sidebar-content .standard-block-container{
    min-width:640px;
}
*/

/*set the widths for pages with two column content, by default 2 column in 1024px wide defaults to 1 column */
.block-column1 {
    width: 970px;
    float: none;
}

.block-column2 {
    width: 970px; /*used to be 640px;*/
    float: none;
    margin-top: 12px;
}
.block-column1-noresize 
{
    float: left;
    width: 50%;    
}
.block-column2-noresize 
{
    float: right;
    width: 50%;
}
.block-column1-noresize > div 
{
    margin-right: 6px;
}
.block-column2-noresize > div 
{
    margin-left: 6px;
}
/* make the content full width when page is small */
@media screen and (min-width:1280px) {
    .block-column1 {
        /*width: 605px;*/
        width: 50%;
        float: left;
    }
    
    /*.block-column1 margin (we put 5px on the edge of the left column, and 5 px on the right so the columns are equal widths) */
    .block-column1 > div
    {
        margin-right: 6px;
    }

    .block-column2 {
        /*width: 605px;*/ /*still need to work out widths for two col and 1 col */
        width: 50%;
        float: left;
        margin-top: 0;
    }
    
    /* block-column2 margin (we put 5px on the edge of the right column, and 5 px on the left so the columns are equal widths) */
    .block-column2 > div
    {
        margin-left: 6px;
    }
    
    .block-column2 .block-padding
    {
        margin-right: 0;
    }
}

/* in-page navigation for things like buy nav controls,  map nav controls etc, looks like: Title: link1 / link2 / link3 Title2: link1 / link2 / link3 */
.content-navigation {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}
.content-navigation-group
{
    padding: 0 8px 0 8px;
    display: inline;
}
.content-navigation .content-navigation-title
{
    color: #FFFFFF;
    font-family: Arial;
    padding-right: 5px;
}
.content-navigation .content-navigation-separator
{
    font-family: Arial;
    color: #BBBBBB;
    padding: 0 5px 0 5px;
}
/* special .off and .aspNet styles required for handling elements dynamically adjusted by .NET */
.content-navigation .content-navigation-item,
.content-navigation .off,
.content-navigation .aspNetEnabled,
.content-navigation a
{
    font-family: Arial;
    color: #EEEEEE;
}
.content-navigation .selected,
.content-navigation .aspNetDisabled,
.content-navigation a.selected
{
    font-family: Arial;
    color: #FFA200;
}
.content-navigation.content-navigation-padding
{
    padding-top: 2px;
    padding-bottom: 2px;
}

.img-container-fullscreen{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
/*    top: 80px;*/
    top: 50px;
    z-index: -2;
}
/*
.valuation-request-content-container{
    padding:15px;
}*/

/* we should be able to get rid of this - barry */
/*.content-block-container{
    clear:both;
    width:75%;
    margin:15px 0 0 30px;
    min-width:1040px;
    min-width: 1024px;
}*/

/* these ones on domus loves only, should be able to get rid of - barry */
/*
.standard-content-block-col{
    width:49%;
}
.standard-content-block-col.black{
    background-color:#000;
}
.standard-content-col-body{
    padding:20px;
}
.standard-content-col-body h2{
    font-size:24px;
}*/
/*
.standard-content-list{
    clear:both;
    padding:10px 0 0 0;
}*/

/*disabled by barry css consistency*/
/*
.main-content-area-2-col div.standard-block-container{
    width:730px;
    position:relative;
    background: rgba(0,0,0,.8);  
    z-index:100;
    display:inline-block;
    margin:0 10px 250px 0;
    color:#fff;
}

.main-content-area-2-col div.standard-block-container{
    padding:20px;
}

.main-content-area-2-col .standard-block-content{
    width:auto;
   
}
*/

/************** 3. Header [HD] ************************/

div.header-container {
/*    background: url("../gfx/bg/header.png?version=2") no-repeat scroll 260px top transparent;*/
    background: url("../gfx/bg/header.png?version=3") no-repeat scroll 0px -18px transparent;
    /*height: 120px;*/ /*barry css consistency*/
    position: relative;
    overflow:hidden;
}

div.logo {
    width: 190px;
    height: 37px;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 16px;
/*    padding-top: 44px; */
    padding-left: 30px;
    z-index: 999;
}

div.logo img {
    height: 17px;
}


/************** 3.1 RHS Header menu **********************/

.hdrSubscribeForm{
    float:right;
    padding-right:20px;
    padding-top:11px;
}

.hdrSubscribeField2, .hdrSubscribeField-error,  .hdrSubscribeField-error-snap
{
    border:0;
    padding-left:15px;
    padding-right:10px;
    color:white;
    outline: none;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */

.hdrSubscribeField2, .hdrSubscribeField-error
{
    width:170px;
    height:24px;
    font-size:9px;
}


.hdrSubscribeField2
{
    background: url('/gfx/header/icons/subscribe_box.png') transparent no-repeat;
}

.hdrSubscribeField-error
{
    background: url('/gfx/header/icons/subscribe_box_error.png') transparent no-repeat;
}


.hdrSubscribeField-error-snap
{
    background: url('/gfx/header/icons/subscribe_box_error_snap.png') transparent no-repeat;
}
    

.hdrSubscribeButtonImg
{
    position:relative;
    top:3px;
    margin-right:20px;
    cursor:pointer;
}

.hdrSocialLinks
{
    position:relative;
    top:5px;
}

.hdrSlash
{
    color:#1E4254;
    font-size:20px;
    position:relative;
    top:3px;
}

.hdrSubscribeForm ul
{
    padding-right: 10px;
    position: relative;
}

.hdrSubscribeForm ul, .hdrSubscribeForm ul li
{
    display:inline-table;
}


/************** 4. Main Menu [MM] ************************/
div.header-container .menu-container {
    height: 50px;
    position: relative;
}
/*
div.header-container .menu-container .main-menu-links {
    display: block;
    height: 72px;
    background-color: transparent;
    position: absolute;
    top: 7px;
    background-position: left top;
    background-repeat: no-repeat;
}
*/

ul.main-menu-links
{
    display:inline;
    left: 276px;
    position: relative;
    padding:0px;
    margin:0px;
    font-size:0;
}
ul.main-menu-links
{
    top: 14px;
}

ul.main-menu-links li, .hdrSubscribeForm ul li
{
    display:inline;
    padding:0px;
    margin:0px;
}
ul.main-menu-links li a
{
    display:inline;
    color:#9A9CA0;
    padding:0px;
    margin:0px;
    font-family:'FFDINWebProMedium',Arial !important;
    font-size:13px !important;
}
ul.main-menu-links li a:hover, .main-buy-selected, .main-rent-selected, .main-domus-selected, .main-magazine-selected, .main-case-studies-selected, .hdrContact:hover,.hdrAbout:hover, .hdrSmallSelected
{
    color:#ffffff !important;
}
.hdrContact, .hdrAbout
{
    position:relative;
    top:0px;
    color:#9A9CA0 !important;
    font-family:'FFDINWebProMedium',Arial !important;
    font-size:13px !important;
}

.hdrContact
{
    padding-right:10px;
}
.hdrAbout
{
    padding-left:10px;
}
.magazine-link, .magazine-link-snap 
{
    left: 244px;
    position: absolute;
    top: 4px;
    z-index: 1;
}
.domus-loves-link, .domus-loves-link-snap 
{
    left: 126px;
    position: absolute;
    top: 4px;
    z-index: 2;
}
.let-link {
    z-index: 4;
}
.rent-link, .rent-link-snap 
{
    left: 67px;
    position: absolute;
    top: 4px;
    z-index: 5;
}
.sell-link {
    z-index: 6;
}
.buy-link, .buy-link-snap 
{
    left: 10px;
    position: absolute;
    top: 4px;
    z-index: 7;
}
.case-studies-link, .case-studies-link-snap 
{
    left: 338px;
    position: absolute;
    top: 4px;
    z-index: 3;
}
.issue-23-link {
    left: 482px;
    position: absolute;
    top: 4px;
    z-index: 8;
}
.buy-link, .rent-link, .domus-loves-link, .magazine-link, .case-studies-link{
}
.buy-link-snap, .rent-link-snap, .domus-loves-link-snap, .magazine-link-snap, .case-studies-link-snap{
}

/*
.main-magazine-selected, .main-magazine-selected:hover {
    background-image: url('../gfx/header/buttons/magazine-active.png') !important;
}

.magazine-link:hover, .magazine-link-snap:hover {
    background-image: url('../gfx/header/buttons/magazine-active.png');
}

.inspire-me-link {
    left: 736px;
    width: 124px;
    background-image: url('../gfx/header/buttons/inspire.png');
    z-index: 1;
}

.main-inspire-selected, .main-inspire-selected:hover {
    background-image: url('../gfx/header/buttons/inspire-active.png') !important;
}
*/

/*
.main-domus-selected, .main-domus-selected:hover {
    background-image: url('../gfx/header/buttons/domus-active.png') !important;
}

.domus-loves-link:hover, .domus-loves-link-snap:hover {
    background-image: url('../gfx/header/buttons/domus-active.png');
}

.explore-locally-link {
    left: 495px;
    width: 162px;
    background-image: url('../gfx/header/buttons/explore.png');
    z-index: 3;
}

.main-explore-selected, .main-explore-selected:hover {
    background-image: url('../gfx/header/buttons/explore-active.png') !important;
}

.explore-locally-link:hover {
    background-image: url('../gfx/header/buttons/explore-hover.png');
}
*/

/*
.main-let-selected, .main-let-selected:hover {
    background-image: url('../gfx/header/buttons/let-active.png') !important;
}

.let-link:hover, .let-link-snap:hover {
    background-image: url('../gfx/header/buttons/let-hover.png');
}
*/

/*
.main-rent-selected, .main-rent-selected:hover {
    background-image: url('../gfx/header/buttons/rent-active.png') !important;
}

.rent-link:hover, .rent-link-snap:hover {
/*    background-image: url('../gfx/header/buttons/rent-hover.png');*/
    background-image: url('../gfx/header/buttons/rent-active.png');
}
*/
/*
.main-sell-selected, .main-sell-selected:hover {
    background-image: url('../gfx/header/buttons/sell-active.png') !important;
}

.sell-link:hover {
    background-image: url('../gfx/header/buttons/sell-hover.png');
}
*/
/*
.main-buy-selected, .main-buy-selected:hover {
    background-image: url('../gfx/header/buttons/buy-active.png') !important;
}

.buy-link:hover, .buy-link-snap:hover {
    background-image: url('../gfx/header/buttons/buy-active.png');
}
*/

/*
.main-case-studies-selected, .main-case-studies-selected:hover {
    background-image: url('../gfx/header/buttons/back-catalogue-active.png') !important;
}

.case-studies-link:hover, .case-studies-link-snap:hover {
    background-image: url('../gfx/header/buttons/back-catalogue-active.png');
}
*/
/* Fullwidth page with menu */

div.main-content-area-black-special {
    background-color: transparent;
    margin: 0;
    padding: 0;
    position: relative;    
}

/* todo: removal of these styles:
<div class="top-black-heading">
<div class="top-black-heading-inside">
*/
div.main-content-area-black-special .top-black-heading{
    /*width:665px;*/
}
/*
.left-menu-container{
    clear:both;
    margin: 15px 0 0 30px;
    width:665px;
    background: rgba(0,0,0,.8);  
}

.left-menu-container.wide{
    width:75%;
}

.left-menu-container.full-width{
    width:96%;
}

.left-menu-container.full-width .left-menu-container-inner{
    padding:0 20px 20px 140px;
}
*/

.local-amenity-container {
    padding-left: 128px;
}

/************** 5. The Search/SubMenu [SM] ************************/
.login-type-menu {
    min-width: 640px;
    height: 30px;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
}

    .login-type-menu .search-button {
        display: block;
        width: 13px;
        height: 15px;
        position: absolute;
        right: 30px;
        top: 10px;
        background: transparent url('../gfx/header/icons/search_grey.gif') no-repeat left top;
        border: 0px;
        cursor: pointer;
    }

    .login-type-menu .search-text-box {
        position: absolute;
        top: 10px;
        right: 43px;
        height: 15px;
        width: 95px;
        padding-left: 10px;
        border: 0;
        background: transparent url('../gfx/bg/text-box-search.gif') no-repeat left top;
        font-size: 10px;
    }

    .login-type-menu ul {
        position: absolute;
        right: 165px;
        top: 10px;
    }

        .login-type-menu ul li {
            float: left;
            height: 16px;
            padding-left: 10px;
        }

            .login-type-menu ul li, .login-type-menu ul li a {
                display: block;
                color: #9a9ca0;
                height: 16px;
                font-size: 10px;
                text-decoration: none;
            }

                .login-type-menu ul li a:hover {
                    color: #ffa200;
                }
/*
div.main-content-area-black p.popdown-box-caller {
    position: absolute;
    display: block;
    width: 113px;
    height: 20px;
    border: solid 1px #9a9ca0;
    padding-left: 5px;
    padding-top: 3px;
    color: #9a9ca0;
    left: 0;
    top: 129px;
    font-size: 12px;
    margin: 0;
    cursor: pointer;
    z-index: 11;
}

div.main-content-area-black p.distance-popdown {
    z-index: 15;
}

div.main-content-area-black p.property-type-popdown {
    top: 129px;
    left: 128px;
    z-index: 15;
}

div.main-content-area-black p.price-range-popdown-1 {
    top: 199px;
    left: 0;
    z-index: 13;
}

div.main-content-area-black p.price-range-popdown-2 {
    top: 199px;
    left: 128px;
    z-index: 13;
}

div.main-content-area-black p.minimum-bedrooms-popdown {
    top: 269px;
    left: 0;
    z-index: 11;
}
*/

/*
.off {
    color: #C0C0C0 !important;
}

.on {
    color: orange !important;
}
*/

/*
ul.faux-dropdown-list {
    position: absolute;
    width: 118px;
    min-height: 20px;
    background-color: #000;
    border: solid 1px #9a9ca0;
    padding: 0;
    color: #9a9ca0;
    left: 0;
    top: 129px;
    font-size: 12px;
    margin: 0;
    list-style: none;
    z-index: 10;
    display: none;
    padding-top: 22px;
}

    ul.faux-dropdown-list li a {
        display: block;
        font-size: 12px;
        color: #9a9ca0;
        text-decoration: none;
        width: 113px;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        ul.faux-dropdown-list li a:hover {
            background-color: #9a9ca0;
            color: #000;
        }
*/

/*
div.main-content-area-black p.popover-description-top {
    font-size: 11px;
    color: #FFF;
    position: absolute;
    width: 250px;
    left: 0;
    top: 50px;
    margin: 0;
    line-height: 13px;
}

ul.distance-popdown-list {
    z-index: 14;
}

ul.property-dropdown-list {
    top: 129px;
    left: 128px;
    z-index: 14;
}

ul.price-dropdown-list {
    top: 119px;
    left: 0;
    z-index: 12;
}

ul.price-dropdown-list-2 {
    top: 119px;
    left: 128px;
    z-index: 12;
}

ul.min-dropdown-list {
    top: 269px;
    left: 0;
    z-index: 10;
}
*/
/************	6. The Search/SubMenu [SM]	  ***************/


.footer {
    background-color: #000000;
    height: 30px;
    margin-top: -30px;
    position: relative;
    z-index: 999;
    position:relative !important;
    /*min-width:1040px;*/
    min-width: 1024px;
}

#large_footer .footer {
    margin-top: 0;
}

.footer ul.left-footer-links {
    position: absolute;
    left: 25px;
    top: 8px;
    height: auto;
}

.footer ul.left-footer-links li {
    float: left;
    height: 16px;
    padding-left: 10px;
}

.footer ul.left-footer-links li, .footer ul.left-footer-links li a {
    display: block;
    color: #9a9ca0;
    height: 16px;
    font-size: 10px;
    text-decoration: none;

    font-family: Arial;

}

.footer ul.left-footer-links li a:hover, .footer ul.right-footer-links li a:hover {
    /* color: #ffa200; */
    color: #fff;
}

.footer ul.right-footer-links {
    position: absolute;
    right: 25px;
    top: 8px;
}

.footer ul.right-footer-links li {
    float: left;
    height: 16px;
    padding-left: 10px;
}

.footer ul.right-footer-links li, .footer ul.right-footer-links li a {
    color: #9A9CA0;
    display: block;
    height: 16px;
    text-decoration: none;

    font-family: Arial;
}

/**************	7. SideBar [SB] ******************/
.view-properties-sidebar {
    border: 0px;
    background-image: url(../gfx/side-bar/view-properties-sidebar-btn.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: left bottom;
    background-color: #000;
}

.domus-loves-sidebar {
    border: 0px;
    background-image: url(../gfx/bg/domus-loves-widget-bg.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0px bottom;
}

.explore-nothing-hill-sidebar {
    border: 0px;
    background-image: url(../gfx/bg/explore-nothinghill-bg.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0px bottom;
}

.flickr-sidebar {
    border: 0px;
    background-image: url(../gfx/bg/flickr-sidebar.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0px bottom;
}

.how-can-we-help-you-sidebar {
    border: 0px;
    background-image: url(../gfx/bg/how-to-help-sidebar.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0px bottom;
}

.buying-a-property-sidebar {
    border: 0px;
    background-image: url(../gfx/bg/buying-a-property-bg.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0px bottom;
}

.local-information-sidebar {
    border: 0px;
    background-image: url(../gfx/bg/local-information.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0px bottom;
}

.p .photostream-images-container {
    width: 300px;
    height: 180px;
    background-color: Red;
}

.photostream-left-btn {
    width: 10px;
    height: 12px;
    border: 0px;
    background-image: url(../gfx/side-bar/photostream-left-btn.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    margin-top: 9px;
}

.photostream-right-btn {
    width: 9px;
    height: 12px;
    border: 0px;
    background-image: url(../gfx/side-bar/photostream-right-btn.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    margin-top: 9px;
    margin-left: 10px;
}

.photostream-header img {
    float: left;
}

.right-hand-menu {
    width: 320px;
    float: right;
    min-height: 100px;
}

.how-can-we-help-box {
    height: auto;
    background-color: #000;
    overflow: hidden;
}

/* domus-loves got removed, so we should be able to get rid of all these styles - barry 2013/09/16*/
.domus-loves-box {
    min-height: 150px; /**background: transparent url('../gfx/bg/domus-loves-side.png') repeat-y left top;**/
    overflow: hidden;
}

    .domus-loves-box .left-section {
        width: 110px;
        float: left;
    }

        .domus-loves-box .left-section .top-5-container {
            margin-top: 20px;
            overflow: hidden;
        }

            .domus-loves-box .left-section .top-5-container img {
                margin-bottom: 8px;
                float: left;
            }

            .domus-loves-box .left-section .top-5-container a.properties-top-5-on, .domus-loves-box .left-section .top-5-container a.properties-top-5-off {
                display: block;
                float: left;
                width: 65px;
                padding-left: 5px;
                text-decoration: none;
                font-size: 12px;
                font-family: 'FFDINWebProLight', Verdana;
                letter-spacing: -1px;
                margin-bottom: 10px;
                line-height: 11px;
            }

            .domus-loves-box .left-section .top-5-container a.properties-top-5-on {
                color: #fff;
            }

            .domus-loves-box .left-section .top-5-container a.properties-top-5-off {
                color: #bcbec0;
            }

    .domus-loves-box .right-section {
        width: 180px;
        float: left;
        padding: 4px 0px 0px 10px;
    }

        .domus-loves-box .right-section .top-5-house-list a p {
            font-size: 11px;
            color: #fff;
            line-height: 0px;
        }

        .domus-loves-box .right-section .top-5-house-list a img {
            margin-bottom: 8px;
        }

        .domus-loves-box .right-section .top-5-house-list a span {
            font-size: 11px;
            color: #bcbec0;
            line-height: 12px;
            margin-bottom: 14px;
            display: block;
        }

        .domus-loves-box .right-section .top-5-house-list a {
            text-decoration: none;
        }

.explore-side-box-left-img {
    border: 2px grey solid;
    float: left;
    margin-top: 0px;
    margin-right: 10px;
}

.explore-right-side-section {
    float: left;
    width: auto;
    margin-top: 4px;
}
/*
a.main-tittle {
    font-family: Georgia;
    font-size: 12px;
    text-decoration: none !important;
    color: #ffffff !important;
    font-weight: bold;
    line-height: 13px;
    padding-top: 0px;
    display: block;
}

a.main-tittle-selected {
    color: #9a9ca0 !important;
    background-repeat: no-repeat;
    background-position: 0 9px;
}

ul.explore-box-links {
    list-style: none;
}

a.main-tittle:hover {
    color: #9a9ca0 !important;
}

p.short-content {
    font-size: 11px;
    color: #ffffff !important;
    line-height: 13px;
    padding-bottom: 3px;
    margin-bottom: 4px;
}
*/
.explore-side-box {
    height: auto;
    background-color: #000;
}

    .explore-side-box h2 {
        color: #848589;
        font-family: 'FFDINWebProLight', Verdana;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0;
        text-transform: uppercase;
    }

span.explore-white {
    color: #ffffff;
    font-family: 'FFDINWebProLight', Verdana;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: uppercase;
}

.how-can-we-help-box, .domus-loves-box, .explore-side-box {
    padding: 10px;
    margin-bottom: 10px;
}

.right-hand-menu p {
    color: #9a9ca0;
}

    .right-hand-menu p strong {
        color: #FFF;
    }

.right-hand-menu a {
    color: #ffa200;
    cursor: pointer;
    text-decoration: underline;
}
/*
.how-can-we-help-box p {
    font-size: 11px;
    margin-bottom: 4px;
    line-height: 12px;
}

.how-can-we-help-box h2 {
    color: #FFF;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Verdana;
    font-weight: normal;
    letter-spacing: 0;
}*/

/************  8. MainContent [MC]	************/
/*div.main-content-area-white {*/
.white-bg {
    background-color: #FFFFFF;
    /*margin-left: 30px;
    margin-right: 40px;*/
    min-height: 100px;
    min-width: 540px !important;
    position: relative;
}
/*
    div.main-content-area-white h1 {
        color: #000;
    }

    div.main-content-area-white h3 {
        color: #9A9CA0;
        font-weight: normal;
        font-family: Times New Roman;
        margin-bottom: 15px;
        letter-spacing: 0px;
        font-style: italic;
        font-size: 16px;
        margin-top: -5px;
    }

    div.main-content-area-white p {
        color: #000;
    }*/

div.main-content-area-black {
    background-color: #000;
    min-height: 100px;
    position: relative;
    min-width: 540px !important;
    
    padding: 20px; /*barry - css consistency*/
    
    /*margin-left: 30px;
    margin-right: 10px;
    margin-right: 40px;*/
    margin: 27px;
}

/*
.v2 div.main-content-area-black {
    padding: 30px;
    position: relative;
    min-width: 540px !important;
    margin-left: 30px;
    margin-right: 10px;
    margin-right: 40px;
    margin-bottom: 20px;
}*/

    div.main-content-area-black p {
    }

        div.main-content-area-black p span {
            color: #FFF;
        }

    div.main-content-area-black a {
        color: #ffa200;
        text-decoration: none;
    }
/** full width table layout *
{ width:100%; margin-bottom:20px; min-height: 610px; }*/
td {
    vertical-align: top;
}

    td.side-panel {
        width: 30px;
    }


/***********  9. SearchingThumbnails [ST] *****************/
ul.search-thumbnail-box 
{
    display:block;
    /*padding-right:15px;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: -12px; /*removes the additional left padding resulting from li elements which add 16px to the right of boxes*/
}
ul.search-thumbnail-box li {
    /*width: 275px;*/
    width: 260px;
    /*height: 260px;*/
    height: 238px;
    margin-right: 0;
    /*display: inline-block;*/
    float: left;
    zoom: 1;
    *display: inline;
    overflow: hidden;
    position: relative;
    /*padding: 0 10px 0 0;*/
}
ul.search-thumbnail-box li p {
    /*color: #9A9CA0;
    font-size: 12px;
    line-height: 14px;*/
    margin-left: 0;
    /*margin-top: 10px;*/
    height: auto;
    line-height: inherit;
    /* overflow-y: hidden; */
}

ul.search-thumbnail-box li p strong {
    color: #FFF;
}
ul.search-thumbnail-box li a {
    color: #ffa200;
    text-decoration: none;
    padding: 0;
    white-space: nowrap;
}   
ul.search-thumbnail-box li a.thumbnail-link 
{
    font-size: 0;
    padding: 0;
}
ul.search-thumbnail-box li .status {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 100;
}
ul.search-thumbnail-box li .status-tag {
    position: absolute;
    top: 0px;
    right: 0px;
}
/* apparently this is no longer used either - barry 2013/09/16
ul.fav-thumbnail-box {
}
ul.fav-thumbnail-box li {
    width: 260px;
    height: 210px;
    margin-right: 20px;
    float: left;
    overflow: hidden;
}
ul.fav-thumbnail-box li p {
    color: #9a9ca0;
    font-size: 11px;
    line-height: 14px;
    margin-top: 10px;
    margin-left: 0;
}
ul.fav-thumbnail-box li p strong {
    color: #FFF;
}
ul.fav-thumbnail-box li a {
    color: #ffa200;
    text-decoration: none;
}
*/

/********************* 10. Search Options [SO] *******************/
a.change-search-button {
    position: absolute;
    display: block;
    width: 30px;
    height: 110px;
    background: transparent url('../gfx/buttons/change-search.gif') no-repeat left top;
    left: -30px;
    top: 0px;
    text-decoration: none;
}

.search-carousel-page, .search-carousel-page img {
    float: left;
}

    .search-carousel-page img { /*width: 100%;	*/
    }

    .search-carousel-page .search-header {
        float: left;
        height: 120px;
    }
/*
.search-header h1 {
    font-family: Verdana;
    font-size: 36x;
    letter-spacing: 0;
    margin-left: 20px;
    color: #FFF;
    margin-bottom: 5px;
    font-weight: normal;
}*/
/*
div.main-content-area-black .search-header p {
    width: 540px;
    font-family: Times New Roman;
    color: #9a9ca0;
    font-size: 17px;
}*/



p.jshowoff-controls {
    position: absolute;
    top: 424px;
    right: 30px;
    color: #000;
}

    p.jshowoff-controls a {
        color: #000;
    }

.jshowoff-slidelinks {
    display: none;
}
/*
span.price-per-week 
{
    font-size: 80%;
    padding-left: 3px;
}
*/
/************  11. Full Stretch Masterpage [FSM]  ****************/
/*
.main-content-area-black-non-js {
    min-height: 580px;
    position: absolute;
    top: 110px;
    bottom: 65px;
    background-color: #000;
    left: 30px;
    right: 40px;
    padding: 20px 30px 30px 30px;
    overflow: hidden;
    float: left;
}

    .main-content-area-black-non-js p {
        color: #9a9ca0;
        font-size: 11px;
    }

    .main-content-area-black-non-js span {
        color: #fff;
    }
*/
/********** 	12. Home page container [HPC]	*****************/

.homepage-container {
    position: absolute;
    left: 0px;
    top: 25%;
    width: 260px;
    background: transparent url('../gfx/bg/homepage-container.png?v2') left top;
    /*padding: 20px;*/
    /*background-color:red;*/
}

.homepage-container-get-into {
    background: transparent url('../gfx/bg/get-into-domus.png') top right;
    width: 21px;
    height: 114px;
    cursor:pointer;
    padding:0px;
}

.homepage-container-get-into h1, .homepage-container-get-into h2, .homepage-container-get-into p, .homepage-container-get-into a {
    display:none;
}
/*
.homepage-container h1, .homepage-container h2 {
    font-size: 26px;
    font-weight: normal;
    letter-spacing: -2px;
    padding-bottom:7px;
}*/

.homepage-container a.close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
    color:#c2c2c2;
}

.homepage-container .block-margin-bottom {
    margin-bottom: 0;
}

.homepage-container .block-padding,
.disable-padding-bottom{
    padding-bottom: 0;
}

.homepage-container h1 {
}

.homepage-container h2 {
}
/*
.homepage-container p a {
    color: #fff;
    text-decoration: underline;
}

.homepage-container p {
    color: #9a9ca0;
    font-size: 14px;
    line-height: 18px;
    padding-bottom:16px;
}

.homepage-container p.get-in-touch {
    color: #FFA200;
}
*/


/**.homepage-buttons-box { margin: 22px auto 0 auto; width: 840px; height: 218px; overflow: hidden; }

    .homepage-buttons-box .left-hand-buttons, .homepage-buttons-box .right-hand-buttons { float: left; width: 343px; height: 170px;margin-right:50px;}


    .homepage-buttons-box p, .homepage-buttons-box p a { font-family: Arial; color: #9a9ca0; font-size: 18px; font-weight: normal; }

    

a.mainlinks-home { text-decoration: none; display: inline; width: auto; }

    a.mainlinks-home:hover { text-decoration: none; color: #FFA200; }

.homepage-buttons-box img { margin-bottom: 5px; }

.homepage-buttons-box p { margin-bottom: 12px; }

    .homepage-buttons-box p a { color: #FFF; text-decoration: underline; }

        .homepage-buttons-box p a:hover { color: #FFA200; text-decoration: underline; }

    .homepage-buttons-box p.selected-homepage { color: #ffa200; }

.homepage-buttons-box h1 { padding-bottom: 5px; letter-spacing: 0.5px; letter-spacing: -1px; font-weight: normal; font-size: 32px; }

.homepage-buttons-box h2 { padding-bottom: 5px; letter-spacing: 0.5px; letter-spacing: -1px; font-weight: normal; color: White; font-size: 32px; }

.right-hand-buttons h2 a { text-decoration: underline; }

.right-hand-buttons a { color: #fff; }

    **/

/************** 13. Search Home Page Control [SHPC]	 ************************/
.search-home-page-carousel 
{
    /*
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 10px;
    left: 10px;
    position:inherit;
    right: 10px;
    top: 160px;
    z-index:10;
    */
    bottom: 10px;
    z-index:1;
    top:160px;
    left:0;
    position:inherit;
}
.search-home-page-carousel .img-container {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-position: top left;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index:-2;
}
.search-home-page-carousel.fixed .img-container
{
    background-attachment:fixed;
    width:100%;
    height:100%;
    z-index:-1;
}
.search-home-page-carousel .button-container {
    position: absolute;
    left: 10px;
    bottom: 10px;
    right: 10px;
    height: 10px;
    text-align: right;
}
.search-home-page-carousel .button-container a {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../gfx/search-home-page/dot-black.png) no-repeat center center;
    padding-left: 10px;
}
.search-home-page-carousel .button-container a.dot-selected {
    background: url(../gfx/search-home-page/dot-white.png) no-repeat center center;
}/*
.button {
    font-size: 14px;
    letter-spacing: -1px;
}*/

/**.search-home-page { width:250px; height:390px; position:absolute; left:10px; top:170px; background-image:url(../gfx/search-home-page/bg.png); padding:10px; padding-left:20px; }**/
/**.search-home-page { width:250px; height:390px; position:absolute; left:0px; top:0px; background-image:url(../gfx/search-home-page/bg.png); padding:10px; padding-left:20px; } **/
.search-home-page-con {
    /*position: absolute;*/ /* barry css consistency */
    
    /*top:150px;*/
    /*padding: 10px 15px;*/
    /*padding-left: 20px;*/ /* barry css consistency */
    
    /*margin:15px 0 0 30px;*/
    
    /* temporarily turned off, not using this class for now so may be able to remove ;D !
    left:auto;
    z-index:10;
    background-image: url(../gfx/search-home-page/bg.png);
    background: rgba(0,0,0, .8);
    width: 285px;
    */
}

/* temporaraily turned off as not using this class for now, should be able to remove ! :D 
.search-home-page-con p{
    padding-bottom: 8px;
}
.search-home-page-con label{
    color:#fff;
    font-weight:bold;
    font-size:14px;
    margin-bottom:10px;
    clear:both;
    display:block;
}
.search-home-page-con table td.header label{
    margin-bottom:8px;
}*/


/* was .search-home-page, may not need this, barry 20/08/2013 */
.search-controls {
    /*height: auto;*/
    /*width: 285px;*/
}

/* was .search-home-page TODO: p tag may need to be configured in a better place*/
/*.search-controls p {
    font-size: 11px;
    font-family: Arial;
    color: #eee;
    padding-bottom: 8px;
    line-height: 12px;
}
*/

/* was search-home-page */
/*
.search-controls input[type=text] {
    background-color: #dededf;
    border: 0 none;
    padding: 7px 10px;
    color: #000;
    font-size: 16px;
}
*/

/*
.search-home-page input.with-button[type="text"]{
    margin-right:7px;
}*/

/* was .search-home-page */
.search-controls input[type=submit], 
.btnSearch-results,
.show-all-search-block .btnSearch-results {
    /*background-color: #FFA200;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    height: 36px;
    letter-spacing: -1px;
    line-height: 36px;
    margin-top: 1px;
    padding: 0;
    */
    /*width: 285px;*/
    padding-bottom: 0px;
}
/*
a.btnSearch-results {
    display:block;
    text-align:center;
}*/
.show-all-search-block {
    /*margin: 15px 0 15px 30px;*/ /* barry css consistency */
    /*padding: 10px 15px;*/
    /*position: inherit;*/ /* barry css consistency */
    /*width: 285px; */ /* barry css consistency */
    /*width: 285px;*/
}/*
.show-all-search-block p{
    margin:0 0 5px;
}*/

/* was .search-home-page */
/*.search-controls a.show-all, .more-stories {
    padding: 0px;
    display: inline-block;
    font-family: 'UniversLTW01-67BoldCn';
    font-size: 14px;
    letter-spacing: -1px;
    background-color: #000;
    width: 58px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: 1px solid #6d6e71;
}
*/

/* was .search-home-page */
/*.search-controls a.search {
    padding: 0px;
    display: inline-block;
    font-family: 'UniversLTW01-67BoldCn';
    font-size: 14px;
    letter-spacing: -1px;
    color: Black;
    background-color: #ffa200;
    width: 58px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: 1px solid #6d6e71;
}
*/

/* was search-home-page */
.search-controls table {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

/* was search-home-page */
.search-controls table td {
    padding-bottom: 12px;
}

/* was search-home-page */
.search-controls table td.header {
    padding-bottom: 0;
}

/* TODO: should not need this barry 20/08/2013
.search-home-page-con-rent table td.header {
    padding-top: 1px;
}*/
    
/* was search-home-page - barry */
/*.search-controls .search-heading {
    font-size: 100%;
}*/

.search-sidebar{
    width: 290px;
    position:absolute;
    left:0;
}

.search-properties
{
    padding-left: 330px;
    /*display: inline-block;*/ /*todo: check search results across browsers */
}

.search-properties-content
{
    display:none;
    /*margin:15px 30px 10px 15px;   */
    /*padding: 10px 0;*/
    min-width:660px;
}

/* hide search sidebar link */
#hide-search-bar {
    position: absolute;
    top: 0;
    right: 0;
}

.property-search-header
{
    /*clear:both;
    display:block;*/
    /*margin:0 0 10px 0;*/
    /*padding: 0 15px;*/
}

.property-search-header-left
{
    font-family: Arial;
    font-weight: normal;
}

.property-search-header-left a,
.property-search-header-left .content-navigation-item,
.property-search-header-left .content-navigation-separator,
.property-search-header-left .content-navigation-title
{
    font-family: Arial;
    font-weight: normal;
}


/*
.property-search-header-option
{
    margin-left:10px;
    font-size:14px;
    color:#fff;
    line-height:32px;
}
    */
.property-search-item h4
{
    font-family: 'FFDINWebProMedium' !important;
}

.property-search-item h4 strong
{
    color: #ffffff;

}


/********** 	14. Login Page Control [LPC]	*****************/
.login-content {
    padding: 0px;
}

.login-error-block {
    background-image: url("../gfx/bg/error-header-icon.gif");
    background-position: 6px 2px;
    background-repeat: no-repeat;
    /*border: 1px solid #FFA200;*/
    height: auto;
    width:auto;
    margin-bottom: 20px;
    padding: 30px 10px;
}

div.main-content-area-black .login-error-block p {
    color: #ffa200;
    font-size: 11px;
    margin-left: 38px;
    margin-top: 6px;
    margin-bottom: 0px;
}

.login-error-block li {
    color: #ffa200 !important;
    font-size: 11px !important;
    margin-left: 48px;
}

.login-error-block p {
    font-weight: bold !important;
}

.login-box {
    width: 250px;
    height: auto;
    background-color: #3c3b3b;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.login-box-container {
    margin-top: 20px;
    float: left;
}

.register-box-container {
    margin-top: 20px;
    float: left;
    margin-left: 22px;
}

.register-box {
    width: 250px;
    height: auto;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #3c3b3b;
}

.forgotten-password-box {
    width: 250px;
    height: 186px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    background-color: #3c3b3b;
}

.forgotten-password-box-sent {
    width: 250px;
    height: 104px;
    padding-left: 10px;
    padding-top: 10px;
    background-color: #3c3b3b;
}
/*
.login-content h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
}
*/
div.main-content-area-black div.login-content p {
    margin-left: 0px;
    margin-bottom: 5px;
    line-height: 15px;
    margin-top: 5px;
}
/*
div.main-content-area-black p.label-name {
    font-size: 13px;
    color: #ffffff;
    font-weight: normal;
    margin-top: 16px;
    margin-bottom: 3px;
    padding-bottom: 0px;
}
*/
.login-content-textboxes {
    background-color: #6d6e71;
    width: 240px;
    border: 0px;
    height: 20px;
}

div.main-content-area-black a.forgotten-password {
    color: #9a9ca0;
    font-size: 11px;
    text-decoration: underline;
    float: left;
    padding-top: 10px;
}

.button-block {
    margin-top: 33px;
}

.fp-block {
    margin-top: 10px;
}

.fp-done-block {
    margin-top: 0px;
}

.password-block {
    margin-top: 36px;
}

.login-btn {
    width: 110px;
    height: 22px;
    border: 0px;
    background-color: #ffa200;
    cursor: pointer;
    margin-left: 11px;
    padding-bottom: 4px;
    float: right;
    color: Black !important;
    text-align: center;
    display: block;
    margin-right: 10px;
}

.login-return-btn {
    width: 120px;
    height: 24px;
    border: 0px;
    background-color: #ffa200;
    padding-bottom: 4px;
    cursor: pointer;
    margin-left: 118px;
}

.register-btn {
    width: 57px;
    height: 20px;
    border: 0px;
    background-color: #ffa200;
    cursor: pointer;
    margin-left: 169px;
    padding-left: 16px;
    display: block;
    color: Black !important;
    padding-top: 2px;
}

.forgotten-password-btn {
    border: 0px;
    background-color: #ffa200;
    cursor: pointer;
    height: 22px;
    margin-left: 178px;
    width: 72px;
    padding-bottom: 4px;
}
/*******  15. Registration Page Control [LPC]  ************/
.error-block-registration {
    margin-top: 20px;
    margin-bottom: 5px;
}

.registration-content {
    width: 525px;
}
/*
    .registration-content h2 {
        font-size: 24px;
        color: #ffffff;
        font-weight: normal;
        margin-top: 10px;
        letter-spacing: -1px;
    }
*/
.td-right {
    padding-left: 40px;
}

.registration-check-boxes {
    margin-top: 10px;
}

    .registration-check-boxes label {
        font-size: 11px;
        color: #ffffff;
        margin-left: 10px;
        margin-right: 18px;
    }

.alerts-conditions-boxes {
    margin-top: 30px;
}

    .alerts-conditions-boxes label {
        font-size: 11px;
        color: #9a9ca0;
        margin-left: 0px;
        margin-right: 18px;
    }

    .alerts-conditions-boxes input {
        float: right;
        clear: both;
    }

div.main-content-area-black a.domusnova-email-address {
    color: #ffffff;
    font-size: 11px;
    text-decoration: underline;
}

.register-btn-main {
    width: 72px;
    height: 20px;
    border: 0px;
    cursor: pointer;
    margin-left: 453px;
    margin-bottom: 25px;
    background-color: #ffa200;
    display: block;
    color: Black !important;
    padding-left: 16px;
    width: 57px;
    padding-top: 2px;
}

.save-btn-main {
    width: 60px;
    height: 22px;
    border: 0px;
    background-image: url(../gfx/buttons/save-btn.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
    margin-left: 464px;
    margin-bottom: 25px;
}

.send-btn-reset-password {
    width: 72px;
    height: 20px;
    border: 0px;
    background-color: #FFA200;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 452px;
    margin-bottom: 25px;
    margin-top: 10px;
    display: block;
    color: #000 !important;
    text-align: center;
    padding-top: 2px;
}

.table-note {
    margin: 0px;
    padding: 0px;
}

.alerts-conditions-boxes table {
    width: 525px;
}

/****** 16. Fixed Width Masterpage [FWM] ***************/
.article-share-btn-box {
    background: url("../gfx/bg/trans-bg.png") repeat scroll left top transparent;
    height: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
}



.explore-tab {
    position: absolute;
    right: 0px; /*top:105px;*/
    width: 30px;
    overflow: hidden;
    top: 90px;
}

.explore-tab-fwm {
    top: 90px;
}

.explore-tab-details {
    top: 110px;
}

.explore-tab-fixed {
    top: 110px;
}

.explore-tab .tab-close-panels {
    height: 20px;
    overflow: hidden;
    text-align: right;
    padding-right: 20px;
}
/*
.explore-tab .tab-close-panels a {
    font-size: 11px;
}*/

.fixed-article-container 
{
    position: relative;
    width: 430px;
    /*min-height: 300px;*/
    padding-bottom:20px;
}

/*
.fixed-article-container {
    width: 430px;
    position: relative;
    background: transparent url('../gfx/bg/trans-bg.png') repeat left top;
    margin-top: 42px;
    margin-left: 30px;
    padding-top: 0px;
    margin-bottom: 215px;
    min-height: 300px;
}

.fixed-article-container .article-header {
    background-color: #000;
    height: 100px;
    padding: 20px 10px 10px 20px;
}

.fixed-article-container .article-header h1 {
    font-size: 28px;
}

.fixed-article-container div.article-content p {
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    margin-top: 0px;
    margin-bottom: 15px;
}*/

.article-content {
    /*padding: 20px 20px 25px 20px;*/
    overflow-y: auto;
    height: 320px;
}
/*
.article-content a.share-article {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #FFA200;
    font-size: 11px;
    text-decoration: none;
}
*/


/** paging control **/
#pagination {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 11px;
    text-align: right;
}

    #pagination li {
        display: inline-block;
        color: #9a9ca0;
        padding: 4px 8px;
        zoom: 1;
        *display: inline;
    }

        #pagination li:hover {
            background-color: #9a9ca0;
            color: #000;
            cursor: pointer;
        }

        #pagination li.current {
            background-color: #9a9ca0;
            color: #000;
        }

        #pagination li.next {
            padding: 0px;
            width: 22px;
            height: 22px;
            background-image: url(../gfx/paging-next.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            vertical-align: middle;
        }

            #pagination li.next:hover {
                background-image: url(../gfx/paging-next-hover.jpg);
                background-color: transparent;
            }

        #pagination li.prev {
            padding: 0px;
            width: 22px;
            height: 22px;
            background-image: url(../gfx/paging-prev.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            vertical-align: middle;
        }

            #pagination li.prev:hover {
                background-image: url(../gfx/paging-prev-hover.jpg);
                background-color: transparent;
            }

#button-show-details p {
    font-size: 16px;
    -moz-transform: rotate(-90deg);
}


/** autocomplete **/
.ac_results {
    padding: 0;
    border: none;
    background-color: #DEDEDF;
    overflow: hidden;
    z-index: 99999;
    width: 100px;
}
.ac_results ul {
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    line-height: 16px;
    overflow: hidden;
    color: #000;
    font-size: 14px;
}
.ac_results li:hover {
    background-color: #000;
    color: #FFF;
}
.ac_loading {
}

.ac_odd {
}
li.ac_over{
    background-color: #9a9ca0;
    color: #000;
}
.ac_over{
    background-color: #0A246A;
    color: white;
}
.ac_results li{
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    line-height: 16px;
    overflow: hidden;
}

/** additional general property styles **/

/* this has been superceeded by H4 */
/*.property-title {
    color: #C0C1C3;
    font-size:14px;
    margin:10px 0 13px;
}*/

/* this has been superceeded by H4 strong */
/*.property-title strong
{
    color:#ffffff;
}*/

.property-thumbnail {
    float: none;
    position: relative;
    width:40%;
    padding:0;
    height: auto;
}

.property-thumbnail.fullsize
{
    width:100%;
}

.property-thumbnail img
{
    display:block;
}

img.property-elastic-image {
    width:100%;
    height:auto;
    display:block;
}

.property-information-block{
    clear:both;
}

/* the price, house type and office strip in property details display */
.property-information-block .header-property-copy{
    padding:0 12px;
    line-height:38px;
}

.header-property-price{
    width:60%;
}
/*
.header-property-price strong{
    font-weight:bold;
    font-size:14px;
    color:#fff;
    margin-right:5px;
}*/
/************ 17. Properties Details Page [PDP] ******************/

a.FloorPlanEnlargeImg, a.enlarge-me2 {
    position: static !important;
}

.property-details-container {
    min-width:375px;
    width:27%;
    position: relative;
}

/*
.property-details-container .property-details-header-container {
    background-color: #000;
    height: auto;
    padding: 15px;
}*/
/*
.property-details-container .property-details-header-container h1 {
    color: #FFF;
    font-size: 14px;
    height: 20px;
    padding: 0;
    line-height: 20px;
    letter-spacing: 0px;
    padding-bottom: 5px;
    font-family: Arial !important;
}*/


.property-details-header-container .property-title {
    width:60%;
}
.property-details-header-container .right-container-extended {
    width: 65%;
}
        
.property-details-header-container .right-container-extended .right-container-link,
.property-details-header-container .right-container .right-container-link{
    /*line-height: 30px;*/
    text-align:right;
}
        
.property-details-header-container .property-title-back-link{
    width:35%;
}
/*
.property-details-container .property-details-header-container a.grey-anchor {
    color: #9a9ca0;
}

.property-details-container .property-details-header-container a.grey-anchor:hover {
    color: #ffa200;
}

.property-details-container .property-details-header-container a:hover {
    color: #fff;
}*/
/*
.property-details-container .property-details-header-container .right-container {
    top: 10px;
    right: 10px;
    height: 30px;
    text-align: right;           
    width:30%;
    position:static;
}*/
/*
.property-details-header-container .right-container,
.property-details-header-container .right-container-extended,
.property-details-header-container .right-container .right-container-link a,
.property-details-header-container .right-container-extended .right-container-link a{
    color:#fff;
    font-size:12px;
}*/


.property-details-container ul.idTabs {
    height: auto;
    /*width: 430px;*/
    width: 100%;
    overflow-x: hidden;
    float: left;
}

.property-details-container ul.idTabs li {
    /*background: transparent url('../gfx/bg/sub-header-tabs-bg.png') repeat-x left top;*/           
    float: left;
    display: block;
    width: auto;
    height: auto;
    line-height:35px;
    background: none;
    text-align: left;
    color: #FFF;
    /*margin-right: 5px;*/
    vertical-align: top;
    padding:0;
    width: 150px;
    background: rgba(0,0,0,.3);
}

.property-details-container ul.idTabs li a.selected {
    background: transparent url('../gfx/bg/sub-header-tabs.png') no-repeat left top;
}

.property-details-container ul.idTabs li.last-li {
    margin-right: 0;
}

.property-details-container ul.idTabs li a {
    color: #fff;
    text-transform: none;
    height: auto;
    display: block;
    text-decoration: none;
    text-align: left;
    padding:0 12px;
    /*font-family: Arial;*/
    /*font-size: 14px;*/
    font-weight:bold;
}

.property-details-container ul.idTabs li a:hover {
    color: #FFA200;
}

.property-details-container ul.idTabs li a.selected {
    background:#000;
    color:#ffa200;
}
/*
.property-details-container div.header-copy {
    height: 50px;
}

div.header-copy a {
    color: #fff;
    text-decoration: none;
}

.property-details-container div.header-copy h2 {
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    margin-top: 16px;
    margin-left: 0px;
    margin-right: 20px;
}

.property-details-container div.header-copy p, .property-details-container div.header-copy p a {
    font-size: 12px;
    color: #9a9ca0;
}

.property-details-container div.header-copy p a {
    color: #FFF;
    text-decoration: none;
}
*/
.property-details-office
{
    /*background: url(/gfx/officepin.png) no-repeat 0 3px;*/
    margin-left: 100px;
    width:35%;
    background:none;
    margin:0;
    padding:0;
    text-align:right;
}

ul.property-details-menu{
    width:150px;
    float:left;
    margin:0;
    padding:0;
}

ul.property-details-menu li{
    clear:both;
    margin-top:2px;
    list-style:none;
}

ul.property-details-menu li a{
    color:#fff;
    /*font-size:14px;*/
    font-weight:bold;
    /*text-transform:capitalize;*/
    line-height:35px;
    padding:0 16px;
    display:block;
    background-color:#000;
}

ul.property-details-menu li a.selected{
    color:#ffa200;
}

.details-footer-menu
{
    margin-left: 150px;
    height: 17px;
}
/*
div.details-footer-menu {
    position: absolute;
    list-style: none;    
    float:left;
    left:155px;
    padding-bottom:20px;
    bottom:0;
}
ul.details-footer-menu li {
    float: left;
    color:#ffa200;
    font-size:12px;
    line-height:17px;
    padding:0;
    margin:0;
}*/

div.addthis_toolbox {
    display: none;
    /*margin-left: -10px;*/
    margin-top:0;
    bottom: 0;
}
div.atclear {
    display: inline;
}

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m 
{
    padding: 0; /* removes add this padding on auto-added elements */
}

.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact 
{
    margin-left: -12px;
}

.details-footer-menu div.addthis_toolbox
{
    display:inline;
}

/*
ul.details-footer-menu li a {
    text-decoration: none;
    float: left;
    padding-top: 3px;
    color:#ffa200;
    font-size:12px;
    line-height:17px;
    padding:0;
    margin:0;
}

ul.details-footer-menu li.div{
    padding:0 5px;
} 
*/
/*
div.content-box-details {
    padding:0;
    padding-top: 0px;
    padding-left: 0px;
}

div.content-box-details p {
    font-size: 11px;
    color: #FFF;
}

div.content-box-details p {
    font-size: 11px;
    color: #FFF;
}

*/

#map-box {
    height: 326px;
}

#map-local-box {
    /*padding:0 10px;*/
}

.content-box-details-info-links 
{
    position: relative;
    overflow: hidden;
}
.content-box-details-info-links p 
{
    width: 200px; 
    float: left;
} 
a.turn-off-local-info {
    color: #fff;
    /*font-size: 10px;*/
    text-decoration: underline;
    float: right;
}
a:hover.turn-off-local-info {
    text-decoration: none;
    /*color: #FFA200;*/
}


a:hover.architect-btn,
a:hover.art-btn,
a:hover.design-btn,
a:hover.fashion-btn,
a:hover.food-btn,
a:hover.indulge-btn,
a:hover.shopping-btn {
    color: #FFFFFF;
}
a:active.architect-btn,
a:active.art-btn,
a:active.design-btn,
a:active.fashion-btn,
a:active.food-btn,
a:active.indulge-btn,
a:active.shopping-btn {
    color: #FFFFFF;
}

/*a.architect-btn {width: 77px} 
a.art-btn       {width: 70px}
a.design-btn    {width: 41px}
a.fashion-btn   {width: 47px}
a.food-btn      {width: 63px}
a.indulge-btn   {width: 47px}
a.shopping-btn  {width: 54px}*/


.local-info-links li{
    display:inline;
    color:#c0c1c3;
    list-style-type: none;
}
 .local-info-links li .divider {
     margin-right:5px;
     margin-left:8px;
 }

a.architect-btn, a.art-btn, a.design-btn, a.fashion-btn, a.food-btn, a.indulge-btn, a.shopping-btn {
    border: 0 none;
    padding:0px;
    margin:0px;
    cursor: pointer;
    font-family: 'FFDINWebProLight';
    font-size: 13px;
    text-align: center;
    color:#c0c1c3;
    line-height:0px
}

 .local-info-links li a.active {color: #fff}

.property-details-copy {
    /*width: 310px;*/
    width: 305px;
    float: left;
    /*margin-left: 10px;*/
}
/*
#room_details {
    overflow-y: auto;
    padding-right: 15px;
    width: 314px;
    max-height: 350px;
    padding-bottom: 30px;
}
*/
/*
#summary {
    overflow-y: auto;
    padding-right: 15px;
    width: 314px;
    max-height: 350px;
    padding-bottom: 20px;
}*/
/*
#floor_plan {
    padding-bottom: 30px;
}

#epc {
    padding-bottom: 30px;
}
*/

/*********************** 18. News & Press [NP] ******************************/
/*
a.back-to-news-press {
    top: 12px;
    color: #9A9CA0;
    font-family: Arial;
    font-size: 10px;
    left: 21px;
    position: absolute;
}

a:hover.back-to-news-press {
    color: #FFA200;
}
*/
/*
.article-list-container{
    clear:both;
    margin-top:20px;
}*/

/* TODO: this article list should be made consistent with the same way properties are listed out perhaps? */
ul.article-list {
}

ul.article-list li {
    height: 285px;
    zoom: 1;
    display: inline-block;
    float: left;
    /*min-height: 270px;*/
    /*margin: 0 10px 10px 0;*/
    width: 260px;
    overflow:hidden;
}
/*
ul.article-list li p {
    color: #9a9ca0;
    margin-left: 0;
    margin-bottom: 50px;    
    color: #c0c1c3;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}*/

ul.article-list li h5 {
    min-height: 0px;
    color: #FFFFFF;
    margin-bottom: 8px;
    font-weight:bold;
}

ul.article-list li a {
    color: #ffa200;
    text-decoration: none;
}

ul.article-list li img {
    border: none;
    width:100%;
    height:auto;
    display:block;
}

.article-item-container{
    clear:both;
    display:block;
}

.article-thumbnail{
    position:relative;
    display:block;
    cursor:pointer;
}
/*
.news-press-strip .selected {
    padding-left: 0px !important;
    padding-right: 0px !important;
}*/

/*
div.news-press-strip {
    height: auto;
    padding: 0;
    line-height:30px;
}
*/

/*
p span.white {
    color: #fff;
}*/
/*
div.news-press-strip p 
{
    padding-top: 0px;
}

div.news-press-strip p a {
    text-decoration: none !important;
    cursor: pointer !important;
    background-color: transparent !important;    
    font-size:14px;
    font-family:Arial;
    color:#c0c1c3;
}

div.news-press-strip p a.selected {
    color:#ffa200;
    background-color: transparent !important;
}

div.news-press-strip p a.selected:hover {
    color: #fff;
}

div.news-press-strip p a:hover {
    color: #FFA200 !important;
}
*/
/*
.news-press-strip .white{
    font-size:14px;
    font-family:Arial;
    color:#fff;
}*/

img.article {
    width: 260px;
    height: 140px;
    border: 0px;
    /*margin-bottom: 4px;*/
}

/**************** 18. Sell [S] *********************/

.sell-container {
    width: 550px;
    display: inline-block;
    width: 260px;
    min-height: 150px;
    background-color: #3c3b3b;
}

.sell-boxes {
    float: left;
    width: 240px;
    min-height: 132px;
    background-color: #3c3b3b;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.sell-boxes-right {
    margin-left: 20px;
}

.sell-container h5 {
    margin-bottom: 40px;
}

.sell-content {
    width: 650px;
}

div.main-content-area-black .sell-boxes p {
    margin: 0px;
    padding: 0px;
    line-height: 15px;
}

div.main-content-area-black p.sell-boxes-subheading {
    color: #FFFFFF;
}

.valuation-request { /*float: left;*/
    width: 260px;
}

.callback-request {
    float: left;
    width: 260px; /*margin-left: 20px;*/
}

.olympics-request {
    float: left;
    width: 260px;
    margin-left: 20px;
}

div.main-content-area-black p.subhedings-margin-bottom {
    margin-top: 5px;
}
/**************19. How can we help? page [HCWHP] ****************/

/*this is used for privacy policy page width*/
.how-help-content {
    width: 960px;
}

div.main-content-area-black .how-help-content p {
    color: #ffffff;
}

.how-help-content p{
    margin-bottom:5px;
}

/******************20. Validation Request Page [VRP]******************/
.drop-down-list {
    width: 219px;
    border: 1px solid #fff;
    height: 20px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
}
/*
span.mandatory-fiedls {
    color: #9a9ca0;
    font-size: 11px;
    margin-left: 20px;
}
*/
.valuation-request-content { /*margin-top: -20px;*/
}

div.main-content-area-black p span.required {
    color: #9a9ca0;
}
/*
.validation-request-textboxes {
    background-color: #6D6E71;
    border: 0 none;
    height: 21px;
    width: 219px;
}*/
/*
div.main-content-area-black p span.landline {
    color: #9a9ca0;
    font-size: 9px;
    margin-left: 0px;
}*/

/* style superceeded by .form style
/*
.valuation-request-content a.dropdown {
    background-image: url("../gfx/validation-request-page/valuation-request-dd.gif");
    color: #9A9CA0;
    display: inline-block;
    font-size: 12px;
    height: 25px;
    letter-spacing: 0;
    line-height: 25px;
    padding-left: 5px;
    text-decoration: none;
    width: 215px;
}
*/

.validation-request-text-area {
    background-color: #6D6E71;
    border: 0 none;
    height: 120px;
    width: 478px;
    overflow:hidden;
}

.validation-request-send-btn {
    background-color: #ffa200;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    height: 19px;
    margin-top: 20px;
    width: 60px;
    float: right;
    color: #000 !important;
    text-align: center;
    padding-top: 1px;
}

.my-account-save-btn {
    background-color: #ffa200;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    height: 20px;
    margin-top: 20px;
    width: 45px;
    float: right;
    padding-left: 16px;
    color: #000 !important;
}

.info-btn-validation-request {
    background-color: transparent;
    background-image: url("../gfx/buttons/info-btn.gif");
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin-top: 14px;
    width: 18px;
    float: right;
}



/******************** 21. Left Hand Menu [LHM] *************************/

ul.left-block-menu {
    display: inline-block;
    float: left;
    left: 0;
    list-style: none outside none;
    /*margin-left: -30px;*/
    margin:0;
    width: 140px;
    /*padding-top:32px;*/
}

ul.left-block-menu {
    
}

ul.left-block-menu li {
    margin-bottom: 2px;
    background-color: transparent;
    color: #000000;
    font-weight: normal;
    line-height: 13px;
    text-align: left;
    text-transform: uppercase;
}

ul.left-block-menu li a {
    color: #fff;
    display: block;
    padding: 10px;
    text-decoration: none;
    font-weight:bold;
    text-transform:none;
    background-color:#000000;
}


ul.left-block-menu li a.selected {
    background-color:#ffa200;
    color:#fff;
}

ul.left-block-menu li:hover {
    color: #fff;
    background-color: #3c3b3b;
}

ul.left-block-menu li a:hover {
    background-color:#ffa200;
    color:#fff;
}

div.title-container {
    min-height: 105px;
    overflow: hidden;
    padding-bottom: 10px;
}

div.left-menu-content {
    padding-left: 21px;
    margin-left: 70px;
    margin:0;
    padding: 0;
    width:75%;
}
/*
.left-menu-content-inner{
    padding:25px 16px 16px 0;
}*/


/*************** 22. Side Menu Pages [SMP] ********************/


/**people**/

ul.people {
    display: inline-block;
    float: left;
    list-style: none inside none;
    overflow: hidden;
    width: 50%;
    margin-top:40px;
    margin-bottom:20px;
}

    ul.people li {
        clear:both;
    }
        
        ul.people li h2
        {
            cursor: pointer;
        }

        ul.people li img {
            margin-bottom: 20px;
            margin-right: 10px;
        }
        /*
        ul.people li a {
            color: #9A9CA0;
            font-size: 11px;
        }
        */
        ul.people li content {
            display: none;
        }
        
        ul.people li p {
            margin-bottom: 0px;
            padding: 0px;
            color: #fff;
        }
        /*
        ul.people li h4 {
            color: #9A9CA0;
            font-family: Arial;
            font-size: 14px;
            padding: 0px;
        }
        */
        ul.people li.open img {
            display: block;
        }

        ul.people li.open a {
            display: block;
        }

        ul.people li.open p {
            display: block;
        }
        /*
        ul.people li.open h4 {
            color: #fff;
            margin-bottom: 6px;
        }
        */
        ul.people li.open {
            cursor: default;
        }
/*
div.main-content-area-black p.white {
    color: #fff;
}*/

ul.people li a:hover {
    color: #FFA200;
}

ul.people li h4:hover {
    color: #FFA200;
}
/*
ul.people li.open h4:hover {
    color: #fff;
}
*/
.people-box{
    display:none;
}

.people-box.open 
{
    display: block !important;
}

.people-box img{
    float:left;
}

.people-box .details{
    float:left;
}

@media screen and (min-width:1280px)
{
    ul.people li img {
        margin-bottom: 5px;
    }

    .people-box .details
    {
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

/**Local Intelligence**/
ul.local-intelligence {
    list-style: none inside;
    overflow: hidden;
    display: block;
    width: 315px;
    float: left;
}

    ul.local-intelligence li {
        height: 40px;
        cursor: pointer;
    }

        ul.local-intelligence li img {
            margin-bottom: 5px;
        }

        ul.local-intelligence li a {
            color: #9A9CA0;
            font-size: 11px;
        }

        ul.local-intelligence li content {
            display: none;
        }

        ul.local-intelligence li p {
            margin-bottom: 0px;
            padding: 0px;
            color: #fff;
        }

        ul.local-intelligence li h4 {
            color: #9A9CA0;
            font-family: 'FFDINWebProLight', Arial;
            font-size: 14px;
            padding: 0px;
        }

        ul.local-intelligence li.open img {
            display: block;
        }

        ul.local-intelligence li.open a {
            display: block;
        }

        ul.local-intelligence li.open p {
            display: block;
        }

        ul.local-intelligence li.open h4 {
            color: #fff;
            margin-bottom: 6px;
        }

        ul.local-intelligence li.open {
            height: auto;
            cursor: default;
            margin-bottom: 0px;
        }

/*****************23. Contact Us Page [CUP] *************************/
/*
#contact {
    background-color: transparent;
    margin: 0;
    width: 100%;
    height: 100%;
    margin:0 0 15% 0;
}*/

.page-23 {
    max-width: 1600px;
    min-width: 960px;
}

/*
#contact h1 {color: #ffffff; font-size: 36px; font-weight: lighter; padding: 0 0 10px 0; margin: 0;}
*/
/*
.contact_container {width: 100%; position:static;}
.contact_container_left {width: 680px; min-height: 100px; position: relative; z-index: 1;}
.contact_container_left p {font-family: Arial; font-size: 14px; font-weight: lighter; width: 660px; padding: 0 0 20px 0; line-height: 21px;}
.contact_container_left .half {width: 308px; float: left; height: 505px; position: relative;}
.contact_container_left .half.left {margin-right: 25px;}
.contact_container_left .half > div {margin: 5px 0;}
.contact_container_left .half > div.left-side {float: left; width: 170px; margin: 0 0 4px 0;}
.contact_container_left .half > div.right-side {float: left; width: 120px; padding-left: 10px; border-left: 1px solid #e6e6e6; margin: 0 0 4px 0;}
.contact_container_left .half > div span {display: block; line-height: 16px; color: #9A9CA0; font-size: 12px; font-family: Arial;}
.contact_container_left .half > div span a {color: #ffa200; text-decoration: none;}
.contact_container_left .half > div span.bold {font-weight: bold;}
.contact_container_left .half > div.map {
    width: 307px; position: absolute; left: 0; bottom: 0; height: 270px; color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
*/
/*.contact_container_left .half h2 {width: 308px; float: left; color: white; font-size: 18px; font-weight: normal;}*/
.contact_map_block {width:25%;overflow:hidden;height:270px;position:relative;}
.contact_map_block > div.map {
    width: 100%; 
    position: absolute; 
    left: 0; 
    bottom: 0; 
    height: 270px; 
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.contact_container .button-large-wrapper-left
{
    left: 12px;
}

.contact_container .button-large-wrapper-right
{
    right: 12px;
}

.contact_container .button-large-wrapper-right,
.contact_container .button-large-wrapper-left
{
    bottom: -5px;
}

.contact_container .button-large-wrapper-left h3
{
    font-size: 16px;
}


.contact_container_right {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.contact_container_right div.big_image {height: 100%; margin-left: 0; margin-right: 0; position: relative;}
.contact_container_right div.big_image > div {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.contact_container_right div.image_links {float: left; position: absolute; top: 0; right: 0;}
.contact_container_right div.image_links a {display: block; margin-bottom: 5px; outline: none; width: 12px; height: 12px; background: url(/gfx/contact/dot.png) no-repeat;}
.contact_container_right div.image_links a.active {background-position: 0 -20px;}

.contact_content_block{
    width:75%;
}

.contact_boroughs {
    padding-top: 2px;
}

.contact_img_block_nottinghill,
.contact_img_block_bayswater {
    /*width:33%;*/
    /*margin-left:2%;*/
    width: 360px;
    height:270px;
    overflow:hidden;
    background-repeat: no-repeat;
    background-position:center center;
    position: absolute;
    
}
.contact_img_block_nottinghill {
    top:0;
    left:0;
}
.contact_img_block_bayswater {
    top:0;
    right: 0;
}

/*
.contact_info_block.second .contact_img_block{
    margin-right:2%;
    margin-left:0;
}*/

.contact_img_block img {
    width:auto;
    height:270px;
}

.contact_text_block_nottinghill {
    /*width:67%;*/
    padding-left: 360px;
}
.contact_text_block_bayswater {
    padding-right: 360px;
}

.contact_info_block.second .contact_text_block {
    padding-left:0;
    padding-right:2%;
}
/*
.contact_textinfo_block
{
    clear:both;
    margin:20px 0 0 0;
}*/

.contact_text_left.cLeft,
.contact_text_right.cRight
{
    /*display:inline-block;*/
    width:50%;
}

/*
.contact_info_block
{
    clear:both;
    margin:15px 0 0 0;
    background: rgba(0,0,0,.8);    
    width:75%;
}*/
/*
.contact_info_block_inner {
    padding:20px;
    clear:both;
    display:block;
}*/

/******************* 23.5 about us section ******************/

/*
***********
Removed old contact us page styles
***********
.about-us-content {
    width: 600px;
    overflow: hidden;
}



div.main-content-area-black a.about-us-subheadings {
    font-size: 18px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 20px;
    margin-bottom: 8px;
}

a.about-us-subheadings:hover {
    text-decoration: underline;
}
*/
/*
.page-18{
    width:auto;
    min-width: inherit;
    max-width: inherit;
}*/
/*
.about-us-container{
    position: inherit;
    padding: 0;
    margin-top:-10px;
    width:770px;
    float:left;
    display:inline-block;
    margin:0 10px 0 0;    
    clear:left;
}*/

/*
.about-us-container div.img-container {
    background-position: center 120px;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 1;
}

.about-us-content {
    margin: 0;
}
.about-us-content-text,
.about-us-content-links{
    z-index: 2;
    position: relative;
    background: rgba(0,0,0,.8);
    opacity:1;
}
.about-us-content-links{
    padding: 15px 10px 20px 10px;
    margin-bottom:15px;
    width: 750px;
}
.about-us-content-text {
    margin-bottom: 10px;
    padding: 15px 15px 20px 15px;
    width: 740px;
}
.about-us-content-links-left {
    float: left;
    width: 370px;
}
.about-us-content-links-right {
    float: right;
    width: 370px;
}
.about-us-content h2 {
    font-size: 21px;
    padding-bottom: 0;
    font-weight:bold;
}
.about-us-content p {
    font-size: 14px;
    line-height: 21px;
}
.about-us-link-item {
    width:350px;
    clear:both;
    padding:5px 10px 5 10px;
}
.about-us-link-item a {
    color:#c0c1c3 !important;
    font-style:italic;
    cursor:pointer;
}
.about-us-link-item:hover,
.about-us-link-item.active {
    background-color:#dd9636;
}
.about-us-link-item:hover a,
.about-us-link-item.active a {
    color:#fffffe !important;
}
.about-us-content-text, .about-us-content-links
{
    opacity:1;
}
*/

/***************   24. History Section [HIS]    ************/

.history-image-container {
    float: left;
    width: 320px;
    height: 190px;
    margin-left: 10px;
}

.history-image-thumbs {
    float: left;
    width: 80px;
    margin-left: 10px;
}

    .history-image-thumbs img {
        height: 61px;
        width: 80px;
        cursor: pointer;
    }

ul.left-hand-menu-transparent {
    list-style: none;
}

    ul.left-hand-menu-transparent, ul.left-hand-menu-transparent li, ul.left-hand-menu-transparent li a {
        width: 90px;
        float: left;
    }

        ul.left-hand-menu-transparent li a.selected {
            background-color: #000;
            color: #fff;
        }

        ul.left-hand-menu-transparent li a {
            display: block;
            padding: 10px;
            background: transparent url('../gfx/bg/left-menu-bg.png') repeat-y left top;
            margin-top: 2px;
            color: #9b9ca0;
            text-transform: uppercase;
            font-family: 'FFDINWebProLight', Verdana;
            font-size: 11px;
            text-decoration: none;
            letter-spacing: 0px;
            width: 70px;
        }

            ul.left-hand-menu-transparent li a:hover {
                color: #FFA200;
                background-color: #000;
                background-image: none;
            }

.copy-box-history {
    background-color: transparent;
    height: 160px;
    float: left;
    overflow-y: auto;
    padding: 0px 10px 10px 10px;
    width: 402px;
    margin-left: 0px;
    margin-top: 10px;
}


/***********	25. Food and Drink [FAD]		***************/

.main-content-area-black h5 { /*max-width: 560px;*/
    min-height: 45px;
    overflow-y: hidden;
}

/* To be replaced with menu */
.main-content-area-black img.temp-menu {
    position: absolute;
    top: 140px;
    left: 0;
}

.main-content-area-black {
    min-height: 534px; /*overflow:hidden;*/
}

    .main-content-area-black div.search-results {
        margin-left: 100px;
        min-height: 200px;
        margin-right: 0px;
    }

    .main-content-area-black div.search-results div.search-detail-result-box {
        height: 120px;
        float: left;
        margin-bottom: 10px;
        margin-right: 5px;
        padding-right: 20px;
    }

    table.indiv-food-result {
        width: 230px;
    }

    table.indiv-food-result img {
        width: 76px;
        height: 56px;
        border: solid 2px #9a9ca0;
        margin-right: 10px;
    }

    table.indiv-food-result a
    {
        white-space: nowrap;
    }

    table.indiv-food-result td.amenity-icon-address p,
    table.indiv-food-result td.amenity-desc p
    {
        line-height: 15px;
        margin-bottom: 0;
        padding-bottom: 0;
        
    }
    
    table.indiv-food-result td.amenity-icon-address p
    {
        width: 140px;
    }
    
    table.indiv-food-result td.amenity-desc p
    {
        width: 230px;
    }

        table.indiv-food-result p strong, table.indiv-food-result a em {
            color: #FFF;
            font-style: normal;
        }

        table.indiv-food-result p strong {
            font-size: 12px;
            font-family: Georgia;
        }

ul.left-hand-menu {
    list-style: none outside none;
    width: 90px;
    float: left;
    margin-left: -20px;
    margin-top: -1px;
}

    ul.left-hand-menu li a {
        color: #9a9ca0;
        display: block;
        font-size: 11px;
        letter-spacing: 0;
        margin-top: 2px;
        text-decoration: none;
        margin-bottom: 16px;
        font-family: 'FFDINWebProLight', Arial;
    }

        ul.left-hand-menu li a.selected {
            color: #fff;
        }
/*
.fixed-article-container p {
    color: #fff;
    font-size: 11px;
    font-family: Arial;
    padding-bottom: 0px !important;
}*/

.fixed-article-container-top {
    /*background-color: #000;
    width: 390px;
    height: 125px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    padding-top: 10px;
    margin-top: -10px;*/
}

/* TODO: check if we need this - barry 21/08/2013 */
/*a.white {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}*/
/*
a.back-list-info {
    color: #9a9ca0;
    position: absolute;
    top: 12px;
    left: 20px;
    font-size: 10px;
    text-decoration: none;
}

a:hover.back-list-info {
    color: #FFA200;
}
*/
.back-header:hover {
    color: #FFA200;
}

.fixed-article-scrollable {
    height: 335px;
    overflow-y: auto;
    /*padding-left: 20px;
    padding-right: 10px;*/
    width: 400px;
}

.fixed-article-scrollable-menu {
    height: 315px;
    overflow-y: auto;
    /*padding-left: 20px;
    padding-right: 10px;*/
    width: 299px;
}

ul.left-hand-menu li .local-info-btn-space {
    margin-top: 20px;
}

/* Local amenities page styles */
/*
table.local-amenities 
{
    border-collapse: collapse;
    border-width: 0;
    background-color: #1b1c1c;
    margin-top: 4px;
    max-width: 1100px;
}
table.local-amenities tr th
{
    background-color: #6d6e71;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 80%;
    text-align: left;
    padding: 5px;
}

table.local-amenities td.local-amenities-1,
table.local-amenities td.local-amenities-2
{
    width: 50%;
    padding: 20px 0 20px 20px;
}
table.local-amenities tr th.local-amenities-heading-1,
table.local-amenities td.local-amenities-1
{
    border-right: 20px solid #000000;   
}
table.local-amenities tr th.local-amenities-heading-2,
table.local-amenities td.local-amenities-2
{
    border-left: 20px solid #000000;
}
*/
/*
.content-tab-switcher{
    clear:both;
    padding:25px 10px 0 10px;
    color:#fff;
}

.content-tab-switcher .title,
.content-tab-switcher{
    font-size:14px;
    font-family: Arial;
}

.content-tab-switcher .tab-switcher-button{
    cursor:pointer;
    color:#c0c1c3;
    text-decoration:none;
}

.content-tab-switcher .tab-switcher-button.active{
    color:#ffa200;
    font-weight:bold;
    cursor:default;
}*/

.local-amenity-content{
    clear: both;
    width:100%;
    /*padding:20px 0 0 0;*/
}

.left-block-menu-container{
    width:140px;
    margin-left:-140px;
    position:relative;
}

.local-amenity-item{
    width:355px;
    height:200px;
    overflow:hidden;
    /*padding-right:0;*/
    /*padding-left:15px;*/
    float:left;
}

.local-amenity-item-img{
    width:45%;
    position: relative;
}

.local-amenity-item-img img{
    width:100%;
    height:auto;
    display:block;
}

.local-amenity-item-general-info{
    width:55%;
    position:relative;
    /*margin-top:-5px;*/
}

.local-amenity-item-general-info-inner{
    font-family: Arial;
}
/*
.local-amenity-item-general-info-inner h3{
    font-size:17px;
}*/

.local-amenity-item-desc{
font-family: Arial;
}

/*
.local-amenity-item-general-info-inner a
{
    color:#ffa200;
    font-size:14px;
    display:block;
    word-break:break-all;
}*/

.local-amenity-address-info,
.arial-text {
font-family: Arial;
}
/*
.local-info-copy-box
{
    height:auto;
}*/
/*
.articles-container-inside{
    padding:20px;
}*/

/**************** 26. Explore Locally Page [ELP]  *********************/
.Ipad {
    display: none;
}
/*
.explore {
    margin-top: 31px;
    height: auto;
    padding-top: 30px;
    padding-bottom: 1px;
    padding-right: 10px;
    width: 400px;
}*/

.fixed-article-scrollable-menu-explore {
    padding-right: 0px;
    width: auto;
}

.fixed-article-scrollable .container {
    width: 360px !important;
}

#floor_plan, #epc {
    position: relative;
}

    /**
#floor_plan a, #epc a.enlarge-me {position:absolute;text-decoration:none;color:#dfa13a;top:174px;right:81px;font-size:10px;}
#floor_plan a, #epc a.enlarge-me2 {position:absolute;text-decoration:none;color:#dfa13a;top:174px;right:236px;font-size:10px;}
#floor_plan a, #epc a.enlarge-me-single {position:absolute;text-decoration:none;color:#dfa13a;top:154px;right:236px;font-size:10px;}
#floor_plan a:hover, #epc a:hover {text-decoration:underline;}
**/

    #floor_plan a, #epc a.enlarge-me {
        text-decoration: none;
        color: #dfa13a;
        font-size: 10px;
    }

    #floor_plan a, #epc a.enlarge-me2 {
        text-decoration: none;
        color: #dfa13a;
        font-size: 10px;
    }

    #floor_plan a, #epc a.enlarge-me-single {
        font-size:12px;
        color:#ffa200;
        text-decoration:none;
    }

        #floor_plan a:hover, #epc a:hover {
            text-decoration: underline;
        }

.email-link {
    position: inherit !important;
    /*font-size: 11px !important;
    color: #FFA200 !important;*/
}

    .email-link:hover {
        text-decoration: none !important;
    }

.property-listing-img {
    margin-top: 2px;
}

div.main-content-area-black .explore-locally-main-content p {
    color: #fff;
    line-height: 13px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.explore-locally-main-content {
    position: absolute;
    overflow: hidden;
    top: 125px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #CCC url('../gfx/explore-locally/explore-locally-bg-2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom:20px;
}

.main-content-area-black-non-js.page-6 .explore-locally-main-content {
    position:static;
}
.main-content-area-black-non-js.page-6
{
    position:static;
    width:100%;
    background-color: transparent;
    padding:0;
}
.main-content-area-black-non-js.page-6 > div
{
    margin:0 40px 0 30px;
    padding:20px 10px 10px;
    background-color: black;
}

.explore-locally-main-content h2 {
    font-family: 'FFDINWebProLight', Arial;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 0px;
    letter-spacing: 0px;
    margin-top: -5px;
}
    


.neighbourhood-header {
    /*color: #fff;*/
    /*float: left;*/
    background-color: #000;
    text-decoration: none;
    width: 330px;
    font-size: 12px;
    height: 18px;
    padding-left: 10px;
    padding-top: 8px;
}

div.main-content-area-black .neighbourhood-header a {
    letter-spacing: 0.5px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-family: 'FFDINWebProMedium', Arial;
}

.neighbourhood-stories-box {
    float: left;
    width: 340px;
    padding-bottom: 45px;
    /*margin-top: 10px;
    margin-left: 10px;
    background-image: url('../gfx/bg/trans-bg.png');*/
    position: relative;
}

.neighbourhood-stories-box a.more-stories {
    position: absolute;
    bottom: 16px;
    right: 157px;
    width: 40px;
}

.local-info-header {
    /*color: #fff;*/
    float: left;
    background-color: #000;
    text-decoration: none;
    width: 200px;
    font-size: 12px;
    height: 18px;
    padding-left: 10px;
    padding-top: 8px;
}

div.main-content-area-black .local-info-header a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-family: 'FFDINWebProMedium', Arial;
    letter-spacing: 0.5px;
}

.local-information-box {
    float: left;
    width: 210px;
    /*margin-left: 10px;
    padding-bottom: 45px;
    margin-top: 10px;
    background-image: url('../gfx/bg/trans-bg.png');*/
}


.boxes-wrapper {
}

.small-image-stories {
    width: 120px;
    height: 70px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    position: relative;
}

.copy-story {
    float: left;
    width: 195px;
    margin-top: 10px;
    margin-left: 10px;
    padding-right: 5px;
    height:auto;
}
/*
.copy-story a {
    color: #FFA200;
    text-decoration: none;
}*/

.local-info-articles {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding-right: 5px;
    height:auto;
}

    .local-info-articles h2 {
        color: #FFFFFF;
        font-family: 'FFDINWebProLight', Arial;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0px;
    }

    .local-info-articles a {
        color: #FFA200;
        text-decoration: none;
    }
/************** 27. Local Information Page [ELP]********************/
a.neihbourhood-info-btn {
    background-color: #6D6E71;
    border: 0 none;
    color: #000000 !important;
    cursor: pointer;
    font-size: 11px !important;
    min-height: 20px;
    margin-bottom: 0 !important;
    padding: 10px;
    width: 85px;
    margin-bottom: 10px;
    margin-left: -10px;
}

a.neihbourhood-info-btn-active {
    background-color: #3c3b3b;
    border: 0 none;
    color: #fff !important;
    cursor: pointer;
    font-size: 11px !important;
    min-height: 20px;
    margin-bottom: 0px !important;
    padding: 10px;
    width: 85px;
    margin-left: -10px;
}

.local-info-wrapper {
    margin-left: 98px; /*margin-top: 50px;*/
    overflow: hidden;
}

.local-info-box {
    width: 230px;
    float: left;
    margin-right: 10px;
}

.local-info-copy-box {
    margin-top: 5px;
    overflow: hidden;
    padding-right: 5px;
    height: 70px;
}

    .local-info-copy-box h2 {
        color: #FFFFFF;
        font-family: Georgia;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 0px;
    }
/**************   Neighbourhood Stories Section [NSS]   **************/
.fixed-article-scrollable {
    height: 360px;
    overflow-y: auto;
    /*padding-left: 20px;
    padding-right: 10px;
    width: 400px;*/
}

ul.left-hand-menu-article {
    float: left;
    list-style: none outside none;
    margin-left: 10px;
    width: 90px;
}

    ul.left-hand-menu-article li a {
        color: #9A9CA0;
        display: block;
        font-family: 'FFDINWebProLight',Arial;
        font-size: 11px;
        letter-spacing: 0;
        margin-bottom: 16px;
        margin-top: 2px;
        text-decoration: none;
    }

        ul.left-hand-menu-article li a.selected {
            color: #FFFFFF;
        }

a.neihbourhood-info-btn-fixed-article-active {
    background-color: #000;
    border: 0 none;
    color: #FFFFFF !important;
    cursor: pointer;
    font-size: 9px !important;
    height: 20px;
    margin-bottom: 0 !important;
    padding: 10px;
    width: 85px;
    margin-left: -10px;
    font-family: 'FFDINWebProLight', Arial !important;
}
/*
.first-article-link {
    margin-top: 20px;
}*/

a.neihbourhood-info-trans-btn {
    background-color: transparent;
    background-image: url(../gfx/bg/article-trans-btn.png);
    border: 0 none;
    color: #9a9ca0 !important;
    cursor: pointer;
    font-size: 9px !important;
    height: 20px;
    margin-bottom: 0 !important;
    padding: 10px;
    width: 85px;
    margin-left: -10px;
    font-family: 'FFDINWebProLight', Arial !important;
}

.simplemodal-overlay {
    background-image: url(../gfx/modal-bg.png);
}

.simpleModal {
    min-width: 550px;
    position: relative;
    text-align: center;
    padding: 20px;
    vertical-align: middle;
}

    .simpleModal h3 {
        text-transform: uppercase;
        color: White;
    }

    .simpleModal p {
        color: White;
        margin-top: 10px;
        font-size: 14px;
    }

        .simpleModal p a {
            color: #FFA200;
        }

            .simpleModal p a:hover {
            }

.simplemodal-close {
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
}

.simplemodal-container {
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=100);
}

/** favourites - google **/
#google-map-listing {
    position: absolute;
    top: 200px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

#google-map-results {
    position: absolute;
    top: 67px;
    left: 12px;
    right: 12px;
    bottom: 64px;
}

#google-map-categories {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
}

    #google-map-categories p {
        padding-bottom: 2px;
    }

    #google-map-categories li {
        color: #000;
        padding: 2px 10px;
        display: inline;
        background-color: #9b9ca0;
        font-size: 12px;
        font-family: 'FFDINWebProMedium';
        cursor: pointer;
    }

        #google-map-categories li:hover {
            background-color: #ffa200;
        }

        #google-map-categories li.active {
            background-color: #fff;
        }

/*****************   29. Magazine Page [MP]    ***********************/

.overflow_hidden
{
    overflow:hidden
}

.hidden
{
    display: none !important;
}

.magazine-content
{
    /*color: #c0c1c3;*/
    min-width: 1405px;
}

@media screen and (max-width:1720px)
{
    .magazine-content
    {
        width: 1420px;
    }
}


/*
@media all and (max-width: 1432px)
{
    .magazine-content
    {
        width: 1115px;
    }
}

@media all and (max-width: 1130px)
{
    .magazine-content
    {
        width: 985px;
    }
    
    .magazine-current-copy
    {
        width: 200px;
    }
    
    .magazine-current-col1 
    {
        width: 560px;
    }
}*/
/*
.magazine-content p
{
    font-size: 12px;
    line-height: 19px;
    padding-bottom: 5px;
    padding-top: 5px;
}*/
/*
.magazine-intro
{
    padding: 0;
    max-width: 1565px;
}*/

.magazine-current 
{
    overflow: hidden;
    max-width: 1565px;
}
/*
.magazine-content h1
{
    padding-bottom: 10px;
}

.magazine-content h2
{
    color: #FFF;
    font-size: 180%;
    padding-top: 0;
    margin-top: -6px;
}

.magazine-content h3
{
    color: #FFF;
    font-size: 130%;
    padding-top: 0;
    padding-bottom: 8px;
    font-weight: normal;
    
}

.magazine-content .magazine-content-archive h3
{
    margin-top: -5px;
}
*/
.magazine-current table
{
    border-collapse: collapse;
    margin: 0;
}
.magazine-current table tr td
{
    padding: 0;
}

.magazine-current-row1 
{
    position: relative;
    min-height: 400px;
}

.magazine-current-row2
{
    margin-top: 20px;
}

.magazine-current-col1 
{
    /*width: 700px;*/
    width: 656px;
    top: 0;
    left: 0;
}

.magazine-current-col2
{

}

.magazine-current-copy {
    float: left;
    width: 300px;
    /*padding-left: 30px;
    padding-right: 30px;*/
    /*text-align: justify;*/
}

.magazine-current-img
{
    float: left;
    width: 340px;
}

.magazine-current-img img {
    border: none;
}

.magazine-current-inside
{
    
}
.magazine-current-inside-item 
{
    width: 270px;
    float: left;
    /*margin-right: 25px;*/
    overflow: hidden;
}
.magazine-current-inside-item p
{
    /*text-align: justify;*/
}

.magazine-current-inside-item.item1,
.magazine-current-inside-item.item2,
.magazine-current-inside-item.item3
{
    display: visible;
}
.magazine-current-inside-item.item3
{
    margin-right: 0px;
}
/*
.magazine-current-inside-item img
{
    margin-bottom: 16px;
}*/
/*
@media all and (max-width: 1432px)
{
    .magazine-current-inside-item.item2,
    .magazine-current-inside-item.item3
    {
        display: none;
    }
}
*/
@media all and (max-width: 1720px)
{
    .magazine-current-inside-item.item3
    {
        display: none !important;
    }
}

.magazine-current-inside a.magazine-read-more
{
    display: block;
    text-align: right;
}

.magazine-current-share
{
    padding: 0;
}

.magazine-current-share p
{
    color: #FFFFFF;
    font-family: 'FFDINWebProLight', Arial;
    font-size: 27px;
    float: left;
    /*padding-top: 2px;*/
    padding-top: 1px;
    /*padding-right: 10px;*/
    margin-top: -8px;
}

.magazine-current-share a
{
    display: inline;
    padding: 2px 0 2px 12px;
}

.magazine-current-download
{
    padding: 0;
}

table.magazine-current-contents
{
    border-collapse: collapse;
    border: none;
    width: 100%;
}
table.magazine-current-contents tr td
{
    padding: 2px 10px 4px 10px;
}
table.magazine-current-contents tr:nth-child(even) td
{
    background-color: #1b1b1b;
}
p.magazine-current-contents-pagelink
{
    font-family: 'FFDINWebProLight', Arial;
    padding: 4px 0px 1px 0px;
    line-height: 18px;
}
#Main_panel_Main p.magazine-current-contents-pagelink a
{
    font-family: 'FFDINWebProMedium', Arial;
}
p.magazine-current-contents-snippet
{
    color: #FFFFFF;
    font-style: normal;
    font-family: Arial;
    /*font-size: 12px;*/
    padding: 1px 0px 1px 14px;
    margin: 0;
    line-height: 21px;
}
/*
div.main-content-area-black .latest-magazine-copy p {
    margin: 0px;
    padding: 0px;
    line-height: 12px;
}*/

.archive-content {
    /*margin-top: 10px;*/
    overflow: hidden;
    max-width: 1565px;
    display: visible;
}
.archive-content-narrow
{
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
    display: hidden;
}

table.magazine-content-archive
{
    border-collapse: collapse;
    width: 100%;
}
table.magazine-content-archive td
{
    padding: 0 10px 0 0;
}

.past-magazines-container {
    width: 150px;
    float: left;
    /*margin-bottom: 10px;*/
}

.past-magazines-container img {
    float: left;
}

.past-magazines-copy {
    /*margin-left: 170px;*/
    /*max-width: 270px;
    min-width: 100px;*/
    width: 100%;
}

.past-magazines-copy p
{
    font-style: normal;
    /*font-size: 12px;*/
    line-height: 18px;
    font-family: Georgia;
}

.past-magazines-copy h3
{
    font-size: 19px;
}
/*
div.main-content-area-black .view-magazines-by-date a.view-magazines-active {
    color: #fff;
}

div.main-content-area-black .view-magazines-by-date a:hover {
    color: #FFA200;
}

div.main-content-area-black .view-magazines-by-date a.view-magazines-active:hover {
    color: #fff;
}
*/
.view-magazines-by-date {
    width: auto;
    height: auto;
}

/*
div.main-content-area-black .view-magazines-by-date a {
    color: #9A9CA0;
}
*/

/* VIDEO THUMBNAIL OVERLAY */
.video-container
{
    float: right;
    width: 482px;
    height: 271px;
    overflow: hidden;
    margin-bottom:10px;
}
.video-overlay,
#video-overlay
{
    display: visible;
    position: relative;
    cursor: pointer;
}
.video-overlay img.play,
#video-overlay img.play
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    width: 70px !important;
}


/* VIDEO THUMBNAIL OVERLAY */
.magazine-contribute
{
    padding: 0;
    max-width: 1565px;
}
.magazine-contribute-video
{
    float: right;
    width: 515px;
    height: 250px;
    overflow: hidden;
    /*margin-left: 30px;*/
}
#magazine-video-overlay
{
    display: visible;
    position: relative;
    cursor: pointer;
}
.magazine-video-play-overlay
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
}

.magazine-subscribe-dialog, .header-subscribe-dialog
{
    border: none !important;
    background: none !important;
}
.magazine-subscribe-dialog .ui-dialog-titlebar-close,
.magazine-subscribe-dialog .ui-dialog-titlebar,
.header-subscribe-dialog .ui-dialog-titlebar-close,
.header-subscribe-dialog .ui-dialog-titlebar
{
    display: none;
}
.magazine-subscribe-dialog .ui-dialog-content,
.header-subscribe-dialog .ui-dialog-content
{
    overflow: hidden !important;
    padding: 0;
}

#magazine-subscribe, #fees-apply, #header-subscribe 
{
    width: 520px;
    text-align: center;
    padding: 30px;
}
#fees-apply {text-align:left}
#fees-apply h1 { font-size: 135%; padding-bottom: 4px;}
#fees-apply h2 { font-size: 100%; margin-top: 2px; padding-bottom: 5px;}
#fees-apply p 
{
    font-family: Arial;
    font-size: 65%; 
    padding-bottom: 5px; 
    line-height: 1.4;
}
#fees-apply p em
{
    font-family: Arial;
}

.magazine-subscribe-content, .header-subscribe-content
{
    position: relative;
    width: 400px;
    background-color: #262626;
    padding: 10px 35px 10px 35px;
}
.fees-apply-content
{
    width:500px; 
    position: relative;
    background-color: #262626;
    font-family: Arial;
}

.magazine-subscribe-content,
#magazine-subscribe-content-form,
.header-subscribe-content
{
    text-align: center;
}
#magazine-subscribe-content-success, #header-subscribe-content-success{
    color: #fff;
}
#magazine-subscribe h1, #header-subscribe h1
{
    padding-bottom: 10px;
}

#magazine-subscribe #magazine-subscribe-paragraph, #header-subscribe #header-subscribe-paragraph
{
    text-align: center;
    /*color: #FFF;
    font-size: 13px;*/
}

#magazine-subscribe #magazine-subscribe-close, #fees-apply-close, #header-subscribe #header-subscribe-close
{
    position: absolute;
    right: -21px;
    top: -21px;
    cursor: pointer
}

/*TODO: this subscription form needs to be brought in line with new form styles*/
#magazine-subscribe input[type=text]
{
    width: 370px;
    height: 30px;
    margin: 0 0 10px 0;
    padding: 2px 16px 2px 16px;
    color: #9b9ca0;
    border: none;
    font-size: 15px;
    font-family: 'FFDINWebProLight', Arial;
}

#magazine-subscribe #btnOK, #magazine-subscribe #frmSubscribe, #fees-apply #btnOK
{
    width: 400px;
    line-height: 32px;
    margin:0 auto;
    cursor:pointer;
    text-align:center;
    background-color: #818181;
}
#fees-apply #btnOK 
{
    width: 100%;
    padding-top: 4px;
}

.fees-apply-dialog
{
    border: none !important;
    background: none !important;
}

p.subscription-error
{
    font-size: 14px;
    color: #F49D05;   
}

p.subscription-message
{
    /*font-size: 12px;*/
    color: #FFFFFF;
}

p.center
{
    text-align: center;
}

#magazine-subscribe a
{
    color: #C8A433;
}

#magazine-subscribe-printed-link
{
    display: inline-block;
    color: #FFFFFF;
    margin-top: 16px;
    padding: 5px 0 1px 0;
    border-bottom: 1px solid #FFF;
    /*font-size: 13px;*/
    cursor: pointer;
}

/**************  30. Domus Loves Page [DLP]  ******************/
.carousel-contianer { /*background-color:#c9b7a7;*/
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
}
/*.five-top-container ul.domus-loves-tabs {
    float: left;
    height: 30px;
    overflow-x: hidden;
    width: 340px;
}*/
.five-top-container ul.domus-loves-tabs li {
    background: url("../gfx/bg/sub-header-tabs-bg.png") repeat-x scroll left top transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 30px;
    text-align: center;
    vertical-align: top;
    width: 170px;
}

    .five-top-container ul.domus-loves-tabs li a {
        /*color: #9A9CA0;*/
        color: #EEE;
        display: block;
        font-size: 11px;
        height: 17px;
        padding-bottom: 10px;
        padding-top: 3px;
        text-decoration: none;
        font-weight: bold;
    }

        .five-top-container ul.domus-loves-tabs li a.selected {
            background: url("../gfx/bg/domus-loves-tab-selected.png") no-repeat scroll left top transparent;
            color: #fff;
        }
/*
.top-five-container {
    background: url("../gfx/bg/trans-bg.png") repeat scroll left top transparent;
    height: 450px;*/ /* this is only for the olympics updates after 480px; */
    /*margin: 0px 0 70px -10px;
    padding-top: 10px;*/ /* this is only for the olympics updates */
    /*position: absolute;
    top: 74px;
    left: 35px;
    width: 340px;
    margin-top: 75px;*/ /* this is only for the olympics updates */
    /*
}
*/
.top-five-property-box {
    overflow: hidden;
    cursor: pointer;
}
/*
.main-content-area-transparent-non-js .top-five-property-box {
    overflow: hidden;
    cursor: pointer;
}*/

.main-content-area-transparent-non-js .top-five-copy {
    float: none;
    height: auto;
    width: 60%;
    padding:0;
    position:relative;
    /*margin:-5px 0 0 0;*/
}
/*
.top-five-copy p {
    color: #fff;
    font-size:11px;
}

.main-content-area-transparent-non-js .top-five-copy p {
    color: #fff;
}
*/
.top-five-property-box img.border {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.top-five-property-box:hover img.border {
    display: block;
}
/*
.top-five-property-box:hover {
    background: url("../gfx/bg/top-five-trans-hover.png") repeat transparent;
}

.top-five-property-box:hover p {
    color: #9a9ca0;
}*/

span.top-copy {
    font-size: 10px;
    font-style: italic;
    color: inherit;
}

span.five-copy {
    font-size: 12px;
    font-style: italic;
    color: inherit;
}

/** google map styling **/
.infoBox {
    padding: 5px;
    width: 200px;
    background-image: url(../gfx/infowindow.png);
    min-height: 56px;
    background-position: left bottom;
}

.infoBox span {
    color: #9a9ca0;
}

.infoBox a {
    color: #ffa200;
}

.infoBox p {
    font-size: 10px;
    color: #fff;
    font-family: 'FFDINWebProLight', Arial;
    /*font-weight: bold;*/
    padding-bottom: 1px;
    text-decoration: 'none';
    padding: 0;
    margin-top: -3px;
}

.rent-search-change {
    padding: 10px;
    position: absolute;
    background-color: #000;
    width: 250px;
    height: 465px;
    border: 1px solid #6D6E71;
    left: 0;
    top: 0;
}

.search-change {
    padding: 10px;
    position: absolute;
    background-color: #000;
    width: 250px;
    height: 395px;
    border: 1px solid #6D6E71;
    left: 0;
    top: 0;
}


/** jCarousel **/

.jcarousel-skin-domus .jcarousel-container {
}

.jcarousel-skin-domus .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-domus .jcarousel-container-horizontal {
    width: 860px;
    padding: 10px 40px;
    margin: 0px auto;
    cursor: pointer;
}

.jcarousel-skin-domus .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-domus .jcarousel-clip-horizontal {
    width: 860px;
    height: 75px;
}

.jcarousel-skin-domus .jcarousel-item {
    width: 135px;
    height: 75px;
}

.jcarousel-skin-domus .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-domus .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-domus .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
 

.jcarousel-skin-domus .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: -16px;
    width: 24px;
    height: 77px;
    cursor: pointer;
    background: transparent url(../gfx/buttons/gallery-arrows-sprite.png) no-repeat 0 0;
}

.jcarousel-skin-domus .jcarousel-prev-horizontal {
    position: absolute;
    top: 10px;
    left: -20px;
    width: 24px;
    height: 77px;
    cursor: pointer;
    background: transparent url(../gfx/buttons/gallery-arrows-sprite.png) no-repeat 0 -77px;
}


 /*
.jcarousel-skin-domus .jcarousel-next-horizontal {
    position: absolute;
    top: 38px;
    right: -16px;
    width: 25px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../gfx/buttons/right.png) no-repeat 0 0;
}


.jcarousel-skin-domus .jcarousel-next-disabled {
    background: transparent url(../gfx/buttons/right-disabled.png) no-repeat 0 0;
}


.jcarousel-skin-domus .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../gfx/buttons/left.png);
}

.jcarousel-skin-domus .jcarousel-prev-horizontal {
    position: absolute;
    top: 38px;
    left: -20px;
    width: 25px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../gfx/buttons/left.png) no-repeat 0 0;
}

.jcarousel-skin-domus .jcarousel-prev-disabled {
    background: transparent url(../gfx/buttons/left-disabled.png) no-repeat 0 0;
}

.jcarousel-skin-domus .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../gfx/buttons/right.png);
}

.left-button {
    position: absolute;
    top: 0px;
    left: -5px !important;
    bottom: 0px;
    width: 12px !important;
    background-image: url(gfx/buttons/left.png);
    background-repeat: no-repeat;
    background-position: 40px 60px;
    cursor: pointer;
}

*/
.jcarousel-item img {
    padding: 0px 0px 0px 0px;
    height: 80px;
    width: 140px;
}

.carousel-container {
    position: relative;
    text-align: center;
    padding: 0px 16px 0px 16px;
    height: 95px;
    left: 0px;
    right: 0px;
    background-color: #000000;
    background: url('../gfx/bg/property-image-bar.png') repeat;
    margin-top:-125px;
    margin-bottom:30px;
}
/*opacity:0.7;filter:alpha(opacity=70);*/



.right-button {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 40px;
    background-image: url(gfx/buttons/right.png);
    background-repeat: no-repeat;
    background-position: 0px 60px;
    cursor: pointer;
}

/** END jCarousel **/

#spare-hide-gallery {
    text-shadow: 1px 1px 1px #000;
    width: 150px;
    color: #FFF;
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    height: 15px;
    cursor: pointer;
    position: relative;
    z-index: 100;
}

#carousel-back {
    position: relative;
    height: 120px;
}

#carousel-zone {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100px;
}

#show-gallery {
    position: absolute;
    left: 30px;
    bottom: 10px;
    vertical-align: bottom;
    height: 95px;
    width: 150px;
    color: #FFF;
    font-size: 12px;
    height: 15px;
    cursor: pointer;
}

.tab-content {
    width: 320px;
    height: 100%;
    padding: 0px 10px 10px 30px;
}

.tab-flipper {
    z-index: 999;
    top: 20px;
    left: 0px;
    position: absolute;
    width: 30px;
    height: 360px;
    background-image: url('../gfx/buttons/explore-notting-hill.jpg');
    cursor: pointer;
}



.crumbs {
    position: absolute;
    left: 250px;
/*    top: 74px;*/
    top: 44px;
    margin: 10px 10px 0px 10px;
    width: 550px;
    z-index: 300;
    font-family: Arial;
  
}
.crumbs p {
    color: #FFF;
    font-size: 12px;
    padding: 0;
    font-family: Arial;
}
.crumbs p span {
    color: #AAA;
    font-size: 12px;
    font-family: Arial;
}
.crumbs p a {
    text-decoration: none;
    color: #AAA;
    font-family: Arial;
}
.crumbs p a:hover {
    width: 300px;
    text-decoration: underline;
    color: #FFA200 !important;
}

.visited 
{
    color: #C0C0C0 ;
    text-decoration: underline !important;
}

.left-block-menu ul {
    list-style-type: none;
}

ul.site-search-results li {
    margin: 0 0 5px 0;
}

.site-search-box {
    margin: 0 0 10px 0;
}
/*
.site-search-box input[type=submit] {
    background-color: #FFA200;
    width: 60px;
    border: 0;
    cursor: pointer;
    height: 22px;
    padding-bottom: 4px;
    display: block;
}
*/
/*
ul.site-search-results li h4 {
    font-size: 18px;
}
*/
ul.site-search-results li a {
    /*color: #FFA200;*/
    text-decoration: none;
}

/*
div.main-content-area-black p a.selected {
    background-color: orange;
    color: black;
    padding: 0px 4px 0px 4px;
}

div.main-content-area-black p a.selected {
    background-color: orange;
    color: black;
    padding: 0px 4px 0px 4px;
}

div.main-content-area-black a.grey {
    color: #9A9CA0;
}
*/
a.orange {
    color: #FFA200 !important;
}
/*
div.main-content-area-black p span.orange {
    color: #FFA200;
}
*/
/*
a.grey {
    color: #9A9CA0;
}*/
/*
span.orange {
    color: #FFA200;
}
*/

.at300bs {
    background: none !important;
}

.at15t_compact {
    margin-right: 0px !important;
}

.at300m {
    float: none !important;
}

#at15s_inner a span, #at15s_inner a, #at15ptc, #at16ps a span, #at16ps a {
    color: #2e2e2e !important;
}

#at16pf {
    height: 0px !important;
    display: none !important;
}

#at16pt h4 {
    color: #2e2e2e !important;
}


/***********   31. Collapse Button [CB]	    *********************/

p.collapse-button, p.expand-button {
    display: block;
    width: 65px;
    height: 15px;
    background: transparent url('../gfx/buttons/minus-symbol.gif') no-repeat right top;
    position: absolute;
    top: 3px;
    right: 3px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: #9A9CA0;
}

    p.collapse-button:hover, p.expand-button:hover {
        color: #FFA200;
    }

p.expand-button {
    display: none;
    width: 60px;
    background-image: url('../gfx/buttons/plus-symbol.gif');
}

/** SIDE BAR PANEL BEHAVIOUR **/
#sidebar-container {
    width: 30px;
    position: absolute;
    right: 0px;
    overflow: hidden;
    top: 111px; /**max-height:610px;**/
    
    display: none !important;
}

#sidebar-container .side-bar-panel {
    margin-bottom: 10px;
    cursor: pointer;
}

#sidebar-container .side-bar-panel .side-bar-content {
    margin-left: 30px;
    width: 320px;
    cursor: default;
}

#side-bar-collapse {
    color: #FFA200;
    font-size: 11px;
    position: absolute;
    top: 90px;
    right: 16px;
    text-decoration: underline;
}

.infoBox .google-thumb {
    float: left;
    margin-right: 5px;
}

#house-history-box {
    padding: 0 !important;
}

.back-header {
    text-shadow: 1px 1px 1px #000;
    width: 150px;
    color: #FFF;
    font-size: 11px;
    height: 15px;
    cursor: pointer;
    z-index: 100;
    position: absolute;
}

.results-back-header {
    top: 127px;
    left: 30px;
}

.gallery-back-header {
    top: 127px;
    left: 160px;
}

.right-hand-buttons h1 a {
    text-decoration: underline;
}

/********** HOVER AFFECT UPDATES ************/

div.login-type-menu ul li a.selected, ul.left-footer-links li a.selected {
    color: #FFF;
}
/*
.details-footer-menu a:hover {
    color: #FFA200;
}*/
/*
.contact-us-content h4, .login-box h3, .register-box h3 {
    font-size: 18px;
    letter-spacing: -1px;
}*/
/*
div.main-content-area-black div.login-content p.label-name {
    font-size: 13px;
}
*/
.results-back-header a, .gallery-back-header, ul.left-hand-menu-transparent li a {
    font-family: 'FFDINWebProLight', Arial !important;
    font-size: 11px !important;
}

.left-hand-menu-transparent {
    margin-left: -10px;
}



/** TAG IT STYLING
ul.tagit { padding: 0px 2px 2px 2px; overflow: auto; margin-left: inherit; margin-right: inherit; border-style: 0; background-color:#6d6e71; width:240px; min-height:23px; }
ul.tagit li { display: block; float: left; }
ul.tagit li.tagit-choice { line-height:19px; vertical-align:middle; padding: 0px 4px 0px 4px; border:0; background: none; background-color: #000000; color: #6d6e71; font-weight: normal; margin-right:2px; margin-top:2px; }
ul.tagit li.tagit-choice a.tagit-label { cursor: pointer; text-decoration: none; font-size:12px; color:#6d6e71; }
ul.tagit li.tagit-choice span.tagit-label { cursor: pointer; text-decoration: none; font-size:12px; color:#6d6e71; }
ul.tagit li.tagit-new { }
ul.tagit li.tagit-choice .tagit-close { cursor: pointer; padding-left:5px; }

ul.tagit li.tagit-choice .tagit-close .text-icon { display: none; }
ul.tagit li.tagit-choice input { display: block; float: left; margin: 2px 5px 2px 0; }
ul.tagit input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; margin: 0; padding: 0; width: inherit; background-color: inherit; outline: none; }

ul.tagit li.tagit-choice a.tagit-close { text-decoration: none; }

ul.tagit li.tagit-choice .ui-icon { display: none; }
ul.tagit li.tagit-choice .tagit-close .text-icon { display: inline; font-family: arial, sans-serif; font-size: 16px; line-height: 16px; color: #777; }
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove { color: #ffa200;  }
ul.tagit li.tagit-choice a.tagLabel:hover, ul.tagit li.tagit-choice a.tagit-close .text-icon:hover { color: #ffa200; }
ul.tagit input[type="text"] { color: #333333; background: none; }
 **/

/**
.ui-autocomplete { background-color: #eee; position: absolute; cursor: default; }
.ui-autocomplete .ui-menu-item { }
.ui-autocomplete .ui-menu-item a { display: block; padding: 4px 6px; text-decoration: none; line-height: 12px; }
.ui-autocomplete .ui-menu-item a.ui-state-hover, .ui-autocomplete .ui-menu-item a.ui-state-active { background-color: #78959D; color: #fff; margin: 0; }
.ui-autocomplete-loading { background: white url(images/ui-anim_basic_16x16.gif) right center no-repeat; }

ul.tagit { padding: 1px 5px; border-style: solid; border-width: 1px; border-color: #C6C6C6; overflow: auto; }
ul.tagit li { -moz-border-radius: 5px 5px 5px 5px; display: block; float: left; margin: 2px 5px 2px 0; }
ul.tagit li.tagit-choice { background-color: #DEE7F8; border: 1px solid #CAD8F3; padding: 2px 4px 3px; }
ul.tagit li.tagit-choice:hover { background-color: #bbcef1; border-color: #6d95e0; }
ul.tagit li.tagit-new { padding: 2px 4px 3px; padding: 2px 4px 1px; padding: 2px 4px 1px 0; }

ul.tagit li.tagit-choice input { display: block; float: left; margin: 2px 5px 2px 0; }
ul.tagit li.tagit-choice a.close { color: #777777; cursor: pointer; font-size: 12px; font-weight: bold; outline: medium none; padding: 2px 0 2px 3px; text-decoration: none; }
ul.tagit input[type="text"] { -moz-box-sizing: border-box; border: none; margin: 0; padding: 0; width: inherit; border-color: #C6C6C6; background-color: #FFFFFF; color: #333333; }
**/
/*
.valuation-request-content table p {
    padding-bottom: 0;
    margin-top: 10px;
}*/

/*li.jcarousel-item
{
	border: solid 1px #FFF !important;
	overflow: hidden;
}*/

img.carousel-selected {
    border: solid 2px #FFF !important;
    overflow: hidden;
    width: 136px;
    height: 76px;
}

.jcarousel-skin-domus .jcarousel-item, .jcarousel-skin-domus .jcarousel-clip-horizontal {
    height: 80px;
}

.jcarousel-skin-domus .jcarousel-container-horizontal {
    padding-top: 8px;
    padding-bottom: 7px;
}

.jcarousel-skin-domus .jcarousel-clip-horizontal {
    width: 865px;
}

.how-can-we-help-box h3, .explore-side-box h3 {
    font-family: 'FFDINWebProLight', Arial;
    letter-spacing: -1px;
    font-weight: normal;
}

.neighbourhood-header a, .local-info-header a {
    font-family: 'FFDINWebProLight', Arial;
}

p.top-links-hover a:hover {
    color: #FFF;
}

p.top-links-hover a.off:hover {
    color: #FFF !important;
}

p.top-links-hover a.aspNetDisabled:hover {
    color: #FFF !important;
}

div.back-header a:hover, p.hide-image-gallery-bottom:hover {
    color: #FFA200;
}

p.hide-image-gallery-bottom {
    cursor: pointer;
    color: #FFF;
    font-family: 'FFDINWebProLight', Arial;
}

.results-back-header a:hover, ul.left-hand-menu li a:hover, ul.left-hand-menu-article li a:hover {
    color: #FFA200 !important;
}

.local-info-copy-box h2, table.indiv-food-result tr td p strong {
    font-family: 'FFDINWebProLight', Arial;
    font-weight: normal;
    letter-spacing: 0;
    /*font-size: 13px;*/
}

p.top-links-hover a {
    color: #9A9CA0 !important;
}
/*
p.top-links-hover span.orange, div.main-content-area-black a.aspNetDisabled {
    color: #FFF !important;
}
*/
p.top-links-hover a:hover, p.top-links-hover a.off:hover {
    color: #FFA200 !important;
}

a:hover.favourites-links {
    color: #FFA200 !important;
}

a.amenity-link {
    color: #fff !important;
}

a:hover.amenity-link {
    color: #FFA200 !important;
}

p.asterisk-copy {
    padding-bottom: 0px;
}


ul.people li h4.whiteactive {
    color: #fff;
}


/********** HOVER AFFECT UPDATES ************/
ul.site-map {
    /*color: #FFF;*/
    text-decoration: none;
    list-style-type: none;
}

ul.site-map ul {
    padding-left: 16px;
}

ul.site-map li {
    text-decoration: none;
    list-style-type: none;
    /*font-size: 11px;*/
    /*padding-bottom: 3px;*/
}

ul.site-map li.sub {
    padding-top: 16px;
    /*padding-bottom: 15px;*/
    /*font-size: 14px;
    color: #fff;*/
}

ul.site-map a.sub {
    padding-top: 16px;
    padding-bottom: 16px;
    /*font-size: 14px;
    color: #fff;*/
    display: block;
}
/*
ul.site-map li a {
    padding-left: 10px;
}

ul.site-map li ul li a {
    padding-left: 20px;
}*/

ul.site-map li p
{
    padding-bottom: 0;
}

/*****************************************************************************************************
MEDIA QUERIES
*****************************************************************************************************/

/* Desktops and Laptops Screen - W:1366px  ----------------------------------------------
@media only screen and (max-width: 1366px) 
{ 
    #room_details, #summary, #floor_plan, #epc 
    {
        max-height: 180px;
        padding:0 15px 15px 0 !important;
        }
        
    #map-box
    {
        height:185px !important; max-height: 185px !important;
        }
        
    #floor_plan img
    {
        display:block;
        width:40%; max-width:50%;
        margin-top:2px;
    }

}
*/

/*****************************************************************************************************
    NEW SLIDESHOW
*****************************************************************************************************/
#slideshow {
    position: fixed;
    overflow: hidden;
    background: #000;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

    #slideshow.loader {
        background: #000 url(../gfx/slideshow/ajax-loader.gif) no-repeat center center;
    }

#panel-top {
    background: url(../gfx/slideshow/slideview_bg.png);
    height: 40px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 2;
    display: none;
}

    #panel-top .notes {
        position: absolute;
        font-size: 11px;
        color: #FFF;
        margin: 12px 0 0 10px;
        left: 0;
        top: 0;
    }

        #panel-top .notes div {
            float: left;
            margin-right: 4px;
        }

        #panel-top .notes .name {
            margin-right: 10px;
            font-weight: bold;
        }

        #panel-top .notes a {
            margin-left: 10px;
        }

    #panel-top .centered {
        width: 200px;
        margin: auto;
    }

    #panel-top #pt-prev, #panel-top #pt-play, #panel-top #pt-next {
        float: left;
        cursor: pointer;
    }

    #panel-top #pt-prev {
        width: 35px;
        height: 12px;
        background: url(../gfx/slideshow/pt_prev.png) no-repeat;
        margin-top: 16px;
    }

    #panel-top #pt-play {
        width: 17px;
        height: 28px;
        margin: 7px 12px 0 10px;
    }

        #panel-top #pt-play.stop {
            background: url(../gfx/slideshow/pt_play.png) no-repeat;
        }

        #panel-top #pt-play.play {
            background: url(../gfx/slideshow/pt_stop.png) no-repeat;
        }

    #panel-top #pt-next {
        width: 35px;
        height: 12px;
        background: url(../gfx/slideshow/pt_next.png) no-repeat;
        margin-top: 15px;
    }

    #panel-top #pt-exit {
        position: absolute;
        right: 20px;
        width: 91px;
        height: 14px;
        margin-top: 16px;
        background: url(../gfx/slideshow/pt_exit.png) no-repeat;
        cursor: pointer;
        top: 0;
    }

#viewport {
    position: relative;
}

    #viewport img {
        position: fixed;
    }

    #viewport div {
        position: fixed;
        width: 100%;
        height: 100%;
    }

#slideview {
    width: 100%;
    float: left;
    height: 70px;
    padding: 10px;
    position: fixed;
    bottom: 30px;
    background: #000;
    background: url(../gfx/slideshow/slideview_bg.png);
    display: none;
}

    #slideview .button {
        float: left;
        height: 60px;
        width: 20px;
    }

        #slideview .button.prev {
            margin-left: 16px;
        }

    #slideview #sv-prev, #slideview #sv-next {
        display: none;
        float: left;
        cursor: pointer;
        width: 20px;
        height: 20px;
        margin-top: 25px;
    }

    #slideview #sv-prev {
        background: url(../gfx/buttons/left.png) no-repeat center center;
    }

    #slideview #sv-next {
        display: block;
        background: url(../gfx/buttons/right.png) no-repeat center center;
    }

    #slideview #sv-thumbstrip, #slideview #sv-previewthumbstrip {
        width: 90%;
        float: left;
        overflow: hidden;
        margin: 0 16px 0 20px;
        position: relative;
    }

    #slideview #sv-thumbstrip {
        top: -60px;
    }

        #slideview #sv-thumbstrip .inner {
            position: relative;
            top: 60px;
        }

    #slideview #sv-previewthumbstrip {
        position: absolute;
        top: -129px;
        height: 120px;
        width: 100%;
        margin: 0;
        padding-left: 75px;
        left: 0;
        height: 129px;
    }

        #slideview #sv-previewthumbstrip .preview-thumb-container {
            width: 120px;
            height: 129px;
            margin: 0 3px;
            float: left;
            position: relative;
        }

        #slideview #sv-previewthumbstrip .preview-thumb {
            position: absolute;
            left: -57px;
            width: 120px;
            height: 70px;
            z-index: 99999999;
            display: none;
        }

            #slideview #sv-previewthumbstrip .preview-thumb img {
                border: solid 2px #FFF;
            }

            #slideview #sv-previewthumbstrip .preview-thumb.search img {
                border: solid 2px #000;
            }

        #slideview #sv-previewthumbstrip .preview-thumb-container .notes {
            background: #000;
            color: #FFF;
            font-size: 10px;
            padding: 10px;
            position: absolute;
            bottom: -50px;
            width: 189px;
            left: 0;
        }

            #slideview #sv-previewthumbstrip .preview-thumb-container .notes div {
                margin-right: 2px;
                display: inline;
            }

            #slideview #sv-previewthumbstrip .preview-thumb-container .notes .name {
                font-weight: bold;
            }

            #slideview #sv-previewthumbstrip .preview-thumb-container .notes .view-property {
                color: #FFA200;
            }

        #slideview #sv-previewthumbstrip .preview-thumb-container .arrow {
            width: 209px;
            height: 9px;
            position: absolute;
            bottom: -59px;
            z-index: 9999999;
            *margin-left: -209px;
        }

            #slideview #sv-previewthumbstrip .preview-thumb-container .arrow.search {
                background: url(../gfx/slideshow/thumb_arrow_bk.png) no-repeat center center;
            }

            #slideview #sv-previewthumbstrip .preview-thumb-container .arrow.property {
                background: url(../gfx/slideshow/thumb_arrow_wt.png) no-repeat center center;
            }

    #slideview .thumb-container {
        position: relative;
        float: left;
        height: 140px;
        top: -16px;
        background: url(../gfx/slideshow/transparent.png);
    }

        #slideview .thumb-container .thumb {
            width: 116px;
            height: 66px;
            border: solid 2px transparent;
            cursor: pointer;
            margin-top: 16px !important;
            display: block;
        }

            #slideview .thumb-container.active .thumb, #slideview .thumb-container .thumb:hover {
                border: solid 2px #FFF;
            }

#button-toggle-gallery {
    margin-right: 5px;
}
/*
#button-toggle-slideshow {
    margin-left: 2px;
}*/

/*ie7*/
#slideview #sv-previewthumbstrip .preview-thumb {
    *height: 129px;
    *width: 210px;
}

    #slideview #sv-previewthumbstrip .preview-thumb .notes {
        *bottom: 9px;
    }

    #slideview #sv-previewthumbstrip .preview-thumb .arrow {
        *bottom: 0px;
    }

    #slideview #sv-previewthumbstrip .preview-thumb .notes {
        *xdisplay: none;
    }

#slideview #sv-thumbstrip .thumb-container {
    *height: 145px;
    *top: -20px;
}

    #slideview #sv-thumbstrip .thumb-container .thumb {
        *margin-top: 20px;
    }

/*****************************************************************************************************
    STYLES FOR THE OLYMPICS
*****************************************************************************************************/
.five-top-container ul.domus-loves-tabs {
    height: 30px;
    overflow-x: hidden;
    position: absolute;
    top: -32px;
    width: 540px;
}

h5.domus-loves {
    left: 32px;
    position: absolute;
    top: 65px;
}

h1.domus-loves {
    margin-bottom: 43px;
}

div.let-content-ol {
    width: 820px;
}

div.letting-request-ol {
    float: left;
    margin-left: 20px;
    width: 260px;
    margin-bottom: 40px;
}

.left-menu-content ul {
    color: #9A9CA0;
    font-size: 11px;
    margin-left: 30px;
}

p.home-copy {
    color: #de1695;
}

a.home-link {
    color: #2ca1ff !Important;
}

/** COOKIE PANEL **/
.cookie-panel {
    border: 1px solid #FFA200;
    background-color: #000;
    position: absolute;
    /*position: relative;*/
    top: 0px;
    left: 0px;
    width: 710px;
    padding: 1px 1px 1px 8px;
    z-index: 99999;
    background-position: 3px 5px;
    background-repeat: no-repeat;
}

    .cookie-panel p {
        color: #FFA200;
        padding: 0px;
        margin: 0px;
    }

    .cookie-panel a {
        text-decoration: underline;
    }

    .cookie-panel input[type=submit] {
        padding: 2px 10px 2px 10px;
        background-color: transparent;
        border: 0;
        margin-left: 7px;
        cursor: pointer;
        font-size: 10px;
        font-family: 'FFDINWebProMedium', Arial;
        font-size: 13px;
        letter-spacing: 0px;
        letter-spacing: -1px;
        color: #fff;
    }

    .cookie-panel input[type=submit]:hover {
        padding: 2px 10px 2px 10px;
        background-color: #FFA200;
        border: 0;
        margin-left: 7px;
        cursor: pointer;
        font-size: 10px;
        font-family: 'FFDINWebProMedium', Arial;
        font-size: 13px;
        letter-spacing: 0px;
        letter-spacing: -1px;
        color: #000;
    }
    /*
    .cookie-withlargefooter{
        margin-top: -912px;
    }

    .cookie-withsmallfooter{
        margin-top: -54px;
    }*/

#home-page-prop-panel a {
    font-family: Arial;
}
#home-page-prop-panel {
    font-family: Arial;
    position: absolute;
    right: 0px;
    bottom: 85px;
    padding: 16px;
    padding-right: 35px;
    background-image: url(../gfx/mock.png);
    z-index: 2; /*required because the body is set to scroll rather than the browser, this would otherwise have the affect of overlaying on the 'browser' scrollbar */
}


#gal-switch-panel
{
    position: absolute;
    right: 80px;
    bottom: 42px;
    text-align:right;
    z-index: 11;
}

#gal-switch-panel > span
{
    background-color:#bcbcbc;
    display:inline-block;
    margin-left:17px;
    width:14px;
    height:14px;
    background: url("../gfx/home-slider-options.png") 14px 0;
    
    cursor:pointer;
}

#gal-switch-panel > span.active
{
    background-position: 0 0;
}


#home-page-prop-panel p {
    font-family: 'FFDINWebProLight', Arial;
    font-size: 12px;
    color: #fff;
    padding-bottom: 0px;
}

#home-page-prop-panel p span.property-desc {
    padding-right: 16px;
}

#home-page-prop-panel p span.property-price {
    padding-right: 16px;
}

#home-page-prop-panel-link {
    position: absolute;
    right: 0px;
    bottom: 85px;
    padding: 16px;
    padding-right: 35px;
    z-index: 4;
}
#home-page-prop-panel-link a  
{
    display: block;
    width:100%;
}

.selected-properties .add-remove {
    background: url('../gfx/buttons/bin.gif') no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
}

.available-properties .add-remove {
    background: #000 url('../gfx/buttons/add.gif') no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
}

.download-selection {
    background-color: #FFA200;
    width: 60px;
    border: 0;
    cursor: pointer;
    height: 22px;
    display: block;
    width: auto;
    padding: 2px 5px 4px 5px;
    margin-bottom: 20px;
}



/********** CASE STUDIES - LANDING ************/
.case-studies-layout {
    float: left;
}

.case-studies-layout {
    background: #FFF;
    float: left;
    width: 100%;
}

/*
#main-case-studies .main-table p 
{
    color: #555555;
}*/

/*
#main-case-studies.neighbourhood-stories .main-table p 
{
    color: #FFFFFF;
}*/

.case-studies-top {
    float: left;
}

.case-studies-top .left {
    float: left;
    /*width: 537px;*/
    width: 555px;
    background: #9a9ca0;
    /*padding: 10px 20px 10px 20px;*/
    height: 68px;
}

.case-studies-top .left h1 {
    padding-bottom:0;
    color: #FFF;
}

.case-studies-top .left p {
    color: #000;
    font-size: 14px;
    line-height: 1.4;
}

.case-studies-top .right {
    float: left;
    /*width: 20%;*/
    /*padding: 0 10px 0 16px;*/
    /*margin-left: 2px;*/
    height: 80px;
    overflow:hidden;
}

.case-studies-top .right ul {
    list-style-type: none;
    height: 125px;
    width: 200px;
}

.case-studies-top .right ul li {
    padding-bottom: 1px;
    width: 200px;
    height: 88px;
}

.case-studies-top .right ul> li> a {
    text-transform: uppercase;
    color: #000;
    font-family: 'FFDINWebProLight', Arial;
    font-size: 15px;
    display: block;
    line-height: 1.4;
    font-weight: normal;
}
                
.case-studies-top .right ul> a
{
    display: none;
}

.case-studies-top .right ul li a.selected {
    /*color: #f89e1e;*/
    color: #999999;
}

.case-studies-top .right ul li a:hover {
    /*color: #f89e1e;*/
    color: #999999;
}

#case-studies-landing .main {
    clear: left;
    float: left;
    width: 100%;
}/*
#case-studies-landing .main .padder {
    padding: 15px 5px 15px 15px;
}*/

    #case-studies-landing .main .property {
        float: left;
        width: 567px;
        height: 275px;
        position: relative;
        background: #EEE;
        /*margin: 0 10px 10px 0;*/
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        #case-studies-landing .main .property .details {
            position: absolute;
            bottom: 0;
            height: 28px;
            background: #000;
            opacity: 0.8;
            width: 547px;
            padding: 10px;
        }

            #case-studies-landing .main .property .details .title {
                float: left;
                font-size: 20px;
                color: #FFF;
            }

                #case-studies-landing .main .property .details .title h2 {
                    font-weight: normal;
                    font-family: 'FFDINWebProLight', Arial;
                    font-size: 26px;
                    line-height:32px;
                    vertical-align: bottom;
                    /*letter-spacing: -1px;*/
                    margin-bottom: 0;
                    margin-top: 0;
                }

            #case-studies-landing .main .property .details .address {
                float: left;
                color: #ea9604;
                position: relative;
                top: 13px;
                left: 10px;
                font-style: normal;
                font-size: 13px;
                font-family: 'FFDINWebProMedium', Arial;
            }

.case-studies-top .jcarousel-container {
    position: relative;
    width: 267px;
    /*margin-left: 15px;*/
    /*padding-top: 19px;*/
    height: 80px;
}

.case-studies-top .right.nohover .jcarousel-container, .neighbourhood-stories .right .jcarousel-container {
    background: none;
}

.case-studies-top .jcarousel-clip-horizontal {
    width: 200px;
    overflow: hidden;
    /*margin-left:8px;*/
}

.case-studies-top .jcarousel-container.wide .jcarousel-clip-horizontal{
    width: 400px;
}

.case-studies-top .jcarousel-container.wider .jcarousel-clip-horizontal{
    width: 600px;
}


.case-studies-top .jcarousel-prev, .case-studies-top .jcarousel-next {
    width: 28px;
    height: 100%;
    position: absolute;
    top: 0;
    cursor: pointer;
}

    .case-studies-top .jcarousel-prev:hover, .case-studies-top .jcarousel-next:hover {
    }

    .case-studies-top .jcarousel-prev.focus, .case-studies-top .jcarousel-next.focus {
        background-color: #000 !important;
    }

.case-studies-top .jcarousel-prev {
    background: url(../gfx/case-studies/prev.png) no-repeat center center;
    left: -24px;
}

.case-studies-top .jcarousel-next {
    background: url(../gfx/case-studies/next.png) no-repeat center center;
    right: 1px;
}

.case-studies-top .right .jcarousel-prev-disabled, .case-studies-top .right .jcarousel-next-disabled {
    display: none !important;
}

.case-studies-top .right.nohover .jcarousel-prev, .case-studies-top .right.nohover .jcarousel-next {
    display: none !important;
}

.video-wrapper {
    z-index: 99999999999;
    background: #000;
}

.neighbourhood-stories .right ul li a {
    color: #FFF;
}

.neighbourhood-stories .details-box {
    background: #3C3B3B;
    color: #000;
}

    .neighbourhood-stories .details-box.box-bottom h2 {
        color: #FFF;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .case-studies-top .jcarousel-container {
        xheight: 132px;
    }

    .case-studies-top .jcarousel-prev, .case-studies-top .jcarousel-next {
    }
}

@media only screen and (device-width: 768px) {
    .case-studies-top .jcarousel-prev, .case-studies-top .jcarousel-next {
        height: 151px;
    }

    .case-studies-top .jcarousel-prev {
        left: -24px;
    }
}

#modal-gallery {
    border-width: 20px 20px 21px 20px;
    border-style: solid;
    border-color: #000;
    display: none;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

/* applies fix so animation of modal doesn't draw artifacts in webkit browsers */
.simplemodal-wrap,
.simplemodal-container,
#gallery-image img,
#gallery-image,
#modal-gallery
{
    -webkit-backface-visibility: hidden;
}

#gallery-image 
{
}

#swipe-notice {
    display: none;
    position: absolute;
    bottom: 5px;
    left: 20px;
    padding: 0;
    margin: 0;
}

#simplemodal-container:hover #btn-prev,
#simplemodal-container:hover #btn-next {
    display: block;
}

#btn-prev, #btn-next {
    position: absolute;
    width: 11px;
    height: 16px;
    top: 45%;
    padding: 15px;
    cursor: pointer;
    z-index: 10000;
    display: none;
}

#btn-prev {
    left: 0;
    background: #000 url(../gfx/case-studies/prev.png) no-repeat center center;
    left: 19px;
    padding-right: 20px;
}

#btn-next {
    right: 0;
    background: #000 url(../gfx/case-studies/next.png) no-repeat center center;
    right: 20px;
    padding-left: 20px;
}

/********** CASE STUDIES - DETAILS ************/
#main-case-studies {

}

    #main-case-studies table.main-table {
        /*margin-left: 16px;
        margin-right: 16px;*/
        float: left;
        clear: left;
        /*margin-top: 15px;*/
    }

        #main-case-studies table.main-table td.images {
            width: 1158px;
            padding-right: 12px;
        }

        #main-case-studies table.main-table td.text {
            width: 267px;
            /*padding-left: 16px;*/
        }
/*
            #main-case-studies table.main-table td.text h1 {
                margin-top: -9px;
                font-weight: normal;
            }

            #main-case-studies table.main-table td.text p {
                font-size: 13px;
                line-height: 18px;
            }
*/
    #main-case-studies .case-studies-header {
        background-color: Gray;
        height: 200px;
        margin-bottom: 12px;
        padding-bottom: 12px;
    }

    #main-case-studies .images .panel {
        margin-bottom: 12px;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: relative;
    }

        #main-case-studies .images .panel.sml {
            height: 280px;
        }

        #main-case-studies .images .panel.lrg {
            height: 570px;
        }

    #main-case-studies table.main-table td.images.single-col {
        width: 523px;
    }

        #main-case-studies table.main-table td.images.single-col .panel {
            float: none;
            width: 567px;
            height: 270px;
        }

    #main-case-studies .images .panel.lightbox {
        cursor: pointer;
    }

    #main-case-studies .images .panel.video .video-overlay {
        background: url(../gfx/case-studies/video-overlay.png);
        position: absolute;
        top: 50%;
        left: 50%;
        width: 109px;
        height: 100px;
        margin-top:-50px;
        margin-left:-54px;
    }

    #main-case-studies .images .double-2column {
        margin: 0;
        overflow: hidden;
    }

        #main-case-studies .images .double-2column .left {
            float: left;
            width: 50%;
            position: relative;
            left: -12px;
        }

            #main-case-studies .images .double-2column .left .left-inner {
                margin: 0 0 0 12px;
            }

        #main-case-studies .images .double-2column .right {
            float: right;
            width: 50%;
        }

    #main-case-studies .images.single-col .double-2column .right {
        float: none;
        width: auto;
    }

    #main-case-studies .images.single-col .double-2column .left {
        float: none;
        width: auto;
        left: 0;
    }

.details-box {
    /*background: #000000*/
    background: #9a9ca0;
    /*color: #FFF;*/
    color: #000;
    /*font-size: 12px;*/
    /*padding: 10px 10px 8px;
    margin-bottom: 10px;*/
}

.details-box-share 
{
    background: #9a9ca0;
    color: #000;
}

/* the share links on case studies (back catalogue) are positioned differently to everywhere else :/ */
.details-box-share-links
{
    height: 30px;
    margin-top: -19px;
}

    div.details-box li {
        list-style-type: none;
        padding-bottom: 4px;
        font-size: 11px;
    }

    div.details-box a {
        /*color: #ffa200;*/
        color: #FFF;
        font-weight: bold;
    }

    div.details-box.box-bottom {
        color: #AAA;
        padding: 10px;
        font-size: 11px;
        font-weight: normal;
    }

        .details-box.box-bottom h2 {
            color: #FFF;
            padding-bottom: 5px;
            font-size: 18px;
            line-height: 20px;
            letter-spacing: -1.2px;
            font-family: 'FFDINWebProLight', Arial;
        }

        .details-box.box-bottom .top {
            margin-bottom: 25px;
        }

.neighbourhood-stories .details-box.box-bottom .top {
    margin-bottom: 15px;
}

.neighbourhood-stories .details-box.box-bottom a {
    margin-top: 6px;
    display: block;
}

.neighbourhood-stories .details-box.box-bottom .address {
    margin: 8px 0 8px 0;
}

#simplemodal-container {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    overflow: visible;
}

#simplemodal-container.video-container .simplemodal-wrap{
    overflow:hidden !important;
}


#simplemodal-container a.modalCloseImg {
    background: url(../gfx/buttons/x.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline;
    position: absolute;
    right: -12px;
    top: -14px;
    width: 25px;
    height: 29px;
    z-index: 3200;
}

.neighbourhood-stories {
    background: #000;
}

/********** Large Footer ************/

div.large_footer_email 
{
    position: relative;
    margin-top: -25px;
    height: 25px;
    width: 100%;
    background-color: #000000;
    color: #9A9CA0;
    font-size: 10px;
    font-family: 'FFDINWebProLight', Arial;
    text-align: right;
    z-index:3;
}
div.large_footer_email a {
    color: #9A9CA0;
    padding-right: 29px;
    display: block;
    padding-top: 6px;
}
div.large_footer_email a:hover {
    color: #FFA200;
}
#large_footer {
    width: 100%;
    background-image: url("../gfx/bg/trans-bg.png");
    margin-bottom: 0;
    width: 100%;
}
#large_footer #title {   
    width: 100%;
    /*font-size: 30px;
    font-family: Myriad Pro;
    color: white;
    height: 36px;*/
    background-color: #000000;
    /*text-indent: 10px;
    padding-bottom: 5px;*/
}/*
#large_footer #title h1 
{
    line-height: 30px;   
}*/

#large_footer #foot {
    width: 100%;
    background-color: #000000;
    height: 28px;   
}/*
#large_footer .text {   
    color: #c0c1c3;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}
#large_footer div.text p {
    margin: 0;
    margin-bottom: 10px;
    font-size: 14px;
}*/

/*
#large_footer h1 {
    line-height: 50px;
    letter-spacing:-2px;
    font-weight:normal;
}*/
#large_footer .touch {
    position: relative;  /* added */
    /*height: 56px;
    padding-top: 5px;
    margin-right: 20px;
    text-indent: 10px;
    border-width: 1px 1px 1px 0;*/
    /*border-style: solid;
    border-color: #393837;*/
    background-color: #000000;
}

#large_footer .contact {
    min-width: 600px;
    padding-right: 5px;
}/*
#large_footer .contact h2 {
    display: block;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -1px;
    padding-bottom: 7px;
    margin: 8px 0 0 0;
    margin-left: 15px;
}*/
#large_footer .contact img {
    display: block;
    margin-left: 15px;
    margin-top: 15px;
}
#large_footer .explore-locally-main-content {
    position: relative;
    overflow: visible;
    top: 0;
    left: 0;
}
#large_footer .footer_map {height: 300px; margin: 15px; margin-top: 0;}
#large_footer .contact_text {/*color: #9A9CA0;*/ /*font-size: 12px; padding-left: 15px;*/ max-width: 350px; /*height: 170px;*/}
#large_footer .contact_text_address {padding: 0 0 3px 0; }
#large_footer .contact_text_address p {/*margin: 0; padding: 0; font-size: 12px; color: #9A9CA0;*/ }
#large_footer .contact_text_address .bold {font-weight: bold;}
#large_footer .contact_text_label { width: 45px; clear: left; float: left; padding-top: 1px;}
#large_footer .contact_text_value { padding-top: 1px;}
#large_footer .contact_text_boroughs {clear: left; padding: 5px 0 0 0; }
/*#large_footer div.contact table td {padding-bottom: 10px; }*/
#large_footer div.left-side {float: left; width: 150px; }
#large_footer div.right-side {float: left; width: 130px; padding-left: 10px; border-left: 1px solid #C0C1C3; }
#large_footer .local-info-header {float: none;}
#large_footer .local-information-box {width: 340px;}
#large_footer .boxes-wrapper, #large_footer .footer-domus-loves {width:700px;}
#large_footer td.footer-right-column {width: 700px;}
#large_footer .footer-domus-loves { position: relative;/* margin-top: 10px; */}
#large_footer .footer-domus-loves .top-five-property-box { margin: 0 0 0 10px; padding: 0px;}
#large_footer .footer-domus-loves .top-five-property-box p { font-size: 11px; line-height: 13px;}
#large_footer .footer-domus-loves .top-five-property-box .property-thumbmail{ position: relative; /*margin-left: 10px;*/ width: 120px; height: 70px; float: left;}
#large_footer .footer-domus-loves .top-five-property-box .top-five-copy { float: left; /*height: 75px; */width: 170px; padding-left: 10px; /*padding-right: 10px;*/ /*padding-top: 5px;*/ }
#large_footer .neighbourhood-stories-box {padding-bottom: 10px;}
#large_footer .local-information-box {padding-bottom: 10px;}
#large_footer .neighbourhood-stories-box-story,
#large_footer .local-information-box-amenity {
    cursor: pointer;
}
#large_footer .boxes-wrapper  {
    position: relative; 
    overflow: visible; 
    top: 0; 
    left: 0; 
}
#large_footer .boxes-wrapper  p{
    /*color: #fff;*/
    line-height: 13px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    font-size:11px;
}/*
#large_footer .boxes-wrapper h2 {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 0px;
    letter-spacing: 0px;
}*/

#large_footer #for-sale,
#large_footer #to-rent
{
    margin: 0px;
    padding: 0px;
    width: 700px;
}
#large_footer .top5-float
{
    width: 340px;
    float: left;
    /*padding-left: 10px;*/
}

#large_footer .domusloves {
    /*height: 56px;
    margin-left: 10px;
    text-indent: 10px;
    margin-bottom: 10px;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #393837;*/
    background-color: #000000;
}

#large_footer .footer-domus-loves ul.domus-loves-tabs {
    position: absolute;
    left: 200px;
    top: 26px;
    width: 400px;
}
#large_footer .footer-domus-loves ul.domus-loves-tabs li
{
    list-style-type: none;
    background: none;
}
#large_footer .footer-domus-loves ul.domus-loves-tabs li a
{
    color: #999;
}
#large_footer .footer-domus-loves ul.domus-loves-tabs li a.selected
{
    color: #FFF;
}


/* Press list page */

/*
.articles-container
{
    clear:both;
    width:75%;
    margin: 15px 0 0 30px;
    background-color:#000;
    opacity:0.8;
}
*/

/* New styles */

.magazine-current-share-txt
{
    width:35%;
}

.magazine-current-share-icons
{
    width:65%;
    text-align:right;
    /*line-height:23px;*/
}

/* remove natural padding added by the share icons and paragraph text */
.magazine-current-share-txt,
.magazine-current-share-icons {
    margin-bottom: -5px;
}

/*
.magazine-current-share-icons img
{
    height:auto;
}

.magazine-current-share-icons img.facebook-icon
{
    width:10px;
}

.magazine-current-share-icons img.email-icon,
.magazine-current-share-icons img.pinterest-icon,
.magazine-current-share-icons img.google-plus-icon
{
    width:23px;
}

.magazine-current-share-icons img.twitter-icon
{
    width:27px;
}
*/

.cLeft
{
    float:left !important;
    clear:left !important;
}

.cRight
{
    float:right !important;
    clear:right !important;
}

.centered
{
    text-align:center;
}

.jcarousel-container.disable-navigation > .jcarousel-prev,
.jcarousel-container.disable-navigation > .jcarousel-next
{
    display:none !important;
}


/** Social CSS **/

.social-likes-container {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 85px;
}

.case-studies-layout .social-likes-container {
    top: 16px;
}

.with-share-widget{
    position:relative;
}

.with-share-widget h1{
    padding-right:200px;
}

.social-likes{
    position:absolute;
    /*top:16px;
    right:16px;*/
    top: 0px;
    right: 0px;
}

.social-likes li{
    display:inline-block;
    margin-left:5px;
    height:17px;
    width:17px;
    cursor:pointer;
    background-image: url('../gfx/icons/social.png');
}

.social-likes li span{
    display:block;
}

.social-likes .social-likes__widget_facebook{
    background-position:0 0;
    width:11px;
}

.social-likes .social-likes__widget_twitter{
    background-position:-17px 0;
    width:29px;
}

.social-likes .social-likes__widget_pinterest{
    background-position:-61px 0;
}

.social-likes__button:before {
    content: "";
    display: inline-block;
}


/** Buy Page **/

.main-content-area-transparent-non-js {
    bottom: 0;
    float: none;
    left: 0;
    margin-top: 0;
    min-height: 580px;
    min-width: 100%;
    overflow: hidden;
    padding: 0;
    position: static;
    right: 0;
}
/*
.main-content-area-transparent-non-js p {
    color: #c0c1c3;
    font-family: Arial;
    font-size: 14px;
    line-height: 1.4;
    padding-bottom: 0;
}*/

.top-black-heading {
  /* width:75%;
   background: rgba(0,0,0,.8);  
   padding:0;
   z-index:20;*/
   /*margin: 10px 0  0 30px;*/ /* barry css consistency */
}

.top-black-heading p{
    /*color: #c0c1c3;*/
}

.page-2 .top-black-heading,
.page-4 .top-black-heading
{
    /*min-width:674px;*/
    /*margin: 10px 30px 0;*/ /* barry css consistency */
    /*width:auto;*/
}
/*
.top-black-heading.full-width {
    width:96%;
}
.top-black-heading-inside{
    padding:20px;
    clear:both;
}*/

/* Form CSS */

.form-fixed
{
    width:939px;
}

.form .form-row{
    clear:both;
    margin-top:12px;
    position: relative; /* added by barry, mainly used for positioning of 'my location' target button on buy page, so remove if it causes problems */
    width: 100%;
}
.form .form-col{
    width: 50%;
}
.form .form-input {
    font-family: Arial;
    font-size: 11px; 
    color:#000;
}

.form input.form-input{
    width: 100%;
    height:28px;
    background: none;
    border: none;
}

.form textarea.form-input{
    width: 100%;
    height:110px;
    line-height:22px;
    background-color:#DDDDDD;
    overflow:hidden;
    resize:none;
    font-family: Arial;
}

.form .input-padding {
    padding-left: 10px; 
    padding-right: 10px;
}

.form .input-padding-vertical {
    padding-top: 10px; 
    padding-bottom: 10px;
}

.form .input-block {
    background-color: #DDDDDD;
}

.form .form-col-left-margin {
    margin-right: 6px;
}
.form .form-col-right-margin {
    margin-left: 6px;
}
.form .form-col-left-padding {
    padding-right: 6px;
}
.form .form-col-right-padding {
    padding-left: 6spx;
}

/* global orange block button styles */
.input-submit-button {
    cursor: pointer;
    display: inline-block;
    /*Old orange colour:9a9ca0 #E69D25*/
    background-color:#9a9ca0;
    padding-bottom: 0;
    border: medium none;
    height: 28px;
    /* padding: 0 0 3px 0; */
    text-align: center;
    width: 100%;
}
.input-submit-button a {
    display: block;
    text-decoration: none;
    /* padding-top: 4px; */
    line-height: 28px;
}
.input-submit-button,
.input-submit-button a {
    font-family: 'FFDINWebProLight',Arial !important;
    color: #FFF;
    font-size: 16px;
}

/* specific search input for location property search */
.form .input-search-location {
    width: 167px;
}
.form .input-search-location-button {
    background-color: transparent;
    background-image: url("../gfx/location-grey.gif");
    background-position: 50% 50%;
    border: 0 none;
    cursor: pointer;
    height: 28px;
    width: 28px;
    vertical-align:bottom;
    position: absolute; /* requires .form-row to be relative positionined */
    right: 0;
    top: 0;
}
.form label 
{
    clear:both;
    display:block;
    margin-bottom: 6px;
    margin-top: -2px;
}
/* was search-home-page, now been made more generic
.search-controls a.dropdown,
 */
.form a.dropdown 
{   
    background-image: url("../gfx/search-home-page/dd-bg-arrow.png");
    background-color: #dededf;
    background-repeat: no-repeat;
    background-position: right center;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 129px;
    /*font-size: 12px;*/
    /*padding-left: 10px;*/
    /*font-size: 16px;*/
}
.form a.dropdown{
    /*width:98.5%;*/
    width: 100%;
    /*padding-left: 1.5%;*/
    /*background-position: 98% center;*/
    /*background-position: right center;*/
}
form a.dropdown,
form a.dropdown span 
{
    color: #000000;
    letter-spacing: 0;
    text-decoration: none;
    font-family: Arial !important;
}


/*  should not need .search-home-page specific rule -barry
.search-home-page ul.dropdown-select, */
.form ul.dropdown-select {
    position: absolute;
    border-top: 0;
    background-color: #DEDEDF;
    z-index: 999;
    border:none;
}
.form ul.dropdown-select{
    max-height:200px;
    overflow-x:hidden;
}
/* should not need .search-home-page specific rule -barry
.search-home-page ul.dropdown-select a, */
.form  ul.dropdown-select a {
    display: block;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    width: 124px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    font-family: 'FFDINWebProLight',Arial !important;
}
.form ul.dropdown-select a{
    /*padding:0px 10px 0px 10px;*/
    width:590px;
}

/* should not need .search-home-page specific rule -barry
.search-home-page ul.dropdown-select li, */
.form ul.dropdown-select li {
    list-style-type: none;
}

/* should not need .search-home-page specific rule -barry
.search-home-page ul.dropdown-select a:hover,*/
.form ul.dropdown-select a:hover {
    background-color: #ffa200;
    color: #000;
}

/* search controls custom style to set max widths of dropdown menus  */
.search-controls ul.dropdown-select {
    width: 288px;
}

/* form layout for search site page (search input box) */
.form .site-search-box .sub-search-box {
    width: 250px;
    float: left;
}
.form .site-search-box .input-submit-button {
    width: 200px;
}

/* ===================
   blog styles 
   ===================
*/

/* blog listing styles */
.blog-landing {
    width: 1820px;
}
.blog-detail {
    width: 1320px;
}
.blog-list {
    float: left;
}
/*
.blog-list-intro {
    margin: 0 20px 20px 0;
    padding: 18px;
}
*/
.blog-list-item {
    /*width: 464px;*/
    width: 488px;
    /*margin: 0 20px 20px 0;*/
    float: left;
}
.blog-list-item-text {
    /*padding: 18px 18px;*/
    /*height: 106px;*/ /*required so all boxes float in rows*/
    height: 94px;
}
/* anoying custom spacing, this should idealy be using consistent styles but is kind of an exception because it is a subtitle*/
.blog-list-item .subtitle 
{
    margin-top: -3px;
    padding-bottom: 8px;
}
.blog-list-item-img {
    position: relative;
    background-image: url('../img/blog.jpg');
    background-position: center center;
    /*width: 100%;*/
    height: 220px;
    /*margin-right: -12px;
    margin-left: -12px;*/
    cursor: pointer;
}
.blog-list-item-img p {
    font-weight: bold;
    position: absolute;
    bottom: 12px;
    left: 12px;
    text-shadow: 1px 1px 1px #000;
}
/*
.blog-list-item-footer {
    position: relative;
    padding: 18px 18px;
}
.blog-list-item-footer p {
    font-weight: normal;
    font-size: 13px;
    color: #FFF;
}*/
.blog-list-item-share .social-likes {
    right: 0px;
    top: 1px;
}

/* blog full item styles */
.blog-item-container {
    float: left;
}

blog-item-container img {
    display: block; /*fixes default margin/padding appearing under images*/
}

.blog-item {
    /*margin: 0 20px 20px 0;*/
    width: 984px;
}

.blog-item-header {
    /*position: relative;
    padding: 10px 18px 35px 18px;*/
}

.blog-item-header-left {
    width: 60%;
    position: relative;
    float:left;
}
.blog-item-header-right {
    width: 40%;
    position: relative;
    float:right;
}

.blog-item-header-title {
    position: relative;
   /* float: left;*/
    /*width: 60%;*/
}

.blog-item-header-subtitle {
    position: relative;
    /*float: left;*/
    /*width: 60%;*/
}

.blog-item-header-author {
    /*position: absolute;
    bottom: 15px;*/
}

.blog-item-header-author p.subtitle {
    white-space: nowrap;
}

.blog-item-header-categories {
    position: absolute;
    top:43px;
    right:0;
    width: 100%;
    text-align: right;
}

.blog-item-header-share {
    width: 100px;
    position: absolute;
    top: 0px;
    right: 0;
}

.blog-item-hero-img img{
    width: 100%;
    display: block;
}

.blog-item-content {
    /*padding: 18px;*/
}

.blog-item-content p
{
    /*margin-top: -4px;*/
}

.blog-item-content-col1 {
    width: 50%;
    float: left;
}

.blog-item-content-col1 p,
.blog-item-content-col1 a,
.blog-item-content-col1 em,
.blog-item-content-col1 span,
.blog-item-content-col1 strong
{
    font-family: Arial;
    /*padding-right: 18px;*//*commented out because was adding spaces after every link - which is not nice at all :)*/
}

.blog-item-content-col2 {
    width: 50%;
    float: right;
}

.blog-item-content-col2 p,
.blog-item-content-col2 a,
.blog-item-content-col2 em,
.blog-item-content-col2 span,
.blog-item-content-col2 strong
{
    font-family: Arial;
}

.blog-item-content-col2 img {
    width: 100%;
    display: block;
}
/* =====================
   Right side styles
   =====================
*/
.blog-side-right {
    float: right;
    width: 320px;
}

.blog-side-right h2
{
    /*padding-bottom: 5px;*/
}

.blog-side-right-block .social-likes {
    top: 13px;
    right: 15px;
}
/*
h2.blog-side-right-header {
    display: block;
    padding: 5px 15px;
    margin: 0 0 10px 0;
}*/

.blog-side-right-blog-categories > div {
    margin-top: 6px;
}

.blog-side-right-blog-categories p {
    /*line-height: 3.5;*/
    /*display: inline;*/
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 4px;
}
/*
.blog-side-right-blog-latest-stories p {
    line-height: 1;
}
*/

.blog-side-right-blog-archive p {
    float: left;
    display: block;
    width: 130px;
    /*margin: 8px 15px;*/
}

.blog-side-right-amenity {
    cursor: pointer;
}

.blog-side-right-amenity .image-overlay {
    top: 30px;
}

/*
.blog-side-right-local-information {
    padding: 15px 15px 5px 15px;
}*/
/*
.blog-side-right-amenity p.subtitle {
    margin: 0 0 15px;
}*/

.blog-side-right-amenity img {
    width: 80px;
    height: 80px;
    float: left;
}

.blog-side-right-amenity p.subtitle a
{
    font-size: 14px;
    font-family: FFDINWebProMedium !important;
    font-weight: normal;
}
.blog-side-right-share .social-likes {
    top: 12px;
    right: 12px;
}

/* =====================
   Responsive column/right menu handling
   =====================
*/
@media screen and (min-width:1820px) { /* 3 Column, right menu offset TODO: update when including into main template */
    .blog-landing {
        width: 1820px;
    }
    .blog-list {
        width: 1500px;
    }
}

@media screen and (max-width:1890px) { /* 2 Column, right menu offset TODO: update when including into main template */
    .blog-landing {
        width: 1320px;
    }
    .blog-list {
        width: 1000px;
    }
}

@media screen and (max-width:1403px) { /* 1 Column, right menu offset TODO: update when including into main template */
    .blog-landing {
        width: 820px;
    }
    .blog-list {
        width: 500px;
    }
}

@media screen and (min-width:1361px) { /* 2 Column blog item content, right menu offset TODO: update when including into main template */
    .blog-detail {
        width: 1320px;
    }
    .blog-item {
        width: 988px;
    }
}

@media screen and (max-width:1360px) { /* 2 Column blog item content, right menu offset TODO: update when including into main template */
    .blog-detail {
        width: 820px;
    }
    .blog-item {
        width: 484px;
    }
    .blog-item-content-col1,
    .blog-item-content-col2
    {
        width: 100%;
        float: none;
    }
    .blog-item-content-col1 p{
        padding-right: 0;
    }
}

/** Splash screen styles BEGIN **/

.splash-screen
{
    position:absolute;
    z-index:1000;
}



.screen-padding
{
    padding:45px 55px;
}


.splash-screen-body
{
    position:relative;
}


.splash-close
{
    position:absolute;
    top:15px;
    right:15px;
    font-family: 'FFDINWebProLight', Arial;
}

.bg-light-gray .splash-close
{
    color:#646472;
    cursor:pointer;
    font-size:16px;
}


.splash-block-margin-top-big
{
    margin-top:22px;
}

.splash-block-margin-top-small
{
    margin-top:11px;
}



/** Splash screen styles END **/

/** Competition styles END **/

.competition-body
{
    width:840px;
}

.competition-form-left
{
    width:40%;
}

.competition-form-right
{
    width:57%;
    height:640px;
    text-align:center;
}

.competition-form-right img
{
    margin:16px 0 0 0;
}

.competition-body .input-submit-button
{
    line-height:29px;
}
.competition-text 
{
    height: 314px;
    padding: 16px;
}
.competition-signup
{
    padding: 16px;
}


/* tablet size for competition form */
@media screen and (max-device-height: 768px), 
screen and (max-device-height: 946px), 
screen and (max-device-height: 518px), 
screen and (max-device-height: 980px), 
screen and (max-device-height: 1024px),
screen and (max-device-height: 946px)
{
    .competition-body { width: 743px; }
    .competition-img-top, .competition-img-bottom { width: 348px; height: 232px; }
    .competition-text { height: 270px; }
    .competition-signup { display: none; }
    .competition-form-left { width: 335px; }
    .competition-form-right { width: 385px; height: 517px; }
    .splash-block-margin-top-small { margin-top: 22px; }
    .screen-padding { padding: 35px 40px 35px 40px; }
    .splash-close { top: 7px; }
}

#magazine-subscribe-alert 
{
    background-color: #EBEBEB;
    padding: 23px 27px 27px 27px;
    text-align: center;
}
#magazine-subscribe-alert p.message-title 
{
    font-weight: bold;
    font-size: 21px;
    font-family: 'FFDINWebProLight',Arial;
}
#magazine-subscribe-alert p
{
    color: #000;
}
.magazine-subscribe-alert-dialog
{
    border: none !important;
    background: none !important;
}
.magazine-subscribe-alert-dialog .ui-dialog-titlebar-close,
.magazine-subscribe-alert-dialog .ui-dialog-titlebar
{
    display: none;
}
.magazine-subscribe-alert-dialog .ui-dialog-content
{
    overflow: hidden !important;
    padding: 0;
}
.magazine-subscribe-alert-dialog .ui-widget-content a
{
    color: #FFA200;
}
.magazine-subscribe-alert-dialog .ui-widget-content #btnOK a,
#btnOK
{
    color: #FFF;
}

.magazine-landing-bg
{
    background-image: url('../gfx/\Magazines/magazine-landing.jpeg');
    width:515px;
    height:250px;
    display:inline-block;
    float:right;
    overflow:hidden;
    margin-left:15px;
}

.list-group {margin-bottom:20px}
.list-group li{
    display: inline;
    float: left;
}
.thirds li{
    width:32%;
}
.touch h1{
    padding-bottom:0
}
#large_footer > .column{
    width:50%;
    float:left;
    margin-bottom:20px;
}

.split-left{width: 49%; float: left;}
.split-right{width: 45%; float: left;}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 1020px) {
/* Styles */
    .list-group.thirds li{
        display: block;
        float: left;
        width:100%;
        margin-bottom: 20px;
    }
}

/* Property new styles  Begin */

.property-details .property-details-header-container
{
    position:relative;
}

.property-details h2
{
    font-size:23px;
    padding-bottom:0;
}

.property-details-switcher
{
    position:absolute;
    right:-45px;
    width:45px;
    top:0;
    text-align:center;
    padding:5px 0;
    cursor:pointer;
}


.property-details-switcher .button-text
{
    color:#ffffff;
    font-size:12px;
}

.property-details .button-show,
.property-details .button-hide
{
    background: url('../gfx/property-arrows.png') 0 0;
    width:7px;
    height:12px;
    clear:both;
    display:inline-block;
}

.property-details .button-show
{
    background-position: -7px 0;
    margin:8px 0 0 10px;
    
}


.property-details .property-price
{
    color:#ffffff;
    font-size:13px;
    padding-top:5px;
}

#property-details-accordion .ui-accordion-content p .lgwhite
{
    color:#ffffff;
    font-size:13px;
}

.property-details #button-toggle-gallery
{
    display:inline-block;
    color:#ffffff;
    background-color:#363636;
    text-transform:uppercase;
    padding:7px 11px;
}

.property-details .button-wrapper
{
    width:48%;
    padding-top:15px;
}

.property-details .button-wrapper-big
{
    width:60%;
    display:block;
    margin:0 auto;
}

.property-details a.button-standard-link
{
    display:block;
    border:2px solid white;
    padding:10px;
    text-align:center;
    text-transform:uppercase;
    font-size:14px;
    color:White;
    
}

.property-details a.button-standard-link:hover
{
    background-color: rgba(255, 255, 255, 0.3);
    
}



/* Property accordion stuff start*/

#property-details-accordion h3.ui-accordion-header
{
    padding:12px;
    background-color:black;
    background-image:none;
    border: none;
    color:white;
    font-size:14px;
    position:relative;
    margin-bottom:5px;
    font-family:'FFDINWebProLight',Arial !important;
    
}

#property-details-accordion h3.ui-accordion-header:hover {
    background-color:rgba(52, 52, 52, 0.8);    
}

#property-details-accordion h3.ui-accordion-header .ui-icon
{
    background: url('../gfx/property-arrows.png') 0 0;
    position:absolute;
    top:50%;
}

#property-details-accordion h3.ui-accordion-header .ui-icon.ui-icon-triangle-1-s
{
    left:94%;
    width:14px;
    height:7px;
    background-position:0 -12px;
    margin-top:-4px;
}

#property-details-accordion h3.ui-accordion-header .ui-icon.ui-icon-triangle-1-e
{
    left:94%;
    width:7px;
    height:12px;
    background-position:-7px 0;
    margin-top:-6px;
}

#property-details-accordion .ui-accordion-content{
    padding:12px;
    background-color:transparent;
    background-image:none;
    border:none;
}

#property-details-accordion .ui-accordion-content p
{
    color:#c0c1c3;
    font-size:12px;
}

#property-details-accordion .ui-accordion-content a
{
    color:white;
    font-size:12px;
}

#property-details-accordion .ui-accordion-content ul
{
    list-style-type:none;
    list-style-position:inside;
    color:#c0c1c3;
    font-size:12px;
}

#property-details-accordion .ui-accordion-content ul
{
    list-style-type:none;
    list-style-position:inside;
    color:#c0c1c3;
    font-size:12px;
    padding-left:10px;
}

#property-details-accordion .ui-accordion-content ul.bullet-list li::before
{
    content:"-";
    margin-left:-5px;
    left:-5px;
    position:relative;
}
/** For IE 8 support use :before */
#property-details-accordion .ui-accordion-content ul.bullet-list li:before
{
    content:"-";
    margin-left:-5px;
    left:-5px;
    position:relative;
}

#property-details-accordion .ui-accordion-content ul.bullet-list li
{
    line-height:1.4;
}


#property-details-accordion .ui-accordion-content ul.bullet-list li .text
{
    font-family: Arial;    
}

.property-details  #property-details-accordion .ui-accordion-content .local-info-links a
{
    color:#c0c1c3;
    font-family: 'FFDINWebProLight', Arial;
}

.property-details  #property-details-accordion .ui-accordion-content .local-info-links a.active-cat
{
    color:white;
    font-family: 'FFDINWebProMedium', Arial; 
}

/* Property accordion stuff end*/



.property-details .social-likes-container
{
    position:static;
    clear:both;
    display:block;
    padding:20px 0;
    margin:0 auto;
}

.property-details .social-likes-container .social-likes
{
    position:static;
}
    
    
.property-details .content-navigation-item{
    color:#c0c1c3;
}

.property-details .enlarge-link
{
    clear:both;
    display:block;
    margin:0 auto;
    background:rgba(0,0,0,0.4);
    width:100px;
    text-align:center;
    padding:12px;
    margin-top:20px;
}

.property-details .FloorPlanEnlargeImg img
{
    display:block;
    margin:0 auto;
}


.property-details-section-grey{
    background:rgba(54,54,54,0.5)!important;
}
        

/* Property new styles  End */


@media all and (max-width: 1225px) {

    div.logo{
        padding-top:36px;
    }
    
    div.header-container
    {
        background: none;
    }
    
    div.header-container .menu-container{
        height: 70px;
        background: url("/gfx/bg/header.png?version=3") no-repeat scroll 0px top transparent;
    }
    
    .crumbs
    {
        top: 62px;
    }
    
    ul.main-menu-links
    {
        top: 32px;
    }
    
    .hdrContact,
    .hdrAbout
    {
        top:-4px;
    }
    
    .hdrSubscribeForm
    {
        position:relative;
        top:-5px;
    }
    
    .hdrSmallLinks
    {
        top: 4px;
    }
    
    .hdrSlash
    {
        top:0;    
    }
    
     .hdrSubscribeField2
    {
        background: url('/gfx/header/icons/subscribe_box_snap.png') transparent no-repeat;
    }   
    
    

    .hdrSubscribeField2,  .hdrSubscribeField-error
    {
        width:155px;
        height:18px;
        font-size:8px;
    }    
    
}


.homepage-container div.block-padding p.get-in-touch {
    padding-bottom:12px;
}

/*
Disabling pinterest button    
*/
.social-likes .social-likes__widget_pinterest{
    display:none;
}

.social-likes-container{
    width:62px;
}

/*
    Rent search page statuses
 */
.rent-type {
    font-size: 10px;
    padding: 8px 22px;
    text-transform: uppercase;
    font-family:"FFDINWebProLight", Arial;
    font-size:11px;
}
.Short {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
}
.Long {
    color: #000;
    background-color: rgba(255, 255, 255, 0.6);
}


.social {
    display:inline-block;
    background-image: url('/gfx/icons/social-sprite.png');
    background-repeat:no-repeat;
    background-color:transparent;
    margin-bottom: -6px;
    background-size: 80px;
}

.social-tpos {
    background-position: -24px 0;
    height: 12px !important;
    width: 17px;
}

.social-tpos:hover {
    background-position: -24px -13px;
}

.new-social {
    display:inline-block;
    background-image: url('/gfx/icons/soc_sprite.png');
    background-repeat:no-repeat;
    background-color:transparent;
    margin-bottom: -6px;
    background-size: 80px;
}

.social-houzz {
    background-position: -7px 0;
    height: 14px !important;
    width: 7px;
    position: relative;
}

.social-houzz:hover {
    background-position: -7px -14px;
}

.social-instagram {
   background-position: -15px 0;
    height: 14px !important;
    width: 13px;
    position: relative;
}

.social-instagram:hover {
    background-position: -15px -14px;
}

.social-facebook {
    background-position: 0 0;
    height: 14px !important;
    width: 6px;
    position: relative;
}

.social-facebook:hover {
    background-position: 0 -14px;
}

.social-linkedin {
    background-position: -28px 0;
    height: 14px !important;
    width: 14px;
    position: relative;
    margin-bottom: -5px;
}

.social-linkedin:hover {
    background-position: -28px -14px;
}

.social-twitter {
    background-position: -53px 0;
    height: 14px !important;
    width: 13px;
    position: relative;
}

.social-twitter:hover {
    background-position: -53px -14px;
}

.social-pinterest {
    background-position: -42px 0;
    height: 14px !important;
    width: 11px;
    position: relative;
}

.social-pinterest:hover {
    background-position: -42px -14px;
 }

.social-mr {
    margin-right:5px;
}



/* August 2016 additions */

#Main_panel_Main h2
{
    font-size: 18px;
}

#Main_panel_Main p, #Main_panel_Main a, #Main_panel_Main em
{
    font-family: Arial !important;
}
#RightPanel_panel_RightPanel p,
#RightPanel_panel_RightPanel .paragraph,
#RightPanel_panel_RightPanel a
{
    font-family: Arial;
}


#RightPanel_panel_RightPanel .people.left,
#RightPanel_panel_RightPanel .people.right
{
    margin-top: 0px;
    padding-top: 40px;
}