/*
author: Ziyad Goulamgookhan
project: Orinux website version 2
filename: layout.css
purpose: defining the layout of webpages
*/


/* this is for the purpose of the box design to allow the footer to float below */
html { height: 97%; }

body {
	text-align: center; /* centering the page */
	background-image: url(../img/bg_strip.gif);
	background-repeat: repeat-x;
	height: 97%; /* used in conjunction with html height */
	background-color: #858585;
}

p { padding: 0; margin: 0; }

#pageContainer {
	width: 97%; /* creating the box fx */
	min-height: 97%; /* used in conjunction with the above height */
	min-width: 938px;
	margin: 0 auto;
	margin-top: 16px;
	margin-bottom: 15px;
	background-color: #fff;
	text-align: left;
}

#header { height: 163px; background: #FFF url(../img/bg_header_strip.gif) repeat-x; }

#logoBlock { float: left; width: 30%; }

#menuTop { 
	float: right; 
	width: 70%; 
	height: 4px;
	background: black;
	border-bottom: 1px solid #FFF;
}

#menuBlock { 
	float: right;
	width: 70%;
	background: #4C4C4C;
	height: 109px;
}

#menuServices { float: left; width: 270px; }

#menuProducts { float: left; width: 270px; }

#menuSearch {
	float: right; 
	width: 70%; 
	height: 35px; 
	background: black;
	border-top: 1px solid #FFF;
}

#menuServices div, #menuProducts div { float: left; }

#menuServices div h4, #menuProducts div h4 { display: none }

#logo {
	position: relative;
	left: 41px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	height: 117px;
}

#logo h1 { display: none; }

#logo h2 { display: none; }

#logoLeft {
	background-image: url(../img/logoLeft.gif);
	background-repeat: no-repeat;
	height: 114px;
}


/************* replacing the word orinux with image version **************/
#logoSmall {
	position: relative;
	top: 2px;
	background-image: url(../img/logoSmall.gif);
	background-repeat: no-repeat;
	padding-right: 73px;
}

#logoSmall strong { display: none; }
/************* replacing the word orinux with image version **************/


/************* search box **************/
#search {
	background-image: url(../img/searchBg.gif);
	background-repeat: repeat-x;
	height: 34px;
	padding-right: 60px;
	text-align: right;
}

a.searchlink {
	font-size: 92%;
	color: #fff;
	text-decoration: none;
}

a.searchlink:hover {
	font-size: 92%;
	color: #fff;
	text-decoration: none;
}

.searchlabel { color: #fff; padding-right: 0.5em; }

.searchEN { color: #FFF; margin-left: 1em; }

.searchFR { color: #FFF; }

.searchbox {
	width: 12em;
	height: 1.2em;
	border: solid #1C1C1C 1px;
	font-size: 11px;
}

.searchbutton {
	font-size: 9px;
	color: #FFF;
	width: 8.5em;
	padding: 0.1em;
	border: solid #000 1px;
	background-color: #B20000;
}
/************* end search box **************/

#iconBg {
	background-image: url(../img/iconsBg.gif);
	background-repeat: repeat-x;
	height: 34px;
	width: 322px;
}

#icon { text-align: right; }

#icon ul {
	margin-left: 0;
	padding-left: 0;
	padding-top: 21px;
	display: inline;
	background-color: #fff;
}

#icon ul li {
	margin-left: 0;
	padding: 3px 15px;
	list-style: none;
	display: inline;
}

#nav {
	background-image: url(../img/menuBg.gif);
	background-repeat: repeat-x;
	height: 35px;
	text-align: center;
}

#navlist { padding-top: 8px; }

#slogan {
	background-image: url(../img/sloganBg.gif);
	background-repeat: repeat-x;
	height: 79px;
	padding-right: 40px;
	text-align: right;
}

#slogan2 {
	position: relative;
	left: 55px;
	top: 13px;
}

form#searchform { padding-top: 0.45em; }

#underHeader {
	background-image: url(../img/underLogo.gif);
	background-repeat: repeat-x;
	height: 15px;
}

#main-body {
	float: left;
	width: 100%;
	background-color: #fff;
	margin-bottom: 20px;
}

#sidebar { float: left; width: 30%; }

#content { float: right; width: 70%; }

#content2 { float: right; width: 45%; }

#sidebar2 {
	float: right;
	width: 25%;
	background-color: #EAEAEA;
}

#container { margin: 0em 3em 3em 3em; }

#container2 { margin: 0em 5em 2em 2em; }

#containerHome { margin: 0em 1em 5em; }

#container p { padding-bottom: 1.5em; }

#separator { border: 0; border-bottom: 1px solid #858585; }

#downloadList { position: relative; clear: both;}
#downloadList ul{ list-style-type:none; padding:0; margin:0; }
#downloadList ul li{ float:left; position:relative; margin-bottom: 0.3em;}

#postal {
	margin: 0;
	padding: 0;
	display: block;
	margin-top: -1.3em;
}

#postal div { float: left; width: 50%; }

#postal hr { float: left; margin-bottom: 1.5em; }

#footer { text-align: center; }


/******************** test contact form ********************/

#contactform { /* 	width: 40em; */ }

#contactform fieldset { 
	height: 20em;
	width: 14em;
	border: 0;
	margin: 0;
	float: left;
}

#contactform fieldset label {
	color: #B20000;
	display: block;
	line-height: 1.5em;
}

#contactform fieldset input, select {
	margin: 0px 0px 7px 0px;
	height: 1.2em;
	width: 15em;
	border: solid #858585 1px;
}
	
#contactform fieldset input.submit-me {
	font-size: 90%;
	color: #B20000;
	width: 6em;
	height: 1.7em;
	border: solid #858585 1px;
}
	
#contactform fieldset textarea {
	margin: 0px 0px 7px 0px;
	font-size: 1.07em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 11.7em;
	width: 25em;
	border: solid #858585 1px;
}

#contactform fieldset textarea.addr {
	width: 15em;
	height: 8.2em;
}
	
/******************** test contact form ********************/

/***************** login form *****************/
#login {float:left;width:120px; height:109px;margin-left:3px;}
#login h5 {font-family: arial, sans-serif; font-size:11px; color:#FFF; margin:0; border-bottom:1px solid #3D3D3D; padding:2px 6px;}
#loginform {font-family: arial, sans-serif; font-size:10px; color:#FFF; padding:2px 7px; margin:0}
#loginform label {width:8em;}
#loginform label.strongme { font-weight:bold; }
#loginform label.strongme span { font-size:9pt; }
#loginform input {width:10em;height: 1.2em;border:1px solid #3D3D3D;font-size: 11px; }
#loginform input.loginbutton { margin:7px 0; font-size: 9px; color: #FFF; width: 8.5em; height:2em; padding: 0.1em; border:1px solid #3D3D3D; background-color: #B20000;}
/***************** end login form *****************/


/****************** distributor form ********************/
#distributorform { /* 	width: 40em; */ }

#distributorform fieldset {
	height: 29em;
	width: 14em;
	border: 0;
	margin: 0;
	float: left;
}

#distributorform fieldset label {
	color: #B20000;
	display: block;
	line-height: 1.5em;
}

#distributorform fieldset input, select {
	margin: 0px 0px 7px 0px;
	height: 1.2em;
	width: 15em;
	border: solid #858585 1px;
}
	
#distributorform fieldset input.submit-me {
	font-size: 90%;
	color: #B20000;
	width: 6em;
	height: 1.7em;
	border: solid #858585 1px;
}
	
#distributorform fieldset textarea {
	margin: 0px 0px 7px 0px;
	font-size: 1.07em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 22em;
	width: 25em;
	border: solid #858585 1px;
}

#distributorform fieldset textarea.addr {
	width: 15em;
	height: 8.2em;
}
	
/****************** end distributor form ********************/


/******************** news archive form ********************/
.frmTxt, .frmSlc{
	margin: 1em 0.8em 0.1em 0;
	padding: 0;
	padding-left: 0.3em;
	height: 1.4em;
	width: 16em;
	font-size: 92%;
	border: 1px solid #858585;
	color: #B20000;
}

.frmTxt { color: #1C1C1C;}

.frmSlc optgroup {
	color: #B20000;
	font-style: normal;
}

.frmSlc optgroup option { color: #1C1C1C; }

.frmSubmit {
	font-size: 90%;
	color: #B20000;
	width: 7em;
	height: 1.7em;
	border: solid #858585 1px;
	margin: 1em 0.8em 0.1em 0;
}

/******************** end news archive form ********************/



#mailingform { /* 	width: 40em; */ }

#mailingform fieldset {
/* 	height: 7em; */
	width: 14em;
	border: 0;
	margin: 0;
/* 	float: left; */
}

#mailingform fieldset label {
	color: #B20000;
	display: block;
	line-height: 1.5em;
}

#mailingform fieldset input {
	margin: 0px 0px 7px 0px;
	height: 1.2em;
	width: 15em;
	border: solid #858585 1px;
}
	
#mailingform fieldset input.submit-me {
	font-size: 90%;
	color: #B20000;
	width: 6em;
	height: 1.7em;
	border: solid #858585 1px;
}
	


/******************** map ********************/
#map {
	margin:0;
	padding:0;
	width:491px;
	height:456px;
	background:url(../img/map_africa.gif) top left no-repeat #fff;
}

#map li {
	margin:0;
	padding:0;
	list-style:none;
}

#map li a {
	position:relative;
	display:block;
	text-decoration:none;
	color:#000;
}

#map li a span { display:none; }

#map li a:hover span {
	position:relative;
	display:block;
	width:180px;
	left:-50px;
	top:-130px;
	border:1px solid #000;
	background:#fff;
	padding:10px;
	opacity:0.8;
}

#map a.rwanda {
	top:200px;
	left:255px;
	width:60px;
	height:60px;
}

#map a.mauritius {
	top:270px;
	left:420px;
	width:70px;
	height:50px;
}
/******************** end map ********************/

/******************** mission, vision, and values ********************/
					#valuesEN {
						position: relative;
						background: url(../img/values_missionEN.gif) no-repeat top right;
						width: 575px;
						height: 500px;
						text-align: center;
					}
					
					#valuesEN h4 { display: none; }
					
					#valuesEN div.mission {
						position: absolute;
						display:block;
						width:205px;
						left:25px;
						top:15px;
						padding:15px;
						z-index: 1000;
					}
					
					#valuesEN div.vision {
						position: absolute;
						display:block;
						width:205px;
						left:315px;
						top:45px;
						padding:15px;
						z-index: 1000;
					}
					
					#valuesEN div.goal {
						position: absolute;
						display:block;
						width:205px;
						left:175px;
						top:350px;
						padding:15px;
						z-index: 1000;
					}
					
/***********  ****************/
			#valuesFR {
				position: relative;
				background: url(../img/values_missionFR.gif) no-repeat top right;
				width: 575px;
				height: 500px;
				text-align: center;
			}
			
			#valuesFR h4 { display: none; }
			
			#valuesFR div.mission {
				position:absolute;
				display:block;
				width:205px;
				left:25px;
				top:15px;
				padding:15px;
				z-index: 1000;
			}
			
			#valuesFR div.vision {
				position:absolute;
				display:block;
				width:205px;
				left:315px;
				top:35px;
				padding:15px;
				z-index: 1000;
			}
			
			#valuesFR div.goal {
				position:absolute;
				display:block;
				width:205px;
				left:175px;
				top:340px;
				padding:15px;
				z-index: 1000;
			}
			
			
/******************** end mission, vision, and values ********************/

/******************** integrity, quality, and trust ********************/
					#values2EN {
						position: relative;
						background: url(../img/values_integrityEN.gif) no-repeat top right;
						width: 575px;
						height: 500px;
						text-align: center;
					}
					
					#values2EN h4 { display: none; }
					
					#values2EN div.integrity {
						position:absolute;
						display:block;
						width:205px;
						left:25px;
						top:25px;
						padding:15px;
						z-index: 1000;
					}
					
					#values2EN div.quality {
						position:absolute;
						display:block;
						width:205px;
						left:315px;
						top:25px;
						padding:15px;
						z-index: 1000;
					}
					
					#values2EN div.trust {
						position:absolute;
						display:block;
						width:205px;
						left:175px;
						top:350px;
						padding:15px;
						z-index: 1000;
					}
					
/************  ************/
			#values2FR {
				position: relative;
				background: url(../img/values_integrityFR.gif) no-repeat top right;
				width: 575px;
				height: 500px;
				text-align: center;
			}
			
			#values2FR h4 { display: none; }
			
			#values2FR div.integrity {
				position:absolute;
				display:block;
				width:205px;
				left:25px;
				top:25px;
				padding:15px;
				z-index: 1000;
			}
			
			#values2FR div.quality {
				position:absolute;
				display:block;
				width:205px;
				left:315px;
				top:25px;
				padding:15px;
				z-index: 1000;
			}
			
			#values2FR div.trust {
				position:absolute;
				display:block;
				width:205px;
				left:175px;
				top:350px;
				padding:15px;
				z-index: 1000;
			}
			
/******************** end integrity, quality, and trust ********************/

/******************** services overview ********************/

/****************** EN ********************/
					#servicesEN {
						position: relative;
						background: url(../img/servicesEN-overview2.gif) no-repeat bottom right;
						width: 594px;
						height: 636px;
						text-align: center;
						margin-bottom: 50px;
					}
					
					#servicesEN h4 { display: none;}
					
					#servicesEN div {
						position: absolute;
						display:block;
						width:205px;
						padding:0px 15px;
						z-index: 500;
					}
					
					#servicesEN div span { padding: 1em 7.2em; }
					
					#servicesEN div span:hover {
						background-color: #fff;
						opacity: 0.40;
						cursor: pointer;
					}
					
					#servicesEN div a.lnkservices:hover { text-decoration: none; }
					
					#servicesEN div.management {
						left:20px;
						top:35px;
					}
					
					#servicesEN div.protection {
						left:340px;
						top:35px;
					}
					
					#servicesEN div.network {
						left:20px;
						top:430px;
					}
					
					#servicesEN div.professional {
						left:340px;
						top:430px;
					}
/**************** end EN ***************/


/**************** FR *****************/
		#servicesFR {
			position: relative;
			background: url(../img/servicesFR-overview2.gif) no-repeat center;
			width: 594px;
			height: 636px;
			text-align: center;
			margin-bottom: 50px;
		}
		
		#servicesFR h4 { display: none;}
		
		#servicesFR div {
			position: absolute;
			display:block;
			width:205px;
			padding:0px 15px;
			z-index: 500;
		}
		
		#servicesFR div span { padding: 1em 7.2em; }
		
		#servicesFR div span:hover {
			background-color: #fff;
			opacity: 0.40;
			cursor: pointer;
		}
		
		#servicesFR div a.lnkservices:hover { text-decoration: none; }
		
		#servicesFR div.management {
			left:20px;
			top:30px;
		}
		
		#servicesFR div.protection {
			left:340px;
			top:30px;
		}
		
		#servicesFR div.network {
			left:20px;
			top:430px;
		}
		
		#servicesFR div.professional {
			left:340px;
			top:430px;
		}
/********************* end FR *******************/

/******************** end services overview ********************/

/********** company overview **********/
		/***** EN *****/
		#companyoverviewEN {
			background-image: url(../img/company_overviewEN.gif);
			background-repeat: no-repeat;
			background-position: bottom right;
			width: 594px;
			height: 500px;
			text-align: center;
			margin-bottom: 50px;
		}
		
		#companyoverviewEN h4 { display: none; }
		
		#companyoverviewEN span {
			position: relative;
			display: block;
			color: #1C1C1C;
			height: 160px;
			padding: 2em;
		}
		
		#companyoverviewEN span.analysis {
			position:relative;
			display:block;
			width:205px;
			left:20px;
			top:30px;
			padding:0px 15px;
			z-index: 500;
		}
		
		#companyoverviewEN span.execution {
			position:relative;
			display:block;
			width:205px;
			left:340px;
			top:-132px;
			padding:0px 15px;
			z-index: 500;
		}
		
		#companyoverviewEN span.training {
			position:relative;
			display:block;
			width:210px;
			left:17px;
			top:50px;
			padding:0px 15px;
			z-index: 500;
		}
		
		#companyoverviewEN span.support {
			position:relative;
			display:block;
			width:205px;
			left:340px;
			top:-110px;
			padding:0px 15px;
			z-index: 500;
		}
		/***** EN *****/
		
		/***** FR *****/
		#companyoverviewFR {
			background-image: url(../img/company_overviewFR.gif);
			background-repeat: no-repeat;
			background-position: bottom right;
			width: 594px;
			height: 500px;
			text-align: center;
			margin-bottom: 50px;
		}
		
		#companyoverviewFR h4 { display: none; }
		
		#companyoverviewFR span {
			position: relative;
			display: block;
			color: #1C1C1C;
			height: 160px;
			padding: 2em;
		}
		
		#companyoverviewFR span.analysis {
			position:relative;
			display:block;
			width:205px;
			left:20px;
			top:40px;
			padding:0px 15px;
			z-index: 500;
		}
		
		#companyoverviewFR span.execution {
			position:relative;
			display:block;
			width:205px;
			left:340px;
			top:-120px;
			padding:0px 15px;
			z-index: 500;
		}
		
		#companyoverviewFR span.training {
			position:relative;
			display:block;
			width:210px;
			left:17px;
			top:40px;
			padding:0px 15px;
			z-index: 500;
		}
		
		#companyoverviewFR span.support {
			position:relative;
			display:block;
			width:205px;
			left:340px;
			top:-120px;
			padding:0px 15px;
			z-index: 500;
		}
		/***** FR *****/
		
/********** end company overview **********/

#phil { position: relative; }

#phil h5 a div {
	position:absolute;
	display:none;
	width:330px;
	left:0;
	top:-212px;
	background:#1C1C1C;
	padding:15px 15px 0px 15px;
	opacity: 0.93;
	color: #fff;
	font-weight: normal;
	z-index: 1000;
}

#phil h5 a:hover div { display: block; text-decoration: none; } 

#showcompanyoverview a { position: relative; text-decoration: none; }

#showcompanyoverview h5 { margin: 0.2em; }

#showcompanyoverview a:hover span { display: block; }

#showcompanyoverview span { display: none; color: #fff; }

#showcompanyoverview span.analysis {
	position:absolute;
	width:200px;
	left:-185px;
	top:15px;
	background:#1C1C1C;
	padding:15px;
	opacity: 0.95;
	z-index: 1000;
}

#showcompanyoverview span.execution {
	position:absolute;
	width:200px;
	left:-185px;
	top:15px;
	background:#1C1C1C;
	padding:15px;
	opacity: 0.95;
	z-index: 1000;
}

#showcompanyoverview span.training {
	position:absolute;
	width:200px;
	left:-185px;
	top:15px;
	background:#1C1C1C;
	padding:15px;
	opacity: 0.95;
	z-index: 1000;
}

#showcompanyoverview span.support {
	position:absolute;
	width:200px;
	left:-185px;
	top:15px;
	background:#1C1C1C;
	padding:15px;
	opacity: 0.95;
	z-index: 1000;
}



/******************** process div box ********************/
#sameline {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sameline li { display: inline; }

#sameline li div {
	width: 35%;
	text-align: justify;
	background-image: url(../img/greybox_bg.gif);
	background-repeat: repeat;
	border: 1px solid #858585;
	padding: 0em 1.5em;
}

#processbox {
	width: 45%;
	vertical-align: top;
	text-align: justify;
	background-image: url(../img/greybox_bg.gif);
	background-repeat: repeat;
	border: 1px solid #858585;
	padding: 0em 1.5em;
}


#iconbox { margin: 1em 1em 0em 0em; }

#centerbox { text-align: center; }
/******************** end process div box ********************/

#searchgrey { padding: 1em 0 1em 0; }

#searchgrey div {
	float: left;
	display: inline;
	width: 40%;
}

#separator2 { clear: left; }

#separator3 {
	clear: left;
	border: 0;
	border-bottom: 1px solid #858585;
}

#whiteout { background-color: #fff; }

/********** search results **********/

.searchH4 {
	color: #fff;
	background-color: #1C1C1C;
	padding-left: 0.5em;
	font-weight: lighter;
}

.searchTitle {
	font-size: 95%;
	padding-left: 0.5em;
	border-bottom: 1px solid #1C1C1C;
}

.resultBrief {
	color: #858585;
	padding-left: 0.5em;
}

.resultTitle {
	padding-left: 0.5em;
}

/******************* list table ********************/
#ListTable {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 1em;
}
#ListTable td { font-size: 92%; }
#ListTable tr:hover { background-color: #EAE8EB; }
#HeadTable {
	border-bottom: 1px solid #858585;
	font-size: 90%;
	letter-spacing: 1px;
	background-color: #FFF;
}
#HeadTable th { background-color: #FFF; }
#TitleTable {
	text-align: left;
	letter-spacing: 1px;
	background-color: #FFF;
}
#TitleTable th { background-color: #FFF; }
#TitleTable th h4 { margin-bottom: 0.5em; }
#ColorRowTable { background-color: #F5EFEC; }
#HiliteRowTable {
 	font-weight: bold;
 	background-color: #E1C9C7;
 	border-bottom: 1px solid #B20000;
 	border-top: 1px solid #B20000;
}
/******************* end list table ********************/

#partners { display: block; }

#partners div { display: inline; padding: 3em; }


/******************* flyout menu ********************/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menuSolutions { position: relative; font-family: arial, sans-serif; width:100px; height:50px; margin:0; font-size:11px; margin:2px 12px;}
.menuSolutions ul li a, .menuSolutions ul li a:visited {display:block; padding: 0 0.5em; text-decoration:none; color:#FFF; width:130px; height:20px; text-align:left; border-bottom: 1px solid #3D3D3D; line-height:19px; font-size:11px;}
.menuSolutions ul li a:hover { text-decoration:none; }
.menuSolutions ul {padding:0; margin:0;list-style-type: none;}
.menuSolutions ul li {float:left; position:relative;}
.menuSolutions ul li ul { display: none; z-index: 1000;}

/* specific to non IE browsers */
.menuSolutions ul li:hover a {color:#fff; background:#B20000;}
.menuSolutions ul li:hover ul {display:block; position:absolute; top:0; left:130px; width:105px;}
.menuSolutions ul li:hover ul li { padding-bottom: 0.3em; background:#000; }
.menuSolutions ul li:hover ul li a {display:block; background:#000; color:#FFF; width:150px; border:0;}
.menuSolutions ul li:hover ul li a:hover {background:#858585; color:#000;}

.menuSolutions ul li ul li a:hover {background:#858585; color:#000;} /* for ie */

/******************* end flyout menu ********************/


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
#menuHome { position: relative; top: 7px; left: 10px; }

#menuHome ul{ list-style-type:none; padding:0; margin:0; }

/* make the top level links horizontal and position relative so that we can position the sub level */
#menuHome li{ float:left; position:relative;}

/* use the table to position the dropdown list */
#menuHome table{ position:absolute; border-collapse:collapse; z-index:1; left:-1px; top:20px; }

/* style all the links */
#menuHome ul li a, #menuHome ul li a:visited { display:block; font-size:11px; padding: 2px 6px; color:#FFF; text-decoration:none; text-align:left;}

/* style the links hover */
#menuHome ul li a:hover, #menuHome ul li:hover a { color:#FFF; background:#B20000; }

/* hide the sub level links */
#menuHome ul li ul { visibility:hidden; position:absolute; z-index: 1000; }

#menuHome ul li ul li { background: #000; width: 170px; padding-bottom: 0.3em; opacity: 0.88;}
#menuHome ul li:hover ul li a { color:#FFF; background:#000;}
#menuHome ul li:hover ul li a:hover { color:#000; background:#858585; }
#menuHome ul li ul li a:hover { color:#000; background:#858585; }

/* make the sub level visible on hover list or link */
#menuHome ul li:hover ul, #menuHome ul a:hover ul{ visibility:visible; }


#menuSearchBox { float: right; position: relative; top: 1px; }
#menuSearchBox ul{ list-style-type:none; padding:0; margin:0; }

/* make the top level links horizontal and position relative so that we can position the sub level */
#menuSearchBox li{ float:left; position:relative; }
#menuSearchBox ul li { display:block; font-size:11px; padding: 2px 1px; color:#FFF; text-decoration:none; text-align:left; }
#menuSearchBox ul li.searchMarginRight { width: 2.5em; }

/********** promotions ************/

#promotion {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #858585;
	background: #FFF;
}

#promotion h4 {
	margin: 0;
	padding: 0 1em;
	text-align: center;
	color: #FFF;
	font-size: 100%;
	background: #000;
	border-bottom: 3px solid #B20000;
}

#promotion p { margin: 0; padding: 1em; font-size: 92%; }

#promotion p.rightme { text-align: right;}

#sitemap {
	float: left;
	width: 29%;
	margin: 0 2em 5em 0;
}

#sitemap h5 {
	margin: 0;
	text-align: left;
	padding: 0.2em 0;
	border-bottom: 1px solid #555;
}

#sitemap p { margin: 0.2em 0; padding: 0;}

#sitemap ul {
	list-style-type: square;
	margin: 0;
	padding-left: 2.8em;
	text-align: left;
}

#sitemap ul li {
	font-size: 91%;
	padding: 0;
	border-bottom: 1px solid #AAAAAA;
}

#sitemap a { color: #000;}
#sitemap a:hover { color: #B20000;}

/******************* list table ********************/
#ListTable {width:100%; border: 1px solid #858585;text-align: center;border-collapse: collapse;border-spacing: 1em;}
#ListTable tr td { font-size: 92%; }
#ListTable tr:hover { background-color: #EEE; }
#HeadTable {color: #ffffff;font-size: 9px;letter-spacing: 1px;background-color: #1C1C1C;}
#HeadTable th { background-color: #1C1C1C; }
#tiny, #tiny th { font-size: 92%; font-weight: normal;	background: #BBB; }
#ColorRowTable { background-color: #DDD; }
#HiliteRowTable {	font-weight: bold; 	background-color: #E1C9C7; 	border-bottom: 1px solid #B20000; 	border-top: 1px solid #B20000;}
/******************* end list table ********************/

/*********** prestation ***********/
input.prestationSingleLine{ 
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 1.4em;
	width: 15em;
	border: solid #858585 1px;
}
input.prestationShortLine { 
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 1.4em;
	width: 7em;
	border: solid #858585 1px;
}
select.prestationSelect { height: 1.5em; width:7em;}
textarea.prestationTextarea {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 9em;
	width: 15em;
	border: solid #858585 1px;
}

#notyet { font-size:8pt; font-style: italic; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666; }