@charset "utf-8";

/*input,button,select,textarea{ outline:none;}
textarea{ resize:none;}*/

.blue2 {
    color: #004280;
}
/*----------------------------------------
  Reset
----------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}
/*----------------------------------------
  Basic
----------------------------------------*/
body {
    color: #4d4d4d;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div, p, a, li, td {
    -webkit-text-size-adjust: none;
}

br {
    height: 1px;
    font-size: 1px;
}

a {
    color: #004280;
    text-decoration: none;
    outline: none;
    font-weight: normal;
}

    a:hover, a:active, a:focus {
        color: #004280;
        text-decoration: underline;
    }

    a img {
        border: none;
    }

.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

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

.block-more a {
    text-align: right;
    margin-top: -15px;
    display: block;
    clear: both;
}

/*----------------------------------------
  Support Portal Style
----------------------------------------*/
/* original css */
#container {
    width: 960px;
    margin: 0 auto;
}
/*----------------------------------------
  Heading
----------------------------------------*/
.supp-heading-wrapper {
    font-size: 13px;
    margin: 15px 0px;
}
/*  Breadcrumb
----------------------------------------*/
.supp-breadcrumb {
    list-style: none;
    margin: 0px 0px 0px 10px;
    color: #004280;
}

    .supp-breadcrumb li {
        display: inline;
    }

    .supp-breadcrumb .firstCrumb {
        font-size: 14px;
        font-weight: bold;
        color: #004280;
    }

    .supp-breadcrumb .lastCrumb {
        color: #4d4d4d;
    }
/*----------------------------------------
  Content
----------------------------------------*/
#supp-content-wrapper {
    width: 960px;
}
/*----------------------------------------
  Content Main
----------------------------------------*/
.supp-content-main {
    width: 760px;
    float: left;
    margin-bottom: 20px;
}


    /*----------------------------------------
  Main Search
----------------------------------------*/
    .supp-content-main .main-search {
        width: 100%;
    }
/* Content Search Table
----------------------------------------*/
.main-search table.search-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border-collapse: collapse;
}

/*----------------------------------------
  Main Video Detail
----------------------------------------*/
.main-detail {
    width: 100%;
}

    .main-detail .content-block-full {
        width: 100%;
    }
    /*
.main-detail .content-block-left {
	float: left;
	width: 48.7%;
}
.main-detail .content-block-right {
	float: right;
	width: 48.7%;
}
*/
    .main-detail .block-title {
        font-size: 15px;
        font-weight: normal;
        /*color: #666;*/
        background-color: #f3f3f3;
        line-height: 28px;
        /*border-bottom: 3px solid #e5e5e5;*/
        margin-bottom: 20px;
        padding: 0 10px;
    }

    .main-detail .block-more a {
        float: right;
        margin-top: -48px;
        font-size: 11px;
        font-weight: normal;
        line-height: 28px;
        padding: 0 10px;
    }
    /* Content ListItem-Video
----------------------------------------*/
    .main-detail .listItem-video li {
        width: 240px;
        margin-right: 20px;
        background: #eeeeee;
        float: left;
        margin-bottom: 20px;
        list-style: none;
    }

    .main-detail .listItem-detail li {
        width: 100%;
        margin-right: 0px;
        background: #fff;
        float: none;
        margin-bottom: 0px;
    }

    .main-detail .listItem-video .videoBlock {
        padding: 10px;
    }

    .main-detail .listItem-detail .videoBlock {
        padding: 0px;
    }

    .main-detail .listItem-video h3 {
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .main-detail .listItem-video h4 {
        font-size: 12px;
        font-weight: normal;
        padding-bottom: 10px;
    }

    .main-detail .listItem-video h5 {
        font-size: 11px;
        font-weight: normal;
        padding-bottom: 20px;
    }
    /*
.main-detail .listItem-video .videoThumb {
	width: 220px;
	height: 124px;
	background: #333;
	margin-bottom: 10px;
	text-align: center;
}
*/
    .main-detail .listItem-video .video {
        width: 96%;
        height: none;
        padding: 2%;
        background: #000;
        text-align: center;
    }



table.search-tbl th {
    width: 110px;
    padding: 16px 10px 16px 30px;
    line-height: 15px;
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none;
    text-align: left;
    vertical-align: top;
    color: #004280;
    background-image: url(../images/supp-bullet-arrow.gif);
    background-repeat: no-repeat;
    background-position: 15px 18px;
}

    table.search-tbl th ol {
        margin-top: 20px;
        list-style: none;
    }

        table.search-tbl th ol li a {
            display: block;
            margin-bottom: 15px;
            padding-left: 20px;
            line-height: 16px;
            background-position: 0px 0px;
            background-repeat: no-repeat;
            text-decoration: none;
        }

        table.search-tbl th ol li.tick a {
            background-image: url(../images/supp-icon-tick-untick.png);
            background-position: 0px 0px;
        }

        table.search-tbl th ol li.untick a {
            background-image: url(../images/supp-icon-tick-untick.png);
            background-position: 0px -16px;
        }

table.search-tbl td {
    padding: 12px 20px;
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none;
}

    table.search-tbl td.internal {
        background-color: #ededed;
    }

table.search-tbl table.tbl-checkbox {
    width: 100%;
    border-collapse: collapse;
}

table.tbl-checkbox td {
    padding: 4px 0px;
    border: none;
    background-color: transparent;
}

.main-search table select {
    width: 250px;
    padding: 3px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.main-search table input[type="text"] {
    width: 300px;
    padding: 3px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.main-search table input[type="checkbox"] {
    margin: -2px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
}

.main-search ol.search-btn {
    list-style: none;
    margin-bottom: 20px;
}

ol.search-btn li {
    float: right;
    margin-left: 15px;
}

    ol.search-btn li a {
        display: block;
        width: 150px;
        padding: 5px 0;
        line-height: 18px;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        background-color: #d6e4f2;
        background-repeat: no-repeat;
        background-position: 10px 5px;
    }

        ol.search-btn li a:hover {
            background-color: #97bcdf;
        }

    ol.search-btn li.search a {
        background-image: url(../images/supp-icon-search.png);
    }

    ol.search-btn li.reset a {
        background-color: #d9d9d9;
        background-image: url(../images/supp-icon-reset.png);
    }

        ol.search-btn li.reset a:hover {
            background-color: #97bcdf;
        }

/*----------------------------------------
  Main Tabs Sub
----------------------------------------*/
.main-tabs-sub ol {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    height: 27px;
    border-top: 2px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background-color: #f3f3f3;
}

    .main-tabs-sub ol li {
        float: left;
        list-style: none;
        /*width: 126px;*/
        /*height: 27px;*/
    }

        .main-tabs-sub ol li a {
            display: block;
            width: 126px;
            height: 27px;
            line-height: 27px;
            text-align: center;
            font-weight: bold;
        }

            .main-tabs-sub ol li a:hover {
                text-decoration: none;
                background-color: #97bcdf;
            }

        .main-tabs-sub ol li.tab-active a {
            height: 35px;
            background-image: url(../images/supp-tab-sub-arrow.gif);
            background-repeat: no-repeat;
            background-position: center bottom;
            background-color: #d6e4f2;
        }
/*----------------------------------------
  Main FAQ
----------------------------------------*/
.supp-content-main .main-faq {
    width: 100%;
}

/*----------------------------------------
  Main Result
----------------------------------------*/
.supp-content-main .main-result {
    width: 100%;
}

.main-result .result-keywords {
    float: left;
    width: 60%;
    margin-bottom: 10px;
    margin-right: 20px;
    line-height: 24px;
    font-size: 13px;
    margin-left: 10px;
}

    .main-result .result-keywords strong {
        font-weight: bold;
        color: #004280;
    }

.main-result .result-restart {
    float: right;
    margin-bottom: 10px;
    padding-left: 15px;
    background-image: url(../images/supp-bullet-arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.result-restart input[type="text"] {
    float: right;
    width: 120px;
    padding: 3px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

.result-restart .search-btn {
    float: right;
    margin-left: 6px;
}

    .result-restart .search-btn a {
        display: block;
        padding: 4px 4px;
        background-color: #004280;
    }
/*  Result Category
----------------------------------------*/
.main-result ol.result-category {
    clear: both;
    width: 98%;
    padding: 12px 1%;
    background-color: #fafafa;
    border-bottom: 1px solid #d9d9d9;
}

.main-result ol.first-categ {
    border-top: 1px solid #d9d9d9;
}

.main-result ol.internal {
    background-color: #ededed;
}

ol.result-category li {
    float: left;
    list-style: none;
    margin: 2px 8px;
}

    ol.result-category li a {
        display: block;
        padding: 6px 6px;
        color: #004280;
        white-space: nowrap;
    }

        ol.result-category li a .num {
            color: #307bbf;
        }

        ol.result-category li a:hover {
            text-decoration: none;
            background-color: #97bcdf;
        }

    ol.result-category li.result-zero {
        float: none;
        margin-top: 20px;
        font-size: 16px;
        color: #666;
    }

    ol.result-category li.result-tip-title {
        float: none;
        margin-top: 30px;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
    }

    ol.result-category li.result-tip {
        float: none;
        list-style: square;
        margin-left: 25px;
    }

    ol.result-category li.tip-last {
        margin-bottom: 20px;
    }

    ol.result-category li.result-active a {
        background-color: #004280;
        color: #fff;
    }

        ol.result-category li.result-active a .num {
            color: #fff;
        }
/* Content Order Table
----------------------------------------*/
.main-tab-content table.order-tbl {
    width: 100%;
    border-collapse: collapse;
    border-top: 3px solid #e5e5e5;
    border-bottom: 3px solid #e5e5e5;
    margin-bottom: 20px;
}

table.order-tbl thead th {
    width: 20%;
    padding: 8px 10px;
    background: #eee;
    border: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
    text-align: left;
}

    table.order-tbl thead th.tbl-head {
        width: 100%;
        padding: 3px 10px 5px 10px;
        background: #a6a6a6;
        color: #fff;
        font-size: 13px;
    }

    table.order-tbl thead th.tbl-quote {
        width: 15%;
    }

    table.order-tbl thead th.tbl-descr {
        width: 65%;
    }

    table.order-tbl thead th.tbl-thsub {
        background: #fafafa;
        color: #666;
    }

table.order-tbl tbody td {
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
}

    table.order-tbl tbody td a {
        font-weight: bold;
    }
/* Content Result Table
----------------------------------------*/
.main-result table.result-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 2px;
}

table.result-tbl thead th {
    padding: 10px 2%;
    border-bottom: 2px solid #ccc;
    text-align: left;
    /*color: #004280;*/
}

table.result-tbl tbody th {
    padding: 6px 2%;
    border-bottom: 1px solid #ccc;
    text-align: left;
    background-color: #fafafa;
    /*color: #004280;*/
}

table.result-tbl th.tbl-doc {
    width: 21%;
}

table.result-tbl th.tbl-subj {
}

table.result-tbl th.tbl-product {
    width: 13%;
}

table.result-tbl th.tbl-date {
    width: 13%;
}

    table.result-tbl th.tbl-date a {
        display: block;
        background-image: url(../images/supp-icon-sort.png);
        background-repeat: no-repeat;
        background-position: right center;
        text-decoration: none;
        font-weight: bold;
    }

table.result-tbl tbody td {
    padding: 8px 2% 4px;
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none;
    vertical-align: top;
}

/* FAQ Table*/
table.result-tbl .tbl-type {
    width: 11%;
}

table.result-tbl .tbl-subj {
    /*width: 66%;*/
}

table.result-tbl .tbl-date {
    width: 13%;
}

/* Page Buttons
----------------------------------------*/
ul.page-button {
    text-align: center;
    margin-bottom: 20px;
    padding-top: 10px;
}

    ul.page-button li {
        display: inline;
        list-style: none;
        margin: 0 2px;
    }

        ul.page-button li a {
            padding: 2px 6px;
            text-decoration: none;
            border: 1px solid #ccc;
            background-color: #fff;
            color: #333;
        }

        ul.page-button li:hover a {
            background-color: #ccc;
        }

        ul.page-button li.active {
            padding: 2px 6px;
            border: 1px solid #808080;
            background-color: #808080;
            color: #fff;
        }
/*----------------------------------------
  Content Sidebar
----------------------------------------*/
.supp-content-sidebar {
    width: 180px;
    float: right;
    margin-bottom: 20px;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC
}

.sidebar-ads {
    margin-bottom: 20px;
    border: 1px solid #ccc;
}
/* Support Service
----------------------------------------*/
ul.sidebar-suppservice {
    margin-bottom: 20px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
}

    ul.sidebar-suppservice li {
        list-style: none;
        margin: 0 5px 5px 5px;
        line-height: 16px;
    }

.sidebar-suppservice a {
    color: #004280;
    display: block;
    padding-left: 15px;
    background: url(../images/supp-bullet-arrow.gif) no-repeat left center;
}

ul.sidebar-suppservice .suppservice-title {
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    background: #f3f3f3;
    text-align: center;
    line-height: 27px;
}

.suppservice-title {
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    background: #f3f3f3;
    text-align: center;
    line-height: 27px;
}

/*  Matching
----------------------------------------*/
.supp-usermenu {
    list-style: none;
    margin: 0px 0px 0px 10px;
    color: #666;
    float: right;
}

    .supp-usermenu li {
        display: inline;
    }

        .supp-usermenu li a {
            margin-left: 8px;
            padding-left: 16px;
            background: url(../images/supp-btn-arrow.png) no-repeat left center;
        }

.leftcontent {
    float: left;
    width: 755px;
}

.main-result .result-descr {
    margin-top: 10px;
    margin-right: 20px;
    margin-left: 10px;
    line-height: 24px;
    font-size: 12px;
}
/*.container2013 #header {height:80px; border-bottom:1px solid #ccc;}*/

/* Content Document Table
----------------------------------------*/
.main-result table.doc-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

table.doc-tbl thead th {
    padding: 8px 2%;
    line-height: 15px;
    text-align: left;
    background-color: #fafafa;
    font-size: 12px;
}

table.doc-tbl tbody th {
    width: 16%;
    padding: 6px 2%;
    border: 1px solid #d9d9d9;
    border-left: none;
    text-align: left;
    vertical-align: top;
    background-color: #fafafa;
    font-weight: normal;
}

table.doc-tbl td {
    width: 26%;
    padding: 6px 2%;
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none;
}
/* Download File Table */

table.result-tbl th.tbl-fileheading {
    width: 100%;
    font-size: 13px;
    color: #4d4d4d;
    padding-left: 5px;
    border-bottom: none;
}

table.result-tbl th.tbl-filesolution {
    width: 100%;
    color: #4d4d4d;
    padding-left: 5px;
    padding-top: 0px;
    padding-bottom: 15px;
    font-weight: normal;
}

    table.result-tbl th.tbl-filesolution div {
        margin-right: 10px;
        float: left;
        color: #666;
    }

table.result-tbl th.tbl-filename {
    width: 34%;
}

table.result-tbl th.tbl-filedate {
    width: 14%;
}

table.result-tbl th.tbl-filesize {
    width: 12%;
}

table.result-tbl th.tbl-filesite {
    width: 24%;
}
/* Download File Button */
table.result-tbl ol.download-btn {
    list-style: none;
}

ol.download-btn li {
    float: left;
    margin-right: 12px;
}

    ol.download-btn li a {
        display: block;
        padding: 6px 15px;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        background-color: #d6e4f2;
        margin-bottom: 4px;
    }

        ol.download-btn li a:hover {
            background-color: #97bcdf;
        }
/* Content Feedback Table
----------------------------------------*/
.main-result table.feedback-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 40px;
    border: 1px solid #ccc;
}

table.feedback-tbl thead th {
    padding: 12px 2%;
    line-height: 15px;
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
    font-size: 12px;
}

table.feedback-tbl tbody th {
    width: 26%;
    padding: 8px 2%;
    border: 1px solid #d9d9d9;
    border-left: none;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}

table.feedback-tbl td {
    width: 66%;
    padding: 8px 2% 8px 0;
    border-bottom: 1px solid #d9d9d9;
}

table.feedback-tbl input[type="radio"] {
    margin: -2px 2px 0 20px;
    vertical-align: middle;
    cursor: pointer;
}

table.feedback-tbl input[type="text"] {
    padding: 3px;
    margin: 0 0 10px 20px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}

table.feedback-tbl textarea {
    padding: 3px;
    margin: 0 0 10px 20px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
/* Feedback Button */
table.feedback-tbl ol.feedback-btn {
    list-style: none;
    margin: 0 0 0 20px;
}

ol.feedback-btn li {
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}

    ol.feedback-btn li a {
        display: block;
        padding: 6px 15px;
        text-align: center;
        text-decoration: none;
        border: 1px solid #808080;
        background-color: #808080;
        color: #fff;
    }

        ol.feedback-btn li a:hover {
            border: 1px solid #ccc;
            background-color: #ccc;
            color: #333;
        }

/* Ask an Expert
----------------------------------------*/
/*ul.sidebar-askexpert {
    margin-bottom: 20px;
    border-top:0 solid;
    border-bottom:0 solid;
	background-image: url(../images/prd-askexpert-male.jpg);
	background-repeat: no-repeat;
	background-position: right 55px;
}*/
ul.sidebar-askexpert li {
    list-style: none;
    margin: 0 5px 5px 5px;
    line-height: 16px;
}

    ul.sidebar-askexpert li > a {
        display: block;
        padding-left: 22px;
    }

    ul.sidebar-askexpert li.askexpert-title {
        margin: 0px 0px 10px 0px;
        font-weight: bold;
        background: #f3f3f3;
        text-align: center;
        line-height: 27px;
    }

    ul.sidebar-askexpert li.askexpert-tollfree {
        padding-top: 5px;
        margin-bottom: 0px;
    }

    ul.sidebar-askexpert li.askexpert-chat-cn {
        background: url(../images/aol-qq-offical.png) no-repeat;
    }

    ul.sidebar-askexpert li.askexpert-chat {
        background: url(../images/prd-askexpert-chat.gif) no-repeat;
    }

    ul.sidebar-askexpert li.askexpert-callback {
        background: url(../images/prd-askexpert-callback.gif) no-repeat;
    }

    ul.sidebar-askexpert li.askexpert-quote {
        background: url(../images/prd-askexpert-quote.gif) no-repeat;
    }

    ul.sidebar-askexpert li.askexpert-more {
        background: url(../images/prd-askexpert-more.gif) no-repeat;
    }


ul.sidebar-askexpert {
    margin-bottom: 20px;
    /*height: 170px;*/
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    background-image: url(../images/prd-askexpert-male.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

    ul.sidebar-askexpert li.askexpert-quote {
        background: url(../images/prd-askexpert-quote.gif) no-repeat;
        margin-right: 45px;
    }

    ul.sidebar-askexpert li.askexpert-more {
        background: url(../images/prd-askexpert-more.gif) no-repeat;
        margin-right: 45px;
    }


/* ---------- Pads / Smartphones ---------- */
@media screen and (max-width: 768px) {
    ul.sidebar-askexpert {
        background: none;
    }

        ul.sidebar-askexpert li.askexpert-quote {
            margin-right: 5px;
        }

        ul.sidebar-askexpert li.askexpert-more {
            margin-right: 5px;
        }
}

.header-search {
    float: right;
    width: 166px;
    border: 1px solid #ccc;
    margin: 0px 0px 10px;
}

    .header-search .search-btn {
        float: right;
        margin: 2px 2px;
    }

    .header-search input.search-textfield {
        float: left;
        width: 140px;
        height: 14px;
        padding: 3px 3px;
        border: 0px solid #fff;
        color: #666;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
/*----------------------------------------
  Content Left
----------------------------------------*/
.supp-content-left {
    width: 180px;
    float: left;
    margin-right: 20px;
    /*border-top: 2px solid #004280;*/
}

    .supp-content-left ul li {
        list-style-type: none;
    }
/*----------------------------------------
  Sliding panel - left
----------------------------------------*/
#accordion {
    border-bottom: 1px solid #d9d9d9;
}

    #accordion h3 {
        font-size: 1em;
        color: #004280;
    }

.ui-accordion-header {
    /*background-color:#ededed;*/
    background-color: #fafafa;
    padding: 7px 0 7px 12px;
    background-image: url(../images/prd-btn-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    border-top: 1px solid #d9d9d9;
}

.ui-state-active {
    background-color: #fafafa;
    background-image: url(../images/header-ww-btn.png);
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: 1px solid #d9d9d9;
}

.ui-accordion-content {
    /*background-color:#fafafa;*/
    padding-bottom: 10px;
    padding-right: 8px;
}

    .ui-accordion-content ul {
        padding: 8px 0 0 0;
        margin: 0 0 0 0;
        list-style-type: none;
    }

        .ui-accordion-content ul li {
            margin: 0;
            padding: 5px 0 5px 12px;
        }

            .ui-accordion-content ul li a {
                color: #004280;
            }

    .ui-accordion-content li .num {
        color: #307bbf;
        margin-left: 5px;
    }
/*----------------------------------------
  Content Main
----------------------------------------*/
.supp-content-main {
    width: 760px;
    float: left;
    margin-bottom: 20px;
}

.supp-content-main2 {
    width: 560px;
    float: left;
    margin-bottom: 20px;
}

/*----------------------------------------
  Main Search
----------------------------------------*/
.supp-content-main .main-search {
    width: 100%;
}
/* Content ListItem-Product
----------------------------------------*/
.supp-content-main2 .listItem-catalog > li {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
}

    .supp-content-main2 .listItem-catalog > li:last-child {
        border-bottom: none;
        margin-bottom: 0px;
    }

    .supp-content-main2 .listItem-catalog > li.lastItem {
        border-bottom: none;
        margin-bottom: 0px;
    }

.supp-content-main2 .listItem-catalog .listPic {
    float: left;
    width: 80px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    margin-right: 2.6%;
    text-align: center;
}

.supp-content-main2 .listItem-catalog .catalogPic img {
    width: 80px;
    height: 110px;
}

.supp-content-main2 .listItem-catalog .whitePaperPic img {
    width: 80px;
    height: 104px;
}

.supp-content-main2 .listItem-catalog .videoPic img {
    width: 80px;
    height: auto;
}

.supp-content-main2 .listItem-catalog .listText {
    float: left;
    width: 82%;
    line-height: 15px;
}

.supp-content-main2 listItem-catalog .listText h4 {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

/* Content ListItem-Catalog
----------------------------------------*/
.supp-content-main2 .listItem-catalog li {
    width: 100%;
    float: left;
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.supp-content-main2 .listItem-catalog .listText h3 a {
    font-size: 13px;
    font-weight: bold;
    float: left;
    margin-bottom: 20px;
}

.supp-content-main2 .listItem-catalog .listText .icon-new {
    width: 24px;
    height: 24px;
    margin: -2px 0 5px 10px;
    padding: 8px 10px 0 10px;
    text-indent: -9999px;
    background: url(../images/prd-icon-new.png) no-repeat;
}

.supp-content-main2 .listItem-catalog .catalogLink {
    float: left;
    width: auto;
    padding: 0;
    margin: 0 0 15px 15px;
    *list-style-type: square !important;
}

    .supp-content-main2 .listItem-catalog .catalogLink li {
        *float: none;
        border-bottom: 0;
        padding: 0;
        margin: 0 0 5px 0;
        list-style-type: square !important;
        *list-style-type: disc !important;
        /*word-break:break-all;*/
    }

.supp-content-main2 .supp-content-search {
    width: 180px;
    text-align: left;
    float: right;
    vertical-align: middle;
    color: #004280;
    padding: 0 0 0 15px;
    background-image: url(../images/supp-bullet-arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 10px;
}

    .supp-content-main2 .supp-content-search select {
        width: auto;
        padding: 3px;
        border: 1px solid #ccc;
        color: #666;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
    }


/*----------------------------------------
  Dialog
----------------------------------------*/

.ui-dialog-titlebar-close {
    text-indent: -99999px;
    overflow: hidden;
    color: transparent;
    background-color: #ededed;
    background-image: url(../images/supp-icon-close.png);
    background-repeat: no-repeat;
    border: 0 !important;
}

/* Component containers
----------------------------------*/


.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-header {
    background: #ededed;
    font-weight: bold;
    color: #222;
    font-size: 13px;
    border: 0;
    padding: 10px 5px 10px 10px;
    margin: 0;
}

.ui-widget-content {
}

/* Layout helpers
----------------------------------*/


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

.ui-helper-clearfix {
    display: inline-block;
}

/* required comment for clearfix to work in Opera \*/


* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

/* end clearfix */


.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

/* Overlays */


.ui-widget-overlay {
    background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #4d4d4d;
    background: #fff;
}

    .ui-dialog p {
        margin: 0 0 10px 0;
    }

    .ui-dialog .productName {
        padding: 12px 0 15px 0;
        line-height: 18px;
        font-weight: bold;
        color: #004280 !important;
    }

        .ui-dialog .productName span {
            margin-right: 5px;
        }

    .ui-dialog .ui-dialog-titlebar {
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close:focus {
            border: 0 !important;
        }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

    .ui-dialog .notice {
        color: red;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-dialog table.search-tbl {
    width: 100%;
    margin-bottom: 15px;
}

.ui-dialog table select {
    width: 250px;
    padding: 3px;
    border: 1px solid #ccc;
}

.ui-dialog table input[type="text"] {
    width: 242px;
}