/*
Flexible layout to MOSES Net (Compatible to responsive design)

CSS Structure
    Default layout (General)
    Default layout (Responsive)
    Personalized Font styling, layout structure (By corporation)
    Personalized layout (By corporation)

*/

.errorMessage, .error { color:#F00; font-weight:bold; }
.hidden { display:none !important; }
.CB { clear:both; }
.no-select { 
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none; 
}

/*Login page*/
.Gen_LoginBox{ width: 500px; }
.Gen_LoginBox .LoginBox_Area{ width: 500px; margin-left: 20px;position:relative; }
.Gen_LoginBox .LoginBox_Area .RC_Header{ margin-top: 10px;margin-bottom: 5px;font-weight: bold;font-size: 1.25em;}
.Gen_LoginBox .LoginBox_Area .RC_Script{margin-top: 10px; margin-bottom: 10px;font-weight: normal;font-size: 0.85em; line-height:1.5;}
.Gen_LoginBox .LoginBox_Area .UserNameLabel{padding: 8px 8px 8px 0; float: left;width: 58px;height: 26px;}
.Gen_LoginBox .LoginBox_Area .UserNameInput{float: left;width: 220px;padding: 8px;height: 26px;}
.Gen_LoginBox .UserNameInput input,.Gen_LoginBox .PasswordInput input { margin:0; }
.Gen_LoginBox .LoginBox_Area .Login_Button_Area{width: 195px;height: 26px;padding-top: 6px;padding-bottom: 10px;position:relative;top:-155px;left:300px;clear:both;}
.Gen_LoginBox .LoginBox_Area .Password_Label{ float: left;width: 58px;padding: 8px 8px 8px 0;height: 26px;clear:left;}
.Gen_LoginBox .LoginBox_Area .PasswordInput{float: left;width: 370px;padding: 8px;height: 26px;}
.Gen_LoginBox .LoginBox_Area .PasswordRecovery{float: left;width: 365px;padding: 0px 8px 2px 79px;}
.Gen_LoginBox .LoginBox_Area .RememberMe{float: left;width: 420px;padding: 5px 8px 5px 74px;}
.Gen_LoginBox .LoginBox_Area .FailureText{float: left; width: 415px;padding: 5px 8px 5px 79px;color: #CC0000;}
.Gen_LoginBox .LoginBox_Area .NewCustomers{width: 420px;margin-bottom: 5px; font-weight: bold;font-size: 1.25em;padding-top: 10px;clear:left;}
.Gen_LoginBox .LoginBox_Area .NewRegisterScript{ float: left;width: 289px;padding: 5px 8px 5px 0px;font-size: 0.85em; line-height:1.5;}
.Gen_LoginBox .LoginBox_Area .CreateUser{float: right;width: 195px;height: 26px;padding-top: 6px;padding-bottom: 10px;}
.Gen_LoginBox .loginbutton{background-image: url(/Images/login.gif);background-repeat: no-repeat;height: 24px;width: 74px;display: inline-block;color: White !important;padding-left: 30px;padding-top: 9px;font-weight: bold;}
.Gen_LoginBox .loginbutton:hover{ background-position: 0px -40px;color: #CCCCCC !important;text-decoration: none !important;}
.Gen_LoginBox .registerbutton{background-image: url(/Images/register.gif);background-repeat: no-repeat;height: 24px; width: 74px; display: inline-block;color: White !important;padding-left: 30px;padding-top: 9px;font-weight: bold;text-decoration: none;margin-bottom:20px;}
.Gen_LoginBox .registerbutton:hover{ background-position: 0px -40px;color: #CCCCCC !important;text-decoration: none !important;}
.RC_FbLogin { max-width:100%; }

/*Reset password*/
.pwdreset { width:100%;margin:20px 0; }
.pwdreset .pwdreset_title { font-size:1.25em; font-weight:bold;text-align:left; }
.pwdreset .pwdreset_instruction { font-size:0.85em;line-height:1.5;text-align:left; }
.pwdreset table td { padding:5px 0; }

/*Register page*/
.Gen_UserRegister{width: 580px; text-align: left;margin:0 auto;padding-top:20px;}
.Gen_UserRegister > table { border-collapse:collapse; }
.Gen_UserRegister .Box_Area{width: 100%;}
.Gen_UserRegister .Box_Area .required{color: red;}
.Gen_UserRegister .Box_Area .captionColumn{padding: 8px;width: 200px;text-align: right;display: inline-block;vertical-align:top;}
.Gen_UserRegister .Box_Area .inputColumn{ padding: 8px;text-align: left; display: inline-block;vertical-align:top;}
.Gen_UserRegister .Box_Area .RC_Header, .Gen_UserRegister .regSuccessTitle {padding: 8px; background-color: #626262 !important; color: #FFFFFF;font-weight: bold;margin-bottom: 15px;font-size:1.25em;text-align:left;}
.Gen_UserRegister .Box_Area .ErrorLabel{ padding: 8px; text-align: center;color: #CC0000;}
.Gen_UserRegister .regSuccessText { padding:20px 0; }
.Gen_UserRegister .pwremark { font-style:italic; }
.Gen_UserRegister .navi td { padding-bottom:20px; }
.create_user { background-image: url(/Images/create_user.gif); background-repeat: no-repeat; height: 32px; width: 150px; display: inline-block; color: White !important; padding-left: 30px; padding-top: 1px; font-weight: bold; text-decoration: none; }
.create_user:hover{background-position: 0px -40px;color: #CCCCCC !important;cursor: pointer !important;}

.Gen_UserRegister .lblMsg { text-align: center; color: #CC0000; display:inherit; margin:10px 0; }

.Gen_UserRegister .Box_Area .iti input[type=text].PhoneTextBoxInput { width: 200px !important; margin-right: 20px; }
.Gen_UserRegister .Box_Area button.btn { vertical-align: middle; font-size:13px; }
.Gen_UserRegister .otpContainer { margin-top: 10px; }
.Gen_UserRegister #txtOTP { width: 200px !important; margin-right: 20px; margin-top: 5px; }
@media screen and (max-width:580px) {
    .Gen_UserRegister .Box_Area .iti input[type=text].PhoneTextBoxInput { }
    .Gen_UserRegister .Box_Area button.btn { margin-top:10px; }
    .Gen_UserRegister #txtOTP { }
}

/*Shopping cart*/
.carts a, .carts img { vertical-align:middle; }
.cartCurrency { }
.cartTable { outline:none !important; }
.cartTable .rgMasterTable { border:1px solid #888; }
.cartTable .rgHeader { border-width:0 0 1px 0; border-style:solid; border-color:#888;background-color:#3a3a3a;color:#FFF; }
.cartTable .rgNoRecords td { padding:10px 20px; }
.cartTable .rgFooter td { background-color:#eaeaea; }
.itemCartButtons a { margin-left:10px; }
a:link.Checkout1, a:link.ContinueShop, a:link.sendenquiry{color: #FFFFFF;text-decoration: none;}
a:hover.Checkout1, a:hover.ContinueShop, a:hover.sendenquiry{color: #CCCCCC;text-decoration: none;}
.sendenquiry{background-image: url(/images/sendenquiry.gif);background-repeat: no-repeat;height: 46px;width: 103px;display: inline-block;color: White !important;padding-left: 33px;padding-right: 15px;padding-top: 15px;font-weight: bold;}
.sendenquiry:hover{background-position: 0px -61px;color: #CCCCCC !important;text-decoration: none !important;}
.ContinueShop{background-image: url(/images/ContinueShop.gif);background-repeat: no-repeat;height: 46px;width: 93px;display: inline-block;color: White !important;padding-left: 43px;padding-right: 15px;padding-top: 15px;font-weight: bold;}
.ContinueShop:hover{background-position: 0px -61px;color: #CCCCCC !important;text-decoration: none !important;}
.Checkout1{background-image: url(/images/Checkout1.gif);background-repeat: no-repeat; height: 46px; width: 103px;display: inline-block;color: White !important;padding-left: 33px;padding-right: 15px;padding-top: 15px;font-weight: bold;}
.Checkout1:hover{background-position: 0px -61px;color: #CCCCCC !important;text-decoration: none !important;}
/*Member admin pages*/
.RadMenu.userMenu { margin-bottom:10px; }
.RadMenu.userMenu .rmRootGroup .rmItem { border-width:0; }
.RadMenu.userMenu .rmRootGroup .rmRootLink { padding:0 0 0 12px; }
.RadMenu.userMenu .rmGroup .rmLink { padding:0 0 0 12px;}
.AccountInfoTable { margin-bottom:10px; }
.AccountInfoTable input,.AccountInfoTable textarea,.AccountInfoTable select { max-width:80%;}
.AccountInfoTable td {padding: 3px 0;}
.adminPanel .emailSubTr { display:block; line-height:2; }
.changePWPanel input { max-width:80%;  }
.changePWPanel td { padding:3px; }

.adminUserMenu { display:none; }
/*Product detail*/
.itemNameContainer {border-bottom: 2px solid #aaa;padding: 5px 0; }
h1.itemNameHeader { margin:0;font-variant:small-caps;  }
#itemNameCaption { padding-top:0; }
.iteminfo1{padding-left: 10px;width: 105px;color: #333333;border-right: 2px solid #CCCCCC;padding-right: 10px;position: relative;}
.iteminfo2{width: 100%;border-left: 0px solid #CCCCCC;padding-left: 0px;color: #000;}
.iteminfo3 td{border-bottom: 4px solid #CCCCCC;}
.iteminfo4 td{border-bottom: 1px solid #CCCCCC;}
.itempoint1 { display:none; }
td.infoshareholder{border-bottom: 0px solid #CCCCCC !important;padding-right: 3px;}
.itemPicture1{padding: 10px;border: 1px solid #CCCCCC;text-align: center;vertical-align: middle; width: 233px;max-width:100%;display: block;}
.itemPicturetd{ vertical-align: top;width: 220px;max-width:100%;}
.tblPictures {padding: 5px 7px;margin: 0px auto 0px auto;border: 1px solid #CCCCCC;border-top:0;border-collapse:separate;}
.pictureSlide {padding: 2px;margin:5px auto;border: 1px solid #cccccc;cursor: pointer;width: 61px;height: 61px;text-align: center;vertical-align: middle;display: inline-block;}
.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt { line-height:1.4; }
.SimilarProducts{ padding: 10px;}
.OtherProductsPane{border: 1px solid #CCCCCC; background-color: #eaeaea;margin: 20px 0;}
.SimilarProducts a { color:#000;text-decoration:none; }
.SimilarProducts a { color:#3a3a3a;}
.RelatedProductPane{padding: 10px;border: 0px solid #CCCCCC;background-color: #FFFFFF; margin: 10px;}
.RelatedProduct{ margin: 5px;padding: 5px;}
.RelatedProduct:hover{border: 1px solid #C0C0C0;}
td.RelatedProduct {width: 25%;vertical-align: top;}
.ItemContentCSS .tabPanel { border:1px solid #888; padding:10px; }
.ItemContentCSS .iteminfotable td { padding:5px; }
.ItemContentCSS .iteminfotable #divPrice td { border-bottom:0; padding:5px 0; }
.ItemContentCSS .iteminfotable #divPrice td.priceGroupCaption { padding:5px 0 0 0; }
.ItemContentCSS #divPrice .priceQty { display:none; }
.ItemContentCSS .myPriceGroup span { font-weight:bold;color:#e138ab; }
.ItemContentCSS .notMyPriceGroup .price { text-decoration:line-through; }
.buynowbutton, .showcartbutton, .addGiftWish{background-image: url(/Images/button120.png);background-repeat: no-repeat;display: inline-block;color: White;font-weight: bold;margin:12px 5px;}
.addWishList{background-image: url(/Images/buttonaddwishlist.png);margin:12px 5px;font-weight:bold;}
.addWishList span, .buynowbutton span, .showcartbutton span { font-weight:bold; }
.buynowbutton:hover, .showcartbutton:hover{background-position: 0px -45px;}
span.buynowbutton.rbDisabled:hover, span.quickcheckout.rbDisabled:hover, span.showcartbutton.rbDisabled:hover { background-position:0 0; }
a:link.loginbutton, a:link.checkoutbutton3{color: #FFFFFF;}
a:hover.loginbutton, a:hover.checkoutbutton3{color: #CCCCCC;}
a:link.buynowbutton, a:link.showcartbutton{color: #555555;}
a:hover.buynowbutton, a:hover.showcartbutton{color: #4B4B4B;}

/*Checkout page*/
.shipDetail td, .CheckoutTable td { padding: 5px; }
.shipDetail .RadComboBox td { padding:0 2px; }
.shipDetail .instruction { font-style:italic; }
.shipDetail input[type="checkbox"] { margin-top:3px; }
.checkoutbutton3{background-image: url(/Images/buynowNEW2.gif);background-repeat: no-repeat;height: 26px;width: 110px;display: inline-block;color: White;padding-left: 10px;padding-top: 15px;font-weight: bold;}
.checkoutbutton3:hover{ background-position: 0px -45px;}
#ctl01_ctl00_PageContent_PageContent_valSummary { color:#f00; }
.cartItemImage {height: 100px;}
/*Checkout prompt*/
#divPromptLogin #divLogin, #divPromptLogin #divRegister, #divPromptLogin #divNoLogin {margin: 20px auto 20px auto;padding: 10px 30px 10px 30px;background-color: gray;display: block;
width: 300px;border-radius: 15px;-moz-border-radius: 15px;font-size: 2em;text-align: center;}
#divPromptLogin #divLogin a, #divPromptLogin #divRegister a, #divPromptLogin #divNoLogin a { color:#fff; }
/*Enquiry page*/
.contentHeading { font-size:1.3em; font-weight:bolder;text-transform:capitalize;}
#ctl01_ctl00_PageContent_PageContent_SendEnquiry1_palEnquiryForm td { padding:5px; }
#ctl01_ctl00_PageContent_PageContent_SendEnquiry1_palEnquiryForm > p { font-style:italic; }
.enquiryButton td { padding:0 !important; }
.enquiryButton a { color:#888;padding:0px 10px; }
/*Checkout page*/
.PalDeliveryDate {padding:5px;}
.PalDeliveryDate .DelliveryDateTitle .caption { text-align: left; font-size: 1.2em; font-weight: bold; margin-top: 1em; display: inline-block; }
.PalDeliveryDate .DeliveryDate {padding-top:10px;}
/*Confirm checkout page*/
#checkoutPage { width: 800px; max-width: 100%; margin: 0 auto; font-family: Arial,Helvetica,sans-serif; }
#checkoutPage .OrderStepTable { width:100%; }
#checkoutDiv #headerDiv {padding: 10px 20px 10px 60px;font-weight: bold;font-size: 2em;}
#checkout { border-collapse:collapse; }
#checkout thead td { background:#2354CE;color:#fff;border:1px solid #2354CE; padding:5px; }
#checkout tbody td { border:1px solid #000; padding: 5px; }
.confirmOrderButton{background-color: #65e533;height: 5em;background-image: url(/Images/ComfirmationBG.gif);cursor: pointer;}
#btnBackToCart, .confirmOrderButton { max-width:90%; }

/*Item table page*/
.itemInCell { width: 100%; }
.itemgridtb { border-collapse:separate; border-spacing:10px; }
.itemCell { text-align: center;border: 1px solid #898989;vertical-align:top;background:#fff;position:relative; }
.itemCell a { text-decoration:none; }
.itempic { height:180px;line-height:180px; }
.itempic img { vertical-align:middle; }
.outOfStock { margin: 8px 0; display: block; color:#f00; font-weight:bold; text-transform:uppercase; }
.ItemGrid1 {margin-top: 4px;}
.itemName { font-size: 12px;font-weight: bold;text-transform: uppercase; }
.itemCell .originalPrice, .originalPrice { text-decoration:line-through;color:#888; }
.itemCell a:hover { text-decoration:none; }
.itemCell:hover { border-color:#000; }
.datapager { margin:10px 0 20px 0; }
.categorydiv { padding:10px; }
.featuredItemsheader { margin:10px 30px 0 30px; }
.featuredItemsheader select, .featuredItemsheader span, .featuredItemsheader a, .featuredItemsheader div { vertical-align:middle; }
.ItemTopPager { float:right; margin-left:10px; }
.pagerNum { padding-right: 5px; padding-left: 5px; }
.pagerNum:hover { padding-right: 5px; padding-left: 5px; background-color: #CCCCCC; }
.pagerCurrentNum { padding-right: 5px; padding-left: 5px; font-weight: bold; }
.pagerNextPrev:hover { background-color: #CCCCCC; }

.product-label { position:absolute; }
.labelTop, .labelTopLeft, .labelTopRight { top:5px; }
.labelLeft, .labelTopLeft, .labelBottomLeft { left:5px; }
.labelRight, .labelTopRight, .labelBottomRight { right:5px; }
.labelBottom, .labelBottomLeft, .labelBottomRight { bottom:5px; }
.preorder { font-weight:bold; }

table.childCategoryTable { width:100%; margin-bottom:30px; }
table.childCategoryTable td { text-align:center; }
.childCategoryTable img {max-width: 80%;}
/*Fill Form*/
.submitFormResult { padding:150px 0; }
.valErrorMessage { color:#F00; }

.resBanner { position:relative; }
.resBanner a { display:block;float:left; }
.resBanner .bannerContainer { float:left; }
.resBanner .bannerContainer img { width:100%; }
.resBanner .rotator_tabslist { position:absolute; bottom:0; right:0; }
.resBanner .rotator_tabs { display:block;float:left; }
.resBanner .rotator_tab { width:20px; height:20px; display:block; float:left; background:transparent url(/images/point.png) no-repeat center center;cursor:pointer; }
.resBanner .rotator_tab.rotator_active { background-image:url(/images/point_hover.png); }

.news-accordion .panel { padding:100px 20px; text-align:center; }
.news-accordion .n-category-title { padding:10px 0px 5px 0px; margin:0; text-transform:uppercase; }
.news-accordion .n-news { padding:0 0px; }
.news-accordion .n-title { padding:5px 10px 5px 20px; font-weight:bold; cursor:pointer; border-bottom:1px dashed #aaa; background:url(/images/arrow_down.gif) no-repeat left center;-webkit-user-select:none; }
.news-accordion .n-title.expanded { background-image:url(/images/arrow_up.gif); }
.news-accordion .n-summary { padding:5px 10px 5px 30px; background-color:#eaeaea; }
.news-accordion .newspager { text-align:center; padding:10px; }

.blog-page .panel { padding:100px 20px; text-align:center; }
.blog-page .n-category-title { padding:10px 0px 5px 0px; margin:0px 0 30px 0; text-transform:uppercase; text-align:center; border-bottom:3px solid #000; }
.blog-page .n-news { padding:0 0px; }
.blog-page .n-title { padding:5px 10px 5px 20px; display:block; font-weight:bold; background-color:#5BC060; font-size:1.5em; color:#FFF; border-bottom:1px dashed #aaa; border-top:1px dashed #aaa; }
.blog-page .n-date { font-size:0.8em; text-align:left; font-style:italic; padding:3px 20px;border-bottom:1px dashed #888; }
.blog-page .n-summary { padding:15px 10px 15px 20px; }
.blog-page .readmore { padding-top:20px; display:block; }
.blog-page .n-blogpost { padding-bottom:20px; }
.blog-page .newspager { text-align:center; padding:10px; border-top:1px dashed #888; margin-top:20px; }
.blog-page .n-nav { padding:10px 0; }
.blog-page .n-nav-prev, .blog-page .n-nav-next { width:40%; margin:0; padding:0; }
.blog-page .n-nav-prev { text-align:left; float:left; }
.blog-page .n-nav-next { text-align:right; float:right; }
.blog-page .n-back { padding:20px; }

.itemCell .labelDiscount {background-color: #FF0;display: table-cell;width: 40px;height: 40px;text-align: center;vertical-align: middle;border-radius: 21px;color: #888;font-weight: bold;padding: 1px;}

a.selectCouponLink { text-decoration:underline; font-weight:normal; font-size:0.85em; margin-top:5px; }

#qtyLeftNotice { margin-left:5px; vertical-align:middle;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 2;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 2;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 2; }
@-moz-keyframes blinker {  
    0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.page_ItemQty .productTitle { margin-bottom:5px; border-bottom:1px solid #888; }
.page_ItemQty .productPartNum { font-size:0.8em; line-height:1; }
.page_ItemQty .productPrice { margin:5px 0 20px 0; }
.page_ItemQty .productQtyInput { margin:5px 0; text-align:center; }
.page_ItemQty .tbButton { display:inline-block; width:35px; font-size:34px; line-height:1; text-decoration:none; background:#000; color:#FFF; vertical-align:middle; text-align:center; }
.page_ItemQty .addCartButton { display:inline-block; padding:0 20px; text-decoration:none; background:#000; color:#FFF; border:1px solid #FFF; line-height:32px; vertical-align:middle; }
.page_ItemQty .addCartButton:hover, .page_ItemQty .tbButton:hover { background:#3a3a3a; }
.page_ItemQty .buttons { margin:20px 0 10px 0; text-align:center; }
.page_ItemQty #txtQty { font-size:18px; }
.page_ItemQty .closeButton { text-align: center; display: block; }

.enquiryPopup { display: block; color: #888; margin-top: 10px; }
.coupon-row {padding-left:0 !important;}
.checkout-delivery { padding-top:20px; margin-bottom:20px; }
.checkout-delivery .caption {
    display:inline-block;
    width:140px;
    text-align:right;
}

.delivery-table { margin:0 auto; border-collapse: collapse; width: 80% }

.delivery-method, .ship-row { margin:5px 0; }
.delivery-method select, .ship-row select { max-width:200px; }
.instruction { font-style:italic; font-size:0.85em; }
.delivery-option { 
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
td.grand-total { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.pickup-address { padding:5px 20px; border:1px solid #aaa;margin: 10px 50px 10px 0; }
.price-table { width:100%; }
.price-table td { padding:8px 5px; }
.price-table td.curr { width:40px; }
.price-col { background-color:#eaeaea; padding:10px; vertical-align:top;}
@media screen and (max-width:800px) {
    .price-col {display:block;}
    .method-col {display:block;}
}
@media screen and (max-width:650px) {
    .checkout-delivery .caption {text-align:left;}
}

.captionline {
    font-weight: bold;
    display: block;
}
.coupon-apply { background:#eaeaea; color:#333; line-height:1.4; display:inline-block; padding:0 5px; border:1px solid #000; }

ul.compareCart { margin:0; padding:0; list-style-type:none; }
.compareCart li { margin-top:5px; }
.compareCart .itemImg, .compareCart .itemImg img { width:100px; float:left; margin-right:10px; }
.compareCart .partNum, .compareCart .itemName { display:block; text-align:left; }
.compareCart .delete-btn { float:right; margin-top:10px; }
.compareCart .no-item { padding: 20px; border: 1px solid #888; border-radius: 3px; }
#compareCart .btn { display:inline-block; padding:5px 10px; border:1px solid #888; border-radius:3px; margin:10px 5px 5px; }
#compareCart .compare-btn { background:#73CA15; background:linear-gradient(#96EF20, #5BA21B); color:#fff; }
#compareCart .compare-btn:hover { background:linear-gradient(#C6EC93, #5BA21B); }
#compareCart .compare-btn span {color:#fff;}

a.buy-btn, a.buy-btn:visited { display: inline-block;
    padding: 5px 10px;
    border: 1px solid #888;
    border-radius: 3px;
    margin: 10px 5px 5px;
    background: #73CA15;
    background: linear-gradient(#96EF20, #5BA21B);
    color: #fff; }

a.buy-btn:hover { background: linear-gradient(#C6EC93, #5BA21B); }

/* ItemCompare */
.CompareTitle {text-align:center;margin:10px 0;font-size:1.25em;color:#818284;text-decoration:underline;}
.compareTable {margin:0 auto 10px auto;}
.compareTable th {padding:5px 5px;background:#eeeeee;}
.compareTable tr td {padding:5px 5px;}
.compareTable tr:nth-child(2n+1) td {background:#eeeeee;}
.compareTable .header-caption {text-align:left;}
.compareTable .header-data {text-align:center;}
.compareTable .data {text-align:center;}
.compareTable .data-caption {text-align:left;font-weight:bold;}
.compareTable .data.image img {max-width:100px;max-height:100px;}
.compareTable .data.price {}
.compareTable .section-title {font-weight:bold;text-transform:uppercase;padding:30px 0 10px 5px;border-bottom:3px solid grey;font-size:1.5em;background:#fff !important;}


/*NewsListGrid (Webcontrol Template) - List Page*/
.NewsListGridPage .newspager a { background: none !important; }
.NewsListGridPage .NewsYearSelect { position: absolute; top: 0; right: 0; margin: 0 !important; }
.NewsListGridPage .newsTable { width: 100%; display: flex; flex-wrap: wrap;  }
.NewsListGridPage .newsTable .newsItem { display: inline-block; width: 31%; margin:0 1% 30px 1%;margin-bottom: 30px; }
.NewsListGridPage .newsTable .newsImageWrap { position: relative; }
.NewsListGridPage .newsTable .newsImage img { margin: auto; max-width: 100%; }
.NewsListGridPage .newsTable .newsInfo { line-height: 1.5; font-size: inherit; }
.NewsListGridPage .newsTable .newsDate { font-size: 12px; margin: 5px 0; }
.NewsListGridPage .newsTable .newsListTitle { color: #c81462; font-size: 1.7em; font-weight: bold; max-height: 3em; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; width: 100%; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }
.NewsListGridPage .newsTable .newsShortDesc { font-size: 1em; height: 4.5em; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; width: 100%; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; }
@media screen and (max-width:600px) {
    .NewsListGridPage .newsTable .newsItem { width: 48%; }
}

/*News*/

/* FAQList */
.FAQListContainer { color: #444; }
.FAQListContainer .FAQTitle {text-align:center;font-weight:bold;font-size:1.25em;color:#818284;}
.FAQListContainer .FAQList {-webkit-padding-start:4%;}
.FAQListContainer .qna {margin:10px 0;}
.FAQListContainer .q {font-weight:bold;font-size:1.071em;cursor:pointer;color:#444;}
.FAQListContainer .q:hover {filter:alpha(opacity=80);opacity:0.8;}
.FAQListContainer .a {font-size:1em;margin:10px 0;padding:1% 60px 1% 1%;display:none;box-shadow:2px 2px 20px #E7E7E7;position:relative;max-width:700px;}
    .ie6 .FAQListContainer .a,
    .ie7 .FAQListContainer .a,
    .ie8 .FAQListContainer .a {border:1px solid #eeeeee;}
.FAQListContainer li {color:#444;}
.FAQListContainer .a .detail {display:block;position:absolute;bottom:10px;right:20px;color:#818284;text-decoration:underline;display:none;}

.EnquiryForm {padding:0 1% 0 4%;margin:30px 0;}
.EnquiryForm .EnquiryHeading {color:#444;font-weight:bold;}
.EnquiryForm .EnquiryContent {box-shadow:2px 2px 20px #E7E7E7;padding:1% 1% 1% 1%;margin:10px 0;}
    .ie6 .EnquiryForm .EnquiryContent,
    .ie7 .EnquiryForm .EnquiryContent,
    .ie8 .EnquiryForm .EnquiryContent {border:1px solid #eeeeee;}
.EnquiryForm .EnquiryContent .EnquiryCaption {font-weight:bold;vertical-align:top;width:80px;display:inline-block;text-align:right;}
.EnquiryForm .EnquiryContent .Colon {display:inline-block;vertical-align:top;}
.EnquiryForm .EnquiryContent input[type=text], 
    .EnquiryForm .EnquiryContent textarea {display:inline-block;margin-left:10px;}
.EnquiryForm .EnquiryRow {margin:10px 0;}
.EnquiryForm .EnquiryQuestion {min-width:300px;min-height:100px;}
.EnquiryForm .BtnSubmitQuestion {margin:10px 0 10px 100px;}
.EnquiryForm .BtnSubmit {background:url(/Templates/citylink/images/login.png) no-repeat;border:none;width:101px;height:31px;box-shadow:0 0 5px #8a8a8a;color:#fff;transition:all 0.2s;cursor:pointer;}
.EnquiryForm .BtnSubmit:hover {box-shadow:none;}

.iziToast {min-height:100px;}
		.iziToast>.iziToast-cover {margin-left:10px;}
		.iziToast>.iziToast-body .iziToast-message {}
		.iziToast .imgContainer {display:inline-block;}
		.iziToast .iziToast-cover { cursor:pointer; }
		.iziToast .pb-text {text-decoration:none;display:inline-block;margin:15px 0 0 10px;color:#000;font-size:1em; line-height:1.3; max-width:300px;}
		.iziToast .timeAgo {text-align:right;font-size:0.8em;font-style:italic;margin:20px 0 0 0;}

@media screen and (max-width:600px) {
    .EnquiryForm .EnquiryContent {}
    .EnquiryForm .EnquiryQuestion {min-width:200px;min-height:75px;}
    .EnquiryForm .EnquiryContent input[type=text] {width:150px;}
}

@media screen and (max-width:480px) {
    .EnquiryForm .EnquiryContent .EnquiryCaption {width:auto;margin-left:20px;}
    .EnquiryForm .EnquiryQuestion {}
    .EnquiryForm .EnquiryContent input[type=text], 
        .EnquiryForm .EnquiryContent textarea {display:block;margin:5px 0 5px 20px;}
}

/* Register Warranty */
.warranty-form {}
.warranty-form .WarrantyTitle {margin:10px 0;font-size:1.25em;color:#8C8C8C;text-align:center;}
.warranty-form .WarrantyContent {margin:10px 0;padding:1% 1% 1% 1%;box-shadow:2px 2px 20px #E7E7E7;}
    .ie6 .warranty-form .WarrantyContent,
    .ie7 .warranty-form .WarrantyContent,
    .ie8 .warranty-form .WarrantyContent {border:1px solid #eeeeee;}
.warranty-form .WarrantyLeft {float:left;width:48%;}
.warranty-form .WarrantyRight {float:right;width:48%;}
.warranty-form .WarrantyRight .promotionBanner {margin:0 auto;}
.warranty-form .WarrantyRight .promotionBanner img {width:100%;}
.warranty-form .line {margin:10px 0;}
.warranty-form .data-caption {width:110px;display:inline-block;text-align:right;}
.warranty-form .colon {display:inline-block;}
.warranty-form .data-input {display:inline-block;}
.warranty-form .buttons {margin:10px 0 10px 90px;}
.warranty-form .buttons input[type=submit] {background:url(/Templates/citylink/images/login.png) no-repeat;border:none;width:101px;height:31px;box-shadow:0 0 5px #8a8a8a;color:#fff;transition:all 0.2s;cursor:pointer;}
.warranty-form .buttons input[type=submit]:hover {box-shadow:none;}

@media screen and (max-width:820px) {
    .warranty-form .WarrantyLeft {float:none;width:98%;}
    .warranty-form .WarrantyRight {float:none;width:98%;display:none;}
}

@media screen and (max-width:360px) {
    .warranty-form .data-caption {text-align:left;width:auto;}
    .warranty-form .data-input {display:block;}
}

/* RotateBanner */
.rotateBanner, .rotateBanner div, .rotateBanner ul, .rotateBanner li, .rotateBanner img, .rotateBanner a { margin:0; border:0; padding:0; } 
.rotateBanner {overflow:hidden; position:relative;}
.rotateBanner .rotator_imglist {overflow:hidden;z-index:99;}
.rotateBanner .rotator_tabslist {position:absolute;z-index:111;bottom:0;right:0;text-align:right;margin:2px;}
.rotateBanner .rotator_tab { float:left;display:block;display:inline-block; cursor:pointer; text-align:center; margin:0 2px;font-size:1em; line-height:1.2em; width:1em; height:1em; color:#000;}
.rotateBanner .rotator_active {color:#fff;}

.slidingBanner .rotator_imglist { position:absolute; height:0; }
.slidingBanner .rotator_img { display:block; float:left; } 

.fadingBanner .rotator_imglist { position:relative; width:100% !important;  }
.fadingBanner .rotator_img { position:absolute; } 
.fadingBanner .rotator_tabs {list-style:none;display:inline;}

/* RotateBanner End */

.RadMenu { outline:none !important; }

.ValueAddedTitle { font-weight:bold; }
.vItemList { display:flex; }
.vItemList .ValItem { border:1px solid #888; margin:5px 0; cursor:pointer; padding:5px; flex-basis:50%; box-sizing:border-box; }
.vItemList .ValBuyNowChk { float:right; padding-top:5px; }
.ValItem .ValPrice { color:#5BA21B; font-weight:bold; }
.ValItem .ValPic { text-align:center; }
.ValItem .ValPic img { max-width:100%; }
.RadWindow.RadWindow_MetroTouch .rwIcon, .RadWindow.RadWindow_MetroTouch .rwPinButton { display:none; }
.preorder-remark { display:block; clear:both; }
.ItemContentCSS .preorder-remark .checkout { display:none; }
.checkout-top .preorder-remark .item { display:none; }

/*default Popup*/
.jquery-modal.blocker { z-index:9999;background:none;}
#StandardPopup.modal { width: auto; max-width: 800px; }

.coupon-panel {
    margin-top: 15px;
}

.coupon-panel .lnkBtn { margin-left:5px; display:inline-block; margin-top:5px; }

.coupon-panel .coupon-tag {
    border:1px solid #000;
	padding:0px 5px;
	cursor:default;
	user-select: none;
	line-height:1.8;
}

.coupon-panel .couponList { display:inline-block; width:50%; }

.itemDiscountPercent { position: absolute; margin-left: 5px; font-weight: bold; }

/*MegaSales*/
.megaSales {}
.megaSalesTitle {}
.megaSalesContent {margin-bottom:30px;min-height:100px;}
.megaSalesShopLink a {padding:10px 8px;border:1px solid #aaa;display:inline-block;}
.megaSalesShopLink a:hover {border-color:#000;}

/*Bundle Page*/
.bundleContent {margin:20px 0;}

/*Bundle label in Item Grid */
.itemCell.hasBundleLabel .itempic {position:relative;}
.itemgridtb .itemGridTr .itemCell .bundlelinkContainer { position: absolute; left: 5px; right: 5px; bottom: 3px; margin: auto; max-width: 100%; line-height: 1; overflow: hidden; max-height: 3.3em; }
.itemgridtb .itemGridTr .itemCell .bundlelink { padding: 3px 5px; margin: 0 auto 2px auto; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; opacity: 0.9; max-width: 210px; background: #ff4392; color:#fff;}
    .itemgridtb .itemGridTr .itemCell .bundlelink:hover { box-shadow: 1px 1px 5px #666; }