body, table, tr, th, td, p, form, fieldset, legend, div, ul, ol, li, h1, h2, h3 {margin: 0; padding: 0; border: 0;}

body {margin-top: 10px; text-align: center; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 140%; color: #024ca5;}

a, a:visited {color: #024ca5;text-decoration: none;}
a img {border: 0;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.textLeft {text-align: left;}
.textCenter {text-align: center;}
.textRight {text-align: right;}

#all {width: 990px; height: 100%; margin: auto; padding-bottom: 30px; text-align: left;}

#all:after,
#all div:after,
#all div div:after,
#all ul:after,
#all ol:after,
#all p:after,
#all h1:after,
#all h2:after
{content: "."; display:block; height: 0; clear:both; visibility:hidden;}

#topText {width:518px; height:40px; float: left; padding: 7px 10px 10px 10px; background: url('../img/bgr/topText.gif') no-repeat; line-height: 120%; color: #fff;}
#topText a, #topText a:visited {color: #fff;}

#loginFormBox {width:402px; height: 57px; float: left; padding: 0px 0px 0px 50px; background: url('../img/bgr/loginForm.gif') no-repeat;}
#loginFormBox a, #loginFormBox a:visited {color: #252c7c; margin-top: 4px; float: left;}
#loginFormBox img {float: left; margin: 11px 6px 0px 6px;}

#customerAccount a,
#customerAccount a:visited {margin: 0; padding: 0; display:block; float: left;}
#customerAccount img {float: left; clear: none; margin: 7px 4px 0px 4px;}
#customerAccount .title {Font-weight:bold; color: #ff0000;}
#customerAccount div.clear {margin-bottom: 3px; float: left; width:100%;}


#path {padding: 8px 0px 8px 0px;}
#path, #path a, #path a:visited {color: #d9d3e6; font-size:10px;}


#mainFrame {width:690px; float: left; }
#mainFrameNav {width:670px; padding: 10px; background: #004fad url('../img/bgr/mainFrameNav.gif') no-repeat;}
#mainContent {width:648px; min-height: 350px; padding: 20px; border: solid #d9d3e6; border-width: 0px 1px 0px 1px;}
#mainFrameBottom {width:690px; height:13px; background: url('../img/bgr/mainFrameBottom.gif') bottom left no-repeat;}

#mainFrameNav span, #mainFrameNav a, #mainFrameNav a:visited {
  color: #fff;
  text-transform: uppercase;
  font-weight:bold;
  font-size:10px;
}

#mainFrameNav img {margin:0px 3px 1px 3px;}




#messageBox {position: absolute; display: none; width:210px; text-align: left; padding: 15px; font-weight:bold; color: #004fad; top: 0; left: 0; border: 1px solid #e0e0eb; background: #fff;}
#messageBox p,
#messageBox img {
  float: left;
}

#messageBox p {width:120px; margin: 10px 0px 0px 10px;}


/* ----------------------------------------- */
/* -- LEFT -- */

#left {width:290px; float: left; padding-right: 10px;}

.leftBox {width:290px; float: left; clear: both; margin-bottom: 10px;}
.leftBox .top,
.leftBox .bottom {width:290px; height:8px; float: left; padding: 0; margin: 0;}
.leftBox .boxContent {width:268px; padding: 1px 10px 1px 10px; margin: -1px 0px 0px 0px; float: left;}

.yellowBox .top {background: url('../img/bgr/leftYellowBox/top.gif');}
.yellowBox .bottom {background: #fdeb9a url('../img/bgr/leftYellowBox/bottom.gif');}
.yellowBox .boxContent {background: #fdeb9a; border: solid #f6eecb; border-width: 0px 1px 0px 1px;}


.blueBox .top {background: url('../img/bgr/leftBlueBox/top.gif');}
.blueBox .bottom {background: url('../img/bgr/leftBlueBox/bottom.gif');}
.blueBox .boxContent {background: #004ca6; border: solid #004ca6; border-width: 0px 1px 0px 1px;}


#contactLeft a,
#contactLeft a:visited {color: #fff}

#searchbox .innerTitle {font-size:16px; font-weight:normal; margin-bottom: 6px; line-height: 150%;}
#searchbox label {width:70px; display: block; float: left;font-size:11px; font-weight:normal;}
#searchbox .textInput {background: #fff; font-size:10px; padding: 2px; width:190px;}
#searchbox select {font-size:10px; width:195px;}
#searchbox form div {float: left; margin: 2px 0px 4px 0px;}


/* -- CONTACT LEFT -- */
/* ----------------------------------------- */
/* -- FOOTER -- */

#footer {width:988px; padding-top:30px;}

#fLeft {width:250px; padding-right: 15px; float: left; padding-top: 10px;}
#fLeft p {font-size: 10px; color: #004ca6;}
#fLeft p.title {text-transform: uppercase; font-weight:bold; }
#fLeft .textInput {border:0; background: #bdbfd7; color:#fff; width: 130px; float: left; font-size: 10px; padding: 3px; margin: 5px 5px 0px 0px;}
#fLeft .submitButton {border:0; background: #004ca6; color: #fff; font-weight: bold; font-size: 9px; margin-top: 5px; padding: 3px 5px 2px 5px;}


#fRight {width:675px; padding-left: 15px; float: left; border-left: 1px solid #fff;}
#fRight .stopka img {margin: 0px 3px 2px 3px;}
#fRight .stopka a, #fRight .stopka a:visited {color: #004ca6;}

#stopkaTekst {padding: 16px 0px 0px 0px;}
#stopkaTekst,
#stopkaTekst a,
#stopkaTekst a:visited {color: #004ca6;}


#footerTop,
#footerBottom {width: 988px; height:9px; margin: 0; float: left; background: url('../img/bgr/footerTop.gif');}
#footerBottom {background: url('../img/bgr/footerBottom.gif');}
#fContent {width: 958px; float: left; padding: 6px 15px 6px 15px; margin: 0; background: #e9e9f3;}

.maker {clear: both; padding-top: 15px; text-align: left; margin-left: 15px;}
.maker a, maker a:visited {color: #7fa5d2}


/* -- END - FOOTER -- */
/* ----------------------------------------- */
/* -- FORMS -- */

label {font-size: 10px; font-weight: bold; color: #252c7c;}
.textInput {padding:3px; background: #f7f3e0; border: solid #c3c3c3; border-width: 1px 0px 0px 1px;}


#topLoginForm {float: left; width:370px; padding-top: 10px; margin-left: -4px;}
#topLoginForm .textInput {width:95px; float: left; margin: 0px 5px 0px 3px;}
#topLoginForm label {display:block; float:left; padding: 3px 4px 0px 4px;}
#topLoginForm .submitButton {float: right; margin-top: 1px;}



#all label.label {display: block; float: left; text-align: right; font-weight:normal; color: #000; font-size:11px;}
.wiersz {width: 570px; float: left; margin-bottom: 5px;}
.wiersz input.textInput {width: 280px; float: left; margin: 0px 5px 0px 5px;  padding: 3px; background: #e6eff8; border: 0; font-size: 11px;}
.wiersz img {float:left; margin:0px 5px 0px 0px;}

.blad {color: #ff0000; font-weight: bold; padding: 0;}
#wiersz_submit .blad, #wiersz_submit label {display: none;}


div.pomoc {position: relative; float: left; padding: 0; width: 21px; height: 21px; background: url('../img/pomoc.png'); background-repeat: no-repeat;}
div.pomoc div {position: absolute; display: none;}
div.pomoc:hover div {display: block; margin: 0 0 0 25px; border: 1px solid #d6c1bc; padding: 5px; background: #f4f0ed; width: 210px;}

.polaWymagane, .informacjaPomocnicza {width: 140px; float: left; margin-top: 5px;}
.polaWymagane img , .informacjaPomocnicza img {float: left; margin: 0px 6px -1px 0px;}
.informacjaPomocnicza img {margin-top: 0px;}


#Rejestracja {width:645px;}

#Rejestracja label {width:90px;}
#Rejestracja .blad{margin-left: 95px;}

#Rejestracja #wiersz_imie,
#Rejestracja #wiersz_email {margin-top: 10px;}
#Rejestracja #wiersz_submit {width:645px;  margin: 10px 0px 10px 4px; padding-top: 10px; background: url('../img/bgr/purpleDotsHorizontal.gif') top left repeat-x;}
#Rejestracja .polaWymagane {margin-left: 95px;}
#Rejestracja .formTitle {clear: both; float: left; width:90px; height:60px; color: #000; text-align: right;}
#wiersz_preferowanyKontakt {width:300px;}
#wiersz_preferowanyKontakt label.label {display: none;}

#posiadaneProdukty {clear: both; margin: 10px 0px 0px 0px; padding-top: 10px; background: url('../img/bgr/purpleDotsHorizontal.gif') top left repeat-x;}
#posiadaneProdukty p {color: #000; font-weight:bold; margin-bottom: 5px;}
#posiadaneProdukty .wiersz {width:150px; margin-right: 10px;}
#posiadaneProdukty input {float: left;}
#posiadaneProdukty label {display: block; float: left; width:125px; margin-left: 3px; font-size:11px; font-weight:normal; color: #000;}
#posiadaneProdukty label.label {display: none;}
.posiadaneProduktyRow {margin-bottom: 12px; clear: both;}

#posiadaneProdukty #wiersz_inneUrzadzenie {width:500px; margin-top: 15px;}
#wiersz_inneUrzadzenie .textInput {width:300px;}
#wiersz_inneUrzadzenie label.label {display: block; float: left; width:80px; text-align: left;}

#ForgetPassword label {width:40px;}
#ForgetPassword .blad{margin-left: 45px;}
#ForgetPassword #wiersz_submit {width:645px;  margin: 10px 0px 10px 4px; padding-top: 10px; background: url('../img/bgr/purpleDotsHorizontal.gif') top left repeat-x;}
#ForgetPassword .polaWymagane {margin-left: 45px;}

#changeData label {width:70px;}
#changeData .blad{margin-left: 75px;}
#changeData #wiersz_submit {width:645px;  margin: 10px 0px 10px 4px; padding-top: 10px; background: url('../img/bgr/purpleDotsHorizontal.gif') top left repeat-x;}
#changeData .polaWymagane {margin-left: 75px;}


#CustomerData label {width:90px;}
#CustomerData .blad{margin-left: 95px;}
#CustomerData #wiersz_submit {width:645px;  margin: 10px 0px 10px 4px; padding-top: 10px; background: url('../img/bgr/purpleDotsHorizontal.gif') top left repeat-x;}
#CustomerData .polaWymagane {margin-left: 95px;}
#CustomerData .formTitle {clear: both; float: left; width:90px; height:60px; color: #000; text-align: right;}
#CustomerData #wiersz_preferowanyKontakt {width:300px;}
#CustomerData #wiersz_preferowanyKontakt label.label {display: none;}

#ChangePass label {width:70px;}
#ChangePass .blad{margin-left: 75px;}
#ChangePass #wiersz_submit {width:645px;  margin: 10px 0px 10px 4px; padding-top: 10px; background: url('../img/bgr/purpleDotsHorizontal.gif') top left repeat-x;}
#ChangePass .polaWymagane {margin-left: 75px;}

#addressBook label {width:70px;}
#addressBook .blad{margin-left: 75px;}
#addressBook #wiersz_submit {width:645px;  margin: 10px 0px 10px 4px; padding-top: 10px; background: url('../img/bgr/purpleDotsHorizontal.gif') top left repeat-x;}
#addressBook .polaWymagane {margin-left: 75px;}

#CustomerProducts #wiersz_podaneInne {width:500px; margin-top: 15px; padding-bottom: 15px;}
#CustomerProducts #wiersz_podaneInne label.label {display: block; float: left; width:80px; text-align: left;}


#ZamowienieDane label {width:90px;}
#ZamowienieDane .blad{margin-left: 95px;}

#ZamowienieDane #wiersz_imie,
#ZamowienieDane #wiersz_email {margin-top: 10px;}
#ZamowienieDane #wiersz_submit {width:645px;  margin: 10px 0px 10px 4px; padding-top: 10px; background: url('../img/bgr/purpleDotsHorizontal.gif') top left repeat-x;}
#ZamowienieDane .polaWymagane {margin-left: 95px;}
#ZamowienieDane .formTitle {clear: both; float: left; width:300px; margin-bottom: 8px; color: #000; font-weight:bold;}
#ZamowienieDane textarea {
  width:250px;
  height: 80px;
  margin: 0px 0px 0px 5px;
  font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px;
}


#FormularzZapytania label {width:90px;}
#FormularzZapytania .blad{margin-left: 95px;}
#FormularzZapytania #wiersz_submit {width:645px;  margin: 10px 0px 10px 4px; padding-top: 10px; background: url('../img/bgr/purpleDotsHorizontal.gif') top left repeat-x;}
#FormularzZapytania textarea {width:305px; height: 130px; margin: 0px 0px 0px 5px; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px;}
#FormularzZapytania .polaWymagane {margin-left: 95px;}


#Subskrypcja {width: 100%; margin-top: 15px;}
#Subskrypcja .blad {margin-left: 75px;}
#Subskrypcja label { width: 70px;}
#Subskrypcja select {margin-left: 5px;}
#Subskrypcja #wiersz_userAgreement .gwiazdka {display: none;}
#Subskrypcja #wiersz_userAgreement input { margin-left: 75px; float: left;}
#Subskrypcja #wiersz_userAgreement label {float: left; width: 300px; text-align: justify;}
#Subskrypcja #wiersz_userAgreement label.label {display: none;}


/* -- END - FORMS -- */
/* ----------------------------------------- */
/* -- HOME PAGE -- */

.categoriesListing .listingRow {width:650px; float: left; clear: both; margin-bottom: 10px; padding-bottom: 10px; background: url('../img/bgr/blueDotsVertical.gif') bottom left repeat-x;}

.categoriesListing .li {width: 196px; height: 370px; padding: 0px 10px 10px 10px; float: left; background: url('../img/bgr/blueDotsHorizontal.gif') top right repeat-y;}
#polecaneKategorie div.li {height: auto;}
.categoriesListing .li h2.title {margin-bottom: 10px;}
.categoriesListing .li h2.title,
.categoriesListing .li h2.title a,
.categoriesListing .li h2.title a:visited {color: #000; text-decoration: underline; font-size: 14px;}
.categoriesListing .li ul {list-style: none; clear:both; float: left;}
.categoriesListing .li ul li {display: block; float: left; width:195px;}

.categoriesListing .li ul li img {float: left; margin: 6px 5px 0px 0px;}
.categoriesListing .li ul li a {display: block; width: 185px; float: left; padding-bottom: 5px; cursor: pointer;}
.categoriesListing .li .mainImg {padding: 0px 0px 10px 0px; float: left; clear: both;}

/* -- END - HOME PAGE -- */
/* ----------------------------------------- */
/* -- PAGINATION -- */

#links a,
#links p {display: block; float: left; text-align: center; width: 24px; height: 20px; padding: 4px 0px 0px 0px; margin: 0px 4px 0px 0px; background: #99b7db; font-weight: bold; color: #fff;}
#links p {background: #004ca4;}
#links a#prev,
#links p#prev,
#links a#next,
#links p#next {width: 24px; height: 24px; padding: 0; background: url('../img/pagination/prev.gif') no-repeat;}

#links a#next,
#links p#next {background: url('../img/pagination/next.gif') no-repeat;}

/* -- END - PAGINATION -- */
/* ----------------------------------------- */

.productListing h1.title {font-size: 20px; font-weight: normal; line-height: 140%; margin-bottom: 15px;}
.productListing .li {margin-bottom: 10px; padding-bottom: 10px; background: url('../img/bgr/blueDotsVertical.gif') bottom left repeat-x;}
.productListing .li a.img {float: left; margin-right: 10px;}
.productListing .liDetails a.title,
.productListing .liDetails a.info {display: block; cursor: pointer; font-size: 12px;}
.productListing .liDetails a.title {font-weight: bold;}
.productListing .liDetails .preface {margin-top: 10px; color: #000;}

#productDetails h1.title {font-size: 18px; font-weight: normal; padding-bottom: 5px; margin-bottom: 10px;}

.photos {float: left; width: 180px; margin-right: 15px;}
.productInfo {width: 453px; float: left;}
.gallery .galleryRow {width:180px; float: left; margin-top: 10px;}
.gallery .rightPhoto {float: right;}

.productInfo {padding-bottom: 10px; margin-bottom: 10px; background: url('../img/bgr/purpleDotsHorizontal.gif') bottom left repeat-x;}

#productDetails .names {width: 280px; float: left;}

#productDetails a.title,
#productDetails a.info {display: block; cursor: pointer; font-size: 12px;}
#productDetails a.title {font-weight: bold;}

.oldPrice {float: right;  margin: 0; clear: both; margin-bottom: -17px; text-decoration: line-through;}
.ceny {float: right; text-align: right;}

.currentPrice {float: right; clear: both; margin-top: 27px;}

.currentPrice span {font-size: 12px;}

.productDescription {clear:both; float: left; margin-top: 10px; padding-top:10px; color: #010101; background: url('../img/bgr/purpleDotsHorizontal.gif') repeat-x;}
.productDescription a,
.productDescription a:visited {color: #010101;}

.productShopping {width:453px; float: right; padding-bottom: 20px;}


#dodajDoKoszyka {margin-right: 40px}

#dodajDoKoszyka,
#dodajDoKoszyka p {float: left;}

#dodajDoKoszyka input {width: 30px; margin: 2px 5px 0px 0px; font-size:10px; color: #024ca5;}
#doSchowka {padding-right: 5px;}


.prodAdditionaLInfo {background: #e9e9f3; width:630px; clear: both; padding: 10px; margin: 20px 0px 0px 0px; }
.prodAdditionaLInfo p {
  font-weight:bold; font-size:12px; margin-bottom: 4px;
}

.prodAdditionaLInfo .left {width:190px; background: url('../img/bgr/blueDotsHorizontal.gif') top right repeat-y;}
.prodAdditionaLInfo .right {width: 425px; padding-left: 10px; }
.prodAdditionaLInfo .long {width:625px;}
.prodAdditionaLInfo ul {list-style: none;}
.prodAdditionaLInfo ul li {display: block; width:100%; clear: both; float: left; padding-bottom: 5px;}
.prodAdditionaLInfo ul li img {margin: 6px 5px 0px 0px; float:left;}
.prodAdditionaLInfo ul li a {display: block; width: 95%; float: left;}


.textPage h1.title {font-size: 20px; font-weight: normal; line-height: 140%; margin-bottom: 15px;}
.textPage .textContent {color: #000; padding-bottom: 10px; margin-bottom: 10px;  background: url('../img/bgr/purpleDotsHorizontal.gif') bottom left repeat-x;}

#adressList {margin: 0px 0px 30px 75px; list-style: none; color: #024ca5;}
#adressList p.title {font-weight:bold; margin-bottom: 5px;}
#adressList li img {float: left; margin: 7px 5px 0px 0px;}
#adressList p.addressName {float: left; width:140px; color: #024ca5; cursor: pointer;}
#adressList a, #adressList a:visited {color: #024ca5;}
#adressList div.address {margin: 2px 0px 10px 9px;}

#shopcartTable {width:650px;}
#shopcartTable th,
#shopcartTable td {padding: 2px;}
#shopcartTable th {background: #acc1d9;}
#shopcartTable .nazwy{width: 600px;}
#shopcartTable .ilosci {text-align:center;}
#shopcartTable .ilosc {width:30px; text-align: right; font-size:10px}

#realizujZamowienie {width:275px; float: right; margin: 15px 0px 0px 0px;}
#realizujZamowienie p {margin-bottom: 7px;}
#realizujZamowienie #submitButton{margin-top: 5px; float: right;}
#realizujZamowienie .wiersz {width: 275px;}
#realizujZamowienie label {width: 65px; float: right;}
#realizujZamowienie .textInput {width: 185px; float: right;}
#realizujZamowienie ol {clear: both; list-style: none;}
#realizujZamowienie ol li {display: block; float: left; margin: 10px 10px 0px 0px;}
#realizujZamowienie ol li img {float: left; margin: 7px 4px 0px 0px;}

.orderData {
width: 650px;
  margin: 15px 0px 15px 0px;

  clear: both;

}

.orderData .formTitle {
  font-weight:bold;
  margin: 15px 0px 3px 0px;
}


.productDescription ul,
.productDescription ol,
.textPage .textContent ul,
.textPage .textContent ol {
  margin: 3px 0px 3px 25px;
}