/*
 * Colors: 
 * background: #fff
 * a, h: #bf0030 {red}
 * p: #787878 { grey }
 * bottom small: #ccc { grey }
 * 
 * */

/* Reset */
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, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; background: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; }
a { color: #bf0030; text-decoration: none; }
a:hover { color: #bf0030; text-decoration: underline; }
div.cleaner { clear: left; height: 1px; visibility: hidden; }
img.floated { float: right; margin: 0 0 15px 15px; }

p { line-height: 135%; }

/* Headers */
h1 { width: 140px; height: 85px; display: block; float: left; text-indent: -2000px; overflow: hidden; background: url('../images/logo.gif') no-repeat top left; }
h2 { color: #bf0030; padding: 20px; font-weight: normal; font-size: 1.4em; margin: 30px 0 0 0; }
h2 small { color: #787878; display: block; font-size: 0.65em; }
h2 a, h3 a, h2 a:hover, h3 a:hover { text-decoration: none; }

/* Main blocks */
#main { width: 920px; margin: 0 auto; background: url('../images/main.gif') no-repeat top left; min-height: 200px; position: relative; }
#top { width: 920px; height: 85px; border-bottom: 2px solid #bf0030; margin: 0 auto; position: relative; }
#bottom { width: 920px; height: 35px; margin: 0 auto; background: url('../images/bottom.gif') no-repeat top left; text-align: center; font-size: 0.7em; color: #787878; padding-top: 15px; }
#bottom a { text-decoration: none; color: #787878; }
#bottom small { color: #ccc; }
#bottom small a { color: #ccc; }
.homepage #bottom { background: none; padding-top: 12px; }

#left, #right { float: left; min-height: 654px; }
#blocked h2 { margin: 0; }
#blocked p { margin: 0 20px 20px 20px; font-size: 0.95em; color: #787878; }
#blocked.contact p { padding: 0 0 20px 0; }

/* Layouts */
.homepage #main {}
.smallRight #main { min-height: 645px; }
.smallLeft #main { min-height: 654px; }

.homepage #main #left { width: 920px; background: url('../images/homeLeft.jpg') no-repeat top left; float: none; min-height: 352px; }
.homepage #main #right { width: 920px; height: 138px; background: url('../images/homeRight.jpg') no-repeat top left; float: none; overflow: hidden; min-height: 138px; }

.smallLeft #main #left { width: 196px; background: url('../images/smallLeft.jpg') no-repeat top left; }
.smallLeft #main #right { width: 724px; }

.smallLeft.about #main #right { background: url('../images/rightAboutBg.gif') no-repeat top right; }

.smallRight #main #left { width: 658px; font-size: 0.8em; color: #787878; }
.smallRight #main #left h2 { font-size: 1.7em; }
.smallRight #main #right { width: 262px; background: url('../images/smallRight.jpg') no-repeat top right; }


/* Main menu */
#menu { height: 28px; line-height: 28px; list-style: none; float: right; padding-top: 57px; }
#menu li { display: block; float: left; margin-left: 79px; }
#menu li a { display: block; overflow: hidden; height: 28px; line-height: 26px; color: #787878; float: left; }
#menu li a:hover, #menu li.selected a { text-decoration: none; color: #bf0030; }


/* Language menu */
#language { position: absolute; top: 10px; right: 0; font-size: 0.7em; }
#language a { color: #787878; text-decoration: none; margin: 0 8px; }
#language a.last { margin: 0 0 0 8px; }
#language a:hover, #language a.selected { color: #bf0030; }

/* Pagebar */
.pagebar { text-align: right; margin: 10px 20px; color: #787878; font-size: 0.9em; }
.pagebar a { color: #787878; padding: 7px; }
.pagebar span { color: #bf0030; text-decoration: underline; padding: 7px; }  

/* Additional */
#home { display: block; position: absolute; top: 0; left: 0; height: 85px; width: 140px; }
#home a { display: block; height: 85px; width: 140px; overflow: hidden; text-indent: -2000px; }

.alert { font-size: 0.8em; color: #999; border: 1px solid #ddd; padding: 10px; margin: 10px; }

#breadcrumbs { font-size: 0.6em; color: #787878; position: absolute; top: 20px; left: 20px; }
#breadcrumbs a, #breadcrumbs span { color: #787878; }
.smallLeft #breadcrumbs { left: 216px; }

/* News box */
#left .news { background: url(../images/newsLeft.gif) center bottom no-repeat; padding: 20px; }
#left .news h3.cufoned { color: #bf0030; padding: 0 0 20px 0; font-weight: normal; font-size: 1.4em; }
#left .news p { padding-bottom: 10px; }
#left .news p a { background: url(../images/eventRightLink.gif) right 6px no-repeat; padding-right: 10px; }
#left .news div.image { width: 300px; float: left; margin: 0 30px 30px 0; }

/* Calendar event */
#right .event, #right .distributor { background: url(../images/eventRight.gif) center bottom no-repeat; padding: 20px; font-size: 0.8em; color: #787878; }
#right .event h3, #right .distributor h3 { display: none; }
#right .event p, #right .distributor p { padding-bottom: 10px; }
#right .event p strong { color: #bf0030; display: block; }
#right .event p a { background: url(../images/eventRightLink.gif) right 6px no-repeat; padding-right: 10px; }
#right .event div.image { width: 90px; float: left; margin-right: 5px; }

.smallRight #right form { padding: 0 20px; font-size: 0.8em; color: #787878; }
.smallRight #right form label { font-size: 0.9em; display: block; margin-bottom: 4px; }
.smallRight #right form select { width: 100%; }

#contactForm { width: 452px; font-size: 0.8em; color: #787878; text-align: left; margin: 0 20px 20px 20px; }
#contactForm label { display: block; }
#contactForm td { width: 226px; }
#contactForm .text { width: 216px; border: 1px solid #d8d8d8; margin: 4px 0 10px 0; }
#contactForm textarea { width: 442px; border: 1px solid #d8d8d8; margin: 4px 0 10px 0; }
#contactForm .sendbutton { float: right; overflow: hidden; width: 36px; height: 20px; border: 0; padding: 20px 0 0 0; text-indent: -2000em; background: transparent url(../images/sendButton.gif) left top no-repeat; cursor: pointer; display: block; }
form>#contactForm .sendbutton { padding: 0; }
#contactForm .sendbutton.cz { background: transparent url(../images/sendButton_cz.gif) left top no-repeat; width: 42px; }
#contactForm .sendbutton.en { background: transparent url(../images/sendButton_en.gif) left top no-repeat; }
#contactForm .sendbutton.fr { background: transparent url(../images/sendButton_fr.gif) left top no-repeat; width: 50px; }
#contactForm .sendbutton.de { background: transparent url(../images/sendButton_de.gif) left top no-repeat; width: 48px; } 

#adminMenu { position: fixed; top: 100px; left: 20px; font-size: 0.7em; background: #eee; border: #ccc; }
#adminMenu ul { list-style: none; }
#adminMenu a { display: block; padding: 5px 10px; border-bottom: 1px solid #ddd; }
#adminMenu a.button { background: url(../images/admin/admin_down.gif) 75px 6px no-repeat #515151; color: #fff; text-decoration: none; padding: 10px 30px 10px 10px; border-bottom: 2px solid #9D1C35; }
#adminMenu a.button.up { background: url(../images/admin/admin_up.gif) 75px 6px no-repeat #515151; }
#adminMenu p.user { padding: 10px; background: #ccc; }
#adminMenu p.user a { padding: 5px 0; border: 0; }

.banner { width: 306px; height: 138px; overflow: hidden; float: left; position: relative; }
.banner .image { width: 140px; height: 138px; overflow: hidden; float: left; text-align: center; }
.banner h2 { margin: 0; font-size: 0.9em; }
.banner p { font-size: 0.7em; color: #787878; }
.banner p.link a { position: absolute; bottom: 10px; right: 10px; display: block; width: 35px; height: 11px; overflow: hidden; text-indent: -1000px; background: url(../images/more.gif) right top no-repeat; }
.banner p.link.cz a { width: 32px; background: url(../images/more_cz.gif) right top no-repeat; }
.banner p.link.de a { background: url(../images/more_de.gif) right top no-repeat; }
.banner p.link.fr a { width: 62px; background: url(../images/more_fr.gif) right top no-repeat; }

/* Product menu */
#productMenu { list-style: none; margin-top: 50px; }
#productMenu li { background: url(../images/productMenuLi.gif) left bottom no-repeat; display: block; }
#productMenu li a { height: 45px; display: block; line-height: 45px; color: #787878; padding-left: 20px; }
#productMenu li a:hover, #productMenu li a.selected { text-decoration: none; color: #bf0030; }
#productMenu li.last { background: none; }
#productMenu li ul { list-style: none; }
#productMenu li ul li a { font-size: 0.8em; background: url(../images/productMenuLi.gif) left top no-repeat;}

.downloadCollection { position: absolute; display: block; right: 0; top: 50px; background: url(../images/downloadCatalogue_en.gif) left top no-repeat; overflow: hidden; width: 134px; height: 17px; text-indent: 6000px; }
.downloadCollection a { width: 134px; height: 17px; display: block; }
.languageen .downloadCollection, .languagefr .downloadCollection, .languagede .downloadCollection, .languageen .downloadCollection a, .languagefr .downloadCollection a, .languagede .downloadCollection a { width: 167px; }
.languagecz .downloadCollection { background: url(../images/downloadCatalogue_cz.gif) left top no-repeat; }
.languageen .downloadCollection { background: url(../images/downloadCatalogue_en.gif) left top no-repeat; }
.languagefr .downloadCollection { background: url(../images/downloadCatalogue_fr.gif) left top no-repeat; } 
.languagede .downloadCollection { background: url(../images/downloadCatalogue_de.gif) left top no-repeat; }

.collection { background: url(../images/newsLeft.gif) center bottom no-repeat; padding: 20px; display: block; position: relative; min-height: 150px; }
.collection.last { background: none; }
.collection .leftcol { width: 282px; float: left;  }
.collection .rightcol { width: 402px; float: left; }
.collection img { width: 260px; height: 138px; border: 1px solid #e0e0e0; display: block; }
.collection p { color: #787878; font-size: 0.75em; padding-top: 14px; }
.sectionPar { color: #787878; font-size: 0.8em; padding: 0 20px 20px 20px; }

/* Product */
.productListing { float: left; width: 121px; height: 153px; margin: 0 0 20px 20px; position: relative; }
.productListing .image img { width: 121px; height: 121px; display: block; }
.productDiv { background: url(../images/newsLeft.gif) center bottom no-repeat; padding: 0 20px; height: 1px; display: block; position: relative; clear: left; }
.productListing .details { width: 44px; height: 12px; display: block; margin: 10px auto 0 auto ; background: url(../images/details.gif) left top no-repeat; overflow: hidden; text-indent: -2000px; }
.languagecz .productListing .details { width: 58px; background: url(../images/details_cz.gif) left top no-repeat; }
.languagede .productListing .details { width: 32px; background: url(../images/details_de.gif) left top no-repeat; }
.languagefr .productListing .details { width: 52px; background: url(../images/details_fr.gif) left top no-repeat; }

.productTabs { clear: left; }
.productTabs ul { height: 29px; width: 684px; list-style: none; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #efefef; }
.productTabs ul li { height: 29px; float: left; display: block; }
.productTabs ul li a { height: 28px; line-height: 28px; display: block; padding: 0 36px; border: 1px solid #efefef; border-bottom: 0; margin-right: 1px; background: url(../images/productTab.gif) left top repeat-x; color: #787878; font-size: 0.85em; }
.productTabs ul li a:hover, .productTabs ul li a.selected { background: url(../images/productTab.gif) left bottom repeat-x; color: #fff; text-decoration: none; }
.productTab { padding: 22px; color: #787878; font-size: 0.8em; line-height: 150%; }

.imageBox { height: 376px; margin: 0 0 30px 20px; }
.imageBox .mainImage { height: 376px; width: 566px; float: left; }
.imageBox .mainImage img { height: 376px; width: 566px; }
.imageBox .secondaryImages { height: 346px; width: 108px; float: left; margin-left: 10px; padding-top: 30px; }
.imageBox .secondaryImages img { height: 77px; width: 106px; margin-bottom: 9px; border: 1px solid #efefef; }

/* About us */
#right.about p { color: #787878; font-size: 0.8em; padding: 0 20px 20px 20px; }
#right.about p img.floated { margin: -20px -20px 15px 15px; }

.detailButton { margin: 20px 0 0 0; }
.detailButton a { display: block; float: right; width: 104px; height: 13px; background: url(../images/showProducts.gif) top left no-repeat; overflow: hidden; text-indent: -4000px; }
.languagecz .detailButton a { width: 124px; background: url(../images/showProducts_cz.gif) left top no-repeat; }
.languagefr .detailButton a { width: 126px; background: url(../images/showProducts_fr.gif) left top no-repeat; }
.languagede .detailButton a { width: 38px; background: url(../images/showProducts_de.gif) left top no-repeat; }

.about table { font-size: 0.8em; color: #787878; margin: 0 20px; }
.about table td { vertical-align: top; }
.about table td.inside { padding: 0 20px; width: 330px; }
.about table img { float: left; margin: 0 20px 20px 0; }
.about table td.inside img { float: right; margin: 0 0 20px 20px; }

.subProducts { width: 130px; height: 17px; position: absolute; top: 60px; right: 18px; }
.subProducts a { display: block; position: absolute; width: 62px; height: 17px; overflow: hidden; text-indent: -4000px; top: 0; }
.subProducts a.next { right: 0; background: url(../images/productNext.gif) left bottom no-repeat; }
.subProducts a.previous { left: 0; background: url(../images/productPrevious.gif) left bottom no-repeat; }
.subProducts.cz { width: 134px; }
.subProducts.de { width: 128px; }
.subProducts.fr { width: 138px; }
.subProducts.cz a.next { background: url(../images/productNext_cz.gif) left bottom no-repeat; }
.subProducts.cz a.previous { background: url(../images/productPrevious_cz.gif) left bottom no-repeat; width: 66px; }
.subProducts.de a.next { background: url(../images/productNext_de.gif) left bottom no-repeat; width: 66px; }
.subProducts.de a.previous { background: url(../images/productPrevious_de.gif) left bottom no-repeat; width: 58px; }
.subProducts.fr a.next { background: url(../images/productNext_fr.gif) left bottom no-repeat; width: 66px; }
.subProducts.fr a.previous { background: url(../images/productPrevious_fr.gif) left bottom no-repeat; width: 66px; }

.productOption { width: 75px; height: 90px; display: block; overflow: hidden; float: left; text-align: center; margin: 0 20px 10px 0; line-height: 110%; font-size: 0.9em; }
.productOption a { display: block; color: #787878; }
.productOption img { display: block; margin: 0 auto 6px auto; }
.optionsDiv { background: url(../images/newsLeft.gif) center bottom no-repeat; padding: 0 20px; height: 1px; display: block; position: relative; clear: left; margin-bottom: 25px; }


/* SLIMBOX */

#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../images/slimbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

p.contactItem { float: left; width: 190px; margin: 0 0 0 20px; }

.about table { line-height: 135%; }