* {margin: 0; padding: 0;}
html {height: 100%;}
body {background: #5fc6e7; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

ul {padding-left: 30px; margin-bottom: 15px;}
ul li {line-height: 20px;}

#container {width: 1000px; margin: 0 auto; background: #5fc6e7; overflow: hidden; padding-bottom: 30px;}
#headerContainer {width: 998px; margin: 0 auto; padding-top: 20px; border: 1px solid #ffffff; height: 324px;}
#header {background: #ffffff url(../img/header-bg.jpg) repeat-x bottom left;}
#headerLeft {float: left; background: #5fc6e7; width: 270px; border-right: 1px solid #ffffff;}
#headerRight {float: right; width: 727px; height: 324px; background: url(../img/header.jpg) no-repeat top left;}
#content {background: #5fc6e7; overflow: hidden; padding-top: 15px;}
#footer {background: url(../img/footer-bg.jpg) repeat-x top left; height: 70px; color: #939393; padding-bottom: 30px;}
#footerContainer {margin: 0 auto; width: 1000px;}
#footerMenu {height: 24px; overflow: hidden; font-size: 12px; padding-top: 8px; margin-left: 20px;}
#copyright {background: url(../img/footer.jpg) no-repeat top left; height: 36px; color: #86c739; padding: 8px 35px 0 35px;}
#footer a {color: #939393; text-decoration: none; text-transform: uppercase; padding: 0 3px; outline: 0;}
#footer a:hover {text-decoration: underline;}
#copyright a {color: #86c739; text-transform: none; padding: 0;}

.clear {clear: both;}
.left {float: left;}
.right {float: right}
.aleft {text-align: left;}
.aright {text-align: right}
.acenter {text-align: center;}
.w17 {width: 17px;}
.w70 {width: 70px;}
.w100 {width: 100px;}
.w130 {width: 128px;}
.w165 {width: 165px;}
.mb10 {margin-bottom: 13px; overflow: hidden;}
.pr5 {padding-right: 5px;}
.pb5 {padding-bottom: 5px;}
.pt10 {padding-top: 10px;}
.pr0 {padding-right: 0;}
#contentRight .pmb10 {margin-bottom: 10px;}

#logo {width: 210px; height: 104px; background: url(../img/logo.jpg) no-repeat top left; display: block; margin: 0 30px;}

#menusection {padding-top: 30px; height: 190px;}
#menu {width: 270px; list-style-type: none; margin: 0; padding: 0;}
#menu a {color: #ffffff; font-size: 17px;  font-style: italic; line-height: 20px; width: 240px; display: block; text-decoration: none; font-weight: bold; padding-left: 30px; padding-top: 7px; padding-bottom: 7px; outline: 0;}
#menu ul a {padding-left: 20px; padding-right: 10px;}
#menu a:hover {background: #9ed85b; color: #3c3c3c;}

#menu li {position: relative;}
#menu ul {list-style-type: none; position: absolute; left: 270px; top: -1px; background: #5fc6e7; display: none; border: 1px solid #ffffff; margin: 0; padding: 0;}
#menu li:hover ul {display: block;}
#menu li:hover ul ul {display: none;}
#menu ul li:hover ul {display: block;}

#headerRight a {text-decoration: underline; color: #232323; font-weight: bold; outline: 0;}
#headerRight #reg {text-decoration: underline; color: #232323; font-weight: bold; float: right; outline: 0;}
#headerRight #forg {text-decoration: underline; color: #232323; font-weight: bold; float: right; margin-right: 15px; outline: 0;}
#headerRight #reg:hover, #headerRight #forg:hover, #headerRight a:hover {text-decoration: none;}
#headerRight form {float: right; margin: 10px 10px 0 0; color: #232323;}
#headerRight td {padding: 0 0 5px 5px;}
#headerRight input, #logIn input {line-height: 20px; height: 20px; border: 1px solid #00afe7; width: 136px; padding: 0 2px;}
#headerRight .login, #headerRight #logout {width: 134px; height: 29px; line-height: normal; background: url(../img/login.jpg) no-repeat top left; border: none; color: #232323; font-family: Arial; font-size: 12px; font-weight: bold; float: right; margin-right: 4px; text-align: center; outline: 0}
#logIn {width: 303px;}
#logIn .login {width: 134px; height: 29px; line-height: normal; background: url(../img/login1.jpg) no-repeat top left; border: none; color: #232323; font-family: Arial; font-size: 12px; font-weight: bold; float: right; margin-right: 4px; text-align: center; outline: 0}
#sitepath {height: 37px; overflow: hidden; margin: 0 auto; width: 980px; color: #ffffff; padding: 13px 0 0 20px;}
#sitepath a {color: #ffffff; text-decoration: none;}
#sitepath a:hover {text-decoration: underline;}
#sitepath #actual {color: #00afe7; text-decoration: underline;}

#contentLeft {width: 258px; float: left; color: #2f2f2f;}
#kontakt {width: 198px; height: 273px; background: url(../img/kontakt.jpg) no-repeat top left; color: #232323; padding: 0 30px 0 30px; font-size: 12px;}
#kontakt a {color: #232323; text-decoration: underline; outline: 0;}
#kontakt a:hover {text-decoration: none;}
#contentLeft #H2 {margin-bottom: 10px; font-size: 20px; font-weight: bold;}
#contentLeft #kontaktH2 {background: url(../img/envelope.jpg) no-repeat center left; padding-left: 50px; margin-bottom: 20px; margin-left: 20px; line-height: 27px; font-size: 20px; font-weight: bold;}
#kontakt .left {float: left; display: block;}
#kontakt .right {float: right;}
#kontakt .clear {margin-bottom: 10px;}
#bigStrong {font-size: 18px;}
#kontaktBtn {background: url(../img/kontakt-btn.jpg) no-repeat top left; width: 203px; height: 29px; padding-top: 7px; display: block; text-align: center; margin-top: 15px; font-size: 18px; font-style: italic; text-decoration: none; color: #232323; margin-left: 27px; outline: 0;}

#kontaktWrap {margin-bottom: 20px; overflow: hidden;}
#kontaktWrap table {float: left; border: 1px solid #00afe7; width: 340px;}
#kontaktWrap #kontaktLeft {margin-right: 30px;}
#kontaktWrap th {background: #7fd1ec;}
#kontaktWrap td, #kontaktWrap th {border: 1px solid #00afe7; border-collapse: collapse; padding: 5px; vertical-align: top;}

#contentRight {width: 712px; float: right; color: #000000; padding-left: 30px;}
#contentRight h1 {margin-bottom: 20px; font-size: 22px; color: #212121;}
#contentRight h2 {margin-bottom: 5px; font-size: 18px; color: #212121;}
#contentRight h3 {margin-bottom: 5px; font-size: 16px; color: #212121;}
#contentRight p {text-align: justify; margin-bottom: 15px; overflow: hidden; line-height: 20px;}

.box {margin-bottom: 15px; overflow: hidden; background: #7fd1ec;}
.boxTop {background: url(../img/box-top.jpg) no-repeat top left; width: 712px; height: 20px;}
.boxBottom {background: url(../img/box-bottom.jpg) no-repeat top left; width: 712px; height: 20px;}
.boxContent {padding: 0 20px; line-height: 20px;}
.boxV {overflow: hidden; background: #7fd1ec;}
.boxTopV {overflow: hidden;}
.boxBottomV {overflow: hidden; clear: both;}
.boxContentV {padding: 0 20px; line-height: 20px;}
.boxTopLeft {background: url(../img/left-top.jpg) no-repeat top left; width: 17px; height: 17px; float: left;}
.boxTopRight {background: url(../img/product-top.jpg) no-repeat top left; width: 17px; height: 17px; float: right;}
.boxBottomLeft {background: url(../img/left-bottom.jpg) no-repeat top left; width: 17px; height: 17px; float: left;}
.boxBottomRight {background: url(../img/product-bottom.jpg) no-repeat top left; width: 17px; height: 17px; float: right;}

#contentRight a {text-decoration: underline; color: #232323; font-weight: bold; outline: 0;}
#contentRight a:hover {text-decoration: none;}

.product {overflow: hidden; margin-top: 15px;}
.product h2 {margin-bottom: 10px; font-size: 18px; color: #212121;}
.productTop {background: #7fd1ec url(../img/product-top.jpg) no-repeat top right; height: 17px;}
.productContent {background: #7fd1ec; overflow: hidden; padding: 0 17px; width: 678px;}
.productPic {float: left; background: #ffffff; border: 1px solid #00afe7; padding: 15px;}
.productPic a {overflow: hidden; margin-left: 15px; outline: 0;}
.productPic a img {border: none;}
.productDesc {float: left; overflow: hidden;}
.productDesc ul {margin: 0; padding: 0; padding-left: 30px;}
.productBottom {background: #7fd1ec url(../img/product-bottom.jpg) no-repeat top right; height: 17px;}
.productRight {float: left;}

#gallery {overflow: hidden;}
#gallery .pictureWrap {float: left; overflow: hidden; margin: 0 20px 20px 0; background: #7fd1ec;}
#gallery img {border: none; border: 10px solid #7fd1ec;}

#contactWrap {width: 530px; margin-top: 20px;}
#contactTable input {line-height: 20px; height: 20px; border: 1px solid #00afe7; width: 176px; padding: 0 2px;}
#contactTable textarea {border: 1px solid #00afe7; width: 408px; padding: 0 2px;}
#contactLogo {background: url(../img/logo1.jpg) no-repeat top center; width: 230px; height: 48px;}
#contactTable #send {background: url(../img/kontakt-form.jpg) no-repeat top left; width: 148px; height: 20px; color: #232323; font-family: Arial; font-size: 12px; font-weight: bold; float: right; text-align: center; padding-top: 6px; cursor: pointer; outline: 0; line-height: normal;}

.addToCartWrap {margin: 15px 0 0 30px; clear: both; float: left; width: 280px;}
.price {margin: 15px 0 0 30px; clear: both; float: left;}
.quantityWrap {line-height: 26px; margin-right: 10px; float: left;}
.quantity {line-height: 20px; height: 20px; width: 36px; border: 1px solid #00afe7; padding: 0 2px;}
.addToCart {background: url(../img/kontakt-form.jpg) no-repeat top left; width: 148px; height: 20px; color: #232323; font-family: Arial; font-size: 12px; font-weight: bold; float: left; text-align: center; padding-top: 6px; cursor: pointer; outline: 0}

#register {width: auto;}
#register table {margin-bottom: 15px;}
#register td {padding-bottom: 5px;}
#register .pb0 {padding-bottom: 0;}
#register input, #register select {line-height: 20px; height: 20px; border: 1px solid #00afe7; width: 146px; float: left; padding: 0 2px;}
#register #registerBtn {width: 134px; height: 29px; line-height: normal; background: url(../img/login1.jpg) no-repeat top left; border: none; color: #232323; font-family: Arial; font-size: 12px; font-weight: bold; float: left; margin-right: 4px; text-align: center; outline: 0}
.cross {width: 16px; height: 16px; background: url(../img/cross.png) no-repeat top left; float: left; margin: 2px 2px 0 1px;}
.accept {width: 16px; height: 16px; background: url(../img/tick.png) no-repeat top left; float: left; margin: 2px 2px 0 1px;}
#register #sameAsInv {float: left; width: auto; outline: 0;}

#userControl td {text-align: left; padding-bottom: 8px;}
#userControl #cart {background: url(../img/cart.png) no-repeat top left; padding-left: 20px;}
#userControl #orders {background: url(../img/report.png) no-repeat top left; padding-left: 20px;}
#userControl a {text-decoration: none; outline: 0;}
#userControl a:hover {text-decoration: underline;}
#smallCart {margin-bottom: 20px;}
#cartBox {overflow: hidden; color: #000000;}
#cartBtn {width: 134px; height: 24px; padding-top: 5px; background: url(../img/login1.jpg) no-repeat top left; color: #232323; font-size: 12px; font-weight: bold; float: right; text-align: center; text-decoration: none; clear: both; outline: 0; margin-top: 10px; }
#cartSmall {width: 218px; border: 1px solid #00afe7;}
.cartBig {width: 712px; border: 1px solid #00afe7;}
#cartBox th, .cartBig th {background: #7fd1ec;}
#cartBox td, #cartBox th {border: 1px solid #00afe7; border-collapse: collapse; padding: 0 3px;}
.cartBig td, .cartBig th {border: 1px solid #00afe7; border-collapse: collapse; padding: 5px;}
.sum {background: #7fd1ec;}
#deliveryTable {margin-top: 15px; display: none;}
#deliveryTable.visible {display: table;}
#sumTable {margin-top: 15px; font-size: 14px; font-weight: bold; border: 1px solid #00afe7; background: #7fd1ec;}
#sumTable td {padding: 5px; border: 1px solid #00afe7;}
.delete {background: url(../img/cross.png) no-repeat top left; width: 17px; height: 17px; cursor: pointer; outline: 0;}
#cartTableBtn {overflow: hidden; clear: both; margin-top: 15px;}
#cartTableBtn .order {display: block; width: 134px; height: 21px; padding-top: 8px; line-height: normal; background: url(../img/order.jpg) no-repeat top left; border: none; color: #232323; font-size: 12px; font-weight: bold; text-align: center; outline: 0; text-decoration: none; float: left; cursor: pointer;}
#cartTableBtn #recount {margin-right: 10px;}

#address {overflow: hidden;}
.deliveryAdress, #deliveryWrap, #paymentWrap {margin-top: 15px; overflow: hidden;}
.deliveryAdress table {border: 1px solid #00afe7;}
.deliveryAdress td {padding: 5px; border: 1px solid #00afe7; min-width: 100px;}
#deliveryWrap td, #paymentWrap td {padding: 5px;}
#deliveryWrap .pr0, #paymentWrap .pr0 {padding-right: 0;}
#deliveryWrap input, #paymentWrap input {line-height: 20px; height: 20px; outline: 0;}

#forgottenWrap {width: 300px;}
#forgottenBtn {background: url(../img/kontakt-form.jpg) no-repeat top left; width: 148px; height: 20px; color: #232323; font-family: Arial; font-size: 12px; font-weight: bold; float: right; text-align: center; padding-top: 6px; cursor: pointer; outline: 0; line-height: normal;}

#ordersWrap table {border: 1px solid #00afe7; width: 712px;}
#ordersWrap th {background: #7fd1ec;}
#ordersWrap td, #ordersWrap th {padding: 5px; border: 1px solid #00afe7; text-align: center;}
#ordersWrap tr:hover {background: #7fd1ec;}

#map {width: 712px; height: 300px; overflow: hidden;}

#messageSent {display: none;}