/* BASE /////////////////////////////////////////////////////////////////////////////////// */
* { margin: 0; padding: 0; }
body { color: #FFF; font: 0.875em Tahoma, Helvetica,Verdana, Arial ; line-height: 1.5em; background-color: #000; } 
body#popup {
	background: url('../gfx/bg.gif') 0 0;	
}

a { text-decoration: none; color: #000; }
a img {border: none;}
a:link, a:visited {color: #FFF; text-decoration: none;}
html body a:hover {text-decoration: underline; }

p { padding:  5px 0 5px 0; font-size: 11px; color: #000; }
h1 { 	color: #FFF; padding:  10px 0 5px 0; font-size: 1.2em;}
h2 { 	color: #571f0e; padding:  10px 0 5px 0; font-size: 1em;}
h3 { 	color: #ffb61a; padding:  5px 0 5px 0; font-size: 1em; }
h4 { 	color: #9a9a9a; padding:  15px 0 5px 0; }

ul,li,form,input { font: 0.875em Tahoma, Helvetica,Verdana, Arial ; color: #000;}

/* Listy  ///////////////////////////////////////////////////////////////////////////////////  */
ul {
	margin: 5px 0px;
}
li {
	margin: 0 0 6px 0;
	padding: 0 0 0 14px;
	list-style-type: none;
	background: url('../gfx/li.gif') 0px 4px no-repeat;
}

/* Formularze  /////////////////////////////////////////////////////////////////////////////////// */
form,input,textarea,select {
	color: #000;
	vertical-align: middle;
	font-size: 0.95em;
}
textarea {
	border: 1px dotted #663300;
	padding: 3px 4px;
	width: 400px;
	height: 50px;
	background-color: #af681f;
	color: #FFF;
	font-size: 11px;
}
select { width: 300px; background-color: #af681f; color: #FFF;  }
input.text { border: 1px dotted #663300; color: #FFF; padding: 1px 4px; margin: 0; width: 300px; background-color: #af681f; }
input.button { border: 1px dotted #5c2212; border-left: 1px solid #f9b24f; border-top: 1px solid #f9b24f;	 background-color:#571f0e;
	font-size: 10px; font-weight: bold; padding: 2px 5px; margin: 0; color: #FFF; cursor: pointer; width: auto; overflow: visible; }
input.light { background-color:#af681f; }

/* Ogólne  ///////////////////////////////////////////////////////////////////////////////////  */
.clearing { clear: both; line-height: 0%; font-size: 0.1%; }
p.more { float: right; padding: 0; margin: 0 }
p.more a { background: url('../gfx/more.gif') 0 3px no-repeat; padding: 0 0 0 14px; margin: 0; }
.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  /////////////////////////////////////////////////////////////////////////////////// */
#container { width: 960px; margin: 0 auto; color: #000; }
#header ul { float: right; margin: 10px 25px 0 0; padding: 0; display: inline; background: url(../gfx/sep.gif) left center no-repeat; }
#header li { float: left; margin: 0; padding: 0 20px; background: url(../gfx/sep.gif) right center no-repeat; }
#header li a { font-weight: normal; color: #ff9900 }
#header li a#l_3 { color: #ffffff }
#header li a#login_link, #header li a#basket_link { font-weight: bold; }
#header div#shop_title { float: left; margin-left: 60px; margin-top: 10px; color: #FFB41B; letter-spacing: 3px; font-weight: bold ; font-size: 11px; }
#gfx {
	background-image: url(../gfx/bg.gif);
	margin: 0 21px 0 32px;
}
#content { background: url(../gfx/bg_down.gif) left bottom repeat-x; } 
.catPhoto { background: url(../gfx/corner_1.gif) right bottom no-repeat; }
#category_2 { background-image: url(../gfx/corner_2.gif); }
#category_3 { background-image: url(../gfx/corner_3.gif); }
#category_4 { background-image: url(../gfx/corner_4.gif); }

#sides { background: url(../gfx/side.gif) left top repeat-y; } 
#bot { background: url(../gfx/bot.gif) left bottom no-repeat; padding: 0 20px; }

/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer { background: url('../gfx/platnosci.gif') right top no-repeat; padding: 0 0; margin-left: 45px; margin-top: 0px; height: 33px }
#footer ul { background-image: none; float: left; margin: 3px 0; padding-right: 20px}
#footer a { color: #df8f20;}
#footer li#recommend { background-image: none; font-size: 10px;}
div#recommended { color: #808080; font-size: 9px; line-height: 1.1em }
div#recommended div {float: left}
div#recommended div#more {padding-top: 18px}
div#recommended a { color: #808080; }
div#recommended a:hover { text-decoration: none }
div#recommended table { float: left }
#footer div#bestnet { float: right; color: #808080; font-size: 10px; margin: 30px 30px 0px 0px}


/*  LOCALISER  /////////////////////////////////////////////////////////////////////////////////// */
#localiser {
	font-size: 0.70em;
	line-height: 1.4em;
	background: url('../gfx/loc.gif') left bottom repeat-x;
	margin: 0 20px 10px;
	padding-bottom: 7px; 
}
#localiser a {
	font-weight: normal;
	color: #FFF;
	padding: 0 8px 0 0;
	background: url('../gfx/arr.gif') right center no-repeat;
	display: inline;
	margin: 0 4px;
}
.back {
	font-weight: normal;
	color: #FFF;
	float: right;
}
#information {
	padding-bottom: 20px;
}

/* Product  ///////////////////////////////////////////////////////////////////////////////////  */
#product,#index{
	float: left;
	width: 395px;
	margin-bottom: 20px;
}
#infoPanel { background: url('../gfx/prod.gif') left top no-repeat; height: 60px; padding-right: 40px; }
#addToBasket { float: right; border-top: 1px dotted #666666; margin: 3px 3px; padding-top: 5px;  }
#addToBasket a { display: block; width: 129px; background: url('../gfx/basket.gif') 0 3px no-repeat; margin: 0px 1px 0px 1px}
#addToBasket span { margin-left: 29px; font-size: 11px; font-weight: bold;}
#unavailable {
	border-top: 1px dotted #666666;
	margin: 3px 3px;
	padding-top: 5px;
}
#unavailable span {
	font-weight: bold;
	font-size: 11px;	
}
#features { float: right; text-align: left; display: block; width: 96px; background: #FFF url('../gfx/feat_2ik.gif') left bottom no-repeat; margin-right: 68px; }
#price { float: right; text-align: center; display: block; width: 139px; height: 75px; background: url('../gfx/price.gif') 0 0 no-repeat; background-position: bottom center; }
#price p { padding: 15px 0 0 0; }
span.value { font-size: 1.4em; font-weight: bold; color: #83381c; }
.desc { padding: 0 10px 0 20px; color: #000; text-align:justify; font-size: 11px }
.desc li { font-size: 1em }

/* LISTA PRODUKTÓW  /////////////////////////////////////////////////////////////////////////////////// */
#page {
	float: left;
	width: 472px;
}

/* CATEGORY LIST  ////////////////////////////////////////////////////////////////////////////////  */
#categoryList {
/*	height: 420px;
	overflow:auto;*/
	margin: 3px 0 24px 0; }
#categoryListItems {
	height: 420px;
	overflow:auto;
	margin: 3px 0 24px 0;
}
.module { display: inline; float: left; margin: 0 0 4px 16px; voice-family: "\"}\""; voice-family:inherit;	}
.module img { background-image: url('../gfx/bg_prod.gif');  padding: 5px; }
.image { background-repeat: no-repeat; background-position: 0 0;  }
.image img { display: block; }
.label { color: #FFF; font-weight: bold; font-size: 0.8em; line-height: 1.0em; display: block; text-align: center; margin: 1px 0 3px 0; }
.image a img {  display: block; border: 1px solid #d68720;}
.image a:hover img,
.selected a img { border: 1px solid #FFF; }
div.selected img { background-color: #ffbc09;  }
div.module a { display: block;  background-repeat: no-repeat; background-position: 0 0;  }
.sel { color: #FFFFFF; margin: 0px 0px 5px 15px}

/* TABELE  ///////////////////////////////////////////////////////////////////////////////////   */
table { font-size: 0.875em;  }
.info {
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	color: #000;
	border: 1px dotted #ffb61a;
	font-size: 11px;
}
.info td {
	padding: 5px 8px;
	border: 1px dotted #ffb61a;
	border-collapse: collapse;
	vertical-align: middle;
}
.info .td_nobd { background-image: none; }
.buttons td {
	text-align: center;
	padding: 8px 4px;
	background-image: none;
	border-top: 0px;
}
.obligatory td {
	border-bottom: 0px;	
}
.info th {
	font-weight: bold;
	background-color: #ffb61a;
	padding: 2px 8px 2px 8px;
	color: #571f0e;
	text-align: center;
	border-color: #de8e1f;
}
td.first {
	font-weight: bold;
	font-size: 11px;
}
.line0 td { background: #F0F0F0; }

/* TABELA KOSZYK */
.basket td {
	padding: 4px 5px;
	border: 1px dotted #ffb61a;
	background-color: #e49327;
}
.basket td img {
	border: 0px;
	margin: 0px;
	vertical-align: middle;
}
.head td {
	color: #83391f;
	background-color: #ffb61a;
	padding: 5px 5px;
	font-weight: normal;
	background-image: none;
}
.head a { color: #990000; text-decoration: underline; }
.basket .num {
	vertical-align: middle;	
}

.basket .num input {
	width: 30px;
	margin: 0 0 0 3px;
	padding: 0 3px 0 1px;
	font-size: 11px;
	text-align: right;
	vertical-align: bottom;
}
.money {
	background-color: #ffb61a;
	text-align: right;
}
td.money_sum {
	background-color: #ffb61a;
	font-weight: bold;
	text-align: right;
}

/* TABELA PORÓWNAWCZA */
.compare td,
.compare th { padding: 5px 5px 7px 5px; }

/* 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: 0px; }
table.advSearch tr.buttons { text-align: center; }
table.advSearch th { padding: 4px 24px 4px 0; font-weight: bold; text-align: left; }
table.advSearch td { padding: 4px 0; }
table.advSearch td table.checkboxes { margin: 0px; padding: 0px; border-collapse: collapse; border: 0px; }
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; }
#reg { height: 408px; overflow:auto; margin: 5px 0 0 6px; padding: 0 10px 0 0; }
#reg ol { padding: 5px 0 5px 20px; margin: 0 0 20px 0; }
#reg li { padding: 0 15px 8px 23px; line-height: 15px; }
#reg .norm li { padding-bottom: 2px; }

.but {
	cursor: pointer;
}

#main {
	float: left;
	width: 486px;
	margin: 0 20px 0px 20px;
}

#narrowImage {
	float: left;
	width: 300px;
	margin: 0 20px 20px 20px;
}

.al_center {
	text-align: center;
}

.al_right {
	text-align: right;	
}

#popup #main {
	width: 560px;
}

.profileMenu {
	font-size: 11px;
}

.profileMenu a {
	font-weight: bold;
	background: url('../gfx/arr.gif') left center no-repeat;
	padding-left: 8px;
	margin-right: 20px;
}

.profilePanel {

}

.max {
	width: 100%;
}

.profilePanel th {
	padding: 0 4px;
}

.profilePanel td {
	padding: 0 4px;
}

.profilePanel h4 {
	margin: 4px 0 4px 0;
	padding: 0px;	
}

.profilePanel p {
	margin: 0px;
	padding: 0px;
}
.introduction {
	margin: 12px 12px 0 24px;
}
.introduction p {
	color: #ff9;
}
.introduction a.allnews {
	font-size: 11px;
	float: right;
}
.introduction li {
	color: #fff;
}