/* global.css */

	*
	{
		/* reset wyglądu */
		margin: 0;
		padding: 0;
		border: none;
		text-decoration: none;
		text-align: left;

		/* ustawienia ogólne */
		font-size: 12px;
		line-height: 16px;
		font-family: Arial, Verdana, sans-serif;
	}

	body
	{
		background: #fff;
		text-align: center;
		background: #dbdbdb url('../img/bg.jpg') top center repeat-y;
	}

	b, strong {
		font-weight: bold;
	}

	i, em {
		font-style: italic;
	}

	button {
	    cursor: pointer;
	}

	a, a:hover
	{
		text-decoration: none;
		border: none;
		color: #000;
	}

		div#main-container
		{
			width: 800px;
			margin: 0 auto 0 auto;
			padding: 0 3px 0 3px;
			#padding: 0 0 0 2px;					/* HACK: IE7 - dunno why IE7 needs different padding */
			_padding: 0;						/* HACK: IE6 - skip padding */
			_margin-left: 2px;					/* HACK: IE6 - move content right 2px (won't affect centering because centers by text-align not margin) */

		}

			div#top
			{
				height: 53px;
				background: url('../img/banner.bg.jpg') top left no-repeat;
			}

			div#top2
			{
				height: 53px;
				background: url('../img/banner2.bg.jpg') top left no-repeat

			}

				a#main-site-link
				{
					position: relative;
					top: 28px;
					left: 10px;
					display: block;
					width: 140px;
					height: 20px;
				}

				form#search-form
				{
					top: -5px;
					left: -200px;
					position: relative;
					width: 200px;
					float: right;
				}

					form#search-form fieldset input.text
					{
						width: 168px;
						height: 20px;
						line-height: 20px;
						vertical-align: middle;
						padding: 0 2px;
					}

					form#search-form fieldset input.submit
					{
						top: 5px;
						_top: 4px;	/* IE6 */
						#top: 4px;	/* IE7 */
						position: relative;
					}

				/* endof: #search-form */

				div#autoSense
				{
					border: 1px solid;
					width:300px;
					height:auto;
					background-color: #fff;
					z-index: 99999;
					margin-top: 18px;
					margin-left: 400px;
					position: absolute;
				}

					div#autoSense ul
					{
						list-style: none;
						padding: 2px;
					}

						div#autoSense ul li
						{
							text-indent: 5px;
						}

						div#autoSense ul li:hover
						{
							background-color: #ADCBE5;
						}

				div#cart-info
				{
					margin: -4px 0 0 0;
					_top: -2px;			/* IE6 */
					#top: -2px;			/* IE7 */
					_padding: 2px 0 0 0;	/* IE6 */
					#padding: 2px 0 0 0;	/* IE7 */
					left: 672px;
					position: relative;
					width: 105px;
				}

					div#cart-info a img
					{
						float: left;
					}

					div#cart-info span.quantity
					{
						color: #931d1d;
						font-size: 20px;
						font-weight: bold;
						float: left;
						padding: 0 4px;
					}

					div#cart-info span.caption
					{
						font-size: 10px;
						font-weight: bolder;
						position: relative;
						float: left;
						top: -4px;
					}

				/* endof: #cart-info */

			/* endof: #top */

			div#left-column
			{
				width: 145px;
				padding: 30px 10px 0 10px;
				float:left;
				background: url('../img/logo-bottom.jpg') top left no-repeat;
			}

				div#left-column div.list
				{
					width: 145px;
					background: #efefef url('../img/column-145.bg.jpg') top center repeat-y;
					margin: 10px 0 10px 0;
					position: relative;
					padding-bottom: 9px;
				}

					div#left-column div.infoline
					{
						background:	url(../img/infoline.bg.jpg) top left no-repeat;
						width:		145px;
						height:		105px;
					}

					div#left-column div.infoline h2
					{
						height:30px;
						line-height:30px;
						padding-left:6px;
						vertical-align:middle;

						color:		#fff500;
						font-weight:	bold;
					}

					div#left-column div.infoline div.contact
					{
						width:		100px;
						padding:	10px 0 0 52px;
					}

					div#left-column div.infoline div.contact a
					{
						color:		#1294c4;
					}

					div#left-column div.infoline span.phone
					{
						color:		#ff1c00;
						font-weight:	bold;
						font-size:	14px;
					}

					div#left-column div.list div.top
					{
						height: 30px;
						width: 145px;
						background: url('../img/column-145.top.jpg') top left no-repeat;
					}

						div#left-column div.list div.top a
						{
							height: 30px;
							line-height: 30px;
							vertical-align: middle;
							font-weight: bold;
							padding-left: 6px;
							color: #fff;
						}

					div#left-column div.list div.bottom
					{
						position: absolute;
						bottom: 0;
						left: 0;
						clear: both;
						height: 9px;
						width: 145px;
						background: url('../img/column-145.bottom.jpg') bottom center no-repeat;
					}

					div#left-column div.list a.more
					{
						display: block;
						text-align: right;
						clear: both;
						padding-right: 4px;
					}

					div#left-column div.list ul
					{
						margin: 5px 0;
						width: 145px;
						list-style:none;
					}
						div#left-column div.list ul li a.name
						{
							margin: 0 5px;
							display: block;
							text-align: center;
						}

						div#left-column div.list.categories ul li
						{
							text-indent: 0;
							padding: 0.3em 0.6em 0.3em 0.6em;
							margin-right: 1px;
							margin-left: 1px;
							border-bottom: 1px solid #cccccc;
						}

						div#left-column div.list.menu ul li {
							padding: 0.3em 0.6em 0.3em 0.6em;
						}

						div#left-column div.list.categories ul li a {
							display: block;
						}

						div#left-column div.list.categories ul li:hover {
							background: #AAAAAA;
						}

						div#left-column div.list.categories ul li:hover a {
							color: #FFFFFF;
						}



						div#left-column div.products ul li
						{
							text-align: center;
							margin: 5px 0;
							position: relative;
						}

						div#left-column div.products ul li a.name
						{
							font-weight: bold;
							overflow: hidden;
							display: block;
							width: 130px;
						}

						div#left-column div.products ul li img.miniature
						{
							clear: both;
							float: none;
							border: 1px solid #000;
							margin: 4px 0;
						}

						div#left-column div.products ul li div.meta
						{
							clear: both;
							float: none;
							width: 145px;
							text-align: center;
						}

			/* endof: #left-column */

			div#right-column
			{
				width: 635px;
				_width: 630px;	/* IE6 */
				float: left;
			}

				div#right-column
				{

				}

					ul#menu
					{
						float: right;
						list-style: none;
					}

						ul#menu li
						{
							float: left;
							height: 23px;
							line-height: 23px;
							text-align: center;
							margin: 0 1px 0 0;
						}

						ul#menu li a
						{
							color: #fff;
						}

						ul#menu li.element-139
						{
							width: 139px;
							background: url('../img/menu/139.jpg') top left no-repeat;
						}

						ul#menu li.element-139:hover,
						ul#menu li.element-139-active
						{
							width: 139px;
							background: url('../img/menu/139.rollover.jpg') top left no-repeat;
						}

						ul#menu li.element-68
						{
							width: 68px;
							background: url('../img/menu/68.jpg') top left no-repeat;
						}

						ul#menu li.element-68:hover,
						ul#menu li.element-68-active
						{
							width: 68px;
							background: url('../img/menu/68.rollover.jpg') top left no-repeat;
						}

						ul#menu li.element-86
						{
							width: 86px;
							background: url('../img/menu/86.jpg') top left no-repeat;
						}

						ul#menu li.element-86:hover,
						ul#menu li.element-86-active
						{
							width: 86px;
							background: url('../img/menu/86.rollover.jpg') top left no-repeat;
						}

					/* endof: #menu */

				div.container-box div.top h2,
				div.container-box div.top p.h2,
				div.container-box div.longer p.h2
				{
					height: 35px;
					line-height: 35px;
					color: #fff;
					font-weight: bold;
				}

				div#content
				{
					clear: both;
					margin-top: 40px;
				}

				div.errors
				{
					padding: 10px 10px 10px 50px;
					margin: 5px 0;
					border: 1px solid #E65C5E;
					background: #FFE1E2 url('../img/icons/glossy/hot.pink.png') 10px 15px no-repeat;
				}

					div.errors span.title
					{
						color: #a00;
						font-weight: bold;
					}

					div.errors ul
					{
						margin-top:5px;
						padding-left: 12px;
					}

				div.info
				{
					text-indent: 15px;
					margin-top: 10px;
					margin-bottom: 5px;
					background: #ffffff url('../img/icons/glossy/info.white.png') 10px center no-repeat;
					border: 1px solid #000;
					padding: 10px;
					padding-left: 50px;
					text-align: justify;
				}

					div.info p.no-indent
					{
						text-indent:0;
						margin-top:10px;
						margin-bottom:10px;
					}

					div.info p.no-indent a
					{
						color: #8AA4BF;
					}

					div.info ul
					{
						margin-top:5px;
						padding-left: 12px;
					}

				/* endof: .errors */


			/* endof #right-column */

			div#footer
			{
				width: 100%;
				clear: both;
				text-align: center;
				padding-top: 10px;
				margin: 0 0 1em 0;
			}

				div#footer ul
				{
					list-style: none;
					display: inline;
				}

					div#footer ul li
					{
						display: inline;
						margin: 0 2px;
					}

			div#footer div.wykonanie {
				text-align: center;
				margin: 1em;
				color: #bbb;
			}

			div#footer div.wykonanie a {
				color: #bbb;
			}

		/* endof: #main-container */

	/* endof: body */


div.imagePreview {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #000;
	background: #fff;
	width: 200px;
	height: 200px;
	z-index: 9999;
	margin-bottom: 1em;
	overflow: hidden;
}

div.imagePreview span.loading {
	display: block;
	vertical-align: middle;
	text-align: center;
	line-height: 200px;
}

div.dotpay-logo span
{
	font-size: 11px;
	width: 100%;
	text-align: center;
	display: block;
	margin: 0.5em 0 0 0;
}

div.progress {
	background: #fff;
	border: 1px solid black;
	padding: 0.5em;
}

div.progress ul {
	list-style: none;
	background: url('../img/postep-n-koszyk.png') top left no-repeat;
	height: 50px;
	border: none;
	padding: 0;
	margin: 0;
}

div.progress ul li {
	display: block;
	float: left;
	height: 50px;
}

div.progress ul li a {
	display: block;
}

div.progress ul li span,
div.progress ul li label {
	display: block;
	vertical-align: middle;
	text-align: center;
	height: 50px;
	line-height: 50px;
}

div.progress ul li label {
	cursor: pointer;
}

div.progress ul li.selected,
div.progress ul li.selected a {
	font-weight: bold;
}

div.progress ul.single-step1 {
	background-position: 0 0;
}

div.progress ul.single-step2 {
	background-position: 0 -51px;
}

div.progress ul.single-step3 {
	background-position: 0 -102px;
}

div.progress ul.single {
	background-image: url('../img/postep-1-koszyk.png');
}

div.progress ul.single li.cart {
	width: 200px;
	margin-right: 40px;
}

div.progress ul.single li.order {
	width: 150px;
	margin-right: 40px;
}

div.progress ul.single li.confirm {
	width: 150px;
}

div.progress ul.multi {
	background-image: url('../img/postep-n-koszyk.png');
}

div.progress ul.multi-step1 {
	background-position: 0 0;
}

div.progress ul.multi-step2 {
	background-position: 0 -53px;
}

div.progress ul.multi-step3 {
	background-position: 0 -106px;
}

div.progress ul.multi li.cart {
	width: 125px;
	margin-right: 15px;
}

div.progress ul.multi li.order {
	width: 330px;
	margin-right: 25px;
}

div.progress ul.multi li.confirm {
	width: 90px;
}