* { margin: 0; }
html { height: 100%; }

body {
 	height: 100%;
 	background: url(../img/bg/body.jpg) top repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #555243;
	}

a { color: #cf3901; }
a:hover { color: #000; }
a img { border: 0; }
h1, h2, h3 { font-weight: normal; line-height: normal; clear: both; }
h1 { margin: 10px 0; color: #cf3901; font-size: 36px; }
h2 { margin: 0 0 5px; color: #cf3901; font-size: 18px; }
h3 { margin: 0 0 5px; color: #cf3901; font-size: 18px; }
#side h3 { width: 200px; height: 40px; margin: 0 0 10px; padding: 14px 0 0 20px; background: url(../img/bg/side-headers.jpg); color: #cf3901; font-size: 20px; }
#side 	h3.maat { background-position: 0 -54px; }
#side     h3.merk { background-position: 0 -108px; }
#side     h3.type { background-position: 0 -162px; }
p, address { padding: 0 0 20px; font-style: normal; }
input, textaea { padding: 4px 4px 4px 4px; border: 1px solid; font: 12px Arial, Helvetica, sans-serif; color: #000; }

#tellafriendtable input{border: 1px solid;}
#mailinglijst {border: 1px solid; padding:10px;}
.class_vorige_link_verborgen a {display:none;}
.class_volgende_link_verborgen a {display:none;}
.crosssell_kop{display:;}
.crossell_container{display:;}

#search {
		position: absolute;
        top: 240px;
        right: 0;
	    }
        #search .field { width: 170px; height: 30px; padding: 0 40px 0 10px; background: url(../img/bg/search-field.gif); line-height: 30px;border:0px;
     	 }
        #search .btn { width: 21px; height: 21px; background: url(../img/bg/search-btn.png); cursor: pointer; position: absolute; top: 4px; right: 5px;border:0px;
     	 }

#container {
	width: 960px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0 auto -244px;
 	background: url(../img/bg/side-bar.png) repeat-y;
	}

#header {
	width: 740px;
 	height: 154px;
  	background: url(../img/bg/header.jpg) no-repeat;
   	position: relative;
    z-index: 1;
    float: right;
	}
    #header a.basket { width: 205px; height: 65px; padding: 26px 0 0 17px; display: block; background: url(../img/bg/shopping-bag.png); font-size: 11px; color: #555243; text-decoration: none; line-height: 18px; text-shadow: 1px 1px 0 #fff; position: absolute; bottom: 20px; right: 0; cursor: pointer; }
    #header a.basket span { color: #fe4800; font-size: 14px; font-weight: bold; text-decoration: underline; }
    #header a:hover.basket, #header a:hover.basket span { background-position: bottom; color: #555243; }
    #header span.ladybug-01 { width: 30px; height: 31px; display: block; background: url(../img/bg/ladybug-header-01.png); position: absolute; bottom: -15px; left: 25px; }
    #header span.ladybug-02 { width: 38px; height: 33px; display: block; background: url(../img/bg/ladybug-header-02.png); position: absolute; bottom: -30px; right: 0; }
#header p { width: 337px; height: 40px; padding: 10px 3px 6px 2px; background: url(../img/bg/melding.png); color: #cf3901; font-size: 14px; text-align: center; font-weight: bold; line-height: 40px; text-transform: uppercase; text-shadow: -1px 0 0 #fff; position: absolute; top: 0; left: 80px; }



#mainmenu {
 	width: 700px;
  	height: 60px;
   	padding: 0 0 0 40px;
   	background: url(../img/bg/mainmenu.gif);
    float: right;
    position: relative;
	}
    #mainmenu ul { padding: 0; list-style: none; }
    #mainmenu ul li { margin: 0 2px 0 0; float: left; }
    #mainmenu ul li a { height: 60px; padding: 0 15px; line-height: 60px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 0 #731100; float: left; }
    #mainmenu ul li a:hover, #mainmenu li.active a { background: url(../img/bg/mainmenu.gif) bottom; }
    #mainmenu span.grass { width: 740px; height: 13px; display: block; background: url(../img/bg/mainmenu-floral.png); overflow: hidden; position: absolute; top: 0; left: 0; }

#content {
	width: 960px;
 	line-height: 20px;
	}

#main {
	width: 700px;
 	padding: 20px 0 40px 40px;
	float: right;
	}
    #main p.bread { width: 700px; padding: 0 0 10px; border-bottom: 1px solid #d9d5c1; color: #858170; font-size: 11px; line-height: normal; }
    #main p.bread a { color: #545142; }
    #main p.bread a:hover { color: #cf3901; }
    
    #main .box { width: 208px; height: 249px; padding: 6px; margin: 0 20px 20px 0; background: url(../img/bg/main-box.gif); font-size: 18px; font-weight: bold; text-shadow: 1px 1px 0 #201e19; float: left; text-align: center; position: relative; }
	#main .box span.clip { width: 200px; height: 225px; display: block; margin: 0 0 7px 0px; overflow: hidden; }
    #main .third { margin: 0 0 20px; }
    #main .box a.lees-verder { width: 178px; height: 34px; padding: 0 10px 0 0; display: block; background: url(../img/bg/lees-verder-btn.png); text-align: right; line-height: 34px; color: #fff; text-decoration: none; text-shadow: -1px -1px 0 #617638; position: absolute; left: 6px; bottom: 6px; }
    #main .box a:hover.lees-verder { background-position: bottom; text-decoration: underline; color: #d5dec0; }
    #main .box .info { width: 218px; height: 40px; background: url(../img/bg/main-box-info.gif); color: #d8d4c0; line-height: 40px; position: absolute; left: 1px; bottom: 1px; }
	#main .box .info del { font-size: 11px; font-weight: normal; position: absolute; left: 23px; top: -14px; }
    #main .box span.price { width: 87px; margin: 3px 0 0 13px; float: left; }
    #main .box span.price sup { font-size: 13px; }
	#main .box span.discount { width: 62px; height: 59px; display: block; background: url(../img/bg/star.png); color: #cf3901; font-size: 14px; text-align: center; font-weight: bold; line-height: 59px; text-shadow: 1px 1px 0 #fff; position: absolute; right: -12px; bottom: 33px; }
    #main .box a.more { color: #fff; font-size: 15px; text-align: right; text-shadow: -1px -1px 0 #455c19; text-decoration: none; }
    #main .box a:hover.more { text-decoration: underline; color: #d5dec0; }
    
    #main .box-large { width: 660px; padding: 0 20px; margin: 0 0 20px; background: url(../img/bg/main-box-large.gif) right; text-align: center; }
    #main .box-large span.top { width: 700px; height: 5px; margin: 0 -20px 15px; display: block; background: url(../img/bg/main-box-large.gif); overflow: hidden; }
    #main .box-large span.bottom { width: 700px; height: 5px; margin: 0 -20px; display: block; background: url(../img/bg/main-box-large.gif) -700px 0; overflow: hidden; clear: both; }
    #main .box-large a img { margin: 0 15px 15px 15px; }
	
	
	
    #main .cloud { width: 580px; padding: 10px 40px 10px; margin: 0 0 40px; background: url(../img/bg/cloudtag.gif) no-repeat bottom; color: #6c9025; text-align: center; font-weight: bold; line-height: 30px; word-spacing: 10px; text-shadow: 1px 1px 0 #fff; position: relative; }
    #main .cloud span.ladybug { width: 38px; height: 33px; display: block; background: url(../img/bg/ladybug-cloudtag.png); position: absolute; right: 40px; bottom: -10px; }
    
    #browse {
     	width: 660px;
        height: 40px;
        padding: 0 20px;
        margin: 0 0 20px;
        background: url(../img/bg/browse.gif);
        color: #efad99;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
        text-shadow: 1px 1px 0 #731100;
        overflow: hidden;
	    }
        #browse ul { padding: 0; list-style: none; }
        #browse ul li { display: inline; }
        #browse ul li a { padding: 0 7px; color: #fff; text-decoration: none; }
        #browse ul li a:hover, #browse ul li.active a { text-decoration: underline; }
    
    #photos {
    width: 260px;
    margin: 0 17px 0 0;
    background: url(../img/bg/box-photos-v2.gif) right;
    text-align: center;
    float: left;
    }
    #photos img { margin: 0 0 10px; }
    #photos div.large a.second { display: none; }
    #photos span.top { width: 260px; height: 5px; margin: 0 0 10px; display: block; background: url(../img/bg/box-photos-v2.gif); overflow: hidden; }
    #photos span.bottom { width: 260px; height: 5px; display: block; background: url(../img/bg/box-photos-v2.gif) -260px 0; overflow: hidden; clear: both; }

    
    #info-bar {
     	/*width: 460px;*/
      	height: 40px;
       	/*background: url(../img/bg/info-bar.gif);*/
        color: #d8d4c0;
        font-size: 18px;
        font-weight: bold;
        line-height: 40px;
       	position: relative;
	    }
        #info-bar span.price { width: 87px; margin: 0 0 0 13px; text-align: center; text-shadow: 1px 1px 0 #201e19; float: left; }
        #info-bar span.price sup { font-size: 13px; }
        #info-bar a { margin: 0 20px 0 0; color: #fff; font-size: 15px; text-shadow: -1px -1px 0 #455c19; text-decoration: none; float: right; }
        #info-bar a:hover { text-decoration: underline; color: #d5dec0; }
        #info-bar del { font-size: 11px; font-weight: normal; text-shadow: 1px 1px 0 #201e19; position: absolute; left: 23px; top: -14px; }
	
	#info-bar {
      	width: 418px;
       	background: url(../img/bg/info-bar.png);
		float: left;
		}
		
		#aanbieding_prijs {
     	
        color: #d8d4c0;
        font-size: 12px;
        font-weight: bold;
        line-height: 40px;
	    }
        #aanbieding_prijs span.price { width: 87px; margin: 0 0 0 13px; text-align: center; text-shadow: 1px 1px 0 #201e19; float: left; font-size: 18px;}
        #aanbieding_prijs span.price sup { font-size: 13px; }
        #aanbieding_prijs a { margin: 0 20px 0 0; color: #fff; font-size: 15px; text-shadow: -1px -1px 0 #455c19; text-decoration: none; float: right; }
        #aanbieding_prijs a:hover { text-decoration: underline; color: #d5dec0; }

#side {
	width: 210px;
 	padding: 0 0 50px;
  	margin: -219px 0 0;
   	font-weight: bold;
	float: left;
 	position: relative;
  	z-index: 2;
	}
    #side a.logo { width: 245px; height: 86px; margin: 0 0 0 -11px; display: block; background: url(../img/bg/logo.jpg); text-indent: -9999px; }
    #side a:hover.logo { background-position: bottom; }
    #side ul { padding: 0 20px 5px; list-style: none; }
    #side ul li a { width: 154px; padding: 0 0 0 16px; background: url(../img/bg/side-menu-bullet.gif) no-repeat 0 4px; color: #555243; text-decoration: none; }
    #side ul li a:hover { text-decoration: underline; }
    #side ul li.active a { background: url(../img/bg/side-menu-active.gif) no-repeat 0 4px; color: #cf3901; }
    
    #side a.friend { width: 124px; height: 46px; display: inline; padding: 0 0 0 55px; margin: 20px 0 4px 20px; background: url(../img/bg/side-bar-shortlinks.jpg); color: #fff; font-size: 14px; font-weight: bold; line-height: 44px; text-decoration: none; text-shadow: -1px -1px 0 #617638; float: left; clear: both; }
    #side a:hover.friend { background-position: 0 -46px; text-decoration: underline; color: #d5dec0; }
    #side a.info { width: 124px; height: 46px; display: inline; padding: 0 0 0 55px; margin: 0 0 4px 20px; background: url(../img/bg/side-bar-shortlinks.jpg) 0 -92px; color: #fff; font-size: 14px; font-weight: bold; line-height: 44px; text-decoration: none; text-shadow: -1px -1px 0 #617638; float: left; clear: both; }
	#side a:hover.info { background-position: 0 -138px; text-decoration: underline; color: #d5dec0; }
    #side a.blog { width: 124px; height: 46px; display: inline; padding: 0 0 0 55px; margin: 0 0 4px 20px; background: url(../img/bg/side-bar-shortlinks.jpg) 0 -184px; color: #fff; font-size: 14px; font-weight: bold; line-height: 44px; text-decoration: none; text-shadow: -1px -1px 0 #617638; float: left; clear: both; }
	#side a:hover.blog { background-position: 0 -230px; text-decoration: underline; color: #d5dec0; }
    #side a.news { width: 124px; height: 46px; display: inline; padding: 0 0 0 55px; margin: 0 0 24px 20px; background: url(../img/bg/side-bar-shortlinks.jpg) 0 -276px; color: #fff; font-size: 14px; font-weight: bold; line-height: 44px; text-decoration: none; text-shadow: -1px -1px 0 #617638; float: left; clear: both; }
	#side a:hover.news { background-position: 0 -322px; text-decoration: underline; color: #d5dec0; }
    #side a.betaling { width: 180px; height: 100px; margin: 0 0 20px 20px; display: block; background: url(../img/bg/betalingen.jpg); text-indent: -9999px; clear: both; }
    
    #side .box { width: 150px; padding: 15px 15px 0; margin: 0 0 20px 20px; background: url(../img/bg/side-bar-box.gif) no-repeat #fff; text-align: center; }
    #side .box img { margin: 10px 0 20px; }
    #side .box span.bottom { width: 180px; height: 5px; margin: 0 -15px; display: block; background: url(../img/bg/side-bar-box.gif) -180px 0; overflow: hidden; clear: both; }

#footer {
	width: 100%;
 	height: 244px;
  	background: url(../img/bg/footer.png) bottom;
   	font-size: 11px;
    color: #fff;
    line-height: 20px;
    text-shadow: 1px 1px 0 #731100;
	}
    #footer div { width: 960px; padding: 180px 0 0; margin: 0 auto; position: relative; }
    #footer p span { padding: 0 4px; color: #e2ab98; font-weight: bold; }
    #footer a { color: #fff; }
    #footer a:hover { color: #e2ab98; }
    #footer p.right { text-align: right; float: right; }
    #footer p.left { margin: 0 0 0 18px; float: left; }
    #footer span.kids { width: 187px; height: 262px; display: inline; margin: -205px 0 0 15px; background: url(../img/bg/boy-girl.png); float: left; position: relative; z-index: 3; }
    #footer span.ladybug { width: 118px; height: 32px; display: block; background: url(../img/bg/ladybug-footer.png); position: absolute; left: 600px; top: 150px; }


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #444;
	background-color: #fff;
	padding: 5px;
	}
    #tooltip h6 { font-size: 12px; }

/* Classes */

.push { height: 244px; display: block; clear: both; }

/* SIFR */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1 { visibility: hidden; font-size: 36px; line-height: 36px; height: 36px; }
.sIFR-hasFlash h3 span { visibility: hidden; font-size: 24px; line-height: 24px; height: 24px; }

/* FANCY BOX */
#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
* html #fancybox-loading { position: absolute; margin-top: 0; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../img/fancybox/fancybox.png'); }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }
* html #fancybox-overlay { position: absolute; width: 100%; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #d9d5c1; box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
#fancybox-close { position: absolute; top: -13px; right: -13px; width: 30px; height: 30px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }
.fancybox-title-over { color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('../img/fancybox/fancy_title_over.png'); display: block; }
#fancybox-title-wrap { display: inline-block; }
#fancybox-title-wrap span { height: 32px; float: left; }
#fancybox-title-left { padding-left: 15px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; }
#fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('../img/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF; }
#fancybox-title-right { padding-left: 15px; background-image: url('../img/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../img/fancybox/fancybox-x.png'); }
#fancy-bg-ne { top: -20px; right: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -162px; }
#fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../img/fancybox/fancybox-y.png'); background-position: -20px 0px; }
#fancy-bg-se { bottom: -20px; right: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -182px; }
#fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../img/fancybox/fancybox-x.png'); background-position: 0px -20px; }
#fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -142px; }
#fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../img/fancybox/fancybox-y.png'); }
#fancy-bg-nw { top: -20px; left: -20px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -122px; }
