/*
*
*
*
*
*
Load system css
*/
@font-face {
	font-family: 'modules';
	src: url('/WEB/fonts/modules.woff2') format('woff2'),
	     url('/WEB/fonts/modules.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*
Label and inputfield markup
*/
label
{
	position: relative;
	display: inline-block;
}

.LABEL_CONT
{
	position: relative;
	display: inline-block;

	margin: 0 0 6px 0;
	line-height: normal;
	vertical-align: top;
}

label.INSET_LABEL
{
	position: absolute;
	display: inline-block;
	z-index: 1;
	font-size: 10pt;
	top:0;
	left:5px;
	margin: 4px 0 0 0;
	color:rgb(100,100,100);
	white-space: nowrap;
}

input[type='text'],
input[type='password'],
select,
textarea
{
	background-color: white;
	border:#cecece solid 1px;

	margin: 0;

	padding:10px 4px 7px 4px;
	box-sizing:border-box;

	height:auto !important;

	border-radius: 2px;
	-webkit-appearance:none;
	appearance:none;
	font-size:11pt;
}

/*select
{
	margin: 0;
	-webkit-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) 50%,
    calc(100% - 15px) 50%,
    calc(100% - 35px) 50%;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
	padding-right: 35px;
}*/

input[data-validate='1'],
select[data-validate='1']
{
	padding-right:35px !important;
}

select[data-validate='1']
{
	background-position:
		calc(100% - 35px) 50%,
		calc(100% - 30px) 50%,
		calc(100% - 50px) 50%;
}

.INSET_INPUT
{
	padding-top:23px !important;

}



/*
Cart and shoppingsteps
*/
.cartShow
{
	line-height: 1.8em
}

.cartShow,
.cartHeader,
.cartItem,
.cartFooter,
.cartComment,
.cartButtons
{
	position: relative;
	display: inline-block;
	width: 100%;
	clear:both;
}

.CART_ADDRESS_A,
.CART_ADDRESS_B
{
	position:relative;
	display:inline-block;
	float:left;
	width:50%;
}

.CART_PAYMENT,
.CART_SHIPMENT
{
	width:100%;
  margin: 0 0 50px 0;
}

.SHOPPINGSTEP_CUSTOMERDATA_LOGIN,
.SHOPPINGSTEP_CUSTOMERDATA
{
	position:relative;
	display:inline-block;

	width:100%;
}

.SHOPPINGSTEP_CUSTOMERDATA_BUTTON {padding: 15px; background: #1c87eb; border: 0; border-radius: 5px; color: #fff; font-weight: 600; cursor: pointer; font-size: 15px; margin-top: 10px;}
#BUTTON_1_B, #BUTTON_2_A, #BUTTON_4_A, #BUTTON_3, #BUTTON_5 {padding: 15px; background: #96c60f; border: 0; border-radius: 5px; color: #fff; font-weight: 600; cursor: pointer; font-size: 15px; margin-top: 20px;}
#BUTTON_1_A {cursor: pointer;}

.SHOPPINGSTEP_CUSTOMERDATA_LOGIN
{
	margin:50px 0 0 0;
}

#SHOPPINGSTEP_1 h2,
#SHOPPINGSTEP_2 h2,
#SHOPPINGSTEP_3 h2,
.SHOPSTEP_TTL,
.accountFormContainer h2,
.WM_MESSAGE h1,
.accountHomeContainer h5
{
	all:unset;
	position: relative;
	display: inline-block;
	font-weight:normal;
	font-size:17pt;
	font-weight: 600;
	margin:0 0 10px 0;
}

.cartHeader > div
{
	font-size:15pt;
	font-weight: 600;
	margin-top: 40px;
}

.SHOPPINGSTEPS
{
	position: relative;
	display: flex;
}

#SHOPPINGSTEP_1,
#SHOPPINGSTEP_2,
#SHOPPINGSTEP_3
{
	position:relative;
	display:table-cell;
	float:left;

	width:50%;
	min-height:140px;

	padding:35px 40px 1% 40px;
  margin: 0 0 0 0;
	box-sizing: border-box;

	background:#F2F2F2;
	border-bottom:#cecece solid 0px;

	font-size:0.9em;
	line-height: normal;
}

#SHOPPINGSTEP_1
{
	clear:both !important;
	width: 100%;
}

#SHOPPINGSTEP_2
{
	background:WHITE;
	border-bottom:#e2d6c0 solid 0px;
}

#SHOPPINGSTEP_3
{
	width:100%;
	min-height:100px;

	background:#F2F2F2;
	border-bottom:#e2d6c0 solid 0px;
}

div#SHOPPINGSTEP_1:before,
div#SHOPPINGSTEP_2:before,
div#SHOPPINGSTEP_3:before
{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	border-bottom: 50px solid transparent;
	border-top: 50px solid transparent;
	border-left: 2em solid white;
}

div#SHOPPINGSTEP_2:before
{
	border-left: 2em solid #F2F2F2;
}


#SHOPPINGSTEP_2 input[type=radio],
.CART_PAYMENT_CHOICE_CONTAINER_CLICK  input[type=radio]
{
	position: relative;
	height: 23px;
	border: gray solid 1px;
	width: 23px;
	display: inline-block;
	top:5px;

 	/*-moz-appearance: none;*/
 	-moz-border-radius: 50px;
}



.CART_REFERENCE,
.CART_COMMENT
{
	position: relative;
	display: inline-block;
  width: 100%;
  min-height: 130px;
  vertical-align: top;
  margin: 10px 1% 10px 0;
	padding:10px 15px;
	box-sizing: border-box;
	background:rgba(12, 95, 181, 0.1);

	border-radius:2px;
}

#customer_Referentie
{
	width: 100%;
	max-width: unset;
}

.CART_REFERENCE > div span
{
	font-size: 0.9em;
	color:gray;
}

.cartComment
{
	position: relative;
	display: inline-block;
	margin: 20px 0;
	clear:both;
	width: 100%;
}

#customer_Comment
{
	width: 100%;
	height: 60px;
}

.generalTerms
{
	position: relative;
	display: inline-block;
	margin:10px 0;

	font-size:0.9em;
}

.cartFooter
{
	float: right;
	width: 48%;
	text-align: right;
}

.cartButtons
{
	position: relative;
	display: inline-block;
	text-align: right;
	margin: 40px 0 40px 0;
}
.cartButtons input {background: #cecece; padding: 15px; border: 0; border-radius: 5px;}
.cartButtons input:nth-of-type(3) {background: #96c60f; color: #fff; font-weight: 600;}
.cartHeader > div
{
	position: relative;
	display: inline-block;
}

.cartItem > div
{
	position: relative;
	display: inline-block;
	font-size: 14px;
}

.cartItem > div strike
{
	font-size: 0.8em
}

.cartSubtotal
{
	margin:20px 0 0 0;
}

.cartDiscount > div:nth-of-type(4)
{
	width:20% !important;
}

.cartTaxRates > div
{
	font-size: 0.9em !important;
}

.CART_ATTRIBUTES
{
	position: relative;
	display: table;
}

.CART_ATTRIBUTES > div
{
	position: relative;
	display: table-row;
}

.CART_ATTRIBUTES > div > div
{
	position: relative;
	display: table-cell;

  font-size:0.9em;
}

#CART_DISCOUNT_CODE
{
	width:60%;
	margin: 0px 0px 0px 0px;

  font-size: 1em;
}

#CART_DISCOUNT_CODE_BUTTON
{
	position: relative;

  top: -1px;
  font-size: 1em;
  font-weight: bold;
  color: black;
  padding: 8px 7px;
}

.cartFooterRule > div
{
	font-size: 1em;
	line-height: 40px;

}

.cartTotal > div
{
	font-size:1.3em;
	font-weight: bold;
}
.cartTotal > div:nth-of-type(2) {border-top: 1px solid #cecece;}

.cartQty
{
	width:70px;
}

.PIC_CELL { position:relative; display:inline-block; max-width:100px; width:25%; float:left; margin-right:20px; text-align:left; }
.PIC_CELL img { border: 1px solid #dcdcdc; border-radius: 7px; max-width:100%; }
.PRODUCT_CELL { color:black; font-size:1em; font-weight:bold;}
.DESCRIPTION_CELL { font-size:1em; color:#707070; }
.ATR_CELL { font-size:1em; color:black; vertical-align:top; }
.DEL_DESC_CELL { display:block; font-size:1em; font-weight:normal; }
.DEL_DESC_CELL:first-letter { text-transform: uppercase; }

.paymentShipmentDescription
{

	box-sizing: border-box;

	margin: 0 0px 15px 35px;

	font-size:0.9em;
	line-height: 16pt;
}

.paymentShipmentDescription img
{
    max-width: 70px;
    height: auto;
    margin: 0 0 0 25px;
}

.orderConfirmContainer
{
	clear:both;
}


/*
Field width
*/
.cartHeader > div,
.cartItem > div,
.cartFooterRule > div
{
	position: relative;
	display: inline-block;

	float:left;
}

.cartHeader > div:first-of-type,
.cartItem > div:first-of-type
{
	width:47%;
}

.cartHeader > div:nth-of-type(2),
.cartItem > div:nth-of-type(2)
{
	width:20%;
}

.cartHeader > div:nth-of-type(2):empty,
.cartItem > div:nth-of-type(2):empty
{
	display: none;
}

.cartHeader > div:nth-of-type(3),
.cartItem > div:nth-of-type(3)
{
	width:10%;
  text-align: right;
}

.cartHeader > div:nth-of-type(4),
.cartItem > div:nth-of-type(4)
{
	width:20%;
  text-align: right;
	float:right;
}

.cartItem > div:nth-of-type(4) > strike
{
	position: absolute;
	float: right;
	right: 15%;
	top: -65%;
}

.cartFooterRule > div:nth-of-type(1)
{
	width:78%;
	padding:0 15px 0 0;
	box-sizing: border-box;
	text-align:right;

  clear: both;
}

.cartFooterRule > div:nth-of-type(2)
{
	width:20%;
  text-align: right;
	float:right;
}

.cartFooter > div
{
	position: relative;
}

.cartFooter > div > div
{
	position: relative;
	display: inline-block;
}


/*
Address form
*/

#customer_Sex
{
	width:90px;
}
#customer_SurName
{
	width:160px;
}
#customer_Name,
#bill_Name,
#customer_AddressNumber,
#bill_AddressNumber,
#customer_ZIP,
#bill_ZIP
{
	width:110px
}

#billOn,
#billOff,
#accountOn,
#accountOff
{
	position: relative;
  height: 23px;
  border: gray solid 1px;
  width: 23px;
  display: inline-block;
  top: 5px;
}

#billToTable,
#accountTable
{
	margin:1em 0 0 0;
}


/*
Content containers
*/
.accountHomeContainer,
.orderHistoryContainer,
.accountFormContainer,
.loginFormContainer,
.reviewContainer,
.favoritesContainer,
.cartsContainer
{
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 3%;
	margin:0;
	width:100%;
	z-index: 1;

	font-size:1em;
	line-height: normal;
	background:white;
}

.WM_MESSAGE_EXPAND .loginFormContainer
{
		background: white;
		padding:0;
}

.accountFormContainer_Left,
.accountFormContainer_Right
{
	position: relative;
	display: inline-block;
	margin: 0;
	width:49%;

	vertical-align: top
}

.orderHistoryContainer,
.cartsContainer {
  overflow: scroll;
	max-width:100%;
}

.orderHistoryContainer > div,
.cartsContainer > div,
.reviewContainer > div,
.favoritesContainer > div
{
	position: relative;
	display: table;
	width: 100%;
	border-spacing:0px;
}

.listHeader,
.listColumn
{
	position: relative;
	display: table-row;
}

.listHeader > div,
.listColumn > div
{
	position: relative;
	display: table-cell;
	width:auto;
	vertical-align: top;
	padding:15px 10px;
}
.listColumn:nth-of-type(even)
{
	background-color:rgb(230,230,230);
}

.listHeader > div
{
	font-weight: bold;
	font-size: 1.1em;
}

.listColumn
{
		padding:30px 0;
		border-top:#cecece solid 1px;
}
.listColumn > div > span
{
	font-size:0.9em;
	color:gray;
}


.REFRESH_BUTTON{ position:relative; width:20px; height:20px; margin-right:10px; cursor:pointer; border:none !important; background: url('../images/cart_refresh.png') no-repeat transparent !important;}
.SHOW_BUTTON { position:relative; width:20px; height:20px; margin-right:10px; border:none !important; cursor:pointer; background: url('../images/Zoom.png') no-repeat transparent !important;}
.OPEN_BUTTON { position:relative; width:20px; height:20px; margin-right:10px; border:none !important; cursor:pointer; background: url('../images/cart.png') no-repeat transparent !important;}

.CART_BUTTON,
.DELETE_BUTTON,
.PDF_BUTTON,
.BILL_BUTTON,
.CONTINUE_ORDER { position:relative; display: block; padding:0 0 0 20px; background-color: transparent; text-align:left; font-size:0.8em; border:none !important; cursor:pointer; }
.PDF_BUTTON:before,
.BILL_BUTTON:before { content: '\e092'; position: absolute; font-family: 'modules'; margin:0 0 0 -20px;}
.CONTINUE_ORDER:before,
.CART_BUTTON:before { content: '\e015'; position: absolute;  font-family: 'modules'; margin:0 0 0 -20px;}

.DELETE_BUTTON:before { content: '\e019'; position: absolute;  font-family: 'modules'; margin:0 0 0 -20px;}


.INFO_MESSAGE div, .INFO_MESSAGE span { font-size:1em; }

.accountFormMessage { position:relative; display:inline-block; width:100%; font-weight:bold; background-color:#dcffc3;  border:#81ca4b solid 0px; color:#214f00; text-align:center;	vertical-align:center; padding:14px 0; margin:0 0 2em 0;  border-radius: 2px;}
.accountFormMessage_ERROR, .ERROR { position:relative; display:inline-block; width:100%;  font-weight:bold; background-color:#ffc2c2; border:#df2b2b solid 0px; color:#800000; text-align:center; vertical-align:center; padding:14px 0; margin:0 0 2em 0;  border-radius: 2px;}





/*
Message container
*/
.WM_MESSAGE_TOP {position:relative; max-width:454px; width:100%; height:38px;  }
.WM_MESSAGE_EXPAND {
	position:relative;
	max-width:454px;
	width:100%;
	overflow:hidden;
	background: white;

	-moz-box-shadow: 0px 0px 15px #00000052;
	-webkit-box-shadow: 0px 0px 15px #00000052;
	box-shadow: 0px 0px 15px #00000052;
}

.WM_MESSAGE_CLOSE { position:absolute; display:inline; z-index:2; padding:4px; top:25px; right:-15px; font-family: 'modules'; font-size:17pt; cursor:pointer; background-color: rgb(190,190,190); border:rgb(100,100,100) solid 2px; border-radius:70px}
.WM_MESSAGE_ICON { position:relative; display:inline-block; float:left; width:80px; margin:10px; }
.WM_MESSAGE{ position:relative; display:inline-block; float:left; padding:15px; box-sizing: border-box;}
.INFO_SHOW_CONTAINER { background:black;}


.MESSAGE
{
	position: relative;
	display: inline-block;
	width:100%;
	padding:15px;
	box-sizing: border-box;
	background-color:#CC1F1F69;

	margin: 0 0 25px 0;

	font-size:1.1em;
}





/*
Fieldvalidation
*/
.REQUIRED_DEFAULT,
.REQUIRED_OKE,
.REQUIRED_NOTOKE
{
    position: absolute;
    display: inline;
		top:0;
    box-sizing: border-box;
    z-index: 1;
    color: black;
    font-weight: normal;
    font-size:0.8em;
    height: 100%;

    line-height: initial;
}

.REQUIRED_NOTOKE > div
{
	position: absolute;
	display: inline;

	min-width: 100px;
	background-color: lightgray;

	border-radius: 2px;

	top:50%;
	transform: translateY(-50%);

	padding: 10px;
  margin: 0px 0 0 10px;
}

.REQUIRED_NOTOKE > div:before
{
		content:'';
		position: absolute;
		width: 0;
 		height: 0;
 		border-top: 10px solid transparent;
 		border-bottom: 10px solid transparent;
 		border-right:10px solid lightgray;
		left:-10px;

		top: 50%;
    transform: translateY(-50%);
}

.REQUIRED_DEFAULT:before,
.REQUIRED_OKE:before,
.REQUIRED_NOTOKE:before
{
    content: "\006a";
    position: absolute;

		font-family: 'modules';
		font-size: 12pt;
		margin: 11px 0px 0 -25px;
		width: 16px;

    color: grey;

    font-weight: bold;
    line-height: initial;

		top:50%;
		transform: translateY(-50%);
}

.REQUIRED_OKE:before
{
    content: "\004e";

		font-size: 15pt;
    margin: 9px 0px 0 -25px;

    color: #47BD34;
}

.REQUIRED_NOTOKE:before
{
    content: "\0072";

    font-size: 15pt;
    margin: 9px 0px 0 -25px;
    color: #da3232;
}



/*
Pasword strength
*/
.PASS_STRENGTH_SUBTEXT
{
	position:relative;
	display:inline-block;
	height: 17px;
  margin: 2px 0px;
  width: 100%;
	font-size: 1.1em;
}

#PASS_STRENGTH_A,
#PASS_STRENGTH_B,
#PASS_STRENGTH_C,
#PASS_STRENGTH_D,
#PASS_STRENGTH_E,
#PASS_STRENGTH_F
{
  position: relative;
  top: 2px;
	font-weight: bold;
  font-size: 1.1em;
	font-family: 'modules';
}

.PASS_STRENGTH_SUBTEXT .REQUIRED_DEFAULT,
.PASS_STRENGTH_SUBTEXT .REQUIRED_OKE,
.PASS_STRENGTH_SUBTEXT .REQUIRED_NOTOKE
{
	margin-top:0px;
}



#PASS_STRENGTH_TEXT
{
	position:relative;
	display:inline-block;
	left:0px;
	top:0px;

	text-align:left;

	margin: 0 0 0 6px;
	padding:5px;

	border-radius:2px;
	background-color:lightgray;

	font-family:arial;
	font-size:10pt;
	min-width:110px;
	line-height:normal;
}

#PASS_STRENGTH_TEXT:before
{
		content:'';
		position: absolute;
		width: 0;
 		height: 0;
 		border-top: 10px solid transparent;
 		border-bottom: 10px solid transparent;
 		border-right:10px solid lightgray;
		left:-10px;
		top:15px;
}

#PASS_STRENGTH_PROGRESS
{
	position:absolute; display:inline-block; left:0px; width:1px; height:5px; width:inherit; background-color:red;
}

#PASS_STRENGTH_CONTAINER
{
	position:absolute; box-sizing:border-box; clear:both; padding:0px; height:4px; width:inherit; background-color:lightgray;
}


/*
Payment & loader
*/
.CART_PAYMENT_CLICK
{
	background-color: white;
	padding:3%;
}

.PAY_LOADER
{
	width:100%;
	height:250px;

	text-align:center;

	padding:10% 0 0 0;
}


.PAY_LOADER img
{
	position:relative;
	display:inline-block;

	top:10px;
}


.PAY_LOADER span
{
	position:relative;
	display:inline-block;

	font-size:12pt;
	margin: 0 0 0 7px;
	color: #848484;
}




/*
	Login screen
*/
.loginWelcome { position:relative; float:left;  font-size:9pt; font-weight:bold; color:black; margin-right:10px; }

.NO_ACCOUNT_BUTTON { font-size:9pt; font-weight:normal; color:gray; }
.RESET_ACCOUNT_BUTTON { font-size:9pt; font-weight:normal; color:gray; }

/*
	Login home screen
*/
.ACCOUNT_HOME_CONTAINER { position:relative; display:inline-block; width:100%; margin-left:0px; margin-top:0px; }
.ACCOUNT_HOME_CONTAINER_LEFT { position:relative; display:inline-block; float:left; width:35%; height:375px; margin-bottom:15px; }
.ACCOUNT_HOME_CONTAINER_RIGHT { position:relative; display:inline-block; float:right; width:62%; height:375px; }
.ACCOUNT_HOME_ADDRESS { position:relative;  clear:both; width:auto; margin: 0px 10px 10px 0px;  font-size:1em; line-height:25px;}

.accountNavigation
{
	position: relative;
	display: inline-block;
	width:100%;
	padding:0;
	margin:0;
	list-style: none;
}

#ACCOUNT_HOME_BUTTON_H,
#ACCOUNT_HOME_BUTTON_I,
#ACCOUNT_HOME_BUTTON_J,
.accountNavigation li:not(.ACCOUNT_HOME_BUTTON_SEPERATOR)
{
		position: relative; display: inline-block; clear: both; width:100%; font-size:1em; padding:10px 0 0px 0px; margin: 0 0 10px 30px; box-sizing: border-box; cursor:pointer;
}
#ACCOUNT_HOME_WELCOME { position:relative; display:inline-block; clear:both; width:100%; margin-bottom:15px;}
#ACCOUNT_HOME_WELCOME h5 { font-weight:normal; margin:0px; font-size:1.5em;  }
#ACCOUNT_HOME_BUTTON_A:before { content:'\e026'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;}
#ACCOUNT_HOME_BUTTON_B:before { content:'\e02f'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;}
#ACCOUNT_HOME_BUTTON_E:before { content:'\e032'; position: absolute; margin:-2px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;}
#ACCOUNT_HOME_BUTTON_F:before { content:'\e030'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;}
#ACCOUNT_HOME_BUTTON_G:before { content:'\e015'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;}
#ACCOUNT_HOME_BUTTON_H:before { content:'\e026'; position: absolute; margin:0px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;}
#ACCOUNT_HOME_BUTTON_I:before { content:'\e004'; position: absolute; margin:0px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;}
#ACCOUNT_HOME_BUTTON_J:before { content:'\e019'; position: absolute; margin:-2px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;}
#ACCOUNT_HOME_BUTTON_HOME:before { content:'\e009'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;}
#ACCOUNT_HOME_BUTTON_LOGOUT:before { content:'\e02e'; position: absolute; margin:-1px 0 0 -30px; font-family: 'modules'; font-size:13pt; color:inherit;}
.ACCOUNT_HOME_BUTTON_SEPERATOR { position: relative; display: inline-block; width:100%; height:1px; margin:5px 0 5px 0; border-bottom:lightgray solid 1px; padding:0px; }

.ACCOUNT_HOME_PHONE:before{ content:'\e090'; position: relative; display: inline-block; font-family: 'modules';  margin:0 5px 0 0; font-size:13pt; color:inherit;}
.ACCOUNT_HOME_EMAIL:before{ content:'\e010'; position: relative; display: inline-block; font-family: 'modules'; top:2px; margin:0 5px 0 0; font-size:13pt; color:inherit;}


/*
Product review
*/
.RT_CNTNR
{
	margin-top:0px;
}
.RATINGS { position:relative; display: inline-block; float:right; width:275px; margin-top:55px;  margin-right:70px; }
.WRT_REVIEW_TITLE { margin-bottom: 5px; font-weight: normal; font-size:1.5em;}
.WRT_REVIEW_TEXT {margin-bottom: 15px;}
#RATING_NAME,
#RATING_EMAIL,
#RATING_ORDERID
{
	margin:0 0 10px 0;
}

.REVIEW_TEXT_AREA {
	position: relative;
	display: inline-block;
	box-sizing:border-box;
	height: 100px;
	width: 100%;
	padding:10px;
	margin:0 0 10px 0;
	float: left;
	font-size: 14px;

  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.LGN_REVIEW { position: relative; display: inline-block; clear:both; width:100%; margin-top:0px;}
.LGN_REVIEW a {font-weight:bold; font-style:italic; cursor:pointer;}
.AVG_REVIEW { position: relative; display: inline-block; float:left; margin-right:5px; margin-top:2px; }
.AVG_REVIEW_TEXT { color:gray; font-size:8pt; }
.AVG_REVIEW_STR { position: relative; display: inline-block; float:left;}
.BK_RT .AVG_REVIEW_STR div:last-child { position: relative; display: inline-block; float: left; font-size:1em; color:#515151; top:3px; left:7px;}
.RT_S .AVG_REVIEW_STR div:last-child { left:3px; top:0px;}
.WRT_REVIEW { position: relative; display: inline-block; clear:both; width:100%; margin-top:0px;}
.REVIEW_STARS {
	position: relative;
	display: inline-block;
	float: right;

	margin: 0 0px 0 23px;
}
.REVIEW_BOTTOM {
	position: relative;
	display: inline-block;
	float: right;
	clear:both;
	margin: 10px 0 0 0;
}

.REVIEW { position:relative; display: inline-block; clear:both; width:100%; margin-top:10px; border-top:gray solid 1px;}
.REVIEW_TEXT {margin-top:10px; margin-bottom:5px; }
.REVIEW_DATE { position:relative; display: inline-block; float:right; font-size:8pt; color:gray; font-style:italic; margin-top:10px; }

.ACCOUNT_REVIEW_PICTURE {margin-right:10px; border:#d1d0d0 solid 1px;}
.ACCOUNT_REVIEW_TITLE { cursor:pointer; font-weight:bold; font-size:1em;}
.ACCOUNT_REVIEW_TEXT {font-weight:normal; font-size:9pt;  margin-top:10px;}

.BK_RT .RATING_OFF
{
	background: url('../tmpl_src/LIV_Sprite.png') no-repeat -31px -107px;
	background-size: 9.5em;
	height: 23px;
	width: 24px;
	display: inline-block;
	position: relative;
	float: left;
	top: -3px;
}
.BK_RT .RATING_ON
{
  background: url('../tmpl_src/LIV_Sprite.png') no-repeat 0px -107px;
  background-size: 9.5em;
  height: 23px;
  width: 24px;
  display: inline-block;
  position: relative;
  float: left;
  top: -3px;
}

.RATING_OFF
{
  background: url('../tmpl_src/LIV_Sprite.png') no-repeat -20px -70px;
  background-size: 6.3em;
  height:17px;
  width:17px;
  display: inline-block;
  position: relative;
  float:left;
}

.RATING_ON
{
  background: url('../tmpl_src/LIV_Sprite.png') no-repeat 0px -70px;
  background-size: 6.3em;
  height:17px;
  width:17px;
  display: inline-block;
  position: relative;
  float:left;
}

.REVIEW_STARS .RATING_ON,
.REVIEW_STARS .RATING_OFF
{
	background-size: 10em !important;
    height: 30px;
    width: 32px;
}

.REVIEW_STARS .RATING_OFF
{
	background: url('../tmpl_src/LIV_Sprite.png') no-repeat -33px -120px;
}
.REVIEW_STARS .RATING_ON
{
	background: url('../tmpl_src/LIV_Sprite.png') no-repeat 0px -120px;
}

/*
	Product favorite
*/
.FAVOURITE_BUTTON_SET { border:none !important; cursor:pointer; background: url('../tmpl_src/RATING_BIG.png') no-repeat; background-size:17px 17px; }
.FAVOURITE_BUTTON_UNSET { border:none !important; cursor:pointer; background: url('../tmpl_src/RATING_OFF_BIG.png') no-repeat; background-size:17px 17px; }
.ACCOUNT_FAVOURITES_PICTURE {margin-right:10px;  border:#d1d0d0 solid 1px; float:left;}
.ACCOUNT_FAVOURITES_TITLE { cursor:pointer; font-weight:bold; font-size:1em;}



/*
Pagination
*/
.SORT { display:inline-block; }
.DELI_SHOW { position:relative; display:inline-block; top:4px; margin-bottom:15px; cursor:pointer; font-weight:bold;}
.PAGINATION_DELI_SHOW {position:relative; display:inline-block; float:left; top:6px; left:0px; cursor:pointer; font-weight:bold;}

.PAGINATION
{
	position: relative;
  display: inline-block;
  z-index: 3;

  font-weight: normal;
  font-size: 1em;
  color: black;
  text-decoration: none;
  margin-bottom: 15px;
  font-weight: normal !important;
  font-size: 1em;
  left: -5px;
}

.PAGINATION_PAGE_TOTAL
{
	text-align:center;
	font-weight:normal;

	font-size:1em;
	color:inherit;
	text-decoration:none;
}

.PAGINATION_PAGE_TOTAL em
{
		font-weight: bold;
		font-style:normal
}

.PAGINATION_PAGE
{
	width:60px;
}

.PAGINATION_NEXT_BUTTON,
.PAGINATION_PREVIOUS_BUTTON
{
	position: relative;
	float: right;
	padding:10px 14px;
	margin-left: 5px;
	top: 0px;
	box-sizing: border-box;

	cursor: pointer;
	color:black;
	background:white;
	border: #cecece solid 1px;
  border-radius: 2px;
}


/*
System dplists (createMenuFromUl & createMenu)
*/
.DP_LIST
{
	position:relative;
	display: inline-block;
	float:left;
	list-style: none outside none;
	margin:0px;
	top:0px;
	padding:0px 20px 0 0;
	height:30px;

	overflow:hidden;

	background-color:white;

	cursor:pointer;
}

.DP_LIST_ARROW
{
	position:relative;
	display: inline-block;
	float:left;
	top:0px;
	right:0px;
	z-index:1;
	height:37px;
	width:35px;

	border-left:#cecece solid 1px;

	background: url('../tmpl_src/menu_strip_down_arrow.png') no-repeat center center white;
}

.DP_LIST_DROPDOWN
{
	position:absolute;
	display:none;
	z-index:1;
	min-width:200px;
	margin:0px 0px 0 1px;
	border:#cecece solid 1px;

	overflow:hidden;

	background-color:white;
	border:#cecece solid 0px;

	-moz-box-shadow: 5px 5px 5px #4a4a4a4f;
	-webkit-box-shadow: 5px 5px 5px #4a4a4a4f;
	box-shadow: 5px 5px 5px #4a4a4a4f;

}

.DP_LIST .option,
.DP_LIST_DROPDOWN .option
{
	position:relative;
	display: inline-block;

	float: left;
	width:100%;
	margin:9px;

	cursor:pointer;
}


.DP_LIST .option img, .DP_LIST_DROPDOWN .option img
{
	position:relative;
	display:block;
	float:left;
	border:none !important;
	height:20px;
	width:30px;
	margin:0 10px 0 0;
}

.DP_LIST .option span, .DP_LIST_DROPDOWN .option span
{
	position:relative;
	display:block;
	float:left;
	color:black;
	text-shadow:none;
	font-size:11pt;
	margin:2px 0 0 0;
}




/*
SCROLL
*/
.SCROLL
{
	position:relative;
	display:inline-block;
	width:100vw;
}

.SCROLL ul
{
    padding: 0;
    margin: 0;
}

.SCROLL_EXPAND
{
	position: absolute;
    bottom: 0px;
    left: 0px;
    font-size:1em;
    z-index: 4;
    cursor: pointer;
    color: white;
    /* font-weight: bold; */
    background: #0083ab;
    padding: 8px 14px;
    border-top-right-radius: 3px;
    box-shadow: 0px 0 20px white;
}

.SCROLL ul::-webkit-scrollbar
{
 display: none;
}

.SCROLL ul li
{
	float:none;
	/*width:240px !important;*/
}


.SCROLL ul li:last-child {
    /*padding-right: 10%;*/
}

.SCROLL_LEFT,
.SCROLL_RIGHT
{
	position:absolute;
	top:0px;
	height:100vh;
	width:3%;
	cursor:pointer;
	-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; /* Internet Explorer/Edge */
	user-select: none;
    z-index: 5;
    display: flex;
}

.SCROLL_LEFT span,
.SCROLL_RIGHT span
{
	position:absolute;
	font-size:17vh;
	color:rgba(0,0,0,0.2);
    margin: auto 0;
    top:14%;
    bottom: 0px;
    height: 10%;
    vertical-align: middle;
}
.SCROLL_RIGHT span
{
	float:right;
	right:0px;
}

.SCROLL_LEFT
{
	float:left;
	left:0px;

	/*background:linear-gradient(to right, rgba(255,252,244,1), rgba(255,252,244,0));
	background:-webkit-linear-gradient(to right, rgba(255,252,244,1), rgba(255,252,244,0));
	background:-o-linear-gradient(to right, rgba(255,252,244,1), rgba(255,252,244,0));
	background:-moz-linear-gradient(to right, rgba(255,252,244,1), rgba(255,252,244,0));*/

	background-size:100% auto;
}

.SCROLL_RIGHT
{
	float:right;
	text-align: right;
	right:0px;

	/*background:linear-gradient(to left, rgba(255,252,244,1), rgba(255,252,244,0));
	background:-webkit-linear-gradient(to left, rgba(255,252,244,1), rgba(255,252,244,0));
	background:-o-linear-gradient(to left, rgba(255,252,244,1), rgba(255,252,244,0));
	background:-moz-linear-gradient(to left, rgba(255,252,244,1), rgba(255,252,244,0));*/
	background-size:100% auto;
}
/*
 END SCROLL CSS
*/





@media screen and (min-width:1200px)
{
	#SHOPPINGSTEP_1
	{
			width:35%;
			float:left;
	}

	#SHOPPINGSTEP_2
	{
			width:25%;
			float:left;
	}

	#SHOPPINGSTEP_3
	{
			width:40%;
			float:left;
	}
}


@media screen and (max-width:1600px)
{
	.CART_ADDRESS_A,
	.CART_ADDRESS_B,
	.CART_PAYMENT,
	.CART_SHIPMENT
	{
		position:relative;
		display:inline-block;

		width:100%;

		margin:0 0 20px 0;
	}
}

@media screen and (max-width:1000px)
{
	.cartComment,
	.cartFooter
	{
		clear: both;
		width: 100%;
	}

	.accountFormContainer_Left,
	.accountFormContainer_Right,
	.ACCOUNT_HOME_CONTAINER_LEFT,
	.ACCOUNT_HOME_CONTAINER_RIGHT
	{
		clear: both !important;
		width: 100% !important;
		margin: 0 0 2em 0;
	}

	.ACCOUNT_HOME_CONTAINER_RIGHT
	{
    margin: 2em 0 0;
	}

	.SHOPPINGSTEPS
	{
		display: inline-block;
	}

	#SHOPPINGSTEP_1,
	#SHOPPINGSTEP_2,
	#SHOPPINGSTEP_3
	{
		width: 100%;
		clear:both;
		padding-right:3%;
	}

	.CART_REFERENCE,
	.CART_COMMENT
	{
		margin: 10px 0;
		width: 100% !important;
	}

	.cartHeader > div:first-of-type,
	.cartItem > div:first-of-type
	{
		width:46%;
	}

	.cartFooterRule > div
	{
		font-size: 1em;
	}
}
/*
End system
*/