/* global */ body {margin:0; padding:0; font-family:Tahoma, Verdana, Helvetica, Arial, Sans-Serif; font-size:0.75em; outline:none; background-color:#fff;} /* global tags */ td, input, select, img, label {vertical-align:middle;} h1 {font-size:2em;} h2 {font-size:1.5em;} h3 {font-size:1.17em;} h4 {font-size:1em;} h5 {font-size:0.83em;} h6 {font-size:0.67em;} a, img {border:none;} a {text-decoration:none; color:#545454;} a:hover {text-decoration:underline;} /* /global tags */ /* global classes */ .clr {display:block; float:none; clear:both; overflow:hidden; height:0;} .star, .validation-advice {color:#fe7e01; margin:0 0.3em;} .information {font-family:Helvetica, Arial, Tahoma, Sans-Serif; font-size:1.2em; color:#666; text-align:center; margin:0.8em 0;} .error {font-family:Helvetica, Arial, Tahoma, Sans-Serif; font-size:1.2em; color:#f70; text-align:center; margin:0.8em 0;} .raquo, .laquo {font-weight:bold; color:#ff7e00;} .invisible {display:none !important;} .hidden {visibility:hidden;} .last {border-right:0 !important;} .first {border-left:0 !important;} .invert {text-decoration:underline;} .invert:hover {text-decoration:none;} /* /global classes */ /* global forms elements */ textarea {border:1px solid #d5d5d5; font-family:Tahoma, Verdana, Helvetica, Arial, Sans-Serif; font-size:1.2em; color:#626262; padding-left:0.46em;} .cText {border:1px solid #d5d5d5; font-family:Tahoma, Verdana, Helvetica, Arial, Sans-Serif; font-size:1.2em; color:#626262; padding-left:0.46em;} .cCheckbox {} .cRadio {} .cSubmit {cursor:pointer; font-family:Tahoma, Verdana, Helvetica, Arial, Sans-Serif; font-size:0.92em; margin:1px;} .cButton {cursor:pointer; margin:1px;} .cImage {cursor:pointer;} select {border:1px solid #d5d5d5; font-family:Tahoma, Verdana, Helvetica, Arial, Sans-Serif; font-size:1.2em; color:#626262;} option {font-family:Tahoma, Verdana, Helvetica, Arial, Sans-Serif; color:#626262;} /* /global forms elements */ #PageDescription {display:none;} div#xajax-loading {background-color:#fff; padding:20px; border:2px solid #e5e5e5; display:none; position:fixed; left:50%; margin-left:-160px; z-index:9999; top:50px; width:320px; font-weight:bold; font-size:1.4em;} div.captcha-image {height:65px;} #content {width:81.25em; margin:0 auto;} #PageHeader {height:17.5em; margin-bottom:2em;} #MenuTop {float:right; margin-bottom:1em;} #MenuTop .borderLeft {float:left; width:2px; height:1.7em; background-image:url(../images/menutop_border_left.gif);} #MenuTop ul {float:left; margin:0; padding:0; height:1.7em; border-bottom:0.08em solid #cc6500; background-color:#ff7e00; list-style-type:none;} #MenuTop li {float:left;} #MenuTop li a {color:#fff; font-size:0.9em; line-height:1.7em; padding:0 0.66em; border-right:0.08em solid #fff;} #MenuTop .borderRight {float:left; width:2px; height:1.7em; background-image:url(../images/menutop_border_right.gif);} #Logo {float:left; display:inline; margin:0.5em 0 0 0.5em; width:18em; height:4.42em; overflow:hidden;} #BannerHeader {float:left; display:inline; margin-left:2.58em;} #LoginLinks {float:right; display:inline; width:13em; margin:0.5em 1.75em 0 0; text-align:center;} #LoginLinks a {color:#898989; font-size:0.9em;} #LoginLinks #Infoline {margin-top:1.1em;} #MenuMix {width:81.25em;} #MenuMix ul {margin:0; padding:0; list-style-type:none; width:81.25em; height:2.08em;} #MenuMix ul li {float:left; display:inline; height:2.08em; margin-right:0.08em;} #MenuMix ul li a {float:left; cursor:pointer;} #MenuMix ul li a:hover {text-decoration:none; height:100%;} #MenuMix ul li a:hover span {background-color:#868686;} #MenuMix ul li span {float:left; height:2.08em; line-height:2.08em; background-color:#f5f5f5;} #MenuMix ul li a .left_bg {width:3px; background-image:url(../images/menumix_left_bg.gif); background-repeat:no-repeat;} #MenuMix ul li a .center_bg {padding:0 1.83em; background-image:url(../images/menumix_center_bg.gif); background-repeat:repeat-x;} #MenuMix ul li a .right_bg {width:3px; background-image:url(../images/menumix_right_bg.gif); background-repeat:no-repeat;} #MenuMix ul li a:hover .left_bg {background-image:url(../images/menumix_left_bg_active.gif);} #MenuMix ul li a:hover .center_bg {background-image:url(../images/menumix_center_bg_active.gif); color:#fff;} #MenuMix ul li a:hover .right_bg {background-image:url(../images/menumix_right_bg_active.gif);} #MenuMix ul li.products {margin-left:1em;} #MenuMix ul li.products span {background-color:#ff7e00;} #MenuMix ul li.products a:hover span {background-color:#ff7e00;} #MenuMix ul li.products a .left_bg, #MenuMix ul li.products a:hover .left_bg {background-image:url(../images/menumix_products_left_bg.gif);} #MenuMix ul li.products a .center_bg, #MenuMix ul li.products a:hover .center_bg {background-image:url(../images/menumix_products_center_bg.gif); color:#fff; font-weight:bold;} #MenuMix ul li.products a .right_bg, #MenuMix ul li.products a:hover .right_bg {background-image:url(../images/menumix_products_right_bg.gif);} #MenuMain {width:81.25em; background-image:url(../images/menumain_border_top.gif); background-repeat:no-repeat; border-bottom:0.08em solid #cc6500; background-color:#ff7e00;} #MenuMain ul {margin:0 auto; padding:0; list-style-type:none; width:730px;} /* Wyśrodkowanie menu - na stałej szerokości only way */ #MenuMain ul li {height:100%;} #MenuMain ul.level_1 li.level_1 {float:left; height:1.83em; padding:0 1em 0 1.5em; background-image:url(../images/icons/main_menu_arr_down.gif); background-repeat:no-repeat; background-position:right center;} #MenuMain ul.level_1 a {display:block; color:#fff; font-weight:bold; line-height:2em; font-size:0.92em;} #MenuMain ul.level_2 {position:absolute; display:none; margin:-0.16em 0 0 1em; padding:0; width:12.5em; background-color:#ff8a15; border:0.08em solid #cc6500; z-index:9999;} #MenuMain ul.level_2 li.level_2 {float:none; background-image:none; cursor:pointer;} #MenuMain ul.level_2 li.level_2 a {display:block; padding:0 1em; font-weight:normal;} #MenuMain ul.level_2 li.level_2 a:hover {background-color:#cc6500; text-decoration:none;} #MenuMain ul.level_3 {position:absolute; display:none; margin:-1.16em 0 0 0; width:12.5em; background-color:#ff8a15; border:0.08em solid #cc6500; z-index:9999;} #MenuMain ul.level_4 {position:absolute; display:none; margin:-0.16em 0 0 0; width:12.5em; background-color:#ff8a15; border:0.08em solid #cc6500; z-index:9999;} #MenuMain ul.level_5 {position:absolute; display:none; margin:-0.16em 0 0 0; width:12.5em; background-color:#ff8a15; border:0.08em solid #cc6500; z-index:9999;} #ToolBar {width:81.25em; height:3.33em; background-image:url(../images/toolbar_bg.gif); background-repeat:repeat-x; background-color:#f2f2f2; border-bottom:0.08em solid #d5d5d5;} #BoxCartSmall {float:left; display:inline; height:3.7em; line-height:3.7em; margin-left:0.92em; font-size:0.92em; color:#000;} #BoxCartSmall .data {margin-left:1.5em;} #BoxCartSmall .title {padding-right:2.4em; background-image:url(../images/icons/cart_small.gif); background-position:right center; background-repeat:no-repeat;} #BoxCartSmall .dataVal {font-weight:bold;} #BoxCartSmall .priceType {font-weight:normal;} #BoxWishListSmall {float:left; display:inline; height:3.7em; line-height:3.7em; margin-left:1.29em; font-size:0.9em; color:#000;} #BoxWishListSmall .separator {margin-right:1.29em;} #BoxSearchSmall {float:right; width:29em; height:3.33em; text-align:right; margin:0 1.33em 0 3.91em; padding-left:0.75em; background-image:url(../images/separator1.gif); background-repeat:no-repeat; background-position:left center;} #BoxSearchSmall form {margin:0;} #BoxSearchSmall fieldset {border:0; margin:0.6em 0 0 0; padding:0;} #BoxSearchSmall .cText {width:11.75em; margin:0 0.41em 0 0; font-size:1.08em;} #BoxSearchSmall select {width:10.7em; margin:0 1.2em 0 0; font-size:1.08em;} #BoxSearchSmall .cSubmit {margin:0 1.42em 0 0; padding-left:2.08em; width:5.6em; height:1.9em; background-image:url(../images/buttons/search_small_bg.gif); border:0; color:#fff; font-size:0.92em; text-align:left; background-repeat:no-repeat; background-color:#ff7e00;} #BoxSearchSmall .advancedSearch img {width:8.16666em; height:2.25em;} #SitemapNavigatorPath {height:1.81em; line-height:1.81em; font-size:0.92em; padding:0 0 0 0.67em; background-image:url(../images/sitemapnavigatorpath_bg.gif); background-position:left bottom; background-repeat:repeat-x;} #SlotLeft {float:left; display:inline; width:15.42em; margin-bottom:2em;} #SlotCenter {float:left; display:inline; width:48.75em; margin:0 0 2em 0.83em; padding-top:3px;} #SlotRight {float:right; display:inline; width:15.42em; margin-bottom:2em;} .navPage {padding-top:0.5em; font-size:0.83em; background-image:url(../images/navpage_bg.png); background-position:center top; background-repeat:no-repeat; font-weight:bold; text-align:center; border-top:1px solid #eee;} .navPage .pageBack {display:none;} .navPage .pageTop {color:#545454; text-transform:uppercase;} .navPage .decorator {background-image:url(../images/navpage_link_decorator.gif); background-position:center center; background-repeat:no-repeat; padding:0 4px;} #SimpleFilter {} #SimpleFilter .txt {float:left; font-family:Helvetica, Arial, Tahoma, Sans-Serif; font-size:1.25em; font-weight:bold; line-height:2.8em; margin-left:1em; color:#666;} #SimpleFilter a {float:left; font-size:0.83em; width:10em; height:4.22em; text-align:center; margin:0 0 0 1.4em;} #PageLinkCopy {margin-bottom:1em; padding:0.5em; background-color:#f6f6f6; border:0.08em solid #ebebeb ;} #PageLinkCopy .cText {width:32em; margin-right:0.5em;} #Footer {} ul#FooterMenu {text-align:center; margin:0 0 1.17em 0; padding:0; list-style-type:none;} ul#FooterMenu li {display:inline; border-left:1px solid #545454;} ul#FooterMenu a {font-size:1.08em; padding:0 1.25em;} #Footer .apla {height:1.99em; background-color:#ff7e00; border:1px solid #cc6500; border-width:0.09em 0; color:#fff; text-align:center; line-height:1.99em; font-size:0.92em;} #Footer ul#Ccards {height:5.42em; line-height:5.42em; text-align:center; background-image:url(../images/ccards_bg.gif); background-repeat:repeat-x; list-style-type:none; margin:0 0 1em 0; padding:0;} #Footer ul#Ccards li {display:inline; margin:0 0.25em; color:#999;} #Footer .txt {color:#959595; text-align:center; font-size:0.92em; margin-bottom:2em;} /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { margin-top:0.5em; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 0.4em 0; font-size:0.92em; width:585px; height:38px; } ul.tabbernav li { list-style: none; line-height:21px; margin: 0; display: inline; white-space: nowrap; } ul.tabbernav li a { color: #000; padding: 0.4em 1.5em; margin-left: 3px; border: 1px solid #c4c4c4; border-bottom: none; background:none; background-color:#fff; text-decoration: none; } ul.tabbernav li a:hover { background-color: #fff; background-image:url(../images/tabber_nav_active_bg.gif); background-repeat:repeat-x; } ul.tabbernav li.tabberactive a { background-color: #fff; background-image:url(../images/tabber_nav_active_bg.gif); background-repeat:repeat-x; font-weight:normal; } ul.tabbernav li.tabberactive a:hover { border-color:#c4c4c4; border-bottom-color:#fff; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { background-color:#fff; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } div#LoginLinks { width: 19em; text-align: right; margin-top: 0; margin-right: 10px; } div#LoginLinks div#Infoline { text-align: right; margin-top: 0; } form#topbar_loginbox span { font-size: 0.9em; } form#topbar_loginbox span input { width: 60px; font-size: 1em; margin-right: 3px; } form#topbar_loginbox div.topbar_loginbox_links { text-align: right; margin-top: 2px; } form#topbar_loginbox div.topbar_loginbox_links div.topbar_loginbox_links_links { float: left; text-align: left; padding-left: 15px; line-height: 1em; } form#topbar_loginbox div.topbar_loginbox_links input.cSubmit { background-image: url(../images/buttons/zaloguj.gif); background-repeat: no-repeat; background-color: #ff7e00; width: 70px; height: 21px; border: none; }