/* t10_structure */ #page_container {width: 1000px; margin: 0 auto; position: relative; background:#fff; -webkit-box-shadow: 0px 0px 100px #ccc; /* webkit browser*/ -moz-box-shadow: 0px 0px 100px #ccc;/* firefox */ box-shadow: 0px 0px 100px #ccc;} #topNav {max-width: 950px;} #logo {padding: 70px 10px 10px 10px; display: block; width: 143px; height: 119px; background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/logo.png') no-repeat center center; text-indent: -9999px;} #meta {position: absolute; right: 10px; top: 10px; width: 800px; text-align: right;} #meta > span {display: block; font-size: 130%; padding: 5px 0 5px 0;} #meta > span > strong {display: inline-block; padding-right: 5px;} /* #meta nav > ul > li {display: inline-block;} #meta nav > ul > li a {display: block; padding: 5px 0 5px 20px;}*/ #quick_find_head {display: inline-block; margin: 10px 0;} #quick_find_head a {display: block; font-size: 85%; text-align: left; padding-left: 3px;} #infoBar {padding: 5px 0 5px 214px; border-top: 1px solid #900; border-bottom: 1px solid #900; display: block; margin: 5px 0 0; position: relative;-webkit-box-shadow:0 0 30px #e7ebef;-moz-box-shadow:0 0 30px #e7ebef;box-shadow:0 0 30px #e7ebef;} #infoBar span.caption {background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/arrow.bg.png') center right no-repeat; font-weight: bold; line-height: 58px; position: absolute; top: 0; left: 0; bottom: 0; padding: 0 25px 0 12px; color: #fff;} #infoBar > ul {list-style: none;margin-left:-45px; margin-top:1px;} #infoBar > ul li {float: right; width: 32.5%; padding: 0; font-size: 12px; line-height: 100%; color: #444;} #infoBar > ul strong {color: #000;} #infoBar > ul li p {background: no-repeat top left; padding: 0 20px 0 45px; margin: 0; min-height: 41px;} #infoBar > ul li:first-child p {padding-right: 0;} #infoBadge {float: left; max-width: 350px; max-height: 100px; display: block; text-align: left; overflow: hidden;} /* position: absolute; left: 0; bottom: 0; */ /* various styles for infobadge */ #infoBadge > div {padding: 10px; } /* flag badges */ #infoBadge > div.flag {padding-left: 50px; padding-right: 15px; background-position: center left; background-repeat: no-repeat;} #infoBadge > div.flag > img {margin: 4px 0 0 -40px; float: left; width: 30px;} #infoBadge > div.flag strong {display: block; font-weight: bold; color: #333;} #infoBadge > div.flag p {font-size: 13px; padding: 0; margin: 0;} #infoBadge > div.flagTS > img {margin: 4px 0 0 0px; float: left; padding-right: 10px; margin-top: -5px;} #infoBadge > div.flagTS > a {float:left;!important;padding-right: 10px; margin-top: -5px;} #languages {float: left; padding: 10px 10px 0;} /* #t10_slideBox {width: 200px; position: absolute; top: 20px; left: -220px; background: #fff; color: #000; padding: 10px; z-index: 10000; border-bottom-right-radius: 10px; border: 1px solid #DCDCDC; border-left: none;} #t10_slideBox.open {left: 0;} #t10_slideBox .box {} #t10_slideBox .handle {width: 60px; height: 60px; border: 1px solid #DCDCDC; border-left: none; position: absolute; top: -1px; right: -61px; background: url('.https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/options.png') no-repeat center center #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; text-indent: -9999px; cursor: pointer;} */ #t10_slideBox {width: 230px; position: absolute; top: 0px; left: -220px; color: #ffffff; padding: 10px; z-index: 1002; border-bottom-right-radius: 10px; border: none; border-left: none; padding-top:80px; padding-right:30px; } #t10_slideBox.open {left: 0;} #t10_slideBox .box {background-color:#ffffff; margin-right:30px;} #t10_slideBox .slider {color:#ffffff; } #t10_slideBox .handle { /* display:none; */ width: 50px; height: 100%; border: 0px solid #FFFFFF; border-left: none; position: absolute; top: -1px; right: 0px; /* background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/options2.png') no-repeat center center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; text-indent: -9999px; */ border:none; cursor: pointer;} .t10_optionsWrapper {margin: 10px 0 0 -250px; float: left; width:200px; padding: 10px; background: rgb(248,253,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(248,253,255,1) 0%, rgba(248,253,255,1) 75%, rgba(235,243,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,253,255,1)), color-stop(75%,rgba(248,253,255,1)), color-stop(100%,rgba(235,243,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,1) 75%,rgba(235,243,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,1) 75%,rgba(235,243,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,1) 75%,rgba(235,243,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,253,255,1) 0%,rgba(248,253,255,1) 75%,rgba(235,243,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fdff', endColorstr='#ebf3f9',GradientType=0 ); /* IE6-9 */} #t10_tagFilter .sliderWrapper {padding: 10px 0 0;} #t10_tagFilter .slider:hover {opacity: 1 !important;} #t10_tagFilter .sliderHead {padding: 5px 0; cursor: pointer; color: #333; font-weight: bold;} #t10_tagFilter .sliderContent {padding: 5px 0 20px;} #t10_tagFilter ul {list-style: none; margin-left: -35px;} #t10_tagFilter ul.large {overflow-y: scroll; overflow-x: hidden; max-height: 300px;} #t10_tagFilter li {padding: 2px 0 2px 20px; position: relative;} #t10_tagFilter li input {margin: 0; position: absolute; left: 0; top: 4px;} .dim {opacity: .7;} .splash {display: block; height: 202px; background: no-repeat top left; margin: 0 -10px; position: relative;} .splash {display: block; background: no-repeat top left; margin: 0 -10px; position: relative;} .splash > div {position: absolute; right: 20px; bottom: 20px; background: rgba(255,255,255,.8); padding: 30px; box-shadow: 0 5px 20px rgba(0,0,0, 0.1);} .splash.dark > div {color: #fff; background: -moz-linear-gradient(top, rgba(24,77,148,0.9) 0%, rgba(24,77,148,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,77,148,0.9)), color-stop(100%,rgba(24,77,148,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(24,77,148,0.9) 0%,rgba(24,77,148,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(24,77,148,0.9) 0%,rgba(24,77,148,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(24,77,148,0.9) 0%,rgba(24,77,148,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(24,77,148,0.9) 0%,rgba(24,77,148,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6184d94', endColorstr='#184d94',GradientType=0 ); /* IE6-9 */} .splash.dark > div * {color: inherit;} .splash.dark > div h1 {text-shadow: 3px 3px 10px #123b71;} .splash.dark li a {text-shadow: 1px 1px 5px #123b71;} .splash > div > h1 {margin-top: 0; padding-top: 0;} .splash ul {list-style: none;} .splash li a {display: block; padding: 5px 0; font-size: 16px;} .heads1 { font-size: 22px; font-weight: bold; color: #184D94; margin-top: 6px; margin-bottom: 10px; line-height: 1em; } .heads1_side { font-size: 22px; font-weight: bold; color: #184D93; margin-top: 6px; margin-bottom: 10px; line-height: 1em; text-align: center; } .heads2 { font-size: 1.0em; margin: 0 -5px 5px -5px; padding: 4px 0 5px 7px; color: #000000; font-weight: bolder; text-align: center; line-height: 1.0em; height: 54px; color: #000000; font-weight: bolder; font-style: inherit; font-size: 100%; font-family: inherit; display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .blueboxberry { margin: 0 10px 10px 0; border-radius: 5px; background: #78c5fd; background: linear-gradient(to bottom, #78c5fd 0%, #2c8fdd 100%); background: -o-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%); background: -ms-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%); background: -moz-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%); background: -webkit-linear-gradient(top, #78c5fd 0%, #2c8fdd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78c5fd', endColorstr='#2c8fdd', GradientType=0); box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px rgba(0,0,0,0.5); line-height: 30px; text-shadow: 0 1px rgba(0,0,0,0.5); color: #fff; } .blueboxberry a:link a:visited { color:#FFFFFF; } .blueboxberry a:visited { color:#FFFFFF; } .blueboxberry :hover { text-shadow: 0 0 10px #466fbb; color: #184D94; -webkit-transition: 500ms linear 0s; -moz-transition: 500ms linear 0s; -o-transition: 500ms linear 0s; transition: 500ms linear 0s; } /* breadcrumb + home */ .nav_pathway {padding: 10px; font-size: 12px;} .nav_pathway div > span:last-child {font-weight: bold;} .home .nav_pathway {display: none;} article {padding: 0 10px; position: relative; overflow: hidden;} article .p_lr_5 {padding-left: 0;} footer {position: relative; margin-top: -15px; z-index: 1000;} .badge {position: relative; top: -2px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999; padding: 1px 5px 2px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #fff; box-shadow: 0 0 2px #999;} a.badge:hover {color: #ffffff; text-decoration: none; cursor: pointer;} .badge-important {background-color: #b94a48;} .badge-important[href] {background-color: #953b39;} .lightboxContent {display: none;} /* t10_home */ #main_nav {display: block; width: 100%;} #main_nav li {display: inline-block; padding: 0; margin: 0; width: auto;} #main_nav li > a {padding: 10px;} #main_nav li > a.Current {font-weight: bold;} /* t10_products_history */ .t10_scrollable {padding: 0 10px; position: relative;} .t10_scrollable > nav span {background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/icons.png') no-repeat top left; display: block; position: absolute; width: 20px; height: 20px; top: -25px; text-indent: -99999px; cursor: pointer; opacity: 0.5;} .t10_scrollable .prevPanel {background-position: -5px 50%; right: 25px;} .t10_scrollable .nextPanel {background-position: -35px 50%; right: 10px;} .t10_productsHistory {padding-top: 0px; display: block; clear: both;} .scrollable {position:relative; overflow:hidden; width: 100%; height: 200px;} .scrollable .items {width:200000em; position:absolute; clear:both; list-style: none; margin: 0!important;} .scrollable .items li h2, .scrollable .items li h4 {color: #000; font-weight: 600; font-size: 12px;} .scrollable .items li {float:left; width:169px; padding-right: 20px; text-align: center;} .scrollable .items li img {display: block; margin: 0 auto;} .scrollable .items li .price {display: block; font-weight: bold;} .scrollable .items li .tax {display: block; font-size: 85%; margin-bottom: 10px;} .scrollable .items li .image {min-height: 90px; padding: 10px 0;} /* t10_shoppingCart */ .t10_shoppingCartWrapper {padding-right: 200px;} .t10_shoppingCartWrapper {padding-right: 200px !important \0;} .t10_shoppingCartWrapper ul.order_details_head, .t10_shoppingCartWrapper ul.order_details {clear: none !important;} .t10_shoppingCartBox {float: right; margin-right: -250px; width: 200px; padding: 0 15px 0 35px;} .t10_shoppingCartBox ul {list-style: none;} .t10_shoppingCartBox li {padding: 10px 0; border-bottom: 1px solid #ccc; line-height:15px;} .t10_shoppingCartBox li strong {display: block;} .t10_shoppingCart {float: left; width: 740px;} #gift_cart {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee;} /* t10_wishListHint */ .t10_wishListHint {margin: 20px 0 20px; width: 700px;} .t10_wishListHint td {vertical-align: top; padding: 2px 5px;} .t10_wishListHint td span {display: block; font-size: 85%;} .t10_wishListHint td.image {width: 90px;} .t10_wishListHint td.price {text-align: right; white-space: nowrap;} .t10_wishListHint td.qty {white-space: nowrap; width: 10px;} .t10_wishListHint tfoot td {text-align: right; padding-top: 10px;} /* t10_manufacturersList */ ul.t10_manufacturersList {margin: 20px 0 0 0 !important;} ul.t10_manufacturersList li {padding-bottom: 30px; line-height: 140%; width: 32%;} ul.t10_manufacturersList li:nth-child(3n+1) {clear: left;} ul.t10_manufacturersList li > img {margin-bottom: 10px;} ul.t10_manufacturersList li > span {opacity: .4;} /* t10_productsListing */ /* global badge properties */ .t10_badge {background: no-repeat top right; position: absolute; right: 0; top: 0;} div.t10_productsListingImage {margin: auto; padding: 5px; background: #fff; position: relative; width: 90px; display: block;} div.t10_productsListingImage img {display: block; background-color: #fff;} div.t10_productsListingImage .t10_badge {width: 46px; height: 46px; top: 3px; right: 3px;} div.t10_productsListingImage .t10_badgeNew.de {background-image: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/badge.new.de.s.png') !important;} div.t10_productsListingImage .t10_badgeNew.en {background-image: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/badge.new.en.s.png') !important;} div.t10_productsListingImage .t10_badgeBest.de {background-image: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/badge.best.de.s.png') !important;} div.t10_productsListingImage .t10_badgeBest.en {background-image: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/badge.best.en.s.png') !important;} #t10_productsHeader .prettyGallery {position: relative;} #t10_productsHeader .t10_badge {width: 98px; height: 98px; top: 3px; right: 3px; z-index:50;} #t10_productsHeader .t10_badgeNew.de {background-image: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/badge.new.de.l.png');} #t10_productsHeader .t10_badgeNew.en {background-image: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/badge.new.en.l.png');} #t10_productsHeader .t10_badgeBest.de {background-image: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/badge.best.de.l.png');} #t10_productsHeader .t10_badgeBest.en {background-image: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/badge.best.en.l.png');} /* t10_products_info */ #t10_productsHeader .wrapper {padding-left: 320px;} #t10_productsHeader .imageBlock {float: left; margin-left: -320px;} #reviewsContainer {position: relative; padding-left: 85px;} #t10_productsHeader .reviewsRating {position: absolute; left: 0; top: 0; display: block; height: 16px; text-indent: -9999px;} #t10_productsHeader .reviewsRatingBG {background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/stars_0.gif') no-repeat top left; width: 80px;} #t10_productsHeader .reviewsRatingFG {background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/stars_5.gif') no-repeat top left; width: 0;} #t10_productsHeader #priceContainer .price {margin: 0px; font-family: Georgia,Times,serif; font-size: 24px; font-weight: bold; color: #184D94; margin-bottom: 15px;} #t10_productsHeader #priceContainer .priceInfo {font-size: 85%; line-height: 110%;} #t10_productsHeader #priceContainer span {display: block;} #t10_productsHeader table.t10_infoTable {margin-top: 10px;} #t10_productsHeader #descWrapper {position: relative; margin-bottom: 20px;} #t10_productsHeader .fadeTop {height: 30px; position: absolute; top: 0; right: 0; left: 0; display: block; width: 100%; background: -moz-linear-gradient(top, rgba(248,253,255,1) 0%, rgba(248,253,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,253,255,1)), color-stop(100%,rgba(248,253,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,253,255,1) 0%,rgba(248,253,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fdff', endColorstr='#00f8fdff',GradientType=0 ); /* IE6-9 */ } #t10_productsHeader .fadeBottom {height: 30px; position: absolute; bottom: 0; right: 0; left: 0; display: block; width: 100%; background: -moz-linear-gradient(top, rgba(248,253,255,0) 0%, rgba(248,253,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,253,255,0)), color-stop(100%,rgba(248,253,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,253,255,0) 0%,rgba(248,253,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,253,255,0) 0%,rgba(248,253,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,253,255,0) 0%,rgba(248,253,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,253,255,0) 0%,rgba(248,253,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8fdff', endColorstr='#f8fdff',GradientType=0 ); /* IE6-9 */ } #t10_productsHeader .steps .optGroup {display: inline-block;} #t10_productsHeader .step {line-height: 30px;} #t10_productsHeader .step > span {margin: 0 0 0 -40px; float: left; display: inline-block; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; width: 30px; height: 30px; background: #184D94; color: #fff; text-align: center;} #t10_productsHeader .steps table.t10_infoTable {width: 100%;} #t10_productsHeader .steps table.t10_infoTable th {padding: 0 0 5px 0; border-bottom: 1px solid #dde4ef;} #t10_productsHeader #productsNEWprice {text-align: right; border-top: 1px solid #dde4ef; margin-top: 5px; padding-top: 5px;} #t10_productsHeader #productOptions {margin-bottom: 20px;} #socialshareprivacy {margin-left: 20px;} #t10_add2cart {cursor: pointer; font-family: Georgia,Times,serif; font-size: 18px; color: #fff; background: #184D94; padding: 15px 20px; font-weight: bold; border: 0; outline: 0; border-radius: 3px;} #t10_productsHeader #tabs {display: block; padding: 0; margin: 20px -15px; padding-top: 15px;} #t10_productsHeader #tabs .ui-tabs-panel {border: none; padding: 15px 26px;} #t10_productsHeader #tabs .ui-widget-header {border-bottom: 1px solid; border-color: #184D94;} #t10_productsHeader #tabs .ui-tabs-nav {padding: 15px 15px 0;} #t10_productsHeader #tabs .ui-tabs-nav li a {padding: 10px;} #t10_productsHeader #tabs .ui-widget-header .ui-state-default {} #t10_productsHeader #tabs .ui-widget-header .ui-state-active, #t10_productsHeader #tabs .ui-widget-header .ui-state-hover {border-color: #184D94; background: rgb(24,77,148); /* Old browsers */ background: -moz-linear-gradient(top, rgba(24,77,148,1) 0%, rgba(0,56,124,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,77,148,1)), color-stop(100%,rgba(0,56,124,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(24,77,148,1) 0%,rgba(0,56,124,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(24,77,148,1) 0%,rgba(0,56,124,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(24,77,148,1) 0%,rgba(0,56,124,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(24,77,148,1) 0%,rgba(0,56,124,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184d94', endColorstr='#00387c',GradientType=0 ); /* IE6-9 */} #t10_productsHeader .product_navigator {margin: 35px 0 0;} table.t10_infoTable th, table.t10_infoTable td {vertical-align: top; padding: 2px 0;} table.t10_infoTable th {text-align: left; padding-right: 10px;} table.t10_infoTable strong {display: list-item; list-style: disc; margin: 0 10px 0 20px;} /* proper clearfix implementation */ .clearfix {*zoom: 1;} .clearfix:before, .clearfix:after {display: table; content: ""; line-height: 0;} .clearfix:after {clear: both;} /* nl banner */ .NLBannerama {margin: 30px 0 0; padding: 0;} .NLBannerama .boxText {padding: 0;} a.glow, a.glow:hover {-webkit-transition: 500ms linear 0s;-moz-transition: 500ms linear 0s; -o-transition: 500ms linear 0s; transition: 500ms linear 0s;} a.glow:hover {text-shadow: 0 0 10px #466fbb; color: #184D94;} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay {position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft {clear:left;} #cboxContent {position:relative;} #cboxLoadedContent {overflow:auto;} #cboxTitle {margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;} .cboxPhoto {float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe {width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent {box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #colorbox {background: #fff; cborder: 1px solid #184D94; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 0 15px #ccc; -moz-box-shadow:0 0 15px #ccc; box-shadow:0 0 15px #ccc;} #cboxOverlay{background:#fff;} #cboxContent {overflow:visible;} .cboxIframe {background:#fff;} #cboxError {padding:50px; border:1px solid #ccc;} #cboxLoadedContent {background:#fff; padding:20px 20px 30px;} #cboxLoadingGraphic {background:url(https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/loading.gif) no-repeat center center;} #cboxLoadingOverlay {background:#fff;} #cboxTitle {position:absolute; top:0 ; left:0; color:#000;} #cboxCurrent {position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {text-indent:-9999px; width:20px; height:20px; position:absolute; top:5px; background:url(https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/controls.png) no-repeat 0 0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:5px;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} .pagination_box_left { float:left; font-size:14px; line-height:22px; } .pagination_box_right { float:right; } ul.pagination { margin: 0 auto; padding: 0; list-style-type: none; } ul.pagination li { float: left; padding: 0; margin: 2px; font-size: 16px; list-style-type: none; } ul.pagination li a { min-width: 10px; height: 10px; line-height: 10px; padding: 15px; display: block; text-align: center; color: #FFFFFF; background-color:#184D94; text-decoration:none; border:1px solid #333333; margin: 10px 0px 20px 0px; } ul.pagination li a:hover { min-width: 10px; height: 10px; line-height: 10px; padding: 15px; display: block; text-align: center; color: #000000; background-color: #eff3f7; text-decoration:none; border:1px solid #333333; margin: 10px 0px 20px 0px; } ul.pagination li.page_active { min-width: 10px; height: 10px; line-height: 10px; padding: 15px; display: block; text-align: center; color: #000000; background-color: #eff3f7; text-decoration:none; border:1px solid #333333; margin: 10px 0px 20px 0px; } /* t10_structure */ #page_container {width: 1000px; margin: 0 auto; position: relative; background:#fff; -webkit-box-shadow: 0px 0px 100px #ccc; /* webkit browser*/ -moz-box-shadow: 0px 0px 100px #ccc;/* firefox */ box-shadow: 0px 0px 100px #ccc;} #topNav {max-width: 950px;} # {padding: 70px 10px 0px 10px; display: block; width: 143px; height: 119px; background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/logo.png') no-repeat center center; text-indent: -9999px;} #meta {position: absolute; right: 10px; top: 10px; width: 800px; text-align: right;} #meta > span {display: block; font-size: 130%; padding: 5px 0 5px 0;} #meta > span > strong {display: inline-block; padding-right: 5px;} /* #meta nav > ul > li {display: inline-block;} #meta nav > ul > li a {display: block; padding: 5px 0 5px 20px;} */ #quick_find_head {display: inline-block; margin: 10px 0;} #quick_find_head a {display: block; font-size: 85%; text-align: left; padding-left: 3px;} #infoBar {padding: 5px 0 5px 214px; border-top: 1px solid #900; border-bottom: 1px solid #900; display: block; margin: 5px 0 0; position: relative;-webkit-box-shadow:0 0 30px #e7ebef;-moz-box-shadow:0 0 30px #e7ebef;box-shadow:0 0 30px #e7ebef;} #infoBar span.caption {background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/arrow.bg.png') center right no-repeat; font-weight: bold; line-height: 58px; position: absolute; top: 0; left: 0; bottom: 0; padding: 0 25px 0 12px; color: #fff;} #infoBar > ul {list-style: none;margin-left:-45px; margin-top:1px;} #infoBar > ul li {float: right; width: 32.5%; padding: 0; font-size: 12px; line-height: 100%; color: #444;} #infoBar > ul strong {color: #000;} #infoBar > ul li p {background: no-repeat top left; padding: 0 20px 0 45px; margin: 0; min-height: 41px;} #infoBar > ul li:first-child p {padding-right: 0;} #infoBadge {float: left; max-width: 350px; max-height: 100px; display: block; text-align: left; overflow: hidden;} /* position: absolute; left: 0; bottom: 0; */ /* various styles for infobadge */ #infoBadge > div {padding: 10px; } /* flag badges */ #infoBadge > div.flag {padding-left: 50px; padding-right: 15px; background-position: center left; background-repeat: no-repeat;} #infoBadge > div.flag > img {margin: 4px 0 0 -40px; float: left; width: 30px;} #infoBadge > div.flag strong {display: block; font-weight: bold; color: #333;} #infoBadge > div.flag p {font-size: 13px; padding: 0; margin: 0;} #infoBadge > div.flagTS > img {margin: 4px 0 0 0px; float: left; padding-right: 10px; margin-top: -5px;} #infoBadge > div.flagTS > a {float:left;!important;padding-right:5px; padding-right: 10px; margin-top: -5px;} #languages {float: left; padding: 10px 10px 0;} .t10_optionsWrapper {margin: 10px 0 0 -250px; float: left; width:200px; padding: 10px; background: rgb(248,253,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(248,253,255,1) 0%, rgba(248,253,255,1) 75%, rgba(235,243,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,253,255,1)), color-stop(75%,rgba(248,253,255,1)), color-stop(100%,rgba(235,243,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,1) 75%,rgba(235,243,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,1) 75%,rgba(235,243,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,1) 75%,rgba(235,243,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,253,255,1) 0%,rgba(248,253,255,1) 75%,rgba(235,243,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fdff', endColorstr='#ebf3f9',GradientType=0 ); /* IE6-9 */} #t10_tagFilter .sliderWrapper {padding: 10px 0 0;} #t10_tagFilter .slider:hover {opacity: 1 !important;} #t10_tagFilter .sliderHead {padding: 5px 0 0 5px;cursor: pointer; color: #333; font-weight: bold;} #t10_tagFilter .sliderContent {padding: 5px 0 20px;} #t10_tagFilter ul {list-style: none; margin-left: -35px;} #t10_tagFilter ul.large {overflow-y: scroll; overflow-x: hidden; max-height: 300px;} #t10_tagFilter li {padding: 2px 0 2px 20px; position: relative; color:#333;} #t10_tagFilter li input {margin: 0; position: absolute; left: 0; top: 4px;} .dim {opacity: .7;} .splash {display: block; height: 251px; background: no-repeat top left; margin: 0 -10px; position: relative;} .splash > div {position: absolute; right: 20px; bottom: 20px; background: rgba(255,255,255,.8); padding: 30px; box-shadow: 0 5px 20px rgba(0,0,0, 0.1);} .splash.dark > div {color: #fff; background: -moz-linear-gradient(top, rgba(24,77,148,0.9) 0%, rgba(24,77,148,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,77,148,0.9)), color-stop(100%,rgba(24,77,148,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(24,77,148,0.9) 0%,rgba(24,77,148,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(24,77,148,0.9) 0%,rgba(24,77,148,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(24,77,148,0.9) 0%,rgba(24,77,148,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(24,77,148,0.9) 0%,rgba(24,77,148,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6184d94', endColorstr='#184d94',GradientType=0 ); /* IE6-9 */} .splash.dark > div * {color: inherit;} .splash.dark > div h1 {text-shadow: 3px 3px 10px #123b71;} .splash.dark li a {text-shadow: 1px 1px 5px #123b71;} .splash > div > h1 {margin-top: 0; padding-top: 0;} .splash ul {list-style: none;} .splash li a {display: block; padding: 5px 0; font-size: 16px;} /* breadcrumb + home */ .nav_pathway {padding: 10px; font-size: 12px;} .nav_pathway div > span:last-child {font-weight: bold;} .home .nav_pathway {display: none;} article {padding: 0 10px; position: relative; overflow: hidden;} article .p_lr_5 {padding-left: 0;} footer {position: relative; margin-top: -15px; z-index: 1000;} .badge {position: relative; top: -2px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999; padding: 1px 5px 2px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #fff; box-shadow: 0 0 2px #999;} a.badge:hover {color: #ffffff; text-decoration: none; cursor: pointer;} .badge-important {background-color: #b94a48;} .badge-important[href] {background-color: #953b39;} .lightboxContent {display: none;} /* t10_home */ #main_nav {display: block; width: 100%;} #main_nav li {display: inline-block; padding: 0; margin: 0; width: auto;} #main_nav li > a {padding: 10px;} #main_nav li > a.Current {font-weight: bold;} /* t10_products_history */ .t10_scrollable {padding: 0 10px; position: relative;} .t10_scrollable > nav span {background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/icons.png') no-repeat top left; display: block; position: absolute; width: 20px; height: 20px; top: -25px; text-indent: -99999px; cursor: pointer; opacity: 0.5;} .t10_scrollable .prevPanel {background-position: -5px 50%; right: 25px;} .t10_scrollable .nextPanel {background-position: -35px 50%; right: 10px;} .t10_productsHistory {padding-top: 5px; display: block; clear: both;} .scrollable {position:relative; overflow:hidden; width: 100%; height: 200px;} .scrollable .items {width:200000em; position:absolute; clear:both; list-style: none; margin: 0!important;} .scrollable .items li h2, .scrollable .items li h4 {color: #000; font-weight: 600; font-size: 12px;} .scrollable .items li {float:left; width:169px; padding-right: 20px; text-align: center;} .scrollable .items li img {display: block; margin: 0 auto;} .scrollable .items li .price {display: block; font-weight: bold;} .scrollable .items li .tax {display: block; font-size: 85%; margin-bottom: 10px;} .scrollable .items li .image {min-height: 90px; padding: 10px 0;} /* t10_shoppingCart */ .t10_shoppingCartWrapper {padding-right: 250px;} .t10_shoppingCartWrapper {padding-right: 200px \0 !important;} .t10_shoppingCartWrapper ul.order_details_head, .t10_shoppingCartWrapper ul.order_details {clear: none !important;} .t10_shoppingCartBox {float: right; margin-right: -250px; width: 200px; padding: 0 15px 0 35px;} .t10_shoppingCartBox {padding: 0 55px 0 35px \0 !important;} .t10_shoppingCartBox ul {list-style: none;} .t10_shoppingCartBox li {padding: 10px 0; border-bottom: 1px solid #ccc;} .t10_shoppingCartBox li strong {display: block;} .t10_shoppingCart {float: left; width: 740px;} #gift_cart {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; margin-bottom: 30px;} /* t10_wishListHint */ .t10_wishListHint {margin: 20px 0 20px; width: 700px;} .t10_wishListHint td {vertical-align: top; padding: 2px 5px;} .t10_wishListHint td span {display: block; font-size: 85%;} .t10_wishListHint td.image {width: 90px;} .t10_wishListHint td.price {text-align: right; white-space: nowrap;} .t10_wishListHint td.qty {white-space: nowrap; width: 10px;} .t10_wishListHint tfoot td {text-align: right; padding-top: 10px;} /* t10_manufacturersList */ ul.t10_manufacturersList {margin: 20px 0 0 0 !important;} ul.t10_manufacturersList li {padding-bottom: 30px; line-height: 140%; width: 32%;} ul.t10_manufacturersList li:nth-child(3n+1) {clear: left;} ul.t10_manufacturersList li > img {margin-bottom: 10px;} ul.t10_manufacturersList li > span {opacity: .4;} /* t10_products_info */ /*h1 > img {float: right; max-width: 250px; max-height: 80px; margin: 0 0 10px 10px; box-shadow: 0 0 10px #eee;}*/ #t10_productsHeader .wrapper {padding-left: 320px;} #t10_productsHeader .imageBlock {float: left; margin-left: -320px;} #reviewsContainer {position: relative; padding-left: 85px;} #t10_productsHeader .reviewsRating {position: absolute; left: 0; top: 0; display: block; height: 16px; text-indent: -9999px;} #t10_productsHeader .reviewsRatingBG {background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/stars_0.gif') no-repeat top left; width: 80px;} #t10_productsHeader .reviewsRatingFG {background: url('https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/stars_5.gif') no-repeat top left; width: 0;} #t10_productsHeader #priceContainer .price {margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #184D94; margin-bottom: 15px;} #t10_productsHeader #priceContainer .priceInfo {font-size: 85%; line-height: 110%;} #t10_productsHeader #priceContainer span {display: block;} #t10_productsHeader table.t10_infoTable {margin-top: 10px; min-height: 80px;} #t10_productsHeader table.t10_infoTable h2 {padding: 0; margin: 0;color: #184D94; font-family: Verdana,Helvetica,sans-serif; font-size: 16px; border-bottom: dotted 1px #b9C9df;} #t10_productsHeader #lamertags {padding: 0 2px 0 2px; width: 100%;overflow:auto;} #t10_productsHeader #descWrapper {position: relative; margin-bottom: 20px;} #t10_productsHeader .fadeTop {height: 30px; position: absolute; top: 0; right: 0; left: 0; display: block; width: 100%; background: -moz-linear-gradient(top, rgba(248,253,255,1) 0%, rgba(248,253,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,253,255,1)), color-stop(100%,rgba(248,253,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,253,255,1) 0%,rgba(248,253,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,253,255,1) 0%,rgba(248,253,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fdff', endColorstr='#00f8fdff',GradientType=0 ); /* IE6-9 */ } #t10_productsHeader .fadeBottom {height: 30px; position: absolute; bottom: 0; right: 0; left: 0; display: block; width: 100%; background: -moz-linear-gradient(top, rgba(248,253,255,0) 0%, rgba(248,253,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,253,255,0)), color-stop(100%,rgba(248,253,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,253,255,0) 0%,rgba(248,253,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,253,255,0) 0%,rgba(248,253,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,253,255,0) 0%,rgba(248,253,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,253,255,0) 0%,rgba(248,253,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8fdff', endColorstr='#f8fdff',GradientType=0 ); /* IE6-9 */ } #t10_productsHeader .steps .optGroup {display: inline-block; position: relative;} #t10_productsHeader .steps .message {display: none;} #t10_productsHeader .dim {opacity: .2;} #t10_productsHeader .dim .message {display: block;} #t10_productsHeader .step > span {margin: 0 0 0 -40px; float: left; display: inline-block; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; width: 30px; height: 30px; background: #184D94; color: #fff; text-align: center;} #t10_productsHeader .steps table.t10_infoTable {width: 100%;} #t10_productsHeader .steps table.t10_infoTable th {padding: 0 0 5px 0; border-bottom: 1px solid #dde4ef;} #t10_productsHeader #productsNEWprice {text-align: right; border-top: 1px solid #dde4ef; margin-top: 5px; padding-top: 5px;} #t10_productsHeader #productOptions {margin-bottom: 20px;} #socialshareprivacy {margin-left: 20px;} #t10_add2cart {cursor: pointer; font-family: Georgia,Times,serif; font-size: 18px; color: #fff; background: #184D94; padding: 15px 20px; font-weight: bold; border: 0; outline: 0; border-radius: 3px;} #t10_productsHeader #tabs {display: block; padding: 0; margin: 20px -15px; padding-top: 15px;} #t10_productsHeader #tabs .ui-tabs-panel {border: none; padding: 15px 26px;} #t10_productsHeader #tabs .ui-widget-header {border-bottom: 1px solid; border-color: #184D94;} #t10_productsHeader #tabs .ui-tabs-nav {padding: 15px 15px 0;} #t10_productsHeader #tabs .ui-tabs-nav li a {padding: 10px;} #t10_productsHeader #tabs .ui-widget-header .ui-state-default {} #t10_productsHeader #tabs .ui-widget-header .ui-state-active, #t10_productsHeader #tabs .ui-widget-header .ui-state-hover {border-color: #184D94; background: rgb(24,77,148); /* Old browsers */ background: -moz-linear-gradient(top, rgba(24,77,148,1) 0%, rgba(0,56,124,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,77,148,1)), color-stop(100%,rgba(0,56,124,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(24,77,148,1) 0%,rgba(0,56,124,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(24,77,148,1) 0%,rgba(0,56,124,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(24,77,148,1) 0%,rgba(0,56,124,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(24,77,148,1) 0%,rgba(0,56,124,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184d94', endColorstr='#00387c',GradientType=0 ); /* IE6-9 */} #t10_productsHeader .product_navigator {margin: 35px 0 0;} table.t10_infoTable th, table.t10_infoTable td {vertical-align: top; padding: 2px 0;} table.t10_infoTable th {text-align: left; padding-right: 10px;} table.t10_infoTable td {} #middle aside.lamer {float: left; margin-left: -230px; width: 180px;} #middle aside.lamer h1 {padding: 0; margin: 0; } #middle aside.lamer h1 > img {box-shadow: none; margin: 0; float: none; max-width: 100%; max-height: none;} #middle aside.lamer nav {padding: 0 0 20px 15px;} #middle aside.lamer nav ul {padding: 0; margin: 0; margin-left: 0; list-style: none;} #middle aside.lamer nav ul ul {margin: 10px 0 15px 15px;} #middle aside.lamer nav ul li a {display: block; padding: 4px 0;} #middle aside.lamer nav ul li:first-child a {padding-top: 0;} #middle aside.lamer nav ul.content {padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #CCCCCC;} #middle aside.lamer a.Current, #middle aside.lamer a.CurrentParent, #middle aside.lamer span.Current, #middle aside.lamer span.CurrentParent {font-weight: bold; color: #184D94;} #middle aside.lamer nav ul span {display: block; padding: 4px 0; color: #184D94;} #t10_productsHeader.lamer .steps.fl {width: 60%;} #t10_productsHeader.lamer #productsNEWprice {padding-bottom: 20px;} #t10_productsHeader.lamer #tabs {margin: 20px -15px 20px -230px;} #t10_productsHeader.lamer #tabs .ui-tabs-nav {padding-left: 230px;} #t10_productsHeader.lamer #tabs .ui-tabs-panel {padding-left: 240px;} .coolForm {} .coolForm label:first-child {display: inline-block; padding: 0 0 3px 0; width: 200px; float: left;} .coolForm .checkbox label {display: block; width: 100%; padding: 5px 0 5px 25px;} .coolForm .checkbox label input {float: left; margin-left: -20px;} .coolForm ul {list-style: none; padding: 0; margin: 0 !important; width: 420px;} .coolForm li {padding-bottom: 10px; clear: both; position: relative;} .coolForm p {width: 408px;} .coolForm span.wrap {width: 200px; display: inline-block; padding: 0 0 3px 0; float: right;} .coolForm fieldset {margin-bottom: 40px;} #paq fieldset {margin-bottom: 0;} #paq fieldset legend {padding-top: 0; width: 400px;} .coolForm legend {padding: 20px 0; color: #666; font-family: 'Oxygen', sans-serif; line-height: 140%; font-size: 120%;} .coolForm legend span {display: block; color: #85D71B; padding: 0 0 10px 0;} .coolForm textarea {width: 400px; min-height: 100px;} .coolForm input[type="text"], .coolForm input[type="password"], .coolForm select, .coolForm li > img {} .coolForm li > img {margin: 6px 0;} .coolForm li.checkbox {padding-left: 25px; position: relative; margin-bottom: 10px;} .coolForm li.checkbox input {position: absolute; left: 0;} .additional_information {position: absolute; left: -999999px;} .coolForm .shopContentContainer {height: 200px; overflow: auto; padding: 10px; border: 1px solid #999; background: #fff;} .coolForm .shopContentContainer * {width: auto !important; } .coolForm .txtField {padding: 20px 0;} .coolForm .txtField label.error {top:100px;} /* sizes */ input.s {width: 42px;} input.m {width: 132px;} input.l {width: 192px;} .coolForm select {width: 200px;} .m + .s, .s + .m {margin-right: 10px;} .coolForm .shopContentContainer {margin-bottom: 10px;} /* proper clearfix implementation */ .clearfix {*zoom: 1;} .clearfix:before, .clearfix:after {display: table; content: ""; line-height: 0;} .clearfix:after {clear: both;} /* nl banner */ .NLBannerama {margin: 0px 0 0; padding: 0;} .NLBannerama .boxText {padding: 0;} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay {position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft {clear:left;} #cboxContent {position:relative;} #cboxLoadedContent {overflow:auto;} #cboxTitle {margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;} .cboxPhoto {float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe {width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent {box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #colorbox {background: #fff; cborder: 1px solid #184D94; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 0 15px #ccc; -moz-box-shadow:0 0 15px #ccc; box-shadow:0 0 15px #ccc;} #cboxOverlay{background:#fff;} #cboxContent {overflow:visible;} .cboxIframe {background:#fff;} #cboxError {padding:50px; border:1px solid #ccc;} #cboxLoadedContent {background:#fff; padding:20px 20px 30px;} #cboxLoadingGraphic {background:url(https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/loading.gif) no-repeat center center;} #cboxLoadingOverlay {background:#fff;} #cboxTitle {position:absolute; top:0 ; left:0; color:#000;} #cboxCurrent {position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {text-indent:-9999px; width:20px; height:20px; position:absolute; top:5px; background:url(https://essenzanobile.sa.metacdn.com/templates/cseo-css-v2/img/controls.png) no-repeat 0 0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:5px;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; } .col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* 3 Column settings */ .threecol { background:#eee; /* right column background colour */ } .threecol .colmid { right:25%; /* width of the right column */ background:#fff; /* center column background colour */ } .threecol .colleft { right:50%; /* width of the middle column */ background:#f4f4f4; /* left column background colour */ } .threecol .col1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:102%; /* 100% plus left padding of center column */ } .threecol .col2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .threecol .col3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:85%; /* Please make note of the brackets here: } (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */