html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background: #F8F8F8 url('/images/layout/background_html.gif') repeat-x top left;
}

body {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

#main_container {
 	position: relative;  
 	min-height: 100%;  
 	height:auto !important; /* voor moderne browsers */  
 	height: 100%; /* voor IE */   	
	width: 980px;	
	margin: 0 auto 0 auto;
	padding: 0;
	background: url('/images/layout/background_content.jpg') repeat-y top left;
}

#main_header {	
	position:relative;
	float:left;
	width:980px;
	height:316px;
}

#main_header_left {
	float:left;
	width:284px;
	height:316px;
	background: url('/images/layout/background_header.jpg') no-repeat top left;
}

#main_header_right {
	position:relative;
	float:left;
	width:696px;
	height:316px;
}

#logo {
	position:absolute;
	top:10px;
	right:10px;
}

#language {
	position:absolute;
	top:92px;
	right:14px;
	width:20px;
	height:24px;
	padding:19px 0 0 0;
}

#headerimage {
	position:absolute;
	bottom:0px;
	right:10px;
	width:476px;
	height:153px;
	background: url('/images/layout/background_headerimage.gif') no-repeat top left;
	padding: 6px 8px 0 6px;
}

#main_content {
	position:relative;
	float:left;
	width:980px;
	background: url('/images/layout/background_content.jpg') repeat-y top left;	
}

#main_content_left {
	float:left;
	position:relative;
	width:237px;
	padding: 0 0 0 47px;
}

#action {
	position:relative;
	width:177px;
	border: 1px solid #BFBFBF;	
	margin:0 0 21px 0;
	padding: 6px 6px 32px 6px;
}
#pettray {
	position:absolute;
	top:0px;
	left:0px;
	width:120px;
	height:120px;
}
#action_button {
	position:absolute;
	top:0px;
	right:0px;
	width:82px;
	height:78px;
}
#partners {
	margin:0 0 21px 0;
}

#address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#A4A4A4;
}

#address .title {
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#097A07;
}

#address a {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	text-decoration:none;
	color:#A4A4A4;
}

#address a:hover {
	text-decoration:underline;
}

#main_content_right {
	float:left;
	position:relative;
	width:696px;
	padding: 60px 0 0 0;	
}

#shoppingcart {
	position:absolute;	
	top:0px;
	left:196px;
	float:left;
	width:490px;
	height:42px;
	background: url('/images/layout/background_shoppingcart.gif') no-repeat top left;
}

#shoppingcart_image {
	float:left;
	padding: 10px 0 0 10px;
}
#shoppingcart_value {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#444444;
	padding: 8px 0 0 8px;
	width:200px;
}
#shoppingcart_value a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#097A07;
}

#shoppingcart_input {
	float:left;
	padding: 8px 0 0 8px;
}

#shoppingcart_input .input {
	border:1px solid #D4D4D4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:2px 2px 2px 2px;
	width:190px;
	height:16px;
}

#shoppingcart_button {
	float:left;
	padding: 9px 0 0 8px;
}

#shoppingcart_button .btn {
	width:26px;
	height:25px;
	background: url('/images/items/bullet.gif') no-repeat;
	border:none;
	cursor:pointer;
}



#portal_items {
	margin: 20px 0 20px 0;
}

.items_row {
	clear:both;
	float:left;
	width:680px;
	height:128px;
}

.item_box {
	float:left;
	position:relative;
	width:119px;
	height:110px;
	padding: 5px 5px 5px 5px;
	border:1px solid #BFBFBF;
	margin: 0 5px 5px 0;
}

.item_image {
	position:absolute;
	top:5px;
	left:5px;
	padding:0;
	margin:0;
	width:119px;
	height:75px;
}

.item_title {
	position:absolute;
	top:85px;
	left:5px;
	width:84px;
	height:38px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	color:#7E7E7E;
	vertical-align:middle;
}

.item_button {
	position:absolute;
	top:89px;
	left:98px;
	width:19px;
	height:19px;	
}

#portal_news {
	margin: 0 0 40px 0;	
}

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

#portal_news ul li {
	height:22px;
}

#portal_news ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#444444;
}

#main_footer {
	float:left;
	position:relative;
	width:100%;
	height:72px;
	background: #F0F0F0;	
}

#footer {
	width:696px;
	height:46px;
	background: url('/images/layout/background_footer.gif') no-repeat top left;
	margin: 0 auto;
	padding:26px 0 0 284px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	font-weight:normal;
	color:#A0A0A0;
}

#footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	font-weight:normal;
	text-decoration:none;
	color:#A0A0A0;
}

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

/* START CSS MENU */
#menu {
	position:absolute;
	float:left;
	top:92px;
	left:0px;
	width:100%;
	height:43px;
}

#menu ul {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu ul li {
	float:left;
	height:29px;
	padding: 14px 20px 0 20px;
}

#menu ul li.hover, #menu ul li.active {
	float:left;
	height:29px;
	padding: 14px 20px 0 20px;
	background: url('/images/layout/menuactive.gif') no-repeat center top;
}

#menu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFFFFF;
}
/* EINDE CSS MENU */

/* START CSS subMENU */
#submenu {
	margin: 0 0 21px 0;
}

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

#submenu ul li {
	width:191px;
	border-bottom:1px solid #CECECE;
}

#submenu ul li.last {
	width:191px;
	border:none;
}

#submenu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	color:#5C5C5C;
}

#submenu ul li a:hover {
	color:#097A07;
}

#submenu ul li a.active {
	color:#097A07;
}
/* EINDE CSS SUBMENU */

#price_new {
	position:absolute;
	bottom:10px;
	left:50px;
	width:60px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#097A07;
}

#action_bullet {
	position:absolute;
	bottom:10px;
	right:60px;
	width:19px;
	height:19px;
}

