/* @override http://assets.pixum.com/css/base_navi.css */
@import url("skin/html5reset.css");
@import url("skin/header-footer-navi.css");
@import url("style/frontend/frame/frame.css");
/*================= Basic-Setup ==============*/
a, a:active, a:focus, a:hover, a:link, a:visited{color:#00a6ef}
a, a:active, a:link, a:visited{text-decoration: none;}
a:focus, a:hover{text-decoration: underline; cursor: pointer;}
body {
margin: 0px;
font-family: Verdana, Arial, Helvetica;
/*font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;*/
font-size: 11px;
}
html.touch {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
img {
border: 0px;
}
.clearfix,
.clearfix_floater {
clear: both;
}
.float {
float: left;
}
object {
-moz-outline: 0;
}
ol {list-style-type: decimal; padding: 1em 0 1em 2em;}
ul{list-style-type: disc;}
/*===============================*/
#main{list-style-type: decimal; padding: 0px 0px 12px 0px!important;}
#adspace_sidebar{width:120px;position:absolute;margin:5px 0 0 1010px}
#adspace_sidebar .line{display:none}
#adspace_sidebar .skyscraper{ height: 600px;widht: 120px; position: absolute;}
body{padding: 0; overflow: visible}
/*html.has_background>body{ background: url(https://cdn.pixum.com/images/themes/valentine/bg_2.png) repeat-x 25% 0}*/
#header_userbar .welcome_text,
#header_userbar .link_list,
#header_userbar .link_list a {color:#00a6ef; font-size: 11px;}
#header_userbar .left {float:left}
/*================= Header ==============*/
/*===============================*/
/*================= Tabs ==============*/
#main ul.tabs{background:#fff;background-image:none;border-bottom:1px #a6a6a6 solid;display:block;height:24px;list-style:none;margin:10px 0 0;padding:0 0 0 5px}
#main ul.tabs li,#main ul.tabs li:hover{border:1px solid #a6a6a6;border-bottom:none;display:block;float:left;margin:0 3px 0 0;padding:0;position:relative}
#main ul.tabs li a{background:url(https://cdn.pixum.com/images/tab_bg.gif) repeat-x left bottom #fff;border:none;border-bottom:none;border-width:0;color:#666;display:block;font-size:12px;line-height:17px;margin:0;outline:none;padding:2px 5px 4px;text-decoration:none;top:0}
#main ul.tabs li.active a,#main ul.tabs li a:hover,#main ul.tabs li:hover a{background:url(https://cdn.pixum.com/images/navi_bg.gif) repeat-x left top #fff;color:#fff;line-height:17px;margin:0;padding:3px 5px}
#main ul.tabs li:hover,#main ul.tabs li.active{background:url(https://cdn.pixum.com/images/navi_bg.gif) repeat-x left top #fff}
#main .tab_container{padding:0 14px 15px}
#main .tab_container ul.tabs{padding:0}
#main .tab_container div.tab-contents{border:1px #a6a6a6 solid;border-top:none;overflow:hidden;padding:10px;text-align:left;zoom:1}
div#product_tabs ul.tabs li a {
font-size: 10px;
}
.seo_scroller {
overflow: auto;
height: 200px;
}
.seo_scroller_h2 {
font-size: 11px;
padding: 0;
line-height: 10px;
color: #999999;
}
/*===============================*/
/* @group Shopping_cart */
#shopping_cart {
height:28px;
line-height:28px;
/*right:5px;
position:absolute;
top:0;*/
font-size:12px;
font-weight:bold;
padding-right:30px}
#shopping_cart .dropdown,
#shopping_cart .dropdown_sel{
cursor:pointer;
display:block;
height:16px;
width:16px;
position:absolute;
top:5px;
right:5px;
background:url(https://cdn.pixum.com/images/cart-sprite.png) 0px -108px}
#shopping_cart .dropdown_sel {background-position:0px -128px}
#shopping_cart .dropdown_sel:hover {background-position:0px -128px}
#shopping_cart .reference {cursor: pointer;padding: 0px 0 0px 30px;line-height: 24px;background: url(https://cdn.pixum.com/images/cart-sprite.png) no-repeat -2px 0px}
#cart_mini_info{cursor:pointer; color:#567; font-weight:normal}
#shopping_cart img {padding: 0px}
/*colors*/
#shopping_cart .reference{color:#0af}
/* @end */
/*================= Price List ==============*/
table#pricelist {
width: 100%;
border: none;
}
table#pricelist tr td.first_column {
width: 304px;
text-align: left;
border-bottom:1px #009cdd dashed;
}
table#pricelist tr td.consec_column {
width: 50px;
text-align: center;
vertical-align: top;
border-bottom: 1px #009cdd dashed;
white-space: nowrap;
}
table#pricelist tr td.shipping_prices {
background: #d9e2ef;
border-bottom: none;
}
/*===============================*/
/*===============================*/
/* @group #main */
#main {
padding: 0.01px 0 8px 0;
min-height: 550px;
height: 100% !important;
display: block;
}
/*===============================*/
/*================= footnote ===========*/
.abschluss {
padding: 10px 0 0 12px;
}
/*===============================*/
.content_box .content_divider {
margin: 0px;
padding: 0px;
width: 277px;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
/*================= portlets ==============*/
/* --------------------------------------
PORTLETS
Usage: Portlets
-----------------------------------------
*/
/*================= portlet_basic_layout ==============*/
/* --------------------------------------
PORTLETS-BASIC LAYOUT
Usage: BASIC LAYOUT OF PORTLETS
Basic Portlet:
-----------------------------------------
*/
div.portlet {
margin: 0px;
/*clear: right;*/
font-size: 12px;
line-height: 1.5em;
/*background: url(https://cdn.pixum.com/images/portletshadow_span_12.gif) no-repeat right bottom;*/
padding-bottom: 8px;
}
div.portlet div.outer_border {
border: 3px solid #efefef;
/* background-color: #00a6ef;*/
margin: 0 0 0px 8px ;
}
div.portlet div.inner {
margin: 0px;
padding: 0;
border: 1px solid #ccc;
}
div.portlet div.section {
margin: 0px;
padding: 0;
border-bottom: 1px solid transparent;
}
/*===============================*/
/*================= layout ==============*/
/* --------------------------------------
LAYOUT GRID
Usage: Width and Layout for Portlets.
Controlls width and shadow-image.
See Documentation.htlm for usage
-----------------------------------------
*/
.span_1 {width: 82px;}
.pre_1 {padding-left: 82px;}
.span_2 {width: 164px;}
.pre_2 {padding-left: 164px;}
.span_3 {width: 246px;}
.pre_3 {padding-left: 246px;}
.span_4 {width: 328px;}
.pre_4 {padding-left: 328px;}
.span_5 {width: 410px;}
.pre_5 {padding-left: 410px;}
.span_6 {width: 492px;}
.pre_6 {padding-left: 492px;}
.span_7 {width: 574px;}
.pre_7 {padding-left: 574px;}
.span_8 {width: 656px;}
.pre_8 {padding-left: 656px;}
.span_9 {width: 738px;}
.pre_9 {padding-left: 738px;}
.span_10 {width: 820px;}
.pre_10 {padding-left: 820px;}
.span_11 {width: 902px;}
.pre_11 {padding-left: 902px;}
.span_12 {width: 984px;}
.pre_12 {padding-left: 984px;}
/*
.span_1,
.span_2,
.span_3,
.span_4,
.span_5,
.span_6,
.span_7,
.span_8,
.span_9,
.span_10,
.span_11,
.span_12,
.pre_1,
.pre_2,
.pre_3,
.pre_4,
.pre_5,
.pre_6,
.pre_7,
.pre_8,
.pre_9,
.pre_10,
.pre_11 {
background-repeat: no-repeat;
background-position: left -80px
}
div.span_1, div.span_1 div.portlet, div.pre_11, div.pre_11 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_1.gif)
}
div.span_2, div.span_2 div.portlet, div.pre_10, div.pre_10 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_2.gif)
}
div.span_3, div.span_3 div.portlet, div.pre_9, div.pre_9 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_3.gif)
}
div.span_4, div.span_4 div.portlet, div.pre_8, div.pre_8 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_4.gif)
}
div.span_5, div.span_5 div.portlet, div.pre_7, div.pre_7 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_5.gif)
}
div.span_6, div.span_6 div.portlet, div.pre_6, div.pre_6 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_6.gif)
}
div.span_7, div.span_7 div.portlet, div.pre_5, div.pre_5 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_7.gif)
}
div.span_8, div.span_8 div.portlet, div.pre_4, div.pre_4 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_8.gif)
}
div.span_9, div.span_9 div.portlet, div.pre_3, div.pre_3 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_9.gif)
}
div.span_10, div.span_10 .portlet, div.pre_2, div.pre_2 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_10.gif)
}
div.span_11, div.span_11 .portlet, div.pre_1, div.pre_1 div.portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_11.gif)
}
div.span_12, div.span_12 .portlet {
background-image: url(https://cdn.pixum.com/images/portletshadow_span_12.gif)
}
*/
/*===============================*/
/*================= portlet_typography ==============*/
/* --------------------------------------
BASIC Typography in Portlets
Usage: BASIC LAYOUT OF PORTLETS
-----------------------------------------
*/
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4,
.portlet p,
.portlet ul,
.portlet ol {
margin: 0;
font-size: 12px;
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 7px;
padding-left: 7px;
}
.portlet li {
margin-left: 3em;
}
.portlet h1, p.headerline {
border-bottom:1px solid #CCCCCC;
color:#626262;
font-size:13px;
margin-bottom:9px;
padding-bottom:8px;
padding-top:9px;
}
.portlet h2 {
color: #626262;
font-weight: bold;
font-size: 13px;
padding-bottom: 0;
}
.portlet a {
color: #00a6ef;
text-decoration: underline;
/*font-size: 12px;*/
}
.small ,
.portlet .small{ font-size: 0.8em; line-height: 1.5em;}
/*===============================*/
/*================= section_header ==============*/
/* --------------------------------------
SECTION HEADER:
Usage: Header for a section with actions For Example:
-----------------------------------------
*/
div.portlet div.section_header {
color: #000000;
margin-top:0px;
padding-left:0px;
padding-bottom: 5px;
padding-right: 2px;
display:block;
position:relative;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
background-image: url(https://cdn.pixum.com/images/content_menu_bg.gif);
background-position:center;
height:23px
}
div.portlet div.section_header h2 {
float:left;
color:#000000
}
div.portlet div.section_header div.section_functions {
float:right;
padding-top:4px;
padding-right:2px;
}
div.portlet div.section_header div.section_functions a {
color:#000000;
font-size:11px;
text-decoration: underline;
}
div.portlet div.section_header div.section_functions a:hover {
color: #00a6ef;
}
/*===============================*/
/*================= open_close ==============*/
/* --------------------------------------
PARENT-CHILD-SECTIONS
Usage: Klicking on parent_div opens child_div
see dokumentation.html for examples
-----------------------------------------
*/
.portlet .parent_div {
background-color: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 1px none #CCCCCC;
border-left: 1px none #CCCCCC;
padding-right: 10px;
padding-left: 10px;
background-image: url(https://cdn.pixum.com/images/icon_down_white.gif);
background-position: 95% 50%;
background-repeat: no-repeat;
text-decoration: underline;
cursor: pointer;
color: #00a6ef;
}
.portlet .parent_div:hover {
background-color: #d0e9f0;
}
.portlet .linkto_div {
background-color: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 1px none #CCCCCC;
border-left: 1px none #CCCCCC;
padding-right: 10px;
padding-left: 10px;
text-decoration: underline;
cursor: pointer;
position: relative;
}
.portlet .linkto_div .opener{
position:absolute;
top:6px;
right:5px;
}
.portlet .linkto_div:hover {
background-color: #d0e9f0;
}
.portlet .open {
background-color: #d0e9f0;
background-image: url(https://cdn.pixum.com/images/icon_up_white.gif);
}
.portlet .open_link {
background-color: #d0e9f0;
}
.portlet .child_div {
background-color:#f9f9f9;
border-bottom:1px solid #CCCCCC;
padding-left:10px;
padding-right:5px;
border-top:#efefef 2px solid;
}
.portlet .child_div ul.subcategory_list {
background-color:#FFFFFF;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-bottom:0px none #CCCCCC;
line-height:11px;
margin-left:5px;
margin-right:11px;
padding:0px;
}
.portlet .child_div ul {
padding: 0;
margin: 0;
margin-left: 7px;
padding-bottom: 5px;
list-style-type: none;
}
.portlet .child_div li {
margin-left: 0px;
}
.portlet div.accordion {
border-top: 1px solid #CCCCCC;
}
.portlet div.accordion .parent_div, .portlet div.accordion .linkto_div {
border-top: none;
}
.homepage_portlet {
height: 300px;
overflow: hidden;
position: relative;
}
.portlet #coverDiv {
border-bottom: 1px solid #CCCCCC;
}
/*===============================*/
/*================= portlet_back ==============*/
/* --------------------------------------
PORTLET_BACK
Usage: links to navigate back to previeous level of detail within albuming
-----------------------------------------
*/
.portlet .back {
border-bottom:1px solid #D7D7D7;
margin:0 0 7px 0;
padding:8px 10px;
}
/*===============================*/
/*================= GROUP ==============*/
/* --------------------------------------
GROUP
usage: Grouping div surrounding a set of sloeting elements. Fixes problems with .clearfix in multicolumn layouts:
-----------------------------------------
*/
.portlet .group {
float: right;
width: 100%;
}
.portlet .group:after {
content: ".";
display: block;
height: 0;
clear: right;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .group {
height: 1%;
}
/* End hide from IE-mac */
/*===============================*/
/*===============================*/
/* jquery ui styles */
.ui-autocomplete {
display:block;
list-style:none outside none;
margin:0;
padding:0;
cursor:default;
position:absolute;
background:#fff;
border:1px solid #999;
color:#333333;
}
.ui-autocomplete li.ui-menu-item {
margin:0;
padding:0;
}
.ui-autocomplete li.ui-menu-item a {
display:block;
padding:2px 2px 2px 6px;
text-decoration:none;
color:#333333;
cursor:pointer;
font-size:12px;
}
.ui-autocomplete li.ui-menu-item a.ui-state-hover {
color:#fff;
background:#00B6EF;
}
.ui-tabs .ui-tabs-hide {
display:none;
}
.ui-tabs .ui-tabs-nav a {
margin:2px 0 0;
}
.ui-tabs .ui-tabs-nav {
background:transparent;
}
.ui-tabs .ui-tabs-nav .ui-state-active a {
border-color:#f00;
}
/* @group .shoppingcart_overview_box */
#loginSlotDiv { float: none; position: absolute; right: 0; top: 50px; }
.shoppingcart_overview_box{position: absolute;}
.shoppingcart_overview_box .inner {
height: 100%;
background-color: #ffffff;
border: 1px solid #00a6ef;
color: #262626;
font-size: 12px;
line-height: 18px;
padding-left: 7px;
padding-right: 7px;
/* padding-bottom: 25px; */
padding-bottom: 5px;
width: 400px;
text-align: left;
}
.shoppingcart_overview_box .inner_big {
height: 100%;
background-color: #ffffff;
border: 1px solid #00a6ef;
color: #262626;
font-size: 12px;
line-height: 18px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 25px;
width: 800px;
}
.shoppingcart_overview_box .outer_border {
border: 1px solid #eeeeff;
margin: 0px;
}
.shoppingcart_overview_box .content_divider {
margin: 0px;
padding: 0px;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.shoppingcart_overview_box .album_state {
font-size: 12px;
color: #FF6C02;
}
.shoppingcart_overview_box .album_item_count {
color: #000000;
font-size: 12px;
}
.shoppingcart_overview_box .content_divider {
height: 10px;
border-bottom: 1px solid #dddddd;
margin-bottom: 10px;
}
.shoppingcart_overview_box h1 {
border-bottom:1px solid #CCCCCC;
color:#626262;
font-size:12px;
font-weight: bold;
margin-bottom:9px;
padding-bottom:8px;
padding-top:9px;
}
.shoppingcart_overview_box h2 {
margin: 0px;
padding: 0px;
color: #636262;
font-weight: bold;
font-size: 13px;
margin-bottom: 10px;
}
.shoppingcart_overview_box a {
color: #00a6ef;
text-decoration: underline;
}
a.floating_closer {
color: #3e3e3e;
font-weight: bold;
text-decoration: underline;
font-size: 11px;
}
.shoppingcart_overview_box .floating_closer_div {
clear: both;
padding: 3px 0 3px 0;
text-align: left;
border-top: 1px solid #dddddd;
/*margin-bottom: -20px;*/
margin-top: 10px;
}
.closebutton {
background-image: url(https://cdn.pixum.com/images/closer_x.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 21px;
width: 21px;
overflow: hidden;
position: absolute;
top: -5px;
right: -5px;
text-indent: -2000px;
}
/*================= Forms ==============*/
.form_button {
background-image: url(https://cdn.pixum.com/images/form_butt_bg.jpg);
background-repeat: repeat-x;
border: 1px solid #a0a0a0;
color: #000000;
}
/*===============================*/
#content .image_outer_container {
/*width: 100%;*/
}
#content .image_container {
width: 576px;
margin-top: 22px;
}
#content .image_large {
margin-bottom: 13px;
}
#content .inner_simple {
height: 100%;
min-width: 712px;
width: auto !important;
background-color: #FFFFFF;
border: 1px solid #00b6ef;
font-size: 12px;
padding-bottom: 25px;
}
#content .content_divider_dark {
margin: 0px;
padding: 0px;
height: 1px;
background-color: #00B6EE;
display: block;
}
#content .content_divider {
margin: 0px;
padding: 0px;
width: 277px;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
#content .text_rotate {
color: #3E3E3E;
font-size: 10px;
}
#content .sub_menu {
color: #4293C7;
height: 31px;
margin-top: 4px;
margin-left: 15px;
vertical-align: middle;
font-size: 13px;
}
#content .rotate {
}
#content .album_state {
font-weight: bold;
font-size: 10px;
color: #FF6C02;
}
#content .album_item_count {
color: #000000;
font-size: 12px;
}
#content .icon_scope {
margin-left: 44px;
}
#content .pictures_box {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 13px;
padding-right: 13px;
}
#content .pictures {
float: left;
margin-left: 13px;
margin-top: 17px;
height: 197px;
width: 157px;
}
#content .pictures_detail_box {
padding-top: 11px;
padding-left: 17px;
padding-bottom: 17px;
padding-right: 4px;
}
#content .pictures_detail {
float: left;
margin-left: 3px;
margin-top: 3px;
height: 150px;
width: 130px;
border: 1px solid #E0E0E0;
padding: 2px;
}
#content div.selectable {
height: 160px;
}
#content .pictures_image_border {
width: 155px;
height: 155px;
border: 1px solid #E0E0E0;
text-align: center;
}
#content .pictures_image {
border: 7px solid #FFFFFF;
}
#content .pictures_image_active {
background-color: #00FFBA;
border: 7px solid #00B6EE;
}
#content .image_active {
border: 7px solid #00B6EE;
}
#content .image_unactive {
border: 7px solid #FFFFFF;
}
#content .pictures_edit {
margin-top: 7px;
margin-left: 2px;
}
#content .pictures_name {
color: #3E3E3E;
margin-top: 3px;
font-weight: bold;
font-size: 11px;
}
#content .pictures_date {
color: #000000;
margin-top: 2px;
font-size: 10px;
margin-left: 11px;
}
#content .pictures_album_count {
color: #000000;
font-size: 11px;
}
#content .single_picture {
text-align: center;
}
#content div.morelink {
display: block;
clear: both;
position: absolute;
text-align: right;
padding: 5px;
bottom: 0px;
right: 0px;
}
#content ul.linklist li {
list-style: url(https://cdn.pixum.com/images/ul-pfeil.gif);
margin: 0 0 0 15px;
padding: 0;
}
#content .rsslink {
color: #FF6C02;
text-decoration: none;
}
/* END OF CONTENT = EDIT BOX RECHTS */
/* END OF CONTAINER RECHTE BOXEN */
/*---------------------------------------------------------------------------
[MENU BOX = RECHTE BOXEN ]
Last Changes:
Edited By: AdOn
Primary Use: menu-portlets links neben dem Hauptinhalt, enthaelt offenen und geschlossen Zustand von Menus
*/
.menu_box .content_divider {
margin: 0px;
padding: 0px;
margin-left: 8px;
margin-right: 12px;
height: 10px;
border-bottom: 1px solid #DFDFDF;
margin-bottom: 10px;
}
.menu_box .album_state {
font-size: 12px;
color: #FF6C02;
}
.menu_box .album_item_count {
color: #000000;
font-size: 12px;
}
.menu_box h1 {
font-size: 13px;
color: #03A8DC;
font-weight: bold;
padding-top: 14px;
padding-left: 7px;
width: 94px;
margin-bottom: 10px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.menu_box .h1_album {
margin: 0px;
padding: 0px;
font-size: 12px;
color: #03A8DC;
font-weight: bold;
padding-bottom: 14px;
padding-top: 0px;
padding-left: 7px;
width: auto;
}
#promo_17 {
padding: 9px 0 0 11px
}
/* MENU BOX = LINK BOXEN NORMAL & SLIDE OPEN EFFEKT */
.menu_box .menu_box_parent {
margin: 0px;
padding: 0px;
font-size: 12px;
}
/* PARENT DIVS */
/* parent fuer SlideOpen Effekt -
im Markup muss ein div mit menu_box_child_div darunter liegen
Dieser muss display:none im Markup haben, damit Scriptaculois greift
*/
.menu_box .menu_box_parent_div_active {
padding-top: 9px;
padding-left: 7px;
padding-bottom: 7px;
height: 20px;
background-color: #d0e9f0;
background-image: url(https://cdn.pixum.com/images/icon_up_white.gif);
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer;
color: #00a6ef;
text-decoration: underline;
}
.menu_box .menu_box_parent_div:hover {
background-color: #d0e9f0;
cursor: pointer;
}
.menu_box .menu_box_parent_div {
padding-top: 9px;
padding-left: 7px;
padding-bottom: 7px;
height: 20px;
border-top: 1px solid #dfdfdf;
background-image: url(https://cdn.pixum.com/images/icon_down_white.gif);
background-position: 50%;
background-repeat: no-repeat;
color: #00a6ef;
text-decoration: underline;
}
.menu_box .menu_box_parent_div span {
text-decoration: none !important;
color: #000000;
font-weight: bold;
}
.menu_box .menu_box_parent_div_active span {
text-decoration: none !important;
color: #000000;
font-weight: bold;
}
/* HIDDEN DIVS: MENU CHILD */
.menu_box .menu_box_child_div {
height: auto;
margin: 0px;
padding: 0px;
text-decoration: none;
background-color: #f1f3d2;
}
.menu_box .menu_box_child_inner {
font-size: 11px;
margin: 0px;
padding: 14px;
background-color: #f1f3d2;
white-space: nowrap;
text-decoration: none;
color: #262626;
line-height: 2em;
}
.menu_box .menu_box_child_inner a {
font-size: 11px;
}
/* /HIDDEN DIVS: MENU CHILD */
/* NORMALE LINK DIVS */
.menu_box .menu_box_normal_div_active {
padding-top: 9px;
padding-left: 7px;
padding-bottom: 7px;
height: 20px;
background-color: #d0e9f0;
cursor: pointer;
color: #00a6ef;
text-decoration: underline;
}
.menu_box .menu_box_normal_div:hover {
background-color: #d0e9f0;
cursor: pointer;
}
.menu_box .menu_box_normal_div {
padding-top: 9px;
padding-left: 7px;
padding-bottom: 7px;
height: 20px;
border-top: 1px solid #dfdfdf;
color: #00a6ef;
text-decoration: underline;
}
/*================= Content_menu ==============*/
#content_menu {
height: 38px;
width: auto !important;
padding: 0px;
margin: 0px;
overflow: hidden;
background-image: url(https://cdn.pixum.com/images/content_menu_bg.gif);
}
#content_menu .content_divider {
margin: 0px;
padding: 0px;
margin-top: 1px;
height: 1px;
background-color: #DFDFDF;
width: 100%;
}
#content_menu .menu_item {
padding: 0px;
margin: 0px;
height: 35px;
float: left;
margin-left: 1px;
color: #000000;
border-right: 1px solid #00B6EF;
background-image: url(https://cdn.pixum.com/images/content_menu_bg.gif);
background-repeat: repeat-x;
padding-left: 19px;
padding-top: 2px;
padding-right: 17px;
opacity: .45;
filter: alpha(opacity=45);
-moz-opacity: 0.45;
cursor: not-allowed;
}
#content_menu .menu_item_active {
padding: 0px;
margin: 0px;
height: 35px;
float: left;
margin-left: 1px;
color: #000000;
border-right: 1px solid #00B6EF;
background-image: url(https://cdn.pixum.com/images/content_menu_bg.gif);
background-repeat: repeat-x;
padding-left: 19px;
padding-top: 2px;
padding-right: 17px;
cursor: pointer;
}
#content_menu .menu_icon {
display: block;
padding: 0px;
margin: 0px;
}
#content_menu .image_nav {
display: block;
padding: 0px;
margin-top: 5px;
}
#content_menu .menu_end_album {
padding: 0px;
margin: 0px;
height: 31px;
width: 22px;
float: left;
margin-left: 1px;
background-image: url(https://cdn.pixum.com/images/content_menu_bg.gif);
background-repeat: repeat-x;
padding-left: 19px;
padding-top: 6px;
padding-right: 17px;
}
#content_menu .menu_end {
padding: 0px;
margin: 0px;
height: 31px;
width: 142px;
float: left;
margin-left: 1px;
background-image: url(https://cdn.pixum.com/images/content_menu_bg.gif);
background-repeat: repeat-x;
padding-left: 19px;
padding-top: 6px;
padding-right: 17px;
}
#content_menu h2 {
padding: 9px;
}
#content_menu a.menu_functions {
padding-right: 3px;
padding-top: 9px;
padding-bottom: 9px;
float: right;
font-size: 11px;
text-decoration: underline;
}
.active #into_cart,
.active #to_cart_album,
.active #to_cart_albums,
.active #to_cart_image {
background: #ff6600 url(https://cdn.pixum.com/images/cart/button_orange.png) repeat-x 0 -120px;
margin:0;
height:37px;
border-right: #ffaa00 solid 1px;
overflow:hidden;
}
.active #into_cart a,
.active #to_cart_album a,
.active #to_cart_albums a,
.active #to_cart_image a {
border-right: 1px solid #ff6600;
/*height: 36px;*/
color:#fff
}
.active #into_cart a:hover,
.active #to_cart_album a:hover,
.active #to_cart_albums a:hover,
.active #to_cart_image a:hover {
color:#fff;
}
/*===============================*/
.float-test {
background-color: #999999;
display: block;
height: 100px;
width: 100px;
float: left;
margin: 5px;
}
/*================= extended ==============*/
#ajax_load {
text-align: center;
}
#loader {
background: transparent url('https://cdn.pixum.com/images/ajax-loader.gif') left no-repeat;
padding-left: 18px;
height: 32px;
line-height: 32px;
width: 100px;
font-size: 12px;
font-weight: bold;
color: #BBBBBB;
text-align: left;
display: inline;
}
#content .pictures {
position: relative;
text-align: center;
background-color: #FFFFFF;
width: 150px;
height: 190px;
border: 0;
}
#content .pictures_detail {
position: relative;
text-align: center;
background-color: #FFFFFF;
width: 110px;
height: 130px;
border: 0;
}
/*Album Edit view:------------------------------------------------------------------------*/
#content .pictures_detail_edit {
height: 170px;
background: none;
}
.pictures_detail_edit div.move_handle { background-image: url(https://cdn.pixum.com/images/album_edit_handles.gif); background-repeat: no-repeat; background-position: center top; position: relative; height: 16px; padding-top: 2px; padding-bottom: 2px; }
.pictures_detail_edit div.move_handle input.checkbox {
height: 12px;
width: 12px; cursor:pointer;
}
.pictures_detail_edit div.bottom_reiter{ background-image: url(https://cdn.pixum.com/images/album_edit_handles.gif); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 2px; margin-bottom: 1px;
}
a.editable{ font-size: 10px; color: #999999; background-image: url(https://cdn.pixum.com/images/icon_mini_edit.gif); padding-right: 11px; background-repeat: no-repeat; background-position: right center; border-bottom-width: 1px; border-bottom-style: dotted; text-decoration: none; padding-bottom: 1px;
}
a.print_link{color: #666; font-size: 11px; text-decoration: none; border-bottom: 1px dotted; padding:0 1px 0 11px; background: url(https://cdn.pixum.com/images/icon_mini_print.png) no-repeat 0 2px }
h1 a.editable {
font-size: 12px;
color: #03A8DC;
}
a.editable_big {
font-size: 12px;
color: #626262;
background-image: url(https://cdn.pixum.com/images/icon_mini_edit.gif);
padding-right: 11px;
background-repeat: no-repeat;
background-position: right center;
border-bottom-width: 1px;
border-bottom-style: dotted;
text-decoration: none;
padding-bottom: 1px;
}
a.delete{ color: #999999; background-image: url(https://cdn.pixum.com/images/icon_mini_bin.gif); padding-right: 0px; background-repeat: no-repeat; background-position: right center; padding-bottom: 1px; padding-left: 13px; width: 25px; text-decoration:none; position:relative; left:4px;
}
.move_handle {
cursor: move;
}
div.pictures .inner_picture,
div.pictures_detail .inner_picture,
div.pictures_inbox .inner_picture {
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
}
.inner_picture img.image {
border: 1px solid #E0E0E0;
padding: 3px;
background-color: #FFFFFF;
}
.inner_picture .image_comment {
height: 18px;
font-size: 10px;
color: #999999;
}
#content .incart {
border-width: 3px;
padding: 0;
border-color: #00b6ef;
}
#content .image_active {
border-width: 3px;
padding: 0;
border-color: #FF6C02;
}
#cover {
text-align: center;
padding: 5px;
}
.portlet .h1_album {
text-align: center;
width: 100%;
margin: 0;
padding: 2px;
border: 0;
}
/*
img.move_handle {
cursor: move;
}
*/
input.labeledit {
border: 1px solid #999999;
font-size: 10px;
width: 70%;
padding: 1px;
}
textarea.labeledit {
border: 1px solid #999999;
font-size: 10px;
padding: 1px;
display: block;
width: 100%;
height: 100px;
}
input.labelbutton {
border: 1px solid #999999;
font-size: 9px;
width: 20px;
padding: 0;
}
.description_text {
font-size: 9px;
color: #999999;
}
.description_text a {
font-size: 9px;
}
#tag_auto_complete li {
list-style: none;
color: #000000;
font-size: 11px;
}
li.tag_list {
color: #00a6ef;
}
li.tag_list img {
vertical-align: middle;
}
.cover_select {
float: left;
width: 55px;
height: 55px;
text-align: center;
padding: 3px;
}
#content_menu .menu_item_active {
padding: 0;
cursor: default;
}
#content_menu a {
color: #000000;
display: block;
font-size: 11px;
padding: 2px 7px;
text-decoration: none;
}
#content_menu a:hover {
color: #00a6ef;
}
#content .pictures_outer {
position: relative;
text-align: center;
background-color: #FFFFFF;
border: 0;
height: 152px;
}
div.pictures_outer .inner_picture {
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
}
#content .pictures_inbox {
position: relative;
text-align: center;
background-color: #FFFFFF;
width: 90px;
height: 107px;
border: 0;
float:left;
}
/* tag cloud specific font sizes */
.tag_cloud {
text-align: center;
}
a.cloud_xxsmall {
font-size: 70%;
}
a.cloud_xsmall {
font-size: 80%;
}
a.cloud_small {
font-size: 90%;
}
a.cloud_medium {
font-size: 100%;
}
a.cloud_large {
font-size: 120%;
}
a.cloud_xlarge {
font-size: 140%;
}
a.cloud_xxlarge {
font-size: 160%;
}
.disabled {
opacity:.45;
filter: alpha(opacity=35);
-moz-opacity: 0.35;
}
.disabled a {
cursor: pointer;
}
.modal_dialog {
opacity: 40;
filter: alpha(opacity=40);
-moz-opacity: 0.40;
background-color: rgba(0, 0, 0, 0.4);
top: 0px;
left: 0px;
position: absolute;
width: 100%;
height: 100%;
}
.modal_floating_menu {
top: 0px;
left: 0px;
position: absolute;
width: 100%;
height: 100%;
}
#modal_box_inner{
overflow-y:scroll;
max-height: 400px;
}
.shop_list_item {
padding: 2px;
border-bottom: 1px solid #dddddd;
display: block;
}
.shop_list_item .shop_image {
float: left;
}
#content .shop_list_item a.title {
font-size: 14px;
text-decoration: none;
font-weight: bolder;
}
.shop_list_item .price {
float: right;
font-size: 14px;
font-weight: bolder;
}
.auto_complete {
background-color: #FFFFFF;
border: 1px solid #999999;
cursor: pointer;
z-index: 10000;
}
.loading .inner {
background-image: url(https://cdn.pixum.com/images/ajax-loader-big.gif);
background-repeat: no-repeat;
background-position: center center;
}
.please_wait {
background-image: url(https://cdn.pixum.com/images/ajax-loader-big.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 10px 0 0 50px;
line-height: 50px;
}
.big_loading {
background-image: url(https://cdn.pixum.com/images/throbber_200x200px.gif);
background-repeat: no-repeat;
background-position: center center;
}
/*===============================*/
/*================= SLIDESHOW ==============*/
.slideshow_background {
background: #000;
}
#slideshow {
text-align: center;
}
.slideshow_navigation {
width: 100%;
position:absolute;
left:0px;
overflow: hidden;
}
.slideshow_navigation ul {
padding-top: 10px;
display: inline;
}
.slideshow_navigation ul li {
display: inline;
list-style: none;
}
#slideshow_upper_navigation {
position: absolute;
bottom: 30px;
}
#slideshow_lower_navigation {
position: absolute;
bottom: 0px;
font-size: 12px;
line-height: 20px;
}
.slideshow_textlink {
color: #FFFFFF;
width: 100%;
position: absolute;
bottom: 80px;
left: 0px;
}
#slideshow_lower_navigation .left {
position: absolute;
left: 0px;
}
#slideshow_lower_navigation .relative_right {
position: relative;
left: 50px;
}
#slideshow_lower_navigation .relative_left {
position: relative;
right: 50px;
}
/*===============================*/
#upload_form div {
text-align: center;
padding-bottom: 9px;
}
#ajaxupload {
margin-left: auto;
margin-right: auto;
}
#upload_form #ex_linkto_parent, #upload_form #ex_linkto {
text-align: left;
padding-bottom: 0px;
}
.upload_block {
/*text-align: center;*/
padding: 5px;
}
.upload_block ol {
padding-left: 17px;
margin-top: 0px;
}
.upload_block li {
height: auto;
list-style-type: decimal;
}
.upload_block .menu_box_parent_div,
.upload_block .menu_box_parent_div_active {
text-align: left;
margin-top: 10px;
}
.upload_block .hint {
line-height:normal;
white-space: normal;
}
.upload_methods .hint {
font-size: 10px;
line-height: normal;
padding-left: 7px;
padding-bottom: 0;
padding-top: 0;
margin-top: 0;
}
.image_list_header {
border: 1px solid #eeeeee;
padding: 2px;
background-color:#d0e9f0;
color:#00a6ef;
position: relative;
}
.image_list_header_text {
color:#636262;
font-size:13px;
font-weight:bold;
}
.image_list_header_menu {
float: right;
}
#content .product_select {
padding: 0px 0px 0px 5px;
margin-bottom:20px;
height: 100%;
}
#content .product_description {
margin: 0;
padding: 0;
}
#content .product_description ul {
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
list-style-type: disc;
list-style-position: outside;
}
#content .product_description br {
margin: 0;
padding: 0;
line-height: 7px;
}
#content .product_description li {
line-height:normal;
font-size: 12px;
margin-left:2em;
padding:0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
/*===============================*/
/*===============================*/
/*BUTTONS ------------------------------------------------------------*/
/*input.button, html a.button, button.button {
height:24px;
background-color: #cccccc;
margin-left: 2px;
padding-left:10px;
padding-right:10px;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
border-top: 1px solid #FFFFFF;
cursor:pointer;
color: #000000;
}
html a.button{
display: -moz-inline-stack;
display: inline-block;
vertical-align:top;
background-color: #cccccc;
height: 22px;
color: #000000;
text-decoration: none;
font-weight: normal;
}
html a.button span{
padding-top:2px;
display: block;
font-weight: normal;
}
.button:hover, .button:focus {
background-position: left -24px;
outline: 0px;
color: #FFFFFF;
}
.button:focus {
border-right: 1px solid #FFFFFF;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-bottom: 1px solid #FFFFFF;
background-position: left -48px;
}*/
/*BUTTON BAR ------------------------------------------------------------*/
html a.button_slide {
background:#00a6ef url(https://cdn.pixum.com/images/buttonbar_bg.gif) repeat-x 0 -24px ;
margin:0 -4px 0 0;
padding: 0px 10px;
cursor:pointer;
display: -moz-inline-stack;
display: inline-block;
vertical-align:top;
height: 24px;
color: #ffffff;
text-decoration: none;
border-left: 1px solid #92deff;
border-right: 1px solid #00a6ef;
}
html a.button_slide span {
padding-top:2px;
display: block;
font-weight: normal;
}
.button_bar{
height: 24px;
background:#00a6ef url(https://cdn.pixum.com/images/buttonbar_bg.gif) repeat-x 0 0 ;
}
a.button_slide:hover{
border-left: 1px solid #FFFFFF;
border-right: 1px solid #666666;
border-top:none;
border-bottom:none;
}
/*BUTTON ICONS ------------------------------------------------------------*/
.button_slide span.play,
.button_slide span.pause,
.button_slide span.next,
.button_slide span.prev,
.button_slide span.last,
.button_slide span.first,
.button_slide span.close,
.button_slide span.to_cart {
padding-left: 28px;
background-image: url(https://cdn.pixum.com/images/sprite_slideshowicons.gif);
background-repeat: no-repeat;
background-position: left 0px;
margin-left: -4px;
}
.button_slide span.image_replace{
width:21px;
padding-left: 21px;
margin-left: -1px;
overflow:hidden;
text-indent:-2000px;
}
.button_slide span.play{background-position: left 0px;}
.button_slide span.pause{background-position: left -24px;}
.button_slide span.prev{background-position: left -48px;}
.button_slide span.next{background-position: left -72px;}
.button_slide span.first{background-position: left -96px;}
.button_slide span.last{background-position: left -120px;}
.button_slide span.close{background-position: left -144px;}
.button_slide span.to_cart{background-position: left -166px;}
.button_slide span.pixum_home{
background:url(https://cdn.pixum.com/images/100x24_white_trans.png) no-repeat 0 0;
padding-left: 94px;
width:94px;
margin-left: -1px;
overflow:hidden;
text-indent:-2000px;
}
/* MESSAGES ------------------------------------------------------------------*/
.message_warning,
.message_ok,
.message_neutral { font-size: 12px; background-color: #FFFFFF;
padding:10px 10px 10px 56px; margin: 12px 11px 12px 3px;
line-height: 18px; border: 2px solid #00a6ef;
background:#ffffff url(https://cdn.pixum.com/images/message_warning_bg.gif) no-repeat 10px 3px;}
.message_warning {border-color: #FF0000; background-image:url(https://cdn.pixum.com/images/message_warning_bg.gif);}
.message_warning strong {color: #FF0000; }
.message_ok {border-color: #009900; background-image: url(https://cdn.pixum.com/images/message_ok_bg.gif);}
.message_ok strong {color: #009900;}
.message_neutral {padding:10px; background-image:none;}
.message_neutral strong {color: #00a6ef;}
div.message_warning p,
div.message_ok p,
div.message_neutral p {margin: 0px; padding: 0px;}
.portlet .message_warning,
.portlet .message_ok,
.portlet .message_neutral {margin: 9px 12px;}
#message_slideshow_cart {
padding: 5px 5px 5px 5px; margin: 0px auto;
position: relative; width: 400px; top: -100px;
overflow: visible;
}
/*special_case: newsletter-registration*/
#newsletter_loggedout div.message_ok,
#newsletter_loggedout div.message_warning,
#newsletter_loggedout div.message_neutral {
margin-left: 7px;
width: 420px;
}
/* FORMULARE BASIC SETUP -----------------------------------------------------*/
/*basic_form: 5 Layoutspalten mit �berschriften links*/
form.basic_form {
margin:0;
padding: 0px;
padding-left:10px;
padding-right:10px;
border: 0px solid #CCCCCC;
}
form.basic_form h1,
form.basic_form h2,
form.compact_form h1,
form.compact_form h2{
padding-left:0;
}
.form-row, .radiogroup {
padding-top: 0px;
padding-bottom: 2px;
padding-right: 0px;
padding-left: 0px;
width:100%;
overflow:hidden;
margin-bottom:3px;
}
form.basic_form div.form_end {
padding-left:154px;
padding-bottom:5px;
padding-top:5px;
}
.form-row label, .radiogroup h2 {
padding-right:0px;
width: 139px;
display: block;
vertical-align:top;
float:left;
padding:0px;
margin-right:15px;
font-weight:normal;
color:#000000;
margin-left:0;
}
fieldset {
margin:0;
margin-bottom:5px;
border:none;
padding:0;
}
legend{
font-weight:bold;
margin:0;
padding:0;
}
.checkbox_row {
padding-bottom: 2px;
}
.checkbox_row label{
display:block;
text-indent: -18px;
padding-left: 18px;
padding-bottom: 3px;
}
.radiogroup label{
display:block;
margin-left:154px;
text-indent: -18px;
padding-left: 18px;
width:203px;
}
input.checkbox, input.radio {
vertical-align:middle;
margin: 2px 2px 2px 0px;
width:13px;
padding:0;
}
input.radio{
margin:2px 4px 2px 0px;
}
input.text, input.password, textarea {
vertical-align:bottom;
width: 215px;
_width:179px;
margin:0;
padding:0;
}
.form_error {
color: #FF0000;
}
.hint{
font-size: 10px;
color: #999999;
margin-left: 154px;
}
/*compact_form: 3 Layoutspalten mit Userschriften oben*/
form.compact_form{
padding-left:10px;
padding-right:10px;
width:211px;
}
form.compact_form{
padding-left:10px;
padding-right:10px;
width:211px;
line-height:14px
}
.child_div form.compact_form{
padding-left:0px;
padding-right:0px;
width:auto;
}
.compact_form .form-row label, .compact_form .radiogroup h2 {
display: block;
float: none;
width:100%;
font-weight: normal;
font-size: 10px;
padding: 0px;
margin: 0px;
}
.compact_form .hint{
margin-left: 0px;;
}
.compact_form .radiogroup label{
display:block;
margin-left:0px;
text-indent: -17px;
padding-left: 17px;
width:180px;
_width:175px;
font-size: 10px;
}
.compact_form input.text, .compact_form input.password, .compact_form textarea {
vertical-align:bottom;
width: 189px;
}
/*Fehler im Formular */
div.form_error label, div.form_error .hint, div.form_error h2{
color:#FF0000;
}
div.form_error textarea , div.form_error input, div.form_error select{
border-color:#ff0000;
color:#ff0000;
}
/*Pfichtfelder*/
.form-row label.mandatory, .radiogroup h2.mandatory{
font-weight:bold;
}
/* tooltip */
.tooltip_icon {text-decoration: none;color: #666666;vertical-align:middle;padding:0px 0px 0px 4px;border:none;}
a.tooltip_icon {display:-moz-inline-box;display:inline-block; position:relative; background: #00a6ef url(https://cdn.pixum.com/images/cart/icon_info.png) no-repeat ; width:10px;height:13px; vertical-align:text-top; padding:0; margin:0 0 0px 2px}
a.tooltip_icon img{display:none}
.tooltip {position: absolute;font-size: 9px;color: #666666;border: 1px solid #999999;padding: 4px;width: 200px;background-color: #FFFFFF;z-index: 1000;line-height: normal;}
div.adressbook {
border: 1px solid #999999;
width: 420px;
background-color: #ffffff;
background-image: url(https://cdn.pixum.com/images/adressbook.png);
background-repeat: no-repeat;
background-position: 2px 3px;
}
div.adressbook div {
padding: 3px 3px 20px 60px;
}
div.adressbook div div {
padding: 0px;
}
div.adressbook ul {
list-style: none;
padding: 0px;
margin: 0px;
}
div.adressbook ul li {
padding: 0px;
margin: 0px;
}
/* End Forms ------------------------------------- */
hr {
background-color: #999999;
height: 1px;
border-style: none;
}
table.product_table {
width: 100%;
}
table.product_table td {
border-bottom: 1px solid #CCCCCC;
vertical-align: top;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.product_table td.col_produkt_image {
width: 100px;
}
table.product_table .col_product_description {
}
table.product_table td.col_product_price {
width: 60px;
text-align: center;
vertical-align: middle;
}
table.product_table td.col_product_link {
width: 50px;
text-align: left;
vertical-align: middle;
}
table.product_table thead {
text-align: left;
padding: 5px;
display: none;
}
table.product_table caption {
display: none;
}
ul.subcategory_list li {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 9px;
padding-right: 10px;
padding-bottom: 9px;
background-color: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
padding-left: 10px;
}
ul.product_list {
clear: left;
margin: 0px;
padding: 0px;
}
form.product_finder {
padding: 7px;
}
ul.product_list li {
padding: 0px;
}
.product {
padding: 5px;
}
.product .product_data {
clear: both;
}
.product .product_description {
clear: both;
font-size: 9px;
}
.small_pictures_list .picture {
float: left;
width: 72px;
height: 72px;
position: relative;
text-align: center;
margin: 2px;
}
.small_pictures_list .picture img.image{
position: relative;
bottom: 0px;
}
/* shop-labels und Links: -----------------------------------------------------*/
span.label_hot, span.label_new, span.label_promotion {
background-color: #CCCCCC;
color: #FFFFFF;
padding-right: 5px;
padding-left: 5px;
margin-right: 5px;
margin-left: 5px;
padding-bottom: 2px;
background-image: url(https://cdn.pixum.com/images/mini_label_shadow.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
span.label_hot{
background-color:#ff6600;
}
span.label_new{
background-color:#009900;
}
span.label_promotion{
background-color:#ff0000;
}
a.grossbild_link {
font-size: 10px;
background-image: url(https://cdn.pixum.com/images/icon_lupe.gif);
background-repeat: no-repeat;
background-position: left center;
display: block; padding-left: 14px;
color: #00a6ef;
text-decoration: underline;
line-height: 14px;
cursor:pointer;
}
.col_product_price strike {
color:#FF0000;
}
#ex_linkto ol {
padding-left: 30px;
padding-right: 2px;
}
/*ALBUM COUNT LINK =================================================*/
#content a.albumlink{
position:relative;
display: Inline-Block;
text-decoration: none;
}
#content a.albumlink .pictures_album_count {
background:url(https://cdn.pixum.com/images/albumcount_bg.gif) no-repeat left top;
color:#FFFFFF;
font-size:10px;
height:12px;
line-height:12px;
display:block;
float:right;
padding-left:3px;
position:absolute;
bottom:10px;right:12px;
}
#content a.albumlink .pictures_album_count span {
background:url(https://cdn.pixum.com/images/albumcount_bg.gif) right bottom;
display:block;
padding-right:3px;
}
/* ENDE VON ALBUM COUNT LINK =================================================*/
/* FAQ SEARCH PAGER ==========================================================*/
.search_pager {
margin: 10px;
}
.search_pager a {
border: 1px solid #aaa;
padding: 3px;
margin-left: 1px;
}
.search_pager a:hover {
border-color: #000;
}
.search_pager strong {
border: 1px solid #ccc;
padding: 3px;
margin-left: 2px;
}
/* ENDE VON FAQ SEARCH PAGER =================================================*/
/* FOTO INFO in Fotoeinzelansicht ============================================*/
#content .foto_info p {
font-size: 10px;
line-height: normal;
padding: 0;
margin: 0;
padding-left: 13px;
}
/* ENDE FOTO INFO in Fotoeinzelansicht ============================================*/
/* SONDER_PORTLET F�R URL FUNKTION /foto/ ====================================*/
div.microsite {
padding-bottom: 10px;
margin-bottom: 5px;
margin-bottom: 0px;
/*clear: right;*/
background: url(https://cdn.pixum.com/images/portletshadow_span_12.gif) no-repeat right bottom;
margin:auto;
min-width:675px;
float:left;
}
div.microsite div.outer_border {
border: 3px solid #cee6f3;
background-color: #00a6ef;
padding: 0px;
margin-right: 8px;
}
div.microsite div.inner {
background-color: #FFFFFF;
margin: 0px;
padding: 0;
border: 1px solid #00a6ef;
}
#menu_main #christmasmarket{
/*background:url(https://cdn.pixum.com/images/xmas-boxen_2009.jpg) no-repeat right 0px;
padding-right: 55px;*/
}
#menu_main #christmasmarket a{
background:url(https://cdn.pixum.com/images/xmas-reiter_2009_red.png) no-repeat 0px -35px;
padding-left:3px; padding-right: 3px; color:#ffffff;
border-color:#ff6600;
font-weight:bold;
}
.portlet .more_pad {
padding-left: 13px;
padding-bottom: 5px;
padding-top: 5px;
}
.portlet .pad_bottom {
padding-bottom: 5px;
}
.portlet .padding {
margin: 0;
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 7px;
padding-left: 7px;
}
/* TABLE Cart Slot ========================================================*/
table.cart_slot_table {
width: 100%;
padding: 0;
margin: 0;
}
table.cart_slot_table td {
vertical-align: middle;
padding-right: 5px;
padding-left: 5px;
}
table.cart_slot_table td.col_summary {
border-top: 1px solid #CCCCCC;
}
table.cart_slot_table td.right {
text-align: right;
}
table.cart_slot_table td.col_head {
font-weight: bold;
vertical-align: top;
}
.cart_slot_table td.col_produkt_image {
width: 100px;
}
table.cart_slot_table .col_product_description {
}
table.cart_slot_table .staffel_tag {
color: red;
font-weight: bold;
}
table.cart_slot_table td.col_product_price {
width: 60px;
text-align: center;
vertical-align: middle;
}
table.cart_slot_table td.col_product_link {
width: 50px;
text-align: left;
vertical-align: middle;
}
table.cart_slot_table thead {
text-align: left;
padding: 5px;
/*display: none;*/
}
table.cart_slot_table caption {
display: none;
}
/* ENDE TABLE Cart Slot ===================================================*/
/* Kalender Editor ========================================================*/
#background_choice {
font-size: 12px;
font-weight: bold;
clear: both;
}
#background_choice li {
margin: 4px;
padding: 0px;
list-style-type: none;
float: left;
}
#calendar_editor_parent {
position: relative;
margin: 5px 0 0 15px;
width: 600px;
height: 500px;
text-align: center;
float: left;
}
/* der eigentliche editor-frame, in dem man bilder aussuchen kann usw. */
#calendar_editor {
position: relative;
margin: 0 0 0 0 auto;
border: 1px solid #626262;
background: #F9F9F9;
}
div.inner_page {
width: 100%;
position: absolute;
bottom: 14px;
left: 0px;
}
.inner_page {
height: 18px;
font-size: 10px;
color: #999999;
}
.calendar_pagelist {
position: relative;
display: block;
float: left;
margin: 5px;
text-decoration: none;
}
.calendar_pagelist_image {
position: absolute;
top: 0;
left: 0;
}
/* bei Duplex seiten die jeweils obere oder untere seite (die nicht bearbeitbar ist) */
/* bei click wechsel auf die entsprechende seite */
.calendar_duplex {
position: relative;
display: block;
margin: 0px;
border: 1px solid #626262;
text-decoration: none;
}
.calendar_duplex_image {
position: relative;
top: 0;
left: 0;
}
/* Pop-Fenster zum Auswaehlen von Template im Editor: */
#select_layout h1{margin:0; background:#00a6ef url(https://cdn.pixum.com/images/navi_bg.gif) repeat-x; color:#ffffff}
#select_layout .child_div{padding:0; border-top:none;}
#select_layout .parent_div{background-position: 98% 50%}
.layout_select{overflow:auto!important; height:200px;padding:3px!important}
.layout_select a{display:block; float:left; margin:10px}
/*popup-button im Grusskarten-editor*/
#select_layout_parent p a{ background: url(https://cdn.pixum.com/images/thx_page_img/btn.gif); width:200px;padding:0 10px 0 0px; height:42px; display:block; line-height:36px; color: #fff; text-align:center; text-decoration:none; font-size:14px; font-weight:bold;margin: 3px 0 0 5px}
/* ENDE Kalender Editor ========================================================*/
/* ===================================================================================*/
/*Premium Info Portlet*/
#premium_info{padding:0 0 40px 0; background:#fff url(https://cdn.pixum.com/images/quality_logos.png) no-repeat center bottom;}
#premium_info p {font-size:10px;}
#premium_info p#headline {font-size:14px; background:#00a6ef; color:#fff; font-weight:bold; }
/**
* @section Upload Box
*
* Mod. um die uploadbox orange hervorzuheben
* @see http://www.pixum.de/upload
*/
#upload_portlet {background:none;}
#upload_portlet .inner{border-color:#ff6600}
#upload_portlet .outer_border{border-color:#f0ccb5}
#upload_portlet .inner h1 {background:#ff6600 url(https://cdn.pixum.com/images/gradients2.png) repeat-x 0 -378px; padding: 4px 10px; line-height:18px; display:block; color:#fff; font-size:14px; font-weight:bold; border:none; }
#upload_portlet .parent_div p {background: url(https://cdn.pixum.com/images/icon_tooltip.gif) no-repeat 0 8px; padding-left: 18px }
/* zooming-cursor on thumbnails */
.link_zoom{
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: url('https://cdn.pixum.com/images/lupe.cur'), pointer;
}
.image_popup_image_name{color: #00a6ef;}
/* Ajax Autocompletion */
div.auto_complete li.selected {
color:#fff;
background:#00b6ef;
}
div.auto_complete ul {
margin:0;
padding:0;
}
div.auto_complete li {
list-style-type:none;
margin:0;
padding:0 0 0 20px;
font-size:11px;
}
.image_popup_image_name{color: #00a6ef;}
#shortfaq p {
padding: 5px 0px;
}
#shortfaq li {
margin-right: 3em;
}
.productdesigner_login{padding: 0px 180px 30px 8px; background: url(https://cdn.pixum.com/images/productdesigner_login_bg.jpg) no-repeat right 40px; margin: -7px -7px 0 -7px; overflow: hidden; position: relative; }
.productdesigner_login h1, .productdesigner_login p.headline {background:url(https://cdn.pixum.com/images/gradients.png); color: #fff; font-weight:bold; padding: 5px 8px; margin:5px -1000px 8px -8px; }
.productdesigner_login .basic_form{ padding:10px 0 0 0;}
.productdesigner_login .basic_form label{font-size: 12px; }
.productdesigner_login .basic_form .text { width: 200px; }
.productdesigner_login .floating_closer_div{border:none; }
.productdesigner_login .button{width: 100px; display: block; position: absolute; padding: 3px 0px; color: #fff;
font-weight: bold; white-space:normal; background:url(https://cdn.pixum.com/images/cart/button_blue.png) repeat-x 0 -125px; border: 1px solid #00a6ef; cursor: pointer; text-align: center; }
.productdesigner_login .basic_form .button{left:8px; bottom: 25px; width: 160px; }
.productdesigner_login .floating_closer_div .button{right:10px; bottom: 10px; height: 40px; width: 160px; background-image:url(https://cdn.pixum.com/images/cart/button_orange.png); border-color: #ff6600 #bb3300 #bb3300 #ff6600}
#cboxLoadedContent .productdesigner_login { line-height: 18px; font-size: 12px }
#cboxLoadedContent .productdesigner_login { width: 300px; padding: 0 180px 90px 10px; margin: 10px; }
/* table-styling by MAG */
.datatable {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0;
background-color: #eeeeee;
border: 1px solid #9b9b9b;
width: 100%;
table-layout:fixed;
margin: 0;
}
.datatable_pricelist{table-layout:auto;}
.datatable_pricelist {border: none;}
.datatable_pricelist tbody th {width:50%;}
.datatable_pricelist tbody .odd th {background:#fff}
.datatable_pricelist tbody th a:link, .datatable_pricelist tbody th a:hover, .datatable_pricelist tbody th a:active, .datatable_pricelist tbody th a:visited {text-decoration: none;}
.datatable .firstcol {
width: 250px;
}
.datatable caption {
padding: 0 0 0 10px;
color: #00a6ef;
font-size: 18px;
text-align: left;
line-height: 30px;
background-color: #ffffff;
}
.datatable thead {
margin: 10px 0 0 0;
background: url(https://cdn.pixum.com/images/table/bg_blue.png) repeat-x #00a6ef;
color: #ffffff;
}
.datatable thead th {
padding: 0 5px 0 5px;
text-align: center;
font-size: 11px;
line-height: 20px;
background: url(https://cdn.pixum.com/images/table/bg_blue.png) repeat-x #00a6ef;
}
.datatable thead a {
color: #ffffff;
text-align: center;
}
.datatable thead th a:link, .datatable thead th a:visited, .datatable thead th a:active, .datatable thead th a:hover {
color: #ffffff;
}
.datatable tbody {
width: 100%;
}
.datatable tfoot {
min-height: 20px;
font-size: 10px;
}
.datatable tfoot td {
background-color: #ffffff;
text-align: center;
padding: 5px;
width: 100%;
}
.datatable tbody tr {
line-height: 18px;
}
.datatable tbody th {
font-weight: bold;
font-size: 11px;
text-align: left;
padding-left: 10px;
}
.datatable .first_column {
font-weight: bold;
font-size: 11px;
padding-left: 10px;
}
.datatable .first_column a {
color: #000000;
}
.datatable tbody td {
font-size: 11px;
font-weight: normal;
text-align: center;
padding: 0 5px 0 5px;
width: inherit;
}
.datatable .odd {
background-color: #ffffff;
}
.datatable .even {
background-color: #eeeeee;
}
/**
* einfache Suche simple_search
**/
.service_simple_search .basic_form {
height: 20px;
}
.simple_search select{
border-color:#666666 #BBEEFF #BBEEFF #666666;
border-style:solid;
border-width:1px;
color:#999999;
font-size:11px;
height:20px;
margin:0 0 9px 3px;
padding:0 0 0 0;
width:120px;
float: left;
line-height: 20px;
}
.simple_search .search_input {
float: left;
height: 16px;
background: #FFFFFF url(https://cdn.pixum.com/images/icon_search.png) no-repeat scroll left top;
padding: 2px 0 0 20px;
display: inline;
width: 200px;
}
html > body .simple_search input.button {
border-color: #666666 #00a6ef #00a6ef #00a6ef;
border-width: 1px;
border-style: solid;
height: 19px;
margin: 0 0 0 3px;
line-height: 14px;
}
.simple_search input.button {
background: #00a6ef url(https://cdn.pixum.com/images/buttonbar_bg.gif) repeat-x scroll 0 -25px;
border: medium none;
color: #ffffff;
cursor: pointer;
float: left;
font-size: 11px;
overflow: visible;
padding: 0 3px 2px;
height: 20px;
margin: 0 0 0 3px;
}
.simple_search .tooltip_icon {
margin: 4px 0 0 3px;
}
.service_search #advanced_search_link1 {
margin: 9px 0 15px 13px;
font-size: 10px;
height: 12px;
line-height: 12px;
text-align: left;
}
/*XMAS-Countdown */
#xmas_countdown_container {position: absolute; top: 26px; left: 50%; margin: 0 0 0 -320px; color: #000; z-index: 5; }
#xmas_countdown_container .intro{color:#999999; font-weight: bold; letter-spacing: -0.5px; }
#xmas_countdown {overflow: hidden; zoom: 1; color: #999999}
#xmas_countdown div {float: left; margin: 1px 10px 10px 0 }
#xmas_countdown span { color: #ff0000; font-weight: bold; }
/** Service Live Chat */
#livechat {
height: 100px;
background: url(https://cdn.pixum.com/images/chat/bg_servicechat.jpg);
position: relative;
}
#livechat #chatlink {
position: absolute;
top: 0;
left: 0;
}
#livechat #textarea {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
margin-left: 7px;
}
#livechat #textarea .h1style {
color: #00a6ef;
font-size: 16px;
}
#header_userbar .live_chat {
overflow:auto;
zoom:1;
display: inline;
}
#header_userbar .live_chat_offline {
display: inline;
background: url(https://cdn.pixum.com/images/chat/chat_offline_blue.png) no-repeat 0 1px;
margin: 0 0 0 0;
padding: 0 0 0 23px;
}
#header_userbar .live_chat_online {
display: inline;
background: url(https://cdn.pixum.com/images/chat/chat_online_blue.png) no-repeat 0 1px;
margin: 0 0 0 0;
padding: 0 0 0 23px;
}
/** Service Live Chat END */
/** Service Hotline */
#header_userbar #phoneSupportLink {
padding: 0 0 0 20px;
display: inline;
background: url(https://cdn.pixum.com/images/service/phone_icon.png) no-repeat 0 2px;
}
/** Service Hotline END */
.pxas {
position: absolute;
margin-top: -30000px;
margin-left: -30000px;
}
#header .socialbookmarks {overflow: hidden; float: left; margin: -1px 0 0 -4px; display:block; }
/*mein Pixum Newsletter Abo link*/
.newsletter_mypixum{ font-size: 10px; padding: 8px 0; margin: 5px; background: #efefef; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.newsletter_mypixum a{color: #000; text-decoration: none; padding: 0px 10px 0 36px; display: block; margin: 0; line-height: 18px; background: url(https://cdn.pixum.com/images/icon/icon_newsletter.png) no-repeat 8px 3px ; line-height: 15px}
.newsletter_mypixum a em{color:#00a6ef; font-style:normal; border-bottom: 1px solid; }
/* Marketing form */
#marketing_form {
width: 360px;
}
#marketing_form input {
font-size: 14px;
padding: 2px 0 0 5px;
height: 20px;
color: #666666;
width: 343px;
margin: 0;
display: inline;
}
#marketing_form label {
font-size: 14px;
width: 100%;
text-align:left;
margin-top: 5px;
position: relative;
}
#marketing_form #zip_row {
width: 100px;
float:left;
}
#marketing_form #zip {
width: 60px;
}
#marketing_form #city_row {
width: auto;
}
#marketing_form #city_row input {
width: 243px;
}
#marketing_form textarea {
width: 343px;
border-color: #9b9b9b #000000 #000000 #9b9b9b;
overflow: auto;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
padding: 5px;
margin-top: 5px;
height: 100px;
}
#marketing_form .event_uploadfield {
width: 353px;
overflow: hidden;
height: 26px;
line-height: 26px;
}
#marketing_form .checkbox {
width: 30px;
}
#eventButton {
color: #ffffff !important;
height: 30px !important;
line-height: 30px !important;
width: 200px !important;
float: left !important;
background: #00a6ef url(https://cdn.pixum.com/images/service/btn_bg_blue.gif) repeat-x 0 0; color:#fff;
border-style: solid;
border-width: 1px;
border-color: #9b9b9b #000000 #000000 #9b9b9b;
padding: 0 3px;
cursor:pointer;
}
#marketing_form button {}
#marketing_form input.hidden {
display:none;
}
#marketing_form .hint{
font-size: 10px;
color: #999999;
margin-left: 0;
}
/* Marketing form END */
#newsletter_loggedin { /*width: 100%;*/ padding: 0 200px 0 0}
#newsletter_loggedin #newsletterimg {
float: right;
}
#newsletter_image {
display: none;
}
html>body #newsletter_image {
float: right;
display: block;
}
#newsletter_loggedin .submitBtn {
color: #ffffff;
height: 30px;
line-height: 30px;
width: 200px;
float: left !important;
background: #00a6ef url(https://cdn.pixum.com/images/service/btn_bg_blue.gif) repeat-x 0 0; color:#fff;
border-style: solid;
border-width: 1px;
border-color: #9b9b9b #000000 #000000 #9b9b9b;
padding: 0 3px;
cursor:pointer;
font-size: 14px;
margin-top: 5px;
margin-left: 0;
}
#newsletter_loggedin form {
height: 40px;
}
#newsletter_loggedin small {
color: #666666;
}
/* Newsletter Abonieren im Cart */
/* Newsletter Abonieren im Cart END */
/* @group creations */
/*
%ul.creations
%li.cration
%a.image
%img{:src => item.preview-url}
p.title.editable= item.title
%a.action.edit bearbeiten
%a.action.copy kopieren
%a.action.order bestellend
%a.action.delete l�?schen
%div#creationlist
%h1 !!Meine neuesten Kreationen
%li.creation
%div.single_picture
%div.inner_picture
%a.image
%img
%p.title.editable
%nobr
%span#creation_title_161
%a.editable Kalender 2010
%form (style="display: none;")
%input.labeledit
input.labelbutton
%div.pictures_date 18.06.10
%a.action.edit bearbeiten
%a.action.copy kopieren
%a.action.order bestellen
%a.action.delete l�?schen
%div#feedback
*/
ul.creations{list-style: none; padding: 0; margin: 0;}
ul.creations div{padding: 0; margin: 0; border: none; text-align: left; ;}
li.creation{ margin: 0 18px 9px; padding: 0 0 0 105px; -webkit-box-shadow: 1px 1px 2px #abc ; -moz-box-shadow: 1px 1px 2px #abc; border: 1px solid #efefef; ;}
li.creation nobr{white-space: normal;}
li.creation a.image{float:left;width: 80px; margin: 0 0 0 -90px;}
li.creation p.title {font-size:12px; padding:0; margin:0}
li.creation .editable{font-size:12px; margin:0}
#main li.creation div.pictures_date{padding: 0; margin: 0}
li.creation a.image img{max-width: 70px; max-height: 100px; margin: 5px auto}
li.creation a.action {font-size: 10px;}
a.action {display: block; padding: 0; margin: 0; text-decoration: underline; color: #0af; text-indent: 18px;}
a.delete{background: url(https://cdn.pixum.com/images/cart/icon_remove_small.png) no-repeat 2px 5px; left: 0;}
a.edit{background: url(https://cdn.pixum.com/images/icon_mini_edit.gif) no-repeat 2px 3px; left: 0;}
a.copy{background: url(https://cdn.pixum.com/images/cart/icon_add_small.png) no-repeat 2px 5px; left: 0;}
a.order{background: url(https://cdn.pixum.com/images/cart/icon_cart_small.png) no-repeat 2px 5px; left: 0;}
/* @end */
/* @group meine Creationen overview */
/*#creation_list.group
.pictures
.inner_picture
%a.image
%img
%p.title.editable
%nobr
%span#creation_title_214
%aeditable hojaja
%form
%input.labeledit
%input.labelbutton
.pictures_date
%input#edit.checkbox*/
#creation_list a.image{display: block;}
/* @end */
/* @group meine Kreationen Platzhalterimage */
/*
%a.creationsPromo
%img
%span !!start
*/
a.creationsPromo{text-decoration: none; position: relative}
a.creationsPromo span{position: absolute; bottom: 10px; left: 10px; font-size: 18px; font-weight: bold; color: #f60;}
/* @end */
/* @group aside typo */
.aside {font-size: 10px; line-height: 12px;}
.aside h1,
.aside h2,
.aside h3,
.aside p,
.aside li,
.aside ul,
.aside ol{font-size: 1em; line-height: 1.4em; margin-top: 0;}
/* @end */
/* @group Qualitaetsversprechen */
/*.bgQuality {background: #fff url(skin/img/watermark_quality.png) no-repeat right 0px; padding: 0 0 40px 0}*/
/* @end */
body #main li.linklistelement{margin: 0 0 0 1em}
/* @group sidebar and Shop */
.aside{display: block; float: right; margin: -9px 0 0 15px; width:235px;}
.portlet .aside{float: none; width: auto; margin: 1em;}
.aside .mod{margin: 0px 15px 18px 0; font-size: 12px; line-height: 18px;}
.aside .h2{color: #666; font-size: 14px; line-height: 27px;}
.aside ul{overflow: auto;}
.aside a{text-decoration: none}
.aside a:hover{text-decoration: underline}
#main .aside ul li{margin: 0 0 0 1.6em;}
.sidebar_element{margin: 0 0 18px 0}
#pixum_xxl {float:left; clear: left; width: 738px}
/* @end */
#modal_box { position: absolute; }
/*altcode-fix*/
.product_select td{vertical-align: top;}
/** Kundenstimmen */
.kundenstimme {padding:10px 0;background:#fff}
.kundenstimme blockquote,
blockquote.kundenstimme {margin:0 0 36px 0;font-style: italic;border: 2px solid #ccc; padding:10px; position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.kundenstimme cite{display: block;position:absolute; margin:20px 0 0 0;}
.kundenstimme .icon {position: absolute;width:0;height:0;border:10px solid transparent;bottom:-20px;left:20px;border-top-color: #ccc}
.kundenstimme .icon i{top: -13px;left: -10px;position: absolute;width:0; height:0;border: 10px solid transparent;border-top-color:#fff}
/*IE Bug Easybook*/
#easybook_main { _float:right;}
#linke_spalte{ _overflow: hidden;}
/* @group searchform header */
/**
* einfache Suche simple_search
**/
.service_search .service_simple_search .basic_form {
margin-top: 14px;
height: 20px;
}
.service_search .simple_search select{
border-color:#666666 #BBEEFF #BBEEFF #666666;
border-style:solid;
border-width:1px;
color:#999999;
font-size:11px;
height:20px;
margin:0 0 9px 3px;
padding:0 0 0 0;
width:120px;
float: left;
}
.service_search .simple_search .search_input {
float: left;
height: 16px;
background: #FFFFFF url(https://cdn.pixum.com/images/icon_search.png) no-repeat scroll left top;
padding: 2px 0 0 20px;
display: inline;
width: 200px;
font-size: 11px;
}
.service_simple_search select {
font-size: 11px;
}
.service_simple_search .search_input {
background-color: #ffffff;
height: 16px;
padding-top: 2px;
font-size: 11px;
}
.simple_search input {
font-size: 11px;
padding: 0;
}
html > body .service_search .simple_search input.button {
border-color: #666666 #00a6ef #00a6ef #00a6ef;
border-width: 1px;
border-style: solid;
height: 19px;
margin: 0 0 0 3px;
line-height: 14px;
}
.service_search .simple_search input.button {
background: #00a6ef url(https://cdn.pixum.com/images/buttonbar_bg.gif) repeat-x scroll 0 -25px;
border: medium none;
color: #ffffff;
cursor: pointer;
float: left;
font-size: 11px;
overflow: visible;
padding: 0 3px 2px;
height: 20px;
margin: 0 0 0 3px;
}
.service_search .simple_search .tooltip_icon {
margin: 4px 0 0 3px;
}
.service_search #advanced_search_link1, .service_search #advanced_search_link2 {
margin: 9px 0 15px 13px;
font-size: 10px;
height: 12px;
line-height: 12px;
text-align: left;
}
input.inputprompt {color: #999;padding: 0; width:120px; font-size:12px; border-width: 1px;border-color: #666666 #bbeeff #bbeeff #666666; border-style: solid; ; height: 15px; margin: 0 0 9px 0; }
input.userinput, input.typing{
color:#000;
}
/**
* Erweiterte Suche advanced Search
**/
/*.inner h1 {
background: #00a6ef;
color: #ffffff;
}*/
.service_advanced_search .simple_search_link {
margin: 0 0 15px 13px;
font-size: 10px;
height: 12px;
line-height: 12px;
text-align: left;
}
.service_search h1, #shortfaq h1, .service_h1 h1 { color: #ffffff; background: #00a6ef; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: none; padding: 0 10px 0 10px; margin: 0; line-height: 25px; font-size: 14px; font-weight: normal; text-align: left }
.service_advanced_search .form-row label {
font-weight: bold;
}
html > body .service_advanced_search input.button {
border-color: #666666 #00a6ef #00a6ef #00a6ef;
border-width: 1px;
border-style: solid;
height: 30px;
margin: 0;
line-height: 30px;
font-size: 16px;
}
.service_advanced_search input.button {
background: #00a6ef url(https://cdn.pixum.com/images/service/btn_bg_blue.gif) repeat-x scroll 0 0;
border: medium none;
color: #ffffff;
cursor: pointer;
font-size: 11px;
overflow: visible;
padding: 0 30px 0 30px;
height: 30px;
margin: 0;
font-size: 16px;
width: 200px;
}
.service_advanced_search label {
width: 100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}
.service_advanced_search input {
font-size: 14px;
padding: 0 0 0 5px;
height: 18px;
color: #000000;
width: 343px;
margin: 0;
line-height: 18px;
}
.service_advanced_search select{
border-color:#666666 #BBEEFF #BBEEFF #666666;
border-style:solid;
border-width:1px;
color:#000000;
font-size:14px;
height:20px;
margin:0 0 9px 0;
padding:0 0 0 0;
width:200px;
float: left;
}
.service_advanced_search #advanced {
height: 0;
}
.service_advanced_search #as_q_row {
margin-top: 15px;
}
/* @end */
/* @group xmas Bestallfristen */
#sidebarBestellfristen{zoom: 1;background: #fff;padding: 8px 0 0 0;}
#sidebarBestellfristen:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.bestellfristenButton,
.bestellfristenButton:link,
.bestellfristenButton:visited,
.bestellfristenButton:hover{display: block;line-height: 18px; padding: 0 0 0 76px;color: #666; background: #fff url(https://cdn.pixum.com/images/bestellfristenButton.png) no-repeat 0 0; float: left; text-decoration: none; font-size: 12px; border: 1px solid #fff; margin-left: -8px;;}
.bestellfristenButton .slidingDoor{display: block; padding: 18px 18px 18px 0; background: url(https://cdn.pixum.com/images/bestellfristenButton.png) no-repeat right 0; border-right: 1px solid #fff;}
.bestellfristenButton strong{font-size: 12px}
#xmasBestellfristenInfo #liefertabelle{margin: 18px 0px}
#xmasBestellfristenInfo #liefertabelle caption{font-size: 14px; color:#e50000; padding: 3px 5px; text-align: left; font-weight:bold}
#xmasBestellfristenInfo #liefertabelle tbody th,
#xmasBestellfristenInfo #liefertabelle tbody td{border-bottom: 1px solid #ddd; padding: 3px 5px; font-size: 12px}
#xmasBestellfristenInfo #liefertabelle tbody tr:hover td,
#xmasBestellfristenInfo #liefertabelle tbody tr:hover th{background: #e50000; color: #fff}
#xmasBestellfristenInfo #liefertabelle tfoot td{font-size: 10px; color:#e50000; padding: 3px 5px }
/* @end */
a.linktext{ color: #000; color: inherit; text-decoration: none; cursor: default}
/* @group MeineBestellungen */
#myOrders{padding: 0 15px; font-size: 12px;line-height: 18px;}
#myOrders h2{margin: 0 0 18px; font-size: 18px; line-height: 36px;}
#myOrders a:hover { text-decoration: underline!important;}
#myOrders .order_list{ line-height: 18px; font-size: 12px}
#myOrders .order_info{margin: 0 0 18px 0; padding: 15px; border: 1px solid #999;}
#myOrders .order_time{}
#myOrders .order_status{margin: 18px 0px}
#myOrders .order_list .order_ack,
#myOrders .order_list .order_invoice,
#myOrders .order_list .order_tracking,
#myOrders .order_list .intoCart,
#myOrders .order_list .link_reorder_easybook { text-decoration: none;
display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 0 0 0 0px; margin: 0 14px 0 0;}
#myOrders .order_list .intoCart,
#myOrders .order_list .link_reorder_easybook {cursor: pointer;padding: 0px 0 0px 32px;background: url(https://cdn.pixum.com/images/cart-sprite.png) no-repeat 0px 0px;}
.aff_0 #myOrders .order_list .order_tracking {cursor: pointer;padding: 0px 0 0px 64px;background: url(https://cdn.pixum.com/images/myOrders/dhl_logo_my_orders.png) no-repeat 0px 0px;}
.aff_14 #myOrders .order_list .order_tracking {cursor: pointer;padding: 0px 0 0px 48px;background: url(https://cdn.pixum.com/images/myOrders/tnt_logo_my_orders.jpg) no-repeat 0px 0px;}
#myOrders .link_show_photobookpreview .fontIcon-productPreview {font-size:15px;}
.progressBar1 {
background: url(https://cdn.pixum.com/images/myOrders/01fortschritt.png);
}
.progressBar2 {
background: url(https://cdn.pixum.com/images/myOrders/02fortschritt.png);
}
.progressBar3 {
background: url(https://cdn.pixum.com/images/myOrders/03fortschritt.png);
}
.progressBar4 {
background: url(https://cdn.pixum.com/images/myOrders/04fortschritt.png);
}
.progressBar5 {
background: url(https://cdn.pixum.com/images/myOrders/05fortschritt.png);
}
.progressBar6 {
background: url(https://cdn.pixum.com/images/myOrders/06fortschritt.png);
}
.progressBar7 {
background: url(https://cdn.pixum.com/images/myOrders/07fortschritt.png);
}
.progressBar {
width: 658px;
height: 96px;
float: right;
font-weight: bold;
color: #009de0;
position: relative;
}
.progressBar .title1, .progressBar .title2, .progressBar .title3 {
position: absolute;
bottom: -15px;
left: 0;
width: 220px;
text-align: center;
}
.progressBar .title2 {
left: 220px;
}
.progressBar .title3 {
left: 440px;
}
#myOrders .order_info_text {
float:left;
width: 20%;
}
/* @end */
/* contents of /plugin/jquery/colorbox/colorbox.css for styling jquery colorbox plugins */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent {position:relative; /*overflow:hidden;*/}
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
#cboxPrevious, #cboxNext { position:absolute; top:50%; width:24px; height:24px; margin-top:-12px; text-indent:-9999px; }
#cboxPrevious { left:-8px; background: url(/css/plugin/jquery/colorbox/img/colorBoxSprite.png) no-repeat 0 -48px; }
#cboxPrevious:hover { background-position: -24px -48px; }
#cboxNext { right:-8px; background: url(/css/plugin/jquery/colorbox/img/colorBoxSprite.png) no-repeat 0 -24px; }
#cboxNext:hover { background-position: -24px -24px; }
#cboxClose { position: absolute; top: -8px; right: -8px; width: 24px; height: 24px; overflow: hidden;
text-indent: -1000px; background: url(/css/plugin/jquery/colorbox/img/colorBoxSprite.png) no-repeat 0 0; }
#cboxClose:hover { background-position: -24px 0; }
#cboxCurrent { display:none !important; }
#cboxOverlay{ background:#000; }
#cboxLoadingGraphic { background: url(https://cdn.pixum.com/images/cart/ajax-loader_squares.gif) no-repeat center center; }
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight { width: 18px; height: 18px; }
#cboxMiddleLeft, #cboxMiddleRight { width:18px; }
#cboxTopCenter, #cboxBottomCenter { height:18px; }
#cboxContent { background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); }
#cboxTitle { color: #fff; position: absolute; top: -20px; left: 5px; }
/* @group px-module */
/* @group px-button */
button::-moz-focus-inner {
border: 0;
padding: 0;
}
.px-button .ui-icon {
display: inline-block;
margin: 0 0 0 0;
padding: 0;
vertical-align: top;
border-left: 1px solid #ddd;
}
.px-button,
.px-button:link,
.px-button:visited {
cursor: pointer;
text-decoration: none;
font-size: 12px;
line-height: normal;
display: inline-block;
vertical-align: top;
margin: 5px 0;
padding: 2px 0.6em 2px;
border: 1px solid;
border-color: #ffffff #d6d6d6 #d6d6d6 #ffffff;
color: #0088cc;
background-color: #efefef;
background-image: url('https://cdn.pixum.com/images/xxl/assist/buttonGradient-24.png');
background-repeat: repeat-x;
background-position: 0 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.px-button:hover {background-image: none; }
.px-button:active{margin-top: 6px; margin-bottom: 4px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
/* @group connected Buttons */
.px-left-button,
.px-left-button:link,
.px-left-button:visited {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.px-middle-button,
.px-middle-button:link,
.px-middle-button:visited {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.px-right-button,
.px-right-button:link,
.px-right-button:visited {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
/* @end */
.px-button-size1,
.px-button-size1:link {
background-position: 0 -750px;
font-size: 18px;
padding: 10px 1em;
}
/* @group color Variations */
.keyColorA,
.keyColorA:link,
.keyColorA:visited{
color: #ffffff;
background-color: #00aaff;
border-color: #33bbff #0088cc #0088cc #33bbff;
}
.keyColorB,
.keyColorB:link,
.keyColorB:visited {
color: #ffffff;
background-color: #ff6600;
border-color: #ff8533 #cc5200 #cc5200 #ff8533;
}
.keyColorC,
.keyColorC:link,
.keyColorC:visited {
color: #ffffff;
background-color: #ff0077;
border-color: #ff3392 #cc005f #cc005f #ff3392;
}
/* @end */
/* @end */
/* @group px-slideshow */
.px-slideshow{color: #666;font-size: 16px;line-height: 24px}
.px-slideshow .pagination{font-size: 12px}
.px-slideshow .h2,
.px-slideshow h2{font-size: 22px; line-height: 36px; font-weight: normal}
.px-slideshow p{margin: 18px 20px}
.px-slideshow .stoerer {text-align:center; -webkit-transform: rotate(-5deg); color: #fff; width: 100px; font-weight: bold; font-size: 16px; line-height: 21px}
.px-slideshow .stoerer strong{font-size: 24px; white-space: nowrap; line-height: 36px;}
/* @end */
/* @group foldable text */
.px-foldable-hidden { display:none; }
.foldtext { color: #9b9b9b; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px 15px; }
/* @end */
.notification {
position:relative;
margin:10px 12px 0 12px;
font-size:13px;
border:1px solid;
border-radius:4px;
font-family:Verdana,Helvetica,sans-serif;
}
.notification > div {
padding:10px 20px 10px 50px;
}
.notification .icon {
position:absolute;
left:10px;
top:50%;
margin-top:-16px;
width:32px;
height:32px;
}
.notification.success {
color:#4F8A10;
border-color:#4F8A10;
background:#EAF9D3;
}
.notification.success .icon {
background: url(https://cdn.pixum.com/assets/frame/notification.png) -64px 0 no-repeat;
}
.notification.error {
color:#D8000C;
border-color:#DC8388;
background:#FDE2E2;
}
.notification.error .icon {
background: url(https://cdn.pixum.com/assets/frame/notification.png) 0 0 no-repeat;
}
.notification.warning {
color:#9F6000;
border-color:#B98F50;
background:#FEEFB3;
}
.notification.warning .icon {
background: url(https://cdn.pixum.com/assets/frame/notification.png) -32px 0 no-repeat;
}
.notification.info {
color:#00529B;
border-color:#7C92A5;
background:#DBE9EF;
}
.notification.info .icon {
background: url(https://cdn.pixum.com/assets/frame/notification.png) -96px 0 no-repeat;
}
.notification.validation {
color:#D63301;
border-color:#DC542A;
background:#FFE0D6;
}
.notification.validation .icon {
background: url(https://cdn.pixum.com/assets/frame/notification.png) -128px 0 no-repeat;
}
.notification .sticky {
display:none;
cursor:pointer;
position:absolute;
right:15px;
top:50%;
margin-top:-8px;
}
.notification:hover .sticky {
display:block;
}
/* Promotion */
/*XMAS Decoration */
#xmasToolbarDiv {
left: !important;
position: relative;
top: -213px !important;
margin: 0 auto;
width: 1px;
}
#xmasToolbarDiv img.left_xmasdeco {
position: absolute;
left: -1300px;
}
#xmasToolbarDiv img.right_xmasdeco {
position: absolute;
left: 520px;
}
/*XMAS Decoration END */
/* Boxen */
.box, .box-hd, .box-bd, .box-ft {
border-style: solid;
border-color: #ddd;
border-width: 0px;
padding: 1px 16px;
position: relative;
background: #fff;
}
.box {
margin: 0 0 16px 0;
border-width: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 16px;
z-index: 2;
}
.box-hd {
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-left-radius:3px;
border-top-right-radius:3px;
overflow: hidden;
padding: 8px 16px 0 16px;
}
.box-bd {
border-left-width: 1px;
border-right-width: 1px;
}
.box-ft {
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
margin-bottom: 16px;
padding: 8px 16px;
}
.box > .line,
.box-hd > .line,
.box-bd > .line,
.box-ft > .line{
margin-left: -8px;
margin-right: -8px;
}
.box > .mod,
.box-hd > .mod,
.box-bd > .mod,
.box-ft > .mod{
margin-left: 0;
margin-right: 0;
}
.box>p:last-child,
.box-bd>p:last-child,
.box-hd>p:last-child,
.box-ft>p:last-child,
.box .bd>p:last-child{
margin-bottom: 0;
}
.primary {
background: #0af;
border-color: #0af;
color: #fff;
}
.secondary {
background: #ddd;
border-color: #ddd;
}
.third {
/* RGBa with 0.9 opacity */
background: rgba(255, 255, 255, 0.8);
}
.box-hd.primary + .box-bd,
.box-hd.secondary + .box-bd,
.box-hd.box-cutoff + .box-bd,
.box-hd.box-bleedoff + .box-bd {
padding-top: 8px;
}
.box-hd.primary,
.box-hd.secondary,
.box-ft.primary,
.box-ft.secondary {
border: none;
padding: 8px 16px;
}
.box-hd.primary a,
.box-hd.secondary a,
.box-ft.primary a,
.box-ft.secondary a {
display: block;
}
.box-hd.primary h2,
.box-hd.primary h3,
.box-hd.primary h4,
.box-hd.primary h5,
.box-hd.secondary h2,
.box-hd.secondary h3,
.box-hd.secondary h4,
.box-hd.secondary h5 {
margin: 0;
}
/**
* px-dialog styles
*/
.px-dialog-wrapper {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.px-dialog-overlay {
position: absolute;
/*position: fixed;*/
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
z-index: 10;
}
.lt-ie9 .px-dialog-overlay,
body.ie8 .px-dialog-overlay {
background: transparent url('https://cdn.pixum.com/images/frontend/widgets/overlay-bg.png');
}
.px-dialog {
position: absolute;
min-width: 160px;
min-height: 120px;
left: 50%;
top: 50%;
margin-left: -80px;
z-index: 11;
background: #FFF;
border-radius: 3px;
font: normal 12px / 18px Verdana,Geneva,Tahoma,sans-serif;
color: #666;
}
.px-dialog .hidden {
display: none;
}
.px-dialog-wrapper .dialogHeader {
overflow: hidden;
width: 100%;
position: absolute;
top: -20px;
min-height: 20px;
display: none;
color: white;
}
.px-dialog-wrapper .dialogHeader .btnCloseDialog {
cursor: pointer;
}
.px-dialog-wrapper.showHeader .dialogHeader {
display: block;
}
.px-dialog .controls {
display: none;
}
.px-dialog .slideshowNavigation {
position: absolute;
bottom: -42px;
height: 32px;
line-height: 31px;
background: rgba(0, 0, 0, 0.75);
color: #FFF;
padding: 0 10px;
text-align: center;
font-size: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.px-dialog .slideshowControls {
left: 50%;
width: 187px;
margin-left: -94px;
}
.px-dialog .additionalButtons {
right: 0;
padding-right: 0;
background: none;
display: none;
}
.px-dialog .slideshowNavigation .currentPosition {
margin: 0 10px 0 10px;
}
.showAdditionalButtons .px-dialog .additionalButtons {
display: block;
}
.lt-ie9 .px-dialog .slideshowNavigation { background: #333; }
.lt-ie9 .px-dialog .additionalButtons { background: none; }
.px-dialog .slideshowNavigation a { color: #FFF; margin-top: 8px; }
.px-dialog .slideshowNavigation .btnNavPlayStop,
.px-dialog .slideshowNavigation .btnNavPlayPause { margin-right: 7px; }
.px-dialog .btnPrev,
.px-dialog .btnNext {
position: absolute;
height: 100px;
line-height: 95px;
color: #FFF;
font-weight: bold;
font-size: 42px;
text-align: center;
width: 50px;
text-decoration: none;
background: rgba(0, 0, 0, 0.75);
top: 50%;
margin-top: -50px;
}
.lt-ie9 .px-dialog .btnPrev,
.lt-ie9 .px-dialog .btnNext { background: #333; }
.px-dialog .btnPrev {
left: -50px;
border-radius: 50px 0 0 50px;
}
.px-dialog .btnNext {
right: -50px;
border-radius: 0 50px 50px 0;
}
.px-dialog .loader {
position: absolute;
left: 50%;
top: 45%;
width: 20px;
height: 20px;
padding: 20px 0 0 20px;
margin: -20px 0 0 -20px;
background: #FFF;
display: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.js-resizing .px-dialog .dialogContent { visibility: hidden; }
.js-loading .px-dialog .dialogContent { opacity: 0.5; }
.js-loading .px-dialog .loader { display: block; }
.showControls .controls { display: block; }
/* @end px-dialog */
.keyColorC, .primary, .primary h1, .primary .h1, .primary h2, .primary .h2, .primary h3, .primary .h3, .primary h4, .primary .h4, .primary h5, .primary .h5, .primary h6, .primary .h6, .primary a, .primary a:link, .primary a:visited {
color: #fff;
}
/* @group Semantische Blockelemente */
.px-dialog ul, .px-dialog ol {
list-style-position: outside;
}
.px-dialog ul {
list-style-type: disc;
padding: 0 0 0 16px;
}
.px-dialog ul li {
background-image: none;
padding: 0;
}
/* @end */
/* @group Abst?nde */
.px-dialog ul, .px-dialog h3 p {
margin: 0 0 8px 0;
}
.dialogBody {
max-height: 500px;
overflow: auto;
}
/**
* Ajax loader styles
*
* - Alpha-transparency on loader background is used when browser supports rgba, otherwise its plain white
* - Spinner/Text are centered horizontically (zoom:1 and *display:inline is used so this works in IE6 and 7)
*/
.px-ajaxloader {
position: absolute;
opacity: 0;
background-color: rgba(255,255,255,.8);
*background-color: #fff;
text-align: center;
}
.px-ajaxloader > div {
zoom: 1;
display: inline-block;
*display: inline;
position: relative;
}
.px-ajaxloader > .px-ajaxloader-text {
margin: 0 20px;
padding: 14px 8px 14px 48px;
background-color: #fff;
color: #666;
border: 1px solid #ddd;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
min-height: 20px;
}
.px-ajaxloader .px-spinner {
position: absolute !important;
left: 0px;
top: 0px;
}
.px-ajaxloader > .px-ajaxloader-text .px-spinner {
left: 23px;
top: 23px;
}
.px-ajaxloader .px-spinner-center {
position: absolute;
width: 12px;
height: 12px;
top: -9px;
left: -9px;
border-radius: 9px;
border: 3px solid #777;
*display: none;
}
.px-ajaxloader > .px-ajaxloader-text .px-spinner-center {
top: 14px;
left: 14px;
}
/* feedback Styles */
.product-content-box {
padding: 0 14px;
}
.feedback-summary {
margin-bottom: 8px;
}
h4.feedback-rating-headline {
font-weight: normal;
font-size: 14px;
padding: 0;
margin-bottom: 24px;
}
.feedback-rating-wrapper { line-height: 32px; }
.feedback-rating-wrapper.small-star { line-height: 22px; }
.feedback-rating {
width: 160px;
height: 24px;
float: left;
background: transparent url('/img/icon/star_grey_32x24.png') repeat-x;
margin-right: 16px;
}
.feedback-rating .rating {
height: 100%;
width: 0;
background: transparent url('/img/icon/star_yellow_32x24.png') repeat-x;
}
.feedback-rating .rating-0-5 { width: 12px; }
.feedback-rating .rating-1 { width: 24px; }
.feedback-rating .rating-1-5 { width: 44px; }
.feedback-rating .rating-2 { width: 64px; }
.feedback-rating .rating-2-5 { width: 76px; }
.feedback-rating .rating-3 { width: 96px; }
.feedback-rating .rating-3-5 { width: 108px; }
.feedback-rating .rating-4 { width: 128px; }
.feedback-rating .rating-4-5 { width: 140px; }
.feedback-rating .rating-5 { width: 160px; }
.small-star .feedback-rating {
width: 105px;
height: 16px;
float: left;
background: transparent url('/img/icon/star_grey_21x16.png') repeat-x;
margin-right: 16px;
}
.small-star .feedback-rating .rating {
height: 100%;
width: 0;
background: transparent url('/img/icon/star_yellow_21x16.png') repeat-x;
}
.small-star .feedback-rating .rating-0-5 { width: 8px; }
.small-star .feedback-rating .rating-1 { width: 21px; }
.small-star .feedback-rating .rating-1-5 { width: 29px; }
.small-star .feedback-rating .rating-2 { width: 42px; }
.small-star .feedback-rating .rating-2-5 { width: 50px; }
.small-star .feedback-rating .rating-3 { width: 63px; }
.small-star .feedback-rating .rating-3-5 { width: 71px; }
.small-star .feedback-rating .rating-4 { width: 84px; }
.small-star .feedback-rating .rating-4-5 { width: 92px; }
.small-star .feedback-rating .rating-5 { width: 105px; }
.feedback-comments {
}
.feedback-comments ul {
padding: 0;
}
.feedback-comments .feedback-comment {
list-style-type: none;
margin: 0 0 24px 0;
}
.feedback-comments .feedback-comment p {
padding: 0;
}
.feedback-statistics {
margin-bottom: 24px;
position: relative;
}
.feedback-statistics .statistics-wrapper {
padding: 0;
margin-right: 24px;
float: left;
}
.feedback-statistics .feedback-average {
padding: 0;
margin: 0 0 1.5em 0;
}
.feedback-statistics .statistics-wrapper li {
padding: 0;
margin: 0;
overflow: hidden;
list-style-type: none;
}
.feedback-statistics .percentage-wrapper {
width: 100px;
height: 13px;
background: #E5E5E5;
overflow: hidden;
float: left;
margin-top: 3px;
margin-right: 8px;
border-radius: 3px;
}
.feedback-statistics .percentage {
background: #FEC900;
height: 100%;
}
.feedback-statistics .count {
float: left;
}
.feedback-statistics .average-symbol {
float: left;
font-weight: bold;
margin-right: 10px;
line-height: 16px;
}
.feedback-statistics .feedback-info-text p {
padding: 0;
margin: 0 0 1em 0;
}
.feedback-statistics #feedbackSeal_default {
position: absolute;
right: 0;
top: -50px;
}