@charset "utf-8";
/* CSS Document */

table.mainTable td.Navigation {
    width: 200px;
    background: #d9e9f5;
    border-right: #CCCCCC 1px solid;
    padding-left: 2px;
}
/*table.mainTable td.Navigation ul { list-style: url("../images/Icon/Gray_arrow_Right.png") inside; /*padding-left: 22px; }*/
ul#navigation li {
    list-style: none outside;
    vertical-align: middle; /*text-indent: -22px;*/
}

    ul#navigation li div {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
    }
    /*ul#navigation li.selected { background: #13254c; }
*/
    ul#navigation li.selected {
        background: #fff;
    }

ul#navigation a {
    font-family: verdana,helvetica,arial,sans-serif;
    font-size: 0.9em;
    font-style: normal;
    color: black;
    font-weight: normal;
    text-decoration: none;
}

ul#navigation li ul {
    display: none;
}

    ul#navigation li ul.selected {
        display: block;
    }
    /*ul#navigation li ul li {padding-left: 20px; background: rgb(238, 238, 238);}*/
    ul#navigation li ul li {
        padding-left: 20px;
        background: rgb(255, 255, 255);
    }

        ul#navigation li ul li:hover {
            background-color: rgb(238, 238, 238);
            border-radius: 4px; /* Rounded edges */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); /* Shadow effect */
            /*padding: 0;*/ /* Optional: adds spacing for a nicer look */
            transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }

        ul#navigation li ul li.selected {
            background: rgb(238, 238, 238);
        }

.selected-link {
    color: blue;
}

i.bi-chevron-right,
i.bi-chevron-down {
    display: inline-block;
    transition: transform 0.3s ease;
}

.fantechColour {
    color: #337AB7 !important;
}

.fantechColourBg {
    background-color: #337AB7 !important;
}
/*table.mainTable td.Navigation ul li:hover > ul { display: block; } */
table.mainTable td.Content div.InnerContent {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

table.rangeTable {
    width: 100%;
}

    table.rangeTable th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        font-weight: normal;
        color: #222;
        border-bottom: #EEEEEE 1px solid;
        padding: 5px;
    }

    table.rangeTable td {
        font-family: Century Gothic, Trebuchet, Tahoma, Arial;
        font-size: 8pt;
        color: #000000;
        padding: 5px;
        border-bottom: #EEEEEE 1px solid;
    }

        table.rangeTable td.Product a {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12pt;
            font-weight: bold;
            color: #000;
            text-decoration: underline;
        }

/* table.dataTable 
    Size pageTitle and SectionTitle incresed and font-weight went to normal
*/
.PageTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19pt;
    font-weight: normal;
    color: #222;
    margin: 20px 0px 20px;
    padding-bottom: 10px;
    border-bottom: #EEEEEE 1px solid;
}

.PageTitleNoLine {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19pt;
    font-weight: normal;
    color: #222;
    margin: 20px 0px 20px;
    padding-bottom: 10px;
}

.PageTitleWhite {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19pt;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
}

.SectionTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16.5pt;
    font-weight: normal;
    color: #222;
    margin-top: 25px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: normal;
}

.SectionTitleSub {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: normal;
    color: #222;
    margin-bottom: 10px;
    overflow: hidden;
}

.SectionTitle a {
    text-decoration: none;
    color: #222
}

.SectionTitle .offset10 {
    margin-top: 19.148936170212764%;
    *margin-top: 19.04255319148936%
}

.offset10 {
    margin-top: 10px
}

.ProductImage {
    width: 100%;
    background: url(../images/Products/product_bg.jpg);
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-repeat: no-repeat
}

.ProductImage_two {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background: url(../images/Products/backgrounds.jpg );
    float: none;
    text-align: center
}

.ImageMain {
    float: left;
    width: 300px;
    text-align: center;
    margin: 20px;
    clear: both;
    padding-top: 20px
}

.ImageMain_FanData {
    max-width: 320px
}

.TopIcons {
    float: right;
    height: 32px;
    padding-top: 5px
}

.ImageDimension {
    margin-left: 14px;
    width: 728px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
    border-left: #EEEEEE 1px solid;
    border-right: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
}

.PrintPageTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: bold;
    color: #222;
    margin-top: 10px;
    margin-bottom: 10px;
}

.PrintSectionTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    color: #222;
    border-bottom: #EEEEEE 1px solid;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.PrintContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.PrintContentBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
}


ul {
    list-style: inside disc
}

.privacy {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.35em;
}

    .privacy a {
        color: #16A7D5
    }

        .privacy a:hover {
            text-decoration: underline
        }

    .privacy strong {
        font-weight: bold;
        font-size: 15px;
    }

.privacy_company {
    font-size: 16px;
    color: #16A7D5;
}

.privacy ul {
    list-style-type: square
}

    .privacy ul li {
        font-size: 16px;
    }

ul.sub_policy li {
    list-style-type: square !important;
}

ol.privacy_list li {
    list-style-type: decimal;
    line-height: 2.2em;
    font-size: 13px;
    color: black;
}