:root {
    --fey-blue-50: #CAEAFF;
    --fey-blue-100: #A1D8FD;
    --fey-blue-200: #73BFF1;
    --fey-blue-300: #5EA5D4;
    --fey-blue-400: #4B8CB7;
    --fey-blue-500: #42A9DC;
    --fey-blue-600: #39739A;
    --fey-blue-700: #2A5C7D;
    --fey-blue-800: #1D455F;
    --fey-blue-900: #122F42;
    --surface-0: white;
    --surface-50: #F2F2F2;
    --surface-100: #E0E0E0;
    --surface-200: #DDDDDD;
    --surface-400: #BBBBBB;
    --surface-500: #AAAAAA;
    --surface-600: #888888;
    --surface-700: #666666;
    --surface-800: #333333;
    --surface-900: #111111;
    --surface-transparent-light: rgba(241, 241, 241, 0.65);
    --surface-transparent-dark: rgba(241, 241, 241, 0.8);
    --fey-red: #B82B20;
    --fey-yellow: #F7CE5D;
    --fey-charcoal: #333F48;
    --fey-charcoal-hover: #485966;
}

    :root * {
        font-family: verdana-pro !important;
    }

img {
    border: 0;
}

.hide {
    display: none;
}

/* Form styles */
div.clear {
    clear: both;
    float: none;
}

div.form-container {
    background: #BEC2C4;
    border: #EEE 1px solid;
    color: #111;
    font: 9pt/1.5 Arial,Helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

div .form-container {
    background: white;
    border: none;
}

p.legend {
    margin-bottom: 1em;
}

    p.legend em {
        color: #C00;
        font-style: normal;
    }

div.errors {
    background: #FFC;
    border: #FC6 1px solid;
    margin: 0 0 10px;
    padding: 5px 10px;
}

    div.errors p em {
        color: #C00;
        font-style: normal;
        font-weight: bold;
    }

div.form-container p.note {
    color: #333;
    font-size: 90%;
    margin-left: 160px;
}

div.form-container fieldset {
    border-radius: 1em;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    margin: 2em 0px;
    padding: 2em;
    position: relative;
    border: none;
    outline: none;
}

div.form-container legend {
    color: var(--fey-charcoal);
    font-weight: bold;
    position: relative;
    top: 2.5em;
    font-size: 1.2em;
}

div.form-container label, div.form-container span.label, div.form-container span.note {
    display: inline;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}

div.form-container span.note {
    font-size: 90%;
}

div.form-container label.lblright {
    display: inline;
    float: none;
    padding-left: 10px;
    padding-right: 0;
}

div.form-container label.error, div.form-container span.error {
    color: #C00;
}

div.form-container label em, div.form-container span.label em {
    color: #C00;
    font-size: 120%;
    font-style: normal;
    position: absolute;
    right: 0;
}

div.form-container label.lblright em {
    margin: 0;
    padding: 0;
    position: relative;
}

div.form-container input.error {
    background: #FEF;
    border-color: #C00;
}

    div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus {
        background: #FFC;
        border-color: #FC6;
    }

div.form-container div.controlset label, div.form-container div.controlset input {
    display: inline;
    float: none;
    font-size: 9pt;
}

div.form-container div.interests {
    width: 0;
}

    div.form-container div.interests ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 30em;
    }

div.form-container div select {
    font-size: 9pt;
}

div.errors p, div.form-container p, .description .detail div div {
    margin: 0;
}

div.form-container div.controlset div {
    margin-left: 160px;
}

div.form-container div.interests li, div.blLinks li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 15em;
}

div.form-containerChangePassword {
    background: var(--surface-0);
    color: #111;
    font: 9pt/1.5 Arial,Helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
    padding: 3em 2em;
    border-radius: 1.8em;
    width: 400px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2em;
}

    div.form-containerChangePassword label {
        margin-bottom: 0.3em;
    }

    div.form-containerChangePassword input {
        max-width: 20em;
    }

div.form-containerUpdateProfile {
    background: var(--surface-0);
    font: 9pt/1.5 Arial,Helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5em;
    width: 650px;
    border-radius: 1.8em;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

    div.form-containerUpdateProfile td {
        padding-block: 0.4em;
    }

    div.form-containerUpdateProfile input {
        padding: 0.5em;
        border-radius: 8px;
        border: 1px solid var(--surface-500);
    }

#CaseTitle {
    font-weight: bold;
    font-size: 12pt;
}

#CaseText {
    font-size: 12pt;
}

#AboutText {
    font-size: 12pt;
}

#GeneralInfoText {
    font-size: 12pt;
}

span.remember input, span.remember label {
    display: inline;
    float: none;
    margin-right: 0;
    margin-left: 0.5em;
}

form, div.form-container div.interests li label {
    margin: 0;
    padding: 0;
}

div.errors p, div.form-container p, .description .detail div div {
    margin: 0;
}

div.form-container div.interests li, div.blLinks li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 15em;
}

div.form-container fieldset div, div.login div, div.form-container div.buttonrow {
    padding: 0.25em 0;
}

label.login {
    color: var(--fey-charcoal);
    font-family: Tahoma;
    font-size: 10.5pt;
    font-weight: 600;
    text-align: left;
    width: 100%;
    margin-inline: 1em;
    margin-top: 1em;
}

.form-container.login div.divlogonbottom {
    margin-top: 1em;
    width: 100%;
}

.form-container.login {
    width: min-content;
    margin: auto;
    padding: 3em 5em;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    border-radius: 1.5em;
    margin-top: 2em;
}

    .form-container.login div {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: min-content;
    }

.login input {
    padding: 0.5em;
    border-radius: 8px;
    border: 1px solid var(--surface-500);
}

span.remember {
    display: flex;
    flex-direction: row;
}

    span.remember > * {
        white-space: nowrap;
    }

.nowrap {
    white-space: nowrap;
}


/* End Form Styles */

/* Product listings  */
.products {
    line-height: normal;
    text-align: left;
}

.itemlisting {
    display: inline;
    float: left;
    margin: 0 0 0 0px;
    padding: 0;
    width: 175px;
    height: 275px;
    border-bottom: 1px solid silver;
}

    .itemlisting .item_name {
        line-height: 12pt;
        margin-left: 0px;
        padding: 0;
    }

    .itemlisting div {
        text-align: center;
        margin: auto;
    }

.info {
    text-align: center;
    list-style-type: none;
    margin: 0 0 0px 0px;
    padding: 0px;
    height: 56px;
}

    .info li {
        color: #106bb1;
        font-family: Times New Roman,Arial,Verdana;
        font-size: 10pt;
        line-height: 11pt;
        margin: 0;
        padding: 0;
    }

.lbclear {
    clear: both;
    text-align: center;
}
/* End Product Listings


/* Home  */
.searchTypeOption {
    text-decoration: none;
    font-size: 1em;
    font-weight: 600;
    color: var(--fey-charcoal);
}

/* End Home  */

/* Product Details  */
.products, table.pricing {
    font-size: 7pt;
}

.sku {
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
}

.pricing .sku {
    font-size: 12pt
}

.callout {
    text-align: left;
    font-family: Arial;
    font-size: 16px;
}

    .callout p {
        margin: 5px 0;
    }

.description {
    font-family: Arial;
    display: inline;
    float: left;
    padding: 0 5px;
    width: 47%;
}

    .description .header {
        height: auto;
        display: inline;
        float: left;
        font-weight: bold;
        padding-top: 5px;
        padding-right: 0px;
        text-transform: uppercase;
        width: 125px;
        background-color: transparent;
    }

    .description .detail {
        margin-left: 125px;
        padding-top: 5px;
        padding-right: 0px;
        font-size: 12px;
        width: 47%;
    }

        .description .detail div {
            margin-left: 5px;
        }

            .description .detail div .swatch {
                display: inline;
                float: left;
                line-height: 17pt;
                margin: 2px;
                padding: 0 10px;
                border: 2px solid #999;
            }

            .description .detail div .swatchimg {
                display: inline;
                float: left;
                line-height: 17pt;
                margin: 0px;
                padding: 0 0px;
                border: 0px solid #999;
            }

            .description .detail div .screen {
                clear: left;
            }

.greybg {
    background-color: #dfdfdf;
    color: #000;
}

.links {
    clear: both;
    font: 8pt Verdana;
    padding: 5px 0 20px;
    text-decoration: none;
}

.bbcontent .links {
    float: right;
}

div.pricing {
    clear: both;
    display: inline;
    float: right;
    padding-left: 150px;
}

table.pricing, table.pricing tr, table.pricing th, table.pricing td {
    border: 1px solid black;
}

table.pricing {
    font-size: 10pt;
    margin: 10px 0;
}

    table.pricing th {
        text-align: center;
        color: white;
        background-color: #0065AD;
        font-weight: normal;
        padding-left: 8px;
        padding-right: 8px;
    }

    table.pricing td {
        padding-left: 8px;
        padding-right: 8px;
    }

table td {
    padding: 8px;
}

table * {
    color: black;
    background-color: white;
}

#mnuMain * {
    background-color: transparent;
}

th {
    padding: 1em;
}

#ContentPlaceHolder1_gvOrderDetails, #ContentPlaceHolder1_gvOrders {
    width: 100%;
}

#productdetails img {
    padding-right: 5px;
    padding-bottom: 5px;
    z-index: auto;
    top: 10px;
    width: 330px;
    height: 330px
}

#productslide {
    overflow: hidden;
}
/*#productdetails #NewImage {left:700px; top:675px; width:90px;height:90px;float:left;position:absolute;z-index:3;}*/
#slidenav {
    margin: 10px;
}

    #slidenav a {
        color: #4040FF;
        float: left;
        font-size: 10pt;
        padding: 10px;
    }

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

        #slidenav a.activeSlide {
            color: #000;
            background: #ff9;
            border: solid 1px;
            padding: 9px;
        }

            #slidenav a.activeSlide:hover {
                cursor: default;
                text-decoration: none;
            }
/* End Product Details */



/* Product Details Video */
.pshowvid {
    margin-left: auto;
    margin-right: auto;
}

    .pshowvid:hover, .pclosevid:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.pvideo {
    z-index: 100;
}

.pbsvideocontent {
    height: auto;
    padding: 5px;
}

.pvideobts {
    display: inline;
    float: right;
    height: auto;
    width: auto;
    margin-left: auto;
    Margin-right: auto
}

.productvideo {
    width: 350px;
    height: 280px;
}

#youtube {
    width: 350px;
    height: 280px;
}
/* End Product Details Video */


/* Sidebar Video */
.showvid:hover, .closevid:hover {
    cursor: pointer;
    text-decoration: underline;
}

.video {
    z-index: 100;
}
/* End Sidebar Video */

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

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \ */
.clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* End hide from IE-mac */



@media print {
    /***** Styles for print *****/
    .screen, #toprighthead, #topnav, #rightbuttons, .footnav, .description .detail div .swatch {
        display: none;
    }

    body {
        font: 9pt/1.4em Arial, Helvetica, sans-serif;
        height: 100%;
    }

    #toprighthead, #buttonheader, #rightbuttons, .button {
        display: none;
    }

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

/*------------------------------------*\
    Media Queries Default Screens size.
\*------------------------------------*/

@media screen {
    /***** Styles for screen *****/
    .print {
        display: none;
    }

    body {
        margin: 0;
        padding: 0;
        font-size: 100%;
        font-family: Georgia, Times New Roman, Times, serif;
        color: #666666;
        background-color: #FFFFFF;
    }

    h1, h2, h3, h4, h5 {
        line-height: normal;
        color: #666666;
    }

    h2 {
        font-size: 15.33px;
        font-weight: 400;
        line-height: normal;
    }

    #wrap {
        height: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        vertical-align: top;
    }

    .ErrorMessage {
        color: Red;
    }

    /*----------------------------------------------Header-------------------------------------*/

    /*#topheader{padding:20px 0; border-bottom:1px solid #D6D6D6; font-size:0.8em;}
#topheader hgroup{display:block; float:left; width:auto; clear:right;}
#topheader hgroup h1, #header hgroup h2{margin:0; font-weight:normal; text-transform:none;}
#topheader hgroup h1{font-size:2.5em;}
#topheader hgroup h2{font-size:1em;}

/*.topheaderlogo
{
    width:100%;
    max-width: 100%;
    height:auto;
    margin: 0px;

}     */

    /* Logo and hyperlink at the top of the Site Master */
    #topheader a.home {
        display: block;
        line-height: 67px;
        left: 25px;
        position: absolute;
        text-decoration: none;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0px;
    }
    /*
.homelink
{
           
}

#imgClr{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}

#onlinechat
{
width:260px
}

/* Used in Site Master */
    #toprighthead {
        height: 100px;
        width: 250px;
        text-align: right;
        margin-top: 0px;
        float: right;
        position: relative;
        z-index: 1000px;
        margin-left: 0px;
    }

    #toplefthead {
        float: left;
    }

    /* Used in Site Master */
    .headerlogin {
        font: normal 600 8pt/normal Tahoma, sans-serif;
        margin-right: 9px;
        padding: 3px 0 0px;
        margin-top: 10px;
        width: 250px;
        float: right;
    }

        .headerlogin a {
            font: normal 600 8pt/normal Tahoma, sans-serif;
        }

    /*.headerlogin,.MenuItemD,div.footnav li a,div.register {font:normal bold 8pt/normal Tahoma, sans-serif;}*/
    .headerlogin, div.footnav li a, div.register {
        font: normal bold 8pt/normal Tahoma, sans-serif;
    }

        .headerlogin span {
            padding-left: 3px;
            padding-top: 8px;
            margin-top: 25px;
        }

    .headerlogin, div.register {
        margin-right: 9px;
        padding-top: 3px;
        margin-top: 0px;
    }

        .headerlogin a, div.footnav li a, div.register a {
            color: Black;
        }

        .headerlogin img, div.register img {
            vertical-align: middle;
        }

    /* Buttons Site Master */
    .btnSearch, .btnLogin, .btnSignup {
        border: 0;
        cursor: hand;
        line-height: 0;
        margin: 0;
        overflow: hidden;
        padding: 0;
        text-indent: -1000em;
    }

    .btnSearch {
        background: transparent url(FeyLineImages/search_up.png) no-repeat center top;
        height: 28px;
        width: 89px;
    }

        .btnSearch:hover {
            background-image: url(FeyLineImages/search_over.png);
        }

    .btnLogin {
        background: transparent url(FeyLineImages/login_up.gif) no-repeat center top;
        height: 37px;
        width: 97px;
    }

        .btnLogin:hover {
            background-image: url(FeyLineImages/login_over.gif);
        }

    .btnSignup {
        background: transparent url(FeyLineImages/req_button.gif) no-repeat center top;
        height: 37px;
        width: 223px;
    }

        .btnSignup:hover {
            background-image: url(FeyLineImages/req_button_down.gif);
        }

    #ContentPlaceHolder1_btnViewBack {
        margin-left: 1em;
    }

    /* End Buttons */
    #searchdiv {
        margin-right: 3px;
        float: right;
        padding-top: 0px;
        padding-bottom: 10px;
    }

        #searchdiv .qSearch {
            width: 140px;
            background-color: White;
        }


    /* ----------------------------------------------Register / Sign Up-------------------------------------*/
    .signUpHeader {
        color: var(--surface-900);
        font-weight: 600;
        font-size: 1.5em;
        margin: 2em 0px 0px 0px;
    }

    .bbcontent .sign-up-container fieldset {
        padding-top: 4em;
    }
    /* ----------------------------------------------END Register / Sign Up-------------------------------------*/
    /* ----------------------------------------------Top Navigation-------------------------------------*/
    /* Navigation styling */
    .nav {
        position: relative;
        display: inline-block;
    }

    #BottomMenu {
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
    }

        #BottomMenu ul {
        }

        #BottomMenu li {
            float: left;
            margin-left: 10px;
            padding-left: 15px;
            padding-right: 15px;
            border-left: 1px solid #666666;
        }

            #BottomMenu li a:link, #topnav li a:visited, #topnav li a:hover {
                display: block;
                margin-left: auto;
                margin-right: auto;
                padding: 0;
                font-weight: normal;
            }

            #BottomMenu li:first-child {
                border-radius: 5px 0 0 5px;
                border-left: 0px;
            }

            #BottomMenu li:last-child a {
                margin: 0;
                padding: 0;
                border-right: 0px;
                border-radius: 0px 0 0 0px;
            }

            #BottomMenu li a:hover, #topnav li.active a {
                color: #FF9900;
                background-color: #FFFFFF;
            }

            #BottomMenu li a.level1 {
                color: #666666;
            }

    #topnav table {
        font-family: Arial,Helvetica,sanserif;
        color: Black;
        font-size: 14px;
    }

    #topnav {
        border-top: 1px solid #E0E0E0;
        border-bottom: 5px solid #282d26;
        margin-top: 5px;
    }

        #topnav:hover {
            color: #797575;
        }

    .mnuMain_1 {
        color: #797575;
        padding-right: 15px;
    }

    #mnuMain {
        margin-left: 0px;
    }

    /* ---------------------------------------------- END Top Navigation-------------------------------------*/

    td table {
        padding: 0 !important;
    }

    /* main copy area */

    #main {
        background: White;
        height: auto;
        margin: 15px auto;
        text-align: left;
        vertical-align: top;
        width: 1000px;
        min-height: 400px;
        margin: auto;
        float: left;
    }

    #main {
        background: White;
        height: auto;
        margin: 15px auto;
        text-align: left;
        vertical-align: top;
        width: 1000px;
        width: auto;
        min-height: 400px;
        margin: auto;
        float: left;
    }

    #bottom {
        height: auto;
        width: 900px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        vertical-align: top;
        clear: both;
        display: block;
        z-index: 100;
    }

    .FormatCenter {
        text-align: center;
    }

    html > body #mainright {
        height: auto;
        width: 83%
    }
    /* Fix for IE6 lack of min-height support */

    #maincontent {
        line-height: 2em;
        margin: 20px 10px;
        min-height: 350px;
        text-align: left;
        vertical-align: top;
        margin: auto;
        /*float:left;*/
    }

    html > body #maincontent {
        height: auto;
    }
    /* Fix for IE6 lack of min-height support */

    #footer {
        clear: both;
        display: block;
        width: 100%;
        z-index: 100;
        color: Black;
    }

    #footer {
        padding: 30px 0;
        line-height: 1.6em;
        border-bottom: 1px solid #D6D6D6;
        font-size: .8em;
        color: #666666;
    }
    /*#footbar {background: #035594; display:block; margin: 0 auto; height:25px; width:960px; z-index:100; color:Black;}*/

    /**************************************** DEFAULT ********************************************/

    #maincontent td {
        font: 8pt verdana;
    }

    #maincontent .button {
        background-color: var(--fey-blue-300);
        color: var(--surface-0);
        padding: 1em 2em;
        border-radius: 0.7em;
        font-weight: 600;
        border: none;
        cursor: pointer;
    }

    div.page {
        margin-left: 5px;
    }

    /* Email Questions */
    .disabled {
        color: #ccc;
    }

    .floatleft {
        float: left;
    }

    .floatright {
        float: right;
    }

    /**************************************** PROFILE LIST ***************************************/
    a.Prospect {
        color: red;
    }

    table.profile {
        border: 3px solid #000;
    }

    th.profile {
        background-color: #293d58;
        border-right: 2px solid #000;
        color: #fff;
        border-bottom: 2px solid #000;
        font-size: 11pt;
    }

    tr.animal {
        background-color: #DDDDDD;
    }

    td.profile {
        border-right: 2px solid #000;
    }

    div.form-container div.buttonrow {
        padding: 10px 0;
    }

        div.form-container div.buttonrow .profilelist {
        }

        div.form-container div.buttonrow a {
            clear: none;
            margin-left: -40px;
        }


    .UsersHeaderStyle {
        background-color: #0D75BA;
        color: #FFFFFF;
        font-size: 8pt;
        font-weight: bold;
    }

    /**************************************  PROMOTIONS ********************************************/
    .Promotion {
        width: 350px;
        height: 123px;
        margin-top: 10px;
        background-color: rgb(238,238,184);
    }

    .PromotionTextBox {
        width: 350px;
        height: 65px;
        background-color: rgb(217,206,152);
        z-index: 1;
        margin-top: 30px;
        margin-right: 10px;
    }

    .PromotionText {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        color: #7f7655;
        text-align: center;
        margin-top: 25px;
        min-height: 65px;
    }

    .PromoLink {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
        color: #7f7655;
        text-align: center;
        margin: auto;
    }

    .PromoImage {
        width: 123px;
        height: 121px;
        float: left;
        position: relative;
        z-index: 100;
        padding: 5px;
    }

    .PromotionDetails {
        margin-top: 2px;
        text-align: center;
    }

    /**************************************** HOME PAGE TEXT *********************************************/
    #HomeTextArea {
        width: 275px;
        height: 270px;
    }

    #Welcome {
    }

    #W_Below {
        font-family: Arial,Verdana,Helvetica,sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        margin-left: 50px;
    }

    #HomeTextHeading {
        font-family: Arial,Verdana,Helvetica,sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #939292;
    }

    #HomeText {
        font-family: Arial,Verdana,Helvetica,sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #939292;
    }


    /**************************************** HEADER *********************************************/
    /* Used in flyer */
    a.header {
        color: #fff;
        font-size: 8pt;
        text-decoration: none
    }

        a.header:hover {
            color: #999;
            font-size: 8pt;
        }

    body.header {
        background: #293d58
    }

    div.header {
        height: 70px;
        width: 100%;
        background-color: #293d58;
    }

    table.header {
        color: #fff;
    }

    td.header {
        text-align: center
    }

    input.search {
        background-color: #999;
        color: #293d58;
        font-weight: bold
    }


    /******************** Post ASP.NET *******************/
    .Users {
        border: 2px solid #000;
        border-bottom-width: 0;
        border-top-width: 0;
        white-space: nowrap;
    }

    .left {
        text-align: left;
    }

    .center {
        text-align: center;
    }

    .right {
        text-align: right;
    }
}


/* Items taken from Fey-Line style sheet */
/* Bread crumbs navigation  */
#bcnav {
    color: #484E53;
    font-family: Verdana;
    font-size: 8pt;
    position: relative;
    text-align: left;
    width: 615px;
}

.slideshow {
    overflow: hidden;
    float: right;
}

#special {
    margin: auto 0;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
    width: 194px;
}

    #special img {
        margin-top: 10px;
    }

#catalog {
    margin: auto 0;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
    width: 194px;
}

    #catalog img {
        margin-top: 10px;
    }

td table {
    padding: 0 !important;
}

#rightbuttons {
    display: inline;
    float: right;
    margin: 0;
    text-align: left;
    width: 15%;
}

#leftlinkcontainer {
    float: left;
    margin-left: 5px;
    padding-top: 1px;
    width: 100%;
}
    /*#leftlinkcontainer a {color:Black;display:block;font-family:Arial,Verdana;font-size:12pt;margin-top:8px;padding-bottom:8px; border-bottom-style:inset;
                    border-bottom-width:1px;border-bottom-color:silver;}*/
    #leftlinkcontainer a {
        color: #666666;
        display: block;
        font-size: 12.8px;
        margin-top: 0px;
        padding-bottom: 8px;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        border-bottom-color: silver;
    }

        #leftlinkcontainer a:hover {
            color: #ff9900;
        }

        #leftlinkcontainer a #hlHome {
            width: 250px;
            color: #006699;
        }

    #leftlinkcontainer h2 {
        text-align: right;
    }


.treenav tr {
    text-align: left;
}

.treenav a, div#homelink a {
    padding: 0px 0 0px;
}



/*Product Details Complement products */
#leftlinkcontainer #pnlComplementProducts .ComplementDescription {
    height: 40px;
    color: Black;
}

#leftlinkcontainer #pnlComplementProducts {
    height: 150px;
}

    #leftlinkcontainer #pnlComplementProducts a {
        display: block;
        font-size: 12.8px;
        margin-top: 8px;
        padding-right: 15px;
        border-right-style: dotted;
        border-right-width: 1px;
        border-right-color: Silver;
        color: Black;
    }

        #leftlinkcontainer #pnlComplementProducts a:hover {
            color: #ff9900;
        }

.ComplementDescription {
    color: Black;
}

#pnlComplementProducts a:hover {
    color: #ff9900;
}

.ComplementImage {
    width: 150px;
    height: 150px;
    padding-right: 15px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: Silver;
}

/* End Product Details Complement products */
/*Product Slider Images */
#pnlProductSlider .ComplementDescription {
    height: 40px;
    color: Black;
}

#pnlProductSlider a:hover {
    color: #ff9900;
}

/* Bullet list links */
div.blLinks ul {
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 45em;
}

#footer {
    clear: both;
    margin: 5px auto;
    text-align: center;
}

.item_name, .item_price, .item_name_big {
    font-family: Times New Roman,Arial,Veranda
}

.item_name {
    font-size: 14px;
    font-weight: bold;
    color: #106bb1;
    padding: 10px;
    text-align: center;
    height: 50px;
}

.bcs .item_name {
    height: 52px;
}

.item_price {
    font-size: 10.5pt;
    padding: 5px;
}

.item_name_big {
    font-size: 14pt;
    margin-bottom: 0;
    padding: 3px;
    font-weight: bold;
    color: #035594;
    text-align: center;
}


/* Media Queries Section */

@import url(framework.css);



/* 240 + 320px */


/*narrow screen on my droid turbo */
@media screen and (max-width : 360px) {
    #main, #header, #featured_slide, #container, #footer, #copyright, #wrap, #topheader, #hlLogo, #bottom {
        max-width: 310px;
        margin: 0 auto;
        min-width: 150px
    }

        #topheader img {
            max-width: 320px;
            margin-top: 32px;
            margin-left: auto;
            margin-bottom: 0px;
            margin-right: auto;
        }
    /* #topnav{display:none;}*/
    #toprighthead {
        height: 25px;
    }

    #rightbuttons {
        display: none;
        width: 0px;
    }

    #BottomMenu {
        display: inherit;
    }

        #BottomMenu li {
            width: 30%;
            border-left-width: 0px;
        }

    #footermenu {
        display: inherit;
    }

        #footermenu h2 {
            padding-bottom: 0px;
            margin-bottom: 5px;
        }

    #leftlinkcontainer {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 2% 0;
        padding: 0;
    }

    #onlinechat {
        display: none;
    }

    .flexslider .slides li .flex-caption, .flex-direction-nav, .flex-control-nav {
        display: none;
    }

    .mean-container .mean-bar {
        position: fixed !important;
    }

    #footer .fl_right, #footer .fl_left {
        float: left
    }

    #footer {
        padding-top: 0
    }

    #maincontent {
        float: left;
        width: auto;
        margin: 0 0 0 0;
    }


    #wrap {
        margin: 0 0 0 2%;
    }

    #mainright {
        min-width: 200px;
    }

    #bottom {
        width: 100%;
    }

    .product_one_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 2% 0;
        padding: 0;
    }

    #productdetails img {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: auto;
        top: 10px;
        width: 200px;
        height: 200px
    }

    #productdetails #NewImage {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: 3;
        top: 450px;
        float: right;
        left: 225px;
        width: 50px;
        height: 50px;
        position: absolute;
    }

    .description .header {
        width: 35%;
    }

    .description .detail {
        width: 100%;
        margin-left: 40%
    }

    div.pricing {
        float: left;
        padding-left: 0px
    }

    .pvideobts {
        width: 50%;
        float: left;
    }

    .productvideo {
        width: 150px;
        height: 150px;
    }

    #youtube {
        width: 150px;
        height: 150px;
    }

    .one_half, .two_third,
    .one_third, .two_third, .three_third,
    .one_quarter, .two_quarter, .three_quarter, .four_quarter,
    .one_fifth, .two_fifth, .three_fifth, .four_fifth, .five_fifth {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 2% 0;
        padding: 0;
    }

    .more {
        text-align: right;
        clear: both;
    }

    #header hgroup {
        display: block;
        width: 100%;
        float: none;
        margin: 0 0 15px 0;
        padding: 0;
        text-align: center;
    }

    #header #topnav {
        display: block;
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 0;
    }

    #container #homepage #intro article {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #DEDEDE;
    }

        #container #homepage #intro article.last {
            padding-bottom: 0;
            border-bottom: none;
        }

    #container #homepage #services article {
        display: block;
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    #container #content, #container #right_column {
        float: none;
        width: auto;
        margin-bottom: 50px;
    }

    aside h2 {
        text-align: left;
    }

    #footer section {
        margin-bottom: 2px;
    }

        #footer section.last {
            margin-bottom: 0;
        }

    #footer {
        padding-top: 0
    }

    #header, #copyright {
        text-align: center;
    }

        #copyright p {
            float: none;
            line-height: .5em;
        }

            #copyright p:first-child {
                margin-bottom: 3px;
            }



    .product_one_quarter {
        line-height: 1em;
        float: left;
        margin-right: 15px;
        min-width: 200px;
    }

        .product_one_quarter p {
            font-size: .3em;
        }

    .one_quarter {
        line-height: 1.6em;
    }

        .one_quarter p {
            font-size: .6em;
        }

    .CatLandingImage {
        float: left;
        text-align: left;
        margin-right: 10px;
        padding: 4 4 4 4;
        height: 171px;
        width: 111px;
    }
}


/* 480px */

@media screen and (min-width : 361px) and (max-width : 600px) {
    #main, #header, #featured_slide, #container, #footer, #copyright, #wrap, #topheader, #hlLogo, #bottom {
        max-width: 100%;
        min-width: 365px;
        margin: 0 auto;
    }

        #topheader img {
            max-width: 460px;
            margin-top: 32px;
            margin-left: auto;
            margin-bottom: 0px;
            margin-right: auto;
        }
    /* #topnav{display:none;}*/
    #rightbuttons {
        display: none;
        width: 0px;
    }

    #leftlinkcontainer {
        float: left;
        margin-left: 5px;
        padding-top: 1px;
        width: 100%;
    }

    #onlinechat {
        display: none;
    }

    #rightbuttons {
        display: none;
        width: 0px;
    }

    #BottomMenu {
        display: inherit;
    }

        #BottomMenu li {
            width: 30%;
            border-left-width: 0px;
        }

            #BottomMenu li:first-child {
                width: 30%;
                border-left-width: 0px;
            }

    #footermenu {
        display: inherit;
    }

        #footermenu h2 {
            padding-bottom: 0px;
            margin-bottom: 5px;
        }

    .flexslider .slides li .flex-caption, .flex-direction-nav, .flex-control-nav {
        display: none;
    }

    .mean-container .mean-bar {
        position: fixed !important;
    }

    #productdetails img {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: auto;
        top: 10px;
        width: 250px;
        height: 250px
    }

    #productdetails #NewImage {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: auto;
        top: 600px;
        left: 400px;
        width: 75px;
        height: 75px;
        float: right;
        position: absolute;
    }

    .product_one_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 2% 0;
        padding: 0
    }

    .one_half, .two_third, .one_third, .two_third, .three_third, .one_quarter, .two_quarter, .three_quarter, .four_quarter,
    .one_fifth, .two_fifth, .three_fifth, .four_fifth, .five_fifth {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 2% 0;
        padding: 0;
    }

    .more {
        text-align: right;
        clear: both;
    }

    #maincontent {
        float: left;
        width: auto;
        margin: 0 0 0 10%;
    }

    #header hgroup {
        display: block;
        width: 100%;
        float: none;
        margin: 0 0 15px 0;
        padding: 0;
        text-align: center;
    }

    #header #topnav {
        display: block;
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 0;
    }


    .pvideobts {
        width: 50%;
        float: right;
    }

    .productvideo {
        width: 150px;
        height: 150px;
    }

    #youtube {
        width: 200px;
        height: 200px;
    }


    #container #homepage #intro article {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #DEDEDE;
    }

        #container #homepage #intro article.last {
            padding-bottom: 0;
            border-bottom: none;
        }

    #container #homepage #services article {
        display: block;
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    #container #content, #container #right_column {
        float: none;
        width: auto;
        margin-bottom: 50px;
    }

    aside h2 {
        text-align: left;
    }

    #footer section {
        margin-bottom: 20px;
    }

        #footer section.last {
            margin-bottom: 0;
        }

    #footer {
        padding-top: 0
    }

    #header, #copyright {
        text-align: center;
    }

        #copyright p {
            float: none;
            line-height: 1.6em;
        }

            #copyright p:first-child {
                margin-bottom: 8px;
            }

    .product_one_quarter {
        width: 33%;
        line-height: 1.6em;
        margin-right: 25px;
        min-width: 200px;
    }

        .product_one_quarter p {
            font-size: .8em;
        }

    .one_quarter {
        width: 33%;
        line-height: 1.6em;
    }

        .one_quarter p {
            font-size: .8em;
        }

    #pnlProductSlider {
        height: 125px;
        width: 90px;
    }

        #pnlProductSlider .SliderImage {
            width: 65px;
            height: 65px;
            padding-right: 0px;
            border-left-style: none;
            border-right-style: none;
            position: relative;
            z-index: 500;
        }

        #pnlProductSlider .SliderImageHiRes {
            width: 65px;
            height: 65px;
            padding-right: 0px;
            display: block;
            position: relative;
            z-index: 600;
        }

    .CatLandingImage {
        float: left;
        text-align: left;
        margin-right: 10px;
        padding: 4 4 4 4;
        height: 171px;
        width: 111px;
    }
}



/* 768px */
/* wide screen on my Droid Turbo */
@media screen and (min-width : 551px) and (max-width : 700px) {
    #main, #header, #featured_slide, #container, #footer, #copyright, #wrap, #topheader, #hlLogo, #bottom {
        max-width: 100%;
        min-width: 551px;
        margin: 0 auto;
    }

        #topheader img {
            max-width: 600px;
            margin-top: 32px;
            margin-left: auto;
            margin-bottom: 0px;
            margin-right: auto;
        }
    /*  #topnav{display:none;}*/
    #toprighthead {
        height: 25px;
    }

    #rightbuttons {
        display: none;
        width: 0px;
    }

    #BottomMenu {
        display: inherit;
    }

        #BottomMenu li {
            border-left-width: 0px;
        }

    #footermenu {
        display: inherit;
    }

        #footermenu h2 {
            padding-bottom: 0px;
            margin-bottom: 5px;
        }

    #leftlinkcontainer {
        float: left;
        margin-left: 5px;
        padding-top: 1px;
        width: 100%;
    }

    #onlinechat {
        display: none;
    }

    #bottom {
        width: 100%;
    }

    #footer {
        padding-top: 0
    }

    .mean-container .mean-bar {
        position: fixed !important;
    }

    #container #homepage #intro article {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #DEDEDE;
    }

    #maincontent {
        float: none;
    }

    .description .header {
        width: 35%;
    }

    .description .detail {
        width: 65%;
        margin-left: 35%
    }

    .pvideobts {
        width: 50%;
        float: left;
    }

    .productvideo {
        width: 150px;
        height: 150px;
    }

    #youtube {
        width: 150px;
        height: 150px;
    }

    #productdetails img {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: auto;
        top: 10px;
        width: 250px;
        height: 250px
    }

    #productdetails #NewImage {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: auto;
        top: 575px;
        left: 400px;
        width: 75px;
        height: 75px;
        float: right;
        position: absolute
    }


    .product_one_quarter {
        width: 43%;
        line-height: 1.6em;
    }

    .product_one_quarter {
        line-height: 1em;
        float: left;
        margin-right: 15px;
    }

        .product_one_quarter p {
            font-size: .8em;
        }



    .one_quarter {
        width: 43%;
        line-height: 1.6em;
    }

        .one_quarter p {
            font-size: .8em;
        }

    .first {
        margin-left: 2.08% !important;
    }

    #pnlProductSlider {
        height: 325px;
        width: 190px;
    }

        #pnlProductSlider .SliderImage {
            width: 165px;
            height: 165px;
            padding-right: 0px;
            border-left-style: none;
            border-right-style: none;
            position: relative;
            z-index: 500;
        }

        #pnlProductSlider .SliderImageHiRes {
            width: 165px;
            height: 165px;
            padding-right: 0px;
            display: block;
            position: relative;
            z-index: 600;
        }

    .CatLandingImage {
        float: left;
        text-align: left;
        margin-right: 10px;
        padding: 4 4 4 4;
        height: 171px;
        width: 111px;
    }
}


/* 768px */
/*551 x 80 */
@media screen and (min-width : 700px) and (max-width : 800px) {
    #main, #header, #featured_slide, #container, #footer, #copyright, #wrap, #topheader, #hlLogo, #bottom {
        max-width: 100%;
        min-width: 710px;
        margin: 0 auto;
    }

        #topheader img {
            max-width: 730px;
            margin-top: 32px;
            margin-left: auto;
            margin-bottom: 0px;
            margin-right: auto;
        }
    /*#topnav{display:none;}*/
    #TopMenu {
        font-size: .9em;
    }

        #TopMenu li {
            margin-left: 5px;
            padding-left: 5px;
            margin-right: 5px;
            padding-right: 5px;
            border-right-width: 0px;
        }

    #BottomMenu {
        display: none;
    }

        #BottomMenu li {
            border-left-width: 0px;
        }

    #footermenu {
        display: none;
    }

        #footermenu h2 {
            padding-bottom: 0px;
            margin-bottom: 5px;
        }

    #leftlinkcontainer {
        float: left;
        margin-left: 5px;
        padding-top: 1px;
        width: 100%;
    }

    .mean-container .mean-bar {
        position: fixed !important;
    }

    #container #homepage #intro article {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #DEDEDE;
    }

    .pvideobts {
        width: 50%;
        float: right;
    }

    .productvideo {
        width: 200px;
        height: 200px;
    }

    #youtube {
        width: 200px;
        height: 200px;
    }

    #productdetails img {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: auto;
        top: 10px;
        width: 350px;
        height: 350px
    }

    #productdetails #NewImage {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: auto;
        top: 800px;
        left: 500px;
        width: 75px;
        height: 75px;
        float: right;
        position: absolute;
    }


    #footer {
        padding-top: 0
    }

    .product_one_quarter {
        width: 33%;
        line-height: 1.6em;
    }

        .product_one_quarter p {
            font-size: .8em;
        }

    .one_quarter {
        width: 33%;
        line-height: 1.6em;
    }

        .one_quarter p {
            font-size: .8em;
        }
}

#pnlProductSlider {
    height: 325px;
    width: 290px;
}

    #pnlProductSlider .SliderImage {
        width: 265px;
        height: 265px;
        padding-right: 0px;
        border-left-style: none;
        border-right-style: none;
        position: relative;
        z-index: 500;
    }

    #pnlProductSlider .SliderImageHiRes {
        width: 265px;
        height: 265px;
        padding-right: 0px;
        display: block;
        position: relative;
        z-index: 600;
    }

.CatLandingImage {
    float: left;
    text-align: left;
    margin-right: 10px;
    padding: 4 4 4 4;
    height: 271px;
    width: 211px;
}

/* 960px */

@media screen and (min-width: 801px) and (max-width : 960px) {
    #main, #header, #featured_slide, #container, #footer, #copyright, #wrap, #topheader, #hlLogo, #bottom {
        max-width: 100%;
        min-width: 750px;
        margin: 0 auto;
        width: auto;
    }

        #topheader img {
            max-width: 890px;
            margin: 0 auto 0, auto;
        }

    #TopMenu {
        font-size: .9em;
    }

        #TopMenu li {
            margin-left: 5px;
            padding-left: 5px;
            margin-right: 5px;
            padding-right: 5px;
            border-right-width: 0px;
        }

    #BottomMenu {
        display: none;
    }

        #BottomMenu li {
            border-left-width: 0px;
        }

    #footermenu {
        display: none;
    }

        #footermenu h2 {
            padding-bottom: 0px;
            margin-bottom: 5px;
        }

    #leftlinkcontainer {
        float: left;
        margin-left: 5px;
        padding-top: 1px;
        width: 100%;
    }

    #container #homepage #intro article {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #DEDEDE;
    }

    #footer {
        padding-top: 0
    }

    #productdetails img {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: auto;
        top: 10px;
        width: 350px;
        height: 350px
    }

    #productdetails #NewImage {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: auto;
        top: 775px;
        left: 525px;
        width: 75px;
        height: 75px;
        float: right;
        position: absolute;
    }


    .product_one_quarter {
        width: 27%;
    }

    .one_quarter {
        width: 27%;
    }


    #pnlProductSlider {
        height: 425px;
        width: 390px;
    }

        #pnlProductSlider .SliderImage {
            width: 365px;
            height: 365px;
            padding-right: 0px;
            border-left-style: none;
            border-right-style: none;
            position: relative;
            z-index: 500;
        }

        #pnlProductSlider .SliderImageHiRes {
            width: 365px;
            height: 365px;
            padding-right: 0px;
            display: block;
            position: relative;
            z-index: 600;
        }

    .CatLandingImage {
        float: left;
        text-align: left;
        margin-right: 10px;
        padding: 4 4 4 4;
        height: 371px;
        width: 311px;
    }
}

/*------------------------------------*\
    Media Queries 960 px
\*------------------------------------*/
@media screen and (min-width : 961px)
/*@media screen and (min-width: 960px) */
{
    #main, #header, #featured_slide, #container, #footer, #copyright, #wrap, #topheader, #hlLogo, #bottom {
        max-width: 100%;
        min-width: 965px;
        margin: 0 auto;
    }

        #topheader img {
            max-width: 960px;
            margin: 0 auto;
        }

    #BottomMenu {
        display: none;
    }

        #BottomMenu li {
            border-left-width: 0px;
        }

    #footermenu {
        display: none;
    }

        #footermenu h2 {
            padding-bottom: 0px;
            margin-bottom: 5px;
        }

    #footer {
        padding-top: 0
    }

    #productdetails img {
        padding-right: 0px;
        padding-bottom: 5px;
        z-index: auto;
        top: 10px;
        width: 400px;
        height: 400px
    }

    #productdetails #NewImage {
        padding-right: 5px;
        padding-bottom: 5px;
        z-index: auto;
        top: 800px;
        left: 675px;
        width: 75px;
        height: 75px;
        float: right;
        position: absolute;
    }

    #pnlProductSlider {
        height: 525px;
        width: 490px;
    }

        #pnlProductSlider .SliderImage {
            width: 465px;
            height: 465px;
            padding-right: 0px;
            border-left-style: none;
            border-right-style: none;
            position: relative;
            z-index: 500;
        }

        #pnlProductSlider .SliderImageHiRes {
            width: 465px;
            height: 465px;
            padding-right: 0px;
            display: block;
            position: relative;
            z-index: 600;
        }

    .CatLandingImage {
        float: left;
        text-align: left;
        margin-right: 10px;
        padding: 4px 4px 4px 4px;
        height: 471px;
        width: 411px;
    }

    .CatLandingText {
        float: right;
        text-align: left;
    }
}

/*new*/

#topheader #logoimage {
    content: url("FeylineImages/header.png");
    height: 4em;
    min-width: 4em;
    margin: unset;
}

#wrap {
    width: 100vw;
    max-width: unset;
}

#topheader {
    background-color: #333F48;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100vw;
    max-width: unset;
    height: 6em;
    margin-bottom: 1em;
}

#topnav {
    border: none;
    order: 2;
}

#main {
    max-width: unset;
    width: 100%;
    display: flex;
    justify-content: center;
}

#mnuMain .mnuMain_1 {
    color: white;
    font-size: 16px !important;
    padding-right: 25px;
}

#lblLoginName, #lkLogout, #lkChangePassword {
    color: white;
    padding: 0;
    margin: 0;
}

.headerlogin {
    width: unset;
}

    .headerlogin span {
        padding: 0;
        margin: 0;
    }

#toprighthead {
    height: unset;
    width: unset;
    order: 3;
}

#hlogin {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    column-gap: 1em;
    margin: 0;
    padding: 0;
}

#lblLoginName, #lkLogout, #lkChangePassword {
    font-size: 16px;
    font-weight: normal;
}

#footer {
    display: none;
}