/* Reset ================================================================================= */
* { margin:0; padding:0; }
body {
text-align: center;
}
img { border:0; vertical-align:top; }
a { outline: none;}
a:hover { outline: none;}
:focus { outline:0; }
a:active {
outline: none;
}
/* Headings */
h1,h2,h3,
h4,h5,h6 { margin:0 0 5px; line-height:130%; }
/* Forms */
form { display:inline; }
fieldset { border:0; }
legend { display:none; }
/* Table */
table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; }
/* Content */
p { margin:0 0 10px; }
strong { }
address { font-style:normal; line-height:1.35; }
cite { font-style:normal; }
q,
blockquote { quotes:none; }
q:before,
q:after { content:''; }
small,big { }
/*sup { vertical-align:top; }*/
/* Lists */
ul,ol { list-style:none; }
/* Tools */
.hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr { white-space:nowrap !important; }
.wrap { white-space:normal !important; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.f-left,
.left { float:left !important; }
.f-right,
.right { float:right !important; }
.f-none { float:none !important; }
.f-fix { float:left; width:100%; }
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
.sp { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; height:0 !important; overflow:hidden !important; clear: both;}
/* ======================================================================================= */
/* Layout ================================================================================ */
.wrapper {
min-width: 990px;
}
.page {}
.page-print { background:#ffffff; padding:25px 30px; text-align:left; }
.page-empty { background:#ffffff; padding:20px; text-align:left; }
.page-popup { background:#ffffff; padding:20px; text-align:left; }
.main-container { background:transparent;}
.main { width:990px; margin:0 auto; min-height:400px; padding:0px 0px 0px 0px; text-align:left; }
/* Base Columns */
.col-left {
float: left;
width: 195px;
padding: 0 0 1px;
}
.col-main {
float: left;
width: 717px;
padding: 0 0 1px;
}
.col-right {
float: right;
width: 195px;
padding: 0 0 1px;
}
/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }
/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
/* 3 Columns Layout */
.col3-layout .col-main {
width: 507px;
margin-left: 15px;
}
.col3-layout .col-wrapper { float:left; width:717px; }
.col3-layout .col-wrapper .col-main { float:right; }
/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; }
.col2-set .col-2 { float:right; width:48.5%; }
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }
.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }
.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */
/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { vertical-align:middle; }
input.input-text,textarea { padding:1px; }
select { padding:0px; }
select option { padding-right:10px; }
select.multiselect option { padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; cursor:pointer; }
button.button span { display:block; height:19px; border:0; padding:0 8px; text-align:center; white-space:nowrap; }
button.button span span { border:0; padding:0; }
button.disabled span { border:0; }
/*
button.btn-checkout.no-checkout span { background-position:0 100%; }
button.btn-checkout.no-checkout span span { background-position:100% 100%; }
*/
p.control input.checkbox,
p.control input.radio { margin-right:6px; }
/*.highlight { background:#efefef; }*/
/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list li { margin:0 0 8px; }
.form-list label { float:left; position:relative; z-index:0; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
/*.form-list li.fields { margin-right:-15px; }*/
.form-list .input-box { display:block; clear:both; width:260px; }
.form-list .field { float:left; width:275px; }
.form-list input.input-text { width:254px; }
.form-list textarea { width:254px; height:10em; }
.form-list select { width:260px; }
.form-list li.wide .input-box { width:535px; }
.form-list li.wide input.input-text { width:529px; }
.form-list li.wide textarea { width:529px; }
.form-list li.wide select { width:535px; }
.form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }
.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }
.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }
.form-list .name-middlename { width:70px; }
.form-list .name-middlename input.input-text { width:49px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { width:210px; }
.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }
.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }
.buttons-set { clear:both; margin:4em 0 0; padding:8px 0 0; border-top:1px solid; text-align:right; }
.buttons-set p.required { margin:0 0 10px; }
.buttons-set .back-link { float:left; margin:0; }
.buttons-set button.button { float:right; margin-left:5px; }
.buttons-set-order { margin:10px 0 0; }
.buttons-set-order .please-wait { padding:12px 7px 0 0; }
.fieldset { border:1px solid; padding:22px 25px 12px 33px; margin:28px 0; }
.fieldset .legend { float:left; border:1px solid; margin:-33px 0 0 -10px; padding:0 8px; position:relative; }
/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0;line-height:13px; color: #c63636 }
.validation-failed { border:1px dashed #c63636 !important; background:#faebe7 !important; }
.validation-passed {}
p.required {text-align:right;}
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }
/* Global Messages */
.success { }
.error { }
.notice { }
.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px !important; }
.messages li li { margin:0 0 3px !important; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid; border-width:1px; min-height: 16px; padding:4px 8px 4px 8px; }
/* BreadCrumbs */
.breadcrumbs {line-height:1.25; margin:0 0 5px; }
.breadcrumbs li { display:inline; }
.breadcrumbs li strong { }
/* Page Heading */
.page-title { width:100%; overflow:hidden; margin:0 0 15px; }
.page-title h1,
.page-title h2 { margin:0; }
.page-title .separator { margin:0 3px; }
.page-title .link-rss { float:right; margin:7px 0 0; }
.title-buttons { text-align:right; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }
.subtitle { clear:both; padding:15px 0 0; margin:0 0 6px; }
/* Pager */
.pager {padding:4px 8px; text-align:center; }
.pager .amount { float:left; margin:0; }
.pager .limiter { float:right; }
.pager .limiter label { vertical-align:middle; }
.pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; }
.pager .pages { margin:0 140px; }
.pager .pages ol { display:inline; }
.pager .pages li { display:inline; margin:0 2px; }
.pager .pages .current {}
/* Sorter */
.sorter {padding:3px 8px; }
.sorter .view-mode { float:left; margin:0; }
.sorter .sort-by { float:right; padding-right:36px; }
.sorter .sort-by label { vertical-align:middle; }
.sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; }
.sorter .link-feed {}
/* Toolbar */
.toolbar {}
.toolbar .pager { padding:3px 8px; }
.toolbar .sorter { }
.toolbar-bottom {}
/* Data Table */
.data-table { width:100%; }
.data-table .odd { }
.data-table .even { }
/*.data-table tr.odd:hover,
.data-table tr.even:hover { background:#ebf1f6; }*/
.data-table td.last,
.data-table th.last { border-right:0; }
.data-table tr.last th,
.data-table tr.last td { }
.data-table th { padding:3px 8px; }
.data-table td { padding:3px 8px; }
.data-table thead th { padding:2px 8px; white-space:nowrap;
vertical-align:middle; }
.data-table thead th.wrap { white-space:normal; }
.data-table thead th a,
.data-table thead th a:hover { }
.data-table thead th { }
.data-table thead th .tax-flag {white-space:nowrap; }
.data-table tfoot { }
.data-table tfoot tr.first td {}
.data-table tfoot tr { }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; }
.data-table tfoot strong { }
.data-table tbody th,
.data-table tbody td {}
/* Bundle products tables */
.data-table tbody.odd tr { }
.data-table tbody.even tr { }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {}
.data-table tbody td .option-label { font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }
/* Generic Info Box */
.info-box { padding:12px 15px;
margin:0 0 15px; }
.info-box h2 { }
.info-table th { padding:2px 15px 2px 0; }
.info-table td { padding:2px 0; }
/* Shopping cart total summary row expandable to details */
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px;
background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -52px; }
tr.show-details td {}
tr.summary-details-excluded { font-style:italic; }
/* Shopping cart tax info */
.cart-tax-info { display:block; }
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { display:block; padding-right:20px; background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bkg_collapse.gif) 100% 5px no-repeat;
cursor:pointer; }
.cart-tax-info .price,
.cart-tax-total .price { display:inline !important; }
.cart-tax-total-expanded { background-position:100% -52px; }
/* Class: std - styles for admin-controlled content */
.std .subtitle { padding:0; }
.std ol.ol { list-style:decimal outside; padding-left:1.5em; }
.std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; }
.std dl dt { }
.std dl dd { margin:0 0 10px; }
/* Misc */
.links li { display:inline; }
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; padding-right:0 !important; }
.link-rss { background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; }
.btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0;
background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0;
background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.separator { margin:0 3px; }
.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0;
background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; }
/* Noscript Notice */
.noscript { border:1px solid; border-width:0 0 1px; line-height:1.25; text-align:center; }
.noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; }
.noscript p { margin:0; }
/* DEMO NOTICE */
.demo-notice {
background: none repeat scroll 0 0 #ffffff;
color: #000000;
font-size: 11px;
font-weight: bold;
line-height: 1.15;
margin: 0;
padding: 5px 5px;
text-align: center;
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
position: absolute;
top: 0;
bottom: 0;
}
/* ======================================================================================= */
/* Header ================================================================================ */
.logo { float:left; }
.header-container {}
.header { width: 100%; margin:0 auto; padding:0px; text-align:right; position:relative; z-index:10; }
.header .logo { float:left; text-decoration:none !important; }
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0;
text-indent:-999em; overflow:hidden; }
.header h1.logo, .header h2.logo { margin:0; }
.header .quick-access { float:right; }
.header .welcome-msg { }
.header .form-search {
}
.header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden; }
.header .form-search input.input-text {
float: left;
}
.header .form-search button.button { float:left; }
.header .form-search button.button span { border:0; height:21px; padding:0 0 0 0px; }
.header .form-search button.button span span { background-position:100% 0; padding:0 6px 0 3px; }
.header .form-search .search-autocomplete { z-index:999; left:40px !important; top:22px !important; }
.header .form-search .search-autocomplete ul { border:1px solid;}
.header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid; padding:2px 8px 1px 8px; cursor:pointer; }
.header .form-search .search-autocomplete li .amount { float:right; }
.header .form-language { text-align:right; }
.header .form-language label { padding-right:5px; vertical-align:middle; }
.header .form-language select { padding:0; }
.header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; }
.header .links { float:right; }
.header .links a { }
.header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; }
.header-container .top-container a { }
/* ======================================================================================= */
/********** < Navigation */
.nav-container {
}
#nav {
width: 990px;
margin: 0 auto;
padding: 0 0px;
}
/* All Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:998; }
#nav a,
#nav a:hover { display:block; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
#nav ul li.parent a { }
#nav ul li.parent li a { }
/* 0 Level */
#nav li { float:left; }
#nav li.active a { }
#nav a { float:left; }
#nav li.over a,
#nav a:hover { }
/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; }
#nav ul li.last { padding-bottom:0; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; }
#nav ul li a { }
/* 2nd Level */
#nav ul,
#nav div { position:absolute; width:15em; top:27px; left:-10000px; }
#nav div ul { position:static; width:auto; border:none; }
/* 3rd+ Level */
#nav ul ul,
#nav ul div { top:5px; }
#nav ul li a { }
#nav ul li a:hover { }
#nav ul li a,
#nav ul li a:hover { }
#nav ul span,
#nav ul li.last li span { /*padding:3px 15px 4px 15px; */}
/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:0; z-index:999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:100px; }
/*1.4.1.0*/
/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }
/* Removed this part from custommenu.css */
div.menu a:hover, div.menu.active a {
background: #039ad9;
opacity: 1.0 !important;
}
div.wp-custom-menu-popup {
border: 3px solid #039ad9;
background: #fff;
}
/*COLOR*/
div.menu a:link, div.menu a:visited,
div.menu a:hover, div.menu.active a {
color: #fff;
}
div.menu a:hover {
color: #fff;
}
a.level2:link, a.level2:visited {
color: #333333;
}
a.level2:hover {
color: #039ad9;
}
a.level1:link, a.level1:visited {
color: #454545;
}
a.level1:hover, div.wp-custom-menu-popup a.act {
color: #039ad9 !important;
}
/* End of removed this part from custommenu.css */
/* Sidebar =============================================================================== */
.block { margin:0 0 15px; }
.block .block-title { }
.block .block-title strong { display:block; min-height:16px; padding:1px 0 1px; }
.block .block-title strong span {}
.block .block-title a { }
.block .block-subtitle { margin:0; padding:5px 9px; }
.block .block-content { }
.block .block-content li.item { padding:7px 9px; }
.block .block-content .product-name { }
.block .btn-remove { float:right; margin:1px 0 2px 5px; }
.block .actions {padding:6px 9px; text-align:right; }
.block .actions a { float:left; }
.block .actions button.button { float:right; }
.block .empty { margin:0; }
/* Mini Blocks */
.block-cart,
.block-wishlist,
.block-subscribe,
.block-compare,
.block-reorder,
.block-poll,
.block-viewed,
.block-compared,
.block-related,
.block-tags,
.block-login {line-height:1.25; }
.block-cart .block-title strong,
.block-wishlist .block-title strong,
.block-subscribe .block-title strong,
.block-compare .block-title strong,
.block-reorder .block-title strong,
.block-poll .block-title strong,
.block-viewed .block-title strong,
.block-compared .block-title strong,
.block-related .block-title strong,
.block-tags .block-title strong,
.block-login .block-title strong { background-position:0 0; background-repeat:no-repeat; padding-left:0px; }
/* Mini Products List */
.mini-products-list .product-image { float:left; width:50px; border:1px solid; }
.mini-products-list .product-details { margin-left:60px; }
/* Block: Account */
.block-account { }
.block-account .block-title { border:0; padding:3px 10px; }
.block-account .block-title strong { }
.block-account .block-content { padding:7px 10px 7px; }
.block-account .block-content li a { display:block; padding:3px 0; }
.block-account .block-content li a:hover { }
.block-account .block-content li.last a { border-bottom:0; }
.block-account .block-content li.current { padding:3px 0; }
.block-account .block-content li.current.last { border-bottom:0; }
/* Block: Currency Switcher */
.block-currency { border:0; padding: 0px; height:auto; }
.block-currency .block-title { background:none; border:0; padding:0; margin:0 0 0px; }
.block-currency .block-title strong { }
.block-currency .block-content { background:none; padding:6px 0px 6px 0px; }
.block-currency .block-content select { width: auto; padding:0; display: block; margin:0; }
/* Block: Layered Navigation */
.block-layered-nav { border:0; }
.block-layered-nav dt { padding:7px 0px 0 0px; }
.block-layered-nav dd { }
.block-layered-nav dd.last { background:none; }
.block-layered-nav .currently li { padding:4px 0px 4px 0px; }
.block-layered-nav .currently .label { }
.block-layered-nav .currently .btn-remove { margin:3px 0 0; }
.block-layered-nav .actions {padding:4px 9px; text-align:right; }
.block-layered-nav .actions a { float:none; }
/* Block: Cart */
.block-cart .block-title { }
.block-cart .block-title strong { }
.block-cart .summary { padding:2px 8px 8px; margin:-1px 0 0; position:relative; z-index:1; }
.block-cart .amount { margin:0; }
.block-cart .amount a { }
.block-cart .subtotal { margin:5px 0 0; padding:2px 0; text-align:left; }
.block-cart .subtotal .price { }
.block-cart .actions { }
/* Block: Wishlist */
.block-wishlist .block-title strong { }
.block-wishlist .actions { text-align:right; }
.block-wishlist .actions a { float:none; }
/* Block: Related */
.block-related .block-title strong { }
.block-related input.checkbox { float:left; }
.block-related .product { margin-left:20px; }
/* Block: Compare Products */
.block-compare .block-title strong { }
.block-compare button.button span { }
.page-popup .link-print { background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; }
.compare-table { border:0; }
.compare-table thead tr.first th,
.compare-table thead tr.first td { border:0; background:none; padding:0; font-size:0; line-height:0; }
.compare-table .btn-remove { float:right; background-image:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/btn_remove2.gif); width:72px; height:15px; }
.compare-table tbody th,
.compare-table tbody td { padding:10px; border:0; border-top:1px solid; border-left:1px solid; }
.compare-table tbody td.last { border-right:1px solid; }
.compare-table tbody tr.last th,
.compare-table tbody tr.last td { border-bottom:1px solid; }
.compare-table tr.add-to-row td { text-align:center; }
.compare-table tr.first td { text-align:center; }
.compare-table tr.first td .product-name { margin:0 0 5px; }
.compare-table tr.first td .product-name a { }
.compare-table tr.first td .ratings { width:69px; margin:0 auto; }
.compare-table tr.first td p,
.compare-table tr.add-to-row td p { margin:0; }
/* Block: Recently Viewed */
.block-viewed .block-title strong { }
/* Block: Recently Compared */
.block-compared .block-title strong { }
/* Block: Poll */
.block-poll .block-title strong { }
.block-poll .block-subtitle { }
.block-poll label { }
.block-poll input.radio { float:left; margin:1px -18px 0 0; }
.block-poll .label { display:block; margin-left:18px; }
.block-poll li { padding:3px 9px; }
.block-poll .actions { margin:5px 0 0; }
.block-poll button.button span { }
.block-poll .answer { }
.block-poll .votes { float:right; margin-left:10px; }
/* Block: Tags */
.block-tags .block-title strong { }
.block-tags .block-content ul { padding:0px 5px 0px 5px; }
.block-tags .block-content li { display:inline; padding-right:4px; }
.block-tags .block-content a { }
.block-tags .actions { text-align:right; }
.block-tags .actions a { float:none; }
/* Block: Subscribe */
.block-subscribe .block-content { padding:5px 10px; }
.block-subscribe .block-title strong { }
.block-subscribe label { }
.block-subscribe input.input-text { display:block; width:167px; margin:3px 0; }
.block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left; }
.block-subscribe .actions button.button { float:none; }
.block-subscribe .actions button.button span { }
/* Block: Reorder */
.block-reorder .block-title strong { }
.block-reorder input.checkbox { float:left; margin:2px -20px 0 0; }
.block-reorder .product-name { margin-left:20px; }
.block-reorder .validation-advice { margin:3px 9px 7px; }
/* Block: Banner */
.block-banner { border:0; }
.block-banner .block-content { padding:0; text-align:center; }
/* Block: Login */
.block-login .block-title strong { }
.block-login .block-content { padding:5px 10px; }
.block-login label { }
.block-login input.input-text { display:block; width:167px; margin:3px 0; }
.block-login .actions { background:none; padding:0; margin:3px 0 0; }
.block-login .actions button.button span { }
/* Paypal */
.sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; }
.sidebar .paypal-logo a { float:none; }
/* ======================================================================================= */
/* Category Page ========================================================================= */
.category-title { border:0; margin:0 0 7px; }
.category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; }
.category-image img {}
.category-description { margin:0 0 10px; }
.category-products {}
/* View Type: Grid */
.products-grid { position:relative;}
.products-grid.last { border-bottom:0; }
.products-grid li.item { float:left; }
.products-grid .product-image { display:block; }
.products-grid .product-name { margin:0 0 5px; }
.products-grid .product-name a { }
.products-grid .price-box { }
.products-grid .price-box p { line-height: 100% }
.products-grid .availability { line-height:21px; }
.products-grid .actions { position:absolute; bottom:12px; }
.col2-left-layout .products-grid,
.col2-right-layout .products-grid { width:727px; margin:0 auto; }
.col1-layout .products-grid { width:790px; margin:0 auto; }
/* View Type: List */
.products-list li.item { padding:12px 10px; }
.products-list li.item.last { border-bottom:0; }
.products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; }
.products-list .product-shop { margin-left:150px; }
.products-list .product-name { margin:0 0 5px; }
.products-list .product-name a { }
.products-list .price-box { float:left; margin:3px 13px 5px 0; }
.products-list .availability { float:left; margin:3px 0 0; }
.products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; }
.products-list .desc .link-more {}
.products-list .add-to-links { clear:both; }
.products-list .add-to-links li { display:inline; }
.products-list .add-to-links .separator { display:inline; margin:0 2px; }
/* ======================================================================================= */
/* Product View ========================================================================== */
/* Rating */
.no-rating { margin:0; }
.ratings {line-height:1.25; margin:7px 0; }
.ratings strong { float:left; margin:1px 3px 0 0; }
.ratings .rating-links { margin:0; }
.ratings .rating-links .separator { margin:0 2px; }
.ratings dt {}
.ratings dd {}
.rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; }
.rating-box .rating { float:left; height:13px; background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bkg_rating.gif) 0 100% repeat-x; }
.ratings .rating-box { float:left; margin-right:3px; }
.ratings .amount {}
.ratings-table th,
.ratings-table td {line-height:1.15; padding:3px 0; }
.ratings-table th { padding-right:8px; }
/* Availability */
.availability { margin:0; }
.availability span { }
.availability.in-stock span {}
.availability.out-of-stock span { }
.availability-only { margin:10px 0 7px; line-height:16px; }
.availability-only span,
.availability-only a { border-bottom:1px dashed #751d02; cursor:help; }
.availability-only a { cursor:pointer; }
.availability-only .expanded { background-position:100% -15px; }
.availability-only strong { }
.availability-only-details { margin:0 0 7px; }
.availability-only-details th { font-size:10px; padding:0 8px; }
.availability-only-details td { border-bottom:1px solid;padding:2px 8px 1px; }
.availability-only-details tr.odd td.last { }
.product-view .product-shop .availability {}
.product-view .product-shop .availability span { }
/* Email to a Friend */
.email-friend { margin:0; }
/* Alerts */
.alert-price { margin:0;}
.alert-stock { margin:0;}
/********** < Product Prices */
.price { white-space:nowrap !important; }
.price-box { margin:5px 0; }
.price-box .price { }
/* Regular price */
.regular-price { }
.regular-price .price { }
.block .regular-price,
.block .regular-price .price { }
/* Old price */
.old-price { margin:0; }
.old-price .price-label { white-space:nowrap; }
.old-price .price { text-decoration:line-through; color:#ccc !important; }
/* Special price */
.special-price { margin:0; padding:3px 0; }
.special-price .price-label { white-space:nowrap; }
.special-price .price { }
/* Minimal price (as low as) */
.minimal-price { margin:0; }
.minimal-price .price-label { white-space:nowrap; }
.minimal-price-link { display:block; }
.minimal-price-link .label {}
.minimal-price-link .price { }
/* Excluding tax */
.price-excluding-tax { display:block; }
.price-excluding-tax .label { white-space:nowrap; }
.price-excluding-tax .price { }
/* Including tax */
.price-including-tax { display:block; }
.price-including-tax .label { white-space:nowrap; }
.price-including-tax .price { }
/* FPT */
.weee { display:block; }
.weee .price {}
/* Excl tax (for order tables) */
.price-excl-tax { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }
/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; }
/* Price range */
.price-from { margin:0; }
.price-from .price-label { white-space:nowrap; }
.price-to { margin:0; }
.price-to .price-label { white-space:nowrap; }
/* Price notice next to the options */
.price-notice { padding-left:10px; }
.price-notice .price { }
/* Price as configured */
.price-as-configured { margin:0; }
.price-as-configured .price-label { white-space:nowrap; }
.price-box-bundle { padding:0 0 10px 0; }
.price-box-bundle .price-box { margin:0 !important; padding:0 !important; }
.price-box-bundle .price { }
/********** Product Prices > */
/* Tier Prices */
.tier-prices { margin:10px 0; padding:10px; border:1px solid; }
.tier-prices li { line-height:1.4; padding:2px 0 2px 0px; }
.tier-prices .benefit { font-style:italic; }
.tier-prices .price { }
.tier-prices-grouped li { padding:2px 0; }
.tier-prices-grouped li .price { }
/* Add to Links */
.add-to-links {margin:5px 0 0; }
.add-to-links .separator { display:none; }
/* Add to Cart */
.add-to-cart label { float:left; margin-right:5px; }
.add-to-cart .qty { float:left; margin-right:5px; }
.add-to-cart button.button { float:left; }
.add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; }
/* Add to Links + Add to Cart */
.add-to-box { margin:10px 0; }
.add-to-box .add-to-cart { float:left; }
.add-to-box .or { float:left; margin:0 7px; }
.add-to-box .add-to-links { float:left; margin:0; line-height:1.25; text-align:left; }
.add-to-box .add-to-links li { display:block; }
.add-to-box .add-to-links li .separator { display:none !important; }
.product-essential { padding:25px; }
.product-essential h2 { }
.product-collateral { padding:10px 25px 10px 25px; }
.product-collateral h2 { padding:0 0 1px; margin:0 0 5px; }
.product-collateral .box-collateral { margin:0 0 25px; }
/* Product Images */
.product-view .product-img-box { float:left; width:267px; }
.col3-layout .product-view .product-img-box { float:none; margin:0 auto; }
.product-view .product-img-box .product-image { margin:0 0 13px; }
.product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; }
.product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; }
.product-view .product-img-box .zoom-notice {margin:0 0 5px; text-align:center; }
.product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; cursor:pointer; }
.product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; }
.product-view .product-img-box .zoom #track { position:relative; height:18px; }
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/magnifier_handle.gif) 0 0 no-repeat; }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; }
.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; }
.product-view .product-img-box .more-views h2 { margin:0 0 8px; }
.product-view .product-img-box .more-views ul { margin-left:-9px }
.product-view .product-img-box .more-views li { float:left; margin:0 0 8px 9px; }
.product-view .product-img-box .more-views li a { float:left; width:56px; height:56px; overflow:hidden; }
.product-image-popup { margin:0 auto; }
.product-image-popup .nav { text-align:center; }
.product-image-popup .image { display:block; margin:10px 0; }
.product-image-popup .image-label { margin:0 0 10px; }
/* Product Shop */
.product-view .product-shop { float:right; width:330px; }
.col1-layout .product-view .product-shop { float:right; width:545px; }
.col3-layout .product-view .product-shop { float:none; width:auto; }
.product-view .product-shop .product-name { margin:0 0 5px; }
.product-view .product-shop .product-name h1 { margin:0; }
.product-view .product-shop .availability { margin:10px 0; }
.product-view .product-shop .short-description { margin:10px 0; background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bkg_divider1.gif) 0 0 repeat-x; padding:10px 0 0; }
.product-view .product-shop .price-box { margin:10px 0; }
.product-view .product-shop .add-to-links { margin:0; }
.product-view .product-shop .add-to-links { }
.product-view .product-shop .add-to-links li,
.product-view .product-shop .add-to-links li .separator { display:inline; }
.product-view .product-shop .add-to-links a { }
/* Product Options */
.product-options { margin:20px 0 0; padding:10px 15px 20px; border:1px solid; }
.product-options dt { padding:10px 0 0; }
.product-options dt label { }
.product-options dt span.required { color:#eb340a; }
.product-options dt .qty-holder { float:right; margin-right:15px; }
.product-options dt .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; }
.product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid; }
.product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; }
.product-options dd input.input-text { width:98%; }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:99%; }
.product-options dd .multiselect option { border-bottom:1px dotted; padding:2px 4px; }
.product-options ul.options-list { margin-right:5px; }
.product-options ul.options-list li { line-height:1.5; padding:2px 0; }
.product-options ul.options-list input.radio { float:left; margin-top:3px; }
.product-options ul.options-list input.checkbox { float:left; margin-top:3px; }
.product-options ul.options-list .label { display:block; margin-left:18px; }
.product-options ul.options-list label { }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.note { margin:0;}
.product-options p.required { margin-bottom:0; padding:15px 0 0; }
.product-options-bottom { padding:15px 20px; border:1px solid; border-top:0; }
.product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; }
.product-options-bottom .tier-prices li { background:0; padding:2px 0; }
.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit { }
.product-options-bottom .price-box { float:left; margin:0; padding:0; }
.col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; }
.product-options-bottom .price-label { float:left; padding-right:5px; }
.product-options-bottom .price-tax { float:left; }
.product-options-bottom .add-to-cart { float:right; }
.product-shop .product-options-bottom { margin:0 0 10px; }
.product-shop .product-options-bottom .price-box { float:none; margin:0 0 5px; }
.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }
.product-shop .product-options-bottom .price-tax { float:none; }
.product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; }
/* Grouped Product */
.product-view .grouped-items-table .price-box { margin:0; padding:0; }
/* Block: Description */
.product-view .box-description {}
/* Block: Additional */
.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td { line-height:1.25; }
/* Block: Upsell */
.product-view .box-up-sell h2 { border-bottom:0; padding:0; margin:0 0 8px; }
.product-view .box-up-sell .products-grid { width:100%; }
.product-view .box-up-sell .products-grid td { width:25%; padding:15px 10px 12px; line-height:1.6em; }
.product-view .box-up-sell .products-grid tr.last td { }
.product-view .box-up-sell .products-grid td.last { }
.product-view .box-up-sell .products-grid .product-image { text-align:center; border: 0; }
.product-view .box-up-sell .products-grid .product-image img { border: 1px solid; }
.product-view .box-up-sell .products-grid td.empty { border-right:0;}
.product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; }
/* Block: Tags */
.product-view .box-tags { margin:0; }
.product-view .box-tags h3 { }
.product-view .box-tags .product-tags { display:block; margin:0 0 15px; }
.product-view .box-tags .product-tags li { display:inline; }
.product-view .box-tags .product-tags li.first { padding-left:0; }
.product-view .box-tags .product-tags li.last { background:none; padding-right:0; }
.product-view .box-tags .form-add label { display:block; margin:0 0 5px; }
.product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; padding:0 0 0 0px; }
.product-view .box-tags .form-add input.input-text { width:299px; }
.product-view .box-tags .note { margin:3px 0 0; padding:0 0 0 0px;}
/* Block: Reviews */
.product-view .box-reviews dl { margin:15px 0; }
.product-view .box-reviews dt a,
.product-view .box-reviews dt span { }
.product-view .box-reviews dd { margin:0 0 15px; }
.product-view .box-reviews dd small { font-style:italic; }
.product-view .box-reviews .form-add { margin:15px 0 0; }
.product-view .box-reviews .form-add h3 { }
.product-view .box-reviews .form-add h3 span { }
.product-view .box-reviews .form-add h4 { }
.product-view .box-reviews .form-add .data-table td { text-align:center; }
.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }
.product-view .box-reviews .form-add .form-list .input-box { width:360px; }
.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea { width:354px; }
/* Send a Friend */
.send-friend .form-list { width:615px; overflow:hidden; }
.send-friend .form-list li { margin-right:-15px; }
.send-friend .form-list li p { margin:0 15px 0 0; }
.send-friend .form-list .field { width:315px; }
.send-friend .form-list .input-box { width:300px; }
.send-friend .form-list input.input-text,
.send-friend .form-list textarea { width:294px; }
.send-friend .form-list li.wide .input-box { width:612px; }
.send-friend .form-list li.wide textarea { width:609px; }
.send-friend .buttons-set .limit { float:right; margin:0 7px 0 0;line-height:21px; }
/* ======================================================================================= */
/* Content Styles ================================================================= */
.product-name { margin:0; }
.product-name a { }
/* Product Tags */
.tags-list { display:block; border:1px solid; padding: 5px; }
.tags-list li { display:inline !important; margin:0 4px 0 0; font-size: 14px;}
.tags-list li a { }
/* Advanced Search */
.advanced-search .form-list label { width:160px; padding-right:10px; }
.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range { float:left; clear:none; }
.advanced-search-amount { margin:0 0 10px; }
.advanced-search-summary { margin:10px 0; border:1px solid; padding:10px; }
.advanced-search-summary ul { float:left; width:49%; }
.advanced-search-summary strong { }
.advanced-search-summary p { clear:both; margin:0; }
/* CMS Home Page */
.cms-home .subtitle {}
.cms-index-index .subtitle {}
/* Sitemap */
.page-sitemap .links { text-align:right; margin:0 8px -22px 0; }
.page-sitemap .links a { position:relative; }
.page-sitemap .links a:hover { }
.page-sitemap .sitemap { margin:12px; }
.page-sitemap .sitemap a { }
.page-sitemap .sitemap li { margin:3px 0; }
.page-sitemap .sitemap li.level-0 { margin:10px 0 0; }
.page-sitemap .sitemap li.level-0 a { }
/* RSS */
.rss-title h1 { background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; }
.rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; }
/* ======================================================================================= */
/* Shopping Cart ========================================================================= */
.cart .page-title { border-bottom:0; margin:0 0 12px; }
.cart .page-title h1 { margin:10px 0 0; }
/* Checkout Types */
.cart .page-title .checkout-types li { margin:0 0 5px; }
.cart .title-buttons .checkout-types { float:right; }
.cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; }
/* Shopping Cart Table */
.cart-table th { padding:2px 10px; }
.cart-table td { padding:10px; }
.cart-table .product-name { margin:0 0 5px; }
.cart-table .item-msg { margin:5px 0; }
.cart-table tfoot td { padding:5px 10px; }
.cart-table .btn-continue { float:left; }
.cart-table td .product-name {
height: auto;
}
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { padding:25px 0 0; }
.cart .cart-collaterals .col2-set { float:left; width:605px; }
.cart .cart-collaterals .col2-set .col-2 { width:294px; }
.cart .crosssell { border:1px solid; padding:12px 15px; }
.cart .crosssell h2 { }
.cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid; }
.cart .crosssell .product-details { margin-left:90px; }
.cart .crosssell .product-name { }
.cart .crosssell li.item { margin:12px 0; }
.cart .crosssell .link-compare { }
/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .discount,
.cart .shipping { border:1px solid; padding:12px 15px; margin:0 0 18px; }
.cart .discount h2,
.cart .shipping h2 { padding:0; }
.cart .discount .buttons-set,
.cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; }
.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button { float:none; margin-left:0; }
.cart .discount h2 { }
.cart .discount .input-box { margin:8px 0 0; width:260px; }
.cart .discount input.input-text { width:254px; }
.cart .shipping h2 { }
.cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; }
/* Shopping Cart Totals */
.cart .totals { float:right; width:268px; border:1px solid; }
.cart .totals table { width:100%; margin:7px 0; }
.cart .totals td { padding:1px 15px 1px 7px; }
.cart .totals tr.last td {}
.cart .totals tfoot th { padding:5px 15px 5px 7px; }
.cart .totals tfoot td { padding-top:5px; padding-bottom:5px; }
.cart .totals tfoot th strong,
.cart .totals tfoot td strong { }
.cart .totals .checkout-types { padding:8px 15px 15px; text-align:right; }
.cart .totals .checkout-types li { clear:both; margin:10px 0; }
/* Options Tool Tip */
.item-options dt { font-style:italic; }
.item-options dd { padding-left:10px; margin:0 0 6px; }
.truncated { cursor:help; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px;
padding:8px; border:1px solid; }
.truncated .show dl { top:-20px; left:50%; }
.col-left .truncated .show dl { left:15px; top:7px; }
.col-right .truncated .show dl { left:-240px; top:7px; }
/* ======================================================================================= */
/* Checkout ============================================================================== */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods { margin:0 0 8px; }
.sp-methods dt { margin:13px 0 5px; }
.sp-methods dd {}
.sp-methods dd li { margin:5px 0; }
.sp-methods label { }
.sp-methods .price { }
.sp-methods .form-list { padding-left:20px; }
.sp-methods .form-list li { margin:0 0 8px; }
.sp-methods select.month { width:154px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }
.sp-methods .checkmo-list li { margin:0 0 5px; }
.sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; }
.sp-methods .checkmo-list address { float:left; }
.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }
.please-wait { float:right; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this {cursor:help; margin-left:10px; }
/* Tooltip */
.tool-tip { border:1px solid; padding:15px 20px; position:absolute; z-index:9999; }
.tool-tip .btn-close { margin:-9px -14px 0; text-align:right; }
.tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; }
.tool-tip .tool-tip-content { padding:5px; }
/* Gift Messages */
.gift-messages h3 { }
.gift-messages p.control { }
.gift-messages-form { position:relative; }
.gift-messages-form label { float:none !important; position:static !important; }
.gift-messages-form h4 { }
.gift-messages-form .whole-order { margin:0 0 25px; }
.gift-messages-form .item { margin:0 0 10px; }
.gift-messages-form .item .product-img-box { float:left; width:75px; }
.gift-messages-form .item .product-image { margin:0 0 7px; }
.gift-messages-form .item .number { margin:0; text-align:center; }
.gift-messages-form .item .details { margin-left:90px; }
.gift-messages-form .item .details .product-name { margin:0 0 10px; }
.gift-messages-form .item .details .form-list .field { width:255px; }
.gift-messages-form .item .details .form-list .input-box { width:240px; }
.gift-messages-form .item .details .form-list input.input-text { width:234px; }
.gift-messages-form .item .details .form-list li.wide .input-box { width:500px; }
.gift-messages-form .item .details .form-list li.wide textarea { width:494px; }
.gift-message-link {background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; }
.gift-message-link.expanded { background-position:100% -40px; }
.gift-message-row { }
.gift-message-row .btn-close { float:right; width:16px; height:16px; background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/btn_gm-close.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
/* Checkout Agreements */
.checkout-agreements li { margin:30px 0; }
.checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; border:1px solid; }
.checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; }
.checkout-agreements .agree input.checkbox { margin-right:6px; }
.checkout-agreements .agree label { }
.opc .checkout-agreements { border:1px solid; border-width:0 1px; padding:5px 30px; }
.opc .checkout-agreements li { margin:20px 0 0; }
.opc .checkout-agreements .agreement-content { padding:5px; }
.opc .checkout-agreements .agree { padding-left:6px; }
/* Centinel */
.centinel {}
.centinel .authentication { border:1px solid;}
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }
.opc .centinel { border:1px solid; border-width:0 1px 1px; padding:10px 30px; }
/* Generic Info Set */
.info-set { border:1px solid; margin:0 0 25px; padding:20px; }
.info-set h2 { margin:0 0 10px; }
.info-set h3,
.info-set h4 { }
.info-set h2 a,
.info-set h3 a,
.info-set h4 a { }
.info-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; border-bottom:1px solid; position:relative; }
.info-set h3.legend { margin:0 0 10px; }
.info-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.info-set .box { margin:0 0 15px; }
.info-set .box h2 { }
.info-set .data-table .product-name { }
.info-set .data-table .product-name a { }
.info-set .data-table .item-options { margin:5px 0 0; }
/********** Common Checkout Styles > */
/* One Page Checkout */
.block-progress { border:0; margin:0; }
.block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; }
.block-progress .block-title strong { }
.block-progress .block-content { background:none; }
.block-progress dt { line-height:1.35; border:1px solid; margin:0 0 6px; padding:2px 8px; }
.block-progress dd { border:1px solid; border-top:0; padding:8px 13px; margin:0 0 6px; }
.block-progress dt.complete { margin:0; }
.block-progress dd.complete {}
.block-progress p { margin:0; }
.opc .buttons-set { margin-top:0; padding-top:2em; }
.opc .buttons-set p.required { margin:0; padding:0 0 10px; }
.opc .buttons-set .back-link small { display:none; }
.opc .buttons-set .back-link a { }
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:21px; line-height:21px; }
.opc .ul { list-style:disc outside; padding-left:18px; }
.opc { position:relative; }
.opc li.section {}
.opc .step-title { border-width:0 1px; border-style:solid; padding:4px 8px 6px; text-align:right; }
.opc .step-title .number { float:left; border:1px solid; padding:0 4px; margin:0 5px 0 0; }
.opc .step-title h2 { float:left; margin:0; }
.opc .step-title a { display:none; float:right; }
.opc .allow .step-title { border:1px solid; border-bottom:0; cursor:pointer; }
.opc .allow .step-title .number { }
.opc .allow .step-title h2 { }
/*.opc .allow .step-title a { display:block; }*/
.opc .active .step-title { border:1px solid; padding-bottom:5px; cursor:default; }
.opc .active .step-title .number { }
.opc .active .step-title h2 { }
/*.opc .active .step-title a { display:none; }*/
.opc .step { border:1px solid; border-top:0; padding:15px 30px; position:relative; }
.opc .step .tool-tip { right:30px; }
#opc-login .buttons-set { border-top:0; }
#opc-login h3 { border-bottom:1px solid; padding-bottom:2px; }
#opc-login h4 { margin:0; }
#opc-shipping_method .buttons-set { border-top:0; }
.opc .gift-messages-form { margin:0 -30px; border:1px solid; border-width:1px 0; padding:22px 24px 22px 30px; }
.opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; }
#opc-review .step { border:0; padding:0; }
#opc-review .product-name { }
#opc-review .item-options { margin:5px 0 0; }
#opc-review .buttons-set { padding:20px 30px; border:1px solid; border-width:0 1px 1px; }
#opc-review .buttons-set p { margin:0; line-height:40px; }
#opc-review .buttons-set .please-wait { height:40px; line-height:40px; }
/* Multiple Addresses Checkout */
.checkout-progress { padding:0 90px; margin:0 0 20px; }
.checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid; padding:2px 0 0; text-align:center; }
.checkout-progress li.active { }
.multiple-checkout h2 { margin:0 0 10px; }
.multiple-checkout h3,
.multiple-checkout h4 { }
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a { }
.multiple-checkout .data-table .product-name { }
.multiple-checkout .data-table .product-name a { }
.multiple-checkout .data-table .item-options { margin:5px 0 0; }
.multiple-checkout .gift-messages { margin:15px 0 0; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; }
.multiple-checkout .col2-set,
.multiple-checkout .col3-set {border:1px solid; margin:0 0 25px; padding:20px; }
.multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; border-bottom:1px solid; position:relative; }
.multiple-checkout .col2-set h3.legend { margin:0 0 10px; }
.multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.multiple-checkout .box { margin:0 0 15px; }
.multiple-checkout .box h2 { }
.multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; }
.multiple-checkout .place-order .grand-total { float:right; height:71px; font-size:1.5em; padding:0 0 0 0px; overflow:hidden; }
.multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 0px 0 0; }
.multiple-checkout .place-order .grand-total .inner div { display:inline; }
.multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; }
.multiple-checkout .place-order .grand-total .price { }
.multiple-checkout .place-order .grand-total button.button span { }
.multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; }
/* Step 1 */
.multiple-checkout .title-buttons button.button span { }
#multiship-addresses-table td { padding:10px; }
#multiship-addresses-table tfoot td { padding:5px 10px; }
#multiship-addresses-table tfoot button.button span { }
/* Step 2 */
.multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; }
.multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; }
.multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; }
.multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; }
.multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; }
.checkout-multishipping-shipping .box-sp-methods { border:1px solid; padding:13px; position:relative; }
.checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; overflow:hidden; }
/* Step 3 */
.checkout-multishipping-billing .multiple-checkout { position:relative; }
/* ======================================================================================= */
/* Account Login/Create Pages ============================================================ */
.account-login .content { min-height:240px; padding:14px 21px; border:1px solid; border-bottom:0; }
.account-login .content h2 { margin:0 0 14px; padding:0 0 5px 0px; border-bottom:1px solid;
background-position:0 1px; background-repeat:no-repeat; }
.account-login .new-users h2 { }
.account-login .registered-users h2 { }
.account-login .buttons-set { border:1px solid; border-top:0; margin:0; padding:8px 13px;}
.account-create {}
/* Account Login/Create Pages ============================================================ */
/* My Account ============================================================================= */
.my-account .title-buttons .link-rss { float:none; margin:0; }
/********** < Dashboard */
.dashboard .welcome-msg { margin:0 8em 1.5em 0; }
.dashboard .welcome-msg p { margin:0; }
.dashboard .col2-set { margin:0 0 15px; }
/* General Box */
.box-account { border:1px solid; padding:15px; margin: 0 0 20px; }
.box-account .box-head { border-bottom:1px solid; margin:0 0 10px; text-align:right; }
.box-account .box-head h2 { float:left; margin:0;}
.dashboard .box .box-title { padding:0 0 2px; margin:0 0 8px; text-align:right; }
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 { float:left; margin:0; }
/* Block: Recent Orders */
.dashboard .box-recent .box-head h2 { }
/* Block: Account Information */
.dashboard .box-info .box-head h2 { }
.dashboard .box-info h4 { }
/* Block: Reviews */
.dashboard .box-reviews .box-head h2 { }
.dashboard .box-reviews .number { float:left; font-size:10px; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; }
.dashboard .box-reviews .details { margin-left:20px; }
.dashboard .box-reviews li.item { margin:0 0 7px; }
.dashboard .box-reviews li.item.last { margin:0; }
.dashboard .box-reviews .ratings { margin:7px 0 0; }
/* Block: Tags */
.dashboard .box-tags .box-head h2 { }
.dashboard .box-tags .number { float:left; font-size:10px; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; }
.dashboard .box-tags .details { margin-left:20px; }
.dashboard .box-tags li.item { margin:0 0 7px; }
.dashboard .box-tags li.item.last { margin:0; }
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li { display:inline; }
/********** Dashboard > */
/* Address Book */
.addresses-list h2 { }
.addresses-list h3 { }
.addresses-list address { margin:0 0 3px; }
.addresses-list p { margin:0; }
.addresses-list a { }
.addresses-list .link-remove { }
.addresses-list .separator { margin:0 3px; }
.addresses-list li.item { border:1px solid; padding:10px 13px; margin:0 0 10px; }
.addresses-list li.empty { background:none; border:0; padding:0; }
.addresses-list li.empty p { }
.addresses-list .addresses-additional li.item { background:none; border:0; padding:0; }
/* Order View */
.order-info { border:1px solid; padding:4px 8px; margin:0 0 8px; }
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info .current { }
.order-info li { margin:0 3px; }
.order-date { margin:10px 0; }
.order-info-box { border:1px solid; padding:12px 15px; margin:0 0 15px; }
.order-info-box h2 { }
.order-info-box .box-payment p { margin:0 0 3px; }
.order-info-box .box-payment th { padding-right:7px; }
.order-items { width:100%; overflow-x:auto; }
.order-items h2,
.order-items h3 { }
.order-items .product-name { }
.order-items .link-print { float:right; }
.order-items p .link-print { float:none; }
.order-gift-message { margin:15px 0; }
.gift-message dt strong { }
.gift-message dd { margin:5px 0 0; }
.order-about { margin:15px 0; }
.order-about dt { }
.order-about dd { margin:0 0 7px; }
.tracking-table { margin:0 0 15px; }
.tracking-table th { white-space:nowrap; }
.tracking-table th,
.tracking-table td { padding:1px 5px 0 0; }
.tracking-table-popup { width:100%; }
.tracking-table-popup th { white-space:nowrap; }
.tracking-table-popup th,
.tracking-table-popup td { padding:1px 8px; }
/* Order Print Pages */
.page-print .print-head { margin:0 0 15px; }
.page-print .print-head .logo { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
.page-print h1 { }
.page-print h2,
.page-print h3 { }
.page-print h2.h2 { }
.page-print .order-date { padding:0 0 10px; margin:0 0 10px; }
.page-print .col2-set { margin:0 0 10px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }
/* My Wishlist */
.my-wishlist .data-table td { padding:10px; }
.my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; }
.my-wishlist textarea { display:block; width:97%; height:109px; }
.my-wishlist .buttons-set { margin-top:2em; }
.my-wishlist .buttons-set button.button { float:none; }
#wishlist-table .add-to-links { white-space:nowrap; }
/* My Tags */
.my-tag-edit { float:left; margin:0 0 10px; }
.my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; }
#my-tags-table { clear:both; }
#my-tags-table td { padding:10px; }
#my-tags-table .add-to-links { white-space:nowrap; }
/* My Reviews */
#my-reviews-table td { padding:10px; }
.product-review .product-img-box { float:left; width:140px; }
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }
.product-review .product-img-box .label {margin:0 0 3px; }
.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; }
.product-review .product-details { margin-left:150px; }
.product-review .product-name { margin:0 0 10px; }
.product-review h3 { margin:0 0 3px; }
.product-review .ratings-table { margin:0 0 10px; }
.product-review dt { }
.product-review dd { margin:5px 0 0; }
/* Billing Agreements */
.billing-agreements .form-list li select { float:left; }
.billing-agreements .form-list li button.button { float:left; margin-left:10px; }
.billing-agreements .table-caption { }
/* ======================================================================================= */
/* Footer ================================================================================ */
.footer-container { }
.footer { width:990px; margin:0 auto; padding:0px 0px 0px; }
.footer .store-switcher { display:inline; margin:0 5px 0 0; }
.footer .store-switcher label { vertical-align:middle; }
.footer .store-switcher select { padding:0; vertical-align:middle; }
.footer a { }
.footer a:hover { }
.footer .bugs { margin:13px 0 0; }
.footer .bugs a { }
.footer .bugs a:hover { }
.footer address { margin:0 0 0px; }
.footer address a { }
.footer address a:hover { }
/*.footer ul { display:inline; }*/
.footer ul.links { display:block; }
.footer ul.links { display:inline; padding:0 7px 0 4px; }
.footer li.last { background:none !important; padding-right:0 !important; }
.footer-container .bottom-container { margin:0 0 5px; }
/* ======================================================================================= */
/* Sample Data============================================================================ */
.home-callout { margin-bottom:12px; }
.home-callout img { display:block }
.home-spot { float:left; width:470px; margin-left:20px; }
.best-selling h3 { margin:12px 0 6px 0;}
.best-selling table { border-top:1px solid; }
.best-selling tr.odd { }
.best-selling tr.even { }
.best-selling td { width:50%; border-bottom:1px solid; padding:8px 10px 8px 8px;}
.best-selling .product-img { float:left; border:2px solid; }
.best-selling .product-description { margin-left:107px; line-height:1.3em; }
.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover { }
/* ======================================================================================= */
/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* ======================================================================================= */
/* Remember Me Popup ===================================================================== */
.window-overlay { background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:1000; }
.remember-me label { float:none; margin:0 6px; }
.remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; }
.remember-me-popup h3 { background:#039ad9; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; color: #fff; }
.remember-me-popup .remember-me-popup-head { position:relative; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; }
.remember-me-popup .remember-me-popup-body { padding:10px; }
.remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:none; background:#039ad9; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }
/* Remember Me Popup ===================================================================== */
/* store switcher popup */
.header .links a.store-switcher-popup-link:link, .header .links a.store-switcher-popup-link:visited {
color: #039ad9;
font-weight: bold;
background: none;
}
.store-switcher-container,
.store-type-switcher-container{
display: none;
}
.store-switcher-overlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 1000;
background: rgba(0, 0, 0, 0.7);
top: 0;
left: 0;
}
.store-switcher-popup {
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;
margin-left: -210px;
margin-top: -311px;
background: #fff;
padding: 20px;
width: 420px;
border: 1px solid #ccc;
}
.store-type-switcher-popup {
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -150px;
background: #fff;
padding: 20px;
width: 800px;
border: 1px solid #ccc;
}
.store-switcher-popup .close-map {
position: absolute;
right: 10px;
top: 10px;
}
.store-switcher-popup .input-box {
margin-right: 2px;
}
.store-switcher-popup .input-box .validation-advice {
text-align: left;
}
.store-switcher-popup img {
margin: 0 auto;
display: block;
}
.store-switcher-popup input {
padding: 3px;
color: #039ad9;
}
.store-switcher-popup p {
color: #039ad9;
font-size: 12px;
line-height: 1;
margin-top: 20px;
text-align: left;
}
.store-switcher-popup .location-pin {
vertical-align: top;
font-size: 18px;
font-weight: bold;
color: #039ad9;
position: absolute;
text-shadow: 1px 1px 1px #ccc;
}
.store-switcher-popup .location-pin img {
display: inline;
}
.store-switcher-popup .berlin-pin {
top: 148px;
left: 312px;
}
.store-switcher-popup .hamburg-pin {
top: 100px;
left: 187px;
}
.store-switcher-popup .muenchen-pin {
top: 418px;
left: 256px;
}
.store-switcher-popup .leipzig-pin {
top: 225px;
left: 285px;
}
.store-switcher-popup .koeln-pin {
top: 252px;
left: 16px;
}
.store-switcher-popup .duesseldorf-pin {
top: 248px;
left: 120px;
}
.store-switcher-popup .hannover-pin {
/*to be removed*/
display: none;
top: 158px;
left: 182px;
}
.store-switcher-popup .frankfurt-pin {
top: 300px;
left: 142px;
}
.store-switcher-popup .mainz-pin {
/*to be removed*/
display: none;
top: 310px;
left: 70px;
}
.store-switcher-popup .big,
.store-type-switcher-popup .big{
font-size: 16px;
margin: 0;
}
.store-switcher-popup .grey,
.store-type-switcher-popup .grey{
margin: 0;
color: #696969;
}
.checkout-cart-index #shopping-cart-table td .price-with-tax .price {
font-weight: normal !important;
}
.private-popup {
width: 100%;
height: 100%;
position: absolute;
z-index: 1002;
top: 0;
left: 0;
}
.private-popup-box {
width: 70%;
height: auto;
background: #fff;
border: 1px solid #ccc;
margin: 0 auto;
margin-top: 200px;
padding: 20px 10px;
}
.private-popup-box h1 {
font-size: 16px;
color: #696969;
text-align: left;
border-bottom: 1px solid #ccc;
}
.private-popup-box .buttons {
padding: 30px 20px 10px;
}
.private-popup-box .buttons .firmen {
float: left;
}
.private-popup-box .buttons .private {
float: right;
}
.private-popup-box .buttons a {
background: #039ad9;
color: #fff;
line-height: 13px;
font-size: 10px;
padding: 5px 10px;
}
.private-popup-box .buttons a.private {
background: #696969;
}
.private-popup-box .buttons a span {
text-decoration: underline;
font-weight: bold;
}
.private-popup-box .buttons a:hover {
background: #696969;
}
.private-popup-box .buttons a.private:hover {
background: #039ad9;
}
.private-popup-box .buttons .clear {
clear: both;
float: none;
}
.header-container {
position: relative;
}
.top-button {
position: absolute;
right: 0;
top: 5px;
color: #ff0000 !important;
z-index: 1000;
}
.top-button span {
font-weight: bold;
text-decoration: underline;
}
.clear {
clear: both;
float: none;
}
.store-type-switcher-popup > .right {
text-align: left;
}
.store-type-switcher-popup .big {
padding-bottom: 15px;
color: #039ad9;
}
.store-type-switcher-popup .buttons {
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
}
.store-type-switcher-popup .buttons .continue-store-type {
background: #696969;
color: #fff;
padding: 3px 10px;
border-radius: 5px;
margin-left: 20px;
}
.store-type-switcher-popup > .left img {
padding-top: 24px;
}
.cart-top-name {
font-size: 10px;
line-height: 10px;
width: 100%;
text-align: center;
}
.cart-top-name > span {
color: #000;
}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }
.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }
/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://koeln.officedrink.de/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }
/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://koeln.officedrink.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://koeln.officedrink.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }
/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }
.bottom-container .widget a { padding:0 3px; }
/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }
.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://koeln.officedrink.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://koeln.officedrink.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }
.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://koeln.officedrink.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://koeln.officedrink.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }
.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://koeln.officedrink.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://koeln.officedrink.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */
.cookie-notice {
position: absolute;
top: 0;
left: 0;
z-index: 9999999999;
width: 100%;
background: rgba(0,0,0, 0.85);
}
.cookie-notice-bottom {
position: fixed;
bottom: 0;
top: auto;
}
.cookie-notice .wrapper {
width: 1000px;
margin: 0 auto;
}
.cookie-notice .wrapper .container {
display: table;
width: 100%;
}
.cookie-notice .wrapper .container > div {
display: table-cell;
vertical-align: middle;
}
.cookie-notice .wrapper .container > div > p {
font-size: 12px;
color: #fff;
text-align: left;
padding: 20px 0;
margin: 0;
}
.cookie-notice .wrapper .container > div > p a.more {
color: #039ad9;
}
.cookie-notice .wrapper .container > div a.close {
background: #039ad9 !important;
padding: 4px 7px 4px 7px !important;
color: #fff !important;
width: auto;
white-space: nowrap;
border-radius: 3px;
font-size: 12px;
}
.grecaptcha-badge {
display: none;
}
/**
* Der Modulprogrammierer - Vinai Kopp, Rico Neitzel GbR
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* @category DerModPro
* @package DerModPro_BasePrice
* @copyright Copyright (c) 2009 Der Modulprogrammierer - Vinai Kopp, Rico Neitzel GbR http://der-modulprogrammierer.de/
* @copyright Copyright (c) 2012 Netresearch GmbH
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
*/
.baseprice-box {
clear: both;
}
.products-grid .baseprice-box {
position: absolute;
bottom: 85px;
}
a:focus { outline: none; }
highlight {
color: #FF2F00 !important;
/* font-size: 115%;*/
font-weight: bold;
}
.reset-button{
position: absolute;
border: 0px;
height:30px;
width: 16px;
background-color: transparent;
padding: 0px 6px 6px 2px;
z-index: 100;
margin-top: 2px;
color: #DE5400;
font-size: 10pt;
cursor: pointer;
vertical-align: baseline;
line-height: 16px;
}
@-moz-document url-prefix()
{
.reset-button{margin-top: 0px;}
}
input.spinner, input.spinner:focus {
background-repeat: no-repeat !important;
background-position: right center;
background-image: url(https://koeln.officedrink.de/skin/frontend/default/grayscale/css/mageworx/images/spinner.gif) !important;
}
.s_separator{
border-top: 1px solid #AAA;
}
.s_separator:first-child{
border-top: none;
}
#search_autocomplete{
left: -9px !important;
top: 30px !important;
z-index: 999;
}
.searchautocomplete-container{
float: right;
margin-top: -1px;
}
.search-container .span_item{
padding-left: 4px;
}
.searchautocomplete-search{
background-color: white;
border-radius: 8px;
border: 1px solid #CCCCCC;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
font: 11px Arial,Helvetica,sans-serif;
padding-top: 10px;
background: #FAFAFA;
display: block;
font-size: 11px;
line-height: 140%;
overflow: hidden;
position: relative;
}
.search-results{
clear: both;
display: block;
text-align: left;
padding-left: 3px;
}
.search-header {
margin: 0;
text-align: left;
padding: 0px 0px 0px 5px;
height: 25px;
line-height: 25px;
font-weight: bold;
color: #999999;
font-size: 15px;
letter-spacing: 0px;
clear: both;
}
.s_item{
width: 420px;
float: left;
padding-left: 5px;
padding-right: 5px;
}
.s_item:hover{
background-color:#EDF1FF;
cursor:default;
}
.s_item a:link,
.s_item a:hover,
.s_item a:visited {
color: #2F2F2F;
text-decoration: none;
}
.s_icon{
float: left;
height: auto;
display: table-cell;
margin-right: 5px;
}
.s_details{
text-align: left;
display: table-cell;
padding-bottom: 10px;
}
.s_description{
font-size: 11px;
}
.s_item_name{
font-weight: bold;
height: auto !important;
min-height: 15px;
height: 15px;
overflow: auto;
}
.s_item_name span{
float: left;
}
.s_review{
clear: both;
}
.s_ratings {
font-size: 11px;
line-height: 1.25;
margin: 7px 0;
width: 70px;
margin-top: 0px;
margin-bottom: 0px;
display: block;
}
.s_item_name .a_review {
color: #1E7EC8 !important;
}
.s_sku {
font-size: 10px;
}
.searchautocomplete-search .s_button button.button span {
background: none repeat scroll 0 0 #F18200;
border: 1px solid #DE5400;
color: white;
display: block;
font: bold 12px/19px Arial,Helvetica,sans-serif;
height: 19px;
padding: 0 8px;
text-align: center;
white-space: nowrap;
}
.s_category {
margin: 6px 2px;
padding: 4px 2px 4px 2px;
white-space: nowrap;
cursor: pointer;
float: left;
}
.s_category a{
color: #2F2F2F;
text-decoration: none;
}
.resultbox-b {
height: 16px;
text-align: right;
font-weight: bold;
font-size: 13px;
margin: 0 4px 4px 4px;
clear: both;
}
.resultbox-b a,
.resultbox-b a:link,
.resultbox-b a:visited,
.resultbox-b a:hover {
color: #999999;
text-decoration: none;
}
#search_autocomplete .s_button button.button{
position: relative !important;
background-image: none !important;
background: #333 !important;
float: none !important;
width: auto !important;
margin-left: 0px !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
#search_autocomplete .s_button button.button span{
display: block !important;
background-image: none !important;
font-weight: normal !important;
font-size: 11px !important;
}
#search_autocomplete .s_button button.button span:hover{
display: block !important;
background-image: none !important;
}
#search_autocomplete .s_button button.button:hover{
background: #039ad9 !important;
background-image: none !important;
}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* @category Symmetrics
* @package Symmetrics_StockIndicator
* @author symmetrics gmbh <info@symmetrics.de>
* @author Andreas Timm <at@symmetrics.de>
* @author Ngoc Anh Doan <nd@symmetrics.de>
* @copyright 2010 symmetrics gmbh
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
* @link http://www.symmetrics.de/
*/
/**
* StockIndicator styles
*
* @category Symmetrics
* @package Symmetrics_StockIndicator
* @author symmetrics gmbh <info@symmetrics.de>
* @author Andreas Timm <at@symmetrics.de>
* @author Ngoc Anh Doan <nd@symmetrics.de>
* @copyright 2010 symmetrics gmbh
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
* @link http://www.symmetrics.de/
*/
.stock-indicator-wrapper { padding: 5px }
.stock-indicator { margin: 0px }
.stock-indicator.horizontal {
width: 33px;
height: 11px;
background: url(https://koeln.officedrink.de/skin/frontend/default/default/images/stockindicator/sprite_vertical.gif) repeat-x;
}
.stock-indicator.vertical {
width: 11px;
height: 33px;
background: url(https://koeln.officedrink.de/skin/frontend/default/default/images/stockindicator/sprite_horizontal.gif) repeat-y;
}
.yellow.horizontal { background-position: 0 -11px; }
.green.horizontal { background-position: 0 -22px; }
.yellow.vertical { background-position: -11px 0; }
.green.vertical { background-position: -22px 0; }
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* @category Symmetrics
* @package Symmetrics_TrustedRating
* @author symmetrics gmbh <info@symmetrics.de>
* @author Yauhen Yakimovich <yy@symmetrics.de>
* @copyright 2010 symmetrics gmbh
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
* @link http://www.symmetrics.de/
*/
div.trustedrating-widget {
vertical-align: middle;
text-align: center;
margin-bottom: 14px;
}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* @category Symmetrics
* @package Symmetrics_TweaksGerman
* @author symmetrics - a CGI Group brand <info@symmetrics.de>
* @author Torsten Walluhn <torsten.walluhn@cgi.com>
* @copyright 2012 symmetrics - a CGI Group brand
*/
.checkout-onepage-index #checkout-review-submit p.f-left {
display: none;
}
.checkout-onepage-index .data-table .even ,
.checkout-onepage-index .data-table .odd,
.checkout-multishipping-overview .data-table .even,
.checkout-multishipping-overview .data-table .odd {
background-color: #DEE5E8;
}
#custommenu {
position: relative;
font-size: 12px;
/*padding: 1px 0px 0px 5px;*/
padding: 12px 0px 0px 70px;
/*width: 945px;*/
width:930px;
}
/*IE7 fix*/
*:first-child+html #custommenu {
z-index: 998;
}
div.menu {
float: left;
padding: 0px 0px 2px 0px;
margin: 0px 0px 0px 0px;
height: 26px;
_width: 0px; /*IE6*/
_padding: 0px 0px 0px 0px;
_background: none;
}
div.menu a:link, div.menu a:visited {
display: block;
height: 23px;
padding-left: 15px;
padding-right: 15px;
}
div.menu a span {
display: block;
height: 20px;
padding-right: 0px;
padding-top: 6px;
}
div.menu a span:hover {
cursor: pointer;
}
div.wp-custom-menu-popup {
position: absolute;
z-index: 3000;
display: none;
text-align: left;
padding: 0px 10px 10px 15px;
_width: 0px; /*IE6*/
_margin-top: -3px;
border-radius: 0px 0px 3px 3px;
border-top: 0;
}
div.menu a, div.wp-custom-menu-popup a {
text-decoration: none;
display:block;
cursor: pointer;
_height: 0;
height: auto;
line-height:13px;
padding: 2px 0px 2px 0px;
}
div.block2 {
display: block;
padding-top: 10px;
}
div.block2 p {
margin-bottom: 3px;
line-height: 120%;
color: #000;
font-size: 11px;
}
div.block2 p a {
display: inline;
}
div.column {
float: left;
width: 150px; /* column width */
padding: 0px;
margin: 0px 10px 0px 0px;
}
div.itemSubMenu {
margin-left: 0px;
}
.clearBoth {
clear:both;
height: 0;
overflow: hidden;
}
a.level1:link, a.level1:visited {
margin-top: 10px;
}
div.level1 {
margin-bottom: 5px;
}
/*BG*/
#custommenu {
/*background: #1e5799;
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); */
}
/*FONTS*/
div.menu {
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
font-family: Tahoma;
}
a.level1:link, a.level1:visited {
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
}
a.level2:link, a.level2:visited {
font-weight: normal;
font-size: 12px;
}
/*TITLES COLORS*/
body {
color: #696969; /*text color*/
font-family: Helvetica, Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
color: #039ad9; /*all titles color*/
}
a:link, a:visited {
color:#313131; /*all links color*/
}
/* Reset ================================================================================= */
* {
margin:0;
padding:0;
}
a, a:active {
outline: none;
}
body {
background: #fff;
font: 11px/1.55 Helvetica, Tahoma, Helvetica, Arial, sans-serif;
text-align: center;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:none;
opacity: 0.8;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Tahoma, Helvetica, Arial, sans-serif;
}
h1, .page-title h1, .page-title h2 {
font-family: Helvetica, Tahoma, Helvetica, Arial, sans-serif;
font-size: 36px;
font-weight: normal;
}
.product-view .product-shop .product-name h1, .category-title h1 {
font-family: Helvetica, Tahoma, Helvetica, Arial, sans-serif;
font-size: 36px;
font-weight: normal;
text-transform: none;
}
h2 {
font-size:12px;
font-weight:bold;
}
h3 {
font-size:12px;
font-weight:bold;
}
h4 {
font-size:11px;
font-weight:bold;
}
h5 {
font-size:11px;
font-weight:bold;
}
h6 {
font-size:11px;
font-weight:normal;
}
p {
margin:0 0 10px;
}
form#discount-coupon-form, form#shipping-zip-form, div.shipping h2
{
display: none;
}
a.top-link-cart
{
background:#039ad9 !important;
padding:4px 7px 4px 7px !important;
color:#fff !important;
width:auto;
white-space: nowrap;
border-radius: 3px;
}
div.home_icon
{
position: absolute;
top:117px;
margin-left: 18px;
width:18px;
height: 18px;
}
a.home:link, a.home:visited
{
width: 18px;
height:18px;
display: block;
text-indent: -999999px;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/home_icon.png) no-repeat;
}
a.home:hover, a.home:active
{
opacity: 0.8;
}
div.header_icons
{
position: absolute;
top:35px;
margin-left: 240px;
}
div.header_icon1
{
position: absolute;
top:0px;
width:150px;
height:35px;
background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/icon_grosshandel.png) no-repeat;
padding-left:40px;
z-index: 999;
text-align: left;
}
div.header_icon2
{
position: absolute;
top:0px;
margin-left: 235px;
width:150px;
height:35px;
background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/icon_rechnung.png) no-repeat;
padding-left:43px;
z-index: 999;
text-align: left;
}
div.header_icon3
{
position: absolute;
top:0px;
margin-left: 405px;
width:150px;
height:35px;
background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/icon_lieferung.png) no-repeat;
padding-left:50px;
z-index: 999;
text-align: left;
display: block;
}
div.header_icon4
{
position: absolute;
top:0px;
margin-left: 615px;
width:100px;
height:35px;
background:url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/icon_hotline.png) no-repeat;
padding-left:48px;
z-index: 999;
text-align: left;
}
div.b2b-hinweis
{
position: absolute;
top:165px;
font-style: italic;
color:#ff0000;
font-size: 13px !important;
}
/* Layout ================================================================================ */
.wrapper {
/*background: #fff url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/body_bg.jpg) repeat-y 50% 0;*/
}
.page {
width: 1000px;
margin-left: auto;
margin-right: auto;
background: #fff;
}
.main-container {
background:transparent;
clear: both;
}
.main {
/*width: 910px;*/
width: 1000px;
/*padding: 0px 20px 10px 20px;*/
padding: 0px 0px 10px 0px;
background:transparent;
}
.cms-index-index .home_page_header_block, .cms-home .home_page_header_block {
/*margin-top: 15px;*/
}
/* Base Columns */
.col-left {
float: left;
/*width: 195px;*/
width: 215px;
padding: 0;
}
.col-main {
float: left;
width: 760px;
padding: 0;
}
.checkout-onepage-index .col-main {
float: left;
width: 700px;
padding: 0;
}
.col2-right-layout .col-main {
float: left;
width: 685px;
padding: 0;
}
.col-right {
float: right;
width: 195px;
padding: 0;
}
.col2-right-layout .col-right {
float: right;
width: 195px;
padding: 0;
}
/* 1 Column Layout */
.col1-layout .col-main {
float:none;
width:auto;
}
/* 2 Columns Layout */
.col2-left-layout .col-main, .col2-right-layout .col-main {
width: 670px;
}
/* 3 Columns Layout */
.col3-layout .col-main {
/*width: 470px;*/
width: 760px;
margin-left: 0px;
}
.col3-layout .col-wrapper {
float: left;
/*width: 690px;*/
width: 1000px;
}
/* Global Styles ========================================================================= */
/*header*/
.header-container {
border: 0px;
padding: 0px 0px 10px 0px;
}
a.logo {
margin: 30px 0px 0px 0px !important;
padding: 5px 0px 0px 0px !important;
}
.nav-container {
/*background: #fff url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/menu_bg.gif) no-repeat 50% 0%;
margin: 0px 0px 10px 0px;*/
background: #fff url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/menu_bar.png) no-repeat 50% 0%;
margin: 20px 0px 40px 0px;
clear: both;
height:58px;
width:1003px;
}
#nav {
padding: 0px 0px 0px 30px;
width: 920px;
height: 28px;
}
#nav li {
padding-right: 20px;
}
#nav li a {
padding: 0px 10px 0px 10px;
}
#nav li a, #nav li a:hover {
font: 11px/28px Verdana, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
}
#nav li a {
color: #ffffff;
}
#nav li a:hover {
color: #ffffff;
}
#nav ul {
background: #3b5ea9;
border: 0;
-moz-border-radius: 0px 0px 3px 3px;
-webkit-border-radius: 0px 0px 3px 3px;
-khtml-border-radius: 0px 0px 3px 3px;
padding-bottom: 3px;
}
#nav ul li {
padding-right: 0;
}
#nav ul ul, #nav ul ul ul ul {
background: #24427f;
padding-top: 3px;
padding-bottom: 3px;
border: 0;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
}
#nav ul ul ul {
background: #24427f;
}
#nav ul li a {
padding: 4px 10px 4px 10px !important;
text-transform: none !important;
color:#ffffff;
font: 11px/11px Verdana, Helvetica, sans-serif !important;
background: none !important;
}
#nav ul li.parent a {
background: transparent url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bkg_nav2.gif) no-repeat scroll 100% 40% !important;
}
#nav ul li.parent li a {
background: none !important;
}
#nav ul li a:hover {
color: #fff !important;
background: #1bb0fe !important;
}
#nav ul ul li a:hover {
color: #fff !important;
background:#1bb0fe !important;
}
/*Form-search*/
#search_mini_form {
display: block;
margin: 0px 0px 0px 0px;
padding: 0;
position: relative;
float: right;
width: 218px;
clear: both;
}
.header .form-search {
/*width: 218px;
height: 18px;*/
height:30px;
width: 199px;
margin: 95px 0px 5px 27px;
padding: 0;
/*position: relative;*/
/*float: right;*/
position: absolute;
}
.header .form-search label {
display: none;
}
.header .form-search input.input-text {
width: 199px;
height: 30px;
/*background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/search_input.gif) no-repeat 0 0;*/
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bg_search.png) 0px -30px no-repeat;
margin: 0px 0px 0px 4px !important;
padding: 0px 0px 0px 7px;
float: left;
position: relative;
border: 0;
color: #cecece;
font:11px Arial, Helvetica, sans-serif;
text-indent: -9999px;
}
.header .form-search input.input-text:focus {
color: #777;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bg_search.png) 0px 0px no-repeat;
text-indent: 0px !important;
}
.header .form-search input.input-text:hover {
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/bg_search.png) 0px 0px no-repeat;
color: #777;
text-indent: 0px !important;
}
.header .form-search button.button {
float: right;
position: absolute;
top:8px;
width: 16px;
height: 16px;
display: block;
margin: 0;
padding: 0;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/lupe.png) no-repeat 0 0;
margin-left:178px;
}
.header .form-search button.button:hover {
opacity: 1.0;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/lupe.png) no-repeat 0 0 !important;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.header .form-search button.button span {
display: none;
}
/*header links*/
.header .quick-access {
padding: 0px 28px 0px 0px;
margin-top: 15px;
width: 600px;
position: relative;
}
.header .quick-access .switchers {
position: absolute;
top: 6px;
right: 260px;
text-align: right;
width: 350px;
}
.header .quick-access .switchers label {
display: none;
}
div.switchers * {
float: right;
clear: none !important;
padding: 0 !important;
}
div.store-switcher {
width: 130px;
text-align: left;
height: 20px;
}
div.switchers select {
min-width: 90px;
}
.header .welcome-msg {
color: #6f6f6f;
font: 11px Arial, Helvetica, sans-serif;
/*float: right;*/
margin: 33px 0px 5px 0px;
display: none;
}
div.top_static {
text-align: right;
margin: 0px 0px 4px 0px;
}
div.top_static p {
margin:0;
padding:0;
}
div.top_static a:link, div.top_static a:visited {
color: #5d5d5d !important;
font: 11px Arial, Helvetica, sans-serif !important;
font-weight: normal !important;
text-decoration: none !important;
padding: 0px 14px 0px 10px !important;
}
div.top_static a:hover {
color: #7b7b7b !important;
}
div.top_static a.last {
background: none !important;
padding: 0px 0px 0px 10px !important;
}
div.top_static a:hover {
text-decoration: underline !important;
}
.header .links a:link, .header .links a:visited {
color: #6f6f6f;
text-decoration: none;
font: 11px Arial, Helvetica, sans-serif;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/header_links_sp.gif) no-repeat 100% 50%;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 10px;
}
.header .links
{
position: absolute !important;
top:151px;
float: left !important;
width: auto;
right: 0;
}
div.block-viewed
{
float: left !important;
display: none;
}
/*breadvrumbs*/
.breadcrumbs {
clear: both;
margin-bottom: 15px;
padding: 5px 0 5px 0;
border-bottom: 1px solid #eee;
border-top:1px solid #eee;
}
.breadcrumbs li {
margin-right: 5px;
color: #5d5d5d;
}
.breadcrumbs strong {
font-weight: normal !important;
}
.breadcrumbs li strong {
color: #5d5d5d;
}
.breadcrumbs span {
display: none;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
color: #9a9a9a;
text-decoration: none;
padding-right: 15px;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/breadcrumbs_sp.gif) no-repeat 100% 63%;
}
.breadcrumbs a:hover {
color: #5d5d5d;
}
/*------------------Footer-------------------*/
.footer-container {
border-top: 1px solid #ddd;
background: #fff;
border-bottom: 0px solid #ddd;
margin-top: 20px;
height:250px !important;
}
.footer {
padding:15px 10px 5px 15px;
height:250px !important;
}
.footer ul.links {
padding-bottom: 20px;
display: none;
}
.footer address {
margin-bottom: 20px;
color: #8c8e8f;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
height:30px;
line-height: 30px;
margin-top:20px;
float:left;
width:100%;
text-align: right;
}
.footer a {
color: #697073;
}
div#footer_menu1
{
float:left;
text-align: left;
width:200px;
}
div#footer_menu2
{
float:left;
text-align: left;
width:200px;
margin-left:50px;
}
div#footer_menu3
{
float:left;
text-align: left;
width:200px;
margin-left:50px;
}
/*-------------------------------------------------------SIDE BARS-----------*/
.block {
border: 1px solid #ddd;
margin: 0 0 14px;
border-radius: 3px;
box-shadow: 0px 0px 2px #eee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
padding:10px;
}
.block .block-title {
border-bottom: 0px;
padding: 0px 0px 0px 0px;
}
.block-account .block-title {
background: #fff;
}
.block-account .block-content li a, .block-account .block-content li.current strong, .block-account .block-content li.current {
border: 0 !important;
}
.block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong {
color: #474747;
}
.block .block-title strong {
color: #5d5d5d;
font: bold 12px Helvetica, sans-serif;
padding: 10px 12px 8px 12px;
text-transform: uppercase;
/*background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/block_head_line.gif) no-repeat 0 100%;*/
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
.block .block-content {
color: #babbbb;
padding: 6px 12px 6px 12px;
background: #fff;
}
.block-cart .block-content {
color: #474747;
padding:10px;
text-align: left !important;
}
.block-payment-options .block-content {
padding-left: 9px;
}
.block li.odd {
background: transparent;
}
/*shop by, category*/
.block-layered-nav .block-subtitle {
display: none;
}
.block-layered-nav .block-title {
text-indent:0em;
height: 30px;
background: transparent url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/block_head_layered-nav.gif) no-repeat scroll 8px 6px;
}
.block-layered-nav .block-title strong {
padding: 6px 4px 6px 28px;
/*background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/block_head_line.gif) no-repeat 0% 100%;*/
}
.block-layered-nav .block-content {
border: 0;
}
.block-layered-nav dt {
background: none;
font-weight: bold;
color: #039ad9;
padding: 0px 0px 3px 0px;
text-transform:none;
}
.block-layered-nav li {
padding-bottom: 2px;
color: #313438;
}
.block-layered-nav li a {
font: bold 11px/16px Tahoma, Helvetica, sans-serif;
color: #313438;
text-decoration: none;
}
.block-layered-nav li a:hover {
color: #666;
}
.block-layered-nav .currently .label {
background:none;
font-weight:bold;
padding-left:0px;
text-transform:none;
color: #888;
}
.block-layered-nav .currently .label span {
font-weight:normal;
color: #5d5d5d;
}
/*block-cart*/
.block-cart .block-title {
background: transparent url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/block_head_cart.gif) no-repeat scroll 10px 5px;
}
.block-cart .block-title strong {
padding-left: 30px;
}
.block-cart .actions {
text-align: left !important;
padding-top: 0;
}
.block-cart .actions button {
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
.block-cart .summary {
padding-bottom: 3px;
}
/*block-subscribe*/
.block-subscribe {
background: none;
display: none;
}
.block-subscribe .block-title {
background: transparent url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/block_head_signup.gif) no-repeat scroll 10px 4px;
}
.block-subscribe .block-title strong {
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/block_head_line.gif) no-repeat 0 100%;
padding-left: 32px;
}
.block-subscribe .block-content {
background: none;
padding-top: 6px;
}
.block-subscribe label {
font-family: Arial, Helvetica, sans-serif;
color:#66625b;
}
.block-subscribe input.input-text {
width: 167px;
height: 17px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #66625a;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/subscribe_input.gif) no-repeat 0 0;
border: 0;
margin: 0;
padding: 0px 0px 0px 7px;
}
.block-subscribe input.input-text:focus {
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/subscribe_input.gif) no-repeat 0 0;
}
.block-subscribe .input-box {
float: left;
position: relative;
margin: 0;
padding: 8px 0px 0px 0px;
}
.block-subscribe .actions {
float: left;
position: relative;
margin: 0;
padding: 0;
}
.block-subscribe .button {
margin: 7px 0px 0px 0px;
}
button.button:hover, button.buttonHover { /* the redundant class is used to apply the hover state with a script */
background-position: right -96px;
cursor: pointer;
}
button.button:hover span span, button.buttonHover span span {
background-position: 0 -32px !important;
color: #050000;
}
/*side-bar items*/
.block .block-content li.item {
padding:0px 0px 7px 0px;
}
.block .block-content li.item .product {
padding-bottom: 0px;
}
.block .block-content li.last .product {
padding-bottom: 8px;
border-bottom: 0;
}
.block-tags .block-content ul {
padding: 0
}
.block .block-subtitle, .block-poll li {
padding: 15px 0px 5px 0px;
}
/*side-bar prices*/
.block .regular-price, .block .regular-price .price, .old-price .price, .special-price .price-label {
color: #929292;
}
.old-price .price-label, .old-price .price {
color:#697073;
}
.special-price {
padding-top: 0;
}
.special-price .price, .special-price .price-label {
font-weight: bold !important;
color: #000 !important;
}
.special-price .price {
font:11px Tahoma, Helvetica, sans-serif;
color: #cc0000 !important;
}
/*reccently view*/
#recently-viewed-items {
margin-top: 4px;
margin-left: 0px;
}
#recently-viewed-items li {
padding-top: 1px;
padding-bottom: 2px;
}
#recently-viewed-items a {
font-weight: bold;
text-decoration: none;
color: #babbbb;
}
#recently-viewed-items a:hover {
color: #5d5d5d;
}
/*most popular, related */
.product-name a {
text-decoration: none;
}
.block-content .old-price .price-label {
display: none;
color: #697073;
font-weight: bold;
}
.block-content .special-price .price-label {
display: none;
}
.block-content .old-price .price, .block-content .special-price .price, .block .regular-price, .block .regular-price .price {
font-weight: bold;
font-size: 11px;
}
.block-content .old-price .price {
text-decoration: line-through;
color: #697073;
}
/*****************************************************************************CATALOG****************/
/*pager*/
.toolbar .pager, .toolbar .sorter {
border: none;
padding: 0px 0px 4px 0px;
}
.pager .amount, .pager .amount strong, .pager .limiter, .sorter, .sorter strong {
font-weight: normal;
color: #9a9a9a;
}
.toolbar .pager a, .toolbar .sorter a {
color: #050000;
}
.pager .pages {
position: relative;
padding-left: 20px;
color: #9a9a9a;
}
.pager .pages strong {
font-weight: normal;
color: #9a9a9a;
font-family: Arial;
}
.pager .limiter {
padding-right: 64px;
}
.pager .limiter select, .sorter .sort-by select {
background:none repeat scroll 0 0 #f8f8f8;
border:1px solid #dcdfe5;
color: #2c2f33;
}
.sort-by {
float: right;
position: relative;
}
.sorter .sort-by {
padding-right: 0;
}
/*items*/
.products-list .product-image {
width: 160px;
height: 135px;
}
.products-list .product-shop {
margin-left:175px;
}
.product-name {
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
font-family: Helvetica, Tahoma, Arial, sans-serif;
}
h2.product-name
{
height:30px;
}
.product-name a:link, .product-name a:visited {
color:#000000;
}
.product-name a:hover {
color: #5d5d5d;
}
a.product-image:hover {
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
/*description*/
.products-list .desc {
font:11px Arial, Helvetica, sans-serif;
line-height: 130%;
}
.mini-products-list .product-name {
}
.mini-products-list .product-image {
width: 50px;
border: 0;
}
.mini-products-list .product-details {
margin-left: 62px;
}
/*Prices*/
.products-grid .price-box {
margin: 4px 0 0 0;
}
.regular-price {
color:#000000;
}
.regular-price .price, .price-box .price {
color: #039ad9;
font-weight: bold !important;
font:15px Helvetica, Tahoma , Arial, sans-serif;
line-height: 1em;
}
div.product-shop .regular-price .price, div.product-shop .price-box .price {
font:15px Tahoma, Helvetica, sans-serif;
}
.minimal-price .price-label {
font-weight: normal;
}
.minimal-price-link {
text-decoration: none;
}
.products-grid .actions {
margin-bottom: 30px;
}
.products-grid .product-image {
width: 197px;
background-color: #ffffff;
margin-bottom: 14px;
text-align: center !important;
}
.products-grid .product-image img {
width: 135px;
}
.products-grid {
/*width: 470px;*/
width: 760px;
margin-bottom: 10px;
}
.products-grid li.item {
padding: 20px 20px 55px 20px;
width: 197px;
border:1px solid #ddd;
border-radius: 3px;
box-shadow: 0px 0px 2px #eee;
margin:0px 20px 20px 0px;
/*padding: 0px 0 60px 0;
width: 145px;*/
height:260px;
}
.products-grid li.item:hover {
border:1px solid #aaa !important;
box-shadow: 0px 0px 2px #eee;
}
.products-grid li.last {
/*padding: 0px 0 60px 0;
width: 145px;*/
padding: 20px 20px 55px 20px;
width: 197px;
border:1px solid #ddd;
border-radius: 3px;
box-shadow: 0px 0px 2px #eee;
margin:0px 0px 0px 0px;
height:260px;
}
/*col 3 ctatlog*/
.col3-layout .products-grid {
/*width: 470px;*/
width: 760px;
margin-bottom: 10px;
}
.col3-layout .products-grid li.item {
padding: 20px 20px 55px 20px;
width: 197px;
border:1px solid #ddd;
border-radius: 3px;
box-shadow: 0px 0px 2px #eee;
margin:0px 20px 20px 0px;
/*padding: 0px 0 60px 0;
width: 145px;*/
height:260px;
}
.col3-layout .products-grid li.item:hover {
border:1px solid #aaa !important;
box-shadow: 0px 0px 2px #eee;
}
.col3-layout .products-grid li.last {
/*padding: 0px 0 60px 0;
width: 145px;*/
padding: 20px 20px 55px 20px;
width: 197px;
border:1px solid #ddd;
border-radius: 3px;
box-shadow: 0px 0px 2px #eee;
margin:0px 0px 0px 0px;
height:260px;
}
.products-grid span.tax-details, .products-grid span.delivery-time-details
{
display: none;
}
div.col2-left-layout div.col-main
{
width: 760px;
}
/*col 2 ctatlog*/
.col2-left-layout .products-grid, .col2-right-layout .products-grid {
width: 760px;
margin-bottom: 10px;
}
.col2-left-layout .products-grid li.item, .col2-right-layout .products-grid li.item {
padding: 20px 20px 55px 20px;
width: 197px;
border:1px solid #ddd;
border-radius: 3px;
box-shadow: 0px 0px 2px #eee;
margin:0px 20px 20px 0px;
/*padding: 0px 0 60px 0;
width: 145px;*/
height:260px;
}
.col2-left-layout .products-grid li.last, .col2-right-layout .products-grid li.last {
float: left;
padding: 20px 20px 55px 20px;
width: 197px;
border:1px solid #ddd;
border-radius: 3px;
box-shadow: 0px 0px 2px #eee;
margin:0px 0px 0px 0px;
height:260px;
}
/* Form Elements */
input {
font:12px/15px Arial, Helvetica, sans-serif;
color:#5d5d5d;
font-weight: bold;
}
select, textarea {
font:11px/14px Arial, Helvetica, sans-serif;
color:#808080;
font-weight: normal;
}
input.input-text, select, textarea {
background:#f8f8f8;
border:1px solid #e9e9eb;
}
select.multiselect option {
}
.sort-by select {
width: 128px;
}
/* Form */
.form-list label {
}
.form-list label.required em {
font-style:normal;
}
/* REQUIRED BUTTON STYLES: */
button.button {
position: relative;
border: 0 !important;
cursor: pointer;
padding: 0;
overflow: visible; /* removes extra side padding in IE */
}
button.button::-moz-focus-inner {
border: none; /* overrides extra padding in Firefox */
}
button.button span {
position: relative;
display: block;
white-space: nowrap;
border: 0 !important;
background: none !important;
height: 24px !important;
line-height: 24px !important;
padding: 0;
margin: 0;
}
button.button span span {
position: relative;
display: block;
white-space: nowrap;
border: 0 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
button.button span {
margin-top: -1px;
}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
button.button {
padding: 0 7px 0 7px;
font: 11px Helvetica, Arial, sans-serif;
text-align: center;
/*background: transparent url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/light_e_btn_split.gif) no-repeat right -64px;*/
background: #333;
height: 24px !important;
line-height: 24px !important;
border-radius: 2px;
width:auto;
}
button.button:hover {
background:#039ad9 !important;
}
button.button span span {
padding: 0 7px 0 7px;
height: 24px !important;
line-height: 24px !important;
/*background: transparent url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/light_e_btn_split.gif) no-repeat left top !important;*/
background: #333;
border: 0 !important;
color: #ffffff;
font: 11px Helvetica, Arial, sans-serif;
text-transform: none !important;
}
button.button:hover, button.buttonHover { /* the redundant class is used to apply the hover state with a script */
background-position: right -96px;
}
button.button:hover span span, button.buttonHover span span {
/*background-position: 0 -32px !important;*/
color: #ffffff;
}
.products-grid button.button, .products-list button.button, .add-to-cart button.button {
padding: 0 7px 0 7px;
font: 11px Helvetica, Arial, sans-serif;
text-align: center;
/*background: transparent url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/light_btn_split.gif) no-repeat right -64px;*/
background: #333;
height: 24px !important;
line-height: 24px !important;
}
.products-grid button.button span span, .products-list button.button span span, .add-to-cart button.button span span {
padding: 0 7px 0 7px;
height: 24px !important;
line-height: 24px !important; /*background: transparent url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/light_btn_split.gif) no-repeat left top !important;*/
background: #333;
border: 0 !important;
color: #fff;
font: 11px Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.products-grid button.button:hover, .products-grid button.buttonHover, .products-list button.button:hover, .products-list button.buttonHover, .add-to-cart button.button:hover, .add-to-cart button.buttonHover { /* the redundant class is used to apply the hover state with a script */
/*background-position: right -96px;*/
background:#039ad9;
}
.products-grid button.button:hover span span, .products-grid button.buttonHover span span, .products-list button.button:hover span span, .products-list button.buttonHover span span, .add-to-cart button.button:hover span span, .add-to-cart button.buttonHover span span {
/*background-position: 0 -32px !important;*/
color: #fff;
}
.product-view .box-tags .form-add .input-box {
margin-right: 8px;
}
.product-view .box-tags .form-add .input-box input {
height: 14px;
background: #f8f8f8;
border: 1px solid #d9dde3;
}
div.toolbar div.sorter {
display: none;
}
div.toolbar-bottom div.sorter {
display: block;
}
div.toolbar-bottom .view-mode {
padding-right: 20px;
}
div.toolbar-bottom .limiter {
float: right;
}
/**************************************************************PRODUCT******************/
.product-view {
/*border: 1px solid #e5e6e8;*/
padding: 22px 0 0 0;
overflow: hidden;
border:1px solid #ddd;
border-radius: 3px;
box-shadow: 0px 0px 2px #eee;
}
.product-essential {
padding-top: 0;
}
.product-view .product-shop {
width: 338px;
}
.product-view .product-img-box {
margin-top: 10px;
}
.product-view .product-img-box .product-image {
margin-bottom: 5px;
}
.product-view .product-img-box .zoom #track {
background:#dadada;
}
.product-view .product-shop .availability {
font-size: 11px;
}
.product-view .product-img-box .more-views li {
margin:0 0 8px 12px;
}
.product-view .product-img-box .more-views li a {
border: 1px solid #ffffff;
}
.product-view .add-to-cart .button {
margin-top: 1px;
}
.product-view .product-shop .add-to-links a {
color:#313438 !important;
font-weight:normal !important;
font:11px Arial, Helvetica, sans-serif;
}
.product-view .product-shop .short-description {
line-height: 130%;
}
div.products-grid div.shortDescription
{
height: 25px;
margin-bottom: 15px;
}
.product-collateral .box-collateral, .no-rating {
margin-bottom: 15px;
}
.product-view .box-up-sell .products-grid {
width: 642px !important;
margin-bottom: 10px;
}
.product-view .box-up-sell .products-grid td {
padding:15px 5px 12px 0px;
}
/*titles on product page*/
.product-essential h2, .product-view .product-img-box .more-views h2, .product-collateral h2 {
font:12px Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: none;
color: #313438;
margin: 5px 0px 7px 0px;
}
/*messages*/
.error-msg, .success-msg, .note-msg, .notice-msg {
background: none;
min-height:24px !important;
padding:4px 8px 2px 8px !important;
}
.error-msg{
background-color: #FAEBE7 !important;
border-color: #F16048;
color: #DF280A;
background-position: 10px 9px !important;
background-repeat: no-repeat !important;
border-style: solid !important;
border-width: 1px !important;
}
.add-to-box .or {
color:#697073;
font-weight:normal;
}
.product-collateral {
padding: 15px 25px 25px 25px;
background: #fff;
}
.product-view .box-tags .form-add label {
color: #697073 !important;
font-weight: normal !important;
font-size: 11px;
}
.product-view .box-tags .form-add .input-box {
padding:0;
}
.product-view .box-tags .note {
padding:0;
}
.product-options p.required {
padding-top: 0;
}
.product-options {
padding-bottom: 5px;
}
.add-to-box .add-to-cart {
margin-right: 10px;
}
/***************************************************************CART**********************************/
.cart .page-title h1 {
margin-top: 0;
}
.cart .page-title .checkout-types li {
margin-bottom: 0;
margin-top: 5px;
}
.data-table thead th {
font:11px Arial, Helvetica, sans-serif;
font-weight: bold;
}
.cart .discount h2, .cart .shipping h2 {
color:#5d5d5d;
font:bold 12px/12px Arial, Helvetica, sans-serif;
padding:0 0 0 0px;
text-transform:none;
}
.cart .discount input.input-text {
border: 1px solid #d9dde3;
width: 126px;
padding-left: 6px;
color: #5d5d5d;
float: left;
}
#checkout-review-table tfoot tr.last .price {
color: #cc0000;
font:12px Arial, Helvetica, sans-serif;
}
#shopping-cart-totals-table tfoot .price {
color: #cc0000;
font-weight: bold !important;
font:12px Arial, Helvetica, sans-serif;
}
#shopping-cart-totals-table .price {
color: #cc0000;
font-weight: normal !important;
font:12px Arial, Helvetica, sans-serif;
}
.cart .totals td {
vertical-align: middle;
font:12px Arial, Helvetica, sans-serif;
color: #000000;
}
.cart .totals tfoot td strong {
font:12px Arial, Helvetica, sans-serif;
font-weight: bold;
}
.cart .discount .buttons-set/*, .cart .shipping .buttons-set*/ {
margin-top: 0;
margin-left: 8px;
float: left;
clear: none;
}
.discounts {
width: 50%;
float: left;
position: relative;
}
.form-list label {
font:11px Arial, Helvetica, sans-serif;
color: #5d5d5d;
font-weight: bold;
}
.form-list .input-box select {
border: 1px solid #d9dde3;
}
.checkout-progress li.active {
border-top-color: #313438;
color: #313438;
}
.cart .crosssell {
padding: 11px 15px 12px 15px;
}
.cart .crosssell .product-image {
border: 0;
}
.cart .crosssell .link-wishlist {
color: #313438 !important;
}
/* SMALL BUTTONS */
.cart .discount button.button, .cart .shipping button.button, #shopping-cart-table button.button, .my-wishlist .buttons-set button.button, .block-compare button.button {
position: relative;
border: 0 !important;
cursor: pointer;
padding: 0;
overflow: visible; /* removes extra side padding in IE */
}
.cart .discount button.button::-moz-focus-inner, .cart .shipping button.button::-moz-focus-inner, #shopping-cart-table button.button::-moz-focus-inner, .my-wishlist .buttons-set button.button::-moz-focus-inner, .block-compare button.button::-moz-focus-inner {
border: none; /* overrides extra padding in Firefox */
}
.cart .discount button.button span, .cart .shipping button.button span, #shopping-cart-table button.button span, .my-wishlist .buttons-set button.button span, .block-compare button.button span {
position: relative;
display: block;
white-space: nowrap;
border: 0 !important;
background: none;
padding: 0;
margin: 0;
}
.cart .discount button.button span span, .cart .shipping button.button span span, #shopping-cart-table button.button span span, .my-wishlist .buttons-set button.button span span, .block-compare button.button span span {
position: relative;
display: block;
white-space: nowrap;
border: 0 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.cart .discount button.button span {
margin-top: -1px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.cart .shipping button.button span {
margin-top: -1px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#shopping-cart-table button.button span {
margin-top: -1px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.my-wishlist .buttons-set button.button span {
margin-top: -1px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.block-compare button.button span {
margin-top: -1px;
}
}
/* custom look and feel: */
.cart .discount button.button, .cart .shipping button.button, #shopping-cart-table button.button, .my-wishlist .buttons-set button.button {
padding: 0 7px 0 7px;
font: 11px Arial, Helvetica, sans-serif;
}
.cart .discount button.button span span, .cart .shipping button.button span span, #shopping-cart-table button.button span span, .my-wishlist .buttons-set button.button span span {
padding: 0 7px 0 7px;
}
.crosssell-div {
clear: both;
}
.product-view .product-shop .add-to-links li {
display: block;
}
.product-view .product-shop .add-to-links li .separator {
display: none;
}
/***********************************************************CHECKOUT, ACCOUNT********************************/
.opc .step-title h2 {
font:12px Arial, Helvetica, sans-serif;
font-weight: bold;
}
.opc {
border-bottom: 1px solid #dadada;
}
.opc .step-title .number {
border: 0;
}
.opc .allow .step-title h2 {
color: #999;
}
.opc .step-title .number {
background: #fff;
color: #999999;
}
.opc .allow .step-title .number {
background: #fff;
color: #999999;
}
.opc .active .step-title .number {
background:#dadada;
color:#3a3c40;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
}
.dashboard .box-reviews .number {
background: #fff;
border: 1px solid #999999 !important;
color: #999999;
}
.dashboard .box-reviews .details {
margin-left: 25px;
padding-top: 3px;
}
.dashboard .box .box-title h3, .dashboard .box .box-title h4 {
color: #999;
}
.box-account .box-head h2, .account-login .new-users h2, .account-login .registered-users h2 {
background: none;
font-size:12px;
padding-left:0px;
text-transform:uppercase;
}
.my-account .box-info {
color: #313131;
}
.title-buttons .button {
margin-top: 5px;
}
.advanced-search-summary strong {
padding-left: 0;
}
.block-progress {
margin-top: 74px;
}
.block-progress dt {
font-size:11px;
color: #313438;
padding: 0px;
}
.opc-block-progress .block-title strong {
font-size: 11px;
}
.block-progress dd {
padding: 0px;
}
.block-account .block-content li.current {
color: #313438;
}
.block-account .block-content li a:hover {
color: #313438;
text-decoration: underline !important;
}
.opc-block-progress a:link, .opc-block-progress a:visited {
color: #000000;
font-weight: bold;
}
/**************************************************************HOME PAGE***********************************/
/*block-service*/
.block-service .block-title {
background: transparent url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/block_head_service.gif) no-repeat scroll 10px 4px;
padding-top: 2px;
}
.block-service .block-title strong {
padding-left: 30px;
}
.block-service .block-content {
padding: 13px 15px 2px 17px;
font-size: 11px;
color: #878787;
}
.block-service .block-content span {
display: block;
line-height: 35px;
font-family: Times New Roman;
font-weight: bold;
font-size: 15px;
color: #34363a;
}
.block-service .block-content span span {
display: inline;
padding-left: 3px;
font-weight: normal;
font-size: 32px;
color: #cc0000;
}
/**************************************************************TEXT COLORS*********************************************/
/* grey */
.block .btn-remove, .block .link-wishlist, .block .link-compare, .block .product-info, .block-progress dt.complete {
color: #697073 !important;
}
/*dark*/
.form-list label.required em, .opc .active .step-title h2, .sp-methods label .price, .box-account .box-head h2, .fieldset .legend, .account-login .new-users h2, .account-login .registered-users h2 {
color: #000 !important;
}
.opc .step-title h2, .block-account .block-content li a, .page-sitemap .links a, .crosssell .product-name a {
color: #5d5d5d;
font-weight: normal !important;
}
/*medium grey text*/
.success-msg, .note-msg, .notice-msg, .sp-methods label, .product-options dt label {
color: #039ad9 !important;
font-size:13px;
}
.notice-msg {
color: red !important;
}
/*dark grey - separators, lines*/
.products-list .add-to-links .separator {
color: #6a7173;
}
/*grey*/
.block .block-subtitle, .product-name a, #opc-login h4, #opc-review .product-name, .back-link a, .my-account a, .page-sitemap .sitemap a, .product-view .product-shop .add-to-links a, .tags-list li a {
color: #5d5d5d;
}
.link-wishlist {
color: #5d5d5d !important;
}
/*font normal*/
.link-wishlist, .link-compare, .old-price .price-label, .special-price .price-label {
font-weight: normal;
}
/*font 11px*/
.old-price .price-label, .special-price .price-label {
font-size: 11px;
}
.std ul.disc {
list-style-type: circle;
}
/**********************************************************BACKGOUNDS*****************************************************/
/*background-transparent*/
.toolbar .pager, .product-essential, .product-view .box-up-sell .products-grid td, .block li.even, .success-msg, .cart .crosssell, .cart .discount, .cart .shipping, .cart .totals, .block .actions, .compare-table tbody th, .compare-table tr.add-to-row td, .account-login .content, .block-layered-nav .currently li, .block-cart .summary, .block-progress dt, .block-progress dt.complete, .block-progress dd.complete, .order-info-box, .toolbar .sorter, .product-view .box-up-sell .products-grid td.empty {
background:transparent;
}
/*border-non*/
.toolbar .pager, .product-view .product-img-box .more-views h2, .product-collateral h2, .product-view .box-up-sell .products-grid, .product-view .box-up-sell .products-grid td, .cart .crosssell, .cart .discount, .cart .shipping, .cart .totals, .page-title, #opc-login h3, .box-account .box-head, .pager, .block-cart .summary, .block-cart .actions, .products-grid, .product-view .box-up-sell .products-grid td img, .block-progress dt, .block-progress dt.complete, .block-progress dd.complete, .toolbar .sorter {
border: none;
}
/*background- forms */
.data-table, .data-table tfoot tr, .data-table .odd, .data-table .even, .opc .step, .fieldset .legend, .advanced-search-summary, .product-options, .data-table tbody.odd tr, .data-table tbody.odd tr td, .tags-list {
background:#fff;
}
/*background-white*/
.data-table tfoot tr td, .data-table thead th, .opc .active .step-title, .box-account, .fieldset, .addresses-list li.item, .pager, .account-login .buttons-set, .block-cart .subtotal, .product-options-bottom, .order-info,
.truncated .truncated_full_value dl, .page-print, .page-empty, .page-popup, .truncated .truncated_full_value dl {
background: #fff;
}
/*background- foocus */
input.input-text:focus, select:focus, textarea:focus {
background:#fff;
}
.opc .step-title, .opc .allow .step-title {
background:#f4f4f4;
}
.validation-failed {
background:#cfcfd0 !important;
}
/*border - forms */
.success-msg, .note-msg, .notice-msg, .data-table, .data-table thead th, .data-table tfoot, .data-table tbody th, .data-table tbody td, .data-table tfoot td, .opc .step, .opc .active .step-title, .opc .step-title, .buttons-set, .opc .allow .step-title, #opc-review .buttons-set, .box-account, .fieldset, .fieldset .legend, .addresses-list li.item, .compare-table tbody tr.last th, .compare-table tbody tr.last td, .advanced-search-summary, .account-login .content, .account-login .buttons-set, .account-login h2, .block-cart .subtotal, .product-options, .product-options-bottom, .order-info, .order-info-box, .data-table tbody th, .data-table tbody td, .tags-list,
.truncated .truncated_full_value dl {
border-color: #ddd !important;
}
.data-table {
border-left: 1px solid #e7e9eb !important;
border-right: 1px solid #e7e9eb !important;
border-collapse: collapse;
}
.data-table thead th {
border: 1px solid #d9dde3;
padding: 9px 12px 9px 12px;
color: #5d5d5d;
background: #fff;
}
.data-table td {
border-top: 1px solid #d9dde3;
border-right: 1px solid #d9dde3;
border-bottom: 1px solid #d9dde3;
border-left: 0;
background: #f8f8f8;
}
.data-table td .product-name a {
font-size: 12px;
}
.data-table td input.qty {
color: #3a3c40;
border: 1px solid #d9dde3;
padding-left: 6px;
}
.data-table td .price {
font-weight: bold !important;
color: #3a3c40;
font: 11px Arial, Helvetica, sans-serif;
}
.data-table td.last .price {
color: #cc0000;
}
.data-table tfoot tr td {
border: 1px solid #d9dde3;
padding: 12px 10px 12px 13px;
}
/*border */
.products-list .product-image img, .product-view .product-img-box .more-views li a:hover {
border:1px solid #dce0e5;
}
.product-image img, .product-view .box-up-sell .products-grid .product-image img {
/*border:1px solid #dadee4;*/
}
.product-image img:hover {
/*border:1px solid #edf0f4;*/
}
.product-img-box .product-image img, .product-img-box .product-image img:hover {
border: 0;
}
/*border = background color*/
.block-account .block-content li a, .block-account .block-content li.current, .block-layered-nav .actions, .product-options dd {
border-color: #e6e9ee;
}
.products-list li.item {
border-color: transparent;
}
/*Block poll*/
/* REQUIRED BUTTON STYLES: */
.block-poll button.button, .block-compare button.button {
position: relative;
border: 0 !important;
cursor: pointer;
padding: 0;
overflow: visible; /* removes extra side padding in IE */
}
.block-poll button.button::-moz-focus-inner {
border: none; /* overrides extra padding in Firefox */
}
.block-compare button.button::-moz-focus-inner {
border: none; /* overrides extra padding in Firefox */
}
.block-poll button.button span, .block-compare button.button span {
position: relative;
display: block;
white-space: nowrap;
border: 0 !important;
background: none;
padding: 0;
margin: 0;
}
.block-poll button.button span span, .block-compare button.button span span {
position: relative;
display: block;
white-space: nowrap;
border: 0 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
.block-poll button.button span {
margin-top: -1px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
.block-compare button.button span {
margin-top: -1px;
}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
.block-poll button.button, .block-compare button.button {
padding: 0 10px 0 0;
}
.block-poll button.button span span, .block-compare button.button span span {
padding: 2px 0 0 12px;
}
/*Compare*/
.compare-table .btn-remove {
height: 11px;
width: 57px;
margin: 3px 0px 3px 0px;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/btn_remove2.gif) no-repeat 0 0;
}
.compare-table .btn-remove:hover {
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/btn_remove2.gif) no-repeat 0 0;
}
.cart .totals .checkout-types li a {
color: #000000;
font-size: 11px;
}
.page-popup .link-print {
color: #000000;
}
.link-cart {
color: #cc0000 !important;
font-weight: normal;
text-decoration: none;
}
.link-cart:hover {
opacity: 0.9;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.addresses-list h2 {
color: #313438;
}
/*demo notice*/
.demo-notice {
background: none repeat scroll 0 0 #ffffff;
color: #000000;
font-size: 11px;
font-weight: bold;
line-height: 1.15;
margin: 0;
padding: 5px 5px;
text-align: center;
opacity: 0.7;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
position: absolute;
top: 0;
left: 0;
}
/*download banner*/
.download p {
color: #5d5d5d;
}
a.download {
display: block;
width: 166px;
height: 213px;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale/images/download.jpg) no-repeat 0 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
p.forum a:link, p.forum a:visited {
padding: 0px 0px 2px 26px;
line-height: 17px;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/forum.png) no-repeat 0px 0px;
color: #000000;
}
p.forum a:hover {
color: #fc4500;
}
p.more_themes a:link, p.more_themes a:visited {
padding: 0px 0px 2px 26px;
line-height: 17px;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/more.png) no-repeat 0 0;
color: #000000;
}
p.more_themes a:hover {
color: #fc4500;
}
/*customer service*/
.customer_service .block-title strong {
padding-left:30px;
}
.customer_service .block-title {
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/customer_icon.png) no-repeat 7px 4px;
}
.customer_service p {
margin: 0px 0px 0px 0px;
}
p.phone {
color: #34363a;
font-size: 14px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
p.phone strong {
color: #cc0000;
font-size: 32px;
font-family: "Times New Roman", Times, serif;
font-weight: normal;
}
p.time {
color: #5d5d5d;
}
/*design-by*/
.design-by {
opacity: 0.4;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
position: fixed;
bottom: 0;
left: 0;
}
.design-by a:hover {
text-decoration: none;
}
/*currency*/
.block-currency .block-title strong {
text-transform: none;
background: url(https://koeln.officedrink.de/skin/frontend/default/grayscale_blue/images/block_head_line.gif) repeat-x 100% 100%;
}
.block-currency .block-title strong {
margin: 0 !important;
min-height: auto !important;
display: auto !important;
}
.block-currency {
background: transparent;
height: auto !important;
}
.block-currency .block-content select {
width: auto !important;
display: block !important;
margin: 0px 0px 0px 0px !important;
}
.block-currency .block-content {
background: transparent;
}
/*tags*/
.tags-list {
border: 0;
display: block;
font-size: 13px;
padding: 10px;
}
/*back*/
.back-link a:link, .back-link a:visited {
text-decoration: none;
font-size: 14px;
}
.back-link a:hover {
opacity: 0.9;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.home_page_header_block {
margin-bottom: 35px !important;
}
/* add-to links update*/
ul.products-grid li ul.add-to-links li {
padding: 0;
}
/* easy tabs*/
.tabs {
width: 618px;
border-bottom: 0 !important;
margin: 15px 0 0 0 !important;
overflow: hidden;
}
.tabs a:link, .tabs a:visited {
color: #565656 !important;
font-size: 11px !important;
font-weight:bold !important;
display:block;
text-align: center;
padding: 6px 15px 6px 15px !important;
text-decoration:none;
background: #e1e1e1;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
}
.tabs a:hover {
background: #f5f5f5;
}
.tabs li.active a, .tabs li.active a:hover {
background: #f5f5f5 !important;
color: #000 !important;
font-size: 11px !important;
font-weight:bold;
}
.padder {
width:598px;
padding: 5px 10px 5px 10px;
border: 1px solid #eaeaea;
}
.pfand {
bottom: 72px;
line-height: 1.0em;
position: absolute;
width: inherit;
}
.agree2 a{
color: #000000;
font-weight: bold;
}
h2.product-name {
overflow: hidden;
}