/* * Include SCSS Imports */ @import "general/import"; @import 'general/_global-colors'; //general styles /* 100% gradient for home */ body { background: $color-bg-white url("../img/bg-grad-o2-100.png") repeat-x 0 0; } /* stage reset to full width */ #main-wrapper { width: 100%; } #content-area { margin: 0 auto; width: 100%; overflow: visible; } #headContainer { width: 960px; margin: 0 auto; } #footerContainer { margin: 0 auto 90px; width: 960px; position: static; } #footer #navigation-footer { overflow: hidden; } #footer .footer-logo { } #footer .footer-legalnote { } .slider { width: 100%; } .slider .slider-control { left: 0; top: 0; position: absolute; width: 100%; height: 0; } .slider .slider-lft, .slider .slider-rght { padding-top: 548px; width: 240px; position: absolute; top: 0; } .slider .slider-lft, .slider .slider-lft:hover { background: transparent url(../img/bg-stage-fadeout-lft.png) 100% 6px no-repeat; left: 0; } .slider .slider-rght, .slider .slider-rght:hover { background: transparent url(../img/bg-stage-fadeout-rght.png) 0 6px no-repeat; left: auto; right: 0; } .slider .slider-lft span, .slider .slider-rght span { background: transparent 0 0 no-repeat; position: absolute; top: 45%; left: 20px; width: 30px; height: 0; padding-top: 50px; overflow: hidden; visibility: hidden; } .slider .slider-lft span, .slider .slider-rght span { background-image: url(../img/spr-btn-slider.png); } .slider .slider-rght span { left: auto; right: 20px; background-position: -40px 0; } .slider .slider-lft:hover span, .slider .slider-rght:hover span { visibility: visible; } .slider .slider-lft span:hover { background-position: 0 -49px; } .slider .slider-rght span:hover { background-position: -40px -49px; } @media (min-width: 1101px) and (max-width: 1330px) { .slider .slider-lft, .slider .slider-rght { width: 150px; background: transparent url(../img/bg-stage-fadeout-150-lft.png) 0 6px no-repeat; } .slider .slider-rght { background: transparent url(../img/bg-stage-fadeout-150-rght.png) 0 6px no-repeat; } } body.screen1280 .slider .slider-lft, body.screen1280 .slider .slider-rght { width: 150px; background: transparent url(../img/bg-stage-fadeout-150-lft.png) 0 6px no-repeat; } body.screen1280 .slider .slider-rght { background: transparent url(../img/bg-stage-fadeout-150-rght.png) 0 6px no-repeat; } @media (max-width: 1100px) { .slider .slider-lft, .slider .slider-rght { width: 50px; background-image: none; } .slider .slider-lft span, .slider .slider-rght span { visibility: visible; } } body.screen1024 .slider .slider-lft, body.screen1024 .slider .slider-rght { width: 50px; background-image: none; } .tsr.pure img { /* rewrite to specific stage class */ opacity: .87; //-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)"; /* filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=87);*/ } .tsr.pure:hover img{ opacity: .99; /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: none; */ } /* Deprecated on 11-23-2011 teaser font settings for height6 .height6.tsr.pure .txt-area h2 { font-size: 2.6em; } .height6.tsr.pure .txt-area .price { font-size: 2.2em; } */ .tsr.pure h2 { /*font-size: 36px !important; line-height: 36px !important;*/ } .tsr.pure h3 { /*font-size: 24px !important; line-height: 32px !important; padding-bottom: 0 !important;*/ /* dependent on cufon fix */ } /*.tsr.pure.tsr-white h3 { color: #0086C3 !important; } .tsr.pure.tsr-white h2 strong, .tsr.pure.tsr-white h3 strong { color: #0086C3 !important; }*/ /* .tsr.pure p { font-size: 15px !important; line-height: 20px !important; }*/ .tsr.pure p small { /* font-size: 12px !important;*/ } /* teaser OMO effect */ .tsr.pure.tsr-blue p, .tsr.pure.tsr-blue ul.related-links { visibility: hidden; } .tsr.pure.tsr-blue p span.price, .tsr.pure.tsr-blue p span.price-small { visibility: visible; } /* .tsr.pure.tsr-blue p, .tsr.pure.tsr-blue p small, .tsr.pure.tsr-blue p strong { text-indent: -1000px; } .tsr.pure.tsr-blue:hover p, .tsr.pure.tsr-blue:hover p small, .tsr.pure.tsr-blue:hover p strong, .tsr.pure.tsr-blue p .price-small, .tsr.pure.tsr-blue p .price strong, .tsr.pure.tsr-blue p strong .price { text-indent: 0; } .tsr.pure img.img-top ~ .txt-area p, .tsr.pure img.img-top ~ .txt-area p small, .tsr.pure img.img-top ~ .txt-area p strong { text-indent: 0; } .tsr.pure.tsr-blue .txt-area > a.lnk, .tsr.pure.tsr-blue .txt-area a.lnk-highlight, //class .lnk-highlight is DEPRECATED .tsr.pure.tsr-blue .txt-area a.btn { visibility: hidden; } .tsr.pure.tsr-blue:hover .txt-area > a.lnk, .tsr.pure.tsr-blue:hover .txt-area a.lnk-highlight, //class .lnk-highlight is DEPRECATED .tsr.pure.tsr-blue:hover .txt-area a.btn { visibility: visible!important; } .tsr.pure img.img-top ~ .txt-area p, .tsr.pure img.img-top ~ .txt-area > a.lnk, .tsr.pure img.img-top ~ .txt-area a.btn { visibility: visible; } */ /*.tsr.pure.tsr-blue .txt-area .price { left: 1012px; } .tsr.pure.tsr-blue:hover .txt-area .price { left: 18px; }*/