/* Og?lne /////////////////////////////////////////////////////////////////////////////////// */
* { margin: 0; padding: 0; }
body { 
	color: #000; 
	font-family:  tahoma, verdana, arial, helvetica; 
	margin: 15px 0; 
	padding: 0; 
	font-size: 11px; 
	background: #dddccd url(../gfx/bg.gif) left top repeat-x;
} 
#popup { background-image: none;  text-align: justify; }

p { 
	line-height: 1.7em; 
	margin: 0; 
	padding: 5px 12px 10px 12px; 
	font-size: 11px;
	line-height: 16px;
}

h1 { 	
	color: #1e4f6d; 
	font-size: 12px; 
	margin: 0;
	padding: 20px 12px 10px 12px;
	line-height: 19px;
}
h2 { 	
	color: #000; 
	font-size: 13px; 
	margin: 0;
	padding: 5px 12px 2px 12px;
	line-height: 16px;
}
h2.redbold {
	color: red;
	font-weight: bold;
}
h1.redbold {
	color: red;
	font-weight: bold;
}
h3 { 	
	color: #525252; 
	font-size: 12px; 
	margin: 20px 0 2px 12px;
	padding: 0;
}

a {
	color:	#707070;
	text-decoration:	none;
	font-weight: 		bold;
}
a:hover {
	color:#F30000;
}

/* Listy  ///////////////////////////////////////////////////////////////////////////////////  */
ul {
	margin:	5px 25px 10px 15px;
	padding: 0px;
	line-height: 15px;
}
li {
	margin: 0;
	padding: 0px 0px 10px 15px;
	background: url(../gfx/arrow.gif) 1px 5px no-repeat;
	list-style-type: none;	
}
#lay_1 li {
	background: url('../gfx/li1.gif') 0px 5px no-repeat;	
}
/* Formularze  /////////////////////////////////////////////////////////////////////////////////// */
form,input,textarea,select,label {
	font-size: 11px; margin: 0px; padding: 0px; font-family: verdana,arial; color: #000; vertical-align: middle;
}
textarea {
	border: 1px solid #C9C0BA;
	font-size: 10px;
	padding: 3px 4px;
	margin: 0;
	width: 190px;
}
tbody#clip_htmlbody textarea {
	width: 450px;
}
input.text {
	border: 1px solid #b8b8b8;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;	
	color: #000;
	font-size: 10px;
	padding: 1px 4px;
	margin: 0;
	width: 150px;
	background: url('../gfx/text.gif') 0 0 no-repeat;
	vertical-align:middle;
}

input.button {
	border: 1px solid #000;
	font-size: 9px;
	font-weight: bold;
	background-color: #f1d716;
	margin: 5px 0;
	padding: 1px 5px;
	color: #000;
	cursor: pointer;
}
label { font-size: 9px; }
a.button {
	padding: 2px 9px;
	margin: 10px 10px 5px 10px;
	display: block;
	float: left;
	background-color:	#f1d716; 	
	color: #000;
	border: 1px solid #000;

}
a.button:hover {
	text-decoration: none;
	color: #000;
}
/* Tabele info oraz formularze  /////////////////////////////////////////////////////////////////////////////////// */
.info {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin: 10px;
	border-collapse: collapse;	
}
.info td {
	padding: 4px 10px 4px 6px;
	font-size: 11px;
	border: 1px solid #CCC;	
	background-color: #FFF;
	vertical-align: top;
}
th.ralign {
	font-weight: normal;
}
.info a {
	font-weight: normal;
}
form td {
	text-align: left;
}
.buttons td,.buttons {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.info th,
form th {
	padding: 4px 10px;
	background-color: #e8e8e8;
	border: 1px solid #CCC;	
	text-align: left;
	vertical-align: top;
}
form td.first {
	font-weight: bold;
	background: #F0F0F0;
}
.line0 td {
	background: #F0F0F0;
}

/* format obrazkow  /////////////////////////////////////////////////////////////////////////////////// */
.fl { float: left }
.fr { float: right }
.l_img { 
	float: left;
	margin: 0 15px 10px 0;
}
.r_img { 
	float: right;
	margin: 0 0 10px 15px;
}
.c_img { 
	text-align: center;
	margin: 0 15px 10px 15px;
}
/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
.all {
	width: 930px;
	left: 50%;
	margin-left: -510px;
	position:absolute;
	clear: both;
}
#container { background-color: #FFF; border: 1px solid #cfceb7; 	padding: 7px 10px 20px 10px; width: 930px;}
#header { width: 930px; border-bottom:1px solid #9b9b9b; }
#logo {
	width: 276px;
	float: left;
	height: 54px;
}
#tabs {
	width: 474px;
	float: left;
}
/* nav_quick */
#nav_quick { float: right;  }
#nav_quick a {
	display: block;
	font-size: 9px;
	float: right;
	color: #396774;
	font-weight: normal;
	text-decoration: none;
	padding: 7px 0 8px 17px;
	margin-left: 15px;
}
#nav_quick a:hover {
	text-decoration: underline;
}
.home { 
	background: url(../gfx/home.gif) 0 6px no-repeat;
}
.print {  
	background: url(../gfx/print.gif) 0 6px  no-repeat;
}
.recommend { 
	background: url(../gfx/recommend.gif) 0 6px no-repeat;
}

.tabMenu { 
	font-size:93%; 
	line-height:normal; 
	vertical-align: bottom; 
	padding-top: 7px;
}
.tabMenu ul { 
	margin:0; 
	padding:0; 
	list-style:none;
	float:right;
}
.tabMenu li { 
	float:left; 
	margin:0; 
	padding:0; 
	background: url('../gfx/tab_r.gif') no-repeat right top; 
	margin-left: 2px;
}
.tabMenu li a { 
	display:block; 
	background:  url('../gfx/tab_l.gif') no-repeat left top; 
	padding: 2px 10px 3px 11px; 
	font-size: 9px; 
	font-weight: bold; 
	color: #FFF;
}
.tabMenu .gotobasket { 
	background: url('../gfx/tab2_r.gif') no-repeat right top; 
}
.tabMenu .gotobasket a { 
	background:  url('../gfx/tab2_l.gif') no-repeat left top; 
}
.tabMenu .gotobasket span { 
	vertical-align: middle;
	padding-left: 20px;
	background:  url('../gfx/basket.gif') no-repeat left top; 
}
.tabMenu a:hover {
	text-decoration: none;
	color: #f1d716;
}
.tabMenu li#add_comp a:hover { 
	color: #f1d716;
}
#search {
	background: url(../gfx/bg_local.gif) left top repeat-x;
	color: #2b4e54;
	font-weight: bold;
	font-size: 10px;
	height: 33px;
	line-height: 15px;
}
#search form {
	display: inline;
}
#search input.text {
	width: 130px;
	margin: 0 2px 0 5px;
}
#search select {
	font-size :9px;
	font-weight: bold;
	color: #000;
}
#search input.button {
	width: 68px;
	height: 18px;
	border: none;
	padding: 0;
	margin: 0;
	background: url(../gfx/szukaj.gif) left top no-repeat;

}
#loginPanel { float: right; margin: 4px 7px 0 0; }
#loginPanel input.text { width: 70px; margin: 0 2px 0 5px; }
#loginPanel input.button { width: 28px; height: 18px;	border: none; padding: 0; margin: 0; background: url(../gfx/ok.gif) left top no-repeat; }
#loginPanel p { font-size: 9px; padding: 3px 3px 0 0; font-weight: normal; }
#content {
	background: #FFF url(../gfx/bg_cont.gif) left top repeat-x;
} 

#localiser {
	background: url(../gfx/sh.gif) left top repeat-x;
	margin: 0;
	font-size: 9px;
	padding: 5px 15px 5px 15px;
}
#localiser a {
	color: #545454;
	font-weight: normal;
	background: url(../gfx/l_1.gif) top right no-repeat;
	padding: 0 5px 0 0;
}
#page {
	width: 750px;
	float: left;	
}
#main {
	width: 738px;

} 
.title { color: #FFF; background-color: #5eaabf; padding: 3px 10px 5px 10px; 	font-weight: bold; }

/*  MENU /////////////////////////////////////////////////////////////////////////////////// */
#menu {
	width: 180px;
	float: left;
	padding: 0;
}
#menu ul { 
	margin: 0 12px 0 0;
    padding:0;
	list-style-image: none;
}
#menu ul li {
    list-style:none;
	background: none;
	margin:0;
	padding: 0;	
}
#menu ul li select {
	width: 152px;
}
* html #menu ul li {
	height: 1px;
    vertical-align:bottom;
}
#menu ul li a {
	border-bottom: 1px solid #FFF;
    display:block;
	padding: 3px 8px 4px 8px;
	margin: 0;
	background-color: #8c8c8c;
	color: #FFF;
}
#menu ul li a:hover {
	background-color: #d4d4d4;
	text-decoration: none;
	color:#535353;
}
#menu ul li.selected a {
	background-color: #f1d716;
	text-decoration: none;
	color:#000;
	border-bottom: 1px solid #d7bd00;	
}
* html #menu ul li a {
	height: 0px;
}
#menu ul ul { 
	margin:	0;
	padding:0;
}
#menu ul ul li {
	list-style:none;
	margin:	0;
	padding:0;	
}
* html #menu ul ul li {
	height:1px;
	vertical-align:bottom;
}
#menu ul ul li a {
	background-color: #ebebeb;
    display:block;
    font-size: 11px;
	font-weight: normal;
    padding: 1px 0 4px 8px;
    text-decoration:none;
	color:#606060;

}
* html #menu ul ul li a {
	height:		1px;
}
#menu ul ul ul { 
	margin:	0;
	padding: 0;
}
#menu ul ul ul li {
	list-style:none;
}
* html #menu ul ul ul li {
	height:1px;
	vertical-align:bottom;
}
#menu ul ul ul li a {
	background-color: #FFF;
    display:block;
    font-size: 9px;
	font-weight: bold;
    padding: 2px 5px 3px 13px;
    text-decoration:none;
	color:#3a6872;
	border-bottom: 1px solid #ebebeb;
}
* html #menu ul ul ul li a {
	height:		1px;
}

/* 4 poziom */
#menu ul ul ul ul { 
	margin:	0;
	padding: 0;
}
#menu ul ul ul ul li {
	list-style:none;
}
* html #menu ul ul ul ul li {
	height:1px;
	vertical-align:bottom;
}
#menu ul ul ul ul li a {
	background-color: #FFF;
	border-bottom: 1px solid #ebebeb;
    display:block;
    font-size: 9px;
	font-weight: normal;
    padding: 1px 5px 2px 23px;
    text-decoration:none;
	color:#3a6872;
}
* html #menu ul ul ul ul li a {
	height:		1px;
}



/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer { padding: 10px 0 10px 10px; background: url(../gfx/przelewy24.gif) 640px 10px no-repeat; }
#footer p { float: left; width: 40%; padding: 0; }
#footer p#copy { float: none;  padding:10px 0 0 0; font-size: 9px; width: 100%; color: #85836c;}

 
/*FORMATOWANIE STRONY GLOWNEJ */
#l_col { float: left; width: 768px; dispaly: block; }
#mainPage #l_col { width: 560px; }
#r_col { float: right; margin-left: 10px; width: 176px; }

.normal_mod { border: 1px solid #5eaabf; background: #fffffe url(../gfx/bg_2.gif) 0 21px repeat-x; margin-bottom: 10px; width: 100%; }
.normal_mod .title { background-color: #5eaabf; }
.normal_mod ul.news { margin: 5px 15px 3px 10px; }
.normal_mod .news li { background: url(../gfx/art.gif) 0 4px no-repeat; padding: 1px 0 1px 18px; list-style-type: none;}
.normal_mod .news a { color: #000; font-weight: normal; padding: 1px 0 6px 0; background: url(../gfx/dotted.gif) left bottom repeat-x; display: block; clear: both; }
.more { padding: 0 15px 5px 0; text-align: right;}
.more a { padding: 0 0 0 15px; background: url(../gfx/more.gif) 0 3px no-repeat; font-weight: bold; display: inline; font-size: 9px; }
.more { padding: 0 15px 5px 0; text-align: right;}
.more a {font-weight: bold; display: inline; font-size: 9px; }

.dark_mod { border: 1px solid #2b4e54; background: #fffffe url(../gfx/bg_2.gif) 0 21px repeat-x; margin-bottom: 10px; width: 100%;  }
#mainPage .dark_mod { border: none; background-image: none ;  }
.dark_mod .title { background-color: #2b4e54;  }

.product { float: left; width: 23%; margin: 8px 0 8px 10px;  border-top: 1px dotted #396774; display: inline; padding-top: 10px;   }
#mainPage .product { width: 30%; }
#r_col .product { width: 100%; margin-left: 0; }
.details { width: 96%; }
.image { float: left; }
.image img { border: 1px solid #2b4e54; }
.description { float: left; margin-left: 0px; display: inline; }
.images .fr {  }
.image2 { float: left; }
.image2 img { }

/*
#r_col .image { float: left; margin-right: 10px; clear: all; }
#r_col .description { float:left; margin-left: 10px; }
*/
.product h1 { text-align: left; padding: 0 0 5px 0; margin: 0;height: 1cm;}
.product h1 a {font-size: 11px;}
.product p { padding: 5px 0 10px 0; }
.product .more { text-align: left; padding-bottom: 0; }
.product .more a { color: #000; }
.price { line-height: 15px; font-size: 11px;  }
.price span { color: #000; background-color: #f7e13b; padding: 2px 4px 3px 4px; }
.price span.brutto { background-color: transparent; padding-left: 0; color: #777; font-weight: normal; } 

.price2 { line-height: 9px; font-size: 11px;}
.price2 span { color: #000; background-color: #f7e13b; padding: 2px 2px 3px 2px; font-weight: bold;}
.price2 span.brutto2 { background-color: transparent; padding-left: 0; padding-bottom: 0.5cm; color: #FF0000; font-weight: bold; font-size: 11px;}

.details .image {  width: 218px;  }
.details .image a.linked { float: left; display: block; padding: 5px 5px 0 0px; text-align: center; font-size: 9px; }
.details .image a.linked span { display: block;   }
.details .image .fr { float: none; }
.details .description { width: 470px; }
.details h1, .details h1 a { font-size: 18px;  padding: 0; }
.details .small { padding: 0; color:#4d6a6f; font-size:12px; }

p.addToBasket { padding: 20px 0 10px 0; }
.addToBasket a { background: url(../gfx/addtobasket.gif) left center no-repeat; padding: 10px 0 10px 40px;	font-weight: bold; font-size: 11px; }
input.num { width: 20px; padding: 0 3px; font-size: 11px; margin: 0 6px 0 0; text-align: center; font-weight: normal; }


/*Ogolne  ///////////////////////////////////////////////////////////////////////////////////  */
table { font-size: 11px; }
.clearing { clear: both; line-height: 1%; height: 1%; font-size: 1%; }
a img { border: none; }

/* DODANE DO STARYCH STYLI --------------------------------------------------------------------------------------------------------------------- */
.adv { margin-top: 6px; display:block; float: left; padding: 0 10px 0 10px; background: url(../gfx/adv.gif) right center no-repeat; color: #000; font-weight: normal; line-height: 15px; }
#sea { height: 34px; padding: 0 25px 0 7px; float: left; background:  url(../gfx/sep.gif) right center no-repeat; }
#sea form { padding-top: 4px; display:block; float: left;}
.see_also { background: url(../gfx/producent.gif) 0 0 no-repeat; margin-top: 10px; height: 52px; padding: 6px 0 0 8px; }
.see_also label { font-size: 11px; color: #FFF; font-weight: bold; display: block; margin-bottom: 3px; }
.see_also  select { width: 150px; }

.profile { background-color: #FFF; color: #000; margin-left: 10px; font-weight: normal; padding: 3px 5px; }

/*PAGINACJA SORTOWANIE  //////////////////////////////////////////////////// */
.nav {
	height: 30px;
	margin: 0 10px;
	padding: 10px 0 0 0;
	font-size: 9px;
	text-align: center;
}
.nav a { color: #2b4e54; font-weight: normal; }
.nav_dol {
	height: 25px;
	margin-bottom: 5px;
	font-size: 9px;
	text-align: center;
}
.nav_dol a { color: #2b4e54; font-weight: normal; }
/*.num_navi { float: left; }*/
.num_navi { padding: 0px 20px 20px 0; margin: 0; }
.num_navi { background-image: none; }
.prev {
	background: url(../gfx/loc2.gif) left center no-repeat;
	padding-left: 8px;
}
.next {
	background: url(../gfx/loc.gif) right center no-repeat;
	padding-right: 8px;
}
.numbers {
	padding: 0 10px;
}
.numbers a {
	padding: 2px 5px; 
}
.numbers span.last a {
	background-image: none;
}
.numbers span.sel a {
	background-color: #2b4e54;
	color: #FFF;
}

.sort {
	margin: 5px;
	float: left;
}
.sort form {
	display: inline;
	vertical-align:middle;
	float: left;	
}
.sort label {
	padding: 10px 15px;
	float: left;
	display: block;
}
.sort select { display: inline; margin: 8px 0 0 0; padding: 0; font-size: 9px; }
.sort a {padding: 5px 0 0 12px ; display: block; float: left; margin: 5px 0 0 10px;}
a.up, a.down { background: url(../gfx/up_down.gif) 0 0 no-repeat;	}
a.down { background: url(../gfx/up_down.gif) 0 -100px no-repeat; }
.filter { clear: left; float: left; margin: 8px 0 0 0; width: 50%;  }
.filter select { font-size: 9px; vertical-align: middle; }
.filter label { font-weight: bold; }
/*KOMPLETOWANIE //////////////////////////////////////////////////////////////////////////////////// */
.complete_row { margin: 0 10px 10px 10px ; }
.complete_row h2 { padding: 0 0 10px 0; }
.complete_row img {  margin: 0; }
.complete_row div {	float: left;  text-align: center; margin-right: 15px;}
.complete_row h1 { padding: 6px 4px; }
.complete_row h1 a { font-size: 9px; line-height: 12px; padding: 0; }

/* TABELA - KOSZYK /////////////////////////////////////////////////////////////////////////////////////////////////// */

.basket td {
	font-size: 10px;
	border: 1px solid #8c8c8c;
	padding: 4px 5px 3px 5px;
}
table .head td {
	color: #FFF;
	background-color: #8c8c8c;
	padding: 5px 3px;
	font-weight: bold;
}
table .head a {
	color: #000;
}

.basket .num input {
	width: 40px;
	margin: 0 2px;
	padding: 0 3px 0 1px;
	font-size: 10px;
	text-align: right;
}
td.num img { vertical-align: middle; border: none; }
.money {
	background-color: #e5e5e5;
}
td.money_sum {
	background-color: #f2d81b;
	font-weight: bold;
}

/* PROFIL UZYTKOWNIKA */
.orders td,
.orders th {
	padding: 6px;
	font-size: 9px;
	text-align: left;
}
.orders {
	font-size: 9px;
	margin: 10px;
	border-collapse: collapse;	
}
.info .info {
	margin: 0;
	width: auto;
}	
.orders p {
	font-size: 9px;
}
.orders h5 {
	color: #8bd618; 
	font-size: 12px; 
	margin: 0 0 3px 0; 
}


/* INSANE ////////////////////////////////////////////////////////////////////////// */

/* start for JS:changeElementVisibility(elementName) */
.hide {
	display: none;
}

tbody.show {
	display: table-header-group;
}

/* tbody version for IE */
tbody.ieshow {
	display: block;
}

span.shortPrice input {
	width: 40px;
	margin-right: 18px;
}

table.advSearch {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #f5d6c8;
	font-size: 11px;
}

table.advSearch tr.buttons {
	text-align: center;
}

table.advSearch th {
	padding: 6px 30px 6px 20px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #f5d6c8;
	background-color: #fff2ec;	
}

table.advSearch td {
	padding: 6px 20px;
	border: 1px solid #f5d6c8;	
}

table.advSearch td table.checkboxes {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;

}

table.advSearch td table.checkboxes td {
	padding: 2px 8px 2px 0;
}

table.advSearch td table.checkboxes td.ch {
	vertical-align: middle;	
}

table.advSearch td table.checkboxes td.split {
	padding-left: 40px;
}

.staticInfo {
	padding: 40px 10px;
	text-align: center;	
}

.staticInfo p {
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;	
}

.stat {
	text-align: center;
}

.stat a img {
	border: 0px;
}

.small {
	font-size: 9px;
	font-weight: normal;
}

p#expressDelivery {
	margin: 4px 0 0 0;
	line-height: 10px;
	padding: 0px;
	font-size: 10px;
}

p#expressDelivery input {
	vertical-align: middle;
}

#expressDomesticDeliveries {
	display: none;
}

#foreignDeliveries {
	display: none;
}

#hiddenCart {
	z-index: 2;
	position: absolute;
	margin-left: 250px;
	margin-top: 22px;
}
.more_info {
	font-size: 9px;
	background-color: #396774;
	width: 224px;	
	border: 1px solid #2b4e54;
	border-collapse: collapse;
	color: #FFF;
}
.more_info th,.more_info td {
	text-align: left;
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #FFF;
}

.more_info a {
	font-weight: normal; color: #f3da20;
}	

/* insane */
.subitems { border-collapse: collapse; margin-top: 8px; width: 100%; }
.subitems th, .subitems td { border: 1px solid #ebebeb; padding: 3px 4px; }
.subitems th { background: #f1d716; }