/*
 * do testów
 */

div.devel:before {
   content: attr(id);
}

div.devel {
   border: solid 1px black;
} 

/*
 * podstawowe style
 */

body {
   margin: 0px;
   height: 100%;
   background-image: url(../img/bgrnd-left.gif); 
   background-repeat: repeat-y;
}


body, table, td, th, input, select, textarea, p, li, td, a, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


p, li {
	line-height: 16px;
}

h1, h2, h3, h4 {
	font-weight: bold;
}

h2 {
   margin: 0px;
   font-size: 12pt;
   color: #666666;
}

h3 {
   font-size: 10pt;
   color: #727169;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

h4 {
   font-size: 10pt;
   margin: 0px;
   padding: 0px 0px 0px 0px;
}

a {
   text-decoration: none;
   color: #d40000;
}

a:hover {
   text-decoration: underline;
}

a.goto_home {
   position: absolute;
   top: 82px;
   left: 13%;
   color: #000000;
   font-size: 7pt;
}

a.goto_home img {
   float: left;
   margin-right: 5px;
   border: none;
}

a.goto_home:hover {
   color: #404040;
   text-decoration: none;
}

a.goto_more {
   color: #000000;
}

a.goto_more:hover {
   color: #404040;
   text-decoration: none;
}

.accesskey {
   text-decoration: underline;
}

/*
 * podstawowy lejaout
 */

#box_top {
   background-image: url(../img/bgrnd-top.gif);
   background-repeat: repeat-x;
   width: 100%;
   height: 57px;
   text-align: center;
}

#box_topleft {
   position: absolute;
   display: block;
   background-image: url(../img/topleft.gif);
   background-repeat: none;
   top: 57px;
   left: 0px;
   width: 170px;
   height: 80px;
}

#box_topleft label {
	font-size: 8pt;
}
#box_topleft form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#small_search {
	padding: 4px 0px 0px 8px;
}

#small_search a {
	background: url(../img/arrow.gif) 2px 5px no-repeat;
   font-size: 8pt;
   color: #666666;
/*   border-bottom: solid 1px #666666;
*/   padding-left: 10px;
	padding-top: 2px;
   font-family: sans-serif;
   font-weight: bold;
}
#small_search a:hover {
	background: url(../img/arrow_hi.gif) 2px 5px no-repeat;
	color: #b00000;

}

#box_left {
   position: absolute;
   top: 111px;
   left: 0px;
   width: 170px;
   height: 100%;
}

#box_reload  {
   background-image: url(../img/topreload.gif);
   background-repeat: repeat-x;
   padding-top: 20px;
   padding-left: 190px;
}


.rightmargin {
	margin-right: 170px;
}

#box_right {
	position: absolute;
	top: 57px;
	background-image: url(../img/topreload.gif);
	background-repeat: repeat-x;
	width: 170px;
	right: 0px;
	left: expression(document.body.clientWidth - 170); /* problem z IE */
}

.right_box {
	padding: 20px 8px 0px 0px;
}

.right_box_content {
	background-color: #EEEEEE;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding: 2px 2px 2px 2px;
}

/*
 * góra
 */

#logo {
   position: absolute;
   top: 11px;
   left: 8px;
   border: none;
}

#box_top h2 {
   position: absolute;
   top: 11px;
   right: 20px;
   left: 300px;
   text-transform: uppercase;
   font-weight: bold;
   color: #909090;
   font-size: 11pt;
}

/*
 * menu z lewej
 */

ul.menu {
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

ul.menu li {
	display: block;
	margin-top: 6px;
}

ul.menu li a {
   background: url(../img/arrow.gif) 15px 5px no-repeat;
   font-size: 11pt;
   color: #666666;
   border-bottom: solid 1px #666666;
   padding-left: 25px;
   font-family: sans-serif;
   font-weight: bold;
}

ul.menu li a:hover {
   background: url(../img/arrow_hi.gif) 15px 5px no-repeat;
   text-decoration: none;
   color: #B00000;
   border-bottom: solid 1px #b00000;
}



/*
 * pasek pod głównym menu
 * dwie wersje: na główną i pozostałe strony
 */

/*
 * panel górny (z tekstem)
 */


/*
 * część główna
 */



.left_box h3 {
   visibility: hidden;
   line-height: 1px;
   height: 1px;
}

.product_preview {
   border-bottom: solid 1px #CCCCCC;
   background: #FFFFFF;
   display: block;
   width: 98%;
   padding: 2px 2px 2px 2px;
}

.product_preview_content {
	padding: 0px 0px 0px 0px;
}

.product_preview_content img {
   float: right;
}

.left_box h4, .right_box h4 {
   color: #b00000;
   text-align: center;
   font-size: 8pt;
   text-transform:uppercase;
   border-bottom: solid 1px #b00000;
}

.left_box_content {
}

.news_preview {
   border: solid 1px #d2d2cf;
   border-top: none;
   background-color: #ffffff;
   margin-bottom: 7px;
   float: left;
   width: 170px;
   min-height: 90px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 10px;
}

.news_story {
   padding: 10px;
}

.news_preview h4 {
   font-size: 8pt;
   border-top: solid 1px #b00000;
   padding: 2px 5px 0px 5px;
}

.news_preview_content {
   margin: 0px;
   font-size: 8pt;
   padding: 0px 5px 2px 5px;
}

.news_preview_content a {
	font-size: 8pt;
}

.news_preview_content a:hover {
}

.news_short {
   font-style: normal;
   margin-right: 10px;
   margin-bottom: 10px;
}

.news_long {
   margin-right: 10px;
}

.left_box_content form {
   margin: 4px 2px 4px 2px;
   padding: 0px;
}

/*
 * lista kategorii z boku
 */
 
 a.parent, a.child {
   color: #666666;
}

a.parent {
   font-weight: bold;
   font-size: 8pt;
}

ul.parent, ul.child {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}

ul.parent li, ul.child li {
   margin-bottom: 2px;
   padding-left: 2px;
}

ul.child li {
   display: inline;
   padding-right: 5px;
}

/*
 * koszyk z boku
 */
 
.small_table {
   width: 100%;
}

#small_cart {
   cursor: pointer;
   cursor: hand;
}

/*
 * opis produktu
 */
 
.product_details, .big_box {
}

.big_box_content {
   padding: 10px;
}

div#thumbnail {
	display: block;
	width: 100px;
	float: left;
	text-align: center;
	align: center;
}

img.thumbnail {
	border: none;
	}

#thumbnail br {
   clear: both;
}

#thumbnail a {
	font-size: 7pt;
}

#thumbnail a:hover {
   text-decoration: none;
}

.product_details h3, .product_preview h4 {
   padding-top: 2px;
   font-size: 11pt;
   color: #b00000;
   padding-left: 0px;
}

.product_preview h4 {
   font-size: 11pt;
   border-bottom: none;
}

.price {
}

.pricetxt {
   color: #999999;
   font-size: 9pt;
}
.price.value {
   color: #B00000;
   font-size: 11pt;
   font-weight: bold;
}

span.invalid {
   text-decoration: line-through;
   font-weight: normal;
}

.vendor_code {
   font-weight: bold;
}

/*
 * zakładki w opisie produktu
 */

div.tabbed_window {
/*   background-color: #ebeae2;
   background-image: url(../img/bgrnd-tab.png);
   background-repeat: repeat-x;*/
   padding: 6px;
}

div.tabbed_content {
   background-color: #ffffff;
   margin-top: 3px;
   border: solid 1px #c0c0c0;
   padding: 3px 15px 3px 15px;
}

ul.tab_list {
   margin: 0px 0px 0px 5px;
   padding: 0px;
   display: inline;
}

ul.tab_list li {
   margin: 2px 0px 2px 0px;
   padding: 3px 0px 0px 0px;
   display: inline;
}

ul.tab_list li.tab_active {
}

ul.tab_list li span {
   background-color: #ffffff;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   background-image: url(../img/tab-inactive.png);
   border-top: solid 3px #c0c0c0;
   background-repeat: repeat-x;
}

ul.tab_list li.tab_active span {
   border-top: solid 3px #b00000;
   background-image: url(../img/tab-inactive.png);
}


ul.tab_list li span a {
   font-weight: bold;
   color: #000000;
   padding: 0px 6px 3px 6px;
   margin: 0px 0px 0px 0px;
   border-bottom: solid 1px #c0c0c0;
   border-left: solid 1px #c0c0c0;
   border-right: solid 1px #c0c0c0;
}

ul.tab_list li.tab_active span a {
   color: #b00000;
   border-bottom: solid 1px #FFFFFF;
}


/*
 * tabelka w środku strony
 */

div.full_width {
   width: 100% !important;
   width: expression(document.body.clientWidth - 170); 
}

table.category_browser {
   margin: 0px;
   width: 100%;
   padding: 0px;
}

table.category_browser tr td {
   text-align: center;
   color: black;
   height: 140px;
   vertical-align: bottom;
}

table.category_browser tr td img {
   border: none;
}

table.category_browser tr td a {
   display: block;
   color: black;
}

.category_name {
   height: 40px;
}


/*
 * nawigacja stronami w dziale
 */
 
.page_navigation {
   margin-bottom: 10px;
}
 
.page_navigation_content {
   text-align: center;
}

/*
 * stopka
 */


#box_footer {
	color:#999999;
	font-size: xx-small;
	text-align:center;
}


/*
 * komunikaty
 */

#messages {
   font-size: 9pt;
   font-weight: bold;
   margin: 10px 10px 10px 10px;
   padding: 0px;
}

#messages .info {
   color:#33CC00;
   border: 1px dotted;
   border-color: #66FF00;
   background-color: #DDFFDD;
   margin-bottom: 3px;
   padding: 5px;
}

#messages .warn {
   border: 1px dotted #c0c000;
   background-color: #FFFFDD;
   margin-bottom: 3px;
   padding: 5px;
}

#messages .crit {
   border: 1px dotted #FF0000;
   background-color: #FFDDDD;
   margin-bottom: 3px;
   padding: 5px;
}

.float {
   padding: 0px;
   display: block;
/*   border: solid 1px red;*/
   width: 120px;
   position: absolute;
   top: 100px;
/*    visibility: hidden; */
}


/*
 * formularze
 */
 
input, select, textarea {
   font-size: 9pt;
   font-family: Arial, Helvetica, sans-serif;
   padding: 0px;
   margin: 1px;
}

label.invalid {
   color: #F00;
   font-weight: bold;
}

.liquid {
   background-image: url(../img/bgrnd-form.png);
   background-repeat: repeat-x;
   border-style: solid;
   border-width: 1px;
   border-bottom-color: #dddddd;
   border-left-color: #c3c3c3;
   border-right-color: #c3c3c3;
   border-top-color: #7c7c7c;
   padding: 0px 2px 0px 2px;
/*   min-height: 14pt;
   height: 14pt;*/
/*   line-height: 150%;*/
/*   display: block; 
   float: left;*/
}

#butok {
   position: relative;
   top: 5px;
   left: 0px;
}

.numeric {
   text-align: right;
}
 
form.page_form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
   display: block;  
   width: 500px;
}
 
.page_form label {
   /*float: left;
   width: 150px; */
   font-weight: bold;
   padding-left: 2px;
}

.labelled_input {
   float: left;
   position: relative;
   text-align: left;
   margin: 0px 10px 10px 0px;
   width: 220px;
}

.page_form .labelled_input.longer {
   width: 290px;
}

.page_form .labelled_input.shorter {
   width: 150px;
}

.page_form .labelled_input.auto {
   width: auto;
}

.page_form .labelled_input label {
  display: block;
 /*   text-align: left;*/
}

.page_form h4 {
   margin-bottom: 10px;
}

textarea {
   height: auto;
}

.page_form select option[selected] {
    background-color: #F00;
    color: white;
}

.page_form h4 {
	border-bottom: solid 1px #CCCCCC;
	padding-top: 0px; 
}

.page_form table {
	border: none;
	padding: 0px 0px 0px 10px;
}

.page_form #req {
	color: #FF0000;
}

.page_form #reqor {
	color: #666666;
}

form.page_form br {
   clear: both;
   line-height: 6px;
}

.promo {
   float: left;
   width: 170px;
   padding-bottom: 20px;
   padding-top: 10px;
}

.promo img {
   margin-bottom: 5px;
}