/* v10 stylesheet. Copy of V9, with additional changes added at bottom, from mark **V10** */ @import url('stylesheet_v7.css'); :root{ --c0: #78c7cd; --c1: #7da8ab; --c2: #68afb5; --c3: #53a8ad; --c4: #8c8c8c; --c5: #4c4c4c; } /* **V9** */ .ajaxloaderImg{ display: block; float: none; margin: 30px auto; } @media screen AND (max-width: 800px){ .dt{ display: none !important; } } @media screen AND (min-width: 801px){ .mob{ display: none !important; } } /* ============== BASKET CHANGES ===================== */ #body.body_Basket_review {background: #fff;} #body .CI_maincomponent {width: 906px; pading: 35px 0 180px 0;} #body.body_Basket_review .pagetitle {width: 100%; text-align: center; font-size: 22px; color: #212121; font-weight: bold;} #body.body_Basket_review #basket_H_title { padding: 5px 0px 27px 0px;} #basket_Separator {display: none;} #basketitems_C_subscription {width: 100%; padding: 20px; background-color: #f9f9f9; border: solid 1px #d9d9d9; box-sizing: border-box;} #basketitems_G_subsheadinfo {clear: both; height: auto; padding: 0 0 0 0; float: left; width: 100%; box-sizing: border-box;} #basketitems_H_subs {display: none;} #basketitems_V_subs_prodDesc {float: left; clear: both; width: 75%;} #basketitems_V_subs_prodDesc .innerProdTitle {font-size: 15px; color: #000; font-weight: bold; padding: 10px 0 18px 0;} #basketitems_H_subs_price {padding: 19px 0px 0 10px; font-size: 15px;} #basketitems_C_img {width: 100%; padding: 20px; background-color: #f9f9f9; border: solid 1px #d9d9d9; box-sizing: border-box;} #basketitems_C_img IMG {max-width: 170px; max-height: 170px;} #basketitems_G_imgheadinfo {padding: 0;} #basketitems_G_imgdetailinfo {background-color: transparent; border: none; padding: 0; margin: 0;} #basketitems_I_img {padding: 0;} #basketitems_H_img_price {padding: 19px 0px 0 10px; font-size: 15px;} #basketitems_C_offer {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 10px 20px; margin: 10px 0 0 0; border: solid 1px #d9d9d9;} #basketitems_H_offer {margin: 5px 0px 5px 0px;} #basketitems_H_offer_price {padding: 5px 0px 0 10px; font-size: 15px;} #basketrebate_group {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 10px 20px; margin: 0; border: none; height: auto;} #basketrebate_group DIV.basketrebatetitle {padding-left: 0;} #baskettotals_group {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 0px; margin: 0; border-top: solid 1px #bbbbbb;} #baskettotals_group .basket_totals_linewrapper_total {display: none;} #baskettotals_group .basket_totals_linewrapper_vat {float: left; width: 100%; box-sizing: border-box; padding: 3px 21px 1px 21px; margin: 10px 0;} #baskettotals_group .basket_totals_linewrapper_totalinc {float: left; width: 100%; box-sizing: border-box; padding: 11px 21px 10px 21px; margin: 0; background-color: #e8e8e8; border-top: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb;} #baskettotals_L_VAT {padding-left: 0; font-size: 15px; text-align: right; width: 88%;} #baskettotals_V_VAT {padding-right: 0; font-size: 15px;} #baskettotals_L_totalinc {padding-left: 0; font-size: 15px; text-align: right; width: 88%; background-color: transparent; border: none; padding: 0; margin: 0;} #baskettotals_V_totalinc {padding-right: 0; font-size: 15px; background-color: transparent; border: none; padding: 0; margin: 0; width: auto;} #basketAutoRenewPricepageLink {float: left; clear: both; width: 100%; position: relative;} #basketAutoRenewPricepageLink .innerLinkWrapper {position: absolute; top: -50px; left: 20px;} #basketAutoRenewPricepageLink .innerLinkWrapper .innerLink {float: left; background: url(imgLayout/bg_modifyOrder.png) left center no-repeat; padding-left: 10px;} #basketAutoRenewPricepageLink .innerLinkWrapper .innerLink A {color: var(--c3); text-decoration: none; font-weight: bold;} #basketAutoRenewPricepageLink .innerLinkWrapper .innerLink A:hover {color: var(--c3); text-decoration: underline; font-weight: bold;} #basketAutorenewContainer {background: url(imglayout/bg_autorenewicon.png) 17px 7px no-repeat; padding-left: 40px; padding: 0px 0 15px 32px;} #basketAutorenewContainer .innerContainer {padding-left: 22px;} #baskettotalsform {width: 100%; padding: 10px 0px 15px 20px; box-sizing: border-box; border-bottom: solid 1px #bbbbbb;} #baskettotals_H_paymentDetailsTitle {float: left; width: 100%; text-align: center; font-size: 22px; color: #212121; font-weight: bold; margin: 12px 0 20px 0;} #baskettotals_G_buttonAligner {padding: 15px 0;} #baskettotals_G_buttons #baskettotals_I_Checkout {margin-right: 18px;} #basketLinkWrapper .innerContainerBasketcount {display: none;} INPUT[type="button"].btngreen, INPUT[type="submit"].btngreen {width: auto; min-width: 250px; border-radius: 23px; height: 42px; color: white; box-sizing: border-box; border: solid 2px var(--c3); padding: 5px 15px;} INPUT[type="button"].btngreen:hover, INPUT[type="submit"].btngreen:hover {background: white !important; color: var(--c3); background-color: white;} INPUT[type="button"].btnhover.btngreen:hover, INPUT[type="submit"].btnhover.btngreen:hover {background: white !important; color: var(--c3); background-color: white;} /* =============== NEW PRICING PAGE ==================== */ #body .CI_maincomponent#CI_Landingpage {width: 1078px; padding: 35px 0;} #body .CI_maincomponent#CI_customByAlias.CIALIAS_landingpageMultiuser_anylang {width: 1078px; padding: 35px 0; background: #ececec;} #body .CI_maincomponent#CI_customByAlias.CIALIAS_landingpageMultiuserOffer_anylang {width: 1078px; padding: 35px 0; background: #ececec;} #pricepagePricing {float: left; clear: both; width: 100%;} #pricepageYearMonthSelect {float: left; clear: both; width: 100%;} #pricepageYearMonthSelect .innerMonthWrapper{float: left; width: 50%;} #pricepageYearMonthSelect .innerYearWrapper {float: left; width: 50%;} #pricepageYearMonthSelect .innerLabel {float: left; width: 150px; text-align: center; font-size: 16px; color: #626262; cursor: pointer; padding: 8px 0 9px 0;} #pricepageYearMonthSelect .innerMonthWrapper .innerLabel {border: solid 1px #707070; border-top-left-radius: 8px; border-bottom-left-radius: 8px; margin-left: 387px;} #pricepageYearMonthSelect .innerYearWrapper .innerLabel {border: solid 1px #707070; border-top-right-radius: 8px; border-bottom-right-radius: 8px;} #pricepageYearMonthSelect .innerComment {float: left; margin: 9px 0 0 19px; color: var(--c3); font-size: 16px;} #pricepageYearMonthSelect .act .innerLabel {color: #fff; background-color: #707070;} #pricepageYearMonthSelect .act .innerComment{display: none;} #pricepageYearMonthPriceWrapper {float: left; clear: both; width: 100%; min-height: 350px; overflow: hidden; margin-top: 16px;} #pricepageYearMonthPriceWrapper .subsPriceBlockTitle {float: left; clear: both; width: 100%; padding-top: 0px; font-size: 150%; color: #2f2f2f; font-weight: 800; margin-bottom: -20px;} #pricepageYearMonthPriceWrapper .subsPriceBlocksWrapper {float: left; clear: both; width: 100%; display: none; padding-top: 40px;} #pricepageYearMonthPriceWrapper #pricepageSubspricesm {} #pricepageYearMonthPriceWrapper #pricepageSubspricesy {} #pricepageYearMonthPriceWrapper #pricepageSubspricesm.act {display: block;} #pricepageYearMonthPriceWrapper #pricepageSubspricesy.act {display: block;} #pricepageYearMonthPriceWrapper .subsPriceBlocksWrapper .innerWrapper {float: left; width: 150%;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper {float: left; width: 334px; height: 350px; margin-right: 35px; background-color: #fff; border: solid 1px #c4c4c4; position: relative;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper .innerTop {float: left; width: 100%;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper .innerTop .innerPrice {float: left; width: 200px; font-size: 60px; color: #212121; padding: 58px 0 0 0; text-align: right;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper .innerTop .innerTime {float: right; width: 130px; font-size: 15px; color: #212121; padding: 78px 0 0 0;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper .innerComments {float: left; width: 100%; padding: 38px 0 0 44px; box-sizing: border-box;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper .innerComments .innerComment {float: left; width: 100%; background: url(imglayout/bgicon_pricepage_comment2.png) left center no-repeat; padding-left: 40px; font-size: 15px; color: #212121; margin-bottom: 14px;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper .innerComments .innerComment1 {background: url(imglayout/bgicon_pricepage_comment1.png) left center no-repeat;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper .innerComments .innerDLcnt {font-weight: bold; font-size: 21px; color: #212121;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper .innerSubmit {float: left; width: 100%; text-align: center; margin-top: 20px;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper .innerSubmit INPUT {width: 180px; height: 40px; box-sizing: border-box; border-radius: 21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; behavior: url(_components/_genericInc/PIE/PIE.htc); font-size: 18px; font-weight: bold; border: solid 2px #ff4545; background: #ff4545; color: #fff;} #pricepageYearMonthPriceWrapper .subsplanPriceWrapper .innerMostPop {position: absolute; right: -30px; top: -30px; width: 80px; height: 80px; background: url(imglayout/bg_pricepagePopular.png) no-repeat; color: #fff; text-align: center; font-weight: bold; padding-top: 16px; display: flex; justify-content: center; align-items: center; padding: 0 2px; box-sizing: border-box;} #pricepageMultiseatbarWrapper {float: left; width: 100%; margin-top: 45px; box-sizing: border-box; background: var(--c3); border: solid 1px #4a8a8c; color: white; text-align: center; padding: 15px; cursor: pointer; font-size: 150%;} #pricepageMultiseatbarWrapper:hover {background: white; color: var(--c3);} #pricepageImagepacksWrapper {float: left; width: 100%; margin-top: 45px;} #pricepageImagepacksWrapper .innerTitle {float: left; width: 100%; box-sizing: border-box; padding-left: 24px; font-size: 20px; color: #212121; font-weight: bold;} #pricepageImagepacksWrapper .innerSubTitle {float: left; width: 100%; box-sizing: border-box; padding-left: 24px; font-size: 15px; color: #212121; margin-top: 17px;} #pricepageImagepacksWrapper .innerPackWrapper {float: left; width: 100%; box-sizing: border-box; background-color: #fff; border: solid 1px #c4c4c4; padding: 20px 23px; position: relative; margin-top: 20px;} #pricepageImagepacksWrapper .innerPackWrapper .innerCounterWrapper {float: left;} #pricepageImagepacksWrapper .innerPackWrapper .innerCntPack {float: left; width: 59px; height: 53px; text-align: center; margin-right: 15px; border: solid 1px #83c152; font-size: 28px; color: #83c152; line-height: 52px; cursor: pointer;} #pricepageImagepacksWrapper .innerPackWrapper .innerCntPackLg {width: 213px;} #pricepageImagepacksWrapper .innerPackWrapper .innerCntPackLg .innerLabel {font-size: 60%; color: white;} #pricepageImagepacksWrapper .innerPackWrapper .act {background-color: #83c152 !important; color: #fff !important;} #pricepageImagepacksWrapper .innerPriceWrapper {position: absolute; top: 25px; left: 504px; width: auto; font-size: 36px; color: #212121; line-height: 42px;} #pricepageImagepacksWrapper .innerSubmitWrapper {float: right; margin-top: 7px; margin-right: 30px;} #pricepageImagepacksWrapper .innerSubmitWrapper INPUT {min-width: 220px; height: 40px; box-sizing: border-box; border-radius: 21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; behavior: url(_components/_genericInc/PIE/PIE.htc); font-size: 18px; font-weight: bold; border: solid 2px #ff4545; background: #ff4545; color: #fff;} #pricepageIncludeComments {float: left; width: 100%; margin-top: 57px;} #pricepageIncludeComments .innerTitle {float: left; width: 100%; box-sizing: border-box; font-size: 20px; color: #212121; font-weight: bold; text-align: center;} #pricepageIncludeComments .innerComments {float: left; width: 100%; box-sizing: border-box; font-size: 15px; color: #212121; margin-top: 20px; text-align: center;} #pricepageIncludeComments .innerComments .innerComment {float: left; width: 100%; box-sizing: border-box; font-size: 15px; color: #212121; margin-top: 10px; text-align: center;} #pricepageVideoplanWrapper {float: left; width: 100%; margin-top: 81px; padding: 10px 0; border-top: solid 1px #c4c4c4;} #pricepageVideoplanWrapper .innerTitleOff {float: left; width: 100%; text-align: center; font-size: 18px; color: var(--c3); cursor: pointer;} #pricepageVideoplanWrapper .innerTitleOn {float: left; width: 100%; text-align: center; font-size: 18px; color: var(--c3); display: none; cursor: pointer;} #pricepageVideoplanWrapper .innerPrices {float: left; width: 100%; box-sizing: border-box; display: none; background-color: #fff; border: solid 1px #c4c4c4; margin-top: 22px; padding: 20px 0; margin-bottom: 40px;} #pricepageVideoplanWrapper .subsplanPriceWrapper {float: left; width: 100%; box-sizing: border-box; padding: 15px 23px 20px 23px; position: relative;} #pricepageVideoplanWrapper .subsplanPriceWrapper .innerDescWrapper {float: left; width: 40%;} #pricepageVideoplanWrapper .subsplanPriceWrapper .innerTitle {float: left; width: 100%; clear: both; font-size: 20px; color: #212121; font-weight: bold;} #pricepageVideoplanWrapper .subsplanPriceWrapper .innerSubTitle {float: left; width: 100%; clear: both; margin-top: 10px;} #pricepageVideoplanWrapper .subsplanPriceWrapper .innerPrice {position: absolute; top: 20px; left: 504px; width: auto; font-size: 36px; color: #212121; line-height: 42px;} #pricepageVideoplanWrapper .subsplanPriceWrapper .innerPrice .innerPerYear {font-size: 15px;} #pricepageVideoplanWrapper .subsplanPriceWrapper .innerSubmit {float: right; margin-top: 8px; margin-right: 30px;} #pricepageVideoplanWrapper .subsplanPriceWrapper .innerSubmit INPUT {width: 180px; height: 40px; box-sizing: border-box; border-radius: 21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; behavior: url(_components/_genericInc/PIE/PIE.htc); font-size: 18px; font-weight: bold; border: solid 2px #ff4545; background: #ff4545; color: #fff;} #pricepageExtendedWrapper {float: left; width: 100%; margin-top: 4px; padding: 10px 0; border-top: solid 1px #c4c4c4; border-bottom: solid 1px #c4c4c4; margin-bottom: 50px;} #pricepageExtendedWrapper .innerTitleOff {float: left; width: 100%; text-align: center; font-size: 18px; color: var(--c3); cursor: pointer;} #pricepageExtendedWrapper .innerTitleOn {float: left; width: 100%; text-align: center; font-size: 18px; color: var(--c3); display: none; cursor: pointer;} #pricepageExtendedWrapper .innerPrices {float: left; width: 100%; box-sizing: border-box; display: none; background-color: #fff; border: solid 1px #c4c4c4; margin-top: 22px; padding: 20px 0;} #pricepageExtendedWrapper .subsplanPriceWrapper {float: left; width: 100%; box-sizing: border-box; padding: 9px 23px 20px 23px; position: relative;} #pricepageExtendedWrapper .subsplanPriceWrapper .innerDescWrapper {float: left; width: 40%;} #pricepageExtendedWrapper .subsplanPriceWrapper .innerTitle {float: left; width: 100%; clear: both; font-size: 20px; color: #212121; font-weight: bold; margin-bottom: 10px;} #pricepageExtendedWrapper .subsplanPriceWrapper .innerSubTitle {float: left; width: 100%; clear: both; margin-top: 10px;} #pricepageExtendedWrapper .subsplanPriceWrapper .innerPrice {position: absolute; top: 47px; left: 504px; width: auto; font-size: 36px; color: #212121; line-height: 42px;} #pricepageExtendedWrapper .subsplanPriceWrapper .innerPrice .innerPerYear {font-size: 15px;} #pricepageExtendedWrapper .subsplanPriceWrapper .innerSubmit {float: right; margin-top: 32px; margin-right: 30px; width: 220px; text-align: center; color: #ff4545; font-size: 15px;} #pricepageExtendedWrapper .innerTxtWrapper {float: left; width: 100%; margin-top: 25px; margin-bottom: 20px; display: none; text-align: center;} #pricepageExtendedWrapper .innerTxtWrapper A {font-size: 15px; color: var(--c3); text-decoration: underline;} #pricepageExtendedWrapper .innerTxtWrapper A:hover {font-size: 15px; color: var(--c3); text-decoration: underline;} /* ====================== image detail changes ================== */ #CI_imagedetails .XtraSubsinfoWrapper #innerXtrasubsinfo1 {padding-left: 18px; background-position: 2px 5px;} #CI_imagedetails .XtraSubsinfoWrapper #innerXtrasubsinfo2 {padding-left: 18px; background-position: 2px 5px;} #CI_imagedetails .XtraSubsinfoWrapper #innerXtrasubsinfo3 {background: url(imglayout/bgicon_imgdetails_liccompare2.png) center left no-repeat; margin-top: 5px; line-height: 21px; padding-left: 18px;} /* ====================== reg page changes ================== */ #registerWrapper {float: left; width: 100%;} #registerWrapper .innerRegWrapper {float: left; width: 100%;} #CI_Register .pagetitle {float: left; width: 100%; text-align: center; padding-top: 10px;} #CI_Register .pagetitle H1.pagetitle {font-size: 25px; color: #212121; font-weight: 700;} #register_form_header_container {display: none;} #registerForm_L_regprofileText {float: left; clear: both; width: 100%; padding: 0 0 40px 0;} #CI_Register_registerForm {float: left; width: 500px; padding-left: 229px; padding-top: 20px;} #CI_Register_registerForm div.fieldcontainer {margin: 5px 0px 8px 0px;} #CI_Register_registerForm div.fieldcontainer .fieldlabel {15px;} #CI_Register #register_form INPUT[type="text"] {width: 215px; padding: 3px 2px 3px 7px; box-sizing: border-box; color: #5c5c5c; font-size: 14px;} #CI_Register #register_form ::-webkit-input-placeholder {color: #5c5c5c; font-size: 14px;} #CI_Register #register_form ::-moz-placeholder {color: #5c5c5c; font-size: 14px;} #CI_Register #register_form :-ms-input-placeholder {color: #5c5c5c; font-size: 14px;} #CI_Register #register_form :placeholder-shown {color: #5c5c5c; font-size: 14px;} #CI_Register #register_form INPUT[type="password"] {width: 215px; padding: 3px 2px 3px 7px; box-sizing: border-box; color: #5c5c5c; font-size: 14px;} #CI_Register #register_form SELECT {width: 215px; padding: 3px 2px 3px 7px; box-sizing: border-box; color: #5c5c5c; font-size: 14px;} #CI_Register #register_form #register_form_firstname_container {margin-top: 30px;} #register_form_algemenevoorwaarden_container {margin-top: 5px;} #CI_Register #register_form #btnSubmitRegister {width: 277px; height: 40px; box-sizing: border-box; border-radius: 21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; behavior: url(_components/_genericInc/PIE/PIE.htc); font-size: 18px; font-weight: bold; border: solid 2px var(--c3); background: var(--c3); color: #fff; margin: 18px 0 0 83px;} #registerForm_alreadyRegistered {float: left; clear: both; width: 100%; margin: 25px 0 0 0; font-size: 15px; color: #212121;} #registerForm_alreadyRegistered .innerText {float: left; clear: both; width: 100%; font-size: 15px; color: #212121;} #registerForm_alreadyRegistered .innerText BUTTON {width: auto; height: auto; box-sizing: border-box; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; behavior: url(_components/_genericInc/PIE/PIE.htc); font-size: 15px; font-weight: bold; border: solid 2px #5c5c5c; background: transparent; color: #212121; padding: 4px 20px; margin: 0 0 0 20px;} #registerForm_alreadyRegistered .innerText BUTTON.btnhover {background: #5c5c5c !important; color: #fff;} #registerForm_alreadyRegistered .innerLink {color: var(--c3); text-decoration: none; cursor: pointer;} #registerWrapper.registerWrapperCartinfo_1 .innerRegWrapper {width: 330px;} #registerWrapper.registerWrapperCartinfo_1 .pagetitle {text-align: left;} #registerWrapper.registerWrapperCartinfo_1 #CI_Register_registerForm {width: 100%; padding-left: 0;} #registerWrapper.registerWrapperCartinfo_1 .fieldlabel {display: none;} #registerWrapper.registerWrapperCartinfo_1 #register_form INPUT[type="text"] {width: 330px;} #registerWrapper.registerWrapperCartinfo_1 #register_form INPUT[type="password"] {width: 330px;} #registerWrapper.registerWrapperCartinfo_1 #register_form SELECT {width: 330px;} #registerWrapper.registerWrapperCartinfo_1 #register_form #btnSubmitRegister {width: 330px; margin: 18px 0 0 0;} #registerWrapper.registerWrapperCartinfo_1 #register_form_submit_container {padding: 4px 0 10px 0;} #registerWrapper.registerWrapperCartinfo_1 #register_form_L_conditions {font-size: 15px;} #registerWrapper.registerWrapperCartinfo_1 #register_form_L_conditions A {text-decoration: none;} #registerWrapper .innerBasketWrapper {float: right; width: 523px;} #registerWrapper .innerBasketWrapper .innerTitle {float: left; width: 100%; color: #888; text-align: right; font-size: 25px; font-weight: 300; padding: 20px 0 30px 0; line-height: 23px;} #registerWrapper .innerBasketWrapper .innerBasketPane {float: left; width: 100%; clear: both; margin: 25px 0 0 0; padding: 20px; background-color: #f9f9f9; border: solid 1px #d9d9d9; box-sizing: border-box;} #registerWrapper .innerBasketWrapper .innerBasketPane .innerBasketTitle {float: left; width: 100%; font-size: 15px; color: #000;} #registerWrapper .innerBasketWrapper .innerBasketPane .innerBasketContents {float: left; width: 100%; clear: both; margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: solid #d9d9d9 1px; overflow: hidden;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_subscription {border: none; padding: 0; background-color: transparent;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_subscription #basketitems_G_subsheadinfo {} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_subscription #basketitems_G_subsheadinfo #basketitems_H_subs {display: block;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_subscription #basketitems_G_subsheadinfo #basketitems_H_subs LI {list-style: none; color: #212121; font-weight: bold;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_subscription #basketitems_H_subs_price {padding: 5px 12px 5px 0;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_subscription #basketitems_H_subs_deletelink {display: none;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_subscription #basketitems_G_subsdetailinfo {background-color: transparent; border: none; padding: 10px 0; width: 100%; max-width: 390px; margin: 0; overflow-x: hidden;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_subscription #basketitems_G_subsdetailinfo #basketitems_I_subs {width: 100%; padding-left: 0;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_subscription #basketitems_G_subsdetailinfo #basketitems_G_subs_info {display: none;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_img {border: none; padding: 0; background-color: transparent;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_img #basketitems_G_imgheadinfo {} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img {display: block;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_img #basketitems_G_imgheadinfo #basketitems_H_img LI {list-style: none; color: #212121; font-weight: bold;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_img #basketitems_H_img_price {display: none;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_img #basketitems_H_img_deletelink {display: none;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_img #basketitems_G_imgdetailinfo {} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_I_img {padding: 10% 0; width: 100%; margin: 0;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_info {display: none;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_img #basketitems_G_imgdetailinfo #basketitems_G_img_pricing{display: none;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_offer {border: solid 1px var(--c3);} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_offer #basketitems_G_offerheadinfo {} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_offer #basketitems_H_offer {} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_offer #basketitems_H_offer LI {list-style: none; color: var(--c3); font-weight: bold;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_C_offer #basketitems_H_offer_price {color: var(--c3); font-weight: bold;} #registerWrapper .innerBasketWrapper .innerBasketPane .basketitems_empty {float: left; width: 100%; clear: both; margin: 10px 0 0 0; color: #f0f0f0;} #registerWrapper .innerBasketWrapper #basketShiptment_group {float: right; width: auto; clear: both; margin: 10px 0 0 0; padding: 9px 0 3px 0;} #registerWrapper .innerBasketWrapper #basketShiptment_group .baskettotalstitle {float: left; padding-left: 0; font-size: 15px; color: #212121;} #registerWrapper .innerBasketWrapper #basketShiptment_group .baskettotalsvalue {float: left; padding-left: 10px; font-size: 15px; color: #212121;} #registerWrapper.registerWrapperCartinfo_1 .innerBasketWrapper {position: relative;} #registerWrapper.registerWrapperCartinfo_1 .innerBasketPromocodePane {float: left; width: 100%;} #registerWrapper.registerWrapperCartinfo_1 .innerBasketPromocodePane #basketrebate_group {float: right; width: auto;} #body .CI_maincomponent#CI_Register {overflow-x: visible;} #registerWrapper.registerWrapperCartinfo_1 .XtraWrapperGuarantee {position: absolute; top: 214px; right: 34px;} #registerWrapper.registerWrapperCartinfo_1 .XtraWrapperGuarantee #guaranteeTxt {position: absolute; top: 0; right: 85px; background: white; border: solid 1px #d9d9d9; padding: 15px; font-size: 13px; min-width: 200px;} @media screen and (min-width: 1400px){ #registerWrapper.registerWrapperCartinfo_1 .XtraWrapperGuarantee #guaranteeTxt {left: 85px;} } #CI_header.pageheader_Register {min-height: 94px; height: 94px;} #CI_header.pageheader_Register #CI_header_UI_mainnav {display: none;} #CI_header.pageheader_Register #CI_header_UI_usernav {display: none;} #CI_header.pageheader_Register #userNavWrapper {display: none;} #CI_header.pageheader_Register #CI_header_UI_logo {top: 26px;} #CI_header.pageheader_Register #CI_header_Quicksearch_header {display: none;} /* =================== button changes for price page, basket, imgdetails and home ===================== */ #body .CI_maincomponent#CI_Landingpage .btnhover {background-color: #ff6d6d !important;} #homepage_getstarted .innerButtonsWrapper .innerButton2 .btn {border: solid 2px #ff4545; background: #ff4545;} #homepage_getstarted .innerButtonsWrapper .innerButton2 .btnhover {background-color: #ff6d6d !important; color: #fff !important;} #homepage_getstarted .innerButtonsWrapper .innerButton0 .btn {border: solid 2px #ff4545; background: #ff4545;} #homepage_getstarted .innerButtonsWrapper .innerButton0 .btnhover {background-color: #ff6d6d !important; color: #fff !important} #CI_Register #register_form #btnSubmitRegister {border: solid 2px #ff4545; background: #ff4545;} #CI_Register #register_form #btnSubmitRegister.btnhover {background-color: #ff6d6d !important; color: #fff !important} #CI_imagedetails #imagedetails_priceinfo_schemeinfo_btn .btn {border: solid 2px #ff4545; background: #ff4545;} #CI_imagedetails #imagedetails_priceinfo_schemeinfo_btn .btnhover {background-color: #ff6d6d !important; color: #fff !important} #CI_imagedetails #imgdetailpage_extended #imagedetails_priceinfo_dlBtnContainer INPUT[type="button"] {border: solid 2px #ff4545; background: #ff4545;} #CI_imagedetails #imgdetailpage_extended #imagedetails_priceinfo_dlBtnContainer INPUT[type="button"].btnhover {background-color: #ff6d6d !important; color: #fff !important} #baskettotals_G_buttons #baskettotals_I_Checkout INPUT.basket_review_submit {border: solid 2px #ff4545; background: #ff4545;} #baskettotals_G_buttons #baskettotals_I_Checkout INPUT.btnhover {background-color: #ff6d6d !important; color: #fff !important} /* VAT Number active check elements in the basket */ #baskettotals_vatcorrectorWrapperPre {float: left; clear: both; width: 100%; padding: 20px; background-color: #f9f9f9; border: solid 1px #d9d9d9; box-sizing: border-box; margin: 10px 0 40px 0; cursor: pointer;} #baskettotals_vatcorrectorWrapper {display: none; float: left; clear: both; width: 100%; padding: 20px; background-color: #f9f9f9; border: solid 1px #d9d9d9; box-sizing: border-box; margin: 10px 0 40px 0;} #baskettotals_vatcorrectorWrapper .innerSubtitle {float: left; width: 100%; font-size: 15px; font-weight: bold; padding: 10px 0 18px 0; color: #000;} #baskettotals_vatcorrectorWrapper .innerMsg {float: left; width: 100%; font-size: 15px; font-weight: bold; padding: 0 0 18px 0; color: red;} #baskettotals_vatcorrectorWrapper .innerFldWrapper {float: left; width: 100%;} #baskettotals_vatcorrectorWrapper .innerFldWrapper .innerLabel {float: left; width: auto; margin: 0 10px 0 0; line-height: 28px;} #baskettotals_vatcorrectorWrapper .innerFldWrapper .innerFld {float: left; width: auto; margin: 0 10px 0 0;} #baskettotals_vatcorrectorWrapper .innerFldWrapper .innerFld INPUT {width: 150px; font-size: 14px; padding: 3px; letter-spacing: 1px; font-weight: bold; color: #000;} #baskettotals_vatcorrectorWrapper .innerFldWrapper .innerBtn {float: left; width: auto; margin: 0 10px 0 0;} #baskettotals_vatcorrectorWrapper .innerFldWrapper .innerBtn INPUT {width: 100px; box-sizing: border-box; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(_components/_genericInc/PIE/PIE.htc); font-size: 13px; font-weight: bold;} /* T43135 contributor area upload onComplete message */ #CI_ContributorArea_completedPopupWrapper {float: left; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;} #CI_ContributorArea_completedPopupWrapper .innerOverlay {width: 100%; height: 100%; background-color: #000; opacity: 0.7; position: fixed; top: 0; left: 0; z-index:10000;} #CI_ContributorArea_completedPopupWrapper .innerWrapper {position: fixed; top: 10%; left: 50%; width: 586px; margin-left: -293px; height: auto; border: solid 1px #c3c6c9; padding:54px 30px 43px 30px; box-sizing: border-box; background: #fff url(imglayout/bg_ci_uploadcomplete.png) right bottom no-repeat; z-index:10001;} #CI_ContributorArea_completedPopupWrapper .innerWrapper .innerCloser {position: absolute; top: 5px; right: 5px; width: 25px; height: 25px; background: url(imglayout/icon_dialogClose.png) no-repeat; cursor: pointer;} #CI_ContributorArea_completedPopupWrapper .innerWrapper .innerTitle {float: left; width: 100%; text-align: center; font-size: 20px; color: #264888; font-weight: 300;} #CI_ContributorArea_completedPopupWrapper .innerWrapper .innerTitle SPAN{font-size: 20px; color: #264888; font-weight: 300;} #CI_ContributorArea_completedPopupWrapper .innerWrapper .innerText {float: left; width: 100%; margin-top: 35px; font-weight: 300; color: #101010; line-height: 24px;} #CI_ContributorArea_completedPopupWrapper .innerWrapper .innerText P {font-weight: 300; color: #101010; line-height: 24px; font-size: 15px;} #CI_ContributorArea_completedPopupWrapper .innerWrapper .innerText LI {font-weight: 300; color: #101010; line-height: 24px; font-size: 15px;} #CI_ContributorArea_completedPopupWrapper .innerWrapper .innerText A {font-weight: 300; color: #264888; line-height: 24px; font-size: 15px;} #CI_ContributorArea_completedPopupWrapper .innerWrapper .innerText UL {padding: 0 0 0 25px;} /*T50109 changes for logged in homepage with active subscription */ #body.bodyLoggedIn .CI_maincomponent#CI_home {width: 100%;} /*DIV#body.body_home.bodyLoggedIn {background: none;} DIV#body.body_home.bodyLoggedIn_actSubs0 {background: url(imglayout/v4_bghome_logged_1.png) center center no-repeat; background-size: cover;} DIV#body.body_home.bodyLoggedIn_actSubs1 {background: #fff;} DIV#body.body_home.bodyLoggedIn_actSubs1 #CI_home {max-width: 1000px;}*/ #homeblockActivesubs_mainwrapper {float: left; clear: both; width: 100%; margin-top: 34px;} #homeblockActivesubs_toptabWrapper {float: left; clear: both; width: 100%;} #homeblockActivesubs_pagebodyWrapper {float: left; clear: both; width: 100%; margin-top: 50px;} #homeblockActivesubs_leftcolWrapper {float: left; width: 100%; max-width: 760px;} #homeblockActivesubs_rightcolWrapper {float: right; width: 100%; max-width: 200px;} #homeblockActivesubs_recentlyviewed {float: left; clear: both; width: 100%;} #homeblockActivesubs_typespreview {float: left; clear: both; width: 100%;} #homeblockActivesubs_typecounters {float: left; clear: both; width: 100%;} #homeblockActivesubs_quickmenu {float: left; clear: both; width: 100%;} #homeblockActivesubs_downloads {float: left; clear: both; width: 100%;} #homeblockActivesubs_Trendingsearches {float: left; clear: both; width: 100%;} /* HOMEPAGE TOP TABS */ #hometoptabsWrapper {float: left; clear: both; width: 100%; border-bottom: solid #c3c3c3 1px; box-sizing: border-box;} #hometoptabsWrapper .innerTab {float: left; width: auto; padding: 8px 25px 6px 25px; margin-bottom: -1px; text-align: center; font-size: 14px; color: #101010; font-weight: 300; cursor: pointer; background: #f6f6f6; border: solid #dedede 1px; border-bottom: solid #c3c3c3 1px; box-sizing: border-box;} #hometoptabsWrapper .innerTabAct {font-weight: 800; background: #fff; border: solid #c3c3c3 1px; border-bottom: solid #fff 1px;} #hometopcontentWrapper {float: left; clear: both; width: 100%; border-left: solid #c3c3c3 1px; border-right: solid #c3c3c3 1px; border-bottom: solid #c3c3c3 1px; box-sizing: border-box; min-height: 100px;} /* TOP TABS CONTENT */ #homeTopTabcontentInvitesWrapper {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 10px 10px;} #homeTopTabcontentInvitesWrapper .innerInviteWrapper {float: left; width: 50%; box-sizing: border-box; padding: 17px 20px 10px 20px; min-height: 100px;} #homeTopTabcontentInvitesWrapper .innerInviteWrapperFirst {border-right: solid #c2c2c2 1px; padding: 17px 20px 10px 15px;} #homeTopTabcontentSubsoverviewWrapper {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 27px 20px 22px 20px; background: url(imglayout/v8_bg_tabsubs.png) right 40px center no-repeat; min-height: 200px;} #homeTopTabcontentSubsoverviewWrapper .innerTitle {float: left; width: 100%; font-size: 21px; color: #092339; font-weight: bold;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper {float: left; width: 100%; margin-top: 24px;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper .innerLeftColWrapper {float: left; width: 340px;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper .innerRightColWrapper {float: left; width: 340px;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper .innerInfoWrapper {float: left; width: 100%; min-height: 28px;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper .innerInfoWrapper .innerLabel {float: left; width: auto; font-size: 14px; color: #101010; font-weight: 300;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper .innerInfoWrapper .innerValue {float: left; width: auto; font-size: 14px; color: #101010; font-weight: bold; margin-left: 7px;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper .innerInfoWrapper .innerValueDL {font-size: 25px; color: #619e2b; margin-top: -2px;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper .innerInfoWrapper .innerLabelRenewlink {background: url(imglayout/v8_icon_renewlink.png) left top no-repeat; padding: 0 0 0 30px;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper .innerInfoWrapper .innerLabelRenewlink A {font-size: 14px; font-weight: bold; color: var(--c3); text-decoration: none;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper .innerInfoWrapper .innerLabelRenewlink A:hover {text-decoration: underline;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper INPUT {width: auto; height: auto; box-sizing: border-box; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; behavior: url(_components/_genericInc/PIE/PIE.htc); font-size: 15px; font-weight: bold; border: solid 2px #5c5c5c; background: transparent; color: #212121; padding: 4px 20px; margin: 0 0 0 20px;} #homeTopTabcontentSubsoverviewWrapper .innerContentWrapper INPUT:hover {background: #5c5c5c !important; color: #fff;} #homeTopTabcontentSubsoverviewWrapper .innerRenewButWrapper {float: left; clear: both; width: 100%; max-width: 648px; margin-top: 15px;} #homeTopTabcontentSubsoverviewWrapper .innerRenewButWrapper INPUT {width: 100%; border: solid #ed3939 1px; font-size: 12px; color: #ed3939; padding: 10px; cursor: pointer; background: white;} #homeTopTabcontentSubsoverviewWrapper .innerRenewButWrapper INPUT.btnHover {background: #ed3939; color: white;} #homeTopTabcontentAssistanceWrapper {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 27px 20px 22px 20px; background: url(imglayout/v8_bg_tabassistance.png) right 88px center no-repeat; min-height: 190px;} #homeTopTabcontentAssistanceWrapper .innerTitle {float: left; width: 100%; font-size: 21px; color: #092339; font-weight: bold;} #homeTopTabcontentAssistanceWrapper .innerContentWrapper {float: left; width: 100%; margin-top: 24px;} #homeTopTabcontentAssistanceWrapper .innerContentWrapper .innerLeftColWrapper {float: left; width: 340px;} #homeTopTabcontentAssistanceWrapper .innerContentWrapper .innerRightColWrapper {float: left; width: 340px;} #homeTopTabcontentAssistanceWrapper .innerContentWrapper .innerInfoWrapper {float: left; width: 100%; min-height: 28px;} #homeTopTabcontentAssistanceWrapper .innerContentWrapper .innerInfoWrapper .innerLabel {float: left; width: auto; font-size: 14px; color: #101010; font-weight: 300;} #homeTopTabcontentAssistanceWrapper .innerContentWrapper .innerInfoWrapper .innerValue {float: left; width: auto; font-size: 14px; color: #101010; font-weight: bold; margin-left: 7px;} #homeTopTabcontentAssistanceWrapper .innerContentWrapper .innerInfoWrapper .innerLabel A {font-size: 14px; font-weight: 300; color: var(--c3); text-decoration: none;} #homeTopTabcontentAssistanceWrapper .innerContentWrapper .innerInfoWrapper .innerLabel A:hover {text-decoration: underline;} #homeTopTabcontentLightboxesWrapper {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 22px 0 17px 20px; height: 340px; overflow: hidden;} #homeTopTabcontentLightboxesWrapper .innerTotWrapper {float: left; width: 2000px; height: 300px; overflow: hidden;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper {float: left; width: 200px; height: 300px;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster {float: left; width: 170px; height: 260px; padding: 6px; background-color: #fff; border: solid #bbb 1px;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster .innerPosterWrapper {float: left; width: 100%;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage {float: left;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage IMG {border: none;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage1 {float: left; width: 170px; height: 170px; margin: 0 0 6px 0; overflow: hidden;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage2 {float: left; width: 82px; height: 82px; margin: 0 6px 0 0; overflow: hidden;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage3 {float: left; width: 82px; height: 82px; margin: 0; overflow: hidden;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerNameWrapper {float: left; width: 100%; height: 23px; margin: 7px 0 0 0; text-align: center; font-size: 14px;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerNameWrapper .innerName {color: var(--c4); font-size: 14px;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerNameWrapper .innerNoImages {color: #bbb;font-size: 14px;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerAddWrapper {float: left; width: 100%; height: 260px; padding: 6px; border: dashed #bbb 1px; background: url(imglayout/bg_lblist_addWrapper.png) center center no-repeat; cursor: pointer;} #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerAddWrapper .innerAddTxtWrapper {float: left; width: 100%; text-align: center; padding-top: 180px; color: #bbb; font-size: 14px; cursor: pointer;} #homeTopTabcontentLightboxesWrapper .innerLightboxViewAllWrapper {background: white; opacity: 0.7; box-sizing: border-box; margin: 1px 0 1px -199px; height: 271px; overflow: hidden; width: 184px;} #homeTopTabcontentLightboxesWrapper .innerLightboxViewAllWrapper .innerShowAllWrapper {float: left; width: 100%; height: 258px; padding: 6px; border: none; cursor: pointer; box-sizing: border-box;} #homeTopTabcontentLightboxesWrapper .innerShowAllWrapper .innerLinkWrapper {float: left; font-weight: bold; font-size: 14px; color: var(--c3); text-decoration: none; cursor: pointer; background: url(imglayout/v8_bg_homeLBviewAllLinks.png) left center no-repeat; margin: 123px 0 0 24px; padding: 0 0 0 25px;} /* recently viewed */ #homerecentviewsWrapper {float: left; clear: both; width: 100%; box-sizing: border-box;} #homerecentviewsWrapper .innerTitle {float: left; clear: both; width: 100%; border-bottom: solid #c2c2c2 1px; font-weight: bold; font-size: 16px; color: #092339; padding-bottom: 10px;} #homerecentviewsWrapper .innerImagesWrapper {float: left; clear: both; width: 100%; height: 140px; overflow: hidden; margin-top: 22px;} #homerecentviewsWrapper .innerImagesWrapper .innerContainer {float: left; width: 2500px; height: 140px; overflow: hidden; margin: 0;} #homerecentviewsWrapper .innerImagesWrapper .innerContainer .innerImageOuterWrapper {float: left; width: 140px; height: 140px; margin-right: 15px; position: relative; overflow: hidden;} #homerecentviewsWrapper .innerImagesWrapper .innerContainer .innerImageOuterWrapper .innerImageZoomWrapper {position: absolute; top: 0; left: 0; width: 140px; height: 140px;} #homerecentviewsWrapper .innerImagesWrapper .innerContainer .innerImageOuterWrapper .innerImageZoomWrapper IMG {-webkit-transition: 0.4s ease; transition: 0.4s ease; min-width: 100%; min-height: 100%;} #homerecentviewsWrapper .innerImagesWrapper .innerContainer .innerImageOuterWrapper:hover .innerImageZoomWrapper IMG{-webkit-transform: scale(1.2); transform: scale(1.2);} #homerecentviewsWrapper .innerImagesWrapper .innerContainer .innerImageOuterWrapper .innerDelIcon {position: absolute; top: -0; right: -0; display: none; background: white; line-height: 12px; padding: 2px;} #homerecentviewsWrapper .innerImagesWrapper .innerContainer .innerImageOuterWrapper:hover .innerDelIcon {display: block;} #homerecentviewsWrapper .outerBullitWrapper {float: left; width: 100%; margin: 25px 0 0 0;} #homerecentviewsWrapper .innerBullitWrapper {width: 60px; margin: 0 auto 0 auto;} #homerecentviewsWrapper .innerBullitWrapper_p2 {width: 40px;} #homerecentviewsWrapper .innerBullitWrapper .innerBullit {float: left; width: 20px; height: 20px; background: url(imglayout/b8_homeRecentbullit.png) center center no-repeat; cursor: pointer;} #homerecentviewsWrapper .innerBullitWrapper .innerBullitAct {background: url(imglayout/b8_homeRecentbullitAct.png) center center no-repeat;} /* image previews */ #homeImagesByTypeWrapper {float: left; clear: both; width: 100%; box-sizing: border-box; margin-top: 50px;} #homeImagesByTypeWrapper .innerHeaderWrapper {float: left; width: 100%;} #homeImagesByTypeWrapper .innerHeaderWrapper .innerHeader {margin: 0 auto;} #homeImagesByTypeWrapper .innerHeaderWrapper .innerHeader .innerHeaderItem {float: left; border: solid 1px #c2c2c2; width: 106px; box-sizing: border-box; text-align: center; font-weight: 300; font-size: 14px; color: #101010; cursor: pointer; height: 34px; padding-top: 5px;} #homeImagesByTypeWrapper .innerHeaderWrapper .innerHeader .innerHeaderItemFirst {border-top-left-radius: 4px; border-bottom-left-radius: 4px;} #homeImagesByTypeWrapper .innerHeaderWrapper .innerHeader .innerHeaderItemLast {border-top-right-radius: 4px; border-bottom-right-radius: 4px;} #homeImagesByTypeWrapper .innerHeaderWrapper .innerHeader .innerHeaderItemAct {background: #092339; color: white; font-weight: bold; border: solid 1px #092339;} #homeImagesByTypeWrapper .innerContentWrapper {float: left; width: 100%; height: 608px; overflow: hidden; margin-top: 33px;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent {float: left; position: relative;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper {position: absolute; overflow: hidden;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper IMG {position: absolute; top: 0; left:0; right: 0; bottom: 0; margin: auto auto; -webkit-transition: 0.4s ease; transition: 0.4s ease; min-width: 100%; min-height: 100%;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper:hover IMG {-webkit-transform: scale(1.2); transform: scale(1.2);} #homeImagesByTypeWrapper .innerContentWrapper #innerContent_Font.innerContent .innerWrapper IMG {position: absolute; top: 0; left:0; right: auto; bottom: auto; margin: 0; min-width: 100%; min-height: 100%;} #homeImagesByTypeWrapper .innerContentWrapper #innerContent_Font.innerContent .innerWrapper:hover IMG {} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_1 {width: 296px; height: 296px; left: 0; top: 0;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_2 {width: 140px; height: 140px; left: 312px; top: 0;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_3 {width: 140px; height: 140px; left: 468px; top: 0;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_4 {width: 140px; height: 140px; left: 624px; top: 0;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_5 {width: 140px; height: 140px; left: 312px; top: 156px;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_6 {width: 296px; height: 140px; left: 468px; top: 156px;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_7 {width: 140px; height: 296px; left: 0; top: 312px;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_8 {width: 140px; height: 140px; left: 156px; top: 312px;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_9 {width: 296px; height: 296px; left: 312px; top: 312px;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_10{width: 140px; height: 140px; left: 624px; top: 312px;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_11{width: 140px; height: 140px; left: 156px; top: 468px;} #homeImagesByTypeWrapper .innerContentWrapper .innerContent .innerWrapper_12{width: 140px; height: 140px; left: 624px; top: 468px;} /* quick menu */ #homequickmenuWrapper {float: left; clear: both; width: 100%; box-sizing: border-box;} #homequickmenuWrapper .innerTitle {float: left; clear: both; width: 100%; border-bottom: solid #c2c2c2 1px; font-weight: bold; font-size: 16px; color: #092339; padding-bottom: 10px;} #homequickmenuWrapper .innerMenu {float: left; clear: both; width: 100%; margin-top: 22px;} #homequickmenuWrapper .innerMenu .innerContainer {float: left; width: 100%; height: 27px; box-sizing: border-box; overflow: hidden; padding: 0 0 0 25px; background: url(imglayout/b8_homeQuickmenubullit.png) left top 7px no-repeat;} #homequickmenuWrapper .innerMenu .innerContainer A {font-weight: 300; color: #101010; font-size: 14px; text-decoration: none;} #homequickmenuWrapper .innerMenu .innerContainer A:hover {text-decoration: underline;} /* latest downloads */ #homeDownloadsWrapper {float: left; clear: both; width: 100%; box-sizing: border-box; margin-top: 40px;} #homeDownloadsWrapper .innerTitle {float: left; clear: both; width: 100%; border-bottom: solid #c2c2c2 1px; font-weight: bold; font-size: 16px; color: #092339; padding-bottom: 10px;} #homeDownloadsWrapper .innerTitle .innerSubtitle {float: right;} #homeDownloadsWrapper .innerTitle .innerSubtitle A {font-weight: 400; color: #5eaeb2; font-size: 13px; text-decoration: none;} #homeDownloadsWrapper .innerTitle .innerSubtitle A:hover {text-decoration: underline;} #homeDownloadsWrapper .innerDownloadlistWrapper {float: left; clear: both; width: 100%; margin-top: 22px;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper {float: left; width: 100%; height: 86px;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerThumbWrapper {float: left; width: 68px; height: 68px; border-radius: 7px; overflow: hidden; position: relative;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerThumbWrapper IMG {position: absolute; top: 0; left:0; right: 0; bottom: 0; margin: auto auto; -webkit-transition: 0.4s ease; transition: 0.4s ease; min-width: 100%; min-height: 100%;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerThumbWrapper:hover IMG {-webkit-transform: scale(1.2); transform: scale(1.2);} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerInfoWrapper {float: right; width: 121px;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerInfoWrapper .innerdate {float: left; width: 100%; height: 20px; overflow: hidden; font-size: 13px; font-weight: 300; color: #101010;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerInfoWrapper .innerImgcode {float: left; width: 100%; height: 20px; overflow: hidden; font-size: 13px; font-weight: 300; color: #101010;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerInfoWrapper .innerDLlink {float: left; width: 100%; height: 20px; overflow: hidden;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerInfoWrapper .innerDLlink .innerLink {float: left; max-width: 88px; overflow: hidden;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerInfoWrapper .innerDLlink .innerLink A {color: var(--c3); font-weight: 400; text-decoration: none; font-size: 13px;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerInfoWrapper .innerDLlink .innerLink A:hover{text-decoration: underline;} #homeDownloadsWrapper .innerDownloadlistWrapper .innerImageWrapper .innerInfoWrapper .innerDLlink .infoIconWrapper {float: right; z-index: 999991;} /* trending searches */ #hometrendingsearchesWrapper {float: left; clear: both; width: 100%; box-sizing: border-box; margin-top: 30px;} #hometrendingsearchesWrapper .innerTitle {float: left; clear: both; width: 100%; border-bottom: solid #c2c2c2 1px; font-weight: bold; font-size: 16px; color: #092339; padding-bottom: 10px;} #hometrendingsearchesWrapper .innerSearches {float: left; clear: both; width: 100%; margin-top: 22px;} #hometrendingsearchesWrapper .innerSearches .innerKW {float: left; width: 100%; height: 27px; box-sizing: border-box; overflow: hidden; position: relative; padding: 0 0 0 25px;} #hometrendingsearchesWrapper .innerSearches .innerKW .nr {position: absolute; top: 0; left: 0; width: 15px; font-size: 14px; color: #c2c2c2; font-weight: 300; text-align: right;} #hometrendingsearchesWrapper .innerSearches .innerKW A {font-weight: 300; color: #101010; font-size: 14px; text-decoration: none;} #hometrendingsearchesWrapper .innerSearches .innerKW A:hover {text-decoration: underline;} /* search type amounts */ #hometypecounterWrapper {float: left; clear: both; width: 100%; box-sizing: border-box; margin-top: 28px; margin-bottom: 75px;} #hometypecounterWrapper .innerWrapper {float: left; clear: both; width: 100%; box-sizing: border-box; border: solid 1px #c2c2c2; padding: 13px 0 19px 0;} #hometypecounterWrapper .innerWrapper .innerTypeWrapper {float: left; padding: 9px 0 0 55px; min-height: 32px; min-width: 150px; box-sizing: border-box;} #hometypecounterWrapper .innerWrapper #innerPhotoWrapper {background: url(imglayout/v8_homeTypeIconPhotos.png) left center no-repeat; margin-left: 25px;} #hometypecounterWrapper .innerWrapper #innerVectorWrapper {background: url(imglayout/v8_homeTypeIconVector.png) left center no-repeat; margin-left: 50px;} #hometypecounterWrapper .innerWrapper #innerFontWrapper {background: url(imglayout/v8_homeTypeIconFonts.png) left center no-repeat; margin-left: 53px;} #hometypecounterWrapper .innerWrapper .innerTypeWrapper .innerCounter {float: left; color: #092339; font-size: 14px; font-weight: bold; text-decoration: none;} #hometypecounterWrapper .innerWrapper .innerTypeWrapper .innername {float: left; color: #092339; font-size: 14px; font-weight: 300; text-decoration: none; margin-left: 6px;} /* info blocks small addon */ .infoIconWrapper .innerInfo_block .innerInfo_txtblock {left: 25px;} /* header changes for latest ticket */ /* #CI_header .headerV4wrapper {min-height: 92px;} #CI_header .headerV4wrapper .innerLogoWrapper {margin: 22px 0 0 10px;} #CI_header .headerV4wrapper .innerSearchWrapper {margin: 26px 0 0 46px;} #CI_header .headerV4wrapper #quickSearchWrapper {width: 326px; height: 39px; box-sizing: border-box; border: solid 1px var(--c3); -webkit-border-radius: 0; -moz-border-radius:0; border-radius: 0;} .headerV4wrapper #quickSearchWrapper #quicksearch_C_searchinputAll {top: 7px;} #quickSearchWrapper.mainSearchWrapperWithType .innerTypebox {top: 7px; font-weight: 400;} .headerV4wrapper #quickSearchWrapper .innerSubmitbox {left: 288px; } #CI_header_UI_usernav {padding-top: 30px;} #userNavWrapper .innerContainer1 .innerIcon {width: 19px; margin: 3px 10px 0 0;} #langNavWrapper {border-radius: 6px;} #langNavWrapper .innerWrapper .innerLang {background-position: left center; background-repeat: no-repeat; padding: 4px 0 3px 26px;} */ /* img details changes for subsinfo */ #body #CI_imagedetails.CI_maincomponent {overflow-x: visible;} #imagedetails_pricinginfo_G_subsDetailsCounterWrapper {float: left; width: 100%;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper {float: left; width: 100%; margin: 2px 0 0 0;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper .innerSubsTitleWrapper {float: left; width: 100%; font-weight: bold; color: #5c5c5c; line-height: 26px; margin-top: 40px;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper .innerInfoWrapper {float: left; width: 100%;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper .innerInfoWrapper .innerLabel {float: left; line-height: 26px; font-size: 12px; color: #5c5c5c; padding-right: 4px;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper .innerInfoWrapper .innerValue {float: left; line-height: 26px; font-size: 12px; color: #5c5c5c;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper .innerDetailsWrapper {float: left; width: 100%; display: none; margin: 0 0 15px 0;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper #imagedetails_pricinginfo_subsDetails_currentAvailableWrapper .innerLabel {font-size: 13px;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper #imagedetails_pricinginfo_subsDetails_currentAvailableWrapper .innerValue {font-size: 25px; color: #619e2b; margin-top: -4px; font-weight: bold;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper #imagedetails_pricinginfo_subsDetails_downloadslinkWrapper .innerValue A {color: #37a8bc; font-size: 12px;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper #subsHistoryCollapserHide {display: none; background: url(imglayout/bg_imgdet_arrowup.png) right center no-repeat;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper .innerCollapseTitle {margin: 0 0 0 0; font-size: 12px; line-height: 26px;} #CI_imagedetails #priceinfoImageidWrapper .innerValue {font-weight: bold; color: #5c5c5c;} #CI_imagedetails #priceinfoImageidWrapper2 INPUT[type="submit"] {width: auto; min-width: 270px; border-radius: 23px; height: 42px; border: solid 2px #ff4545; background: #ff4545;} #CI_imagedetails #priceinfoImageidWrapper2 INPUT[type="submit"].btnhover {background-color: #ff6d6d !important; color: #fff !important} #CI_imagedetails .XtraSubsinfoWrapper #innerXtrasubsinfo3b {background: url(imglayout/bgicon_imgdetails_liccompare2.png) center left no-repeat; padding-left: 18px;} /* website status messages T44004 */ #websiteMessageWrapper {background: #ff9933; border: none;} #websiteMessageWrapper .innerWrapper {color: white; font-size: 15px;} #websiteMessageWrapper .innerWrapper P, #websiteMessageWrapper .innerWrapper H1, #websiteMessageWrapper .innerWrapper H2, #websiteMessageWrapper .innerWrapper DIV {color: white;} #websiteMessageWrapper .innerCloser INPUT {border-radius: 1em;} /* T44168: new tab colors with implementation of ExtLic subscriptions */ #CI_imagedetails .innerPriceblockWrapper .innerTabs {border-bottom: solid var(--c3) 1px;} #CI_imagedetails .innerPriceblockWrapper .innerTabs .innerTab {color: white; background: var(--c3); border: solid var(--c3) 1px; font-weight: 300;} #CI_imagedetails .innerPriceblockWrapper .innerTabs .innerTabact{color: var(--c3); background: white; border-bottom: solid white 1px;} #CI_imagedetails .XtraSubsinfoWrapper {border-left: solid var(--c3) 1px; border-right: solid var(--c3) 1px; background: white;} #CI_imagedetails .innerPriceblockWrapper .innerTabs .innerTab {font-size: 13px;} #CI_imagedetails #imagedetails_priceinfo .innerRFpricerow {cursor: pointer;} #CI_imagedetails #imagedetails_priceinfo #imagedetails_priceinfo_pricelistpane {border-left: solid var(--c3) 1px; border-right: solid var(--c3) 1px; border-bottom: solid var(--c3) 1px; background: white; padding-bottom: 10px;} #CI_imagedetails #imagedetails_priceinfo .col1 .innerRadioname .innerTxt LABEL {color: #5c5c5c; cursor: pointer;} #CI_imagedetails #imagedetails_priceinfo .col1LG .innerRadioname .innerTxt LABEL {color: #5c5c5c; cursor: pointer;} #CI_imagedetails #imagedetails_priceinfo .innerRFpricerowEXTLIC .col1 .innerRadioname .innerTxt LABEL {color: red;} #CI_imagedetails #imagedetails_priceinfo .innerRFpricerowEXTLIC .col1LG .innerRadioname .innerTxt LABEL {color: red;} #CI_imagedetails #imagedetails_priceinfo .innerRFpricerowEXTLICdisabled .col1 .innerRadioname .innerTxt {color: #cbcbcb;} #CI_imagedetails #imagedetails_priceinfo .innerRFpricerowEXTLICdisabled .col1LG .innerRadioname .innerTxt {color: #cbcbcb;} #CI_imagedetails #imagedetails_priceinfo .innerRFpricerowEXTLICdisabled #imgDetailsLnkbuyExtLic {font-size: 13px; color: var(--c3);} #CI_imagedetails #imgdetailpage_extended #imagedetails_priceinfo_pricelistpane {border-left: solid var(--c3) 1px; border-right: solid var(--c3) 1px; border-bottom: solid var(--c3) 1px; background: white; padding-bottom: 10px;} #imagedetails_priceinfo_pricelistpane .innerSubTitlesWrapper {float: left; clear: both; width: 100%; padding: 10px; box-sizing: border-box; position: relative;} #imagedetails_priceinfo_pricelistpane .innerSubTitlesWrapper .innerSubTitleSpacer {float: left; width: 165px; height: 20px;} #imagedetails_priceinfo_pricelistpane .innerSubTitlesWrapper .innerSubTitleOrigprice {float: left; width: 70px; color: #5c5c5c; font-weight: 300;} #imagedetails_priceinfo_pricelistpane .innerSubTitlesWrapper .innerSubTitlePrice {float: left; width: 70px; color: var(--c3); font-weight: 300;} #imagedetails_priceinfo_pricelistpane .innerSubTitlesWrapper .infoIconWrapper {position: absolute; top: 19px; right: 24px;} #imagedetails_priceinfo_pricelistpane .innerRowWrapper {float: left; clear: both; width: 100%; padding: 10px; box-sizing: border-box; cursor: pointer;} #imagedetails_priceinfo_pricelistpane .innerRowWrapper .innerRadioWrapper {float: left; width: 25px; padding: 2px 0 0 0;} #imagedetails_priceinfo_pricelistpane .innerRowWrapper .innerNameWrapper {float: left; width: 140px; color: #5c5c5c; font-weight: bold; font-size: 14px;} #imagedetails_priceinfo_pricelistpane .innerRowWrapper .innerOrigPrice {float: left; width: 70px; color: #5c5c5c; font-weight: 300; font-size: 14px; text-decoration: line-through;} #imagedetails_priceinfo_pricelistpane .innerRowWrapper .innerPrice {float: left; width: 70px; color: var(--c3); font-weight: bold; font-size: 14px;} #pricepageExtLicsWrapper {float: left; width: 100%; margin-top: 45px;} #pricepageExtLicsWrapper .innerTitle {float: left; width: 100%; box-sizing: border-box; padding-left: 54px; font-size: 20px; color: #212121; font-weight: bold; background: url(imglayout/bgicon_pricepage_extlictitle.png) 22px center no-repeat; min-height: 32px; line-height: 32px;} #pricepageExtLicsWrapper .innerSubTitle {float: left; width: 100%; box-sizing: border-box; padding-left: 24px; font-size: 15px; color: #212121; margin-top: 17px;} #pricepageExtLicsWrapper .innerSubTitle A {font-size: 15px; color: var(--c3); text-decoration: underline;} #pricepageExtLicsWrapper .innerSubTitle .innerTxtline {font-size: 15px; color: #212121; line-height: 26px;} #pricepageExtLicsWrapper .innerSubTitle .innerTxtChk {padding-left: 20px; background: url(imglayout/bgicon_pricepage_extCheck.png) left center no-repeat;} #pricepageExtLicsWrapper .innerSubTitle .innerTxtPerc {padding-left: 20px; background: url(imglayout/bgicon_pricepage_extlicPerc.png) left center no-repeat;} #pricepageExtLicsWrapper .innerPackWrapper {float: left; width: 100%; box-sizing: border-box; background-color: #fff; border: solid 1px #c4c4c4; padding: 20px 23px; position: relative; margin-top: 20px;} #pricepageExtLicsWrapper .innerPackWrapper .innerCounterWrapper {float: left;} #pricepageExtLicsWrapper .innerPackWrapper .innerCntExtlic {float: left; width: 59px; height: 53px; text-align: center; margin-right: 15px; border: solid 1px var(--c3); font-size: 28px; color: var(--c3); line-height: 52px; cursor: pointer;} #pricepageExtLicsWrapper .innerPackWrapper .act {background-color: var(--c3) !important; color: #fff !important;} #pricepageExtLicsWrapper .innerPriceWrapper {position: absolute; top: 25px; left: 350px; width: auto;} #pricepageExtLicsWrapper .innerPriceWrapper .innerYourprice {float: left; font-size: 18px; color: #101010; font-weight: 300; margin-top: 10px;} #pricepageExtLicsWrapper .innerPriceWrapper .innerPrice {float: left; font-size: 36px; color: var(--c3); line-height: 42px; margin-left: 20px;} #pricepageExtLicsWrapper .innerPriceWrapper .innerPrice2 {float: left; font-size: 15px; color: #b1b1b1; margin-left: 20px; border: solid 1px #d6d6d6; padding: 5px 14px; font-weight: 300; margin-top: 6px;} #pricepageExtLicsWrapper .innerPriceWrapper .linethrough {font-size: 15px; color: #b1b1b1; text-decoration: line-through; font-weight: 300;} #pricepageExtLicsWrapper .innerSubmitWrapper {float: right; margin-top: 7px; margin-right: 30px;} #pricepageExtLicsWrapper .innerSubmitWrapper INPUT {min-width: 220px; height: 40px; box-sizing: border-box; border-radius: 21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; behavior: url(_components/_genericInc/PIE/PIE.htc); font-size: 18px; font-weight: bold; border: solid 2px #ff4545; background: #ff4545; color: #fff;} #pricepageExtLicsWrapper .innerSubmitWrapper INPUT:hover {background-color: #ff6d6d !important; color: #fff !important} /* PRICE EXPLAIN EXTENDED LICENSES PAGE ===============================================================*/ #CI_customByAlias.CIALIAS_extLicExplain_anylang {width: 100%; padding: 0;} #extLicExplainWrapper {float: left; width: 100%;} #extLicExplainWrapper .innerTop {float: left; width: 100%; background-color: #f5f5f5;} #extLicExplainWrapper .innerTop .innerTextWrapper {width: 100%; max-width: 1044px; margin: 0 auto; padding: 55px 0;} #extLicExplainWrapper .innerBottom {float: left; width: 100%; background: #e8e8e8; padding-bottom: 110px;} #extLicExplainWrapper .innerBottom .innerTitle {float: left; width: 100%; text-align: center; font-size: 36px; font-weight: 300; color: #55adb1; margin-top: 63px;} #extLicExplainWrapper .innerBottom .innerSubtitle {float: left; width: 100%; text-align: center; font-size: 15px; font-weight: 300; color: #303030; margin-top: 37px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper {width: 100%; max-width: 1044px; margin: 0 auto; margin-top: 50px;} #extLicExplainWrapper .innerBottom .innerPriceblockWrapper {width: 100%; max-width: 1044px; margin: 0 auto; margin-top: 50px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable {float: left; width: 100%; margin-top: 53px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable DIV {box-sizing: border-box; font-size: 18px; color: #000; font-weight: 700;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow {float: left; width: 100%;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow:nth-of-type(even) .innerCell {background: white;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerCell {float: left; width: 33%; min-height: 52px; border: solid 1px #b9b9b9; padding: 17px 0 10px 3%; } #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerCell .innerSubprice {font-size: 13px; color: #000; font-weight: 400; margin-left: 10px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerSubline {float: left; width: 100%; margin-top: 18px; font-weight: 300; color: #101010; line-height: 21px; font-size: 13px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow1 .innerCell {padding: 28px 0 15px 0; text-align: center; min-height: 64px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerCell1 {width: 34%;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerCell3 {color: #55adb1;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerCell3 .innerSubprice {color: #55adb1;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow1 .innerCell1 {border: none; } #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow1 .innerCell2 {border-right: none; border-bottom: none;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow1 .innerCell3 {border-bottom: none; } #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow2 .innerCell1 {border-right: none; border-bottom: none;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow2 .innerCell2 {border-right: none; border-bottom: none; font-size: 25px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow2 .innerCell3 {border-bottom: none; font-size: 25px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow3 .innerCell1 {border-top: none; border-right: none; border-bottom: none;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow3 .innerCell2 {border-top: none; border-right: none; border-bottom: none; font-size: 25px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow3 .innerCell3 {border-top: none; border-bottom: none; font-size: 25px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow4 .innerCell1 {border-top: none; border-right: none;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow4 .innerCell2 {border-top: none; border-right: none; font-size: 25px;} #extLicExplainWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow4 .innerCell3 {border-top: none; font-size: 25px;} #pricepageExtLicsWrapper .innerPricetitle {float: left; width: 100%; box-sizing: border-box; font-size: 20px; color: #212121; font-weight: bold; min-height: 32px; line-height: 32px;} /* VIDEO PACK PAGE ===============================================================*/ #CI_customByAlias.CIALIAS_landingPageVideo_anylang {width: 100%; padding: 0;} #videoPackWrapper {float: left; width: 100%;} #videoPackWrapper .innerTop {float: left; width: 100%;} #videoPackWrapper .innerTop .innerTextWrapper {width: 100%; margin: 0 auto; background: white; padding: 0; height: 590px; overflow: hidden; position: relative; display: none;} #videoPackWrapper .innerBottom {float: left; width: 100%; background: #e8e8e8; padding-bottom: 85px; border-bottom: solid 1px #b9b9b9;} #videoPackWrapper .innerBottom .innerTitle {float: left; width: 100%; text-align: center; font-size: 36px; font-weight: 300; color: #55adb1; margin-top: 63px;} #videoPackWrapper .innerBottom .innerSubtitle {float: left; width: 100%; text-align: center; font-size: 15px; font-weight: 300; color: #303030; margin-top: 37px;} #videoPackWrapper .innerBottom .innerPricetableWrapper {width: 100%; max-width: 1044px; margin: 0 auto; margin-top: 50px;} #videoPackWrapper .innerBottom .innerPriceblockWrapper {width: 100%; max-width: 1044px; margin: 0 auto; margin-top: 50px;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable {float: left; width: 100%; margin-top: 53px;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable DIV {box-sizing: border-box; font-size: 18px; color: #000; font-weight: 700;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow {float: left; width: 100%;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow:nth-of-type(even) .innerCell {background: white;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerCell {float: left; width: 33%; min-height: 52px; border: solid 1px #b9b9b9; padding: 17px 0 10px 3%; } #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerCell .innerSubprice {font-size: 13px; color: #000; font-weight: 400; margin-left: 10px;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerSubline {float: left; width: 100%; margin-top: 18px; font-weight: 300; color: #101010; line-height: 21px; font-size: 13px;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow1 .innerCell {padding: 28px 0 15px 0; text-align: center; min-height: 64px;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerCell1 {width: 34%;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerCell3 {color: #55adb1;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerCell3 .innerSubprice {color: #55adb1;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow1 .innerCell1 {border: none; } #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow1 .innerCell2 {border-right: none; border-bottom: none;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow1 .innerCell3 {border-bottom: none; } #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow2 .innerCell1 {border-right: none; border-bottom: none;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow2 .innerCell2 {border-right: none; border-bottom: none; font-size: 25px;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow2 .innerCell3 {border-bottom: none; font-size: 25px;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow3 .innerCell1 {border-top: none; border-right: none; border-bottom: none;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow3 .innerCell2 {border-top: none; border-right: none; border-bottom: none; font-size: 25px;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow3 .innerCell3 {border-top: none; border-bottom: none; font-size: 25px;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow4 .innerCell1 {border-top: none; border-right: none;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow4 .innerCell2 {border-top: none; border-right: none; font-size: 25px;} #videoPackWrapper .innerBottom .innerPricetableWrapper .innerTable .innerRow4 .innerCell3 {border-top: none; font-size: 25px;} #pricepageExtLicsWrapper .innerPricetitle {float: left; width: 100%; box-sizing: border-box; font-size: 20px; color: #212121; font-weight: 400; min-height: 32px; line-height: 32px;} #videoPackWrapper .innerXplore {float: left; width: 100%; background: #fff; padding-bottom: 55px;} #videoPackWrapper .innerXplore #productpageWrapper {float: none; width: 100%; max-width: 1044px; margin: 0 auto; background: white; padding: 0;} #videoPackWrapper .innerXplore #productpageWrapper .innerProdTitle {float: left; width: 100%; text-align: center; font-size: 20px; font-weight: 300; color: #55adb1; margin-top: 43px;} #videoPackWrapper .innerXplore #productpageWrapper .innerBanners {float: left; width: 100%; margin-top: 47px;} #videoPackWrapper .innerXplore #productpageWrapper .innerBanners .innerBanner {float: left; width: 30%; margin-right: 5%;} #videoPackWrapper .innerXplore #productpageWrapper .innerBanners .innerBanner:nth-of-type(3) {margin-right: 0;} #videoPackWrapper .innerXplore #productpageWrapper .innerBanners .innerBanner .innerImage {} #videoPackWrapper .innerXplore #productpageWrapper .innerBanners .innerBanner .innerImage IMG {} #videoPackWrapper .innerXplore #productpageWrapper .innerBanners .innerBanner .innerBlackBar {} #videoPackWrapper .innerXplore #productpageWrapper .innerBanners .innerBanner .innerTitle {} #videoPackWrapper .innerXplore #productpageWrapper .innerCategegories {float: left; width: 100%; padding: 35px 0 0 0;} #videoPackWrapper .innerXplore #productpageWrapper .innerCategegories .innerCatitems {float: left; clear: none; width: 30%; margin-right: 5%;} #videoPackWrapper .innerXplore #productpageWrapper .innerCategegories .innerCatitems:nth-of-type(3) {margin-right: 0;} #videoPackWrapper .innerXplore #productpageWrapper .innerCategegories .innerCatitems .innerCatitem {width: 100%; line-height: 25px;} #videoPackWrapper .innerXplore #productpageWrapper .innerCategegories .innerCatitems .innerCatitem A {color: #000; font-weight: 400;} /* **V10** */ /* RADIO BUTTON NICER LOOKS ==============================================================================================================*/ /* Hide the browser's default radio button */ input[type="radio"] {position: relative;} input[type="radio"]:before {content: ""; position: absolute; display: block; top: 0; left: 0; height: 12px; width: 12px; background-color: #eee; border-radius: 50%; border: solid var(--c3) 1px; text-align: center;} input[type="radio"]:checked:after {content: ""; position: absolute; display: block; top: 4px; left: 4px; height: 0px; width: 0px; background-color: #fff; border-radius: 50%; border: solid var(--c3) 3px;} /* HEADER CHANGED ICONS AND COLORS =======================================================================================================*/ #CI_header {min-height: 139px;} #CI_header_UI_mainnav .innerLanguageChooser {background: url(imgLayout/icon_languages.png) left center no-repeat; padding: 0 0 0 23px; margin: 0; color: var(--c3);} #phoneWrapper .innerIcon {background: url(imglayout/v10_phoneIcon.png) left center no-repeat;} #phoneWrapper .innerPhonenumber {color: var(--c3);} #userNavWrapper .innerContainer1 .innerIcon {background: url(imglayout/v10_icon_header_user.png) no-repeat; width: 17px;} #userNavWrapper .innerContainer1 .innerContainerMyaccount {background: none; padding: 0; margin: 0; } #userNavWrapper .innerContainer1 .innerContainerMyaccount A {margin: 0; line-height: 20px;} #paginatorSearchSettingsWrapper {background: url(imgLayout/v10_searchSettingsIcon.svg) center right no-repeat;} #paginatorSearchSettingsWrapper:hover {background: url(/_snippets/svg.cfm?f=v10_searchSettingsIcon&rep=53a8ad:ffffff) center right no-repeat;} #paginatorSearchSettingsWrapper:hover .innerTitle {color: #fff;} #userNavWrapper .innerContainer1 #basketLinkWrapper {margin-left: 10px;} /* SEARCH - SEARCH FORM MAIN =============================================================================================================*/ #CI_header_UI_usernav {height: 139px;} #mainSearchWrapper {border-radius: 0; -webkit-border-radius: 0; -moz-border-radius:0; height: 42px; box-sizing: border-box; width: auto; min-width: 471px; padding: 0; } #mainSearchWrapper #quicksearch_C_searchinputAll INPUT {width: 265px; height: 42px; box-sizing: border-box; padding: 0 0 0 18px; line-height: 42px; color: #212121; font-size: 16px; font-weight: 300;} #mainSearchWrapper #quicksearch_C_uploadPhotoWrapper {float: left; width: 44px; height: 42px; box-sizing: border-box; padding: 0; line-height: 42px; background: url(imglayout/v10_searchiconUpload.svg) center center no-repeat; cursor: pointer;} #mainSearchWrapper #quicksearch_C_uploadPhotoWrapper:hover {background: url(/_snippets/svg.cfm?f=v10_searchiconUpload&rep=000000:53a8ad) center center no-repeat;} #mainSearchWrapper .innerTypebox {width: 113px; height: 40px; box-sizing: border-box; margin: 1px 0; line-height: 40px; border-left: solid 1px #dfdfdf; border-right: solid 1px #dfdfdf; color: #212121; font-size: 16px; font-weight: 300; background: url(imglayout/v10_typeArrow.png) right 10px center no-repeat; padding: 0px 28px 0 0;} #mainSearchWrapper .innerSubmitbox {float: left; width: 49px; height: 42px; margin: 0; text-align: center; padding: 8px 0 0 0; box-sizing: border-box;} #mainSearchWrapper .innerShowAdvbox {left: 520px; top: 13px;} #mainSearchWrapper .innerShowAdvbox:hover {color: #fff;} #customAdvsearchFormWrapper {left: 304px; top: 57px;} #mainSearchTypeboxWrapper {left: 352px; top: 43px;} #paginatorSearchSettingsWrapper {top: 76px; min-height: 24px;} #searchresultspaginator_group1 {top: 63px;} #mainSearchTypeboxWrapper .advancedSearch_imagetype_radiocontainer .advancedSearch_imagetype_L_name LABEL {color: #212121;} .htmlbody_home #CI_header_Quicksearch_header {width: auto; height: auto; border: solid 1px #cacaca; margin-left: -245px; padding: 0; box-sizing: border-box;} .htmlbody_home #mainSearchWrapper {height: 42px; box-sizing: border-box; width: auto; min-width: 471px; padding: 0;} .htmlbody_home #mainSearchWrapper #quicksearch_C_searchinputAll {width: 283px; height: 42px;} .htmlbody_home #mainSearchWrapper #quicksearch_C_searchinputAll INPUT {width: 265px; height: 42px; box-sizing: border-box; padding: 0 0 0 18px; line-height: 42px; color: #212121; font-size: 16px; font-weight: 300;} .htmlbody_home #mainSearchWrapper .innerTypebox {position: static; width: 113px; height: 40px; box-sizing: border-box; margin: 1px 0; line-height: 40px; border-left: solid 1px #dfdfdf; border-right: solid 1px #dfdfdf; color: #212121; font-size: 16px; font-weight: 300; background: url(imglayout/v10_typeArrow.png) right 10px center no-repeat; padding: 0px 28px 0 0;} .htmlbody_home #mainSearchWrapper .innerSubmitbox {position: static; float: left; width: 49px; height: 42px; margin: 0; text-align: center; padding: 8px 0 0 0; box-sizing: border-box;} .htmlbody_home #mainSearchTypeboxWrapper {top: 42px; right: 49px; width: 110px;} .htmlbody_home.htmlbodyLoggedIn #CI_header_Quicksearch_header {position: absolute; padding: 0; left: 225px; top: 65px; border: none; margin-left: 0;} #mainSearchWrapper #quicksearch_C_searchinputAll INPUT::-webkit-input-placeholder {color: #212121;} #mainSearchWrapper #quicksearch_C_searchinputAll INPUT:-moz-placeholder {color: #212121; opacity: 1;} #mainSearchWrapper #quicksearch_C_searchinputAll INPUT::-moz-placeholder {color: #212121; opacity: 1;} #mainSearchWrapper #quicksearch_C_searchinputAll INPUT:-ms-input-placeholder {color: #212121;} #mainSearchWrapper #quicksearch_C_searchinputAll INPUT:placeholder-shown {color: #212121;} #mainSearchTypeboxWrapper {padding: 14px 0 8px 0; width: 110px; height: auto;} #mainSearchTypeboxWrapper .advancedSearch_imagetype_radiocontainer {margin-left: 14px;} #mainSearchTypeboxWrapper .advancedSearch_imagetype_delimcontainer {float: left; width: 100%; clear: both; padding: 0 0 6px 0;} #mainSearchTypeboxWrapper .advancedSearch_imagetype_delimcontainer .advancedSearch_imagetype_delim {float: left; width: 100%; height: 1px; background-color: #cacaca;} /* SEARCH - SEARCH FORM ADVANCED =========================================================================================================*/ #customAdvsearchFormWrapper .innerNotTheseWordsContainer .innerInput INPUT {border: none; background-color: #d3d3d3; color: #212121; width: 100%; box-sizing: border-box; height: auto; padding: 5px 10px;} #customAdvsearchFormWrapper .innerSubmitContainer {} #customAdvsearchFormWrapper .innerSubmitContainer .innerResetFiltersContainer {float: left; width: 40%; text-align: right;} #customAdvsearchFormWrapper .innerSubmitContainer .innerBtnWrapper {float: right; width: 50%;} #customAdvsearchFormWrapper .innerSubmitContainer .innerBtnWrapper INPUT {width: 100%; border: solid 2px var(--c3); background: transparent; color: var(--c3); font-weight: bold;} #customAdvsearchFormWrapper .innerSubmitContainer .innerBtnWrapper INPUT:hover {background: var(--c3); color: #fff;} /* SEARCH - XIMILAR FILE UPLOAD ==========================================================================================================*/ #ximilarFileUpload {position: fixed; top: 0; left:0; width: 100%; height: 100%; display: none; z-index:99999;} #ximilarFileUpload .innerOverlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 0 8px 0 0; background-color: #000; opacity: 0.6;} #ximilarFileUpload .innerContent {position: absolute; top: 15%; left: 50%; width: 500px; margin-left: -250px; height: auto; background-color: white; min-height: 100px; padding: 25px; box-sizing: border-box;} #ximilarFileUpload .innerContent .innerTitle {float: left; width: 100%; font-size: 25px; font-weight: 300; text-align: center; line-height: 65px; color: #212121;} #ximilarFileUpload .innerContent .innerTitle .innerBtn {width: 50%; padding: 10px; border: solid 2px var(--c3); color: var(--c3); border-radius: 21px; font-size: 18px; font-weight: bold; background: white; margin: 10px auto; cursor: pointer;} #ximilarFileUpload .innerContent .innerTitle .innerBtn:hover {background: var(--c3); color: #fff;} #ximilarDropzone {float: left; width: 100%; height: 300px; border: dashed 1px #666666; text-align: center; background: #f4f4f4 url(imglayout/v10_similarUploadBg.png) center top 25px no-repeat;} #ximilarDropzone .innerSubtitle {float: left; width: 100%; text-align: center; font-size: 16px; margin-top: 150px; font-weight: 300; color: #212121;} #ximilarDropzone .innerFootermsg {float: left; width: 100%; text-align: center; font-size: 12px; margin-top: 95px; font-weight: 300;} #ximilarDropzone .dz-preview {display: none;} /* SEARCH - RESULTS IMAGES ===============================================================================================================*/ #searchresults_C_imagecontainer {float: left; width: 100%;} #srcresoutput {float: left; width: 100%;} #body .CI_maincomponent#CI_search .searchResultsWrapper {background: #212121;} #body .CI_maincomponent#CI_search .searchResultsWrapper .innerResultsWrapper {background: transparent;} .searchresults_imageWrapper {float: left; width: auto; height: auto; padding:0; margin: 0 0 9px 0; text-align: left; box-sizing: border-box;} .searchresults_imageWrapper .searchresults_image_thumbnailWrapper {float: left; position: relative; overflow: hidden; box-sizing: border-box; width: auto; vertical-align: inherit; padding: 0; margin: 0 8px 0 0; text-align: left; border: none; box-sizing: border-box;} .searchresults_imageWrapper .searchresults_image_thumbnailWrapper IMG {cursor:pointer; max-width: inherit; max-height: inherit; vertical-align: inherit; display: none;} .searchresults_imageWrapper .searchresults_image_thumbnailWrapper .innerOverlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 0 8px 0 0;} .searchresults_imageWrapper .searchresults_image_thumbnailWrapper .innerOverlay .innerB {width: 100%; height: 100%; box-sizing: border-box; } .searchresults_imageWrapper .searchresults_image_thumbnailWrapper .innerBtnBarWrapper {position: absolute; left: 0; bottom: 0; width: 100%; height: 44px; background: #000; opacity: 0.65; text-align: center; padding: 0; display: none;} .searchresults_imageWrapper .searchresults_image_thumbnailWrapper:hover .innerBtnBarWrapper {display: block;} .searchresults_imageWrapper .searchresults_image_thumbnailWrapper .innerBtnBarWrapper IMG {width: 24px; height: 24px; margin: 10px 4px 0 4px; display: inline;} /*.searchresults_imagePV {min-width: 190px; } .searchresults_image_thumbnailPV {height: 190px;} .searchresults_image_thumbnailPV IMG {height: 190px;} #body.body_MyLightboxes .searchresults_image_thumbnailPV {height: 170px;} #body.body_MyLightboxes .searchresults_image_thumbnailPV IMG {height: auto;} .searchresults_imageTH170 {min-width: 160px; } .searchresults_image_thumbnailTH170 {height: 160px;} .searchresults_image_thumbnailTH170 IMG {height: 160px;} #body.body_MyLightboxes .searchresults_image_thumbnailTH170 {height: 170px;} #body.body_MyLightboxes .searchresults_image_thumbnailTH170 IMG {height: auto;} .searchresults_imageTH {min-width: 120px; } .searchresults_image_thumbnailTH {height: 120px;} .searchresults_image_thumbnailTH IMG {height: 120px;} #body.body_MyLightboxes .searchresults_image_thumbnailTH {height: 120px;} #body.body_MyLightboxes .searchresults_image_thumbnailTH IMG {height: auto;} */ .searchresults_imagePV {min-width: 300px; } .searchresults_image_thumbnailPV {height: 300px;} .searchresults_image_thumbnailPV IMG {height: 300px;} #body.body_MyLightboxes .searchresults_image_thumbnailPV {height: 170px;} #body.body_MyLightboxes .searchresults_image_thumbnailPV IMG {height: auto;} .searchresults_imageTH170 {min-width: 190px; } .searchresults_image_thumbnailTH170 {height: 190px;} .searchresults_image_thumbnailTH170 IMG {height: 190px;} #body.body_MyLightboxes .searchresults_image_thumbnailTH170 {height: 170px;} #body.body_MyLightboxes .searchresults_image_thumbnailTH170 IMG {height: auto;} .searchresults_imageTH {min-width: 150px; } .searchresults_image_thumbnailTH {height: 150px;} .searchresults_image_thumbnailTH IMG {height: 150px;} #body.body_MyLightboxes .searchresults_image_thumbnailTH {height: 120px;} #body.body_MyLightboxes .searchresults_image_thumbnailTH IMG {height: auto;} @media screen AND (max-width: 1023px){ .searchresults_imagePV {min-width: 160px; } .searchresults_image_thumbnailPV {height: 160px;} .searchresults_image_thumbnailPV IMG {height: 160px;} } @media screen AND (max-width: 599px){ .searchresults_imagePV {min-width: 120px; } .searchresults_image_thumbnailPV {height: 120px;} .searchresults_image_thumbnailPV IMG {height: 120px;} .searchresults_imageTH170 {min-width: 120px; } .searchresults_image_thumbnailTH170 {height: 120px;} .searchresults_image_thumbnailTH170 IMG {height: 120px;} } .searchresult_finalNextWrapper INPUT {width: auto; height: auto; min-width: 358px; min-height: 52px; box-sizing: border-box; border: solid 2px var(--c3); background: transparent; color: var(--c3); font-weight: bold;} .searchresult_finalNextWrapper INPUT:hover {background: var(--c3); color: #fff;} #paginatorCntWrapper_1 #searchresultspaginator_F_navigation {height: auto; min-width: 10px; padding: 0; margin: -7px 0 0 0;} #paginatorCntWrapper_2 {margin-top: -64px; margin-bottom: 50px;} @media screen AND (max-width: 1050px){ .searchresult_finalNextWrapper INPUT {display: none;} #paginatorCntWrapper_2 {margin-top: 0px;} } .paginatorPageLinksWrapper {} .paginatorPageLinksWrapper .paginatorPageLinkWrapper {float: left; border: solid 1px var(--c3); padding: 5px 0; cursor: pointer; margin-left: 5px; width: 36px; height: 36px; box-sizing: border-box; text-align: center; line-height: 35px;} .paginatorPageLinksWrapper .paginatorPageLinkWrapper:hover {background-color: #fff;} .paginatorPageLinksWrapper .paginatorPageLinkWrapperAct {background-color: #fff;} .paginatorPageLinksWrapper .paginatorPageLinkWrapper A {color: var(--c3); font-weight: 300; font-size: 16px; text-decoration: none;} .paginatorPageLinksWrapper .paginatorPageLinkWrapper A:hover {color: var(--c3);} .paginatorPageLinksWrapper .paginatorPageLinkWrapper A.searchresultspaginator_activeNav {color: #000; margin-left: 0;} .paginatorPageLinksWrapper .paginatorPageLinkWrapper A.searchresultspaginator_normalNav {margin-left: 0;} #paginatorCntWrapper_1 .paginatorPageLinksWrapper {display: none;} #searchresultspaginator_F_prevcontainer {border: solid 1px var(--c3); padding: 0; cursor: pointer; margin-left: 5px; width: 36px; height: 36px; box-sizing: border-box; text-align: center; line-height: 35px;} #searchresultspaginator_F_prevcontainer:hover {background-color: #fff;} #searchresultspaginator_F_nextcontainer {border: solid 1px var(--c3); padding: 0; cursor: pointer; margin-left: 5px; width: 36px; height: 36px; box-sizing: border-box; text-align: center; line-height: 35px;} #searchresultspaginator_F_nextcontainer:hover {background-color: #fff;} #searchresultspaginator_F2_prevcontainer {border: solid 1px var(--c3); padding: 0; cursor: pointer; margin-left: 5px; width: 36px; height: 36px; box-sizing: border-box; text-align: center; line-height: 35px;} #searchresultspaginator_F2_prevcontainer:hover {background-color: #fff;} #searchresultspaginator_F2_nextcontainer {border: solid 1px var(--c3); padding: 0; cursor: pointer; margin-left: 5px; width: 36px; height: 36px; box-sizing: border-box; text-align: center; line-height: 35px;} #searchresultspaginator_F2_nextcontainer:hover {background-color: #fff;} /* SIMILAR IMAGE SEARCH, SHOW IMAGE DETAILS IN HEADER ================================================================================*/ #searchresulthead_L_yousearchedfor.visualImageHeader {float: left; width: auto; height: auto;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerImageDetailsWrapper {float: left; width: 100%;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerImageDetailsWrapper .innerImageWrapper {float: left;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerImageDetailsWrapper .innerImageWrapper IMG {max-width: 100px; max-height: 65px;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerImageDetailsWrapper .innerRightCol {float: left; margin: 10px 0 0 17px;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerImageDetailsWrapper .innerRightCol .innerIDwrapper {float: left; width: 100%;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerImageDetailsWrapper .innerRightCol .innerIDwrapper .innerLabel {float: left; font-size: 16px; color: #212121;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerImageDetailsWrapper .innerRightCol .innerIDwrapper .innerValue {float: left; font-size: 16px; color: var(--c3);} #searchresulthead_L_yousearchedfor.visualImageHeader .innerImageDetailsWrapper .innerRightCol .innerCaptionWrapper {float: left; width: 100%; font-size: 13px; font-weight: 300; color: var(--c4); line-height: 21px; margin: 6px 0 0 0;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerVisualtypeWrapper {float: left; width: 100%; margin: 17px 0 0 3px;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerVisualtypeWrapper .innerTitleLabel {float: left; font-size: 13px; font-weight: 300; color: #212121; margin-right: 34px;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerVisualtypeWrapper .advancedSearch_sorttype_G_container {float: left; margin: -8px 10px 0 0; border: solid var(--c3) 1px;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerVisualtypeWrapper .advancedSearch_sorttype_G_container:hover {background: var(--c3); color: #ececec;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerVisualtypeWrapper .sorttypeActive {background: var(--c3); color: #ececec;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerVisualtypeWrapper .advancedSearch_sorttype_G_container .advancedSearch_sorttype_input {display: none;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerVisualtypeWrapper .advancedSearch_sorttype_G_container .advancedSearch_sorttype_title {float: left; height: 24px; text-align: center; cursor: pointer; padding: 7px 15px 2px 15px;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerVisualtypeWrapper .advancedSearch_sorttype_G_container .advancedSearch_sorttype_title LABEL {width: 113px; height: 24px; cursor: pointer; color: var(--c3);} #searchresulthead_L_yousearchedfor.visualImageHeader .innerVisualtypeWrapper .advancedSearch_sorttype_G_container:hover .advancedSearch_sorttype_title LABEL {color: #ececec;} #searchresulthead_L_yousearchedfor.visualImageHeader .innerVisualtypeWrapper .sorttypeActive .advancedSearch_sorttype_title LABEL {color: #ececec;} /* IMAGE DETAILS PAGE CHANGES ========================================================================================================*/ #CI_imagedetails #imagedetails_priceinfo .innerRFpricerow {border-left: none; border-right: none;} #imageDetailsMainWrapper .imagedetailsTopWrapper .innerTitleWrapper {float: left; clear: both; width: 100%; margin-top: 37px;} #imageDetailsMainWrapper .imagedetailsTopWrapper .innerImgidWrapper {float: left; clear: both; width: 100%; margin-top: 23px;} #imageDetailsMainWrapper .imagedetailsTopWrapper .innerImgSizeWrapper {float: left; clear: both; width: 100%; line-height: 26px;} #imageDetailsMainWrapper .imagedetailsTopWrapper .innerImgReleaseWrapper {float: left; clear: both; width: 100%; line-height: 26px;} #CI_imagedetails .imagedetailsTopWrapper .innerTitleWrapper #CI_imagedetails_title_caption #title_caption_L_caption {text-overflow: inherit; white-space: inherit; overflow: inherit; font-size: 14px; color: #595959; padding: 0; cursor: auto;} #imageDetailsMainWrapper .imagedetailsTopWrapper .innerImgidWrapper .innerLabel {float: left; font-size: 13px; color: #595959; font-weight: 300; line-height: 26px;} #imageDetailsMainWrapper .imagedetailsTopWrapper .innerImgidWrapper .innerValue {float: left; margin-left: 10px; font-size: 13px; color: #595959; font-weight: bold; line-height: 26px;} #CI_imagedetails_imgsizeSpecifications {float: left; width: 100%;} #CI_imagedetails_imgsizeSpecifications .innerPxSize {line-height: 26px; font-size: 13px; color: #595959; font-weight: 300;} #CI_imagedetails_imgsizeSpecifications .inner300Size {line-height: 26px; font-size: 13px; color: #595959; margin-left: 10px; font-weight: 300;} #CI_imagedetails_imgsizeSpecifications .inner300Size:before {content: "|"; position: relative; left: -5px; top: 0;} #CI_imagedetails_img_info {float: left; width: 100%;} #CI_imagedetails_img_info #img_info_G_modelrelease {float: left; width: 100%;} #CI_imagedetails_img_info .infotitle {line-height: 26px; font-weight: 300; color: #595959; margin: 0; padding: 0;} #CI_imagedetails_img_info .infovalue {border-left: none; line-height: 26px; font-weight: 300; color: #595959; margin: 0 0 0 10px; padding: 0;} #CI_imagedetails_img_info .infovalue:before {content: ":"; position: relative; left: -7px; top: 0; color: #595959;} #imageDetailsMainWrapper .innerKeywordsWrapper {float: left; clear: both; width: 100%; margin-top: 42px;} #CI_imagedetails_keywords #keywords_H_kwcolumnshead {display: none;} #imagedetailsKeywordsContainer #viewAllKeywordsWrapper {top: 14px;} #related_images_H_head {border: none;} #action_links {height: 43px;} #action_links_similarlink {position: absolute; left: 50%; top: 9px; margin-left: -91px;} #action_links_lightbox {position: absolute; left: 50%; top: 9px; margin-left: -36px;} #action_links_email {position: absolute; left: 50%; top: 9px; margin-left: 11px;} #action_links_downloadcomp {position: absolute; left: 50%; top: 9px; margin-left: 79px;} #actionLinkTitlePopup {position: absolute; left: 0; top: 0; background-color: #000; color: #fff; padding: 11px 17px; border-radius: 4px; min-width: 50px; min-height: 10px; display: none; z-index:9999;} #actionLinkTitlePopup:before {position: absolute; content: ''; left: 50px; top: -6px; width: 13px; height: 13px; background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #CI_imagedetails #imagedetails_priceinfo #imagedetails_priceinfo_dlBtnContainer INPUT[type="button"] {background-color: #ff4545; border: solid 2px #ff4545; box-sizing: border-box;} #CI_imagedetails #imagedetails_priceinfo #imagedetails_priceinfo_dlBtnContainer INPUT[type="button"].btnhover {background-color: #fff !important; color: #ff4545 !important;} #imagedetails_pricinginfo_G_subsDetailsTopWrapper #imagedetails_pricinginfo_subsDetails_currentAvailableWrapper .innerValue {color: #ff4545; font-weight: normal;} #related_images_G_images #related_images_I_images_content {height: auto;} #related_images_gridWrapper .gridimg {float: left; max-width: 999px; max-height: 170px; margin: 0 10px 10px 0; cursor: pointer;}//max-width set high to overwrite old small value #CI_imagedetails_related_images .innerSearchlinkWrapper {float: left; width: 100%; text-align: center; padding: 32px 0;} #CI_imagedetails_related_images .innerSearchlinkWrapper INPUT[type="button"] {padding: 5px 25px; border: solid 1px var(--c3); background: transparent; color: var(--c3); font-weight: bold; font-size: 17px;} #CI_imagedetails_related_images .innerSearchlinkWrapper INPUT[type="button"]:hover {background: var(--c3); color: #fff;} #CI_imagedetails_images_this_contributor .imagesThisContribWrapper .innerHead {padding: 21px 0 25px 0;} #CI_imagedetails_images_this_contributor .imagesThisContribWrapper .innerImagesWrapper {height: auto;} #CI_imagedetails_images_this_contributor .imagesThisContribWrapper .innerImagesWrapper .innerWrapper {height: auto; width: 100%; overflow: hidden;} #CI_imagedetails_images_this_contributor .gridimg {float: left; max-width: 999px; max-height: 170px; margin: 0 10px 10px 0; cursor: pointer;}//max-width to set to overwrite old value of 170px; #CI_imagedetails_images_this_contributor .innerSearchlinkWrapper {float: left; width: 100%; text-align: center; padding: 32px 0;} #CI_imagedetails_images_this_contributor .imagesThisContribWrapper .innerHead .innerAddFavArtistWrapper .innerBtn {border-radius: 4px; border: solid 1px var(--c3) !important;} #CI_imagedetails_images_this_contributor .imagesThisContribWrapper .innerHead .innerAddFavArtistWrapper .innerBtn:hover {background: var(--c3); color: #fff !important;} #CI_imagedetails_images_this_contributor .innerSearchlinkWrapper INPUT[type="button"] {padding: 5px 25px; border: solid 1px var(--c3); background: transparent; color: var(--c3); font-weight: bold; font-size: 17px;} #CI_imagedetails_images_this_contributor .innerSearchlinkWrapper INPUT[type="button"]:hover {background: var(--c3); color: #fff;} /* CONTRIBUTOR AREA CHANGES FOR NEW STYLE WITH PORTAL :: styles for new release assigment management =============================*/ #relass_wrapper {padding: 10px; width: 100%;} #relass_assigning {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; margin-left: 0; background: transparent; padding: 0;} #relass_assigning .popupOverlay {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: 1000;} #relass_results {float: left; width: 100%;} #relass_explanation {margin: 20px; width: 600px;} #relass_explanation TD {} #relass_searchform {width: 100%;} #relass_searchResults {width: 100%;} .relass_imgresult {float: left; margin: 5px; height: 245px; width: 190px; background-color: white; } .relass_imageResult_thcontainer {float: left; margin: 2px; padding: 8px; width: 186px; height: 186px; background-color: white; box-sizing: border-box;} .relass_imageResult_thcontainer IMG {max-width: 170px; max-height: 170px;} .relass_imageResult_infocontainer {float: left; clear: both; margin: 2px 2px 2px 10px;} .relass_imageResult_infocontainer .inner {float: left; width: 170px;} .relass_imageResult_checkbox {float: left; width: 30px; height: 30px; padding: 0;} .relass_imageResult_filenames {float: left; width: 120px; height: 40px; padding: 0; overflow: hidden; text-align: left;} .relass_imageResult_filenames SPAN {font-size: 90%; line-height: 20px;} .relassinp {} SELECT.relassinp {} .relassbtn {} #relass_msgbox {float: right; background: white; border-radius: 0.5em; width: 330px; height: 118px;} #relass_msgbox TD {color: #000; padding: 10px;} #imgselectioncount {font-weight: bold; font-size: 110%;} .relasspaginator {margin: 4px; color: var(--c3);} .relasspaginator:hover {margin: 4px; color: #3a9da3;} .relass_assigntitle {} .relass_assignselectbox {background-color: #fff; border: inset 2px;} .relass_assignselectbox .inner {padding: 5px;} .relass_assignselectrow {padding: 0px; margin: 2px; height: 20px;} .relass_assignselecticon {width: 25px;} .relass_assignselecttitle {font-size: 110%; padding-top: 4px;} .relass_assignselecttitle A {font-size: 110%; color: #000;} A.nextPrevious {margin: 0 2px 0 2px;} #relass_wrapper INPUT[type="text"] {padding: 3px; border-radius: 0.3em;} #relass_wrapper SELECT {padding: 3px; border-radius: 0.3em;} #releaseSelectWrapper {position: absolute; top: 20%; left: 50%; width: 500px; margin-left: -250px; background: white; border: solid 2px #13a8ed; border-radius: 1em; min-height: 100px; z-index: 1001; padding: 20px;} #releaseSelectWrapper .innerWrapper {width: 100%;} #releaseSelectWrapper .innerWrapper .innerTitle {width: 100%; font-weight: 400; color: #000;} #releaseSelectWrapper .innerWrapper .innerSearch {width: 100%; margin-top: 20px;} #releaseSelectWrapper .innerWrapper .innerSearch INPUT {width: 100%; padding: 3px; border-radius: 0.5em;} #releaseSelectWrapper .innerWrapper .innerListWrapper {width: 100%; margin-top: 20px; overflow-x: hidden; overflow-y: scroll; height: 400px; border-top: solid 1px #13a8ed; border-bottom: solid 1px #13a8ed;} #releaseSelectWrapper .innerWrapper .innerListWrapper .innerItemWrapper {width: 100%; margin-bottom: 5px;} #releaseSelectWrapper .innerWrapper .innerListWrapper .innerItemWrapper label {} #releaseSelectWrapper .innerWrapper .innerListWrapper .innerItemWrapper label .innerType {font-size: 80%; font-style: italic; color: #888;} #releaseSelectWrapper .innerWrapper .innerButtonWrapper {width: 100%; margin-top: 20px; text-align: center;} #releaseSelectWrapper .innerWrapper .innerButtonWrapper INPUT {margin: 0 20px; min-width: 150px;} @media screen AND (max-height:950px){ #releaseSelectWrapper {top: 5%;} } @media screen AND (max-height:750px){ #releaseSelectWrapper .innerWrapper .innerListWrapper {height: 200px;} } /* contributor area views report =====================================================================================*/ #CI_ContributorArea_Reports {width: 100%; max-width: 934px; background: #fff; border: solid 1px #d7d7d7; padding: 50px 50px 50px 50px;} #CI_ContributorArea_Reports #carea_reports_views_G_all {width: 100%;} #CI_ContributorArea_Reports #careapagetitle {width: 100%; font-size: 110%; font-weight: bold;} #CI_ContributorArea_Reports #carea_reports_views_G_content {width: 100%; margin-top: 20px;} #CI_ContributorArea_Reports #carea_reports_views_G_content #carea_reports_views_F_period {width: 100%;} #CI_ContributorArea_Reports #carea_reports_views_G_content #carea_reports_views_F_period #carea_reports_views_F_period_F_select {width: 100%;} #CI_ContributorArea_Reports #carea_reports_views_G_content #carea_reports_views_F_period #carea_reports_views_F_period_F_select SELECT {width: 95%; padding: 3px; border-radius: 0.5em;} #CI_ContributorArea_Reports #carea_reports_views_G_content #carea_reports_views_graph {width: 100%; height: 300px; margin-top: 20px; float: left; box-sizing: border-box;} /* MY DATA PAGE CHANGE =================================================================*/ .mydata_submitwrapper {float: left; clear: both;} .mydata_submitwrapper .btn {min-width: 220px;} .mydataCustomEditWrapper {float: left; clear: both; margin-top: 20px;} .mydataCustomEditWrapper .btn {min-width: 220px;} /* registration page larger statement */ #register_form_L_conditions {width: 370px;} /* T46355: add multiple items in cart for amos. with that, also add delete links in basket-review */ #basketitems_H_subs_deletelink {float: right; clear: right; text-align: right; font-size: 15px;} #basketitems_H_subs_deletelink A {padding-right: 0;} #basketitems_H_img_deletelink {float: right; clear: right; text-align: right; font-size: 15px;} #basketitems_H_img_deletelink A {padding-right: 0;} #basketitems_H_downloadpack_deletelink {float: right; clear: right; text-align: right; font-size: 15px;} #basketitems_H_downloadpack_deletelink A{padding-right: 0;} #basketitems_C_img {margin-top: 0;} #basket_Separator {display: block; border: none;} #basketitems_H_img LI {color: black; font-weight: bold;} /* T47112: Footer text in login form */ #loginPopupWrapper .innerLoginWrapper .innerFooterText {float: left; width: 100%; padding: 0; margin: 20px 0 0 0;} /* T50106 : new homepage with lightboxes require new definition of lightbox posters with pure css for square boxes */ #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 20px; height: auto; width: 100%; box-sizing: border-box; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper{ width: 100%; height: auto; margin: 0; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster{ width: 100%; height: auto; box-sizing: border-box; transition: opacity 0.5s; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster:hover{ opacity: 0.6; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster IMG, #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster VIDEO{ max-width: 100%; max-height: 100%; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster .innerPosterWrapper{} #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage1{ width: 100%; height: auto; overflow: visible; padding-top: 100%; position: relative; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage2{ width: 48%; height: auto; padding-top: 48%; overflow: visible; position: relative; margin: 0; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage3{ width: 48%; height: auto; padding-top: 48%; float: right; overflow: visible; position: relative; margin: 0; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerImg{ float: left; width: 100%; height: 100%; text-align: center; position: absolute; left: 0; top: 0; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxViewAllWrapper{ width: 100%; height: 0; padding-top: 147%; position: relative; margin: 0; transition: opacity 0.5s; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxViewAllWrapper:hover{ opacity: 1; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxViewAllWrapper .innerShowAllWrapper{ float: left; width: 100%; height: 100%; text-align: center; position: absolute; left: 0; top: 0; padding: 66% 0 0 50%; } #myLightboxes_overview_lblistWrapper .innerWrapper .innerLightboxList .innerLightboxViewAllWrapper .innerShowAllWrapper .innerLinkWrapper{ margin: 0; transform: translate(-50%,0); } /* T47856: New homepage layout. INIT V11 */ #CI_header.pageheader_home {background: #000; position: fixed; z-index: 99; height: 100px; top: 0; width: 100%; min-height: 0;} #CI_header.trans {background: transparent; position: absolute; top: 30px;} BODY.htmlbody_home #body .CI_maincomponent#CI_home {width: 100%; background-color: #212121;} BODY.htmlbody_home #CI_header {font-size: 15px; line-height: 23px; font-weight: 300;} BODY.htmlbody_home #CI_header DIV {color: #fff; font-size: inherit; line-height: inherit; letter-spacing: 1.1px;} BODY.htmlbody_home #CI_header #CI_header_Quicksearch_header {display: none;} BODY.htmlbody_home #CI_header A {color: #fff; font-size: inherit; line-height: inherit; text-decoration: none; display: block; line-height: 30px;} BODY.htmlbody_home #CI_header A:hover {color: #ddd;} BODY.htmlbody_home #CI_header #userNavWrapper .innerContainer0 A:hover {line-height: inherit; color: var(--c3);} BODY.htmlbody_home #CI_header #userNavWrapper .innerSubnavContainer .innerContainer {width: auto;} #CI_header_UI_logo IMG {max-width: 185px;} BODY.htmlbody_home #CI_header #CI_header_UI_logo {top: 1vw; left: 3%; max-width: 15%; margin-top: -1vw; overflow: visible;} BODY.htmlbody_home #CI_header #CI_header_UI_logo A {margin: 0;} BODY.htmlbody_home #CI_header #CI_header_UI_logo IMG {width: 100%; margin: -10px 0 0 0; max-width: 300px;} BODY.htmlbody_home #CI_header_UI_mainnav {left: 20%; top: -0; font-size: inherit; padding: 10px 0 0 0; width: 45%; max-width: 62%;} BODY.htmlbody_home #CI_header_UI_mainnav div a {color: #fff; font-size: inherit;} BODY.htmlbody_home #CI_header_UI_mainnav .innerLanguageChooser {color: #fff; font-size: inherit; margin-top: 6px; margin-bottom: 6px;} BODY.htmlbody_home #CI_header_UI_mainnav .innerLanguageChooser:hover {color: #ddd;} BODY.htmlbody_home #CI_header_UI_mainnav .innerLanguageChooser1 {display: none;} #langNavWrapper {position: fixed; left: 16%; right: auto; top: 75px; border: none; background: #000; border-radius: 0.5em; padding: 7px 15px !important;} #langNavWrapper .innerWrapper {padding: 3px 15px 10px 0; } #langNavWrapper .innerWrapper:first-of-type {padding: 3px 25px 10px 0;} #langNavWrapper .innerWrapper .innerLang {} #langNavWrapper .innerWrapper .innerLang A {color: #aaa; font-size: 11px; line-height: 15px; margin: 0; letter-spacing: 1.5px;} #langNavWrapper .innerWrapper .innerLang A:hover {color: #fff; line-height: 15px; margin: 0; letter-spacing: 1.5px;} BODY.htmlbody_home #phoneWrapper {color: #fff; font-size: inherit;} BODY.htmlbody_home #phoneWrapper .innerIcon {display: none;} BODY.htmlbody_home #phoneWrapper1 {color: #fff; font-size: inherit; display: none;} BODY.htmlbody_home #phoneWrapper .innerPhonenumber {color: #fff; font-size: inherit; margin-top: 6px; margin-bottom: 6px; padding: 0;} BODY.htmlbody_home #phoneWrapper1 .innerPhonenumber {color: #fff; font-size: inherit; margin-top: 6px; margin-bottom: 6px; padding: 0;} BODY.htmlbody_home #CI_header_UI_mainnav .UI_mainnav_link {font-size: inherit;} BODY.htmlbody_home #CI_header_UI_mainnav #productTypesWrapper {float: right; width: 30%;} BODY.htmlbody_home #CI_header_UI_mainnav .productTypeLinkWrapper {padding: 0; margin: 0 5% 0 0; float: left; width: auto;} BODY.htmlbody_home #CI_header_UI_mainnav #UI_mainnav_L_menu_1 {margin-left: 5%;} BODY.htmlbody_home #CI_header_UI_usernav {float: right; font-size: inherit; width: auto; margin-right: 2%;} BODY.htmlbody_home #pricelinkWrapper {display: none;} BODY.htmlbody_home #pricelinkWrapper1 {display: none;} BODY.htmlbody_home #pricelinkWrapper2 {float: right; margin: 0;} BODY.htmlbody_home #CI_header_UI_usernav #userNavWrapper {float: left; width: auto; margin: 0; padding: 0;} BODY.htmlbody_home #CI_header_UI_usernav #userNavWrapper .innerContainer0 {float: left; width: 100%; margin: 10px 0 0 0; height: auto;} BODY.htmlbody_home #userNavWrapper .innerContainer0 .innerContainerLogin {float: right; margin: 0 0 0 21px;} BODY.htmlbody_home #userNavWrapper .innerContainer0 .innerContainerRegister {float: right; margin: 0 0 0 21px;} BODY.htmlbody_home #userNavWrapper .innerContainer0 .innerContainerPricing {float: right; margin: 0 0 0 0;} BODY.htmlbody_home #userNavWrapper #basketLinkWrapper {float: right;} BODY.htmlbody_home #userNavWrapper #basketLinkWrapper .innerContainerBasket {float: right; margin: 0 0 0 21px;} BODY.htmlbody_home #userNavWrapper #basketLinkWrapper .innerContainerBasket A {} BODY.htmlbody_home #userNavWrapper #basketLinkWrapper .innerContainerBasketcount {display: none;} /* transparent header settings */ BODY.htmlbody_home #CI_header.trans #userNavWrapper .innerContainer0 .innerContainerRegister {float: right; margin: 0 0 0 21px;} BODY.htmlbody_home #CI_header.trans #userNavWrapper .innerContainer0 .innerContainerLogin A {padding: 6px 10px; background: transparent; border-radius: 0.3em; margin: 0; border: solid 2px #fff; line-height: 30px;} BODY.htmlbody_home #CI_header.trans #userNavWrapper .innerContainer0 .innerContainerRegister A {padding: 6px 10px; background: transparent; border-radius: 0.3em; margin: 0; border: solid 2px #fff; line-height: 30px;} BODY.htmlbody_home #CI_header.trans #userNavWrapper .innerContainer0 .innerContainerLogin A:hover {background: #000; color: #fff; border-color: #000; line-height: 30px;} BODY.htmlbody_home #CI_header.trans #userNavWrapper .innerContainer0 .innerContainerRegister A:hover {background: #000; color: #fff; border-color: #000; line-height: 30px;} BODY.htmlbody_home #CI_header.trans #userNavWrapper #pricelinkWrapper2 A {padding: 6px 10px; background: transparent; border-radius: 0.3em; margin: 0; border: solid 2px #fff; line-height: 30px;} BODY.htmlbody_home #CI_header.trans #userNavWrapper #pricelinkWrapper2 A:hover {background: #000; color: #fff; border-color: #000; line-height: 30px;} BODY.htmlbody_home #CI_header.trans #CI_header_UI_usernav #pricelinkWrapper {display: none;} BODY.htmlbody_home #CI_header.trans #CI_header_UI_usernav #pricelinkWrapper1 {display: block;} BODY.htmlbody_home #CI_header.trans #phoneWrapper {display: none;} BODY.htmlbody_home #CI_header.trans #phoneWrapper1 {display: block;} BODY.htmlbody_home #CI_header.trans #CI_header_UI_mainnav .innerLanguageChooser {display: none;} BODY.htmlbody_home #CI_header.trans #CI_header_UI_mainnav .innerLanguageChooser1 {display: block; background: url(imgLayout/icon_languages.png) left center no-repeat; padding: 0 0 0 23px;} BODY.htmlbody_home #CI_header.trans #CI_header_UI_usernav #basketLinkWrapper .innerContainerBasket {float: right; margin: 0 0 0 21px;} BODY.htmlbody_home #CI_header.trans #CI_header_UI_usernav #basketLinkWrapper .innerContainerBasket A {padding: 6px 10px; background: transparent; border-radius: 0.3em; margin: 0; border: solid 2px #fff;} BODY.htmlbody_home #CI_header.trans #CI_header_UI_usernav #basketLinkWrapper .innerContainerBasket A:hover {background: #000; color: #fff; border-color: #000;} BODY.htmlbody_home #CI_header.trans #CI_header_UI_usernav #basketLinkWrapper .innerContainerBasketcount {display: none;} /* black header settings */ BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_logo {display: block; top: 54px; left: 1%;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_logo IMG {max-height: 45px; margin: 4px 0 0 0; width: auto;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_mainnav {left: 1%; top: -8px; width: 49%;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_mainnav div {float: left; padding-right: 2%;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_mainnav #productTypesWrapper {float: left;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_mainnav .productTypeLinkWrapper {margin: 0;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_mainnav .innerLanguageChooser {float: left;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_mainnav #phoneWrapper .innerPhonenumber {padding-right: 0;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_mainnav #pricelinkWrapper {display: none;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_usernav {position: absolute; right: 1%; top: -8px; width: 49%; margin-right: 0;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_usernav A {color: var(--c3);} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_usernav A:hover {color: #ddd;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_usernav #pricelinkWrapper2 {display: block;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_mainnav {width: inherit;} BODY.htmlbody_home #CI_header.headerBlack #userNavWrapper .innerContainer0 .innerContainerLogin {margin: 0 0 0 2%;} BODY.htmlbody_home #CI_header.headerBlack #userNavWrapper .innerContainer0 .innerContainerRegister {margin: 0 0 0 2%;} BODY.htmlbody_home #actionLinkTitlePopup {display: none;} /* mobile header settings */ BODY.htmlbody_home #CI_header.headerMob {font-size: 13px; position: fixed; left: 0; top: 0;} BODY.htmlbody_home #CI_header.headerMob #CI_header_UI_logo {display: block; top: 54px; left: 1%; width: auto; max-width: 20%;} BODY.htmlbody_home #CI_header.headerMob #CI_header_UI_logo IMG {max-height: 40px; margin: 0 0 0 0; width: auto;} BODY.htmlbody_home #CI_header.headerMob #CI_header_UI_mainnav .productTypeLinkWrapper {margin: 0 5px; padding: 0;} BODY.htmlbody_home #CI_header.headerMob #CI_header_UI_mainnav {left: auto; right: 10px; width: 90%; max-width: 90%;} BODY.htmlbody_home #CI_header.headerMob #CI_header_UI_mainnav div {float: right; padding-right: 10px;} BODY.htmlbody_home #CI_header.headerMob #CI_header_UI_mainnav #phoneWrapper {padding: 0; margin: 0 10px;} BODY.htmlbody_home #CI_header.headerMob #CI_header_UI_mainnav #pricelinkWrapper1 {display: none;} BODY.htmlbody_home #CI_header.headerMob #CI_header_UI_usernav {position: absolute; right: 10px; top: 40px; width: auto;} BODY.htmlbody_home #CI_header.headerMob #CI_header_UI_usernav #basketLinkWrapper .innerContainerBasketcount {display: none;} BODY.htmlbody_home.headerMiniMob #CI_header {position: absolute;} #hamburgerMenuButton {display: none; position: absolute; right: 10px; top: 11px; cursor: pointer; z-index: 99; width: 35px;} #langNavWrapperMiniMob {display: none;} #hamburgerMenuButton IMG {max-width: 100%;} #UI_username_L_langSelectMiniMob {display: none;} BODY.htmlbody_home #dropDownUsernavWrapper {display: none;} BODY.htmlbody_home.headerMiniMob #CI_header_UI_usernav {display: none;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header_UI_mainnav {display: none; left: auto; right: 0; top: 55px; width: 100%; max-width: 100%; background: #000; font-size: 13px; text-align: right; border-top: solid #fff 1px; border-bottom: solid #fff 1px; padding-bottom: 10px;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header_UI_mainnav A {margin-top: 0; margin-bottom: 0;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header_UI_mainnav > div {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 0 5% 0 0; margin: 0 !important; text-align: right;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header_UI_mainnav #dropDownUsernavWrapper > div {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 0; margin: 0 !important; text-align: right;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header_UI_mainnav #phoneWrapper > div {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 0; margin: 0 !important; text-align: right;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header_UI_mainnav #langNavWrapperMiniMob > div {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 0; margin: 0 !important; text-align: right;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header_UI_mainnav #basketLinkWrapper > div {float: left; clear: both; width: 100%; box-sizing: border-box; padding: 0; margin: 0 !important; text-align: right;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header_UI_mainnav #basketLinkWrapper SPAN {color: #fff; font-size: inherit; line-height: inherit; text-decoration: none;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header_UI_mainnav #basketLinkWrapper SPAN:hover {color: #ddd;} BODY.htmlbody_home.headerMiniMob #dropDownUsernavWrapper {display: block;} BODY.htmlbody_home.headerMiniMob #hamburgerMenuButton {display: block;} BODY.htmlbody_home.headerMiniMob #CI_header.pageheader_home {height: 55px;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header #UI_username_L_langSelect {display: none;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header #UI_username_L_langSelect1 {display: none;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header #UI_username_L_langSelectMiniMob {display: block;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header #CI_header_UI_logo {display: block; top: 10px; left: 1%; width: auto; max-width: 50%;} BODY.htmlbody_home.headerMiniMob.htmlbody_home #CI_header #CI_header_UI_logo IMG {margin: 0 0 0 0; width: 175px; max-height: 40px} BODY.htmlbody_home.headerMiniMob #langNavWrapper {display: none;} BODY.htmlbody_home.headerMiniMob #langNavWrapperMiniMob {display: none; float: left; width: 100%;} #basketLinkWrapper .innerContainerBasket .innerText {display: none;} BODY.htmlbody_home.headerMiniMob #basketLinkWrapper .innerContainerBasket .innerText {display: block;} BODY.htmlbody_home.headerMiniMob #basketLinkWrapper .innerContainerBasket IMG {display: none;} @media screen AND (max-width: 1500px){ BODY.htmlbody_home #CI_header {font-size: 1vw} } @media screen AND (max-width: 1365px){ BODY.htmlbody_home #CI_header_UI_mainnav {} BODY.htmlbody_home #CI_header_UI_usernav { margin-right: 1%;} BODY.htmlbody_home #CI_header_UI_mainnav #productTypesWrapper {float: right; width: 35%;} BODY.htmlbody_home #langNavWrapper .innerWrapper .innerLang A {font-size: 1vw;} BODY.htmlbody_home #langNavWrapper .innerWrapper .innerLang A:hover {font-size: 1vw;} } @media screen AND (max-width: 1099px){ BODY.htmlbody_home #CI_header #CI_header_UI_logo IMG {margin-top: 2%;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_mainnav div {padding-right: 5px;} BODY.htmlbody_home #CI_header.headerBlack #CI_header_UI_mainnav .innerLanguageChooser {padding-right: 5px;} } @media screen AND (max-width: 975px){ /*BODY.htmlbody_home #CI_header.trans #userNavWrapper #pricelinkWrapper2 {display: none;}*/ /*BODY.htmlbody_home #CI_header_UI_mainnav {width: inherit;}*/ } @media screen AND (max-width: 949px){ BODY.htmlbody_home #CI_header #CI_header_UI_logo IMG {margin-top: 4%;} /*#userNavWrapper .innerContainer0 #pricelinkWrapper2 {display: none;}*/ } @media screen AND (max-width: 799px){ BODY.htmlbody_home #langNavWrapper .innerWrapper .innerLang A {font-size: 13px; line-height: 20px;} BODY.htmlbody_home #langNavWrapper .innerWrapper .innerLang A:hover {font-size: 13px; line-height: 20px;} } #v11_homepageNotLoggedin {float: left; width: 100%;} #v11_homepageNotLoggedin .v11_homeBlock1 {float: left; width: 100%;} #v11_homepageNotLoggedin .v11_homeBlockRotatingBanner {float: left; width: 100%; text-align: center;} #v11_homepageNotLoggedin .v11_homeBlockRotatingBanner .homebanner {float: left; width: 100%; text-align: center;} #v11_homepageNotLoggedin .v11_homeBlock2 {float: left; width: 100%; background: #000;} #v11_homepageNotLoggedin .v11_homeBlock2 .innerContent{} BODY.htmlbodyLoggedIn #v11_homepageNotLoggedin .v11_homeBlock2 {background: transparent;} #v11_homepageNotLoggedin .v11_homeBlock3 {width: 30%; max-width: 1726px; position: absolute; left: 50%; top: 30vh; transform: translate(-50%,0); } BODY.htmlbodyLoggedIn #v11_homepageNotLoggedin .v11_homeBlock3 {top: 15vh;} #v11_homepageNotLoggedin .v11_homeBlock4 {width: 90%; max-width: 1726px; margin: 0 auto;} #v11_homepageNotLoggedin .v11_homeBlock5 {width: 100%; margin: 0;} #v11_homepageNotLoggedin .v11_homeBlock5 .innerContent {} #v11_homepageNotLoggedin .v11_homeBlock1 .innerImage {float: left; width: 100%; height: 65vh; position: relative;} BODY.htmlbodyLoggedIn #v11_homepageNotLoggedin .v11_homeBlock1 .innerImage {float: left; width: 100%; height: 35vh; position: relative;} #v11_homepageNotLoggedin .v11_homeBlock1 .innerImage .innerImgLink {position: absolute; left: 10%; bottom: 10%;} #v11_homepageNotLoggedin .v11_homeBlock1 .innerImage #wrapper_mainsite_text {position: absolute; top: 20vh; left: 3%; font-size: 2vw; line-height: 1em; color: #fff; letter-spacing: 1.2px;} #v11_homepageNotLoggedin .v11_homeBlockUserLinks{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 1vw; padding: 20px 2vw; border-bottom: solid 1px #333; border-top: solid 1px #333; margin-top: 20px; float: left; width: 100%; } #v11_homepageNotLoggedin .v11_homeBlockUserLinks .innerContainer{ text-align: center; font-size: 125%; color: var(--c3); cursor: pointer; } #v11_homepageNotLoggedin .v11_homeBlockUserLinks .innerContainer A{ color: var(--c3); text-decoration: none; font-size: inherit; } #v11_homepageNotLoggedin .v11_homeBlockUserLinks .innerContainer:hover, #v11_homepageNotLoggedin .v11_homeBlockUserLinks .innerContainer A:hover{ color: var(--c4); text-decoration: none } #v11_homepageNotLoggedin .v11_homeBlock .innerTitle{ padding: 20px; color: white; font-size: 110%; float: left; width: 100%; } #v11_homepageNotLoggedin .v11_homeBlock .innerContent{ float: left; width: 100%; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes{ min-height: 340px; float: left; width: 100%; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper{ padding: 0; height: auto; min-height: 100px; overflow: visible; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerTotWrapper{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 20px; height: auto; width: 100%; padding: 0 20px; box-sizing: border-box; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper{ width: 100%; height: auto; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster{ width: 100%; height: auto; box-sizing: border-box; transition: opacity 0.5s; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster:hover{ opacity: 0.6; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster IMG, #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster VIDEO{ max-width: 100%; max-height: 100%; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage1{ width: 100%; height: auto; overflow: visible; padding-top: 100%; position: relative; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage2{ width: 48%; height: auto; padding-top: 48%; overflow: visible; position: relative; margin: 0; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerPosterImage3{ width: 48%; height: auto; padding-top: 48%; float: right; overflow: visible; position: relative; margin: 0; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxWrapper .innerPoster .innerPosterWrapper .innerImg{ float: left; width: 100%; height: 100%; text-align: center; position: absolute; left: 0; top: 0; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxViewAllWrapper{ width: 100%; height: 0; padding-top: 147%; position: relative; margin: 0; transition: opacity 0.5s; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxViewAllWrapper:hover{ opacity: 1; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxViewAllWrapper .innerShowAllWrapper{ float: left; width: 100%; height: 100%; text-align: center; position: absolute; left: 0; top: 0; padding: 66% 0 0 50%; } #v11_homepageNotLoggedin .v11_homeBlockLightboxes #homeTopTabcontentLightboxesWrapper .innerLightboxViewAllWrapper .innerShowAllWrapper .innerLinkWrapper{ margin: 0; transform: translate(-50%,0); } #v11_homepageNotLoggedin .v11_homeBlockRecentImages{ display: none; float: left; width: 100%; } #v11_homepageNotLoggedin .v11_homeBlockRecentImages .innerContent { float: left; width: 100%; overflow: hidden; } #v11_homepageNotLoggedin .v11_homeBlockRecentImages .innerContent .innerContainer{ float: left; width: 5000px; height: 200px; } #v11_homepageNotLoggedin .v11_homeBlockRecentImages .innerContent .innerContainer .innerImage{ float: left; width: auto; height: 100%; margin: 0 2px 0 0; position: relative; } #v11_homepageNotLoggedin .v11_homeBlockRecentImages .innerContent .innerContainer .innerImage IMG, #v11_homepageNotLoggedin .v11_homeBlockRecentImages .innerContent .innerContainer .innerImage VIDEO{ height: 100%; width: auto; } #v11_homepageNotLoggedin .v11_homeBlockRecentImages .innerContent .innerContainer .innerImage .innerDelIcon{ position: absolute; right: 5px; top: 5px; } #v11_homepageNotLoggedin .v11_homeBlockPortfolios{ float: left; width: 100%; min-height: 100px; } #v11_homepageNotLoggedin .v11_homeBlockPortfolios .innerContent{} #v11_homepageNotLoggedin .v11_homeBlockPortfolios .portfoliosWrapper{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 20px; padding: 0 20px; float: left; width: 100%; box-sizing: border-box; } #v11_homepageNotLoggedin .v11_homeBlockPortfolios .portfoliosWrapper .innerPortfolioWrapper{ float: left; width: 100%; height: 0; position: relative; padding-top: 100%; } #v11_homepageNotLoggedin .v11_homeBlockPortfolios .portfoliosWrapper .innerPortfolioWrapper .innerImage{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; transition: opacity 0.5s; background-position: center !important; } #v11_homepageNotLoggedin .v11_homeBlockPortfolios .portfoliosWrapper .innerPortfolioWrapper:hover .innerImage{ opacity: 1; } #v11_homepageNotLoggedin .v11_homeBlockPortfolios .portfoliosWrapper .innerPortfolioWrapper .innerName{ float: left; width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.4); color: white; text-align: center; line-height: 40px; } #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_topdownloads {float: left; width: 50%;} #v11_homepageNotLoggedin.v202102 .v11_homeBlock2 #wrapper_mainsite_topdownloads {float: left; width: 100%;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_topdownloads .innerBannersWrapper {float: left; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 0;} #v11_homepageNotLoggedin.v202102 .v11_homeBlock2 #wrapper_mainsite_topdownloads .innerBannersWrapper {float: left; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 0;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_topdownloads .innerBannersWrapper .innerWrapper {float: left; width: 100%; height: 10vw; position: relative; cursor: pointer;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_topdownloads .innerBannersWrapper .innerWrapper .innerImg {float: left; width: 100%; height: 100%; opacity: 0.3; transition: opacity 1s;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_topdownloads .innerBannersWrapper .innerWrapper:hover .innerImg {opacity: 1;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_topdownloads .innerBannersWrapper .innerWrapper .innerText {position: absolute; left: 0; top: 45%; width: 100%; text-align: center; color: white;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories {float: left; width: 35%; box-sizing: border-box; padding: 30px 0 0 20px;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories .innerTop {float: left; width: 100%; color: #fff;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories .innerTop H2 {font-weight: 400; color: #fff; font-size: 20px;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories .innerColumnWrapper {float: left; width: 100%; margin-top: 47px;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories .innerColumnWrapper .innerColumn {float: left; width: 33%;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories .innerColumnWrapper .innerColumn .innerContainer {float: left; width: 90%; overflow-x: hidden;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories .innerColumnWrapper .innerColumn .innerContainer A {color: #878787; text-decoration: none; font-size: 13px; line-height: 26px; white-space: nowrap;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories .innerColumnWrapper .innerColumn .innerContainer A:hover {color: #ddd} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_inspire {float: left; width: 15%; box-sizing: border-box; padding-top: 100px; text-align: center;} #v11_homepageNotLoggedin .v11_homeBlock3 #CI_home_Quicksearch {float: left; width: 100%; box-sizing: border-box; padding: 25px 0;} #v11_homepageNotLoggedin .v11_homeBlock3 #CI_home_Quicksearch .searchFormWrapper {float: left; width: 100%; box-sizing: border-box; border: none; position: relative;} #v11_homepageNotLoggedin .v11_homeBlock3 #CI_home_Quicksearch .searchFormWrapper #mainSearchWrapper {width: 100%; min-width: 0;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper #quicksearch_C_searchinputAll {position: absolute; right: 40%; width: 60%; border-right: solid 1px #dfdfdf; padding-right: 48px;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper #quicksearch_C_searchinputAll INPUT {width: 100%; font-size: 15px;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper #quicksearch_C_uploadPhotoWrapper {position: absolute; top: 0; right: 41%;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper .innerTypebox {position: absolute; right: 0; width: 40%; margin-right: 0px; border-left: 0; text-overflow: ellipsis; font-size: 15px; padding-right: 70px; background-position: right 60px center;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper .innerSubmitbox {position: absolute; right: 0; top: 0;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchTypeboxWrapper {width: 25%; right: 0; margin-right: 50px; padding-top: 7px; font-size: 1.3vw;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchTypeboxWrapper .advancedSearch_imagetype_radiocontainer {margin: 0; width: 100%; box-sizing: border-box; padding: 4px 0 0 15px; height: auto; line-height: normal;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchTypeboxWrapper .advancedSearch_imagetype_radiocontainer:hover {background-color: #eee;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchTypeboxWrapper .advancedSearch_imagetype_radiocontainer .advancedSearch_imagetype_F_radio {width: 0%; display: none;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchTypeboxWrapper .advancedSearch_imagetype_radiocontainer .advancedSearch_imagetype_L_name {width: 100%;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchTypeboxWrapper .advancedSearch_imagetype_radiocontainer .advancedSearch_imagetype_L_name LABEL {display: block; width: 100%; font-size: 15px; font-weight: 300; line-height: normal;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchTypeboxWrapper .advancedSearch_imagetype_delimcontainer {padding: 3px 0;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper {float: left; width: 100%; position: relative; padding: 1px; background: #212121;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .column {float: left; width: 16.6666%; padding: 0 1px; box-sizing: border-box;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .column .imageWrapper {float: left; width: 100%; margin-top: 2px;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .column .square {position: relative;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .column .square:after {content: ""; display: block; padding-bottom: 100%;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .column .square .innerSquare {position: absolute; width: 100%; height: 100%; overflow: hidden; background-size: cover;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .column img {vertical-align: middle; width: 100%; height: auto; margin: 1px 0;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .buttonWrapper {float: left; width: 100%; margin: 30px 0px; text-align: center;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .buttonWrapper INPUT {width: auto; height: auto; min-width: 358px; min-height: 52px; box-sizing: border-box; border: solid 2px var(--c3); background: transparent; color: var(--c3); font-weight: bold; padding: 4px 30px 4px 30px; font-size: 14px; border-radius: 14px;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .buttonWrapper INPUT:hover {background: var(--c3); color: #fff;} #v11_homepageNotLoggedin .v11_homeBlock5 #galleryBanner {position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; padding: 0 2.5px 0 2.5px;} #v11_homepageNotLoggedin .v11_homeBlock5 #galleryBanner .innerGalleryBannerWrapper {position: relative; float: left; width: 100%;} /* scrolled down to get search in header custom rules */ #page.srcInHead #v11_homepageNotLoggedin .v11_homeBlock3 {position: fixed; left: 210px; top: 41px; transform: none; max-width: 50%; z-index:99;} #page.srcInHead #v11_homepageNotLoggedin .v11_homeBlock3 #CI_home_Quicksearch {padding: 6px 0 0 0;} @media screen AND (max-width: 1500px){ #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper #quicksearch_C_searchinputAll INPUT {font-size: 1vw} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper .innerTypebox {font-size: 1vw} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchTypeboxWrapper .advancedSearch_imagetype_radiocontainer .advancedSearch_imagetype_L_name LABEL {font-size: 1vw} } @media screen AND (max-width: 1199px){ #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .column {width: 33.3333%} } @media screen AND (max-width: 1099px){ /*#v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_topdownloads .innerBannersWrapper .innerWrapper {width: 49.5%;}*/ #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories .innerColumnWrapper .innerColumn {width: 49.5%;} #page.srcInHead #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper #quicksearch_C_searchinputAll {right: 0; width: 100%; padding-right: 50px; border: none;} #page.srcInHead #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper #quicksearch_C_uploadPhotoWrapper {display: none;} #page.srcInHead #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper .innerTypebox {display: none;} } @media screen AND (max-width: 999px){ #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories {width: 50%;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_inspire {width: 50%; padding-top: 30px;} } @media screen AND (max-width: 899px){ #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper #quicksearch_C_searchinputAll INPUT {font-size: 1.5vw;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper #quicksearch_C_searchinputAll {right: 0; width: 100%; padding-right: 50px; border: none;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper #quicksearch_C_uploadPhotoWrapper {display: none;} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper .innerTypebox {display: none;} } @media screen AND (max-width: 799px){ #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories .innerTop {text-align: center;} #v11_homepageNotLoggedin .v11_homeBlock3 {width: 60%} #v11_homepageNotLoggedin .v11_homeBlock3 #mainSearchWrapper #quicksearch_C_searchinputAll INPUT {font-size: 13px;} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .column {width: 50%} #v11_homepageNotLoggedin.v202102 .v11_homeBlock2 #wrapper_mainsite_topdownloads .innerBannersWrapper{grid-template-columns: 1fr 1fr 1fr;} } @media screen AND (max-width: 599px){ #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_topdownloads {width: 100%;} /*#v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_topdownloads .innerBannersWrapper .innerWrapper {width: 33.33%}*/ #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_mainsite_categories {width: 100%;} #v11_homepageNotLoggedin .v11_homeBlock2 #wrapper_inspire {width: 100%; padding-top: 30px; padding-bottom: 30px;} #v11_homepageNotLoggedin .v11_homeBlock3 {width: 75%} #v11_homepageNotLoggedin .v11_homeBlock5 #homeBlock4GalleryWrapper .column {width: 100%} #v11_homepageNotLoggedin.v202102 .v11_homeBlock2 #wrapper_mainsite_topdownloads .innerBannersWrapper{grid-template-columns: 1fr 1fr;} #v11_homepageNotLoggedin .v11_homeBlockPortfolios .portfoliosWrapper {grid-template-columns: 1fr 1fr;} } #footer #footerCentered {width: 96%; max-width: 1726px; margin: 0; transform: translate(-50%, 0);} #footer #footerCentered #innerNav {width: 100%;} #footer #footerCentered #innerNav .innerFooterLinkCatcontainer {width: 25%; padding: 16px 30px 0 0; box-sizing: border-box;} #footer #footerCentered #innerBottom {width: 100%;} #footer #footerCentered #innerBottom .innerInspireWrapper {width: 50%; margin: 0;} #footer #footerCentered #innerBottom .logoWrapper {float: right; width: 50%; margin: 0;} #footerLogos {width: 96%; max-width: 1726px; margin: 0 auto; background: white;} #footerLogos #innerLogos {position: static; float: left; width: 50%; margin: 10px 0; padding: 0;} #footerPaymentlogos {position: static; float: right; width: 50%; margin: 10px 0; padding: 0;} /* mobile <599px rules */ @media screen AND (max-width: 599px){ #footer {height: 800px;} #footer #footerCentered {height: 800px;} #footer #footerCentered #innerNav .innerFooterLinkCatcontainer {width: 50%; padding: 0px 30px 0px 0;} #footer #footerCentered #innerNav .innerFooterLinkCatcontainer:nth-of-type(odd) {clear: left;} #footer #footerCentered #innerNav .innerFooterLinkCatcontainer .innerLinks {height: auto;} #footerLogos {display: none;} } /* strong password policy changes to registration form */ #register_form_C_password {position: relative;} #register_form_C_password .StrengthWrapper {position: absolute; left: 0; top: 32px; width: 95%; height: auto; min-width: 380px;} #register_form_C_password .StrengthWrapper .innerStrengthLabel {float: left; display: none; width: 100%; padding: 5px; border: solid 1px #fff; background: white;} #register_form_C_password .StrengthWrapper .innerStrong {border-color: #00FF00; color: #fff; background: #00FF00;} #register_form_C_password .StrengthWrapper .innerMedium {border-color: orange; color: #fff; background: orange;} #register_form_C_password .StrengthWrapper .innerWeak {border-color: #FF0000; color: #fff; background: #FF0000;} /* Basket added upsellbar */ .basketUpsellWrapper {float: left; width: 100%; padding: 20px; background-color: #e8e8e8; border: solid 1px #d9d9d9; box-sizing: border-box; margin-top: 20px;} .basketUpsellWrapper .innerWrapper {float: left; width: 100%; min-height: 42px; position: relative;} .basketUpsellWrapper .innerWrapper .innerHTML {float: left; width: 100%; padding-right: 200px; box-sizing: border-box;} .basketUpsellWrapper .innerWrapper .innerButtonWrapper {position: absolute; right: 0; top: 0;} .basketUpsellWrapper .innerWrapper .innerButtonWrapper .btn {width: 150px; margin: 0 0 0 0; height: 42px; box-sizing: border-box; border-radius: 21px; font-size: 18px; font-weight: bold; border: solid 2px #ff4545; background: #ff4545; color: #fff; cursor: pointer; font-weight: 900;} .basketUpsellWrapper .innerWrapper .innerButtonWrapper .btn:hover {background: #ff6d6d !important; border-color: #ff6d6d !important;} /* download EPS as JPG popup*/ #epsJpgDownloadPopupWrapper {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5);} #epsJpgDownloadPopupWrapper .innerWrapper {position: fixed; top: 30vh; left: 50vw; transform: translate(-50%, 0); width: 96vh; max-width: 800px; background: white; border: solid 2px var(--c3); padding: 20px;} #epsJpgDownloadPopupWrapper .innerWrapper .innerCloser {position: absolute; right: -10px; top: -10px; background: url(imglayout/btn_reportFault_close.png); width: 20px; height: 20px; cursor: pointer; box-shadow: 3px 3px 7px 2px rgba(186,186,186,0.4); border-radius: 50%;} #epsJpgDownloadPopupWrapper .innerWrapper .innerTitle {float: left; width: 100%; font-size: 125%; font-weight: 600; margin-bottom: 20px;} #epsJpgDownloadPopupWrapper .innerWrapper .innerText {float: left; width: 100%; margin-bottom: 25px;} #epsJpgDownloadPopupWrapper .innerWrapper .innerButtonsWrapper {float: left; width: 100%; text-align: center;} #epsJpgDownloadPopupWrapper .innerWrapper .innerButtonsWrapper .innerLgButtons{} #epsJpgDownloadPopupWrapper .innerWrapper .innerButtonsWrapper .innerSmButtons{margin-top: 10px;} #epsJpgDownloadPopupWrapper .innerWrapper .innerButtonsWrapper .innerLgButtons INPUT {min-width: 140px; margin: 0 10px; border: solid 2px var(--c3); padding: 10px 40px;} #epsJpgDownloadPopupWrapper .innerWrapper .innerButtonsWrapper .innerLgButtons INPUT:hover {background: white; color: var(--c3);} #epsJpgDownloadPopupWrapper .innerWrapper .innerButtonsWrapper .innerSmButtons INPUT {min-width: 140px; margin: 0 10px; border: solid 2px var(--c3); font-size: 95%; padding: 3px;} #epsJpgDownloadPopupWrapper .innerWrapper .innerButtonsWrapper .innerSmButtons INPUT:hover {background: white; color: var(--c3);} /* NEW PORTFOLIO PAGE T50109 -------------------------------------------------------------------------------*/ #body .CI_maincomponent#CI_Portfolios{ float: left; width: 100%; max-width: 100%; padding: 20px; box-sizing: border-box; min-height: 100vh; background-color: #212121; } #CI_Portfolios DIV{ float: left; width: 100%; display: block; box-sizing: border-box; } #CI_Portfolios #PortfolioPageWrapper{} #CI_Portfolios #PortfolioPageWrapper .highlightWrapper{} #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioHead{} #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioCover{ width: 250px; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .innerFullPortfolioLink{ width: auto; padding: 212px 0 0 3vw; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .innerFullPortfolioLink A{ padding: 6px 10px; background: transparent; border-radius: 0.3em; margin: 0; border: solid 2px #fff; color: #fff; font-size: 110%; line-height: inherit; text-decoration: none; display: block; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .innerFullPortfolioLink A:hover{ color: white; border: solid 2px transparent; background: transparent; background-color: transparent !important; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioCover .innerPortfolioWrapper{ position: relative; height: 0; padding-top: 100%; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioCover .innerPortfolioWrapper .innerImage{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center !important; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioCover .innerPortfolioWrapper .innerName{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.4); color: white; line-height: 40px; text-align: center; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .innerImagesamplesWrapper{ background: #212121; margin-top: 20px; padding: 0 0 10px 0; width: 100%; overflow: hidden; max-height: 250px; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioImages{ width: calc(100% + 10px); position: relative; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioImages .innerViewAllBtn{ position: absolute; right: 20px; top: 10px; height: calc(100% - 10px); width: 168px; background: rgba(120,120,120,0.7); cursor: pointer; transition: background 0.4s; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioImages .innerViewAllBtn:hover{ background: rgba(0,0,0,0.7); } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioImages .innerViewAllBtn .innerText{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; width: auto; padding-right: 38px; line-height: 28px; white-space: nowrap; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioImages .innerViewAllBtn .innerText:before{ content: ''; position: absolute; right: 0; top: 0; width: 25px; height: 25px; background: transparent; border: solid #fff 2px; border-radius: 50%; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioImages .innerViewAllBtn .innerText:after{ content: ''; position: absolute; right: 0; top: 0; width: 10px; height: 10px; background: transparent; border-top: solid #fff 2px; border-right: solid #fff 2px; transform: rotate(45deg) translate(-1px, 13px); } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioImages IMG, #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .portfolioImages VIDEO{ height: 200px; width: auto; margin: 10px 10px 0 0; display: block; float: left; } #CI_Portfolios #PortfolioPageWrapper .highlightWrapper .innerPortfolioOthertitle{ font-size: 125%; color: #fff; margin: 20px 0 -20px 0px; } #CI_Portfolios #PortfolioPageWrapper .portfoliosWrapper{ margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; padding: 0; box-sizing: border-box; } #CI_Portfolios #PortfolioPageWrapper .portfoliosWrapper .innerPortfolioWrapper{ height: 0; position: relative; padding-top: 100%; } #CI_Portfolios #PortfolioPageWrapper .portfoliosWrapper .innerPortfolioWrapper .innerImage{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; transition: opacity 0.5s; background-position: center !important; } #CI_Portfolios #PortfolioPageWrapper .portfoliosWrapper .innerPortfolioWrapper:hover .innerImage{ opacity: 1; } #CI_Portfolios #PortfolioPageWrapper .portfoliosWrapper .innerPortfolioWrapper .innerName{ position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.4); color: white; text-align: center; line-height: 40px; } #CI_Portfolios #PortfolioPageWrapper .portfoliosMoreWrapper{ float: left; width: 100%; text-align: center; margin: 20px 0; } #CI_Portfolios #PortfolioPageWrapper .portfoliosMoreWrapper INPUT{ border-radius: 20px; padding: 10px 30px; } /* NEW MY DATA PAGE T50109 -------------------------------------------------------------------------------*/ #CI_MyAccount{} #CI_MyAccount .innerPageTitle{ float: left; width: 100%; font-size: 23px; font-weight: bold; color: var(--c5); line-height: 23px; padding: 0 0 20px 20px; } #CI_MyAccount .myAccountPageWrapper{ float: left; width: 100%; } #CI_MyAccount .innerSubsoverviewWrapper{ float: left; width: 100%; border: solid 1px #d1d1d1; border-radius: 10px; } #CI_MyAccount .innerAccountdetailsWrapper{ float: left; width: 100%; border: solid 1px #d1d1d1; border-radius: 10px; margin-top: 50px; padding: 27px 20px 22px 20px; box-sizing: border-box; } #CI_MyAccount .innerAccountdetailsWrapper .mydata_label{ padding: 5px 0; } #CI_MyAccount .innerAccountdetailsWrapper .mydata_value{ padding: 5px 0; color: #444; font-size: 110%; } #myAccount_F_submit{ border-radius: 16px; } #CI_MyAccount #mydataEdit{ float: left; width: 100%; border: solid 1px #d1d1d1; border-radius: 10px; padding: 27px 20px 22px 20px; box-sizing: border-box; } #CI_MyAccount #mydataEdit .subPageTitle{ float: left; width: auto; padding-right: 9px; margin-bottom: 30px; } #CI_MyAccount #mydataEdit .mydataEditLabel{ padding: 5px 0; min-width: 200px; } #CI_MyAccount #mydataEdit .mydataEditField{ padding: 5px 0; } #CI_MyAccount #mydataEdit .mydataEditField INPUT[type="text"], #CI_MyAccount #mydataEdit .mydataEditField INPUT[type="password"], #CI_MyAccount #mydataEdit .mydataEditField SELECT{ min-width: 300px; padding: 5px; box-sizing: border-box; border: solid 1px #d1d1d1; border-radius: 4px; } #CI_MyAccount #mydataEdit .mydataEditFieldContainer, #CI_MyAccount #mydataEdit #myAccount_editdata_logintext_container{ float: left; width: 100%; clear: both; box-sizing: border-box; } #CI_MyAccount #mydataEdit #myAccount_editdata_logintext_container, #CI_MyAccount #mydataEdit #myAccount_editdata_algemenevoorwaarden_container, #CI_MyAccount #mydataEdit #myAccount_editdata_submit_container{ margin-top: 40px; float: left; width: 100%; } #CI_MyAccount #mydataEdit .mydataEditFieldContainer#myAccount_editdata_gender_container{ margin-bottom: 40px; } #CI_MyAccount #mydataEdit #myAccount_editdata_submit_container INPUT{ border-radius: 16px; padding: 5px 16px; min-width: 200px; } /* APPSUMO CODE REDEEM PAGES */ #CI_customByAlias__appsumo .AppSumoPageWrapper{ float: left; width: 100%; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerPageTitle{ background: black; float: left; width: 50%; box-sizing: border-box; padding: 20px; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerPageTitle IMG{ max-width: 100%; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerSubsoverviewWrapper{ float: left; width: 100%; border: solid 1px #d1d1d1; border-radius: 10px; margin-top: 30px; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerAccountdetailsWrapper{ float: left; width: 100%; border: solid 1px #d1d1d1; border-radius: 10px; margin-top: 30px; padding: 27px 20px 22px 20px; box-sizing: border-box; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerFormWrapper{ float: left; width: 100%; margin-top: 10px; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerFldWrapper{ float: left; width: 100%; margin-top: 20px; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerCheckMsg{ color: red; font-weight: bold; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerFldWrapper INPUT{ width: 75%; padding: 3px 2px 3px 7px; box-sizing: border-box; color: #5c5c5c; font-size: 14px; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerBtnWrapper{ float: left; width: 100%; margin-top: 20px; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerBtnWrapper INPUT{ min-width: 40%; border-radius: 16px; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerResultText{ margin-top: 10px; } #CI_customByAlias__appsumo .AppSumoPageWrapper .innerResultText H11{ font-size: 23px; font-weight: bold; color: var(--c5); line-height: 23px; padding: 5px 0px 15px 0px; }