/* ----------------------------------------------------------------------------------------------- 01. GLOBAL - Nagłówki, ikony, linki, kontener i Logo 02. TOP 02.1 Wyszukiwarka 02.2 Forma logowania 02.3 Menu główne 02.3.a Menu płaskie 02.3.b Menu rozwijane (poziome) 02.3.c Menu rozwijane (pionowe) 02.3.d Menu rozwijane (rozgałęzione) 02.4 Nawigator 02.5 Mini koszyk 03. CENTER COLUMNS - left, right, center 03.1 Menu - Elementy nawigacyjne 03.1.a Menu lewe 03.1.b Menu prawe 03.1.c Menu zakładkowe 03.1.d Menu górne 03.1.e Menu środkowe 03.1.f Menu dolne 03.2 Zawartość 03.2.a Elementy - pasek przewijania stron, tabele, komunikaty 03.2.b Boksy 03.2.c Podstrony 04. BOTTOM 05. SYSTEM ----------------------------------------------------------------------------------------------- */ /* 01. GLOBALE -----------------------------------------------------------------------------------------------*/ /* Reset */ html, body, div, p, h1, h2, h3, h4, ul, li, span, a, /*table, td,*/ form, fieldset, img { border: 0; margin: 0; padding: 0; list-style: none; } body { font: 11px Arial,Verdana, Helvetica, sans-serif; color: #555; text-align: center; background:url(images/layout/body_bg.gif) repeat-x top left; background-position: 0 -38px } .clear { clear: both; font-size: 0; line-height: 0; } /* Nagłówki */ h1 { font-size: 13px; color: #000; margin:15px 0px; } h2 { font-size: 18px; color: #222; margin:10px 0px; font-weight:normal; } h3 { font-size: 13px; color: #000; } h4 { font-size: 13px; color: #000; } p { margin:5px 0px;} div.col_center h1 { font-size:14px; color:#dd4800; } /* Linie rozdzielające */ .hr { background: #ccc; height: 1px; margin-top: 5px; margin-bottom: 5px; } /* Linki */ a:link { color:#222; text-decoration:none; outline: none; } a:visited { color:#222; text-decoration:none; outline: none; } a:hover { color:#222; text-decoration:underline; outline: none; } a:active { color:#000; text-decoration:none; outline: none; } /* Przyciski, ikonki */ a.comment:hover { color:#FFA978; } a.cart {background: url(images/ico_basket.gif) no-repeat; display: block; height: 22px; width:22px;} a.button {background: url(images/layout/button_bg.png) repeat-x; text-align:right; font-size:18px; text-decoration:none; border:1px solid #ccc; padding:4px 8px; color:#FFFFFF;} a.button:hover { color:#FFFFFF;} /* Kontrolki - tak shot to nazwal */ textarea { padding:3px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px;} select { padding:2px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px;} input[type=text], input[type=password] { padding:2px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif;} input[type=text]:hover, input[type=password]:hover { padding:2px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif;} input[type=submit].submit-hidden, input[type=submit], input[type=button], input[type=reset] { padding:2px 8px; background:url(images/layout/input_type_submit_bg.png) repeat-x; cursor:pointer; border:1px solid #ccc; color: #333; text-decoration: none; font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} input[type=button], input[type=submit] { background:url(images/layout/search_plug_btn_bg.gif) repeat-x; color:white; font-weight:bold; border:none; padding:4px 8px 5px 8px; margin-right:14px; margin-top:10px} input.narrowest { width:50px;} input.narrow { width:150px;} input.wide { width:250px;} input.widest { width:400px;} textarea.narrowest { width:50px;} textarea.narrow { width:150px;} textarea.wide { width:250px;} textarea.widest { width:400px;} /* Kontener - Logo*/ div#site{ position: relative; font-size: 1.1em; line-height: 1.6em; width: 980px; text-align: left; margin: 30px auto 10px auto; padding: 109px 0px 0px 0px; } div#top { background-color: #FFF; width:980px; height:75px; position:absolute; top:5px; z-index: 1; } div#site a#logo { display: block; position: absolute; left: 1px; top: 14px; width: 70px; height: 63px; margin: 0; background: url(images/layout/muso_sklep_logo.png) no-repeat; text-indent: -9999px; overflow: hidden; z-index: 200; } div#site div#slogan { height:38px; width:156px; background:url(images/layout/slogan_img.png) no-repeat; position:absolute; top:36px; left:84px; z-index:200} /* Inne */ #trailimageid { /*font-size: 0.75em;*/ font-size:11px; position: absolute; display: none; left: 0px; top: 0px; width: auto;height: 0px; z-index: 150; } .popup { margin: 0 auto; text-align: left; width: 600px; padding-top: 20px;} .to_use { padding: 30px; border: 1px solid #00CC66; clear: both; background: #CCFFCC; } /* 02. TOP -----------------------------------------------------------------------------------------------*/ /* 02.1 Wyszukiwarka -----------------------------------------------------------------------------------------------*/ div#search { text-align:right; background:#D0E799; float:right; width:310px; height:33px} div#search input[type="text"] { padding:0px; margin:0px; border:none; background:url(images/layout/top_search_input_bg.gif); width:235px; float:left; font-size:11px; padding:9px 0 10px 5px} .autocomplete-w1 { background:url(Library/autocomplete/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; white-space:nowrap; } .autocomplete strong { font-weight:normal; color:#3399FF; } /* 02.2 Forma logowania -----------------------------------------------------------------------------------------------*/ div#login_board { position: absolute; top: -23px; right:0px; padding: 0; z-index: 1; text-align: right; } div#login_board a {color: #B81102; text-decoration:none;} div#login_board a:hover { text-decoration:underline;} div#login_board ul { margin: 0px; padding: 0px; width: 400px; float: right;} div#login_board ul li { float: right; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; padding-right: 8px; } div#login_board ul li a { border-right:1px solid #f1f1f1; padding-right:8px;} div#login_board ul li a:hover {} div#login_board ul li.avatar { display: none; } div#login_board ul li.avatar img { width: 32px; } div#login_board ul li.login a { font-weight:bold; color:#333333;} div#login_board ul li.cart a {background:url(images/layout/icons/cart.gif) left no-repeat; padding-left:27px;} div#login_board ul li.logout a { border:none; padding-right:0px;} /* 02.3 Menu główne -----------------------------------------------------------------------------------------------*/ /* 02.3.a Menu płaskie -----------------------------------------------------------------------------------------------*/ div#menu_type_0 { clear: both; margin: 0px auto; padding: 0px 0 8px 0;} div#menu_type_0>ul { height: 33px; margin: 0px; padding: 0px; background:url(images/layout/top_menu_button.gif) repeat-x; } div#menu_type_0>ul>li a{ color: #fff; display: block; height: 33px; line-height: 33px; padding-left: 12px; padding-right: 13px; text-decoration: none; } div#menu_type_0>ul>li { float: left; font-size: 13px; font-weight: bold; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; position: relative; display: inline; } div#menu_type_0>ul>li.bullet { color: #CFCFCF; line-height: 31px; } div#menu_type_0>ul>li.header { background: #CCCCCC; border: none; font-weight: normal; line-height: 31px; padding-left: 5px; padding-right: 5px; vertical-align: middle; } div#menu_type_0>ul>li.normal>a{ color:#fff; background:url(images/layout/top_menu_button.gif) repeat-x; } div#menu_type_0>ul>li.normal>a:hover{ color:white; background:url(images/layout/top_menu_button_h.gif) repeat-x } div#menu_type_0>ul>li.pressed>a{ color:white; background:url(images/layout/top_menu_button_h.gif) repeat-x } div#menu_type_0>ul>li.pressed>a:hover{} div#menu_type_0>ul>li.promoted>a{background: #FF9900; } div#menu_type_0>ul>li.promoted>a:hover{background: #FFC773; } div#menu_type_0>ul>li.separator{ background: #333399; line-height: 31px; padding-left: 5px; padding-right: 5px; } div#menu_type_0>ul>li:last-child { display: block; } /* 02.3.b Menu rozwijane (poziome) -----------------------------------------------------------------------------------------------*/ div#menu_type_1 { clear: both; margin: 0px auto; padding: 0px;} div#menu_type_1>ul { background: #6D0839; height: 31px; margin: 0px; padding: 0px; } div#menu_type_1>ul>li a{ color: #fff; display: block; height: 31px; line-height: 31px; padding-left: 12px; padding-right: 13px; text-decoration: none; } div#menu_type_1>ul>li { float: left; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; position: relative; display: inline; } div#menu_type_1>ul>li.bullet { color: #CFCFCF; line-height: 31px; } div#menu_type_1>ul>li.header { background: #CCCCCC; font-weight: normal; line-height: 31px; padding-left: 5px; padding-right: 5px; vertical-align: middle; } div#menu_type_1>ul>li.normal>a{ color:#fff; border-right:1px solid #A30C53; background:#6D0839; } div#menu_type_1>ul>li.normal>a:hover{ color:#333333; background:#6D0839; } div#menu_type_1>ul>li.hovered>a { color:#333333; border-right:1px solid #A30C53; background:#A30C53; } div#menu_type_1>ul>li.pressed>a{ color:#fff; border-right:1px solid #A30C53; background: #A30C53;} div#menu_type_1>ul>li.pressed>a:hover{ background: #A30C53; } div#menu_type_1>ul>li.promoted>a{background: #FF9900; } div#menu_type_1>ul>li.promoted>a:hover{background: #FFC773; } div#menu_type_1>ul>li.separator{ background: #333399; line-height: 31px; padding-left: 5px; padding-right: 5px; } div#menu_type_1>ul>li:last-child { display: block; } div#menu_type_1 ul.sub{border-top:1px solid #A30C53; margin: 0px; padding: 0px; background: #A30C53; min-height: 19px; padding-top:2px; padding-bottom:2px; overflow: hidden; font-size:11px;} div#menu_type_1 ul.sub>li a{ display: block; height: 12px; line-height: 12px; padding-left: 14px; padding-right: 15px; padding-top:3px; padding-bottom:3px; text-decoration: none; } div#menu_type_1 ul.sub>li{ float: left; height: 15px; line-height:15px; list-style:none;} div#menu_type_1 ul.sub>li.normal a{color: #FCF0E0; padding-left: 8px; padding-right: 8px; } div#menu_type_1 ul.sub>li.normal a:hover{ background:#6D0839; color: #FFF; padding-left: 8px; padding-right: 8px; } div#menu_type_1 ul.sub>li.pressed a{ background:#6D0839; color: #FFF; padding-left: 8px; padding-right: 8px; } div#menu_type_1 ul.sub>li.pressed a:hover{ background: none; color: #ffffff; padding-left: 8px; padding-right: 8px; } /* 02.3.c Menu rozwijane (pionowe) -----------------------------------------------------------------------------------------------*/ div#menu_type_2 { clear: both; margin: 0px auto; padding: 0px; border:1px solid #4C4C4C; border-left:none; border-right:none;} div#menu_type_2>ul { background: #000 url(images/layout/top_menu_bg.gif); height: 31px; margin: 0px; padding: 0px; } div#menu_type_2>ul>li a{ color: #fff; display: block; height: 31px; line-height: 31px; padding-left: 12px; padding-right: 13px; text-decoration: none; } div#menu_type_2>ul>li { float: left; list-style: none; margin: 0px; padding: 0px; vertical-align: middle; position: relative; display: inline; } div#menu_type_2>ul>li.bullet { color: #CFCFCF; line-height: 31px; } div#menu_type_2>ul>li.header { background: #CCCCCC; border: none; font-weight: normal; line-height: 31px; padding-left: 5px; padding-right: 5px; vertical-align: middle; } div#menu_type_2>ul>li.normal>a{ color:#fff; border-right:1px solid #4C4C4C; background:#000 url(images/layout/top_menu_bg_normal.gif); } div#menu_type_2>ul>li.normal>a:hover{ color:#333333; background:#D39030 url(images/layout/top_menu_bg_normal_hover.gif); } div#menu_type_2>ul>li.hovered>a { color:#333333; border-right:1px solid #4C4C4C; background:#D39030 url(images/layout/top_menu_bg_normal_hover.gif); } div#menu_type_2>ul>li.pressed>a{color:#333333; border-right:1px solid #4C4C4C; background: #A66300 url(images/layout/top_menu_bg_pressed.gif);} div#menu_type_2>ul>li.pressed>a:hover{ background: #A66300 url(images/layout/top_menu_bg_pressed_hover.gif); } div#menu_type_2>ul>li.promoted>a{background: #FF9900 url(images/layout/top_menu_bg_promoted.gif); } div#menu_type_2>ul>li.promoted>a:hover{background: #FFC773 url(images/layout/top_menu_bg_promoted_hover.gif); } div#menu_type_2>ul>li.separator{ background: #333399; line-height: 31px; padding-left: 5px; padding-right: 5px; } div#menu_type_2>ul>li:last-child { display: block; } div#menu_type_2 ul.sub{ font-size:11px; position: absolute; display:none; left:0px; top:31px; z-index: 100; margin: 0px; padding: 0px; list-style:none; } div#menu_type_2 ul.sub>li a{display: block; height: 22px; line-height: 22px; padding-left: 14px; padding-right: 15px; text-decoration: none; } div#menu_type_2 ul.sub>li{ border-bottom:1px solid #F0AC4D; z-index: 100000; height: 21px; float: none; height: 22px; width: 160px; background:#D39030 } div#menu_type_2 ul.sub>li.normal a{ border-top:1px solid #C87C23; color: #FAE0BE; padding-left: 8px; padding-right: 8px;} div#menu_type_2 ul.sub>li.normal a:hover{ background:#DF9B3B; color: #fff; padding-left: 8px; padding-right: 8px;} div#menu_type_2 ul.sub>li.pressed a{ background:#DF9B3B; color: #FAE0BE; border-top:1px solid #C87C23; padding-left: 8px; padding-right: 8px; } div#menu_type_2 ul.sub>li.pressed a:hover{ color: #fff; padding-left: 8px; padding-right: 8px; } div#menu_type_2 .arrow{ background:transparent url(images/layout/top_menu_arrow.gif) no-repeat left; width:25px; height:31px; position: absolute; right: 0; top: 0 } div#menu_type_2 ul>li>.arrowed { padding-right: 35px } /* 02.3.d Menu rozwijane (rozgałęzione) -----------------------------------------------------------------------------------------------*/ * html .jqueryslidemenu ul li a { display: inline-block; } div#menu_type_3>ul { display: none } div#menu_type_3 .jqueryslidemenu { font: bold 12px Verdana; background: #fff; width: 100%; border-bottom: 2px solid #dd4800;} div#menu_type_3 .jqueryslidemenu ul { margin: 0; padding: 0; list-style-type: none; } div#menu_type_3 .jqueryslidemenu ul li { position: relative; display: inline; float: left; z-index: 10000 } div#menu_type_3 .jqueryslidemenu ul li.pressed>a { background: #dd4800; color: #FAE0BE; } div#menu_type_3 .jqueryslidemenu ul li.separator>a { background: #333399; line-height: 31px; padding-left: 5px; padding-right: 5px; } div#menu_type_3 .jqueryslidemenu ul li ul li.pressed>a { background: #dd4800; color: #FAE0BE; } div#menu_type_3 .jqueryslidemenu ul li a { display: block; background: #fff; color: #3a3832; padding: 8px 10px; font-size: 11px; font-weight: normal; text-decoration: none; } div#menu_type_3 .jqueryslidemenu ul li a:link { } div#menu_type_3 .jqueryslidemenu ul li a:visited {} div#menu_type_3 .jqueryslidemenu ul li a:hover { background:#cc0000; } div#menu_type_3 .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } div#menu_type_3 .jqueryslidemenu ul li ul li { display: list-item; float: none; } div#menu_type_3 .jqueryslidemenu ul li ul li ul { top: 0; } div#menu_type_3 .jqueryslidemenu ul li ul li a { width: 160px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #cc0000; } div#menu_type_3 .jqueryslidemenuz ul li ul li a:hover{ background: #cc0000; color: black; } div#menu_type_3 .downarrowclass { position: absolute; top: 12px; right: 7px; } div#menu_type_3 .rightarrowclass { position: absolute; top: 6px; right: 5px;} /* 02.4 Nawigator -----------------------------------------------------------------------------------------------*/ div#nav_bar { font-size: 11px; overflow: hidden; background:url(images/layout/nav_bar_bg.gif) repeat-x; height:28px; line-height:28px; padding:0 0 0 14px} div#nav_bar ul{ margin: 0px; padding: 0px; } div#nav_bar ul li{ float: left; list-style: none; margin-right: 5px; } div#nav_bar ul li a{ text-decoration: none; } div#nav_bar ul li a:link{ color: #666; } div#nav_bar ul li a:link:hover{ color: #333; } div#nav_bar ul li a:visited{ color: #666; } div#nav_bar ul li a:visited:hover{ color: #333; } div#nav_bar ul li.first{ color: #999; } div#nav_bar ul li.pressed{ color:#B81102; font-weight: bold; } div#nav_bar ul li.separator{ color: #999; float: left; } div#nav_bar ul li.title a{ color: #666; } div#nav_bar ul li.title a:visited:hover{ color: #333; } /* 02.5 Mini koszyk -----------------------------------------------------------------------------------------------*/ /* 03. CENTER COLUMNS -----------------------------------------------------------------------------------------------*/ div#center { overflow: hidden; background:#FFFFFF; } .col_center .home { } .col_left { width: 220px; float: left; min-height:150px; } .col_right { width: 208px; float: right; min-height:150px; } .col_center { min-height:150px; padding:0px; margin-bottom: 10px; color:#333; } .col_center.full { float:left; width:100%} .col_center.middle{ width: 540px; margin:auto; overflow: hidden; } .col_center.only_col_left { width: 734px; float:right; } .col_center.only_col_right { width: 624px; float:left; } .col_center.col_left_and_col_right { width:524px; float:left; } .col_center.col_left_and_col_right .category_name_header { color:#B81102; font-weight:bold; background:url(images/layout/category_products_first-child.gif) repeat-x; overflow:hidden; margin:1px 0 0 1px; height:35px; line-height:34px; padding:0 13px; font-size:15px} .col_center.col_left_and_col_right .category_name_header .border {border-bottom:1px solid #EAECF1; margin-left:0 12px;} .col_center.popup{ width: 580px; } .col_center.only_col_left_w300 {width: 640px;} .cms { padding:10px} /* 03.1 Menu - Elementy nawigacyjne -----------------------------------------------------------------------------------------------*/ /* 03.1.a Menu lewe -----------------------------------------------------------------------------------------------*/ .cms>.col_left .category_left { width:208px; border:1px solid #EAECF1; padding:1px; margin-bottom:10px; overflow:hidden; } .cms>.col_left .category_left ul { margin:0px; padding:0px;} .cms>.col_left .category_left ul li { margin:0px; padding:0px; height:33px; line-height:33px; border-top:1px solid #EAECF1;} .cms>.col_left .category_left ul li:first-child { background:url(images/layout/category_products_first-child.gif) repeat-x top; border:none} .cms>.col_left .category_left ul li:last-child { background:url(images/layout/category_products_last-child.gif) repeat-x bottom;} .cms>.col_left .category_left .separator{ display: block; line-height: 30px; text-decoration: none; } .cms>.col_left .category_left .separator_end { height:10px; background:#00CC66;} .cms>.col_left .category_left .header { font-weight:bold; background:#333; color: #ffffff; line-height: 16px;} .cms>.col_left .category_left .main_normal {} .cms>.col_left .category_left .main_normal a { display:block; color:#222; font-weight:bold; padding-left:14px; text-decoration:none} .cms>.col_left .category_left .main_normal a:hover { background: #B81102; color:white;} .cms>.col_left .category_left .main_pressed { display:block; background: #B81102;} .cms>.col_left .category_left .main_pressed a {display:block; color:white; font-weight:bold; padding-left:14px; text-decoration:none} .cms>.col_left .category_left .main_pressed a:hover{} .cms>.col_left .category_left .sub_normal{} .cms>.col_left .category_left .sub_normal a { display: block; padding-left:25px; color:#64686E; text-decoration:none;} .cms>.col_left .category_left .sub_normal a:hover {background: #B81102; color:white;} .cms>.col_left .category_left .sub_pressed {} .cms>.col_left .category_left .sub_pressed a { display: block; padding-left:25px; background: #B81102; color:white; text-decoration:none;} .cms>.col_left .category_left .sub_pressed a:hover{} /* 03.1.b Menu prawe -----------------------------------------------------------------------------------------------*/ .cms>.col_right .category_right { width:208px; float:right; margin-bottom:10px; border:1px solid #EAECF1;} .cms>.col_right .category_right .separator{ display: block; line-height: 30px; text-decoration: none; } .cms>.col_right .category_right .separator_end { height:10px; background:#00CC66;} .cms>.col_right .category_right>header{ font-weight:bold; background:#333; color: #ffffff; line-height: 16px; } .cms>.col_right .category_right .main_normal {} .cms>.col_right .category_right .main_normal a { display:block;} .cms>.col_right .category_right .main_normal a:hover {} .cms>.col_right .category_right .main_pressed {display:block;} .cms>.col_right .category_right .main_pressed a {} .cms>.col_right .category_right .main_pressed a:hover{} .cms>.col_right .category_right .sub_normal{} .cms>.col_right .category_right .sub_normal a { display: block;} .cms>.col_right .category_right .sub_normal a:hover {} .cms>.col_right .category_right .sub_pressed {} .cms>.col_right .category_right .sub_pressed a { display: block;} .cms>.col_right .category_right .sub_pressed a:hover{} /* 03.1.c Menu zakładkowe -----------------------------------------------------------------------------------------------*/ .cms>.col_top .category_top{ border-bottom: 3px solid #cccccc; width: 100%; margin-top: 15px; height: 31px; } .cms>.col_top .category_top .header { float: left; width:auto; background: #333333; color: #FFFFFF; line-height: 31px; padding-left: 10px; padding-right: 10px; margin-left: 2px; } .cms>.col_top .category_top .main_normal{ float: left; width:auto; background: #F4F4F4; border: 1px solid #CCCCCC; border-bottom: none; line-height: 30px; padding-right: 10px; padding-left: 10px; margin-left: 2px; } .cms>.col_top .category_top .main_normal a { color: #000000; display: block; line-height: 30px; text-decoration: none; } .cms>.col_top .category_top .main_normal a:hover { text-decoration: underline; } .cms>.col_top .category_top .main_pressed { float: left; width:auto; background: #FFFFFF; border: 1px solid #CCCCCC; border-bottom: none; line-height: 33px; margin-bottom: -4px; height: 33px; padding-right: 10px; padding-left: 10px; margin-left: 2px } .cms>.col_top .category_top .main_pressed a { color: #000000; display: block; line-height: 30px; text-decoration: none; } .cms>.col_top .category_top .main_pressed a:hover { text-decoration: underline; } .cms>.col_top .category_top .separator { display: block; line-height: 30px; text-decoration: none; } .cms>.col_top .category_top .separator_end { } /* 03.1.d Menu górne -----------------------------------------------------------------------------------------------*/ .cms>.col_center .category_top{ background: #fafa99; margin: 0px; overflow: hidden; padding: 7px; } .cms>.col_center .category_top .main_normal{ float: left; margin-right: 10px; } .cms>.col_center .category_top .main_normal a { text-decoration: none; } .cms>.col_center .category_top .main_normal a:hover { text-decoration: underline; } .cms>.col_center .category_top .main_pressed{ float: left; margin-right: 10px; } .cms>.col_center .category_top .main_pressed a { text-decoration: none; color: #000000; } .cms>.col_center .category_top .main_pressed a:hover { text-decoration: underline; } .cms>.col_center .category_top .sub_normal{ float: left; margin-right: 10px; } .cms>.col_center .category_top .sub_normal a { text-decoration: none; } .cms>.col_center .category_top .sub_normal a:hover { text-decoration: underline; } .cms>.col_center .category_top .sub_pressed{ float: left; margin-right: 10px; } .cms>.col_center .category_top .sub_pressed a { text-decoration: none; color: #000000; } .cms>.col_center .category_top .sub_pressed a:hover { text-decoration: underline; } /* 03.1.e Menu środkowe -----------------------------------------------------------------------------------------------*/ .cms>.col_center .category_center {} .cms>.col_center .category_center .header{ background: #333333; color: #FFFFFF; line-height: 20px; } .cms>.col_center .category_center .main_normal{ background: #F0F5F9 url(images/layout/center_top_center_category_normal_bg.gif) left no-repeat; border-bottom: 1px solid #fff; line-height: 20px; } .cms>.col_center .category_center .main_normal a{ display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } .cms>.col_center .category_center .main_normal a:hover{ background: #B2CDE0 url(images/layout/center_top_center_category_normal_hover_bg.gif) left no-repeat; color: #333333; } .cms>.col_center .category_center .main_pressed{ border-bottom: 1px solid #fff; background: #B2CDE0 url(images/layout/center_top_center_category_normal_pressed_bg.gif) left no-repeat; font-weight: bold; line-height: 30px; } .cms>.col_center .category_center .main_pressed a{ color: #333; display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } .cms>.col_center .category_center .main_pressed a:hover{ } .cms>.col_center .category_center .separator{ display: block; line-height: 20px; text-decoration: none; } .cms>.col_center .category_center .separator_end { } .cms>.col_center .category_center .sub_normal{ font-size: 11px; background: #F0FfF9; line-height: 20px; padding-left: 0px; } .cms>.col_center .category_center .sub_normal a{ color: #000000; display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } .cms>.col_center .category_center .sub_normal a:hover{ background: #DCEDF1 url(images/layout/center_top_center_category_sub_normal_hover_bg.gif) left no-repeat; } .cms>.col_center .category_center .sub_pressed{ font-size: 11px; background: #DCEDF1; line-height: 20px; } .cms>.col_center .category_center .sub_pressed a{ color: #000000; display: block; line-height: 20px; padding-left: 15px; text-decoration: none; } .cms>.col_center .category_center .sub_pressed a:hover{ } /* 03.1.f Menu dolne -----------------------------------------------------------------------------------------------*/ .cms>.col_center .category_bottom{ background: #fdf5e6; margin: 0px; overflow: hidden; padding: 7px; } .cms>.col_center .category_bottom .frame_html { background: white; } .cms>.col_center .category_bottom .main_normal{ float: left; margin-right: 10px; } .cms>.col_center .category_bottom .main_normal a { text-decoration: none; } .cms>.col_center .category_bottom .main_normal a:hover { text-decoration: underline; } .cms>.col_center .category_bottom .main_pressed{ float: left; margin-right: 10px; } .cms>.col_center .category_bottom .main_pressed a { text-decoration: none; color: #000000; } .cms>.col_center .category_bottom .main_pressed a:hover { text-decoration: underline; } .cms>.col_center .category_bottom .sub_normal{ float: left; margin-right: 10px; } .cms>.col_center .category_bottom .sub_normal a { text-decoration: none; } .cms>.col_center .category_bottom .sub_normal a:hover { text-decoration: underline; } .cms>.col_center .category_bottom .sub_pressed{ float: left; margin-right: 10px; } .cms>.col_center .category_bottom .sub_pressed a { text-decoration: none; color: #000000; } .cms>.col_center .category_bottom .sub_pressed a:hover { text-decoration: underline; } /* 03.2 Zawartośc -----------------------------------------------------------------------------------------------*/ /* 03.2.a Elementy -----------------------------------------------------------------------------------------------*/ /* Pasek przewijania stron -----------------------------------------------------------------------------------------------*/ .page_bar { padding:17px 0px; overflow:hidden; float:right; margin-right:13px} .page_bar>.light { font-weight: bold; text-decoration: none; color:#B81102; float:left } .page_bar>.next { margin-left: 5px; text-decoration: none; margin-right: 5px; background:url(images/layout/page_bar_next.gif) no-repeat; height:17px; width:17px; text-indent:-9999px; float:left } .page_bar>.last { height:17px; width:17px; float:left; display:block; background:url(images/layout/page_bar_last.gif) no-repeat; text-indent:-999px} .page_bar>.previous { margin-right: 5px; margin-left: 5px; text-decoration: none; background: url(images/layout/page_bar_prev.gif) no-repeat; height:17px; width:17px; display:block; text-indent:-99999px } .page_bar>.first { background:url(images/layout/page_bar_first.gif) no-repeat; height:17px; width:17px; display:block; text-indent:-999px} .page_bar>.text { margin-right: 3px; color:#999999; float:left } .page_bar>a { text-decoration: none; float:left } .page_bar>a:hover { text-decoration: underline; } .page_bar>em { color:#fff; margin-right: 2px; margin-left: 2px; float:left } /* Komunikaty -----------------------------------------------------------------------------------------------*/ .col_center .message { background: url(images/layout/double_gradient_h_35.gif) repeat-x left; color: red; font-weight: bold; padding: 8px 0 7px 0; padding-left: 22px; margin-bottom: 5px; border: 1px solid #EAECF1;} .col_center .message.error { background: #EECCD6; color: #CC0000; border: 1px solid #A6002E; } .col_center .message.error a{color: #CC0000;} .col_center .message.ok { background: #F5FAE6; color: #006600; border: 1px solid #99CC33; } .col_center .message.ok a { color: #006600;} /* Form -----------------------------------------------------------------------------------------------*/ .col_center table.form { border-collapse:collapse; border:1px solid #D0E799;} .col_center table.form caption { text-align:left; font-weight:bold; background:#70B81E; padding:5px; color:#FFFFFF;} .col_center table.form td {background:#EBF5D3; padding:5px; padding-left:15px; padding-right:15px;} .col_center table.form td em { color:#FF0000;} .col_center table.form tbody td.left_column { width:150px; font-weight:bold;} .col_center table.form tbody td.right_column {} .col_center table.form tfoot td.left_column {} .col_center table.form tfoot td.right_column {padding-bottom:15px;} .col_center table.form td em.error { font-style:normal; margin-left:5px; background:url(images/layout/icons-validator-error.gif) no-repeat left; padding-left:20px; color:#FF0000;} .col_center table.form td em.success { font-style:normal; margin-left:5px; background:url(images/layout/icons-validator-ok.gif) no-repeat left; padding-left:20px; color:#006600;} .col_center table.form td .highlight { border:1px solid #FF0000;} /* 03.2.b Boksy -----------------------------------------------------------------------------------------------*/ /* Box - Cart Mini -----------------------------------------------------------------------------------------------*/ .cart_counter { overflow:hidden; float:right; height:35px; padding:5px 0 0 0} .cart_counter .title {font-size: 16px; color: #73a621; line-height: 30px; font-weight: bold;} .cart_counter .message { color:#940022} .cart_counter .dostawa { border-top: #99cc33 1px dotted; padding-left: 42px; padding-top: 10px; } .cart_counter .go_to_cart { margin:0 5px; text-align: center;} .cart_counter .go_to_cart a {color:#940022} .cart_counter .product { overflow:hidden; margin-bottom:5px; background:#FFFFFF;} .cart_counter .product .thumb { float: left; margin-right:5px;} .cart_counter .product .thumb img { width:64px; } .cart_counter .product .name { width:225px; float:left; font-weight:bold;} .cart_counter .product .count { float:left;} .cart_counter .product .count span.price { font-weight:bold;} .cart_counter .subtotal {} /* Box - Koszyk -----------------------------------------------------------------------------------------------*/ #box_cart { overflow: hidden; padding:1px; background:url(images/layout/category_products_first-child.gif) repeat-x 1px 1px; position:relative; border:1px solid #EAECF1; padding:0 0 25px 0 ; margin-bottom:10px} #box_cart table { padding:0 15px} #box_cart table th { text-align:left; color:#666666; vertical-align:top} #box_cart table td { padding-left:5px; font-weight:bold; color:#BE2819; vertical-align:top} #box_cart a { display:block; width:192px; position:absolute; background:url(images/layout/search_plug_adv_btn_bg.gif); height:28px; line-height:28px; color:#B81102; text-decoration:none; padding-right:14px; text-align:right; bottom:1px; left:1px} /* Box - Sonda -----------------------------------------------------------------------------------------------*/ #box_survey { overflow:hidden; padding:1px; background:url(images/layout/header_wyszukiwarka_bg.gif) repeat-x top left; overflow:hidden; width:198px; border:1px solid #EAECF1; margin-bottom:10px; padding-right: 10px; } #box_survey .question { font-weight:bold; font-size:12px; margin-bottom:10px; padding:0 14px} #box_survey .vote { text-align:center; float:right} #box_survey .vote input[type=button] {background:url(images/layout/search_plug_btn_bg.gif) repeat-x; color:white; font-weight:bold; border:none; padding:4px 8px 5px 8px; float:right; margin-right:14px; margin-top:10px} #box_survey .answer { font-weight:bold;} #box_survey .summary {margin-top:5px;} #box_survey .reply { margin-left:15px } #box_survey .statistic_chart { background:#6D0839; height:5px;} #box_survey .statistic {} /* Box - Aktualności kategorie -----------------------------------------------------------------------------------------------*/ #box_news_category { overflow:hidden; /*background:#00FF00*/} #box_news_category h2 { color:#ff9148; font-size:14px; padding:0; margin:0 0 10px 0;} #box_news_category>form { margin:0 0 0 10px;} #box_news_category>form input[type='text'] { width:90px; font-size:11px;} #box_news_category>form input[type='submit'] { font-size:11px;} #box_news_category>ul { padding:0; margin:10px 0 10px 10px;} #box_news_category>ul li { list-style:none;} #box_news_category>ul li a { display:block; color:#0d58ac; text-decoration:none;} #box_news_category>ul li a:hover { text-decoration:underline;} /* Box - Wyszukiwarka -----------------------------------------------------------------------------------------------*/ #box_search { width:208px; border:1px solid #EAECF1; padding:1px; background:url(images/layout/header_wyszukiwarka_bg.gif) repeat-x top left; overflow:hidden; margin-bottom:10px } #box_search .input_field {width:180px; height:33px; background:url(images/layout/search_plug_search_field_bg.gif) no-repeat; margin-left:14px} #box_search .input_field input[type=text] { float:right; border:none; width:130px; font-size:11px; padding:9px 5px 9px 12px; background:transparent } #box_search input[type=submit] { background:url(images/layout/search_plug_btn_bg.gif) repeat-x; color:white; font-weight:bold; border:none; padding:4px 8px 5px 8px; float:right; margin-right:14px; margin-top:10px} #box_search a { display:block; background:url(images/layout/search_plug_adv_btn_bg.gif); height:28px; line-height:28px; margin-top:15px; color:#B81102; text-decoration:none; padding-right:14px; text-align:right} /* Box - Newsletter -----------------------------------------------------------------------------------------------*/ #box_newsletter { overflow: hidden; border:1px solid #EAECF1; background:url(images/layout/category_products_last-child.gif) repeat-x bottom left; width:208px; margin-bottom:10px} #box_newsletter p { color:#666666; margin-left:14px} #box_newsletter input[type=text] { background:url(images/layout/newsletter_input_bg.gif) no-repeat; padding:10px 5px 9px 12px; width:129px; border:none; font-size:11px;} #box_newsletter a { background:url(images/layout/search_plug_btn_bg.gif) repeat-x; padding:4px 8px 5px 8px; font-weight:bold; color:white; float:right; margin-right:14px; display:block; margin-top:10px; text-decoration:none;} #box_newsletter #message_newsletter { color: red; margin-top: 5px; margin-bottom: 5px } /* Box - Statystyka -----------------------------------------------------------------------------------------------*/ #box_stats { overflow: hidden; width:208px; border:1px solid #EAECF1; background: url(images/layout/category_products_first-child.gif) repeat-x; padding-bottom:14px; margin-bottom:10px; } #box_stats table tr th {color:#666666; padding-left:29px; text-align:left; padding-right: 15px } #box_stats table tr td { color:#666666; padding-right: 10px } /* Box - Tagi -----------------------------------------------------------------------------------------------*/ #box_tags { overflow: hidden; width:208px; border:1px solid #EAECF1; background: url(images/layout/category_products_first-child.gif) repeat-x; padding-bottom:14px; margin-bottom:10px; } #box_tags .tags { padding-left: 15px; padding-right: 15px } #box_tags .tags a { color:2211ff; } /* 03.2.c Podstrony -----------------------------------------------------------------------------------------------*/ /* Strona Główna */ .col_center .home .banery{ width:791px; height:434px; float:left} .col_center .home .banner .anythingSlider .wrapper .banner { width:791px; height:434px; position:relative; float:left} .col_center .home .banner .anythingSlider .wrapper .banner a { position:absolute; top:362px; left:56px;} /* Galeria */ .col_center .gallery_picture { width: 200px; text-align:left } .col_center .gallery_picture small { font-size:9px } .col_center .gallery_picture img { border:3px solid #CCCCCC; padding:7px;} .col_center .gallery_picture img:hover { border:3px solid #333; padding:7px;} .col_center .gallery_picture .name { max-width:220px; margin-left:auto; margin-right:auto; font-size:11px; color:#666666;} .col_center .gallery {} .col_center .gallery .name { text-align:center; max-width:420px; margin-left:auto; margin-right:auto; font-size:11px; color:#666666;} .col_center .gallery .navi{ padding:5px; font-size:11px; margin: 0px auto;background:#f7f7f7 ;color: #333;border: 1px solid #EBEBEB;} .col_center .gallery .previous{float: left;width: 100px; text-align:center;} .col_center .gallery .previous a{ text-decoration:none;} .col_center .gallery .next{float: right;width: 100px; text-align:center;} .col_center .gallery .next a{ text-decoration:none;} .col_center .gallery .back{margin-left: 100px;border-left: 1px solid #EBEBEB;margin-right: 100px;border-right: 1px solid #EBEBEB; text-align:center;} .col_center .gallery .back a{ text-decoration:none;} .col_center .gallery .picture { text-align:center; margin:10px 0px;} .col_center .gallery .picture img { border:5px solid #CCCCCC; padding:10px;} /* Plugin - Kontakt Rozszerzony -----------------------------------------------------------------------------------------------*/ .col_center .contact .section_personal_data { } /* Plugin - Kontakt Rozszerzony -----------------------------------------------------------------------------------------------*/ .col_center .contact_ex { } .col_center .contact_ex .section_personal_data { } .col_center .contact_ex .section_project_data { } .col_center .contact_ex textarea { } /* Plugin - Formularz logowania -----------------------------------------------------------------------------------------------*/ .col_center .login { } .col_center .login .section_login_data { overflow: hidden; padding-bottom: 15px; } /* Plugin - Aktualności -----------------------------------------------------------------------------------------------*/ .col_center .news .item .picture_left {display: inline; } .col_center .news .item .picture_left img {float:left; margin-right:10px;} .col_center .news .item .picture_right {display: inline; } .col_center .news .item .picture_right img { float:right; margin-left:10px;} .col_center .news .item p { margin-top: 0px; } .col_center .news .item p.date { font-size:11px;} .col_center .news .item .title { font-size:18px;} .col_center .news .detail .picture_left {display: inline; } .col_center .news .detail .picture_left img {float:left; margin-right:10px;} .col_center .news .detail .picture_right {display: inline; } .col_center .news .detail .picture_right img {float:right; margin-left:10px;} .col_center .news .detail p { margin-top: 0px; } .col_center .news .comments { } .col_center .news .comments .author { font-weight: bold; } .col_center .news .comments .content { font-size: 11px; } .col_center .news .comments .message { background: none transparent scroll repeat 0% 0%; color: #696969; } .col_center .news .comments .message div { display: none; } .col_center .news .comments .voute { font-weight: bold; font-size: 11px; color: #FF6600; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background: #F1f1f1; width: 70px; text-align: center; float: right; margin-right: 4px; } .col_center .news .comments .voute span { font-weight: normal; font-size: 11px; color: #333333; } /* Plugin - Profil użytkownika -----------------------------------------------------------------------------------------------*/ .col_center .profile .section_avatar_change { float: left; } .col_center .profile .section_avatar_change dt { height: auto; } .col_center .profile .section_avatar_view { float: left; width: 230px; height: 140px; } .col_center .profile .section_avatar_view img { border: 2px solid #990066; } .col_center .profile .section_personal_data { } /* Plugin - Rejestracja uzytkownika -----------------------------------------------------------------------------------------------*/ .col_center .register .section_rules span { color: red; padding-left: 6px; font-size: 11px; display: block; } .col_center .section_info { float: left; width: 250px; font-size: 11px; } .col_center .section_info p { font-style: italic; margin: 0px; padding: 0px; } .col_center .section_menu ul { padding: 0px; margin: 0px; } .col_center .section_menu ul li { float: left; margin-right: 6px; } .col_center #progress { clear:both; height:34px; width:100%;} .col_center #progress ul { margin:0px; padding:0px;} .col_center #progress ul li { height:34px; color:#999; float:left; list-style:none; background:url(images/layout/progress_disabled.gif) repeat-x bottom; font-weight:bold; text-align:center;} .col_center #progress ul li.enabled { height:34px; color:#333; float:left; list-style:none; background:url(images/layout/progress_enabled.gif) repeat-x bottom; font-weight:bold; text-align:center;} .col_center #progress ul li.now { height:34px; color:#333; float:left; list-style:none; background:url(images/layout/progress_now.gif) repeat-x bottom; font-weight:bold; text-align:center;} /* Plugin - Standardowa forma - Struktura strony -----------------------------------------------------------------------------------------------*/ .col_center .section_send_form { float: right; text-align: right; width: 235px; } .col_center .section_send_form a { margin-right: 5px; } /* Plugin - Mapa strony -----------------------------------------------------------------------------------------------*/ .col_center .site_map {} .col_center .site_map .category { float: left; margin-bottom: 5px; margin-right: 5px; width: 170px; } .col_center .site_map .category .main {} .col_center .site_map .category .main a {} .col_center .site_map .category .main a:hover { } .col_center .site_map .category .promoted { } .col_center .site_map .category .promoted a {} .col_center .site_map .category .promoted a:hover{ } .col_center .site_map .category .sub {} .col_center .site_map .category .sub a{} .col_center .site_map .category .sub a:hover{ } /* Plugin - Słownik -----------------------------------------------------------------------------------------------*/ .col_center .dictionary {} .col_center .dictionary .search { background:#fafafa; overflow:auto; padding:5px;} .col_center .dictionary .alphabet { background:#fafafa; overflow:auto; padding:5px;} .col_center .dictionary .alphabet .point { float:left; width:18px; text-align:center; padding:2px; margin-bottom:2px;} .col_center .dictionary .alphabet .point:hover { background:#f1f1f1} .col_center .dictionary dl {} .col_center .dictionary dt { margin:0px; padding:0px;} .col_center .dictionary dd { margin:0px; padding:0px; padding-bottom:10px; border-bottom:1px dotted #ccc;} /*SKLEP ----------------------------------------------------------------------------------------*/ #same_center .detail { color:#666666} #same_center .detail .content { overflow:hidden; background:url(images/layout/category_products_last-child.gif) repeat-x bottom ;border:1px solid #EAECF1; margin-bottom:15px} #same_center .detail .content .left_side { width:244px; float:left; margin-top:15px} #same_center .detail .content .left_side .picture { width:242px; height:242px; border:1px solid #E5E5E5} #same_center .detail .content .left_side .picture table tr td { width:242px; height:242px; vertical-align:middle; text-align:center} #same_center .detail .content .left_side .picture table tr td img { max-height:218px; max-width:220px;} #same_center .detail .content .left_side .pictures { } #same_center .detail .content .left_side .pictures table { margin-left:-10px} #same_center .detail .content .left_side .pictures table tr td { vertical-align:middle; text-align:center; height:51px; width:51px; border:1px solid #E5E5E5;} #same_center .detail .content .left_side .pictures table tr td a img { max-height:46px; max-width:25px; position:relative; top:2px} #same_center .detail .content .right_side { float:left; width:219px; padding-left:25px; color:#666666} #same_center .detail .content .right_side h1 { font-weight:bold; color:#666666; font-size:18px} #same_center .detail .content .right_side .description { height:120px; margin-bottom:15px; overflow:hidden; line-height:13px} #same_center .detail .content .right_side .prices { font-size:14px} #same_center .detail .content .right_side .prices .old { text-decoration:line-through; color:#666666} #same_center .detail .content .right_side .prices .now { color:#BE2818; font-weight:bold} #same_center .detail .content .right_side .detail_info {} #same_center .detail .content .right_side .detail_info table tr th { font-weight:normal; width:103px} #same_center .detail .content .right_side .detail_info table tr td { font-weight:bold} #same_center .detail .content .right_side .buy_options {} #same_center .detail .content .right_side .buy_options input[type=text] { width:33px; border:1px solid #EAECF0; background:url(images/layout/quantity_input_bg.gif) no-repeat; padding:0px; margin:0px; padding:3px 0 4px 5px; float:left} #same_center .detail .content .right_side .buy_options input[type=image] { float:right} #same_center .detail .content .right_side .list { margin-top:18px; padding-bottom:27px} #same_center .detail .content .right_side .list li { margin:0px; padding:0px} #same_center .detail .content .right_side .list li a { text-decoration:none; color:#666666} #same_center .detail .content .right_side .list li a img { position:relative; top:3px; margin-right:10px} #same_center .detail .header { font-weight:bold; background:url(images/layout/category_products_first-child.gif) repeat-x left 1px ; border:1px solid #EAECF1; line-height:35px; border-bottom:none; padding:0 0 0 14px; overflow:hidden; margin-top:10px; font-size:15px} #same_center .detail .related { border-collapse: collapse; table-layout:fixed;} #same_center .detail .related tr td { border:1px solid #EAECF1; height:209px; background:url(images/layout/table_cell_bg.gif) repeat-x 1px 1px; padding:37px 0 0 0; text-align:center; vertical-align: top} #same_center .detail .related .image { margin-left:19px} #same_center .detail .related .image tr td { height:88px; width:88px; border:1px solid #EAECF1; padding:0px; background:none; vertical-align:middle; text-align:center} #same_center .detail .related .image tr td a { margin:0px; padding:0px;} #same_center .detail .related .image tr td img { max-height:72px; max-width:72px; display:block; margin:auto} #same_center .detail .related .name { color:#666666; font-weight:bold; text-decoration:none} #same_center .detail .comments { margin-top:15px} #same_center .detail .comments tr td { border-top:1px solid #EAECF1;} #same_center .detail .comments .author { font-size:16px; font-weight:bold} #same_center .detail .comments .content { background:none; border:none} .cart { border:1px solid #EAECF1; padding:15px; background:url(images/layout/category_products_last-child.gif) bottom left repeat-x;; color:#666666} .cart.default.cart { border-collapse:collapse } .cart.default.cart th { border:1px solid #EAECF1; padding:5px} .cart.default.cart td { border:1px solid #EAECF1; padding:5px} .cart .rabat { margin-top:15px; border:1px solid #EAECF1; background:url(images/layout/category_products_last-child.gif) repeat-x left bottom; padding:15px; width:270px;} .cart .rabat input[type=text] { float:left; padding:4px 2px 3px 2px; } .cart .rabat input[type=submit] { float:left; margin:0px} .order {border:1px solid #EAECF1; padding:15px; background:url(images/layout/category_products_last-child.gif) bottom left repeat-x;; color:#666666} .order .default.ordered_products { border-collapse:collapse; background:url(images/layout/category_products_last-child.gif) repeat-x bottom left } .order .default.ordered_products th { border:1px solid #EAECF1; padding:5px} .order .default.ordered_products td { border:1px solid #EAECF1; padding:5px} .order { border:1px solid #EAECF1; padding:15px} .order table em { color:red} .order .section_personal_data table tr td { vertical-align:top;} .order .section_personal_data table tr th { width:150px} .order .section_personal_data table tr td table tr th { text-align:left} .order .section_personal_data table tr td table tr .error { color:red} .order .section_personal_data table tr td table tr td input[type=text] { width:200px} .order .section_personal_data table tr td table tr td select { width:206px} #cart_table {border:1px solid #EAECF1; padding:15px; background:url(images/layout/category_products_last-child.gif) bottom left repeat-x;; color:#666666; border-collapse:collapse} #cart_table th { border:1px solid #EAECF1; padding:5px} #cart_table td { border:1px solid #EAECF1; padding:5px} #product_search_table { border-collapse:collapse; } #product_search_table tr td { vertical-align:top; border-collapse:collapse; padding:0px; margin:0px} #product_search_table tr td .promotion_type_promocja { background:#B81102; color:white; font-weight:bold; padding:2px 5px; text-transform:uppercase; top:16px; left:15px; position:absolute} #product_search_table tr td .promotion_type_nowosc { border:1px solid #B81102; font-weight:bold; color:#B81102; padding:1px 5px; text-transform:uppercase; position:absolute; top:16px; left:15px} #product_search_table tr td .content { padding:10px 54px 0 54px; text-align:center; overflow:hidden; background:url(images/layout/product_search_table_td_bg.gif) repeat-x left bottom; height:141px} #product_search_table tr td .name { color:#666666; font-weight:bold; font-size:12px;} #product_search_table tr td .old { text-decoration:line-through;} #product_search_table tr td .now { font-weight:bold; color:#B81102} #product_search_table tr td table tr td { height:150px; width:150px; vertical-align:middle; text-align:center; padding:0px;} #product_search_table tr td table tr td img { max-width:150px;} #product_search_table tr td .button_buy { padding:5px 0} /* List Detail -----------------------------------------------------------------------------------------------*/ .col_center .detail .related td { width: 120px } /* 04. BOTTOM -----------------------------------------------------------------------------------------------*/ div#bottom { font-size: 11px; overflow:hidden; width:100% } div#bottom h3 { padding:0px; margin:0px; margin-top:10px; line-height:20px; color:#fff; font-size:12px; } div#bottom .shop_foot { width:100%; overflow:hidden;background:#64686E; } div#bottom .margin { width:950px; margin:auto; text-align:left; padding:15px 15px 15px 0; overflow:hidden} div#bottom .shop_foot .margin .site_map .bottom_header { height:31px;} div#bottom .shop_foot .margin .site_map .bottom_header a { font-size:15px; color:white; font-weight:bold; text-decoration:none} div#bottom .shop_foot .margin .site_map tr td { border-right:1px solid #86898F; padding-left:15px; vertical-align:top; height:170px} div#bottom .shop_foot .margin .site_map tr td:last-child { border:none} div#bottom .muso_foot { background:#353535; width:100%; overflow:hidden; min-height:172px; margin-bottom:30px;} div#bottom .muso_foot .margin .logo { display:block; width:45px; height:18px; background:url(images/layout/muso_cms_logo.png) no-repeat; float:left} div#bottom .muso_foot .margin span { color:#CCCCCC; margin-left:10px; position:relative; top:2px} div#bottom .muso_foot .margin .menu { float:right; margin-left:15px; } div#bottom .muso_foot .margin .menu ul { margin: 0px; padding: 0px; margin-bottom: 10px; margin-top:10px; list-style:inside; } div#bottom .muso_foot .margin .menu ul li {display:inline; margin-left:5px; padding-left:5px; border-left:1px solid #CCCCCC } div#bottom .muso_foot .margin .menu ul li:first-child { border:none} div#bottom .muso_foot .margin .menu ul li a {text-decoration: none; } div#bottom .muso_foot .margin .menu ul li a:hover { color: #FAFAFA; } div#bottom a { color: #fff; } div#bottom a:hover { color: #fff; } div#bottom .newsletter { margin-right:10px; float:right; width:260px;} div#bottom .newsletter p { color:#FFFFFF;} div#bottom .newsletter input {width:230px;} div#bottom .newsletter #message_newsletter {color:#CC0000;} div#bottom .copyright {} /* PLUGINS'Y ----------------------------------------------------------------------------------------*/ /* MASS CHANGES -----------------------------------------------------------------------------------------------*/ /* masowa zmiana ramek */ .ramka { } .ramka td {} .header { height:35px; font-weight:bold; font-size:12px; line-height:35px; color:#666666; overflow:hidden ;border-bottom:1px solid #EAECF1; text-align:left; margin:0 15px 14px 15px} .category_header {margin-bottom:17px; font-weight:bold; color:#B81102; border:1px solid #EAECF1; overflow:hidden; height:35px; line-height:35px; background:url(images/layout/double_gradient_h_35.gif) repeat-x; padding-left:14px; font-size:15px} /* 05. SYSTEM -----------------------------------------------------------------------------------------------*/ .live_menu { position: relative; z-index: 1000; margin: 0px !important; padding:0px !important; border: none !important; } .live_menu .item { position: absolute; left: 0 !important; top: 0px !important; margin: 0px !important; padding:0px !important; border: none !important; float: none; height: 7px !important; line-height: 7px !important; } .live_menu .item a{ padding: 0px !important; margin:0px !important; border:none; height: 7px !important; width: 7px !important; line-height: 7px !important; border: 0px !important } .live_menu .item img{ padding: 0px !important; margin:0px !important; border:none !important; height: 7px !important; line-height: 7px !important } .live_menu .item img:hover{ padding: 0px !important; margin:0px !important; border:none !important; height: 7px !important; line-height: 7px !important }