html
{
    min-height: 100%;
}

body
{
    position: relative;
    margin: 0;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    top: 0px;
    left: 0px;
    height:100%;
    /*min-height:476px;*/  
    min-width: 100vw !important;
    font: 400 14px "Open Sans",sans-serif;
    line-height: 1.4;
    color: #87879f;    
}

.grayLabel
{
    color: Green;
}
.center
{
    margin: auto !important;
    display: block !important;
    text-align: center !important;
}
img
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin-left: 0px;
}

a:hover .arrow
{
    background-position: 0 -13px !important;
}
@media screen and (max-width:320px)
{

    #topbar
    {
        height: 44px;
    }

    #horizontalbar,
    .horizontalbar {
        height: 42px;
    }
    #searchbar
    {
        height: 44px;
    }
    #staticbar
    {
        height: 44px;
    }

    #title
    {
        line-height: 44px;
        height: 44px;
        font-size: 16pt;
    }
    #Searchtitle
    {
        line-height: 44px;
        height: 44px;
        font-size: 12pt;
    }
    #FilterButton
    {
        line-height: 44px;
        height: 44px;
        font-size: 16pt;
    }

    #tributton a:first-child, #duobutton a:first-child
    {
        width: 101px;
    }
    #tributton a:last-child, #duobutton a:last-child
    {
        width: 101px;
    }
    #tributton a
    {
        width: 106px;
    }
    #duobutton .links
    {
        width: 195px;
    }
    #tributton .links
    {
        width: 302px;
    }
    #doublead
    {
        width: 300px !important;
    }
    #duoselectionbuttons
    {
        width: 191px;
        height: 30px;
        top: 7px;
    }
    #triselectionbuttons
    {
        width: 290px;
        height: 30px;
        top: 7px;
    }
    #triselectionbuttons a:first-child, #duoselectionbuttons a:first-child
    {
        width: 99px;
        height: 28px;
        line-height: 28px;
    }
    #triselectionbuttons a
    {
        width: 98px;
        height: 28px;
        line-height: 28px;
    }
    #triselectionbuttons a:last-child, #duoselectionbuttons a:last-child
    {
        width: 99px;
        height: 28px;
        line-height: 28px;
    }
    .searchbox form
    {
        width: 272px;
    }
    .searchbox input[type="text"]
    {
        width: 275px;
    }
    .menu .name
    {
        max-width: 77%;
    }
    .checkbox .name
    {
        max-width: 190px;
    }
    .radiobutton .name
    {
        max-width: 190px;
    }    
    
    .musiclist .name
    {
        max-width: 55%;
    }
    .textbox textarea
    {
        width: 280px;
    }
    .bigfield input
    {
        width: 295px;
    }
}
@media screen and (min-width:321px)
{
    #topbar
    {
        height: 32px;
    }

    #horizontalbar,
    .horizontalbar {
        height: 42px;
    }
    #searchbar
    {
        height: 32px;
    }
    #staticbar
    {
        height: 32px;
    }

    #title
    {
        line-height: 32px;
        height: 32px;
        font-size: 13pt;
    }
    #Searchtitle
    {
        line-height: 32px;
        height: 32px;
        font-size: 12pt;
    }
    #FilterButton
    {
        line-height: 32px;
        height: 32px;
        font-size: 13pt;
    }
    .menu .name
    {
        max-width: 85%;
    }
    .checkbox .name
    {
        max-width: 75%;
    }
    .radiobutton .name
    {
        max-width: 75%;
    }
    
    #leftnav img, #rightnav img,#rightnavbottom img
    {
        margin-top: 4px;
        height: 70%;
    }    
    
    .musiclist .name
    {
        max-width: 70%;
    }
    .textbox textarea
    {
        width: 440px;
    }
    #tributton a:first-child, #duobutton a:first-child
    {
        width: 152px;
    }
    #tributton a:last-child, #duobutton a:last-child
    {
        width: 152px;
    }
    #tributton a
    {
        width: 154px;
    }
    #tributton .links
    {
        width: 452px;
    }
    #duobutton .links
    {
        width: 298px;
    }
    #doublead
    {
        width: 350px !important;
    }
    #duoselectionbuttons
    {
        width: 293px;
        height: 24px;
        top: 4px;
    }
    #triselectionbuttons
    {
        width: 450px;
        height: 24px;
        top: 4px;
    }
    #triselectionbuttons a:first-child, #duoselectionbuttons a:first-child
    {
        width: 150px;
        height: 22px;
        line-height: 22px;
    }
    #triselectionbuttons a
    {
        width: 156px;
        height: 22px;
        line-height: 22px;
    }
    #triselectionbuttons a:last-child, #duoselectionbuttons a:last-child
    {
        width: 150px;
        height: 22px;
        line-height: 22px;
    }
    .searchbox form
    {
        width: 432px;
    }
    .searchbox input[type="text"]
    {
        width: 435px;
    }
    .bigfield input
    {
        width: 455px;
    }
}


#topbar
{
    position: relative;
    left: 0;
    top: 0;
    width: auto;
}

#topbar.black
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#858585),color-stop(3%,#636363),color-stop(50%,#202020),color-stop(51%,black),color-stop(97%,black),to(#262626));
}
#topbar.transparent
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(133,133,133,0.7)),color-stop(3%,rgba(99,99,99,0.7)),color-stop(50%,rgba(32,32,32,0.7)),color-stop(51%,rgba(0,0,0,0.7)),color-stop(97%,rgba(0,0,0,0.7)),to(rgba(38,38,38,0.7)));
}
#topbar.blue
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
}

#horizontalbar, 
.horizontalbar {
    position: relative;
    width: 100%;
    background: #F6F6F6;
    padding: 7px 16px;
    border-bottom: 1px solid #E3E3E3;    
}

#horizontalbar.black
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#858585),color-stop(3%,#636363),color-stop(50%,#202020),color-stop(51%,black),color-stop(97%,black),to(#262626));
}
#horizontalbar.transparent
{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,7d7e7d+38,0e0e0e+100 */
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(125,126,125) 0%, rgb(125,126,125) 38%, rgb(14,14,14) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(125,126,125) 0%,rgb(125,126,125) 38%,rgb(14,14,14) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(125,126,125) 0%,rgb(125,126,125) 38%,rgb(14,14,14) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

}
#searchbar
{
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#cdd5df),color-stop(3%,#b0bccd),color-stop(50%,#889bb3),color-stop(51%,#8195af),color-stop(97%,#6d84a2),to(#2d3642));
    margin-bottom: 0px;
}
#staticbar
{
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#cdd5df),color-stop(3%,#b0bccd),color-stop(50%,#889bb3),color-stop(51%,#8195af),color-stop(97%,#6d84a2),to(#2d3642));
    margin-bottom: 0px;
}
#searchbar.black
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#858585),color-stop(3%,#636363),color-stop(50%,#202020),color-stop(51%,black),color-stop(97%,black),to(#262626));
}
#searchbar.transparent
{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,7d7e7d+38,0e0e0e+100 */
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(125,126,125) 0%, rgb(125,126,125) 38%, rgb(14,14,14) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(125,126,125) 0%,rgb(125,126,125) 38%,rgb(14,14,14) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(125,126,125) 0%,rgb(125,126,125) 38%,rgb(14,14,14) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */


}








#title
{
    position: absolute;
    font-weight: bold;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 10px;
    text-align: Left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
}
.titlecenter
{
    position: absolute;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    color: black;
}

#Searchtitle {
    position: absolute;
    display:inline-block;
    font-weight: bold;
    padding: 5px;
    left: 0;
    right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    
    text-align: center;
    font-size: 14px;
    line-height: 16px;
}

.ListingsSearchTitle   {
    width: calc(100vw - 200px);
    left: 90px !important;
}


    #FilterButton {
        position: absolute;
        font-weight: bold;
        top: 0;
        left: 0;
        right: 0;
        padding: 0 200px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #FFF;
        text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
    }

#footer
{
    text-align: center;
    bottom: -50px;
    left: 0;
    position: relative;
    height: auto;
    width: auto;
}
.ipodlist #footer, .ipodlist #footer a
{
    text-shadow: #FFF 0 -1px 0;
}

#content
{
    width: 100%;
    position: relative;
    min-height: 250px;    
    height: auto;
    z-index: 0;
    overflow: hidden;    
}

#content #pnlEmailPwd {
    text-align:center;
}
    .pagecontent {
        width: 100%;
        position: relative;
        min-height: 250px;
        margin-top: 10px;
        height: auto;
        z-index: 0;
        overflow: hidden;
    }
.pageitem {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    font-size: 14pt;
    overflow: hidden;
    padding: 0;
    position: relative;
    display: block;
    height: auto;
    width: auto;
    margin: 10px 16px;
    list-style: none;
    box-shadow: 0px 1px 1px 1px #e3e3e3;
}


.textbox
{
    padding: 5px 9px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #878787;
}
#tributton, #duobutton
{
    height: 44px;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#cdd4d9),color-stop(3%,#c0c9cf),color-stop(97%,#abb7bf),to(#81929f));
    margin: -13px 0 13px 0;
    text-align: center;
}
#tributton .links, #duobutton .links
{
    height: 30px;
    -webkit-border-image: url("../images/tributton.png") 0 4 0 4;
    border-width: 0 4px 0 4px;
    margin: 0 auto 0px auto;
    position: relative;
    top: 7px;
}
#tributton a:first-child, #duobutton a:first-child
{
    border-right: 1px solid #6d7e91;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    margin-left: -4px;
}
#tributton a, #duobutton a
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 27px;
    display: inline-block;
    line-height: 27px;
    margin-top: 1px;
    font: bold 13px;
    text-decoration: none;
    color: #3f5c84;
    text-shadow: #FFF 0 1px 0;
}
#duobutton a:last-child
{
    border: 0;
}
#tributton a:last-child
{
    border-left: 1px solid #6d7e91;
}
#tributton a:last-child, #duobutton a:last-child
{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    margin-right: -4px;
}
#tributton a:hover, #tributton a#pressed, #duobutton a:hover, #duobutton a#pressed
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#7b8b9f),color-stop(3%,#8c9baf),to(#647792));
    color: white;
    text-shadow: black 0 -1px 0;
}
#triselectionbuttons, #duoselectionbuttons
{
    -webkit-border-image: url('../images/navbutton.png') 0 5 0 5;
    border-width: 0 5px 0 5px;
    position: relative;
    margin: auto;
}
#duoselectionbuttons a:first-child
{
    border: 0;
}
#triselectionbuttons a:first-child
{
    border-right: solid 1px #556984;
}
#triselectionbuttons a:first-child, #duoselectionbuttons a:first-child
{
    margin-left: -4px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
}
#triselectionbuttons a, #duoselectionbuttons a
{
    display: inline-block;
    text-align: center;
    color: white;
    text-decoration: none;
    margin-top: 1px;
    text-shadow: black 0 -1px 0;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#909baa),color-stop(3%,#a5b4c6),color-stop(50%,#798eaa),color-stop(51%,#6b83a1),color-stop(97%,#6e85a3),to(#526379));
}
#triselectionbuttons a:last-child, #duoselectionbuttons a:last-child
{
    border-left: solid 1px #556984;
    margin-right: -4px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}
#triselectionbuttons a:hover, #triselectionbuttons a#pressed, #duoselectionbuttons a:hover, #duoselectionbuttons a#pressed
{
    background: none;
}
#doublead
{
    height: 83px !important;
    position: relative;
    margin: 0 auto 13px auto;
}
#doublead a:first-child
{
    left: 0 !important;
}
#doublead a:last-child
{
    right: 0 !important;
}
#doublead a
{
    width: 147px !important;
    height: 83px !important;
    position: absolute;
    -webkit-border-radius: 8px;
    display: block;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#7c7c7c),color-stop(3%,#858585),color-stop(97%,#a4a4a4),to(#c2c2c2));
}
li#doublead
{
    margin-top: 25px;
    margin-bottom: 10px !important;
    background: none;
}
li#doublead:hover
{
    background: none;
}
.searchbox
{
    height: 44px;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f1f3f4),color-stop(3%,#e0e4e7),color-stop(50%,#c7cfd4),color-stop(51%,#bec7cd),color-stop(97%,#b4bec6),to(#8999a5));
    margin: -13px 0 13px 0;
    width: 100%;
}
.searchbox form
{
    height: 24px;
    -webkit-border-image: url('../images/searchfield.png') 4 14 1 24;
    border-width: 4px 14px 1px 24px;
    display: block;
    position: relative;
    top: 8px;
    margin: auto;
}
fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
}
.searchbox input[type="text"]
{
    border: 0;
    -webkit-appearance: none;
    height: 18px;
    float: left;
    font-size: 13px;
    padding: 0;
    position: relative;
    top: 2px;
    left: 2px;
}
.textbox img
{
    max-width: 100%;
}
.textbox p
{
    margin-top: 2px;
}
.textbox p
{
    margin-top: 2px;
    color: #000;
    margin-bottom: 2px;
    text-align: justify;
}
.textbox img
{
    max-width: 100%;
}
.textbox ul
{
    margin: 3px 0 3px 0;
    list-style: circle !important;
}
.textbox li
{
    margin: 0 !important;
}
.pageitem li:first-child, .pageitem li.form:first-child
{
    border-top: 0;
}
.menu, .checkbox, .radiobutton, .select, li.button, li.bigfield, li.smallfield
{
    position: relative;
    list-style-type: none;
    display: block;
    height: 43px;
    overflow: hidden;
    border-top: 1px solid #878787;
    width: auto;
    top: 0px;
    left: 0px;
}
.pageitem li:first-child:hover, .pageitem li:first-child a, .radiobutton:first-child input, li.button:first-child input, .bigfield:first-child input
{
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
.pageitem li:last-child:hover, .pageitem li:last-child a, .radiobutton:last-child input, li.button:last-child input, .bigfield:last-child input
{
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}
.menu:hover, .list #content li a:hover, .list .withimage:hover, .applist li:hover:nth-child(n), .ipodlist li:hover:nth-child(n)
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#058cf5),to(#015fe6));
}
.ipodlist li:hover:nth-child(n) .name, .ipodlist li:hover:nth-child(n) .time
{
    border: 0;
}
.menu a:hover .name, .store:hover .starcomment, .store:hover .name, .store:hover .comment, .list .withimage a:hover .comment
{
    color: #fff;
}

.menu a:hover .comment
{
    color: #CCF;
}
.menu a
{
    display: block;
    height: 43px;
    width: auto;
    text-decoration: none;
}
.menu a img
{
    width: auto;
    height: 32px;
    margin: 5px 0 0 5px;
    float: left;
}
.menu .name, .checkbox .name, .radiobutton .name
{
    margin: 11px 0 0 7px;
    width: auto;
    color: #000;
    font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}
.menu .middletext
{
    margin: 11px 0px 0px 100px;
    width: auto;
    color: #000;
    font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}
.menu .comment
{
    margin: 11px 30px 0 0;
    width: auto;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 75%;
    white-space: nowrap;
    float: right;
    color: #324f85;
}
.menu .arrow, .store .arrow, .musiclist .arrow, .list .arrow
{
    position: absolute;
    width: 8px !important;
    height: 13px !important;
    right: 10px;
    top: 15px;
    margin: 0 !important;
    background: url("../images/arrow_select.png") 0 0 no-repeat;
}
.applist .arrow
{
    position: absolute;
    width: 8px !important;
    height: 13px !important;
    right: 10px;
    top: 29px;
    margin: 0 !important;
    background: url("../images/arrow_select.png") 0 0 no-repeat;
}

.listingsWrapper {
    width: 100%;
    background: #f6f6f6;
    padding: 30px 0;
    border-top: 1px solid #E3E3E3;
}

#divListings.listingsWrapper {
    min-height: calc(100vh - 212px);
}

.listingsWrapper ul {
    padding: 0;
}

    .listingsTitle {
        display: block;
        width: calc(100% - 32px);
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        color: #0f0f44;
        align-self: stretch;
        flex: none;
        letter-spacing: .02em;
        margin: 0px 16px 20px;
    }

.listitem {
    width: calc(100% -32px);    
    background-color: #FFFFFF;
    border-radius: 5px;    
    border: 1px solid #E3E3E3;    
    overflow: hidden;
    position: relative;
    display: block;    
    margin: 10px 16px;
    list-style: none;
}

.store {
    position: relative;
    height: 90px;
    overflow: hidden;    
}

    .store div,
    .store span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        letter-spacing: 0.02em;
        font-size: 14px;
        line-height: 14px;
        font-weight: 700;
        position: absolute;
    }

    .store a {
        width: 100%;
        height: 90px;
        display: block;
        text-decoration: none;
        position: absolute;
        padding: 8px;
    }

    .store img {
        width:60px;
        height:72px;
        border-radius:2px;
    }

    .store #lblIntersection,
    .store .lblIntersection {
        width: calc(100% - 180px);
        color: #0F0F44;
        top: 10px;
        left: 81px;
    }

    .store #lblBedroom,
    .store .lblBedroom {
        width: 103px;
        color: #DB7A2E;
        top: 10px;
        right: 10px;
        text-align: right;        
    }

    .store #lblVit,
    .store .lblVit {
        width: 56px;
        color: #2D5B41;
        top: 32px;
        left: 81px;        
    }

    .store #lblSponsored,
    .store .lblSponsored {
        top: 32px;
        right: 10px;        
    }

    .store #divVideoListing,
    .store .divVideoListing {
        top: 32px;
        left: 147px;        
    }

    .store #lblDescription,
    .store .lblDescription {
        height: 28px;
        width: calc(100% - 150px);
        top: 52px;
        left: 81px;
        white-space: normal;
        font-weight: 400;
        color: #87879F;        
    }

    .store #lblPrice,
    .store .lblPrice {
        padding: 4px 5px 3px;
        height: 21px;
        top: 52px;
        right: 10px;
        background: #59D272;
        border-radius: 3px;
        color: #2D5B41;        
        line-height: 15px;
    }
    
.applist .image
{
    width: 57px;
    height: 57px;
    display: block;
    position: absolute;
    top: 7px;
    left: 11px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0 2px 3px rgb(0,0,0);
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#7c7c7c),color-stop(3%,#858585),color-stop(97%,#a4a4a4),to(#c2c2c2));
    -webkit-background-size: 57px;
}

.store .name, .applist .name
{
    font-size: 15px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    color: #000;
    max-width: 60%;
    text-overflow: ellipsis;
    font-weight: bold;
}
.store .name
{
    position: absolute;
    left: 95px;
    top: 35px;
}
.applist .name
{
    position: absolute;
    top: 27px;
    left: 80px;
    text-shadow: #eee 0 1px 0;
}
.store .comment, .list .withimage .comment, .applist .comment, .applist .price
{
    font-size: 12px;
    color: #7f7f7f;
    display: block;
    width: 60%;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.store .comment, .list .withimage .comment
{
    margin: 16px 0 0 95px;
}
.applist .comment
{
    position: absolute;
    top: 9px;
    left: 80px;
    text-shadow: #eee 0 1px 0;
    color: #3b3b3b;
}
.applist .price
{
    position: absolute;
    top: 29px;
    right: 26px;
    text-shadow: #eee 0 1px 0;
    text-align: right;
    color: #3b3b3b;
}
.store .arrow, .list .withimage .arrow
{
    top: 39px !important;
}
.store .stars0, .store .stars1, .store .stars2, .store .stars3, .store .stars4, .store .stars5
{
    position: absolute;
    top: 56px;
    left: 95px;
    width: 65px;
    height: 18px;
    display: block !important;
}
.store .stars0
{
    background: url('../images/0starsborder.png');
}
.store .stars1
{
    background: url('../images/1starsborder.png');
}
.store .stars2
{
    background: url('../images/2starsborder.png');
}
.store .stars3
{
    background: url('../images/3starsborder.png');
}
.store .stars4
{
    background: url('../images/4starsborder.png');
}
.store .stars5, .applist .stars5
{
    background: url('../images/5stars.png');
}
.applist .stars0, .applist .stars1, .applist .stars2, .applist .stars3, .applist .stars4, .applist .stars5
{
    position: absolute;
    top: 46px;
    left: 79px;
    width: 65px;
    height: 18px;
    display: block !important;
}
.applist .stars0
{
    background: url('../images/0stars.png');
}
.applist .stars1
{
    background: url('../images/1stars.png');
}
.applist .stars2
{
    background: url('../images/2stars.png');
}
.applist .stars3
{
    background: url('../images/3stars.png');
}
.applist .stars4
{
    background: url('../images/4stars.png');
}
.applist .starcomment
{
    left: 147px;
    top: 46px;
    color: #3b3b3b;
}
.starcomment
{
    position: absolute;
    left: 165px;
    top: 56px;
    font-size: 12px;
    color: #7f7f7f;
    font-weight: lighter;
}
.applist a:hover .name, .applist a:hover .starcomment, .applist a:hover .comment, .applist a:hover .price
{
    color: white;
    text-shadow: none;
}
.graytitle
{
    position: relative;
    font-weight: bold;
    font-size: 17px;
    right: 20px;
    left: 9px;
    color: #4C4C4C;
    text-shadow: #FFF 0 1px 0;
    padding: 1px 0 3px 8px;
}
.header
{
    display: block;
    font-weight: bold;
    color: rgb(73,102,145);
    font-size: 12pt;
    margin-bottom: 6px;
    line-height: 14pt;
}
.musiclist ul, .ipodlist ul, .applist ul
{
    padding: 0;
}
.ipodlist ul
{
    margin: 0;
}
.musiclist li:nth-child(odd)
{
    background: #dddee0;
}
.applist li:nth-child(even)
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#adadb0),color-stop(98%,#adadb0),to(#898a8d));
}
.applist li:nth-child(odd)
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#98989c),color-stop(98%,#98989c),to(#898a8d));
}
.ipodlist li:nth-child(even)
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#414041),color-stop(3%,rgba(45,45,45,0.2)),to(rgba(45,45,45,0.2)));
}
.ipodlist li:nth-child(odd)
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#414041),color-stop(3%,rgba(50,50,50,0.4)),to(rgba(50,50,50,0.4)));
}
.musiclist #content li, .ipodlist #content li, .applist #content li
{
    list-style: none;
    width: auto;
    position: relative;
}
.musiclist #content li
{
    height: 44px;
    border-bottom: 1px solid #e6e6e6;
}
.applist #content li
{
    height: 70px;
    margin-bottom: 1px;
}
.ipodlist #content li
{
    height: 42px;
}
.ipodlist #content
{
    background: -webkit-gradient(radial,50% -70,0,50% 0,200,from(#444),to(rgb(13,13,13)));
    top: 16px;
}
.musiclist #content li a, .ipodlist #content li a
{
    text-decoration: none;
    color: #000;
    width: 100% !important;
    height: 100%;
    display: block;
}
.applist #content li a
{
    text-decoration: none;
    color: #000;
    width: 100%;
    height: 100%;
    display: block;
}
.musiclist .number, .musiclist .name, .musiclist .time
{
    display: inline-block;
    height: 44px;
    font-weight: bold;
    font-size: large;
    width: 44px;
    text-align: center;
    line-height: 46px;
}
.musiclist .name
{
    margin-left: 0;
    width: auto !important;
    font-size: medium;
    padding-left: 5px;
    border-left: solid 1px #e6e6e6;
}
.musiclist .time
{
    color: #848484;
    font-size: medium;
    margin-left: 4px;
    width: auto !important;
    font-weight: normal;
}
.musiclist
{
    background-image: none !important;
    background-color: #cbcccf;
}
.ipodlist
{
    background-image: none !important;
    background-color: black;
}
.applist
{
    background-image: none !important;
    background-color: #98989c;
}
.ipodlist span
{
    color: white;
    font-weight: bold;
    font-size: 14px;
}
.musiclist .name
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.musiclist a:hover .name
{
    color: #0380f2;
}
.ipodlist .number
{
    width: 23px;
    display: block;
    float: left;
    height: 42px;
    margin-right: 3px;
    text-align: right;
    line-height: 43px;
}
.ipodlist .stop, .ipodlist .auto, .ipodlist .play
{
    width: 18px;
    display: block;
    float: left;
    height: 10px;
    text-align: right;
    line-height: 43px;
    margin-top: 16px;
}
.ipodlist .play
{
    background: url('../images/play.gif') no-repeat;
}
.ipodlist a:hover .auto, .ipodlist a:hover .play
{
    background: url('../images/play.gif') no-repeat;
    background-position: 0 -10px;
}
.ipodlist .time
{
    width: 48px;
    float: right;
    border-left: solid #414041 1px;
    display: block;
    height: 42px;
    text-align: center;
    line-height: 43px;
}
.ipodlist .name
{
    display: block;
    float: left;
    width: inherit;
    height: 42px;
    text-overflow: ellipsis;
    line-height: 42px;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 62%;
    border-left: solid #414041 1px;
}
.list .title
{
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#a5b1ba),color-stop(3%,#909faa),color-stop(97%,#b5bfc6),to(#989ea4));
    height: 22px !important;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-shadow: gray 0 1px 0;
    line-height: 22px;
    padding-left: 20px;
    border-bottom: none !important;
}
.list ul
{
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.list #content li
{
    height: 40px;
    border-bottom: 1px solid #e1e1e1;
    list-style: none;
}
.list
{
    background-color: #fff;
    background-image: none !important;
}
.list #footer
{
    margin-top: 24px !important;
}
.ipodlist #footer
{
    margin-top: 48px !important;
}
.list #content li a
{
    padding: 9px 0 0 20px;
    font-size: large;
    font-weight: bold;
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
    height: 32px;
}
.list #content li a .name
{
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 93%;
    white-space: nowrap;
    display: block;
}
.list #content li a:hover
{
    color: #fff;
}
.list #content
{
    margin-top: -13px !important;
}
.ipodlist #content, .musiclist #content, .applist #content
{
    margin-top: -29px !important;
}
.list ul img
{
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0;
}
.list .withimage
{
    height: 90px !important;
}
.list .withimage .name
{
    margin: 13px 0 0 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 63% !important;
    white-space: nowrap;
}
.list .withimage .comment
{
    margin: 10px auto auto 90px !important;
    max-width: 63% !important;
}
.list .withimage a, .list .withimage:hover a
{
    height: 81px !important;
}

#rightnav, #rightbutton, #bluerightbutton, #rightnavbottom {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    align-items: center;
    position: relative;    
}

#leftnavbottom, #leftnav, #leftbutton, #blueleftbutton, #leftbuttonbottom {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    align-items: center;
    margin-right: 4px;
    position: relative;
}

#leftnav, #leftnavbottom, #leftbuttonbottom, #leftbutton {
    min-width: 62.81px;
}


#centerbutton
{
    position: absolute;
    font-size: 12px;
    left: 250px;
    font-weight: bold;
}

    #leftnavbottom a,
    #leftbuttonbottom a, 
    #leftnav a,
    #rightnav a,
    #rightnavbottom a,
    #leftbutton a,
    #rightbutton a,
    #blueleftbutton a,
    #bluerightbutton a,
    #centerbutton a {
        display: block;
        color: #87879F;
        text-decoration: none;
        font-size: 14px;
        padding: 1px 5px;
        font-weight: 400;
        background: #fff;
        border: 1px solid #e3e3e3;
        border-radius: 3px;
        padding: 6px 10px 5px;
    }

.black #leftnav a:first-child, .transparent #leftnav a:first-child
{
    -webkit-border-image: url("../images/navleftblack.png") 0 5 0 13;
}
.black #leftnav a, .transparent #leftnav a
{
    -webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
}
.black #leftnavbottom a:first-child, .transparent #leftnavbottom a:first-child
{
    -webkit-border-image: url("../images/navleftblack.png") 0 5 0 13;
}
.black #leftnavbottom a, .transparent #leftnavbottom a
{
    -webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
}
.black #rightnav a:first-child, .transparent #rightnav a:first-child
{
    -webkit-border-image: url("../images/navrightblack.png") 0 13 0 5;
}
.black #rightnavbottom a:first-child, .transparent #rightnavbottom a:first-child
{
    -webkit-border-image: url("../images/navrightblack.png") 0 13 0 5;
}
.black #rightnav a, .transparent #rightnav a
{
    -webkit-border-image: url("../images/navlinkrightblack.png") 0 13 0 5;
}
.black #rightnavbottom a, .transparent #rightnavbottom a
{
    -webkit-border-image: url("../images/navlinkrightblack.png") 0 13 0 5;
}

.blackbutton {
    -webkit-border-image: url("../images/navbuttonblack.png") 0 5 0 5;
    background-color: #4D5052;
    border-radius: 5px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    line-height: 30px;
    height: 30px;
    padding: 5px 5px 5px 5px;
    color: #ffffff !important;
    text-decoration: none;
    text-shadow:none;
}
.balckleftnav
{
  -webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}


#rightbutton, .rightbutton {
    float: right;
}

#rightnav span, #leftbutton span, #leftnav span, #rightbutton span {
    font-size: 14px;
    line-height:14px;
}

#leftbutton i, #leftnav i, #rightbutton i, #rightnav i {
    display: inline-block;
    font-size: 12px;
}

#leftbutton i, #leftnav i, #rightbutton i {
    margin-right: 5px;
}

#rightnav i {    
    margin-left: 5px;
}

#divCurrentPage, .divCurrentPage {
    display: inline-block;
    width: calc(100% - 143px);
    padding: 5px 10px;
    text-align:center;
}

#blueleftbutton a, #bluerightbutton a {
    -webkit-border-image: url("../images/navbuttonblue.png") 0 5 0 5;
    border-width: 0 5px;
    -webkit-border-radius: 6px;
}
input[type="checkbox"]
{
    width: 30px;
    height: 30px;
    background: url('../images/checkbox.png');
    -webkit-appearance: none;
    border: 0;
    float: left;
    margin: 0px 0px 0 0;
}
input[type="checkbox"]:checked
{
    background: url('../images/checkbox-pressed.png');
}
/*input[type="radio"]
{
    -webkit-appearance: none;
    border: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
    margin: 0;
    -webkit-border-radius: 0;
}
input[type="radio"]:checked
{
    background: url('../images/radiobutton.png') no-repeat;
    background-position: right center;
}*/
.radiobutton .name
{
    z-index: 1;
}
/*select{-webkit-appearance:none;height:100%;width:100%;border:0}.select select{-webkit-border-radius:0;color:#000;font-weight:bold;font-size:17px}.select option{max-width:90%}.select .arrow{background:url('../images/arrow_select.png');width:25px;height:25px;display:block; position:absolute;right:0px;top:0px}*/
.button input
{
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    border: 0;
    -webkit-border-radius: 0;
    font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: none;
}
.textbox textarea
{
    padding: 0;
    margin-top: 5px;
    font-size: medium;
}
.bigfield input
{
    -webkit-appearance: none;
    border: 0;
    height: 100%;
    padding: 0;
    -webkit-border-radius: 0;
    background: transparent;
    font-weight: bold;
    font-size: 17px;
    padding-left: 5px;
}
.smallfield .name
{
    width: 48%;
    position: absolute;
    left: 0;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    line-height: 44px;  
    padding-left: 5px;
    overflow: hidden;
}
.smallfield input
{
    width: 50%;
    position: absolute;
    right: 0;
    height: 44px;
    -webkit-appearance: none;
    border: none;
    padding: 0;
    background: transparent;
    -webkit-border-radius: 0;
    font-weight: bold;
    font-size: 12px;
}
.smallfield:first-child input
{
    -webkit-border-top-right-radius: 8px;
}
.smallfield:last-child input
{
    -webkit-border-bottom-right-radius: 8px;
}

#searchMain {
    width: 100%;
    position: relative;
    min-height: calc(100vh - 135px);
    margin-top: 0px;
    height: auto;
    z-index: 0;
}


#searchMain #pageSelectLocation #form
{    
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
#searchMain #pageCurrentLocation #formCurrentLocation
{
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
#searchMain #pageBedroom #formBedroom
{
    position: absolute;
    top: 20px;
    left: 60px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

#formBedroom {
    position:static !important;
}

#resultMain {
    width: 100%;
    position: relative;
    min-height: 250px;
    margin-top: 10px;
    height: auto;
    z-index: 0;
}
#resultMain #listView #form
{
    position: absolute;
    top: 0px;
    left: 20px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
#resultMain #mapView #formMapView
{
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}



.mapport
{
    width: 380px;
    height: 200px;
    left: -50px;
    -webkit-border-radius: 15px;
    border: 0px;
}
.blueLabel
{
    color: #096bb7;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.blueLabelDark
{
    color: #096bb7;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.standardButton
{
    line-height: 30px;
    height: 30px;
    top: 7px;
    position: absolute;
    font-size: 12px;
    left: 9px;
    font-weight: bold;
    z-index: 5000;
    display: block;
    color: #fff;
    text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
    text-decoration: none;
    -webkit-border-image: url("../images/navbutton.png") 0 5 0 5;
}
.staticdiv
{
}
.AmmenitiesMapHeaderOpen
{
    width: 315px;
    height: 18px;
    background-image: url('../images/bg_AmmenitiesMap_open.gif');
    cursor: pointer;
}
.AmmenitiesMapHeaderClosed
{
    width: 315px;
    height: 18px;
    background-image: url('../images/bg_AmmenitiesMap_closed.gif');
    cursor: pointer;
}
.AmmenitiesMenuItem
{
    padding: 0px;
    margin: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000066;
}
.AmmenitiesMapContent
{
    font-size: 10px;
    color: #58589e;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    margin: 1px;
}
.AmmenitiesMenuItem_Hide
{
    display: none;
}
.blueword
{
    font-family: Arial, Helvetica, sans-serif;
    color: #58589E;
    font-size: 11px;
    text-decoration: none; /* 	letter-spacing: normal; 	word-spacing: normal; 	line-height: 0px; */
}
.BoldText_Blue
{
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000066;
}
.video_Text
{
  font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000066;  
}
.listing_price
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #095D00;
}
.Amenities_On, .Amenities_On tr td span{
    font-size: medium;
    color: #58589e;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: 400;
}

.headertitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
}

.leftarrowbutton a
{
    line-height: 24px;
    height: 24px; 
    -webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
}
.FloorPlanLink
{
    font-size: 14px;
    color: #58589e;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}


.searchFilterText
{
    font-size: 14px;
    font-weight: bold;
    color: #06107e;
}


#cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a
{
    margin: 0;
    padding: 0;
    position: relative;
}
#cssmenu:after, #cssmenu ul:after
{
    content: '';
    display: block;
    clear: both;
}
#cssmenu a
{
    color: #ffffff;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: 45px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #333333;
}
#cssmenu ul
{
    list-style: none;
}
#cssmenu > ul > li
{
    float: left;
}
#cssmenu > ul > li.active a
{
    background: #646464 url(images/grad_dark.png) repeat-x left bottom;
    background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
    background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
    background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
    background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
    background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
    box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
    -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
    -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
    filter: none;
}
#cssmenu > ul > li.active a:hover
{
    background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
    background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
    background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
    background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
    background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
    filter: none;
}
#cssmenu > ul > li a
{
    box-shadow: inset 0 0 0 1px #8a8a8a;
    -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
    -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
    background: #4a4a4a url(images/grad_dark.png) repeat-x left top;
    background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
    background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
    background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
    background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
    background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
    border-bottom: 1px solid #5d5d5d;
    border-top: 1px solid #5d5d5d;
    border-right: 1px solid #5d5d5d;
    line-height: 25px;
    padding: 0 2px;
    filter: none;
}
#cssmenu > ul > li a:hover
{
    background: #8a8a8a url(images/grad_dark.png) repeat-x left bottom;
    background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
    background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
    background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
    background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
    background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
    filter: none;
}
#cssmenu > ul > li:first-child a
{
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-left: 1px solid #5d5d5d;
}
#cssmenu > ul > li:last-child a
{
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
}
#cssmenu .has-sub:hover ul
{
    display: block;
}
#cssmenu .has-sub ul
{
    display: none;
    position: absolute;
    top: 36px;
    left: -1px;
    min-width: 100%;
    text-align: center; /* IE7 */
    width: 100%;
}
#cssmenu .has-sub ul li
{
    text-align: center;
}
#cssmenu .has-sub ul li a
{
    border-top: 0 none;
    border-left: 1px solid #5d5d5d;
    display: block;
    line-height: 120%;
    padding: 9px 5px;
    text-align: center;
}

.mylist
{
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
}
.showMore
{
    background: rgb(181,189,200); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(40,52,59,1) 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(98%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(40,52,59,1) 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(40,52,59,1) 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(40,52,59,1) 98%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(40,52,59,1) 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}
.listdevider
{
    width: 100%;
    height: 1px;
    border: 0;
    background-color: black;
    margin-top: 0px;
}
.listingTotal
{
    font-size: 11px;
}
.phoney
{
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(112,112,112)),color-stop(0.51, rgb(94,94,94)),color-stop(0.52, rgb(57,57,57)));
    background: -moz-linear-gradient(center top,rgb(112,112,112) 0%,rgb(94,94,94) 51%,rgb(57,57,57) 52%);
}

.phoneytext
{
    text-shadow: 0 -1px 0 #000;
    color: #fff;
    font-family: Helvetica Neue, Helvetica, arial;
    font-size: 18px;
    line-height: 25px;
    padding: 4px 45px 4px 15px;
    font-weight: bold;
    background: url(images/arrow_map.png) 95% 50% no-repeat;
}

.phoneytab
{
    text-shadow: 0 -1px 0 #000;
    color: #fff;
    font-family: Helvetica Neue, Helvetica, arial;
    font-size: 18px;
    background: rgb(112,112,112) !important;
}


.lisitingBackground
{
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
}

.sponsorBackground {
    box-shadow: inset 0px 0px 3px 3px #db7a2e;
}

.sponsorBackground2
{
    background: rgb(30,87,153); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjA3Y2NhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(32,124,202,1) 0%, rgba(41,137,216,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(0%,rgba(32,124,202,1)), color-stop(0%,rgba(41,137,216,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 0%,rgba(41,137,216,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 0%,rgba(41,137,216,1) 0%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 0%,rgba(41,137,216,1) 0%,rgba(125,185,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 0%,rgba(41,137,216,1) 0%,rgba(125,185,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
}

.prevLabel
{
    float: left;
    padding-left: 115px;
    padding-top: 5px;
    color: Red;
}
.nextLabel
{
    float: right;
    padding-right: 115px;
    padding-top: 5px;
    color: Red;
}
#searchbar.gray
{
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
}
.mybar
{
    width: 32px;
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    z-index: 10;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    background: gray;
    }

.bottomBar {    
    width: 32px;
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    z-index: 10;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,7d7e7d+38,0e0e0e+100 */
    background: rgb(125,126,125); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(125,126,125) 0%, rgb(125,126,125) 38%, rgb(14,14,14) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(125,126,125) 0%,rgb(125,126,125) 38%,rgb(14,14,14) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(125,126,125) 0%,rgb(125,126,125) 38%,rgb(14,14,14) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #ffffff;    
}

.bottomBanner
{
    width: 32px;
   
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    z-index: 10;
    margin-bottom: 1px;
    margin-top: 0px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    background: grey;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration:none;
    color: #ffffff; 
}
.orangeLabel
{
    color: #FF6000;
    font-weight: bold;
    font-size: 14px;
}
.greenLabel
{
    color: #095D00;
    font-weight: bold;
    font-size: 14px;
}
.purpleLabel
{
    color: #58589e;
    font-weight: bold;
    font-size: 14px;
}

.button
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px #FFFFFF inset;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 15px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

.button_big
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    border-image: none;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px #FFFFFF inset;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}
.button_small
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: -moz-linear-gradient(center top , #FAFAFA, #E0E0E0);
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px #FFFFFF inset;
    color: #555555;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 5px;
    text-decoration: none;
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

.round
{
    border-radius: 50px;
}

/* ############## Button Colors ############# */

.green
{
    border: 1px solid #cccccc /*{a-bup-border}*/;
    background: #48ae1e /*{a-bup-background-color}*/;
    font-weight: bold;
    color: #ffffff /*{a-bup-color}*/;
    -webkit-text-fill-color: white;
    opacity: 1;
    text-shadow: 0 /*{a-bup-shadow-x}*/ 0px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #368216 /*{a-bup-background-start}*/), to( #5ad925 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #368216 /*{a-bup-background-start}*/, #5ad925 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #368216 /*{a-bup-background-start}*/, #5ad925 /*{a-bup-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #368216 /*{a-bup-background-start}*/, #5ad925 /*{a-bup-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #368216 /*{a-bup-background-start}*/, #5ad925 /*{a-bup-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #368216 /*{a-bup-background-start}*/, #5ad925 /*{a-bup-background-end}*/);
}

.green:hover
{
    border: 1px solid #bbbbbb /*{a-bhover-border}*/;
    background: #48ae1e /*{a-bhover-background-color}*/;
    font-weight: bold;
    color: #ffffff /*{a-bhover-color}*/;
    text-shadow: 0 /*{a-bhover-shadow-x}*/ 0px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #327915 /*{a-bhover-background-start}*/), to( #5de227 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #327915 /*{a-bhover-background-start}*/, #5de227 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #327915 /*{a-bhover-background-start}*/, #5de227 /*{a-bhover-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #327915 /*{a-bhover-background-start}*/, #5de227 /*{a-bhover-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #327915 /*{a-bhover-background-start}*/, #5de227 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #327915 /*{a-bhover-background-start}*/, #5de227 /*{a-bhover-background-end}*/);
}

.blue
{
    border: 1px solid #cccccc /*{b-bup-border}*/;
    background: #3d6ec2 /*{b-bup-background-color}*/;
    font-weight: bold;
    color: #ffffff /*{b-bup-color}*/;
    text-shadow: 0 /*{b-bup-shadow-x}*/ 0px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #ffffff /*{b-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #244274 /*{b-bup-background-start}*/), to( #559aFF /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #244274 /*{b-bup-background-start}*/, #559aFF /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #244274 /*{b-bup-background-start}*/, #559aFF /*{b-bup-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #244274 /*{b-bup-background-start}*/, #559aFF /*{b-bup-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #244274 /*{b-bup-background-start}*/, #559aFF /*{b-bup-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #244274 /*{b-bup-background-start}*/, #559aFF /*{b-bup-background-end}*/);
}


.blue:hover
{
    border: 1px solid #bbbbbb /*{b-bhover-border}*/;
    background: #3d6ec2 /*{b-bhover-background-color}*/;
    font-weight: bold;
    color: #ffffff /*{b-bhover-color}*/;
    text-shadow: 0 /*{b-bhover-shadow-x}*/ 0px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #2a4b85 /*{b-bhover-background-start}*/), to( #4f90fe /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #2a4b85 /*{b-bhover-background-start}*/, #4f90fe /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #2a4b85 /*{b-bhover-background-start}*/, #4f90fe /*{b-bhover-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #2a4b85 /*{b-bhover-background-start}*/, #4f90fe /*{b-bhover-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #2a4b85 /*{b-bhover-background-start}*/, #4f90fe /*{b-bhover-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #2a4b85 /*{b-bhover-background-start}*/, #4f90fe /*{b-bhover-background-end}*/);
}

.red
{
    border: 1px solid #cccccc /*{c-bup-border}*/;
    background: #9f3a38 /*{c-bup-background-color}*/;
    font-weight: bold;
    color: #ffffff /*{c-bup-color}*/;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 0px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #672524 /*{c-bup-background-start}*/), to( #d64e4b /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #672524 /*{c-bup-background-start}*/, #d64e4b /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #672524 /*{c-bup-background-start}*/, #d64e4b /*{c-bup-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #672524 /*{c-bup-background-start}*/, #d64e4b /*{c-bup-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #672524 /*{c-bup-background-start}*/, #d64e4b /*{c-bup-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #672524 /*{c-bup-background-start}*/, #d64e4b /*{c-bup-background-end}*/);
}

.red:hover
{
    border: 1px solid #bbbbbb /*{c-bhover-border}*/;
    background: #9f3a38 /*{c-bhover-background-color}*/;
    font-weight: bold;
    color: #ffffff /*{c-bhover-color}*/;
    text-shadow: 0 /*{c-bhover-shadow-x}*/ 0px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #752a29 /*{c-bhover-background-start}*/), to( #c84946 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #752a29 /*{c-bhover-background-start}*/, #c84946 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #752a29 /*{c-bhover-background-start}*/, #c84946 /*{c-bhover-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #752a29 /*{c-bhover-background-start}*/, #c84946 /*{c-bhover-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #752a29 /*{c-bhover-background-start}*/, #c84946 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #752a29 /*{c-bhover-background-start}*/, #c84946 /*{c-bhover-background-end}*/);
}

.grey
{
    border: 1px solid #cccccc /*{d-bup-border}*/;
    background: #dfdddd /*{d-bup-background-color}*/;
    font-weight: bold;
    color: #000000 /*{d-bup-color}*/;
    text-shadow: 0 /*{d-bup-shadow-x}*/ 0px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #ffffff /*{d-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #858484 /*{d-bup-background-start}*/), to( #FFFFFF /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #858484 /*{d-bup-background-start}*/, #FFFFFF /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #858484 /*{d-bup-background-start}*/, #FFFFFF /*{d-bup-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #858484 /*{d-bup-background-start}*/, #FFFFFF /*{d-bup-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #858484 /*{d-bup-background-start}*/, #FFFFFF /*{d-bup-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #858484 /*{d-bup-background-start}*/, #FFFFFF /*{d-bup-background-end}*/);
}

.grey:hover
{
    border: 1px solid #bbbbbb /*{d-bhover-border}*/;
    background: #dfdddd /*{d-bhover-background-color}*/;
    font-weight: bold;
    color: #000000 /*{d-bhover-color}*/;
    text-shadow: 0 /*{d-bhover-shadow-x}*/ 0px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #ffffff /*{d-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #b0aeae /*{d-bhover-background-start}*/), to( #FFFFFF /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #b0aeae /*{d-bhover-background-start}*/, #FFFFFF /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #b0aeae /*{d-bhover-background-start}*/, #FFFFFF /*{d-bhover-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #b0aeae /*{d-bhover-background-start}*/, #FFFFFF /*{d-bhover-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #b0aeae /*{d-bhover-background-start}*/, #FFFFFF /*{d-bhover-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #b0aeae /*{d-bhover-background-start}*/, #FFFFFF /*{d-bhover-background-end}*/);
}

.darkgray {
	border: 1px solid #cccccc /*{a-bup-border}*/;
	background: #636363 /*{a-bup-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 0px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #3b3b3b /*{a-bup-background-start}*/), to( #8a8a8a /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #3b3b3b /*{a-bup-background-start}*/, #8a8a8a /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #3b3b3b /*{a-bup-background-start}*/, #8a8a8a /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #3b3b3b /*{a-bup-background-start}*/, #8a8a8a /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #3b3b3b /*{a-bup-background-start}*/, #8a8a8a /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #3b3b3b /*{a-bup-background-start}*/, #8a8a8a /*{a-bup-background-end}*/);
}
 
.darkgray:hover {
	border: 1px solid #bbbbbb /*{a-bhover-border}*/;
	background: #636363 /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 0px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #4f4f4f /*{a-bhover-background-start}*/), to( #767676 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #4f4f4f /*{a-bhover-background-start}*/, #767676 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #4f4f4f /*{a-bhover-background-start}*/, #767676 /*{a-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #4f4f4f /*{a-bhover-background-start}*/, #767676 /*{a-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #4f4f4f /*{a-bhover-background-start}*/, #767676 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #4f4f4f /*{a-bhover-background-start}*/, #767676 /*{a-bhover-background-end}*/);
}


.pageNumber
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: l0px;
    font-weight: bold;
    color: #ffffff;
}
.headerBar
{
   background-color: #000066; 
   height: 43px; 
   margin:0px 0px 15px 0px; 
   padding:2px 0px 0px 0px; 
}
.footerBar {
    border-top: 1px solid #E3E3E3;
    background-color: #FFFFFF;
    height: 60px;
    width: 100%;
    display: block;
    padding: 22px 16px 24px;
}

    .footerBar span,
    .footerBar a {
        font-size: 14px;
        line-height: 14px;
        font-weight: 400;
        color: #87879F;
        position:absolute;
    }

    .footerBar a,
    .footerBar a:hover {
        text-decoration: underline;
    }

    .footerBar #FullSite {
        right: 116px;            
    }

    .footerBar #ContactUs {
        width: 70px;
        right: 16px;        
    }

.BannerWrapper {
    background-color: #0f0f44;
    width: 100%;
    overflow: hidden;
    padding: 5px 0 0;
    height: 60px;
}

.contactbackground
{
    background-color: #C5C8C9;

}
.myleftnav
{
   -webkit-border-image: url("../images/navlinkleftblack.png") 0 5 0 13;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff; 
    text-decoration:none;
    line-height: 30px;
        height: 30px;
}

.headerBG
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
    padding:3px 3px 3px 3px;
     
   background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
   
}

.contactLabel
{
   font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
       
}
select::-ms-expand{
    display:none;
}

.leaflet-popup{
    border-radius: 4px;    
}

.leaflet-popup-close-button {
    color: rgb(83, 74, 146) !important;
    background: white !important;
    padding: 0 !important;
    border: 1px solid #534a92 !important;
    border-top-right-radius: 5px;
}

.leaflet-popup-pane table    
{
    line-height:initial;
}

.noContextM, .fancybox-content {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.noContextM > a {     
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;    
}

.fancybox-thumbs {
    top: auto !important;
    width: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 95px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    background: rgba(0, 0, 0, 0.3) !important;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 0 !important;
    bottom: 95px !important;
}

.noAfter:after {
    content: none !important;
}

.fancybox-image,
.fancybox-thumbs > ul > li {
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}


.fancybox-video {
    width: 100% !important;
    height: 100% !important;
}

/*.mejs__mediaelement {
    position:relative !important;
    height:auto;
}*/

.fancybox-slide--video .fancybox-content {
    background: transparent !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    height: 100%;
    width: 100%;
}


.fancybox-content-portrait {
    transform: none !important;
    padding-top: 75% !important;
    width: 100% !important;
    height: auto !important;    
}

.fancybox-content-portrait img {
    top:75% !important;
}


.fancybox-content-landscape {
    transform: none !important;
    padding-left: 75% !important;
    width: auto !important;
    height: 100% !important;
}

.fancybox-content-landscape img {
    left: 18% !important;
}

.noDisplay {
    display:none !important;
}

.txtSearch {
    Height: 25px;
    Width: 280px;
    padding-left:5px; 
    font-size: 14px;
}

.smartSearch-menu {
    background: white;
    border-width: 0 2px 2px;
    border-style: ridge;
    border-color: initial;
    border-image: initial;
    top: -3px;
    width: 285px;
}

.marker {
    background-image: url(../images/icons8-marker-26.png);
    background-repeat: round;
    height: 10px;
    width: 10px;
    display: inline-block;
}


#googleImg {
    text-align:right;
}

#GeoResults {
    max-width: 285px;
}

#linkCity,
#lnkAddress {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*color: black;
    font-weight: 500;*/
}

#linkCity, #lnkAddress, #linkCompany {
    display: inline-flex;
    padding: 6px;
    text-decoration: none;
}

    #linkCity:not(.linkButton-darkestGray) #CityName
    {
        color: black;
        font-weight: 500;
    }

    #linkCity #Province, #lnkAddress #secondaryText {
        font-size: smaller;
        color: gray;
    }

.leanSearch-suggestion-isActive {
    background-color: lightcyan;
}

.lefNav1 {
    left:60px !important;
}

.imgExt {
    height: 67px;
    width: 76px;   
}

.ellipsis {    
    overflow: hidden;
    text-overflow: ellipsis;
}


.cityLinks 
{
    margin-bottom: 15px;
    border-spacing: 15px 20px;    
}

.DivMax {
    background-color: #ececec;
}

.DivMax a {
    display: block;
    margin:15px;
}

.cityLinks td,
.DivMax a, 
.button-Green{
    padding: 7px 5px;
    text-align: center;
    font-size: large;
    background-color: #43a31c;
    background-image: linear-gradient(rgb(47, 104, 22), #6cdc3d);
    border-radius: 10px;
    border: 0.5px solid #cccccc;
    box-shadow: 0px 2px 3px 0px #888888;
}

.cityLinks tr:first-child td:first-child {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    padding: 0px;    
    border-spacing: 0px;
    border: none;
    font-size: inherit;    
}

.cityLinks a,
.DivMax a, 
.button-Green{
    color: white;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: color .3s ease;
    background-color: transparent;
    list-style: none;
    white-space:nowrap;
}

.cityTitle {
    margin-bottom: 10px;
    padding: 5px;
    font-weight:400;
}

.cityiFrame {
    margin-bottom: 10px;
}

.cityDescriptionTitle {
    font-weight: bold;
    color: black;
    font-size: 14pt;
    margin: auto;
}

.cityDescription {
    padding: 15px;
    color: gray;
    font-size: 15px;        
}

.divFV {
    margin:10px;    
}
input[type=radio] {
    border: 0px;
    width: 1.5em;
    height: 1.5em;
}
.radio {
    white-space:nowrap;  
    margin: 2px 10px 2px 0;
}
    .radio input {
        margin: 0 5px 0 0;
        vertical-align: middle;
    }

.askUsTitle {
    font-family: helvetica,sans-serif;
    padding: 0 5px;
}

.originalFont {
    font-family: helvetica,sans-serif !important;
}

.fancybox-slide--video {
    padding:44px 20px 20px 20px !important;
    overflow:hidden;
}

    



.mejs__overlay-button {
    display: none !important;
}

.navyLabel {
    color: #0d1f45;
    font-weight: bold;
    font-size: 14px;
}

/* Share button Start */
.btnShareContainer {
    background: #ecedee;
    font-weight:400;
}

.share-button {
    position: inherit;
    height: 46px;
    width: 152px;
    background: transparent;
    border-radius: 5px;
    overflow: hidden;
    line-height: 36px;
    user-select: none;
    border-color: #fff;
    border:0;
    margin: 10px;
}

.share-button:hover{
    background-color: transparent !Important;
    border-color: transparent !Important;
}

/*----- FIX overflow + transform + border-radius ---*/
    .share-button:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        box-sizing: content-box;
        transform: translate(0, 0);
        border-radius: 50px;
        z-index: 3;
        pointer-events: none;
        border-color: #fff;
        margin: 10px;
    }

.lid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    color: #56567c;
    transition: 300ms ease all;
    transform-origin: 0 0;
    cursor: default;
    z-index: 4;
}

    .lid:hover {
        color: #7F7FDF;
        cursor: pointer;
    }

.open .lid {
    transform: rotateX(90deg);
}

.thank-you {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    color: #56567c;
    transition: 300ms ease all;
}

.thankyou .thank-you {
    position: absolute;
    top: 0px;
}

.share-item {
    display: block;
    color: #ffffff !important;
    background: #7f7fdf;
    text-decoration: none;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    float: left;
    margin-left: 5px;
    box-shadow: 1px 1px 0 rgba(86, 86, 124, 0.28);
    transition: 500ms ease all;
}

    .share-item span {
        margin-top: 13px;
    }

    .share-item:active {
        background: #59D272;
        transition: 50ms ease all;
    }

    .share-item:nth-child(1) {
        transform: translateX(200px) rotate(180deg);
    }

    .share-item:nth-child(2) {
        transform: translateX(400px) rotate(200deg);
    }

    .share-item:nth-child(3) {
        transform: translateX(580px) rotate(220deg);
    }

    .share-item:nth-child(4) {
        transform: translateX(740px) rotate(240deg);
    }

    .share-item:nth-child(5) {
        transform: translateX(880px) rotate(260deg);
    }

    .share-item:nth-child(6) {
        transform: translateX(1000px) rotate(280deg);
    }

.open .share-item {
    transform: translateX(0) rotate(0);
    margin-left: 8px;
}

.share-items {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 3px 0;
    width: 201px;
}

.share-items-wrapper {
    position: absolute;
    top: 0;
    left: 65px !important;
    height: 100%;
    width: 267px;
    margin-left: -133.5px;
}

.shared .share-item {
    transform: translateY(200px);
}

    .shared .share-item:nth-child(1) {
        transition: 200ms cubic-bezier(0.32, -0.22, 0.9, 0.93) all;
    }

    .shared .share-item:nth-child(2) {
        transition: 600ms cubic-bezier(0.32, -0.22, 0.9, 0.93) all;
    }

    .shared .share-item:nth-child(3) {
        transition: 1000ms cubic-bezier(0.32, -0.22, 0.9, 0.93) all;
    }

    .shared .share-item:nth-child(4) {
        transition: 1400ms cubic-bezier(0.32, -0.22, 0.9, 0.93) all;
    }

    .shared .share-item:nth-child(5) {
        transition: 1800ms cubic-bezier(0.32, -0.22, 0.9, 0.93) all;
    }

    .shared .share-item:nth-child(6) {
        transition: 2200ms cubic-bezier(0.32, -0.22, 0.9, 0.93) all;
    }


.btnShare {
    width: 100px;
    text-align: left;
}

    .btnShare i {
        margin: 3px;
    }

        .btnShare i span {
            position: absolute;
        }

.share-items-wrapper {
    margin-left: -131px !important;
}
/* Share button End  */

.imgMain {
    height:129px;
    width:172px;
}

#divCityLinks a {
    font-weight: 400;    
    cursor: pointer;    
    font-size: 15px;
    line-height: 15px;
    height: 15px;
}

#divCityLinks div {
    margin: 0 0 20px;
}
.imgCityPage {
    position: relative;
    top: -5px;
}

.AddListingBtn {
    width: auto !important;
    padding:0 5px !important;
}

.BookmarksTitle {
    right: unset !important;
    left: 16px !important;
}

.btnLogin {
    float: right !important;
    font-size: 14px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none !important;
    text-shadow: 0 -1px 0 #333333 !important;
    color: white !important;
    border: 1px solid #5d5d5d;
    border-radius: 5px;
    line-height: 28px !important;
    padding: 0 20px;
    margin-right: 15px;
    margin-top: 1px;
    filter: none;
    width: auto !important;
    display: inline-block !important;
}

.addListing-row {
    padding-top: .25rem !important;
    margin-bottom: .5rem !important;
}

.addListing-col-1 {
    padding-right: 5px !important;
}

.addListing-col-2 {
    padding-left: 5px !important;
}

.checkbox-inline {
    font-size: 11pt !important;
    line-height: 28px !important;
}

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    radio-inline label, .checkbox-inline label {
        margin-bottom: 0;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
    }

    .checkbox label input:checked ~ .checkbox-custom, .checkbox-inline label input:checked ~ .checkbox-custom {
        background: #7f7fdf;
        border-color: #7f7fdf;
    }

    .radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom {
        position: absolute;
        margin-left: -29px;
        margin-top: 2px;
    }

    .checkbox input, .checkbox-inline input, .radio input, .radio-inline input {
        z-index: -1;
        opacity: 0;
    }

    .checkbox label input:checked ~ .checkbox-custom .s-checkbox-check, .checkbox-inline label input:checked ~ .checkbox-custom .s-checkbox-check {
        opacity: 1;
        visibility: visible;
        transform: rotate(0) scale(1.5);
        margin-left: 5px;
        margin-top: 5px;
    }

.s-checkbox-check {
    background-position: 0 -176px !important;
    height: 15px;
    width: 15px;
}


.checkbox-custom {
    display: inline-block;
    height: 25px;
    width: 25px;
    border: 2px solid #9f9fb2;
    border-radius: 3px;
    transition: background .3s ease,border-color .3s ease;
}


.addListing-headTitle {
    padding-left:15px;
    
}

.addListing-headLabel {
    font-size: 14px;
    font-weight: 700;
}


.addListing-form-footerSubmitLabel {
    font-weight: 700;
    color: red;
    font-size: larger;
}

.btn-xm {
    height: 39px;
    padding: 0 17px;
    line-height: 39px;
    font-size: 12px;
    font-weight: 700;
}

.alert {
    position: absolute;
    opacity: 1;
    transition: opacity 0.6s;
    z-index: 100;
    display: none;    
    font-size: x-large;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(15, 15, 68, 0.05);
    width: 100% !important;        
    text-align: center;        
}

    .alert span {
        font-size: large;
    }

    .alert .closebtn {
        float: right;
        padding:0 10px;
        font-size: x-large;
        cursor: pointer;
    }

.alert-error {
    color: white;
    background-color: #f44336;
    border-color: #ebccd1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-Active {
    position: fixed !important;
    top: 10px;
    left:0px !important;
    display: block;    
}

.alert-Fade {
    -webkit-transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -ms-transition: opacity 3s ease-in-out;
    -o-transition: opacity 3s ease-in-out;
    opacity: 0.1;
}

.header-nav {
    position: sticky;
    position: -webkit-sticky;
    top: 0; /* required */
    z-index:10;
}


.iMoneris {
    height: 750px;
}

.lnkImg {
    padding: 5px 10px 5px 10px;
    white-space: nowrap;
}

.container {
    position: relative;
    max-width: 980px;
    padding: 0;
    margin: 0 auto;
}

.hero-heading {
    text-align: center;
    margin: 0 0 51px;
}

h1.hero-heading {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #0f0f44;    
    margin: 30px 16px 10px 16px; 
}

h2.hero-heading {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #87879F;    
    margin: 0px 16px 30px 16px;
}


    .h4 {
        font-size: 21px;
        font-weight: 400;
    }

.h5 {
    font-size: 16px;
    font-weight: 600;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.lblTotalListings {
    position: relative;
    display: block;
    top: 5px;
    padding: 1px 10px;
    font-size: 15px;
    white-space: nowrap;
    font-weight: 500;
    background-color: rgba(33, 150, 243, .6);
    width: 100vw;
}

.contentContainer {
    font-size: 14px;
}
.contentContainer a {
    text-decoration: none;
}



.leaflet-control-container .leaflet-control-attribution {
    font-size: 12px;
}

#pnlLogIn input{
    font-size: 15px;
}

.store .purpleLabel, .store .orangeLabel {
    white-space: nowrap;
}

.line-clamp {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important;
}

    .line-clamp:after {
        content: '...';
        text-align: right;
        bottom: 0;
        right: 0;
        width: 25%;
        display: block;
        position: absolute;
        height: calc(1em * 1.2);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
    }

@supports (-webkit-line-clamp: 1) {
    .line-clamp:after {
        display: none !important;
    }
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    height: calc(1em * 1.2 * 2);
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    height: calc(1em * 1.2 * 4);
}

.card-body {
    padding: 0.5rem;    
    font-weight: normal;
}

.img-similarlisting {    
    height: 220px;
}

@media only screen and (max-device-width: 480px) {
    .img-similarlisting {
        height: 120px!important;
    }
}

.header-top {    
    min-height: 46px;
    background: #0f0f44;
    height: 46px;
}

.header-logo {
    float: left;
    margin-left: -2px;
}

.logo {
    display: block;
    height: 30px;
    width: 120px;
    background: url(/mobile/images/logoM.gif) no-repeat;
    background-size: 120px 30px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    margin: 8px 0;
}

.header-nav {
    padding: 5px 0;
    border-bottom: solid 1px #e3e3e3;
}

.header-nav-main {
    float: left;
}

.header-nav-users {
    float: right;
}

    .header-nav-users button {
        padding: 7px;
        font-size: 13px;
        line-height: 1.4;
    }

/*.header-nav li a:first-child {
    padding-top: 8px;
}*/

.header-nav a {
    border-radius: 5px;
    padding: 0 8px;
    transition: background-color .3s ease,color .3s ease;
    float: left;
    margin-left: 32px;
    font-size: 13px;
    font-weight: 400;    
    text-decoration: none;
    background-color: transparent;
}   

    .header-nav-main a:hover,
    .header-nav-users a:hover,
    .header-nav-users button:hover {
        background-color: #fce7d9;
        color: #473632 !important;
        border-radius: 5px;
        text-decoration: none;
    }

.header-nav-main a:focus {
    color: #87879f !important;
    overflow: hidden;
}

.dropLink-darkestGray {
    color: #87879f;
}

.dropLink-bold {
    font-weight: 700;
}

.dropLink-12px > i {
    margin-left: 2px;
    top: -1px;
}

.dropLink > i {
    position: relative;
    display: inline-block;
}

.col-md-3, .col-md-6, .col-md-9, .col-md-12, .col-md-4, .col-md-8, .col-md-5, .col-md-7 {
    float: left;
    display: inline;
    padding: 0 20px;
}

.container:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a {
    text-decoration: none;
    color: #7f7fdf;
    transition: color .3s ease;
}
button:focus {
    outline: unset !important;
}

.header-nav a, .header-nav button {
    font-size: 15px;
    margin-left: 0;
    margin-right: 10px;
}

#nvMain {    
    padding: 0;
    background: white;
    display:block;
}

#nvMain #collapsibleNavbar {
    padding: 0px 16px;
    border-bottom: 3px solid lightgray;
}


    .dropdown-menu {
        border: unset;
    }
.bgTop {
    width: 100%;
    height: 240px;
    background-color: #F6F6F6;
    position:absolute;
    left: 0px;
    top: 0px;
}
.btn-primary,
.btn-primary.active,
.btn-primary:active,
.btn-primary.disabled, 
.btn-primary:disabled,
.show > .btn-primary.dropdown-toggle {
    background: #efb160;
    color: #483632;
    border-color: transparent;
}

.btn-primary:hover, .btn-primary:focus {
    background: #ef9f60;
}
.btn:hover, 
.btn:focus, 
.btn.focus {
    text-decoration: none;
}
.btn:focus, 
.btn.focus, 
.btn:active:focus, 
.btn:active.focus, 
.btn.active:focus, 
.btn.active.focus {
    outline: 0 !important;
}

.btn-100 {
    width: calc(100% - 32px);
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    letter-spacing: 0.02em;
    flex: none;
    order: 0;
    flex-grow: 0;
    padding: 12px 28px;
    margin: 16px 16px 10px;
}
.text3 {
    width: calc(100% - 32px);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #87879F;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    padding: 0;
    margin: 0px 16px;
}

.viewMapFrame {
    display: block;
    position:relative;
    width: 50%;
    background: #FFF8EF;
    border: 1px solid #EFB160;
    border-radius: 5px;
    margin: 20px auto 10px;
    padding: 19px;
}

.viewMapFrame span {        
    font-size: 14px;
    line-height: 23px;
    font-weight: 700;
    color: #483632; 
    vertical-align:bottom;
    height:30px;
    display:inline-block;
}

.s-iconize {
    border-radius: 50%;
}

.s-listingData-GMaps {
    transition: transform .3s ease;
    background-position: 0 -214px !important;
    height: 30px;
    width: 30px;
    display:inline-block !important;
}

.s-cardCTA-arrow {
    position: absolute;
    top: 50%;
    right: 19px;
    margin-top: -8px;
    transition: transform .3s ease;
}

.s-cardCTA-arrow {
    background-position: 0 -332px !important;
    height: 16px;
    width: 10px;
}

.noUi-horizontal .noUi-handle,
.noUi-tooltip:after,
.dropdown-menu:before,
.selectize-control.single
.selectize-input:after,
.selectize-control.multi
.selectize-input:after,
.sprite {
    display: block;
    background: url(../images/sprite.svg) no-repeat;
    background-size: 220px 820px;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top:20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}


a:hover {    
    text-decoration: none;
}

.MainCitiesTitle hr {
    margin: 30px 16px;
}

.MainCitiesTitle h1 {
    margin-bottom: 10px;
}

.MainCitiesTitle h2 {
    line-height: 20px;
}

.MainCitiesLinks {
    padding: 30px 16px 20px;
}

    .MainCitiesLinks a {
        width: calc(50% - 6px);
        height: 42px;
        display: inline-block;
        padding: 12px;
        margin: 0 0 10px;
        border: 1px solid #e3e3e3;
        border-radius: 5px;
        background: #f6f6f6;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        color: #87879f;
        white-space: nowrap;
        position: relative;
        text-decoration:underline;
    }

        .MainCitiesLinks a:hover {
            color: rgba(127,127,223,1);
            font-weight:600;
        }

        .MainCitiesLinks a:nth-child(odd) {
            margin-right: 5px;
        }

        .MainCitiesLinks a span {
            width: calc(100% - 5px);
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .MainCitiesLinks a i {
            position: absolute;
            right: 10px;
            top: 15px;
        }

.s-arrowLink-13px-darkestGray {
    background-position: 0 -350px;
    height: 9px;
    width: 6px; 
}

.s-arrowLink-13px-darkestGray-bold {
    background-position: -8px -362px;
    height: 9px;
    width: 6px;
    margin-top: 5px;
    margin-left: 5px;
}

.link {
    text-decoration: underline;
    cursor: pointer;
}

.link-purple {
    color: #7F7FDF;
}

.link-blue {
    color: #007bff;
}

.link-bold {
    font-weight: 700;
}

@media (min-width: 576px) {
    .navbar-expand-sm .navbar-collapse {
        display: block !important;        
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: column;
         flex-direction: column; 
    }

    .collapse:not(.show) {
        display: none !important;
    }
}


.s-searchIcon-sm-darkGray {
    background-position: -44px -190px;
    height: 16px;
    width: 16px;    
}

.unstyled {
    list-style: none;
    border: 0 none;
    padding: 0;
    background: none;
    outline: 0 none;
    margin: 0;
}

.mt-8px {
    margin-top: 8px !important;
}

.mobileWebBanner {
    width: 100%;
    overflow: hidden;
    min-height: 50px;
    background-color: white;
    border-top: 1px solid #e3e3e3;
}

.bg-transparent {
    background-color:transparent!important;
}

.horizontalbarBottom {
    border-bottom: unset;
    border-top: 1px solid #e3e3e3;
}

.CompanyListingsTitle {
    width: calc(100vw - 30px);    
    margin: 0 15px;
}


.selectize-control.multi .selectize-input:after, .s-selectArrow {
    background-position: 0 -756px !important;
    height: 8px;
    width: 10px;
}

.selectize-control.multi .selectize-input:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
    transition: transform 0.3s ease;
}

.selectize-control.multi .selectize-input.dropdown-active::after {
    transform:rotate(180deg);
}

.footerPre {
    height: 60px;
    background: #f6f6f6;
    border-bottom: 3px solid #d3d3d3;
}

footer.footer {
    border-top: 1px solid #e3e3e3;
    padding: 15px 0;
    background-color: #f6f6f6;
    background-image: linear-gradient(#fff,#f6f6f6);
}


.footer-inner .header-logo {
    display: block;
    height: 30px;
    width: 110px;
    background-color: #0f0f44;
    border-radius: 3px 3px 0 0;
    float: unset;
    margin: 0;
}

.footer-inner .logo {
    background-size: 97px 24px;
    background-position: 5px;
    margin:0;
}

.footer-inner .footer-legal {
    padding: 10px 10px 15px;
    width: 100%;
    color: #9f9fb2;
    font-weight: 600;
    background: #f6f6f6;    
}

.footer-inner .social-media img {
    height: 30px;
    width: 30px;
    margin: 0 5px;
}

/*.footer-inner div.col-12:not(:first-child) {
    margin-top: 10px;
}*/

.footer-inner div.col-12:not(:first-child) h6 {
    color: #87879f;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin: 0;
}

.footer-inner div.col-12:not(:first-child) a {
    display: inline-block;
    color: #87879f;
    line-height: 14px;
    padding: 0 5px;        
    white-space: nowrap;
}

.listingDatails,
.listingDatails-description {
    width: calc(100% - 32px);
    margin: auto;
}

.BViT_Listings {
    min-height: unset !important;
    padding-bottom: 5px !important;
}

.w-20 {
    width: 20% !important;
}

.w-100-100 {
    width: calc(100% - 100px) !important;
}

.btnSave_Saved {
    color: #f96584 !important;
}

.smartSearch .s-searchIcon-md-darkGray {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
}

.s-searchIcon-md-darkGray {
    background-position: -24px -190px;
    height: 17px;
    width: 17px;
}

.smartSearch {
    position: relative;
}

.smartSearch-md .lean-control {
    padding: 5px 10px 5px 38px;
    height: 38px;
    box-shadow: 0 1px 1px 1px #e3e3e3;
}

    .smartSearch-md .lean-control::placeholder {
        font-size:1rem;
    }

    .smartSearch-md .smartSearch-menu {
        padding: 16px;
    }

.smartSearch-menu {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0 , .20), 0 8px 24px 0 rgba(0, 0, 0, .08);
    padding: 0 10px;
}

.smartSearch-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;    
    border-top: 1px solid #ecedee;
    background: #fff;
    border-radius: 0 0 5px 5px;
}

.smartSearch-group #imgSearch {
    position: absolute;
    top: 5px;
    left: 5px;
}

.smartSearch-explore {
    padding: 0px 0 10px;
}

.smartSearch-explore h6,
.smartSearch-ViT-Container h6 {
    margin: 0 0 10px !important;
    font-size: 13px;
    color: #0f0f44;
    font-weight: 700;
    text-align:left;
}

.smartSearch-ViT {
    display: block;
    position: relative;
    padding: 0 10px 0 43px;
    height: 46px;
    color: #87879f;
    overflow:hidden;
    margin-bottom:10px;
}

.smartSearch-ViT .ViT {
    padding-right: 10px;
    font-weight: 600;
    float: left;
    color: #0f0f44;
}

.VitMenu a, .VitMenu .smartSearch-ViT {
    transition: background-color .3s ease,color .3s ease;
}

.smartSearch-ViT .listingThumb {
    position: absolute;
    top: 0;
    left: 0;
}

.listingThumb-36px {
    height: 36px;
    width: 36px;   
}

.listingThumb {
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-color: #f6f6f6;
    border-radius: 5px;
}

.smartSearch-md .smartSearch-ViT-name {
    font-size: 14px;
    float: left;
    color: #0f0f44;
    text-align:left;
    white-space:nowrap;

}

.smartSearch-ViT-name span {
    position: relative;    
    font-size: 13px;
    color: #87879f;
}


.smartSearch-list {
    overflow: hidden;
}

.smartSearch-explore .smartSearch-list {
    max-height: 37px;
}

.smartSearch-explore .smartSearch-list .linkButton:first-child {
    margin: 0;
}

.smartSearch-explore .smartSearch-list .linkButton {
    float: left;
    margin-left: 16px;
}


.linkButton-darkestGray {
    color: #87879f;
}

.linkButton-13px {
    font-size: 13px;
    padding: 7px 12px 8px 14px;
}

.linkButton {
    display: inline-block;
    font-weight: 700;
    border: 2px solid #f6f6f6;
    border-radius: 5px;
}

.GeoResults div h5,
.Cities div h5 {
    color: #87879f;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    text-align: left;
    display: inline-block;
}

    .GeoResults div h5 i,
    .Cities div h5 i {
        font-size: large;
    }

    .GeoResults div h5 #description
    {
        font-size: 14px;
        font-weight: 500;
        width: calc(100vw - 150px);
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .GeoResults div h5 .mainText,
    .Cities div h5 .CityName {
        font-size: 14px;
        font-weight: 500;
    }

    .GeoResults div h5 .secondaryText {
        font-size: 13px;
        font-style: italic;
    }

.smartSearch-GeoResults #lnkAddress,
.GeoResults #lnkAddress,
.Cities .linkCity {
    width: 100%
}

.smartSearch input::placeholder {
    font-size: 17px;
}

.smartSearch a:hover {
    color: #87879f;
    font-weight:700;
}



.form-control:focus {
    border-color: #efb160;
    box-shadow: 0 0 0 0.2rem #ffc107;
}

.form-control::selection {
    background-color: lightgray;
}
.form-control::-moz-selection {
    background-color: lightgray;
}
.leanSearch-suggestion-isActive 
{
    background-color: lightgray;
}

.infoBubble .contentContainer #divCarousel {
    width: 70%;
    padding: 5px;
}

.infoBubble .contentContainer #divCarousel .carousel-inner {
    border-radius: 10px 0 0 10px;
    height: 185px;
}

.infoBubble .contentContainer #divRight {
    position:absolute;
    top:0;
    right:0;
    width:30%;
    padding:5px;    
}

.infoBubble .contentContainer #divSee,
.infoBubble .contentContainer #divLike {
    padding: 3px 0 0;
    display: inline-block;
    width: 100%;
}

.infoBubble .contentContainer #divSee .btn
 {
    font-size: 12px;
    border-radius: 50%;
    padding: 3px 6px;    
    margin: 3px;
    color: gray;
    background-color: rgba(211, 211, 211, 0.3);
}

    .infoBubble .contentContainer #divLike a {
        display: block;
        color: #87879f;
        text-decoration: none;
        font-size: 14px;        
        font-weight: 400;
        background: #fff;                
        padding: 6px;
        text-align:left;
    }

    .infoBubble .contentContainer #divLike a i {
        margin-right: 5px;
        display: inline-block;
        font-size: 12px;
    }

        .infoBubble .contentContainer #divLike a span {
            font-size: 14px;
            line-height: 14px;
        }

    .infoBubble .contentContainer #divLike a.btn-saved {
        color: #f96584 !important;
    }

.infoBubble .contentContainer #divPrice {
    height: 70px;
}

.infoBubble .contentContainer a #lblPrice{
    width: 100%;
    color: #41b76c;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
}

.infoBubble .contentContainer a #lblSeeVit {
    width: auto !important;
    padding: 0 !important;
    vertical-align: middle;
    text-align: right;
    font-weight:600;
}

.infoBubble .contentContainer a #lblSeeVit,
.infoBubble .contentContainer a #lbStartFrom,
.infoBubble .contentContainer a #lblUtilities {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #87879f;
    width: 100%;
    padding-bottom: 3px;
}

.infoBubble .contentContainer #divContact {
    padding: 8px 5px 0;
}

    .infoBubble .contentContainer #divContact a {
        color: #483632;
    }

    .infoBubble .contentContainer #divContact #lnkEmail {
        float:left;
    }

    .infoBubble .contentContainer #divContact #lnkPhone {
        float: right;
    }

.infoBubble .contentContainer #divFooter {
    padding:5px 5px 0;
}

.infoBubble .contentContainer #divFooter a {
    width:100%;
    display:inline-block;
}

.infoBubble .contentContainer #divFooter span {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #7f7fdf;
}

    .infoBubble .contentContainer #divFooter table {
        table-layout:fixed;
        width:100%
    }

        .infoBubble .contentContainer #divFooter table td {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 0;
        }

    .infoBubble .contentContainer #divFooter #divAddress {        
        width: 50%
    }

    .infoBubble .contentContainer #divFooter #lblAddress {
        width: 78%;
    }

    .infoBubble .contentContainer #divFooter #divBath {
        width:24%;
    }

    .infoBubble .contentContainer #divFooter table #BedIcon,
    .infoBubble .contentContainer #divFooter table #BathIcon {
        display: inline-block;
        margin: -3px 5px 0 0;
    }

.s-listingDetails-location {
    background-position: -20px 0;
    height: 18px;
    width: 18px;
    background-color: #7f7fdf;
    display: inline-block;
}


.fa-iconize {
    background-color: #7f7fdf;
    float: left;
    margin: 1px 8px 0 0;
    color: #fff;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    padding: 4.5px 4px;
    font-size: x-small;
}

.fa-iconize.fa-bed {
    padding: 4.5px 3px;
}

.btn-advancedSearch {
    white-space: nowrap;
    padding: 15px 12px;
    overflow: hidden;
}

#collapsibleNavbar ul .nav-item a {
    text-decoration: underline;    
}

#collapsibleNavbar ul .nav-item a:active,
#collapsibleNavbar ul .nav-item a:hover {
    color: rgba(127, 127, 223, 1) !important;
    font-weight:600;
}

.navbar-light .navbar-nav .nav-link,
.dropdown-item {
    color: gray;
}

.proximitii-location-marker .leaflet-popup-close-button {
    border:none !important; 
}

.inboxMailContent-phone .lblphone {
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    cursor: pointer; 
}

.form-control.no-validate:valid,
.form-control.no-validate:invalid,
.form-control.no-validate:valid:focus,
.form-control.no-validate:invalid:focus {
    border-color: #ced4da;
    padding-right: 0.75rem;
    background: none;
    box-shadow:none;
}

.bg-custom-light {
    background-color: #f6f6f6 !important;
}

.leaflet-control-attribution {
    font-size: 10px;   
}
.leaflet-attribution-flag {
    display: none !important
}

.googleMarker {
    background-image: url(/images/marker-icon_ign.png);
    height: 18px;
    width: 13.5px;
    display: inline-block;
    background-repeat: round;
}

.authBox {
    padding: 15px 15px 25px;
    background: #fff;
    border-radius: 5px;
    border: 2px solid rgba(135, 135, 135, 0.15);
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid rgba(135, 135, 135, 0.15);
}

.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}

.helpMenuChatButton {
    padding: 10px 30px 15px;
    font-size: smaller;
}

.h-100 {
    height:100% !important;
}

/*************** Mobile Menu ******************/
@media (max-width: 767px) {
    .navbar-nav .nav-item {
        width: 100%;
    }

    .navbar-nav .nav-link {
        padding: 0.5em 1em !important;
        font-size: 16px !important;
        line-height: 1.4;
        display: flex;
        align-items: center;
        text-decoration: none !important;
    }

        .navbar-nav .nav-link i {
            font-size: 18px;
            width: 25px;
            margin-right: 12px;
        }

        .navbar-nav .nav-link:hover {
            background-color: #f8f9fa;
        }

    #collapsibleNavbar .navbar-nav {
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        float: none !important;
    }

    .section-divider {
        height: 1px;
        background-color: #9e9e9e;
        margin-bottom: 8px;
        width: 100%;
    }

    .menu-section {
        margin-bottom: 10px;
    }

    .menu-section-title {
        padding: 10px 15px;
        background-color: #f8f9fa;
        font-weight: bold;
        color: #495057;
        font-size: 14px;
        border-bottom: 1px solid #dee2e6;
        margin-bottom: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .menu-section-title i {
            transition: transform 0.3s ease;
        }

        .menu-section-title.collapsed i {
            transform: rotate(-90deg);
        }

    .collapsible-content {
        transition: max-height 0.3s ease;
        overflow: hidden;
    }

        .collapsible-content.collapsed {
            max-height: 0 !important;
        }

    #collapsibleNavbar .nav-link {
        cursor: pointer;
    }

    #collapsibleNavbar .mt-3 {
        margin-top: 0 !important;
    }

    #collapsibleNavbar .mb-2,
    #collapsibleNavbar .mb-3 {
        margin-bottom: 0 !important;
    }

    #collapsibleNavbar .d-inline-flex {
        display: block !important;
    }

    #collapsibleNavbar {
        max-height: 85vh;
        overflow-y: auto;
    }
}
/*************** Mobile Menu ******************/