* { margin:0; padding:0; border:0; list-style-type:none; outline:0; font-family:Arial; }
a { text-decoration:none; }

html { overflow-y: scroll;  }
body { background:url(../images/body-bg.jpg) top center repeat-x #e8e9e9; }

#container { width:750px; margin:0 auto; }

#header { float:left; height:101px; width:750px; margin:30px 0 0 0; padding-bottom:16px; background:url(../images/hr.gif) bottom repeat-x;  }
#header h1 { float:left; }
#header ul { float:right; margin-top:47px; }
#header ul li { float:left; }
#header ul li a { float:left; height:34px; padding:0 9px; font-size:14px; color:#393737; text-transform:uppercase; }
/*#header ul li a:hover, */#header ul li.active a { background:url(../images/menu-hover.png); }
#header ul li a img { margin-top:5px; }

#content { float:left; width:750px; margin:15px 0; position:relative; }
#content img { float:left; }
#content .overlay { position:absolute; top:0; left:0; height:100%; width:100%; }

#categorie { float:left; width:744px; margin:15px 0; padding:0 3px; }
#categorie li { float:left; height:82px; width:124px; }
#categorie li a { float:left; height:82px; width:124px; position:relative; overflow:hidden; }
#categorie li a img { position:absolute; top:0; left:0; z-index:0; height:82px; width:124px; visibility:hidden; }
#categorie li a img.front { z-index:1; visibility:visible; }
#categorie li a:hover img.front { visibility:hidden !important; }
#categorie li a:hover img { visibility:visible; }

#product { float:left; width:750px; margin:15px 0; }
#product h2 { float:left; width:750px; font-size:20px; color:#2e2e2d;  }
#product p { float:left; width:750px; margin:15px 0; color:#5a5a5a; font-size:15px; line-height:17px; }
#product ul#info { float:left; width:750px; margin-bottom:10px; }
#product ul#info li { float:left; width:750px;  font-size:13px; color:#5a5a5a; line-height:19px; }
#product ul#info li a { color:#747474; font-weight:bold; }
#product ul#info li a#more { float:left; color:#393737; text-transform:uppercase; font-size:12px; background:url(../images/menu-hover.png); height:34px; padding:0 9px; font-weight:normal; }
#product ul#info li a:hover { text-decoration:underline; }
#product ul#images { float:left; width:750px; }
#product ul#images li { float:left; margin-top:15px; position:relative; }
#product ul#images li .overlay { position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; height:100%; width:100%; }
#product ul#images li img { float:left; }

#about { float:left; width:750px; margin:15px 0; }
#about h2 { float:left; width:750px; font-size:20px; color:#2e2e2d;  }
#about p { float:left; width:750px; margin:15px 0; color:#5a5a5a; font-size:17px; }
#about p strong { font-size:17px; color:#262626; }
form { float:left; width:750px; padding:20px 0; background:url(../images/form-bg.png); }
form .left { float:left; width:494px; padding:0 28px; }
form .left p { float:left; width:494px; margin:3px 0 !important; }
form .left p label { float:left; width:76px; fpnt-size:15px; color:#313131; }
form .left p input { float:left; height:21px; width:407px; padding:3px 5px; background:url(../images/input-bg.png); }
form .left p input.empty, #about form .left p textarea.empty { border:1px solid #000; }
form .left p textarea { float:left; height:100px; width:407px; padding:3px 5px; background:url(../images/textarea-bg.png); }
form .left p #submit { float:right; margin-right:65px; height:auto; width:auto; background:none; font-size:15px; color:#313131; cursor:pointer; }
form .left p #submit:hover { text-decoration:underline; }
form .right { float:left; width:180px; padding-top:65px; color:#2a2a2a; font-size:13px; font-style:normal; line-height:23px; }

#left { float:left; width:117px; padding-top:45px; }
#left ul { float:left; width:117px; }
#left ul li { }
#left ul li a { float:left; height:30px; width:117px; text-align:center; margin-bottom:6px; padding:0 9px; font-size:14px; color:#393737; }
#left ul li.active a { background:url(../images/menu-hover.png) bottom repeat-x; }
#left p { float:left; width:117px; padding-top:110px; font-size:11px; color:#5a5a5a; }

#right { float:right; width:566px; }
#right h2 { float:left; width:566px; font-size:20px; color:#2e2e2d;  }
#right p { float:left; width:566px; margin:15px 0; color:#5a5a5a; font-size:17px; }
#right p span { display:inline-block; width:120px; }
#right form { width:556px; }

#footer { float:left; width:750px; padding:16px 0; text-align:right; background:url(../images/hr.gif) top repeat-x; }