/* ----------------------------------------------------------------------------------------- $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $ XT-Commerce - community made shopping http://www.xt-commerce.com Copyright (c) 2004 XT-Commerce ----------------------------------------------------------------------------------------- based on: (c) 2000-2001 The Exchange Project (earlier name of osCommerce) (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com (c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org Released under the GNU General Public License ----------------------------------------------------------------------------------------- Blue Passion Template & Stylesheets ----------------------------------------------------------------------------------------- (c) 2007 Ing. Michael Fürst bluegate communications http://www.bluegate.at ---------------------------------------------------------------------------------------*/ /* THE BIG GUYS */ * {margin:0;padding:0} body {color:#3c3c3c; font-family:"Arial",Arial,Sans-serif; font-size:11px; margin:0; padding:0; background-image:url(img/bg.png); background-repeat:repeat-x; background-color:#fff;} .clear { clear: both; float: none; width: 100%; height: 0px; display: block; line-height: 0px; } /* HEADINGS */ h1 {color:#42550b;font-weight:normal; font-size:21px; font-family: Helvetica,Arial,Sans-serif; margin: 0px 0px 15px 0px;padding:0px 0px 3px 0px;width:auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:#CECECE;} h2 {color:#42550b; font-weight:bold; font-size:13px; margin:15px 0px 8px 0px;padding:0px;} /* LINKS GLOBAL */ a,a:hover {background:transparent;text-decoration:none;cursor:pointer; color:#3c3c3c;} a:hover { color: #42550b; } a img {border:none} /* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */ input {font-family:Arial,Verdana,Sans-serif; font-size:12px; padding:2px} textarea {font-family:Arial,Verdana,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#3c3c3c; border-left-color:#3c3c3c; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE} select {font-family:Arial,Verdana,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#3c3c3c; border-left-color:#3c3c3c; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE} /* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */ input[type=text], input[type=password] {border-width:1px; border-style:solid; border-top-color:#3c3c3c; border-left-color:#3c3c3c; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE} /* PARAGRAPH GLOBAL */ p {margin:8px 0px 8px 0px} /* FAKE HR DIV CAUSE OF IE TROUBLES */ #borderline { width: auto; margin: 0 auto; clear: both; text-align: left; padding: 15px 15px 15px 15px; font-size: 12px; border-top: 1px solid #E0DEDE; } div.hr {padding:0; margin:0; height:1px; overflow:hidden; line-height:1px; border:none} div.hrlightgrey {padding:0; height:1px; overflow:hidden; margin:0; line-height:0px; background-color:#5c7611} div.hrproductpreview {padding-top:1px; height:0; overflow:hidden; margin:12px 0px 12px 0px; display:inline; height:0px; line-height:0px; display:block; background-image:url(img/hr_productpreview.gif)} /* TABLE GLOBAL */ table td {padding:2px;} /* WHOLE SITE WRAPPER */ #wrap { position: relative; margin: 0 auto; width: 1050px; background-color:#fff; border-style:solid; border-color:#fff; border-width:10px 15px 0px 15px;} /* ------------------- START - HEADER ------------------- */ #header { height: 150px; padding: 0px; } /* LOGO */ #header .logo { width: 154px; float: left; padding: 0px; margin: 48px 20px 0px 15px; } /* SEARCH BOX */ #header .search { width: 320px; float: left; height: 47px; padding: 0px; margin: 55px 0px 0px 100px; background: url(img/header_bg_search.gif) left top no-repeat; } #header .search .text { width: 50px; float: left; margin: 11px 0px 0px 15px; color: #fff; font-size: 1.7em; font-weight: normal; } #header .search input[type="text"] { float: left; margin: 9px 0px 0px 20px; padding: 0px; width: 180px; height: 30px; font-size: 1.2em; border: none; } #header .search input[type="image"] { float: left; margin: 7px 0px 0px 17px; } /* SERVICE BOX */ #header .service { width: 125px; float: left; height: 40px; padding: 0px; margin: 66px -15px 0px 50px; } #header .service .icon { float: left; width: 29px; height: 27px; padding: 0px; margin: 0px 0px 0px 0px; background: url(img/header_icon_service.gif) left top no-repeat; } #header .service .icon a { display: block; width: 29px; height: 27px; padding: 0px; margin: 0px; background: none; } #header .service .box { float: left; width: 85px; padding: 0px; margin: 0px 0px 0px 10px; } #header .service .title { float: left; width: auto; padding: 0px; margin: 0px 0px 0px 0px; background: none; color: #42550b; font-family:Helvetica,Arial,Sans-serif; font-size: 1.1em; font-weight: bold; } /* CUSTOMERS INFO BOX */ #header .account { width: 125px; float: left; height: 40px; padding: 0px; margin: 66px 0px 0px 0px; } #header #icon_account { float: left; width: 30px; height: 27px; padding: 0px; margin: 0px 0px 0px 0px; background: url(img/header_icon_account.gif) left top no-repeat; cursor: pointer; } #header #icon_account.current { background: url(img/header_icon_account_current.gif) center top no-repeat; } #header .account .box { float: left; width: 85px; padding: 0px; margin: 0px 0px 0px 10px; } #header .account .title { float: left; width: auto; padding: 0px; margin: 0px 0px 0px 0px; background: none; color: #42550b; font-family:Helvetica,Arial,Sans-serif; font-size: 1.1em; font-weight: bold; } #header .account .sub_link { clear: both; margin: 10px 0px 0px 0px; display: block; color: #000; text-decoration: none; } #header .account .sub_link:hover { text-decoration: underline; } #header #account_details { position: absolute; top: 100px; right: 168px; z-index: 20; width: 270px; display: none; background: #FFF; border: 2px solid #5c7611; } #header #account_details .header { width: 250px; background: #5c7611; padding: 5px 10px 5px 10px; color: #FFF; } #header #account_details .title { display: block; width: 180px; float: left; color: #FFF; } #header #account_details_close { display: block; width: 10px; float: right; cursor: pointer; color: #FFF; font-weight: bold; } #header #account_details .box { padding: 10px; width: auto; } #header #account_details .box .option { display: block; width: 110px; float: left; font-weight: bold; margin: 0px 0px 0px 0px; } #header #account_details .box .value { display: block; width: auto; float: left; margin: 0px 0px 0px 0px; } #header #account_details .box .text { display: block; width: auto; float: none; clear: both; margin: 10px 0px 0px 0px; } /* CART BOX */ #header .cart { width: 135px; float: left; height: 40px; padding: 0px; margin: 66px 0px 0px 0px; } #header #icon_cart { float: left; width: 34px; height: 27px; padding: 0px; margin: 0px 0px 0px 0px; background: url(img/header_icon_cart.gif) center top no-repeat; cursor: pointer; } #header #icon_cart.current { background: url(img/header_icon_cart_current.gif) center top no-repeat; } #header .cart .box { float: left; width: 85px; padding: 0px; margin: 0px 0px 0px 10px; } #header .cart .title { float: left; width: auto; padding: 0px; margin: 0px 0px 0px 0px; background: none; color: #42550b; font-family:Helvetica,Arial,Sans-serif; font-size: 1.1em; font-weight: bold; } #header .cart .sub_link { clear: both; margin: 10px 0px 0px 0px; display: block; color: #000; text-decoration: none; cursor: pointer; } #header .cart .sub_link:hover { text-decoration: underline; } #header #cart_details { position: absolute; top: 100px; right: 25px; z-index: 20; width: 300px; display: none; background: #FFF; border: 2px solid #5c7611; } #header #cart_details .header { width: 280px; background: #5c7611; padding: 5px 10px 5px 10px; color: #FFF; } #header #cart_details .title { display: block; width: 180px; float: left; color: #FFF; } #header #cart_details_close { display: block; width: 10px;; float: right; cursor: pointer; color: #FFF; font-weight: bold; } #header #cart_details .box { padding: 10px; width: auto; } #header #cart_details .box .products_image { width: 35px; display: block; margin: 5px 0px 0px 0px; float: left; } #header #cart_details .box .products_image img { max-width: 35px; max-height: 30px; } #header #cart_details .box .products_name { width: 115px; display: block; margin: 5px 0px 0px 10px; float: left; } #header #cart_details .box .products_quantity { width: 40px; display: block; margin: 5px 0px 0px 5px; float: left; text-align: center; } #header #cart_details .box .products_price { width: 60px; display: block; margin: 5px 0px 0px 5px; float: left; } #header #cart_details .box .total { width: 260px; display: block; margin: 10px 0px 0px 0px; padding: 5px 0px 5px 0px; text-align: right; border: 1px solid #5c7611; border-width: 1px 0px 1px 0px; } #header #cart_details .box .checkout { width: 130px; height: 30px; display: block; margin: 10px 0px 0px 0px; float: right; background: url(buttons/german/button_view.gif) left top no-repeat; } /* ------------------- ENDE - HEADER ------------------- */ /* ------------------- START - HEADER NAVIGATION ------------------- */ #topmenuwrap { position: relative; height: 38px; width: 1050px; margin: 0px; padding: 0px; border-bottom: 5px solid #5c7611; background:url(img/ul_navi_bg.gif) bottom repeat-x; z-index: 10; } /*background: url(img/bg_topmenu.gif)*/ #topmenuwrap ul { list-style-type: none; list-style: none; } /* LISTE EBENE 1 */ #topmenuwrap ul.top { margin: 0px; padding: 0px; font-size: 15px; } /* LINKS EBENE 1 */ #topmenuwrap ul.top li { position: relative; width: auto; float: left; padding: 0px; margin: 0px; } #topmenuwrap ul.top a { line-height: 40px; height: 40px; width: 100px; margin: 0px; padding: 0px 25px 0px 25px; vertical-align: middle; text-align: center; text-decoration: none; font-family: "Helvetica", Arial, Sans-serif; cursor: pointer; color: #8e8d8d; display: block; overflow: hidden; } #topmenuwrap ul.top li:hover a { background: url(img/header_nav_bg_back.gif) no-repeat; color: #5c7611; } #topmenuwrap ul.top li a.current { background: url(img/header_nav_bg.gif) no-repeat; color: #fff; } /* LISTE EBENE 2 */ #topmenuwrap ul.sub { visibility: hidden; display: none; } #topmenuwrap li:hover ul.sub { display: block; visibility: visible; position: absolute; top: 39px; left: 0px; border: 1px solid #5c7611; border-width: 0px 2px 1px 2px; width: 205px; float: none; clear: both; margin: 0px; padding: 1px 0px 0px 0px; font-size: 12px; } /* LINKS EBENE 2 */ #topmenuwrap li:hover ul.sub li { width: auto; float: none; background: #fff; border-bottom: 1px solid #5c7611; padding: 0px; margin: 0px; } #topmenuwrap li:hover ul.sub a { line-height: 30px; height: 30px; width: 155px; text-align: left; color: #585858; background: none; border: none; padding: 0px 25px 0px 25px; margin: 0px; } #topmenuwrap li:hover ul.sub li:hover a { background: #f0f0f0; } /* KARTEIREITER 1 */ #topmenuwrap ul.top li#link_1 a { width: 80px; } #topmenuwrap ul.top li#link_1 ul.sub { width: 195px; } #topmenuwrap ul.top li#link_1 ul.sub li { width: 195px; } #topmenuwrap ul.top li#link_1 ul.sub a { width: 145px; } /* KARTEIREITER 2 */ #topmenuwrap ul.top li#link_2 a { width: 80px; } #topmenuwrap ul.top li#link_2 ul.sub { width: 205px; } #topmenuwrap ul.top li#link_2 ul.sub li { width: 205px; } #topmenuwrap ul.top li#link_2 ul.sub a { width: 155px; } /* KARTEIREITER 3 */ #topmenuwrap ul.top li#link_3 a { width: 80px; } #topmenuwrap ul.top li#link_3 ul.sub { width: 205px; } #topmenuwrap ul.top li#link_3 ul.sub li { width: 205px; } #topmenuwrap ul.top li#link_3 ul.sub a { width: 155px; } /* KARTEIREITER 4 */ #topmenuwrap ul.top li#link_4 a { width: 80px; } #topmenuwrap ul.top li#link_4 ul.sub { width: 195px; } #topmenuwrap ul.top li#link_4 ul.sub li { width: 195px; } #topmenuwrap ul.top li#link_4 ul.sub a { width: 145px; } /* KARTEIREITER 4 */ #topmenuwrap ul.top li#link_4 a { width: 80px; } #topmenuwrap ul.top li#link_4 ul.sub { width: 195px; } #topmenuwrap ul.top li#link_4 ul.sub li { width: 195px; } #topmenuwrap ul.top li#link_4 ul.sub a { width: 145px; } /* KARTEIREITER 5 */ #topmenuwrap ul.top li#link_5 a { width: 80px; } #topmenuwrap ul.top li#link_5 ul.sub { width: 195px; } #topmenuwrap ul.top li#link_5 ul.sub li { width: 195px; } #topmenuwrap ul.top li#link_5 ul.sub a { width: 145px; } /* KARTEIREITER 6 */ #topmenuwrap ul.top li#link_6 a { width: 80px; } #topmenuwrap ul.top li#link_6 ul.sub { width: 195px; } #topmenuwrap ul.top li#link_6 ul.sub li { width: 195px; } #topmenuwrap ul.top li#link_6 ul.sub a { width: 145px; } /* KARTEIREITER 7 */ #topmenuwrap ul.top li#link_7 a { width: 80px; } #topmenuwrap ul.top li#link_7 ul.sub { width: 195px; } #topmenuwrap ul.top li#link_7 ul.sub li { width: 195px; } #topmenuwrap ul.top li#link_7 ul.sub a { width: 145px; } /* KARTEIREITER 8 */ #topmenuwrap ul.top li#link_8 a { width: 80px; } #topmenuwrap ul.top li#link_8 ul.sub { width: 136px; } #topmenuwrap ul.top li#link_8 ul.sub li { width: 136px; } #topmenuwrap ul.top li#link_8 ul.sub a { width: 86px; } /* ------------------- ENDE - HEADER NAVIGATION ------------------- */ /* ------------------- START - AUF EINEN KLICK ------------------- */ #aek { width: 795px; height: 47px; margin: 12px 0px 20px 25px; padding: 0px; background: url(img/100512-AEK-PW.jpg) left top no-repeat; float: left; } #aek .login { width: 180px; height: 20px; font-family:Helvetica,Arial,Sans-serif; float: left; margin: 15px 0px 0px 180px; text-align: center; font-size: 1.3em; font-weight: normal; } #aek .links { width: auto; height: 20px; font-family:Helvetica,Arial,Sans-serif; float: left; margin: 10px 0px 0px 10px; font-size: 1.1em; } #aek a { display: block; color: #000; } #aek a:hover { color: #42550b; } /* ------------------- ENDE - AUF EINEN KLICK ------------------- */ /* BREADCRUMB PATH AS LIST */ #breadcrumb {clear:both; color:#3c3c3c; padding:0px 0px 0px 25px; list-style-type:none; background-color:#fff; height:26px; border: 1px solid #82a729; border-width: 3px 0px 0px 0px; color: #ccc; background-image:url(img/footer_center_bg.gif); background-repeat:repeat-x; font-size:11px; margin-bottom:10px; margin-top:1px;} #breadcrumb a, #breadcrumb a:hover {line-height:26px; text-decoration:none; cursor:pointer; color:#3c3c3c; margin:0; padding:0;} /* NAVTRAIL */ #navtrail { float: left; } /* CONTENT WRAPPER */ #contentwrap {clear:both; width:1050px; padding:0;} /* LEFT COLUMN */ #leftcol {float:left; width:200px; margin-top:-18px; padding:0px 0px 15px 0px;} /* RIGHT COLUMN */ #rightcol {float:right; width:200px; margin-top:-18px; padding:0px 0px 15px 0px;} /* MAIN CONTENT */ #content {float:left; width:595px; padding: 0px 25px 0px 25px; margin: 0px 0px 15px 0px; font-size:12px;} #content.one_col_missing { width:795px; } #content.no_col { width: 990px; float: none; clear: both; padding:0px 30px 0px 30px; } /* ------------------- START - CATEGORY MENU ------------------- */ /* ÜBERSCHRIFT DER BOX */ h2.categoryheader { font-size: 15px; font-weight: normal; font-family: Helvetica, Arial, Sans-serif; color: #fff; padding: 14px 0px 0px 18px; margin: 29px 0px 0px 0px; background: url(img/bg_boxheader.gif) no-repeat; height: 27px; vertical-align: middle; border-bottom: solid 1px #fff; } h2.categoryheader a { text-decoration: none; color: #42550b } /* EBENE 1 */ ul#CatNavi, ul#CatNavi li { margin: 0px; list-style-type: none; list-style: none; } ul#CatNavi { margin: 0px 0px 20px 0px; } /* LINKS EBENE 1 - NORMAL */ ul#CatNavi li.CatLevel1 a { display: block; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial, Sans-serif; margin: 0px; padding: 5px 0px 5px 25px; overflow: hidden; background: #fff url(img/bg_categorymenu_l4.gif) 11px 60% no-repeat; border: 2px solid #5c7611; color: #3c3c3c; height: 23px; line-height: 23px; border-bottom: solid 1px #fff; } ul#CatNavi li.CatLevel1 a:hover { background: #f0f0f0 url(img/bg_categorymenu_l5.gif) 11px 60% no-repeat; } /* LINKS EBENE 1 - AKTIV */ ul#CatNavi li.CatLevel1_Current a, ul#CatNavi li.CatLevel1_CurrentParent a { display: block; font-size: 13px; color: #fff; font-weight: normal; font-family: Helvetica, Arial, Sans-serif; margin: 0px; padding: 5px 0px 5px 25px; overflow: hidden; background: #fff url(img/bg_categorymenu.gif) repeat; border: 2px solid #5c7611; height: 23px; line-height: 23px; } /* ul#CatNavi li.CatLevel1_Current, ul#CatNavi li.CatLevel1_CurrentParent { background: #fff url(img/bg_categorymenu.gif) repeat-x; } ul#CatNavi li.CatLevel1_Current a, ul#CatNavi li.CatLevel1_CurrentParent a { display: block; font-size: 13px; color: #fff; font-weight: normal; font-family: Helvetica, Arial, Sans-serif; margin: 0px; padding: 7px 0px 7px 27px; overflow: hidden; background: url(img/bg_categorymenu_white.gif) 12px 12px no-repeat; height: 23px; line-height: 23px; border: none; } */ /* EBENE 2 */ ul#CatNavi li ul.sublevel { margin: 0px 0px 10px 0px; } /* LINKS EBENE 2 - NORMAL */ ul#CatNavi li ul.sublevel li.CatLevel2 a { font-size: 11px; color: #3c3c3c; font-family: Arial, Sans-serif; padding: 5px 0px 5px 45px; background: #fff url(img/bg_categorymenu_l4.gif) 12px 6px no-repeat; border: none; height: auto; line-height: 13px; } ul#CatNavi li ul.sublevel li.CatLevel2 a:hover { background: #fff url(img/bg_categorymenu_l6.gif) 12px 6px no-repeat; color: #42550b; text-decoration: underline; } /* LINKS EBENE 2 - AKTIV */ ul#CatNavi li ul.sublevel li.CatLevel2_Current a { font-size: 11px; color: #42550b; font-family: Arial, Sans-serif; padding: 5px 0px 5px 45px; background: #fff url(img/bg_categorymenu_l6.gif) 12px 6px no-repeat; border: none; height: auto; line-height: 13px; text-decoration: underline; } /* SPECIAL APPEARANCE */ ul#CatNavi li#MyCat21 a { border: 2px solid #0e6d9d; color: #3c3c3c; border-bottom: solid 1px #fff; } ul#CatNavi li#MyCat21.CatLevel1_Current a, ul#CatNavi li#MyCat67.CatLevel1_CurrentParent a { color: #FFF; background: #fff url(img/bg_topmenu_news1.gif) repeat; border: 2px solid #0e6d9d; margin-bottom: 1px; } ul#CatNavi li#MyCat9 a { border: 2px solid #ffcc33; color: #3c3c3c; border-bottom: solid 1px #fff; } ul#CatNavi li#MyCat9.CatLevel1_Current a, ul#CatNavi li#MyCat9.CatLevel1_CurrentParent a { color: #FFF; background: #fff url(img/bg_vp2.gif) repeat; border: 2px solid #ffcc33; margin-bottom: 1px; } ul#CatNavi li#MyCat67 a { border: 2px solid #a17517; color: #3c3c3c; border-bottom: solid 1px #fff; } ul#CatNavi li#MyCat67.CatLevel1_Current a, ul#CatNavi li#MyCat67.CatLevel1_CurrentParent a { color: #FFF; background: #fff url(img/bg_schnellkauf_front.gif) repeat; border: 2px solid #a17517; margin-bottom: 1px; } ul#CatNavi li#MyCat71 a { border: 2px solid #cd6e12; color: #3c3c3c; } ul#CatNavi li#MyCat71.CatLevel1_Current a, ul#CatNavi li#MyCat71.CatLevel1_CurrentParent a { color: #FFF; background: #fff url(img/bg_buecher.gif) repeat; border: 2px solid #cd6e12; } ul#CatNavi li#MyCat88 a { border: 2px solid #c12226; color: #3c3c3c; border-bottom: solid 1px #fff;} ul#CatNavi li#MyCat88.CatLevel1_Current a, ul#CatNavi li#MyCat71.CatLevel1_CurrentParent a { color: #FFF; background: #fff url(img/bg_angebote.gif) repeat; border: 2px solid #c12226; margin-bottom: 1px; } /* ------------------- END - CATEGORY MENU ------------------- */ /* TABLE CATEGORY LISTING (SHOW SUBCATEGORIES) */ table.categoryListing {width:100% font-size:17px;} table.categoryListing td.categoryLabel{width:100%} table.categoryListing td.categoryImage{padding:0px 15px 0px 0px;} /* BOXES GLOBAL DEFINITION */ h2.payment_block {font-size:17px; font-family:"Helvetica",Arial,Sans-serif; color:#ffffff; padding: 14px 0px 0px 18px; margin:18px 0px 0px 0px; background:url(img/bg_boxheader.gif) no-repeat; height: 27px; vertical-align: middle; border-bottom: solid 1px #ffffff;} h2.payment_block a {text-decoration:none; color:#42550b} .payment_block {padding:8px; margin-bottom:5px; border: solid 2px #5c7611;} .payment_block h3, .boxbody h3 a {font-size:11px} .payment_block h3.center, .boxbody h3.center a {font-size:11px; text-align:center} .payment_block p {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .payment_block p.center {color:#3c3c3c; font-size:11px; text-align:center; margin:6px 0px 6px 0px} .payment_block td {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .payment_block .productOldPrice {font-size:11px; color:#9F1313} .payment_block div.hr {margin-top:5px; margin-bottom:5px;} .payment_block div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .payment_block a {font-size:11px; color:#3c3c3c} .payment_block a:hover {font-size:11px; text-decoration: none; color:#42550b} .payment_block .productboximage {border: solid 1px #5c7611;} .payment_block ul.contentlist {margin-left:5px; margin-right:0; padding:0;} .payment_block ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} h2.boxheader_GV {font-size:17px; font-family:"Helvetica",Arial,Sans-serif; color:#ffffff; padding: 14px 0px 0px 18px; margin:18px 0px 0px 0px; background:url(img/bg_boxheader.gif) no-repeat; height: 27px; vertical-align: middle; border-bottom: solid 1px #ffffff;} h2.boxheader_GV a {text-decoration:none; color:#42550b} .boxbody_GV {padding:8px; margin-bottom:15px; border: solid 2px #5c7611;} .boxbody_GV h3, .boxbody h3 a {font-size:11px} .boxbody_GV h3.center, .boxbody h3.center a {font-size:11px; text-align:center} .boxbody_GV p {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody_GV p.center {color:#3c3c3c; font-size:11px; text-align:center; margin:6px 0px 6px 0px} .boxbody_GV td {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody_GV .productOldPrice {font-size:11px; color:#9F1313} .boxbody_GV div.hr {margin-top:5px; margin-bottom:5px;} .boxbody_GV div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody_GV a {font-size:11px; color:#3c3c3c} .boxbody_GV a:hover {font-size:11px; text-decoration: none; color:#42550b} .boxbody_GV .productboximage {border: solid 1px #5c7611;} .boxbody_GV ul.contentlist {margin-left:5px; margin-right:0; padding:0;} .boxbody_GV ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} h2.boxheader_GV2 {font-size:17px; font-family:"Helvetica",Arial,Sans-serif; color:#ffffff; padding: 14px 0px 0px 18px; margin:18px 0px 0px 0px; background:url(img/bg_boxheader.gif) no-repeat; height: 27px; vertical-align:middle; border-bottom: solid 1px #ffffff;} h2.boxheader_GV2 a {text-decoration:none; color:#42550b} .boxbody_GV2 {padding:8px; margin-bottom:15px; border: solid 2px #42550b; background-repeat:repeat-x;} .boxbody_GV2 h3, .boxbody h3 a {font-size:11px} .boxbody_GV2 h3.center, .boxbody h3.center a {font-size:11px; text-align:center} .boxbody_GV2 p {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody_GV2 p.center {color:#3c3c3c; font-size:11px; text-align:center; margin:6px 0px 6px 0px} .boxbody_GV2 td {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody_GV2 .productOldPrice {font-size:11px; color:#9F1313} .boxbody_GV2 div.hr {margin-top:5px; margin-bottom:5px;} .boxbody_GV2 div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody_GV2 a {font-size:11px; color:#3c3c3c} .boxbody_GV2 a:hover {font-size:11px; color:#42550b} .boxbody_GV2 .productboximage {border: solid 1px #5c7611;} .boxbody_GV2 ul.contentlist {margin-left:5px; margin-right:0; padding:0;} .boxbody_GV2 ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} h2.boxheader_GV3 {font-size:17px; font-weight:normal; font-family:"Helvetica",Arial,Sans-serif; color:#ffffff; padding: 14px 0px 0px 18px; margin: 18px 0px 0px 0px; background:url(img/bg_boxheader.gif) no-repeat; height: 27px; vertical-align:middle; border-bottom: solid 1px #ffffff;} h2.boxheader_GV3 a {text-decoration:none; color:#42550b} .boxbody_GV3 {padding:8px; margin-bottom:15px; border: solid 1px #42550b; background-image:url(img/bg_cartbox.gif); background-repeat:repeat-x;} .boxbody_GV3 h3, .boxbody h3 a {font-size:11px} .boxbody_GV3 h3.center, .boxbody h3.center a {font-size:11px; text-align:center} .boxbody_GV3 p {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody_GV3 p.center {color:#3c3c3c; font-size:11px; text-align:center; margin:6px 0px 6px 0px} .boxbody_GV3 td {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody_GV3 .productOldPrice {font-size:11px; color:#9F1313} .boxbody_GV3 div.hr {margin-top:5px; margin-bottom:5px;} .boxbody_GV3 div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody_GV3 a {font-size:11px; color:#3c3c3c} .boxbody_GV3 a:hover {font-size:11px; text-decoration: none; color:#42550b} .boxbody_GV3 .productboximage {border: solid 1px #5c7611;} .boxbody_GV3 ul.contentlist {margin-left:5px; margin-right:0; padding:0;} .boxbody_GV3 ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} h2.boxheader_GV4 {font-size:17px; font-weight:normal; font-family:"Helvetica",Arial,Sans-serif; color:#ffffff; padding: 14px 0px 0px 18px; margin:18px 0px 0px 0px; background:url(img/bg_boxheader.gif) no-repeat; height: 27px; vertical-align:middle; border-bottom: solid 1px #ffffff;} h2.boxheader_GV4 a {text-decoration:none; color:#42550b} .boxbody_GV4 {padding:8px; margin-bottom:15px; border: solid 2px #CECECE;} .boxbody_GV4 h3, .boxbody h3 a {font-size:11px} .boxbody_GV4 h3.center, .boxbody h3.center a {font-size:11px; text-align:center} .boxbody_GV4 p {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody_GV4 p.center {color:#3c3c3c; font-size:11px; text-align:center; margin:6px 0px 6px 0px} .boxbody_GV4 td {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody_GV4 .productOldPrice {font-size:11px; color:#9F1313} .boxbody_GV4 div.hr {margin-top:5px; margin-bottom:5px;} .boxbody_GV4 div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody_GV4 a {font-size:11px; color:#3c3c3c} .boxbody_GV4 a:hover {font-size:11px; text-decoration: none; color:#42550b} .boxbody_GV4 .productboximage {border: solid 1px #5c7611;} .boxbody_GV4 ul.contentlist {margin-left:5px; margin-right:0; padding:0;} .boxbody_GV4 ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} h2.boxheader_GV5 {font-size:17px; font-weight:normal; font-family:"Helvetica",Arial,Sans-serif; color:#ffffff; padding: 14px 0px 0px 18px; margin:18px 0px 0px 0px; background:url(img/bg_boxheader.gif) no-repeat; height: 27px; vertical-align:middle; border-bottom: solid 1px #ffffff;} h2.boxheader_GV5 a {text-decoration:none; color:#42550b} .boxbody_GV5 {padding:8px; margin-bottom:15px; border: solid 2px #5c7611;} .boxbody_GV5 h3, .boxbody h3 a {font-size:12px} .boxbody_GV5 h3.center, .boxbody h3.center a {font-size:12px; text-align:center} .boxbody_GV5 p {color:#3c3c3c; font-size:12px; margin:6px 0px 6px 0px} .boxbody_GV5 p.center {color:#3c3c3c; font-size:12px; text-align:center; margin:6px 0px 6px 0px} .boxbody_GV5 td {color:#3c3c3c; font-size:12px; margin:6px 0px 6px 0px} .boxbody_GV5 .productOldPrice {font-size:12px; color:#9F1313} .boxbody_GV5 div.hr {margin-top:5px; margin-bottom:5px;} .boxbody_GV5 div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody_GV5 a {font-size:12px; color:#3c3c3c} .boxbody_GV5 a:hover {font-size:12px; text-decoration: none; color:#42550b} .boxbody_GV5 .productboximage {border: solid 2px #5c7611;} .boxbody_GV5 ul.contentlist {margin-left:5px; margin-right:0; padding:0;} .boxbody_GV5 ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} h2.boxheader_GV6 {font-size:17px; font-weight:normal; font-family:"Helvetica",Arial,Sans-serif; color:#ffffff; padding: 14px 0px 0px 18px; margin:18px 0px 0px 0px; background:url(img/bg_boxheader.gif) no-repeat; height: 27px; vertical-align:middle; border-bottom: solid 1px #ffffff;} h2.boxheader_GV6 a {text-decoration:none; color:#42550b} .boxbody_GV6 {padding:8px; margin-bottom:15px; margin-top:18px; border: solid 2px #CECECE;} .boxbody_GV6 h3, .boxbody h3 a {font-size:11px} .boxbody_GV6 h3.center, .boxbody h3.center a {font-size:11px; text-align:center} .boxbody_GV6 p {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody_GV6 p.center {color:#3c3c3c; font-size:11px; text-align:center; margin:6px 0px 6px 0px} .boxbody_GV6 td {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody_GV6 .productOldPrice {font-size:11px; color:#9F1313} .boxbody_GV6 div.hr {margin-top:5px; margin-bottom:5px;} .boxbody_GV6 div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody_GV6 a {font-size:11px; color:#3c3c3c} .boxbody_GV6 a:hover {font-size:11px; text-decoration: none; color:#42550b} .boxbody_GV6 .productboximage {border: solid 1px #5c7611;} .boxbody_GV6 ul.contentlist {margin-left:5px; margin-right:0; padding:0;} .boxbody_GV6 ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} h2.boxheader {font-size:14px; font-weight:normal; font-family:"Helvetica",Arial,Sans-serif; color:#ffffff; padding: 14px 0px 0px 18px; margin:18px 0px 0px 0px; background:url(img/bg_boxheader.gif) no-repeat; height: 27px; vertical-align:middle; border-bottom: solid 1px #ffffff;} h2.boxheader a, h2.boxheader a:hover {text-decoration:none; color:#ffffff} .boxbody {padding:8px; margin-bottom:15px; border: solid 2px #CECECE;} .boxbody h3, .boxbody h3 a {font-size:11px} .boxbody h3.center, .boxbody h3.center a {font-size:11px; text-align:center} .boxbody p {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody p.center {color:#3c3c3c; font-size:11px; text-align:center; margin:6px 0px 6px 0px} .boxbody td {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody .productOldPrice {font-size:11px; color:#9F1313} .boxbody div.hr {margin-top:5px; margin-bottom:5px;} .boxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody a {font-size:11px; color:#3c3c3c} .boxbody a:hover {font-size:11px; text-decoration: none; color:#42550b} .boxbody .productboximage {border: solid 1px #5c7611;} .boxbody ul.contentlist {margin-left:5px; margin-right:0; padding:0;} .boxbody ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} h2.boxheader2 {font-size:17px; font-weight:normal; font-family:"Helvetica",Arial,Sans-serif; color:#ffffff; padding: 14px 0px 0px 18px; margin:18px 0px 0px 0px; background:url(img/bg_boxheader.gif) no-repeat; height: 27px; vertical-align:middle; border-bottom: solid 1px #ffffff;} h2.boxheader a, h2.boxheader a:hover {text-decoration:none; color:#ffffff} .boxbody2 {padding:8px; margin-bottom:15px; border: solid 2px #42550b;} .boxbody2 h3, .boxbody h3 a {font-size:11px} .boxbody2 h3.center, .boxbody h3.center a {font-size:11px; text-align:center} .boxbody2 p {color:#3c3c3c; font-size:11px; margin:5px 0px 5px 0px} .boxbody2 p.center {color:#3c3c3c; font-size:11px; text-align:center; margin:6px 0px 6px 0px} .boxbody2 td {color:#3c3c3c; font-size:11px; margin:6px 0px 6px 0px} .boxbody2 .productOldPrice {font-size:11px; color:#9F1313} .boxbody2 div.hr {margin-top:5px; margin-bottom:5px;} .boxbody2 div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody2 a {font-size:11px; color:#3c3c3c} .boxbody2 a:hover {font-size:11px; color:#42550b} .boxbody2 .productboximage {border: solid 1px #5c7611;} .boxbody2 ul.contentlist {margin-left:5px; margin-right:0; padding:0;} .boxbody2 ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} /* CART BOX */ h2.boxcartheader {font-size:14px; font-weight:normal; font-family:"Helvetica",Arial,Sans-serif; color:#ffffff; padding:7px 0px 3px 13px; margin:18px 0px 0px 0px; background-image:url(img/bg_boxheader.gif); height: 24px; background-repeat:no-repeat; margin:0;vertical-align:middle; border-bottom: solid 1px #ffffff;} h2.boxcartheader a {text-decoration:none; color:#42550b} .boxcartbody {padding:2px 4px 2px 4px; margin-bottom:-5px; background-color:#ffffff; background-image:none; background-repeat:repeat-x; color: #3c3c3c; border: solid 2px #CECECE;} .boxcartbody p {font-size:12px; color:#3c3c3c} .boxcartbody a {color:#3c3c3c} .boxcartbody a:hover {font-size:11px; color:#42550b} .boxcartbody .hr {background-color:#5c7611;} /* PRODUCT PREVIEW */ .productPreview {padding:0; margin:0;} .productPreviewContent {vertical-align:top; width:100%; font-size:12px;} .productPreviewContent h2 {margin:0; padding:2px 4px 2px 0px;} .productPreviewContent h2 a, .productPreviewContent h2 a:hover {font-size:16px; font-weight:bold; color:#42550b; text-decoration:none} .productPreviewImage {vertical-align:top; padding:3px 15px 0px 0px;} .productPreviewImage img {border: solid 1px #CECECE;} .productPreviewContent .price{color:#3c3c3c; font-size:16px; font-weight:bold; padding:0; margin:0} .productPreviewContent .taxandshippinginfo {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0} .productPreviewContent .vpe {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0} .productPreviewContent .shippingtime {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0} .productPreviewContent .productOldPrice {font-size:12px; font-weight:bold; color:#ff0000;} .productPreviewContent .taxandshippinginfo a {font-size:11px; font-weight:normal; color:#999999;} /* PRODUCT INFO / PRODUCT DETAILS */ #productinfowrap {display:table; width:100%} #productinfoimages {float:left; background-color:#fff; text-align:center; width:350px; padding:0px 10px 10px 0px; margin:0px 10px 10px 0px;} #productinfoimages .productimage {border: solid 1px #5c7611;} #productinfoimages .hrlightgrey {margin-top:6px; margin-bottom:6px;} #productinfopricewithimages {float:right;} #productinfopricewithimages img {cursor:pointer} #productinfopricewithoutimages {width:100%} #productinfopricewithoutimages img {cursor:pointer} #productinfoprice {padding:5px} #productinfoprice .hrlightgrey {margin-top:6px; margin-bottom:6px;} #productinfoprice .productprice {width:400px; margin:0; padding:0; color:#3c3c3c; font-size:18px; font-weight:normal;} #productinfoprice .productOldPrice {color:#FF0000;margin:0; padding:0; font-size:12px; font-weight:bold;} #productinfoprice .taxandshippinginfo {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;} #productinfoprice .taxandshippinginfo a {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;} #productinfoprice .shippingtime {margin:0; padding:0; font-size:11px; font-weight:normal; color:#999999;} p.productinfoproductadded {font-size:11px;} .productoptions {background-color:#ffffff; padding:1px; border-style:solid; border-width:1px 1px 1px 1px; border-color:#42550b} .addtobasket {background-color:#ffffff; padding:1px; text-align:right;} /* POPUPS PRODUCTINFO */ body.popupproductinfo {padding:15px;background:none; font-size:12px; background-color:#ffffff} /* POPUP print_order.html */ body.popupprintorder {font-family: Verdana,Arial,Sans-serif; font-size:12px; padding:15px; background:#fff} body.popupprintorder .products tr.header td {font-weight:bold; color:#ffffff; background-color:#5c7611;} body.popupprintorder .products .total {text-align:right} body.popupprintorder .products .quantity {vertical-align:top} body.popupprintorder .productname {vertical-align:top} body.popupprintorder .model {vertical-align:top} body.popupprintorder .singleprice {vertical-align:top} body.popupprintorder .totalprice {vertical-align:top} /* HIGHLIGHTBOX (BACKGROUND) */ div.highlightbox {font-size:12px; padding: 15px; background-color:#ffffff; border: solid #5c7611 2px} div.highlightbox a {color:#42550b;} div.highlightbox a:hover {color:#5c7611; text-decoration:none} div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px} div.highlightbox h1 {color:#3c3c3c; padding:0px 0px 10px 0px; margin:0; border:none; font-size:12px} /* GUTSCHEIN EINLÖSEN IM WARENKORB */ #gift_cart { } /* RAHMEN FÜR EINGABEFELD */ #gift_cart #input_code { padding: 5px 15px 15px 15px; background: #ffffff; border: 2px solid #5c7611; font-weight: bold; } #gift_cart #input_code input[type="text"] { margin: 0px 0px 0px 5px; } /* BUTTON EINLÖSEN */ #gift_cart #input_code input[type="image"] { position: relative; top: 12px; left: 5px; } /* POPUP MIT INFOS */ /* RAHMEN FÜR INFORMATIONEN */ #gift_infos { margin: 0px; padding: 5px 20px 20px 20px; border: 5px solid #5c7611; background: #FFF; display: none; position: absolute; top: 50%; left: 40%; z-index: 1; } /* LISTE GÜLTIGER ARTIKEL UND KATEGORIEN */ #gift_infos ul.restriction_list { margin: 5px 0px 5px 40px; } /* CREATE_ACCOUNT */ .inputCompany input {width:220px;} /* PAYMENT TYPE SELECTION */ table.paymentblock {background: #fff; margin-bottom:15px;} table.paymentblock tr td.header {background-color:#ffffff; padding:2px; padding-left:5px; color:#3c3c3c; font-size:12px;} /* SHIPPING TYPE SELECTION */ table.shippingblock {border: solid #5c7611 2px; font-weight:bold; color:#3c3c3c; margin-bottom:15px;} table.shippingblock tr td.header {padding:2px; padding-left:5px; color: #fff; font-weight:bold;} table.shippingblock tr td {vertical-align:top; padding:4px} table.shippingblock tr td.description {width:100%; vertical-align:top; padding-left:6px;} table.shippingblock tr td.radiobutton {vertical-align:top; white-space:nowrap; padding:4px;} table.shippingblock tr td.radiobutton input {margin:0; padding:0;} table.shippingblock tr td.price {vertical-align:top; white-space:nowrap} /* ORDER DETAILS IN ACCOUNT HISTORY */ table.accounthistoryinfoorderdetails tr td {vertical-align:top} table.accounthistoryinfoorderdetails tr.header td {font-weight:bold} /* MESSAGEBOX ON CONTACT SITE */ textarea.message_body {width:130px;} /* DOWNLOAD BOX FOR USER DOWNLOADS */ table.downloadbox {padding: 5px; background-color:#F2F0EB; border: solid #42550b 1px; margin-bottom:8px;} table.downloadbox tr td.icon{padding-right: 15px;} table.downloadbox tr td.downloadlink{width:100%;} /* TABLE WICH SHOWS GRADUATED PRICES */ table.graduatedprice {font-size:11px; text-align:left; margin-top:5px;} table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left} /* MAIN2 */ table.main2 {font-size:12px; color:#ffffff;} /* MAIN3 */ table.main3 {font-size:12px; color:#3c3c3c;} /* ORDER DETAILS */ table.orderdetails {font-size:12px; background-color:#42550b; border-style: solid; border-width:1px 1px 1px 1px; border-color:#42550b;} table.orderdetails a {color:#3c3c3c;} table.orderdetails tr td {padding:4px} table.orderdetails tr.headerrow td {background-color:#5c7611; color:#42550b; font-weight:normal} table.orderdetails tr.headerrow td.left {text-align:left} table.orderdetails tr.headerrow td.center {text-align:center} table.orderdetails tr.headerrow td.right {text-align:right} /* ORDER DETAILS CONTENT ROW 1 */ table.orderdetails tr.contentrow1 td {background-color:#42550b ;vertical-align:top} table.orderdetails tr.contentrow1 td.quantity {text-align:center} table.orderdetails tr.contentrow1 td.quantity input {font-size:12px; padding:2px; border:solid #42550b 1px;} table.orderdetails tr.contentrow1 td.productname {text-align:left} /* ORDER DETAILS CONTENT ROW 2 */ table.orderdetails tr.contentrow2 td {background-color:#42550b ;vertical-align:top} table.orderdetails tr.contentrow2 td.quantity {text-align:center} table.orderdetails tr.contentrow2 td.quantity input {font-size:12px; padding:2px; border:solid #42550b 1px;} table.orderdetails tr.contentrow2 td.productname {text-align:left} /* ORDER DETAILS SINGLE PRICE */ table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap} /* ORDER DETAILS TOTAL PRICE PER ITEM */ table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap} /* ORDER DETAILS DELETE CHECKBOX */ table.orderdetails tr td.delete {text-align:center; white-space:nowrap} /* ORDER DETAILS PRODUCT ATTRIBUTES */ table.orderdetails tr td.productname table.productattributes {margin-top:3px;} table.orderdetails tr td.productname table.productattributes tr td {padding:0px;} table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;} table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;} /* ORDER DETAILS SUBTOTAL */ table.orderdetails tr td.subtotal {background-color:#5c7611; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#42550b;} /* PRODUCT NAVIGATOR */ div.productnavigator {background-color:#ffffff; padding:8px; border:#42550b 1px solid} /* REVIEW LIST */ table.reviewlist {background-color:#ffffff; border-style: solid; border-width:1px 1px 1px 1px; border-color:#42550b;} table.reviewlist tr td {padding:4px; white-space:nowrap} table.reviewlist tr.header td {background-color:#badaed; color:#FFFFFF; font-weight:bold} table.reviewlist tr.contentrow1 td {background-color:#ffffff;} table.reviewlist tr.contentrow2 td {background-color:#ffffff;} textarea#review {width:100%} /* MEDIA LIST */ table.medialist {background-color:#5c7611} table.medialist tr td {padding:6px; white-space:nowrap; vertical-align:top} table.medialist tr.contentrow1 td {background-color:#ffffff;} table.medialist tr.contentrow2 td {background-color:#ffffff;} /* POLL */ .poll_question { background:none; padding:1px; margin-bottom:1px; font-family:Arial; font-size: 12px; color: #3c3c3c} /* SITEMAP */ .sitemapwrap {} .sitemapwrap .sitemapleft {background-color:#5c7611; border-style: solid; border-width:1px; border-color:#42550b; display:table; float:left; width:235px; margin-bottom:15px;} .sitemapwrap .sitemapright {background-color:#5c7611; border-style: solid; border-width:1px; border-color:#42550b; display:table; float:right; width:235px; margin-bottom:15px;} .sitemapheader {padding:3px; background-color:#42550b; color:#ffffff; font-weight:bold} .sitemapheader a, .sitemapheader a:hover {color:#FFFFFF; text-decoration:none} .sitemapcontent {padding:6px; color:#ffffff;} .sitemapcontent li {list-style-type:none; color:#FFFFFF;} /* COMMENTS ON CHECKOUT CONFIRMATION SITE */ p.checkoutcomment textarea {width:100%} /* ORDER DETAILS ON CHECKOUT SITE */ table.checkoutconfirmationorderdetails {padding:0; margin:0px 0px 10px 0px; border:none} table.checkoutconfirmationorderdetails tr td.productname {width:100%; font-weight:bold;} table.checkoutconfirmationorderdetails tr td.shippingtime {padding:0px 0px 0px 30px; color:#666666; font-size:13px; font-weight:normal; white-space:nowrap} table.checkoutconfirmationorderdetails tr td.productattributes {padding:0px 0px 0px 30px; color:#666666; font-size:12px; font-weight:normal;} table.checkoutconfirmationorderdetails tr td.productprice {white-space:nowrap; text-align:right} table.checkoutconfirmationorderdetailstotal {padding:0; margin:10px 0px 0px 0px; border:1px} table.checkoutconfirmationorderdetailstotal tr td.name {text-align:right} table.checkoutconfirmationorderdetailstotal tr td.value {white-space:nowrap; text-align:right} /* AGB ON CHECKOUT SITE */ p.checkoutagb textarea {width:100%} /* ERROR MESSAGES */ .errormessage {border: solid #F60909 2px; padding:15px; background-color:#FFD4D4; color:#000000} /* SUCCESS MESSAGE */ .messageStackSuccess {padding:4px; background-color:#8FB443} /* ------------------- START - FOOTER ------------------- */ .navigation { clear: both; width: auto; margin: 20px 0px 0px 0px; } /* SHIPPING AND TAX INFO */ #global_shipping_tax_info { width: 1050px; margin: 0 auto; clear: both; text-align: center; padding: 15px 15px 15px 15px; font-size: 12px; border-top: 1px solid #E0DEDE; } /* TAGCLOUD */ #box_tag_cloud { width: 1050px; margin: 0 auto; clear: both; text-align: center; background: #FFF; padding: 15px 15px 15px 15px; border: 1px solid #E0DEDE; border-width: 1px 0px 1px 0px; } #box_tag_cloud a { margin: 0px 0px 0px 5px; } /* 1. ZEILE */ #footer_1 { width: 1050px; margin: 0 auto; clear: both; background: #F2F1EE; padding: 15px 15px 15px 15px; } #footer_1 .box { width: 318px; float: left; margin: 0px; padding: 15px; } #footer_1 .box h3 { font-family: Helvetica, Arial, Sans-serif; font-size: 1.5em; font-weight: normal; padding: 0px 0px 10px 0px; text-align: left; } #footer_1 .box .text { height: 160px; font-family: Arial, Sans-serif; font-size: 1.1em; padding: 10px 0px 10px 0px; border: 1px dashed #B0B3AF; border-width: 1px 0px 1px 0px; } #footer_1 .box img { margin: 10px 0px 0px 0px; } /* NEWSLETTER BOX */ #box_newsletter label { float: left; display: block; width: auto; margin: 8px 0px 0px 0px; font-family: Arial, Sans-serif; font-size: 1.1em; font-weight: normal; } #box_newsletter input[type="text"] { float: left; width: 150px; margin: 5px 0px 0px 10px; } #box_newsletter input[type="image"] { float: left; width: auto; margin: 0px 0px 0px 10px; } #box_newsletter input[type="radio"] { margin: 10px 0px 0px 10px; } #box_newsletter .option { margin: 10px 0px 0px 10px; } /* 2. ZEILE */ #footer_2 { width: 1050px; margin: 0 auto; clear: both; background: #e2e0db url(img/footer_2_bg.png) left top repeat-x ; padding: 15px 15px 15px 15px; } #footer_2 .box { width: 178px; height: 100px; float: left; margin: 0px; padding: 15px; border-right: 1px dotted #B0B3AF; } #footer_2 .last { border: none; } #footer_2 .box h3 { font-family:Helvetica,Arial,Sans-serif; font-size: 1.4em; font-weight: normal; padding: 0px 0px 10px 0px; text-align: left; } #footer_2 .box ul { font-family:Arial,Sans-serif; font-size: 1.0em; font-weight: normal; padding: 10px 0px 10px 0px; list-style: none; list-style-type: none; } #footer_2 .box ul li {font-family:Arial,Sans-serif; font-size: 1.0em; font-weight: normal; list-style: none; list-style-type: none; } /* FOOTER */ #footer_3 { width: 1050px; margin: 0 auto; margin-bottom: 15px; clear: both; text-align: center; color: #fff; background: #5c7611; padding: 8px 15px 8px 15px; } #footer_3 a { color: #42550b; } /* ------------------- ENDE - FOOTER ------------------- */ /* XTC COPYRIGHT */ .copyright {display:none; margin: 0 auto; width:970px; text-align:center; color:#b9d9ed; font-size:12px; padding:0px 0px 10px 0px;} /* PARSE TIME */ .parseTime {margin: 0 auto; width:970px; text-align:center; color:#4370C7; font-size:11px; padding:0px 0px 10px 0px;} .alter { display: block; background-image: url(img/alter.gif); background-repeat: no-repeat; width: 13px; height: 13px; border: 0px; font-size: 0px; cursor: pointer; } /* Register Tabs fpr advanced products description Contribution from http:// www.xtc-shoplayout.de */ .dynamic-tab-pane-control.tab-pane { position: relative; width: 100%; } .dynamic-tab-pane-control .tab-row .tab { border-right: solid #ffffff 2px; font-family: Arial; font-size: 12px; cursor: Default; display: inline; float: left; background: rgb(255,255,255); border-left: 0px none; border-bottom: 0px none; border-top: 0px none; cursor: pointer; z-index: 1; position: relative; top: 0; margin-left:5px; margin-right:-5px; margin-top:1px; margin-bottom:1px; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px } .dynamic-tab-pane-control .tab-row .tab.selected { border-left: solid #CECECE 2px; border-right: solid #CECECE 2px; border-top: solid #CECECE 2px; border-bottom:0px none; z-index: 3; top: -2px; background: white; margin-left:0px; margin-right:-6px; margin-top:1px; margin-bottom:-2px; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:5px } .dynamic-tab-pane-control .tab-row .tab a { font-family: Arial; font-size: 12px; color: rgb(51,105,52); text-decoration: none; cursor: pointer; } .dynamic-tab-pane-control .tab-row .hover a { color: rgb(120,152,55); } .dynamic-tab-pane-control .tab-row .tab.selected a { font-weight: bold; } .dynamic-tab-pane-control .tab-page { clear: both; border: solid #CECECE 2px; background: White; z-index: 2; position: relative; top: -2px; color: Black; font-family: Arial; font-size: 12px; padding: 10px; } .dynamic-tab-pane-control .tab-row { z-index: 1; white-space: nowrap; background: #ffffff; height: 1.85em; width: 100%; } /* ||| START - DIRECT BUY LIST VIEW ||| */ #direct_buy_list_wrap { } #direct_buy_list_wrap .clear { clear: both; float: none; width: 100%; } /* EINLEITENDER TEXT */ #direct_buy_list_wrap .intro { width: auto; margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; border: 1px dotted #5c7611; border-width: 0px 0px 1px 0px; } /* ||| ENDE - DIRECT BUY LIST VIEW ||| */ /* ------------------- START - POPUP CART ------------------- */ #popCart { position: absolute; top: 50%; left: 50%; width: 285px; margin: 0px; background: #fff; border: 4px solid #5c7611; color: #000; z-index: 100000; display: none; padding: 10px 10px 10px 10px; } .popup_header { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.0em; text-align: center; vertical-align:bottom; padding: 10px 10px; border: 1px solid #ccc; margin: 0 auto; width: 215px; } .popup_image { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 0.9em; text-align: center; color: #000; margin: 10px auto; padding: 5px; } #mycart { margin: 0px auto; height: 42px; width: 285px; padding: 0px; } .cart_contents { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 0.9em; text-align: center; padding: 8px 0px 0px 8px; color: #000; height: 42px; } #pop_buttons_box { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.0em; text-align: center; width: 285px; height: 28px; vertical-align:bottom; margin: 10px 0px 0px 0px; } #pop_buttons_box a { color: #000; text-decoration: none; } #pop_buttons_box a:hover { color: #484848; text-decoration: none; } .close_button { float: left; text-align: center; vertical-align:bottom; padding: 7px 0px 0px 0px; height: 22px; width: 140px; border: 1px solid #ccc; } .cart_button { float: left; text-align: center; vertical-align:bottom; padding: 7px 0px 0px 0px; height: 22px; width: 140px; border: 1px solid #ccc; } /* ------------------- ENDE - POPUP CART ------------------- */ /* isearchresults */ .markword { background: #DDD; font-weight: bold; padding: 0px 5px 0px 5px } /* ------------------- START - STARTSEITE ------------------- */ /* FLASH MENÜ AUF STARTSEITE - KEIN FLASH */ #flashcontent { margin: 0 auto; margin-bottom: 10px; text-align: center; width: auto; } #flashcontent #welcome_image { width: 590px; height: 352px; background: url(../../images/Startpics/GV-Willkommen.jpg) no-repeat; text-align: center; } #flashcontent #welcome_image img { margin: 0 auto; } #flashcontent #welcome_image #no_flash_message { visibility: hidden; display: none; width: 550px; height: 60px; position: relative; top: 0px; left: 0px; background: url(../../images/Startpics/white_pixel_50p_trans.png) repeat; text-align: left; padding: 20px; } #flashcontent #welcome_image #no_flash_message h2 { margin-top: 0px; } #flashcontent #welcome_image #no_flash_message #flash_image { width: 50px; height: 60px; float: left; margin: 0px 20px 0px 0px; background: url(../../images/Startpics/flash_icon.gif) no-repeat top center; } #flashcontent #welcome_image:hover #no_flash_message { visibility: visible; display: block; } /* FLASH MENÜ AUF STARTSEITE - ANIMATION */ #gallery_swf { margin: 0 auto; margin-top: 15px; margin-bottom: 15px; } /* TEXT UND BOXEN */ .start_box_large_1 { text-align: left; width: auto; margin: 10px 0px 0px 0px; padding: 15px 15px 15px 15px; background: #FFF; border: 2px solid #5c7611; } .start_box_large_2 { text-align: left; width: auto; margin: 10px 0px 0px 0px; padding: 15px 15px 15px 15px; background: #FFF; border: 2px solid #CECECE; } .start_box_large_1 .small_title, .start_box_large_2 .small_title { font-size: 1.5em; text-align: left; font-family: Georgia; } .start_box_small_1, .start_box_small_2 { width: 368px; margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px; background: #FFF; border: 2px solid #CECECE; float: left; } .start_box_small_2 { float: right; } .start_box_small_1 .small_title, .start_box_small_2 .small_title { text-align: left; display: block; font-weight: bold; margin: 0px 0px 10px 0px; } .start_box_small_1 .image, .start_box_small_2 .image { display: block; width: 120px; height: auto; float: left; text-align: center; } .start_box_small_1 .right, .start_box_small_2 .right { display: block; float: left; width: 235px; margin: 0px 0px 0px 10px; } .start_box_small_1 .title, .start_box_small_2 .title { display: block; margin: 0px 0px 0px 0px; font-size: 1.3em; text-align: left; font-weight: bold; } .start_box_small_1 .text, .start_box_small_2 .text { display: block; height: 65px; margin: 10px 0px 0px 0px; text-align: left; font-size: 1.0em; } .start_box_small_1 .more, .start_box_small_2 .more { display: block; margin: 0px 0px 0px 0px; float: right; font-size: 0.9em; font-weight: bold; } .start_box_small_1 a, .start_box_small_2 a { color: #3C3C3C; } .start_box_small_1 a:hover, .start_box_small_2 a:hover { color: #42550b; } .start_box_small_4 { width: 230px; margin: 45px 0px 0px 0px; padding: 0px; background: #FFF; border: 0px solid #CECECE; float: right; } .start_box_small_4 a { color: #3C3C3C; } .start_box_small_4 a:hover { color: #42550b; } /* TAB NAVIGATION */ #frontpage_tabs { float: left; width: 559px; margin: 10px 0px 0px 0px; } #frontpage_tabs .tabs { width: 100%; list-style: none; list-style-type: none; position: relative; bottom: -2px; } #frontpage_tabs .tabs li { display: block; float: left; width: auto; padding: 5px 10px 5px 10px; margin: 0px 10px 0px 0px; height: 25px; line-height: 25px; border: 2px solid #5c7611; background: #5c7611; cursor: pointer; font-weight: bold; color: #FFF; } #frontpage_tabs .tabs li:hover { background: #FFF; border-bottom: none; padding: 5px 10px 7px 10px; color: #3C3C3C; } #frontpage_tabs .tabs li.current { background: #FFF; border-bottom: none; padding: 5px 10px 7px 10px; color: #3C3C3C; } #frontpage_tabs .containers { margin: 0px; } #frontpage_tabs .containers div { display: none; width: 525px; margin: 0px; padding: 15px; border: 2px solid #5c7611; } #frontpage_tabs .containers div.current { display: block; } /* ------------------- ENDE - STARTSEITE ------------------- */ /* ------------------- START - STARTSEITE_BUTTON ------------------- */ .button_serie { display: block; width: 230px; height: 47.5px; margin: 2px 0px 0px 0px; } .button_1 { background: url(img/button_1.jpg) 0px 0px no-repeat; } .button_1:hover { background: url(img/button_1.jpg) 0px -47px no-repeat; } .button_2 { background: url(img/button_2.jpg) 0px 0px no-repeat; } .button_2:hover { background: url(img/button_2.jpg) 0px -47px no-repeat; } .button_3 { background: url(img/button_3.jpg) 0px 0px no-repeat; } .button_3:hover { background: url(img/button_3.jpg) 0px -47px no-repeat; } .button_4 { background: url(img/button_4.jpg) 0px 0px no-repeat; } .button_4:hover { background: url(img/button_4.jpg) 0px -47px no-repeat; } .button_5 { background: url(img/button_5.jpg) 0px 0px no-repeat; } .button_5:hover { background: url(img/button_5.jpg) 0px -47px no-repeat; } /* ------------------- ENDE - STARTSEITE_BUTTON ------------------- */ /* -- BOF - MONEYBOOKERS (2.4) ----------------------------- */ #moneybookers_iframe { width: 100%; height: 600px; border: none; margin: 25px 0px 0px 0px; } /* -- EOF - MONEYBOOKERS (2.4) ----------------------------- */ /* -- BOF - CONTENT PRODUCTS ----------------------------- */ #content_products { margin: 0px 0px 10px 0px; } #content_products .header { width: auto; padding: 10px; background: #5c7611; color: #FFF; font-weight: normal; font-size: 13px; Helvetica, Arial, Sans-serif; margin: 0px 0px 10px 0px; cursor: pointer; } #content_products .header .arrow { height: 16px; padding: 0px 36px 0px 0px; background: url(img/cp_header_arrow.png) right 0px no-repeat; float: right; } #content_products .header .arrow.up { background-position: right -16px; } #content_products .products_col { float: left; width: 223.5px; margin: 0px 21px 20px 0px; padding: 11px; position: relative; border: 2px solid #CECECE; } #content_products .products_col:hover { border: 2px solid #5c7611; } #content_products .col_3 { margin: 0px; width: 223px; } #content_products .products_col .name { text-align: center; font-weight: bold; font-size: 13px; margin: 0px; height: 33px; } #content_products .products_col .image { width: 100%; text-align: center; margin: 5px 0px 0px 0px; height: 100px; } #content_products .products_col .image img { max-width: 120px; max-height: 100px; margin: 0 auto; } #content_products .products_col .price { text-align: center; font-weight: normal; font-size: 13px; color: #3C3C3C; margin: 2px 0px 0px 0px; } #content_products .products_col .products_vpe { font-size: 8px; color: #999; } /* -- EOF - CONTENT PRODUCTS ----------------------------- */ /* -- BOF - XML IMAGE SLIDER ----------------------------- */ #xml_image_slider_wrap { position: relative; z-index: 1; } #xml_image_slider { width: 795px; overflow: hidden; margin: 10px 0px 0px 0px; } #xml_image_slider ul, #xml_image_slider li { width: 795px; height: 208px; margin: 0px; padding: 0px; list-style: none; list-style-type: none; overflow: hidden; } #xml_image_slider ul { height: 222px; } #xml_image_slider li { float: left; width: 244px; margin: 0px 10px 0px 0px; padding: 5px; position: relative; border: 2px solid #CECECE; text-align: center; } #xml_image_slider li:hover { border: 2px solid #5c7611; } #xml_image_slider .item img { max-width: 244px; max-height: 194px; margin: 0 auto; } #xml_image_slider_wrap .prev, #xml_image_slider_wrap .next { width: 20px; height: 20px; background: #5c7611; opacity: 0.75; line-height: 20px; font-weight: bold; text-align: center; color:#FFF; font-size: 14px; border: 1px solid #CECECE; position: absolute; bottom: 10px; right: 35px; z-index: 3; cursor: pointer; } #xml_image_slider_wrap .prev:hover, #xml_image_slider_wrap .next:hover { opacity: 1.0; } #xml_image_slider_wrap .next { right: 10px; } /* -- EOF - XML IMAGE SLIDER ----------------------------- */ /* -- BOF - PRODUCT LISTING FILTER ----------------------------- */ #plf_dropdown_tabs { width: auto; margin: 20px 0px 20px 0px; padding: 10px; background: #DDDDDC; border: 1px solid #CECECE; } /* VIEWS */ #plf_view_dropdown { width: 100%; } #plf_view_dropdown .title { float: left; width: auto; font-weight: bold; height: 25px; line-height: 25px; } #plf_view_dropdown .items { float: right; width: auto; } #plf_view_dropdown a { display: block; width: auto; height: 25px; line-height: 25px; float: left; padding: 0px; margin: 0px 0px 0px 10px; } #plf_view_dropdown .first { margin: 0px; } #plf_view_dropdown .active, #plf_view_dropdown a:hover { text-decoration: underline; } #plf_view_dropdown span.image { display: block; width: 25px; height: 25px; padding: 0px; margin: 0px; float: left; } #plf_view_dropdown span.grid_4col { background: url(img/plf_template_grid.png) } #plf_view_dropdown span.list { background: url(img/plf_template_table.png) 0px 0px no-repeat; } #plf_view_dropdown span.only_images { background: url(img/plf_template_image.png) 0px 0px no-repeat; } #plf_view_dropdown span.text { display: block; width: auto; height: 25px; padding: 0px; margin: 0px 0px 0px 10px; float: left; } #plf_view_dropdown .active span.text { font-weight: bold; } #plf_view_dropdown span.text:hover { text-decoration: underline; } /* -- EOF - PRODUCT LISTING FILTER ----------------------------- */ /* -- BOF - PRODUCT LISTING AS GRID WITH 3 COLS (grid_3col) ----------------------------- */ .product_listing_grid_3col { width: 100%; } .product_listing_grid_3col .products_row { width: 100%; position: relative; margin: 20px 0px 0px 0px; } .product_listing_grid_3col .row_1 { margin: 0px; } .product_listing_grid_3col .products_container { float: left; width: 227.5px; margin: 0px 0px 0px 20px; padding: 10px; border: 2px solid #CECECE; } .product_listing_grid_3col .products_container:hover { border: 2px solid #5c7611; } .product_listing_grid_3col .col_1 { margin: 0px; } .product_listing_grid_3col .products_image { width: 100%; height: 180px; margin: 5px 0px 0px 0px; text-align: center; overflow: hidden; } .product_listing_grid_3col .products_image img { max-height: 180px; max-width: 180px; margin: 0 auto; } .product_listing_grid_3col .products_name { width: auto; height: 50px; margin: 0px; text-align: center; overflow: hidden; } .product_listing_grid_3col .products_name h2 a { font-size: 14px; font-weight: bold; color: #3C3C3C; } .product_listing_grid_3col .price { color: #3C3C3C; font-size: 14px; font-weight: bold; margin: 5px 0px 0px 0px; } .product_listing_grid_3col .products_vpe, .product_listing_grid_3col { font-size: 11px; color: #999; } .product_listing_grid_3col .products_button { margin: 10px 0px 0px 0px; } /* -- EOF - PRODUCT LISTING 3 COLS (grid_3col) ----------------------------- */ /* -- BOF - PRODUCT LISTING AS GRID WITH 4 COLS (grid_4col) ----------------------------- */ .product_listing_grid_4col { width: 100%; } .product_listing_grid_4col .products_row { margin: 20px 0px 0px 0px; padding: 5px 0px 5px 0px; position: relative; overflow: hidden; } .product_listing_grid_4col .row_1 { margin: 0px; } .product_listing_grid_4col .products_container { float: left; width: 160px; margin: 0px 0px -300px 20px; padding: 0px 10px 300px 10px; border: 2px solid #CECECE; } .product_listing_grid_4col .products_container:hover { border: 2px solid #5c7611; } .product_listing_grid_4col .col_1 { margin: 0px 0px -300px 0px; width: 159px; } .product_listing_grid_4col .products_container .box_mid { padding: 5px 0px 155px 0px; } .product_listing_grid_4col .products_container .box_top { position: absolute; top: 0px; left: 0px; } .product_listing_grid_4col .products_container .box_bot { width: 183px; height: 0px; border-bottom: 2px solid #CECECE; position: absolute; bottom: 0px; left: 0px; } .product_listing_grid_4col .products_container:hover .box_bot { border-bottom: 2px solid #5c7611; } .product_listing_grid_4col .col_2 .box_top, .product_listing_grid_4col .col_2 .box_bot { left: 203px; width: 184px; } .product_listing_grid_4col .col_3 .box_top, .product_listing_grid_4col .col_3 .box_bot { left: 407px; width: 184px; } .product_listing_grid_4col .col_4 .box_top, .product_listing_grid_4col .col_4 .box_bot { left: 611px; width: 184px; } /* PRODUCTS IMAGE */ .product_listing_grid_4col .products_image { width: 159px; height: 159px; margin: 5px 0px 0px 0px; text-align: center; overflow: hidden; display: table-cell; vertical-align: middle; } .product_listing_grid_4col .products_image img { max-height: 159px; max-width: 159px; margin: 0 auto; } /* PRODUCTS NAME */ .product_listing_grid_4col .products_name { width: 160px; height: 30px; margin: 10px 0px 0px 0px; text-align: center; overflow: hidden; background: #DDDDDC; position: relative; left: -10px; padding: 5px 10px 5px 10px; } .product_listing_grid_4col .col_1 .products_name { width: 159px; } .product_listing_grid_4col .products_container:hover .products_name { background: #5c7611; } .product_listing_grid_4col .products_name h2 { margin: 0px; padding: 0px; } .product_listing_grid_4col .products_name h2 a { font-size: 12px; font-weight: bold; color: #444; } .product_listing_grid_4col .products_container:hover .products_name h2 a { color: #FFF; } /* PRODUCTS DESCRIPTION */ .product_listing_grid_4col .products_short_description { margin: 10px 0px 0px 0px; } /* PRODUCTS LABELS */ .product_listing_grid_4col .products_labels { margin: 10px 0px 0px 0px; } .product_listing_grid_4col .products_labels .label { margin: 0px 0px 0px 5px; width: 30px; float: left; } .product_listing_grid_4col .products_labels .first { margin: 0px; } .product_listing_grid_4col .products_labels img { max-height: 30px; max-width: 30px; } .product_listing_grid_4col .products_labels .description { display: none; } /* PRODUCTS PRICE AND BUTTONS */ .product_listing_grid_4col .price_buy { width: 159px; position: absolute; bottom: 10px; left: 12px; } .product_listing_grid_4col .col_2 .price_buy { left: 215px; width: 160px; } .product_listing_grid_4col .col_3 .price_buy { left: 419px; width: 160px; } .product_listing_grid_4col .col_4 .price_buy { left: 623px; width: 160px; } .product_listing_grid_4col .price_block { margin: 10px 0px 0px 0px; height: 30px; } .product_listing_grid_4col .price { color: #444; font-size: 12px; font-weight: bold; } .product_listing_grid_4col .products_vpe { font-size: 10px; color: #999; } .product_listing_grid_4col .products_button { margin: 10px 0px 0px 0px; } .product_listing_grid_4col .products_button input { margin: 0px; padding: 0px; } .product_listing_grid_4col .products_button .left { width: auto; } .product_listing_grid_4col .products_button .right { width: auto; } .product_listing_grid_4col .button_view { display: block; width: 126px; height: 30px; background: url(buttons/german/button_view_2.gif) 0px 0px no-repeat; } .product_listing_grid_4col .button_view:hover { background-position: 0px -30px; } /* -- EOF - PRODUCT LISTING 4 COLS (grid_4col) ----------------------------- */ /*------------------------------- START - PRODUCT LISTING AS LIST (list) -------------------------------*/ .product_listing_list { width: 100%; } .product_listing_list .products_container { width: auto; height: auto; margin: 0px 0px 20px 0px; padding: 0px 10px 20px 10px; border-bottom: 1px dotted #CECECE; } .product_listing_list .products_image { width: 150px; padding: 10px; float: left; margin: 0px; text-align: center; border: 2px solid #CECECE; } .product_listing_list .products_image:hover { border: 2px solid #5c7611; } .product_listing_list .products_image img { max-height: 150px; max-width: 150px; margin: 0 auto; } .product_listing_list .products_infos { width: 314px; float: left; margin: 0px 0px 0px 20px; } .product_listing_list .products_name { width: auto ; margin: 0px; } .product_listing_list .products_name h2 { margin: 0px; padding: 0px; } .product_listing_list .products_name h2 a { font-size: 16px; font-weight: bold; color: #42550b; } .product_listing_list .products_short_description { margin: 10px 0px 0px 0px; } /* PRODUCTS LABELS */ .product_listing_list .products_labels { margin: 10px 0px 0px 0px; } .product_listing_list .products_labels .label { margin: 0px 0px 0px 5px; width: 40px; float: left; } .product_listing_list .products_labels .first { margin: 0px; } .product_listing_list .products_labels img { max-height: 40px; max-width: 40px; } .product_listing_list .products_labels .description { display: none; } .product_listing_list .price_block { float: left; width: 120px; margin: 0px 0px 0px 10px; } .product_listing_list .price { color: #3C3C3C; font-size: 16px; font-weight: bold; margin: 5px 0px 0px 0px; } .product_listing_list .products_vpe { font-size: 11px; color: #999; } .product_listing_list .products_button { margin: 0px 0px 0px 10px; width: 126px; float: left; } .product_listing_list .products_button input { margin: 0px; padding: 0px; } .product_listing_list .button_view { display: block; width: 126px; height: 30px; background: url(buttons/german/button_view_2.gif) 0px 0px no-repeat; } .product_listing_list .button_view:hover { background-position: 0px -30px; } /*------------------------------- ENDE - PRODUCT LISTING ALS TABELLE (table) -------------------------------*/ a.button_buy_now, input.button_buy_now { display: block; width: 126px; height: 30px; background: url(buttons/german/button_confirm_order_small_2.gif) 0px 0px no-repeat; padding: 0px; } a.button_buy_now:hover, input.button_buy_now:hover { background-position: 0px -30px; } /*------------------------------- START - PRODUCT LISTING NUR BILDER (images only) -------------------------------*/ .product_listing_images_only { width: 100%; position: relative; overflow: visible; } .product_listing_images_only .products_row { width: 100%; position: relative; margin: 20px 0px 0px 0px; } .product_listing_images_only .row_1 { margin: 0px; } /* RAHMEN EINES ARTIKELS */ .product_listing_images_only .products_container { float: left; width: 119px; height: 119px; margin: 0px 0px 0px 20px; padding: 10px; border: 2px solid #CECECE; } .product_listing_images_only .products_container:hover { border: 2px solid #5c7611; } .product_listing_images_only .col_1 { margin: 0px; } .product_listing_images_only .products_image { width: 100%; height: 100%; margin: 0px; text-align: center; overflow: hidden; } .product_listing_images_only .products_image img { max-height: 119px; max-width: 119px; margin: 0 auto; } .product_listing_images_only .sub_infos { display: none; position: absolute; left: 119px; top: 20px; border: 2px solid #CECECE; width: 200px; padding: 10px; background: #FFF; z-index: 20; } .product_listing_images_only .products_container:hover .sub_infos { display: block; } .product_listing_images_only .col_2 .sub_infos { left: 282px; } .product_listing_images_only .col_3 .sub_infos { left: 445px; } .product_listing_images_only .col_4 .sub_infos { left: auto; right: 282px; } .product_listing_images_only .col_5 .sub_infos { left: auto; right: 119px; } .product_listing_images_only .sub_infos .products_image { width: 100%; height: auto; margin: 0px; padding: 0px; text-align: center; overflow: hidden; } .product_listing_images_only .sub_infos .products_image img { max-height: 160px; max-width: 160px; margin: 0 auto; } .product_listing_images_only .sub_infos .products_name { width: 200px; margin: 10px 0px 0px 0px; text-align: center; overflow: hidden; background: #DDDDDC; position: relative; left: -10px; padding: 5px 10px 5px 10px; } .product_listing_images_only .sub_infos .products_name h2 { margin: 0px; padding: 0px; } .product_listing_images_only .sub_infos .products_name h2 a { font-size: 12px; font-weight: bold; color: #444; } /* PRODUCTS LABELS */ .product_listing_images_only .sub_infos .products_labels { margin: 10px 0px 0px 0px; } .product_listing_images_only .sub_infos .products_labels .label { margin: 0px 0px 0px 5px; width: 30px; float: left; } .product_listing_images_only .sub_infos .products_labels .first { margin: 0px; } .product_listing_images_only .sub_infos .products_labels img { max-height: 30px; max-width: 30px; } .product_listing_images_only .sub_infos .products_labels .description { display: none; } .product_listing_images_only .sub_infos .price_block { margin: 10px 0px 0px 0px; } .product_listing_images_only .sub_infos .price { color: #444; font-size: 12px; font-weight: bold; } .product_listing_images_only .sub_infos .products_vpe { font-size: 11px; color: #999; } .product_listing_images_only .sub_infos .products_short_description { width: 100%; margin: 10px 0px 0px 0px; } .product_listing_images_only .sub_infos .products_button { margin: 10px 0px 0px 0px; } .product_listing_images_only .sub_infos .products_button input { margin: 0px; padding: 0px; } .product_listing_images_only .sub_infos .button_view { display: block; width: 126px; height: 30px; background: url(buttons/german/button_view_2.gif) 0px 0px no-repeat; } .product_listing_images_only .sub_infos .button_view:hover { background-position: 0px -30px; } /*------------------------------- ENDE - PRODUCT LISTING NUR BILDER (images only) -------------------------------*/ /*------------------------------- START - PRODUCT INFO -------------------------------*/ #product_info { margin: 20px 0px 0px 0px; } #product_info .image { width: 300px; float: left; } #product_info .main_image { width: 300px; height: 300px; display: table-cell; vertical-align: middle; text-align: center; } #product_info .image img { max-width: 250px; margin: 0 auto; } #product_info .info { width: 475px; float: right; margin: 0px 0px 30px 0px; } #product_info h1 { padding: 0px; margin: 0px; font-size: 24px; } #product_info .info .price_block { width: 210px; float: left; margin: 25px 0px 0px 0px; } #product_info .info .price_block .price { font-size: 19px; font-weight: normal; color: #3c3c3c; font-style: Helvetica,Arial,Sans-serif; font-family: Helvetica,Arial,Sans-serif; } /*--text-shadow: #FFF 1px 1px 2px, #999 1px 1px 4px;--*/ #product_info .info .price_block .vpe, #product_info .info .price_block .tax { color: #999; margin: 2px 0px 0px 0px; } #product_info .info .price_block .tax { font-size: 11px; } #product_info .info .price_block .tax a { color: #999; } #product_info .info .price_block .tax a:hover { color: #42550b; } #product_info .info .add_to_cart { width: 245px; float: right; margin: 25px 0px 0px 0px; } #product_info .info .add_to_cart input[type="text"] { width: 15px; float: left; position: relative; top: 8px; } #product_info .info .add_to_cart input[type="submit"] { width: 203px; height: 73px; float: left; margin: 0px 0px 0px 10px; background: url(buttons/german/button_in_cart_2.gif) 0px 0px no-repeat; border: none; padding: 0px; cursor: pointer; } #product_info .info .add_to_cart input[type="submit"]:hover { background-position: 0px -73px; } #product_info .info .row { margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #5c7611; } #product_info .info .row span { display: inline-block; width: 125px; font-weight: bold; } #product_info .info .products_labels .label { margin: 0px 0px 0px 20px; width: 60px; float: left; } #product_info .info .products_labels .first { margin: 0px; } #product_info .info .products_labels img { width: 60px; } #product_info .info .products_labels .description { display: none; } #product_info .info .products_short_description { padding: 5px 0px 0px 0px; margin: 10px 0px 0px 0px; border-top: 1px solid #5c7611; } /* TABS NAVIGATION */ #product_info .tabs_block { margin: 0px; } #product_info .tabs, #product_info .tabs li { list-style: none; list-style-type: none; } #product_info .tabs { width: 100%; height: 38px; } #product_info .tabs li { display: block; float: left; height: 38px; padding: 0px 0px 0px 5px; margin: 0px; background: url(img/pi_tabs_bg.png) 0px -200px repeat-x; cursor: pointer; } #product_info .tabs li.first { padding: 0px } #product_info .tabs li span.outer { display: block; padding: 0px 5px 0px 0px; height: 38px; background: url(img/pi_tabs_bg.png) right -86px repeat-x; } #product_info .tabs li span.inner { display: block; padding: 5px 10px 5px 10px; height: 28px; line-height: 33px; background: url(img/pi_tabs_bg.png) 0px -200px repeat-x; cursor: pointer; font-weight: bold; color: #fff; } #product_info .tabs li:hover span.inner { color: #000; } #product_info .tabs li.current { background: url(img/pi_tabs_bg.png) left -37px no-repeat; margin: 0px -5px 0px 0px; } #product_info .tabs li.current span.outer { background: url(img/pi_tabs_bg.png) right 0px no-repeat; } #product_info .tabs li.last.current span.outer { background: url(img/pi_tabs_bg.png) right -200px no-repeat; } #product_info .tabs li.current span.inner { background: #5c7611 url(img/pi_tabs_bg.png) 0px -200px repeat-x; padding: 5px 15px 5px 10px; color: #fff; } #product_info .tabs_block .containers { margin: 0px; } #product_info .tabs_block .containers .container { display: none; margin: 0px; padding: 20px; border: 4px solid #5c7611; } #product_info .tabs_block .containers .container.current { display: block; } #product_info .tabs_block .containers .product_listing_list { margin: 20px 0px 0px 0px; } #product_info .tabs_block .containers .product_listing_list .products_infos { width: 267px; } /*------------------------------- ENDE - PRODUCT INFO -------------------------------*/ /*------------------------------- START - TOOLTIP -------------------------------*/ #tooltip { display: none; position: absolute; z-index: 1000; border: 2px solid #5c7611; background: #FFF; padding: 5px; max-width: 300px; -moz-box-shadow: 0 0 10px black; -webkit-box-shadow: 0 0 10px black; } #tooltip h3, #tooltip div { margin: 0px; } #tooltip, #tooltip h3 { font-size: 12px; } /*------------------------------- ENDE - TOOLTIP -------------------------------*/