/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ######### PAGEBACKGROUND AND -COLOR #########*/
html{background-color: #000315; background-image: url(../gfx/basics/background.page.jpg);}
body{}
/* watch out: html is the complete screen, body ends directly under footer*/


/* ######### SPLASH #########*/

.splash #maincontent a{
	
}

#logo{
	margin: 5px;
}

/* ######### PRODUCTGRID #########*/
.productgrid{
	position:relative;
	/*display: block;*/
	overflow:hidden;
	width:739px;	
	float: left !important;
	margin-top: 15px;
}
.productrow{
	position:relative;
	display: block;
	/*clear: both;*/
	width: 1780px;
	height: 185px;
	padding: 0em 0em 0em 0em;
}

.productcontainer{
	width: 185px;
	height: 185px;
	background-image: url(../gfx/basics/background.productgrid.png);
	float: left;
	text-decoration: none;
	color: #fff !important;
}
.productcontainer:hover, .productcontainer:active{
	background-color: #405f84; 
}
.productcontainer .image{
	width: 183px;
	height: 130px;	
}
.productcontainer .imagecenter{
	 width: 183px;
	 text-align: center;
    position: absolute;
    bottom: 50px;	/* tov .productcontainer */
}
.productcontainer .image img{}

.productcontainer .description{
	display: block;
	height: 50px;
	width: 183px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	text-decoration: none;
}

/* ######### COLOURS #########*/
/*
.colouritem{
	float: left;
	margin-left: 0;
	margin-right: 30px;
}

.colouritem li{
	list-style: none;
}
.colouritem li.fiber{
	float: left;
	width: 78px;
}
.colouritem li.fixture{
	float: left;
}
*/

.colouritem2{
	margin-left: 0px;
	margin-bottom: 30px;
}
.colouritem2 li{
	list-style: none;}
.colouritem2 .thumb{	
	float: left;}
.colouritem2 .bigpic{
	float: right;
	margin-right: -50px;
}
	#IE6 .colouritem2 .bigpic{
		float: right;
		margin-right: -0px;
		right: 0;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0){ /* targetting safari, chrome and other webkit-browsers */
		.colouritem2 .bigpic{
			float: right;
			margin-right: -20px;
		}
	}	


.colouritem2 .thumb img{
	border: 1px solid #fff;}
.colouritem2 .bigpic img{
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;}
	
	
	

/* ######### CONTACT #########*/
.contactcol1{
	display: block;
	float: left;
	width: 300px;
	margin-right: 100px;
}
.contactcol2{
	display: block;
	float: left;
	width: 300px;
}

.countrylist{
	display: block;
	margin-top: 20px;
	margin-right: 75px;
	float: left;
}
.countrylist li{
	list-style: none;
	margin-bottom: 1.5em;
}

.contactcol2 .countrylist{
	margin: 0
}