html, body {
margin: 0;
padding: 0;
}

body {
background: url('images/main_back.gif') 0 107px repeat-x;
height: 100%;
background-color: #fff;
color: #000;
font-size: 10pt;
line-height: 140%;
font-family: Verdana, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif
}

img {
border: none
}

form {
display: inline;
margin: 0
}

h1, h2, h3, h4 {
font-family: Trebuchet MS, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif;
font-weight: normal;
}

h1, h2 {
font-size: 16pt;
line-height: 16pt;
color: #eb6a0a;
padding: 10px 0 0 0
}

h1 {
margin: 20px 0 20px 0;
}

h2 {
margin: 0 0 20px 0;
}

.fakeHeaderMargin {
margin: 0 0 20px 0;
padding: 10px 0 0 0;
font-size: 8pt
}

.fakeHeaderMargin h1 {
display: inline;
margin: 0
}

h3 {
line-height: 16pt;
font-size: 14pt;
margin: 0;
padding: 0
}

h4 {
font-size: 14pt;
margin: 0;
padding-top: 0
}

div.clear {
clear: both
}

div.line, div.hr {
line-height: 0px;
overflow: hidden;
font-size: 1px;
padding: 0;
margin: 0;
height: 1px;
}

div.line {
border: 0;
background-color: #999
}

div.hr {
border-top: 1px dotted #999;
border-bottom: 0;
border-left: 0;
border-right: 0;
}

div.half {
margin: 5px 0 5px 0
}

div.single {
margin: 10px 0 10px 0
}

div.double {
margin: 20px 0 20px 0
}

/* produkt */

h3 span {
color: #eb6a0a
}

.productImage {
float: left;
padding: 0 20px 0 0
}
.productSummary .price {
padding: 0 0 20px 0
}

.productSummary .price em {
font-size: 120%;
font-style: normal
}

.productSummary div .availability {
font-size: 108%;
font-weight: bold;
color: #4fad00
}

.productSummary .rating {
font-size: 80%;
padding: 8px 0 0 0
}

.productDetails h1 {
margin-bottom: 9px
}

.productDetails div {
padding: 0 20px 0 20px
}

.productDetails div .reviewFrame {
padding: 20px;
border: 1px solid #cdccca;
background-color: #f8f8ee
}

/* koszyk */

div.cartRow .availability {
color: #4fad00;
font-size: 80%;
font-weight: bold
}

/* */

a.info {
position: relative;
z-index: 24;
text-decoration: none
}

a.info:hover {
z-index:25
}

a.info span {
display: none
}

a.info:hover span { 
display: block;
position: absolute;
top: -15px;
left: 25px;
width: 280px;
border: 1px solid #6fcbdf;
background-color: #cee;
color: #000;
font-size: 8pt;
line-height: 12pt;
padding: 4px 6px 4px 6px
}

a {
color: #009cbc;
text-decoration: underline
}

a:active {
color: #01b4d9;
text-decoration: underline
}

a:visited {
color: #a88a51;
text-decoration: underline
}

a:hover {
color: #01b4d9;
text-decoration: none
}

a.stillLink, a.stillLink:visited {
color: #009cbc;
text-decoration: underline
}

a.stillLink:active {
color: #01b4d9;
text-decoration: underline
}

a.stillLink:hover {
color: #01b4d9;
text-decoration: none
}

a.titleLink, a.titleLink:active {
color: #009cbc;
text-decoration: none
}

a.titleLink:visited {
color: #a88a51;
text-decoration: none
}

a.titleLink:hover {
color: #01b4d9;
text-decoration: underline
}

a.sideLink, a.sideLink:active {
color: #009cbc;
text-decoration: none
}

a.sideLink:visited {
color: #009cbc;
text-decoration: none
}

a.sideLink:hover {
color: #01b4d9;
text-decoration: underline
}

a.paginationLink {
padding: 1px 6px 1px 6px;
border: none;
text-decoration: none
}

a.paginationLink:active, a.paginationLink:visited {
color: #01b4d9;
text-decoration: none
}

a.paginationLink:hover {
padding: 0px 5px 0px 5px;
text-decoration: none;
border: 1px solid #01b4d9;
background-color: #fff
}

a.welcomeLink {
display: block; 
color: #006276;
font-size: 9pt;
font-weight: bold;
height: 29px;
line-height: 28px;
text-decoration: none;
background: url('images/welcome_buttons.gif') no-repeat
}

a.welcomeLink:active, a.welcomeLink:visited  {
color: #006276;
text-decoration: none
}

a.welcomeLink:hover {
color: #006276;
text-decoration: none
}

#invisibleMotto {
display: none;
visibility: hidden
}

#welcomeBox {
width: 602px;
height: 104px;
background: url('images/welcome_box.gif') 0 0 no-repeat;
margin-bottom: 20px
}

a#welcomeLink1 {
width: 111px;
background-position: 0 0
}

a:hover#welcomeLink1 {
background-position: 0 -41px
}

a#welcomeLink2 {
width: 128px;
background-position: -113px 0
}

a:hover#welcomeLink2 {
background-position: -113px -41px
}

a#welcomeLink3 {
width: 127px;
background-position: -243px 0
}

a:hover#welcomeLink3 {
background-position: -243px -41px
}

a#welcomeLink4 {
width: 102px;
background-position: -372px 0
}

a:hover#welcomeLink4 {
background-position: -372px -41px
}

input, textarea {
padding: 3px;
border: 1px #ccc solid;
background: #fff;
color: #000;
font-family: monospace;
font-size: 10pt;
}

ul {
margin: 0;
padding: 0
}

li {
margin: 0;
padding: 0 0 5px 10px;
list-style: none;
background: url('images/bullet.gif') 0 7px no-repeat
}

ul.noList li {
padding: 0;
background: none;
}

#mainDiv {
min-height: 100%;
height: auto !important;
height: 100%;
height: auto;
width: 100%;
padding: 0;
margin: 0;
background: url('images/main_frame.gif') 50% 0 repeat-y
}

#sidePanel {
float: left;
clear: none
}

#mainPanel {
margin-right: 20px;
padding-bottom: 20px;
width: 602px;
float: left
}

#topBarContainer {
width: 100%;
height: 107px;
background: url('images/top_back.gif') 0 0 repeat-x;
margin: 0;
padding: 0
}

#topBarBounds {
position: relative
}

#logo {
position: absolute;
left: 21px;
top: 7px
}

#addBoxAnnot {
text-align: center;
font-size: 8pt;
}

#welcomeText {
font-size: 9pt;
position: absolute;
left: 21px;
top: 75px
}

#welcomeText a, #addBoxAnnot a {
color: #006276
}

#welcomeText a:hover, #addBoxAnnot a:hover {
color: #007e98
}

#searchContainer {
position: absolute;
left: 675px;
top: 71px;
}

#searchButtonContainer {
position: absolute;
left: 865px;
top: 71px;
width: 77px;
text-align: right
}

#helpContainer {
position: absolute;
left: 610px;
top: 30px;
width: 330px;
text-align: right;
font-size: 9pt
}

#centerDiv {
width: 100%;
text-align: left;
padding: 0
}

#divWrapper {
margin: 0 auto;
width: 959px;
height: 100%;
background-color: #fff
}

#keywords {
border: 1px #69a solid;
height: 18px;
width: 179px;
}

#content {
padding: 20px 0 0 20px;
clear: both
}

div.formButton {
text-align: center;
padding: 10px 0 0 0
}

.recommendTopFrame {
height: 11px;
line-height: 0px;
overflow: hidden;
font-size: 1px;
width: 299px;
margin-bottom: -3px; 
background: url('images/box_top.gif') no-repeat
}

.recommendBottomFrame {
height: 11px;
line-height: 0px;
overflow: hidden;
font-size: 1px;
width: 299px;
margin-top: -5px;
background: url('images/box_bottom.gif') no-repeat
}

#cartBriefContainer {
border-left: 1px #9cc7d2 solid;
border-right: 1px #9cc7d2 solid;
width: 297px
}

#cartBriefTopFrame {
font-size: 10pt;
height: 39px;
text-align: center;
font-weight: bold;
line-height: 38px;
background-image: url('images/cart_brief_top.jpg')
}

#cartBriefBottomFrame {
height: 10px;
background-image: url('images/cart_brief_bottom.gif')
}

#cartBriefInside {
padding: 0 13px 0 13px;
text-align: center
}

#addBoxContainer {
height: 119px;
width: 299px;
background: url('images/add_box_back.jpg') no-repeat;
color: #000
}

#orderComplete {
font-size: 9pt;
font-weight: bold;
padding-bottom: 5px
}

#cartTotalBottom {
width: 100%;
text-align: right;
padding-top: 9px;
font-size: 12pt;
font-weight: bold
}

#loginContainer {
width: 100%;
text-align: center
}

#bottomBanner {
padding: 15px 17px 12px 17px
}

#welcome {
width: 602px;
height: 134px;
clear: both;
background: url('images/welcome_back.gif') no-repeat;
margin-bottom: 20px
}

#welcomeContent {
padding: 18px 0 0 18px
}

#exclamation {
font-size: 36pt;
font-weight: bold
}

#registerErrorTop {
line-height: 0px;
overflow: hidden;
font-size: 1px;
border: 0;
padding: 0;
margin-top: 0;
margin-bottom: 0;
height: 10px
}

#registerErrorBottom {
line-height: 0px;
overflow: hidden;
font-size: 1px;
border: 0;
padding: 0;
margin-top: 0;
margin-bottom: 0;
height: 10px
}

#registerError {
padding: 0 12px 0 6px;
margin: 0 auto;
text-align: left
}

#errorContainer #registerErrorTop {
background: url('images/error_top_frame.gif') 0 0 no-repeat
}

#errorContainer #registerErrorBottom {
background: url('images/error_bottom_frame.gif') 0 0 no-repeat
}

#errorContainer #registerError {
background: url('images/error_main_frame.gif') 0 0 repeat-y;
color: #eb6a0a
}

#confirmContainer #registerErrorTop {
background: url('images/ok_top_frame.gif') 0 0 no-repeat
}

#confirmContainer #registerErrorBottom {
background: url('images/ok_bottom_frame.gif') 0 0 no-repeat
}

#confirmContainer #registerError {
background: url('images/ok_main_frame.gif') 0 0 repeat-y;
color: #4fad00
}

#gotoTop {
width: 100%;
text-align: right;
font-size: 9pt;
padding: 2px 1px 0 0
}

#pageEnd {
clear: both;
margin-right: 19px
}

#bottomContent {
padding-bottom: 18px;
font-size: 8pt;
text-align: center;
line-height: 200%
}

#orderHelpStep1 {
background-image: url('images/step1.gif')
}

#orderHelpStep2 {
background-image: url('images/step2.gif')
}

#orderHelpStep3 {
background-image: url('images/step3.gif')
}

#orderHelpStep4 {
background-image: url('images/step4.gif')
}

#orderHelpStep5 {
background-image: url('images/step5.gif')
}

.gui-btn, .gui-btn span, .gui-btn-imp, .gui-btn-imp span, .gui-btn-sml, .gui-btn-sml span, .gui-btn-imp-sml, .gui-btn-imp-sml span {
background-image: url('images/buttons.gif')
}

.gui-btn {
background-position: 100% 0
}

.gui-btn span {
background-position: 0 -52px
}

.gui-btn-sml {
background-position: 100% -100px
}

.gui-btn-sml span {
background-position: 0 -152px
}

.gui-btn-imp-sml {
background-position: 100% -300px
}

.gui-btn-imp-sml span {
background-position: 0 -352px
}

.gui-btn-imp {
background-position: 100% -200px
}

.gui-btn-imp span {
background-position: 0 -252px
}

.gui-btn span span, .gui-btn a, .gui-btn-sml span span, .gui-btn-sml a {
color: #404040
}

.gui-btn-imp span span, .gui-btn-imp a {
color: #fff;
font-weight: bold
}

.gui-btn-imp-sml span span, .gui-btn-imp-sml a {
color: #fff
}

.gui-btn, .gui-btn-imp {
padding: 0 8px 0 0;
font-size: 10pt
}

.gui-btn-imp-sml, .gui-btn-sml {
padding: 0 8px 0 0;
font-size: 8pt
}

.gui-btn, .gui-btn-imp, .gui-btn-imp-sml, .gui-btn-sml {
margin: 0 0;
vertical-align: middle;
background-repeat: no-repeat;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline
}

.gui-btn span, .gui-btn-imp span {
height: 26px
}

.gui-btn-imp-sml span, .gui-btn-sml span {
height: 21px
}

.gui-btn span, .gui-btn-imp span, .gui-btn-imp-sml span, .gui-btn-sml span {
text-align: center;
vertical-align: baseline;
background-repeat: no-repeat;
position: relative;
white-space: nowrap;
display: block;
overflow: hidden;
zoom: 1; 
_display: inline 
}

.gui-btn span span, .gui-btn a, .gui-btn-imp span span, .gui-btn-imp a {
padding: 12.5px 8px 11px 16px
}

.gui-btn-imp-sml span span, .gui-btn-imp-sml a, .gui-btn-sml span span, .gui-btn-sml a {
padding: 9px 7px 9px 16px
}

.gui-btn span span, .gui-btn a, .gui-btn-imp span span, .gui-btn-imp a, .gui-btn-imp-sml span span, .gui-btn-imp-sml a, .gui-btn-sml span span, .gui-btn-sml a {
outline: none;
display: block;
text-decoration: none;
zoom: normal;
height: auto;
font-size: 100%;
line-height: 1px;
text-decoration: none
}

.gui-btn a:hover, .gui-btn-imp a:hover, .gui-btn-imp-sml a:hover, .gui-btn-sml a:hover, .gui-btn a:visited, .gui-btn-imp a:visited, .gui-btn-imp-sml a:visited, .gui-btn-sml a:visited, .gui-btn a:active, .gui-btn-imp a:active, .gui-btn-imp-sml a:active, .gui-btn-sml a:active {
text-decoration: none
}

.gui-btn-imp a:hover, .gui-btn-imp-sml a:hover, .gui-btn-imp a:visited, .gui-btn-imp-sml a:visited, .gui-btn-imp a:active, .gui-btn-imp-sml a:active {
color: #fff
}

.gui-btn a:hover, .gui-btn a:visited, .gui-btn a:active, .gui-btn-sml a:hover, .gui-btn-sml a:visited, .gui-btn-sml a:active  {
color: #444
}

.gui-btn input, .gui-btn-imp input, .gui-btn-imp-sml input, .gui-btn-sml input {
position: absolute;
top: 0;
width: 1000px;
height: 1000px;
font-size: 100px;
padding: 100px;
background: blue;
left: 8px;
top: -100px;
cursor: pointer;
filter: alpha(opacity=0);
opacity: 0
}

#addLinkContainer {
background: url('images/buttons.gif') 0 -452px no-repeat
}

.payList {
background-position: 0 10px
}

.orderHelpList {
background-position: 0 5px;
padding: 0 0 5px 55px
}

.catalogSubHead {
font-weight: bold;
color: #eb6a0a
}

.catalogRow {
padding-top: 3px;
margin-bottom: 3px
}

.indent {
padding-left: 10px
}

.pageBounds {
margin: 0 auto;
width: 960px
}

.topNaviBarLine {
margin: 2px 0 19px 0
}

.miniHeader {
font-weight: bold
}

.columnBody {
width: 297px;
border-left: 1px solid #d4d1c5;
border-right: 1px solid #d4d1c5
}

.qtyLabel {
font-size: 11pt;
font-weight: bold
}

.columnContentContainer {
padding: 5px 14px 3px 14px
}

.columnContent {
width: 269px;
font-size: 10pt
}

.columnContainer {
margin-bottom: 20px
}

.microRow {
float: left;
width: 197px;
height: 220px;
margin: 0 3px 0 0;
}

.midiRow {
float: left;
width: 602px;
margin: 0 3px 17px 0;
}

.qty {
height: 18px;
width: 36px;
text-align: center
}

.qtyParent {
margin-left: 8px
}

.code {
height: 18px;
width: 55px;
text-align: center
}

.center {
text-align: center
}

.tinyText {
font-size: 8pt
}

.titleSearch {
font-size: 11pt
}

.priceSearch {
color: #eb6a0a
}

.cartTotalTop {
font-size: 9pt;
font-weight: bold
}

.addCartSearch {
padding-top: 4px
}

.searchTableHeader {
font-size: 8pt;
line-height: 19px;
height: 21px;
background: url('images/table_header_back.gif') repeat-x
}

.sorting {
font-size: 10px;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif
}

.cartTableHeader {
height: 20px;
line-height: 18px;
font-size: 8pt;
background: url('images/table_header_back.gif') repeat-x
}

.paginationBar {
padding: 0px 0px 0px 0px;
font-size: 8pt;
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif
}

.paginationCurrent {
padding: 1px 6px 1px 6px
}

.inputBox, .inputBoxInactive {
height: 18px;
width: 226px;
}

.inputBoxInactive {
color: #999;
}

.inputBoxWide {
height: 18px;
width: 292px;
}

.remarksBox {
height: 133px;
width: 226px;
}

.reviewBox {
height: 231px;
width: 292px;
}

.strikeout {
text-decoration: line-through
}

#header {
position: absolute;
left: 231px;
top: 0;
height: 62px;
width: 400px;
vertical-align: bottom;
font-size: 8pt;
}
 
#header ul {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
bottom: 0;
text-align: center
}
 
#header li {
float: left;
background: url('images/norm_left.gif') no-repeat left top;
margin: 0;
padding: 0 0 0 9px;
line-height: 14px;
text-align: center;
border-bottom: 1px solid #6fcbdf
}
 
#header a {
float: left;
display: block;
background: url('images/norm_right.gif') no-repeat right top;
padding: 6px 15px 3px 6px;
text-decoration: none;
text-align: center;
color: #5f5a4f
}

/* Commented Backslash Hack
 hides rule from IE5-Mac \*/
#header a {float:none}
/* End IE5-Mac hack */

#header a:hover {
color: #928a7a;
text-decoration: underline
}

#header #current {
background-image: url('images/norm_left_on.gif');
border-width: 0
}

#header #current a {
font-weight: bold;
background-image: url('images/norm_right_on.gif');
color: #eb6a0a;
padding-bottom: 4px;
text-decoration: none
}

.rating_bar {
padding: 0 !important;
margin: 0 !important;
width: 80px;
background: url('images/rating_star_off.gif') 0 0 repeat-x
}

.rating_bar div {
padding: 0 !important;
margin: 0 !important;
width: 100%;
height: 16px;
background: url('images/rating_star_on.gif') 0 0 repeat-x
}

.ratingblock {
display: block;
}

.unit-rating {
list-style: none;
margin: 0px;
padding: 0px;
height: 16px;
position: relative;
background: url('images/rating_star_off.gif') 0 0 repeat-x	
}

.unit-rating li{
text-indent: -90000px;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}

.unit-rating li a {
outline: none;
display: block;
width: 16px;
height: 16px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px
}

.unit-rating li a:hover{
background: url('images/rating_star_on.gif') 0 0 repeat-x;
z-index: 2;
left: 0px
}

.unit-rating a.r1-unit { left: 0px }
.unit-rating a.r1-unit:hover { width: 16px }
.unit-rating a.r2-unit { left: 16px }
.unit-rating a.r2-unit:hover { width: 32px }
.unit-rating a.r3-unit { left: 32px }
.unit-rating a.r3-unit:hover { width: 48px }
.unit-rating a.r4-unit { left: 48px }	
.unit-rating a.r4-unit:hover { width: 64px }
.unit-rating a.r5-unit { left: 64px }
.unit-rating a.r5-unit:hover { width: 80px }

.unit-rating li.current-rating {
background: url('images/rating_star_sel.gif') 0 0 repeat-x;
position: absolute;
height: 16px;
display: block;
text-indent: -9000px;
z-index: 1
}

.presale {
color: #009cbc;
font-weight: bold
}