* {
    margin:0;
    padding:0;
    font-family: sans-serif;
}

html, body {
    background: #bcb8b1;
    padding:0;
    margin:0;

}


.general-button, .button-general, .button-product-view-add-to-cart {

    padding:12px;
    background: #ffba1b;
    color:#000;
    font-family: Tahoma, sans-serif;
    font-size:12pt;
    border: 1px solid #ffba1b;
    border-radius: 7px;
    width:100%;
    cursor: pointer;
}

.mobile-display {
    display: none;
}

h1 {
    font-weight:normal;
    font-size:28pt;
    margin-bottom:12px;
    margin-top:24px;
    color:#336699;


}

h3 {
    font-size:18pt;
    font-weight:normal;

    color: #4C340A;
    color:#333;
    letter-spacing: 0;
    margin-bottom:24px;
    margin-top:12px;
    padding-bottom:6px;
    border-bottom:1px solid #ccc;
}

img {
    display:block;
    max-width:100%;
}

span.parenthetical-note {
    font-weight: normal;
    font-size:11pt;
}

div.radioButtonDiv {
    padding:12px;
    border-radius: 5px;
    background:#efefef;
    border:1px solid #dddddd;
    float:left;
    margin-right:4px;
    font-size:12pt;
    color:#333;
    margin-bottom: 4px;
    font-family:'Roboto',sans-serif;
}

div.radioButtonDivHighlighted {

    background:#777;

    color:white;

}

.radio-button-larger {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    margin-right:6px;
}

#headerDesktop {

    margin:auto;
    max-width:1380px;
    display:flex;

}

#headerMobile {
    display:none;
}

#mainImage {
    background:url('https://www.wheeladapter.com/images/main.image.003.jpg') center no-repeat;
    background-size: cover;
    height:280px;
    border-radius:9px;
    border:0px solid #777;
}

a:link, a:visited {
     color:orangered;
     text-decoration:underline;
 }

a:hover {
    background: orangered;
    color:white;
}

a.footer-link:link, a.footer-link:visited {
    color: #44403b;
    text-decoration:underline;
}

a.footer-link:hover {
    background: orangered;
    color:white;
}

#headerLogo {

    padding-top:16px;
    flex-grow: 1;
    flex-shrink: 1;
}

.site-header-inner {
    margin:auto;
   /* max-width: 1000px; */
    margin-left:32px;
}

div.hidden {
    display: none;
}

div.item-title {
    width:160px;
    margin-bottom:12px;
}

div.general-spacer-12 {
    clear:both;
    height:12px;
}

div.general-spacer {
    clear:both;
    height:24px;
}

div.general-spacer-36 {
    clear:both;
    height:36px;
}

div.general-spacer-48 {
    clear:both;
    height:48px;
}

div.flex-container {
    flex-direction: row;
    display: flex;
}

div.flex-container-item-280px {

    width:280px;
    flex-shrink: 0;
    flex-grow: 0;

}

.flex-container-1 {
    margin:auto;
    display:flex;
    justify-content: center;
    max-width:86%;
}

.flex-container-1 div {
    max-width:240px;
    margin-right:32px;
    margin-bottom:36px;
}

.flex-container-1 div:last-of-type {

    margin-right:0;
}

.flex-container-1-item-title-text {
    font-weight:bold;
    text-align: center;
    font-size:14pt;
    margin-top:12px;
}

div.flex-container-1 {
    display:flex;
    flex-direction: row;
    justify-content: space-between;

}

div.flex-container-2 {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}



div.flex-container-1-item-1 {
    flex-grow:1;
    margin-right:36px;
}

div.flex-container-1-item-2 {
    flex-grow:0;
    flex-shrink:0;
    width:380px;
    background:#eee;
    border-radius:9px;
    color:black;
}


li {
    font-size:12pt;
}

.flex-div-01 {
    display:flex;
    margin:auto;

    justify-content: center;
    align-content: center;

    text-align: left;

}

.definition-flex-div-1 {
    display: flex;
    flex-direction: row;
}

.definition-div-1:first-of-type {
    margin-right:6px;
}

.definition-div-1:last-of-type {
    margin-left:6px;
}

div.image-container-1 {
    width:220px;
    margin:8px;
    margin-bottom:12px;

}

div.image-flex-container-1 {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

div.flex-column-one-third {
    width:300px;
    flex-grow:0;
    flex-shrink: 0;
}

div.flex-column-two-thirds {

    flex-grow:1;
    flex-shrink: 1;
    margin-right:48px;
}

.orange-box-wrapper {

    background: #ffd9b4; /* Old browsers */
    background: -moz-linear-gradient(top, #ffd9b4 0%, #fff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffd9b4 0%, #fff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffd9b4 0%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding:18px;
    border-radius:9px;
}

.flex-container-mobile-collapse {
    display:flex;
    flex-direction: row;
}


ul , ul.general {
    margin-left:36px;
}

li.orange-arrow {
    line-height: 1.5;
    margin-bottom:8px;
    list-style-type: none;
}

li.orange-arrow:before {
    content: "";
    border-color: transparent orangered;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1.0em;
    position: relative;
}

.item-wrapper-3b {
    border:1px solid white;
    width:200px;
    margin-bottom:36px;

}

.item-wrapper-3b:hover {
    cursor: pointer;
    opacity:0.9;
    border:1px solid orangered;
}

.item-wrapper-3b-image {
    max-width:240px;
    margin:auto;
    display:block;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#contentWrapper {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-around;
}


div.info-box-form-error {
    background: #ffffaa;
    border:0;
    padding:12px;
    font-size:11pt;
    margin-bottom:24px;
    color:red;
    font-weight: bold;
}

div.info-box-yellow {
    background: #ffffaa;
    border:1px solid #ffbe89;
    padding:12px;
    font-size:11pt;
    margin-bottom:24px;
}

.formfield {
    border-radius:3px;
    background:#eee;
    border:1px solid #999;
    font-size:12pt;
    padding:7px;
}

.formfield-label {
    font-weight:normal;
    font-size:12pt;
    margin-bottom:5px;
    color:#777;
}

.formfield-error {
    border-radius:5px;
    background:#ffffcc;
    border:1px solid red;
    font-size:12pt;
    padding:7px;
    color: red;
}

div.formfield-wrapper {
    /* float:left; */
    margin-right:24px;
    margin-bottom:24px;
}



.product-item-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom:12px;
    padding-bottom:12px;
    width:100%;

    border-bottom:1px solid #ccc;
}

.product-item-row>div:nth-of-type(1) {

    width:120px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right:24px;
}

.product-item-row>div:nth-of-type(2) {

    font-size:18pt;
    padding-top:6px;

}

.product-item-row>div:nth-of-type(3) {

    font-size:24pt;
    margin-top:8px;
    display: flex;
    align-content: flex-start;
    border:1px solid green;

}




.product-detail-description-and-price-div {
    display:flex;
    flex-direction: row;
}

.product-detail-price-div {

    margin-left:36px;
    text-align:center;
    font-size:36pt;
    color:orangered;
    margin-bottom:36px;
    font-weight:bold;
    order:2;
    font-style: normal;
    letter-spacing: 1px;

}

.product-detail-description-div {
    width:auto;
    flex-grow:1;
    flex-shrink: 1;
    order:1;
}

div.form-error-info-box {
    padding:16px;background:#ffffcc;
    margin-bottom:12px;
    color:#dd0000;
}

div.out-of-stock-notice {
    text-align: center;
    font-weight: normal;
    margin-top:4px;
    background: #E8260C;
    border:1px solid #d0331e;
    color:#fff;
    width:120px;
    padding:6px;
    font-family: monospace;
}

div.separator-1 {

    margin-top:12px;
    border-top:1px solid #ccc;
    margin-bottom:24px;

}

#message {
    width:800px;
    height:100px;
}

@media only screen and (min-width: 1280px) {


}

@media only screen and (max-width: 1280px) {


}

@media only screen and (max-width: 1024px) {


}

@media only screen and (max-width: 960px) {

    #headerDesktop {

        display: none;

    }

    #headerMobile, .mobile-display {
        display: block;
    }

    .hide-mobile {
        display: none;
    }

    #topNav {
        display:none;
    }


    div.flex-container {
        flex-direction: column;
    }


    div.flex-container div {
        max-width:100%;
        margin-right:0;
    }

    .flex-container-1-item-title-text {

        font-size:18pt;

    }

    .definition-div-1 {
        margin:0;
        margin-bottom:24px;

    }

    .definition-flex-div-1 {

        flex-direction: column;
    }


    .product-detail-description-and-price-div {
        flex-direction: column;
    }

    .product-detail-description-div {
        width:auto;
        flex-grow:1;
        flex-shrink: 1;
        order:2;
    }

    .product-detail-price-div {
        width:auto;
        flex-grow:1;
        flex-shrink: 1;
        order:1;
        margin:0;
        margin-bottom:24px;
    }


    .product-detail-price-inner-div {
        text-align: left;
        margin:0;
    }

    .made-in-usa-banner {
        display:none;
    }

    div.flex-container-mobile-collapse {
        flex-direction: column;
    }


    div.flex-column-two-thirds {
        margin:0;
    }

    div.flex-column-one-third {
        margin:0;
        width:auto;

    }

    div.flex-container-item-280px {
        width:100%;
        margin-top:24px;
    }

    div.flex-container-1-item-1 {

        margin-right:0;
    }

    div.flex-container-1-item-2 {
        margin-top:24px;
        width:100%;

    }



    div.navbar-wrapper {
        display:none;
    }

    #message {
        width:320px;
    }

    .item-wrapper-3b {

        width:100%;
        border-bottom:1px solid #ccc;
        text-align: center;
        padding-bottom: 12px;
    }

    #mainImage {
        height:120px;
    }

    .enlarge-mobile-text {
        font-size: 1.4em;
    }

    .site-header-inner {
        margin-left:0;
    }

}