/* ---------------------------------------------------------------------------------------------- $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: Verdana; font-size:11px; color:#000; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; padding:0px; } a { text-decoration:none; color:#000; } a:hover { text-decoration:underline; color:#000; } a:active { text-decoration:none; } a:visit { text-decoration:none; } /* Links im Text -- */ a { color:#000; } .link { color:#000; } .link_invert { color:#000; } a.link_invert:hover { color:#000; } .link_invert a { color:#000; } .textboxred_h { color:#000; font-size: 14px; } .textboxred_default { color:#000; } /* Header-Klassen -- */ h1 { font-weight:bold; font-size:12px; border-style:solid; border-width:0px 0px 0px 0px; border-color:#668D00; margin:15px 0px 0px 0px; padding:0px; width:auto; } h1 a { font-size:12px; font-weight:bold; font-size:inherit; margin:15px 0px 0px 0px; padding:0px; text-decoration:none; width:auto; } h2 { font-weight:700; font-size:12px; margin:15px 0px 4px 0px; padding:0px; } /* Paragraph -- */ p { padding:0px; margin:15px 0px 15px 0px; } span.tooltip { border-bottom-color: #3B59A6; border-bottom-width:1px; border-bottom-style:solid; } /* Horizontale Linie -- */ hr { width:80%; text-align:center; border-bottom-style:solid; border-bottom-color:#666666; border-bottom-width:1px; } /* Textarea -- */ textarea { font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:10px; } .reviews_textarea textarea { width:610px; font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:10px; boder-width:0px; } div#search_menu { float:right; width:220px; padding: 0px; margin:0px; } div#search_menu .button_search { float:right; width:58px; height:21px; } /* Input -- */ input { font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:11px; line-height:16px; border-style:solid; vertical-align:bottom; border-width:1px; text-align:left; border-color:#b8b8b8; } .input_search input { float:left; width: 90px; } /* select -- */ select { font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:10px; } /* Image mit link -- */ img { border:0; } /* Formular -- */ form { padding:0px; margin:0px; } /* Horizontale Linie hellgrau -- */ 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; } .big_textarea textarea { float:left; width: 580px; margin-bottom:10px; margin-left:30px;} /* Main Container (über gesamte Seite) -- */ div#mainCONTENT { padding:0px; margin-left:auto; margin-right:auto; width:900px; } /* Container für Header -- */ div#headerCONTAINER { width:900px; } div#header_topCONTAINER { height:15px; background-color:#FFF; } div#header_topCONTAINER .language { float:left; padding-left:16px; width:200px; color:#B2B2B2; height: 28px; line-height: 28px; vertical-align: middle; } div#header_topCONTAINER .currencies_text { float:left; padding-left:0px; color:#B2B2B2; height: 28px; line-height: 28px; vertical-align: middle; } div#header_topCONTAINER .currencies_select { float:left; padding-left:5px; padding-top:5px; width:120px; color:#B2B2B2; } div#header_imageCONTAINER { height:139px; width:901px; background-repeat:no-repeat; background-image:url(img/logo.jpg); } div#header_bottomCONTAINER { height:28px; background-color:#343434; background-repeat:repeat-x; background-image:url(img/header_bottom_bg.jpg); } div#header_bottom_leftCONTAINER { float:left; height:28px; width:360px; background-repeat:no-repeat; background-image:url(img/header_bottom.jpg); } div#header_bottom_leftCONTAINER .buttons { padding-top:5px; padding-left:8px; } div#header_bottom_rightCONTAINER { float:right; height:28px; } .menu { float:left; width:600px; font-weight:900; font-size:10px; margin: 145px 0px 0px 7px; } /* contentCONTAINER --*/ div#contentCONTAINER { padding:0px 6px; width:98%; } div#content_fullCONTAINER { width:100%; float:left; } div#content_fullCONTAINERBACKBOX { width:901px; float:left; background-image:url(img/content_bg.jpg); background-repeat:repeat-y; border-style:solid; border-width:0px 0px 1px 0px; border-color:#D4D4D6; } div#content_fullCONTAINERBACKBOX_start { width:901px; float:left; background-image:url(img/content_bg_start.jpg); background-repeat:repeat-y; border-style:solid; border-width:0px 0px 1px 0px; border-color:#D4D4D6; } div#content_fullCONTAINERBOX { width:900px; float:left; font-weight:200; } /* Container f�r linke Spalte -- */ div#leftCONTENT { float:left; width:175px; padding:0px; } div.box_LEFT { float:left; width:175px; margin:0px; padding:0px; } div#leftCONTENT div#top_left{ float:left; width:175px; padding:6px 6px 6px 8px; } div#leftCONTENT div#top_left ul { list-style-type:none; width:159px; margin:0px 0px 0px 0px; padding:0px; } div#leftCONTENT div#top_left li { float:left; width:159px; padding: 0px ; } div#leftCONTENT ul { list-style-type:none; margin:0px 0px 0px 0px; padding:0px; } div#leftCONTENT li { float:left; width:144px; padding: 3px 0px 3px 16px; } div#leftCONTENT li.image { float:left; width:175px; padding: 0px 11px 0px 0px; } div#leftCONTENT li.head { width:175px; height:25px; font-size:11px; font-weight:900; text-indent:16px; line-height:25px; color:#898989; vertical-align:middle; padding:0px; margin:0px 0px 0px 0px; list-style-image:none; background-image:url(img/boxleft_header.jpg); } div#leftCONTENT li.head a{ color: #898989; } div#rightCONTENT li.head a{ color: #898989; } /* Container für mittleren Bereich -- */ div#middleCONTENT_start { float:left; width:500px; padding:5; margin:5px 10px 0px 15px; } div#middleCONTENT { float:left; width:710px; padding:0px; margin-left:5px; } div#middleCONTENTBOX { width:690px; padding:0px; margin:5px 15px 5px 10px; _margin:5px 0px 5px 0px; } div#middleCONTENTBOX_start { width:486px; padding:0px; margin:5px 10px 5px 0px; _margin:5px 0px 5px 0px; } /* Dropdown_Menu -- */ .dropdown {float:right; width:350px; margin: 15px 0px 0px 0px; height:20px; font-size:10px; color:#000000;} .dropdown .cat_dropdown {float:right; width:130px; height:17px; margin: 0px 5px 0px 0px;} .dropdown .search {float:left; width:170px; height:20px; } .dropdown .search .button {float:left; margin: 2px 0px 0px 5px; } .dropdown .search .button input {float:left;border:0px; } .dropdown .search .search_input { float:left; height:18px; margin: 0px 0px 0px 0px; font-size:11px;color:#000000; } .dropdown .search .search_input input { width: 100px; height:16px; margin: 0px 0px 0px 0px; font-size:11px; color:#000000; } .dropdown .cat_dropdown select { height:20px; width:130px; font-size:11px; color:#000000; } /* Container für rechte Spalte -- */ div#rightCONTENT { float:right; width:175px; padding:0px; color:#000; } div.box_RIGHT { float:left; width:175px; margin:0px; padding:0px; } div#rightCONTENT div#top_right{ float:right; width:175px; } .boxcart { float:left; width:175px; margin: 0px; padding: 0px; } .cart_immage{ float:right; width:20px; padding:0px; margin:0px; } div#rightCONTENT div#top_right { float:left; padding:6px 6px 6px 15px; } div#rightCONTENT div#top_right div.cart_content{ float:left; width:80px; padding:6px 6px 6px 15px; } div#rightCONTENT div#top_right ul { list-style-type:none; width:80px; margin:0px 0px 0px 0px; padding:0px; } div#rightCONTENT div#top_right li { float:left; width:80px; padding: 0px ; } div#rightCONTENT ul { list-style-type:none; width:170px; margin:0px 0px 0px 0px; padding:0px; } div#rightCONTENT li { float:right; width:145px; padding: 3px 0px 3px 15px; } div#rightCONTENT li.image { float:left; width:159px; padding: 0px 0px 0px 10px; } div#rightCONTENT li.bestseller { float:left; width:155px; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 5px; _margin: 0px 0px 0px 8px; border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:#cccccc;} div#rightCONTENT .banner { float:left; padding: 10px 0px 10px 17px; margin: 0 auto; border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:#cccccc; } div#rightCONTENT li.image { float:left; width:40px; padding: 3px 0px 3px 0px; margin: 3px 0px 0px 5px; _margin: 0px 0px 0px 8px; border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:#cccccc; } div#rightCONTENT li.head { float:left; width:173px; height:25px; font-size:11px; font-weight:900; text-indent:16px; line-height:25px; color:#898989; padding:0px 0 0 0px; margin:0px 0px 0px 2px; _margin:0px 0px 0px 2px; list-style-image:none; background-image:url(img/boxright_header.jpg); background-repeat:no-repeat; } .input_nl input { width: 130px; } .input_login input { width: 130px; } div#cartBOX { float:right; width:330px; margin:10px 15px 0px 0px; padding:5px; border-width:0px 0 1px 0; border-style:solid; border-color: #FFFFFF; } div#cartBOX .head { float:left; width:70px; font-size:10px; font-weight:800; color: #333333; } div#cartBOX .cart_content { float:left; width:120px; font-size:10px; font-weight:200; color: #333333; } div#cartBOX .cart_immage { float:right; } div#PageContent_description { width:669px; color: #666666; padding: 5px; font-size:11px; text-align:justify; background-color:#F4F4F4; border-width:1px; border-style:solid; border-color:#DB9502; } div#PageContent_description font{ float:left; color: #666666; width:650px; text-align:justify; } /* Header CONTENT -- */ div#content_start { margin-top:10px; width:495px; margin-bottom:15px; } div#content { margin-top:10px; width:680px; margin-bottom:15px; } div#content div.headerCONTENT { width:680px; font-size:12px; font-weight:900; color:#898989; padding: 0 0 0 5px; margin: 0 0 0 5px; _margin: 0 0 0 5px; line-height: 20px; vertical-align:middle; border-width:0px 0 1px 4px; border-style:solid; border-color:#DB9502; background-color:#EDEDED; } div#content div.headerCONTENT_info { width:680px; font-size:12px; font-weight:900; color:#898989; padding: 0 0 0 5px; margin: 0 0 0 5px; _margin: 0 0 0 5px; line-height: 20px; vertical-align:middle; } div#content_start div.headerCONTENT_start { background-color:#EDEDED; width:510px; height:26px; font-weight:900; font-size:11px; line-height:26px; vertical-align:middle; text-indent:28px; } div#content div.header_grey2CONTENT { background-color:#EDEDED; width:680px; height:20px; font-weight:500; font-size:11px; line-height:20px; vertical-align:middle; text-indent:5px; border-width:0px 0 0px 0; border-style:solid; border-color:#cccccc; margin:0px 0 10px 0; } div#content div.header_grey_no_margin2CONTENT { width:680px; height:20px; font-weight:500; font-size:11px; line-height:20px; vertical-align:middle; text-indent:28px; border-width:0px 0 1px 0; border-style:solid; border-color:#cccccc; margin:0px 0 0px 0; } div#content div.yellow_headerCONTENT { width:496px; height:26px; font-weight:900; font-size:12px; line-height:26px; vertical-align:middle; } div#content div.green_headerCONTENT { width:496px; height:26px; font-weight:900; font-size:12px; line-height:26px; vertical-align:middle; text-indent:28px; } div#content .top_info_content { padding:10px 0 10px 0; } div#content div.header_grey_underlineCONTENT { width:690px; padding: 0px 0 0px 0px; margin: 0 0 10px 5px; line-height: 20px; vertical-align:middle; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#cccccc; } div#content div.header_greyCONTENT { width:682px; font-size:12px; font-weight:900; color:#898989; padding: 0 0 0 5px; margin: 0 0 0 5px; line-height: 20px; vertical-align:middle; border-width:0px 0 1px 4px; border-style:solid; border-color:#A4A4A4; background-color:#EDEDED; } div#content_start div.header_greyCONTENT_start { float:left; width:484px; font-size:12px; font-weight:900; color:#898989; padding: 0 0 0 5px; margin: 0 0 0 10px; line-height: 20px; vertical-align:middle; border-width:0px 0 1px 4px; border-style:solid; border-color:#A4A4A4; background-color:#EDEDED; } div.content_none { float:both; width:700px; border-width:0px ; margin-top:15px; margin-bottom:15px; } div.small_greyCONTENTBOX { width:290px; height:145px; } div.small_greyCONTENTBOX .header { width:260px; font-size:12px; font-weight:900; padding: 0px 0px 0px 30px; margin:0px 0px 10px 0px; line-height: 20px; vertical-align:middle; border-width:0px 0px 1px 0px; border-style:solid; border-color:#cccccc; } /* Gift -- */ #content #gift_CONTENT { float:left; border-width:1px 0px 1px 0px; border-color: #CCCCCC; border-style:dotted; width:680px; margin: 20px 0px 0px 0px; padding:5px; } #content div.header_content { float:left; width:370px; font-size:11px; font-weight:400; text-decoration:underline; } #gift_CONTENT div.info_content { padding: 4px 0px 0px 0px; margin: 0px; } #gift_CONTENT div.small_info_content { float:left; width:370px; } #gift_CONTENT div.code { float:right; text-align:right; width:220px; padding-right:10px; } #gift_products_CONTENT div.content { width:520px; 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:510px; padding:6px 0 6px 0; } /* reviews list -- */ #reviews_listCONTAINER { float:both; width:490px; } #reviews_listCONTAINER .name { float:left; width:250px; padding:2px; } #reviews_listCONTAINER .comment { float:left; width:450px; padding:2px 0px 2px 10px; } #reviews_listCONTAINER .rating { float:left; width:160px; padding:2px; } #reviews_listCONTAINER .date { float:right; width:150px; text-align:right; padding:2px; } /* Order details -- */ #content .subheader_greyCONTENT { border-width:0px 0px 1px 0px; border-color:#cccccc; border-style:solid; width:616px; height:20px; } #tbl_head div{ float:left; padding:4px 2px 0 2px; } div.image { width:120px; } div.qty { width:45px; text-align:center; } div.article { width:220px; } div.price { width:70px; text-align:right; } div.remove { width:60px; text-align:right; } /* Order Row -- */ .orders_row div.image { background-position: center center; background-repeat: no-repeat; height:90px; } .orders_row div.article { border-width:0px 1px 0px 0px; border-color:#cccccc; border-style:solid; } .orders_row div.price { border-width:0px 1px 0px 0px; border-color:#cccccc; border-style:solid; } .orders_row { float:left; border-bottom: 1px solid; border-color: #cccccc; } .orders_row div { float:left; padding:4px 2px 0 2px; height:120px; } /* CATEGORY MENU */ ul#categorymenu {background-color:#D5D5D5; margin-bottom:15px; border: solid #DB9502; border-width:0px 1px 1px 0px; } ul#categorymenu li {list-style-type:none; line-height: 18px;} ul#categorymenu li.level1 {list-style-type:none; background-position:left center; background-repeat:no-repeat; width:132px;background-color:#DDDDDD; color:#000000; font-size:10px; font-weight:200; padding:8px 0px 8px 38px; border-top: 1px solid #fff; border-left:4px solid #DB9502;} ul#categorymenu li.level1 a {text-decoration:none; color:#000; } ul#categorymenu li.level2 {list-style-type:none; width:159px;background-color: #BFBFBF; color:#000000; font-size:10px; font-weight:200; padding:5px 0px 5px 10px; border-top: 1px solid #fff; border-left:10px solid #DB9502;} ul#categorymenu li.level2 a {font-size: 10px; text-decoration:none; color:#000; } ul#categorymenu li.level3 {list-style-type:none; width:155px;background-color:#9F9F9F; color:#000000; font-size:10px; font-weight:200; padding:0px 0px 0px 10px; border-top: 1px solid #fff; border-left:14px solid #DB9502;} ul#categorymenu li.level3 a {font-size: 10px; text-decoration:none; color:#000; } ul#categorymenu li.level4 {list-style-type:none; width:155px;background-color:#DDDDDD; color:#000000; font-size:10px; font-weight:200; padding:0px 0px 0px 10px; border-top: 1px solid #fff; border-left:14px solid #DB9502;} ul#categorymenu li.level4 a {font-size: 10px; text-decoration:none; color:#000; } ul#categorymenu li.level5 {list-style-type:none; width:155px;background-color:#DDDDDD; color:#000000; font-size:10px; font-weight:200; padding:0px 0px 0px 10px; border-top: 1px solid #fff; border-left:14px solid #DB9502;} ul#categorymenu li.level6 a {font-size: 10px; text-decoration:none; color:#000; } ul#categorymenu li.level_sub {list-style-type:none; width:155px; background-color: #333333; color:#000000; font-size:10px; font-weight:200;border-top: 1px solid #fff; border-left:8px solid #DB9502;} ul#categorymenu li.level_sub a {font-size: 10px; text-decoration:none; color:#000; } /* We cal back -- */ .wcb {float:left; width:175px; height:189px; background-image:url(img/bestelltelefon.gif); background-repeat:no-repeat; border-top: 1px solid #fff; } /* Login -- */ div#left_box { float:left; } div#right_box { float:right; margin-right:20px; } 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; } div.small_greyCONTENTBOX div.text_full { padding: 2px 5px 0px 10px; _padding: 0px 5px 0px 10px; font-size:10px; float:left; width: 260px; } div#right_box div.text_full { height: 88px; font-size:11px; padding-bottom: 0px; _padding-bottom: 5px; } div.small_greyCONTENTBOX div.submit { height:17px; vertical-align:top; padding-bottom: 10px; padding-right: 5px; float:right; } #content div.submit_reload { padding-left: 26px; float:left; } #content div.submit_checkout { padding-right: 5px; float:right; } div.small_greyCONTENTBOX div.submit input { border-width:0px; padding-top:5px; } div#content div.text { padding: 5px 5px 10px 0px; } div#content div.submit { height:17px; vertical-align:top; padding-bottom: 10px; padding-right: 5px; float:right; } div#menu_button { float:right; width:555px; height:26px; padding:0px; margin:10px 0px 0px 0px; } ul#horizontalmenu { float:both; font-size:10px; list-style-type:none; text-align: center; height:22px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; } ul#horizontalmenu li { float:left; padding:0px 0px 0px 0px; margin:0px; text-align: center; height:22px; } ul#horizontalmenu li.link { margin:0px; vertical-align:middle; line-height:22px; height:22px; } ul#horizontalmenu a { color:#FFF; margin:0px; vertical-align:middle; text-align: center; line-height:15px; height:15px; } div#navi_footer { display:block; margin-left:auto; margin-right:auto; width:901px; vertical-align:middle; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px; } ul#footer_bottom { float:both; width:901px; font-size:10px; list-style-type:none; text-align: center; height:24px; margin:0 auto; padding:0; vertical-align:middle; } ul#footer_bottom li {float:left; padding:0px 0px 0px 0px; margin:0px; text-align: center; height:24px; } ul#footer_bottom li.link { margin:0px; vertical-align:middle; line-height:22px; height:24px; } ul#footer_bottom a { color:#FFF; margin:0px; vertical-align:middle; text-align: center; line-height:15px; height:24px; } /* Bullet -- */ .bullet { color:#B2B2B2; list-style:none; width:150px; vertical-align:middle; padding: 2px 0px 0px 30px; margin: 0 0 0 0px; background: url(img/arrow_box.gif) no-repeat 5px 7px; line-height: 15px; } /* navtrail Pfad -- */ div#navtrail { font-size:10px; margin-left:5px; font-color:#B2B2B2; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#cccccc; height:15px; text-align:left; width:680px; } div#navtrail_start { font-size:10px; margin-left:10px; font-color:#B2B2B2; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#cccccc; height:15px; text-align:left; width:492px; } /* Categorie Listing -- */ #categorie_listingCONTAINER { margin: 5px 0px 10px 0px; width:680px; } #categorie_listingCONTAINER .cat_imageCONTAINER { float:left; height:51px; width:51px; padding: 0px 5px 0 0; margin:5px 5px 0px 0px; background-repeat:no-repeat; background-position:center center; border-style:solid; border-width:1px; border-color: #CCCCCC; } #categorie_listingCONTAINER .categorieCONTAINER { float:left; padding: 0px 0px 0 0; margin: 0px 5px 0px 5px; width:215px; height:60px; } #categorie_listingCONTAINER .categorie_defaultCONTAINER { float:left; width:51px; height:51px; background-position:top center; background-repeat: no-repeat; } #categorie_listingCONTAINER .categorie_link { float:left; width:130px; font-size:10px; font-weight:100; color:#333333; padding: 25px 0px 0 0; text-align:left; } #categorie_imageCONTAINER { float:left; width:51px; height:51px; margin:10px 10px 10px 10px; _margin:5px 0px 0px 3px; padding:0px; background-position:center center; background-repeat:no-repeat; } #categorie_descriptionCONTAINER { float:left; margin:10px 5px 0px 5px; padding:0px; width:665px; } /* new products -- */ #new_productsCONTAINER { float:both; padding:5px; margin: 5px 0px 15px 3px; _margin: 5px 0px 15px 0px; } #new_productsCONTAINER .new_productsCONTAINERBOX { float:left; width:286px; height:188px; padding:0px; margin: 5px; } #new_productsCONTAINER div.headline { float:left; height: 15px; text-indent: 26px; vertical-align:middle; padding:7px 0px 0px 0px; width:286px; background-color:#484848; border-bottom-color:#B2B2B2; border-bottom-style:solid; border-bottom-width:2px; } #new_productsCONTAINER 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; } #new_productsCONTAINER div.content { float:left; font-size:10px; width:186px; height:115px; margin: 5px 5px 5px 10px; } #new_productsCONTAINER div.desc { float:both; height:75px; margin: 0px 0px 5px 0px; } /* products histoty -- */ div.headline a{ color:#565656; } #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; color:#565656; 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:10px; width:186px; height:115px; margin: 5px 5px 5px 10px; } #products_historyCONTAINER div.desc { float:both; height:75px; margin: 0px 0px 5px 0px; } .product_listingcontentCONTAINER { float:right; width:410px; } /* product listing -- */ .option_listing ul{ list-style-type: none; } #product_listing_categorieCONTAINER { padding:0px; height:30px; } #product_listing_categorieCONTAINER .product_listing_cat_descCONTAINER { float:left; font-size:10px; width:440px; margin: 25px 5px 5px 10px; padding:0px; } #product_listing_categorieCONTAINER .background { float:left; width:133px; height:106px; margin:10px 0px 0px 0px; padding:10px 10px 10px 10px; } #product_listing_categorieCONTAINER .product_listing_cat_imageCONTAINER { float:right; width:133px; height:106px; 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; } #product_listingCONTAINER { margin:15px 0 0px 10px; } #product_listingCONTAINER .product_listingCONTAINERBOX { float:left; width: 616px; height: 205px; text-align:center; } #product_listingCONTAINER .product_imageCONTAINER { float:left; width: 150px; height: 120px; background-position:center center; background-repeat: no-repeat; } #product_listingCONTAINER div.content { float:left; font-size:10px; width:150px; margin: 2px 0px 0px 0px; } div.background { float:left; width:95px; height:90px; margin:0px 0px 5px 0px; } div.image { float:left; width:95px; margin:3px 0px 0px 3px; padding:0px; background-repeat:no-repeat; background-position:center center; } #product_listing2CONTAINER { float:left; width:690px; text-align:center; padding:0px; margin:0 0 0 5px; _margin:0 0 0 3px; background-image:url(img/backer_right.gif); background-repeat:repeat-y; background-position:right; } #product_listing2CONTAINER .product_listing2CONTAINERBOX { float:left; width:229px; height:168px; padding:0px; margin: 0px 0px 0px 0px; _margin: 0px 0px 0px 0px; background-image:url(img/bg_bracker3.gif); background-repeat:repeat-x; background-position:bottom;} #product_listing2CONTAINER div.headline {float:left; color:#DB9502; font-size:10px; text-align:left; padding:2px 0px 0px 6px; width:120px; } #product_listing2CONTAINER div.headline a {color:#DB9502;} #product_listing2CONTAINER div.image { float:left; width:95px; margin:3px 0px 0px 3px; padding:0px; background-repeat:no-repeat; background-position:center center; } #product_listing2CONTAINER div.background { float:left; width:95px; height:90px; margin:0px 0px 5px 0px; } #product_listing2CONTAINER div.content { float:left; font-size:10px; color:#DB9502; width:120px; text-align:center; height:20px; margin:0px; } #product_listing2CONTAINER div.desc { float:left; color: #333333; font-size:10px; height:65px; text-align:left; padding:8px 0px 0px 6px; width:120px; _width:120px } #product_listing2CONTAINER div.zoom { float:left; width:58px; height:21px; margin-left:7px;} #product_listing2CONTAINER_start { float:left; width:495px; text-align:center; padding:0px; margin:0px 0 0 10px; _margin:0px 0 0 10px; background-image:url(img/box_bg.gif); background-repeat:repeat-y;} #product_listing2CONTAINER_start .product_listing2CONTAINERBOX { float:left; width:245px; height:168px; padding:0px; margin: 5px 0px 0px 1px; _margin: 5px 0px 0px 1px; background-image:url(img/bg_bracker.gif); background-repeat:repeat-x; background-position:bottom; } #product_listing2CONTAINER_start div.headline { float:left; color:#DB9502; font-size:10px; text-align:left; padding:2px 0px 0px 15px; width:110px; } #product_listing2CONTAINER_start div.headline a {color:#DB9502;} #product_listing2CONTAINER_start div.image { float:left; width:95px; margin:3px 0px 0px 3px; padding:0px; background-repeat:no-repeat; background-position:center center; } #product_listing2CONTAINER_start div.background { float:left; width:95px; height:90px; margin:0px 0px 5px 0px; } #product_listing2CONTAINER_start div.content { float:left; font-size:10px; color:#DB9502; width:110px; text-align:center; height:20px; margin:0px; } #product_listing2CONTAINER_start div.desc { float:left; color: #333333; font-size:10px; height:65px; text-align:left; padding:8px 0px 0px 15px; _padding:8px 0px 0px 15px;width:110px; } #product_listing2CONTAINER_start div.zoom { float:left; width:58px; height:21px; margin-left:7px; } div.price_box { float:right; font-size:12px; width:120px; height:35px; color: #333333; margin: 10px 3px 5px 5px; _margin: 10px 3px 5px 2px; border-style:dotted; border-width:1px 0px 1px 0px; border-color: #CCCCCC;} div.price_box a { color:#000; } div.price_box span { color:#000; } div.price_box .price_addon { float:right; font-size:10px; color:#000; margin: 0px 3px 5px 0px; } div.price_box .productOldPrice { float:both; margin: 0 auto; padding: auto; text-align:center; font-size:9px; font-weight:900; color: #000000; height:12px; line-height:12px; } div.price_box .productNewPrice { float:both; margin: 0 auto; padding: auto; text-align:center; font-size:12px; font-weight:900; color: #FF0000; height:12px; line-height:12px; } div.price_small { float:left; width:112px; color:#565656; text-align:right; font-weight:800; font-size:12px; padding:3px 0px 0px 0px; } div.price_addon { font-weight:100; font-color:#FFFFFF; font-size:8px; } div.add_cart_big { padding-left:75px; } .details { float:right; margin:0px 3px 0px 0px; } div.price_box .add_cart { float:right; } /* product info -- */ .box_RIGHT .center { text-align: center; } .box_LEFT .center { text-align: center; } .box_RIGHT div.image { float:left; width:133px; height:106px; background-repeat:no-repeat; background-position:center center; } .box_RIGHT div.background { float:left; width:133px; height:106px; } .box_RIGHT div.background_bestseller { float:left; width:40px; height:35px; } .box_RIGHT div.image_bestseller { float:left; width:40px; height:35px; padding:0px; background-repeat:no-repeat; background-position:center center; } .box_LEFT div.image { float:left; width:133px; height:106px; padding:0px; background-repeat:no-repeat; background-position:center center;} .box_LEFT div.background { float:left; width:133px; height:106px; } div.more_image { float:left; width:70px; height:70px; padding:5px; margin: 0px 0px 9px 10px; _margin: 0px 0px 5px 5px; background-repeat:no-repeat; background-position:center center; border-width: 1px; border-style: solid; border-color: #ddd;} div.image_pro { float:left; width:143px; height:121px; padding-left:10px; background-repeat:no-repeat; background-position:center center; } #product_info_topCONTAINER { float:left; margin:0px 0px 0px 5px; width:680px; padding: 5px 0px 0px 5px; } #product_info_topCONTAINER .imageCONTAINER { float: left; width: 300px; } #product_info_topCONTAINER .product_imagefullCONTAINER { float:both; margin: 0 auto; padding:auto; width: 280px; height: 280px; text-align:center; background-position:center center; background-repeat:no-repeat; } #product_info_topCONTAINER .product_image_smallCONTAINER { float: left; width: 60px; height: 60px; margin: 0 5px 5px 0px; background-position:center center; background-repeat:no-repeat; } #product_info_topCONTAINER #content_left { float:left; width: 300px; } #product_info_topCONTAINER #content_right { float:right; width: 160px; margin-right: 8px; background-color:#EDEDED; border-width:1px; border-style:solid; border-color: #B8B8B8;} #product_info_topCONTAINER #content_right .modle { float:both; margin: 0 auto; padding: auto; text-align:center; color: #FFF; background-color: #666666; height:20px; line-height:20px;} #product_info_topCONTAINER #content_right ul{ list-style-type:none; text-align: left; } #product_info_topCONTAINER .product_price { float:both; margin: 0 auto; padding: auto; text-align:center; font-size:16px; font-weight:900; color: #000000; height:40px; line-height:40px; } #product_info_topCONTAINER .product_price_addon { float:both; margin: 0 auto; padding: auto; text-align:center; font-size:9px; font-weight:200; color: #333333; } #product_info_topCONTAINER .product_price_addon a { color: #333333; } #product_info_topCONTAINER .productOldPrice { float:both; margin: 0 auto; padding: auto; text-align:center; font-size:12px; font-weight:900; color: #000000; height:15px; line-height:15px; } #product_info_topCONTAINER .productNewPrice { float:both; margin: 0 auto; padding: auto; text-align:center; font-size:14px; font-weight:900; color: #FF0000; height:15px; line-height:15px; } #product_info_topCONTAINER .shippingtime { float:both; margin: 0 auto; padding: auto; text-align:center; font-size:10px; font-weight:200; color: #333333; 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; background-color:#FFFFFF; border-width:0px 1px 0px 0px; border-style:solid; border-color: #EDEDED;} #product_info_topCONTAINER .module_options .head { float:left; width:159px; margin:0; padding:0; text-align:center; font-size:11px; font-weight:900; color: #333333; 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: #333333; height:19px; line-height:19px;} .product_imageCONTAINER_img {float:left; width:95px; margin:3px 0px 0px 3px; padding:0px; background-repeat:no-repeat; background-position:center center;} #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: #333333; height:20px;} #product_info_topCONTAINER .add_cart .add_quty { float:left; width:18px; height: 15px; margin:0px 0px 0px 5px; _margin:0px 0px 0px 2px } #product_info_topCONTAINER .add_cart .button_cart { float:right; margin:0px 2px 0px 0px; padding:0;} #product_info_topCONTAINER .add_cart .button_cart input { border:0px;} #product_info_topCONTAINER .add_cart .add_quty input { width:18px; height:15px; vertical-align:middle; text-align:center; font-size:11px; font-weight:900; color: #333333;} .button_extra { float:right; width:160px; margin:15px 0px 0px 0px; padding:0;} div#products_mo_images { float:left; width:680px; margin: 5px 0 0 5px; border-color: #999999; border-style:solid; border-width:0px 0px 1px 0px;} div#products_mo_images .product_imageCONTAINER { float:left; width: 100px; height: 60px; margin: 5px 0px 7px 10px; background-position:center center; background-repeat: no-repeat; } div#products_desc { float:left; width:682px; margin: 8px 0 0 5px; } div#products_desc p { float:left; width:682px; margin: 2px 0 0 0px; } div#products_desc .text{ float:left; width:682px; font-size:11px; font-weight:200; color:#333333; padding:5px;} .boxsubheadCONTENT { float:left; font-size:11px; font-weight:200; color:#333333; padding:5px;} #content .info_content { float:both; margin:0px; width:650px; padding: 10px 15px 10px 0px; } #content .info_content_right { float:right; height:65px; text-align:right; margin:5px 0 0 0; width:583px; padding: 10px 5px 10px 28px; } #content .also_purchased { float:both; margin:0px; padding: 2px 0px 2px 0px; } #content .reviews { float:both; margin:0px; padding: 2px 0px 2px 0px; } .button_left { float:left; padding-top:5px; padding-bottom:5px; } .button_right { float:right; padding-top:5px; padding-bottom:5px; text-align: right; } .button_right a { text-align: right; } .button_right input{ border-width:0px; } a.confirmationEdit { text-align: right; } .text_red { color:#e90606; } #content .reviews div { vertical-align:bottom; height:25px; float:left; padding: 5px 2px 0px 2px; } #content .reviews div.input_rating { padding: 1px 2px 2px 2px; vertical-align:top; } #content .reviews div.submit { float:right; padding: 1px 2px 2px 2px; vertical-align:top; } /* menu -- */ #cross_sellingCONTAINER { float:left; width:690px; text-align:center; padding:0px; margin:0 0 0 5px; _margin:0 0 0 5px; background-image:url(img/backer_right.gif); background-repeat:repeat-y; background-position:right; } #cross_sellingCONTAINER .cross_sellingCONTAINERBOX { float:left; width:229px; height:168px; padding:0px; margin: 0px 0px 0px 0px; _margin: 0px 0px 0px 0px; background-image:url(img/bg_bracker3.gif); background-repeat:repeat-x; background-position:bottom; } #cross_sellingCONTAINER div.headline {float:left; color:#DB9502; font-size:10px; text-align:left; padding:2px 0px 0px 6px; width:120px; } #cross_sellingCONTAINER div.headline a {color:#DB9502;} #cross_sellingCONTAINER div.image { float:left; width:95px; margin:3px 0px 0px 3px; padding:0px; background-repeat:no-repeat; background-position:center center; } #cross_sellingCONTAINER div.background { float:left; width:95px; height:90px; margin:0px 0px 5px 0px; } #cross_sellingCONTAINER div.content { float:left; font-size:10px; color:#DB9502; width:120px; text-align:center; height:20px; margin:0px; } #cross_sellingCONTAINER div.desc { float:left; color: #333333; font-size:10px; height:65px; text-align:left; padding:8px 0px 0px 6px; width:120px; } #cross_sellingCONTAINER div.zoom { float:left; width:58px; height:21px; } #cross_sellingCONTAINER .product_imageCONTAINER { float:left; width:95px; margin:3px 0px 0px 3px; padding:0px; background-repeat:no-repeat; background-position:center center;} #cross_sellingCONTAINER div.content {float:left; font-size:10px; color:#DB9502; width:120px; text-align:center; height:20px; margin:0px; } .info_content { float:left; margin:0px; width:650px; padding: 8px; } /* 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); } .right { float:right; } /* error -- */ .error { margin-top:10px; background-color:#fff; color: #990000; border-color: #990000; border-style:solid; border-width:1px; padding:6px; } .info_message { margin-top:10px; color: #990000; border-color: #990000; border-style:solid; border-width:1px; padding:6px; } .active { background-color:#B8B8B8; } .text { padding-left: 6px ; marign-left:6px; } .text_small { font-size:9px; } /* shopping cart -- */ div#shopping_cartCONTAINER { width:98%; padding: 0px 6px 6px 6px; } div.form_text { float:left; width:180px; margin:2px; padding:5px; line-height:16px; } div.form_input { float:left; width:250px; margin:2px; padding:5px; 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; width:600px; margin-left:35px; text-align:center; } div#checkout_navtrailCONTAINER ul { list-style-type:none; margin:0px 0px 30px 50px; 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: #333333; } div.address_text { float:left; width:180px; padding:5px; } div.address_input { float:left; width:250px; padding:5px; } .none_CONTENT { } .none_CONTENT .info_contentLEFT { padding:5px 5px 5px 28px; float:left; width:320px; } .none_CONTENT .adress_labelRIGHT { float:right; height:80px; width:250px; border-left-style:solid; border-left-width:1px; border-left-color:#d6d6d7; padding:5px; } .none_CONTENT .adress_labelRIGHT .address_change_button { text-align:right; } #shipping_blockCONTAINER { float:both; width:665px; padding-left:5px; } #shipping_blockCONTAINER .shipping_title { float:both; } #shipping_blockCONTAINER .shipping_desc { float:both; padding-bottom:5px; } #shipping_blockCONTAINER .shipping_desc .radio{ float:left; padding-top:3px; width:30px; } #shipping_blockCONTAINER .shipping_desc .text{ float:left; width:400px; } #payment_blockCONTAINER { float:both; width:665px; padding-left:5px; } #payment_blockCONTAINER .payment_title { float:both; width:572px; } #payment_blockCONTAINER .payment_title .select { float:left; width:30px; padding-top:3px; } #payment_blockCONTAINER .payment_title .text { float:left; width:200px; } #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; } .info_content .title { float:both; padding:30px 0px 5px 0px; vertical-align: bottom; } .info_content .checkbox { float:left; padding-top:3px; width:30px; } .info_content .agb { float:both; border-width: 1px; border-style: solid; border-color: #ddd; background-color: #424242; } .info_content .agb_text { float:left; padding-top:5px; color: #000; } #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-top: 20px; text-align:center; border-color:#DB9502; border-style:solid; border-width:1px; padding:6px 6px; color: #999999; } 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; bottom:0px; width:680px; height:20px; line-height:15px; margin:5px 0px 0px 5px; padding:2px 5px 0px 5px; vertical-align:middle; border-style:solid; border-width:1px 0 0 0; border-color:#DB9502; /*border:none;*/ } div#footer { float:left; width:900px; 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); } /* Copyright -- */ div.copyright { display:block; margin-left:auto; margin-right:auto; width:900px; vertical-align:middle; text-align:center; color:#666666; font-size:11px; padding:0px 0px 10px 0px; } div.parseTime { display:block; margin-left:auto; margin-right:auto; width:900px; vertical-align:middle; text-align:center; color:#666666; 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); } .moduleRow { line-height: 16px; float:left; width:665px; border-width: 1px; border-style: solid; border-color: #ddd; margin-bottom : 10px; } .moduleRowOver { line-height: 16px; float:left; width:665px; border-width: 1px; border-style: solid; border-color: #ddd; margin-bottom : 10px; background-color: #EDEDED; } .moduleRowSelected { font-weight: 900; line-height: 16px; float:left; width:665px; border-width: 1px; border-style: solid; border-color: #ddd; margin-bottom : 10px; background-color: #EDEDED; } .moduleRowOver .payment_title .text { font-weight: 900; } div#method_blockCONTAINER { float:right; width:500px; padding: 0px 5px 5px 0px; } div#method_blockCONTAINER div { padding-top: 5px; } div#method_blockCONTAINER .title { float:left; width:150px; } div#method_blockCONTAINER .input { float:left; width: 280px; } /* ----------------------------------------------- */ .jcarousel-skin-tango.jcarousel-container { } .jcarousel-skin-tango.jcarousel-container-horizontal { width: 680px; padding: 6px 20px 0px 40px; _padding: 0px 20px 0px 40px; _margin: 0 0 0 17px; } .jcarousel-skin-tango.jcarousel-container-vertical { width: 75px; height: 660px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 660px; height: 130px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 660px; } .jcarousel-skin-tango .jcarousel-item { width: 210px; height: 130px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /* * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/arrows/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/arrows/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/arrows/next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/arrows/prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } /* ----------------------------------------------- */ .jcarousel-skin-tango-double.jcarousel-container { margin-left: 10px; } .jcarousel-skin-tango-double.jcarousel-container-horizontal { width: 492px; padding: 10px 0px 0px 0px; } .jcarousel-skin-tango-double.jcarousel-container-vertical { width: 474px; height: 300px; padding: 10px 10px 0px 0px; } .jcarousel-skin-tango-double .jcarousel-clip-horizontal { width: 492px; height: 330px; } .jcarousel-skin-tango-double .jcarousel-clip-vertical { width: 75px; height: 660px; } .jcarousel-skin-tango-double .jcarousel-item { width: 492px; height: 330px; } .jcarousel-skin-tango-double .jcarousel-item-horizontal { margin: 10px 0px; } .jcarousel-skin-tango-double .jcarousel-item-vertical { margin: 10px 0; } .jcarousel-skin-tango-double .jcarousel-item-placeholder { background: #fff; color: #000; } /* * Horizontal Buttons */ .jcarousel-skin-tango-double .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/arrows/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango-double .jcarousel-next-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango-double .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango-double .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango-double .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango-double .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango-double .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/arrows/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango-double .jcarousel-prev-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango-double .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango-double .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango-double .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango-double .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /* Vertical Buttons */ .jcarousel-skin-tango-double .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/arrows/next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango-double .jcarousel-next-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango-double .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango-double .jcarousel-next-disabled-vertical, .jcarousel-skin-tango-double .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango-double .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango-double .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(img/arrows/prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango-double .jcarousel-prev-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango-double .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango-double .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango-double .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango-double .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .more_img {float:left; width:190px; margin:0px 0 0 10px; _margin:0px 0 0 5px;padding:0px;} /* Intelli Search suggest list layout Change this lines as you like to asign other colours, fonts, borders etc. to the Intelli Search suggest List */ div#intelliSearchResult { position:absolute; width:133px; z-index:1; background-color:#EDF3FF; padding:0px; margin:-4px 0px 0px 2px; border-style:solid; border-color:#999999; border-width:0px 1px 0px 1px; display:none; visibility:hidden; } div#intelliSearchResult a { display:block; padding:4px; width:125px; border-style:solid; border-color:#999999; border-width:0px 0px 1px 0px; font-size:11px; } div#intelliSearchResult a:hover { display:block; background-color:#3366CC; color:#FFFFFF; text-decoration:none; }