@CHARSET "UTF-8";

body { background: transparent none center 0 repeat-x; }

.skip { display: block; position: absolute; top: -1000em; left: -1000em; text-indent: -1000em; }
.clear { display: block; width: 100%; height: 1px; clear: both; }
a.more { padding-right: 13px; background: transparent none 100% 5px no-repeat; }


#wrapperMain { width: 980px; padding-top: 250px; margin: 0 auto 10px; background: none transparent 0 0 no-repeat; position: relative; }
	#header { display: block; position: absolute; top: 26px; left: 13px; width: 196px; height: 63px; }
		#header a { display: block; width: 196px; height: 63px; position: inherit; left: 0; top: 0; }

/* TOP */
	#top { display: block; position: absolute; top: 40px; left: 355px; }
		#top dt { clear: right; height: 43px; }
		#top dd { float: left; padding-left: 9px; margin-left: 9px; border-left: 1px solid #fff; }
		#top dd#language { border-left-width: 0; padding-left: 0; margin-left: 0; }
            #top a, #top strong, #top span { line-height: 14px; padding: 3px 0; }
			#language a, #language strong { padding-right: 30px; background: transparent none 100% 1px no-repeat; }

/* wyszukiwarka */
	#searchBox { position: absolute; top: 100px; left: 1px; width: 192px; height: 155px; }
		#searchBox fieldset { border-width: 0; }
			#searchBox legend#searchHeader { display: block; line-height: 30px; width: 175px; padding: 0; text-align: center; }
			#searchBasic { width: 175px; margin: 0 auto 5px; padding: 0; }
			#searchColors { width: 168px; margin: 0 auto 5px; padding: 0; }
			#searchColors { padding-top: 5px; }
				#searchColors input { width: 20px; height: 20px; border-width: 0; padding: 0; margin-right: 4px; margin-bottom: 4px; }
				#searchBox input#searchQuery { border: 1px solid #fff; padding: 3px 0; width: 173px; margin: 0 auto; }
				form fieldset div#searchBasic input { float: none; }
				#searchBox div select.where { width: 86px; height: 20px;}
				#searchBox div input.submit { width: 87px; margin-left: 9px; background: transparent none 0 0 no-repeat; border-width: 0; padding-top: 3px; }

/* górne menu */
	#topMenu { padding: 10px 0 5px; border: 0 solid #fff; border-width: 0 1px 1px 0; position: absolute; left: 200px; top: 109px; width: 779px; background: transparent none 0 0 no-repeat; }
		#topMenu ul, #topMenu dl { display: block; float: left; }
		#topMenuGeneral { width: 200px; }
		#topMenuShopping { width: 180px; }
		#topMenuMisc { width: 180px; }
		#topMenuCart { width: 219px; }
			#topMenu li { padding: 0 15px 2px 15px; }
				#topMenu a { display: block; padding: 2px 0; }
				#topMenu #topMenuLinkHelp a { background: transparent none 50px 2px no-repeat; }
		#topMenu dl { height: 85px; }
			#topMenuCart dt, #topMenuCart dd { height: 16px; line-height: 16px; }
			#topMenuCart dt { margin-left: 70px; }
			#topMenuCart dd { margin: -16px 0 0 145px; }
			#topMenuCart dd#showCartButton, #topMenuCart dd#checkOutButton { position: absolute; top: 67px; right: 100px; height: 25px; margin: 0; }
			#topMenuCart dd#checkOutButton { right: 20px; }
				#topMenuCart dd#showCartButton a, #topMenuCart dd#checkOutButton a { display: block; width: 72px; height: 25px; padding: 0; background: transparent none 0 0 no-repeat; line-height: 22px; }

/* ścieżka nawigacyjna */
#breadcrumbs { position: absolute; top: 220px; left: 220px; display: block; width: 540px; height: 30px; background: transparent none 0 100% no-repeat; overflow:hidden; }
#breadcrumbs.wide { width: 760px; }
	#breadcrumbs li { float: left; height: 30px; max-width: 300px; overflow: hidden; line-height: 24px; }
	#breadcrumbs li#youAreHere { padding-right: 5px; }
	   #breadcrumbs a { padding-right: 13px; margin-right: 5px; background: transparent none 100% 5px no-repeat; }

/* TOP - ogłoszenie */
#avt { display: block; width: 980px; height: 19px; line-height: 18px; position: absolute; top: 0; left: 0; }

/* lewe menu */
#leftMenu { float: left; width: 220px; padding: 30px 0; }
	#leftMenu h2 { padding-right: 20px; }
        #leftMenu h2.menuCat { margin-bottom: 10px;} 
        #leftMenu h2.menuCat a { font-weight: bold; }
    
	/* kategorie */
	.categories { border: 1px solid #fff; margin: 5px 20px 15px 0; padding: 5px 0; }
		.categories a { display: block;  line-height: 16px; padding: 1px 5px 1px 20px; background: transparent none 8px 6px no-repeat; }
			.categories ul a { padding-left: 34px; background-position: 23px 7px; }
				.categories ul ul a { padding-left: 54px; background-position: 43px 7px; }
				    .categories ul ul ul a { padding-left: 69px; background-position: 58px 7px; }
				        .categories ul ul ul ul a { padding-left: 84px; background-position: 73px 7px; }

	/* promocja */
	#promoHeader { padding: 10px 0 10px 20px; background: transparent none 20px 100% no-repeat; }
        #promotionItemItem { padding-left: 33px; height: 255px; }
	#promoDiscount { padding: 10px 0 0 20px; }
	#promoShowAll { padding-bottom: 15px;}

	/* czy wiesz że... */
	#didYouKnowHeader { margin-top: 15px; }
	#didYouKnow { margin: 10px 20px 0 0; border: 1px solid #fff; padding: 10px 8px; }
	#didYouKnow h3 { margin: 0 20px 4px 0; }
		#didYouKnow a.more {  }

    /* zrób to sam */
    #diyHeader { background: transparent none 0 100% no-repeat; padding-bottom: 10px; }
    #diyItem { margin: 0 20px 0 0; padding: 10px 8px; width: 180px; height: 180px; background: transparent none 0 100% no-repeat; text-align: center; }
        #diyItem a { border-width: 0; margin-top: 0; }
            #diyItem img { width: 150px; height: 150px; border: #fff 6px solid; margin-bottom: 5px; }
            #diyItem span { display: block; }













    /* opinie */
    #opinionsHeader { margin-top: 15px; }
    #opinionsContent { margin: 10px 0 15px 20px; padding: 0 10px 5px; border: #fff 1px solid; }
    #opinionsContent p#opinionsMarks { font-size: 11px; }
    #opinionsContent p#opinionsComment { margin-top: 6px; font-size: 10px; }
    #opinionsContent p#opinionsSignature { margin-top: 6px; font-size: 10px; }
    #opinionsContent p#opinionsSignature small { font-size: 9px; }
            
/* treść + prawe menu */
#auxGroupContentAndRight { float: right; width: 760px; padding-bottom: 20px; }
	/* treść */
    #content { width: 760px; float: right; }
    #auxGroupContentAndRight #content { width: 540px; float: left; }
	/* prawe menu */
	#rightMenu { float: right; width: 220px; margin-top: -30px; }








		/* aktualności */
		#newsContent { margin: 10px 0 15px 20px; padding: 0 10px 5px; border: #fff 1px solid; }
			#newsContent dt { padding: 5px 0 0 13px; background: transparent none 0 10px no-repeat; line-height: 13px; }
			#newsContent dd.date { padding: 0 0 5px 13px; }
			#newsContent dd { font-size: 10px; }
			#newsContent dd#newsShowAll { padding: 10px 0 5px 0; }

		/* nowości */
		#newestItemHeader { padding: 0 0 10px 20px; background: transparent none 20px 100% no-repeat; }
		#newestItemItem { padding-left: 33px; height: 205px; }

/* pojedynczy boks z przedmiotem */
.item { width: 180px; height: 274px; }
    .item h4, .item a { display: block; width: 152px; margin: 3px auto; }
    .item p { display: block; width: 160px; margin: 0 auto; }
	.item h4 { line-height: 13px; height: 40px; }
		.item h4 a { width: 160px; height: 40px; margin: 10px 0 0 0; border-width: 0; text-align: center; }
	.item a { width: 140px; height: 140px; border: 6px solid #fff; text-align: center; }
    
    div .promoBox { height: 14px; width: 140px; margin: 2px auto; position: relative; top: -154px; }
    div .promoBox div { height: 14px; width: 140px; background-color: #64b152; font-weight: bold; font-size: 10px; color: #fff; text-align: center; }
	div .productInfoBox { position: relative; top: -18px; }
	.item p { line-height: 16px; }
    
	/* formularz dodania do koszyka */
	.item .productInfoBox form {padding: 0; margin: 4px; }
	.item fieldset { padding: 0; border-width: 0; }
		.toCart input.quantity, .item form input.quantity { width: 17px; height: 15px; padding: 0; margin: 0; border: 1px solid #fff; position: relative; top: -1px; }
		.toCart input.submit, .item form input.submit { width: 95px; height: 24px; border-width: 0; background: transparent none 0 0 no-repeat; }

/* stopka */
	#footer { clear: both; width: 980px; display: block; margin: 0; height: 30px; border-top: 2px solid #fff; }
		#footer p { line-height: 30px; }