@font-face {
    font-family: 'FontAwesome';
    src: url('../plugins/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('../plugins/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../plugins/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../plugins/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../plugins/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* BASIC PAGE SETUP ------------------------------- */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 11px;
    line-height: 2.3em;
}
body { color: #717171; }
body, .page {
    margin: 0;
    padding: 0;
    font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    min-height: 100vh;
}
.page, .body_container {
    position: relative;
    margin: 0 auto;
}

iframe {
    border: none !important;
}
button, input, select, textarea {
    color: #333333;
    padding: 3px;
}
textarea {
    min-height: 100px;
}
button, search, input, select, textarea {
    *font-size: 0.95em;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button, input {
    line-height: normal;
    *overflow: visible;
}
input, textarea {
    margin: 0;
    border: 1px solid #ccc;
    padding: 5px;
    background: #ffffff;
}
input::-moz-focus-inner {
    border: 0;
}

input[disabled="disabled"], input.disabled{
    color: #999999;
    background: #f5f5f5;
    -moz-box-shadow: inset 0 0 2px #ddd;
    -webkit-box-shadow: inset 0 1px 2px #ddd;
    box-shadow: inset 0 1px 2px #ddd;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button {
    margin: 0;
    border: 0;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid transparent;
    text-decoration: none;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    margin: 0 7px 0 0;
}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], select {
    height: 26px;
}
input[type="text"].full100, textarea.full100, input[type="email"].full100, input[type="password"].full100 {
    width: 100%;
}
input[type="text"].full, textarea.full, input[type="email"].full, input[type="password"].full {
    width: 95%;
}
input[type="text"].long, textarea.long {
    width: 80%;
}
input[type="text"].middle, textarea.middle, .middle {
    width: 50%;
}
input[type="text"].short, textarea.short {
    width: 20%;
}
.form_body input[type="text"], .form_body input[type="password"], .form_body select {
    width: 85%;
}
button:focus, button:active:focus, input:focus, input:active:focus, .button:focus, .button:active:focus, select:focus, select:active:focus, textarea:focus, textarea:active:focus, a.button:focus, a.button:active:focus {
    outline: 0 none;
}
input[type="number"]{
    width: 60%;
}

.BotSideMenuOn, .BotSideMenuOff{ display: none; }
.MainCountdown {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
}
.subcat_main_img + .MainCountdown {
    margin-top: -18px;
}
.TextCountdown{
    padding-top: 1em;
    line-height: 1em;
    display: inline-block;
    font-size: 1.5em;
}
.SubCountdown{
    padding: 2.5em;
}
.ExpCountdown{
    padding: 0.5em;
}
.BoxTime{
    padding: 0 15px;
    display: inline-block;
    border-right: 1px solid #C7C7C7;
}
.TextBoxTime{
    font-weight: bold;
    font-size: 1em;
}
.BoxTime:last-child{
    border-right: 0;
}
.Countdown{
    font-weight: bold;
    line-height: 1em;
    font-size: 1.5em;
}

#labelCue:checked ~ .cusLabel{
    visibility: hidden;
    overflow: hidden;
    height: 0px;
    opacity: 0;
    transition: visibility 0s 1s, opacity 1s linear;
    -webkit-transition: visibility 0s 1s, opacity 1s linear;
    -moz-transition: visibility 0s 1s, opacity 1s linear;
    -o-transition: visibility 0s 1s, opacity 1s linear;
}
.cusLabel{
    visibility: visible;
    overflow: hidden;
    opacity: 1;
    transition: opacity 2s linear;
}
.boxColumn > div {
    display: inline-block;
    padding: 0 2.5em 0 5px;
}
.padding-ten{ padding: 10px; }
.padding-5 { padding: 5px; }
.pointer {
    cursor: pointer;
}
blockquote {
    margin: 30px 20px 0 30px;
    overflow: hidden;
    line-height: 1.4em;
}
blockquote .column p {
    line-height: 1.4em;
}


/*  HEADINGS ------------------------------- */

h1, h2, h3, h4, h5, h6 {
    font-weight : bold;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
h1 {
    font-size: 1.4em;
    line-height: 1.4;
}
h2 {
    margin-bottom: .5em;
    font-size: 1.3em;
    line-height: 1.2;
}
h3 {
    letter-spacing: -1px;
    font-size: 1.2em;
    line-height: 1.3;
}
h4 {
    font-size: 1.1em;
    line-height: 1.25;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 1em;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.fa-size{ font-size: 2.3em !important; }
.fa-size-small{ font-size: 8pt !important; }
.fa-2x{ font-size: 2em !important; }
.fa-lg {
    font-size: 1.33333333em !important;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-ban:before {
  content: "\f05e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-times:before {
  content: "\f00d";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-search:before {
  content: "\f002";
}
.fa-home:before {
  content: "\f015";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-user:before {
  content: "\f007";
}
.fa-circle:before {
  content: "\f111";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-check-square-o:before {
  content: "\f046";
}
.socialtable{
    display:table;
}
.socialrow{
    display: table-row;
}
.socialcell{
    display: table-cell;
    vertical-align: middle;
}
.socialcell a{
    line-height: 1.2em !important;
    padding: 3px;
}

#ActionArea .fa-stack, .positionText-Top {
    vertical-align: top;
}
#ActionArea .fa-stack-1x {
    line-height: 1.8em;
}
#ActionArea .fa-stack-2x {
    font-size: 2.2em !important;
    top: -3px;
}


/*  TYPOGRAPHY  ------------------------------- */
p, ol, ul, dl, address {
    margin-bottom: 1.5em;
}
p.center {
    text-align: center;
}
p.lineheightCh{
    line-height: 2.5em !important;
}
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
li ul,
li ol {
    margin: 0;
}
hr {
    display: block;
    padding: 0;
    margin: 5px 0;
    height: 1px;
    border: 0;
    width: 100%;
}
hr.line {
    height: 1px;
}
hr.line2px {
    height: 2px;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}



/* LINKS ------------------------------- */
a, .linkstyle {
    text-decoration: underline;
    cursor: pointer;
}

/* IMAGES ------------------------------- */
img {
    border: 0;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

/* FORMS ------------------------------- */
form {
    margin: 0;
}
label {
    font-weight: normal;
    display: block;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
}

/*  GLOBAL OBJECTS  -------------------------------  */
.floatleft {
    float: left !important;
}
.floatright {
    float: right !important;
}
.clearboth {
    clear: both;
}
#MainHeaderArea ul, #MainHeaderArea2 ul, #MainContentArea, #MainContentArea2, .footer-container > *, .contentwidth {
    margin-left: auto !important;
    margin-right: auto !important;
}
.div-center {
    margin: 0 auto !important;
}
.text-left, .textSpecification, .first-invoice-table ul li, .tableProduct ul li ul li.text-left {
    text-align: left !important;
}
.text-right, .first-invoice-table ul li.invDetail {
    text-align: right !important;
}
.text-center, .invoiceTable ul li ul .invImage, .return_header .Cell3, ul.bottomheader li {
    text-align: center !important;
}
.text-underline {
    text-decoration: underline;
}
.no-underline, .related_list .no-underline a {
    text-decoration: none !important;
}
.text-red, .color-red {
    color: #ff0000 !important;
}
.text-purple {
    color: #ba00ff;
}
.color-blue, .text-blue{
    color: blue;
}
.text-violet{
    color: #cc33cc;
}
.color-black, .text-black{
    color: black !important;
}
.color-yellow, .text-yellow{
    color: #FFCC00;
}
.color-green, .text-green{
    color: green;
}
.BG-white{
    background-color: white;
}
.BG-darkgray{
    background-color: #747473;
}
.BG-lightyellow{
    background-color: #ffffe0;
}

.show_message {
    position: fixed;
    top: -120px;
    padding: 15px 5px 15px;
    width: 114px;
    color: #FDDAFD;
    text-align: center;
    background-color: #808080;
    z-index: 10000;
    font-size: 11px;
    line-height: 20px;
}
.show_message-right {
    position: fixed;
    top: 40px;
    right: 40px;
    padding: 15px;
    line-height: 1.6em;
    color: #0DBC78;
    background-color: #ABF5D8;
    border: 1px solid #81E6BE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    z-index: 15;
    max-width: 250px;
}
.visible {
    visibility: visible;
    opacity: 1;
}
/* Fade-Out Effect */
.hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 1s, opacity 1s linear;
    -moz-transition: visibility 0s 1s, opacity 1s linear;
    -ms-transition: visibility 0s 1s, opacity 1s linear;
    transition: visibility 0s 1s, opacity 1s linear;
}
.span_hidden {
    visibility: hidden;
    opacity: 0;
}
.badWord {
    display: none;
}
.div-hidden, .iframe_content .ifame_hidden, .overlay_content .ifame_hidden, .moblieShow, .moblieShowHeader, .matrix-moblie, .small-moblie-header, .moblie-show, .returnlist-width, .small-size, .mobile-cell {
    display: none !important;
}
.div-visible {
    display: block !important;
}
.mobile-visible {
    display: none !important;
    position: static !important;
}
.x-gap {
    clear: both;
    margin: 1.313em 0;
    border-color: transparent;
    background-color: transparent;
}

/* CONTENT STYLE -------------------------------  */
.container {
    margin: 0 auto;
    line-height: 1.3em;
    clear: both;
    height: 100%;
    /*overflow: hidden;*/
}

.content-container {
    text-align: left;
    margin: 0 auto;
    position: relative;
}
.content-container h1, .content-container h2, .content-container h3, .content-container h4, .content-container h5, .content-container h6 {
    text-align: center;
    margin: 20px 0;
    text-decoration: none;
}
.customblock h1, .customblock h2, .customblock h3, .customblock h4, .customblock h5, .customblock h6 {
    font-weight : normal;
    text-align: left;
    margin: 0;
}
.customblock ul, .customblock ol{
    list-style-type: inherit;
    margin: auto;
    padding-left: 40px;
}
.content-wrap {
    margin: 15px 0;
    /*overflow: hidden;*/
}
#MainContentArea #RegisterForm, #MainContentArea2 #RegisterForm {
    margin: 0;
}
#MainContentArea > .contentwidth {
    margin: 5px auto !important;
}

.page_nav .menu_selected {
    padding: 1px 2px 3px;
}
.page_section_name {
    text-transform: uppercase;
    text-align: left;
    font-size: 19px !important;
    padding: 15px 0px;
}
.iframe_content .page_section_name, .margin_top {
    margin-top: 15px;
}
.row {
    padding: 10px 10px 0 1rem;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
}


/* SEARCH PAGE STYLE -------------------------------  */
.search_info {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 10px 0 0;
    display: table;
}
.search_info > div {
    display: table-cell;
    padding: 10px;
    width: 25%;
}
.search_info  > div:not(:first-child) {
    border-left: 1px solid #ccc;
}
.search_page-header textarea {
    width: 320px;
    vertical-align:bottom;
}
.search_result-content {
    padding-top: 25px;
}

.overflow-hidden {
    overflow: hidden;
}
.menuMobile{
    -webkit-overflow-scrolling: touch;
}

.inline_block {
    display: inline-block;
}
.no_margin {
    margin: 0 !important;
}
.margin-top{
    margin-top: 1.5em;
}
.margin-bottom{
    margin-bottom: 2.5em !important;
}
.paddingleft{
    padding-left: 20px;
}
.paddingY{
    padding-top: 20px;
}
.text-bold{
    font-weight: 600;
}
.nowrap li, .nowrap {
    white-space: nowrap;
}

/* for return Product */
.colspan>div>div{
    width:150px;
}
.returnbox hr{
    margin: 15px 0 !important;
}
.return-checked{
    background-color: #FFE9D4;
}
.returnList {
    margin-bottom: 20px;
}

/* for status report */
.main_account .statusreport_page ul {
    padding-left: 0 !important;
}
.textSpecification, .detail-info, .pdf-Weight ul li.fullblock {
    display: block !important;
    width: 100%;
    margin: 0;
    text-align: center;
}
.spec_column {
    width: 30%;
}
li.imageSet.pdf-width {
    float: right;
    width: 10%;
}
.inTable ul .pdf-headW {
    width: 15%;
    text-align: center;
}
.inTable ul .pdf-headQty {
    width: 23%;
}
.inTable ul .pdf-infoHead{
    width: 38%;
    min-width: 67px;
}
.report-head{
    margin-bottom: 1em;
}
.pdf-headQty, .pdf-headW{
    text-align: center !important;
}
.pdf-text, .pdf-headPrice, .pdf-headTotal {
    text-align: left;
}

/* for label edit */
.LabelMarginCode {
    margin-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.LabelMarginDetail {
    margin-bottom: 1em;
}
.UserStatus {
    padding-top: 3px;
    color: #17801E;
}
.FactoryStatus {
    padding-top: 3px;
    color: #1223FF;
}
.FontSizeStatus{
    font-size: 0.90em !important;
}
.ActionButton {
    padding-bottom: 3px;
    text-align: right;
    font-weight: 600;
}
.TemplateLabel {
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    width: 250px;
    height: 180px;
    float: left;
    width: 90%;
}
.LabelImg, .Label4Button, .LabelDetail {
    width: 100%;
    text-align: center;
}
.LabelButton {
    width: 100%;
    padding: 3px 15px 3px 15px;
}

/* for div RESERVE QUANTITY and BE INFORMED in productdisplay page */
p.no_padding_bottom, #WarrantyContent {
    margin-bottom: 0px !important;
}
.Temporarily-Sold-Out{
    text-align: center;
}
.box-reserve-qty{
    overflow: hidden;
    padding: 10px 10px 0px 10px;
    margin: 0px;
}
.link-padding{
    padding-top: 4px;
    display: block;
    line-height: 1.5em;
}
.slide_content{
    transition: height 1s ease-out;
    height: 0;
    overflow: hidden;
}
.product_display_position {
    position: absolute;
    width: auto;
    z-index: 10;
    font-size: 0.95em;
    line-height: 1.5em;
}
.product_reserve_mouseover {
    position: absolute;
    margin-top:15px;
    left: -35px;
    top: -10px;
    z-index: 11;
    width: 100%;
    background-color: #ffffff;
    visibility: hidden;
    border: 1px solid;
    padding: 7px;
}
.product_display_slide {
    padding: 10px;
    font-size: 0.95em;
    border: 1px solid transparent;
}
.order_more_detail_slide {
    padding: 0px 10px 10px 10px;
    border: 1px solid #ccc;
    font-size: 0.95em;
    width: 100%;
}
input[type="text"].reserve_qty {
    text-align: right;
    font-size: 0.95em;
    height: 22px;
}
input[type="button"].reserve_sub {
    font-size: 0.95em;
    padding: 3px 7px 3px 7px;
    margin-left: 10px;
}
@-webkit-keyframes spaceboots {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
/* ---------------------------------------------- */

/*----------------- SIDE BAR ----------------------*/
.shopping_link {
    line-height: 1.5em;
}
.product_page, .tag_icon {
    margin: 0;
}
.product_page.table > .row { overflow: inherit;  }
.product_sublist {
    overflow: hidden;
}
.product_sublist ul li {
    margin: 0 0 5px;
}
.more_style {
    margin: 6px 0;
}
.subcat_main_img {
    margin: 5px 0 15px;
    text-align: center;
}
.product_area {
    margin: 0 auto;
}
.product_content hr {
    height: 0px;
}
.product_page .collection_info{
    font-size: 2em;
    margin-bottom: 0.15em;
    font-weight: 400;
    text-align: left;
}
.product_content .collection_info{
    margin-top: 0.2em;
}

/* page navigator */
.page_navigator {
    float: right;
    margin-bottom: 15px;
}
.page_navigator a, a.checkoutstep, .page_nav a, .back_to_top a, a.fa {
    text-decoration: none;
}
.page_navigator-bottom {
    clear: both;
    text-align: center;
}
.page_nav {
    display: inline-block;
}
.page_nav > li {
    padding-right: 0;
    display: inline-block;
}
.page_nav > li:not(:last-child) {
    padding-right: 6px;
}
.more_page, .more_page-bottom {
    position: absolute;
    left: -3px;
    top: -2px;
    overflow-y: auto;
    visibility: hidden;
    background-color: #ffffff;
    border: 1px solid #D9CAA7;
    min-width: 2.5em;
    max-height: 250px;
    z-index: 10;
}
.more_page.page_option-big, .more_page-bottom.page_option-big {
    min-width: 4em;
    left: -13px;
    z-index: 10;
}
.more_page-bottom {
    position: absolute;
    top: auto;
    bottom: 13px !important;
    min-width: 2.5em;
    max-height: 250px;
}
.page_option > li > a {
    width: 100%;
    margin: 2px auto !important;
    padding: 1px 0;
    cursor: pointer;
    text-align: center;
    display: block;
}
.page_option > li > a:hover {
    background-color: #D9CAA7;
}
.manageitemArea {
    position: absolute;
    visibility: hidden;
    z-index: 7;
    text-align: left;
}
.item_wishlist {
    padding: 4px;
    border: 1px solid #BFBFBF;
    font-weight: normal !important;
    font-size: 11px;
    background-color: #FAFAFA;
}
.item_wishlist span {
    cursor: pointer;
}
.item_history {
    padding: 4px;
    border: 1px solid #BFBFBF;
    background-color: #fff;
    position: absolute;
    width: 103%;
    z-index: 6;
    font-size: 0.95em;
    line-height: 1.5em;
    visibility: hidden;
}
.product_wrap {
    padding: 5px 0;
    font-size: 0.95em;
}
.product_wrap p {
    margin: 0 0 10px;
}
.product_info {
    margin: 0 auto;
    /*width: 204px;*/
    min-width: 200px;
}
.image_area {
    text-align: center;
}
.product_img {
    text-align: center;
    margin: 0;
    line-height: 0;
    padding: 2px;
    display: inline-block;
    background-color: #ffffff !important;
    border: 1px solid #cccccc;
}
.product_img.product-preview, .related_list .product_img {
    display: inline-block;
}
.minitext {
    font-size: 0.95em;
    text-align: center;
}
p.shopping_link, p.discontinued_link, p.makeoffer_link {
    margin: 15px auto 0px auto;
}
.tag_display {
    overflow: hidden;
    padding: 5px 0 5px;
}
.product_code {
    font-weight: bold;
}
.product_desc_right {
    text-align: right;
}
.product_desc_right p {
    margin: 4px 0;
}
.dicount_price {
    padding: 3px;
    border: 1px solid #C0C0C0;
    background-color: white;
}
.back_to_top {
    right: 0;
    position: fixed;
    visibility: hidden;
    z-index: 8;
    top: calc(85%);
    top: -moz-calc(85%);
    top: -o-calc(85%);
}
.product_mouseover{
    position:relative;
    width:130%;
    max-width:300px;
}
.product_details {
    margin-top:15px;
    position: absolute;
    left: -55px;
    top: -10px;
    z-index: 11;
    visibility: hidden;
    border: 1px solid;
    padding: 7px;
}
.product_details p {
    margin: 3px 0;
}


.discontinued_link {
    color: #ff0000;
    font-weight: bold;
}
.cart_dashed_line {
    border-bottom: 1px dashed;
    margin-bottom: 1.5em !important;
    float: right !important;
    clear: both;
}
.column.third.carttotal {
    float: right;
    text-align: right;
    white-space: nowrap;
}


/*----------------- CONTACT PAGE ----------------------*/
.border {
    overflow: hidden;
    margin: 0 auto 20px;
    padding: 10px;
    border: 1px solid #cccccc;
}
.form_header {
    font-weight: bold;
    font-size: 1.15em;
    margin: 1em 0 0;
    text-align: left;
    text-decoration: underline;
}
.left-label-form label {
    margin: 5px 0 0;
}
.form_body {
    text-align: left;
    line-height: 1.5em;
    box-sizing: border-box;
    margin: 1.5em 0;
    overflow: hidden;
}
.form_body label, .myaccount-option_body label {
    font-weight: bold;
}
.form_body label span {
    color: #ff0000;
}
.form_body .column {
    margin: 0 0 1.5em;
}
.form_body textarea {
    padding: 3px;
    background-color: #ffffff;
    /*color: #867247;
    border: 1px solid #CC9C94;*/
}
.form_body input, .form_body select, select {
    background-color: #ffffff;
}
.myaccount-border .form_body {
    margin: 1.5em;
}

.thin, .setlabel_page .myaccount-border label {
    font-weight: 400 !important;
}
.ordering-nav .button, .ordering-nav button, .cart_page .button, .cart_page button {
    min-width: 140px;
    min-height: 45px;
}
.ordering-nav .button, .ordering-nav button {
    max-width: 150px;
}
.areaContact {
    max-width:400px;
    width:100%;
}
.widthDivTermsOfUse {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 85%;
    text-align: left;
}

/*  mylists page  ------------------------------- */
.mylist_page .product_sublist .column {
    margin-bottom: 0.8em;
}
.product_sublist.border p {
    margin-bottom: 0.6em;
}
.padding-left {
    padding-left: 20px;
}
.orderdetails_row, .orderstatus_row {
    overflow: hidden;
    padding: 10px 10px 0;
    margin: 0 !important;
}
.orderdetails_row .column {
    margin: 0 !important;
}

/*  orderstatus page  ------------------------------- */
.orderstatus_page .myaccount-body {
    padding: 5px !important;
}

div.orderstatus_row:nth-child(odd) {
    background: transparent;
}

/* account */
.myaccount_header, .show_msg {
    float: left;
    margin-bottom: 10px;
}
.show_msg {
    width: 100%;
    padding: 15px 0px 10px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #ff0000;
    font-weight: bold;
}
.main_account p {
    line-height: 1.3em;
}
.myaccount-border {
    margin-bottom: 1.5em;
    border: 1px solid #BEBDBB;
    width: 100%;
    overflow: hidden;
    line-height: 1.5em;
}
.myaccount-border label, .form_body label, .iframe_content .setlabel_page .myaccount-border label {
    display: inline-block;
    font-weight: bold;
}
.iframe_content .myaccount-border label, .iframe_content .form_body label {
    display: block;
}
.iframe_content .column.fourth.mobile-hidden { /*, .theme_layer-container .mobile-hidden*/
    display: none;
}
.myaccount-option_body, .myaccount-menu {
    margin: 1em 1.5em;
    clear: both;
}
.myaccount-footer {
    padding: 1.5em 0 0;
    clear: both;
}
.myaccount-body {
    overflow: hidden;
    clear: both;
    text-align: left;
    padding: 5px;
}
.myaccount-header.no_margin {
    margin: 0;
}
.main_account ul li {
    margin: 0 0 1em;
}
.myaccount-menu {
    list-style: disc;
}
.main_account ul, .myaccount-menu {
    padding-left: 2em;
}
.main_account ul.page_option {
    padding-left: 0;
}

/*  ordering page  ------------------------------- */
.orderring-hidden{
    overflow: hidden;
    padding-bottom: 50px;
    -webkit-transform: tranzlateZ(0);
}
.orderring-btn{
    display: inline;
    margin-right: 10px;
}
.orderring-fixed{
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 16;
}
.ordering-nav {
    overflow: hidden;
    position: static;
    text-align: center;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #cccccc;
    z-index: 50;
}
.overlay_content .ordering-nav {
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
}
.iframe_content .ordering-nav, .overlay_content .ordering-nav {
    position: absolute;
    bottom: 0;
    left: 0 !important;
    right: 0 !important;
    background-color: #fff;
}
.iframe_content .ordering-nav {
    position: fixed;
    padding: 0;
}
#IframeContent .ordering_page {
    margin-bottom: 60px;
}
#IframeAction {
    position: absolute;
    right: 15px;
    z-index: 10;
}
.signin_content #IframeAction {
    display: none;
}
#IframeContent .return_margintop {
    margin-top: 35px;
}
#IframeContent .cart_content{
    position: relative;
}
#IframeContent .cart_content .top_checkout{
    top: 25px;
}
#resizeLinkBottom {
    text-align: right;
    margin: 0 15px 20px 0;
}
#resizeLinkBottom.resizeONordering {
    position: absolute;
    bottom: 50px;
    right: 0;
    z-index: 10;
}
.ordering_page {
    -webkit-transform: tranzlateZ(0);
    padding: 0 5px 5px 0;
    line-height: 1.3em;
    margin-top: 15px;
}
.ordering_page > div {
    padding: 0 10px;
}
.ordering_page p {
    margin-bottom: 0.5em;
}
.ordering_page h3, .ordering_page h5, .ordering_page h4 {
    margin-bottom: 0.3em;
}
.ordering_border {
    overflow: hidden;
    padding: 5px 10px;
    border: 1px solid #ccc;
}
.ordering_border:not(:last-child) {
    border-bottom: none;
}
.product_option-row {
    clear: both;
    overflow: hidden;
    vertical-align: middle;
    display: table;
    width: 100%;
}
.product_option-row > div {
    float: none;
    display: table-cell;
    padding: 5px 0;
    vertical-align: middle;
}
.product_option .product_option-row:nth-child(even) {
    background-color: transparent;
}
.product_option .product_option-row:nth-child(odd) {
    background-color: #ffffff;
}
.product_option .column {
    margin: 5px 0;
    vertical-align: middle;
}
.product_option select {
    width: 75px;
}
.product-viewer h5 {
    font-weight: normal;
    margin: 0 0 5px;
}
.product-viewer .third {
    text-align: center;
    display: inline-block;
    width: 25%;
    vertical-align: top;
}
.product-preview {
    margin-bottom: 10px;
}
ul.mdash-list {
    padding-left:15px;
}
.container.content-container .orderring-hidden {
    padding-bottom: 10px;
}
.container.content-container .ordering-nav .button {
    display: inline-block;
    margin: 10px;
}
.container.content-container .product-desc {
    padding-left: 15px;
}
.container.content-container .orderring-fixed {
    z-index: 1;
}

/*  cart page  ------------------------------- */
.cart_page .span1, .cart_page .span2, .cart_page .span3, .cart_page .span4, .cart_page .span5, .cart_page .span6, .cart_page .span7, .cart_page .span8, .cart_page .span9, .cart_page .span10, .cart_page .span11, .cart_page .span12 {
    margin-bottom: 0.4em !important;
}
.top_checkout {
    position: absolute;
    top: 7px;
    right: 10px;
}
.item_row {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
    height: auto;
}
.padding_bottom_10 {
    padding-bottom: 10px;
}
.item_row > div.column {
    padding-bottom: 10px;
}
.item_row > div.column, .item_row > div > div {
    vertical-align: bottom;
    display: table-cell;
    height: 100%;
    float: none;
}
.table {
    display: table;
    width: 100% !important;
}
.table .row {
    display: table-row !important;
    width: 100% !important;
}
.tablecolumn {
    vertical-align: bottom !important;
    display: table-cell;
    height: 100%;
    float: none;
    padding-top: 5px;
}

/* overlay section */
.iframe_overlay {
    position: fixed;
    top: 15%;
    left: 0;
    right: 0;
    border: 1px solid darkgrey;
    z-index: 19;
    width: 100%;
    height: 300px;
    max-height: 70%;
}
.overlay_content {
    overflow-x: hidden;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    height: auto;
    min-height: 100px;
    max-height: 500px;
    width: auto;
    min-width: 180px;
    padding: 15px 10px 10px;
}
.overlay_content #ActionArea {
    text-align: left;
}
.no_padding {
    padding: 0 !important;
}
.overlay {
    overflow: auto;
    height: auto;
    min-height: 100px;
    max-height: 560px;
    width: auto;
    min-width: 180px;
    max-width: 830px;
    display: none;
    /*padding: 5px;*/
    position: fixed;
    top: 30%;
    left: 50%;
    z-index: 20;
    /*background-color: #f7f6f2;*/
    background-color: #ffffff;
    border: 1px solid #717171;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    -webkit-transform: translate(-50%, -30%);
    -moz-transform: translate(-50%, -30%);
    -ms-transform: translate(-50%, -30%);
    -o-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
}
.fade_area {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 18;
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  /* IE 8 */
    filter: alpha(opacity=40);  /* IE 5-7 */
    -khtml-opacity: 0.4;        /* Safari 1.x */
    -moz-opacity: 0.4;          /* Netscape */
    opacity: 0.4;
}
.close_overlay {
    z-index: 17;
    position: fixed;
    top: 5px;
    right: 3px;
    cursor: pointer;
    cursor: hand;
}
.overlay-back {
    width: 100%;
    text-align: right;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    /*font-weight: bold; background: #ffffff !important;*/
}
.overlay .overlay-back {
    border-bottom: 1px solid;
    line-height: 26px;
}
.img_loading {
    position: absolute;
    width: 6%;
    max-width: 30px;
    left: 44%;
    top: 30%;
}
#iframeFade p {
    position: absolute;
    left: 43%;
    top: 30%;
}
#iframeFade img {
    width: 30%;
}

.more_details {
    overflow: auto;
    text-align: left;
    margin: 3px;
    max-height: 75%;
}
.more_details > p, .more_details > h3 { margin: 0px; padding: 0px; }
.more_details::-webkit-scrollbar {
    width: 1em;
}
.more_details::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.more_details::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
.payTT {
    margin: 10px 20px;
}

.row:last-of-type {
    margin-bottom: 0;
}
.column {
    margin-bottom: 1.5em;
}
.column.two-fifth {
    width: 100%;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
    float: left;
    margin-bottom: 5px;
    padding: 0 2px;
}
.customblock.span1, .customblock.span2, .customblock.span3, .customblock.span4, .customblock.span5, .customblock.span6, .customblock.span7, .customblock.span8, .customblock.span9, .customblock.span10, .customblock.span11, .customblock.span12 {
    padding: 0;
    text-align: left;
    line-height: 1.5em;
    /*overflow: hidden;*/
    float: none;
    display: inline-block;
    vertical-align: top;
}
.span12 {width: 100%; }
.span11 { width: 91.48936170212765%; }
.span10 { width: 82.97872340425532%; }
.span9 { width: 74.46808510638297%; }
.span8 { width: 65.95744680851064%; }
.span7 { width: 57.44680851063829%; }
.span6 { width: 50%; }
.span5 { width: 40.42553191489362%; }
.span4 { width: 31.914893617021278%; }
.span3 { width: 25%; }
.span2 { width: 14.893617021276595%; }
.span1 { width: 6.382978723404255%; }
.span3_5 { float: left; width: 20%; }
.span2_5 { float: left; width: 16%; }

/*.customblock.span12 { width: 100%; }*/
.customblock.span9 { width: 75%; }
.customblock.span8 { width: 66.3%; }
.customblock.span7 { width: 57.44%; }
/*.customblock.span6 { width: 50%; }*/
.customblock.span5 { width: 42.56%; }
.customblock.span4 { width: 33.3%; }
/*.customblock.span3 { width: 25%; }*/
.customblock.span2 { width: 20%; }
.customblock a{ text-decoration: none !important; }
.customblock.span5 { width: 42.52553191489362%; }
footer .customblock { line-height: 1.8em; }

/* survey class style */
.join_survey {
    /*width: 700px;*/
    width: auto;
    font-size: 1.6em;
    text-align: left;
    margin: 15px 10px 5px;
}
.HeaderSurvey {
    margin: 7px 0px;
    font-size: 1.55em;
    line-height: 1.5em;
}

#SurveyIframe {
    width: 700px;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}
#iframe_details{
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

.sitemapTable .column {
    padding-right: 10px;
}
.sitemap-head{
    font-size: 18px;
    padding: 5px 0 5px 0 !important;
    width: 100% !important;
    clear: both;
}
.sitemap-bottom{
    margin-bottom: 2em !important;
}
.sitemap-tab{
    margin-top: 40px;
}
.surveyques{
    margin-top: 1em;
    text-align: left;
}
.surveyoption{
    text-align: left;
    margin-left: 1.5em;
}
.surveyoption input[type="checkbox"], .surveyoption input[type="radio"] {
    margin: 3px 7px 3px 0;
}
.OrderDetailPage .tableGen{
    background-color: transparent;
}
.tableGen{
    clear: both;
    display: table;
    width: 100% !important;
    background-color: white;
}
.tableGen ul li{
    list-style-type:none !important;
    padding: 0 .5em 0 .5em;
    /*text-align: center;*/
    display: table-cell;
    vertical-align: top !important;
}
.tableGen ul li ul li {
    border: 1px solid transparent;
    vertical-align: middle !important;
}
.returnList ul li{
    text-align: center;
}

.survey-branch{
    text-align: left;
    border-radius: 0.5em;
    margin: 10px 0 0 30px;
}
.orderBorder {
    border:1px solid #bebdbb;
    border-collapse: collapse;
    margin-top: 10px;
}

.rightText{
    float: right;
    text-align: center;
    margin-right: 0 !important;
}
.vertical-buttom{
    vertical-align: bottom !important;
    white-space: nowrap;
    padding-right: 10px;
}
.ItemTable{
    color:#0000ff;
}
.leftText{
    margin-left: 0 !important;
}
.topli{
    display: table-cell;
}
.secondTable{
    margin-bottom: 20px;
}
.borderHR{
    border-bottom: 1px solid #bebdbb;
}
.secondTable .borderHR{
    padding-bottom: 10px;
}
.inTable, .inTable ul li ul{
    width: 100% !important;
    float: right;
}
.content-container .marginBottom{
    margin-bottom: 5px;
}
.tableProduct{
    margin-top: 1em;
    border-top: 1px solid #bebdbb;
    border-left: 1px solid #bebdbb;
}
.tableProduct ul li, .return_header {
    padding: 5px;
    border-bottom: 1px solid #bebdbb;
    border-right: 1px solid #bebdbb;
}
.tableProduct .return_header li {
    border-right: none;
}
.return_header li.borderR {
    border-right: 1px solid #bebdbb;
}
.tableProduct ul li ul li{
    text-align: center !important;
    border-bottom: none;
}
.no-wrap{
    white-space: nowrap;
}
.tableProduct ul li ul li select {
    border: 1px solid #bebdbb;
}
.topheader{
    padding: 10px !important;
}
.returnPro_step{
    background-color:#f7f6f2;
}
.returnPro_step p{
    line-height: 13px;
}
.topheader li, .bottomheader li {
    padding: 5px !important;
}
.Size-Image, .status_image{
    min-width: 40px;
    max-width: 70px;
    margin-bottom: 0;
}
.status_image{
    max-width: 100px;
}
.Size-Image, .imageWidth .product_img, .warranty_page #WarrantyContent input{
    margin-bottom: 3px;
}
.returnList ul:last-child .BG-yellow, .BG-Yellow{
    background-color: #FFFF9F !important;
    color: black !important;
}
.first-invoice-table{
    margin-top: 1em;
    padding: 5px;
    border: 1px solid #bebdbb;
}
.width73per{
    width: 73%;
}
.inv-med{
    border: 1px solid #bebdbb;
    overflow:hidden;
    padding:3px;
    margin-top:1em;
}
.border-invoice-table{
    border: 2px solid #bebdbb;
    margin-top: 1em;
    padding: 5px;
    width: 100% !important;
}
#invoicestyle {
    margin-bottom: 20px;
}
.invoiceTable{
    margin-top: 1em;
    width: 100% !important;
    border-top: 1px solid #bebdbb;
    border-right: 1px solid #bebdbb;
}
.invoiceTable ul li{
    padding: 3px;
    border-left: 1px solid #bebdbb;
    border-bottom: 1px solid #bebdbb;
}
.invoiceTable ul li ul li{
    border: none;
}
.invoiceTotal ul li ul li{
    padding: 3px !important;
}
.invoiceTotal ul li ul li:first-child {
    text-align: left !important;
    white-space: nowrap !important ;
}
.invoiceTotal ul li ul li:last-child {
    border: 1px #bebdbb solid;
    text-align: right !important;
    width: 100% !important;
    white-space: nowrap !important;
}
.invoiceTotal ul .invDesWidth ul li:last-child {
    border: none !important;
    text-align: left !important;
    width: 100% !important;
    white-space: nowrap !important;
}
.invDesWidth{
    width: 35%;
}
.invWidth45per{
    width: 45%;
}
.fixedTop {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 5;
}

/* css for google map */
.show-map{
    height: 300px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.map-detail{
    clear: both;
    display: table !important;
    width: 100%;
    padding: 5px 0;
}
.map-detail ul{
    display: table-row;
}
.map-detail ul li{
    display: table-cell;
}
.map-detail ul li a:hover{
    color: blueviolet;
}





/*--------------- login layer ------------------*/
.image_area, .invoice_iframe, .Menu-ProductLists {
    position: relative;
}
.invoice_iframe {
    top: -20px;
}
.frame_wrap {
    display: none;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 430px;
    max-height: 430px;
    max-height: 430px;
}
.iframe_bg {
    background-color: #ffffff;
}
iframe#OrderingIFrame, iframe#loginFrame {
    background-image: url("../images/loading-lg.gif");
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 4%;
}
#loginFrameWrap iframe {
    margin-top: 5px;
}
#CartFrameWrap .cart_iframe {
    position: absolute;
    left: 0;
    top: -15px;
    z-index: 15;
}
.toolTip iframe, .related iframe, .signin iframe, .invoiceFrame iframe {
    position: relative;
    border: 0px;
    /*width: 320%;*/
    width: 1000%;
    height: 540px;
    margin-top: 18px;
    background-image: url("../images/loading-lg.gif");
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 4%;
    border: 2px solid #999999;
    -webkit-box-shadow: 0px 0px 10px 4px #999999;
    -moz-box-shadow: 0px 0px 10px 4px #999999;
    box-shadow: 0px 0px 10px 4px #999999;
    z-index: 15;
}
.toolTip iframe.signin_page {
    height: 500px;
}
.frame_wrap.signin_page {
    height: 360px;
    min-height: 360px;
}
.toolTip iframe.related_page {
    height: 270px;
}
.frame_wrap.related_page {
    height: 100px;
    min-height: 100px;
    max-height: 200px;
}
.toolTip iframe.ordering_iframe {
    height: 540px;
}
.frame_wrap.ordering_iframe {
    height: 350px;
    min-height: 350px;
    max-height: 430px;
}


.toolTip, .related {
    position: absolute;
    top: -193px;
    left: -180px;
    margin: 0px 0px;
    padding: 0px;
    z-index: 1;
    /*background: #ffffff;*/
}
.frame_wrap.show_point.last_iframe {
    max-height: 580px !important;
    height: 580px !important;
    margin-top: 280px;
}
.last_iframe .toolTip{
    top: -22px !important;
}
.invoiceFrame iframe {
    position: relative;
    border: 0px;
    width: 800px;
    height: 540px;
    background-image: url("../images/loading-lg.gif");
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 4%;
    border: 2px solid #999999;
    -webkit-box-shadow: 0px 0px 10px 4px #999999;
    -moz-box-shadow: 0px 0px 10px 4px #999999;
    box-shadow: 0px 0px 10px 4px #999999;
    z-index: 1;
}

.signin iframe, .invoiceFrame > iframe {
    width: 100%;
}
.signin {
    position: relative;
    margin: 0px 3px;
    padding: 0px;
    background: #ffffff;
}
.iframe_point {
    display: none;
}
.show_point {
    display: block !important;
}
.point_shadow, .point_shadow2, .shadow_login {
    border: 13px solid;
    border-color: transparent transparent #999999 transparent;
    position: absolute;
    bottom: -20px;
    left: 90px;
    z-index: 6;
}
.point, .point2, .point_login {
    border: 10px solid;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    bottom: -20px;
    left: 93px;
    z-index: 16;
    /*z-index: 7;*/
}
.point_login, .shadow_login {
    top: -21px;
    bottom: inherit;
}
.point_login {
    top: -15px;
}
.point_shadow2 {
    bottom: inherit;
    top: -10px;
    left: 49.6%;
}
.point2 {
    bottom: inherit;
    top: -2px;
    left: 50%;
}

/* ------------ shopping cart ifram ------------ */
#OverlayDetail iframe {
    background-image: url("../images/loading-lg.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 5%;
}
#ShoppingImg {
    margin-bottom: 10px;
}

/* ------------ Warranty ------------ */
.absolute_wrap{
    position: absolute; width: 100%; left: 0;
}
.WarrantyFrame {
    width: 99%;
    min-height: 320px;
    overflow: hidden;
    clear: both;
    margin: -15px 0 10px 5px;
    padding: 10px;
    display: none;
    border: 2px solid #999999;
}
.warranty_icon:before{
    font-family: FontAwesome;
    content: "\f05d";
    color: green;
    font-size: 1.5em;
}
.warranty_image {
    cursor: pointer;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: top;
}
.warranty_image .product_img, .warranty_page .product_img {
    padding: 2px;
}
.warranty_button {
    padding: 5px 0px 5px 0px !important;
    width: 100%;
}
.code_notfound {
    width: 120px;
    height: 147px;
    color: red;
}
.warranty_point:after, .warranty_point:before {
    content: '';
    position: relative;
    border-style: solid;
    border-width: 0px 15px 15px 15px;
    border-color: #999999 transparent;
    display: block;
    width: 0;
    left: 50px;
    clear: both;
}
.warranty_point:after{
    border-color: #F7F6F2 transparent;
    top: -12px;
    z-index: 10;
}


.editTranslation{
    border-bottom: 1px red dashed;
}
.editTranslation:after{
    font-family: FontAwesome;
    content: "\f044";
    color: red;
    padding: 0 0.25em;
}
.surveyMatrix{
    clear: both;
    display: table;
}

.Matrix-row, .matrix-destop, .tableGen ul{
    display: table-row;
}
.Matrix-cell{
    padding: 3px;
    display: table-cell;
    text-align: left;
}
.highlight{
    background-color: #FFC68C;
    color: #000000;
    font-size: 10pt;
    font-weight: 400;
}

.quest{
    color: #000000;
    font-size: 10pt;
    font-weight: 400;
}
.column.full label{
    font-weight: normal;
}

/* ------------ Email Form Plugin ------------ */
.emailform p {
    margin-bottom: 1em;
}
.emailform input[type="text"], .emailform input[type="email"], .emailform input[type="password"], .emailform input[type="number"], .emailform input[type="date"], .emailform input[type="tel"], .emailform textarea, .emailform select {
    width: 100%;
    margin: 0 0 1em 0;
}
.page .transparent_bg, .page.transparent_bg{ /* use for viewer */
    background: transparent !important;
}
.custom_row { text-align: center; }


@media (min-width: 40rem) {
    .row { padding: 0; }
    /* for label edit */
    .LabelImg{
        width: 20%;
        float: left;
    }
    .Label4Button{
        width: 50%;
        float: left;
    }
    .LabelDetail{
        width: 30%;
        float: left;
    }
}

@media (min-width: 767px) {
    .product_content hr {
        margin: 5px 0 15px !important;
        height: 1px;
    }
    .TextCountdown{
        font-size: 3em;
    }
    .Countdown{
        font-size: 5em;
    }
    .emailform > .span6:not(:last-child) {
        padding: 0 10px 0 0;
        width: calc(50% - 10px);
    }
    body {
        overflow-y: auto !important;
        position: static !important;
    }
    .bodyfixed {
        overflow: hidden !important;
    }
    .column {
        float: left;
        margin: 0;
        margin-bottom: 1.5em;
    }
    .left_padding {
        padding-left: 25px;
    }
    .column.full { width: 100%; }
    .column.two-third { width: 66.7%; }
    .column.two-fourth { width: 75%; }
    .column.two-fifth { width: 80%; }
    .column.two-sixth { width: 83.3%; }
    .column.two-seventh { width: 91.7%; }
    .column.half { width: 50%; }
    .column.third { width: 33.3%; }
    .column.fourth { width: 25%; }
    .column.fifth { width: 20%; }
    .column.sixth { width: 16.6%; }
    .container.content-container .product-desc {
        width: 60%;
    }
    .container.content-container .product-viewer {
        width: 40% !important;
    }
    /* fix width for overlay */
    .overlay .column.third { width: 40%; }
    .overlay .column.two-third { width: 60%; }
    .column.third.product_img { /*width: 16.66%;*/ width: 33.3%; }
    /* for label edit */
    .label-top {
        margin-top: 5px !important;
    }
    .product_label {
        margin: 0 10px 0 0;
        float: left;
        text-align: center;
        padding: 4px 2px 2px;
        background-color: #ffffff !important;
        border: 1px solid #cccccc;
    }
    .label_manage {
        float: left;
    }
    .label-link {
        display: inline-block;
        float: left;
        margin-left: 10px;
    }
    .label-logo {
        float: left;
    }
    .LabelImg{
        width: 20%;
        float: left;
    }
    .Label4Button{
        width: 50%;
        float: left;
    }
    .LabelDetail{
        width: 30%;
        float: left;
    }
    .SaveLabel{
        width: 100%;
        color: #ff0000;
        height: 0;
        overflow: hidden;
        font-weight: 600;
    }
    .LabelButton {
        display: block;
        width: auto;
        padding: 3px 15px 3px 15px;
    }
    .BotSideMenuOn{
        position: absolute;
        bottom: 0px;
        display: block;
    }
}


@media print {
    body, .productionBG, div.orderstatus_row, .topheader, .bottomheader{ background-color:#FFFFFF; }
    .item_row{ page-break-after:avoid; }
    .tableGen ul li{ text-align:left; }
    .returnList ul.bottomheader li{ text-align:center; }
    .column.fourth{ width:25%; }
    .column.half{ width:50%; }
    .column{ float: left; margin: 0; margin-bottom:1.5em; }
    hr{ border-bottom:1px solid #bebdbb; }
    .column.third.carttotal{ width:100% !important; }
}