/*
---------------------------------------------------
Delhaize Tom&Co - Sibran Lens -  Agency.com
General stylesheet

/ *!!* /  = more specifications in other css files

--------------------------------------------------- */

/*	TEXT LAYOUT
--------------------------- */

div, p, th, td, li, dd, dl, dt {
    /* redundant selectors to help NS4 not forget */
    font-family: Arial, Helvetica, sans-serif;
}

strong, b {
    font-weight: bold;
}

img {
    border: 0;
}

ul {
/*	margin:0; */
	padding:0;
	margin: 18px 65px 8px 25px;
}

li {
/*	list-style-image: url(/bullet.gif); */
	line-height: 14px;
	margin: 4px 0px 0px 55px;
/*	padding:0;
	margin:0; */
}

p{
	margin: 14px 96px;
	}

.title {
		line-height: 50px;
    color: #444;
font: normal 40px/50px Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 20px 0px 5px 36px;
}


.whitebg {
background-color: #fff;
}

.toc {
background-color: #eee;
padding: 3px 0px 3px 18px;	
font-size:16px;
}

.tocitem {
background-color: #f00;
padding: 3px 0px 3px 18px;	
margin: 0px;
font-size:16px;
}

.clear {
	clear: both;
}

.caption {
    font-size: 9px;
	color: #999;
}

#content .quote {
	font: italic 11px/15px Arial, Helvetica, sans-serif;
	color: #00AE92;
	padding: 2px 10px 0 15px;	
}

.orange, #content .orange {color:#F58323; padding:0 0 2px 0; font-size:12px;}
.orangeSmall {color:#F58323; font-size: 11px;}
.description {font-size: 11px; color:#666; line-height: 15px;}

.green {color: #00AE92}
.greenSmall {color:#00AE92; font-size: 11px;}
.pink {	color:#B71855;}
.red{color: #CC0000;}
.mediumred { color:#CC0000; font-size:13px;}
.bigred{color: #CC0000; font-size:16px;}
#content table.starProducts td .red {color: #CC0000; margin:2px 0 0 0;}
.redSmall {color:#CC0000; font-size: 11px;}
.redCaption {color:#CC0000; font-size: 10px;}

.black, #content .black {color: #000; font-size:12px; padding: 0 0 2px 0;}
.blackSmall {color:#000; font-size: 11px;}

.promo_kader {border:1px solid #CC0000; color:#CC0000; width: 150px; padding-left:5px !important; padding-right:5px; margin-left: 95px;} 
.linetrough {
	text-decoration: line-through;
}

/*	STRUCTURE
--------------------------- */

body  {
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    color: #333;
    /*background: url(/_images/css_backgrounds/bg_general.gif) top left repeat-x; */
background-color: #f6d7b7;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

#wrap {
	position: relative;
	width: 760px;
	text-align: left;
	margin: 0 auto;	
}

/*	HEADER & VISUAL
--------------------------- */

#header {
	width: 760px;
	height: 50px;
	padding: 12px 0 0 0;
}

#subheader {
	width: 760px;
	height: 23px;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
}

#breadcrumb {
	padding: 5px 0 0 8px;
	color: #666;	
}

#breadcrumb a, #subheader a:link, #subheader a:active, #subheader a:visited {
	color: #666;
	text-decoration: underline;
}  

#subheader a:hover {
	color: #F68B1F;
	text-decoration: underline;
} 

#storelocator {
	float: right;
	width: 200px;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #00AE92;
	text-align: right;
	margin: 0 5px 0 0;
	padding: 5px 0 0 0;
}

#storelocator img {
	margin: 0 0 0 5px;
}

#storelocator a, #storelocator a:link, #storelocator a:active, #storelocator a:visited {
	color: #00AE92;
	text-decoration: underline;
}  

#storelocator a:hover {
	color: #00AE92;
	text-decoration: none;
} 

#visual {
	width: 760px;
	height: 215px;
	clear: both;
}

#coloredBar {
	width: 760px;
	height: 11px;
	background: url(/_images/css_backgrounds/bg_colored_bar.gif) top left no-repeat;
}

/*	HEADER =mydelhaize
--------------------------- */
#back-portal {
	position:absolute;
	top:0;
	right:0;
}

#language {
	position:absolute;
	top:65px; /* hauteur header - hauteur image (80-20)=65 */
	right:15px;
}

/*	CONTENT
--------------------------- */

#contentContainer {
	position: relative;
	width: 760px;
	/* background: #fff url(/_images/css_backgrounds/bg_bottom.gif) bottom left no-repeat; */
	background: #fff url(/_images/css_backgrounds/bg_bottom.gif) bottom left no-repeat;
	padding: 0 0 19px 0; /* padding bottom for background image bottom */
	margin: 0 0 25px 0;
}

#contentWrapper {
	width: 758px;
	border-color: #FF9933;
	border-width: 0 1px 0 1px;
	border-style: solid;
	margin: 0;
	padding: 20px 0 25px 0;
	background: url(/_images/css_backgrounds/bg_line_seperator_content.gif) top left repeat-y;
	/* to add extra theme visual */
	min-height: 430px;
	height: auto !important;
	height: 430px;
}

#extra_visual{
	position: absolute;
	left: 1px;
	bottom: 19px;
	}

#content {
	margin: 0 0 0 150px;
	width:570px;
	padding: 0 0 0 15px;
}

#content p  {margin: 5px 0;padding: 0;}
#content h1 {margin: 0;padding: 0;}
#content h1 span {margin: 0;padding: 0;display: none;}
#content h1 img {margin: 0;padding: 0;}

#content p:first-child, #content p:last-child {
	margin: 0;
	padding: 0;
}

#contentText {
	width: 590px;
	min-height:350px;
	_height:350px;
}

#banners {
	position: absolute;
	top: 25px;
	left: 600px;
	width: 150px;
	text-align: center;
}

#content .loyaltycardProduct {
	width: 420px;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	clear: both;
	border-bottom: 1px solid #FFE0C1; 
}

#content .loyaltycardDescription {
	padding: 3px 0 0 30px;
	width: 180px;
}

#content .loyaltycardDescriptionImage {
	float: right;
}

#content table.starProducts {
	width: 420px;
	margin: 0;
	padding: 0;
	line-height: 14px;
	border: 0;
}

#content table.starProducts td {
	width: 210px;
	margin: 0;
	padding: 10px 5px 20px 0;
	border: 0;
	vertical-align: top;
}

#content table.starProducts td img {
	float: left;
	margin:0 3px 30px 0;
}

#content table.starProducts .title {
	margin: 0 0 3px 0;
	font-weight: bold;
}
#content table.starProducts .price2 {
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size:18px;
}
#content table.starProducts .price {
	font-weight: bold;
	color: #333333;
}

#content .listProduct {
	padding: 0;
	margin: 10px 0 0 0;
	width: 420px;
	height: 72px;
	overflow: hidden;
	clear: both;
}

#content .listProduct .title {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
}

#content .listProduct .title a, #content .listProduct .title a:active, #content .listProduct .title a:link, #content .listProduct .title a:visited {
	text-decoration: none;
}

#content .listProduct .title a:hover {
	text-decoration: underline;
}



#content .listProduct img {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #E1E1E1;
}

#content #fichePicture {
	width: 125px;
	float: left;
}

#content #ficheContent {
	width: 400px;
	float: right;
	color: #666;
	padding-right:50px;
}
#content #ficheContent li {

}

#content #ficheContent .intro {
	font-size: 12px;
	padding: 0 0 5px 0;
	font-weight: bold;
}

#content .attentionBox {
	width: 358px;
	margin: 5px 20px 5px 20px;
	padding: 10px;
	border: 1px solid #CCC;
}

#content .attentionBox2 {
	font: italic 11px/15px Arial, Helvetica, sans-serif;
	color: #333;
	background: #F4F4F4;
	padding: 10px;
	margin: 0;
	width: 90%;
	text-align: center;
	border: 1px dotted #ccc;
}



/*	NAVIGATION
--------------------------- */

#topNavigation {
	width: 760px;
	height: 48px;
	background: url(/_images/css_backgrounds/bg_bottomTopNavigation.gif) bottom left no-repeat;
	padding: 0 0 3px 0; /* padding bottom for background image bottom */
	margin: -4px 0 0 0;
}

#wrap>#topNavigation {
	margin: 0;
}

#topNavigation img {
	border-left: 1px dotted #FF9933;
}

#topNavigation img.last {
	border-left: 1px dotted #FF9933;
	border-right: 1px dotted #FF9933;
}

#navigation {
	position: absolute;
	top: 5px;
	left: 0;
	width: 139px;
	padding: 11px 0 0 12px;
}

#navigation img.item {
	margin: 11px 0 0 0;
}

.subnavigation {
	font: normal 10px/14px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px 0 0 11px;
}

.subnavigation a, .subnavigation a:active, .subnavigation a:link, .subnavigation a:visited {
	font: normal 10px/14px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}

.subnavigation a:hover {
	font: normal 10px/14px Arial, Helvetica, sans-serif;
	color: #00AE95;
	text-decoration: none;
}

.subnavigation a.active, .subnavigation a.active:link, .subnavigation a.active:visited, .subnavigation a.active:hover {
	font: normal 10px/14px Arial, Helvetica, sans-serif;
	color: #00AE95;
	text-decoration: none;
}


/*#subnavDogs, #subnavCats, #subnavBirds, #subnavRodents, #subnavFish {
	display: none;
}*/

/*	HEADINGS
--------------------------- */

#content h1.title {text-transform: uppercase; font:bold 14px/16px Arial, Helvetica, sans-serif; color:#F58323; margin:0 0 0 0; padding:0 0 6px 0;}
#content h2 {font: bold 13px/16px Arial, Helvetica, sans-serif; color:#666; margin:0 0 0 0; padding:0 0 4px 0;}
h3 { padding: 10px 0px 0px 50px; }
h4 {}

/*	LINKS
--------------------------- */

A           {color: #666}
A:link      {color: #666}
A:active    {color: #666}
A:visited   {color: #666}
A:hover     {color: #F68B1F}

a.green           {color: #00AE92}
a.green:link      {color: #00AE92}
a.green:active    {color: #00AE92}
a.green:visited   {color: #00AE92}
a.green:hover     {color: #00AE92; text-decoration: none;}



/* Updates 2007 - Product pages */

.products {
	width:255px;
	float:left;
	margin: 0 15px 30px 0;
	}

.products img {
	margin:0;
	padding:0px 10px 0px 0px;
	}
.products .price2 {
	margin: 5px 0 0px 0;
	font-weight: bold;
	font-size:18px;
}

#content #contentText .products p {
	margin:0;
	padding:0px 0px 15px 0px;
	}
div.clearder {
	clear:both;
	}
.products ul {
	margin-left: 110px;
	margin-top: 0;
	padding-left: 5px;
}

/* updates 2007 - In de kijker page */

#newgamma_detail {
	margin: 0 20px 20px 0;
}
#newgamma_detail ul {
	margin-left: 130px;
	padding-left: 5px;
}

.products_indekijker .price2 {
	margin: 5px 0 0px 0;
	font-weight: bold;
	font-size:18px;
}
.products_indekijker {
	width:300px;
	float:left;
	margin: 0 20px 30px 0;
}
.products_indekijker img {
	margin:0;
	padding:0px 10px 0px 0px;
}
.noProducts {
	width:550px;
	height:300px;
}
.tekst11pxBoldWit {
	color:#FFFFFF
	}

/*	CLEARFIX
--------------------------- */

.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'etat de draft, 'inline-block' */
}

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

/* LAST MODIFICATION
-------------------------------------------------- */
#flashContent {margin:0 auto 15px auto; text-align:center; width:590px;}