html {	
	background: url('images/bg_html.jpg') 0px 0px repeat-x #035579;
}

body {	
	margin: 0;
	padding: 0;
	height: 100%;
	background: url('images/bg_body.jpg') center 0px no-repeat;
}

#container {		
	width: 992px;		
	margin: 0 auto;
	border-bottom: 10px solid white;
}

.container {
	width: 992px;		
	margin: 0 auto;

	text-align: center;
}

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

#header {
	height:120px;
}

#fanbase {margin: 0 0 10px 0;}

#logo {
	width: 210px;
	height: 102px;
	float: left;   
	margin-top: 10px 0px 20px 0px;

	position: relative;	
}

#menu {
	display: block;
	width: 750px;
	height: 47px;
	margin-top: 35px; 
	float: right;
}

	#menu .separator {
		display: block;
		width: 1px;
		height: 25px;
		margin-top:12px;
		background-color:white;
		float: left;
	}

	#tools {
		width:972px;
		height:60px;

		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		background: url('images/customer/bg_tools.jpg') 0px 0px repeat-x;
	}

	#lower-nav {
		background: url('images/customer/bg_lower-nav.jpg') 0px 0px repeat-x #014d6d;
		
		width: 972px;
		height: 123px;
		border-bottom: 2px solid #1c617e;
		margin-top:10px;
	}

		#lower-nav .box {
			height: 102px;
			float: left;
			border-right: 1px solid #1c617e;

			padding: 21px 20px 0px 20px;
		}

			#lower-nav .box h2 {
				color: white;
				font-size: 11px;
				font-weight: bold;

				margin: 0px;
			}

			#lower-nav .box a {
				display: block;

				padding-top: 3px;
				color: white;
				font-size: 11px;
				text-decoration: none;
			}

			#lower-nav .box a:hover {
				color:#014d6d;
				font-weight: bold;
				background-color: #e8f7fe;
				padding-left: 5px;
			}

		#lower-nav #box1 {
			width: 200px;
		}

		#lower-nav #box2 {
			width: 199px;
		}

		#lower-nav #box3 {
			width: 202px;
			border-right: none;
		}
	
	#payments {
		display: none;
		width: 972px;
		height: 58px; 
		background-color: #014d6d;
	}

	#pubHome{
		float: left;
		width: 461px;
		height: 284px;
		overflow: hidden;
	}

	ul.bannerZone {
		list-style: none;
		margin: 0;
		padding: 0;

		width: 461px;
		height: 284px;
		text-decoration: none
	}

	  ul.bannerZone a{
		text-decoration: none
	  }
	  
	ul.bannerZone .text{
		color:white;
		position:relative;
		top:-22px;
		left:10px;
		text-decoration: none
	}

	#lang_culture_container {
		display: block;
		height: 18px;
		width: 992px;

		position: absolute;

		margin-bottom: -18px;
		background-color: transparent;
	}

	.lang {
		display: none;
		width: 140px;
		height: 18px;

		float: left;

		color: white;
	}

		.lang a {
			display: block;
			width: 16px;
			height: 11px;

			float: left;

			margin: 3px 0px 0px 5px;
		}

		.lang span {
			float: left;
		}

		.lang .fr {
			background: url('images/customer/lang_fr.gif') 0px 0px;
		}

		.lang .en {
			background: url('images/customer/lang_en.gif') 0px 0px;
		}

		.lang .nl {
			background: url('images/customer/lang_nl.gif') 0px 0px;
		}

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

#main {
	width: 972px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	margin-top: 10px;
	background-color:white;
}

#main .column {
	float: left;
}

#main .two-columns #mainLeft {
	width: 208px;
	overflow: hidden;
}

#main .two-columns #mainRight {
	width: 754px;
	margin-left:10px;
}

#main #pageFull {
	text-align: justify;
}

#main #mainRight .two-columns .leftSide {
	width: 516px;
	padding: 10px;
}

#main #mainRight .two-columns .rightSide {
	width: 208px;
}

#main #mainRight .two-columns .columnSeparator {
	float: left;
	width: 10px;
	height: 10px;
	display: block;
}

#main #mainRight .two-columns .columnSeparator {
	float: left;
	width: 10px;
	height: 10px;
	display: block;
}

#main #pageFull .two-columns .column {
	display: block;
	float: left;
	width: 372px;
}

#main #pageFull .three-columns .column {
	float: left;
	width: 20px;
	display: block;
}

#main #mainRight .three-columns .columnSeparator {
	float: left;
	width: 10px;
	height: 10px;
	display: block;
}

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

#footer{
	width: 962px;
	
	padding: 0px 15px;

	margin: 0px auto 20px auto;
	font-size: 11px;
	color: white;
}

	#footer a {
		color: white;
		text-decoration: none;
	}

		#footer a:hover {
			text-decoration: underline;
			color: #e1f9ff;
		}

	#footer .footerLinksContainer {
		background: url('images/customer/bg_footer.png') top left no-repeat;
	}

	#footer .footerLinksContainer .footerLinks1 {
		width: 198px;
		height: 65px;
		float: left;
		padding: 10px 20px 20px 0px;
	}

	#footer .footerLinksContainer .footerLinks2,
	#footer .footerLinksContainer .footerLinks3 {
		width: 229px;
		height: 65px;
		float: left;
		padding: 10px 20px 20px 0px;
	}

	#footer .footerLinksContainer .footerLinks4 {
		width: 225px;
		height: 65px;
		float: left;
		padding: 10px 20px 20px 0px;
	}

	#footer .footerLinksContainer a,
	#footer .footerLinksContainer b {
		display: block;
		margin: 0 0 3px 0;
		
		color: white;
		text-decoration: none;
	}

	#footer .footerLinksContainer a:hover {
		text-decoration: underline;
		color: #e1f9ff;
	}

	#footer hr {
		height: 1px;
		margin: 5px 0;

		background-color: #014d6d;

		color: #014d6d;
	}

	#footer .footerBottom {
		padding: 10px 0; 
		
		color: #77b0c8;
	}

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

		#footer .footerBottom a:hover {
			color: white;
		}

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

.pagerTop {
	height: 23px;
	border-top: 1px solid #d6e7ec;
	border-bottom: 1px solid #d6e7ec;

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

.pagerBottom {
	margin-top: 10px;
	height: 23px;
	border-top: 1px solid #d6e7ec;
	border-bottom: 1px solid #d6e7ec;

	position: relative;
	top: -1px;

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

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

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

		color: #8ebe1a;
	}

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

		color: #fff;
	}

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

		text-align: left;
		overflow: hidden;
	}

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

		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: #cee5ea;
		background-color: #fff;

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

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

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

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

.modalPopup { 
	min-width: 475px;
	background-color: white;
}

.modalPopup .btnClose {
	width: 30px;
	height: 30px;
	border: 0px solid #fff;
	background-color: #78ac0f;

	position: relative;
	float: right;

	font-size: 12px;
	font-weight: bold;
	color: white;
}

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

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

.bg_modalPopup {
	padding: 20px; 
	border: 1px solid #4e99bc; 
	background-color: #fff;
}


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

.cadre,
.notice, 
.important    { padding: 10px; margin-bottom: 0; border: 1px solid #ddd; }

.cadre      { border-color: #8bdaed; margin-bottom: 10px; }
.notice      { background: #e5f6fe; color: #6da1b9; border-color: #aad7ec; }
.important    { color: #618c0b; border-color: #7eb216; }
.importantText { color: #8ebe1a; }
	
	.notice a    {}
	.important a  { }