@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');}
@font-face { font-family: supermarket; src: url('supermarket.ttf') format("truetype");}
html, body { font-family: kitlight, tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; color: #FFFFFF; background-position: top center; background-repeat: no-repeat; background-color: #000000; background:url(../images/sunshine-wallpaper.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:top; background-size: auto; }
a:link, a:visited { color: #ffd800; text-decoration: none;} /*color: #b21c27; text-decoration: none */
a:hover { color: #fff1b7; text-decoration: none;} /*color: #b21c27; text-decoration: underline */
a:active { text-decoration: underline;} /* text-decoration: underline */
p { text-align: justify; }
div { box-sizing: border-box; margin-left: auto; margin-right: auto; }
img a { border: 0; }

#header-area { width: 950px; height: auto;  }
	/*
	#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 { width: 100%; height: 250px; background:url(../images/banner.jpg); margin-left: auto; margin-right: auto;/*border-top: #C8C8C8 1px solid; border-left: #C8C8C8 1px solid; border-right: #C8C8C8 1px solid;*/}
	#header a:link { color: #000; }
	#header a:visited { color: #000 }
	#header a:hover, a:active { color: #db2667; text-decoration: none}


#header_menu { width: 950px; }
  }


/* BAR */
#header_bar { width: auto; height: 76px; text-align: center; }

#header_member { display: inline-block; height: 24px; font-size: 14px; padding-right: 20px; color: #ea2129; text-transform: uppercase; }
	#header_member a:link, #header_member a:visited { color: #ea2129; }
	#header_member a:hover, #header_member a:active { color: #000; }


form { margin: 0; padding: 0}

#header_slide { width: 950px; height: 301px; margin-left: auto; margin-right: auto; }


/******* BODY ********/
#content_wrap { width: 950px; margin-left: auto; margin-right: auto; text-align: center; } 
#content-area { width: 950px; margin-left: auto; margin-right: auto; text-align: center; background-color: rgba(0,0,0,0.8); padding-top: 10px; }
#contentarea { width: 100%; min-height: 400px; text-align: center; margin-left: auto; margin-right: auto;}


/* PAGE CONTENT */
#content-page { width: 950px; text-align: left; margin-left: auto; margin-right: auto; padding-top: 0px; }
	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:: 16px; 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; }


#content-page-content { width: 950px; margin-left: auto; margin-right: auto; padding-top: 10px; }

/*.bullet LI { list-style-image: url(../images/icon.png); margin-top: 3px; margin-left: 10px; padding-left: 6px; }*/
.bullet LI { list-style: none; background-image: url(../images/icon.png); background-repeat: no-repeat; margin: 5px 0 5px -30px; padding: 0; padding-left: 33px; }

/***** HOME  *****/
.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; }

.home-prod-line { background-image: url(../images/menu-shadow-top.png); height: 18px; width: 100%; }


/** login form */
#loginform INPUT[type="text"] { border-bottom: #CCC 1px solid!important; border-top: 0; border-right: 0; border-left: 0; text-align: center; font-size: 18px; color: #666666; background-color: #FFFFFF; height: 50px; width: 300px; }
#loginform INPUT[type="password"] { border-bottom: #CCC 1px solid!important; border-top: 0; border-right: 0; border-left: 0; text-align: center; font-size: 18px; color: #666666; background-color: #FFFFFF; height: 50px; width: 300px; }
/*.input-loginemail, .input-loginpwd { border-bottom: #CCC 1px solid!important; border-top: 0; border-right: 0; border-left: 0; text-align: center; font-size: 18px; color: #666666; background-color: #FFFFFF; height: 50px; width: 300px; }*/
#loginform INPUT[type="submit"] { background-color: #FFF; color: #666666; border: #CCC 2px solid; font-size: 18px; margin-top: 10px; padding: 10px 30px; text-align: center; }
#loginform INPUT[type="submit"]:hover { background-color: #CCC; color: #000; border: #CCC 2px solid; cursor: pointer; }
.loginform a:link, .loginform a:visited { color: #777777!important; }
.loginform a:hover, .loginform a:active { color: #ef5490!important; }



/** register form */
#registerform INPUT[type="text"] { border: #CCC 1px solid!important; tezt-align: left; font-size: 18px; color: #666666; background-color: #FFFFFF; height: 42px; width: 100%; }
#registerform INPUT[type="password"] { border: #CCC 1px solid!important; tezt-align: left; font-size: 18px; color: #666666; background-color: #FFFFFF; height: 42px; width: 100%; }
/*.input-loginemail, .input-loginpwd { border-bottom: #CCC 1px solid!important; border-top: 0; border-right: 0; border-left: 0; text-align: center; font-size: 18px; color: #666666; background-color: #FFFFFF; height: 50px; width: 300px; }*/
#registerform INPUT[type="submit"] { background-color: #FFF; color: #666666; border: #CCC 2px solid; font-size: 18px; margin-top: 10px; padding: 10px 30px; text-align: center; }
#registerform INPUT[type="submit"]:hover { background-color: #CCC; color: #000; border: #CCC 2px solid; cursor: pointer; }



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;
}



/* FOOTER */
#footer-area { width: 950px; background:url(../images/footer.jpg); background-color:  #000; height: 140px; padding-bottom: 30px; color: #000; font-size: 15px; text-shadow: 0.1em 0.1em 0.2em white; }
	#footer-area a:link, div#footer-area a:visited, div#footer-area a:active { color: #000; text-decoration: none }
	#footer-area a:hover { color: #000; text-decoration: none }
#footer-content { width: 950px; margin-left: auto; margin-right: auto; text-align: center; }