div.gk-menu > ul.level0 > li {
    float: left;
    width: auto;
}

    div.gk-menu > ul.level0 > li > a {
        display: block;
    }

        div.gk-menu > ul.level0 > li > a > span.menu-title {
            display: block;
        }

        div.gk-menu > ul.level0 > li > a > span.menu-desc {
            display: block;
        }

    div.gk-menu > ul.level0 > li > .childcontent, div.gk-menu > ul.level0 > li > .childcontent .childcontent {
        position: absolute;
        left: -999em;
        z-index: 999;
    }

        div.gk-menu > ul.level0 > li > .childcontent .gkcol {
            float: left;
        }

    div.gk-menu > ul.level0 > li:hover > .childcontent, div.gk-menu > ul.level0 > li:hover > .childcontent li:hover > .childcontent {
        left: inherit;
    }

        div.gk-menu > ul.level0 > li:hover > .childcontent .childcontent {
            margin-left: 140px !important;
            margin-top: -35px !important;
        }

html, body, div, span, applet, object, iframe, 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, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    min-height: 100%;
    border-bottom: 1px solid transparent;
}

.clear {
    clear: both;
}

.overflow {
    overflow: hidden;
}

.gkWrap {
    max-width: 1200px;
}

#gkMainBlock {
    margin-bottom: 0 !important;
}

#gkContentMainbody {
    margin-bottom: 30px;
}

#gkComponentWrap {
    padding: 0 !important;
}

.gkWrap {
    margin: 0 auto;
}

    .clearfix:after, .gkWrap:after, .gkMain:after, #gkComponentWrap:after, #gkContentMainbody:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

#gkTop1, #gkTop2, #gkUser1, #gkUser2, #gkBottom1, #gkBottom2, #gkMainBlock, #gkLeftMiddle, #gkRightMiddle {
    display: block;
    width: 100%;
}

#gkTop1, #gkTop2, #gkUser1, #gkUser2 {
    margin-bottom: 34px;
}

    #gkTop1 > div, #gkTop2 > div, #gkUser1 > div, #gkUser2 > div {
        padding: 0;
    }

.gkCol {
    display: block;
    float: left;
    width: 100%;
}

#gkBottomWrap > div:first-child {
    margin-top: 0;
}

#gkMainbodyBottom {
    margin-top: 34px;
}

#gkLeft {
    padding-right: 18px !important;
    padding-bottom: 30px;
}

#gkRight {
    padding-left: 18px !important;
    padding-bottom: 30px;
}

#gkInset1 {
    padding-right: 34px !important;
    padding-bottom: 30px;
}

#gkInset2 {
    padding-left: 34px !important;
    padding-bottom: 30px;
}

#gkContentTop {
    margin-bottom: 34px !important;
}

#gkContentBottom {
    margin-top: 34px !important;
}

#gkContent {
    padding-top: 0 !important;
}

.gkContentL {
    padding-left: 18px !important;
}

.gkContentR {
    padding-right: 18px !important;
}

.gkContentRL {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.gkColFull > .box, .gkColLeft > .box, .gkColCenter > .box, .gkColRight > .box {
    margin-left: 0;
}

.gkColLeft > .box {
    margin-left: 0;
}

.gkColRight > .box {
    margin-right: 0;
}

.gkColFull > .box {
    margin-left: 0;
    margin-right: 0;
}

.gkColLeft > div {
    margin-right: 9px !important;
}

.gkColCenter > div {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

.gkColRight > div {
    margin-left: 9px !important;
}

#gkRight > div, #gkLeft > div {
    margin-top: 34px;
}

    #gkRight > div:first-child, #gkLeft > div:first-child {
        margin-top: 0;
    }

.gkPaddingT {
    padding-top: 34px !important;
}

.gkPaddingB {
    padding-bottom: 34px !important;
}

.gkPaddingL {
    padding-left: 34px !important;
}

.gkPaddingR {
    padding-right: 34px !important;
}

.gkPaddingTB {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

.gkPaddingTL {
    padding-top: 34px !important;
    padding-right: 34px !important;
}

.gkPaddingTR {
    padding-top: 34px !important;
    padding-right: 34px !important;
}

.gkPaddingBL {
    padding-bottom: 34px !important;
    padding-left: 34px !important;
}

.gkPaddingBR {
    padding-bottom: 34px !important;
    padding-right: 34px !important;
}

.gkPaddingLR {
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.gkPaddingTBL {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
    padding-left: 34px !important;
}

.gkPaddingTBR {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
    padding-right: 34px !important;
}

.gkPaddingTLR {
    padding-top: 34px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.gkPaddingBLR {
    padding-bottom: 34px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.gkPaddingTBLR {
    padding: 34px !important;
}

.gkMarginT {
    padding-top: 34px !important;
}

.gkMarginB {
    padding-bottom: 34px !important;
}

.gkMarginL {
    padding-left: 34px !important;
}

.gkMarginR {
    padding-right: 34px !important;
}

.gkMarginTB {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

.gkMarginTL {
    padding-top: 34px !important;
    padding-right: 34px !important;
}

.gkMarginTR {
    padding-top: 34px !important;
    padding-right: 34px !important;
}

.gkMarginBL {
    padding-bottom: 34px !important;
    padding-left: 34px !important;
}

.gkMarginBR {
    padding-bottom: 34px !important;
    padding-right: 34px !important;
}

.gkMarginLR {
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.gkMarginTBL {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
    padding-left: 34px !important;
}

.gkMarginTBR {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
    padding-right: 34px !important;
}

.gkMarginTLR {
    padding-top: 34px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.gkMarginBLR {
    padding-bottom: 34px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
}

.gkMarginTBLR {
    padding: 34px !important;
}

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0;
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0px 5px;
    margin-right: 4%;
}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0px 5px;
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0px 5px;
}

.items-row {
    padding-bottom: 18px !important;
}

.column-1, .column-2, .column-3 {
    padding: 0;
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%;
}

.blog-more {
    padding: 18px 5px;
}

input, select, textarea {
    border: 1px solid #e7e7e7;
    border-top-color: #ccc;
    height: 24px;
    line-height: 24px;
    padding: 5px 9px;
}

textarea {
    height: auto;
}

select {
    padding: 2px;
}

input:focus, select, textarea:focus {
    background: #fffef4;
}

button, .button, input[type="submit"], input[type="button"], div.mobileSwitch > a {
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0 5px 2px 2px;
    padding: 0 12px;
    border: none;
    background: #333;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

    button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover {
        background: #f47b20;
        color: #fff;
    }

input[type=checkbox], .checkbox, input[type=radio], .radio {
    height: auto !important;
    background: transparent !important;
    border: none !important;
    margin-top: 7px;
}

select[size] {
    height: auto;
}

select[size="1"] {
    height: 23px !important;
}

.invalid {
    background: #fffef4;
    border: 1px dashed #f3a6a6;
    color: #000;
}

label.invalid {
    color: #ea3c3c;
    background: #fff;
    border: none;
}

small, .small, .smalldark, .img_caption, .contenttoc {
    font-size: 11px;
    color: #888;
}

th {
    font-weight: bold;
    padding: 8px 10px;
    text-align: left;
}

td {
    font-size: 100%;
    padding: 8px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}

fieldset {
    border: none;
    padding: 12px 0;
    clear: both;
    float: none;
}

    fieldset.input {
        padding: 0;
    }

hr {
    height: 1px;
    borde: 0;
    border-top: 1px solid #eee;
}

.gkDate {
    position: absolute;
    height: 42px;
    margin: 5px 0 0 -42px;
    background: url('../../templates/docontrol/images/style1/date.png') no-repeat 0 0;
}

    .gkDate > div {
        width: auto;
        height: 36px;
        background: #9fb960;
        font-size: 16px;
        padding: 0 12px;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
    }

    .gkDate + h2 {
        padding: 0 0 0 72px;
    }

dt.article-info-term {
    display: none;
}

dl.article-info {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 6px 0 18px 0;
    margin: 0 0 36px;
}

.gkDate + h2 + dl.article-info {
    margin-left: 72px;
}

dl.article-info dd {
    float: left;
    margin-right: 16px;
}

p.readmore {
    font-weight: bold;
}

p.img_caption {
    color: #999;
}

.img-fulltext-left {
    float: left;
    margin: 0 25px 10px 0;
}

.img-fulltext-right {
    float: right;
    margin: 0 0 10px 25px;
}

.img-fulltext-none {
    float: none;
    margin: 0 auto 10px auto;
}

    .img-fulltext-none .img_caption {
        margin: 15px auto 25px auto;
    }

.blog .items-row .item, .blog .items-leading > div, .blog-featured .items-row .item, .blog-featured .items-leading > div {
    overflow: hidden;
    margin: 0 0 40px;
}

.items-more {
    clear: both;
}

    .items-more ol {
        padding-left: 0;
        margin-top: 5px;
        list-style-type: decimal;
    }

        .items-more ol li a {
            font-size: 12px;
        }

ul#archive-items li {
    line-height: 1.2;
    margin-top: 24px;
}

ul.pagenav {
    margin: 20px 0;
    overflow: hidden;
}

    ul.pagenav a {
        display: block;
        float: left;
        width: 40px;
        height: 40px;
        background: #222 url('../../templates/docontrol/images/arrows.png') no-repeat 50% 100%;
        text-indent: -9999em;
    }

        ul.pagenav a:hover {
            background-color: #9fb960;
        }

.pagenav-prev a {
    border-right: 1px solid #444;
}

.pagenav-next a {
    background-position: 50% 0 !important;
}

div.pagination ul {
    background-color: #222;
}

    div.pagination ul li {
        display: inline-block;
    }

        div.pagination ul li a, div.pagination ul li span, .pagination-prev span, .pagination-prev a, li.counter {
            display: block;
            margin: 0;
            padding: 4px 16px;
            font-size: 12px;
            cursor: pointer;
            color: #fff;
            border-right: 1px solid #444;
        }

li.counter {
    float: right;
    background: #9fb960;
    border: none;
}

div.pagination ul li span {
    color: #ccc;
    cursor: default;
}

div.pagination ul li a:hover, span.pagenav {
    background: #9fb960;
    border-color: #b4cf73 !important;
    color: #fff !important;
}

.pagination-start span, .pagination-prev span, .pagination-next span, .pagination-end span {
    background-color: #222;
    border-right: 1px solid #444 !important;
}

#gkSocialAPI {
    clear: both;
    height: 27px;
    padding: 12px 0 0;
    margin: 20px 0 0 0;
    border-top: 1px solid #eee;
    line-height: 34px;
}

    #gkSocialAPI .clr {
        clear: both;
    }

    #gkSocialAPI > iframe, #gkSocialAPI > span, #gkSocialAPI > a, #gkSocialAPI .fb_iframe_widget {
        display: block !important;
        float: left !important;
        margin-right: 5px;
    }

    #gkSocialAPI .google-buzz-button {
        margin-top: 0px;
    }

    #gkSocialAPI .db-count {
        line-height: 18px;
    }

    #gkSocialAPI .fb_iframe_widget {
        height: 24px !important;
    }

.deliciousBtn, .instapaperBtn {
    height: 20px;
    width: 24px;
    line-height: 20px;
    font-size: 11px;
}

.deliciousBtn {
    background: transparent url('../../templates/docontrol/images/delicious_icon.gif') no-repeat left center;
}

.instapaperBtn {
    background: transparent url('../../templates/docontrol/images/instapaper_icon.png') no-repeat left center;
}

#___plusone_0 {
    float: left !important;
    margin-right: 10px !important;
}

#gkSocialAPI #___plus_0 {
    margin-right: 15px !important;
    float: left !important;
}

#gkSocialAPI > div, #gkSocialAPI > iframe, #gkSocialAPI > span, #gkSocialAPI > a {
    margin-bottom: 10px;
}

.categories-list dl {
    font-size: 90%;
    color: #999;
}

.categories-list dt {
    float: left;
    padding: 0 6px 0 0;
}

.categories-list ul li {
    line-height: 1.4;
    margin: 6px 0;
    padding: 0 0 6px 24px;
    background: url('../../templates/docontrol/images/style1/typography/bullet-circle2.png') no-repeat 0 2px;
}

.categories-list ul ul {
    margin-left: 20px;
}

.categories-list a {
    font-size: 110%;
}

#system-message-container {
    clear: both;
    overflow: hidden;
}

#system-message {
    border: 2px dashed #EA3C3C;
    margin: 0 0 56px;
    padding: 12px 36px;
}

    #system-message dt {
        display: none;
    }

    #system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li {
        margin: 0;
        padding: 14px 14px 14px 56px;
        line-height: 24px;
        background: url('../../templates/docontrol/images/style1/typography/info_small.png') no-repeat 0 11px;
        font-size: 16px;
        color: #333;
    }

dl#system-message dd.message ~ dd.message {
    display: none;
}

#system-message dd.error ul li {
    background-image: url('../../templates/docontrol/images/style1/typography/warning_small.png');
}

#system-message dd.notice ul li {
    background-image: url('../../templates/docontrol/images/style1/typography/tips_small.png');
}

div.search fieldset.word button, .phrases-box, .ordering-box {
    float: none;
    display: inline;
}

fieldset.word {
    margin: 24px 0 36px;
}

.search .form-limit {
    float: right;
    margin: 24px 12px 12px;
}

    .search .form-limit label {
        padding-right: 10px;
        line-height: 30px;
        float: left;
    }

fieldset.phrases, fieldset.only {
    padding: 20px;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

    fieldset.phrases legend, fieldset.only legend {
        font-weight: bold;
        padding: 0 8px;
        color: #333;
    }

.ordering-box {
    margin-left: 24px;
}

.search dl {
    margin: 0;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

dt.result-title a {
    color: #879d52;
    font-size: 18px;
}

    dt.result-title a:hover {
        color: #333;
    }

dd.result-category {
    color: #888;
    float: left;
    font-size: 13px;
    font-style: italic;
    margin: -4px 10px 0 0;
}

dd.result-url, dd.result-created {
    font-size: 10px;
    text-align: right;
}

#users-profile-core dt, #users-profile-custom dt, .formelm label {
    float: left;
    width: 14em;
    padding: 10px 0;
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

#users-profile-core dd, #users-profile-custom dd {
    padding: 10px 0;
    font-size: 12px;
    border-bottom: 1px solid #eee;
}

#member-profile fieldset, .registration fieldset {
    margin: 5px 0 10px;
    padding: 10px 2px;
}

#users-profile-core legend, #users-profile-custom legend, .profile-edit legend, .registration legend {
    font-size: 24px;
    color: #879D52;
}

.profile-edit form#member-profile fieldset dd, .registration form#member-registration fieldset dd, .formelm {
    float: none;
    padding: 5px 0;
    line-height: 24px;
}

form#member-registration .spacer {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

    form#member-registration .spacer strong, form#member-registration fieldset dt span.star {
        color: #da4d00;
    }

.profile-edit form#member-profile fieldset dd input, .profile-edit form#member-profile fieldset dd select, .registration form#member-registration fieldset dd input {
    width: 180px;
}

.profile-edit form#member-profile fieldset dt, .profile-edit form#member-profile fieldset dt > label, .registration form#member-registration fieldset dt, .registration form#member-registration fieldset dt > label {
    float: left;
    clear: both;
    padding: 0;
    width: 180px;
    font-size: 12px;
    line-height: 32px !important;
    min-height: 32px;
    margin: 1px 0;
}

    .profile-edit form#member-profile fieldset dt > label, .registration form#member-registration fieldset dt > label {
        width: auto;
        margin-right: 5px;
    }

#member-registration > div {
    line-height: 28px;
}

span.optional {
    font-size: 9px;
    color: #aaa;
}

.registration dl dt:first-child {
    width: 100% !important;
}

.registration span.text {
    font-size: 10px;
}

.profile-edit .validate {
    margin-top: -3px;
}

#gkComponent .logout {
    padding: 10px 0 0 0;
    overflow: hidden;
}

#gkComponent .login-fields {
    padding: 5px 0;
}

    #gkComponent .login-fields label {
        min-width: 100px;
        display: block;
        float: left;
    }

#gkComponent .reset, #gkComponent .remind {
    overflow: hidden;
}

    #gkComponent .reset input.required, #gkComponent .remind input.required {
        width: 200px;
    }

td.num {
    vertical-align: top;
    text-align: left;
}

td.hits {
    vertical-align: top;
    text-align: center;
}

td p {
    margin: 0;
}

.filter {
    margin: 10px 0;
}

.display-limit, .filter {
    text-align: right;
    margin-right: 7px;
}

table, table td {
    border-collapse: collapse;
}

    table.weblinks, table.category {
        margin: 10px 0 20px 0px;
        width: 100%;
    }

        table.weblinks th, table.category th {
            background: #333;
            color: #eee;
        }

            table.weblinks th a, table.category th a {
                color: #eee;
            }

                table.weblinks th a:hover, table.category th a:hover {
                    color: #fff;
                }

            table.weblinks th:first-child, table.category th:first-child {
                border-left: none;
            }

    table tr:hover {
        background: #FFFEF4;
    }

    table tr td:first-child {
        border-left: none;
    }

    table.category th a img {
        padding: 2px 10px;
    }

.filter-search {
    float: left;
}

    .filter-search select, .filter-search .button {
        float: left;
        display: inline-block;
        margin-right: 7px;
    }

    .filter-search .inputbox {
        width: 6em;
    }

legend.element-invisible {
    position: absolute;
    margin-left: -3000px;
    margin-top: -3000px;
    height: 0px;
}

.cat-items {
    margin-top: 20px;
}

.bannergroup:first-line, .bannergroup_text:first-line {
    font-size: 14px;
    color: #333;
}

div.banneritem {
    border-top: 1px solid #f0f0f0;
    padding: 8px 0;
    font-size: 11px;
    color: #999;
}

    div.banneritem a {
        font-size: 13px;
    }

div.bannerfooter {
    border-top: 1px solid #f0f0f0;
    text-align: right;
    font-size: 11px;
    padding-top: 5px;
}

div#sliders div.panel h3.title {
    padding: 7px 1px;
    font-size: 16px;
}

div#sliders div.panel {
    border-top: 1px solid #eee;
}

div#article-index {
    float: right;
    margin: 0 0 42px 42px;
    padding: 20px;
    border: 1px solid #eee;
}

    div#article-index h3 {
        margin: 0 0 18px;
        line-height: 32px;
        border-bottom: 3px solid #eee;
        font-size: 24px;
    }

    div#article-index ul li {
        border-bottom: 1px solid #eee;
        font-size: 12px;
        padding: 2px 0;
    }

div.pagenavcounter {
    font: bold 11px Arial,Helvetica,sans-serif;
    color: #90a857;
    margin-bottom: 16px;
}

div.pagination {
    clear: both;
    margin-top: 42px;
}

div.articleContent div.pagination li {
    height: 14px !important;
    line-height: 14px;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
    border-left: 1px solid #eee;
    border-right: none;
}

    div.articleContent div.pagination li:first-child {
        border-left: none;
    }

    div.articleContent div.pagination li a {
        margin: 2px 0 0 0;
        padding: 0;
        border-left: none;
        border-right: none;
    }

dl#tabs {
    position: relative;
    height: 40px;
    margin-bottom: 20px;
    border-bottom: 4px solid #eee;
}

    dl#tabs dt {
        border-bottom: 4px solid #eee;
        height: 38px;
        line-height: 39px;
        float: left;
        padding: 0 16px;
        color: #333;
        list-style-type: none;
        position: relative;
        top: 1px;
        font-weight: normal;
    }

        dl#tabs dt h3 {
            font-weight: normal;
            font-size: 14px;
        }

        dl#tabs dt:hover {
            color: #333;
            cursor: pointer;
        }

        dl#tabs dt.open {
            border-bottom: 4px solid #90a857;
            z-index: 1;
            color: #fff;
            background: #90a857;
        }

        dl#tabs dt a {
            color: #555;
        }

        dl#tabs dt:hover a {
            color: #90a857;
        }

        dl#tabs dt.open a {
            color: #fff;
        }

iframe {
    border: none;
}

.hidelabeltxt {
    display: none;
}

#system-readmore {
    display: none;
}

.tip {
    padding: 12px;
    max-width: 400px;
    border: 1px solid #eee;
    background: #fffef4;
    font-size: 11px;
    line-height: 1.5;
}

.tip-title {
    font-size: 13px;
    color: #333;
    margin: 0 0 8px;
}

#gkComponentWrap {
    font-size: 100%;
}

div.mobileSwitch {
    display: block;
    clear: both;
    min-height: 60px;
    width: 100%;
    position: absolute;
}

    div.mobileSwitch > a {
        float: right;
    }

#finder-search fieldset.word > * {
    float: left;
}

#finder-search fieldset.word > label {
    line-height: 35px;
    margin-right: 10px;
}

.search-pagination .search-pages-counter {
    font-size: 11px;
    font-style: italic;
    text-align: center;
}

#search-results {
    clear: both;
}

#advanced-search {
    background: #f9f9f9;
    padding: 20px;
    font-size: 85%;
}

.filter-branch select {
    margin-top: 6px;
    margin-left: 6px;
}

body ul.autocompleter-choices {
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #EEE;
    background-color: white;
    border-right-color: #DDD;
    border-bottom-color: #DDD;
    text-align: left;
    font-size: 11px;
    z-index: 50;
}

    body ul.autocompleter-choices li {
        background: none;
        position: relative;
        padding: 0.1em 1.5em 0.1em 1em;
        cursor: pointer;
        font-weight: normal;
        font-size: 1em;
    }

        body ul.autocompleter-choices li.autocompleter-selected {
            background-color: #eee;
            color: #666;
        }

    body ul.autocompleter-choices span.autocompleter-queried {
        font-weight: bold;
    }

    body ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
        color: #333;
    }

body ul#finder-filter-select-list {
    top: 4em !important;
}

.item-page.edit .formelm {
    clear: both;
    float: left;
}

    .item-page.edit .formelm .button2-left {
        margin-top: 6px;
    }

.item-page.edit .formelm-area label {
    display: block;
    width: 100%;
}

.item-page.edit .formelm-buttons {
    margin-top: 5px;
}

.item-page.edit .fltlft {
    float: left;
}

.item-page.edit legend {
    font-size: 140%;
    font-style: italic;
}

.item-page.edit .toggle-editor {
    margin-top: -5px;
}

#editor-xtd-buttons {
    padding: 5px;
}

.button2-left, .button2-right, .button2-left div, .button2-right div {
    float: left;
}

    .button2-left a, .button2-right a, .button2-left span, .button2-right span {
        display: block;
        height: 22px;
        float: left;
        line-height: 22px;
        font-size: 11px;
        color: #666;
        cursor: pointer;
    }

    .button2-left span, .button2-right span {
        cursor: default;
        color: #999;
    }

    .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span {
        padding: 0 6px;
    }

    .button2-left a:hover, .button2-right a:hover {
        text-decoration: none;
        color: #0B55C4;
    }

    .button2-left a, .button2-left span {
        padding: 0 24px 0 6px;
    }

    .button2-right a, .button2-right span {
        padding: 0 6px 0 24px;
    }

.button2-left {
    background: url('../../templates/docontrol/images/joomla/j_button2_left.png') no-repeat;
    float: left;
    margin-left: 5px;
}

.button2-right {
    background: url('../../templates/docontrol/images/joomla/j_button2_right.png') 100% 0 no-repeat;
    float: left;
    margin-left: 5px;
}

.button2-left .image {
    background: url('../../templates/docontrol/images/joomla/j_button2_image.png') 100% 0 no-repeat;
}

.button2-left .readmore, .button2-left .article {
    background: url('../../templates/docontrol/images/joomla/j_button2_readmore.png') 100% 0 no-repeat;
}

.button2-left .pagebreak {
    background: url('../../templates/docontrol/images/joomla/j_button2_pagebreak.png') 100% 0 no-repeat;
}

.button2-left .blank {
    background: url('../../templates/docontrol/images/joomla/j_button2_blank.png') 100% 0 no-repeat;
}

a img.calendar {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url('../../templates/docontrol/images/joomla/calendar.png') no-repeat;
    cursor: pointer;
    vertical-align: middle;
}

span#jform_articletext_parent {
    width: 100%;
    display: block;
    clear: both;
    float: none;
}

.mod-languages {
    display: inline-block;
    float: right;
}

    .mod-languages form {
        margin: 0px 8px;
        float: left;
    }

    .mod-languages select {
        font-size: 11px;
        line-height: 18px;
        height: 28px;
        margin-top: 7px;
        padding: 5px;
        -webkit-box-shadow: inset 0 3px 5px #eee;
        -moz-box-shadow: inset 0 3px 5px #eee;
        box-shadow: inset 0 3px 5px #eee;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .mod-languages div.pretext, .mod-languages div.posttext {
        display: inline-block;
        padding: 0 3px;
        float: left;
        line-height: 42px;
    }

        .mod-languages div.pretext p, .mod-languages div.posttext p {
            margin: 0;
            padding: 0;
        }

    .mod-languages ul.lang-inline, .mod-languages ul.lang-block {
        display: inline-block;
        float: left;
    }

div.mod-languages > ul.lang-block > li, div.mod-languages > ul.lang-inline > li {
    float: left;
    line-height: 44px;
    margin: 0 5px;
}

    div.mod-languages > ul.lang-block > li a, div.mod-languages > ul.lang-inline > li a {
        padding-left: 3px !important;
    }

.mod-languages ul li.lang-active {
    font-weight: bold;
}

.mod-languages ul li a img {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.1s ease-out;
    -o-transition: -o-transform 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
}

.mod-languages ul li a:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -webkit-transition: -webkit-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
}

.mod-languages ul li.lang-active a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

::selection {
    background: #232059;
    color: #fff;
}

::-moz-selection {
    background: #232059;
    color: #fff;
}

::-webkit-selection {
    background: #232059;
    color: #fff;
}

body {
    min-height: 100%;
    background: #f5f5f5 url('../../templates/docontrol/images/style1/bg_main.png') repeat-x left top;
    font-size: 13px;
    line-height: 1.5em;
    color: #777;
}

    body a {
        -webkit-transform: translateZ(0);
    }

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

    a:hover, a:active, a:focus {
        color: #232059;
    }

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #232059;
}

h3, h4, h5, h6 {
    color: #333;
}

h1, h2 {
    margin: 0 0 8px;
}

h1 {
    font-size: 48px;
    line-height: 42px;
}

h2 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}

h3 {
    font-size: 135%;
}

h4 {
    font-size: 110%;
}

h5 {
    font-size: 100%;
}

ul {
    list-style: none;
}

    ul li {
        line-height: 2.6;
    }

p {
    margin: 0.5em 0 1.5em;
}

#gkBg {
    background: transparent url('../../templates/docontrol/images/style1/bg_halftone.png') no-repeat center top;
}

#gkMainMenu {
    float: right;
}

#gkHeader {
    margin-bottom: 18px;
}

    #gkHeader .box {
        margin: 0 auto !important;
    }

#mainContent {
    padding: 34px 34px 0 34px;
    background: #fff;
}

#gkMain {
    padding: 0;
    clear: both;
}

#gkBottom1 {
    margin-bottom: 30px;
}

#gkSearch {
    float: right;
}

#mainContent:after, #gkMain:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#mainContent, #gkMain {
    /*display: inline-block;*/
}

html[xmlns] #mainContent, html[xmlns] #gkMain {
    display: block;
}

* html #mainContent, * html #gkMain {
    height: 1%;
}

#gkSearch input.inputbox {
    padding: 2px 8px 1px;
    margin: 5px 12px;
    font-size: 11px;
    color: #999;
}

    #gkSearch input.inputbox:focus {
        color: #555;
    }

h1#gkLogo {
    float: left;
    margin: -1px 0 -1px -1px;
    position: relative;
    height: 93px;
    width: 190px;
}

    h1#gkLogo a img {
        display: block;
        height: auto;
        margin: 0;
        width: auto;
    }

    h1#gkLogo a.cssLogo {
        background: url('../../templates/docontrol/images/style1/logo.png') no-repeat 0 0;
        display: block;
        height: 93px;
        margin: 0;
        text-indent: -999em;
        width: 190px;
    }

        h1#gkLogo a.cssLogo + span {
            display: none;
            text-indent: -999em;
        }

    h1#gkLogo.text {
        width: auto;
        height: 93px;
        float: left;
        padding: 0 20px;
    }

        h1#gkLogo.text a {
            display: block;
            font-weight: normal;
            text-indent: 0;
            float: left;
            margin-top: 0px;
        }

        h1#gkLogo.text a {
            padding: 0;
            width: auto !important;
        }

            h1#gkLogo.text a > span {
                color: #fff;
                display: block;
                font-size: 24px;
                line-height: 80px;
                text-align: center;
            }

        h1#gkLogo.text .gkLogoSlogan {
            font-size: 12px !important;
            line-height: 14px;
            color: #fff;
            margin: -25px 0 0 0;
            height: 14px;
            display: block;
            clear: both;
            text-align: center;
        }

#gkPageTopLinks a {
    background: transparent url('../../templates/docontrol/images/style1/bottom_bullet.png') no-repeat 5px center;
    color: #333;
    font-size: 12px;
    padding-left: 20px;
    text-shadow: 1px 1px 0 #fff;
}

    #gkPageTopLinks a:first-child {
        background: none;
        padding-left: none;
    }

    #gkPageTopLinks a:active, #gkPageTopLinks a:focus, #gkPageTopLinks a:hover {
        color: #627a28;
        text-decoration: underline;
    }

    #gkPageTopLinks a#btnCart span {
        display: none;
    }

#gkBreadcrumb {
    clear: both;
    min-height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    margin: -24px 0 34px 0;
    font-size: 11px;
}

    #gkBreadcrumb > div {
        overflow: hidden;
    }

    #gkBreadcrumb .breadcrumbs {
        width: auto;
        float: left;
    }

        #gkBreadcrumb .breadcrumbs li > span {
            margin-right: 10px;
        }

        #gkBreadcrumb .breadcrumbs li.separator {
            background: transparent url('../../templates/docontrol/images/style1/bottom_bullet.png') no-repeat 5px center;
            display: block;
            height: 42px;
            float: left;
            margin: 0 0 0 5px;
            text-indent: -999em;
            width: 20px;
        }

        #gkBreadcrumb .breadcrumbs > ul {
            margin-left: 0;
            height: 42px;
            line-height: 42px;
            padding: 0;
        }

            #gkBreadcrumb .breadcrumbs > ul > li {
                float: left;
                width: auto;
                clear: none;
                height: 42px;
                line-height: 42px;
            }

                #gkBreadcrumb .breadcrumbs > ul > li.pathway {
                    color: #888;
                }

#gkPageTopMod {
    float: left;
    height: 42px;
    line-height: 42px;
    text-shadow: 1px 1px 0 #fff;
}

    #gkPageTopMod p {
        margin: 0;
        line-height: 42px;
    }

#gkPageTopLinks {
    float: right;
    height: 42px;
    line-height: 42px;
}

#gkBanner1 {
    margin: 20px 0;
    width: 100%;
}

#gkBanner2, #gkBanner3 {
    margin-bottom: 20px;
}

#gkTools {
    float: right;
    margin: 5px 0 0 10px;
}

    #gkTools a {
        display: block;
        float: left;
        width: 20px;
        height: 8px;
        margin: 8px 0 0 3px !important;
        text-indent: -99999em;
        background: transparent url('../../templates/docontrol/images/font_size.png') no-repeat -40px 0;
        cursor: pointer;
    }

a#gkToolsReset {
    background-position: -20px 0;
}

a#gkToolsDec {
    background-position: 0px 0;
}

a#gkToolsInc:hover {
    background-position: -40px bottom;
}

a#gkToolsReset:hover {
    background-position: -20px bottom;
}

a#gkToolsDec:hover {
    background-position: 0 bottom;
}

#gkFooter {
    margin-top: 0;
}

#gkFooterWrap {
    padding: 24px 0;
    min-height: 38px;
    color: #696969;
    border-top: 3px solid #333;
}

    #gkFooterWrap ul {
        margin-top: -5px;
    }

    #gkFooterWrap li {
        background: transparent url('../../templates/docontrol/images/style1/bottom_bullet.png') no-repeat left center;
        margin-left: 10px;
        padding-left: 14px;
    }

        #gkFooterWrap li:first-child {
            background: none;
            margin-left: 0;
            padding-left: 0;
        }

#gkCopyrights span {
    float: right;
    line-height: 14px;
    font-size: 11px;
}

span.mobileSwitcher {
    margin-right: 10px;
    font-weight: bold;
}

#gkFooterNav {
    float: left;
}

    #gkFooterNav li {
        display: inline;
        margin-left: 16px;
        line-height: 12px;
    }

        #gkFooterNav li:first-child {
            margin: 0;
            padding: 0;
        }

#gkStyleArea {
    float: right;
    padding-top: 0;
    margin: -5px 0 0 12px;
    font-size: 11px;
}

    #gkStyleArea a {
        padding-left: 4px;
    }

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

#gkColor1 {
    color: #90A857;
}

#gkColor2 {
    color: #5E98BE;
}

#gkColor3 {
    color: #E05973;
}

#gkFrameworkLogo {
    display: block;
    width: 140px;
    height: 42px;
    background: url('../../templates/docontrol/images/framework-logo.png') no-repeat 0 0;
    text-indent: -9999em;
    margin: 96px auto 0;
    padding-bottom: 40px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
    clear: both;
}

#gkColor1, #gkColor2, #gkColor3 {
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 !important;
}

.box, .box_text, .box_menu {
    overflow: hidden;
    margin-top: 34px;
}

    .box:first-child, .box_menu:first-child, .box_text:first-child {
        margin-top: 0 !important;
    }

    .box > div, .box_text > div, .box_menu > div {
        overflow: hidden;
        padding: 12px 0;
        color: #777;
    }

#gkBottom2 .box > div, #gkBottom2 .box > div a {
    color: #fff !important;
}

div.content {
    clear: both;
}

.box li, .box_text li {
    list-style-type: none;
    line-height: 36px;
    font-weight: normal;
    padding-left: 0;
    border-top: 1px solid #eee;
}

    .box li:first-child, .box_menu li:first-child, .box_text li:first-child {
        border-top: none !important;
    }

    .box li a, .box_text li a {
        text-decoration: none;
    }

.box a, .box_text a {
    text-decoration: none;
}

.box h3.header, .box_menu h3.header, .box_text h3.header {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    color: #333;
    margin-bottom: 21px;
    text-transform: uppercase;
}

.box.color1 h3.header {
    color: #fff;
}

.box.color1 > div {
    background: #90a857;
    color: #d4ec9b;
    padding: 25px;
}

.box.color1 li {
    border-top: 1px solid #a1b968;
}

.box.color1 a {
    color: #fff;
}

    .box.color1 a:active, .box.color1 a:focus, .box.color1 a:hover {
        color: #d4ec9b;
    }

.box.color2 > div {
    background: #fffef4;
    border: 1px solid #eee;
    padding: 25px;
}

.box.color2 li {
    border-top: 1px solid #e8e6cf;
}

.box.border1 > div {
    border: 1px solid #eee;
    padding: 25px;
}

.box.border2 > div {
    border: 3px solid #eee;
    padding: 25px;
}

.box.border3 h3.header {
    border-bottom: 4px solid #333;
    padding-bottom: 10px;
}

.box.noise > div {
    padding: 25px;
    background: transparent url('../../templates/docontrol/images/style1/bg_noise.png') repeat 0 0;
}

.box.noise li {
    border-top: 1px solid #ddd;
}

.box.grey > div {
    background: #f8f8f8;
    border: 1px solid #eee;
    padding: 25px;
}

.box.dark h3.header {
    color: #fff;
}

.box.dark > div {
    background: #1d1a51;
    color: #696969;
    padding: 25px;
}

.box.dark li {
    border-top: 1px solid #292929;
}

.box.dark a {
    color: #d4d4d4;
}

    .box.dark a:active, .box.dark a:focus, .box.dark a:hover {
        color: #fff;
    }

.box.dotted {
    text-shadow: 1px 1px 0 #fff;
    background: transparent url('../../templates/docontrol/images/style1/bg_dotted.png') repeat 0 0;
}

    .box.dotted > div {
        padding: 15px;
    }

    .box.dotted li {
        border-top: none;
    }

.box.small h3.header, .box_menu.small h3.header, .box_text.small h3.header {
    font-size: 18px;
}

.box_menu > div {
    padding: 25px 20px 10px 20px;
    border: 3px solid #eee;
}

.box_menu ul {
    margin: 0;
}

    .box_menu ul li {
        margin: 0;
        padding: 0;
        line-height: 40px;
        font-size: 14px;
        border-top: 1px solid #eee;
    }

        .box_menu ul li a {
            color: #333;
        }

.box_menu .active {
    font-weight: bold;
    color: #232059;
}

.box_menu ul ul {
    margin-left: 30px;
    border-top: 1px solid #eee;
}

.box_menu ul li:hover, .box_menu ul li:focus, .box_menu ul li:active {
    background: transparent url('../../templates/docontrol/images/style1/bg_menu_arrow.png') no-repeat right 16px;
}

.box.clear, .box.clear > div, .box.clear > div > .box_content {
    padding: 0 !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
}

    .box.clear > div > h3 {
        display: none;
    }

.box.banner p {
    margin: 0;
}

.box.advertisement h3.header {
    border-bottom: 1px solid #eee;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 9px;
    line-height: 22px;
    text-align: right;
    font-weight: normal;
    margin-bottom: 10px;
}

.box.advertisement > div {
    border: none !important;
    padding: 0 !important;
}

#gkBottom1, #gkBottom2 {
    overflow: hidden;
}

#gkBottom2 {
    background: #1d1a51;
    color: #696969;
    font-size: 12px;
}

    #gkBottom2 h3.header {
        color: #fff;
    }

    #gkBottom2 > div.clearfix {
        padding: 25px 34px;
        background: #1d1a51;
    }

    #gkBottom2 li {
        list-style: none;
        line-height: 24px;
        border-top: none;
        background: transparent url('../../templates/docontrol/images/style1/bottom_bullet.png') no-repeat left center;
        padding-left: 14px;
    }

    #gkBottom2 .box > div > h3.header, #gkBottom2 .box_menu > div > h3.header, #gkBottom2 .box_text > div > h3.header {
        font-size: 16px;
        margin-bottom: 30px;
    }

    #gkBottom2 .gkCol:first-child > div {
        border-left: none;
    }

    #gkBottom2 a {
        color: #696969;
    }

        #gkBottom2 a:active, #gkBottom2 a:focus, #gkBottom2 a:hover {
            color: #999;
        }

    #gkBottom2 .gkColLeft > div {
        margin-right: 17px !important;
    }

    #gkBottom2 .gkColCenter > div {
        margin-left: 17px !important;
        margin-right: 17px !important;
    }

    #gkBottom2 .gkColRight > div {
        margin-left: 17px !important;
    }

#gkFBLogin {
    float: left;
    width: 45%;
}

    #gkFBLogin p {
        line-height: 18px;
        margin: 14px 0 20px;
    }

    #gkFBLogin + #login-form, #gkFBLogin + #com-login-form {
        float: left;
        width: 45%;
        margin-left: 4%;
        padding-left: 30px;
        border-left: 1px solid #e7e7e7;
    }

#form-login-remember {
    margin: 30px 0 4px;
}

    #form-login-remember label {
        color: #777;
        font-size: 11px;
        font-weight: normal;
        vertical-align: top;
    }

#login-form ul {
    border-top: 1px solid #E7E7E7;
    margin: 20px 0;
    overflow: hidden;
    padding: 2px 0 0;
}

    #login-form ul li {
        float: left;
        font-size: 11px;
    }

        #login-form ul li:first-child {
            margin-right: 10px;
        }

#gkPopupLogin #loginForm > div > div {
    width: 45%;
    float: right;
}

    #gkPopupLogin #loginForm > div > div:first-child {
        float: left;
        padding: 0;
    }

#gkPopupLogin #loginForm ul.menu li {
    background: transparent url('../../templates/docontrol/images/style1/bottom_bullet.png') no-repeat 5px center;
    line-height: 1.7;
    padding-left: 20px;
}

label#jform_spacer-lbl {
    font-size: 11px;
    font-weight: normal;
    color: #666;
}

.logout-button .login-greeting {
    float: left;
    margin-right: 32px;
    font-size: 14px;
}

span#fb-auth small {
    width: 20px;
    background: transparent url('../../templates/docontrol/images/fbauth.png') no-repeat 0 2px;
    text-indent: -999em;
    display: block;
    float: left;
    border-right: 1px solid #a0aecd;
    margin: 2px 7px 0 0;
    height: 17px;
}

span#fb-auth {
    background-color: #798db9;
    border: 1px solid #4d576b;
    display: inline-block;
    color: #fff;
    font-family: arial;
    line-height: 22px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 24px 7px 12px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #445375;
    cursor: pointer;
    height: 17px;
}

    span#fb-auth:hover {
        background-color: #556b9b;
    }

#gkPopupOverlay, #gkPopupLogin, #gkPopupRegister, #gkPopupCart {
    display: none;
    overflow: hidden;
    width: 500px;
    margin-left: -250px;
    position: fixed;
    z-index: 1000002;
    left: 50%;
    top: 50%;
    background: #fff;
}

#gkPopupLogin, #gkPopupRegister, #gkPopupCart {
    position: absolute;
    top: 100px;
}

#gkPopupLogin {
    width: 600px;
    margin-left: -300px;
}

.gkPopupWrap {
    padding: 35px;
}

#gkPopupOverlay {
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1000001;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
    margin-left: 0;
}

.gkPopupWrap h3 {
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    margin: 0 0 24px;
    padding: 0 0 30px;
    text-transform: uppercase;
}

    .gkPopupWrap h3 small {
        font: normal 12px Arial,Helvetica,sans-serif !important;
        text-transform: none;
    }

.gkPopupWrap h4 {
    font-size: 18px;
    margin: 0 0 12px;
}

#gkPopupLogin fieldset {
    padding: 0 !important;
}

    #gkPopupLogin fieldset label {
        font-size: 12px;
    }

#gkFBLogin {
    float: left;
    width: 45%;
}

    #gkFBLogin p {
        line-height: 18px;
        margin: 14px 0 20px;
    }

    #gkFBLogin + #login-form, #gkFBLogin + #com-login-form {
        float: left;
        width: 45%;
        margin-left: 4%;
        padding-left: 30px;
        border-left: 1px solid #e7e7e7;
    }

#form-login-remember {
    margin: 30px 0 4px;
}

    #form-login-remember label {
        color: #777;
        font-size: 11px;
        font-weight: normal;
        vertical-align: top;
    }

#login-form ul {
    border-top: 1px solid #E7E7E7;
    margin: 20px 0;
    overflow: hidden;
    padding: 2px 0 0;
}

    #login-form ul li {
        float: left;
        font-size: 11px;
    }

        #login-form ul li:first-child {
            margin-right: 10px;
        }

label#jform_spacer-lbl {
    font-size: 11px;
    font-weight: normal;
    color: #666;
}

.logout-button .login-greeting {
    float: left;
    margin-right: 32px;
    font-size: 14px;
}

#gkPopupRegister dl dt:first-child {
    font-size: 10px;
    display: block;
    width: 100%;
}

#gkPopupRegister dt {
    float: left;
    width: 35%;
    clear: both;
}

#gkPopupRegister dt, #gkPopupRegister dd {
    line-height: 41px;
    height: 41px;
}

#gkPopupRegister legend {
    display: none;
}

#member-registration fieldset {
    padding: 0 0 24px;
}

#member-registration label {
    padding: 0 0 0 2px;
    font-size: 12px;
}

#member-registration > div {
    line-height: 30px;
}

    #member-registration > div > button {
        margin-right: 12px;
    }

#gkPopupLogin input[type="text"], #gkPopupLogin input[type="password"] {
    clear: both;
    display: block;
    width: 220px;
}

#gkPopupRegister input[type="text"], #gkPopupRegister input[type="password"] {
    width: 250px;
}

#gkPopupRegister dd:last-child {
    height: 130px;
    width: 100%;
    clear: both;
}

#gkMainMenu {
    position: relative;
    z-index: 10000;
    margin: 42px 0 12px 0;
    border: 1px solid #cfcfcf;
}

    #gkMainMenu.gkTopSpace {
        margin-top: 0;
    }

    #gkMainMenu > div.gk-menu > ul {
        height: 50px;
        background: #f0f0f0 url('../../templates/docontrol/images/style1/bg_menu.png') repeat-x left top;
        border-bottom: 1px solid #cfcfcf;
    }

        #gkMainMenu > div.gk-menu > ul > li {
            height: 50px;
            line-height: 50px;
            border-right: 1px solid #fafafa;
            font-size: 12px;
            font-weight: bold;
            color: #555;
        }

            #gkMainMenu > div.gk-menu > ul > li:hover, #gkMainMenu > div.gk-menu > ul > li:active, #gkMainMenu > div.gk-menu > ul > li:focus, #gkMainMenu > div.gk-menu > ul > li.active {
                background: #f9f9f9 url('../../templates/docontrol/images/style1/bg_menu_hover.png') repeat-x left top;
                color: #90a857;
            }

                #gkMainMenu > div.gk-menu > ul > li:hover > a, #gkMainMenu > div.gk-menu > ul > li:active > a, #gkMainMenu > div.gk-menu > ul > li:focus > a {
                    color: #90a857;
                }

                #gkMainMenu > div.gk-menu > ul > li.active > a {
                    color: #90a857;
                }

            #gkMainMenu > div.gk-menu > ul > li > a {
                padding: 0 25px;
                display: block;
                height: 50px;
                line-height: 50px;
                font-size: 13px;
                border-right: 1px solid #e2e2e2;
                text-shadow: 0 1px 0 #fff;
            }

            #gkMainMenu > div.gk-menu > ul > li > div.childcontent {
                margin-left: -2px;
            }

        #gkMainMenu > div.gk-menu > ul div.childcontent-inner-wrap {
            background: #90A857;
            padding-top: 6px 0;
            border-top: none;
        }

            #gkMainMenu > div.gk-menu > ul div.childcontent-inner-wrap div.childcontent-inner-wrap {
                -webkit-box-shadow: 0 0 3px #667a37;
                -moz-box-shadow: 0 0 3px #667a37;
                box-shadow: 0 0 3px #667a37;
            }

        #gkMainMenu > div.gk-menu > ul div.childcontent-inner {
            overflow: hidden;
            padding: 12px 0;
        }

div.gk-menu > ul.level0 > li > .childcontent .gkcol {
    padding-bottom: 0;
}

#gkMainMenu > div.gk-menu > ul div.childcontent a, #gkMainMenu > div.gk-menu > ul div.childcontent span {
    font-size: 12px;
    color: #fff;
}

#gkMainMenu > div.gk-menu > ul div.childcontent li {
    font-weight: normal;
    margin: 0 20px;
    padding: 3px 0;
    min-height: 24px;
    border-top: 1px solid #A1B968;
}

    #gkMainMenu > div.gk-menu > ul div.childcontent li:first-child {
        border: none;
    }

    #gkMainMenu > div.gk-menu > ul div.childcontent li.group {
        padding: 0;
        margin: 0;
        height: auto;
        border: none !important;
        background: none;
    }

    #gkMainMenu > div.gk-menu > ul div.childcontent li > a, #gkMainMenu > div.gk-menu > ul div.childcontent li > span {
        display: block;
        min-height: 24px;
    }

        #gkMainMenu > div.gk-menu > ul div.childcontent li.active > a, #gkMainMenu > div.gk-menu > ul div.childcontent li.active > span, #gkMainMenu > div.gk-menu > ul div.childcontent li:hover > a, #gkMainMenu > div.gk-menu > ul div.childcontent li:hover > span, #gkMainMenu > div.gk-menu > ul div.childcontent li > a:hover, #gkMainMenu > div.gk-menu > ul div.childcontent li > span:hover, #gkMainMenu > div.gk-menu > ul div.childcontent li.active > a > span, #gkMainMenu > div.gk-menu > ul div.childcontent li.active > span > span, #gkMainMenu > div.gk-menu > ul div.childcontent li:hover > a > span, #gkMainMenu > div.gk-menu > ul div.childcontent li:hover > span > span, #gkMainMenu > div.gk-menu > ul div.childcontent li > a:hover > span, #gkMainMenu > div.gk-menu > ul div.childcontent li > span:hover > span {
            color: #D4EC9B;
        }

#gkMainMenu > div.gk-menu > ul div.childcontent .group-title {
    background: transparent;
    padding: 10px 20px;
}

    #gkMainMenu > div.gk-menu > ul div.childcontent .group-title .menu-title {
        font-size: 16px;
        padding: 7px 12px;
        line-height: 24px;
        display: block;
        color: #fff;
        background: #A1B968;
    }

    #gkMainMenu > div.gk-menu > ul div.childcontent .group-title .menu-desc {
        font-size: 10px;
        line-height: 12px;
        display: block;
        color: #90a857;
    }

#gkMainMenu .module p {
    font-size: 12px;
    line-height: 18px;
}

#gkSubmenu {
    background: #f1f1f1 url('../../templates/docontrol/images/style1/bg_dropline.png') repeat-x left top;
    height: 40px;
}

    #gkSubmenu > div > ul {
        float: left;
        font-size: 12px;
    }

        #gkSubmenu > div > ul li {
            float: left;
            padding: 0 15px;
            font-size: 11px;
        }

            #gkSubmenu > div > ul li a {
                display: block;
                height: 40px;
                color: #828181;
            }

                #gkSubmenu > div > ul li a:hover {
                    color: #90a857;
                }

        #gkSubmenu > div > ul > li {
            background: transparent url('../../templates/docontrol/images/style1/breadcrumbs_bullets.html') no-repeat left center;
        }

            #gkSubmenu > div > ul > li:first-child {
                background: none;
                padding-left: 0;
            }

#gkSubmenuMod {
    background: #f1f1f1 url('../../templates/docontrol/images/style1/bg_dropline.png') repeat-x left top;
    height: 40px;
}

    #gkSubmenuMod ul {
        padding-left: 25px;
        height: 40px;
        line-height: 40px;
        float: left;
    }

        #gkSubmenuMod ul li {
            float: left;
            padding-right: 25px;
            font-size: 12px;
            line-height: 40px;
        }

            #gkSubmenuMod ul li a {
                color: #828181;
            }

                #gkSubmenuMod ul li a:active, #gkSubmenuMod ul li a:focus, #gkSubmenuMod ul li a:hover {
                    color: #90a857;
                }

#gkSubmenu ul li li {
    clear: both;
    float: none;
    border-left: none;
    margin: 0 10px;
    padding: 0;
    min-height: 24px;
}

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

    #gkSubmenu ul li li > a {
        display: block;
        min-height: 24px;
        height: 24px;
        font-size: 12px;
        color: #828181;
    }

        #gkSubmenu ul li li > a:hover, #gkSubmenu ul li li > a:hover > span {
            color: #90a857;
        }

#gkSubmenu ul li ul, #gkSubmenu ul li ul ul, #gkSubmenu ul li ul ul ul {
    background: #fff;
    border: 1px solid #e2e2e2;
    position: relative;
    padding: 6px 0;
}

#gkSubmenu ul > li.hover > ul {
    display: block;
    height: auto;
    left: auto;
    position: absolute;
}

#gkSubmenu > div > ul > ul {
    margin-left: -20px !important;
}

#gkSubmenu ul ul ul {
    display: none !important;
    left: -999px !important;
}

#gkSubmenu ul ul li:hover > ul {
    margin-left: 180px !important;
    margin-top: -32px !important;
    left: 0 !important;
    display: block !important;
}

#gkSubmenu ul li:hover ul, #gkSubmenu ul li:hover ul ul, #gkSubmenu ul li:hover ul ul ul {
    left: auto;
}

.gkTab {
    position: relative;
    border: 1px solid #eee;
}

.gkTabWrap {
    margin: 0 auto;
}

ul.gkTabs, .gkTabsWrap.vertical ol {
    height: 46px;
    padding: 0;
    background: #121212;
    margin: 0;
}

    ul.gkTabs li, .gkTabsWrap.vertical ol li {
        float: left;
        padding: 0 20px;
        height: 46px;
        line-height: 46px;
        list-style-type: none;
        background: none;
        border: none;
        border-right: 1px solid #292929;
        color: #888;
        font-size: 16px;
    }

        ul.gkTabs li:first-child, .gkTabsWrap.vertical ol li:first-child {
            border: none;
        }

        ul.gkTabs li span, .gkTabsWrap.vertical ol li span {
            display: block;
        }

        ul.gkTabs li.active, ul.gkTabs li:hover, .gkTabsWrap.vertical ol li.active, .gkTabsWrap.vertical ol li:hover {
            color: #333;
            cursor: pointer;
            background: #fff;
            border-color: #eee;
        }

.gkTabContainer0 {
    clear: both;
    margin: 0;
}

.gkTabContainer1 {
    overflow: hidden;
}

.gkTabItem {
    float: left;
    overflow: hidden;
    padding: 0;
}

.gkTabButtonNext, .gkTabButtonPrev, .gkTabsButtonNext, .gkTabsButtonPrev {
    display: none;
}

.gkTabContainer0, .gkTabContainer1, .gkTabContainer2 {
    position: relative;
}

.gkTabItem {
    position: absolute;
    left: -999em;
    top: 0;
    width: 100%;
}

    .gkTabItem.active {
        position: static;
        left: 0;
    }

.gkTabItemSpace {
    padding: 24px;
}

.tab1 ul.gkTabs, .tab1 .gkTabsWrap.vertical ol {
    background: #f47b20;
}

    .tab1 ul.gkTabs li, .tab1 .gkTabsWrap.vertical ol li {
        padding: 0;
        border: none;
        border-right: 1px solid #fe9749;
        color: #fff;
    }

        .tab1 ul.gkTabs li span, .tab1 .gkTabsWrap.vertical ol li span {
            padding: 0 20px;
        }

        .tab1 ul.gkTabs li.active, .tab1 .gkTabsWrap.vertical ol li.active {
            color: #333;
            background: #fff !important;
        }

            .tab1 ul.gkTabs li.active span, .tab1 .gkTabsWrap.vertical ol li.active span {
                border-color: #fff;
            }

        .tab1 ul.gkTabs li:hover, .tab1 .gkTabsWrap.vertical ol li:hover {
            background: #fe9749;
        }

.tab2 ul.gkTabs, .tab2 .gkTabsWrap.vertical ol {
    background: #90a857;
}

    .tab2 ul.gkTabs li, .tab2 .gkTabsWrap.vertical ol li {
        padding: 0;
        border: none;
        border-right: 1px solid #a5bf66;
        color: #fff;
    }

        .tab2 ul.gkTabs li span, .tab2 .gkTabsWrap.vertical ol li span {
            padding: 0 20px;
        }

        .tab2 ul.gkTabs li.active, .tab2 .gkTabsWrap.vertical ol li.active span {
            color: #333;
            background: #fff !important;
        }

            .tab2 ul.gkTabs li.active span, .tab2 .gkTabsWrap.vertical ol li.active span {
                border-color: #fff;
            }

        .tab2 ul.gkTabs li:hover, .tab2 .gkTabsWrap.vertical ol li:hover {
            background: #a5bf66;
        }

.nsp {
    position: relative;
}

.nspMain {
    overflow: hidden;
}

.nspBotInterface, .nspTopInterface {
    overflow: hidden;
    width: auto;
    margin: 0;
}

.nspBotInterface {
    margin: 0;
    padding: 5px 0 0 0;
}

.nspTopInterface div {
    position: absolute;
    right: 0;
    padding: 0 3px;
}

.nspBotInterface div {
    float: right;
    margin-top: 2px;
}

.nspBotInterface .nspPagination li, .nspTopInterface .nspPagination li, .nspBotInterface .nspPagination li.active, .nspTopInterface .nspPagination li.active {
    display: block;
    float: left;
    border: 3px solid transparent !important;
    width: 5px;
    height: 5px;
    margin: -1px 0 0 0;
    padding: 0 !important;
    background: transparent url('../../templates/docontrol/images/style1/nsp_interface.png') no-repeat 0 -8px;
    text-indent: -999px !important;
    cursor: pointer;
    overflow: hidden;
}

    .nspBotInterface .nspPagination li:hover, .nspBotInterface .nspPagination li.active, .nspTopInterface .nspPagination li:hover, .nspTopInterface .nspPagination li.active {
        background-position: 0 -28px;
        cursor: pointer;
    }

.nspTopInterface .nspPagination, .nspBotInterface .nspPagination {
    border: none !important;
    float: left;
    width: auto;
    padding: 0 8px !important;
    list-style-type: none;
    margin: 3px 0 0 0;
}

.nspBotInterface .nspCounter, .nspTopInterface .nspCounter {
    padding: 4px 8px !important;
    font-size: 10px;
    font-weight: normal !important;
    height: 10px;
    line-height: 10px;
    background: transparent;
    color: #ccc !important;
    cursor: pointer;
    float: left;
    margin: 0 0 0 8px !important;
}

    .nspBotInterface .nspCounter span, .nspTopInterface .nspCounter span {
        color: #dfdfdf !important;
    }

.nspBotInterface, .nspTopInterface {
    margin: 0 !important;
}

    .nspTopInterface div {
        top: 18px !important;
    }

    .nspBotInterface .nspPrev, .nspTopInterface .nspPrev, .nspBotInterface .nspNext, .nspTopInterface .nspNext {
        display: block;
        float: left;
        border: none !important;
        height: 20px;
        width: 20px;
        margin: -3px 0 0 2px;
        background: transparent url('../../templates/docontrol/images/style1/nsp_interface.png') no-repeat -23px 0;
        cursor: pointer;
        text-indent: 999px;
        padding: 0 !important;
        overflow: hidden;
    }

    .nspBotInterface .nspNext, .nspTopInterface .nspNext {
        background-position: -43px 0px;
    }

    .nspBotInterface .nspPrev:hover, .nspTopInterface .nspPrev:hover {
        background-position: -23px -20px;
    }

    .nspBotInterface .nspNext:hover, .nspTopInterface .nspNext:hover {
        background-position: -43px -20px;
    }

.nspArts {
    overflow: hidden;
}

.nspArt > div {
    overflow: hidden;
    padding: 0 10px;
}

.nspArt h4.nspHeader {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 12px;
}

.nspArt img {
    border: none;
    background: #fff;
    padding: 0;
}

    .nspArt img:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
        filter: alpha(opacity=85);
        opacity: 0.85;
    }

.nspArt p.nspText {
    margin-top: 0 !important;
    line-height: 1.4;
}

.nspArt p.nspInfo {
    font-size: 11px;
    color: #333;
    margin: 6px 0;
}

.nspArt .tleft {
    text-align: left;
}

.nspArt .tright {
    text-align: right;
}

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

.nspArt .tjustify {
    text-align: justify;
}

.nspArt .fleft {
    float: left;
}

.nspArt .fright {
    float: right;
}

.nspArt .fnone {
    clear: both;
    width: 100%;
    float: none;
}

.nspArt {
    float: left;
}

.nspReadon_class.left, .nspReadon_class.right, .nspReadon_class.center {
    clear: both;
}

.nspReadon_class.left {
    float: left;
}

.nspReadon_class.right {
    float: right;
}

.nspReadon_class.center {
    display: inline;
    float: none;
}

.box .nspLinks > div.nspLinkScroll1 > div > ul li {
    border-top: 1px solid #ebebeb !important;
    list-style-type: none !important;
    background: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.nspLinks > div.nspLinkScroll1 > div > ul li:first-child {
    border-top: none !important;
    padding-top: 0px;
}

.nspLinks ul li h4 {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.2 !important;
    font-weight: bold;
}

.nspLinks ul li p {
    margin: 0;
    font-size: 12px;
    line-height: 130%;
}

.nspLinks > div.nspLinkScroll1 > div > ul li {
    margin: 0;
    padding: 16px 0;
    height: auto;
    border-bottom: none;
}

.nspLinks > div.nspLinkScroll1 > div > ul {
    padding: 0;
    margin: 0;
    list-style-type: none !important;
    clear: none !important;
}

.nspArts.left {
    float: right;
    text-align: inherit !important;
}

.nspLinksWrap.left {
    float: left;
    text-align: inherit !important;
}

.nspArts.right {
    float: left;
    text-align: inherit !important;
}

.nspLinksWrap.right {
    float: right;
    text-align: inherit !important;
}

.nspMain .unvisible {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

.nspAvatar {
    margin-bottom: -5px;
}

.nspArt .nspReadon {
    margin-top: 14px;
}

.nspText .readon {
    display: inline !important;
    float: none !important;
}

.border1 .nspTopInterface div, .border2 .nspTopInterface div, .border3 .nspTopInterface div, .color1 .nspTopInterface div, .color2 .nspTopInterface div, .dark .nspTopInterface div, .dotted .nspTopInterface div, .grey .nspTopInterface div, .noise .nspTopInterface div {
    top: 30px !important;
    right: 20px;
}

.border3 .nspTopInterface div {
    top: 18px !important;
    right: 0;
}

.color2 .nspLinks > div.nspLinkScroll1 > div > ul li {
    border-top: 1px solid #E8E6CF !important;
}

    .color2 .nspLinks > div.nspLinkScroll1 > div > ul li:first-child {
        border-top: none !important;
    }

.noise .nspLinks > div.nspLinkScroll1 > div > ul li {
    border-top: 1px solid #ddd !important;
}

    .noise .nspLinks > div.nspLinkScroll1 > div > ul li:first-child {
        border-top: none !important;
    }

.dark .nspBotInterface .nspPrev, .dark .nspTopInterface .nspPrev {
    background-position: -23px -40px;
}

.dark .nspBotInterface .nspNext, .dark .nspTopInterface .nspNext {
    background-position: -43px -40px;
}

.dark .nspBotInterface .nspPrev:hover, .dark .nspTopInterface .nspPrev:hover {
    background-position: -23px -60px;
}

.dark .nspBotInterface .nspNext:hover, .dark .nspTopInterface .nspNext:hover {
    background-position: -43px -60px;
}

.dark .nspBotInterface .nspPagination li, .dark .nspTopInterface .nspPagination li {
    background-position: 0 -48px;
}

    .dark .nspBotInterface .nspPagination li:hover, .dark .nspBotInterface .nspPagination li.active, .dark .nspTopInterface .nspPagination li:hover, .dark .nspTopInterface .nspPagination li.active {
        background-position: 0 -68px;
    }

.dark .nspLinks > div.nspLinkScroll1 > div > ul li {
    border-top: 1px solid #333 !important;
}

    .dark .nspLinks > div.nspLinkScroll1 > div > ul li:first-child {
        border-top: none !important;
    }

.color1 .nspBotInterface .nspPrev, .color1 .nspTopInterface .nspPrev {
    background-position: -23px -80px;
}

.color1 .nspBotInterface .nspNext, .color1 .nspTopInterface .nspNext {
    background-position: -43px -80px;
}

.color1 .nspBotInterface .nspPrev:hover, .color1 .nspTopInterface .nspPrev:hover {
    background-position: -23px -100px;
}

.color1 .nspBotInterface .nspNext:hover, .color1 .nspTopInterface .nspNext:hover {
    background-position: -43px -100px;
}

.color1 .nspBotInterface .nspPagination li, .color1 .nspTopInterface .nspPagination li {
    background-position: 0 -88px;
}

    .color1 .nspBotInterface .nspPagination li:hover, .color1 .nspBotInterface .nspPagination li.active, .color1 .nspTopInterface .nspPagination li:hover, .color1 .nspTopInterface .nspPagination li.active {
        background-position: 0 -108px;
    }

.color1 .nspInfo {
    color: #fff;
}

.nspVmStore .PricesalesPrice {
    margin: 0;
    padding: 0;
    float: left;
}

.nspVmStore .PricediscountAmount {
    font-size: 11px;
    line-height: 12px;
    color: #b6b6b6;
    float: left;
    clear: left;
}

.nspVmStore .PricetaxAmount {
    font-size: 11px;
    line-height: 12px;
    color: #b6b6b6;
    float: left;
    clear: left;
}

.nspVmStore input.addtocart-button {
    width: 30px;
    height: 30px;
    background: transparent url('../../templates/docontrol/images/style1/nsp_add_to_cart.png') no-repeat 0 0;
    margin: 0;
    float: right;
    text-indent: -999em;
}

    .nspVmStore input.addtocart-button:hover {
        background-position: 0 bottom !important;
        background-color: transparent !important;
    }

.nspVmStore div.PricesalesPrice {
    font-size: 18px;
    line-height: 22px;
}

.nspVmStore {
    height: 40px;
    padding: 12px 0 0;
    border-top: 1px solid #eee;
}

    .nspVmStore form {
        float: right;
    }

.nspvm .nspArt > div {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.nspvm .nspHeader {
    min-height: 32px;
}

.nspvm.dotted .nspArt > div {
    background: #fff;
    border: none;
    margin: 0 7px;
}

.nspvm.dotted .nspArtPage {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nspvm.dotted .nspArt .nspHeader {
    margin-top: 12px;
    min-height: 48px;
}

.gkIsWrapper-gk_eSport::selection {
    background: transparent;
    color: inherit;
}

.gkIsWrapper-gk_eSport::-moz-selection {
    background: transparent;
    color: inherit;
}

.gkIsWrapper-gk_eSport::-webkit-selection {
    background: transparent;
    color: inherit;
}

.gkIsWrapper-gk_eSport {
    position: relative;
    background: #fff;
    width: 100%;
    overflow: hidden;
}

    .gkIsWrapper-gk_eSport .gkIsSlides {
        position: relative;
        overflow: hidden;
    }

    .gkIsWrapper-gk_eSport .gkIsSlide {
        position: absolute;
        right: -999px;
        bottom: -999px;
    }

.slide-links .gkIsSlide {
    cursor: pointer;
}

.gkIsWrapper-gk_eSport .gkIsImage {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.gkIsWrapper-gk_eSport .gkContentArea {
    position: absolute;
    z-index: 127;
    width: 100%;
}

    .gkIsWrapper-gk_eSport .gkContentArea > div {
        position: relative;
    }

.gkIsWrapper-gk_eSport .gkIsThumbnails {
    margin: 0 30px;
    background: #fff;
    padding: 14px 0;
    position: relative;
    z-index: 101;
}

.gkIsWrapper-gk_eSport .gkIsPrev {
    width: 50px;
    height: 100%;
    float: left;
    position: relative;
}

.gkIsWrapper-gk_eSport .gkIsNext {
    width: 50px;
    height: 100%;
    float: right;
    position: relative;
}

.gkIsWrapper-gk_eSport .gkIsThumbnailsWrap {
    float: left;
    overflow: hidden;
}

    .gkIsWrapper-gk_eSport .gkIsThumbnailsWrap ul {
        width: 3000px;
    }

    .gkIsWrapper-gk_eSport .gkIsThumbnailsWrap li {
        float: left;
        margin-right: 13px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
        filter: alpha(opacity=65);
        opacity: 0.65;
        cursor: pointer;
    }

        .gkIsWrapper-gk_eSport .gkIsThumbnailsWrap li.active, .gkIsWrapper-gk_eSport .gkIsThumbnailsWrap li:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }

.gkIsWrapper-gk_eSport .gkIsPrev > span, .gkIsWrapper-gk_eSport .gkIsNext > span {
    height: 34px;
    width: 17px;
    background: transparent url('../../templates/docontrol/images/style1/is_nav.png') no-repeat left -1px;
    text-indent: -999em;
    display: block;
    border-left: 20px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}

.gkIsWrapper-gk_eSport .gkIsNext > span {
    background-position: right -1px;
    border-right: 20px solid #fff;
    border-left: none;
    right: 0;
}

    .gkIsWrapper-gk_eSport .gkIsPrev > span:hover, .gkIsWrapper-gk_eSport .gkIsNext > span:hover {
        cursor: pointer;
        background-position: left bottom;
    }

    .gkIsWrapper-gk_eSport .gkIsNext > span:hover {
        background-position: right bottom;
    }

.gkIsWrapper-gk_eSport .gkIsImageAnimArea {
    position: relative;
    overflow: hidden;
}

    .gkIsWrapper-gk_eSport .gkIsImageAnimArea > div {
        position: absolute;
    }

.gkIsWrapper-gk_eSport .gkIsTextTitle {
    position: absolute;
    z-index: 100;
    height: 62px;
    width: auto;
    background: transparent url('../../templates/docontrol/images/style1/is_bg_title.png') repeat 0 0;
    padding: 0 30px;
    text-transform: uppercase;
    visibility: hidden;
    right: 30px;
}

    .gkIsWrapper-gk_eSport .gkIsTextTitle a {
        font-size: 30px;
        color: #fff;
        line-height: 62px;
    }

        .gkIsWrapper-gk_eSport .gkIsTextTitle a:hover {
            color: #dfdfdf;
        }

.gkIsWrapper-gk_eSport.gkThumbsTop .gkIsTextTitle {
    left: 30px;
    right: auto;
}

.gkIsWrapper-gk_eSport .gkIsPreloader {
    display: block;
    position: absolute;
    z-index: 128;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: 0;
    width: 0px;
    height: 0px;
    line-height: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

    .gkIsWrapper-gk_eSport .gkIsPreloader.loaded {
        left: 50%;
        margin: 0;
        width: 0px;
        height: 0px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .gkIsWrapper-gk_eSport .gkIsPreloader span {
        display: none;
    }

    .gkIsWrapper-gk_eSport .gkIsPreloader.loading {
        margin: -13px 0 0 -13px;
        background: transparent url('../../templates/docontrol/images/style1/is_loader.gif') no-repeat center center;
        width: 24px;
        height: 24px;
        border: 1px solid #eee;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

.gkPopupCart .gkPopupWrap {
    padding-bottom: 0 !important;
}

.vmGkCartModule {
    overflow: hidden;
}

    .vmGkCartModule > h3 {
        border-bottom: 1px solid #eee;
        color: #333;
        font-size: 28px;
        font-weight: bold;
        line-height: 28px;
        margin: 0;
        padding: 0 0 43px 0;
        text-transform: uppercase;
    }

    .vmGkCartModule .gkShowCart {
        color: #333;
        float: left;
        font-size: 26px;
        font-weight: bold;
        line-height: 180px;
    }

    .vmGkCartModule .gkContainer {
        border-bottom: 1px solid #eee;
        min-height: 90px;
        overflow: hidden;
        padding: 28px 0;
    }

        .vmGkCartModule .gkContainer > img {
            float: left;
            margin-right: 35px;
        }

    .vmGkCartModule .gkProductName {
        color: #333;
        font-size: 16px;
        font-weight: bold;
    }

        .vmGkCartModule .gkProductName > span {
            color: #a6a6a6;
        }

    .vmGkCartModule .gkPrice {
        color: #ea3c3c;
        float: right;
        font-size: 18px;
        font-weight: bold;
        line-height: 90px;
        text-align: right;
        width: 100px;
    }

        .vmGkCartModule .gkPrice.num0 {
            background: transparent url('../../templates/docontrol/images/style1/bg_cart_price1.png') no-repeat 10px 55px;
        }

        .vmGkCartModule .gkPrice.num1 {
            background: transparent url('../../templates/docontrol/images/style1/bg_cart_price2.png') no-repeat 10px 55px;
        }

        .vmGkCartModule .gkPrice.num2 {
            background: transparent url('../../templates/docontrol/images/style1/bg_cart_price3.png') no-repeat 10px 55px;
        }

    .vmGkCartModule .gkContainer .gkProductContent {
        float: left;
        width: 200px;
    }

    .vmGkCartModule .gkTotal {
        background: transparent url('../../templates/docontrol/images/style1/bg_cart_total.png') no-repeat right 20px;
        color: #ea3c3c;
        float: right;
        font-size: 24px;
        font-weight: bold;
        line-height: 180px;
        height: 160px;
        min-width: 174px;
        overflow: hidden;
        padding-right: 32px;
        text-align: right;
    }

    .vmGkCartModule .gkProductAttributes {
        color: #888;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.2;
    }

        .vmGkCartModule .gkProductAttributes br:first-child {
            display: none;
        }

        .vmGkCartModule .gkProductAttributes img {
            max-height: 16px;
            max-width: 16px;
        }

#gkVmCartSmall {
    width: 41px;
    height: 49px;
    background: transparent url('../../templates/docontrol/images/style1/minicart.png') no-repeat right 0;
    position: fixed;
    z-index: 1000001;
    left: 50%;
    top: 225px;
    overflow: hidden;
    cursor: pointer;
}

#gkHiddenCart {
    display: none;
}

#gkVmCartSmall.full {
    background-position: right -49px;
}

#gkVmCartSmall.loading {
    background-position: right -98px;
}

#gkVmCartSmall.full.loading {
    background-position: right -147px;
}

#gkVmCartSmall.loading #gkHiddenCart {
    background: transparent url('../../templates/docontrol/images/style1/loader_empty.gif') no-repeat center center;
    display: block;
    height: 49px;
    overflow: hidden;
    width: 41px;
}

#gkVmCartSmall.full.loading #gkHiddenCart {
    background: transparent url('../../templates/docontrol/images/style1/loader_full.gif') no-repeat center center;
}

#gkVmCartSmall.loading #gkHiddenCart .vmCartModule {
    display: none;
}

#form-login ~ fieldset .vmicon {
    display: none !important;
}

.gkTabsGK5 {
    position: relative;
    border: 1px solid #EEEEEE;
}

.gkTabsWrap {
    margin: 0;
}

.gkTabsContainer {
    clear: both;
    overflow: hidden;
    position: relative;
}

.gkTabsItem {
    left: -9999px;
    padding: 24px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .gkTabsItem.active {
        left: 0;
        position: relative;
        z-index: 2;
    }

#form-login ~ fieldset td .vmicon {
    display: block !important;
}

.clr {
    clear: both;
    overflow: hidden;
}

.general-bg, input.vm-default, a.product-details, a.details, div.details {
    font-weight: bold;
    color: #90a857;
    text-align: center;
    cursor: pointer;
}

    span.custom-variant-inputbox input.custom-attribute:hover, input.vm-default:hover, .ask-a-question-view input.counter:hover, .ask-a-question-view input#email:hover, table.user-details input:hover, a.details:hover, div.details:hover, a.product-details:hover {
        color: #333;
    }

.productdetails-view .spacer-buy-area {
    padding: 0 0 0 12px;
}

.productdetails-view .back-to-category {
    text-align: right;
}

.product-neighbours {
    color: #777;
    margin: 0 0 15px;
}

    .product-neighbours a.next-page {
        padding-right: 30px;
        line-height: 20px;
        float: right;
    }

    .product-neighbours a.previous-page {
        padding-left: 30px;
        line-height: 20px;
        float: left;
    }

.productdetails-view h1 {
    color: #333;
}

.productDetails {
    margin: 40px 0;
}

.productdetails-view .product-description, .product-fields {
    margin: 15px 0;
}

.product-packaging {
    margin: 15px 0 40px;
    font-size: 11px;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
}

.write-reviews {
    text-align: center;
    margin: 20px 0 0;
}

    .write-reviews h4 {
        text-align: left;
    }

        .write-reviews h4 span {
            font-size: 12px;
            font-weight: 400;
            margin-left: 8px;
        }

    .write-reviews span.step {
        font-weight: 700;
        display: inline-block;
        margin: 0 0 8px;
    }

    .write-reviews ul.rating {
        text-align: center;
        margin: 0 0 20px;
        padding: 0;
    }

        .write-reviews ul.rating li {
            display: inline-block;
            list-style: none;
            text-align: center;
            padding: 0 5px;
        }

            .write-reviews ul.rating li span {
                display: block;
            }

    .write-reviews textarea.virtuemart {
        margin-bottom: 6px;
        display: inline-block;
    }

.list-reviews .normal, .list-reviews .highlight {
    margin: 20px 0;
    padding: 20px;
    background: #fafafa;
}

.list-reviews .highlight {
    background: #fffef4;
}

.list-reviews span.date {
    display: block;
    margin: 0 0 4px;
    font-size: 10px;
    color: #888;
}

span.variant-dropdown {
    width: 150px;
    float: left;
    display: block;
    margin-bottom: 5px;
}

    span.variant-dropdown select {
        width: 150px;
    }

span.custom-variant-inputbox {
    width: 152px;
    float: left;
    display: block;
    margin-bottom: 5px;
}

input.custom-attribute {
    width: 140px;
}

.category-view h4 {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.category-view .row .category .spacer h2 a {
    font-size: 14px;
    display: block;
    text-align: center;
}

    .category-view .row .category .spacer h2 a img {
        margin-top: 6px;
        max-width: 100%;
        height: auto;
    }

.display-number {
    font-size: 11px;
}

.orderby-displaynumber {
    background: #fbfbfb;
    padding: 20px;
    margin: 20px 0;
}

.orderlistcontainer {
    position: relative;
    font-size: 12px;
    float: left;
    text-decoration: none;
    margin: -4px 15px 0 0;
}

    .orderlistcontainer div.activeOrder {
        float: left;
        height: 22px;
        cursor: pointer;
        border: solid #eee 1px;
        background: #fff;
        font-size: 11px;
        font-weight: bold;
        padding: 4px 24px;
    }

    .orderlistcontainer a {
        text-decoration: none;
        display: block;
    }

        .orderlistcontainer a:hover {
            text-decoration: none;
            display: block;
            color: #EEE;
            background: #777;
        }

    .orderlistcontainer div.orderlist {
        display: none;
        position: absolute;
        top: 31px;
        left: 60px;
        padding: 12px;
        border: solid #eee 1px;
        background: #FFF;
        cursor: pointer;
        -webkit-box-shadow: 0 2px 2px #eee;
        -moz-box-shadow: 0 2px 2px #eee;
        box-shadow: 0 2px 2px #eee;
    }

        .orderlistcontainer div.orderlist div {
            padding: 8px 12px;
            line-height: 1.4;
            border-top: 1px solid #eee;
        }

            .orderlistcontainer div.orderlist div:first-child {
                border: none;
            }

.ask-a-question-view .product-summary {
    border-bottom: solid #eee 1px;
    margin: 25px 0 0;
    padding: 0 0 10px;
}

    .ask-a-question-view .product-summary h2 {
        font-size: 16px;
        margin: 0;
        padding: 0;
    }

    .ask-a-question-view .product-summary .short-description {
        margin-top: 6px;
    }

    .ask-a-question-view .product-summary img.product-image {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

.ask-a-question-view .form-field textarea.field {
    width: 394px;
    border: solid #eee 1px;
    color: #777;
    text-align: left;
    padding: 12px;
}

    .ask-a-question-view .form-field textarea.field:hover {
        color: #000;
    }

.ask-a-question-view .form-field .submit {
    width: 418px;
}

.ask-a-question-view input.counter, .ask-a-question-view input#email {
    border: solid #ccc 1px;
    color: #777;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 5px 5px 4px;
}

.vmquote {
    font-size: smaller;
}

.manufacturer-details-view img {
    float: right;
    margin: 0 0 10px 20px;
}

.manufacturer-details-view .email-weblink a {
    margin-right: 15px;
}

input.vm-default {
    margin-bottom: 2px;
}

input.highlight-button {
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

    input.highlight-button:visited {
        color: #fff;
    }

a.product-details, a.details, div.details {
    display: inline-block;
}

span.details-button {
    margin: 0 0 0 10px;
}

    span.details-button input.details-button {
        color: #135CAE;
        border: 1px solid #eee;
        cursor: pointer;
        text-align: center;
        padding: 3px 8px 1px;
    }

.coupon {
    color: gray;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eee;
    font-size: 9px;
    padding: 3px;
}

a.highlight, a.highlight:visited {
    border: solid #00a000 1px;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    background-position: 0 -160px;
    color: #fff;
    padding: 3px 8px 1px;
}

textarea.virtuemart {
    color: #777;
    text-align: left;
    padding: 5px 5px 4px;
}

p.product_s_desc {
    margin-bottom: 6px;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
}

span.stock-level {
    font-size: 10px;
    color: #7d7b7b;
}

.horizontal-separator {
    height: 1px;
    background: #eee;
    margin: 24px 0;
}

.page-results {
    margin-top: 25px;
    text-align: right;
}

table.user-details input {
    color: #777;
    margin-bottom: 2px;
    padding: 5px 5px 4px;
}

.cart-view h1, .orderH1 {
    color: #333;
    margin: 0 0 24px;
    padding: 0 0 10px;
}

.cart-view h2 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.checkout-button-top {
    text-align: right;
}

    .checkout-button-top input.terms-of-service {
        margin-right: 10px;
        display: inline-block;
    }

span.tos {
    display: inline-block;
    margin-right: 15px;
}

.billto-shipto {
    padding: 10px 20px 20px;
}

    .billto-shipto span, span.terms-of-service {
        display: inline-block;
        font-size: 12px;
        margin-right: 10px;
    }

.output-billto span.titles, .output-shipto span.titles {
    width: 150px;
    float: left;
}

.output-billto span.values-first_name, .output-billto span.values-middle_name, .output-billto span.values-zip, .output-shipto span.values-first_name, .output-shipto span.values-middle_name, .output-shipto span.values-zip {
    float: left;
    margin-right: 3px;
}

table.ordersList {
    width: 100%;
}

    table.cart-summary tr th, table.ordersList tr th {
        background: #333;
        padding: 8px 10px;
        color: #fff !important;
    }

table.cart-summary td {
    vertical-align: middle;
}

.customer-comment {
    text-align: right;
    margin: 10px 0;
}

.cart-summary .inputbox {
    text-align: center;
    padding-left: 9px;
    padding-right: 9px;
}

div.terms-of-service {
    margin: 24px 0;
}

.terms-of-service h5 {
    background: #fffef4;
    font-size: 14px;
    text-align: center;
    padding: 15px;
}

    .terms-of-service h5 a, .terms-of-service h5 a:visited {
        color: #90a857;
        text-transform: uppercase;
    }

.vm-button-correct, .vm-button-correct:hover, .vm-button-correct:visited {
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    color: #777;
}

    .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
        color: #fff;
        background: #9fb960;
        font-size: 12px;
        cursor: pointer;
        text-align: center;
        padding: 8px 10px;
        text-transform: uppercase;
    }

        .vm-button-correct:hover {
            background: #333;
            color: #fff;
        }

.VmArrowdown {
    cursor: pointer;
    float: right;
    width: 16px;
    height: 16px;
    padding: 0 12px;
}

ul.VMmenu, .VMmenu ul, .VMmenu li {
    padding: 2px;
}

    .VMmenu li:hover {
        background: url('../../templates/docontrol/images/style1/bg_menu_arrow.png') no-repeat 100% 16px;
    }

.clear, br.clear {
    clear: both;
}

.floatright, span.floatright {
    float: right;
}

.floatleft, span.floatleft {
    float: right;
}

span.bold {
    font-weight: 700;
}

.width1 {
    width: 1%;
}

.width2 {
    width: 2%;
}

.width3 {
    width: 3%;
}

.width4 {
    width: 4%;
}

.width5 {
    width: 5%;
}

.width6 {
    width: 6%;
}

.width7 {
    width: 7%;
}

.width8 {
    width: 8%;
}

.width9 {
    width: 9%;
}

.width10 {
    width: 10%;
}

.width11 {
    width: 11%;
}

.width12 {
    width: 12%;
}

.width13 {
    width: 13%;
}

.width14 {
    width: 14%;
}

.width15 {
    width: 15%;
}

.width16 {
    width: 16%;
}

.width17 {
    width: 17%;
}

.width18 {
    width: 18%;
}

.width19 {
    width: 19%;
}

.width20 {
    width: 20%;
}

.width21 {
    width: 21%;
}

.width22 {
    width: 22%;
}

.width23 {
    width: 23%;
}

.width24 {
    width: 24%;
}

.width25 {
    width: 25%;
}

.width26 {
    width: 26%;
}

.width27 {
    width: 27%;
}

.width28 {
    width: 28%;
}

.width29 {
    width: 29%;
}

.width30 {
    width: 30%;
}

.width31 {
    width: 31%;
}

.width32 {
    width: 32%;
}

.width33 {
    width: 33%;
}

.width34 {
    width: 34%;
}

.width35 {
    width: 35%;
}

.width36 {
    width: 36%;
}

.width37 {
    width: 37%;
}

.width38 {
    width: 38%;
}

.width39 {
    width: 39%;
}

.width40 {
    width: 40%;
}

.width41 {
    width: 41%;
}

.width42 {
    width: 42%;
}

.width43 {
    width: 43%;
}

.width44 {
    width: 44%;
}

.width45 {
    width: 45%;
}

.width46 {
    width: 46%;
}

.width47 {
    width: 47%;
}

.width48 {
    width: 48%;
}

.width49 {
    width: 49%;
}

.width50 {
    width: 50%;
}

.width51 {
    width: 51%;
}

.width52 {
    width: 52%;
}

.width53 {
    width: 53%;
}

.width54 {
    width: 54%;
}

.width55 {
    width: 55%;
}

.width56 {
    width: 56%;
}

.width57 {
    width: 57%;
}

.width58 {
    width: 58%;
}

.width59 {
    width: 59%;
}

.width60 {
    width: 60%;
}

.width61 {
    width: 61%;
}

.width62 {
    width: 62%;
}

.width63 {
    width: 63%;
}

.width64 {
    width: 64%;
}

.width65 {
    width: 65%;
}

.width66 {
    width: 66%;
}

.width67 {
    width: 67%;
}

.width68 {
    width: 68%;
}

.width69 {
    width: 69%;
}

.width70 {
    width: 70%;
}

.width71 {
    width: 71%;
}

.width72 {
    width: 72%;
}

.width73 {
    width: 73%;
}

.width74 {
    width: 74%;
}

.width75 {
    width: 75%;
}

.width76 {
    width: 76%;
}

.width77 {
    width: 77%;
}

.width78 {
    width: 78%;
}

.width79 {
    width: 79%;
}

.width81 {
    width: 81%;
}

.width82 {
    width: 82%;
}

.width83 {
    width: 83%;
}

.width84 {
    width: 84%;
}

.width85 {
    width: 85%;
}

.width86 {
    width: 86%;
}

.width87 {
    width: 87%;
}

.width88 {
    width: 88%;
}

.width89 {
    width: 89%;
}

.width90 {
    width: 90%;
}

.width91 {
    width: 91%;
}

.width92 {
    width: 92%;
}

.width93 {
    width: 93%;
}

.width94 {
    width: 94%;
}

.width95 {
    width: 95%;
}

.width96 {
    width: 96%;
}

.width97 {
    width: 97%;
}

.width98 {
    width: 98%;
}

.width99 {
    width: 99%;
}

.width100 {
    width: 100%;
}

.vmicon, .vmiconFE {
    display: block;
    background: url('../../templates/docontrol/images/vm/vm2-sprite.png') no-repeat 0 0;
    width: 53px;
    height: 10px;
}

.vm2-stars0, .vm2-stars_0 {
    background-position: 0 -50px;
}

.vm2-stars1, .vm2-stars_1 {
    background-position: 0 -40px;
}

.vm2-stars2, .vm2-stars_2 {
    background-position: 0 -30px;
}

.vm2-stars3, .vm2-stars_3 {
    background-position: 0 -20px;
}

.vm2-stars4, .vm2-stars_4 {
    background-position: 0 -10px;
}

.vm2-arrow_down {
    background-position: 0 -72px;
    width: 16px;
    height: 16px;
}

.vm2-billto-icon {
    background-position: 0 -138px;
    height: 24px;
    margin-right: 6px;
    vertical-align: middle;
    width: 24px;
    border: 0px;
}

.vm2-shipto-icon {
    background-position: 0 -284px;
    height: 24px;
    margin-right: 6px;
    vertical-align: middle;
    width: 24px;
}

.vm2-normalstock, .vm2-nostock, .vm2-lowstock {
    display: block;
    width: 53px;
    height: 3px;
    margin: 2px auto;
    background-position: 0 -208px;
}

.vm2-nostock {
    background-position: 0 -218px;
}

.vm2-lowstock {
    background-position: 0 -213px;
}

.stockLavel {
    padding: 12px 0 6px;
}

.vm2-termsofservice-icon {
    height: 24px;
    margin-right: 6px;
    vertical-align: middle;
    width: 24px;
    display: inline-block;
}

.vm2-warning {
    width: 50px;
    height: 40px;
}

.vendor-store-desc, .category-view, .featured-view, .latest-view, .topten-view, .related-products-view, .browse-view, .order-view {
    margin-bottom: 25px;
}

    .main-image img.product-image, .featured-view .spacer img, .latest-view .spacer img, .topten-view .spacer img {
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .featured-view .product-price, .latest-view .product-price, .topten-view .product-price, .output-billto, .output-shipto {
        margin: 10px 0;
    }

.customer-reviews, .ask-a-question-view .form-field, .product-related-products, .product-related-categories {
    margin: 25px 0 0;
}

span.variant-name, span.custom-variant-name {
    width: 100px;
    float: left;
    display: block;
    margin-bottom: 5px;
}

.category-view .row .category .spacer, .featured-view .spacer, .latest-view .spacer, .topten-view .spacer, .related-products-view .spacer, .browse-view .row .product .spacer {
    padding: 12px 24px;
}

    .featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2, h3.catProductTitle {
        font-size: 14px;
        margin: 24px 0 0;
        padding: 0 0 6px;
    }

    .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {
        max-width: 90%;
        height: auto;
    }

.display-number, .right {
    text-align: right !important;
}

.ask-a-question-view, .manufacturer-details-view .spacer {
    padding: 30px;
}

    .ask-a-question-view h1, .manufacturer-details-view h1 {
        font-size: 18px;
        margin: 0;
        padding: 0;
    }

#userForm select, .width80 {
    width: 80%;
}

.output-billto span.values, .output-shipto span.values, .floatleft, span.floatleft {
    float: left;
}

.output-billto span.values, .output-shipto span.values {
    padding-right: 5px;
}

#bottom-pagination div {
    text-align: center !important;
}

#bottom-pagination ul {
    text-align: center !important;
}

    #bottom-pagination ul li {
        display: inline;
    }

#bottom-pagination .counter {
    text-align: right !important;
}

td.orders-key {
    font-weight: bold;
    text-align: left;
}

span.manufacturer {
    margin: 0 0 0 16px;
}

.manufacturer-view-default .row .manufacturer .spacer {
    padding: 6px;
}

.product-field-display a img {
    display: block;
}

.product-fields .product-field-type-P {
    clear: both;
    border-bottom: 1px solid #EEEEEE;
    margin-top: 18px;
}

.product-field-type-P .product-fields-title {
    font-size: 120%;
}

.product-field-type-B, .product-field-type-S, .product-field-type-I {
    padding-left: 3%;
    float: left;
    width: 30%;
}

label.product-fields-title {
    font-size: 11px;
    color: #333;
    min-width: 15%;
    display: inline-block;
}

.vm-customfield-mod img, .vm-customfield-cart img {
    vertical-align: middle;
    width: 16px;
}

.vm-img-desc {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #333;
}

.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost {
    padding: 0 2px;
}

.vmpayment_description, .vmshipment_description {
    color: gray;
    font-size: 9px;
    padding: 0 2px;
}

.vmpayment_cardinfo {
    color: gray;
    font-size: 9px;
}

.row {
    display: table;
    width: 100%;
    text-align: center;
}

    .row > div {
        display: table-cell;
        float: none !important;
    }

.product-price {
    margin: 0 0 15px;
    padding: 10px 20px;
    line-height: 1.6em;
    background: #fbfbfb;
    font-size: 12px;
}

    .product-price > strong {
        display: block;
        margin: 0 0 15px;
        color: #333;
    }

div.PricesalesPrice {
    margin: 30px -20px -10px;
    padding: 30px 20px 20px;
    font-size: 22px;
    color: #333;
    background: #fff;
}

span.PricesalesPrice {
    color: #EA3C3C;
}

.addtocart-area {
    border-top: 1px solid #eee;
}

    .addtocart-area .product-fields {
        border-bottom: 1px solid #eee;
        padding: 6px 20px 12px;
    }

        .addtocart-area .product-fields > div {
            margin: 0 0 10px;
        }

        .addtocart-area .product-fields select {
            min-width: 60%;
        }

input.addtoCart:hover {
    background: #9fb960;
}

span.quantity-box {
    float: left;
    margin: 0 10px 0 0;
    font-weight: bold;
}

input.quantity-input {
    height: 26px;
    width: 26px;
    padding: 3px;
    font-size: 12px;
    text-align: center;
    color: #888;
    font-weight: bold !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #eee;
}

.productdetails-view .addtocart-bar {
    float: right;
    margin: 20px 0 0;
    padding: 0 0 0 20px;
}

.availability {
    margin: -19px 0 0 10px;
}

.ask-a-question {
    margin: 50px 5px 0;
    text-align: right;
}

a.ask-a-question {
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
}

    a.ask-a-question:hover {
        color: #777;
    }

span.title, h4.title {
    display: block;
    margin: 0 0 20px;
    padding-bottom: 6px;
    border-bottom: solid #eee 1px;
    font-size: 18px;
    color: #333;
}

.list-reviews p {
    margin: 1em 0 0.6em;
    font-size: 12px;
}

.additional-images {
    overflow: hidden;
    margin: 20px 0;
}

    .additional-images .product-thumb {
        float: left;
        width: 78px;
        margin: 0 4px 0 0;
        padding: 3px;
        line-height: 1.4;
        border: 1px solid #eee;
        text-align: center;
        white-space: normal;
    }

        .additional-images .product-thumb:hover {
            border-color: #ddd;
            cursor: pointer;
        }

    .additional-images img {
        width: 50px;
    }

.product-related-products > div {
    display: inline-block;
    margin: 12px 0;
    padding: 0 24px;
    border-right: 1px solid #eee;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.vertical-separator {
    border-right: 1px solid #eee;
}

.catProductPrice {
    min-height: 70px;
}

    .catProductPrice .PricesalesPrice {
        color: #ea3c3c;
        font-size: 18px;
        margin: 0;
        padding: 0;
    }

    .catProductPrice .PricediscountAmount, .catProductPrice .PricetaxAmount {
        font-size: 11px;
        line-height: 1.5;
        color: #b6b6b6;
    }

.catProductDetails {
    display: block;
    margin: 12px 0 0;
    font-weight: bold;
    text-decoration: underline;
    font-size: 12px;
}

.orderlistcontainer div.title {
    float: left;
    width: 60px;
    line-height: 32px;
}

.featured-view h4, .latest-view h4, .topten-view h4, .related-products-view h4, .browse-view h1, h2.catSub {
    margin-bottom: 24px;
    padding: 12px 0 12px;
    line-height: 18px;
    color: #333;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
}

h2.catSub {
    border: none;
    margin: 0 0 12px;
}

.formLogin {
    background: #fbfbfb;
    margin: 0 0 24px;
    padding: 20px;
}

.formLoginWrap {
    margin: 18px 0 0;
}

    .formLoginWrap input, .trackMyOrder div {
        margin: 0 24px 12px 0;
        float: left;
    }

    .formLoginWrap a {
        font-size: 11px;
        color: #888;
        margin-right: 12px;
    }

.vmlogout {
    text-align: right;
}

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

.trackMyOrder {
    border: 1px solid #eee;
    padding: 12px 20px 20px !important;
}

    .trackMyOrder div {
        margin: 12px 24px 0 0;
        float: left;
    }

        .trackMyOrder div input[type="submit"] {
            margin-top: 26px;
        }

    .trackMyOrder label {
        display: block;
    }

table.generalUserInfo, table.user-details {
    margin: 30px 0 0;
}

    table.shopperInformation td, table.generalUserInfo td, table.user-details td {
        padding: 3px 24px 3px 0;
        border: none;
    }

    table.shopperInformation tr:hover, table.generalUserInfo tr:hover, table.user-details tr:hover {
        background: none;
    }

ul#tabs {
    margin: 20px 0 0;
    border-bottom: 3px solid #9fb960;
}

#ui-tabs {
    margin-bottom: 20px;
}

    #ui-tabs ul#tabs li {
        display: inline-block;
        cursor: pointer;
        background: #fbfbfb;
        padding: 7px 20px 5px;
        font-weight: bold;
    }

        #ui-tabs ul#tabs li:hover {
            background: #333;
            color: #fff !important;
        }

        #ui-tabs ul#tabs li.current {
            display: inline-block;
            background: #9fb960;
            color: #fff;
            cursor: default;
        }

    #ui-tabs .dyn-tabs {
        overflow: auto;
        display: none;
    }

    #ui-tabs h4 {
        margin: 20px 0;
        font-size: 16px;
        color: #90a857;
    }

.output-shipto {
    font-size: 11px;
    line-height: 1.4;
    color: #999;
}

input.vm2-add_quantity_cart, input.vm2-add_quantity_cart:hover {
    float: right;
    margin: 0 0 0 10px;
    width: 25px;
    background: url('../../templates/docontrol/images/vm/vm2-sprite.png') no-repeat 0 -64px !important;
}

.vm2-remove_from_cart {
    margin: 0 10px;
    background: url('../../templates/docontrol/images/vm/vm2-sprite.png') no-repeat 100% -64px !important;
    cursor: pointer;
    float: right;
    display: block;
    height: 24px;
    width: 15px;
}

.control-buttons > div {
    margin: 40px 0 20px;
    padding: 16px 0 0;
    border-top: 3px solid #eee;
    font-size: 12px;
}

#facebox .popup {
    overflow: hidden !important;
}

    #facebox .popup > div {
        display: block !important;
        padding: 20px !important;
        width: auto !important;
    }

        #facebox .popup > div > div {
            position: relative;
            text-align: center;
            padding: 10px 30px 50px 10px !important;
        }

            #facebox .popup > div > div > a {
                display: block;
                padding: 6px 12px;
                background: #333;
                font-size: 12px;
                text-transform: uppercase;
                text-align: center;
                color: #fff;
                cursor: pointer;
                position: absolute;
                bottom: 5px;
                right: 10px;
            }

                #facebox .popup > div > div > a.continue {
                    left: 10px;
                    right: auto;
                }

                #facebox .popup > div > div > a:hover {
                    background: #f47b20;
                    color: #fff;
                }

            #facebox .popup > div > div > h4 {
                border-bottom: 1px solid #eee;
                margin-bottom: 20px;
                min-width: 300px;
                padding: 0 0 10px;
            }

select#virtuemart_currency_id {
    margin: 0 0 12px;
}

.cart-summary div.PricesalesPrice {
    font-size: 100%;
    padding: 0;
    margin: 0;
    background: none;
}

#terms-of-service .vmicon.vm2-termsofservice-icon, .vmicon-16-editadd {
    display: none;
}

table.cart-summary td > img + br {
    display: block;
}

table.cart-summary td br {
    display: none;
}

::selection {
    background: #232059;
}

::-moz-selection {
    background: #232059;
}

::-webkit-selection {
    background: #232059;
}

body {
    background: #f5f5f5 url('../../templates/docontrol/images/style1/bg_main.png') repeat-x left top;
}

a:hover, a:active, a:focus {
    color: #232059;
}

h1, h2 {
    color: #232059;
}

#gkBg {
    background-image: url('../../templates/docontrol/images/style1/bg_halftone.png');
    background-repeat: no-repeat;
}

h1#gkLogo a.cssLogo {
    background-image: url('../../templates/docontrol/images/style1/logo.png');
}

#gkPageTopLinks a {
    background-image: url('../../templates/docontrol/images/style1/bottom_bullet.png');
}

    #gkPageTopLinks a:active, #gkPageTopLinks a:focus, #gkPageTopLinks a:hover {
        color: #627a28;
    }

#gkBreadcrumb .breadcrumbs li.separator {
    background-image: url('../../templates/docontrol/images/style1/bottom_bullet.png');
}

#gkFooterWrap li {
    background-image: url('../../templates/docontrol/images/style1/bottom_bullet.png');
}

#gkFrameworkLogo {
    background-image: url('../../templates/docontrol/images/framework-logo.png');
}

.box.color1 > div {
    background: #232059;
    color: #d4ec9b;
}

.box.color1 li {
    border-top-color: ##999;
}

.box.color1 a:active, .box.color1 a:focus, .box.color1 a:hover {
    color: #d4ec9b;
}

.box.noise > div {
    background-image: url('../../templates/docontrol/images/style1/bg_noise.png');
}

.box.dotted {
    background-image: url('../../templates/docontrol/images/style1/bg_dotted.png');
}

.box_menu .active {
    color: #232059;
}

.box_menu ul li:hover, .box_menu ul li:focus, .box_menu ul li:active {
    background-image: url('../../templates/docontrol/images/style1/bg_menu_arrow.png');
}

#gkBottom2 li {
    background-image: url('../../templates/docontrol/images/style1/bottom_bullet.png');
}

#gkPopupLogin #loginForm ul.menu li {
    background-image: url('../../templates/docontrol/images/style1/bottom_bullet.png');
}

#gkMainMenu > div.gk-menu > ul > li:hover, #gkMainMenu > div.gk-menu > ul > li:active, #gkMainMenu > div.gk-menu > ul > li:focus, #gkMainMenu > div.gk-menu > ul > li.active {
    color: #232059;
}

    #gkMainMenu > div.gk-menu > ul > li:hover > a, #gkMainMenu > div.gk-menu > ul > li:active > a, #gkMainMenu > div.gk-menu > ul > li:focus > a {
        color: #232059;
    }

    #gkMainMenu > div.gk-menu > ul > li.active > a {
        color: #232059;
    }

#gkMainMenu > div.gk-menu > ul div.childcontent-inner-wrap {
    background: #232059;
}

#gkMainMenu > div.gk-menu > ul div.childcontent li {
    border-top: 1px solid #fff;
}

    #gkMainMenu > div.gk-menu > ul div.childcontent li.active > a, #gkMainMenu > div.gk-menu > ul div.childcontent li.active > span, #gkMainMenu > div.gk-menu > ul div.childcontent li:hover > a, #gkMainMenu > div.gk-menu > ul div.childcontent li:hover > span, #gkMainMenu > div.gk-menu > ul div.childcontent li > a:hover, #gkMainMenu > div.gk-menu > ul div.childcontent li > span:hover, #gkMainMenu > div.gk-menu > ul div.childcontent li.active > a > span, #gkMainMenu > div.gk-menu > ul div.childcontent li.active > span > span, #gkMainMenu > div.gk-menu > ul div.childcontent li:hover > a > span, #gkMainMenu > div.gk-menu > ul div.childcontent li:hover > span > span, #gkMainMenu > div.gk-menu > ul div.childcontent li > a:hover > span, #gkMainMenu > div.gk-menu > ul div.childcontent li > span:hover > span {
        color: #ccc;
    }

#gkMainMenu > div.gk-menu > ul div.childcontent .group-title .menu-title {
    background: ##999;
}

#gkMainMenu > div.gk-menu > ul div.childcontent .group-title .menu-desc {
    color: #232059;
}

#gkSubmenu > div > ul li a:hover {
    color: #232059;
}

#gkSubmenuMod ul li a {
    color: #828181;
}

    #gkSubmenuMod ul li a:active, #gkSubmenuMod ul li a:focus, #gkSubmenuMod ul li a:hover {
        color: #232059;
    }

#gkSubmenu ul li li > a {
    color: #828181;
}

    #gkSubmenu ul li li > a:hover, #gkSubmenu ul li li > a:hover > span {
        color: #232059;
    }

#gkMainMenu > div.gk-menu > ul div.childcontent-inner-wrap div.childcontent-inner-wrap {
    -webkit-box-shadow: 0 0 3px #43521f;
    -moz-box-shadow: 0 0 3px #43521f;
    box-shadow: 0 0 3px #43521f;
}

button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background: #232059;
}

.gkDate {
    background-image: url('../../templates/docontrol/images/style1/date.png');
}

    .gkDate > div {
        background: #9fb960;
    }

ul.pagenav a:hover {
    background-color: #9fb960;
}

li.counter {
    background: #9fb960;
}

div.pagination ul li a:hover, span.pagenav {
    background: #9fb960;
    border-color: #b4cf73 !important;
}

.categories-list ul li {
    background-image: url('../../templates/docontrol/images/style1/typography/bullet-circle2.png');
}

#system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li {
    background-image: url('../../templates/docontrol/images/style1/typography/info_small.png');
}

#system-message dd.error ul li {
    background-image: url('../../templates/docontrol/images/style1/typography/warning_small.png');
}

#system-message dd.notice ul li {
    background-image: url('../../templates/docontrol/images/style1/typography/tips_small.png');
}

dt.result-title a {
    color: #232059;
}

#users-profile-core legend, #users-profile-custom legend, .profile-edit legend, .registration legend {
    color: #232059;
}

form#member-registration .spacer strong, form#member-registration fieldset dt span.star {
    color: #da4d00;
}

div.pagenavcounter {
    color: #232059;
}

dl#tabs dt.open {
    border-bottom-color: #232059;
    background: #232059;
}

dl#tabs dt:hover a {
    color: #232059;
}

.tab1 ul.gkTabs, .tab1 .gkTabsWrap.vertical ol {
    background: #232059;
}

    .tab1 ul.gkTabs li, .tab1 .gkTabsWrap.vertical ol li {
        border-right-color: #fe9749;
    }

        .tab1 ul.gkTabs li:hover, .tab1 .gkTabsWrap.vertical ol li:hover {
            background: #fe9749;
        }

.tab2 ul.gkTabs, .tab2 .gkTabsWrap.vertical ol li.active span, {
    background: #232059;
}

    .tab2 ul.gkTabs li, .tab2 .gkTabsWrap.vertical ol li {
        border-right-color: #a5bf66;
    }

        .tab2 ul.gkTabs li:hover, .tab2 .gkTabsWrap.vertical ol li:hover {
            background: #a5bf66;
        }

.nspBotInterface .nspPagination li, .nspTopInterface .nspPagination li, .nspBotInterface .nspPagination li.active, .nspTopInterface .nspPagination li.active {
    background-image: url('../../templates/docontrol/images/style1/nsp_interface.png');
}

.nspBotInterface .nspPrev, .nspTopInterface .nspPrev, .nspBotInterface .nspNext, .nspTopInterface .nspNext {
    background-image: url('../../templates/docontrol/images/style1/nsp_interface.png');
}

.nspVmStore input.addtocart-button {
    background-image: url('../../templates/docontrol/images/style1/nsp_add_to_cart.png');
}

.gkIsWrapper-gk_eSport .gkIsPrev > span, .gkIsWrapper-gk_eSport .gkIsNext > span {
    background-image: url('../../templates/docontrol/images/style1/is_nav.png');
}

.gkIsWrapper-gk_eSport .gkIsTextTitle {
    background-image: none !important;
    background-color: #1d1a51 !important;
}

.gkIsWrapper-gk_eSport .gkIsPreloader.loading {
    background-image: url('../../templates/docontrol/images/style1/is_loader.gif');
}

.vmGkCartModule .gkPrice {
    color: #ea3c3c;
}

    .vmGkCartModule .gkPrice.num0 {
        background-image: url('../../templates/docontrol/images/style1/bg_cart_price1.png');
    }

    .vmGkCartModule .gkPrice.num1 {
        background-image: url('../../templates/docontrol/images/style1/bg_cart_price2.png');
    }

    .vmGkCartModule .gkPrice.num2 {
        background-image: url('../../templates/docontrol/images/style1/bg_cart_price3.png');
    }

.vmGkCartModule .gkTotal {
    background-image: url('../../templates/docontrol/images/style1/bg_cart_total.png');
    color: #ea3c3c;
}

#gkVmCartSmall {
    background-image: url('../../templates/docontrol/images/style1/minicart.png');
}

    #gkVmCartSmall.loading #gkHiddenCart {
        background-image: url('../../templates/docontrol/images/style1/loader_empty.gif');
    }

    #gkVmCartSmall.full.loading #gkHiddenCart {
        background-image: url('../../templates/docontrol/images/style1/loader_full.gif');
    }

.catItemHeader .catItemTitle span sup, .itemHeader .itemTitle span sup {
    color: #232059;
}

.catItemTagsBlock ul.catItemTags li a:hover, .itemTagsBlock ul.itemTags li a:hover {
    color: #232059;
}

.itemAuthorBlock {
    border-top-color: #232059;
    background-image: url('../../templates/docontrol/images/style1/bg_dotted.png');
}

.itemAuthorDetails h3.itemAuthorName {
    color: #232059;
}

    .itemAuthorDetails h3.itemAuthorName a {
        color: #232059;
    }

.itemAuthorContent li {
    background-image: url('../../templates/docontrol/images/style1/bottom_bullet.png');
}

.commentAuthorName a {
    color: #232059;
}

.itemCommentsForm form span#formLog {
    color: #232059;
}

.subCategory h3 span {
    color: #232059;
}

#itemListLinks ul li {
    background-image: url('../../templates/docontrol/images/style1/bullet_red.html');
}

a.itemCommentsLink {
    background-image: url('../../templates/docontrol/images/style1/comment.png');
}

table.calendar tr td.calendarCurrentMonth {
    color: #232059;
}

table.calendar tr td.calendarToday {
    background: #9fb960;
}

table.calendar tr td.calendarTodayLinked a:hover {
    background: #eb5e11;
}

.general-bg, input.vm-default, a.product-details, a.details, div.details {
    color: #232059;
}

.terms-of-service h5 a, .terms-of-service h5 a:visited {
    color: #232059;
}

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
    background: #9fb960;
}

.VMmenu li:hover {
    background-image: url('../../templates/docontrol/images/style1/bg_menu_arrow.png');
}

span.PricesalesPrice {
    color: #EA3C3C;
}

input.addtoCart:hover {
    background: #9fb960;
}

.catProductPrice .PricesalesPrice {
    color: #ea3c3c;
}

ul#tabs {
    border-bottom: 3px solid #9fb960;
}

#ui-tabs ul#tabs li.current {
    background: #9fb960;
}

#ui-tabs h4 {
    color: #232059;
}

#facebox .popup > div > div > a:hover {
    background: #232059;
}

.yy_slideitems_in p {
    margin: 0;
}

#contact-form .button {
    margin: 10px 0 0 0;
}

a {
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear;
}

input, select, textarea, button, .button, input[type="submit"], input[type="button"], div.mobileSwitch > a, .search dl, .box_menu ul li, .additional-images .product-thumb, .vm-button-correct, #facebox .popup > div > div > a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
}

.tip {
    -webkit-box-shadow: 2px 2px 2px #f5f5f5;
    -moz-box-shadow: 2px 2px 2px #f5f5f5;
    box-shadow: 2px 2px 2px #f5f5f5;
}

.nspvm .nspArtPage {
    -webkit-box-shadow: inset 1px 1px 0 #eee;
    -moz-box-shadow: inset 1px 1px 0 #eee;
    box-shadow: inset 1px 1px 0 #eee;
}

.gkIsWrapper-gk_eSport.gkThumbsTop .gkContentArea {
    -webkit-transition: top 0.35s ease-out;
    -moz-transition: top 0.35s ease-out;
    -o-transition: top 0.35s ease-out;
    -ms-transition: top 0.35s ease-out;
    transition: top 0.35s ease-out;
}

.gkIsWrapper-gk_eSport.gkThumbsBottom .gkContentArea {
    -webkit-transition: bottom 0.35s ease-out;
    -moz-transition: bottom 0.35s ease-out;
    -o-transition: bottom 0.35s ease-out;
    -ms-transition: bottom 0.35s ease-out;
    transition: bottom 0.35s ease-out;
}

.gkIsWrapper-gk_eSport .gkIsThumbnailsWrap li {
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

.gkIsWrapper-gk_eSport .gkIsImageAnimArea > div {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    position: absolute;
}

.gkIsWrapper-gk_eSport .gkIsPreloader {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: opacity 0.5s ease-out,width 0.5s ease-out,height 0.5s ease-out,margin 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out,width 0.5s ease-out,height 0.5s ease-out,margin 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out,width 0.5s ease-out,height 0.5s ease-out,margin 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out,width 0.5s ease-out,height 0.5s ease-out,margin 0.5s ease-out;
    transition: opacity 0.5s ease-out,width 0.5s ease-out,height 0.5s ease-out,margin 0.5s ease-out;
}

    .gkIsWrapper-gk_eSport .gkIsPreloader.loading {
        -webkit-animation-name: loader;
        -moz-animation-name: loader;
        -ms-animation-name: loader;
        -o-animation-name: loader;
        animation-name: loader;
        -webkit-animation-duration: 0.75s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -moz-animation-duration: 0.75s;
        animation-duration: 0.75s;
    }

@keyframes

"loader" {
    from

{
    margin: -13px 0 0 -13px;
    width: 24px;
    height: 24px;
}

50% {
    margin: -18px 0 0 -18px;
    width: 36px;
    height: 36px;
}

to {
    margin: -13px 0 0 -13px;
    width: 24px;
    height: 24px;
}

}

@-moz-keyframes loader {
    from {
        margin: -13px 0 0 -13px;
        width: 24px;
        height: 24px;
    }

    50% {
        margin: -18px 0 0 -18px;
        width: 36px;
        height: 36px;
    }

    to {
        margin: -13px 0 0 -13px;
        width: 24px;
        height: 24px;
    }
}

@-webkit-keyframes

"loader" {
    from

{
    margin: -13px 0 0 -13px;
    width: 24px;
    height: 24px;
}

50% {
    margin: -18px 0 0 -18px;
    width: 36px;
    height: 36px;
}

to {
    margin: -13px 0 0 -13px;
    width: 24px;
    height: 24px;
}

}
@-ms-keyframes

"loader" {
    from

{
    margin: -13px 0 0 -13px;
    width: 24px;
    height: 24px;
}

50% {
    margin: -18px 0 0 -18px;
    width: 36px;
    height: 36px;
}

to {
    margin: -13px 0 0 -13px;
    width: 24px;
    height: 24px;
}

}
@-o-keyframes

"loader" {
    from

{
    margin: -13px 0 0 -13px;
    width: 24px;
    height: 24px;
}

50% {
    margin: -18px 0 0 -18px;
    width: 36px;
    height: 36px;
}

to {
    margin: -13px 0 0 -13px;
    width: 24px;
    height: 24px;
}

}

.gkCol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

span#fb-auth small {
    -webkit-box-shadow: 1px 0 #556A9A;
    -moz-box-shadow: 1px 0 #556A9A;
    box-shadow: 1px 0 #556A9A;
}

span#fb-auth {
    -webkit-box-shadow: inset 0px 1px 0px 0px #aab5cd;
    -moz-box-shadow: inset 0px 1px 0px 0px #aab5cd;
    box-shadow: inset 0px 1px 0px 0px #aab5cd;
    background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#798db9),color-stop(1,#556b9b) );
    background: -webkit-linear-gradient( center top,#798db9 5%,#556b9b 100% );
    background: -moz-linear-gradient( center top,#798db9 5%,#556b9b 100% );
    background: -o-linear-gradient( center top,#798db9 5%,#556b9b 100% );
    background: -ms-linear-gradient( center top,#798db9 5%,#556b9b 100% );
    background: linear-gradient( center top,#798db9 5%,#556b9b 100% );
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    span#fb-auth:hover {
        background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#556b9b),color-stop(1,#798db9) );
        background: -webkit-linear-gradient( center top,#556b9b 5%,#798db9 100% );
        background: -moz-linear-gradient( center top,#556b9b 5%,#798db9 100% );
        background: -o-linear-gradient( center top,#556b9b 5%,#798db9 100% );
        background: -ms-linear-gradient( center top,#556b9b 5%,#798db9 100% );
        background: linear-gradient( center top,#556b9b 5%,#798db9 100% );
    }

#gkPopupOverlay, #gkPopupLogin, #gkPopupRegister, #gkPopupCart {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.list-reviews .normal, .list-reviews .highlight {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#facebox .popup > div > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

p.gkInfo2, p.gkTips2, p.gkWarning2 {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.gkHighlight1, .gkHighlight2, .gkHighlight3, .gkHighlight4 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

pre, .gkCode1, .gkCode2 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

div.gkLegend1 h4, div.gkLegend2 h4, div.gkLegend3 h4, div.gkLegend4 h4 {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

div.gkLegend1, div.gkLegend2, div.gkLegend3, div.gkLegend4 {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.gkTooltip:hover span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 8px 8px 1px rgba(0,0,0,0.12);
    -moz-box-shadow: 8px 8px 1px rgba(0,0,0,0.12);
    box-shadow: 8px 8px 1px rgba(0,0,0,0.12);
}

#gkMainMenu > div.gk-menu > ul div.childcontent-inner-wrap div.childcontent-inner-wrap {
    -webkit-box-shadow: 0 0 3px #666;
    -moz-box-shadow: 0 0 3px #666;
    box-shadow: 0 0 3px #666;
}
