* {margin:0; padding: 0;}
body {background: #000; color:#000; font:11px Georgia,"Times New Roman", Times, serif;}
/* layout */
img {border:0;}
html, body {
  padding:0;
  margin:0;
  height:100%;
  width:100%;
}
html {display:table}
body {
  display:table-cell;
  vertical-align:middle;
}
a:hover {text-decoration:none;}
ul {list-style: none;}
.klir {clear: both; overflow:hidden;}
.clear {clear:both;   
	height: 1px;
  overflow: hidden;
  line-height: 1px;
  margin-top:-1px;}
.inp {border:1px solid #fff; background-color:#fff; width:200px; font:11px Georgia,"Times New Roman", Times, serif; color:#000;}
.button {background-color: #000; color:#fff; font:11px Georgia,"Times New Roman", Times, serif; margin: 10px 0 0 10px; cursor: pointer; border:0;}
textarea {border:1px solid #000; background-color:#fff; width:200px; font:11px Georgia,"Times New Roman", Times, serif; overflow: auto;}
#middle {
  width:922px;
  margin:0 auto;
  padding: 15px 0 0 90px;
  z-index:2;
  border:2px solid #fff;
  height:600px;
  background:#000 url(../img/azurBG.gif) bottom no-repeat;
  voice-family:"\"}\"";
	voice-family:inherit;
	height:585px;
	width:832px;}

.pusty {border:0;}
* html #middle {
  position:absolute;
  top:expression((x=(document.documentElement.offsetHeight-this.offsetHeight)/2)<0?0:x+'px');
  left:expression((x=(document.documentElement.offsetWidth-this.offsetWidth)/2)<0?0:x+'px');
}
#logo {padding:0 0 0 10px;}
ul#navtop {height: 20px; text-align:right; margin-right: 94px;}
ul#navtop li {float: right;}
ul#navtop li a {display:block; height: 10px; text-decoration: none;}
ul#navtop li a span{visibility: hidden;}
ul#navtop li.login a { background: #000 url(../img/m-login.gif) no-repeat; width:35px; margin: 0 20px 0 0;}
ul#navtop li.login a:hover, ul#navtop li.login a.active { background: #000 url(../img/m-login.gif) -39px 0  no-repeat;}
ul#navtop li.cart a { background: #000 url(../img/m-cart.gif) no-repeat; width:60px; }
ul#navtop li.cart a:hover, ul#navtop li.cart a.active { background: #000 url(../img/m-cart.gif) -62px 0 no-repeat;}
ul#navtop li.logout a { background: #000 url(../img/m-logout.gif) no-repeat; width:46px;margin: 0 20px 0 20px; }
ul#navtop li.logout a:hover, ul#navtop li.logout a.active { background: #000 url(../img/m-logout.gif) -49px 0 no-repeat;}
ul#navtop li.account a { background: #000 url(../img/m-account.gif) no-repeat; width:110px; }
ul#navtop li.account a:hover, ul#navtop li.account a.active { background: #000 url(../img/m-account.gif) -113px 0  no-repeat;}

/* content */
#cont-home { background-color: #fff; width: 736px; height: 363px; position: relative;}
#home-new { background-color: #000; width: 736px; height: 363px; position: relative;}
#cont-prod { background: #fff url(../img/cont-prod.gif) repeat-y; width: 736px; height: 363px;  position: relative;}
#dare {position: absolute; left:-41px; top:100px;}


/* dolna nawigacja */
/*#bottnav {margin:5px 60px 0 60px;}*/
#bottnav ul {margin-top:5px;}
#bottnav ul li {float: left;}
#bottnav ul li a {height: 8px; display: block; text-decoration: none; margin: 0 25px 0 0;}
#bottnav ul li a span {visibility: hidden;}
#bottnav li.home a {background: transparent url(../img/menu.gif) no-repeat; width: 31px; height:7px;}
#bottnav li.home a:hover, #bottnav li.home a.active {background: transparent url(../img/menu.gif) 0 -14px no-repeat; }
#bottnav li.glasses a {background: transparent url(../img/menu.gif) -33px 0 no-repeat; width: 85px; height: 7px;}
#bottnav li.glasses a:hover, #bottnav li.glasses a.active {background: transparent url(../img/menu.gif) -33px -14px  no-repeat;}
#bottnav li.goggles a {background: transparent url(../img/menu.gif) -121px 0 no-repeat; width: 28px; height:7px;}
#bottnav li.goggles a:hover, #bottnav li.goggles a.active {background: transparent url(../img/menu.gif) -121px -14px  no-repeat;}
#bottnav li.eyes a {background: transparent url(../img/m-eyes.gif) no-repeat; width: 29px;}
#bottnav li.eyes a:hover {background: transparent url(../img/m-eyes.gif) 0 -9px  no-repeat; }
#bottnav li.press a {background: transparent url(../img/menu.gif) -152px 0 no-repeat; width: 32px; height:7px;}
#bottnav li.press a:hover, #bottnav li.press a.active {background: transparent url(../img/menu.gif) -152px -14px  no-repeat; }
#bottnav li.contact a {background: transparent url(../img/menu.gif) -186px 0 no-repeat; width: 66px; height:7px;}
#bottnav li.contact a:hover,#bottnav li.contact a.active {background: transparent url(../img/menu.gif) -186px -14px no-repeat;}
#bottnav li.register a {background: transparent url(../img/menu.gif) -255px 0 no-repeat; width: 51px; height:7px;}
#bottnav li.register a:hover,#bottnav li.register a.active {background: transparent url(../img/menu.gif) -255px -14px  no-repeat;}
#bottnav li.distr a {background: transparent url(../img/menu.gif) -481px 0 no-repeat; width: 76px; height:7px;}
#bottnav li.distr a:hover,#bottnav li.distr a.active {background: transparent url(../img/menu.gif) -481px -14px  no-repeat;}
#bottnav li.legal a {background: transparent url(../img/menu.gif) -312px 0 no-repeat; width: 74px; margin-right: 0; height:7px;}
#bottnav li.legal a:hover,#bottnav li.legal a.active {background: transparent url(../img/menu.gif) -312px -14px  no-repeat;}
#bottnav li.points a {background: transparent url(../img/menu.gif) -393px 0 no-repeat; width: 85px; height:7px;}
#bottnav li.points a:hover, #bottnav li.points a.active {background: transparent url(../img/menu.gif) -393px -14px no-repeat;}

/* nawigacja produktowa */
/*div#lista {position:absolute; bottom: 10px; left: 15px; list-style:none; width: 170px; }
div#lista li {display: inline;}
div#lista li a {display:block; color:#000; font-size:11px; text-decoration:none;  padding: 0 0 0 10px; line-height: 16px;}*/
/*div#lista li img {float:left;}*/
/*div#lista li {clear:left;}*/
/*html>body ul#lista li a {font-size:14px;}*/
/*div#lista li a:hover, div#lista li a.active {background: transparent url(../img/arrow.gif) 0 5px no-repeat; font-weight: bold;}*/
/*div#lista li img {margin: 6px 0 0 5px; }*/
/*div#lista p {margin-top:5px; font-weight:bold; color:#fc1002;}

div#lista li ul.none li a {background-image: none;  font-size:11px; margin: 0 0 0 5px; float:none;}

div#lista ul.colors {background-image: none; }
div#lista ul.colors li {display: inline;}
div#lista ul.colors li a {float:left; background-image: none; border:1px solid #000; padding: 0; margin-left: 5px;}
div#lista ul.colors li a.active, div#lista ul.colors li a:hover {border:1px solid #f11003;}*/
div#lista {position:absolute; top: 90px; left: 30px; list-style:none; width: 180px; width:140px;}
div#lista ul {height: 240px; overflow:auto;}
div#lista li {display: inline;}
div#lista li a {display:block; color:#000; font-size:11px;text-decoration:none;  padding: 0 0 0 10px; line-height: 16px; width:100px}

/*html>body ul#lista li a {font-size:14px;}*/
div#lista li a:hover, div#lista li a.active, div#lista li a.active:hover  {background: transparent url(../img/arrow.gif) 0 5px no-repeat; font-weight: bold;}
div#lista li ul.none {height: auto;}
div#lista li dl {border-bottom:1px solid #000; margin:0 5px 5px 0;}
div#lista li dl ul {height:auto; margin:5px 0 0 10px; }
div#lista li dl ul li {margin-bottom:5px; display:block;}
div#lista li ul.none li a {background-image: none;  font-size:11px; margin: 0 0 5px 5px; font-weight: normal; line-height: normal;}
div#lista li ul.none li a:hover {font-weight: normal; background: transparent url(../img/arrow.gif) 0 5px no-repeat;}
div#lista li ul.none li a.active, div#lista li ul.none li a.active:hover {font-weight: bold;}
div#lista p, div#lista dt {margin-top:5px; font-weight:bold; color:#f11003;}
#head {position: absolute; left:170px;}
#price {position:absolute; left:20px; top:20px; font-size:14px;}
#price li {margin:0 0 5px 0;}
#price li strong {color:#f11003}
#price .small {font-size:11px;}
#price a{color:#f11003; text-decoration:none;}
#price a.dodaj {font-size:12px; background-color: #000; display: block; color:#fff; text-decoration: none; padding: 3px; width: 100px;}
#polowka, #contactBG {float:left; width:288px; background: #000 url(../img/contactBG.jpg) no-repeat; height:363px; text-align:right;}


#register {
padding:27px 0 3px 236px; 
margin:0;  
color:#fff;  
height:364px; 
position:relative; 
background: #000 url(../img/contactBG.jpg) -60px 0 no-repeat; 
width:736px;
voice-family:"\"}\"";
voice-family:inherit;
height:333px;
width:550px;
}

.pusty {border:0;}
#register table {float:left; width:250px; }
#register table.first {margin-top:26px;}
html>body #register table.first {margin-top:24px;}
#register table.first td.radio {padding-bottom: 38px; z-index: 1000;}
html>body #register table.first td.radio {padding-bottom: 30px;}
#register table.first a {text-decoration: none;}
#register td{padding:2px 0 2px 0; color:#fff; font-size:11px;}
#register .rajt {margin:26px 0 0 0;}
html>body #register .rajt {margin-top:22px;}
#register td.buyer input, #contact td.buyer input {vertical-align: middle; margin: 0 5px 0 0;}
#register td.buyer label, #contact td.buyer input {margin-right:20px;}
#register a, #contact a {color: #fff;}

#contact {
padding:22px 47px 10px 0; 
margin:0; 
background: #000 url(../img/contactBG.jpg) no-repeat; 
height:364px; 
text-align:right; 
color:#fff; 
width:736px;
voice-family:"\"}\"";
voice-family:inherit;
height:334px;
width:689px;
}
.pusty {border:0;}
html>body #contact {height: 333px;}
#contact table { float: right;}
#contact td {padding:5px 0 5px 0; vertical-align: top; color:#fff; font-size:11px; text-align: right;}
#contact td label {vertical-align: top;}
#contact p {padding:0 0 10px 240px;}

#login {float:left; width:736px; background: transparent url(../img/loginBG.jpg) 40px 0 no-repeat; height:343px; text-align:right; padding: 22px 41px 0 0;}
#login {w\idth:695px;}
#login .tekst {width:200px; float:right; margin-top: 140px;}


#basket {
width:429px; 
height:343px; 
position:absolute;
overflow: auto;
top:10px;
left:30px;
}
.pusty {clear: both;}
#basket .item {margin: 10px 0 10px 0; padding-bottom:10px;}
#basket .item img {float: left; margin:0 20px 0 0; background-color: #fff; padding:8px; border: 1px solid #ccc;}
#basket .item ul {margin:20px 0 0 0; float: left;}
#basket .item ul li {padding-bottom:10px; clear: left;}
html>body #basket .item ul li {margin-bottom:10px;}
#basket .item ul li.first input {float:left; width:20px; margin:3px 0 0 0;}
html>body #basket .item ul li.first input {margin:7px 0 0 0;}
#basket .item ul li.first label {float:left;}
#basket .item ul li .inp {width:60px; border: 1px solid #000; text-align: right; border-width: 2px 1px 1px 2px; background-color: #fff; margin: 0 5px 0 0; color:#000;}

#basket table { width:380px; margin: 10px 0 0 10px;}
#basket td, th {padding:3px 0 3px 10px;}
#basket td {border-bottom:1px solid #000;}
#basket th {text-align:left; color:#fff; background-color: #000;}
#basket td.qnt {text-align: right;}
#basket td.qnt input {vertical-align: middle; padding: 0 5px 0 0; width: 40px; text-align:right;}
#basket td.qnt label {margin-right:20px;}
#basket a, #login a {color: #666;}
#basket .inp, #login .inp, #shopInfo .inp {border: 1px solid #000;}
#basket tr.suma {background-color: #ccc; font-size: 14px; font-weight:bold;}
#basket .button {background-color: #fff; border: 1px solid #000; color:#000;} 
#shopInfo {
padding:17px 44px 10px 10px; 
margin:10px 0 0 5px; 
float:right; 
width:300px; 
height:343px; 
text-align:right; 
voice-family:"\"}\"";
voice-family:inherit;
height:311px;
width:229px;}

html>body #shopInfo {margin-left:10px;}
#shopInfo ul {list-style:none; margin: 200px 0 0 0;}
#shopInfo li {display:inline;}
#shopInfo a {color: #000; text-decoration:none; display:block; padding: 3px 5px 3px 5px;}
#shopInfo a:hover {background-color: #000; color:#fff;}
#shopInfo form p {margin:5px 0 10px 0;}
#shopInfo .space {margin-top:40px;}
#shopInfo .button, #login .button {background-color: #fff; border:1px solid #fff; color:#f11003; font:11px Georgia,"Times New Roman", Times, serif; margin: 10px 0 0 10px; font-weight:bold;}

html>body ul.basic {padding:10px 0 0 0;}
ul.basic li {margin:0 0 10px 0;}


#about {width: 736px; background:transparent url(../img/glassBG.jpg) left bottom no-repeat; height: 363px;}
#about .teksty{text-align:right;  height: 333px;  float:right; width:300px;  position: absolute; right:46px; top:27px;}
#about h3  {font-size:14px; margin: 5px 0 5px 0;}
#about ul {list-style:square; margin:5px 0 5px 25px;}

#p7scroller1 {position:absolute; width:300px; height:240px; z-index:100; top: 60px; overflow: hidden; clip: rect(0px 300px 320px 0px); visibility: visible; left: 0;}
#p7s1control1 {position:absolute; width:100px; z-index:100; left: 200px; top: 40px; visibility: visible}
#p7s1control1 p.wdol {padding-bottom: 260px;}
#p7s1content1 { position: absolute; width: 300px; z-index: 99; left: 0px; top: 0px; visibility: visible }

/*#pressBG {float:left; background:transparent url(../img/pressBG.jpg) bottom no-repeat; ; color:#fff; width:296px; height:363px;}*/
#pressBG {float:left; color:#fff; width:296px; height:363px; overflow: hidden; position: relative;}

#pressBG img.lupa {position: absolute; top:343px; margin-left:5px;}
#about ul.lista {list-style:none; margin: 40px 0 0 0; background-color:#fff; padding:8px; margin:0; border:1px solid #ccc;}

#press ul.lista {list-style:none; background-color:#fff; padding:8px; margin:0; border:1px solid #ccc; overflow: auto; height: 250px; 

}
.pusta {border:0;}
ul.lista li {display:inline;}
ul.lista a {color: #fff; text-decoration:none; display:block; padding: 3px 5px 3px 5px; background-color:#000; 
border:1px solid #fff; border-width:1px 1px 0 1px;}
ul.lista a:hover {background-color: #fff; color:#000;}

#legalMenu {padding:20px 10px 10px 20px; margin:10px 0 0 5px; float:left; width:235px; height:343px; text-align:right; background-color: #000;
voice-family:"\"}\"";
voice-family:inherit;
height:313px;
width:200px;
}
.pusty {border:0;}
html>body #legalMenu  {margin-left:10px;}

#legalMenu  ul {list-style:none; margin: 40px 0 0 0;}
#legalMenu  li {display:inline;}
#legalMenu  a {color: #fff; text-decoration:none; display:block; padding: 3px 5px 3px 5px;}
#legalMenu  a:hover {background-color: #fff; color:#000;}

#legal, #press {margin:22px 0 0 0; float:left; width:490px; height:331px; padding:0 40px 0 20px; text-align:right;}
#legal {w\idth:430px; position: relative;}
#legal .teksty {text-align:right;  width:400px;  position: absolute; right:46px; top:27px;}
/* \*/
#legal .teksty #p7scroller1 { width:400px; height:260px;  clip: rect(0px 400px 280px 0px); top:25px;}
/* */
#legal .teksty #p7s1control1 {position:absolute; width:200px; z-index:100; left: 200px; top: 5px; visibility: visible}

#legal .teksty #p7s1control1 p.wdol {margin-bottom: 10px;}
#p7s1content2 { position: absolute; width: 400px; z-index: 99; left: 0px; top: 10px; visibility: visible }

#press {width:390px; padding:5px 40px 0 34px;}
#press {w\idth:360px;}


#legal p, #points p {margin:5px 0 5px 0;}
#legal h3{margin:5px 0 5px 0; font-size:16px;}
#legal ul {margin:5px 0 5px 25px; list-style-type:square}


#points {left: 40px; top:33px; position:absolute;  overflow: auto; text-align: left; height:280px; width:300px;}
#points a {color:#f11003; text-decoration: none; overflow-y:hidden}


#points .item {margin:5px 0 20px 0;}
#points h2 {margin:5px 0 5px 0; font-size:18px; color:#f11003;}

div#basket table.logos td {padding:5px; border:0; text-align:center}
div#basket table.logos {padding-top:20px;}

div#basket div.refund { padding-top:10px; margin-top:10px; padding-right:30px;}
div#cont-prod p.adres {margin-top:30px;}
div#cont-prod ul.purch {margin-top:60px}