/* ARKUSZ STYLÓW DLA SKLEPU INTERNETOWEGO */

/* TłA - KOLORY PODSTAWOWE */
/* kolor tła serwisu */
#Background 	{ background-color: #EEEEEE }
/* parametry górnego paska serwisu */
#TopPanel	 { background-color: #FF9966; width: 767px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0 }
/* parametry górnego paska nawigacyjnego serwisu */
#TopMenuPanel	 { background-color: #FFCC99; width: 767px; border: 3px solid #ff9966; border-bottom: 0; border-collapse: separate; border-spacing: 5px 2px; padding: 0 }
/* parametry krótkiego paska nawigacyjnego serwisu */
#ShortMenuPanel	 { background-color: #FF9966; width: 767px; border: 1px solid #ff9966; border-collapse: collapse; border-spacing: 0; padding: 0px }
/* parametry tabeli głownej serwisu zawierającej lewy panel nawigacyjny oraz kolumnę główną z trescia serwisu */ 
#MainPanel		{ background-color: #ffffff; width: 767px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; border-right:1px solid #ff9966 }
/* parametry lewego (pinowego) paska nawigacyjnego */
#LeftPanel		{ background-color: #FF9966; width: 140px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0 }
/* parametry kolumny głównej - gdzie wyświetlana jest zawartość serwisu */
#ContentPanel	{ background-color: #FFFFFF; width: 627px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0 }
/* parametry (poziomego) paska - stopki serwisu */ 
#BottomPanel	{ background-color: #FF9966; width: 767px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0 }
/* parametry odstępu pomiędzy zawartością serwisu a dolnym (poziomym) paskiem - stopką serwisu */ 
#BottomDistance	{ background-color: #FFDDAA; width: 767px; height: 6px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; border-right:1px solid #ff9966; border-left:1px solid #ff9966 }
/* kolor i wysokość lini odzielajacej pozycje list */
#SeparateLine	{ color: #FFCC99; background-color: #FFCC99; height: 1px; border: none }

/* STYL CZCIONEK */
/* domyślne atrybuty forularzy w serisie */
form {margin: 0px}
/* domyślny styl czcionki w serisie */
body, div, td, th
{ font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000}
/* domyślny styl czcionki w wewnątrz akapitów, nagłowków, cytatów, list, itp. */
p, h1, h2, h3, blockquote, dl, ul, ol, li   
{ font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000; text-align: Left; margin-top: 0; margin-bottom: 0 }
  
/* domyślny styl linków */
A:link       { COLOR: #000000 }
A:visited    { COLOR: #000000 }
A:hover      { COLOR: #666666 }
A:active	 { COLOR: #ff0000 }

/* styl komentarzy w serwisie*/
.Comments       { font-size: 7pt; color: #003399; text-align: Center }
/* styl wyjasnien w serwisie*/
.Explain        { font-size: 7pt; color: #000000; text-align: Left }
/* kolor ostrzeżeń i zastrzeżeń w serwisie */
.Caution		{ color: #FF0000 }
/* kolor biżącej strony na liscie stron w wynikach wyszukiwania  */
.Current		{ color: #FF0000 }

/* MENU - górny panel nawigacji */
/* styl linków górnego panelu nawigacyjnego*/
.TopMenu      { font-size: 8pt; color: #FFCC99; text-align: Center; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 2px; line-height: 15px }
.TopMenu a:link     { COLOR: #663300; text-decoration: none; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 2px }
.TopMenu a:visited  { COLOR: #663300; text-decoration: none; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 2px }
.TopMenu a:hover    { COLOR: #000000; text-decoration: none; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 2px; background-color: #ffddaa }
.TopMenu a:active	{ COLOR: #663300; text-decoration: none; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 2px }

/*  SHORT MENU - górny panel lokalizacji */
/* styl linków górnego panelu lokalizacyjnego*/
.ShortMenu      { font-size: 7pt; color: #663300; text-align: Left; padding-left: 15px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; line-height: 20px }
.ShortMenu a:link     { COLOR: #663300; text-decoration: none; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px }
.ShortMenu a:visited  { COLOR: #663300; text-decoration: none; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px }
.ShortMenu a:hover    { COLOR: #000000; text-decoration: none; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px }
.ShortMenu a:active	  { COLOR: #663300; text-decoration: none; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px }


/* MENU - lewy panel nawigacji */
#Menu	{width: 134px; padding: 2px; background: #FF9966; margin: 0 auto;}
#Menu a:link, #Menu a:visited, #Menu a:active { display: block; width: 134px; padding: 2px 0; color: #663300; text-indent: 1px; background-color: #ffcc99;  text-decoration: none; margin: 2px 0; border: 1 solid #ffcc99 }
#Menu a:hover { color: #000000; background-color: #ffddaa; border: 1 solid #ffddaa }
.MenuBox	{position: static; }
.LeftBox { display: block; width: 134px; padding: 2px 0; color: #000000; text-indent: 1px; background-color: #ffcc99; text-decoration: none; margin: 1px 0 }
.TitleBox { display: block; width: 134px; padding: 5px 0; color: #ffffff; text-indent: 1px; background-color: #ff9966; text-decoration: none; margin: 1px 0; border: 1 solid #ffcc99 }

/* styl nagłówków w menu */
.MenuHead      	 { font-size: 8pt; color: #FFFFFF; text-align: Center; font-weight: bold }
/* styl informacji o zawartości koszyka w menu */
.MenuBasket    	 { font-size: 7pt; color: #000000; text-align: Center}
/* styl informacji w menu */
.MenuInfo    	 { font-size: 7pt; color: #000000; text-align: Center}

/* STOPKA SERWISU */
/* styl treści stopki */
.BottomDescript  { font-size: 8pt; color: #FFFF00; text-align: Center; font-weight: bold }
/* styl informacji o prawach autorskich */ 
.Copyright   	 { font-size: 8pt; color: #FFFFCC; text-align: Center; font-weight: bold; margin-bottom: 5 }

/* KOMUNIKATY              
/* parametry tabeli prezentujacej komunikat */
.message_table { background-color: #ffffff; width: 80%; border: 2px solid #003399; padding: 0  }
/* parametry komórki zawierajacej nagłowek*/
.messagehead_td    { background-color: #003399; text-align: left; border: 0 }
/* parametry komórki zawierajacej rysunek*/
.img_message_td    { text-align: center; width: 60px; border: 0 }
/* parametry komórki zawierajacej komunikat*/
.message_td    { text-align: left; border: 0 }
/* styl nagłówka komunikatów */
.messagehead   { font-size: 9pt; color: #ffffff; text-align: Left; font-weight: bold; margin: 3 }
/* styl komunikatów */
.message       { font-size: 9pt; color: #003399; text-align: Left; margin: 3 }

/* CENA */
/* styl czcionki cena */
.price   		 { font-size: 8pt; color: #000000; text-align: Center; font-weight: bold }
/* styl czcionki waluta */
.pricevalue  	 { font-size: 8pt; color: #000000; text-align: Center }
/* styl czcionki OKAZJA! */
.priceprom   	 { font-size: 8pt; color: #FF0000; text-align: Center }
/* styl czcionki stara cena - dodatkowo czcionka jest przekreślona */
.priceold	  	 { font-size: 8pt; color: #FF0000; text-align: Center }

                  
/* LISTY TOWARÓW, MAREK itp */
/* parametry tabeli prezentujacej listę produktów */
.productlist_table { background-color: #ffffff; width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0 }
/* parametry komórki ze zdjeciem w tabeli prezentujacej listę produktów */
.productlistphoto_td 	{ width: 80px; text-align: center; border: 0; border-collapse: collapse; border-spacing: 0; padding: 2 }
/* parametry komórki z opisem w tabeli prezentujacej listę produktów */
.productlistdescript_td { width: 473px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 2 }
/* parametry komórki z opisem w tabeli prezentujacej listę produktów */
.productlistprice_td { width: 74px; text-align: center; border: 0; border-collapse: collapse; border-spacing: 0; padding: 2 }

/* parametry tabeli prezentujacej listę marek */
.marklist_table { background-color: #ffffff; width: 100%; border: 0 }
/* parametry komórki ze znakiem marki w tabeli prezentujacej listę marek */
.marklistsign_td 	{ width: 150px; text-align: center; border: 0; padding: 0px,10px,0px,10px }
/* parametry komórki z opisem w tabeli prezentujacej listę marek */
.marklistdescript_td { width: 477px; border: 0; padding: 0px,10px,0px,10px }

/* parametry tabeli prezentujacej cennik tekstowy */
.pricelist_table { background-color: #ffffff; width: 98%; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0 }
/* parametry komórki z opisem w tabeli prezentujacej cennik tekstowy */
.pricelistdescript_td { border: 0; border-collapse: collapse; border-spacing: 0; padding: 2 }
/* parametry komórki z opisem w tabeli prezentujacej listę produktów */
.pricelistprice_td { text-align: right; border: 0; border-collapse: collapse; border-spacing: 0; padding: 2 }

/* nagłowki list towarowych (kategoria, nasze marki, marka, okazja) */
.listhead	     { font-size: 16pt; color: #003399; text-align: Left }
/* znak marki w nagłówku listy towarowej marki */
.listheadbrandsign { text-align: Right }
/* opis kategorii, marki, okazja */
.headdescript    { font-size: 7pt; color: #666666; text-align: Justify }
/* informacja "sortuj w/g" oraz dostępne kryteria sortowania na listach towarowych  */
.sort      		 { font-size: 7pt; color: #000000; text-align: Center }
/* wybrane kryterium sortowania list towarowych */
.sorted      	 { font-size: 7pt; color: #FF0000; text-align: Center; font-weight: bold }
/* nazwa produktu na liście */
.itemname	  	 { font-size: 10pt; color: #003399; text-align: Left; font-weight: bold }
/* styl linków prowadzacych do informacji o produkcie lub marce (podlinkowana nazwa produktu lub marki) */
a.itemname:link     { COLOR: #003399 }
a.itemname:visited  { COLOR: #003399 }
a.itemname:hover    { COLOR: #3366cc }
a.itemname:active	{ COLOR: #ff0000; text-decoration: none }
/* typ produktu na liście */
.itemtype        { font-size: 8pt; color: #000000; text-align: Left }
/* marka produktu na liście */
.itembrand        { font-size: 10pt; color: #666666; text-align: Left; font-weight: bold }
/* opis produktu na liście */
.iteminfo        { color: #666666; text-align: Justify }
/* informacja o większej liczbie wersji kolorystycznych produktu na liście */
.multicolor      { font-size: 8pt; color: #003399; text-align: Justify }
/* styl informacji o chwilowej niedostępności towaru */
.unavailable	 { font-size: 8pt; color: #ff0000; text-align: Center; font-weight: bold }


/* STRONA PRODUKTU */
/* prametry contenera dla obszaru prezentacji produktu */ 
.Product_Table		 { width: 100%; border: 0; border-spacing: 0; padding: 0 }
/* prametry lewej komórki prezentacji produktu */ 
.ProductLeft_td		 { width: 293px; border: 0; border-spacing: 0; padding: 5 }
/* prametry prawej komórki prezentacji produktu */ 
.ProductRight_td	 { width: 334px; border: 0; border-spacing: 0; padding: 5 }

/* styl typu produktu */
.typehead   	 { font-size: 10pt; color: #000000; text-align: Left; font-weight: bold }
/* styl marki produktu */
.markhead   	 { font-size: 10pt; color: #ff0000; text-align: Left; font-weight: bold }
/* styl nazwy produktu */
.prodhead	     { font-size: 14pt; color: #003399; text-align: Left; font-weight: bold }
/* styl nagłówka sekcji opisu produktu */
.sectionhead   	 { font-size: 10pt; color: #003399; text-align: Left; font-weight: bold }
/* styl opisu produktu */
.proddescript    { font-size: 8pt; color: #000000; text-align: Left }
/* styl ramki miniatury zdjęcia w tabeli prezentujacej kolorystykę */
.smallphotoframe	{ border: 1px solid #efefef }
/* styl ramki aktywnej miniatury - wybranego zdjęcia w tabeli prezentujacej kolorystykę */
.activephotoframe	{ border: 1px solid #ff0000 }
/* styl opisu zdjęcia */
.photodescript 	 { font-size: 8pt; color: #000000; text-align: Center }
/* styl opisu aktywnego (wybranego) zdjęcia */
.photoactive 	 { font-size: 8pt; color: #ff0000; text-align: Center }
/* styl linków prowadzacych do wybranego (aktywnego) zdjęcia */
a.photoactive:link     { COLOR: #ff0000 }
a.photoactive:visited  { COLOR: #ff0000 }
a.photoactive:hover    { COLOR: #ff0000 }
a.photoactive:active   { COLOR: #ff0000; text-decoration: none }
/* styl nagłówka sekcji propozycje */
.proffers	  	 { font-size: 12pt; background-color: #003399; color: #ffffff; text-align: Center; 
                   font-weight: bold; margin: 4; margin-top: 1; margin-bottom: 1 }

/* KOSZYK */
/* opisy pól koszyka */
.basketdescript  { font-size: 8pt; color: #000000; font-weight: bold }
/* opisy zawartości koszyka */
.basketcontent   { font-size: 8pt; color: #000000 }
/* parametry tabeli/formularza koszyka */
.basket_table	 { width: 90%; border: 0px solid #c0c0c0; border-collapse: collapse; border-spacing: 0 }
/* kolor ramki oraz tła komórki opisowej tabeli koszyka */
.basketdescript_td { border: 1px solid #c0c0c0; background-color: #efefef; padding: 2 }
/* kolor ramki oraz tła komórki tabeli z treścią (zawartoscią) koszyka */
.basketcontent_td { border: 1px solid #c0c0c0; background-color: #ffffff; padding: 2 }


/* FORMULARZE */
/* nagłowek - tytuł  formularza */
.formhead     { font-size: 10pt; color: #000000; font-weight: bold; text-align: Center; margin-top: 8pt }
/* opisy sekcji formularza */
.formsection     { font-size: 10pt; color: #000000; font-weight: bold }
/* opisy pól formularza */
.formdescript    { font-size: 8pt; color: #000000; margin: 2 }
/* zawartości dobrowolnych pól formularza */
.formcontent     { font-size: 10pt; color: #000000 }
/* zawartości obowiazkowych pól formularza */
.obligcontent    { font-size: 10pt; color: #FF0000 }
/* szerokość, styl i kolor ramki formularzy */
.form_table	 	 { border: 1px solid #c0c0c0; border-collapse: collapse; border-spacing: 0; padding: 0 }
/* kolor ramki oraz tła pól prezentujacych opisy formularzy */
.formdescript_td { border: 1px solid #efefef; vertical-align: top; background-color: #efefef; border-collapse: collapse }
/* kolor ramki oraz tła pól przentujących zawartość formularzy */
.formcontent_td	 { border: 1px solid #efefef; background-color: #efefef; border-collapse: collapse }                  
                   
/* TABELA PŁATNOŚCI */
/* szerokość, styl i kolor ramki info o płatnościach */
.payment_table	 	 { border: 1px solid #ffffff; border-collapse: collapse; border-spacing: 0 }
/* kolor ramki oraz tła pól prezentujacych opisy płatności */
.paymentdescript_td { border: 1px solid #efefef; background-color: #cccccc; border-collapse: collapse; padding: 4 }
/* kolor ramki oraz tła pól przentujących zawartość info o płatnościach */
.paymentcontent_td	 { border: 1px solid #efefef; background-color: #efefef; border-collapse: collapse ; padding: 4} 
/* nagłówki info o płatnosciach */
.paymenttitle    { font-size: 10pt; color: #000000; font-weight: bold; text-align: Center }
.paymenthead     { font-size: 10pt; color: #ffffff; font-weight: bold; text-align: Center }
.paymentcolumn   { font-size: 8pt; color: #000000; text-align: Center; font-weight: bold }
.paymentdescript { font-size: 8pt; color: #000000; text-align: Left }
.paymentcontent  { font-size: 8pt; color: #000000; text-align: Right }

/* TABELA WALUT */
/* szerokość, styl i kolor ramki info o kursach walut i cenach w walutach obcych */
.currency_table	 	 { border: 1px solid #000000; border-collapse: collapse; border-spacing: 0 }
/* kolor ramki oraz tła pól prezentujacych opisy tabeli */
.currencydescript_td { border: 1px solid #efefef; background-color: #cccccc; border-collapse: collapse; padding: 4 }
/* kolor ramki oraz tła pól przentujących zawartość pól */
.currencycontent_td	 { border: 1px solid #cccccc; background-color: #efefef; border-collapse: collapse ; padding: 4} 
.currencycontent_1_td	 { border: 1px solid #cccccc; background-color: #F3F3F3; border-collapse: collapse ; padding: 4} 
.currencycontent_2_td	 { border: 1px solid #cccccc; background-color: #FFFFFF; border-collapse: collapse ; padding: 4} 
/* style informacji */
.currencytitle    { font-size: 10pt; color: #000000; font-weight: bold; text-align: Center }
.currencyhead     { font-size: 10pt; color: #ffffff; font-weight: bold; text-align: Center }
.currencycolumn   { font-size: 8pt; color: #000000; text-align: Center; font-weight: bold }
.currencydescript { font-size: 8pt; color: #000000; text-align: Left }
.currencycode 	  { font-size: 8pt; color: #000000; text-align: Center }
.currencycontent  { font-size: 8pt; color: #000000; text-align: Right }