body {MARGIN: 0; PADDING: 0; BACKGROUND: #161616 url(../img/bg_01.png) top center no-repeat; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; COLOR: #FFF;}
h1, h2 {FONT-SIZE: 18pt; FONT-WEIGHT: normal; PADDING-TOP: 20px; PADDING-BOTTOM: 8px; MARGIN-TOP: 0; MARGIN-BOTTOM: 10px; BORDER-BOTTOM: 1px solid #222;}
h1 {margin-top: 0; padding-top: 0;}
img {BORDER: none;}
a {TEXT-DECORATION: none; BORDER: none; COLOR: #FFF;}
a:hover {TEXT-DECORATION: underline;}
a.cart {COLOR: #FFF; BORDER-BOTTOM: 1px solid #FFF;}
a.cart-total {COLOR: #FFF;}
a.cart:hover {BORDER-BOTTOM: none; TEXT-DECORATION: none;}
a.continue {BORDER-BOTTOM: 1px solid #FFF; FONT-SIZE: 12pt; TEXT-DECORATION: none;}
a.continue:hover, a.pomocka:hover {TEXT-DECORATION: none; BORDER-BOTTOM: none;}
a.pomocka {BORDER-BOTTOM: 1px solid #FFF;}
input.add-to-cart, input.checkout, input.confirm, input.send {BACKGROUND: #FF0060 url(../img/shop_cart.png) 10px 10px no-repeat; COLOR: #FFF; PADDING: 8px; PADDING-LEFT: 34px; BORDER: none; FONT-SIZE: 13pt; CURSOR: pointer;}
input.add-to-cart-small {BACKGROUND: #FF0060 url(../img/shop_cart.png) 10px 7px no-repeat; COLOR: #FFF; PADDING: 6px; PADDING-LEFT: 33px; BORDER: none; FONT-SIZE: 11pt; CURSOR: pointer;}
input.checkout {FLOAT: right;}
form {MARGIN: 0; PADDING: 0;}

#header-container {WIDTH: 1000px; HEIGHT: 115px; MARGIN: 0 auto; PADDING: 0 15px;}
#header {MARGIN: 0 auto; PADDING: 0 0px;}
#logo {WIDTH: 500px; FLOAT: left; MARGIN-TOP: 20px; PADDING: 0;}

#top-menu, #main-menu {MARGIN-LEFT: 30px;}

#top-menu ul {MARGIN: 0; PADDING: 0; MARGIN-TOP: 8px; LIST-STYLE-TYPE: none;}
#top-menu li {FLOAT: left; MARGIN: 0; PADDING: 0 15px; BORDER-LEFT: 1px solid #B9FFB9}
#top-menu a {FONT-SIZE: 9pt; LINE-HEIGHT: 10pt; COLOR: #85BFDD;}

#main-menu ul {MARGIN: 0; MARGIN-TOP: 47px; PADDING: 0; LIST-STYLE-TYPE: none;}
#main-menu li {FLOAT: left; PADDING-RIGHT: 28px;}
#main-menu a {TEXT-DECORATION: none; COLOR: #FFF; FONT-WEIGHT: bold; FONT-SIZE: 14pt;}
#main-menu a:hover {BORDER-BOTTOM: 3px solid #FFF;}

#cart-info {FLOAT: right; WIDTH: 229px; HEIGHT: 95px; BACKGROUND: url(../img/kosik_bg.png) top center no-repeat; MARGIN-TOP: 0px; PADDING-TOP: 15px; TEXT-ALIGN: center;}
#cart-info .price {FONT-SIZE: 19pt; COLOR: #FFF; MARGIN-BOTTOM: 10px;}
#cart-info .price a:hover {TEXT-DECORATION: none;}

#container {WIDTH: 1000px; MARGIN: 0 auto; PADDING: 0 15px;}

#left-column {FLOAT: left; WIDTH: 200px; MARGIN-TOP: 15px; FONT-SIZE: 11pt; COLOR: #CCC;}
#left-column .heading {FONT-SIZE: 13pt; COLOR: #FFF; PADDING: 8px 15px; MARGIN-BOTTOM: 5px; BACKGROUND: #111;}
#left-column ul {MARGIN: 0; MARGIN-LEFT: 0px; MARGIN-BOTTOM: 15px; PADDING: 0; LIST-STYLE-TYPE: none;}
#left-column li {BORDER-BOTTOM: 1px solid #1c1c1c;}
#left-column a {DISPLAY: block; PADDING: 7px 15px; COLOR: #FFF; FONT-SIZE: 10pt;}
#left-column a:hover {TEXT-DECORATION: none; BACKGROUND: rgb(51,54,110);}
#left-column a.current {BACKGROUND: rgb(51,54,110);}
#left-column p {FONT-SIZE: 10pt; LINE-HEIGHT: 14pt; padding: 0 8px;}
#left-column select {WIDTH: 100%; MARGIN-BOTTOM: 6px; BACKGROUND: #CCC; BORDER: none; PADDING: 3px;}
#left-column input, #left-column ul {MARGIN-BOTTOM: 10px;}

#content {FLOAT: right; WIDTH: 780px;}

/*
#intro {PADDING: 20px 0; PADDING-BOTTOM: 20px; COLOR: #FFF; TEXT-ALIGN: center; FONT-SIZE: 32px; line-height: 1.4em;}
*/

#intro, #flashMessage {PADDING: 8px 20px; BACKGROUND: url(../img/banner_03.png) top left no-repeat; COLOR: #DDD; FONT-SIZE: 13pt; MARGIN-TOP: 15px; border-radius: 5px; -moz-border-radius: 5px; }
#intro .heading, #flashMessage .heading {FONT-SIZE: 16pt; COLOR: #1b1b62; MARGIN-TOP: 10px;}
#intro p, #flashMessage p {MARGIN-TOP: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 10px; FONT-SIZE: 9pt; LINE-HEIGHT: 18pt; WIDTH: 450px; COLOR: #000;}

#footer-container {clear: both; BACKGROUND: rgb(17,17,17);}
#footer {WIDTH: 1000px; MARGIN: 0 auto; padding: 15px 0px; FONT-SIZE: 9pt; LINE-HEIGHT: 12pt;}
#footer a {COLOR: #85BFDD;}
#footer .heading {WIDTH: 150px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 12px; BORDER-BOTTOM: 1px solid #222; PADDING-BOTTOM: 10px; }

#product-info {FLOAT: left; WIDTH: 500px; MARGIN-LEFT: 30px;}
#product-info .price {FONT-SIZE: 18pt; COLOR: #FFF; text-shadow: 2px 2px 2px #000; FONT-WEIGHT: bold;}
#product-info table {WIDTH: 100%;}
#product-info td {PADDING: 4px 0; BORDER-BOTTOM: 1px dotted #333;}
#product-info p {LINE-HEIGHT: 15pt;}
#product-info select {BORDER: 1px solid #FF0060; COLOR: #FFF; BACKGROUND: #1C1C1C; PADDING: 8px; FONT-SIZE: 13pt; MARGIN-RIGHT: 5px; MARGIN-BOTTOM: 5px;}

#cart {WIDTH: 100%; FONT-SIZE: 12pt; MARGIN-BOTTOM: 25px;}
#cart table {WIDTH: 100%;}
#cart td {PADDING: 15px 5px;}
#cart tr.border th, #cart tr.border td {BORDER-BOTTOM: 1px solid #333; PADDING: 5px;}
#cart th, #cart td {TEXT-ALIGN: left; FONT-WEIGHT: normal;}
#cart td.bold {TEXT-ALIGN: right; FONT-WEIGHT: bold;}
#cart img {}
#cart a.continue {FLOAT: left; MARGIN: 8px 0;} 

#buttons {MARGIN: 20px 0;}

#checkout {WIDTH: 590px; FLOAT: left; FONT-SIZE: 11pt;}
#checkout fieldset {BORDER: none; BORDER-TOP: 1px solid #333; MARGIN-BOTTOM: 20px;}
#checkout legend {COLOR: #DDD;}
#checkout td {PADDING: 5px; PADDING-TOP: 10px; PADDING-BOTTOM: 0;}
#checkout tr.error td {PADDING-TOP: 0; COLOR: orange;}
#checkout td.label {TEXT-ALIGN: right; COLOR: #999; WIDTH: 100px;}
#checkout input.big, #contact input.big {WIDTH: 350px; FONT-SIZE: 13pt; COLOR: #FFF; PADDING: 8px; BACKGROUND: #000; BORDER: 1px solid #333;}
#checkout textarea, #contact textarea {WIDTH: 500px; FONT-SIZE: 10pt; COLOR: #FFF; PADDING: 8px; BACKGROUND: #000; BORDER: 1px solid #333;}

#summary {FLOAT: right; WIDTH: 350px; BACKGROUND: rgb(51,51,51);}
#sumary .table {WIDTH: 100%; MARGIN: 10px;}
#summary td {PADDING: 7px;}
#summary td.bold {TEXT-ALIGN: right; FONT-WEIGHT: bold; COLOR: #999; PADDING: 8px 5px;}
#summary td.extrabold {TEXT-ALIGN: right; FONT-WEIGHT: bold; FONT-SIZE: 13pt; COLOR: #FFF; PADDING: 8px 5px;}

#searchbox {MARGIN-BOTTOM: 25px;}
#searchbox p {MARGIN: 0; PADDING: 0;}
#searchbox div {MARGIN-BOTTOM: 5px;}

#contact {FONT-SIZE: 10pt;}
#contact .label {COLOR: #CCC; FONT-SIZE: 11pt;}
#contact input, #contact textarea {MARGIN-BOTTOM: 15px;}

.left-column {FLOAT: left;}
.right-column {FLOAT: right;}
.center {TEXT-ALIGN: center;}
.right {TEXT-ALIGN: right;}
.bold {FONT-WEIGHT: bold;}
.clear {CLEAR: both;}

.testimonial {BORDER-BOTTOM: 1px solid #333; PADDING: 15px 0; TEXT-ALIGN: center;}
.testimonial .name {FONT-SIZE: 13pt; PADDING-BOTTOM: 6px; FONT-WEIGHT: bold;}
#testimonials a {PADDING: 0; MARGIN: 0; FONT-SIZE: 9pt;}
#testimonials img {MARGIN: 0; PADDING: 0;}
#testimonials .testimonial a:hover {BACKGROUND: none;}

.info-box {CLEAR: both; BORDER: 1px dotted #333; PADDING: 12px; MARGIN-TOP: 20px; TEXT-ALIGN: justify; LINE-HEIGHT: 14pt;}
.info-box p {COLOR: #CCC;}
.info-box-heading {FONT-SIZE: 12pt; FONT-WEIGHT: bold;  MARGIN-BOTTOM: 12px;}

.product {border-radius: 5px; -moz-border-radius: 5px; WIDTH: 142px; FLOAT: left; MARGIN-BOTTOM: 25px; MARGIN-RIGHT: 17px; MARGIN-BOTTOM: 10px;BACKGROUND: #000; BORDER: none; TEXT-ALIGN: center; POSITION: relative; BORDER: 1px solid #222; BORDER: none; PADDING-TOP: 15px;}
.product .img {MARGIN: 8px; MARGIN-BOTTOM: 0px; MARGIN-TOP: 10px; PADDING: 0 5px;}
.product .description {FONT-SIZE: 10pt; PADDING: 5px; PADDING-TOP: 10px; HEIGHT: 40px; TEXT-DECORATION: underline;}
.product .price {WIDTH: 60%; POSITION: absolute; RIGHT: 0; BOTTOM: 0; BACKGROUND: #756802;  PADDING: 5px 10px;}
.product a {COLOR: #FFF;}

.image {MARGIN-BOTTOM: 20px;}
.thumb_l {}

.pagination {FLOAT: right; MARGIN-RIGHT: 8px;}
.pagination div.disabled {FLOAT: left;  COLOR: #666;}
.pagination a, .pagination div.disabled {DISPLAY: block; FLOAT: left; FONT-SIZE: 11pt; PADDING: 2px 4px; MARGIN: 2px; BORDER: 1px solid #444;}
.pagination span.current {FLOAT: left; FONT-SIZE: 11pt; PADDING: 2px 4px; MARGIN: 2px; BACKGROUND: rgb(51,54,110); BORDER: 1px solid rgb(51,54,110);}
.pagination a:hover {TEXT-DECORATION: none; BORDER: 1px solid #FFF;}

.top { MARGIN-BOTTOM: 3px;}
.bottom { MARGIN-TOP: 3px; MARGIN-BOTTOM: 15px;}

.diamond {BACKGROUND: rgb(88,7,6);}
.steel {BACKGROUND: #FFF; COLOR: #000;}
.steel .description a {COLOR: #000; }
.steel .price {BACKGROUND: #000; COLOR: #FFF;}

#flashMessage {COLOR: #DFC600; MARGIN-BOTTOM: 25px; PADDING: 15px;}

#info {PADDING: 8px 20px; BACKGROUND: #333; COLOR: #DDD; FONT-SIZE: 10pt; MARGIN-TOP: 15px; MARGIN-BOTTOM: 15px;}
#info .heading {FONT-SIZE: 20pt; COLOR: #FFF;}
#info p {MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px;}

table.options td {BORDER: none;}

#customer-service {float: right; width: 270px; color: #fff; font-size: 11pt; margin-top: 25px; line-height: 23pt;}
#customer-service img {margin-right: 8px; vertical-align: middle;}
#customer-service a {color: #fff; text-decoration: none;}

.new {background: #FF0060; color: #ff; font-size: 0.9em; padding: 2px 4px; margin-left: 7px;}