html, body {height:100%; margin:0; padding:0;}
body {color:#626161; font:12px/1.4em Arial, Helvetica, sans-serif; display:table; width:100%; text-align:center;}
#wrapper {display: table-cell; vertical-align: middle;}

a, a:visited, a:active, .anchor {color:#000; text-decoration:underline; cursor:pointer;}
a:hover, .anchor:hover {color:#B80601; text-decoration:none;}

h3 a:link, h3 a:visited {color:#626161;}

#page {width:966px; height:548px; position:relative; margin:-30px auto 0 auto; text-align:left; background:#fff url(/image/cellcosmet.gif) no-repeat 30px 40px; border:15px solid #B80601; border-top:103px solid #B80601;}

#menu, #subMenu, #content {position:absolute; border:1px solid #CCCCCC; bottom:20px; overflow:auto; padding:5px 10px;}
#menu, #subMenu {height:322px; width:246px;}
#menu, #head, #topMenu, #navigate {left:25px; }
#subMenu, #cellap {right:395px;}
#content {width:340px; height:472px; right:25px;}

#head {position:absolute; top:90px; border:1px solid #CCCCCC; padding:1px 1px 0px 1px; text-align:center; height:72px;}
#cellap {position:absolute; top:40px; text-align:right; font-size:10px; font-weight:bold; margin:0; width:250px; line-height:normal;}
#cellap a:link, #cellap a:visited {color:#0B51FF; font-size:11px; font-style:italic; font-weight:normal; } /* 828282 */

#topMenu {list-style-type:none; margin:0; position:absolute; top:-100px; padding-top:70px; width:916px; background:url(/image/cellcosmet-1.gif) no-repeat right 10px; 
float:left; font:normal 11px Arial, Helvetica, sans-serif; text-transform:uppercase; }
#topMenu li {float:left;}
#topMenu * a {text-decoration:none; padding:0 18px 5px 8px; color:#fff; display:block;}
#topMenu * a:hover {text-decoration:none; color:#fff; background:url(/image/top-menu-hover.gif) no-repeat 30px bottom;}
#topMenu #t-profi {float:right; }
#t-profi a {padding-right:0;}

#topMenu span {visibility:hidden;}

#t-cellap {background:url(/image/menu-about.gif) no-repeat left top;}
#t-prod {background:url(/image/menu-product.gif) no-repeat left top;}
#t-faq {background:url(/image/menu-faq.gif) no-repeat left top;}
#t-article {background:url(/image/menu-article.gif) no-repeat left top;}
#t-contact {background:url(/image/menu-contact.gif) no-repeat left top;}
#t-profi {background:url(/image/menu-profi.gif) no-repeat left top;}

#t-cellap a:hover {background-position:35px bottom;}
#t-prod a:hover {background-position:30px bottom;}
#t-faq a:hover {background-position:43px bottom;}
#t-article a:hover {background-position:35px bottom;}
#t-contact a:hover {background-position:27px bottom;}
#t-profi a:hover {background-position:66px bottom;}

#navigate {position:absolute; top:-82px; list-style:none; margin:0; z-index:50;}
#navigate li {margin:0; float:left;}
#navigate a {text-decoration:none; height:17px; width:17px; float:left; margin-right:5px; background:url(/image/navigate-w.gif) no-repeat;}

#home:link, #home:visited {background-position:left top;}
#home:hover {background-position:left bottom;}

#email:link, #email:visited {background-position:right top;}
#email:hover {background-position:right bottom;}

#present {position:absolute; bottom:-2px; left:5px; font-size:10px; line-height:25px; color:#626161; text-decoration:none; padding-left:20px; background:url(/image/present.gif) no-repeat left top;}

#footer {position:absolute; bottom:-45px; left:0; width:966px; font-size:9px; color:#8E8D8D; line-height: 13px;}
#copy {float:left;}
#right {float:right; padding-right: 80px;}

#reklama {position:absolute; bottom:-80px; left:0; width:966px; font-size:11px; color:#8E8D8D; line-height: 13px; text-align:center;}
#reklama i {font-size:12px;}
#reklama a:link, #reklama a:visited {text-decoration:none; color:#8E8D8D;}
#reklama a:hover {text-decoration:underline;} 

h1 {position:absolute; margin:0; padding:0 10px; font:normal 15px Arial, Helvetica, sans-serif; color:#B80601;  
text-align:left; bottom:20px; right:25px; width:340px; height:20px; background-color:#E5E3E3; border:1px solid #CCCCCC; overflow:hidden;} /* color:#212121; */

h2 {color:#BE1B17;}

#goBack {position:absolute; bottom:24px; right:30px; width:15px; height:14px; background:url(/image/arrow-left.gif) no-repeat center center;}

ul.submenu, ul.submenu ul, ul.submenu ul ul {list-style:none; margin:0;}
ul.submenu * li {margin:0; padding:2px 0;}

ul.submenu ul {padding:0 0 0 10px;}
ul.submenu ul ul {padding:0 0 0 10px;}

ul.submenu h2 {font-size:12px; font-weight:normal; margin:0; padding:0; text-align:left; color:#B61B24;}
ul.submenu h3 {font-size:12px; font-weight:normal; margin:0; padding:0; text-align:left; color:#747474;}

ul.submenu a:link, ul.submenu a:visited {padding:0 0 0 15px; color:#4C4C4C; text-decoration:none; display:block; cursor:pointer;}
ul.submenu a:hover {background:url(/image/type.gif) no-repeat; text-decoration:underline;}

ul.submenu a.active {font-weight:bolder; background:url(/image/type.gif) no-repeat;}

ul.submenu a.active.type-0:link, ul.submenu a.active.type-0:visited {background-position:0 -61px;}
ul.submenu a.active.type-1:link, ul.submenu a.active.type-1:visited {background-position:-11px -46px;}
ul.submenu a.active.type-2:link, ul.submenu a.active.type-2:visited {background-position:-22px -31px;}
ul.submenu a.active.type-3:link, ul.submenu a.active.type-3:visited {background-position:-33px -14px;}

ul.submenu a.type-0:hover {background-position:0 -61px;}
ul.submenu a.type-1:hover {background-position:-11px -46px;}
ul.submenu a.type-2:hover {background-position:-22px -31px;}
ul.submenu a.type-3:hover {background-position:-33px -14px;}

ul.menu {list-style:none; margin:4px 0 0 0;}
ul.menu li {margin:0; padding: 2px 0pt 2px 16px; font-weight:bold;}

.menu ul {margin:0; list-style:none; display:none;}
.menu ul li {padding:2px 0; margin:0; font-weight:normal;}

.menu a:link, .menu a:visited {color:#4C4C4C; text-decoration:none; background-color:#fff; padding:2px 4px 2px 0;}
.menu a:hover {text-decoration:underline; color:#B80601;}

/* a.active1:link, a.active1:visited {color:#B80601;} */
.menu li li a:link, .menu li li a:visited {color:#4C4C4C; padding:2px 0 2px 15px;}
.menu li li a:hover {color:#B80601; background:url(/image/type.gif) no-repeat -44px 3px;}

.menu a.active2:link, .menu a.active2:visited {color:#B80601 !important; background:url(/image/type.gif) no-repeat -44px 3px;}

#msgBox {height:100%; background-color:#fff; text-align:center;}

/*------------------------*/
img.right {float:right; margin:0 0 5px 10px;}
img.left {float:left; margin:0 10px 5px 0;}
img.brd {border:1px solid #B80601;}
image.brd {padding:1px;}

.pdf {background:url(/image/icon/pdf.gif) no-repeat left center; padding-left:25px;}
.xls {background:url(/image/icon/xls.gif) no-repeat left center; padding-left:25px;}
a.pdf, a.xls {padding-top:2px; padding-bottom:2px;}
/*------------------*/

ul.list {margin:10px 0 10px 5px; list-style:none; }
ul.list li {margin:0; clear:both; padding:5px 0;}

.list a:link, .list a:visited {color:#4C4C4C; text-decoration:none; padding:0px 0 0px 13px; margin:0; background:url(/image/li.gif) no-repeat left 4px; cursor:pointer; float:left;}
.list a:hover {text-decoration:underline; color:#B80601; background-image:url(/image/li-hover.gif);}

.btn {margin:auto; padding:3px 5px;}

#LiveInternet {position: absolute; bottom: -40px; right: -15px;}

a.detail {float:right; font-size:11px;}

.require {font-weight:bold; color:#bf0101; font-size:18px;}
.ErrorMessage {color:red; font-style:italic;}

