/*////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Norman Geiersbach */ /* Eitido (c) 2009 */ /*////////////////////////////////////////////////////////////////////////////////////////////////*/ a, body, div, h1, h2, h3, html, img, li, p, table { border: 0; margin: 0; padding: 0; } a { color: #ff6907; outline: none; text-decoration: none; } a:hover { color: #ff6907; text-decoration: underline; } body { background: #ffffff url('Images/pageBackground.jpg') repeat-x; color: #545454; } body.popup { background-image: none; } body, input { font: 11px verdana, tahoma, arial, helvetica, sans-serif; } /* -- Common class elements --------------------------------------------------------------------- */ .clear { clear: both; } .errorBlock { display: block; background: #ffcccc url('Images/icoError.gif') 8px center no-repeat; border: solid 1px #d40008; color: #d40008; line-height: 150%; padding: 8px; padding-left: 40px; } .errorField { color: #d40008; /*background: url('Images/icoErrorField.gif') center center no-repeat; display: inline-block; width: 20px; height: 19px;*/ } .successBlock { display: block; background: #dbffc0 url('Images/icoSuccess.gif') 10px center no-repeat; border: solid 1px #44800b; color: #44800b; line-height: 150%; padding: 8px; padding-left: 40px; } .infoText { font-size: 9px; } .highlightBold { color: #ff6907; font-weight: bold; } .button, .buttonLarge, .buttonXLarge { background: url('Images/button.jpg') left center no-repeat; border: 0; color: #545454; font-weight: bold; line-height: 27px; text-align: center; display: block; margin-top: 1px; width: 96px; height: 28px; } .button:hover, .buttonLarge:hover, .buttonXLarge:hover { background-image: url('Images/button_h.jpg'); color: #ffffff; text-decoration: none; } .buttonLarge { background-image: url('Images/buttonLarge.jpg'); width: 160px; } .buttonLarge:hover { background-image: url('Images/buttonLarge_h.jpg'); } .buttonXLarge { background-image: url('Images/buttonXLarge.jpg'); height: 46px; } .buttonXLarge:hover { background-image: url('Images/buttonXLarge_h.jpg'); } a.buttonXLarge span { display: inline-block; padding-top: 8px; line-height: 133%; } input.button { line-height: normal; padding-bottom: 4px; padding-bottom: expression('1px'); } .checkBoxContainer .checkBox { float: left; padding-bottom: 12px; position: relative; } .checkBoxText { padding-left: 24px; } .dropDownList { width: 256px; } .dropDownListLarge { width: 256px; } .editField, .textField { border: solid 1px #c2c2c2; padding: 2px; padding-bottom: 3px; width: 252px; } .listNavigation { list-style-type: none; margin: 0; padding: 0; } .listNavigation li { background: url('Images/listNavigationSeparator.jpg') center top no-repeat; padding: 6px 0px; } .listNavigation li:first-child, .listNavigation li.first-child { background: none; } .listNavigation li a { background: url('Images/listNavigationDot.gif') left 6px no-repeat; color: #545454; display: block; font-weight: bold; line-height: 16px; padding-left: 12px; } .listNavigation li a:hover, .listNavigation li a.active { background-image: url('Images/listNavigationDot_h.gif'); color: #ff6907; text-decoration: none; } .listNavigation ul { list-style-type: none; margin: 0; padding: 0; margin-left: 20px; } .listNavigation ul li { background: none; padding-top: 7px; padding-bottom: 3px; } .listNavigation .formStateInvalid { background: url('Images/navStateInvalid.gif') right center no-repeat; padding-right: 20px; } .listNavigation .formStateInvalid div { display: block; font-weight: bold; line-height: 16px; } .listNavigation .formStateInvalid div.active { color: #ff6907; } .listNavigation .formStateValid { background: url('Images/navStateValid.gif') right center no-repeat; padding-right: 20px; } .listNavigation .formStateValid div { display: block; font-weight: bold; line-height: 16px; } .listNavigation .formStateValid div.active { color: #ff6907; } .highlightImage { float: right; margin: 8px 16px; } .highlightTextBlock { display: block; font-weight: bold; text-align: center; padding: 16px 170px 16px 0; } .highlightTextBlock strong { font-size: 17px; } .footnoteTextBlock { float: right; font-size: 9px; } .icoPdfDocument { background: url('Images/icoPdf.gif') left center no-repeat; display: block; color: #545454; line-height: 20px; padding-left: 20px; } .icoHelpSmall { background: url('Images/icoHelpSmall.jpg') left center no-repeat; color: #545454; padding-left: 15px; } .icoLink { background: url('Images/listNavigationDot.gif') left 4px no-repeat; color: #545454; line-height: 16px; padding-left: 12px; } .icoLink:hover { background-image: url('Images/listNavigationDot_h.gif'); } /* -- Page container ---------------------------------------------------------------------------- */ /* header */ #pageHeader { background: url('Images/pageBackground.jpg') repeat-x; position: relative; min-width: 980px; height: 112px; } #pageHeaderInner { background: url('Images/pageHeader.jpg') no-repeat; position: absolute; left: 50%; margin-left: -490px; width: 980px; height: 112px; } #pageHeaderOutside { background: url('Images/pageHeaderLeft.jpg') repeat-x; float: left; width: 50%; height: 112px; } #pageHeaderHelper { width: 980px; } #pageLogo { display: none; } #pageSlogan { display: none; } #pageHeaderQuickSearch { padding-left: 674px; margin-top: 6px; margin-right: 34px; height: 29px; } /* main */ #pageMain { margin: 0 auto; margin-top: 23px; min-height: 300px; width: 980px; } .mainContainerWrapper { clear: both; } .mainContainerWrapperOutside { float: left; width: 266px; } .mainContainerWrapperInside { float: right; width: 690px; } /* footer */ #pageFooter { position: relative; margin-bottom: 8px; min-width: 980px; height: 36px; } #pageFooterInner { background: url('Images/pageFooter.jpg') no-repeat; position: absolute; left: 50%; margin-left: -490px; width: 980px; height: 36px; } #pageFooterOutside { background: url('Images/pageFooterLeft.jpg') repeat-x; float: left; width: 50%; height: 36px; } #pageFooterHelper { width: 980px; } #pageFooterLogout { position: absolute; left: 50%; top: 0; margin-left: -490px; margin-top: 12px; width: 490px; padding-left: 27px; color: #545454; } /* -- Main container ---------------------------------------------------------------------------- */ .mainContainer { background: url('Images/mainContainer.jpg') repeat-y; line-height: 133%; position: relative; border-bottom: solid 24px #ffffff; /* the use of margin cause multiple ie bugs */ } .mainContainerHeadline { color: #ffffff; font-family: Arial; font-size: 13px; line-height: normal; position: absolute; left: 31px; top: 23px; } .mainContainerHeadlineDetail { display: block; margin-bottom: 8px; width: 690px; } .mainContainerInner { background: url('Images/mainContainerHeader.jpg') no-repeat; min-height: 21px; padding: 26px 55px 29px 235px; } .mainContainerFooter { height: 5px; } .mainContainerFooter { background: #ffffff url('Images/mainContainerFooter.jpg') no-repeat; } /* IE 6 bug fix */ .mainContainerWrapperOutside .mainContainer { background-image: url('Images/mainContainerSmall.jpg'); position: relative; } .mainContainerWrapperOutside .mainContainerHeadline { } .mainContainerWrapperOutside .mainContainerHeadlineDetail { width: 182px; } .mainContainerWrapperOutside .mainContainerInner { background-image: url('Images/mainContainerHeaderSmall.jpg'); } .mainContainerWrapperOutside .mainContainerInner { padding: 59px 29px 24px 55px; } .mainContainerWrapperOutside .mainContainerFooter { background-image: url('Images/mainContainerFooterSmall.jpg'); } .mainContainerWrapperInside .mainContainer { background-image: url('Images/mainContainerLarge.jpg'); position: relative; } .mainContainerWrapperInside .mainContainerHeadline { left: auto; right: 31px; } .mainContainerWrapperInside .mainContainerHeadlineDetail { width: 440px; } .mainContainerWrapperInside .mainContainerInner { background-image: url('Images/mainContainerHeaderLarge.jpg'); } .mainContainerWrapperInside .mainContainerInner { padding: 26px 55px 24px 29px; } .mainContainerWrapperInside .mainContainerFooter { background-image: url('Images/mainContainerFooterLarge.jpg'); } .mainContainerInner .imageContainerWrapper { background: url('Images/imageContainer.jpg') repeat-y; float: right; margin-left: 10px; margin-bottom: 10px; width: 159px; } .mainContainerInner .imageContainer { background: url('Images/imageContainerTop.jpg') no-repeat; } .mainContainerInner .imageContainerInner { background: url('Images/imageContainerBottom.jpg') left bottom no-repeat; padding: 5px; } .mainContainerInner .imageContainerInner img { width: 149px; } /* -- Navigation elements ----------------------------------------------------------------------- */ /* main */ #navigationMain { clear: both; list-style-type: none; margin: 0; padding: 0; padding-left: 27px; padding-top: 42px; } #navigationMain li { float: left; width: 99px; } #navigationMain li a { background: url('Images/navMain.jpg') no-repeat; color: #545454; display: block; /*font-size: 12px;*/ font-weight: bold; line-height: 16px; padding: 9px 5px; text-align: center; } #navigationMain li a:hover, #navigationMain li a.active { background-image: url('Images/navMain_h.jpg'); color: #ff6907; text-decoration: none; } /* footer */ #navigationFooter { float: right; list-style-type: none; margin: 12px 34px 0 0; } #navigationFooter li { border-left: solid 1px #000000; float: left; padding: 0 24px; } #navigationFooter li:first-child { border: 0; } #navigationFooter li a { display: block; color: #545454; line-height: 12px; } /* -- Form elements ----------------------------------------------------------------------------- */ .formContainer { } .formValidationSummary { /*padding-bottom: 12px;*/ } .formNoteContainer { background: #eeeeee; border: solid 1px #cccccc; padding: 10px; margin: 10px 0; } .formNoteContainer .button { background-image: url('Images/buttonNote.jpg'); } .formNoteContainer .button:hover { background-image: url('Images/buttonNote_h.jpg'); } .formNoteText { font-style: italic; } .formFieldsContainer { } .formFieldHeadline { color: #ff6907; font-style: italic; font-size: 12px; padding-bottom: 4px; padding-left: 96px; padding-top: 16px; } .formFieldSubHeadline { font-style: italic; font-size: 10px; padding-bottom: 4px; padding-left: 96px; } .formFieldContainer { background: url('Images/contentSeparator.jpg') center top no-repeat; padding-top: 12px; padding-left: 112px; padding-bottom: 16px; } .formFieldContainer:first-child { background: none; } .formFieldContainer .dropDownList { width: 190px; } .formFieldContainer .dropDownListLarge { width: 386px; } .formFieldContainer .editField, .formFieldContainer .textField { width: 380px; } .formFieldTitle { font-weight: bold; line-height: normal; padding-bottom: 6px; width: 398px; } .formFieldInfo { line-height: normal; padding-bottom: 6px; width: 390px; } .formFieldInput { } .formContainerButtons { padding-top: 8px; } .formContainerButtonInfo { float: left; padding-top: 8px; } .formContainerPrevButtons { float: left; margin-left: -4px; } .formContainerNextButtons { float: right; margin-right: -4px; } .formContainerFooter { clear: both; } .formFootnoteContainer { padding-top: 18px; } .formFootnote1 { float: left; font-size: 9px; } .formFootnote2 { float: right; font-size: 9px; text-align: right; } .fillOutWrapper .formFieldContainer { padding-left: 94px; } .fillOutWrapper .formFieldContainerInner { /*float: left;*/ width: 416px; } .fillOutWrapper .formFieldHideDetailsButton { background: url('Images/icoClose.jpg') no-repeat; display: block; float: right; margin-right: 8px; margin-top: 11px; width: 15px; height: 16px; } .fillOutWrapper .formFieldHideDetailsButton:hover { background-image: url('Images/icoClose_h.jpg'); } .fillOutWrapper .formFieldInput .editField { float: left; margin-top: 1px; } .fillOutWrapper .formFieldInput .checkBox { float: left; margin-top: 1px; } .fillOutWrapper .formFieldShowDetailsButton { background: url('Images/icoHelp.jpg') no-repeat; display: block; float: right; width: 20px; height: 21px; } .fillOutWrapper .formFieldShowDetailsButton:hover { background-image: url('Images/icoHelp_h.jpg'); } .fillOutWrapper .formFieldDetailsBox { clear: both; } .fillOutWrapper .formFieldDetailsBoxTop { background: url('Images/arrowOpen.jpg') 401px 8px no-repeat; clear: both; height: 28px; } .fillOutWrapper .formFieldDetailsBoxInside { background-color: #ffffff; border: solid 1px #b8b8b9; width: 416px; } .fillOutWrapper .formFieldDescription { float: left; margin: 12px 0px 12px 16px; width: 360px; } /* -- Page specific elements -------------------------------------------------------------------- */ #pageHeaderQuickSearch .button { background: url('Images/buttonQuickSearch.jpg') left center no-repeat; float: left; width: 74px; } #pageHeaderQuickSearch .button:hover { background-image: url('Images/buttonQuickSearch_h.jpg'); } #pageHeaderQuickSearch .editField { float: left; margin-top: 5px; width: 192px; } /* TODO: Remove highlighting when navigation is dynamic */ #pageDefault #navigationMain .navDefault a, #pageProducts #navigationMain .navProducts a, #pageProduct #navigationMain .navProducts a, #pagePreview #navigationMain .navProducts a, #pageOrder #navigationMain .navProducts a, #pageFillOut #navigationMain .navProducts a, #pageConfirmOrder #navigationMain l.navProducts a, #pagePayment #navigationMain .navProducts a, #pageReceipt #navigationMain .navProducts a, #pageDownload #navigationMain .navProducts a, #pageNews #navigationMain .navNews a, #pageMyAccount #navigationMain .navMyAccount a, #pageEditAccount #navigationMain .navMyAccount a, #pageChangePassword #navigationMain .navMyAccount a, #pageForms #navigationMain .navMyAccount a, #pagePackages #navigationMain .navMyAccount a, #pageOrders #navigationMain .navMyAccount a, #pageInvoices #navigationMain .navMyAccount a, #pageRegister #navigationMain .navMyAccount a, #pageHelp #navigationMain .navHelp a, #pagePress #navigationMain .navPress a, #pageContact #navigationMain .navContact a, #pageContactForm #navigationMain .navContact a, #pageImprint #navigationMain .navContact a, #pagePrivacy #navigationMain .navContact a, #pageTermsConditions #navigationMain .navContact a, #pagePartnerTermsConditions #navigationMain .navContact a, #pageBecomeAPartner #navigationMain .navContact a { background-image: url('Images/navMain_h.jpg'); color: #ff6907; } #pageEditAccount .listNavigation .navPersonalData a, #pageChangePassword .listNavigation .navChangePassword a, #pageForms .listNavigation .navForms a, #pagePackages .listNavigation .navPackages a, #pageOrders .listNavigation .navOrders a, #pageInvoices .listNavigation .navInvoices a { background-image: url('Images/listNavigationDot_h.gif'); color: #ff6907; text-decoration: none; } #pageContact .listNavigation .navContact a, #pageContactForm .listNavigation .navContactForm a, #pageImprint .listNavigation .navImprint a, #pagePrivacy .listNavigation .navPrivacy a, #pageTermsConditions .listNavigation .navTermsConditions a, #pagePartnerTermsConditions .listNavigation .navPartnerTermsConditions a, #pageBecomeAPartner .listNavigation .navBecomeAPartner a { background-image: url('Images/listNavigationDot_h.gif'); color: #ff6907; text-decoration: none; } /* Default page */ #pageDefault .mainContainerWrapperOutside { width: 478px; } #pageDefault .mainContainerWrapperInside { width: 478px; } #pageDefault .mainContainerWrapperInside .mainContainerHeadlineDetail { width: 228px; } #pageDefault .mainContainerWrapperOutside .mainContainer { background-image: url('Images/mainContainerMedium.jpg'); position: relative; } #pageDefault .mainContainerWrapperOutside .mainContainerHeadline { } #pageDefault .mainContainerWrapperOutside .mainContainerInner { background-image: url('Images/mainContainerHeaderMedium.jpg'); } #pageDefault .mainContainerWrapperOutside .mainContainerInner { padding: 59px 29px 29px 55px; } #pageDefault .mainContainerWrapperOutside .mainContainerFooter { background-image: url('Images/mainContainerFooterMedium.jpg'); } #pageDefault .mainContainerWrapperInside .mainContainer { background-image: url('Images/mainContainerMediumR.jpg'); position: relative; } #pageDefault .mainContainerWrapperInside .mainContainerHeadline { left: auto; right: 31px; } #pageDefault .mainContainerWrapperInside .mainContainerInner { background-image: url('Images/mainContainerHeaderMediumR.jpg'); } #pageDefault .mainContainerWrapperInside .mainContainerInner { padding: 26px 55px 29px 29px; } #pageDefault .mainContainerWrapperInside .mainContainerFooter { background-image: url('Images/mainContainerFooterMediumR.jpg'); } #pageDefault #mainContainerWrapperPresentation { background: url('Images/presentationBack.jpg') no-repeat; } #pageDefault #mainContainerWrapperPresentation .mainContainerInner { background-image: url('Images/mainContainerHeaderPresentation.jpg'); } #pageDefault #presentationContainer { height: 252px; overflow: hidden; } #pageDefault #tagCloudContainer { float: left; padding-left: 242px; margin-top: 24px; width: 246px; } #pageDefault #tagCloud { list-style-type: none; padding: 0; margin: 0; width: 246px; height: 192px; overflow: hidden; } #pageDefault #tagCloud li { float: left; line-height: 24px; padding-right: 7px; height: 24px; } #pageDefault #tagCloudContainer #btnTagCloudMore { display: block; line-height: 18px; text-align: right; padding-right: 7px; } #pageDefault #presentationList { list-style-type: none; padding: 0; margin: 0; float: right; width: 450px; height: 250px; padding-right: 24px; } #pageDefault #presentationList li { float: left; } #pageDefault #presentationList li a { display: block; } #pageDefault #presentationList li a span { display: none; } #pageDefault #presentationList #btnLegalCertifiedQuality { background: url('Images/btnLegalCertifiedQuality.jpg') no-repeat; width: 444px; height: 136px; /*margin-bottom: 14px;*/ } #pageDefault #presentationList #btnAssistant { background: url('Images/btnAssistant.jpg') no-repeat; width: 138px; height: 95px; margin-right: 15px; } #pageDefault #presentationList #btnReadyToUse { background: url('Images/btnReadyToUse.jpg') no-repeat; width: 138px; height: 95px; margin-right: 15px; } #pageDefault #presentationList #btnCustomerService { background: url('Images/btnCustomerService.jpg') no-repeat; width: 138px; height: 95px; } #pageDefault #mainContainerForFree .mainContainerInner { padding: 16px 55px 16px 235px; min-height: 16px; } #pageDefault #mainContainerForFree .listForFree { list-style-type: none; padding: 0; margin: 0; } #pageDefault #mainContainerForFree .listForFree li { float: left; width: 238px; } #pageDefault #mainContainerForFree .listForFree li a { background-repeat: no-repeat; color: #545454; display: block; font-size: 10px; padding-left: 4px; padding-right: 24px; min-height: 31px; } #pageDefault #mainContainerForFree .listForFree li a:hover { text-decoration: none; color: #ff6907; } #pageDefault #mainContainerForFree .listForFree li strong { display: block; font-size: 11px; padding-top: 1px; padding-left: 40px; margin-bottom: 4px; } #pageDefault #mainContainerForFree .listForFree li.number1 a { background-image: url('Images/number1.jpg'); } #pageDefault #mainContainerForFree .listForFree li.number1 a:hover { background-image: url('Images/number1_h.jpg'); } #pageDefault #mainContainerForFree .listForFree li.number2 a { background-image: url('Images/number2.jpg'); } #pageDefault #mainContainerForFree .listForFree li.number2 a:hover { background-image: url('Images/number2_h.jpg'); } #pageDefault #mainContainerForFree .listForFree li.number3 { width: 214px; } #pageDefault #mainContainerForFree .listForFree li.number3 a { background-image: url('Images/number3.jpg'); padding-right: 24px; } #pageDefault #mainContainerForFree .listForFree li.number3 a:hover { background-image: url('Images/number3_h.jpg'); } #pageDefault #mainContainerTopseller .certifiedByRNK { background: url('Images/mainContainerInnerCertified.gif') right bottom no-repeat; padding-bottom: 64px; } #pageDefault #mainContainerTopseller .listTopseller { list-style-type: none; padding: 0; padding-top: 3px; margin: 0; } #pageDefault #mainContainerTopseller .listTopseller li { } #pageDefault #mainContainerTopseller .listTopseller li a { background-repeat: no-repeat; color: #545454; display: block; font-size: 10px; height: 31px; padding-bottom: 8px; } #pageDefault #mainContainerTopseller .listTopseller li a:hover { text-decoration: none; color: #ff6907; } #pageDefault #mainContainerTopseller .listTopseller li strong { display: block; font-size: 11px; padding-top: 1px; padding-left: 40px; margin-bottom: 4px; } #pageDefault #mainContainerTopseller .listTopseller li.number1 a { background-image: url('Images/number1.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number1 a:hover { background-image: url('Images/number1_h.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number2 a { background-image: url('Images/number2.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number2 a:hover { background-image: url('Images/number2_h.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number3 a { background-image: url('Images/number3.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number3 a:hover { background-image: url('Images/number3_h.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number4 a { background-image: url('Images/number4.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number4 a:hover { background-image: url('Images/number4_h.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number5 a { background-image: url('Images/number5.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number5 a:hover { background-image: url('Images/number5_h.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number6 a { background-image: url('Images/number6.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number6 a:hover { background-image: url('Images/number6_h.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number7 a { background-image: url('Images/number7.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number7 a:hover { background-image: url('Images/number7_h.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number8 a { background-image: url('Images/number8.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number8 a:hover { background-image: url('Images/number8_h.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number9 a { background-image: url('Images/number9.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number9 a:hover { background-image: url('Images/number9_h.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number10 a { background-image: url('Images/number10.gif'); } #pageDefault #mainContainerTopseller .listTopseller li.number10 a:hover { background-image: url('Images/number10_h.gif'); } #pageDefault #mainContainerNews .buttonLarge { float: right; } #pageDefault #mainContainerNews .editField { float: left; margin-top: 5px; margin-right: 4px; width: 218px; } #pageDefault #mainContainerNews .errorField { display: none; } #pageDefault #mainContainerNews .listNews { padding: 0; margin: 0; margin-left: 14px; } #pageDefault #mainContainerNews .listNews li { margin-bottom: 8px; } #pageDefault #mainContainerNews .listNews li a { color: #545454; font-weight: bold; } #pageDefault #mainContainerNews .listNews li a:hover { color: #ff6907; } #pageDefault #mainContainerNews .listNews li span { font-size: 10px; } /* Products page */ #pageProduct #mainContainerSearch .mainContainerInner, #pageProducts #mainContainerSearch .mainContainerInner { padding-top: 18px; padding-bottom: 12px; min-height: 0px; } #pageProduct #mainContainerSearch .button, #pageProducts #mainContainerSearch .button { background-image: url('Images/buttonProductSearch.jpg'); float: left; } #pageProduct #mainContainerSearch .button:hover, #pageProducts #mainContainerSearch .button:hover { background-image: url('Images/buttonProductSearch_h.jpg'); } #pageProduct #mainContainerSearch .editField, #pageProducts #mainContainerSearch .editField { float: left; margin-top: 5px; margin-right: 4px; } #pageProduct #mainContainerProduct .formContainerNextButtons { margin-right: 0; } .productsContainer { } .productContainer { /*background: url('Images/contentSeparator.jpg') center bottom no-repeat; padding-bottom: 12px;*/ padding-top: 8px; } .productContainerInside { float: left; padding-top: 5px; width: 416px; } .productContainerOutside { float: right; width: 172px; } .productContainerOutside .button { float: right; } .productContainerFooter { clear: both; } .productDetailsBox { clear: both; } .productDetailsBoxTop { background: url('Images/arrowOpen.jpg') 399px 0px no-repeat; clear: both; height: 12px; } .productDetailsBoxInside { background-color: #ffffff; border: solid 1px #b8b8b9; float: left; margin-top: 4px; min-height: 122px; width: 416px; } .productDetailsBoxOutside { float: right; width: 154px; } .productDetailsBoxFooter { clear: both; } .productsContainer .productTitle { display: block; float: left; padding-top: 3px; width: 392px; } .productsContainer .productDate { font-size: 9px; font-weight: normal; } .productsContainer .productDescription { float: left; margin: 12px 0px 12px 16px; width: 364px; } .productsContainer .productPrice { float: left; font-weight: bold; padding-top: 8px; width: 56px; text-align: right; } .productsContainer .productPreview { } .productDetailsContainer { clear: both; } .productDetailsContainerInside { float: left; margin-top: 4px; min-height: 122px; width: 420px; } .productDetailsContainerOutside { float: right; line-height: normal; width: 154px; } .productDetailsContainerFooter { clear: both; } .productDetailsContainer .productDuration { clear: both; font-size: 12px; padding-left: 62px; padding-top: 16px; } .productDetailsContainer .productPriceWrapper { float: right; margin-right: -23px; padding-top: 16px; width: 115px; } .productDetailsContainer .productPriceWrapper .buttonXLarge { margin-left: -4px; } .productDetailsContainer .productPrice { color: #ff6907; font-size: 24px; } .productDetailsContainer .productPrice .infoText { color: #545454; } .productPreviewContainerWrapper { background: url('Images/previewContainerSmall.jpg') repeat-y; float: right; width: 96px; } .productPreviewContainer { background: url('Images/previewContainerSmallTop.jpg') no-repeat; } .productPreviewContainerInner { background: url('Images/previewContainerSmallBottom.jpg') left bottom no-repeat; padding: 5px; } .productPreviewContainerInner img { width: 86px; } .productPreviewLargeContainerWrapper { background: url('Images/previewContainer.jpg') repeat-y; width: 182px; } .productPreviewLargeContainer { background: url('Images/previewContainerTop.jpg') no-repeat; } .productPreviewLargeContainerInner { background: url('Images/previewContainerBottom.jpg') left bottom no-repeat; padding: 5px; } .productPreviewLargeContainerInner img { width: 172px; } .productHideDetailsButton { background: url('Images/icoClose.jpg') no-repeat; display: block; float: right; margin-right: 8px; margin-top: 11px; width: 15px; height: 16px; } .productHideDetailsButton:hover { background-image: url('Images/icoClose_h.jpg'); } .productShowDetailsButton { background: url('Images/icoHelp.jpg') no-repeat; display: block; float: right; width: 20px; height: 21px; } .productShowDetailsButton:hover { background-image: url('Images/icoHelp_h.jpg'); } /* FillOut page */ #mainContainerFormWizard .formContainerNextButtons { margin-right: -6px; } #pageFillOut .formFieldContainer .errorField { display: none; } #pageFillOut .assistentList { list-style-type: none; margin: 0; padding: 0; } #pageFillOut .assistentList li { float: left; margin-left: 16px; width: 190px; } #pageFillOut .assistentList li:first-child, #pageFillOut .assistentList li.first-child { margin-left: 0; } #pageFillOut .assistentList li p { font-size: 10px; padding: 4px 8px 0 8px; } #pageFillOut .assistentNote { font-size: 10px; padding: 4px 8px 0 8px; } .navigationDisabled .listNavigation li a { cursor: default; background: none; padding-left: 0; } .navigationDisabled .listNavigation li a:hover { color: #545454; } .navigationDisabled .listNavigation li a.active:hover { color: #FF6907; } #formSaveFormData .formFieldContainer { padding-left: 0; width: 264px; } #formSaveFormData .formFieldTitle { width: 264px; } #formSaveFormData .editField { width: 232px; } #formSaveFormData #formFieldContainerSaveFormData { background: none; float: left; position: relative; padding-bottom: 0; } #formSaveFormData .formContainerButtons { margin-top: 18px; float: right; position: relative; } #formSaveFormData .formContainerNextButtons { float: none; } /* Login page */ #formLogin .formFieldContainer { padding-left: 0; width: 264px; } #formLogin .formFieldTitle { width: 264px; } #formLogin .editField { width: 232px; } #formLogin #formFieldContainerUserName { background: none; float: left; position: relative; } #formLogin #formFieldContainerPassword { background: none; float: left; position: relative; } #formLogin .formContainerButtons { float: right; position: relative; } #formLogin .formContainerNextButtons { padding-top: 18px; float: none; } #formGetPassword .formFieldContainer { padding-left: 0; width: 264px; } #formGetPassword .formFieldTitle { width: 264px; } #formGetPassword .editField { width: 232px; } #formGetPassword #formFieldContainerGetPassword { background: none; float: left; position: relative; padding-bottom: 0; } #formGetPassword .formContainerButtons { margin-top: 18px; float: right; position: relative; } #formGetPassword .formContainerNextButtons { float: none; } /* Register page */ #pageRegister .listAdvantages { list-style-type: none; padding: 0; margin: 0; } #pageRegister .listAdvantages li { background: url('Images/icoBullet.jpg') no-repeat; padding-top: 1px; padding-left: 40px; padding-bottom: 16px; } /* Order page */ #pageOrder #formLogin .formFieldContainer, #pageOrder #formGetPassword .formFieldContainer, #pageOrder #formLogin .formFieldTitle, #pageOrder #formGetPassword .formFieldTitle { width: 224px; } #pageOrder #formLogin .editField, #pageOrder #formGetPassword .editField { width: 192px; } #formNoRegistration .formFieldContainer { padding-left: 0; width: 304px; } #formNoRegistration .formFieldTitle { width: 304px; } #formNoRegistration .formFieldTitle span { font-weight: normal; } #formNoRegistration .editField { width: 192px; } #formNoRegistration #formFieldContainerNoRegistration { background: none; float: left; position: relative; padding-bottom: 0; } #formNoRegistration .formContainerButtons { margin-top: 18px; float: right; position: relative; } #formNoRegistration .formContainerNextButtons { float: none; } /* Payment page */ .paymentDetailsContainer { } .paymentDetailsContainerInside { float: left; width: 440px; } .paymentDetailsContainerInside .productTitle { padding-left: 40px; font-weight: bold; } .paymentDetailsContainerOutside { float: right; width: 112px; } .paymentDetailsContainerOutside .productPrice { } .paymentDetailsContainerOutside .productPrice strong { color: #ff6907; font-size: 24px; line-height: normal; } .paymentDetailsContainerOutside .productPrice .infoText { color: #545454; } .paymentDetailsContainerFooter { clear: both; } #formConfirmOrder .formFieldContainer { padding-left: 40px; } #formConfirmOrder .checkBoxContainer { width: 370px; } #formConfirmOrder .productTitle { font-weight: bold; padding-bottom: 18px; width: 440px; } #formConfirmOrder .productPrice { float: right; text-align: right; } #formConfirmOrder .productPrice strong { color: #ff6907; font-size: 24px; line-height: 33px; } #formConfirmOrder .productPrice .infoText { color: #545454; } #formPaymentProvider .formFieldContainer { padding-left: 40px; } #formPaymentProvider .formFieldContainer p { float: right; font-weight: normal; width: 380px; } #formPaymentProvider .formFieldContainer .radioButton { float: left; padding-top: 8px; } #formPaymentProvider .formFieldContainer .paymentImage { float: left; max-width: 145px; } #formCoupon .formFieldContainer { padding-left: 40px; width: 264px; } #formCoupon .formFieldTitle { width: 264px; } #formCoupon .editField { width: 232px; } /* Receipt page */ .formReceiptContainer { padding: 10px 10px 10px 20px; } .formReceiptContainer .button, .formReceiptContainer .buttonLarge { float: right; } .formReceiptText { float: left; width: 400px; } #formReceiptContainerDownload { background: #fbc19b; border: solid 1px #999999; padding: 9px 9px 9px 19px; } #formReceiptContainerDownload .buttonLarge { background-image: url('Images/buttonLargeReceipt.jpg'); } #formReceiptContainerDownload .buttonLarge:hover { background-image: url('Images/buttonLargeReceipt_h.jpg'); } /* Contact pages */ #pageContact .mainContainerWrapperInside .mainContainerInner, #pageImprint .mainContainerWrapperInside .mainContainerInner, #pagePrivacy .mainContainerWrapperInside .mainContainerInner, #pageTermsConditions .mainContainerWrapperInside .mainContainerInner, #pagePartnerTermsConditions .mainContainerWrapperInside .mainContainerInner, #pageBecomeAPartner .mainContainerWrapperInside .mainContainerInner { background-image: url('Images/mainContainerHeaderLarge2.jpg'); } /* Contact page */ #pageContact .mainContainerWrapperInside #mainContainerContactForm .mainContainerInner { background-image: url('Images/mainContainerHeaderLarge.jpg'); } #pagePrivacy .privacyEnum { list-style-type: decimal; } #pagePrivacy .privacyEnum li { margin-left: -16px; } #pagePrivacy .privacyEnum ul { list-style-type: lower-alpha; } /* Preview page */ .productPreviewForm { } .productPreviewFormGroup h4 { font-size: 14px; } .productPreviewFormFields { } .productPreviewFormField { padding-bottom: 8px; } .productPreviewFormField strong { } .productPreviewFormField span { font-size:10px; } /* -- IE bugfixes ------------------------------------------------------------------------------- */ input { margin-top: expression('-1px'); } .listNavigation li a { zoom: 1.0; } /*#pageDefault #pageMain { zoom: 1.0; } #pageDefault .mainContainerWrapper { zoom: 1.0; } #pageDefault .mainContainerWrapperOutside { zoom: 1.0; } #pageDefault .mainContainerWrapperInside { zoom: 1.0; }*/ #pageDefault #mainContainerForFree .listForFree { zoom: 1.0; } /* -- IE 6 bugfixes ----------------------------------------------------------------------------- */ /* Content is hidden when floating */ .highlightBlock { position: relative; } .highlightImage { position: relative; } .checkBoxContainer .checkBox { position: relative; } .formContainerButtonInfo { position: relative; } .formContainerPrevButtons { position: relative; } .formContainerNextButtons { position: relative; } .imageContainerWrapper { position: relative; } .fillOutWrapper .formFieldContainerInner { position: relative; } .fillOutWrapper .formFieldShowDetailsButton { position: relative; } #pageDefault #mainContainerForFree .listForFree { position: relative; } #pageDefault #mainContainerForFree .listForFree li { position: relative; } #pageDefault #mainContainerNews .buttonLarge { position: relative; } #pageDefault #mainContainerNews .editField { position: relative; } #pageProducts #mainContainerSearch .button { position: relative; } #pageProducts #mainContainerSearch .editField { position: relative; } #pageProduct #mainContainerSearch .button { position: relative; } #pageProduct #mainContainerSearch .editField { position: relative; } .productContainerInside { position: relative; } .productContainerOutside { position: relative; } .productContainerOutside .button { position: relative; } .productDetailsBoxInside { position: relative; } .productDetailsBoxOutside { position: relative; } .productsContainer .productTitle { position: relative; } .productsContainer .productDescription { position: relative; } .productsContainer .productPrice { position: relative; } .productDetailsContainerInside { position: relative; } .productDetailsContainerOutside { position: relative; } .productHideDetailsButton { position: relative; } .productShowDetailsButton { position: relative; } #pageFillOut .assistentList li { position: relative; } .formFootnote1 { position: relative; } .formFootnote2 { position: relative; } .footnoteTextBlock { position: relative; } #formPaymentProvider .formFieldContainer p { position: relative; } #formPaymentProvider .formFieldContainer .radioButton { position: relative; } #formPaymentProvider .formFieldContainer .paymentImage { position: relative; } #formConfirmOrder .productPrice { position: relative; } .formReceiptContainer .button, .formReceiptContainer .buttonLarge { position: relative; } .formReceiptText { position: relative; } /* Double margin when floating */ .imageContainerInner { display: inline-block; } .fillOutWrapper .formFieldHideDetailsButton { display: inline-block; } .fillOutWrapper .formFieldDescription { display: inline; } #mainContainerFormWizard .formContainerNextButtons { display: inline; } .productHideDetailsButton { display: inline-block; } .productsContainer .productDescription { display: inline; }