/* 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: 980px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0 }
/* parametry górnego paska nawigacyjnego serwisu */
#TopMenuPanel	 { background-color: #FFCC99; width: 980px; border: 1px solid #ff9966; border-bottom: 0; border-collapse: collapse; border-spacing: 0; padding: 0 }
/* parametry krótkiego paska nawigacyjnego serwisu */
#ShortMenuPanel	 { background-color: #ffddaa; width: 980px; border: 1px solid #ff9966; border-collapse: collapse; border-spacing: 0; padding: 2px }
/* parametry tabeli głownej serwisu zawierającej lewy panel nawigacyjny oraz kolumnę główną z trescia serwisu */ 
#MainPanel		{ background-color: #ffffff; width: 980px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0 }
/* parametry lewego (pinowego) paska nawigacyjnego */
#LeftPanel		{ background-color: #ff9966; width: 160px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; text-align: center }
/* parametry prawego (pionowego) paska transakcyjnego */
#RightPanel		{ background-color: #ff9966; width: 160px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; text-align: center }
/* parametry kolumny głównej - gdzie wyświetlana jest zawartość serwisu */
#ContentPanel	{ background-color: #FFFFFF; width: 660px; border: 0; border-collapse: collapse; border-spacing: 0; padding-left: 2px; padding-right: 2px; padding-top: 0; padding-bottom: 0; text-align: center }
/* parametry (poziomego) paska - stopki serwisu */ 
#BottomPanel	{ background-color: #FF9966; width: 980px; 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: 980px; height: 2px; border: 0; padding: 0 }
/* 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: 0}
/* 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   
{ font-family: Verdana, Arial, Helvetica; font-size: 8pt; color: #000000; 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: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; line-height: 15px }
.TopMenu a:link     { COLOR: #663300; text-decoration: none; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px }
.TopMenu a:visited  { COLOR: #663300; text-decoration: none; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px }
.TopMenu a:hover    { COLOR: #000000; text-decoration: none; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-color: #ffddaa }
.TopMenu a:active	{ COLOR: #663300; text-decoration: none; padding-left: 5px; padding-right: 5px; 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: 2px; 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 }


/* BOXY REKLAMOWE */
/* kontener */
.SideBox    { background-color: #ff9966; padding: 0; border: 0; border-top: 5px solid #ffffff; margin: 0 auto; text-align: Center }
.HeadBox    { background-color: #ff9966; padding: 5px 1px 5px 1px; border: 0; margin: 0 auto}
.PictureBox { background-color: #ffffff; padding: 2px; border: 3px solid #ff9966; border-top: 0; margin: 0 auto; text-align: Center; color: #000000 }
.MenuBox    { background-color: #ffddaa; padding: 2px; border: 1px solid #ff9966; border-top: 0; margin: 0 auto; text-align: Center; color: #663300 }
.MenuBox a:link, .MenuBox a:visited, .MenuBox a:active { background-color: #ffcc99; padding: 1px 0; color: #663300; text-decoration: none; display: block }
.MenuBox a:hover { background-color: #ffddaa; color: #000000 }
.BoxProductName	 { font-size: 10pt; color: #003399; text-align: Center; font-weight: bold }
.BoxColorName	 { font-size: 8pt; color: #003399; text-align: Center; font-weight: bold }


/* MENU 
/* 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: 10pt; 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; font-weight: bold }
/* styl czcionki stara cena - dodatkowo czcionka jest przekreślona */
.priceold	  	 { font-size: 8pt; color: #FF0000; text-align: Center }
/* styl czcionki cena od... */
.pricefrom  	 { font-size: 7pt; color: #FF0000; text-align: Center }
/* parametry tabeli prezentujacej pełną informację cenową na listach */
.PriceInfo_table { background-color: #ffffff; width: auto; border: 0; margin-top: 3}
/* parametry komórki tabeli prezentujacej pełną informację cenową na listach */
.PriceInfo_td { background-color: #efefef; width: 110px; border: 1px solid #c0c0c0; border-collapse: collapse; border-spacing: 2; padding: 2 }
/* styl czcionki e tabeli cen */
.pricetable  	 { font-size: 7pt; color: #000000; text-align: Center }

           
/* LISTY TOWARÓW, z kategorii, z marki, nowości, okazje, 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 ceną w tabeli prezentujacej listę produktów */
.productlistprice_td { width: 74px; text-align: center; border: 0; border-collapse: collapse; border-spacing: 0; padding: 2 }
/* parametry obszaru informacji o kolorach w tabeli prezentujacej listę produktów */
.ColorsInfo_td { background-color: #ffffff; width: 100%; text-align: center; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0 }

/* 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 }
/* nazwa koloru na liście */
.itemsubname	  	 { font-size: 7pt; color: #003399; text-align: Center }
/* 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: 7pt; color: #000000; text-align: Center }
/* 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 centralnej (colspan=2) komórki prezentacji produktu */ 
.ProductCenter_td	 { width: 100%; border: 0; border-spacing: 0; padding: 5; text-align: Left }
/* prametry lewej komórki prezentacji produktu */ 
.ProductLeft_td		 { width: 50%; border: 0; border-spacing: 0; padding: 5; text-align: Center }
/* prametry prawej komórki prezentacji produktu */ 
.ProductRight_td	 { width: 50%; border: 0; border-spacing: 0; padding: 5; text-align: Center }

/* styl typu produktu */
.typehead   	 { font-size: 10pt; color: #000000; text-align: Left; font-weight: bold }
/* styl prezentacji logo marki */
.marklogo 		 {border: 0; vertical-align: middle; margin-right: 10px  }
/* 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: Justify }
/* styl ramki zdjęcia produktu */
.middlephotoframe	{ width: 95%; border: 1px solid #efefef; margin-bottom: 5 }
/* 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 komórki z opisem zdjęcia */
.photodescript_td 	{ background-color: #efefef; border: 1px solid #efefef; text-align: Center }
/* styl ceny koloru */
.colorprice 	 { font-size: 7pt; color: #000000; text-align: Center; font-weight: bold }
/* styl opisu zdjęcia */
.photodescript 	 { font-size: 8pt; color: #000000; text-align: Center }
/* styl opisu aktywnego (wybranego) zdjęcia */
.photoactive 	 { 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 }
/* 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	 	 { width: 95%; border: 1px solid #cccccc; border-collapse: collapse; margin-top: 5; 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 cenach w walutach obcych w prawym panelu*/
.currency_rp_table	 { width: 154px; border: 0; border-collapse: collapse; border-spacing: 0 }
/* 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 }