@charset "UTF-8";

/* general styles */
* { border: none 0px; padding: 0px; margin: 0px; font-family: 'Arial'; }
*:focus { -moz-outline-style: none; }
html,body {	height: 101%; } /* scrollbar fix */
body { margin: 0px; padding: 0px; background-color: #FFF77B; background-image: url(../images/template_top_pattern.jpg); background-repeat: repeat-x; background-position: top center; }

/* content styles */
#container a { color: #3d647c; }
#container h1 {}
#container h2 { color: #3d647c; font-size: 1.0em; padding-bottom: 3px;  } /* #2c6e5f */
#container h3 { color: #000000; font-size: 0.7em; padding-bottom: 3px; }
#container p { font-size: 0.7em; padding-bottom: 9px; }
#container ul { font-size: 0.7em; margin-left: 15px; padding-bottom: 9px; list-style-type: disc; }
#container td { font-size: 0.7em; }

/* form styles */
.forminput_label { font-size: 0.7em; font-weight: bold; width: 120px; display: block; margin-top: 3px; float: left; }
.forminput_text { border: solid 1px #CCCCCC; background-color: #FFFFFF; color: #333333; padding: 2px 4px; margin: 2px 0px; }
.forminput_textarea { border: solid 1px #CCCCCC; background-color: #FFFFFF; color: #333333; padding: 2px 4px; margin: 2px 0px; width: 400px; height: 100px; }
.forminput_select {  }
.forminput_button { cursor:pointer; border: solid 1px #22567c; background-color:#396079; color:#FFFFFF; font-weight:bold; padding: 2px 4px; background-image:url(../images/btn_bg.gif); }


/* template styles */
#holder { width: 990px; background-image:url(../images/template_sitebase.jpg); background-position: center top; background-repeat: no-repeat; margin: 0px auto; }
  #top { position: relative; height: 212px; background-position: right bottom; background-repeat: no-repeat; }
    #logo { position: absolute; top: 10px; left: 0px; width: 351px; height: 73px; }
	#menu { position: absolute; top: 36px; right: 0px; width: 622px; height: 34px; }
	#toptitle { position: absolute; top: 164px; left: 307px; width: 250px; height: 32px; }
	#carttab { position: absolute; bottom: 0px; right: 0px; width: 160px; background-color: #fef57e; font-size: 0.7em; padding: 5px; text-align: center; }
	#carttab a { color: #003366; font-weight: bold; text-decoration: none; }
	#topleft { position: absolute; top: 134px; left: 18px; width: 236px; }
  #middle { position: relative; }
    #left { float: left; width: 239px; margin-left: 14px; margin-top: 14px; line-height: 1em; }
	* html #left { float: left; width: 239px; margin-left: 7px; margin-top: 7px; } /* ie fix */
	 #catalogus { margin-top: 10px; margin-bottom: 10px; }
	  .drawerlink { font-weight: bold; font-size: 0.8em; color: #FFFFFF; text-decoration: none; line-height: 24px; padding-left: 10px; }
	  * html .drawerlink { font-weight: bold; font-size: 0.8em; color: #FFFFFF; text-decoration: none; line-height: 22px; padding-left: 10px; } /* ie fix */
	  .drawer_v1   { width: 240px; height: 24px; background-image:url(../images/left_drawer_v1.gif); margin-top: 4px; cursor: pointer; overflow: hidden; }
	  .drawer_v2   { width: 240px; height: 24px; background-image:url(../images/left_drawer_v2.gif); margin-top: 4px; cursor: pointer; overflow: hidden; }
	  .drawer_v3   { width: 240px; height: 24px; background-image:url(../images/left_drawer_v3.gif); margin-top: 4px; cursor: pointer; overflow: hidden; }
	  .drawer_v4   { width: 240px; height: 24px; background-image:url(../images/left_drawer_v4.gif); margin-top: 4px; cursor: pointer; overflow: hidden; }
	  .drawer_dark { width: 240px; height: 24px; background-image:url(../images/left_drawer_dark.gif); margin-top: 4px; cursor: pointer; overflow: hidden; }
	    .drawer_dark a { color: #FFFF00; }
	  .drawercontent { width: 229px; background-image:url(../images/left_drawer_openbg.jpg); background-position: top; margin-left: 5px; }
	   .drawercontent .brandlist { list-style-type: none; width: 100px; float: left; margin: 8px;  margin-right: 0px; }
	   .drawercontent .brandlist li { line-height: 0.8em; }
	   .drawercontent a { color: #fff200; font-weight: bold; text-decoration: none; font-size: 0.7em; }
	 #leftbottom { font-size: 10px; text-align: center; font-weight: bold; color: #666666; }
	 #leftbottom a { font-weight: bold; color: #051d3a; }
	#container { float: right; width: 690px; margin-top: 30px; }
	 /* start vertitle divs */
	 #home_news { float: left; width: 410px; overflow: hidden; background-image: url(../images/vertitle_spotlight.gif); background-position: top left; background-repeat: no-repeat; }
	 #home_brands { float: right; width: 280px; overflow: hidden; background-image: url(../images/vertitle_merken.gif); background-position: top left; background-repeat: no-repeat; }
	 #home_brands .minicontainer { padding-right: 0px; margin-right: 0px; }
	 #producten { background-image: url(../images/vertitle_producten.gif); background-position: top left; background-repeat: no-repeat; }
	   #producttable { width: 100%; }
	   #producttable td { padding: 3px; padding-right: 9px; padding-left: 0px; }
	   #producttable .pt-desc { font-weight: bold; }
	   #producttable .pt-row { }
	   #producttable .productrow td { background-image: url(../images/horline.gif); background-repeat: repeat-x; background-position: bottom; }
	   #producttable .artikelthumb { width: 60px; position: relative; display: block; }
	   #producttable .artikelthumb .artikelnr { position: absolute; top: 0px; right: 0px; background-color: #3d647c; color: #FFFF00; font-size: 0.5em; font-weight: bold; padding: 1px; }
	   #producttable .artikeldetails { padding-left: 14px; }
	   #producttable .artikelnaam { font-weight: bold; text-decoration: none; font-size: 1.1em; }
	   #producttable .artikeltext { height: 13px; width: 100%; overflow: hidden; margin: 0px; padding: 0px; }
	   #producttable .artikelbtn_info { cursor:pointer; width: 100px; border: solid 1px #22567c; background-color:#396079; color:#FFFFFF; font-weight:bold; padding: 2px 4px; background-image:url(../images/btn_bg.gif); margin: 1px; }
	   #producttable .artikelbtn_toevoegen { cursor:pointer; width: 100px; border: solid 1px #1a3142; background-color:#396079; color:#FFFFFF; font-weight:bold; padding: 2px 4px; background-image:url(../images/btn_bg_dark.gif); margin: 1px; }
	 #productinfo { background-image: url(../images/vertitle_productinfo.gif); background-position: top left; background-repeat: no-repeat; }
	 #vacatures { background-image: url(../images/vertitle_vacatures.gif); background-position: top left; background-repeat: no-repeat; }
	 #nieuwsoverzicht { background-image: url(../images/vertitle_laatstenieuws.gif); background-position: top left; background-repeat: no-repeat; }
	 #assortiment { background-image: url(../images/vertitle_assortiment.gif); background-position: top left; background-repeat: no-repeat; }
	 #dealers { background-image: url(../images/vertitle_dealers.gif); background-position: top left; background-repeat: no-repeat; }
	 #contact { background-image: url(../images/vertitle_contact.gif); background-position: top left; background-repeat: no-repeat; }
	 #voorwaarden { background-image: url(../images/vertitle_voorwaarden.gif); background-position: top left; background-repeat: no-repeat; }
	 #cart { background-image: url(../images/vertitle_cart.gif); background-position: top left; background-repeat: no-repeat; }
		#carttable {}
		#carttable td { padding: 3px; padding-right: 9px; padding-left: 0px; }
		#carttable .ct-desc { font-weight: bold; }
		#carttable .ct-row {  }
		#carttable .ct-marked {}
	 #excelimport { background-image: url(../images/vertitle_excelimport.gif); background-position: top left; background-repeat: no-repeat; }
	 #logins { background-image: url(../images/vertitle_loginsbeheren.gif); background-position: top left; background-repeat: no-repeat; }
	  #logins .loginoverzicht td { font-size: 0.7em; padding: 3px; padding-right: 9px; padding-left: 0px; }
	  #logins .loginform { margin-bottom: 18px; }
	 /* end vertitle divs */
	 
  #bottom { text-align: center; font-size: 0.6em; color: #525029; margin-top: 30px; margin-bottom: 30px; width: 100%; } /* width added! */
  #bottom a { color: #525029; }

.sep { padding-left: 5px; padding-right: 5px; color: #999999; }
.clearfloat { height: 1px; overflow: hidden; margin-top: -1px; clear: both; }

.notice { background-color:#FFFFFF; color: #333333; padding: 9px; border-bottom: #cccccc 1px solid; margin-bottom: 30px; font-size: 0.7em; line-height: 1.4em; }
.minicontainer { min-height: 250px; background-image: url(../images/verline.gif); background-position: left; background-repeat: repeat-y; padding-left: 36px; padding-right: 16px; }
.shortext { background-image: url(../images/horline.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 10px; margin-bottom: 10px; }
.newsimage { margin-left: 10px; margin-bottom: 10px; float: right; }
.smalldivcell { display: block; float: left; width: 100px; }

.oldprice { font-weight: bold; font-style: italic; }
.price { font-weight: bold; font-style: italic; }
.specialprice { font-weight: bold; color: #e53114; font-style: italic; }
.pricetext { font-style: italic; }