/* Shop */ #Shop { background-color: #fff; width: 745px; _width:730px; float:left; position:relative; } #Shop #iwtabscontainer { width:525px; _width:525px; padding-bottom:20px; } #Shop #iwtabsnavigation { float:left; } #Shop #iwtabsnavigation ul li { width: 100px; } #Shop div.iwtabheadline { width:515px; _width:528px; float:left; } #Shop #iwtabscontent { width:485px; _width:528px; float:left; } #Shop #iwtabsmenu { padding: 10px 0 0 0; } /* Shop - Step 1 */ #Shop div.productcategory { float:left; position:relative; font-weight:bold; width:100%; } #Shop div.productline { float:left; position:relative; width: 170px; vertical-align:top; padding:15px 0 20px 0; border:1px solid #fff; cursor:pointer; } #Shop div.productline img { float:left; position:relative; top:-15px; } /* Shop - Step 2 */ #Shop div.productProThumbnail { float:left; position:relative; width: 230px; height:80px; _height:140px; vertical-align:top; padding:15px 0 20px 0; border:1px solid #fff; cursor:pointer; } #Shop div.productProThumbnail img { float:left; position:relative; top:-15px; } #Shop div.productProThumbnail div { float:left; position:relative; padding-left:10px; } /* Shop - Step 3 */ #Shop div.element { float:left; position:relative; width: 240px; vertical-align:top; padding:0; border:1px solid #fff; cursor:pointer; margin-bottom:3px; } #Shop div.element div { float:left; position:relative; width:110px;} #Shop div.element div.img { float:left; position:relative; width:126px;} #Shop div.element div img { float:left; position:relative; border:0; margin-right:5px; } #Shop div.element div a { position:relative; top:10px; color:#000; } #Shop div.element div.img a { position:relative; top:0; } /* Shop - Step 4 */ #Shop #readytobuy h3 { padding-bottom: 10px; font-size:11px; font-weight: normal; } #Shop #readytobuy #img { float:left; position:relative; width:250px; } #Shop #readytobuy #text { float:left; position:relative; width:230px; } #Shop #readytobuy a { background-image: url(/velfac/layout.nsf/webimages/shopArrow_right.gif/$file/shopArrow_right.gif); background-repeat: no-repeat; background-position:center left; padding-left:20px; color:#E44F3C; } /* ShoppingCart in right menu */ #shoppingcart { width: 193px; _width: 183px; float: right; position:relative; margin: 25px 12px 10px 0; _margin: 25px 6px 10px 0; border: 2px solid #EAE9E3; } #shoppingcart #headline img { padding: 0px 30px 0 5px; _margin: 0px 30px 0 5px; float:left; position:relative; top:-4px; } #shoppingcart #headline { float:left; position:relative; background-color: #EAE9E3; width:100%; color:#183533; vertical-align:top; height:21px; padding-top:8px; font-weight:bold; } #shoppingcart #basket { float:left; position:relative; width:100%; _padding: 10px 2px 2px 2px; } #shoppingcart #basket table { float:left; position:relative; width:97%; margin: 10px 2px 2px 2px; _margin:0; table-layout:fixed; border-collapse: collapse; } #shoppingcart #basket table th { padding-bottom: 6px; border-bottom:1px solid #D8D4C9; font-weight:normal; } #shoppingcart #basket table #price { text-align:right; } #shoppingcart #basket table td { padding:4px 0 3px 0; } #shoppingcart #basket table tr#totalrow td { padding-top:6px; border-top:1px solid #D8D4C9; } #shoppingcart #basket table tr#basket_update td { padding: 1px 0; } #shoppingcart #basket table tr#basket_checkout td { padding: 1px 0; } #shoppingcart #basket table td input { position:relative; top: -1px; _top: -2px; width: 25px; } #shoppingcart #basket table a { text-decoration:underline; } #shoppingcart #basket table tr#basket_update a { text-decoration:none; background-image: url(/velfac/layout.nsf/webimages/shopArrow_left.gif/$file/shopArrow_left.gif); background-repeat: no-repeat; background-position:center right; padding-right:20px; color:#E44F3C; } #shoppingcart #basket table tr#basket_checkout a { text-decoration:none; background-image: url(/velfac/layout.nsf/webimages/shopArrow_right.gif/$file/shopArrow_right.gif); background-repeat: no-repeat; background-position:center right; padding-right:20px; color:#E44F3C; } /* ShoppingCart */ #SCart { background-color: #fff; 725px; float:left; } #SCart #iwtabsnavigation { width:737px; _width:725px;} #SCart #fulliwtabscontent { width:725px; _width: 723px;} #SCart #iwtabsnavigation ul li { width: 140px; } #SCart #iwtabscontent { width:685px; _width:723px; } #SCart div.iwtabheadline { width:715px; _width:723px; } #SCart #iwtabsmenu { padding: 10px 0 0 10px; } #SCart .extrafield { margin-top:2px; display:none; } #SCart #getCustomerInfo { float:left; margin-left: 125px; } #SCart .kontaktfield_disabled { width:320px; color:#000; background-color:#EAE9E3; } #SCart .kontaktfield_postnr_disabled { width:80px; color:#000; background-color:#EAE9E3; } #SCart .kontaktfield_city_disabled { width:231px; color:#000; background-color:#EAE9E3; } #cartsearchtable { width:380px; } #cartsearchtable input { width: 150px; border:2px solid #D8D4C9; padding: 1px; } #cartsearchtable td.headline { border:2px solid #D8D4C9; background-color: #D8D4C9; text-align: center; font-weight:bold; padding:5px; width: 150px!important; } #cartsearchtable td.fields { border:2px solid #D8D4C9; border-bottom:0; padding:10px; } #cartsearchtable td.button { border:2px solid #D8D4C9; border-top:0; padding:10px; } #cartsearchtable td.button input { background-color: #A8A088; } #cartsearchtable #searchOr { font-style: italic; text-align: center; } /* Mini ShoppingCart */ #mini_basket { background-color: #D8D4C9; width:100%; margin-top:40px; } #mini_basket table { table-layout:fixed; border-collapse: collapse; margin: 4px; } #mini_basket table td { } #mini_basket table td img { float:left; position:relative; padding-right:5px; } #mini_basket table td div#miniheadline { padding:5px 3px 3px 0; _position:relative; } #mini_basket table td#mininoofprod { padding:3px 3px 3px 27px; _padding:3px 3px 3px 28px; } #mini_basket table td#minitotal { padding:3px 3px 3px 27px; _padding:3px 3px 3px 28px; } #mini_basket table td a { margin-left: 6px; _margin-left: 7px; background-image: url(/velfac/layout.nsf/webimages/amoregrey.gif/$file/amoregrey.gif); background-repeat: no-repeat; background-position:center left; padding-left:20px; } #iwtabscontainer { width:100%; float:left; position:relative; padding-bottom:20px; } #iwtabsnavigation { height:25px; position:relative; } #iwtabsnavigation ul { margin:0; padding:0; list-style-type:none; list-style-image:none; } #iwtabsnavigation ul li { border-right: 1px solid #D8D4C9; border-top: 1px solid #D8D4C9; position:relative; float:left; margin:0; text-align:center; padding:3px 0; background-color:#fff; color:#D8D4C9; } #iwtabsnavigation ul li span { padding:0; } #iwtabsnavigation ul li.first { border: 1px solid #D8D4C9; border-bottom: 0; } #iwtabsnavigation ul li.current { border: 1px solid #D8D4C9; border-bottom: 0; background-color: #D8D4C9; } #iwtabsnavigation ul li a { color:#183533; text-decoration:none; width:100%; } #iwtabsnavigation ul li a span { padding:0; } #iwtabsnavigation a.cancel { float:right; padding-left: 20px; margin:5px 12px 0 0; color: #183533; background-image: url(/velfac/layout.nsf/webimages/aback.gif/$file/aback.gif); background-repeat: no-repeat; background-position:center left; } #iwtabsnavigation a.cancel:hover { text-decoration:underline; } #fulliwtabscontent { float:right; position:relative; margin-right:12px; _margin-right:6px; } #iwtabsmenu { width:160px; _width:180px; float:left; position:relative; margin-bottom: 10px; color: #183533; } #iwtabsmenu #headline { color: #DE4930; font-weight:bold; } #iwtabsmenu span { padding-left: 20px; } #iwtabsmenu span.current { background-image: url(/velfac/layout.nsf/webimages/shopArrow_right.gif/$file/shopArrow_right.gif); background-repeat: no-repeat; background-position:center left; } #iwtabscontent { background-color:#fff; border: 5px solid #D8D4C9; border-top: 0; padding:15px; float:left;position:relative; } #iwtabscontent div.navigation { float:left; width:100%; } #iwtabscontent a.next { float:right; text-align:right; padding-right: 20px; margin:0; color: #183533; background-image: url(/velfac/layout.nsf/webimages/shopArrow_right.gif/$file/shopArrow_right.gif); background-repeat: no-repeat; background-position:center right; } #iwtabscontent a.next:hover { text-decoration:underline; } #iwtabscontent a.prev { padding-left: 20px; position:relative; margin:0; color: #183533; background-image: url(/velfac/layout.nsf/webimages/aback.gif/$file/aback.gif); background-repeat: no-repeat; background-position:center left; } #iwtabscontent a.prev:hover { text-decoration:underline; } /* step 1 & 4 */ #check_basket { width: 450px; height: 200px; } #confirm_basket { width: 450px; padding-bottom:40px; } #check_basket table, #confirm_basket table { width:100%; table-layout:fixed; border-collapse: collapse; } #check_basket table th, #confirm_basket table th { padding-bottom: 6px; border-bottom:1px solid #D8D4C9; font-weight:normal; } #check_basket table #noofprod, #confirm_basket table #noofprod { text-align:right; } #check_basket table #price, #confirm_basket table #price { text-align:right; padding-right:16px; } #check_basket table #priceTotal, #confirm_basket table #priceTotal { text-align:right; padding-right:16px; } #check_basket table td, #confirm_basket table td { padding:4px 0 3px 0; } #check_basket table tr#totalrow td, #confirm_basket table tr#totalrow td { padding-top:6px; border-top:1px solid #D8D4C9; } /* step 2 */ #iwtabscontent div.blog { width: 650px; height: 250px; margin: 5px 5px 0 5px; border: 1px solid #A6A389; overflow: auto; padding:5px; } #iwtabscontent span.acceptconditions { float:right; padding: 8px 30px 10px 0; } #iwtabscontent #acceptconditions { border:0; } #iwtabscontent #deliveryisdifferent { border:0; } /* Step 4 */ #confirm_address { width: 450px; } #confirm_address table { width:100%; table-layout:fixed; border-collapse: collapse; margin: 10px 0; } #confirm_address table td { padding: 3px 0; } .iwtabheadline { display: none; background-color:#D8D4C9; color:#183533; margin-right:12px; _margin-right:6px; height:23px; _height:28px; padding: 7px 0 0 10px; } .iwtabcontent { display: none; width:100%; float:left; position:relative; } /* Shopping confirmation */ #orderconfirm { width:100%; font-size:12px!important; } #orderconfirm th, #orderconfirm td { font-size:12px!important; } #orderconfirm #topinfo { margin-left: 450px; _margin-left: 350px; margin-bottom: 20px; } #orderconfirm #topinfo div.highlight, #orderconfirm #add div.highlight { font-weight: bold; display:inline; } #orderconfirm #add, #orderconfirm #order { width:100%; margin-bottom: 30px; } #orderconfirm #order th { font-weight: bold; border-bottom: 1px solid #000; padding:3px; } #orderconfirm #order td { padding:3px; } #orderconfirm #order th.numbers, #orderconfirm #order td.numbers, #orderconfirm #order td.totallabel { text-align: right; } #orderconfirm #order td.end { border-bottom: 1px solid #000; } #orderconfirmationbottom { font-size:12px; _margin-top:40px; position:relative; }