/* CSS RESET & GLOBALS */
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, font, ins, kbd, q, s, samp, small, strike, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #e3e4e5 url(img/bgnd.gif) repeat-x top; line-height: 1; }

body, td, th, textarea, input, select, h2, h3, h4, h5, h6, pre { font: 12px Arial, sans-serif; color: #404141; line-height: 18px; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 10px; color: #7e8082; }
.dividerBig { width: 1px; height: 44px; }

ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #d3d3d3; padding: 3px 5px; font-size: 11px; }
.searchbox { color: #404141; background: none; border: none; width: 150px; margin: 2px 0 0 0; font-size: 11px; line-height: 14px; }
.ingredientBox { color: #404141; background: none; border: none; width: 190px; margin: 2px 0 0 0; font-size: 12px; line-height: 14px; }
select { background: #fffff; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }
.btn { background: #009bbb; color: #ffffff; font-size: 11px; font-weight: bold; border: none; padding: 2px 10px; }
.btn2 { background: #a8b400; color: #ffffff; font-size: 11px; font-weight: bold; border: none; padding: 2px 10px; }

/* FLAGS */
.flags {width: 33%; float: left; text-align: center; margin:0 0 20px 0;}
.leftReset {clear:left;}

/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #006da0; }
a:hover { color: #818a00; }

.leftMenu a:link, .leftMenu a:active, .leftMenu a:visited { color: #404141; }
.leftMenu a:hover { color: #818a00; }

.path a:link, .path a:active, .path a:visited { color: #ffffff; background: url(img/bullet_arrow3.gif) no-repeat right 4px; padding: 0 15px 0 10px;  }
.path a:hover { color: #d2eef4; background: url(img/bullet_arrow3.gif) no-repeat right 4px; padding: 0 15px 0 10px;  }

.menu a:link, .menu a:active, .menu a:visited { color: #ffffff; }
.menu a:hover { color: #d2eef4; }
.menu .active a:hover { color: #ffffff; }

.menu_en a:link, .menu_en a:active, .menu_en a:visited { color: #ffffff; }
.menu_en a:hover { color: #d2eef4; }
.menu_en .active a:hover { color: #ffffff; }

/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop1 { margin: 10px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }

.header { width: 910px; height: 90px; margin: 0 auto; }
.headerDivider { padding: 0 20px; }
.headerMenu { margin: 0 0 0 auto; }
.headerMenu td { color: #a3a4a9; font-size: 11px; }
.searchWrapper { border: 1px solid #c6cad1; padding: 2px 5px; vertical-align: middle; }

.menuWrapper { width: 950px; margin: 0 auto; background: #009bbb; }
.menu {width:100%;}
.menu td { height: 42px; text-align: center; border-left: 1px solid #ffffff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 0 20px; }
.menu .first { border-left: none; }
.menu .active { background: #a8b400; }

.menu_en {width:100%;}
.menu_en td { height: 42px; text-align: center; border-left: 1px solid #ffffff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 0 25px; }
.menu_en .first { border-left: none; }
.menu_en .active { background: #a8b400; }

.slideWrapper { width: 950px; height: 315px; margin: 1px auto 0 auto; background: #ffffff; vertical-align: bottom; position: relative; }
.slide { position: absolute; left: 0; top: 0; width: 950px; height: 315px; display: none; float: left; }
.slideTextWrapper { position: absolute; left: -15px; top: 175px; width: 440px; padding: 16px 30px 20px 0; background: url(img/slideTextBgnd.png) repeat 0 0; color: #ffffff; min-height: 75px; display: none; float: left; }
.slideTextWrapper h2 { font: 26px Calibri, Arial, sans-serif; padding: 0 20px 5px 80px; text-transform: uppercase; color: #ffffff; }
.slideTextWrapper div { padding: 0 20px 0 80px; }
.slideNavWrapper { position: absolute; top: 270px; left: 710px; width: 210px; text-align: right; }
.slideNavWrapper img { margin: 4px; }
.slideShadow { width: 950px; margin: 1px auto 0 auto; height: 15px; background: url(img/slideShadow.png) repeat-x 0 0; }

.middleWrapper { width: 950px; min-height: 250px; margin: 0 auto; background: #ffffff; }

.indexMiddle { width: 890px; margin: 20px auto; }
.indexMiddle h2 { font: 21px Calibri, Arial, sans-serif; margin: 0 0 12px 0; color: #323436; }
.indexLeft { width: 220px; vertical-align: top; }
.indexMain { padding: 0 30px; vertical-align: top; }
.indexRight { width: 220px; vertical-align: top; }
.indexRight select { width: 220px; margin: 5px 0 15px 0; padding: 3px; height: 25px; font-size: 12px; color: #006da0; }
.indexRight .btn { margin: 3px 0 0 0; }

.news { margin: 0; padding: 0; list-style: none; }
.news li { margin: 0 0 12px 0; line-height: 17px; }

.middle { width: 950px; }
.left { width: 248px; border-right: 1px solid #d2d4d5; vertical-align: top; }
.main { vertical-align: top; border-left: 1px solid #ffffff; }

.leftMenuCat { background: #a8b400 url(img/bullet_arrow_cat_active.gif) no-repeat 225px 15px; color: #ffffff; font-weight: bold; text-transform: uppercase; padding: 7px 25px; }
.leftMenuItem { background: #dadcdd; color: #ffffff; padding: 6px 25px; margin: 0 0 1px 0; }
.leftMenu .hasSub { background: #dadcdd url(img/bullet_arrow.gif) no-repeat 228px 12px; }
.leftMenu div.active { background: #dadcdd; font-weight: bold; }
.leftMenu div.activeSub { background: #dadcdd url(img/bullet_arrow_active.gif) no-repeat 226px 13px; font-weight: bold; }

.leftMenuSub { margin: 0; padding: 0; list-style: none; }
.leftMenuSub li { padding: 6px 10px 6px 50px; border-bottom: 1px solid #dadcdd; background: url(img/bullet_arrow2.gif) no-repeat 35px 12px; }
.leftMenuSub li a.active { font-weight: bold; }

.leftWrapper { background: url(img/leftBgnd.png) no-repeat right top; min-height: 250px; }

.path { background: #8c9396; color: #ffffff; padding: 7px 25px; text-align: right; }
.path span { padding: 0 0 0 10px;  }
.pageHeaderWrapper { width: 700px; height: 180px; margin: 1px auto 0 auto; background: #ffffff; vertical-align: bottom; position: relative; }
.pageHeader { position: absolute; width: 700px; height: 180px; left: 0; top: 0; }
.pageHeaderTextWrapper { position: absolute; left: 15px; top: 115px; width: 700px; padding: 5px 0 7px 0; background: url(img/pageHeaderTextBgnd.png) no-repeat left top; color: #ffffff; text-align: right; }
.pageHeaderTextWrapper h1 { font: 26px Calibri, Arial, sans-serif; padding: 0 35px 5px 80px; text-transform: uppercase; color: #ffffff; }
.mainWrapper { padding: 20px; }
.filterWrapper { background: #e3e4e5; border: 1px solid #d2d4d5; padding: 10px 12px; margin: 0 0 15px 0; }
.filterWrapper select { width: 177px; margin: 0 5px 0 0; padding: 3px; height: 25px; font-size: 12px; color: #006da0; vertical-align: middle; }

.resultItem { width: 100%; background: url(img/dots_horiz.gif) repeat-x 0 0; }
.resultItem th, .resultItem td { padding: 12px 0; }
.resultItem th { width: 100px; text-align: center; }
.resultItem td { font-size: 11px; line-height: 15px; }
.resultItem td a { font-size: 13px; line-height: 15px; font-weight: bold; }

.pageNavWrapper { background: url(img/dots_horiz.gif) repeat-x 0 0; text-align: center; padding: 20px 0 0 0; }
.pageNav { margin: 0; padding: 0; list-style: none; }
.pageNav li { display: inline; font-size: 11px; font-weight: bold; }
.pageNav li a:link, .pageNav li a:active, .pageNav li a:visited { display: inline-block; background: #e3e4e5; padding: 1px 7px; margin: 0 1px; color: #404141; }
.pageNav li a:hover { display: inline-block; background: #8c9396; color: #ffffff; padding: 1px 7px; margin: 0 1px; }
.pageNav li a.back { margin: 0 15px 0 0; }
.pageNav li a.forward { margin: 0 0 0 15px; }
.pageNav li a.active { background: #a8b400; color: #ffffff; }

.pageTitle { background: url(img/dots_horiz.gif) repeat-x left bottom; padding: 0 0 15px 0;  }
.pageTitle h1 { font: 26px Calibri, Arial, sans-serif; text-transform: uppercase; line-height: 26px; }
.pageSubtitle { font-weight: bold; text-transform: uppercase; color: #006da0; padding: 12px 0 0 0; }
.productInfoWrapper { width: 100%; margin: 25px 0 0 0; }
.productInfoWrapper th { width: 240px; text-align: center; }
.productInfo { width: 100%; }

.productInfo th, .productInfo td { padding: 5px 10px; vertical-align: top; }
.productInfo th { background: #e3e4e5; width: 150px; text-align: left; text-transform: uppercase; }
.productInfo td { background: #ecf7f9; }
.productDataWrapper { padding: 0 0 25px 0; }
.productDataWrapper div { background: #e3e4e5; margin: 25px 0 0 0; padding: 5px 10px; text-transform: uppercase; }
.productDataWrapper p { margin: 13px 0 0 0; padding: 0 10px; }
.pageContent { padding: 15px 0 10px 0; }
.pageContent p { margin: 0 0 13px 0; }
.pageContent td p { margin: 0; }
.pageFooter { background: url(img/dots_horiz.gif) repeat-x left top; padding: 15px 0 0 0; text-align: right;  }
.pageFooter a { font-size: 11px; margin: 0 0 0 25px; }
.pageFooter a img { margin: 0 7px 0 0; vertical-align: middle; }

.footer { width: 900px; margin: 0 auto; }
.footer td { padding: 15px 0; font-size: 11px; color: #595e63; line-height: 16px; vertical-align: top; }
.footerRight { text-align: right; }

/* Image loader classes */
.clickableImage{}
.clickableImageActive{}
.slide{}
/* end classes */