@import "all.css";

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	background: #D0D0D0;
	font-size: 70%;
}

h1 {
	border-bottom: dashed 1px #000;
	padding-left: 28px;
	background: url(/images/ui/h1.gif) 0 0.2em no-repeat;
	color: #939393
}

table {
	border-collapse: collapse;
}
td {
	padding: 0 0.7em 0.1em 0;
}

#container {
	width: 901px;
}

#header {
	margin-top: 29px;
	height: 121px;
	background: url(/images/ui/header.gif) no-repeat;
	text-indent: -1234em;
}
.fr #header {
	background-image: url(/images/ui/header-fr.gif);
}

#main {
	position: relative;
	padding-right: 9px;
	width: 892px;
	overflow: hidden;
	background: url(/images/ui/right.gif) 100% 0 no-repeat;
}

#impressions {
	float: right;
	border-left: solid 8px #FAFAFA;
	height: 140px;
}
#impressions img {
	float: left;
	height: 140px;
}

#content-container {
	float: right;
	position: relative;
	width: 686px;
	background: #F4F4F4 url(/images/ui/specials-background.gif) 100% 100% no-repeat;
}
#content-container:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}
/*\*/ * html #content-container {
	height: 1%;
} /**/

#content {
	float: left;
	border-left: solid 8px #FAFAFA;
	padding-bottom: 8px;
	width: 479px;
	height: auto !important;
	height: 392px;
	min-height: 392px;
	background: #FFF;
}
#advertising {
	border: solid 8px #FAFAFA;
	border-left: none;
	background: #FAFAFA;
	text-align: center;
}
#advertising p {
	margin: 0;
}

#specials {
	float: left;
	padding-top: 8px;
	width: 199px;
}
.special {
	margin: 0 6px 4px;
	padding-bottom: 2px;
	background: url(/images/ui/special.gif) 0 100% no-repeat;
	text-transform: uppercase;
}
.special a {
	display: block;
	position: relative;
	border-right: solid 6px #D0D0D0;
	padding: 3px 40px 3px 6px;
	height: auto !important;
	height: 40px;	
	min-height: 40px;
	color: #8D8D8D;
	text-decoration: none;
}
.special a:hover {
	border-right-color: #FFEA00;
}
.special a strong {
	color: #000;
}
.special img {
	position: absolute;
	top: 50%;
	right: 6px;
	margin-top: -20px;
}

#navigation {
	float: left;
	margin-top: -136px;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
	width: 202px;
	background: url(/images/ui/navigation-background.gif);
}
#nav-main {
	padding-top: 40px;
	list-style: none;
}
#nav-main ul {
	padding: 10px 0 0 20px;
	list-style: none;
}
#nav-main li a {
	display: block;
	margin: 0 36px 0 0;
	padding: 0 4px 13px 0;
	height: 15px;
	background: url(/images/ui/nav.gif) 100% 0 no-repeat;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}
#nav-main li.selected a, #nav-main li a:hover {
	background-image: url(/images/ui/nav-selected.gif);
	color: #FFF;
}
#nav-main li a span {
	display: block;
	padding-top: 1px;
	padding-left: 16px;
	height: 13px;
	overflow: hidden;
	background: #FFF;
}
#nav-main li.selected a span, #nav-main li a:hover span {
	background: #939393;
}
#nav-main li ul li a {
	display: inline;
}
#nav-main li ul li a span {
	display: inline;
	padding-left: 0;
}
#nav-main li.selected ul li a span{
	background: none;
	color: #000;
}

#nav-lang {
	margin-top: 73px;
	padding-top: 9px;
	width: 165px;
	height: 23px;
	background: url(/images/ui/nav-lang.gif) no-repeat;
	font-size: 90%;
}
#nav-lang p, #nav-lang ul, #nav-lang li {
	float: left;
}
#nav-lang p {
	display: inline;
	margin-left: 14px;
	text-transform: lowercase;
}
#nav-lang ul {
	list-style: none;
}
#nav-lang a {
	display: block;
	margin-left: 8px;
	width: 16px;
	height: 11px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -1234em;
}
#lang-nl a {
	background: url(/images/ui/lang-nl.gif);
}
#lang-be a {
	background: url(/images/ui/lang-be.gif);
}
#lang-fr a {
	background: url(/images/ui/lang-fr.gif);
}
#lang-uk a {
	background: url(/images/ui/lang-uk.gif);
}

#footer {
	margin-left: 206px;
	padding: 3px 8px 0;
	width: 671px;
	height: 19px;
	color: #767676;
	background: url(/images/ui/footer.gif) no-repeat;
	font-size: 90%;
}
#footer p {
	display: inline;
	margin-right: 20px;
}
#footer p.hosting {
	margin-left: 60px;
}
#footer a {
	color: #767676;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#banner {
	margin-left: 202px;
	width: 678px;
	text-align: center;
}

/* content styles */

.fl {
	float: left;
}
.fr {
	float: right;
}

#store-city {
	margin-bottom: 1em;
}
#store-image {
	float: right;
	margin: 0 8px 10px 20px;
}
#store-address h2, #store-openinghours h2, #store-bulletin h2, #store-salesactions h2 {
	clear: none;
}

.tabs {
	border-bottom: #939393 solid 1px;
	padding: 2em 0 0 8px;
	height: auto !important;
	height: 0;
	min-height: 0;
}
.tabs:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}
.tab {
	position: relative;
	float: left;
	margin: 0 0 -1px -1px;
	border: #939393 solid 1px;
	padding: 10px;
	background: #EEE;
	font-weight: bold;
	text-decoration: none;
}
.tab:hover {
	text-decoration: underline;
}
.tab-active {
	border-bottom-color: #FFF;
	background: #FFF;
}
.tabbed {
	display: none;
}
.tabbed-active {
	display: block;
}