/* * Include SCSS Imports */ @import "general/import"; /* content area */ body { background: url("../img/bg-grad-o2-150.png") repeat-x scroll 0 0 #FFFFFF; } /* temp fix */ h2 { font-weight: normal; line-height: 130%; margin: 10px 0; } h3 { display: block; font-size: 1.2em; font-weight: bold; line-height: 130%; margin: 5px 0; } h3.tsr-headline2{ margin: 0; } h4, .headline4 { display: block; font-size: 1.2em; font-weight: normal; line-height: 130%; } h5, .headline5 { display: block; font-size: 1em; font-weight: bold; line-height: 130%; } .border-bg h3 { color: $color-myo22-grey-1; font-weight: bold; } /* temp fix end */ .border-bg .article table td, .border-bg .article table td span { color: $color-myo22-grey-1; font-size: 11px; } /* could be deprecated. already in styles.css. currently testing*/ .contentPanel .grid12.border-bg { margin-top: -15px; } .m-moodboard + .grid12.border-bg { margin-top: 12px; } //#content-area a.lnk { //changed from mathias // background-image: url("../img/lnk-arrow-default.png"); // background-repeat: no-repeat; // color: $color-myo22-blue-1; //} #content-area a.lnk.open { background-image: url("../img/ico-lnk-dwn-0086c3.gif"); } .col9 .slider-container-wrapper { overflow: hidden; position: relative; z-index: -1; } /* Slider */ #content-area .slider-e-ecare { position: relative; z-index: 1; min-height: 210px; height: auto; overflow: visible; } #content-area .slider-e-ecare .col3 { height: 188px; margin-right: 12px; margin-bottom: 20px; background-image: url('../img/bg-slider-csc.png'); background-repeat: repeat-x; box-shadow: 2px 2px 4px #000000; position: relative; } #content-area .slider-e-ecare .col3 h3 { background: transparent url('../img/linkpfeilSprite.png') 14px -183px no-repeat; color: $color-myo22-blue-1; font-size: 12px; line-height: 16px; padding: 12px 12px 6px 24px; margin: 0; } #content-area .slider-e-ecare .col3.active h3 { background: transparent url('../img/linkpfeilSprite.png') 200px -383px no-repeat; padding: 12px 12px 6px 12px; color: $color-myo22-grey-1; } #content-area .slider-e-ecare .col3 p { color: $color-myo22-grey-1; font-size: 1.090909090909091em; padding: 6px 12px 6px 12px; } #content-area .slider-e-ecare .col3 a.lnk { margin-left: 6px; position: relative; z-index: 10; } #content-area .slider-e-ecare .col3 .price { color: $color-myo22-blue-1; clear: left; } #content-area .slider-e-ecare .col3.active, #content-area .slider-e-ecare .col3.active:hover, #content-area .slider-e-ecare .col3:hover { background-image: url('../img/bg-slider-csc-active.png'); position: relative; } #content-area .slider-e-ecare .col3.active:after { content: ""; display: block; height: 0; width: 0; position: absolute; top: 188px; left: 142px; border-color: $color-myo22-line-white transparent transparent transparent; border-style: solid; border-width: 12px; } #content-area .slider-e-ecare img.disturber { position: absolute; top: 118px; left: 0; z-index: 0; } #content-area .slider-e-ecare .slider-control { left: 0; height: 1px; top: 40px; } #content-area .slider-e-ecare .slider-lft, .slider-e-ecare .slider-rght { position: absolute; top: 40px; width: 20px; padding-top: 39px; text-indent: -5000px; z-index: 2; background-position: 100% -39px; } #content-area .slider-e-ecare .slider-rght { right: -6px; background-image: url('../img/btn-slider-csc-rght.png'); } #content-area .slider-e-ecare .slider-lft { left: -6px; background-image: url('../img/btn-slider-csc-lft.png'); } #content-area .slider-e-ecare .slider-rght:hover, #content-area .slider-e-ecare .slider-lft:hover { background-position: 100% 0; } .slider-related { background-image: url('../img/bg-slider-csc-related.png'); height: 188px; box-shadow: 2px 2px 4px #000000; position: relative; z-index: 51; } a.lnk.lnk-white { //changed from mathias color: $color-myo22-white; background: transparent url('../img/linkpfeilSprite.png') 2px 5px no-repeat; } .csc-related .related-links a.lnk { background: transparent url('../img/linkpfeilSprite.png') 0 -194px no-repeat; padding-top: 1px; padding-bottom: 0; } .sliderRelated-c-headline { margin: 0; padding: 12px; font-size: 14px; font-weight: normal; max-height: 28px; overflow: hidden; } .sliderRelated-c-headline span { display: block; } .sliderRelated-c-paragraph { margin: 0 12px; font-size: 1.090909090909091em; } .sliderRelated-c-headline, .sliderRelated-c-paragraph { color: $color-myo22-white;; } .slider-related fieldset { padding-left: 12px; padding-top: 12px; /* text-overflow: ellipsis; width: 200; */ } .slider-related fieldset select { width: 208px; } .border-bg .csc-related h2 { font-size: 24px; color: $color-myo22-grey-1; padding-bottom: 12px; font-weight: normal; margin-top: 12px; } .csc-related .related-links li, .csc-related h2{ border-bottom: 1px solid $color-myo22-line-grey; } .csc-related .lnk-list .related-links li { margin: 0; padding: 3px 0; } //#content-area .csc-related .lnk-list .lnk { //changed from mathias // background-position: 0 4px; //} /* flyout*/ .sliderFlyout { padding: 18px; top: 200px; left: -18px; width: 504px; } .sliderFlyout:before { left: 31px; } .sliderFlyout .close { display: block; top: 12px; right: 12px; } .sliderFlyout-c-headline { font-family: $font-FrutigerRoman; font-size: 16px; color: #0086C3; margin: 0 0 12px 0; } .slider-related .m-clue { margin-bottom: 12px; } .m-clue-e-first { margin-top: 22px; } .slider-related .m-clue p { color: #4F5357; } .slider-related .m-clue .m-clue-c-headline { height: auto; } .slider-addon-container.slider-col10 .slider-tsr-addon { width: 696px; background: url("../img/bg-flyout.png"); } .slider-addon-container.slider-col10 .slider-tsr-addon:after { content: url("../img/bg-flyout-bot.png"); } .slider-addon-container.slider-col6 .slider-tsr-addon { width: 456px; background: url("../img/bg-flyout-2.png") //used less than 100 times a day } .slider-addon-container.slider-col6 .slider-tsr-addon:after { content: url("../img/bg-flyout-bot-2.png"); //used less than 100 times a day } .slider-tsr-addon { display: none; left: 228px; padding: 30px 24px 0; position: absolute; top: 0; z-index: 1000; } .slider-tsr-addon:after { display: block; background-position: bottom; position: absolute; height: 18px; left: 0; bottom: -18px; } .slider-tsr-addon > span:first-child { background: url("../img/bg-slider-flyout-nose.png") no-repeat scroll 0 0 transparent; height: 18px; left: 0; position: absolute; top: -17px; width: 140px; } .slider-tsr-addon h2 { color: $color-myo22-grey-1; font-size: 16px; border-bottom: 1px solid $color-myo22-line-grey-1; padding-bottom: 6px; } .slider-tsr-addon h3, .tsr.lnk-list .related-links h3 { color: $color-myo22-grey-2; } .slider-tsr-addon a.lnk { background: transparent url(../img/lnk-arrow-default.png) 2px 4px no-repeat; width: auto; overflow: hidden; text-align: left; color: $color-myo22-blue-1; line-height: 16px; padding: 0 0 1px 15px; clear: both; float: left; } /* .accordion h4 { color: #4f5357; font-size: 14px; font-weight: bold; margin: 12px 6px; } */ /* multilinkbox */ #content-area div.multilinkbox .multilinkboxgroup { float: right; margin-left: 5px; overflow: hidden; width: 260px; margin-top: 18px; } .multilinkbox p { color: $color-myo22-grey-1; font-size: 12px; } .multilinkbox p span.price { color: $color-myo22-black; font-size: 14px; font-weight: bold; } /* choosebox*/ .choosebox h4 { font-size: 14px; font-weight: bold; color: $color-myo22-grey-1; margin: 12px 0; } .choosebox.highlightbox ul li { margin-left: 0; } .accordion .choosebox fieldset { margin-top: 0; } .accordion .accordion p { padding-left: 0!important; } .fgroup { list-style: none; } .fgroup .fgroup-item { list-style: none; background-image: none; padding: 0; } .fgroup .fgroup-item label { color: $color-myo22-blue-1; line-height: 18px; } .fgroup .fgroup-item label:hover { cursor: pointer; } .fgroup .fgroup-item input:checked + label { font-weight: bold; color: $color-myo22-grey-1; cursor: default; } .fgroup .fgroup-item input.checked + label, .fgroup .fgroup-item.fgroup-item-checked label { font-weight: bold; color: $color-myo22-grey-1; cursor: default; } /* loading */ .loading { height: 24px; position: static; } div[id^="slider-tsr"] .loading { width: 32px; height: 32px; background: url('../img/ico-loading-24x24-csc-slider.gif'); min-height: 32px; position: absolute; left: 100px; top: 75px; } /* DEPRECATED #content-area .border-bg .contentPanel .loading { background: url("../img/ico-loading-64x64.gif") no-repeat scroll 50% 50% transparent; }*/ .bg-trans > div > p { margin: 12px 0; } /* packs */ .packs { background: url("../img/bg-myo2-packs-default.png") no-repeat; display: table; table-layout: fixed; border-right: 1px solid $color-myo22-line-grey-2; border-left: 1px solid $color-myo22-line-grey-2; width: 100%; padding-bottom: 12px; } .packs.first { /* background: url("/resource/img/bg-myo2-packs-hover.png") repeat-x;*/ background-position: 50% -1px; border-top: 1px solid $color-myo22-line-grey-2; } div.packs.last { border-bottom: 1px solid $color-myo22-line-grey-2;; } div.packs > div { margin: 0 12px 0 8px; } //.pack-options .row .third:first-child a.lnk { //deprecated // display: block; // width: 178px!important; //} .pack-options .lnk-inline { background-image: url('../img/ico-info-3.png'); display: block; float: right; height: 15px; margin-left: 4px; margin-right: 10px; margin-top: 0; text-decoration: none; width: 15px; } .pack-options p > .lnk-inline { display: inline; float: none; background-image: none; text-decoration: underline; } .pack-options .pack-status { margin-top: 12px; } .pack-options .pack-status .third { padding-bottom: 6px; border-bottom: 1px solid $color-myo22-line-grey-1; } .pack-options .pack-status .third span { font-weight: bold; } div[class^="pack-options"] .pack-status .third:first-child { border: none; } .packs .rating { padding: 12px 0; } .packs .pack-options-detail, .packs .rating, .packs .prepaid-options { border: 2px solid #dfe1e4; background-color: $color-myo22-bg-white; overflow: hidden; /*margin-left: 6px !important;*/ } .packs .prepaid-options h4 { color: $color-myo22-grey-1; line-height: 18px; } .packs .prepaid-options { margin-bottom: 12px; } .packs .prepaid-options .row { padding: 12px 0 12px 12px; position: relative; min-height: 90px; /* important for button positioning*/ } .packs .prepaid-options .row .third { /*height: 80px;*/ line-height: 18px; } /*.prepaid-options .row > .third:first-child + .third { padding-top: 16px;}*/ .pack-options-detail .btn.rght { margin-right: 12px; } .prepaid-options h4 { font-size: 1.09090909090909em; font-weight: bold; } .prepaid-options .mr-20.row h4 { margin-bottom: 6px; margin-top: 6px; } .prepaid-options .mr-20.row .btn.blue.small.rght { margin-right: 0; margin-bottom: 0; } .prepaid-options .mr-20.row .form-table-buttons { margin-bottom: 0; } .packs .row { min-height: 11px; /*padding: 6px 0 0 12px;*/ overflow: hidden; } .packs .third { width: 33.333333%; float: left; min-height: 1px; color: $color-myo22-grey-3; padding-top: 6px; } .packs .third p { color: $color-myo22-grey-3; } .packs .third:first-child > span, .packs .third:first-child > input, .packs .third:first-child > label { margin-left: 12px; } .prepaid-options .third .btn { position: absolute; bottom: 0; right: 0; } .prepaid-options-text-right { text-align: right; padding-right: 12px; } .packs label { color: $color-myo22-blue-1; } .packs label.checked { color: $color-myo22-black; font-weight: bold; } .packs > p { margin-left: 12px; font-size: 13px; } .packs h2 { margin-left: 12px; font-size: 20px; color: $color-myo22-blue-2; } .packs strong { color: $color-myo22-grey-1; } .packs .small { color: $color-myo22-grey-3; margin: 12px; } .packs .rating .row { padding: 6px 12px 0; } .packs .rating .third:first-child, .packs .rating .two-third { padding-bottom: 12px; border-bottom: 1px solid $color-myo22-line-grey-1; float: left; } .packs .two-third { width: 66.66666666%; float: left; min-height: 1px; color: $color-myo22-grey-3; padding-top: 6px; } .packs .rating .two-third br { float: left; display: none; } .packs .rating .two-third input+label { margin-left: 0 !important; margin-right: 12px !important; } .two-third p { color: $color-myo22-grey-3; margin: 6px 0; } .packs .rating .row + .row .third { border-bottom: none; } .packs .rating li { float: left; } .packs .rating li input + label { margin-left: 0; margin-right: 12px; } .packs .rating textarea { width: 100%; min-height: 120px; } /* prepaid overwrite colums*/ .prepaid-options-first { width: 40%!important; } .prepaid-options-second, .prepaid-options-third { width: 30%!important; } /* must come after packs. Specificity*/ .packs-noborder { border: none; background: none; } /* Text container */ .text-container-ecare p, .border-bg .text-container-ecare li { font-size: 13px; line-height: 20px; } /* Info */ .text-container-ecare .info p, .text-container-ecare .alert p{ font-size: 11px; line-height: 15px; } div .alert p, .info p, div.info p{ padding-bottom: 0; margin:0; color: $color-myo2-white; } div.canceled { background-color: $color-bg-grey-6; padding: 6px; color: $color-black !important; } div.alert, div.info { overflow: hidden; } div.alert .lnk, div.info .lnk, div.info .lnk-inline, div.alert .lnk-inline { color: $color-myo2-white!important; } div.alert .lnk, div.info .lnk { background-image: url("../img/ico-lnk-small-ffffff.png")!important; background-position: 1px 5px !important; cursor: pointer; } fieldset.disabled .bg-blue span { color: $color-myo22-white; } fieldset.disabled > div:nth-child(2n+1) { background-color: #F4F4F4; } fieldset.disabled > div { border-top: 1px solid #E6E6E6; } fieldset button { margin-top: 10px; } div#slider-tsr .info.btm, div#slider-tsr .alert.btm { position: absolute; bottom: 10px; left: 10px; width: 196px; } .fs-13px{ font-size: 13px; } /* csc packs table */ .csc-lightbox th { color: $color-myo22-grey-4; font-size: 1.2727272727em; line-height: 1.3em; padding-top: 48px; padding-bottom: 12px; } .csc-lightbox tr:first-child th { padding-top: 6px; } .csc-lightbox td { color: $color-myo22-grey-3; } .csc-lightbox td em { font-size: 1.0909090909090em; } .csc-lightbox .empty { border: none; background-color: $color-myo22-bg-white; } .lightbox-content h2 { color: $color-myo22-blue-2; } .lightbox-content p { color: $color-myo22-grey-3; font-size: 1.181818181818182em; margin: 6px 0; } .lightbox-content p small { color: $color-myo22-grey-3; } .packs .row .lft input { float: left; } .packs .row .lft label { display: inline-block; max-width: 160px; } .packs .pack-options-detail .row .lft label { max-width: 150px; } /* */ /* VLL *//* .vvl img.static { position: static!important; } .vvl .tsr.pure p { text-indent: 0; } .vvl .tsr.pure .btn { visibility: visible!important; } .vvl .tsr.pure h2 { margin: 6px 0 6px 0; } .vvl hr { border-top: 1px solid #2b6695; border-bottom: 1px solid #aad2e9; margin: 6px 0; } .vvl.tsr.pure .txt-area > a.lnk { visibility: visible; color: #fff!important; } .vvl.tsr.pure strong { font-size: 18px; line-height: 1.5em; font-weight: normal; } .vvl .related-links { position: static!important; margin-top: 12px; } .vvl a.btn { margin-top: 12px; } */ /* CSC Prepaid */ .csc-pp-tbl td:first-child{ width: 560px; } /* CSC Prepaid-Registration */ .prepaid-registration.grid12.border-bg { margin-top: 12px; } .prepaid-registration label p { margin: 0; } .prepaid-registration .legal input, .prepaid-registration .legal label{ float: left; } .prepaid-registration .legal label { margin-left: 16px; margin-top: -2px; } /* CSC Prepaid-Pack selection //========================================================================*/ div.prepaid-packs .third { width: 30px; } div.prepaid-packs .two-third { width: 614px; } div.prepaid-packs .third:first-child { padding-top: 9px; } .packs.prepaid-packs .third:first-child > input { margin: 0; } .packs .prepaid-options.prepaidOptions-e-hint { position: relative; overflow: visible; border: 4px solid #9CD3FC; border-radius: 6px; padding-top: 30px; } .prepaidOptions-c-headline { position: absolute; z-index: 10; color: #fff; border-radius: 6px 6px 0 0; top: -4px; left: -4px; height: 30px; margin: 0; line-height: 30px; text-align: center; background-color: $color-bg-blue-4; background-image: url("../img/bg-mask-radial-blue.jpg"); background-size: 100% auto; } .col9 .prepaidOptions-c-headline { width: 664px; } .prepaidOptions-c-headline span{ color: $color-white; margin-left: 10px; font-family: $font-FrutigerRoman; font-size: 16px; font-weight: normal; } .prepaid-options.prepaidOptions-e-inactive strong, .prepaid-options.prepaidOptions-e-inactive p, .prepaid-options.prepaidOptions-e-inactive h4, .prepaid-options.prepaidOptions-e-inactive p strong { color: $color-shopnew-grey-10; } .prepaid-options.prepaidOptions-e-inactive input { cursor: default; } /* Sortable */ #multicard { position: relative; } .sortable { /* border-collapse:separate!important;*/ border-spacing:0 1px; } .sortable tbody td:first-child { text-align: center; } .sortable thead > tr a, .sortable thead > tr { font-family: $font-FrutigerRoman !important; font-size: 12px!important; color: #000!important; cursor: default!important; } .sortable thead > tr > th { text-align: center; } .sortable thead > tr a.wmTooltip { cursor: pointer!important; } .sortable thead > tr +tr { font-family: $font-FrutigerLight!important; font-size: 11px!important; color: $color-myo22-grey-7 !important; } .sortable tbody > tr { height: 46px; background-color: $color-myo22-bg-white; line-height: 46px; color: $color-myo22-grey-7; } .sortable .fldln { margin-bottom:0; } .sortable tbody > tr > td { border-bottom: 1px solid $color-myo22-line-grey-3; } .sortable .sortable-active { background-color: $color-line-grey-9; line-height: 18px; height: 18px; font-family: $font-FrutigerLight!important; color: $color-myo22-white; } .sortable .sortable-active td { border-bottom: 1px solid #9299a1; color: $color-myo22-white; } .sortable .sortable-inactive { background-color: #e6e6e6; line-height: 18px; height: 18px; font-family: $font-FrutigerLight!important; color: $color-myo22-grey-1; } .sortable .sortable-inactive td:first-child { text-align: left; } .sortable .sortable-disabled { color: $color-myo22-grey-8; } .sortable tr.sortable-disabled td { background-color: $color-myo22-bg-grey-1; } .sortable .sortable-empty { font-style: italic; height: 46px; line-height: 46px; } .ui-sortable-helper { box-shadow: 2px 2px 5px #ccc; } .sortable .ui-state-highlight { background-color: $color-myo22-bg-grey-2; border-bottom: 1px solid $color-myo22-line-blue-1; } .sortable .ui-state-highlight .sortable-arrow{ background-image: url("../img/ico-list-checkout-inverted.png"); } .sortable .col_row { text-align: center; } #content-area .sortable .col_row .wmTooltip{ display: inline-block!important; } .sortable-handler-up, .sortable.sortable-viewmode .sortable-handler-up { background-image: url(../img/ico-sortable-inactive-up.png); } .sortable-handler-up { display: block; width: 23px; height: 15px; margin-top: 6px; background-repeat: no-repeat; background-position: center center; cursor: move; } .sortable-handler-down, .sortable.sortable-viewmode .sortable-handler-down { background-image: url(../img/ico-sortable-inactive-down.png); } .sortable-handler-down { display: block; width: 23px; height: 15px; margin-top: 6px; background-repeat: no-repeat; background-position: center center; cursor: move; } .sortable-handler, .sortable.sortable-viewmode .sortable-handler { background-image: url(../img/ico-sortable-inactive.png); } .sortable-handler{ display: block; width: 12px; height: 28px; margin-top: 9px; margin-left: 18px; cursor: move; } .sortable-arrow { background-image: url("../img/ico-list-checkout.png"); display:block; width: 20px; height: 20px; margin-top: 14px; } .sortable-arrow.grey { background-image: url("../img/ico-list-checkout-grey.png"); background-repeat: no-repeat; margin-top:0; padding-left: 26px; line-height: 20px; } .sortable-cross.grey { background-image: url("../img/ico-list-checkout-cross-grey.png"); background-repeat: no-repeat; margin-top:0; padding-left: 26px; line-height: 20px; } /*.sortable-handler:hover,*/ .ui-sortable-helper .sortable-handler, .sortable .sortable-enabled .sortable-handler{ background-image: url("../img/ico-sortable-active.png"); } .ui-sortable-helper .sortable-handler-up, .sortable .sortable-enabled .sortable-handler-up { background-image: url("../img/ico-sortable-active-up.png"); } .ui-sortable-helper .sortable-handler-down, .sortable .sortable-enabled .sortable-handler-down { background-image: url("../img/ico-sortable-active-down.png"); } .sortable-enabled, .sortable-disabled { cursor: move; } .sortable.sortable-viewmode tr, .sortable.sortable-viewmode .wmTooltip { cursor: default; } .sortable.sortable-viewmode .sortable-handler { cursor: default; } .sortable-handler-up, .sortable-handler-down { cursor: pointer; } .sortable.sortable-viewmode .sortable-handler-up { cursor: default; } .sortable.sortable-viewmode .sortable-handler-down { cursor: default; } .highlightbox-multicard > p { margin-bottom: 12px; } .highlightbox-multicard-check { margin-left: 68px!important; } .highlightbox-e-o2go-c-moreinfo { position: absolute; right: 12px; top: 36px; } .highlightbox-e-o2go .price { position: absolute; right: 12px; top: 12px; } /* Ecare-Home //========================================================================*/ .tsr.pure .txt-area .table-e-price .price { font-size: 18px; margin: 0; line-height: 18px; } .table-e-price .last-child { vertical-align: bottom; } // new tariff options 17.04.2013 .tariffOptionsContainer { height: auto; background-color: #cbe1f1; border-radius: 6px; padding: 12px; margin-top: 12px; margin-bottom: 12px; } .tariffOptionsContainer-c-innerContainer { min-height: 80px; margin-bottom: 12px; background-color: $color-myo22-bg-white; border-radius: 6px; border: 1px solid $color-myo22-line-grey-4; padding: 12px; overflow: hidden; position: relative; } .tariffOptionsContainer-c-row.ta-r { margin: 6px 6px 6px 0; } .tariffOptionsContainer-c-button button { margin: 6px; } .tariffOptionsContainer-c-innerContainer-last { margin-bottom: 0; } .tariffOptionsContainer-c-row fieldset { margin-top: 15px; } .tariffOptionsContainer-c-row fieldset:first-child { margin-top: 0; } .tariffOptionsHeader ~ h2 { margin-top: 20px; } .tariffOptionsHeader-c-headline3, .tariffOptionsFilter-c-copy, .tariffOptionsContainer-c-copy, .tariffOptionsContainer-c-headline3 { font-family: $font-FrutigerRoman; } .tariffOptionsHeader { margin-top: 40px; } .col9 .tariffOptionsHeader:first-child { margin-top: 0; } .tariffOptionsContainer-c-row > .tariffOptionsContainer-c-copy { font-family: $font-verdana; } .tariffOptionsHeader .tariffOptionsHeader-c-headline3 { color: $color-myo22-grey-5; font-size: 20px; } .tariffOptionsHeader .tariffOptionsheader-c-copy { font-size: 12px; margin-bottom: 25px; color: #383c40; } .tariffOptionsFilter { min-height: 60px; background-color: $color-myo22-bg-blue-1; min-width: 432px; display: inline-block; border-radius: 6px; } .tariffOptionsFilter .tariffOptionsFilter-c-DropDown { float: left; width: 200px; } .tariffOptionsFilter .selector { width: 190px; margin-top: 16px; } .tariffOptionsFilter .selector span { width: 160px; padding-top: 2px; } .tariffOptionsFilter .tariffOptionsFilter-c-copy { font-size: 13px; display: block; min-width: 180px; float: left; color: $color-myo22-grey-6; margin: 20px 20px 25px 20px; } .tariffOptionsFilter + .tariffOptions-c-button { margin: 15px 33px 15px 10px; } .tariffOptionsContainer-c-innerContainer .tariffOptionsContainer-c-copy { font-size: 13px; color: $color-myo22-grey-6; margin-left: 6px; } .tariffOptionsContainer-c-innerContainer .canceled, .tariffOptionsContainer-c-innerContainer .alert, .tariffOptionsContainer-c-innerContainer .info, .tariffOptionsContainer-c-innerContainer .limited, .tariffOptionsContainer-c-innerContainer .instock, .tariffOptionsContainer-c-innerContainer .activeClue { font-size: 11px; display: block; //min-height: 20px; font-family: $font-FrutigerRoman!important; padding-left: 9px; mine-height: 12px; line-height: 12px; float: left; min-width: 70px; text-align: center; } .tariffOptionsContainer-c-headline3 ~ a.lnk { margin-top: 5px; } // .tariffOptionsContainer-c-data .tariffOptionsContainer-c-copy { // margin-left: 0; //} .tariffOptionsContainer-c-innerContainer .tariffOptionsContainer-c-copyBold { font-size: 13px; //font-weight: bold; color: $color-myo22-grey-6; font-family: $font-FrutigerBold; line-height: 21px; } .tariffOptionsContainer-c-full.tariffOptionsContainer-c-footerCopy { font-size: 12px; color: $color-myo22-grey-6; margin: 20px 0 15px 15px; } .tariffOptionsContainer-c-innerContainer .tariffOptionsContainer-c-headline3 { color: $color-myo22-blue-3; font-size: 18px; font-weight: normal; margin-left: 6px; } .tariffOptionsContainer-c-innerContainer .tariffOptionsContainer-c-headline4 { color: $color-myo22-grey-6; font-size: 15px; font-weight: normal; border-top: 1px solid $color-myo22-line-grey-4; line-height: 45px; margin-top: 35px; font-family: $font-FrutigerBold; } .tariffOptionsContainer-c-row .tariffOptions-c-RadioButton { vertical-align: middle; margin-left: 0; float: left; max-width: 86%; } .tariffOptionsContainer-c-data input { float: left; margin-top: 1px; } .tariffOptionsContainer-c-data .tariffOptionsToolTip, .tariffOptionsContainer-c-data .tariffOptionsActiveCheck { width: 38px; height: 22px; background-image: url(../img/tariffOptionsInfoAndChecked.png); display: block; } .tariffOptionsContainer-c-data .tariffOptionsToolTip { background-position: -10px -18px; } .tariffOptionsContainer-c-data .tariffOptionsActiveCheck { background-position: -10px -98px; } .tariffOptionsContainer-c-cl1 .tariffOptionsActiveCheck:first-child { background-position: -17px -98px; } .tariffOptionsContainer-c-innerContainer .tariffOptionsContainer-c-button a { min-width: 150px; position: absolute; right: 20px; bottom: 20px; } .tariffOptions-c-button { margin: 15px; } .tariffOptions-c-buttonInwards { margin: 15px 29px 15px 15px; } //.tariffOptionsContainer-c-innerContainer .lnk { // text-decoration: underline; //} .tariffOptionsContainer-c-cl3 .tariffOptionsContainer-c-headline3 { margin-left: 0; } //Grid .tariffOptionsContainer-c-data { width: 100%; overflow: hidden; float: left; min-height: 50px; } .tariffOptionsContainer-c-row { min-height: 1px; } .tariffOptionsContainer-c-row.mt-20 { margin-top: 20px!important; } .tariffOptionsContainer-c-row:before, .tariffOptionsContainer-c-row:after { content:""; display:table; } .tariffOptionsContainer-c-row:after { clear:both; } .tariffOptionsContainer-c-row div .tariffOptionsContainer-c-headline3 { margin-left: 0; } .tariffOptionsContainer-c-cl1, .tariffOptionsContainer-c-cl2, .tariffOptionsContainer-c-cl3, .tariffOptionsContainer-c-cl4, .tariffOptionsContainer-c-cl5, .tariffOptionsContainer-c-cl6, .tariffOptionsContainer-c-cl7, .tariffOptionsContainer-c-cl8, .tariffOptionsContainer-c-cl9, .tariffOptionsContainer-c-cl10, .tariffOptionsContainer-c-cl11, .tariffOptionsContainer-c-cl12, .tariffOptionsContainer-c-full { float: left; margin: 6px; overflow: hidden; } .tariffOptionsContainer-c-cl1 { width: 38px; } .tariffOptionsContainer-c-cl2 { width: 88px; } .tariffOptionsContainer-c-cl3 { width: 138px; } .tariffOptionsContainer-c-cl4 { width: 188px; } .tariffOptionsContainer-c-cl5 { width: 238px; } .tariffOptionsContainer-c-cl6 { width: 288px; } .tariffOptionsContainer-c-cl7 { width: 338px; } .tariffOptionsContainer-c-cl8 { width: 388px; } .tariffOptionsContainer-c-cl9 { width: 438px; } .tariffOptionsContainer-c-cl10 { width: 488px; } .tariffOptionsContainer-c-cl11 { width: 538px; } .tariffOptionsContainer-c-cl12 { width: 588px; } .tariffOptionsContainer-c-full { width: 638px; } .tariffOptionsContainer-c-offset1 { margin-left: 55px; } .tariffOptionsContainer-c-offset2 { margin-left: 105px!important; } .tariffOptionsContainer-c-offset3 { margin-left: 155px; } .tariffOptionsContainer-c-offset4 { margin-left: 205px; } .tariffOptionsContainer-c-offset5 { margin-left: 255px; } .tariffOptionsContainer-c-offset6 { margin-left: 305px; } .tariffOptionsContainer-c-offset7 { margin-left: 355px; } .tariffOptionsContainer-c-offset8 { margin-left: 405px; } .tariffOptionsContainer-c-offset9 { margin-left: 455px; } .tariffOptionsContainer-c-offset10 { margin-left: 505px; } .tariffOptionsContainer-c-offset11 { margin-left: 555px; } .tariffOptionsContainer-c-offset12 { margin-left: 605px; } .tariffOptionsContainer-c-data .clear { clear: both; } /* Accordion styling hack ---------------------------------------------------------------------------------------------------------------------------------------------*/ .js-next-steps.ui-corner-all { background-image: url("../img/accordion-arrow-down.png")!important; cursor: default !important; color: $color-shopnew-grey-10 !important; } //h3.accordion-checked:hover { // background-image: url("../img/spr-accordion.png")!important; // background-position: 0 -40px !important; // cursor: pointer!important; //} .border-bg .accordion h3.accordion-checked:hover { background-image: url("../img/accordion-arrow-down-active.png")!important; background-position: 0 -44px!important; color: #4F5357!important; } // csc Link Text Align fix fieldset .fldln > div a.lnk { text-align: left; }