body { 
width: 1004px;
background-color: #333;
font-family: Comic Sans MS;
margin: 0px auto;
padding: 0;
}

ul, li, div, input, img, form, h1, h2, h3, h4 { margin: 0; padding: 0; border: none;}
p { margin: 10px 0 0 0;} 
h1 {
background-image: url(images/sunflower.jpg);
background-position: 0 0;
background-repeat: no-repeat;
font-family: Arial Black;
font-size: 16px;
font-weight: 300;
line-height: 20px;
color: #767f00;
padding: 0 0 0 40px;
}
h1 a {
color: #767f00;
text-decoration: none;
}
h1 a:hover {
text-decoration: underline;
}
h2 {
font-family: Trebuchet MS;
font-size: 26px;
font-weight: 300;
line-height: 26px;
color: #767F00;
padding: 30px 0 10px 30px;
}
h3 {
font-family: Trebuchet MS;
font-size: 26px;
font-weight: 300;
line-height: 28px;
color: #767f00;
}
h4 {
font-family: Trebuchet MS;
font-size: 14px;
font-weight: 300;
line-height: 14px;
color: #4b6f95;
}
h5 {
width: 60px;
font-family: Arial Black;
font-size: 11px;
line-height: 16px;
/*text-transform: uppercase;*/
font-weight: 300;
color: #904e14;
margin: 0 0 8px 0; 
}
.main-holder, .central-holder { width: 100%; float: left; background-color: #fff;}
.follow-link {
text-align: center;
font-size: 16px;
font-weight:600;
padding: 20px 0 0 0;
}
.follow-link a {
font-size: 16px;
}

/*-----------------------CORNER begins----------------------------*/
.corner-top, .corner-bot { float: left;}
.corner1, .corner2, .corner3, .corner4 { font-size: 0; line-height: 0;}
.corner2, .corner3, .corner4 { height: 1px; border-left: 1px #babf7f solid; border-right: 1px #babf7f solid;}
.corner1 { width: 778px; border-bottom: 1px #babf7f solid; margin: 0 0 0 4px;}
.corner2 { width: 778px; margin: 0 0 0 3px;}
.corner3 { width: 780px; margin: 0 0 0 2px;}
.corner4 { width: 782px; margin: 0 0 0 1px;}
/*-----------------------CORNER ends----------------------------*/



/*---------------------HEADER begins------------------*/
.header { 
width: 100%; height: 197px;
background-image: url(images/header.jpg);
background-position: 0 0;
background-repeat: no-repeat;
float: left;
}
.logo { padding: 0 0 0 45px; margin: 50px 0 0 0; float: left;}
.logo a{ display: block; width: 190px; height: 110px; }
.path {padding: 0 0 0 60px; margin: 150px 0 0 0; position:relative; top:-26px;}
.path ul li {  display: inline; margin: 0 5px 0 5px; float: left;}
.path ul li.last-li { border: none;}
.path ul li a { 
font-family: Comic Sans MS;
font-size: 11px;
line-height: 20px;
text-decoration: none;
color: #525c00;
}
.path ul li a:hover { text-decoration: underline; color: #525c00;}
.path ul li.currentpg a:hover { text-decoration: none; color: #525c00;}
.menu {
float:right;
width:360px;
clear:both;
font-family: Arial Black;
font-size: 12px;
line-height: 22px;
text-decoration: none;
text-transform: uppercase;
font-weight: 300;
letter-spacing: -1px;
color: #fff;
margin: 0 5px 0 5px;
} /* !!! please correct this classes for there is a problem on product details as the path is pushing the menu */
.menu ul { line-height: 0; padding: 0 45px 0 0; float: left;}
.menu ul li { 
display: inline; 
list-style: none; 
border-right: 1px #fff solid; 
float: left;
}
.menu ul li.last-li { border: 0;}
.menu ul li a { 
font-family: Arial Black;
font-size: 12px;
line-height: 22px;
text-decoration: none;
text-transform: uppercase;
font-weight: 300;
letter-spacing: -1px;
color: #fff;
margin: 0 5px 0 5px;
}
.menu ul li a:hover { text-decoration: underline; color: #fff;}
.menu a {text-decoration: none; color:#ffffff;}
.menu a:hover{text-decoration:underline;}
/*----------------------------------HEADER ends-------------------------------------*/



/*----------------------------------LEFT COL begins-------------------------------------*/
.main-left { width: 784px; padding: 0 110px 0 110px; float: left;}
.block-left { 
width: 753px; 
border-left: 1px #babf7f solid; border-right: 1px #babf7f solid;
padding: 10px 15px 10px 15px;
float: left;
}
.content-left {
font-family: Comic Sans MS;
font-size: 11px;
line-height: 20px;
color: #525c00;
margin: 10px 0 0 0;
float: left;
}
.content-left ul { width: 240px; float: left; }
.content-left ul li { 
width: 110px; 
list-style: none;
background-image: url(images/line.jpg);
background-position: left 10px;
background-repeat: no-repeat;
padding: 0 0 0 10px;
float: left; 
}

/* !!! added to have open/closed classes for the menu */
.content-left ul li.on { 
width: 110px; 
list-style: none;
background-image: url(images/open_cat.gif);
background-position: left 10px;
background-repeat: no-repeat;
padding: 0 0 0 10px;
float: left; 
}
.content-left ul li.off { 
width: 110px; 
list-style: none;
background-image: url(images/close_cat.gif);
background-position: left 10px;
background-repeat: no-repeat;
padding: 0 0 0 10px;
float: left; 
}

.content-left ul li a { 
font-family: Comic Sans MS;
font-size: 11px;
line-height: 20px;
text-decoration: none;
color: #525c00;
}
.content-left a { 
font-family: Comic Sans MS;
line-height: 20px;
text-decoration: underline;
color: #525c00;
}
a.menu_scateg:link, a.menu_scateg:visited { 
font-family: Comic Sans MS;
font-size: 11px;
line-height:16px;
text-decoration: none;
color: #525c00;
}
a.menu_scateg:hover, a.menu_scateg:active { 
text-decoration: underline; color: #525c00;
}
.content-left ul li a:hover { text-decoration: underline; color: #525c00;}
/*----------------------------------LEFT COL ends-------------------------------------*/



/*----------------------------------RIGHT COL begins-------------------------------------*/
.main-right {width:685px; float: left;}
.box { 
width: 649px; height: 204px;
background-image: url('images/box.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-color : #e6bb14;
margin: 0 0 30px 0;
float: left;
}
.content-right { 
width: 600px; 
font-family: Comic Sans MS;
font-size: 11px;
line-height: 20px;
color: #333300;
padding: 0 0 0 30px;
float: left;
}
.scroll-horiz{ float: left;}
.scroll-vertic { float: right; background-color:#FFFFFF; width:118px;}/* !!! width and bg color added by php coder and split in two classes*/
.scroll-vertic { min-height: 330px;}
.leftcol, .rightcol { width: 250px; padding: 0 25px 0 0; float: left;}
.rightcol {
font-family: Comic Sans MS;
font-size: 12px;
line-height: 18px;
color: #424242;
}
.rightcol img, .leftcol img { width: 250px;}
.sendform {
width: 520px;
font-family: Comic Sans MS;
font-size: 12px;
line-height: 18px;
color: #424242;
float: left;
}
.sendform ul { padding: 0 0 0 90px; margin: 20px 0 0 0;}
.sendform ul li { list-style: none; margin: 6px 0 6px 0;}
.sendform label { width: 60px; float: left;}
.sendform label.error { width: 60px; float: left; color:#FF0000;}
.sendform input { 
width: 310px; height: 20px; 
border: 1px #b3b9c3 solid; 
margin: 0 0 0 20px; padding: 0 0 0 5px;
font-family: Trebuchet MS;
font-size: 12px;
line-height: 18px;
color: #000;
}
.sendform textarea { 
width: 310px; height: 60px; 
border: 1px #b3b9c3 solid; 
margin: 0 0 0 20px; padding: 0 0 0 5px;
font-family: Trebuchet MS;
font-size: 12px;
line-height: 18px;
color: #000;
overflow:auto;
}
.sendform input.button { 
width: 80px; height: 23px; 
background-color: #e0dfe3; 
border: 1px #919194 solid; border-style: outset; 
margin: 10px 30px 0 0;
float: right;
}
.sendform input.button:hover { background-color: #fff;}
.type1 { /*line-height: 33px;*/}
.type2 { width: 650px; line-height: 20px; float: none;}
ul.listmenu { margin: 20px 0 0 0;}
ul.listmenu li { 
display: inline; 
list-style: none;
background-image: url('images/line2.jpg');
background-position: right center;
background-repeat: no-repeat;
padding: 5px;
float: left;
}
ul.listmenu li.last-li { background: none;}
ul.listmenu li img { width: 70px;}
ul.products { margin: 20px 0 0 0;}
ul.products li { 
list-style: none;
font-family: Trebuchet MS;
font-size: 12px;
line-height: 20px;
color: #888888;
}
ul.products li a { 
width: 200px;
font-family: Arial Black;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
font-weight: 300;
text-decoration: none;
color: #904e14;
float: left;
}
ul.products li a:hover { 
text-decoration: underline;
color: #904e14;
}
ul.top, ul.usual { width: 690px; float: left;}
ul.top li, ul.usual li { display: inline; list-style: none; margin: 5px 7px 5px 0; float: left;}

ul.top li .item1 { 
width: 223px; height: 130px;
background-image: url('images/itembg-top.jpg');
background-position: right center;
background-repeat: no-repeat;
float: left;
}

ul.usual li .item1 { 
width: 223px; height: 130px;
background-image: url('images/itembg.jpg');
background-position: right center;
background-repeat: no-repeat;
float: left;
}
.item-content, .item1 img { margin: 10px 10px 0px 0px; float: left;}
.item-content { 
width: 85px; height: 120px;
background-image: url('images/line2.jpg');
background-position: left center;
background-repeat: no-repeat;
font-family: Comic Sans MS;
font-size: 11px;
line-height: 13px;
font-weight: 300;
color: #51211e;
padding: 0 0 0 10px;
float:right;
}
.item-content a { text-decoration: none; color: #904e14;}
.item-content a:hover { text-decoration: none; color: #e65700;}

/*----------------------------------RIGHT COL ends-------------------------------------*/

.footer {
width: 100%; min-height: 100px;
background-image: url(images/footer_top.jpg);
background-position: 0 0;
background-repeat: no-repeat;
background-color : #889022;
margin: 50px 0 0 0;
float: left;
}
.footer-content {
width: 100%; min-height: 100px;
background-image: url(images/footer_bot.jpg);
background-position: bottom left;
background-repeat: no-repeat;
padding: 0 0 30px 0;
float: left;
}
.footer-navig { width: 650px; float: left;}
.footer-menu  { width: 650px; padding: 0 0 10px 0; float: left;}
.footer-menu ul { line-height: 0; margin: 30px 0 0 0; padding: 0 0 0 20px; float: left;}
.footer-menu ul li { display: inline; list-style: none; border-right: 1px #444811 solid; float: left;}
.footer-menu ul li.last-li { border: none;}
.footer-menu ul li a {
font-family: Arial Black;
font-size: 12px;
line-height: 22px;
text-decoration: none;
text-transform: uppercase;
font-weight: 300;
letter-spacing: -1px;
color: #444811;
margin: 0 5px 0 5px;
}
.footer-menu ul li a:hover {}
.footer-text {
font-family: Trebuchet MS;
font-size: 9px;
line-height: 11px;
text-transform: uppercase;
font-weight: 300;
color: #fff;
padding: 0 0 0 20px; margin: 30px 0 0 0;
float: left;
}
.footer-text a {color: #ffffff; text-decoration: none;}
.footer-text a:hover {text-decoration: underline;}
.adress {
font-family: Arial Black;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
font-weight: 300;
color: #fff;
margin: 30px 0 0 0; padding: 0 0 0 50px;
float: left;
}
.adress a {
font-family: Arial Black;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
text-decoration: none;
font-weight: 300;
color: #fff;
}
.adress a:hover { text-decoration: underline; color: #fff;}

/*----------------------------------php coder adds-------------------------------------*/
div.page_err { 
color : #ff0000; 
} 
div.page_msg { 
color : #ff0000; 
} 
/* !!! the top vente products are set from admin side... and they are not lines, there can be only 1 or 2 top vente items on the same line so the ul class is not working in this case, the background has to come individual for each item, not line */
.pritem_top { 
width : 223px; 
height : 130px; 
background-image : url('images/itembg-top.jpg'); 
background-position : right center; 
background-repeat : no-repeat; 
float : left; 
} 
.pritem { 
width : 223px; 
height : 130px; 
background-image : url('images/itembg.jpg'); 
background-position : right center; 
background-repeat : no-repeat; 
float : left; 
} 
/* this classes are for the pagination: pages_left100 - the writting, pages_right300 - the pages */
div.pages_left100 { 
font-family : "Arial Black"; 
font-size : 12px; 
line-height : 18px; 
float : left; 
width : 100px; 
display : block; 
} 
div.pages_right300 { 
font-family : "Arial Black"; 
font-size : 12px; 
line-height : 18px; 
float : right; 
text-align : right; 
display : block; 
} 
/* not selected pages class */
a.apage:link, a.apage:visited, a.uapage:link, a.uapage:visited { 
text-align : center; 
width : 14px; 
padding : 1px; 
margin-left : 1px; 
background-color : #f4f4f4; 
color : #000000; 
display : block; 
float : left; 
text-decoration : none; 
font-size : 9px; 
} 
a.apage:hover, a.apage:active, a.uapage:hover, a.uapage:active { 
width : 14px; 
padding : 1px; 
margin-left : 1px; 
background-color : #aaaaaa; 
color : #000000; 
text-decoration : none; 
display : block; 
float : left; 
font-size : 9px; 
} 
/* the selected page class */
a.apage_sel:link, a.apage_sel:visited { 
text-align : center; 
width : 14px; 
padding : 1px; 
margin-left : 1px; 
background-color : #f4f4f4; 
color : #ff0000; 
text-decoration : none; 
display : block; 
float : left; 
font-size : 9px; 
} 
a.apage_sel:hover, a.apage_sel:active { 
text-align : center; 
width : 14px; 
padding : 1px; 
margin-left : 1px; 
background-color : #f4f4f4; 
color : #ff0000; 
text-decoration : none; 
display : block; 
float : left; 
font-size : 9px; 
} 
br.clear{
clear:both;
}


a.laverdiane:link, a.laverdiane:visited { 
font-family: "Comic Sans MS";
font-size: 11px;
line-height: 20px;
text-decoration: none;
color: #525c00;
}
a.laverdiane:hover, a.laverdiane:active { 
font-family: "Comic Sans MS";
font-size: 11px;
line-height: 20px;
text-decoration: underline;
color: #525c00;
}

/* !!! class added for the categories menu, on means that the category is opened */
div.scateg_off
{
	padding-top:5px;
	padding-bottom:5px;
	display:none;
	line-height:11px;
}
div.scateg_on
{
	display:block;
	line-height:14px;
	/*border:1px solid #525c00;*/
	padding:10px;
	margin:5px;
	/*background:url(images/bg_scategs.gif) repeat-x 0% 0% #FFFFFF;*/
	clear:both;
}

/* !!! class added so that the size of the product photo not to be resampled by the upper class*/
div.imgproduit
{
	width:101px;
	height:auto;
	margin:auto;
	text-align:center;
	float:left;
}
img.produit
{
	width:auto;
	height:auto;
	margin:auto;
}
/*----------------------------------php coder adds end---------------------------------*/