@font-face { font-family: supermarket; src: url('supermarket.ttf') format("truetype");}
@font-face { font-family: kitlight; src: url('kitlight.ttf') format("truetype"), url('kitlight.woff'), url('kitlight.eot');}
@font-face { font-family: kitmed; src: url('kitmed.ttf') format("truetype"), url('kitmed.woff'), url('kitmed.eot');}
html, body { font-family: db_ozone_xregular, supermarket, tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.4; margin: 0; color: #333333; background-repeat: repeat; background-color: #eeeeee; background-image: url(../images/bg.jpg); }
a:link, a:visited { color: #6a6a6a; text-decoration: none;} /*color: #b21c27; text-decoration: none */
a:hover { color: #111182; text-decoration: none;} /*color: #b21c27; text-decoration: underline */
a:active { text-decoration: underline;} /* text-decoration: underline */
.kitlight { font-family: kitlight, supermarket, Tahoma, Geneva, sans-serif; font-size: 16px; line-height:1.3 }
.kitmed { font-family: kitmed, supermarket, Tahoma, Geneva, sans-serif; font-size: 16px; line-height:1.5 }
.blue { color: #03418f; }

#header-area { width: 100%; height: 142px; }
	/*
	#header-area a:link, a:visited, a:active { color: #b21c27!important ; text-decoration: none }
	#header-area a:hover { color: #b21c27!important ; text-decoration: none }
	*/
#header-bar { width: 100%; height: 30px; text-align: center; background-color: #333333; vertical-align: middle; }
	#header-bar IMG { vertical-align: middle; padding-left: 14px; }
	.lang-inactive IMG { opacity:0.5; filter:alpha(opacity=50); For IE8 and earlier }

#header { width: 960px; height: 112px; margin-left: auto; margin-right: auto; background-image: url(../images/bg-flag.png); background-position: top right; background-repeat: no-repeat; }

#logo { width: auto; height: auto; text-align: right; margin-top: auto; margin-bottom: auto; }


#header_menu { width: 960px; height: 71px; margin-left: auto; margin-right: auto; }
/*
	div#header_menu a:link { color: #333333; margin-right: 50px; /*padding-left: 12px; padding-right: 12px;* / }
	div#header_menu a:visited { color: #333333 }
	div#header_menu a:hover, a:active { color: #ef5391; text-decoration: none; }
	div#header_menu.selected a:link, div#header_menu_area.selected a:visited { color: #00a9ef !important }
	div#main-selected a:visited { color: #00a9ef !important }
*/

/* BAR */


form { margin: 0; padding: 0}

#header_slide_area { width: 710px; height: 350px; margin-left: auto; margin-right: auto;}
#header_slide { width: 710px; height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 10px;}


/****	BANNER	***/
#banner { width: 100%; height: 400px; margin-left: auto; margin-right: auto; background-color: #FFF; }
	#banner-content { text-align: left; text-transform: uppercase }

div#bestofbest { width: 100%; height: 281px; background-image: url(../images/home_best.png); }


/* menu */

#nav { FLOAT: right; HEIGHT: 71px; LIST-STYLE-TYPE: none; padding: 0; margin:0; z-index: 9999; }
#nav LI { FLOAT: left; POSITION: relative; z-index: 1; }
#nav LI.open { BACKGROUND: #FFF }
#nav LI:hover { BACKGROUND: #FFF; z-index: 9998; cursor: pointer; } /*2f345b*/
#nav LI A { DISPLAY: block; COLOR: #989898; LINE-HEIGHT: 1.3; TEXT-DECORATION: none }
#nav LI UL { BORDER-RIGHT: #FFF 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #FFF 0px solid; DISPLAY: none; PADDING-LEFT: 0px; BACKGROUND: #FFF; LEFT: 0px; PADDING-BOTTOM: 5px; BORDER-LEFT: #FFF 1px solid; WIDTH: 230px; PADDING-TOP: 0px; BORDER-BOTTOM: #FFF 1px solid; POSITION: absolute; TOP: 70px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15); box-shadow: 0 3px 3px rgba(0,0,0,0.15); LIST-STYLE-TYPE: none; cursor: pointer!important; }
#nav LI:hover UL { DISPLAY: block }
#nav LI UL LI { FLOAT: none }
#nav LI UL LI A { PADDING-RIGHT: 10px; DISPLAY: inline-block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px }
#nav LI UL LI A { DISPLAY: block }
#nav LI UL LI A:hover { BACKGROUND: #FFF; COLOR: #000; z-index: 9998; }



/******* BODY ********/
#content-area { width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
#contentarea { width: 100%; min-height: 600px; text-align: center; margin-left: auto; margin-right: auto; display: inline-table; }


/* PAGE CONTENT */
#content-page-content { width: 960px; text-align: left; margin-left: auto; margin-right: auto; padding: 10px 0; }
	div#content-page a:link { color: #e7005f; }
	div#content-page a:visited { color: #e7005f; }
	div#content-page a:hover, a:active { color: #5f072b; text-decoration: none; }
	div#content-page a. last { color: #5f072b; text-decoration: none; }
#page-subbar { padding: 0 20px 6px 0; width: 960px; margin-left: auto; margin-right: auto; font-size:: 18px; color: #888888; padding-bottom: 15px; }
	div#page-subbar a:link { color: #888888; }
	div#page-subbar a:visited { color: #888888; }
	div#page-subbar a:hover, a:active { color: #000; text-decoration: none; }
	div#page-subbar a. last { color: #BFBFBF; text-decoration: none; }

#page-bar { float: right; padding: 30px 0 0 60px; text-align: left; font-size: 18px; width: 690px; height: 30px; color: #b82358; font-family: supermarket, Tahoma, Geneva, sans-serif }
	div#page-bar a:link { color: #888888; }
	div#page-bar a:visited { color: #888888; }
	div#page-bar a:hover, a:active { color: #000; text-decoration: none; }
	div#page-bar a. last { color: #BFBFBF; text-decoration: none; }
div#line-it { float: right; padding-right: 30px; padding-bottom: 10px; }

#contenttitle { font-size: 18px; color: #FFF/*0f1c82*/; background-color: #3e437b/*E8E8E8*/; padding: 10px 20px; border-bottom: #000/*d2d2d2*/ 1px solid; text-align: center;  }
#contenttitle2 { font-size: 18px; color: #FFF/*0f1c82*/; background-color: #7175a3/*E8E8E8*/; margin-top: 10px; padding: 6px 20px; border-bottom: #000/*d2d2d2*/ 0px solid; width: 230px; margin-left: auto; margin-right: auto; text-align: center; }

.txt-supermarket { font-family: supermarket, Tahoma, Geneva, sans-serif!important; font-size: 18px; line-height:1.2}

#titlepage { font-size: 24px; color: #30355c; width: 920px; margin-left: auto; margin-right: auto; text-align: left; }

td { box-sizing: border-box; }

#content-page-content-full { width: 960px; background-color: #FFF; text-align: left; margin-left: auto; margin-right: auto; padding: 20px; box-sizing: border-box; }
#content-page-content-left { width: 210px; float: left; }
#content-page-content-right { width: 710px; float: right; background-color: #FFF; padding: 0 15px; box-sizing: border-box; min-height: 650px; }
#content-right-title { padding: 8px; border-bottom: #333333 2px solid; font-size: 22px; }
#content-right-body { width: 680px; margin-left: auto; margin-right: auto; padding: 20px 0; box-sizing: border-box; }
.menu-left-title { padding: 8px; border-bottom: #333333 2px solid; font-size: 22px; width: 100%; }

#menu-left { width: 210px; padding-top: 10px; }
#menu-left a { display: block; }
	#menu-left a:link { color: #444; }
	#menu-left a:visited { color: #000000; }
	#menu-left a:hover { color: #000; text-decoration: none; }
#menu-left UL { margin:0px; padding:0px; width: 100%; box-sizing: border-box; }
#menu-left LI { display: inline-block; list-style: none; padding: 14px 5px 9px 5px; overflow:hidden; border-bottom: #d2d2d2 1px solid; width: 100%; box-sizing: border-box; }

#menu-left LI:hover { background: #FFFFFF; color: #000; }
#menu-left LI.current { background: #FFFFFF; } /* opacity:0.7; filter:alpha(opacity=70); */

#content-page-content-home { width: 930px; text-align: left; margin-left: auto; margin-right: auto; padding: 10px 0; }
.home-titlebox { background-color: #f1f2f3; border: #272727/*c3bfc0*/ 1px solid; font-size: 20px; text-transform: uppercase; text-align: center; color: #010101; padding: 10px 0; width: 240px; }


.home_prod_box { width: 200px; height: 390px; text-align: center; padding: 0; border: #e7e7e6 0px solid; margin: 0; vertical-align: top; font-size: 16px; line-height:1.3; display: inline-block; cursor: pointer; }
.home_prod_box IMG { padding-bottom: 0; width: 150px; height: 152px; }
.home_prod_box a:link, .home_prod_box a:visited { color: #3b3b3b!important; text-decoration: none; }
.home_prod_box a:hover, .home_prod_box a:active { color: #ef5390 !important; text-decoration: none; cursor: pointer; }
.home_prod_box:hover {  border: #2d81d7 0px solid; color: #ef5390 !important; }

#slider { width: 620px; height: 380px; }
.slider-wrapper { width: 620px; height: 410px; }

/***** ABOUT ****/
.borbottomCC { border-bottom: #bfbfbf 1px solid; font-size: 20px; margin-bottom: 20px; padding-top: 20px; }


/**** GALLERY ****/
.gallimg { width: 200px; height: 200px; overflow: hidden; border: #e5e5e5 1px solid; margin-bottom: 10px; }
#gallery-album IMG { height: 220px; overflow: hidden; }

/**** ARTICLE ****/
div#article_title { width: 100%; border-bottom: #e2e0e0 1px solid;  }
div#article_title a:link, div#article_title a:visited { color: #333333 !important; text-decoration: none;}
div#article_title h2 { margin-bottom: 7px; margin-top: 0 }
div#article_title h2 a:link, div#article_title h2 a:visited { color: #333333; text-decoration: none; }
div#article_title h2 a:hover, div#article_title h2 a:active { color: #CC0000; text-decoration: none; }



div#gallery{ /* The width of the gallery */ width: auto;}
div#gallery IMG { border: #de4074 2px solid }

#slides{ /* This is the slide area */
	height:173px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:230px;
	overflow:hidden;
}

.slide{
	float:left;
}

#imgpreview_menu{
	/* This is the container for the thumbnails */
	margin-top: 10px;
	height:160px;
}

#imgpreview_menu ul{
	margin:0px;
	padding:0px;
}

#imgpreview_menu li{
	/* Every thumbnail is a li element */
	width:96px;
	display:inline-block;
	list-style:none;
	height:75px;
	overflow:hidden;
	border: 1px solid #CCC; 
}

#imgpreview_menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	border: 1px solid #000
}

#imgpreview_menu li.act,li.act:hover{
	/* The active state of the thumb */
	border: 1px solid #000
}

#imgpreview_menu li.act a{
	cursor:default;
}



/********  News page  *********/
#tbnews IMG {
	border: #000 1px solid;
}
.divnews {
	width: 860px;
	height: auto;
	min-height: 180px;
	margin-left: auto;
	margin-right: auto;
	border-top: #d9d9d9 1px solid;
	border-bottom: #FFF 1px solid;
	background-image: url(../images/bg_news.jpg);
	background-repeat: repeat-x;
	background-position: top;
	overflow: auto;
	padding: 10px;
	background-color: #f8f8f8;
}
	.divnews:hover { background-color: #eeeeee; background-image: url(../images/bg_news_hover.jpg); border-top: #b7b7b7 1px solid; overflow: auto; }
	.divnews IMG { border: #000 1px solid; }
.divnews_img {
	width: 200px;
	text-align: left;
	float: left;
}
.divnews_detail {
	width: 640px;
	float: right;
	text-align: left;
}

/*** Gallery ***/
#gallerypage IMG {
	border: #CCC 2px solid;
}
#gallerypage IMG:hover {
	border: #333 2px solid;
}

/**** ABOUT US ****/
div#aboutus { font-family: supermarket, Tahoma, Geneva, sans-serif; font-size: 18px; line-height: 1.1 }
div#aboutus p { text-align: justify }




/**** CONTACT ****/
#contactform INPUT[type="submit"] { padding: 8px 20px; background-color: #ef5390; border: 0; color: FFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#contactform textarea { width: 100% }
/*.contact-form INPUT[type="text"] {  height: 28px; width: 250px; background-image: url(../images/bg-src-input.png); border:1px solid #CCC; color: #E6540A; font-size: 14px;  }
.contact-form textarea { width: 250px; background-image: url(../images/bg-src-input.png); background-repeat: repeat-x; background-position: top; border: #CCC 1px solid; color: #E6540A; font-size: 14px; }*/


/*** LOGIN ***/
.inputlogin input[type="text"] { background-color: #FFF; border: #f5b1d7 1px solid; width: 130px; height: 20px }


/* FOOTER */
#footer-area { width: 100%; background-color: #222222; padding: 20px 0; margin-left: auto; margin-right: auto; color: #FFF; font-size: 12px; }
	#footer-area a:link, div#footer-area a:visited, div#footer-area a:active { color: #FFF; text-decoration: none }
	#footer-area a:hover { color: #FFF; text-decoration: none }
#footer-content { width: 960px; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 0; }

.footer-logo { text-align: left; font-size: 1.1em; }
.footer-contact { text-align: left; font-size: 1.1em; border-left: #7f7f7f 1px solid; padding-left: 30px; color: #b4b4b4; }
.footer-social { width: 310px; text-align: left; }

.footer-link { font-size: 16px; line-height: 1.6; color: #FFF; text-align: right; padding-right: 15px; }
	.footer-link a:link, .footer-link a:visited, #powerby a:visited, #powerby a:active { color: #833f58; text-decoration: none; padding-left: 6px; padding-right: 6px; }
	.footer-link a:hover { color: #000; text-decoration: none }


/* Default */
IMG A { border: 0 }
INPUT[type="text"] { border: #9d9b9c 1px solid; margin: 3px; background-color: #FFFFFF; height: 30px; }
INPUT[type="password"] { border: #9d9b9c 1px solid; margin: 3px; background-color: #FFFFFF; height: 30px; }
INPUT[type="submit"] { background-color: #30355c; color: #FFFFFF; border: 0; margin-top: 10px; padding-left: 20px; padding-top: 5px; padding-right: 20px; padding-bottom: 5px; }
SELECT { height: 26px; }
TEXTAREA { border: #9d9b9c 1px solid; margin: 3px; background-color: #FFFFFF; }

div.PagingControl *{display:inline;}
.PagingControl ul, .PagingControl li{margin:0px;padding:0px;display:inline;list-style-type:none;}
.PagingControl a{line-height:normal;background: #FFF;border: 0;padding: 4px 8px;display:inline-block;margin:0;cursor:pointer;text-align:center;text-decoration:none;color:#000!important; font-size: 12px; border: #c7c7c7 1px solid; }
.PagingControl a.CurrentPage{cursor: #333;}
.PagingControl a.PagePrev, .PagingControl a.PageNext{font-size:12px;;text-decoration:none; border: #e2e2e2 0px solid}
.PagingControl a.PagePrev{padding-left:5px;padding-right:5px;text-align:right;}
.PagingControl a.PageNext{padding-right:5px;padding-left:5px;text-align:left;}
.PagingControl a.PageNumBox:hover, .PagingControl a.CurrentPage{background: #e2e2e2; border: #c9c7c8 1px solid; }
a.PageNumBox, a.CurrentPage, #bodyContentPane a.PageNumBox:visited, #bodyContentPane a.CurrentPage:visited{color:#000;}

.padtop { padding-top: 10px }
.padleft10 { padding-left: 10px }
.padleft20 { padding-left: 20px }
.padright { padding-right: 10px }
.padright30 { padding-right: 30px }
.input-amount { font-size: 12px; color: #692867; text-align: center }
/*input { height: 25px; background-image: url(../images/bg-field.png); height: 24px; border:1px solid #CCC; font-size: 14px; }
.input-amount { height: 20px; border: #5d4b00 1px solid !important; background: #fff3c1 !important; font-size: 12px; color: #692867; text-align: center }
select {  margin: 2px 0 2px 0!important }
textarea { border: #CCC 1px solid; background-image:url(../images/page-content-bg.png); background-repeat: repeat-x; background-position: top }
#question textarea { border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:6px solid #888; padding-left: 5px }
*/
.white { color: #FFFFFF }
.pink { color: #ef5390; }
	.pink a { color: #ef5390; }
.indent { text-indent: 30px }
h1,h2,h3,h4,h5,h6 { font-weight: lighter; margin: 5px 0; padding: 0; }
h2 { font-size: 22px; }
/*h2 a:link, h2 a:visited { color: #b10000; text-decoration: none; }
h2 a:hover, h2 a:active { color: #CC0000; text-decoration: none; }
*/

.imgbor { border: #666 1px solid }
.pad_tb { padding-top: 10px; padding-bottom: 10px }
.borbot { border-bottom: #bfbfbf 1px solid }
.borccc { border: #CCC 2px solid; }
legend { font-family: supermarket, Tahoma, Geneva, sans-serif; font-size: 20px; }

label {margin-right:20px;}
input[type=radio].css-checkbox {
	display:none;
}

input[type=radio].css-checkbox + label.css-label {
	padding-left:26px;
	height:21px; 
	display:inline-block;
	line-height:21px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size: 18px;
	vertical-align:middle;
	cursor:pointer;
	font-family: supermarket, Tahoma, Geneva, sans-serif;
	margin: 5px;
}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -21px;
}
label.css-label {
	background-image: url(../images/checkbox_pink.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}