/*
default CSS file written by Bogdan Siregar
this css file is a compilation from various css authors
(c) Bogdan Siregar 2009. 
*/

/*
Donkeybridge(s)
if only one value is set, that value applies to all four sides
if two values are set, the first is for the top and bottom, the second is for right and left.
if three values are set, the first is the top, the second are the right and left and the third is the bottom
if four values are set, the order they are applied is top, right, bottom, left 
background:#292929 url(images/contentBG.jpg) repeat-x scroll center bottom;
*/


@charset "utf-8";

/*-----------------------------------------------------------------------------------------------
  General CSS settings
-----------------------------------------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
	outline: none;
	}

/*h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, fieldset, address { 
	margin:1em 0; 
	}
*/

html {min-height: 100%;}

p{
	text-align:justify;
}

a img{ 
	border:none; 
	}
	
a {
	text-decoration:none;
	color:#e00000;
}

a:hover {
text-decoration:underline;
color:#d1224f;
}

span.clear{

display:none;
}
	

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	background: #ffffff url(../images/background.png) repeat-x;
	/*color:#88746a;
	font-size:13px;*/
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
    color: #000;
    font-size: 12px;
	}
	
#wrapper{
	/*background: url(../images/_bg_repeater.png) repeat-y center top;*/
    background-color: #ffffff;
	width:969px;
	margin:0;
	margin: 0 auto;
	padding:0;
    padding-left: 7px;
    padding-right: 7px;

}


#top_nav{
	background-image:url(../images/background_nav.png);
	padding:0px;
	margin:0px;
	width:969px;
	height:70px;
    border-bottom: 4px solid #C1E6FF;
    margin-bottom: 2px;
}

	
#main_nav{
	padding:0px;
	margin:0px;
	width:201px;
	float:left;
    background-image: url('../images/main_nav_background.png');
    background-repeat: no-repeat;
    background-position: top left;
}



	
/*-----------------------------------------------------------------------------------------------
 Header settings
-----------------------------------------------------------------------------------------------*/

#header{
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	width:999px;
	margin:0px;
	padding:0px;
	
}

#advert{
	background-image:url(../images/image_rotator.php);
    /*background-image: url('../images/header-images-amstel-medical-1.png');*/
    background-position: -201px 0px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	text-align:left;
	float:left;
    height: 246px;
    width: 768px;
    margin-bottom: 2px;
}

#offers_text,
#content_standaard {
    border-top: 4px solid #c1e6ff;
    float:left;
    padding-top: 28px;
    padding-left: 30px;
    padding-right: 30px;
    width: 708px;
}

#content_text {padding-left: 15px; padding-right: 30px;}
#content_text p {font-size: 12px; color: #000; margin-bottom: 25px;}

#offers_text h1,
#content_standaard h2 {
    color:#e00000;
    font-size: 20px;
    font-weight: normal;
}

#offers h2,
#popular h2 {
    color: #2b709e;
    font-weight: normal;
    margin-bottom: 15px;
}

h2 {
    font-size: 16px;
    color: #e00000;
}

h3 {
    color: #ff0000;
    font-size: 12px;
}

#offers_text .text,
#content_standaard .text{
padding: 0px;
font-size:12px;
color: #333333;
margin-top: 20px;
margin-bottom: 25px;
line-height: 18px;
}

#content_standaard p {
    color: #333333;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}

#offers,
#popular {
    background-image: url('../images/aanbiedingen_background.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    float: left;
    width: 708px;
}

#popular {margin-bottom: 25px;}

#wrapper2{
	background-image:url(../images/line.png);
	background-repeat:repeat-y;
	background-position: 201px top;
	margin:0px;
	padding:0px;
	display:block;
	clear:both;

}


/*-----------------------------------------------------------------------------------------------
  Menu settings
-----------------------------------------------------------------------------------------------*/

.quickmenu ul{
	margin:0px;
	margin-top:10px;
	margin-left:3px;
	padding:0px;
	list-style:none;
}

.quickmenu ul li{
	display:inline;
	margin:0px;
	padding:0px;
	width:103px;
}


.quickmenu ul li{
	display:block;
	width:103px;
	height:38px;
	background-image:url(../info/images/quickmenu_passive.png);
	background-repeat:no-repeat;
	float:left;
	text-align:center;
	padding-top:10px;
}


.quickmenu .active{
	display:block;
	width:103px;
	height:38px;
	background-image:url(../info/images/quickmenu_active.png);
	background-repeat:no-repeat;
	float:left;
	text-align:center;
	padding-top:10px;
	color:white;
	font-weight:bold;
}

.quickmenu a{
	color:black;
}

.quickmenu .active a{
	color:white;
}



.quickmenu a img{
	margin:0px;
	padding:0px;
}


#top_nav ul{
	list-style:none;
	height:54px;
	margin:0px;
	margin-left:30px;
	padding:0px;
	float:left;
    margin-top: 20px;
    background-image: url('../images/navline.png');
    background-repeat: no-repeat;
    background-position: bottom left;
}

#top_nav ul li{
display:inline;
height:50px;
margin:0px;
padding:0px;
float:left;
font-weight:bold;
text-align:center;
background-image: url('../images/navline.png');
background-repeat: no-repeat;
background-position: bottom right;
border-bottom: 4px solid #c1e6ff;
line-height: 50px;
}

#top_nav ul li.active {
border-bottom: 4px solid #e00000;
}

#top_nav ul li a{
margin:0px;
padding:0px;
color:#2b709e;
padding-left: 15px;
padding-right: 15px;
display: block;
font-size: 13px;
}

#top_nav ul li.active a {
color: #e00000;
}

#top_nav ul li a:hover{
text-decoration: none;
color: #e00000;
}

.email{
margin:0px;
padding:0px;
color: #e00000;
}

#top_nav h6{
font-size:11px;
float:right;
margin:0px;
margin-top:15px;
margin-right:10px;
padding:0px;
}


div.hoofdmenu ul{
list-style:none;
margin:0px;
padding:0px;

}

div.hoofdmenu ul li{
width:194px;
min-height: 20px;
float:left;
background-image:url(../images/menu_item_passive.png);
background-repeat:no-repeat;
margin:0px;
padding:0px;
margin-bottom:2px;
}

div.hoofdmenu ul li a{
margin:0px;
padding:0px;
padding-left:10px;
font-size:11px;
color:#2b709e;
line-height: 20px;
}

div.hoofdmenu .active{
font-weight:bold;
width:207px;
}

div.hoofdmenu .active a{
display:block;
}

div.hoofdmenu ul li ul{
font-size:9px;
padding:0px;
margin:0px;
}

div.hoofdmenu ul li ul li{
background:none;
display:block;
clear:both;
width:190px;
margin:0px;
padding:0px;
margin-top: 2px;
}

div.hoofdmenu .active ul li a{
color:#000000;
text-decoration:underline;
font-size:11px;
font-weight:normal;
float:left;
margin:0px;
margin-left:7px;
margin-top:5px;
padding:0px;
padding-left:10px;
background-image:url(../images/submenu_list_active.png);
background-repeat:no-repeat;
}


div.hoofdmenu ul li ul li a{
color:#000000;
text-decoration:underline;
font-size:11px;
font-weight:normal;
float:left;
margin:0px;
margin-left:7px;
margin-top:10px;
padding:0px;
padding-left:10px;
background-image:url(../images/submenu_list_active.png);
background-repeat:no-repeat;
background-position: left center;
}

div.hoofdmenu .active ul li a:hover{
text-decoration:none;
color:#ff0000;
background-image:url(../images/submenu_list_passive.png);
background-repeat:no-repeat;
}

div.hoofdmenu .active ul li a.a_active{
text-decoration:none;
color:#ff0000;
background-image:url(../images/submenu_list_passive.png);
background-repeat:no-repeat;
}

div.hoofdmenu ul li ul li a:hover{
text-decoration:none;
color:#ff0000;
background-image:url(../images/submenu_list_passive.png);
background-repeat:no-repeat;
}


/*-----------------------------------------------------------------------------------------------
  Body / Content settings
-----------------------------------------------------------------------------------------------*/

#rechterdeel{
width:768px;
float:right;
margin-bottom: 35px;
}

#rechterdeel ul {
	padding-left: 15px;
}

#producten{
width:730px;
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
float:left;
}

#content{
	width:753px;
	margin:0px;
	margin-left:0px;
	padding:0px;
	float:left;
	text-align:left;
    padding-left: 15px;
}

#content p {
    color: #000;
    font-size: 12px;
}


#content-mandje{
	width:700px;
	margin:0px;
	margin-left:20px;
	padding:0px;
	float:left;

}



/*-----------------------------------------------------------------------------------------------
  Footer settings
-----------------------------------------------------------------------------------------------*/

#footer{
float: right;
height: 36px;
background-image: url('../images/footer_background.png');
width: 753px;
line-height: 36px;
font-size: 11px;
color: #4688b5;
padding-left: 15px;
}

#footer a { color: #194665; }

#footer p{
font-size:12px;
font-weight:bold;
color:#000000;
padding:0px;
margin:0px;
width:245px;
float:left;
padding-left:70px;
padding-top:10px;

}

#footer ul{
list-style:none;
width:649px;
float:left;

padding:0px;
margin:0px;
}

#footer ul li{
display:inline;
}

/*-----------------------------------------------------------------------------------------------
  Betaal settings
-----------------------------------------------------------------------------------------------*/
a.ideal{
display:block;
margin:0px;
padding:0px;
float:left;
width:40px;
height:45px;
margin-right:60px;
}
a.postbank{
display:none;
margin:0px;
padding:0px;
float:left;
width:74px;
height:30px;
margin-right:40px;
}
a.ingbank{
display:block;
margin:0px;
padding:0px;
float:left;
width:90px;
height:45px;
margin-right:60px;
}
a.fortis{
display:block;
margin:0px;
padding:0px;
float:left;
width:71px;
height:45px;
margin-right:60px;
}
a.abnamro{
display:block;
margin:0px;
padding:0px;
float:left;
width:90px;
height:45px;
margin-right:50px;
}
a.rabobank{
display:block;
margin:0px;
padding:0px;
float:left;
width:80px;
height:45px;
margin-right:0px;
}

/*-----------------------------------------------------------------------------------------------
  Form zoeken settings
-----------------------------------------------------------------------------------------------*/

.zoeken{
margin:0px;
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
padding:0px;
}

ul.contactform{
list-style:none;
margin:0px;
padding:0px;

}

li.contact-text-input{
	margin:0px;
	padding:0px;
	background: url(../images/button_zoeken.png);
	background-repeat:no-repeat;
	width: 181px;
	height: 27px;
}
	li.contact-text-input .submitSearch{
			background:url(../images/_button_zoeken_vergrootglas.png);
			height: 100%;
			width: 20px;
			margin-left:5px;
			border:none;
			cursor:pointer;
		}
	
input.contact-form {
	margin-top:5px;
	background: none;
	width: 140px;
	font-size: 11px;
	color: #000000;
	padding-right:10px;
	border:none;
	}


ul.aantalform{
list-style:none;
margin:0px;
padding:0px;

}

li.aantal-text-input{
	margin:0px;
	padding:0px;
	background: url(../images/product_aantal.png);
	background-repeat:no-repeat;
	width: 135px;
	height: 22px;




	}
	
input.aantal-form {
	margin: 0px;
	margin-top:2px;
	padding: 0px;
	background: none;
	border: 0;
	width: 45px;
	font-size: 12px;
	color: #000000;
	float:right;
	font-weight:bold;
	padding-right:10px;
	}



/*-----------------------------------------------------------------------------------------------
  Product settings
-----------------------------------------------------------------------------------------------*/
.product{
/*background-image:url(../images/product_scheider.png);
background-repeat:no-repeat;
display:block;
width:730px;
margin:0px;
padding:0px;
padding-top:10px;*/
}

.product_info{
margin:0px;
padding:0px;
width:350px;
float:left;
margin-left: 24px;
}

.product_samenstellen{
width:566px;
padding:0px;
margin:0px;
float:left;
/*padding-left: 24px;*/
}

#product_foto {
width: 120px;
margin:0px;
overflow: hidden;
margin-left:4px;
padding:0px;
float:left;
text-align: center;
}

.product_info h3{
font-size:16px;
font-weight:bold;
color:#ff0000;
padding:0px;
margin:5px 0px;
width:400px;
float:left;
}
.product_artikelen {
	/*width:557px;*/
	float:left;
}

.product_artikelen_special 
{	
	width:557px;
	float:left;
	clear: both;
	margin-left: 124px;
	margin-top: 20px;
}

.product_artikelen_special h4{
color:#357AA9;
font-size: 12px;
float: left;
}

.product_artikelen h4{
font-size:12px;
color:#357AA9;
padding:0px;
margin:0px;
float:left;
}

.aanbieding .active{
float:right;
display:block;
background-image:url(../images/product_aanbieding.png);
background-repeat:no-repeat;
width:110px;
height:50px;
padding:0px;
margin:0px;
}


.product_omschrijving{
margin:0px;
margin-top:10px;
margin-bottom:10px;
padding:0px;
width: 557px;
float:left;
margin-bottom: 30px;
color: #000;
margin-left: 24px;
}

.aanbieding{

}

.product_options{
float:left;
margin:0;
padding:0;
width:555px;
background-image: url('../images/product_artikelen_bg.png');
min-height: 72px;
overflow: hidden;
color: #000;
margin-left: 12px;
padding-left: 13px;
padding-right: 13px;
padding-top: 15px;
padding-bottom: 5px;
}

.product_options_toebehoren{
float:right;
margin: 0;
padding-top: 26px;
width:555px;
}

.product_options_toebehoren span strong{
color: #009EE0;
}

span.product_nummer{
width:450px;
padding:0px;
margin:0px;

float:left;
font-size:12px;
color:#000000;
}

span.product_prijs{
float:right;
/*width:150px;*/
text-align:right;
font-size:17px;
font-weight:bold;
color:#e00000;
}

span.product_aantal{
margin:0px;
margin-right:7px;
padding:0px;
float:left;
margin-top: 10px;
}

span.product_aantal select{
font-size: 12px;
height: 20px;
}

/*.product_aantal input{
width:70px;
text-align:center;
float:right;
}*/

div.product_specs{
margin:0px;
padding:0px;
float:left;
/*width: 430px;*/
margin-top: 10px;
}

.product_specs select{
font-size:12px;
text-align:left;
height: 20px;
}

.add-to-cart-btn{

	background-image: url('../images/bestellen.png');
	background-repeat: no-repeat;
	border: 0px;
	width:105px;
	height:28px;
	float:right;
	cursor: pointer;
}

/*.add-to-cart-btn {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../images/product_bestellen.png);
	background-repeat: no-repeat;
	border: none;
	width:131px;
	height:22px;
	color: #ffffff;
	font-size: 89%;
	font-weight: bold;
	padding: 2px 5px 3px 30px;
	cursor: pointer;
	vertical-align: top;
	margin: 0;
	text-decoration: none;
	float: right;
	display: block;
}

*/

span.product_toebehoren{
background-image:url(../images/toebehoren.png);
background-repeat:no-repeat;
margin:0px;
margin-right:5px;
padding:0px;
width:105px;
float:right;
cursor: pointer;
}

span.product_toebehoren a{
display:block;
float:left;
width:105px;
height:28px;
}

span.product_bestellen{
margin:0px;
margin-right:10px;
padding:0px;
width:131px;
float:left;
}

span.product_bestellen{
background-image:url(../images/product_bestellen.png);
background-repeat:no-repeat;
margin:0px;
padding:0px;
width:133px;
float:left;
}

span.product_bestellen a{
display:block;
float:left;
width:133px;
height:22px;
}

.cart-overview td, .cart-overview th
{
padding: 3px;
}

.cart-overview tr.header th
{
	border-bottom: solid 1px #333;
}
.cart-overview tr.header td
{
	border-top: solid 1px #333;
}

.product_thumb
{
	float: left;
	width: 60px; 
	height: 60px; 
	float: left; 
	overflow: hidden;
	display: block;
	opacity: .90;
	/*filter: alpha(opacity=90);*/
}
.product_thumb:hover
{
	
	opacity: 1;
	/*filter: alpha(opacity=100);*/
}

.product_text
{
	float: right;
	width: 470px;
}
#menu li.ui-accordion-selected a { background: #025185; color: #fff; }  


/*-----------------------------------------------------------------------------------------------
  New design
-----------------------------------------------------------------------------------------------*/
.clear {clear: both;}

a#logo {display: block; float: left; width: 178px; height: 67px; background-image: url('../images/logo.png'); text-indent: -9999px;}

#contactinfo {color: #4688b5; font-size: 11px; float: right; text-align: right; margin-right: 15px; margin-top: 10px;}

#main_nav #menu_type {list-style-type: none; margin-top: 7px; margin-left: 7px; float: left;}
#main_nav #menu_type li {display: inline; float: left; font-size: 11px; text-align: center; line-height: 32px;}
#main_nav #menu_type a {display: block; width: 90px; height: 32px; color: #427ea6; background-image: url('../images/menu_type.png'); background-repeat: no-repeat;}
#main_nav #menu_type a:hover {text-decoration: none;}
#main_nav #menu_type li.active a{background-image: url('../images/menu_type_active.png'); background-repeat: no-repeat; color: #757575;}
#main_nav #menu_type li.last {margin-left: 2px;}

#main_nav #menu_items {background-color: #fff; border-top: 1px solid #a9c4d6; border-right: 1px solid #a9c4d6; float: left; width: 201px;}

#main_nav #quickmenu {width: 194px; height: 107px; background-image: url('../images/quick_menu.png'); background-repeat: no-repeat; padding-top: 7px; padding-left: 7px; margin-top: 6px;}
#main_nav #quickmenu #mandje {width: 181px; height: 27px; background-image: url('../images/mijn_winkelwagen.png'); display: block; text-indent:-9999px; margin-bottom: 6px;}
#main_nav #quickmenu #aanbiedingen {width: 181px; height: 27px; display: block; background-image: url('../images/aanbiedingen.png'); text-indent: -9999px;}

#main_nav #veilig_betalen {width: 179px; background-image: url('../images/veilig_betalen_background.png'); height: 94px; float: left; margin-top: 5px; font-size: 11px; font-weight: bold; color: #2b709e; padding-left: 15px; padding-top: 13px;}
#main_nav #veilig_betalen #ideal_logos {width:164px; height: 35px; background-image: url('../images/ideal_logos.png'); margin-top: 15px;}

ul.contactform li {margin-bottom: 6px;}

#offers .producten,
#popular .producten {position:relative; min-height: 183px; width: 99px; border: 1px solid #c4e8fe; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding: 8px; margin-top: 10px;}
#popular .producten {min-height: 150px;}

#offers .producten .product_image,
#popular .producten .product_image {height: 96px; overflow: hidden; margin-bottom: 10px;}

#offers .producten .product,
#popular .producten .product {font-size: 11px; text-align: center;}

#offers .producten .product a,
#popular .producten .product a{color: #2b709e;}

#offers .producten .product_name {height: 60px; overflow: hidden;}

#offers .producten .product_price,
#popular .producten .product_price {font-size: 16px; color: #e00000; font-weight: bold;}

#offers .producten .product_offer_image, 
#popular .producten .product_offer_image {width: 62px; height: 62px; background-image: url('../images/offer_img.png'); position: absolute; top: -3px; right: -3px;}

#content .producten_big {position:relative; width: 100%; /*min-height: 270px;*/ background-image: url('../images/aanbieding_background.png'); background-repeat: repeat-x; background-position: center top; float: left; margin-top: 30px;}
#content .producten_big .product_foto {float: left; border: 1px solid #d1d1d1; padding: 7px; background-color: #fff; color: #2b709e; font-size: 11px; text-align: center; width: 100px; min-height: 135px;}
#content .producten_big .product_foto img {margin-bottom: 7px;}
#content .producten_big .product_foto a {color: #2b709e; text-decoration: none;}
#content .producten_big .product {padding-top: 15px; padding-left: 15px;}
#content .producten_big .aanbieding {width: 82px; height: 82px; background-image: url('../images/aanbieding_groot.png'); position: absolute; top: -3px; right: -3px;}

.product_options h3 {color: #357aa9; float: left; width: 450px;}

.toebehoren {padding-bottom: 6px; float:left; padding-top: 6px;}
.toebehoren-image {float: left; width: 59px; padding: 7px; background-color: #fff; border: 1px solid #9bc1d7; height: 59px; margin-top: -8px; margin-left: -8px; margin-right: 12px;}

/*#gegevens table tr {height: 30px;}
#gegevens table tr td {line-height: 22px;}*/