/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Montserrat+Alternates:100,200,300,400,500,600,700,800,900|Montserrat:100,200,300,400,500,600,700,800,900|Open+Sans+Condensed:300|Open+Sans:300,400,600,700,800|Pragati+Narrow:400,700|Roboto+Condensed:300,400,700|Roboto:100,300,400,500,700,900');

@import url('https://fonts.googleapis.com/css?family=Oleo+Script:400,700|Tangerine:400,700');

@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:100,200,300,400,500,600,700,800,900|Montserrat:100,200,300,400,500,600,700,800,900|Open+Sans+Condensed:300,700|Open+Sans:300,400,600,700,800|Pragati+Narrow:400,700|Roboto+Condensed:300,400,700|Roboto:100,300,400,500,500i,700,900');
</style>

body {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     font-size: 16px;
}

.boxtitle {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     width: 100%;
     background-color: #008ad0;
     color: #FFFFFF;
     font-size: 18px;
     text-align: center;
     padding: 2px;
     text-transform: uppercase
}

select.homes {
     padding: 5px;
     border: 1px solid #000000;
     border-radius: 0px;
     background-color: #ffffff;
     font-size: 1.2em;
     font-weight: bold;
     font-variant: small-caps;
     min-width: 175px;
}

.txtbox {
     padding: 5px;
     border: 1px solid #333;
     margin:0px;
     background-color: #fff;
     font-size: 1.2em;
     color: #d2232a;
     font-variant: small-caps;
}

::-webkit-input-placeholder {
     /* color: #d2232a; */
     color:#999;
     font-variant: small-caps;
}
::-moz-placeholder {
     /* color: #d2232a; */
     color:#999;
     font-variant: small-caps;
}
/* firefox 19+ */
:-ms-input-placeholder {
     /* color: #d2232a; */
     color:#999;
     font-variant: small-caps;
}
/* ie */
input:-moz-placeholder {
     /* color: #d2232a; */
     color:#999;
     font-variant: small-caps;
}

.alertplaceholder::placeholder {
    color:#f00;
    opacity:1;     
}
.pageTab {
     border: 1px solid #7a668e;
     border-bottom-width: 10px;
     border-radius: 4px 4px 0px 0px;
     font-size: 18px;
     text-transform: uppercase;
     text-align: center;
     padding: 10px 20px 15px 20px;
     background-color: #edeaf1;
     border-bottom-color: #7a668e;
}

.activeTab {
     background-color: #fff;
     border-bottom-color: #fff;
}

.blue-button {
     width: 160px;
     padding: 5px;
     border: 1px solid #008ad0;
     /*border-radius: 10px;*/
     background-color: #008ad0;
     font-size: 18px;
     font-weight: bold;
     color: white;
     text-align: center;
     display: inline-block;
     cursor: pointer;
     font-variant: small-caps;
}

.button {
     width: 140px;
     padding: 5px;
     border: 1px solid #000000;
     border-radius: 10px;
     background-color: #d2232a;
     font-size: 18px;
     font-weight: bold;
     color: #ffffff;
     text-align: center;
     display: inline-block;
     cursor: pointer;
     text-transform: uppercase;
     margin-left: 20px;
}

.es-carousel ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     /*overflow: hidden;*/
     background-color: #008ad0 !important;
     font-family: Arial, Helvetica, sans-serif;
     font-variant: small-caps;
     text-align: center;
}



.es-carousel ul li {
     display: inline;
}


ul.wexl {
     /* list-style-type: none; */
     margin: 0;
     padding: 0;
     /*overflow: hidden;*/
     background-color: #008ad0 !important;
     font-family: Arial, Helvetica, sans-serif;
     font-variant: small-caps;
     text-align: center;
}
ul.wexl li {
     display: inline-block;
}

ul.wexl li a {
     display: inline-block;
     color: white !important;
     text-align: center;
     padding: 7px 15px;
     text-decoration: none;
}
ul.wexl li.active a {
     background-color: #0273ac !important;
}
ul.wexl li a:hover {
     background-color: #0273ac !important;
     color: white;
     text-decoration: none;
}

ul.bdwexl {
     /* list-style-type: none; */
     margin: 0;
     padding: 0;
     /*overflow: hidden;*/
     background-color: black !important;
     font-family: Arial, Helvetica, sans-serif;
     /*font-variant: small-caps;*/
	 font-variant: normal !important;
     text-align: center;
	
}
.bdwexlcategory {
	font-size: 16px !important;
	color: black !important;
}
ul.bdwexlcities {
     /* list-style-type: none; */
     margin: 0;
     padding: 0;
     /*overflow: hidden;
     background-color: #008ad0 !important;
     font-family: Arial, Helvetica, sans-serif;*/
	 font-variant: normal !important;
     text-align: center;
}
ul.bdwexlcities li {
     display: inline-block;
	 color: #008ad0 !important;
}
ul.bdwexl li {
     display: inline-block;
}

ul.bdwexl li a {
     display: inline-block;
     color: black !important;
     text-align: center;
     padding: 7px 15px;
     text-decoration: none;
	 font-weight: bold !important;
}
ul.bdwexl li.active a {
     background-color: black !important;
	 font-weight: bold !important;
}
ul.bdwexl li a:hover {
     background-color: black !important;
     color: black;
     text-decoration: none;
	 font-weight: bold !important;
}

.navbar-header, .navbar-toggle, .uldm {
     background-color: #008ad0 !important;
}
.navxyz ul {
     background-color: #0273ac !important;     
}
.navxyz li {
     background-color: #008ad0 !important;
}
.navxyz li a {
     color: #fff !important;
     font-family: Arial, Helvetica, sans-serif;
     font-variant: small-caps;
}
.navxyz li:hover, .uldm li:hover {
     background-color: #0273ac !important;
}
.uldm li {
     background-color: #008ad0 !important;
     width: 100%;
}
@media only screen and (max-width: 767px) {
     .uldm li a {
           margin-left: 50px;
     }
}
.axm {
     background-color: #008ad0 !important;
}
.axm[aria-expanded="true"], .axm:hover {
     background-color: #0273ac !important; 
}
.axm[aria-expanded="true"], .axm:hover {
     background-color: #0273ac !important; 
}
.axm[aria-expanded="true"] .caret {     
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;     
}
.caretleft {
     border-right: 4px solid;
     border-bottom: 4px solid transparent;
     border-top: 4px solid transparent;  
}
.caretright {
     border-left: 4px solid;
     border-bottom: 4px solid transparent;
     border-top: 4px solid transparent;  
}
.caretup {
     border-bottom: 4px solid;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent; 
     border-top: none; 
}
.caretdown {
     border-bottom: none;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent; 
     border-top: 4px solid; 
}
/* .navbar-header, .navbar-nav {
     background-color: #008ad0;
} */
/* .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {  
     background-color: #008ad0 !important;
} */
/* .dropdown-menu li {
     display: inline-block;
     width: 100%;
     color: #fff !important;
     text-align: center;
     padding: 7px 15px;
     text-decoration: none;
} */
/* .dropdown-menu li a {
     background-color: #008ad0 !important;
     color: #fff !important;
     width: 100%;
} */
/* .dropdown-menu li a:hover {
     background-color: #0273ac !important;
     color: #fff !important;
     text-decoration: none;
} */
/* .navbar-nav a {
     color: #fff !important;
} */
/* .navbar-nav .active a {
     background-color: #0273ac !important;
     color: #fff !important;
} */
/* .navbar-nav a:hover {
     background-color: #0273ac !important;
} */
/* .dropdown-toggle {
     background-color: #008ad0 !important;
     color: #fff !important;
} */
/* .dropdown-menu li {
     margin: 0px;
     padding: 0px;
} */

ul.menu {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
     background-color: #008ad0;
     font-family: Arial, Helvetica, sans-serif;
     font-variant: small-caps;
     text-align: center;
}
li.menu {
     display: inline;
}
#menu li a:hover {
     background-color: #0273ac;
}

ul.nobullets {
     list-style-type:none;
     background-color:#fff !important;
}

ol.wexk {
     
}

.topnav-links {
     font-family: Arial, Helvetica, sans-serif;
     font-variant: small-caps;
     font-size: 16px;
     text-decoration: none;
     color: #000000;
     padding: 2px 5px;
}

.image {
     position: relative;
     /* for IE 6 */
}

.footer {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-style: italic;
     text-align: center;
     color: #000000;
}

a {
     color: #008ad0;
}

.fineprint {
     font-size: 10px;
     color: #000000;
}

.pagetitle {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     width: 1030px;
     max-width:100%;
     color: #008ad0;
     font-size: 35px;
     text-align: left;
     padding: 2px;
     font-variant: small-caps;
}

.subtitle {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     width: 100%;
     background-color: #008ad0;
     color: #FFFFFF;
     font-size: 28px;
     text-align: left;
     padding: 2px;
     font-variant: small-caps;
     margin: 20px 0px 10px 0px;
     display: inline-block; /* so one can use this on an inline element */
}

.sold-banner {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     width: 100%;
     color: #FFFFFF;
     font-size: 28px;
     padding: 2px;
     font-variant: small-caps;
     margin: 20px 0px 10px 0px;
     text-align: center;
     background-color: #dc105d;
}

.open-banner {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     width: 100%;
     color: #FFFFFF;
     font-size: 28px;
     padding: 2px;
     font-variant: small-caps;
     margin: 20px 0px 10px 0px;
     text-align: center;
     background-color: #949494;
}

.lease-banner {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     width: 100%;
     color: #FFFFFF;
     font-size: 28px;
     padding: 2px;
     font-variant: small-caps;
     margin: 20px 0px 10px 0px;
     text-align: center;
     background-color: #64cef1;
}

.new-banner {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     width: 100%;
     color: #FFFFFF;
     font-size: 28px;
     padding: 2px;
     font-variant: small-caps;
     margin: 20px 0px 10px 0px;
     text-align: center;
     background-color: #568dc7;
}

.auction-banner {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     width: 100%;
     color: #FFFFFF;
     font-size: 28px;
     padding: 2px;
     font-variant: small-caps;
     margin: 20px 0px 10px 0px;
     text-align: center;
     background-color: #949494;
}

.diamond-subtitle {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     width: 100%;
     background-color: #ed9801;
     color: #FFFFFF;
     font-size: 28px;
     text-align: left;
     padding: 2px;
     font-variant: small-caps;
     margin: 20px 0px 10px 0px;
}

.subtitleall {
     float: right;
     font-size: 20px;
     color: #FFFFFF;
     margin-top: 3px;
     text-decoration: underline;
}

.magazinesearch {
     width: 100%;
     background-color: #008ad0;
     color: #FFFFFF;
     padding: 5px 3px 5px 3px;
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     font-size: .9em;
     text-align: center;
     text-transform: uppercase;
}

.blue16upper {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     color: #008ad0;
     font-size: 16px;
     text-align: center;
     padding: 2px;
     text-transform: uppercase;
}

.blue16i {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     color: #008ad0;
     font-size: 16px;
     text-align: center;
     padding: 2px;
     font-style: italic;
}

.blue16 {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     color: #008ad0;
     font-size: 16px;
     padding: 2px;
}

.blue20i {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     color: #008ad0;
     font-size: 20px;
     text-align: center;
     padding: 2px;
     font-style: italic;
}

.fontBigRed {
    color: red;
    font-size: 60pt;
	text-transform:capitalize;
}
.mortrates {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     color: #008ad0;
     font-size: 16px;
     padding: 2px;
     text-transform: uppercase;
}


.mtgyrs{
     width: 80px;
     height: auto;
     text-align: center;
     margin-bottom: 5px;
     padding: .5px 1px;
}
.thirtyyrs{
     background-color: #d9d7b0;
     color: black;
}
.oneyr{
     color: black;
     background-color: #97c9c9
}
.mtgratedy{
     background-color: #008ad0;
     color:white;
}
.brderwht{
     border:1px solid white;
     text-align: center;
}
.fivepad{
     padding: 5px 0;
}

.hand {cursor:pointer;}
.xupper {text-transform: uppercase;}

.diamond-block {
     border: 1px solid #008ad0;
     background-color: #feeac7;
}

.listingblock {
     border: 1px solid #008ad0;
     background-color: #ffffff;
}

img.listingimg {
     width: 100%;
     padding: 2px 10px 0px 10px;
}

.Blistingaddr {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     color: #008ad0;
     font-size: 14px;
     text-align: left;
     padding-left: 10px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.Blistingprice {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     font-size: 1.4em;
     text-align: left;
     padding: 3px 3px 3px 10px;
}

.Blistingbdba {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     font-size: 12px;
     text-align: left;
     padding-left: 10px;
     float: left;
}

.Blistingsave {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     font-size: 13px;
     text-align: right;
     padding-right: 10px;
     float: right;
}

.Blistingagt {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     color: #00000;
     font-size: 14px;
     padding-left: 10px;
     font-weight: bold;
     float: left;
}

.Blistingco {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     font-size: 13px;
     padding-left: 10px;
     float: left;
}

.imgcaption {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width:100%;
     color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 18px;
     background-color: #000000;
     background: rgba(0, 0, 0, 0.5);
     padding:8px;
     margin:0 0 0 -1px;
     text-align: center;
     text-transform: uppercase;
}


/*---------------------I ADDED THIS HERE it starts here-----------------*/

.lifelogo{
     width: 23em;
     float: left;
     padding: 20px 0 0;
}

.lifelogosm{
     width:170px;
     margin: 10px 0 -28px;
}

.bizhero{
     background-size: contain;
     width: 100%;
     height:300px;
     /* height:auto; */
     background-position:top;
     display: inline-block;
     margin-top: -10px;
     position:relative;
}

.bizhero h2{
     color: white;
     letter-spacing: .2em;
     font-weight: 200;
     padding-top: 50px;
}
.headtitle {
     text-align: center;
     background-color: #ccc; 
     letter-spacing: .15em;
     font-weight: 400;
     text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
     font-size:21px;
     line-height:20px;     
     height:50px;
     padding:15px;     
     width:100%;
     margin:0px;
}
.theader {
     width:100%;
     max-width:1140px;
     height:310px;
     padding:0px;
}
.headcontent {
     width:100%;
     max-width:1140px;
     height:260px;
     padding:0px;
     margin:0px;
     overflow:hidden;
}
.headpano {
     max-width:1140px;
     max-height:260px;
     z-index:1;
}
.gradient {
     background-color: rgba(0,0,0,.5);
     width:100%;
     max-width:1140px;
     height:100%;
     padding:0px;
     margin:0px;
     z-index:2;
     position:absolute;
     top:0;
     bottom:0;
}
.logoholder {
     width:100%;
     max-width:1140px;
     max-height:200px;
     padding:0 0 0 20px;
     position:absolute;
     top:0;
     bottom:0;
     margin:auto;
     z-index:3;
     text-align:left;  
}
.headlogo {
     width:200px;
     height:200px;
}
.bizname {
     display:inline-block;
     letter-spacing:.2em;
     font-size:22px;
     color:#fff;
     font-weight: 200;
     padding-left:20px;
     position:absolute;
     top:78px;
     left:25px;
}

.bbmo {
     display:none;
}
.bbma {
     display:inline-block;
     position:absolute;
     width:100%;
     height:100%;
}
.bizbutton {
     position:absolute;
     right:200px;
     bottom:10px;
     margin-right:50px;
}
.bizbutton, .bizbutton2 { 
     display:inline-block;    
     padding:8px;
     background-color:white;
     color:black;
     font-size:16px;
     text-align:center;
     width:200px;
     letter-spacing: .1em;
     text-decoration:none !important; 
     border:1px solid #999;
     border-radius:5px;
}
.bizbutton:hover, .bizbutton2:hover {
     background-color:#666;
     color: white !important;
     transition: 1.2s;
     text-decoration:none !important;
}
@media only screen and (max-width: 600px){
     .theader {
          width:100% !important; 
          margin-bottom:50px !important;         
     }
     .headcontent {
          width:100%;
          height:320px;
          padding:0px;
          text-align:center;
     }
     .headpano {
          height:320px !important;
          max-height:100%;
     }
     .gradient {
          height:100% !important;
     }
     .logoholder {
          text-align:center;
          max-height:400px;          
          /* margin-bottom:20%; */
          padding:0px;
     }
     .headlogo {          
          margin-top:25px;
     }
     .bizname {          
          position:initial;
          top:initial;          
          padding-left:initial;
          width:100%;
          text-align:center;
          margin-top:-20px;
     }
     .bhold {
          width
     }
     .bbma {
          display:none;
     }
     .bbmo {
          display:inline-block;
          width:100%; 
          height:500px;
     }
     .bizbutton2 {
          margin-top:-20px;
     }
     
}
.bizhero-gradient{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display:inline-block;
    padding: 40px 0;

}
.bizlogo-wrapper{
     height: auto;
     float: left;
     margin: 20px; 
}

.bizlogo{
     width: 200px;
     margin: 0 auto;
}


.bizbtn1 {
     padding: 8px 0;
     width: 200px;
     letter-spacing:.1em;
     margin:0 20px 0 0;
     position:absolute;
     bottom:110px;
     right:35px;
     background-color:#fff;
     text-align:center;
     color:#000 !important;
     text-decoration:none !important;
     z-index:20;
}
.bizbtn1:hover, .bizbtn1:active {
     background-color:#bbb;
}

.bizmain{
     padding: 20px 0 0;
     display: inline-block;
     width: 100%;
     height: auto;
}

.bizmain-bottom{
     margin: 60px 0 20px; 
     text-align: center;
     width: 100%;
     height: auto;
}

.bizmain-bottom li{
     padding: 5px;
     display: inline-block;
     list-style: none;
}
.biznav{
-webkit-box-shadow: 2px 24px 37px -18px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 24px 37px -18px rgba(0,0,0,0.75);
box-shadow: 2px 24px 37px -18px rgba(0,0,0,0.75);
}
.biztitle{
     padding: 0 0 0em;
     font-weight: 600;
     text-align: center;
     letter-spacing: .25em;
     font-size: 2em;
     color: #000;
     text-shadow: -.5px -.5px .5px #fff, .5px .5px .5px #666;

}

.breadcrumb2 {
     margin: 0px 0px 5px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 5px 0px 0px 0px;
     font-size: 12px;
     font-variant: small-caps;
     float: left;
     background-color:transparent;
}

.breadcrumb2 a:link, .breadcrumb2 a:visited, {
     color: #008ad0;
     text-decoration: none;
}

.breadcrumb2 a:active, .breadcrumb a:hover, #brochurePaging a:hover, #brochurePaging a:active, {
     color: #008ad0;
     text-decoration: underline;
}


@media only screen and (max-width: 816px){
.lifelogo{
     display: none;
}

.breadcrumb2{
     display: none;
}

.pb15{
     padding-bottom: 15px;
}

}
@media only screen and (max-width: 600px){
.bizlogo-wrapper{
     text-align: center;
}

.bizlogo{
     width: 70%;
     padding-left: 0;
     margin: -20px auto 20px;
}

.diamond-gallery-caption2{ display: none;} 

.bizmain{
     padding: 10px 0 0;
}

.bizmain-bottom{
     margin: 30px 0 20px; 
}

.biztitle{
      padding: 0 0 0em;    
}

}


/*---------------------I ADDED THIS HERE it ends here-----------------*/





.newlisting {
     width: 70px;
     color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     background-color: #568dc7;
     padding: 2px;
     text-align: center;
     text-transform: uppercase;
}

.openlisting {
     width: 90px;
     color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     background-color: #949494;
     padding: 2px;
     text-align: center;
     text-transform: uppercase;
}

.diamondlisting {
     width: 120px;
     color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     background-color: #ed9801;
     padding: 2px;
     text-align: center;
     text-transform: uppercase;
}

.auctionlisting {
     width: 120px;
     color: #000000;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     background-color: #CCCCCC;
     padding: 2px;
     text-align: center;
     text-transform: uppercase;
}

.soldlisting {
     width: 120px;
     color: #000000;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     background-color: #b71115;
     padding: 2px;
     text-align: center;
     text-transform: uppercase;
}

.soldlistinglist {
     width:70px;
     color:#ffffff;
     font-family:Arial, Helvetica, sans-serif;
     font-size:10px;
     background-color:#dc105d;
     padding:2px;
     text-align:center;
     text-transform:uppercase;

}
.leaselisting  {
     width:70px;
     color:#ffffff;
     font-family:Arial, Helvetica, sans-serif;
     font-size:10px;
     background-color:#64cef1;
     padding:2px;
     text-align:center;
     text-transform:uppercase;
}

.breadcrumb {
     margin: 0px 0px 10px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 10px 0px 0px 0px;
     font-size: 12px;
     font-variant: small-caps;
     float: left;
     background-color:transparent;
}

.breadcrumb a:link, .breadcrumb a:visited, {
     color: #008ad0;
     text-decoration: none;
}

.breadcrumb a:active, .breadcrumb a:hover, #brochurePaging a:hover, #brochurePaging a:active, {
     color: #008ad0;
     text-decoration: underline;
}

.BusDir-category {font-family:Helvetica Neue,Helvetica,Arial,sans-serif; font-size:14px; font-variant:small-caps }


#brochurePaging {
     margin: 0px 0px 10px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 6px 0px 0px 0px;
     width: 220px;
     text-align: right;
     font-size: 12px;
     float: right;
}

.Page {
     font-size: 16px;
     font-weight: bold;
}

#main ul, #covers ul, #guts ul, #brochureMain ul, #homesMain ul, #thumbnailList ul, #search2 ul, #popular ul, #locations ul, #features ul, #features2 ul, #features3 ul, #citySelect ul, .listing ul {
     list-style: none;
     margin: 0px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

#thumbnailList {
     margin: 0px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

#thumbnailList li {
     margin: 0px -1px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     display: inline;
}

#thumbnailList img {
     margin: 4px 2px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     display: inline;
}

.column-left {
     float: left;
     background-color: #FFFFFF
}

.column-center {
     display: inline-block;
     margin: 0px 20px 0px 20px;
     background-color: #FFFFFF
}

.column-right {
     float: right;
     background-color: #FFFFFF
}

/* #neighborhood {
     margin: 3px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 20px;
     color: #008ad0;
} */

#price {
     margin: 3px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 20px;
     color: #008ad0;
}

#brochure-topaddr {
     margin: 3px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 16px;
     color: #000000;
     text-align: center;
}

#brochure-topinfo {
     margin: 3px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 14px;
     text-align: center;
     color: #008ad0;
}

#brochureTitle {
     margin: 0px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 20px;
     color: #000000;
     font-weight: bold;
}

#brochure-SectionTitle {
     font-size: 20px;
     color: #008ad0;
     text-transform: uppercase;
}

#brochureDesc {
     font-size: 16px;
     color: #000000;
}

.p400 {
     margin: 5px 0px 10px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px;
     width: 450px;
     text-align: left;
     font-size: 16px;
}


.PropertyDetailsLeft {
     text-transform: uppercase;
     display: block;
}

.PropertyDetailsRight {
     font-weight: bold;
     font-variant: normal;
     text-transform: none;
}

#brochureRight {
     margin: 0px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 14px;
     float: right;
     width: 250px;
}

#brochureLeft ul, #brochureRight ul {
     margin: 0px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     list-style: none;
     display: none;
}

.propdetails-button {
     width: 118px;
     padding: 2px;
     border: 1px solid #008ad0;
     background-color: #008ad0;
     font-size: 10px;
     font-weight: bold;
     color: white;
     text-align: center;
     display: inline-block;
     cursor: pointer;
     font-variant: small-caps;
}

.propdetails-link {
     color: #0273ac;
     font-size: 11px;
     text-transform: uppercase;
}

.brokeredby {
     font-size: 10px;
     color: #919090;
     text-transform: capitalize;
}

.agent-bold {
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
}

.company-name {
     font-size: 14px;
}

.agent-license {
     font-size: 14px;
     text-transform: uppercase;
}

.agent-photo {
     float: left
}

.agent-links {
     float: right;
}

.agt-link {
     color: #0273ac;
     font-size: 15px;
     height: 33px;
     padding-left: 5px
}

.brochure-Photographer {
     font-size: 10px;
     color: #000000;
     text-transform: uppercase;
}

.leaseinformation, .expinformation, .openhouseinformation {
     font-family:Arial,Helvetica,sans-serif;
     font-variant:small-caps;
}

.leaseboxtitle {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     text-align: left;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 15px;
     margin: 0px 0px 0px 0px;
     width: 100%;
     background-color: #64cef1;
     color: #ffffff;
     text-transform: uppercase;
}

.leaseinformation {
     margin: 0px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 15px;
     width: 100%;
     background-color: #d0f2fd;
     color: black;
     display: block;
}
.expboxtitle {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     text-align: left;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 15px;
     margin: 0px 0px 0px 0px;
     width: 100%;
     background-color: #dc105d;
     color: #ffffff;
     text-transform: uppercase;
}

.expinformation {
     margin: 0px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 15px;
     width: 100%;
     background-color: #e8c7c6;
     color: black;
     display: block;
}

.openhouseboxtitle {
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
     text-align: left;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 15px;
     margin: 0px 0px 0px 0px;
     width: 100%;
     background-color: #a0a0a0;
     color: #ffffff;
     text-transform: uppercase;
}

.openhouseinformation {
     margin: 0px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 15px;
     width: 100%;
     background-color: #d0d0d0;
     color: black;
     display: block;
}

ul.Pnewwhite {
     background-color: #ffffff;
     list-style-type: circle;
     margin-left: 10px;
     padding: 20;
     overflow: hidden;
     text-align: left;
     font-variant: none;
     font-size: 14px;
     font-family: Gill Sans, Arial, Helvetica, sans-serif;
}

.featuresthird {
     border: 1px solid #666666;
     background-color: #ffffff;
     font-family: Arial, Helvetica, sans-serif;
     text-align: center;
}

.featuredtitle {
     font-size: 14px;
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;
     color: #003366;
     overflow: hidden;
     white-space: nowrap;
}

.featuredopen {
     font-size: 14px;
     font-weight: normal;
     text-transform: uppercase;
     text-align: center;
     color: #666666
}

.featuredcity {
     font-size: 13px;
     font-weight: bold;
     text-align: center;
     color: #254284;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.featuredlink {
     font-size: 9px;
     text-align: center;
     color: #254284
}

.alllink {
     font-size: 10px;
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;
}
.box-height{
     height: 95%;
}
.service-title {
padding: 12px 0;
font-size: 16px;		
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #003366;
overflow: hidden;
white-space: nowrap;
letter-spacing: .2em;
}
.service-name {
padding: 12px 0;
font-size: 14px;
font-weight: normal;
text-align: center;
color: #666666;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 4px;
}

.service-link {
     font-size: 12px;
     font-weight: bold;
     text-align: center;
}


/*PRINT STYLES*/

.print-title {
     width: 700px;
     background-color: #0273ac;
     font-size: 22px;
     text-align: center;
     color: #FFFFFF;
     text-transform: uppercase;
     padding: 2px;
}

#PR-neighborhood {
     margin: 2px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 16px;
     color: #008ad0;
}

#PR-price {
     margin: 2px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 16px;
     color: #008ad0;
}

#PR-brochure-topaddr {
     margin: 2px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 13px;
     color: #000000;
     text-align: center;
}

#PR-brochure-topinfo {
     margin: 2px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 12px;
     text-align: center;
     color: #008ad0;
}

#PR-brochureTitle {
     margin: 0px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 14px;
     color: #000000;
}

.PR-p400 {
     margin: 5px 0px 10px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px;
     width: 450px;
     text-align: left;
     font-size: 13px;
}

.PR-PropertyDetailsLeft {
     text-transform: uppercase;
     display: none;
     background-color: #FFFFFF;
}

.PR-PropertyDetailsRight {
     font-weight: bold;
}

#PR-brochureRight {
     margin: 2px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 12px;
     float: right;
     width: 250px;
}

#PR-brochureLeft ul, #PR-brochureRight ul {
     margin: 0px 0px 0px 0px;
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     list-style: none;
}

.PR-propdetails-button {
     width: 118px;
     padding: 2px;
     border: 1px solid #008ad0;
     background-color: #008ad0;
     font-size: 10px;
     font-weight: bold;
     color: white;
     text-align: center;
     display: inline-block;
     cursor: pointer;
     font-variant: small-caps;
}

.PR-propdetails-link {
     color: #0273ac;
     font-size: 11px;
     text-transform: uppercase;
}

.PR-agent-bold {
     font-size: 12px;
     font-weight: bold;
     text-transform: uppercase;
     text-align: left;
}

.PR-company-name {
     font-size: 12px;
     text-align: left;
}

.PR-agent-photo {
     float: left;
     width: 100px;
}

.PR-agent-links {
     float: right;
     width: 80px;
}

.PR-agt-link {
     color: #0273ac;
     font-size: 12px;
     height: 23px;
     padding-left: 2px;
     text-align: left;
}

.PR-column-left {
     float: left;
     width: 190px;
     background-color: #FFFFFF
}

.PR-h-line {
     width: 100%;
     height: 1px;
     background: #008ad0;
     margin: 3px 0px 3px 0px;
}

.contact-title {
     font-size: 20px;
     text-transform: uppercase;
}

.contact-mag {
     font-size: 14px;
     text-transform: uppercase;
}

.contact-name {
     font-size: 16px;
     font-weight: bold;
     color: #008ad0;
     text-transform: uppercase;
     width: 500px;
     float: left;
     margin-top: 10px;
}

.contact-region {
     font-size: 16px;
     font-weight: normal;
     font-style: italic;
     color: #000000;
     text-transform: capitalize;
}

.contact-email {
     font-size: 15px;
     font-weight: bold;
     color: #9B9C9E;
     width: 150px;
     text-align: right;
     margin-top: 10px;
}

.contact-phone {
     font-size: 15px;
     font-weight: bold;
     color: #000000;
     font-style: normal;
}

.h-line {
     width: 100%;
     height: 1px;
     background: #008ad0;
     margin: 10px 0px 10px 0px;
}

.h-line-65 {
     width: 65%;
     height: 1px;
     background: #008ad0;
     margin: 10px 0px 10px 0px;
}

.homelist-result {
     float: left;
     font-size: 14px;
     text-transform: uppercase;
     margin: 0px 0px 5px 0px;
}

.homelist-sortbutton {
     border: 1px solid #008ad0;
     width: 170px;
     border-radius: 0px;
     overflow: hidden;
     background: #ffffff;
     text-transform: uppercase;
     color: #008ad0;
     font-size: 14px;
     font-weight: normal;
}

.homelist-refine {
     float: left;
     background-color: #ffffff;
}

.homelist-sort {
     float: right;
     text-align: right;
     font-size: 16px;
     color: #008ad0;
     margin: 0px 0px 5px 0px;
     padding: 0px 0px 0px 0px;
     font-variant: small-caps;
     font-weight: bold;
}

.homelist-view {
     float: left;
     background-color: #ffffff;
     font-variant: small-caps;
}

.homelist-buttons {
     float: right;
}

.red-button {
     padding: 2px 5px 2px 5px;
     border: 1px solid #000000;
     border-radius: 0px;
     background-color: #d2232a;
     font-size: 14px;
     color: #ffffff;
     text-align: center;
     display: inline-block;
     cursor: pointer;
     text-transform: uppercase;
     margin-left: 5px;
}

.homelist-Paging {
     font-size: 12px;
     background-color: #ffffff;
     font-variant: small-caps;
}

.homelist-Page {
     font-size: 16px;
}

.Rcol-header {
     background-color: #008ad0;
     color: #FFFFFF;
     font-size: 20px;
     text-align: center;
     padding: 2px;
     font-variant: small-caps;
     margin: 15px 0px 5px 0px;
}

.Rcol-Name {
     font-size: 20px;
     text-align: center;
}

.Rcol-Co {
     font-size: 14px;
     text-align: center;
}

.Rcol-text {
     font-size: 13px;
     text-align: center;
     font-style: italic;
}

.Rcol-link {
     font-size: 14px;
     text-align: center;
}

.digimag-issue {
     width: 247px;
     background-color: #008ad0;
     color: #FFFFFF;
     font-size: 16px;
     text-align: center;
     padding: 2px;
     text-transform: uppercase;
     margin: 2px 10px 10px 10px;
}

.digimagbutton {
     width: 100%;
     margin-top: 5px;
     padding: 2px;
     border: 1px solid #008ad0;
     background-color: #008ad0;
     font-size: 18px;
     color: white;
     text-align: center;
     display: inline-block;
}

.dream-service {
     border: 3px double #000000;
     padding: 5px;
     font-size: 16px;
}

.expert-photo {
     width: 100%;
     border-radius: 50%;
     border: 1px solid #949494
}

.AgtLst {
     border: 1px solid #0089d0;
}

.AgtLst-Exp {
     background-color: #cce7f6;
     border: 1px solid #0089d0;
}

.AgtLst-PubName {
     font-size: 1.4em;
     text-transform: uppercase;
     color: #008ad0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.AgtLst-PubName-Exp {
     font-size: 1.4em;
     text-transform: uppercase;
     color: #000000;
     background-color: #7ec3e7;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.AgtLst-Photo {
     padding: 0px 10px 10px 10px;
}

.AgtLst-Company {
     font-size: 14px;
     color: #3b3c3c;
     font-variant: small-caps;
     margin-top: 6px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.AgtLst-Office {
     font-size: 14px;
     color: #3b3c3c;
     font-variant: small-caps;
}

.AgtLst-Phone {
     font-size: 14px;
}

.AgtLst-Email {
     font-size: 14px;
     color: #3b3c3c;
}

.AgtLst-Listings {
     font-size: 14px;
     color: #3b3c3c;
}

.AgtLst-Promo {
     font-size: 13px;
     color: #404040;
     font-style: italic;
     margin-top: 10px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.Expert-Label {
     position: absolute;
     bottom: 10px;
     margin: 0;
     width: 89%;
     color: #ffffff;
     font-size: 12px;
     background-color: #ed9801;
     padding: 2px;
     text-align: center;
     font-variant: small-caps;
     letter-spacing: 5px;
}

.diamond-label li {
     position: absolute;
     color: #fff;
     bottom:5px; 
     left:15px;
     background-color:unset !important;
     list-style-type: none;
}


.agt-lst-REV-header {
     background-color: #e7e4cd;
     border: 1px solid #b4b19e;
     padding: 2px;
     font-weight: bold;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.agt-lst-REV-data {
     background-color: #f2efd8;
     border: 1px solid #b4b19e;
     padding: 2px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.mb-lst-xheader {
     background-color: #c1bea6;
     border: 1px solid #b4b19e;
     padding: 2px;
     font-weight: bold;
	 text-align: center;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.mb-lst-data {
     background-color: #f2efd8;
     border: 1px solid #b4b19e;
     padding: 2px;
	 text-align: center;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
.mb-lst-data-current {
     background-color: #e7e4cd;
     border: 1px solid #b4b19e;
     padding: 2px;
     font-weight: bold;
	 text-align: center;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

.mb-lst-yheader {
     background-color: #ffffff;
     padding: 2px;
     font-weight: bold;
	 text-align: right;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}



.OfficeLst-Office {
     font-size: 1em;
     color: #000000;
     font-variant: small-caps;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding: 0px 6px 6px 6px;
}

.OfficeLst-Co {
     font-size: 1.2em;
     text-transform: uppercase;
     color: #000000;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding: 6px 6px 0px 6px;
}

.OfficeLst-Photo {
     padding: 10px 5px 25px 5px;
}

.OfficeLst-Links {
     font-size: 14px;
     color: #3b3c3c;
     padding-bottom: 10px;
}

.OfficeLst-presentedDO {
     font-family: "Times New Roman", Times, serif;
     color: #3b3c3c;
     font-size: 19px;
     text-align: center;
     font-style: italic;
}

.OfficeLst-DO-Company {
     color: #008ad0;
     font-size: 30px;
     text-align: center;
     font-variant: small-caps;
     line-height: 1;
}

.OfficeLst-DO-Office {
     color: #000000;
     font-size: 20px;
     text-align: center;
     font-style: italic;
}

.DO-companyheader {
     width: 100%;
     height: auto;
     border: 2px solid #008ad0;
     display: inline-block;
     padding: 8px 0 8px 0;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ad0+0,abcad6+6,ffffff+17,ffffff+83,bad1e2+90,008ad0+100&0.2+2,0.17+100 */
     background: -moz-linear-gradient(top, rgba(0, 138, 208, 0.2) 0%, rgba(57, 159, 210, 0.2) 2%, rgba(171, 202, 214, 0.2) 6%, rgba(255, 255, 255, 0.2) 17%, rgba(255, 255, 255, 0.18) 83%, rgba(186, 209, 226, 0.18) 90%, rgba(0, 138, 208, 0.17) 100%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0, 138, 208, 0.2) 0%, rgba(57, 159, 210, 0.2) 2%, rgba(171, 202, 214, 0.2) 6%, rgba(255, 255, 255, 0.2) 17%, rgba(255, 255, 255, 0.18) 83%, rgba(186, 209, 226, 0.18) 90%, rgba(0, 138, 208, 0.17) 100%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0, 138, 208, 0.2) 0%, rgba(57, 159, 210, 0.2) 2%, rgba(171, 202, 214, 0.2) 6%, rgba(255, 255, 255, 0.2) 17%, rgba(255, 255, 255, 0.18) 83%, rgba(186, 209, 226, 0.18) 90%, rgba(0, 138, 208, 0.17) 100%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33008ad0', endColorstr='#2b008ad0', GradientType=0);
     /* IE6-9 */
}


.DO-companyheader1 {
     height: auto;
     padding: 3% 0;
     margin-bottom: 20px;
     border: 1px solid #008ad0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7eb2cc+0,ffffff+17,ffffff+17,ffffff+84,7eb2cc+100 */
background: #7eb2cc; /* Old browsers */
background: -moz-linear-gradient(top, #7eb2cc 0%, #ffffff 17%, #ffffff 17%, #ffffff 84%, #7eb2cc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7eb2cc 0%,#ffffff 17%,#ffffff 17%,#ffffff 84%,#7eb2cc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7eb2cc 0%,#ffffff 17%,#ffffff 17%,#ffffff 84%,#7eb2cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eb2cc', endColorstr='#7eb2cc',GradientType=0 ); /* IE6-9 */
}


.companylogos{
     width: 80%;
     margin: 0 auto;
     padding: 10px 0;
     text-align: center;
}

.incompanylogo{
     width: 70%;
     text-align: center;
     margin: 10px 0;
}



#comlogo {
     padding: 20px 5px 20px;
     border-right: 2px solid #008ad0;
}

.toppresents {
     padding-top: 4%;
}

.toppresents strong {
     font-size: 1.1em;
}

.presents {
     /*padding:2% 0;*/
     color: black;
     font-size: .8em;
     padding-bottom: 7%;
}

.presentsoffice {
     font-size: 2.5em;
     color: #008ad0;

}

/*These styles goes to this page 
http://dream12.dhnw.net/DreamLocations/CA_BeverlyHills/beverlyhillsed.cfm?rewrite=no*/

.listbuttons li{
     display: inline-block!important;
     padding: 7px;
     background-color: #b6b1b1;
     width: 90px;
     text-align: center;
}

.listbuttons li:hover{
     background-color: #ccc;
     text-decoration: none;
}

.listbuttons li a{
     color: white!important;
     letter-spacing: .2em;
     display: inline-block;
     text-decoration: none;
}

.mbglance{
	background-color: #b6b1b1!important;
	color:white!important;
	border:none!important;
	margin-bottom: 8px!important;
	font-size: .8em!important;
}

.mbglance:hover{
    background-color: #ccc!important;	
}


/*Ends*/

.rmpl ul li a{
     text-align: left!important;
     font-weight: 600;
     font-size: 1em;
     color: #595959!important;
}

.rmpl ul li a i{
     color:#008ad0!important;
     font-size: 1em;
     padding: 0px 12px 0px !important;
     font-weight: 200 !important
}

.rmpl li{
     font-weight: 200!important;
     color: gray!important;
}



@media only screen and (max-width: 767px) {
     .toppresents {
          padding-top: 15px;
     }
     .presents {
          padding-bottom: 5%;
     }
}

@media only screen and (max-width: 500px) {
     .DO-companyheader {
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60b5ea+1,b3d2e5+18,fcfcff+64 */
          background: #60b5ea;
          /* Old browsers */
          background: -moz-linear-gradient(top, #60b5ea 1%, #b3d2e5 18%, #fcfcff 64%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #60b5ea 1%, #b3d2e5 18%, #fcfcff 64%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #60b5ea 1%, #b3d2e5 18%, #fcfcff 64%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b5ea', endColorstr='#fcfcff', GradientType=0);
          /* IE6-9 */
     }
     .toppresents {
          font-size: 1em;
     }
     .presentsoffice {
          font-size: 1.5em;
     }
     .presents {
          font-size: .7em;
     }

     .imgcaption {
          font-size: 12px;
          padding: 0px;
     }

}

ul.PN {
     list-style-type: circle;
     margin: 0;
     padding: 20;
     overflow: hidden;
     background-color: #ffffff;
     text-align: left;
}

ol.PN {
     list-style-type: decimal;
     margin: 0;
     padding: 10;
     overflow: hidden;
     background-color: #ffffff;
     text-align: left;
}

li.PN {
     display: list-item;
     background-color: #ffffff;
}

ul.PNnew {
     list-style-type: circle;
     margin: 0;
     padding: 20;
     overflow: hidden;
     background-color: #FFFF00;
     text-align: left;
}

ol.PNnew {
     list-style-type: decimal;
     margin: 0;
     padding: 10;
     overflow: hidden;
     background-color: #FFFF00;
     text-align: left;
}

li.PNnew {
     display: list-item;
}

.PN-link {
     background: #FFFFFF;
     color: #008ad0;
     text-decoration: underline;
}

.PNnew {
     font-weight: bold;
     background: #FFFF00;
     color: #0000AB;
}

.PNerror {
     color: #FF0000;
}

.BodyT14i {
     font-size: 16px;
     font-style: italic;
}

.BodyT14 {
     font-size: 16px;
}

.quicklinks {
     color: #008ad0;
     font-size: 18px;
     font-style: italic;
}

.mapLinks {
     font-size: 20px;
}

.no-listings {
     text-align: center;
     margin: 10px;
     padding: 10px;
     color: #ff0000;
     font-size: 1.5em;
     background-color: #ffffcc;
     border: medium double rgb(255, 0, 0);
}

.fontBlack {
     color: #000000;
}

#leftFilter {
     margin: 0px 10px 0px 0px;
     padding: 0px 0px 0px 0px;
     float: left;
}

#rightFilter {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

#rightFilter ul li {
     background-color: #fff;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
     position: relative;
     min-height: 1px;
     padding-right: 10px;
     padding-left: 10px;
}

.col-xs-15 {
     width: 20%;
     float: left;
}

@media (min-width: 768px) {
     .col-sm-15 {
          width: 20%;
          float: left;
     }
}

@media (min-width: 992px) {
     .col-md-15 {
          width: 20%;
          float: left;
     }
}

@media (min-width: 1200px) {
     .col-lg-15 {
          width: 20%;
          float: left;
     }
}

.p0 {
     padding: 0px !important;
     margin: 0px !important;
}

.p6 {
     padding: 6px !important;
     margin: 0px !important;
}

.p10 {
     padding: 10px !important;
     margin: 0px !important;
}

.pl6 {
     padding-left: 6px !important;
}

.pr6 {
     padding-right: 6px !important;
}

.pl10 {
     padding-left: 10px !important;
}

.pr10 {
     padding-right: 10px !important;
}

.ml6 {
     margin-left: 6px !important;
}

.mr6 {
     margin-right: 6px !important;
}

.ml10 {
     margin-left: 10px !important;
}

.mr10 {
     margin-right: 10px !important;
}

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

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

.typeahead, .tt-query, .tt-hint {
     border: 2px solid #ccc;
     border-radius: 8px;
     font-size: 24px;
     height: 30px;
     line-height: 30px;
     outline: medium none;
     padding: 8px 12px;
     width: 396px;
}

.typeahead {
     background-color: #fff;
}

.typeahead:focus {
     border: 2px solid #0097cf;
}

.tt-query {
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.tt-hint {
     color: #999;
}

.tt-menu {
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 8px;
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     margin: 12px 0;
     padding: 8px 0;
     width: 422px;
}

.tt-suggestion {
     font-size: 18px;
     line-height: 24px;
     padding: 3px 20px;
     text-align: left;
}

.tt-suggestion:hover {
     background-color: #0097cf;
     color: #fff;
     cursor: pointer;
}

.tt-suggestion.tt-cursor {
     background-color: #0097cf;
     color: #fff;
}

.tt-suggestion p {
     margin: 0;
}

.row.is-flex {
     display: flex;
     flex-wrap: wrap;
}

.row.is-flex>[class*='col-'] {
     display: flex;
     flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/

.row.is-flex {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.row.is-flex>[class*='col-'] {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
}


/*---------------------Agents Site CSS begins Here----------*/

.agname{
display: block;
     float: left; padding: 10px 0 0 0px;

}



.agentsbody{
     width: 90%;
     height:100%;
     margin: 0 auto;
     background-color: white;
    font-family: 'Open Sans', sans-serif; font-weight: 200;
}

.agenthtml {
     max-width:1300px;
     margin: 0 auto;
     width: 100%;
     height: 100%;
     background-color: white;
}
.brokersbody{
     width: 100%;
     height:100%;
     margin: 0 auto;
     background-color: white;
    font-family: 'Open Sans', sans-serif; font-weight: 200;
}

.readmore {
     font-weight: 800;
     color: black;
     text-align: center;
}

.readmore :hover {
     color: #ccc;
     text-decoration: none;
}

.shine {
     text-shadow: -.5px -.5px .5px #fff, .5px .5px .5px #ccc;
     color: black;
     opacity: 1;
}


/*-----------------video player--------------*/

.wrapperz {
     max-width:100%;
     width: 100%;
     margin: 25px auto;
     display: inline-block;
}

.noWrapper {
     width: 100%;
     height: auto;
}

iframe {
     width: 100%;
}


/*---------------------------------------hamburger navigation---------------------*/

#logo2 {
     width: 240px;
     display: block;
     padding: 15px 0 0 10px;
     float: left;
}

#monav {
     width: 100%;
     height: 70px;
     background-color: white;
     position: relative;
     transition-duration: 0.5s;
     transition-timing-function: swing;
     overflow: hidden;
     display: none;
}

#monav h4{
     padding: 20px 0  0 10px;
}

#monav.open {
     height: auto;
}

#monav ul {
     padding-top: 20px;
     background-color: white !important;
}

#monav ul li {
     list-style: none;
     text-align: center;
}

#monav ul li {
     padding: 20px 0;
     display: inline-block;
     text-decoration: none;
     color: black;
     font-family: 'Open Sans', sans-serif;
     font-weight: 600;
}

#monav ul li:hover {
     background-color: none;
}

#monav ul a:hover {
     color: whitesmoke;
}

.navToggle {
     position: absolute;
     width: 60px;
     height: 60px;
     top: 6px;
     right: 2px;
     transition-duration: 0.5s;
}

.navToggle .icon {
     transition-duration: 0.5s;
     position: absolute;
     width: 30px;
     height: 2px;
     top: 30px;
     left: 15px;
     background-color: black;
}

.navToggle .icon:before, .navToggle .icon:after {
     transition-duration: 0.5s;
     position: absolute;
     width: 30px;
     height: 2px;
     background-color: black;
     content: "";
}

.navToggle .icon:before {
     top: -7px;
     left: 0;
}

.navToggle .icon:after {
     top: 7px;
     left: 0;
}

.navToggle:hover {
     cursor: pointer;
}

.navToggle:hover .icon:before {
     top: -10px;
}

.navToggle:hover .icon:after {
     top: 10px;
}

.navToggle.open {
     transition-duration: 1s;
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
}

.navToggle.open .icon {
     transition-duration: 0.5s;
     background-color: transparent;
}

.navToggle.open .icon:before {
     transition-duration: 0.5s;
     top: 0;
     transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
}

.navToggle.open .icon:after {
     transition-duration: 0.5s;
     top: 0;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
}


}

/*-------------------------------------------hamburger navigation ends---------------*/

/*--------------------------------Buttons begin-------------------*/
#wrapperz {
     width: 100%;
     margin: 0;
     padding: 0;
}
section button {
     margin: 35px auto;
     font-size: 1.8rem;
     padding: .75rem 3.25rem;
     display: inline-block;
     background-color: #ccc;
     font-weight: 300;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     font-weight: 400;
}
section button:hover {
     background-color: white;
     color: gray;
}
.profileinfo {
     text-decoration: none;
     color: white;
}
.profileinfo:hover {
     text-decoration: none;
     color: black;
     text-shadow: -.5px -.5px .5px #fff, .5px .5px .5px #666;
     color: black;
     opacity: 1;
}
.profileinfo a:hover {
     text-shadow: -.5px -.5px .5px #fff, .5px .5px .5px #666;
     color: black;
     opacity: 1;
}

/*--------------------------------Buttons end-------------------*/
.viewinfo {
     width: 300px;
     height: auto;
     padding: 5%;
     text-align: center;
}
.viewinfo h4 {
     text-align: center;
     padding: 8px 15px;
     width: 200px;
     text-decoration: none;
     margin: 0 auto;
}
.viewinfo a {
     width: 200px;
     text-decoration: none;
     color: white;
     background-color: #666;
     border: 1px solid #666;
     color: white;
     -webkit-box-shadow: 0px 8px 29px -9px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0px 8px 29px -9px rgba(0, 0, 0, 0.75);
     box-shadow: 0px 8px 29px -9px rgba(0, 0, 0, 0.75);
}
.viewinfo h4:hover {
     background-color: white;
     border: 1px solid #666;
     color: #666;
}

/*--------------------------------Buttons ends-------------------*/

#mainav, #mainav2 {
     text-align: center;
     margin: 15px 0 !important;     
}
#mainav2 {
     width:100%;
     margin:50px 0;
     background:#fff;
}
#mainav ul, #mainav2 ul {
     margin-top: 15px;
     margin-bottom: 0px!important;  
     background-color: white !important;  
     border-bottom: 2px solid #ccc;   
     /*I'VE CHANGED THIS , ORIGINALLY WAS border-bottom: 4px solid #666*/
}
#mainav ul li, #mainav2 ul li {
     display: inline-block;
     padding: 5px 15px 5px;  /*---------------------------------------CHANGED THIS, ORIGINALLY WAS padding: 30px 15px 20px;--------------------------*/
     color: black;
     font-weight: 400;
     color: #000;
     font-size: 1.3em;
     margin: 4px 6px;
}
/* #mainav ul li:hover {
     background-color: white; 
     color: #666;
      margin: 2px 6px; 
     border-bottom: 2px solid black;  
     color: #ccc!important;   
} */

.mainavlinks {
     display: inline-block;
     padding: 5px 15px 5px;
     color: black;
     font-weight: 400;
     color: #000;
     font-size: 16px;;
     margin: 4px 6px;
     border-bottom: 2px solid transparent;
     text-transform:uppercase; 
}
.mainavlinks:hover {
     border-bottom: 2px solid black; 
     color: #ccc!important;
}
.mainavactive {
     margin: 2px 6px;
     border-bottom: 2px solid #000;
     color: #ccc !important;
}

@media only screen and (max-width: 816px) {
     
     #mainav ul li {
          display: none;
          padding: 30px 15px 15px;
          margin: 15px 0;
     }


     .agname{
          display: none;
     }

     #monav {
          display: inline-block;
     }

     .headtitle {
          font-size: 1.38em;
          font-weight: 400;
          text-align: center;
          width:100%;
          margin:0px;
          padding:10px;
     }
}
@media only screen and (max-width: 991px) {
     .upperhead {
          display: none;
     }
}

/* ------------------------------------header ends------------------------------*/
.usernav {
     text-align: center;
     margin: 10px 0;
     border-bottom: 3px solid #fff;
}
.usernav ul {
     background-color: #ccc;
}
.usernav ul li {
     /*display: inline-block;*/

     padding: 10px 15px 10px;
     color: black;
     font-weight: 400;
     font-size: .8em;
     background-color: whitesmoke;
     border: 1px solid #ccc;
}
.usernav ul li:hover {
     background-color: #008ad0;
     color: #fff;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
.usernav a:hover {
     text-decoration: none;
}
.usernav ul li {
     display: block;
     margin: 3px 0;
}
#usernav {
     text-align: center;
     margin: 10px 0;
     border-bottom: 3px solid #fff;
}
#usernav ul li {
     display: inline-block;
     padding: 10px 15px 10px;
     color: black;
     font-weight: 400;
     font-size: .8em;
     background-color: whitesmoke;
     border: 1px solid #ccc;
}
#usernav ul li:hover {
     background-color: #008ad0;
     color: #fff;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
#usernav a:hover {
     text-decoration: none;
}
#usernav ul li {
     display: block;
     margin: 3px 0;
}
.PRleft, .PRright{
 padding-bottom: 20px;
}

.busicategory{
     text-align: center;
     margin-top: 20px;
     margin-left: 5px;
     background-color: #808588;
     padding: 14px 0;
     color: white;
     letter-spacing: .1em;
}

.busisub{
     margin-left: 5px;
     margin-top:-10px;
}


@media (min-width: 431px) {
.PRleft{
	float: left
}

.PRright{
	float: right;
}
}
.hovprice:hover{
	background-color: #008ad0;
	color: white;

		-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
figure.snip1218 {
     font-family: 'Lato', Arial, sans-serif;
     position: relative;
     /*float: left;*/

     overflow: hidden;
     margin: 10px auto;
     /*  min-width: 220px;
  max-width:310px;*/

     width: 100%;
     background: #008ad0;
     color: #333;
     text-align: center;
     /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/

     font-size: 16px;
}
figure.snip1218 * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all 0.35s ease;
     transition: all 0.35s ease;
}
figure.snip1218 img {
     max-width:100%;
     vertical-align: top;
}
figure.snip1218 .image {
     position: relative;
     border-bottom: 5px solid #ccc;
     border-top: 5px solid #ccc;
     z-index: 1;
}
figure.snip1218 .image:before {
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 20px 20px 0 20px;
     border-color: #008ad0 transparent transparent transparent;
     content: '';
     position: absolute;
     top: 100%;
     left: 50%;
     -webkit-transform: translate(-50%, -15px);
     transform: translate(-50%, -15px);
     z-index: -1;
     -webkit-transition: all 0.35s ease;
     transition: all 0.35s ease;
}
figure.snip1218 .image p {
     font-weight: 500;
     margin: 0;
     padding: 0 30px;
     line-height: 1.6em;
     position: absolute;
     top: 50%;
     width: 100%;
     color: white;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     opacity: 0;
     font-style: italic;
}
figure.snip1218 figcaption {
     background-color: #ffffff;
     padding: 5px;
}
figure.snip1218 h3 {
     margin: 0 0 5px;
     text-transform: uppercase;
     font-weight: 400;
}
figure.snip1218 h3 span {
     font-weight: 800;
}
figure.snip1218 h5 {
     margin: 0 0 15px;
     font-weight: 400;
}
figure.snip1218 i {
     margin-right: 5px;
     display: inline-block;
     font-size: 24px;
     color: #000000;
     width: 35px;
     height: 35px;
     line-height: 35px;
     background: white;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
     background-color: rgba(0, 0, 0, 0.05);
}
figure.snip1218 i:hover {
     background-color: #008ad0;
     color: white !important;
}
figure.snip1218:hover .image:before, figure.snip1218.hover .image:before {
     border-color: #008ad0 transparent transparent transparent;
     -webkit-transform: translate(-50%, 0px);
     transform: translate(-50%, 0px);
}
figure.snip1218:hover .image p, figure.snip1218.hover .image p {
     opacity: 1;
}
figure.snip1218:hover img, figure.snip1218.hover img {
     opacity: 0.2;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
}
.imgbox {
     position: relative;
     overflow: hidden;
     height: auto;
     width: 100%;
     border: 2px solid #ccc;
}
.imgbox img {
     position: relative;
     height: 100%;
     width: 100%;
     transform: scale(1);
     transition: transform;
     transition-duration: 1s;
}

@media (max-width: 431px){
     #monav h4{
          font-size: 1em;
     }
     .Expert-Label {
          bottom: 10px;
          width: 85.5%;
          font-size: 10px;
          padding: 0px;
          letter-spacing: 0px;
     }
}

.viewbox {
     width:auto;
     /* min-height:50px;
     height:auto; */
     padding:10px;
     border:2px solid #ddd;
     border-radius:10px;
     clear: both;
}
/*------------------------Diamonds Properties Styles Begins-----------*/

#goldstrip{
     width:100%; height: 1.5em;position: relative;z-index: 1;margin-top:-57px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed9801+0,ffffff+26,ffffff+75,ed9801+100 */
background: rgb(237,152,1); /* Old browsers */
background: -moz-linear-gradient(left, rgba(237,152,1,1) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 75%, rgba(237,152,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(237,152,1,1) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 75%,rgba(237,152,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(237,152,1,1) 0%,rgba(255,255,255,1) 26%,rgba(255,255,255,1) 75%,rgba(237,152,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9801', endColorstr='#ed9801',GradientType=1 ); /* IE6-9 */"
}


.diamond-gallery-caption { text-transform:uppercase;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.diamond-gallery-caption2 { font-size:.8em; padding: 5px 15px; text-transform:uppercase;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.picgallery{
     width: 32%;
     margin:.6%;
     float: left;
     color: black;
     text-align: center;
}




@media (max-width: 501px){
     #goldname h1 {font-size: 2.5em;

     }
          #goldstrip{
          display: none;}

     .picgallery{
     width: 48%;
     margin:.6%;
     float: left;
}

}


@media only screen and (max-width: 700px) {
     #goldname h1 {font-size: 3.5em;

     }

#panosalonpr{
display: none;
}
}


#panosalonsmall{
     width: 100%;
     height: auto;
     background-image: url('http://dream12.dhnw.net/siteimages/panosalon.jpg');
      background-size:cover;
      padding: 3px 0;

}

@media (min-width: 701px){
     #goldname h1{
          font-size: 4.2em;

     }
#panosalonsmall{
     display: none;
}

}

/*------------------------Diamonds Properties Style Ends-----------*/




/*-------------For P-15-00, P-15-02, P-15-03 Article Pages Begins---------*/

#dhmn{
  font-size: 2em;
  color: #008ad0;
}

#dhmn span{
font-size: 1.6em
}

.hpercent small{
  font-size: .7em;
}


.hpercent h6{
  margin-top:-0;
  font-weight: 600;
}

.hpercent h6 a{
  color: black;
  text-decoration: underline;
}

.para8{
  font-size: .8em;
}

.lilimage{
  width: 100%;
  height: auto;
  margin: 3px auto;
  border: 1px solid #ccc;
}

.articlebox{
  width: 19%;
  float: left;
   margin: .5%
}

.timage{
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
}

.padright{
padding-right: 6.5px;
}


.padleft{
  padding-left: 6.5px;
}

#featH3{
 color: white;
 background-color: #008ad0;
 text-align: center;
 font-size:2em;
 margin-top:.8em;
 padding-top:3px
}

.ahrefRight{
  float: right;
}

.marightsix{
  margin-right: 6px;
}

.maleftsix{
  margin-left: 6px;
}

.maleftsix h4, .marightsix h4{
  color:#ffffff;
  background-color: #008ad0;
   font-size: 1.2em;
   padding: 5px 0 5px 3px;"
}

.smbluelinks{
float: right;
 font-size: .8em;
 text-decoration: underline;"

}

.pb15{
  padding-bottom: 15px;
}

#archivelinks p{
  font-size: .9em;
  margin:.5em 0;
}

.goarchive{
  font-size: 14px;
  color: #008ad0;
  font-weight:bold
}

.articleadvert{
     width: 100%;
     max-width:330px;
     padding-left: 8px;
     padding-bottom: 5px;
}

@media only screen and (max-width: 991px){

#advertise{
  display: none;
}

}


@media only screen and (max-width: 768px){


.timage{
  width: 100%;
  max-height: 100%;
}


.marightsix{
  margin-right: 0px;
}

.maleftsix{
  margin-left: 0px;
}

}

@media only screen and (max-width: 450px) {

.twelve{
  width: 100%;
}

.padright{
  padding-right: 0;
  padding-top: 15px;
}

.padleft{
  padding-left: 0;
  padding-top: 15px;
}

}


@media only screen and (max-width: 327px) {

.hpercent{
  width: 100%;
}

}

.printonly {
     display:none;
}

/*-------------For P-15-00, P-15-02, P-15-03 Article Pages Ends---------*/

.mstrong{
     font-weight: 600;
}

.eightfive{
     width: 85%;
}

.icpad{
     padding: 7px 0;
}

.ptt{
     padding-bottom: 30px
}

.maps{
     padding-top: 30px;
}

.mapstitle{
     padding: 10px 0 20px;
     font-size: 1.2em;
     color: #404040;
     font-weight: 600;
}

.maplist ul{
     background-color: white !important;
     padding-left: 13px;
     }

.maplist ul li{
     display: block;
     text-align: left;
     font-weight: 600;
     margin: 1px 0 !important;
     font-size: 1em;
     color: #595959;
}

.maplist ul li a{
     color: #008ad0 !important;
     font-weight: 200;
     padding: 2px 0 2px;
}

.maplist ul li a:hover{
     background-color: white !important;
     color: skyblue !important;
}

.bdmapstitle{
     padding: 10px 0 20px;
     font-size: 1.2em;
     color: #404040;
     font-weight: 600;
}

.bdmaplist ul{
     background-color: white !important;
     padding-left: 13px;
     }

.bdmaplist ul li{
     display: block;
     text-align: left;
     font-weight: 600;
     margin: 1px 0 !important;
     font-size: 1em;
     color: #595959;
}

.bdmaplist ul li a{
     color: black !important;
     font-weight: 200;
     padding: 2px 0 2px;
}

.bdmaplist ul li a:hover{
     background-color: white !important;
     color: skyblue !important;
}

.bdmaph2title{
     color: #008ad0;

}

.usernav2{
  background-color: #FDF5E6;
  text-align: center;
  margin: 15px 0;
  border-bottom: 3px solid #666;
}

.usernav2 ul li{
  display: inline-block;
  padding: 10px 15px 10px;
  color: black;
   font-weight: 400;
     color: black;
  font-size: .9em;
}

.usernav2 ul li:hover{
  background-color: white;
  color: #666;

}
.sign-in{

 width: 70%;
 margin:  0 auto;
}

.usergradient{
background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcedd1+0,ffffff+37,ffffff+60,fcedd1+100 */
background: #fcedd1 !important; /* Old browsers */
background: -moz-linear-gradient(left, #fcedd1 0%, #ffffff 37%, #ffffff 60%, #fcedd1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fcedd1 0%,#ffffff 37%,#ffffff 60%,#fcedd1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fcedd1 0%,#ffffff 37%,#ffffff 60%,#fcedd1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcedd1', endColorstr='#fcedd1',GradientType=1 ); /* IE6-9 */

}

.userscontainer{
     padding-bottom:15px;
      margin-top: 5px;
}


.userh3{
     font-family: 'Open Sans', sans-serif;
     font-weight: 200;
     text-align: center;
}


.userh3p{
     text-align: center;
     font-size: 2.5em !important;
     font-weight: 200;
}

.userselect{
     background-color: white;
}

.userh3color{
     text-align: center;color:#008ad0
}

.userdblborder{
     width: 100%; height: auto;border: 5px double #666; margin: 10px 0
}


.userh4{
     color: #666; padding-left:10px; font-weight: 400;
}

.usermargin1{
     margin:1.2em 0;
}

.usersparapadding p{
     padding: .6em 0;
 }


 .usersearchrow{
     padding:.75em 0;
     border-bottom: 2px solid #ccc;
 }

.usersearchh4{
     color:#008ad0;
     padding:0 0 5px 5px;
     text-decoration: underline;
}

.usersearchicons{
     width: 70px;
     margin: 12px 0;
}

.userforms{
  width: 50%;
  margin: 0 auto;
  height: auto;
  padding: 15px 15px 30px;
  border: 2px solid #666;
}

 #notyet{
  padding: 20px 0;
}
.tforms{
  width: 100%;
  margin: 0 auto;
  height: auto;
  padding: 15px 15px 10px;

  background-color: #FDF5E6;
/*  border: 1px solid black;
*/}

.form{
  width:100%;
}

/* input{
  color: #ccc;
  border: 1px solid black;
} */

.submitbtn{
  width: 100%;
 /* background-color: #FDF5E6;*/
  margin-top: 20px;
  height: 2.3em;
  color: white;
  background-color: #008ad0;
}

.submitbtn:hover{
  background-color:whitesmoke;
  color: black;
}

.tbox{
  width: 100%;
  height: auto;
}

.tbox2{
   width: 100%;
  height: auto;
  display: inline-block;
}


.outbox{
  width: 48%;
}

.txtcentcolor{
     text-align: center;
     color: #008ad0;
}

.fltl{
  float: left;
}

.fltr{
  float: right;
}

#signInbox{
  text-align: center;
}

.regis, .submitbtn2{
  width: 48%;
  margin-top: 20px;
  height: 2.3em;
  color: white;
  background-color: #008ad0;
  float: left;
}

.savebtn{
    width: 48%;
  height: 2.3em;
  color: white;
  background-color:#008ad0;
  float: left;
}

.cancel{
  width: 48%;
  margin-top: 20px;
  height: 2.3em;
  color: white;
  background-color:#008ad0;
  float: right;
}
.cancel2{
  width: 48%;
  height: 2.3em;
  color: white;
  background-color:#008ad0;
  float: right;
}


.regis:hover, .cancel:hover, .cancel2:hover,.savebtn:hover,.submitbtn2:hover{
  background-color:whitesmoke;
  color: black;
}

#buttonbox{
  margin-bottom: 60px;
}


.signIn{
  width: 28%;
  margin-top: 20px;
  height: 2.3em;
  color: white;
  background-color: #008ad0;

}

.signIn:hover{
  background-color:whitesmoke;
  color: black;
}


.radiobtn{
  width: 100%;
  height: auto;
  padding: 15px 0;
}

label{
  padding: 5px 0;

  font-weight: 400;
  display: block;
}

@media only screen and (max-width: 991px){

#advertise{
  display: none;
}
}

@media only screen and (max-width: 627px) {

     .usernav2{
     padding:5px;

     }
     .usernav2 ul li{
       display: block;
       margin: 3px 0;
     }

     .sign-in{
      width: 100%;
      margin:  0 auto;
     }

     .tforms{
       width: 100%;
     }

     .signIn{
       width: 100%;
     }

     .userforms{
       width: 100%;
     }
}

.imgdiv2 {
     display: inline-block;
     width:32%;
     margin: 2px;
     color: #000;
     /* border: 1px solid #bbb; */
     /* border-radius: 7px 7px 0 0; */
     text-align: center;
}
@media only screen and (max-width: 767px) {
     #mainav2 {
          display:none;
     }
     /* #mainav2 ul li {
          display: none;
          padding: 30px 15px 15px;
          margin: 15px 0;
     } */
     .imgdiv2 {
           width:49%;
     }
     /* #mainav2 ul {
          border-bottom:none !important;
     } */
     .bizhero h2{
          font-size: 1.2em;
     }
}
@media only screen and (max-width: 638px) {
     .imgdiv2 {
           width:99%;
     }
}


.TitleT28B {	font-family: Gill Sans MT, Gill Sans, Microsoft Sans Serif, Helvetica, Arial;	font-size: 25px;	color: #003366;	line-height: normal;}
.BodyT14 {font-size: 13px; line-height:16px;}
.SubT14b {	font-family: Gill Sans MT, Gill Sans, Microsoft Sans Serif, Helvetica, Arial;	font-size: 13px;	font-weight: bold;	line-height: normal;}
.HeadT16bi {
	font-size:15px;
	font-style:italic;
	font-weight:bold;
}
.previewminisite-button {
    width: 150px;
    padding: 2px;
    border: 1px solid #008ad0;
    background-color: #008ad0;
    font-size: 10px;
    font-weight: bold;
    color: white;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-variant: small-caps;
}
.NoteT13bB, .NoteT13bB a{
    font-family: Gill Sans MT, Gill Sans, Microsoft Sans Serif, Helvetica, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}
.bizbillhead {
     font-size:28px; text-align:center; text-transform:uppercase; margin-bottom:4px;
     background: -moz-linear-gradient(left, rgba(206,206,156,1) 0%, rgba(255,255,255,0) 50%, rgba(206,206,156,1) 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(left, rgba(206,206,156,1) 0%,rgba(255,255,255,0) 50%,rgba(206,206,156,1) 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right, rgba(206,206,156,1) 0%,rgba(255,255,255,0) 50%,rgba(206,206,156,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cece9c', endColorstr='#cece9c',GradientType=1 ); /* IE6-9 */
}

.signin-form{
	max-width: 550px ; margin:10px auto 20px; padding:30px 25px; font-style: normal!important;box-shadow: 0px 5px 34px 2px #807B7B;
	-webkit-box-shadow: 0px 5px 34px 2px #ccc;
	-moz-box-shadow: 0px 5px 34px 2px #ccc;
	-o-box-shadow: 0px 5px 34px 2px #ccc;
}

.signin-form h4{
	color: #008ad0; 
	letter-spacing: .1em; 
	margin-bottom: 10px;
}

.signin-form p{
	font-size: 1em;
	margin-bottom: 15px;
}


.signin-form input{
	border: 1px solid #008ad0;
	width: 100%;
	margin:10px auto; 
	padding: 8px 4px; 
	letter-spacing: .3em;
}

.signin-form button{
	width: 100%; 
	margin:10px 0 0; 
	padding:10px 0; 
	background-color: #008ad0; 
	border:1px solid #008ad0; 
	color: white; 
	letter-spacing:.69em;
}

.signin-form button:hover, .signin-attention button:hover{
	background-color: white;
	color: #666;
	transition: 2s;
}

.signin-attention{
	padding:  0 20px;
}

.signin-attention h3{
	letter-spacing:.07em;
	 color:#008ad0;
	 font-weight: 300!important;
}

.signin-attention button{
	width:auto; 
	margin:13px 0;
	padding:9px 12px; 
	background-color: #008ad0; 
	border:1px solid #008ad0; 
	color: white; 
	letter-spacing:.2em;
	text-align: center
}