html, body {font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 12px; color: #333333; background: #fdfdfd url('/_images/gradients.gif') 0px -250px repeat-x;}

img {border: 0}

.left {float: left;}
.right {float: right;}
.center {margin: 0 auto}
.txtright {text-align: right;}

ul {margin: 0; padding: 0px 15px 0px 15px;}
li {margin: 0; padding: 5px}

div {margin: 0; padding: 0; border: 0;}
form {margin: 0; padding: 0; border: 0;}
span.green {color: #99cc00}
span.red, .red {color: #ff0000}
p.dark {color: #414141; padding: 0; margin: 4px 0px 4px 0px}
.last {border: 0 !important;}

a.blue {color: #133a61; font-weight: bold; text-decoration: none;}
span.silver {color: #a7a7a7; font-size: 10px}
.blue {color: #133a61}

h1 {display: block; padding: 0; margin: 0; color: #133a61; font-weight: bold; font-size: 16px; border-bottom: #cccccc 1px solid;}
h2 {display: block; padding: 10px 0px 0px 0px; margin: 0px; color: #333333; font-weight: bold; font-size: 13px; border-bottom: #cccccc 1px solid; clear: both}

textarea {border: #cccccc 1px solid; font-weight: bold; background-color: #fff7d9; width: 300px; height: 100px; margin: 0px auto 0px auto;}
#productPage input, #productPage select {border: #cccccc 1px solid; font-weight: bold; background-color: #fff7d9; width: 200px}

table {margin: 0; padding: 0;}
/* top menu */
#topMenu {width: 973px; height: 17px; margin: 0px auto; color: #757575; font-size: 11px; padding: 7px 3px 0px 4px;}
#topMenu a, #topMenu a:hover {text-decoration: none; color: #757575; font-size: 11px;}
#topMenu a:hover {color: #0e0e0e;}

/* top */
#top {width: 980px; height: 61px; background: url('/_images/gradients.gif') repeat-x; margin: 0px auto; position: relative}
#topTL {font-size: 1px; width: 5px; height: 5px; position: absolute; left: 0px; top: 0px; background: url('/_images/elements.gif') -26px -5px no-repeat;}
#topTR {font-size: 1px; width: 5px; height: 5px; position: absolute; right: 0px; top: 0px; background: url('/_images/elements.gif') -32px -5px no-repeat;}
#topBL {font-size: 1px; width: 5px; height: 7px; position: absolute; left: 0px; top: 54px; background: url('/_images/elements.gif') -26px -11px no-repeat;}
#topBR {font-size: 1px; width: 5px; height: 7px; position: absolute; right: 0px; top: 54px; background: url('/_images/elements.gif') -32px -11px no-repeat; z-index: 9}
#top a.zakladka {display: block; width: 77px; height: 22px; background: url('/_images/elements.gif') -27px -153px no-repeat; color: #003366; text-decoration: none; font-size: 14px; text-align: center; padding: 8px 0px 0px 0px; float: right; position: relative; top: 29px; margin-left: 1px}
#top a.green {background: url('/_images/elements.gif') -110px -153px no-repeat;}
#topLogo {display: block;  float: left; margin-left: 5px; width: 316px; height: 59px; background: url('/_images/logo.png') no-repeat;}

/* basket and infolinia */
#topSub {width: 963px; height: 23px; background: url('/_images/gradients.gif') 0px -128px repeat-x; margin: 0px auto; position: relative; color: #ffffff; padding: 8px 0px 0px 17px;}
#topSubBL {font-size: 1px; width: 5px; height: 7px; position: absolute; left: 0px; top: 24px; background: url('/_images/elements.gif') -42px -11px no-repeat;}
#koszykLogowanie a, #topSub a {text-decoration: none; color: #ffffff; }

#koszykLogowanie {height: 31px; float: right; margin-top: -8px; background: url('/_images/gradients.gif') 0px -159px repeat-x; position: relative}
#topSubBLL {font-size: 1px; width: 6px; height: 8px; position: relative; left: 0px; top: 23px; background: url('/_images/elements.gif') -42px -3px no-repeat;}
#topSubBR {font-size: 1px; width: 5px; height: 7px; margin-top: 16px; float: left; background: url('/_images/elements.gif') -48px -11px no-repeat;}

#koszyk {margin: 0px 0px 0px 5px; float: left;}
#koszykIcon {width: 14px; height: 16px; float: left; background: url('/_images/elements.gif') -26px -21px no-repeat; margin: 0px 5px 0px 0px;}
#koszykIconOn {width: 14px; height: 16px; float: left; background: url('/_images/elements.gif') -172px -58px no-repeat; margin: 0px 5px 0px 0px;}
#logowanie {margin: 0px 0px 0px 15px; float: left;}
#logowanieIcon {width: 11px; height: 13px; font-size: 1px; float: left; background: url('/_images/elements.gif') -43px -21px no-repeat; margin: 0px 5px 0px 0px;}
#logowanieIconOn {width: 15px; height: 14px; font-size: 1px; float: left; background: url('/_images/elements.gif') -156px -58px no-repeat; margin: 0px 5px 0px 0px;}

/* lokalization bar */
#lokalizationBar {width: 963px; height: 18px; margin: 0px auto; position: relative; background-color: #f0f0f0; padding: 6px 0px 0px 17px; color: #666666; font-size: 11px}
#lokalizationBar a, #lokalizationBar a:hover {text-decoration: none; color: #666666; font-size: 11px;}
#lokalizationBar a:hover {color: #000000}
#lBarLB {font-size: 1px; width: 5px; height: 5px; position: absolute; left: 0px; top: 19px; background: url('/_images/elements.gif') -110px -26px no-repeat;}
#lBarRB {font-size: 1px; width: 5px; height: 5px; position: absolute; left: 975px; top: 19px; background: url('/_images/elements.gif') -116px -26px no-repeat;}

/* content */
#container {width: 980px; margin: 11px auto;}
#cL {width: 200px; float: left;}
#cC {width: 600px; float: left; margin: 0px 10px 0px 10px;}
#cR {width: 160px; float: left;}

/* LEFT */
/* szukarka */
#search {width: 193px; height: 50px; background-color: #ffcc00; position: relative; padding: 0px 0px 0px 7px}
#search a {text-decoration: none; font-size: 11px; color: #996600; padding: 2px 0px 0px 4px}
#sTL {font-size: 1px; width: 5px; height: 5px; position: absolute; left: 0px; top: 0px; background: url('/_images/elements.gif') -82px -3px no-repeat;}
#sTR {font-size: 1px; width: 5px; height: 5px; position: absolute; left: 195px; top: 0px; background: url('/_images/elements.gif') -88px -3px no-repeat;}
#sBL {font-size: 1px; width: 5px; height: 5px; position: absolute; left: 0px; top: 45px; background: url('/_images/elements.gif') -82px -9px no-repeat;}
#sBR {font-size: 1px; width: 5px; height: 5px; position: absolute; left: 195px; top: 45px; background: url('/_images/elements.gif') -88px -9px no-repeat;}
#searchQ {width: 156px; height: 18px; border: #c8b305 1px solid; font-family: Arial, Helvetica, sans-serif; padding: 1px 5px 0px 5px; margin: 8px 0px 0px 0px; color: #333333}
#searchS {width: 14px; height: 16px; background: url('/_images/elements.gif') -82px -16px no-repeat; border: 0}

/* box */
div.box {position: relative; margin: 11px 0px 20px 0px; width: 200px;}
div.firstBox {margin-top: 0px}
div.boxTL {font-size: 1px; width: 5px; height: 6px; float: left; background: url('/_images/elements.gif') -39px -39px no-repeat;clear: left}
div.boxTR {font-size: 1px; width: 5px; height: 6px; float: left; background: url('/_images/elements.gif') -47px -39px no-repeat;}
div.boxBL {font-size: 1px; width: 5px; height: 6px; float: left; background: url('/_images/elements.gif') -39px -47px no-repeat;}
div.boxBR {font-size: 1px; width: 5px; height: 6px; float: left; background: url('/_images/elements.gif') -47px -47px no-repeat;}
div.boxTop, div.boxBottom {width: 190px; height: 5px; border-top: #cccccc 1px solid; float: left; font-size: 1px;}
div.boxCenter {width: 198px; border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; clear: both; padding: 10px 0px 10px 0px;}
div.boxBottom {border-top: 0; border-bottom: #cccccc 1px solid;}

/* product box */
div.ppBox {width: 554px; clear: left; margin-top: 115px}
div.ppBottom {width: 544px}
div.ppCenter {width: 552px;}
div.tabContent {padding: 0px 12px 0px 12px}
div.Tab {padding: 5px 12px 0px 12px; font-size: 13px}
div.ppTR {margin: 27px 0px 0px 0px; position: relative}
div.ppTL {border-left: #cccccc 1px solid; float: left; clear: left; height: 6px; width: 0px; font-size: 1px; margin: 27px 0px 0px 0px; position: relative;}
div.tabActive, div.tabNormal {font-size: 16px; height: 28px; background: url('/_images/gradients.gif') 0px -190px repeat-x; float: left; font-weight: bold; position: relative; top: 1px; left: -1px; margin-right: 1px}
.tabActive div.tabL, .tabNormal div.tabL {float: left; background: url('/_images/elements.gif') -135px -332px no-repeat; width: 7px; height: 28px}
.tabActive div.tabR, .tabNormal div.tabR {float: left; background: url('/_images/elements.gif') -143px -332px no-repeat; width: 7px; height: 28px}
div.tabNormal {background: url('/_images/gradients.gif') 0px -220px repeat-x; font-weight: normal}
.tabNormal div.tabL {background: url('/_images/elements.gif') -156px -332px no-repeat; }
.tabNormal div.tabR {background: url('/_images/elements.gif') -164px -332px no-repeat; }

#productLabel {width: 548px; height: 28px; border-bottom: #cccccc 1px solid; float: left; position: relative; top: -1px}
#cLabel {font-size: 16px; color: #133a61; font-weight: bold; position: absolute; height: 15px; top: 4px; background-color: #fdfdfd; padding: 0px 5px 0px 5px}
#productLabel a {text-decoration: none; color: #000000}

/* left menu */
#opinieKlientow {width: 165px; height: 18px; margin: 0px 0px 10px 15px; border-bottom: #cccccc 1px solid; background: url('/_images/elements.gif') -27px -486px no-repeat;}
#logoNokaut {display: block; background: url('/_images/nokaut.png') no-repeat; width: 150px; height: 39px; margin: 0 auto;}
#kategorieProduktow {width: 165px; height: 18px; margin: 0px 0px 10px 15px; border-bottom: #cccccc 1px solid; background: url('/_images/elements.gif') -25px -135px no-repeat;}
a.menuLeft, a.menuLeft:hover, a.menuLeft:link, a.menuLeft:visited, a.menuLeft:active {display: block; width: 162px; margin: 0px 0px 0px 15px; padding: 3px 0px 3px 3px; border-bottom: #cccccc 1px dotted; text-decoration: none; color: #666666}
a.menuLeft:hover {background-color: #fff0b2; color: #333333}
a.SubMenu {background-color: #efefef;}
a.activeSub { background-color: #ccc;}
a.active {background-color: #fff0b2; color: #333333}

/* footer */
div.fCenter {width: 958px; color: #757575; padding: 4px 10px 4px 10px; overflow: auto}
.fCenter a {color: #757575; text-decoration: none;}
.fCenter a:hover {color: #0e0e0e}
div.fBootomTop {width: 970px;}
div.fBox {width: 980px; clear: both; margin: 10px 0px 25px 0px;}

/* CENTER */
#promoBox {width: 600px; overflow: auto; margin-bottom: 10px}
div.cBox {width: 600px;}
div.cBottom {width: 590px}
div.cTop {width: 213px; margin-top: 14px}
div.cCor {margin-top: 14px}
div.cCenter {width: 598px; overflow: auto;}
#NajchetniejKupowane {width: 164px; height: 19px; float: left; background: #fefffc url('/_images/elements.gif') -23px -105px no-repeat;}

/* product box */
#najKupowane {margin: 0px 0px 0px 15px; float: left; overflow: hidden; height: 270px; width: 538px; position: relative}
#najKupowane-inner {position: relative; height: 270px; width: 1500px;}
div.Product {width: 120px; height: 265px; float: left; margin-bottom: 20px}
div.lineV {height: 244px; width: 1px; float: left; background: url('/_images/elements.gif') -22px 0px repeat-y; margin: 0px 16px 0px 2px}
a.prodTitle {color: #133a61; height: 40px; font-weight: bold; text-decoration: none; display: block; clear: both;}
a.prodDesc {color: #333333; text-decoration: none; display: block; margin-bottom: 2px; height: 30px; font-size: 11px; overflow: hidden}
div.prodPrice, div.prodPriceP {width: 97px; background-color: #ffcc00; color: #133a61; font-size: 12px; padding: 3px 2px 3px 3px; margin-bottom: 9px}
div.prodPriceP {background-color: #cccccc; color: #666666; margin-bottom: 1px; font-size: 11px}
a.prodAdd {display: block; width: 103px; height: 28px; background: url('/_images/elements.gif') -27px -57px no-repeat;}
#prevProd {width: 19px; height: 186px; float: left; background: url('/_images/elements.gif') -187px -3px no-repeat; display: block; cursor: pointer}
#nextProd {width: 19px; height: 187px; float: right; background: url('/_images/elements.gif') 0px -3px no-repeat; display: block; cursor: pointer;}

/* promocje */
#prPromocje {margin: 0px 0px 40px 35px}
#Promocje {width: 70px; height: 19px; float: left; background: #fefffc url('/_images/elements.gif') -96px -4px no-repeat;}
div.cTopPromo {width: 260px; margin-top: 14px}

/* RIGHT */
#noweProdukty {width: 142px; margin: 0px 0px 15px 8px; height: 19px; background: #fefffc url('/_images/elements.gif') -26px -86px no-repeat; border-bottom: #cccccc 1px solid}
div.npBottomTop {width: 150px;}
div.npCenter {width: 158px;}
div.npBox {width: 160px; margin-top: 0px}

/* new products */
div.newProd {width: 142px; overflow: auto; margin: 12px 0px 0px 8px; padding: 0px 0px 4px 0px; border-bottom: #cccccc 1px dotted}
a.wiecej {color: #99cc00; text-decoration: none; margin: 0px 0px 4px 90px}

/* news */
#aktualnosci {width: 142px; margin: 0px 0px 15px 8px; height: 18px; background: #fefffc url('/_images/elements.gif') -56px -39px no-repeat; border-bottom: #cccccc 1px solid}

/* icon list view */
#categoryLabel {width: 590px; height: 14px; border-bottom: #cccccc 1px solid; float: left; position: relative;}
#cLabel {font-size: 16px; color: #133a61; font-weight: bold; position: absolute; height: 15px; top: 4px; background-color: #fdfdfd; padding: 0px 5px 0px 5px}
div.hLine {width: 525px; height: 1px; margin: 0px 0px 18px 0px; background: url('/_images/elements.gif') repeat-x; float: left; clear: both; font-size: 1px}

/* search box in category */
div.boxTTopSearch {width: 600px; background-color: #eaf5cf; color: #333333; font-size: 11px; margin-top: 0px}
div.boxNaviSearch {width: 590px; background-color: #eaf5cf}
div.cBoxNaviSearch {width: 598px; padding: 0; margin: 0; overflow: auto;}
div.navTLS {background: url('/_images/elements.gif') -97px -23px no-repeat;}
div.navTRS {background: url('/_images/elements.gif') -103px -23px no-repeat;}
div.navBLS {background: url('/_images/elements.gif') -97px -31px no-repeat;}
div.navBRS {background: url('/_images/elements.gif') -103px -31px no-repeat;}
.boxTTopSearch input.showProducts { width: 125px; height: 28px; background: url('/_images/elements.gif') -27px -455px no-repeat; margin: 0; padding: 0; border: 0;}
table.catSearchOpt {width: 580px; margin: 0 auto;}
.catSearchOpt td.searchBut {width: 140px}
.catSearchOpt select, .catSearchOpt input {height: 20px; width: 100px; border: #ccc 1px solid; font-size: 11px}
.catSearchOpt input {height: 15px}
.catSearchOpt td {height: 30px}
.catSearchOpt td.gline {height: 10px; background: url('/_images/gline.gif') 0px 4px repeat-x;}
.catSearchOpt td.cfilters {height: 10px; text-align: right}
.catSearchOpt a {text-decoration: none; color: #333333; padding: 0px 8px 0px 0px}


/* navi box */
div.boxTTop {width: 600px; background-color: #fff7d8; color: #333333; font-size: 11px}
div.boxNavi {width: 590px; background-color: #fff7d8}
div.cNavi {width: 598px; overflow: auto; padding: 0; margin: 0; background-color: #fff7d8}
div.cBoxNavi {width: 598px; padding: 0; margin: 0; height: 20px}
div.naviCor{margin-top: 11px; background-color: #fff7d8}
div.navTL {background: url('/_images/elements.gif') -132px -23px no-repeat;}
div.navTR {background: url('/_images/elements.gif') -140px -23px no-repeat;}
div.navBL {background: url('/_images/elements.gif') -132px -31px no-repeat;}
div.navBR {background: url('/_images/elements.gif') -140px -31px no-repeat;}
div.naviPages {width: 135px; height: 14px; float: left; margin: 0px 0px 0px 5px}
div.naviPerpage {width: 165px; float: left; height: 14px; margin: -3px 0px 0px 0px;}
div.naviView {width: 85px; float: left; height: 14px; margin: 1px 0px 0px 0px;}
.boxTTop select {height: 20px; width: 52px; border: #ccc 1px solid; font-size: 11px}
.boxTTop a {text-decoration: none; color: #333333;}
.boxTTop a.act {color: #99cc00; font-weight: bold;}
.boxTTop a.next {display: block; width: 8px; height: 7px; background: url('/_images/elements.gif') -166px -25px no-repeat; font-size: 1px}
.boxTTop a.prev {display: block; width: 8px; height: 7px; background: url('/_images/elements.gif') -177px -25px no-repeat; font-size: 1px}
.boxTTop a.icon {display: block; width: 20px; height: 11px; background: url('/_images/elements.gif') -134px -58px no-repeat; font-size: 1px}
.boxTTop a.list {display: block; width: 19px; height: 11px; background: url('/_images/elements.gif') -134px -72px no-repeat; font-size: 1px}
.boxTTop a.asc {display: block; width: 7px; height: 8px; background: url('/_images/elements.gif') -156px -24px no-repeat; font-size: 1px}
.boxTTop a.desc {display: block; width: 7px; height: 8px; background: url('/_images/elements.gif') -147px -24px no-repeat; font-size: 1px}


/* list view */
div.CategoryListItem {width: 570px; margin: 10px 0px 10px -10px; clear: both;}
div.ListDesc {width: 325px; float: left; margin-left: 15px;}
a.ListImage {display: block; float: left;}
div.ListPrice {width: 110px; float: left;}
a.prodListTitle {color: #133a61; font-weight: bold; text-decoration: none; display: block; clear: both; margin-right: 10px}
a.prodListDesc {color: #333333; text-decoration: none; display: block; margin: 10px 10px 2px 0px; font-size: 11px}
.hlList {width: 555px; height: 1px; margin: 0px 0px 18px 0px; background: url('/_images/elements.gif') repeat-x; float: left; clear: both; font-size: 1px}
p.listInfo {font-size: 11px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 6px;}
.no {color: #cc3333; font-weight: bold;}
.ok {color: #99cc33; font-weight: bold;}

/* product page */
.productBox {position: absolute; top: -24px}
.productLabel {margin-top: 9px}
#productPage {margin: 0px 22px 0px 22px; overflow: auto; font-size: 12px}
p.silver {color: #a7a7a7; font-size: 11px; margin-top: 1px}
#productPage img {display: block; float: left;}
#productRight {float: left; margin: 5px 0px 0px 20px; width: 120px}
#productPage p {clear: both}
#prodGallery {margin-top: 10px;}
#prodGallery img {margin: 0px 10px 10px 0px; border: #cccccc 1px solid; cursor: pointer;}
#productPage table {margin-top: 10px}
#mainFoto {cursor: pointer}

/* basket */
#koszTitle {color: #133a61; font-size: 18px; padding-bottom: 10px; font-family: helvetica}
div.koszyk {font-family: helvetica}
#basketPage {margin: 0px 12px 0px 12px; overflow: auto; font-size: 12px}
#basketPage td {border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; text-align: center; font-family: helvetica;}
#basketPage td.first {border-left: 0;}
#basketPage td.rightl {text-align: right; padding: 6px 10px 3px 0px;}
#basketPage td.leftl {text-align: left; color: #133a61; font-weight: bold; font-size: 11px; padding-left: 10px}
#basketPage img {margin-right: 3px;}
.tbody td {padding: 3px; font-family: helvetica; font-size: 14px}
input.qtt {width: 30px; height: 18px; border: #cccccc 1px solid; font-weight: bold; text-align: right; background-color: #fff7d9}
a.qttButton {display: block; width: 20px; height: 20px; background: url('/_images/elements.gif') -179px -195px no-repeat;}
a.delButton {display: block; width: 20px; height: 20px; background: url('/_images/elements.gif') -179px -218px no-repeat; margin: 0 auto}
a.backToShop {display: block; width: 145px; height: 28px; background: url('/_images/elements.gif') -28px -186px no-repeat; margin: 0 auto; padding: 0}
a.orderCommit {display: block; width: 145px; height: 28px; background: url('/_images/elements.gif') -28px -217px no-repeat; margin: 10px 5px 10px 0px; padding: 0; float: right}
input.orderNext {display: block; width: 103px; height: 28px; background: url('/_images/elements.gif') -28px -395px no-repeat; margin-bottom: 15px; padding: 0; float: right; border: 0;}
a.orderBack, input.orderBack {display: block; float: left; width: 105px; height: 28px; background: url('/_images/elements.gif') -27px -425px no-repeat; padding: 0; margin-bottom: 15px; border: 0;}
input.orderAccept {display: block; width: 143px; height: 28px; background: url('/_images/elements.gif') -28px -278px no-repeat; margin-bottom: 15px; padding: 0; float: right; border: 0;}
a.orderEditBasket {display: block; width: 143px; height: 28px; background: url('/_images/elements.gif') -28px -248px no-repeat; padding: 0; margin-bottom: 15px;}
#basketPage td.clean {border: 0;}
#basketPage td.suma {background-color: #fff0b2; font-size: 15px; text-align: right; padding: 10px}
#basketPage p.ssilver {padding: 0; margin: 0; font-size: 10px; color: #666666}
#basketPage p.subsilver {padding: 0; margin: 0; font-size: 12px; color: #666666}
#basketPage p.subssilver {padding: 0; margin: 5px 0px 0px 0px; font-size: 11px; color: #999999}
#basketPage a.basketLink {color: #133a61; font-weight: bold; font-size: 11px; text-decoration: none;}

/* login */
#loginPage {margin: 0px 12px 0px 12px; overflow: auto; font-size: 12px}
#loginPage table, table.clean {width: 300px; margin: 25px auto 45px auto; text-align: right;}
#loginPage td { border: 0;}
#loginPage input, #loginPage select {border: #cccccc 1px solid; font-weight: bold; background-color: #fff7d9; width: 200px}
#loginPage input.mini {width: 75px}
#loginPage a {text-decoration: none; color: #133a61; font-size: 13px}
#loginPage a:hover {text-decoration: underline}
#loginPage td.fieldL {text-align: left; padding-left: 20px}
#loginPage input.radio {width: 15px; height: 15px}
#loginPage input.zaloguj, #loginPage input.dalej {border: 0; padding: 0; width: 103px; height: 28px; background: url('/_images/elements.gif') -28px -337px no-repeat;}
#loginPage input.dalej {background: url('/_images/elements.gif') -28px -395px no-repeat;}
#loginPage input.rejestruj {border: 0; padding: 0; width: 103px; height: 28px; background: url('/_images/elements.gif') -28px -366px no-repeat;}
#loginPage input.szukaj {width: 71px; height: 19px; border:0; padding:0; margin:0; background: url('/_images/elements.gif') -133px -310px no-repeat;}
#loginPage td.left {text-align: left; font-weight: bold}

/* user acc */
div.uBox {margin: 20px auto 20px auto}
div.uCenter {padding: 10px; width: 532px}