html, body { margin:0; padding:0; border:0; overflow-x:hidden; }
html { -webkit-text-size-adjust: none; }

#main { position:relative; }
#menu { display:none; position:fixed; top:0; left:0; bottom:0; padding-bottom:100px; width:270px; overflow:hidden; z-index:200; }
#mask,
#mainmask { display:none; position:fixed; top:0; left:0; bottom:-100px; right:0; cursor:pointer;z-index:1000; }
.popup { display:none; position:fixed; overflow:hidden; font-size:16px; border:2px solid #888;z-index:2000; }
#pageCurrency, 
#pageLanguage { display:none; padding:5px 10px; }
.expanded #main, 
.expanded #mainmask { left:270px; background:transparent url(/images/m_shadow.png) repeat-y top left; }
.expanded #mainmask, 
.expanded #menu { display:block; }
.content { padding:5px; }
.cb { clear:both; }

body { font-size:18px; line-height:1.2em; color:#000; font-family:Arial, Helvetica, Sans-serif; }
#main { background:#fff; font-size:13px; }
#menu { background:#005B61; color:#fff; }
#menuwpr { background:#005B61; }
#mask { background:#000; opacity:0.75; }
.popup { background:#fff; }
.checkoutPage { font-size:13px; }

a { text-decoration:none; color:#000; border:0; }
a:hover { color:#666; }
#menu a { color:#fff; }
#menu a:hover { color:#c0c0c0; }

#topContainer { height:40px; width:100%; position:relative; border-bottom:2px solid #888; }
#mainContainer { padding-bottom:30px; }
#menuSwitch { position:absolute; top:0; left:0; display:block; width:56px; height:40px; background:transparent url(/images/m_menubtn2.png) no-repeat center center; background-size: 24px; }
.searchButton { position:absolute; top:0; right:0; display:block; width:40px; height:40px; background:transparent url(/images/search_s.png) no-repeat center center; }
.corpLogo { margin:0 auto; width:208px; height:40px; display:block; }
#searchPopup { font-size:13px; top:0 !important; }

.loadingPage { position:fixed; left:0; right:0; top:0; bottom:0; z-index:10000; background: #FFF url(/images/loading6.gif) no-repeat center center; background-size:100px; }

#menu .vmenu { margin:50px 0; width:100%; }
.vmenu { list-style:none; margin:0; padding:0; }
.vmenu > li { padding:5px 0; }
.vmenu > li a { display:block; padding:5px 10px; }
.vmenu > li a:hover { color:#c0c0c0; }
#menu .mobileSwitch { font-size:0.75em; padding:15px; }

.popup#categoryPopup { overflow:auto !important; }

.SectionTitle { font-size:1.5em; line-height:1.2em; margin:0.5em 0; }
.GenInstruction { margin:0.8em 0; }
.GenCaption { font-weight:bold; }
.GenButton { padding:10px 0; text-align:center; }
.CenterLink { display:block; text-decoration:underline; text-align:center; }
.GenButtonMargin { margin:10px 0; }
.GenButton2 { padding-top:0; }
.GenButtonStyle { display:block; border:1px solid #888888; border-radius:10px; background-color:#676767; color:#FFFFFF; text-align:center; cursor:pointer; width:100%; text-decoration:none; padding:2px 0px; }
.GenButtonStyle:hover { background-color:#FFFFFF; color:#000; }
.GenCheckInput { padding:5px; }
.GenButton .ButtonHalf { width:47%; margin-right:2%;float:left; }
.GenButton .ButtonHalf2 { width:47%; margin-left:2%;float:right; }
input[type="submit"].GenButtonStyle { padding:2px 0; line-height:1.5em; font-size:13px; }
.linkDisabled { cursor:default; opacity:0.5; }
.GenButtonStyle.linkDisabled { background-color:#eaeaea; }
.GenInput input, .GenInput textarea,
.GenInput select { width:90%; }
.GenInput .RadInput { display:block; width:100%; }
.GenInput textarea { height:50px; }

.FbLoginButtonPanel { text-align:center; }
.FbLoginButton { background:transparent url(/Images/connectfb.png) no-repeat center center; display:block; }

.LoginPage, .Gen_UserRegister { padding:20px 0; }
table.loginpanel { width:100%; }
.PasswordRecovery { float:left; }
.RememberMe { float:right; }
.Login_Button_Area { clear:both; }
.RegisterField { margin:10px 0; }
.RegisterField .RadCaptcha div, .RegisterField .RadCaptcha p { text-align:center; }
.RegisterField .RadCaptcha img { display:inline !important; }
.CenterField { text-align:center; }
.required { font-weight:bold; }

.GenTitleStyle { font-weight:bold; font-size:1.3em; border-bottom:1px solid #000; padding:10px 0 0 0;  }
#mainGrid, #mainGrid .itemCell { margin:0; padding:0; list-style-type:none; }
#mainGrid .itemCell { margin:5px 0; border-bottom:1px solid #b2b2b2; padding-bottom:3px; }
#mainGrid .itemImage { text-align:center; margin-left:1px; margin-right:5px; width:34%; max-width:450px; }
#mainGrid .itemImage img { width:100%; max-width:450px; min-width:100px; } 
#mainGrid .itemName { font-weight:bold; padding:2px; }
#mainGrid .itemButtons { float:right; }
#mainGrid .itemButtons a { display:block; width:20px; height:20px; margin-right:5px; float:right; background:transparent top left no-repeat; }
#mainGrid .itemButtons a:hover { text-decoration:none; }
#mainGrid .itemButtons .addcart { background-image:url(/Images/addcart.gif); }
#mainGrid .itemButtons .addwish { background-image:url(/Images/addwish.gif); }
#mainGrid .itemButtons .wishliked { background-image:none; }
#mainGrid .itemPrice { padding:0 2px; }
#mainGrid .originalPrice { text-decoration:line-through; clear:both; }
#mainGrid .featured { background-color:#eaeaea; padding-top:5px; }
#mainGrid .itemLink { display:block; }
#mainGridLoadMore { text-align:center; clear:both; }
#mainGrid .itemButtons a.addcartbutton, #mainGrid .itemButtons a.addwishbutton { display:none; }
#mainGrid .itemPreorder { color:#FF6100; }

@media (min-width: 720px) and (max-width: 1079px) {
    #mainGrid .itemCell { width:50%; float:left; }
    #mainGrid .itemCell:nth-child(odd) { clear:left; }

}
@media (min-width: 1080px) {
    #mainGrid .itemCell { width:33.3333%; float:left; }
    #mainGrid .itemCell:nth-of-type(3n+1) { clear:left; }
}

.greetCardFrame { width:300px; height:600px; }
.greetingCardPage { padding:5px 4px; }
#greetingCardGrid .itemCell { border:1px solid #eaeaea; padding:3px 0; margin:5px 0; }
#greetingCardGrid .itemName { font-weight:bold; padding:2px 5px; }
#greetingCardGrid .itemPrice { float:left; padding:0 5px; }
#greetingCardGrid .itemOrigPrice { float:left;text-decoration: line-through; color:#aaa; }
#greetingCardGrid .itemShortDesc { clear:both; padding:2px 5px; }
#greetingCardGrid .itemImage { text-align:center }

.itemDetailPage .AddCartButton, .itemDetailPage .CheckoutButton, .itemDetailPage .WishlistButton { margin-top:10px; }
.itemDetailPage .itemImage { text-align:center; }
.itemDetailPage .partNum { font-size:0.85em; padding:3px 0; }
.itemDetailPage .itemPrice { margin:10px 0; }
.itemDetailPage .itemPrice > table { width:100%; }
.itemDetailPage .itemQty { margin:10px 0; }
.itemDetailPage .itemQty > table { width:100%; }
.itemDetailPage .priceGroupCaption { font-weight:bold; }
.itemDetailPage .priceQty {background-color:#eaeaea;color:#666;}
.itemDetailPage .price { padding:0 5px; }
.itemDetailPage .QtyCaption { font-weight:bold; width:30%; }
.itemDetailPage .QtyInput { width:70%; }
.itemDetailPage .QtyInput input { text-align:center; }
.itemDetailPage .QtyInput * { vertical-align:middle; }
.itemDetailPage .descCaption { font-weight:bold; }
.itemDetailPage #DescContent { width:100%; }
.itemDetailPage #mainImage { position:relative; }
.itemDetailPage .enlarge { position:absolute; bottom:0; right:0; }
.itemDetailPage .numButton { background-size:25px 25px; }
.addButton { background-image:url(/images/b_plus.png); }
.minButton { background-image:url(/images/b_minus.png); }
.addButton:hover { background-image:url(/images/b_plus_on.png); }
.minButton:hover { background-image:url(/images/b_minus_on.png); }
.itemOnlineDesc.popupmode a { text-align:center; padding:5px; display:block; color:#fff; background:rgb(45, 116, 126); width:50%; margin:0 auto; }
.itemOnlineDesc.popupmode a { border-radius:10px; background:linear-gradient(rgb(40, 202, 196), rgb(45, 116, 126), rgb(0, 152, 158)); background:-webkit-linear-gradient(rgb(40, 202, 196), rgb(45, 116, 126), rgb(0, 152, 158)); }
.error, .qtyerror, .ErrorLabel { color:#f00; }
.prceopt_caption { width:30%; float:left; font-weight:bold; clear:left; margin:5px 0; }
.prceopt_choices, .prceopt_mchoices { width:70%; float:left; margin:5px 0; }
.prceopt_mc { float:left; margin-left:5px; }
.prceopt_mc input[type="checkbox"] { margin:3px 4px; }

.cartItemContainer { clear:both; margin-top:5px; }
.cartItemContainer .actionButton { float:right; }
.cartEmpty { text-align:center; padding:40px 5px; }
.cartItemQty { margin-left: 60px; }
.btnContinue, .btnCheckout { margin-top:10px; }
.btnCheckout, .checkoutbutton3 { background-color:#FFBE08; background: linear-gradient(#FFBE08, #FF8821); }

.cartItemQtyBox { text-align:center; }
.cartItemSubTotal { clear:right; float:right; text-align:right; padding-top:5px; }
.cartItemInfo { margin:5px 0; font-weight:bold; }
.cartItemInfo img { }
.cartItemInfo .cartItemImageWrapper { display:inline-block;width:50px;text-align:center;float:left; margin-right:10px; }
.CartDeleteButton {background:transparent url(/Images/delete.png) no-repeat center center; }
.totalAmount { background:#888; color:#fff; padding:3px 5px; text-align:right; margin-top:5px; }
.totalAmount.grandTotal { margin-top:0; }
.shipChargeBox, .discountBox, .trTax { background:#eaeaea; color:#3a3a3a; padding:3px 5px; text-align:right; }
.locationBox { padding:3px 5px; }
.pickup-address { border: 1px solid #888; padding: 5px 19px; text-align: left;}
.calPrice { width:100px; float:right; display:block; }
.ShipDropDown { width:150px; }
.couponBox { padding-right:20px; }

.smallTitle {background:#888; color:#fff; padding:3px 5px; margin-top:5px; font-weight:bold;}
#shipDetails .GenCaption { margin-top:5px; }
.smallText { font-size:0.8em; }
.GenLabel { background-color:#eaeaea; padding:2px 5px; }
.orderCompleted { padding:50px 0; }
.orderContinue { padding-top:50px; }
#underConstruct { padding:20px; text-align:center; background:#c30505; color:#FFF; }

.notMyPriceGroup { text-decoration:line-through; }

#ctl00_PageContent_sizePanel .RadButton_Default {background-color:#EAEAEA; background-image: none !important; border:1px solid #EAEAEA;margin-right:5px;margin-top:5px;}
#ctl00_PageContent_sizePanel .RadButton_Default .rbDecorated {background-color:#EAEAEA; background-image: none !important;}
#ctl00_PageContent_sizePanel .sizeNotSelected {}
#ctl00_PageContent_sizePanel .sizeSelected { background-color:#666; }
#ctl00_PageContent_sizePanel .sizeNotSelected:hover {border:1px solid #333;text-decoration:none;}
#ctl00_PageContent_sizePanel .sizeSelected:hover {border:1px solid #FFF;text-decoration:none;}
#ctl00_PageContent_sizePanel .sizeNotSelected .rbDecorated {}
#ctl00_PageContent_sizePanel .sizeSelected .rbDecorated { color:#FFF; background-color:#666;  }
#ctl00_PageContent_sizePanel .sizeNotSelected:hover .rbDecorated {}
#ctl00_PageContent_sizePanel .sizeSelected:hover .rbDecorated {}

#ctl00_PageContent_colorPanel .RadButton_Default {background-color:#EAEAEA; background-image: none !important; border:1px solid #EAEAEA;margin-right:5px;margin-top:5px;}
#ctl00_PageContent_colorPanel .RadButton_Default .rbDecorated {background-color:#EAEAEA; background-image: none !important;}
#ctl00_PageContent_colorPanel .colorNotSelected {}
#ctl00_PageContent_colorPanel .colorSelected { background-color:#666; }
#ctl00_PageContent_colorPanel .colorNotSelected:hover {border:1px solid #333;text-decoration:none;}
#ctl00_PageContent_colorPanel .colorSelected:hover {border:1px solid #FFF;text-decoration:none;}
#ctl00_PageContent_colorPanel .colorNotSelected .rbDecorated {}
#ctl00_PageContent_colorPanel .colorSelected .rbDecorated { color:#FFF; background-color:#666; }
#ctl00_PageContent_colorPanel .colorNotSelected:hover .rbDecorated {}
#ctl00_PageContent_colorPanel .colorSelected:hover .rbDecorated {}

.colorCaption, .sizeCaption { padding-top:8px; }

.closeButton { display:block; height:20px; text-align:right; color:#ccc; padding:5px; }
.RadPanelBar.RadPanelBar_Mobile .rpOut { border-bottom-color: transparent; }
.RadPanelBar.RadPanelBar_Mobile .rpLink { padding-top:8px; padding-bottom:8px; text-align:center; font-weight:bold; border:0; }
.RadPanelBar.RadPanelBar_Mobile .rpItem { border-bottom:1px solid #ccc; }
.RadPanelBar.RadPanelBar_Mobile .rpRootGroup { border:0; border-top:1px solid #ccc; }
.RadPanelBar.RadPanelBar_Mobile .rpExpandHandle { width:42px !important; background:transparent url(/images/arrow_down.gif) no-repeat center center; }
.RadPanelBar.RadPanelBar_Mobile .rpExpanded .rpExpandHandle { background:transparent url(/images/arrow_up.gif) no-repeat center center; }
.RadPanelBar.RadPanelBar_Mobile .rpGroup .rpLink { text-align:left; }
.RadPanelBar.RadPanelBar_Mobile .rpGroup .rpItem { border:0; }

ul.listOptions { margin:0; padding:0; list-style-type:none; }
.listOptions li { padding:5px 10px; }
.listOptions a { padding:5px 10px; display:block; }
.listOptions a:hover { background:#888; color:#fff; }
input[type="submit"] { -webkit-appearance:none; }

.itemDetailPage .AddCartButton {
    bottom: 0;
    left: 5px;
    right: 5px;
    padding: 12px 0;
    width: auto;
    background-color: #FFBE08;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    border-color: #000;
    background: linear-gradient(#FFBE08, #FF8821);
}

.itemDetailPage .AddCartButton.float { position: fixed; z-index:101; }

.itemDetailPage .AddCartButton:hover, .itemDetailPage .AddCartButton:active {
    background-color: #7BC700;
    background: linear-gradient(#7BC700, #4EBF07);
}

#DescContent img { max-width: 100%; height: auto !important; }

.defaultContent { overflow:hidden; word-wrap:break-word; }
.mosesnet { padding:20px; font-size:0.6em; text-align:center; }
.noscript { padding:10px; background:#666; color:#fff; }

.delivery-option { width:100%; text-align:center; }
.GenInput .delivery-option input { width:auto; }

#checkoutlist .cartremark { background:#eaeaea; color:#3a3a3a; }
#checkoutlist .itemimg { float:left; width:80px; margin-right:5px; }
#checkoutlist thead td { background:#888; color:#fff; }
#checkoutlist tbody td { line-height:1.5em; }

.confirmOrderButton { font-weight:bold; color:#fff; background-color:rgb(11, 18, 180); background: linear-gradient(rgb(120, 113, 199),rgb(17, 17, 207),rgb(84, 69, 253)); background: -webkit-linear-gradient(rgb(120, 113, 199),rgb(17, 17, 207),rgb(84, 69, 253)); }
.confirmOrderButton:hover { color:#888; background-color:rgb(86, 93, 255); background: linear-gradient(rgb(120, 113, 199),rgb(17, 17, 207),rgb(84, 69, 253)); background: -webkit-linear-gradient(rgb(120, 113, 199),rgb(17, 17, 207),rgb(84, 69, 253)); }

#backtotop { display:block; width:40px; height:40px; position:fixed; bottom:50px; right:0; background:url(/images/m_backtotop.png) no-repeat center center; }

.categoryList, .childCategories, .categoryList > li, .childCategories > li { margin:0; padding:0; list-style-type:none; }
.categoryList > li { display:table-cell; white-space:nowrap; }
.categoryList a { padding:10px 50px; display:block; }
#childCategoryList { clear:both; }
#mainCategoryList { width:100%; overflow:hidden; position:relative; border-bottom:2px solid #aaa; }
.categoryList, .childCategories { display:block; float:left; }
.categoryList { display:table-row; }
.childCategories { width:100%; background:#eaeaea; }
.childCategories > li { display:block; float:left; width:33.3333%; }
.childCategories > li:nth-child(3n+1) { clear:left; }
.childCategories a { display:block; padding:10px 0px; text-align:center; color:#3a3a3a; }
.childCategories img { width:95%; max-width:450px; }
.childCategories span { display:block; text-align:center; }

.socialShareLabel { color: #0003FF; font-weight: bold; margin: 0 5px; }

@media (max-width: 352px) {
    .childCategories > li { width:50%; }
    .childCategories > li:nth-child(3n+1) { clear:none; }
    .childCategories > li:nth-child(2n+1) { clear:left; }
}

@media (min-width: 720px) {
    .childCategories > li { width:25%; }
    .childCategories > li:nth-child(3n+1) { clear:none; }
    .childCategories > li:nth-child(4n+1) { clear:left; }
}

.breadcrumb { padding:0px 10px 5px 10px; }

.controls { text-align:center; padding:15px; margin-top:20px; border-top:1px solid #aaa; background:#606060; clear:both; }
.controls .currency { padding:5px 0; }
.controls a { color:#fff; }


#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; }
}

i.fa { font-size:1.5em; vertical-align: baseline; margin-right: 5px; }