/* ------------------------------------------------------------------------------------------------------------- */

/* BEGIN: general global style rules */
* {
    box-sizing: border-box
}

html {
    overflow-x: hidden;
}

header {
    height: 95px;
    background-color: #666677;
    background-image: url('/aap/images/bg.png');
    background-position: 50% 0%;
}

header, section, footer, aside, nav, main, article, figure {
    display: block;
}

body {
    font-size: 100%;
    background: #FFF;
    margin: 0;
    padding: 0;
    font-family: Avenir,Arial,Verdana,sans-serif;
    color: #667;
}

p {
    margin: 0;
    padding: 0
}

p.small {
    font-size: 11px;
    line-height: 17px;
}

p.small > a {
    font-size: inherit;
    line-height: inherit;
}

.container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    clear: both;
}

.disclaimer {text-align:center;padding:1% 0%;}
.row, header, footer, main, nav {
    position: relative;
    clear: both;
}

    .row:after {
        clear: both;
        content: " ";
        display: block;
        height: 0;
        visibility: hidden;
    }

.no_mobile {
    display: block;
}

.mobile_only {
    display: none;
}

.text-center {
    text-align: center;
}

.subnavigatie {
    height: 30px;
    max-height: 30px;
    /*background-color: #eeeef0;*/
    text-align: center;
    overflow: hidden;
    font-size: 13px;
    width: 100%;
    margin: 0;
    padding: 3px;
}

.subnavigatie span {
    background-color: #e0e2e3;
    color: #000000;
    margin: 0px 2px;
    /* padding: 3px; */
    width: 280px;
    text-align: center;
    display: inline-table;
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
}

.subnavigatie a {
    text-decoration: none;
    background-color: #165788;
    color: #ffffff;
    margin: 0px 2px;
    /* padding: 3px; */
    width: 280px;
    text-align: center;
    display: inline-table;
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
}

.subnavigatie a:hover {
    text-decoration: underline;
}


.social > ul {display:inline-flex;list-style:none;margin: 0 auto;padding:0%;}
.social > ul > li {margin-right:10%;}
.social > ul > li > a > i {font-size: x-large;color: #f57b52;padding:5px;height:35px;width:35px;}
.social > ul > li > a:hover > i {color:#ffffff;background:#f57b52;}

#pop-up-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#pop-up-banner > .row {
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255,255,255,0.9);
    color: #000000;
    /*opacity: 0.8;*/
    filter: alpha(opacity=80);
    font-size: 1em;
    padding: 25px 10px;
    border-top: 1px solid #FFFFFF;
}
#pop-up-banner > .row > img{
    width:35%
}
#pop-up-banner > .row > .content {
    position: fixed;
}
@media (max-width: 760px) {
    #pop-up-banner > .row > .content {
        left:0%;
    }
    .kontainer {width:90% !important;}
    .bcs-orange {font-size:smaller;}
    .bcs-black {font-size:x-small;}
}
#pop-up-banner > select {
    background: #c5c8cb;
}
#nl-pop-up {width:50%;padding:1%;margin-bottom:15px;}
.kontainer {margin:0 auto;width:40%;padding:2%;border:3px solid black;background:white;}
.bcs-orange {color: #f57b52;}
.row-logo, .row-user-icons {padding-bottom: 2%;}
.kontainer > .row-logo > .pop-up-logo-aap {
    width: 35%;
    float:left;
}
.kontainer > .row-logo > .mastering-simplicity {
    width: 25%;
    float: right;
}
.row-close > .close {padding: 1% 5%;background-color: grey;color: white;text-decoration: none;}
.row-user-icons > .col > i {font-size:-webkit-xxx-large;}
/* styling for dialog elements */
.ui-dialog .ui-dialog-titlebar {
    cursor: default !important;
}

    .ui-dialog .ui-dialog-titlebar > span {
            height: 8px;
        }

    .ui-dialog .ui-dialog-buttonpane {
        margin: 0 !important;
        padding: 6px 8px !important;
    }

    .ui-corner-all {
        -webkit-border-bottom-right-radius: 0 !important;
        -webkit-border-bottom-left-radius: 0 !important;
        -webkit-border-top-right-radius: 0 !important;
        -webkit-border-top-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }

    .dialog_close.ui-state-default, .dialog_close.ui-widget-content .ui-state-default, .dialog_close.ui-widget-header .ui-state-default {
        background: #737386;
        color: #FFFFFF;
        font-size: 80%;
    }

    .ui-dialog .ui-dialog-buttonpane {
        border-width: 0;
        height: 0;
    }

    .ui-dialog .ui-dialog-buttonpane {
        position: absolute;
        top: -15px;
        right: -15px;
    }

    .ui-dialog .ui-button-text {
        padding: 3px;
    }

    .ui-dialog-content .IPBodyDivStyle p {
        font-size: 75%;
        line-height: 166.6666667%;
    }

    .ui-dialog-content .IPBodyDivStyle h1, .ui-dialog-content .IPBodyDivStyle h2, .ui-dialog-content .IPBodyDivStyle h3, .ui-dialog-content .IPBodyDivStyle h4, .ui-dialog-content .IPBodyDivStyle h5, .ui-dialog-content .IPBodyDivStyle .title, .ui-dialog-content .IPBodyDivStyle .head, .ui-dialog-content .IPBodyDivStyle .subhead {
        margin: 0;
        font-weight: bold;
    }

    .ui-dialog-content .IPBodyDivStyle h1 {
        font-size: 233.3333333333333%;
        line-height: 128.571428%
    }

    .ui-dialog-content .IPBodyDivStyle h2, .ui-dialog-content .IPBodyDivStyle .title {
        font-size: 166.66666666666%;
        line-height: 120%
    }

    .ui-dialog-content .IPBodyDivStyle h3, .ui-dialog-content .IPBodyDivStyle .head {
        font-size: 133.3333333333%;
    }

    .ui-dialog-content .IPBodyDivStyle h4, .ui-dialog-content .IPBodyDivStyle .subhead {
        font-size: 116.6666666667%;
    }

    .ui-dialog-content .IPBodyDivStyle h5 {
        font-size: 100%;
    }

    .ui-dialog-content .IPBodyDivStyle ul {
        margin: 0;
        padding: 0;
        padding-left: 18px
    }

    .ui-dialog-content .IPBodyDivStyle a {
        color: #165788;
        text-decoration: none;
    }

    .ui-dialog-content .IPBodyDivStyle a:hover {
            color: #165788;
            text-decoration: underline;
        }

    .image_overlay > .image_viewer_overlay > img {
        width: 100%;
    }

    /* styling for scrollbar */
    /* adapted from http://css-tricks.com/examples/WebKitScrollbars/ */
    .ui-dialog ::-webkit-scrollbar {
        width: 12px;
        margin-right: 15px;
    }

    .ui-dialog ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 3px 0 3px rgba(0,0,0,0.15);
    }

    .ui-dialog ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        background: rgba(195,195,195,0.8);
    }

        .ui-dialog ::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(195,195,195,0.4);
        }
    /* END: general global style rules */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: margins and widths for responsive table-like layout */
    .col {
        margin: 0 1.333333333% 0 0;
        position: relative;
        float: left;
    }

        .col.no_margin {
            margin: 0;
        }

        .col .col {
            margin-right: 0;
        }

            .col .col:first-child, .col:first-child .col:first-child {
                margin: 0;
            }

        .col img {
            max-width: 100%;
        }

    .col_1 {
        width: 6.88888888888889%
    }

        .col_1:first-child, .col_1.no_margin {
            width: 8.22222222222222%
        }

            .col_1:first-child.no_margin {
                width: 9.55555555555556%
            }

        .col_1 .col {
            margin-left: 19.3548387096774%;
        }

        .col_1:first-child .col {
            margin-left: 16.2162162162162%;
        }

    .col_2 {
        width: 15.1111111111111%
    }

        .col_2:first-child, .col_2.no_margin {
            width: 16.4444444444444%
        }

            .col_2:first-child.no_margin {
                width: 17.7777777777778%
            }

        .col_2 .col {
            margin-left: 8.8235294117647%;
        }

        .col_2:first-child .col {
            margin-left: 8.10810810810811%;
        }

        .col_2 .col_1 {
            width: 45.5882352941176%;
        }

        .col_2:first-child .col_1 {
            width: 41.8918918918919%;
        }

            .col_2:first-child .col_1:first-child {
                width: 50%;
            }

    .col_3 {
        width: 23.3333333333333%
    }

        .col_3:first-child, .col_3.no_margin {
            width: 24.6666666666667%
        }

            .col_3:first-child.no_margin {
                width: 26%
            }

        .col_3 .col {
            margin-left: 5.71428571428571%;
        }

        .col_3:first-child .col {
            margin-left: 5.4054054054054%;
        }

        .col_3 .col_1 {
            width: 29.5238095238095%;
        }

        .col_3:first-child .col_1 {
            width: 27.9279279279279%;
        }

            .col_3:first-child .col_1:first-child {
                width: 33.3333333333333%;
            }

        .col_3 .col_2 {
            width: 64.7619047619048%;
        }

        .col_3:first-child .col_2 {
            width: 61.2612612612613%;
        }

            .col_3:first-child .col_2:first-child {
                width: 66.6666666666667%;
            }

    .col_4 {
        width: 31.5555555555556%
    }

        .col_4:first-child, .col_4.no_margin {
            width: 32.8888888888889%
        }

            .col_4:first-child.no_margin {
                width: 34.2222222222222%
            }

        .col_4 .col {
            margin-left: 4.22535211267606%;
        }

        .col_4:first-child .col {
            margin-left: 4.05405405405405%;
        }

        .col_4 .col_1 {
            width: 21.830985915493%;
        }

        .col_4:first-child .col_1 {
            width: 20.9459459459459%;
        }

            .col_4:first-child .col_1:first-child {
                width: 25%;
            }

        .col_4 .col_2 {
            width: 47.887323943662%;
        }

        .col_4:first-child .col_2 {
            width: 45.945945945946%;
        }

            .col_4:first-child .col_2:first-child {
                width: 50%;
            }

        .col_4 .col_3 {
            width: 73.943661971831%;
        }

        .col_4:first-child .col_3 {
            width: 70.945945945946%;
        }

            .col_4:first-child .col_3:first-child {
                width: 75%;
            }

    .col_5 {
        width: 39.7777777777778%
    }

        .col_5:first-child, .col_5.no_margin {
            width: 41.1111111111111%
        }

            .col_5:first-child.no_margin {
                width: 42.4444444444444%
            }

        .col_5 .col {
            margin-left: 3.35195530726257%;
        }

        .col_5:first-child .col {
            margin-left: 3.24324324324324%;
        }

        .col_5 .col_1 {
            width: 17.3184357541899%;
        }

        .col_5:first-child .col_1 {
            width: 16.7567567567568%;
        }

            .col_5:first-child .col_1:first-child {
                width: 20%;
            }

        .col_5 .col_2 {
            width: 37.9888268156425%;
        }

        .col_5:first-child .col_2 {
            width: 36.7567567567568%;
        }

            .col_5:first-child .col_2:first-child {
                width: 40%;
            }

        .col_5 .col_3 {
            width: 58.659217877095%;
        }

        .col_5:first-child .col_3 {
            width: 56.7567567567568%;
        }

            .col_5:first-child .col_3:first-child {
                width: 60%;
            }

        .col_5 .col_4 {
            width: 79.3296089385475%;
        }

        .col_5:first-child .col_4 {
            width: 76.7567567567568%;
        }

            .col_5:first-child .col_4:first-child {
                width: 80%;
            }

    .col_6 {
        width: 48%
    }

        .col_6:first-child, .col_6.no_margin {
            width: 49.3333333333333%
        }

            .col_6:first-child.no_margin {
                width: 50.6666666666667%
            }

        .col_6 .col {
            margin-left: 2.77777777777778%;
        }

        .col_6:first-child .col {
            margin-left: 2.7027027027027%;
        }

        .col_6 .col_1 {
            width: 14.3518518518519%;
        }

        .col_6:first-child .col_1 {
            width: 13.963963963964%;
        }

            .col_6:first-child .col_1:first-child {
                width: 16.6666666666667%;
            }

        .col_6 .col_2 {
            width: 31.4814814814815%;
        }

        .col_6:first-child .col_2 {
            width: 30.6306306306306%;
        }

            .col_6:first-child .col_2:first-child {
                width: 33.3333333333333%;
            }

        .col_6 .col_3 {
            width: 48.6111111111111%;
        }

        .col_6:first-child .col_3 {
            width: 47.2972972972973%;
        }

            .col_6:first-child .col_3:first-child {
                width: 50%;
            }

        .col_6 .col_4 {
            width: 65.7407407407407%;
        }

        .col_6:first-child .col_4 {
            width: 63.963963963964%;
        }

            .col_6:first-child .col_4:first-child {
                width: 66.6666666666667%;
            }

        .col_6 .col_5 {
            width: 82.8703703703704%;
        }

        .col_6:first-child .col_5 {
            width: 80.6306306306306%;
        }

            .col_6:first-child .col_5:first-child {
                width: 83.3333333333333%;
            }

    .col_7 {
        width: 56.2222222222222%
    }

        .col_7:first-child, .col_7.no_margin {
            width: 57.5555555555556%
        }

            .col_7:first-child.no_margin {
                width: 58.8888888888889%
            }

        .col_7 .col {
            margin-left: 2.37154150197628%;
        }

        .col_7:first-child .col {
            margin-left: 2.31660231660232%;
        }

        .col_7 .col_1 {
            width: 12.2529644268775%;
        }

        .col_7:first-child .col_1 {
            width: 11.969111969112%;
        }

            .col_7:first-child .col_1:first-child {
                width: 14.2857142857143%;
            }

        .col_7 .col_2 {
            width: 26.8774703557312%;
        }

        .col_7:first-child .col_2 {
            width: 26.2548262548263%;
        }

            .col_7:first-child .col_2:first-child {
                width: 28.5714285714286%;
            }

        .col_7 .col_3 {
            width: 41.501976284585%;
        }

        .col_7:first-child .col_3 {
            width: 40.5405405405405%;
        }

            .col_7:first-child .col_3:first-child {
                width: 42.8571428571429%;
            }

        .col_7 .col_4 {
            width: 56.1264822134387%;
        }

        .col_7:first-child .col_4 {
            width: 54.8262548262548%;
        }

            .col_7:first-child .col_4:first-child {
                width: 57.1428571428571%;
            }

        .col_7 .col_5 {
            width: 70.7509881422925%;
        }

        .col_7:first-child .col_5 {
            width: 69.1119691119691%;
        }

            .col_7:first-child .col_5:first-child {
                width: 71.4285714285714%;
            }

        .col_7 .col_6 {
            width: 85.3754940711462%;
        }

        .col_7:first-child .col_6 {
            width: 83.3976833976834%;
        }

            .col_7:first-child .col_6:first-child {
                width: 85.7142857142857%;
            }

    .col_8 {
        width: 64.4444444444444%
    }

        .col_8:first-child, .col_8.no_margin {
            width: 65.7777777777778%
        }

            .col_8:first-child.no_margin {
                width: 67.1111111111111%
            }

        .col_8 .col {
            margin-left: 2.06896551724138%;
        }

        .col_8:first-child .col {
            margin-left: 2.02702702702703%;
        }

        .col_8 .col_1 {
            width: 10.6896551724138%;
        }

        .col_8:first-child .col_1 {
            width: 10.472972972973%;
        }

            .col_8:first-child .col_1:first-child {
                width: 12.5%;
            }

        .col_8 .col_2 {
            width: 23.448275862069%;
        }

        .col_8:first-child .col_2 {
            width: 22.972972972973%;
        }

            .col_8:first-child .col_2:first-child {
                width: 25%;
            }

        .col_8 .col_3 {
            width: 36.2068965517241%;
        }

        .col_8:first-child .col_3 {
            width: 35.472972972973%;
        }

            .col_8:first-child .col_3:first-child {
                width: 37.5%;
            }

        .col_8 .col_4 {
            width: 48.9655172413793%;
        }

        .col_8:first-child .col_4 {
            width: 47.972972972973%;
        }

            .col_8:first-child .col_4:first-child {
                width: 50%;
            }

        .col_8 .col_5 {
            width: 61.7241379310345%;
        }

        .col_8:first-child .col_5 {
            width: 60.472972972973%;
        }

            .col_8:first-child .col_5:first-child {
                width: 62.5%;
            }

        .col_8 .col_6 {
            width: 74.4827586206897%;
        }

        .col_8:first-child .col_6 {
            width: 72.972972972973%;
        }

            .col_8:first-child .col_6:first-child {
                width: 75%;
            }

        .col_8 .col_7 {
            width: 87.2413793103448%;
        }

        .col_8:first-child .col_7 {
            width: 85.472972972973%;
        }

            .col_8:first-child .col_7:first-child {
                width: 87.5%;
            }

    .col_9 {
        width: 72.6666666666667%
    }

        .col_9:first-child, .col_9.no_margin {
            width: 74%
        }

            .col_9:first-child.no_margin {
                width: 75.3333333333333%
            }

        .col_9 .col {
            margin-left: 1.8348623853211%;
        }

        .col_9:first-child .col {
            margin-left: 1.8018018018018%;
        }

        .col_9 .col_1 {
            width: 9.48012232415902%;
        }

        .col_9:first-child .col_1 {
            width: 9.30930930930931%;
        }

            .col_9:first-child .col_1:first-child {
                width: 11.1111111111111%;
            }

        .col_9 .col_2 {
            width: 20.7951070336391%;
        }

        .col_9:first-child .col_2 {
            width: 20.4204204204204%;
        }

            .col_9:first-child .col_2:first-child {
                width: 22.2222222222222%;
            }

        .col_9 .col_3 {
            width: 32.1100917431193%;
        }

        .col_9:first-child .col_3 {
            width: 31.5315315315315%;
        }

            .col_9:first-child .col_3:first-child {
                width: 33.3333333333333%;
            }

        .col_9 .col_4 {
            width: 43.4250764525994%;
        }

        .col_9:first-child .col_4 {
            width: 42.6426426426426%;
        }

            .col_9:first-child .col_4:first-child {
                width: 44.4444444444444%;
            }

        .col_9 .col_5 {
            width: 54.7400611620795%;
        }

        .col_9:first-child .col_5 {
            width: 53.7537537537538%;
        }

            .col_9:first-child .col_5:first-child {
                width: 55.5555555555556%;
            }

        .col_9 .col_6 {
            width: 66.0550458715596%;
        }

        .col_9:first-child .col_6 {
            width: 64.8648648648649%;
        }

            .col_9:first-child .col_6:first-child {
                width: 66.6666666666667%;
            }

        .col_9 .col_7 {
            width: 77.3700305810398%;
        }

        .col_9:first-child .col_7 {
            width: 75.975975975976%;
        }

            .col_9:first-child .col_7:first-child {
                width: 77.7777777777778%;
            }

        .col_9 .col_8 {
            width: 88.6850152905199%;
        }

        .col_9:first-child .col_8 {
            width: 87.0870870870871%;
        }

            .col_9:first-child .col_8:first-child {
                width: 88.8888888888889%;
            }

    .col_10 {
        width: 80.8888888888889%
    }

        .col_10:first-child, .col_10.no_margin {
            width: 82.2222222222222%
        }

            .col_10:first-child.no_margin {
                width: 83.5555555555556%
            }

        .col_10 .col {
            margin-left: 1.64835164835165%;
        }

        .col_10:first-child .col {
            margin-left: 1.62162162162162%;
        }

        .col_10 .col_1 {
            width: 8.51648351648352%;
        }

        .col_10:first-child .col_1 {
            width: 8.37837837837838%;
        }

            .col_10:first-child .col_1:first-child {
                width: 10%;
            }

        .col_10 .col_2 {
            width: 18.6813186813187%;
        }

        .col_10:first-child .col_2 {
            width: 18.3783783783784%;
        }

            .col_10:first-child .col_2:first-child {
                width: 20%;
            }

        .col_10 .col_3 {
            width: 28.8461538461538%;
        }

        .col_10:first-child .col_3 {
            width: 28.3783783783784%;
        }

            .col_10:first-child .col_3:first-child {
                width: 30%;
            }

        .col_10 .col_4 {
            width: 39.010989010989%;
        }

        .col_10:first-child .col_4 {
            width: 38.3783783783784%;
        }

            .col_10:first-child .col_4:first-child {
                width: 40%;
            }

        .col_10 .col_5 {
            width: 49.1758241758242%;
        }

        .col_10:first-child .col_5 {
            width: 48.3783783783784%;
        }

            .col_10:first-child .col_5:first-child {
                width: 50%;
            }

        .col_10 .col_6 {
            width: 59.3406593406593%;
        }

        .col_10:first-child .col_6 {
            width: 58.3783783783784%;
        }

            .col_10:first-child .col_6:first-child {
                width: 60%;
            }

        .col_10 .col_7 {
            width: 69.5054945054945%;
        }

        .col_10:first-child .col_7 {
            width: 68.3783783783784%;
        }

            .col_10:first-child .col_7:first-child {
                width: 70%;
            }

        .col_10 .col_8 {
            width: 79.6703296703297%;
        }

        .col_10:first-child .col_8 {
            width: 78.3783783783784%;
        }

            .col_10:first-child .col_8:first-child {
                width: 80%;
            }

        .col_10 .col_9 {
            width: 89.8351648351648%;
        }

        .col_10:first-child .col_9 {
            width: 88.3783783783784%;
        }

            .col_10:first-child .col_9:first-child {
                width: 90%;
            }

    .col_11 {
        width: 89.1111111111111%
    }

        .col_11:first-child, .col_11.no_margin {
            width: 90.4444444444444%
        }

            .col_11:first-child.no_margin {
                width: 91.7777777777778%
            }

        .col_11 .col {
            margin-left: 1.49625935162095%;
        }

        .col_11:first-child .col {
            margin-left: 1.47420147420147%;
        }

        .col_11 .col_1 {
            width: 7.73067331670823%;
        }

        .col_11:first-child .col_1 {
            width: 7.61670761670762%;
        }

            .col_11:first-child .col_1:first-child {
                width: 9.09090909090909%;
            }

        .col_11 .col_2 {
            width: 16.9576059850374%;
        }

        .col_11:first-child .col_2 {
            width: 16.7076167076167%;
        }

            .col_11:first-child .col_2:first-child {
                width: 18.1818181818182%;
            }

        .col_11 .col_3 {
            width: 26.1845386533666%;
        }

        .col_11:first-child .col_3 {
            width: 25.7985257985258%;
        }

            .col_11:first-child .col_3:first-child {
                width: 27.2727272727273%;
            }

        .col_11 .col_4 {
            width: 35.4114713216958%;
        }

        .col_11:first-child .col_4 {
            width: 34.8894348894349%;
        }

            .col_11:first-child .col_4:first-child {
                width: 36.3636363636364%;
            }

        .col_11 .col_5 {
            width: 44.6384039900249%;
        }

        .col_11:first-child .col_5 {
            width: 43.980343980344%;
        }

            .col_11:first-child .col_5:first-child {
                width: 45.4545454545455%;
            }

        .col_11 .col_6 {
            width: 53.8653366583541%;
        }

        .col_11:first-child .col_6 {
            width: 53.0712530712531%;
        }

            .col_11:first-child .col_6:first-child {
                width: 54.5454545454545%;
            }

        .col_11 .col_7 {
            width: 63.0922693266833%;
        }

        .col_11:first-child .col_7 {
            width: 62.1621621621622%;
        }

            .col_11:first-child .col_7:first-child {
                width: 63.6363636363636%;
            }

        .col_11 .col_8 {
            width: 72.3192019950125%;
        }

        .col_11:first-child .col_8 {
            width: 71.2530712530713%;
        }

            .col_11:first-child .col_8:first-child {
                width: 72.7272727272727%;
            }

        .col_11 .col_9 {
            width: 81.5461346633416%;
        }

        .col_11:first-child .col_9 {
            width: 80.3439803439803%;
        }

            .col_11:first-child .col_9:first-child {
                width: 81.8181818181818%;
            }

        .col_11 .col_10 {
            width: 90.7730673316708%;
        }

        .col_11:first-child .col_10 {
            width: 89.4348894348894%;
        }

            .col_11:first-child .col_10:first-child {
                width: 90.9090909090909%;
            }

    .col_12 {
        width: 97.3333333333333%
    }

        .col_12:first-child, .col_12.no_margin {
            width: 98.6666666666667%
        }

            .col_12:first-child.no_margin {
                width: 100%
            }

        .col_12 .col {
            margin-left: 1.36986301369863%;
        }

        .col_12:first-child .col {
            margin-left: 1.35135135135135%;
        }

        .col_12 .col_1 {
            width: 7.07762557077626%;
        }

        .col_12:first-child .col_1 {
            width: 6.98198198198198%;
        }

            .col_12:first-child .col_1:first-child {
                width: 8.33333333333333%;
            }

        .col_12 .col_2 {
            width: 15.5251141552511%;
        }

        .col_12:first-child .col_2 {
            width: 15.3153153153153%;
        }

            .col_12:first-child .col_2:first-child {
                width: 16.6666666666667%;
            }

        .col_12 .col_3 {
            width: 23.972602739726%;
        }

        .col_12:first-child .col_3 {
            width: 23.6486486486487%;
        }

            .col_12:first-child .col_3:first-child {
                width: 25%;
            }

        .col_12 .col_4 {
            width: 32.4200913242009%;
        }

        .col_12:first-child .col_4 {
            width: 31.981981981982%;
        }

            .col_12:first-child .col_4:first-child {
                width: 33.3333333333333%;
            }

        .col_12 .col_5 {
            width: 40.8675799086758%;
        }

        .col_12:first-child .col_5 {
            width: 40.3153153153153%;
        }

            .col_12:first-child .col_5:first-child {
                width: 41.6666666666667%;
            }

        .col_12 .col_6 {
            width: 49.3150684931507%;
        }

        .col_12:first-child .col_6 {
            width: 48.6486486486487%;
        }

            .col_12:first-child .col_6:first-child {
                width: 50%;
            }

        .col_12 .col_7 {
            width: 57.7625570776256%;
        }

        .col_12:first-child .col_7 {
            width: 56.981981981982%;
        }

            .col_12:first-child .col_7:first-child {
                width: 58.3333333333333%;
            }

        .col_12 .col_8 {
            width: 66.2100456621004%;
        }

        .col_12:first-child .col_8 {
            width: 65.3153153153153%;
        }

            .col_12:first-child .col_8:first-child {
                width: 66.6666666666667%;
            }

        .col_12 .col_9 {
            width: 74.6575342465753%;
        }

        .col_12:first-child .col_9 {
            width: 73.6486486486487%;
        }

            .col_12:first-child .col_9:first-child {
                width: 75%;
            }

        .col_12 .col_10 {
            width: 83.1050228310502%;
        }

        .col_12:first-child .col_10 {
            width: 81.981981981982%;
        }

            .col_12:first-child .col_10:first-child {
                width: 83.3333333333333%;
            }

        .col_12 .col_11 {
            width: 91.5525114155251%;
        }

        .col_12:first-child .col_11 {
            width: 90.3153153153153%;
        }

            .col_12:first-child .col_11:first-child {
                width: 91.6666666666667%;
            }

        .col_1 .col_1, .col_2 .col_2, .col_3 .col_3, .col_4 .col_4, .col_5 .col_5, .col_6 .col_6, .col_7 .col_7, .col_8 .col_8, .col_9 .col_9, .col_10 .col_10, .col_11 .col_11, .col_12 .col_12 {
            width: 100%;
            margin: 0
        }


    /* END: margins and widths for responsive table-like layout */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: style rules for top meta-nav (logo, search, lanugage links, etc.) */
    header #logo {
        background: #FFFFFF;
        position: relative;
        display: block;
        max-width: 370px;
        height: 95px;
    }

        header #logo:before, #logo:after {
            content: "";
            background: #FFFFFF;
            position: absolute;
            top: 0;
            bottom: 0;
            width: 9999px;
        }

        header #logo:before {
            right: 100%;
        }

        header #logo:after {
            left: 100%;
        }

    header .left-only:after {
        display: none;
    }

header #logo_image {
    /*margin-top: 18px;
    margin-left: 18px;*/
    padding: 5%;
    border: 0;
}

    header #aa_logo_image {
        margin-top: 0;
        margin-left: 110px;
        border: 0;
    }

    header #language-nav_header {
        font-size: 62.5%;
        color: #FFF;
        padding: 15px 0;
        width: 100%;
        display: block;
        float: right;
        min-width: 390px;
        max-width: none;
        text-align: right;
        position: absolute;
        text-transform: uppercase;
    }

        header #language-nav_header a {
            text-decoration: none;
            color: #FFFFFF;
            margin: 0 2px 0 2px;
        }

            header #language-nav_header a:hover {
                text-decoration: underline;
                color: #FFFFFF;
            }

    header #search {
        display: block;
        position: absolute;
        float: right;
        top: 40px;
        width: 100%;
    }

    header #search_mobile, #menu_mobile {
        cursor: pointer;
    }

    header #search {
        padding: 5px 0;
    }

        header #search input {
            font-size: 75%;
            font-family: Avenir,Arial,Verdana,sans-serif;
            border: none;
            padding: 0;
            zoom: 0;
            vertical-align: middle;
        }

            header #search input[type="submit"] {
                background-color: #165788;
                color: white;
                height: 23px;
                width: 100%;
                font-weight: bold;
                display: inline-block;
                width: 7%;
                max-width: 80px;
                -webkit-appearance: none;
                -moz-appearance: none;
                border-style: none;
                border-radius: 0;
                border-width: 0;
            }

            header #search input[type="text"] {
                background-color: #C5C8CB;
                height: 23px;
                width: 75%;
                display: inline-block;
                width: 23%;
                max-width: 160px;
                padding-top: -1%;
                padding-left: 2%;
                padding-right: 2%;
                margin-right: -5px;
                -webkit-appearance: none;
                -moz-appearance: none;
                border-style: none;
                border-radius: 0;
                border-width: 0;
            }

            header #search input:focus {
                outline: none;
            }

    header #language-nav_header .nav_arrow, #search .nav_arrow {
        display: none;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #666677;
    }

    header #tag_line {
        display: block;
        position: absolute;
        top: 30px;
        left: 380px;
        min-width: 130px;
        max-width: 800px;
        width: 40%;
        color: #FFF;
        font-size: 100%;
        text-align: center;
    }

    .target-group {
        position: absolute;
        left: 67%;
        top: 32%;
    }

        .target-group > p {
            color: White;
        }

    @media screen and (max-width:1150px) {
        .target-group {
            left: 64%;
        }
    }

    @media screen and (max-width: 1050px) {
        header #tag_line {
            max-width: 600px;
            width: 30%;
            font-size: 87.5%;
        }

        .target-group {
            left: 61%;
        }
    }

    @media screen and (max-width:930px) {
        .target-group {
            left: 57%;
        }
    }

    @media screen and (max-width: 900px) {
        header #tag_line {
            max-width: 400px;
            width: 26%;
            font-size: 75%;
        }
    }

    @media screen and (max-width: 825px) {
        header #tag_line {
            max-width: 300px;
            width: 22.35%;
            font-size: 62.5%;
        }

        .target-group {
            left: 53%;
        }
    }

    @media screen and (max-width: 760px) {
        header #tag_line {
            display: none;
        }

        .target-group > span {
            display: inline-block;
        }

        .target-group {
            left: 33%;
            top: 61%;
            z-index: 1;
            border: 1px solid #165788;
        }
    }
    /* END: style rules for top meta-nav (logo, search, lanugage links, etc.) */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: style rules for the top navigation menu/area */
    main > .container {
        border-top: solid 1px #667;
        padding: 10px 0
    }

    #header_nav {
        font-size: 87.5%;
        line-height: 20px;
        height: 20px;
        margin: 16px auto;
        text-transform: uppercase;
    }

        #header_nav > ul {
            float: left;
            position: relative;
            list-style: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            #header_nav > ul > li {
                display: inline;
                float: left;
                background: url('/aap/images/nav_separator.png') no-repeat top left;
                cursor: default;
            }

                #header_nav > ul > li:first-child {
                    background: none;
                }

                #header_nav > ul > li a {
                    text-decoration: none;
                    color: #667;
                }

        #header_nav:after {
            clear: both;
            content: " ";
            display: block;
            height: 0;
            visibility: hidden;
        }

        #header_nav > ul > li ul {
            list-style: none;
            background: #666677;
            padding: 0 0 16px 0;
        }

            #header_nav > ul > li ul ul {
                padding: 0
            }

            #header_nav > ul > li ul:first-child li {
                padding-left: 16px;
            }

            #header_nav > ul > li ul:first-child ul li {
                padding-left: 0;
            }

            #header_nav > ul > li ul > li {
                padding-top: 32px;
            }

                #header_nav > ul > li ul > li > a {
                    font-size: 85.7142857%;
                    line-height: 100%;
                    color: #FFF;
                    text-decoration: none;
                }

                #header_nav > ul > li ul > li:first-child {
                    padding-top: 16px;
                }

                #header_nav > ul > li ul > li > a:after {
                    content: "\00a0\00a0\00a0\00a0\00a0";
                    background: url('/aap/images/nav_arrow_rt.png') no-repeat center right;
                }

                #header_nav > ul > li ul > li:first-child {
                    padding-top: 8px;
                }

                #header_nav > ul > li ul > li ul > li {
                    padding-top: 8px;
                    padding-left: 8px !important;
                    line-height: normal;
                }

                    #header_nav > ul > li ul > li ul > li > a { /*font-size:75%;*/
                        color: /*#b9b9ca*/ #C5C8CB;
                    }

                        #header_nav > ul > li ul > li ul > li > a:after {
                            content: "";
                            margin-left: 0
                        }

        #header_nav > ul > li .row {
            display: none;
            position: absolute;
            width: 100%;
            margin: 0;
            padding-top: 17px;
            top: 19px;
            left: 0;
        }

            #header_nav > ul > li .row div.col {
                background: #666677;
                z-index: 50; /*padding:0 16px;*/
            }

            #header_nav > ul > li .row.active {
                display: block;
                background: url('/aap/images/nav_arrow.png') no-repeat 30px 8px;
            }

                #header_nav > ul > li .row.active div.col {
                    display: block;
                    margin: 0;
                    min-height: 1px;
                }

        #header_nav .mobile_home {
            display: none;
        }
    /* END: style rules for the top navigation menu/area */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: general main section style rules */
    main {
        font-size: 75%;
        line-height: 166.6666667%;
    }

        main h1, main h2, main h3, main h4, main h5, main .title, main .head, main .subhead {
            margin: 0;
            font-weight: bold;
        }

        main h1 {
            font-size: 233.3333333333333%;
            line-height: 128.571428%
        }

        main h2, main .title {
            font-size: 166.66666666666%;
            line-height: 120%
        }

        main h3, main .head {
            font-size: 133.3333333333%;
        }

        main h4, main .subhead {
            font-size: 116.6666666667%;
        }

        main h5 {
            font-size: 100%;
        }

        main ul {
            margin: 0;
            padding: 0;
            padding-left: 18px
        }

        main a {
            color: #165788;
            text-decoration: none;
        }

            main a:hover {
                color: #165788;
                text-decoration: underline;
            }

        main #floatRight, .IPBodyDivStyle[float="right"] {
            float: right;
            margin-left: 20px;
            width: 33%;
        }

            main #floatRight img, .IPBodyDivStyle[float="right"] img {
                width: 100%;
            }
    /*END: general main section style rules */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: style rules for page breadcrumbs */
    #breadcrumb { /*color:#667;*/
        color: #165788;
        font-size: 100%;
        margin: 10px 0 20px 0;
        font-weight: bold;
    }

        #breadcrumb a { /*color:#165788;*/
            color: #667;
            font-weight: normal;
            text-decoration: none;
        }

            #breadcrumb a:after {
                content: "";
                padding-left: 5px;
                margin: 0 5px;
                text-decoration: none;
                background: #FFFFFF url('/aap/images/nav_arrow_rt_grey.png') no-repeat center right;
            }
    /* END: style rules for page breadcrumbs */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: style rules for left nav */
    #left_nav {
        border-left: 1px solid #666677;
        padding: 0 10px;
        color: #667;
        font-size: 91.6666666667%;
        font-weight: bold;
        text-transform: uppercase;
    }

        #left_nav a {
            color: #667 !important;
            text-decoration: none;
            font-weight: normal; /*text-transform:capitalize;*/
        }

            #left_nav a:hover {
                text-decoration: underline;
                cursor: pointer;
            }

            #left_nav a.active { /*color:#667 !important;*/
                color: #165788 !important;
                font-weight: bold;
            }

                #left_nav a.active + ul {
                    display: block;
                }

        #left_nav li {
            padding: 3px 0;
            margin: 2px auto;
            line-height: normal;
        }

        #left_nav .LevelOne:first-child {
            padding-top: 0;
            margin-top: 0;
        }

        #left_nav .LevelOne {
            list-style: none;
            margin-left: -15px;
            font-size: 100%;
        }

        #left_nav .LevelTwo {
            list-style: none;
            margin-left: -10px;
            font-size: 90%;
            display: none;
        }

        #left_nav .LevelThree {
            list-style: none;
            margin-left: -10px;
            font-size: 100%;
            display: none;
        }

        #left_nav .nav_heading {
            font-size: 109.09%;
        }

            #left_nav .nav_heading.not-first {
                border-top: 1px solid #B9C4C0;
                padding-top: 3px;
            }

        #left_nav .LevelTwo.active, #left_nav .LevelThree.active {
            display: block;
        }

        #left_nav .LevelOne a, #left_nav .LevelTwo a {
            color: #165788;
        }

        #left_nav .LevelThree a {
            color: #666677;
        }

        #left_nav #left_nav_mobile {
            width: 85%;
            font-size: 109.09%;
        }


    .advertisements > div {
        background: #666677;
        margin: 4px 0;
        color: #FFFFFF;
    }

        .advertisements > div > p {
            padding: 4px 10px;
        }

            .advertisements > div > p.heading {
                font-size: 116.66667%;
                font-weight: bold;
                text-transform: uppercase;
            }

            .advertisements > div > p.link > a {
                color: #FFFFFF;
                padding-right: 15px;
                background: url('/aap/images/nav_arrow_rt.png') no-repeat right center;
            }

            .advertisements > div > p > img {
                padding: 0 5px;
                max-width: 90%;
            }

        .advertisements > div.image_only img {
            width: 100%;
            border: 0;
        }

        .advertisements > div.image_only {
            background: none;
        }
    /* END: style rules for left nav */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: style rules for hero images/hero image viewer */
    /* styling rules for hero image div */
    main .hero {
        position: relative;
        margin-top: 15px;
    }

        main .hero a { /*color:transparent;*/
            cursor: pointer;
            overflow: visible;
            outline: 0 !important;
        }

            main .hero a:hover {
                text-decoration: none;
                outline: 0 !important;
                border: 0 !important;
            }

        main .hero li div {
            position: absolute;
            top: 0;
            display: block;
            padding: 10px 25px 20px 0;
            overflow: visible;
        }
            /* gradients generated using: http://www.colorzilla.com/gradient-editor/ */
            main .hero li div.active { /* transparent gradient */
                background: -moz-linear-gradient(top, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.50)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(0,0,0,0.50) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(0,0,0,0.50) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(0,0,0,0.50) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
                background: linear-gradient(to bottom, rgba(0,0,0,0.50) 0%,rgba(0,0,0,0) 100%); /* W3C */
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6A000000, endColorstr=#00000000)"; /* IE8 */
            }

        main .hero h1 {
            text-align: left;
            color: #FFFFFF;
            z-index: 2;
            margin-left: 25px;
            font-size: 500%;
            line-height: normal;
        }

        main .hero p {
            text-align: left;
            color: #FFFFFF;
            z-index: 2;
            width: 50%;
            margin-left: 25px;
            font-size: 133.3333%;
            font-weight: bold;
        }

        main .hero img {
            width: 100%;
            left: 0 !important;
        }

        main .hero .single img {
            width: 100% !important;
        }

        main .hero .single div {
            width: 100% !important;
        }

        /* styles specific to image viewer */
        main .hero .swipe {
            margin-bottom: 0;
        }

            main .hero .swipe ul {
                list-style-type: none;
                position: relative;
                -webkit-padding-start: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            main .hero .swipe li {
                width: 100%;
                float: left;
                margin-top: -2px\9;
            }
        /*IE8 hack*/
        main .hero .buttons {
            text-align: center;
            font-size: 91.6666666%;
            color: #FFFFFF;
            position: absolute;
            z-index: 1;
            bottom: 15px;
            right: 10px;
        }

            main .hero .buttons .circle {
                width: 18px;
                height: 18px;
                border-radius: 50%;
                display: inline-block;
                margin-left: 5px;
                cursor: pointer;
            }

            main .hero .buttons .circle {
                background-color: #666677;
                font-size: 133.3333%;
            }

                main .hero .buttons .circle.active {
                    background-color: #165788;
                }

    /* END: style rules for hero images/hero image viewer */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: style rules for image viewers */
    .image_viewer, .similar_products {
        position: relative;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

        .image_viewer a, .similar_products a:hover {
            border: none;
            color: transparent;
            text-decoration: none;
        }

        .image_viewer .thumbnails_container, .similar_products .thumbnails_container {
            position: relative;
            text-align: left;
            width: 100%;
        }

        .image_viewer .thumbnails, .similar_products .thumbnails {
            position: relative;
            width: 100000px;
            margin: 0;
            padding: 0;
        }

            .image_viewer .thumbnails ul, .similar_products .thumbnails ul {
                list-style-type: none;
                position: relative;
                left: 0;
                padding-left: 0 !important;
            }

            .image_viewer .thumbnails a, .similar_products .thumbnails a {
                position: relative;
                overflow: hidden;
                float: left;
                cursor: pointer;
                text-decoration: none;
                text-align: center;
                color: transparent;
                border: none;
            }

            .image_viewer .thumbnails img, .similar_products .thumbnails img {
                position: absolute;
                display: block;
                z-index: 1;
                min-height: 100%;
                max-width: 1000%;
                max-height: 200%;
                min-width: 100%;
                margin: auto;
                left: -200%;
                right: -200%;
                top: -200%;
                bottom: -200%;
            }

        .image_viewer li.active a, .similar_products li.active a {
            border: 2px solid #667;
        }

        .image_viewer .image_label {
            display: none;
            width: 100%;
            font-size: 75%;
            text-align: center;
        }

        .image_viewer .main_image {
            position: relative;
            width: 100%;
            margin-bottom: 10px;
        }
            /* ---- new code ---- */
            .image_viewer .main_image a {
                position: relative;
                overflow: hidden;
                padding-bottom: 85%;
                padding-right: 85%;
                display: block;
            }

                .image_viewer .main_image a img {
                    position: absolute;
                    display: block;
                    z-index: 1;
                    min-height: 100%;
                    max-height: 100%;
                    width: auto;
                    margin: auto;
                    left: -200%;
                    right: -200%;
                    top: -200%;
                    bottom: -200%;
                    max-width: none;
                }
        /* ---- new code ---- */
        /*.image_viewer .main_image img { width:100%; cursor:pointer; }*/

        .image_viewer .thumbnails_container .leftArrow {
            position: absolute;
            z-index: 2;
            background-color: #888888;
            width: 5%;
            opacity: 0.8;
            cursor: pointer;
            display: none;
        }

        .image_viewer .thumbnails_container .rightArrow {
            position: absolute;
            z-index: 2;
            background-color: #888888;
            width: 5%;
            opacity: 0.8;
            cursor: pointer;
            margin-left: 95%;
        }

        .image_viewer .thumbnails_container .leftArrow img {
            width: 100%;
            margin: 0.52631578947368%;
        }

        .image_viewer .thumbnails_container .rightArrow img {
            width: 100%;
            margin: 0.52631578947368%;
        }

        .image_viewer .overlay {
            overflow: hidden;
            text-align: center;
            width: auto;
        }

    .image_viewer_overlay.ui-dialog-content {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        background-color: #666677;
    }

    .similar_products .thumbnails .product_description {
        font-size: 75%;
        text-align: center;
    }

    .similar_products .thumbnails_container .leftArrow {
        position: absolute;
        z-index: 2;
        background-color: #888888;
        width: 2%;
        opacity: 0.8;
        cursor: pointer;
        display: none;
    }

    .similar_products .thumbnails_container .rightArrow {
        position: absolute;
        z-index: 2;
        background-color: #888888;
        width: 2%;
        opacity: 0.8;
        cursor: pointer;
        margin-left: 98%;
    }

    .similar_products .thumbnails_container .leftArrow img {
        width: 100%;
    }

    .similar_products .thumbnails_container .rightArrow img {
        width: 100%;
    }

    .single_image_viewer {
        width: 31.5555555555556% !important;
    }

        .single_image_viewer a {
            display: block;
            width: 100% !important;
            position: relative;
            height: 0 !important;
            padding: 100% 0 0 0;
            overflow: hidden;
            border: 2px solid #667;
        }

        .single_image_viewer img {
            position: absolute;
            display: block;
            min-width: 0;
            min-height: 100%;
            max-width: 1000%;
            max-height: 100%;
            left: -200%;
            right: -200%;
            top: -200%;
            bottom: -200%;
            margin: auto;
        }

        .single_image_viewer .image_label, .single_image_viewer .product_description {
            font-size: 75%;
            text-align: center;
        }
    /* END: style rules for image viewers */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: style rules for "My Products" functionality */
    /* styling for general elements */
    .list_div li, .preview_div li {
        text-transform: capitalize;
    }

    .list_div li {
        padding: 4px 0;
    }

    .preview_div li {
        padding: 0;
    }

    .product_prev, .product_list {
        font-size: 91.66667%;
        color: #165788;
        display: inline-block;
        width: 100%;
        list-style: none;
        padding: 0;
        text-align: left;
    }

    .prev_header, .list_header {
        font-size: 100%;
        font-weight: bold;
        display: inline-block;
        float: left;
        text-transform: uppercase;
    }

    .prev_controls {
        font-size: 91.66667%;
        color: #165788;
        display: inline-block;
        float: right;
    }

        .prev_controls span {
            cursor: pointer;
        }

            .prev_controls span .arrow {
                width: 0;
                height: 0;
                float: right;
                margin-top: 5px;
                border-top: 4px solid transparent;
                border-bottom: 4px solid transparent;
                border-left: 4px solid #666677;
            }

    .preview_div {
        min-height: 100px;
        position: relative;
        text-transform: none;
    }

        .preview_div.no_mobile {
            border-top: 1px solid #b9c4c0;
            padding-top: 5px;
        }

        .preview_div.mobile_only {
            border-left: 1px solid #666677;
            padding-left: 10px;
        }

    .new_product {
        color: #000000;
        font-size: 80%;
        font-weight: bold;
        text-transform: uppercase;
    }

    .product_x {
        background-color: #667;
        color: #FFFFFF;
        width: 15px;
        height: 15px;
        vertical-align: middle;
        line-height: 15px;
        text-align: center;
        font-weight: bold;
        float: right;
        cursor: pointer;
        display: none;
    }

        .product_x.editing {
            display: inline;
        }

    /* styling for notification box */
    .product_pop-up {
        position: absolute;
        z-index: 10;
        font-size: 91.66667%;
        font-weight: bold;
        top: -35px;
        padding: 5px;
        background-color: #FFD66D;
        height: auto;
        width: auto;
    }

        .product_pop-up.empty {
            top: 30px;
        }

        .product_pop-up:not(.empty) .arrow {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #FFD66D;
            position: absolute;
            bottom: -9px;
            left: 45%;
        }

        .product_pop-up.empty .arrow {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #FFD66D;
            position: absolute;
            top: -9px;
            left: 43%;
        }

    /* styling for dialog elements */
    .list_div {
        display: none;
        font-size: 75%;
    }

        .list_div .product_list {
            font-size: 81.8181%;
        }

        .list_div .product_overlay {
            overflow: hidden;
            text-align: left;
            width: 100%;
            height: 100%;
        }

        .list_div.ui-dialog-content.ui-widget-content {
            padding: 0 40px 20px 40px !important;
            overflow-y: hidden;
        }

        .list_div.ui-dialog-content {
            border: none !important;
            margin: 0 !important;
            overflow-y: scroll;
            background-color: #FFFFFF !important;
        }

    .ui-dialog.product_overlay {
        max-height: 60%;
        overflow-y: scroll !important;
    }

        .ui-dialog.product_overlay .ui-dialog-titlebar {
            padding: 3px 5px !important;
        }

        .ui-dialog.product_overlay .ui-widget-header {
            border: none !important;
            background: none !important;
        }


    /* END: style rules for "My Products" functionality */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: styling rules for search results */
    #query_text {
        float: left;
        font-weight: bold;
        margin-right: 50px;
    }

    #search_results, #prod_search_results, #prod_search_results {
        display: block
    }

    #search_results_nav {
        float: left;
    }

        #search_results_nav a.active, #search_results_nav a.inactive {
            color: #667
        }

    #search_results .results_single_item {
        margin-bottom: 10px;
    }

    #search_results .results_listings {
        border-top: solid 1px #CCC;
        border-bottom: solid 1px #CCC;
        padding: 10px 0;
    }

    #search_results .previous, #search_results .next {
        display: inline-block;
    }

    #search_results .results_page_numbers_alt {
        margin: 7px 0;
        float: right;
    }

        #search_results .results_page_numbers_alt a {
            display: inline-block;
            background: #165788;
            color: #FFF;
            margin: 0 4px;
            padding: 4px;
            line-height: 12px
        }

            #search_results .results_page_numbers_alt a:hover {
                color: #FFF
            }

            #search_results .results_page_numbers_alt a.active {
                background: #cfcfdc;
                color: #667;
            }

    @media screen and (max-width: 760px) {
        #search_results .results_single_item {
            margin: 25px 5px;
        }

        #search_results .col_1 {
            display: none;
        }
    }

    /* END: styling rules for search results */

    /* ------------------------------------------------------------------------------------------------------------- */

    /* BEGIN: styling rules for footer and footer nav */
    #footer_nav {
        background: #ececee;
        border-top: 1px solid #d6d8da;
    }

        #footer_nav .container {
            border-bottom: 7px solid #165788;
        }

    footer {
        background-color: #666677;
        background-image: url('/aap/images/bg.png');
        font-size: 62.5%;
        color: #FFF;
    }

        footer .col {
            text-align: center;
            padding: 45px 0 30px;
        }

            footer .col:first-child {
                font-size: 120%;
                color: #b6b6ca;
                padding-top: 30px;
            }

        footer select {
            font-size: 83.333333%;
            background: #c5c8cb;
            padding: 0;
            margin: 0;
            border: 0;
        }

        footer a {
            text-decoration: none;
            color: #FFF;
            margin: 0 6px 0 3px;
            text-transform: uppercase;
        }

            footer a:first-child {
                margin: 0 6px 0 0;
            }

            footer a:hover {
                text-decoration: underline;
                color: #FFF;
            }

    #footer_nav {
        color: #666677;
        font-family: Avenir,Arial,Verdana,sans-serif;
        font-size: 75%;
        line-height: 166.6666667%;
        text-transform: uppercase;
    }

        #footer_nav .row {
            padding: 15px 0;
            margin-left: 2.5%
        }

        #footer_nav .col:first-child {
            width: 23.33333%;
        }

        #footer_nav ul {
            padding: 5px 0;
            list-style: none;
            margin: 0;
            color: #165788;
            font-weight: bold;
        }

            #footer_nav ul ul {
                padding: 0;
                font-size: 83.33333333%;
                line-height: 200%;
                color: #666677;
                font-weight: normal;
            }

            #footer_nav ul a {
                color: #165788;
            }

            #footer_nav ul ul a {
                color: #666677;
            }

        #footer_nav li {
            display: block;
        }

        #footer_nav a {
            text-decoration: none;
        }

            #footer_nav a:hover {
                text-decoration: underline;
            }

        #footer_nav .twitter, #footer_nav .facebook, #footer_nav .linkedin, #footer_nav .youtube, #footer_nav .instagram, #footer_nav .pintrest {
            background-repeat: no-repeat;
            background-position: 0 5px;
            vertical-align: middle;
            padding: 10px 0 10px 45px;
        }

        #footer_nav .twitter {
            background-image: url('/aap/images/twitter_resize.png');
        }

        #footer_nav .facebook {
            background-image: url('/aap/images/facebook_blue_resize.png');
        }

        #footer_nav .linkedin {
            background-image: url('/aap/images/linkedin_resize.png');
        }

        #footer_nav .youtube {
            background-image: url('/aap/images/YouTube_resize.png');
        }

    #top-anchor {
        position: fixed;
        right: 0;
        bottom: 7%;
        z-index: 450;
        cursor: pointer;
    }
    /* END: styling rules for footer and footer nav */

    /* ------------------------------------------------------------------------------------------------------------- */

    @media screen and (max-width: 760px) {
        /* BEGIN: general global style rules */
        header {
            background-image: none;
            height: 55px;
        }

        main > .container {
            padding: 10px 1%;
        }

        .no_mobile {
            display: none;
        }

        .mobile_only {
            display: block;
        }
        /* END: general global style rules */

        /* ------------------------------------------------------------------------------------------------------------- */

        /* BEGIN: overwrite rules for responsive column stacking */
        .col {
            clear: both;
            float: none;
            width: 100% !important;
            margin: 5px 0 !important;
        }
        /* END: overwrite rules for responsive column stacking */

        /* ------------------------------------------------------------------------------------------------------------- */

        /* BEGIN: style rules for top meta-nav (logo, search, lanugage links, etc.) */
        header #logo {
            text-align: center;
            max-width: 100%;
        }

        header #logo_image {
            /*height: 35px;
            margin-top: 10px;*/
            margin-left: 0;
            width: 180px;
            padding: 3% 0%;
        }

        header #aa_logo_image {
            height: 55px;
            width: auto;
            margin-top: -5px;
            margin-left: 0;
        }

        header #language-nav_header {
            display: none;
        }

        header #search {
            display: none;
            z-index: 0;
        }

        header #search_mobile {
            position: absolute;
            right: 10px;
            margin-top: 10px;
            z-index: 1;
        }

        header #menu_mobile {
            position: absolute;
            left: 10px;
            margin-top: 10px;
            z-index: 1;
        }

        header #search.active {
            display: block;
            z-index: 500;
            position: absolute;
            float: none;
            top: 56px;
            padding: 20px 0;
            text-align: center;
            background: url('/aap/images/bg.png');
            width: 100%;
            border-bottom: 1px solid #2A2A35;
        }

            header #search.active input[type="submit"] {
                padding: 0;
                margin: 0 0 0 -6px;
                width: 20%;
                max-width: none;
            }

            header #search.active input[type="text"] {
                padding: 1px 5px;
                margin: 0;
                width: 70%;
                max-width: none;
            }

        header #language-nav_header.active {
            display: block;
            position: absolute;
            z-index: 500;
            width: 100%;
            background: url('/aap/images/bg.png');
            vertical-align: middle;
            padding: 20px 5%;
            font-size: 62.5%;
            text-transform: uppercase;
            float: none;
            top: 56px;
            text-align: center;
            min-width: 0;
        }

            header #language-nav_header.active #span1 img {
                width: 28px;
                height: 26px;
                float: left;
                cursor: pointer;
            }

            header #language-nav_header.active #span1 {
                text-align: left;
                float: left;
                width: 50%;
                height: 30px;
            }

            header #language-nav_header.active #span2 {
                text-align: right;
                float: right;
                width: 50%;
                height: 30px;
            }

            header #language-nav_header.active #span3 {
                text-align: center;
                width: 100%;
                height: 20px;
                vertical-align: middle;
            }

            header #language-nav_header.active p {
                vertical-align: middle;
                height: 30px;
            }

        #language-nav_header.active .nav_arrow {
            display: block;
            position: absolute;
            top: -9px;
            left: 16px;
        }

        #search.active .nav_arrow {
            display: block;
            position: absolute;
            top: -9px;
            right: 18px;
        }
        /* END: style rules for top meta-nav (logo, search, lanugage links, etc.) */

        /* ------------------------------------------------------------------------------------------------------------- */

        /* BEGIN: style rules for the top navigation menu/area */
        #header_nav {
            display: none;
        }

            #header_nav.active {
                display: block;
                position: absolute;
                z-index: 500;
                width: 100%;
                color: #FFFFFF;
                font-size: 112.5%;
                font-weight: bold;
                top: 120px;
            }

                #header_nav.active a {
                    color: #FFFFFF;
                    text-decoration: none;
                    font-size: 100%;
                }

                #header_nav.active ul, #header_nav.active li {
                    padding: 0;
                    margin: 0;
                    width: 100%;
                    position: relative;
                }

                #header_nav.active > ul > li {
                    display: block;
                    float: left;
                    background: none;
                    cursor: default;
                }

                    #header_nav.active > ul > li .row {
                        padding: 0;
                        top: 0;
                        left: 0;
                        width: 100%;
                    }

                #header_nav.active a:after {
                    background: none;
                }

                #header_nav.active ul > li {
                    border-top: 1px solid #2A2A35;
                    float: left;
                    width: 100%;
                    display: block;
                }

                #header_nav.active > ul {
                    border-bottom: 1px solid #2A2A35;
                }

                    #header_nav.active > ul > li {
                        background-color: #667;
                        padding: 5px 2% !important;
                        margin: 0;
                        left: -0%;
                        width: 100%;
                    }

                        #header_nav.active > ul > li ul > li {
                            background-color: #454552;
                            padding: 5px 3% !important;
                            margin: 0;
                            left: -2%;
                            width: 106%;
                        }

                            #header_nav.active > ul > li ul > li ul > li {
                                background-color: #666677;
                                padding: 5px 4% !important;
                                margin: 0;
                                left: -3%;
                                width: 108%;
                            }

                            #header_nav.active > ul > li ul, #header_nav.active > ul > li ul > li ul {
                                top: 5px;
                            }

                #header_nav.active > ul {
                    background-color: #667;
                }

                    #header_nav.active > ul > li ul {
                        background-color: #454552;
                    }

                        #header_nav.active > ul > li ul > li ul {
                            background-color: #666677;
                        }

                    #header_nav.active > ul > li .arrow {
                        display: block;
                        position: relative;
                        top: 5px;
                        left: -0%;
                        float: right;
                        cursor: pointer;
                    }

                    #header_nav.active > ul > li ul > li .arrow {
                        display: block;
                        position: relative;
                        top: 5px;
                        left: -1%;
                        float: right;
                        cursor: pointer;
                    }

                    #header_nav.active > ul > li ul > li ul > li .arrow {
                        display: block;
                        position: relative;
                        top: 5px;
                        left: -2%;
                        float: right;
                        cursor: pointer;
                    }

                #header_nav.active .arrow-up {
                    width: 0;
                    height: 0;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-bottom: 10px solid #FFFFFF;
                }

                #header_nav.active .arrow-down {
                    width: 0;
                    height: 0;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-top: 10px solid #FFFFFF;
                }

                #header_nav.active > ul > li .row {
                    display: block;
                    position: relative;
                    padding: 0;
                    top: 0;
                    left: 0;
                }

                    #header_nav.active > ul > li .row div.col {
                        display: block;
                        position: relative;
                        background-color: transparent;
                        z-index: 0;
                    }

                #header_nav.active > ul > li:hover .row {
                    display: block;
                    position: relative;
                    padding: 0;
                    margin: 0;
                    background: none;
                }

                    #header_nav.active > ul > li:hover .row div.col {
                        display: block;
                        position: relative;
                        margin: 0;
                        min-height: 0;
                        max-height: 0;
                    }

                #header_nav.active > ul > li .row ul > li, #header_nav.active > ul > li .row div.col ul > li {
                    display: none;
                    position: relative;
                }

                #header_nav.active > ul > li .row ul.active > li, #header_nav.active > ul > li .row div.col ul.active > li {
                    display: block !important;
                    position: relative;
                }
        /* END: style rules for the top navigation menu/area */

        /* ------------------------------------------------------------------------------------------------------------- */

        /* BEGIN: style rules for filtering menu */
        .product_filter .filter_name, .product_filter > form {
            display: none;
        }

            .product_filter .filter_name.active, .product_filter > form.active {
                display: block;
            }

        .product_filter .filter_results .arrow {
            float: right;
            width: 0;
            height: 0;
            padding: 0;
            cursor: pointer;
            margin-top: 5px;
        }

            .product_filter .filter_results .arrow.arrow-up {
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #667;
            }

            .product_filter .filter_results .arrow.arrow-down {
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 10px solid #667;
            }

        .filter_results {
            background-color: #F0F0F4 !important;
        }
        /* END: style rules for filtering menu */

        /* ------------------------------------------------------------------------------------------------------------- */

        /* BEGIN: style rules for left nav menu */
        #left_nav {
            position: relative;
            border: 0 solid #FFFFFF;
            background-color: #D5D9DC;
            padding: 10px;
            width: 70% !important;
            font-size: 91.6666%;
            color: #667;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 15px !important;
        }

            #left_nav #left_nav_content {
                position: absolute;
                z-index: 401;
                width: 100%;
                background-color: #D5D9DC;
                left: 0;
                padding: 7px;
            }

            #left_nav a, #left_nav li, #left_nav ul {
                width: 100%;
            }

        .left_navigation {
            position: relative;
        }

            .left_navigation + div {
                padding-bottom: 50px;
            }

        #left_nav a {
            padding: 4px 0;
        }

        #left_nav ul {
            display: none;
            position: relative;
            z-index: 402;
            background-color: #D5D9DC;
        }

        #left_nav .nav_heading {
            padding: 5px;
            display: none;
            position: relative;
            z-index: 402;
        }

        #left_nav #left_nav_mobile {
            position: relative;
        }

        #left_nav .arrow {
            cursor: pointer;
        }

        #left_nav .arrow-up {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #666677;
        }

        #left_nav .arrow-down {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #666677;
        }

        #left_nav .arrow-down, #left_nav .arrow-up {
            float: right;
            display: inline;
            position: relative;
            z-index: 405;
            top: 3px;
        }

        #left_nav.active {
            height: auto;
        }

            #left_nav.active a, #left_nav.active li, #left_nav.active ul {
                width: 100%;
                display: block;
            }

            #left_nav.active ul {
                display: block;
                background: none;
            }

            #left_nav.active .nav_heading {
                display: block;
                top: 7px;
                left: -5px;
            }

                #left_nav.active .nav_heading.not-first {
                    left: -6px;
                }

            #left_nav.active .LevelOne {
                padding-bottom: 15px;
            }

            #left_nav.active #left_nav_mobile {
            }

            /*#left_nav.active a.active + ul { display:block; }*/

            #left_nav.active .LevelOne.active, #left_nav.active .LevelTwo.active, #left_nav.active .LevelThree.active {
                margin: 0;
                padding: 0;
            }

                #left_nav.active .LevelOne.active li, #left_nav.active .LevelTwo.active li, #left_nav.active .LevelThree.active li {
                    margin: 0;
                    padding: inherit;
                    padding-left: 10px;
                }

        /*#left_nav.active .LevelTwo, #left_nav.active .LevelThree { display:none;   }
    #left_nav .LevelTwo.active, #left_nav .LevelThree.active { display:inline; }*/

        #left_nav li {
            margin: 0;
            padding: 0;
        }

        #left_nav.active a {
            display: none;
        }

        #left_nav.active .LevelThree.active a {
            display: inline-block !important;
        }

        #left_nav.active .LevelTwo.active a.active + .LevelThree a {
            display: inline-block !important;
        }

        .add_product {
            padding-top: 7px;
        }

        .addthis_button_compact {
            margin-top: 7px;
        }

        #breadcrumb {
            margin-bottom: 15px;
        }

        .advertisements > div {
            margin: 5px 15%;
        }

        /* END: style rules for left nav menu */

        /* ------------------------------------------------------------------------------------------------------------- */

        /* BEGIN: style rules for hero images/hero image viewer */
        main .hero {
            margin-bottom: 50px;
        }

            main .hero > div {
                position: relative;
                z-index: 0;
                margin: 0;
            }

            main .hero li div {
                position: relative;
                bottom: 1px;
                padding: 0;
                display: none;
            }

                main .hero li div.active {
                    background-color: #667;
                    display: block;
                    width: 100%;
                    /* remove transparent gradient */
                    background: -moz-linear-gradient(top, rgba(102,102,119,1) 0%, rgba(102,102,119,1) 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,119,1)), color-stop(100%,rgba(102,102,119,1))); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, rgba(102,102,119,1) 0%,rgba(102,102,119,1) 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, rgba(102,102,119,1) 0%,rgba(102,102,119,1) 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, rgba(102,102,119,1) 0%,rgba(102,102,119,1) 100%); /* IE10+ */
                    background: linear-gradient(to bottom, rgba(102,102,119,1) 0%,rgba(102,102,119,1) 100%); /* W3C */
                    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF666677, endColorstr=#FF666677)"; /* IE8 */
                }

            main .hero h1 {
                padding: 15px 25px 0 25px;
                font-size: 166.6667%;
                width: 90%;
            }
            /* changed from margin to padding */
            main .hero p {
                padding: 0 25px 25px 25px;
                font-size: 100%;
                width: 90%;
            }

            main .hero img {
                position: relative;
                z-index: 1;
                width: 100%;
            }

            main .hero .single img {
                margin-top: -35px;
                width: 117%;
            }

            main .hero .buttons {
                display: block;
                position: absolute;
                z-index: 2;
                width: 100%;
                bottom: -20px;
                background: none;
            }

            main .hero .swipe {
                margin-top: 0;
            }
        /* END: style rules for hero images/hero image viewer */

        /* ------------------------------------------------------------------------------------------------------------- */

        /* BEGIN: style rules for image viewers */
        .image_viewer, .similar_products {
            width: 100%;
        }

            .image_viewer .thumbnails_container, .similar_products .thumbnails_container {
                width: 100%;
            }

            .image_viewer .thumbnails a, .similar_products .thumbnails a {
                display: block;
                width: 100% !important;
                position: relative;
                height: 0 !important;
                padding: 75% 0 0 0;
                overflow: hidden;
            }

            .image_viewer .thumbnails img, .similar_products .thumbnails img {
                position: absolute;
                display: block;
                min-width: 0;
                min-height: 100%;
                max-width: 1000%;
                max-height: 100%;
                left: -200%;
                right: -200%;
                top: -200%;
                bottom: -200%;
                margin: auto;
            }

            .image_viewer li.active a, .similar_products li.active a {
                border-width: 0;
            }

            .image_viewer .thumbnails a {
                cursor: default;
            }
            /* ---- new code ---- */

            /*.image_viewer .thumbnails  { height:auto; vertical-align:middle; }*/

            .image_viewer .image_label {
                display: block;
            }

            .image_viewer .main_image {
                display: none;
            }

            /*.similar_products .thumbnails { left:0; vertical-align:middle; width:100%; margin:0; vertical-align:middle; }*/
            .similar_products .thumbnails_container .leftArrow {
                width: 5%;
            }

            .similar_products .thumbnails_container .rightArrow {
                width: 5%;
                margin-left: 95%;
            }

        .single_image_viewer {
            width: 31.5555555555556% !important;
            margin: auto;
        }

            .single_image_viewer a {
                display: block;
                width: 100% !important;
                position: relative;
                height: 0 !important;
                padding: 100% 0 0 0;
                overflow: hidden;
            }

            .single_image_viewer img {
                position: absolute;
                display: block;
                min-width: 0;
                min-height: 100%;
                max-width: 1000%;
                max-height: 100%;
                left: -200%;
                right: -200%;
                top: -200%;
                bottom: -200%;
                margin: auto;
            }
        /* END: style rules for image viewers */

        /* ------------------------------------------------------------------------------------------------------------- */

        /* BEGIN: style rules for "My Products" functionality */
        .product_pop-up {
            width: 75% !important;
        }

        .prev_controls {
            float: left;
            margin-left: 15px;
        }

        .ui-dialog.product_overlay, .ui-dialog-content.list_div {
            max-width: 100%;
            max-height: 150px;
        }

        .ui-dialog.product_overlay {
            max-width: 100%;
            max-height: 200px;
            overflow-y: hidden !important;
        }

        .list_div.ui-dialog-content.ui-widget-content {
            overflow-y: scroll !important;
        }
        /* END: style rules for "My Products" functionality */

        /* ------------------------------------------------------------------------------------------------------------- */

        /* BEGIN: styling rules for footer and footer nav */
        #footer_nav .row {
            padding: 15px 5px;
        }

        footer {
            padding: 10px 5px;
        }

            footer .col {
                text-align: left;
                padding: 10px 0 0 0 !important;
            }
        /* END: styling rules for footer and footer nav */
    }

    /* ------------------------------------------------------------------------------------------------------------- */

    @media print {
        .no_print {
            display: none !important;
        }

        .only_print {
            display: block;
        }

        header {
            background: none !important;
        }

        main {
            font-size: 75%;
        }

        footer {
            background: none !important;
        }

            footer .col_2 {
                color: #000000 !important;
            }
    }

    /* ------------------------------------------------------------------------------------------------------------- */
    .tile_children .col {
        margin-bottom: 10px;
    }

    .tile_children div > a {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-bottom: 100%;
        display: block;
        height: 0;
        color: #FFF;
        text-decoration: none;
        border: solid 1px #cccccc;
    }

        .tile_children div > a:hover {
            color: #FFF
        }

        .tile_children div > a img {
            position: absolute;
            display: block;
            z-index: 1;
            min-height: 100%;
            max-width: 1000%;
            max-height: 200%;
            min-width: 100%;
            margin: auto;
            left: -200%;
            right: -200%;
            top: -200%;
            bottom: -200%;
        }

        .tile_children div > a h3 {
            position: relative;
            display: block;
            text-align: center;
            z-index: 2;
            margin-top: 0%;
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.5);
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0, 0.5) !important;
            -pie-background: rgba(0,0,0, 0.5);
            behavior: url('/common/css/PIE.htc');
        }

    .only_grid, .no_grid {
        display: none
    }

        .only_grid.active, .no_grid.active {
            display: block
        }

    .product_listing {
        border-bottom: solid 1px #CCC;
        clear: both;
    }

        .product_listing:after {
            clear: both;
            content: " ";
            display: block;
            height: 0;
            visibility: hidden;
        }

        .product_listing .product_item_image a {
            position: relative;
            overflow: hidden;
            width: 100%;
            padding-bottom: 75%;
            display: block;
            height: 0;
            color: #FFF;
            text-decoration: none;
            border: solid 1px #CCC;
        }

            .product_listing .product_item_image a img {
                position: absolute;
                display: block;
                z-index: 1;
                min-height: 100%;
                max-height: 100%;
                margin: auto;
                left: -200%;
                right: -200%;
                top: -200%;
                bottom: -200%;
            }

        .product_listing h5 a {
            color: #667;
            font-weight: bold;
        }

        .product_listing .quick_links a {
            line-height: 200%;
            padding: 0 5px;
        }

            .product_listing .quick_links a:first-child {
                padding-left: 0;
            }

        .product_listing.category_listing {
            border: 0;
        }

            .product_listing.category_listing .product_item.row {
                padding-top: 0;
                border: 0
            }

    .product_items, .product_items .product_item {
        display: none;
    }

        .product_items.active, .product_items .product_item.active {
            display: block;
        }

        .product_item.row, .product_items.row {
            padding-top: 20px;
            margin-bottom: 20px;
            border-top: solid 1px #CCC
        }

    .product_item_body .only_grid a {
        float: none !important
    }

    .results_paging {
        float: right;
        line-height: 250%;
    }

        .results_paging a {
            cursor: pointer
        }

    .results_page_nav:before {
        content: '|';
        margin: 0 2px;
    }

    .results_page_nav a.disabled {
        color: #667;
    }

    .results_page_numbers a {
        display: inline-block;
        background: #165788;
        color: #FFF;
        margin: 0 4px;
        padding: 4px;
        line-height: 12px
    }

        .results_page_numbers a:hover {
            color: #FFF
        }

        .results_page_numbers a.active {
            background: #cfcfdc;
            color: #667;
        }

    .add_product {
        color: #000;
        float: right;
        padding-bottom: 10px;
        text-transform: uppercase;
    }

        .add_product:before {
            content: '+';
            color: #FFF;
            background: #667;
            padding: 0 3px;
            margin-right: 5px;
            line-height: 12px;
            vertical-align: middle;
        }

        .add_product:hover:before {
            background: #165788;
        }

        .add_product:hover {
            color: #667;
            text-decoration: none;
        }

    .product_filter {
        background: #e2e2e9;
        margin-bottom: 10px;
    }

        .product_filter div, .product_filter form {
            padding: 5px 10px;
        }

        .product_filter .filter_results {
            background: #667;
            color: #fff;
            font-weight: bold;
        }

        .product_filter .filter_name { /*border-bottom:solid 1px #ccc;*/
            text-transform: uppercase;
            padding-left: 0;
            margin-left: 10px;
        }

    .view_switch {
        float: left;
        text-transform: uppercase;
    }

        .view_switch a {
            display: inline-block;
        }

        .view_switch img {
            vertical-align: middle;
            opacity: 0.4;
            filter: alpha(opacity=40);
            padding-left: 5px;
            border: none;
        }

            .view_switch img.active {
                opacity: 1.0;
                filter: alpha(opacity=100);
            }

    .product_features { /*background: #ececee;*/
        margin-top: 10px;
        padding: 10px;
        border: solid 1px #ccc;
    }

    .product_heading {
        margin-bottom: 10px;
    }

    .gallery_summary {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        width: 100%
    }

        .gallery_summary > div {
            border: solid 1px #667;
            background-color: rgba(255, 255, 255, 0.8);
            background-color: rgb(255,255,255);
            background-color: rgba(255,255,255, 0.8) !important;
            -pie-background: rgba(255,255,255, 0.8);
            behavior: url('/common/css/PIE.htc');
        }

    .gallery_body {
        display: none;
    }

        .gallery_body.active {
            display: block
        }

    .gallery_body, .gallery_title {
        padding: 5px 10px;
    }

    .gallery_title {
        color: #FFF;
        cursor: pointer;
        background-color: rgba(52, 52, 62, 0.8);
        background-color: rgb(52,52,62);
        background-color: rgba(52,52,62, 0.8) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7A34343E', endColorstr='#7A34343E',GradientType=1 );
        -pie-background: rgba(52,52,62, 0.8);
        behavior: url('/common/css/PIE.htc');
    }

        .gallery_title .arrow {
            display: block;
            position: relative;
            top: 5px;
            float: right;
        }

        .gallery_title .arrow-up {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #FFFFFF;
        }

        .gallery_title .arrow-down {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #FFFFFF;
        }

    @media screen and (max-width: 760px) {
        .only_grid {
            display: block
        }

        .no_grid.active {
            display: none
        }

        .gallery_summary {
            position: relative;
        }
    }

    .know_section {
        display: none;
        margin-bottom: 15px;
    }

        .know_section.active {
            display: block;
        }

    .productVariation, .productVariationTitle div {
        font-weight: normal;
        color: #667;
    }

    .productVariationTitle {
        padding-left: 17px;
        color: #e23828;
    }

    .with_sub {
        background: #FFF url('/aap/images/nav_arrow_dn_grey.png') no-repeat 3px 7px;
        cursor: pointer;
    }

    .subelevation {
        padding-left: 17px;
        display: none;
    }

        .productVariationTitle div:first-child, .subelevation div {
            float: right;
        }

        .productVariation div:hover, .subelevation:hover, .productVariationTitle:hover {
            background-color: #efefef;
        }

    .productVariation.active .subelevation {
        display: block;
    }

    .productVariation.active .with_sub {
        background-image: url('/aap/images/nav_arrow_up_grey.png');
    }

    .doc_table th {
        text-align: left;
        border-bottom: solid 1px #000000;
        margin-bottom: 5px;
    }

    .doc_table td {
        border-bottom: solid 1px #cccccc;
        margin-bottom: 5px;
        padding: 5px 0;
    }


    /***********************************
*	Styles for News listings
************************************/

    .newsContainer {
        float: left;
        clear: both;
        width: 100%;
        background: #fff;
        margin: 6px 0;
        padding: 12px;
        border-top: 1px solid #b9c4c0;
        border-bottom: 1px solid #b9c4c0;
    }

    .newsLeft {
        vertical-align: middle;
    }

    .newsRight {
        float: right;
        margin-left: 12px;
    }

        .newsRight img {
            border: 1px solid #b9c4c0;
        }

    /***********************************
*	Styles for Standard Info Page 
************************************/
    .text_color_orange_light {
        color: #cc6600;
    }

    .text_color_orange_dark {
        color: #993300;
    }

    .text_color_grey_lightest {
        color: #cccccc;
    }

    .text_color_grey_light {
        color: #999999;
    }

    .text_color_grey_medium {
        color: #666666;
    }

    .text_color_grey_dark {
        color: #333333;
    }

    .text_color_blue_light {
        color: #8aa5c2;
    }

    .text_color_blue_dark {
        color: #336699;
    }

    .text_color_red {
        color: #e23828;
    }

    .text_color_white {
        color: #ffffff;
    }

    /*.iconlinklg
{
    COLOR: #cc6600;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 13px;
    TEXT-DECORATION: none
}
.iconlinklg:hover
{
    COLOR: #993300;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 13px;
    TEXT-DECORATION: underline
}*/

    .with_sep {
        background: url(/common/images/general/grfc_dottedline.gif);
        background-position: left bottom;
        background-repeat: no-repeat;
        padding-bottom: 3px;
        position: relative;
        display: block;
        margin-bottom: 1px;
    }

    .with_arrow {
        background: url(/common/images/general/nav_widget_orange_arrow.gif);
        background-position: left 3px;
        background-repeat: no-repeat;
        padding-left: 12px;
    }

    .with_pdf {
        background: url(/common/images/general/pdf_icon.gif);
        background-position: left 2px;
        background-repeat: no-repeat;
        padding-left: 20px;
        padding-top: 5px;
        line-height: 18px !important;
    }

    .with_phone {
        background: url(/common/images/general/contact_phone.jpg);
        background-position: left 1px;
        background-repeat: no-repeat;
        padding-left: 22px;
        padding-top: 1px;
        padding-bottom: 1px;
        line-height: 18px !important;
        vertical-align: baseline;
    }

    .with_mobile {
        background: url(/common/images/general/contact_mobile.jpg);
        background-position: left 1px;
        background-repeat: no-repeat;
        padding-left: 22px;
        padding-top: 1px;
        padding-bottom: 1px;
        line-height: 18px !important;
        vertical-align: baseline;
    }

    .with_fax {
        background: url(/common/images/general/contact_fax.jpg);
        background-position: left 1px;
        background-repeat: no-repeat;
        padding-left: 22px;
        padding-top: 1px;
        padding-bottom: 2px;
        line-height: 18px !important;
        vertical-align: baseline;
    }

    .with_email {
        background: url(/common/images/general/contact_email.jpg);
        background-position: left 1px;
        background-repeat: no-repeat;
        padding-left: 22px;
        padding-top: 1px;
        padding-bottom: 1px;
        line-height: 18px !important;
        vertical-align: baseline;
    }

    .addthis_button_compact {
        display: block;
        float: right;
        margin-left: 40px;
        background: #667;
        color: #FFF;
        padding: 3px 5px;
        font-size: 10px;
        line-height: 13px;
        text-transform: uppercase;
    }

        .addthis_button_compact:hover {
            color: #FFF
        }

        .addthis_button_compact img {
            border: 0;
        }

    /* BEGIN: style rules for attribute filtering menu */
    .attribute_filter .attribute_filter_name, .attribute_filter > form {
        display: none;
    }

        .attribute_filter .attribute_filter_name.active, .attribute_filter > form.active {
            display: block;
        }

    .attribute_filter .attribute_filter_results .arrow_attribute_filter {
        float: right;
        width: 0;
        height: 0;
        padding: 0;
        cursor: pointer;
        margin-top: 5px;
    }

        .attribute_filter .attribute_filter_results .arrow_attribute_filter.arrow-up {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #667;
        }

        .attribute_filter .attribute_filter_results .arrow_attribute_filter.arrow-down {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #667;
        }

    .attribute_filter {
        background: #F9F9FA;
        color: #667;
        margin-bottom: 10px;
        font-weight: normal;
    }

        .attribute_filter div, .attribute_filter form {
            padding: 5px 10px;
        }

        .attribute_filter .attribute_filter_results {
            background: #F0F0F4;
            color: #667;
            font-weight: bold;
        }

        .attribute_filter .attribute_filter_name {
            border-bottom: solid 1px #ccc;
            text-transform: uppercase;
            padding-left: 0;
            margin-left: 10px;
        }

            .attribute_filter .attribute_filter_name > .attribute_filter_name {
                border-bottom: none;
            }
    /* END: style rules for attribute filtering menu */

    /* BEGIN: style rules to make the global 'Filters' menu only show on mobile, but still display contents on larger screens */
    .mobile_only_filter {
        margin-left: 0 !important;
        background: #F9F9FA;
        color: #667 !important;
    }

    .mobile_light_heading {
        background: #F0F0F4 !important;
    }

    .mobile_only_filter_on .attribute_filter {
        text-transform: none;
    }

    .mobile_only_filter_on .filter_name {
        margin-left: 0 !important;
        padding-right: 0;
        padding-bottom: 0;
        padding-top: 10px;
    }

    .text_hide_mobile_on {
        display: inline;
    }

    /* Hide wrapper div, but not the contents */
    .mobile_only_filter_off {
        background: transparent !important;
        padding: 0 !important;
    }

        .mobile_only_filter_off .attribute_filter {
            text-transform: none;
            padding: 0;
        }

    .text_hide_mobile_off {
        display: none;
    }

    .mobile_only_filter_off .filter_name {
        margin-top: 3px;
    }
    /* END: style rules to make the global 'Filters' menu only show on mobile, but still display contents on larger screens */