@import url("type.css");
@import url("color.css");
/**
 * =styles related to layout, positioning
 *
 * camelCase should be used for all class names, e.g. ".rightColumn" NOT ".right_column"
 * take advantage of the cascade, do not use overly specific classes
 * use semantic tags, i.e. use <h1> tags for headers, and <p> tags for paragraphs
 * use single-line style definitions
 * use short hand style definitions, e.g. "margin: 5px 10px;" instead of "margin-top: 5px; margin-right: 10px;" etc.
 */

/**
 * =Normalization - set baseline for all browsers
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }

/**
 * =foundation overrides
 */
.row {
    max-width: 87.5rem;
    overflow: hidden;
    }
.row .row {
    overflow: visible;
    }

/**
 * =base styles
 * =generic styles
 */
h1,
h2 {
    margin-bottom: 12px;
    padding: .2em;
    }
h3 {
    margin: 5px 0 10px;
    }
p {
    margin-bottom: 20px;
    }
.generalContent p:empty {
    display: none;
    }
input[type='text'] {
    padding: 4px 6px;
    }
select {
    position: relative;
    }
h1 img {
    padding-right: 10px;
    vertical-align: text-top;
    }
h4 a {
    float: right;
    }
.hide { display: none !important; }
.button img { padding-left: 2px; vertical-align: baseline; }

.lnkFilterCategory { display: block; margin-top:20px; }
.lnkFilterCategory:empty {
    display: none;
    }
.lnkCategory { display: block; margin-top: 20px; }
.lnkCategory:empty {
    display: none;
    }
.lnkFilterCategory img, .lnkCategory img { vertical-align: baseline; padding-left: 3px; }

.clear { float: none !important; clear: both !important; height: 0 !important; padding: 0 !important; margin: 0 !important;
    display: none;
    }
.aspNetHidden {
    display: none;
    }

/**
 * =main areas
 */
#content {
    position: relative;
    }
.searchresults #content {
    padding-top: .5em;
    }
/**
 * =product gallery
 */
.crumbs {
    float: left;
    line-height: 1;
    padding: .5em 0;
    }
.crumbs li {
    float: left;
    }
.crumbs .results {
    margin-right: 1.4em;
    }

/**
 * =bazaar =stars =rating
 */
#content .bv-stars-container,
#content .bv-details-bar,
#content .bv-action-bar,
#content .bv-write-review-container,
#content .bv-write-review {
    display: inline-block !important;
    float: none !important;
    }
#content .bv-write-review {
    margin-left: 1em !important;
    }
#screen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1025;
    display: none;
    }

/**
 * =CMS content
 */
.generalContent h4 { margin: 5px 0 10px; }
.generalContent h5,
.generalContent h6 { margin-bottom: 5px; }

.generalContent ul,
.generalContent ol { margin: 5px 0 20px 10px; }

/**
 * =form areas
 */

/**
 * =header
 */
header {
    position: relative;
    }
#nav {
    width: 100%;
    }
#mainLogo {
    padding: 9px 0 0 17px;
    display: block;
    float: left;
    width: 102px;
    }
@media (min-width: 640px) {
    #mainLogo {
        width: 140px;
        }
    #nav {
        width: auto;
        }
    }
#mainLogo img {
    width: 100%;
    }
.title-bar.menu {
    float: right;
    }
.title-bar.menu > li {
    vertical-align: top;
    }
header blockquote {
    padding-top: 8px;
    border: none;
    position: relative;
    left: 29px;
    float: left;
    }
header blockquote p {
    margin-bottom: 0;
    line-height: 1;
    }
.find-retailer {
    width: 25%;
    margin-right: 2%;
    float: right;
    display: none;
    margin-top: 1px;
    }
.find-retailer a {
    padding: 0;
    display: block;
    }
.find-retailer a span {
    padding-right: 30px;
    }
#printHeader {
    display: none;
    }
.searchBox {
    width: 98%;
    margin-bottom: .7rem;
    margin-right: 1%;
    margin-left: 1%;
    float: right;
    display: none;
    }
.searchBox input {
    width: 66.5%;
    height: 1.95rem;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 2px;
    float: left;
    }
.searchBox .button {
    width: 31%;
    margin-bottom: 0;
    padding: .4em;
    border: none;
    position: static;
    float: right;
    }
#searchbox.searchBox.show-for-mobile {
    display: block !important;
    }
@media (min-width: 640px) {
    .searchBox {
        width: 38%;
        }
}
@media (min-width: 1224px) {
    #header .title-bar .find-a-store {
        display: none;
        }
    #header .title-bar .search-red-wing {
        display: none;
        }
    .searchBox {
        width: 28%;
        margin-right: .5%;
        margin-left: 0;
        display: block;
        }
    .find-retailer {
        display: block;
        }
}

/*.search-box-area {
    display: none !important;
}*/

.additionalresults .resultsHeader .button { width: 67px; padding: 5px 6px; top: auto; }

/**
 * =navigation
 */
.top-bar {
    padding: 0.2rem 0 0;
    float: left;
    }
.top-bar li {
    vertical-align: top;
    }
.top-bar li a {
    margin: 0 5px;
    padding: 5px 12px;
    }
@media (min-width: 640px) {
    .top-bar {
        position: relative;
        left: 14px;
        }
    .top-bar a span {
        display: block;
        }
    }

/**
 * =footer
 */
footer .row {
    padding: 2%;
    }
footer .columns {
    margin-top: 1.2em;
    }
footer .columns li:first-child {
    margin-bottom: 1.2em;
    }
.footer-social {
    text-align: center;
    }
.footer-social li {
    padding: 5px;
    display: inline-block;
    }
#footer .copyright {
    padding-top: 2.8em;
    clear: both;
    text-align: center;
    }
#footer .copyright a {
    padding: 2px 0;
    display: block;
    }
#footer .space { height: 100px; width: 200px; position: absolute; right: 130px; display: none; }

@media (min-width: 1024px) {
    .footer-social {
        float: right;
        }
    footer .columns {
        margin-top: 0;
        }
    }

/**
 * =pagination
 *
 * #headerspace is wrapped around top page navigation
 * .pagWrap is around page navigation at bottom incl. return to top
 */

/* #headerspace only exists on gallery page */
#headerSpace {
    padding: .35em 0 .25em;
    overflow: auto;
    }
/* .pagWrap exists on all pages with back to top link or pagination bottom */
.pagWrap {
    padding-top: 1em;
    padding-bottom: 1em;
    }
.pagWrap {
    width: 100%;
    }
.returnTop {
    padding: .5em 1.5em .5em .5em;
    margin-right: 1em;
    display: inline-block;
    }
.searchresults .returnTop,
.footwear .returnTop,
.contentwidget .returnTop {
    position: absolute;
    bottom: 1em;
    left: 25%;
    transform: translateX(-50%);
    }
.compareTopWrap {
    margin: 0 1em 0 0;
    float: right;
    clear: none;
    }
.footwear #headerSpace .compareTopWrap {
    position: absolute;
    top: 81px;
    right: 2%;
    width: 39%;
    }
.pagWrap .compareTopWrap {
    margin: 1em 0 0;
    width: 50%;
    }
.compareTop {
    margin-bottom: 0;
    padding: .65em 2em;
    width: 100%;
    }
.resultsHeader {
    height: 33px;
    padding: 17px 17px 0;
    }
.pagination {
    width: 100%;
    padding: .25em 1em;
    margin: 0;
    float: right;
    text-align: center;
    }
.pagWrap .pagination {
    width: 100%;
    }
.pagination a {
    display: inline;
    padding-right: .2rem;
    padding-left: .2rem;
    }
.pagination a.arrow.prev,
.pagination a.arrow.prev:hover,
.pagination a.arrow.next,
.pagination a.arrow.next:hover {
    padding-left: 11px;
    padding-right: .2rem;
    }
.pagination a:hover,
.pagination a:active,
.pagination a.current {
    padding-right: .2rem;
    padding-left: .2rem;
    }
.pagination label {
    display: inline-block;
    }
.pagination .view,
.pagination .pages {
    display: inline-block;
    white-space: nowrap;
    }
.pagination .view {
    padding-right: 1em;
    }
.footwear #headerSpace .pagination .pages {
    display: none;
    }

@media (min-width: 640px) {
    .anotherWrap {
        float: right;
        }
    .searchresults .returnTop,
    .footwear .returnTop,
    .contentwidget .returnTop {
        position: static;
        transform: none;
        }
    .compareTop {
        padding: .55em 2em;
    }
        .footwear #headerSpace .compareTopWrap {
        position: static;
        width: auto;
        }
    #content .pagWrap .compareTopWrap {
        margin: 0 1em;
        width: auto;
        }
    .pagWrap {
        float: right;
        width: auto;
    }
    .pagination {
        white-space: nowrap;
        width: auto;
        }
    .pagWrap .pagination {
        width: auto;
        }
    }

/**
 * =home page
 */

/**
 * =carousel
 */
#homepageFMAHolder {
    width: 100%;
    overflow: hidden;
    position: relative;
    }
.controls button {
    width: 61px;
    height: 0;
    padding-top: 89px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100000;
    }
.controls .prev button {
    left: 0;
    }
.controls .next button {
    right: 0;
    }
#homepageFMAHolder .imageArea {
    overflow: hidden; width: 500%;
    }
#homepageFMAHolder .imageArea .slide {
    float: left;
    position: relative;
    width: 20%;
    }
#homepageFMAHolder .imageArea .slide .overlay {
    position: absolute;
    left: -475px;
    left: -100%;
    top: 30px;
    width: auto !important;
    }
#homepageFMAHolder .imageArea .cloned .overlay {
    width: auto !important;
    left: -1px;
    left: 100%;
    left: 0;
    opacity: .5;
    }
.slide img {
    width: 100%;
    }
#homepageFMAHolder .linkArea {
    clear: both;
    }
#homepageFMAHolder .linkArea a {
    display: none;
    position: relative;
}
#homepageFMAHolder .linkArea a .wrapper {
    padding: 10px 15px;
    }
#homepageFMAHolder .linkArea a.current { 
    display: block;
    position: relative;
    }
#homepageFMAHolder .linkArea a span { 
    display: block;
    }
#homepageFMAHolder .linkArea a span.title {
    margin-bottom: 8px;
    }
#homepageFMAHolder .linkArea a span.indicator {
    display: none;
    visibility: hidden;
    position: absolute;
    width: 28px;
    width: 84px;
    height: 15px;
    height: 34px;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    }
#homepageFMAHolder .linkArea a span span { display: inline; }
#homepageFMAHolder .linkArea a img { vertical-align: middle; padding-left: 4px; }
@media (min-width: 640px) {
    #homepageFMAHolder .linkArea a {
        display: block;
        }
    #homepageFMAHolder .linkArea a .wrapper {
        margin-right: 10px;
        }
    #homepageFMAHolder .linkArea a.lst .wrapper {
        margin-right: 0;
        }
    #homepageFMAHolder .linkArea a span.indicator {
        visibility: visible;
        }
    }

/**
 * =category landing page
 */

/**
 * =product gallery
 */
.footwear .crumbs label {
    margin-left: .3em;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: -.1em;
    }
.footwear h1 {
    margin: 0;
    }
#productFilters {
    padding: 0;
    }
#productFilters h3 {
    padding: .5em;
    margin: 1em;
    cursor: pointer;
    width: 50%;
    border: 1px solid #c8102e;
    position: relative;
    z-index: 1111111;
    }
#productFilters.expanded h3 {
    border-bottom-color: #fff;
    border-bottom-width: 3px;
    }
#productFilters h3:after {
    width: 19px;
    margin-left: .2em;
    display: inline-block;
    content: ":";
    background: url(/assets/images/arrows/down-active.png) 50% 50% no-repeat;
    }
#productFilters.expanded h3:after {
    background: url(/assets/images/arrows/up-active.png) 50% 50% no-repeat;
    }
#productFilters .inner {
    padding: 1em;
    display: none;
    border-top: 1px solid #c8102e;
    border-bottom: 1px solid #c8102e;
    position: absolute;
    top: 119px;
    right: 0;
    left: 0;
    z-index: 9999999;
    }
#productFilters.expanded .inner {
    display: block;
    }
#productFilters a {
    padding: 0;
    display: block;
    }
#productFilters input {
    margin: 0;
    }
#productFilters ul {
    padding-bottom: 1em;
    }
#productFilters ul ul {
    padding-bottom: 0;
    display: none;
    }
#productFilters ul.open ul {
    display: block;
    }
#productFilters li {
    vertical-align: text-top;
    }
#productFilters .inner a:before {
    padding-right: .15em;
    }
#productFilters label {
    display: inline;
    margin: 0 0 0 .5em;
    }
#productFilters .hiddentext label {
    display: none;
    }
.products {
    overflow: hidden;
    }
.products li:empty {
    display: none;
    }
.product {
    position: relative;
    }
.footwear .product {
    width: 49%;
    padding: 1em;
    margin: .5%;
    float: left;
    }
#results .product {
    width: 49%;
    padding: 1em;
    margin: .5%;
    float: left;
    /*height: 345px;*/
    }
.productLink {
    display: block;
    }
.productImage {
    width: 100%;
    margin-bottom: .5em;
    display: block;
    }
.productTitle {
    display: block;
    }
.product div {
    float: right;
    }
.techIcons {
    position: absolute;
    top: 1em;
    right: 1em;
    margin: 0;
    float: left;
    }
.techIcons li {
    padding: .5em;
    line-height: 1;
    }
.techIcons li:empty {
    display: none;
    }
.techIcons li img {
    padding: 0;
    box-sizing: initial;
    }
.product input {
    margin: 0;
    }
@media (min-width: 640px) {
    .footwear .crumbs label {
        top: -.2em;
        }
    .footwear .product {
        width: 32%;
        }
    #results .product {
        width: 32%;
        }
    #productFilters h3,
    #productFilters.expanded h3 {
        cursor: auto;
        border: none;
        width: 100%;
        margin: 0;
        }
    #productFilters h3:after {
        width: auto;
        display: inline;
        background: transparent;
        }
    #productFilters .inner {
        display: block;
        border: none;
        position: static;
        }
    }
@media (min-width: 1024px) {
    .footwear .product {
        width: 24%;
        }
    #results .product {
        width: 19%;
        }
    }
/**
 * =content widget
 */
.contentwidget .product {
    padding-top: 1em;
    padding-bottom: 1em;
    border: .5em solid #fff;
    }
.contentwidget h3 {
    padding-left: 0;
    padding-right: 0;
    }
/**
 * =search results
 */
.searchresults .product {
    padding-top: 1em;
    padding-bottom: 1em;
    border: .5em solid #fff;
    }
.searchresults h3 {
    padding-left: 0;
    padding-right: 0;
    }
/**
 * =product =comparison
 */
.productcomparison .compareProducts td {
    padding: 6px 6px 6px 10px;
    width: 25%;
    min-width: 250px;
    vertical-align: top;
    }
.productcomparison .compareProducts .compareHeaderCell {
    vertical-align: middle;
    }
.productcomparison .product {
    padding: 1em;
    }
@media (min-width: 640px) {
    .productcomparison .compareProducts .compareHeaderCell {
        padding-left: 40px;
        }
    }
.productcomparison .compareProducts p { margin: 0; }
.productcomparison table .checked  { text-align: left;  }
.productcomparison .removeItem:before {
    content: "X";
    font-weight: bold;
    margin-right: .5em;
}
.productcomparison .crumbs {
    float: none;
    left: 40px;
    }
.productcomparison .crumbs a:before {
    content: "<";
    margin-right: .2em;
    }
.productcomparison td[colspan] {
    text-align: center;
}
/**
 * =product =detail
 */
.productdetail #content {
    padding-top: 1em;
    }
.bread.crumbs {
    padding: 0 1em;
    }
.bread.crumbs li:first-child:after {
    content: "/";
    padding-left: .25em;
    padding-right: .25em;
    }
.productDetailDisplay {
    overflow: hidden;
    position: relative;
    }
@media (min-width: 640px) {
    .productDetailDisplay {
        overflow: visible;
        }
    }
.leatherGraphic {
    width: 19%;
    height: auto;
    position: absolute;
    top: 20px;
    right: 11px;
    z-index: 3;
    }
.productdetail h1 {
    background: transparent;
    }
.productdetail h1 strong {
    display: block;
    }
.productdetail .techIcons {
    position: static;
    }
.productdetail .techIcons li {
    float: left;
    line-height: 1;
    padding-right: .83em;
    }
.productdetail .techIcons li {
    line-height: 30px;
    }
.productdetail .techIcons img {
    width: .83em;
    xxxpadding: 0 .3em;
    vertical-align: baseline;
    }
.productdetail .shoeOptions {
    width: auto;
    float: right;
    }
.productdetail .shoeOptions a {
    margin-right: 17px;
    }
.productdetail .print {
    padding-right: 18px;
    }
.productdetail .share {
    padding-right: 22px;
    }
.productdetail #content .find-retailer {
    width: 100%;
    float: left;
    display: block;
    }
.productdetail #content .find-retailer a {
    padding: .7em;
    }

@media (min-width: 640px) {
    .leatherGraphic {
        right: -13%;
        }
    }
@media (min-width: 1024px) {
    .productdetail #content .find-retailer {
        width: 65%;
        }
    .leatherGraphic {
        right: -10%;
        }
    }
.productdetail h4 {
    margin-bottom: 1em;
    }
.productdetail .l-horizontal li {
    list-style-type: none;
    float: left;
    margin-right: 10px
}
.shoeInfo table {
    padding-bottom: 20px;
}
.shoeInfo td {
    vertical-align: top;
    padding: .2em .3em;
    }
.productProperties td,
.shoeSizes td {
    width: 58%;
    }
.productProperties td:first-child,
.shoeSizes td:first-child {
    width: 42%;
    }
.outsoleProperties td {
    width: 40%;
    }
.outsoleProperties td:first-child {
    width: 60%;
    }
.shoeInfo td img {
    vertical-align: middle;
    }

/**
 * =imageViewer
 */
#content #s7zoomviewer_div.s7zoomviewer{
    width: 100%;
    height: auto;
    margin: 1em 0;
    }
@media (min-width: 640px) {
    #content #s7zoomviewer_div.s7zoomviewer{
        margin: 1em 3em;
        }
    }
#s7zoomviewer_div.s7zoomviewer{
    width: 100%;
    height: auto;
    background-color: #efece0 !important;
    }
#s7zoomviewer_div.s7zoomview[data-namespace="s7classic"] {
    -moz-user-select: none;
    background-color: #efece0 !important;
    height: 400px;
    position: absolute;
    text-align: left;
    width: 400px;
    }
canvas {
    background-color:#efece0 !important;
    }
#content .s7zoomviewer .s7swatches .s7thumb {
    background: transparent;
    background-repeat: no-repeat;
    background-position: center; 
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .s7zoomviewer .s7swatches {
        position: relative;
        bottom: 0px;
        right: -200px;
        height: 96px;
        background: transparent;
        z-index: 1;
        display: none;
        }
    }

/**
 * =find a shoe =store and =locator =results
 */
.storelocator h2 {
    margin-bottom: 0;
    }
.storelocator h2 img {
    vertical-align: text-bottom;
    margin-right: .25em;
    }
.internationalLocations,
#mainContent_divRadius {
    margin-bottom: .5em;
    
}
#mainContent_divRadius p {
    float: left;
    margin-bottom: 0;   
    }

#mainContent_divRadius p:last-child {
    float: right;
    }
#mapSearch .form {
    width: 100%;
    padding-top: .5em;
    padding-bottom: .5em;
    float: left;
    }
#mapSearch .form label {
    padding: .3em .1em;
    }
#mapSearch .form dt,
#mapSearch .form dd,
#mapSearch .form input,
#mapSearch .form .button {
    float: left;
    margin-bottom: 0;
    }
#mapSearch .form dt,
#mapSearch .form dd {
    width: 100%;
    }
#mapSearch .form dd {
    padding: 0 2%;
    }
#mapSearch .form input {
    width: 65%;
    margin-right: 2%;
    margin-bottom: 0;
    }
#mapSearch .form .button {
    width: 33%;
    margin-bottom: 0;
    padding: .754em 2%;
    float: right;
    }
#mapSearch .legend {
    padding-left: 1%;
    margin-top: 1em;
    float: left;
    width: 100%;
    }
#mapSearch .legend li {
    width: 50%;
    float: left;
    background: url(/assets/images/icon-store.png) no-repeat 20px 0;
    position: relative;
    padding-left: 50px;
    padding-bottom: .3em;
    padding-right: .3em;
    }
#mapSearch .legend li:last-child {
    padding-right: 0;
    background: url(/assets/images/icon-retail.png) no-repeat 20px 0;
    }
#mapSearch .legend input {
    position: absolute;
    top: 7px;
    left: 0;
    }
#mapSearch #mapFilter {
    padding: 15px 20px;
    display: none;
    visibility:hidden;
    }
@media (min-width: 640px) {
    #mapSearch .form {
        width: 50%;
        }
    #mapSearch .legend {
        width: 50%;
        }
    }
@media (min-width: 800px) {
    #mapSearch .form dt {   
        width: 55%;
        }
    #mapSearch .form dd {
        width: 45%;
        }
    }
#mapSearch #mapFilter label { float: left; margin-right: 15px; }
#mapSearch #mapFilter .checkboxes { padding-top: 2px; position: relative; }
#mapSearch #mapFilter .checkboxes label { float: none; margin: 0 0 0 2px; }
#mapSearch #mapFilter .checkboxes a { margin-right: 10px; }
#mapSearch #mapFilter .checkboxes .all label { margin-right: 10px; }
#mapSearch #mapFilter .checkboxes input { vertical-align: text-top; }
#mapSearch #mapFilter .checkboxes img { vertical-align: middle; position: relative; top: -1px; }
#mapSearch #directions_map { display: none; height: 348px; width: 456px; }
#mapSearch #googleCont {
    position: relative;
    clear: both;
    }
#mapSearch #googleCont #directions {
    display: none; position: absolute; top: 0; right: 0; width: 430px; height: 334px; padding: 7px !important;
    }
#mapSearch #googleCont #directions h4 { padding: 15px; margin-bottom: 7px; }
#mapSearch #googleCont #directions h4 a { padding-right: 20px; }
#mapSearch #googleCont #directions .googledir { height: 277px; overflow: auto; margin: 1px; }
#mapSearch #googleCont #directions .googledir table { margin: 1px !important; }
#mapSearch #googleCont #directions .googledir div div { padding-top: 10px; }
#mapSearch #googleCont #directions .googledir div div div { padding-top: 0; }
.radius p{
    margin-bottom: 0;
}
.location-header div { display: block; padding-left: 35px; margin-top: -10px; }
@media (min-width: 640px) { .location-header div { display: inline-block; color: #646464; font-weight: 900; padding-left: 10px;} }
.location-header h2 { display: inline-block; vertical-align: middle; }
.location-show-more { background: #c9102f; color: #ffffff; display: inline-block !important; padding: 10px;  margin: 10px 10px 25px 10px;}
.location-show-more span { font-size: 1.2em; font-weight: 900; }
@media (min-width: 640px) { .location-show-more span { font-size: 1.5em; } }
.location-show-more:hover { background: #c9102f; color: #ffffff; }
.text-center-mobile { text-align: center; }
@media (min-width: 640px) { .text-center-mobile { text-align: left; } }
.storelocator { font-size: 90%; }
.no-bg { background: none !important; }
.locationsList li {
    padding: 1em 0;
    }
.locationsList .active .storeFront {
    margin: -1px 0 0 -1px;
    padding: .5em;
    border: 1px solid #252828;
    position: relative;
    top: -.5em;
    left: -.5em;
    float: left;
    }
.locationsList .action {
    padding-top: 1em;
    padding-bottom: 1em;
    }
.locationsList a {
    display: block;
    }
.locationsList p {
    margin-bottom: 0;
    }
.locationsList .action a {
    float: left;
    clear: both;
    }
.locationsList .address { xxxheight: 60px; }
.locationsList .info {
    display:none;
    }
.locationsList .action .getDirections {
    padding-right: 26px;
    }
.locationsList .action .sendToPhone {
    padding-right: 23px;
    display: none;
    }
@media (min-width: 640px) {
    #mainContent_divRadius p {
        xxxfloat: left;
        width: auto;
        }
    .locationsList .action .sendToPhone {
        display: block;
        }
    }
/**
 * =customer service page
 */
#cservice table {
    border-collapse: separate;
    border-spacing: 10px;
    }
#cservice tr {
    padding: 0;
    }
#cservice table td:first-child {
    vertical-align: top;
    width: 5em;
    }
#cservice table textarea {
    padding: 4px 6px;
    margin-bottom: 5px;
    }
#cservice table .button {
    width: 60%;
    margin: 0;
    }
.safetyNotice {
    }
#csFoot {
    padding: .5em 1em;
    }
@media (min-width: 640px) {
    .safetyNotice {
        margin-top: 1em;
        }
    #cservice table .button {
        width: 30%;
        }
    }

/**
 * =google maps result bubble
 */
.ggl_popup h3 { margin: 0 0 5px; }
.ggl_popup p { margin-bottom: 1px; }

/**
 * =international store locator
 */
.intlstorelocator .leftColumn { width: 387px; float: left; margin-right: 45px; }
.intlstorelocator .rightColumn { width: 368px; float: left; }

.intlstorelocator .fieldtitle { float: left; clear: left; font-size: 1.2em; text-transform: uppercase; font-family: 'AauxRegular', Impact, Charcoal, 'Arial Narrow', Sans-Serif; color: #FFF; padding-right: 5px; }
.intlstorelocator .field { margin-bottom: 8px; }

.intlstorelocator .storeContainer { margin: 30px -70px 0 -80px; background: #48413b; }
.intlstorelocator .storeContainer h1 { padding: 30px 40px 0; }
.intlstorelocator .storeContainer ul { background: url(/assets/images/productunderline.gif) repeat-x bottom; }
.intlstorelocator .storeContainer ul li { float: left; height: 120px; padding: 30px 20px 0 40px; width: 256px; background: url(/assets/images/productunderline.gif) repeat-x bottom; }
.intlstorelocator .storeContainer ul li span.store { display: none; }
.intlstorelocator .storeContainer ul li h3 { margin: 0 0 2px; font-family: Helvetica, Arial, Sans-Serif; font-size: 1.17em; text-transform: none; }
.intlstorelocator .storeContainer ul li p { margin-bottom: 0; }

.intlstorelocator .cell select { float: left; }
.intlstorelocator .cell a.button { top: 4px; margin: 16px 7px 7px; }

/**
 * =modals
 */
.modal {
    width: 470px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1030;
    display: none;
    transform: translate(-50%, -50%);
    }
.modal h3 { padding: 12px 12px 12px 40px; margin: 0; }
.modal h3 a { float: right; display: block; padding-right: 22px; padding-top: 2px; position: relative; top: 2px; }
.modal .body { padding: 20px; }
.modal .body .row { margin-bottom: 10px; clear: both; }
.modal .body label { width: 80px; float: left; clear: left; margin-right: 8px; }
.modal .body input[type="text"] { display: block; margin-bottom: 2px; width: 182px; padding: 6px; }
.modal .body textarea { width: 330px; height: 83px; padding: 6px; }
.modal .body .checkbox { float: right; }
.modal .body .checkbox label { width: auto; float: none; clear: none; margin: 0 0 0 3px; }
.modal .body .checkbox input { vertical-align: text-top; }
.modal .body .button { padding: 10px 8px 8px; display: block; float: left; }

/**
 * =phone modal
 */
#phoneModal .body { padding-bottom: 30px; }
#phoneModal .enterPhone label { width: auto; position: relative; top: 3px; }
#phoneModal .enterPhone input[type="text"] { width: 25px; display: inline; margin-right: 2px; }
#phoneModal .enterPhone input.longer { width: 35px; }
#phoneModal .enterPhone p { position: relative; top: -3px; margin-bottom: 15px; }

/**
 * =compare modal
 */
#compareModal, #compareModalFew { width: 300px; }
#compareModal .button { margin-right: 5px; }
/**
 * =find dealer page
 */
.row .fieldtitle,
.field {
    float:left;
    margin-left: 1em;
    }
.row .fieldtitle {
    width:90px;
    }

.dealerproducts td.header {font-weight:bold; font-size:1.2em; border-bottom:solid 1px #fff;}
.dealerproducts td {padding:4px 10px;}

xxx.radius {padding:10px 30px 0 0; float:right;}
.subscribe .subChkLabel, #cservice .subChkLabel { font-weight: bold; text-transform: uppercase; margin-top: -5px; padding-bottom: 2px; display: block; font-size: 1.3em; }
.subscribe .custom-checkbox, #cservice .custom-checkbox { position: relative;}
.subscribe .custom-checkbox .checkbox-description, #cservice .custom-checkbox .checkbox-description  {font-family: Helvetica, Arial, Sans-Serif; font-size: 0.75em; color:#c2bcad; font-weight: bold; text-transform: none; }
.subscribe .custom-checkbox input[type="checkbox"], #cservice .custom-checkbox input[type="checkbox"] {
    position: absolute;
    left: 2px;
    top: 0px;
    margin: 0;
    z-index: 0;
}
.subscribe .custom-checkbox label, #cservice .custom-checkbox label {
    display: block;
    position: relative;
    z-index: 1;
    padding-right: 1em;
    line-height: 1;
    padding: .25em 0 .5em 30px;
    margin: 0 0 .3em;
    cursor: pointer;
    float: none;
}
.custom-checkbox input, .custom-checkbox label {float:left;}
.subscribe .lefttableColumn,
#cservice .lefttableColumn {
    width: 125px;
    }
.links a {
    float:left;
    clear:left;
    }
/**
 * =tooltipster
 */
.tooltipster-sidetip .tooltipster-box {
    border-width: 1px !important;
    border-radius: 1px !important;
    background: transparent !important;
    opacity: .95 !important;
    }
.tooltipster-sidetip .tooltipster-content {
    color: inherit !important;
    background: #ebebeb !important;
    }
.tooltipster-sidetip .tooltipster-arrow {
    opacity: .95 !important;
    }
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #ebebeb !important;
    top: -1px !important;
    }
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #ebebeb !important;
    top: 1px !important;
    }
.tooltipster-sidetip .tooltipster-arrow-border {
    border-width: 8px !important;
    left: 2px !important;
    top: 2px !important;
    }
/**
 * =email signup
 */
.hidden {
    display: none;
    }
#emailSignup {
    background: #f0ece1;
    padding-top: 1em;
    }
#emailSignup p {
    font-weight: bold;
    padding: .55em 1em .55em 0;
    margin-bottom: 0;
    }
#emailSignupForm {
    border: 1px solid #c8102e;
    }
#emailSignup .button {
    width: 100%;
    font-weight: bold;
    }

#emailSignup .emailMessage {
    text-align: center;
    font-weight: bold;
}

.search-error {
    font: bold;
    font-size: 2em;
    text-align: center;
    margin: 20px;
}

.navigation-options {
    text-align: center;
    padding-top: 10px;
}

.navigation-options a {
    font-size: 2em;
}

.custom-html-area {
    display: inline-block;
    width: 100%;
}

#ensNotifyBanner {
    left: 20% !important;
    border: 1px solid #fff;
}

.ensNotifyBanner {
    border-radius: 0 !important;
    opacity: 0.94 !important;
    font-family: "TradeGothicLTStd-Cn18" !important;
}

#ensNotifyBanner .ensButtons {
    display: none !important;
}

.cookie-disclaimer {
    font-family: "TradeGothicLTStd-Cn18" !important;
}

.cookie-disclaimer a, .ensModalLink {
    color: #9ea193;
}

.cookie-disclaimer a:hover, .ensModalLink:hover {
    color: #fff !important;
}

#ensModalWrapper {
    position: absolute !important;
    left: 20% !important;
    top: 20px !important;
    width: 60% !important;
}

.ensCenter {
    margin-top: -10px;
}

.ensButtons .button.blue {
    background-color: #111 !important;
}

#ensCloseBanner:hover {
    cursor: pointer;
    color: #c8102e;
}

.underline {
    text-decoration: underline;
}

@media only screen and (max-width: 620px) {
    #ensNotifyBanner {
        left: 0 !important;
        width: 100%;
        border-radius: 0;
        bottom: 0;
    }

    #ensModalWrapper {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}