/* CREDITS
 * ----------------------------------------------------------
 * Title:		Projectname - Screen Stylesheet
 * Author:		David Candreva <david@inventis.be>
 * Date:		00/00/09
 * Last Edit:	00/00/00 David Candreva <david@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
 */

/* Reset
---------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; }

/* General elements
---------------------------------------------------------- */
textarea, body{ font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:12px; }
body{ background:url(../images/layout/body_tile.png) repeat-x 0 0; }

.clear{ clear:both; }
a:focus{ outline:none; }
a{ text-decoration:none; /*color:#999;*/ color: #0099FF; }
button, input{ border:0; }

.custom_tip {
	background-color: #bdbdbd;
	padding: 5px;
}

.textpage ul li { list-style-type: circle; }

/* Container
---------------------------------------------------------- */
div#container{ margin:0 auto; width:960px; position:relative; }

/* Header
---------------------------------------------------------- */
div#header{ height:250px; width:960px; }
div#header div.glow{ position:absolute; z-index:1; top:0; left:-165px; width:659px; height:211px; background:url(../images/layout/header/glow.png) no-repeat 0 0; }
	
	/* logo */
	div#header img.logo{ position:relative; z-index:2; margin:29px 0 0 10px; }
	
	/* navigation */
	div#header ul#navigation{ position:absolute; top:52px; right:190px;  }
	div#header ul#navigation li{ padding:0 5px; float:left; background:url(../images/layout/header/languages_bullet.png) no-repeat right 4px; }
	div#header ul#navigation li a{ color:#666; font-size:9px; }
	div#header ul#navigation li a:hover{ color:#FFF; }
	div#header ul#navigation li.last{ background:none; padding-right:0; }
	
	/* languages */
	div#header ul.languages{ position:absolute; top:28px; right:10px; }
	div#header ul.languages li{ padding:0 5px; float:left; background:url(../images/layout/header/languages_bullet.png) no-repeat right 4px; }
	div#header ul.languages li a{ color:#666; font-size:9px; text-transform:uppercase; }
	div#header ul.languages li a:hover, div#header ul.languages li.active a{ color:#FFF; }
	div#header ul.languages li.last{ background:none; padding-right:0; }
	
	/* search */
	div#header form.search{ width:161px; position:absolute; right:10px; top:50px; }
	div#header form.search input{ float:left; padding:3px 8px 0; color:#999; font-size:9px; height:18px; width:115px; background:url(../images/layout/header/input_background_search.png) no-repeat 0 0; }
	div#header form.search button{ float:left; width:30px; height:21px; background:url(../images/layout/header/button_background_search.png) no-repeat 0 0; }
	div#header form.search button:hover{ background-position:right 0; }
	
	/* list */
	div#header #listWrapper{width:940px;height: 113px;overflow: hidden;position:absolute; top:85px; z-index:3; left:0;margin-left:10px}
	div#header ul.list{width:9000px;height:113px;margin-left:-10px}
	div#header ul.list li{ float:left; margin:0 10px; display:inline;position: relative;width:220px;height:113px }
	div#header ul.list li a {position: absolute;z-index:1; top:0;left:0;}
	div#header ul.list li a.inactive {z-index:0; }
	
	/* menu */
	div#header ul#nav{ left:0px; position:absolute; top:211px; z-index:4; }
	div#header ul#nav li{ display:inline; float:left; height:38px; line-height:38px; margin-right:52px; text-align:center; text-transform:uppercase; width:116px; }
	div#header ul#nav li.last{ margin-right:0; }
	div#header ul#nav li a.lev_1{ color:#ff6600; display:block; font-size:16px; height:38px; width:116px; }
	div#header ul#nav li:hover a.lev_1, div#header ul#nav li.sfhover a.lev_1, div#header ul#nav li.active a.lev_1{ background:url(../images/layout/header/menu_glow.png) no-repeat center center; color:#fff; height:38px; width:116px; }
	div#header ul#nav li ul{background:#fff;  left:-9999px; position:absolute;  margin-left:8px;  padding-bottom:10px;/*top:19px;*/  width:130px;}
	div#header ul#nav li ul span.shadow{background:url(../images/layout/submenu_shadow.png) repeat-x left bottom; width:140px; height:6px; position:absolute; left:0px; bottom:-6px;}
	div#header ul#nav li:hover ul, div#header ul#nav li.sfhover ul{left:auto; clear:both; padding-right:10px; }
	div#header ul#nav li ul li { margin-right:0; height:auto !important; line-height:12px; padding:2px 0; position:relative; width:100%;}
	div#header ul#nav li ul li ul{background:#fff; overflow:hidden; padding:20px 25px 5px 13px; position:relative; width:102px; }
	div#header ul#nav li ul li ul.line{ background:url(../images/layout/header/menu_border.png) #fff no-repeat 13px top; padding-top:6px; }
	div#header ul#nav li ul li ul li{  margin-right:0; position:relative; text-align:left; text-transform:none; }
	div#header ul#nav li ul li ul li a{color:#000; font-family:"Lucida Grande",Arial,Helvetica,sans-serif; font-size:9px; font-weight:bold;}
	div#header ul#nav li ul li ul li a:hover{background:none; color:#ff6600;}
	div#header ul#nav li ul li ul li a:hover span{color:#ff6600;}
	div#header ul#nav li ul li ul li span{color:#999999; font-size:9px; margin-bottom:4px;  text-transform:uppercase;}
	div#header ul#nav li ul li ul li.productgroup span{color:#000; font-size:9px; margin-bottom:4px;  text-transform:uppercase;}
	
/* Content
---------------------------------------------------------- */
div#content{ width:100%; clear:both; overflow:hidden; position:relative;}
div#content div.add_shadow{ background:url(../images/layout/add_shadow.png) repeat-x 0 0; width: 940px; }
div#content div.detail_shadow { height: 15px; margin: -15px 0 15px; background:url(../images/layout/add_shadow.png) repeat-x 0 0;}
div#content div.for_pagination { margin-bottom: -10px !important;}
div.provide_padding{ padding-top:120px; }
div.banner{margin:15px 0 10px; position:relative; width:960px; height: 113px; }
div.banner div.title{ bottom:20px; color:#fff; font-size:30px; left:30px; position:absolute; text-transform:uppercase; }

	/* productmenu */
	
	div.productmenu{ background:url(../images/layout/productmenu.png) repeat-x left top; border-bottom:2px solid #4d4d4d; height:77px; padding:30px 10px 0px 10px; position:relative;}
	div.productmenu ul {height:54px; overflow:hidden;}
	div.productmenu ul div.category{float:left; width:400px;}
	div.productmenu ul div.sort_by{float:left; width:535px;}
	div.productmenu ul div.sort_by li{margin-right:0px;}
	div.productmenu ul div.sort_by em{font-size:14px; position:absolute; left:432px; font-style:normal; font-weight:bold; text-transform:uppercase; top:16px;}
	div.productmenu ul li{float:left; margin-bottom:9px; margin-right: 21px; text-align:right; width:175px;}
	div.productmenu ul li.last{margin-right:0px;}
	div.productmenu ul li div{margin-bottom:6px;}
	div.productmenu ul li label{display:inline; font-size:14px; margin-right:5px; text-align:right; text-transform:uppercase; width:70px;}
	div.productmenu ul li select{width:94px; text-align:left;}


	/* eyecatcher */
	div.eyecatcher{ position:relative; width:960px; margin:16px 0 0 0; overflow: hidden; height: 460px;}
	div.eyecatcher img{ float:left; }
	div.eyecatcher #flash_intro { width: 960px; height: 460px; }
	div.eyecatcher object { z-index: 2; position: relative;}
	div.eyecatcher div.info{background:url(../images/layout/info_icon.png) no-repeat left bottom; font-size:10px; position:absolute; bottom:20px; left:24px; width:240px;}
	div.eyecatcher div.info div.text{background:url(../images/layout/info_bg.png)#fff repeat-x left top; border:1px solid #cccccc; margin-left:25px; padding:17px 10px 12px 10px;}


	/* introduction */
	div.introduction{ padding:40px 10px; width:940px; clear:both; overflow:hidden; color:#3a3a3a; font-family:Georgia, "Times New Roman", Times, serif; line-height:18px; background:url(../images/layout/content_shadow_tile_dark.png) repeat-x 0 0; }
	div.introduction div.title{ float:left; width:240px; }
	div.introduction div.title h1{ font-size:16px; font-weight:bold; }
	div.introduction div.content{ font-size:14px; float:left; width:700px; overflow:hidden;}

/* pagination */
div.pagination{ height:47px; padding:3px 10px 0; width:860px; clear:both; overflow:hidden;}
div.pagination.add_shadow{background:url(../images/layout/content_shadow_tile_dark.png) repeat-x left top; /*border-top:1px solid #000; */}
	div.pagination div.center{ float:left;}
	div.pagination ul{ padding:15px 0 0 0; position:relative; overflow:hidden; }
	div.pagination ul li{ float:left; margin:0 2px; }
	div.pagination ul li a{ display:block; float:left; color:#000; border-bottom:1px solid #7f7f7f; }
	div.pagination ul li a:hover{ border-bottom:0; }
	div.pagination ul li.active a{ color:#ff6600; border-bottom:1px solid #ff6600; }
	div.pagination ul li.left{background:url(../images/layout/pagination/left_disabled.png) no-repeat left center; text-indent:-9999px; width:12px;}
	div.pagination ul li.left a{background:url(../images/layout/pagination/left.png) no-repeat left center; border:none; text-indent:-9999px; width:12px;}
	div.pagination ul li.right{background:url(../images/layout/pagination/right_disabled.png) no-repeat left center; border:none; text-indent:-9999px; width:12px;}
	div.pagination ul li.right a{background:url(../images/layout/pagination/right.png) no-repeat left center; border:none; text-indent:-9999px; width:12px;}
	
	/*breadcrumbs*/
	div.pagination ul.crumbs{float:left; padding:0;}
	div.pagination ul.crumbs li a{text-decoration:none; text-transform:capitalize;}
	div.pagination ul.crumbs li span{margin:0 3px;}
	div.pagination ul.crumbs li strong{margin-right:10px;}
	
	/* pagination on products page */
	div.pagination div.center.right{display:inline; float:right; margin-right:0px;}
	div.pagination div.right{float:right}
	div.pagination div.right.compare{color:#ff6600; float:right; font-size:10px; margin-top:10px; width:161px; height:32px;}
	div.pagination div.right.compare a{ background:url(../images/layout/pagination/right_orange.png) no-repeat right center; overflow:hidden; display:block; color:#ff6600; padding-right:25px;}
	div.pagination div.right.compare a:hover{color:#000;}
	div.pagination ul.right{float:right;}
	div.pagination ul.right li a:hover{color:#ff6600;}
	div.pagination ul.right li.all{margin-left:45px;}


	/*filter - options*/
	div.options{display:inline; float:left;  padding:15px 0 0 0; width:363px;}
	div.options a{color:#000; text-decoration:none; text-transform:uppercase;}
	div.options strong{margin-right:20px; float:left;}
	div.options form{float:left; margin-top:-2px;}
	div.options form select{ font-size:11px; margin-left:5px;}

/* news */
div.news{ width:960px; background:url(../images/layout/horizontal_dotted_black_tile.png) repeat-x 0 0; }
div.news_wrapper{ overflow:hidden; padding:0 10px; width:940px; clear:both; background:url(../images/layout/horizontal_dotted_black_tile.png) repeat-x left bottom; }
div.news_wrapper.detail{background:none;}

	/* news entries */
	div.news div.entries{ float:left; width:720px; background:url(../images/layout/vertical_dotted_gray_tile.png) repeat-y right 0; }
	div.news div.entries.detail{background:none;}
	div.news div.entry{ width:700px; padding:30px 0; background:url(../images/layout/horizontal_dotted_gray_tile.png) repeat-x left bottom; overflow: hidden; }
	div.news div.entry.detail{background:none;}
	div.news div.entry.last{ background:none; }
	div.news div.entry p{margin-bottom:22px;}
	div.news div.entry div.image{ float:left; padding:0 20px 0 0; width: 220px; }
	div.news div.entry h2, div.news div.entry h2 a{ font-size:16px; color:#000; font-family:Georgia, serif; }
	div.news div.entry h2 a:hover{ color:#FF6600; }
	div.news div.entry em{ font-size:11px; color:#666; font-style:normal; }
	div.news div.entry div.content{ line-height:18px; color:#000; }
	div.news div.entry div.content div a{ color:#FF6600; }
	div.news div.entry div.content div a.read_more, div.news div.entry div.content div a.back{ color:#0099ff; }
	div.news div.entry div.content div a.read_more span, div.news div.entry div.content div a.back span{ visibility:hidden; }
	div.news div.entry div.content div a.read_more:hover span, div.news div.entry div.content div a.back:hover span{ visibility:visible; }
	div.news div.entry div.content div a.back{ display:block; margin:25px 0;}
	
		/*newsdetail*/
		div.news div.entries.detail{width:730px;}
		div.news div.entry.detail div.image{float:left; padding:0 10px 0 0; margin-top:-10px; width:244px; }
		div.news div.entry.detail div a img{margin:10px 10px;}
		div.news div.entry.detail div.content{float:left; width:440px !important;}
		div.news div.entry.detail h3, div.news div.entry.detail h3 a{ font-size:12px; color:#000; font-weight:bold; margin-bottom:2px; margin-top:25px; }
	
		
/*downloads*/
div.downloads{ overflow:hidden; clear:both; width:960px;}
div.downloads h2{font-size:14px; margin-bottom:20px; text-transform:uppercase;}

	/* entries per categorie */
	div.downloads div.cat{  background:url(../images/layout/horizontal_dotted_gray_tile.png) repeat-x left bottom; margin-bottom:25px; padding-bottom:40px; }
	div.downloads div.cat.last{  background:none; }
	div.downloads div.cat h2{margin-left:10px;}
	div.downloads div.cat ul li{float:left; padding:0 10px 10px 10px; text-align:center; width:220px;}
	div.downloads div.cat ul li span{display:block; font-weight:bold; margin:4px 0 14px;}
	div.downloads div.cat ul li a.download{ margin:0 auto; text-indent:-9999px; width:120px;}
	
	
	/* submenu left from content*/
	div.pagination.subscribe{height:35px;}
	div.submenu{ float:left; padding:0 20px 0 10px; width:200px; min-height:260px;}
	div.submenu ul.subnav li{margin:0 0 10px;}
	div.submenu ul.subnav li a{ color:#000;font-size:14px; font-weight:bold; text-transform:uppercase;}
	div.submenu ul.subnav li a.active{color:#ff6600;}
	div.submenu ul.subnav li a:hover, div.contact div.submenu ul.subnav li a.active{ color:#ff6600;}
	div.submenu ul.subnav li ul{ margin-top:10px; padding-left:40px;}
	div.submenu ul.subnav li ul li a{font-weight:normal;}
	
	/* plain text page */
	div.content p{mrgin-bottom:12px !important;}
	div.content div.textpage{ background:url(../images/layout/vertical_dotted_gray_tile.png) repeat-y left 0; float:left; padding-bottom:30px; padding-left:20px; overflow:hidden; width:515px;}
	div.content div.textpage a:hover {text-decoration: underline;}
	div.content div.textpage.large{width:680px;}
	div.content div.textpage h2{font-size:14px; margin-bottom:10px; text-transform:uppercase}
	div.content div.textpage h3{font-weight:bold; margin-bottom:5px; margin-top:10px;}
	div.content div.textpage p{line-height:17px; margin-bottom:20px;}
	div.content div.textpage img.margin{margin-top:10px; margin-bottom:30px;display:block;}
	div.content div.textpage div.intro{font-weight:bold; margin-bottom:30px; width:455px;}
	div.content div.textpage div.col{float:left;}
	div.content div.textpage div.one{width:340px; margin-right:25px;}
	div.content div.textpage div.two{width:315px;}
	div.content div.textpage div.two br{margin:3px 0;}
	div.content div.textpage ul.washing{margin-top:-30px;}
	div.content div.textpage ul.washing li{ background:url(../images/layout/horizontal_dotted_black_tile.png) repeat-x left bottom; height:30px; padding:13px 0;list-style-type: none;}
	div.content div.textpage ul.washing li img{float:left; margin-right:20px; margin-top:-8px;}
	div.content div.textpage ul.washing li.header{ height:7px; font-weight:bold; text-transform:uppercase; padding-left:0; padding-top:34px;}
	div.content img.right{float:right;}
				
				/* categorie spans - hergebruikt bij product pages */
				span.essentials{color:#0071b9 !important;}
				span.experts{color:#e32219 !important;}
				span.additionals{color:#17a345 !important;}

/*contactvelden*/
	div.contact div.form{ background:url(../images/layout/vertical_dotted_gray_tile.png) repeat-y left 0; float:left; padding-bottom:30px; padding-left:20px; width:482px;}
	div.contact div.form h2{font-size:14px; margin-bottom:10px; text-transform:uppercase}
	div.contact div.form h3{ font-size:16px; font-family:Georgia, Times, serif; font-weight:bold; margin-bottom:30px; margin-top:20px; text-transform:capitalize;}
	div.contact div.form a{ color:#0099ff; display:block; margin-top:20px; }
	div.contact div.form a:hover{text-decoration:underline;}
	
		div.contact div.form form{margin-top:25px;}
		div.contact div.form form strong{display:block;margin:20px 0;}
		div.contact div.form form div.entry{clear:both; margin-bottom:10px;}
		div.contact div.form form div.entry label{display:block; margin-bottom:10px;}
		div.contact div.form form div.entry input{border:1px solid #000; clear:both; height:21px; padding:4px 6px 0 6px; width:97%;}
		div.contact div.form form div.entry.checkbox{ height:18px; margin-bottom:4px; overflow:hidden;}
		div.contact div.form form div.entry.checkbox label{display:inline; float:left;}
		 div.contact div.form form div.entry.checkbox input{ border:none; height:12px; margin-left:6px; margin-right:8px; width:12px;}
			
			/*kleine/speciale velden*/
			 div.contact div.form form div.entry.small{float:left; margin-right:10px;}
			 div.contact div.form form div.entry.small input{ width:105px;float:none;}
			 div.contact div.form form div.entry img{float:left; margin-right:10px; /*margin-top:-8px;*/}
			 div.contact div.form form div.entry input.small{padding:4px 6px 0 6px; width:105px; float:left; clear:none;}
			 div.contact div.form form div.entry.select{clear:none; float:left;}
			 div.contact div.form form div.entry.select select{ margin-top:3px; width:220px; }
			 div.contact div.form form div.entry.double{position:relative;} 
			 div.contact div.form form div.entry.double input{margin-bottom:5px;}
			 div.contact div.form form div.entry.double div.remark{ font-size:11px; color:#999999; top:25px; position:absolute; right:-240px; width:225px;}
			 div.contact div.form form div.entry div.remark { color: #999999; font-size: 11px;}
			
			/*errors*/
			 div.contact div.form form div.entry.error{ float:none; }
			 div.contact div.form form div.entry.error label{display:block; margin-bottom:10px;}
			 div.contact div.form form div.entry.error span{color:#ff0000; font-size:10px;}
			 div.contact div.form form div.entry.error input{border:1px solid #ff3f3f;}
			 div.contact div.form form div.entry.error select{color:#ff0000;}
		
			/*submit btns*/
			 div.contact div.form form div.entry.buttons{}
			 div.contact div.form form div.entry.buttons span{color:#999999; display:block; font-size:10px; margin-bottom:20px;}
			 div.contact div.form form div.entry.buttons button.subscribe{background:url(../images/layout/subscribe_en.png) no-repeat left top; cursor:pointer; height:20px; margin-bottom:10px; width:100px;}
			 div.contact div.form form div.entry.buttons button.subscribe:hover{background-position:left bottom;}
			 div.contact div.form form div.entry.buttons button.order{background:url(../images/layout/order_en.png) no-repeat left top; cursor:pointer; height:20px; margin-bottom:10px; width:100px;}
			 div.contact div.form form div.entry.buttons button.order:hover{background-position:left bottom;}
	
		/* contactpagina */
		 div.contact{}
		 div.contact div.contactgeg{ float:left; line-height:18px; margin-right:25px; width:465px; }
		 div.contact div.contactgeg h2.first{margin-top:0px;}
		 div.contact div.contactgeg h2{color:#ff6600; font-size:14px;  margin-bottom:3px; margin-top:25px;}
		 div.contact div.contactgeg h3{font-size:14px; margin-bottom:15px;}
		 div.contact div.contactgeg h4{font-weight:bold; margin-bottom:3px; margin-top:20px;}
		 div.contact div.contactgeg strong{ display:block; margin-bottom:20px; }
		 div.contact div.contactgeg a{color:#0099ff;}
		 div.contact div.contactgeg a:hover{ text-decoration:underline; }
		 div.contact div.contactgeg a.mailto{color:#000;}
		 div.contact div.contactgeg a.mailto:hover{color:#ff6600; text-decoration:underline;}
		 div.contact div.form.contact{ background:url(../images/layout/contact_bg.png) #f1f1f2 repeat-x left top; float:left; margin-bottom:20px; padding-right:25px; width:413px; }
		 div.contact div.form.contact h2{font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:16px; margin-top:25px; margin-bottom:15px;}
		 div.contact div.form.contact form{ margin-top:0; }
		 div.contact div.form.contact form div.entry.error span{display:block;}
		 div.contact div.form.contact form div.entry.select.inline label{float:left;}
		 div.contact div.form.contact form div.entry.select.inline select{margin:-2px 0 0 10px;}
		 div.contact div.form.contact form div.entry.select.inline span{display:inline; margin-left:5px;}
		 div.contact div.form.contact form div.entry.textarea textarea{border:1px solid #000; height:180px; width:100%;}
		 div.contact div.form.contact form div.textarea.error textarea{border:1px solid #ff3f3f;}
		 div.contact div.form.contact form div.entry.buttons button.send{background:url(../images/layout/send_en.png) no-repeat left top; cursor:pointer; height:20px; margin-bottom:10px; width:63px;}
		 div.contact div.form.contact form div.entry.buttons button.send:hover{background-position:left bottom;}
	
	
	
/* producten */
div.products{background:url(../images/layout/horizontal_dotted_black_tile.png) repeat-x 0 0; font-size:10px; padding-top:10px;}
div.products h2{font-size:14px; text-transform:uppercase;}
div.products div.row{background:url(../images/layout/horizontal_dotted_gray_tile.png) repeat-x left bottom; margin-bottom:25px; padding-bottom:40px; }
div.products div.row.last{background:url(../images/layout/horizontal_dotted_black_tile.png) repeat-x left bottom; margin-bottom:0px;}
div.products div.row h2{margin-bottom:20px;}
div.products div.row ul.first{padding-top:30px;}
div.products div.row ul li{float:left; margin-right:26px; width:160px;}
div.products div.row ul li a{clear:both; color:#000; display:block; text-decoration:underline;}
div.products div.row ul li a img{display:block; margin: 0 auto;}
div.products div.row ul li a:hover{color:#ff6600;}
div.products div.row ul li a.title{margin-left:20px; width:115px;}
div.products div.row ul li span{color:#666666; display:block; margin-left:20px; text-transform:uppercase; width:115px;}
div.products div.row ul li span.compare{text-transform:lowercase;}
div.products div.row ul li ul{clear:both; overflow:hidden; margin-bottom:6px;}
div.products div.row ul li ul li{float:left; height:19px; margin-right:5px; margin-top:1px; width:15px;}
div.products div.row ul li ul li a{border:none; cursor:pointer; display:block; height:15px; text-decoration:none; width:15px;}
div.products div.row ul li ul li a span.color{height:16px; margin:0; width:16px;}
div.products div.row ul li ul li a:hover, div.products div.row ul li ul li a.active{ border:1px solid #000;display:block; height:15px; margin:-1px -1px; text-decoration:none; width:15px;}
div.products div.row ul li ul li a:hover span.color, div.products div.row ul li ul li a.active span.color{height:15px; width:15px; margin:1px;}

	/*detailview*/
	div.products div.details{background:url(../images/layout/horizontal_dotted_black_tile.png) repeat-x left bottom; overflow:hidden;  margin-bottom:25px; padding:0 10px 55px 10px;}
	div.products div.details div.image{ margin-right:20px; float:left; width:462px;}
	div.products div.details div.image a.zoom{background:url(../images/layout/zoom_en.png) no-repeat left top; display:block; float:right; height:20px; margin:10px auto 0; text-indent:-9999px; width:100px;}
	div.products div.details div.image a.zoom:hover{background-position:left bottom;}
	
		/* thumbnails product linkerzijde */
		div.products div.details div.image div.thumbs{ background:url(../images/layout/horizontal_dotted_gray_tile.png) repeat-x left top; margin-top:10px; overflow:hidden; padding:10px 0 0 0; width:452px;}
		div.products div.details div.image div.thumbs ul{ overflow:hidden; width:100%;}
		div.products div.details div.image div.thumbs ul li{ float:left; }
		div.products div.details div.image div.thumbs ul li a{ border:1px solid #fff; display:block; margin-right:8px; margin-bottom:8px;}
		div.products div.details div.image div.thumbs ul li a.active, div.products div.details div.image div.thumbs ul li a:hover{border:1px solid #ff6600; display:block;}
		
		/* action buttons linkerzijde */
		div.products div.details div.image div.actions{ background:url(../images/layout/horizontal_dotted_gray_tile.png) repeat-x left top; overflow:hidden; padding-top:10px; width:100%;}
		div.products div.details div.image div.actions a{float:left; display:block; height:20px; margin:5px 10px; overflow:hidden; position:relative; text-indent:-9999px; width:220px;}
		div.products div.details div.image div.actions a.where{background:url(../images/layout/where_to_en.png) no-repeat left top; margin-left:0px;}
		div.products div.details div.image div.actions a.where:hover{background-position:left bottom;}
		div.products div.details div.image div.actions a.download{background:url(../images/layout/download_specs_en.png) no-repeat left top; margin-right:0px;}
		div.products div.details div.image div.actions a.download:hover{background-position:left bottom;}
		div.products div.details div.image div.actions a.email{background:url(../images/layout/email_en.png) no-repeat left top; margin-left:0px;}
		div.products div.details div.image div.actions a.email:hover{background-position:left bottom;}
		div.products div.details div.image div.actions a.print{background:url(../images/layout/print_specs_en.png) no-repeat left top; margin-right:0px;}
		div.products div.details div.image div.actions a.print:hover{background-position:left bottom;}
	
	/* product detail text*/
	div.products div.details div.text{float:left; width:458px;}
	div.products div.details div.text h2{color:#ff6600; font-size:14px; margin-top:25px; margin-bottom:10px; text-transform:uppercase;}
	div.products div.details div.text div.name, div.products div.details div.text div.color, 
	div.products div.details div.text div.description{ background:url(../images/layout/horizontal_dotted_gray_tile.png) repeat-x left bottom; font-size:12px; overflow:hidden; padding:15px 0;}

	/* productnaam */
	div.products div.details div.text div.name{position:relative;}
	div.products div.details div.text div.name span{color:#000; font-size:12px; text-transform:uppercase;}
	div.products div.details div.text div.name em.male{background:url(../images/layout/male_ico.png) no-repeat right top; display:block; height:47px; position:absolute; top:20px; right:0px; width:47px;}
	div.products div.details div.text div.name em.female{background:url(../images/layout/female_ico.png) no-repeat right top; display:block; height:47px; position:absolute; top:20px; right:0px; width:47px;}
	div.products div.details div.text div.name h1{color:#000; font-size:20px; margin-bottom:10px; text-transform:uppercase;}
	div.products div.details div.text div.name span.essentials{color:#0071b9;}
	div.products div.details div.text div.name span.essentialsspan.experts{color:#e32219;}
	div.products div.details div.text div.name span.essentials span.additionals{color:#17a345;}
	
	/* product kleuren */
	div.products div.details div.text div.color{padding-left:1px; width:457px;}
	div.products div.details div.text div.color ul li{float:left; height:40px; margin-right:5px; margin-top:1px; width:40px;}
	div.products div.details div.text div.color ul li a{border:none; cursor:pointer; display:block; height:40px; text-decoration:none; width:40px;}
	div.products div.details div.text div.color ul li a span.color{display:block; height:40px; margin:0; width:40px;}
	div.products div.details div.text div.color ul li a:hover, div.products div.details div.text div.color ul li a.active{ border:1px solid #000;display:block; height:40px; margin:-1px -1px; text-decoration:none; width:40px;}
	div.products div.details div.text div.color ul li a:hover span.color, div.products div.details div.text div.color ul li a.active span.color{height:39px; width:39px; margin:1px;}
	
	/* product beschrijving */
	div.products div.details div.text div.description ul li{font-size:10px; margin-bottom:15px; min-height:40px; width:160px;} /*gn image = gn padding */
	div.products div.details div.text div.description ul li strong{display:block;}
	div.products div.details div.text div.description ul li.technology{/*padding-left:62px;*/ margin-bottom: 0; } /*padding wordt op de li.class klasse gezet*/
	
	div.products div.details div.text div.description{background:none; padding-top:0px;}
	
	
	/* sidebar */
	div.news div.sidebar{ float:left; padding:25px 0 0 20px; width: 200px; overflow: hidden; }
	div.news div.sidebar h3{ text-transform:uppercase; font-size:14px; margin-bottom:22px; }
	
		/* list */
		div.news div.sidebar ol{ }
		div.news div.sidebar ol li{ line-height:18px; margin-bottom:22px; }
		div.news div.sidebar ol li em{ font-style:normal; color:#666; }
		div.news div.sidebar ol li h4{ font-family:Georgia; }
		div.news div.sidebar ol li h4 a{ color:#000; border-bottom:1px solid #7f7f7f; }
		div.news div.sidebar ol li h4 a:hover{ border-bottom:0px; }
	
	/* eyecatcher */
	div.productseyecatcher{ position:relative; width:960px; margin:16px 0 0 0; overflow: hidden; height: 400px;}
	div.productseyecatcher img{ float:left; }
	div.productseyecatcher #flash_intro { width: 960px; height: 400px; }
	div.productseyecatcher object { z-index: 2; position: relative;}
	div.productseyecatcher div.info{background:url(../images/layout/info_icon.png) no-repeat left bottom; font-size:10px; position:absolute; bottom:20px; left:24px; width:240px;}
	div.productseyecatcher div.info div.text{background:url(../images/layout/info_bg.png)#fff repeat-x left top; border:1px solid #cccccc; margin-left:25px; padding:17px 10px 12px 10px;}
	div.productseyecatcher ul li { display:inline; }
	div.productseyecatcher ul li span { position: absolute; z-index:1; top:0;left:0; }
	
		
		
	div.text span.essential { color: #315099;}
	div.text span.additional { color: #709549;}
	div.text span.expert { color: #AA4940;}
	div.text span.sherock { color: #000000;}
	
	div.productshome div.nobottom { background-image: none;}
	
	div.products ul li a.producttitle { height: 26px; }
	
	
	/* PRODUCT POPUPS ------------------------------------ */
	body.popup {background:none;}
	body.popup h1{color:#000; font-size:20px; margin-bottom:10px; text-transform:uppercase;}
	body.popup h2{color:#000; font-size:16px; font-weight:bold;}
	body.popup div.popupform{ height:506px; width:462px; padding:15px 8px 25px 8px; clear:both; text-align:left; background:#fff;}
	body.popup div.popupform div.image{float:left; width:110px; padding-left:10px;}
	body.popup div.popupform div.image img{border:1px solid #ff6600;}
	body.popup div.popupform div.details{float:right; width:330px;}
	body.popup div.popupform div.details span{display:block; text-transform:uppercase;}
	body.popup div.popupform div.details span.code{text-transform:uppercase;}
	body.popup div.popupform form{background:#eaeaea; margin-top:10px; overflow:hidden; font-size:11px; padding:17px 5px 17px 17px; width:440px;}
	body.popup div.popupform form div.entry.error{margin-bottom:10px; position:relative;}
	body.popup div.popupform form div.entry.error span.error{position:absolute; right:20px; top:0px; color:red;}
	body.popup div.popupform form div.entry.error input, body.popup div.popupform form div.entry.error textarea{border:1px solid red !important;}
	body.popup div.popupform form div.textarea.error{width:418px;}
	body.popup div.popupform form div.entry.text{height:55px; float:left; margin-bottom:5px; width:219px; overflow:hidden;}
	body.popup div.popupform form div.entry label{display:block; margin-bottom:3px;}
	body.popup div.popupform form div.entry.text input{ border:1px solid #bdbdbd; padding-top:2px; width:200px; font-size:11px; height:18px; }
	body.popup div.popupform form div.entry.captcha {clear:both; width:440px;}
	body.popup div.popupform form div.entry.captcha img{float:left; margin-right:10px;}
	body.popup div.popupform form div.entry.captcha input{float:left; margin-right:10px;}
	body.popup div.popupform form div.entry.captcha span.remark{color:#999999; display:block; width:190px; float:left;}
	body.popup div.popupform form div.entry.captcha input{width: 100px;border:1px solid #bdbdbd; padding-top:2px; height:18px;  font-size:11px;}
	body.popup div.popupform form div.entry.textarea{width:438px; overflow:hidden; clear:both;  margin-bottom: 5px; }
	body.popup div.popupform form div.entry.textarea textarea{border:1px solid #bdbdbd; padding-top:2px;width:417px; font-size:11px; height:70px;}
	body.popup div.popupform form div.entry.button{float:left; margin-top:20px;}
	body.popup div.popupform form div.entry.button span{float:left; color:#999999;}
	body.popup div.popupform form div.entry.button button{display:block; clear:both; margin-top:25px; height:20px; text-transform:uppercase; color:#fff; float:left; background:url(../images/layout/send_en.png) no-repeat scroll left top; text-indent:-9999px; width:63px;}
	body.popup div.popupform form div.entry.button button:hover{background-position:left bottom;}
	
	body.popup div.popupcomplete{ background:#fff; height:506px; width:462px; padding:15px 8px 25px 8px; clear:both; text-align:left;}
	body.popup div.popupcomplete div.image{float:left; width:110px; padding-left:10px;}
	body.popup div.popupcomplete div.image img{border:1px solid #ff6600;}
	body.popup div.popupcomplete div.details{float:right; width:330px;}
	body.popup div.popupcomplete div.details span{display:block; text-transform:uppercase;}
	body.popup div.popupcomplete div.details span.code{text-transform:lowercase;}
	body.popup div.popupcomplete div.verstuurd{background:#eaeaea; margin-top:10px; height:350px; overflow:hidden; font-size:11px; padding:17px 5px 17px 17px; width:440px;}
	body.popup div.popupcomplete div.verstuurd a{overflow:hidden; display:block; color:#ff6600 !important;}
	body.popup div.popupcomplete div.verstuurd a:hover{text-decoration:underline;}
	body.popup  a.back{margin-top:30px !important;}
	
	
	
/* compare
---------------------------------------------------------- */
table.compare{ font-size:10px;}
table.compare td{}
table.compare td.col.first em{ color:#ff6600; font-size:16px; text-transform:uppercase; float:right !important;}
table.compare td.col{ background:url(../images/layout/horizontal_dotted_black_tile.png) repeat-x left bottom; text-align:left; width:220px; padding:15px 10px; position:relative; vertical-align: top;}
table.compare td.col span{ color:#999; float:left; text-align:left;}
table.compare td.col span.name{ color:#000; font-weight:bold; margin-top:6px; text-decoration:underline;}
table.compare td.col span.name:hover{ color:#ff6600; text-decoration:none;}
table.compare td.col.img {text-align:center;}
table.compare td.col ul.colors li{float:left; margin:0 2px;}
table.compare td.col img.icon{float:left; margin-right:10px;}
table.compare td.col select{color:#999; width:130px;}
table.compare td img.mf{ float:right; height:25px; width:25px; margin-top:-17px; display:block;}
table.compare td.vert_line{ background:url(../images/layout/vertical_dotted_gray_tile.png) repeat left top; width:2px;}
table.compare td table td{padding-bottom:10px;}
table.compare td table td.image{width:50px; text-align:left;}
table.compare td a.where{background:url(../images/layout/where_to_en.png) no-repeat left top; margin-left:0px; text-indent:-9999px; height:20px; display:block; width:220px;}
table.compare td a.where:hover{background-position:left bottom;}

	
/* glossary page
---------------------------------------------------------- */
div.glossary{background:url(../images/layout/horizontal_dotted_black_tile.png) repeat-x left bottom; margin-bottom:20px; overflow:hidden; padding-bottom:12px;width:100%; }	
div.glossary.last{background:none;}
div.glossary div.img{float:left;}
div.glossary div.text{float:right; width:422px;}
div.glossary div.text span.title{display:block; text-transform:uppercase;}
	
	
	

/* recently viewed items
---------------------------------------------------------- */
div.rec_viewed{background:url(../images/layout/rec_view_bg.png) repeat-x left top; border-top:1px solid #000; margin-top:10px; padding:35px 15px;}
div.rec_viewed ul{background:url(../images/layout/rec_view_prod.png) no-repeat left center; overflow:hidden; padding-left:100px; width:100%;}
div.rec_viewed ul li{float:left; margin:0 6px;}
div.rec_viewed ul li a.prev{background:url(../images/layout/rev_view_prev.png) no-repeat left 0; border:none !important; display:block; height:42px; margin-top:20px; text-indent:-9999px; width:51px;}
div.rec_viewed ul li a.prev:hover{background-position: left -44px; height:42px; width:51px;}
div.rec_viewed ul li a.next{background:url(../images/layout/rev_view_next.png) no-repeat left 0; border:none !important; display:block; height:42px; margin-top:20px; text-indent:-9999px; width:51px;}
div.rec_viewed ul li a.next:hover{background-position: left -44px; height:42px; width:51px;}
div.rec_viewed ul li a{border:1px solid #fff;  display:block}
div.rec_viewed ul li a:hover{border:1px solid #ff6600;  display:block}
	
	
/* Sitemap
---------------------------------------------------------- */
div#sitemap{ padding:5px 10px 0 10px; width:940px; clear:both; overflow:hidden;height:233px; position: relative; }

div#sitemap ul.first{ margin-left:0; }
div#sitemap ul{ margin-left:33px; float:left; line-height:18px; font-size:10px; width:210px; color:#999; }
div#sitemap ul ul{ float:none; margin-left:0; }
div#sitemap ul li span{ text-transform:uppercase; font-size:14px; color:#000; }
div#sitemap ul li{ margin-bottom:25px; }
div#sitemap ul li.spacer { margin-top: 20px;}
div#sitemap ul li li{ margin-bottom:0; }
div#sitemap ul li li a { color: #999; }
div#sitemap ul li li a:hover{ color:#ff6600; }

/* Signup form
---------------------------------------------------------- */
div#signup_form{ font-size:14px; text-transform:uppercase; color:#FFF; padding:11px 70px 0 30px; height:45px; background:url(../images/layout/signup_form_tile.png) repeat-x 0 0; }
	
	/* form */
	div#signup_form form{ float:left; width:470px; }
	div#signup_form form label{ float:left; }
	div#signup_form form input{ margin:0 20px; float:left; background:#FFF; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; border-left:1px solid #525252; padding:2px 8px 0; color:#999; font-size:9px; height:17px; width:191px; }
	div#signup_form form button{ float:left; }

	/* visit */
	div#signup_form div{ float:right; }
	div#signup_form div div.label{ float:left; }
	div#signup_form a{ float:left; margin-left:17px; }
	
/* Footer
---------------------------------------------------------- */
div#footer{ position:relative; width:944px; clear:both; line-height:15px; color:#000; font-size:10px; padding:16px 8px; background:url(../images/layout/footer_tile.png) repeat-x 0 0; }

/* paragraph */
div#footer p{ color:#999; }
div#footer p.strong a{ color:#000; }
div#footer p.strong a:hover{ color:#ff6600; }
div#footer p.strong{ margin-bottom:3px; color:#000; }

div#footer a.external { color: #999; }
div#footer a.external:hover {color: #ff6600;}

div#footer a.sitemap{ color:#000; position:absolute; right:8px; top:16px; }
div#footer a.sitemap:hover{ color:#ff6600; position:absolute; right:8px; top:16px; }


/* social links */
div#footer ul.social_links{ position:absolute; right:3px; top:40px; }
div#footer ul.social_links li{ margin:0 4px 0 0; float:left; }
div#footer ul.social_links li a{ width:21px; height:21px; display:block; text-indent:-9000px; }
div#footer ul.social_links li.rss a{ background:url(../images/layout/social_icons.png) no-repeat 0 0; }
div#footer ul.social_links li.fb a{ background:url(../images/layout/social_icons.png) no-repeat -21px 0; }
div#footer ul.social_links li.twitter a{ background:url(../images/layout/social_icons.png) no-repeat -42px 0; }

/* STORE LOCATOR
----------------*/
div.locator div.hr {width:700px;height:10px;background:url(../images/layout/hr.png) no-repeat 0 0;clear:both;margin: 30px 0 24px 0}

div.locator div.left {width:457px;float:left;background:#f5e1e2;}
div.locator div.left div#map {width:457px;height:457px;overflow: hidden}

div.locator div.right {width:240px;margin-left:1px;float:left;position: relative;}
div.locator div.right div.resultCount {padding:16px 23px;background:#000;color:#FFF;font-size:15px}
div.locator div.right div.resultCount strong {color:#ff6600}
div.locator div.right ul.pagination {padding:11px 8px 0 8px;background: url(../images/layout/locator_page.png) no-repeat left bottom;height:29px}
div.locator div.right ul.pagination li {color:#e6e6e6;}
div.locator div.right ul.pagination li.active {color:#000;cursor: pointer}
div.locator div.right ul.pagination li.left {float:left;background:url(../images/layout/locator_previous_inactive.png) no-repeat 0 4px;padding-left:18px}
div.locator div.right ul.pagination li.activeLeft {float:left;background:url(../images/layout/locator_previous.png) no-repeat 0 4px;padding-left:18px;color:#000;cursor: pointer}
div.locator div.right ul.pagination li.right {float:right;background:url(../images/layout/locator_next_inactive.png) no-repeat right 4px;padding-right:18px}
div.locator div.right ul.pagination li.activeRight {float:right;background:url(../images/layout/locator_next.png) no-repeat right 4px;padding-right:18px;color:#000;cursor: pointer}
div.locator div.right ul.results {clear:both;width:240px;top:91px;position: absolute}
div.locator div.right ul.results li {padding:18px 10px 18px 62px;position: relative;height:59px}
div.locator div.right ul.results li.alt {background: #e6e6e6}
div.locator div.right ul.results li img {position: absolute;top:18px;left:24px;}
div.locator div.form {width:700px}
div.locator div.form form div.entry {width:460px;float:left;clear:none}
div.locator div.form form div.distance {width:100px;margin-left:25px}
div.locator div.form form div.entry input {border: 1px solid #ccc; color:#666;padding:3px 6px;height: auto}
div.locator div.form form div.entry button {background:url(../images/layout/button_find_store.png); width: 99px;height:21px;}
div.locator span.required {margin-left:21px;color:#666}


div.storeDetail {position: relative; }
div.storeDetail img {float:left;}
div.storeDetail div.storeInfo {float:right;width:664px}
div.storeDetail div.storeInfo div {margin-top:20px}



/* Tips tooltip
------------- */
.custom_tip {	color: #fff; max-width: 250px; z-index: 13000; display: none; }
.tool-title { font-weight: bold; font-size: 11px; margin:30 30px 0 50px; color: #9FD4FF; padding: 8px 8px 4px; }
.tool-text { font-size: 11px; padding: 4px 8px 8px; }

/* Click to resize */
span.clicktoresize { font-size: 11px; color: #666; display: block; width: 100%; text-align: center; }

/* Fabrics page - inline images */
p.fabric img { float:left; margin: 0 10px 0 0; padding: 4px 0 0 0; }

/* Standards & regulations */
div.textpage div.regulations p { margin: 2px; }
div.textpage div.regulations ul { margin: 0 0 0 17px; }
div.textpage div.regulations ul li { list-style-type: disc; padding: 0 0 0 10px; line-height: 17px; }