/*-------------------------------------------------------------------------------- INDEX v0.2 - 1. MEGA NAV - 2. LOCATOR BAR - 3. SEARCH INPUT : (Mega & Bar) - 4. STORES MAP & LIST - 5. SPINNER - 5. MOBILE --------------------------------------------------------------------------------*/ /* 1. MEGA NAV */ #lnkbtnMegaSearchTextFS {display:none;} .mega-location { position:relative; overflow:visible !important; } .mega-location .columns:first-child { border-right:1px solid rgba(0,0,0,0.2); } .mega-location .large-7 .large-6 { float:left; } .mega-location .large-7 p { margin-bottom:0; } .mega-location .storeName a { color:#000; font:24px ColesHapticExtraBold, Arial, sans-serif; text-decoration:underline; } .mega-location .storeName a:hover, .mega-location .storeName a:focus { text-decoration:none; } .mega-location .open-today { font-size:1.3em; color:#000; font-weight:bold; border:0 !important; } .mega-location .open-today span { float:right; color:#000 !important; } .mega-location .store-hours-title { margin-bottom:0; font-weight:bold; font-size:1.1em; color:#000; } .mega-location ul { margin:0; padding:0; list-style:none; } .cbp-hrmenu ul li .mega-location ul li { padding:0; } .mega-location ul li span { float:right; } .mega-location .subRow { margin:7px 0; } .mega-location .subRow .large-6:last-child { padding-left:0px;min-height:57px;border-left:1px solid rgba(0,0,0,0.2); } .mega-location .subRow .large-6:first-child { padding-left:0; padding-right:10px; border:0; } .mega-location .subRow:after { visibility:hidden; display:block; content:" "; font-size:0; clear:both; height:0; } .mega-location .my-store { margin:0; color:#E01A22; } .mega-location .my-store a { color:#E01A22; font-size:1em; } .mega-location .column-heading { margin:20px 0 5px; color:#4C4C4C; font:24px ColesHapticExtraBold, Arial, sans-serif; } .mega-location .all-stores { position:absolute; bottom:0; margin:0; } .mega-location .all-stores a { color:#E01A22; font-size:1em; } .location-hours .cbp-hrsub .cbp-hrsub-inner { background-position:110px bottom; } #storePhoneNo a { background-image:none; } /* 2. LOCATOR BAR */ .locationBar { max-width:100%; margin-bottom:25px !important; height:60px; background:url(../localities_files/gradient-location-search.png) white repeat-x 0 bottom; } .locationBar .wrapper { position:relative; margin:0 auto; width:100%; max-width:980px; } .locationBar .wrapper .column { float:left; padding:0 0.71429em; } .locationBar .wrapper .column:last-child { float:right; } .locationBar h2 { margin-bottom:0; line-height:60px; font-size:2em; } .locationBar h2 strong { color:#E01A22; text-transform:capitalize; } .locationInterface .hidden { display:none; } #content_1_mapfilters { margin-bottom:30px !important; } /* 3. SEARCH INPUT : Shared drop down */ .locationInterface { position:relative; margin:10px auto 0; } .locationInterface input { position:absolute; padding:5px 7px; width:95%; height:40px; font:600 1em Arial; color:#000; border-color:#797979; border- radius:8px; background-color:transparent !important; z-index:1; } .locationInterface .autoHint { position:relative; padding:0 9px; width:95%; height:2.85em; font:600 1em Arial; border-radius:8px; color:#767676; background-color:#FFF; line-height:40px; white-space:nowrap; overflow:hidden; } .locationInterface .autoHint strong { color:#FFF; font-weight:600; } .locationInterface .goButton { position:absolute; right:0; top:0; padding:0px; width:45px; height:40px; border-radius:0px 8px 8px 0px; border:none; font:1.3em/38px ColesHapticBold; box-shadow:none; color:#FFF; text-align:center; z-index:2; cursor:pointer; background-color:300ms ease-out; background:rgba(90,90,90,1); background:-moz-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(90,90,90,1)), color-stop(100%, rgba(63,64,64,1))); background:-webkit-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background:-o-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background:-ms-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background:linear-gradient(to bottom, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#3F4040', GradientType=0 ); } .locationInterface .goButton:focus { background-image:-webkit-linear-gradient(top, #767676, #6f7070); cursor:pointer; background-color:300ms ease-out; } .locationInterface .suburbDropDown { position:absolute; margin:0 0 0 5px; padding:0; width:84%; max-height:200px; list-style:none; overflow-y:auto; border:1px solid #E7E7E7; z-index:1; background-color:#E7E7E7; } .locationInterface .suburbDropDown li { float:left; margin:0; padding:0; width:100%; background-color:#F7F7F7; } .locationInterface .suburbDropDown li:first-child { font-weight:bold; background-color:#E7E7E7; border-bottom:1px solid #E7E7E7; } .locationInterface .suburbDropDown a { display:block; padding:10px 0 10px 10px !important; width:100%; font:normal 14px Arial; color:#707070; border-bottom:1px solid #E7E7E7; cursor:pointer; } .locationInterface .suburbDropDown a:hover { background-color:#FFF; color:#000; } .locationInterface .suburbDropDown a:focus { background-color:#FFF; color:#000; } .locationInterface .suburbDropDown a strong { color:#000; } /* 3.1 Locationbar */ .locationInterface .autolocationbarHint { position:relative; padding:0 9px; width:95%; height:2.85em; font:600 1em Arial; border-radius:8px; color:#767676; background-color:#FFF; line-height:40px; white-space:nowrap; overflow:hidden; } .locationInterface .autolocationbarHint strong { color:#FFF; font-weight:600; } /* 3.2 */ section.shiftup { margin-top: 25px; } .storelocator-tertiary .slTxtBox { /* margin-top: -5px; */ width: 34.69%; height: 45px; z-index: 100; } .locationinput { margin-top: -4px !important; } .seemorelink { color: red !important; text-decoration: underline; background-color: #E7E7E7; } /* MEGA NAV MODS */ .cbp-hrmenu .cbp-hrsub .mega-location .goButton { width:45px; font:1.3em/38px ColesHapticBold; color:#FFF; } .cbp-hrmenu ul li ul.suburbDropDown li { padding:0; } .mega-location .suburbDropDown li:first-child { color:#FFF; } .cbp-hrmenu ul li ul.suburbDropDown li a { display:block !important; padding:10px 0 10px 10px; width:100%; background-image:none; } .mega-location #megaSuburbList { max-height:280px; } /* 4. STORES MAP & LIST */ .resultsFeedback { } .resultsFeedback .resultsFound { font-size:18px; } .resultsFeedback strong { font-size:1.1em; } .resultsFeedback span { font-weight:bold; } /* style="font: 200 16px/16px ColesHapticBold;" */ #storeMapView { float:right; padding-left:0; } #map { position:relative; height:508px; width:100%; overflow:hidden; } .infoWindowContent { font-size:14px !important; border-top:1px solid #ccc; padding-top:10px; } #storeListGroup { float:left; margin-right:0; padding:0; height:508px; overflow-y:scroll; border:1px solid #E5E5E5; } #limitStoresInput { display:none; } #limitDistanceInput { display:none; } .storeList { margin:0; padding:0; list-style:none; } .storeList li { padding:10px 10px 10px 45px; border-bottom:1px solid #E5E5E5; } .storeList li:last-child { border-bottom:0; } .storeList > li:hover { } .storeList li .storeDirections { margin-top:10px; } .storeList li .storeDirections a { color:#E01A22; } .storeList li > a:last-child { margin:10px 5px 10px 0; color:#FFF; } .storeList li .storeAddress { } .storeList li .storeHours { } .storeList li .storeHours .openingHours { margin:0; padding:0; list-style:none; } .storeList li .storeHours .openingHours li { padding:0; border:0; } .storeList li .storeHours .openingHours span { float:right; } .storeList li .storeExceptions h4 { } .storeList li .storeExceptions .exceptionHours { margin:0; padding:0; list-style:none; } .storeList li .storeExceptions .exceptionHours li { padding:0; border:0; } .storeList li .storeExceptions .exceptionHours span { float:right; } .storeList li .storeExceptions { } .storeList li .storeFeatures { position:relative; float:left; clear:left; padding:10px 0 5px; z-index:2; } .storeList li .storeAddress > a { color:#000; text-decoration:underline; } .storeList li .storeAddress > a:hover, .storeList li .storeAddress > a:focus{ color:#E01A22; text-decoration:none; } .storeList li h3 { margin-bottom:0; font-size:1.4em; line-height:26px; text-decoration:none; } .storeList li a:hover h3, .storeList li a:focus h3 { color:#E01A22; } .storeList li .pin { position:absolute; left:10px; top:7px; width:28px; height:37px; line-height:30px; color:#000; background:url(/assets/coles/images/StoreLocatorV3/pin-active.png) no-repeat; text-align:center; } .storeList li a.pin:hover, .storeList li a.pin:focus { background-image:url(/assets/coles/images/StoreLocatorV3/pin-active.png); } .storeList li h4, .storeList li p.storeTime { margin:7px 0 2px !important; line-height:auto; font-size:1.1em; } .storeList li h4.storeToday, .storeList li p.storeToday { font-size:1.3em; } .storeList li p { margin:0; } .storeList li span { margin:0; padding:0; } .floatList {float:right} .tertiary { background:rgba(90,90,90,1); background:-moz-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(90,90,90,1)), color-stop(100%, rgba(63,64,64,1))); background:-webkit-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background:-o-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background:-ms-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background:linear-gradient(to bottom, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#3F4040', GradientType=0 ); } /* Hide hours in list-map */ .storeList .storeHours h4:nth-child(2) { display:none; } .storeList .storeHours .openingHours { display:none; } .storeList .storeExceptions { display:none; } /* Full width layout */ .horisontal { overflow:visible !important; height:auto !important; } .horisontal li { padding-left:10px; } .horisontal .pin { display:none; } .horisontal h4.storeToday, .storeHours p.storeToday { margin:7px 0 13px !important; } .horisontal .storeAddress { float:left; margin-right:10px; width:35%; } .horisontal .storeStreet { margin-top:8px; } .horisontal .storeHours { float:left; margin-right:20px; width:28%;} .horisontal .storeHours h4:nth-child(2) { display:block; } .horisontal .storeHours .openingHours { display:block; } .horisontal .storeExceptions { display:block; float:left; margin-top:29px; margin-right:20px; width:28%;} .horisontal .storeList li h4.storeToday span { float:right; } .horisontal #moreStoresButton { text-align:center; } .horisontal .row > a.button-secondary { position:absolute; left:0; top:0; margin:0; padding:15px; width:100%; height:100%; text-indent:-999em; border:0;background-image:url(/assets/coles/images/StoreLocatorV3/arrow-grey.png) ; background-repeat:no-repeat; background-color:transparent; background-position:99% center;border-radius:0; z-index:1; } .horisontal .row > a.button-secondary:hover, .horisontal .row > a.button-secondary:focus { background-color:rgba(0,0,0,0.05); background-image:url(/assets/coles/images/StoreLocatorV3/arrow-red.png) ;} .horisontal .storeList li h4.storeToday span { float:right; } #content_1_mapfilters .storeswithinTabs { float:right; padding:0 9px 0 0; width:auto;} /* 5. SPINNER */ @-webkit-keyframes spin { to { transform:rotate(1turn); } } .spinner { position:relative; left:0px; top:0px; width:3em; height:3em; font-size:0.5em; overflow:hidden; text-indent:-1000em; animation: spin 1s infinite steps(8); -webkit-animation: spin 1s infinite steps(8); } .spinner:before, .spinner:after, .spinner > div:before, .spinner > div:after { content:''; position:absolute; left:1.35em; top:0; width:0.3em; height:1em; border-radius:0.5em; background-color:#333; box-shadow:0 2em 0 #EEE; transform-origin:50% 1.5em; } .spinner:after { transform: rotate(-45deg); background-color:#666; } .spinner > div:before { transform: rotate(-90deg); background-color:#999; } .spinner > div:after { transform: rotate(-135deg); background-color:#CCC; } /* 6. MOBILE */ @media only screen and (min-width:768px) and (max-width:820px) { .horisontal .storeAddress { width:24%; } .horisontal .storeHours { width:29%; } .horisontal .storeExceptions { width:36%; } } @media only screen and (min-width:568px) and (max-width:767px) { .horisontal .storeAddress { float:none; margin-right:0; width:auto; } .horisontal .storeHours { float:left; width:45%; max-width:260px; } .horisontal .storeExceptions { float:left; margin-top:30px; margin-right:0; width:45%; max-width:260px; } .mega-location .subRow .large-6:first-child { padding-right:0; } .mega-location .subRow .large-6:last-child { padding-left:0; } .mega-location p { display:block !important; } header .mega nav.mega-nav ul li .mega-location .storeName a.meganav-storelink { padding:0; font:24px ColesHapticExtraBold, Arial, sans-serif; border-bottom:0;background- position:right center;} .mega-location .autoHint { display:none; } .mega-location .locationInterface { margin:7px 0; } .mega-location .locationInterface input { display:none; } .mega-location .column-heading { display:none !important; } .mega-location .all-stores { position:relative; } .mega-location .my-store a, .mega-location .all-stores a { padding:5px 0 !important; font-size:16px !important; color:#E01A22 !important; border-bottom:0 !important; background-position:right center !important; } header .mega nav.mega-nav ul li .cbp-hrsub .cbp-hrsub-inner .row a.goButton { position:relative; padding:7px 22px 7px; height:auto; border-radius:5px; background-image:none; background-color: #e9222c; background-image:deprecated-webkit-gradient(linear, left top, left bottom, #e9222c, #d71319); background-image:-webkit-linear-gradient(top, #e9222c, #d71319); background-image:-moz-linear-gradient(top, #e9222c, #d71319); background-image:-ms-linear-gradient(top, #e9222c, #d71319); background-image:-o-linear-gradient(top, #e9222c, #d71319); background-image:linear-gradient(top, #e9222c, #d71319); font-family:ColesHapticBold, Arial, Helvetica, sans-serif; font-size:1.21429em; color:#FDF3F4; } } /* Search store map click and collect image*/ .map-ClickCollect{ display:inline; width:92px; position:absolute; top:28%; left:0; font-size:0.9em !important; letter-spacing:0.3px; word-spacing:-4px !important; } @media only screen and (max-width:767px){ #lnkbtnMegaSearchTextFS {display:block;} #lnkbtnMegaSearchText {display:none;} .resultsFeedback{ padding:0 10px; } .mega-location .subRow .large-6:last-child{ min-height:0; } .mobileHours, #storeList-mobile{ display:none !important; } .locationBar{ background:none !important; line-height:0; height:0; } .locationBar h2{ line-height:40px !important; } .storeName-mobile{ background: white url("/assets/coles/images/StoreLocatorV3/gradient-location-search.png") repeat-x scroll 0 bottom; } .closeBtn-mobile { cursor: pointer; float: right; margin: -29px 50px 0 0; position: relative; z-index: 1; display:block !important; } .map-ClickCollect{ display:inline; width:92px; position:absolute; top:28%; left:0; font-size:1em !important; letter-spacing:0.9px; word-spacing:-5px !important; } .locationInterface input { font: 600 16px Arial !important; height: 2.5em !important; } } @media only screen and (max-width:568px) { /* MEGA NAV : Locations & Hours */ .mega-location .subRow .large-6:first-child { padding-right:0; } .mega-location .subRow .large-6:last-child { padding-left:0; } .mega-location p { display:block !important; } header .mega nav.mega-nav ul li .mega-location .storeName a.meganav-storelink { padding:0; font:24px ColesHapticExtraBold, Arial, sans-serif; border-bottom:0;background- position:right center;} .mega-location .autoHint { display:none; } .mega-location .locationInterface { margin:7px 0; } .mega-location .locationInterface input { display:none; } .mega-location .column-heading { display:none !important; } .mega-location .all-stores { position:relative; } .mega-location .my-store a, .mega-location .all-stores a { padding:5px 0 !important; font-size:16px !important; color:#E01A22 !important; border-bottom:0 !important; background-position:right center !important; } header .mega nav.mega-nav ul li .cbp-hrsub .cbp-hrsub-inner .row a.goButton { position:relative; padding:7px 22px 7px; height:auto; border-radius:5px; background-image:none; background-color: #e9222c; background-image:deprecated-webkit-gradient(linear, left top, left bottom, #e9222c, #d71319); background-image:-webkit-linear-gradient(top, #e9222c, #d71319); background-image:-moz-linear-gradient(top, #e9222c, #d71319); background-image:-ms-linear-gradient(top, #e9222c, #d71319); background-image:-o-linear-gradient(top, #e9222c, #d71319); background-image:linear-gradient(top, #e9222c, #d71319); font-family:ColesHapticBold, Arial, Helvetica, sans-serif; font-size:1.21429em; color:#FDF3F4; } /* Added by Kani */ /* LOCATION BAR */ .locationBar h2 { font-size:1.3em; } /* HORISONTAL LIST */ .horisontal .storeAddress { float:none; margin-right:25px; width:auto; } .horisontal .storeHours { float:none; margin-right:25px; width:auto; max-width:none; } .horisontal .storeExceptions { float:none; margin-top:10px; margin-right:25px; width:auto; max-width:none; } #storeListGroup { overflow-y: auto;height: auto; } .storeList li h4.storeToday span { float: none; } .mobilemapTabs > div { margin-top:10px; } .search-summary { padding-left:10px; margin-bottom:15px; } #storeListGroup { border-left:0; border-right:0; } #storeMapView { padding-left:10px; } #map { height:350px !important; } } /* 1. LOCATOR BAR */ .locationBar { max-width: 100%; margin-bottom: 25px !important; height: 60px; background: url(/assets/coles/images/StoreLocatorV3/gradient-location-search.png) white repeat-x 0 bottom; } .locationBar .wrapper { position: relative; margin: 0 auto; width: 100%; max-width: 980px; } .locationBar .wrapper .column { float: left; padding: 0 0.71429em; } .locationBar .wrapper .column:last-child { float: right; } .locationBar h2 { margin-bottom: 0; line-height: 60px; font-size: 2em; } .locationBar h2 strong { color: #E01A22; text-transform: capitalize; } .locationInterface { position: relative; margin: 10px auto 0; } .locationInterface input { position: absolute; padding: 5px 7px; width: 95%; height: 40px; font: 600 1em Arial; color: #000; border-color: #797979; border-radius: 8px; background-color: transparent !important; z-index: 1; } .locationInterface .autoHintt { position: relative; padding: 0 9px; width: 95%; min-height: 40px; font: 600 1em Arial; border-radius: 8px; color: #767676; background-color: #FFF; line-height: 40px; } .locationInterface .autoHintt strong { color: #FFF; font-weight: 600; } .locationInterface .goButton { position: absolute; right: 0; top: 0; padding: 0px; width: 45px; height: 40px; border-radius: 0px 8px 8px 0px; border: none; font: 1.3em/38px ColesHapticBold; box-shadow: none; color: #FFF; text-align: center; z-index: 2; cursor: pointer; background-color: 300ms ease-out; background: rgba(90,90,90,1); background: -moz-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(90,90,90,1)), color-stop(100%, rgba(63,64,64,1))); background: -webkit-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background: -o-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background: -ms-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background: linear-gradient(to bottom, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#3f4040', GradientType=0 ); } .locationInterface .goButton:focus { background-image: -webkit-linear-gradient(top, #767676, #6f7070); cursor: pointer; background-color: 300ms ease-out; } .locationInterface #suburbList { position: absolute; margin: 0 0 0 5px; padding: 0; width: 84%; max-height: 200px; list-style: none; overflow-y: auto; border: 1px solid #E7E7E7; z-index: 1; background-color: #E7E7E7; } .locationInterface #suburbList li { float: left; margin: 0; padding: 0; width: 100%; background-color: #F7F7F7; } .locationInterface #suburbList li:first-child { /* padding: 10px 0 10px 10px; font-weight: bold;*/ background-color: #E7E7E7; border-bottom: 1px solid #E7E7E7; } .locationInterface #suburbList a { display: block; padding: 10px 0 10px 10px; width: 100%; font: normal 14px Arial; color: #444; border-bottom: 1px solid #E7E7E7; cursor: pointer; } .locationInterface #suburbList a strong { color: #000; } .locationInterface .hidden { display: none; } #content_1_mapfilters { margin-bottom: 30px !important; } .search-summary { margin-bottom: 30px; font-size: 17px; } .redSpan span { color: #E01A22; } #storeListView .storeAddress a { color: #e9222c; display: block; margin: 10px 0; } .MoreStores { text-align: center; margin: 20px 0 0; } #storeListView > ul { border: 1px solid #e5e5e5; } #storeListGroup ul > li:hover { background: none; } .infoWindowContent { font-size: 14px !important; border-top: 1px solid #ccc; padding-top: 10px; } #mapToolTip h3 { font-size: 1.4em; margin-bottom: 7px; } #mapToolTip p { margin-bottom: 7px; } #mapToolTip h4, .infoMap { font-size: 1.2em; margin-bottom: 10px; } .infoMap { margin-bottom: 10px !important; } #mapToolTip a.button-secondary { text-align: center; margin: auto; display: block; width: 64%; } .showMore-margin{ margin-top: 15px; } .loading-spinner { max-width: 980px; margin: 20px auto auto; width:100%; } .loading-spinner img { display: block; width: 32px; margin: auto; margin-top: 100px; margin-bottom: 100px; } .showLoading { display: block; } .hideLoading { display: none; } .resultsFeedback .resultsFound { font-size: 18px; } .resultsFeedback strong { font-size: 1.1em; } .resultsFeedback span { font-weight: bold; } .mapView { width: 100%; height: 508px; position: relative; overflow: hidden; transform: translateZ(0px); background-color: rgb(229, 227, 223); } .infoWindowContent { font-size: 14px !important; border-top: 1px solid #ccc; padding-top: 10px; } .suggestionBlock strong { } .suggestionBlock ul { margin: 0 0 20px; padding: 0 0 0 20px; list-style: none; } .noStoreFound { font: 700 15px/15px Arial; text-align: center; margin: 10px 0; } .noLocFound { background: #E5E5E5; padding: 5px; color: #e01a22; font: 400 15px/15px Arial; padding: 10px; width: 88%; border-radius: 0 0 5px 5px; position: absolute; z-index: 10; display: none; } .mapLabel{ font-size: 13px; font-weight:bold; } .closeBtn-mobile{ display:none; } /* Jump to State*/ /* 1. LOCATOR BAR */ .locationBar { max-width: 100%; margin-bottom: 25px !important; height: 60px; background: url(/assets/coles/images/StoreLocatorV3/gradient-location-search.png) white repeat-x 0 bottom; } .locationBar .wrapper { position: relative; margin: 0 auto; width: 100%; max-width: 980px; } .locationBar .wrapper .column { float: left; padding: 0 0.71429em; } .locationBar .wrapper .column:last-child { float: right; } .locationBar h2 { margin-bottom: 0; line-height: 60px; font-size: 2em; } .locationBar h2 strong { color: #E01A22; text-transform: capitalize; } .locationInterface { position: relative; margin: 10px auto 0; } .locationInterface input { position: absolute; padding: 5px 7px; width: 95%; height: 2.85em; font: 600 1em Arial; color: #000; border-color: #797979; border-radius: 8px; background-color: transparent !important; z-index: 1; } .locationInterface .autoHintt { position: relative; padding: 0 9px; width: 95%; height: 2.85em; font: 600 1em Arial; border-radius: 8px; color: #767676; background-color: #FFF; line-height:2.85em; overflow:hidden; white-space:nowrap; } .locationInterface .autoHintt strong { color: #FFF; font-weight: 600; } .locationInterface .goButton { position: absolute; right: 0; top: 0; padding: 0px; width: 45px; height: 2.2em; border-radius: 0px 8px 8px 0px; border: none; font: 1.3em/38px ColesHapticBold; box-shadow: none; color: #FFF; text-align: center; z-index: 2; cursor: pointer; background-color: 300ms ease-out; background: rgba(90,90,90,1); background: -moz-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(90,90,90,1)), color-stop(100%, rgba(63,64,64,1))); background: -webkit-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background: -o-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background: -ms-linear-gradient(top, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); background: linear-gradient(to bottom, rgba(90,90,90,1) 0%, rgba(63,64,64,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#3f4040', GradientType=0 ); } .locationInterface .goButton:focus { background-image: -webkit-linear-gradient(top, #767676, #6f7070); cursor: pointer; background-color: 300ms ease-out; } .locationInterface #suburbList { position: absolute; margin: 0 0 0 5px; padding: 0; width: 84%; max-height: 200px; list-style: none; overflow-y: auto; border: 1px solid #E7E7E7; z-index: 1; background-color: #E7E7E7; } .locationInterface #suburbList li { float: left; margin: 0; padding: 0; width: 100%; background-color: #F7F7F7; } /* .locationInterface #suburbList li:first-child { padding: 10px 0 10px 10px; font-weight: bold; background-color: #E7E7E7; border-bottom: 1px solid #E7E7E7; } */ .locationInterface #suburbList a { display: block; padding: 10px 0 10px 10px; width: 100%; font: normal 14px Arial; color: #444; border-bottom: 1px solid #E7E7E7; cursor: pointer; } .locationInterface #suburbList a strong { color: #000; } .locationInterface .hidden { display: none; } #content_1_mapfilters { margin-bottom: 30px !important; } /* Back to States */ .backtotop { padding-bottom:30px; padding-left:8px; text-indent:42px; background:url(/assets/coles/images/StoreLocatorV3/arrow-grey-up.png) no-repeat 25px 4px !important; font-size:12px; } #allstoreLocator .storeAddress a, #allstoreLocator .storeDirections a{ background:none; } #allstoreLocator.row.horisontal{ border:none; padding:0 } #allstoreLocator ul{ border:1px solid #e5e5e5; } #allstoreLocator ul > li{ border-bottom:1px solid #e5e5e5; padding:10px; } .storeExceptions ul, .exceptionHours li, .openingHours li, .storeHours ul.openingHours { border:none !important; } #allstoreLocator .storeFeatures a{ background:none; } .openingHours li, .storeHours ul.openingHours { padding:0 !important; } #statewisestores .row h3:hover, #statewisestores .row h4:hover{ text-decoration:none !important; } #statewisestores h3{ margin-bottom:35px; } .exceptionHours li{ padding:0 !important; } .states #statewisestores .row:hover h4, .states #statewisestores .row h4{ text-decoration: none;} .states #statewisestores.row:hover, #allstoreLocator ul > li:hover{ background: none; } .ClickCollect{ background-color: #e9222c !important; padding: 1px 5px ; font-family: ColesHapticBold,Arial,Helvetica,sans-serif; color: #fdf3f4 !important; font-size: 1.13em; text-decoration: none; word-spacing:-4px } .ClickCollect span{ font-family:ColesHapticRegular,Arial,Helvetica,sans-serif; }