html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {	display: block; }
body {	line-height: 1; }
ol, ul {	list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none; }
table {	border-collapse: collapse;	border-spacing: 0; }
/* End of the reset */

html, body { font-family: Arial,sans-serif; font-size: 12px; color:#333; }

p { margin: 5px 0 5px 0; font-family: Arial,sans-serif; font-size: 12px; color:#333; }

.bld { font-family: Arial,sans-serif !important; }


/* Head */
#headerOutter{ position:relative; width:100%; height:50px; background:#4c4740; }
#headerInner { width:990px; height:100%; margin:0px auto 0px auto; clear:both; }
#headerLogoContainer { float:left; padding:10px 15px 10px 0; }
#headerLogo { float:left; display:block; width:160px; height:31px; background-image:url(fornetti_logo.png); text-indent:-5000px;  }


/*
#headerButtonOffline a { float:left; display:block; width:120px; height:35px; padding:15px 0 0 0; margin:0; font-size: 14px; text-align:center; color:#4c4740; text-decoration:none; background:#c1b4a3; }
#headerButtonOffline a:hover { text-decoration:none; background:#d6b4a3;  }

#headerButtonOnline a { float:left; display:block; width:120px; height:35px; padding:15px 0 0 0; margin:0; font-size: 14px; text-align:center; color:#4c4740; text-decoration:none; background:#fff; }
#headerButtonOnline a:hover { text-decoration:none;  }
*/
#headerButtonOffline a { float:left; display:block; width:130px; height:35px; padding:15px 0 0 0; margin:0; font-size: 14px; text-align:center; color:#c1b4a3; text-decoration:none; }
#headerButtonOffline a:hover { color:#e9dad3; }

#headerButtonOnline a { float:left; display:block; width:130px; height:35px; padding:15px 0 0 0; margin:0; font-size: 14px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; }
#headerButtonOnline a:hover { text-decoration:none;  }


#headerButtonSearch a { float:right; display:block; height:35px; padding:15px 10px 0 10px; margin:0; font-size: 14px; text-align:center; color:#c1b4a3; text-decoration:none;}
#headerButtonSearch a:hover { color:#e9dad3; }

#headerButtonLogout a { float:right; display:block; height:35px; padding:15px 0 0 10px; margin:0; font-size: 14px; text-align:center; color:#c1b4a3; text-decoration:none;}
#headerButtonLogout a:hover { color:#e9dad3; }

#headerButtonNation { float:right; display:block; height:35px; padding:10px 0 0 10px; margin:0; }
#nat { background:#c1b4a3; border:1px solid #c1b4a3; border-radius:5px; padding:5px;  }



/* Login */
#loginBox { position:relative; width:400px; height:200px; margin:120px auto 0 auto; padding:10px 24px 24px; border:1px solid #333; border-radius:5px; box-shadow:0 0 1px #ccc inset; clear:both; background:#5c5c5c url("login_box_bg.jpg") no-repeat scroll left top; }
#loginLogoCont { width: 420px; height:47px; margin:5px 0 20px 0; }
#loginLogoCont p { padding: 16px 0 0 10px; font-family: Arial,sans-serif; font-size: 15px; color:#fff; font-weight:bold; }
#loginLogo { float:left; width:178px; height:47px; margin:0; background-image:url(fornetti_logo_login.png); text-indent:-5000px; }

#loginBox h1 { font-family: Arial,sans-serif; font-size: 20px; color:#ee6800; padding:10px 10px 20px 10px; }
#loginBox p { float:left;  }
.loginText { width:70px !important; text-align:right; padding:5px 10px 0 0; font-family: Arial,sans-serif; color:#fff; }

.loginAlert { float:left; width:300px !important; margin:0 0 10px 70px; font-family: Arial,sans-serif; color:red; }
.inpBox { width:290px; height:20px; border:1px solid #fff; border-radius:5px; box-shadow:0 0 5px 2px rgba(71, 135, 177, 0.9); }
.sbmButton { margin:0 0 0 80px; background:#fff; color:#000; border:1px solid #fff; border-radius:5px; padding:3px 25px 3px 25px; }
#loginInfoButton { position:absolute; top:180px; left:390px; width:50px; height:50px;  }
#loginBoxBottom { background:rgba(0, 0, 0, 0) url(login_shadow.png) no-repeat scroll center top; margin-top:-3px; padding-top:10px; }
.loginInfoContainer { display: none; }

#modyPasswd  { text-align:center; padding-top:15px; }
#modyPasswd a { font-weight:bold; font-size:13px; text-decoration:none; color:#ee6800; }
#modyPasswd a:hover { text-decoration:underline; }
.modyPasswdContainer { float:left; width:568px; height:290px; padding:5px; margin:0 10px 0 10px; background:#fff; }
.modyPasswdContainer p { font:normal normal 12px/16px Arial; width:270px; float:left; }

#pwTitle { float:left; width:598px; height:36px; padding:0; margin:0; background:#ee6800; border:1px solid #bb5200; }
#pwTitleLeft { float:left; width:434px; }
#pwTitleLeft h1 { font-family: Arial,sans-serif; font-size: 20px; color:#fff; padding:8px 0 0 3px; }
#pwTitleRight { float:left; display:block; width:164px; height:36px; }


/* Content */
#bodyContainer { position:relative; width:990px; height:100%;  margin:0px auto 0px auto; clear:both; background:#fff !important; } /*height:100%; */
#bodyBG { float:left; width:980px; height:100%;  min-height:650px; background:#fff !important; padding:0 0 0 10px;  }
#bodyContainer h2 { margin:30px 0 0 0; font-family: Arial,sans-serif; font-size: 14px; color:#ed6800; }
/*
#bodyContainer p { margin: 5px 0 5px 0; font-family: Arial,sans-serif; font-size: 14px; color:#333; }
*/

/* TODO!! átalakítani ul-re*/
#bodyContainer a { margin:30px 0 0 0; font-family: Arial,sans-serif; font-size: 14px; color:#333; text-decoration:none; } 
#bodyContainer a:hover { text-decoration:underline; }
/* */

#bodyLeft { float:left; width:180px; padding:60px 0 0 0; }

#bodyRight { float:right; width:790px; margin:10px 0 0 0; }
#searchBox { float:left; width:768px; height:50px; padding:5px; margin: 0 0 10px 0;  background:#ee6800; border:1px solid #bb5200; }
#searchBox p { padding:0; margin:0; font-family: Arial,sans-serif; font-size: 12px; color:#fff; }
#searchBox a { font-family: Arial,sans-serif; font-size: 12px; color:#fff; }

#searchTopLeft { float:left; }
#searchTopLeftFav p { padding-top:17px; font-size:14px !important;  } 
#searchTopLeftFav  a { font-weight:bold; color:#4c4740; font-size:14px !important; }
.searchBoxRow2 { padding:20px 0 0 0 !important; }

#searchTopRight { float:right; }


.prodList { float:left; width:770px; padding:5px; border-bottom: 1px solid #d9d9d9; }
.prodList:hover { background:#ecebdc; }
.prodField { float:left; height:75px; }
.prodField h3 { padding-top:20px; font-family: Arial,sans-serif; font-size:14px; }
.prodField p { font-family: Arial,sans-serif; font-size:12px !important;}
.prodField a { font-family: Arial,sans-serif !important; font-size:14px; }
.s5 { width:5%; }
.s10 { width:10%; }
.s15 { width:15%; }
.s20 { width:20%; }
.s30 { width:30%; }
.s40 { width:40%; }
.s50 { width:50%; }
.s60 { width:60%; }
.s70 { width:70%; }
.s80 { width:80%; }
.s90 { width:90%; }

.prodFav { float:left; display:block; width:20px; height:23px; margin:25px 0 0 0 !important; text-indent:-5000px; background-image:url(hexagram_icon_gray_small.png); }
.prodFav:hover { background-image:url(hexagram_icon_orange_small.png); }
.prodFavActive { float:left; display:block; width:20px; height:23px; margin:25px 0 0 0 !important; text-indent:-5000px; background-image:url(hexagram_icon_orange_small.png); }

.prodBoxRight { float:right; width:40px; text-align:center; padding: 15px 5px 0 5px; } 

.prodBoxNum { width:35px; height:32px; text-align:center; margin:15px 0 0 65px; padding-top:3px; } 
.prodBoxNum p { font-family: Arial,sans-serif !important; color:#fff !important; font-size:22px !important; text-decoration:none;  }

.prodPagerOutter{ float:left; position:relative; width:100%; margin-top:20px; background:#4c4740; }
.prodPagerInner { width:980px; height:100%; margin:0px auto 0px auto; clear:both; }
.prodPagerInner p { padding:10px 0 10px 0; text-align:center; font-family: Arial,sans-serif; font-size:16px; color:#fff; }
.prodPagerInner span { padding:0 5px 0 5px; }
.prodPagerInner a { padding:0 5px 0 5px; font-family: Arial,sans-serif; font-size:16px; color:#c1b4a3 !important; text-decoration:none; }
.prodPagerInner a:hover { text-decoration:underline;  }



/* Product page */
#productPage { float:left; width:100%; }
#productPage h1 { width:100%; font-family: Arial,sans-serif; font-size:20px !important; color:#fff; padding:9px 0 0 5px;  }
#productPage  h2 { margin:15px 0 0 0; font-family: Arial,sans-serif; font-size: 16px; font-weight:bold; color:#ed6800; }

#bckBox { float:left; width:968px; height:36px; padding:0; margin: 20px 0 0 0; background:#ee6800; border:1px solid #bb5200; }
#bckBox a { padding:0; margin:0; font-family: Arial,sans-serif; font-size: 16px !important; color:#fff !important; }

#bckLeft { float:left; width:804px; }
#bckRight { float:left; display:block; width:164px; height:36px; }
.bckRightPDF { background:#4c4740; color:#fff; }
.bckRightPDF p { padding:5px 0 0 0; text-align:center; }

.productSection { float:left; width:980px; } 

.ppR1 { float:left; }

.ppR2 { float:left; width:220px; height:280px; }
.ppR2Box { float:left; width:200px; background:#ecebdc; padding:13px 10px 13px 10px; margin:0 0 10px 0; font-family: Arial,sans-serif; font-size: 11px; }

.pBr2 { float:right; text-align:right; font-family: Arial,sans-serif; font-size: 11px; font-weight:bold; }

.ppR2BoxL { float:left; width:initial; }
.ppR2BoxR { float:right; width:initial; text-align:right; font-weight:bold; }


.ppR4 { float:left; width:190px; background:#ecebdc; margin: 0 10px 13px 10px; }
.ppR4Title { height: 25px; padding-top:8px; margin:0; background:#4c4740; font-family: Arial,sans-serif; font-size: 14px; color:#ecebdc; text-align:center; }
.ppR4Cont { float:left; padding:0; margin:0; width:190px; height:75px;    }
.ppR4Num_OLD { float:center; width:45px; text-align:center; margin:15px 0 0 65px; } 

.ppR4Num { width:60px; height:45px; text-align:center; margin:7px 0 8px 70px; padding-top:15px; } 
.ppR4Num a { font-family: Arial,sans-serif !important; color:#fff !important; font-size:28px !important; text-decoration:none;  }
.ppR4Num a:hover { color:#fff !important; text-decoration:underline; }


.ppR5 { float:left; width:190px; background:#ecebdc; margin:0 10px 0 10px; }
.ppR5Title { height: 25px; padding-top:8px; margin:0; background:#4c4740; font-family: Arial,sans-serif; font-size: 14px; color:#ecebdc; text-align:center; }
.ppR5Cont { float:left; padding: 0 0 0 5px;  }
.ppR5Cont p { font-family: Arial,sans-serif; font-size: 11px;  padding:5px 0 5px 0; }

.ppR3 { float:left; width:170px; height:280px; background:#ecebdc; padding:0; margin:0;  }
.ppR3Title { height: 25px; padding-top:8px; margin:0; background:#4c4740; font-family: Arial,sans-serif; font-size: 14px; color:#ecebdc; text-align:center; }
.ppR3Cont { padding: 0px 0 0 5px;  }
.ppR3Cont p { font-family: Arial,sans-serif; font-size: 11px; }




.prodRow { float:left; /*width:100%;*/ width:970px; padding: 0 0 10px 0; }
.prodRow p { margin:5px 0 5px 0; text-align:justify; font-family: Arial,sans-serif; font-size: 12px !important; }
.prodRowTitle { font-family: Arial,sans-serif !important; font-size: 15px !important; }

/*
.prodRowLeft { float:left; width:150px; height:auto; margin:10px 0 15px 0;  }
.prodRowLeft p { margin: 10px 0 10px 10px !important; font-family: Arial,sans-serif; font-size: 14px !important; }
.prodRowRight { float:left; width:830px; height:auto; margin:10px 0 15px 0;  }
.prodRowRight p { margin: 10px 0 10px 20px !important; font-family: Arial,sans-serif; font-size: 14px !important; }
*/

.prodBoxLeft { float:left; width:145px; text-align:center; margin: 0 10px 0 10px; padding:10px 0 10px 0; background:#ecebdc; } 
.noLeftMargin { margin: 0 10px 0 0; }
.noRightMargin { margin: 0 0 0 10px; }
.prodBoxVal { margin-top:5px; font-weight:bold; }

.popupBox { display: none; }
.popupBox h2 { margin:0 0 10px 0; font-family: Arial,sans-serif; font-size: 18px; color:#ed6800; }
.popupBox p { font:normal normal 12px/18px  Arial, Verdana !important; }
.popupBox a { font:normal normal 12px/18px  Arial, Verdana !important; color:#ed6800; text-decoration:none; }
.popupBox a:hover  { color:#ed6800; text-decoration:underline; }


/* Footer */

#footerOutter{ float:left; position:relative; bottom:0; width:100%; margin:0; background:#ee6800; }
#footerOutterPDF { float:left; position:absolute; bottom:0; width:100%; margin:0; background:#ee6800; }

#footerInner { width:980px; height:30px; margin:0px auto 0px auto; clear:both; }
#footerInner p { padding:3px 0 0 0; font-family: Arial,sans-serif; font-size:17px; color:#fff; }
#footerInner a { color:#fff; text-decoration:none; }
#footerInner a:hover { color:#fff; text-decoration:underline; }