body,form,fieldset,h1,h2,h3,h4,ul,li,dl,dt,dd,#q{
margin:0;
padding:0;
}
ul{list-style:none;}
img,#top fieldset,#right fieldset,button{border:none;}
html{background:#eff1f3;}/* chrome fix*/
body{
font-size:62.5%;
background:#eff1f3 url(../image/body.gif) repeat-x;
padding-bottom:16px;
}
html>body{font-size:10px;}
td,th,table{border:solid #c1dad7;}
table{ /*table-layout:fixed;*/
width:696px;
border-width:0 0 1px 1px;
margin:8px 0 0 10px;
}
td,th{
padding:5px 6px;
border-width:1px 1px 0 0;
text-align:left;
}
td{
padding:4px 7px;
line-height:1.4em;
}
body,input,textarea,select{font-family:verdana,geneva,sans-serif;}
p,ul,legend,th{font-size:1.1em;}
p{
margin:5px 10px 0 15px;
line-height:1.455em;
}
a{
color:#03797a;
text-decoration:none;
}
a:hover{color:#015b5c;}
#content ul{
padding-top:4px;
margin-left:15px;
}
#content li{
margin-top:2px;
padding-left:12px;
}
#content li,#info p,.err,.msg{line-height:1.364em;}
#container form p,#content ul p,#footer,#res li,#account li,#res p,#tooltip,#login li,#right .img p{
line-height:normal;
margin:5px 0 0;
}
#content li p{
float:right;
color:#999;
padding-left:19px;
background:url(../image/cog2.png) no-repeat;
margin:20px 12px 0 0;
display:inline;
}
input,textarea,button,select,ul p,#footer,#tooltip,#top ul{font-size:1em;}
select{
width:138px;
height:18px;
background:#fff;
}
#master{
width:950px;
margin:0 auto;
padding:0 3px;
background:url(../image/shad.gif) no-repeat 0 150px;
}
#info,#info span{background:url(../image/infobg.png) no-repeat;}
#info{
width:869px; /* IE */
position:relative;
padding:7px 12px 4px 49px;
margin-bottom:11px;
text-shadow:#fff 0 1px;
}
#info p{margin:0 0 2px;}
#info span{
position:absolute;
left:0;
bottom:0;
height:6px;
width:930px;
background-position:0 -94px; /* IE */
}
#container{
width:930px; /* IE */
padding:12px 10px 0;
background:#fff;
}
#top legend{display:none;}
#top{
padding-top:7px;
position:relative;
}
#top ul{
margin-left:5px;
height:19px;
}
#top li{
margin-right:7px;
padding-left:10px;
border-left:1px solid #a7a7a7;
}
li#f{ /* specificity */
border:none;
padding:0;
}
#top li,#footer a,#footer em{text-shadow:#555 0 1px;}
#top form{
position:absolute;
top:58px;
right:6px;
width:240px;
}
#top fieldset{
/*float:left;*/
padding:6px 0 0 6px;
height:32px;
background:url(../image/right.png) no-repeat 0 2px;
}
#top button{
margin-top:-6px;
width:36px;
height:38px;
background:url(../image/but_k.png) no-repeat;
}
#top label{
float:left;
margin:2px 3px 0 0;
text-indent:-999em;
width:22px;
height:21px;
}
#container fieldset input,td input,textarea,#q{
width:172px;
background:#f9fbff url(../image/bg.gif) repeat-x;
border:1px solid;
border-color:#8f8f8f #cecece #e3e3e3;
padding:.3em .4em;
margin-right:3px;
}
td input{
width:30px;
text-align:center;
}
td img{vertical-align:top;}
.name img{
vertical-align:baseline;
margin-left:3px;
}
textarea{
width:350px;
height:90px;
}
#contact textarea{
width:400px;
height:150px;
}
textarea,.radio em{margin-left:3px;}
#enquiry{
width:250px;
margin:0;
}
#top h1{
padding:29px 0 0 15px;
height:68px;
font-size:1.2em;
font-weight:normal;
}
#top h1 a{
color:#717274;
float:left;
}
#top h1 span{
display:block;
background:url(../image/logo.png) no-repeat;
width:218px;
height:36px;
}
#top h1 span,#top button,#menu span{cursor:pointer;}
#top h1 span,#menu a,#thumb span,#content form ul span,#top button,#rabat a,#info span{
text-indent:-999em;
overflow:hidden;
}
#top button:hover{background-position:0 -38px;}
#menu,#menu span,#menu a:hover,#logout a{background:url(../image/menu.png) no-repeat;}
#menu{
padding-left:2px;
margin:0 -3px;
}
#top li,#menu li,#thumb,#right{display:inline;}
#menu a{
outline:none;
float:left;
position:relative;
margin-left:1px;
}
#menu span{
width:100%;
position:absolute;
top:0;
left:0;
}
#menu,#menu a,#menu span{height:28px;}
#menu .nohover:hover{background-position:0 -56px;}
#home a{width:38px;}
#home a:hover,#home span{background-position:-3px -28px;}
#log a{
width:101px;
margin-left:513px;
}
#logout a{
width:104px;
margin-left:510px;
}
#logout a:hover,#logout span{background-position:-956px -28px;}
#logout a,#logout .nohover:hover{background-position:-956px 0;}
#log a:hover,#log span{background-position:-554px -28px;}
#konto a{width:102px;}
#konto a:hover,#konto span{background-position:-656px -28px;}
#cart a{width:84px;}
#cart a:hover,#cart span{background-position:-759px -28px;}
#checkout a{width:109px;}
#checkout a:hover,#checkout span{background-position:-844px -28px;}
#column div,#right div,#right form,#content{
margin-bottom:8px;
background:url(../image/box.png) no-repeat;
padding:0 8px 1px;
}
#index #column div,#right div,#right form{background-position:-918px 0;}
#column h2,#right h2{padding:7px 0;}
#right fieldset{
margin:1px 0 0 5px;
padding-bottom:2px;
}
#right fieldset input{width:145px;}
h2,h3,h4,dt strong,#q{
color:#ec712d;
font-family:arial,helvetica,sans-serif;
font-size:1.3em;
}
#q{
padding:4px 6px;
background:#fff;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:#575757;
border-color:#d6d6d6 #eee #eee #d6d6d6;
width:156px;
}
#res{display:table;} /* overflow:hidden zle dziala w ff2 */
h3,#content fieldset{margin:10px 0 0 10px;}
#kosz h2,#rss h2,#user h2{
padding-left:22px;
background:url(../image/basket.png) no-repeat 0 50%;
}
#rss h2{
background-image:url(../image/rss.png);
padding-left:14px;
}
#user h2{background-image:url(../image/user.png);}
#content h2{
font-size:1.7em;
padding:8px 0 2px 26px;
background:url(../image/nag.png) no-repeat 9px 68%;
position:relative;
}
#contact fieldset{margin-top:16px;}
#index #content h2{
background:none;
padding-left:10px;
}
#content h2 small{
position:absolute;
color:#333;
background:url(../image/rm.png);
padding:4px 25px 0 0;
text-align:center;
height:21px;
width:73px;
right:6px;
top:6px;
}
#column ul,#right ul{
margin:1px 0 0 5px;
padding:0 0 2px;
}
#column li,#right li{
margin:0 0 3px;
padding-left:12px;
}
#content li{background:url(../image/bull.gif) no-repeat 0 .455em;}
#account li,#right li,#column li{background:url(../image/bull.gif) no-repeat 0 .364em;}
#column li{background:url(../image/arr.gif) no-repeat 0 .273em;}
#rss li{background-image:url(../image/bullf.png);}
#column,#right{
width:200px;
margin-bottom:4px;
float:left;
}
#index #column{
width:180px;
margin-right:10px;
}
#right{
width:180px;
margin:0 0 5px 10px;
}
#content{
width:716px;
margin-bottom:18px;
background-position:-200px 0;
padding:0 1px;
float:right;
}
#index #content{
width:548px;
background-position:100% 0;
float:left;
}
#account{margin:0 12px;}
#account dt{
margin-top:10px;
padding:7px 9px 0;
background:url(../image/bg.png) no-repeat;
}
#account strong{
background:url(../image/cog.png) no-repeat 1px 0;
padding:0 0 2px 23px;
display:block;
}
#account dd,#account ul{background:url(../image/line.png) no-repeat;}
#account dd{padding:0 0 0 33px;}
#account ul{
background-position:100% 0;
padding:2px 0 5px;
margin:0;
}
#account li{margin:4px 0 0;}
#newsletter strong{background-image:url(../image/news.png);}
#orders strong{background:url(../image/cart.png) no-repeat 0 .1em;}
#invoice strong{background:url(../image/brick.png) no-repeat 0 .1em;}
.print,.back{
padding:2px 0 2px 22px;
background:url(../image/print.png) no-repeat 0 50%;
}
.back{background-image:url(../image/undo.png);}
#news em,#add em,td em,.msg em,#footer em{font-style:normal;}
#news em{
color:#999;
font-size:1.1em;
background:#fff;
padding:0 2px 1px;
margin:-13px 7px 0 0;
float:right;
}
#but,#butt,th{background:url(../image/grad.gif) repeat-x;}
#nav{
margin:4px 10px 0;
padding-bottom:2px;
}
#nav a{font-weight:bold;}
#content form ul{
color:#333;
padding-top:1px;
margin:0;
}
#container fieldset input:focus,td input:focus,textarea:focus{background:#fff;}
#mapa{
border:1px solid #ddd;
width:600px;
height:330px;
margin:15px auto 0;
}
#nav,.radio em,.old{color:#666;}
span.old{text-decoration:line-through;}
#but,#add,#butt{
margin:12px 10px 0;
line-height:normal;
border-top:1px solid #eee;
text-align:right;
padding:5px 5px 0;
}
#butt{margin-top:8px;}
#add{
clear:both;
margin-right:0;
border:1px solid;
border-color:#e6e6e6 #eaeaea #eee;
padding:4px 6px 4px 10px;
background:url(../image/bge.png) repeat-x 0 1px;
}
#thumb{
position:relative;
height:115px;
margin:8px 6px 0 4px;
float:right;
}
#content .thickbox span{
position:absolute;
right:8px;
bottom:4px;
width:13px;
height:14px;
background:url(../image/mag.png);
}
#column p,#right p{
line-height:1.364em;
margin:0 4px 4px 5px;
}
#right form p{margin:0 5px 5px 0;}
#right form a{
padding-left:13px;
background:url(../image/msg.gif) no-repeat 0 .273em;
}
#right .img p{margin:1px 0 5px 5px;}
#right .img img,#right .img a{
display:block;
width:155px;
height:115px;
}
#right .img span{
position:absolute;
background:url(../image/back.png) no-repeat;
color:#636363;
bottom:3px;
right:2px;
width:58px;
height:18px;
padding-top:5px;
text-align:center;
cursor:pointer;
}
#footer{
clear:both;
color:#c3c3c3;
padding:7px 20px 0 11px;
height:19px;
width:919px;
margin:0 -10px;
position:relative; /* IE */
background:url(../image/foot.png) no-repeat 0 100%;
text-align:right;
}
#footer em{color:#d6d6d6;}
#top li a,#footer a{color:#f7f4e0;}
#top li a:hover,#footer a:hover{color:#f8f7b3;}
#footer span,#index #content p img,.left,.back,#but span,#butt span,#add span,#q,#top button,#right form a{float:left;}
#index #content p img{margin:1px 10px 0 0;}
#content #add{margin-top:10px;}
#content fieldset{
padding:0 5px 7px;
border:1px solid #ddd;
}
ul a:hover,td a:hover,ol a:hover{color:#000;}
td a:hover{text-decoration:underline;}
legend{
font-weight:bold;
padding:0 2px;
}
form div{
width:50%;
float:left;
margin-top:8px;
}
#content label,fieldset div span{
float:left;
text-align:right;
font-weight:bold;
color:#333;
margin:.3em 5px 0 0;
width:14em;
}
#right input{margin-top:2px;}
#right label{
display:block;
margin-bottom:3px;
font-weight:bold;
color:#333;
}
#content label.radio,#content .radio input,td div{
margin:0;
padding:0;
float:none;
width:auto;
}
#content .radio input{
width:13px;
height:13px;
background:none;
border:none;
vertical-align:top;
}
#news{
padding:1px 0 0;
clear:both;
}
#news dt,div#rabat,#right .img{background:url(../image/sep.png) no-repeat 100% 0;}
#news dt{
display:block;
margin-top:16px;
padding:9px 0 0 12px;
background-position:0;
}
#news dd{
padding-top:6px;
width:100%;
}
#res a{
padding-left:12px;
background:url(../image/cog.gif) no-repeat 1px .273em;
}
#lab-contact span{
padding-left:14px;
background:url(../image/tick.gif) no-repeat 0 50%;
}
.link-video{
padding-left:19px;
background:url(../image/videoicn.gif) no-repeat 0 50%;
}
.get-pdf{
margin-top:8px;
padding-left:23px;
background:url(../image/acrobaticn.png) no-repeat 0 .182em;
font-weight:bold;
}
.get-pdf em{
color:#666;
font-weight:normal;
}
.icn{
width:62px;
padding:4px 10px 4px 11px;
}
.icn div{
width:100%;
height:100%; /* IE */
background:url(../image/baskbg.png) no-repeat 100% 50%;
position:relative;
text-align:left;
}
.icn img{
position:absolute;
top:50%;
right:0;
margin-top:-8px;
}
#content label.radio{
cursor:pointer;
margin-left:10px;
font-weight:normal;
}
#content .radio label,fieldset div span,#content div fieldset{margin-top:0;}
#content form,#res{width:706px;}
#content form,#news dd,#menu,#top button{overflow:hidden;}
.msg,.err,#tooltip{
border:1px solid #ccc9aa;
background:#fcfcdf url(../image/msgbg.png) repeat-x 0 100%;
}
.err,.msg{
margin:5px 10px 0;
padding:4px 10px;
}
.err{
border-color:#f36c75;
background-image:url(../image/errbg.png);
background-color:#eddada;
}
fieldset div{
margin-top:7px;
width:100%;
float:left;
}
#content div fieldset label{width:10em;}
#content form p,#res{margin:8px 0 0 10px;}
.name span{
font-size:.9em;
color:#666;
}
form p{text-align:right;}
#s label{width:6em;}
label em,td em,.msg em,#lab-contact label{color:#f91b1b;}
fieldset strong{
display:block;
margin:3px 0 0 14.5em;
color:#ff0000;
}
fieldset strong,th a,h2 small{font-weight:normal;}
th a,#news dd img{float:right;}
#news dd img{
margin:-6px 10px 0 0;
display:inline;
}
#content fieldset p{
margin:6px 0 0 5px;
line-height:1.364em;
text-align:left;
}
#content .ce,td.radio{text-align:center;}
.no{white-space:nowrap;}
th.ce a,#but a span{float:none;}
#content p.img{
margin-top:7px;
padding-bottom:4px;
}
td.img{
width:1%;
padding-right:0;
border-right:none;
}
#res ul{
float:right;
width:115px;
margin:0 6px 0 0;
padding:0;
display:inline;
}
#res ul ul{
position:absolute;
z-index:1000;
display:none;
padding:0 0 3px;
background:url(../image/listbt.png) no-repeat 0 100%;
margin:-1px 0 0 45px;
width:70px;
font-size:.9em;
}
#res li:hover ul,#res .hov ul,form ul img,form ul a,#rabat a,#thumb img,#content p img,#info span{display:block;}
#res li:hover strong,#res .hov strong,#login a:hover,#right .img a:hover span{
background-position:0 100%;
color:#000;
}
#res li,#content form li,#login li{
display:inline;
background:none;
margin:0;
padding:0;
}
#content form li{
float:left;
width:155px;
margin:5px 0 0 5px;
position:relative;
padding:0;
}
ul#login{
margin-top:8px;
padding:0 5px 0 0;
zoom:1; /* IE <3 height:1%; */
}
#login a{
float:right;
width:95px;
height:20px;
padding:6px 0 0 11px;
background:url(../image/but.png);
margin-right:5px;
color:#444;
}
#res strong{
padding:5px 0 0 5px;
height:18px;
font-weight:normal;
background:url(../image/pr.png);
display:block;
}
#res li a{
width:68px;
display:block;
padding:1px 0;
background:#fff;
border:solid #c1dad7;
border-width:0 1px;
text-align:center;
}
#res li a:hover{background:#f5fafa;}
.sel{
color:#000;
font-weight:bold;
}
#content .k{border-color:#6db23a;}
#content .err2{border-color:#ff2d00;}
.book{border-color:#ff6161 #ff7777 #ffa0a0;}
#add span{margin-top:4px;}
.ok,.cancel,#add span,#add em,.paid{
padding-left:12px;
background:url(../image/ok.png) no-repeat 0 50%;
color:#6db23a;
}
#res .ok,#res .cancel{
background-position:100% 50%;
padding:0 10px 0 0;
}
.cancel,#add .brak{
background-image:url(../image/err.png);
color:#ff2d00;
}
#add em{
color:#444;
background-image:url(../image/paid.png);
margin-left:8px;
}
legend,p strong,#but,ul a,td a,ol a,th{color:#333;}
#tooltip{
margin:0;
position:absolute;
padding:4px 5px;
display:none;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
div#rabat{
padding:18px 0 0;
margin-bottom:13px;
}
#rabat a,#right .img a{position:relative;}
#rabat a{
top:0;
left:50%;
width:139px;
height:42px;
background:url(../image/rabat.gif);
margin-left:-70px;
}
#lab-contact{padding:2px 0;}