/* ###### SHOP CHECKOUT STYLES ######## */ #shoppingCart_table_bottom {background-color:#DADEDD; height:70px; margin-top:20px;} #checkout2_table_bottom {background-color:#DADEDD; height:70px; margin-top:5px;} #checkout2_table_bottom div {margin-top:15px;margin-left:15px; } #checkout3_table_bottom {background-color:#DADEDD; height:70px; margin-top:5px;} #checkout3_table_bottom div {margin-top:15px;margin-left:15px; } #checkout4_table_bottom {background-color:#DADEDD; height:70px; margin-top:5px;} #checkout4_table_bottom div {margin-top:15px;margin-left:15px;} #backtoshoppingcart-btn div {margin-top:0px;margin-left:0px; height:0px;display:block;} #paymentoptions-btn div {margin-top:0px;margin-left:0px; height:0px;display:block;} #backtocheckout2-btn div {margin-top:0px;margin-left:0px; height:0px;display:block;} #nextstep-btn div {margin-top:0px;margin-left:0px; height:0px;display:block;} #backtoshop-btn div {margin-top:0px;margin-left:0px; height:0px;display:block;} #backtopaymentoptions-btn div {margin-top:0px;margin-left:0px; height:0px;display:block;} #ordernnow-btn div {margin-top:0px;margin-left:0px; height:0px;display:block;} #delete-btn { position:relative; float:left; width:67px; height:22px; margin:2px; margin-left:8px; line-height:0px; font-size:0px; color:transparent; background-image: url(../images_numismatik/button_delete.gif); background-position:0px 0px;} #delete-btn:hover { background-position:0px -22px; } #change-btn { position:relative; float:left; width:67px; height:22px; margin:2px; margin-left:8px; line-height:0px; font-size:0px; color:transparent; background-image: url(../images_numismatik/button_change.gif); background-position:0px 0px;} #change-btn:hover { background-position:0px -22px; } #saveshoppingcart-btn { position: relative; float:right; width:142px; height:22px; margin-right:10px; line-height:0px; font-size:0px; color:transparent; background-image: url(../images_numismatik/button_update_list.gif); background-position:0px 0px;} #saveshoppingcart-btn:hover { background-position:0px -22px; } #clearshoppingcart-btn { position: relative; float:right; width:142px; height:22px; line-height:0px; font-size:0px; color:transparent; background-image: url(../images_numismatik/button_delete_all.gif); background-position:0px 0px;} #clearshoppingcart-btn:hover { background-position:0px -22px; } #backToShop-btn-white { position:relative; float:left; width:142px; height:22px; line-height:0px; font-size:0px; color:transparent; background-image: url(../images_numismatik/button_back_to_shop_white.gif); background-position:0px 0px;} #backToShop-btn-white:hover { background-position:0px -22px; } #secure_shippingoption-btn { position:relative; float:right; width:102px; height:42px; margin:10px; margin-bottom:0px; margin-top:15px; line-height:0px; font-size:0px; color:transparent; background-image: url(../images_numismatik/button_checkout.gif); background-position:0px 0px;} #secure_shippingoption-btn:hover { background-position:0px -42px; } #checkoutRegisterForm {width:500px;} #checkoutLoginForm {width:300px;} #checkoutRegisterForm .loginHeading { vertical-align:bottom; height:65px; padding-left:175px; font-size: 10px; color: #333; font-family : Arial, Helvetica, sans-serif; padding-bottom:5px; } #checkoutRegisterForm .inputBoxLabel, #checkoutLoginForm .inputBoxLabel { font-weight: normal; font-size: 12px; line-height:14px; vertical-align: top; color: #6E6666; font-family: Arial, Helvetica, sans-serif; text-align:right; padding:4px; padding-right: 10px; border: 0px; margin-bottom:5px; } #checkoutRegisterForm .inputBoxInput, #checkoutLoginForm .inputBoxInput { position:relative; float:left; padding-bottom:5px;} #checkoutRegisterForm .inputBoxInput input, #checkoutLoginForm .inputBoxInput input { font-weight: normal; height:14px; font-size: 12px; line-height:14px; vertical-align: top; color: #333; font-family : Arial, Helvetica, sans-serif; padding:3px; background-color: #F5F5F5; border: 1px solid #CCCCCC;} #info-btn { position:relative; float:left; width:97px; height:22px; padding-left:0px; overflow:hidden; margin-top:3px;} #info-btn div a { width:97px; height:22px; padding-top:22px; background-image: url(../images_numismatik/button_infos.gif); } #info-btn div a:hover { width:97px; height:22px; padding-top:22px; background-image: url(../images_numismatik/button_infos.gif); background-position:0 -22px; } #backtoshop-btn { position:relative; float:left; width:142px; height:22px; padding-left:0px; overflow:hidden;} #backtoshop-btn div a { width:142px; height:22px; padding-top:22px; background-image: url(../images_numismatik/button_back_to_shop.gif); } #backtoshop-btn div a:hover { width:142px; height:22px; padding-top:22px; background-image: url(../images_numismatik/button_back_to_shop.gif); background-position:0 -22px;} #backtoshoppingcart-btn { position:relative; float:left; width:180px; height:22px; width: 180px; height:21px; padding-left:0px; overflow:hidden;} #backtoshoppingcart-btn div a { width:180px; height:22px; padding-top:21px; background-image: url(../images_numismatik/button_back_shoppingcart.gif); } #backtoshoppingcart-btn div a:hover { width:180px; height:22px; padding-top:21px; background-image: url(../images_numismatik/button_back_shoppingcart.gif); background-position:0 -22px; } #backtocheckout2-btn { position:relative; float:left; width: 180px; height:22px; padding-left:0px; overflow:hidden;} #backtocheckout2-btn div a { width:180px; padding-top:22px; background-image: url(../images_numismatik/button_back_step2.gif); } #backtocheckout2-btn div a:hover { width:180px; padding-top:21px; background-image: url(../images_numismatik/button_back_step2.gif); background-position:0 -22px; } #paymentoptions-btn { position:relative; float:right; width:102px; height:42px; padding-left:0px; margin-right:93px; overflow:hidden;} * html #paymentoptions-btn {margin-right:47px; } #paymentoptions-btn div a { width: 102px; height:42px; padding-top:42px; background-image: url(../images_numismatik/button_checkout_next.gif); font-size:0px; color:transparent; text-decoration:none;} #paymentoptions-btn div a:hover { width: 102px; height:42px; padding-top:42px; background-image: url(../images_numismatik/button_checkout_next.gif); background-position:0 -42px; text-decoration:none;} #nextstep-btn {position:relative; float:right; width:102px; height:42px; padding-left:0px; margin-right:93px; overflow:hidden; } * html #nextstep-btn {margin-right:47px; } #nextstep-btn div a { width: 102px; height:42px; padding-top:42px; background-image: url(../images_numismatik/button_checkout_next.gif); font-size:0px; color:transparent; text-decoration:none;} #nextstep-btn div a:hover { width: 102px; height:42px; padding-top:42px; background-image: url(../images_numismatik/button_checkout_next.gif); background-position:0 -42px; text-decoration:none;} #backtopaymentoptions-btn { position:relative; float:left; width: 180px; height:22px; padding-left:0px; overflow:hidden;} #backtopaymentoptions-btn div a { width:180px; padding-top:22px; background-image: url(../images_numismatik/button_back_step3.gif); } #backtopaymentoptions-btn div a:hover { width:180px; padding-top:21px; background-image: url(../images_numismatik/button_back_step3.gif); background-position:0 -22px; } #ordernnow-btn {position:relative; float:right; width: 182px; height:42px; padding-left:0px; margin-right:15px; overflow:hidden; } #ordernnow-btn div a { width: 182px; height:42px; padding-top:42px; background-image: url(../images_numismatik/button_send_order.gif); font-size:0px; color:transparent; text-decoration:none;} #ordernnow-btn div a:hover { width: 182px; height:42px; padding-top:42px; background-image: url(../images_numismatik/button_send_order.gif); background-position:0 -42px; font-size:0px; color:transparent; text-decoration:none;} /* ###### NAVI LIST ######## */ #naviList {position:relative; float:left; padding-top:20px;} #naviList li a { position:relative; float:left; width:130px; height:24px; line-height:24px; padding:0px; padding-left:12px; margin:0px; color:#000; background-image: url(../images_numismatik/linkarrow666.gif); background-repeat: no-repeat; background-position: 3px 8px;} #naviList li a:hover {text-decoration:none;} #messageDisplay {position:absolute; float:left; width:580px; overflow:hidden; white-space:nowrap;} #paginationArea {position:absolute; float:right; top:1px; left:600px; text-align:right; width:190px; } .paginationBtn, .paginationBtnSelected {padding-left:4px; padding-right:4px; cursor:pointer; color:#BBB; text-decoration:underline;} .paginationBtnSelected {text-decoration:none; color:#FFF;} #bookmarkArea { position:absolute; float:left; top:-32px; left:0px; width:130px; height:40px; padding:0px; margin:0px; padding-left:15px; font-size: 12px; line-height:35px; //line-height: 35px; font-weight:normal; color: #000; overflow:hidden; white-space:nowrap; font-family: Arial, Helvetica, sans-serif; } #bookmarkArea a {color:#000;} /* ###### PRODUCT BROWSER STYLES ######## */ #shopTable {position:relative; float:left; width:960px; padding:0px; margin:0px; border-collapse:collapse;} #shopTable td {vertical-align:top; padding:0px; margin:0px;} #shop-left { position:absolute; float:left; top:30px; width: 140px; left:0px; padding:0px; margin:0px; } #shop-main { position:absolute; float:left; top:30px; width: 810px; left:140px; padding:0px; margin:0px; } #productBrowserArea {position:absolute; float:left; top:73px; left:0px; width:810px; display:none; visibility:hidden; padding:0px; margin:0px;} #shopEngineDivArea { position:relative; float:left; width:810px; height:435px; padding:0px; margin:0px; } #productGroupPathDiv { position:relative; float:left; z-index:80; top:-7px; left:0px; width:800px; height: 22px; padding-left:5px; overflow:hidden; white-space:nowrap; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:22px; //line-height: 18px; color: #888; } .productGroupPath {position:absolute; top:2px; left:130px; height: 22px; width:670px; line-height:22px; //line-height: 18px; color:#F00; font-weight:bold; overflow:hidden; white-space:nowrap;} .pathElementClass:hover, .productGroupPath a:hover {color:#006ACF; background-position:0px -16px; text-decoration:underline;} .pathElementClass {position: relative; cursor:pointer; height:15px; padding:0px; padding-left:18px; padding-right:8px; margin:0px; background-image: url(../images_numismatik/button_path.gif); background-repeat: no-repeat; background-position:0px 1px; color:#006ACF; font-size: 13px; line-height: 16px; font-weight:normal; font-family: Arial,Helvetica,sans-serif; } #shiftButtonArea { position: absolute; left:10px; top:5px; width: 70px; height: 22px; z-index:20; margin:0px; margin-bottom:10px;} #shiftProductGroupLeftBtn, #shiftProductGroupRightBtn { position: relative; float:left; width: 27px; height: 22px; background-image: url(../images_numismatik/shiftButtonsBlue.gif); background-color: transparent; background-repeat: no-repeat; padding: 0px; margin:0px; background-position: 0px 0px; cursor: pointer; } #shiftProductGroupRightBtn { margin-left:0px; background-position: -26px 0px; } #shiftProductGroupLeftBtn:active {background-position: 0px -44px;} #shiftProductGroupRightBtn:active {background-position: -26px -44px;} #shiftProductGroupLeftBtn.dimmed {background-position: 0px -22px; cursor: default;} #shiftProductGroupRightBtn.dimmed {background-position: -26px -22px; cursor: default;} #shiftProductGroupLeftBtn.pressed {background-position: 0px -44px;} #shiftProductGroupRightBtn.pressed {background-position: -26px -44px;} #SmartBrowserArea { position:absolute; top:0px; left:0px; height:400px; margin:0px; padding:0px; clip:rect(0px, 460px, 400px, 0px);} #SmartBrowserAreaBottom {position:absolute; float:left; bottom:0px; left:1px; width:466px; //width:462px; height:1px; border-bottom: 1px solid #EEE;} #clipAreaDiv { position:absolute; float:left; left:0px; height:400px; clip:rect(0px, 460px, 400px, 0px); overflow:hidden;} .ColArea{ position:relative; float:left; top:0px; width:232px; //width:232px; vertical-align:top; color: #000000; text-align:left; margin:0px; padding:0px; border-right: 1px solid #FFF; border-left: 1px solid #FFF; } .ColTitle { position:relative; display:none; top:0px; left:0px; height:35px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 15px; line-height:30px; color: #006ACF; text-align:center; margin:0px; padding:0px; text-decoration:none; vertical-align: middle; background-image: url(../images_numismatik/column_top_230.gif); background-position:left; background-repeat:repeat-x; } .ColItemArea{ position:relative; display:none; overflow:auto; width:230px; height:400px; color: #000000; text-align: left; margin:0px; padding:0px; border-left:1px solid #EEE; border-right:1px solid #EEE; border-bottom: 1px solid #EEE;} .ColDummyItem { height:1px; background-color: #00F1F1; margin:0px; padding:0px; } .ColItem, .ColItemSelected, .ColItemDefault {position:relative; vertical-align:top; height:18px; //height:20px; font-size: 12px; line-height:15px; //line-height:17px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background-color: #FFF; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; margin:0px; padding:0px; padding-left: 5px; vertical-align: middle; text-align: left; cursor: pointer; overflow:hidden;} .ColItemSelected { color: #FFFFFF; background-color: #006ACF; border-top: 1px solid #777; border-bottom: 1px solid #2F67B5; } .ColItemDefault { color: #FFFFFF; background-color: #777777; border-top: 1px solid #777; border-bottom: 1px solid #555; } .ColItemArea a { color: #222222; text-decoration:none; } .ColItemArea a:hover { text-decoration:underline; } .ColItemCountSpanSelected { color: #FFF; } .ColItemCountSpanDigit1, .ColItemCountSpanDigit2, .ColItemCountSpanDigit3, .ColItemCountSpanDigit4, .ColItemCountSpanDigit5, .ColItemCountSpanDigit1Selected, .ColItemCountSpanDigit2Selected, .ColItemCountSpanDigit3Selected, .ColItemCountSpanDigit4Selected, .ColItemCountSpanDigit5Selected { position: absolute; right: 20px; //right: 21px; white-space: nowrap; font-size: 11px; line-height:16px; font-family : Arial, Helvetica, sans-serif; font-weight: bold; width: 25px; height: 16px; background-image: url(../images_numismatik/countlabel_alpha.png); //background-image: url(../images_numismatik/countlabel.gif); background-color: transparent; background-repeat: no-repeat; background-position: 0px 0px; padding:0px; margin:1px; //margin-top:0px; padding:0px; color: #FFF; text-align:center; z-index:10; } .ColItemCountSpanDigit1 { width: 25px; background-position: 0px 0px; } .ColItemCountSpanDigit2 { width: 25px; background-position: 0px 0px; } .ColItemCountSpanDigit3 { width: 30px; background-position: 0px -16px; } .ColItemCountSpanDigit4 { width: 40px; background-position: 0px -32px; } .ColItemCountSpanDigit5 { width: 40px; background-position: 0px -32px; } .ColItemCountSpanDigit1Selected { width: 25px; color: #333; background-position: -40px 0px; } .ColItemCountSpanDigit2Selected { width: 25px; color: #333; background-position: -40px 0px; } .ColItemCountSpanDigit3Selected { width: 30px; color: #333; background-position: -40px -16px; } .ColItemCountSpanDigit4Selected { width: 40px; color: #333; background-position: -40px -32px; } .ColItemCountSpanDigit5Selected { width: 40px; color: #333; background-position: -40px -32px; } /* #################### PRODUCT LIST STYLES ########################### */ #productListArea {position:absolute; top:0px; left:470px; //left:470px; width:340px; height:100%; margin:0px; padding:0px; overflow:visible; background-color:#FFF;} #productListTitle { position: relative; top:0px; left:0px; height:0px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; font-weight: bold; letter-spacing: 1pt; color: #222222; text-align:center; margin:0px; padding:0px; text-decoration:none; vertical-align: middle; background-image: url(../images_numismatik/col_title_bgnd.gif); background-position:left; background-repeat:repeat-x; } #productListTeaser { position: relative; display:block; visibility: visible; top:0px; left:0px; height:500px; width:340px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; font-weight: bold; letter-spacing: 1pt; color: #222222; text-align:center; margin:0px; padding:0px; text-decoration:none; vertical-align: middle; background-image: url(../images_numismatik/auswahl_teaser.jpg); background-position:left; background-repeat:repeat-x; } .productItemDiv {position: relative; float:left; opacity:1.0; width:340px; padding:0px; margin:0px; overflow:hidden; background-image: url(../images_numismatik/pricelist_top_340.gif); background-repeat: no-repeat; background-position:0px 0px;} .productListItemTitle {position: relative; float:left; width:310px; color:#000; padding:5px; padding-bottom:15px; padding-left:10px; font-family: Arial,Helvetica,sans-serif; font-weight:bold; font-size: 15px; line-height:20px; overflow:visible; white-space:normal;} .productListImage {position: relative; float:left; left:0px; top: 0px; width:160px; height:80px; cursor:pointer; background-image: url(../images_numismatik/pixel.gif); background-repeat: no-repeat;} .productListLeftDiv{position: relative; float:left; left:0px; width:160px; padding:0px; margin:0px;} .productListRightDiv{position: relative; float:left; left:10px; width:160px; height:90px; padding:0px; margin:0px; } .productPriceDiv {position: relative; float:left; width:160px; padding:0px; margin:0px; margin-bottom:0px; color:#000; font-size: 15px; line-height:20px; font-family: Arial,Helvetica,sans-serif; font-weight:bold; } .productTaxDiv {position: relative; float:left; width:160px; padding:0px; margin:0px; margin-bottom:10px; color:#000; font-size: 11px; line-height:18px; font-family: Arial,Helvetica,sans-serif; font-weight:normal; } .productDetailsBtn {position: relative; float:left; cursor:pointer; left:0px; width:160px; height:18px; padding:0px; background-image: url(../images_numismatik/display.png); background-repeat: no-repeat; background-position:0px 0px;} .productDetailsBtnRollover {position: relative; float:left; cursor:pointer; left:0px; width:160px; height:18px; padding:0px; background-image: url(../images_numismatik/display.png); background-repeat: no-repeat; background-position:0px -18px;} .productConditionStringDiv {position:relative; float:left; width:160px; color:#444; padding:0px; padding-left:5px; padding-top:2px; padding-bottom:5px; font-size: 11px; line-height:14px; font-family: Arial,Helvetica,sans-serif; font-weight:normal; } /* #################### PRODUCT DETAILS AREA STYLES ########################### */ #modalHistoryContentDIV {position:relative; float:left; width:850px; height:800px; padding:0px; padding-left:20px; padding-right:20px; padding-top:20px; margin:0px; background-color:#FFF;} #productHistoryHeadline {position:relative; float:left; width:380px; padding:0px; padding-top:40px; margin:0px; color:#333; font-size: 18px; line-height:24px; font-family: Arial,Helvetica,sans-serif; font-weight:bold; overflow:visible; white-space:normal;} #productHistoryText {position:relative; float:left; width:380px; height:340px; padding:0px; padding-top:10px; margin:0px; color:#333; font-size: 13px; line-height:18px; font-family: Arial,Helvetica,sans-serif; font-weight:normal; overflow:auto; white-space:normal;} #productDetailsArea {position:relative; float:left; top:0px; left:0px; width:810px; height:600px; z-index:100; display:none; visibility:hidden; padding:0px; margin:0px; background-color:#FFF;} #grayBarArea { position:relative; float:left; width:810px; height:40px; padding:0px; margin:0px; margin-bottom:10px; padding-left:20px; font-size: 12px; line-height:35px; //line-height: 35px; font-weight:bold; color: #000; overflow:hidden; white-space:nowrap; font-family: Arial, Helvetica, sans-serif; background-image: url(../images_numismatik/product_top_810.gif); background-color: transparent; background-repeat: no-repeat; background-position: 0 0;} #productLeftArea {position:relative; float:left; width:400px; height:200px; padding:0px; margin:0px; color:#333; font-size: 13px; line-height:18px; font-family: Arial,Helvetica,sans-serif; font-weight:bold; } #productDetailImageArea, #productHistoryImageArea {position:relative; float:left; width:400px; height:200px; padding:0px; margin:0px; margin-bottom:10px; background-image: url(../images_numismatik/pixel.gif); background-repeat: no-repeat; text-decoration:none; color:transparent; font-size:0px;} #productDetailImageArea:hover, #productHistoryImageArea:hover {text-decoration:none; color:transparent; font-size:0px;} #productDetailZoomBtn {position:absolute; float:left; width:42px; height:42px; top:160px; left:360px; background-image: url(../images_numismatik/button_zoom.gif); background-repeat: no-repeat; background-position:0px 0px; color:transparent; line-height:0px; font-size:0px; cursor:pointer;} #productDetailZoomBtn:hover {color:transparent; line-height:0px; font-size:0px; background-position:0px -42px;} #productDetailsLeftArea, #productHistoryDetailsLeftArea {position:relative; float:left; width:400px; font-weight:normal; line-height:28px; border-top:1px solid #CCC;} #productDetails {width:400px; top:30px; padding-bottom:15px; font-weight:bold; font-size: 13px; line-height:18px;} #productDetailTextArea {position:relative; float:left; left:20px; width:360px; padding:0px; margin:0px; color:#333; font-size: 13px; line-height:18px; font-family: Arial,Helvetica,sans-serif; font-weight:bold; overflow:visible; white-space:normal;} #productDetailTitle, #productHistoryTitle {position: relative; float:left; width:360px; color:#000; padding:0px; padding-bottom:15px; font-weight:bold; font-size: 18px; line-height:26px; } #productDetailStockListDescription, #productHistoryStockListDescription {padding-bottom:15px; width:360px; font-size:13px; line-height:18px; font-weight:bold; font-family: Arial,Helvetica,sans-serif;} #productDetailSummary, #productHistorySummary {padding-bottom:15px; width:360px; font-size:13px; line-height:18px; font-weight:bold; font-family: Arial,Helvetica,sans-serif;} #productConditionArea {position: relative; float:left; width:360px; height:18px; padding:0px; } #productConditionIndicator, #productHistoryConditionIndicator {clear:both; position:absolute; float:left; top:5px; height:8px; left:80px; width:95px; padding:0px; background-image: url(../images_numismatik/led_indicator.gif); background-repeat: no-repeat; background-position:0px 0px; overflow:visible;} #productConditionString, #productHistoryConditionString {position: relative; float:left; width:360px; height:18px; color:#000; padding:0px; padding-bottom:5px; background-color:#FFF;} #productDetailListUL, #productHistoryDetailListUL { position: relative; float: left; list-style: none; margin:0px; padding:0px; width: 360px;} #productDetailListUL li, #productHistoryDetailListUL li {float: left; margin-bottom:4px; } #productDetailListUL .leftText, #productHistoryDetailListUL .leftText { position: relative; float: left; width: 110px; color:#000; font-size: 13px; line-height: 16px; font-weight:bold; font-family: Arial,Helvetica,sans-serif; text-align: left; } #productDetailListUL .rightText, #productHistoryDetailListUL .rightText { position: relative; float: left; width: 240px; color:#000; font-size: 13px; line-height: 16px; font-weight:bold; font-family: Arial,Helvetica,sans-serif; text-align: left;} #productDetailBuyArea {position: relative; float:left; width:360px; height:92px; left:-2px; padding:0px; margin:0px; margin-top:10px; background-image: url(../images_numismatik/green_price_bgnd.gif); background-repeat: no-repeat; background-position:0px 0px;} #productDetailPrice { position: relative; float:left; width:360px; padding:0px; padding-left:10px; padding-top:10px; margin:0px; margin-bottom:0px; color:#000; font-size: 16px; line-height:22px; font-family: Arial,Helvetica,sans-serif; font-weight:bold; } #productDetailTax {position: relative; float:left; width:360px; padding:0px; padding-left:10px; padding-bottom:6px; margin:0px; color:#000; font-size: 13px; line-height:18px; font-family: Arial,Helvetica,sans-serif; font-weight:normal; } #productTypeIndicatorDetails {position:absolute; left:167px; top:12px; z-index:3;} .productTypeIndicatorUnique {position:relative; float:left; width:120px; height:15px; background-image: url(../images_numismatik/product_type_icon.gif); background-repeat: no-repeat; background-position:0px 0px;} .productTypeIndicatorDiverse {position:relative; float:left; width:120px; height:15px; background-image: url(../images_numismatik/product_type_icon.gif); background-repeat: no-repeat; background-position:0px -15px;} #productDetailBuyBtn {position: absolute; float:left; cursor:pointer; width:145px; height:34px; left:0px; top:58px; padding:0px; background-image: url(../images_numismatik/button_buy.gif); background-repeat: no-repeat; background-position:0px 0px;} #productDetailBuyBtn:hover {cursor:pointer; width:145px; height:34px; padding:0px; background-image: url(../images_numismatik/button_buy.gif); background-repeat: no-repeat; background-position:0px -34px;} #productDetailBookmarkBtn {position: absolute; float:left; cursor:pointer; width:145px; height:34px; left:165px; top:58px; padding:0px; margin:0px; background-image: url(../images_numismatik/button_bookmark.gif); background-repeat: no-repeat; background-position:0px 0px;} #productDetailBookmarkBtn:hover {cursor:pointer; width:145px; height:34px; padding:0px; background-image: url(../images_numismatik/button_bookmark.gif); background-repeat: no-repeat; background-position:0px -34px;} #productDetailBottomArea { position:relative; float:left; width:810px; height:20px; margin-top:20px; border-top:1px solid #CCC;} #productDetailHistoryBtn {position: relative; float:left; cursor:pointer; left:0px; top:5px; width:200px; height:18px; padding:0px; padding-left:25px; margin:0px; background-image: url(../images_numismatik/button_back.gif); background-repeat: no-repeat; background-position:0px 0px; color:#333; font-size: 13px; line-height: 16px; font-weight:normal; font-family: Arial,Helvetica,sans-serif; } #productDetailHistoryBtn:hover {background-position:0px -18px;} #productDetailBackBtn {position: relative; float:left; cursor:pointer; left:195px; top:5px; width:200px; height:18px; padding:0px; padding-left:25px; margin:0px; background-image: url(../images_numismatik/button_back.gif); background-repeat: no-repeat; background-position:0px 0px; color:#333; font-size: 13px; line-height: 16px; font-weight:normal; font-family: Arial,Helvetica,sans-serif; } #productDetailBackBtn:hover {background-position:0px -18px;} #prevProductBtn, #nextProductBtn {position: relative; float:left; cursor:pointer; top:4px; left:400px; width:28px; height:28px; padding:0px; margin:0px; background-image: url(../images_numismatik/button_step.gif); background-repeat: no-repeat; background-position:0px 0px;} #prevProductBtn:hover {background-position:0px -28px;} #nextProductBtn {background-position:-28px 0px; left:405px;} #nextProductBtn:hover {background-position:-28px -28px; left:405px;} #actualProductNumber {position: relative; float:left; left:415px; text-align:left; color:#555;} .loadIndicator, .loadIndicatorActive, .loadIndicatorActiveCycle { position: absolute; float:right; top:3px; right:1px; width: 16px; height: 16px; background-image: url(../images_numismatik/pixel.gif); background-color: transparent; background-repeat: no-repeat; padding: 0px; margin:0px; background-position: 0px 0px; } .loadIndicatorActive { top:5px; right:5px; background-image: url(../images_numismatik/loaderIcon.gif); } .loadIndicatorActiveCycle { background-image: url(../images_numismatik/loaderIcon.gif); }