﻿
.navSupScrollTop
{
	visibility: hidden;
	opacity: 0;
	
	position: fixed;
	bottom: 0.3em;
	left: 0.3em;
	width: 3em;
	height: 3em;
	background-color: #777;
    background-image: url("../../../Img/navigation/scrollToTopArrow.png");
    background-size: contain;
	
	cursor: pointer;
	
	box-shadow: rgba(0,0,0,0.5) 0 0 5px;
	
	-moz-transition: opacity .25s linear, visibility .1s linear;
	-webkit-transition: opacity .25s linear, visibility .1s linear;
	-o-transition: opacity .25s linear, visibility .1s linear;
	transition: opacity .25s linear, visibility .1s linear;
    z-index:1000;
}
.navSupScrollTop.is-active
{
	visibility: visible;
	opacity: 1;
}

.box-secondary.box.secondary.object-documents
{
    width: 100%;
}

.templatelist.block.objectlist .image
{
    width: auto;
    height: 8em;
}
.templatelist.block.objectlist a {
    color: #444444;
    word-break: break-all;
}

div.jquerypanel .header a.hidden {
    background-position:0 4px;
}



/* Default (desktop) */

    form {
        margin:0 auto;
        position:relative;
        padding:0;
    }

    body 
    {
        margin:0;
        padding:0;
    }
     div.siteFooter-container, div.siteFooter {
        width:100%;
    }

    div.siteContentFull, div.siteContainer, div.siteMain, div.siteFooter {
        width:940px;
	    margin:0 auto;
    }

    div.siteContact 
    {
    }

    div.siteSidebar 
    {
        width:23.40425531914894%;
    }

    div.siteSidebar ul 
    {
    }

    div.siteBreadcrumbs 
    {
    }

    div.siteContent 
    {
        width:74.46808510638298%;
    }

    ul.submenu 
    {
        padding:0;
    }

    .alignleft 
    {
        margin-right:20px;
    }

    .col50.alignleft 
    {
        margin-right:2.12765957446809%;
    }

    .alignright 
    {
        margin:0;
    }

    .col100 
    {   
        width:100%;
        background:#fff;
    }

    .col75 
    {
	    width:74.46808510638298%;
    }

    .col50 
    {
        width:48.93617021276596%;
    }

    .col33 
    {
        width:300px;
    }

    .col25 
    {
        width:220px;
    }

    .col50 .col25 
    {
        width:47.82608695652174%;
    }

    div.siteContent .col75 
    {
        width:100%;
    }

    div.siteContent .col50 
    {
        width:65.71428571428571%;
    }

    div.siteContent .col25 
    {
        width:31.42857142857143%;
    }

    div.siteContent .col50 .col25 
    {
        width:47.82608695652174%;
    }

    .page-col25 .box-primary, .page-col25 .box-secondary, .col25 .box-primary, .col25 .box-secondary 
    {
    }

    h2.pagetitle 
    {
    }

    .topmenu-side-board-button
    {
        display: none;
    }

    .topmenu
    {
        display: block;
    }

    .handheld-menu
    {
        display: none;
    }

    .handheld-menu > .handheldTopMenu
    {
        display: none;
    }

    .handheldTopMenu.nojs
    {
        display: none;
    }

    .col25.sideBar .gridlist
    {
        width:100%;
    }

    div.siteContentIframe
    {
        width: 100%;
    }

    body.global_cookiecheck .page-popup h1 
    {
        display:none !important;
        visibility:hidden !important;
    }

    .page-popup 
    {
        background:#fff;
        color: #000000;
        float: left;
        font-size: 13px;
        line-height: 22px;
        padding: 10px;
    }

    .page-popup
    {
        float: left !important;
    }

    span.validation-summary
    {
        position: initial;
        margin-left: 8px;
    }

    ul.landlord-list
    {
        width: auto;
    }

    /** Snippets Tables **/

    table tr td.col25 > .col25 {
        width:100%;
    }

    div.subst-table ul, div.subst-table li
	{
		list-style: none;
		margin: 0;
	}

    div.subst-table:after
    {
        content: "";
        display: block;
        clear: both;
    }

    ul.subst-row
    {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 50%;
        padding-bottom: 0.4em;
    }

	ul.subst-row li
	{
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 50%;
	}

    ul.subst-row li.subst-cell-full
    {
        width: 100%;
    }
    ul.subst-row.subst-row-full
    {
        width: 100%;
    }

    .page-col75.col75 ul.subst-row li:not(.validator):not(.value):not(.label)
    {
        clear: none;
    }

    ul.subst-row:last-child > li:not(:last-child) div.subst-table {
        padding-right: 0.4em;
    }

    .register-interest input[type="submit"]
    {
        height: auto;
        border:1px solid #d20039;
        color: #d20039;
    }

    .page-col75 div.interest-objectinfo
    {
        height: auto;
    }

    .page-popup .value input[id*='txtAnswerText']
    {
        width: 90% !important;
    }

    .page-col75 div.invoice,
    .page-col75 div.debt,
    .page-col75 div.invoice p.address,
    .page-col75 div.invoice-spec ul li.desc
    {
        width: auto;
    }

    ul.faq-list li.question, ul.faq-list li.answer
    {
        width: 90%;
        clear: right;
    }

    .page-popup input[type="submit"]
    {
        height: auto;
    }

    div.col2-div {
        float: left;
        font-size: 14px;
        padding: 11px 0;
        width: 50%;
    }

    li.exchange-object-val
    {
        float:left; 
        clear:left;
    }

     li.exchange-object-label
    {
        float:left; 
        clear:right;
    }

    li.exchange-object-input
    {
        float:left; 
        clear:both;
    }

    div.global-unauthorized-login,
    div.global-unauthorized-register,
    div.global-authorized-mypages,
    div.global-authorized-logout,
    div.global-language
    {
        display: inline-block;
    }

    div.language
    {
        display:none;
    }
        
    


/* Tablet */
@media (min-width: 481px) and (max-width: 979px)
{
    body
    {
    }

    form
    {
        width: 100%;
        margin: 0 auto;
    }


    .handheld-menu.top {
    float: right;
    width: 97.916%;
}
    .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs
    {
        position: relative;
        z-index: 2000;
        background:#0e3973;
        margin-top:20px;
        border-radius: 5px;
    }

        .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li
        {
            position: relative;
            z-index: 2000;
        }

        .handheld-menu .handheldTopMenu a, .handheld-menu .handheldTopMenu span
        {
            font-weight: normal;
            font-size: 14px;
            line-height: 46px;
            padding-left: 0.6em;
            color: #fff;
            border: none;
        }

        .handheld-menu .handheldTopMenu span
        {
            line-height: 40px;
        }

        .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li
        {
            border-bottom: 1px solid #fff;
        }

        .handheld-menu .handheldTopMenu ul li > ul li > ul li, .handheldTopMenu.nojs ul li > ul li > ul li
        {
            border-bottom: 1px solid #fff;
        }

        .handheld-menu .handheldTopMenu .expanded ul
        {
            padding-left: 0;
            width: 100%;
        }

            .handheld-menu .handheldTopMenu .expanded ul li a
            {
                padding-left: 1em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul li a
            {
                padding-left: 2em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a
            {
                padding-left: 3em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a
            {
                padding-left: 4em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul
            {
                background: #00579a;
                overflow: hidden;
            }

                .handheld-menu .handheldTopMenu .expanded ul li ul li ul
                {
                    background: #0a67af;
                    overflow: hidden;
                }

                    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li
                    {
                        background: #1b7bc5;
                        overflow: hidden;
                    }

        .handheld-menu .handheldTopMenu .expand-button, .handheld-menu .handheldTopMenu .collapse-button
        {
            color: #fff;
        }

        .handheld-menu .handheldTopMenu ul li:last-child, .handheldTopMenu.nojs ul li:last-child
        {
            margin: 0;
        }

    .handheldTopMenu ul li:hover, .handheldTopMenu ul ul li:hover, .handheldTopMenu ul ul ul li:hover, .handheldTopMenu ul ul ul ul li:hover, .handheldTopMenu ul ul ul ul ul li:hover
    {
        background: #b5b5b5 !important;
    }

    div.siteContent
    {
        width: 100%;
    }

    div.siteSidebar
    {
        display: none;
    }

    .col100
    {
        margin-bottom: 2.12765957446809%;
    }

    .col75
    {
        width: 100%;
    }

        .col75 .col50
        {
            width: 100%;
        }

    .col50
    {
        width: 100%;
    }

    .col25
    {
        width: 47.82608695652174%;
    }

    div.siteContent .col50
    {
        width: 100%;
    }

    div.siteContent table tr > .col50
    {
        width: 100%;
        display: block;
        float: left;
    }

    div.siteContent .col50 img[style]
    {
        /*width:100% !important;*/
    }

    .col50 .col25 .box-inner img
    {
        width: 100%;
    }

    div.siteContent .col25
    {
        width: 100%;
        margin-bottom: 20px;
    }

    div.siteContent table tr > .col25
    {
        width: 100%;
        display: block;
        float: left;
    }

    div.siteContent .col25 .box
    {
        width: 47.82608695652174%;
        float: left;
    }

    div.siteContent table tr > .col25 .box
    {
        width: 100%;
        float: left;
    }

    div.siteContent .col25 .box:last-child
    {
        /*width:100%;*/
        float: right;
    }

    div.siteContent .col25 .box.object-interest
    {
        display: block;
        width: 100%;
    }

    div.page-col50 ul.grid li.left
    {
        font-size: 1.7em;
        line-height: 2em;
        width: 70%;
    }

    div.page-col50 ul.grid li.right
    {
        width: 29%;
        float: right;
        overflow: hidden;
        padding-left: 1px;
    }

    .btn_interest
    {
        padding: 0.5em;
        font-size: 1.15em;
    }

    span.button-list
    {
        width: 100%;
        display: block;
    }

        span.button-list input
        {
            background-position: 10px 10px;
            border: 1px solid #000000;
            border-radius: 6px;
            font-size: 14px;
            padding: 15px 0 10px 40px;
            text-align: left;
            width: 30%;
            height: 40px;
        }

    div.image-big
    {
        float: left;
        width: 100%;
    }

        div.image-big img
        {
            width: 100%;
        }

    div.image-thumbs
    {
        padding: 10px 0;
    }

        div.image-thumbs img
        {
            margin: 2px 0 14px;
        }

    div.image-slideshow
    {
        margin: 0;
    }

    div#divOverview
    {
        border: 1px solid #333;
        border-radius: 6px;
        padding: 20px;
        margin-bottom: 20px;
    }

    div.siteContent .col50 .col25
    {
        width: 47.82608695652174%;
    }

    div.siteContent .col50 > table.col25
    {
        width: 100%;
    }

    .col100 img
    {
        width: 100%;
    }

    .col50 img
    {
        max-width: 99%;
    }
    /** Search Area, Language, Logo **/
    div.search_area, div.language
    {
        width: 100%;
        padding: 10px 0;
        float: right;
        position: relative;
    }

        div.language span
        {
            font-size: 1em;
        }

    div.siteHeader-container h1
    {
        width: 50%;
        background: none;
        padding: 0px;
    }

        div.siteHeader-container h1 a
        {
            color: #fff;
            text-decoration: none;
        }

    div.siteBreadcrumbs
    {
        display: none;
    }

    div.siteFooter ul.siteOptions
    {
        width: 100%;
        display: block;
        margin-bottom: 5%;
    }

        div.siteFooter ul.siteOptions li
        {
            width: 100%;
            border-bottom: 1px solid #000;
            display: block;
            padding: 2% 0;
        }

    h2.pagetitle
    {
        line-height: 3em;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .loginarea p
    {
        position: relative;
    }


        .loginarea p input[type="submit"]
        {
            margin-top: 3em;
            min-width: 5em;
        }

    .touch .loginarea p input[type="submit"]
    {
        min-height: 5em;
    }

    div.siteContent .col25 .box.box-secondary.msg
    {
        float: right;
    }

    div.siteContent .col25 .box.box-primary.user
    {
        width: 100%;
    }

    .col75 .pageHeader, .siteContentIframe .pageHeader, .col75 .pageSubHeader
    {
        height: auto;
    }

    .touch .page-col75.col75 .pageFooter input[type="submit"]
    {
        padding: 1.5em;
    }

    .page-col75.col75 .form .label
    {
        clear: right;
    }

    .page-col75.col75 .form .value
    {
        padding-left: 1.25em;
        clear: left;
    }

    .page-popup .form .value
    {
        padding-left: 1.25em;
    }

    .user .box-inner div
    {
        width: 49%;
        min-width: 20em;
        display: inline-block;
    }

    ul.mypage_profile
    {
        border-bottom: none;
    }

    .col75 .form:nth-child(odd)
    {
        background: #FAFAFA;
        padding: 0.3em;
    }

    .col75 .form:nth-child(even)
    {
        background: #F5F5F5;
        padding: 0.3em;
    }

    .col75 .form textarea
    {
        width: 97% !important;
    }

    .col75 .gridlist
    {
        width: 100% !important;
    }

    .topmenu-side-board-button
    {
        display: block;
    }

    .topmenu
    {
        display: none;
    }

    .handheld-menu
    {
        display: block;
    }

        .handheld-menu > .handheldTopMenu
        {
            display: block;
        }

    .handheldTopMenu.nojs
    {
        display: block;
    }

    .col25.sideBar .gridlist
    {
        width: 47.82608695652174%;
    }

    div.siteContent .contact-company .col25.contact-data
    {
        width: 47.82608695652174%;
    }

    div.siteContent .contact-company .col25.contact-hours
    {
        width: 47.82608695652174%;
    }

    div.siteContent .contact-company .col25.contact-map
    {
        width: 100%;
        margin-top: 2.12765957446809%;
    }

    div.siteContent .contact-card
    {
        width: 100%;
    }

    div.statistics table
    {
        width: 100%;
    }

    .RadChart
    {
        width: auto !important;
    }

        .RadChart img
        {
            width: 100%;
        }

    .page-col75.col75 li:not(.validator):not(.value):not(.label):not(.question):not(.answer)
    {
        clear: left;
    }

    .page-col75.col75 li:not(.validator):not(.value):not(.label) input.controlRequired
    {
        clear: left;
        margin-left: 1.25em;
    }

    .col50.errorpage
    {
        width: 75%;
    }

    .img-ext-print
    {
        width: 100%;
    }

    .planning_overview img
    {
        width: 100%;
    }

    ul.horizontal-bulleted
    {
        width: auto;
    }

    .tbl_cell_data_header
    {
        width: auto;
    }

    .button-list.rentalinfo a
    {
        white-space: nowrap;
    }

    #fancybox-content
    {
        border-width: 0 !important;
        width: 98% !important;
        padding: 1% !important;
        height: 98% !important;
        text-align: center;
    }

    #fancybox-wrap
    {
        width: 100% !important;
        left: 0px !important;
        height: 90% !important;
        padding: 0 !important;
    }

    #fancybox-img
    {
        height: auto !important;
    }

    #fancybox-title
    {
        width: auto !important;
    }

    #fancybox-outer .fancybox-bg
    {
        display: none;
    }

    #fancybox-close
    {
        right: 0 !important;
    }

    ul.subst-row
    {
        width: 100%;
    }

        ul.subst-row li
        {
            width: 50%;
        }

        ul.subst-row:last-child > li:not(:last-child) div.subst-table
        {
            padding-right: 0.4em;
        }

    div.page-col50 .register-interest ul.grid li.left
    {
        width: auto;
    }

    .object-buttons span.button-list input
    {
        padding: 0.5em 1em 0.5em 2.5em;
        background-position: 0.5em center;
    }

    .image-slideshow .image-big
    {
        width: 100%;
    }

    .image-slideshow
    {
        width: 100%;
    }

        .image-slideshow .image-thumbs
        {
            padding-left: 0;
        }

        .image-slideshow .imgthumbs
        {
            margin-top: 1em;
        }

    .page-popup *[id*='DynamicContact'] .value textarea,
    .page-popup *[id*='DynamicContact'] .value input
    {
        width: 90% !important;
    }

    .page-popup *[id*='UserName'] .value input
    {
        width: 90% !important;
    }

    .page-popup *[id*='UserPhone'] .value input
    {
        width: 90% !important;
    }

    .dynamic-map
    {
        width: 100%;
        border-top: solid 1px #ccc;
        position: relative;
        overflow: hidden;
        float: left;
    }

    .map
    {
        width: 100%;
    }

    .page-popup *[id*='UserEmail'] .value input
    {
        width: 90% !important;
    }

    *[id*='AvailableObject'] .value select
    {
        width: 90% !important;
    }

    .page-popup .adminmap
    {
        width: 100% !important;
    }

    .page-col75 div.interest-objectinfo
    {
        height: auto;
        width: 50%;
    }

    .page-col75 div.interest-interestinfo
    {
        width: 95%;
        height: auto;
    }

    .page-col75.col75 input[id*='txtName'],
    .page-col75.col75 input[id*='txtPhone'],
    .page-col75.col75 select[id*='drpObject'],
    .page-col75.col75 input[id*='txtEmail'],
    .page-col75.col75 input[id*='txtMessage']
    {
        width: 90% !important;
    }

    *[id*='divDetails'] ul.form li.label, *[id*='divDetails'] .box ul.form li.label
    {
        width: 160px;
    }

    div.errormsg
    {
        width: auto;
    }

    div.erroricon
    {
        float: none;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 10px;
    }

    div.errortext
    {
        width: 100%;
        padding: 0;
    }

    /* Object Details Print Start */
    table.tbl_cell_data ul.objectproplist
    {
        width: auto;
    }

    table.tbl_cell_data td.tbl_cell_data_header
    {
        width: auto;
    }


    /* Object Details Print End*/

    /* Object Details Template B Start*/
    div.siteContent .col25 .box.object-interest
    {
        width: 47.82608695652174%;
    }

    /* Object Details Template B End */

    /* Object Maintenance Start */
    body.vfa_resident_maintenancerequest span.button-list input
    {
        padding: 15px 0 30px 40px;
    }

    div.col2-div
    {
        float: left;
        width: 50%;
    }

    li.exchange-object-val
    {
        float: left;
        clear: left;
    }

    li.exchange-object-label
    {
        float: left;
        clear: right;
    }

    /* Object Maintenance End */

    li.exchange-object-input
    {
        float: left;
        clear: both;
    }

    div.global-authorization
    {
        background-color: #222;
        color: #fff;
    }

        div.global-authorization a
        {
        }

    div.language
    {
        display: none;
    }

    /* HSS ObjectInterest Change Priority Start*/
    ul.objectstageinterest li.primaryinfo,
    ul.objectstageinterest li.secondaryinfo
    {
        float: none;
    }

        ul.objectstageinterest li.primaryinfo span.title,
        ul.objectstageinterest li.secondaryinfo span.title
        {
            display: inline-block;
            width: 80px;
            overflow: auto;
        }

    /* HSS ObjectInterest Change Priority End*/

    /* Rangeslider start*/
    ul.quickfilter
    {
        width: 95%;
        margin: auto;
    }

        ul.quickfilter li
        {
            width: 45%;
        }
    /* Rangeslider end*/

    div.siteContentFull, div.siteContainer, div.siteHeader, div.siteMain, div.siteFooter
    {
        width: 97.91666666666666%;
    }


       div.siteHeader-container
    {
        overflow: visible;
        width: 100%;
    }

       div.siteMain-container

           {
        width: 97.91666666666666%;
    }

    .col100 img
    {
        width: 100%;
    }

    div.siteOptions-container div.siteOptions
    {
        width: 100%;
    }

    div.siteFooter .col25
    {
        width: 23.40425531914894%;
    }

    div.col100.large-puff .img-container.normal-img
    {
        margin-right: 20px;
    }

    div.col100.large-puff .box.puff
    {
        width: 73%;
        float: left;
    }

    div.siteFooter
    {
        overflow: hidden;
        width: 100%;
    }


    /*VSHus*/

    /**Header**/

    div.search_area {

    top: 69px;
    position:absolute;
    }

    div.global-authorization {
    background: none;
}

    div.translate
    {

        padding-top: 25px;
    }

    .handheld-menu.top {
    margin-top: 10px;
}


div.siteHeader-container h1 {
    margin-top: 45px;
    text-indent: 1%;
    width: 20%;
}

div.siteContact ul {

    text-align: center;
    width: 100%;
}
    div.footerlogo ul
    {width: 100%;
    }

        div.footerlogo ul.vshus
        {
            background: url("../Img/footer_logo.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
            height: 50px;
            width: 100%;
        }
    div.footerlogo
    {
        padding-top: 212px;
        width: 100%;
    }

    div.siteContact {
    width: 100%;
}

    div.siteFooter ul.siteOptions, div.siteFooter ul.siteOptions li {
    border-bottom:none;
    display: inline;
    width: 100%;
    text-align: center;



}

    /**Slider**/

        .slider-inner
    {
        width: 100%;
    }
        .col100 img {
    width: auto;
    max-width: auto !Important;
}


        /***Other***/

        
.col100 .box.primaryfocus .box-inner p {

    width: 80%;
}

    .col100 .box.primaryfocus .box-inner img
    {
        width: 20%;
    }
    
.col100 .box.primaryfocus .box-inner h3 {
    width: 80%;
}

    body.default .col33
    {
        width:100%;
        float:left;
        margin-bottom:10px;
    }

    .col75 img {
    max-width: 100%;
}



}
 



	



/* Phone */
@media (max-width: 480px)
{
    body
    {
        background: #fff;
        -webkit-text-size-adjust: none;
    }

    form
    {
        width: 100%;
        margin: 0 auto;
    }
        .handheld-menu.top {
    float: right;
    width: 97.916%;
}
    .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs
    {
        position: relative;
        z-index: 2000;
        background:#0e3973;
        margin-top:20px;
        border-radius: 5px;
    }

        .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li
        {
            position: relative;
            z-index: 2000;
        }

        .handheld-menu .handheldTopMenu a, .handheld-menu .handheldTopMenu span
        {
            font-weight: normal;
            font-size: 14px;
            line-height: 46px;
            padding-left: 0.6em;
            color: #fff;
            border: none;
        }

        .handheld-menu .handheldTopMenu span
        {
            line-height: 40px;
        }

        .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li
        {
            border-bottom: 1px solid #fff;
        }

        .handheld-menu .handheldTopMenu ul li > ul li > ul li, .handheldTopMenu.nojs ul li > ul li > ul li
        {
            border-bottom: 1px solid #fff;
        }

        .handheld-menu .handheldTopMenu .expanded ul
        {
            padding-left: 0;
            width: 100%;
        }

            .handheld-menu .handheldTopMenu .expanded ul li a
            {
                padding-left: 1em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul li a
            {
                padding-left: 2em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a
            {
                padding-left: 3em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a
            {
                padding-left: 4em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul
            {
                background: #00579a;
                overflow: hidden;
            }

                .handheld-menu .handheldTopMenu .expanded ul li ul li ul
                {
                    background: #0a67af;
                    overflow: hidden;
                }

                    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li
                    {
                        background: #1b7bc5;
                        overflow: hidden;
                    }

        .handheld-menu .handheldTopMenu .expand-button, .handheld-menu .handheldTopMenu .collapse-button
        {
            color: #fff;
        }

        .handheld-menu .handheldTopMenu ul li:last-child, .handheldTopMenu.nojs ul li:last-child
        {
            margin: 0;
        }

    .handheldTopMenu ul li:hover, .handheldTopMenu ul ul li:hover, .handheldTopMenu ul ul ul li:hover, .handheldTopMenu ul ul ul ul li:hover, .handheldTopMenu ul ul ul ul ul li:hover
    {
        background: #b5b5b5 !important;
    }

    div.siteHeader-container h1
    {
        background: #000;
        float: left;
        margin: 0 0;
        padding: 9% 0;
        width: 100%;
        text-align: center;
    }

        div.siteHeader-container h1 a
        {
            color: #fff;
            text-decoration: none;
        }

    div.siteContent
    {
        width: 100%;
    }

    div.siteSidebar
    {
        display: none;
    }

    .col100
    {
        margin-bottom: 2.12765957446809%;
    }

    .col75 .col50
    {
        width: 100%;
    }

    .col50
    {
        width: 100%;
    }

        .col50 .col25
        {
            width: 100%;
        }

            .col50 .col25:last-child
            {
                width: 100%;
                margin-bottom: 20px;
            }

    .col25
    {
        width: 100%;
    }

    div.siteContent .col50
    {
        width: 100%;
    }

    div.siteContent table tr > .col50
    {
        width: 100%;
        display: block;
        float: left;
    }

    .col50 img
    {
        max-width: 476px;
    }

    div.siteContent .col50 .col25 .box-inner img
    {
        width: 100%;
    }

    div.siteContent .col25
    {
        width: 100%;
    }

    div.siteContent table tr > .col25
    {
        width: 100%;
        display: block;
        float: left;
    }

    div.siteContent .col25 .box
    {
        width: 100%;
        float: left;
        margin-top: 2.12765957446809%;
    }

    div.siteContent table tr > .col25 .box
    {
        width: 100%;
        float: left;
        margin-top: 2.12765957446809%;
    }

    div.siteContent .col25 .box:last-child
    {
        width: 100%;
        float: right;
    }

    div.siteContent .col50 .col25
    {
        width: 100%;
    }

    .col100 img
    {
        width: 100%;
    }

    .box-outer
    {
        min-height: auto;
    }

        .box-outer[style]
        {
            min-height: auto !important;
        }

    div.siteContent .col25
    {
        width: 100%;
        margin-bottom: 20px;
    }

        div.siteContent .col25 .box
        {
            width: 100%;
            float: left;
        }

            div.siteContent .col25 .box.object-interest
            {
                display: block;
                width: 100%;
            }

    div.page-col50 ul.grid li.left
    {
        font-size: 1.4em;
        line-height: 2em;
        text-align: center;
        width: 100%;
    }

    div.page-col50 ul.grid li.right
    {
        width: 100%;
        float: right;
        overflow: hidden;
        padding-left: 1px;
    }

    .btn_interest
    {
        display: block;
        font-size: 1.15em;
        margin: 0 auto;
        padding: 0.5em;
    }

    span.button-list
    {
        width: 100%;
        display: block;
    }

        span.button-list input
        {
            background-position: 10px 10px;
            border: 1px solid #000000;
            border-radius: 6px;
            font-size: 14px;
            padding: 15px 0 10px 40px;
            text-align: left;
            width: 100%;
        }

    div.image-big
    {
        float: left;
        width: 100%;
    }

        div.image-big img
        {
            width: 100%;
        }

    div.image-thumbs
    {
        padding: 10px 0 0;
    }

        div.image-thumbs img
        {
            margin: 2px 0 14px;
        }

    div.image-slideshow
    {
        margin: 0;
    }

    div#divOverview
    {
        border: 1px solid #333;
        border-radius: 6px;
        padding: 20px;
        margin-bottom: 20px;
    }

    div.siteContent .col50 .col25
    {
        width: 100%;
    }

    .col100 img
    {
        width: 100%;
    }

    .col50 img
    {
        max-width: 98%;
    }

    div.areatext
    {
        width: 100%;
    }

    div.areaimg
    {
        width: 100%;
        display: none;
    }

    .box.object-facts
    {
        width: 100%;
    }

    div.siteBreadcrumbs
    {
        display: none;
    }

    div.siteFooter ul.siteOptions
    {
        width: 100%;
        display: block;
        margin-bottom: 10%;
    }

        div.siteFooter ul.siteOptions li
        {
            width: 100%;
            border-bottom: 1px solid #000;
            display: block;
            padding: 3% 0;
        }

    /** Search Area, Language, Logo **/
    div.search_area, div.language
    {
        width: 100%;
        padding: 10px 0;
        float: right;
        position: relative;
    }

    h2.pagetitle
    {
        line-height: 1em;
        margin-top: 16px;
        margin-bottom: 16px;
        text-align: left;
    }

    .loginarea p
    {
        position: relative;
    }

        .loginarea p input[type="text"], .loginarea p input[type="password"]
        {
        }

        .loginarea p input[type="submit"]
        {
            margin-top: 3em;
            min-width: 5em;
        }

    .touch .loginarea p input[type="submit"]
    {
        min-height: 5em;
    }

    div.siteContent .col25 .box.box-primary.user
    {
        width: 100%;
    }

    .col75 .pageHeader, .siteContentIframe .pageHeader, .col75 .pageSubHeader
    {
        height: auto;
    }

    .touch .page-col75.col75 .pageFooter input[type="submit"]
    {
        padding: 1.5em;
    }

    .page-col75.col75 .form .label
    {
        width: auto;
        clear: right;
    }

    .page-col75.col75 .form .value
    {
        padding-left: 1.25em;
        clear: left;
    }

    .page-popup .form .value
    {
        padding-left: 1.25em;
    }

    span.forminfo-text
    {
        white-space: normal;
        display: block;
        margin-top: 0.3em;
    }

    ul.mypage_profile
    {
        border-bottom: none;
    }

    .col75 .form:nth-child(odd)
    {
        background: #FAFAFA;
        padding: 0.3em;
    }

    .col75 .form:nth-child(even)
    {
        background: #F5F5F5;
        padding: 0.3em;
    }

    .col75 .form td
    {
        display: block;
    }

    .col75 .form textarea
    {
        width: 94% !important;
    }

    .col75 .gridlist
    {
        width: 100% !important;
    }

        .col75 .gridlist td
        {
            display: table-cell;
        }

    .topmenu-side-board-button
    {
        display: block;
    }

    .topmenu
    {
        display: none;
    }

    .handheld-menu
    {
        display: block;
        margin-bottom: 10px;
    }

        .handheld-menu > .handheldTopMenu
        {
            display: block;
        }

    .handheldTopMenu.nojs
    {
        display: block;
    }

    .col25.sideBar .gridlist
    {
        width: 100%;
    }

    div.siteContent .contact-company .col25.contact-data
    {
        width: 100%;
    }

    div.siteContent .contact-company .col25.contact-hours
    {
        width: 100%;
    }

    div.siteContent .contact-company .col25.contact-map
    {
        width: 100%;
        margin-top: 2.12765957446809%;
    }

    div.siteContent .contact-card
    {
        width: 100%;
    }

    div.statistics table
    {
        width: 100%;
    }

    .RadChart
    {
        width: auto !important;
    }

        .RadChart img
        {
            width: 100%;
        }

    .page-col75.col75 li:not(.validator):not(.value):not(.label):not(.question):not(.answer)
    {
        clear: left;
    }

    .page-col75.col75 li:not(.validator):not(.value):not(.label) input.controlRequired
    {
        clear: left;
        margin-left: 1.25em;
    }

    .navbar, .navbar .buttons
    {
        width: 100%;
    }

        .navbar .buttons a
        {
            width: 35%;
        }

            .navbar .buttons a:last-child
            {
                float: right;
            }

    div.navbar .text
    {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
        margin: 1em 0;
    }

    .col50.errorpage
    {
        width: 100%;
    }

    .img-ext-print
    {
        width: 100%;
    }

    .planning_overview img
    {
        width: 100%;
    }

    ul.horizontal-bulleted
    {
        width: auto;
    }

    .tbl_cell_data_header
    {
        width: auto;
    }

    #page_popup_wrapper.print
    {
        padding-left: 0;
        padding-right: 0;
    }

    .hss_object_objectdetailsprint ul.area_presentation li img
    {
        padding: 0;
    }

    .button-list.rentalinfo a
    {
        white-space: nowrap;
    }

    /*
    *   Generic left-right list
    */
    div.list ul li.left,
    div.list ul li.right
    {
        float: none;
        display: block;
    }

    div.list ul li.right
    {
        padding-bottom: 10px;
    }


    #fancybox-content
    {
        border-width: 0 !important;
        width: 98% !important;
        padding: 1% !important;
        height: 98% !important;
        text-align: center;
    }

    #fancybox-wrap
    {
        width: 100% !important;
        left: 0px !important;
        height: 90% !important;
        padding: 0 !important;
    }

    #fancybox-img
    {
        height: auto !important;
    }

    #fancybox-title
    {
        width: auto !important;
    }

    #fancybox-outer .fancybox-bg
    {
        display: none;
    }

    #fancybox-close
    {
        right: 0 !important;
    }

    ul.subst-row
    {
        width: 100%;
    }

        ul.subst-row li
        {
            width: 100%;
        }

    div.page-col50 .register-interest ul.grid li.left
    {
        width: auto;
    }

    .object-buttons span.button-list input
    {
        padding: 0.5em 1em 0.5em 2.5em;
        background-position: 0.5em center;
        width: 40%;
    }

    .image-slideshow .image-big
    {
        width: 100%;
    }

    .image-slideshow
    {
        width: 100%;
    }

        .image-slideshow .image-thumbs
        {
            padding-left: 0;
        }

        .image-slideshow .imgthumbs
        {
            margin-top: 1em;
        }

    .page-popup *[id*='DynamicContact'] .value textarea,
    .page-popup *[id*='DynamicContact'] .value input
    {
        width: 90% !important;
    }

    .page-popup *[id*='UserName'] .value input
    {
        width: 90% !important;
    }

    .page-popup *[id*='UserPhone'] .value input
    {
        width: 90% !important;
    }

    .page-popup *[id*='UserEmail'] .value input
    {
        width: 90% !important;
    }

    *[id*='AvailableObject'] .value select
    {
        width: 90% !important;
    }

    .page-popup .adminmap
    {
        width: 100% !important;
    }

    .page-col75.col75 input[id*='txtName'],
    .page-col75.col75 input[id*='txtPhone'],
    .page-col75.col75 select[id*='drpObject'],
    .page-col75.col75 input[id*='txtEmail'],
    .page-col75.col75 input[id*='txtMessage']
    {
        width: 90% !important;
    }

    .dynamic-map
    {
        width: 100%;
        border-top: solid 1px #ccc;
        position: relative;
        overflow: hidden;
        float: left;
    }

    .map
    {
        width: 100%;
    }

    .page-col75 div.interest-objectinfo
    {
        height: auto;
        width: 50%;
    }

    .page-col75 div.interest-interestinfo
    {
        width: 95%;
        height: auto;
    }

    *[id*='divDetails'] ul.form li.label, *[id*='divDetails'] .box ul.form li.label
    {
        width: 160px;
    }

    div.errormsg
    {
        width: auto;
    }

    div.erroricon
    {
        float: none;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 10px;
    }

    div.errortext
    {
        width: 100%;
        padding: 0;
    }

    div.search_results .search_textfield_area
    {
        width: 75%;
    }

    /* Object Details Print Start */
    table.tbl_cell_data ul.objectproplist
    {
        width: auto;
    }

    table.tbl_cell_data td.tbl_cell_data_header
    {
        width: auto;
    }

    /* Object Details Print End*/

    /* Object Maintenance Start */
    body.vfa_resident_maintenancerequest span.button-list input
    {
        padding: 15px 0 30px 40px;
    }

    /* Object Maintenance End */

    div.col2-div
    {
        float: left;
        width: 50%;
    }

    li.exchange-object-val
    {
        float: left;
        clear: left;
    }

    li.exchange-object-label
    {
        float: left;
        clear: right;
    }

    li.exchange-object-input
    {
        float: left;
        clear: both;
    }

    div.global-authorization
    {
        
    }

        div.global-authorization a
        {
            
        }

    div.language
    {
        display: none;
    }
    /* HSS ObjectInterest Change Priority Start*/
    ul.objectstageinterest li.primaryinfo,
    ul.objectstageinterest li.secondaryinfo
    {
        float: none;
    }

    ul.objectstageinterest li.primaryinfo span.title,
    ul.objectstageinterest li.secondaryinfo span.title
    {
        display: inline-block;
        width: 80px;
        overflow: auto;
    }

    /* HSS ObjectInterest Change Priority End*/

    /* HSS ObjectInterest Change Priority End*/

    /* Rangeslider start*/
    ul.quickfilter
    {
        width: 95%;
        margin: auto;
    }

    ul.quickfilter li
    {
        width: 100%;
    }

  

    /* Rangeslider end*/
        ul.quickfilter {
        margin-bottom: 20px;
    }
    ul.quickfilter table tr td {
        display: inline-table;
        width: 100%;
        border-bottom:1px dotted #C9DFF1;
        line-height:24px;
    }

       /*VSHus*/

    /**Header**/

    body {
    background: url("../Img/Header-bg.png") repeat-x scroll 50% 0 #e0f1fa;
}

    div.search_area {
display:none;
    }

    div.global-authorization {
    background: none;
}

    div.translate
    {

        padding-top: 25px;
    }

    .handheld-menu.top {
    margin-top:3px;
    width: 97.916%;
}

    
div.siteHeader-container {

    height: 197px;
    width: 100%;
}

div.siteHeader {
    position: relative;
    width:100%;
    height: 197px;
}

    
div.siteHeader-container h1 {
    background:none;
    padding:15px 0 0 0;
}



div.siteHeader-container h1 a img {

}


div.siteHeader div.translate {
    padding-top: 17px;
}
div.global-authorization {
    padding-top: 12px;
}


div.siteContact ul {

    text-align: center;
    width: 100%;
}
    div.footerlogo ul
    {width: 100%;
    }

        div.footerlogo ul.vshus
        {
            background: url("../Img/footer_logo.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
            height: 50px;
            width: 100%;
        }
    div.footerlogo
    {
        padding-top: 212px;
        width: 100%;
    }

    div.siteContact {
    width: 100%;
}

    div.siteFooter ul.siteOptions, div.siteFooter ul.siteOptions li {
    border-bottom:none;
    display: inline;
    width: 100%;
    text-align: center;



}

    /**Slider**/

        .slider-inner
    {
        width: 100%;
    }
        
element.style {
    display: block;
}
div.ImageTextStyles.Text div.sliderTitle, div.ImageTextStyles.Text {
}
div.ImageTextStyles.Text {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    bottom: 70px;
    height: 220px;
    opacity: 0.75;
    padding: 10px;
    position: absolute;
    right:0;
    width: auto;
}


        
.col100 img {
    width: auto;
}

        /***Other***/

        
.col100 .box.primaryfocus .box-inner p {

    width: 80%;
}

    .col100 .box.primaryfocus .box-inner img
    {
        width: 20%;
    }
    
.col100 .box.primaryfocus .box-inner h3 {
    width: 80%;
}

    body.default .col33
    {
        width:100%;
        float:left;
        margin-bottom:10px;
    }

    
div.siteMain-container {
    width:97.6%
}


div.siteHeader-container {
    height: 197px;
    width:97.6%
}

div.siteMain {

    width:100%;
}

.col75 img {
    max-width: 100%;
}

div.siteContentFull, div.siteContainer, div.siteHeader, div.siteMain, div.siteFooter {
    width: 97.9167%;
}
}
