/*
:: Evian Group Arab Region
:: Ali Hammouri
:: September 05, 2007
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

*{margin: 0; padding: 0; outline: 0;}

body {
	font: 11px/150% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	margin: 10px 0;
	padding: 0;
	direction: ltr;
	background: url(../../images/bgBody.gif) left top repeat-x #d0d0d0;
	}

p {
	margin: 0px;
	padding: 0px;
	}

a {
	color: rgb(51, 102, 153);
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

p{
	line-height: 150%;
	margin: 0 0 20px 0;
	}

ul,ol{
	margin: 0 0 10px 45px;
	padding: 0;
	}

ul li, ol li{ 
	margin: 0;
	padding: 0;
	}

h4{
	font-size: 12px;
	color: #000000;
	margin: 0 0 7px;
	padding: 0;
	}

h5{
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin: 0 0 7px;
	padding: 0;
	}

#wrapper {
	width: 764px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	}

/*-- header ------------------------------------------------------------------*/

#mainHeader{
	width: auto;
	margin: 0;
	padding: 0;
	border: 2px solid #FFFFFF;
	}

.topMenu{
	color: #ccc;
	width: auto;
	line-height: 30px;
	height: 30px;
	text-align: right;
	margin: 0;
	padding: 0 10px 0 0;
	position: relative;
	background: url(../../images/bgTopMenu.gif) left top repeat-x;
	}

.topMenu a{
	color: #999999;
	}

.search{
	margin: 4px 0 0 0;
	padding: 0 0 0 10px;
	float: left;
	}

.search input{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 15px;
	width: 200px;
	height: 17px;
	margin: 0;
	padding: 0;
	float: left;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #e1e1e1;
	background: #FFFFFF;
	}

.search #go{
	width: 18px;
	height: 18px;
	float: left;
	border: 0;
	}

.subHeader{
	width: 760px;
	height: 90px;
	margin: 0;
	padding: 0;
	position: relative;
	background: #8593b5;
	}

h1{
	width: 107px;
	height: 53px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	position: relative;
	left: 36px;
	top: 19px;
	background: url(../../images/egar_logo.gif) left top no-repeat;
	}

h1 a{
	width: 107px;
	height: 53px;
	margin: 0;
	padding: 60px 0 0 0;
	display: block;
	}

.evianLogo{
	width: 107px;
	height: 46px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	right: 36px;
	top: 8px;
	background: url(../../images/evian_logo.gif) left top no-repeat;
	}

.evianLogo a{
	width: 107px;
	height: 46px;
	margin: 0;
	padding: 60px 0 0 0;
	display: block;
	}

.mainMenu{
	width: 578px;
	height: 30px;
	position: absolute;
	right: 0;
	bottom: 0;
	border-width: 2px 0 0 2px;
	border-style: solid;
	border-color: #FFFFFF;
	background: #000000;
	}
	
#searchResult{
	width: 500px;
	margin: 0;
	padding: 5px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 900;
	background: #F0F0F0;
	}

#searchResult .close{
	text-align: right;
	margin: 0;
	padding:  0 0 5px 0;
	}

.scroll{
	width: auto;
	height: 90px;
	margin: 0;
	padding: 5px;
	overflow: auto;
	background: #fff;
	z-index: 900;
	}

.scroll h5{
	font-size: 13px;
	font-weight: normal;
	color: #6f80a9;
	margin: 0 0 4px 0;
	padding: 0;
	}

.scroll p a{
	color: #666;
	margin: 0 0 2px 0;
	padding: 0 0 0 9px;
	display: block;
	background: url(../../images/arrow.gif) left 6px no-repeat;
	}

/*-- end header ------------------------------------------------------------------*/

#banner{
	width: 760px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	border: 2px solid #FFFFFF;
	background: #999999;
	}

.ads{
	width: 578px;
	height: 225px;
	float: left;
	border-right: 2px solid #FFFFFF;
	background: url(../../images/bannerHome.jpg) left top no-repeat;
	}

.adsText{
	font: 18px Arial, Helvetica, sans-serif;
	width: 500px;
	margin: 18px;
	padding: 0;
	border: none;
	}

.saying{
	color: #EEEEEE;
	width: 160px;
	height: 90px;
	margin: 0;
	padding: 17px 10px 0 10px;
	float: left;
	overflow: hidden;
	background: url(../../images/quotation.gif) left top no-repeat;
	}

cite{
	color: #000000;
	text-align: right;
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
	}

#intro{
	width: 760px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left !important;
	float: none;
	border: 2px solid #FFFFFF;
	background: #d4e4f7;
	}

#intro p{
	line-height: 140%;
	margin: 10px;
	padding: 0;
	}

/*-- end banner ------------------------------------------------------------------*/

/*-- sub ------------------------------------------------------------------*/

.left{
	width: 180px;
	margin: 43px 0 0 0;
	padding: 0;
	float: left;
	border-right: 2px solid #FFFFFF;
	background: url(../../images/bg_leftSide.gif) left 3px repeat-x;
	}

.option{
	width: 160px;
	height: 87px;
	margin: 25px 0 10px 0;
	padding: 0;
	border: 0px solid #006666;
	}

.option a{
	color: #999999;
	margin: 0 0 1px 0;
	padding: 5px 24px;
	display: block;
	}

.option .print{
	background: url(../../images/icon_option.gif) 10px top no-repeat ;
	}

.option .send{
	background: url(../../images/icon_option.gif) 10px bottom no-repeat ;
	}

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

#subMenu li{
	margin: 0;
	padding: 0;
	}

#subMenu li a{
	color: #4b5b81;
	margin: 0 0 1px 0;
	padding: 5px 10px;
	display: block;
	background: #f3f3f3;
	}

#subMenu li a:hover{
	color: #666666;
	}

.right{
	width: 578px;
	margin: 0;
	padding: 0;
	float: left;
	}

.path{
	color: #999999;
	margin: 0;
	padding: 20px 0 10px 0;
	}

.path a{
	color: #999999;
	}

.subBanner{
	width: 578px;
	}

.content{
	width: 538px;
	margin: 0;
	padding: 20px;
	}

h2{
	font-size: 18px;
	color: #000000;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 0 8px;
	border-left: 2px solid #6f80a9;
	}

/*-- end sub ------------------------------------------------------------------*/

/*-- data ------------------------------------------------------------------*/

.title{
	font-size: 14px;
	color: #6879a1;
	}

.newsList{
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid #e9eef3;
	}

.newsList a{
	color: rgb(95, 95, 95);
	margin: 0 0 10px 0;
	padding: 0 12px;
	display: block;
	background: url(../../images/iconBox.gif) left 2px no-repeat;
	}

.newsList small{
	color: #6699FF;
	font-style: italic;
	margin: 0 0 0 12px;
	padding: 0;
	}

.contact label, .contact input, .contact select, .contact textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 350px;
	margin: 0 0 10px 0;
	padding: 2px;
	display: block;
	float: left;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #E6E6E6 #FFFFFF #FFFFFF #E6E6E6;
	background: #F2F2F2;
	}

.contact select {
	width: 355px;
	}

.contact label {
	color: #333333;
	text-align: left;
	line-height: 20px;
	width: 80px;
	padding: 0;
	border-width: 0;
	background: #FFFFFF;
	}

.contact .btn{
	margin: 0;
	padding: 0 0 0 80px;
	}

.contact .btn input{
	font-size: 11px;
	width: 100px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../../images/btn.gif) left top no-repeat #FFFFFF;
	}

.contact br {
	clear: left;
	}

.publication{
	margin: 0 0 50px 0;
	border: 0px solid #000000;
	}

.publication h5{
	font-size: 11px;
	color: #333;
	font-weight: bold;
	margin: 0 0 5px 90px;
	padding: 0;
	}

.publication p{
	margin: 0 0 0 90px;
	position: relative;
	}

.publication p a{
	color: #990066;
	font-weight: normal;
	width: 50px;
	margin: 10px 0 0 0;
	padding: 2px 10px;
	display: block;
	background: #EBEBEB;
	}

.publication img{
	float: left;
	margin: 0;
	}

/*-- end data ------------------------------------------------------------------*/

#footer{
	width: 760px;
	margin: 10px 0;
	padding: 0;
	float: left;
	border: 2px solid #FFFFFF;
	background: #FFFFFF;
	}

.box{
	width: 245px;
	margin: 0;
	padding: 0 7px 0 0;
	float: left;
	border-right: 2px solid #FFFFFF;
	background: #f1f4fa;
	}

.box h6{
	font-size: 14px;
	font-weight: normal;
	color: #4281CE;
	margin: 10px 0;
	padding: 0 0 0 20px;
	background: url(../../images/arrow.gif) left 2px no-repeat;
	}

.box p{
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	}

.box p a{
	color: #333333;
	margin: 0;
	padding: 0;
	}

.box p img{
	margin: 2px 6px 0 0;
	padding: 0;
	float: left;
	border: 1px solid #FFFFFF;
	}

.box .more a{
	color: #6f80a9;
	}

.noborder{ border-right: 0; }

.footerLinks{
	width: 750px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	border-top: 2px solid #FFFFFF;
	background: #f3f3f3;
	}
	
.footerLinks a{
	color: #666666;
	}
	
.linkLeft
	{
		width:600px;
		line-height: 30px;
		float:left;
	}
	
.linkRight
	{
		margin: 20px 10px;
		float: right;
	}
	
		
.linkRight a
	{
		color: #B0215B;
		float:left;
		padding: 0px 0 0px 26px;
		display: block;
		/*color: #4281CE;*/
		/*background: url(../../images/iconForum.gif) left center no-repeat;*/
	}
	



.copyright{
	line-height: 17px;
	margin: 0;
	padding: 15px 10px 45px 10px;
	float: left;
	}

.copyright a{
	color: #666666;
	}
	
.friend
{
	display: none;
	z-index: 10;
	position: absolute;

	background-color: #FFE9CF;
	border-color: #FFE9CF;
	border-style: solid;
}

.friend label, .friend input, .friend textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 250px;
	margin: 0 0 10px 0;
	padding: 2px;
	display: block;
	float: left;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #E6E6E6 #FFFFFF #FFFFFF #E6E6E6;
	background: #F2F2F2;
	}

.friend label {
	color: #333333;
	text-align: left;
	line-height: 20px;
	width: 80px;
	padding: 0;
	border-width: 0;
	background: #FFE9CF;
	}

.friend .btn{
	margin: 0;
	padding: 0 0 0 80px;
	}

.friend .btn input{
	font-size: 11px;
	width: 100px;
	height: 23px;
	margin: 0 5px;
	padding: 0;
	border: 0;
	background: url(../../images/btn.gif) left top no-repeat #FFFFFF;
	}

.friend br {
	clear: left;
	}

/*-- Print ------------------------------------------------------------------------------------*/

@media Print{
	
	#mainHeader, .left, .subBanner, .path, .footerLinks, .copyright{
		display: none;
		visibility: hidden;
		height: 0;
		}
	
	p, .title {
		color: #000000;
		}
	
	h2{
		font-size: 18px;
		color: #000000;
		font-weight: normal;
		margin: 0 0 15px 0;
		padding: 0;
		border-left: 0px;
		}
	
	#contentWrapper{
		margin: 0;
		padding: 0;
		}

	#container{
		width: auto;
		margin: 0;
		padding: 0;
		}
	
	.publication{
		margin: 0;
		}

	.publication h5{
		font-size: 12px;
		color: #000;
		font-weight: bold;
		margin: 0;
		padding: 0;
		}

	.publication p{
		margin: 0;
		}

	.publication p a{
		visibility: hidden;
		}
	
	.publication img{
		float: none;
		margin: 0;
		}
	
	.newsList{
		margin: 0;
		padding: 5px 0;
		border-bottom: 0;
		}

	.newsList a{
		color: #000;
		margin: 0 0 10px 0;
		padding: 0;
		background-image: none;
		}
	
	.newsList small{
		color: #000;
		font-style: italic;
		margin: 0;
		padding: 0;
		}
}