body{	
	margin: 0;
	padding: 0;
	height: 100%;
	background: url('images/customer/bg_body.jpg') 0 0 repeat-x #e9e9e9;
}

#container {
	width: 960px;
	margin: 0 auto;
	background: url('images/customer/bg_container.jpg') 0 0 repeat-y #fff;
}

/* Header
-------------------------------------------------------------- */

#genToolsContainer {
	width: 100%;

	margin: 0px auto;
	margin: 0px 0px 0px 0px;

	background-color: #f1f1f1;
}

#genToolsContainer .tools {
	width: 950px;
	height: 16px;
	
	padding: 6px 5px 3px 5px;
	margin: 0px auto;
}

#genToolsContainer .lang {
	float: left;
}

	#genToolsContainer .lang a {
		color: black;
		text-decoration: none;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 11px;
	}

		#genToolsContainer .lang a:hover {
			color: #c60017;
		}
	
#header {
	width: 960px;
	height: 156px;

	margin-bottom: -50px;
}

	#logo {
		display: block;
		width: 260px;
		height: 106px;

		float: left;
		background-color: white;
	}

		#tools {
			display: block;
			width: 700px;
			height: 106px;

			float: left;
		}

			#tools #contact {
				width: 266px;
				height: 32px;

				float: left;
				
				color: black;
				font-size: 21px;
				letter-spacing: -1px;

				padding: 52px 0px 0px 0px;
			}

				#tools #contact span {
					color: #e2001a;
				}

			#tools #customerControls {
				width: 434px;
				height: 84px;

				float: left;
			}

				#tools #customerControls #login {
					width: 239px;
					height: 84px;

					background-color: white;
					float: left;
				}

				#tools #customerControls #shopping {
					width: 195px;
					height: 84px;

					background-color: white;
					float: left;
				}

				.facebook-like {
					display: none;
					width: auto;
					height: 14px;
					
					text-decoration: none;
					color: #3b3b3b;

					margin: 0 0 0 20px;
					padding: 0 0 0 22px;
					
					float: right;
					background: url('images/customer/facebook-like.jpg') 0 0 no-repeat;
				}

				.fblike {
					display: inline;
					float: right;

					margin: -4px -20px 0 20px;
				}

		#menu {
			height: 22px;
			background-color: white;
		}

		.nl #menu a {
			padding: 4px 23px 0px 23px;
		}

		.en #menu a {
			padding: 4px 27px 0px 27px;
		}

			#menu a {
				display: block;
				
				height: 18px;

				padding: 4px 24px 0px 24px;

				background: url('images/customer/bg_menu_a.jpg') 0 0 no-repeat;
				text-decoration: none;
				color: white;
				font-size: 11px;
				font-weight: bold;

				float: left;
			}

				#menu a:hover {
					background: url('images/customer/bg_menu_a_hover.jpg') 0 0 no-repeat;
				}

			#menu .separator {
				display: block;

				height: 22px;
				width: 1px;
				background-color: white;

				float: left;
			}

			#menu a.last {
				padding: 4px 24px 0px 23px;
			}

			.en #menu a.last {
				padding: 4px 27px 0px 25px;
			}

/* Main
-------------------------------------------------------------- */

#main {}

#main .column {
	float: left;
}

#main #mainLeft {
	width:260px;
}

#main #mainRight {
	width: 700px;
}

#main .mainRight2 {
	background: url('images/customer/bg_rightSide2.jpg') right top no-repeat;
	min-height: 400px;
}

	#main #mainRight .leftSide {
		float: left;
		width: 332px;
		text-align: justify;
	}

	#main #mainRight .rightSide {
		float: left;
		/*width: 310px;*/
		width: 332px;
		text-align: justify;
	}

	#main #mainRight .leftSide2 {
		float: left;
		width: 435px;
		text-align: justify;
	}

	#main #mainRight .rightSide2 {
		float: left;
		width: 228px;
		text-align: justify;

		padding: 15px 15px 15px 10px;
	}

	#main #mainRight .columnSeparator {
		width: 12px;
		height:1px;
		float: left;
	}

	#main #mainRight .three-columns .columnSeparator {
		width: 12px;
		height:1px;
		float: left;
	}

	#main .page {
		margin: 12px 12px 12px 12px;
		padding: 10px 0px 0px 0px;
	}
	
	#main #mainRight .two-columns .column {
		width: 332px;
	}

		#main #mainRight .two-columns .columnSeparator {}

/* Footer
-------------------------------------------------------------- */

#footerContainer {
	width: 100%;
	margin: 0px auto;
	background: url('images/customer/bg_footerContainer.jpg') 0 0 repeat-x #ffffff;	
}

#footer {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	color:#747374;
	text-align:right;
}

#footer .paiementMethods {
	width: 219px;
	height: 78px;
	float: left;
	background-color: #3a393a;
}

	#footer .paiementMethods a {
		display: block;
		background: none;
		border: none;
	}

	#footer .paiementMethods img {
		display: block;
		background: none;
		border: none;
	}

#footer .footerLinks {
	width: 181px;
	height: 110px;

	float: left;

	padding: 15px 25px;

	border-right: 1px solid #c8c8c8;
	border-left: 1px solid white;
}

	#footer .footerLinks a {
		display: block;
		padding: 0px 10px;
		margin: 0 0 6px 0;

		color: #707173;
		text-decoration: none;
	}

	#footer .footerLinks a:hover {
		background-color: #c10016;
		color: white;
	}

	#footer b {
		display: block;
		padding: 3px 10px;
		margin: 0 0 1px 0;

		color: #707173;
		font-size: 11px;
		font-weight: bold;
	}

	.footerBottomLine {
		width:960px;
		height: 1px;
		background-color: #c7c7c7;
		border-bottom: 1px solid #ffffff;
	}
	
#footer .footerBottom {
	padding: 10px;

	font-size: 10px;
	color: #707173;
	text-align: center;
}

#footer .footerBottom a {
	color: #707173;
	text-decoration:none;
}

#footer .footerBottom a:hover {
	text-decoration: underline;
}

/* Products > Products List Pager
-------------------------------------------------------------- */

.pagerTop {
	border: 1px solid #e7e7e7;

	padding: 0px 5px;
	margin: 10px 0px 10px 0px;

	font-size: 10px;
	font-weight: bold;
}

.pagerBottom {
	border: 1px solid #e7e7e7;

	padding: 0px 5px;
	margin: 10px 0px 0px 0px;

	position: relative;
	top: -1px;

	font-size: 10px;
	font-weight: bold;
}

	.pagerTop a,
	.pagerBottom a {
		display: block inline;
		margin-right: 2px;
		padding: 0 2px 2px 2px;

		color: #000000;
		text-decoration: none;
		text-align: center;
	}
	
	.pagerTop a.current,
	.pagerBottom a.current {
		height: 10px;
		padding-bottom: 0;
		border-bottom: 2px solid #e2001a;

		color: #e2001a;
	}

	.pagerTop a:hover,
	.pagerBottom a:hover {
		background-color: #e2001a;

		color: #fff;
	}

	.pagerTop .left,
	.pagerBottom .left {
		width: 30%;
		height: 18px;
		padding-top: 5px;
		float: left;

		text-align: left;
	}

	.pagerTop .center,
	.pagerBottom .center {	
		width: 40%;
		height: 18px;
		float: left;
		padding-top: 2px;

		text-align: center;
	}

	.pagerTop .right,
	.pagerBottom .right {
		width: 30%;
		height: 20px;
		float: right;
		padding-top: 3px;

		text-align: right;
	}

	.pagerTop .input,
	.pagerBottom .input {
		padding: 0;
		border-color: #c7c7c7;
		background-color: #fff;

		font-size: 9px;
		color: #000000;
	}

/* Float Elements
-------------------------------------------------------------- */

.floatLeft { float:left; }
.floatRight { float:right; }

/* Misc classes
-------------------------------------------------------------- */

.cadre,
.notice, 
.important    {}

.cadre      { padding: 15px; color:#676767;border: 1px solid #dadada;border-left: 1px solid #b5b5b5;border-bottom: 1px solid #b5b5b5;margin-bottom: 10px;background: url('images/customer/bg_cadre.jpg') 0 0 repeat-x #ededed;}
.cadre2 { padding: 15px; color:#676767;border: 1px solid #dadada;margin-bottom: 10px; }
.notice      { padding: 1px; color:#676767;font-size: 11px; border: 1px solid #d51c28;margin-bottom: 10px;background: url('images/customer/bg_cadre.jpg') 0 0 repeat-x #ededed; }
.important    { background: url('images/customer/bg_important.jpg') 0 0 repeat-x #333333; padding: 5px; color:#c8c8c8; text-transform: uppercase;font-size: 11px;text-shadow: black -1px -1px 0px; }
.importantText { color: #e2001a; }
	
	.notice a    { color: #4d87be; }
	.important a  { color: #e2001a; }
	
	
/* modal Popup
-------------------------------------------------------------- */

.modalPopup {
	padding: 20px; 
	border: 10px solid #cecdcd; 
	background-color: #fff;
}

.modalPopup  .btnClose {
	width: 20px;
	height: 20px;
	border: 0px solid #fff;
	background-color: #d30218;

	position: absolute;
	margin-top: -50px;
	margin-left: 400px;

	color: #fff;
	font-size: 10px;
}

.modalPopup .btnClose:hover {
	background-color: #181818;
}
 
.nyromodal_PopUp {
	overflow: hidden;
}

/* ------------- ajax modal popup ----------------------- */

.modalBackground {
	background-color:#2F2B2D;
	filter:alpha(opacity=70);
	opacity:0.7;
}