/* ######### baseFormLayout.css begin ######### */
/* --- walidacja ----------------------------------------------------------- */

form.validation input.incorrect {
	border: 1px solid #f00 !important;
}

form.validation div.incorrect {
	background: url(/Static/Images/common/error.png) no-repeat;
	height: 16px;
	padding-left: 16px;
	cursor: help;
	position: relative;
}

form.validation.short div.incorrect {
	width: 0px;
	overflow: hidden;
}

form.validation.none div.incorrect {
	display: none !important;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div { margin: 0; }

#tooltip.validation  {
  color: #000;
	background-color: #eee;
	font-weight: bold;
}

#tooltip.validation span {
	font-weight: normal;
}

#tooltip.validation span.chars,
#tooltip.validation span.len  {
  display: block;
}

/* --- formularze ---------------------------------------------------------- */

.base-form-layout fieldset dt,
.base-form-layout fieldset dd {
	padding: 1px;
	float: left;
	margin: 0px;
}

.base-form-layout fieldset dd {
text-align: left;
}

.base-form-layout fieldset dt {
	clear: left;
	width: 200px;
	text-align: right;
	padding-right: 10px;
}

.base-form-layout fieldset dd input {
	width: 150px;
	border: 1px #999 solid;
}

.base-form-layout fieldset > div {
	clear: both;
}
/* ######### baseFormLayout.css end ######### */
/* ######### cartLayout.css begin ######### */
div.cart-layout table {
	width: 100%;
}

div.cart-layout nav {
	float: right;
	display: table;
}

div.cart-layout nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.cart-layout nav li {
	display: table-cell;
}
/* ######### cartLayout.css end ######### */
/* ######### categoryListLayout.css begin ######### */
nav.category-list-layout ul {
	padding-left: 15px;
}
/* ######### categoryListLayout.css end ######### */
/* ######### default.css begin ######### */

/* --- ogólne style -------------------------------------------------------- */

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

form.filter-list-layout div.filter,
div.ajax-mode-layout {
	display: inline;
}

a img {
	border: 0px;
}

#account .accountRight{
	float: left; 
	padding-left: 15px;
}

div.newLine {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
}

/* ######### default.css end ######### */
/* ######### headerLayout.css begin ######### */

header.header-layout {
	clear: both;
	display: table;
	width: 100%;
}

header.header-layout h1 {
	text-align: left;
	vertical-align: middle;
}

header.header-layout h1,
header.header-layout > div {
	display: table-cell;
}

header.header-layout div.cart-info-layout {
	text-align: right;
}

header.header-layout div.cart-info-layout a:first-child  {
	display: block;
}


/* ######### headerLayout.css end ######### */
/* ######### ie6WarningLayout.css begin ######### */

#ie6Warning {
	margin: auto;
	text-align: center;
	width: 600px;
	border: 2px solid #F00;
	padding: 5px;
	font-size: 12px;
	font-family: Verdana, Sans, Arial;
	margin-bottom: 10px;
	display: none;
	background: #fff;
}

#ie6Warning .close {
	width: 24px;
	height: 24px;
	float: right;
	cursor: pointer;
}

#ie6Warning .warning {
	text-align: center;
	margin: 10px 0px;
	font-weight: bold;
	color: #F00;
}

#ie6Warning .text {
	text-align: left;
	margin: 10px;
}

#ie6Warning .links {
	text-align: left;
	margin-left: 50px;
}

#ie6Warning .links img {
	vertical-align: middle;
	margin-right: 10px;
}

#ie6Warning .links a {
	display: block;
	color: #0093DD;
	text-decoration: none;
	width: 300px;
}

#ie6Warning .links a:hover {
	color: #656565;
}

#ie6Warning .footer {
	margin: 5px 10px;
	text-align: right;
}
/* ######### ie6WarningLayout.css end ######### */
/* ######### navigatorLayout.css begin ######### */
nav.navigator-layout {
	display: table;
}

nav.navigator-layout ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

nav.navigator-layout li {
	padding-right: 10px;
	display: table-cell;
}

nav.navigator-layout fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
/* ######### navigatorLayout.css end ######### */
/* ######### orderLayout.css begin ######### */
div.order-layout table {
	width: 100%;
}

div.order-layout nav {
	float: right;
	display: table;
}

div.order-layout nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.order-layout nav li {
	display: table-cell;
}
/* ######### orderLayout.css end ######### */
/* ######### popUpLayout.css begin ######### */
#popUpWindow123 {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	display: none;
	font-size: 12px;
	font-family: Verdana, Sans, Arial;
}

#popUpWindow123 .background123 {
	background: #000;
	color: #fff;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#popUpWindow123 .window123 {
	background: #FFF;
	position: absolute;
	width: 100px;
	height: 100px;
	opacity: 1;
	z-index: 150;
	display:none;
	padding: 10px;
	text-align: left;
}


	

#popUpWindow123 .footer123 {
	height: 25px;
	padding-top: 5px;
}

#popUpWindow123 .content123 {
	border: 1px solid #000;
	padding: 5px;
	overflow: auto;
}

#popUpWindow123 .close123 {
	background: url(/Static/Images/common/popUpCloseButton.png) no-repeat 55px 0px;
	height: 20px;
	width: 80px;
	float: right;
	cursor: pointer;
	text-align: left;
	padding-top: 5px;
}

#popUpWindow123 .close123:hover {
	color: #666;
}

#popUpWindow123 .wait123 {
	display: none;
	position: absolute;
}

#popUpWindow123 .panel123 {
	height: 25px;
	width: auto;
	float: left;
	text-align: left;
	display: none;
}

#popUpWindow123 .info123 {
	padding-top: 5px;
	width: auto;
	float: left;
	margin-right: 5px;
}

#popUpWindow123 .left123,
#popUpWindow123 .right123 {
	position: absolute;
	top: 10px;
	width: 25%;
	height: 80px;
	display: none;
	cursor: pointer;
}

#popUpWindow123 .left123 {
	left: 10px;
}

#popUpWindow123 .right123 {
	right: 8px;
}
	

#popUpWindow123 .left123 .leftContent123,
#popUpWindow123 .right123 .rightContent123 {
	display: none;
	background-color: #FFF;
	background-repeat: no-repeat;
	border: 1px solid #000;
	padding: 10px 0px;
	width: 75px;
	margin-top: 40px;
}
	
#popUpWindow123 .left123 .leftContent123 {
	background-image: url(/Static/Images/common/popUpPrevButton.png);
	border-left: 0px;
	padding-left: 25px;
	background-position: 0 50%;
}

#popUpWindow123 .right123 .rightContent123 {
	background-image: url(/Static/Images/common/popUpNextButton.png);
	border-right: 0px;
	background-position: 100% 50%;
	text-align: right;
	padding-right: 25px;
	float: right;
}

#popUpWindow123 .top123 {
	position: absolute;
	top: 10px;
	width: 44%;
	height: 80px;
	display: none;
	cursor: pointer;
	left: 28%;
}

#popUpWindow123 .top123 .topContent123 {
	display: none;
	background-image: url(/Static/Images/common/popUpZoomButton.png);
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	border: 1px solid #000;
	border-top: 0px;
	padding: 10px 0px;
	padding-left: 20px;
	width: 90px;
	margin: auto;
	text-align: center;
}

#popUpWindow123 .prev123,
#popUpWindow123 .next123,
#popUpWindow123 .zoom123 {
	width: 16px;
	height: 20px;
	float: left;
	margin-left: 5px;
	cursor: pointer;
	text-align: left;
	padding-top: 5px;
}


#popUpWindow123 .prev123:hover,
#popUpWindow123 .next123:hover,
#popUpWindow123 .zoom123:hover {
	color: #666;
}

#popUpWindow123 .prev123 {
	background: url(/Static/Images/common/popUpPrevButton.png) no-repeat;
}

#popUpWindow123 .next123 {
	background: url(/Static/Images/common/popUpNextButton.png) no-repeat;
}

#popUpWindow123 .zoom123 {
	width: 24px;
	background: url(/Static/Images/common/popUpZoomButton.png) no-repeat;
}

/* --- przeglądarka obrazków ----------------------------------------------- */

#imagesViewer123 {
	text-align: center;
}

#imagesViewer123 .backImage123 {
	display: none;
}

#imagesViewer123 .image123 {
	display: none;
}
/* ######### popUpLayout.css end ######### */
/* ######### promotionAreaLayout.css begin ######### */
article.carrousel {
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 250px; /*Width of Carousel Viewer itself*/
	height: 200px; /*Height should enough to fit largest content's height*/
}

article.carrousel > figure {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

article.carrousel > figure > div {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

img.carousel-left-nav-button,
img.carousel-right-nav-button {
	display: none;
}
/* ######### promotionAreaLayout.css end ######### */
/* ######### stepsBarLayout.css begin ######### */
nav.steps-bar-layout {
	display: table;
}

nav.steps-bar-layout ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

nav.steps-bar-layout li {
	padding-right: 10px;
	display: table-cell;
}

nav.steps-bar-layout li.selected {
	font-weight: bold;
}
/* ######### stepsBarLayout.css end ######### */
/* ######### structPageLayout.css begin ######### */
.content-main-layout {
	display: table;
}

.content-main-layout > * {
	display: table-cell;
	padding: 5px;
}
/* ######### structPageLayout.css end ######### */
/* ######### tagCloudLayout.css begin ######### */
nav.tag-cloud-layout a.tag {
	padding: 0px 5px;
}

nav.tag-cloud-layout a.tag.weight10 {
	font-size: 30px;
}

nav.tag-cloud-layout a.tag.weight9 {
	font-size: 28px;
}

nav.tag-cloud-layout a.tag.weight8 {
	font-size: 26px;
}

nav.tag-cloud-layout a.tag.weight7 {
	font-size: 24px;
}

nav.tag-cloud-layout a.tag.weight6 {
	font-size: 22px;
}

nav.tag-cloud-layout a.tag.weight5 {
	font-size: 20px;
}

nav.tag-cloud-layout a.tag.weight4 {
	font-size: 18px;
}

nav.tag-cloud-layout a.tag.weight3 {
	font-size: 16px;
}

nav.tag-cloud-layout a.tag.weight2 {
	font-size: 14px;
}

nav.tag-cloud-layout a.tag.weight1 {
	font-size: 12px;
}
/* ######### tagCloudLayout.css end ######### */

/* ######### Account.css begin ######### */

/* ---- logowanie ---------------------------------------------------------- */

#login form {
	padding: 0px;
	margin: 0px;
}

#login .formBox {
	float: left;
	width: 166px;
	margin-left: 20px;
}

#login .formBox.first {
	margin-left: 0px;
}

#login .formBox.first.wide {
	margin-left: 90px;
}

#login .formBox .title {
	height: 30px;
	width: 166px;
}

#login .formBox.first .title {
	background: url(/Static/Images/loginFirstBoxBg.png) no-repeat;
}

#login .formBox.middle .title {
	background: url(/Static/Images/loginMiddleBoxBg.png) no-repeat;
}

#login .formBox.last .title {
	background: url(/Static/Images/loginLastBoxBg.png) no-repeat;
}

#login .formBox .info {
	margin-top: 10px;
	text-align: left;
	height: 75px;
	color: #7A7A7A;
}

#login .formBox .info input {
	border: 1px solid #CCC;
	color: #7A7A7A;
	width: 164px;
}

#login .formBox .info input.incorrect {
	border: 1px solid #F00;
}

#login .formBox .info input.login {
	margin-bottom: 7px;
}

#login .formBox .info .remind {
	text-align: right;
	margin-top: 5px;
}

#login .formBox .info .remind a {
	color: #0093DD;
	text-decoration: none;
}

#login .formBox .info .remind a:hover {
	color: #025681;
}

#login .formBox .foot {
	margin-top: 10px;
	text-align: right;
}

#login .formBox .foot .submit {
	width: 66px;
	height: 18px;
	border: 0px;
	cursor: pointer;
}

#login .formBox.first .foot .submit {
	background: url(/Static/Images/loginButton.png) no-repeat;
}

#login .formBox.middle .foot .submit {
	background: url(/Static/Images/registerButton.png) no-repeat;
	display: block;
	float: right;
}

#login .formBox.last .foot .submit {
	background: url(/Static/Images/noRegisterButton.png) no-repeat;
	width: 112px;
}

/* --- dane osobowe -------------------------------------------------------- */

#personalData .data {
	width: 540px;
	border-collapse: collapse;
	border-spacing: 0px;
}

#personalData .header {
	background: url(/Static/Images/cartHeaderBg.png) repeat-x;
	height: 30px;
}

#personalData th {
	text-align: left;
	color: #0390D7;
	font-size: 12px;
	height: 30px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	padding-left: 10px;
}

#personalData .line {
	width: 540px;
}

#personalData .label {
	text-align: left;
	padding-left: 10px;
	height: 30px;
}

#personalData .value,
#personalData .companyRadioBox,
#personalData .addressRadioBox {
	text-align: right;
	padding-right: 10px;
}

#personalData .companyRadioBox {
	padding-right: 50px;
}

#personalData .addressRadioBox {
	padding-right: 15px;
}

#personalData .addressRadioBox * {
	vertical-align: middle;
}

#personalData .isNotCompany {
	display: none;
}

#personalData .value input {
	width: 259px;
	border: 1px solid #CCC;
}

#personalData .radio input {
	margin-left: 10px;
}

#personalData input.incorrect {
	border: 1px solid #F00;
}

#personalData .info td {
	padding: 30px 10px 0px 10px;
}

#personalData .info .left,
#personalData .info .right {
	float: left;
}

#personalData .info .left {
	width: 485px;
	text-align: left;
}

#personalData .info .right {
	width: 35px;
	text-align: right;
	padding-top: 10px;
}

#personalData .foot {
	text-align: right;
}

#personalData .foot td {
	padding-top: 30px;
}

#personalData .foot .submit input {
	width: 70px;
	height: 18px;
	border: 0px;
	cursor: pointer;
	margin-right: 10px;
	background: url(/Static/Images/cartSendButton.png) no-repeat;
}

#personalData .foot .submit .account {
	background: url(/Static/Images/accountChangeDataButton.png) no-repeat;
}

#personalData .foot .submit .register {
	width: 66px;
	background: url(/Static/Images/registerButton.png) no-repeat;
}

#personalData .foot .back a {
	background: url(/Static/Images/cartBackButton.png) no-repeat;
	display: block;
	width: 37px;
	height: 18px;
	float: left;
	margin-left: 10px;
}

/* --- belka z zakładkami -------------------------------------------------- */

.accountBar{
	margin-bottom: 40px;
}

.accountBar .title {
	margin-bottom: 20px;
	color: #0390d7;
	font-size: 14px;
	font-weight: bold;
}

.accountBar .header {
	background: url(/Static/Images/accountBarHeaderBg.png) repeat-x;
	height: 30px;
	padding-left: 10px;
}

.accountBar .header .tab {
	float: left;
	cursor: pointer;
	width: auto;
}

.accountBar .header .tab.active {
	cursor: auto;
}

.accountBar .header .tab .left {
	background: url(/Static/Images/accountBarTabLeftBg.png) no-repeat;
	float: left;
	width: 3px;
	height: 30px;
}

.accountBar .header .tab.active .left,
.accountBar .header .tab:hover .left {
	background: url(/Static/Images/accountBarTabLeftBgActive.png) no-repeat;
}

.accountBar .header .tab .middle {
	background: url(/Static/Images/accountBarTabMiddleBg.png) repeat-x;
	float: left;
	height: 30px;
	width: auto;
	padding: 2px 5px 0px 5px;
	font-weight: bold;
	color: #FFF;
	display: block;
	text-align: center;
	text-decoration: none;
}

.accountBar .header .tab.active .middle,
.accountBar .header .tab:hover .middle {
	background: url(/Static/Images/accountBarTabMiddleBgActive.png) repeat-x;
	color: #0390D7;
}

.accountBar .header .tab .right {
	background: url(/Static/Images/accountBarTabRightBg.png) no-repeat;
	float: left;
	width: 3px;
	height: 30px;
	margin-right: 1px;
}

.accountBar .header .tab.active .right,
.accountBar .header .tab:hover .right {
	background: url(/Static/Images/accountBarTabRightBgActive.png) no-repeat;
}

.accountBar .header .logoutButton {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

.accountBar .header .logoutButton a {
	background: url("/Static/Images/accountLogoutButton.png") no-repeat;
	width: 51px;
	height: 18px;
	display: block;
	border: 0px;
	cursor: pointer;
}

/* --- historia zamówień ------------------------------------------- */

.orderHistory .items {
	width: 540px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.orderHistory .items th {
	background: url(/Static/Images/accountHeaderBg.png) repeat-x;
	padding-left: 10px;
	height: 30px;
	color: #0390d7;
	text-align: center;
}
	
.orderHistory .items .line td {
	padding-left: 10px;
	height: 30px;
}

.orderHistory .items td.lp {
	width: 18px;
	text-align: center;
}
	
.orderHistory .items td.id {
	width: 65px;
	text-align: right;
}

.orderHistory .items td.date {
	width: 105px;
	text-align: right;
}

.orderHistory .items td.state {
	text-align: center;
}

.orderHistory .items td.amount {
	width: 65px;
	text-align: right;
	padding-right: 10px;
}

.orderHistory .items .line a {
	color: #0390d7;
}
	
.orderHistory .items .line a:hover {
	color: #025681;
}

.orderHistory .pagginatioBar td {
	padding-top: 10px;
}

.orderHistory .info {
	margin-top: -20px;
	margin-bottom: 20px;
}

.orderHistory .section {
	margin-top: 20px;
	font-weight: bold;
}

.orderHistory .address {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.orderHistory .address .header {
	font-weight: bold;
}

.orderHistory .address .left {
	float: left;
	width: 250px;
}

.orderHistory .address .right {
	float: left;
	width: 250px;
	margin-left: 10px;
}

.orderHistory .items .line td.code {
	width: 30px;
}

.orderHistory .items .line td.quantity {
	width: 30px;
	padding: 0px 5px;
}

.orderHistory .footerLine td {
	padding-top: 5px;
}

.orderHistory .footerLine .label {
	padding-left: 10px;
	text-align: right;
}

.orderHistory .footer {
	margin-top: 20px;
}

/* --- ustawienia konta ---------------------------------------------------- */

#personalData .separator td {
	padding-top: 5px;
}

#personalData .separator.high td {
	padding-top: 30px;
}

#personalData .line.high td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#personalData .line .area {
	padding-left: 10px;
}

#personalData .area .button {
	display: block;
	height: 18px;
	border: 0px;
	cursor: pointer;
}

#personalData .area .button.right {
	float: right;
	margin-right: 10px;
	vertical-align: middle;
}

#personalData .area .changeData {
	background: url("/Static/Images/accountChangeDataButton.png") no-repeat;
	width: 70px;
}

#personalData .area .newsletterAdd {
	background: url("/Static/Images/newsletterAddButton.png") no-repeat;
	width: 50px;
}

#personalData .area .newsletterDelete {
	background: url("/Static/Images/newsletterDeleteButton.png") no-repeat;
	width: 50px;
}

#personalData .area .accountDelete {
	background: url("/Static/Images/accountDeleteButton.png") no-repeat;
	width: 85px;
}

#personalData .area .accountYes {
	background: url("/Static/Images/accountYesButton.png") no-repeat;
	width: 37px;
	float: left;
	margin-left: 200px;
}

#personalData .area .accountNo {
	background: url("/Static/Images/accountNoButton.png") no-repeat;
	width: 37px;
	float: left;
	margin-left: 45px;
}

#personalData .area .question {
	text-align: center;
	margin: 15px 0px;
}

#personalData .area .step2 {
	display: none;
}

/* --- e-punkty ------------------------------------------------------------ */

.paybackPoints .section {
	background: url(/Static/Images/accountHeaderBg.png) repeat-x;
	width: 540px;
	height: 22px;
	padding-left: 10px;
	padding-top: 8px;
	color: #0390d7;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}

.paybackPoints .separator {
	margin-top: 30px;
}

.paybackPoints .info {
	padding-left: 10px;
	color: #7A7A7A;
	margin: 10px 0px;
}

.paybackPoints .title {
	font-weight: bold;
}

.paybackPoints .points {
	font-weight: bold;
	color: #000;
}
	
.paybackPoints .rebate {
	width: 100px;
	height: 35px;
	float: left;
	padding-top: 75px;
	text-align: center;
}

.paybackPoints .rebate.p2 {
	background: url(/Static/Images/paybackP2.png) no-repeat;
}

.paybackPoints .rebate.p4 {
	background: url(/Static/Images/paybackP4.png) no-repeat;
}

.paybackPoints .rebate.p6 {
	background: url(/Static/Images/paybackP6.png) no-repeat;
}

.paybackPoints .rebate.p8 {
	background: url(/Static/Images/paybackP8.png) no-repeat;
}

.paybackPoints .rebate .description {
	margin-bottom: 4px;
}

.paybackPoints .rebate .link {
	background: url(/Static/Images/exchangeButton.png) no-repeat;
	display: block;
	width: 50px;
	height: 18px;
	cursor: pointer;
	margin: auto;
	text-align: center;
}

/* ---- newsletter --------------------------------------------------------- */

.newsletter .header {
	background: url(/Static/Images/lineHorizontalLongBlue.png) no-repeat 0px 18px;
	color: #0093DD;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	margin: 10px 0px;
}

.newsletter .usage {
	color: #7a7a7a;
	font-size: 11px;
	margin-bottom: 20px;
}

.newsletter .name {
	color: #7a7a7a;
	font-size: 11px;
}

.newsletter .button {
	background: url(/Static/Images/newsltterSendButon.png) no-repeat;
	width: 40px;
	height: 18px;
	margin: 0px;
	border: 0px;
	cursor: pointer;
}

.newsletter .footer {
	margin-top: 20px;
	text-align: right;
}

.newsletter .form .description {
	margin-bottom: 10px;
}

.newsletter .form .text {
	border: 1px solid #CCC;
	width: 120px;
}

.newsletter .form .button {
	background: url("/Static/Images/newsletterAddButton.png") no-repeat;
	width: 50px;
	height: 18px;
	border: 0px;
	cursor: pointer;
}

/* ------------------------------------------------------------------------- */

/* ######### Account.css end ######### */
/* ######### Boxes.css begin ######### */

/* --- działy -------------------------------------------------------------- */

.categoryList div.category {
	background: url("/Static/Images/listRightArrowRed.png") no-repeat 0px 6px;
	margin-top: 8px;
	padding-left: 10px;
	margin-left: -5px;
	font-size: 12px;
}

.categoryList div.category.level1 {
	background: url("/Static/Images/listPointBigRed.png") no-repeat 0px 3px;
	margin-left: 5px;
	padding-left: 15px;
	margin-top: 18px;
	font-size: 14px;
}

.categoryList div.category.level2 {
	background: url("/Static/Images/listPointRed.png") no-repeat 0px 5px;
	padding-left: 12px;
	margin-top: 10px;
}

.categoryList div.category img {
	margin-left: -15px;
	margin-top: 2px;
	vertical-align: top;
	width: 12px;
	height: 12px;
}

.categoryList .hidden {
	display: none;
}

.categoryList .category .current {
	color: #0390D7 !important;
}

.categoryList .level1 a {
	color: #D93E2C;
	text-decoration: none;
	cursor: pointer;
	vertical-align: top;
	font-weight: bold;
}

.categoryList .level1 a:hover {
	color: #ff9a8f;
}

.categoryList .level2 a,
.categoryList .level2 .name {
	color: #7A7A7A;
	text-decoration: none;
	cursor: pointer;
	vertical-align: top;
	font-weight: normal;
}

.categoryList .level2 a:hover,
.categoryList .level2 .name:hover {
	color: #656565;
	font-weight: normal;
}

.categoryList .name.level1,
.categoryList .name.level1:hover {
	color: #D93E2C;
	cursor: auto;
	font-weight: bold;
}

.categoryList .name.level2,
.categoryList .name.level3,
.categoryList .name.level4,
.categoryList .name.level5 {
	font-weight: normal;
}

/* --------------------------------------------------------------------------- */

.pageBox {
	text-align: left;
}

#leftBox {
	padding-right: 2px;
}

#rightBox {
	padding-left: 2px;
}

.pageBox .caption {
	width: 200px;
	height: 21px;
}

.pageBox .caption.store {
	background: url("/Static/Images/boxStoreTitle.png") no-repeat;
}

.pageBox .caption.searcher {
	background: url("/Static/Images/boxSearcherTitle.png") no-repeat;
	margin-bottom: 10px;
}

.pageBox .caption.regulations {
	background: url("/Static/Images/boxRegulationsTitle.png") no-repeat;
}

.pageBox .caption.informations {
	background: url("/Static/Images/boxInformationsTitle.png") no-repeat;
}

.pageBox .caption.publishing {
	background: url("/Static/Images/boxPublishingTitle.png") no-repeat;
}

.pageBox .caption.study {
	background: url("/Static/Images/boxStudyTitle.png") no-repeat;
}

.pageBox .separator {
	margin-top: 20px;
}

.pageBox .section, .pageBox .section a, 
.pageBox .subsection, .pageBox .subsection a {
	color: #7A7A7A;
	text-decoration: none;
}

.pageBox .section a:hover, 
.pageBox .subsection a:hover {
	color: #656565;
}

.pageBox .section {
	background: url("/Static/Images/listPointBlue.png") no-repeat 0px 4px;
	margin-top: 10px;
	margin-left: 5px;
	padding-left: 15px;
}

.pageBox .section.red {
	background: url("/Static/Images/listPointBigRed.png") no-repeat 0px 3px;
	font-size: 13px;
	font-weight: bold;
}

.pageBox.publishing .section {
	background: url("/Static/Images/listPointGreen.png") no-repeat 0px 3px;
}

.pageBox.study .section {
	background: url("/Static/Images/listPointYellow.png") no-repeat 0px 3px;
}

.pageBox .subsection {
	margin-top: 5px;
}
.pageBox .subsection .bold {
	color: #0093DD;
}

.pageBox .subsection a:hover .bold {
	color: #025681;
}

#leftBox .subsection {
	background: url("/Static/Images/listPointRed.png") no-repeat 0px 4px;
	margin-left: 15px;
	padding-left: 15px;
}

#rightBox .subsection {
	background: url("/Static/Images/listRightArrowBlue.png") no-repeat 0px 5px;
	margin-left: 12px;
	padding-left: 10px;
	font-size: 11px;
}

#rightBox .searcherForm {
	margin-top: 10px;
}

#rightBox .searcherForm .text {
	width: 150px;
	border: 1px #0093DD solid;
}

#rightBox .searcherForm .button {
	background: url("/Static/Images/boxSearcherButton.png") no-repeat;
	width: 45px;
	height: 18px;
	border: 0px;
	cursor: pointer;
}

#rightBox .newsletterInfo {
	margin-top: 0px;
}

#rightBox .newsletter .form {
	margin-top: 8px;
	margin-left: 20px;
	margin-bottom: 0px;
}

#rightBox .newsletter .text {
	border: 1px solid #CCC;
	color: #7A7A7A;
	width: 120px;
}

#rightBox .newsletter .submit {
	background: url("/Static/Images/newsletterAddButton.png") no-repeat;
	width: 50px;
	height: 18px;
	border: 0px;
	cursor: pointer;
}

#rightBox .payMethods {
	background: url(/Static/Images/payMethods.jpg);
	width: 140px;
	height: 170px;
	margin-top: 10px;
	margin-left: 30px;
}

#rightBox .payMethods .link {
	display: block;
	width: 136px;
	margin-left: 2px;
}

#rightBox .payMethods .link.top {
	height: 27px;
}

#rightBox .payMethods .link.bottom {
	margin-top: 11px;
	height: 127px;
}

/* ######### Boxes.css end ######### */
/* ######### Main.css begin ######### */


/* --- globalne ------------------------------------------------------------ */

* {
	padding: 0px;
}

body {
	text-align: center;
}

img {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.newLine {
	clear: both;
}

.blue {
	color: #0390D7;
}

a {
	color: #0093DD;
}

a:hover {
	color: #025681;
}

/* --- struktura strony ---------------------------------------------------- */

body {
	padding: 0px;
	margin: auto;
	text-align: center;
}

.mainTable {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	width: 1012px;
	margin: auto;
	text-align: center;
	font-size: 11px;
	font-family: Verdana, Sans, Arial;
}

.mainTable table {
	font-size: 11px;
	font-family: Verdana, Sans, Arial;
}

.mainTable .header {
}

.mainTable .header .headerLeft {
	background: url("/Static/Images/headerLeftBg.png") no-repeat;
	width: 12px;
	height: 198px;
}

.mainTable .header .headerMiddle {
	width: 988px;
	text-align: center;
}

.mainTable .header .headerRight {
	background: url("/Static/Images/headerRightBg.png") no-repeat;
	width: 12px;
	height: 198px;
}

.mainTable .body {
}

.mainTable .body .bodyLeft {
	background: url("/Static/Images/bodyLeftBg.png") repeat-y;
	width: 12px;
}

.mainTable .body .bodyMiddle {
	width: 988px;
}

.mainTable .body .bodyRight {
	background: url("/Static/Images/bodyRightBg.png") repeat-y;
	width: 12px;
}

.mainTable .footer .footerLeft {
	background: url("/Static/Images/footerLeftBg.png") no-repeat;
	width: 12px;
	height: 60px;
}

.mainTable .footer .footerMiddle {
	background: url("/Static/Images/footerMiddleBg.png") repeat-x;
	width: 988px;
	height: 60px;
}

.mainTable .footer .footerRight {
	background: url("/Static/Images/footerRightBg.png") no-repeat;
	width: 12px;
	height: 60px;
}

/* --- menu ---------------------------------------------------------------- */

.menuTable {
	font-size: 12px;
	font-family: Sans, Arial;
}

.menuTable .logoBox {
	width: 202px;
	height: 194px;
}

.menuTable .people {
	width: 585px;
	height: 137px;
	background: url("/Static/Images/menuPeople.png") no-repeat;
}

.menuTable .clientBox {
	width: 201px;
	background: url("/Static/Images/menuClient.png") no-repeat;
	vertical-align: top;
}

.menuTable .clientBox a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.menuTable .clientBox a:hover {
	color: #BBB;
}

.menuTable .topMenu {
	width: 195px;
	height: 61px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-align: left;
}

.menuTable .mainLink {
	display: block;
	width: 195px;
	height: 55px;
	cursor: pointer;
}

.menuTable .topMenu.selected {
	background-position: 0px -61px;
}

.menuTable .shopMenu {
	background-image: url("/Static/Images/menuShopLink.png");
}

.menuTable .studyMenu {
	background-image: url("/Static/Images/menuStudyLink.png");
}

.menuTable .publishingMenu {
	background-image: url("/Static/Images/menuPublishingLink.png");
}

/* --- menu rozwijane ------------------------------------------------------ */

.menuTable .topSubmenu {
	display: none;
	background: #BFBFBF;
	text-align: left;
	padding: 5px 0px;
	position: absolute;
	width: 192px;
	margin-left: 2px;
}

.menuTable .topSubmenu.right {
	width: 193px;
	margin-left: 0px;
}
	
.menuTable .topSubmenu .item {
	display: block;
	background: url("/Static/Images/menuPointRed.png") no-repeat 10px 2px;
	padding-left: 25px;
	margin: 5px 0px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.menuTable .topSubmenu.middle .item {
	background: url("/Static/Images/menuPointYellow.png") no-repeat 10px 2px;
}

.menuTable .topSubmenu.right .item {
	background: url("/Static/Images/menuPointGreen.png") no-repeat 10px 2px;
}

.menuTable .topSubmenu .item:hover {
	color: #555;
}

/* --- panel klienta ------------------------------------------------------- */

#clientBox {
	color: #FFF;
	text-align: left;
	padding-left: 12px;
	font-size: 11px;
}

#clientBox h2 {
	font-size: 14px;
}

#clientBox .bold {
	font-weight: bold;
	font-size: 12px;
}

#clientBox h2.cart {
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
	width: 115px;
}

#clientBox .cartBox {
	width: 185px;
	height: 100px;
}

#clientBox .cartBox .content {
	width: 152px;
}

#clientBox .button {
	width: 60px;
	height: 18px;
	display: block;
	float: left;
	border: 0px;
	cursor: pointer;
}

#clientBox .cartButton {
	width: 50px;
	background: url("/Static/Images/menuCartButton.png") no-repeat;
	margin-top: 18px;
	margin-left: 15px;
}

#clientBox .loginButton {
	background: url("/Static/Images/menuLoginButton.png") no-repeat;
}

#clientBox .logoutButton {
	width: 50px;
	background: url("/Static/Images/menuLogoutButton.png") no-repeat;
}

#clientBox .registerButton {
	background: url("/Static/Images/menuRegisterButton.png") no-repeat;
	margin-left: 53px;
}

#clientBox h2.panel {
	margin-top: 40px;
	margin-bottom: 5px;
}

#clientBox .userName {
	width: 125px;
	float: left;
	display: block;
	padding-top: 3px;
}

#clientBox .gratis {
	color: #CCC;
	margin-top: 10px;
	font-size: 10px;
	width: 150px;
}

#clientBox .gratis .bold {
	font-weight: bold;
	font-size: 10px;
}

/* --- aktualna ścieżka ---------------------------------------------------- */

.body .bodyMiddle .breadcrumb {
	height: 20px;
	text-align: left;
	padding: 10px;
	color: #7A7A7A;
	width: 968px;
}

.body .bodyMiddle.breadcrumb .last {
	color: #0093DD;
}

.body .bodyMiddle.breadcrumb a {
	color: #7A7A7A;
	text-decoration: none;
}

.body .bodyMiddle.breadcrumb a:hover {
	color: #656565;
}

.body .bodyMiddle.breadcrumb .last a {
	color: #0093DD;
}

.body .bodyMiddle.breadcrumb .last a:hover {
	color: #025681;
}

.body .bodyMiddle.breadcrumb .separator {
	background: url(/Static/Images/breadcrumbsSeparator.png) no-repeat 0px 5px;
	margin: 0px 3px;
	padding-right: 3px;
}

.body .bodyMiddle .copyright {
	width: 550px;
	/*height: 23px;*/
	font-size: 10px;
	text-align: center;
	margin: auto;
}

.body .bodyMiddle .copyright .keyWords {
	color: #656565;
}

/* --- główna zawartość strony --------------------------------------------- */

.contentTable {
	font-size: 12px;
	font-family: Sans, Arial;
	text-align: center;
}

.contentTable .content {
	text-align: left;
}

.contentTable .content .contentLeft {
	width: 203px;
	border-right: 1px #989898 dotted;
	vertical-align: top;
}

.contentTable .content .contentMiddle {
	width: 540px;
	vertical-align: top;
	padding: 0px 20px 20px 20px;
}

.contentTable .content .contentRight {
	width: 203px;
	border-left: 1px #989898 dotted;
	vertical-align: top;
}

/* --- stopka -------------------------------------------------------------- */

.footer .footerMiddle .links {
	width: 500px;
	height: 24px;
	padding-top: 13px;
	font-size: 12px;
	text-align: center;
	margin: auto;
}

.footer .footerMiddle .links a {
	text-decoration: none;
	color: #0091DB;
	padding: 0px 5px;
}

.footer .footerMiddle .links a:hover {
	color: #025681;
}

/* --- strona główna ------------------------------------------------------- */

#mainPage {
	text-align: left;
	width: 540px;
}

#mainPage h1,
#mainPage h2 {
	background: url("/Static/Images/lineHorizontalLongBlue.png") no-repeat 0px 18px;
	font-size: 14px;
	color: #0390D7;
	padding-bottom: 5px;
}

#mainPage .price {
	margin: 0px 5px; 
}

#mainPage .recommendedList .oldPrice {
	margin: 0px 5px; 
}

.recommendedList h1,
.recommendedList h2 {
	background: url("/Static/Images/lineHorizontalLongBlue.png") no-repeat 0px 18px;
	font-size: 14px;
	color: #0390D7;
	padding-bottom: 5px;
}

.recommendedList .product {
	padding: 0px 20px;
	float: left;
	width: 139px;
	text-align: left;
	border-right: 1px #CCCCCC solid;
}

.recommendedList .product.last {
	border-right: 0px;
}

.recommendedList .product {
	padding: 0px 20px;
	float: left;
	width: 139px;
	text-align: left;
	border-right: 1px #CCCCCC solid;
}

.recommendedList .product .imageBox {
	text-align: center;
}

.recommendedList .product .titleBox {
	text-align: center;
}

.recommendedList .product .priceBox {
	text-align: center;
}

.recommendedList .product .cartButton {
	margin: auto;
	text-align: center;
}

.recommendedList .product .unavailable {
	margin: auto;
	text-align: center;
}

#mainPage .news {
	padding-top: 20px;
}

#mainPage .news .imageBox {
	float: left;
	width: 100px;
}

#mainPage .news .productBox {
	margin-left: 110px;
}


/* --- obszary promocyjne -------------------------------------------------- */

.promotion-area-layout {
	font-family: Verdana, Sans, Arial;
	font-size: 11px;
	text-align: left;
} 

.fullPromotion {
	margin-top: -10px;
}

.promotion-area-layout .bold {
	color: #0093DD;
}

.promotion-area-layout .header {
	background: url(/Static/Images/lineHorizontalLongBlue.png) no-repeat 0px 18px;
	color: #0093DD;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	margin: 10px 0px;
}

.promotion-area-layout .header.red {
	background: url(/Static/Images/lineHorizontalLongRed.png) no-repeat 0px 18px;
	color: #D93E2C;
}

.promotion-area-layout .header.green {
	background: url(/Static/Images/lineHorizontalLongGreen.png) no-repeat 0px 18px;
	color: #138612;
}

.promotion-area-layout .title {
	color: #0390D7;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}

.promotion-area-layout .title.red {
	color: #D93E2C;
}

.promotion-area-layout .title.green {
	color: #138612;
}

.promotion-area-layout .content {
	padding: 5px;
	color: #7a7a7a;
	font-size: 11px;
}

.promotion-area-layout .content.black {
	color: #000;
}

.promotion-area-layout .section {
	background: url("/Static/Images/listPointBlue.png") no-repeat 0px 4px;
	margin-left: 5px;
	padding-left: 15px;
	color: #7a7a7a;
	font-size: 11px;
}

.promotion-area-layout .section.red {
	background: url("/Static/Images/listPointRed.png") no-repeat 0px 4px;
}

.promotion-area-layout .section.green {
	background: url("/Static/Images/listPointGreen.png") no-repeat 0px 4px;
}

.promotion-area-layout .subsection {
	background: url("/Static/Images/listRightArrowBlue.png") no-repeat 0px 5px;
	margin-left: 12px;
	padding-left: 10px;
	font-size: 11px;
	color: #7a7a7a;
	margin-top: 2px;
}

.promotion-area-layout .subsection.red {
	background: url("/Static/Images/listRightArrowRed.png") no-repeat 0px 5px;
}

.promotion-area-layout .subsection.green {
	background: url("/Static/Images/listRightArrowGreen.png") no-repeat 0px 5px;
}


/* ######### Main.css end ######### */
/* ######### Order.css begin ######### */

/* --- klasy wspólne ------------------------------------------------------- */

.errorBar,
.infoBar  {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	color: #F00;
}

.infoBar {
	color: #58A82D;
}

/* --- kroki zamówienia ---------------------------------------------------- */

.stepsBarLayout {
	width: 540px;
	height: 42px;
	padding-bottom: 20px;
}

.stepsBarLayout .step {
	width: 108px;
	height: 42px;
	float: left;
}

.stepsBarLayout .step.cartBefore {
	background: url(/Static/Images/stepsCartBefore.png) no-repeat;
}

.stepsBarLayout .step.cartActive {
	background: url(/Static/Images/stepsCartActive.png) no-repeat;
}

.stepsBarLayout .step.cartAfter {
	background: url(/Static/Images/stepsCartAfter.png) no-repeat;
}

.stepsBarLayout .step.shippingBefore {
	background: url(/Static/Images/stepsShippingBefore.png) no-repeat;
}

.stepsBarLayout .step.shippingActive {
	background: url(/Static/Images/stepsShippingActive.png) no-repeat;
}

.stepsBarLayout .step.shippingAfter {
	background: url(/Static/Images/stepsShippingAfter.png) no-repeat;
}

.stepsBarLayout .step.loginBefore {
	background: url(/Static/Images/stepsLoginBefore.png) no-repeat;
}

.stepsBarLayout .step.loginActive {
	background: url(/Static/Images/stepsLoginActive.png) no-repeat;
}

.stepsBarLayout .step.loginAfter {
	background: url(/Static/Images/stepsLoginAfter.png) no-repeat;
}

.stepsBarLayout .step.dataBefore {
	background: url(/Static/Images/stepsDataBefore.png) no-repeat;
}

.stepsBarLayout .step.dataActive {
	background: url(/Static/Images/stepsDataActive.png) no-repeat;
}

.stepsBarLayout .step.dataAfter {
	background: url(/Static/Images/stepsDataAfter.png) no-repeat;
}

.stepsBarLayout .step.orderBefore {
	background: url(/Static/Images/stepsOrderBefore.png) no-repeat;
}

.stepsBarLayout .step.orderActive {
	background: url(/Static/Images/stepsOrderActive.png) no-repeat;
}

.stepsBarLayout .step.orderAfter {
	background: url(/Static/Images/stepsOrderAfter.png) no-repeat;
}

/* --- koszyk -------------------------------------------------------------- */

#cart .empty {
	text-align: center;
}

#cart .products {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 540px;
}

#cart .products .header {
	background: url(/Static/Images/cartHeaderBg.png) repeat-x;
	height: 30px;
}

#cart .products th {
	text-align: center;
	color: #0390D7;
	font-size: 12px;
	height: 30px;
	font-weight: bold;
}

#cart .products .line td {
	border-top: 1px #CCC solid;
	height: 60px;
	padding: 3px 0px;
}

#cart .products .image {
	width: 60px;
}

#cart .products .name {
	text-align: center;
}

#cart .products td.name {
	text-align: left;
}

#cart .products .name a {
	color: #0390D7;
	text-decoration: none;
}

#cart .products .name a:hover {
	color: #025681;
}

#cart .products .price,
#cart .products .amount
{
	width: 80px;
}

#cart .products td.price,
#cart .products td.amount,
#cart .products td.rebate
{
	width: 60px;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	color: #000;
}

#cart .products td.rebate {
	font-weight: normal;
}

#cart .products .quantity
{
	width: 95px;
}

#cart .products td.quantity
{
	text-align: right;
	width: 85px;
	padding-left: 10px;
}

#cart .products .quantity input
{
	width: 25px;
	display: block;
	float: left;
}

#cart .products input.incorrect
{
	border: 1px solid #F00;
}
	
#cart .products .recalculate,
#cart .products .remove
{
	display: block;
	color: #7A7A7A;
	text-align: left;
	font-size: 11px;
}

#cart .products .remove
{
	float: left;
	margin-left: 8px;
	margin-top: 2px;
	background: url(/Static/Images/cartRemoveButton.png) no-repeat;
	width: 30px;
	height: 16px;
	padding-left: 16px;
	text-decoration: none;	
}

#cart .products .recalculate
{
	background: url(/Static/Images/cartRecalculateButton.png) no-repeat;
	cursor: pointer;
	border: 0px;
	width: 55px;	
	margin-left: 16px;
	padding-left: 16px;
}

#cart .products .remove:hover,
#cart .products .recalculate:hover  {
	color: #666;
}

#cart .products .remove img
{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

#cart .products .footer {
	background: url(/Static/Images/cartFooterBg.png) repeat-x;
}

#cart .products .footer td {
	height: 30px;
	text-align: center;
	color: #0390D7;
	font-size: 12px;
	font-weight: bold;
}

#cart .sum .gratis {
	color: #7A7A7A;
}

#cart .sum .gratis .bold {
	font-weight: bold;
}

#cart .sum .amount {
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}

#cart .sum td {
	padding-bottom: 20px;
}

#cart .header th.rebate {
	text-align: left;
	padding-left: 10px;
}

#cart .links td {
	padding-top: 30px;
}

#cart .links .return {
	text-align: left;
}

#cart .links .return a {
	background: url(/Static/Images/cartReturnButton.png) no-repeat;
	display: block;
	width: 100px;
	height: 18px;
}

#cart .links .send {
	text-align: right;
}

#cart .links .send input {
	background: url(/Static/Images/cartSendButton.png) no-repeat;
	width: 70px;
	height: 18px;
	border: 0px;
	cursor: pointer;
}

/* ------------------ kody rabatowe -----------------------------------------*/

#cart .rebate {
	color: #868686;
}

#cart .rebate .couponCode {
	width: 95px;
}

#cart .rebate .value {
	padding-left: 10px;
	padding-top: 8px;
}

#cart .rebate .error {
	color: #F00;
}
	
#cart .rebate .info {
	color: #58A82D;
}

#cart .rebate .couponButton {
	background: url(/Static/Images/cartRebateButton.png) no-repeat;
	width: 85px;
	height: 18px;
	border: 0px;
	cursor: pointer;
	text-indent: 1000px;
}

#cart .rebate .description {
	padding-left: 10px;
	padding-top: 5px;
}

#cart .rebate .description a {
	text-decoration: none;
}

#cart .coupons {
	margin-bottom: 15px;
	border: 1px solid #CCC;
	color: #000;
	width: 100%;
}

#cart .coupons th {
	color: #000;
	background: #FFF;
	font-weight: normal;
	font-size: 11px;
	padding: 0px 5px;
}

#cart .coupons .line td {
	height: auto;
	padding: 2px 5px;
	text-align: center;
}

#cart .coupons .line .rebate {
	text-align: right;
}

/* ---- sposoby dostawy i płatności ---------------------------------------- */

#shippment .shipping,
#shippment .links {
	width: 540px;
	border-collapse: collapse;
	border-spacing: 0px;
}

#shippment .header {
	background: url(/Static/Images/cartHeaderBg.png) repeat-x;
	height: 30px;
}

#shippment th {
	text-align: left;
	color: #0390D7;
	font-size: 12px;
	height: 30px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

#shippment .shippment .active {
	background: #EEE;
}

#shippment .shippment td {
	height: 30px;
}

#shippment .shippment .radio {
	width: 30px;
	text-align: center;
}

#shippment .shippment .name {
	padding-left: 10px;
	text-align: left;
}

#shippment .shippment .cost,
#shippment .links .value {
	width: 75px;
	padding-right: 10px;
	text-align: right;
}

#shippment .shippment.level2 {
	display: none;
}

#shippment .links {
	border-top: 1px solid #CCC;
}

#shippment .links td {
	height: 30px;
}

#shippment .links .label {
	text-align: right;
	padding-right: 25px;
}

#shippment .links .bold {
	font-weight: bold;
}

#shippment .links .back,
#shippment .links .send {
	text-align: right;
}

#shippment .links .back {
	padding-right: 25px;
}

#shippment .links .return a {
	background: url(/Static/Images/cartReturnButton.png) no-repeat;
	display: block;
	width: 100px;
	height: 18px;
}

#shippment .links .back a {
	background: url(/Static/Images/cartBackButton.png) no-repeat;
	display: block;
	width: 37px;
	height: 18px;
	float: right;
}

#shippment .links .send input {
	background: url(/Static/Images/cartSendButton.png) no-repeat;
	width: 70px;
	height: 18px;
	border: 0px;
	cursor: pointer;
}

/* --- podsumowanie zamówienia --------------------------------------------- */

#order .empty {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

#order .data {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 540px;
}

#order .data .header {
	background: url(/Static/Images/cartHeaderBg.png) repeat-x;
	height: 30px;
}

#order .data th {
	text-align: center;
	color: #0390D7;
	font-size: 12px;
	height: 30px;
	font-weight: bold;
}

#order .data .line td {
	border-top: 1px #CCC solid;
	height: 60px;
	padding: 3px 0px;
}

#order .data .header.short {
	border-bottom: 1px #CCC solid;
}

#order .data .line.short td {
	border-top: 0px;
	height: 30px;
}

#order .data .image {
	width: 60px;
}

#order .data .name {
	text-align: left;
}

#order .data th.name {
	padding-left: 10px;
}

#order .data .name a {
	color: #0390D7;
	text-decoration: none;
}

#order .data .name a:hover {
	color: #025681;
}

#order .data .price,
#order .data .amount
{
	width: 70px;
}

#order .data td.price,
#order .data td.amount
{
	width: 60px;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}

#order .data .quantity
{
	width: 70px;
	text-align: center;
}

#order .data td.quantity
{
	font-weight: bold;
}

#order .data .short td.name {
	padding-left: 10px;
}

#order .data .changeShippingButton,
#order .data .changeDataButton {
	height: 18px;
	border: 0px;
	cursor: pointer;
	display: block;
	margin-left: 10px;
}

#order .data .changeShippingButton {
	background: url(/Static/Images/orderChangeShippingButton.png) no-repeat;
	width: 220px;
}

#order .data .changeDataButton {
	background: url(/Static/Images/orderChangeDataButton.png) no-repeat;
	width: 120px;
	margin-top: 10px;
}

#order .data .sum td {
	padding: 15px 0px;
}
	
#order .data .sum .label {
	color: #000;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
	
#order .data .sum .amount {
	width: 60px;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	color: #DD00B8;
}

#order .data .send .info {
	color: #7A7A7A;
	text-align: right;
	padding-right: 10px;
}

#order .data .send input.send {
	background: url(/Static/Images/orderSendButton.png) no-repeat;
	width: 80px;
	height: 18px;
	border: 0px;
	cursor: pointer;
}

#order .data.bottom {
	margin-top: 30px;
}

#order .data.bottom th {
	border-bottom: 1px #CCC solid;
}

#order .data.bottom .line td {
	border-top: 0px;
	height: 18px;
}

#order .data.bottom .line .label {
	width: 180px;
	padding-left: 10px;
	text-align: left;
}

#order .data.bottom .line .value {
	text-align: left;
	font-weight: bold;
}

#order .data.bottom .separator {
	padding-top: 30px;
}

#order .data.bottom .line textarea {
	margin-left: 10px;
	margin-top: 20px;
}

/* --- podziękowanie ------------------------------------------------------- */

.order-info-layout .info {
	width: 540px;
}

.order-info-layout .info .left {
	width: 400px;
}

.order-info-layout .info right {
	width: 140px;
}

/* --- centrum płatności --------------------------------------------------- */

#payCenter {
	text-align: center;
}

#payCenter .description {
	font-weight: bold;
}

#payCenter .form {
	margin: 15px 0px;
}

#payCenter .button {
	background: url(/Static/Images/orderPayCenterButton.png);
	width: 120px;
	height: 18px;
	border: 0px;
	cursor: pointer;
}

#payCenter .footer {
	margin-top: 70px;
}

#payCenter .footer .info {
	float: right;
	width: 450px;
	text-align: left;
	margin-top: 10px;
	color: #7A7A7A;
}

#payCenter .return {
	margin-top: 20px;
}

/* ------------------------------------------------------------------------- */


/* ######### Order.css end ######### */
/* ######### Products.css begin ######### */
/* --- stronicowanie ------------------------------------------------------- */

.paginationBar {
	background: url(/Static/Images/pageBarBg.png) repeat-x;
	height: 21px;
	padding-top: 4px;
	margin-bottom: 10px;
}

.paginationBar .foundLabel {
	display: block;
	float: left;
	margin-left: 7px;
	margin-right: 100px;
	color: #7A7A7A;
	width: 150px;
}

.paginationBar .foundLabel .countLabel {
	font-weight: bold;
}

.paginationBar .item {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin-right: 3px;
}

.paginationBar .link {
	text-decoration: none;
	background: #E5E5E5;
	border: #CCCCCC 1px solid;
	color: #0093DD;
}

.paginationBar .link:hover {
	border: #0093DD 1px solid;
}

.paginationBar .current {
	background: #84CBF4;
	border: #0093DD 1px solid;
	color: #FFFFFF;
}

.paginationBar .link.first {
	background: url(/Static/Images/pageAllLeftBg.png) no-repeat;
}

.paginationBar .link.last {
	background: url(/Static/Images/pageAllRightBg.png) no-repeat;
}

.paginationBar .link.prev {
	background: url(/Static/Images/pageOneLeftBg.png) no-repeat;
}

.paginationBar .link.next {
	background: url(/Static/Images/pageOneRightBg.png) no-repeat;
}

/* --- pojedynczy produkt -------------------------------------------------- */

.product {
	color: #7a7a7a;
}

.product table {
	color: #7a7a7a;
	border-collapse: collapse;
	border-spacing: 0px;
}

.product .name {
	color: #0390D7;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.product a.name:hover {
	color: #025681;
}

.product .detailsBox {
	padding-left: 10px;
	width: 420px;
}

.product .imageBox img {
	width: 100px;
	height: 100px;
}

.product .priceBox {
	margin: 5px 0px;
}

.product .priceBox .hidden {
	display: none;
}

.product .price {
	color: #FF05F6;
	font-weight: bold;
}

.product .oldPrice {
	color: #7a7a7a;
	text-decoration: line-through;
}

.product .marketPrice {
	color: #7a7a7a;
	text-decoration: line-through;
}

.product .cartButton {
	background: url(/Static/Images/addToCartButtonRed.png);
	width: 100px;
	height: 18px;
	display: block;
	border: 0px;
	cursor: pointer;
}

.product .unavailable {
	background: url(/Static/Images/productUnavailableButton.png);
	width: 100px;
	height: 18px;
}

.product a.detailsLink {
	color: #0093DD;
	float: right;
}

.product a.detailsLink:hover {
	color: #025681;
}

/* --- dodanie ajaksem ----------------------------------------------------- */

.product .backInfo {
	position: absolute;
	text-align: left;
	display: none;
}

.product .backInfo .cart-ajax-layout {
	background: #CCC;
	width: 136px;
	border: 2px solid #FD00EE;
	padding: 5px;
	margin-top: 5px;
}

.product .backInfo .error {
	color: #FD00EE;
	font-weight: bold;
}

.product .backInfo .title {
	color: #FD00EE;
	font-weight: bold;
	margin-top: 2px;
}

.product .backInfo .quantity {
	color: #0390D7;
	font-weight: bold;
	margin-top: 2px;
}

.product .backInfo .name {
	color: #0390D7;
	font-weight: normal;
	font-size: 11px;
	margin-top: 2px;
}

.product .backInfo .link {
	text-align: right;
	margin-top: 2px;
}

.product .backInfo .link a {
	font-weight: normal;
	color: #FD00EE;
	text-decoration: none;
}

.product .backInfo .link a:hover {
	color: #9D0094;
}

/* --- lista produktów ----------------------------------------------------- */

#productList .categoryName {
	background: url(/Static/Images/lineHorizontalLongBlue.png) no-repeat 0px 18px;
	color: #0093DD;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 20px;
}

#productList .separator {
	background: url(/Static/Images/lineHorizontalLongGray.png) no-repeat 0px 11px;
	width: 540px;
	height: 21px;
}

/* --- widok szczegółowy --------------------------------------------------- */

.productDetail .leftBox {
	float: left;
	width: 150px;
	height: 340px;
	text-align: left;
	margin-right: 16px;
}

.productDetail .leftBox .imageBox img {
	width: 150px;
	height: 250px;
	cursor: pointer;
}

.productDetail .leftBox .priceBox {
	margin-bottom: 8px;
}

.productDetail .leftBox .productMarketPriceBox {
	color: #7a7a7a;
}

.productDetail .leftBox .marketPrice {
	float: right;
	width: 62px;
	text-align: right;
}

.productDetail .leftBox .productPriceBox {
	color: #FF05F6;
	font-weight: bold;
	font-size: 12px;
	font-weight: normal;
}

.productDetail .leftBox .priceBox .price {
	float: right;
	width: 68px;
	text-align: right;
}

.productDetail .leftBox .cartBox {
	font-size: 11px;
}

.productDetail .leftBox .cartBox .text {
	width: 16px;
	height: 16px;
	border: 1px solid #898989;
	color: #7A7A7A;
	padding-left: 3px;
}

.productDetail .leftBox .cartBox .addToCart {
	background: url(/Static/Images/addToCartButtonRed.png);
	width: 100px;
	height: 18px;
	border: 0px;
	float: right;
	cursor: pointer;
}

.productDetail .leftBox .cartBox .unavailable {
	margin: auto;
	text-align: center;
}

.productDetail .leftBox .recommendBox {
	height: 27px;
	margin-top: 4px;
	background: url(/Static/Images/productRecommendLogo.png) no-repeat;
	padding-left: 33px;
	padding-top: 5px;
}

.productDetail .leftBox .recommendBox a {
	color: #7A7A7A;
}

.productDetail .leftBox .recommendBox a:hover {
	color: #666;
}

.productDetail .rightBox {
	float: left;
	width: 373px;
}

.productDetail .rightBox .infoBox {
	margin: 5px 0px;
	color: #0390D7;
}

.productDetail .rightBox .attributesBox {
	margin-top: 25px;
}

.productDetail .rightBox .label {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	width: 90px;
}

.productDetail .rightBox .value {
	text-align: left;
	width: 280px;
	padding-bottom: 10px;
}

.productDetail .rightBox .miniaturesBox {
	margin-left: 90px;
	text-align: left;
}

.productDetail .rightBox .miniaturesBox img {
	width: 60px;
	height: 60px;
	border: 1px solid #898989;
	cursor: pointer;
	margin-right: 5px;
}

.productDetail .bottomBox {
	padding-top: 20px;
}

.productDetail .bottomBox .header {
	background: url(/Static/Images/productAttrHeaderBg.png) repeat-x;
	height: 21px;
	padding-left: 10px;
}

.productDetail .bottomBox .header .tab {
	float: left;
	cursor: pointer;
	width: auto;
}

.productDetail .bottomBox .header .tab.active {
	cursor: auto;
}

.productDetail .bottomBox .header .tab .left {
	background: url(/Static/Images/productAttrTabLeftBg.png) no-repeat;
	float: left;
	width: 3px;
	height: 21px;
}

.productDetail .bottomBox .header .tab.active .left,
.productDetail .bottomBox .header .tab:hover .left {
	background: url(/Static/Images/productAttrTabLeftBgActive.png) no-repeat;
}

.productDetail .bottomBox .header .tab .middle {
	background: url(/Static/Images/productAttrTabMiddleBg.png) repeat-x;
	float: left;
	height: 21px;
	width: auto;
	padding: 5px 10px 0px 10px;
	font-weight: bold;
	color: #FFF;
}

.productDetail .bottomBox .header .tab.active .middle,
.productDetail .bottomBox .header .tab:hover .middle {
	background: url(/Static/Images/productAttrTabMiddleBgActive.png) repeat-x;
	color: #0390D7;
}

.productDetail .bottomBox .header .tab .right {
	background: url(/Static/Images/productAttrTabRightBg.png) no-repeat;
	float: left;
	width: 3px;
	height: 21px;
	margin-right: 1px;
}

.productDetail .bottomBox .header .tab.active .right, 
.productDetail .bottomBox .header .tab:hover .right {
	background: url(/Static/Images/productAttrTabRightBgActive.png) no-repeat;
}

.productDetail .bottomBox .content {
	padding: 10px;
	display: none;
}

.productDetail .bottomBox .content.active {
	display: block;
}

.productDetail .bottomBox .content .label {
	font-weight: bold;
}

.productDetail .bottomBox .content a {
	color: #0390d7;
	text-decoration: none;
}

.productDetail .bottomBox .content a:hover {
	color: #025681;
}

.productDetail .bottomBox .footer {
	background: url(/Static/Images/productAttrFooterBg.png) repeat-x;
	height: 21px;
}

/* --- powiększone obrazki ------------------------------------------------- */

div.images-page-layout {
	text-align: center;
	padding: 10px;
	font-size: 12px;
	font-family: Verdana, Sans, Arial;
}

img.images-page-layout {
	display: block;
	margin: auto;
}

div.images-page-layout a {
	margin: 0px 40px;
	font-size: 10pt;
}

/* --- polecanie produktu -------------------------------------------------- */

#recommendForm h2 {
	background: url(/Static/Images/lineHorizontalLongBlue.png) 0px 18px no-repeat;
	font-size: 14px;
	color: #0390d7;
	padding-bottom: 5px;
	margin: 3px;
}

.recommendForm {
	padding-left: 5px;
}

.recommendForm .label {
	color: #747474;
	font-size: 14px;
	background: url(/Static/Images/listRightArrowBlue.png) 0px center no-repeat;
	padding-left: 10px;
	margin-top: 15px;
}

.recommendForm .value {
	padding-left: 10px;
}

.recommendForm .value input {
	width: 380px;
	color: #747474;
}

.recommendForm .value .incorrect {
	border: 1px solid #F00;
}

.recommendForm .value textarea {
	width: 380px;
	height: 70px;
	color: #747474;
	font-family: Verdana,Sans,Arial;
	font-size: 12px;
}

.recommendForm .value .check {
	width: auto;
}

.recommendForm .value .copyToSender {
	font-size: 11px;
}

.recommendForm .value .image {
	width: 100px;
	height: 100px;
	float: left;
}

.recommendForm .value .info {
	float: left;
	width: 350px;
	padding: 0px 5px;
}

.recommendForm .value .high {
	height: 25px;
}
.recommendForm .value .info .price {
	font-weight: normal;
	font-size: 14px;
}

.recommendForm .value .info .marketPrice {
	font-size: 11px;
}

.recommendForm .value .info .lab {
	text-decoration: none;
}

.recommendForm .footer {
	text-align: center;
	margin-top: 22px;
}

.recommendForm .footer .submit {
	background: url(/Static/Images/productRecommendSend.png) no-repeat;
	width: 82px;
	height: 34px;
	border: 0px;
	cursor: pointer;
}



/* ------------------------------------------------------------------------- */
/* ######### Products.css end ######### */

