/*=======================*/
/*= Global Informations =*/
/*=======================*/
/*
	Author: Agency.com
	Client: Delhaize
	Template: portail page
	
	Start Date: 08-05-07
	End Date: 09-05-07	
	Revision: 11-06-07
*/

/*=====================*/
/*=  Table of  =*/
/*=====================*/
/*	
	01. COMMON STYLING
	02. MAIN CONTAINER	
	03. HEADER
		 =language
		 =TOPNAV
		 =navigation
		 
	04. SUB-HEADER
		 	=main-visual
			=search engine
		 				
	05. CONTENT-CONTAINER		 
	06. CONTENT (centrale)
			=tickertape
			=boxes
	
	07. CONTENT (right)	 
	08. FOOTER
	09. E-STICKERS

*/


/* 01.COMMON STYLING
-------------------------------------- */
* { margin: 0; outline: 0; padding: 0 }

body {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
}
h1 {
	margin:0;
	padding:0;
}
h2 {
	margin:0 0 10px 0;
}
h3 {
	margin:0 0 10px 0;
	color:#333;
	text-transform:uppercase;
	font-size:12px
}
h4 {
	margin:0 0 10px 0;
	color:#999;
	font-size:12px;
	font-weight:bold;
}
a:link {
	color:#CC0000;
}
a:visited {
	color:#CC0000;
}
a:hover {
	color:#CC0000;
	text-decoration:none;
}
a:active {
	color:#CC0000;
}
form, input, textarea, select {
	padding:0;
	margin:0;
}
img {
	border:none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
#main-container {
	position:relative;
	margin:0 auto;
	width:960px;
}
/* 02. MAIN CONTAINER
-------------------------------------- */
	#container {
	padding:0;
}
/* 03.HEADER
-------------------------------------- */

#header {
	position:relative;
	height:70px;
}
/* HEADER =language
	-------------------------------- */
	#language {
	float:right;
	margin:0;
	padding:0;
	height:19px;
	overflow:hidden;
}
#language img {
	border:none;
}
/*  HEADER = TOPNAV
	-------------------------------- */
	#top-nav {
	background:url(../portal/_images/topnav/top-nav-right.gif) left top no-repeat;
	padding-left:7px;
	height:22px;
	float:right;
}
#top-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	background:url(../portal/_images/topnav/top-nav-left.gif) right top no-repeat;
	float:left;
	padding-right:7px;
	height:22px;
}
#top-nav ul li {
	display:block;
	float:left;
	margin:4px 0;
	border-right:1px solid #CCC;
	border-left:1px solid #FFF;
	line-height:14px;
	vertical-align:middle;
	padding:0 5px;
}
#top-nav ul li.first {
	border-left:none;
}
#top-nav ul li.last {
	border-right:none;
}
#top-nav ul li a {
	color:#9b9a9a;
	text-decoration:none;
}
#top-nav ul li a:hover {text-decoration:underline;}
/*  HEADER = navigation
	-------------------------------- */
#navigation {
	float:left;
}
#navigation li {
	display:block;
	float:left;
	font-size:13px;
	padding-right:35px;
}
#navigation li a {
	color:#666;
	text-decoration:none;
}
#navigation li a:hover {text-decoration:underline;}
/* 04. SUB-HEADER
-------------------------------------- */

/* SUB-HEADER =main-visual
	-------------------------------- */
#logo {
	float:left;
	margin:2px 5px 0 0;
}
/* SUB-HEADER =search engine
	-------------------------------- */
#search-engine { background: #92caff; height: 112px; float: left; padding: 10px 5px 10px 4px; width: 158px }

#main-visual {
	float:left;
}
.SlideTab {display:none;}
.SlideTab.current {display:block;}
ul#arrows {
	list-style:none;
}
ul#arrows li {
	display:block;
	position:absolute;
	top:250px;
	z-index:10000;

}
ul#arrows li.right {
	margin-left:663px;
}
ul#tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 465px;
	left: 614px;
	z-index: 5000;
	width: 250px;
}
ul#tabs li {
	float:left;
}
ul#tabs a {
	display:block;
	width:15px;
	height:13px;
	border:1px solid #dcdbdc;
	text-decoration:none;
	text-align:center;
	margin-right:3px;
	color:#000;
	background:url(../portal/_images/background/bg_tab.gif) left top no-repeat;
}
ul#tabs a:hover, ul#tabs a.active {
	background:url(../portal/_images/background/bg_tab_active.gif) left top no-repeat;
	color:#FFF;
}
#sidebar {
	float:right;
	width:167px;
}

#search-engine a { color: #000; text-decoration: underline }
#search-engine p { clear: left; font-size: 11px; line-height: 13px; margin: 0; padding: 0 }
#search-engine h2 { line-height: 0; margin: 0; padding: 0 }
#search-engine h3 { margin: 0 }
#search-engine input { color: #666; height: 17px; float: left; font: normal 11px/1 Arial, Helvetica, sans-serif; margin: 0 5px 0 0; padding-top: 3px; width: 80px }
#search-engine input.button { height: 21px; margin: 1px 0 0; padding: 0; width: 65px }
#search-engine select { color: #666; font: normal 11px/1 Arial, Helvetica, sans-serif; width: 130px }
#search-engine hr {
	border:0;
	color:#999999;
	background-color:#999999;
	height:1px;
	padding:0;
	margin:0 20px 10px 0;
}

/* 05. CONTENT-CONTAINER
-------------------------------------- */
#content-container {
	background:#FFFFFF;
	float:left;
	width:882px;
}
/* 06. CONTENT (centrale)
-------------------------------- */
#content {
	float:left;
	width:715px;
	padding:0;
	margin:0;
}
/* CONTENT (c) =tickertape
	-------------------------------- */
	#ticket { display: none;
	background: #FFF;
	position:relative;
	padding:0px 0 13px;
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	color:#000000;
}
#ticket a {
	color:#000000;
}
#dummyticker {
	background:#FFF;
	position: absolute;
	top:0;
	left:0;
	z-index:10;
	height:20px;
	visibility: show;
}
/* CONTENT (c) =boxes
	-------------------------------- */
	.boxe {
	font:normal 12px Arial, Helvetica, sans-serif;
	float:left;
	width:169px;
	height:105px;
	color:#FFF;
	text-align:center;
	padding-right:8px;
	overflow:hidden;
}
#recipe.boxe {
	background:url(../portal/_images/background/bg_box_recipe.gif) left top no-repeat;
}
.boxe input {
	float:left;
	width:108px;
	border:1px solid #CCC;
	margin:0 3px 0 20px;
	height:21px;
}
.boxe input.button {
	width:26px;
	height:21px;
	border:none;
	margin:1px 0 0;
}
#recipe input.button {
	background:url(../portal/_images/button/btn-box-recipe.gif) left top no-repeat;
}
#mydelhaize input.button {
	background:url(../portal/_images/button/btn-box-mydelhaize.gif) left top no-repeat;
}
#promo.boxe {
	background:url(../portal/_images/background/bg_box_promo.gif) left top no-repeat;
}
#plus.boxe {
	background:url(../portal/_images/background/bg_box_plus.gif) left top no-repeat;
}
#mydelhaize.boxe {
	background:url(../portal/_images/background/bg_box_mydelhaize.gif) left top no-repeat;
}
.boxe h2 {
	margin:10px 0 5px;
}
.boxe p {
	width:145px;
	margin:0 auto 5px
}
/* 07. CONTENT (right)
-------------------------------- */
#stores {
	background:url(../portal/_images/background/bg_stores.gif) left top no-repeat;
	width:153px;
	margin-top:10px;
	float:left;
	clear:left;
	padding:7px 7px 3px;
}
#stores h2 {
	margin:0;
	padding:2px 0 5px;
	float:left;
}
#stores h2 img {
	float:left;
}
#stores h3 {
	margin:0;
	padding:0
}
#stores h3 a {
	background:url(../portal/_images/background/bg_h3_stores.gif) top left no-repeat;
	width:145px;
	height:21px;
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	padding:0 0 0 6px;
	line-height:21px;
	vertical-align:middle;
	text-transform:none;
	margin:0;
	float:left;
}
#stores div.icon {
	float:left;
	margin:0;
	padding:5px 0 0;
	width:151px;
	height:46px;
}
#stores div.icon img {
	float:left;
}
#stores div.icon p {
	color:#666;
	padding-left:10px;
	float:left;
	 width:105px;
}
#stores div.icon p a {color:#666}
/* 08. FOOTER
-------------------------------- */
#links {
	float:left;
	width:876px;
	border:1px solid #e9e8e8;
	margin:10px 0 30px;
	padding:15px 2px 10px;
	clear:left;
}
#links div {
	width:126px;
	padding:0 10px;
	float:left;
}
#links h4 {
	color:#666;
	font-weight:bold;
	font-size:11px;
	margin:0;
	padding:0
}
#links ul {
	color:#666;
	list-style:none;
	margin:0;
	padding:0
}
#links li {
	padding:2px 0
}
#links a {
	color:#999;
	text-decoration: none;
}
#links a:hover {text-decoration:underline;}

/* 09. E-STICKERS
-------------------------------- */
#main-container #esticker1 { position:absolute; left:445px; top:90px;}
#main-container #esticker1 p { color:#fff; width:127px; margin-left:16px;}
#main-container #esticker1 a { color:#fff;}
#main-container #esticker2 { position:absolute; left:445px; top:300px;}
#main-container #esticker2 p { color:#fff; width:127px; margin-left:16px;}
#main-container #esticker2 a { color:#fff;}
#main-container #esticker3 { position:absolute; left:-80px; top:180px;}
#main-container #esticker3 p { color:#fff; width:127px; margin-left:16px;}
#main-container #esticker3 a { color:#fff;}