/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
input.radio,
input.checkbox { width:13px; height:13px; }
.form-button,
.form-button-alt { padding:1px 10px 0; }

#nav ul li { vertical-align:top; }

.one-page-checkout li.section { vertical-align:top; }

.product-options dd ul.options-list input.form-radio { margin-top:4px; }
.multi-address-checkout-box .legend { position:relative; margin-left:8px; }
.quick-access li { padding-right:4px; padding-left:6px;}
.home-spot { display:inline; }
.mini-related-items .product-details { margin-left:80px; }
.mini-related-items .product-images input { position:relative; margin:-4px 2px 0 -4px; }
.mini-related-items .product-images img { float:left; }

/* Clearer */
.clear { clear:both; font-size:0; line-height:0; height:0; visibility:hidden; overflow:hidden; }

/* CSS document */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background: #b2c900 url(../images/bg.gif) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

a {
	text-decoration: none;
}

p {
	line-height: 14px;
	padding-bottom: 7px;
}

img {
	border: none;
}

h1 {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 3px 0px 0px 0px;
}

h2 {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

div.aanbiedingen h2{
	text-align: center;
}

h3 {
	color: #1c1c1c;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
/**************************************/


/* Algemeen lay-out */
#wrapper {
	background: url(../images/contentbg.png) left repeat-y;
	width: 1007px; /* 1007px */
	margin: 0 auto;
	padding: 0 38px;
	position: relative;
	min-height: 100%;
	overflow: hidden;
}

#container {
	width: 1007px;
	padding: 0px;
	height: 100%;
	position: relative;
	z-index: 0;
}

#header {
	background: url(../images/headerbg.png) top left no-repeat;
	width: 1007px;
	height: 314px;
}

#header h1, #header h1 a
{
	width: 352px;
	height: 170px;
	float: left;
	display: block;
	text-indent: -2000em;
	border-style: none;
}

#header #topnav
{
	text-align: right;
	padding: 13px;
}

#header #search
{
	position:absolute; 
	top: 117px; 
	right: 18px;
	width: 190px;
}

#content {
	width: 541px; /* 541px */
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	float: left;
	margin-left: 8px;
}

#content a {
	color: #2b2b2b;
	text-decoration: none;
}

#content a:hover { color: #2b2b2b; text-decoration: underline; }

.leftbar {
	width: 212px;
	float: left;
}

.col-right {
	width: 213px;
	float: right;
}

.blok, .blokcompleet, .bannerwaaromdiervoordeel
{
	padding: 0 0px;
	/* background-color: #fff; */
	margin-bottom: 9px;
}
#main .blok .content ol li {
	border-bottom: 1px solid #1E7EC8;
	height: 60px;
}
#main .blok .content ol li .product-images {
	width: 100px;
	height: 50px;
	overflow: hidden;
	float: left;
}

.leftbar .blok .header {
	width: 189px; /* width: 213px */
	height: 24px; /* height: 44px */
	padding: 14px 12px 6px 12px;
	background: url(../images/blokbgheaderleft.png) top left repeat-y;
}


.leftbar .blok .header {
	width: 189px; /* width: 213px */
	height: 24px; /* height: 44px */
	padding: 14px 12px 6px 12px;
	background: url(../images/blokbgheaderleft.png) top left no-repeat;
}

#cms-nav .header h4 { padding: 7px 0px 0px 6px; }
#custum_leftmenu.leftbar .blok .header{
height: 24px;
margin-top: 0px;
}

.subHeaderTitleHolder{ width: 100px; padding-left: 98px; padding-top: 19px; height: 74px; }
.subCatHeaderTitle{ color: #FFFFFF; font-family: verdana; font-weight: bold; font-size: 12.5px; text-transform: uppercase; margin-bottom: 10px;}
.subCatHeaderSubTitle{ color: #FFFFFF; font-family: verdana;  font-size: 11px;}

.leftbar .blok .content, 
#cms-nav .blok .content {
	width: 213px; /* width: 213px */
	padding: 4px 0px;
	background: url(../images/blokbgcontentleft.png) top left repeat-y;
	/* border-bottom: solid 3px #a7bc00; */
}

.leftbar .blok .content li { 
	padding: 4px 0;
	margin-left: 5px;
	width: 195px;
}

.leftbar .blok .content li a {
	margin-left: 10px;
	font-weight: bold;
	color: #e83292;
	text-transform: uppercase;
	padding: 4px 0;
}

.leftbar .blok .content li li a {
	margin-left: 5px;
	font-weight: bold;
	color: #e83292;
	text-transform: uppercase;
	padding: 0px 0;
}

.leftbar .blok .content li ul {
	border-bottom: solid 6px #a7bc00;
	width: 193px;
	padding: 0px 5px 5px 5px;
}

.leftbar .blok .content li ul li {
	padding: 0px 0;
	margin-left: 0px;
}
.leftbar .blok .content li ul li a {
	font-weight: normal;
	text-transform: capitalize;
	color: #000000;
	float: left;
}
.leftbar .blok .footer {
	width: 213px;
	height: 4px;
	padding:0px;
	background: url(../images/blokbgfooterleft.png) top left repeat-y;
}

#cms-nav .blok .content li a {
	font-weight: normal;
	text-transform: uppercase;
	padding: 8px 0;
	line-height: 25px;
	margin-left: 17px;
	font-weight: bold;
}

#cms-nav .blok .content li.active a {
	font-weight: bold;
/*	text-decoration: underline;*/
}

#cms-nav .blok .content li.active li a {
	font-weight: normal;
	text-decoration: none;
}
#cms-nav .blok .content li.active li a:hover {
	text-decoration: underline;
}

#cms-nav .blok .content li.active li.active a:hover {
	text-decoration: none;
}

#cms-nav .blok .content li.active li.active a {
	font-weight: bold;
}

#cms-nav .blok .content li a,
#cms-nav .blok .content { color: #c00; }

#cms-nav .blok .content li ul {
	border-bottom: solid 3px;
	width: 203px;
	padding-bottom: 5px;
	margin: 0 5px;
}

#cms-nav .blok .content li ul li a {
	font-weight: normal;
	text-transform: none;
	color: #000000;
	margin-left: 12px;
	padding: 8px 0;
}

.leftbar .blok .content li, 
#cms-nav .blok .content li {
	list-style: none;
}


#cms-nav .blok .footer {
	width: 213px;
	height: 20px;
	padding:0px;
	background: transparent url(../images/cat_footer.jpg) repeat-y scroll left top;
}

#main .bannerwaaromdiervoordeel {
	width: 541px; /* width: 541px */
	height: 223px; /* width: 39px */
	padding: 0;
	background: url(../images/bannerwaaromdiervoordeel.jpg) top left no-repeat;
}

.banners { width: 541px; height: 225px; padding: 0px; margin-bottom: 9px; }
.banners ul {
	width: 240px;
	font-size: 10px;
	margin-left: 280px;
	font-weight: bold;
	}
.banners li{ line-height: 15px; }

.bannerTextHolder{ margin-left: 260px; padding-top: 20px; padding-bottom: 10px;}
.bannerWaarom{ margin-left: 20px; font-size: 28px; font-weight: bold; color: #029FE3; }
.bannerDiervoordeelNl{margin-left: 65px; font-size: 22px; font-weight: bold; color: #E71383; margin-top: 10px;}

.diervoordeel_lijst{
	list-style: disc;
	list-style-position: inside;
}

#main .bannerwaaromdiervoordeel ul {
	width: 240px;
	font-size: 10px;
	margin-left: 280px;
	font-weight: bold;
}

#main .bannerwaaromdiervoordeel ul li{
	line-height: 15px;
}

.bannerSmallText { padding: 0px; font-size: xx-small; line-height: 9px; clear: both; margin-left: 295px; margin-top: 5px; }

#main .blokcompleet,
#cms-content .blokcompleet {
	width: 491px; /* width: 541px */
	height: 19px; /* width: 39px */
	padding: 10px 25px 10px 25px;
	background: url(../images/blokbgbreedcompleet.png) top left repeat-y;
}

#main .blok .header {
	width: 491px; /* width: 541px */
	height: 19px; /* width: 39px */
	padding: 15px 25px 5px 25px;
	background: url(../images/blokbgbreedheader.png) top left repeat-y;
}

#cms-content .blok .header.cat_5 {
	width: 491px; /* width: 541px */
	height: 19px; /* width: 39px */
	padding: 15px 25px 5px 25px;
	background: url(../images/blokbgbreedheader_noblue.jpg) top left repeat-y;
}

#cms-content .blok .content-header {
	width: 491px; /* width: 541px */
	height: 19px; /* width: 19px */
	padding: 0 25px;
	background: url(../images/blokbgbreedheader_noblue.jpg) top left repeat-y;
}

#main .blok .content,
#cms-content .blok .content {
	width: 514px; /* width: 541px */
	background: url(../images/blokbgbreedcontent.png) top left repeat-y;
}

#main .blok .footer, 
#cms-content .blok .footer {
	width: 541px;
	height: 17px;
	padding:0px;
	background: url(../images/blokbgbreedfooter.png) top left repeat-y;
}

#main .text_holder { float: left; width: 240px; padding: 10px;}
#main .text_holder h1{ color: #000000; } 
#main .blok_small {float: right; margin-bottom: 10px;}

#main .blok_small .number {width: 20px; float: left; font-weight: bold; }
#main .blok_small .link { float: left; display: block; }
#main .blok_small .price {color:#E41382; display: block; font-weight: bold; font-size: 14px; text-align:right;clear: both; margin-bottom: 5px;}
#main .blok_small div a{ color:#000; font-weight: bold; text-decoration:none;  } 
#main .blok_small div a:hover{ color:#000; font-weight: bold; text-decoration:underline;  } 

#main .blok_small .header { width: 269px; height: 35px; background: url(../images/top10_head_hond.jpg); } /* can be overruled by later cat-specific css */
#main .blok_small .content {width: 239px; padding: 0px 15px 0px 15px; background: url(../images/top10_content.jpg);vertical-align:top; }
#main .blok_small .footer { width: 269px;height: 16px;margin: 0; padding:0px;background: url(../images/top10_footer.jpg);}

.col-right .blok 
{
	background: none;
}
.col-right .header {
	width: 189px; /* width: 213px */
	height: 9px; /* height: 36px */
	padding: 15px 12px 12px 12px;
	background: url(../images/blokbgheaderright.png) top left no-repeat;
}

#klantenservice_content{
	height: 260px;
}

.klantenservice_header {
	width: 189px; /* width: 213px */
	height: 9px; /* height: 36px */
	padding: 15px 12px 12px 12px;
	background: url(../images/blokbgheaderright.png) top left no-repeat;
}
.klantenservice_content {
	width: 189px; /* width: 213px */
	padding: 4px 12px;
	background: url(../images/blokbgcontentright.png) top left repeat-y;
}

.klantenservice_footer {
	width: 213px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background: url(../images/blokbgfooterright.png) top left no-repeat;
}

.col-right .blok .content_white h5, .col-right .blok .content_white p  {padding: 4px 10px 0px 10px; margin:0px;}
.col-right .blok .content_white a.link_checkout {display:block; margin: 10px 10px 0px 18px; color: #0048ff; font-weight: bold;}
.col-right .blok .content_white a.link_cart {display:block; margin: 10px 10px 0px 18px; color: #f29400; font-weight: bold;}
.col-right .blok .content_white a.link_wishlist {display:block; margin: 10px 10px 0px 18px; color: #f29400; font-weight: bold;}


.col-right .blok .content_white ol li {padding: 5px; margin: 0 5px 0 6px;}

.col-right .blok .content_white { background: url(../images/cat_content.jpg) top left repeat-y; background-color: #fff;}
.col-right .blok .content_white a { color: #000;text-decoration: none;}
.col-right .blok .content_white a:hover { text-decoration: underline;}
.col-right .blok .content_white a span {text-decoration: underline;}

.col-right .blok .footer_white { height:20px; background: url(../images/cat_footer.jpg) top left repeat-y; }

.col-right .blok .footer-closed {
	width: 213px;
	height: 4px;
	background: url(../images/blokbgfooterrightclosed.png) top left repeat-y;
}

.cat_rounder .blok 
{
	background: none;
}
.cat_rounder .blok .header {
	width: 213px; /* width: 213px */
	height: 92px; /* height: 36px */
}
.cat_rounder .blok .content {
	width: 213px; /* width: 213px */
	padding: 5px 0px 0px 0px;
}
.cat_rounder .blok .actions {
	margin:0px 10px 0px 10px;
}

.cat_rounder .blok .footer {
	width: 213px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

#leftcontent a:hover {
	color: #2b2b2b;
	text-decoration: underline;
}

h2 a#cat {
	color: #fff;
	float: left;
}

h2 a#brand {
	float: right;
	color: #fff;
	margin-right: 10px;
}
h2 a.active {
	color: #fff;
	text-decoration: underline;	
}
/**************************************/


/* SEARCH FORM */
#search {
	z-index:1999;
	width: 168px;
	height: 30px;
	border: 0;
	margin-top: 18px;
}

input.srchinput {
	background: none;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #2b2b2b;
	width: 155px; /* 143px */
	height: 23px; /* 20px */
	float: right;
	margin: 2px 0 2px 1px;
	padding-top: 3px;
	padding-left: 3px;
}

input.srchbtn {
	background: url(../images/searchbtn.gif) top left no-repeat;
	border: none;
	width: 25px;
	height: 25px;
	float: right;
	margin: 2px  1px 2px 0;
	cursor: pointer; /* BELANGRIJK */
}
/**************************************/


/* Footer  */
#footer {
	width: 967px; /* 1007px */
	height: 124px; /* 144px */
	background: url(../images/footerbg.png) top left no-repeat; 
	padding: 10px 20px;
	margin-top: 13px;
}

#footer p {
	line-height: normal;
	padding-bottom: 0;
}

#footer a {
	color: #2b2b2b;
	text-decoration: none;
}

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

#footer #seo {
	text-align: left;
	margin-left: 10px;
	font-size: 9.72px;
	font-weight: bold;
	text-align: center;
}

#footer #links {
	text-align: left;
	margin-left: 10px;
	text-align: center;
}

/**************************************/

#topnav, #topnav a  { color: #FFF; font-size:10px; font-weight:bold; }

.header-nav { border: 0px solid red; position:absolute; top: 190px; left: 30px; width:960px; background: none; padding: 0px;}
.header-nav .no-display{ display:none;} 
ul#nav { border: 0px solid red; padding: 0px;}
/* margin: 5px 5px 0px 0px;   zodra dierenarts en diensten getoond worden */
ul#nav li{border: 0px solid yellow; height:81px; width:81px; margin: 5px 5px 0px 18px; padding:0px;background: url("../images/menu/nonactive.jpg"); float: left; list-style:none; } 


ul#nav li:hover{background: url("../images/menu/active.jpg");  background-repeat: no-repeat;} 
ul#nav li {height: 100px; overflow: hidden; background-repeat: no-repeat;}
ul#nav li ul{ display:none; } 
ul#nav li .aantal{ display:none; } 
ul#nav li.active{background: url("../images/menu/active.jpg"); background-repeat: no-repeat;}
ul#nav li.active a span { text-decoration:underline;} 
ul#nav li:hover a span { text-decoration:underline;} 
ul#nav li a{display: block;border: 0px solid red; height:57px; width:57px; padding:0px; margin: 12px; background-repeat: no-repeat;} 
ul#nav li a span{  text-transform:uppercase;position:relative; color: #fff; border: 0px solid red; top:70px; left: -28px; display:block; width:110px; text-align:center; font-size:10px;} 
ul#nav li.nav-home a{ background: url("../images/menu/home.gif"); background-repeat: no-repeat;} 
ul#nav li.nav-hond a{ background: url("../images/menu/hond.gif"); background-repeat: no-repeat;} 
ul#nav li.nav-kat a{ background: url("../images/menu/kat.gif"); background-repeat: no-repeat;}  
ul#nav li.nav-knaagdier a{ background: url("../images/menu/knaagdier.gif"); background-repeat: no-repeat;} 
ul#nav li.nav-vogel a{ background: url("../images/menu/vogel.gif"); background-repeat: no-repeat;} 
ul#nav li.nav-reptiel a{ background: url("../images/menu/reptiel.gif"); background-repeat: no-repeat;} 
ul#nav li.nav-vis a{ background: url("../images/menu/vis.gif"); background-repeat: no-repeat;} 
ul#nav li.nav-paard a{ background: url("../images/menu/paard.gif");height:63px; margin-top: 6px; background-repeat: no-repeat;}  
ul#nav li.nav-paard a span{ top:76px;} 
ul#nav li.nav-apotheek a{ background: url("../images/menu/apotheek.gif"); background-repeat: no-repeat;} 
ul#nav li.nav-diensten a{ background: url("../images/menu/diensten.gif"); background-repeat: no-repeat;} 
ul#nav li.nav-dierenarts a{ background: url("../images/menu/dierenarts.gif"); background-repeat: no-repeat;} 

ol.grid-row * {padding:0px; border:none;}
ol.grid-row li.item * {padding:0px;}
ol.grid-row li.item { float: left; background: url("../images/bg_product.jpg") top; width: 174px; height: 285px; list-style:none; margin: 0px 0px 4px 4px; padding:0px;}
ol.grid-row li.item .item_holder{ border: 0px solid green;height: 245px; width: 150px; margin:10px auto; padding:0px;}
ol.grid-row li.item .product-image { text-align:center; border:0px solid red; height: 148px; padding:0px;}
ol.grid-row li.item h5 { font-size:11px; height: 45px; margin:0px; padding:0px; overflow: hidden;}
ol.grid-row li.item .price-box { border: 0px solid black; height: 22px;}
ol.grid-row li.item .price {  font-size:14px; color: #e41382; font-weight:bold; width: 100%; text-align: right; float: right; }
ol.grid-row li.item .spprice {  font-size:14px; color: #e41382; font-weight:bold; float: left;}

ol.grid-row li.item .gram {  display: inline; line-height: 18px; height: 18px; float: left; overflow: hidden; width: 100%;}
ol.grid-row li.item .gram .ratings{  margin: 2px 0px 0px 0px;}

ol.grid-row li.item .aantal { float: left; width: 35px; height: 35px; margin-left: 5px; font-weight: bold;}
ol.grid-row li.item .aantal input{ width:40px; height: 20px;  margin-left: 5px;}

ol.grid-row li.item .form-button { float: right; margin-top: 9px; border: none; width:59px; height: 28px; background: url("../images/btn_bestel.jpg"); cursor:pointer;}
ol.grid-row li.item .form-button span{ display: none;}


.col-main .header_noblue {
	width: 491px; /* width: 541px */
	height: 19px; /* width: 39px */
	padding: 0px 25px 0px 25px;
	background: url(../images/blokbgbreedheader_noblue.jpg) top left repeat-y;
}


.col-main .item_holder .form-button, .col-main .add-to-holder .form-button  { float: right; border: none; width:59px; height: 28px; background: url("../images/btn_bestel.jpg"); cursor:pointer; margin: 7px 0px 0px 7px;}
.col-main .item_holder .form-button span, .col-main .add-to-holder .form-button span{ display: none;}

.product_top{ background: url('../images/product_top.jpg'); height: 18px; }

.arrow_up{ background: url('../images/close_arrow.gif'); height: 22px; width:22px;float: right; cursor:pointer; }
.arrow_down{ background: url('../images/open_arrow.gif'); height: 22px; width:22px;float: right; cursor:pointer; }

.cat_rounder { width: 213px; float: left; overflow: hidden; }
.cat_rounder .content h4, .cat_rounder .content ol{padding: 0px 8px 0px 18px;}
.cat_rounder .content { background: url(../images/cat_content.jpg) top left repeat-y; background-color: #fff;}
.cat_rounder .content a { color: #000;}

.cat_rounder .footer { background: url(../images/cat_footer.jpg) top left repeat-y; }
.cat_rounder h4 { padding: 5px;}


div.attribute-specs table, div.attribute-specs table td { border: none;}
.middle h4 {margin-bottom: 5px;}
.product-specs {margin-bottom: 5px;}
.availability {margin-top: 5px;}

/* Copy paste this to create new styles for other category */

/*neutral (2)*/
.narrow-by-2 .header { background: url(../images/headers_cat/cat_neutral_header.jpg) top left no-repeat;}
.narrow-by-2 .cat_icon{ background: url("../images/menu/hond.gif") !important; } 
.narrow-by-2 h4{ color:#009ee0; }
.narrow-by-2 .cat_line { background-color:#009ee0; height:6px; margin: 5px 5px 5px 6px;}
ol.grid-row li.item .mini- { float: left; background: url("../images/mini/general.jpg"); width: 35px; height: 35px; margin-top:1px;}




/*hond (5)*/
.banner-5 { background: url(../images/banner/hond.png) top left no-repeat;}
.narrow-by-5 .header { background: url(../images/headers_cat/cat_hond_header.jpg) top left no-repeat;}
.narrow-by-5 .cat_icon{ background: url("../images/menu/hond.gif") !important; } 
.narrow-by-5 h4,
#cms-nav .narrow-by-5 .content li a,
#cms-nav .narrow-by-5 .content { color:#a47a58; }
.narrow-by-5 .cat_line { background-color:#a47a58; height:6px; margin: 5px 5px 5px 6px;}
ol.grid-row li.item .mini-hond { float: left; background: url("../images/mini/hond.jpg"); width: 35px; height: 35px; margin-top:1px;}

.header-541px-5 { background: url("../images/aanbiedingen/aanbiedingen_hond.jpg") !important;} 
.cat-5 .infopages li { background-image:url(../images/hoofdcat/hond.jpg); }


#main .blok-small-5 .item { border-bottom: 1px solid #a47a58; padding: 3px 0px 3px 0px;} 
#main .blok-small-5 .header { width: 269px; height: 35px; background: url(../images/headers_top10/top10_head_hond.jpg); } 

/*kat (6)*/
.banner-6 { background: url(../images/banner/kat.png) top left no-repeat;}
.narrow-by-6 .header { background: url(../images/headers_cat/cat_kat_header.jpg) top left no-repeat;}
.narrow-by-6 .cat_icon{ background: url("../images/menu/kat.gif") !important; } 
.narrow-by-6 h4,
#cms-nav .narrow-by-6 .content li a,
#cms-nav .narrow-by-6 .content { color:#707173;}
.narrow-by-6 .cat_line { background-color:#707173; height:6px; margin: 5px 5px 5px 6px;}


.header-541px-6 { background: url("../images/aanbiedingen/aanbiedingen_dierenarts.jpg") !important;} 

#main .blok-small-6 .item { border-bottom: 1px solid #707173; padding: 3px 0px 3px 0px;} 
#main .blok-small-6 .header { width: 269px; height: 35px; background: url(../images/headers_top10/top10_head_knaagdier.jpg); } 
ol.grid-row li.item .mini-kat { float: left; background: url("../images/mini/kat.jpg"); width: 35px; height: 35px; margin-top:1px;}
.cat-6 .infopages li { background-image:url(../images/hoofdcat/knaagdier.jpg); }


/*knaagdier (7)*/
.banner-7 { background: url(../images/banner/knaagdier.png) top left no-repeat;}
.narrow-by-7 .header { background: url(../images/headers_cat/cat_knaagdier_header.jpg) top left no-repeat;}
.narrow-by-7 .cat_icon{ background: url("../images/menu/knaagdier.gif") !important; } 
.narrow-by-7 h4,
#cms-nav .narrow-by-7 .content li a,
#cms-nav .narrow-by-7 .content { color:#f29a38; }
.narrow-by-7 .cat_line { background-color:#f29a38; height:6px; margin: 5px 5px 5px 6px;}

.header-541px-7 { background: url("../images/aanbiedingen/aanbiedingen_kat.jpg") !important;} /* todo: make kanaagdierplaatje ... */ 

#main .blok-small-7 .item { border-bottom: 1px solid #f29a38; padding: 3px 0px 3px 0px;} 
#main .blok-small-7 .header { width: 269px; height: 35px; background: url(../images/headers_top10/top10_head_kat.jpg); } 
ol.grid-row li.item .mini-knaagdier { float: left; background: url("../images/mini/knaagdier.jpg"); width: 35px; height: 35px; margin-top:1px;}
.cat-7 .infopages li { background-image:url(../images/hoofdcat/kat.jpg); }


/*vogel (8)*/
.banner-8 { background: url(../images/banner/vogel.png) top left no-repeat;}
.narrow-by-8 .header { background: url(../images/headers_cat/cat_vogel_header.jpg) top left no-repeat;}
.narrow-by-8 .cat_icon{ background: url("../images/menu/vogel.gif"); } 
.narrow-by-8 h4,
#cms-nav .narrow-by-8 .content li a,
#cms-nav .narrow-by-8 .content { color:#d8ae00; }
.narrow-by-8 .cat_line { background-color:#d8ae00; height:6px; margin: 5px 5px 5px 6px;}

.header-541px-8 { background: url("../images/aanbiedingen/aanbiedingen_vogel.jpg") !important;} 

#main .blok-small-8 .item { border-bottom: 1px solid #d8ae00; padding: 3px 0px 3px 0px;} 
#main .blok-small-8 .header { width: 269px; height: 35px; background: url(../images/headers_top10/top10_head_vogel.jpg); } 
ol.grid-row li.item .mini-vogel { float: left; background: url("../images/mini/vogel.jpg"); width: 35px; height: 35px; margin-top:1px;}
.cat-8 .infopages li { background-image:url(../images/hoofdcat/vogel.jpg); }

/*reptiel (9)*/
.banner-9 { background: url(../images/banner/reptiel.png) top left no-repeat;}
.narrow-by-9 .header { background: url(../images/headers_cat/cat_reptiel_header.jpg) top left no-repeat;}
.narrow-by-9 .cat_icon{ background: url("../images/menu/reptiel.gif"); } 
.narrow-by-9 h4,
#cms-nav .narrow-by-9 .content li a,
#cms-nav .narrow-by-9 .content { color:#aead0a; }
.narrow-by-9 .cat_line { background-color:#aead0a; height:6px; margin: 5px 5px 5px 6px;}

.header-541px-9 { background: url("../images/aanbiedingen/aanbiedingen_reptiel.jpg") !important;} 
/* mini-reptiel vervangen voor mini-terrarium */
#main .blok-small-9 .item { border-bottom: 1px solid #aead0a; padding: 3px 0px 3px 0px;} 
#main .blok-small-9 .header { width: 269px; height: 35px; background: url(../images/headers_top10/top10_head_reptiel.jpg); } 

ol.grid-row li.item .mini-terrarium { float: left; background: url("../images/mini/reptiel.jpg"); width: 35px; height: 35px; margin-top:1px;}
ol.grid-row li.item .mini-reptiel { float: left; background: url("../images/mini/reptiel.jpg"); width: 35px; height: 35px; margin-top:1px;}
.cat-9 .infopages li { background-image:url(../images/hoofdcat/reptiel.jpg); }



/*vis (10)*/
.banner-10 { background: url(../images/banner/vis.png) top left no-repeat;}
.narrow-by-10 .header { background: url(../images/headers_cat/cat_vis_header.jpg) top left no-repeat;}
.narrow-by-10 .cat_icon{ background: url("../images/menu/vis.gif"); } 
.narrow-by-10 h4,
#cms-nav .narrow-by-10 .content li a,
#cms-nav .narrow-by-10 .content { color:#556fae; }
.narrow-by-10 .cat_line { background-color:#556fae; height:6px; margin: 5px 5px 5px 6px;}

.header-541px-10 { background: url("../images/aanbiedingen/aanbiedingen_vis.jpg") !important;} 

#main .blok-small-10 .item { border-bottom: 1px solid #556fae; padding: 3px 0px 3px 0px;} 
#main .blok-small-10 .header { width: 269px; height: 35px; background: url(../images/headers_top10/top10_head_vis.jpg); } 
/* mini-vis vervangen voor mini-aquarium */
ol.grid-row li.item .mini-aquarium { float: left; background: url("../images/mini/vis.jpg"); width: 35px; height: 35px; margin-top:1px;}
ol.grid-row li.item .mini-vis { float: left; background: url("../images/mini/vis.jpg"); width: 35px; height: 35px; margin-top:1px;}

.cat-10 .infopages li { background-image:url(../images/hoofdcat/vis.jpg); }


/*paard (11)*/
.banner-11 { background: url(../images/banner/paard.png) top left no-repeat;}
.narrow-by-11 .header { background: url(../images/headers_cat/cat_paard_header.jpg) top left no-repeat;}
.narrow-by-11 .cat_icon{ background: url("../images/menu/paard.gif"); } 
.narrow-by-11 h4,
#cms-nav .narrow-by-11 .content li a,
#cms-nav .narrow-by-11 .content { color:#ba7301; }
.narrow-by-11 .cat_line { background-color:#ba7301; height:6px; margin: 5px 5px 5px 6px;}

.header-541px-11 { background: url("../images/aanbiedingen/aanbiedingen_paard.jpg") !important;} 

#main .blok-small-11 .item { border-bottom: 1px solid #ba7301; padding: 3px 0px 3px 0px;} 
#main .blok-small-11 .header { width: 269px; height: 35px; background: url(../images/headers_top10/top10_head_paard.jpg); } 

/* mini-paard vervangen voor mini-ruitersport */
ol.grid-row li.item .mini-ruitersport { float: left; background: url("../images/mini/paard.jpg"); width: 35px; height: 35px; margin-top:1px;}
ol.grid-row li.item .mini-paard { float: left; background: url("../images/mini/paard.jpg"); width: 35px; height: 35px; margin-top:1px;}


.cat-11 .infopages li { background-image:url(../images/hoofdcat/paard.jpg); }

/*apotheek (12)*/
.banner-12 { background: url(../images/banner/apotheek.png) top left no-repeat;}
.narrow-by-12 .header { background: url(../images/headers_cat/cat_apotheek_header.jpg) top left no-repeat;}
.narrow-by-12 .cat_icon{ background: url("../images/menu/apotheek.gif"); } 
.narrow-by-12 h4,
#cms-nav .narrow-by-12 .content li a,
#cms-nav .narrow-by-12 .content { color:#e5322d; }
.narrow-by-12 .cat_line { background-color:#e5322d; height:6px; margin: 5px 5px 5px 6px;}

.header-541px-12 { background: url("../images/aanbiedingen/aanbiedingen_apotheek.jpg") !important;} 

#main .blok-small-12 .item { border-bottom: 1px solid #e5322d; padding: 3px 0px 3px 0px;} 
#main .blok-small-12 .header { width: 269px; height: 35px; background: url(../images/headers_top10/top10_head_apotheek.jpg); }
ol.grid-row li.item .mini-apotheek { float: left; background: url("../images/mini/apotheek.jpg"); width: 35px; height: 35px; margin-top:1px;
}
.cat-12 .infopages li { background-image:url(../images/hoofdcat/apotheek.jpg); }



/*diensten (13)*/
.banner-13 { background: url(../images/banner/diensten.png) top left no-repeat;}
.narrow-by-13 .header { background: url(../images/headers_cat/cat_diensten_header.jpg) top left no-repeat;}
.narrow-by-13 .cat_icon{ background: url("../images/menu/diensten.gif"); } 
.narrow-by-13 h4,
#cms-nav .narrow-by-13 .content li a,
#cms-nav .narrow-by-13 .content { color:#e93897; }
.narrow-by-13 .cat_line { background-color:#e93897; height:6px; margin: 5px 5px 5px 6px;}

.header-541px-13 { background: url("../images/aanbiedingen/aanbiedingen_diensten.jpg") !important;}

#main .blok-small-13 .item {border-bottom: 1px solid; border-bottom: 1px solid #e93897; padding: 3px 0px 3px 0px;} 
#main .blok-small-13 .header { width: 269px; height: 35px; background: url(../images/headers_top10/top10_head_diensten.jpg); } 
ol.grid-row li.item .mini-diensten { float: left; background: url("../images/mini/diensten.jpg"); width: 35px; height: 35px; margin-top:1px;}
.cat-13 .infopages li { background-image:url(../images/hoofdcat/diensten.jpg); }

/*dierenarts (14)*/
.banner-14 { background: url(../images/banner/dierenarts.png) top left no-repeat;}
.narrow-by-14 .header { background: url(../images/headers_cat/cat_dierenarts_header.jpg) top left no-repeat;}
.narrow-by-14 .cat_icon{ background: url("../images/menu/dierenarts.gif"); } 
.narrow-by-14 h4,
#cms-nav .narrow-by-14 .content li a,
#cms-nav .narrow-by-14 .content { color:#868889; }
.narrow-by-14 .cat_line { background-color:#868889; height:6px; margin: 5px 5px 5px 6px;}

.header-541px-14 { background: url("../images/aanbiedingen/aanbiedingen_dierenarts.jpg") !important;}

#main .blok-small-14 .item { border-bottom: 1px solid #868889; padding: 3px 0px 3px 0px;} 
#main .blok-small-14 .header { width: 269px; height: 35px; background: url(../images/headers_top10/top10_head_dierenarts.jpg); } 
ol.grid-row li.item .mini-dierenarts { float: left; background: url("../images/mini/dierenarts.jpg"); width: 35px; height: 35px; margin-top:1px;}


.cat-14 .infopages li { background-image:url(../images/hoofdcat/dierenarts.jpg); }

/* WERELDLINKS */
.hoofdcatblock {
	height: 45px;
	width: 541px;
	background-image:url(../images/hoofdcatblock.gif);
	margin-bottom: 10px;
	padding-top:13px;
}
.infopages {
	
}
.infopages li {
	
	display: block;
	width: 164px;
	background-color:#FFF;
	float:left;
	margin-right: 2px;
	margin-left: 10px;
	line-height: 32px;
	text-align:center;
}
.infopages li a {font-weight: bold; color:#FFF;}

.infopages li.active a {
	text-decoration:underline;
	
}

/*Added by kevin*/
#klantenservice_link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	color: #0048ff;
	text-decoration: underline;
}

#klantenservice_info img{
	float: left;
	margin-right: 8px;
}

#klantenservice_info li{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin-bottom: 4px;
}

#klantenservice_info li a{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin-bottom: 12px;
}

.cart_recent_items, .wishlist_recent_items{
	font-size: 10px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 30px;
	border-bottom: 2px solid #c2d434;
}

#cart-sidebar li {
	border-bottom: 2px solid #c2d434;
}

#wishlist-sidebar li {
	border-bottom: 2px solid #c2d434;
}


.col-right .blok .header.winkelmand{
background:transparent url(../images/blokbgheadermand.png) no-repeat scroll left top;
height:9px;
padding:15px 12px 12px;
width:189px;
}

#banners{
	font-size: 9.72px;
	text-align: right;
}

.link_register, .link_wachtwoord{
	text-decoration: underline;
	font-weight: bold;
}

.inactive_menu_item{ }
/* end kevin */

.subcat_block { margin: 0px  10px 0px  8px; }
.subcat_block h1 { font-size: 18px; color: #000; }
.subcat_block p { margin-bottom: 1px;}

.aantal { width: 35px; }
.factuurnummer {  width: 100px; }
.artikelnummer {  width: 100px; }
.artikelomschrijving {  width: 230px; }

.hide{
display: none;
}

.show{
display: block;
}

.open, .sluit {
	float: right;
	font-size:0.95em;
	padding: 2px 10px;
	margin-top: -20px;
	text-decoration:underline;
}