#mapHolder { margin: 0px}
#mapHolder #map { width:100%; height:505px }

#search { background: #fff; border: #e2e2e2 solid 2px; border-radius: 20px 20px 0 0; box-shadow: inset 0 0 20px -5px #999; height: 70px; padding: 5px 10px 10px 20px; width: 100%; max-width: 615px; position: relative;margin:-89px auto 0 auto  }
#search img { float: right }
#search .smlbtn { padding: 8px 7px 8px 11px; width: 2.3em; font-size: 20px; box-shadow: none!important; }
#search input[type=text]:focus {color: rgb(136, 136, 136); }


#search.details-page { display: none; }
#storelist { padding: 32px 0; }
.tableHack h1, .tableHack h2, .tableHack h3 { margin: 0 0 0 0 }
.tableHack td { border: none }
.displayNone { display: none !important }
.listing { border: #e2e2e2 solid 2px; border-radius: 20px; box-shadow: inset 0 0 20px -5px #999; color: #646466; padding: 15px 30px 25px; position: relative; margin: 20px auto; -webkit-transition: all .25s ease-in-out .1s; -moz-transition: all .25s ease-in-out .1s; -o-transition: all .25s ease-in-out .1s; -ms-transition: all .25s ease-in-out .1s; transition: all .25s ease-in-out .1s; }
#storelist .listing h2 { text-align: left; }
.listing h2 { font: bold 1.5em "rockwell",sans-serif; margin: 0; }
.listing div { display: inline-block; vertical-align: top }
.listing .left {position: relative; width: 650px; }
.listing .details { clear: both; width: 539px; margin: 3px 0 0; }
.listing .links { margin: 15px 0 15px 0; width: 100% }
.listing .links a, .listing .links span { margin: 0; padding: 0; display: block }
.listing .links a { float: left; padding: 15px 10px; width: 43%; margin-bottom: 2% }
.listing .links .smlbtn, .listing .links .smlbtnolo { width: 90%; font-size: .9rem; font-weight: bold}
.listing i { padding: 9px 19px 0 0rem; color: #ce2f2f; float: left; font-size: 1.9em; }
.listing p { float: right; display: inline-block; margin: 16px 0 0 0; width: 450px; }
.listing .right { width: 250px; }
.closestMobile { display: none }
/*INFO WINDOW STYLES*/

.individualStore { width: 100%;}
.listing .individualStore .links a { width: 30%; font-size: .8rem}
.listing .individualStore .links a{margin-left: 1%}
.ispOloPromo, .ispPromo { float: left; margin: 10px 0 0 19px }
.ispStoreDetails { float: left; width: 643px }
.ispStoreDetails .details{font-size: 1.3rem}
.storehours, .storetags, .cobrands { vertical-align: top; width: 33%; }
.storesCity:after { content: "," }
.individualStore ul { margin: 0px 0 0 0px; padding: 0px }
.cobrands ul { margin: 0px 0 0 0px; }
.cobrands li, .socialIcons li, .listingDetails li {list-style-type: none}
.cobrands li, .socialIcons li { display: inline;}
.cobrands li img { margin: 0 3px 0 0; vertical-align: middle; width: 20px; height: auto }
.cobrands a { font-size: 0.85em; text-decoration: none; font-weight: bold; display: block; margin-bottom: 5px }


.socialIcons img { width: 4.35em; height: 4.35em }
#feedback li { list-style-type: none; font-size: 1em; font-weight: bold }
.storetags ul li { width: 250px }
/*BROWSER SPACIFIC FIXES*/
.ie .links div { background-color: #ce2f2f; display: inline; padding: 6px 0 6px 0px; margin: 0 10px 0 0; text-align: center }
.ie .links div:hover { background-color: #D95959 }
.ie .links a { margin: 0 }
.ie7 .listing { width: 100% }
.ie7 .storehours, .storetags, .cobrands, .ie7 .listing, .ie7 .listing .left, .ie7 .listing .right { float: left }
.ie7 .listing .right { width: 330px }
.ie7 .listing .left { width: 570px }


@media (max-width: 1024px) {

 #mapHolder #map { width:100%; height:300px }
    #search { display: block !important;box-sizing: border-box; height: auto; width: 100%; max-width: 100%;padding: 12px; position: relative;  margin: 0rem auto; border-radius: 0rem; box-shadow: none; border: none}
    #search img { float: none; max-width: 100%; margin: 0rem auto; display: block}
    #search form { display: flex; align-items: flex-end; justify-content: center;  width: 100%}
    #search form label span { display: block; }
    #search form label input[type=text] { margin: 0 .25rem 0 0;  }
    #search form button { height: 44px; margin: 0; }
    
    #storelist .listing {max-width: 100%; box-sizing: border-box; }
    #storelist .listing .left { width: 100%; margin: auto; display: block; }
    #storelist .listing .right { width: 100%; margin: auto; display: block; }
    #storelist .listing p { width: 100%; margin: 0; padding-bottom: 12px; }
    #storelist .listing i { padding: 0; }
    #storelist .listing .links a { box-sizing: border-box; display: block; float: none; width: auto; }
    #storelist .listing div > div > div { display: flex; }
    #storelist .listing .individualStore > * { float: none; width: 100%; }
    #storelist .listing .individualStore .ispStoreDetails { width: 100%; }
    #storelist .listing .individualStore .ispOloPromo { margin: auto; text-align: center; }
    #storelist .listing .individualStore .ispOloPromo img { max-width: 100%; }
    #storelist .listing .individualStore .ispPromo { margin: auto; text-align: center; }
    #storelist .listing .individualStore .ispPromo img { max-width: 100%; }
    #storelist .listing .individualStore .details { width: 100%; }
    
}

@media (max-width: 360px) {
    #search { padding: 12px 24px; }
    #search form { flex-wrap: wrap; justify-content: left; } 
    #search form button { margin-top: 6px }
}