/*
	name: Sklep Centrum Swiatla
	encoding: UTF-8
	author(s): Dawid Horodecki
	Copyright Enzo Sp. z o.o., http://enzo.pl
*/

/*	Reset
	==================================== */

body, p, pre, ul, ol, fieldset, input, option, textarea, th, td,
dl, dd, hr, blockquote, caption, legend, form, button {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
q:before {
	content: no-open-quote;
}
q:after {
	content: no-close-quote;
}
legend, caption {
	text-align: left;
	color: #000;
}
fieldset, abbr, acronym, img {
	border: none;
}
a, del, ins {
	text-decoration: none;
}
cite, address, dfn, var {
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-size: medium;
}
*:focus {
	outline: none;
}

/*	Basic styles
	==================================== */

body {
	font-size: 100%;
	font: normal 1em/1.5em Tahoma, Geneva, Kalimati, sans-serif;
	color: #403e38;
	background: #fff;
}
div {
	margin: 0;
	padding: 0;
}

/* headers */

h2 {
	font-weight: bold;
	color: #000;
	font-size: 0.938em;
	line-height: 1.667em;
	margin: 1.667em 0;
}
h3 {
	font-weight: bold;
	color: #000;
	font-size: 0.813em;
	line-height: 1.5em;
	margin: 1.5em 0;
}
h4 {
	color: #000;
	font-size: 0.75em;
	font-weight: bold;
	margin: 1.5em 0;
}

/* text */

p, ul, ol {
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 1.5em 0;
}
ul {
	list-style-type: disc;
	padding-left: 2em;
}
ol {
	list-style-type: decimal;
	padding-left: 2em;
}
ul ul,
ol ol,
ul ol,
ol ul {
	font-size: 1em;
}
em {
	font-style: italic;
	color: #403929;
}
strong {
	font-weight: bold;
}
del {
	color: #666;
	text-decoration: line-through;
}
ins {
	color: #000;
	text-decoration: underline;
}
a {
	color: #000;
	border-bottom: 1px solid #000;
}
a:hover, a:focus {
	color: #b20b00;
}

/* forms */

textarea {
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	font-size: 0.75em;
}
input[type="text"],
input[type="password"],
textarea {
	border: 1px solid #4e4d4b;
	color: #71706c;
	font-size: 0.75em;
	padding: 3px 5px;
}
input[type="submit"] {
	background: #a3a3a2 url(/_skiny/shoper_blue/img/bg-button.png) repeat-x 0 100%;
	border: 1px solid #413e39;
	padding: 3px 7px;
	color: #fff;
	font-size: 0.75em;
}
label {
	font-size: 0.75em;
}
.over.js {
	position: relative;
}
.over.js label {
	position: absolute;
	line-height: 1.25em;
	top: 0;
	left: 0;
	color: #71706c;
	padding: 3px 5px;
}
legend {
	display: none;
}
.error {
	font-size: 0.75em;
	margin: 1em 0;
	padding: 1em;
	color: #a32121;
	background: #e7d6d6;
	border: 1px solid #d5b7b7;
}
.notify {
	font-size: 0.75em;
	margin: 1em 0;
	padding: 1em;
	color: #321e00;
	background: #fff8e4;
	border: 1px solid #ffeca6;
}
.error p,
.error ul,
.error ol,
.notify p,
.notify ul,
.notify ol {
	font-size: 1em;
}

/* tables */

table {
	width: 100%;
	font-size: 0.688em;
	line-height: 1.364em;
	margin: 1.364em 0;
}
table table,
table table table {
	font-size: 1em;
}
table th {
	font-weight: bold;
	text-align: left;
}
table thead th {
	background-color: #f3f3f3;
}
table th,
table td {
	padding: 5px 10px;
	border-bottom: 1px solid #f3f3f3;
}
table td.odd {
	background-color: #efefef;
}

/*	Framework
	==================================== */

/* layout (Framework) */

.clear:after {
	clear: both;
	content: '.';
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.right {
	float: right;
}
.left {
	float: left;
}
.center {
	margin-left: auto;
	margin-right: auto;
}
.pos-rel {
	position: relative;
}
.pos-abs {
	position: absolute;
}

/* text align (Framework) */

.t-right {
	text-align: right;
}
.t-left {
	text-align: left;
}
.t-center {
	text-align: center;
}

/* text (Framework) */

.strong {
	font-size: 1.5em;
	color: #779e00;
}
.small {
	font-size: 0.688em;
	line-height: 1.818em;
	margin: 0.909em 0;
}
.uppercase {
	text-transform: uppercase;
}
.no-top {
	margin-top: 0;
}
.no-btm {
	margin-bottom: 0;
}

/* lists (Framework) */

.no-list {
	list-style: none;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.inline li {
	display: inline;
}

/* images (Framework) */

.no-link {
	border-bottom: none;
}
a:hover.no-link, a:focus.no-link {
	border-bottom: none;
}
.img-left {
	float: left;
	margin: 1em 1em 1em 0;
}
.img-right {
	float: right;
	margin: 1em 0 1em 1em;
}
.img-center {
	margin: 1em auto;
	display: block;
}

/* buttons (Framework) */

.button {
	background: #a3a3a2 url(/_skiny/shoper_blue/img/bg-button.png) repeat-x 0 100%;
	border: 1px solid #e2dfda;
	padding: 3px;
	color: #fff;
}
.button:hover,
.button:focus {
	border-color: #666;
	color: #000;
}
.button-2 {
	background: #cecece url(/_skiny/shoper_blue/img/bg-button-2.png) repeat-x 0 0;
	border: 1px solid #c8c8c8;
	padding: 4px 17px;
	color: #b20b00;
}

/* icons (Framework) */

.ico {
	padding-left: 30px;
	background-color: transparent;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
.ico.basket {
	background-image: url(/_skiny/shoper_blue/img/ico-basket.png);
}
.ico.arrow-right {
	padding-left: 0;
	padding-right: 17px;
	background-position: 100% 50%;
	background-image: url(/_skiny/shoper_blue/img/ico-arrow_right.png);
}
.ico.arrow-left {
	padding-left: 17px;
	background-image: url(/_skiny/shoper_blue/img/ico-arrow_left.png);
}

/* js (Framework) */

.hide.js,
.only-js {
	display: none;
}

/*	Layout
	==================================== */

.container {
	margin: 0 auto;
	width: 1002px;
}
#head {
	width: 100%;
}
#wrapper {
	width: 1001px;
	border-right: 1px dashed #e3e2e2;
	background: transparent url(/_skiny/shoper_blue/img/bg-wrapper.png) repeat-y 0 0;
}
#wrapper .column {
	position: relative;
	float: left;
}
#content {
	width: 790px;
}
#content .wrapper {
	margin-left: 20px;
	margin-right: 20px;
}
#sidebar {
	width: 210px;
	background-color: #f3f3f3;
	border-right: 1px dashed #e3e2e2;
}
#footer {
	width: 100%;
	position: relative;
}

/*	Head
	==================================== */

/* random background (Head) */

#head {
	background: #fff url(/_skiny/shoper_blue/img/bg-head-1.jpg) no-repeat 100% 0;
}
#head.bg2 {
	background-image: url(/_skiny/shoper_blue/img/bg-head-2.jpg);
}
#head.bg3 {
	background-image: url(/_skiny/shoper_blue/img/bg-head-3.jpg);
}
#head.bg4 {
	background-image: url(/_skiny/shoper_blue/img/bg-head-4.jpg);
}
#head.bg5 {
	background-image: url(/_skiny/shoper_blue/img/bg-head-5.jpg);
}

/* logo (Head) */

#logo a {
	width: 210px;
	height: 188px;
	display: block;
	float: left;
	background: #9b2a23 url(/_skiny/shoper_blue/img/bg-logo.jpg) no-repeat 0 0;
	text-indent: -2000em;
	overflow: hidden;
	border: none;
}

/* menu, user menu (Head) */

#user-menu {
	background: #3c3a35 url(/_skiny/shoper_blue/img/bg-menu.png) repeat-x 0 0;
}
#menu {
	width: 100%;
	background: #3d3b36 url(/_skiny/shoper_blue/img/bg-menu.png) repeat-x 0 0;
}
#menu ul {
	width: 792px;
}
#user-menu,
#menu ul {
	margin: 0;
	padding: 0;
	font-size: 0.875em;
}
#user-menu li,
#menu ul li {
	background: transparent url(/_skiny/shoper_blue/img/bg-menu-li.png) no-repeat 100% 0;
	padding: 0 2px 0 0;
	margin: 0;
	float: left;
}
#user-menu li {
	padding: 5px 15px;
}
#user-menu li a,
#menu ul li a {
	color: #fff;
}
#user-menu li a {
	border-bottom: 1px dashed #989794;
}
#menu ul li a {
	display: block;
	border-bottom: none;
	padding: 15px 25px;
}
#user-menu li a:hover,
#user-menu li a:focus,
#menu ul li a:hover,
#menu ul li a:focus {
	color: #ccc;
}

/* acount (Head) */

#account {
	padding: 10px;
	margin: 0;
	color: #b6b6b6;
	background: #22211d;
	top: 2.583em;
	right: 0;
	width: 170px;
}
#account strong {
	color: #fff;
	font-weight: normal;
	position: absolute;
}

/* search (Head) */

#search {
	width: 190px;
	padding: 10px 10px 0 10px;
}
#search a {
	color: #c7c7c7;
	border-bottom: 1px dashed #9e9d9a;
}
#search input[type="text"] {
	width: 108px;
	display: block;
}

/*	Sidebar
	==================================== */

#sidebar h2 {
	color: #942821;
	font-size: 0.938em;
	line-height: 1.667em;
	font-weight: bold;
	margin: 0.667em 0;
}
#sidebar a {
	color: #b20b00;
	border-bottom: 1px dashed #b20b00;
}
#sidebar a:hover,
#sidebar a:focus {
	border-bottom: 1px solid #000;
}

/* box (Sidebar) */

.box {
	border-bottom: 1px dashed #91908c;
	padding: 10px;
}
.box.last {
	border-bottom: none;
}
#question {
	background: #eee url(/_skiny/shoper_blue/img/box-question.jpg) no-repeat 0 100%;
}
#light {
	background: #fff url(/_skiny/shoper_blue/img/box-ligth.jpg) no-repeat 0 0;
}
#light .m-top {
	margin-top: 160px;
}
#inspiration {
	background: url(/_skiny/shoper_blue/img/box-inspiration.jpg) no-repeat 0 100%;
}

/* products menu (Sidebar) */

#products-menu {
	background-color: #3d3b36;
}
#products-menu ul {
	margin: 0 0 0 10px;
	padding: 1.5em 0;
	font-size: 0.875em;
}
#products-menu ul li a {
	display: block;
	color: #fff;
	padding: 5px 10px;
	border-bottom: 1px dashed #71706c;
}
#products-menu ul li a:hover,
#products-menu ul li a:focus {
	background-color: #727272;
	border-bottom: 1px dashed #71706c;
}
#products-menu ul li.selected a {
	background-color: #514e47;
}
#products-menu ul#promo li a {
	background-color: #922720;
	border-bottom: none;
	padding: 1px 10px;
	margin: 3px 0;
	font-weight: bold;
}
#products-menu ul#promo li a:hover,
#products-menu ul#promo li a:focus,
#products-menu ul#promo li.selected a {
	background-color: #ac2820;
}

/* newsletter (Sidebar) */

form.newsletter label {
	display: block;
	width: 100%;
}

/*	Content
	==================================== */

/* text (Content) */

div.text {
	font-size: 0.75em;
	margin: 1em 0;
}
div.text p,
div.text ul,
div.text ol,
div.text table {
	font-size: 1em;
}
div.text h3 {
	font-size: 1.25em;
}
div.text h4 {
	font-size: 1em;
}

/* form dual (Content) */

.dual {
	width: 400px;
}
.dual div {
	width: 100%;
	margin: 3px 0;
	float: left;
	clear: both;
}
.dual div label {
	float: left;
	width: 140px;
	text-align: right;
	font-weight: bold;
	color: #333;
}
.dual div select,
.dual div input[type="radio"],
.dual div input[type="checkbox"],
.dual div textarea {
	margin-left: 10px;
	float: left;
}
select {
	padding-right: 2px;
}
.dual div input[type="text"],
.dual div input[type="password"] {
	width: 220px;
	margin-left: 10px;
	float: left;
}
.dual div textarea {
	width: 220px;
}
.dual input[type="submit"],
.dual .token p {
	margin-left: 150px;
}
.dual div input.short[type="text"],
input.short[type="text"] {
	width: 60px;
}
.dual div input.mid[type="text"],
input.mid[type="text"] {
	width: 140px;
}
.dual div input.sshort[type="text"],
input.sshort[type="text"] {
	width: 40px;
}

/* price (Content) */

.price {
	font-size: 120%;
	color: #c50e06;
}

/* product gallery (Content) */

.product-gallery {
	list-style: none;
	padding-left: 0;
}
.product-gallery li {
	float: left;
	margin: 0 8px 8px 0;
}
.pruduct-gallery li a {
	display: block;
	border-bottom: none;
}
.product-gallery li a img {
	display: block;
	border: none;
}

/* promo (Content) */

.promo-list {
	background: #f4f4f4;
	border-bottom: 1px solid #e3e2e2;
	position: relative;
	overflow: hidden;
	padding: 0 35px;
	margin: 0;
}
.promo-list ul {
	list-style: none;
	font-size: 1em;
}
.promo-list li {
	width: 330px;
	padding: 15px;
	margin: 0;
}
.promo-list .image {
	float: left;
	position: relative;
	padding: 2px;
	width: 150px;
}
.promo-list .image .promo-img {
	background: transparent url(/_skiny/shoper_blue/img/bg-promo_product_img.png) no-repeat 0 0;
	position: absolute;
	display: block;
	width: 81px;
	height: 81px;
	top: 0;
	left: 0;
	text-indent: -2000em;
}
.promo-list li a {
	border: none;
}
.promo-list .image a img {
	border: none;
	display: block;
}
.promo-list .desc {
	float: left;
	width: 161px;
	margin-left: 15px;
}
.promo-list-prev,
.promo-list-next {
	position: absolute;
	top: 50%;
	margin: -13px 0 0 0;
	padding: 0;
	display: block;
	width: 23px;
	height: 26px;
	text-indent: -2000em;
	background: #e8e8e8 url(/_skiny/shoper_blue/img/bg-promo_buttons.png) no-repeat 0 0;
	border: none;
	cursor: pointer;
}
.promo-list-prev {
	left: -25px;
}
.promo-list-prev.jcarousel-prev-disabled {
	background-position: 0 -26px;
	cursor: default;
}
.promo-list-next {
	right: -25px;
	background-position: -23px 0;
}
.promo-list-next.jcarousel-next-disabled {
	background-position: -23px -26px;
	cursor: default;
}

/* view list (Content) */

.view-list {
	padding: 0 10px;
	background: #e3e2e2;
}
.view-list .label {
	width: 100px;
	float: left;
	text-align: right;
}
.view-list .list {
	width: 300px;
	float: left;
	list-style: none;
	padding-left: 0.5em;
}
.view-list .list li {
	display: inline;
}
.view-list .list li.selected {
	font-weight: bold;
}

/* panel menu (Content) */

#panel-menu {
	list-style: none;
	padding-left: 0;
}
#panel-menu li {
	display: inline;
	margin: 0 0.5em;
}
#panel-menu li.selected {
	font-weight: bold;
}

/* product list (Content) */

.product-list {
	border-bottom: 1px dashed #e3e2e2;
	background: transparent url(/_skiny/shoper_blue/img/bg-product_list.png) repeat-y 0 0;
}
.product-list.cols4 dl {
	width: 166px;
	padding: 15px;
}
.product-list dl {
	float: left;
	margin-left: 1px;
}
.product-list dl.first {
	margin-left: 0;
}
.product-list dt {
	max-height: 250px;
	overflow: hidden;
}
.product-list dt a {
	display: block;
	width: 150px;
	max-height: 250px;
	border: none;
	margin: 0 auto;
}
.product-list dd {
	text-align: center;
}
.product-list dd h3 {
	font-weight: normal;
	margin-bottom: 0;
}
.product-list dd h3 a {
	border-bottom: none;
}
.product-list dd p {
	margin-top: 0;
}

/* product image, gallery (Content) */

.product-image {
	float: left;
	width: 240px;
	margin: 20px 0;
}
.product-image a.image,
.product-image a.image img {
	border: none;
}

/* product description (Content) */

.product-desc {
	float: left;
	width: 510px;
}

/* product info (Content) */

.product-info {
	font-size: 0.688em;
	width: 360px;
}
.product-info td {
	border-bottom: 1px dashed #c7c7c7;
}

/* related product (Content) */

.related-product {
	width: 100%;
	border-bottom: 1px dashed #e3e2e2;
}
.related-product dl {
	width: 314px;
	padding: 15px;
	float: left;
	border-left: 1px dashed #e3e2e2;
}
.related-product dl.first {
	border-left: none;
}
.related-product dt {
	width: 100px;
	float: left;
}
.related-product a,
.related-product a img {
	border: none;
	display: block;
}
.related-product dd {
	width: 200px;
	float: right;
}
.related-product strong {
	color: #c50e06;
}
.related-product dd h4 {
	margin-bottom: 0;
}
.related-product dd p {
	margin-top: 0;
}

/* product table (Content) */

.product-table {
	width: 100%;
	font-size: 0.688em;
	line-height: 1.364em;
	text-align: left;
	color: #000;
}
.product-table th {
	background: #f3f3f3;
	vertical-align: top;
	padding: 5px 10px;
}
.product-table td {
	padding: 5px 10px;
	vertical-align: middle;
	border-bottom: 1px dashed #e3e2e2;
}
.product-table input {
	font-size: 1em;
}

/* bar (Content) */

.bar {
	background: #e3e2e2;
}

/* total (Content) */

.total {
	text-align: right;
}

/* paginate (Content) */

.paginate {
	font-size: 1em;
	list-style: none;
	text-align: center;
	padding: 0;
}
.paginate li {
	display: inline;
	margin: 0 0.5em;
}
.paginate li a.button-2 {
	font-size: 0.75em;
}
.paginate li strong {
	color: #b20b00;
}

/*	Footer
	==================================== */

#footer {
	border-top: 1px solid #322f2f;
}
#footer ul,
#footer p {
	color: #322f2f;
	font-size: 0.813em;
	line-height: 1.5em;
}
#footer a {
	color: #322f2f;
	border-bottom: none;
}
#footer a:hover,
#footer a:focus {
	text-decoration: underline;
}
#foot-menu li {
	border-left: 1px solid #322f2f;
	margin-left: 0.5em;
	padding-left: 0.5em;
}
#foot-menu li.first {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
#footer p.t-center {
	clear: both;
}

/*	Plugins
	==================================== */

/* lightbox (Plugins) */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a {
	border-bottom: none;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image {
	padding: 10px;
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font-size: 0.75em;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1em;
}
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;
}

/* jcarousel (Plugins) */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 330px;
	/*height: 150px;*/
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
}
.jcarousel-prev {
	z-index: 3;
	display: none;
}