/*** Eurafrican Content CSS Document *************************************************************************************/
/*************************************************************************************************************************/

/*** Static Page **********************************************************************************************************/

div.content {
	float:right;
	width:450px;
	font-size:12px;
	text-align:justify;
	font-family:Verdana;
}
	div.pageHeading {
		height:42px;
		width:434px;
		line-height:42px;
		padding-left:15px;
		margin-bottom:10px;
		background-color:#cdeef6;
		border-bottom:solid 1px #FFFFFF;
	}
	div.content p {
		width:427px;
		margin:10px 10px 7px 10px;
		line-height:18px;
	}
	
img.left {
	float:left;
}
div#flashcontent {
	float:left;
	width:450px;
	height:386px;
}

/*************************************************************************************************************************/
/*** Gray Bar (apply bar or heading) *************************************************************************************/

div.wide_list {
	clear:left;
	width:450px;
	height:20px;
}
	div.wide_list p {
		margin:0;
		width:440px;
		height:20px;
		line-height:20px;
		padding-left:10px;
		background:#bdc4ca;
		border-top:1px solid #8d9296;
		border-bottom:1px solid #8d9296;
	}
		div.wide_list span.hd {
			float:left;
			margin-right:15px;
		}
		div.wide_list span.back_link a {
			width:70px;
			float:left;
			color:#2c2a29;
			display:block;
			font-size:11px;
			text-align:center;
			text-decoration:none;
			border:solid #8d9296;
			border-width:0 1px 0 1px;
		}
		div.wide_list p span.back_link a:hover {
			background:#89d6ea;	
		}
		
		div.wide_list span.apply a {
			float:left;
			width:120px;
			height:20px;
			color:#2c2a29;
			display:block;
			font-size:11px;
			text-align:center;
			text-decoration:none;
			border:solid #8d9296;
			border-width:0 1px 0 1px;
		}
		div.wide_list span.apply a:hover {
			background:#89d6ea;
		}
		

/*************************************************************************************************************************/
/*** List of Suppliers / Cities / Distributors ***************************************************************************/

div.link_list {
	float:left;
	width:225px;
	_height:252px;
	min-height:252px;
}
	div.link_list p {
		width:200px;
		padding-left:15px;
		margin:5px 0 10px 0;
	}
	div.link_list span {
		height:25px;
		display:block;
		line-height:24px;
	}
	div.link_list span a {
		height:25px;
		color:#2c2a29;
		display:block;
		padding-left:18px;
		text-decoration:none;
	}
	div.link_list span a:hover {
		height:23px;
		line-height:21px;
		background:#89d6ea;
		border:solid #8d9296;
		border-width:1px 1px 1px 0;
	}

div.link_list_right {
	float:right;
	width:225px;
	_height:252px;
	min-height:252px;
}
	div.link_list_right p {
		width:200px;
		padding-left:15px;
		margin:5px 0 10px 0;
	}
	div.link_list_right span {
		height:25px;
		display:block;
		line-height:24px;
	}
	div.link_list_right span a {
		height:25px;
		color:#2c2a29;
		display:block;
		padding-left:18px;
		text-decoration:none;
	}
	div.link_list_right span a:hover {
		height:23px;
		width:206px;
		line-height:21px;
		padding-left:17px;
		background:#89d6ea;
		border:1px solid #8d9296;
	}
	
	
/*************************************************************************************************************************/
/*** List of Regions *****************************************************************************************************/

div.reg_list {
	float:left;
	width:225px;
	_height:290px;
	min-height:300px;
}
	div.reg_list span {
		height:25px;
		display:block;
		line-height:24px;
	}
	div.reg_list span a {
		height:25px;
		color:#2c2a29;
		display:block;
		padding-left:18px;
		text-decoration:none;
	}
	div.reg_list span a:hover {
		height:23px;
		line-height:21px;
		background:#89d6ea;
		border:solid #8d9296;
		border-width:1px 1px 1px 0;
	}
	
/*************************************************************************************************************************/
/*** View Suppliers ******************************************************************************************************/

div.supplierImg {
	width:450px;
	height:70px;
	text-align:center;
	margin:10px 0 0 0;
}

/*************************************************************************************************************************/
/*** Page Numbers ********************************************************************************************************/

div.wide_list span.pages {
	float:right;
}

div.wide_view span.pages {
	float:right;
}
	span.pages span.prevnext {
		float:left;
		width:60px;
		height:20px;
		display:block;
		font-size:11px;
		text-align:center;
	}
	span.pages span.num {
		float:left;
		width:18px;
		height:20px;
		display:block;
		font-size:11px;
		color:#990000;
		text-align:center;
	}
	span.pages span a {
		color:#2c2a29;
		display:block;
		text-decoration:none;
	}
	span.pages span a:hover {
		background:#89d6ea;
		border:solid #8d9296;
		border-width:0 1px 0 1px;
	}

/*************************************************************************************************************************/
/*** Distributors list ***************************************************************************************************/

div.wide_view {
	width:900px;
	height:28px;
	font-size:13px;
	line-height:28px;
	background-color:#cdeef6;
	border-top:1px solid #8d9296;
	border-bottom:1px solid #8d9296;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	span.heading {
		float:left;
		width:230px;
		display:block;
		text-align:center;
	}
	div.wide_view span.link {
		float:left;
		width:80px;
		display:block;
		font-size:11px;
		text-align:center;
		border:solid #8d9296;
		border-width:0 1px 0 1px;
	}
		div.wide_view span.link a {
			color:#2c2a29;
			display:block;
			text-decoration:none;
		}
		div.wide_view span.link a:hover {
			background:#89d6ea;
		}
	div.wide_view span.sprn {
		float:left;
		width:auto;
		display:block;
		font-size:11px;
		text-align:center;
		margin:0 0 0 0;
		border:solid #8d9296;
		border-width:0 1px 0 0;
	}
		div.wide_view span.sprn a {
			color:#2c2a29;
			display:block;
			text-decoration:none;
			padding:0 12px 0 12px;
		}
		div.wide_view span.sprn a:hover {
			background:#89d6ea;
		}

div.wide_dealer {
	width:885px;
	_height:100px;
	font-size:13px;
	margin:0 auto 0;
	min-height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	div.wide_dealer div.even {
		float:left;
		width:442px;
		_height:100px;
		min-height:100px;
	}
		div.wide_dealer div.even p.top {
			margin:0;
			width:432px;
			height:22px;
			line-height:21px;
			padding-left:10px;
			background-color:#bdc4ca;
			border-bottom:2px solid #c9ced4;
		}
		div.wide_dealer div.even p.oth {
			margin:0;
			width:432px;
			_height:80px;
			font-size:12px;
			min-height:80px;
			line-height:29px;
			padding-left:10px;
			background:#bdc4ca;
			border-bottom:2px solid #c9ced4;
		}
		
	div.wide_dealer div.odd {
		float:left;
		width:442px;
		_height:100px;
		min-height:100px;
	}
		div.wide_dealer div.odd p.top {
			margin:0;
			width:432px;
			height:22px;
			padding-left:10px;
			line-height:21px;
			background-color:#c8ced3;
			border-bottom:2px solid #bdc4ca;
		}
		div.wide_dealer div.odd p.oth {
			margin:0;
			width:432px;
			_height:80px;
			font-size:12px;
			min-height:80px;
			line-height:29px;
			padding-left:10px;
			background-color:#c8ced3;
			border-bottom:2px solid #c9ced4;
		}
		p.oth a {
			display:block;
			height:30px;
			width:100px;
			float:left;
			color:#000000;
			padding:0 3px 0 3px;
			text-align:center;
			margin-bottom:10px;
			border:solid #8d9296;
			border-width:1px 0 1px 0;
		}
		p.oth a:hover {
			display:block;
			height:30px;
			width:100px;
			float:left;
			color:#000000;
			text-align:center;
			background:#89d6ea;
			
		}

div.clear {
	height:1px;
	clear:both;
}
div.wide_apply {
	width:885px;
	height:20px;
	margin:10px 0 10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	div.wide_apply p {
		margin:0;
		width:885px;
		height:20px;
		line-height:20px;
		padding-left:15px;
		background:#bdc4ca;
		border-top:1px solid #8d9296;
		border-bottom:1px solid #8d9296;
	}
		div.wide_apply span.lbl {
			float:left;
			width:250px;
			height:20px;
			display:block;
			font-size:12px;
			text-align:center;
		}
		div.wide_apply span.apply {
			float:left;
			width:120px;
			height:20px;
			display:block;
			font-size:11px;
			text-align:center;
			border:solid #8d9296;
			border-width:0 1px 0 1px;
		}
			div.wide_apply span.apply a {
				color:#2c2a29;
				display:block;
				text-decoration:none;
			}
			div.wide_apply span.apply a:hover {
				background:#89d6ea;
			}
	

/*************************************************************************************************************************/
/*** Contact Page ********************************************************************************************************/

div.contact {
	width:195px;
	float:left;
	margin-top: 10px;
	
}
	div.contact p {
		width:195px;
		margin:15px 0 0 30px;
	}
	div.contact a{
		text-decoration:underline;
		color:#333333;
	}
		div.contact a:hover {
			color:#000000;
		}

/*************************************************************************************************************************/
/*** Application Form ****************************************************************************************************/

div.form_list {
	float:left;
	width:400px;
	min-height:242px;
	margin:10px 0 0 20px;
}
	div.form_list span.labels {
		float:left;
		width:180px;
		height:24px;
		display:block;
		line-height:23px;
	}
	span.labels input.submit {
		width:80px;
		height:23px;
	}
	input { height:18px; }
	input.wde { width:180px; }
	input.cnt { width:80px; }
	input.cde { width:35px; }
	div.form_list select { width:162px; }

/*************************************************************************************************************************/
/*** Products Page *******************************************************************************************************/

span.imge {	
	width:223px;
	height:100px;
	display:block;
	margin:5px 0 8px 0;
	text-align:center;
	padding:5px 0 5px 0;
	background-color:#FFFFFF;
}
span.view_links {
	float:right;
	width: 158px;
	margin:15px 0 5px 0;
}
div.cntrl_block {
	width:720px;
	_height:250px;
	margin:0 auto 0;
	min-height:250px;
}
div.block {
	float:left;
	width:300px;
	_height:150px;
	min-height:150px;
	margin:0 10px 0 0;
	background-color:#bdc4ca;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.block_large {
	float:left;
	width:300px;
	height:auto;
	min-height:150px;
	margin:0 10px 0 0;
	background-color:#bdc4ca;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
span.view_image {
	width:230px;
	height:120px;
	display:block;
	margin:10px auto 0;
	text-align:center;
	padding:5px 0 5px 0;
	background-color:#FFFFFF;
}
span.view_large_image {
	width:230px;
	height:auto;
	display:block;
	margin:10px auto 0;
	text-align:center;
	padding:5px 0 5px 0;
	background-color:#FFFFFF;
}
div.point {
	width:375px;
	_height:30px;
	font-size:12px;
	min-height:30px;
	line-height:25px;	
	padding:0 0 0 6px;
	margin:2px 0 5px 10px;
	background-color:#CAD0D5;
}
span.prd_head {
	height:30px;
	display:block;
	font-size:14px;
	line-height:30px;
	padding-left:10px;
	border-bottom:10px solid #c9ced4;
}

/*************************************************************************************************************************/
/*** GODIN Page **********************************************************************************************************/

div.godin_wide {
	width:900px;
	height:28px;
	color:#ffffff;
	font-size:13px;
	line-height:28px;
	background-color:#cc0000;
	border-bottom:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	span.sprn {
		float:left;
		width:auto;
		color:#ffffff;
		display:block;
		font-size:11px;
		margin:0 0 0 0;
		text-align:center;
		border:solid #ffffff;
		border-width:0 1px 0 0;
	}
	span.link {
		float:left;
		width:80px;
		display:block;
		font-size:11px;
		text-align:center;
		border:solid #ffffff;
		border-width:0 1px 0 1px;
	}
		div.godin_wide span.sprn a {
			color:#2c2a29;
			display:block;
			color:#ffffff;
			text-decoration:none;
			padding:0 12px 0 12px;
		}
		div.godin_wide span.sprn a:hover {
			background:#970029;
		}
		div.godin_wide span.link a {
			color:#2c2a29;
			display:block;
			color:#ffffff;
			text-decoration:none;
		}
		div.godin_wide span.link a:hover {
			background:#970029;
		}
		span.godin_link {
			float:right;
			width: 158px;
			margin:15px 0 5px 0;
		}
		span.godin_link a {
			display:block;
			height:30px;
			width:100px;
			float:left;
			color:#000000;
			padding:0 3px 0 3px;
			text-align:center;
			margin-bottom:10px;
			border:solid #8d9296;
			border-width:1px 0 1px 0;
		}
		span.godin_link a:hover {
			display:block;
			height:30px;
			width:100px;
			float:left;
			color:#ffffff;
			text-align:center;
			background:#970029;
		}

/*************************************************************************************************************************/
/*** BLACK Page **********************************************************************************************************/

div.black_wide {
	width:900px;
	height:28px;
	color:#ffffff;
	font-size:13px;
	line-height:28px;
	background-color:#424242;
	border-bottom:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	div.black_wide span.sprn a {
		color:#2c2a29;
		display:block;
		color:#ffffff;
		text-decoration:none;
		padding:0 12px 0 12px;
	}
	div.black_wide span.sprn a:hover {
		background:#757575;
	}
	div.black_wide span.link a {
		color:#2c2a29;
		display:block;
		color:#ffffff;
		text-decoration:none;
	}
	div.black_wide span.link a:hover {
		background:#757575;
	}
	span.black_link {
		float:right;
		width: 158px;
		margin:15px 0 5px 0;
	}
	span.black_link a {
		display:block;
		height:30px;
		width:100px;
		float:left;
		color:#000000;
		padding:0 3px 0 3px;
		text-align:center;
		margin-bottom:10px;
		border:solid #8d9296;
		border-width:1px 0 1px 0;
	}
	span.black_link a:hover {
		display:block;
		height:30px;
		width:100px;
		float:left;
		color:#ffffff;
		text-align:center;
		background:#757575;
	}

/*************************************************************************************************************************/
/*** REMKO Page *******************************************************************************************************/

div.remko_wide {
	width:900px;
	height:28px;
	color:#ffffff;
	font-size:13px;
	line-height:28px;
	background-color:#96d30b;
	border-bottom:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	div.remko_wide span.sprn a {
		color:#2c2a29;
		display:block;
		color:#ffffff;
		text-decoration:none;
		padding:0 12px 0 12px;
	}
	div.remko_wide span.sprn a:hover {
		background:#389900;
	}
	div.remko_wide span.link a {
		color:#2c2a29;
		display:block;
		color:#ffffff;
		text-decoration:none;
	}
	div.remko_wide span.link a:hover {
		background:#389900;
	}
	span.remko_link {
		float:right;
		width: 158px;
		margin:15px 0 5px 0;
	}
	span.remko_link a {
		display:block;
		height:30px;
		width:100px;
		float:left;
		color:#000000;
		padding:0 3px 0 3px;
		text-align:center;
		margin-bottom:10px;
		border:solid #8d9296;
		border-width:1px 0 1px 0;
	}
	span.remko_link a:hover {
		display:block;
		height:30px;
		width:100px;
		float:left;
		color:#ffffff;
		text-align:center;
		background:#389900;
	}
		
/*************************************************************************************************************************/
/*** ROBLIN Page *******************************************************************************************************/

div.roblin_wide {
	width:900px;
	height:28px;
	color:#ffffff;
	font-size:13px;
	line-height:28px;
	background-color:#5a7ca6;
	border-bottom:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	div.roblin_wide span.sprn a {
		color:#2c2a29;
		display:block;
		color:#ffffff;
		text-decoration:none;
		padding:0 12px 0 12px;
	}
	div.roblin_wide span.sprn a:hover {
		background:#06428a;
	}
	div.roblin_wide span.link a {
		color:#2c2a29;
		display:block;
		color:#ffffff;
		text-decoration:none;
	}
	div.roblin_wide span.link a:hover {
		background:#06428a;
	}
	span.roblin_link {
		float:right;
		width: 158px;
		margin:15px 0 5px 0;
	}
	span.roblin_link a {
		display:block;
		height:30px;
		width:100px;
		float:left;
		color:#000000;
		padding:0 3px 0 3px;
		text-align:center;
		margin-bottom:10px;
		border:solid #8d9296;
		border-width:1px 0 1px 0;
	}
	span.roblin_link a:hover {
		display:block;
		height:30px;
		width:100px;
		float:left;
		color:#ffffff;
		text-align:center;
		background:#06428a;
	}
		
/*************************************************************************************************************************/
/*** TEN FLUES Page ******************************************************************************************************/

div.ten_wide {
	width:900px;
	height:28px;
	color:#ffffff;
	font-size:13px;
	line-height:28px;
	background-color:#55b4ae;
	border-bottom:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	div.ten_wide span.sprn a {
		color:#2c2a29;
		display:block;
		color:#ffffff;
		text-decoration:none;
		padding:0 12px 0 12px;
	}
	div.ten_wide span.sprn a:hover {
		background:#499490;
	}
	div.ten_wide span.link a {
		color:#2c2a29;
		display:block;
		color:#ffffff;
		text-decoration:none;
	}
	div.ten_wide span.link a:hover {
		background:#499490;
	}
	span.ten_link {
		float:right;
		width: 158px;
		margin:15px 0 5px 0;
	}
	span.ten_link a {
		display:block;
		height:30px;
		width:100px;
		float:left;
		color:#000000;
		padding:0 3px 0 3px;
		text-align:center;
		margin-bottom:10px;
		border:solid #8d9296;
		border-width:1px 0 1px 0;
	}
	span.ten_link a:hover {
		display:block;
		height:30px;
		width:100px;
		float:left;
		color:#ffffff;
		text-align:center;
		background:#499490;
	}
		
/*************************************************************************************************************************/
/*** SBM Page ************************************************************************************************************/

div.sbm_wide {
	width:900px;
	height:28px;
	color:#ffffff;
	font-size:13px;
	line-height:28px;
	background-color:#f6c54f;
	border-bottom:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	div.sbm_wide span.sprn a {
		color:#2c2a29;
		display:block;
		color:#000000;
		text-decoration:none;
		padding:0 12px 0 12px;
	}
	div.sbm_wide span.sprn a:hover {
		background:#eca700;
	}
	div.sbm_wide span.link a {
		color:#2c2a29;
		display:block;
		color:#000000;
		text-decoration:none;
	}
	div.sbm_wide span.link a:hover {
		background:#eca700;
	}
	span.sbm_link {
		float:right;
		width: 158px;
		margin:15px 0 5px 0;
	}
	span.sbm_link a {
		display:block;
		height:30px;
		width:100px;
		float:left;
		color:#000000;
		padding:0 3px 0 3px;
		text-align:center;
		margin-bottom:10px;
		border:solid #8d9296;
		border-width:1px 0 1px 0;
	}
	span.sbm_link a:hover {
		display:block;
		height:30px;
		width:100px;
		float:left;
		color:#ffffff;
		text-align:center;
		background:#eca700;
	}
		
/*************************************************************************************************************************/

a {
	color:#0000FF;
	text-decoration:none;
}