/******************** Generic Style ********************/
@font-face {
    font-family: 'CenturyGothic';
    src: url('../../files/misc/CenturyGothic.ttf') format("TrueType"), url('../../files/misc/CenturyGothicStd.otf') format("OpenType");
}

@font-face {
    font-family: 'CenturyGothicBold';
    src: url('../../files/misc/CenturyGothicBold.ttf') format("TrueType"), url('../../files/misc/CenturyGothicStd-Bold.otf') format("OpenType");
}

@font-face {
    font-family: 'CenturyGothicBoldItalic';
    src: url('../../files/misc/CenturyGothicBoldItalic.ttf') format("TrueType"), url('../../files/misc/CenturyGothicStd-BoldItalic.otf') format("OpenType");
}
 
body {
    background: transparent;
}

    body.isnothome .ct_inner {
        background-color: #ffffff;
        padding: 30px;
    }

.container {
    /*width: 1000px;*/
}

.contextMenu {
    top: -2.5rem !important;
    padding: 0 !important;
    z-index: 1;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

    .contextMenu a,
    .contextMenu a:link,
    .contextMenu a:active,
    .contextMenu a:visited,
    .contextMenu a:focus {
        padding: 0.5rem 1rem 0.5rem 2rem !important;
        color: red;
        display: block;
        line-height: normal;
        font-size: 0.75rem;
    }

#content-body {
    min-height: 300px;
    position: relative;
}

#ct.nothp {
    padding: 0 0 50px 0;
}


img {
    max-width: 100%;
}


.img_border {
    border: 1px solid #948e8e;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    font-weight: normal;
    color: #3d4251;
}

h1 {
    font-size: 30px;
}

.isnothome h1 {
    margin: 0 0 25px 0px;
    font-size: 30px;
}

h2 {
    font-size: 27px;
}

#ct.nothp h1.slider_title {
    padding: 30px 0;
}

#ct.hp h1 {
    font-size: 2rem;
    line-height: normal;
    margin: 1.5rem 0;
}

#ct.hp #welcome_box h1 {
    margin-top: 0;
}


h2 {
    font-size: 24px;
}


h3 {
    font-size: 20px;
}

p, div {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #3d4251;
    font-size: 11pt;
    line-height: 25px;
}

.bottom_margin {
    margin-bottom: 30px;
}

.no_margin {
    margin: 0;
}

.icon_plus {
    position: absolute;
    bottom: 11px;
    left: 11px;
    width: 30px;
    height: 30px;
    width: 30px;
    height: 30px;
    background: transparent url("../../../i/icon_plus.png") 0 50% no-repeat;
}

.icon_download {
    position: relative;
    background: transparent url("../../../i/pdfsml.gif") 0 50% no-repeat;
    display: block;
    padding-left: 30px;
}

.edit_ctrl, .edit_control {
    font-size: 12px;
    line-height: 25px;
    /*display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;*/
    display: block;
    /*text-align: center;*/
    margin-bottom: 10px;
    vertical-align: top;
}

.clear_l {
    clear: left;
    margin-top: -1px;
    height: 1px;
    overflow: hidden;
}

.label {
    line-height: normal;
    color: #666;
    vertical-align: text-bottom;
    background: none;
    white-space: normal;
    text-shadow: none;
    border-radius: initial;
    padding: 0;
}

.no_display {
    display: none;
}

#cms_cpanel input,
#cms_cpanel select,
#cms_cpanel textarea,
#cms_edit select,
#cms_edit input,
#cms_edit textarea {
    font-family: Arial,sans-serif;
    line-height: normal !important;
}

/*Fixing Edit View Pop up Picker style Issue*/
.cms_ui_closer {
    top: -9px !important;
}

.cms_ui_toolwindow h3.cms_ui_winhdr {
    width: 98%;
    line-height: normal;
}

.cms_ui_toolsizer img {
    vertical-align: top !important;
}
/*For login page*/

.logintext {
    font-size: 14px;
    padding-right: 10px;
}

.login_splitnotice {
    margin-top: 20px;
}

.cms_loginform p:first-child {
    margin-left: -27px;
}

.iasp_note {
    color: red;
    font-size: 13px;
    text-align: center;
}
/*For change password button show hide*/
div.show_row {
    display: block;
}

div.hide_row {
    display: none;
}

.password-strength > img {
    padding-left: 5px;
}

.progress {
    width: 315px;
    height: 20px;
    top: 5px;
}

.ui-dialog .progress {
    top: 0;
}

.password-strength > #data_text01 {
    border-color: #EEE;
}
/******************** End of Generic Style *****************************/
/******************** Start of Side Menu *****************************/

.showSideMenu_True .detail {
    width: 78%;
    margin-left: 22%;
}

ul.side_menu {
    width: 22%;
    margin: 0;
    vertical-align: top;
    list-style: none;
    padding-right: 10px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 65px;
}

.showSideMenu_True.isAdmin ul.side_menu {
    top: 61px;
}

ul.side_menu li a,
ul.side_menu li a:link,
ul.side_menu li a:active,
ul.side_menu li a:visited {
    font-size: 13px;
    color: #929292;
    text-decoration: none;
}

    ul.side_menu li a:hover {
        color: #000;
    }

ul.side_menu li.active a,
ul.side_menu li.active a:link,
ul.side_menu li.active a:active,
ul.side_menu li.active a:visited {
    color: #000;
    font-weight: 600;
}

ul.side_menu li.parent_name a,
ul.side_menu li.parent_name a:link,
ul.side_menu li.parent_name a:active,
ul.side_menu li.parent_name a:visited {
    color: #000;
    display: block;
    font-weight: normal;
    line-height: normal;
    font-size: 22px;
    padding: 0 0 20px 0;
    margin: 0;
}

    ul.side_menu li.parent_name a:hover {
        color: #000;
        font-weight: 300;
    }

.detail.pro_pri_cat ul.side_menu li.parent_name {
    white-space: nowrap;
}

.detail.pro_pri_cat .footer_cat_smenu ul.side_menu li.parent_name {
    white-space: normal;
}


ul.side_menu li.parent_name {
    pointer-events: none;
    cursor: default;
}

#ct.nothp .detail .collections_cat_smenu + h1 {
    color: #fff;
}

.noSideMenu ul.side_menu {
    display: none !important;
}

.noSideMenu #content-body {
    width: 100%;
    float: none;
}
/******************** End of Side Menu *****************************/
/******************** Link and default button style ********************/
a:focus {
    outline: none !important;
}

a,
a:link,
a:active,
a:visited,
a:focus {
    color: #202020;
    text-decoration: underline;
}

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

.btn_global,
.btn_global:link,
.btn_global:active,
.btn_global:visited,
input.button,
.cms_endform_buttons input,
.tbl_form_2015.registration-form #btn_changepwd {
    background-color: #3d4251;
    /*-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;*/
    color: #ffffff;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    padding: 8px 22px;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    vertical-align: middle;
    border: none;
}

.btn_top_dark,
.btn_top_dark:link,
.btn_top_dark:active,
.btn_top_dark:visited,
.btn_top_dark:focus,
#requestform_submit,
.enquiry_btn .button, input.button, .cms_endform_buttons input {
    font-size: 11pt;
    text-align: center;
    color: #fff;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    line-height: normal;
    padding: 10px 25px;
    text-decoration: none;
}

    .btn_top_dark:hover,
    .enquiry_btn .button:hover,
    input.button {
        cursor: pointer;
        text-decoration: none;
    }

.btn_cta,
.btn_cta:link,
.btn_cta:active,
.btn_cta:visited,
.btn_cta:focus {
    font-size: 11pt;
    text-align: center;
    /*border: 1px solid #5e829c;*/
    background: #202020;
    color: #ffffff;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    line-height: normal;
    padding: 4px 25px;
    text-decoration: none;
}

    .btn_cta:hover {
        cursor: pointer;
        background: #948e8e;
        color: #ffffff;
        text-decoration: none;
        background: #1f4769;
    }


input.button:hover {
    cursor: pointer;
    text-decoration: none;
}
/******************** End of Link and default button style ********************/
/******************** Style for top bar ***************************************/
#top_bar {
    background-color: #000000;
    position: relative;
    z-index: 1;
    height: 5vh;
    overflow: hidden;
    text-align: right;
}

    #top_bar .contextMenu {
        left: -30px;
        top: 5px;
        right: initial;
    }

#top_bar_inner {
    position: relative;
}

.top_btn {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: middle;
    height: 38px;
    overflow: hidden;
    line-height: normal;
}

.top_text {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: middle;
    padding-left: 10px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: normal;
    overflow: hidden;
}
/*Style for top special*/
#top_special {
    height: 50px;
    line-height: 50px;
}
/** 20141201 Style For Minicart Box **/
div.minicart_box {
    height: 37px;
    margin-left: 10px;
    z-index: 1003;
}

    div.minicart_box.fixed {
        width: 573px;
    }

    div.minicart_box .minicart_box_inner {
        margin-top: 2px;
    }

.minicart_box {
    height: 33px;
}

    .minicart_box.fixed {
        width: 190px;
    }

    .minicart_box .minicart_ctrl {
        height: 33px;
    }

        .minicart_box .minicart_ctrl .minicart_ctrl_inner {
            border: none;
            width: 175px;
            height: 33px;
            background: #21c4e3;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border: 2px solid #21c4e3;
            margin-top: -2px;
        }

    .minicart_box .minicart.open .minicart_ctrl .minicart_ctrl_inner {
        /*border-color: transparent;*/
        border-color: #21c4e3;
        border-bottom: none;
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .minicart_box .minicart_ctrl .minicart_ctrl_inner .minicart_icon {
        height: 33px;
        width: 25px;
        background-size: auto 20px;
        margin: 0;
        background-position: 0 55%;
        background-image: url('/i/icon_cart_top_white.svg');
    }

    .minicart_box .minicart_ctrl .triangle_left {
        /*border-right: 10px solid #88d5ef;*/
        left: -6px;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: 6px solid #ffffff;
    }

    .minicart_box .minicart_ctrl .item_no {
        margin: 7px 10px 0 10px;
        height: auto;
    }

@-moz-document url-prefix() {
    .minicart_box .minicart_ctrl .item_no {
        margin: 6px 10px 0 10px;
    }
}

.minicart_box .minicart_ctrl .item_no .item_no_value {
    color: #241818;
    max-width: 25px;
    width: 25px;
    overflow: hidden;
    padding: 3px;
}

.minicart_box .minicart_ctrl .item_no .bg_grey {
    /*background-color: #88d5ef;*/
}

.minicart .img-rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn_minicart:hover, .btn_minicart input.button:hover {
    background: #8BC245;
}

.minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_minicart,
.minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_minicart:link,
.minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_minicart:active,
.minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_minicart:visited {
    margin-top: 5px;
    font-size: 15px;
    line-height: normal;
    padding: 2px 15px;
    text-transform: capitalize;
}

@-moz-document url-prefix() {
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_minicart,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_minicart:link,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_minicart:active,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_minicart:visited {
        margin-top: 5px;
    }
}

.minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top {
    width: auto;
}

    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey:link,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey:active,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey:visited,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey:focus,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey:hover {
        margin-top: 6px;
        width: 50px;
        font-size: 13px;
        color: #a9a9a9;
        font-weight: normal;
        line-height: 22px;
        padding: 0 20px;
        height: auto;
    }

@-moz-document url-prefix() {
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey:link,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey:active,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey:visited,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey:focus,
    .minicart_box .minicart_ctrl .minicart_ctrl_inner .btn_checkout_top.btn_grey:hover {
        margin-top: 5px;
    }
}

.minicart {
    width: 190px;
}

.minicart_inner {
    right: 0 !important;
    top: 36px !important;
    left: initial !important;
    width: 500px;
    text-align: left;
    left: -310px !important;
}

.minicart_box.fixed .minicart_inner {
    top: 35px !important;
}

.minicart_inner2 {
    border-color: #21c4e3;
    margin-top: -2px;
    -webkit-border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
}

.minicart_top .minicart_title {
    padding: 15px 10px;
}

.minicart_inner .minicart_totals .minicart_totals_inner {
    padding: 10px 10px 0;
}

div.minicart_box.fixed + div.minicart_notification {
    right: inherit !important;
    float: right;
    margin-left: -90px;
}

div.minicart_notification .minicart_notification_inner {
    border-color: #5f64af;
}

    div.minicart_notification .minicart_notification_inner .col2 {
        text-align: left;
    }

.full_cart select.dropdown {
    max-width: 100%;
}

.minicart_row .col5.tobeconfirmed {
    width: 35%;
}
/*Style for cart box*/
#cart_box {
    height: 50px;
    line-height: 50px;
}


    #cart_box .cart_content {
        height: 50px;
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        color: #fb8221;
    }

.cart_content a, .cart_content .total {
    color: #010000;
}

#cart_box #check_out_btn {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: middle;
    margin-left: 10px;
    height: 38px;
    overflow: hidden;
}
/* top search bar*/
.search_box {
    background: #fff;
    width: 13rem;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    margin: 1vh 0;
    padding: 0.5vh 0.75vh;
    line-height: 2vh;
    font-size: 12pt;
    height: 2vh;
    text-align: left;
}

img.img_bf_search {
    margin-top: -2px;
}

span.btnAjaxSearch {
    display: none;
}

input#srchQry {
    border: none;
    line-height: normal;
    vertical-align: middle;
    font-size: 0.75em;
}

    input#srchQry:focus {
        outline: none;
        border: none;
    }

.search_box input[name='searchlist'] {
    border: none;
    height: 2vh;
    line-height: 2vh;
    vertical-align: top;
    color: #3d4251;
    font-size: 0.75rem;
}

    .search_box input[name='searchlist']:focus {
        outline: none;
        border: none;
    }
/******************** End of Style for top bar ******************************/
/******************** Style for header **************************************/
.fixedposition {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100vw;
    height: 23vh;
}

#ct.hp {
    top: 23vh;
    position: relative;
}

.relativepostion {
    position: relative;
}

.head_overlay {
    z-index: 1;
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    border-bottom: 1px solid #efefef;
}

.isnothome .head_overlay {
    border-bottom: 1px solid #efefef;
}

#head {
    background-color: transparent;
}

    #head #head_inner {
        z-index: 2;
        padding: 0;
        height: 18vh;
        overflow: visible;
    }

/* Logo */
#logo {
    position: relative;
    z-index: 3;
}

    #logo a {
        display: block;
        text-align: left;
    }

        #logo a img {
            padding: 0.5vh 0;
            height: 17vh;
            max-width: 100%;
            max-height: 100%;
        }

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}
/******************** End of Style for header ********************/
/******************** Style for Top Menu *************************/
ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 3;
    overflow: hidden;
}

    ul.menu li {
        display: -webkit-inline-flex;
        display: inline-flex;
        overflow: hidden;
    }

        ul.menu li.f {
            background: none;
        }

        ul.menu li.home a {
            background-image: url(/i/icon_home.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 20px auto;
            width: 1.5rem;
        }

        ul.menu li a,
        ul.menu li a:link,
        ul.menu li a:active,
        ul.menu li a:visited,
        ul.menu li a:hover {
            display: block;
            color: #000001;
            font-size: 11pt;
            font-family: brandon-grotesque,'Open Sans', sans-serif;
            font-weight: bold;
            text-decoration: none;
            padding: 0.5rem;
            text-transform: uppercase;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.menu li a:hover {
                opacity: 0.7;
                filter: alpha(opacity=70);
            }

.menu_overlay {
    z-index: 1;
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.no_transparent {
    opacity: 1;
    filter: alpha(opacity=100);
}

#main_menu {
    background-color: transparent;
    position: relative;
    z-index: 3;
}

ul.menu.main > li {
    border: none;
}

    ul.menu.main > li > a,
    ul.menu.main > li > a:link,
    ul.menu.main > li > a:active,
    ul.menu.main > li > a:visited,
    ul.menu.main > li > a:hover {
        padding: 1vh 0.5rem;
        height: 16vh;
        line-height: 16vh;
    }

    ul.menu.main > li > ul {
        opacity: 0;
        position: absolute;
        border: none;
        margin: 0;
        left: 0;
        right: 0;
        top: 100%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility 0s, opacity 0.5s linear;
        -moz-transition: visibility 0s, opacity 0.5s linear;
        -o-transition: visibility 0s, opacity 0.5s linear;
        transition: visibility 0s, opacity 0.5s linear;
        background: #fff;
        text-align: left;
        border: 1px solid #efefef;
        border-top: none;
    }

        ul.menu.main > li > ul a,
        ul.menu.main > li > ul a:link,
        ul.menu.main > li > ul a:active,
        ul.menu.main > li > ul a:visited,
        ul.menu.main > li > ul a:hover {
            font-size: 10pt;
            padding: 0.5rem 1rem;
            line-height: normal;
        }

    ul.menu.main > li:hover > ul {
        visibility: visible;
        opacity: 1;
    }

    ul.menu.main > li > ul > li {
        *display: inline;
        _height: 30px;
        zoom: 1;
        line-height: normal;
        height: auto;
        min-height: unset;
        font-size: unset;
        display: block;
    }

    ul.menu.main > li:hover > a {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        ul.menu.main > li:hover > a:after {
            content: "\a0";
            display: block;
            line-height: 1px;
            border-bottom: 2px solid #000001;
        }
/*Style for dropdown menu*/
div.dropdown {
    min-width: 220px;
    color: #FFF;
    background: #00B1E6;
    border: 1px solid #ffffff;
    border-top: none;
    position: absolute;
    display: none;
    left: 0px;
    margin: -1px 0 0 0;
    z-index: 2000;
    text-align: left;
}

    div.dropdown ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    div.dropdown li {
        margin: 0;
        padding: 0;
    }

.dropdown a, .dropdown a:link, .dropdown a:visited, .dropdown a:active {
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    display: block;
    margin: 0;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-decoration: none;
    padding: 5px 20px;
    background-repeat: no-repeat;
    background-position: 20px center;
}

    .dropdown a:hover {
        color: #00b1e6;
        text-decoration: none;
        background-color: #F3F3F3;
    }
/*For separator*/
div.separator {
    height: 106px;
}

div.separator_inner {
    height: 6px;
    padding: 50px 0;
}

div.separator_block {
    /*height: 6px;*/
    height: 2px;
    float: left;
}

.separator_inner_1, .separator_inner_5 {
    width: 6%;
}

.separator_inner_2, .separator_inner_4 {
    width: 8%;
}

.separator_inner_3 {
    width: 72%;
}

/*For different page color*/
/*Blue*/
.bg_blue #top_main_menu_inner {
    background: #948e8e;
    position: relative;
}

.bg_blue .btn_top_dark,
.bg_blue .btn_top_dark:link,
.bg_blue .btn_top_dark:active,
.bg_blue .btn_top_dark:visited,
.bg_blue .btn_top_dark:focus,
.bg_blue .btn_cta,
.bg_blue .btn_cta:link,
.bg_blue .btn_cta:active,
.bg_blue .btn_cta:visited,
.bg_blue .btn_cta:focus, input.button {
    background: #3d4251;
}

input.button {
    border: none;
    border-radius: 6px;
}



.btn_green,
.btn_green:link,
.btn_green:active,
.btn_green:visited,
.btn_green:focus {
    background: #948e8e;
    zoom: 1;
    line-height: normal;
    padding: 10px 25px;
    text-decoration: none;
    color: #fff;
}

.btn_top_dark:hover,
.bg_blue .btn_top_dark:hover,
.bg_blue .btn_cta:hover,
.btn_global:hover {
    background: #948e8e;
    color: #fff;
}


.bg_blue .separator_inner_1,
.bg_blue .separator_inner_5 {
    /*background: #202020;*/
    background: #3d4251;
}

.bg_blue .separator_inner_2,
.bg_blue .separator_inner_4 {
    /*background: #948e8e;*/
    background: #3d4251;
}

.bg_blue .separator_inner_3 {
    /*background: #e1e1e1;*/
    background: #3d4251;
}

.bg_blue div.dropdown {
    background: #202020;
}

    .bg_blue div.dropdown a:hover {
        background: #948e8e;
    }
/*Dark Blue*/
.bg_dark_blue #top_main_menu_inner {
    background: #002C40;
}

.bg_dark_blue .btn_top_dark,
.bg_dark_blue .btn_top_dark:link,
.bg_dark_blue .btn_top_dark:active,
.bg_dark_blue .btn_top_dark:visited,
.bg_dark_blue .btn_top_dark:focus,
.bg_dark_blue .btn_cta,
.bg_dark_blue .btn_cta:link,
.bg_dark_blue .btn_cta:active,
.bg_dark_blue .btn_cta:visited,
.bg_dark_blue .btn_cta:focus {
    background: #002C40;
}

.bg_dark_blue .separator_inner_1,
.bg_dark_blue .separator_inner_5 {
    background: #002C40;
}

.bg_dark_blue .separator_inner_2,
.bg_dark_blue .separator_inner_4 {
    background: #116B94;
}

.bg_dark_blue .separator_inner_3 {
    background: #ABC8E2;
}

.bg_dark_blue div.dropdown {
    background: #002C40;
}

    .bg_dark_blue div.dropdown a:hover {
        background: #116B94;
    }
/*Light Blue*/
.bg_light_blue #top_main_menu_inner {
    background: #00B1FF;
}

.bg_light_blue .btn_top_dark,
.bg_light_blue .btn_top_dark:link,
.bg_light_blue .btn_top_dark:active,
.bg_light_blue .btn_top_dark:visited,
.bg_light_blue .btn_top_dark:focus,
.bg_light_blue .btn_cta,
.bg_light_blue .btn_cta:link,
.bg_light_blue .btn_cta:active,
.bg_light_blue .btn_cta:visited,
.bg_light_blue .btn_cta:focus {
    background: #00B1FF;
}

.bg_light_blue .separator_inner_1,
.bg_light_blue .separator_inner_5 {
    background: #00B1FF;
}

.bg_light_blue .separator_inner_2,
.bg_light_blue .separator_inner_4 {
    background: #54C7FF;
}

.bg_light_blue .separator_inner_3 {
    background: #BFE2F8;
}

.bg_light_blue div.dropdown {
    background: #00B1FF;
}

    .bg_light_blue div.dropdown a:hover {
        background: #54C7FF;
    }
/*Green*/
.bg_green #top_main_menu_inner {
    background: #268217;
}

.bg_green .btn_top_dark,
.bg_green .btn_top_dark:link,
.bg_green .btn_top_dark:active,
.bg_green .btn_top_dark:visited,
.bg_green .btn_top_dark:focus {
    background: #268217;
}

.bg_green .separator_inner_1,
.bg_green .separator_inner_5 {
    background: #268217;
}

.bg_green .separator_inner_2,
.bg_green .separator_inner_4 {
    background: #6dba61;
}

.bg_green .separator_inner_3 {
    background: #bde1b8;
}

.bg_green div.dropdown {
    background: #6dba61;
}

    .bg_green div.dropdown a:hover {
        background: #268217;
    }

/******************** End of Style for Top Menu ****************************************/
/******************** Style for Products Category Sub Menu *****************************/
#sub_menu {
    height: 40px;
    background-color: #6a9c1d;
    text-align: center;
}

    #sub_menu #sub_menu_inner {
        /*background-color:#6a9c1d;*/
    }

    #sub_menu ul {
        list-style: none;
        margin: 0;
    }

        #sub_menu ul li {
            display: inline-block;
            *display: inline;
            _height: 30px;
            zoom: 1;
            height: 40px;
            line-height: 40px;
            padding: 0 10px;
            border-left: 1px solid #FFF;
        }

            #sub_menu ul li:first-child {
                border: none;
            }

            #sub_menu ul li a,
            #sub_menu ul li a:link,
            #sub_menu ul li a:active,
            #sub_menu ul li a:visited,
            #sub_menu ul li a:focus {
                display: block;
                color: #FFF;
                font-size: 11px;
            }
/******************** End of Style for Products Category Sub Menu *****************************/
/******************** Style for Slider ********************************************************/
/* Full Screen Setting */
.fullscreen {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 77vh;
    overflow: hidden;
}

    .fullscreen .placeholder {
        background-color: transparent;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

        .fullscreen .placeholder > img {
            z-index: 6;
            position: absolute; 
            top: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            -webkit-transition-property: opacity;
            transition-property: opacity;
            -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
            -webkit-transition-duration: 2s;
            transition-duration: 2s;
            overflow: hidden;
        }

            .fullscreen .placeholder > img.loaded {
                opacity: 1;
            }

        .fullscreen .placeholder img.img-small {
            z-index: 5;
            position: relative;
            filter: blur(50px);
            /* this is needed so Safari keeps sharp edges */
            transform: scale(1);
            width: 100%; 
        }

/* HP Slider Outter Div */
#hp_slider {
    position: relative;
    background-color: #f0f0f0;
}

#hp_slider_inner {
    position: relative;
    height: 100%;
    width: 100%;
}

/* Carousel Items */
#myCarousel .placeholder > img {
    /*min-width: 100vw;
    min-height: 77vh;
    max-width: none;
    width: auto;
    height: auto;*/
}

.carousel-fade .carousel-inner .item {
    height: 100%;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    overflow: hidden;
}
.carousel-inner {
    width: 100%;
    height: 100%;
}
.carousel-inner > .active {
    height: 100%;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    position: absolute;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (orientation:landscape) {
    #myCarousel .placeholder > img {
        /*width: auto !important;
        top: 0;
        height: 100% !important;
        left: initial !important;*/
    }
}
/* Overlay */
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 0;
    z-index: 7;
}

.overlay_base {
    z-index: 1;
    position: absolute;
    background-color: transparent;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.overlay_inner {
    z-index: 2;
    position: relative;
    height: auto;
    overflow: hidden;
}

.overlay_title {
    overflow: visible;
    text-align: left;
    margin-top: 28vh;
    width: 40vw;
    position: relative;
    margin-left: 10vw;
}

.overlay_inner_title {
    color: #ffffff;
    font-family: CenturyGothic, brandon-grotesque,'Open Sans', sans-serif;
    font-size: 30pt;
    line-height: normal;
    font-weight: bold;
    padding: 0;
    text-align: left;
}

    .overlay_inner_title.sub {
        text-align: left;
        font-size: 20pt;
        margin-top: 2vh;
    }

.overlay_inner_desp {
    color: #ffffff;
    font-family: CenturyGothic, brandon-grotesque,'Open Sans', sans-serif;
    font-size: 17pt;
    line-height: normal;
    padding: 0;
}

.overlay_btn {
    overflow: visible;
    text-align: left;
    margin-top: 5vh;
    width: 40vw;
    position: relative;
    margin-left: 10vw;
}

    .overlay_btn a,
    .overlay_btn a:link,
    .overlay_btn a:active,
    .overlay_btn a:visited,
    .overlay_btn a:focus {
        width: auto;
        color: #ffffff !important;
        background-color: transparent;
        font-size: 14pt;
        padding: 0.5em 2em;
        text-decoration: none;
        font-family: CenturyGothic, brandon-grotesque,'Open Sans', sans-serif;
        line-height: normal;
        text-transform: none;
        display: inline-block;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 2px solid #fff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .overlay_btn a:hover {
            background: rgba(255, 255, 255, 0.3);
        }

/*#myCarousel .overlay_inner_title img.overlay_inner_title_left_image {
    position: absolute;
    left: 0;
    bottom: initial;
    top: 0;
    right: initial;
    min-width: initial;
    min-height: initial;
    opacity: 1;
    height: auto;
    max-width: 12vw;
    max-height: 14vh;
    padding: 0;
}

.overlay_inner_bottom_right_image {
    overflow: hidden;
    margin-top: 10vh;
    text-align: right;
    width: 70vw;
}

#myCarousel .overlay_inner_bottom_right_image > img {
    position: relative;
    left: initial;
    bottom: initial;
    top: initial;
    right: -15px;
    min-width: initial;
    min-height: initial;
    opacity: 1;
    height: 15vh;
    padding: 0;
}*/
/* Carousel Buttons */
.hidectrl + .arrow_btns {
    display: none;
}

a.carousel-control {
    line-height: 26px;
    text-decoration: none;
    top: 50%;
    font-weight: normal;
    display: none;
    background: transparent;
    border: none;
    font-size: 100px;
}

    a.carousel-control.left {
        text-indent: -4px;
    }

    a.carousel-control.right {
        text-indent: 4px;
    }

.arrow_btns a,
.arrow_btns a:link,
.arrow_btns a:active,
.arrow_btns a:visited,
.arrow_btns a:focus {
    color: #948e8e;
    z-index: 10;
}

.gene_page {
    position: relative;
}
/* Carousel fade effect*/
/*.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;  
    -webkit-transition-duration: 0.5s;  
    transition-property: opacity;
    transition-duration: 0.5s;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 0;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 1;
        z-index: 1;
    }


.carousel-fade .carousel-inner .left,
.carousel-fade .carousel-inner .right {
    float: none;

}

.carousel-fade .carousel-control {
    z-index: 2;
}*/
/******************** End of Style for Slider *********************************/
/******************** Style for Homepage List View ****************************/
#ct.hp .list_item_body {
}

#ct.hp #our_services_box .list_item_body {
    padding: 0 0 50px 0;
}

.list_item.even {
    background-color: transparent;
}

/******************** End of Style for Homepage List View ************************/
/******************** Style for Homepage Welcome List ****************************/
#welcome_box {
    padding-top: 50px;
}

    #welcome_box .bottom_margin {
        font-size: 11pt;
    }

    #welcome_box .welcome_btn {
        height: 37px;
        line-height: 37px;
    }

    #welcome_box #welcome_box_inner {
        padding: 0 50px;
    }

.welcome_btns a,
.welcome_btns a:link,
.welcome_btns a:active,
.welcome_btns a:visited {
    height: 38px;
    padding: 0 25px;
    line-height: 38px;
    margin-right: 15px;
}


span.btn_text {
    padding-right: 10px;
    vertical-align: top;
}

span.r_arrow_o {
    border-right: 1px solid #bfbebe;
    font-size: 31px;
}

.welcome_btns a:hover span.r_arrow_o {
    border-right: 1px solid #bfbebe;
}

span.r_arrow {
    border-left: 1px solid #bfbebe;
    padding-left: 20px;
    background: transparent url("../../../i/arrow_hover.png") 10px 13px no-repeat;
    font-size: 31px;
}

.welcome_btns a:hover span.r_arrow {
    border-left: 1px solid #948e8e;
    background: transparent url("../../../i/arrow_o.png") 10px 13px no-repeat;
}
/******************** End of Style for Homepage Welcome List *********************/
/******************** Style for Homepage Service List ****************************/

#our_services_inner {
    position: relative;
    margin-bottom: 50px;
}

#ct.hp #our_services_inner h1 {
    margin-top: 0;
}

.service_list .img_border {
    border: 7px solid #fff;
    background-color: transparent;
    box-shadow: 0 0 5px #B2B4B6;
    -webkit-box-shadow: 0 0 5px #B2B4B6;
    -moz-box-shadow: 0 0 5px #B2B4B6;
    margin: 5px;
}

.service_list a {
    text-decoration: none;
}

.service_list .service_desp {
    margin-bottom: 20px;
    height: 75px;
}



/*#### HP Service Box style ####*/
#hp_events_outer .list_item_body {
    position: relative;
}

ul#middle_cycle {
    margin: -10px;
}

    ul#middle_cycle .cycle_item {
        overflow: hidden;
        text-align: center;
        width: 25%;
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
    }

        ul#middle_cycle .cycle_item .cycle_item_inner {
            margin: 11px;
            background-color: #ffffff;
        }

        ul#middle_cycle .cycle_item:hover .cycle_item_inner {
            /*background-color: transparent;
            border-color: #3c5166;
            -moz-box-shadow: 0 0 10px #ADABAB;
            -webkit-box-shadow: 0 0 10px #ADABAB;
            box-shadow: 0 0 10px #ADABAB;*/
        }


        ul#middle_cycle .cycle_item .img_box {
            position: relative;
            overflow: hidden;
            border: 7px solid #fff;
            background-color: transparent;
            box-shadow: 0 0 5px #B2B4B6;
            -webkit-box-shadow: 0 0 5px #B2B4B6;
            -moz-box-shadow: 0 0 5px #B2B4B6;
            margin: 5px;
        }

        ul#middle_cycle .cycle_item .img_box_inner {
            position: relative;
            display: table;
            text-align: center;
            width: 207px;
            height: 138px;
            overflow: hidden;
            margin: auto;
        }

        ul#middle_cycle .cycle_item .img_box .img_box_inner a {
            display: table-cell;
            vertical-align: middle;
            width: 207px;
            height: 138px;
            overflow: hidden;
        }

            ul#middle_cycle .cycle_item .img_box .img_box_inner a img {
                max-width: 207px;
                max-height: 138px;
            }

        ul#middle_cycle .cycle_item .cycle_item_title {
            /*font-size: 0;
            padding: 0;
            overflow: hidden;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: auto;*/
            display: block;
            position: relative;
            margin-bottom: 8px;
            height: 36px;
        }

            ul#middle_cycle .cycle_item .cycle_item_title a,
            ul#middle_cycle .cycle_item .cycle_item_title a:link,
            ul#middle_cycle .cycle_item .cycle_item_title a:active,
            ul#middle_cycle .cycle_item .cycle_item_title a:visited,
            ul#middle_cycle .cycle_item .cycle_item_title a:hover {
                display: block;
                font-family: 'Open Sans', sans-serif;
                font-weight: normal;
                color: #202020;
                font-size: 11pt;
                line-height: 18px;
                text-decoration: none;
                padding: 0 10px;
                white-space: normal;
            }

            ul#middle_cycle .cycle_item .cycle_item_title .overlay {
                /*position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #000000;
                z-index: 1;
                opacity: 0.5;
                filter: alpha(opacity=50);*/
            }

        ul#middle_cycle .cycle_item .cycle_item_content {
            background-color: #ffffff;
            padding: 10px;
            position: relative;
        }

            ul#middle_cycle .cycle_item .cycle_item_content .cycle_item_text {
                height: 100px;
                text-align: left;
                overflow: hidden;
                white-space: normal;
                font-size: 16px;
                line-height: 25px;
            }

        ul#middle_cycle .cycle_item .cycle_item_actions {
            height: 38px;
            overflow: hidden;
            margin: 10px 0 0;
            font-size: 0;
        }

            ul#middle_cycle .cycle_item .cycle_item_actions a.btn_global,
            ul#middle_cycle .cycle_item .cycle_item_actions a.btn_global:link,
            ul#middle_cycle .cycle_item .cycle_item_actions a.btn_global:active,
            ul#middle_cycle .cycle_item .cycle_item_actions a.btn_global:visited {
                background: #3d4251;
                color: #fff;
                font-size: 11pt;
                line-height: 18px;
                padding: 10px 25px;
                display: inline-block;
                *
                display: inline;
                _height: 18px;
                zoom: 1;
                text-decoration: none;
            }

        ul#middle_cycle .cycle_item:hover .cycle_item_actions a.btn_global,
        ul#middle_cycle .cycle_item:hover .cycle_item_actions a.btn_global:link,
        ul#middle_cycle .cycle_item:hover .cycle_item_actions a.btn_global:active,
        ul#middle_cycle .cycle_item:hover .cycle_item_actions a.btn_global:visited {
            background: #948e8e;
        }
/*####  End of HP Service Box style ####*/
/*##### cycle button controls #####*/
a.cycle-control {
    position: absolute;
    top: 62%;
    display: block;
    padding: 0;
    outline: none !important;
    background: #222222;
    width: 40px;
    height: 40px;
    font-size: 60px;
    border-radius: 23px;
    opacity: 0.5;
    color: #948e8e;
    margin-top: -20px;
    text-align: center;
    border: 3px solid #ffffff;
    box-sizing: content-box;
    line-height: 26px;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

    a.cycle-control.right {
        right: -2.5rem;
        left: auto;
        text-indent: 4px;
    }

    a.cycle-control.left {
        left: -2.5rem;
        text-indent: -4px;
    }

    a.cycle-control:hover {
        color: #fff;
        opacity: 0.9;
        filter: alpha(opacity=90);
        cursor: pointer;
    }

.no_cycle ~ a.cycle-control {
    display: none;
}
/******************** End of Style for Homepage Service List ****************************/
/******************** Style for Homepage faqs List **************************************/
#faqs_inner .img_box_inner,
#faqs_inner {
    position: relative;
}

#faqs_inner {
    margin-bottom: 50px;
}

    #faqs_inner .img_box_inner a {
        text-decoration: none;
    }

    #faqs_inner .list_item_title_text {
        position: absolute;
        top: 40%;
        width: 100%;
    }

        #faqs_inner .list_item_title_text p {
            padding: 0 10px;
        }

    #faqs_inner .faq_btn {
        background: #202020;
        color: #fff;
        padding: 10px;
    }

    #faqs_inner .img_box_inner:hover .faq_btn {
        background: #948e8e;
        color: #fff;
    }

    #faqs_inner a#psl_arrow_left {
        left: -60px;
    }

    #faqs_inner a#psl_arrow_right {
        right: -60px;
    }

#faq_box {
    background: #f0f0f0;
}


#faqs_inner .carousel-inner > .item {
    height: auto;
}

#faqs_inner .hp_faq_bg {
    display: block;
    width: 314px;
    height: 163px;
    background: #fff url('/i/hp_faq_bg_hover.png') 0 0 no-repeat;
    background-size: 100%;
    max-width: 100%;
}

#faqs_inner a:hover .hp_faq_bg {
    background: #fff url('/i/hp_faq_bg.png') 0 0 no-repeat;
    background-size: 100%;
    max-width: 100%;
}


/*#### New middle box style ####*/
ul#cta_cycle {
    margin: 0;
}

    ul#cta_cycle .cycle_item {
        overflow: hidden;
        text-align: center;
        width: 33.333333%;
        display: inline-block;
    }

        ul#cta_cycle .cycle_item .cycle_item_inner {
            margin: 11px;
            background-color: #ffffff;
        }

        ul#cta_cycle .cycle_item:hover .cycle_item_inner {
            background-color: transparent;
            border-color: #3c5166;
            -moz-box-shadow: 0 0 10px #ADABAB;
            -webkit-box-shadow: 0 0 10px #ADABAB;
            box-shadow: 0 0 10px #ADABAB;
        }


        ul#cta_cycle .cycle_item .img_box {
            position: relative;
            background-color: #ffffff;
            overflow: hidden;
            border-bottom: 1px solid #E2F4E4;
            position: relative;
        }

        ul#cta_cycle .cycle_item .img_box_inner {
            position: relative;
            display: table;
            text-align: center;
            width: 318px;
            height: 157px;
            overflow: hidden;
        }

        ul#cta_cycle .cycle_item .img_box .img_box_inner a {
            display: table-cell;
            vertical-align: top;
            width: 318px;
            height: 157px;
            overflow: hidden;
        }

            ul#cta_cycle .cycle_item .img_box .img_box_inner a img {
                max-width: 318px;
                max-height: 157px;
            }

        ul#cta_cycle .cycle_item .cycle_item_title {
            font-size: 0;
            padding: 0;
            overflow: hidden;
            position: absolute;
            top: 65%;
            left: 0;
            right: 0;
            height: auto;
        }

            ul#cta_cycle .cycle_item .cycle_item_title a,
            ul#cta_cycle .cycle_item .cycle_item_title a:link,
            ul#cta_cycle .cycle_item .cycle_item_title a:active,
            ul#cta_cycle .cycle_item .cycle_item_title a:visited,
            ul#cta_cycle .cycle_item .cycle_item_title a:hover {
                display: block;
                font-family: 'Open Sans', sans-serif;
                font-weight: normal;
                color: #929292;
                font-size: 11pt;
                line-height: 18px;
                text-decoration: none;
                padding: 0 10px;
                white-space: normal;
            }

            ul#cta_cycle .cycle_item .cycle_item_title .overlay {
                /*position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #000000;
                z-index: 1;
                opacity: 0.5;
                filter: alpha(opacity=50);
            */
            }

        ul#cta_cycle .cycle_item .cycle_item_content {
            background-color: #ffffff;
            padding: 10px;
            position: relative;
        }

            ul#cta_cycle .cycle_item .cycle_item_content .cycle_item_text {
                height: 100px;
                text-align: left;
                overflow: hidden;
                white-space: normal;
                font-size: 16px;
                line-height: 25px;
            }

        ul#cta_cycle .cycle_item .cycle_item_actions {
            height: 38px;
            overflow: hidden;
            margin: 0;
            font-size: 0;
        }

            ul#cta_cycle .cycle_item .cycle_item_actions a.btn_global,
            ul#cta_cycle .cycle_item .cycle_item_actions a.btn_global:link,
            ul#cta_cycle .cycle_item .cycle_item_actions a.btn_global:active,
            ul#cta_cycle .cycle_item .cycle_item_actions a.btn_global:visited {
                background: #3d4251;
                color: #fff;
                font-size: 11pt;
                line-height: normal;
                padding: 10px;
                display: block;
                text-decoration: none;
            }

        ul#cta_cycle .cycle_item:hover .cycle_item_actions a.btn_global,
        ul#cta_cycle .cycle_item:hover .cycle_item_actions a.btn_global:link,
        ul#cta_cycle .cycle_item:hover .cycle_item_actions a.btn_global:active,
        ul#cta_cycle .cycle_item:hover .cycle_item_actions a.btn_global:visited {
            background: #948e8e;
        }
/******************** End of Style for Homepage faqs List ****************************/
/******************** Start of Style for Homepage Our Range **************************/
hr.top_right {
    width: 35%;
    border-color: #d0c9c9;
    text-align: right;
    margin: 7vh 12% 0 auto;
}

hr.btm_left {
    width: 35%;
    border-color: #d0c9c9;
    text-align: right;
    margin: 0 auto 7vh 12%;
}

.cta_type_one {
    background-color: #3d4251;
    width: 100%;
    margin: 0 auto;
}

    .cta_type_one .transition {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .cta_type_one .item {
        margin: 0.1vw 0.1vw 0;
        padding: 0;
        position: relative;
        overflow: hidden;
        width: 24.8vw;
        height: 24.8vw;
    }

    .cta_type_one:last-child .item {
        margin-bottom: 0.1vw;
    }

    .cta_type_one .item img {
        padding: 0 !important;
        display: block;
        max-width: 100%;
        height: 25vw;
        outline: transparent solid 2px;
        outline-offset: 0px;
    }

    .cta_type_one a {
        width: 25%;
        overflow: hidden;
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
    }

        .cta_type_one a:hover,
        .cta_type_one a:focus {
            text-decoration: none;
        }

            .cta_type_one a:hover .item img,
            .cta_type_one a:focus .item img {
                opacity: 0.6;
                outline: #fff solid 2px;
                outline-offset: -2rem;
            }

        .cta_type_one a .item h4 {
            font-size: 16px;
            position: absolute;
            color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            top: 40%;
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
            -webkit-filter: blur(5px);
            filter: blur(5px);
            opacity: 0;
            width: 70%;
        }

        .cta_type_one a:hover .item h4,
        .cta_type_one a:focus .item h4 {
            -webkit-filter: blur(0px);
            filter: blur(0px);
            opacity: 1;
        }

/******************** End of Style for Homepage Our Range ****************************/
/******************** Start of Style for Homepage Video Box ****************************/
#hp_list #video_box {
    background-color: #000;
    max-height: 77vh;
    overflow: hidden;
}

    #hp_list #video_box .list_item_body {
        padding: 7vh 20vh;
    }

    #hp_list #video_box #video_box_inner {
        position: relative;
        margin: 0;
        padding: 0;
        background-color: transparent;
    }

    #hp_list #video_box #myVideoPoster {
        border: 1px solid #C3C3C3;
    }

    #hp_list #video_box .video_box_base {
        background-color: #F3F3F3;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        opacity: 0.7;
    }

.embedded_ct {
    overflow: hidden;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-hpvideo {
    padding-bottom: 63vh;
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}
/******************** End of Style for Homepage Video Box ****************************/
/******************** Start of Style for Homepage Testimonials ****************************/
.testimonial_cycle {
    text-align: center;
    padding: 0 20vh;
    margin: 5vh 0;
}

    .testimonial_cycle ul {
        margin: 0;
    }

    .testimonial_cycle li {
        overflow: hidden;
        text-align: center;
        width: 33%;
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
        margin: 0 auto;
        padding: 0;
    }

.testimonial {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcUAAAH2CAYAAAABL5eHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjOWVmYmEwNy0zZjA0LTJmNGEtODgzOC0wYzQ5ZTBlNjQwNDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDk4RkEyQzg2RURGMTFFODlCNjRBRUQzNDQ2OTlFNjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDk4RkEyQzc2RURGMTFFODlCNjRBRUQzNDQ2OTlFNjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTIyMzA0MDYtMzM4MS1hMDQ2LTlmMmUtYzQxYjg5MmI0OGY1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODk5YzAxYzgtODliYS04YzQ2LWFiY2MtOGM4ZWI3YWRiNDVmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sCdH5AAACj5JREFUeNrs3e1rlWUcwPFrS60m2XqgKKUxxMiSaIRFvYkQeiBaJRWryJAlbBKCtCAiZlARWNSrIopiIWFlRBZhrMAhGAVRGBE9kpr1LrB/IPtdXncsI226s/P4+cDPV6LzOnK+93XO/dCVUvoz5mACgM7WmwQRAA472G0NAKAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQAQRQBAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAFAEAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQAUQQARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEARBEAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAEEUAQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQBQtAQCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgCIIgAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigAgigCAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAKAIAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAoggAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAiCIAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAIIoAgCgCgCgCgCgCgCgCgCgCgCgCgCgCgCgCgCgCQC3Mi+mJectSUGfvx2yxDPyHlTEbq/cnqKeervjlDutAneVPKDbE/B4zEvObJSEsiNkUc0/MEzF/WBLq7tChQzMeqHEY827gQMway9HxBmL2xEzE9FoOGtU6UaTRlsXsivkgZrHl6DjzY8Zj9sUMWg5EEaY/Tv01Zq3l6BgrYr6I2RpzpuVAFOFIS2OmYnbELLEcbSufQPNIzP6Y1ZYDUYRj7xofqHaNwzFdlqStLI/5NGZbzDmWA1GEmemP2RnzYcwFlqMtDnbGqoOdIcuBKMLxy7vE9dUb6Tq7xpaVT6baHbM95lzLgSjC7HeNH8dMxvRZjpbaHeYTqFx2gyjCHOwaR6pd44hdY0scyEylctKUS20QRZgjeaf4UbVz7LccTXnwMpqmT5QCUYQ6vPGuq95419s1NtUBy2TyMTeiCA2Rz0rNZ6futGtsuOHqIGXUQQqiCI3dNd5fvSHn6xs9Dq2+8veF+XvDKQcmiCI0jyX/eHNeajnqIp9Rms8s3eBgBFGE5rS22jV6o547+VrDfM3hJ6lcgwiiCE0sf6SXn7qxy5t2zQ1VBx1jDjoQRWgt96Xy8d5Gb+Czlu9Tmu9Xmu9berHlQBRFkdZ0fsx7qdxm7ELLcULykyx+SeXJFvMsB6IoirS+e6td44N2jTOWn3GYn3WYn3m4wnIgiqJIezkv5t1UThC5yHIc02DMvphNMfMtB6IoirSvu1M5WeShmJMsxxF6YyZivooZsByIoijSGfJlBe+kcuLIcstx2A0xe2OejFlgORBFUaTz3JXKSSQPp849iWRRzMsxX8dc4b8EoiiKdLZ8ucHbMZ/FXNJh//ZVMT/FPB1ziv8KiKIowt/uTJ1z6cHCmBdivou5ykuPKIoiHG3X+GbM56l9L0O4Jub7mOdierzkiKIowv+5vdo1PtpGu8ZTqxD+UIURRFEUYcbOjnkjlYvXL23xf0v+iDR/VJo/Ml3opUUURRFO1G0x+2PGU+tdyJ5Pntmcysk0q7yUiKIoQi2cFfN6zJcxl7XIz7wylcss8uUWi7yEiKIoQq3dUu0aH0vNe4F7/rnyBfh7U7kgH0RRFGHO5Btlb4nZk5rvVmgD1c81kcot2wBRhLq4OZWbZj/eBLvG/F3nePXzDHppQBShEc6IeS2VG2hf3qCfIV9Pmc+Q3VrtYgFRhIa6KU3fTPvkOv2d+frJfPed/B3nai8BiCI0k/wd3qupnPG5co7/rvxkj/yEj22p3IUHEEVoSjfG/BzzVKr9Tba7Y8ZSeR7kkKUGUYRWcHrMK9Wu8coa/ZnLYnbHbE/leZCAKEJLub7aNW6exa4x7w43xByIWWNJQRShleW7ybwU8006/sc09cdMxeyIWWwpQRShXVyXyj1In0nliRXH0hUzmsp3h8OWDkQR2tFpMS/GfBtz9VF+T1/MZDV9lgxEEdpdfmLFjzHP/mvXOFztDker3SIgitAxu8bnU3nO4a2pfG84lcr3iIAoQke6NpVLN/IZpt2WAxoXxb8EGADTpq+nH1e6JQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    padding: 3rem;
    height: 18rem;
    width: 60%;
    margin: auto;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    -o-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}

    .testimonial:hover {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.testimonial_cycle blockquote {
    letter-spacing: .03125rem;
    font-size: 1.0625rem;
    padding: 1rem 0;
    margin: 0;
    border: none;
    white-space: normal;
    max-width: 100%;
}

    .testimonial_cycle blockquote p {
        font-size: 11pt;
        font-weight: normal;
    }

    .testimonial_cycle blockquote *:last-child {
        margin-bottom: 0;
        margin-top: 5vh;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.testimonial_cycle .blockquote-footer {
    font-weight: 700;
}

    .testimonial_cycle .blockquote-footer::before {
        content: '';
    }

.testimonial_cycle .testimonial-icons {
    color: #3d4251;
    margin: 2rem auto;
    width: 2rem;
    height: 2rem;
}

@media (max-width: 767.98px) {
    .testimonial_cycle .cycle-control {
        display: none;
    }
}

button.cycle-control {
    position: absolute;
    top: 52%;
    display: block;
    padding: 0;
    outline: none !important;
    background: none;
    width: auto;
    height: auto;
    font-size: 4rem;
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: #101010;
    margin-top: -20px;
    text-align: center;
    border: none;
    box-sizing: content-box;
    line-height: normal;
    text-decoration: none;
    font-weight: bold;
}

    button.cycle-control.right {
        right: 1rem;
        left: auto;
        text-indent: 4px;
    }

    button.cycle-control.left {
        left: 1rem;
        text-indent: 0;
    }

    button.cycle-control:hover {
        color: #000;
        opacity: 0.9;
        filter: alpha(opacity=90);
        cursor: pointer;
    }

.no_cycle ~ button.cycle-control {
    display: none;
}
/******************** End of Style for Homepage Testimonials ****************************/
/******************** Style for Inner Page Testimonials ****************************/
.testimonial_cycle.inner_page {
    padding: 0;
    margin: 0;
}

    .testimonial_cycle.inner_page ul {
        text-align: left;
    }


    .testimonial_cycle.inner_page .testimonial {
        margin: 0;
    }
/******************** End of Style for Inner Page Testimonials ****************************/
/******************** Style for Detail ***********************************************/
#plus_sign {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.img_box a {
    display: block;
    position: relative;
}
/*Style for Product Detail*/
.pro_code {
    font-size: 18px;
    color: #000000;
    padding-bottom: 20px;
}

.pro_info {
    padding-bottom: 20px;
}

    .pro_info div {
        font-size: 18px;
        padding-right: 28px;
    }

    .pro_info .pro_price {
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
    }

    .pro_info .pro_addtofavi {
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
        border-right: 2px solid #5e9018;
        margin-right: 28px;
    }

    .pro_info .pro_converter {
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
    }

.product_details_table th {
    text-align: right;
    padding-right: 5px;
}

/************************** Style for default detail***********************/
.detail .img_box {
    text-align: center;
    position: relative;
}

    .detail .img_box .img_box_inner {
        width: 470px;
        height: 353px;
        display: table;
    }

        .detail .img_box .img_box_inner #gallery_list_main {
            max-height: 351px;
            max-width: 468px;
        }

.showSideMenu_True .detail .img_box .img_box_inner {
    width: 364.6px;
    height: 274.45px;
}

    .showSideMenu_True .detail .img_box .img_box_inner #gallery_list_main {
        max-width: 364.6px;
        max-height: 274.45px;
    }

.detail .img_box_inner .img_wrap {
    display: table-cell;
    vertical-align: middle;
    background-color: #ffffff;
}

.detail .img_box .sml_img {
    margin-top: 10px;
    font-size: 0;
    text-align: center;
    width: 100%;
}

    .detail .img_box .sml_img .sml_img_item {
        display: inline-table;
        width: 19%;
        margin-left: 1%;
        height: 67.25px;
        box-sizing: border-box;
    }

        .detail .img_box .sml_img .sml_img_item:last-child {
            margin-right: 0;
        }

        .detail .img_box .sml_img .sml_img_item.f {
            margin-left: 0;
        }

        .detail .img_box .sml_img .sml_img_item .sml_img_wrap {
            display: table-cell;
            vertical-align: middle;
            background-color: #ffffff;
        }

            .detail .img_box .sml_img .sml_img_item .sml_img_wrap a {
                display: block;
            }

            .detail .img_box .sml_img .sml_img_item .sml_img_wrap img {
                max-height: 65.25px;
                max-width: 87px;
            }

.detail .detail_text {
    min-height: 0;
}

.showSideMenu_True .detail .img_box .sml_img .sml_img_item .sml_img_wrap img {
    max-width: 68px;
    max-height: 51px;
}

.showSideMenu_True .detail .img_box .sml_img .sml_img_item {
    height: 53px;
}

.detail .iframe iframe {
    width: 100%;
}
/************************** End of Style for default detail***********************/
/*Style for Slider Items */
#product_list {
    margin-top: 20px;
}

.slider_item {
    height: 470px;
    width: 316px;
    overflow: hidden;
}

#ct.hp .slider_item {
    height: 395px;
}

#ct.hp #services_slider .slider_item {
    height: 455px;
}

.slider_item .img_box_inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    overflow: hidden;
}

.slider_item .img_box {
    position: relative;
    margin: 5px auto;
    width: 293px;
    height: 197px;
}

#services_slider .slider_item .img_box {
    width: 470px;
    height: 312px;
}

.slider_item .img_box a {
    display: block;
}

.slider_item .img_alignment {
    vertical-align: middle;
    display: inline;
}

.slider_item .img_box img {
    height: 215px;
}

.slider_item .slider_title_text {
    font-size: 25px;
    padding: 5px 0 0 0;
    height: 40px;
    line-height: 40px;
}

    .slider_item .slider_title_text a,
    .slider_item .slider_title_text a:link,
    .slider_item .slider_title_text a:active,
    .slider_item .slider_title_text a:visited,
    .slider_item .slider_title_text a:focus {
        color: #000000;
        text-decoration: none;
        width: 316px;
        height: 45px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

        .slider_item .slider_title_text a:hover {
            text-decoration: none;
        }

.slider_item .slider_desc {
    height: 125px;
    overflow: hidden;
    color: #000;
}

    .slider_item .slider_desc br {
        display: none;
    }

.slider_item .prod_actions {
    height: 28px;
    overflow: hidden;
    position: relative;
}
/*Style for Homepage cta slider*/


#events_slider .carousel-inner > .item {
    height: auto;
    overflow: hidden;
}

#services_slider .carousel-inner > .item {
    height: 455px;
}

#services_slider .slider_item .slider_desc {
    height: 75px;
}

#events_slider #psl_arrow_left,
#services_slider #psl_arrow_left {
    left: -70px;
}

#events_slider #psl_arrow_right,
#services_slider #psl_arrow_right {
    right: -70px;
}

#fundrasier_events_inner .slider_item .img_box img {
    height: 195px;
    max-width: 291px;
}

#services_slider .slider_item .img_box img {
    height: 310px;
    max-width: 470px;
    border: 1px solid #dadada;
}

.arrow_btns a:hover {
    color: #fff;
}
/******************** Style for Default list item *************************/
.list .list_item {
    padding: 5px 0 5px 5px;
    width: 100%;
}

    .list .list_item .ctrl_bar span {
        vertical-align: baseline;
    }

    .list .list_item h4 {
        margin: 0;
        padding: 0;
        line-height: 25px;
        height: 25px;
        overflow: hidden;
        display: inline;
    }

        .list .list_item h4 a,
        .list .list_item h4 a:link,
        .list .list_item h4 a:active,
        .list .list_item h4 a:visited,
        .list .list_item h4 a:focus {
            display: inline-block;
            *display: inline;
            _height: 30px;
            zoom: 1;
            font-size: 17px;
            line-height: 21px;
            vertical-align: middle;
            font-weight: bold;
            text-decoration: none;
        }

    .list .list_item .ctrl_bar {
        line-height: 21px;
        vertical-align: top;
        padding-left: 10px;
    }

        .list .list_item .ctrl_bar a,
        .list .list_item .ctrl_bar a:link,
        .list .list_item .ctrl_bar a:active,
        .list .list_item .ctrl_bar a:visited,
        .list .list_item .ctrl_bar a:focus {
            line-height: 21px;
            vertical-align: top;
            display: inline-block;
            *display: inline;
            _height: 30px;
            zoom: 1;
        }

    .list .list_item span {
        font-size: 13px;
        line-height: 21px;
        vertical-align: top;
        color: #555;
    }

    .list .list_item .list_item_text {
        overflow: hidden;
        text-overflow: ellipsis;
        height: 46px;
        line-height: 25px;
        margin-right: 10px;
        vertical-align: bottom;
    }

    .list .list_item .list_item_btn {
        position: absolute;
        bottom: 0;
        right: 5px;
    }

        .list .list_item .list_item_btn .btn_global,
        .list .list_item .list_item_btn .btn_global:link,
        .list .list_item .list_item_btn .btn_global:active,
        .list .list_item .list_item_btn .btn_global:visited {
            padding: 5px 25px;
            font-size: 11pt;
        }

    .list .list_item .imgwrap {
        position: relative;
        height: 128px;
    }


    .list .list_item .img_box_inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        overflow: hidden;
        margin: 0;
        display: table;
        width: 168px;
        height: 100%;
        background-color: #ffffff;
    }


    .list .list_item .img_box {
        position: relative;
        height: 128px;
        margin: 0;
    }

        .list .list_item .img_box a {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
            font-size: 0;
        }

    .list .list_item .img_alignment {
        vertical-align: middle;
        display: inline;
    }

    .list .list_item .img_box img {
        max-width: 168px;
        max-height: 126px;
    }
/******************** End of Style for Default list item *************************/
/*Style for Download List*/
#download_list .list_item {
    position: relative;
    padding: 3px 10px;
}
/*Style for Testi List*/
#testi_list .list_item .list_item_text {
    width: 100%;
    height: auto;
}

#testi_list .list_item {
    padding: 3px 10px;
}

    #testi_list .list_item .attribution {
        font-weight: bold;
        text-align: right;
    }
/******************** End of Style for List ***************************/
/******************** Style for Footer **************************************/
#footer {
    background-color: #464646;
    top: 23vh;
    position: relative;
}

#footer_inner {
    margin: 7vh auto;
}

#footer p {
    color: #ffffff;
}

    #footer p.title {
        font-size: 13.5pt;
        font-weight: bold;
        line-height: normal;
        margin: 0 0 2rem 0;
    }


#footer ul {
    list-style: none;
    margin: 0;
}

#footer #footer_col_1 ul,
#footer #footer_col_2 ul {
    list-style-type: none;
    color: #FFF;
    padding-right: 20px;
}

#footer ul strong {
    padding-right: 5px;
}

#footer ul li {
    line-height: 28px;
}

    #footer ul li a,
    #footer ul li a:link,
    #footer ul li a:active,
    #footer ul li a:visited,
    #footer ul li a:focus {
        margin: 0;
        display: block;
        color: #cacaca;
        text-decoration: none;
        font-size: 11pt;
        text-transform: uppercase;
    }

        #footer ul li a:hover {
            text-decoration: underline;
        }


#footer #footer_col_4 li {
    color: #cecece;
    text-decoration: none;
    font-size: 0;
    line-height: normal;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 50px;
    height: 50px;
    vertical-align: top;
    float: left;
}

#footer .content,
#footer .content > div {
    color: #cacaca;
}

    #footer .content > * {
        margin-bottom: 1.5rem;
    }

        #footer .content > *:first-child {
            margin-top: 1.5rem;
        }

.btn_global.btn_footer,
.btn_global.btn_footer:link,
.btn_global.btn_footer:active,
.btn_global.btn_footer:visited,
.btn_global.btn_footer:hover,
.btn_global.btn_footer:focus {
    background-color: #ffffff;
    color: #000000;
}

.link_address {
    text-decoration: none;
    background-image: url(/i/icon_location.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto;
    padding-left: 2rem;
}

.link_phone {
    text-decoration: none;
    background-image: url(/i/icon_phone_ft.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto;
    padding-left: 2rem;
}
/*Footer Bottom*/
#footer_btm {
    background-color: #100f0f;
    top: 23vh;
    position: relative;
}

#iasp_logo {
    line-height: 4rem;
}

    #iasp_logo a {
        display: block;
    }

    #iasp_logo img {
        max-height: 2rem;
    }

#copyright_text {
    line-height: 4rem;
    color: #cacaca;
}

#footer_btm #copyright_text text-right {
    color: #90a4b8;
}


.footer_map #map_canvas_web {
    border: 6px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    outline: none;
}

.footer_map .hide_direction {
    display: none;
}

.footer_map {
    margin-top: 40px;
}

#footer_col_3 {
    margin-left: 0;
}

#footer_logo {
    margin-top: 30px;
}

.social_bar ul {
    width: 150px;
}

.social_bar_link,
.social_bar_link:link,
.social_bar_link:active,
.social_bar_link:hover,
.social_bar_link:focus {
    font-size: 0 !important;
    display: block !important;
    text-decoration: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: 50px;
    height: 50px;
}

.link_hz {
    background-image: url(/i/icon_houzz.png);
}

.link_fb {
    background-image: url(/i/icon_fb.png);
}

.link_twit {
    background-image: url(/i/icon_twi.png);
}

.link_insta {
    background-image: url(/i/icon_ins.png);
}

.link_pin {
    background-image: url(/i/icon_pin.png);
}

.link_youtube {
    background-image: url(/i/icon_ytube.png);
}
/******************** End of Style for Footer ***********************************/
/******************** Style for users *******************************************/
#user_form {
    margin-bottom: 20px;
}

    #user_form + .cms_endform_buttons {
    }

    #user_form .span3 {
        font-weight: bold;
        text-align: right;
    }

    #user_form + .cms_endform_buttons {
        margin-left: 26%;
    }
/******************** End of Style for users ***********************************/
/******************** Style for CMS Fix ****************************************/
#cms_cpanel a,
#cms_cpanel a:link,
#cms_cpanel a:active,
#cms_cpanel a:visited,
#cms_cpanel a:focus {
    text-decoration: none;
}

table.displaytbl {
    width: 100%;
}

#contactusform table {
    width: 100%;
}

.cms_gtool_tabs a:link,
.cms_gtool_tabs a:visited,
.cms_gtool_tabs a:hover {
    line-height: normal;
}

.iasp_admininnertable {
    width: 100%;
}

#iasp_detailhighlight table th {
    text-align: right;
    padding-right: 5px;
}

    #iasp_detailhighlight table th.hdr {
        text-align: center;
    }

#searchtbl + div > input.button {
    margin-top: 10px;
}

.admintbl div {
    font-size: 13px;
}
/** Hide search result btn row **/
#cms_search_primary ~ #cms_cpanel_manage_users .cpanelbtn_row {
    display: none;
}
/** Style for User Edit Pop up **/
.ui-dialog h1 {
    width: 100%;
    background: transparent url('bg_edit_title.gif') repeat-x left center;
    color: #8db4ce;
    font-weight: normal;
    font-size: 20pt;
    font-family: 'Open Sans', sans-serif;
    line-height: 2;
}
/******************** End of Style for CMS Fix ***********************************/
/******************** Style for Shopping Cart ***********************************/
.cart_steps0 {
    background-color: #B7B7B7;
    margin-bottom: 30px;
    margin-top: 30px;
    height: 58px;
    /*border: 1px solid #FFF;*/
}

.cart_step {
    border-right: 1px solid #FFF;
    height: 51px;
    padding: 7px 10px 0;
}

.cart_step_normal {
    float: left;
    width: 130px;
}

.cart_step_highlighted {
    background-color: #81b026;
    float: left;
    width: 130px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.cart_step_normal + .cart_step_highlighted {
    border-radius: 0px;
}

.cart_step_active {
    float: left;
    cursor: pointer;
}

.step_hdr {
    background: url('../i/cart_step_arrow.gif') 0 10px no-repeat;
    font-size: 11pt;
    color: #FFFFFF;
    padding-left: 8px;
}

.cart_step_highlighted .step_hdr {
    color: #FFFFFF;
}

.step_txt {
    color: #FFFFFF;
    font-size: 13px;
    padding-left: 7px;
}

.cart_step_highlighted .step_txt {
    color: #FFFFFF;
}

.step_hdr a:link, .step_hdr a:active, .step_hdr a:visited {
    color: #f5d0de;
    text-decoration: none;
}

.step_txt a:link, .step_txt a:active, .step_txt a:visited {
    color: #ffffff;
    text-decoration: none;
}

.cart_img img {
    vertical-align: middle;
}

.last_row td {
    padding-top: 20px;
}
/******************** End of Style for Shopping Cart ***********************************/
/******************** Start of Style for Gallery ***************************************/
table.img_list {
    border-collapse: collapse;
    width: 100%;
}

    table.img_list td {
        padding: 0 17px 11px 0;
        width: 200px;
        text-align: center;
    }

        table.img_list td div {
            padding-bottom: 5px;
            width: 202px;
        }

        table.img_list td.last {
            padding-right: 0;
        }

    table.img_list a.popupviewtrigger {
        position: relative;
        display: block;
        width: 202px;
    }

        table.img_list a.popupviewtrigger #plus_sign {
            right: 25px;
        }


    table.img_list td .img_name {
        height: 25px;
    }

/******************** End of Style for Gallery *****************************************/
/******************** Style for account page *****************************************/
#account_area_items_list {
    margin-bottom: 100px;
}

    #account_area_items_list .btn_logout.btn_global {
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        padding: 10px 30px;
        font-size: 11pt;
        text-align: center;
        line-height: 20px;
        vertical-align: baseline;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: none;
        text-transform: uppercase;
        display: block;
        width: 115px;
        margin: 16px auto;
    }

    #account_area_items_list .listitem.logout a,
    #account_area_items_list .listitem.logout a:link,
    #account_area_items_list .listitem.logout a:active,
    #account_area_items_list .listitem.logout a:visited {
        font-weight: normal;
    }
/******************** End of Style for account page *****************************************/
/******************** Style for Location *****************************************/
/******************** Style for Location *****************************************/
.list.location_list .list_item .imgwrap,
.list.location_list .list_item .list_item_text {
    height: auto !important;
}

/** For location **/
table.adp-directions {
    width: 100%;
    table-layout: fixed;
}

    table.adp-directions tr td:nth-child(1) {
        width: 10%;
    }

    table.adp-directions tr td:nth-child(2) {
        width: 10%;
    }

    table.adp-directions tr td:nth-child(3) {
        width: 60%;
        word-break: break-all;
    }

    table.adp-directions tr td:nth-child(4) {
        width: 20%;
    }

#map_canvas + .get_direction.ui-btn-hover-a,
#map_canvas + .get_direction.ui-btn-up-a {
    margin: 15px;
}

#directions img {
    max-width: none;
}
/******************** End of Style for Location *****************************************/
/******************** Style for Contact Us Form *****************************************/

#contactusform .row-fluid {
    margin-bottom: 5px;
}

#contactusform .bg_grey {
    background: #EEEEEE;
    text-align: right;
    padding-right: 5px;
}

#contactusform .right_col {
    margin-left: 8px;
}

#contactusform .message {
    height: 96px;
}

#contactusform input.button {
    background-color: #3d4251 !important;
    color: #ffffff;
    padding: 9px 32px;
    border-radius: 6px;
}

/******************** Style for Contact Us Form *****************************************/
/******************** Style for Enquiry Form *****************************************/

#enquiry_edit_tbl .span4 {
    text-align: right;
}

#enquiry_edit_tbl .row-fluid {
    margin-bottom: 10px;
}

#enquiry_edit_tbl .section_heading.hdr {
    font-size: 27px;
    color: #202020;
    margin-bottom: 30px;
}

/******************** End of Style for Enquiry Form *****************************************/

/******************** Style for Registration Form *****************************************/

#user_edit_tbl .span4 {
    text-align: right;
    background: #EEEEEE;
}

#user_edit_tbl .row-fluid {
    margin-bottom: 5px;
}



/******************** End of Style for Enquiry Form *****************************************/
/******************** Style for FAQ *****************************************/

.box_faq {
    padding: 10px 0;
    min-height: 50px;
}


    .box_faq .box_inner {
        background-color: transparent;
        min-height: 30px;
        height: 0;
    }

        .box_faq .box_inner div,
        .box_faq .box_inner a:link,
        .box_faq .box_inner a:active,
        .box_faq .box_inner a:visited {
            color: #58585a;
        }

    .box_faq .controls {
        width: 259px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .box_faq .faq_up, .box_faq .faq_down {
        margin: 0 10px;
        float: right;
        width: 31px;
    }

        .box_faq .faq_up > img,
        .box_faq .faq_down > img {
            display: none;
        }

    .box_faq a.active_btn {
        display: block;
    }

    .box_faq .faq_down > img,
    .box_faq .faq_up > img {
        cursor: not-allowed;
    }

    .box_faq .down {
        width: 259px;
        float: right;
    }

    .box_faq .question {
        padding-left: 15px;
        padding-right: 180px;
        position: relative;
    }


    .box_faq .view_hide {
        padding: 0 0 0 90px;
        height: 31px;
        line-height: 31px;
    }

    .box_faq .response {
        padding: 30px;
    }

.faq_container {
    height: 0;
    font-size: 0px;
    overflow: hidden;
    margin: 0;
    width: 100%;
}


/******************** End of Style for FAQ *****************************************/
/******************** Style for Download List *****************************************/
#default_list #download_list .list_item .list_item_text {
    height: 65px;
    margin-right: 150px;
}

/******************** Style for Download List *****************************************/
/***************** 2015 Style for Table and Responsive div Table Forms ********************/
/*#### This part is for Basic Form Style ####*/
.tbl_form_2015 {
    background-color: #F4F7F8;
    margin: 0 0 25px;
    position: relative;
}

table.tbl_form_2015 {
    table-layout: fixed;
    width: 100%;
}

.tbl_form_2015 tr:not(.btn_row) input,
.tbl_form_2015 tr:not(.btn_row) select,
.tbl_form_2015 .tbl_row:not(.btn_row) input,
.tbl_form_2015 .tbl_row:not(.btn_row) select {
    width: auto;
    height: 35px;
    color: #2c3e50;
    background-color: #ffffff !important;
    background-image: none;
    border: 1px solid #dce4ec !important;
    border-width: 1px;
    box-shadow: none;
    margin: 0 5px 0 0;
    padding: 0px 9px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tbl_form_2015 input[type="submit"] {
    color: #ffffff;
}

.tbl_form_2015 input.button {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    background-color: #3d4251 !important;
    color: #ffffff;
    display: inline-block;
    *display: inline;
    _height: 21px;
    zoom: 1;
    line-height: 21px;
    padding: 6px 30px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
}

    .tbl_form_2015 input.button.forgot {
        background-color: transparent !important;
        color: inherit;
        font-size: 12px;
        text-decoration: underline;
        padding: 6px 10px;
    }

table.tbl_form_2015 input.button:hover {
    cursor: pointer;
    text-decoration: none;
    border: none;
}

.tbl_form_2015 textarea {
    border: 1px solid #DCE4EC;
}

.tbl_form_2015 span.cms-dtpicker.datetimeshort {
    height: 37px;
    line-height: 37px;
    vertical-align: middle;
}

table.tbl_form_2015 th,
.tbl_form_2015 .tbl_th {
    background-color: #F4F7F8 !important;
    border: none;
    font-size: 11pt;
    line-height: 37px;
    text-align: right;
    padding: 10px;
    font-weight: normal;
}

table.tbl_form_2015 td,
.tbl_form_2015 .tbl_td {
    border: none;
    padding: 10px;
    font-size: 11pt;
    line-height: 1.5em;
    font-weight: normal;
}

table.tbl_form_2015 tr:not(:last-child) th,
.tbl_form_2015 .tbl_row:not(:last-child) .tbl_th {
    padding-bottom: 0;
}

table.tbl_form_2015 tr:not(:last-child) td,
.tbl_form_2015 .tbl_row:not(:last-child) .tbl_td {
    padding-bottom: 0;
}

table.tbl_form_2015 p.iasp_note, .tbl_form_2015 p.iasp_note {
    margin: 0;
    padding: 10px 0 0;
}

/*#### This part is for Registration Form Password Progress Bar Style ####*/
.tbl_form_2015 .progress {
    width: 286px;
    height: 37px;
    top: 0;
}

.tbl_form_2015 .password-strength .progress-bar-danger {
    border-radius: 3px;
}

/*Firefox hack for progress bar*/
@-moz-document url-prefix() {
    .progress {
        width: 273px;
    }
}

/*IE Exploer hack for progress bar*/
@media screen\0 {
    .progress {
        width: 253px;
    }
}

.tbl_form_2015 .password-strength + .psw_bg {
    width: 286px;
    height: 34px;
    position: absolute;
    background-color: white;
    top: 12px;
}

.tbl_form_2015 .psw_col {
    position: relative;
}

/*Firefox hack for Password background*/
@-moz-document url-prefix() {
    .tbl_form_2015 .password-strength + .psw_bg {
        width: 274px;
    }
}

/*IE Exploer hack for Password background*/
@media screen\0 {
    .tbl_form_2015 .password-strength + .psw_bg {
        width: 253px;
    }
}

/*#### This part is for pop up admin Form Style ####*/
.ui-dialog .tbl_form_2015 tr:not(.btn_row) input,
.ui-dialog .tbl_form_2015 tr:not(.btn_row) input.text,
.ui-dialog .tbl_form_2015 tr:not(.btn_row) select,
.ui-dialog .tbl_form_2015 .tbl_row:not(.btn_row) input,
.ui-dialog .tbl_form_2015 .tbl_row:not(.btn_row) input.text,
.ui-dialog .tbl_form_2015 .tbl_row:not(.btn_row) select {
    margin-bottom: 5px;
    padding: 0 5px;
}


.ui-dialog .progress {
    width: 312px;
    height: 29px;
}

.ui-dialog .tbl_form_2015 .password-strength + .psw_bg {
    top: 6px;
    width: 312px;
}

.ui-dialog .tbl_form_2015 .password-strength + .psw_bg {
    /*display: none;*/
}

.ui-dialog .tbl_form_2015 tr.sub_heading th {
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
}

.ui-dialog table.displaytbl tbody tr:nth-child(even) td,
.ui-dialog table.displaytbl tbody tr.even td {
    color: #000000;
}

.ui-dialog .tbl_form_2015 th {
    background-color: #4684AE !important;
    font-size: 12px;
    color: #ffffff;
}

.ui-dialog .tbl_form_2015 td {
    border: none;
    padding: 10px;
    font-size: 12px;
}

/*#### This part is for Super User style ####*/
.tbl_form_2015 .su th,
.tbl_form_2015 .su td {
    background-color: #F8981C;
    color: #ffffff;
}

table.displaytbl.tbl_form_2015 .su th,
table.displaytbl.tbl_form_2015 .su td {
    background-color: #F8981C !important;
    color: #ffffff;
}

.ui-dialog .tbl_form_2015 .su th {
    background-color: #F8981C;
}

.section_heading.hdr {
    text-align: center;
    font-weight: bold;
    margin: 15px 0;
}
/*#### This part is for Search Form Style ####*/
table.tbl_form_2015 td b,
.tbl_form_2015 .tbl_td b {
    font-weight: normal;
}

table.tbl_form_2015 td.searchleft,
.tbl_form_2015 .tbl_td.searchleft {
    text-align: right;
}

table.tbl_form_2015 td.searchseparator {
    font-size: 20px;
    line-height: 2;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
}

    table.tbl_form_2015 td.searchseparator b {
        margin: 0 190px 0 0;
    }

    table.tbl_form_2015 td.searchseparator input.button {
        font-size: 11pt;
        font-weight: normal;
        text-align: center;
        background-color: #3d4251 !important;
        color: #ffffff;
        display: inline-block;
        _height: 21px;
        zoom: 1;
        line-height: 21px;
        padding: 8px 35px;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: none;
        margin: 15px 0 15px 145px;
    }
/***************** 2015 Style for Table and Responsive div Table Forms Ends ********************/
/******************** Style for Login Box *************************************/
#content-body #login_box .item_row {
    margin-bottom: 10px;
}

#login_box.tbl_form_2015 input.button {
    padding: 8px 9px;
    width: 100px;
    color: #ffffff;
    border: none !important;
    font-size: 14px;
    background-color: #3d4251 !important;
}

    #login_box.tbl_form_2015 input.button.forgot {
        background: none !important;
        border: none;
        padding: 0 !important;
        font: inherit;
        cursor: pointer;
        text-decoration: none;
        color: #744247;
        text-transform: initial;
        display: block;
        font-size: 13px;
        display: inline;
        width: 150px;
    }
/******************** End of style for Login Box *************************************/
/********************* Sub-Section General List View   *********************/
.new_def_list .new_def_item {
    overflow: visible;
    position: relative;
}

    .new_def_list .new_def_item:hover {
        border-color: #ADABAB;
        -moz-box-shadow: 0 0 10px #ADABAB;
        -webkit-box-shadow: 0 0 10px #ADABAB;
        box-shadow: 0 0 10px #ADABAB;
    }

    .new_def_list .new_def_item > a,
    .new_def_list .new_def_item > a:link,
    .new_def_list .new_def_item > a:active,
    .new_def_list .new_def_item > a:visited {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

        .new_def_list .new_def_item > a:hover {
            font-weight: normal;
        }

    .new_def_list .new_def_item .img_box_inner {
        text-align: center;
        overflow: hidden;
    }

    .new_def_list .new_def_item .img_wrap {
        display: table-cell;
        vertical-align: middle;
        background-color: #ffffff;
    }

    .new_def_list .new_def_item .img_box a {
        display: block;
    }

    .new_def_list .new_def_item .img_alignment {
        vertical-align: middle;
        display: inline;
    }

    .new_def_list .new_def_item .img_box_inner {
        width: 368px;
        height: 276px;
        display: table;
    }

    .new_def_list .new_def_item .img_box img {
        max-width: 368px;
        max-height: 276px;
    }

.showSideMenu_True .new_def_list .new_def_item .img_box_inner {
    width: 286px;
    height: 214.5px;
    display: table;
}

.showSideMenu_True .new_def_list .new_def_item .img_box img {
    max-width: 286px;
    max-height: 214.5px;
}

.new_def_list .new_def_item .new_def_item_title {
    width: 100%;
    margin: 30px 0 0 0;
}


.new_def_list .new_def_item .new_def_item_title_text {
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    max-height: 50px;
    text-overflow: clip;
    overflow: hidden;
}

.new_def_list .new_def_item .new_def_item_title_sub {
    font-size: 14px;
    font-weight: 300;
}

.new_def_list .edit_ctrl {
    margin: 0;
    position: absolute;
    bottom: -26px;
    width: 100%;
}

.showSideMenu_True .new_def_list {
    width: 78%;
    margin-left: 22%;
}

/********************* End of Sub-Section General List View   *********************/
/*************************** Start of Style For whole nav search bar *****************************************/
.navbar {
    height: 35px;
    margin: 0;
    padding: 0 0 45px 0;
}

    .navbar .navbar-inner {
        height: 35px;
        padding: 0 10px;
        background: #444444;
        filter: none;
    }


        .navbar .navbar-inner .container {
            height: 40px;
            line-height: 38px;
            vertical-align: middle;
        }
/* For sorting bar */
.manual_sorting_bar {
    margin: 10px 0;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #fff;
}

    .manual_sorting_bar span {
        line-height: 20px;
        vertical-align: top;
    }

#manual_sorting_bar_pagi span {
    color: #fff;
}

.isSection #manual_sorting_bar_pagi span {
    color: #fff;
}

.manual_sorting_bar #sort_by_input {
    color: #7f7e7e;
    width: 165px;
    height: 20px;
    overflow: hidden;
    vertical-align: top;
    border: 1px solid #A9A9A9;
    margin-right: 10px;
}

.manual_sorting_bar #pagination_no {
    color: #7f7e7e;
    width: 45px;
    height: 20px;
    overflow: hidden;
    vertical-align: top;
    border: 1px solid #A9A9A9;
}

/* For auto complet dropdown style */
.ui-menu {
    z-index: 1000 !important;
}

    .ui-menu .ui-menu-item {
        text-align: left;
    }

    .ui-menu span {
        vertical-align: top;
    }
/* For search button */
#appSearch {
    color: #7f7e7e;
    font-size: 13px;
    line-height: 20px;
    width: 310px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    margin: 10px 0;
    border: 1px solid #A9A9A9;
    border-right: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #appSearch {
        height: 20px;
    }
}

#appSearch + span {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    height: 20px;
    overflow: hidden;
    padding: 0 12px;
    margin: 10px 0;
    font-size: 13px;
    line-height: 19px;
    color: #000;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background: #B9B9B9;
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0;
    cursor: pointer;
}

    #appSearch + span:first-child {
        *margin-left: 0;
    }

span.fExportCsv {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    height: 20px;
    overflow: hidden;
    padding: 0 12px;
    margin: 10px 0 10px 5px;
    font-size: 13px;
    line-height: 19px;
    color: #000;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background: #B9B9B9;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    cursor: pointer;
}
/*For no search reslut return*/
.no_result {
    display: none;
}
/*************************** End of Style For whole nav search bar *****************************************/
/***************** 2015 Style for Table and Responsive div Table Forms ********************/
/*#### This part is for Basic Form Style ####*/
.tbl_form_2015 {
    background-color: #F4F7F8;
    margin: 0 0 25px;
    position: relative;
}

table.tbl_form_2015 {
    table-layout: fixed;
    width: 100%;
}

.tbl_form_2015 tr:not(.btn_row) input,
.tbl_form_2015 tr:not(.btn_row) select,
.tbl_form_2015 .tbl_row:not(.btn_row) input,
.tbl_form_2015 .tbl_row:not(.btn_row) select {
    width: auto;
    height: 35px;
    color: #2c3e50;
    background-color: #ffffff !important;
    background-image: none;
    border: 1px solid #dce4ec !important;
    border-width: 1px;
    box-shadow: none;
    margin: 0 5px 0 0;
    padding: 0px 9px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tbl_form_2015 input[type="submit"] {
    color: #ffffff;
}

.tbl_form_2015 input.button {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    background-color: #19ace3 !important;
    color: #ffffff;
    display: inline-block;
    *display: inline;
    _height: 21px;
    zoom: 1;
    line-height: 21px;
    padding: 6px 30px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
}

    .tbl_form_2015 input.button.forgot {
        background-color: transparent !important;
        color: inherit;
        font-size: 12px;
        text-decoration: underline;
        padding: 6px 10px;
    }

table.tbl_form_2015 input.button:hover {
    cursor: pointer;
    text-decoration: none;
    border: none;
}

.tbl_form_2015 textarea {
    border: 1px solid #DCE4EC;
    max-width: 100%;
    box-sizing: border-box;
}


.tbl_form_2015 span.cms-dtpicker.datetimeshort {
    height: 37px;
    line-height: 37px;
    vertical-align: middle;
}

table.tbl_form_2015 th,
.tbl_form_2015 .tbl_th {
    background-color: #F4F7F8 !important;
    border: none;
    font-size: 15px;
    line-height: 37px;
    text-align: right;
    padding: 10px;
    font-weight: normal;
}

table.tbl_form_2015 td,
.tbl_form_2015 .tbl_td {
    border: none;
    padding: 10px;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: normal;
}

table.tbl_form_2015 tr:not(:last-child) th,
.tbl_form_2015 .tbl_row:not(:last-child) .tbl_th {
    padding-bottom: 0;
}

table.tbl_form_2015 tr:not(:last-child) td,
.tbl_form_2015 .tbl_row:not(:last-child) .tbl_td {
    padding-bottom: 0;
}

table.tbl_form_2015 p.iasp_note, .tbl_form_2015 p.iasp_note {
    margin: 0;
    padding: 10px 0 0;
}

/*#### This part is for Registration Form Password Progress Bar Style ####*/
.tbl_form_2015 .progress {
    width: 286px;
    height: 37px;
    top: 0;
}

.tbl_form_2015 .password-strength .progress-bar-danger {
    border-radius: 3px;
}

/*Firefox hack for progress bar*/
@-moz-document url-prefix() {
    .tbl_form_2015 .progress {
        width: 252px;
    }
}

/*IE Exploer hack for progress bar*/
@media screen\0 {
    .tbl_form_2015 .progress {
        width: 259px;
    }
}

/*IE Edge hacks*/
@supports (-ms-ime-align:auto) {
    .tbl_form_2015 .progress {
        width: 259px;
    }
}


.tbl_form_2015 .password-strength + .psw_bg {
    width: 286px;
    height: 34px;
    position: absolute;
    background-color: white;
    top: 12px;
}

.tbl_form_2015 .psw_col {
    position: relative;
}

/*Firefox hack for Password background*/
@-moz-document url-prefix() {
    .tbl_form_2015 .password-strength + .psw_bg {
        width: 252px;
    }
}

/*IE Exploer hack for Password background*/
@media screen\0 {
    .tbl_form_2015 .password-strength + .psw_bg {
        width: 259px;
    }
}

/*IE Edge hacks*/
@supports (-ms-ime-align:auto) {
    .tbl_form_2015 .password-strength + .psw_bg {
        width: 259px;
    }
}

/*#### This part is for pop up admin Form Style ####*/
.ui-dialog .tbl_form_2015 tr:not(.btn_row) input,
.ui-dialog .tbl_form_2015 tr:not(.btn_row) input.text,
.ui-dialog .tbl_form_2015 tr:not(.btn_row) select,
.ui-dialog .tbl_form_2015 .tbl_row:not(.btn_row) input,
.ui-dialog .tbl_form_2015 .tbl_row:not(.btn_row) input.text,
.ui-dialog .tbl_form_2015 .tbl_row:not(.btn_row) select {
    margin-bottom: 5px;
    padding: 0 5px;
}


.ui-dialog .progress {
    width: 312px;
    height: 29px;
}

.ui-dialog .tbl_form_2015 .password-strength + .psw_bg {
    top: 6px;
    width: 312px;
}

.ui-dialog .tbl_form_2015 .password-strength + .psw_bg {
    /*display: none;*/
}

.ui-dialog .tbl_form_2015 tr.sub_heading th {
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
}

.ui-dialog table.displaytbl tbody tr:nth-child(even) td,
.ui-dialog table.displaytbl tbody tr.even td {
    color: #000000;
}

.ui-dialog .tbl_form_2015 th {
    background-color: #4684AE !important;
    font-size: 12px;
    color: #ffffff;
}

.ui-dialog .tbl_form_2015 td {
    border: none;
    padding: 10px;
    font-size: 12px;
}

/*#### This part is for Super User style ####*/
.tbl_form_2015 .su th,
.tbl_form_2015 .su td {
    background-color: #F8981C;
    color: #ffffff;
}

table.displaytbl.tbl_form_2015 .su th,
table.displaytbl.tbl_form_2015 .su td {
    background-color: #F8981C !important;
    color: #ffffff;
}

.ui-dialog .tbl_form_2015 .su th {
    background-color: #F8981C;
}

.section_heading.hdr {
    text-align: center;
    font-weight: bold;
    margin: 15px 0;
}
/*#### This part is for Search Form Style ####*/
table.tbl_form_2015 td b,
.tbl_form_2015 .tbl_td b {
    font-weight: normal;
}

table.tbl_form_2015 td.searchleft,
.tbl_form_2015 .tbl_td.searchleft {
    text-align: right;
}

table.tbl_form_2015 td.searchseparator {
    font-size: 20px;
    line-height: 2;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
}

    table.tbl_form_2015 td.searchseparator b {
        margin: 0 190px 0 0;
    }

    table.tbl_form_2015 td.searchseparator input.button {
        font-size: 15px;
        font-weight: normal;
        text-align: center;
        background-color: #19ace3 !important;
        color: #ffffff;
        display: inline-block;
        _height: 21px;
        zoom: 1;
        line-height: 21px;
        padding: 8px 35px;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: none;
        margin: 15px 0 15px 145px;
    }
/***************** 2015 Style for Table and Responsive div Table Forms Ends ********************/
/***************** User Edit View ***************** */
.showSideMenu_True .user_edit,
.showSideMenu_True .user_edit ~ #iasp_maillist_subscribe,
.showSideMenu_True .user_edit ~ .cms_endform_buttons {
    width: 78%;
    margin-left: 22%;
}
/***************** End of User Edit View ***************** */
/*****************User Log in Page ***************** */
.detail.login_page .img_box {
    display: none;
}

.showSideMenu_True .detail.login_page ~ #profilemain,
.showSideMenu_True .detail.login_page ~ #account_area_items_list {
    width: 78%;
    margin-left: 22%;
}

#account_area_items_list {
    margin-top: 20px;
}

    #account_area_items_list div.listitem.logout {
        background-color: #3d4251;
        position: relative;
        bottom: 0;
        right: 0;
        display: block;
        text-align: center;
        margin: 15px auto 0 auto;
    }
/***************** End of User Log in Page ***************** */
/*****************Contact Us Page ***************** */
.showSideMenu_True .detail ~ #contactusform,
.showSideMenu_True .cpaneltbl.contanct_list {
    width: 78% !important;
    margin-left: 22%;
}
/*****************End of Contact Us Page ***************** */
/**************** Product Page ***************** */
.inner_social_bar {
    height: 25px;
    margin-bottom: 30px;
}

.detail.product.new {
    font-size: 0;
}

#ct.nothp .detail.product.new .detail_text h1 {
    padding-top: 0;
    font-size: 20px;
    font-weight: 600;
}

#ct.nothp .detail.product.new .detail_text h3 {
    font-size: 16px;
}

.detail.product.new .bottom_border {
    border-bottom: 1px solid #dadada;
    padding-bottom: 30px;
}

.detail.product.new .price_row.left {
    font-size: 0;
}

    .detail.product.new .price_row.left span {
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
        line-height: 35px;
        padding-right: 5px;
    }

        .detail.product.new .price_row.left span.label {
            font-size: 20px;
            font-weight: 600;
            color: #000000;
        }

        .detail.product.new .price_row.left span.regular_price {
            font-size: 20px;
            font-weight: 600;
            padding-right: 10px;
        }

        .detail.product.new .price_row.left span.vip_price {
            font-size: 20px;
            font-weight: 600;
        }

.detail.product.new .btn_wrap.right {
    vertical-align: top;
    font-size: 0;
}

    .detail.product.new .btn_wrap.right form.iasp_requestbutton {
        padding: 0;
    }

        .detail.product.new .btn_wrap.right form.iasp_requestbutton #requestform_submit {
            margin: 0;
        }

.detail.product.new .add_info {
    font-size: 0;
}

    .detail.product.new .add_info table.left {
        font-size: 14px;
        line-height: 25px;
        table-layout: fixed;
        display: inline-table;
    }

        .detail.product.new .add_info table.left th {
            width: 50%;
            text-align: left !important;
        }

    .detail.product.new .add_info table.right {
        font-size: 14px;
        line-height: 25px;
        table-layout: fixed;
        display: inline-table;
        background-color: #ebebe9;
        padding: 20px;
    }

        .detail.product.new .add_info table.right th {
            width: 100%;
            padding-right: 20px !important;
            padding-left: 20px;
            text-align: left !important;
        }

        .detail.product.new .add_info table.right tr:first-child th {
            padding-top: 20px;
        }

        .detail.product.new .add_info table.right tr:last-child th {
            padding-bottom: 20px;
        }

        .detail.product.new .add_info table.right th a {
            text-decoration: underline;
            color: #4b4a4d !important;
        }
/*##### Zommer #####*/
.zoomLens {
    max-width: 100%;
}

.zoomContainer {
    max-height: 400px;
    right: 0;
}

.zoom_box {
    position: relative;
}

    .zoom_box .zoom_box_inner {
        position: relative;
    }

    .zoom_box #plus_sign {
        position: absolute;
        right: 20px;
        top: 335px;
    }

    .zoom_box .main_img_box {
        position: relative;
        width: 1000px;
        height: 400px;
        display: block;
        overflow: hidden;
        box-sizing: border-box;
        margin: 0 auto;
    }

        .zoom_box .main_img_box .main_img_wrap {
            display: block;
            text-align: center;
            max-width: 1000px;
            max-height: 400px;
            width: 1000px;
            height: 400px;
            text-align: center;
        }

            .zoom_box .main_img_box .main_img_wrap img {
                height: 400px;
            }

            .zoom_box .main_img_box .main_img_wrap .zoomWrapper {
                font-size: 0;
                top: 0;
                position: relative;
                text-align: center;
                margin: auto;
                width: 1000px !important;
                height: 400px !important;
            }

            .zoom_box .main_img_box .main_img_wrap img {
                max-width: 1000px;
                max-height: 400px;
                height: 400px;
                bottom: 0;
                top: 0;
                position: relative !important;
            }

            .zoom_box .main_img_box .main_img_wrap .zoomWrapper img#zoom_main_img ~ div {
                top: 0;
                width: 1000px !important;
            }

    /*##### Image Thumbnail Gallery #####*/
    .zoom_box .sml_img {
        height: 80px;
        font-size: 0;
        text-align: center;
        width: 100%;
    }

        .zoom_box .sml_img .sml_img_item {
            display: inline-table;
            height: 80px;
            width: 200px;
            box-sizing: border-box;
            border-right: none;
            border-top: 0;
        }

            .zoom_box .sml_img .sml_img_item:last-child {
                border-right: 1px solid #dadada;
            }

            .zoom_box .sml_img .sml_img_item .sml_img_wrap {
                display: table-cell;
                vertical-align: middle;
                width: 200px;
            }

                .zoom_box .sml_img .sml_img_item .sml_img_wrap a {
                    display: block;
                }

                .zoom_box .sml_img .sml_img_item .sml_img_wrap img {
                    max-height: 200px;
                    max-width: 80px;
                }
/**************** End of Product Page ******************/
/******************** Start of Style for Desktop Gallery ***********************************/
.showSideMenu_True .img_list {
    width: 78%;
    margin-left: 22%;
}

.img_list {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

    .img_list .edit_ctrl {
        height: 20px;
        margin: 5px 0 0 0;
    }

    .img_list .img_item {
        padding: 0 1% 0px 0;
        width: 24%;
        text-align: center;
        vertical-align: top;
    }

        .img_list .img_item #plus_sign {
            position: absolute;
            right: 20px;
            bottom: 15px;
        }

    .img_list .img_row {
        text-align: left;
        padding-bottom: 20px;
    }

img_list .img_item div {
    padding-bottom: 5px;
    width: 202px;
}



.img_list a.popupviewtrigger, .img_list a.colorbox_group {
    position: relative;
    display: block;
}

    .img_list a.popupviewtrigger #plus_sign, .colorbox_group #plus_sign {
        left: 15px;
    }


.img_list .img_item .img_name {
    height: 50px;
    padding: 20px 0px 0px 0px;
}

.img_list .img_item .download {
    padding-bottom: 20px;
}

.img_list #gallery_list_main {
    height: 267px;
}


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

    .img_detail .image_info div {
        margin-top: 20px;
    }

.image_holder {
    text-align: center;
    width: 1000px;
    height: 570px;
    display: table;
}

.image_holder_inner {
    display: table-cell;
    vertical-align: middle;
}

    .image_holder_inner img {
        max-width: 1000px;
        max-height: 570px;
    }
/******************** Start of Style for ColorBOx ***********************************/
.colorbox_page {
    max-width: 1000px;
    margin: auto;
}

.colorbox_img_des {
    position: relative;
    top: 560px;
    z-index: 1000;
    width: 1010px;
    right: 930px;
}

.colorbox_img_des, #cboxCurrent, #cboxTitle {
    color: #ffffff;
}

#colorbox, #cboxOverlay, #cboxWrapper {
    overflow: visible;
}

#cboxCurrent {
    width: 79px;
}

#cboxTitle, #cboxCurrent {
    top: -26px;
}

#cboxNext:focus,
#cboxPrevious:focus {
    outline: 0;
}

#cboxLoadedContent {
    border-color: #aaaaaa;
}
/******************** End of Style for ColorBOx ***********************************/
/******************** End of Style for Desktop Gallery ***********************************/
/****************************Mobile Image Gallery********************/
.showSideMenu_True #Gallery {
    width: 78%;
    margin-left: 22%;
}

#Gallery {
    list-style: none;
    padding: 0;
    margin: 0;
}



    #Gallery .img_row .img_item {
        width: 30%;
        margin-bottom: 15px;
        margin-right: 5%;
        vertical-align: top;
        text-align: center;
    }

        #Gallery .img_row .img_item:last-child {
            margin-right: 0;
        }

.bottom_margin {
    margin-bottom: 20px;
}

#Gallery .img_row {
    border-bottom: 1px dashed #dfdddd;
    padding-top: 15px;
}

    #Gallery .img_row.f {
        padding-top: 0;
    }


    #Gallery .img_row div .img_border {
        border-width: thin;
    }

    #Gallery .img_row .img_item a {
        display: block;
    }
/****************************End of Mobile Image Gallery********************/
/****************************Blog********************/
.showSideMenu_True #iasp_comments {
    width: 78%;
    margin-left: 22%;
}

.blog_time {
    margin-bottom: 10px;
}


    .blog_time img {
        padding-bottom: 5px;
        padding-right: 5px;
    }

/* Style for Swap Box Image Gallery */
.swap_box {
    position: relative;
}

    .swap_box .swap_box_inner {
        position: relative;
    }

    .swap_box .main_img_box {
        position: relative;
        /* width: 750px; */
        /* height: 300px; */
        display: block;
        overflow: hidden;
        box-sizing: border-box;
        text-align: center;
    }

        .swap_box .main_img_box .main_img_wrap {
            display: block;
        }

            .swap_box .main_img_box .main_img_wrap .zoomWrapper {
                font-size: 0;
                top: 0;
                position: relative;
                text-align: center;
                margin: auto;
                width: 750px !important;
                height: 300px !important;
            }

                .swap_box .main_img_box .main_img_wrap .zoomWrapper img#zoom_main_img {
                    max-width: 750px;
                    max-height: 300px;
                    height: 300px;
                    bottom: 0;
                    top: 0;
                    position: relative !important;
                }

                    .swap_box .main_img_box .main_img_wrap .zoomWrapper img#zoom_main_img ~ div {
                        top: 0;
                        width: 750px !important;
                    }


    /*##### Image Thumbnail Gallery #####*/
    .swap_box .sml_img {
        height: 60px;
        font-size: 0;
        text-align: center;
        width: 100%;
    }

        .swap_box .sml_img .sml_img_item {
            display: inline-table;
            height: 60px;
            width: 150px;
            box-sizing: border-box;
            border-right: none;
            border-top: 0;
        }

            .swap_box .sml_img .sml_img_item:last-child {
                border-right: 1px solid #dadada;
                ;
            }

            .swap_box .sml_img .sml_img_item .sml_img_wrap {
                display: table-cell;
                vertical-align: middle;
                width: 150px;
            }

                .swap_box .sml_img .sml_img_item .sml_img_wrap a {
                    display: block;
                }

                .swap_box .sml_img .sml_img_item .sml_img_wrap img {
                    max-height: 150px;
                    max-width: 60px;
                }

/**************************** End of Blog********************/
/******************** Google Map Styles ********************/
#map_canvas_web,
#directions {
    width: 100% !important;
}

#get_direction_web {
    /*width: 146px;*/
    margin: 20px 0;
}

#map_canvas_web img, #directions img {
    max-width: none;
}


/* Hide get direction button For IE 7,8,9(IE Hacks)*/
div.hide_direction {
    display: none\9;
}

* + html div.hide_direction {
    display: none;
}

/*End of Hide get direction button */
#get_direction_web:hover {
    color: white;
}

/******************** End of Google Map Styles ********************/
/******************** Search Form Styles ********************/
table.displaytbl.tbl_form_2015.search_form tr:nth-child(3) td,
table.displaytbl.tbl_form_2015.search_form tr:nth-child(3) th {
    padding-bottom: 15px;
}
/******************** End of Search Form Styles ********************/