@charset "utf-8";

form, input { margin:0; padding:0; }

/*////////////////////////////////////////////////////*/
/*///////////////////// Body /////////////////////////*/
/*////////////////////////////////////////////////////*/

body{
	background:url('../../images/solid-bg.jpg');
	font-family:arial;
	font-size:15px;
	color:white;
	text-align:center;
	word-spacing:-0.8px;
}

/*////////////////////////////////////////////////////*/
/*/////////////////// Container //////////////////////*/
/*////////////////////////////////////////////////////*/

.container{
	width:990px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

img{
	border:0px;
}

a{
	color:white;
	text-decoration:none;
	cursor: hand;
}

a:hover{
	text-decoration:underline;
	cursor:hand;
}

/*////////////////////////////////////////////////////*/
/*///////////////////// Left /////////////////////////*/
/*////////////////////////////////////////////////////*/

.left{
	width:250px;
	text-align:left;
	float:left;
}

.left #head{
	width:250px;
	height:50px;
}
.left #logo{
	float:left;	
	height:38px;
	width:179px;
	text-align:center;
	background-image:url('../../images/logo.jpg');
	margin-bottom:10px;
	margin-left:14px;	
	
}
.left #flags{
	float:left;
	height:38px;
	width:20px;
	margin-bottom:10px;
	margin-left:14px;	
	margin-top:1px;
}

.left #top{
	width:211px;
	height:25px;
	background: url('../../images/round_top.jpg') repeat-y;
}
.left #menu{
	position:relative;
	width:211px;
	background:url('../../images/round_bg.jpg') repeat-y;
	color:white;
	text-align:left;
	font-size:13px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.left #menu #item{
	font-weight:bold;
	margin-left:20px;
	padding-top:10px;
	cursor:pointer;
}

.left #menu .subitems{
	display:none;
	margin-left:40px;
}

.left #menu #subitem{
	margin-top:5px;
}

.left #menu #newsletter{
	
}

.left #menu #newsletter .input{
	color:grey;
	font-style:italic;
}

.left #menu #newsletter input.error { border:1px solid red; }

.left #menu #newsletter .msg { display:none; }

.left #bottom{
	width:211px;
	height:25px;
	background: url('../../images/round_bottom.jpg') repeat-y;
}

/*////////////////////////////////////////////////////*/
/*//////////////////// Content ///////////////////////*/
/*////////////////////////////////////////////////////*/

.content{
	background: url('../../images/line.jpg') no-repeat;
	height:600px;
	width:690px;
	float:left;
}

.content #menu{
	height:40px;
	text-align:left;
}

#menu #home		{margin-left:48px;}
#menu #company	{margin-left:45px;}
#menu #products	{margin-left:45px;}
#menu #news		{margin-left:45px;}
#menu #contact	{margin-left:45px;}
#menu #search	{margin-left:45px;}

#searchbox{
	height:40px;
}

#main #mainContent{
	width:623px;
	margin-left:20px;
}

.content #main #subcatThumbs{
	text-align:center;
	width:200px;
	height:200px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	border:1px solid #ccc;
}

.content #main #mainImg{
	text-align:center;
	height:300px;
}

.content #main #back{
	position:absolute;
	margin-left:10px;
}

.content #main #boeket{
	position:absolute;
  	margin-top: -95px;
	margin-left:539px;
}

.content #main .thumbs{
	text-align:center;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}

.content #main .codes{
	margin-left:22px;
	width:600px;
}
.content #main .codes #size{
	height:32px; 	
	width:600px;
	clear:both;
	color:white;
	font-size:11px;
}
.content #main .codes #code{
	width:600px;
	color:white;
	font-size:11px;
}

.content #main .codes #code #size1a{background: url('../../images/gradients/1.jpg') repeat-x; width:100px; height:144px; float:left; text-align:center;}
.content #main .codes #code #size1b{background: url('../../images/gradients/2.jpg') repeat-x; width:100px; height:144px; float:left; text-align:center;}
.content #main .codes #code #size2a{background: url('../../images/gradients/3.jpg') repeat-x; width:100px; height:144px; float:left; text-align:center;}
.content #main .codes #code #size2b{background: url('../../images/gradients/4.jpg') repeat-x; width:100px; height:144px; float:left; text-align:center;}
.content #main .codes #code #size3a{background: url('../../images/gradients/5.jpg') repeat-x; width:100px; height:144px; float:left; text-align:center;}
.content #main .codes #code #size3b{background: url('../../images/gradients/6.jpg') repeat-x; width:100px; height:144px; float:left; text-align:center;}

.content #main #maincontent #searchResult{
	width:600px;
	height:40px;
	border:1px solid #ccc;
	margin-top:10px;
	clear:both;
}

/*////////////////////////////////////////////////////*/
/*//////////////////// FW style //////////////////////*/
/*////////////////////////////////////////////////////*/

.fw_container{
	width:990px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.fw_image{
	z-index:2;
	width:990px;
	position:absolute;
	margin-top:51px;
	margin-left:-89;
}

.fw_line{	
	z-index:1;
	position:absolute;
	height:600px;
	margin-left:250px;
}

.fw_menu{
	z-index:2;
	position:absolute;
	width:211px;
	margin-top:75px;
	/*background:url('../../images/round_bg.jpg') repeat-y;*/
	color:white;
	text-align:left;
	font-size:13px;
}

.fw_menu #item{
	font-weight:700;
	margin-left:20px;
	padding-top:10px;
	cursor:pointer;
}

.fw_top #head{
	width:250px;
	height:50px;
	float:left;
}
.fw_top #logo{
	float:left;	
	height:38px;
	width:179px;
	text-align:center;
	background-image:url('../../images/logo.jpg');
	margin-bottom:10px;
	margin-left:14px;
}
.fw_top #flags{
	float:left;
	height:38px;
	width:20px;
	margin-bottom:10px;
	margin-left:14px;	
	margin-top:1px;
}