@import url("css/menu.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size: 14px !important;
}

table.NormalTable {
    padding: 0;
    border: 0;
}

td.cellheader {
}
/* background:url(images/bg_header.gif) no-repeat scroll right top #FFFFFF;color:#333333;height:65px;*/
.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.clear {
    clear: both;
}

.Full {
    width: 100%;
}

.Width920 {
    width: 920px;
}

#st {
    margin-top: 15px;
    padding-left: 15px;
}
    /* ===== LOGO ============ */
    #st > a > img {
        width: 141px;
    }

.l1 {
    margin-top: 4px;
}

.l2 {
    float: right;
}

td.content {
    background: repeat-x scroll left bottom #FFFFFF;
    padding: 0 0 10px;
}

td.footer {
    border-top: 3px solid #FCB034;
}

div.powered-by img {
    float: left;
    text-align: left;
}

a.footer {
    color: #333333;
}

/* CSS Document */
#Body {
    background: #FFF;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #58585a;
}

/* ControlPanel style */
.ControlPanel {
    background: transparent repeat-x bottom left;
    border: none;
    padding-bottom: 10px;
}

.cpanel_left {
    background: no-repeat bottom left;
    padding-left: 21px;
}

.cpanel_right {
    background: no-repeat bottom right;
    padding-right: 33px;
}

/*-------- Default Style --------*/
body, th, td, table, h1, h2, h3, h4, h5, h6, .Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover, input, .CommandButton {
    color: #464650;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

body, th, td, table, .Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6, h2 input {
    color: #58585a;
    font-weight: bold;
    margin: 1ex 0;
}

h1 {
    font-size: 18px;
    margin: 10px 0;
}

h2, h2 input {
    font-size: 14px;
}

h3 {
    font-size: 13px;
}

h4 {
    font-size: 12px;
}

h5 {
    font-size: 11px;
}

h6 {
    font-size: 10px;
}

a, a:link, a:visited, a:active {
    color: #3cb4e6;
    text-decoration: none;
    font-weight: normal;
}

    a:hover {
        color: #90cfeb;
        text-decoration: underline;
    }

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.Head {
    color: #2E3D47;
    font-weight: bold;
}

.SubHead {
    color: #58585a;
}

.SubSubHead {
    color: #58585a;
}

.NormalRed {
    color: #E6007E;
}

/*Datagrids */
.DataGrid_Container {
    margin-top: 15px;
}

.DataGrid_Header {
    font-weight: bold;
}

    .DataGrid_Header td, .NormalBold td {
        font-weight: bold;
    }

/*-------- design style --------*/
#s_wrap_main {
    display: table;
    width: 970px;
    margin: 0 auto;
}

#s_wrap_sub {
    display: table-row
}

.template_style {
    display: table-cell
}

.top_space {
    height: 34px;
}

.lang_pad {
    padding: 7px 0 0 25px;
    float: left;
}

.logo_top_left {
    padding: 0;
    margin: 0;
    background: url(images/logo_top_left.png) no-repeat top left;
    height: 23px;
}

.logo_top_right {
    padding: 0;
    margin: 0;
    background: url(images/logo_top_right.png) no-repeat top right;
}

.logo_top_bg {
    padding: 0;
    margin: 0 39px 0 27px;
    background: #FFF url(images/logo_top_bg.png) repeat-x top;
    height: 23px;
}

.logo_left {
    padding: 0;
    background: url(images/logo_left.png) repeat-y top left;
}

.logo_right {
    padding: 0;
    background: url(images/logo_right.png) repeat-y top right;
}

.logo_pad {
    background: #FFF;
    margin: 0 19px 0 7px;
    padding: 0 0 10px 10px;
    height: 100%;
}

.s_logo {
    float: left;
}

.s_banner {
    background: #aaa;
    width: 50%;
    float: right;
}

.menu_bg {
    padding: 0 0 0 6px;
    margin: 0 21px 0 9px;
    background: url(images/menu_bg.png) top left;
}

.menu_left {
    padding: 0;
    margin: 0;
    background: url(images/menu_left.png) repeat-y top left;
}

.menu_right {
    margin: 0;
    background: url(images/menu_right.png) repeat-y top right;
}

.search_style {
    float: right;
    height: 40px;
}

.search_bg {
    padding: 8px 2px 0 0;
}

.bread_bg {
    padding: 0;
    margin: 0 19px 0 7px;
    background: url(images/bread_bg.png) repeat-x top left;
    height: 34px;
}

.bread_left {
    padding: 0;
    margin: 0;
    background: url(images/bread_left.png) no-repeat top left;
    height: 34px;
}

.bread_right {
    padding: 0;
    background: url(images/bread_right.png) no-repeat top right;
    height: 34px;
}

#login_style {
    float: right;
    line-height: 34px;
    padding-right: 18px;
}

#bread_style {
    float: left;
    line-height: 34px;
    padding-left: 18px;
    color: #000000;
}

.center_bg {
    padding: 0;
    margin: 0;
    clear: both;
}

.left_bg {
    padding: 0;
    margin: 0;
    background: url(images/left_bg.png) repeat-y top left;
}

.right_bg {
    padding: 0;
    margin: 0;
    background: url(images/right_bg.png) repeat-y top right;
}

.content_pad {
    padding: 10px 22px 0 22px;
    margin: 0 19px 0 7px;
    background: #FFF url(images/center_bg.png) repeat-x bottom left;
}

.lm_content_pad {
    padding: 0px 22px 0 0px;
    margin: 0 19px 0 7px;
    background: #FFF url(images/center_bg.png) repeat-x bottom left;
}

.content_width {
    padding-top: 15px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

.lm_content_width {
    padding-top: 0px;
    min-height: 350px;
}

.bot_left {
    padding: 0;
    margin: 0;
    background: url(images/bot_left.png) no-repeat top left;
}

.bot_right {
    padding: 0;
    margin: 0;
    background: url(images/bot_right.png) no-repeat top right;
    padding: 0 39px 0 27px;
}

.bot_bg {
    padding: 0;
    margin: 0;
    background: url(images/bot_bg.png) repeat-x top left;
    height: 41px;
}

.bot_pad {
    margin-bottom: 20px;
    padding: 0 30px 0 20px;
}


.clear_float {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
}

/* ------- FileManager -------*/
div.FileManager {
    height: auto;
    border: none;
}

table.FileManager {
    width: 99%
}


a.CommandButton:link, a.CommandButton:visited {
    color: #E6007E;
    font-weight: bold;
    text-decoration: none;
}

a.CommandButton:hover {
    color: #57b6e1;
    text-decoration: underline;
}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited {
    color: #3E81B5;
}

.ControlPanel a.CommandButton:hover {
    color: #57b6e1;
    text-decoration: underline;
}

.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead {
    font-size: 11px;
}

.ControlPanel a[disabled="disabled"] {
    color: #888 !important;
    text-decoration: none !important;
}

/*--------- pane style ----------*/
.BannerPane {
    display: inline-block;
    float: right;
    padding-right: 17px;
    width: auto;
}

.ContentPane, .TopPane, .BottomPane {
    padding: 0;
    margin: 0;
}

.LeftPane {
    padding: 0 20px 0 0;
    width: 20%;
    margin: 0;
}

.RightPane {
    padding: 0 0 0 20px;
    width: 20%;
    margin: 0;
}



/*------------ Breadcrumb Style --------------*/
.Breadcrumb, a.Breadcrumb:link, a.Breadcrumb:active, a.Breadcrumb:visited {
    color: #3E81B5;
}

a.Breadcrumb:hover {
    color: #57b6e1;
}

/*-------------- Link Style --------------*/
.linkscontainer {
    padding-top: 20px;
    text-align: center;
}

.links, a.links:link, a.links:active, a.links:visited {
    font-weight: bold;
    color: #3E81B5;
    text-transform: uppercase;
}

a.links:hover {
    color: #90cfeb;
}

/*-------------- User Style --------------*/
.user, a.user:link, a.user:active, a.user:visited {
    color: #3E81B5;
}

a.user:hover {
    color: #90cfeb;
}

/*-------------- Footer Style --------------*/
.footer, a.footer:link, a.footer:active, a.footer:visited {
    color: #3E81B5;
}

a.footer:hover {
    color: #90cfeb;
}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane {
    width: 0;
    padding: 0;
    margin: 0;
}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer {
    position: relative;
    white-space: nowrap;
}

div.SearchBorder {
    width: 180px;
    height: 20px;
    border: solid 1px #e0e0e0;
    float: left;
    background-color: White;
    white-space: nowrap;
    margin-top: 2px;
}

div.SearchContainer a {
    padding: 0;
    display: block;
    float: left;
}

    div.SearchContainer a img {
        padding-left: 5px;
    }

div.SearchIcon {
    float: left;
    width: 31px;
    height: 20px;
    cursor: pointer;
    z-index: 11;
    background: no-repeat 2px 2px;
    text-align: right;
}

    div.SearchIcon img {
        margin-top: 3px;
    }

input.SearchTextBox {
    float: left;
    z-index: 10;
    border: 0;
    width: 130px;
    height: 18px;
    margin-left: 3px;
    color: #43494D;
}

#SearchChoices {
    clear: both;
    display: none;
    border: solid 1px #C3D4DF;
    z-index: 2000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #F3F7FA;
    position: absolute;
    top: 22px;
    left: 0;
}

    #SearchChoices li {
        cursor: pointer;
        margin: 0;
        padding: 2px 2px 0 2px;
        padding-left: 25px;
        height: 18px;
        text-align: left;
        background-color: #F3F7FA;
        background-repeat: no-repeat;
        background-position: 2px center;
        list-style: none;
        list-style-image: none;
        border: none;
        display: block;
    }

        #SearchChoices li.searchHilite {
            background-color: #E6007E;
            color: #ffffff;
            border: none;
        }

        #SearchChoices li.searchDefault {
            background-color: #F8FAFF;
            border: none;
        }


/* Minimal Entropy Example Styles */
.linkscontainer_left {
    padding: 0;
    background: url(images/left_bg.png) repeat-y bottom left;
}

.linkscontainer_right {
    padding: 0;
    background: url(images/right_bg.png) repeat-y bottom right;
}

.linkscontainer_pad {
    background: url(images/center_bg.png) repeat-x bottom left;
    margin: 0 19px 0 7px;
    padding: 0 0 10px 10px;
    height: 100%;
}

.tag_bg {
    padding: 0;
    margin: 0 19px 0 7px;
    background: url(images/bread_bg.png) repeat top left;
    min-height: 68px;
}

.tag_left {
    padding: 0;
    margin: 0;
    background: url(images/bread_left.png) repeat-y top left;
    min-height: 68px;
}

.tag_right {
    padding: 0;
    background: url(images/bread_right.png) repeat-y top right;
    min-height: 68px;
}

#tag_style {
    display: table;
    margin: 0 auto;
    padding: 0;
    white-space: nowrap;
}

    #tag_style ul.categories, #tag_style ul.tags {
        min-height: 34px;
        max-height: 34px;
        height: 34px;
    }

.pCCInfo, .tdCCInfo {
    width: 220px;
}

legend span[id$="lblShippingMethodTitle"], legend span[id$="ShipnPay_lblPaymentMethodTitle"] {
    font-weight: bold;
}

legend span[id$="ShipnPay_lblPaymentMethodTitle"] {
    margin-bottom: 5px;
    display: inline-block;
}

td.tdBOOptions ul {
    margin-left: 0px;
}

    td.tdBOOptions ul li {
        margin-bottom: 5px;
        list-style-type: none;
    }

table.StoreAccountOrderHeader td.StoreCartDetailProduct b {
    font-weight: normal !important;
}

table.StoreAccountOrderHeader td.StoreAccountOrderHeaderHeader span {
    font-size: 18px;
    color: #03234b !important;
}

.StoreAccountOrderHeaderHeader span, .StoreAccountCheckoutShippingProviders legend > span, .StoreAccountCheckoutPayment legend > span, .pCCInfo strong > span, .StoreAccountCheckoutPaymentEdit .StorePaymentEdit b, .StoreAccountCheckoutPayment .StorePaymentView b {
    color: #03234b !important;
}
/* Checkout Table */
.StoreAccountOrderBodyHeader {
    background: #fff !important;
    border-bottom: 1px solid #ccc;
}

table tr.StoreAccountOrderBodyHeader td {
    color: #74757c !important;
}

.StoreAccountCheckoutBillingAddress table {
    font-size: 14px !important;
    font-family: Arial,Helvetica,sans-serif;
}

.StoreAccountOrderBody .StoreAccountOrderBodyProductHeader {
    border-left: none !important;
}

.StoreCartDetailAlternatingItem td,
.StoreAccountOrderBodyAlternatingItem td {
    background: #fff !important;
}

/* Buttons */
input[type="submit"].btnCheckout,
.btnStoreCheckout,
.btnCheckout,
.btnPurchase {
    background: #03234b !important;
    border: 1px solid #03234b !important;
    border-radius: 0 !important;
    padding: 9px 15px;
}

    .btnStoreCheckout:hover,
    .btnCheckout:hover,
    .btnPurchase:hover {
        background: #03234b !important;
        border-color: #03234b !important;
        border-radius: 0 !important;
    }

/* Credit Card inputs and Messaging */
input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] {
    margin-bottom: 5px !important;
}
/* Credit card error */
table.StoreAccountCheckoutPaymentEdit td {
    padding-bottom: 13px !important;
}
/* ------------------------
      CHECKOUT STEPS
--------------------------- */
.TopPane {
    margin-bottom: 40px;
}

.StoreAccountCheckoutSteps {
    text-align: center !important;
    height: auto !important;
    margin: 0 !important;
}

    .StoreAccountCheckoutSteps img {
        width: 600px;
    }

/* =======  FOOTER  ============== */
/* making footer full width */
.WidthFull {
    width: 100%;
}

footer.st-footer {
    border-top: 2px solid #3cb4e6;
    background: #f8f8f8;
    padding: 15px;
    text-align: left;
}
/* adding width to each section */
div.st-row-footer-wrap-column {
    float: left;
    padding: 0 25px;
}
/* section titles */
ul.st-footer-nav li.st-footer-nav-title,
.st-footer-headline {
    color: #3CB4E6;
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 20px;
}
/* adding space in-between links */
ul.st-footer-nav li {
    padding-bottom: 10px;
}
/* Footer links */
ul.st-footer-nav a {
    color: #464650;
}

.st-row-footer {
    height: 220px;
    margin: 0 auto;
    width: 920px;
}

.st-footer-copy {
    /* padding-left: 100px; */
    margin: 0 auto;
    width: 770px;
}

    .st-footer-copy p,
    .st-footer-copy a,
    .st-footer-copy p span {
        color: #464650;
        font-weight: bold;
        float: left;
    }

    .st-footer-copy p {
        margin-right: 10px;
    }

.st-footer-links span {
    float: left;
    padding: 0 10px;
}
/* ============================ */
/*     social media icons      */
/* ============================ */
.st-svg-sprite {
    display: none;
}

.st-button {
    display: inline-flex;
}

.st-button-icon {
    fill: #fff;
    height: 20px;
    width: 20px;
}

.st-button-network {
    margin-bottom: 0;
    margin-right: 3px;
}

    .st-button-network .st-button-icon {
        height: 22px;
        width: 20px
    }

.st-button-twitter {
    background-color: #55acee;
    border: 1px solid #55acee;
    padding: 4px 5px
}

.st-button-facebook {
    background-color: #3b5998;
    border: 1px solid #3b5998;
    padding: 4px 5px
}

.st-button-linkedin {
    background-color: #0976b4;
    border: 1px solid #0976b4;
    padding: 4px 5px
}

.st-button-instagram {
    background-image: radial-gradient(circle at 27% 108%,#fd5,#fd5 10%,#ff543e 50%,#c837ab);
    border: 0;
    padding: 5px 6px
}

.st-button-youtube {
    background-color: #e20c35;
    border: 1px solid #e20c35;
    padding: 4px 5px
}