/***													***\
HTML/CSS by:
------------------------------------------------------------
   __  __  __  __  __  ____  _   __  __    ___    __  ____ 
  / / /  |/ / /  |/ / /   / | | / / /  |  /   \  / / /  __|  
 / / / /|  / / /|  / / / /  | |/ / / / | / /  / / / /__  /
/_/ /_/ |_/ /_/ |_/ /___/   |___/ /_/|_|/____/ /_/ /____/

-------------------|[www.innovadis.com]|--------------------

Version: 1.1a                            dvb dweb winfactory
------------------------------------------------------------
\***													***/





/**
----|[ NONCLASS NONIDENTIFIER STYLES - Main overall settings ]|----
**/
::-moz-selection
{
	background:								#ccef00;
	color:									#000;
}

::selection
{
	background:								#ccef00;
	color:									#000;
}

*
{
	padding:								0;
	margin:									0;
	text-decoration:						none;
}

a
{
	cursor:									pointer;
}

body
{
	behavior: url("./Files/Templates/Css/csshover3.htc");

	font-family:							Verdana, Geneva, sans-serif;
	color:									#2b2f35;
	font-size:								11px;

	background:								#fff
											url('../images/bg_topbar.gif')
											repeat-x
											top;
}

h1
{
	text-indent:							1px;
}

a img
{
	border:									0px none;
}



/**
----|[ TEXT LAYOUT STYLES - Overall text styling ]|----
**/

strong
{
	font-weight:							bold;
}

em
{
	font-style:								italic;
}

p
{
	margin:									5px 0 15px 0;
}





/**
----|[ TOP CONTAINER STYLES - Main containers in the top part of the website ]|----
**/

#top
{
	width:									100%;
}

.top-bg
{
	background:								url('../images/bg_soap.jpg')
											no-repeat
											center top;
}

	#top_main
	{
		width:								980px;
		margin:								auto;
	}

	.top_main-home
	{
		background:							url('../images/background.jpg')
											repeat-x
											center 140px;
	}

		#main_main-left
		{
			float:							left;
			width:							644px;
		}

			#main-left_hdr
			{
				height:						100px;
			}

			#main-left_crumb
			{
				color:						#908e8e;

				width:						600px;
				margin:						20px 0 25px 0;
			}

			.left_crumb-left
			{
				float:						left;

				height:						19px;
				width:						4px;

				background:					url('../images/bg_crumb_left.gif')
											no-repeat
											top left;
			}

			.left_crumb-right
			{
				float:						left;

				height:						19px;
				width:						4px;

				background:					url('../images/bg_crumb_right.gif')
											no-repeat
											top left;
			}

			.left_crumb-mid
			{
				float:						left;

				height:						19px;
				padding:					0 5px;

				background:					#f0f1f2;

				color:						#908e8e;
				font-size:					11px;
				font-weight:				bold;
				line-height:				17px;
			}

				.left_crumb-mid a
				{
					color:					#908e8e;
				}

				.left_crumb-mid a:hover
				{
					text-decoration:		underline;
				}

		#main_main-right
		{
			float:							right;
			width:							326px;
		}





/**
----|[ Main Content ]|----
**/

#main-left_content
{
	line-height:							24px;
}

	#main-left_content h2
	{
		margin:								0 0 25px 0;

		color:								#5a5f66;
		font-size:							18px;
		font-weight:						bold;
	}


	#content_intropad
	{
		margin:								0px 354px 30px 0;
	}


	#content_normalcontent
	{
		margin:								0 5px 0 0;
	}




/**
----|[ Aanbiedingen ]|----
**/

#content_aanbiedingen
{
	margin:									0 0 0 0;
}
	.aanbiedingen_offerpads
	{
		float:								left;
		margin:								0 13px 20px 0;
		cursor:               pointer;
	}

		.offerpads_title
		{
			width:							190px;
			height:							35px;

			background:						url('../images/bg_item_top.gif');
		}

			.offerpads_title h3
			{
				margin:						0 0 0 16px;
	
				font-size:					14px;
				line-height:				32px;
	
				color:						#fff;
			}

		.offerpads_img
		{
			width:							190px;
			height:							140px;

			background:						#717780
											center;
		}

		.offerpads_txt
		{
			width:							190px;
			height:							85px;
			overflow:						hidden;

			background:						#f0f1f2;
		}

			.offerpads_txtpadding
			{
				padding:					5px 15px 0 15px;
			}

		.offerpads_info
		{
			width:							190px;
			height:							34px;
		}

			.seethroughinfo a
			{
				color:						#000;
			}

			.seethroughinfo img,
			.seethroughinfo div
			{
				-moz-opacity:				.50;
				filter:						alpha(opacity=50);
				opacity:					.50;
			}

			.seethroughinfo img
			{
				float: left;
				margin:						8px 6px 0 17px;
			}

			.seethroughinfo div
			{
				float:						left;

				margin:						5px;

				font-size:					14px;
				font-weight:				bold;
			}





/**
----|[ Nieuwste Item ]|----
**/

#newestitem
{
	margin:									0 0 20px 27px;
}
	.newestitem_container
	{
		width:								280px;
	}

		.newestitem_title
		{
			height:							35px;

			background:						url('../images/bg_newitem_top.gif');
		}

		.newestitem_title h3
		{
			margin:							0 0 0 16px!important;

			font-size:						14px!important;
			line-height:					32px!important;

			color:							#000!important;
		}

		.newestitem_img
		{
			height:							207px;

			background:						#717780
											no-repeat
											center;
		}

		.newestitem_txt
		{
			height:							85px;
			overflow:						hidden;

			background:						#f0f1f2;
		}

			.newestitem_txtpadding
			{
				padding:					5px 15px 0 15px;
				line-height:				24px;
			}

		.newestitem_info
		{
			height:							34px;

			background:						url('../images/bg_newitem_bottom.gif');
		}


		.newestitem_info .seethroughinfo div
		{
			margin-top:						9px;
		}


/**
----|[ Main menu ]|----
**/

#main-left_menu
{
	position:								relative;
	height:									43px;
}

	#main-left_menu ul li
	{
		position:							relative;
		float:								left;

		height:								41px;
		padding-right:						40px;

		line-height:						32px;
		list-style:							none;
	}

	#main-left_menu a
	{
		color:								#464840;
		font-weight:						bold;
		font-size:							14px;
	}





/** SUBMENU HTML **/
#main-left_menu ul li ul
{
	display:								none;

	position:								absolute;
	top:									40px;
	left:									-20px;

	width:									291px;

}

#main-left_menu ul li:hover ul
{
	display:								block;
}

#main-left_menu ul li ul:hover
{
	display:								block;
}

	#main-left_menu ul li ul li
	{
		float:								none;
		position:							relative;

		width:								291px;
		padding:							0px;
		background:							url('../images/bg_submenu.gif')
											repeat-y
											left;
	}

	#main-left_menu ul li ul li:hover
	{
		background:							url('../images/bg_submenu_over.gif')
											no-repeat
											center -9px;
	}

	#main-left_menu ul li ul li a
	{
		padding-left:						34px;
	}

	#main-left_menu ul li ul .firstitem
	{
		background:							url('../images/bg_submenu_start.gif')
											no-repeat
											center top;
	}

	#main-left_menu ul li ul .firstitem:hover
	{
		background:							url('../images/bg_submenu_start_over.gif')
											no-repeat
											center top;
	}

	#main-left_menu ul li ul .lastitem
	{
		background:							url('../images/bg_submenu_end.gif')
											no-repeat
											center bottom;
	}

	#main-left_menu ul li ul .lastitem:hover
	{
		background:							url('../images/bg_submenu_end_over.gif')
											no-repeat
											center bottom;
	}





/**
----|[ Main Right Pad ]|----
**/

.main-right_mrpad
{
	margin-top:								14px;
	width:									336px;
}

	.mrpad_top
	{
		float:								right;
		width:								336px;
		height:								5px;

		background:							url('../images/bg_right_rounded_top.gif');

		line-height:						1px;	/* SCREW IE6 */
		font-size:							1px;	/* SCREW IE6 */
	}
	
	.mrpad_content
	{
		clear:								both;
	
		padding:							2px 2px 0px;
		background:							#5a5f66;
	}

		.mrpad_content h3
		{
			margin:							15px 0 20px 32px;

			color:							#fff;
			font-weight:					bold;
			font-size:						18px;
		}

	.mrpad_bottom
	{
		width:								336px;
		height:								5px;

		background:							url('../images/bg_right_rounded_bottom.gif');

		line-height:						1px;	/* SCREW IE6 */
		font-size:							1px;	/* SCREW IE6 */
	}

	.mrpad_positioning
	{
		position:							relative;

		padding:							0 0 5px 0;
		margin:								2px 5px;

		background:							#676c72;
	}

	.mrpad_positioning:hover
	{
		background:							#7f8489;
	}

		.mrpad_positioning img
		{
			position:						absolute;
			top:							1px;
			left:							-20px;
		}

		.mrpad_positioning h2
		{
			position:						absolute;
			top:							2px;
			left:							28px;

			color:							#fff;
			font-size:						14px;
			font-weight:					bold;
		}

		.mrpad_positioning h4
		{
			padding:						22px 0 0 38px;

			color:							#fff;
			font-size:						12px;
			font-weight:					normal;
		}





/**
----|[ Footer containers ]|----
**/

#bottom
{
	background:								url('../images/top.gif')
											repeat-x;
}

	#bottom_ftr
	{
		position:							relative;

		width:								980px;
		margin:								auto;
	}

		#ftr_lang-pad
		{
			position:						absolute;
			top:							-10px;
			right:							10px;

			height:							19px;
			display:						none; /* LANGUAGE SELECTOR TAAL TALEN LANGUAGES LANG FTR FOOTER COUNTRY COUNTRIES */
		}

			#ftr_lang-pad .left_crumb-mid
			{
				width:						152px;
				font-weight:				normal;
				color:						#5a5f66;
			}

				#ftr_lang-pad .left_crumb-mid div
				{
					float:					left;
				}

				#ftr_lang-pad .left_crumb-mid img
				{
					float:					left;
					margin:					2px 0 0 10px;
					-moz-opacity:			.50;
					filter:					alpha(opacity=50);
					opacity:				.50;
				}

				#ftr_lang-pad .left_crumb-mid img:hover
				{
					-moz-opacity:			1;
					filter:					alpha(opacity=100);
					opacity:				1;
				}

				#ftr_lang-pad .left_crumb-mid .active
				{
					-moz-opacity:			1;
					filter:					alpha(opacity=100);
					opacity:				1;
				}

		#ftr_ftr-left
		{
			position:						absolute;
			top:							50px;

			width:							550px;
		}

		#ftr_ftr-left a
		{
			float:							left;
		}

		#ftr_ftr-right
		{
			position:						absolute;
			top:							59px;
			right:							11px;

			width:							398px;
			height:							158px;
			background:						url('../images/bg_contactcard.gif')
											no-repeat
											top left;

			color:							#fff;
			font-size:						11px;
			line-height:					18px;
		}

			#ftr_ftr-right h6
			{
				position:					absolute;
				top:						20px;
				left:						22px;

				color:						#fff;
				font-size:					14px;
			}

			#ftr-right_contact-left
			{
				position:					absolute;
				top:						45px;
				left:						32px;

			}

			#ftr-right_contact-right
			{
				position:					absolute;
				top:						45px;
				right:						30px;
			}

		#ftr_menu2
		{
			position:						absolute;
			top:							260px;
			right:							11px;
		}

			#ftr_menu2 ul li
			{
				float:						left;
				margin:						0 11px 0 0;

				list-style:					none;
			}

				#ftr_menu2 ul li a
				{
					color:					#fff;
				}

				#ftr_menu2 ul li a:hover
				{
					text-decoration:		underline;
				}

	#ftr_menu2
	{
		position:							absolute;
		top:								px;
		right:								0px;
	}

	#ftr_bottom
	{
		position:							absolute;
		top:								313px;

		width:								980px;
	}

			#ftr_bottom ul li
			{
				float:						left;
		
				margin:						0 40px 0 0;
		
				color:						#fff;
				font-size:					14px;
				font-weight:				bold;
				list-style:					none;
			}

				#ftr_bottom ul li a
				{
					color:					#fff;
				}

					#ftr_bottom ul li a:hover
					{
						text-decoration:	underline;
					}

.innovadis_btn
{
	position:								absolute;
	top:									-6px;
	right:									0px;
}





/**
----|[ RANDOM TIDBIT STYLES - This stuff is everywhere ]|----
**/

.clearer
{
	height:									1px;
	padding:								0;
	margin:									0;
	clear:									both;
	line-height:							1px;
}

.midspacer
{
	position:								relative;
	height:									40px;
	width:									100%;

	clear:									both;
}

#bottom
{
	width:									100%;
	height:									356px;

	background:								url('../images/bg_footer.gif')
											repeat-x
											top;
}





/**
----|[ PRODUCT DETAILS PAGINA ]|----
**/

.main_productdetails,
.main_paragraphs
{
	width:									610px;
}

	.main_productdetails_content,
	.main_paragraphs_content
	{
		background-color:					#fff;
		/*background-color:					red;*/
	}

		.main_productdetails_name,
		.main_paragraphs_name
		{
			height:							40px;
			width:							610px;

			clear:							both;

			background:						url('../images/bg_article_title.gif')
											no-repeat
											top;
		}

			.main_productdetails_name span,
			.main_paragraphs_name span
			{
				display:					block;
				margin:						0px 20px;

				line-height:				38px;
	
				font-size:					14px;
				font-weight:				bold;
				color:						#5a5f66;
			}

		.main_productdetails_variants
		{
			margin-top:						20px;
		}

		.main_productdetails_left
		{
			float:							left;
			width:							250px;
			
		}

			.main_productdetails_pdf
			{
				margin-top:					20px;
			}

			.main_productdetails_txt,
			.main_paragraphs_txt
			{
				padding:					30px 20px 0px 20px;
				
			}
			
			.product_dealersearch_button
			{
				float:				        left;
				position:                   relative;
				width:                      214px;
				height:                     58px;
				font-size:					11px;
				font-weight:				bold;
			    background:				    url('../images/knop.png')
										    no-repeat
										    top;
				cursor:                     pointer;
				cursor:                     hand;
			}			

		.main_productdetails_right
		{
			float:							right;
			width:							360px;
		}

			.main_productdetails_image
			{
				margin:						30px 0 30px 0;
			}

				.main_productdetails_image img
				{
				border-bottom:				3px solid;
				}

			.main_productdetails_info
			{
				font-size:					10px;
			}

		.main_productdetails_bottom
		{
			height:							3px;
	
			line-height:					1px;	/* SCREW IE6 */
			font-size:						1px;	/* SCREW IE6 */

			background:						url('../images/bg_article_bottom.gif')
											no-repeat
											top;
		}





#sitemap li
{
	font-size:								14px;
	font-weight:							bold;
	line-height:							26px;
}

#sitemap ul
{
	margin-left:							50px;
}

#sitemap a
{
	color:									#2b2f35;
}

#sitemap a:hover
{
	text-decoration:						underline;
}





/**
----|[ SHOP NAVIGATION NAVIGATIE NAV PAGINA ]|----
**/

.shopnavigation
{
		width:								352px;
		height:								24px;
		margin:								auto;

		position:							relative;
		background:							url('../images/bg_navigation.gif');
}


	.shopnavigation_previous
	{
		float:								left;
		padding-left:						13px;
	}

	.shopnavigation_next
	{
		float:								right;
		padding-right:						13px;
	}

	.shopnavigation_middle
	{
		position:							absolute;
		top:								0px;
		left:								100px;

		width:								152px;

		text-align:							center;
	}

	.shopnavigation a
	{
		color:								#2b2f35;
		text-decoration:					none;
	}

	.shopnavigation a:hover
	{
		text-decoration:					underline;
	}

	.currentpage
	{
		color:								#2b2f35;
		font-size:							16px;
	}

	.currentpagetxt
	{
		color:								#919191;
	}

	.hider
	{
				-moz-opacity:				.30;
				filter:						alpha(opacity=30);
				opacity:					.30;
	}





/**
----|[ FORMS RIGHT SIDE ]|----
**/

.forms_container
{
	margin:									15px 32px 0 32px;
}

	.forms_title
	{
		color:								#fff;
		font-weight:						bold;
		font-size:							18px;
		margin-bottom:						20px;
	}

	.forms_content
	{
		color:								#fff;
		font-size:							12px;
		margin-top:							5px
	}

		.forms_content input[type="text"],
		.forms_content input[type="button"],
		.forms_content select
		{
			margin: 10px 0 10px 0!important;
		}




/**
----|[ COLOR SWITCHERS ]|----
**/

.main_productdetails_right .color_tegels img
{
	border-bottom-color:					#ea1374;
}

.main_productdetails_right .color_specials img
{
	border-bottom-color:					#a933da;
}

.main_productdetails_right .color_douchecabines img
{
	border-bottom-color:					#ffd427;
}

.main_productdetails_right .color_stoomdouche img
{
	border-bottom-color:					#cbe83e;
}

.main_productdetails_right .color_meubelen img
{
	border-bottom-color:					#8ed0df;
}

.main_productdetails_right .color_waskommen img
{
	border-bottom-color:					#f7af26;
}



.show {
    display:block;
}

.hide {
    display:none;
}
