﻿/***********************************************************************
* B2B
/***********************************************************************/

:root {
	--menu-item-width: 200px;
	--menu-text-size: 28px;
	--menu-item-background: radial-gradient(circle, rgb(255, 255, 255, 0.9) 70%, transparent 100%);
	--menu-item-background-highlight: radial-gradient(circle, rgb(255, 255, 255, 0.9) 90%, transparent 100%);
	--order-header-block-text-size: 1.75em;
	--order-header-block-line-height: 2em;
	--top-menu-height: 105px;
	--header-height: 105px;
	--menu-float-right: 60px;
	--menu-item-wider-width: calc(var(--menu-item-width) + 25px);
}

@media (min-width: 1200px) {
	:root {
		--menu-item-width: 75px;
		--menu-text-size: 10px;
		--order-header-block-text-size: 11px;
		--order-header-block-line-height: 24px;
		--top-menu-height: 60px;
		--menu-float-right: 0px;
	}
}

.borderedTable {
	border: 1px solid #000000;
	margin: 10px;
}

	.borderedTable td, .borderedTable th {
		border: 1px solid #000000;
		padding: 5px;
	}

.boldText {
	font-weight: bold;
}

.DivContainer {
	border: 1px solid #919B9C;
	overflow: auto;
	padding: 5 5 5 5;
}

/*jQueary tooltip*/
.tooltips span {
	display: none;
	position: absolute;
	z-index: 1000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.ErrorMsg {
	font-size: 0px !important;
	vertical-align: top;
	width: 0px;
}

.ErrorMsgDisplayNone {
	display: none !important;
}

.tooltip-style2 {
	background: #d6d6d6;
	padding: 1px;
	color: white;
	text-align: center;
}

.tooltip-style3 {
	background: #e8e8e8;
	color: black;
	padding: 15px;
}

/*****************************************************
Print style
******************************************************/

@media screen {
	*.noview {
		display: none;
	}

	*.Height100 {
		height: 100%;
	}
}

.printBar {
	background-color: #636563;
	height: 20px;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	letter-spacing: 0px;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
	padding: 4px;
	padding-right: 15px;
}

.printBarBottom {
	background-color: #636563;
	height: 5px;
}

.printBar a:link,
.printBar a:visited {
	color: #ffffff;
	text-decoration: none;
}

.printBar a:hover {
	color: #fff;
	text-decoration: underline;
}

/***********************************************************************
* Page under-construction style  
/***********************************************************************/
.HeaderStyle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #0066cc;
	HEIGHT: 27px;
}

TABLE.TableBorder {
	BACKGROUND-COLOR: #74baf3
}

TD.TableTD {
	BACKGROUND-COLOR: #f1f9ff
}

	TD.TableTD A:link {
		FONT-WEIGHT: bold;
		FONT-SIZE: 12px;
		COLOR: #0066cc;
		TEXT-DECORATION: underline
	}

	TD.TableTD A:visited {
		FONT-WEIGHT: bold;
		FONT-SIZE: 12px;
		COLOR: #0066cc;
		TEXT-DECORATION: underline
	}

	TD.TableTD A:hover {
		FONT-WEIGHT: bold;
		FONT-SIZE: 12px;
		COLOR: #0066cc;
		TEXT-DECORATION: none
	}

@media screen {
	*.noview {
		display: none;
	}

	*.Height100 {
		height: 100%;
	}
}

/***********************************************************************
* General style
/***********************************************************************/
html, body {
	color: #000000;
	font-family: Tahoma;
	height: 100%;
}

html {
	overflow-y: scroll;
}

body > form {
	height: 100%;
}

table, tbody, td, th, tr {
	vertical-align: top
}

.hiddenText {
	visibility: hidden;
}

.visibilityText {
	visibility: visible;
}

.noneText, .hidden, .tooltip, .tooltipMaxipak, .tooltipDiscount, .tooltipDiscountStart, .tooltipDiscountEnd, .tooltipIsInBooklet, .tooltipSeasonal, .tooltipTemporary, .tooltipSuggestedCalculationDate {
	display: none;
}

.displayText {
	display: block;
}

.mainContent {
	height: 100%;
	margin: 0 auto;
	min-width: 960px;
}

.mainCt {
	margin: 0 auto;
	width: 960px;
}

.siteCt, .siteCt > table {
	height: 100%;
	margin: 0 auto;
	width: 960px;
}

hr {
	height: 0px;
	border-bottom: 1px solid #999999;
}

H2 {
	padding: 3px 6px 3px 6px;
	color: red;
	font-size: 12px;
	text-align: left;
}

H3 {
	color: 666666;
	font-size: 14px;
	text-align: left;
}

h1, h2, h3 {
	margin-bottom: 15px;
	margin-top: 30px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: inherit;
	font-family: inherit;
	font-weight: 700;
	line-height: 1.2;
}

small {
	font-size: 75%;
}

.bold {
	font-weight: 700;
}

.labelRed {
	color: #FF0000
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.inline {
	display: inline-block !important;
	vertical-align: top;
}

.topMenu .inline {
	float: right;
}


.nowrapBlock {
	white-space: nowrap;
}

.ta-left {
	text-align: left;
}

.va-top {
	vertical-align: top;
}

.mt0 {
	margin-top: 0 !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mb5rem {
	margin-bottom: .5rem !important;
}

.mt5rem {
	margin-top: .5rem !important;
}

.row {
	display: block;
	position: relative;
}

	.row > div {
		display: inline-block;
	}

.row2 > div {
	display: inline-block;
}

.row:after, .clearAll {
	content: '';
	clear: both;
	display: block;
}

.SiteHeader {
	background-image: url("../Images/design/hdbg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 227px;
}

.flLogoBig {
	position: relative;
	left: -400px;
}

.LogoBig {
	background-image: url(../Images/design/logo_big.png);
	background-repeat: round;
	display: block;
	height: 164px;
	margin-top: 1rem;
	width: 270px;
}

/**************************************************************************
* Icons
/**************************************************************************/
.fa-cbxDiscounts:before, .fa-cbxDiscountsEnd:before, .fa-cbxDiscountsStart:before, .fa-cbxTop:before, .fa-cbxNew:before, .fa-cbxMaxPack:before, .fa-cbxIsInBooklet:before, .fa-cbxIsTemporary:before, .fa-cbxIsSeasonal:before {
	font-family: Arial;
	font-size: 18px;
	font-weight: 900;
}

.fa-cbxSpecPrice:before,
.fa-cbxSellOut:before, .fa-cbxSuggested:before, .fa-cbxUnstable:before, .fa-cbxIsInBooklet::before, .fa-cbxIsDisabled:before {
	font-size: 15px;
}

.fa-cbxDiscounts:before {
	color: #D90000;
	content: "A";
}

.fa-cbxDiscountsEnd:before {
	color: #9C00FF;
	content: "A";
}

.fa-cbxDiscountsStart:before {
	color: #FFBF00;
	content: "A";
}

.fa-cbxTop:before {
	color: #FFBF00;
	content: "T";
}

.fa-cbxIsInBooklet:before {
	color: #FFBF00;
	content: "L";
}

.fa-cbxIsTemporary:before {
	color: #731E00;
	content: "#";
}

.fa-cbxIsSeasonal:before {
	color: #00FFD8;
	content: "S";
}

.fa-cbxNew:before {
	color: #00BFFF;
	content: "N";
}

.fa-cbxMaxPack:before {
	color: #00D900;
	content: "M";
}

.fa-cbxSellOut:before {
	color: #D90000;
	content: "\f005";
}

.fa-cbxSpecPrice:before {
	color: #00D900;
	content: "\f005";
}

.fa-cbxSuggested:before {
	color: #00BFFF;
	content: "\f024";
}

.fa-cbxUnstable:before {
	color: #FFBF00;
	content: "\f024";
}

.fa-cbxIsDisabled:before {
	color: #D90000;
	content: "\f05e";
}

/* * * login box styles START * * */
.loginTools {
	background-color: #E0E5EB;
	margin: 1rem 0;
	padding-bottom: .5rem;
}

	.loginTools .row {
		line-height: 2rem;
		margin: 0 1rem;
	}

.loginCaption {
	color: black;
	font-size: .9rem;
	font-weight: 700;
	text-transform: uppercase;
}

.loginInText {
	color: black;
	font-size: .7rem;
	font-weight: 400;
	width: 10rem;
}

.loginLinks a {
	color: black;
	font-size: .7rem;
	margin-right: 1rem;
	text-decoration: none;
}

	.loginLinks a:hover {
		text-decoration: underline;
	}
/* * * login box styles END * * */

/* * * site menu styles START * * */
.SiteMenuOutBg {
	background-color: #777;
	height: 2.5rem;
}

.SiteMenuBg {
	font-size: 0rem;
	margin: 0 auto;
	width: 960px;
}

.SiteMenuItem, .SiteMenuActive {
	color: #FEFEFE;
	font-size: .8rem;
	font-weight: 700;
	height: 2.5rem;
	line-height: 2.5rem;
	padding-right: 1.5rem;
	text-align: center;
	text-transform: uppercase;
}

	.SiteMenuItem:before, .SiteMenuActive:before {
		color: #FEFEFE;
		content: "\f111";
		display: inline-block;
		font-family: FontAwesome;
		font-size: 0.6rem;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		margin-right: .5rem;
		margin-top: -.1rem;
		vertical-align: middle;
		width: 0.625rem;
		-webkit-font-smoothing: antiliased;
		-moz-osx-font-smoothing: grayscale;
	}

	.SiteMenuItem:hover {
		cursor: pointer;
		text-decoration: underline;
	}

		.SiteMenuItem:hover:before, .SiteMenuActive:before {
			content: "\f0da";
			font-size: 1rem;
		}
/* * * site menu styles END * * */


.selectBox {
	float: left;
	padding-left: 5px;
	width: 280px;
	height: 32px;
}

	.selectBox a {
		color: #cccccc;
		font-size: 12px;
		font-weight: bold;
		padding-left: 5px;
	}

		.selectBox a:hover {
			color: #cccccc;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
		}

.creditInfo,
.userInfo {
	float: left;
	width: 160px;
}

	.creditInfo p {
		color: #999999;
		font-size: 11px;
	}

.creditBold {
	color: #cccccc;
	font-size: 11px;
	font-weight: bold;
}

.creditBoldLink a {
	color: #999999;
	font-size: 11px;
	text-decoration: underline;
}

	.creditBoldLink a:hover {
		color: #999999;
		font-size: 11px;
		text-decoration: none;
	}

.userInfo p {
	color: #999999;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.selectBox2 {
	float: left;
	padding-left: 5px;
	width: 170px;
	height: 27px;
}

	.selectBox2 a {
		color: #cccccc;
		font-size: 12px;
		font-weight: normal;
		padding-left: 5px;
	}

		.selectBox2 a:hover {
			color: #cccccc;
			font-size: 12px;
			font-weight: normal;
			text-decoration: none;
		}

.userInfo2 {
}

	.userInfo2 p {
		color: #999999;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
	}

/**************************************************************************
* main styles
/**************************************************************************/
.boxHeader {
	background-image: url(../Images/design/boxHeader.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 21px;
	width: 218px;
}

	.boxHeader a {
		float: right;
		padding-right: 7px;
		font-size: 11px;
		color: #ffffff;
		text-decoration: underline;
	}

		.boxHeader a:hover {
			color: #ffffff;
			text-decoration: none;
		}

	.boxHeader p {
		padding-left: 10px;
		font-weight: bold;
		font-size: 11px;
		color: #ffffff;
	}

.boxContent {
	border-left: 1px solid #88c42f;
	border-right: 1px solid #88c42f;
}

	.boxContent p {
		padding-left: 11px;
		padding-top: 11px;
		padding-bottom: 11px;
		font-weight: normal;
		font-size: 11px;
		color: #000000;
	}

.boxHeader2 {
	background-image: url(../Images/design/boxHeader2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 21px;
	width: 220px;
}

	.boxHeader2 a,
	.boxBottom2 a {
		float: right;
		padding-right: 7px;
		font-size: 11px;
		color: #ffffff;
		text-decoration: underline;
	}

		.boxHeader2 a:hover,
		.boxBottom2 a:hover {
			color: #ffffff;
			text-decoration: none;
		}

	.boxHeader2 p {
		padding-left: 10px;
		font-weight: bold;
		font-size: 11px;
		color: #ffffff;
	}

.boxBottom2 {
	background-image: url(../Images/design/boxHeader2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 21px;
	width: 218px;
}


.boxHeader3 a {
	float: right;
	padding-right: 7px;
	font-size: 11px;
	color: red;
	padding-top: 20px;
	text-decoration: underline;
}

.boxContent2 {
	border-left: 1px solid #484a4b;
	border-right: 1px solid #484a4b;
}

	.boxContent2 p {
		padding-left: 11px;
		padding-top: 11px;
		padding-bottom: 11px;
		font-weight: normal;
		font-size: 11px;
		color: #000000;
	}

.boxDivLine {
	border-bottom: 1px solid #88c42f;
	padding-left: 10px;
	height: 34px;
}

.boxDivLineLast {
	padding-left: 10px;
	height: 34px;
}

.boxText {
	float: left;
	width: 120px;
	padding-top: 4px;
}

.boxText2 {
	float: left;
	display: block;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
}

.boxDivClose {
	float: right;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
}

.boxRightCellCart {
	float: left;
	width: 56px;
	height: 30px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding-right: 5px;
	color: #000000;
}



.boxRightCellCartColor {
	font-family: Arial;
	font-weight: normal;
	font-size: 10px;
	color: #000000;
}

.boxDivLine a,
.boxDivLineLast a {
	font-size: 11px;
	color: #313131;
	text-decoration: none;
}

	.boxDivLine a:hover,
	.boxDivLineLast a:hover {
		color: #88c42e;
		text-decoration: underline;
	}

.boxDivLineAlt {
	border-bottom: 1px solid #616668;
	height: 60px;
}

.boxDivLineLastAlt {
	height: 60px;
}

.boxImage {
	float: left;
	width: 50px;
	padding-top: 5px;
	padding-left: 5px;
}

.boxTextAlt {
	float: left;
	width: 150px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.boxDivCloseAlt {
	float: right;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 5px;
}

.boxDivLineAlt a,
.boxDivLineLastAlt a {
	font-size: 11px;
	color: #313131;
	text-decoration: none;
}

	.boxDivLineAlt a:hover,
	.boxDivLineLastAlt a:hover {
		color: #313131;
		text-decoration: underline;
	}

.contentBg {
	height: 100%;
	padding: 0 10px;
}

.sideBg {
	background-image: url(../Images/design/sideBg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 297px;
}

.header {
	background-image: url(../Images/design/hdbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: var(--header-height);
	width: 100%;
}

.logoCt img {
	height: 100px;
	width: 220px;
	padding: 15px 0 0 10px;
}

.searchBox {
}

	.searchBox .buttonStyle {
		margin-right: 30px;
	}

.topBar {
	background-image: url(../Images/design/topSukis.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	padding: 0;
	width: 669px;
	height: 53px;
}

/*.menuBg
{
	background-image:url(../Images/design/menuBg.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-top:26px;
	height:50px;
	background-position:top;
}*/

.menuBg a:link,
.menuBg a:visited {
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.menuBg a:hover {
	color: #333333;
	text-decoration: underline;
}



.mBullet {
	margin-left: 20px;
	margin-right: 20px;
}

.mBr {
	padding-left: 20px;
	margin-left: 20px;
}

.sideMenu {
	padding-top: 7px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 7px;
}

.subMenu {
	padding-top: 15px;
	padding-left: 3px;
	padding-bottom: 15px;
}

.subMenu2 {
}

	.subMenu img,
	.subMenu2 img {
		margin-right: 11px;
	}

	.subMenu p,
	.subMenu2 p {
		line-height: 24px;
	}

	.subMenu a:link,
	.subMenu a:visited,
	.subMenu2 a:link,
	.subMenu2 a:visited {
		text-decoration: none;
		color: #333333;
	}

	.subMenu a:hover,
	.subMenu2 a:hover {
		text-decoration: underline;
		color: #333333;
	}


.mTitle {
	font-weight: bold;
	color: #333333;
	padding-left: 3px;
}

.lText {
	float: left;
	color: #666666;
	font-size: 11px;
	padding-left: 8px;
	width: 60px;
}

.rText {
	float: left;
	color: #6C9E21;
	font-size: 11px;
}

.topLine {
	height: 17px;
	background-image: url(../Images/design/topLine.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.contentTitle,
.contentTitle2 {
	background-image: url(../Images/design/contentHeader.gif);
	background-repeat: repeat-x;
	width: 710px;
	height: 31px;
}

	.contentTitle p,
	.contentTitle2 p {
		color: #ffffff;
		font-weight: bold;
		font-size: 12px;
		padding-left: 10px;
		padding-top: 8px;
	}

	.contentTitle img {
		margin-left: 8px;
		margin-right: 13px;
	}

.content,
.content p {
	color: #333333;
	font-size: 11px;
	padding-left: 8px;
	padding-top: 8px;
	font-family: Tahoma;
}

.content2 p {
	color: #333333;
	font-size: 11px;
	font-family: Tahoma;
	padding-left: 8px;
}

.content a:link,
.content a:visited,
.content2 a:link,
.content2 a:visited {
	color: #6C9E21;
	font-size: 11px;
	text-decoration: underline;
}

.content a:hover,
.content2 a:hover {
	color: #6C9E21;
	font-size: 11px;
	text-decoration: none;
}



.content img {
	margin: 5px;
}

.contentTitleShort {
	padding-top: 16px;
	padding-bottom: 11px;
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #eaeaea;
	text-transform: uppercase;
	width: 100%;
}

	.contentTitleShort img {
		margin-right: 13px;
	}

/***********************************************************************
* catalog price list
************************************************************************/
.catalogLine {
	cursor: pointer;
	display: block;
	float: left;
	width: 220px;
	color: #333333;
	height: 19px;
	padding-top: 3px;
	text-indent: 27px;
	border-top: 1px solid #7da94f;
	background-color: #ffffff;
	background-image: url(../Images/design/catalogLine.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
}

.catalogLineOver {
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	padding-top: 3px;
	width: 220px;
	color: #333333;
	text-indent: 27px;
	border-top: 1px solid #7da94f;
	background-color: #f2f2f2;
	background-image: url(../Images/design/catalogLineOver.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
	padding-left: 2px;
}

.catalogLineOpen {
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	padding-top: 3px;
	width: 220px;
	color: #ffffff;
	text-indent: 27px;
	border-top: 1px solid #7da94f;
	background-color: #666666;
	background-image: url(../Images/design/catalogLineOpen.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
}

.catalogLineSingleOpen {
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	padding-top: 3px;
	width: 220px;
	color: #ffffff;
	text-indent: 5px;
	border-top: 1px solid #7da94f;
	background-color: #666666;
	background-image: url(../Images/design/catalogLineOpen.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
}

.catalogLineIn {
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	padding-top: 3px;
	width: 220px;
	color: #333333;
	text-indent: 25px;
	border-top: 1px solid #7da94f;
	background-color: #d9ecbb;
	background-image: url(../Images/design/catalogLineIn.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
}

.catalogLineInOpen {
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	padding-top: 3px;
	width: 220px;
	color: #333333;
	text-indent: 25px;
	border-top: 1px solid #7da94f;
	background-color: #d9ecbb;
	background-image: url(../Images/design/catalogLineIn.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
}

.catalogLineIn2 {
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	padding-top: 3px;
	width: 220px;
	color: #333333;
	text-indent: 25px;
	border-top: 1px solid #7da94f;
	background-color: #ecf3e4;
	font-weight: normal;
	font-size: 12px;
}

.catalogLineIn2Open {
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	padding-top: 3px;
	width: 220px;
	color: #333333;
	text-indent: 25px;
	border-top: 1px solid #7da94f;
	background-color: #ecf3e4;
	font-weight: normal;
	font-size: 12px;
}

.catalogHover {
	cursor: pointer;
	display: block;
	float: left;
	height: 19px;
	padding-top: 3px;
	width: 220px;
	color: #333333;
	text-indent: 24px;
	border-top: 1px solid #7da94f;
	background-color: #f2f2f2;
	background-image: url(../Images/design/catalogLineOver.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 12px;
}

/***********************************************************************
* Top Info Styles
************************************************************************/
.topInfo {
	color: #959595;
	font-family: "Open Sans" !important;
	font-size: 11px;
	line-height: 120%;
	padding-top: 26px;
}

	.topInfo:after {
		clear: both;
		content: '';
		display: block;
	}

.topInfoLeft {
	float: left;
}

.topInfoUsername {
	color: #000000;
	font-size: 12px;
	font-weight: 700;
	line-height: 140%;
	padding-bottom: 1px;
	float: right;
}

.topInfoShop {
}

.topInfoShopName {
	font-weight: 700;
	color: black;
}

.topInfoShopAddress {
}

.topInfoRightMin {
	float: right;
	padding-right: 20px;
	padding-top: 10px;
}

.topInfoRight {
	color: #353535;
	float: right;
	font-size: 12px;
	line-height: 25px;
	padding-top: 10px;
}

	.topInfoRight > div {
		display: inline-block;
		vertical-align: top;
	}

	.topInfoRight div:nth-child(2) {
		font-size: 21px;
		font-weight: bold;
		padding: 0 10px;
	}

	.topInfoRight div span {
		display: block;
	}

.NextOrderInfo {
	color: #353535;
	font-size: 12px;
	line-height: 25px;
	float: left;
}

	.NextOrderInfo > div {
		display: inline-block;
		vertical-align: top;
	}

	.NextOrderInfo div:nth-child(2) {
		font-size: 21px;
		font-weight: bold;
		padding: 0 10px;
	}

	.NextOrderInfo div span {
		display: block;
	}
/***********************************************************************
* menu styles
************************************************************************/
.topMenu {
	position: absolute;
	top: calc(var(--header-height) - var(--top-menu-height));
	right: var(--menu-float-right);
	bottom: 0px;
	font-size: 0;
	width: 100%;
	height: var(--top-menu-height);
}

.topMenuLine {
	background-image: url(../Images/design/topMenuLine.png);
	background-position: center right;
	background-repeat: no-repeat;
	height: 2px;
}

.menuMainBg {
	color: #343434;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	height: var(--top-menu-height);
	width: var(--menu-item-width);
}

	.menuMainBg.inline {
		display: inline-block;
		vertical-align: top;
	}

	.menuMainBg .inline {
		display: inline-table;
		vertical-align: top;
	}

.menuMainNormal {
	text-align: center;
	padding: 0 20px 0 0;
	text-transform: uppercase;
	font-family: "Open Sans" !important;
	background-image: var(--menu-item-background);
	white-space: nowrap;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	font-size: var(--menu-text-size);
	width: var(--menu-item-width);
}

td.menuMainNormal {
	display: table-cell;
}

.menuMainNormal:hover {
	cursor: pointer;
	text-decoration: underline;
	background-image: var(--menu-item-background-highlight);
}

.TopGroup {
	height: var(--top-menu-height);
}

.menuMainNormal:not(.noBefore):before, .menuMainHover:not(.noBefore):before, .TopMenuItemHover:not(.noBefore):before, .menuFlexContainer:not(.noBefore):before {
	color: black;
	content: "\f111";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin-right: 13px;
	-webkit-font-smoothing: antiliased;
	-moz-osx-font-smoothing: grayscale;
}

.menuNormalBackground {
	background-image: var(--menu-item-background);
	color: black;
}

	.menuNormalBackground:hover {
		background-image: var(--menu-item-background-highlight);
	}

.menuListItemBackground {
	text-transform: uppercase;
	font-family: "Open Sans" !important;
	font-size: 18px;
	text-align: center;
	background-image: var(--menu-item-background);
	border-bottom: 5px solid #97999C;
	border-radius: 0px 0px 20px 20px;
	color: black;
	float: none;
	position: relative;
	z-index: 99999999;
}

	.menuListItemBackground:hover {
		background-image: var(--menu-item-background-highlight);
	}

.menuNormalBackground a {
	color: black;
}

.mobile-media {
	display: none !important;
}

.btn.btn-navbar {
	height: 100%;
	border-radius: 0;
	background-position: 17px 17px;
	width: 100%;
	background: rgba(0, 0, 0, 0);
	font-weight: bold;
}

.btn-navbar-menu {
	padding-left: 30px;
	padding-right: 10px;
	text-transform: uppercase;
}

.menuFlexContainer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	font-size: var(--menu-text-size);
	font-family: 'Open Sans' !important;
}

@media(max-width: 1200px) { /*Mobile media*/
	.web-media {
		display: none !important;
	}

	.mobile-media {
		display: inline-block !important;
	}
}

.btnLogout {
	background-color: #000000;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #393939), color-stop(1, #000000) );
	background-image: -o-linear-gradient(bottom, #393939 0%, #000000 100%);
	background-image: -moz-linear-gradient(bottom, #393939 0%, #000000 100%);
	background-image: -webkit-linear-gradient(bottom, #393939 0%, #000000 100%);
	background-image: -ms-linear-gradient(bottom, #393939 0%, #000000 100%);
	background-image: linear-gradient(to bottom, #393939 0%, #000000 100%);
	border: 1px solid #5C5C5C;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFFFFF;
	display: inline-block;
	height: 19px;
	line-height: 19px;
	margin-top: -4px;
	padding: 0 5px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}

	.btnLogout:after {
		content: "\f00d";
		display: inline-block;
		font-family: FontAwesome;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		margin-left: 5px;
		-webkit-font-smoothing: antiliased;
		-moz-osx-font-smoothing: grayscale;
	}

	.btnLogout:hover {
		text-decoration: underline;
	}

.MenuItemHover {
	background: none;
	background-color: #353535;
	height: 30px;
	background-repeat: repeat-x;
	color: #91c83c;
	font: Tahoma;
	font-size: 11px;
	text-align: left;
	cursor: pointer;
}

.MenuItem {
	background: none;
	background-color: #353535;
	height: 30px;
	background-repeat: repeat-x;
	color: #ffffff;
	font: Tahoma;
	font-size: 11px;
	text-align: left;
	width: 90px;
}

/***********************************************************************
* Inputs, buttons styles 
/***********************************************************************/

.labelText {
	color: #608292;
}

.checkboxStyle {
	color: #ff0000;
	border: none;
}

.inputStyle,
.inputStyleSearch,
.inputStyleRequired {
	border: none;
	font-family: Tahoma;
	font-size: 11px;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	border-right: 1px solid #BFC3C6;
	border-bottom: 2px solid #BFC3C6;
	height: 17px;
	width: 217px;
	padding-left: 3px;
	line-height: 17px;
	vertical-align: middle;
}

.inputStyleNormal,
.inputStyleReadOnly {
	border: none;
	font-family: Tahoma;
	font-size: 11px;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #BFC3C6;
	height: 17px;
	width: 217px;
	padding-left: 3px;
	line-height: 17px;
	vertical-align: middle;
}

.inputStyle2 {
	border: none;
	font-family: Tahoma;
	font-size: 11px;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	border-right: 1px solid #BFC3C6;
	border-bottom: 2px solid #BFC3C6;
	height: 17px;
	width: 100x;
	padding-left: 3px;
	vertical-align: middle;
}

.inputQuantity {
	font-family: Verdana;
	font-size: 11px;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #DBDBDB;
	height: 15px;
	width: 35px;
	padding-top: 2px;
	vertical-align: bottom;
	text-align: right;
}

.inputStyleSearch {
	width: 224px;
	padding-top: 3px;
	vertical-align: top;
}

.starstyle {
	color: Red;
}


.inputStyleRequired {
	border: 1px solid #ff0000;
}

.inputStyleError {
	border: 1px solid #ff0000;
	background-color: #ff0000;
}

.inputStyleErrorReq {
	border: 1px solid #ff0000 !important;
}

.selectStyle {
	border: 1px solid #676767;
	COLOR: #666666;
	height: 20px;
	font-size: 11px;
	vertical-align: middle;
	BACKGROUND-COLOR: #f1f1f1;
	width: 207px;
}

.selectStyle2 {
	border: 1px solid #676767;
	COLOR: #666666;
	height: 20px;
	font-size: 11px;
	vertical-align: middle;
	BACKGROUND-COLOR: #f1f1f1;
	width: 107px;
}

input.buttonStyle, input.buttonStyleOver, input.buttonStyleBig, input.buttonStyleBigOver, input.buttonStyleRe, input.buttonStyleReOver, input.buttonStyleCart, input.buttonStyleCartOver, input.btnCart, input.btnCartOver, input.btnInCart, input.btnInCartOver {
	background-color: #666666;
	border: none;
	color: #ffffff;
	cursor: pointer;
	font-size: 11px;
	font-weight: 700;
	height: 25px;
	margin-left: 10px;
	padding: 0 7px;
	text-align: center;
}

input.buttonStyleActive {
	background-color: #B1B5D3;
	border: none;
	color: #ffffff;
	cursor: pointer;
	font-size: 11px;
	font-weight: 700;
	height: 25px;
	margin-left: 10px;
	padding: 0 7px;
	text-align: center;
}

input.newButtonStyle {
	background-color: #B1B5D3;
	border: thin solid #ADAFB2;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	height: 25px;
	line-height: 22px;
	font-family: "Open Sans" !important;
	padding: 0 14px;
}

	input.newButtonStyle:disabled {
		background-color: #bfbfc4;
		cursor: not-allowed;
	}

input.newButtonStyleMax {
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ADAFB2), color-stop(1, #B1B5D3) );
	background-image: -o-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%);
	background-image: -moz-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%);
	background-image: -webkit-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%);
	background-image: -ms-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%);
	background-image: linear-gradient(to bottom, #ADAFB2 0%, #B1B5D3 100%);
	border: 2px solid ##B1B5D3;
	border: 2px solid #B1B5D3;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 400;
	height: 25px;
	line-height: 19px;
	padding: 0 14px;
	max-width: 90px !important;
}

input.newButtonStyleDisabled {
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E1E1E1), color-stop(1, #949494) );
	background-image: -o-linear-gradient(bottom, #E1E1E1 0%, #949494 100%);
	background-image: -moz-linear-gradient(bottom, #E1E1E1 0%, #949494 100%);
	background-image: -webkit-linear-gradient(bottom, #E1E1E1 0%, #949494 100%);
	background-image: -ms-linear-gradient(bottom, #E1E1E1 0%, #949494 100%);
	background-image: linear-gradient(to bottom, #E1E1E1 0%, #949494 100%);
	border: 2px solid #949494;
	border: 2px solid #949494;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 400;
	height: 25px;
	line-height: 19px;
	padding: 0 14px;
	max-width: 90px !important;
}

input.newButtonStyle:hover {
	cursor: pointer;
	text-decoration: underline;
	box-shadow: 1px 1px 1px 1px black;
}

input.buttonStyleCart,
input.buttonStyleCartOver {
	background: none;
	background-color: #666666;
	background-repeat: no-repeat;
	width: 80px;
	height: 22px;
	line-height: 22px;
}

input.buttonStyleRe,
input.buttonStyleReOver {
	background: none;
	background-color: #666666;
	background-repeat: no-repeat;
	width: 100px;
	height: 22px;
}

input.buttonStyleBig,
input.buttonStyleBigOver {
	background: none;
	background-color: #666666;
	background-repeat: no-repeat;
	width: 100px;
	height: 22px;
}

input.btnCart,
input.btnCartOver {
	background: none;
	background-image: url(../Images/design/btnCart.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 19px;
}

input.btnInCart,
input.btnInCartOver {
	background: none;
	background-image: url(../Images/design/btnToCart.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 19px;
}

.buttonCart1,
.buttonCart1Over {
	background: none;
	background-image: url(../Images/design/btnCart.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 19px;
	font-size: 11px;
	COLOR: #ffffff;
	text-align: center;
	cursor: pointer;
	border: none;
}

.buttonCart2,
.buttonCart2Over {
	background: none;
	background-image: url(../Images/design/btnToCart.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 19px;
	font-size: 11px;
	COLOR: #ffffff;
	text-align: center;
	cursor: pointer;
	border: none;
}

.buttonCart3,
.buttonCart3Over {
	background: none;
	background-image: url(../Images/design/btnCart.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 19px;
	font-size: 11px;
	COLOR: #ffffff;
	text-align: center;
	cursor: pointer;
	border: none;
}

.buttonRecalculate,
.buttonRecalculateOver {
	background: none;
	background-image: url(../Images/design/btnRecalc.gif);
	background-repeat: no-repeat;
	width: 90px;
	height: 19px;
	font-size: 11px;
	COLOR: #ffffff;
	text-align: center;
	cursor: pointer;
	border: none;
}

input.buttonStyleLogin,
input.buttonStyleLoginOver {
	background: none;
	font-family: Tahoma;
	background-color: #666666;
	background-image: url(../Images/design/btnStyle1.png);
	width: 81px;
	height: 25px;
	font-size: 11px;
	COLOR: #ffffff;
	text-align: center;
	cursor: pointer;
	border: none;
	margin-left: 76px;
}

input.buttonStyleLogin {
	margin-left: 140px;
}

input.buttonStyleLogin2,
input.buttonStyleLoginOver2 {
	background: none;
	font-family: Tahoma;
	background-color: #ffffff;
	width: 81px;
	height: 25px;
	font-size: 11px;
	COLOR: #ffffff;
	text-align: center;
	cursor: pointer;
	border: none;
}

/***********************************************************************
* filter styles
************************************************************************/
.filterCaption {
	background-color: #464849;
	height: 28px;
}

.fTitle {
	float: left;
	color: #cccccc;
	padding-left: 10px;
	font-weight: bold;
	font-size: 12px;
}

.fClear {
	float: right;
	padding-right: 10px;
}

	.fClear a:link,
	.fClear a:visited {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		padding-left: 5px;
		font-size: 11px;
	}

	.fClear a:hover {
		text-decoration: underline;
	}

.filterCell {
	background-color: #E0E5EB;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

	.filterCell p {
		color: #ffffff;
		font-weight: bold;
		font-size: 12px;
	}

	.filterCell a:link,
	.filterCell a:visited {
		color: #f2f2f2;
		font-weight: normal;
		font-size: 11px;
		text-decoration: none;
	}

	.filterCell a:hover {
		color: #f2f2f2;
		font-weight: normal;
		font-size: 11px;
		text-decoration: underline;
	}

.groupFull {
	color: #86ab42;
	font-weight: normal;
	font-size: 11px;
}

.filterSelected:link,
.filterSelected:visited {
	color: #537520;
	font-weight: normal;
	text-decoration: none;
	background-color: #b1b3b5;
}

.filterSelected:hover {
	color: #537520;
	text-decoration: none;
	background-color: #b1b3b5;
}



/***********************************************************************
* solution style
/***********************************************************************/
.footer {
	border-top: 1px solid #DDDDDD;
	color: #888888;
	font-size: 11px;
	padding: 10px;
}

	.footer:after {
		content: '';
		clear: both;
		display: block;
	}

.solutionBox {
	float: right;
	color: #9CAAB8;
}

.footer a:link,
.footer a:visited {
	color: #9CAAB8;
	text-decoration: none;
}

.footer a:hover {
	color: #9CAAB8;
	text-decoration: underline;
}


a.Solution:link,
a.Solution:visited {
	font-family: Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #4C4C4C;
}

a.Solution:hover {
	font-family: Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}

.orange {
	font-family: Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 11px;
	color: #FF6600;
}

a.Solution:hover SPAN {
	font-family: Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 11px;
	color: #FF8833;
	text-decoration: underline;
}

.ValidateError,
.ValidateErrorTitle {
	color: red;
}

.InformationError,
.InformationErrorTitle {
	color: #2D3292;
}

.ValidateErrorTitle,
.Information`Title {
	font-weight: bold;
}

.ValidateErrorBold {
	color: red;
	font-weight: bold;
}

.ValidateHighlighted:has(+ .ValidateErrorBold[style*="display: inline;"]) {
	border: 1px solid red;
}

.RequiredFieldMark {
	color: Red;
	text-align: left;
}

.loginTextBox {
	border: none;
	font-family: Tahoma;
	font-size: 11px;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #BFC3C6;
	height: 17px;
	width: 217px;
	padding-left: 3px;
	line-height: 17px;
	vertical-align: middle;
}

.loginTextBoxError {
	border: 1px solid;
	border-color: Red;
	font-family: Tahoma;
	font-size: 11px;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	height: 17px;
	width: 217px;
	padding-left: 3px;
	line-height: 17px;
	vertical-align: middle;
}


/***********************************************************************
* Paging styles
/***********************************************************************/

input.NextBottom,
input.NextOverBottom {
	background-image: url(../Images/design/arrow_right.gif);
	background-repeat: no-repeat;
}

input.PrevBottom,
input.PrevOverBottom {
	background-image: url(../Images/design/arrow_left.gif);
	background-repeat: no-repeat;
}


input.PrevDisable,
input.NextDisable,
input.PrevDisableBottom,
input.NextDisableBottom {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #000000;
	border-color: #1C3762;
	border-width: 1px;
	border-style: solid;
	background-color: Transparent;
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	CURSOR: pointer;
	PADDING-TOP: 0px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 2px;
	width: 14px;
	height: 14px;
}


input.Prev,
input.PrevOver,
input.Next,
input.NextOver,
input.PrevBottom,
input.PrevOverBottom,
input.NextBottom,
input.NextOverBottom {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #000000;
	border-color: #1C3762;
	border-width: 1px;
	border-style: solid;
	background-color: Transparent;
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	CURSOR: pointer;
	PADDING-TOP: 0px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 2px;
	width: 14px;
	height: 14px;
}

.pagingPaddingCenter,
.pagingPaddingRight {
	font-family: Tahoma;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 4px;
	text-align: center;
}

.pagingPaddingRight {
	text-align: right;
}

.newsTextNoImg {
	padding-top: 5px;
	padding-right: 10px;
}

.pageCount {
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
	padding-left: 10px;
}

.pageCountBold {
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	color: #6C9E21;
}

.pageCountRight {
	font-family: Tahoma;
	font-size: 12px;
	color: #666666;
}

.pageCountNumber {
	font-family: Tahoma;
	font-size: 12px;
	color: #6C9E21;
}

.pageCountNumberMain {
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #6C9E21;
}

	.pageCountNumberMain a {
		font-family: Tahoma;
		font-weight: normal;
		text-decoration: none;
		font-size: 12px;
		color: #6C9E21;
	}

		.pageCountNumberMain a:hover {
			font-family: Tahoma;
			font-weight: normal;
			text-decoration: underline;
			font-size: 12px;
			color: #6C9E21;
		}

.pageCountNumberMain2 {
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #ffffff;
	padding-top: 4px;
	padding-left: 4px;
}

	.pageCountNumberMain2 a {
		font-family: Tahoma;
		font-weight: normal;
		text-decoration: none;
		font-size: 12px;
		color: #ffffff;
	}

		.pageCountNumberMain2 a:hover {
			font-family: Tahoma;
			font-weight: normal;
			text-decoration: underline;
			font-size: 12px;
			color: #ffffff;
		}

.newsDate {
	padding-left: 5px;
	color: #6C9E21;
	font-family: Tahoma;
	font-size: 11px;
}

.newsTitle {
	color: #666666;
	font-weight: bold;
	font-size: 11px;
}

.newsText {
	color: #666666;
	padding: 5px;
	font-size: 11px;
}

.newsLine {
	border-top: 1px solid #EAEAEA;
}

.linkStyle {
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	color: #6C9E21;
	padding: 5px;
}

	.linkStyle a {
		font-family: Tahoma;
		font-weight: normal;
		text-decoration: none;
		font-size: 12px;
		color: #6C9E21;
	}

		.linkStyle a:hover {
			font-family: Tahoma;
			font-weight: normal;
			text-decoration: underline;
			font-size: 12px;
			color: #000000;
		}

.pathLevels:link,
.pathLevels:visited {
	color: #666666;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.pathLevels:hover {
	color: #666666;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.pathCurrent:link,
.pathCurrent:visited {
	color: #779630;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.pathCurrent:hover {
	color: #779630;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.plViewSmallImage,
.plViewNoImage {
	background-color: #dfdfdf;
}

	.plViewSmallImage td,
	.plViewNoImage td {
		background-color: #ffffff;
		height: 73px;
	}

	.plViewNoImage td {
		height: 47px;
	}

/***********************************************************************
* catalog styles
/***********************************************************************/

.itemNormal {
	display: block;
	background-image: url(../Images/design/itemNormal.png);
	width: 230px;
	height: 275px;
	background-repeat: no-repeat;
	font: Tahoma;
	font-size: 11px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

.itemActive {
	background-image: url(../Images/design/itemActive.png);
	display: block;
	width: 230px;
	height: 275px;
	background-repeat: no-repeat;
	font: Tahoma;
	font-size: 11px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

.itemName p {
	font: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #313131;
	padding: 11px;
}

.smallContent {
	width: 185px;
	height: 130px;
	margin-top: 19px;
	text-align: center;
	display: block;
	float: left;
}

.smallContentText {
	font-family: Arial;
	font-weight: bold;
	padding-top: 10px;
	font-size: 12px;
	color: #78b100;
}

	.smallContentText a:link,
	.smallContentText a:visited {
		color: #78b100;
		text-decoration: none;
	}

	.smallContentText a:hover {
		color: #78b100;
		text-decoration: underline;
	}

.itemBoxImage {
	float: left;
	width: 164px;
	padding-left: 9px;
	height: 128px;
}

.itemAd {
	margin: 0;
	padding: 0;
	float: right;
	width: 50px;
	height: 128px;
}

	.itemAd div {
		width: 35px;
		margin: 0;
		padding: 0;
	}

.itemBoxPrice {
	display: block;
	float: right;
	width: 140px;
	padding-right: 11px;
	padding-top: 1px;
	font: Tahoma;
	color: #78b100;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

	.itemBoxPrice span {
		color: #666666;
		font-size: 10px;
		font-weight: normal;
		text-decoration: line-through;
	}

.itemQuantity {
	float: left;
	padding-top: 16px;
	color: #666666;
	padding-left: 11px;
}

.itemCode {
	float: left;
	width: 205px;
	font: Tahoma;
	font-size: 11px;
	color: #999999;
	padding-top: 0px;
	padding-left: 11px;
}

.itemCompare {
	float: left;
	display: block;
	height: 40px;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 11px;
	color: #666666;
}

.itemBtnCart {
	float: right;
	width: 75px;
	height: 30px;
	padding-top: 8px;
}

.quantity {
	display: block;
	float: left;
	font: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	padding-left: 9px;
	text-align: left;
	/*width:75px; as cia pakeiciau*/
	width: 130px;
	padding-top: 8px;
	height: 30px;
}

.plViewSmallImage,
.plViewNoImage {
	background-color: #dfdfdf;
}

	.plViewSmallImage td,
	.plViewNoImage td {
		background-color: #ffffff;
		height: 73px;
	}

	.plViewNoImage td {
		height: 47px;
	}

.siAdBlock {
	float: left;
	width: 34px;
	display: block;
}

.niAdBlock {
	float: left;
	width: 30px;
	display: block;
}

.siAdBlock img {
	padding-top: 5px;
	padding-left: 5px;
}

.niAdBlock img {
	padding-top: 3px;
	padding-left: 5px;
}


.siImage {
	float: left;
	display: block;
	width: 50px;
}

.siTextBlock {
	float: left;
	display: block;
	width: 300px;
}

.niTextBlock {
	float: left;
	display: block;
	width: 225px; /*444*/
}

.siTitle {
	color: #313131;
	font-size: 12px;
	height: 27px;
	padding-left: 6px;
	padding-top: 9px;
}

.niTitle {
	color: #313131;
	font-size: 12px;
	height: 27px;
	padding-right: 5px;
	padding-top: 3px;
}

.sqTitle {
	color: #313131;
	font-size: 12px;
	height: 27px;
	padding-left: 9px;
	padding-top: 3px;
	padding-right: 5px;
}

	.siTitle a:link,
	.siTitle a:visited,
	.niTitle a:link,
	.niTitle a:visited,
	.sqTitle a:link,
	.sqTitle a:visited {
		color: #313131;
		font-size: 12px;
		text-decoration: none;
	}

	.niTitle a:hover,
	.siTitle a:hover,
	.sqTitle a:hover {
		text-decoration: underline;
	}

.siCode {
	color: #999999;
	font-size: 11px;
	padding-left: 6px;
}

.niCode {
	color: #999999;
	font-size: 11px;
	padding-left: 0px;
	float: left;
	display: block;
	padding-top: 5px;
}

.niCode2 {
	color: #666666;
	font-size: 11px;
	padding-left: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 80px;
	display: block;
}

.niCode {
	padding-left: 0px;
}

.siCompare {
	color: #666666;
	font-size: 11px;
	padding-left: 3px;
}

.siQuantity {
	float: left;
	width: 57px;
	padding-top: 35px;
	color: #313131;
	font-size: 11px;
}

.niQuantity {
	float: left;
	width: 57px;
	padding-top: 18px;
	color: #313131;
	font-size: 11px;
}

.siBuyBlock {
	float: left;
	width: 260px;
}

.siBuy {
	float: right;
	padding-top: 3px;
	color: #666666;
	font-size: 11px;
	text-align: right;
}

.sia {
	float: right;
	padding-top: 1px;
	padding-left: 0px;
	font-size: 10px;
}

.sib {
	float: right;
	padding-top: 2px;
	padding-left: 3px;
}

.siPrice {
	height: 15px;
	text-align: left;
	vertical-align: bottom;
	display: block;
	padding-top: 4px;
	color: #78b100;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	float: left;
	width: 80px;
	padding-left: 5px;
}

	.siPrice span {
		text-align: right;
		color: #78b100;
		font-size: 12px;
		font-weight: bold;
	}

.siPriceNot {
	float: left;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	text-decoration: line-through;
	padding-top: 11px;
	height: 15px;
	margin-left: 50px;
	width: 120px;
}

.itemPrice {
	color: #78b100;
	font-size: 12px;
	font-weight: bold;
}

.sqPrice {
	height: 34px;
	text-align: right;
	vertical-align: bottom;
	display: block;
	color: #78b100;
	font-size: 12px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 10px;
	float: right;
	width: 80px;
}

.sqPriceNot {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: line-through;
	height: 12px;
}

.niBuyBlock {
	float: left;
	display: block;
	padding-top: 15px;
}

.niPrice {
	height: 10px;
	text-align: left;
	vertical-align: bottom;
	display: block;
	padding-top: 4px;
	color: #78b100;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	float: left;
	width: 60px;
}

	.niPrice span {
		text-align: right;
		color: #78b100;
		font-size: 12px;
		font-weight: bold;
	}

.niPriceNot {
	float: left;
	padding: 0;
	margin: 0;
	padding-right: 0px;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: line-through;
	width: 50px;
	text-align: right;
	padding-top: 4px;
	border: 1px solid white;
}

.niBuy {
	color: #666666;
	font-size: 11px;
	float: right !important;
	display: block;
	width: 275px;
	text-align: right;
}

.nia {
	margin: 0;
	padding: 0;
	float: left;
	width: 250px;
	font-size: 10px;
}

.nib {
	float: right;
	padding-top: 1px;
	padding-left: 3px;
}


.sqPriceNot {
	float: right;
	padding: 0;
	margin: 0;
	padding-right: 14px;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: line-through;
}

/***********************************************************************
* catalog compare
/***********************************************************************/

.cmpTextLeft {
	float: left;
	color: #313131;
	font-size: 11px;
	width: 105px;
}

.cmpTextRight {
	float: right;
	color: #313131;
	font-size: 11px;
	width: 130px;
}

.cmpTextLeftWide {
	float: right;
	color: #313131;
	font-size: 11px;
	width: 200px;
	padding-top: 10px;
	text-align: right;
	padding-right: 16px;
}

.cmpPrice {
	color: #78b100;
	font-size: 12px;
	font-weight: bold;
}

.cmpLinkText a {
	color: #78b100;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

	.cmpLinkText a:hover {
		color: #000000;
		text-decoration: underline;
	}

.cmpRemove a {
	float: right;
	padding-right: 18px;
	color: #CC0000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

	.cmpRemove a:hover {
		float: right;
		color: #CC0000;
		text-decoration: underline;
	}

.itemCompareGrayCell {
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	background-color: #F4F4F4;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 4px;
}

.itemCompareGrayCellBottom {
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	background-color: #F4F4F4;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 4px;
}

.itemCompareWhiteCell {
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 4px;
}

.itemCompareWhiteCellBottom {
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 4px;
}

.LinkText a {
	color: #78b100;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

	.LinkText a:hover {
		color: #000000;
		text-decoration: underline;
	}

.LinkText2 a {
	color: #78b100;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

	.LinkText2 a:hover {
		color: #000000;
		text-decoration: underline;
	}

.detailItemName {
	float: left;
	width: 480px;
	font-weight: bold;
	font-size: 16px;
	font: Tahoma;
}

.detailText {
	color: #313131;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 5px;
}

	.detailText span {
		font-weight: bold;
	}

.detailPriceNot {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: line-through;
	padding-left: 5px;
}

.detailPrice {
	color: #78b100;
	font-size: 12px;
	font-weight: bold;
}

.detailPriceMain {
	float: left;
	width: 360px;
}

/***********************************************************************
* Cart styles
/***********************************************************************/

.CartTitle,
.cartTableCellHd,
.cartTableLeft,
.cartTableRight {
	background-image: url(../Images/design/contentHeader.gif);
	background-repeat: repeat-x;
	/*width:4px;*/
	height: 31px;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

	.CartTitle p,
	.cartTableCellHd p {
		color: #ffffff;
		font-weight: bold;
		font-size: 11px;
		text-align: center;
	}

.cartTableCellHd2 {
	height: 31px;
	color: #636163;
	font-weight: bold;
	font-size: 11px;
}

.cartTableCellHd a:link,
.cartTableCellHd a:visited {
	color: #ffffff;
	text-decoration: none;
}

.cartTableCellHd a:hover {
	color: #ffffff;
	text-decoration: underline;
}



.cartTableCellHd2 a:link,
.cartTableCellHd2 a:visited {
	color: #ffffff;
	text-decoration: none;
}

.cartTableCellHd2 a:hover {
	color: #ffffff;
	text-decoration: underline;
}



.cartTableCell {
	border-bottom: 1px solid #efebef;
}

	.cartTableCell,
	.cartTableCell p {
		padding: 3px 6px 3px 6px;
		color: #636563;
		font: Tahoma;
		font-size: 11px;
		text-align: center;
	}

		.cartTableCell a:link,
		.cartTableCell a:visited {
			color: #313031;
			text-decoration: none;
		}

		.cartTableCell a:hover {
			color: #313031;
			text-decoration: underline;
		}

.cartTableCell2,
.cartTableCell2 p {
	padding: 3px 6px 3px 6px;
	color: #636563;
	font: Tahoma;
	font-size: 11px;
	text-align: center;
}

	.cartTableCell2 a:link,
	.cartTableCell2 a:visited {
		color: #313031;
		text-decoration: none;
	}

	.cartTableCell2 a:hover {
		color: #313031;
		text-decoration: underline;
	}


.tableSpaces td {
	padding: 3px 6px 3px 6px;
	color: #636563;
	font: Tahoma;
	font-size: 11px;
	text-align: left;
}

.tableSpaces2 td {
	color: #636563;
	font: Tahoma;
	font-size: 11px;
}

.subtotalsCellVal {
	padding: 3px 6px 3px 6px;
	color: #636563;
	font: Tahoma;
	font-size: 11px;
	text-align: left;
}

.subtotalsCellFinal td {
	padding: 3px 6px 3px 6px;
	color: #636563;
	font: Tahoma;
	font-size: 12px;
}

.subtotalsCellFinal a:link,
.subtotalsCellFinal a:visited {
	color: #6b9e21;
	text-decoration: underline;
}

.subtotalsCellFinal a:hover {
	color: #6b9e21;
	text-decoration: none;
}

.subtotalsCellValRed {
	padding: 3px 6px 3px 6px;
	color: #636563;
	font: Tahoma;
	font-size: 13px;
	text-align: left;
	color: #ff0000;
}

/***********************************************************************
* UpdateProgress
/***********************************************************************/
#loader-wrapper,
#loader-wrapper2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 100000;
}

#loader,
#loader2 {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3498db;
	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

	#loader:before,
	#loader2:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #e74c3c;
		-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}

	#loader:after,
	#loader2:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f9c922;
		-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg); /* IE 9 */
		transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
	}

	100% {
		-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg); /* IE 9 */
		transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg); /* IE 9 */
		transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
	}

	100% {
		-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg); /* IE 9 */
		transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
	}
}

.TransparentGrayBackground {
	position: fixed;
	top: 0;
	left: 0;
	background-color: Gray;
	filter: alpha(opacity=0);
	opacity: 0;
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%
}

.TransparentGrayBackground2 {
	position: fixed;
	top: 0;
	left: 0;
	background-color: Gray;
	filter: alpha(opacity=60);
	opacity: 0.6;
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%
}

.Sample1PageUpdateProgress {
	background-color: #CF4342;
	color: #fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

/* Style class for Sample2 */
.Sample2PageUpdateProgress {
	background-color: #CF4342;
	color: #fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 88%;
}

/* Style classes for Sample3 */
.Sample3PageUpdateProgress {
	background-color: #CF4342;
	color: #fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 88%;
}


/* Style classes for Sample4 */
.Sample4PageUpdateProgress {
	background-color: #CF4342;
	color: #fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	top: 0;
	left: 88%;
}


/* Style classes for Sample5 */
.Sample5PageUpdateProgress {
	background-color: #195BA4;
	color: #fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	font-size: 12px;
	bottom: 50%;
	left: 45%;
}


/* Style classes for Sample6 */
.Sample6PageUpdateProgress {
	background-color: #CF4342;
	color: #fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	bottom: 50%;
	left: 45%;
}


/* Style classes for Sample7 */
.Sample7PageUpdateProgress {
	background-color: #CF4342;
	color: #fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
}
/*************************************************************
* Tabs control
*************************************************************/

/* root element for tabs  */
ul.tabs {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	height: 29px;
	border-bottom: 2px solid #e1e1e1;
}

	/* single tab */
	ul.tabs li {
		float: left;
		padding: 0;
		margin: 0 !important;
		list-style-image: none !important;
		width: 138px;
		text-align: center;
	}

	/* link inside the tab. uses a background image */
	ul.tabs a {
		background: url(../Images/design/tabOff.jpg) no-repeat 0 0;
		float: left;
		font-size: 12px;
		display: block;
		height: 29px;
		line-height: 24px;
		width: 138px;
		text-align: center;
		text-decoration: none;
		color: #333333;
		padding: 0px;
		margin: 0px;
		font-weight: normal;
		position: relative;
		top: 1px;
		border-bottom: 2px solid #ffffff;
	}

		ul.tabs a:active {
			outline: none;
			text-decoration: none;
		}

		/* when mouse enters the tab move the background image */
		ul.tabs a:hover {
			background: url(../Images/design/tabOff.jpg) no-repeat 0 0;
			background-color: #ffffff;
			color: #000;
			text-decoration: underline;
			border-bottom: 2px solid #ffffff;
			cursor: pointer;
		}

		/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
		ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
			background: url(../Images/design/tabOn.jpg) no-repeat 0 0;
			cursor: default !important;
			color: #86ab42 !important;
			font-weight: bold;
			text-decoration: none;
		}

.tabs img {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 118px;
	top: 5px;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.w1 {
	background-position: -519px 0;
	width: 134px;
}

	ul.tabs a.w1:hover {
		background-position: -519px -31px;
	}

	ul.tabs a.w1.current {
		background-position: -519px -62px;
	}

/* width 2 */
ul.tabs a.w2 {
	background-position: -366px -0px;
	width: 154px;
}

	ul.tabs a.w2:hover {
		background-position: -366px -31px;
	}

	ul.tabs a.w2.current {
		background-position: -366px -62px;
	}


/* width 3 */
ul.tabs a.w3 {
	background-position: -193px -0px;
	width: 174px;
}

	ul.tabs a.w3:hover {
		background-position: -193px -31px;
	}

	ul.tabs a.w3.current {
		background-position: -193px -62px;
	}

/* width 4 */
ul.tabs a.w4 {
	background-position: -0px -0px;
	width: 194px;
}

	ul.tabs a.w4:hover {
		background-position: -0px -31px;
	}

	ul.tabs a.w4.current {
		background-position: -0px -62px;
	}

/* tabs */
ul#tabs {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

#player3 object {
	z-index: 10000;
}

ul#tabs li {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-image: none;
}

#content ul#tabs li a {
	display: block;
	height: 33px;
	overflow: hidden;
	text-indent: -999em;
	width: 189px;
	padding: 0px;
	margin: 0px;
}

#content #tabs #t1 {
	background-position: 0 0;
}

#content #tabs #t2 {
	background-position: -189px 0;
}

#content #tabs #t3 {
	background-position: -378px 0;
}

#content #tabs #t4 {
	background-position: -567px 0;
	width: 192px;
}

#content #tabs #t1:hover {
	background-position: 0 -33px;
}

#content #tabs #t2:hover {
	background-position: -189px -33px;
}

#content #tabs #t3:hover {
	background-position: -378px -33px;
}

#content #tabs #t4:hover {
	background-position: -567px -33px;
}

#content #tabs a.active {
	cursor: default;
}

#content #tabs #t1.active {
	background-position: 0 -66px;
}

#content #tabs #t2.active {
	background-position: -189px -66px;
}

#content #tabs #t3.active {
	background-position: -378px -66px;
}

#content #tabs #t4.active {
	background-position: -567px -66px;
}


#panes {
	width: 460px;
	float: left;
	color: #fff;
	position: relative;
	z-index: 1;
	font-family: verdana;
	font-size: 12px;
	margin-top: 20px;
}

	#panes input, #panes textarea {
		width: 420px;
		font-size: 12px;
		font-family: verdana;
		border: 1px inset #ebebeb;
		padding: 2px;
	}

	#panes textarea {
		padding: 4px;
	}


	#panes label.left {
		float: left;
		margin-right: 15px;
	}

		#panes label.left input {
			width: 180px;
		}

	#panes h2 {
		margin-top: 0px !important;
	}

/* initially all panes are hidden */
div.panes div.pane {
	display: none;
}

#tab_panes {
	position: relative;
	top: -1px;
	height: 448px;
	overflow: hidden;
	width: 757px;
}

/* tab pane styling */
div.panes div.tabWindow {
	display: none;
	padding: 15px 9px;
	border: 2px solid #ebebeb;
	border-top: 0;
	font-size: 14px;
	background-color: #fff;
}

div.panes div.tabWindow2 {
	display: none;
	padding: 15px 2px;
	border: 2px solid #ebebeb;
	border-top: 0;
	font-size: 14px;
	background-color: #fff;
}

.tabCell {
	background-color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	font-size: 12px;
	font-family: Arial;
	color: #000000;
}

.tabCellTitle {
	background-color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	font-size: 10px;
	font-family: Arial;
	color: #000000;
	font-weight: bold;
}

.linkTab1:link,
.linkTab2:link,
.linkTab3:link {
	background: url(../Images/design/tab_1_off.gif) no-repeat 0 0;
}

.linkTab1:hover {
	background: url(../Images/design/tab_1_on.gif) no-repeat 0 0;
}


.smallCtWhiteTab {
	width: 759px;
	height: 129px;
	background-color: #FFFFFF;
	float: left;
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	padding-top: 4px;
	padding-left: 4px;
}

.smallCtWhiteLine {
	width: 765px;
	height: 1px;
	border-bottom: 1px solid #C4C4C4;
}

.itemBoxCartSmall3 {
	display: block;
	float: left;
	width: 115px;
	height: 130px;
	padding-top: 5px;
	padding-right: 5px;
	color: #004276;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
}


/***********************************************************************
* content styles
/***********************************************************************/

.itemDetailsCell {
	border-bottom: 1px solid #DFDFDF;
	height: 1px;
	text-align: right;
	font-size: 0px;
}

.itemDetailsProperty {
	width: 122px;
	color: #666666;
}

/*****************************************************************/
/* view details
/*****************************************************************/

.viewCell,
.viewCellWhite {
	background-color: #f7f7f7;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	font-size: 12px;
	font-family: Arial;
	width: 280px;
	color: #000000;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

.viewCellWhite {
	background-color: #ffffff;
}

.viewCellAlt,
.viewCellAltWhite {
	background-color: #fcfcfc;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
	background-color: #f7f7f7;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	vertical-align: top;
	padding-right: 3px;
}

.viewCellAltWhite {
	background-color: #ffffff;
}

.viewImage {
	padding-left: 0px;
	padding-top: 0px;
	/*background-image: url(../Images/design/bigImg.gif);
	background-repeat:no-repeat;
	background-position:center;*/
}

.viewImageSmall {
	padding-left: 10px;
	padding-top: 0px;
}

.wiewIcons {
	/*
	padding-left:18px;
	*/
	height: 60px;
	background-image: url(../Images/design/dotline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 14px;
	padding-top: 3px;
}

/*************************************************************
* Images galery
*************************************************************/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 70px;
}

	/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
	.scrollable .items {
		/* this cannot be too large */
		width: 20000em;
		position: absolute;
		clear: both;
	}

	/* single scrollable item */
	.scrollable img {
		float: left;
		margin: 1px 1px 1px 1px;
		background-color: #fff;
		padding: 2px;
		border: 1px solid #ccc;
		cursor: pointer;
		/*width:40px;
	height:25px;*/
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	/* active item */
	.scrollable .active {
		border: 2px solid #000;
		position: relative;
	}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background: url(../Images/design/hori_large.png) no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin: 2px 2px;
	cursor: pointer;
	font-size: 1px;
	display: none;
}

/* right */
a.right {
	background-position: 0 -30px;
	clear: right;
	margin-right: 0px;
}

	a.right:hover {
		background-position: -30px -30px;
	}

	a.right:active {
		background-position: -60px -30px;
	}


/* left */
a.left {
	margin-left: 0px;
}

	a.left:hover {
		background-position: -30px 0;
	}

	a.left:active {
		background-position: -60px 0;
	}

/* up and down */
a.up, a.down {
	background: url(../Images/design/vert_large.png) no-repeat;
	float: none;
	margin: 2px 2px;
}

	/* up */
	a.up:hover {
		background-position: -30px 0;
	}

	a.up:active {
		background-position: -60px 0;
	}

/* down */
a.down {
	background-position: 0 -30px;
}

	a.down:hover {
		background-position: -30px -30px;
	}

	a.down:active {
		background-position: -60px -30px;
	}


/* disabled navigational button */
a.disabled {
	visibility: hidden !important;
}

======= .galleryLine {
	width: 300px;
	padding-top: 2px;
}

/***************************************************************************/
/* cart page
/**************************************************************************/

.stepTable {
	width: 210px;
	padding-left: 5px;
}

.cartStep,
.cartStepActive {
	color: #636563;
	font-weight: normal;
	font-size: 11px;
	padding-right: 5px;
}

.cartStepActive {
	color: #636563;
	font-weight: normal;
	font-size: 11px;
}

	.cartStep a:link,
	.cartStep a:visited,
	.cartStepActive a:link {
		font-weight: normal;
		color: #636563;
		text-decoration: none;
	}

	.cartStepActive a:visited {
		font-weight: bold;
		color: #6b9e21;
		text-decoration: none;
		font-size: 11px;
	}

	.cartStep a:hover,
	.cartStepActive a:hover {
		color: #6b9e21;
		text-decoration: none;
	}

.stepNumber,
.stepNumberActive {
	font: Tahoma;
	font-size: 16px;
	color: #636563;
	font-weight: normal;
	padding-right: 5px;
}

.stepNumberActive {
	color: #636563;
}

.cartSeparator {
	display: block;
	float: left;
	width: 109px;
	text-align: center;
	padding-top: 40px;
}

.CartRemoveSpan a:link,
.CartRemoveSpan a:visited {
	color: #b50000;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

.CartRemoveSpan a:hover {
	color: #b50000;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

.cartTableCellSmall,
.cartTableCellSmallRight {
	padding: 3px 2px 3px 2px;
	color: #343434;
	font: Tahoma;
	font-size: 13px;
}

.cartTableCellSmallRight {
	text-align: right;
	padding-right: 3px;
}

.cartPrice {
	color: #6b9e21;
}

.textBold {
	font-weight: bold;
	height: 40px;
}

.plBtnBottomOL {
	font-family: tahoma;
	font-size: 14px;
	color: #000000;
	text-align: right;
	padding-right: 15px;
}

.plBtnBottomOL2 {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-align: right;
	padding-right: 15px;
}

.tableSelSettingsRight,
.tableSelSettingsLeft {
	padding: 3px 0px 3px 0px;
	color: #666666;
	font: Tahoma;
	font-size: 14px;
	text-align: left;
}

.tableSelSettings h3 {
	font: Tahoma;
	font-size: 18px;
}

.tableSelSettingsLeft label {
	padding: 3px 0px 3px 0px;
	color: #666666;
	font: Tahoma;
	font-size: 12px;
	text-align: left;
}


.tableSelSettings {
	font: Tahoma;
	font-size: 12px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000000;
}

.RequiredFieldMark {
	font: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #bd0000;
}

.userInfoTable td {
	padding: 3px 0px 3px 0px;
	color: #666666;
	font: Tahoma;
	font-size: 12px;
	text-align: left;
}

.userInfoTable a:link,
.userInfoTable a:visited {
	color: #86ab42;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}

.userInfoTable a:hover {
	color: #86ab42;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

.myAdressEdit {
	width: 300px;
}

.myAdressEditBtns {
	padding-top: 10px;
}

.driver {
	background-color: #efeff7;
}

.bottomBtns {
	margin: 0;
	padding: 0;
}

	.bottomBtns p {
		margin: 0;
		padding: 0;
		line-height: 30px;
	}

.selectedPage {
	color: #313031;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
}

/**************************************************************************
* New global
/**************************************************************************/
strong {
	font-weight: 700;
}

header {
	margin-top: 10px;
	position: relative;
}

#pageTitle, .pageTitle {
	border-bottom: 1px solid #DDDDDD;
	font-size: 21px;
	line-height: 1;
	margin-bottom: 0;
	padding-bottom: 15px;
}

#preorderPageTitle,
#orderPageTitle {
	float: left;
	font-size: 21px;
	line-height: 1;
	padding: 0 0 0;
	margin: 0;
}

#preorderButton {
	margin: 0 15px 0 0;
	float: left;
}

.nothingToShow {
	color: #BFC3C5;
	font-family: Verdana;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
}

.MainFooter {
	padding-top: 20px;
}

	.MainFooter table {
		height: auto !important;
	}

.WideWindow {
	width: 100%;
}

.StandartWindow, .StandartWindow > table {
	height: 100%;
	margin: 0 auto;
	width: 980px;
}

input[type=text] {
	padding-left: 4px;
}

.ui-widget[aria-describedby=popUpShowHelpForm] {
	background-image: url(../Images/design/helpBcgr.jpg) !important;
	background-size: auto;
}

.rowBlock {
	display: block;
	font-size: 11px;
	line-height: 25px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-family: "Open Sans" !important;
	position: relative;
}

	.rowBlock:after {
		content: '';
		clear: both;
		display: block;
	}

.rowFlex {
	display: flex;
	font-size: 11px;
	line-height: 25px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-family: "Open Sans" !important;
}

	.rowFlex:after {
		content: '';
		clear: both;
		display: block;
	}


.noBorder {
	border: none !important;
}
/**************************************************************************
* New top menu
/**************************************************************************/

/**************************************************************************
* New left menu
/**************************************************************************/
.leftMenu {
	margin-right: 40px;
	margin-top: 20px;
	width: 100px;
}

	.leftMenu li:first-of-type {
		border-top: 1px solid #dddddd;
	}

	.leftMenu li {
		border-bottom: 1px solid #dddddd;
	}

.designer1_ctl03_DataGrid1_ob_DataGrid1MainContainer {
	font-family: "Open Sans" !important;
}

body {
	font-family: "Open Sans" !important;
}

.leftMenu li a {
	font-size: 100%;
	font-family: "Open Sans" !important;
	color: #000000;
	display: block;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: 700;
	line-height: 15px;
	padding: 15px 6px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

	.leftMenu li a:hover {
		text-decoration: underline;
	}

	.leftMenu li a.active {
		background-color: #dddddd;
	}

		.leftMenu li a.active:after {
			border-bottom: 7px solid transparent;
			border-left: 7px solid #dddddd;
			border-top: 7px solid transparent;
			bottom: 0;
			content: "";
			display: block;
			height: 0;
			margin: auto 0;
			position: absolute;
			right: -7px;
			top: 0;
			width: 0;
		}

/**************************************************************************
* New site content
/**************************************************************************/
.siteCt h1.pageTitle {
	border-bottom: 1px solid #DDDDDD;
	font-size: 21px;
	line-height: 1;
	margin-top: 18px;
	margin-bottom: 22px;
	padding-bottom: 16px;
	width: 820px;
}

.siteCt p {
	color: #000000;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 140%;
	margin-bottom: 16px;
}

.siteCt ul.list {
	color: #000000;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 140%;
	list-style: circle;
	margin-bottom: 16px;
	margin-left: 18px;
}

.contactTable {
	font-family: Verdana;
	line-height: 24px;
}

.contactTitle {
	border-right: 1px solid #BBBBBB;
	color: #B8B8B8;
	font-size: 11px;
	font-weight: 400;
	padding-right: 17px;
	text-align: right;
	width: 75px;
}

.contactText {
	color: black;
	font-size: 12px;
	font-weight: 700;
	padding-left: 17px;
}
/**************************************************************************
* New dxpc popup
/**************************************************************************/
.popup {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px 4px rgba(66,97,20,0.3);
	-moz-box-shadow: 0px 0px 5px 4px rgba(66,97,20,0.3);
	box-shadow: 0px 0px 5px 4px rgba(66,97,20,0.3);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 20px 25px;
	position: absolute;
	width: 480px;
	z-index: 20;
}

.popupPanel, .popupPanel_2, .popupPanel_3 {
	font-family: Verdana;
	font-size: 11px;
	line-height: 30px;
	margin-bottom: 14px;
	position: relative;
	vertical-align: middle;
}

	.popupPanel:after, .popupPanel_2:after, .popupPanel_3:after {
		content: '';
		clear: both;
		display: block;
	}

	.popupPanel_2 > * {
		display: inline-block;
		vertical-align: middle;
		width: 250px;
	}

		.popupPanel_2 > * > * {
			vertical-align: middle;
		}

	.popupPanel_3 > div {
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}

		.popupPanel_3 > div:first-of-type {
			margin-right: 40px;
		}

	.popupPanel_3 input {
		width: 140px;
	}

	.popupPanel_3 select {
		width: 145px;
	}

.popup h1 {
	margin-top: 0;
}

.btnClose {
	background-color: #000000;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #393939), color-stop(1, #000000) );
	background-image: -o-linear-gradient(bottom, #393939 0%, #000000 100%);
	background-image: -moz-linear-gradient(bottom, #393939 0%, #000000 100%);
	background-image: -webkit-linear-gradient(bottom, #393939 0%, #000000 100%);
	background-image: -ms-linear-gradient(bottom, #393939 0%, #000000 100%);
	background-image: linear-gradient(to bottom, #393939 0%, #000000 100%);
	border: 1px solid #5C5C5C;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #FFFFFF !important;
	display: block;
	font-family: Tahoma;
	font-size: 10px;
	height: 19px;
	line-height: 19px;
	padding: 0 5px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-transform: uppercase;
}

	.btnClose:after {
		content: "\f00d";
		display: inline-block;
		font-family: FontAwesome;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		margin-left: 5px;
		-webkit-font-smoothing: antiliased;
		-moz-osx-font-smoothing: grayscale;
	}

	.btnClose:hover {
		text-decoration: underline;
	}

.dxpcControl {
	background-color: #FFFFFF;
	border: none !important;
	-webkit-box-shadow: 0px 0px 5px 4px rgba(66,97,20,0.3);
	-moz-box-shadow: 0px 0px 5px 4px rgba(66,97,20,0.3);
	box-shadow: 0px 0px 5px 4px rgba(66,97,20,0.3);
	margin: auto;
	padding: 20px 25px;
	width: 480px;
	z-index: 20;
}

.dxpcHeader {
	background-color: #FFFFFF !important;
	border-bottom: 1px solid #DDDDDD !important;
	margin-bottom: 0;
	padding: 0 0 15px 0 !important;
}

	.dxpcHeader td.dxpc {
		color: #000000 !important;
		font-size: 21px !important;
		font-weight: 700 !important;
		line-height: 1;
	}

.dxpcContent {
	font-family: Verdana;
	font-size: 11px;
	line-height: 30px;
	margin-bottom: 14px;
	padding: 0 !important;
	position: relative;
	vertical-align: middle;
}

	.dxpcContent .popupPanel {
		margin-bottom: 0 !important;
	}

	.dxpcContent .popupPanel_2 {
		margin-top: 14px;
	}

		.dxpcContent .popupPanel_2 > * {
			width: auto;
		}

/**************************************************************************
* New jQuery popup
/**************************************************************************/
.ui-widget-overlay {
	background-image: none !important;
	background-color: #FFFFFF !important;
	opacity: .75 !important;
}

.ui-dialog {
	background-color: #FFFFFF !important;
	background-image: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: 0px 0px 5px 4px rgba(66,97,20,0.3);
	-moz-box-shadow: 0px 0px 5px 4px rgba(66,97,20,0.3);
	box-shadow: 0px 0px 5px 4px rgba(66,97,20,0.3);
	padding: 20px 25px !important;
}

	.ui-dialog .ui-dialog-titlebar {
		margin: 0 0 14px 0 !important;
		padding: 0 0 14px 0 !important;
	}

.ui-widget-header {
	border: none !important;
	border-bottom: 1px solid #DDD !important;
	background: none !important;
	color: #000000 !important;
	font-size: 21px;
	line-height: 1;
}

.ui-dialog .ui-dialog-titlebar-close {
	background-color: #000000 !important;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #393939), color-stop(1, #000000) ) !important;
	background-image: -o-linear-gradient(bottom, #393939 0%, #000000 100%) !important;
	background-image: -moz-linear-gradient(bottom, #393939 0%, #000000 100%) !important;
	background-image: -webkit-linear-gradient(bottom, #393939 0%, #000000 100%) !important;
	background-image: -ms-linear-gradient(bottom, #393939 0%, #000000 100%) !important;
	background-image: linear-gradient(to bottom, #393939 0%, #000000 100%) !important;
	border: 1px solid #5C5C5C !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	color: #FFFFFF !important;
	display: block !important;
	font-family: Tahoma !important;
	font-size: 10px !important;
	height: 19px !important;
	line-height: 19px !important;
	margin: 0 !important;
	padding: 0 5px !important;
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	width: auto !important;
}

	.ui-dialog .ui-dialog-titlebar-close span {
		display: none !important;
	}

	.ui-dialog .ui-dialog-titlebar-close:before {
		content: "Uždaryti";
		display: inline-block;
	}

	.ui-dialog .ui-dialog-titlebar-close:after {
		content: "\f00d";
		display: inline-block;
		font-family: FontAwesome;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		margin-left: 5px;
		-webkit-font-smoothing: antiliased;
		-moz-osx-font-smoothing: grayscale;
	}

	.ui-dialog .ui-dialog-titlebar-close:hover:before {
		text-decoration: underline;
	}

.ui-dialog .ui-dialog-content {
	font-family: Verdana !important;
	font-size: 11px !important;
	line-height: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
}

#popupItemEditDiv {
	min-height: 10rem !important;
}

.ItemPriceInputs .imageSpace {
	border: 1px solid #DDDDDD;
	height: 9rem;
	margin-right: 1rem;
	position: relative;
	text-align: center;
	width: 14rem;
}

	.ItemPriceInputs .imageSpace img {
		margin: auto;
		max-height: 9rem;
		max-width: 14rem;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

.ItemPriceInputs .infoSpace, .ItemPriceInputs .inputSpace {
	vertical-align: top;
}

.ItemPriceInputs .infoSpace {
	margin-right: 1rem;
	width: 225px;
	/*225px*/
}

.ItemPriceInputs .infoSpaceTitle {
	font-weight: 700;
	width: 100px;
}

.ItemPriceInputs .inputSpaceTitle {
	font-weight: 700;
	width: 144px;
}

.ItemPriceInputs .inputStyleNormal {
	margin-top: -2px;
	width: 100px;
}
/**************************************************************************
* New Account Overview window
/**************************************************************************/
.AcOvTable {
	border-bottom: 1px solid #BFC3C6;
	margin-top: 20px;
	width: 100%;
}

	.AcOvTable tr:nth-of-type(odd) {
		background-color: #EEEEEE;
	}

	.AcOvTable th, .AcOvTable td {
		border-right: 1px solid #BFC3C6;
		height: 40px;
		vertical-align: middle;
		text-align: center;
	}

		.AcOvTable th:last-child, .AcOvTable td:last-child {
			border-right: none;
		}

	.AcOvTable th {
		background-color: #B1B5D3;
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ADAFB2), color-stop(1, #B1B5D3) );
		background-image: -o-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%);
		background-image: -moz-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%);
		background-image: -webkit-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%);
		background-image: -ms-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%);
		background-image: linear-gradient(to bottom, #ADAFB2 0%, #B1B5D3 100%);
		color: #343434;
		font-size: 10px;
		font-weight: 700;
	}

	.AcOvTable td {
		font-size: 12px;
	}

.storeStatisticsGridBack {
	background-color: #E0E5EB;
	margin-top: 20px;
	padding: 20px;
}

.storeStatisticsGrid {
	width: 100%;
}

	.storeStatisticsGrid td {
		border-right: 1px solid #BBBBBB;
		color: black;
		font-size: 11px;
		font-weight: 400;
		padding: 9px 20px;
		text-align: right;
		width: 70%;
	}

	.storeStatisticsGrid .firstRow td {
		padding-top: 1px;
	}

	.storeStatisticsGrid .lastRow td {
		padding-bottom: 1px;
	}

	.storeStatisticsGrid td:nth-of-type(2n) {
		border: none;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: 700;
		text-align: left;
		width: 30%;
	}

/**************************************************************************
* New Profile window
/**************************************************************************/
.rightSide {
	width: 817px;
}

.infoGridBack {
	background-color: #E0E5EB;
	margin-top: 20px;
	padding: 20px;
}

.infoGrid {
	width: 100%;
}

	.infoGrid td {
		border-right: 1px solid #BBBBBB;
		color: black;
		font-size: 11px;
		font-weight: 400;
		padding: 9px 20px;
		text-align: right;
	}

	.infoGrid .firstRow td {
		padding-top: 1px;
	}

	.infoGrid .lastRow td {
		padding-bottom: 1px;
	}

	.infoGrid td:nth-of-type(odd) {
		padding-left: 0;
		width: 95px;
	}

	.infoGrid td:nth-of-type(2n) {
		border: none;
		color: black;
		font-size: 12px;
		font-weight: 700;
		padding-right: 0;
		text-align: left;
	}

.infoGridHeader {
	display: block;
	font-size: 11px;
	line-height: 25px;
	position: relative;
}

	.infoGridHeader:after {
		content: '';
		clear: both;
		display: block;
	}

.infoGridHeader {
	margin-top: 15px;
}

	.infoGridHeader .inlineLink {
		color: #464849;
		float: right;
		font-size: 10pt;
		font-weight: 700;
		margin-left: 15px;
	}

		.infoGridHeader .inlineLink:before {
			color: #B1B5D3;
			content: "\f111";
			display: inline-block;
			font-family: FontAwesome;
			font-size: 9px;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			margin-right: 13px;
			-webkit-font-smoothing: antiliased;
			-moz-osx-font-smoothing: grayscale;
		}

		.infoGridHeader .inlineLink:after {
			content: "\f0c9";
			display: inline-block;
			font-family: FontAwesome;
			font-size: 14px;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			margin-left: 12px;
			-webkit-font-smoothing: antiliased;
			-moz-osx-font-smoothing: grayscale;
		}

		.infoGridHeader .inlineLink:hover {
			cursor: pointer;
			text-decoration: underline;
		}

		.infoGridHeader .inlineLink a {
			color: inherit;
			text-decoration: none;
		}

/**************************************************************************
* New assortment window styles
/**************************************************************************/
.AssortmentGrid .ob_gCSContLevel {
	width: 840px !important;
}

.AssortmentGrid .ob_gCSet {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 20px !important;
}

	.AssortmentGrid .ob_gCSet:nth-of-type(1) {
		width: 250px !important;
	}

	.AssortmentGrid .ob_gCSet:nth-of-type(2) {
		width: 210px !important;
	}

	.AssortmentGrid .ob_gCSet:nth-of-type(3) {
		width: 210px !important;
	}

	.AssortmentGrid .ob_gCSet:nth-of-type(4) {
		border-right: none;
		width: 170px !important;
	}

.AssortmentGrid .ob_gBody .ob_gC_Fc div.ob_gCc2 {
	text-align: left;
}

.assortmentGridHeader {
	display: block;
	font-size: 11px;
	line-height: 25px;
	position: relative;
}

	.assortmentGridHeader:after {
		content: '';
		clear: both;
		display: block;
	}

.assortmentGridHeader {
	margin-top: 15px;
}

	.assortmentGridHeader input {
		background-color: #FFFFFF;
		color: #464849;
		font-size: 10pt;
		font-weight: 700;
	}

	.assortmentGridHeader span {
		float: right;
	}

		.assortmentGridHeader span:before {
			color: #B1B5D3;
			content: "\f111";
			display: inline-block;
			font-family: FontAwesome;
			font-size: 9px;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			margin-right: 13px;
			-webkit-font-smoothing: antiliased;
			-moz-osx-font-smoothing: grayscale;
		}

		.assortmentGridHeader span:after {
			content: "\f0c9";
			display: inline-block;
			font-family: FontAwesome;
			font-size: 14px;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			margin-left: 12px;
			-webkit-font-smoothing: antiliased;
			-moz-osx-font-smoothing: grayscale;
		}

	.assortmentGridHeader input:hover {
		cursor: pointer;
		text-decoration: underline;
	}


/**************************************************************************
* New order window styles
/**************************************************************************/
.orderHeaderBlock2, .orderHeaderBlock3, .orderHeaderBlock4, .orderHeaderBlock5 {
	display: block;
	font-size: var(--order-header-block-text-size);
	line-height: var(--order-header-block-line-height);
	font-family: "Open Sans" !important;
	position: relative;
}

	.orderHeaderBlock2:after, .orderHeaderBlock3:after, .orderHeaderBlock4:after, .orderHeaderBlock5:after {
		content: '';
		clear: both;
		display: block;
	}

.orderHeaderBlock1 {
	font-family: "Open Sans" !important;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 0px;
	padding: 15px 0;
}

	.orderHeaderBlock1 .bold, .orderHeaderBlock1 select, .orderHeaderBlock3 select, .orderHeaderBlock3 input {
		margin-left: 7px;
		margin-right: 25px;
	}

	.orderHeaderBlock1 input, .orderHeaderBlock2 .inlineLink, .orderHeaderBlock4 select {
		float: right;
		margin-left: 10px;
	}

	.orderHeaderBlock1 .bold {
		color: black;
		font-size: 13px;
	}

.boldRed {
	color: #D90000 !important;
}

.orderHeaderBlock2 {
	border: none;
	line-height: 25px;
	margin: 15px 0;
	font-family: "Open Sans" !important;
}

	.orderHeaderBlock2 .inlineLink {
		color: #464849;
		font-size: 10pt;
		font-weight: 700;
		margin-left: 15px;
	}

		.orderHeaderBlock2 .inlineLink:before {
			color: #B1B5D3;
			content: "\f111";
			display: inline-block;
			font-family: FontAwesome;
			font-size: 9px;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			margin-right: 13px;
			-webkit-font-smoothing: antiliased;
			-moz-osx-font-smoothing: grayscale;
		}

		.orderHeaderBlock2 .inlineLink:first-of-type:after {
			content: "\f0c9";
			display: inline-block;
			font-family: FontAwesome;
			font-size: 14px;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			margin-left: 12px;
			-webkit-font-smoothing: antiliased;
			-moz-osx-font-smoothing: grayscale;
		}

		.orderHeaderBlock2 .inlineLink:hover {
			cursor: pointer;
			text-decoration: underline;
		}

		.orderHeaderBlock2 .inlineLink a, .orderHeaderBlock2 .inlineLink a:hover, .orderHeaderBlock2 .inlineLink a:visited {
			color: inherit;
			text-decoration: none;
		}

	.orderHeaderBlock2 input.inlineLink {
		background-color: transparent;
		border: none;
		line-height: 23px;
	}

.orderHeaderBlock3 > * {
	line-height: var(--order-header-block-line-height);
}

.orderHeaderFilters {
	background-color: #E0E5EB;
	color: black;
	margin: 20px 0;
	padding: 30px 30px 10px;
}

.orderHeaderBlock3, .orderHeaderBlock3 select {
	line-height: 20px;
}

	.orderHeaderBlock3 select, .orderHeaderBlock3 input {
		margin-bottom: 20px;
	}

.orderHeaderBlock4 {
}

	.orderHeaderBlock4 span {
		display: inline-block;
	}

	.orderHeaderBlock4 .searchBox {
		border: 1px solid #BFC3C6;
		/*	line-height:23px;*/
		height: 22px;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 220px;
	}

	.orderHeaderBlock4 .filterCheckBox {
		height: 22px;
		margin-right: 20px;
		margin-bottom: 20px;
		white-space: nowrap;
	}

		.orderHeaderBlock4 .filterCheckBox input, .orderHeaderBlock4 .filterCheckBox label {
			display: inline-block;
			vertical-align: top;
		}

		.orderHeaderBlock4 .filterCheckBox input {
			margin-right: 3px;
			margin-top: 6px;
		}

		.orderHeaderBlock4 .filterCheckBox label {
			/*	line-height: 22px;*/
		}

		.orderHeaderBlock4 .filterCheckBox i {
			line-height: 16px !important;
			margin: 0 7px 0 2px;
			vertical-align: middle;
		}

	.orderHeaderBlock4 .searchBtn {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		height: 22px;
		line-height: 15px;
	}

.orderHeaderBlock {
	font-family: "Open Sans" !important;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 0px;
	padding: 15px 0;
}

	.orderHeaderBlock .bold, .orderHeaderBlock select, .orderHeaderBlock select, .orderHeaderBlock input {
		margin-left: 7px;
		margin-right: 25px;
	}

	.orderHeaderBlock .bold {
		color: black;
		font-size: 14px;
	}

.itemCell {
	cursor: pointer;
	text-align: left;
}

.text-center {
	cursor: pointer;
	text-align: center;
	!important;
}

.ItemName {
	font-size: 26px;
	white-space: break-spaces;
}

.itemCell .ItemName, .itemCell .EANCode {
	display: block;
	text-align: left;
}

.itemCell .EANCode {
	font-size: 15px;
}

@media (min-width: 1200px) {
	.ItemName {
		font-size: 16px;
	}

	.itemCell .EANCode {
		font-size: 10px;
	}

	.adaptiveDisplayMax1200 {
		display: none;
	}
}

@media (max-width: 1200px) {

	input.newButtonStyle {
		font-size: 2em;
		height: 2.5em;
	}

	.orderHeaderBlock1 {
		width: 100%;
	}

	.ValidateHighlighted {
		font-size: 1.5em;
	}
}

@media (max-width: 960px) {

	.mainContent {
		min-width: unset;
	}
}


.linkDecrease {
	color: red !important;
}

.linkIncrease {
	color: green !important;
}

.backLink {
	float: right;
	font-size: 13px;
}

.sideMenu {
	border: 1px solid black;
}

	.sideMenu a {
		margin-left: 5px;
	}

.infoBox .mainText {
	margin-right: 40px;
	width: 300px;
}

.popup.profile {
	height: 341px;
	width: 560px;
}

.create {
	display: none;
	overflow: hidden; /*height:395px; width: 500px !important; */
}

	.create .fixTitle, .create .smaller {
		width: 234px;
	}

	.create input[type=checkbox] {
		margin-right: 13px;
	}

.transparentBack {
	background-image: radial-gradient(circle, rgb(198, 202, 206, 0.7) 85%, transparent 91%);
}

.popup.remind {
	width: 350px;
}

/* * * obout grid style * * */
.ob_gMCont {
	overflow: auto;
	width: 100% !important;
}

	.ob_gMCont table {
		border-collapse: collapse;
	}

		.ob_gMCont table td, .ob_gMCont table th {
			border-right: 1px solid #BFC3C6;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

			.ob_gMCont table td:last-of-type, .ob_gMCont table th:last-of-type {
				border-right: none;
			}

/* Column set style */
.ob_gCSet {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Hide cells separators */
.ob_gCS, .ob_gCS div, .ob_gCS_F, .ob_gCS_F div {
	display: none;
}

/* Icon size in grid */
.ob_gC .fa {
	color: #343434;
	font-size: 14px;
}

/* no borders */
.ob_gHCnC, .ob_gFCnC, .ob_gBLS, .ob_gBRS {
	display: none;
}

.ob_gHContWG, .ob_gBCont, .ob_gFCont {
	margin: 0 !important;
}

	.ob_gHContWG .ob_gCS div, .ob_gHContWG .ob_gCS_F div {
		background-color: #BFC3C6 !important;
		display: none;
	}

	/* table header */
	.ob_gHContWG .ob_gH .ob_gC, .ob_gHContWG .ob_gH .ob_gCW,
	.ob_gHCont .ob_gH .ob_gC, .ob_gHCont .ob_gH .ob_gCW {
		background-color: #B1B5D3 !important;
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ADAFB2), color-stop(1, #B1B5D3) );
		background-image: -o-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%) !important;
		background-image: -moz-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%) !important;
		background-image: -webkit-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%) !important;
		background-image: -ms-linear-gradient(bottom, #ADAFB2 0%, #B1B5D3 100%) !important;
		background-image: linear-gradient(to bottom, #ADAFB2 0%, #B1B5D3 100%) !important;
		color: #343434 !important;
		font-family: Tahoma;
		font-size: 14px;
		height: 40px !important;
		line-height: 1 !important;
	}

		.ob_gHContWG .ob_gH .ob_gC div.ob_gCc1, .ob_gHContWG .ob_gH .ob_gCW div.ob_gCc1 {
			padding: 0 15px 0 0px !important;
		}

.ob_gH .ob_gC div.ob_gCc2, .ob_gH .ob_gCW div.ob_gCc2, .ob_gH .ob_gC div.ob_gCc2C,
.ob_gH .ob_gCW div.ob_gCc2C, .ob_gH .ob_gC div.ob_gCc2R, .ob_gH .ob_gCW div.ob_gCc2R {
	font-weight: 700;
	line-height: 120% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	white-space: normal !important;
}

.ob_gH .ob_gC .ob_gCc1 .ob_gHSI {
	bottom: 0;
	margin: auto 0;
	right: 1px !important;
	top: 0;
}
/* table content */
.ob_gBody .ob_gC, .ob_gBody .ob_gCW {
	color: #343434 !important;
	font-family: Tahoma !important;
	font-size: 12px !important;
	line-height: 120% !important;
}

.ob_gBody div.ob_gCc2, .ob_gBody div.ob_gCc2C, .ob_gBody div.ob_gCc2R {
	margin: 0 9px !important;
	padding: 3px 0 5px 0 !important;
	text-align: center;
	white-space: normal !important;
}

	.ob_gBody div.ob_gCc2 img {
		max-width: 100%;
	}

	.ob_gBody div.ob_gCc2 input {
		border: 1px solid #BFC3C6;
		text-align: center;
		max-width: 60px;
	}

anti_ob_gCc2 {
	display: block;
	text-align: center;
}

	anti_ob_gCc2 * {
		text-align: initial;
	}

	anti_ob_gCc2 div[type="text"] * {
		opacity: 0;
	}

.ob_gBody div.ob_gCc2 anti_ob_gCc2, .ob_gBody div.ob_gCc2C anti_ob_gCc2, .ob_gBody div.ob_gCc2R anti_ob_gCc2 {
	margin: initial;
	padding: initial;
	white-space: initial;
}

	.ob_gBody div.ob_gCc2 anti_ob_gCc2 input {
		border: initial;
		text-align: initial;
		max-width: initial;
	}

.ob_gBody .ob_gR {
	background-color: #FFFFFF;
	background-image: none;
}

.ob_gBody .ob_gRA {
	background-color: #EEEEEE;
	background-image: none;
}

	.ob_gBody .ob_gR .ob_gCc1, .ob_gBody .ob_gRA .ob_gCc1 {
		color: #343434;
		font-size: 12px !important;
		line-height: 120%;
	}

	.ob_gBody .ob_gR:hover, .ob_gBody .ob_gRA:hover {
		background-color: #e5e2dc;
	}

.ob_gNRM {
	background-color: #FFFFFF !important;
	background-image: none !important;
	border: none !important;
}

	.ob_gNRM .ob_gCc1 {
		background-image: none !important;
		color: #BFC3C5 !important;
		font-weight: 700;
		height: 40px !important;
		line-height: 40px !important;
	}
/* table footer */
.ob_gFCont {
	background-image: none !important;
	border-top: 1px solid #BFC3C6 !important;
	color: #1F1A17 !important;
	font-family: Tahoma !important;
	font-size: 12px !important;
	height: 40px !important;
	line-height: 40px !important;
	padding: 0 !important;
}

.ob_gPSTT, .ob_gFEC {
	height: 40px !important;
	line-height: 40px !important;
	top: 0 !important;
}

.ob_gPSTD {
	top: 0 !important;
}

.ob_iDdlITCN {
	border: 1px solid #AAABAD !important;
	height: 18px !important;
}

.ob_iDdlITCO, .ob_iDdlITCAC, .ob_iDdlITCAO {
	border: 1px solid #B1B5D3 !important;
	height: 18px !important;
}

.ob_iDdlTL {
	display: none;
}

.ob_iDdlTR {
	background-image: none !important;
	height: 18px !important;
	line-height: 18px !important;
	width: 18px !important;
}

.ob_iDdlITCN .ob_iDdlTR:before, .ob_iDdlITCO .ob_iDdlTR:before,
.ob_iDdlITCAC .ob_iDdlTR:before, .ob_iDdlITCAO .ob_iDdlTR:before {
	display: block;
	font-family: FontAwesome;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	position: relative;
	text-align: center;
	-webkit-font-smoothing: antiliased;
	-moz-osx-font-smoothing: grayscale;
}

.ob_iDdlITCN .ob_iDdlTR:before {
	color: #1F1A17;
	content: "\f0dd";
	top: -1px;
}

.ob_iDdlITCO .ob_iDdlTR:before, .ob_iDdlITCAC .ob_iDdlTR:before {
	color: #B1B5D3;
	content: "\f0dd";
	top: -1px;
}

.ob_iDdlITCAO .ob_iDdlTR:before {
	color: #B1B5D3;
	content: "\f0de";
	font-size: 16px;
	top: 5px;
}

.ob_iDdlTC {
	background-image: none !important;
	height: 18px !important;
	line-height: 18px !important;
	margin: 0 !important;
	width: 42px !important;
}

	.ob_iDdlTC input {
		font-family: Tahoma !important;
		font-size: 12px !important;
		height: 18px !important;
		line-height: 18px !important;
		margin: 0 7px 0 0 !important;
		text-align: right !important;
		width: 35px !important;
	}

.ob_iDdlITCN .ob_iDdlIE, .ob_iDdlITCO .ob_iDdlIE,
.ob_iDdlITCAC .ob_iDdlIE, .ob_iDdlITCAO .ob_iDdlIE {
	color: #1F1A17 !important;
}
/* select popup */
.ob_iDdlIC {
	background-color: #FFFFFF !important;
}

.ob_iDdlICH, .ob_iDdlICF {
	display: none;
}

.ob_iDdlICBL, .ob_iDdlICBR {
	display: none;
}

.ob_iDdlICB {
	border: 1px solid #B1B5D3;
}

.ob_iDdlICBC {
	background-color: inherit !important;
	background-image: none !important;
}

	.ob_iDdlICBC li {
		color: #AAABAD !important;
		font-family: Tahoma !important;
		font-size: 12px !important;
	}

		.ob_iDdlICBC li.ih {
			background-image: none !important;
			color: #1F1A17 !important;
		}

			.ob_iDdlICBC li b, .ob_iDdlICBC li.ih b {
				background-image: none !important;
			}

			.ob_iDdlICBC li i, .ob_iDdlICBC li.ih i {
				background-image: none !important;
			}
/* right side */
.ob_gFP, .ob_gPBC, .ob_gPLC, .ob_gFPT {
	margin: 0 !important;
	padding: 0 !important;
}

.ob_gPBC {
	display: inline-block;
	/*	position: absolute;*/
}

	.ob_gPBC img {
		display: block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: url() no-repeat;
		width: 25px; /* Width of new image */
		height: 40px; /* Height of new image */
		margin-top: -40px; /* Equal to -height of new image */
		padding-left: 25px; /* Equal to width of new image */
		position: relative;
	}

	.ob_gPBC:before {
		display: block;
		font-family: FontAwesome;
		font-size: 15px;
		font-style: normal;
		font-weight: normal;
		line-height: 40px;
		padding: 0 7px;
		position: relative;
		-webkit-font-smoothing: antiliased;
		-moz-osx-font-smoothing: grayscale;
		width: 25px;
		text-align: center;
	}

	.ob_gPBC:nth-of-type(1):before {
		content: "\f101";
	}

	.ob_gPBC:nth-of-type(2):before {
		content: "\f105";
	}

	.ob_gPBC:nth-of-type(4):before {
		content: "\f104";
	}

	.ob_gPBC:nth-of-type(5):before {
		content: "\f100";
	}

.ob_gPLC, .ob_gPLC div {
	height: 40px !important;
	line-height: 40px !important;
}

	.ob_gPLC div {
		background-image: none !important;
		border: none !important;
		color: #1f1a17 !important;
		font-family: Tahoma !important;
		font-size: 12px !important;
		margin: 0 !important;
		padding: 0 7px !important;
	}

.ob_gPLD, .ob_gPLCLH {
	text-decoration: underline !important;
}

.ob_gPLD {
	font-weight: 700 !important;
}

.ob_gCFR .ob_gC, .ob_gCFR .ob_gCW {
	background-image: none !important;
	height: 25px !important;
	font-family: Verdana !important;
	font-size: 10px !important;
	font-weight: normal !important;
	color: #701f03 !important;
	border: none !important;
	text-align: left !important;
	line-height: normal;
}

.returnOrderItemImage {
	display: none;
	/*box-shadow: inset 0px 0px 5px #fff;*/
	box-sizing: border-box;
	margin: 5px 0;
	background-color: #f1f1f1;
	border-color: #85C229;
	max-width: 400px !important;
}

	.returnOrderItemImage.Show {
		display: inline-block;
	}


.cssOrderState {
	position: relative;
}

	.cssOrderState div.ob_gCc1 {
		bottom: 0;
		left: 0;
		padding: 0 !important;
		position: absolute;
		right: 0;
		top: 0;
	}

	.cssOrderState div.ob_gCc2 {
		display: table;
		height: 100%;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

		.cssOrderState div.ob_gCc2 > div {
			display: table-cell;
			height: 100%;
			position: relative;
			vertical-align: middle;
		}

/**************************************************************************
* New order view window styles
/**************************************************************************/
.orderView {
}

	.orderView .orderTopTitle {
		font-size: 12px;
		font-weight: 700;
	}

	.orderView .contactTable .contactTitle {
		width: 120px;
	}

	.orderView .ItemName, .orderView .EANCode {
		display: block;
		text-align: left;
	}

	.orderView .EANCode {
		font-size: 10px;
	}

	.orderView .sumTable {
		margin-left: 290px;
		width: 300px;
	}

		.orderView .sumTable td.contactTitle {
			width: 183px;
		}

		.orderView .sumTable td.contactText {
			text-align: right;
			width: 83px;
		}

	.orderView .endBtnBlock input {
		margin-left: 115px;
	}

/**************************************************************************
* New item view window styles
/**************************************************************************/
.tabContainer {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 30px;
}

input.tab, input.tabActive {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	color: #888888;
	font-size: 11px;
	font-weight: 700;
	margin-bottom: -1px;
	height: 32px;
	line-height: 30px;
	padding: 0 15px;
}

	input.tab:hover {
		cursor: pointer;
		text-decoration: underline;
	}

input.tabActive {
	border-bottom: 1px solid #FFFFFF;
	color: #B1B5D3;
}

td.itemImg {
	width: 260px;
}

	td.itemImg div {
		border: 1px solid #DDDDDD;
		text-align: center;
		width: 258px;
	}

		td.itemImg div img {
			max-width: 256px;
		}

td.itemData1 {
	width: 390px;
}

td.itemData2 {
	width: 330px;
}

.itemData1Table {
	font-family: Verdana;
	line-height: 24px;
}

.itemData1Title {
	border-right: 1px solid #DDDDDD;
	color: #888888;
	font-size: 11px;
	font-weight: 400;
	padding-right: 17px;
	text-align: right;
	width: 50%;
}

.itemData1Text {
	color: #000000;
	font-size: 12px;
	font-weight: 700;
	padding-left: 17px;
}

.itemData2Table {
	border-bottom: 1px solid #DDDDDD;
	color: #000000;
	font-size: 12px;
	margin-bottom: 15px;
}

	.itemData2Table th, .itemData2Table td {
		padding-bottom: 10px;
	}

	.itemData2Table th {
		font-weight: 700;
		padding-bottom: 15px;
	}

.itemData2TableTh {
	padding-bottom: 0px;
	text-align: center;
}

.itemData2Table strong {
	color: #B1B5D3;
}
/**************************************************************************
* Important information styles
/**************************************************************************/
.ii_titleCategory {
	font-weight: 700;
	margin-top: 1rem;
}

.ii_title {
	margin-top: 1rem;
}

.ii_date {
	font-size: .75rem;
	font-weight: 700;
	margin-top: 1rem;
}

.ii_text {
	/*border-bottom: 1px solid #DDDDDD;*/
	font-size: .75rem;
	margin-top: 1rem;
	padding-bottom: 1rem;
	position: relative;
	font-family: "Open Sans" !important;
}
/**************************************************************************
* Pridėjau belenką neaišku iš kur
/**************************************************************************/
.TransparentGrayBackground {
}

.Sample4PageUpdateProgress {
}

.checkBoxTable td {
	border-right: 0px !important;
	border-left: 0px !important
}

.accordionExpand {
	font-size: 200%;
	cursor: pointer;
	float: right;
	top: -50px;
	left: 2px;
	position: relative;
}

.innerMenuList {
	background-color: #EFECEC
}
/**************************************************************************
* Pridėjau belenką neaišku iš kur
/**************************************************************************/
.minQuantity {
	font-size: 10px;
}

.ratingQuantity {
	display: inline-block;
	width: 100%;
}

.lastOrderReminder, .flash {
	float: left;
	margin-left: 0px;
	font-size: 12px;
	text-align: left;
	line-height: 25px;
	padding: 0 5px;
}

	.lastOrderReminder span:first-child, .flash span:first-child {
	}

	.lastOrderReminder a, .flash a {
	}

.flash {
	background-color: tomato;
}

@keyframes flashing {
	0% {
		background-color: #fff;
	}

	50% {
		background-color: tomato;
	}

	100% {
		background-color: #fff;
	}
}

/* Užsakymo procentinio pasikartojimo pranešimas */
.procSutapimasContainer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
}

.procSutapimas {
	display: block;
	width: 450px;
	height: 195px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #E0E5EB;
	box-shadow: 1px 1px 2px #000;
	z-index: 999;
	font-family: Verdana;
	color: #f1f1f1;
	font-weight: bold;
	padding: 20px;
	text-align: center;
	overflow: hidden;
}

.procMessage {
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	margin-bottom: 10px;
}

.procUzsak, .procProc {
	display: block;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	margin-bottom: 10px;
}

	.procUzsak a {
		text-decoration: underline;
		color: aqua;
	}

.procMessage2 {
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	margin-bottom: 10px;
}

.procContinue, .procCancel {
	display: inline-block;
	padding: 5px 0px;
	width: 100px;
	margin: 10px;
	background-color: #B1B5D3;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 2px 2px 0px #000;
	border: 1px solid #fff;
}

	.procContinue:hover, .procCancel:hover {
		border: 1px solid #000;
	}
/* Užsakymo procentinio pasikartojimo pranešimas */
.msgE1 {
	display: none;
	width: 450px;
	height: 140px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #E0E5EB;
	box-shadow: 1px 1px 2px #000;
	z-index: 999;
	font-family: Verdana;
	color: #f1f1f1;
	font-weight: bold;
	padding: 20px;
	text-align: center;
	overflow: hidden;
}

.msgE1_message1 {
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	margin-bottom: 10px;
}

.msgE1_data1, .msgE1_data2 {
	display: block;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	margin-bottom: 10px;
}

.msgE1_Continue, .msgE1_Cancel {
	display: inline-block;
	padding: 5px 0px;
	width: 100px;
	margin: 10px;
	background-color: #B1B5D3;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 2px 2px 0px #000;
	border: 1px solid #fff;
}

	.msgE1_Continue:hover, .msgE1_Cancel:hover {
		border: 1px solid #000;
	}

table.IntegrationControl {
	background-color: #E0E5EB;
	color: #fff;
	font-weight: bold;
	width: 100%;
}

	table.IntegrationControl td {
		padding: 15px;
	}

.LanguageSwitcher {
	margin: 1rem 0 0 1rem;
}

	.LanguageSwitcher a {
		margin-right: 5px;
		display: inline-block;
		background-color: #777;
		padding: 2px 5px;
		border-radius: 5px;
		color: #FFF;
		font-size: 12px;
	}

.ui-widget-content a.downloadLink {
	color: #337ab7;
}

.personaldata p {
	font-size: 12.0pt;
	line-height: 107%;
}

	.personaldata p.indent {
		margin-bottom: 0;
		text-indent: 27.0pt;
		line-height: normal;
		font-size: 12.0pt;
	}

.personaldata h1 {
	margin-bottom: 0cm;
	text-indent: 27.0pt;
	line-height: 16.0pt;
	font-size: 12.0pt;
}

.personaldata h2 {
	margin-bottom: 0;
	line-height: normal;
	font-size: 12.0pt;
}

.personaldata h3 {
	margin-bottom: 0;
	line-height: normal;
	vertical-align: baseline;
	font-size: 12.0pt;
	color: black;
}

.privacyAgreement {
	bottom: 0;
	left: 0;
	position: fixed;
	width: 100%;
	background: white;
	border-top: 3px solid black;
	max-height: 500px;
	overflow: auto;
	z-index: 99999;
}

.privacyAgreementOverlay {
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	overflow: auto;
	z-index: 99998;
	pointer-events: none;
}

.privacyAgreement table {
	width: -moz-calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: -o-calc(100% - 10px);
	width: calc(100% - 10px);
	margin-left: 10px;
}

.privacyArrow {
	width: 40px !important;
	height: 40px !important;
	font-size: 40px !important;
}

.privacyHeader {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	width: 100%;
	font-weight: bold;
	font-size: 16px;
}

.privacyAgreement p {
	font-size: 12.0pt;
	line-height: 107%;
}

	.privacyAgreement p.indent {
		margin-bottom: 0;
		text-indent: 27.0pt;
		line-height: normal;
		font-size: 12.0pt;
	}

.SaleAndPurchaseAgreement,
.PersonalDataProcessingRules {
	border-bottom: 2px solid #DDDDDD;
	border-top: 2px solid #DDDDDD;
}

.bold {
	font-weight: bold;
}

.bolder {
	font-weight: bolder;
}

.OrderNow {
	height: 36px;
	width: 50%;
	border: 5px outset #BFC3C6;
	border-radius: 12px;
	transition: border-radius 0.3s linear;
	outline: unset;
}

	.OrderNow.Focus {
		border-radius: 20px 0px 20px 0px;
	}
