html,body{
	width:100%; height:100%;
	padding:0px;
	margin:0px;
	background-image:url(http://www.barbarajoysmit.nl/images/main_bg.jpg);
	background-repeat:no-repeat;
}

#mainContainer{
	width:980px; height:100%;
}

#logoContainer{
	width:820px; height:104px;
	padding:0px 0px 0px 160px;
}
#logoContainer img{ border:none; }

#contentContainer{
	width:980px; height:376px;
}
#contentContainer #menuContainer  { float:left; width:150px; height:376px; padding:0px 10px 0px 0px; text-align:right; }
#contentContainer #mainBlockLeft  { float:left; width:313px; height:312px; padding:25px 54px 59px 25px; background-image:url(../images/main_block.jpg); background-repeat:no-repeat; }
#contentContainer #mainBlockRight { float:left; width:332px; height:332px; padding:15px 30px 49px 15px; background-image:url(../images/main_block_ill.jpg); background-repeat:no-repeat; }
	
#productContainer{
	clear:left;
	width:755px;
	overflow:hidden;
	padding:0px 0px 10px 160px;
}
#productContainer div.product { float:left; width:140px; /*height:100px;*/ margin:0px 10px 0px 0px; padding:0px; overflow:hidden; /*background-color:#000099;*/ }
div.product div.thumb { clear:left; width:100px; /*height:100px;*/ margin:0px auto 0px auto; padding:0px 0px 6px 0px; }
div.product div.thumb img { width:100px; }
div.product p { text-align:center; }

#footer{
	width:755px; height:30px;
	margin:0px 0px 0px 160px;
	border-top:1px solid #626161;
}
#footer div.left  { width:470px; height:20px; padding:6px 0px 0px 0px; float:left;  font-size:10px; line-height:normal; }
#footer div.right { width:280px; height:20px; padding:6px 0px 0px 0px; float:right; font-size:10px; line-height:normal; text-align:right; }

/** FONT **********************************************************************************/

div,p,span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:160%;
	color:#626161;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#626161;
	padding:0px 0px 10px 0px; margin:0px;
}

p{ padding:0px 0px 10px 0px; margin:0px; }

a:link, a:active, a:visited, a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:160%;
	color:#626161;
	text-decoration:underline;
}
a:hover{ text-decoration:none; }

#footer div.left a:link,  #footer div.left a:active,  #footer div.left a:visited,  #footer div.left a:hover  { font-size:10px; line-height:normal; }
#footer div.right a:link, #footer div.right a:active, #footer div.right a:visited, #footer div.right a:hover { font-size:10px; line-height:normal; }

div.product a:link, div.product a:active, div.product a:visited, div.product a:hover { text-decoration:none; }
div.product a:hover { text-decoration:underline; }

/** MENU **********************************************************************************/

ul.menu		{ padding:0px; margin:0px; }
li.mainItem	{ padding:0px; margin:0px; list-style:none; }
li.subItem	{ padding:0px 10px 0px 0px; margin:0px; list-style:none; }

li.mainItem a:link, li.mainItem a:active, li.mainItem a:visited, li.mainItem a:hover { font-size:11px; line-height:normal; text-decoration:none; color:#626161; }
li.mainItem a.active:link, li.mainItem a.active:active, li.mainItem a.active:visited, li.mainItem a.active:hover { font-weight:bold; }
li.mainItem a:hover { text-decoration:underline; }

li.subItem a:link, li.subItem a:active, li.subItem a:visited, li.subItem a:hover { font-size:11px; line-height:normal; text-decoration:none; color:#aca02d; }
li.subItem a.active:link, li.subItem a.active:active, li.subItem a.active:visited, li.subItem a.active:hover { font-weight:bold; }
li.subItem a:hover { text-decoration:underline; }