/* 
================================
Skin styles for iBuilder
================================
*/
/* ShopingCartSmallPage styles */
.ordersCartCounter { width: 250px; float: left; clear: both;}

.ko-all {
	width: auto;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4BA6D3;
	border-right-color: #636363;
	border-bottom-color: #4BA6D3;
	border-left-color: #636363;
	display: block;
	float: left;
}
.ko-zero {
	float: left;
	width: 248px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(/images/t_ko_up.gif);
	background-repeat: no-repeat;
}
.ko-dodano {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-align: left;	
	float: left;
	width: 248px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.ko-naglowek {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	float: left;
	width: 240px;
	font-weight: bold;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 8px;
	text-decoration: none;
}
.ko-k1 {
	text-align: center;
	float: left;
	width: 58px;
}
.ko-k2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	float: left;
	width: 60px;
	line-height: 15px;
}
.ko-k3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	float: left;
	width: 130px;
	line-height: 15px;
}
.ko-cena {
	font-weight: bold;
	color: #FF6600;
}
.ko-pozostale {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-align: left;
	float: left;
	width: 248px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.ko-suma {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-align: center;
	float: left;
	width: 248px;
	font-weight: bold;
	background-image: url(/images/t_ko_pom.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.ko-odstep {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 248px;
}
.ko-buton {
	background-image: url(/images/t_ko_grey.gif);
	background-repeat: no-repeat;
	float: left;
	width: 248px;
	background-position: bottom;
}
.ko-down {
	background-image: url(/images/t_ko_down.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 248px;
}
a.ko-zmien:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}
.ko-zmien2 {
	float: left;
	width: 208px;
	text-align: left;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
a.ko-zmien:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}
a.ko-zmien:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}
a.ko-zmien:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}
   
.pagemaster {width:100%; height:100%;	background-color:#fff;}
.skinmaster {height:100%; width:100%; background-color:#fff;}
.skinheader {background-image:url(pasek.jpg); background-repeat:repeat-x; background-position:bottom left;}
.skingradient  {background-color:#4BA6D3; height:20px; height: 29px!important; }
.skingradient2 {background-color: #aaa; height:20px;}

.controlpanel {width:100%; background-color:#fff;}
.toppane {width:100%;	background-color:transparent; padding-left:6px; padding-right:4px;	padding-top:6px;}
.leftpane {width:194px; background-color:transparent; padding:10px 0 10px 4px;}
.contentpane {width:100%; background-color:transparent;	padding:13px 4px 10px 4px;}
.rightpane {width:175px; background-color:transparent;	padding:10px 4px 10px 0;}
.bottompane {width:100%; background-color:transparent; padding:6px 4px 0 6px;}

.SkinObject {font-weight:bold; font-size:8.5pt; color:#fff; font-family:Tahoma, Arial, Helvetica; text-decoration:none;}
A.SkinObject: link {text-decoration:none; color:#fff;}
A.SkinObject: visited {text-decoration:none; color:#fff;}
A.SkinObject: active {text-decoration:none; color:#fff;}
A.SkinObject: hover {text-decoration:none; color:#fff;}

.SearchControl td {padding:0 3px;}
.SearchBox {width:180px;}

.MainMenu_MenuContainer {background-color:transparent; height:20px;}
.MainMenu_MenuBar {cursor:pointer; cursor:hand;	height:20px; background-color:Transparent;}
.MainMenu_MenuItem {border-left:#4BA6D3 0px solid; border-bottom:#4BA6D3 1px solid;	border-top:#4BA6D3 1px solid; border-right:#4BA6D3 0px solid; cursor:pointer; cursor:hand; color:#fff; font-size:9pt; font-weight:bold; font-style:normal; background-color:Transparent; font-family:Tahoma, Arial, Helvetica;}
.MainMenu_MenuIcon {background-color:#4BA6D3; border-left:#4BA6D3 1px solid; border-bottom:#4BA6D3 1px solid; border-top:#4BA6D3 1px solid;	cursor:pointer; cursor:hand; text-align:center; width:15px; height:20px;}
.MainMenu_SubMenu {background-color:#4BA6D3; z-index:1000; cursor:pointer; cursor: hand; filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);}
.MainMenu_MenuBreak {height:1px;}
.MainMenu_MenuItemSel {background-color:#fff; cursor:pointer; cursor:hand; color:#4BA6D3; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; font-style:normal; height:20px;}
.MainMenu_MenuArrow {border-right:#4BA6D3 1px solid; border-bottom:#4BA6D3 1px solid; border-top:#4BA6D3 0px solid; font-family:webdings; font-size:10pt; cursor:pointer; cursor:hand;}
.MainMenu_RootMenuArrow {font-family:webdings; font-size:10pt; cursor:pointer; cursor:hand;}

.StandardButton {background:#4BA6D3 none; color:#fff; font-family:verdana, sans-serif; font-size:11px; font-weight:normal;}
.TreeViewMenu {width:175px; background-color:#fff;	border-right:#4BA6D3 1px solid; border-top:#4BA6D3 1px solid; border-left:#4BA6D3 1px solid; border-bottom:#4BA6D3 1px solid; moz-border-radius-bottomleft:15px; moz-border-radius-bottomright:15px; 	moz-border-radius-topleft:3px; moz-border-radius-topright:3px;}
.TreeViewMenu_Header {background-image:url(olympic_lightyellow.jpg);}
.Head {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#333;}

/* 
================================
Skin styles for WebShop
================================
*/   
/*--- etalon colors ---
#fb0000 - red
*/
/* main page welcome baner */
.WSBanerL {height:85px; background-image:url(/images/banerM.gif); background-repeat:repeat-x;}
.WSBanerM {height:85px; background-image:url(/images/banerM.gif); background-repeat:repeat-x;}
.WSBanerR {height:85px; background-image:url(/images/banerM.gif); background-repeat:repeat-x;}
.WSStatCountTable {margin-top:-60px;}
.WSStatCountTable td {padding-right:3px;}
td.WSStatCountOfferCaption {padding:0 0 10px 0;}

.WSAdServerBanner {margin-top:20px; /*border:1px solid #f00;*/}

/*main page stat controls--------------------*/
.WSStatHeader {padding-left:10px; white-space:nowrap;}
.WSBottomBorder {border-bottom:1px solid #efefef;}
.WSTopBorder {border-top:1px solid #efefef;}
.WSArrowRight {width:4px; height:5px; background-image:url(./images/arrowRight.gif); background-repeat:no-repeat; background-position:left center;}
.WSArrowDown {height:10px; background-image:url(./images/arrowDown.gif); background-repeat:no-repeat; background-position:right 1px;}
.WSGreaterThan {height:9px; background-image:url(./images/gt.gif); background-repeat:no-repeat; background-position:5px center; padding-left:15px;}
.WSSeparator td {height:8px; font-size:1px;}
td.WSStatProductList {padding-left:10px;} /*this padding is for firefox*/
td.WSStatProductList  table {text-align:center;}
.WSStatProductTable {width:110px;}
.WSStatProductTable td {text-align:left; vertical-align:top;}
.WSMainPageImage {width:110px; height:110px;}

/*progress bar--------------------*/
.WSProgressBarTable {font-family:Tahoma, sans-serif; font-size:11px;}
.WSProgressBarTable td {width:125px; text-align:center; padding:0;}
.WSProgressBarOn {background-color:#b2b2b2; color:#fff;}
.WSProgressBarActive {background-color:#e87918; color:#fff;}
.WSProgressBarOff {background-color:#e5e5e5; color:#b2b2b2;}

.WSProgressBarOn a:link {background-color:#b2b2b2; color:#fff;}
.WSProgressBarOn a:visited {text-decoration:none; color:#fff;}
.WSProgressBarOn a:active {text-decoration:none; color:#fff;}
.WSProgressBarOn a:hover {text-decoration:none; color:#fff;}

.WSRegisterControl {width: 600px; margin:0 auto;}
.WSRegisterPane {width:724px; margin:0 auto;}
.WSSearchPane { width: 350px; margin: 0 auto; }

.WebShopItemStyle {border-top:dotted 1px black; border-bottom: dotted 1px black;}
.WebShopRightBorder {border-right:dotted 1px black;}
.WebShopBottomBorder {border-bottom:dotted 1px black;}
.WebShopColorProducts {color:#868686; font-family:Tahoma, sans-serif; font-size:10pt; text-decoration:none;}

.WebShopProductName {color:#069; font-family:Tahoma, sans-serif; font-size:12px;	text-decoration:none; font-weight:bold;}
A.WebShopProductName:link {text-decoration:none; color:#069;}
A.WebShopProductName:visited {text-decoration:none; color:#069;}
A.WebShopProductName:active {text-decoration:none; color:#069;}
A.WebShopProductName:hover {text-decoration:underline; color:#069;}

.WebShopPriceS {color:#fb0000; font-family:Tahoma, sans-serif; font-size:11px; text-decoration:none; font-weight:bold;}
.WebShopPrice {color: #fb0000;font-family: Tahoma, sans-serif;font-size: 12px;text-decoration: none;font-weight: bold;}
.WebShopPriceArchive {color:#fb0000; font-family:Tahoma, sans-serif; font-size:12px; text-decoration:none; font-style:italic;}

.WebShopRatings {color:#868686; font-family:Tahoma, sans-serif; font-size:10pt;	text-decoration:none;}

.WebShopBrandProducts {color:#000; font-family:Tahoma, sans-serif; font-size:10px; text-decoration:none; font-weight:normal;}
A.WebShopBrandProducts:link {text-decoration:none; color:#000;}
A.WebShopBrandProducts:visited {text-decoration:none; color:#000;}
A.WebShopBrandProducts:active {text-decoration:none; color:#000;}
A.WebShopBrandProducts:hover {text-decoration:underline; color:#000;}

.WebShopSelectedPage {border:solid 1px #016798; font-family:Tahoma, sans-serif; font-size:12px; color:#016798; text-decoration:none;}
.WebShopPage {font-family:Tahoma, sans-serif; font-size:12px; color:#016798; text-decoration:none;}
.WebShopPageText {font-family:Tahoma, sans-serif;	font-size:12px; color:#016798; text-decoration:none;}

.WebShopBreadcrumb {font-family:Tahoma, sans-serif;	font-size:11px; color:#303030; text-decoration:none;}
A.WebShopBreadcrumb:link {text-decoration:none; color:#303030;}
A.WebShopBreadcrumb:visited {text-decoration:none; color:#303030;}
A.WebShopBreadcrumb:active {text-decoration:none; color:#303030;}
A.WebShopBreadcrumb:hover {text-decoration:underline; color:#303030;}

/* trying to ged rid off WebShopxxx classes and organize it more flexibly */
.WSText {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;} /* 12px is the default size */

.Bold {font-weight:bold;}
.Italic {font-style:italic;}

/* text sizes */
.XS {font-size:10px;}
.S {font-size:11px;}
.M {font-size:14px;}
.L {font-size:16px;}
.XL {font-size:18px;}
.XXL {font-size:18px;}

/* text colors */
.Black {color:#000;}
.White {color:#fff;}
.Gray {color:#b2b2b2;}
.DarkGray {color:#818181;}
.Orange {color:#006699;}
.Red {color:#f00;}

.WebShopText {font-family:Tahoma, sans-serif; font-size:11px; color:#303030; text-decoration:none;}
.WebShopTextItalic {font-family:Tahoma, sans-serif; font-size:11px; font-style:italic; color:#000; text-decoration:none;}

.WebShopTextBoldS {font-family:Tahoma, sans-serif; font-size:11px; font-weight:bold; color:#000; text-decoration:none;}
.WebShopTextBold {font-family:Tahoma, sans-serif; font-size:12px; font-weight:bold; color:#000; text-decoration:none;}
.WebShopTextBoldL {font-family:Tahoma, sans-serif; font-size:14px; font-weight:bold; color:#000; text-decoration:none;}
.WebShopTextBoldXL {font-family:Tahoma, sans-serif; font-size:16px; font-weight:bold; color:#000; text-decoration:none;}
.WebShopTextBoldWhite {font-family:Tahoma, sans-serif; font-size:12px; font-weight:bold; color:#fff; text-decoration:none;}

.WebShopTextGray {font-family:Tahoma, sans-serif;	font-size:11px; color:#818181; text-decoration:none;}
.WebShopTextDarkGray {font-family:Tahoma, sans-serif; font-size:11px; color:#818181; text-decoration:none;}

.WebShopTextRed {font-family:Tahoma, sans-serif; font-size:12px; color:#F00; text-decoration:none;}
.WebShopTextBlue {font-family:Tahoma, sans-serif; font-size:12px; color:#069; text-decoration:none;}

.WebShopTextOrange {font-family:Tahoma, sans-serif; font-size:11px; color:#F28000; text-decoration:none;}
.WebShopTextOrangeM {font-family:Tahoma, sans-serif; font-size:12px; color:#f60; text-decoration:none;}
.WebShopTextBoldOrangeXL {font-family:Tahoma, sans-serif; font-size:16px; color:#f60; text-decoration:none; font-weight:bold;}

.WebShopHeaderOrange {font-family:Tahoma, sans-serif; font-weight:bold; font-size:14px; color:#f28000; text-decoration:none;}
.WebShopHeaderXXL {font-family:Tahoma, sans-serif; font-weight:bold; font-size:20px; color:#000; text-decoration:none; white-space:nowrap;}

.WebShopSmallImage {margin-right:1px; border:solid 1px gray;}
.WebShopBigRed {font-family:Tahoma, sans-serif; font-size:16px; font-weight:bold; color:#f00; text-decoration:none;}
.WebShopBigBlack {font-family:Tahoma, sans-serif; font-size:16px; font-weight:bold; color:#000; text-decoration:none;}
.WebShopLinkStyle {color:#016597; font-family:Tahoma, sans-serif; font-size:10pt; text-decoration:none; font-weight:bold;}

.WebShopLinkBlack {color:#000;	font-family:Tahoma, sans-serif;	font-size:10pt; text-decoration:underline;}
A.WebShopLinkBlack:link {color:#000; font-family:Tahoma, sans-serif;	font-size:10pt; text-decoration:underline;}
A.WebShopLinkBlack:hover {color:#000; font-family:Tahoma, sans-serif; font-size:10pt;	text-decoration:underline;}
A.WebShopLinkBlack:visited {color:#000; font-family:Tahoma, sans-serif;	font-size:10pt; text-decoration:underline;}
A.WebShopLinkBlack:active {color:#000; font-family:Tahoma, sans-serif; font-size:10pt; text-decoration:underline;}

.WebShopLinkBold {color:#000; font-family:Tahoma, sans-serif; font-size:11px; text-decoration:underline; font-weight:bold;}
a.WebShopLinkBold:link {text-decoration:underline; color:#000;}
a.WebShopLinkBold:visited {text-decoration:underline; color:#000;}
a.WebShopLinkBold:active {text-decoration:underline;color:#000;}
a.WebShopLinkBold:hover {text-decoration: underline; color:#000;}

.WebShopDGHeader {font-family:Tahoma, sans-serif; font-size:12px; font-weight:bold; color:#000; background-color:#fff; text-decoration:none;}
.WebShopDGItem {font-family:Tahoma, sans-serif; font-size:12px; color:#000; background-color:#fff; text-decoration:none;}
.WebShopDGAltItem {font-family:Tahoma, sans-serif; font-size:12px; color:#000; background-color:#fff; text-decoration:none;}

.WebShopProductCodeU {background-color:#FCEDB6; border-top:solid 1px #F47E00; font-size:1px;}
.WebShopProductCodeB {background-color:#FCEDB6; border-bottom:solid 1px #F47E00; font-size:1px;}
.WebShopProductCodeR {background-color:#FCEDB6; border-right:solid 1px #F47E00; font-size:1px;}
.WebShopProductCodeL {background-color:#FCEDB6; border-left: solid 1px #F47E00;	font-size:1px;}
.WebShopProductCodeM {background-color:#FCEDB6;}
.WebShopProductCodeUL {background-image:url(./images/WSProductCodeUL.gif); background-color:#FCEDB6; height:5px; width:5px;	font-size:1px;}
.WebShopProductCodeUR {background-image:url(./images/WSProductCodeUR.gif); background-color:#FCEDB6; height:5px; width:5px;	font-size:1px;}
.WebShopProductCodeBR {background-image:url(./images/WSProductCodeBR.gif); background-color:#FCEDB6; height:5px; width:5px;	font-size:1px;}
.WebShopProductCodeBL {background-image:url(./images/WSProductCodeBL.gif); background-color:#FCEDB6;	height:5px;	width:5px;		font-size:1px;}

.WebShopConverterU {border-top:solid 1px #069; font-size:1px;}
.WebShopConverterB {border-bottom:solid 1px #069; height:10px; font-size:1px;}
.WebShopConverterL {border-left:solid 1px #069; height:160px; font-size:1px;}
.WebShopConverterR {border-right:solid 1px #069; height:160px; font-size:1px;}
.WebShopConverterUL {background-image:url(./images/WSConverterUL.gif); background-color:#fff; background-repeat:no-repeat;	height:243px;	width:10px; font-size:1px;}
.WebShopConverterUR {background-image:url(./images/WSConverterUR.gif); background-color:#fff; background-repeat:no-repeat;	height:243px; width:10px;	font-size:1px;}
.WebShopConverterUL2 {background-image:url(./images/WSConverterUL.gif);	background-color:#fff; background-repeat:no-repeat;	height:10px; width:10px; font-size:1px;}
.WebShopConverterUR2 {background-image:url(./images/WSConverterUR.gif); background-color:#fff; background-repeat:no-repeat;	height:10px; width:10px; font-size:1px;}
.WebShopConverterBL {background-image:url(./images/WSConverterBL.gif); background-color:#fff; background-repeat:no-repeat; height:10px; width:10px; font-size:1px;}
.WebShopConverterBR {background-image:url(./images/WSConverterBR.gif); background-color:#fff; background-repeat:no-repeat; height:10px; width:10px; font-size:1px;}
.WebShopConverterBM {background-image:url(./images/WSConverterMB.gif);	background-color:#fff; background-repeat:no-repeat; height:10px; width:46px; font-size:1px;}
.WebShopConverterUM {background-image:url(./images/WSConverterM.gif); background-color: #fff; background-repeat:no-repeat;	height:243px; width:46px; font-size:1px;}
.WebShopConverterM {background-image:url(./images/WSConverterMstrip.gif); background-color:#fff; background-repeat:repeat-y;	height:172px;	width:46px; font-size:1px;}
.WebShopConverterAltItem {font-family:Tahoma; font-size:12px; color:#000; background-color:#EBECEE; text-decoration:none;}
.WebShopConverterItem {font-family:Tahoma; font-size:12px; color:#000; background-color:#fff;	text-decoration:none;}
.WebShopConverterSelItem {font-family:Tahoma; font-size:12px;	color:#000; background-color:#F0BE89; text-decoration:none;}
.WebShopConverterHeader {font-family:Tahoma; font-size:12px; font-weight:bold; color:#000; background-color:#fff;	border:solid 1px #069;}
.WebShopConverterBorder {border:solid 1px #069;}

.WebShopNewProductsHeader {background-image:url(./images/WSNewProductsH.gif); background-color:#069; width:190px;	height:39px; background-repeat:no-repeat;}
.WebShopNewProductsBody {	border-bottom:solid 1px #069; border-right:solid 1px #069; border-left:solid 1px #069; width:190px;	text-align:center;}
.WebShopPointerHover {cursor:hand;}
.WebShopEmpty {font-size:1px;}

.WebShopCartUL {background-image:url(./images/WSCartUL.gif);	background-color:#4CA7D4; background-repeat:no-repeat;	font-size:1px;	height:8px;	width:22px;}
.WebShopCartUR {background-image:url(./images/WSCartUR.gif);	background-color:#4CA7D4; background-repeat:no-repeat;	font-size:1px;	height:8px;	width:22px;}
.WebShopCartU {background-image:url(./images/WSCartU.gif); background-color:#4CA7D4;	background-repeat:repeat-x;	font-size:1px;	height:8px;	width:22px;}
.WebShopCartULBlue {background-image:url(./images/WSCartULBlue.gif); background-color:#4CA7D4; background-repeat:repeat-y;	font-size:5px;	width:22px;}
.WebShopCartURBlue {background-image:url(./images/WSCartURBlue.gif); background-color:#4CA7D4; background-repeat:repeat-y;	font-size:5px; width:22px;}
.WebShopCartUBlue {background-color:#4CA7D4;}
.WebShopCartL {background-image:url(./images/WSCartL.gif); background-color:#4CA7D4;/*height: 300px;*/ font-size:1px;	background-repeat:repeat-y;}
.WebShopCartR {background-image:url(./images/WSCartR.gif); background-color:#4CA7D4;/*height: 300px;*/ font-size:1px;	background-repeat:repeat-y;}
.WebShopCartBL {background-image:url(./images/WSCartBL.gif); background-color:#4CA7D4; background-repeat:no-repeat;	font-size:1px;	height:10px; width:22px;}
.WebShopCartBR {background-image:url(./images/WSCartBR.gif);	background-color:#4CA7D4; background-repeat:no-repeat;	font-size:1px;	height:10px; width:22px;}
.WebShopCartB {background-image:url(./images/WSCartB.gif);	background-color:#4CA7D4; background-repeat:repeat-x; font-size:1px;	height:10px; width:22px;}
.WebShopCartL1 {background-image:url(./images/WSCartL1.gif);	background-color:#4ca7d4; background-repeat:repeat-y; font-size:1px;}
.WebShopCartR1 {background-image:url(./images/WSCartR1.gif); background-color:#4ca7d4; background-repeat:repeat-y; font-size:1px;}
.WebShopCartL2 {background-image:url(./images/WSCartL2.gif); background-color:#4CA7D4; background-repeat:repeat-y; font-size:1px;}
.WebShopCartR2 {background-image:url(./images/WSCartR2.gif); background-color:#4CA7D4; background-repeat:repeat-y; font-size:1px;}
.WebShopCartL3 {background-image:url(./images/WSCartL3.gif);	background-color:#4CA7D4; background-repeat:no-repeat;	font-size:1px;}
.WebShopCartR3 {background-image:url(./images/WSCartR3.gif);	background-color:#4CA7D4; background-repeat:no-repeat;	font-size:1px;}
.WebShopCartL4 {background-image:url(./images/WSCartL4.gif);	background-color:#4CA7D4; background-repeat:repeat-y; height:13px; font-size:1px;}
.WebShopCartR4 {background-image:url(./images/WSCartR4.gif);	background-color:#4CA7D4; background-repeat:repeat-y; height:13px; font-size:1px;}
.WebShopCartM {background-image:url(./images/WSCartM.gif); background-color:#4CA7D4;	background-repeat:repeat; font-size:1px;}
.WebShopCartM2 {background-color:White; font-size:1px;}
.WebShopCartInnerUL {background-image:url(./images/WSCartInnerUL.gif); background-color:White; background-repeat:no-repeat;	font-size:1px; height:5px; width:5px;}
.WebShopCartInnerUR {background-image:url(./images/WSCartInnerUR.gif); background-color:White;	background-repeat:no-repeat;	font-size:1px;	height:5px; width:5px;}
.WebShopCartInnerBR {background-image:url(./images/WSCartInnerBR.gif); background-color:White; background-repeat:no-repeat;	font-size:1px; height:5px;	width:5px;}
.WebShopCartInnerBL {background-image:url(./images/WSCartInnerBL.gif); background-color:White; background-repeat:no-repeat;	font-size:1px;	height:5px;	width:5px;}
.WebShopCartInnerL {background-image:url(./images/WSCartInnerL.gif); background-color:White;	background-repeat:repeat-y;	font-size:1px;	width:5px;}
.WebShopCartInnerR {background-image:url(./images/WSCartInnerR.gif); background-color:White;	background-repeat:repeat-y;	font-size:1px;	width:5px;}
.WebShopCartInnerB {background-image:url(./images/WSCartInnerB.gif); background-color:White; background-repeat:repeat-x;	font-size:1px;	height:5px;}
.WebShopCartInnerU {background-image:url(./images/WSCartInnerU.gif); background-color: White; background-repeat:repeat-x;	font-size:1px;	height:5px;}

.WebShopCategoryName {color:#069;	font-family:Tahoma, sans-serif; font-size:12px; text-decoration:none; font-weight:bold;	background-color: #fff;}
.WSCategoryAll td {padding:3px 20px 3px 5px;color:#000000;font-family:Tahoma, sans-serif;font-size:11px;}
.WSCategoryAll a {text-decoration:none;color:#000000;font-weight:bold;}
.WSCategoryTbl td {font-family:Tahoma, sans-serif;font-size:11px;color:#000000; padding:2px;}
.WSCategoryTbl a {text-decoration:none;color: #000000;font-weight:bold;}
.WSTreeSizeCombo {width:170px; font-size:9px;}

.WSProductSort {position:relative; z-index:20; margin-left:600px; text-align:right; }
.WSProductGrid {position:relative; z-index:10; margin-top:-20px}

.WebShopCartTotal {font-family:Tahoma, sans-serif;	font-size:12px; font-weight:bold; color:#000; text-decoration:none;}

.WSSCMainContainer0 {margin-top:15px;	margin-bottom:15px; margin-left:45px; margin-right:45px; width:100%;}
.WSSCMainContainer1 {margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:5px; width:100%;}
.WSSCDivContainer0 {margin:none;}
.WSSCDivContainer1 {vertical-align:middle; text-align:center;}
.WSSCDivContainer2 {margin-top:10px;}
.WSSCDivContainer3 {margin-top:10px; white-space:nowrap;}
.WSSCDivContainer4 {margin-bottom:10px;}

table.WSSCTableContainer0 {width:100%; margin-top:10px; border-top-style:none; border-right-style:none;	border-left-style:none;	border-bottom-style:none;}
table.WSSCTableContainer1 {width:60%; margin-top:10px; border-top-style:none; border-right-style:none; border-left-style:none;	border-bottom-style:none;}
table.WSSCTableContainer2 {width:100%; margin-top:10px; border-top-style:none; border-right-style:none;	border-left-style:none;	border-bottom-style:none;}

.WSSCHeader {font-weight:bold; font-size:14px; font-family:Tahoma;}
.WSSCLabel {font-size:12px; font-family:Tahoma; white-space:nowrap;}
.WSSCText {font-size:12px; font-family:Tahoma;}
.WSSCLabelProgress {font-size:11px; font-family:Tahoma; white-space:nowrap;}
.WSSCLabelRegister {font-size:11px; font-family:Tahoma; white-space:nowrap;}
.WSSCLabelOrange {font-size:12px; font-family:Tahoma; color:#f93; white-space:nowrap;}
.WSSCLabelBigOrange {font-weight:bold; font-size:16px; color:#f93; font-family:Tahoma; white-space:nowrap;}
.WSSCLink {white-space:nowrap; font-size:12px; color:#f93; font-family:Tahoma;}
.WSSCErrorLabel {font-size:10px; color:red; font-family:Tahoma;	white-space:nowrap;}
.WSSCMainErrorLabel {font-weight:bold; font-size:14px;	color:red; font-family:Tahoma; white-space:nowrap;}
.WSSCTextBox {font-size:12px;	font-family:Tahoma;}
.WSSCTextBoxNormal {font-size:12px;	font-family:Tahoma;	width:150px;}
.WSSCTextBoxPrefix {font-size:12px; font-family:Tahoma; width:50px;}
.WSSCTextBoxSufix {font-size:12px; font-family:Tahoma; width:100px;}
.WSSCLabelBold {font-size:12px; font-weight:bold; font-family:Tahoma; white-space:nowrap;}
.WSSCLabelRed {font-size:12px; font-family:Tahoma; color:#f00; white-space:nowrap;}

/*MiniCart-----------------------------------------*/
.WSMiniCart {width:239px; text-align:center;}
.WSMiniCartT {height:30px; background: url(./images/minicartHeader.gif); background-repeat:no-repeat;}
.WSMiniCartToPayT {height:30px; background:url(./images/minicartHeader.gif); background-repeat:no-repeat; text-align:left;}
.WSMiniCartM {background:url(./images/WebShopBlueCartMiddle.gif) top left repeat-y; padding:10px 0;}
.WSMiniCartB {height:6px; background-image:url(./images/WebShopBlueCartBottom.gif); background-repeat:no-repeat; font-size:1px;}
.WSMiniCartIMOuter {width:202px; border-bottom:1px solid #fff; margin:0 auto; padding-bottom:1px;}
.WSMiniCartIM {width:202px; background-color:#fff; margin:0 auto; text-align:center; padding:10px 0;}
.WSMiniCartS {height:10px; font-size:1px;}
.WSMiniCartHeaderCaption {font-family:Verdana, sans-serif; font-size:12px; font-weight:bold; color:#fff; white-space:nowrap;
	padding:12px 0 0 18px;}
.WSMiniCartDLSeparator {height:5px; font-size:1px;}
.WSMiniCartItem {text-align:left; padding:0 10px;}
.WSCartDL {margin:0 auto;} /*needed for firefox to get datalist centered*/
.WSMiniCartSelectedItemDetails {margin:0 auto;}
.WSMiniCartSelectedItemDetails td, .WSMiniCartItemDetails td {padding:2px 10px 2px 0;}
.WSMiniCartQuantity {margin-top:10px;}
.WSMiniCartTotal {margin:0 auto;}
.WSMiniCartDLHeader {text-align:center;}
.WSMiniCartDelivery {width:202px; height:57px; background-image:url(./images/delivery.jpg); background-repeat:no-repeat; text-align:left;}
.WSMiniCartDeliveryInfo {padding:3px 5px 0 45px;}

/*ShoppingCart-----------------------------------------*/
.WSCartDark {background-color:#e5e5e5;}
.WSCartLight {background-color:#f2f2f2;}
.FixedTable {table-layout:fixed;}
.WSCartItem td {text-align:center; white-space:nowrap; padding:2px 4px;}
.WSCartDateDetails td {padding:0;}
.WSCartS {font-size: 1px;	height: 8px;}
.WSProductAttributes td {text-align:left; padding:0;}
td.WSCartProductName {text-align:left; vertical-align:middle; border-top:1px solid #e5e5e5;}
td.WSCartProductImage {vertical-align:top; padding:0;}
.WSCartProductImg {width:120px; height:120px;}
td.LeftAligned {text-align:left;}
td.Wrap {white-space:normal;}
.WSSuppliersInfo {margin-top:5px;}
td.WSMoreLikeThat {padding-top:5px;}
.WSCartIcon {width:20%; background-image: url(./images/cartIcon.gif); background-repeat:no-repeat; background-position:left center; padding-left:30px;}
.WSCartSummary {text-align:right; padding-top:15px;}
.WSCartSummary td {padding:3px 6px; text-align:center;}
td.WSCartSummaryCaption {text-align:right; padding-left:30px;}
td.WSCartSummaryValue {text-align:left; padding-right:30px;}
td.WSOrderSummaryCaption {text-align:right; padding-left:30px;}
td.WSOrderSummaryValue {text-align:left; padding-right:30px;}
td.RightAligned {text-align:right;}
#WSCartSummaryTable {float:right;} /*needed in firefox to get this damned table to the right*/

/*wsInfoContainer-----------------------------------------*/
.wsInfoContainer {display:-moz-inline-box; display:inline-block; background-color:#ffffff;}
.wsInfoContainerU {background:url(./images/wsInfoContainerDot.gif) 0 0 repeat-x;}
.wsInfoContainerB {background:url(./images/wsInfoContainerDot.gif) 0 100% repeat-x;}
.wsInfoContainerL {background:url(./images/wsInfoContainerDot.gif) 0 0 repeat-y;}
.wsInfoContainerR {background:url(./images/wsInfoContainerDot.gif) 100% 0 repeat-y;}
.wsInfoContainerBL {background:url(./images/wsInfoContainerBL.gif) 0 100% no-repeat;}
.wsInfoContainerBR {background:url(./images/wsInfoContainerBR.gif) 100% 100% no-repeat;}
.wsInfoContainerUL {background:url(./images/wsInfoContainerUL.gif) 0 0 no-repeat;}
.wsInfoContainerUR {background:url(./images/wsInfoContainerUR.gif) 100% 0 no-repeat; padding:5px 10px 5px 10px;}
.wsInfoContainerC {vertical-align:middle; white-space:nowrap; font-size:11px;}

/*wsMainContainer-----------------------------------------*/
.wsMainContainer {width:100%;	margin:5px 0;/*margin:5px;*/ background-color:#fff;}
.wsMainContainerU {background:url(./images/wsMainContainerDot.gif) 0 0 repeat-x;}
.wsMainContainerB {background:url(./images/wsMainContainerDot.gif) 0 100% repeat-x;}
.wsMainContainerL {background:url(./images/wsMainContainerDot.gif) 0 0 repeat-y;}
.wsMainContainerR {background:url(./images/wsMainContainerDot.gif) 100% 0 repeat-y;}
.wsMainContainerBL {background:url(./images/wsMainContainerBL.gif) 0 100% no-repeat;}
.wsMainContainerBR {background:url(./images/wsMainContainerBR.gif) 100% 100% no-repeat;}
.wsMainContainerUL {background:url(./images/wsMainContainerUL.gif) 0 0 no-repeat;}
.wsMainContainerUR {background:url(./images/wsMainContainerUR.gif) 100% 0 no-repeat;}
.wsMainContainerC {padding:10px 15px 10px 15px; text-align:left;}

/*wsErrorContainer-----------------------------------------*/
.wsErrorContainer {width:100%; margin:5px 0;/*margin:5px;*/ background-color:#fff;}
.wsErrorContainerU {background:url(./images/wsErrorContainerDot.gif) 0 0 repeat-x;}
.wsErrorContainerB {background:url(./images/wsErrorContainerDot.gif) 0 100% repeat-x;}
.wsErrorContainerL {background:url(./images/wsErrorContainerDot.gif) 0 0 repeat-y;}
.wsErrorContainerR {background:url(./images/wsErrorContainerDot.gif) 100% 0 repeat-y;}
.wsErrorContainerBL {background:url(./images/wsErrorContainerBL.gif) 0 100% no-repeat;}
.wsErrorContainerBR {background:url(./images/wsErrorContainerBR.gif) 100% 100% no-repeat;}
.wsErrorContainerUL {background:url(./images/wsErrorContainerUL.gif) 0 0 no-repeat;}
.wsErrorContainerUR {background:url(./images/wsErrorContainerUR.gif) 100% 0 no-repeat;}
.wsErrorContainerC {padding:10px 15px 10px 15px; text-align:left;}

.WebShopFooterHeaderText {color:#069;	font-family:Tahoma;	font-size:12px; text-decoration:none;	font-weight:700;}
.WebShopFooterText {color:#000; font-family:Tahoma; font-size:12px; text-decoration:none; font-weight: normal;}
.WebShopFooterTableHeader {border:solid 1px #CCCBDD; padding:5px 5px 5px 10px; background-color:#F9F9F9;}
.WebShopFooterTable {border:solid 1px #CCCBDD;	padding:5px 5px 5px 10px; background-color:White;}
.WebShopFooterSmallText {font-size:11px;}

ul.WebShopArchive {margin:0px; padding:0px;}
ul.WebShopArchive li {list-style-type:none;}

/*
 SupplierGridView
*/
.WSSupplierProduct {border-top:dotted thin black; padding:0px 0px 15px 0px; margin-top:5px; vertical-align:top; width:100%;}
.WSSupplierProduct ul {margin:0px;	padding:0px;}
.WSSupplierProduct li {list-style-type:none;	padding-top:3px;	padding-bottom:3px;}
.WSSupplierProduct span {font-weight:bolder;}
.WSSupplierProduct table {border-collapse:collapse; border-style:none; margin-left:0px; margin-top:5px;}
.WSSupplierProduct table.WSQuantityTable {margin-top:0px; border:none; width:100%;}
.WSSupplierProduct table.WSQuantityTable td {border:solid 1px black; padding:3px; white-space:nowrap;}
.WSSupplierProduct table td {border:solid 1px black;	padding:5px 7px 5px 7px;	font-family:Tahoma;	font-size:11px; letter-spacing:0px;	color:#000; text-decoration:none; /*white-space:nowrap;*/}

.WSLinkBlack {color:#000; font-family:Tahoma; font-size:11px; font-weight:bold; text-decoration:underline;}
A.WSLinkBlack:link {color:#000;}
A.WSLinkBlack:visited {color:#000;}
A.WSLinkBlack:active {color:#000;}
A.WSLinkBlack:hover {color:#000;}

#WSProductInfo {font-family:Tahoma;	font-size:11px; color:#000; text-decoration:none; border-collapse:collapse; border-style:none;margin-left:5px;}
#WSProductInfo span {margin-right:3px;}
#WSProductInfo ul {margin:0px;	padding:0px;}
#WSProductInfo li {list-style-type:none; padding-top:3px; padding-bottom:3px;}
#WSProductInfo td {border:solid 1px black; padding:3px 3px 3px 3px;/*white-space:nowrap;*/}

table.noborder td {border:none;}
.WebShopHeader {font-size:14px; font-family:Tahoma; text-align:center; text-decoration:none; color:#000; width:100%;}
.WebShopSizes {font-family:Tahoma; font-size:9px; color:#000; text-decoration:none; border-collapse:collapse;	border:solid 1px black;width:1px;}
.WebShopSizes th {border:solid 1px black;}
.WebShopSizes td {border:solid 1px black; text-align:center; white-space:nowrap;}

.NotActive {background-color: #d0d0d0;}

.WSLinkBlack100 {color:#000; font-family:Tahoma; font-size:11px; font-weight:bold; text-decoration:none; width:100%;}
A.WSLinkBlack100:link {color:#000;}
A.WSLinkBlack100:visited {color:#000;}
A.WSLinkBlack100:active {color:#000;}
A.WSLinkBlack100:hover {color:#000;}

.WSErrorText {font-family:Tahoma; font-size:11px; color:#f00; text-decoration:none;}

/* ImportConflictGrid */
.conflictGrid {font-family:Tahoma; font-size:11px; color:#000;	text-decoration:none; border-collapse:collapse;}
.conflictGrid td {padding:5px;	border-bottom:solid 1px grey;}

/* modules on main page */
/* but-nazwa=but-nazwa */
.but-nazwa{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4C4C4C;
}

/* mod-tab */
.WSModTab {
	border: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

/* mod-tab-up */
.mod-tab-up {
	background-image: url(images/tlo-up-kr.gif);
	background-repeat: repeat-x;
	text-align: right;
	background-position: bottom;
}
.mod-tab-down {
	background-image: url(images/tlo-down-kr.gif);
	background-repeat: repeat-x;
	text-align: right;
}

/* .blok */
.block {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	display: inline;		
}
.mod-tab-bottom
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;	
}
.mod-tab2 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #F6F6F6;
}
.but-opis {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.przecena {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FF8C00;
	font-weight: normal;
}
.cena-old {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: line-through;
}

/* .but-stand */
.but-stand {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
}


/* Author: Sebastian Nowakowski */

/* used for Attribute Values edition */
.langContainer { width: 480px; float: none; }
.langContainer * { float: left; }
.langContainer .header { width: 100%; font-weight: bold; margin-bottom: 2px; }
.langContainer .content{ width: 100%; padding: 5px; border: 1px solid gray; background-color: silver; margin-bottom: 10px; }
.langContainer .content .row { width: 100%;  line-height: 24px; }
.langContainer .content .row span { width: 175px; text-align: left; }
.langContainer .content .row input[type=text] { width: 300px; }
.langContainer .val { color: red; font-size: 12px; width: 100%; }

/* used for client orders history */
.clientOrderHistory { float: left; margin-top: 30px; }
.clientOrderHistory table {font-family: helvetica; font-size: 12px;}
.clientOrderHistory table th { vertical-align: center; text-align: center; }
.clientOrderHistory table th, .clientOrderHistory table td { padding: 3px; }
.clientOrderHistory .bd { border-bottom: 1px solid gray!important; }
.clientOrderHistory .bt { border-top: 1px solid gray!important; }
.clientOrderHistory .br { border-right: 1px solid gray!important; }
.clientOrderHistory .bl { border-left: 1px solid gray!important; }
.clientOrderHistory table tr.spacer td { border: 0px; height: 20px; }
.clientOrderHistory .supplier { background-color: white; }
.clientOrderHistory .alterSupplier { background-color: silver; }
.clientOrderHistory table td span { }

.clientOrderHistoryFilter { width: 300px!important; margin: 0 auto; }

.clientOrderStatuses{ width: 100%; font-family: helvetica; }
.clientOrderStatuses .statsContent { width: 500px; margin-left: auto; margin-right: auto; }
.clientOrderStatuses .head { text-align: left!important; }
.clientOrderStatuses .statsContent > div { width: 100%; margin-bottom: 5px; margin-top: 5px; text-align: center;}
.clientOrderStatuses table { width: 100%; border: 1px solid silver; font-size: 12px;}
.clientOrderStatuses table td, .clientOrderStatuses table th { text-align: left; padding: 2px; }
.clientOrderStatuses table th {background-color: silver; border-bottom: 1px solid gray;}

.userList { width: 100%; float: left; border: 1px solid silver; font-size: 12px; font-family: helvetica; margin-top: 20px;}
.userList th { background-color: silver; border-bottom: 1px solid gray; text-align: left;}
.userList td, .userList th { padding: 2px;  vertical-align: top; }
.userList td * { text-decoration: none; color: black; line-height: 20px;}
.userList td img { margin: 2px!important; }
.userList .active { background-color: silver; }

.userOptionPanel { width: 430px; margin-left: auto; margin-right: auto; }

/* Used for Product Similars in Product Page */
.productSimilars { width: 100%; float: left;padding:0px;}
.productSimilars .productSimilarsHeaderContainer { float: left; width: 100%!important; font-size: 12px; font-family:Tahoma,sans-serif; margin-bottom: 5px; }
.productSimilars .productSimilarsHeaderContainer * { color: #000; font-weight: bold; }
.productSimilars .productSimilarsHeaderContainer a { text-decoration: none; color: black; float: left; font-size: 10px; }
.productSimilars .productSimilarsHeader { float: left; width: 500px; float: left;}

.productSimilars .productSimilarItem { float: left; margin: 0px; font-family: helvetica; cursor: pointer; width: 40px; height: 40px;}
.productSimilars .productSimilarItem div { height: 40px!important; margin-right:5px;}
.productSimilars .productSimilarItem > div > a { text-decoration: none; padding: 0px; margin: 0px;  }
.productSimilars .productSimilarItem > div > a  img { margin: auto; border: 0px!important; padding: 0px; }
.productSimilars .description { clear: both; width: 100%!important; height: 12px;  color: #333;margin-top:5px;margin-bottom:5px;}
.productSimilars .description > span { font-size: 12px!important; font-weight: normal; color: #333; margin-left: 3px; }

/* Payments section */
.paymentTypes { width:  220px!important; font-family: verdana; margin: 0 auto; }
.paymentType { cursor: pointer; }
.paymentHead { width: 100%; background-color: silver; border: 1px solid gray; padding: 0px!important; margin: 2px!important; }
.paymentTypeSelected { background-color: #9F9F9F; width: 100%;}
.paymentTypeSelected  span * { color: white!important;}
.paymentHead span * { color: black; font-weight: bold; font-size: 12px; line-height: 27px!important; }
.paymentHead span input[type=radio] { margin-right: 4px; margin-top: 8px; width: 5px; height: 5px;}
.paymentSub { background-color: #E5E5E5; margin: 0px!important; padding: 0px!important;}
.paymentSub span { margin-left: 15px; }
.paymentSub span * { line-height: 25px; }
.paymentSub span input[type=radio] { margin-right: 4px; margin-top: 8px; width: 5px; height: 5px;}
.paymentTypeItem {}

.paymentResults { width: 400px; margin-left: auto; margin-right: auto; }
.paymentResults h3 { font-weight: bold; }

/* Modal section */
.modal { width: 700px; text-align: right; float: left!important; font-family: tahoma; padding:0px; margin: 0px;}
.modal .modalContainer { width: 80%; margin-left: 10%; }
.modal h2 { width: 100%; text-align: left; margin: 0px; padding: 0px; border-bottom: 1px solid #003366; margin-bottom: 15px; background-color: #E87918; }
.modal h2 span { font-size: 14px!important; font-weight: bold!important; color: white; margin-left: 2px; margin-right: 2px; }
.modal .val { float: left; width: 20px!important; }

.modal .row { width: 100%; margin: 0px; margin-bottom: 2px; padding: 0px;}
.modal .row  * { float: left; }
.modal .row  textarea { width: 100%; height: 600px; border: 1px solid black; background-color: silver; padding: 0px; margin: 0px; }
.modal .row  span { width: 120px; }
.modal .row  span.f { width: 100%; }
.modal .row  span.l { width: 300px; }
.modal .row  input[type=text] { width: 200px; border: 1px solid gray; height: 20px;}
.modal .buttons { width: 100%; text-align: center; margin-bottom: 2px; }
.modal .buttons  input[type=sumbit] { border: 1px solid black; color: white; background-color: #E87918; line-height: 16px; font-size: 12px; }
.modal .valSummary{ float: left; height: 50px; font-size: 10px; text-align: left; width: 100%; overflow-y: auto; }
.modal .footer { width: 100%; margin-top: 5px; text-align: right; }


/* Products counters */
.MainPageCounter1 {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.MainPageCounter2 {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}


/* Author: Sebastian Nowakowski */

/* used for Attribute Values edition */
.langContainer { width: 480px; float: none; }
.langContainer * { float: left; }
.langContainer .header { width: 100%; font-weight: bold; margin-bottom: 2px; }
.langContainer .content{ width: 100%; padding: 5px; border: 1px solid gray; background-color: silver; margin-bottom: 10px; }
.langContainer .content .row { width: 100%;  line-height: 24px; }
.langContainer .content .row span { width: 175px; text-align: left; }
.langContainer .content .row input[type=text] { width: 300px; }
.langContainer .val { color: red; font-size: 12px; width: 100%; }

/* used for client orders history */
.clientOrderHistory { float: left; margin-top: 30px; }
.clientOrderHistory table {font-family: helvetica; font-size: 12px;}
.clientOrderHistory table th { vertical-align: center; text-align: center; }
.clientOrderHistory table th, .clientOrderHistory table td { padding: 3px; }
.clientOrderHistory .bd { border-bottom: 1px solid gray!important; }
.clientOrderHistory .bt { border-top: 1px solid gray!important; }
.clientOrderHistory .br { border-right: 1px solid gray!important; }
.clientOrderHistory .bl { border-left: 1px solid gray!important; }
.clientOrderHistory table tr.spacer td { border: 0px; height: 20px; }
.clientOrderHistory .supplier { background-color: white; }
.clientOrderHistory .alterSupplier { background-color: silver; }
.clientOrderHistory table td span { }

.clientOrderHistoryFilter { width: 300px!important; margin: 0 auto; }

.clientOrderStatuses{ width: 100%; font-family: helvetica; }
.clientOrderStatuses .statsContent { width: 500px; margin-left: auto; margin-right: auto; }
.clientOrderStatuses .head { text-align: left!important; }
.clientOrderStatuses .statsContent > div { width: 100%; margin-bottom: 5px; margin-top: 5px; text-align: center;}
.clientOrderStatuses table { width: 100%; border: 1px solid silver; font-size: 12px;}
.clientOrderStatuses table td, .clientOrderStatuses table th { text-align: left; padding: 2px; }
.clientOrderStatuses table th {background-color: silver; border-bottom: 1px solid gray;}

.userList { width: 100%; float: left; border: 1px solid silver; font-size: 12px; font-family: helvetica; margin-top: 20px;}
.userList th { background-color: silver; border-bottom: 1px solid gray; text-align: left;}
.userList td, .userList th { padding: 2px;  vertical-align: top; }
.userList td * { text-decoration: none; color: black; line-height: 20px;}
.userList td img { margin: 2px!important; }
.userList .active { background-color: silver; }

.userOptionPanel { width: 430px; margin-left: auto; margin-right: auto; }

/* Payments section */
.paymentHeader { width: 100%; clear: both; margin-bottom: 5px; margin-top: 5px; }
.paymentHeader span { width: 100%!important; border-bottom: 1px solid #E5E5E5; color: #003366; font-weight: bold; }
.paymentIcons { width: 100%; padding-left: 0px; }
.paymentIcons * {  *margin: 0px!important; }
.paymentIcon{ float: left; width: auto; margin: 0px!important; }
.paymentIcon img { float: left; width: 56px; height: 22px; border: 1px solid #E5E5E5; cursor: pointer; }
.paymentIcon span { float: left; width: 100px; height: auto; cursor: pointer; margin-top: 4px!important; margin-bottom: 2px; }
.paymentIcon .check { float: left; margin-top: 5px!important; width: auto!important; height: auto!important; margin-right: 1px!important; margin-left: 0px!important; margin-bottom: 0px!important; }
.paymentIcon .check input[type=radio] { width: 5px; height: 5px; float: left; margin-right: 0px!important; }
.paymentFix { float: left; width: 2px; height: 2px; }

/*
.paymentHeader { width: 100%; clear: both; margin-bottom: 5px; margin-top: 5px; }
.paymentHeader span { width: 100%!important; border-bottom: 1px solid #E5E5E5; color: #003366; font-weight: bold; }
.paymentIcons { width: 100%; padding-left: 15px; }
.paymentIcon{ float: left; width: auto; margin-right: 3px!important; }
.paymentIcon img { float: left; width: 66px; height: 26px; border: 1px solid #E5E5E5; cursor: pointer; }
.paymentIcon span { float: left; width: 100px; height: auto; cursor: pointer; margin-top: 4px!important; margin-bottom: 2px; }
.paymentIcon .check { float: left; margin-top: 5px!important; width: auto!important; height: auto!important; margin-right: 0px!important; margin-left: 0px!important; margin-bottom: 0px!important;}
.paymentIcon .check input[type=radio] { width: 5px; height: 5px; float: left; }
.paymentFix { float: left; width: 2px; height: 2px; }
*/

.paymentResults { width: 400px; margin-left: auto; margin-right: auto; }
.paymentResults h3 { font-weight: bold; }

/* Modal section */
.modal { width: 700px; text-align: right; float: left!important; font-family: tahoma; padding:0px; margin: 0px;}
.modal .modalContainer { width: 80%; margin-left: 10%; }
.modal h2 { width: 100%; text-align: left; margin: 0px; padding: 0px; border-bottom: 1px solid #003366; margin-bottom: 15px; background-color: #E87918; }
.modal h2 span { font-size: 14px!important; font-weight: bold!important; color: white; margin-left: 2px; margin-right: 2px; }
.modal .val { float: left; width: 20px!important; }

.modal .row { width: 100%; margin: 0px; margin-bottom: 2px; padding: 0px;}
.modal .row  * { float: left; }
.modal .row  textarea { width: 100%; height: 600px; border: 1px solid black; background-color: silver; padding: 0px; margin: 0px; }
.modal .row  span { width: 120px; }
.modal .row  span.f { width: 100%; }
.modal .row  span.l { width: 300px; }
.modal .row  input[type=text] { width: 200px; border: 1px solid gray; height: 20px;}
.modal .buttons { width: 100%; text-align: center; margin-bottom: 2px; }
.modal .buttons  input[type=sumbit] { border: 1px solid black; color: white; background-color: #E87918; line-height: 16px; font-size: 12px; }
.modal .valSummary{ float: left; height: 50px; font-size: 10px; text-align: left; width: 100%; overflow-y: auto; }
.modal .footer { width: 100%; margin-top: 5px; text-align: right; }


/* Products counters */
.MainPageCounter1 {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.MainPageCounter2 {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}


/* BOX STYLE WIDELY USED IN ORDER SECTION */
.box { background-color: #F7F7F7; border: 1px solid #D1D1D1;float: left; padding: 0px; width: 100%!important; font-family: helvetica;}
.box .boxHead { background-color: #4BA6D3; width: 100%!important; float: left; padding: 0px; margin: 0px; font-weight: bold; line-height: 23px; }
.box .boxHead .boxArrow { color: #9B062C; margin-right: 2px; line-height: 23px; height: 23px; width: 5px!important;}
.box .boxHead span { margin: 2px 5px; float: left; line-height: 23px; height: 23px; color: #FFFFFF; }
.box .boxHead .headButtons { float: right; margin-right: 5px; line-height: 23px; }
.box .boxHead .headButtons input { float: right; }
.box .boxContent { float: left; width: 98%; padding: 1%; }
.box .boxButtons { float: left; width: 96%; padding: 2%; }
.box .remark { border: 1px solid #FF6600; border-left: 0px; border-right: 0px; background-color: #FFFDE2; font-size: 11px!important; color: #FF6600; width: 100%; float: left; font-family: helvetica; }
.box .exclaim { font-weight: bold; color: red; }
.box .valSummary{ float: left; max-height: 50px; font-size: 12px; text-align: left; width: 100%; overflow-y: auto; }
.box .valAsterix { float: left; width: 20px!important; }
.box .center { float: left; width: 100%; }
.box .center > * { text-align: center; } 
.box .info { color: #969696; font-size: 10px; }
.box .error {  }
.box .blueText { color: #003366; font-size: 11px; }

/* Common button patterns */
.btn { background-image: url(/images/etalon/button.gif)!important; width: 101px; height: 21px; color: white; border: 0px solid black; text-align: middle; font-size: 12px; font-family: Tahoma, sans-serif; cursor: pointer; vertical-align: middle; padding-bottom: 3px; outline: none;  *padding-bottom: 2px; font-weight: bold; }
.btnLong { background-image: url(/images/etalon/buttonLong.gif)!important; width: 210px; height: 21px; color: white; border: 0px solid black; text-align: middle; font-size: 12px; font-family: Tahoma, sans-serif; cursor: pointer; vertical-align: middle; padding-bottom: 4px; outline: none; font-weight: bold; }
.btnHigh { background-image: url(/images/etalon/buttonHigh.gif)!important; width: 100px; height: 30px; color: white; border: 0px solid black; text-align: middle; font-size: 12px; font-family: Tahoma, sans-serif; cursor: pointer; vertical-align: middle; padding-bottom: 4px; outline: none; line-height: 30px; font-weight: bold!important; }
.btnHighLong { background-image: url(/images/etalon/buttonHighLong.gif)!important; width: 145px; height: 30px; color: white; border: 0px solid black; text-align: middle; font-size: 12px; font-family: Tahoma, sans-serif; cursor: pointer; vertical-align: middle; padding-bottom: 4px; outline: none; line-height: 30px; font-weight: bold; }
.btnHighExtraLong { background-image: url(/images/etalon/buttonHighExtraLong.gif)!important; width: 180px; height: 30px; color: white; border: 0px solid black; text-align: middle; font-size: 12px; font-family: Tahoma, sans-serif; cursor: pointer; vertical-align: middle; padding-bottom: 4px; outline: none; line-height: 30px;font-weight: bold;  padding-left: 10px!important;}
.btnLow { background-image: url(/images/etalon/buttonLow.gif)!important; width: 100px; height: 14px; color: white; border: 0px solid black; text-align: middle; font-size: 12px; font-family: Tahoma, sans-serif; cursor: pointer; vertical-align: middle; padding-bottom: 4px; outline: none; font-weight: bold; }
.btnLowBW { background-image: url(/images/etalon/buttonLowBW.gif)!important; width: 100px; height: 14px; color: white; border: 0px solid black; text-align: middle; font-size: 12px; font-family: Tahoma, sans-serif; cursor: pointer; vertical-align: middle; padding-bottom: 4px; outline: none; font-weight: bold; }

.btnNext { background-image: url(/images/etalon/buttonNext.gif)!important; padding-right: 25px; padding-left: 5px; font-weight: bold; }
.btnHighNext { background-image: url(/images/etalon/buttonHighNext.gif)!important; padding-right: 25px; padding-left: 5px; font-weight: bold; }
.btnHighNextLong { background-image: url(/images/etalon/buttonHighNextLong.gif)!important; padding-right: 25px; padding-left: 16px; font-weight: bold;  }
.btnHighNextExtraLong { background-image: url(/images/etalon/buttonHighNextExtraLong.gif)!important; padding-right: 25px; padding-left: 5px; font-weight: bold; }

.btnPrev { background-image: url(/images/etalon/buttonPrev.gif)!important; padding-left: 15px; font-weight: bold; }
.btnPrevBW {background-image: url(/images/etalon/buttonPrevBW.gif)!important; padding-left: 22px;font-weight: bold; }
.btnHighPrev { background-image: url(/images/etalon/buttonHighPrev.gif)!important; padding-left: 25px; font-weight: bold; }
.btnHighPrevBW { background-image: url(/images/etalon/buttonHighPrevBW.gif)!important; padding-left: 20px; font-weight: bold; }
.btnHighPrevLong { background-image: url(/images/etalon/buttonHighPrevLong.gif)!important; padding-left: 25px; font-weight: bold; }
.btnHighPrevLongBW { background-image: url(/images/etalon/buttonHighPrevLongBW.gif)!important; padding-left: 25px; font-weight: bold; }

.btnL { float: left; margin-left: 0px; }
.btnR { float: right; margin-right: 0px; }

/* ORDER LANGS */
.box  .langBox { float: left; width: 260px; padding: 5px; }
.box  .langBox .langContainer { float: left; width: 18px; height: 13px; border: 1px solid silver; background-color: white; margin-left: 5px; }
.box  .langBox .langContainer input { width: 16px; height: 11px; border: 0px;  filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; margin: 1px; float: left;}
.box  .langBox .langContainer input.selectedFlag { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

/* ORDER PROGRESS BAR (ABOVE ORDER) */
div.progressBar { font-family: Tahoma; font-size: 12px; margin: 0 auto!important; width: 724px; }
div.progressBar ul { float: left; clear: both; clear: both; list-style-type: none!important; margin: 0px!important; padding: 0px; }
div.progressBar ul li {float: left; list-style-type: none!important; width: 180px; margin-right: 2px; display: block; margin: 0px 1px 0px 0px!important; }
div.progressBar ul li  * { font-family: Tahoma; font-size: 12px;  }

ul.progressBarText { clear: none;}
ul.progressBarText li { height: 40px; vertical-align: top; }
ul.progressBarText li * { color: white; }
ul.progressBarText li .percent { float: left; line-height: 40px; width: 33%; text-align: center; font-size: 20px; }
ul.progressBarText li .text { float: left; text-align: center; width: 67%;}
ul.progressBarText li .head { width: 100%; float: left; font-weight: bold; font-size: 13px; color: #003366; text-align: center; margin-top: 5px; }
ul.progressBarText li .headMiddle { margin-top: 12px!important; }
ul.progressBarText li .desc { width: 100%; text-align: center; float: left; clear: both; margin-top: 0px; font-size: 11px; }
ul.progressBarText li.on { background-color:#ADADAD; color:#fff; }
ul.progressBarText li.on .head { color: #fff; }
ul.progressBarText li.on .percent { color: #fff; }
ul.progressBarText li.on .desc { color: #fff; }

ul.progressBarText li.off { background-color:#e5e5e5; color:#b2b2b2; }
ul.progressBarText li.off .percent { color: #b2b2b2; }
ul.progressBarText li.off .head { color: #b2b2b2; }
ul.progressBarText li.off .desc { color: /*#003366*/ #b2b2b2; }

ul.progressBarText li.active { background-color:#919191; color:#fff; }
ul.progressBarText li.active .head { color: #fff; }

/* ORDER SUMMARY STEP BOX */
.orderSummaryContainer { width: 725px!important; margin: 0 auto; }  
.orderSummary { width: 725px; margin: 0 auto; font-size: 15px!important; margin-top: 5px; }
.orderSummary h2 { width: 100%; font-size: 15px; }
.orderSummary .orderItems { margin-top: 15px; margin-bottom: 15px!important; margin-left: 20px; width: 600px;  }
.orderSummary .orderItem  * { margin-right: 3px; }
.orderSummary a { float: none!important; color: #003366!important; }
.orderSummary img { float: none!important; }

.cartItem { width: 100%; float: left; clear: both; }
.cartItemWarning { width: 98%; float: left; clear: both; margin: 0px; margin-left: 1%; margin-top: 2px;  } 
.cartItemWarning span { width: auto; }
.cartItemWarning .removeButton { color: Red; text-decoration: underline; font-weight: bold; } 
.cartItemTable { width: 720px; float: left; clear: both; text-align: center; }
.cartItemHide {  position: absolute; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; background-color: white;  }

.profileMenu { text-align: center; float: left; list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 15px; width: 100%; } 
.profileMenu li { float: left; text-align: left; margin-right: 10px; height: 20px; /*background-color: #F1EDED; padding: 3px 5px; border: 1px solid #D1D1D1; border-bottom: 1px solid #003366; line-height: 20px!important; */ list-style-type: none;  } 
.profileMenu li * { color: #003366; font-weight: bold; text-decoration: none!important; line-height: 20px!important; }
.profileMenu li .boxArrow { color: #E87717; }

.tip { position: absolute; left: -10000px; top: 0px; }

.warning { color: #f60!important; border-top: 1px solid #f60; border-bottom: 1px solid #f60; background-color: #FFFDE2; font-family: helvetica; font-size: 11px;  }
.warningGray { color: black; border-top: 1px solid #C4C4C4; border-bottom: 1px solid #C4C4C4; text-align: left; background-color: #E5E5E5; font-family: helvetica; font-size: 11px; }
.lightYellow { background-color: #FFFBED; }

.SearchPane { margin: 2px 0px; }

/* Product Page */
.productHeader { color:#000000; font-family:Tahoma,sans-serif; font-size:16px; font-weight:bold; margin: 0px!important; padding: 0px!important; }
.productAttributeHeader { color:#000000; font-family:Tahoma,sans-serif; font-size:11px; margin: 0px!important; padding: 0px!important; }
.productSimilarHeader { display: none; }
.productDescriptionHeader { color:#000000; font-family:Tahoma,sans-serif; font-size:11px; margin: 0px!important; padding: 0px!important; }

/* Breadcrumb */
.up-infor{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;color:#000000;}
.kw-pom{background-color:#4BA6D3;display:block;float:left;width:10px;}
a.li-naw:link, a.li-naw:visited, a.li-naw:active{color:#000000;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000000;}
a.li-naw:hover{color:#000000;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#4BA6D3;}

