/* DEFAULT
-------------------------------------------------------------------------------- */

html,body{
	width:100%; height:100%;
	margin:0; padding:0;
	}
	
body{
	font-family: Arial, Tahoma, Verdana;
	font-size:0.8em;
	background:url(../img/bg_body.jpg) no-repeat center #000 fixed;
	}
	
form{
	display:inline;
	}	
	
/* NAV SECUNDARY
-------------------------------------------------------------------------------- */

div#nav-sec{
	width:100%; display:block;
	height:40px;
	background:url(../img/bg_nav_sec.gif) repeat-x top left;
	border-bottom:2px solid #fff;
	}
	
div#nav-sec ul{
	width:1000px;
	margin:0 auto 0 auto; padding:0;
	}
	
div#nav-sec ul li{
	display:inline;
	height:40px; line-height:40px;
	color:#fff;
	margin:0 10px 0 10px;
	float:left;
	}

div#nav-sec ul li.first{
	margin-left:0 !important;
	}

div#nav-sec ul li.last{
	margin-right:0 !important;
	float:right;
	}
	
div#nav-sec ul li a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	}		
	
div#nav-sec ul li a:hover{
	color:#ddd;
	}	
	
	
/* HEADER
-------------------------------------------------------------------------------- */	

div#social{
	width:1000px;
	margin:8px auto 0 auto;
	text-align:right;
	}

div#social buttons{
	margin:0; padding:0;
	}

div#header{
	width:1000px;
	margin:8px auto 0 auto;
	}

div#header h1{
	margin:0; padding:0;
	float:left;
	}	
		
div#header div{
	float:right;
	}		
	
/* PRIMARY NAVIGATION
-------------------------------------------------------------------------------- */	
	
ul#nav-prim{
	margin:0 auto 0 auto; padding:0;
	width:1000px; height:30px;
	}
	
ul#nav-prim li{
	display:inline;
	height:30px; line-height:30px;
	}
	
ul#nav-prim li a{
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	height:30px; line-height:30px;	
	float:left;
	margin: 10px 1px 0 1px;
	padding:0 10px 0 10px;
	background:url(../img/bg_nav_prim.jpg) repeat-x top;
	}		
	
ul#nav-prim li a:hover{
	background-image:none;
	background-color:#0053a1;
	}	

ul#nav-prim li a.selected{
	background-image:none;
	background-color:#0053a1;
	cursor:default;	
	}	
		
/* CONTENT
-------------------------------------------------------------------------------- */		

div#content-container{
	width:1000px; 
	margin:auto;
	}
	
		
/* CONTENT LEFT
-------------------------------------------------------------------------------- */		
	
div.content-left{
	float:left;
	width:376px;
	margin:0 0 0 0;
	}
	
/* BOX
-------------------------------------------------------------------------------- */		
	
	
div.box-title{
	border-bottom:2px solid #808080;
	height:40px;
	clear:left;
	}	
	
div.box-title h2{
	margin:10px 0 0 0; padding:0 10px 0 10px;
	height:32px; line-height:38px;
	background:#808080;
	display:normal;
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:100%;
	}	
	
/* BOX CATEGORIES
-------------------------------------------------------------------------------- */
	
	
ul.categories{
	margin:0; padding:0;
	clear:left;
	}	

ul.categories li{
	float:left;
	margin:8px 0 0 0;
	list-style-type:none;

	}

ul.categories li.right img{
	margin:0 0 0 10px;
	}

	
ul.categories li img{
	border:2px solid #808080;	
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	}		
	
ul.categories li img:hover{
	border:2px solid #fff;	
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;	
	}

ul.categories li.selected img{
	border:2px solid #fff;	
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;	
	}


/* BOX INFORMATION
-------------------------------------------------------------------------------- */

ul.introductie{
	margin:0; padding:0;
	clear:left;
	
	}	
	
ul.introductie li{
	margin:8px 0 0 0;
	list-style-type:none;
	width:360px;
	line-height:14px;
	float:left;
	}	

ul.introductie li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	}
	
ul.introductie li a:hover{
	color:#bbb;
	}

ul.information{
	margin:0; padding:0;
	clear:left;	
	}	
	
ul.information li{
	margin:8px 0 0 0;
	list-style-type:none;
	width:180px;
	line-height:14px;
	float:left;
	}	

ul.information li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	}
	
ul.information li a:hover{
	color:#bbb;
	}
	
.content-left p a{
	color:#fff;
	text-decoration:none;
	font-size:90%;
	}
	
.content-left p a:hover{
	color:#bbb;
	}		
	
.content-left p img{
	border:2px solid #fff;
	}	
	
/* BOX SMALL
-------------------------------------------------------------------------------- */
	
div.box-small{
	width:183px;
	color:#fff;
	float:left;
	}

div.box-small a{
	color:#fff;
	}
	
/* GLOBAL FLOATS
-------------------------------------------------------------------------------- */
	

div.right{
	margin: 0 0 0 10px;	
	}
	
.left{
	float:left;
	}
	
.right{
	float:right;
	}	


/* CONTENT RIGHT
-------------------------------------------------------------------------------- */		

div.content-right{
	float:right;
	width:574px;
	background:url(../img/bg_content.png) repeat;
	margin:40px 0 0 0;
	padding:0 20px 0 20px;
	min-height:500px;
	line-height:20px;
	}		
	
div.content-right .left{
	width:48%;
	}
	
div.content-right .right{
	width:48%;	
	}

h3{
	margin:0; padding:0;
	color:#fff;
	font-size:100%;
	text-transform:uppercase;
	height:40px; line-height:40px;
	border-bottom:2px solid #fff;
	}

div.content-right p img{
	border:2px solid #fff;
	}

div.content-right p a,
div.content-right p a:visited{
	color:#fff;	
	}
	
/* FOOTER
-------------------------------------------------------------------------------- */
	
div#footer{
	display:block;
	clear:both;
	width:1000px;
	margin:Auto;
	line-height:40px;
	height:40px;
	font-size:80%;
	text-transform:uppercase;
	color:#fff;
	}	
	
/* FOTO ROTATOR
-------------------------------------------------------------------------------- */
		
#logo-rotator {    
    width:160px;
    height:100px;  
    padding:0;  
    margin:10px 0 0 0;
    overflow:hidden;
} 
 
#logo-rotator  img {
    width:136px; 
    height:80px;
    top:0; 
    left:0;
    background-color:#eee;
} 	

#productAttributes div.attribImg{

}
		/* DEFAULT
-------------------------------------------------------------------------------- */

html,body{
	width:100%; height:100%;
	margin:0; padding:0;
	}
	
body{
	font-family: Arial, Tahoma, Verdana;
	font-size:0.8em;
	background:url(../img/bg_body.jpg) no-repeat center #000 fixed;
	}
	
form{
	display:inline;
	}	
	
/* NAV SECUNDARY
-------------------------------------------------------------------------------- */

div#nav-sec{
	width:100%; display:block;
	height:40px;
	background:url(../img/bg_nav_sec.gif) repeat-x top left;
	border-bottom:2px solid #fff;
	}
	
div#nav-sec ul{
	width:1000px;
	margin:0 auto 0 auto; padding:0;
	}
	
div#nav-sec ul li{
	display:inline;
	height:40px; line-height:40px;
	color:#fff;
	margin:0 10px 0 10px;
	float:left;
	}

div#nav-sec ul li.first{
	margin-left:0 !important;
	}

div#nav-sec ul li.last{
	margin-right:0 !important;
	float:right;
	}
	
div#nav-sec ul li a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	}		
	
div#nav-sec ul li a:hover{
	color:#ddd;
	}	
	
	
/* HEADER
-------------------------------------------------------------------------------- */	

div#header{
	width:1000px;
	margin:8px auto 0 auto;
	}
	
div#header h1{
	margin:0; padding:0;
	float:left;
	}	
		
div#header div{
	float:right;
	}		
	
/* PRIMARY NAVIGATION
-------------------------------------------------------------------------------- */	
	
ul#nav-prim{
	margin:0 auto 0 auto; padding:0;
	width:1000px; height:30px;
	}
	
ul#nav-prim li{
	display:inline;
	height:30px; line-height:30px;
	}
	
ul#nav-prim li a{
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	height:30px; line-height:30px;	
	float:left;
	margin: 10px 1px 0 1px;
	padding:0 10px 0 10px;
	background:url(../img/bg_nav_prim.jpg) repeat-x top;
	}		
	
ul#nav-prim li a:hover{
	background-image:none;
	background-color:#0053a1;
	}	

ul#nav-prim li a.selected{
	background-image:none;
	background-color:#0053a1;
	cursor:default;	
	}	
		
/* CONTENT
-------------------------------------------------------------------------------- */		

div#content-container{
	width:1000px; 
	margin:auto;
	}
	
		
/* CONTENT LEFT
-------------------------------------------------------------------------------- */		
	
div.content-left{
	float:left;
	width:376px;
	margin:0 0 0 0;
	}
	
/* BOX
-------------------------------------------------------------------------------- */		
	
	
div.box-title{
	border-bottom:2px solid #808080;
	height:40px;
	clear:left;
	}	
	
div.box-title h2{
	margin:10px 0 0 0; padding:0 10px 0 10px;
	height:32px; line-height:38px;
	background:#808080;
	display:normal;
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:100%;
	}	
	
/* BOX CATEGORIES
-------------------------------------------------------------------------------- */
	
	
ul.categories{
	margin:0; padding:0;
	clear:left;
	}	

ul.categories li{
	float:left;
	margin:8px 0 0 0;
	list-style-type:none;

	}

ul.categories li.right img{
	margin:0 0 0 10px;
	}

	
ul.categories li img{
	border:2px solid #808080;	
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	}		
	
ul.categories li img:hover{
	border:2px solid #fff;	
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;	
	}

ul.categories li.selected img{
	border:2px solid #fff;	
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;	
	}


/* BOX INFORMATION
-------------------------------------------------------------------------------- */
	
ul.information{
	margin:0; padding:0;
	clear:left;
	
	}	
	
ul.information li{
	margin:8px 0 0 0;
	list-style-type:none;
	width:180px;
	line-height:14px;
	float:left;
	}	

ul.information li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	}
	
ul.information li a:hover{
	color:#bbb;
	}
	
.content-left p a{
	color:#fff;
	text-decoration:none;
	font-size:90%;
	}
	
.content-left p a:hover{
	color:#bbb;
	}		
	
.content-left p img{
	border:2px solid #fff;
	}	
	
/* BOX SMALL
-------------------------------------------------------------------------------- */
	
div.box-small{
	width:183px;
	color:#fff;
	float:left;
	}

div.box-small a{
	color:#fff;
	}
	
/* GLOBAL FLOATS
-------------------------------------------------------------------------------- */
	

div.right{
	margin: 0 0 0 10px;	
	}
	
.left{
	float:left;
	}
	
.right{
	float:right;
	}	


/* CONTENT RIGHT
-------------------------------------------------------------------------------- */		

div.content-right{
	float:right;
	width:574px;
	background:url(../img/bg_content.png) repeat;
	margin:40px 0 0 0;
	padding:0 20px 0 20px;
	min-height:500px;
	line-height:20px;
	}		
	
div.content-right .left{
	width:48%;
	}
	
div.content-right .right{
	width:48%;	
	}

h3{
	margin:0; padding:0;
	color:#fff;
	font-size:100%;
	text-transform:uppercase;
	height:40px; line-height:40px;
	border-bottom:2px solid #fff;
	}

div.content-right p img{
	border:2px solid #fff;
	}

div.content-right p a,
div.content-right p a:visited{
	color:#fff;	
	}
	
/* FOOTER
-------------------------------------------------------------------------------- */
	
div#footer{
	display:block;
	clear:both;
	width:1000px;
	margin:Auto;
	line-height:40px;
	height:40px;
	font-size:80%;
	text-transform:uppercase;
	color:#fff;
	}	
	
/* FOTO ROTATOR
-------------------------------------------------------------------------------- */
		
#logo-rotator {    
    width:136px;
    height:80px;  
    padding:0;  
    margin:10px 0 0 0;
    overflow:hidden;
} 
 
#logo-rotator  img {
    width:136px; 
    height:80px;
    top:0; 
    left:0;
    background-color:#eee;
} 	

#productAttributes div.attribImg{

}