@import "colors";

.GradientBg(@color1, @color2, @direction:bottom){ background: @color2; 
  background: -webkit-linear-gradient( @direction, @color1, @color2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( @direction, @color1, @color2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( @direction, @color1, @color2); /* For Firefox 3.6 to 15 */
  background: linear-gradient( to @direction, @color1, @color2); /* Standard syntax */
}


a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {margin:0; padding:0; border:0; font-size:100%; font-weight:inherit; font-style:inherit; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block; }
a, ins, del {text-decoration:none; }
ul, ol {list-style:none; }
table {border-spacing:0; border-collapse:collapse; }
q:after, q:before {content:""; }
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul {margin:0; padding:0; border:0; font-weight:normal; }

body { background-color:e("#@{bodyBg}"); font-family:Verdana; font-size:11px;
	strong, b {font-weight: bold; }
	em, i {font-style:italic; }
}	

.clear {clear:both; width:100%; }
a {color:e("#@{linkText}"); text-decoration:none; 
	&:hover {color:e("#@{linkTextHover}"); text-decoration:underline; }
}
.skiplink {position:absolute; top:-500px; left:0px; overflow:hidden; }
input[type="text"], .input, .submit, select, textarea { font-size:11px; border:1px e("#@{inputBorder}") solid; background: e("#@{inputBg}"); color: e("#@{inputText}"); }
input[type="text"][disabled="disabled"], .input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] { border:1px e("#@{inputBorderDisabled}") solid; background: e("#@{inputBgDisabled}"); color: e("#@{inputTextDisabled}"); }
.input, .select, textarea, .checkbox, .radio {vertical-align:baseline; }
.input, .select, textarea {padding:3px; }
.radio, .checkbox {margin:0; vertical-align:baseline; }
.input:hover, .input:focus, textarea:hover, textarea:focus, select:hover, select:focus {border-color:e("#@{inputBorderHover}"); }
.submit[type=image] {border:none; background-color:transparent; }
.submit-styled { padding:4px 10px 5px 10px; display:inline-block; margin:0 10px; background-color:e("#@{submitBg}"); font-size:11px; color:e("#@{submitText}"); text-decoration:none; text-align:center; outline:none; display:inline-block; border:1px solid e("#@{submitBorder}"); cursor:pointer; text-align:center; font-weight:bold; 
	&:hover, &:focus {background-color:e("#@{submitBgHover}"); border:1px solid e("#@{submitBorderHover}"); text-decoration:none; color:e("#@{submitTextHover}");}
	input&{ height:27px; min-width: 115px; }
	a& { height:16px; min-width: 93px;}
}	
.table-styled, .form-styled {
	th {width:105px; text-align:right; padding:5px; vertical-align:middle; border:none; }
	td {width:200px; text-align:left; padding:5px; vertical-align:middle; border:none; }
}
.form-styled {
	h2 {color:e("#@{formHeaderText}"); font-weight:bold; margin-bottom:5px; text-align:center; }
	.input, textarea {width:200px; padding:3px; }
	select {width:208px; padding:3px; }
	.buttons {text-align:center; }
}
.validation-error {border:1px e("#@{wrong}") solid !important; color:e("#@{wrong}") !important; }
.message {margin:0 0 10px 0; 
	&#basket_error, &#order_error, &#error {color:e("#@{wrong}"); }
	&#ok {color:e("#@{correct}"); }
}	
.box-rounded {border:1px solid e("#@{defaultBorder}");  }

.content {font-size:11px; margin:10px 10px 10px 10px; text-align:justify; width:670px; 
	p {margin-bottom:5px; text-align:justify; font-size:12px; }
	a {text-decoration:underline; color:e("#@{contentLinkText}"); 
		&:hover {text-decoration:underline; color:e("#@{contentLinkTextHover}"); }
	}
	ol {list-style:decimal inside none; list-style-position:outside; margin:20px; display: inline-block; }
	ul {list-style:disc inside none; list-style-position:outside; margin:10px 20px; display: inline-block; }
	em {font-style:italic; }
	ins {text-decoration:underline; }
	strong {font-weight:bold; }
	table {border-spacing:0; border-collapse:collapse; }
	table td, table th {padding:5px; border:1px e("#@{tableBorder}") solid; }
	form table td, form table th {border:none; }
	table th {font-weight:bold; }
	h1 {font-weight:bold; margin:5px 0; }
	h2, h3 {font-weight:bold; margin-bottom:5px;}
	.nonstyled td {border:none; }
}
#page>.content {margin:10px 5px 10px 0; }
#product>.content {margin:10px 10px 10px 0; }

#container {width:100%; text-align:center; background: url("images/metal.jpg") repeat center center e("#@{containerBg}");}
#head1-wrapper {width:100%; min-width:990px; height: 90px; margin:0 auto; }
#head1 {width:990px; margin:0 auto;
	a { color: e("#@{bodyLinkText}");
		&:hover{ color: e("#@{bodyLinkTextHover}"); }
	}
}
#head2-wrapper {width:100%; min-width:990px;  margin:0 auto; border-width: 3px 0 3px 0; border-style: solid; border-color: e("#@{paginationText}");}
#head2 {width: 100%; margin:0 auto; }
#head3 {width:990px; margin:0 auto; }

#logo {float:left; margin: 0 0 0 50px; position:relative; text-align:left; width: auto; 
	span {position:absolute; right:28px; top:10px; display:none; }
	&:hover span {display:block; color:e("#@{bodyText}"); }
}
#lang-select {min-height:30px; margin:0; padding:0; border:0; float:right; width:95%; 
	ul {text-align:left; min-height:30px; margin:0 auto; padding:0; border:0; }
	li {width:30px; height:30px; display:inline-block; margin:2px; padding:0; border:0; }
	a {width:30px; height:30px; display:inline-block; margin:0; padding:0; border:0; 
		&:hover {background-position:bottom; }
	}
}


#breadcrumb {text-align:left; width:685px; margin: 10px 5px 5px 0; float:right; font-size:10px; color: e("#@{breadcrumbText}");
	.order & {width:970px; }
	&>span {position:relative; min-height:12px; display:inline-block; z-index:1000; 
		div.breadcrumb-pages{position:absolute; left:0; top:12px; min-width:200px; min-height:14px; background-color:e("#@{breadcrumbBg}"); display:inline-block; border:1px solid e("#@{breadcrumbBorder}"); padding:10px; z-index:1001; 
			strong a{font-weight:bold; display:block; margin-bottom:10px; margin-top:0; }
			a{display:block; margin-top:3px; }
		}
	}
	span:hover > a, a:hover {color:e("#@{breadcrumbTextHover}"); }
}
.head_search {display: inline-block; float: none; height: 60px; left: 50%; margin: 2px auto 2px -495px; position: absolute; top: 220px; width: 990px; z-index: 100;
	.search-form {width:auto; height:50px; margin:10px 0 0 30px; float:left; 
		p {
			&.text {font-style:italic; display:inline; margin:0 0 5px 0; display:none; }
			&.adv {text-align:right; margin-right:45px; font-size:9px; }
		}
		.search_input {width: 185px; padding: 5px 3px 5px 10px; margin:2px 5px 0 5px; border: 1px solid e("#@{defaultBorder}"); font-size: 14px; color:e("#@{bodyText}"); 
			&.empty {text-align:center; color:e("#@{bodyText}"); }
		}
		.submit {vertical-align:middle; background: url("images/@{icoDelBg}/submit_search.png") no-repeat center center transparent; width: 24px; height: 24px; display: inline-block; cursor: pointer; border: none; margin-top: -6px;}
	}
}
.head_basket {width:280px; margin:2px; float:right; display:inline-block; height:60px; background:transparent url("images/@{bodyIco}/ico_basket.png") no-repeat 30px center; 
	span.basket{font-weight:bold; color:e("#@{bodyText}"); margin:15px 0 0 80px; text-align:left; display:block; }
}	
.menu1 {float:left; margin:5px 0px 0 80px; clear:right; color:e("#@{bodyText}"); text-align:left; 
	a {color:e("#@{bodyText}"); }
	.basket-menu a {display:none; }
}
.menu2 {width: auto; margin: 0 2px /*2px 2px 2px 2px*/; float:right; display:inline-block; height: 20px; clear: right;
	li {display:inline-block; margin:2px 0 0 0; padding:0 5px; border-left:1px solid e("#@{bodyText}"); text-align:left; text-transform:uppercase; 
		a {color:e("#@{bodyText}"); }
		&.first {border:none; }
	}
}
#fixed_storage, #storage {width:280px; margin:2px; float:right; display:inline-block; height:60px; background:transparent url("images/@{bodyIco}/ico_storage.png") no-repeat 35px center; text-align:left; 
	a {color:e("#@{bodyText}"); display:block; float:left; height:30px; margin:23px 0 0 0; padding:0 0 0 80px; }
}	

#menu3-container {margin: 5px auto 5px auto; float: right; display:block;}
#menu3 {list-style:none; color:e("#@{menu3Text}"); font-size:14px; margin:0px auto; background-color: e("#@{menu3BgTop}"); float: left; width: 750px;  border-width: 0 1px 0 1px; border-style: solid; border-color: e("#@{menu3Border}"); /*height: 65px;*/ height: 50px;
  
	li {display:inline; float:left; margin: 0 0;
		&.last {background:none; }
		&.selected, &:hover {background-color:e("#@{menu3BgHover}");
			a {text-decoration:none; color:e("#@{menu3TextHover}"); }
		}
		&:first-child {
			a {border-width: 0 1px 0 0;}
		}
		&:hover {
			ul.sub1 {display: block; }
		}
		ul.sub1 {display: none; position: absolute; z-index: 101; width: 212px; padding: 7px 5px; top: 50px; padding: 2px 2px 2px 2px; background-color: e("#@{menu3BgTop}");
			li {width: auto; width: 100%; text-transform: none; text-align: left; height: auto; background: none; border-bottom: 1px solid e("#@{menu3Text}");
				&.last {border: none;}
				a {width: auto; display: block; height: auto; text-transform: none; padding: 10px 6px; margin: 0; border: none; color:e("#@{menu3Text}");
					&:hover {color: e("#@{menu3TextHover}"); background-color: e("#@{menu3BgHover}");}
					&.selected {color: e("#@{menu3TextHover}"); background-color: e("#@{menu3BgHover}");}
				}
			}
		}
	}
	a {color:e("#@{menu3Text}"); display: block; text-decoration:none; padding: 6px 15px; margin-top:0px; background-color:transparent; transition: background-color 0.4s, color 0.4s; -webkit-transition: background-color 0.4s, color 0.4s; font-size: 15px; font-family: Arial; text-transform: uppercase; min-width: 70px; margin: 9.3px 0; border-width: 0 1px 0 1px; border-style: solid; border-color: e("#@{menu3Border}"); 
		&.selected, &:hover {text-decoration:none; color:e("#@{menu3TextHover}"); }
	}
}

.menu4_container {position:relative; padding-bottom:18px; }
#menu4 {float:left; list-style:none; width:270px; margin:0 0 0 0; padding: 0px 0 10px 0; font-size:12px; text-align:left; 
 
	a {text-decoration:none; color:e("#@{menu4Text}"); display:block; transition: background-color 0.4s, color 0.4s; -webkit-transition: background-color 0.4s, color 0.4s; 
		&.selected, &:hover {text-decoration:none; color:e("#@{menu4TextHover}"); }
	}
	li.parent {font-weight:bold; }
	&>li.parent>a {text-decoration:none; color:e("#@{menu4TextHover}"); font-weight:normal; background-color: e("#@{menu4BgHover}");}
	&>li {width:268px; float:left; border:1px solid e("#@{menu4Border}"); margin:0 ; padding:0; 
		&>a {min-height:18px; overflow:hidden; margin:0px 0px 0px 0px; padding:3px 0px 3px 10px; font-size:13px; 
			&.selected, &:hover {text-decoration:none; background-color:e("#@{menu4BgHover}"); }
		}
	}
	ul {clear:left; padding:0; font-size:12px; background-color: e("#@{menu4SubMenuBg}");
		li {border-bottom:1px solid e("#@{menu4BorderSub}");
			a{
				&.selected, &:hover {background-color: e("#@{menu4SubMenuHover}");}
			}
		}
		a {padding: 3px 0 3px 15px; }
		ul {padding-left:15px; }
	}
	span.products-count {font-size:9px; }
}

#column {width:280px; float:left; margin-left:5px; padding-left:10px; 
	&>h4 {margin-bottom: 0; margin-top: 15px;}
	h4, h5 {font-size:13px; color:e("#@{columnHeaderText}"); font-weight:bold; text-transform:uppercase; position:static; text-align:left;  padding:10px; box-shadow: 0 3px 2px e("#@{columnHeaderShadow}"); .GradientBg( e("#@{columnHeaderBgRB}"), e("#@{columnHeaderBgTL}"), left top ); max-width: 250px;}
	p {font-size:11px; }
	ul{font-size:11px; }
	a{font-size:11px; }
	.box-no-header {clear:both; margin:5px 0; width:100%; }
	div.box {margin:0px 0 20px 0; width:270px; clear:both; position:relative; padding:0 0 20px 0;  
		p {margin:3px 13px 3px 3px; }
	}
	.poll {padding:0; border-bottom:none; float:left; border:none; margin:0 0 10px 0; color:e("#@{pollText}");
		h6 {margin-top: 5px; text-align: center; font-size: 11px; }
		.poll_options, .poll_results {width:270px;
			p {font-style:normal;}
		}
	}
}
.poll {
	.radio {vertical-align:top; }
	p {text-align:left; margin:0 5px 3px 5px; }
	.poll_options, .poll_results {margin:5px auto; width:400px; 
		p {padding:0 10px 3px 10px; }
	}	
}

#basketslider_front_front { background-image: url("images/@{basketSliderText}/tab_basketslider.png"); }
#fastbasketslider_front_front { background-image: url("images/@{basketSliderText}/tab_fastbasketslider.png"); }
#basketslider_front_front, #fastbasketslider_front_front {font-weight:bold; background-color: e("#@{basketSliderBg}"); position:relative;
	span {display:block; font-size:14px; height:25px; position:absolute; top:80px; color:e("#@{basketSliderText}"); font-weight:normal;
		-ms-transform: rotate(-90deg); /* IE 9 */
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		transform: rotate(-90deg);
	}
}
#basketslider_front_front span{ width:100px; left:-30px; }
#fastbasketslider_front_front span{ width:190px; left:-75px;}

#basket-small-container {min-height:200px; 
	span.basket-empty {text-align:center; display:block; margin:30px auto; color:e("#@{info}");}
	#basket {text-align:left; font-size:11px; 
		li {display:block; clear:both; padding:0 10px 20px 0px; color:e("#@{basketSmallText}"); margin:5px; }
		.photo {width:50px; height:50px; float:left; display:block; text-align:center; margin:0 10px 10px 0; background:e("#@{photoBg}");
			img {margin:0 auto; }
		}
		.name {display:block; color:e("#@{basketSmallProductText}"); font-weight:normal; }
		.price span {font-weight:bold; color:e("#@{price}"); }
		.quantity span {font-weight:bold; }
	}
	.basket-more {float:right; text-align:center; height:18px; }
	.basket-summary {float:left; text-align:left; display:inline-block; padding:0 0 0 10px; font-size:11px; margin:7px 0 0 0;
		span {font-weight:bold; color:e("#@{price}");
			&.price {margin-left:4px; }
		}
	}
	#basket-bottom {float:left; margin:0 10px 0 0; width:300px; height:35px; 
		a {float:left; margin-right:3px; 
			&:hover {text-decoration:none;  }
		}
	}
}

#basket-fast-container {min-height:200px;
	label {display: block; margin:0px 5px 0 15px; width: 320px; 
		&.med {width: 210px; float: left; }
		&.short {width: 90px; float: left; }
		input, textarea {display: block; width: 320px; margin: 0; }
		&.med input {display: block; width: 210px; margin: 0; }
		&.short input {display: block; width: 90px; margin:0; }
		textarea {height: 70px; }
	}
	.submit {margin: 0px auto 5px auto; display: block; }
}

#google_translate_element {height:50px; }

#filter_content {float:left; margin:5px 0 0; padding-bottom:14px; position:relative; width:270px; }
.attrib-color-box {display:inline-block; height:13px; width:13px; border:none; vertical-align:middle; border-radius:13px; }



#filter {width:100%; margin-top:10px; 
	label.price, span {color:e("#@{filterHeader}"); font-weight:bold; display:inline; margin:0 0 0; }
	#filter-price-from, #filter-price-to {width:65px; }
	&>ul {text-align:left; margin:10px 0 0 10px; width:240px; 
		&>li {border-bottom:3px solid e("#@{filterBreak}"); padding:0 0 10px 0; margin:0 0 10px 0;
			button.ui-multiselect { width: 250px !important; }
		}
		span {display:block; margin:0 0 5px 0; }
		li li {color:e("#@{filterOption}"); }
	}
	.actions {width:100%; display:block; text-align:right; vertical-align:middle; }
	input {vertical-align:middle; }
	.filter_attribute_slider .val {display:none; min-height:18px; margin-bottom:8px; }
	a {
		&.filter-values, &.filter-attribs {text-align:center; margin:5px 0; display:block; }
	}
}

#main {width:990px; margin:-75px auto 5px; text-align:center; padding:0 0 10px 0; background:e("#@{mainBg}"); position: relative; z-index: 10;}

#page, #product, #highlited-all-container {width:670px; margin:0 20px 0 0; float:right; color: e("#@{mainText}");}
#page.iframe {width:auto; margin:10px; float:none; }
.order #page {width:955px; margin-right:20px; 
	&>.content {width:950px; }
}
#rss {float:right; background:transparent url('images/ico_rss.gif') no-repeat scroll left top; display:block; width:24px; height:24px; margin:0 10px 0 -5px; 
	span {display:none; }
}
#social {float:right; height:24px; margin:0 10px 0 0; 
	a {display:inline-block; width:20px; height:20px; margin:2px 2px 0 0; 
		span {display:none; }
	}
	#fb-share {background:transparent url('images/social_facebook_small.png') no-repeat scroll left top; }
	#blip-share {background:transparent url('images/social_blip_small.png') no-repeat scroll left top; }
	#twitter-share {background:transparent url('images/social_twitter_small.png') no-repeat scroll left top; }
	#nk-share {background:transparent url('images/social_nk_small.png') no-repeat scroll left top; }
	#gg-share {background:transparent url('images/social_gg_small.png') no-repeat scroll left top; }
}
#page, #product {
	&>h1{font-size:18px; color:e("#@{mainHeader}"); font-weight:normal; padding:0 0 5px 0px; margin:5px 0px 15px 0px; border-bottom:2px solid e("#@{mainHeaderBreak}"); text-align:left; }
	&>h2, &>h3, &>h4 {font-size:14px; font-weight:bold; padding:0 0 10px 0px; margin:10px 0px 15px 0px; border-bottom:2px solid e("#@{mainHeaderBreak}"); text-align:left; clear:both; }
}	

#producers_filter {text-align:center; clear:both; 
	li {width:60px; height:60px; display:inline; list-style-type:none; margin:0; padding:0; 
		a {width:50px; height:50px; margin:5px 3px; padding:0; display:inline-block; text-align:center; vertical-align:middle; line-height:60px; text-decoration:none; white-space:nowrap; 
			span {line-height:10px; display:inline-block; }
		}
	}
}

#products-head { padding:5px; text-align:right; margin:0 auto; width:650px;
	fieldset, .products-per-page, .products-sort {display:inline; }
	.products-view {display:inline; 
		li {display:inline; }
	}
}
ul#products {width:100%; float:left; }

#products {
	div.blur {position:absolute; left:0; top:0; right:0; bottom:0; background-color:e("#@{productsBlurBg}"); opacity:0.75; text-align:center; padding-top:75px; font-weight:bold; font-size:24px; color:e("#@{productsBlurText}"); }
	.boxes.double_price {height:435px; }
	.boxes {width:211px; height:374px; margin:0 5px 10px 5px; float:left; border:1px solid e("#@{defaultBorder}"); text-align:center; position:relative; 
		h2 {padding:5px 5px 5px 5px; min-height:12px; font-weight:bold; height:24px; 
			a {color:e("#@{productsHeaderText}"); text-decoration:none; }
		}
		.photo, .nophoto {width:190px; height:190px; line-height:190px; margin:0 auto; position:relative;   background:e("#@{photoBg}");
			.promo {bottom:0; color:e("#@{productsPromoText}"); font-size:10px; font-weight:bold; height:12px; line-height:normal; padding:10px 5px; position:absolute; right:-10px; text-align:right; text-transform:uppercase; width:85px; }
			.discount {background:e("#@{salePromoBg}"); }		}
		.photo img {vertical-align:middle; }
	}
	.price {font-size:12px; margin-top:5px; height:54px; 
		.price_type {text-align: left; margin-left: 5px; color:e("#@{priceType}"); font-size: 8px; font-weight: bold; text-transform: uppercase; }
		.old {color:e("#@{priceOld}"); text-decoration:line-through; }
		&>.value {color:e("#@{price}"); font-weight:bold; font-size:20px; }
		&>.currency {color:e("#@{price}"); }
		&>.save, &>.catalog {color:e("#@{priceOld}"); text-transform:lowercase;
			&>.value, &>.currency {color:e("#@{price}"); }
		}
	}
	.compare {display:inline-block; text-decoration:none; margin:0 5px 0 5px; font-size:10px; height:18px; vertical-align:middle; line-height:18px; float:left; 
		input {vertical-align:middle; }
		label {color:e("#@{productsLinkText}"); cursor:pointer; 
			&:hover {color:e("#@{productsLinkTextHover}"); }
		}
	}
	a.basket {width:165px; height:45px; display:inline-block; padding:20px 0 0 22px; margin:0 0 0 0; background:transparent url("images/@{basketBg}_@{basketText}_@{basketShadow}/koszyk_produkty.png") no-repeat scroll center center; font-size:14px; color:e("#@{basketText}"); text-decoration:none; }
	
	.storage {width:120px; height:18px; display:inline-block; padding:3px 0 0 10px; margin:0 0 0 0; background:transparent url("images/@{productsLinkText}/schowek_produkty.png") no-repeat scroll left center; font-size:10px; color:e("#@{productsLinkText}"); text-decoration:none; 
		&:hover {color:e("#@{productsLinkTextHover}"); }
	}
	.list {width:645px; min-height:180px; padding:10px; margin:0 0 10px 0; float:left; position:relative; 
		h2 {font-weight:bold; text-align:left; margin:0 0 10px 0; 
			a {font-size: 17px; color: e("#@{productText}");
				&:hover {color: e("#@{productTextHover}");}
			}
		}
		.c1, .c2, .c3 {min-height:100px; float:left; }
		.c1 {width:200px; text-align:left; 
			.photo {text-align:center; position:relative;  background:e("#@{photoBg}");}
			.nophoto {position:relative; min-height:100px;  background:e("#@{photoBg}");}
			.photo, .nophoto {
				.promo {bottom:0; color:e("#@{productsPromoText}"); font-size:10px; font-weight:bold; height:12px; line-height:normal; padding:10px 5px; position:absolute; right:0; text-align:right; text-transform:uppercase; width:85px; }
				.discount {background:e("#@{salePromoBg}"); }			}
		}
		.c2 {width:230px; padding:5px; 
			.producer {text-align:left; margin-bottom:5px; }
			div.description {text-align:justify; }
			.compare {margin:5px 0 0 -2px; }
		}
		.c3 {width:205px; text-align:center; padding-bottom:25px; 
			.storage {float:right; margin-right:20px; }
		}
	}
	.basket-container {position:absolute; bottom:5px; right:10px; width:205px; }
	th, td {padding:3px 0; position:relative; }	

	table& {width:100%;
		tr {
			&.l1 {background-color:e("#@{productsTableBgAlternate}"); }
			th {text-transform: lowercase; }
			td {
				&.name {text-align: left; padding-left: 5px; }
				&.price {width: 200px; height:45px; }
				&.basket {width: 56px; }
			}
		}
		a.basket {width:34px; height:45px; display:inline-block; padding:5px 0 0 22px; margin:0 0 0 0; background:transparent url("images/@{basketBg}_@{basketText}_@{basketShadow}/koszyk_produkt_mini.png") no-repeat scroll center center; font-size:1px; color:transparent; text-decoration:none; }
	}	
	
}

#product {
	#gallery {width:340px; height:420px; border:1px e("#@{defaultBorder}") solid; min-height:100px; float:left; overflow:hidden; background: e("#@{photoBg}");
		#gallery_list img { border:2px solid #ffffff; }
		.active img { border:2px solid #333333 !important; }
		#product_image { position: static !important; margin: auto; }
		.zoomWrapper { margin: 5px auto; overflow: hidden; }
	}
	img.producer-logo {margin-bottom:10px; max-width:250px; max-height:150px; }
	.box {width:315px; float:right; margin:0 0 -5px; padding:5px 0 5px 0; clear:right; }
	a.products_avail_newsletter { border: medium none; color:e("#@{basketText}"); cursor: pointer; font-weight: bold; text-transform: uppercase; vertical-align: middle; display: inline-block; font-size: 12px; text-align: center; width: 145px; height: 41px; padding: 15px 35px 16px 76px; margin-top: 0px; background: url("images/@{basketBg}_@{basketText}_@{basketShadow}/newsletter_produkt.png") no-repeat scroll center center transparent; 
		&:hover { text-decoration: none; }
	}
	
	#order { clear:right;
		.price-additional, .price-additional-old{ display:block; width:315px; float:right; margin:3px 0 10px 10px; clear: right; 
			p {text-align:left; 
				.old {color:e("#@{priceOld}"); text-decoration:line-through; }
			}
		}
		#cntdwn-container {width:270px; clear: right; float:right; height:80px; color:e("#@{priceTimeClock}"); background:url("images/@{priceTimeClock}/czas_produkt.png") no-repeat scroll left center transparent; padding:10px 0 0 50px; 
			#cntdwn-header {text-align:left; }
			#cntdwn {font-size:14px; text-align:left; 
				b {display:inline-block; font-size:20px; color:e("#@{priceTime}"); width:25px; text-align:right; }
			}
			#groupon-buyers {text-align:right; padding-top:3px; 
				span {font-weight:bold; }
			}
		}
		#basket-add {float:right; width:320px; margin-top:5px; clear:right; 
			dt, dd {margin:0 0 5px 0; }
			dt {width:120px; text-align:right; float:left; clear:left; padding:0 10px 0 0; }
			dd {width:160px; text-align:left; float:left; 
				select {width:150px; }
			}
		}
		.submit {background:transparent url("images/@{basketBg}_@{basketText}_@{basketShadow}/koszyk_produkt.png") no-repeat scroll center center; border:none; color:e("#@{basketText}"); cursor:pointer; font-size:20px; font-weight:normal; text-transform:uppercase; vertical-align:middle; width:261px; height:71px; text-align:left; padding:0px 0 15px 80px; margin-top:15px;}

		.pricebox_title {text-align: left; text-transform: uppercase; width: 315px; float: right; clear: right; margin: 10px 0 2px; font-weight: bold; color:e("#@{priceType}"); }
		.pricebox {float:right; clear:right; width:320px; height:70px; border: 1px solid e("#@{defaultBorder}");
			.GradientBg(e("#@{productPriceBoxTop}"), e("#@{productPriceBoxBottom}"));
			#product-negotiate-button {background:url("images/@{productNegetiate}_@{productNegotiateScissors}/negocjuj_produkt.png") no-repeat scroll right top transparent; float:right; font-weight:normal; height:33px; margin:-5px -10px -20px 0; padding:9px 5px 0 0; width:138px; text-align:left; 
				&:hover {text-decoration:underline; }
			}
			p.price-title {text-align:left; margin:4px 0 0 5px; }
			.price {color:e("#@{price}"); font-size:16px; padding-top:3px; 
				.price {font-size:26px; font-weight:bold; }
			}
			.price-container {width:310px; height:45px; margin:5px 0; 
				.discount-container {width:160px; float:right; text-align:left; font-weight:bold; padding:7px 0 0 5px; 
					p {font-weight:bold; 
						.value {color:e("#@{price}"); }
					}
				}
			}
		}
	}
	.storage {background:transparent url("images/@{productsLinkText}/schowek_produkt.png") no-repeat scroll left center; color:e("#@{productsLinkText}"); cursor:pointer; float:right; height:21px; margin:0 25px 0 0; padding:9px 0 0 25px; width:110px; text-align:left; display:inline-block; 
		&:hover {text-decoration:none; color:e("#@{productsLinkTextHover}"); }
	}
	#info {
		p {text-align:left; margin:0 10px 3px 10px; padding:0 0 0 15px;  background:transparent url('images/@{productsInfoText}/bullet_produkt.png') no-repeat scroll left center; color:e("#@{productsInfoText}"); 
			a {text-align:left; color:e("#@{productsInfoLinkText}"); }
		}
		#stock-level img {vertical-align:middle; }
	}
	#basket {position:relative; 
		span.quantity-container {margin-top:23px; }
	}
	#zagiel-button {float:right; clear:right; margin:10px 0; }
	#LR-button {margin:auto; line-height:54px; clear:right; 
		img {vertical-align:middle; }
	}
	#attributes-table {width:600px; margin:0 auto; font-size:10px; 
		td, th {padding:5px; border-width:0 0 1px 0; border-style:solid; border-color:e("#@{defaultBorder}"); text-align:left; }
		th {width:200px; text-align:right; }
		strong {font-weight:bold; }
	}

	#product-tabs {margin:10px 0 10px 0; float:left; width:100%; text-align:justify; 
		.headers {display:none; 
			li {border:1px solid e("#@{defaultBorder}");padding:10px 7px; margin:0 1px 0 0;
				.GradientBg(e("#@{productPriceBoxBottom}"), e("#@{productPriceBoxTop}"), right);
			}
			a {color:e("#@{productTabsHeaderText}"); text-decoration:none; display:block; }
		}
		.lib-tabs-nav {float:left; display:inline-block; width:668px; 
			li {float:left; display:inline-block; }
		}
		.lib-tabs-selected, .lib-state-hover {
			a {color:e("#@{productTabsHeaderTextHover}"); }
		}
		.lib-tabs-panel {width:648px; float:right; 
			h3 {display:none; }
		}
		.tab {border:1px solid e("#@{defaultBorder}"); padding:10px; margin:0; overflow:auto;
			h4 {font-size:14px; font-weight:bold; margin-bottom:10px; }
			hr {border:1px solid e("#@{defaultBorder}"); margin:10px; color:e("#@{defaultBorder}"); height:1px; }
			table {width:100%; margin:auto; }
			#product-error #product-recommend #product-ask-tab {
				table {width:55%; }
			}
		}
	}
	table#product-variants {width:100%; margin:10px 0; 
		a.products_avail_newsletter { background: url("images/@{basketBg}_@{basketText}/newsletter_produkt_min.png") no-repeat scroll center center transparent; border: medium none; color:e("#@{basketText}"); cursor: pointer; display: inline-block; font-size: 9px; font-weight: normal; height: 13px; margin-top: 0; padding: 5px 10px 5px 40px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 195px; }
		th {font-weight:bold; text-align:center; font-size:10px; padding-bottom:3px; 
			&.description {text-align:left; } 
		}
		tr{border-bottom:1px solid e("#@{defaultBorder}"); }
		td{padding:10px 5px; 
			&.description {
				h3 {font-weight:bold; font-size:12px; text-align:left; margin:0 10px 3px 0; float:left; }
				p {text-align:left; font-size:10px; 
					&.visual-stock {float:left; }
					&.available {float:left; }
				}
				ul.attributes {margin:5px; color:e("#@{productsInfoText}"); clear:left; 
					li{text-align:left; font-size:10px; 
						strong {font-weight:bold; color:e("#@{productsInfoTextAlternate}"); }
					}
				}
			}
			a img {float:left; margin:0 5px 5px 0; }
			&.count {width:80px; text-align:center; font-size:10px; 
				input {width:30px; }
			}
			&.price {width:80px; text-align:center; 
				.price-title{text-transform: uppercase; margin: 5px 0 2px; font-weight: bold; color:e("#@{priceType}"); }
				.price{margin: 2px 0 5px; }
				.old {text-decoration:line-through; }
			}
			&.basket {width:80px; text-align:center; }
			.submit {background:transparent url("images/@{basketBg}_@{basketText}_@{basketShadow}/koszyk_produkt_mini.png") no-repeat scroll center center; border:none; cursor:pointer; width:65px; height:55px; }
		}
		tfoot td {text-align:right; color:e("#@{productsInfoText}"); padding:0px; 
			&.basket{width:80px; text-align:center; }
		}
	}

	.product-related {
		ul {width:480px; float:right; height:250px; font-size:12px; 
			li {text-align:left; padding:6px 10px; overflow:hidden; position:relative;
				&.alternate { background-color:e("#@{productsBgAlternate}");
					.details { background-color:e("#@{productsBgAlternate}"); }
				}
				&.lib-state-hover-dynamic h3 a {color:e("#@{productsHighlitedTextHover}"); }
				a.anhor {display:none; }
				h3 {display:inline; margin:0 5px 0 0; font-weight:bold; 
					a {color:e("#@{productsHighlitedText}"); text-decoration:none; }
				}
				.photo, .nophoto {display:none; }
				.price {display:inline; color:e("#@{price}"); margin:0 5px 0 0; 
					.old {text-decoration:line-through; color:e("#@{priceOld}"); }
				}
				.details {float:right; background:e("#@{productsBg}") url(images/ico_arrow02.png) no-repeat center center; width:21px; height:25px; position:absolute; right:0px; top:0px; 
					span {display:none; }
				}
			}
		}
		.lib-tabs-panel {width:200px; height:200px; float:left; }	
	}
}	


#content {
	.highlight-type {float:right; margin:0 5px 0 0; width:680px; }
	.product-highlighted-container {float:left; margin:0 0 25px 0px; 
		h2 {font-size:13px; font-weight:bold; margin:0 0 5px 0; text-align:left; 
			span {font-weight:normal; color:e("#@{highlitedTopText}"); }
		}
	}
	.product-highlighted {
		.more {text-align:right; color:e("#@{linkMoreText}"); font-size:11px; margin:0 10px 5px 0; clear:both; 
			a {color:e("#@{linkMoreText}"); }
		}
	}
	.hl_list_photo .product-highlighted {width:665px; 
		ul {width:460px; float:right; height:190px; margin:5px 0 5px 0; 
			li {text-align:left; padding:6px 10px; overflow:hidden; position:relative; height:14px; white-space:nowrap; 
				&.lib-state-hover-dynamic h3 a {color:e("#@{productsHighlitedTextHover}"); }
				&.alternate {background-color:e("#@{productsBgAlternate}");
					.details { background-color:e("#@{productsBgAlternate}");}
				}
				a.anhor {display:none; }
				h3 {display:inline; margin:0 5px 0 0; font-weight:bold; white-space:nowrap; max-width:300px; overflow:hidden; 
					a {color:e("#@{productsHighlitedText}"); text-decoration:none; }
				}
				.price_type {text-align: left; margin-left: 5px; color:e("#@{priceType}"); font-size: 8px; font-weight: bold; text-transform: uppercase; }
				.price {display:inline; color:e("#@{price}");
					&>.value {font-weight:bold; }
					.old {text-decoration:line-through; color:e("#@{priceOld}"); }
				}
				.details {display:inline-block; float:right;  width:21px; height:25px; position:absolute; right:0px; top:0px; background:e("#@{productsBg}") url("images/@{price}/arrow_more.png") no-repeat center center;
					span {display:none; }
				}
			}
		}
		.photo, .nophoto {display:none; position:relative;   background:e("#@{photoBg}");
			.promo {bottom:0; color:e("#@{productsPromoText}"); font-size:10px; font-weight:bold; height:12px; line-height:normal; padding:10px 5px; position:absolute; right:-11px; text-align:right; text-transform:uppercase; width:85px; }
			.discount {background:e("#@{salePromoBg}"); }		}
		.lib-tabs-panel {width:200px; height:190px; float:left; margin:5px 0 5px 0; 
			img {max-height:190px; }
		}
	}
	.hl_banner .product-highlighted {width:675px; padding:0px; float:right; 	
		ul {list-style-type:none; padding:0; margin:5px 0 -30px 0; height:216px; overflow:hidden; }
		li {text-align:left; margin:0; padding:0; position:relative; background:transparent url("images/@{hlBannerShadow}_@{hlBannerBackground}_@{hlBannerColor}/highlight_banner.png") no-repeat top left; width:675px; height:220px; 
			h3 {margin:0 0 10px 0; font-weight:bold; 
				a {color:e("#@{highlitedBannerText}"); text-decoration:none; font-size:20px; }
			}
			.photo, .nophoto {position:relative; float:right; line-height:150px; margin:9px 0 0; text-align:center; width:200px;
				div.promo{top:10px; color:e("#@{productsPromoText}"); font-size:10px; font-weight:bold; height:12px; line-height:normal; padding:10px 5px; position:absolute; right:12px; text-align:right; text-transform:uppercase; width:85px; }
				.discount {background:e("#@{salePromoBg}"); }
				img {max-height:150px; vertical-align:middle; max-width:150px; margin:auto; margin-top:5px; }
			}
			.price_type {  left:10px; position:absolute; color:e("#@{priceType}"); font-size: 10px; font-weight: bold; text-transform: uppercase; 
				&.netto {bottom:125px;}
				&.gross {bottom:75px;}
			}
			.price { color:e("#@{price}"); font-size:28px; font-weight:bold; left:15px; position:absolute; text-align:left; text-shadow:1px 1px 0 e("#@{highlitedBannerPriceTextShadow}"), -1px -1px 0 e("#@{highlitedBannerPriceTextShadow}"), 1px -1px 0 e("#@{highlitedBannerPriceTextShadow}"), -1px 1px 0 e("#@{highlitedBannerPriceTextShadow}"); width:167px; 
				&.netto {bottom:90px;}
				&.gross {bottom:40px;}
			}
			.currency {font-size:17px; }
			.old {display: none;}
			.details {clear:left; float:left; position:absolute; bottom:40px; right:20px; color:e("#@{linkMoreText}"); }
		}
		.text {float:left; margin:20px 0 0 33px; overflow:hidden; text-align:center; width:400px; }
		.pages {float:left; margin:0; z-index:90; position:relative; }
		.more {float:right; margin:5px 15px 0 0; clear:none; z-index:90; position:relative; }
	}
	.hl_list_nophoto_2 .product-highlighted {width:305px; padding:0 10px; margin:0 2px; 
		ol {list-style-type:decimal; padding:0 0 0 25px; margin:5px 0 5px 0; height:110px; overflow:hidden; }
		li.alternate {}
		li {text-align:left; margin:0; padding:3px 2px; 
			h3 {display:inline-block; margin:0px 5px 0 0px; font-weight:bold; white-space:nowrap; display:block; }
			a {color:e("#@{productsHighlitedText}"); 
				&:hover {color:e("#@{productsHighlitedTextHover}"); text-decoration:none; }
			}
		}
	}
	.hl_list_nophoto .product-highlighted {width:330px; padding:0px; margin:0 2px; 
		ol {list-style-type:none; padding:0; margin:5px 0 5px 0; height:130px; overflow:hidden; }
		li {text-align:left; margin:0; padding:6px 10px; position:relative; height:14px; overflow:hidden; white-space:nowrap; 
			&.alternate {background-color:e("#@{productsBgAlternate}");
				.details { background-color:e("#@{productsBgAlternate}");}
			}
			h3 {display:inline; font-weight:bold;  margin: 0 5px 0 0;
				a {color:e("#@{productsHighlitedText}"); 
					&:hover {color:e("#@{productsHighlitedTextHover}"); text-decoration:none; }
				}
			}
			.price_type {text-align: left; color:e("#@{priceType}"); font-size: 8px; font-weight: bold; text-transform: uppercase; }
			.price {display:inline; color:e("#@{price}"); 
				&>.value {font-weight:bold; }
				.old {text-decoration:line-through; color:e("#@{priceOld}"); }
			}
			.details {display:inline-block; float:right; height:25px; width:21px; background:url("images/@{price}/arrow_more.png") no-repeat scroll center center e("#@{productsBg}"); position:absolute; right:0px; top:0px; 
				span {display:none; }
			}
		}
	}
	.hl_boxes.double_price .product-highlighted {width:658px; min-height:254px; }
	.hl_boxes {
		.product-highlighted {width:658px; 
			ul {list-style-type:none; 
				li {width:219px; float:left; vertical-align:top; padding:0; margin:0 0 5px 0px; 
					h3 {padding:5px 5px 5px 5px; min-height:12px; font-weight:bold; height:24px; 
						a {color:e("#@{productsHighlitedText}");
							&:hover {color:e("#@{productsHighlitedTextHover}"); text-decoration: none; }
						}
					}
				}
			}
		}
		.photo, .nophoto {width:190px; height:190px; /*line-height:190px;*/ margin:0 auto; position:relative;  background:e("#@{photoBg}");
			.promo {bottom:0; color:e("#@{productsPromoText}"); font-size:10px; font-weight:bold; height:12px; line-height:normal; padding:10px 5px; position:absolute; right:-11px; text-align:right; text-transform:uppercase; width:85px; }
			.discount {background:e("#@{salePromoBg}"); }
		}
		.photo{
			a{ display: inline-block; width: 190px; height: 190px;
				img {/*vertical-align:middle;*/ position: absolute; top:0; bottom:0; left: 0; right: 0; margin: auto; max-height:190px; }
			}
		}
		.price_type {text-align: left; margin-left: 5px; color:e("#@{priceType}"); font-size: 8px; font-weight: bold; text-transform: uppercase; }
		.price {height:20px; margin-top:10px; color:e("#@{price}"); 
			&>.value {font-weight:bold; }
			.old {text-decoration:line-through; color:e("#@{priceOld}"); }
		}
	}
	#author {width:680px; float:right; text-align:right; padding-right:10px; 
		span {font-style:italic; }
	}
}

#product-comment .comment-rate-current {margin:10px 0 0 10px; }
.comments {text-align:left; margin:0 0 10px 0; 
	li {border-bottom:1px e("#@{defaultBorder}") solid; padding:10px; }
	h5 {display:inline; font-weight:bold; }
	p {
		&.comment-date { color:e("#@{dateText}"); float:right; }
		&.comment-content {padding:5px 0 0 5px; width:100%; }
		&.comment-rate {padding:5px 0 0 5px; }
	}
}

#foot-wrapper {width:100%; min-width:990px; padding-bottom:5px; margin:0 auto; }
#foot {width:990px; margin:0 auto; position:relative; 
	.column {width:215px; float:left; margin:10px 0 10px 22px; text-align:left; 
		h4, #foot h4 {color:e("#@{bodyText}"); font-weight:bold; margin-bottom:9px; text-align:left; }
		ul {text-align:left;  list-style-type:disc; margin-left:5px; color:e("#@{bodyText}"); }
		li {padding:4px 0 4px 0px; 
			a {color:e("#@{bodyLinkText}"); }
			a:hover {text-decoration:none; color:e("#@{bodyLinkTextHover}"); }
		}
	}
	#copyright {color:e("#@{bodyText}"); float:right; margin:10px 0 0 0; min-height:50px; text-align:right; width:269px; clear:right; font-size:9px; 
		strong {font-weight:bold; }
		a.footer_logo {display: block; float: right; width: 32px; height: 45px; margin-left: 4px; }
		a {color:e("#@{bodyLinkText}"); }
		a:hover{color:e("#@{bodyLinkTextHover}"); text-decoration:underline; }
	}
	a { color: e("#@{bodyLinkText}");
		&:hover{ color: e("#@{bodyLinkTextHover}"); }
	}
	
}

#basket-bar.tabs_4 li {width:25%; }
#basket-bar {list-style:none; color:e("#@{basketBarText}"); width:955px; display:block; float:left; margin:0 0 30px 0; 
	.GradientBg( e("#@{basketBarBgTop}"), e("#@{basketBarBgBottom}") );
	li {display:inline; float:left; width:20%; }
	a {color:e("#@{basketBarText}"); display:block; text-decoration:none; padding:10px 10px; 
		&.selected {text-decoration:none; background:e("#@{basketBarBgSelected}") ; font-weight:bold; }
		&.checked {background:transparent url('images/@{basketBarText}/basketbar_done.png') no-repeat scroll 98% 50%; }
	}
}


#page #basket {clear:both; }
#ordered-products {
	table {width:100%; 
		thead {text-align:center; 
			tr {border-bottom:e("#@{defaultBorder}") 1px solid; }
			th, td {padding:5px; vertical-align:middle; }
		}
		tbody {text-align:center; 
			tr {border-bottom:e("#@{defaultBorder}") 1px solid; }
			th, td {padding:10px 5px; vertical-align:middle; }
			.name {text-align:left; 
				a {color:e("#@{orderProduct}"); }
				.availability {display:block; }
				.availability.over_3_days {color:e("#@{wrong}"); }
			}
			.quantity {
				.input {padding:3px; text-align:center; }
				.change {display:inline-block; width:12px; height:25px; vertical-align:middle; margin:-2px 0 0 1px; 
					a {display:block; float:left; width:12px; height:13px; background:transparent url(images/ico_plus_minus.png) no-repeat top left; outline:none; 
						&.disabled {display:block; float:left; width:12px; height:13px; background:transparent url(images/ico_plus_minus_off.png) no-repeat top left; outline:none; cursor:default; }
						&.plus {background-position:top left; }
						&.minus {background-position:bottom left; }
						span {display:none; }
					}
				}
			}
			.del {width:40px; 
				a {display:inline-block; background:transparent url('images/@{icoDelBg}_@{icoDelText}/ico_del.png') no-repeat scroll left top; width:21px; height:21px; 
					span {display:none; }
				}
			}
		}
		tfoot {text-align:center; 
			th {text-align:right; }
			th, td {padding:5px; vertical-align:middle; }
			.summary {
				th {font-weight:bold; }
				.summary-cost {font-weight:bold; color:e("#@{orderPrice}"); }
			}
			.summary-order {
				th {font-weight:bold; }
				#summary-order-cost {font-weight:bold; color:e("#@{orderPrice}"); }
			}
			tr.buttons td {text-align: left;
				#step-next {margin-right:85px; float:right; }
			}
		}
	}
	.image {width:100px;}
	td.image{ background: e("#@{photoBg}");	}
	.price, #ordered-products .pc {width:80px; text-align: right; }
	.quantity {width:80px; }
	.summary {width:80px; text-align: right; }
	.del {width:40px; }
	tr.zagiel a{float:right; margin-top:30px; margin-right:50px; }
}

#save_data_button, #no_save_data_button {margin-top:15px; }

#order, #user-order { clear:both;
	#step-prev { float: left; margin-left:85px; }
	#step-next {margin-right:85px; float:right; }
	h2 {color:e("#@{orderHeader}"); font-weight:bold; margin-bottom:5px; }
	p#zagiel {margin:-42px 0 5px 40px; text-align:left; }
	p {margin-bottom:5px; }
	#order-step {margin-top:15px; padding-top:15px; border:none; border-top:1px solid e("#@{defaultBorder}"); width:100%; clear:both; float:left; }

	.order-login {width:317px; float:left; border-right:1px e("#@{defaultBorder}") solid; height:210px; 
		th {width:90px; text-align:right; padding:5px; vertical-align:middle; }
		td {width:200px; text-align:left; padding:5px; }
		.input {width:170px; padding:3px; }
		textarea {width:200px; padding:3px; }
		.buttons {text-align:center; padding-top:25px; width:auto; }
		#step-next {margin-top:30px; }
	}
	.order-login#order-step {width:100%; height:auto; text-align:left; }
	.order-login#order-register {border:none; }
	.order-adress {
		th {width:150px; text-align:right; padding:5px; vertical-align:middle; }
		td {width:200px; text-align:left; padding:5px; }
		.input {width:170px; padding:3px; }
		select {width:177px; padding:3px; }
		textarea {width:200px; padding:3px; }
		.buttons {text-align:center; padding-top:25px; width:auto; }
		.col1 {width:470px; float:left; margin:0 0 20px 0; border-right:1px e("#@{defaultBorder}") solid; }
		.col2 {width:450px; float:left; margin:0 0 20px 0; }
		#personal-data {width:400px; float:left; margin-bottom: 20px; }
		#company-data {width:400px; float:left; }
		#postal-data {width:400px; float:right; margin-bottom:20px; }
		#invoice-data {float: right; margin-bottom: 20px; width: 400px; 
			#invoice_info {margin: 10px 20px 0 170px; 
				h4 {font-size: 10px; font-weight: bold; margin-bottom: 1em; text-align: left; }
				p {font-size: 9px; margin: 0; text-align: left; }
			}
		}
		#order-rules, #order-rules2, #order-newsletter, #order-opineo {
			margin:10px 0 0 30px; text-align:left; font-size:10px; float:left; color:e("#@{orderDetails}"); 
			a { font-weight:bold; }
			input { vertical-align:middle; }
		}
	}
	.order-delivery {
		#order-delivery {text-align:left; border-bottom:1px solid e("#@{defaultBorder}"); 
			ul {text-align:left; }
			ul strong {font-weight:bold; margin:0 0 4px 0; display:block; color:e("#@{orderDetails}"); }
		}
		#order-delivery>ul>li {display:block; float:left; margin:20px 30px; width:170px; }
		#order-delivery>ul>li li {display:inline-block; width:170px; border:1px solid e("#@{defaultBorder}"); padding:7px 5px; margin:0px 5px 5px 0; background-color:e("#@{orderDeliveryBg}"); border-radius:5px; float:left; }
		
		#order-gift {float:right; margin-top:20px; width:480px; 
			div {margin-bottom:10px; float:left; clear:both; height:23px; margin-left:30px; }
			h2 {float:left; }
			.input {width:250px; }
		}
		#order-step {width:100%; clear:both; margin:10px 0 0 0; }
	
		#order-comment {margin-top:20px; float:left; 
			label{clear:both; display:block; float:left; color:e("#@{orderHeader}"); font-weight:bold; margin-bottom:5px; }
			textarea {display:block; height:100px; width:400px; margin-left:30px; }
		}
		#ordered-products {clear:both; float:left; margin:20px 0 0; width:100%; 
			h2 {text-align:left; }
		}
		#paczkomaty {height:80px; text-align:left; padding:10px; width:935px; border-bottom:1px solid e("#@{defaultBorder}"); margin:0 auto; 
			#paczkomaty-button { font-weight:bold; padding:14px 0 14px 0; display:inline-block; }
			#paczkomaty-register {float:right; padding:14px 20px; font-weight:bold; }
			#paczkomaty-selected-value {border:none; color:e("#@{orderText}"); width:700px; }
			#paczkomaty-empty-value {font-weight:bold; }
			.paczkomaty_logo_mini {float:left; margin:0px 20px 5px 0; }
		}
	}
	.order-paczkomaty  {
		#paczkomaty-nearest-select {width:720px; }
		#paczkomaty-town-select {width:180px; }
		#paczkomaty-intown-select {width:530px; }
		#paczkomaty-nearest-submit {float:right; }
		#paczkomaty-intown-submit {float:right; }
		#paczkomaty-other-submit {float:right; }
	}
	#pbn_banks{ border-bottom: 1px solid e("#@{defaultBorder}"); }
	#order-print, .order-summary {
		.col1 {width:470px; float:left; margin:0 0 20px 0; border-right:1px e("#@{defaultBorder}") solid; }
		.col2 {width:450px; float:left; margin:0 0 20px 0; }
		table.table-styled {margin:0 auto; 
			th {width:150px; }
			td {width:200px; }
		}
		#personal-data {width:400px; float:left; }
		#company-data {width:400px; float:left; }
		#ordered-products {margin:20px 0 0 0; }
		#order-step #step-next.submit.submit-styled {}
		#order-comment p{text-align:justify; width:400px; margin-left:30px; }
	}
	
	&.order-final-confirm  {
		#authWindow {
			span {display:none; }
			&.paymentSystem1  a {font-weight:bold; padding:5px; margin:5px 0; display:inline-block; width:240px; height:120px; }
			&.paymentSystem1  a {background:transparent url(images/payment_dotpay.png) no-repeat center center; }
			&.paymentSystem2  a {font-weight:bold; padding:5px; margin:5px 0; display:inline-block; width:240px; height:120px; }
			&.paymentSystem2  a {background:transparent url(images/payment_przelewy24.png) no-repeat center center; }
			&.paymentSystem3  a {font-weight:bold; padding:5px; margin:5px 0; display:inline-block; width:240px; height:120px; }
			&.paymentSystem3  a {background:transparent url(images/payment_paypal.png) no-repeat center center; }
			&.paymentSystem4  a {font-weight:bold; padding:5px; margin:5px 0; display:inline-block; width:240px; height:120px; }
			&.paymentSystem4  a {background:transparent url(images/payment_platnosci_pl.png) no-repeat center center; }
			&.paymentSystem5  a {font-weight:bold; padding:5px; margin:5px 0; display:inline-block; width:240px; height:120px; }
			&.paymentSystem5  a {background:transparent url(images/payment_zagiel_com_pl.png) no-repeat center center; }
			&.paymentSystem6  a {font-weight:bold; padding:5px; margin:5px 0; display:inline-block; width:240px; height:120px; }
			&.paymentSystem6  a {background:transparent url(images/payment_paybynet.png) no-repeat center center; }
			&.paymentSystem8  a {font-weight:bold; padding:5px; margin:5px 0; display:inline-block; width:240px; height:120px; }
			&.paymentSystem8  a {background:transparent url('https://ewniosek.credit-agricole.pl/eWniosek/res/CA_grafika/raty_200x73_gray.png') no-repeat center center; }
			&.paymentSystem9  a {font-weight:bold; padding:5px; margin:5px 0; display:inline-block; width:240px; height:120px; }
			&.paymentSystem9  a {background:transparent url(images/payment_sofort.png) no-repeat center center; }
			&.paymentSystem10 a {font-weight:bold; padding:5px; margin:5px 0; display:inline-block; width:240px; height:120px; }
			&.paymentSystem10 a {background:transparent url(images/payment_transferuj.png) no-repeat center center; }
			&.paymentSystem11 a {font-weight:bold; padding:5px; margin:5px 0; display:inline-block; width:240px; height:120px; }
			&.paymentSystem11 a {background:transparent url(images/payment_cashbill.png) no-repeat center center; }
		}
	}
	
}

.pages {
	.compare-show, .compare-clear  { text-align:left;
		a {background:none; font-size:10px; color:e("#@{compareLinkText}"); display:inline-block; height:auto; margin:0px 0 3px 10px; text-decoration:none; width:auto; float:left; padding-left:27px; height:20px; 
			&:hover {text-decoration:underline; }
		}
	}
	.compare-show a{ background:transparent url("images/@{compareIco}/compare.png") no-repeat center left}
	.compare-clear a{ background:transparent url("images/@{compareIco}_@{compareIcoClear}_@{compareIcoClearBorder}/compare-clear.png") no-repeat center left;}
}

#compare-wrapper {display:block; clear: left; width:100%; background-color:e("#@{bodyBg}"); }
#compare-head #logo {margin:10px 0 10px 10px; }
body.compare #error {margin-top:85px; }

#compare {text-align:center; margin:10px; border:1px solid e("#@{defaultBorder}"); padding:10px;
	tr:hover td, tr:hover th {background-color:e("#@{compareBgHover}"); }
	tr.delete:hover td, tr.delete:hover th , tr.name:hover td, tr.name:hover th , tr.photo:hover td, tr.photo:hover th {background-color:transparent; }
	tr.name td {font-weight:bold; }
	th {width:200px; padding:5px; text-align:right; vertical-align:top; border-bottom:1px solid e("#@{defaultBorder}"); color:e("#@{compareText}"); font-weight:bold;}
	td {min-width:170px; max-width:200px; padding:5px; vertical-align:top; border-bottom:1px solid e("#@{defaultBorder}"); border-left:1px solid e("#@{defaultBorder}"); color:e("#@{compareText}"); }
	.photo img {max-width:120px; }
}
.content ul, .content table, ul, table { &.images-list, &.images-gallery { list-style-type: none; margin: 0px 5px 5px;
	li {width:100px; margin:5px; }
	td, th { border: none; }
	p {text-align:center; }
} }
#images-list-1 {float:left; margin-right:10px; margin-top:10px; }
#images-list-2 {float:right; margin-left:10px; margin-top:10px; }
.images-gallery {width:100%; text-align:center;
	td {padding:5px; vertical-align:top; border:none; }
	p {text-align:center; }
}
#images-gallery-3, #images-gallery-4 {margin:0 0 0 0; }
#product-images {
	li {width:100px; margin:5px; display:inline-block; }
	p {text-align:center; }
}	
.tags { color:e("#@{contentDetailsText}"); float: left; margin: 5px 0; }
body {
	.subpages-title {font-size:14px; font-weight:bold; padding:0 0 10px 0px; margin:30px 0px 15px 0px; border-bottom:2px solid e("#@{mainHeaderBreak}"); text-align:left; clear:both; display:block; }
	.subpages-list-1, .subpages-list-2, .subpages-list-3{ .content {width:100%; } }
	.subpages-list-5, .subpages-list-6, .subpages-list-9, .subpages-list-7, .subpages-list-8 { .content {width:95%; } }
	
	.subpages-list-3 {
		li {width:98%; }
		h4 {text-align:left; font-style:italic; color:e("#@{mainHeader}"); text-align:right; float:right; width:125px; }
		h3 {width:520px; }
	}
	.subpages-list-9 {
		li {width:45%; float:left; margin:2%; }
		h4 {text-align:left; font-style:italic; color:e("#@{mainHeader}"); text-align:left; margin:5px 0 0 10px; }
	}
	.subpages-list-1, .subpages-list-2 { li { width:98%; } }
	.subpages-list-5, .subpages-list-6 { li { width:46%; float:left; margin:2%; } }
	.subpages-list-7, .subpages-list-8 { li { width:31%; float:left; margin:1%; } }
	.subpages-list-8 h3, .subpages-list-7 h3 {min-height:30px; }
	.subpages-list-8.subpages-list .photo {margin:10px 5px 0 0; min-width:110px;  background:e("#@{photoBg}"); }
}

.subpages-list {
	li {margin:0 0 10px 0; border-bottom:1px solid e("#@{mainHeader}"); padding-bottom:10px; list-style-type:none; }
	h3 {text-align:left;  font-size:14px;
		a{color:e("#@{subpagesHeaderText}"); font-weight:bold; 	
			&:hover{color:e("#@{subpagesHeaderTextHover}"); text-decoration:none; }
		}
	}
	.photo {float:left; margin:15px 5px 5px 0; min-width:120px;  background:e("#@{photoBg}"); }
	.photo img {border:1px solid e("#@{defaultBorder}"); padding:3px; box-shadow:5px 5px 5px e("#@{photoShadow}"); }
	.description {text-align:justify; margin-top:10px; 
		ul {list-style: disc;
			li {list-style: disc;}
		}
	}
	.more {text-align:right; width:100%; display:inline-block; text-decoration:none; }
}
.subpages-gallery {width:100%; text-align:center; border-collapse:separate; border-spacing:10px; 
	td {padding:15px 5px 5px 5px; vertical-align:top; }
	.photo{min-height:190px;  background:e("#@{photoBg}"); }
	h3 a {color:e("#@{subpagesHeaderText}"); font-weight:bold; 
		&:hover {color:e("#@{subpagesHeaderTextHover}"); text-decoration:none; }
	}
}
body .subpages-list-10 {list-style-type:circle; margin-left:30px; text-align:left; 
	li {border:none; margin:6px; padding:0px; list-style-type:circle; 
		h3 a{font-weight:normal; text-decoration:none; }
	}
}
#files-list {text-align:left; 
	img {width:16px; height:16px; vertical-align:middle; margin:2px 2px 2px 0; }
}
#audio-list, #video-list {
	li {margin-bottom:10px; }
}



.pages_news {width:100%; clear:both; }
.pages {margin:5px 0; color:e("#@{paginationText}"); text-align:right;
	a {text-align:center; display:inline-block; padding:4px 0 0 0; width:22px; height:18px; text-decoration:none; color:e("#@{paginationText}"); 
		.hide {display:none; }
	}
	.next {background-image:url("images/@{paginationText}_@{paginationBg}/pagination_next.png"); }
	.prev {background-image:url("images/@{paginationText}_@{paginationBg}/pagination_prev.png"); }
	.separator {display:inline-block; padding:4px 0 0 0; width:22px; height:18px; background:transparent url("images/@{paginationText}_@{paginationBg}/pagination.png") no-repeat scroll center center; }
	.activeSlide, strong {text-align:center; display:inline-block; padding:4px 0 0 0; width:22px; height:18px; color:e("#@{paginationBg}"); background:transparent url("images/@{paginationText}_@{paginationBg}/pagination_active.png") no-repeat scroll center center; }
}

.banners_container {position:relative; margin:auto; overflow:hidden; /*width: 990px;*/
	li {margin: 0px; /*width: 990px;*/}
	#column &, #column & li {margin:5px 0px; width: 270px;}
	.banner {position: relative; clear: both; margin: auto; 
		.text {position: absolute; bottom: 45px; right: 0; left: 0; padding: 10px; background: rgba( 0, 0, 0, .3 )/*fade(color('#000000'), 30%)*/; text-align: left; }
	}	
}
.banners_container, .product-highlighted{
	.pages {
		&#banners0-pages {margin:-30px 3px 3px 3px; z-index:90; position:relative;}
		a {background-color: e("#@{paginationBg}"); color:transparent; display:inline-block; height:16px; margin:8px 3px 0 3px; padding:0; text-align:center; text-decoration:none; width:16px; }
		.activeSlide, strong, a:hover {background-color: e("#@{paginationText}"); }
	}
}

#banners0-pages {text-align: center;
	.banners_container &.pages {margin: -245px auto 0 auto; width: 990px; text-align: right;} 
}

.navi-actions {color:e("#@{contentDetailsText}"); text-align:right; margin:12px 15px 10px 0; padding:7px 5px 0 0; width:250px; height:35px; float:right; clear:right; border-top:1px solid e("#@{defaultBorder}"); 
	a {color:e("#@{contentDetailsText}"); margin:0 0 0 10px; padding:3px 0 3px 22px; }
	.back {background:transparent url("images/@{contentDetailsText}/ico_back.png") no-repeat center left; }
	.top {background:transparent url("images/@{contentDetailsText}/ico_top.png") no-repeat center left; position:static; height:auto; width:auto; }
	.print {background:transparent url("images/@{contentDetailsText}/ico_print.png") no-repeat center left; }
}
#box_zagiel a img {margin-bottom:10px; }

#discount_coupon_code {width:115px; padding:9px 3px 4px 25px; margin:2px 5px 0 5px; border:none; background:transparent url("images/@{inputBorder}_@{inputBg}/input_discount.png") no-repeat scroll left center; float:right; display:inline-block;
	&.correct{ background-image: url("images/@{inputBorder}_@{inputBg}_@{correct}/input_discount_correct.png"); }
	&.wrong{ background-image: url("images/@{inputBorder}_@{inputBg}_@{wrong}/input_discount_wrong.png"); }
}
#verify_discount_coupon.submit {float:right; background:transparent url("images/@{submitBg}/submit_discount.png") no-repeat center center; width:26px; height: 30px; }

#search-page-form {text-align:left; margin-bottom:10px; padding:10px; 
	div {display:inline-block; margin:0 10px 10px 0; }
	.search-full {width:100%; }
	.phrase, .price-from , .price-to {display:inline-block; margin-right:0; }
	.phrase input {width:140px; }
	.price-from input {width:50px; }
	.price-to input {width:50px; }
	.phrase label, .catalog-number label, .category label, .category label, .index label, .producer label {display:inline-block; width:100px; }
	p {font-weight:bold; margin:10px 0 5px 0; }
	.attributes {margin:0; }
	.attribute label {display:inline-block; width:100px; }
	.submit-c {text-align:right; display:block; margin-right:20px; }
}

#advsearchercolumns {width:646px; border:2px solid e("#@{defaultBorder}"); float:right; margin:10px 20px 10px 0; padding:10px; 
	span.title {float:left; font-size:14px; width:100%; text-align:left; font-weight:bold; margin-bottom:10px; border-bottom:1px solid e("#@{advsearcherHeaderText}"); color:e("#@{advsearcherHeaderText}"); padding-bottom:2px; }
	label.advsearcher_column {text-align:left; widtH:160px; float:left; color: e("#@{advsearcherLabelText}");
		span {display:block; }
		select {width:120px; }
	}
	input.submit-styled {margin-top:7px; }
	div#advsearcher_go {width:210px; float:right; }
}

p.advsearcher_path { font-size: 12px; 
	strong { font-weight: bold; }
}

div#newsletter {float:right; width:250px; height:55px; margin:10px 10px 0 0; 
	#newsletter-email {width:175px; padding:5px 10px 5px 20px; margin:2px 0 0 0; border:none; color:e("#@{bodyText}"); background:transparent url("images/@{inputBorder}_@{inputBg}/input_newsletter.png") no-repeat scroll left center; float:left; }
	h5 {color:e("#@{bodyText}"); font-weight:bold; margin-bottom:9px; text-align:left; }
	.submit {vertical-align:middle; margin-left:5px; margin-top:-3px; float:left; background-image: url("images/@{bodyIco}/newsletter-sbm.png"); height: 30px; width: 28px; cursor: pointer; border: none; }
}
.newsletter_signout {width:700px; float:right; 
	p {margin-top:15px; 
		&.email {margin-top:50px; }
	}
}

#contact-form {float:left; border-right:1px solid e("#@{defaultBorder}"); margin-right:10px; width: 350px; 
	th {width:120px; font-weight:normal; }
}
.captcha_buttons { width: 25px; float: right; 
	div { width: 25px; padding: 0; margin: 1px 0; }
}

#login-form, #register-form, #remind-form, #profile-form {
	table {margin:0 auto; width:360px; }
	.input {width:197px; padding:3px; 
		&#register-password {width:170px;}
	}
	.select {width:205px; padding:3px; }	
	th {width:90px; }
	td {width:200px; 
		a#generate {vertical-align: middle; display: inline-block; display: inline-block; background: url( "images/@{submitBg}/random.png" ); width: 24px; height: 24px; }
	}
	#rules, #newsletter {text-align:justify; font-size:9px;}	
	#fblogin2 {background-image: url('images/loginface.png'); color: white; display: inline-block; font-size: 10px; font-weight: bold; height: 25px; line-height: 25px; margin: -4px 10px 0 10px; padding: 0 10px 0 35px; text-align: center; vertical-align: middle;}
}	

#user-orders {width:100%; 
	thead {text-align:center; 
		tr {border-bottom:e("#@{defaultBorder}") 1px solid; }
		th, td {padding:5px; vertical-align:middle; }
	}
	tbody {text-align:center; 
		.id {width:30px; }
		.options {width:70px; }
		tr {border-bottom:e("#@{defaultBorder}") 1px solid; }
		th, td {padding:10px 5px; vertical-align:middle; }
	}
}

#PrintFormLink {font-weight:bold; padding:10px 10px 10px 25px; margin:5px 0; display:inline-block; background:transparent url("images/@{linkText}_@{mainBg}/ico_form.png") no-repeat left center; }

#siteMap {
	li {float:left; width:317px; text-align:left; margin:0 0 5px 0; 
		ul.sub1 {float:left; margin:4px 0 0 20px; 
			li {float:left; width:300px; 
				ul.sub2 {float:left; margin:4px 0 0 20px; width:280px; font-style:italic; }
			}
		}
	}
	ul.products {margin:0 0 0 20px; list-style-type: disc; color: e("#@{siteMapProduct}");
		a{ color: e("#@{siteMapProduct}") }
	}
	&>li>a {font-weight:bold; }
}

.colorbox_message, .cb_message {background:transparent url('images/@{info}/info_ico.png') scroll no-repeat 30px 30px; width:auto; min-height:87px; float:left; padding:30px 20px 20px 130px;
	h1 {color:e("#@{info}"); margin-bottom:15px; font-weight:bold; text-align:left; }
	p {color:e("#@{colorboxDetails}"); text-align:left;
		&.error {color:e("#@{wrong}"); }
	}
}

.tTip.discount_false{
	background: url("images/@{info}/discount.png") no-repeat;
}
.tTip.discount_true{
	background: url("images/@{correct}/discount.png") no-repeat;
}
.tTip.discount_false, .tTip.discount_true{
	width: 16px; height: 16px; display:inline-block; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 16px;
}
.info.tTip {margin-top:1px; display:inline-block; float:right; -moz-box-sizing: border-box; box-sizing: border-box; background: url("images/@{info}/info.png") no-repeat; width: 20px; height: 20px; padding-left: 20px; }
.ui-tooltip {width:212px; }
.ui-tooltip-content {padding:0 20px; color:e("#@{info}"); font-size:11px; width:172px; background:transparent url('images/@{tooltipBorder}_@{tooltipBg}/tipMid.png') repeat-y center; }

html .ui-tooltip {padding:0; position:absolute; z-index:9999; max-width:212px; box-shadow:none; }
html body .ui-tooltip {border-width:0; }
.top {background:transparent url('images/@{tooltipBorder}_@{tooltipBg}/tipTop.png') no-repeat center; width:212px; height:20px; position:absolute; top:-20px; }
.bottom {background:transparent url('images/@{tooltipBorder}_@{tooltipBg}/tipBtm.png') no-repeat center; width:212px; height:32px; position:absolute; bottom:-32px; }

.additional_comments {
	dt { font-weight: bold; }
	dd { margin-bottom: 10px; margin-top: 3px; }
	a.more { text-decoration: none; 
		&:hover { text-decoration: underline; }
	}
}

#cookie_container{width:400px; position:fixed; bottom:10px; margin-left:575px; z-index:9999; color: e("#@{contentDetailsText}"); }
#cookie_main {background-color:e("#@{bodyBg}"); border:1px solid e("#@{defaultBorder}"); box-shadow:1px 1px 3px 0 e("#@{shadow}"); margin:0 auto; padding:7px; width:390px; opacity:0.9; 
	.text {font-size:10px; display:block; text-align:justify; position:relative; }
	a {color:e("#@{contentDetailsText}"); }
	#cookie_close {float:right; position:relative; top:-10px; right:-15px; position:absolute; 
		img { display: inline-block; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background:transparent url('images/@{icoDelBg}_@{icoDelText}/ico_del.png') no-repeat center; width:21px; height:21px; padding-left: 21px; }
	}
}

#fixed_header_contrainer {height:50px; width:975px; background-color:e("#@{bodyBg}"); border:1px solid e("#@{defaultBorder}"); border-top:none; position:relative; box-shadow:1px 1px 3px 0 e("#@{shadow}"); margin:0 auto; opacity:0.95; }
#fixed_header_close {float:right; margin:15px 15px 0 0;
	img { display: inline-block; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background:transparent url('images/@{icoDelBg}_@{icoDelText}/ico_del.png') no-repeat center; width:21px; height:21px; padding-left: 21px; }
}
#fixed_header{
	width:100%; width:990px; position:fixed; top:0px; display:none; z-index:9999; left: 50%; margin-left: -495px; 

	#logo_small{float:left; max-height:45px; max-width:160px; margin-top:5px; margin-right:15px; 
		img {max-height:45px; max-width:160px; margin-left:5px}
	}
	.head_basket, #fixed_storage, .head_search {float:left; width:175px; height:50px; margin:0 3px; }
	.menu2 {float:left; width:190px; height:50px; margin:0 3px; }
	.head_basket, #fixed_storage{background-position:left center; }
	.head_basket {width:190px; 
		span.basket, .menu1 {margin-left:35px; padding-left:0; }
		span.basket {margin-top:9px; display:block; }
	}
	.menu1 {margin-top:3px; }
	.menu2 li {text-transform:none; margin-top:18px; }
	#fixed_storage a {margin-top:19px; margin-left:35px; padding-left:0; }
	.search-form {width:auto; margin-left:0; margin-right:0; height:auto; }
	.search_input {margin-left:0; margin-right:0; }
	a {font-size:90%; color: e("#@{bodyLinkText}");
		&:hover{ color: e("#@{bodyLinkTextHover}"); }
	}
}