/*
	*****************************************
	Default reset/fix elements/classes
	*****************************************
*/

body, html{margin: 0;padding: 0;}
.clearer{clear: both}
a:focus, a:active{outline: none;}
img{border: none;}
input,select,textarea
{
	font-family: "Arial", Verdana, Sans-Serif;	
	color: #000;
	font-size: 11px;
}

/*
	Headers
*/
	h1, h2, h3, h4, h5
	{
		font-family: "Arial", Verdana, Sans-Serif;	
		color: #000;
	}
	h1
	{
		margin: 10px 0px;
		font-size: 22px;
		line-height: 24px;
	}
	
/*
	Links
*/	
	a:link, a:visited, a:active
	{
		font-size: 12px;
		color: #4a493a;
		text-decoration: none;
	}
	a:hover
	{
		font-size: 12px;
		color: #6b6a51;
		text-decoration: none;	
	}

/*
	*****************************************
	Main site elements/classes
	*****************************************
*/
body
{
	font: 12px/17px "Arial", Verdana, sans-serif;
	color: #6b6a51;
	background: #e6e7e8;
}

.wrapper
{
	width: 965px;
	height: 650px; /* Only for test */
	margin: 30px auto;
	background: #e6e7e8 url('../images/logo-bg.jpg') top left no-repeat;	
	position: relative;
}
	.adjuster
	{
		height: 235px;	
	}
	/*
		Menu/header/logo
	*/
	
	#water-effect-first
	{
		height: 253px;
		width: 268px;
		position: absolute;
		left: -2px;
		top: 135px;
	}
	#water-effect-second
	{
		height: 193px;
		width: 175px;
		position: absolute;
		left: 58px;
		top: 137px;
	}	
	#water-effect-third
	{
		height: 193px;
		width: 175px;
		position: absolute;
		left: 215px;
		top: 161px;
	}		
	
	.menu
	{
		/*background: url('../images/menu-border.png') top repeat-x;*/
		border-top: 1px #9e9d87 solid;
		padding-top: 5px;
		margin: 0 5px;
		z-index: 1;
		position: relative;
		/*height: 300px;  Only for test */
	}
		.menu .items
		{
			float: left;
			width: 800px; /* safari needs this */
		}
			.menu .items .first
			{
				float: left;
				width: 100px;
			}
			.menu .items .second
			{
				margin-left: 20px;
				float: left;	
				width: 190px;
			}
			.menu .items .last
			{
				width: 220px;
				float: left;
			}	
			
			.menu .items .imageGalleryList
			{
				float: left;
				width: 190px;
				margin-left: 20px;
			}
				/* Menu ul */
				.first ul, .second ul, .imageGalleryList ul
				{
					list-style: none;	
					margin: 0;
					padding: 0;
				}
					.first ul a, .second ul a, .last a, .imageGalleryList ul a, .imageNavigation a
					{
						font-size: 15px;	
						font-weight: bold;
						letter-spacing: 1px;
						/*color: #333;*/
					}
					.first ul a:hover, .second ul a:hover, .last a:hover, .imageGalleryList ul a:hover, 
					.imageNavigation a:hover
					{
						color: #8764ab;
						font-size: 15px;	
						font-weight: bold;
						text-decoration: none;
						letter-spacing: 1px;							
					}
					a.activeMenu
					{
						color: #33cccc;	
					}
					a.inactiveMenu
					{
						color: #4a493a;	
					}					
		
		.last table
		{
				
		}
		
		.menu .header-right
		{
			float: right;	
		}
			.search
			{
				margin-top: 10px;
			}
				.input-text
				{
					border-top: none;	
					border-left: none;	
					border-right: none;	
					border-bottom: 1px #4dc3c6 solid;	
					background: none;
					width: 100px;
				}
			
	/*
		Content
	*/
	.content
	{
		margin: 5px 5px;	
		position: relative;	
	}
	
/*
	*****************************************
	Products
	*****************************************
*/		
	.product-data
	{
		width: 100%;
		color: #000;
	}
		.product-data th, .product-data td
		{
			text-align: left;
			vertical-align: top;
			font-size: 12px;
			padding: 4px;
		}
		.product-data th
		{
			border-bottom: 1px #000 solid;	
		}
		
	
/*
	*****************************************
	Other classes/elements
	*****************************************
*/	

/*
	Autocomplete
*/
ul.acceList
{
	list-style: none;
	margin-top: 0px;
	background: #eee;
	border: 1px #dedede solid;
	padding: 0px;	
	width: 140px;
	padding: 1px;
	font-size: 10px;
	color: #666;
}
	ul.acceList li
	{
		padding-left: 3px;
	}
	li.acceHighlightedItem
	{
		background: #dedcdc;
		cursor: pointer;	
	}
/*
	main product/category/department image
*/	
.mainContent
{
	float: left;
	width: 660px;
	margin-bottom: 15px;
	margin-left: 8px;
	border-top: 1px #9e9d87 solid;
}
	.mainContent .familyList a
	{
		font-size: 12px;	
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 1px;				
	}
	.mainContent .familyList a:hover
	{
		color: #33cccc;	
	}

.mainImage
{
	float: left;
	margin-bottom: 15px;
}

.familyList
{
	float: left;
}
.productImageList
{
	float: right;
	text-align: right;
}
img .productImageList
{
	margin-left: 20px;
	margin-bottom: 20px;
}

div.productArticleList
{
	margin-top: 10px;
}

table.productArticleList
{
	color: #000;
	width: 100%;
	
}
.productArticleList td.file
{
	width: 200px;
}

.productArticleList tr.headrow td
{
	padding: 3px 3px 3px 0px;
	vertical-align: top;
	white-space: nowrap;
}
.productArticleList tr.headrow td
{
	border-bottom: solid 1px #000000;
}

.productArticleList tr.headrow td.spacer
{
	border-bottom: none;	
}

.productArticleList tr.headrow td span
{
	font-weight: bold;	
}

.productArticleList .headrow .product
{
	font-weight: bold;
	width: 250px;
	padding: 3px 20px 0 0;
}


.imageGalleryList ul
{
	float: left;	
}
.imageNavigation
{
	margin-left: 35px;	
	float: left;
}

.catalogue, .contact
{
	border-top: 1px #9e9d87 solid;
	margin-top: 30px;	
}
	.catalogue a
	{
		color: #33cccc;
		text-decoration: underline;		
	}
	.contact div
	{
		float: left;
		margin-right: 15px;
		font-size: 19px;
		line-height: 23px;	
		font-weight: bold;
		color: #33cccc;
		padding-top: 5px;
	}

td.product
{
	width: 400px;	
}