@charset "utf-8";

/* CSS dziala z formatkami: www_tac, www_tac2, www_company, www_distributors, www_shops, www_contact, user_register, user_login */
.rich-panel {
	background-color: #e1effc;
	/* zmienia kolor tla dla calego panelu na kolor jasno niebieski */
	border: #428de3 solid 1px;
	/* zmienia kolor ramki calego panelu na kolor taki jak tlo header'a */
	color: #001a4f;
	/* zmienia kolor textu w panelu na bardzo ciemno granatowy, zeby nie byl czarny */
	width: 99%;
	text-align: left;
}

.rich-panel-header {
	background-color: #428de3;
	/* zmienia kolor wypelnienia header'a na niebieski */
	background-image: none;
	/* nie wiem dlaczego tak dziala, ale inaczej nie wyswietla sie inne tlo header'a */
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.rich-panel-body {
	font-size: 12px;
	padding: 0px;
}

#www_tac form,#www_tac2 form {
	text-align: center; /* ustawia linki do podstron posrodku */
}

#www_tac p,#www-tac2 p {
	padding-left: 10px;
	padding-right: 10px;
}

/* CSSy zmieniajace wyswietlanie Grida z mapą, gmap i dystrybutorami w zakladce www_distributors */
table.distributors { /* zmienia calego Grida */
	color: #001a4f;
	border: #428de3 solid 1px;
	width: 99%;
	margin-left: 2px;
	text-align: left;
}

table.distributors th { /* formatuje tytuł całego Grida */
	font-size: 12px;
	color: #FFFFFF;
	width: 100%;
	height: 20px;
	background-color: #428de3;
}

table.distributors td {
	vertical-align: top;
	overflow: hidden;
}

#distrib_title {
	text-align: center;
	margin-right: 50px;
	}

.distributors_grid td {
	/* cos się stąd wycielo nie wiem co, bo jedyne co był to literka 't' resztę szlak trafił */
	width: 100px;
	overflow: hidden;
}

.distributors_grid {
	width: 200px;
	overflow: hidden;
	color: #001a4f;
}

.distributors_grid td {
	width: 180px;
	overflow: auto;
}

#distributros_cell {
width: 200px;
height: 154px;
padding: 4px;
overflow: hidden;
}

#cell_text {
width: 100%;
height: 130px;
overflow: hidden;
}

#cell_button {
width: 100%;
height: 24px;



}

.rich-table {
	border: 0px;
	background-color: #e1effc;
}

.rich-table-cell {
	border: 0px;
	overflow: hidden;
}

.register_panel {
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: #428de3 solid 1px;
	width: 99%;
	font-size: 12px;
	text-align: center;
	color: #001a4f;
}

.reg_panel {
	border: 0px;
	width: 250px;
	font-size: 12px;
}

table.register_panel {
	width: 690px;
	border: 0px;
	text-align: left;
	overflow: hidden;
}

table.register_panel th {
	text-align: center;
}

table.register_panel td {
	width: 330px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

table.register_panel input {
	width: 300px;
	overflow: hidden;
}

table.register_panel select {
	width: 300px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.tip-panel {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: auto;
}

td .rich-panel-body {
	margin-left: 0px; /* odsuwa troszeczke text panelu od bokow */
	margin-right: 0px;
	font-size: 12px;
	padding: 0px;
}

.header_button {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.val_msg {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	border: none;
	width: 175px;
}

table.partners { /* zmienia calego Grida */
	color: #001a4f;
	border: #428de3 solid 1px;
	width: 99%;
	margin-left: 2px;
}

.partners td {
	vertical-align: top;
	valign: top;
}

.partners_title {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}

table.dodany_adres {
	width: 320px;
	color: #001a4f;
	border-bottom: #428de3 solid 1px;
}

table.dodany_adres td {
	width: 100px;
	overflow: hidden;
	color: #001a4f;
}

/* CSSy do shopingcart.xhtml */
#shopingcart {
	width: 200px;
}

.shopingcarttable {
	margin: 0px;
}


/*DIV w ordersach po stronie usera*/
#user_orderDates {
	width: 220px;
	font-size:9px;
	text-align: center;
	overflow: hidden;
	padding: 0px;
}

/*DIVY w panelu prawym sklepu*/
.name {
	width: 90px;
	text-align: left;
	background-color: #e1effc;
	background-image: none;
	color: #001a4f;
	overflow: hidden;
	padding: 0px;
}

#name {
	width: 90px;
	font-size:9px;
	text-align: left;
	background-color: #e1effc;
	background-image: none;
	color: #001a4f;
	overflow: hidden;
	padding: 0px;
}

.pricecart, #pricecart {
	width: 38px;
	font-size:9px;
	text-align: right;
	background-color: #e1effc;
	background-image: none;
	color: #001a4f;
	overflow: hidden;
	padding: 0px;
}

.namesetcart, #namesetcart {
	width: 65px;
	text-align: left;
	background-color: #e1effc;
	background-image: none;
	color: #001a4f;
	font-size: 9px;	
	overflow: hidden;
}

.purchaseprodname, #purchaseprodname {
	width: 90px;
	text-align: left;
	background-image: none;
	color: #001a4f;
	overflow: hidden;
	padding: 0px;
}
.purchaseprodkat, #purchaseprodkat {
	width: 50px;
	text-align: left;
	background-image: none;
	color: #001a4f;
	overflow: hidden;
	padding: 0px;
}

.amount {
	width: 10px;
	text-align: center;
	background-color: #e1effc;
	background-image: none;
	color: #001a4f
}

.gross_value {
	width: 60px;
	text-align: right;
	background-color: #e1effc;
	background-image: none;
	color: #001a4f
}

.delete {
	width: 21px;
	background-color: #e1effc;
	background-image: none;
	color: #001a4f
}

.rich-filter-input {
	font-size: small;
	width: 50px;
}

/* CSS do formatki purchase.xhtml oraz do purchaseconfiramtion.xhtml oraz do user_orderdetails_praview.xhtml */
#purchaseForm {
	width: 693px;
}

#confirmationMessage {
	width: 425px;
	overflow: hidden;
	text-align: center;
	padding-left: 150px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#purchaseFormFirst {
	width: 683px;
	height: auto;
	overflow: hidden;
	border-top: #428de3 solid 1px;
	border-bottom: #428de3 solid 1px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2px;
}

#purchaseFormIndName {
	width: 340px;
	height: auto;
	float: left;
}

#purchaseFormCompName {
	width: 340px;
	height: auto;
	float: right;
}

#purchaseFormSecond {
	width: 683px;
	height: 130px;
	overflow: hidden;
	border-bottom: #428de3 solid 1px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

#purchaseFormDeliveryAddress {
	width: 340px;
	float: left;
	margin-top: 25px;
	/* dzieki marginesowi wyrównalismy adres dostawy z adresem fakturowania */
}

#purchaseFormInvoiceAddress {
	width: 340px;
	float: right;
}

#purchaseFormThird {
	width: 683px;
	height: auto;
	margin-top: 10px;
	overflow: hidden;
	border-bottom: #428de3 solid 1px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#purchaseFormOrderDate {
	padding-top: 6px;
	width: 30%;
	float: left;
	vertical-align: top;
}

#purchaseFormOrderDateConf {
	width: 30%;
	float: left;
	vertical-align: top;
}

#purchaseFormRight {
	width: 70%;
	float: right;
	vertical-align: top;
}

.labelText {
	font-weight: bold;
}

.orderListTable {
	width: 100%;
}

.orderListTable th,.orderListTable td {
	font-size: 9px;
}

.rich-table-header .orderListTableHeader {
	background-color: #428de3;
	/* zmienia kolor wypelnienia header'a na niebieski */
	background-image: none;
	/* nie wiem dlaczego tak dziala, ale inaczej nie wyswietla sie inne tlo header'a */
	font-size: 12px;
}

.rightTextAlign {
	text-align: right;
}

.producerpanel {
	/* dodany by JanJan formatuje wyświetlanie banera w product gridzie */
	text-align: center;
}

/* CSS do prorównywarki */
.compareProductTable {
	width: 685px;
	text-align: left;
	vertical-align: top;
}

#compareProductTop0,#compareProductTop1 {
	width: 160px;
	float: left;
	text-align: left;
	display: inline;
}

#shopIcons {
	float: left;
	overflow: hidden;
	height: 100px;
	width: 223px;
}

#compareProductName1,#compareProductName2,#compareProductName3 {
	width: 150px;
	height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #D0E1F1;
	/* ciemniejszy kolor niebieskiego żeby uwidocznić panele w productgridzie */
	border-bottom: 2px solid #E9F2F9; /* białe podkreślenie */
	overflow: hidden;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: underline;
	color: navy;
	text-align: center;
}

#compareProductPicture1,#compareProductPicture2,#compareProductPicture3
	{
	width: 160px;
	height: 160px;
	border-bottom: 2px solid #E9F2F9; /* białe podkreślenie */
}

#compareProductPrice1,#compareProductPrice2,#compareProductPrice3 {
	width: 160px;
	height: 40px;
	overflow: hidden;
	background-color: #D0E1F1;
	/* ciemniejszy kolor niebieskiego żeby uwidocznić panele w productgridzie */
	border-bottom: 2px solid #E9F2F9; /* białe podkreślenie */
}

#compareProductButtons {
	width: 160px;
	height: 68px;
}

#compareProductAdd {
	width: 80px;
	height: 68px;
	text-align: center;
	float: left;
}

#compareProductIcons {
	width: 80px;
	height: 68px;
	text-align: center;
	float: right;
}

.compareProductTableLow {
	width: 685px;
}

.compareProductTableTop .dr-table-cell {
	padding: 0px;
}

.compareProductTableLow .rich-table-header {
	background-color: #428de3;
	/* zmienia kolor wypelnienia header'a na niebieski */
	background-image: none;
	/* nie wiem dlaczego tak dziala, ale inaczej nie wyswietla sie inne tlo header'a */
	font-size: 12px;
}

#main11,#mainTop {
	width: 685px;
	text-align: left;
	border-bottom: 2px solid #D0E1F1;
	/* dałem trochę ciemniejszą ramkę jak by coś to trzeba zmienić na #E9F2F9 */
	vertical-align: top;
}

#col1,#col2,#col3 {
	width: 160px;
	margin-right: 1px;
	float: left;
	display: inline;
}

#col4 {
	width: 160px;
	float: left;
	display: inline;
}

/*
DOTYCZY REJESTRACJI KLIENTA - NIP i TELEFON
*/
table.register_panel input.formlength_nip {
	width: 160px;
}

table.register_panel input.formlength_phonecode {
	width: 30px;
}

table.register_panel input.formlength_phonenumber {
	width: 150px;
}

/* CSS do diva menu_left_bottom i do tabeli w tym divie */
.bannersTable {
	border: #428de3 solid 1px;
	text-align: center;
}

.rich-table-header .bannersTable {
	background-color: #428de3;
	/* zmienia kolor wypelnienia header'a na niebieski */
	background-image: none;
	/* nie wiem dlaczego tak dziala, ale inaczej nie wyswietla sie inne tlo header'a */
	font-size: 12px;
}

.dr-tbpnl-cntnt {
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
	border-right-color: #C0C0C0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	padding: 0px;
	background-color: #e1effc;
	/* zmienia kolor tla dla calego panelu na kolor jasno niebieski */
}

.rich-table-header .registerGrid {
	background-color: #428de3;
	/* zmienia kolor wypelnienia header'a na niebieski */
	background-image: none;
	/* nie wiem dlaczego tak dziala, ale inaczej nie wyswietla sie inne tlo header'a */
	font-size: 12px;
	padding: 0px;
}

.orderstable .rich-table-header {
	background-color: #428de3;
	/* zmienia kolor wypelnienia header'a na niebieski */
	background-image: none;
	/* nie wiem dlaczego tak dziala, ale inaczej nie wyswietla sie inne tlo header'a */
	font-size: 12px;
	padding: 0px;
}

.shoppingcarttable .rich-table-header {
	background-color: #428de3;
	/* zmienia kolor wypelnienia header'a na niebieski */
	background-image: none;
	/* nie wiem dlaczego tak dziala, ale inaczej nie wyswietla sie inne tlo header'a */
	font-size: 12px;
	padding: 0px;
}

.productlistmain .rich-extdt-header {
	background-color: #428de3;
	/* zmienia kolor wypelnienia header'a na niebieski */
	background-image: none;
	/* nie wiem dlaczego tak dziala, ale inaczej nie wyswietla sie inne tlo header'a */
	font-size: 12px;
	padding: 0px;
}

/* CSSy to panela rozwijanego - FAQ*/
.rich-stglpanel-header{
	background-color: #428de3;
	/* zmienia kolor wypelnienia header'a na niebieski */
	background-image: none;
	/* nie wiem dlaczego tak dziala, ale inaczej nie wyswietla sie inne tlo header'a */
	font-size: 12px;
	padding: 0px;
	height:17px;
	vertical-align: middle;
}	
.rich-stglpanel{
	background-color: #e1effc;
	/* zmienia kolor tla dla calego panelu na przezroczysty, bo pod spodem jest kolor jasno niebieski */
	border: #428de3 solid 1px;
	/* zmienia kolor ramki calego panelu na kolor taki jak tlo header'a */
	color: #001a4f;
	/* zmienia kolor textu w panelu na bardzo ciemno granatowy, zeby nie byl czarny */
	width: 100%;
	text-align: left;
}
.rich-stglpanel-body{
	background-color: #e1effc;
	/* zmienia kolor tla dla calego panelu na przezroczysty, bo pod spodem jest kolor jasno niebieski */
	margin-right: 5px; /* odsuwa troszeczke text panelu od bokow */
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	padding: 0px;
}

.faq_title{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color:navy;
}

/* CSSy do modala zakupów hurtowych */

#wholesale_cart{
	min-height: 100px;
	max-height: 500px;
	overflow: auto;
	}