/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; /*font-size: 100%; font: inherit; vertical-align: baseline;*/ color: #333; text-decoration: none; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* first for IE 4–8 */ @font-face { font-family: DaxWebPro; src: url("../fonts/DaxWebPro.eot"); } /* then for WOFF-capable browsers */ @font-face { font-family: DaxWebPro; src: url("../fonts/DaxWebPro.woff") format("woff"); } body { line-height: 1.5; font-family: DaxWebPro; font-size: 14px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height:100%; /*overflow:hidden;*/ } /*ol, ul { list-style: none; clear:left; }*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } img { vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0; margin-bottom: 10px; } a {color: #007ac7;} /*-- /reset --*/ /* * Copyright begin * */ .map { position: relative; } #w2gi_copyright, #navteq_copyright, #osm_copyright { position: absolute; bottom: 5px; color: #000; font-weight: bold; font-size: 12px; z-index: 999; } #w2gi_copyright { right: 3px; } #navteq_copyright { display: none; left: 3px; } #osm_copyright { display: none; left: 3px; } /* * Copyright end * */ /* -- */ body { } p { /* padding: 1em; */ clear:both; } .box-wrapper { max-width: 100%; height: 100%; margin: 0 auto; } .content-list { overflow: hidden; position: relative; /*background: #FFF; width: 30em; */ } .content-list li { display: block; width: 100%; padding-bottom: 0.1em; } .content-list.maneuver-result li { width: 100%; } .content-list li em { text-transform: none; display: inline-block; width:20%; } #driving_directions { max-width: 100%; margin: 0 auto; margin-top: 1%; /* width:35em; */ position: relative; margin-bottom:10px; } #locator_search { max-width: 100%; margin-top: 10px; margin-bottom:10px; /* width:35em; */ position: relative; } #driving_directions span { } #driving_directions label { display: inline-block; margin:3px; } #driving_directions input.search-box { width: 350px; } #driving_directions img.reverse { position: relative; margin-left:10px; } .attribution { display:none !important; bottom: 8px; color: #666; display: block; float: left; font-size: 11px; font-weight: bold; position: absolute; right: 0; width: 380px; } .attribution a { color:#9AB531; text-decoration:underline; } .attribution span { display: inline-block; text-align: left; } .attribution_navteq { bottom: 20px; width: 96%; float:left; display:block; position: absolute; left:5px; font-size:12px; } .attribution_navteq a { color:#9AB531; } .attribution_navteq span { display: inline-block; text-align: left; } #locator_search h2 span { display: inline-block; max-width: 85%; } #locator_search span:hover { color:#9AB531; } .wrapper { /*overflow: hidden;*/ height: 100%; margin: 0 auto; position:relative; width:100%; } .map div { /* padding: 0; */ } .icon-bar { float: right; position: relative; margin-right: 40px; top: -25px; height: 2px; display:none; } .icon-bar a, .icon-bar i { font-size: 12px; color:#fff; } .icon-bar i { padding-right: 6px; font-size: 14px; } .poi { float: left; /* background:#fff; */ overflow-y:auto; overflow-x:hidden; position: relative; width: 100%; z-index: 999; /* if country and radius dropdown are there uncomment below line */ /*height:530px;*/ height:600px; padding:0px; } .poi h3 { text-align:left; border-bottom: 1px solid #a8a8a8; padding-bottom: 10px; } .map { float: left; height: 100%; margin: 0 auto; max-width: 100%; width: 100%; } #filters { position:absolute; left:10px; } .searchFilters div { float: left; } .searchFilters input { vertical-align: middle; } h3 { clear: both; color: #666; font-size: 28px; font-weight: normal; vertical-align: top; } h2 { color: #666; line-height: 32px; font-size:16px; font-weight: normal; } .poi.maneuver { } .poi .content-list li { float:left; background: #FFF; /* margin: .3em; */ padding: 10px 0px; color: #007ac7; } .poi .content-list li:hover {text-decoration:underline; cursor: pointer;} .poi .content-list.maneuver-result li { float: none; height: 22px; } .content-list.poi-result { /* width:20em; */ clear: left; } .count1 { display:none; } .content-list.poi-result li { float:left; width: 100%; border: none; padding:10px; border-bottom: 1px solid #bcbcbc; position: relative; line-height: 20px; font-size:15px; line-height:24px; color:#172838; } .poi-item a { color: #007ac7; font-weight: bold; cursor: pointer; } .getdirections { color: #007ac7; font-weight: bold; cursor: pointer; } .poi .content-list li.poi-item.poi-hover { background-color: #f8f8f8; color:#000; } .poi .content-list li .poi-hover div { color:#fff!important; } .poi-hover .poi_number { /* color:#fff!important; */ background-image: url("../newimages/mappinRed.small.png") !important; } .content-list.poi-result .poi-hover span, .content-list.poi-result .poi-hover div, .content-list.poi-result .poi-hover b { /* color:#fff; */ } .box-wrapper { position:relative; } /* driving directions */ .search_again, .search_again a {font-weight:bold; cursor:pointer; } .poi.maneuver { padding:0px; width: 100%; } .searchagain { background:#1c4f62; width:100%; padding: 20px; } .directions-box { width:100%; margin:10px auto; position: relative; float: left; } .directions { border-right:1px solid #1c4f62; text-align: center; } .directions h3 { border: 0px; text-align: center; color: #1c4f62; } .directions, .directions-time { width: 40%; padding:10px; float:left; } .directions-time p { padding:5px; color: #1c4f62; } #driving_directions label { display:inline-block!important; margin:9px; } #driving_directions input.search-box{ float:none; margin: 0 0 9px; height:30px; border:none; } /* driving directions */ /* Popup */ .w2gi-popup { /*width: 250px; height: 300px;*/ } .w2gi-popup h3 { color:#000; font-size: 14px; } .olPopupContent { overflow: hidden !important; } /* Tabs */ .tabs { display:none; } .tabs li { background: #ccc; display: inline-block; padding: 4px; margin-right: 5px; height: 24px; width: 60px; text-align: center; line-height: 24px; cursor: pointer; } .tabs li.active { background: #fff; } .tab-content { display: none; width: 320px; height:195px; padding-top: 20px !important; padding-left: 30px !important; padding-right: 20px !important; background: url('../newimages/bubble.icon.new.png') no-repeat !important; } .tab-content.active { display: block; /* background-color: #FFF; width:345px; */ } /**/ .dd-wrapper{ margin-top:10px; } .origin-select{ } .direction_address{ background-color: #1C4E61; border-color: #fff; border: 0px; outline: 1px solid #fff; margin: 5px 0 10px; display: inline; line-height: 100%; font-size: 14px; height: 24px; padding: 0 10px; float: left; outline-offset: 0px!important; } .search_arrow{ background-color: #1C4E61!important; background-image: url(../newimages/arrow.png)!important; background-repeat: no-repeat!important; background-position: right!important; border-color: #fff!important; border: 1px solid #fff!important; color: #fff!important; margin: 4px 0px 10px 0px!important; width: 10.8%; display: inline; line-height: 40px; padding: 0px 10px 0px 10px!important; float: left; position: relative; outline: 0px; height: 26px; cursor: pointer; } /**/ .tab-content h3 { font-weight:700; padding-bottom:0px; margin-bottom:2px; } .tab-content ul li { font-size:13px; } .tab-content ul li b { } .bubble-address-box { } #dd { /* display: none;*/ } .content-list.poi-result li.poi-item:hover { background-color: #f8f8f8; color:#000; } .content-list.poi-result li.poi-item:hover .poi_number, .content-list.poi-result li.poi-item:hover a, .content-list.poi-result li.poi-item:hover span { /* color:#fff; */ } .content-list.poi-result li.poi-item:hover .poi_address { /* color:#fff; */ } .poi .content-list li.poi-item:hover div,.poi .content-list li.poi-item:hover .poi-item a { /* color:#fff; */ } .poi .content-list li.poi-item:hover .poi-item a { /* color:#fff; */ } .poi .content-list.poi-item:hover .poi_address span { /* color:#fff; */ } .content-list.poi-result .poi_icon { position: relative; } .content-list.poi-result p { padding:0; margin-left: 35px; line-height: 14px; } .content-list.poi-result strong { font-weight: bold; font-size: 13px; line-height: 25px; text-align: center; margin-left: 3px; } .content-list.poi-result span { display: inline; /* margin-left: 35px; color:#333;*/ } .content-list.poi-result .phone, .content-list.poi-result .send-actions { display:inline-block; } .content-list.poi-result .phone { } .content-list.poi-result .send-actions .phoneicon { font-size:25px; } .content-list.poi-result .send-actions a { display:inline-block; vertical-align:middle; } .content-list.poi-result .poi_number { position: absolute; left: 20px; font-size: 14px; top: 10px; color:#172838; font-weight: bold; width:31px; height: 37px; font-style: normal; margin-left:10px; clear:both; float:left; background-image: url("../newimages/mappinBlue.small.png"); color: #fff; text-align: center; padding-top: 7px; } .content-list.poi-result .poi_address { clear:both; float:left; margin-left:70px; max-width: 405px; padding-right: 215px; min-height: 120px; } .content-list.poi-result .amenities { padding: 0; background: none; margin-left: 25px; } .content-list.poi-result .amenities li { display: inline-block; width: 20%; font-size: 17px; background: none; color: #BEB5A0; border: none; width:30px; } .olPopupCloseBox { background-image: url("../newimages/bubble_close.png") !important; top: 15px !important; right: 25px !important; width: 23px !important; height: 26px !important; display: block!important; } .street-view-wrapper { display: none; position: absolute; bottom: 0; right: 0; width: 350px; height: 250px; z-index: 100; } .search-box { width: calc(100% - 20px); min-width:160px; } .active_action { font-weight: bold; } div.olControlZoom { display: none; } .button-search { background-color: #1C4F62; border-color: #fff; border: 0px; color: #fff; margin: 0px 4px -5px; display: inline; border-radius: 0px; font-weight: 600; line-height: 100%; font-size: 14px; height: 30px; padding: 0 10px; float: none; width: 285px; } .button-search:hover { } .button-search:active { } .button-location { margin: 10px 0 15px; display:none; line-height: 100%; padding: 0 10px; height: 40px; float:left; background:none; border:0px; position:relative; right:0px; } .divider-text { color:#fff; font-size: 16px; display: block; margin-top: 5px; } .location-wrapper { width:20em; margin: 0 auto; text-align: center; margin-top: 1%; } .inline-list { padding: 1em; } .inline-list li { display: inline-block; } .block, .inline-list li.block { display: block; } .blue { color:#20596E; } /* dialog */ .overlay{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none; } .modal{ display: none; background:#fff; /* padding-top:20px; */ overflow:auto; z-index:1001; position:absolute; top:50px !important; } .modalPop { padding-top:0px!important; } .closePop { color:#fff; } .closeBtn .zmdi { font-size:18px!important; } .closePop .zmdi { color:#fff; } .desktopPhone {display:inline;} .mobilePhone {display:none !important;} .showmobile, .showmobilebtns { display:none; } #hideAreaMobile {display:block;} #refineMobile {display:none;} @media(min-width:601px) and (max-width:980px) { .halfhalf {width: calc(100% - 20px) !important; float:left !important;} .halflang {width:100% !important; float:left !important;} .content-list.poi-result .poi_address{width: 230px !important;} #toggleIMG{/* width:50%; height:50%;*/} .content-list.poi-result .poi_address {margin-left:0px !important;} .poi_services {margin-left:0px !important;} .service {min-width: 55px !important;} .onlyMobile {display: inline !important;} .onlyDesktop {display:none !important;} .service {margin-right: 5px !important;} .send-actions {display:none !important;} html { overflow:auto; } .map { width:100%; height:100%; } .poi { width:100%; } .forms-poi-box { width:40%!important; } .map-copyrights-box { width:60%!important; } .locator-wrapper{ margin:10px auto !important; width: 90% !important; } .search-box { /* width: 60%!important; */ } .search-icon { right: 35px!important; width: 15.1%!important; } .iconsfa { color: #fff; margin-left: 40px!important; } .dropdown { display:block!important; margin:10px 0!important; width:70%; } .onlydesktop {display:none;} h2 {font-size: 18px !important;} .mobilePhone { display:inline !important; float:left; width: calc(50% - 10px); padding-top: 8px; padding-bottom: 8px; background: #007ac7; border-radius: 18px; text-align:center; font-size: 18px; margin-bottom: 15px; } .mobilePhone a { text-decoration:none; font-weight:400; color: #fff; } .locator-wrapper {padding:5px 5% !important;} } @media(max-width:601px) { .tab-content { max-width: 260px !important; padding-right: 20px !important; } .olPopupCloseBox {right:90px !important;} .forMobile {display:inline-block; width: 80%; float:left;} .forMobile2 {float:right;} .halfhalf {width: calc(100% - 20px) !important; float:left !important;} .halflang {width:100% !important; float:left !important;} .mobileName {display:block !important;} .poi_services {margin-left:0px !important; width:100% !important;} .service {min-width: 55px !important; width: calc(25% - 5px) !important;} h2 {font-size: 26px !important;margin-bottom:0px!important;text-align: left!important;} .filter-toggles ul li {width: 100% !important;} .content-list.poi-result .poi_address {margin-left:0px !important; padding-right:0px !important; width:70% !important;} .onlyMobile {display: inline !important;} .onlyDesktop {display:none !important;} .service {margin-right: 5px !important;} .send-actions {display:none !important;} .locator-wrapper {box-shadow: none !important;} .modal {width: 250px;} /* #hideAreaMobile {display:none;} */ #refineMobile {display:inline;} .icon-bar {display:none;} html { overflow:auto; } .map { width:100%; height:100%; } .poi { width:100%; z-index:800; height:100%!important; } .map-copyrights-box { display: block; float: none !important; left: -999px; margin: 0; max-height: 500px; position: absolute !important; top: 265px; width: 100% !important; height:100%; } .showmobilebtns { display:block; margin:10px auto; width:100%; } .showmobilebtns ul { list-style: none; } .showmobilebtns ul li { border: 1px solid #007ac7; border-radius: 8px; float: left; padding-bottom: 6px; padding-top: 3px; text-align: center; width: calc(50% - 10px); background: #fff none repeat scroll 0 0; color: #666; cursor: pointer; list-style: none; } .showmobilebtns ul li a { font-size:15px; cursor: pointer; font-weight:normal; color: #666; } .showmobilebtns ul li.active, .showmobilebtns ul li.active a { background:#007ac7; color:#fff !important; } .desktopPhone {display:none !important;} .mobilePhone { display:inline !important; float:left; width: calc(50% - 10px); padding-top: 8px; padding-bottom: 8px; background: #007ac7; border-radius: 18px; text-align:center; font-size: 18px; margin-bottom: 15px; } .mobilePhone a { text-decoration:none; font-weight:400; color: #fff; } .mobileclear { clear:both; } .locator-wrapper{ padding: 10px !important; width: calc(100% - 20px) !important; } .search-box { } .iconsfa { color: #fff; margin-left: 65px!important; } .dropdown { display:block!important; margin: 5px 0!important; width:70%; } /* for store details */ .store-details-btn { width:65%; display:block; margin:5px 0px; text-align:center; padding:8px 25px; background:#808080; text-decoration:none!important; color:#fff!important; } .w2gi-backbone .ol-panzoom { left:4px!important; top:5px!important; } .show-filter .filter-grid { margin: 10px 0 0; position: relative; display:block; z-index:999; } .onlydesktop {display:none;} .olPopupCloseBox { /* display:none!important; */ } .attribution { bottom: 0!important; width: 96%; display:block; margin:10px auto; position:relative!important; } .errortop { padding-left: 20px !important; padding-right: 20px !important; } .errorbottom { padding-left: 20px !important; padding-right: 20px !important; } .errorphone { color: #067dbf !important; } } @media(min-width:768px) and (max-width:901px) { .halfhalf {width: 92% !important float:left !important;} .content-list.poi-result .poi_address{width: 230px !important;} html { overflow:auto; } .map { width:100%; height:100%; } .poi { width:100%; height:100%; } .forms-poi-box { width:40%!important; } .map-copyrights-box { width:60%!important; } .locator-wrapper{ margin:10px auto!important; } .search-box { /* width: 60%!important; */ } .search-icon { right: 41px!important; width: 11.6%!important; } .iconsfa { color: #fff; margin-left: 40px!important; } .dropdown { display:block!important; margin:10px 0!important; width:70%; } .onlydesktop {display:none;} } @media(min-width:601px) and (max-width:768px) { .halfhalf {width: calc(100% - 20px) !important; float:left !important;} .halflang {width:100% !important; float:left !important;} .poi_services {margin-left:0px !important;} .service {min-width: 55px !important;} html { overflow:auto; } .map { width:100%; height:100%; } .poi { width:100%; height:100%; } .forms-poi-box { width:40%!important; } .map-copyrights-box { width:60%!important; } .search-box { /* width: 60%!important; */ } .search-icon { /* right: 37px!important; */ right: 15px !important; } .iconsfa { color: #fff; margin-left: 40px!important; } .dropdown { display:block!important; margin:10px 0!important; width:70%; } .onlydesktop {display:none;} } .onlydesktop { display: block; } .mobileTable { display: block; padding: 0px 0px; color:#fff; } .onlydesktop table tbody tr td{ font-size:14px; } .mobile_one{display:none;} input[type="submit"], #search_button { background: none repeat scroll 0 0 #c60c30; /* border: medium none; */ color: #ffffff; font-weight: bold; margin: 0; padding: 2px 7px; text-transform: uppercase; } .closeBtn {position:absolute; right:20px; top:15px; z-index:999;} .hideit {display:none !important;} .monday .monhour, .tuesday .tuehour, .wednesday .wedhour, .thursday .thuhour, .friday .frihour, .saturday .sathour, .sunday .sunhour { font-weight: bold; } .callhours { display: block !important; } /* * Paging controls */ .poi_paging_wrapper { background: #fff; border-bottom: 1px solid #C7D3DA; margin-top: 5px; text-align: center } .poi_paging_wrapper .poi_paging_next, .poi_paging_wrapper .poi_paging_prev { display: inline-block; width: 49%; } .poi_paging_wrapper .poi_paging_next, .poi_paging_wrapper .poi_paging_prev, .poi_paging_wrapper .poi_paging_next span, .poi_paging_wrapper .poi_paging_prev span { color: #D7294A; font-weight: bold; cursor: pointer; } .poi_paging_wrapper .poi_paging_disabled, .poi_paging_wrapper .poi_paging_disabled span, .poi_paging_wrapper .poi_paging_disabled i { color: #ccc; cursor: default; } .active_action { font-weight: bold; } .fa {margin-left:5px; margin-right:5px;} /* driving directions form */ .dd-form-wrapper { border-bottom: 1px solid #999; margin: 20px 60px; } /* new css for the page */ .forms-poi-box { display: block; width: 50%; position: relative; float: left; height: -webkit-calc(100% - 135px); height: calc(100% - 135px); overflow-y:auto; overflow-x:hidden; } .locator-wrapper { padding: 5px 15%; margin: 0px auto 0px; box-shadow: 0 2px 6px 0.82px #666666 !important; float:left; width: 70%; margin-bottom:8px; } .locator-wrapper label, .dd-form-wrapper label { font-size:15px; } .dd-form-wrapper label { display:block!important; } .locator-wrapper .search-box, .dd-form-wrapper .search-box{ border: 1px solid #666; margin: 10px 0 10px; display: inline; line-height: 100%; font-size:14px; height:42px; padding:0 10px; float:left; outline-offset:0px!important; text-align: left; } .search-icon { background-color: #fff !important; background-image: url("../newimages/search_glass.png") !important; background-position: right center !important; background-repeat: no-repeat !important; border-color: #7a7e81 !important; color: #fff !important; display: inline; float: left; line-height: 40px; outline: 0 none; position: absolute; top: 16px; right:10px; width: 27px; cursor:pointer; } .clear { clear:both; height:0px; width:0px; } .map-copyrights-box { width:50%; float:right; position:relative; height:100%; } .filterToggle { float:right; cursor:pointer; } .filter-toggles { padding: 10px 0 0; } .filter-toggles ul { list-style:none; } .filter-toggles ul li { width:50%; display:inline-block; float:left; margin:5px 0; } .filter-toggles ul li label { margin:5px 0; } .filter-grid { display:none; } .show-filter .filter-grid { margin: auto; width: 100%; display:block; } .show-filter .poi { /* if country and radius are there uncomment below line */ /*height:490px;*/ height:515px; } .iconsfa { margin-left: 150px; color:#fff; } .dropdowns { background-color: #172838; border-color: #fff; border:0px; outline:1px solid #fff; color: #fff; margin: 10px 5px 15px 0; display: inline; border-radius: 0px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; line-height: 100%; font-size:14px; height:42px; padding:0 10px; float:left; outline-offset:0px!important; } .dropdown span { color: #fff; } #page-container { background: #fff; } .emailicon, .mobileicon { position:relative; } .content-list.poi-result li.poi-item:hover .emailicon, .content-list.poi-result li.poi-hover .emailicon { /* background:url(../newimages/email-hover.png) no-repeat; */ } .content-list.poi-result li.poi-item:hover .mobileicon, .content-list.poi-result li.poi-hover .mobileicon { /* background:url(../newimages/mobile-hover.png) no-repeat; */ } .emailicon { background: rgba(0, 0, 0, 0) url("../newimages/emailicon.png") no-repeat scroll 0 0; height: 20px; width: 31px; } .mobileicon { background:url(../newimages/phone.png) no-repeat; width: 20px; height: 35px; margin-top:5px; } @media all and (min-width:0px) and (max-width:601px) { .olPopupCloseBox {right:90px !important;} .forms-poi-box { width:100%; background: #fff; } } /* open layer map controls */ #OpenLayers_Control_PanZoom_panup, #OpenLayers_Control_PanZoom_panleft, #OpenLayers_Control_PanZoom_panright, #OpenLayers_Control_PanZoom_pandown { display:none; height:0px!important; width:0px!important; top:0px!important; left:0px!important; } .w2gi-backbone .ol-panzoom { left: 10px !important; top: -30px !important; } #OpenLayers_Control_PanZoom_zoomin, #OpenLayers_Control_PanZoom_zoomin_innerImage, #OpenLayers_Control_PanZoom_zoomout, #OpenLayers_Control_PanZoom_zoomout_innerImage { width:30px!important; height:30px!important; } #OpenLayers_Control_PanZoom_zoomout { top: 98px!important; } /* #OpenLayers_Control_PanZoom_zoomin { top: 185px!important; }*/ /**/ .map-copyrights-box .map .icon { cursor: pointer!important; } .content-list.poi-result li.poi-item:hover b, .content-list.poi-result .poi-hover b { /* color: #fff!important; */ } .content-list.poi-result li.poi-item b { color:#172838; } .content-list.poi-result li.poi-item:hover .fa, .content-list.poi-result .poi-hover .fa{ /* color: #fff; */ } .content-list.poi-result li.poi-item:hover .onlydesktop table tbody tr td { /* color: #fff; */ } .content-list.poi-result .poi-hover .onlydesktop table tbody tr td { /* color:#fff; */ } .tabsarea {width:calc(100% - 2px); float:left; margin-top:10px; margin-bottom:10px; } .BranchTab {list-style: none; width:calc(50% - 2px); font-size:15px; border-radius:8px 0px 0px 8px; padding-top:6px; padding-bottom:6px; text-align:center; float:left; border:1px solid #666;} .ATMTab {width:calc(50% - 2px); font-size:15px; border-radius:0px 8px 8px 0px; padding-top:6px; padding-bottom:6px; text-align:center; float:left; border:1px solid #666;} .BranchATMTabs .active {background:#666; color: #fff; cursor:pointer;} .inactive {/* background: #fff; */ color: #666; cursor:pointer;} .valign {vertical-align: middle;} .mappinOver { bottom: 29px; color: #fff; font-size: 16px; left: 171px; position: absolute; text-align: center; width: 35px; } .distance { font-weight: bold; line-height: 17px; position: absolute; text-align: center; top: 55px; width: 40px; left: 25px; } .iconMobil { position: absolute; text-align: center; top: 0px; width: 40px; } .hours {color: #40a740; font-weight:bold; margin-bottom: 10px;} .service { color: #999; float: left; font-weight: bold; line-height: 15px; margin-right: 20px; min-width: 65px; padding-top: 46px; text-align: center; min-height: 50px; font-size: 11px; } .wheelchair{ background: url('../newimages/WheelChair_Grey_43x43.png'); background-position-x: center; background-position-y: top; background-repeat: no-repeat; } .wheelchair0, .wheelchairFALSE{ background: url('../newimages/WheelChair_Grey_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #999; } .wheelchairTRUE{ background: url('../newimages/WheelChair_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .wheelchair1{ background: url('../newimages/WheelChair_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .fullservice{ background: url('../newimages/Full-Service-Branch_grey_43x43.png'); background-position-x: center; background-position-y: top; background-repeat: no-repeat; color: #999; } .fullserviceFULLSRV{ background: url('../newimages/Full-Service-Branch_43x43.png') !important; background-repeat: no-repeat !important; background-position-x: center !important; background-position-y: top !important; color: #007ac7 !important; } .fullserviceBMOHarrisBranches{ background: url('../newimages/Full-Service-Branch_43x43.png') !important; background-repeat: no-repeat !important; background-position-x: center !important; background-position-y: top !important; color: #007ac7 !important; } .theATM11, .theATM { background: url('../newimages/ATM_Blue_43x43.png'); background-position-x: center; background-position-y: top; background-repeat: no-repeat; color: #007ac7 !important; } .ATM, .ATM0, .theATM0, .theATM1, .theATM01{ background: url('../newimages/ATM_Grey_43x43.png') !important; background-repeat: no-repeat !important; background-position-x: center !important; background-position-y: top !important; color: #999 !important; } .safetydeposit{ background: url('../newimages/Safety-Deposit-Box_Grey_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #999; } .safetydeposit0{ background: url('../newimages/Safety-Deposit-Box_Grey_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #999; } .safetydeposit1{ background: url('../newimages/Safety-Deposit-Box_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .safetydeposit000{ background: url('../newimages/Safety-Deposit-Box_Grey_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #999; } .safetydeposit111{ background: url('../newimages/Safety-Deposit-Box_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .safetydeposit100{ background: url('../newimages/Safety-Deposit-Box_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .safetydeposit101{ background: url('../newimages/Safety-Deposit-Box_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .safetydeposit110{ background: url('../newimages/Safety-Deposit-Box_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .safetydeposit010{ background: url('../newimages/Safety-Deposit-Box_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .safetydeposit001{ background: url('../newimages/Safety-Deposit-Box_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .safetydeposit110{ background: url('../newimages/Safety-Deposit-Box_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .safetydeposit011{ background: url('../newimages/Safety-Deposit-Box_Blue_43x43.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: top; color: #007ac7; } .searchbtn { background-color: #0079c1; border: 2px solid #0079c1; border-radius: 25px; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 15px; height: 34px; line-height: 34px; margin: auto; padding: 0 30px; text-align: center; width: auto; display: inline-block; } .searchbtn:hover{ background-color: #1a4d78; border-color: #1a4d78; } .storedetails { border: 1px solid #007ac7; padding: 5px 10px; border-radius: 18px; color: #007ac7; text-align: center; margin-bottom: 10px; cursor: pointer; font-weight: bold; } .dd_section {float:left; margin-right:20px; font-weight: bold;} .DDform_section {float:left; width: 100px; font-weight:bold; line-height:33px; color: #666;} .w2gi-backbone .poi.maneuver { margin-left: 60px; width: calc(100% - 120px); } .addon {font-size:18px; font-weight: normal; line-height:40px; color: #007ac7;} #error_message {margin:10px; font-size:16px; line-height:22px;} .BranchATMTabs { float: left; margin-bottom: 10px; margin-top: 10px; width: 100%; } .Closed {color: #FF0000;} .fermé {color: #FF0000;} .closed {color: #FF0000;} .Fermé {color: #FF0000;} .hideitfermé {color: #FF0000;} .hideitClosed {color: #FF0000;} .hideitclosed {color: #FF0000;} .hideIfATMBMOATM {display:none;} .showIfATMBMOATM {display:block !important;} .poi_services { width: 100%; clear: both; float: left; margin-left: 70px; } .overlay {visibility: inherit !important;} .hidename {display: none;} .halfhalf {width: calc(50% - 20px) !important;} .halflang {width: calc(50% - 20px) !important;} #driving_directions h2 {font-size: 20px; line-height: 40px;} .errortop { float: left; font-size: 22px; margin: auto auto 30px; padding-left: 130px; padding-right: 130px; padding-top: 30px; } .errorbottom { color: #666; float: left; font-size: 14px; margin: auto; padding-left: 130px; padding-right: 130px; } .errorphone { color: #000; font-weight: bold; } input:focus {border:1px dotted #cdcdcd;} .footer .footer-bottom .footer-bottom-legal a { text-decoration: underline; } /*======= Call Outs =======*/ .call-outs-wrapper { width: 100%; clear: both; box-sizing: border-box; } .call-outs-wrapper * { box-sizing: border-box; } .call-outs-inner { /*width: 100%;*/ width: 91%; height: 76px; background-color: #1d4e75; /*margin-bottom: 25px;*/ margin: 0 4% 25px; padding: 0 0 0 50px; } .call-outs-left, .call-outs-left1 { float: left; height: 100%; color: #fff; font-size: 20px; } .call-outs-left { line-height: 76px; } .call-outs-left1 { line-height: 1.6; } .call-outs-left span, .call-outs-left1 span { color: #fff; } .call-outs-right { float: right; } .call-outs-right a { display: block; width: 150px; height: 50px; background-color: #fff; line-height: 50px; border: 0; border-radius: 25px; text-align: center; margin: 12px 25px 0 0; font-size: 18px; cursor: pointer; } .coshow, .coshow0, .coshow00, .coshow000, .coshow0000 { display: none; } .co-type-nowopen1, .co-type-comingsoon1, .co-type-relocationsoon1, .co-type-grandopen1 { display: inline !important; } .co-link-nowopen1, .co-link-comingsoon1, .co-link-relocationsoon1, .co-link-grandopen1 { display: block !important; } .new-address { font-size: 12px; } .na { display: none !important; } @media (max-width: 980px) { .call-outs-inner { width: 94%; margin: 0 0 25px; padding: 0 0 0 20px; } .call-outs-right a { margin: 12px 10px 0 0; } .call-outs-left span, .call-outs-left1 span{ font-size: 15px; } .call-outs-right a { width: 120px; font-size: 15px; } }