html {
	background: url("images/customer/bg_html.gif") 0 0 repeat-x #aacc23;	

	height: 100%;
	margin: 0;
	padding: 0;
}

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

/* Container
-------------------------------------------------------------- */

#container {
	width: 984px;
	min-height: 730px;
	margin: 0 auto 0 auto;

}

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

#header {
	height: 135px;

	/*display: none;*/
}
	
	#tools_cornerLeft,
	#tools_cornerRight {
		width: 30px;
		height: 30px;
	}
	
	#tools_cornerLeft { float: right; background: url("images/customer/corner_tools_left.gif") 0 0 no-repeat; }
	#tools_cornerRight { float: right; background: url("images/customer/corner_tools_right.gif") 0 0 no-repeat; }

	#tools {
		height: 30px;
		float: right;
		background-color: #aacc23;
		
		_width: 923px;
	}

		#tools .menu { float: right;  }

			#tools .menu a {
				display: block;
				float: left;
				padding: 7px 7px 8px 7px;
				border-left: 1px solid #b6d831;
				border-right: 1px solid #96b51a;

				color: #fff;
				text-decoration: none;
			}
			
			#tools .menu a:hover {
				background-color: #ff8a00;
			}

		#tools .menu .fr,
		#tools .menu .nl,
		#tools .menu .en {
			background-color: #8faf0a;
		}

	#logo {
		width: 271px;
		height: 146px;

		position: absolute;
		top: 38px;
		margin-left: -32px;
		z-index: 10;
	}
	
	#title h1 {
		width: 340px;
		float: left;
		padding: 65px 0 0 250px;

		color: #fff;
	}

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

#main {
	width: 984px;
	min-height: 500px;
	padding: 0 0 65px 0;
	background: url("images/customer/bg_main.gif") 0 0 repeat-y #fff;
}

	#main .two-columns #mainLeft {
		width: 165px;
		padding: 63px 10px 0 10px;
		float: left;
	}

	#main .two-columns #mainRight {
		width: 799px;
		float: left;
	}

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

		#main .two-columns #mainRight .two-columns .column {
			width: 266px;
			float: left;
		}

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

		#main .two-columns #mainRight .leftSide {
			width: 554px;
			padding: 18px 30px 0 30px;
			float: left;

			_padding: 18px 20px 0 30px;
		}

		#main .two-columns #mainRight .rightSide {
			width: 165px;
			min-height: 475px;
			padding: 40px 10px 0 10px;
			float: right;
			background: url("images/customer/bg_rightside.jpg") 0 0 no-repeat;
		}

	#main .two-columns #mainFull {
		padding: 30px;
	}
	
		#main .two-columns #mainFull .two-columns {
		}

			#main .two-columns #mainFull .two-columns .column {
				width: 360px;
				float: left;
			}

			#main .two-columns #mainFull .two-columns .columnSeparator {
				width: 19px;
				height: 1px;
				float: left;
			}

		#main .two-columns #mainFull .three-columns {
		}

			#main .two-columns #mainFull .three-columns .column {
				width: 233px;
				float: left;
			}

			#main .two-columns #mainFull .three-columns .columnSeparator {
				width: 20px;
				height: 1px;
				float: left;
			}

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

#footerContainer { 		
	width: 1000px;
	padding: 40px 10px 0px 10px;
	margin: 0 auto;
	background: url("images/customer/bg_footer.png") center 0px no-repeat;	  
	
	position: relative;
	top: -60px;
	margin-bottom: -40px;
	
	color: white;
}

#footerContainer {
	_padding: 10px 10px 0px 10px;
	_background-color: #aacc23;
	_background-image: none;

	_position: relative;
	_top: -50px;
	_margin-bottom: -40px;
}

	#footer {
		width: 1000px;
		padding: 0 1px;		  

		font-size: 10px;
		color: white;
	}

	#footer a {
		color: #9f8c81;
		text-decoration:none;
	}
		
		#footer .paiementMethods {
			width: 210px;
			height: 75px;
			float: left;
			margin: 0 320px 0 0;
		}

			#footer .paiementMethods a {
				display: block;
			}

		#footer .footerLinks {
			width: 155px;
			height: 69px;
			float: left;
			border-left: 1px solid #d2d718;
		}

			#footer .footerLinks a {
				padding: 1px 10px;
		
				color: #fff;
			}
			
			#footer .footerLinks a:hover {
				background-color: #d2d718;
			}
			
			#footer b {
				padding: 1px 10px;
				background-color: #d2d718;
	
				color: #fff;
				font-size: 11px;
			}

			#footer .sepLinks {
				width: 120px;
				height: 5px;
			}

		#footer .footerBottom {
			padding: 10px;
			border-top: 1px solid #d2d718;

			font-size: 10px;
			text-align: center;
		}

		#footer .footerBottom a {
			color: #fff;
		}

		#footer .footerBottom a:hover {
		}


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

.pagerTop,
.pagerBottom {
	height: 23px;
	padding: 5px 10px;
	border-top: 1px solid #abdef6;
	border-bottom: 1px solid #abdef6;
	background-color: #fff;

	font-size: 11px;
	color: #4e99bc;
}

	.pagerTop a,
	.pagerBottom a {
		display: block;
		float: left;
		padding: 2px 4px 0 4px;

		position: relative;
		top: -2px;
		
		color: #4e99bc;
		text-decoration: none;
		text-align: center;
	}
	
	.pagerTop a.current,
	.pagerBottom a.current {
		background-color: #277194;

		color: #fff;
	}

	.pagerTop a.current:hover,
	.pagerBottom a.current:hover {
		color: #fff;
	}

	.pagerTop a:hover,
	.pagerBottom a:hover {
		color: #abdef6;
	}

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

		text-align: left;
	}

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

		text-align: center;
	}

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

		text-align: right;
	}

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

		font-size: 9px;
		color: #4e99bc;
	}

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

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

/* modal Popup
-------------------------------------------------------------- */

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

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

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

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

.modalPopup  .btnClose:hover {
	background-color: #a9cc22;
}

.nyromodal_PopUp {
	padding: 15px;
	background-color: #fff;
}

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

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


.modalPopup {
    background-color:#FAF9F8;
    padding:5px;
}