/* ----------------------------------------------------------------------------------------- $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 ---------------------------------------------------------------------------------------*/ body { font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:11px; color: #CCCCCC; margin:0px 0 0 0; padding:0px 0 0 0; background-color:#141414; } a { text-decoration:none; color: } a:hover { text-decoration:underline; color: #FFFFFF; } a:active { text-decoration:none; } a:visit { text-decoration:none; } .link { color: #FFFFFF; } .link_invert { color: #FFFFFF; } a.link_invert:hover { color: #FFFFFF; } .link_invert a { color: #FFFFFF; } /* Header-Klassen -- */ h1 { font-weight:900; font-size:14px; text-indent:10px; margin:0px; padding:20px 0 2px 0; width:auto; color:#CB0A25; } h1 a { color:#CB0A25; } h2 { font-weight:700; height:13px;font-size:12px; margin:2px 0px 2px 0px; padding:0px;} h2 a { color:#cccccc; } h3 { font-weight:400; color: #999999; height:13px;font-size:11px; margin:0px 0px 0px 11px; padding: 0 0 5px 0;} h3 a { color: #999999; } h4 { text-align: center; font-weight:100; font-size:10px; margin:5px 0px 5px 0px; padding:0px; } h5 { text-align:left; font-weight:700; font-size:11px; margin:5px 0px 5px 20px; padding:0px; } .header_cat_list {float:left; width:462px; height:60px; background-repeat:no-repeat; background-image:url(img/header_cat_list.jpg); margin: 0 0 15px 0; } /* Paragraph -- */ p { padding:0px; font-size:12px; margin:15px 0px 15px 0px; } /* Horizontale Linien -- */ hr { text-align:center; border-style:solid; border-color:#cccccc; border-width:0px 0px 1px 0px; } hr.lightGrey { width:100%; border:none; color:#D9D9D9; background:#D9D9D9; height: 1px; margin: 7px 0px 7px 0px !important; margin: -2px 0px -2px 0px; line-height:1px; font-size:1px; } /* Textarea -- */ textarea { font-size:10px; } .big_textarea textarea { float:both; width:430px; margin:0px 0px 10px 17px; } td.main { font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; color:#cccccc; margin:auto; padding:5px;border-style:dotted; border-width:0px 0px 0px 0px; border-color:#cccccc; } /* Input -- */ .input { font-size:10px; line-height:13px; vertical-align:middle; text-align:left; } .input_nl input { float:left; width:147px; font-weight:200; font-size:10px; vertical-align:middle;color:#999999; border-width:0px; margin:0px 0 0 0; padding:0; line-height:14px; vertical-align:middle; text-indent:5px; height:16px;background-repeat:no-repeat; background-image:url(img/nl_bg.gif); background-position: center center; } /* Image mit link -- */ img { border:0; } /* Formular -- */ form { padding:0px; margin:0px; } td.smallText a{ color:#2b2b2b;} td.main{ color: #CCCCCC; background-color:#343434;} td.contentsTopics{ color:#000;} /* Product_Beschreibung (über gesamte Seite) -- */ .pro_desc { float:left; width:350px; margin:5px 0px 0px 0px; padding:6px 0 0 5px; border-width:1px; border-style:dotted; border-color:#910400; } /* Main Container (über gesamte Seite) -- */ div#backgroundCONTENT { float:both; background-image:url(img/bg_body.jpg); background-repeat:repeat-x; background-position:left top; width:100%; margin:0px; padding:0; } div#mainCONTENT { float:both; padding:auto; margin:auto; width:826px; } /* NEWS_MODULE -- */ .news_img {float:left; width:150px; margin: 0 0 0 17px;} .news_link {float:left; width:280px; margin: 0 0 0 10px; font-size:11px; font-weight:300; } /* Header -- */ div#header_topCONTAINER { height:167px; width:820px; margin:auto; padding:auto } div#header_topCONTAINER .logo{ float:left; height:126px; width:363px; margin:0px 0 0 0; padding:0; background-position:center center; background-repeat:no-repeat; background-image:url(img/koso_logo.gif); } div#header_topCONTAINER .logo .lang_box{ float:left; margin:90px 0 0 3px; padding:5;} div#header_topCONTAINER .menu { float:left; width:470px; font-weight:900; font-size:11px; color: #CCCCCC; margin-top: 0px; } div#header_topCONTAINER .menu ul { float:left; list-style-type:none; text-align: center; height:27px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; } div#header_topCONTAINER .menu li { float:left; padding:0px 0px 0px 0px; margin:0px; text-align: center; height:27px; } div#header_topCONTAINER .menu li:hover { background-repeat: no-repeat; background-image:url(img/menu_hover.gif); background-position:bottom center; } div#header_topCONTAINER .menu li.link { margin:0px; vertical-align:middle; line-height:40px; height:40px; margin-right:20px; } div#header_topCONTAINER .menu a { color: #CCCCCC; margin:0px; vertical-align:middle; text-align: center; line-height:15px; height:15px; } div#header_topCONTAINER .select { float:left; padding-left:5px; padding-top:5px; width:80px; } div#header_topCONTAINER .text { float:left; font-weight:900; font-size:10px; color:#FFFFFF; height: 28px; line-height: 28px; vertical-align: middle; } div#header_topCONTAINER .login{ float:right; width:335px; margin:20px 0 0 0; padding:0; } div#header_topCONTAINER .login .head { float:left; font-size:12px; width:140px;font-style:italic; font-weight:900;margin:0px; padding:0; color:#cccccc;} div#header_topCONTAINER .login .button { float:right; width:65px; margin-right:15px; _margin-right:5px; padding:0;} div#header_topCONTAINER .login .button input { float:right; margin:0px; padding:0; border-width:0px;} div#header_topCONTAINER .login .button_logoff{ float:right; width:62px;margin:64px 16px 0px 0px; _margin:64px 5px 0px 0px; padding:0;} div#header_topCONTAINER .login .login_box { float:right; list-style-type:none; width:332px; margin:0px 0 0 0; } div#header_topCONTAINER .login .login_box .text2 { float:left; width:100px; font-size:11px; font-weight:300; padding:0; color: #999999; } div#header_topCONTAINER .login .login_box .content { float:left; width:200px; font-size:10px; font-weight:300; margin-top:1px; padding:0; color: #999999; } div#header_topCONTAINER .login .login_box2 { float:left; list-style-type:none; height:95px; width:332px; margin:0px 0 0 0; } div#header_topCONTAINER .login .login_box2 .text { float:left; width:100px; height:20px; font-size:11px; font-weight:300; margin-top:5px; padding:0; color: #999999; } div#header_topCONTAINER .login .login_box2 .content { float:left; width:100px; font-size:10px; font-weight:300; margin-top:5px; padding:0; color: #999999; } div#header_topCONTAINER .login .input{ float:left; width:119px; margin:0px 5px 0 0; padding:0; } div#header_topCONTAINER .login .input input{ float:left; width:119px; font-weight:200; font-size:10px; vertical-align:middle;color:#999999; border-width:0px; margin:0px 0 0 0; padding:0; line-height:14px; vertical-align:middle; height:16px;background-repeat:no-repeat; background-image:url(img/login_input.gif); background-position: center center; } div#header_topCONTAINER .login .admin{ float:right; width:62px; margin:0px 18px 0 0; } div#header_topCONTAINER .login .button_admin{ float:left; width:62px;margin:48px 0px 0px 0px; padding:0;} .search_box {float:right; width:337px; margin-top:13px; } .search_box .input_search input { float:left; font-weight:200; font-size:10px; color:#999999; line-height:14px; vertical-align:middle; text-indent:5px; margin-top:0px; margin-right:15px; width: 243px; height:14px; border-width:0px; background-repeat:no-repeat; background-image:url(img/search_input.gif); background-position: center center; } /* contentCONTAINER -- */ div#contentCONTAINER { padding:0px; } div#content_fullCONTAINER { float:left; } div#content_fullCONTAINERBACKBOX { width:820px; float:left; background-image:url(img/content_bg.jpg); background-repeat:repeat-y; } div#content_fullCONTAINERBOX { width:820px; float:left; font-weight:200; } /*BOXES -- */ .lang_box {float:right;} li.bestseller { float:left; margin:0px 0px 0px 0px; padding:0; } li.bestseller a { color: #CCCCCC; } div.cart_immage{ float:left; padding:0px 0px 0px 0px; _padding:0px 0px 0px 15px; } div.cart_content{ float:right; width:129px; margin:0px 0px 0px 0px; } li#manufacturers form { flaot:both; padding:0px; margin:0px; } .bullet { float:left; padding: 0px ; margin: 0px; } .bullet a { float:left; color:#FFFFFF; padding: 0px 0px 0px 0px; margin: 0 0 0 0px; } .bullet_li { float:left; width:350px; margin: 0px; } /* Container f�r 1. linke Spalte -- */ div#leftbox_bg {float:left; width:164px; margin:10px 0 0 0 ; background-color:#1F1F1F; border:solid; border-width:1px; border-color: #202020;} div#leftCONTENT { float:left; width:164px; padding:0px; margin:4px 0 0 6px; _margin:4px 0 0 5px; } div#leftCONTENT ul { color: #CCCCCC; list-style-type:none; width:164x; margin:0 0 10px 0; padding:0; } div#leftCONTENT li { float:left; color: #CCCCCC; width:140px; padding: 3px 0px 3px 15px; } div#leftCONTENT li.image { float:left; width:150px; padding: 0px 11px 0px 0px; } div#leftCONTENT li.head { width:163px; height:22px; font-size:12px; font-weight:900; text-indent:10px; line-height:22px; color:#CB0A25; vertical-align:middle; padding:0px; margin:0px 0 0 0; list-style-image:none; } div#leftCONTENT li.head a{ color:#CB0A25; } div#leftCONTENT a{ color: #CCCCCC; } /* Container für rechte Spalte -- */ div#rightCONTENT { float:right; color:#cccccc; width:164px; margin:4px 0 0 0px ; padding:0px; } div#rightCONTENT ul { list-style-type:none; color:#cccccc; width:165px; margin:0 0 10px 0; padding:0px; } div#rightCONTENT li { float:left; color:#cccccc; width:140px; padding: 3px 0px 3px 10px; } div#rightCONTENT li a{ color:#cccccc; } div#rightCONTENT li.image { float:left; width:150px; padding: 0px 0px 0px 0px; } div#rightCONTENT li.head { float:left; width:163px; height:22px; font-size:12px; font-weight:900; text-indent:10px; line-height:22px; color:#CB0A25; padding:0px; margin:0px; list-style-image:none; } div#rightCONTENT li.head a{ color:#CB0A25; } div#rightCONTENT a{ color: #CCCCCC0; } /* Container für mittleren Bereich -- */ div#middleCONTENTBOX { float:left; color:#cccccc; width:472px; padding:0px; margin:14px 5px 0px 0px; _margin:14px 1px 0px 0px;} div#middleCONTENTBOX p {width:415px; padding: 5px 20px 5px 15px;} div#middleCONTENTBOX font { font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:12px; } div#middleCONTENTBOX table { margin-left:15px; } .middleCONTENTBOX a { color:#cccccc; } /*elements middle Content -- */ div.small_greyCONTENTBOX { float:left; width:450px; padding:5px; } div.small_greyCONTENTBOX p { float:left; width:430px; margin:5px 0 5px 0 ; padding:2px 5px 2px 5px; } div.small_greyCONTENTBOX a { color:#000000; } div.small_greyCONTENTBOX div.input_text { padding: 6px 5px 5px 10px; float:left; width: 90px; } div.small_greyCONTENTBOX div.input_field { padding: 5px; float:left; width: 165px; color:#cccccc; } div.small_greyCONTENTBOX div.input_field a { color:#cccccc; } div.small_greyCONTENTBOX div.input_field input { border:1px solid #cccccc; } div.small_greyCONTENTBOX div.submit { height:17px; vertical-align:top; padding-bottom: 10px; padding-right: 5px; float:right; } div.small_greyCONTENTBOX div.submit input { border-width:0px; padding-top:5px; } /* navtrail Pfad -- */ div#navtrail { font-size:10px; color: #CCCCCC; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color: #CCCCCC; height:15px; margin:8px 2px 0px 2px;} div#navtrail a { color: #CCCCCC; } /*Account -- */ #account{ float:left; width:450px; } #account .box{ float:left; width:130px; margin:5px 0px 0px 18px;_margin:5px 0px 0px 10px; padding:0px; color:#cccccc; } #account .box a{color:#cccccc; } #account a.icon { float:left; } #account a.text { float:left; width:120px; line-height:15px; vertical-align:center; color:#cccccc; padding:0px; } #account .text { float:left; width:120px; line-height:15px; vertical-align:center; } /* Gift -- */ #gift_CONTENT { float:left; border-width:1px; border-style:solid; border-color:#cccccc; width:415px; margin: 5px 0px 0px 16px; _margin: 5px 0px 0px 10px;padding:5px; } #gift_CONTENT div.info_content { padding: 4px 0px 0px 0px; margin: 0px; } #gift_CONTENT, #gift_CONTENT div.info_content, #gift_CONTENT div.info_content a{ color:#cccccc; } #gift_CONTENT div.small_info_content { float:left; width:370px; } #gift_CONTENT div.code { float:left; } #gift_products_CONTENT div.content { width:601px; padding: 4px 0px 0px 15px; margin: 0px; } #gift_products_CONTENT div.image { float:left; width:120px; height:90px; background-position: center center; background-repeat: no-repeat; } #gift_products_CONTENT div.descBOX { float:left; width:474px; } #gift_products_CONTENT div.head { float:both; font-weight:800; } #gift_products_CONTENT div.desc { float:both; padding: 5px 0; } #gift_products_CONTENT div.add_gift { float:both; text-align:right; } #gift_products_CONTENT div.gift_text { float:left; width:600px; padding:6px 0 6px 0; } div.header_content { float:left; width:370px; font-size:11px; font-weight:700; text-decoration:underline; } /* Order details -- */ #tbl_head div { font-weight:400; float:left; padding:0 ; margin:0 0 0 2px; } #tbl_head { border-width:0px 0px 1px 0px; border-color:#cccccc; border-style:solid; float:left; padding:0; margin:0 0 0 15px; _margin:0 0 0 8px; } .tbl_headimage { width:40px; border-width:0px 0px 1px 0px; border-color:#cccccc; border-style:solid; } div.qty { margin:5px 0 0 0; width:35px; text-align:center; } div.article { width:155px; padding:5px; } div.article a { color:#cccccc; } div.price { width:75px; height:100%;text-align:center; padding-right:3px; } .orders_row .image { width:135px; background-position: center center; background-repeat: no-repeat; } .orders_row div.article { width:150px; border-width:0px 1px 0px 0px; border-color:#cccccc; border-style:solid; padding:5px; } .orders_row div.article .products_attributes { font-size:10px; color:#666666; } .orders_row div.price { width:73px; border-width:0px 1px 0px 0px; border-color:#cccccc; border-style:solid; padding-top:5px;} .orders_row .qty { width:35px; height:13px; padding-top:5px;} .orders_row .qty input{ height:13px; width:20px;font-size:10px; font-weight:800;} .orders_row { float:left; margin-left:19px; _margin-left:8px;border-bottom: 1px solid; border-color: #cccccc; color:#cccccc; } .orders_row a{ color:#cccccc; } .orders_row div { float:left; padding:0; height:100%; } div.remove { float:both; width:80px; _width:80px;text-align:right; padding-top:5px;} div.submit_reload { padding:0 0 15px 26px; float:left; } div.submit_checkout { padding:0 20px 15px 0; float:right; } div.submit { height:17px; vertical-align:top; padding-bottom: 10px; padding-right: 5px; float:right; color:#cccccc; } div.submit a{ color:#cccccc; } #products_blockheader { float:both; background-color: #CCCCCC; color:#cccccc; } #products_blockheader .left { float:left; width:350px; color:#000; padding:0 0 0 5px; background-color: #CCCCCC;} #products_blockheader .right { float:right; width:100px; text-align:right; color:#000; padding:0 5px 0 0; background-color: #CCCCCC; } #products_block { float:left;width:448px; margin:0; padding:0px; color:#cccccc; } #products_block table{ float:right; margin:0; padding:0px;color: #CCCCCC; } .total_block {margin:0px; width:440px; color:#cccccc; } .total_block table{ border:1px 0 0 0 solid; border-color:#cccccc; float: right; color:#cccccc; } /* CATEGORY MENU -- */ ul#categorymenu { font-color:#CCCCCC; margin:0px 0px 15px 0px; } ul#categorymenu a{color: #CCCCCC;} ul#categorymenu li {list-style-type:none; margin-left:10px; _margin-left:5px;} ul#categorymenu li.level1 {list-style-type:none; width:140px; color:#cccccc; font-size:11px; font-weight:200; padding:4px 0px 4px 5px; border-width:1px 0px 0px 0px; border-style:solid; border-color: #333333;} ul#categorymenu li.level1 a {text-decoration:none; color:#cccccc; } ul#categorymenu li.level1:hover {list-style-type:none; width:140px; color: #CCCCCC; font-size:11px; font-weight:200; background-color:#2F2F2F; } ul#categorymenu li.level1:hover a {color: #CCCCCC;} ul#categorymenu li.level2 {list-style-type:none; width:155px; color:#cccccc; font-size:11px; font-weight:200; padding:4px 0px 4px 10px; } ul#categorymenu li.level2 a {font-size: 10px; text-decoration:none; color:#cccccc; } ul#categorymenu li.level3 {list-style-type:none; width:150px; color:#cccccc; font-size:11px; font-weight:200; padding:4px 0px 4px 15px;} ul#categorymenu li.level3 a {font-size: 10px; text-decoration:none; color:#cccccc; } ul#categorymenu li.level_sub {list-style-type:none; width:126px; color:#cccccc; font-size:11px; font-weight:200; background-color:#2F2F2F; } ul#categorymenu li.level_sub a {font-size: 11px; text-decoration:none; color: #CCCCCC; } /* Categorie Listing -- */ #categorieCONTAINER { float:left; padding: 0px 5px 0 0; width:130px; height: 60px;background-position:top center; margin:0px 5px 0px 11px; _margin:0px 5px 0px 6px;} #categorieCONTAINER .image { float:left; padding:auto; margin:0; width:51px; height:51px; background-position:top center; background-color:#FFF; border-width:1px; border-style:solid; border-color: #666666; } #categorieCONTAINER .categorie_link { float:right; width:70px; font-size:11px; vertical-align:left; text-align:left; text-weight:bold; color:#cccccc;} #categorieCONTAINER .categorie_link a{ color:#cccccc; } #categorie_descriptionCONTAINER { float:left; margin:15px 5px 0px 5px; padding:0px; width:300px; } /* new products -- */ #new_productsCONTAINER { float:left; padding:5px 10px 0 10px; width:165px; margin:5px 10px 15px 0px; border-width:1px; border-style:dotted; border-color:#910400; text-align:center; } /* products histoty -- */ #products_historyCONTAINER { float:both; padding:5px; margin: 5px 0px 15px 3px; _margin: 5px 0px 15px 0px; } #products_historyCONTAINER .products_historyCONTAINERBOX { float:left; width:286px; height:188px; padding:0px; margin: 5px; border-width: 0 1px 1px 1px; border-style:solid; border-color:#cccccc; } #products_historyCONTAINER div.headline { float:left; height: 21px; text-indent: 26px; vertical-align:middle; padding:7px 0px 0px 0px; width:286px; background-repeat:repeat-x; background-image:url(img/blue_content_header.jpg); } #products_historyCONTAINER div.image { float:left; width:60px; height:90px; margin:5px 0px 0px 5px; _margin:5px 0px 0px 3px; padding:0px; border-style:solid; border-width:1px; border-color:#666666; background-position:center center; background-repeat:no-repeat; } #products_historyCONTAINER div.content { float:left; font-size:12px; width:186px; height:115px; margin: 5px 5px 5px 10px; } #products_historyCONTAINER div.desc { float:both; height:75px; margin: 0px 0px 5px 0px; } /* product listing ----------------------------------------------- */ #product_listing_categorieCONTAINER { float:left; padding:0px; } #product_listing_categorieCONTAINER .product_listing_cat_descCONTAINER { float:left; font-size:10px; width:420px; margin: 10px 5px 5px 20px; _margin: 10px 5px 5px 10px;padding:0px; } .background { float:left; width:135px; height:90px; padding:auto; margin:auto; background-repeat:no-repeat; background-position:center center; } .background_cat { float:right; width:135px; height:90px; padding:auto; margin: 20px 0px 0px 0px; background-repeat:no-repeat; background-position:center center; } .pro_background { float:left; width:135px; height:90px; padding:auto; margin:auto; background-repeat:no-repeat; background-position:center center; } .image { float:both; padding:auto; margin:auto; width:135px; height:90px; } #product_listing_categorieCONTAINER .product_listing_cat_imageCONTAINER { float:right; width:135px; height:90px; margin: 0px 0 0 0px; background-position:center center; background-repeat: no-repeat; } #product_listing_categorieCONTAINER .manufacturer { float:left; padding:15px 5px 5px 0px; } #product_listing_categorieCONTAINER .multisort { float:right; padding:0px 5px 5px 0px; } .main_bg { color: #CCCCCC; width:462px; padding:0px 0 0 0px; margin:0px 8px 15px 0px; background-color:#1F1F1F; border:solid; border-width:1px; border-color:#202020;} .main_bg a{color: #CCCCCC;} .main2 { color: #CCCCCC; width:462px; padding:0px 0 0 0px; margin:0px 8px 15px 0px; background-color:#1F1F1F; border:solid; border-width:1px; border-color:#202020;} .main2 a{color: #CCCCCC;} .main_bg_start { color: #CCCCCC; width:462px; padding:0px 0 0 0px; margin:10px 8px 15px 4px; background-color:#343434; border:solid; border-width:1px; border-color:#202020;} #product_listingCONTAINER { float:left; padding:0px; margin:5px 0 5px 10px; _margin:5px 0 5px 5px; width:430px; height:100px; border-width:0 0 1px 0; border-style:solid; border-color: #CCCCCC; } #product_listingCONTAINER div.product_listingcontentCONTAINER { float:left; width:280px; margin:0 0 0 0px; } #product_listingCONTAINER div.product_listingcontent { float:left; width:300; height:25px; margin:0px 0px 0px 0px; } #product_listingCONTAINER div.product_listingcontent .textc{ width:280; line-height:10px; height:25px; margin:0px; padding:0px; color:#666666; text-align:justify; } #product_listingCONTAINER p { float:left; width:130px; margin:0 0 0 0px; padding:0px; } #product_listingCONTAINER div.image { float:left; width:135px; height:90px; background-color:#FFFFFF; background-repeat:no-repeat; background-position:center center; } div.price_box { float:left; width:285px; text-align:center; background-position: top center; background-repeat:no-repeat; } div.price_box .price_small { float:left; color:#CB0A25; font-weight:800; font-size:11px; height: 20px; padding:0px; margin: 0 0 15px 0; _margin: 0 0 10px 0; } div.price_box .price_addon { float:left; font-size:10px; margin: 0px 0px 3px 0px; color:#999999; } div.price_box .price_addon a{ color:#999999; } div.price_box .price_addon span{ color:#999999; } div.price_box .details { float:left; margin-left:7px; } div.price_box .add_cart { float:right; text-align:right; } div.product_price_addon{ float:left; width: 200px; text-align:left; margin: 0px; } div.product_price_addon a{ color:#CCCCCC;} /* product info -- */ .products_qty { float:left; } #products_mo_images { float:left; padding-left:10px; } #products_mo_images .product_imageCONTAINER { float: left; width: 143px; height: 121px; margin:5px; } #products_mo_images .product_imageCONTAINER_img { float:left; background-position:center center; background-repeat:no-repeat; } .pro_img { float: right; width: 199px; margin: 5px 0px 5px 0px; padding: 10px 10px 10px 10px; border-width:1px; border-style:dotted; border-color:#910400; background-position:center center; background-repeat:no-repeat; } .pro_img_img { background-position: center center; background-repeat:no-repeat; } div.background { float:left; width:135px; height:90px; margin: 0px 8px 0px 0px; } div.background_cat_img { float:left; width:462px; height:60px; margin: 0px 0px 0px 0px; } div.image_cat_img { float:left; width:462px; height:60px; margin: 0px 0px 0px 0px; background-repeat:no-repeat; } div.background_pro { float:left; width:135px; height:90px; margin: 0px 8px 0px 30px; } .option_listing ul{ list-style-type:none; padding:0 0 0 0px; margin:0 0 0 -20px; } .option_listing li { padding:0 0 0 -10px; margin:0 0 0 -10px; } #option_listing .left { float:left; width:30px; padding:0 0 5px 0; } #option_listing .right { float:right; width:165px; padding:0 0 5px 0; } .option_bullet ul { float:right; width:200px; } .option_bullet li a{color:#CCCCCC; } .option_bullet li { list-style-image:url(img/arrow_box.gif); } #option_listing .right .price { float:right; font-weight:600; vertical-align:top; } #product_info_topCONTAINER { float:left; width: 455px; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } #product_info_topCONTAINER .product_imagefullCONTAINER { float: left; width: 200px; height: 200px; text-align:center; margin:10px 0px 0px 10px; background-position:center center; background-repeat:no-repeat;} .pro_des { float: left; width: 430px; margin:0px 0px 0px 5px; _margin:0px 0px 0px 7px; text-align:justify;padding:8px 5px 5px 5px; font-size:11px; font-weight:200; color:#cccccc; } .pro_des table{ float: left; width: 420px; margin:0px 0px 0px 5px; _margin:0px 0px 0px 7px; font-size:11px; font-weight:200; color:#cccccc; } #product_info_topCONTAINER a{ color:#000000; } #product_info_topCONTAINER .imageCONTAINER { float:left; width:225px; } #product_info_topCONTAINER .right { float:right; width:200px; } #product_info_topCONTAINER .product_price_addon a { color: #CCCCCC; } #product_info_topCONTAINER .product_pricefullCONTAINER { float: left; width: 350px; margin:10px 0 0 0px; } #product_info_topCONTAINER .product_pricefullCONTAINER a{ color:#CCCCCC; } #product_info_topCONTAINER .product_pricefullCONTAINER .add_cart { float:left; width:20px; margin-top:10px;} #product_info_topCONTAINER .product_pricefullCONTAINER .add_cart input { float:left; width:20px; height:10px; line-height:10px; font-size:10px; font-weight:400;} #product_info_topCONTAINER .product_pricefullCONTAINER .add_cart_button { float:left; width:62px; margin:10px 0px 0px 10px;} #product_info_topCONTAINER .product_pricefullCONTAINER .add_cart_button input{ border-width:0px;} #product_info_topCONTAINER .product_pricefull_leftCONTAINER { float: right; width:150px; height: 30px; margin:15px 0 0 0px; padding:0px; color:#999999; font-size:11px; } #product_info_topCONTAINER .product_pricefull_leftCONTAINER select{ width:100px; margin:0px; padding:0px; } #product_info_topCONTAINER .shippingtime { float:both; margin: 0 auto; padding: auto; text-align:left; font-size:10px; font-weight:200; color: #999999; height:20px; line-height:20px; } #product_info_topCONTAINER .module_options { float:left; width:159px; margin:10px 0px 10px 0px; padding-bottom:10px; text-align:center; font-size:10px; font-weight:900; color: #000000;} #product_info_topCONTAINER .module_options strong{ color: #CCCCCC;} #product_info_topCONTAINER .module_options .head { float:left; width:159px; margin:0; padding:0; text-align:center; font-size:11px; font-weight:900; color: #CCCCCC; height:17px; line-height:17px; } #product_info_topCONTAINER .module_options select { float:left; width:155px; margin:0px 0px 0px 2px; text-align:center; font-size:11px; font-weight:900; color: #666666; height:19px; line-height:19px;} #product_info_topCONTAINER #content_left { float:left; width: 300px; } #product_info_topCONTAINER #content_right { float:right; width: 160px; margin:10px 35px 0px 0px; _margin:10px 5px 0px 0px;color:#cccccc; } #product_info_topCONTAINER #content_right a{ color:#cccccc; } #product_info_topCONTAINER #content_right .modle { float:left; margin:0; padding:0; text-align:left; color: #666666; height:20px; line-height:20px;} #product_info_topCONTAINER #content_right ul{ list-style-type:none; text-align: left; } #product_info_topCONTAINER .add_cart { float:left; width:160px; margin:10px 0px 5px 0px; padding:0; text-align:center; font-size:12px; font-weight:900; color: #CCCCCC; height:20px;} #product_info_topCONTAINER .add_cart .add_quty { float:left; width:18px; height: 12px; font-size:10px; margin:0px 0px 0px 0px; } #product_info_topCONTAINER .add_cart .add_quty input{ width:15px; height: 11px; font-size:10px;} #product_info_topCONTAINER .add_cart .button_cart { float:right; margin:0px 5px 0px 0px; padding:0;} #product_info_topCONTAINER .add_cart .button_cart input { border:0px;} #product_info_topCONTAINER ul { float:right; width:200px; margin:0px; padding:10px 15px 0px 20px; } #product_info_topCONTAINER li { width:200px; margin:0px; padding:0px; } #product_info_topCONTAINER li a{ color: #CCCCCC; } #product_info_topCONTAINER p.text_zoom { font-size:9px; } #product_info_topCONTAINER .product_price { float:left; color:#CB0A25; font-size:15px; font-style:italic; font-weight:900; } div.image { float:left; width:135px; height:90px; padding:0; background-repeat:no-repeat; background-position:center center; } div.image_pro { float:left; width:143px; height:121px; padding-left:10px; background-repeat:no-repeat; background-position:center center; } .info_content { float:both; margin:0px; padding: 10px 22px 10px 28px; } .info_content_aff { float:both; margin:0px; padding: 10px 22px 10px 10px; } .info_content_right { float:right; width:420px; height:65px; text-align:right; margin:5px 0 0 0; padding: 10px 25px 10px 0px; } .also_purchased { float:both; margin:0px; padding: 2px 0px 2px 0px; } .reviews { float:both; margin:0px; padding: 2px 0px 2px 0px; } .block_total {float:right; padding:5px 0px 5px 0px; width:230px;} .button_left { float:left; padding-top:5px; padding-bottom:5px; } .button_right { float:right; text-align:right; padding:5px 17px 2px 15px;} .button_right strong{ text-align:right; padding:0;} .button_right a{ color: #CCCCCC; } .button_right input{ border-width:0px; } .text_red { color:#e90606; } .reviews div { vertical-align:bottom; height:25px; float:left; padding: 5px 2px 0px 2px; } .reviews div.input_rating { padding: 1px 2px 2px 2px; vertical-align:top; } .reviews div.submit { float:right; padding: 1px 2px 2px 2px; vertical-align:top; } /* Sitemap -- */ .sitemapBOX .sitemapBOXleft { display:table; float:left; width:220px; margin-bottom:15px; } .sitemapBOX .sitemapBOXright { display:table; float:right; width:220px; margin-bottom:15px; } .sitemapBOXheader { padding:3px; color:#FFFFFF; font-weight:bold; } .sitemapBOXheader a:link, .sitemapBOXheader a:visited, .sitemapBOXheader a:hover { color:#FFFFFF; text-decoration:none; } .sitemapBOXcontent { padding:6px; width: 220px; } .sitemapBOXcontent li { list-style-type:none; } .sitemapBOXcontent li a { color: #999999; list-style-type:none;} /* menu -- */ #cross_sellingCONTAINER { float:left; margin:15px 0 5px 10px; } #cross_sellingCONTAINER .cross_sellingCONTAINERBOX { float:left; width: 150px; height: 205px; text-align:center; } #cross_sellingCONTAINER .product_imageCONTAINER { float:left; width: 150px; height: 120px; background-position:center center; background-repeat: no-repeat; } #cross_sellingCONTAINER div.content { float:left; font-size:10px; width:150px; margin: 2px 0px 5px 0px; } /* menu ----------------------------------------------- */ ul#horizontal { float:left; list-style-type:none; text-align: left; width:100%; height:15px; margin:0px 0px 0px 0px; padding:6px; vertical-align:middle; border-width:0px; /*border:none;*/ } ul#horizontal li { float:left; margin:0px; border-width:0px; vertical-align:middle; line-height:12px; height:15px; } div#horizontal_right { line-height:12px; height:10px; text-align: right; vertical-align:middle; } div#horizontal_left { line-height:12px; height:10px; text-align: left; vertical-align:middle; } div#boxCATEGORY { margin:0px 0px 0px 0px; padding:0px; border-width:0px; } div#boxCATEGORY ul { list-style-type:none; text-align: left; margin:0px 0px 0px 0px; padding:0px; vertical-align:middle; /*border:none;*/ } div#boxCATEGORY li { float:left; padding:0px 0px 4px 0px; margin:0px; width:45%; min-height:25px; max-height:38px; line-height:12px; } div.product_price_smallCONTAINER { width:121px; height:55px; background-image:url(img/bg_pricebox.gif); } div.add_cart_big { padding-left:75px; } /* error */ .error { margin-top:10px; background-color:#8DBD4B; } .info_message { margin:10px 0 0 10px; _margin:10px 0 0 15px;width:422px; color:#CB0A25; border-color:#CB0A25; border-style:solid; border-width:1px; padding:6px; } .active { background-color:#B8B8B8; } .text { width:420px; padding-left: 20px ; marign-left:6px; } .text a{ color:#cccccc; } .text_small { font-size:9px; } /* shopping cart ------------------------------------------------------ */ div#shopping_cartCONTAINER { padding: 0px 0px 0px 0px; } div.form_text { float:left; width:180px; margin:2px; padding: 5px; line-height:16px; } div.form_input { float:left; width:200px; margin:2px; padding:2px; line-height:16px; } div.form_input select{ float:left; width:200px; margin:0px; padding:0px; line-height:16px; } .next_review { float:both; border-color:#cccccc; border-style:solid; border-width:0 0 1px 0; } /* checkout navtrail -- */ div#checkout_navtrailCONTAINER { padding:10px; margin: 0px 0 10px 0; width:430px; text-align:center; } div#checkout_navtrailCONTAINER ul { list-style-type:none; margin:0px 0px 10px 15px; padding:0px; vertical-align:middle; } div#checkout_navtrailCONTAINER li { float:left; padding:0px 15px; text-align: left; height:auto; padding-top:6px; max-height:50px; min-line-height:20px; } div#checkout_navtrailCONTAINER li.on { float:left; padding:0px 15px; text-align: left; height:auto; padding-top:6px; max-height:50px; min-line-height:20px; font-weight: 900; color: #FF6600; } div.address_text { float:left; width:180px; padding:5px 5px 5px 20px; } div.address_input { float:left; width:180px; } div.address_radio { float:left; width:120px; } div.address_input input{ font-weight:200; font-size:10px; color:#999999; line-height:14px; vertical-align:middle; text-indent:10px; margin-top:0px; margin-right:15px; width: 125px; height:14px; border-width:0px; background-repeat:no-repeat; background-image:url(img/input_bg.gif); background-position: center center;} div.address_input select{ font-weight:200; font-size:10px; color:#999999; line-height:14px; vertical-align:middle; text-indent:10px; margin-top:0px; margin-right:15px; width: 125px; height:20px; border-width:0px; background-repeat:no-repeat; background-image:url(img/input_bg.gif); background-position: center center; color:#cccccc;} .info_contentLEFT { float:left; padding:5px 5px 5px 5px; margin-left:16px;_margin-left:10px;width:400px; } .none_CONTENT_history { float:left; padding:5px 5px 5px 5px; width:420px; height:60px; margin-top: 5px; border-style:dotted; border-width:1px; border-color:#910400; } .none_CONTENT_aff { float:left; padding:5px 10px 5px 10px; width:420px; margin-top: 5px; border-style:dotted; border-width:1px; border-color:#910400; } .info_contentLEFT .address_change_button { float:right; text-align:right; } .none_CONTENT .adress_labelRIGHT { float:left; width:400px; height:120px; padding:5px 0px 5px 20px; } .none_CONTENT .adress_labelRIGHT .address_change_button { text-align:right; float:right; } .address_change_button_pro { text-align:right; float:right; margin: 10px 32px 10px 0px;} #shipping_blockCONTAINER { float:both; } #shipping_blockCONTAINER .shipping_title { float:both; padding:5px 0 0 5px; } #shipping_blockCONTAINER .shipping_desc { float:both; text-align:right; padding:0 5px 5px 0; } #shipping_blockCONTAINER .shipping_desc .radio{ float:left; padding-top:3px; width:30px; } #shipping_blockCONTAINER .shipping_desc .text{ float:left; width:200px; padding-top:3px; text-align:left; } #payment_blockCONTAINER { float:left; width:420px; margin-left:20px; _margin-left:10px;padding-left:0px; } #payment_blockCONTAINER .payment_title { float:left; width:410px; font-weight:900; } #payment_blockCONTAINER .payment_title .select { float:left; width:30px; padding-top:3px; } #payment_blockCONTAINER .payment_title .text { float:left; width:350px; } #payment_blockCONTAINER .payment_title .price { float:right; font-weight:800; padding-top:3px; width:150px; } #payment_blockCONTAINER .payment_desc { float:both; padding-bottom:5px; } #payment_blockCONTAINER .payment_desc .radio{ float:left; padding-top:3px; width:30px; } #payment_blockCONTAINER .payment_desc .text{ float:left; width:200px; } .title { float:both; padding:30px 0px 5px 0px; vertical-align: bottom; } .checkbox { float:left; padding-top:3px; width:30px; } div.agb { float:left; width:420px; padding:5px; margin:5px 0px 5px 17px; _margin:5px 0px 5px 10px; border-width:1px; border-style:solid; border-color: #CCCCCC; } .agb_text { float:both; padding-top:5px; color: #666666; } #checkout_shippingIMAGE { background-image: url(img/checkout/checkout_shipping.gif); background-position: 30px bottom; background-repeat: no-repeat; } #checkout_paymentIMAGE { background-image: url(img/checkout/checkout_payment.gif); background-position: 30px bottom; background-repeat: no-repeat; } #checkout_confirmationIMAGE { background-image: url(img/checkout/checkout_confirmation.gif); background-position: 30px bottom; background-repeat: no-repeat; } #checkout_successIMAGE { background-position: 30px bottom; background-repeat: no-repeat; } /* info messoage -- */ div#info_message { margin:10px 0 0 10px; _margin:10px 0 0 15px;width:422px; color:#FF6600; border-color: #CCCCCC; border-style:solid; border-width:1px; padding:6px; } span.left { float:left; width:auto; line-height:20px; vertical-align:middle; padding: 6px 6px 6px 0px; } span.right { float:right; line-height:20px; vertical-align:middle; padding: 6px 6px 6px 0px; } /* Footer -- */ div#boxFOOTER { float:right; width:560px; height:140px; margin:0px 0px 0px 0px; padding:0px; border-width:0px; } div#boxFOOTER ul { list-style-type:none; text-align: left; height:140px; margin:0px 0px 0px 0px; padding:0px; /*border:none;*/ } div#boxFOOTER li { padding:6px 00px 0px 0px; margin:0px; height:17px; } div#NAVIGATION { float:left; width:430px; height:20px; line-height:15px; margin:0px 0 0 5px; padding:2px 5px 0px 5px; border-style:solid; border-width:1px 0 0 0; border-color: #999999; vertical-align:bottom; /*border:none;*/ } div#NAVIGATION .right { float:right; text-align:right; } div#NAVIGATION .left { float:left; } div#footer { float:left; width:820px; height:29px; line-height:29px; font-size:11px; padding:0px 0px 0px 0px; vertical-align:middle; text-align:center; margin-left:auto; margin-right:auto; background-repeat:repeat-x; background-image:url(img/header_bottom_bg.jpg); } div#footer a { color:#000000; } /* XTC COPYRIGHT */ div.copyright {margin: 0 auto; width:970px; text-align:center; color: #999999; font-size:11px; padding:0px 0px 10px 0px;} div.copyright a{ color: #999999;} div#bui {margin: 0 auto; width:310px; height: 38px; padding-top: 13px;} div#bui img { background-position:center center;} /* PARSE TIME */ div.parseTime {margin: 0 auto; width:970px; text-align:center; color: #999999; font-size:11px; padding:0px 0px 10px 0px;} /* Float-Clearing div -- */ div.clearboth { clear:both; } div.clearleft { clear:left; } div.clearright { clear:right; } /* Default Main Boxes (grey) -- */ div.HEADLINEgrey { float:left; height: 24px; text-indent: 28px; line-height:24px; vertical-align:middle; padding:0px 0px 0px 0px; background-repeat:repeat-x; background-image:url(img/boxes/head_bg_grey.jpg); } div.CONTENTgrey { float:left; vertical-align:middle; padding:5px; height:172px; background-repeat:repeat-x; background-image:url(img/boxes/content_bg_grey.jpg); } /* MODULE ROW -- */ .moduleRow { line-height: 16px; vertical-align:middle; float:left; width:380px; } .moduleRowOver { line-height: 16px; float:left; width:380px; } .moduleRowSelected { font-weight: 900; line-height: 16px; float:left; width:380px; margin-bottom : 10px; } .moduleRowOver .payment_title .text { font-weight: 900; } div#method_blockCONTAINER { float:left; width:420px; margin-left:10px;padding: 0px 5px 5px 0px; } div#method_blockCONTAINER div { padding-top: 5px; margin-left:0px; } div#method_blockCONTAINER .title { float:left; width:200px; } div#method_blockCONTAINER .input { float:right; width: 200px; } /* news listing -- */ #news_listing_categorieCONTAINER { padding:0px; height:130px; background-color:#f6f7f7; } #news_listing_categorieCONTAINER .news_listing_cat_descCONTAINER { float:right; font-size:10px; width:440px; margin: 0px 5px 5px 10px; padding:0px; } #news_listing_categorieCONTAINER .imageCONTAINER { float:left; width:150px; height:120px; margin:5px 0px 0px 5px; _margin:5px 0px 0px 3px; padding:0px; background-position:center center; background-repeat:no-repeat; } #news_listing_categorieCONTAINER .manufacturer { float:right; padding:0px 5px 5px 0px; } #news_listing_categorieCONTAINER .multisort { float:right; padding:0px 5px 5px 0px; } #news_listingCONTAINER { margin:15px 0 5px 10px; } #news_listingCONTAINER .news_listingCONTAINERBOX { float:left; width: 150px; height: 205px; text-align:center; } #news_listingCONTAINER .news_imageCONTAINER { float:left; width: 150px; height: 120px; background-position:center center; background-repeat: no-repeat; } #news_listingCONTAINER div.content { float:left; font-size:10px; width:150px; margin: 2px 0px 5px 0px; } #news_listing2CONTAINER { float:left; padding:5px; margin: 5px 0px 15px 3px; _margin: 5px 0px 15px 0px; } #news_listing2CONTAINER .news_listing2CONTAINERBOX { float:left; width:286px; height:188px; padding:0px; margin: 5px; border-width: 0 1px 1px 1px; border-style:solid; border-color:#cccccc; background-color:#F7F7F5; } #news_listing2CONTAINER div.headline { float:left; vertical-align:middle; width:286px; background-repeat:repeat-x; background-image:url(img/content_header.jpg); height:23px; font-weight:900; font-size:12px; line-height:23px; vertical-align:middle; text-indent:12px; color: #ffffff; border-width:0px 0 1px 0; border-style:solid; border-color:#cccccc; } #news_listing2CONTAINER div.headline a { color: #ffffff; } #news_listing2CONTAINER div.image { float:left; width:60px; height:90px; margin:5px 0px 0px 5px; _margin:5px 0px 0px 3px; padding:0px; border-style:solid; border-width:1px; border-color:#666666; background-position:center center; background-repeat:no-repeat; } #news_listing2CONTAINER div.content { float:left; font-size:10px; width:186px; height:115px; margin: 5px 5px 5px 10px; } #news_listing2CONTAINER div.desc { float:left; height:75px; margin: 0px 0px 5px 0px; } #news_listingTABLE { float:left; padding:5px; margin: 5px 0px 15px 3px; _margin: 5px 0px 15px 0px; } #news_listingTABLE .news_listingTABLEROW { float:left; width:580px; height:135px; padding:0px; margin: 5px; border-width: 0 1px 1px 1px; border-style:solid; border-color:#cccccc; } #news_listingTABLE div.headline { float:left; width:580px; background-repeat:repeat-x; background-image:url(img/content_header.jpg); height:23px;font-weight:900; font-size:12px; line-height:23px; vertical-align:middle; text-indent:12px; color: #ffffff; border-width:0px 0 1px 0; border-style:solid; border-color:#cccccc; } #news_listingTABLE div.headline a{ color: #ffffff; } #news_listingTABLE div.image { float:left; width:60px; height:90px; margin:5px 5px 0px 5px; _margin:5px 5px 0px 3px; padding:0px; border-style:solid; border-width:1px; border-color:#666666; background-position:center center; background-repeat:no-repeat; } #news_listingTABLE div.content { float:left; font-size:10px; width:550px; height:60px; margin: 5px 5px 5px 10px; } #news_listingTABLE div.desc { float:left; height:75px; margin: 0px 0px 5px 0px; } #product_info_topCONTAINER .NEWSimageCONTAINER { float: left; width: 370px; border:1px solid gray; background-position: center; background-repeat: no-repeat; background-color: #000000; } /* news calendar -- */ #news_calendarCONTAINER_FULL { } #news_calendarCONTAINER_SMALL { } #news_calendarSWITCH { float: left; width: 500px; text-align:center; } #news_calendarSWITCH .last { float: left; width: 50px; } #news_calendarSWITCH .month { float: left; width: 100px; } #news_calendarSWITCH .year { float: left; width: 50px; } #news_calendarSWITCH .next { float: left; width: 50px; } .news_calendarCONTAINER { float: left; width: 187px; height: 142px; padding:0px; margin: 5px; border-width: 1px; border-style:solid; border-color:#cccccc; } .news_calendarCONTAINER .news_calendarWEEK { float: right; } .news_calendarCONTAINER .news_calendarMONTH { float: both; height: 24px; text-indent: 28px; line-height:24px; vertical-align:middle; padding:0px 0px 0px 0px; background-repeat:repeat-x; background-image:url(img/boxes/head_bg_grey.jpg); } .news_calendarCONTAINER .news_calendarFIRSTWEEKDAY { float: left; width: 21px; text-align: right; padding: 1px 4px; border-style: solid; border-width: 0 0 1px 0px; border-color: #D5DDE0; } .news_calendarCONTAINER .news_calendarWEEKDAY { float: left; width: 19px; text-align: right; padding: 1px 4px; border-style: solid; border-width: 0 0 1px 1px; border-color: #D5DDE0; } .news_calendarCONTAINER .news_calendarWEEKENDDAY { float: left; width: 16px; height:13px; text-align: right; padding: 1px 3px; background-color:#E6EEF1; border-style: solid; border-width: 0 0 1px 1px; border-color: #D5DDE0; } .news_release a{ color: #31C13B; } .news_release_now a{ color: #31C13B; } .news_now a{ color: #31C13B; } .news a{ color: #31C13B; } .news_release_now { border-style: solid; border-width: 1px; border-color: #31C13B; margin: -1px -3px 0 -3px; } .news_now { border-style: solid; border-width: 1px; margin: -1px -3px 0 -3px; border-color: #31C13B; }