@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}

html, body{
height: 100%;
min-height:100%;
margin:0;
padding:0;
}

body{
height: 100%;
background-color:#ECECEC;
font-family: "Trebuchet MS",
             "Lucida Grande",
             "Lucida Sans Unicode",
             "Lucida Sans",
             Arial,
             sans-serif;

}

table {
border-collapse:collapse;
border:0px;
}


td {
padding:0;
border:0px;
} 

.wrap{
width:955px;
height:auto;
background:none;
background-image:url(../images/guppy/bg.png);
background-repeat: repeat-y;
margin:0 auto;
padding:0;
}

.main{
width:915px;
margin-right:auto;
margin-left:auto;
background-color:#EEEED6;
position:relative;
}

.main img{
border: none;
}

.topbar{
padding-left:22px;
width:893px;
height:31px;
background-color: #CD0000;
border-bottom: #FFFFFF solid 2px;
}

.topbar a{
color:#FFFFFF;
text-decoration:none;
font-size:10px;
}

.topbar a:hover{
text-decoration: underline;
}

.topbar li{
padding-right:5px;
display:inline;
}



.topnav1{
width:522px;
float:left;
margin-left:-5px;
}

.topnav2{
/*width:265px;*/
float:left;
margin-left:87px;
}

.header{
background-color:#FFFFFF;
width:915px;
height:320px;
background-repeat:no-repeat;
background-position:right;
z-index: -10;
}

* html .header .slideshowDiv .slideshowImage {
    height: 166px!important;
   
}
/*
#header{
background-image:url(../images/guppy/header.jpg);
}*/

.header .slideshowDiv .slideshowImage{
background-color:#FFFFFF;
width:685px;
height:245px;
margin-left:230px;
margin-top:0px; /*-167*/
background-repeat:no-repeat;
background-position:right;
top: 50px;
}

.header .slider .slideshowDiv .slideshowImage{
background-color:#FFFFFF;
width:685px;
height:245px;
margin-left:230px;
margin-top:72px; /*-167*/
margin-bottom:-5px; /*-167 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
background-repeat:no-repeat bottom;
background-position:right;
top: 50px;

}


* html .header .slider .slideshowDiv .slideshowImage {
    height: 321px!important;
   
}
/*
#header2{
background-image:url(../images/guppy/header2.jpg);
}

#header3{
background-image:url(../images/guppy/header3.jpg);
}
*/
.logo{
width:915px;
/*height:320px;*/
height:166px;
background-image:url(../images/guppy/guppy_logo.png);
background-repeat:no-repeat;
/*behavior:url(http://new.heinosoft.nl/guppy/html/jsFrontend/iepngfix.htc);*/
/*top:-326px;top:0px;*/
top:30px; /*-326*/
left:0px;
position:absolute;
z-index:100;

}

* html .logo {
 top:30px;
}
*+html .logo {
 top:30px;
}
.logo_real{
position:absolute;
width:915px;
/*height:320px;*/
top:31px;
z-index:999;
}

.special{
position: absolute;
top:90px;
}

.offer{
position: absolute;
top:20px;
left:720px;
display:none;
}

.offer img{ 
/*behavior:url(http://new.heinosoft.nl/guppy/html/jsFrontend/iepngfix.htc);*/
}



.leftbar{
background-color:#EEEED6;
float:left;
width:230px;
height:100%;
margin-top:0px;
}

* html .leftbar {
    margin-top:-5px!important;
   
}

.left_stuff{
height:100%;
width:230px;
/*background-image: url(../images/guppy/lefttop.gif);*/
background-repeat:no-repeat;
background-position: top center;
}

.left_top{
width:170px;
height:52px; 
padding-left: 60px; 
padding-top:13px;
}

.leftnav{
width:194;
height: auto;
padding-left:10px;

}

.subnav{
padding-left: 37px;
background-color:#EEEED6;
padding-top:5px;
height:20px;
width:648px;
color:#CD0000;
font-size:10px;
}

.subnav a{
color:#CD0000;
font-size:10px;
text-decoration:none;
}


.subnav li{
padding-right:5px;
display:inline;
}

.zoeken{
    background-image:url(../images/guppy/leftbar.png);
    background-repeat:no-repeat;
    height:37px;
    padding-left:8px;
    padding-top:13px;
    width:222px;
}
.zoeken .button
{
width:39px;
height:25px;
position:relative;
top:0px;
}

.zoeken input{
width:125px; 
position:relative; 
top: -5px;
}

.midbar{
background-color: #FFFFFF;
background-image:url(../images/guppy/midbar.png);
background-repeat:no-repeat;
float:left;
width:455px;
height:100%;
overflow:visible;
padding-top:50px;
margin-top:0px;
_margin-top:-5px;
z-index:-1;

}

.midbar2{
background-color: #FFFFFF;
background-image:url(../images/guppy/midbar2.png);
background-repeat:no-repeat;
float:left;
width:685px;
height:100%;
overflow:visible;
padding-top:50px;
margin-top:0px;
_margin-top:-5px;
z-index:-1;

}
* html .midbar {
    margin-top:-5px!important;
   
}
.mid_txt{
padding-left: 37px;
width:378px;
padding-right:40px;
padding-top:30px;
height:130px;
font-size:12px;

font-family:Arial, Helvetica, sans-serif;
}

.mid_txt2{
padding-left: 20px;
height:auto;
padding-right:20px;
padding-top:20px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

/* used at search results page */
.mid_txt2 h3 a{
    color: black;
}
.mid_txt2 h3 a:hover{
    text-decoration: none;
}

.mid_txt2 ul{
    margin:0 0 0 13px;
}
.mid_txt2 ol{
    margin:0 0 0 18px;
}

.mid_txt2 .first-level{
    margin:14px 0 0 0px;
}
.mid_txt2 ul .first-level-link{
    font-weight: bold;
    font-size: 14px;
}

.mid_txt2 a{
    color: black;
    text-decoration: underline;
}
.mid_txt2 a:hover{
    color: black;
    text-decoration: none;
}

.sitemap ul a{
    color: black;
    text-decoration: none;
}
.sitemap ul a:hover{
    text-decoration: underline;
}



.mid_txt3{
width:665px;
padding-top:30px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
height:100%;
}

.acties{
padding-left: 20px;
height:500px;
padding-top:80px;
background-image:url(../images/guppy/acties.png);
background-repeat:no-repeat;
margin-top: 0px;
padding-bottom:30px;
}

.acties2{
/*padding-right:33px;
padding-left: 32px;*/
padding-left:22px;
padding-top:5px;
background-repeat:no-repeat;
position:relative;
overflow:hidden;
}

*+html .acties2{padding-top:5px;}


.webwinkel1{
margin-right:25px;
background-image:url(../images/guppy/webwinkel1.jpg);
background-repeat:no-repeat;
float:left;
width:204px;
height:246px;
}

.webwinkel2{
margin-right:25px;
background-image:url(../images/guppy/webwinkel2.jpg);
background-repeat:no-repeat;
float:left;
width:205px;
height:246px;
}

.webwinkel3{
background-image:url(../images/guppy/webwinkel1.jpg);
background-repeat:no-repeat;
float:left;
width:204px;
height:246px;
}


.actie{
float:left;
width:195px;
height: 234px;
}

.actie_txt{
height:90px; 
width: 100%;
position:relative;
left:15px;
}

.actie_txt a{
text-decoration:none;
}

.sale-bottom-widget{
float:left;
width:390px;
}
.sale-bottom-widget ul {
	margin: 0px 5px 10px 0px;
	padding: 0px;
	list-style-type: none;
	line-height:1;
}
.sale-bottom-widget ul li {
	background-image:url(../images/guppy/redbullet.png);
	background-position:left 5px;
	background-repeat:no-repeat;
    padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px 0px;
}




.txt1{
font-size:14px;
margin-bottom:10px;
font-weight:bold;
}

.txt1 a{
color:#000000;
text-decoration:none;
}

.txt2{
font-size:12px;
margin-bottom:5px;
font-weight:bold;
}

.txt2 a{
color:#000000;
}

.txt3{
font-size:20px;
color:#CD0000;
font-weight:bold;
}

.txt3 a{
color:#CD0000;
}
.textblock{
   margin:0;
padding:0 3px 0 0 ;
}
.special .textblock p img {
				
				margin-left:-15px;
				padding-top:13px;}

.special .textblock h3{
				font-size:14px;
				margin-bottom:10px;
				font-weight:bold;
				color:#000000;
}
.midbar2 .acties2 .slideshowDiv .slideshowImage {
		margin-top:0;
		padding-right:32px;
		margin-left:0;
		padding-top:0;
		position:relative;
		align:left;
		

}

.acties .textblock h3{
				font-size:14px;
				margin-bottom:10px;
				font-weight:bold;
				color:#000000;
}

.midbar2 .acties2 img {
		margin-left:-5px;
		padding-right:32px;
		margin-top:0;
		
		/*position:relative;margin-top:-382px;*/
		align:left;
		padding-top:0px;
		

}

.talkfish .textblock h2{
color:#CD0000;
font-size:20px;
font-weight:bold;
margin-bottom:10px;
text-align:center;

}

.talkfish .textblock h3
{
text-align:center;
}
.special .textblock p{

color:#000000;
}

.acties .textblock p{

color:#000000;
}
.talkfish .textblock p{
font-size:10px;
text-align:center;
}

.special .textblock p{
font-size:12px;
margin-bottom:5px;
font-weight:bold;
}
.acties .textblock p{
font-size:12px;
margin-bottom:5px;
font-weight:bold;
}
.special .textblock p a{
color:#000000;
}
.acties .textblock p a{
color:#000000;
}

.special .textblock h3 a{
color:#000000;
text-decoration:none;
}
.acties .textblock h3 a{
color:#000000;
text-decoration:none;
}
.special .textblock h2{
font-size:20px;
color:#CD0000;
font-weight:bold;
}
.acties .textblock h2{
font-size:20px;
color:#CD0000;
font-weight:bold;
}

.special .textblock h2 a{
color:#CD0000;
}
.acties .textblock h2 a{
color:#CD0000;
}
.slideshowDiv{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top:50px;
}


#slider{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.txt11{
font-size:14px;
margin-bottom:2px;
font-weight:bold;
}

.txt11 a{
color:#000000;
text-decoration:none;
}

.txt22{
font-size:13px;
margin-bottom:5px;
}

.txt22 a{
color:#000000;
text-decoration:none;
}

.actie_img{
height:162px; 
width: 100%;
}



.webshop{
position:relative;
left:284px;
height:32px;
width:120px;
font-size:11px;
background-image:url(../images/guppy/redbullet.png); 
background-position:0% 20%; 
background-repeat:no-repeat;
padding-left: 15px;  
display: none;
}



.wist{
font-size:10px;
}

.wist_title{
font-size:20px;
color:#CD0000;
font-weight:bold;
margin-bottom:10px;
}

.talkfish{
position:absolute; 
left: 457px; 
_left: 435px; 
/*top:-300px;*/
top:18px;
width: 180px; 
height: 60px;
z-index:3;

}
*+html .talkfish {top: 20px; z-index:1;}


.rightbar{
background-color:#EEEED6;
background-image:url(../images/guppy/rightbar.png);
background-repeat:no-repeat;
float:left;
width:230px;
height: 100%;
}
* html .rightbar {
    margin-top:-5px!important;
   
}

.kidpic {
width:230px; 
height:210px;
padding-top:50px;
cursor: pointer;
}
* html .kidpic  {
   height:205px!important;
   
}
.links{
height:auto;
min-height:455px;
padding-top:50px;
overflow:hidden;
background-image:url(../images/guppy/links.png);
background-repeat:no-repeat;
}

.links p{
margin-bottom:1px;
padding:0;
}


.links img {
	width:210px;
	margin-left:10px;
}

.nieuws{
height:116px;
margin-top:0;
padding:70px 20px 20px 35px;
background-image:url(../images/guppy/niuews.png);
background-repeat:no-repeat;
font-size:12px;
}

.nieuws a{
color:#000000;
font-size:10px;
text-decoration:none;
}
.nieuws a:hover { text-decoration: underline; }

.nieuws ul{
margin:0;
padding:0;
}


.nieuws li{
padding-left:15px;
list-style-type: none;
margin: 0px 0px 10px 0px;
background-image:url(../images/guppy/redbullet.png); 
background-position:0% 15%; 
background-repeat:no-repeat;  
}

* html .nieuws li {
    margin-bottom:0px!important;
   
}
*+html .nieuws li  {
   margin-bottom:0px!important;
}


.footer{
background-image:url(../images/guppy/footer.png);
background-repeat:no-repeat;
padding-top:12px;
height:36px;
width:915px;
margin-right:auto;
margin-left:auto;
padding-left:40px;
font-family:Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#666666; 
}

.footer a{
font-family:Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#666666;
text-decoration:none; 
padding-left:9px;
}

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

.footer_1{
float:left; 
width:540px;
}

.footer_2{
float:left;
width:350px; 
}
.current {text-decoration:  underline;}
.topnav1 li {padding-left:5px;}
.topnav2 li {padding-left:5px;}


.kidpic .slideshowDiv .slideshowImage{
width:100%;

height:100%;
}

.links a .slideshowDiv .slideshowImage{
width:100%;
height:100%;
}
.subnav a:hover{
text-decoration:underline;
}

#slides {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
#slides img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 
.fishtext{display:none;}


#centerdiv{
height:auto;
overflow:hidden;
background:url(../images/guppy/strip.png) repeat-y;
min-height:600px;
}
.home-center-div{
    height:auto;
    overflow:hidden;
    background:url(../images/guppy/content_strip.png) repeat-y;
    min-height:600px;
}

#midleft
{
float:left;
width:300px;
height:auto;
}

#midright
{
float:right;
width:300px;
height:auto;
}

#fishpic
{
float:right;
overflow:hidden;
width:260px;
}

#callout
{
height:110px;
}

#fish
{
height:200px;
}

.payment-logos-home{
    margin: 10px 0px 20px 20px;
    cursor: pointer;
}
.payment-logos{
    margin: 0px 0px 20px 0px;    
    cursor: pointer;
}


/* categories and products */
.categoryPhoto{
	float: left;
	width: 170px;
	height: 230px;
	background-color: lightgray;
	margin: 0px 22px 15px 0px;
	padding: 10px;
}
.categoryPhoto a{
	color: #CD0000;
	text-decoration: none;
}
.categoryPhotoThird{
	margin: 0px 0px 15px 0px;
}
.productOverviewPhoto{
	float: left;
	width: 170px;
	height: 230px;
	background-color: lightgray;
	margin: 0px 22px 15px 0px;
	padding: 10px;
}
.productOverviewPhoto a{
	color: #CD0000;
	text-decoration: none;
}
.productOverviewPhotoThird{
	margin: 0px 0px 15px 0px;
}
.productPhoto{
	float: left;
	margin: 0px 25px 25px 0px;
}
.productPrice{
	font-size:20px;
	color:#CD0000;
	font-weight:bold;
	margin-top: 15px;
}
.clear{
	clear: both
}



/**
 *  Style of fish and opening hours
 */
.home-fish{
    margin-left: 5px;
}
 
.opening-hours {
    background-image: url(../images/guppy/opening-hours.png);
    background-repeat: no-repeat;
    height:auto;
    min-height: 130px;
    padding: 70px 5px 10px 10px;
    font-size: 13px;
    overflow:hidden;
}
.opening-hours ul {
	margin: 0px 5px 10px 0px;
	padding: 0px;
	list-style-type: none;
	line-height:1;
}
.opening-hours ul li {
	background-image:url(../images/guppy/redbullet.png);
	background-position:left 5px;
	background-repeat:no-repeat;
    padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px 0px;
}
.opening-hours ul li a {
	color:#333333;
	cursor:pointer;
	font-size:13px;
	padding-left:0px;
	text-decoration:none;
}



/**
 *	Style of the main menu
 */
.leftnav ul {
	margin: 20px 5px 10px 0px;
	padding: 0px;
	list-style-type: none;
	line-height:1;
}
.leftnav ul li {
	background-image:url(../images/guppy/redbullet.png);
	background-position:left 7px;
	background-repeat:no-repeat;
    padding: 0px 0px 0px 10px;
	margin: 0px 0px 3px 0px;
}
.leftnav ul li:hover {
	background-image:url(../images/guppy/blackbullet.png);
}
.leftnav ul li a {
	color:#333333;
	cursor:pointer;
	font-size:13px;
	padding-left:0px;
	text-decoration:none;
}

.leftnav ul ul { 
    margin:3px 0px 0px 10px;
    padding:0px;
}
.leftnav ul ul li { 
	background-image:url(../images/guppy/blackarrow.png);
	background-position:4px 7px;
	background-repeat:no-repeat;
	list-style-type:none;
	padding: 0px 0px 0px 10px;
}
.leftnav ul ul li.active, .leftnav ul ul li:hover { 
    background-image:url(../images/guppy/redarrow.png); 
}
.leftnav ul ul ul li {
	background-position:4px 3px;
}

.leftnav ul ul ul li {
    font-size: 12px;
}
.leftnav ul ul ul li a {
    font-size: 11px; 
}




/**
 *  ----------------------------------------------------------------------------------------------------
 *	CATEGORIES
 *	----------------------------------------------------------------------------------------------------
 */

/* the wrapper around the object, floats it and provides margin */
.category-wrapper {
	width: 205px;
	height: 243px;
	float: left;
	margin-bottom: 20px;
	margin-right: 15px;
}

/* clear the right margin for the last item on a row */
.category-wrapper.last {
	margin-right: 0px;
}

/* the image of the category */
.category-image {
	width: 205px;
	height: 249px;
	background-repeat: no-repeat;
	background-position:50% 30%;
	background-image: url(../img/design/geenfoto.png);
	position: absolute;
	z-index:100;
}
.image-mover {
	margin-top:19px;
}

/* the overlay for the category image - hanging to the left */
.category-overlay-hang-left {
	width: 165px;
	height: 44px;
	background-image: url(../img/design/category-hang-left.png);
	text-align: center;
	padding-top: 205px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	cursor:pointer;
}

/* the overlay for the category image - hanging to the right */
.category-overlay-hang-right {
	width: 205px;
	height: 44px;
	background-image: url(../img/design/category-hang-right.png);
	text-align: center;
	padding-top: 205px;
	cursor:pointer;
}
.category-overlay-hang-left a, .category-overlay-hang-right  a {
	font-weight: normal;
	color: #DA0000;
	font-family: arial;
	font-size: 18px;
	text-decoration: none;
}
.category-overlay-hang-left a.long-name, .category-overlay-hang-right  a.long-name {
	font-weight: bold;
	color: #DA0000;
	font-family: arial;
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.category-overlay-hang-left:hover a, 
.category-overlay-hang-right:hover  a,
.category-overlay-hang-left:hover a.long-name,
.category-overlay-hang-right:hover  a.long-name {
	color: black;
}

.category-overlay-hang-left div.long-name {
    width: 180px;
    margin: -5px 0px 0px -8px;
}
.category-overlay-hang-right  div.long-name {
    width: 180px;
    margin: -5px 10px 0px 10px;
}


/* the wrapper around the product, floats it and provides margin */
.product-wrapper {
	width: 205px;
	height: 243px;
	float: left;
	margin-bottom: 20px;
	margin-right: 15px;
	background-repeat: no-repeat;
	background-position:50% 40%;
}
/* clear the right margin for the last item on a row */
.product-wrapper.last {
	margin-right: 0px;
}
.product-wrapper .category-overlay-hang-right, .product-wrapper .category-overlay-hang-left {
	height: 49px;
	padding-top:200px;	
}
.product-wrapper  .category-overlay-hang-left a, .product-wrapper  .category-overlay-hang-right  a {
	font-weight: bold;
	color: #DA0000;
	font-family: arial;
	font-size: 9px;
	text-decoration: none;
}
.product-wrapper  .category-overlay-hang-left a.add-to-chart, .product-wrapper  .category-overlay-hang-right  a.add-to-chart {
	font-weight: bold;
	color: #000;
	font-family: arial;
	font-size: 10px;
	text-decoration: none;
}

.shoppages p { margin-bottom: 30px; }

.product-details-left {
	float: left;
	width: 250px;
}
.product-details-right {
	float: left;
	width: 390px;
	text-align: justify;
	line-height: 1.5;
}
.product-details-right p {
	margin: 0px;
	padding: 0px;
}

.product-details-right h3.price {
	color:#CD0000;
	font-size:20px;
	font-weight:bold;
	margin-top:-20px;
}

.mid_txt2 p img {
	margin: 20px;
}

#sitemap ul {
	list-style-type: none;
}

.logo { text-align: right; }

.mid_txt a { color:#000; font-decoration: none; }
.mid_txt a:hover { font-decoration: underline; }


/**
 * SHOP
 */

.zend_form, #form-div { margin-top: 20px; }
.zend_form label { float: left; width: 150px; clear: left; }
.zend_form input { float: left; margin-bottom: 10px; width:200px; border: 1px solid #D4D0C8; height:20px; padding-top:2px; padding-left:2px; color: #333;}
.zend_form #submit{ clear: left; float: left; width:100px; padding:0px; height:30px; margin-left: 252px; }
.zend_form .errors { clear: left; color: red; margin-bottom: 20px; }

table { margin-top: 20px; margin-bottom: 40px; }
thead tr { background-color: #8FA818; color:#fff; padding-top: 5px; height:25px; }
td { padding-left: 5px; height: 25px;}
tfoot tr { background-color: #D3DDA4; }
td input { width: 50px; }
tbody td { border-bottom: 1px solid #D3DDA4; }


#form-div label { float: left; width: 150px; clear: left; }
#form-div input { float: left; margin-bottom: 10px; width:200px; border: 1px solid #D4D0C8; height:20px; padding-top:2px; padding-left:2px; color: #333; }
#form-div select { float: left; margin-bottom: 10px; width:204px; border: 1px solid #D4D0C8; height:25px; padding-top: 1px; padding-left:2px; color: #333; }
#form-div #submit{ clear: left; float: left; width:100px; padding:0px; height:30px; margin-left: 252px; margin-bottom:40px; }
#billingAddressContainer { clear: left; margin-top:40px; }
#billingAddressRadio-div input { width:10px; height:10px; margin-right:10px; } 
#billingAddressSelect { float:left; margin-left: 150px; margin-top: 30px; }
#form-div .errors { clear: left; color: red; margin-bottom: 20px; }

.controleren-bezorg, .conroleren-factuur, .controleren-terug, .controleren-verzenden { width: 320px; float: left; }
.controleren-verzenden { text-align: right; }

.betalings-methode { border: 1px solid #8FA818; padding: 10px; margin-bottom:10px; overflow:auto; position: relative; }
.betalings-methode h2 { font-size: 15px; margin-bottom:10px; cursor:pointer; }
.methode-radio { margin-right: 10px; border:none; }

img.ideal, table.paypal { position: absolute; top: 10px; right: 10px; }
table.paypal { margin: 0; padding: 0; }
table.paypal td { border: none;  height: auto; }

.price-left { float:left; width:180px; }
.price-right { float:left; width:80px; text-align:right;}
.ideal-description, .paypal-description { clear:left; float:left; margin-top:10px; }
#method_remit_contents, #method_ideal-basic_contents, #method_ideal-advanced_contents, #method_paypal_contents { clear: left; float: left;  margin-top:10px;}
#method_remit_contents { width: 600px; } 
#ideal-verstuur { width:200px; border: 1px solid #D4D0C8; color: #333; width:130px; padding:0px; height:30px; float:right; margin-right:-278px;}
#paypal-verstuur { width:200px; border: 1px solid #D4D0C8; color: #333; width:130px; padding:0px; height:30px; }

#link-to-button { width:200px; border: 1px solid #D4D0C8; color: #333; width:130px; padding:0px; height:24px; float:right; display: block; background-color:#D4D0C8; padding-top:6px; text-align:center; text-decoration:none; font-size:13px; margin-left:30px; margin-bottom: 10px;}
.betalen-terug, .gegevens-terug { clear: left; float:left; margin-bottom:20px; margin-top:10px; }

.elementGrouper { clear:left; }

#form-div { border: 1px solid #8FA818; padding: 10px; margin-bottom:10px; overflow:auto; }

.add-to-chart-button { background-image: url(../img/design/cart.png); padding-left: 20px; background-repeat: no-repeat; }
.description-seperator { height:30px; border-top: 1px solid #8FA818; margin-top: 15px; } 

.price-next-to-chart { font-size:13px; font-weight:bold; color: #000; } 

.cart-display { cursor: pointer; width:150px; height:51px; background-image: url(../img/design/cartbackground.png); background-repeat:no-repeat; margin-left:10px; padding-top:10px; padding-left:60px; }
.cart-display a { color:#000; text-decoration:none; }
.cart-display-header { font-weight: bold; font-size: 14px; color:#000; text-decoration: none; }
.cart-display-content { font-weight: bold; font-size: 12px; color:#000; text-decoration: none; }
.cart-loader {width: 10px; height: 10px }


.topnav1 { font-size:10px; color: #fff; width: 544px; padding-top:6px; }
.topnav1 ul { display:inline;  }
.topnav2 { margin-left: 43px; }
.acties .actie { margin-bottom: 20px; }


#deliveryAddressDetails-postalCode-div .descriptionClass {display: none;}



/**
 *	ACTIE ITEMS
 */
.sale { line-height:30px; width:320px; float: left; height:300px; }
.sale h3 a { color:#000000; text-decoration:none; }
.sale p a { color: #000000; text-decoration:none; font-weight: bold; }
.sale h2 a { color:#CD0000; text-decoration:none; font-size:20px; font-weight:bold; font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif; }
.sale h2 a:hover { color:#CD0000; } 


#contactIframe {width:100%; height: 500px; border:none;}


.varieties {font-weight: bold; width: 100%; text-align: center;}
.varieties a, .varieties b {font-weight: bold; margin-right: 17px;}




/**
 * LIGHTBOX CSS
 */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../pics/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pics/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 50%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 110px; float: right; padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #595959; }
/* end of Lightbox */