html, body, form { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { background-color: #FFF; font-family: Tahoma; font-size: 11px; line-height: 14px; }
form { overflow: hidden; }

#IE6 { position: absolute; padding: 17px; color: #FFF; font-weight: bold; }
#IE6 a { color: #FFF; }

#background { position: fixed; top: 0; left: 0; visibility: hidden; }
#container { width: 100%; height: 100%; overflow: hidden; min-width: 1024px; min-height: 660px; }
#main { position: relative; z-index: 1; color: #FFF; width: 100%; height: 100%; }
#main.white { color: #837162; }
#images { overflow: hidden; min-width: 1024px; min-height: 660px; }
#images img { position: fixed; top: 0; left: 0; display: none; }

#logo { position: absolute; top: 25px; right: 17px; }
#language { position: absolute; bottom: 25px; left: 17px; text-decoration: none; color: inherit; cursor: pointer; }
#vatNumber { position: absolute; bottom: 25px; right: 17px; color: inherit; }
/* Fix IE7 */
#language, #vatNumber { color: expression(this.parentNode.currentStyle.color); }

.wait { display: none; margin: auto; }
.lower { text-transform: lowercase; }

#menu { position: absolute; top: 25px; left: 17px; line-height: 14px; }
.menuColumn { float: left; width: 90px; margin-right: 10px; overflow: hidden; }
.menuItem { float: left; clear: left; cursor: pointer; padding: 0px 2px; text-decoration: none; text-transform: lowercase; white-space: nowrap; }
.menuItem:hover { color: #000; background-color: #F1AA00; }
.menuHeader { font-style: italic; }
.menuSeparator { clear: left; height: 15px; width: 10px; }
#submenu { overflow: hidden; position: absolute; top: 80px; left: 17px; width: 190px; display: none; }
#menu .selected, #submenu .selected { color: #000; background-color: #F1AA00; }

#content1 { position: absolute; top: 80px; left: 217px; width: 790px; display: none; }
#content2 { position: absolute; top: 80px; left: 17px; width: 990px; padding-top: 5px; border-top: solid 1px #837162; display: none; }

#back { cursor: pointer; line-height: 11px; float: left; margin-top: 3px; }
#back img { display: block; float: left; margin-right: 4px; }
.productReferences { cursor: pointer; position: absolute; top: 5px; left: 300px; line-height: 11px; float: left; color: #000; }
.imagesNav { position: absolute; top: 8px; left: 100px; color: #F1AA00; }
.imagesNav img { cursor: pointer; display: block; float: left; margin-right: 4px; }
.imagesNav div { float: left; margin-right: 4px; line-height: 11px; font-weight: bold; }

.pagesNav { position: absolute; bottom: 25px; left: 210px; color: #000; }
.pagesNav span { display: block; float: left; margin-top: 4px; }
.currentPage { color: #F1AA00; font-weight: bold; }
.pagesNavActive, .pagesNavActive:visited { display: block; float: left; margin: 4px 8px 0px 8px; text-decoration: none; }
.pagesNavDisabled, .pagesNavDisabled:visited { display: block; float: left; margin: 4px 8px 0px 8px; color: #ddd; text-decoration: none; cursor: default; }
.itemsCount { position: absolute; bottom: 25px; left: 10px; color: #000; }

.title { float: left; overflow: hidden; margin: 0px 5px 0px 0px; padding-top: 5px; color: #F1AA00; font-size: 14px; font-weight: bold; }

.dropDown { float: left; clear: left; height: 19px; }
.dropDownSelection { float: left; height: 15px; width: 163px; background-color: #fff; color: #000; padding: 2px 5px 0px 5px; cursor: pointer; }
.dropDownButton { height: 17px; width: 17px; margin-left: 173px; background: url(Layout/showdropdownoptions.gif) no-repeat; cursor: pointer; }

/* Home */
.highlightContainer { position: absolute; width: 190px; height: 190px; overflow: hidden; background: url(Layout/black.png); }
.highlight1 { left: 0px; top: 0px; }
.highlight2 { left: 200px; top: 0px; }
.highlight3 { left: 0px; top: 200px; }
.highlight4 { left: 200px; top: 200px; }
.highlight5 { left: -200px; top: 0px; }
.highlight6 { left: -200px; top: 200px; }
.highlight { width: 170px; height: 175px; padding: 5px 10px 10px 10px; overflow: hidden; }
.highlight .title { float: none; }
.highlightLink { display: block; float: right; margin: 5px 0px 0px 0px; cursor: pointer; }
.highlightLink img { border: none; }
#dialog { display: none; position: absolute; z-index: 1; cursor: pointer; background-color: #FFF; color: #000; min-height: 170px; width: 370px; padding: 10px; }
.dialog { display: none; }

/* References */
#referencesHeader { overflow: hidden; background-color: #FFF; height: 36px; width: 656px; padding: 10px 7px 0px 7px; margin-bottom: 2px; color: #F1AA00; font-size: 14px; font-weight: bold; }
#referencesHeader div { cursor: pointer; float: left; }
#referenceList { clear: left; background-color: #FFF; color: #000; height: 506px; width: 656px; padding: 0px 7px; overflow: auto; }
#referenceList tr { height: 20px; }
#referenceList td { border-bottom: solid 1px #837162; }
.tdCountry { width: 95px; }
.tdCity { width: 200px; }
.tdTitle { width: 300px; }
.tdImages { width: 60px; }
.clickable { cursor: pointer; }
#countriesOptions { display: none; float:left; margin-top: 2px; width: 190px; color: #000; background-color: #fff; padding: 5px; }
#countriesOptions div:hover { cursor: pointer; text-decoration: underline; }

.referenceFamilies { position: absolute; left: 300px; color: #000; line-height: 17px; padding-top: 5px; }
.referenceFamily { cursor: pointer; text-transform: uppercase; }
#referenceThumbs { position: absolute; top: 44px; }
#referenceThumbs img { cursor: pointer; margin: 0px 8px 10px 0px; }
#referenceDetails { position: absolute; top: 0px; left: 300px; width: 690px; }
.referenceDetail { display: none; }
.location { clear: left; margin-bottom: 10px; }

/* Products */
#productsTitle { overflow: hidden; float: left; width: 180px; height: 100px; margin: 0px 2px 2px 0px; padding: 8px 0px 0px 8px; background-color: #F1AA00; color: #000; font-size: 12px; text-transform: lowercase; }
#familyList { overflow: hidden; width: 580px; height: 108px; margin-bottom: 2px; background-color: #FFF; color: #837162; line-height: 13px; text-transform: uppercase; }
.familyGroup { margin-left: 10px; width: 90px; float: left; padding-top: 2px; }
.familyGroupLast { margin-left: 10px; width: 70px; float: left; padding-top: 2px; }
.familyGroup span, .familyGroupLast span { cursor: pointer; }
#productList { clear: left; background-color: #FFF; height: 446px; width: 770px; overflow: auto; }
.productGroup { clear: left; padding-left: 8px; overflow: hidden; }
.productGroupTitle { cursor: pointer; text-transform: uppercase; color: #000; }
.productGroupSubtitle { color: #837162; }
.productItem { cursor: pointer; display: block; float: left; margin: 0px 10px 5px 0px; }
.productHeight { height: 90px; width: 0px; float: left; }
#productList .hr { margin: 0px 10px 2px 10px; height: 2px; }

#product { overflow: hidden; position: absolute; top: 0px; left: 500px; width: 470px; color: #837162; background: url('layout/white.png'); padding: 0px 10px 5px 10px; }
#product .title { margin-bottom: 10px; text-transform: uppercase; }
#product .hr { margin-bottom: 5px; }
#productDesign { float: left; text-transform: lowercase; margin-right: 5px; padding-top: 5px; }
.productDesigner { float: left; color: #000; cursor: pointer; padding-top: 5px; }
.productMenuItem { overflow: hidden; text-transform: lowercase; color: #000; float: left; width: 86px; margin-right: 10px; }
.lastMenuItem { margin-right: 0px; }
.productMenuItem span, .productMenuItem img { cursor: pointer; }
.productMenuItem span.selected { color: #000; background-color: #F1AA00; }
.hidden { display: none; }
#project { margin-bottom: 5px; }
#productProject { padding: 0px 0px 10px 2px; clear: left; }
#productIcons { clear: left; overflow: hidden; padding: 10px 0px 0px 0px; }
#productIcons img { cursor: pointer; }
.productIcon { cursor: pointer; height: 60px; }
#productName { color: #000; text-transform: lowercase; }
#productMenu { overflow: hidden; margin-bottom: 10px; }
#productMenu .disabled { visibility: hidden; /*opacity: 0.4; filter: alpha(opacity=40);*/ }
#productMenu .disabled span { cursor: auto; }
#productDetails { color: #000; }
.productDetail { display: none; }
.variantCode { float: left; clear: left; margin-right: 5px; }
.variantDesc { overflow: hidden; }
.attachment { overflow: hidden; margin-bottom: 5px; }
.attachment a { text-decoration: none; color: #000; }
.attachmentImg { display: block; float: left; margin-right: 5px; }
.attachmentImg img { border: none; }

/* Designers */
#designerList { height: 550px; background-color: #FFF; overflow: hidden; }
#designerList .title { float: none; margin: 0px 0px 30px 10px; text-transform: lowercase; }
.designerGroup { overflow: hidden; margin-bottom: 10px; }
.designerItem { cursor: pointer; overflow: hidden; float: left; width: 90px; margin: 0px 10px 0px 0px; color: #000; }
.designerItem div { margin-left: 5px; overflow: hidden; }
#designer { background-color: #FFF; color: #000; width: 100%; height: 550px; overflow: auto; }
#designer .title { padding-left: 100px; float: none; }
.designerImage { clear: left; float: left; width: 90px; padding: 12px 10px 0px 0px; }
.designerDesc { width: 290px; padding: 10px 40px 0px 0px; float: left; overflow: hidden; }
.designerProjects { padding-top: 8px; overflow: hidden; }
.projectLeft { cursor: pointer; clear: left; float: left; margin: 0px 10px 10px 0px; text-align: center; height: 90px; width: 190px; }
.projectRight { cursor: pointer; margin: 0px 20px 10px 0px; height: 90px; }
.projectGroup { clear: left; }
.projectGroupTitle { text-transform: uppercase; }

.hr { clear: left; height: 1px; background-color: #837162; line-height: 1px; }

/* JScrollPane */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: relative; cursor: pointer; top: 0; height: 100%; background: #FFF; }
.jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; background: url('layout/scrolldragmiddle.gif') repeat-y; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; background: url('layout/scrolldragtop.gif') no-repeat; height: 12px; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; background: url('layout/scrolldragbottom.gif') no-repeat; height: 12px; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

/* Company */
.divCompany { position: relative; height: 315px; background-color: #fff; }
.divCompanyImage { overflow: hidden; float: left; width: 390px; height: 315px; background-repeat: no-repeat; }
.divCompanyImageContent { padding: 5px 10px 10px 10px; }
.divCompanyHeadline { font-size: 14px; padding: 150px 170px 0px 0px; }
.companyHeadline { color: #fff; font-weight: bold; }
.divCompanyDescription { padding: 10px; height: 295px; overflow: auto; }
.companyDescription { color: #9f9387; line-height: 14px; }
.companyImagesNav { position: absolute; bottom: 10px; color: #F1AA00; }
.companyImagesNav img { cursor: pointer; display: block; float: left; margin-right: 4px; }
.companyImagesNav div { float: left; margin-right: 4px; line-height: 11px; font-weight: bold; }
#companyImages { display: none; }

/* News */
.divNews { height: 550px; background-color: #fff; }
.divNews .title { float: none; padding: 5px 0px 0px 10px; text-transform: lowercase; }
.divRepNews { height: 482px; }
.divNewsSeparator { float: left; width: 10px; }
.divNewsFooter { clear: left; height: 20px; }
.divNew { float: left; width: 190px; background-color: #fff; }
.divNewContent { padding: 10px; }
.divNewDate { }
.newDate { color: #9f9387; line-height: 14px; }
.divNewSubtitle { padding-bottom: 5px; }
.newSubtitle { color: #000; line-height: 14px; }
.divNewImage { height: 170px; }
.newImage { display: block; }
.divNewHeadLine { padding-top: 10px; }
.newHeadline { color: #9f9387; line-height: 14px; }
.divNewLinkDetail { padding: 10px 3px 10px 3px; }
.linkNewsDetail, .linkNewsDetail:visited { display: block; width: 9px; height: 14px; background: url(Layout/freccia_gialla_next.png) no-repeat; text-decoration: none; }

/* News Detail */
.divNewsDetail { height: 550px; background-color: #fff; }
.divNewsDetailLeftColumn { float: left; width: 300px; }
.divNewsDetailRightColumn { margin-left: 300px; }
.divNewsDetailHeader { height: 96px; }
.divNewsDetailDescription { height: 442px; overflow: auto; }
.divNewsDetail .title { float: none; padding: 5px 0px 0px 10px; text-transform: lowercase; }
.divNewsDetailBack { float: right; padding: 5px 10px 5px 10px; }
.linkNewsDetailBack { display: block; padding: 1px 0px 3px 15px; color: #000; background: url(Layout/freccia_gialla_prev.png) no-repeat 0px 2px; text-decoration: none; }
.divNewDetailDate { padding: 15px 10px 0px 10px; color: #9f9387; line-height: 14px; }
.divNewDetailSubtitle { padding: 0px 10px 0px 10px; color: #000; line-height: 14px; }
.divNewDetailTitle { padding: 0px 10px 0px 10px; color: #000; line-height: 14px; }
.divNewDetailDescription { padding: 0px 10px 0px 10px; color: #9f9387; line-height: 14px; }
.divNewsDetailHeaderContentRight { padding-top: 50px; }
.divNewsDetailChangeImage { float: left; padding-right: 10px; }
.linkNewsDetailPreviousImage { display: block; width: 9px; height: 14px; background: url(Layout/freccia_gialla_prev.png) no-repeat; text-decoration: none; }
.linkNewsDetailNextImage { display: block; width: 9px; height: 14px; background: url(Layout/freccia_gialla_next.png) no-repeat; text-decoration: none; }
.divNewsDetailPlayVideo { margin: 0px 315px 0px 100px; }
.linkNewsDetailPlayVideo { display: block; padding: 1px 0px 3px 0px; color: #eebc2c; background: url(Layout/freccia_gialla_next.png) no-repeat 100% 2px; text-decoration: none; }
#divNewsDetailVideo { position: absolute; z-index: 1; display: none; width: 490px; height: 538px; background-color: #fff; }
.divNewsDetailBackToImages { padding: 50px 0px 0px 90px; }
.linkNewsDetailBackToImages { display: block; padding: 1px 0px 3px 15px; color: #F1AA00; background: url(Layout/freccia_gialla_prev.png) no-repeat 0px 2px; text-decoration: none; }
#linkNewsDetailPlayer { display: block; width: 480px; height: 300px; background-color: #eee; }

/* Press */
.divPress { height: 550px; background-color: #fff; }
.divPress .title { float: none; padding: 5px 0px 20px 10px; text-transform: lowercase; }
.divPressItem { width: 158px; overflow: hidden; }
.divPressItemContent { padding: 0px 10px 20px 10px; }
.divPressHeading { color: #000; line-height: 14px; }
.divPressDate { color: #9f9387; line-height: 14px; }
.divPressCountry { padding-bottom: 3px; color: #9f9387; line-height: 14px; text-transform: uppercase; }
.divPressSubMenu { height: 550px; }
.divPressSubMenuContent { padding-top: 30px; }
.divPressDropDown { height: 19px; }
.divPressDropDownSelection { float: left; height: 17px; width: 173px; background-color: #fff; color: #000; }
.divPressDropDownSelectionText { padding: 2px 5px 0px 5px; }
.divPressDropDownButton { height: 17px; width: 17px; margin-left: 173px; background: url(Layout/showdropdownoptions.gif) no-repeat; cursor: pointer; }
.divPressDropDownOptions { display: none; padding: 5px 0px 5px 5px; width: 185px; height: 200px; overflow: auto; background-color: #fff; }
.divPressDropDownOptions div { color: #000; text-decoration: none; cursor: pointer; }
.divPressDropDownOptions div:hover { text-decoration: underline; }
.divPressDropDownSpacer { height: 8px; font-size: 0px; }
.divPressSearch { padding-top: 15px; }
.linkPressSearch { display: block; width: 50px; height: 14px; padding-bottom: 2px; color: #fff; text-decoration: none; background: url(Layout/freccia_gialla_next.png) no-repeat 100% 2px; }
.divPressOffice { padding: 70px 0px 10px 0px; }
.linkPressOffice { color: #fff; text-decoration: none; cursor: pointer; }
#divPressOffice { position: absolute; display: none; width: 190px; background-image: url(Layout/backgroundtransparent.png); }
#linkClosePressOffice { cursor: pointer; position: absolute; top: 5px; right: 5px; width: 8px; height: 8px; font-size: 0px; background: url(Layout/closeyellow.png) no-repeat; }
.divPressOfficeTitle { padding: 5px 5px 0px 5px; color: #eac030; }
.divPressOfficeDescription { padding: 0px 5px 5px 5px; color: #fff; }
.divPressOfficeDescription a { color: #fff; text-decoration: none; }
.divPressOfficeDescription a:hover { text-decoration: underline; }
.imgPress { display: block; background-color: #fff; }

/* Contacts */
.divContactUs { height: 600px; }
.divContactUsLeft { float: left; width: 300px; }
.divContactUsCenter { float: left; width: 387px; border-left: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.divContactUsRight { margin-left: 690px; }
.divContactUsTitle { padding: 10px 10px 0px 10px; color: #000; line-height: 14px; }
.divContactUsAddress { padding: 0px 10px 5px 10px; line-height: 14px; }
.divContactUsEmail { float: left; padding: 10px 0px 0px 10px; line-height: 14px; }
.divContactUsSmallImage { margin-left: 130px; }
.linkContactUsMap { text-decoration: none; }
.imgContactUsMap { display: block; }
.divContactUsReachUs { padding: 10px; line-height: 14px; }
.divContactUsReachUs b { color: #000; }
.divContactUsContactsLabel { padding: 17px 10px 0px 10px; color: #000; line-height: 14px; }
.divContactUsRepContacts { padding: 0px 10px 10px 10px; }
.divContactUsContactHeader { height: 5px; border-bottom: 1px solid #bfbfbf; font-size: 0px; }
.divContactUsContact { border-bottom: 1px solid #bfbfbf; }
.divContactUsContactImage { float: left; }
.divContactUsContactContent { margin-left: 56px; padding: 5px 10px 0px 10px; }
.divContactUsContactRole { color: #000; line-height: 14px; }
.divContactUsContactData { color: #9f9387; line-height: 14px; }
.divContactUsContactData a { color: #9f9387; line-height: 14px; text-decoration: none; }
.divContactUsContactData a:hover { text-decoration: underline; }
.imgContactUsContact { display: block; }
.divContactUsContactEnd { clear: left; }
#divContactUsMap { position: absolute; visibility: hidden; width: 690px; height: 550px; margin-left: -1px; }
.contactsNav { color: #000; margin-top: 5px; }
.contactsNav span { display: block; float: left; margin-top: 4px; }
#backMap { position: relative; top: -15px; left: -80px; cursor: pointer; line-height: 14px; float: left; }
#backMap img { display: block; float: left; margin-right: 4px; }

/* Video */
.divVideo { height: 550px; background-color: #fff; }
.divVideo .title { float: none; padding: 5px 0px 20px 10px; text-transform: lowercase; }
.divDlVideo { height: 462px; }
.divVideoItem { width: 196px; overflow: hidden; }
.divVideoItemContent { padding: 0px 10px 20px 10px; }
.divVideoTitle { padding-bottom: 3px; color: #000; line-height: 14px; }
.divVideoHeadline { color: #9f9387; line-height: 14px; height: 25px; }
.divVideoLinkDetail { padding: 10px 3px 10px 3px; }
.linkVideoDetail, .linkVideoDetail:visited { display: block; width: 9px; height: 14px; background: url(Layout/freccia_gialla_next.png) no-repeat; text-decoration: none; }

/* Video Detail */
.divVideoDetail { height: 550px; background-color: #fff; }
.divVideoDetailLeftColumn { float: left; width: 200px; }
.divVideoDetailRightColumn { margin-left: 200px; }
.divVideoDetailTitle { padding: 20px 10px 0px 10px; color: #000; line-height: 14px; }
.divVideoDetailDescription { padding: 3px 10px 10px 10px; color: #9f9387; line-height: 14px; }
.divVideoDetail .title { float: none; padding: 5px 0px 0px 10px; text-transform: lowercase; }
.divVideoDetailBack { padding: 10px 10px 10px 0px; }
.linkVideoDetailBack { display: block; padding: 1px 0px 3px 15px; color: #9a8c7e; background: url(Layout/freccia_back.png) no-repeat 0px 2px; text-decoration: none; }
#linkVideoDetailPlayer { display: block; width: 480px; height: 300px; background-color: #eee; }

/* Materials */
.divMaterialList { height: 550px; width: 290px; margin-right: 2px; background-color: #fff; float: left; }
.divMaterialList .title { float: none; padding: 5px 0px 20px 10px; text-transform: lowercase; }
.materialGroup { overflow: hidden; margin-bottom: 10px; }
.materialItem { cursor: pointer; overflow: hidden; float: left; width: 90px; margin: 0px 10px 0px 0px; color: #000; }
.materialItem div { margin-left: 5px; overflow: hidden; }
.divMaterialDetails { width: 498px; height: 540px; overflow: auto; background-color: #fff; padding-bottom: 10px; }
.materialDetail { padding: 0px 10px; }
.materialTitle { color: #000; margin-top: 35px; }
.materialDesc { color: #9f9387; line-height: 14px; }
.materialImageGroup { overflow: hidden; margin-top: 10px; }
.materialImage { overflow: hidden; float: left; width: 82px; height: 86px; margin: 0px 10px 0px 0px; color: #fff; font-weight: bold; padding: 2px 4px; }

/* Error */
#errorContainer { text-align: center; padding-top: 100px; }
.errorType { font-weight: bold; }
.errorLink { font-weight: bold; color: #837162; }