shop-old/themes/easyshop_advanced/media/css/contents.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

1778 lines
34 KiB
CSS

.full_box {
width: 720px;
margin-bottom: 10px;
margin-top: 10px;
border: 1px solid #aaaaaa;
background: #ffffff;
}
.full_box .title_wrapper {
position: relative;
width: 100%;
height: 39px;
border: 0px;
background: url(./../images/content/header_bg.png) no-repeat;
}
.full_box .title_wrapper h1 {
display: inline-block;
position: relative;
top: 5px;
margin-left: 44px;
color: #000000;
font-size: 11px;
}
.full_box .title_wrapper .title h2 {
display: inline-block;
position: relative;
top: 5px;
margin-left: 44px;
color: #000000;
font-size: 11px;
}
.full_box .box_content {
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}
.button {
position: relative;
width: 112px;
height: 21px;
background: transparent url(./../images/content/button_small.png) no-repeat 0px 0px;
border-width: 0px;
color: #ffffff;
font-size: 12px;
margin:10px;
}
/* Textbox */
.content_box_textbox {
width: 720px;
margin-bottom: 10px;
margin-top: 10px;
border: 1px solid #aaaaaa;
background: #ffffff;
}
.content_box_textbox a {
display: inline;
}
.content_box_textbox .header {
position: relative;
width: 100%;
height: 39px;
background: url(./../images/content/header_bg.png) no-repeat;
}
.content_box_textbox .header h3 {
display: inline-block;
position: relative;
top: 2px;
margin-left: 44px;
color: #000000;
font-size: 11px;
}
.content_box_textbox .content {
padding: 10px 12px;
}
.content_box_textbox .content a {
display: inline;
position: relative;
text-decoration: none;
}
/* slider */
.content_box_slider {
width: 720px;
margin-bottom: 10px;
margin-top: 10px;
border: 1px solid #aaaaaa;
background: #ffffff;
}
.content_box_slider a {
display: inline;
}
.content_box_slider .header {
position: relative;
width: 100%;
height: 39px;
background: url(./../images/content/header_bg.png) no-repeat;
}
.content_box_slider .header h3 {
display: inline-block;
position: relative;
top: 2px;
margin-left: 44px;
color: #000000;
font-size: 11px;
}
.content_box_slider .content {
padding: 10px 12px;
}
.content_box_slider .content a {
display: block;
position: relative;
text-decoration: none;
}
/* manufacturer */
.content_box_manufacturers {
width: 720px;
margin-bottom: 10px;
margin-top: 10px;
border: 1px solid #aaaaaa;
background: #ffffff;
}
.content_box_manufacturers a {
display: inline;
}
.content_box_manufacturers .header {
position: relative;
width: 100%;
height: 39px;
background: url(./../images/content/header_bg.png) no-repeat;
}
.content_box_manufacturers .header h3 {
display: inline-block;
position: relative;
top: 2px;
margin-left: 44px;
color: #000000;
font-size: 11px;
}
.content_box_manufacturers .content {
padding: 10px 12px;
}
.manufacturers {
position:relativ;
}
.manufacturer {
position: relative;
min-height: 90px;
margin: 15px 20px;
border-bottom: 1px solid #cccccc;
}
.manufacturer h4 {
position: relative;
width: 742px;
font-size: 1.2em;
line-height: 1.3em;
}
.manufacturer h4 a{
margin-top: 0;
margin-bottom: 0;
text-decoration: none;
color: black;
}
.manufacturer h4 a:hover {
text-decoration: underline;
}
.manufacturer data {
position: relative;
width: 742px;
min-height: 70px;
}
.manufacturer img {
position: relative;
top: 0;
left: 0;
}
.manufacturer .description_part {
position: relative;
top: 0;
right: 0;
display: inline-block;
width: 627px;
}
.manufacturer .description_full {
position: relative;
top: 0;
right: 0;
display: inline-block;
width: 742px;
}
.manufacturer_categorie {
display: inline-block;
height: 25px;
float: left;
}
#content_box_slider {
border-bottom: 1px solid #d9d9d9;
margin-bottom: 20px;
}
/* box on home screen */
.customer_content_box_wrapper {
position: relative;
width: 720px;
border: 1px solid #aaaaaa;
background: #FFFFFF url(./../images/customer_content_box_bg_pixlin.png) repeat-x;
}
.customer_content_box_wrapper .header {
position: relative;
width: 100%;
height: 33px;
background: url(./../images/content/header_bg.png) no-repeat;
}
.customer_content_box_wrapper .header h3 {
display: inline-block;
position: relative;
top: -2px;
margin-left: 44px;
color: #000000;
font-size: 11px;
}
.customer_content_box_wrapper .header span {
float: right;
margin-top: 6px;
margin-right: 12px;
}
.customer_content_box_wrapper .content {
padding: 20px 12px;
}
.customer_content_box_wrapper .content a {
display: block;
position: relative;
text-decoration: none;
}
.customer_content_box_wrapper .content a:hover {
color: #1c8dc6;
}
/* box specific */
#content_box_slider {
margin-bottom: 20px;
}
#content_box_slider_wrapper_outer {
position: relative;
height: 272px;
width: 716px;
overflow: hidden;
}
#content_box_slider_wrapper_inner {
position: absolute;
height: 272px;
}
#content_box_slider .list_item_box {
background: url("./../images/sliderback.png") no-repeat scroll 0 0 transparent;
float: left;
height: 272px;
margin: 0 4px 9px 0;
position: relative;
width: 175px;
}
#content_box_slider .list_item_box a.item_box_info {
color: #000000;
display: block;
font-weight: bold;
height: 58px;
overflow: hidden;
position: relative;
width: 100%;
}
#content_box_slider .list_item_box a.item_box_info span {
left: 5px;
position: absolute;
top: 4px;
}
#content_box_slider .list_item_box a.item_box_image {
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 187px;
position: relative;
width: 100%;
}
#content_box_slider .list_item_box .item_box_price {
text-align: right;
}
#content_box_slider .list_item_box .item_box_price .bargain_price {
color: #1C8DC6;
font-size: 16px;
font-weight: bold;
position: relative;
right: 6px;
top: 6px;
}
#content_box_slider .list_item_box .item_box_price .price_text {
color: #838383;
font-size: 8px;
position: absolute;
right: 5px;
top: 228px;
}
.left_button {
background: url("./../images/links.png") no-repeat scroll 0 0 transparent;
display: inline-block;
margin-top:2px;
width: 14px;
height: 14px;
}
.halt_button {
background: url("./../images/halt.png") no-repeat scroll 0 0 transparent;
display: inline-block;
margin-top:2px;
width: 10px;
height: 14px;
margin-left: 7px;
margin-right: 7px;
}
.right_button {
background: url("./../images/rechts.png") no-repeat scroll 0 0 transparent;
display: inline-block;
margin-top:2px;
width: 14px;
height: 14px;
}
#request_price_info_form {
width: 740px;
background: #EEEEEE;
border: 1px solid #C6C6C6;
margin-bottom: 20px;
vertical-align: text-top;
}
#request_price_info_form h3 {
margin-left: 10px;
}
#request_price_info_form div.left {
float: left;
width: 245px;
padding-left: 10px;
vertical-align: text-top;
}
#request_price_info_form div.right {
float: right;
width: 465px;
padding-right: 10px;
vertical-align:text-top;
}
#request_price_info_form div.last {
clear: both;
width: 720px;
padding: 10px;
padding-top: 0;
text-align: right;
}
#request_price_info_form div.padded {
margin-top: 10px;
margin-bottom: 10px;
}
#request_price_info_form label.inline {
display: inline-block;
width: 100%;
text-align: left;
padding-left: 2px;
}
#request_price_info_form input {
display: inline-block;
width: 238px;
}
#request_price_info_form textarea {
display: inline-block;
width: 458px;
marign-right: 10px;
height: 114px;
}
#request_price_info_form input[type="submit"] {
width: 720px;
padding-left: 10px;
padding-right: 10px;
background: url("./../images/variants_head_bg.png") repeat-x scroll 0 0 #57D2FD;
border: 1px solid;
border-color: #0090FF #1163D3 #0090FF #29C7EF;
color: white;
}
.content_box_banner {
position: relative;
width: 742px;
z-index:1;
}
.content_box_banner a {
position: absolute;
display: inline-block;
float: left;
top: 0;
left: 0;
}
.box_content {
margin-top: 20px;
}
.box_content .list_item_box {
float: left;
position: relative;
width: 222px;
height: 272px;
margin: 0px 9px 20px 9px;
background: url(./../images/content/list_item_box.png) no-repeat;
}
.box_content .list_item_box:hover {
background: url(./../images/content/list_item_box_hover.png) no-repeat;
}
.box_content .list_item_box a.item_box_info {
display: block;
position: absolute;
left: 25px;
top: 10px;
width: 170px;
height: 40px;
color: #000000;
text-decoration:none;
}
.box_content .list_item_box a.item_box_image {
display: block;
position: absolute;
width: 100%;
height: 187px;
top: 60px;
background-repeat: no-repeat;
background-position: center center;
}
.box_content .list_item_box .bargain_logo {
position: absolute;
top: 0px;
left: 0px;
width: 38px;
height: 38px;
background: transparent url(./../images/content/list_item_box_bargain.png) no-repeat;
}
.box_content .list_item_box .item_box_price {
position: absolute;
top: 247px;
left: 5px;
width: 210px;
height: 25px;
line-height: 25px;
text-align: right;
}
.box_content .list_item_box .item_box_price .normal_price {
color: #333333;
font-size: 16px;
font-weight: bold;
}
.box_content .list_item_box .item_box_price .bargain_price {
color: #04418c;
font-size: 16px;
font-weight: bold;
}
.box_content .list_item_box .item_box_price .old_price {
text-decoration:line-through;
color: #0066cc;
font-size: 14px;
font-weight: normal;
}
.box_content .list_item_box2 {
float: left;
position: relative;
width: 720px;
height: 160px;
margin-top: 10px;
background: transparent url(./../images/content/list_item_box2.png) no-repeat;
}
.box_content .list_item_box2:hover {
background: url(./../images/content/list_item_box2_hover.png) no-repeat;
}
.box_content .list_item_box2 .bargain_logo {
position: absolute;
top: 0px;
left: 0px;
width: 38px;
height: 38px;
background: transparent url(./../images/content/list_item_box_bargain.png) no-repeat;
}
.box_content .list_item_box2 .item_description {
position: absolute;
left: 165px;
top: 5px;
height: 130px;
width: 555px;
}
.box_content .list_item_box2 .description {
font-size: 12px;
font-weight: normal;
text-decoration:none;
}
.box_content .list_item_box2 a.item_box_info {
display: block;
position: relative;
width: 550px;
height: 120px;
color: #000000;
font-weight: bold;
overflow: hidden;
text-decoration:none;
}
.box_content .list_item_box2 a.item_box_image {
display: block;
position: absolute;
left: 5px;
top: 0px;
width: 160px;
height: 160px;
background-repeat: no-repeat;
background-position: center center;
}
.box_content .list_item_box2 .to_item {
position: absolute;
right: 165px;
bottom: 2px;
width: 100px;
height: 20px;
color: #333333;
font-size: 12px;
font-weight: bold;
text-decoration:none;
}
.box_content .list_item_box2 .to_item_bargain {
position: absolute;
right: 165px;
bottom: 2px;
width: 100px;
height: 20px;
color: #04418c;
font-size: 12px;
font-weight: bold;
text-decoration:none;
}
.box_content .list_item_box2 .item_box_price {
position: absolute;
right: 5px;
bottom: 2px;
width: 150px;
height: 20px;
text-align: right;
}
.box_content .list_item_box2 .item_box_price .normal_price {
position: relative;
color: #333333;
font-size: 16px;
font-weight: bold;
}
.box_content .list_item_box2 .item_box_price .bargain_price {
position: relative;
color: #04418c;
font-size: 16px;
font-weight: bold;
}
.box_content .list_item_box2 .item_box_price .old_price {
text-decoration:line-through;
color: #0066cc;
font-size: 14px;
font-weight: normal;
}
.box_content .list_item_box2 .item_box_price .price_text {
font-size: 8px;
position: absolute;
right: 5px;
top: 140px;
color: #333333;
}
.box_content .list_item_box3 {
float: left;
position: relative;
width: 140px;
height: 170px;
margin: 0px 2px 4px 2px;
background: url(./../images/content/list_item_box3.png) no-repeat;
}
.box_content .list_item_box3:hover {
background: url(./../images/content/list_item_box3_hover.png) no-repeat;
}
.box_content .list_item_box3 a.item_box_info {
display: block;
position: absolute;;
width: 130px;
height: 30px;
left: 5px;
top: 115px;
color: #000000;
font-weight: light;
overflow: hidden;
line-height: 15px;
font-size: 11px;
text-align: center;
text-decoration:none;
}
.box_content .list_item_box3 a.item_box_image {
display: block;
position: relative;
width: 100%;
height: 120px;
background-repeat: no-repeat;
background-position: center center;
}
.box_content .list_item_box3 .bargain_logo {
position: absolute;
top: 0px;
left: 0px;
width: 38px;
height: 38px;
background: transparent url(./../images/content/list_item_box3_bargain.png) no-repeat;
}
.box_content .list_item_box3 .item_box_price {
position: absolute;
left: 0px;
top: 152px;
width: 100%;
text-align: center;
}
.box_content .list_item_box3 .item_box_price .normal_price {
position: relative;
color: #333333;
font-size: 14px;
font-weight: bold;
}
.box_content .list_item_box3 .item_box_price .bargain_price {
position: relative;
color: #04418c;
font-size: 14px;
font-weight: bold;
}
.title_wrapper {
position: relative;
width: 100%;
height: 29px;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
background: url(./../images/title_bg_pixlin.png) repeat-x;
}
.title_wrapper .title {
float: left;
position: relative;
width: 594px;
height: 29px;
}
.title_wrapper .title h1, .title_wrapper .title h2 {
position: absolute;
left: 9px;
top: 0px;
color: #000000;
font-weight: bold;
font-size: 15px;
line-height: 10px;
}
.title_wrapper .pipe {
float: left;
position: relative;
width: 2px;
height: 29px;
background: url(./../images/title_pipe.png) no-repeat;
}
.title_wrapper .print {
position: relative;
float: left;
display: block;
width: 61px;
height: 29px;
background: url(./../images/icon_print.png) no-repeat 20px 4px;
}
.title_wrapper .back {
position: relative;
float: left;
display: block;
width: 80px;
height: 29px;
text-align: center;
color: #000000;
text-decoration: none;
font-size: 12px;
}
.title_wrapper .back span {
position: absolute;
width: 100%;
left: 0px;
top: 6px;
text-decoration: underline;
}
.title_wrapper .input_select {
position: relative;
float: left;
height: 29px;
margin: 4px 5px 0px 5px;
}
.title_wrapper .icon {
display: block;
position: relative;
float: left;
height: 29px;
margin: 0px 5px 5px 5px;
background-position: 0px 7px;
background-repeat: no-repeat;
}
.title_wrapper .icon span {
position: absolute;
left: 25px;
top: 7px;
color: #000000;
font-weight: bold;
font-size: 12px;
}
.country_wrapper {
background: none repeat scroll 0 0 #EBEBEB;
border: 1px solid #C0C0C0;
float: left;
margin: 20px 20px 0 0;
padding: 15px;
width: 40%;
}
#maincontent_item_categories {
position: relative;
top: 0px;
left: 0px;
width: 742px;
margin-bottom: 30px;
}
#maincontent_item_categories .category_field {
position: relative;
float: left;
top: 0px;
left: 0px;
width: 242px;
height: 58px;
margin-right: 5px;
color: #858585;
cursor: pointer;
background: transparent url(../images/Selektion_standard.jpg) no-repeat;
}
#maincontent_item_categories .category_field:hover {
background: transparent url(../images/Selektion_hover.jpg) no-repeat;
}
#maincontent_item_categories .category_field .field_name {
position: absolute;
left: 32px;
top: 12px;
font-size: 12px;
color: #858585;
}
#maincontent_item_categories .category_field .selected_name {
position: absolute;
left: 10px;
top: 33px;
font-size: 16px;
font-weight: bold;
color: #858585;
}
#maincontent_item_categories .category_menu {
display: none;
position: absolute;
top: 58px;
left: 0px;
width: 242px;
background: #f9f9f9 url(../images/maincontent_menu_bg.png) repeat-x;
z-index: 99999;
cursor: pointer;
}
#maincontent_item_categories .category_menu ul {
list-style-type:none;
margin:0px;
padding:0px;
border-bottom: 1px solid #bcbcba;
}
#maincontent_item_categories .category_menu li {
width: 242px;
height: 40px;
background: url(./../images/Selektion_sub_standard.jpg) no-repeat;
}
#maincontent_item_categories .category_menu li:hover {
background: url(./../images/Selektion_sub_hover.jpg) no-repeat;
}
#maincontent_item_categories .category_menu li a {
display:block;
width: 232px;
height: 35px;
background: transparent;
line-height: 35px;
padding-left: 37px;
font-size: 16px;
font-weight: bold;
color: #858585;
text-decoration:none;
}
/* slider */
.image_slider_wrapper {
position: relative;
width: 720px;
margin-bottom: 10px;
margin-top: 10px;
height: 250px;
background: #ffffff;
border: 1px solid #aaaaaa;
}
.image_slider_wrapper .image_slider_title {
position: relative;
width: 100%;
height: 39px;
background: url(./../images/content/header_bg.png) no-repeat;
}
.image_slider_wrapper .image_slider_title .text {
position: absolute;
top: 13px;
left: 44px;
color: #000000;
text-align: left;
font-size: 11px;
font-weight: bold;
}
.image_slider_wrapper .image_slider_content_outer_wrapper {
position: relative;
width: 680px;
height: 172px;
margin-top: 12px;
margin-left: 20px;
overflow: hidden;
}
.image_slider_wrapper .image_slider_content_inner_wrapper {
position: relative;
/* width: 1000px;*/
}
.image_slider_wrapper .slider_item_box {
position: relative;
display: inline-block;
width: 158px;
height: 170px;
float: left;
margin-left: 8px;
padding: 0px;
border: 1px solid #cccccc;
}
.image_slider_wrapper .slider_item_box a.slider_item_box_info {
display: block;
position: relative;
width: 100%;
height: 20px;
margin: 2px 0px 0px 4px;
text-decoration:none;
color: #1E1F9E;
font-size: 11px;
font-weight: bold;
}
.image_slider_wrapper .slider_item_box div.slider_item_box_image {
position: relative;
margin: 2px 0px 0px 4px;
width: 150px;
height: 120px;
top: 0px;
}
.image_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;
}
.image_slider_wrapper .slider_item_box div.slider_item_box_image .slider_price_text {
position: absolute;
right: 0px;
top: 105px;
color: #1E1F9E;
font-size: 10px;
letter-spacing: -1px;
}
.image_slider_wrapper .slider_item_box .slider_item_box_price {
position: relative;
width: 150px;
margin: 5px 0px 0px 4px;
}
.image_slider_wrapper .slider_item_box .slider_item_box_info_bull {
position: absolute;
left: 0px;
top: 5px;
width: 10px;
height: 10px;
background: transparent url(../images/box_bull2.png) no-repeat;
}
.image_slider_wrapper .slider_item_box .slider_item_box_price .slider_price {
position: relative;
float: right;
color: #1E1F9E;
font-weight: bold;
font-size: 15px;
}
.image_slider_wrapper .slider_item_box .slider_item_box_price .slider_bargain_price {
margin-right: 4px;
}
.image_slider_wrapper .slider_item_box .slider_item_box_price .slider_normal_price {
text-decoration: line-through;
font-size: 14px;
}
.image_slider_wrapper .slider_item_box .slider_item_box_price .slider_enquiry_price {
font-size: 14px;
}
.image_slider_wrapper a.slider_image_slider_trigger_left {
display: block;
float: left;
position: relative;
width: 27px;
height: 27px;
margin-top: 10px;
cursor: pointer;
font-size: 24px;
color: #cccccc;
font-weight: bold;
padding-left:10px;
}
.image_slider_wrapper a.slider_image_slider_trigger_left:hover {
color: #aaaaaa;
}
.image_slider_wrapper a.slider_image_slider_trigger_right {
display: block;
float: right;
position: relative;
width: 27px;
height: 27px;
margin-top: 10px;
cursor: pointer;
font-size: 24px;
color: #cccccc;
font-weight: bold;
padding-right:10px;
}
.image_slider_wrapper a.slider_image_slider_trigger_right:hover {
color: #aaaaaa;
}
.image_slider_wrapper .list_item_box {
position: relative;
display: inline-block;
width: 247px;
height: 258px;
background: transparent url(../images/item_list_box.png) no-repeat;
float:left;
margin-right: 20px;
margin-top: 20px;
text-align: center;
}
.image_slider_wrapper .item_box_image {
position: relative;
top: 65px;
width: 247px;
height: 170px;
overflow: hidden;
text-align:center;
}
.image_slider_wrapper .item_box_link_detail {
position: absolute;
bottom: 0px;
left: 0px;
width: 25px;
height: 25px;
display: block;
}
.image_slider_wrapper .item_box_image a {
display: block;
position: relative;
top: 0px;
width: 247px;
height: 170px;
overflow: hidden;
text-align:center;
}
.image_slider_wrapper .item_box_image img {
position: relative;
}
.image_slider_wrapper .item_box_info_bull {
position: absolute;
top: 17px;
left: 8px;
width: 10px;
height: 10px;
background: transparent url(../images/box_bull.png) no-repeat;
}
#content_box_popular {
position: relative;
width: 722x;
height: 310px;
margin-bottom: 20px;
}
#content_box_popular ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#content_box_popular li {
display: inline-block;
margin: 0;
padding: 0;
}
#content_box_popular_items {
position: absolute;
float: left;
width: 470px;
height: 310px;
background: transparent;
}
#content_box_popular_items .title {
position: absolute;
display: inline-block;
width: 160px;
height: 20px;
left: 35px;
top: 15px;
font-weight:bold;
}
#content_box_popular_items .items_box {
position: relative;
top:50px;
width: 470px;
height: 272px;
}
#content_box_popular_items .items_box ul {
display: absolute;
float: left;
width: 470px;
height: 231px;
}
#content_box_popular_items .items_box li.item {
position: relative;
display: none;
width: 470px;
height: 231px;
}
#content_box_popular_items .items_box .item.selected {
display: inline-block;
}
#content_box_popular_items .items_box .item .item_name {
position: absolute;
display: inline-block;
width: 170px;
height: 56px;
left: 15px;
top: 12px;
}
#content_box_popular_items .items_box .item .item_name a {
position: relative;
display: inline-block;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
width: 163px;
padding-top: 4px;
height: 52px;
color: black;
}
#content_box_popular_items .items_box .item .item_image {
position: absolute;
display: inline-block;
left: 28px;
top: 75px;
}
#content_box_popular_items .items_box .item .item_price{
position: absolute;
display: inline-block;
right: 306px;
top: 195px;
color: #1C8DC5;
font-size: 1.2em;
font-weight: bold;
}
#content_box_popular_items .tabs_box {
position: relative;
display: inline-block;
float: left;
width: 471px;
height: 32px;
top: 5px;
}
#content_box_popular_items .tabs_box ul {
display: inline-block;
width: 470px;
height: 24px;
margin-top: -8px;
margin-left:1px;
}
#content_box_popular_items .tabs_box li {
display: inline-block;
margin-top:2px;
float: left;
width: 156px;
height: 25px;
text-align: center;
}
#content_box_popular_items .tabs_box li a {
display: inline-block;
padding-top: 8px;
width: 156px;
height: 15px;
text-decoration: none;
color: black;
}
#content_box_popular_items .tabs_box li.selected {
background: url("./../images/content/popular_item_tab_marker.png") no-repeat scroll 0 0 transparent;
}
#content_box_popular_items .tabs_box li.selected a {
color: white;
}
#content_box_popular_items a.item_box_image {
display: inline-block;
width: 173px;
height: 125px;
margin-left: -15px;
margin-top: -10px;
background-position: center center;
background-repeat: no-repeat;
}
#content_box_popular_items .item_image_detailed {
position: absolute;
top: 12px;
right: 14px;
width: 264px;
height: 208px;
overflow: hidden;
}
#content_box_popular_items .item_image_detailed a {
display: inline-block;
width: 264px;
height: 208px;
text-align: center;
overflow: hidden;
}
#content_box_popular_manufacturers {
position: relative;
display: inline-block;
background: transparent;
float: right;
width: 241px;
height: 310px;
}
#content_box_popular_manufacturers h4 {
margin: 0;
padding: 0;
position: absolute;
top: 14px;
left: 37px;
}
#content_box_popular_manufacturers .manufacturer_box {
position: absolute;
display: inline-block;
width: 220px;
height: 61px;
left: 10px;
}
#content_box_popular_manufacturers .manufacturer_box_1 {
top: 63px;
}
#content_box_popular_manufacturers .manufacturer_box_2 {
top: 133px;
}
#content_box_popular_manufacturers .manufacturer_box_3 {
top: 203px;
}
#content_box_popular_manufacturers .manufacturer_logo {
position: absolute;
display: inline-block;
top: 10px;
left: 15px;
width: 50px;
height: 59px;
background-repeat: no-repeat;
background-position: left top;
}
#content_box_popular_manufacturers .manufacturer_name {
position: absolute;
display: inline-block;
left: 73px;
top: 3px;
font-weight: bold;
}
#content_box_popular_manufacturers .manufacturer_items_in_shop {
position: absolute;
display: inline-block;
left: 73px;
top: 16px;
}
#content_box_popular_manufacturers .manufacturer_link {
position: absolute;
display: inline-block;
left: 112px;
top: 37px;
font-weight: bold;
color: #1c8dc5;
text-decoration: none;
font-size: 1.2em;
}
/* slider */
.content_box_manufacturer_slider {
position: relative;
width: 720px;
margin-bottom: 10px;
margin-top: 10px;
height: 250px;
background: #ffffff;
border: 1px solid #aaaaaa;
}
.content_box_manufacturer_slider .image_slider_title {
position: relative;
width: 100%;
height: 39px;
background: url(./../images/content/header_bg.png) no-repeat;
}
.content_box_manufacturer_slider .image_slider_title .text {
position: absolute;
top: 13px;
left: 44px;
color: #000000;
text-align: left;
font-size: 11px;
font-weight: bold;
}
.content_box_manufacturer_slider .image_slider_content_outer_wrapper {
position: relative;
width: 680px;
height: 172px;
margin-top: 12px;
margin-left: 20px;
overflow: hidden;
}
.content_box_manufacturer_slider .image_slider_content_inner_wrapper {
position: relative;
/* width: 1000px;*/
}
.content_box_manufacturer_slider .slider_item_box {
position: relative;
display: inline-block;
width: 158px;
height: 170px;
float: left;
margin-left: 8px;
padding: 0px;
border: 1px solid #cccccc;
}
.content_box_manufacturer_slider .slider_item_box a.slider_item_box_info {
display: block;
position: relative;
width: 100%;
height: 20px;
margin: 2px 0px 0px 4px;
text-decoration:none;
color: #1E1F9E;
font-size: 11px;
font-weight: bold;
}
.content_box_manufacturer_slider .slider_item_box div.slider_item_box_image {
position: relative;
margin: 2px 0px 0px 4px;
width: 150px;
height: 120px;
top: 0px;
}
.content_box_manufacturer_slider .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;
}
.content_box_manufacturer_slider .slider_item_box div.slider_item_box_image .slider_price_text {
position: absolute;
right: 0px;
top: 105px;
color: #1E1F9E;
font-size: 10px;
letter-spacing: -1px;
}
.content_box_manufacturer_slider .slider_item_box .slider_item_box_price {
position: relative;
width: 150px;
margin: 5px 0px 0px 4px;
}
.content_box_manufacturer_slider .slider_item_box .slider_item_box_info_bull {
position: absolute;
left: 0px;
top: 5px;
width: 10px;
height: 10px;
background: transparent url(../images/box_bull2.png) no-repeat;
}
.content_box_manufacturer_slider .slider_item_box .slider_item_box_price .slider_price {
position: relative;
float: right;
color: #1E1F9E;
font-weight: bold;
font-size: 15px;
}
.content_box_manufacturer_slider .slider_item_box .slider_item_box_price .slider_bargain_price {
margin-right: 4px;
}
.content_box_manufacturer_slider .slider_item_box .slider_item_box_price .slider_normal_price {
text-decoration: line-through;
font-size: 14px;
}
.content_box_manufacturer_slider .slider_item_box .slider_item_box_price .slider_enquiry_price {
font-size: 14px;
}
.content_box_manufacturer_slider a.slider_image_slider_trigger_left {
display: block;
float: left;
position: relative;
width: 27px;
height: 27px;
margin-top: 10px;
cursor: pointer;
font-size: 24px;
color: #cccccc;
font-weight: bold;
padding-left:10px;
}
.content_box_manufacturer_slider a.slider_image_slider_trigger_left:hover {
color: #aaaaaa;
}
.content_box_manufacturer_slider a.slider_image_slider_trigger_right {
display: block;
float: right;
position: relative;
width: 27px;
height: 27px;
margin-top: 10px;
cursor: pointer;
font-size: 24px;
color: #cccccc;
font-weight: bold;
padding-right:10px;
}
.content_box_manufacturer_slider a.slider_image_slider_trigger_right:hover {
color: #aaaaaa;
}
.image_slider_wrapper .list_item_box {
position: relative;
display: inline-block;
width: 247px;
height: 258px;
background: transparent url(../images/item_list_box.png) no-repeat;
float:left;
margin-right: 20px;
margin-top: 20px;
text-align: center;
}
.image_slider_wrapper .item_box_image {
position: relative;
top: 65px;
width: 247px;
height: 170px;
overflow: hidden;
text-align:center;
}
.content_box_manufacturer_slider .item_box_link_detail {
position: absolute;
bottom: 0px;
left: 0px;
width: 25px;
height: 25px;
display: block;
}
.content_box_manufacturer_slider .item_box_image a {
display: block;
position: relative;
top: 0px;
width: 247px;
height: 170px;
overflow: hidden;
text-align:center;
}
.content_box_manufacturer_slider .item_box_image img {
position: relative;
}
.content_box_manufacturer_slider .item_box_info_bull {
position: absolute;
top: 17px;
left: 8px;
width: 10px;
height: 10px;
background: transparent url(../images/box_bull.png) no-repeat;
}
/* Structure List */
.content_box_structure_list {
width: 720px;
margin-bottom: 10px;
margin-top: 10px;
border: 0px solid #aaaaaa;
background: #ffffff;
}
.content_box_structure_list a {
display: inline;
}
.content_box_structure_list .header {
position: relative;
width: 100%;
height: 40px;
background: url(./../images/content/contentbox_header_bg.png) 0px 20px no-repeat;
}
.content_box_structure_list .header h3 {
display: inline-block;
position: relative;
top: 2px;
margin-left: 34px;
color: #6b6b6b;
font-size: 19px;
font-weight: bold;
}
.content_box_structure_list .content {
padding: 10px 12px;
}
.content_box_structure_list .content a {
display: block;
position: relative;
font-weight:bold;
color:#000000;
font-size:12px;
text-decoration:none;
}
.content_box_structure_list .structure_item {
float: left;
color: #000000;
text-align: center;
margin: 10px;
background:transparent;
border: 1px solid #cccccc;
width: 213px;
height: 230px;
}
.content_box_structure_list .structure_item .image_wrapper {
position: relative;
width: 210px;
height: 210px;
text-align: center;
}
.content_box_structure_list .content span {
position: relative;
height: 20px;
}
#cart_button_box {
position: relative;
background: #cccccc;
border: 1px solid #555555;
height: 50px;
}
.priceInfoBox .cartbutton {
position: absolute;
left: 105px;
top: 13px;
width: 230px;
height: 25px;
background: transparent url(./../images/content/button_small.png) repeat;
border-width: 0px;
color: #ffffff;
font-size: 12px;
}
.priceInfoBox .cartbutton:hover {
font-weight: normal;
}
.graylabel {
position:absolute;
top: 2px;
left: 0px;
width: 37px;
height: 10px;
text-align:center;
color: #3B3B3B;
font-size: 9px;
}
.priceInfoBox .amountbox {
position:absolute;
top: 16px;
left: 0px;
width: 37px;
height: 16px;
border: #ADADAD 1px solid;
background: #ffffff;
color: #000000;
text-align: center;
}
.content_box_textbox .content .text_box_hidden_text {
display: none;
}
.content_box_textbox .content .text_box_link_show_text {
display: inline;
}
.content_box_textbox .content .text_box_link_hide_text {
display: none;
}