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

body {height: 100%; text-align: center; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 140%;}

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

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

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

#all {width:1000px; 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;}

.box {float: left;}
.boxContent {float: left;}
.box .boxLeftCorner,
.box .boxRightCorner {width: 10px; float: left;}

#topNav .boxLeftCorner {height: 30px; background: url('../img/bgr/boxes/topNav/left.gif') no-repeat;}
#topNav .boxContent {height: 30px; background: url('../img/bgr/boxes/topNav/content.gif') repeat-x;}
#topNav .boxRightCorner {height: 30px; background: url('../img/bgr/boxes/topNav/right.gif') no-repeat;}

#topCategories .boxLeftCorner {height: 40px; background: url('../img/bgr/boxes/topCategories/left.gif') no-repeat;}
#topCategories .boxContent {height: 40px; background: url('../img/bgr/boxes/topCategories/content.gif') repeat-x;}
#topCategories .boxRightCorner {height: 40px; background: url('../img/bgr/boxes/topCategories/right.gif') no-repeat;}


.box2 {width: 175px; margin-bottom: 30px;}
.box2 p.boxTop,
.box2 p.boxBottom {width: 175px; height: 10px;}
.box2 div.box2Content {width: 149px; margin-left: 1px; padding: 0px 12px 0px 12px;}
    .boxBlack p.boxTop {background: url('../img/bgr/boxes/black/top.gif') no-repeat;}
    .boxBlack p.boxBottom {background: url('../img/bgr/boxes/black/bottom.gif') no-repeat;}
    .boxBlack div.box2Content {background: #616161 url('../img/bgr/boxes/black/content.gif') bottom left repeat-x;}
    .boxBlack div.box2Content .light,
    .boxBlack div.box2Content .light a,
    .boxBlack div.box2Content .light a:visited {color: #fff;}
    .boxBlack div.box2Content .dark,
    .boxBlack div.box2Content .dark a,
    .boxBlack div.box2Content .dark a:visited {color: #b0b0b0;}
    .boxBlack h2.innerTitle {padding-left: 5px;font-size: 13px; color: #fff; background: url('../img/bgr/innerLineGrey.gif') center left   repeat-x;}
        .boxBlack h2.innerTitle span {padding: 0px 4px 0px 4px; background:#616161;}


    .boxRed p.boxTop {background: url('../img/bgr/boxes/red/top.gif') no-repeat;}
    .boxRed p.boxBottom {background: url('../img/bgr/boxes/red/bottom.gif') no-repeat;}
    .boxRed div.box2Content {background: #e40000 url('../img/bgr/boxes/red/content.gif') bottom left  repeat-x;}
    .boxRed div.box2Content .light,
    .boxRed div.box2Content .light a,
    .boxRed div.box2Content .light a:visited {color: #fff;}
    .boxRed div.box2Content .dark,
    .boxRed div.box2Content .dark a,
    .boxRed div.box2Content .dark a:visited {color: #000;}
    .boxRed h2.innerTitle {padding-left: 5px;font-size: 13px; color: #fff; background: url('../img/bgr/innerLineRed.gif') center left   repeat-x;}
        .boxRed h2.innerTitle span {padding: 0px 4px 0px 4px; background:#E40000;}


#pagination {float: right; clear: both;}
#pagination a,
#pagination p {display: block; width: 27px; height: 20px; padding: 3px 0px 0px 0px; float: left; text-align: center; margin-right: 5px; color: #fff; font-weight: bold;}
#pagination p {background: url('../img/bgr/pagP.gif') no-repeat;}
#pagination p.paginationLink,
#pagination a.paginationLink  {background: url('../img/bgr/pagA.gif') no-repeat; cursor: pointer;}

#messageBox {position: absolute; top: 0; left: 0; width: 270px; height: 68px; display: none; z-index: 9;}

#messageBox .mbLeftCorner,
#messageBox .mbRightCorner {float: left; width: 28px; height: 68px; background: url('../img/bgr/messageBox/cart/left.gif') no-repeat;}
#messageBox .mbContent {width: 214px; height: 51px; float: left; padding-top: 17px; color: #fff; font-weight: bold; background: url('../img/bgr/messageBox/cart/content.gif') repeat-x; text-transform: uppercase;}

#mainPath {clear: both; padding-bottom: 10px; border-bottom: 1px solid #f5f5f5;}
#mainPath,
#mainPath a,
#mainPath a:visited {color: #727272;}



/*---------------------------------------------------------------------*/
/* --- FORMS ---*/

#all label.label {display: block; float: left;}
.wiersz {width: 570px; float: left; margin-bottom: 5px;}
input.textInput {width: 280px; float: left; margin: 0px 5px 0px 5px;  padding: 2px; background: #f2f2f2; border-left: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; border-right: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; 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: 3px 4px 0px 0px;}
.informacjaPomocnicza img {margin-top: 0px;}

#all .submit {height: 20px; border: 0; color: #fff; text-transform: uppercase; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding-bottom: 3px; }
.submitGrey {background: url('../img/bgr/submitGrey.gif') repeat-x;}
.submitRed {background: url('../img/bgr/submitRed.gif') repeat-x;}
.submitRed2 {background: url('../img/bgr/submitRed2.gif') repeat-x;}
.submitBlack {background: url('../img/bgr/submitBlack.gif') repeat-x;}

#quickSearch div.box2Content form {margin: 10px 0px 10px 0px;}
#quickSearch div.box2Content div {height: 1%; margin-bottom: 5px;}
#quickSearch label {display: block; float: left; width: 51px; color: #fff;}
#quickSearch input.textInput {width: 90px; float: right; margin: 0;}

#quickSearch select {width: 96px; float: right; padding: 1px; font-size:11px; background: #f2f2f2; border: solid #c3c3c3; border-width: 1px 0px 0px 1px;}
#quickSearch .submit {width: 95px; float: right; margin: 5px 0px 0px 0px;}

#customerBox div.box2Content form {margin: 10px 0px 10px 0px;}
#customerBox div.box2Content div {height: 1%; margin-bottom: 5px;}
#customerBox .textInput {width: 108px; float: right; margin: 0;}
#customerBox label {display: block; float: left; width: 35px; color: #fff;}
#customerBox .submit {width: 112px; float: right; margin: 5px 0px 0px 0px;}

#newsletterBox #dodajSubmit {margin-left: 30px; text-align: center;}
#newsletterBox .textInput {width: 145px; margin: 5px 0px 5px 0px; color: #987878;}

.polaWymagane {display: none;}
.informacjaPomocnicza {display: none;}


.mcForm,
.mcForm .wiersz {width: 550px;}

.formTitle {width: 100%; float:left; padding: 3px; margin: 20px 0px 10px 0px; background: #f3f3f3; color: #717171; font-weight: bold; font-size:13px; border: 1px solid #fafafa;}
.formTitle span {display: block; float: left; width: 10px; margin-right: 3px; border-right: 2px solid #fafafa;}
.mcForm label.label {color: #717171; font-size: 12px; margin-top: 4px;}
.mcForm textarea {padding: 2px; font-size:11px; font-family: Tahoma, Verdana, Helvetica, sans-serif;}


#Rejestracja {width: 98.5%; margin-top: -10px;}

#Rejestracja .blad {margin-left: 185px;}
#Rejestracja label.label {width: 160px; margin-left: 20px;}
#Rejestracja input {float: left;}

#Rejestracja .textInput {width: 160px;}
#Rejestracja #wiersz_bulletin label.label {width: 110px;}
#Rejestracja #wiersz_bulletin { padding-bottom:25px; border-bottom: 1px solid #bebebe;}

#Rejestracja #wiersz_submit label,
#Rejestracja #wiersz_clear label {display:none; }

#Rejestracja #wiersz_submit,
#Rejestracja #wiersz_clear {float: left; width: auto; margin-right: 15px; padding-top: 15px;}

#Rejestracja #wiersz_submit {margin-left: 20px;}
#Rejestracja #wiersz_submit input {width: 105px;}

#ForgetPassword {margin-top: 15px;}
#ForgetPassword label.label {width: 40px; margin-left: 20px;}
#ForgetPassword #wiersz_submit {margin-left: 5px;}
#ForgetPassword .blad {margin-left: 65px;}

#changeData label.label {width: 80px; margin-left: 20px;}
#changeData #wiersz_submit {margin-left: 105px;}
#changeData .blad {margin-left: 105px;}

#addressBook label.label {width: 110px; margin-left: 20px;}
#addressBook #wiersz_submit,
#addressBook #wiersz_clear {float: left; width: auto; margin-right: 15px; padding-top: 15px;}
#addressBook #wiersz_submit {margin-left: 20px;}
#addressBook #wiersz_submit input {width: 105px;}
#addressBook .formBox {height: 1%;  padding-bottom:15px; border-bottom: 1px solid #bebebe;}
#addressBook .blad {margin-left: 135px;}

#CustomerData label.label {width: 110px; margin-left: 20px;}
#CustomerData #wiersz_submit,
#CustomerData #wiersz_clear {float: left; width: auto; margin-right: 15px; padding-top: 15px; }
#CustomerData #wiersz_submit {margin-left: 20px;}
#CustomerData #wiersz_submit input {width: 105px;}
#CustomerData .formBox {height: 1%; padding-bottom:15px; border-bottom: 1px solid #bebebe;}
#CustomerData .blad {margin-left: 135px;}

#ChangePass  label.label {width: 110px; margin-left: 20px;}
#ChangePass  #wiersz_submit,
#ChangePass  #wiersz_clear {float: left; width: auto; margin-right: 15px; padding-top: 15px;}
#ChangePass  #wiersz_submit {margin-left: 20px;}
#ChangePass  #wiersz_submit input {width: 105px;}
#ChangePass .formBox {height: 1%; padding-bottom:15px; border-bottom: 1px solid #bebebe;}
#ChangePass .blad {margin-left: 135px;}

#realizujZamowienie {margin-top: 10px; padding-top: 10px; border-top: 1px solid #d4d4d4;}

#realizujZamowienie fieldset {width: 290px; float: right;}
#realizujZamowienie fieldset p {font-size:10px; font-weight: bold; margin-bottom: 10px;}
#realizujZamowienie fieldset .wiersz {width: 260px; padding-left: 30px;}
#realizujZamowienie fieldset label {width: 100px; float: left; color: #868686;}
#realizujZamowienie fieldset input {width: 120px;}
#realizujZamowienie ol {list-style: none;}
#realizujZamowienie ol li {float: left; margin: 10px 15px 10px 0px;}
#realizujZamowienie ol li img {float: left; margin: 3px 6px 0px 0px;}
#realizujZamowienie .submit {width: 150px; float: right;}

#ZamowieniePrzesylka {margin: 10px 0px 10px 0px;}
#ZamowieniePrzesylka input {margin: 2px 4px 0px 0px; float:left;}
#ZamowieniePrzesylka .wiersz{margin-bottom: 10px;}
label.description {display: block; clear: both; float: left; margin: 2px 0px 0px 17px;}
#ZamowieniePrzesylka .submit {width: 105px;}

#ZamowienieDane .blad {margin-left: 185px;}
#ZamowienieDane label.label {width: 160px; margin-left: 20px;}
#ZamowienieDane input {float: left;}

#ZamowienieDane .textInput {width: 160px;}
#ZamowienieDane #wiersz_bulletin label.label {width: 110px;}
#ZamowienieDane #wiersz_bulletin { padding-bottom:25px; border-bottom: 1px solid #bebebe;}

#ZamowienieDane #wiersz_submit label,
#ZamowienieDane #wiersz_clear label {display:none; }

#ZamowienieDane #wiersz_submit,
#ZamowienieDane #wiersz_clear {float: left; width: auto; margin-right: 15px; padding-top: 15px;}

#ZamowienieDane #wiersz_submit {margin-left: 20px;}
#ZamowienieDane #wiersz_submit input {width: 105px;}
#ZamowienieDane select {width: 165px; margin-left: 5px; font-size: 11px;}
#ZamowienieDane textarea {width: 161px; height: 100px; margin-left: 5px;}
#ZamowienieDane .submitBlack {width: 165px; margin-left: 5px;}

#ZamowienieDane #wiersz_qf_group_1  {margin-left: 20px; margin-top: 20px;}
#ZamowienieDane #wiersz_qf_group_1  input {width: 105px;}
#ZamowienieDane #wiersz_qf_group_1 label {display:none; }
#ZamowienieDane #wiersz_qf_group_1 input {margin-right: 15px;}

#realizujZamowienie2 {margin-top: 20px;}
#realizujZamowienie2 .submit {width: 105px;}

#Platnosc .submit {width: 155px; margin: 20px auto 20px auto; float: none;}
#Platnosc #wiersz_submit {float: none; margin: auto; text-align: center;}

#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 ---*/
/*---------------------------------------------------------------------*/
/* --- TABLES ---*/

.w30  {width: 30px;}
.w90  {width: 90px;}
.w200 {width: 200px;}
.w300 {width: 300px;}


.table {width: 100%;}
.table th {background: #646464; color: #fff;}

.table,
.table tr,
.table th,
.table td {padding: 3px; border: 1px solid #B8B8B8; border-collapse: collapse;}


#shopcartTable input.ilosc {width: 20px; padding: 1px; font-size: 10px;}
#shopcartTable .submitLong {width: 110px;}
#shopcartTable .submitLong2 {width: 130px;}

#shopcartTable {margin-top: 20px;}
#shopcartTable, #shopcartTable tr, #shopcartTable th, #shopcartTable td {border:0;}
#shopcartTable td {color: #565656; font-size:12px;}
#shopcartTable th {border: 1px solid #c4c4c4; padding-left: 10px;}
#shopcartTable th.textCenter {padding-left: 0;}
#shopcartTable td {padding: 6px 6px 6px 10px;}
#shopcartTable td.textCenter {padding-left: 6px;}
#shopcartTable tr {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 3px solid #fff;}
#shopcartTable .lightRow .lightCell {background: #f2f2f2;  border: 1px solid #fafafa;}
#shopcartTable .lightRow .darkCell {background: #e5e5e5; border: 1px solid #ededed}
#shopcartTable .darkRow .lightCell {background: #dadada; border: 1px solid #f5f5f5;}
#shopcartTable .darkRow .darkCell {background: #cfcfcf; border: 1px solid #e9e9e9;}
#shopcartTable .submit {margin-right: 25px; margin-left: -10px;}
#shopcartTable tr.razem td.sum {background: #dddddd;}
#shopcartTable td.sum span {font-weight: bold; color: #ff0000;}
#shopcartTable td a span {color: #8f8f8f;}


/* --- END TABLES ---*/
/*---------------------------------------------------------------------*/

.redPrice {font-size: 12px; font-weight: bold; color: #fe0000;}
.oldPrice {text-decoration: line-through;}


/*---------------------------------------------------------------------*/
/* --- TOP ---*/

#top {margin-bottom: 10px; height: 1%;}
#topNav {margin-top: 14px;}
#topNav .boxContent {width: 980px;}
#topNav a,
#topNav a:visited {padding: 0px 10px 0px 10px; margin-top: 6px; float: left; color: #fff; font-size: 12px; background: url('../img/bgr/topNavA.gif') center right no-repeat;}

#shopcartBox {width: 250px; margin: 14px 15px 5px 0px; text-align: right; float: right;}
#shopcartBox img {margin-right: 5px; margin-top: 2px;}
#shopcartBox .emptyCart {margin-top: 8px;}
#shopcartBox p {text-align: left;}
#shopcartBox p span {font-weight: bold; color: #a50000;}

#topCategories .boxContent {width: 980px; height: 40px;}
/*#topCategories ol {list-style: none;}
#topCategories ol li {float: left;}

#topCategories ol li a {padding: 0px 10px 3px 10px; margin-top: 11px; float: left; color: #fff; font-size: 12px; background: url('../img/bgr/topCategoriesA.gif') center right no-repeat;}


#topCategories ol li,
#topCategories ol li a,
#topCategories ol li a:visited {color: #fff;}
#topCategories ol li.last a {background: none;}*/

/* --- END TOP ---*/
/*---------------------------------------------------------------------*/
/* --- SIDE BOXES ---*/

#bestsellers .box2Content p {padding: 2px 0px 2px 0px; border-bottom: 1px solid #a60000;}

#customerBox p.info {margin: -7px 0px 4px 0px; float: left; color: #f9b9ba;}
#customerBox a,
#customerBox a:visited {width: 100%; float:left; clear: both; color: #fff;}
#customerBox a img {float: left; margin: 7px 4px 0px 0px;}
#customerBox .zarejestruj {font-weight:  bold;}
#customerAccoun h2 {margin-bottom: 5px;}
#customerAccount .zarejestruj {margin: 2px 0px 2px 0px;}

#newsletterBox p.info {margin: 5px 0px 5px 0px; color: #e0e0e0;}

#newsList .li {padding-bottom:5px; margin-top: 5px; border-bottom: 1px solid #B0B0B0;}


#newsList .li,
#newsList .li a,
#newsList .li a:visited {color: #fff;}
#newsList .li a.title {font-weight:  bold;}



/*---------------------------------------------------------------------*/
/* --- LEFT ---*/
#left {width: 175px; float: left;}

#contactBox .box2Content div {
  float: left;
  width: 170px;
  margin: 10px 0 0 0;
}


#contactBox .box2Content div,
#contactBox .box2Content div a,
#contactBox .box2Content div a:visited {
  color: #fff;
}

#contactBox .box2Content div a img {
  margin: 0px 2px -3px 0px;

}


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

#right {width: 175px; float: left;}

.rightLogo {margin-bottom: 30px; float: left;}

/* --- END RIGHT ---*/
/*---------------------------------------------------------------------*/
/* --- FOOTER ---*/

#footer {width: 997px; padding-top:20px; margin: auto; clear: both;}

#fTop {width: 997px; height: 12px; background: url('../img/bgr/footer/top.gif') no-repeat;}
#fBottom {width: 997px; height: 12px; background: url('../img/bgr/footer/bottom.gif') no-repeat;}
#fContent {width: 975px; padding: 5px 10px 0px 10px; margin-left: 1px; text-align: center; background: #DA0000 url('../img/bgr/footer/content.gif') bottom left repeat-x;}
  #fContent a,
  #fContent a:visited {margin:0px 3px 0px 3px; color: #ffe2e2; font-size:12px;}
  #fContent p {margin: 12px 0px 0px 0px;}
      #fContent p#fInfo a,
      #fContent p#fInfo a:visited {color: #fff;font-size:11px;}


.maker {padding-top: 5px; margin: auto; text-align: center;}
.maker a,
.maker a:visited {color: #838383;}

/* --- END FOOTER ---*/
/*---------------------------------------------------------------------*/
/* --- LISTINGS ---*/

.liPhoto {width: 180px; margin-bottom: 4px; text-align: center;}
    .liPhoto img {border: 1px solid #dedede; vertical-align: top;}

p.liTitle,
p.liTitle a,
p.liTitle a:visited {color: #000; font-size:13px;}

.liLinks {width: 80px; margin-top: 5px; float: left;}
.liLinks p {margin-bottom: 5px;}


.addToCart {width: 65px; float:left; height: 18px; padding:2px 5px 0px 5px; margin-bottom: 5px; color: #fff; font-weight: bold;  background: url('../img/bgr/submitRed.gif') repeat-x; cursor: pointer;}
a:visited.addToCart {color:#fff}

.addToCloset {width: 65px; float:left; height: 18px; padding:2px 5px 0px 5px; color: #fff; background: url('../img/bgr/submitGrey.gif') repeat-x; cursor: pointer;}

.prices {float: left; padding-top: 7px; margin-left: 10px; font-size:12px;}
.redPrice {font-size:14px; margin-bottom: 9px;}

.productLiRow {width: 100%; float: left; margin-bottom: 15px;}


#listBox1 .productLi {width: 100%; margin-bottom: 15px; color: #444444;}
#listBox1 .productLi p.borderBottom {width: 495px; margin: auto; border-bottom: 1px solid #e0e0e0;}
#listBox1 .liLeft,
#listBox1 .liRight {float: left; margin-bottom: 15px;}
#listBox1 .liLeft {width: 180px; padding: 0px 10px 0px 10px; border-right: 1px solid #e0e0e0;}
#listBox1 .oldPrice {font-weight: bold; color: #000;}
#listBox1 h2.liTitle {margin-bottom: 20px; line-height: 150%;}
#listBox1 h2.liTitle a,
#listBox1 h2.liTitle a:visited {font-size:16px; color: #ed1b24;}
#listBox1 h2.liTitle a span {clear:both; display:block;font-size:11px; color: #8B8B8B;}
p.liTitle a span {clear:both; display:block;font-size:11px; color: #8B8B8B;}  
#listBox1 .liRight {width: 357px; padding: 0px 10px 0px 10px;}


#listBox2 .productLi {width: 100%; margin-bottom: 4px; padding-bottom: 0px; border-bottom: 1px solid #c1c1c1; font-size:11px;}

#listBox2 .productLi div,
#listBox2 .productLi p {float: left;}
#listBox2 p.liTitle {width: 210px; padding: 5px 0px 10px 10px;}
#listBox2 p.liTitle a,
#listBox2 p.liTitle a:visited {color: #000; font-size:11px;}


#listBox2 .prices p {width: 65px; margin-right: 20px; font-size:11px; text-align: right; font-weight: bold;}
#listBox2 .liLinks {width: 170px;}
#listBox2 .liLinks p {width: 65px; margin-right: 20px; text-align: right;}
#listBox2 .liLinks p.closet {color: #c1c1c1;}


#listBox3 {height: 1%; clear: both;}
#listBox3 .productLi {width: 180px; padding:6px; float:left; border-right: 1px solid #e0e0e0;}

.listing {height: 1%; width: 100%; clear: both; margin: 15px 0px 15px 0px;}



/* --- END LISTINGS ---*/
/*---------------------------------------------------------------------*/
/* --- PRODUCT DETAILS ---*/

.producer {font-size: 17px; color: #282828; line-height: 150%;}
  .producer span {color: #ce0000}

.prodPhoto {width: 179px; float: left; margin-left: 10px; text-align: center;}
.prodInfo {width: 329px; float: left; margin: 0px 0px 0px 40px; padding: 0px 10px 10px 10px;}
.prodInfoColumn { float: left; width: 100%;}
.prodAtt {width: 90%; float: left; padding: 2px; margin-top: 2px; border-bottom: 1px solid #c6c6c6;}
  .prodAtt .label {display: block; width: 100px; float: left;}
  .prodInfo select {float: left; margin: 7px 0px 0px 0px; font-size: 11px; color: #5c5c5c;}

.atrybutRoznicujacy .label {width: 60px; margin-top: 6px; float: left;}
.prodInfo #prices {width: 305px; clear: both; float: left; margin-top: 7px; padding: 10px 0px 0px 0px; border: 1px solid #c6c6c6; border-width: 1px 0px 1px 0px}
  .prodInfo #prices p {float: left; margin-right: 15px; font-size:14px; font-weight: bold;}

#quant {clear:both; padding-top: 10px;}
#quant label {font-weight: bold;}
#quant input {width: 50px; margin-left: 10px; background: #ebebeb; border: 1px solid #bebebe;}


.prodLinks {clear: both; padding-top: 10px;}
.prodLinks p {float: left; height: 20px; padding: 2px 15px 0px 10px; color: #fff; font-size:12px; font-weight: bold; margin-right: 15px;}
#prodLinks p {float: left;}

#terminRealizacji, #dateAdd {width: 50%; float:left;  margin-top: 15px;}
#terminRealizacji  { font-size:12px; color: #e50001}
#dateAdd {text-align: right;}

#gallery {width: 100%; clear: both;  border-bottom: 1px solid #d4d4d4; }
#gallery div {float: left; margin-right: 14px;}
 .galleryRow {padding-left: 16px; margin-top: 12px; }

 /* --- END PRODUCT DETAILS ---*/
/*---------------------------------------------------------------------*/
/* --- MAIN CONTENT ---*/


#page {width: 622px; float: left; margin: 0px 10px 0px 10px;}
#mainContent {width: 622px; margin: 25px auto 0px auto;}
#mcTop {position: relative; width: 622px; height: 12px; background: url('../img/bgr/mainContentTop.gif') no-repeat;}
#mcBottom {width: 622px; height: 12px; background: url('../img/bgr/mainContentBottom.gif') no-repeat;}
#mcContent {width: 578px; margin-top: -10px; padding: 23px 22px 0px 20px; border: solid #e0e0e0; border-width: 0px 1px 0px 1px;}

.mainContent {width: 622px; margin: 25px auto 0px auto;}
.mcTop {position: relative; width: 622px; height: 12px; background: url('../img/bgr/mainContentTop.gif') no-repeat;}
.mcBottom {width: 622px; height: 12px; background: url('../img/bgr/mainContentBottom.gif') no-repeat;}
.mcContent {width: 578px; margin-top: -10px; padding: 23px 22px 0px 20px; border: solid #e0e0e0; border-width: 0px 1px 0px 1px;}


.contentBorders {width: 557px; clear:both; padding: 5px 10px 5px 10px;  border: solid #d4d4d4; border-width: 1px 0px 1px 0px;}

p#loading {margin: 50px auto 100px auto; text-align: center;}
    p#loading img {margin: 0px 0px 20px 0px;}

#listingNav {padding: 5px 0px 0px 0px; color: #8b8b8b;}

#listingNav p.left {margin-right: 10px;}
#listingNav p span,
#listingNav p a  {margin: 0px 2px 0px 2px; cursor: pointer;}
#listingNav select {margin-left: 3px; font-size:10px;}
#howManyContener {float:left; margin-top: -2px;}
#list1 {padding-left: 2px;}
#listSwitcher {margin-top: -3px; float: right;}
#listSwitcher span {cursor: pointer;}

h1.subpageTitle {position:absolute; top: -15px; left: 20px;}
h1.subpageTitle span {float: left;}
h1.subpageTitle .leftCorner,
h1.subpageTitle .rightCorner {width: 9px; height: 30px; background: url('../img/bgr/maincontentTitle/black/right.gif') no-repeat;}
h1.subpageTitle .leftCorner {background: url('../img/bgr/maincontentTitle/black/left.gif') no-repeat;}
h1.subpageTitle span.titleContent {width: 552px; padding: 8px 4px 7px 4px; font-size:13px; color: #fff; background: url('../img/bgr/maincontentTitle/black/content.gif') repeat-x;}

#mpNav {position: absolute; top:-15px; left: 20px; z-index:3;}
    #mpNav div.mnTitle {height: 30px; float: left; margin-right: 1px; cursor: pointer;z-index:3;}

#mpNav div.mnTitle p.leftCorner,
#mpNav div.mnTitle p.rightCorner {width: 9px; height: 30px; float: left; background: url('../img/bgr/maincontentTitle/black/left.gif') no-repeat;}
#mpNav div.mnTitle p.rightCorner {background: url('../img/bgr/maincontentTitle/black/right.gif') no-repeat;}

#mpNav div.mnTitle .mnTitleContent {width: 130px; height: 30px; float: left; background: url('../img/bgr/maincontentTitle/black/content.gif') repeat-x;}
    #mpNav div .mnTitleContent h3 {font-size:13px; color: #fff; margin: 6px 0px 0px 0px; padding:0px 0px 3px 5px; background: url('../img/bgr/innerLineGrey.gif') center left repeat-x;}
        #mpNav div .mnTitleContent h3 span {padding: 6px 4px 5px 4px; background: url('../img/bgr/maincontentTitle/black/content.gif') repeat-x;}

#mpNav div.activeTitle p.rightCorner {background: url('../img/bgr/maincontentTitle/red/right.gif') no-repeat;}
#mpNav div.activeTitle p.leftCorner {background: url('../img/bgr/maincontentTitle/red/left.gif') no-repeat;}
#mpNav div.activeTitle .mnTitleContent {background: url('../img/bgr/maincontentTitle/red/content.gif') repeat-x;}
#mpNav div.activeTitle .mnTitleContent h3 {background: url('../img/bgr/innerLineRed.gif') center left repeat-x;}
#mpNav div.activeTitle .mnTitleContent h3 span {background: url('../img/bgr/maincontentTitle/red/content.gif') repeat-x;}

.textContent {color: #6f6f6f; }
.textContent ol,
.textContent ul {margin: 3px 0px 3px 20px;}

#adressList  {color: #6f6f6f;}
#adressList li {margin: 3px 0px 3px 25px;}
#adressList li .addressName {font-weight: bold; float:left; width: 210px; }


p.title {font-weight: bold; font-size:12px;}

.mainPhoto {float: left; margin: 0px 7px 7px 0px;}

.preface {float: left;}

#enclosures {margin-top: 10px; padding: 10px 0px 0px 0px;}
  #enclosures p.title {padding: 5px 0px 5px 10px; color: #717171; background: #f3f3f3;}
  #enclosures ul {margin: 5px 0px 5px 25px; list-style: none;}
  #enclosures li {padding-left: 25px; margin-bottom: 6px; background: url('../img/bullets/dotRed.gif') 0% 30% no-repeat;}

#enclosures li,
#enclosures li a,
#enclosures li a:visited {color: #7c7c7c;}


/* --- MAIN CONTENT ---*/
/*---------------------------------------------------------------------*/

.orderData .formTitle {width:  98.5%; margin: 10px 0px 10px 0px;}
.orderInfo {margin-left: 18px; line-height: 160%;}
.globalDiscount {float: right; font-weight: bold; color: #fe0000;}














