/* standard elements */
html, body {
margin: 0; padding: 0; height: 100%; width: 100%;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal; font-size: 12px; font-weight: normal;
background:#FFFFFF;
text-align: center; }
/* Flickity */
.carousel {
width: 350px;
height: auto;
background: #FFFFFF;
}
.carousel-image {
display: block;
max-width: 350px;
max-height: 260px;
top: 50%;
transform: translateY(-50%);
margin: 2px;
}
.carousel.is-fullscreen .carousel-image {
margin-right: 10px;
max-height: 80%;
max-width: 100%;
background-color: white;
}
.carousel-nav .carousel-image {
max-height: 60px;
max-width: 80px;
width: auto;
height: auto;
margin-right: 15px;
margin-left: 0px;
opacity: 0.75
}
.carousel-nav .carousel-image.is-nav-selected {
border-bottom: 3px solid #444;
z-index: 1;
max-height: 75px;
max-width: 90px;
width: auto;
height: 70px;
margin-left: -10px;
object-fit: contain;
object-position: center;
opacity: 1
}
#bg-elextra {
/*background-image: url('/websider/backgrounds/Wallpaper_Elextra_januar_sale.jpg');*/
background-color: #ffffff;
background-repeat: repeat-y; /*no-repeat|repeat-x|repeat-y*/
background-position: left top;
background-size: contain; /*auto|cover|contain*/ }
#bg-helmholt {
/*background-image: url('/websider/backgrounds/Wallpaper_Elextra_januar_sale.jpg');*/
background-color: #ffffff; /*#d5d5e9;*/
background-repeat: no-repeat; /*no-repeat|repeat-x|repeat-y*/
background-position: left top;
background-size: contain; /*auto|cover|contain*/}
h1 { font-size: 20px; font-weight: normal; color: #333333; margin: 2px 0 2px 0; padding: 0; border: 0 }
h2 { font-size: 16px; color: #333333; margin: 2px 0 2px 0; padding: 0; border: 0 }
h3, h4 { font-size: 14px; font-weight: bold; color: #333333; margin-top: 6px; margin-bottom: 6px; padding: 0; border: 0 }
h5, h6, dt { font-size: 12px; font-weight: normal; color: #666666; margin: 2px 0 2px 0; padding: 0; border: 0 }
tfoot, thead { font-size: 12px; }
a { text-decoration: none; text-align: left; cursor: pointer; outline: none; Verdana, Arial, Helvetica, sans-serif;}
a:link { text-decoration: none; outline: none; word-wrap: break-word;}
a:visited { text-decoration: none; color: #4F82C7; }
a:active { text-decoration: none; color: #4F82C7; }
a:hover { text-decoration: none; color: black; font: Verdana, Arial, Helvetica, sans-serif; }
a img, img { border: 0; }
fieldset { border: solid 1px #999; }
table { border: 0; border-collapse: collapse; border-spacing: 0px; }
span, div { text-decoration: none; text-align: left; }
hr { text-align: left; border: 0; border-top: solid 1px #999; height: 1px; }
.link-button a:active { color: #fff; }
.link-button a:visited { color: #fff; }
/* main */
.main { width: 100%; margin-top: -10px; background: url(images/container-slice.gif) repeat-y; z-index: -1 }
.main .main-inner { padding: 10px 10px 10px 0px; min-height: 400px }
.main .main-outer { background: url(images/container-bottom.gif) left bottom no-repeat }
/* content */
.main .content { padding: 0; margin: 0; float: right; display: block }
.main .content .cellpadding { border-collapse: separate; border-spacing: 5px }
/* navigation */
.navigation { float: left; width: 220px; padding: 0; margin: 0 0 5px 0; overflow: hidden; }
.loading { padding-top: 30px; background: url(images/loading.gif) no-repeat center top }
/* printing */
a.print { background: white url(images/0075-printer.png) no-repeat center center; width: 32px; height: 32px; font-size: 0 }
a.print:hover { text-decoration: none }
/* specific eshop classes */
.textTitleLeftAlign { font-size: 12px; Color: #333333; font-weight: bold; font-style: normal; text-align: left }
.textTitleCenterAlign { font-size: 12px; font-weight: bold; font-style: normal; text-align: center }
.textTitleRightAlign { font-size: 12px; font-weight: bold; font-style: normal; text-align: right }
.textDataLeftAlign { font-size: 12px; font-style: normal; text-align: left }
.textDataCenterAlign { font-size: 12px; font-style: normal; text-align: center }
.textDataRightAlign { font-size: 12px; font-style: normal; text-align: right }
.tableTitleLeftAlign { font-size: 12px; font-weight: bold; font-style: normal; color: black; text-align: left; background: #dadada url(images/OP_heading_slice.gif) 0 -2px repeat-x; vertical-align: middle; white-space: nowrap; height: 15px; padding: 4px; border: solid 1px #bebebe }
.tableTitleCenterAlign { font-size: 12px; font-weight: bold; font-style: normal; color: black; text-align: center; background: #dadada url(images/OP_heading_slice.gif) 0 -2px repeat-x; vertical-align: middle; white-space: nowrap; height: 15px; padding: 4px; border: solid 1px #bebebe }
.tableTitleRightAlign { font-size: 12px; font-weight: bold; font-style: normal; color: black; text-align: right; background: #dadada url(images/OP_heading_slice.gif) 0 -2px repeat-x; vertical-align: middle; white-space: nowrap; height: 15px; padding: 4px; border: solid 1px #bebebe }
.tableDataLeftAlign { font-size: 12px; font-weight: normal; font-style: normal; color: black; text-align: left; border-left: dotted 1px #d0d0d0; border-right: dotted 1px #d0d0d0; vertical-align: middle; padding: 1px 5px 1px 5px; height: 20px }
.tableDataCenterAlign { font-size: 12px; font-weight: normal; font-style: normal; color: black; text-align: center; border-left: dotted 1px #d0d0d0; border-right: dotted 1px #d0d0d0; vertical-align: middle; padding: 1px 5px 1px 5px; height: 20px }
.tableDataRightAlign { font-size: 12px; font-weight: normal; font-style: normal; color: black; text-align: right; border-left: dotted 1px #d0d0d0; border-right: dotted 1px #d0d0d0; vertical-align: middle; padding: 1px 5px 1px 5px; height: 20px }
.article_heading { color: black; font-size: 17px; font-weight: bold; vertical-align: top }
.article_ingress { color: black; font-size: 13px; font-weight: normal }
.article_ingress h2 { color: black; font-size: 15px; font-weight: bold; line-height: 1.2em; }
.article_ingress img { max-width: 310px; }
.errorinfo, .errorInfo { color: red; font-size: 12px; font-weight: bold; text-align: left }
.wideTable { width: 100% }
.dataTable { margin: 5px 0 5px 0; border-bottom: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0;}
.dataTable tr:nth-child(odd) { background-color: #f0f0f0; }
.simpleTable { margin: 5px 0 5px 0 }
.propertyTable { margin: 5px 0 5px 0 }
.articlegroup img { max-width: 120px; max-height: 90px; }
.propertyTable select { width: 165px }
.propertyTable input[type="text"] { width: 160px }
/*.propertyTable tr:nth-child(even) { background-color: #F5F5F5; }*/
/* Box classes */
.boxbackground { margin-bottom: 5px }
.boxheading { font-weight: bold; color: #6d6d6d; font-size: 12px; margin: 0; padding: 6px 6px 4px 6px; background: #dadada url(images/OP_heading_slice.gif) left top repeat-x }
.boxheading span.icon { position: relative; float: right; }
.boxbody { padding: 5px; border-left: solid 2px #e0e0e0; border-right: solid 2px #e0e0e0; border-bottom: solid 2px #e0e0e0 }
/* Search classes */
.Search_text { width: 100%; height: 20px; font-size: 14px; margin: 3px 0 3px 0; padding: 0; white-space: nowrap }
.Search_text input { width: 158px; display: block; padding: 1px 1px 0 2px; margin: 0; float: left; height: 17px; border: solid 1px silver }
.Search_text input.button { background: white url(images/search.png) no-repeat -1px -20px; width: 52px; height: 20px; padding: 0; margin: 0; float: left; overflow: hidden; border: 0 }
.Search_text input.button:hover { background: white url(images/search.png) no-repeat -1px 0px; }
.Search_text select { width: 185px; height: 20px; float: left; margin: 0; border: solid 1px silver }
/* ZpiderTree */
.zpidertree { color: #000000; white-space: nowrap; width: 100% }
/*Frontpage productbox */
#ctrl_front div.productbox { position: relative; float: left; width: 100%; overflow: visible; border: 2px dotted #bbb; border-width: 1px; Border-radius: 7px; text-align: left; }
/* articlelist (tiles), 4/row: 178px, 3/row:240px, 2/row: 368px */
#ctrl_articlelist div.product { position: relative; float: left; overflow: visible; border: 2px dotted #bbb; border-width: 1px; Border-radius: 7px; text-align: left; }
#ctrl_articlelist div.product:hover { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); background-color: #fff; }
#ctrl_articlelist div.product .property { clear: both; margin: 0px 2px 2px 2px; min-height: 22px; }
#ctrl_articlelist div.product .property Gr11 { clear: both; margin: 0px 2px 2px 2px; min-height: 22px; width:300px}
#ctrl_articlelist div.product .property label { font-size: 12px; white-space: normal; vertical-align: bottom; }
#ctrl_articlelist div.product .property span { padding: 0; float: right; border: none; white-space: normal; line-height: 20px;}
#ctrl_articlelist div.product .property.availableinstock { Float: left; height: 26px; font-size: 12px; }
#ctrl_articlelist div.product .pictureexists { text-align: center; min-height: 157px; display: flex; justify-content: center; align-items: center; }
#ctrl_articlelist div.product .pictureexists img { width: auto; max-height: 150px; max-width: 200px; float: none; margin: 0px; }
#ctrl_articlelist div.product .price label, .product .grossprice label { text-decoration: line-through; float: none }
#ctrl_articlelist div.product .price span, .product .grossprice span { text-decoration: line-through; font-size: 20px;}
#ctrl_articlelist div.product .addtocartitems { float: left; }
#ctrl_articlelist div.product .addtocartbutton { float: left; clear: none; padding-bottom: 0 }
#ctrl_articlelist div.product .addtoshoppinglistbutton { float: right; clear: none; min-width: 60px; width: auto; max-width: 70px; max-height: 20px; white-space: normal; font-size: 12px; font-weight: bold; padding: 9px 2px 2px 2px; border: 1px solid #C0C0C0; border-radius: 4px; background-color: #EEEEEE; }
.sortcolumns a.sortorder { padding: 0 3px 0 6px; border-left: 1px solid gray }
.sortcolumns a.sortorder.asc { font-weight: bold; padding-right: 18px; background: url(images/sortasc.gif) no-repeat right center }
.sortcolumns a.sortorder.desc { font-weight: bold; padding-right: 18px; background: url(images/sortdesc.gif) no-repeat right center }
.sortcolumns #sortlabel { float: left; padding-right: 6px }
.sortcolumns { white-space:normal; padding-top: 10px }
/* Stock icons */
.stockline { text-align: left; }
.stocktxt { width: 280px; }
#stockImage { position: absolute; margin-top: -3px; }
#campaign-icon { height: 0; position: relative; top: -40px; right: -7px; }
#campaign-icon img {height: 45px; }
/* Prices */
.bigprice { font-size: 20px; color: Red; font-weight: bold; }
.mediumprice { font-size: 14px; color: Red; font-weight: bold }
/* PurchaseList */
.purchaselist_textbox { overflow: hidden; color: #000000 }
#ctrl_purchaselist .search { padding: 5px 0 5px 0 }
#ctrl_purchaselist table { margin-top: 10px; border-bottom: solid 1px #bebebe } /* includes table.lastorder, table.purchaselist, table.sharedpurchase, table.sharedpurchase */
#ctrl_purchasecart .buttonpanel { margin-top: 10px }
/* InfoList */
.infolist_textbox { background-color: #ffffff; vertical-align: top; overflow: hidden }
.infolist_textbox img { vertical-align: middle }
/* Article_properties */
.title_whitebox { text-align: left; font-size: 14px; white-space: nowrap }
.data_whitebox { text-align: right }
.data_whitebox_bold { text-align: right; font-weight: bold }
.title_lightbox { background-color:#9CABBA; text-align:left; white-space:nowrap }
.data_lightbox { background-color:#9CABBA; color:#000000; text-align:right }
.data_lightbox_bold { background-color:#9CABBA; color:#000000; text-align:right; font-weight:bold }
.showelement { border-style: none; border-width: 0px; border-color: #c0c0c0; background-color: white; padding: 3px; border-radius: 4px; }
.showelement p { margin-top: 4px; margin-bottom: 4px }
.showelement_promoprice { font-size: 18px; Color: red; font-weight: bold; text-align: center; }
.showelement_title { font-size: 11px; color: black; font-weight: bold; margin: 0; padding: 4px; background: #dadada url(images/OP_heading_slice.gif) left bottom repeat-x }
/* login, logout, forgottenpassword */
.centerbox { position: absolute; top: 50%; left: 50%; width: 500px; height: 350px; margin: -175px 0 0 -250px; padding-right: 5px }
.centerbox .boxheading { background: url(images/module_blueheader_top_bottom.png) no-repeat right -5px; height: 30px; color: #fff; text-align: left; border-left: 1px solid #ddd }
.centerbox .boxbody { border: 0; padding: 0; margin: 0; background: url(images/module_blueheader_border_right.png) repeat-y right top; padding: 0 4px 0 0 }
.centerbox .boxbody h2 { color: #333; font: 1.6em Verdana, Arial, Helvetica, sans-serif }
.centerbox .boxbody .outer { padding: 50px 120px 50px 120px; background-color: white; margin-right: 5px; border-left: 1px solid #ddd }
.centerbox .boxbody input { margin-left: 10px; width: 120px }
.centerbox .boxbody .button { margin: 0; padding: 0 25px; width: auto }
.centerbox .boxfooter { background: url(images/module_blueheader_top_bottom.png) no-repeat right bottom; height: 10px; padding-right: 10px; }
.centerbox .boxfooter span { background: url(images/module_blueheader_top_bottom.png) no-repeat left bottom; padding: 0; height: 10px; width: 10px; margin-left: -10px; display: block }
.centerbox .boxfooter #languages { text-align: right; font-weight: normal; font-size: 12px; padding-top: 5px }
#loginarea .boxbody .outer { text-align: right }
#loginarea .boxinputrow { padding-bottom: 10px; text-align: right }
#ctl00_MainPlaceHolder_loginprofile1_SubmitButton { -webkit-appearance: none; position: relative; z-index: 99; min-width: 60px; width: auto; max-width: 130px; height: 35px; white-space: nowrap; font-size: 13px; font-weight: bold; color: white; padding: auto auto; border: 1px solid #C0C0C0; border-radius: 4px; background: #00B000; margin: 10px 0 20px 0; }
#ctl00_MainPlaceHolder_loginprofile1_ctl00 p { font-size: 13px; font-weight: normal; margin-block: 0.5em; }
#ctl00_MainPlaceHolder_loginprofile1_EmailInvalidLabel { color: red; font-size: 12px; font-weight: bold; text-align: left; }
#ctl00_MainPlaceHolder_loginprofile1_NoCustomerTypeSelectedErrorLabel { color: red; font-size: 12px; font-weight: bold; text-align: left; }
#ctl00_MainPlaceHolder_loginprofile1_EmailExistsLabel { color: red; font-size: 12px; font-weight: bold; text-align: left; }
/* article compare */
.articlecompare { overflow: hidden }
.articlecompare .empty { background: white url(images/list-large.png) no-repeat center 100px; width: 100%; padding-top: 220px; text-align: center; font-weight: bold; font-size: 14px }
.articlecompare .head { border-bottom: solid 1px #cacaca; height: 32px; margin-bottom: 10px }
.articlecompare .head h1 { float: left; line-height: 32px }
.articlecompare .head .print { float: right }
.articlecompare .property { clear: both; display: block; padding: 0 }
.articlecompare .property .title { display: block; float: none; clear: right; padding: 6px 0 3px 7px; text-align: left; border-top: 1px solid #e0e0e0; font-weight: bold }
.articlecompare .property div.column { vertical-align: top; padding: 0; overflow: hidden; float: left; margin: 0; display: block }
.articlecompare .property .column div.data{ padding: 0 7px 6px 7px; height: 100% }
.articlecompare div.removebutton { background: #f0f0f0; height: 28px; padding-top: 6px; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0 }
.articlecompare div.name .column { font-size: 13px; font-weight: bold }
.articlecompare div.picture .column img { width: 148px; }
/* article details */
.articledetails .head h2 { float: right; line-height: 32px }
.articledetails .head .print { float: right }
.articledetails .body { margin: 0 0 10px 0 }
.articledetails .body .modulearea { width: 200px; float: right; clear: right; margin-left: 10px }
.articledetails .body .pictures { padding: 0 5px 5px 0px; vertical-align: middle; }
.articledetails .body .properties { padding-left: 20px; width: 255px; vertical-align: middle }
.articledetails .body .articlecompare { padding: 10px 0; vertical-align: middle }
.articledetails .body .properties #amount { width: 30px; font-size: 10px }
.articledetails .body .properties .button { height: 22px; margin-left: 5px }
.articledetails .body .propertyline { text-align: left; clear: both; vertical-align: middle; overflow: hidden }
.articledetails .body .propertyline .title{ float: left }
.articledetails .body .priceline { text-align: left; clear: both; line-height: 20px }
.articledetails .body .priceline .save { position: relative; background-color: #e41613; border-radius: 5px; font-size: 1em; font-weight: bold; padding: 5px; color: white; font-style: normal; margin: 0px 4px 0 -2px; }
.articledetails .body .priceline .normalprice { font-size: 13px; text-decoration: line-through; }
.articledetails .description { padding: 10px 5px 10px 0 }
.articledetails .comparebutton { line-height: 40px }
/* article addon - boxed */
.articleaddonbox .boxbody { padding: 0; border-bottom: solid 1px #e6e6e6 }
.articleaddonbox .boxitem { padding: 2px 5px 2px 5px; border-bottom: solid 1px #e6e6e6; height: 45px }
.articleaddonbox .boxitem img { float:left; width: 50px; max-height: 45px; padding-right: 10px }
.articleaddonbox .boxitem #name { text-transform: uppercase; height: 29px; overflow: hidden }
.articleaddonbox .boxitem #price,
.articleaddonbox .boxitem #grossprice,
.articleaddonbox .boxitem #customerprice,
.articleaddonbox .boxitem #customergrossprice { float: left; display: inline; font-size: 11px; color: red; font-weight: bold }
.articleaddonbox .boxitem #currency { float: left; display: inline; padding-left: 3px; font-size: 11px; color: red; font-weight: bold }
.articleaddonbox .boxitem #addtocartbutton { text-align: right; float: right; font-size: 10px; color: #BB0000; font-weight: bold }
/* main content and navigation */
.content .loginprofile input { margin-left: 10px; width: 120px }
.content .loginprofile .boxbody { text-align: right; padding: 10px 50px 0 50px; background-color: white }
.content .loginprofile .boxbody .boxinputrow { text-align: right; padding-bottom: 10px }
.navigation .loginprofile .boxbody .boxinputrow { padding: 0 0 10px 0 }
.navigation .loginprofile .boxbody hr { display: none }
.systeminfo { text-align: center; height: 80px; padding-top: 50%; margin-top: -0px }
/* sortable table headers */
th a.sortorder.asc { padding-right: 18px; background: url(images/sortasc.gif) no-repeat right center }
th a.sortorder.desc { padding-right: 18px; background: url(images/sortdesc.gif) no-repeat right center }
th a.sortorder { padding-right: 18px; background: url(images/sort.gif) no-repeat right center }
/* document details */
.documentdetails { margin-right: 20px }
.documentdetails .head { border-bottom: dashed 1px #aacada; padding-bottom: 5px; margin-bottom: 10px }
.documentdetails .head h1 { color: #005694 }
.documentdetails .head h2 { color: black; font-size: 12px; font-weight: bold; margin-top: 5px }
.documentdetails .head .print { float: right; clear: both }
.documentdetails .innhold { padding-bottom: 10px }
.documentdetails .innhold .image { float: left; margin: 0 10px 10px 10px }
.documentdetails .innhold .info { text-align: right }
.documentdetails .innhold .info span { color: #787878 }
.documentdetails .innhold .description { padding-top: 10px }
.documentdetails .download { background: #fafafa url(images/download_doc.png) no-repeat 0 0; border-top: dashed 1px #cacaca; height: 100px; margin: 15px 0 15px 0; padding: 20px 0 20px 120px }
.documentdetails .download div { color: #787878; margin-bottom: 5px }
.documentdetails .download .title { color: black; font-size: 16px; font-weight: bold; margin-bottom: 15px }
/* document list */
div.documentlist { margin: 0 20px 0 0; clear: both }
.documentlist .search { text-align:left; width: 100%; padding-bottom: 10px; margin: 0 }
.documentlist .item { margin: 5px 0 5px 0; border-top: dashed 1px #aacada; padding-top: 5px }
.documentlist .item .image { width: 90px; height: 80px; float: left; overflow: hidden; margin-right: 20px }
.documentlist .item .image img { height: 80px }
.documentlist .item h1 { color: #005694 }
.documentlist .item h2 { color: black; font-size: 12px; font-weight: normal; margin-top: 5px }
.documentlist .item .info span { color: #787878 }
/* debug and error*/
.debugpanel { width: 100%; height: 100%; margin: 0 auto; padding: 0 }
.debugpanel td { vertical-align: middle; text-align: center }
.debugpanel .boxbackground { width: 600px; margin: 0 auto }
.debugpanel .boxheading { font-weight: bold; color: #fff; font-size: 16px; margin: 0; padding: 65px 6px 15px 15px; background: url(images/module_smokeheader_top_bottom.png) right 1px no-repeat }
.debugpanel .boxbody { background: url(images/module_blueheader_border_right.png) repeat-y right top; padding: 0 10px 0 0; border: 0; border-left: 1px solid #ddd }
.debugpanel .boxbody .outer{ padding: 15px 15px 40px 15px; margin: 0; padding-left: 150px; background: #f0f0f0 url(images/app_128x128.png) 10px 40px no-repeat }
.debugpanel .boxfooter { background: url(images/module_smokeheader_top_bottom.png) no-repeat right bottom; height: 10px; padding-right: 10px; margin-left: 10px }
.debugpanel .boxfooter span{ background: url(images/module_smokeheader_top_bottom.png) no-repeat left bottom; padding: 0; height: 10px; width: 10px; display: block; margin-left: -10px }
.debugpanel h3 { font-weight: normal; font-size: 13px; color: #4a6277; margin: 20px 0 }
.debugpanel ul { list-style: none; margin: 20px 0 10px 0; padding: 0 }
.debugpanel li { margin: 0; padding: 2px 0 }
.debugpanel li a { font-weight: bold; font-size: 13px; color: #b80a2d }
.debugpanel .adminLink { text-align: right }
.debugpanel .adminLink li { display: inline; padding-right: 10px }
/*Orderflow*/
.orderflow-text-bold {Font-size: 14px; font-weight: Bold; }
.orderflow-text-grey {Font-size: 14px; color: #787878;}
/* payment method */
th.paymentmethod { }
fieldset.radiogroup label { display: block; padding: 0px; }
fieldset.radiogroup input { padding: 0; margin: 0 4px 0 0; height: 14px }
/* fieldsets */
fieldset.radiogroup { border: 0; padding: 0; margin: 0 }
fieldset.delimited { border-left: 0; border-right: 0; margin: 7px 0; padding: 7px 0 }
/* orderstep - delivery and invoice */
div.deliveryaddress table th, div.invoiceaddress table th { display: none }
div.invoiceaddress { float: right; padding-right: 140px; margin-bottom: 7px }
div.deliveryaddress { float: left }
div.deliveryaddress select { width: 220px }
div.buyerdetails,
div.orderdetails { float: left; clear: both; width: 40% }
/* miscelaneous */
.clearer { clear: both }
.left { float: left }
.right { float: right }
.leftalign { text-align: left }
.rightalign { text-align: right }
div#input_amount { height: 34px; width: 60px; float: left; margin: 0 4px 0 0; }
div#input_amount_change { height: 34px; width: 16px; float: right }
button#increase { height: 16px; width: 16px; padding: 0; font-size: 10px; color: #787878; border: 1px solid #C0C0C0; border-radius: 0 4px 0 0;
vertical-align: top; margin: 0 0 2px 0; }
button#decrease { height: 16px; width: 16px; padding: 0; font-size: 10px; color: #787878; border: 1px solid #C0C0C0; border-radius: 0 0 4px 0; vertical-align: top }
div#buy_button { height: 32px; float: right }
.Input_text { text-align: left }
/*.pagination { text-align: center; width: 100%; margin-top: 10px }*/
#articlediscountbox .boxbody { background-color: white }
/* watermark */
.watermark { position: relative; font-style: italic; color: #aaa; font-size: 12px; width: 0; display: block }
.watermark label { position: absolute; left: 0; top: 0; white-space: nowrap; color: #999; padding: 4px 0 0 4px }
/* maintenance mode */
div.maintenance-warning { background-color: #aa0000; padding: 5px 0; text-align: center }
div.maintenance-warning a { color: #fff; font-weight: bold; font-size: 16px }
/* buttons */
a.button { border: 0; background: url(images/button.png) no-repeat right 0; padding: 0 5px 0 0; margin: 0; display: inline-block; height: 22px; color: #000; overflow: visible; text-decoration: none; outline: 0 }
a.button span { background: url(images/button.png) no-repeat left 0; padding: 0px 5px 0px 15px; margin: 0; display: inline-block; position: relative; left: -5px; line-height: 22px }
a.button:hover, a.button:focus { background-position: right -23px; text-decoration: none; color: #000 }
a.button:hover span, a.button:focus span { background-position: left -23px }
a.button:active { background-position: right -46px; color: white }
a.button:active span { background-position: left -46px }
a.button.buy { background-image: url(images/button_blue.png) }
a.button.buy span { background-image: url(images/button_blue.png); font-weight: bold; font-style: italic; color: #fff; white-space: nowrap }
a.comparebutton { background: url(images/bubble_blue_16.png) no-repeat 0 0px; padding: 1px 0 1px 20px; overflow: hidden }
a.comparebutton.added { background-position: 0 -17px; padding-left: 20px }
/* Terms agreement */
.terms_agreement { text-align: right; }
.white-popup { position: relative; background: #FFF; padding: 10px; width: auto; max-width: 900px; }
/* tooltip - Energy label */
.Energy_class .tooltipcontainer { position: relative; display: inline-block; border-bottom: 1px dotted black; padding-bottom: 0px; }
.Energy_class .tooltipcontainer:hover .tooltip-help { visibility: visible; opacity: 1; }
.Energy_class .tooltipcontainer img { max-width: 144px; }
.Energy_class .tooltip-help { visibility: hidden; z-index: 99; background-color: #555; color: #fff; text-align: left; border: Solid 2px #fff; border-radius: 6px; box-shadow: 0px 2px 6px 6px rgba(0, 0, 0, 0.2); padding: 4px 4px 2px 4px; font-size: 12px; line-height: 1.2em; min-width: 144px; max-width: 177px; position: absolute; bottom: 115%; margin-left: -20px; opacity: 0.1; transition: opacity 3s; }
.Energy_class .tooltip-help::after { content: ""; position: absolute; top: 100%; left: 21%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #555 transparent transparent transparent; }
.Energy_class .tooltip-help a { color: #ADDDFF }
.Energy_class a { margin-left:4px; border-bottom: 1px dotted black; Height: 28px; font-size: 11px; color: #4F82C7; padding-bottom: 1px; }
#todetails { position: relative; float: right; text-align: left; margin-top: 19px; border-bottom: 1px dotted black; font-size: 11px; font-weight: bold; color: #4F82C7; cursor:pointer; padding-bottom: 2px; }
/* tooltip - Help icon */
.questionmark { width: 25px; }
.questionmark .tooltipcontainer { position: relative; display: inline-block; border-bottom: 1px dotted black;}
.questionmark .tooltipcontainer:hover .tooltip-help { visibility: visible; opacity: 1; }
.questionmark .tooltipcontainer .tooltip-help { visibility: hidden; background-color: #555; color: #fff; text-align: left; border: Solid 2px #fff; border-radius: 6px; box-shadow: 0px 2px 6px 6px rgba(0, 0, 0, 0.2); padding: 4px 4px 2px 4px; font-size: 12px; line-height: 1.2em; width: 170px; position: absolute; bottom: 115%; margin-left: -128px; opacity: 0.1; transition: opacity 3s; }
.questionmark .tooltipcontainer .tooltip-help::after { content: ""; position: absolute; top: 100%; left: 77%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #555 transparent transparent transparent; }
.questionmark .tooltipcontainer .tooltip-help a { color: #ADDDFF }
/* tooltip - Article icons */
.tooltipcontainer { position: relative; display: inline-block; border-bottom: 1px dotted black; padding-bottom: 3px; }
.tooltipcontainer:hover .tooltip-help { visibility: visible; opacity: 1; }
.tooltip-help { visibility: hidden; min-width: 170px; background-color: #555; color: white; text-align: left; border: Solid 2px #fff; border-radius: 6px; box-shadow: 0px 2px 6px 6px rgba(0, 0, 0, 0.2); padding: 4px 4px 2px 4px; font-size: 12px; line-height: 1.2em; position: absolute; bottom: 115%; margin-left: -5px; opacity: 0.1; transition: opacity 3s; }
.tooltip-help::after { content: ""; position: absolute; top: 100%; left: 20%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #555 transparent transparent transparent; }
.tooltip-help a { color: #ADDDFF }
.tooltip { display: none; background:transparent url(images/black_arrow_up.png) no-repeat; font-size:12px; height:60px; width:170px; padding: 32px 20px 28px 20px; color: #fff; overflow: hidden; }
.tooltip a { color: #ADDDFF }
.tooltip-left { visibility: hidden; background:transparent url(images/black_arrow_left.png) no-repeat; font-size:12px; height:60px; width:170px; padding: 20px 32px 28px 20px; margin-left: 8px; color: #fff; overflow: hidden; position: absolute; z-index: 1;}
.tooltip-left a { color: #ADDDFF }
.tooltip-down { display: none; background:transparent url(images/black_arrow_down.png) no-repeat; font-size:12px; height:60px; width:170px; padding: 20px 32px 33px 20px; color: #fff; overflow: hidden; }
.tooltip-down a { color: #ADDDFF }
.tooltip-right { display: none; background:transparent url(images/black_arrow_right.png) no-repeat; font-size:12px; height:90px; width:170px; padding: 13px 20px 20px 32px; margin-right: 8px; color: #fff; overflow: hidden; }
.open-popup-link { font-size: 13px; font-weight: bold; border-bottom: 1px dotted; }
.redalert-box { font-size: 12px; color: #000000; border-color: #FF7C7C; border-style: solid; border-width: 1px; border-style: dotted; background-color: #FFD7D7; padding: 0px 4px 0 4px; }
/* GLS placeholder */
#glsUpdateBtn { -webkit-appearance: none; min-width: 60px; max-width: 120px; height: 30px; font-size: 12px; font-weight: normal; padding: auto auto; border: 1px solid #C0C0C0; border-radius: 4px; background: #E0E0E0; }