body{margin:0;padding:0;color:#000;font-family:Arial, Helvetica, sans-serif;height:100%;-webkit-text-size-adjust:none;}
.clear{clear:both;}
a{text-decoration:none;color:#1975CF;}
.center{width:100%;text-align:center;}
.clear{clear:both;}

/* --- header --- */
#header{background:#F5F6F7;position:relative;height:95px;}
#header .frame{width:80%;}
#header a{outline:0;}
#logo{float:left;padding:7px 0 0 5%;}
#logo a:link, #logo a:visited{background:url(../images/mobile/logo-accessu2.png) no-repeat 0 0;display:block;overflow:hidden;width:100px;height:40px;text-decoration:none;}
#beta{color:#555599;float:left;margin:8px 0 0 10px;font-size:13px;}

#nav-global{position:absolute;top:0;right:0;background:url(../images/nav_global_lftcn.png) no-repeat 0 0;padding-left:30px;margin-top:-1px;}
#nav-global ul{background:url(../images/nav_global_rtcn.png) no-repeat right 0;margin:0;padding:0 5px 0 0;height:31px;}
#nav-global li{background:url(../images/nav_global_mid.png) repeat-x 0 0;float:left;list-style:none;margin:0;padding:6px 7px 0 7px;height:31px;}
#nav-global li a{color:#fff;text-decoration:none;font-weight:bold;font-size:12px;}
#nav-global li#g-nav-home{padding:7px 5px 0 0;}
#nav-global li#g-nav-home a{background:url(../images/icons/ico-home.png) no-repeat center center;display:block;float:left;width:15px;height:16px;}
#nav-global li.g-nav-darker a{color:#777777;}
#nav-main{margin:0px auto;width:95%;position:relative;top:-61px;left:0;z-index:2;}
#nav-main > ul{background:url(../images/mobile/nav-main-bg.jpg) repeat-x 0 0;height:2.52em;margin:0 auto;padding:0;position:relative;width:100%;height:26px;}
#nav-main > ul > li{float:left;font-size:113%;list-style:none;margin:0;padding:0;position:relative;}
#nav-main > ul > li:hover{background-color:#CCC;}
#nav-main > ul > li > a{font-size:12px;border-right:1px solid #BFBFBF;color:#5F5F5F;display:block;float:left;padding:0.6em 0.4em 0.4em 0.4em;text-decoration:none;text-shadow:0 1px 0 #FFF;}
#nav-main > ul > li.current > a{background:#CCC url(../images/nav_main-current.gif) no-repeat center bottom;}
#nav-main > ul > li:hover > ul.nav-sub {left:auto;}
#nav-main .nav-sub{background:#F4F4F4;border:1px solid #BFBFBF;border-top:none;margin:-13px 0 0 -50px;padding:0 0 0.3em 0;position:absolute;left:-999em;top:2.2em;z-index:999;-webkit-box-shadow:0 1px 3px #7F7F7F;}
#nav-main .nav-sub li{font-size:14px;list-style:none;margin:0;padding:0;}
#nav-main .nav-sub li a{color:#5F5F5F;display:block;padding:0.4em 0.7em 0.2em 0.7em;text-decoration:none;/*width:13em;*/}
#nav-main .nav-sub li a:hover{background:#D6E5F2;color:#0085DD;}
#nav-main > ul > li#m-nav-cart{position:absolute;right:0;}

/* --- page --- */
.page{background:#F5F6F7;position:relative;margin-bottom:40px;}
.page .frame{background:#fff;margin:-61px auto;position:relative;z-index:1;width:95%;-webkit-box-shadow:0 0 10px #bfc0c2;}
.page .body{padding:1px 1% 1% 1%;}

/* --- banner --- */
ul#banner{list-style:none;margin:0;padding:0;}
ul#banner li{background:url(../images/mobile/banners/banner1.jpg) no-repeat center bottom;width:100%;height:170px;}
ul#banner li h2{color:#515151;font-size:16px;font-weight:normal;padding:0 0 0 5px;}
ul#banner li p{color:#888888;font-size:13px;margin:-10px 0 15px 5px;}
ul#banner li .go-mobile{padding:0;margin:-10px 0 10px 0;}
ul#banner li .go-mobile a{font-size:200%;color:#0C61CF;}
ul#banner li#banner2{background:url(../images/mobile/banners/banner2.jpg) no-repeat center bottom;}
ul#banner li#banner3{background:url(../images/mobile/banners/banner3.jpg) no-repeat center bottom;}
ul#banner li#banner4{background:url(../images/mobile/banners/banner4.jpg) no-repeat center bottom;}
ul#banner li#banner5{background:url(../images/mobile/banners/banner5.jpg) no-repeat center bottom;}
ul#banner li#banner6{background:url(../images/mobile/banners/banner6.jpg) no-repeat center bottom;}

/* --- product highlight --- */
.product_highlight{background:#f5f6f7;padding:15px 20px;}
.product_highlight p{color:#666;}
.product_highlight img{float:right;}
.product_highlight .unit{
    background-color: #FFFFFF;
    border: 1px solid #999999;
    color: #515151;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 12px 10px;
    text-decoration: none;
}
.product_highlight .agent img{padding:15px 10px 5px 0;}
.product_highlight .listing img{padding:40px 4px 5px 0;}
.product_highlight .search img{padding:15px 0 5px 10px;}
.product_highlight .learn_more{display:block;}
.product_highlight .learn_more a{background:url(../images/arrow-r.gif) no-repeat right 63%;padding-right:10px;color:#336699;text-decoration:none;}

/* --- footer --- */
.footer{background:url(../images/page-bottom.png) no-repeat center top;color:#999;padding-top:30px;background:#F5F6F7;clear:both;}
.footer{color:#999;padding-top:30px;}

/* quotes */
.quote{padding:15px 45px 10px 10px;}
.quote img{float:left;padding:3px 7px 3px 0;}
.quote q{font-size:110%;}
.quote .quote-attribution{clear:left;display:block;font-size:98%;padding-left:20%;font-style:italic;}
.quote .quote-attribution:before{content:\2013;}

/* --- footer sitemap --- */
.footer .sitemap{font-size:96%;}
.sitemap a,.sitemap a:link,.sitemap a:visited{color:#999;text-decoration:none;}
.sitemap a:hover{color:#5F5F5F;text-decoration:none;}
.footer .frame{padding:0 50px;}
.footer .sitemap ul{margin:0 10px;padding:10px 0;}
.footer .sitemap ul li{list-style:none;margin:0;padding:0 0 5px 0;}
.footer .sitemap h2{border-bottom:1px solid #999;color:#5F5F5F;font-size:103%;font-weight:normal;letter-spacing:1.3px;margin:0 10px;padding:8px 0 3px 0;}
.footer .news_feed h2{background:url(../images/icons/ico-rss.gif) no-repeat left center;padding-left:27px;}
.footer .news_feed ul{padding:0 0 10px 0;}
.footer .news_feed ul li{border-bottom:1px solid #5a5a5a;border-top:1px solid #0a0a0a;padding:0.8em 0;}
.footer .news_feed ul li:first-child{border-top:0;}
.footer .news_feed ul li h3{color:#6699cc;font-size:100%;font-weight:normal;letter-spacing:1px;padding:0 0 3px 0;}
.footer .news_feed ul li h3 a{color:#6699cc;}
.footer .news_feed ul li h3 a:hover{color:#1975CF;}
.footer .social_feeds ul li{padding:2px 0 10px 25px;}
.footer .social_feeds .twitter{background:url(../images/icons/ico-twitter.gif) no-repeat left top;}
.footer .social_feeds .facebook{background:url(../images/icons/ico-facebook.gif) no-repeat 1px top;}
.footer .social_feeds .youtube{background:url(../images/icons/ico-youtube-2.png) no-repeat left top;}
.footer .social_feeds .blogspot{background:url(../images/icons/ico-blogspot.png) no-repeat left top;}
.footer .contact_us ul li{padding:2px 0 6px 0px;}
.footer .contact_us .phone{color:#5F5F5F;font-weight:bold;}

/* --- footer copyright --- */
.copyright{padding-bottom:1em;margin-top:-10px;}
.copyright p{color:#7b7b7b;font-size:10px;text-align:center;}
.copyright img{padding:0 10px;}

/* --- footer customer highlight --- */
.customer_highlight{padding:0 0 25px 20px;}
.customer_highlight h2{color:#515151; font-size:18px;}
.customer_highlight .testimonials_link{background:url(../images/icons/ico-testimonials-blue.gif) no-repeat 10px top;margin-top:7px;padding:11px 0 10px 35px;}
.customer_highlight .customers h2{background:url(../images/icons/ico-arrows-bf.gif) no-repeat left 14px;padding-left:15px;}
.customer_highlight .customers .line{padding-top:10px;}

/*____ slider mAgent ____*/
.slide-details{margin-bottom:10px;clear:both;}
.slide-details .register{float:right;}
.page .frame .body .slide-details.odd{background:#e9e9e9 url(/images/mobile/slider.png) repeat-x 0 0;}
.slide-details h2{font-size:16px;margin-left:5px;}
.slide-details h3{font-size:14px;font-weight:normal;margin:-10px 0 0 5px;}
.slide-details em{font-size:13px;color:#7F7F7F;margin-left:5px;}
.slide-details ul{font-weight:bold;margin:5px 0 5px 0;padding-left:20px;font-size:13px;}
.slide-details ul li{font-size:12px;font-weight:normal;margin:0 0 3px 20px;width:52%;}
.slide-details.phonedemo{background:url(/images/mobile/magent-phone-demo.png) bottom center no-repeat;}
.slide-details.what{padding-top:5px;}
.slide-details.what .register{margin-top:6px;}
.slide-details.why{background:url(/images/mobile/sample-card.jpg) bottom center no-repeat;padding:5px 0 100px;}
.slide-details.why .register{margin-top:13px;}
.slide-details.odd.how{padding:5px;}
.slide-details.odd.how .register{margin-top:14px;}
.slide-details.odd.how ul li{width:90%;}
.slide-details.odd.how strong{padding-right:10px;}
.slide-details.odd.how div{width:100%;text-align:center;}
.slide-details.odd h3{margin-top:5px;}
.slide-details.applications .register{margin:0 0 0 0;}
.slide-details.applications h3{margin-top:2px;}
.app{margin:4% 0 0 2%;}
.app .left{float:left;width:43%;}
.app .right{float:left;width:53%;margin-bottom:5px;font-size:14px;}
.app .left .left{width:43%;}
.app .left .right{width:53%;margin-left:3%;}
.app .left .right strong{font-size:13px;}
.app .left .right div{margin-top:2px;font-size:11px;}
.app .left .right div div em{font-size:11px;color:#7F7F7F;}

/*____ slider mListing ____*/
.slide-details.phonedemolisting{background:url(/images/mobile/mlisting-phonedemo.png) bottom center no-repeat;padding-bottom:65px}
.slide-details.phonedemolisting .register{margin-bottom:10px;}
.slide-details.odd.why-mlisting ul li{width:90%;}
.slide-details.odd.why-mlisting div{width:100%;text-align:center;}
.slide-details.howlisting{background:url(/images/mobile/signup-enter-listing-info-add-applications.png) bottom center no-repeat;padding-bottom:225px}
.slide-details.howlisting h2{margin:15px 0 2px 5px;}
.slide-details.howlisting {font-size:14px;}
.how-container .left{float:left;width:18%;margin:2% 0 2% 3%;}
.how-container .right{float:left;width:67%;margin:2% 0 2%;}
.slide-details.odd.applications{padding-bottom:10px;}

/*____ mBroker ____*/
.slide-details.mBroker p{padding-left:10px;margin:4px 0 4px 0;}
.slide-details.mBroker h3{margin-bottom:10px;}
.slide-details.mBroker h3 div{margin:0 0 0 20px;}
.x-able{color:#515151;font-size:13px;width:96%;margin:2%;}
h2.x-hdr{background:#DFF0FF;font-size:13px;width:96%;margin:0;padding:2%;}
.x-body{background:#ebf4ff;width:96%;padding:2%;}
.x-body p.pad{clear:both;font-size:16px;padding-bottom:8px;}
.x-body p.pad label{margin-bottom:20px;}
.x-body p.pad input,.x-body p.pad select, .x-body p.pad textarea{margin-top:4px;padding:5px 4px;font-size:16px;width:91%;color:#CF1919;}
.x-body p.pad .required{color:#CF1919;}
.x-body p.pad span.required{padding-top:5px;font-size:22px;}
.x-body p.pad select{width:94%;}
.x-able.mlsPricing .x-body{padding:2% 2% 0 2%;}
.mlsPricing-header{color:#3A659A;font-size:18px;}
p.mlsPricing{background:#d3e9fe;width:100%;position:relative;left:-2%;padding-top:10px;}
#changeTypeArea{margin-left:10px;color:#515151;}
#changeTypeArea .clear{margin:4% 0 4%;}
#changeTypeArea input{width:auto;margin:0 2% 8% 0;float:left;}
#changeTypeArea .em{font-size:12px;margin:2% 2% 0 8%;}

/*____ mApplication ____*/
.h2-paragraph{padding:0 2% 0 2%!important;font-size:13px;margin-top:-8px!important;}
.what-mapp div{width:100%;text-align:center;margin-bottom:5px;}
.slide-details.m-app h2{padding:0 2% 0 2%!important;margin-bottom:-1px;}
.slide-details.m-app h3{padding:0 2% 0 2%!important;}

/*____ About Us ____*/
.aboutUs{padding:0 2% 0 2%!important;}

/* --- media items --- */
.aboutUs h1{color:#515151;font-size:26px;}
.media_item{border-top:1px solid #8ABF5F;margin:20px 0 0;padding-top:2%;clear:both;}
.media_item .date{padding:5px 2%;width:96%}
.media_item .article{text-align:left;}
.media_item .title{color:#3F3F3F;font-size:101%;padding:0 2% 2px 2%;}
.media_item p{padding:0 5px;}
.media_item .resrc{padding:0 2% 0 2%;}

/* quotes */
.testify h1{color:#515151;font-size:26px;padding:0 2% 0 2%;}
.quote{padding:0 2% 0 2%;}
.quote img{float:left;padding:3px 5% 3px 0;}
.quote q{font-size:14px;}
.quote .quote-attribution{clear:left;display:block;font-size:12px;padding-left:20%;font-style:italic;color:#1975CF;}
.quote .quote-attribution:before{content:\2013;}
.terms, .privacy{padding:0 2% 0 2%;}
.privacy h3 div{margin-bottom:5px;}
.privacy ol{margin-top:7px;}
.privacy ol li{margin:5px 0 5px;}

/* Submit*/
.submit-button{width:100%;text-align:center;height:35px;}
.clear .submit-button{width:100%;text-align:center;height:15px;}

/* Team */
.team-member img{float:left;margin-right:10px;}

/* XXXXXX SIGN UP MODAL BOX SECTION XXXXXX */
.overlay{width:100%;position:absolute;top:50px;left:0;display:none;z-index:99999;background:rgba(0,0,0,0.6);}
.overlay:target{display:table;}
.modal{position:absolute;top:50%;left:50%;width:80%;/*min-height:80%*/;margin-top:-45%;margin-left:-45%;background:#eee;padding:5%;-webkit-border-radius:10px;}
.modal-content{display:block;}
.modal-close{text-align:center;}
.modal a.close{display:block;height:20px;width:100%;padding-top:10px;}
div.modal{display:none;}
.x-body.signUp p.pad input,.x-body.signUp p.pad select, .x-body.signUp p.pad textarea{width:90%;}
.x-body.signUp .em{text-align:center;margin:-10px 0 10px 5%;width:90%;}
.x-body.signUp em{margin:0;}
.clear.terms{width:88%;position:relative;left:5px;}
 .clear.terms input[type='checkbox']{position:relative;right:5px;}
@media screen and (max-width: 320px){
    div.modal{display:block;}
    .signUp .submit-button{margin-left:-5px;}
    .overlay{height:120%;}
    .overlay.new-account{height:215%;}
}
@media screen and (min-width: 321px){
    div.modal{display:block;}
    .signUp .submit-button{margin-left:-2px;}
    .overlay{height:130%;}
    .overlay.new-account{height:380%;}
}

/* mobile listing m. pages */
.mLisings .center{margin:9px 0 14px;}
.mLisings .headline, .mLisings .content{margin:0 2% 0 2%;}
.mLisings .left{width:57%;float:left;}
.mLisings .right{width:42%;float:right;text-align:right;}
.mLisings .content .left{width:73%;}
.mLisings .content .right{width:25%;}
.mLisings .content .right ul{list-style-position:outside;margin:0;padding:0}
.mLisings .content .right ul li{list-style-position:outside;list-style-image:url(../images/arrow-r.gif);margin-bottom:7px;}
.mLisings h2{margin:0;font-weight:normal;font-size:16px;}
.mLisings h3{margin:0;color:#1975CF;line-height:17px;font-size:13px;}
.mLisings h3 a{font-size:16px;}
.mLisings h3 span{color:#000;font-size:14px;line-height:17px;}
.mLisings .content{padding-top:8px;}
.mLisings a.back{display:block;padding:5px 0 5px 0;clear:both;float:left;}
.photo-list{margin:0 auto;padding:0 0 0.5em 0;text-align:center;}
.photo-list ul{margin:0;padding:0;}
.photo-list li{list-style:none;margin:0;padding:0.5em 0 0 0;}
.video-list{margin:0 1em;padding:0 0 0.5em 0;text-align:center;}
.video-list li{list-style:none;margin:0;padding:0.5em 0 0 0;}
@media screen and (max-width: 320px){.photo-list img{width:288px;margin-left:-40px;}}
@media screen and (min-width: 321px){.photo-list img{width:432px;margin-left:-40px;}}