/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;
	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



body	{ background:#ffffff; font: 11px/130% Arial,Tahoma,sans-serif;color: #333333; background:url(../images/swiatfelg/bg.jpg) top center repeat-x;}

#content a {color:#FF0000; text-decoration:none;}
#content a:hover { text-decoration:underline; color:#666;}
.container 	{ width: 910px; margin: 0 auto; height:auto;}

#top { width:910px; height:269px; background:url(../images/swiatfelg/top-gfx.jpg) no-repeat top center; overflow: auto;}

#logo{ width:353px; height:99px; background:url(../images/swiatfelg/logo.jpg) no-repeat; float:left;}

#logo a { width:353px; height:85px; text-indent:-99999px; display:block;}

#koszyk { width:247px; height: auto;float:right; overflow:auto; font-size:10px;}
#cart-top { width:240px; height:20px; background:url(../images/swiatfelg/cart_top.png) no-repeat bottom;}
#cart-cont { width:220px; height:auto; background:url(../images/swiatfelg/cart_cont.png) repeat-y; min-height:35px; overflow:auto; padding: 5px 0 5px 20px;}
#cart-cont ul { list-style:none; padding:0; margin:0;}
#cart-cont ul li  { color:#FFF;}
#cart-cont ul li a { color:#FFF; text-decoration:none;}
#cart-cont .idempty { color:#FFF; display:block;}
#cart-down { width:240px; height:15px; background:url(../images/swiatfelg/cart_down.png) no-repeat;}
#cart-cont #total { border-top:#CCC solid 1px; text-align: right; color:#FFF; padding:5px 20px 0 20px;}


#main-menu { width:910px; height:53px; background:url(../images/swiatfelg/menu-bg.jpg) repeat-x;}



#main-menu ul { list-style:none; padding:18px 0 0 15px;}

#main-menu ul li { padding:3px 25px; border-right: #FFFFFF solid 1px; float:left;}

#main-menu ul li.last { border-right: none;}

#main-menu ul li a { text-transform:uppercase; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none;}

#main-menu ul li a:hover { text-decoration:underline; color:#CCCCCC;}



#content { width:910px; height:auto; min-height:500px; overflow:auto;}

#left-column {  width:200px; height:auto; min-height:500px; float:left; margin-right:15px; padding-top:20px;}

#right-content { float:right; width:695px;height:auto; min-height:500px;padding-top:30px;}

.box { margin-top:10px;}

.nag-box { width:100%; height:33px; border-bottom: solid 1px #f5f5f5; background:url(../images/swiatfelg/nag-bg.gif) repeat-x;}

.nag-box h3 { padding:10px 0 0 30px; background:url(../images/swiatfelg/nah3.gif) no-repeat 20px 15px; font-size:14px; color:#000000; text-transform:uppercase;}

.content-box { height:auto;background:#FFFFFF; overflow:auto;}

.leftcol {width:100%;}

#content .cat ul { list-style:none; padding:20px 20px 20px 20px; margin:0;}

#content .cat ul li { padding:8px 0; border-bottom: #CCC dotted 1px;}
#content .cat ul li.actv_sub { padding:4px 0 4px 20px;}
#content .cat ul li.last { border-bottom:none;}

#content .cat ul li a { font-size:11px; color:#666666; text-decoration:none;}

#content .cat ul li a span.aktiv { color:#F00;} 
#content .cat ul li a:hover { text-decoration:underline; color:#FF0000;}



#opcje-top { width:695px; height: auto; overflow:auto; margin-bottom:20px;}





.polecane { padding:10px 0 10px 20px;}
.tekstowe-komunikaty   { padding:10px 20px 10px 20px;}



.polecany-produkt { width:212px; height: auto; min-height:330px; float:left; border:#CCCCCC solid 1px; margin:0 8px 8px 0; text-align:center; overflow: hidden; height:350px; display:block;}

.promocyjny-produkt { width:212px; height: auto; min-height:330px; float:left; border:#CCCCCC solid 1px; margin:0 8px 8px 0; text-align:center; overflow: hidden; height:400px; display:block; background:url(../images/swiatfelg/promo.jpg) bottom right no-repeat;}

.model { text-align:center; margin-bottom:15px; margin-top:15px; height:60px;}

.model h2 { font-size:24px; font-weight:bold; color:#ce0e06; line-height:normal;}
.model-promo h2 { text-align:center; margin-bottom:5px; margin-top:5px;}
.model-promo h2 a { font-size:24px; font-weight:bold; color:#ce0e06; line-height:normal; text-decoration:none;}
.mini-foto { margin-bottom:10px; text-align:center;}
.staracena { text-decoration:line-through;}
.cena {font-size:24px; font-weight:bold; color:#c00000;margin-bottom:10px;}



.col-op-l { float:left; width:340px; }

.col-op-r { float: right; width:340px;}

.form-row { padding: 5px 10px; overflow:auto;}
.form-row-lewy { float:left;padding: 5px 10px; overflow:auto;}
.form-row label, .form-row-lewy label { display:block; width:80px; float:left; padding:0 0 0 10px;}

.inputtext { font-size:11px; padding:2px; color:#666; width:180px;}
.inputtext-small {font-size:11px; padding:2px; color:#666;}
.form-row select, .form-row-lewy select { width:185px;}

.button { float:right; border:#333 solid 1px; padding:2px 5px; background:#CCC; color:#333; font-size:11px; margin-right:42px;}
.button-lewy { float:right; border:#333 solid 1px; padding:2px 5px; background:#CCC; color:#333; font-size:11px;}
.button-s {  border:#333 solid 1px; padding:2px 5px; background:#CCC; color:#333; font-size:11px;}

#pomoc-box { clear:both; width:910px; height:185px; margin:20px 0px; background:url(../images/swiatfelg/help.jpg)}

.help-box { float:left; height:185px;}

.big    { width:415px;height:185px;}

.standard { width:165px;height:125px; padding:40px 0 20px 0;}



.standard h3 { font-size:14px; margin-bottom:15px;}

.standard ul { list-style:none; margin:0; padding:0;}

.standard ul li { padding:5px 0 0 20px; background:url(../images/swiatfelg/nah3.gif) no-repeat 5px 10px;}

.standard ul li a { text-decoration:none; color:#666;}

.standard ul li a:hover { text-decoration:underline; color:#000;} 



#footer { width:100%; height:47px; background:url(../images/swiatfelg/footer-bg.gif); margin-bottom:5px;}



#stopka { padding:20px 0 0 0; float:left;}

#bottom-menu { padding:20px 0 0 0; float:right;}

#bottom-menu ul { list-style:none; padding:0; margin:0;}

#bottom-menu ul li { float:left; border-right: solid 1px #666; padding:0 10px; }

#bottom-menu ul li.last {  border-right:none;}

#bottom-menu ul li a { text-decoration:none; color:#666;}

#bottom-menu ul li a:hover { text-decoration: underline; color:#000;}

#breadc a { color:#F00; text-decoration:none;}
#breadc a:hover { text-decoration:underline;}
a.linkkateg { font-size:14px; text-transform:uppercase; text-decoration:none; color:#666; font-weight: bold;}
a.linkkateg:hover { text-decoration: underline; color:#F00;}
span.productSpecialPrice { font-size:12px; text-decoration:line-through; color:#666;}

.dosciecka { overflow:auto; height:auto; border-bottom:#CCC dotted 1px; border-top:#CCC dotted 1px; margin-top:0;}


#right-content  .mootabs_title {
	float: left;
	width: 650px;
	list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
	height: 58px;
	background: url(../images/swiatfelg/ul_bg.gif) repeat-x bottom;
}
#right-content  .mootabs_title li {
	float: left;
    margin: 29px 0 0 0;
	padding: 0;
	background: none;
	
	position: relative;
    top: 1px;

}
#right-content  .mootabs_title li.active {
	background: #fff url(../images/swiatfelg/li_bg.gif) repeat-x;
	border-collapse: collapse;
	border: 1px solid #fff;
    outline: 0; /* prevent dotted border in Firefox */
}
#right-content  .mootabs_title li a {
	float: left;
	height: 20px;
	padding: 6px 18px;
	
	color: #666666;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */ 
}

#right-content  .mootabs_panel {
	display: none;
	width: 650px;
	clear: both;
}
#right-content  .mootabs_panel.active {
	display: block;
	float: left;
	margin-top: 15px;
	padding:0 20px;
}
 * html #right-content  .mootabs_panel.active {
 	float: none;
}

#left-for-image	{ float:left; width:230px;}
#right-for-info  { float:left; width:350px; padding:20px 0 0 20px;}
#right-for-info h1	{ font-size:20px; font-weight:bold; color: #F00; margin-bottom:10px; line-height:20px;}
#right-for-info .price	{font-size:16px; font-weight:bold; color:#660033; margin-bottom:15px;}
#right-for-info  .add-to-cart {/* margin-left:20px;*/}
#zoomek	{ padding:0 0 0 50px;color:#660033}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#content ul.tabs a { 
	background: url(../images/swiatfelg/blue.png) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none; 
	color:#F00; 
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

#content ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
#content ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#content ul.tabs a.current, #content ul.tabs a.current:hover, #content ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


#doczekauta  {
	background: #FFF; overflow:auto;
	padding:20px;
	}
#doczekauta #shoppingCart	 table { border-bottom:#CCC solid 1px;}
#doczekauta #shoppingCart	 table td { padding:3px 0;}
#doczekauta #shoppingCart    input  { font-size:11px;}

#doczekauta #adress-form td.main-do-adres { padding:10px; border:#CCC solid 1px; background:  #f2f2f2; width: 300px;}
#doczekauta #adress-form td.main-do-adres { margin-right:20px;}
#doczekauta #adress-form td.main-do-adres-bez { margin-right:0;padding:10px; border:#CCC solid 1px; background:  #f2f2f2;width: 300px;}

#doczekauta #do-log-first { padding:20px 0;}

#doczekauta #do-dostawy  table , #doczekauta #do-platnosci table{ padding:10px; border:#CCC solid 1px; background:  #f2f2f2;}

#doczekauta #do-dostawy  table table, #doczekauta #do-platnosci table table { border:none;}

#doczekauta #do-dostawy #shippingMethods , #doczekauta #do-platnosci #paymentMethods { padding:10px;}

.moduleRowSelected td { background: #CCC; padding:5px 0;}
.shippingRow td:hover { cursor:pointer;}

td.productListing-heading { padding:5px 5px 10px 5px; font-size:12px; font-weight:bold; border-bottom:#999 solid 1px;}
td.wkoszykyprod { padding:5px; font-size:14px;} 
td.podsumawkoszyk { padding:10px 0; border-bottom:#999 solid 1px; font-size:14px; border-top:#999 solid 1px;}