body{ color : #2d3d39; background : url('../img/bg.jpg') 0 -3px repeat-x #2D3E38; margin : 0; font-family : 'Arial'; font-size : 12px; }

.clearer{ clear : both; }

#container{ width : 960px; margin : 0 auto; }

#menu{height : 50px; list-style : none; margin : 12px 0 0 0; padding : 0; float : right; }

#menu li a{ color : #fff; text-transform : uppercase; font-size : 11px; text-decoration : none; display : block; padding : 18px 10px; }

#menu li{ float : left; }

#menu b{ color : #FEFE10; }

#menu li a:hover{ text-decoration : none; color : red; }

#menu li#active a b{ color : red; font-weight : normal; }

#menu li#active a span{ background : url('../img/right.jpg') no-repeat top right; padding : 18px 13px 18px 0; }

#menu li#active a{ background : url('../img/left.jpg') no-repeat top left;  color : red; padding : 18px 0 18px 13px; }

#belgosnacks{ background : url('../img/belgosnacks.jpg'); width : 133px; height : 115px; margin : -14px 0 0 0; float : left; }

#bsgroup{ background : url('../img/bsgroup.jpg'); width : 133px; height : 115px; margin : -14px 0 0 0; float : left; }

#banner{ width : 636px; height : 67px; float : left; margin : 14px 0 0 0; float : right; }

#wrapper{ width : 960px; background : url('../img/wrapper.jpg') repeat-y; border:0; }

#left{ width : 620px; float : left; padding : 10px; }

a{ color : red; }

#content{ line-height : 1.5; }

#right{ width : 270px; float : left; padding : 10px; margin : 0 0 0 30px; }

#footer{ background : #F8F7F3 url('../img/footer.jpg') no-repeat bottom; padding : 10px 10px 15px 10px; margin : 0 0 10px 0; }

#footer div div div.image{ position : relative; height : 60px; padding : 0 !important; margin : 0 !important; }

#footer div div div.image img{ position : absolute; bottom : 0; left : 0; }

#footer h4{ color : #666; }

#footer ul{ margin : 0; padding: 0; list-style : none; }

#footer ul li{ padding : 0 0 2px 0; }

#footer ul a{ color : #666; }

#footer ul a:hover{ text-decoration : none; }

#footer .floater, #footer .floater2{ width : 100px; float : left; color : #666; }

#footer .floater2{ width : 950px; margin : 0; }

#footer .floater2 div.fl{ padding : 5px 20px 5px 0; margin : 10px 2px 0 0; line-height : 1.2; float : left; width : 200px;}

#footer .floater2 div.fl img{ display : block; margin : 0 0 10px 0; border : 0; }

#footer .floater2 div.fl a{ color : #666; font-weight : bold; text-decoration : none; }

h2{ margin : 5px 0; font-weight : normal; color : #2d3d39; }

h3{ color : red; }

#footer h2,#right h2{ font-size : 15px; color : red; margin : 5px 0 15px 0; }

#breadcrumb{ font-size : 11px; margin : 0 0 10px 0; }

#breadcrumb a{ color : #2d3d39; text-decoration : none; font-weight : bold; }

#breadcrumb #lastactive{ color : red; text-decoration : none; font-weight : bold; }

#submenu{ width : 200px; list-style : none; padding : 0; margin : 0 0 15px 0; }

#submenu li a{ margin : 0 0 5px 0; padding : 5px 10px; display : block; color : #666; }

#submenu li a:hover,#submenu li#active a{ background : red; color : #fff; text-decoration : none; }

#webacties img{ margin : 0 5px 0 0; border : 1px solid #ccc; }

#webacties{ margin : 0 0 0 10px; }

ul#inline{ margin : 0; list-style : none; padding : 0; }

ul#inline li{ padding : 5px; }

ul#inline li.even{ background : #F8F7F3; }

h3 a{ text-decoration : none; }

.image img{ border : 1px solid #ccc; margin : 0 0 0 10px; }

/* MEDIABOX */

/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../img/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
	background: #000 url(../img/BlackLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(../img/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(../img/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(../img/BlackClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}

#copyright{ margin : 0 auto 10px auto; width : 800px; text-align : center; color : #fff; font-size : 11px; }

#pics img{ border : 0; }

.bs{ position : relative; width : 180px; padding : 10px; float : left; margin : 0 5px 5px 0; height : 190px; }

.bs h3{ font-size : 12px; margin : 0 0 5px 0; padding : 0; }

.formerror{ color : red; font-size : 11px; margin : 0 0 0 5px; }

.button{ font-size : 14px; font-weight : bold; text-decoration : none; }

fieldset{ border : 0; margin : 0; padding : 0; }

fieldset div{ margin : 0 0 10px 0; }

label{ float : left; font-weight : bold; width : 150px; }

input,textarea{ border : 1px solid #ccc; padding : 4px;  }

textarea{ width : 250px; }

.small{ width : 30px; }

.img{ background : #efefef; width : 75px; height : 75px; margin : 0 2px 2px 0; float : left; padding : 2px; position : relative; }

.img img{ position : absolute; top : 50%; left : 50%; border : 0 !important; }

h1{ display : none; }

.picasa{ position : relative; width : 144px; height : 144px; float : left; background : #efefef; margin : 0 5px 5px 0; padding : 2px; text-align : center; line-height : 150px; }

.paging a, .paging .current { margin : 0 0 5px 0; padding:4px 8px; color:red; text-decoration:none; float:left; }

.paging a:hover, .paging .current { color:#fff; background:red; }

.paging a.prev, .paging a.next, .paging .hellip { color : red; float : left; }

.paging a:hover.prev, .paging a:hover.next { color:#fff }