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

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

div#all {width: 920px; margin: auto; text-align: left;}
div#page {width:920px; margin: 20px 0px 0px 0px;}

div#mainContent {width: 520px; float: left;}

.clear {clear: both;}

a, a:visited {text-decoration: underline; color: #ffcb7f; font-weight:bold}
a img {border: 0;}

.bold {font-weight: bold;}
.left {float: left;}
.right {float: right;}

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


.underline{ text-decoration: underline}


#top:after,
#page:after,
#left:after,
mainContent:after,
#mainFrame:after,
#mfContent:after,
.prodListing:after,
.wiersz:after,
.galleryRow:after,
#pageContent:after,
#customerArea:after,
.productInfo:after
{content: "."; display:block; height: 0; clear:both; visibility:hidden;}

.box {width:178px; margin: 0px 0px 20px 0px; border: 1px solid #c7c7c7; border-bottom: 3px solid #959595; background: #fc3607;}

.box .boxHeader {
    padding: 6px 0px 4px 10px;
    background: #fc3607 url('../images/bgr/boxHeader.gif') repeat-x;
    border-bottom: 3px solid #d71004;
    font-size:10px;
    font-weight:bold;
    color: #fff;
    text-transform: uppercase;
}

    .box .boxHeader a,
    .box .boxHeader a:visited
    {color: #fff; text-decoration: none;}

.box .boxContent {padding: 10px;}
  .box .boxContent ol {list-style: none;}
      .box .boxContent ol li, .box .boxContent ol li ol li {padding: 2px 0px 2px 0px; border-bottom: 1px solid #d71004;}
          .box .boxContent ol li ol li {padding: 2px 0px 2px 10px; border-bottom: 1px solid #d71004;}
      .box .boxContent ol li.last {border:0}
          .box .boxContent ol li img {margin: 0px 4px 2px 0px;}
             .box .boxContent ol li a {color: #fff; text-transform: lowercase; text-decoration: none;}
    .box .boxContent p.border {margin: 7px 0px 10px 0px; height:1px; font-size:1px; border-bottom: 1px solid #d71004;}


#textContent {width:478px; padding: 10px 20px 20px 20px; background: #e60c09; border: 1px solid #c7c7c7;}

#textContent h1.title {margin: 0px 0px 10px 0px; font-size:18px; color: #fff;}

#textContent .preface ol,
#textContent .content ol,
#textContent .preface ul,
#textContent .content ul
{margin: 0px 0px 0px 19px}

#textContent .preface p,
#textContent .content p
{margin: 3px 0px 3px 0px}


#textContent .preface {color: #fff;}

#pagination {margin: 10px 0px 10px 0px;}

div#storePopup {
	position: absolute;
	width: 318px;
	background:#ebebeb;
	border:1px solid #b7b7b7;
	z-index: 10;
}
	div#storePopup img {float:right; margin:3px 3px 0px 0px;}

	div#storePopup #storePopupTop {width: 208px;float:left; margin: 10px 0px 0px 10px;}
		* html div#storePopup #storePopupTop {margin-left:5px;}
	div#storePopup #storePopupTop p {width: 150px; float: left; font-size: 12px; font-weight:bold; color:#990000;}


	div#storePopup #storePopupContent {clear:both; padding: 10px; font-size:12px; font-weight:bold}


/*-------------------------------------------------------*/
/* -- top --*/

div#top {margin: 30px 0px 0px 0px; border-bottom: 3px solid #e67b00;}
    div#top img {vertical-align: top; margin: 0px 0px 20px 0px;}
    div#topSearch {padding: 8px 0px 5px 0px; background: #de6907 url('../images/bgr/topSearch.gif') repeat-x;}

        div#topSearch form {text-align: center;}
          div#topSearch form input,
          div#topSearch form select
          {margin: auto; font-size:11px;}

          div#topSearch form input {width:170px;}
          div#topSearch form .submit {width: 119px; margin: 0px 0px -5px 0px;}

/* -- end top --*/
/*-------------------------------------------------------*/
/* -- left --*/
#left {width:180px; float: left; margin: 0px 20px 0px 0px;}
/* -- end left --*/
/*-------------------------------------------------------*/
/* -- mainContent --*/

#mainFrame {
    width:498px;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 35px 10px;
    border: 1px solid #d0c8b7;
    background: #fff;
}

#mainFrame h1.title {
    width:482px;
    margin: 0px 0px 10px 0px;
    padding: 8px;
    background: #f1a100;
    font-size: 18px;
    font-weight:normal;
    color: #fff;
}

#mfContent {background: #f9f7f4;}

.prodListing {width:475px; padding: 10px; margin: 0px 0px 10px 0px; background: #f9f7f4; border: 1px solid #e2ded3;}

  .prodListing .plPhoto {width:182px; float: left; margin: 0px 10px 0px 0px;}

     .prodListing .plPhoto img {vertical-align: top; border: 1px solid #d0c8b7;}

  .prodListing .plInfo {width: 279px; float: left;}
    .prodListing .plInfo p.title {margin: 0px 0px 10px 10px;}
      .prodListing .plInfo p.title a,
      .prodListing .plInfo p.title a:visited
      {color: #f18a00; font-size: 14px; text-decoration: none;}

  .prodListing .plDesc {margin-bottom: 10px; padding-left: 10px;}

  .prodListing .plPrices {
      margin: 0px 0px 10px 0px;
      padding: 7px 0px 7px 10px;
      border: solid #d0c8b7;
      border-width: 1px 0px 1px 0px;
  }

  .prodListing .plPrices p {color: #000; font-size: 15px;}
  .prodListing .plPrices h2 {margin: 10px 0px 6px 0px; color: #fe0000; font-weight:normal; font-size:20px;}



  .prodListing .plLinks {margin: 0px 0px 10px 10px;}

/* -- end mainContent --*/
/*-------------------------------------------------------*/
/* -- TEXT PAGE --*/

#pageContent {width:475px; padding: 10px; margin: 0px 0px 10px 0px; background: #f9f7f4; border: 1px solid #e2ded3;}
#pageContent p.title {margin: 0px 0px 5px 0px; font-size:12px; font-weight:bold; color: #000}
#pageContent #preface .photo {width:155px; float: left; margin: 0px 10px 10px 0px;}

#preface, .textContent {margin: 10px 0px 10px 0px; text-align: justify;}
#preface ol, #preface ul, .textContent ol, .textContent ul {margin: 5px 0px 5px 19px;}

#enclosures { margin: 10px 0px 10px 0px}
#enclosures ul {list-style: none;}
#enclosures ul li {margin: 0px 0px 5px 0px;}

.galleryRow {width:475px; margin: 10px 0px 10px 0px}
.galleryRow div {width:150px; float: left;}
.galleryRow .middlePhoto {margin: 0px 10px 0px 10px;}
#printVersion {float:right; cursor: pointer;}

/* -- end TEXT PAGE --*/
/*-------------------------------------------------------*/
/* -- PRODUCT LISTING & DETAILS --*/

#pagination p, #pagination a, #pagination a:visited {
  display: block;
  width:20px;
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
  color: #E78000;
  background: #f9f7f4; border: 1px solid #e2ded3;
}

#pagination p {background: #fff; color: #FC3607;}

.productDetails .photo {width:182px; float: left; margin: 0px 10px 10px 0px;}
       .productDetails .photo img {vertical-align: top; border: 1px solid #d0c8b7;}

.prodGalleryRow {width:282px; float: left;}
#prodGallery img {margin-bottom: 8px; border: 1px solid #d0c8b7;}
.prodGalleryRow .imgMargin {float:left; margin-right: 12px;}

.productInfo {clear:both; padding: 10px 0px 10px 0px; border: solid #d0c8b7; border-width: 1px 0px 1px 0px; float:left;}

    .productInfo p.name {width:455px; float:left; margin: 0px 0px 10px 0px; font-size:12px; font-weight:bold; color: #2A0000;}
    .productInfo .preface {margin-bottom: 10px;}

    .productInfo .preface, .productInfo .content {color: #2A0000;}

.artist {width:455px; float:left; margin-top: 20px; margin-bottom: 20px; clear:both}
.artist div {float: left;}

.prices {width:290px; float: right; padding: 7px 0px 7px 7px; margin-bottom: 10px; border-bottom: 1px solid #d0c8b7;}
    .prices p {color: #000; font-size: 15px;}
    .prices h2 {margin: 10px 0px 6px 0px; color: #fe0000; font-weight:normal; font-size:18px;}
    .prices span#yourDiscount {display:block;font-size: 11px; color: #CC6600;}

.links {width:290px; float: right; padding-left: 7px;}

/* -- end PRODUCT LISTING & DETAILS --*/
/*-------------------------------------------------------*/
/* -- SHOPCART --*/

table.table,
table.table th,
table.table tr,
table.table td
{padding: 4px; border: 1px solid #eaf3f2; border-collapse: collapse; color: #000;}

table.table td a,
table.table td a:visited {text-decoration:none; color:#000; font-weight:normal;}

.w90  {width:90px;}
.w110  {width:110px;}
.w200 {width:200px;}

th {background: #d8d2c5;}
tr {background: #fff;}

#koszyk {margin: 10px 0px 0px 0px;}

#koszyk table input.ilosc {width:30px;}
.razem {background: #d8d2c5;}
.razem input {margin: 0px 0px -4px 0px;}

#realizujZamowienie {width:285px; float: right; margin: 20px 0px 0px 0px;}
#realizujZamowienie p {margin: 0px 0px 10px 0px;}
#realizujZamowienie label,
#realizujZamowienie input {float: right; margin: 0px 0px 5px 5px;}
#realizujZamowienie input.textInput {width: 145px; padding: 3px; border: 0; background: #d8d2c5; font-size:11px;}


#realizujZamowienie ol {width:285px; float:right; list-style: none;}
#realizujZamowienie ol li {display: block; float: right; margin: 2px 0px 0px 10px; text-align: right;}
#realizujZamowienie ol li img {margin: 0px 3px 0px 0px;}
#realizujZamowienie ol li a, #realizujZamowienie ol li a:visited {font-weight:normal; text-decoration: none; color: #000;}

#realizujZamowienie .submit {margin:10px 0px 0px 0px;}

/* -- end SHOPCART --*/
/*-------------------------------------------------------*/
/* -- ORDER --*/

.orderData {margin: 10px 0px 10px 0px;}
.orderData p {margin: 0px 0px 20px 0px;}
.orderData p.title {margin: 10px 0px 0px 0px;}

/* -- end ORDER --*/
/*-------------------------------------------------------*/
/* -- CUSTOMER AREA --*/

#discountInfo {margin: 20px 0px 10px 80px; font-size:12px; font-weight:bold;}
#orderListing {margin: 15px 0px 0px 0px;}
#orderDetails {margin: 15px 0px 0px 0px;}


/* -- end CUSTOMER AREA --*/
/*-------------------------------------------------------*/
/* -- right --*/
#right {width:180px; float: left; margin: 0px 0px 0px 20px;}

p.boxLi {
    width:158px;
    float:left;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
    border-bottom: 1px solid #d71004;
}
    .box p#last {border: 0;}
    p.boxLi img {float: left; margin: 7px 4px 0px 0px;}
    p.boxLi a, p.boxLi a:visited {display: block; width:145px; float: left; text-decoration: none; cursor: pointer;}
    a#logOut {margin: 21px 0px 0px 0px; float: left;}

#customerArea {padding-bottom: 21px;}

#adressList {list-style: none;}

#adressList p.title {margin: 0px 0px 7px 0px; color: #CC6600; font-size:13px;}
#adressList li {margin: 3px 0px 3px 0px;}
#adressList li p {width:250px; float: left; margin: 2px 10px 3px 0px; font-size:12px; font-weight:bold; cursor: pointer;}

#shopCart .boxContent {
  color: #fff;
}


/* -- end right --*/
/*-------------------------------------------------------*/
/* -- footer --*/

#outerFooter {
    width:920px;
    clear: both;
    margin: 20px 0px 0px 0px;
    border: 1px solid #d3d1cd;
    background: #fff;
}

#footer {width:900px; padding: 10px; border-top: 2px solid #fc3607; text-align: center;}
    #footer img {margin: -1px 4px 2px 4px;}
    #footer a,
    #footer a:visited {text-transform: none; text-decoration: none; color: #fc3607; font-weight:normal;}

#footerCats {margin: 0px 0px 15px 0px;}

/* -- end footer --*/
/*-------------------------------------------------------*/
/* -- FORMS --*/

.wiersz {width:475px; margin-bottom: 5px}
label.label {display: block; float: left; color: #cc6600;}
input.text {height:18px; float: left; margin-right: 5px; font-size:11px; background: #d8d2c5; border: 0;}
.wiersz img {float: left; margin-right: 5px;}
#wiersz_submit {margin: 0px 0px 10px 0px; background: url('../images/bgr/innerLine.gif') center left repeat-x;}
#wiersz_submit input {margin: 0px 0px 0px -4px; background: none; border: solid #F9F7F4; border-width: 0px 4px 0px 4px;}
.blad {color: #ff0000; font-weight:bold}
.polaWymagane, .informacjaPomocnicza {float: left;}
.polaWymagane img , .informacjaPomocnicza img {float:left; margin: -2px 4px 0px 0px;}
form .header {margin: 10px 0px 10px 0px; font-size:12px;}
textarea {font-family: Tahoma, Verdana, Helvetica, sans-serif; color: #000;  font-size:11px; background: #d8d2c5; border: 0;}

div.pomoc {position: relative; float: left; padding: 0; width: 50px; height: 20px; background: url(../images/pomoc.png); background-repeat: no-repeat;}
div.pomoc div {position: absolute; display: none;}
div.pomoc:hover div {display: block; margin: 0 0 0 20px; border: 1px solid #ddd; padding: 5px; background: #fff; width: 100px;}

#loginForm {color: #fff;}
#loginForm label{width:30px; color: #fff;}
#loginForm .text {width:123px; height:12px; margin-right: 0; font-size:11px; background: #ffffaa; border: 1px solid #de9b69; border-width: 1px 0px 0px 1px;  }
#loginForm .blad {margin: 0px 0px 1px 30px; color: #fff;}
#loginForm a img {margin: 10px 0px 0px 0px ;}
#loginForm #wiersz_submit {margin:5px 0px 0px 0px; background: none;}
#loginForm #wiersz_submit input {margin:0; border: 0;}

#Rejestracja label.label {width: 80px; float: left;}
#Rejestracja .text {width:250px;}
#Rejestracja .blad {margin: 0px 0px 1px 80px;}
#Rejestracja .polaWymagane {margin: 0px 10px 0px 80px;}

#addressBook .text {width:250px;}
#addressBook label{width: 100px;}
#addressBook .polaWymagane {margin: 0px 10px 0px 100px;}
#addressBook .blad {margin: 0px 0px 1px 100px;}

#ZamowieniePrzesylka {margin: 15px 0px 0px 0px;}
#ZamowieniePrzesylka .wiersz {margin: 7px 0px 7px 0px;}
#ZamowieniePrzesylka .radio {float:left; margin-top: 1px;}
#ZamowieniePrzesylka label.label {display: none;}
#ZamowieniePrzesylka label {margin: 0px 0px 2px 5px; font-weight:bold;}
#ZamowieniePrzesylka .hint {margin: -5px 0px 0px 28px; text-align: justify;}
#ZamowieniePrzesylka .submit {margin:15px 10px 0px 0px;}

#ZamowieniePlatnosc {margin: 15px 0px 0px 0px;}
#ZamowieniePlatnosc .wiersz {margin: 7px 0px 7px 0px;}
#ZamowieniePlatnosc .radio {float:left; margin-top: 1px;}
#ZamowieniePlatnosc label.label {display: none;}
#ZamowieniePlatnosc label {margin: 0px 0px 2px 5px; font-weight:bold;}
#ZamowieniePlatnosc .hint {margin: -5px 0px 0px 28px; text-align: justify;}
#ZamowieniePlatnosc .submit {margin:15px 10px 0px 0px;}

#ZamowienieDane label {width:90px;}
#ZamowienieDane .text {width:250px;}
#ZamowienieDane #wiersz_ifInvoice input {margin-left: -1px;}
#ZamowienieDane textarea {width:275px; height:100px;}
#ZamowienieDane .blad {margin: 0px 0px 1px 90px;}
#ZamowienieDane .polaWymagane {margin: 0px 10px 0px 90px;}
#ZamowienieDane .submit {margin:10px 10px 15px 0px;}

#ChangePass {margin: 15px 0px 0px 0px;}
#ChangePass .text {width:250px;}
#ChangePass label.label {width: 80px;}
#ChangePass .blad {margin: 0px 0px 1px 80px;}
#ChangePass .polaWymagane {margin: 0px 10px 0px 80px;}

#ForgetPassword {margin: 15px 0px 0px 0px;}
#ForgetPassword .text {width:250px;}
#ForgetPassword label.label {width: 40px;}
#ForgetPassword .blad {margin: 0px 0px 1px 40px;}
#ForgetPassword .polaWymagane {margin: 0px 10px 0px 40px;}

#changeData  {margin: 15px 0px 0px 0px;}
#changeData .text {width:250px;}
#changeData label.label {width: 70px;}
#changeData .blad {margin: 0px 0px 1px 70px;}
#changeData .polaWymagane {margin: 0px 10px 0px 70px;}

#newsletter {color: #fff;}
#newsletter .text {width:143px; height:13px; margin-right: 0; font-size:10px; background: #ffffaa; border: 1px solid #de9b69; border-width: 1px 0px 0px 1px;  }
#newsletter .submit {margin: 5px 3px 0px 0px ;}

#Subskrypcja label.label {width: 80px; float: left;}
#Subskrypcja .text {width:250px;}
#Subskrypcja .blad {margin: 0px 0px 1px 80px;}
#Subskrypcja .polaWymagane {margin: 0px 10px 0px 80px;}
#Subskrypcja #wiersz_userAgreement .gwiazdka {display: none;}
#Subskrypcja #wiersz_userAgreement input {float: left; margin-left: 0px;}
#Subskrypcja #wiersz_userAgreement label {width:350px; float:left; text-align: justify;}
#Subskrypcja #wiersz_userAgreement label.label {width: 80px;}



#Platnosc #wiersz_submit {margin: 15px 0px 0px 0px; text-align:center;}



/* -- end FORMS --*/
/*-------------------------------------------------------*/
.textContent table,
.textContent tbody,
.textContent tr,
.textContent td,
.textContent th {background: #f9f7f4;}