@charset "utf-8";

/* Modificaciones de version 2.0 */

.boxshopiconx { float: left; width: 25px; height: 25px; margin: 0 0 0 20px; padding: .3px 2%; border: 1px solid rgba(0,0,0,0); border-radius: 30px; cursor: pointer; background: #FFF url(/shop/icons/icon-tools-shopcart2.png) center no-repeat; background-size: 100%; }

.boxshopiconw { background-color: #FFFFFF; }

.boxshopicong { background-color: #41AD49; }

.headericonbox { width: 90px; margin-top: 30px; }
#kcartitemcartimg { width: 34px; height:auto; margin: 0; vertical-align:middle; }
#kcartitems { float:left; width:auto; height:auto; margin: 2px 0 0 5px; padding: 0; font-family: Arial; font-size: 14px; font-weight: normal; color: #FFF; }


/* --------------------------------------------------------------------------------------------------- Seccion Shop Base */

#shopcanvas { position:fixed; box-sizing: border-box; z-index:98; width:100%; height:100%; padding:50px 0 1em; background-color: rgba(150,150,150,.9); overflow: hidden; visibility:hidden; opacity:0; -webkit-transition: opacity .5s, visibility 1s; transition: opacity .5s, visibility 1s; }
#shopscenario { box-sizing: border-box; width:98%; max-width:1024px; height: 96%; padding:0 0 1em; margin: 1em auto 0; background-color: #FFF; overflow-y: scroll; overflow-x: hidden; }

#shopscenariohead { box-sizing: border-box; width:100%; height: auto; padding:1% 1%; margin: 0 auto 2em; background-color: #006666; }


#shopheadbase { position:fixed; box-sizing: border-box; z-index:99; width:100%; height:50px; /*max-height:0px;*/ padding:3px 0; background-color: #993333; overflow:hidden; -webkit-transition: max-height 1s; transition: max-height 1s; }
#shopheadbox { width:100%; box-sizing: border-box; max-width:1024px; height:100%; margin:1px auto 3em; overflow:hidden; }

.imgicon01 { width:80%; height:auto; margin:10%; }

.imgicontop { width:90%; height:auto; margin:5%; }
.imgicontopon { width: 34px; height:auto; margin: 0 .3em; vertical-align:middle; }

.imgicon98 { width:98%; height:auto; margin:1%; }
.imgdeact { opacity: .5 !important; }
.boxdeact { background-color: transparent !important; cursor: initial !important; }

.boxicontop { float: right; width: 36px; height: 36px; margin: 2px; margin-left:.8em; background-color: rgba(200,200,200,.5); border: 1px solid rgba(0,0,0,0); border-radius: 25px; cursor:pointer; }
.boxicontop1 {float: right; width: 36px; height: 36px; margin: 2px; margin-right:.8em; background-color: rgba(200,200,200,.5); border: 1px solid rgba(0,0,0,0); border-radius: 25px; cursor:pointer; }
.boxicontopleftmain {float: left; width: 40px; height: 40px; margin: 0px; margin-right:.4em; }

.boxbase01 { width:90%; max-width:500px; height:auto; margin:1px auto 3em; padding:2%; border: #333333; background-color:#333333; box-shadow: 1px 1px 10px 0px; }
.boxbase02 { width:90%; max-width: none; height:auto; margin:1px auto 3em; padding:2%; border: #333333; background-color:#333333; box-shadow: 1px 1px 10px 0px; }

.boxbaseelement00 { width:98%; height:50px; margin: 1%; padding:0; border: none; border-radius:5px 5px 5px 5px; box-shadow: 0 0 0px 1px rgba(0,0,0,.2); background-color:#FFF; }
.boxbaseelement01 { width:98%; height:50px; margin: 1%; padding:0; border: none; border-radius:5px 25px 25px 5px; box-shadow: 0 0 0px 1px rgba(0,0,0,.2); background-color:#FFF; }
.boxbaseelement50 { float:left; width:48%; height:50px; margin: 1%; padding:0; border: none; border-radius:5px 5px 5px 5px; box-shadow: 0 0 0px 1px rgba(0,0,0,.2); background-color:#FFF; }


.boxiconleft01 { float: left; width: 48px; height: 48px; margin: 0px; background-color: #000000; border: 1px solid #000000; border-radius: 5px 0 0 5px; }
.boxiconleft02 { float: left; width: 48px; height: 48px; margin: 0; background-color: #003366; border: 1px solid #000066; border-radius: 0; cursor: pointer; }

.boxdata0X { float: none; width: calc(100% - 10px); margin-left:5px; margin-right:5px; }
.boxdata00 { float: left; width: calc(100% - 55px); }
.boxdata01 { float: left; width: calc(100% - 100px); }
.boxdata02 { float: left; width: calc(100% - 160px); }

.nptdata01 { width:96%; height:48px; margin:0; padding:0 2%; border: none; background-color:#FFFFFF; text-align:center; font-family:Arial; color: #333333; font-weight:bold; font-size:1em; }
.nptdata02 { width:96%; height:48px; margin:0; padding:0 2%; border: none; background-color:#FFFFFF; text-align:center; }

.boxiconright01 { float: right; width: 44px; height: 44px; margin: 2px; margin-right:3px; background-color: #CCCCCC; border: 1px solid rgba(63,63,63,.8); border-radius: 25px; /*box-shadow: 0 0 3px 0px;*/ }
.boxiconright01:hover { background-color: #009900; border: 1px solid rgba(0,42,0,.8); cursor:pointer; }

#boxtextdsp { width: calc(98% - 6px); height: auto; max-height: 0; margin: 1%; padding: 0; border: #333333 solid 3px; border-radius:5px; background-color:#FFFFFF; overflow:hidden; -webkit-transition: max-height 1s; transition: max-height 1s linear .5s; }
/*#boxtextdsp:hover { max-height: 700px; }*/

.txtarialgreybld1em { font-family:Arial; color: #333333; font-weight:bold; font-size:1em; }
.txtarialwhitebld1em { font-family:Arial; color: #FFFFFF; font-weight:bold; font-size:1em; }
.txtpadd3perc { padding:1% 3%; }


.boxicontop11 { float: right; width: 36px; height: 36px; margin: 2px; margin-right:.8em; background-color: rgba(200,200,200,.5); border: 1px solid rgba(0,0,0,0); border-radius: 25px; cursor:pointer; }

.boxicontop111 { float: right; width: 36px; height: 36px; margin: 2px; margin-right:.8em; background-color: rgba(200,200,200,.5); border: 1px solid rgba(0,0,0,0); border-radius: 25px; cursor:pointer; }

.boxicontop111on { float: right; width: auto; height: auto; margin: 2px; margin-right: 2px; margin-right: .8em; border: 1px solid rgba(0,0,0,0); border-radius: 25px; background-color: #009933; display: inline-block; font-family: Arial; font-size: .8em; font-weight: bold; color: #FFF; text-align: center; cursor: pointer; white-space: nowrap; padding: .3px 2%; }

/* --------------------------------------------------------------------------------------------------- Seccion Familia Comercial - Listado Productos MYS */
.ShopBoxTopTitle { width:93%; height: auto; padding: 2% 0; margin:1em 0 1em 3%; background-color: #660000; color:#FFFFFF; font-family:Arial; font-size:1.1em; font-weight:bold; text-align:center; }
.ShopBoxTopTitleleft { float:left; width:10%; height: auto; padding: 2% 0; margin:1em 0 1em 3%; background-color: #660000; color:#FFFFFF; font-family:Arial; font-size:1.1em; font-weight: normal; text-align:center; cursor:pointer; }
.ShopTxtOptBack { font-size:.9em; cursor:pointer; }
.ShopBoxTopTitleright { float:left; width:73%; height: auto; padding: 2% 10% 2% 0; margin:1em 0 1em; background-color: #660000; color:#FFFFFF; font-family:Arial; font-size:1.1em; font-weight:bold; text-align:center; }

.ShopBoxMainCont { width: 100%; height: auto; display: block; background-color: #EEEEEE; padding: 2% 2%; margin:30px 0; }

.ShopBoxFCOptleft { float:left; box-sizing: border-box; width:21%; height: auto; margin:.5em 0 1em 3%; padding:0; padding-bottom:15%; background-repeat:no-repeat; background-position:center; background-size: cover; }
.ShopTxtFCOpt { width:94%; height:50px; padding:5% 3%; bottom:0; background-color: rgba(0,0,0,.7); font-family:Arial; font-size:.8em; color:#FFF; font-weight:bold; text-align:center; }


.ShopBoxSearchFormCaract { float: left; box-sizing: border-box; width: 24%; height: auto; margin-right: 1%; padding: .3em 1% 0 0; }
.ShopTxtSearchFormCaract { box-sizing: border-box; width:100%; height: auto; font-family: Arial; font-size: 1.3em; font-weight: bold; color: #000; margin: 0; padding: 0.8em 0; }
.ShopSltSearchFormCaract { box-sizing: border-box; width:100%; height: auto; padding: .3em 1%; }
.ShopOptSearchFormCaract { width:96%; height: auto; padding: 2% 2%; }
.ShopBoxListProdsMYS { width: 93%; height: auto; display: block; background-color: #FFF; padding: 0; margin:0 0 0 3%; }
.ShopUlxListProdsMYS { list-style-type: none; list-style-position:inside; margin:0; padding:0; font-family: Arial; font-size:1em; font-weight: normal; color:#333333; }
.ShopLixListProdsMYS { border-top:#CCCCCC 1px solid; }


/* --------------------------------------------------------------------------------------------------- Seccion Productos MYS */
.ShopBoxProdMYSleft { float: left; width: 100%; height: auto; max-width: 320px; height: auto; margin: 0; }
.ShopImgProdMYS { width: 100%; height: auto; max-width: 320px; background-color: black; }
.ShopBoxProdMYSright { float: right; box-sizing: border-box; width: 100%; max-width: 550px; height: auto; padding: .3em 2% .3em 0; }


.ShopTxtProdMYSReference { font-family: Arial; font-size: .8em; font-weight: normal; color: #666666; margin-top: 8px; padding: 0px 0px; }


.ShopTxtProdMYSTitle {box-sizing: border-box; width:100%; height: auto; font-family: Arial; font-size: 1.0em; font-weight: normal; color: #111; margin: 1em 0; padding: 1px; }
.ShopTxtProdMYSContent {  width:100%; font-family: Arial; font-size: 1.0em; font-weight: bold; color: #000; margin: 1em 0; padding: 1px; }

.ShopTxtProdMYSbottomline { width:100%; height:auto; margin:1em 0; padding:0; border-bottom:#666666 1px solid; color:#666666; font-family:Arial; font-size:1em; font-weight:normal; }



/* article box styles */
.artdivboxclass { width:97%; padding:1%; margin:1% 1% 3% 0; background-color: #003333; border:2px solid #003333; color:#FFFFFF; font-family:Arial; font-size:16px; font-weight: bold; border-radius: 3px; text-align:center; }
.artnptimgclass { width:25px; height:auto; background-color: rgba(200,50,100,.8); border-radius: 15px; padding:3px; margin:0 1em; vertical-align: middle; }
.artnpttxtclass { width:10%; text-align:right; background-color: rgba(0,0,0,0); border: none; color: #FFF; font-size:16px; font-weight:bold; display:inline-block; }
.artspntxtclass { background-color: rgba(0,0,0,0); margin: 0 3px 0 0; padding: 3px 0 3px; }
.artspnsymclass { margin: 0 .5px; color: #FFF; padding: 3px 0 1px 3px; }


/* cart items styles */
.kcartboxhead { width: 100%; box-sizing: border-box; padding: 1% 2%; margin: 0; margin-top: -2em; background-color: rgba(0,0,0,.2); }
.kcartboxtitle01 { float:left; width: 30%; box-sizing: border-box; padding:2%; color:#000; font-family:Arial; font-size:.8em; font-weight:normal; text-align:left; }
.kcartboxtitle02 { float:left; width: 20%; box-sizing: border-box; padding:2%; color:#000; font-family:Arial; font-size:.8em; font-weight:normal; text-align:left; }
.kcartboxtitle03 { float:left; width: 20%; box-sizing: border-box; padding:2%; color:#000; font-family:Arial; font-size:.8em; font-weight:normal; text-align:left; }
.kcartboxtitle04 { float:left; width: 15%; box-sizing: border-box; padding:2%; color:#000; font-family:Arial; font-size:.8em; font-weight:normal; text-align:left; }
.kcartboxtitle05 { float:left; width: 15%; box-sizing: border-box; padding:2%; color:#000; font-family:Arial; font-size:.8em; font-weight:normal; text-align:left; }
#kcartitemsbox { width: 100%; box-sizing: border-box; padding: 0; margin: 0; }
.kartitemcontbox { float: none; box-sizing: border-box; width:100%; height:auto; padding: 2% 1%; margin: 2% 0; border-bottom: #CCCCCC solid 1px; }
.kcartboxitemstitles { float: none; box-sizing: border-box; width: 100%; height: auto; padding: 1%; margin: 0; border-bottom: #CCCCCC solid 1px; }
.kartitemcodetit { float:left; width:10%; height:auto; margin:0; padding:0; color:#000; font-family:Arial; font-size:70%; font-weight: normal; text-align: left; }
.kartitemnametit { float:left; width:60%; height:auto; margin:0; padding:0; color:#000; font-family:Arial; font-size:70%; font-weight: normal; text-align: left; }
.kartitemqntytit { float:left; width:20%; height:auto; margin:0; padding:0; color:#000; font-family:Arial; font-size:70%; font-weight: normal; text-align: left; }
.kartitemsubttit { float:left; width:10%; height:auto; margin:0; padding:0; color:#000; font-family:Arial; font-size:70%; font-weight: normal; text-align: right; }

/* Items Cart */
.kartitemdeleimg { float: left; width: 20px; height: auto; padding: 0; margin: 0; background-color: rgba(200,50,100,.8); border-radius: 25px; cursor: pointer; }
.kartitemcodetxt { float: left; width: calc( 18% - 60px ); height: auto; margin: 0; padding: 0 1% 0; color: #000; font-family: Arial; font-size: 90%; font-weight: normal; text-align: left; }
.kartitemnametxt { float: left; width: calc( 63% - 60px ); height: auto; margin: 0 1% 0 0; padding: 0; color: #000; font-family: Arial; font-size: 90%; font-weight: bold; text-align: justify; cursor: pointer; }
.kartitemsumaimg { float: left; width: 20px; height: auto; padding: 0; margin: 0; background-color: rgba(200,50,100,.8); border-radius: 25px; cursor: pointer; }
.kartitemqntytxt { float: left; width: calc( 16% - 60px ); height: auto; margin: 0; padding: 0; color: #000; font-family: Arial; font-size: 90%; font-weight: bold; text-align: center; }
.kartitemrestaimg { float: left; width: 20px; height: auto; padding: 0; margin: 0; background-color: rgba(200,50,100,.8); border-radius: 25px; cursor: pointer; }
.kartitemsubttxt { float: right; width: calc( 17% - 60px ); height: auto; margin: 0; padding: 0; color: #000; font-family: Arial; font-size: 90%; font-weight: bold; text-align: right; }


/* cart items styles - bottom advise */
.advisebottombox { width:93%; padding:2% 0; margin:2% 3% 2%; }
.advisebottomtxt { width:100%; padding:0 0; margin:1% 0; font-family:Arial; font-size:10px; font-weight:normal; color:#333333; text-align:justify; }


/* alertbox styles */
.alertboxresttxt { font-family:Arial; font-weight: normal; font-size: .8em; color: #CCC; text-align: center; margin: 0; padding: 0; }
.alertboxtexttxt { font-family:Arial; font-weight: normal; font-size:1em; color:#FFFFFF; text-align:justify; }
.alertboxclosebtn { float: none; width: auto; height:auto; padding:1% .5em; margin:5% auto 1%; background-color:#FFFFFF; border:1px #CCC solid; font-family:Arial; font-weight: normal; font-size:.9em; color:#000; text-align: center; cursor:pointer; }

/* ajaxwork box styled */
#ajaxwork { display:none; z-index:-1; width:100%; height:0; }

/* BOX advisecnv styles */
#advisecnv { position: fixed; display: none; z-index:200; width:100%; height:100%; background-color: rgba(0,0,0,.7); }
#advisebox { box-sizing: border-box; width: 96%; max-width: 300px; height:auto; max-height: 80%; padding:2em; margin: 5em auto 0; overflow-y: auto; background-color: rgba(153,50,50,.9); border: rgba(0,0,0,0) solid 1px; border-radius: 5px; box-shadow: 0 0 0px 1px rgba(0,0,0,.2); }



/* BOX user cart box, titles and content */
.usercartblockbox { box-sizing: border-box; width:96%; height:auto; padding:.5em 1%; margin:.5em auto; border:#CCCCCC 1px solid; }
.usercarttitlebox { width:98%; height:auto; padding:.5em 1%; background-color:#333333; color:#FFFFFF; font-family:Arial; font-size:90%; font-weight:bolder; }
.usercartorderbox { display:inline-block; width:30%; text-align:left; }
.usercartdatebox { display:inline-block; width:20%; text-align:left; }
.usercartitemsbox { display:inline-block; width:15%; text-align:left; }
.usercarttotalbox { display:inline-block; width:20%; text-align:left; }
.usercartprintimg { float:right; width: 20px; height: auto; margin:0 1%; border:none;vertical-align: middle; }
.usercartitemblockbox { box-sizing: border-box; width:100%; height:auto; padding:.2em 0; margin:.2em auto; }
.usercartitemdatabox { width:100%; height:auto; padding:.3em 0; background-color:#FFFFFF; color:#333333; font-family:Arial; }
.usercartitemrefbox { display:inline-block; width:12%; text-align:left; font-size:70%; font-weight: normal; }
.usercartitemnamebox { display:inline-block; width:57%; text-align:left; font-size:75%; font-weight: bolder; }
.usercartitemqntybox { display:inline-block; width:19%; text-align:left; font-size:70%; font-weight: normal; }
.usercartitemtotalbox { display:inline-block; width:8%; text-align:right; font-size:75%; font-weight: bolder; }
.usercartitemviewimg { float:right; width: 20px; padding: 0; height: auto; background-color: rgba(200,50,100,.8); border-radius: 25px; cursor: pointer; vertical-align: middle; }

/* BOX cart CHECKOUT box, titles and content */
.checkoutblockbox { box-sizing: border-box; width:100%; height:auto; padding:2%; margin:0; color:#000000; font-family:Arial; font-size:80%; font-weight: normal; }
.checkouttitlebox { box-sizing: border-box; width:100%; height:auto; margin:1% 1% 1% 0; padding: 1% 1%; background-color:#000000; color:#FFFFFF; font-family:Arial; font-size:1.2em; font-weight:bold; }
.checkouttitlelogoimg { float:left; width:120px; height: auto; vertical-align:middle; }
.checkouttitledatetxt { float:right; width: calc( 50% - 120px ); text-align: right; margin:5px 0 0; padding:0; }
.checkouttitlecartidtxt { float:right; width: calc( 50% - 120px ); text-align: right; margin:5px 0 0; padding:0; }
.checkoutitemsblockbox { box-sizing: border-box; width:100%; height:auto; margin: 0; padding: 0; text-align:left; border-bottom:#000 2px solid; }
/* ----------------------------------------- */
.checkoutitembox { box-sizing: border-box; width:100%; height:auto; margin:1% 0; padding: 0; text-align:left; }
.checkoutnumbox { box-sizing: border-box; float: left; width: 7%; margin:3px 0; padding: .3em 1%; }
.checkoutnamebox { box-sizing: border-box; float: left; width: 56%; margin:3px 0; padding: .3em 1%; font-weight:bold; }
.checkoutmysidbox { box-sizing: border-box; float: left; width: 16%; margin:3px 0; padding: .3em 1%; font-weight:normal; }
.checkoutqntybox { box-sizing: border-box; float: left; width: 9%; margin:3px 0; padding: .3em 1%; font-weight:normal; }
.checkouttotalbox { box-sizing: border-box; float: right; width: 12%; margin:3px 0; padding: .3em 1%; font-weight:bold; text-align: right; }
/* ----------------------------------------- */
.checkouttotalblockbox { box-sizing: border-box; width:100%; height:auto; margin:1% 0; padding: 0; text-align:left; }
.checkouttotaltexttxt { box-sizing: border-box; float: left; width: 80%; margin:3px 0; padding:0 0 0 45%; font-weight:normal; text-align: left; }
.checkouttotalvaluetxt { box-sizing: border-box; float: right; width: 20%; margin:3px 0; padding:0; font-weight:bold; text-align:right; }
/* ----------------------------------------- */
.checkoutdataheaderbox { box-sizing: border-box; width:100%; height:auto; padding:1%; margin:2% 0; background-color:#666666; color:#FFFFFF; font-family:Arial; font-size: 1em; font-weight:bold; text-align:center; }
/* ----------------------------------------- */
.checkoutdata025box { box-sizing: border-box; float: left; width: 25%; margin:3px 0; padding:0; }
.checkoutdata050box { box-sizing: border-box; float: left; width: 50%; margin:3px 0; padding:0; }
.checkoutdata075box { box-sizing: border-box; float: left; width: 75%; margin:3px 0; padding:0; }
.checkoutdata100box { box-sizing: border-box; float: left; width: 100%; margin:3px 0; padding:0; }
/* ----------------------------------------- */
.checkoutsendblockbox { box-sizing: border-box; width:100%; height:auto; padding:1%; margin:2% 0; background-color: #CCC; color:#000; font-family:Arial; }
.checkoutsendcheckbox { float:left; box-sizing: border-box; width: 40px; height:auto; padding:1%; }
.checkoutsendtextbox { float:left; box-sizing: border-box; width: calc( 80% - 40px); height:auto; padding:1%; }
.checkoutsendbuttonbox { float:right; box-sizing: border-box; width: calc( 20% - 40px); height:auto; padding:1%; background-color: #666666; color:#FFFFFF; font-weight:bold; text-align:center; margin:1%; border-radius: 5px; cursor: default; }

#printbutton { float: none; box-sizing: border-box; width: 100%; max-width:320px; height:auto; padding:1%; background-color: #0099CC; color:#FFFFFF; font-weight:bold; text-align:center; margin:1% auto; border-radius: 5px; }


.notestexttxt { box-sizing: border-box; width:100%; height:auto; padding:1% 0; margin:1% 0; color:#666666; font-family:Arial; font-size: .8em; font-weight: normal; text-align: justify; }

@media only screen and (max-width: 1060px)
	{ 

	.headericonbox { width: auto; margin-top: 0; }
	#kcartitemcartimg {  }
	#kcartitems { display: none }


	/* Items de Cart */
	.kartitemdeleimg { width: 30px; margin: 2% 1em 0 0; vertical-align: top; }
	.kartitemcodetxt { width: 70%; margin: 2% 0 0; padding:1.5%; font-size: 100%; }
	.kartitemcodetxt::before { content: "Ref:"; color:#666666; font-size:80%; padding:1% 5% 1% 0; margin:0; }
	.kartitemnametxt { width: 100%; margin: 1em 0; font-size: 100%; }
	.kartitemsumaimg { width: 30px; margin: 2% 2% 0 0; vertical-align: top; }
	.kartitemqntytxt { width: calc( 40% - 64px); max-width:200px; margin:2% 2% 0 0; padding:1% 0; font-size:110%; text-align:center; }
	.kartitemrestaimg { width:30px; margin: 2% 2% 0 0; vertical-align: top; }
	.kartitemsubttxt { width: calc( 55% - 64px); max-width:200px; margin: 2% 0 0; padding:1% 0; font-size: 110%; }

	}

@media only screen and (max-width: 950px)
	{ 

	.ShopBoxMainCont { width: 100%; height: auto; display: block; background-color: #EEEEEE; padding: 2% 2%; margin:30px 0; }

	.ShopTxtSearchFormCaract { font-size: 1.8vh; }
	/* -------------------------------------------------------------------- Seccion Familia Comercial - Listado Productos MYS */
	.ShopBoxTopTitle { font-size:1.0em; font-weight: bold; line-height: normal; }
	.ShopBoxTopTitleleft { font-size:1.0em; font-weight: bold; line-height: normal; }
	.ShopBoxTopTitleright { font-size:1.0em; font-weight: bold; line-height: normal; }

	.ShopBoxFCOptleft { width:29%; padding-bottom:30% }
	.ShopTxtFCOpt { font-size:.8em; font-weight:bold; height:auto; }

	}

@media only screen and (max-width: 750px)
	{ 
	.ShopBoxFCOptleft { width:45%; }
	.ShopTxtFCOpt { font-size:.8em; font-weight:bold; }

	}

@media only screen and (max-width: 500px)
	{ 
	/* ------------------------------------------------------------------- Seccion Familia Comercial - Listado Productos MYS */
	.ShopBoxTopTitle { font-size:.9em; font-weight: normal; line-height:1.8em; }
	.ShopBoxTopTitleleft { font-size:.8em; font-weight: normal; line-height:1.8em; }
	.ShopBoxTopTitleright { font-size:.9em; font-weight: normal; line-height:1.8em; }

	#advisebox {  }

	.ShopBoxSearchFormCaract { float: none; width: 98%; margin: 0 2% 0 1%; padding: 1% 2% 1% 0; }
	.ShopTxtSearchFormCaract { font-size: 1.2em; padding: 1em 0; }
	.ShopTxtProdMYSReference { font-family: Arial; font-size: .8em; font-weight: normal; color: #666666; margin-top: 8px; padding: 0px 0px; }

	.boxicontop { margin-left:.5em; }
	.boxicontop1 { margin-right:.5em; }
	.boxicontopleftmain { margin-right:.3em; }

	/* BOX user cart box, titles and content */
	.usercartblockbox {  }
	.usercarttitlebox {  }
	.usercartorderbox { width:98%; text-align:left; font-weight:normal; margin:0 1%; }
	.usercartdatebox { width:40%; text-align:left; font-size: 80%; font-weight:normal; margin-left:1%; }
	.usercartitemsbox { width:20%; text-align:left; font-size: 80%; font-weight:normal; }
	.usercarttotalbox { width:30%; text-align:left; font-size: 80%; font-weight:normal; }
	.usercartprintimg {  }
	/* ----------------------------------------- */
	.usercartitemblockbox {  }
	.usercartitemdatabox {  }
	.usercartitemrefbox { width:98%; margin:1%; }
	.usercartitemnamebox { width:98%; margin:1%; }
	.usercartitemqntybox { width:45%; margin-left:1%; }
	.usercartitemtotalbox { width:45%; }
	.usercartitemviewimg {  }


	/* BOX cart CHECKOUT box, titles and content */
	.checkoutblockbox { font-size:75%; }
	.checkouttitlebox {  }
	.checkouttitlelogoimg { float: none; width:120px; text-align:center; margin:5px 0 0 5px; }
	.checkouttitledatetxt { float: none; width: 100%; text-align: left; margin:5px 0 0; padding:1%; }
	.checkouttitlecartidtxt { float: none; width: 100%; text-align: left; margin:5px 0 0; padding:1%; }
	/* ----------------------------------------- */
	.checkoutitemsblockbox {  }
	.checkoutitembox {  }
	.checkoutnumbox { width: 10%; margin:3px 0; padding:0 1%; }
	.checkoutnamebox { width: 90%; margin:3px 0; padding:0 1%; font-weight:bold; }
	.checkoutmysidbox { width: 40%; margin:3px 0; padding:0 1%; font-weight:normal; }
	.checkoutqntybox { width: 25%; margin:3px 0; padding:0 1%; font-weight:normal; }
	.checkouttotalbox { width: 35%; margin:3px 0; padding:0; font-weight:bold; text-align: right; }
	/* ----------------------------------------- */
	.checkouttotalblockbox {  }
	.checkouttotaltexttxt { padding: 0; }
	.checkouttotalvaluetxt {  }
	/* ----------------------------------------- */
	.checkoutdataheaderbox {  }
	/* ----------------------------------------- */
	.checkoutdata025box { width: 100%; margin:3px 0; padding:0; }
	.checkoutdata050box { width: 100%; margin:3px 0; padding:0; }
	.checkoutdata075box { width: 100%; margin:3px 0; padding:0; }
	.checkoutdata100box { width: 100%; margin:3px 0; padding:0; }
	/* ----------------------------------------- */
	.checkoutsendblockbox {  }
	.checkoutsendcheckbox { width: 40px; height:auto; padding:1%; }
	.checkoutsendtextbox { width: calc( 100% - 40px); height: auto; padding: 1%; text-align: justify; }
	.checkoutsendbuttonbox { width: 98%; height: auto; padding: 1em 1%; margin: 1%; }

	#printbutton { padding:1em 1em; }

	.notestexttxt { box-sizing: border-box; width:100%; height:auto; padding:1% 0; margin:1% 0; color:#666666; font-family:Arial; font-size: .8em; font-weight: normal; text-align: justify; }

	.ShopBoxFCOptleft { float: none; width:93%; height: auto; margin:3% 3%; padding-bottom:50% }
	.ShopTxtFCOpt { font-size:.8em; font-weight:bold; height:auto; }

	}