/* Hide the AngularJS vars until loaded */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

div.baker-line { margin: 20px 0px; }
.stores-by-state-title { margin: 40px 0px 0px 0px; }
#map-canvas { height: 500px; display: none; width: 100%; border: 1px solid #ccc; }
.store-locator .distance-drop { display: inline-block; background-color: #e9e9e7; border: 1px solid #e9e9e7; width: 115px; line-height: 35px; }
.store-locator .complete-link { position: absolute; top: 5px; right: 1px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.04em; text-decoration: underline; color: #333; }
.store-link-title { color: #c41230; text-decoration: underline; }
.StoreLocaterForm{ position: relative; height: 500px; text-align: center; margin-bottom: 20px; background: url( '/images/locationMap.jpg' ) no-repeat; background-size: auto 100%; }
.StoreLocaterForm img { /*position: absolute; top:0; right:0; */ z-index: -1; }
.StoreLocaterForm h2 { color: black; font-size: 230%; font-weight: bold; letter-spacing: 0.03em; }
.StoreLocaterForm .formContainer { position: absolute; z-index: 1; text-align: center; width: 100%; margin-top: 135px; }
.StoreLocaterForm .formContainer .inputContainer { background-color: #ffffff; width:390px; border:1px solid #ccc; display: inline-block; text-align: left; line-height: 35px; margin-right: 5px; }
.StoreLocaterForm .formContainer .glyphicon { top: 2px; left:5px; margin: 5px 10px 5px 5px; color: #a8a8a8; }
.StoreLocaterForm .formContainer .inputContainer input { border: none; outline: none; width: 325px; font-size: 19px; line-height: 30px; height: 30px; margin-bottom: 5px; padding-top: 8px; }
.StoreLocaterForm .formContainer .btn { background-color:#c4273c; color:#ffffff; padding: 7px 30px; }
.gMapInfowindow { padding: 10px; }
.gMapInfowindow.no-hours { width: 400px; }
.gMapInfowindow .btn { margin: 10px 0px 0px 0px; }
.gMapInfowindow .inline-store-hours { padding: 2px 0px; }
.gMapInfowindow .store-picture { width: 100%; height: auto; max-width: 90px; margin-bottom: 5px; }
.nearbylocation { margin: 10px 0px 20px 0px; padding: 0px 0px 20px 10px; font-size: 15px; border-bottom: 1px solid #ccc; }
.nearbylocation .store b { font-size: 17px; }
.nearbylocation .btn-store-link { margin-top: 10px; text-decoration: none; }
.nearbylocation .store-phone { margin-bottom: 10px; }
.nearbylocation .store-phone .phone-option { margin-bottom: 5px; }
.nearbylocation .store-hours-title { font-weight: bold; }
/* .nearbylocation .store-hours { white-space: pre; } */
.alphaIndex { background-color: #a61234; width: 30px; height: 30px; text-align: center; color: #ffffff; display: inline-block; padding: 5px 0px 0px 0px; border-radius: 3px; }
.map-overlay { position: absolute; z-index: 1; width: 100%; height: 45px; line-height: 45px; background-color: rgba(255, 255, 255, 0.70); }
.map-overlay .overlayfind{ display:inline-block; font-size: 110%; margin:0 20px; color: #000; }
.map-overlay input[type=text] { height: 24px; line-height: 25px; width: 385px; }
.map-overlay button{ margin-top: 0px; background-color:#a8a8a8; color:#ffffff; margin-left: 20px; }
.map-overlay .overlayShowAll{ float:right; font-size: 120%; margin: 5px 50px 0 0; cursor: pointer; }
.store { /*float:right;*/ /*margin-right: 70px;*/ background-color: #a61234; color:#ffffff; }
.directions{ background-color: #a61234; color:#ffffff; float:right; }
.distance{ line-height: 30px; font-size: 16px; }
.store-results { padding-top: 50px; }
.store-results .btn { font-size: 15px; padding: 5px 15px; line-height: 1em; font-weight: normal; }
.results-find { padding: 5px 0px 15px 0px; }
.results-find input { float: left; margin-right: 10px; }
.results-find .btn { padding: 3px 20px; float: left; }
.results-find .find { display: inline-block; margin: 0px; padding: 5px 30px 0px 20px; line-height: 15px; float: left; }
.results-find form { display: inline-block; }
.results-find form input[type=text] { width: 350px; padding: 0px 0px; height: 26px; }
.results-find form input[type=submit] { line-height: 12px;f ont-weight: bold; margin-top: -2px; height: 25px; }
.store_error { padding: 0px 30px 0px 20px; margin-bottom: 10px; color: #C72032; }
.main-content a { color: #c41230; text-decoration: underline; min-height: 24px;}
.main-content a:hover { color: #c41230; text-decoration: none; }
.main-content a.btn-primary { color: white; text-decoration: none; }
.main-content a.btn-primary:hover { color: white; text-decoration: underline; }
.car-icon, .car-icon-red { margin-bottom: -3px; display: inline-block; width: 16px; height: 16px; background-image: url( '/images/icons/car-icon.png' ); background-repeat: no-repeat; background-size: 100% auto; margin-left: -1px; text-decoration: none !important; }
.car-icon-red { background-image: url( '/images/icons/car-icon-red.png' ); }
#map-container { position: relative; }
#search-result-list { }
.about-store .get-directions { color:#333; text-decoration:none; margin-top:5px; }
#about-store h2 { text-align:center; }
.state-list-label { font-weight: bold; margin-top: 15px; }
.state-list { margin-bottom: 0px; }
.no-stores-found { border: 1px solid #c41230; padding: 15px; }
.no-stores-found p { margin-bottom: 15px; }
.no-stores-found p.no-bottom-margin { margin-bottom: 0px; }

/* CUSTOM LAYOUT FOR THE STORE LOCATOR PAGE */
.index-action.stores-index #main-header #global-navbar-fixed .container { height: 150px; }
.index-action.stores-index .category-nav-bar { display: none; }
.index-action.stores-index .footer-discount-notice { display: none; }
.index-action.stores-index .search-bar { display: none; }

/* STICKY MAP */
.sticky-map { position: fixed !important; top: 5px; }

@media only screen and (max-width : 767px) {
    .gMapInfowindow { padding: 10px; width: auto !important; text-align: center; }
    .results-find { text-align: center; }
    .results-find input { margin-bottom: 5px; padding: 5px 10px; float: none; }
    .results-find .btn { float: none; }
    .results-find .find { padding: 2px 0px; font-size: larger; }

    /* STORE LOCATOR FORM */
    .StoreLocaterForm { height: 300px; }
    .StoreLocaterForm .formContainer { margin-top: 50px; }
    .StoreLocaterForm .formContainer .glyphicon { display: none; }
    .StoreLocaterForm .formContainer .inputContainer { width: 90%; }
    .StoreLocaterForm .formContainer .inputContainer input { width: 90%; padding-left: 10px; }
}

.breadcrumb li.active a { text-decoration:none; color:#222222; }
.headline { text-align:center; }
.headline h1, .headline h2 { margin:0px; padding:0px; white-space: nowrap; }