/* Delhaize Promo Basic CSS Document */

html {
    height:100%; 
    max-height:100%; 
    padding:0; 
    margin:0; 
    border:0; 
    background:#ccc; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}
body {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	border:0;
	height:100%; 
	max-height:100%; 
	overflow:hidden; 		
	background-color:#CCCCCC;
	background-repeat:repeat-y;
	}
#uppercontent1 {
	background-image:url(../_images/bg1.gif);
	background-repeat:repeat-y;
	position:absolute; 
	left:0; 
	top:0px; 
	bottom:121px; 
	width:100%; 
	overflow:auto;
	}
#uppercontent {
	background-image:url(../_images/bg.gif);
	background-repeat:repeat-y;
	position:absolute; 
	left:0; 
	top:0px; 
	bottom:121px; 
	width:100%; 
	overflow:auto;
	}
* html #uppercontent {
	height:100%; 
	top:0; 
	bottom:0; 
	border-top:0px solid #fff; 
	border-bottom:121px solid #CCCCCC;
	}
form {
	padding:0;
	margin:0;
	}
#header {
	position:absolute; left:0; top:0;
	width:780px;
	height:130px;
	background-image:url(../_images/visual-top-left.jpg);
	}
#header img {
	margin-top:-1px;
	}
#slideShow
{
	position:absolute; left:0; top:130px;
	height:100px;
	z-index: 100;
	background-color: green;
}
#topnews
{
	position:absolute; left:281px; top:130px;
	width:130px;
	height:101px;
	*height: 100px;
	background-color: #EFEFEF;
	z-index: 100;
	padding: 0px 0px 0px 5px;
	*padding: 0px 5px 0px 5px;
}
#topnl {
	position:absolute; left:0; top:130px;
	width:780px;
	height:101px;
	background-image:url(../_images/_nl/visual-bottom.gif);
	border-bottom:solid 1px #c10001;
	z-index: 99;
	}
#topfr {
	position:absolute; left:0; top:130px;
	width:780px;
	height:101px;
	background-image: url(../_images/_fr/visual-bottom.gif);
	border-bottom:solid 1px #c10001;
	z-index: 99;
	}	
#navigation {
	position:absolute; left:0; top:230px;
	padding:15px 0px 15px 30px;
	}
#navigation2 {
	position:absolute; left:0; top:185px;
	padding:15px 0px 15px 30px;
	}
#content {
	position:absolute; left:160px; top:227px;
	width: 620px;
	padding:13px 0px;
	}
#content2 {
	position:absolute; left:180px; top:182px;
	width: 620px;
	padding:13px 0px;
	}
/* 
#search {
	position:absolute; left:641px; top:231px;
	background-color:#e1e1e1;
	width:139px;
	height:119px;
	border-bottom:solid 1px #c10001;
	}
*/
#banners {
	position:absolute; left:640px; top:252px; /*top:360px;*/
	text-align:center;
	width:140px;
	}

/* To set the banner live delete comment
#banner2 {
	position:absolute; left:640px; top:198px; top:360px;*/
	/*text-align:center;
	width:140px;
	}
	*/
		
h1 {	
	margin:0;
	padding:0;
	display:inline;
	margin-right:0px;
	margin-left:536px;
	margin-top:0px;
	}
h2 {margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#c10001;
	}
th {
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color:#c10001;
	height:15px;
	line-height:15px;
	}
td {
	font-size:11px;
	color:#000000;}
h3 {
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	margin:0;
	padding:0;
	}
h4 {
	font-size:15px;
	font-weight:bold;
	color:#c10001;
	margin:0;
	padding:0;
	width:452px;
	}
h5 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin:0;
	padding:0;
	padding-top:25px;
	}
em {
	font-style:italic;
	font-weight:bold;
	}
a, a:link, a:visited {
	color:#999999; 
	text-decoration:underline;
	}
a:hover {
	color:#cc0000;  
	text-decoration:none;
	}
a.linkBold, a.linkBold:link, a.linkBold:visited {
	color:#666666; 
	font-weight:bold; 
	text-decoration:underline;
	}
a.linkBold:hover {
	color:#cc0000; 
	font-weight:bold; 
	text-decoration:none;
	}
img {
	margin:0;
	padding:0;
	border:0;
	}
ul {
	margin:0;
	padding:20px 0px;
	}
li {
	list-style-type:none;
	padding:2px 0px;
	}
div {
	margin:0;
	padding:0;
	}

#navigation ul, #navigation2 ul {
	margin:0;
	padding:0;
	margin-left:-15px;
	}

/* Start Update Benjamin the 19 March of 2007 */

#footer {
	position:absolute; 
	bottom:0px; 
	left:0; 
	height:125px;
	z-index:5;
	width:780px;
	background-color:#ea0404;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	overflow: hidden;
	}	
#footer #footerLeft {
	border-right:1px solid #FFF;
	float:left;
	width:140px;
	margin:0 0 0 10px;
	padding:5px 0 0 0;
	height:125px;
}

#footer #footerLeft p {
	margin:0 0 10px 0;
	padding:0;
}

#footer #footerLeft h3 {
	margin:0 0 10px 0;
	padding:0;
}

#footer #footerLeft form#MyForm {
	padding:0;
	margin:0;   
}

#footer #footerLeft form#MyForm input {
	float:left;			/* used to align the image with input type text */
	margin:4px 0 0 0;	/* this is used to align the top of type text with the image of type image */
	padding:0;
	color: #666;
	font: normal 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
}


#footer #footerLeft form#MyForm input.inputImage {
	margin:0 0 0 2px;
}

#footer #footerRight {
	float:right;
	width:600px;
	margin:0;
	padding:0;
}

#footer #footerRight p#intro {
	margin:5px 0 10px 0;
	padding:0;
}

#footer #footerRight table {
	position:relative;
	top:-8px;
	margin-left:0;
	padding:0;
	background-color:#FFFFFF;
	}

#footer #footerRight td {
	margin:0;
	padding:5px;
	width:115px;
	color:#FFFFFF;
	text-align:center;
	background-color:#ea0404;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	}


#footer #footerRight span {
	color:#FFFFFF;
	text-align:center;
	background-color:#ea0404;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	}

#footer #footerRight span.print {
	padding:0;
	margin:0;
	position:relative;
	top:-15px;
	left:450px; 
	}

#footer #footerRight p#plus { 
	background:url(/_images/bg_carte_plus.gif) no-repeat left center;
	padding-left:30px;
	padding-bottom:5px;
	margin-top:3px;
	}

	
/*#footernl {
	position:absolute; 
	bottom:0px; 
	left:0; 
	height:115px;
	z-index:5;
	width:780px;
	background-color:#ea0404;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	overflow: hidden;
	}	
	

#footerfr {
	position:absolute; 
	bottom:0px; 
	left:0; 
	height:115px;
	z-index:5;
	width:780px;
	background-color:#ea0404;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	overflow: hidden;
	}

#footerfr #searchfr, #footernl #searchnl {
	border-right:1px solid #FFF;
	float: left;
	width:145px;
    height:115px;
	margin: 0 0px 0 5px;
}		

#footerfr #searchfr h3, #footernl #searchnl h3 {
	padding:0;
	margin:0 0 10px 0;
}

#footerfr #searchfr p, #footernl #searchnl p {
	padding:0;
	margin:0 0 5px 0; 
}

#footerfr #searchfr form#myNewsletterForm, #footernlr #searchnl form#myNewsletterForm {
	padding:0;
	margin:0;   
}

#footerfr #searchfr form#myNewsletterForm input, #footernl #searchnl form#myNewsletterForm input {
	padding:0 0 0 5px;
	margin:0;
	height:15px;
	border: 1px solid #999;
	color: #666;
	font:normal 11px/15px Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
#footerfr #searchfr form#myNewsletterForm input.noBorder, #footernl #searchnl form#myNewsletterForm input.noBorder {
	border:0;
}

#footernl span.print, #footerfr span.print {
	padding:0;
	margin:0;
	position:relative;
	top:-20px;
	left:450px; 
	}


#footernl table, #footerfr table {
	position:relative;
	top:-8px;
	margin-left:0;
	padding:0;
	background-color:#FFFFFF;
	}


#footerfr td, #footernl td {
	margin:0;
	padding:5px;
	width:115px;
	color:#FFFFFF;
	text-align:center;
	background-color:#ea0404;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	}


#footernl span, #footerfr span {
	color:#FFFFFF;
	text-align:center;
	background-color:#ea0404;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	}


#footernl p, #footerfr p { 
	margin-left:170px;
        padding-bottom:15px;
	}


#footernl p.plus, #footerfr p.plus { 
	background: url(/_images/bg_carte_plus.gif) no-repeat 250px center;
	padding-left:30px;
	padding-bottom:5px;
	margin-top:3px;
	}


#footernl h3, #footerfr h3 {
	padding:0;
	margin:0; 
	padding-left:170px;
	}
	
*/

/* //endUpdate code Benjamin */

#topnl p, #topfr p {
	color:#999999;
	font-size:16px;
	margin-left:430px;
	margin-top:9px;
	font-size:12px;
	}
#topnl h2, #topfr h2 {
	padding:0;
	margin:0;
	color:#666666;
	font-size:14px;
	margin-left:381px;
	margin-top:18px;
	font-weight:normal;
	}
#topnl p span, #topfr p span {
	color:#C10001;
	font-weight:bold;
	font-size:12px;
	}
.plusgroot {
	padding:0;
	height: 18px;
	width:122px;
	border:solid 1px #c10001;
	}
.roodgroot {
	float:left;
	height:18px;
	width:40px;
	padding:0;
	margin:0;
	background-color:#c10001;
	color:#FFFFFF;
	line-height:20px;
	text-align:center;
	font-weight:bold;
	}
.witgroot {
	float:right;
	height:18px;
	width:80px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	color:#c10001;
	line-height:20px;
	text-align:center;
	}
	
#content table,#content2 table {
	margin:3px;
	padding:0;
	float:left;
	padding-top: 6px;
	padding-bottom: 6px;
	}
	
#content td a, #content2 td a {
	margin:0;
	padding:0;
	font-size:9px;
	}
.plusklein {
	padding:0;
	margin:4px 0 0 0;
	height: 15px;
	width:102px;
	border:solid 1px #c10001;
	}
.promotextframe {
	padding:0;
	margin:4px 0 0 0;
	height: 15px;
	width:102px;
	border:solid 1px #c10001;
	color:#c10001;
	text-align:center;
	}
.roodklein {
	float:left;
	height:15px;
	width:25px;
	padding:0;
	margin:0;
	background-color:#c10001;
	color:#FFFFFF;
	line-height:15px;
	text-align: center;
	font-weight:bold;
	}
.witklein {
	float:right;
	height:15px;
	width:75px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	color:#c10001;
	line-height:15px;
	text-align:center;
	}
.gratisklein {
	padding:0;
	margin:0;
	height: 15px;
	width:102px;
	border:solid 1px #c10001;
	}
.roodgratis {
	float:left;
	height:15px;
	width:50px;
	padding:0;
	margin:0;
	background-color:#c10001;
	color:#FFFFFF;
	line-height:15px;
	text-align:center;
	font-weight:bold;
	}
.witgratis {
	float:right;
	height:15px;
	width:50px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	color:#c10001;
	line-height:15px;
	text-align:center;
	}
.logo {
	float:left;
	height:130px;
	width:150px;
	text-align:center;
	border-right:solid 1px #c10001;
	}
.product { 
	float:left;
	width: 130px;
	text-align:center;
	}
.prijs {
	float:left;
	height:130px;
	width:100px;
	padding-top:25px;
	padding-left:10px;
	line-height:24px;
	}
	
.prijs span {
	font-size:16px;
	color:#c10001;
	font-weight:bold;
	}

.uitleg {
	float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	height:130px;
	width:150px;
	padding-top: 15px;
	}
.uitleg p 
{
	padding-left:0px;
	font-size:14px;
	color:#C10001;
	}
.uitleg h2 {
	font-size:11px;
	color:#C10001;
	margin:0;
	padding:0;
	}
p.menu {
	font-size:11px;
	color: #666666;
	text-align:center;
	display:block;
	width:580px;
	clear:both;
	}
#cartframe{
    width:1px;
    height:1px;
    position:absolute;
    z-index:-9999;
    left:-5000px;
    top:-5000px;
	}
#content span, #content2 span {
	font-weight:bold;
	color:#c10001;
	font-size:14px;
	}
p {	margin:0;
	padding:5px;
	}

#topnews img{
	margin: 0 0 4px 0;
	}
#topnews p{
	font-size: 11px;
	}
#topnews input{
	font-size: 9px;
	display: inline;
	}
#topnews form{
	padding: 0;
	margin: 4px 0 4px 3px;
	*margin: 4px 0;
	}

#color {
	margin:0;
	padding:0;
	position:absolute; left:0; top:130px;
	width:780px;
	height:45px;
	border-bottom:solid 1px #c10001;
	color:#FFFFFF;
	}
#color ul {
	margin-top: -30px;
	margin-left:25px;
	padding:0;	
	}
#color li {
	list-style:none;
	display:inline;
	color:#FFFFFF;
	}
#color a {
	color:#FFFFFF;
	}
.hoog {
	height:42px;
	overflow:hidden;
	}
.promoLayer {
	font-size: 11px;
	position: absolute;
	z-index: 100;
	background-color:#E2E2E2;
	width: 122px;
	height: 120px;
	visibility:hidden;
	padding: 2px;
}

.info {
	cursor:pointer;
	cursor:hand;
}

p.soldbyad {
	font-size:11px;
	color: #666666;
	text-align:center;
	margin-top:20px;
	display:block;
	width:580px;
	clear:both;
}
#lang-swicth {
	position:absolute;
	top:115px;
	left:720px;
	font: normal 9px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#lang-swicth a {
	color:#FFF;
	text-decoration:none;
}
#lang-swicth a:hover {
	color:#FFF;
	text-decoration:none;
}
#lang-swicth span.current {
	color:#000;
	text-decoration:none;
}
span.extra {
font-size:12px;
}
topfr img, topnl img {
position:absolute;
left:0;
margin-left:-3px;
}

/*update jonathan privacy page*/
#content #privacy{
	margin: 10px 20px 10px 10px;
	}
/* MyDelhaize
-------------------------------------- */	
/* Button
-------------------------------------- */
#back-portal {
	position:absolute;
	top:5px;
	left:0px;
}

#back-portal p {
	margin:0;
	padding:0;
	text-align:right;
	width:775px;
}
/* Box subscription
-------------------------------------- */
#my-delhaize {
	background: url(../_images/bg-main.gif) left top repeat-y;
	color:#FFFFFF;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#my-delhaize .padding-all {
	padding:8px;
	color:#FFFFFF;
}

#my-delhaize input.email-field {
	width:105px;
	color:#666666;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:2px 0 0 0;
}

#my-delhaize .image-field {
	vertical-align:top;	
	margin:2px 0 0 0;
}

#my-delhaize .form-container {
	margin:5px 0 0 0;
	color:#FFFFFF;
}

#my-delhaize form {
	margin:0;
	padding:0;
}
#banners {
	display:none;
}
