1 line
72 KiB
CSS
1 line
72 KiB
CSS
|
|
/* search widget */
|
|
#search_result {
|
|
position:absolute;
|
|
left:0px;
|
|
top:40px;
|
|
z-index:999999;
|
|
}
|
|
|
|
#live_search_title {
|
|
position: relative;
|
|
width: 340px;
|
|
height: 20px;
|
|
font-size: 10px;
|
|
font-weight:bold;
|
|
color: #ffffff;
|
|
line-height:20px;
|
|
padding-left:10px;
|
|
background: transparent url(./../images/main2/Ergebnis-Suche.png) no-repeat;
|
|
}
|
|
|
|
.live_search_item {
|
|
position: relative;
|
|
width: 338px;
|
|
height: 19px;
|
|
font-size: 10px;
|
|
color: #ffffff;
|
|
line-height:20px;
|
|
padding-left:10px;
|
|
background: #cccccc;
|
|
}
|
|
|
|
.live_search_item2 {
|
|
background: #ffffff;
|
|
}
|
|
|
|
.live_search_item:hover {
|
|
font-weight: bold;
|
|
background: transparent url(./../images/main2/Aktiv-Suche.png) no-repeat;
|
|
}
|
|
|
|
.live_search_item a {
|
|
text-decoration: none;
|
|
color: #000000;
|
|
}
|
|
|
|
.live_search_item:hover a {
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
#live_search_result {
|
|
width:500px;
|
|
z-index:9999;
|
|
background:#ffffff;
|
|
border:solid 1px #cccccc;
|
|
}
|
|
.liveSearchHolder {
|
|
width:348px;z-index:9999;background:#ffffff;border:solid 1px #838383;
|
|
}
|
|
.search_widget_wrapper {
|
|
position:absolute;
|
|
left:70px;
|
|
width:420px;
|
|
height:60px;
|
|
}
|
|
|
|
|
|
.search_widget_wrapper .widget_content_wrapper {
|
|
position: relative;
|
|
height: 60px;
|
|
}
|
|
|
|
.search_widget_wrapper .widget_content_wrapper input {
|
|
position: absolute;
|
|
top: 19px;
|
|
left: 0px;
|
|
height: 22px;
|
|
width: 178px;
|
|
border: 0px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
background: transparent url(./../images/widgets2/search_input_bg.png) no-repeat;
|
|
}
|
|
|
|
.search_widget_wrapper .widget_content_wrapper input:focus {
|
|
background: transparent url(./../images/widgets2/search_input_active.png) no-repeat;
|
|
}
|
|
|
|
.search_widget_wrapper .search_item_categories {
|
|
position: absolute;
|
|
top: 19px;
|
|
left: 203px;
|
|
height: 22px;
|
|
width: 150px;
|
|
border: 0px;
|
|
padding-left: 10px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-right: 2px;
|
|
background: transparent url(./../images/widgets2/search_category_bg.png) no-repeat;
|
|
}
|
|
|
|
.search_widget_wrapper .search_item_categories option {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.search_widget_wrapper .widget_content_wrapper .search_button {
|
|
position: absolute;
|
|
top: 19px;
|
|
left: 355px;
|
|
height: 22px;
|
|
width: 56px;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
border: 0px;
|
|
z-index: 999999;
|
|
background: transparent url(./../images/main2/Button-Suche.png) no-repeat;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* shoppingcart widget */
|
|
.main_widget_shoppingcart2 {
|
|
position: absolute;
|
|
width: 218px;
|
|
height: 60px;
|
|
right: 0px;
|
|
top: 0px;
|
|
color: #ffffff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.main_widget_shoppingcart2:hover, .main_widget_shoppingcart2_active {
|
|
color: #000000;
|
|
background: transparent url(./../images/widgets2/leiste_cartbutton_hover.png) left no-repeat;
|
|
}
|
|
|
|
.main_widget_shoppingcart2 .widget_icon {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0px;
|
|
height: 50px;
|
|
width: 50px;
|
|
background: transparent url(./../images/main2/Icon-Warenkorb.png) no-repeat;
|
|
}
|
|
|
|
.main_widget_shoppingcart2 .widget_menu_trennlinie {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 5px;
|
|
height: 59px;
|
|
width: 2px;
|
|
background: transparent url(./../images/main2/Trennlinie-Leiste.png) no-repeat;
|
|
}
|
|
|
|
.main_widget_shoppingcart2 .widget_menu_arrow {
|
|
position: absolute;
|
|
top: 28px;
|
|
right: 15px;
|
|
height: 5px;
|
|
width: 9px;
|
|
background: transparent url(./../images/main2/Pfeil-Leiste.png) no-repeat;
|
|
}
|
|
|
|
|
|
.main_widget_shoppingcart2:hover .widget_menu_arrow, .main_widget_shoppingcart2_active .widget_menu_arrow {
|
|
background: transparent url(./../images/main2/Pfeil-Leiste-Aktiv.png) no-repeat;
|
|
}
|
|
|
|
|
|
.main_widget_shoppingcart2 .widget_title {
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 50px;
|
|
}
|
|
|
|
.main_widget_shoppingcart2 .widget_title .button_name {
|
|
display: block;
|
|
position: relative;
|
|
font-size: 18px;
|
|
line-height: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.main_widget_shoppingcart2 .widget_title .button_text {
|
|
display: block;
|
|
position: relative;
|
|
font-size: 10px;
|
|
line-height: 10px;
|
|
}
|
|
|
|
#shoppingcart_kontext {
|
|
position: absolute;
|
|
right: 6px;
|
|
top: 60px;
|
|
width: 337px;
|
|
display: none;
|
|
border-left:1px solid #838383;
|
|
border-right:1px solid #838383;
|
|
border-bottom:1px solid #838383;
|
|
z-index: 999999;
|
|
background: #bebebe url(./../images/widgets2/shopping_cart_kontext_bg.png) top no-repeat;
|
|
}
|
|
|
|
#kontext_cartbox_top {
|
|
position: relative;
|
|
width: 337px;
|
|
height: 19px;
|
|
background: transparent url(./../images/widgets2/kontext_cartbox_bg_top.png) no-repeat;
|
|
}
|
|
|
|
#shoppingcart_kontext .cart_item {
|
|
position: relative;
|
|
height: 72px;
|
|
width: 337px;
|
|
background: transparent url(./../images/widgets2/cart_item_bg.png) bottom no-repeat;
|
|
|
|
}
|
|
|
|
#shoppingcart_kontext .cart_item_first {
|
|
position: relative;
|
|
height: 81px;
|
|
width: 337px;
|
|
background: transparent url(./../images/widgets2/cart_item_bg.png) bottom no-repeat;
|
|
|
|
}
|
|
|
|
#shoppingcart_kontext .item_number {
|
|
display: block;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 108px;
|
|
font-size: 11px;
|
|
line-height: 11px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#shoppingcart_kontext .item_delivery_status_1 {
|
|
position: absolute;
|
|
top: 14px;
|
|
left: 98px;
|
|
height: 5px;
|
|
width: 5px;
|
|
background: transparent url(./../images/widgets2/cart_item_delivery_status_1.png) no-repeat;
|
|
}
|
|
|
|
#shoppingcart_kontext .item_name {
|
|
display: block;
|
|
position: absolute;
|
|
top: 40px;
|
|
left: 98px;
|
|
font-size: 11px;
|
|
line-height: 11px;
|
|
font-weight: normal;
|
|
width: 170px;
|
|
color: #969696;
|
|
}
|
|
|
|
#shoppingcart_kontext .item_amount {
|
|
display: block;
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 98px;
|
|
font-size: 11px;
|
|
line-height: 11px;
|
|
font-weight: normal;
|
|
color: #969696;
|
|
}
|
|
|
|
#shoppingcart_kontext .item_price {
|
|
display: block;
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 5px;
|
|
font-size: 11px;
|
|
line-height: 11px;
|
|
font-weight: bold;
|
|
color: #27619f;
|
|
}
|
|
|
|
#shoppingcart_kontext .cart_item_image {
|
|
display: block;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 38px;
|
|
width: 50px;
|
|
height: 50px;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
font-weight: bold;
|
|
border: 1px solid #828282;
|
|
}
|
|
|
|
#shoppingcart_kontext .cart_delete_button {
|
|
display: block;
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 12px;
|
|
width: 12px;
|
|
height: 12px;
|
|
background: transparent url(./../images/widgets2/cart_delete_icon.png) no-repeat;
|
|
}
|
|
|
|
|
|
#shoppingcart_kontext .cart_button_wrapper {
|
|
position: relative;
|
|
height: 49px;
|
|
width: 337px;
|
|
background: transparent url(./../images/widgets2/shoppingcart_buttons.png) no-repeat;
|
|
}
|
|
|
|
|
|
#cart_button_details1 {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
height: 49px;
|
|
width: 168px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
line-height: 49px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#cart_button_details {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
height: 49px;
|
|
width: 168px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
line-height: 49px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#cart_button_details:hover {
|
|
color: #ffffff;
|
|
background: transparent url(./../images/widgets2/shoppingcart_buttons_hover.png) no-repeat;
|
|
}
|
|
|
|
#cart_button_cashdesk {
|
|
position: absolute;
|
|
left: 169px;
|
|
top: 0px;
|
|
height: 49px;
|
|
width: 168px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
line-height: 49px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#cart_button_cashdesk:hover {
|
|
color: #ffffff;
|
|
background: transparent url(./../images/widgets2/shoppingcart_buttons_hover_right.png) no-repeat;
|
|
}
|
|
|
|
#shoppingcart_kontext .cart_footer {
|
|
position: relative;
|
|
height: 51px;
|
|
width: 337px;
|
|
background: transparent url(./../images/widgets2/cart_item_bg.png) no-repeat;
|
|
}
|
|
|
|
#shoppingcart_kontext .cart_footer .cart_sum_text {
|
|
display: block;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 5px;
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
}
|
|
|
|
#shoppingcart_kontext .cart_footer .cart_sum_value {
|
|
display: block;
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 5px;
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
font-weight: bold;
|
|
color: #27619f;
|
|
}
|
|
|
|
#shoppingcart_kontext .cart_footer .cart_price_text {
|
|
display: block;
|
|
position: absolute;
|
|
top: 25px;
|
|
right: 5px;
|
|
font-size: 11px;
|
|
line-height: 11px;
|
|
color: #828282;
|
|
}
|
|
|
|
|
|
/* login widget */
|
|
.main_widget_account_wrapper {
|
|
position: absolute;
|
|
width: 218px;
|
|
height: 60px;
|
|
right: 211px;
|
|
top: 0px;
|
|
color: #ffffff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.main_widget_account_wrapper:hover, .main_widget_account_wrapper_active {
|
|
color: #000000;
|
|
background: transparent url(./../images/widgets2/leiste_cartbutton_hover.png) left no-repeat;
|
|
}
|
|
|
|
.main_widget_account_wrapper .widget_icon {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0px;
|
|
height: 50px;
|
|
width: 50px;
|
|
background: transparent url(./../images/main2/Icon-MeinKonto.png) no-repeat;
|
|
}
|
|
|
|
.main_widget_account_wrapper .widget_menu_trennlinie1 {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 59px;
|
|
width: 2px;
|
|
background: transparent url(./../images/main2/Trennlinie-Leiste.png) no-repeat;
|
|
}
|
|
|
|
.main_widget_account_wrapper .widget_menu_trennlinie {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 5px;
|
|
height: 59px;
|
|
width: 2px;
|
|
background: transparent url(./../images/main2/Trennlinie-Leiste.png) no-repeat;
|
|
}
|
|
|
|
.main_widget_account_wrapper .widget_menu_arrow {
|
|
position: absolute;
|
|
top: 28px;
|
|
right: 15px;
|
|
height: 5px;
|
|
width: 9px;
|
|
background: transparent url(./../images/main2/Pfeil-Leiste.png) no-repeat;
|
|
}
|
|
|
|
.main_widget_account_wrapper:hover .widget_menu_arrow, .main_widget_account_wrapper_active .widget_menu_arrow {
|
|
background: transparent url(./../images/main2/Pfeil-Leiste-Aktiv.png) no-repeat;
|
|
}
|
|
|
|
.main_widget_account_wrapper .widget_title {
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 50px;
|
|
}
|
|
|
|
.main_widget_account_wrapper .widget_title .button_name {
|
|
display: block;
|
|
position: relative;
|
|
font-size: 18px;
|
|
line-height: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.main_widget_account_wrapper .widget_title .button_text {
|
|
display: block;
|
|
position: relative;
|
|
font-size: 10px;
|
|
line-height: 10px;
|
|
}
|
|
|
|
|
|
|
|
#account_kontext {
|
|
position:absolute;
|
|
right:217px;
|
|
top:60px;
|
|
width:337px;
|
|
height: 348px;
|
|
border-left:1px solid #838383;
|
|
border-right:1px solid #838383;
|
|
border-bottom:1px solid #838383;
|
|
display:none;
|
|
z-index:999999;
|
|
background: transparent url(./../images/widgets2/menu_account_bg.png) no-repeat;
|
|
}
|
|
|
|
|
|
|
|
#account_kontext .login_field {
|
|
width: 102px;
|
|
height: 22px;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
border: 0px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
background: transparent url(./../images/widgets2/login_bg.png) no-repeat;
|
|
}
|
|
|
|
#account_kontext .login_field:focus {
|
|
background: transparent url(./../images/widgets2/login_bg_active.png) no-repeat;
|
|
}
|
|
|
|
#account_kontext .login_form {
|
|
position: relative;
|
|
height: 30px;
|
|
}
|
|
|
|
#account_kontext .login_name {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 20px;
|
|
}
|
|
|
|
#account_kontext .login_password {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 140px;
|
|
}
|
|
|
|
#account_kontext .login_button {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 260px;
|
|
width: 56px;
|
|
height: 22px;
|
|
border: 0px;
|
|
color: #ffffff;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
background: transparent url(./../images/widgets2/login_button.png) no-repeat;
|
|
|
|
}
|
|
|
|
#account_kontext div.loggedin_button span {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#account_kontext a.loggedin_button {
|
|
display: block;
|
|
float: left;
|
|
position: relative;
|
|
width: 64px;
|
|
height: 40px;
|
|
background-position: top center;
|
|
background-repeat: no-repeat;
|
|
margin-left: 20px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#account_kontext a.loggedin_button span {
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0px;
|
|
top: 30px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#account_kontext .account_button_wrapper {
|
|
position: relative;
|
|
height: 49px;
|
|
width: 337px;
|
|
background: transparent url(./../images/widgets2/shoppingcart_buttons.png) no-repeat;
|
|
|
|
}
|
|
|
|
.account_kontext_menu_wrapper {
|
|
position: relative;
|
|
width: 337px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.account_kontext_menu_wrapper .title {
|
|
position: relative;
|
|
left: 20px;
|
|
font-size: 12px;
|
|
line-height: 25px;
|
|
font-weight: bold;
|
|
color: #27619f;
|
|
}
|
|
|
|
.account_kontext_menu_wrapper .menu_item {
|
|
position: relative;
|
|
left: 20px;
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 25px;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
padding-left: 15px;
|
|
background: transparent url(./../images/widgets2/kontext_menu_bull.png) left center no-repeat;
|
|
}
|
|
|
|
.account_kontext_menu_wrapper .default_address {
|
|
position: relative;
|
|
top: 10px;
|
|
left: 20px;
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
padding-left: 15px;
|
|
width: 300px;
|
|
}
|
|
|
|
.account_kontext_menu_wrapper .menu_item_password_forgotten {
|
|
position: absolute;
|
|
left: 141px;
|
|
height: 15px;
|
|
display: block;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
line-height: 15px;
|
|
color: #878787;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#login_save_session {
|
|
position: absolute;
|
|
left: 21px;
|
|
height: 15px;
|
|
display: block;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
line-height: 15px;
|
|
color: #878787;
|
|
text-decoration:none;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.login_save_session_inactive {
|
|
background: transparent url(./../images/widgets2/login_save_session.png) left center no-repeat;
|
|
}
|
|
|
|
.login_save_session_active {
|
|
background: transparent url(./../images/widgets2/login_save_session_active.png) left center no-repeat;
|
|
}
|
|
|
|
#account_button_admin {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
height: 49px;
|
|
width: 168px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
line-height: 49px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#account_button_admin:hover {
|
|
color: #ffffff;
|
|
background: transparent url(./../images/widgets2/shoppingcart_buttons_hover.png) no-repeat;
|
|
}
|
|
|
|
#account_button_logout {
|
|
position: absolute;
|
|
left: 169px;
|
|
top: 0px;
|
|
height: 49px;
|
|
width: 168px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
line-height: 49px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#account_button_logout:hover {
|
|
color: #ffffff;
|
|
background: transparent url(./../images/widgets2/shoppingcart_buttons_hover_right.png) no-repeat;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* generic */
|
|
.left {
|
|
text-align: left;
|
|
}
|
|
|
|
.right {
|
|
text-align: right;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
body {
|
|
margin: 0px;
|
|
color: #000000;
|
|
font-size: 11px;
|
|
font-family: Arial;
|
|
line-height: 1.6em;
|
|
background: #f6f6f6 url(./../images/main2/Header-Banner-Pix.png) 0px 0px repeat-x;
|
|
}
|
|
|
|
a {
|
|
outline: none;
|
|
}
|
|
|
|
.alleft {
|
|
text-align: left;
|
|
}
|
|
|
|
.alright {
|
|
text-align: right;
|
|
}
|
|
|
|
.alcenter {
|
|
text-align: center;
|
|
}
|
|
|
|
button, input[type="submit"] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
:disabled {
|
|
cursor: default;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
.title_bg {
|
|
height: 29px;
|
|
background: url(./../images/title_bg_pixlin.png) repeat-x;
|
|
border-left: 1px solid #cccccc;
|
|
border-right: 1px solid #cccccc;
|
|
}
|
|
|
|
.title_bg div {
|
|
position: relative;
|
|
float: left;
|
|
height: 29px;
|
|
}
|
|
.title_bg .title_pipe {
|
|
position: relative;
|
|
float: left;
|
|
width: 2px;
|
|
height: 29px;
|
|
background: url(./../images/title_pipe.png) no-repeat;
|
|
}
|
|
|
|
#header_logo_leiste {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 5px;
|
|
height: 50px;
|
|
width: 50px;
|
|
background: transparent url(./../images/main2/Logo-Leiste.png) no-repeat;
|
|
}
|
|
|
|
|
|
#header_trans {
|
|
position: fixed;
|
|
height: 60px;
|
|
left: 0px;
|
|
width: 100%;
|
|
background: transparent url(./../images/main2/Header-Leiste-Pix.png) repeat-x;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
#header_trans2 {
|
|
height: 80px;
|
|
border-top: 0px solid #276191;
|
|
background: transparent;
|
|
}
|
|
|
|
#header_container {
|
|
position: relative;
|
|
top: 0px;
|
|
width: 992px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#wrapper {
|
|
position: relative;
|
|
top: 0px;
|
|
width: 992px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#header_wrapper {
|
|
position: relative;
|
|
width: 992px;
|
|
height: 300px;
|
|
background: transparent url(./../images/main2/Header-Topreef-01.png) no-repeat;
|
|
}
|
|
|
|
a#logo {
|
|
position: absolute;
|
|
width: 348px;
|
|
height: 98px;
|
|
top: 95px;
|
|
left: 113px;
|
|
background: transparent url(./../images/main2/TopReef-Logo.png) no-repeat;
|
|
}
|
|
|
|
#main_wrapper {
|
|
position: relative;
|
|
width: 992px;
|
|
}
|
|
|
|
#navi_wrapper {
|
|
position: relative;
|
|
float: left;
|
|
width: 254px;
|
|
background: transparent url(./../images/main/left_bg.png) repeat-y right;
|
|
}
|
|
|
|
|
|
|
|
#content_wrapper {
|
|
position: relative;
|
|
float: left;
|
|
width: 738px;
|
|
}
|
|
|
|
#content_wrapper2 {
|
|
width: 992px;
|
|
}
|
|
|
|
#content_shadow_left {
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 100%;
|
|
left: 182px;
|
|
top: 0px;
|
|
background: url(./../images/content_bg_left.png) repeat-y;
|
|
}
|
|
|
|
#content_shadow_right {
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 100%;
|
|
right: 0px;
|
|
top: 0px;
|
|
background: url(./../images/content_bg_right.png) repeat-y;
|
|
}
|
|
|
|
#content_sub_wrapper {
|
|
position: relative;
|
|
width: 742px;
|
|
margin: 0px 0px 20px 20px;
|
|
}
|
|
|
|
#maincontent_wrapper {
|
|
position: relative;
|
|
top: -25px;
|
|
width: 722px;
|
|
margin: 20px 0px 20px 16px;
|
|
}
|
|
|
|
.button {
|
|
display: block;
|
|
height: 16px;
|
|
background: url(./../images/button_bg_pixlin.png) repeat-x;
|
|
border-left: 1px solid #2f82a2;
|
|
border-right: 1px solid #2f82a2;
|
|
border-top: 0px solid transparent;
|
|
border-bottom: 0px solid transparent;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 12px;
|
|
text-decoration: none;
|
|
letter-spacing: 0.5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
input.button {
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
|
|
#footer_wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 357px;
|
|
border-top: 10px solid #f99315;
|
|
background: #02c3fe url(./../images/main2/Footer-Banner-Pix.png) repeat-x;
|
|
}
|
|
#footer {
|
|
position: relative;
|
|
width: 992px;
|
|
height: 357px;
|
|
margin: 0 auto;
|
|
background: #02c3fe url(./../images/main2/Footer-Topreef-01.jpg) center no-repeat;
|
|
}
|
|
|
|
#recommendation_toggler {
|
|
position: absolute;
|
|
height: 15px;
|
|
left: 310px;
|
|
top: 332px;
|
|
padding-left: 24px;
|
|
background: url(./../images/main/icon_recommend.png) no-repeat;
|
|
color: #ffffff;
|
|
font-size: 11px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#copyright {
|
|
position: absolute;
|
|
height: 15px;
|
|
left: 500px;
|
|
top: 332px;
|
|
color: #ffffff;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#fb_share {
|
|
display: block;
|
|
font-size: 11px;
|
|
color: #ffffff;
|
|
text-decoration:none;
|
|
position: absolute;
|
|
top: 330px;
|
|
left: 10px;
|
|
}
|
|
|
|
#fb_frame {
|
|
display: block;
|
|
font-size: 11px;
|
|
color: #ffffff;
|
|
text-decoration:none;
|
|
position: absolute;
|
|
top: 330px;
|
|
left: 100px;
|
|
height: 20px;
|
|
width: 120px;
|
|
}
|
|
|
|
#google_plus {
|
|
position: absolute;
|
|
top: 295px;
|
|
left: 210px;
|
|
}
|
|
|
|
#footer_ta_wrapper {
|
|
position: absolute;
|
|
left: 750px;
|
|
top: 332px;
|
|
}
|
|
|
|
#footer_ta_wrapper a, #footer_ta_wrapper {
|
|
color: #ffffff;
|
|
font-size: 11px;
|
|
text-decoration:none;
|
|
}
|
|
|
|
#footer_easyway {
|
|
position: relative;
|
|
height: 15px;
|
|
padding-left: 24px;
|
|
background: url(./../images/main/icon_taedv.png) no-repeat;
|
|
}
|
|
|
|
#tool_recommendation {
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
line-height: 1.3em;
|
|
text-align: left;
|
|
position: absolute;
|
|
left: 230px;
|
|
width: 530px;
|
|
height: 0px;
|
|
overflow: hidden;
|
|
background: transparent url(./../images/main/recommendation.png) no-repeat;
|
|
z-index: 9999;
|
|
}
|
|
|
|
#recommendation_message_error {
|
|
background-color:#cc0000;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#recommendation_message_ok {
|
|
background-color:#00cc00;
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
|
|
.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: block;
|
|
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: 30px;
|
|
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;
|
|
}
|
|
|
|
|
|
#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 url("./../images/content/popular_items.png") no-repeat;
|
|
}
|
|
|
|
#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_manufacturers {
|
|
position: relative;
|
|
display: inline-block;
|
|
background: transparent url("./../images/content/popular_brands.png") no-repeat;
|
|
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;
|
|
}
|
|
|
|
.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 {
|
|
display: block;
|
|
position: relative;
|
|
height: 234px;
|
|
width: 742px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.content_box_banner a {
|
|
position: absolute;
|
|
display: inline-block;
|
|
float: left;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Wird in der Artikeldetailansicht und Artikelliste genutzt */
|
|
|
|
|
|
|
|
.content_box_item_list {
|
|
width: 720px;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.content_box_item_list .title_wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 80px;
|
|
background: #ffffff;
|
|
border: 1px solid #e9e9e9;
|
|
}
|
|
|
|
.content_box_item_list .title_wrapper h3 {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 2px;
|
|
margin-left: 20px;
|
|
width: 280px;
|
|
color: #000000;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
font-family: Verdana;
|
|
}
|
|
|
|
/* item shown wrapper */
|
|
.content_box_item_list .list_item_shown_wrapper {
|
|
position: absolute;
|
|
left: 500px;
|
|
top: 18px;
|
|
width: 100px;
|
|
height: 44px;
|
|
}
|
|
|
|
.content_box_item_list .list_item_shown_wrapper .title {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.content_box_item_list .list_item_shown_wrapper .item_shown_selection {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 15px;
|
|
width: 88px;
|
|
height: 28px;
|
|
border: 1px solid #e9e9e9;
|
|
}
|
|
|
|
.content_box_item_list .list_item_shown_wrapper .item_shown_selection .selected_name {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 10px;
|
|
font-size: 11px;
|
|
line-height: 11px;
|
|
color: #0000000;
|
|
}
|
|
|
|
.content_box_item_list .list_item_shown_wrapper .item_shown_selection .menu_field {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
z-index: 11;
|
|
}
|
|
|
|
.content_box_item_list .list_item_shown_wrapper .item_shown_selection .category_menu {
|
|
position: absolute;
|
|
top: 27px;
|
|
left: -1px;
|
|
width: 88px;
|
|
height: 0px;
|
|
z-index: 9;
|
|
background: #ffffff;
|
|
/* border: 1px solid #000000; */
|
|
border: 0px solid #000000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.content_box_item_list .list_item_shown_wrapper .item_shown_selection .category_menu ul {
|
|
list-style-type:none;
|
|
margin:0px;
|
|
padding: 20px 0px 0px 0px;
|
|
}
|
|
|
|
.content_box_item_list .list_item_shown_wrapper .item_shown_selection .category_menu li {
|
|
width: 167;
|
|
height: 25;
|
|
}
|
|
|
|
|
|
.content_box_item_list .list_item_shown_wrapper .item_shown_selection .category_menu li a {
|
|
display: block;
|
|
width: 167px;
|
|
height: 23px;
|
|
line-height: 15px;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.content_box_item_list .list_item_shown_wrapper .item_shown_selection .category_menu li a:hover {
|
|
padding-left:25px;
|
|
}
|
|
|
|
|
|
|
|
/* style wrapper */
|
|
.content_box_item_list .item_list_style_wrapper {
|
|
position: absolute;
|
|
left: 610px;
|
|
top: 18px;
|
|
width: 100px;
|
|
height: 44px;
|
|
}
|
|
|
|
.content_box_item_list .item_list_style_wrapper .title {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.content_box_item_list .item_list_style_wrapper .style_selection {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 15px;
|
|
width: 88px;
|
|
height: 28px;
|
|
border: 1px solid #e9e9e9;
|
|
}
|
|
|
|
.content_box_item_list .item_list_style_wrapper .style_selection .selected_name {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 5px;
|
|
font-size: 11px;
|
|
line-height: 11px;
|
|
color: #0000000;
|
|
}
|
|
|
|
.content_box_item_list .item_list_style_wrapper .style_selection .menu_field {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
z-index: 11;
|
|
}
|
|
|
|
|
|
.content_box_item_list .item_list_style_wrapper .style_selection .category_menu ul {
|
|
list-style-type:none;
|
|
margin:0px;
|
|
padding: 20px 0px 0px 20px;
|
|
}
|
|
|
|
.content_box_item_list .item_list_style_wrapper .style_selection .category_menu li {
|
|
width: 167;
|
|
height: 25;
|
|
}
|
|
|
|
|
|
.content_box_item_list .item_list_style_wrapper .style_selection .category_menu li a {
|
|
display: block;
|
|
width: 167px;
|
|
height: 33px;
|
|
line-height: 15px;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.content_box_item_list .item_list_style_wrapper .style_selection .category_menu li a:hover {
|
|
padding-left:25px;
|
|
}
|
|
|
|
.list_style_button {
|
|
display: block;
|
|
width: 167px;
|
|
height: 33px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
|
|
.item_list_style_wrapper .activ1, .item_list_style_wrapper .inactiv1:hover {
|
|
background: transparent url(./../images/content/button_item_list1_activ.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .inactiv1 {
|
|
background: transparent url(./../images/content/button_item_list1_inactiv.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .activ2, .item_list_style_wrapper .inactiv2:hover {
|
|
background: transparent url(./../images/content/button_item_list2_activ.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .inactiv2 {
|
|
background: transparent url(./../images/content/button_item_list2_inactiv.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .activ3, .item_list_style_wrapper .inactiv3:hover {
|
|
background: transparent url(./../images/content/button_item_list3_activ.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .inactiv3 {
|
|
background: transparent url(./../images/content/button_item_list3_inactiv.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .category_menu {
|
|
position: absolute;
|
|
top: 27px;
|
|
left: -1px;
|
|
width: 88px;
|
|
height: 0px;
|
|
z-index: 9;
|
|
background: #ffffff;
|
|
/* border: 1px solid #000000; */
|
|
border: 0px solid #000000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
/* sort wrapper */
|
|
.content_box_item_list .sort_wrapper {
|
|
position: absolute;
|
|
left: 318px;
|
|
top: 18px;
|
|
width: 164px;
|
|
height: 44px;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .title {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_direction_up {
|
|
position: absolute;
|
|
left: 150px;
|
|
top: 15px;
|
|
width: 12px;
|
|
height: 12px;
|
|
cursor: pointer;
|
|
background: transparent url(./../images/allgemein/icon_sort_direction_up.png) no-repeat;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_up_active, .content_box_item_list .sort_wrapper .sort_direction_up:hover {
|
|
background: transparent url(./../images/allgemein/icon_sort_direction_up_active.png) no-repeat;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_direction_down {
|
|
position: absolute;
|
|
left: 150px;
|
|
top: 30px;
|
|
width: 12px;
|
|
height: 12px;
|
|
cursor: pointer;
|
|
background: transparent url(./../images/allgemein/icon_sort_direction_down.png) no-repeat;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_down_active, .content_box_item_list .sort_wrapper .sort_direction_down:hover {
|
|
background: transparent url(./../images/allgemein/icon_sort_direction_down_active.png) no-repeat;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_selection {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 15px;
|
|
width: 138px;
|
|
height: 28px;
|
|
border: 1px solid #e9e9e9;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_selection .selected_name {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 10px;
|
|
font-size: 11px;
|
|
line-height: 11px;
|
|
color: #0000000;
|
|
}
|
|
|
|
|
|
|
|
.menu_arrow {
|
|
position: absolute;
|
|
top: -1px;
|
|
right: -1px;
|
|
width: 28px;
|
|
height: 28px;
|
|
border-top: 1px solid #e9e9e9;
|
|
border-right: 1px solid #e9e9e9;
|
|
background: #ffffff url(./../images/allgemein/item_list_menu_arrow_down.png) center center no-repeat;
|
|
}
|
|
|
|
|
|
.menu_arrow_active {
|
|
z-index:11;
|
|
border-left: 1px solid #000000;
|
|
border-top: 1px solid #000000;
|
|
border-right: 1px solid #000000;
|
|
background: #ffffff url(./../images/allgemein/item_list_menu_arrow_up.png) center center no-repeat;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_selection .menu_field {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 140px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
z-index: 12;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_selection .menu_field .field_name {
|
|
position: absolute;
|
|
left: 25px;
|
|
top: 0px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_selection .menu_field .selected_name {
|
|
position: absolute;
|
|
left: 25px;
|
|
top: 17px;
|
|
font-size: 10px;
|
|
color: #0000000;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_selection .category_menu {
|
|
position: absolute;
|
|
top: 27px;
|
|
left: -1px;
|
|
width: 138px;
|
|
height: 0px;
|
|
z-index: 9;
|
|
background: #ffffff;
|
|
/* border: 1px solid #000000; */
|
|
border: 0px solid #000000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_selection .category_menu ul {
|
|
list-style-type:none;
|
|
margin: 0px;
|
|
padding: 20px 0px 0px 0px;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_selection .category_menu li {
|
|
width: 167;
|
|
height: 25;
|
|
}
|
|
|
|
|
|
.content_box_item_list .sort_wrapper .sort_selection .category_menu li a {
|
|
display: block;
|
|
width: 167px;
|
|
height: 23px;
|
|
line-height: 15px;
|
|
padding-left: 20px;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.content_box_item_list .sort_wrapper .sort_selection .category_menu li a:hover {
|
|
padding-left:25px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.content_box_item_list .pagination {
|
|
position: absolute;
|
|
top: 27px;
|
|
left: 20px;
|
|
height: 20px;
|
|
width: 390px;
|
|
}
|
|
|
|
.content_box_item_list .pagination, .pagination a {
|
|
position: relative;
|
|
margin-top: 20px;
|
|
color: #ad8383;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.content_box_item_list .pagination .highlight {
|
|
padding: 0px 4px;
|
|
border: 1px solid #0066ff;
|
|
background: #cce4ff;
|
|
color: #000000;
|
|
}
|
|
|
|
|
|
.item_list_style_button {
|
|
position: relative;
|
|
display: block;
|
|
width: 33px;
|
|
height: 19px;
|
|
float: left;
|
|
margin-left:10px;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.item_list_style_wrapper .activ1, .item_list_style_wrapper .inactiv1:hover {
|
|
background: transparent url(./../images/content/button_item_list1_activ.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .inactiv1 {
|
|
background: transparent url(./../images/content/button_item_list1_inactiv.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .activ2, .item_list_style_wrapper .inactiv2:hover {
|
|
background: transparent url(./../images/content/button_item_list2_activ.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .inactiv2 {
|
|
background: transparent url(./../images/content/button_item_list2_inactiv.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .activ3, .item_list_style_wrapper .inactiv3:hover {
|
|
background: transparent url(./../images/content/button_item_list3_activ.png) no-repeat;
|
|
}
|
|
|
|
.item_list_style_wrapper .inactiv3 {
|
|
background: transparent url(./../images/content/button_item_list3_inactiv.png) no-repeat;
|
|
}
|
|
|
|
|
|
|
|
.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: #FFFFFF;
|
|
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: #FFFFFF;
|
|
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;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* topemnu widget */
|
|
#main_widget_item_categories_dropdown {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 250px;
|
|
width: 992px;
|
|
height: 49px;
|
|
z-index: 10;
|
|
background: transparent;
|
|
}
|
|
|
|
#main_widget_item_categories_dropdown .menu_item {
|
|
position: relative;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 246px;
|
|
height: 49px;
|
|
z-index: 10;
|
|
float: left;
|
|
background: transparent;
|
|
text-align: center;
|
|
color: #276191;
|
|
font-size: 13px;
|
|
line-height: 43px;
|
|
font-weight: bold;
|
|
border-left: 1px solid transparent;
|
|
border-right: 1px solid transparent;
|
|
}
|
|
|
|
.menu_top_link {
|
|
text-decoration: none;
|
|
color: #276191;
|
|
}
|
|
|
|
#main_widget_item_categories_dropdown .menu_item_hover {
|
|
background: transparent url(../images/main/menue.jpg) repeat-x;
|
|
border-bottom: solid 1px #276191;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#main_widget_item_categories_dropdown .menu_item_hover .menu_top_link {
|
|
color: #ffffff;
|
|
}
|
|
|
|
#main_widget_item_categories_dropdown .menu_item span {
|
|
position: relative;
|
|
line-height: 49px;
|
|
}
|
|
|
|
|
|
|
|
#main_widget_item_categories_dropdown .sub_outer_wrapper {
|
|
position: absolute;
|
|
top: 49px;
|
|
left: 0px;
|
|
width: 992px;
|
|
height: 0px;
|
|
list-style-type: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
overflow: hidden;
|
|
z-index: 999999;
|
|
}
|
|
|
|
#main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper {
|
|
position: absolute;
|
|
width: 990px;
|
|
height: 300px;
|
|
top: 0px;
|
|
left: 0px;
|
|
border: 1px solid #276191;
|
|
background: #276191;
|
|
z-index: 999999;
|
|
}
|
|
|
|
#main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .category_wrapper {
|
|
position: absolute;
|
|
width: 400px;
|
|
height: 260px;
|
|
top: 10px;
|
|
left: 50px;
|
|
}
|
|
|
|
#main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .category_wrapper a {
|
|
display: inline-block;
|
|
width: 180px;
|
|
color: #ffffff;
|
|
text-decoration:none;
|
|
font-weight: bold;
|
|
background: transparent url(./../images/widgets/footer_menu_bull.png) no-repeat;
|
|
line-height: 16px;
|
|
font-size: 11px;
|
|
margin-top: 10px;
|
|
float: left;
|
|
}
|
|
|
|
#main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .category_wrapper a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
.title_hersteller {
|
|
position:absolute;
|
|
left:462px;
|
|
top:17px;
|
|
width:30px;
|
|
height:200px;
|
|
}
|
|
|
|
#main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .manufacturer_wrapper {
|
|
position: absolute;
|
|
width: 220px;
|
|
height: 300px;
|
|
top: 10px;
|
|
left: 500px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.topmenu_widget_wrapper .category_field_aquaristik {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 65px;
|
|
width: 248px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
/* info widget */
|
|
.info_widget_wrapper {
|
|
position: relative;
|
|
width: 215px;
|
|
left: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.info_widget_wrapper .widget_title {
|
|
position: relative;
|
|
width: 215px;
|
|
height: 51px;
|
|
background: #c4c4c4;
|
|
text-align: center;
|
|
}
|
|
|
|
.info_widget_wrapper .widget_title span {
|
|
position: relative;
|
|
top: 17px;
|
|
color: #ffffff;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
font-family: "Verdana";
|
|
}
|
|
|
|
.info_widget_wrapper .widget_content_wrapper {
|
|
position: relative;
|
|
width: 215px;
|
|
}
|
|
|
|
|
|
/* manufacturer selector widget */
|
|
.manufacturer_widget_wrapper {
|
|
position: relative;
|
|
width: 215px;
|
|
left: 20px;
|
|
}
|
|
|
|
.manufacturer_widget_wrapper .widget_title {
|
|
position: relative;
|
|
width: 215px;
|
|
height: 51px;
|
|
}
|
|
|
|
.manufacturer_widget_wrapper .widget_title span {
|
|
position: relative;
|
|
top: 17px;
|
|
color: #c4c4c4;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
font-family: "Verdana";
|
|
}
|
|
|
|
.manufacturer_widget_wrapper .widget_content_wrapper {
|
|
position: relative;
|
|
width: 215px;
|
|
}
|
|
|
|
.manufacturer_widget_wrapper .widget_footer {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 3px;
|
|
margin-top: 20px;
|
|
background: transparent url(./../images/widgets/footer_line.png) no-repeat center;
|
|
}
|
|
|
|
/* site menu widget */
|
|
.sitemenu2_widget_wrapper {
|
|
position: relative;
|
|
width: 215px;
|
|
left: 20px;
|
|
}
|
|
|
|
.sitemenu2_widget_wrapper .widget_title {
|
|
position: relative;
|
|
width: 215px;
|
|
height: 51px;
|
|
}
|
|
|
|
.sitemenu2_widget_wrapper .widget_title span {
|
|
position: relative;
|
|
top: 17px;
|
|
color: #c4c4c4;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
font-family: "Verdana";
|
|
}
|
|
|
|
.sitemenu2_widget_wrapper .widget_content_wrapper {
|
|
position: relative;
|
|
width: 215px;
|
|
}
|
|
|
|
.sitemenu2_widget_wrapper .widget_footer {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 3px;
|
|
margin-top: 20px;
|
|
background: transparent url(./../images/widgets/footer_line.png) no-repeat center;
|
|
}
|
|
|
|
.sitemenu2_widget_wrapper .widget_content_wrapper a {
|
|
display: block;
|
|
position: relative;
|
|
left: 0px;
|
|
color: #276191;
|
|
text-decoration:none;
|
|
font-size: 12px;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.sitemenu2_widget_wrapper .widget_content_wrapper a:hover {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sitemenu2_widget_wrapper .widget_content_wrapper a.active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* item category widget */
|
|
.itemcategory_widget_wrapper {
|
|
position: relative;
|
|
width: 215px;
|
|
left: 20px;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_title {
|
|
position: relative;
|
|
width: 215px;
|
|
height: 40px;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_title span {
|
|
position: relative;
|
|
top: 17px;
|
|
color: #c4c4c4;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
font-family: "Verdana";
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_content_menu_wrapper {
|
|
position: relative;
|
|
width: 215px;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_content_menu_wrapper ul {
|
|
list-style-type:none;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_1 a {
|
|
font-weight: bold;
|
|
text-decoration:none;
|
|
font-size: 14px;
|
|
line-height: 1.8em;
|
|
color: #276191;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_1 a.Aquaristik {
|
|
color: #04438f;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_1 a.Terraristik {
|
|
color: #f66005;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_1 a.Gartenteich {
|
|
color: #017c01;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_1 a.Schwimmbad {
|
|
color: #2996bd;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_2 a {
|
|
position: relative;
|
|
left: 20px;
|
|
font-weight: light;
|
|
text-decoration:none;
|
|
font-size: 12px;
|
|
line-height: 1.8em;
|
|
color: #276191;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_3 a {
|
|
position: relative;
|
|
left: 40px;
|
|
font-weight: light;
|
|
text-decoration:none;
|
|
font-size: 12px;
|
|
line-height: 1.8em;
|
|
color: #276191;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_4 a {
|
|
position: relative;
|
|
left: 60px;
|
|
font-weight: light;
|
|
text-decoration:none;
|
|
font-size: 12px;
|
|
line-height: 1.8em;
|
|
color: #276191;
|
|
}
|
|
|
|
.itemcategory_widget_wrapper .widget_footer {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 3px;
|
|
margin-top: 20px;
|
|
background: transparent url(./../images/widgets/footer_line.png) no-repeat center;
|
|
}
|
|
|
|
|
|
|
|
/* loggedin widget */
|
|
.main_widget_loggedin_wrapper {
|
|
position: absolute;
|
|
width: 485px;
|
|
height: 65px;
|
|
left: 500px;
|
|
top: 0px;
|
|
}
|
|
|
|
.main_widget_loggedin_wrapper .widget_title {
|
|
position: absolute;
|
|
width: 215px;
|
|
height: 20px;
|
|
top: 10px;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
font-family: "Verdana";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.main_widget_loggedin_wrapper .widget_content_wrapper {
|
|
position: absolute;
|
|
width: 200px;
|
|
top: 30px;
|
|
left: 0px;
|
|
}
|
|
|
|
.main_widget_loggedin_wrapper .widget_content_wrapper2 {
|
|
position: absolute;
|
|
width: 280px;
|
|
top: 10px;
|
|
left: 150px;
|
|
}
|
|
|
|
.main_widget_loggedin_wrapper div.loggedin_button {
|
|
float: left;
|
|
position: relative;
|
|
width: 60px;
|
|
font-size: 12px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.main_widget_loggedin_wrapper div.loggedin_username {
|
|
float: left;
|
|
position: relative;
|
|
width: 200px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.main_widget_loggedin_wrapper div.loggedin_button span {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.main_widget_loggedin_wrapper a.loggedin_button {
|
|
display: block;
|
|
float: left;
|
|
position: relative;
|
|
width: 64px;
|
|
height: 40px;
|
|
background-position: top center;
|
|
background-repeat: no-repeat;
|
|
margin-left: 20px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.main_widget_loggedin_wrapper a.loggedin_button span {
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0px;
|
|
top: 30px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
/* shoppingcart widget */
|
|
.main_widget_shoppingcart {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 920px;
|
|
width: 80px;
|
|
height: 80px;
|
|
background: transparent;
|
|
color: #000000;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.main_widget_shoppingcart .widget_title {
|
|
display: none;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 80px;
|
|
color: #276191;
|
|
font-weight: bold;
|
|
font-family: "Verdana";
|
|
font-size: 14px;
|
|
}
|
|
|
|
.main_widget_shoppingcart .shoppingcart_logo {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 0px;
|
|
width: 50px;
|
|
height: 50px;
|
|
border: 0px;
|
|
background: transparent url(./../images/main/Einkaufstuete.png) no-repeat;
|
|
z-index: 2;
|
|
}
|
|
|
|
|
|
|
|
.main_widget_shoppingcart .data_wrapper {
|
|
position: absolute;
|
|
width: 46px;
|
|
height: 25px;
|
|
left: 27px;
|
|
top: 52px;
|
|
text-align: center;
|
|
line-height: 18px;
|
|
font-size: 12px;
|
|
color: #276191;
|
|
background: transparent url(./../images/main/field_bg.png) no-repeat;
|
|
}
|
|
|
|
/* footer menu widget */
|
|
#footer_menu_wrapper {
|
|
position: absolute;
|
|
width: 200px;
|
|
left: 10px;
|
|
top: 10px;
|
|
height: 150px;
|
|
}
|
|
|
|
#footer_menu_wrapper a {
|
|
display: inline-block;
|
|
width: 180px;
|
|
color: #000000;
|
|
text-decoration:none;
|
|
font-weight: bold;
|
|
background: transparent url(./../images/widgets/footer_menu_bull.png) no-repeat;
|
|
line-height: 12px;
|
|
font-size: 11px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#footer_menu_wrapper a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
|
|
/* main widget contact */
|
|
.contact_widget_wrapper {
|
|
position: absolute;
|
|
width: 250px;
|
|
right: 20px;
|
|
top: 40px;
|
|
height: 250px;
|
|
}
|
|
|
|
.contact_widget_wrapper .widget_title {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 45px;
|
|
background: transparent url(./../images/widgets/logo_footer.png) no-repeat right;
|
|
}
|
|
|
|
.contact_widget_wrapper .widget_content {
|
|
position: relative;
|
|
top: 10px;
|
|
width: 100%;
|
|
height: 120px;
|
|
text-align: right;
|
|
color: #000000;
|
|
font-size: 10px;
|
|
font-family: "Verdana";
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
.contact_widget_wrapper .contact_title {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
font-familey: "Verdana";
|
|
}
|
|
|
|
.contact_widget_wrapper a {
|
|
color: #000000;
|
|
font-size: 10px;
|
|
font-family: "Verdana";
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
|
|
|
|
.menu_wrapper {
|
|
position: relative;
|
|
width: 150px;
|
|
margin: 0px 0px 0px 30px;
|
|
}
|
|
|
|
.menu_wrapper a {
|
|
display: block;
|
|
position: relative;
|
|
width: 150px;
|
|
height: 25px;
|
|
color: #000000;
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.menu_wrapper a:hover {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.menu_wrapper a.active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.menu_wrapper a span {
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.wg_wrapper {
|
|
position: relative;
|
|
width: 190px;
|
|
left: 0px;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul {
|
|
list-style-type: none;
|
|
padding: 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.level_1 a {
|
|
display: block;
|
|
position: relative;
|
|
width: 190px;
|
|
height: 35px;
|
|
background: url(./../images/item_group_bg_level1.png) no-repeat;
|
|
font-size: 14px;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.level_1 a:hover {
|
|
background: url(./../images/item_group_bg_level1_hover.png) no-repeat;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.level_1 a span {
|
|
position: relative;
|
|
left: 41px;
|
|
top: 11px;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul div.higher_level_wrapper {
|
|
position: relative;
|
|
width: 180px;
|
|
margin: -1px 0px 0px 10px;
|
|
background: #dfdfdf url(./../images/item_group_bg_level2_pixlin.png) repeat-x;
|
|
border: 1px solid #d9d9d9;
|
|
border-top: 0px solid transparent;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.higher_level a {
|
|
display: block;
|
|
position: relative;
|
|
width: 180px;
|
|
height: 35px;
|
|
background: url(./../images/item_group_bg_level2.png) no-repeat bottom;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.higher_level a span.text {
|
|
display: block;
|
|
position: absolute;
|
|
left: 31px;
|
|
top: 10px;
|
|
z-index: 3;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.higher_level a span.hover {
|
|
display: block;
|
|
position: absolute;
|
|
width: 169px;
|
|
/* height: 35px;*/
|
|
height: 0px;
|
|
top: 35px;
|
|
left: 0px;
|
|
background: url(./../images/item_group_level2_hover.png) no-repeat;
|
|
/* opacity: 0;*/
|
|
z-index: 2;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.higher_level a span.icon_wrapper {
|
|
display: block;
|
|
position: absolute;
|
|
width: 30px;
|
|
height: 16px;
|
|
left: 0px;
|
|
top: 10px;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.higher_level a span.icon_wrapper span.icon {
|
|
display: block;
|
|
position: relative;
|
|
height: 16px;
|
|
margin: 0 auto;
|
|
background-position: 0px 0px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.higher_level a.active span.hover {
|
|
height: 35px;
|
|
top: 0px;
|
|
}
|
|
.wg_wrapper .widget_content ul li.higher_level a.active span.text {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.level_2 a span.icon_wrapper span.icon {
|
|
width: 14px;
|
|
background-image: url(./../images/arrow_right_blue_bigger.png);
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_2 a.active span.icon_wrapper span.icon {
|
|
width: 14px;
|
|
background-position: -14px 0px;
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_2 a:hover span.icon_wrapper span.icon {
|
|
width: 16px;
|
|
background-position: -28px 0px;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.level_3 {
|
|
background: #CFCFCF;
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_3 a span.icon_wrapper span.icon {
|
|
width: 12px;
|
|
background-image: url(./../images/arrow_right_blue_big.png);
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_3 a.active span.icon_wrapper span.icon {
|
|
width: 12px;
|
|
background-position: -12px 0px;
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_3 a:hover span.icon_wrapper span.icon {
|
|
width: 14px;
|
|
background-position: -24px 0px;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.level_4 {
|
|
background: #B2B2B2;
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_4 a span.icon_wrapper span.icon {
|
|
width: 10px;
|
|
background-image: url(./../images/arrow_right_blue_middle.png);
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_4 a.active span.icon_wrapper span.icon {
|
|
width: 10px;
|
|
background-position: -10px 0px;
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_4 a:hover span.icon_wrapper span.icon {
|
|
width: 12px;
|
|
background-position: -20px 0px;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.level_5 {
|
|
background: #A6A6A6;
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_5 a span.icon_wrapper span.icon {
|
|
width: 8px;
|
|
background-image: url(./../images/arrow_right_blue_small.png);
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_5 a.active span.icon_wrapper span.icon {
|
|
width: 8px;
|
|
background-position: -8px 0px;
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_5 a:hover span.icon_wrapper span.icon {
|
|
width: 10px;
|
|
background-position: -16px 0px;
|
|
}
|
|
|
|
.wg_wrapper .widget_content ul li.level_6 {
|
|
background: #999999;
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_6 a span.icon_wrapper span.icon {
|
|
width: 6px;
|
|
background-image: url(./../images/arrow_right_blue_smaller.png);
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_6 a.active span.icon_wrapper span.icon {
|
|
width: 6px;
|
|
background-position: -6px 0px;
|
|
}
|
|
.wg_wrapper .widget_content ul li.level_6 a:hover span.icon_wrapper span.icon {
|
|
width: 7px;
|
|
background-position: -12px 0px;
|
|
}
|
|
|
|
#breadcrumb a.arrow {
|
|
display: inline;
|
|
height: 12px;
|
|
line-height:12px;
|
|
padding-left:10px;
|
|
background: transparent url(./../images/content/breadcrump_arrow.png) 0px 2px no-repeat;
|
|
}
|
|
|
|
#img_navi_line_top {
|
|
display: none;
|
|
}
|
|
|
|
#img_navi_line_bottom {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
/* Textbox */
|
|
|
|
.content_box_structure_list {
|
|
width: 720px;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
border: 1px solid #aaaaaa;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.content_box_structure_list a {
|
|
display: inline;
|
|
}
|
|
|
|
.content_box_structure_list .header {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 39px;
|
|
background: url(./../images/content/header_bg.png) no-repeat;
|
|
}
|
|
|
|
.content_box_structure_list .header h3 {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 2px;
|
|
margin-left: 44px;
|
|
color: #000000;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.content_box_structure_list .content {
|
|
padding: 10px 12px;
|
|
}
|
|
|
|
.content_box_structure_list .content a {
|
|
display: block;
|
|
position: relative;
|
|
text-decoration: none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.content_box_structure_list .structure_item {
|
|
float: left;
|
|
color: #000000;
|
|
text-align: center;
|
|
margin: 10px;
|
|
background:transparent;
|
|
border: 1px solid #cccccc;
|
|
width: 210px;
|
|
height: 230px;
|
|
}
|
|
|
|
|
|
/* google map box */
|
|
|
|
#content_google_map .title_wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 39px;
|
|
border: 0px;
|
|
background: url(./../images/content/header_bg.png) no-repeat;
|
|
}
|
|
|
|
#content_google_map .title_wrapper h1 {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 5px;
|
|
margin-left: 44px;
|
|
color: #000000;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#content_google_map .title_wrapper .title h2 {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 5px;
|
|
margin-left: 44px;
|
|
color: #000000;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#content_google_map .box_content {
|
|
padding-left:20px;
|
|
padding-right:20px;
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
|
|
#headerImagesWrapper {
|
|
position:relative;
|
|
width:722px;
|
|
height:0px;
|
|
overflow:hidden;
|
|
background: transparent;
|
|
}
|
|
|
|
#headerImagesWrapperFooter {
|
|
position:relative;
|
|
width:720px;
|
|
height:0px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
|
|
|
|
|