/* TAG STYLES */
body {
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-family: Arial, Arial, Helvetica, sans-serif;
    color: #555;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
  color:#555;
}

a:hover {
    color: #87E9FF
}

a img {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #555;
}

h1 {
    font-size:1.8em;
}
h2 {
    font-size: 1.65em;
}
h3 {
    font-size: 1.5em;
}
h4 {
    font-size: 1.35em;
}
h5 {
    font-size: 1.2em;
}

script {
    display: none !important;
}

/*  CLASS STYLES - DIVS  */
.divClear {
    clear: both;
}

.divPrimary {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.divAllButFoot {
    min-height: calc(100vh - 120px);
}

.divTopFive {
    margin-top: 20px;
    text-align: center !important;
}

.divTopFiveChild {
    display: inline-block !important;
    padding: 10px;
}

.divSoundRow {
    margin-top: 20px;
    text-align: center !important;
}

.divSoundRowChild {
    display: inline-block !important;
    padding: 10px;
}

.divSoundBox {
    border-radius: 7px;
    border: 2px solid #777;
    padding: 7px;
    text-align: center;
    width: 185px;
    height: 165px;
    overflow-wrap: normal;
    font-size: .85em;
}

.divErrorBox {
    color: #FF0000;
    font-weight: bold;
    border-radius: 10px;
    border: 2px solid #FF0000;
    padding: 10px;
    text-align: left;
    margin: auto;
}

.divMasterBody {
    position: relative;
    z-index: 10;
    width: 95%;
    margin: auto;
}

    .divMasterBody p {
        margin-top: 10px !important;
    }

.divBuyButtons input {
    margin-top: 7px;
    padding: 2px;
    text-transform: uppercase;
    height: 20px;
    width: 88px;
    border: none;
    font-size: .9em;
}

    .divBuyButtons input:hover,
    .divBuyButtons input:focus {
        color: #EFEFEF;
        background-color: #777777;
    }

.divHeader {
    border-bottom: 1px solid #e0e0e0;
}

.divSubHeader {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0 20px 20px;
    position: relative;
}

.divSHLogo {
    float: left;
    width:40%;
}

    .divSHLogo > a > img {
        width: 75%;
    }

.divSHSearchBox {
    float: right;
}

.divSHSearchBtn {
    float: right;
}

.divHeadCart {
    float: right;
    height: 100%;
    background-color: #F0F0F0;
    font-size: .9em;
    padding: 10px;
    width: 110px;
    text-align: center;
}

    .divHeadCart a {
        background: url("/images/shopBagSml.png") center left no-repeat;
        padding: 5px 0 5px 15px;
    }

        .divHeadCart a:hover {
            color: #F0F0F0;
        }

.divCartLabel {
    color: #555;
    font-size: .8em;
    padding-bottom: 5px;
    margin-left: 8px;
    display: inline-block;
}

.divHeadMenu {
    float: left;
    background-color: #F0F0F0;
    padding: 8px;
}

.divSearchWrapper {
    float: right;
    top: 35%;
    right: 0;
    height: 100%;
    position: absolute;
}


.divFooter {
    background-color: #eee;
    text-align: center;
    min-height:120px;
}

.divFooterTop {
    margin: auto;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    font-size: 14px;
}

.divFooterBottom {
    width: 95%;
    margin: auto;
    overflow: hidden;
    padding: 8px 0;
    font-size: 12px;
}

.divFooterBottom div:first-child{
    float:left;
}

.divFooterBottom div:last-child {
    float: right;
    padding-top:20px;
    color:#555;
}

.divCartEmail {
    float:left;
}

.divCartPayPal {
    float: right;
}


/****************************  OTHER CLASS BASED ********************************/

.btnCartAdd {
    border-radius: 6px 6px;
    background-color: #009E02;
    color: #E0E0E0;
}

.tblCartItems{
    margin-bottom:10px;
}

.tblHeadMenu {
}

    .tblHeadMenu a {
        font-size: .9em;
    }

        .tblHeadMenu a:hover {
            color: #3aa2d2;
        }

    .tblHeadMenu td {
        text-align: left;
        color: #555;
    }

.tdMenuBar {
    padding: 0 10px 0 10px !important;
    color: #555;
}

.tblOrderConfTop {
    margin-left: 15px !important;
    width: auto !important;
}

.tdBoldRightPad {
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
}

.soundLink {
    color: #0000FF;
}

.soundLink:hover {
    color: #35C4FF;
}

.spanBrief {
    color: #3939C8;
}

.spanBrief:hover {
    color: #6464DC
}

.trItemHead td {
    font-weight: bold;
    border-bottom: 1px solid #555555;
    padding: 3px 5px 3px 5px;
    white-space: nowrap;
}

.trItemHead td:first-child {
    width: 99%;
}

.trItemFoot td {
    padding: 3px 5px 3px 5px;
}


.trItemBase td {
    background-color: #F0F0F0;
    padding: 3px 5px 3px 5px;
    white-space: nowrap;
}

.trItemBase td:first-child {
    width: 99%;
}

.trItemAlt td {
    background-color: #FAFAFA;
    padding: 3px 5px 3px 5px;
    white-space: nowrap;
}

.trItemAlt td:first-child {
    width: 99%;
}

.tdPadFive {
    padding: 5px;
}

.findButton {
    min-width: 86px !important;
    height: 36px !important;
    border: none !important;
    background-color: #3aa2d2 !important;
    padding: 0 15px !important;
    text-align: center !important;
    color: #fff !important;
    text-transform: uppercase !important;
}

.findButton:hover,
.findButton:focus {
    background-color: #248ece !important;
}




.btnPlayStop {
    min-width: 50px;
    height: 20px;
    border: none;
    background-color: #267F00;
    padding: 2px;
    text-align: center;
    color: #fff;
    font-size: .9em;
    text-transform: uppercase;
}

.btnPlayStop:hover,
.btnPlayStop:focus {
    background-color: #00AA00;
}

.btnStop {
    background-color: #AA0000 !important;
}

.btnStop:hover,
.btnStop:focus {
    background-color: #EE0000 !important;
}

.soundSearchBox {
    float: left;
    width: 200px;
    height: 30px!important;
}


.soundSearchBox:focus {
   
    background-color:#F0F0F0;
}

.soundSearchButton {
    text-transform: uppercase;
    color: #fff;
    border: none;
    background-color: #3aa2d2;
    padding: 10px 15px;
    font-size: 15px;
    height: 36px!important;
    cursor: pointer;
}

.tblContactUs {
    border-collapse: separate;
    border-spacing: 0 15px;
}

    .tblContactUs .sendBtn {
        min-width: 86px;
        text-transform: uppercase;
        height: 36px;
        border: none;
        background-color: #3aa2d2;
        padding: 0 15px;
        text-align: center;
        color: #fff;
    }

    .tblContactUs tr td:first-child {
        text-align: right;
        padding-right: 5px;
        width: 100px;
    }

    .tblContactUs tr td:last-child {
        text-align: left;
    }

    .tblContactUs tr.custId {
        display: none;
    }

    .tblContactUs tr {
        padding-bottom: 10px !important;
    }

.italSub {
    font-size:.7em;
    font-style:italic;
}

.txtContact {
    width: 300px;
}


audio {
    width:100%!important;
    height:30px;
}


/************* AUDIO CONTROLS ***************/
audio::-webkit-media-controls-current-time-display
{
  display:none;
}

audio::-webkit-media-controls-time-remaining-display
{
    display:none;
}

audio::-webkit-media-controls-volume-control-container {
    display: none;
}


    /*  media anything below 700px  */
    @media only screen and (max-width: 699px) {
        .divHeadMenu {
            display: none;
        }

        .divSHLogo {
            float: none;
            text-align: center;
            width: 100%;
            margin-bottom: 12px;
        }

        .divSearchWrapper {
            float: none;
            text-align: center;
            left: inherit;
            position: relative;
        }

        .divSHSearchBtn {
            float: none;
            display: inline-block;
            margin-right: 0;
            padding-right: 0;
        }

        .divSHSearchBox {
            float: left;
            display: inline-block;
        }
    }

    /* media anything below 1020px */
@media only screen and (max-width: 1020px) {
    .tdItemNum {
        display: none;
    }
}

/* media anything below 750px */
@media only screen and (max-width: 750px) {
    .tdItemLen {
        display: none;
    }

    .divCartEmail {
        float:none;
    }

    .divCartPayPal {
        float: none;
        margin-top:10px;
    }
}

/* media anything below 615px */
@media only screen and (max-width: 615px) {
    .tdItemLen {
        display: none;
    }

    .divFooterBottom div:first-child {
        float: none;
        text-align:center;
    }

    .divFooterBottom div:last-child {
        float: none;
        text-align: center;
    }

    .txtContact {
        width:200px;
    }
}