/* ==========================================================================
   Desktop
   ========================================================================== */

@media (min-width: 1000px) {
	/*Product Banner*/
	div.mainproductlistbanner{float:left; width:100%; margin:5px 0px 15px 0px;}
	div.mainproductlistbanner img{ width:100%; height:auto;}
	div.mainproducttagline{float:left; width:100%; font-size:16px; font-weight:normal; margin:-10px 0px 15px 0px;}

	/*Products List Layout*/
	div.mainproductlistleftcol{float:left; width:100%;} /*show product info*/
	div.mainproductlistrightcol{float:left; width:100%; padding:25px; margin:15px 0px 15px 0px;} /* Show product cateogory and status*/
	
	div.mainproductcategory ul,mainproductcategory li {margin:0px ; padding:0px ; list-style:none;}
	div.mainproductcategory ul {margin:10px 0px 10px 0px;}
	div.mainproductcategory ul li {float:left; width:14.6%; height:190px; margin:0px 1% 10px 1%; list-style-type:none;} /*6 columns*/
	div.mainproductcategory ul li a{ font-size:14px; color:#000; display:block; text-align:center; width:100%; line-height:1.1em;}
	div.mainproductcategoryimg{float:left; width:100%; height:135px; margin:0px 0px 10px 0px; background-repeat:no-repeat; background-size:100% auto; background-position:top left;}
	div.mainproductcategoryimg:hover{cursor:pointer;}
	
	/*Products Info Box*/
	div.mainproductlistinfobox{float:left; width:19%; margin:0px 1% 15px 0px; height:405px; border:1px solid #CCCCCC; background-color:#FFFFFF;} /*5 Columns*/
	div.mainproductlistinfoimg{float:left; position:relative; width:100%; height:195px; background-repeat:no-repeat; background-position:center center; background-size: cover; }
	div.mainproductlistinfoimg:hover{cursor:pointer;}
	div.mainproductlistinfopriceactual{float:left; width:100%; height:25px; font-size:21px; font-weight:bold; color:#ed4054; overflow:hidden;}
	div.mainproductlistinfopricestockmsg{float:left; width:100%; height:20px; font-size:10px;  overflow:hidden;}

	/*Products Info Box with desc*/
	div.mainproductlistinfoboxdesc{float:left; position:relative; width:100%; min-height:300px; margin:0px 0px 8px 0px; border:1px solid #CCCCCC; background-color:#FFFFFF;} /*5 Columns*/
	div.mainproductlistinfoimgdesc{float:left; position:absolute; width:300px; height:300px; background-repeat:no-repeat; background-position:center center; background-size: cover; }
	div.mainproductlistinfoimgdesc:hover{cursor:pointer;}
	div.mainproductlistinfotextboxdesc{float:right; width:calc(100% - 300px); padding:12px 20px 12px 20px;}
	div.mainproductlistinfotitledesc{float:left; width:100%; font-size:22px; font-weight:bold; margin:12px 0px 12px 0px;}
	div.mainproductlistinfocolorboxmsgdesc{float:left; font-size:14px; font-weight:bold; line-height:1.1em; background-color:#ed4054; color:#FFF;line-height:1.2em; padding:5px 15px 5px 15px; margin:0px 0px 15px 0px;}
	div.mainproductlistinfoshorttextdesc{float:left; width:100%;margin:0px 0px 20px 0px;}
	div.mainproductlistinfopriceactualdesc{float:left; width:100%; height:25px; font-size:24px; text-align:right; font-weight:bold; color:#ed4054;}
	div.mainproductlistinfopricestrikedesc{float:left; width:100%; height:20px; font-size:18px; text-align:right; font-style:italic; color:#333333; text-decoration: line-through;}
	div.mainproductlistinfoavailablestockmsgdesc{float:left; width:100%; font-size:10px; text-align:right; margin:8px 0px 8px 0px; line-height:1.1em;}
	div.mainproductlistinfopricestockmsgdesc{float:left; width:100%; height:20px; font-size:10px; text-align:right;}
	div.mainproductlistaddtocartboxdesc{float:right;position:relative;  width:40%; height:40px; margin:0px 0px 12px 0px;}

	/*Product info box for history and recommend*/
	div.mainproductlistinfohistorybox{ height:280px!important;}
	
	/*Product Detail*/
	div.mainproductdetailwrap{float:left; width:100%; background-color:#FFFFFF; padding:0px;}
	div.mainproductdetailimgbox{float:left; width:450px; min-height:450px;}
	div.mainproductdetailinfobox{float:right; width:520px; margin:30px 0px 0px 0px;}
	div.mainproductdetailcartbox{float:left; position:relative; width:80%;}

	div.mainproductdetailimg{float:left; width:100%; height:450px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-position:top center;}
	div.mainproductdetailimg:hover{cursor:pointer;}
	div.mainproductdetailthumbnail{float:left; width:100%; margin:10px 0px 10px 0px;}
	div.mainproductdetailthumbnail img{width:auto; height:60px; float:left; margin:0px 10px 10px 0px;}

	
	/*Order Cart Products Info*/
	div.maincartleftcol{float:left; width:62%;}
	div.maincartrightcol{float:right; width:35%; padding:25px; border-radius: 15px;}
	div.maincartaddproductbox{float:left; width:48%; height:160px; border:#CCC solid 1px; padding:10px ; margin:0px 2% 15px 0px; background-color:#FFF;}
	div.maincartaddproductimg{ float:left; width:30%; height:135px; background-repeat:no-repeat; background-position:center center; background-size: cover; }
	div.maincartaddproductimg:hover{cursor:pointer;}
	div.maincartaddproductinfo{float:left; width:40%; padding:0px 10px 0px 10px;}
	div.maincartaddproductquantity{float:right; width:30%;}
	div.maincartaddproducttotalprice{float:right; width:30%;}
	
	/*Payment Order Cart*/
	div.maincartorderleftcol{float:left; width:58%; margin:0px 0px 20px 0px;}
	div.maincartorderrightcol{float:right; width:40%; background-color:#f1f1f1; padding:25px; border-radius: 15px;}
	div.maincartaddproductinfosellingprice{float:left; width:100%;font-size:14px; color:#ed4054; font-weight:bold;}
	div.maincartaddproductinfocolorboxmsg{float:left; width:100%;font-size:11px; color:#ed4054;line-height: 1.2em;padding:4px 0px 0px 0px;}
	div.maincartaddproducttotalcost{float:left; width:100%; font-size:18px; font-weight:bold;text-align:right; margin:3px 0px 0px 0px; color:#ed4054;}
	div.maincartaddproductremovebtn{float:left; width:100%; text-align:right; font-size:10px; padding:10px 0px 0px 0px;}

	/*Horizontal scroll for product box (Top picks and history)*/
	div.mainhoriztonalscrollmask{float:left; width:100%; }
	div.mainhoriztonalscrollbox{float:left; width:100%;}


	/*mainshoppingcartnomobileonly store at page.css*/

}

/* ========================================================================== */
/* ========================================================================== */
	/*Tablet - Mobile. 360,375,414,768(666)*/
@media (min-width: 667px) and (max-width: 999px){
	/*Tablet. Width is 768px*/
	div.mainproductlistinfobox{float:left; width:24%; margin:0px 1% 15px 0px; height:370px; border:1px solid #CCCCCC; background-color:#FFFFFF;} /*4 columns*/
	div.mainproductlistinfoimg{float:left; position:relative; width:100%; height:170px; background-repeat:no-repeat; background-position:center center; background-size: cover; }

	/*Tablet Product Detail*/
	div.mainproductdetailwrap{float:left; width:100%; background-color:#FFFFFF; padding:0px;}
	div.mainproductdetailimgbox{float:left; width:50%; min-height:350px;}
	div.mainproductdetailinfobox{float:right; width:47%; margin:30px 0px 0px 0px;}
	div.mainproductdetailcartbox{float:left; position:relative; width:80%;}

	/*Tablet Products List*/
	div.mainproductcategory ul li {float:left; width:18%; height:180px; margin:0px 1% 15px 1%; list-style-type:none;} /*5 Columns*/
	div.mainproductcategory ul li a{font-size:14px; color:#000;display:block; text-align:center; width:100%; line-height:1.1em;}
	div.mainproductcategoryimg{float:left; width:100%; height:120px; margin:0px 0px 10px 0px; background-repeat:no-repeat; background-size:100% auto; background-position:center center;}
	div.mainproductcategoryimg:hover{cursor:pointer;}

	/*Tablet Horizontal scroll for product box (Top picks and history)*/
	div.mainhoriztonalscrollmask{float:left; width:100%; }
	div.mainhoriztonalscrollbox{float:left; width:100%;}
	
	/*Tablet Order Cart*/
	div.maincartleftcol{float:left; width:50%;}
	div.maincartrightcol{float:right;width:47%; padding:25px; }
	div.maincartaddproductbox{float:left; width:48%; height:208px; border:#CCC solid 1px; padding:10px; margin:0px 2% 15px 0px;background-color:#FFF;}
	div.maincartaddproductimg{float:left; width:30%; height:100px; background-repeat:no-repeat; background-position:center center; background-size: cover; }
	div.maincartaddproductimg:hover{cursor:pointer;}
	div.maincartaddproductinfo{float:right; width:67%; margin:0px 0px 5px 0px;}
	div.maincartaddproductquantity{float:right; width:62%;}
	div.maincartaddproducttotalprice{float:right; width:100%;}
	div.maincartaddproducttotalcost{float:right; width:50%; font-size:18px; font-weight:bold;text-align:right; margin:3px 0px 0px 0px; color:#ed4054;}
	div.maincartaddproductremovebtn{float:left; width:50%; text-align:left; font-size:10px; padding:3px 0px 0px 0px;}

}

@media (min-width: 414px) and (max-width: 666px){
	/*Mobile iphone XS  + Samsung Note 9. Width is 414.*/
	div.mainproductlistinfobox{float:left; width:32%; margin:0px 1% 15px 0px; height:330px; border:1px solid #CCCCCC; background-color:#FFFFFF;} /*3 columns*/
	div.mainproductlistinfoimg{float:left; position:relative; width:100%; height:130px; background-repeat:no-repeat; background-position:center center; background-size: cover; }
	div.mainproductlistinfoboxmaxwidth{width:162px !important; margin:0px 5px 15px 0px !important;} /*For recommend product and history slide only**/

	/*Mobile Products List*/
	div.mainproductcategory ul li {float:left; width:31%; height:160px; margin:0px 1% 15px 1%; list-style-type:none;} /*3 columns*/
	div.mainproductcategory ul li a{font-size:14px; color:#000;display:block; text-align:center; width:100%; line-height:1.1em;}
	div.mainproductcategoryimg{float:left; width:100%; height:110px; margin:0px 0px 10px 0px; background-repeat:no-repeat; background-size:100% auto; background-position:center center;}

}

@media (min-width: 375px) and (max-width: 413px){
	/*Mobile iphone 6/7/8/X/XS. Width is 375.*/
	div.mainproductlistinfobox{float:left; width:49%; margin:0px 1% 15px 0px; height:345px; border:1px solid #CCCCCC; background-color:#FFFFFF;} /*2 columns*/
	div.mainproductlistinfoimg{float:left; position:relative; width:100%; height:145px; background-repeat:no-repeat; background-position:center center; background-size: cover; }	
	div.mainproductlistinfoboxmaxwidth{width:162px !important; margin:0px 5px 15px 0px !important;} /*For recommend product and history slide only**/

	/*Mobile Products List*/
	div.mainproductcategory ul li {float:left; width:48%; height:195px; margin:0px 1% 15px 1%; list-style-type:none;} /*2 Columns*/
	div.mainproductcategory ul li a{font-size:14px; color:#000;display:block; text-align:center; width:100%; line-height:1.1em;}
	div.mainproductcategoryimg{float:left; width:100%; height:150px; margin:0px 0px 10px 0px; background-repeat:no-repeat; background-size:100% auto; background-position:center center;}

}

@media (min-width: 0px) and (max-width: 374px){
	/*Mobile Samsung S9/S9+. Width is 360*/
	div.mainproductlistinfobox{float:left; width:49%;margin:0px 1% 15px 0px; height:345px; border:1px solid #CCCCCC; background-color:#FFFFFF;}/*2 columns*/
	div.mainproductlistinfoimg{float:left; position:relative; width:100%; height:145px; background-repeat:no-repeat; background-position:center center; background-size: cover; }	
	div.mainproductlistinfoboxmaxwidth{width:162px !important; margin:0px 5px 15px 0px !important;} /*For recommend product and history slide only*/

	/*Mobile Products List*/
	div.mainproductcategory ul li {float:left; width:48%; height:195px; margin:0px 1% 15px 1%; list-style-type:none;} /*2 Columns*/
	div.mainproductcategory ul li a{font-size:14px; color:#000;display:block; text-align:center; width:100%; line-height:1.1em;}
	div.mainproductcategoryimg{float:left; width:100%; height:150px; margin:0px 0px 10px 0px; background-repeat:no-repeat; background-size:100% auto; background-position:center center;}

}

@media (min-width: 0px) and (max-width: 666px){
	/*Tablet to Mobile Range*/
	div.mainproductdetailwrap{float:left; width:100%; background-color:#FFFFFF; padding:0px;}
	div.mainproductdetailimgbox{float:left; width:100%;}
	div.mainproductdetailinfobox{float:left; width:100%;}
	div.mainproductdetailcartbox{float:left; position:relative; width:100%;}

	/*Tablet to Mobile Products List*/
	div.mainproductcategoryimg:hover{cursor:pointer;}

	/*Mobile Horizontal scroll for product box (Top picks and history)*/
	div.mainhoriztonalscrollmask{float:left; width:100%; height:360px; overflow-y:hidden; overflow-x:scroll;}
	div.mainhoriztonalscrollbox{float:left; min-width:100%;}
	div.mainhoriztonalscrollboxhistorymask{height:260px !important;}
	
	/*Tablet to Mobile Order Cart*/
	div.maincartleftcol{float:left; width:100%;}
	div.maincartrightcol{float:right;width:100%; padding:25px; }
	div.maincartaddproductbox{float:left; width:100%; border:#CCC solid 1px; padding:18px 10px 18px 10px ; margin:0px 2% 15px 0px;background-color:#FFF;}
	div.maincartaddproductimg{ float:left; width:30%; height:120px; background-repeat:no-repeat; background-position:center center; background-size: cover; }
	div.maincartaddproductimg:hover{cursor:pointer;}
	div.maincartaddproductinfo{float:right; width:68%; margin:0px 0px 5px 0px;}
	div.maincartaddproductquantity{float:right; width:68%;}
	div.maincartaddproducttotalprice{float:right; width:100%;}
	div.maincartaddproducttotalcost{float:right; width:50%; font-size:18px; font-weight:bold;text-align:right; margin:3px 0px 0px 0px; color:#ed4054;}
	div.maincartaddproductremovebtn{float:left; width:50%; text-align:left; font-size:10px; padding:3px 0px 0px 0px;}


}
/* ========================================================================== */
/* ========================================================================== */


/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){
	/*Mobile Product Banner*/
	div.mainproductlistbanner{float:left; width:100%; margin:5px 0px 15px 0px;}
	div.mainproductlistbanner img{ width:100%; height:auto;}

	div.mainproducttagline{float:left; width:100%; font-size:16px; font-weight:normal; margin:-10px 0px 15px 0px;}

	/*Mobile Products Info Box*/
	div.mainproductlistinfoimg:hover{cursor:pointer;}
	div.mainproductlistinfopriceactual{float:left; width:100%; font-size:18px; font-weight:bold; color:#ed4054;line-height:1.1em;}
	div.mainproductlistinfopricestockmsg{float:left; width:100%; font-size:10px; line-height:1.5em;}

	/*Products Info Box with desc*/
	div.mainproductlistinfoboxdesc{float:left; width:100%; min-height:300px; margin:0px 0px 8px 0px; border:1px solid #CCCCCC; background-color:#FFFFFF;} /*5 Columns*/
	div.mainproductlistinfoimgdesc{float:left; width:100%; height:300px; background-repeat:no-repeat; background-position:center center; background-size: contain; }
	div.mainproductlistinfoimgdesc:hover{cursor:pointer;}
	div.mainproductlistinfotextboxdesc{float:right; width:100%; padding:12px 20px 12px 20px;}
	div.mainproductlistinfotitledesc{float:left; width:100%; font-size:22px; font-weight:bold; margin:12px 0px 12px 0px;}
	div.mainproductlistinfocolorboxmsgdesc{float:left; font-size:14px; font-weight:bold; line-height:1.1em; background-color:#ed4054; color:#FFF;line-height:1.2em; padding:5px 15px 5px 15px; margin:0px 0px 15px 0px;}
	div.mainproductlistinfoshorttextdesc{float:left; width:100%;margin:0px 0px 20px 0px;}
	div.mainproductlistinfopriceactualdesc{float:left; width:100%; height:25px; font-size:24px; font-weight:bold; color:#ed4054; text-align:right;}
	div.mainproductlistinfopricestrikedesc{float:left; width:100%; height:20px; font-size:18px; font-style:italic; color:#333333; text-decoration: line-through;text-align:right;}
	div.mainproductlistinfoavailablestockmsgdesc{float:left; width:100%; font-size:10px; margin:8px 0px 8px 0px; line-height:1.1em;text-align:right;}
	div.mainproductlistinfopricestockmsgdesc{float:left; width:100%; height:20px; font-size:10px;text-align:right;}
	div.mainproductlistaddtocartboxdesc{float:right;position:relative;  width:100%; height:40px; margin:0px 0px 12px 0px;}


	/*Mobile Products List*/
	div.mainproductlistleftcol{float:left; width:100%;} /*show product info*/
	div.mainproductlistrightcol{float:left; width:100%; padding:15px; margin:15px 0px 15px 0px;} /* Show product cateogory and status*/
	
	div.mainproductcategory ul,mainproductcategory li {margin:0px ; padding:0px ; list-style:none;}
	div.mainproductcategory ul {margin:10px 0px 10px 0px;}
	div.mainproductcategoryimg:hover{cursor:pointer;}

	/*Mobile Product Detail*/
	div.mainproductdetailimg{float:left; width:100%; height:350px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-position:top center;}
	div.mainproductdetailimg:hover{cursor:pointer;}
	div.mainproductdetailthumbnail{float:left; width:100%; margin:10px 0px 10px 0px;}
	div.mainproductdetailthumbnail img{width:auto; height:60px; float:left; margin:0px 10px 10px 0px;}

	/*Mobile Product Info box - History*/
	div.mainproductlistinfohistorybox{ height:240px;}


	/*Mobile Payment Order Cart*/
	div.maincartorderleftcol{float:right; width:100%; }
	div.maincartorderrightcol{float:left; width:100%; background-color:#f1f1f1; padding:25px; border-radius: 15px; margin:20px 0px 20px 0px;}
	div.maincartaddproductinfosellingprice{float:left; padding:0px 5px 0px 0px; font-size:14px; color:#ed4054; font-weight:bold;}
	div.maincartaddproductinfocolorboxmsg{float:left; font-size:11px; color:#ed4054; line-height: 1.2em;padding:4px 0px 0px 0px;}

	/*mainshoppingcartnomobileonly store at page.css*/
}



/* ==========================================================================
   Share CSS
   ========================================================================== */
/*Common - Products Info Box*/
div.mainproductlistinfocolorboxmsg{position:absolute; bottom:-5px; left:0px; padding:4px 3px 4px 3px; font-size:11px; font-weight:bold; line-height:1.1em; color:#FFF; background-color:#ed4054; overflow:hidden; opacity:0.9;}
div.mainproductlistinfotextbox{float:left; padding:10px 8px 10px 8px;}
div.mainproductlistinfotitle{float:left; width:100%; height:62px; font-size:14px; overflow:hidden; margin:0px 0px 5px 0px;}
div.mainproductlistinfopricestrike{float:left; width:100%; height:20px; font-size:16px; font-style:italic; color:#333333; text-decoration: line-through; overflow:hidden;}
div.mainproductlistinfoavailablestockmsg{float:left; width:100%; height:20px; font-size:10px;  overflow:hidden; margin:5px 0px 0px 0px; line-height:1.1em;}
div.mainproductlistaddtocartbox{float:left; position:relative; width:100%; height:40px;}
div.mainproductlistcartplusbtn{float:left; width:20%;}
div.mainproductlistcartminusbtn{float:left; width:20%;}
div.mainproductlistcartplusbtn a{float:left; width:100%; font-size:14px; font-weight:bold; min-height:28px; padding:4px 3px 0px 3px; background-color:#009fD4; color:#FFF; text-align:center;border-radius: 5px; text-decoration:none;}
div.mainproductlistcartminusbtn a{float:left; width:100%; font-size:14px; font-weight:bold; min-height:28px; padding:3px 3px 0px 3px; background-color:#009fD4; color:#FFF; text-align:center;border-radius: 5px; text-decoration:none;}
div.mainproductlistcartorderamt{float:left; width:56%; margin:0px 2% 0px 2%;}
.mainproductlistcarttextfield{float:left; width:100%;min-height:20px;background-color:#FFFFFF;border:#CCCCCC solid 1px; font-size:14px;color:#000000; font-weight:bold; text-align:center; padding:5px; margin:0px;  box-sizing: border-box !important; -webkit-appearance: none; }
a.mainproductlistaddtocartbtncover{position:absolute; top:0px; left:0px; width:100%; height:30px; background-color:#009fD4; color:#FFF; font-size:14px; font-weight:bold; padding:4px 0px 0px 0px;text-align:center;border-radius: 5px;text-decoration:none;}
div.mainproductlistinforeturnmsg{float:left; width:100%; font-size:10px; text-align:center; color:#0c9ace; line-height:1.1em; margin:3px 0px 3px 0px;padding:3px;}

/*Common - Product Detail*/
div.mainproductdetailtitle{float:left; width:100%; font-size:24px; font-weight:bold; line-height:1.2em; margin:0px 0px 15px 0px;}
div.mainproductdetailinfopriceactual{float:left; width:100%; font-size:30px; font-weight:bold; color:#ed4054; line-height:1.2em;}
div.mainproductdetailinfopricestrike{float:left; width:100%; font-size:18px; font-style:italic; color:#333333; text-decoration: line-through;line-height:1.2em;}
div.mainproductdetailinfocolorboxmsg{float:left; font-size:16px; font-weight:bold; line-height:1.1em; background-color:#ed4054; color:#FFF;line-height:1.2em; padding:5px 15px 5px 15px; margin:5px 0px 5px 0px;}
div.mainproductdetailinfoavailable{float:left; width:100%; font-size:12px; margin:30px 0px 10px 0px;}
div.mainproductdetailminusbtn{float:left; width:20%;}
div.mainproductdetailplusbtn{float:left; width:20%;}
div.mainproductdetailplusbtn a{float:left; width:100%; font-size:25px; font-weight:bold; min-height:40px; padding:9px 3px 0px 3px; background-color:#009fD4; color:#FFF; text-align:center;border-radius: 5px;text-decoration:none;}
div.mainproductdetailminusbtn a{float:left; width:100%; font-size:25px; font-weight:bold; min-height:40px; padding:7px 3px 0px 3px; background-color:#009fD4; color:#FFF; text-align:center;border-radius: 5px;text-decoration:none;}
div.mainproductdetailorderamt{float:left; width:56%; margin:0px 2% 0px 2%;}
.mainproductdetailtextfield{float:left;width:100%;min-height:40px;background-color:#FFFFFF;border:#CCCCCC solid 1px; font-size:16px;color:#000000; font-weight:bold; text-align:center; padding:5px; margin:0px;  box-sizing: border-box !important; -webkit-appearance: none; }
a.mainproductdetailaddtocartbtncover{position:absolute; top:0px; left:0px; width:100%; height:42px; background-color:#009fD4; color:#FFF; font-size:16px; font-weight:bold; padding:12px 0px 0px 0px;text-align:center;border-radius: 5px;text-decoration:none;}
div.mainproductdetailreturnmsg{float:left; width:100%; font-size:12px; text-align:center; color:#0c9ace; line-height:1.1em; margin:3px 0px 3px 0px;padding:3px;}
div.mainproductdetaildesc{ float:left; width:100%; margin:20px 0px 0px 0px;}
div.mainproductdetailsocialtext{float:right; font-size:10px; padding:4px 5px 0px 0px;}

/*Common Order Cart Product Info*/
div.maincartaddproductinfotitle{float:left; width:100%; max-height:65px; overflow:hidden; font-size:14px; margin:0px 0px 5px 0px;}
div.maincartaddproductinfoavailablestock{float:left; width:100%;font-size:10px;}
div.maincartaddproductplusbtn{float:left; width:20%;}
div.maincartaddproductminusbtn{float:left; width:20%;}
div.maincartaddproductplusbtn a{float:left; width:100%; font-size:14px; font-weight:bold; min-height:28px; padding:4px 3px 0px 3px; background-color:#009fD4; color:#FFF; text-align:center;border-radius: 5px;text-decoration:none;}
div.maincartaddproductminusbtn a{float:left; width:100%; font-size:14px; font-weight:bold; min-height:28px; padding:3px 3px 0px 3px; background-color:#009fD4; color:#FFF; text-align:center;border-radius: 5px;text-decoration:none;}
div.maincartaddproductorderamt{float:left; width:56%; margin:0px 2% 0px 2%;}
.maincartaddproducttextfield{float:left;width:100%;min-height:20px;background-color:#FFFFFF;border:#CCCCCC solid 1px; font-size:14px;color:#000000; font-weight:bold; text-decoration:none;text-align:center; padding:5px; margin:0px; box-sizing: border-box !important; -webkit-appearance: none;}
div.maincartaddproductalertmsg{float:left; width:100%;height:20px;}
div.maincartaddproductmdbeforeoffmsg{float:left; width:100%; font-size:10px; text-align:right; font-weight:normal !important; color:#333333; line-height:0.8em;}
div.maincartaddproductmixbuydiscountmsg{float:left; width:100%; padding:0px 10px 0px 0px; font-size:12px; text-align:right; line-height:1.3em; }


/*Common Payment Order Cart*/
div.maincartpaymentqrcode{float:left; width:100%;}	
div.maincartpaymentqrcode p{float:left; width:100%; }
div.maincartpaymentqrcode img{float:left; width:250px; height:auto;}
div.maincartpaymentproductbox{float:left; width:100%; border:solid 1px #CCC; padding:15px; margin:0px 0px 10px 0px; background-color:#FFF;}
div.maincartpaymentproductname{float:left; width:80%; padding:0px 0px 0px 0px; font-size:12px;}
div.maincartpaymentproductname strong{font-size:14px;}
div.maincartpaymentproducttotalcost{float:left; width:20%;text-align:right; font-size:14px; font-weight:bold; color:#000000;}

/*Grandtotal price*/
.maincartproductprice{font-size:20px; font-weight:bold; color:#ed4054;}

/**/
div.maincartupsellmsg{float:left; width:100%; padding:10px; font-weight:bold; font-size:14px; text-align:center; background-color:#ed4054; color:#FFF;}
div.maincontinueshoppingwrap{float:left; width:100%;margin:25px 0px 35px 0px; text-align:center;}
a.maincontinueshopping{padding:8px 15px 8px 15px;  border:#009fD4 solid 1px; text-decoration:none;transition: all 0.2s ease-out;}
a.maincontinueshopping:hover{background:#009fD4; color:#FFF;border:#009fD4 solid 1px;text-decoration:none;transition: all 0.2s ease-out;}

div.mainproductcategory{float:left; width:100%;}