/*======================*/
/*= Global Information =*/
/*======================*/
/*
	Author: Agency.com
	Client: Delhaize
	Template: delhaizefood portal
	
	Start Date: 30-05-07
	End Date: 31-05-07
	
	Revision: 21-06-07
*/

/*=====================*/
/*=  Table of content =*/
/*=====================*/
/*	
	01. COMMON STYLING
	02. POSITIONNING AND STRUCTURE
	03. NAVIGATIONS
			=main-navigation
				=information section
			=sub-navigation
	04. CONTENT
			=boxes
	05. RIGHT CONTAINER
			=search-engine
			=subscription
	06. FOOTER
	07. MISCS
			=clear
*/

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

html, body {
	background:#FFFFFF url(../_images/backgrounds/bg_home.gif) 0 68px repeat-x;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	padding:0;
	height:100%;
}

h1 {
	margin:0;
	padding:0;
}

h2 {
	margin:10px 0 5px 10px;
	padding:0;
}

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;
}

/* 02. POSITIONNING AND STRUCTURE
------------------------------------------------------------- */
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -16px; /* the bottom margin is the negative value of the footer's height */
}

#main-container {
	margin:0;
	position:relative;
	text-align:left;
	width:780px
}

#slogan-container {
	height:68px;
}

#content-container {
	width:780px;
	padding:0 0 15px 0;
	background:#F4F4F4;
}

#content {
	float:left;
	width:440px;
	margin:15px 0 0 0;
	/*background:#FFFF00;*/
}

#right-container {
	float:right;
	width:165px;
	margin:15px 0 0 0;
	display:inline;
	/*background:#00CC33;*/
}

#portal-link {
	position:absolute;
	right:15px;
	top:10px;
}

#language {
	position:absolute;
	right:15px;
	top:47px;
}

#banner-container {
	position:absolute;
	left:10px;
	top:405px;
	width:170px;
}

#banner-container img {
	margin: 0 0 10px 0;
	border: none;
}

#banner-container img.last {
	margin: 0;
}
		
/* 03. NAVIGATIONS
-------------------------------------------------------- */
/* =main-navigation
-------------------------------------------------------- */
#main-navigation {
	height:36px;
	background:#C00 url(../_images/backgrounds/bg_main_navigation.gif) 0 0 repeat-x;
	color:#FFFFFF;
	border-bottom:1px solid #FFF;
	overflow:hidden;
}
	
#main-navigation ul {
	list-style-type:none;
	list-style-image: none;
}
	
#main-navigation ul li {
	float:left;
}
	/* =information section under main-navigation
	-------------------------------------------------------- */
	.info-section {
		color:#FFFFFF;
	}
	
/* =sub-navigation
-------------------------------------------------------- */
ul#sub-navigation {
	float:left;
	width:170px;
	margin:15px 0 0 0;
	padding:0;
}
	
ul#sub-navigation li {
	margin:0 0 0 10px;
	padding:5px 0 5px 15px;
	width:121px;
	background:url(../portal/_images/icon/icon_arrow_nav.gif) 0 7px no-repeat;
	list-style-type:none;
	border-top:1px solid #CCC;
}
	
ul#sub-navigation li.last {
	border-bottom:1px solid #CCC;
}

ul#sub-navigation li a{
	color:#333333;
	text-decoration:none;
}

ul#sub-navigation li a:link {
	color:#333333;
	text-decoration:none;
}
	
ul#sub-navigation li a:visited {
	color:#333333;
	text-decoration:none;
}
	
ul#sub-navigation li a:hover {
	color:#CC0000;
	text-decoration:none;
}
	
ul#sub-navigation li a:active {
	color:#333333;
	text-decoration:none;
}
	
/* 04. CONTENT
-------------------------------------------------------- */
/* =main-visual
-------------------------------------------------------- */
#main-visual {
	height:190px;
	width:440px;
	/*background:#FF0FF0;*/
	overflow:hidden;
}
/* =boxes
-------------------------------------------------------- */
.box-container {
	position:relative;
	float:left;
	height: 151px;
	overflow:hidden;
	width:210px;
	background:#FFF;
}

.left-margin {
	margin:20px 0 0 10px;
}
		
.right-margin {
	margin:20px 10px 0 0;
}

.box-container .box-description {
	margin:0 0 0 10px;
	font-size:10px;
	color:#666666;
}

.box-container .box-visual {
	float:right;
	margin:0 5px 0 5px;
	display:inline; /* Bug ie6.0 dubble margin */
}

.box-container .more-info {
	background:url(../portal/_images/icon/icon_arrow_red.gif) 0 0 no-repeat;
	position:absolute;
	bottom:10px;
	left:12px;
	height:20px;
}

.box-container .more-info a {
	margin:0 0 0 22px;
	line-height:18px;	/* must be 20px but better for eyes */
}

.box-container.no-top-margin {
	margin-top:0
}

/* action spéciale dégustation pour les vins (réutilisé pour st nicolas) */

.special {
	background:url(../homepage/_images/background/box_degustation.jpg) left top no-repeat;
}

.special .box-description {
	color:#FFFFFF;
}

.special .more-info {
	background:url(../portal/_images/icon/icon_arrow_degu.gif) 0 0 no-repeat;
}

.special .more-info a {
	color:#FFFFFF;
}
/* Fin de l'action spéciale */

/* =tickertape
-------------------------------------------------------- */
#ticket { display: none;
	position:absolute;
	top:313px;
	left:170px;
	color:#000;
	font-size:10px;
}

#ticket a:link, #ticket a:visited, #ticket a:hover, #ticket a:active {
	color:#000;
}

#dummyticker {
	background:#F4F4F4;
	position: absolute;
	top:0;
	left:0;
	z-index:10;
	height:15px;
	visibility: show;
}
	
/*  05. RIGHT CONTAINER
-------------------------------------------------------- */	
/*  =search-engine
-------------------------------------------------------- */
#search-engine {
	height:190px;
	overflow:hidden;
	padding:0 10px;
}
	
#search-engine h2 {
	margin:5px 0 20px 0;
}
		
#search-engine h3 {
	margin:0 0 15px 0;
}
		
#search-engine #my-form {
	margin:0;
	width:140px;
	border-top:1px solid #CCC;
}
		
#search-engine #my-form input {
	margin: 5px 0 0 0;
	color:#333;
	font:normal 10px Arial, Helvetica, sans-serif;
}
		
/* =promos
-------------------------------------------------------- */
#promos {
	position:absolute;
	right:4px;
	top:665px;
	margin:20px 0px 0 10px;
}

#promos.nl {
	top:607px;
}

/* =subscription
-------------------------------------------------------- */
#subscription {
	/*background:#E2328A;
	color:#FFFFFF;
	margin:20px 10px 0 10px;
	padding:10px*/
	/* 16/10/07: moeten banners aan bottom zetten */
	background:#E2328A;
	position:absolute;
	right:4px;
	top:310px;
	width:130px;
	margin:20px 0px 0 10px;
	padding:10px;
	color:#fff;
}
		
#subscription form {
	margin:0;
	padding:0;
}

#subscription h2 {
	margin:0 0 15px 0;
}
		
#subscription p {
	margin:0 0 10px 0;
}
	
#subscription p input {
	color:#666;
	font:normal 10px Arial, Helvetica, sans-serif;
	height:12px;
	padding:1px 0 1px 2px;
}
		
#subscription p input.input-image {
	vertical-align:top;
	padding:0;
	height:auto;
}

/* 06. FOOTER
-------------------------------------------------------- */	

#footer {
	background:#CCC url(../_images/backgrounds/bg_footer_corner.gif) right top no-repeat;
	width:510px;
	height:16px;
	padding:0 15px 0 0;
}

#push {
	height:36px; /*#push must be the same height as #footer */
}

#created-by {}

#footer-navigation {
	float:right;
	color: #000;
}

#footer-navigation a:link, #footer-navigation a:visited {
	color: #333;
	text-decoration:none;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
}

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

#footer-navigation a:active {
	color: #333;
	text-decoration:none;
}

/* 07. MISCS
-------------------------------------------------------- */	

/* =Clear
-------------------------------------------------------- */	
.clearfix:after {
    content: ".";			/* Ajout de contenu dans ce div,  la fin de celui-ci sans ajout de code dans le XHTML */
    display: block;			/* Pour permettre le clear:both car ne s'applique que sur des lments de type bloc */
    height: 0;				/* Empche le dbordement d au nouveau texte */
    clear: both;			/* Supprime tout type de float */
    visibility: hidden;		/* Cache le contenu de content. Ici Benjamin */
}

/* CSS non valide suite au inline-block */
.clearfix {
	display: inline-block;	/* IE7 accepte une valeur qui n'est pas dans les standards CSS2 mais uniquement dans un CSS 2.1  l'tat de draft, 'inline-block' */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =
-------------------------------------------------------- */	
.important {
		font-size:11px;
		font-weight:bold;
		color:#CC0000;
}

.small {
		font-size:10px;
		color:#CC0000;
}
.box-description a {
		color:#333;
		text-decoration:none;
}
/*
Styles for pricecommunications
*/

#pricehead{
	position:absolute;
	top:0px;
	right:0px;
}
#pricereplace{
	position:absolute;
	top:60px;
	right:0px;
}
#pricereplace p{
	margin-top:150px;
	margin-right:75px;
}