/*
Jula - content.css
Tomasz Okborg
2009-05-18
Litium E-commerce, all rights reserved
*/
/* ----< Login page >---- */
form.lightboxForm { padding: 10px; position: relative; }
form.lightboxForm > div { margin-bottom: 10px; }
form.lightboxForm div label.checkbox { display: inline; margin-bottom: 0; }
form.lightboxForm .error { position: absolute; top: 43px; right: 10px; width: 140px; }
/* -------- */
/* ----< Category page >---- */
h1.category-header { font-size: 18px; color: #fff; font-weight: normal; padding: 8px 10px; margin: 0; }
h2.subcategory-header { line-height: 18px; color: #323232; font-weight: normal; margin: 0; }
h2.subnodeblock-category-header { line-height: 18px; color: #323232; font-weight: normal; margin: 0; }
div.subnodeblock-category { overflow: hidden; width: 260px; }
div.product-sort { padding: 0 2px; overflow: hidden; margin-bottom: 16px; }
div.subnodeblock-category-content { background: #fff; margin-bottom: 2px; padding: 20px; overflow: hidden; }
div.subcategory { overflow: hidden; width: 260px; }
ul.link-list { padding: 15px; }
ul.link-list li { overflow: hidden; }
ul.link-list li p { float: left; padding-right: 5px; line-height: 16px; padding-bottom: 0px; margin-bottom: 0; width:209px;}
ul.link-list li p a { color: #323232; }
ul.link-list li p.link-icon { padding-top: 4px; width:9px;}
div.banner-wrapper div { float: left; margin-right: 10px; }
div.banner-wrapper div.last { margin-right: 0; }
/* -------- */
/* ----< Product listing page >---- */
div.product-list div.right { padding: 0px 10px 7px; }
div.product-list label { color: #fff; padding-left: 5px; }
div.product-list { padding: 0 5px; overflow: hidden; margin-bottom: 1px; }
ul.product-filter { padding: 10px; overflow: hidden; margin-bottom: 10px; }
ul.product-filter li { float: left; line-height: 14px; padding-right: 10px; line-break: strict; white-space: nowrap; }
ul.product-filter li.text { float: none; clear: both; }
ul.product-filter li a { font-weight: bold; }
ul.product-filter li a.active { text-decoration: underline; }
ul.product-filter li span { padding-left: 3px; }
div.product-list-box { border: 1px solid #bebebe; padding: 10px; overflow: hidden; margin-bottom: 10px; }
div.product-list-box.JulaOffer { border: 1px solid #f40000; }
div.product-list-box div.product-image { margin-right: 10px; width: 90px; }
div.product-list-box div.product-image img { border: none; margin: auto; }
div.product-list-box div.product-information { width: 465px; position: relative; min-height: 115px; }
div.product-list-box.JulaClubPage div.product-information { width: 445px; }
div.product-list-box p.ingress { line-height: 12px; width: 300px; }
div.product-list-box div.product-information h4 { width: 375px; }
div.product-list-box p.product-description { width: 375px; line-height: 12px; overflow: hidden; padding-bottom: 0; clear: both; }
div.product-list-box span.artnbr { padding-left: 5px; }
div.product-list-box div.product-price-wrapper { top: 40px; right: 0px; }
div.product-list-box div.product-price-wrapper div.old-product-price { min-height: 12px; text-align: right; width: 80px; }
div.product-list-box div.product-price-wrapper div.product-save { min-height: 12px; text-align: right; width: 80px; }
div.product-list-box div.product-price-wrapper div.JulaOffer { min-height: 12px; color: #f40000; font-weight: bold; }
div.product-list-box div.product-price-wrapper div.buy-button { margin-top: 5px; }
/* -------- */
/* ----< Search result list page >---- */
ul.product-filter { border: 1px solid #bebebe; }
div.search-result-category-header { margin-bottom: 1px; overflow: hidden; }
div.search-result-category-header div.right { margin: 10px 10px; }
div.search-result-category-header a { font-weight: bold; color: #fff; font-size: 12px; }
/* -------- */
/* ----< Product page >---- */
div.product-image img { border: 1px solid #ccc; margin-top: 10px; margin-bottom: 0; }
div.image-scroll { clear: both; overflow: hidden; padding: 0; margin-top: 5px; }
/* root element for the scrollable. when scrolling occurs this element stays still. */
div.image-scroll div.scrollable { /* required settings */ position:relative; overflow:hidden; height: 72px; /* custom decorations */ padding:0; }
div.image-scroll div.scrollable img.left { margin: 0; border: none; }
/* root element for scrollable items. Must be absolutely positioned and it should have a super large width to accomodate scrollable items. it's enough that you set width and height for the root element and not for this element. */
div.image-scroll div.scrollable div.items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; /* decoration */ margin-left:2px; }
div.image-scroll div.scrollable div.items div.image-item { float:left; overflow: hidden; /* custom decoration */ width:72px; height: 72px; padding: 0; font-family: 'bitstream vera sans'; background-color: #fff; margin-right: 3px; }
div.image-scroll div.scrollable div.items div.image-item a { display: block; border:1px solid #ccc; overflow: hidden; }
div.image-scroll div.scrollable div.items div.image-item a.selected { border: 1px solid #000; }
/* active item */
div.image-scroll div.scrollable div.items div.active { border:1px inset #ccc; background-color:#fff; }
/* this makes it possible to add next button beside scrollable */
div.image-scroll div.scrollable { float: left; width: 226px; }
/* prev, next, prevPage and nextPage buttons */
div.image-scroll a.prev, div.image-scroll a.next, div.image-scroll a.prevPage, div.image-scroll a.nextPage { display:block; height: 72px; width: 13px; background-image:url(../images/icon/scroll-arrows.png); background-repeat: no-repeat; background-position:0px -39px; float:left; cursor:pointer; }
/* mouseover state */
div.image-scroll a.prev:hover, div.image-scroll a.prevPage:hover { background-position:-1px -181px; }
/* disabled navigational button */
div.image-scroll a.disabled { background-image: none !important; background-color: #efefef !important; }
/* next button uses another background image */
div.image-scroll a.next, div.image-scroll a.nextPage { background-image:url(../images/icon/scroll-arrows.png); background-position: -13px -39px; clear:right; }
div.image-scroll a.next:hover, div.image-scroll a.nextPage:hover { background-position:-12px -181px; }
div.product-box { overflow: hidden; margin-bottom: 20px; width: 590px; }
div.product-box div.product-information { width: 320px; }
div.product-box div.product-information h1 { margin-bottom: 5px; }
div.product-box div.product-information h1, div.product-box div.product-information p.ingress { width: 240px; }
div.product-box div.product-information div.product-price-wrapper { position: static; }
div.product-box p.product-description, div.product-box p.complete-product-description { padding-bottom: 0; }
/* Ingress och produkttexter på detaljsidan visas med 12 px */
div.product-box p.product-full-description, div.product-box p.product-description, div.product-box p.complete-product-description, div.product-box p.ingress { font-size: 12px; }
div.articlenbr-variant-wrapper { padding: 5px; background: #eaeaea; font-weight: bold; overflow: hidden; }
div.articlenbr-variant-wrapper span.variant { width: 230px; font-weight: normal; }
div.more-variants-wrapper { margin-top: 5px; padding: 5px; background: #f3f3f3; font-weight: bold; margin-bottom: 3px; }
div.more-variants-wrapper a:hover { cursor: pointer; }
div.product-box div.product-prices-wrapper { overflow: hidden; margin-top: 2px; width: 130px; }
div.product-box div.vat { font-size: 12px; color: #999; margin-top: 7px; }
div.product-box div.product-price-wrapper { overflow: hidden; float: left; }
div.product-box div.product-price { color: #000; padding: 5px 0; font-size: 28px; font-weight: bold; background: #fff; text-align: left; }
div.product-box div.product-price-special { color: #f40000; padding: 5px 0; font-size: 28px; font-weight: bold; background: #fff; text-align: left; }
div.product-box div.old-product-price { font-size: 12px; clear: both; text-align: left; padding-top: 5px; }
div.product-box div.product-save { font-size: 12px; clear: both; text-align: left; }
div.product-box div.product-buy-wrapper { width: 183px; margin-top: 27px; }
div.product-box div.product-buy-wrapper input.text { width: 20px; }
div.product-box div.buy-button { margin-top: 5px; }
div.product-box div.buy-button img { display: inline; padding-left: 7px; }
div.label-quantity-buybutton { overflow: hidden; }
div.label-quantity-buybutton span { margin-top: 13px; }
div.label-quantity-buybutton input.text { margin-top: 5px; margin-left: 2px; text-align: right; width: 20px; }
div.label-quantity-buybutton .right {margin-top:4px;}
div.quantity-buybutton { overflow: hidden; }
div.quantity-buybutton input.text { text-align: right; width: 20px; }
div.stock-status { overflow: hidden; margin-top: 4px; }
div.stock-status img { margin-top: 2px; margin-right: 2px; margin-bottom: 0px; }
form.openLightbox div.stock-status img.left { margin-left: 7px; margin-right: 0; }
form.openLightbox div.stock-status select { margin-top: 10px; }
div.stock-status img.right { margin-top: 7px; }
div.stock-status div.stock-label p { padding: 0; margin-bottom: 5px; padding-left: 3px; }
div.stock-status div.stock-link a { line-height: 12px; }
div.stock-status div.stock-link img { margin-right: 8px; }
div.product-tab .content { border-top: 1px solid #ddd; margin-top: 0; padding: 0; }
div.tab-content { padding-top: 10px; }
div.tab-content h4 { margin-bottom: 10px; }
/* < Tab - Product variants > */
div.product-variants th { border: none; }
div.product-variants td.variant-article-number { width: 10%; vertical-align: middle; }
div.product-variants td.variant-product-description { width: 36%; vertical-align: middle; }
div.product-variants td.variant-stock-status { width: 15%; vertical-align: middle; padding-left :0px; }
div.product-variants td.variant-stock-status span { margin-left: 5px; white-space: nowrap; }
div.product-variants td.variant-product-price { width: 10%; vertical-align: middle; }
div.product-variants td.variant-quantity-button { width: 29%; }
div.tab-content td { background: #eaeaea; padding: 5px; border-bottom: 1px solid #fff; vertical-align: top; }
div.tab-content tr.even td { background: #f3f3f3; }
div.product-variants td img { margin-top: 1px; }
div.product-variants td div.old-product-price { text-decoration: line-through; color: #aaa; text-align: left; }
/* */
/* < Tab - Product documents > */
div.document-tab tr:hover { text-decoration: underline; cursor: pointer }
div.document-tab td.document-type { width: 20px; text-align: center }
div.document-tab td.document-name { font-size: 14px }
div.document-tab td.document-name a { width: 550px; display: block }
/* */
/* < Tab - Product accessories > */
div.product-tab-accessory div.product-list-box div.product-buy-wrapper { width: 120px; }
div.product-tab-accessory div.product-list-box div.product-buy-wrapper img { margin-right: 5px; }
div.product-tab-accessory div.product-list-box p.ingress, div.product-tab-accessory div.product-list-box h4 { width: 340px; }
/* */
/* < Tab - Product relations > */
div.product-relation-wrapper { /* required settings */ position:relative; overflow:hidden; width: 170px; border: 1px solid #ccc; margin-bottom: 16px; /* custom decorations */ padding: 8px; }
div.product-relation-wrapper h5 { font-family: Arial, Helvetica, sans-serif; min-height: 25px; }
div.product-relation-wrapper div.scroll-product-image { text-align: center; position: relative; width: 90px; height: 90px; }
div.product-relation-wrapper div.scroll-product-image img { display: inline; }
div.product-relation-wrapper div.scroll-product-image img.brand-logo { display: block; position: absolute; bottom: 0px; left: 0px; z-index: 15; }
/* */
/* < Product tab > */
div.product-tab { clear: both; }
/* */
/* -------- */
/* ----< Order quick page >---- */
#QuickOrderForm th { border: none; font-weight: normal; }
#QuickOrderForm span { float: right; margin-left: 20px; }
/* -------- */
/* ----< Register page >---- */
div.vertical-help { width: 300px; }
div.register-content { width: 250px; }
div.register-content .error { padding-top: 0; }
fieldset.form-box { border: 1px solid #999; padding: 9px; /* Calle was here 20090614 - Fix for it not to row break in FF*/ margin-bottom: 20px; position: relative; }
fieldset.form-box legend { font-weight: bold; padding: 0 3px; }
fieldset.form-box input.text { width: 170px; }
fieldset.form-box input.person-number { width: 68px; }
fieldset.form-box select, fieldset.form-box option { width: 265px; }
div.register-content div.right { clear: both; }
/* -------- */
/* ----< My page >---- */
div.form-wrapper { overflow: hidden; }
div.form-wrapper input.text { width: 160px; }
div.form-wrapper select { width: 164px; }
div.form-wrapper a { float: left; margin-top: 10px; }
fieldset.box2 { margin: 0 15px; }
div.form-wrapper div.right { clear: both; }
/* -------- */
/* ----< My orders page >---- */
div.table-wrapper table { margin-bottom: 20px; }
div.table-wrapper table img { display: inline; }
div.table-wrapper table th, div.table-wrapper table td { vertical-align: middle; }
div.table-wrapper table td { border-bottom: 1px solid #ccc; }
div.table-wrapper td.show-order { text-align: right; }
/* ----< My orders page >---- */
div#contact .error { padding: 0; }
.tabs { overflow: hidden; margin: 0;padding:0; background-image: url(../images/layout/common/gray-8-dot.gif); background-position: bottom left; background-repeat: repeat-x; clear: both; }
.tabs li.menu-item { position: relative; overflow: hidden; float: left; margin-right: 1px; cursor: pointer; }
.tabs li .left { background-image:url(../images/layout/common/menu-button-left.png); background-position:left top; background-repeat:no-repeat; left:0; min-height:11px; padding:9px 0 7px; position:absolute; top:0; width:7px; }
.tabs li.selected .left { background-image:url(../images/layout/common/menu-button-left-active-frame.png); }
.tabs li .right { background-image: url(../images/layout/common/menu-button-right.png); background-repeat: no-repeat; background-position: top right; min-height: 11px; width: 7px; padding: 9px 0 7px 0; position: absolute; top: 0; right: 0; }
.tabs li.selected .right { background-image:url(../images/layout/common/menu-button-right-active-frame.png); }
.tabs li span.header { display: block; margin: 0 7px; padding: 7px 0; color: #fff; font-weight: bold; /*background-image: url(../images/layout/common/menu-button-center.png); background-repeat: repeat-x; background-position: top left;*/ background-color: #AAA096; text-decoration: none; }
.tabs li.selected span.header { background-color: #fff; color: #000; border-top: 1px solid #AAA096 }
div.product-tab-accessory { margin-top:0; padding-top: 10px; }
div.product-accessory-image { border:1px solid black; height:50px; width:50px; }
div.product-tab-accessory div.product-wrapper { clear:both; height:70px; border:1px solid #323232; margin-bottom:5px; padding: 5px; }
div.product-tab-accessory div.product-image-wrapper { float:left; border:1px solid black; height:70px; width:70px; }
div.product-tab-accessory div.product-image-wrapper img.product-image { height:70px; width:70px; }
div.product-tab-accessory div.product-description { float:left; width:390px; padding-left: 10px; }
div.product-tab-accessory div.product-accessory-price { float:left; }
div.product-tab-accessory div.product-wrapper div.product-buy-wrapper { margin-top:2px; overflow:hidden; text-align:right; }
div.product-tab-accessory div.product-wrapper div.product-price-wrapper { overflow:hidden; }
div.product-tab-accessory div.product-wrapper div.product-price-wrapper div.right-side {background-image:url(../images/layout/common/buy-button-right.png); background-position:right top; font-size:14px; min-width:8px; padding:1px 0 2px; }
div.product-tab-accessory div.product-wrapper div.product-price-wrapper div.product-price {background-color:#F40000; color:#FFFFFF; font-size:14px; font-weight:bold; padding:1px 0 2px; }
div.product-tab-accessory div.product-wrapper div.product-price-wrapper div.left-side {background-image:url(../images/layout/common/buy-button-left.png); background-position:left bottom; font-size:14px; min-width:8px; padding:1px 0 2px; }
div.product-tab-accessory div.product-list-box div.product-image img.brand-logo { margin-left: 104px; }
/* ----< Shopping cart page >---- */
div.shopping-cart div.text { width: 480px; }
div.store-web-info-wrapper { position: relative; overflow: hidden; /*height: 155px;*/ }
div.shopping-cart div.store-web-info { width: 300px; /* position: absolute; bottom: 0px; right: 0px; overflow: hidden;*/ background-image: url(../images/layout/common/background-shopping-cart-store-web.gif); background-position: top right; background-repeat: repeat-y; }
div.shopping-cart div.store-info, div.shopping-cart div.web-info { width: 130px; padding: 10px; }
div.shopping-cart select { margin: 5px 0; width: 120px; }
div.shopping-cart th { border-bottom: 1px solid #ccc; vertical-align: top; }
div.shopping-cart img { display: inline; }
div.shopping-cart td { padding: 5px; line-height: 20px; background-color: #fffeec; background-color: #fff; border-bottom: 1px solid #ccc; vertical-align: top; }
div.shopping-cart td.remove { width: 50px; text-align: center; }
div.shopping-cart td.quantity { width: 30px; }
div.shopping-cart td.refresh { width: 60px; text-align: center; }
div.shopping-cart td.artnbr { width: 45px; }
div.precheckout-ajax-loader { height:0; left:180px; position:relative; top:10px; z-index:1; }
/* < hover product info > */
div.hover-product-info { position: relative; width: 100%; height: 100% }
div.hover-product-info div.item-hidden { width: 150px; background-color: #ffffff; border: 1px solid #e8e9dd; padding: 15px 10px 10px 10px; position: absolute; bottom: 0px; left: -185px; display:none; -moz-box-shadow: 3px 3px 3px #999; }
div.hover-product-info div.item-hidden h4 { font-size: 12px; }
div.hover-product-info div.product-image { text-align: center; }
div.hover-product-info div.product-image img { border-color: #eee; margin-bottom: 10px; }
div.hover-product-info div.art-nbr { font-style: italic; font-weight: bold; }
div.hover-product-info div.item-hidden div.product-price-wrapper { position: static; }
/* */
div.shopping-cart td.product { width: auto; width: 170px; }
div.shopping-cart td.product a:hover { text-decoration: underline; }
div.shopping-cart .a-price { width: 40px; text-align: right; }
div.shopping-cart .store-price, div.shopping-cart .store-web { text-align: right; }
div.shopping-cart th.store-header, div.shopping-cart th.web-header, div.shopping-cart th.store-status, div.shopping-cart th.web-status, div.shopping-cart td.store-status, div.shopping-cart td.web-status { text-align: center; }
div.shopping-cart th.store-header p, div.shopping-cart th.web-header p { margin: 5px 0; }
div.shopping-cart .store-price, div.shopping-cart .web-price { text-align: right; font-weight: bold; }
div.shopping-cart td.total-header { border-bottom: none; }
div.shopping-cart td.store, div.shopping-cart td.web { width: 65px; }
div.shopping-cart td.store, div.shopping-cart th.store { background-color: #e5e3d4; }
div.shopping-cart td.web, div.shopping-cart th.web { background-color: #eaedff; }
div.shopping-cart td.total-header { text-align: right; font-weight: bold; font-size: 12px; }
div.shopping-cart td.store-save, div.shopping-cart td.store-total { text-align: right; font-weight: bold; background-color: #e5e3d4; }
div.shopping-cart td.web-save, div.shopping-cart table#precheckOut td.web-total { text-align: right; font-weight: bold; background-color: #eaedff; }
div.shopping-cart td.empty { border: none; background-color: #fff; }
div.shopping-cart td.store-button, div.shopping-cart td.web-button { text-align: center; background-color: #fff; border: none; vertical-align: top; width: 130px; }
div.shopping-cart td div.outofstock-price { text-decoration: line-through; color: #999; }
/* < Print preview > */
div.print-shoppinglist-wrapper { margin: 20px; font-size: 12px; width: 800px; position: relative; }
div.print-shoppinglist-wrapper p.bottom-list { margin-top: 10px; font-size: 12px; }
div.time-stamp { position: absolute; right: 0px; top: -20px; }
div.print-shoppinglist-wrapper table.store-info { width: 565px; }
div.print-shoppinglist-wrapper table.store-info p { margin: 0px; line-height: 14px; font-size: 11px; }
div.print-shoppinglist-wrapper div.products table { margin-bottom: 50px; width: 800px; }
div.print-shoppinglist-wrapper div.products table .a-price, div.print-shoppinglist-wrapper div.products table .price { text-align: right; }
div.print-shoppinglist-wrapper div.products table th { white-space: nowrap; }
div.print-shoppinglist-wrapper div.products table td { border-bottom: 1px solid #333; white-space: nowrap; line-height: 18px; }
div.print-shoppinglist-wrapper div.products table tr.outstock td { color: #777; font-style: italic; }
div.print-shoppinglist-wrapper div.products table td.product { border-bottom: 1px solid #333; white-space: normal; }
div.print-shoppinglist-wrapper div.products table td.empty { border: none; text-align: right; font-weight: bold; }
div.print-shoppinglist-wrapper div.products table td.save-header, div.print-shoppinglist-wrapper div.products table td.save-price { font-style: italic; color: #777; }
/* */
/* -------- */
/* ----< Cart checkout page >---- */
.step1, .step2, .step3, .step4, .step5, .step6 { position: relative; padding: 20px; overflow: hidden; background-color: #e8e9dd; border-bottom: 2px solid #fff; }
img.payment-logo { float: none; margin-left: 6px; margin-bottom: 2px; }
div.total { position: absolute; bottom: 20px; right: 20px; padding: 5px; background: #fff; border: 1px solid #999; font-weight: bold; }
#deliverymethods div { clear: both; margin-bottom: 6px; }
#precheckout_icons { float: right; margin-left: 20px; }
/* < Removed items > */
div.cart-removed-items-wrapper {width:758px; overflow: hidden; background-image: url('/media/images/layout/common/alert_backgroundhorizontal.png');}
div.cart-removed-items {display: block; border:0px;width: 758px; height: 161px; background-image: url('/media/images/layout/common/alert_background.png');}
div.cart-removed-items-table-wrapper {margin-bottom:0px; color: rgb(255, 255, 255); float: left; width: 565px; margin-top: 25px;}
div.cart-removed-items-table-wrapper h2 {font-size: 1.5em;}
div.cart-removed-items-table-wrapper p {font-size: 1.1em; margin-bottom: 10px; line-height: 1.3em;}
div.cart-removed-items-table-wrapper table#removed-items-table {margin-bottom: 10px;}
div.cart-removed-items-table-wrapper table td {border: 0px;}
div.cart-removed-items-table-wrapper table tr th {border: 0px; background-color: rgb(119, 15, 19);}
div.cart-removed-items-table-wrapper table tr td {border: 0px; background-color: rgb(137, 18, 22);}
div.cart-removed-items-bottom {color: rgb(255, 255, 255); text-align: center; display: block; width: 758px; height: 40px; background-image: url('/media/images/layout/common/alert_bottom.png'); font-size: 1.1em; margin-bottom: 10px; line-height: 1.3em;}
tr.cart-deliverydateandsum_empty td, tr.cart-deliverydateandsum td {height: 35px; background-color: rgb(232, 233, 221); border-bottom: 0px none; padding-top: 20px; }
td.cart-deliverydateandsum_empty_info {font-size:1.5em; border-bottom: 0px none;}
td.cart-deliverydateandsum_empty_sum {text-align: right;border-bottom: 0px none;}
div.cart-deliverydateandsum_info {font-weight:bold;font-size: 1.5em; height: 35px; background-color: rgb(232, 233, 221); display:inline;margin-left:5px;margin-right:55px;}
div.cart-deliverydateandsum_sum {font-weight:bold;font-size: 1.5em; height: 35px; background-color: rgb(232, 233, 221); display:inline;margin-left:5px;margin-right:25px;}
td.cart-deliverydateandsum_empty_sum div {font-weight:bold;font-size: 1.5em; height: 35px; background-color: rgb(232, 233, 221) none; display:inline;margin-left:5px;margin-right:25px;}
/* < Step 1 > */
div.cart table { background-color: #fff; margin-bottom: 40px; }
div.step1 table th, div.step1 table td { white-space: nowrap; }
div.cart table td { border-bottom: 1px solid #999; }
th.quantity { width: 40px; }
th.artnbr { width: 70px; }
th.a-price { width: 40px; }
th.status { width: 45px; }
th.price { width: 50px; }
div.step1 table td.product { white-space: normal; }
div.step1 table .a-price, div.step1 table .price { text-align: left; }
div.step1 table .web-status web { padding-left:13px; }
div.step1 table .status img { display: inline; }
div.step1 table .quantity, div.step1 table .status { text-align: center; }
div.step1 table .web-total { border: none; background-color: #ffffcc; text-align: right; font-weight: bold; padding: 10px 5px; }
/* */
/* < Step 2 > */
div.payment-information div.radio-button { margin-bottom: 15px; }
/* */
/* < Step 3 > */
div#civicnumber, div#city { margin-bottom: 23px; }
div#email, div#additionalMessage { margin-top: 23px; width: 300px; margin-left: 20px; float: left; }
div.step3 .additional-address-information { margin-top: 191px; margin-left: 10px; }
div.step3 .check-box { margin-top: 10px; }
div.step3 textarea#checkout_ordertext { float: left; }
/* */
/* < Step 4 > */
/* */
/* < Step 5 > */
.julacard-information { overflow: hidden; padding-top: 15px; clear: both; }
.julacard-information div.check-box { margin-top: 8px; }
.julacard-information div.check-box input { height: 14px; width: 14px; margin-right: 3px; margin-top: 10px; }
.julacard-information div.left { margin-right: 25px; }
label.apply-julacard-text { width: 300px; }
.company-login { overflow: hidden; padding-top: 15px; clear: both; }
.company-login .left { margin-right: 5px; }
/* */
/* < Step 6 > */
div.step6 h2 { float: left; }
div.step6 .check-box { clear: left; }
div.accept-conditions .total-information { float: right; overflow: hidden; }
div.accept-conditions .total-information span, div.accept-conditions .total-information label { float: right; }
div.accept-conditions .total-sum { padding: 5px; background: #fff; border: 1px solid #999; font-weight: bold; overflow: hidden; margin-bottom: 5px; width: 120px; float: right; }
div.accept-conditions .total-sum span { width: 51px; text-align: right; line-height: 14px; }
div.accept-conditions .other { clear: right; color: #777; font-style: italic; }
div.accept-conditions .other span { width: 50px; text-align: right; margin-right: 6px; padding-top: 1px; }
div.accept-conditions .button-list { margin-right: 0; }
/* */
/* -------- */
/* ----< DIBS page >---- */
div.personal-information { border: 1px solid #333; padding: 15px; overflow: hidden; }
div.personal-information table th, div.step1 table td { white-space: nowrap; }
div.personal-information table td.product { white-space: normal; }
div.personal-information table .a-price, div.personal-information table .price { text-align: right; }
div.personal-information table .status img { display: inline; }
div.personal-information table .quantity, div.personal-information table .status { text-align: center; }
div.personal-information table .web-total { border: none; background-color: #ffffcc; text-align: right; font-weight: bold; padding: 10px 5px; }
div.payment-creditcard { margin-top: 15px; }
div.payment-creditcard div.label-left { margin-bottom: 5px; }
div.payment-creditcard div.label-left label { width: 250px; display: block; float: left; padding-top: 3px; }
/* -------- */
/* ----< Reciept page >---- */
div.reciept table { border-bottom: 1px solid #000; margin-bottom: 20px; }
div.reciept-total { width: 178px; overflow: hidden; float: right; }
div.reciept-information { width: 580px; }
div.reciept-information p { margin-bottom: 0; }
div.reciept-information div.left { width: 25%; }
/* -------- */
/* ----< Commercial page >---- */
div.commercial { border-bottom: 1px solid #ccc; }
div.commercial < .left { width: 550px; }
div.commercial div.add { clear: both; border-top: 1px solid #ccc; padding: 15px; overflow: hidden; }
/* -------- */
/* ----< Faktura hack >---- */
/* #paymentType4 { display: none; } */
/* ----< Catalog order >---- */
.soft { color: #666; font-style:italic; }
.soft a { color: #666; font-style:italic; text-decoration: underline; }
p#catalogImage { float: left; width: 292px; }
div#catalogRight { width: 265px; float: left; margin-left: 16px; }
div#catalogRight #catalogButton { position: relative; left: -16px; overflow: visible; }
div#catalogRight hr { margin: 24px 0; padding: 0; color: #CCCCCC; background-color: #CCCCCC; }
div#catalogRight fieldset { margin-top: 12px; }
/* -------- */
/* ----< Product info pdf >---- */
div.productInfo { float: left; width: 270px; }
div.productInfo ul { margin-bottom: 16px; font-size: 12px; line-height: 16px; }
div.productInfo li { background: url(/media/images/icon/category-arrow.gif) no-repeat 0px 3px; padding-left: 16px; margin-bottom: 8px; }
/* -------- */
/* ----< Competition >---- */
#tavlingContent .small { color: #666666; }
#tavlingContent .small p { font-size: 11px; color: #666666; }
#tavlingContent form#tavling fieldset.form-box {width: 270px; }
#tavlingContent form#tavling legend { width: auto; margin-bottom: 3px; }
#tavlingContent form#tavling input { margin-bottom: 6px; }
#tavlingContent form#tavling select { margin-bottom: 6px; }
#tavlingContent form#tavling #tavlingSubmit { width: auto; margin-top: 16px; }
#tavlingContent form#tavling #tavlingIsAccepted { width: auto; margin-top: 8px; }
#tavlingContent #tavlingFeedback { font-size: 14px; line-height: 18px; color:#CC0000; font-weight: bold; width: 260px; margin: 16px 0; }
#tavlingContent #tavlingFormContainer { clear: left; }
#tavlingContent #tavlingLeft { float: left; width: 280px; }
#tavlingContent #tavlingRight { float: right; width: 180px; text-align: center; margin-right: 30px; }
#tavlingContent #tavlingRight em { font-style: italic }
/* -------- */