shop-old/themes/easyshop_advanced/media/css/items.css
Thomas Bartelt 0a669704ea Dev-Umgebung: Kompatibilität für PHP 8.3 + Smarty 4.5.6
- Smarty 4.1.1 → 4.5.6 (behebt dynamic property deprecations)
- Core-Klassen: #[\AllowDynamicProperties] für Admin_role, base, Config,
  Customer, Customer_group, CustomerGroups, Item, Structure, website
- website.class.php: counts[parent_id] initialisieren vor ++ (PHP 8.1)
- layout.class.php: HTTP_ACCEPT_LANGUAGE mit isset-Guard
- website_init.php: session_status()-Check vor session_start
- .htaccess: HTTPS-Redirect via X-Forwarded-Proto (statt SERVER_PORT)
- themes/easyshop_advanced/media/: Parent-Theme-Assets nachgezogen
- .gitignore: smarty.4.1.1.bak ausschließen
2026-04-20 01:19:01 +02:00

1762 lines
36 KiB
CSS

.content_item {
position: relative;
top: 40px;
width: 992px;
}
#back_button {
position: absolute;
top: 0px;
left: 1px;
width: 80px;
height: 80px;
color: #ffffff;
font-size: 16px;
font-weight: bold;
text-align: center;
padding-top: 50px;
cursor: pointer;
background: transparent url(./../images/content/item_details/back_button_bg.png) no-repeat;
}
#back_button:hover {
background: transparent url(./../images/content/item_details/back_button_bg_active.png) no-repeat;
}
.content_item .title_wrapper {
position: absolute;
top: 0px;
left: 90px;
width: 901px;
height: 78px;
border: 1px solid #cccccc;
background: #ffffff;
}
.content_item .title_wrapper h3 {
display: inline-block;
position: relative;
top: 2px;
margin-left: 10px;
color: #000000;
font-size: 14px;
}
.content_item .title_wrapper .item_number {
display: inline-block;
position: absolute;
top: 40px;
left: 20px;
color: #000000;
font-size: 10.67px;
}
.content_item .image_wrapper {
position: absolute;
top: 101px;
left: 0px;
height: 660px;
width: 484px;
border: 1px solid #cccccc;
background: #ffffff;
}
.content_item.one_image .image_wrapper {
height: 484px;
}
#image_detailed_container_outer {
position: relative;
width: 484px;
height: 484px;
overflow: hidden;
border-bottom: 1px solid #cccccc;
}
#image_detailed_container_inner {
height: 484px;
width: 10000px;
}
.detailImage {
display: block;
float: left;
width: 484px;
height: 484px;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
}
#image_detailed_container_outer #image_detailed_backward,
#image_detailed_container_outer #image_detailed_forward {
position: absolute;
left: 10px;
top: 50%;
margin-top: -8px;
width: 16px;
height: 16px;
background: transparent url(./../images/content/item_details/slider_arrow_left.png) no-repeat;
cursor: pointer;
}
#image_detailed_container_outer #image_detailed_forward {
left: auto;
right: 10px;
background: transparent url(./../images/content/item_details/slider_arrow_right.png) no-repeat;
}
#image_detailed_container_outer #image_detailed_backward:hover {
background-image: url(./../images/content/item_details/slider_arrow_left_active.png);
}
#image_detailed_container_outer #image_detailed_forward:hover {
background-image: url(./../images/content/item_details/slider_arrow_right_active.png);
}
#item_thumb_slider_wrapper {
position: relative;
top: 0px;
left: 0px;
width: 485px;
height: 175px;
}
#item_thumbs_title {
position: relative;
left: 10px;
top: 15px;
font-size: 18px;
font-weight:bold;
color: #cccccc;
}
.thumbimage {
display: block;
width: 96px;
height: 96px;
background-position: center center;
background-repeat: no-repeat;
border: #C6C6C6 1px solid;
float: left;
margin-right:20px;
}
#thumbContainer {
position: relative;
top: 35px;
left: 45px;
height: 100px;
width: 395px;
overflow: hidden;
}
#thumbScrollContainer {
position: absolute;
left: 0px;
top: 0px;
}
#thumbSlideLeft {
position:absolute;
left: 10px;
top: 90px;
width: 16px;
height: 16px;
cursor: pointer;
border:0px;
background: transparent url(./../images/content/item_details/slider_arrow_left.png) no-repeat;
}
#thumbSlideLeft:hover {
background: transparent url(./../images/content/item_details/slider_arrow_left_active.png) no-repeat;
}
#thumbSlideRight {
position:absolute;
right: 10px;
top: 90px;
width: 16px;
height: 16px;
cursor: pointer;
border:0px;
background: transparent url(./../images/content/item_details/slider_arrow_right.png) no-repeat;
}
#thumbSlideRight:hover {
background: transparent url(./../images/content/item_details/slider_arrow_right_active.png) no-repeat;
}
#thumbPageInfo {
position: absolute;
left: 0px;
width: 100%;
text-align: center;
}
.content_item .item_box_right_wrapper {
position: absolute;
top: 101px;
left: 508px;
height: 758px;
width: 483px;
border: 1px solid #e9e9e9;
background: #fafafa;
z-index: 9;
}
.content_item.one_image .item_box_right_wrapper {
height: 582px;
}
#manufacturer_wrapper {
position: absolute;
top: 0px;
left: 0px;
height: 139px;
width: 483px;
border-bottom: 1px solid #e9e9e9;
background: #fafafa;
}
#manufacturer_wrapper .title_manufacturer {
position: absolute;
left: 17px;
top: 25px;
font-size: 20px;
font-weight:bold;
color: #d3d3d3;
}
#manufacturer_wrapper .manufacturer_title {
position: absolute;
left: 17px;
top: 59px;
font-size: 10.67px;
font-weight:normal;
color: #000000;
}
#manufacturer_wrapper .manufacturer_name {
position: absolute;
left: 90px;
top: 59px;
font-size: 10.67px;
font-weight:bold;
color: #000000;
}
#manufacturer_wrapper .manufacturer_name a {
font-size: 10.67px;
font-weight:normal;
text-decoration:underline;
color: #000000;
}
#manufacturer_wrapper .manufacturer_logo {
position: absolute;
left: 320px;
top: -20px;
width: 140px;
height: 100px;
}
#manufacturer_wrapper .category_title {
position: absolute;
left: 17px;
top: 80px;
font-size: 10.67px;
font-weight:normal;
color: #000000;
}
#manufacturer_wrapper .category_name {
position: absolute;
left: 90px;
top: 80px;
font-size: 10.67px;
font-weight:normal;
color: #000000;
}
#spezial_price_icon {
position: absolute;
top: 425px;
left: 500px;
height: 264px;
width: 80px;
background: transparent url(./../images/content/item_details/angebot_lasche.png) no-repeat;
z-index: 13;
}
#error_message_one, #error_message_two {
position: absolute;
top: 55px;
left: 30px;
width: 280px;
height: 144px;
background: transparent url(./../images/content/item_details/sprechblase.png) no-repeat;
z-index: 20;
display: none;
}
#error_message_one .content, #error_message_two .content {
position: absolute;
left: 20px;
top: 50px;
width: 240px;
height: 60px;
color: #000000;
font-size: 12px;
font-weight: bold;
}
.close_message_box {
position: absolute;
right: 5px;
top: 10px;
width: 25px;
height: 25px;
color: #000000;
font-size: 24px;
font-weight: bold;
cursor: pointer;
}
#price_box_wrapper {
position: absolute;
top: 140px;
left: 0px;
height: 473px;
width: 483px;
border-bottom: 0px solid #e9e9e9;
background: transparent;
z-index: 1;
}
#price_box_wrapper .title_price {
position: absolute;
left: 17px;
top: 18px;
font-size: 20px;
font-weight:bold;
color: #d3d3d3;
}
#price_box_wrapper .variant_selection {
position: relative;
top: 50px;
left: 90px;
height: 30px;
width: 372px;
border-top: 1px solid #e9e9e9;
background: transparent;
}
#price_box_wrapper .variant_selection .title {
position: absolute;
left: 0px;
top: 7px;
color: #000000;
font-size: 10px;
}
#price_box_wrapper .variant_selection .select_field {
position: absolute;
left: 150px;
top: 5px;
width: 222px;
height: 20px;
border: 1px solid #e9e9e9;
}
#price_box_wrapper .register_buy {
position: relative;
top: 40px;
left: 90px;
height: 388px;
width: 372px;
border: 1px solid #e9e9e9;
background: #ffffff;
z-index: 2;
}
#price_box_wrapper .register_buy .tab {
position: absolute;
left: 0px;
top: 0px;
height: 30px;
width: 372px;
background: transparent url(./../images/content/item_details/price_tab_aktiv.png) no-repeat;
}
#price_box_wrapper .register_buy .variant_selection_wrapper {
position: absolute;
left: 0px;
top: 50px;
height: 60px;
width: 372px;
z-index: 3;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_title {
position: absolute;
left: 32px;
top: 10px;
font-size: 14px;
color: #04428d;
font-weight: bold;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_title {
position: absolute;
left: 0px;
top: 0px;
font-weight: bold;
}
.item_variant_box {
position: absolute;
width: 317px;
height: 30px;
left: 0px;
top: 0px;
color: #000000;
background: #bebebe url(./../images/content/item_details/shopping_cart_kontext_bg.png) top no-repeat;
border:1px solid #838383;
cursor: pointer;
z-index: 3;
}
.item_variant_box_active {
}
.item_variant_box .widget_menu_arrow {
position: absolute;
top: 13px;
right: 10px;
height: 5px;
width: 9px;
background: transparent url(./../images/content/item_details/description_menu_arrow_active.png) no-repeat;
}
.item_variant_box .box_title {
position: absolute;
top: 3px;
left: 10px;
}
.item_variant_box .box_title .button_name {
display: block;
position: relative;
font-size: 12px;
line-height: 12px;
font-weight: bold;
}
.item_variant_box .box_title .button_text {
display: block;
position: relative;
font-size: 10px;
line-height: 10px;
}
#variant_selection_box {
position: absolute;
top: 30px;
left: 0px;
width: 317px;
border-left:1px solid #838383;
border-right:1px solid #838383;
border-bottom:1px solid #838383;
z-index: 999999;
background: #bebebe url(./../images/content/item_details/shopping_cart_kontext_bg.png) top no-repeat;
display: none;
z-index: 3;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box {
position: absolute;
left: 18px;
top: 0px;
width: 300px;
z-index: 999999;
background: #bebebe url(./../images/content/item_details/shopping_cart_kontext_bg.png) top no-repeat;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .cart_item {
position: relative;
height: 72px;
width: 300px;
background: transparent url(./../images/content/item_details/cart_item_bg.png) bottom no-repeat;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .cart_item:hover .item_amount, #price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .cart_item:hover .item_price {
color: #000000;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .cart_item_first {
position: relative;
height: 81px;
width: 300px;
background: transparent url(./../images/content/item_details/cart_item_bg.png) bottom no-repeat;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .item_number {
display: block;
position: absolute;
top: 10px;
left: 80px;
font-size: 11px;
line-height: 11px;
font-weight: bold;
color: #000000;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .item_delivery_status_1 {
position: absolute;
top: 14px;
left: 70px;
height: 5px;
width: 5px;
background: transparent url(./../images/content/item_details/cart_item_delivery_status_1.png) no-repeat;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .item_name {
display: block;
position: absolute;
top: 40px;
left: 70px;
font-size: 11px;
line-height: 11px;
font-weight: normal;
width: 170px;
color: #969696;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .item_amount {
display: block;
position: absolute;
top: 30px;
left: 70px;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #969696;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .item_price {
display: block;
position: absolute;
top: 10px;
right: 5px;
font-size: 11px;
line-height: 11px;
font-weight: bold;
color: #27619f;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .cart_item_image {
display: block;
position: absolute;
top: 10px;
left: 10px;
width: 50px;
height: 50px;
font-size: 12px;
line-height: 12px;
font-weight: bold;
border: 1px solid #828282;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .cart_delete_button {
display: block;
position: absolute;
top: 30px;
left: 12px;
width: 12px;
height: 12px;
background: transparent url(./../images/content/item_details/cart_delete_icon.png) no-repeat;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selection_field_box .cart_button_wrapper {
position: relative;
height: 49px;
width: 337px;
background: transparent url(./../images/content/item_details/shoppingcart_buttons.png) no-repeat;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_name_1 {
position: absolute;
left: 30px;
top: 0px;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selectbox_1 {
position: absolute;
left: 120px;
top: 0px;
width: 150px;
height: 20px;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_name_2 {
position: absolute;
left: 30px;
top: 30px;
}
#price_box_wrapper .register_buy .variant_selection_wrapper .variant_selectbox_2 {
position: absolute;
left: 120px;
top: 30px;
width: 150px;
height: 20px;
}
#price_box_wrapper .register_buy .price {
position: absolute;
display: block;
width: 160px;
text-align: right;
left: 190px;
top: 140px;
font-size: 25.97px;
text-decoration:none;
font-weight: bold;
color: #04428d;
}
#price_box_wrapper .register_buy .old_price {
position: absolute;
display: block;
width: 90px;
text-align: right;
left: 35px;
top: 145px;
font-size: 13.33px;
text-decoration:line-through;
font-weight: bold;
color: #c8c8c8;
}
#price_box_wrapper .register_buy .price_text {
position: absolute;
display: block;
width: 320px;
text-align: right;
left: 30px;
top: 165px;
font-size: 11px;
line-height: 13px;
text-decoration:none;
font-weight: normal;
color: #000000;
}
#price_box_wrapper .register_buy .price_text a {
font-size: 11px;
text-decoration:underline;
font-weight: bold;
color: #000000;
}
#price_box_wrapper .register_buy .amountbox {
position: absolute;
top: 199px;
left: 38px;
width: 44px;
height: 24px;
border: 1px solid #c9c9c9;
text-align: center;
padding: 2px;
}
#price_box_wrapper .register_buy .cartbutton {
position: absolute;
top: 199px;
left: 108px;
width: 243px;
height: 30px;
color: #5e5e5e;
font-size: 12px;
font-weight: bold;
line-height: 26px;
background: transparent url(./../images/content/item_details/button_standard_bg_pix.png) repeat-x;
text-decoration:none;
border: 1px solid #d9d9d9;
text-align: center;
cursor: pointer;
}
#price_box_wrapper .register_buy .cartbutton:hover {
color: #ffffff;
border: 1px solid #f56700;
background: transparent url(./../images/content/item_details/button_standard_bg_pix_active.png) repeat-x;
}
#price_box_wrapper .shippable_wrapper {
position: relative;
top: 40px;
left: 90px;
height: 78px;
width: 372px;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
background: #ffffff;
z-index: 1;
}
#price_box_wrapper .shippable_wrapper .min_quantity {
position: absolute;
top: 7px;
left: 37px;
width: 243px;
height: 20px;
color: #ff0000;
font-size: 12px;
font-weight: bold;
line-height: 26px;
}
#price_box_wrapper .shippable_wrapper .shippable_state {
position: absolute;
top: 35px;
left: 37px;
font-size: 10.67px;
font-weight: bold;
color: #009c1a;
}
#price_box_wrapper .shippable_wrapper .shippable_text {
position: absolute;
top: 50px;
left: 37px;
font-size: 9.33px;
font-weight: bold;
color: #000000;
}
.content_item .item_box_right_wrapper .item_banner {
position: absolute;
bottom: 0px;
left: 0px;
height: 144px;
width: 484px;
}
#graduated_price_wrapper {
position: absolute;
top: 60px;
left: 37px;
width: 335px;
height: 52px;
background: transparent;
z-index: 9;
border: 1px solid #d9d9d9;
background:#e9e9e9;
}
#graduated_price_wrapper {
background: #ffffff;
}
.graduated_price_title_wrapper {
position:absolute;
width:100%;
height:100%;
background:#d9d9d9;
z-index:9;
}
.graduated_price_title_wrapper_open {
background:#ffffff;
}
#graduated_price_title {
position: relative;
font-size: 14px;
font-weight:bold;
color: #000000;
left: 20px;
cursor: pointer;
line-height:52px;
}
.graduated_price_title_arrow {
position: absolute;
top: 19px;
left: 115px;
width: 16px;
height: 16px;
background: transparent url(./../images/content/item_details/arrow_graduated_prices_closed.png) center center no-repeat;
}
.graduated_price_title_arrow_open {
background: transparent url(./../images/content/item_details/arrow_graduated_prices.png) center center no-repeat;
}
#graduated_price_content {
position: absolute;
top: 50px;
left: -60px;
width: 402px;
display: none;
background:#ffffff;
z-index: 2;
border: 1px solid #e6e6e6;
}
.graduatedPrices {
width: 100%;
}
.graduatedCart {
position: relative;
top: 0px;
left: 0px;
width: 23px;
height: 23px;
border: 0px solid #000000;
cursor: pointer;
background: transparent url(./../images/content/item_details/graduated_price_cart_button.png) no-repeat;
}
#graduated_price_wrapper .price_infotext {
display: block;
text-align: right;
font-size: 10px;
text-decoration:none;
font-weight: normal;
color: #919191;
padding: 10px;
}
#graduated_price_wrapper .price_infotext a {
font-size: 11px;
text-decoration:underline;
font-weight: bold;
color: #000000;
}
.content_item .button_box_wrapper {
position: absolute;
top: 783px;
left: 0px;
height: 76px;
width: 484px;
border: 1px solid #cccccc;
background: #ffffff;
}
.content_item .button_box_wrapper .print_button {
position: absolute;
top: 23px;
left: 252px;
height: 28px;
width: 211px;
color: #5e5e5e;
font-size: 12px;
font-weight: bold;
line-height: 28px;
background: transparent url(./../images/content/item_details/button_standard_bg_pix.png) repeat-x;
text-decoration:none;
border: 1px solid #d9d9d9;
text-align: center;
}
.content_item .button_box_wrapper .print_button:hover {
color: #ffffff;
border: 1px solid #f56700;
background: transparent url(./../images/content/item_details/button_standard_bg_pix_active.png) repeat-x;
}
.content_item .button_box_wrapper .remember_button {
position: absolute;
top: 23px;
left: 20px;
height: 26px;
width: 211px;
color: #5e5e5e;
font-size: 12px;
font-weight: bold;
line-height: 26px;
background: transparent url(./../images/content/item_details/button_standard_bg_pix.png) repeat-x;
text-decoration:none;
border: 1px solid #d9d9d9;
text-align: center;
}
.content_item .button_box_wrapper .remember_button:hover {
color: #ffffff;
border: 1px solid #f56700;
background: transparent url(./../images/content/item_details/button_standard_bg_pix_active.png) repeat-x;
}
#item_content2 {
position: relative;
top: 907px;
left: 0px;
width: 992px;
z-index: 1;
}
/* #item_menu {
position: absolute;
top: -29px;
left: 0px;
z-index: 2;
}
#item_menu a.tab_wrapper {
position: relative;
display: block;
width: 185px;
height: 28px;
background: transparent url(./../images/content/item_details/description_menu_arrow.png) 165px 10px no-repeat;
float: left;
border: 1px solid #e9e9e9;
color: #c8c8c8;
font-size: 14px;
font-weight:bold;
text-align:center;
text-decoration:none;
line-height:29px;
}
#item_menu a.active {
color: #000000;
font-size: 14px;
font-weight:bold;
text-align:center;
text-decoration:none;
line-height:29px;
border-top: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #ffffff;
background: #ffffff url(./../images/content/item_details/description_menu_arrow_active.png) 165px 15px no-repeat;
} */
a.document {
position: relative;
color: #000000;
text-decoration:none;
font-size: 12px;
}
/* #description_tabs .tab_content {
display: none;
background: #ffffff;
border: 1px solid #e9e9e9;
padding: 20px;
}
#description_tabs .active {
display: block;
}
#description_tabs p {
margin-left: 0px;
margin-right: 0px;
}
#description_tabs .tab_content .item_description_title {
position: relative;
font-size: 20px;
font-weight:bold;
color: #d3d3d3;
}
#description_tabs .tab_content .container_left {
position:relative;
width:470px;
float:left;
border-right:1px solid #e9e9e9;
padding-right:20px;
}
#description_tabs .tab_content .container_right {
position:relative;
width:430px;
padding-top:6px;
padding-left:20px;
float:left;
} */
/* item opinion */
.customer_opinion_wrapper {
position:relative;
top:20px;
min-height:420px;
padding:0px;
margin:0px;
background: #ffffff;
border: 1px solid #e9e9e9;
}
.customer_opinion_wrapper .title {
position: absolute;
left: 17px;
top: 18px;
font-size: 20px;
font-weight:bold;
color: #d3d3d3;
}
.opinion_bull {
position: relative;
float: left;
margin-right:7px;
width: 12px;
height: 12px;
background: transparent url(./../images/content/item_details/opinion_bull.png) no-repeat;
}
.opinion_bull_active {
position: relative;
float: left;
margin-right:7px;
width: 12px;
height: 12px;
background: transparent url(./../images/content/item_details/opinion_bull_active.png) no-repeat;
}
.opinion_box_small {
position: relative;
float: left;
width: 280px;
height: 128px;
margin-left:20px;
margin-right:20px;
margin-top: 20px;
margin-bottom:10px;
}
.opinion_box_small .name {
position: absolute;
top: 0px;
left: 0px;
font-size: 11px;
font-weight:bold;
}
.opinion_box_small .date {
position: absolute;
top: 0px;
right: 0px;
font-size: 8px;
color: #939393;
}
.opinion_box_small .opinion {
position: absolute;
top: 21px;
left: 0px;
}
.opinion_box_small .opinion_text {
position: absolute;
top: 52px;
left: 0px;
height: 50px;
width: 100%;
font-size: 11px;
line-height:11px;
}
.opinion_box_small a.opinion_link {
position: absolute;
height: 12px;
top: 113px;
left: 0px;
font-size: 11px;
font-weight:bold;
line-height:12px;
padding-left:15px;
color: #a1a1a1;
text-decoration:none;
background: transparent url(./../images/content/item_details/opinion_arrow.png) no-repeat;
}
.opinion_stat {
position: absolute;
top: 373px;
left: 20px;
width: 390px;
height: 29px;
border: 1px solid #d1cdcd;
color: #5e5e5e;
font-size: 12px;
font-weight: bold;
line-height: 28px;
background: #fafafa;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.opinion_stat .opinion {
position: absolute;
top: 8px;
left: 70px;
}
.opinion_stat strong {
position: absolute;
top: 0px;
left: 175px;
font-weight: bold;
}
.opinion_show_all_button {
position: absolute;
top: 373px;
left: 435px;
width: 210px;
height: 29px;
border: 1px solid #d1cdcd;
color: #5e5e5e;
font-size: 12px;
font-weight: bold;
line-height: 28px;
cursor: pointer;
text-decoration:none;
text-align: center;
background: transparent url(./../images/content/item_details/button_standard_bg_pix.png) repeat-x;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.opinion_show_all_button:hover {
color: #ffffff;
border: 1px solid #f56700;
background: transparent url(./../images/content/item_details/button_standard_bg_pix_active.png) repeat-x;
}
.opinion_box_big {
position: relative;
width: 600px;
min-height: 128px;
margin-left:20px;
margin-right:20px;
margin-top: 20px;
margin-bottom:10px;
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:13px;height:12px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;padding-right:7px;}
/* div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px} */
div.star-rating,div.star-rating a{background:url(./../images/content/item_details/opinion_sprite.png) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:12px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -12px!important}
div.star-rating-hover a{background-position:0 -24px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
#opinion_form_wrapper {
position:relative;
top: 19px;
width:250px;
height:390px;
float:left;
border-left:1px solid #e9e9e9;
}
#opinion_form_wrapper .title {
top: 0px;
}
#opinion_form_wrapper .opinion_rating_title {
position: absolute;
left: 20px;
top: 40px;
font-size: 11px;
font-weight:bold;
}
#opinion_form_wrapper .opinion_rating {
position: absolute;
left: 120px;
top: 42px;
}
#opinion_form_wrapper .opinion_text_title {
position: absolute;
left: 20px;
top: 160px;
}
#opinion_form_wrapper .opinion_text_input {
position: absolute;
left: 20px;
top: 180px;
width: 287px;
height: 142px;
border: rgb(233, 233, 233) 1px solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#opinion_form_wrapper .author_title {
position: absolute;
left: 20px;
top: 70px;
font-weight:bold;
font-size: 11px;
}
#opinion_form_wrapper .author {
position: absolute;
left: 20px;
top: 85px;
font-size: 11px;
}
#opinion_form_wrapper .opinion_create_button {
position: absolute;
top: 353px;
left: 97px;
width: 210px;
height: 29px;
border: 1px solid #d1cdcd;
color: #5e5e5e;
font-size: 12px;
font-weight: bold;
line-height: 28px;
cursor: pointer;
background: transparent url(./../images/content/item_details/button_standard_bg_pix.png) repeat-x;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: inherit;
}
#opinion_form_wrapper .opinion_create_button:hover {
color: #ffffff;
border: 1px solid #f56700;
background: transparent url(./../images/content/item_details/button_standard_bg_pix_active.png) repeat-x;
}
/* slider */
.item_friends_slider {
position:relative;
top:20px;
height:340px;
padding:0px;
margin:0px;
background: #ffffff;
border: 1px solid #e9e9e9;
}
.item_friends_slider .title {
position: absolute;
left: 17px;
top: 18px;
font-size: 20px;
font-weight:bold;
color: #d3d3d3;
}
.item_friends_slider_wrapper {
position: absolute;
width: 930px;
top: 50px;
left: 30px;
height: 300px;
}
.item_friends_slider_wrapper .image_slider_title {
position: relative;
width: 100%;
height: 39px;
background: url(./../images/content/header_bg.png) no-repeat;
}
.item_friends_slider_wrapper .image_slider_title .text {
position: absolute;
top: 13px;
left: 44px;
color: #000000;
text-align: left;
font-size: 11px;
font-weight: bold;
}
.item_friends_slider_wrapper .image_slider_content_outer_wrapper {
position: absolute;
top: 20px;
width: 900px;
height: 250px;
overflow: hidden;
}
.item_friends_slider_wrapper .image_slider_content_inner_wrapper {
position: relative;
/* width: 1000px;*/
}
.item_friends_slider_wrapper .slider_item_box {
position: relative;
display: inline-block;
width: 200px;
height: 250px;
float: left;
margin-left: 25px;
}
.item_friends_slider_wrapper .slider_item_box a.slider_item_box_info {
display: block;
position: absolute;
left: 10px;
bottom: 40px;
width: 190px;
height: 20px;
text-decoration:none;
color: #000000;
font-size: 11px;
font-weight: bold;
}
.item_friends_slider_wrapper .slider_item_box a.slider_item_number {
display: block;
position: absolute;
left: 10px;
bottom: 20px;
width: 190px;
height: 20px;
text-decoration:none;
color: #000000;
font-size: 10px;
font-weight: normal;
}
.item_friends_slider_wrapper .slider_item_box a.slider_image {
position: absolute;
width: 200px;
height: 180px;
top: 0px;
left: 0px;
}
.item_friends_slider_wrapper .slider_item_box a.no_slider_image {
position: absolute;
width: 180px;
height: 180px;
top: 0px;
left: 10px;
text-align: center;
color: #000000;
font-size: 12px;
background: #cccccc;
text-decoration:none;
}
.item_friends_slider_wrapper .slider_item_box div.slider_item_box_image a.slider_image {
position: absolute;
width: 150px;
height: 120px;
left: 0px;
background-repeat: no-repeat;
background-position:center center;
background-color: #ffffff;
}
.item_friends_slider_wrapper .slider_item_box .slider_item_box_price {
position: absolute;
right: 0px;
bottom: 0px;
width: 150px;
}
.item_friends_slider_wrapper .slider_item_box .slider_item_box_price .slider_price {
position: relative;
float: right;
color: #04428d;
font-weight: bold;
font-size: 16px;
}
.item_friends_slider_wrapper .slider_item_box .slider_item_box_price .slider_bargain_price {
margin-right: 4px;
}
.item_friends_slider_wrapper .slider_item_box .slider_item_box_price .slider_normal_price {
text-decoration: line-through;
font-size: 14px;
}
.item_friends_slider_wrapper .slider_item_box .slider_item_box_price .slider_enquiry_price {
font-size: 16px;
}
.item_friends_slider a.slider_image_slider_trigger_left {
display: block;
position: absolute;
width: 16px;
height: 16px;
left: 20px;
top: 170px;
cursor: pointer;
background: transparent url(./../images/content/item_details/slider_arrow_left.png) no-repeat;
}
.item_friends_slider a.slider_image_slider_trigger_left:hover {
background: transparent url(./../images/content/item_details/slider_arrow_left_active.png) no-repeat;
}
.item_friends_slider a.slider_image_slider_trigger_right {
display: block;
position: absolute;
top: 170px;
right: 20px;
width: 16px;
height: 16px;
cursor: pointer;
background: transparent url(./../images/content/item_details/slider_arrow_right.png) no-repeat;
}
.item_friends_slider a.slider_image_slider_trigger_right:hover {
background: transparent url(./../images/content/item_details/slider_arrow_right_active.png) no-repeat;
}
.itemassign_selection_wrapper {
position: absolute;
left: 33px;
top: 350px;
height: 60px;
width: 372px;
z-index: 2;
}
.itemassign_selection_wrapper.variant_selection_title {
position: absolute;
left: 32px;
top: 10px;
font-size: 14px;
color: #04428d;
font-weight: bold;
}
.itemassign_selection_wrapper .variant_selection_field_title {
position: absolute;
left: 0px;
top: 0px;
font-weight: bold;
}
.itemassign_selection_wrapper .item_assign_box .button_text {
font-size: 14px;
color: #04428d;
font-weight: bold;
}
.itemassign_selection_wrapper .item_assign_box {
position: absolute;
width: 317px;
height: 30px;
left: 0px;
top: 0px;
color: #000000;
background: #bebebe url(./../images/content/item_details/shopping_cart_kontext_bg.png) top no-repeat;
border: 1px solid #838383;
cursor: pointer;
z-index: 2;
}
.itemassign_selection_wrapper .item_assign_box .widget_menu_arrow {
position: absolute;
top: 13px;
right: 10px;
height: 5px;
width: 9px;
background: transparent url(./../images/content/item_details/description_menu_arrow_active.png) no-repeat;
}
.itemassign_selection_wrapper .item_assign_box .box_title {
position: absolute;
top: 8px;
left: 10px;
}
.itemassign_selection_wrapper .item_assign_box .box_title .button_text {
display: block;
position: relative;
font-size: 12px;
line-height: 12px;
font-weight: bold;
}
.itemassign_selection_wrapper .item_selection_box {
position: absolute;
top: 30px;
left: 0px;
width: 317px;
border-left:1px solid #838383;
border-right:1px solid #838383;
border-bottom:1px solid #838383;
z-index: 999999;
background: #bebebe url(./../images/content/item_details/shopping_cart_kontext_bg.png) top no-repeat;
display: none;
}
.item_selection_box_active {
display:inline;
}
.itemassign_selection_wrapper .item_selection_box .cart_item {
position: relative;
height: 72px;
width: 300px;
background: transparent url(./../images/content/item_details/cart_item_bg.png) bottom no-repeat;
}
.itemassign_selection_wrapper .item_selection_box .cart_item:hover .item_amount, .itemassign_selection_wrapper .item_selection_box .cart_item:hover .item_price {
color: #000000;
}
.itemassign_selection_wrapper .item_selection_box .cart_item_first {
position: relative;
height: 81px;
width: 300px;
background: transparent url(./../images/content/item_details/cart_item_bg.png) bottom no-repeat;
}
.itemassign_selection_wrapper .item_selection_box .item_number {
display: block;
position: absolute;
top: 10px;
left: 80px;
font-size: 11px;
line-height: 11px;
font-weight: bold;
color: #000000;
}
.itemassign_selection_wrapper .item_selection_box .item_delivery_status_1 {
position: absolute;
top: 14px;
left: 70px;
height: 5px;
width: 5px;
background: transparent url(./../images/content/item_details/cart_item_delivery_status_1.png) no-repeat;
}
.itemassign_selection_wrapper .item_selection_box .item_name {
display: block;
position: absolute;
top: 40px;
left: 70px;
font-size: 11px;
line-height: 11px;
font-weight: normal;
width: 170px;
color: #969696;
}
.itemassign_selection_wrapper .item_selection_box .item_amount {
display: block;
position: absolute;
top: 30px;
left: 70px;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #969696;
}
.itemassign_selection_wrapper .item_selection_box .item_price {
display: block;
position: absolute;
top: 10px;
right: 5px;
font-size: 11px;
line-height: 11px;
font-weight: bold;
color: #27619f;
}
.itemassign_selection_wrapper .item_selection_box .cart_item_image {
display: block;
position: absolute;
top: 10px;
left: 10px;
width: 50px;
height: 50px;
font-size: 12px;
line-height: 12px;
font-weight: bold;
border: 1px solid #828282;
}
#klarna_installments_wrapper {
position: absolute;
top: 235px;
left: 10px;
border: 1px solid #00AEEF;
width: 310px;
margin-left: 30px;
}
img#item_klarna_logo {
position: absolute;
top: 5px;
right: 2px;
}
#klarna_installments_wrapper p,
#klarna_installments_wrapper h4 {
text-align: left;
margin-left: 5px;
margin-rigth: 5px;
}
#klarna_installments_wrapper h4 {
font-size: 1.4em;
}
div.monthly_installments {
float: left;
text-align: center;
height: 20px;
line-height: 20px;
font-weight: bold;
width: 16px;
margin-left: 5px;
display: inline-block;
border: 1px solid #00AEEF;
}
div.monthly_installments.selected {
background-color: #00AEEF;
color: white;
}
#installment_wrapper {
margin-top: -8px;
height: 20px;
width: 100px;
padding-bottom: 10px;
}
#more_klarna_info {
position: absolute;
display: block;
right: 6px;
bottom: 5px;
}
#klarna_installment_rate_target {
margin-top: -15px;
}
span.installment_value,
span#installment_currency {
font-size: 2em;
font-weight: bold;
color: #00AEEF;
float: right;
margin-right: 6px;
margin-top: -4px;
}
#installment_months {
margin-top: -5px;
}