/*element styles*/
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	/*height: 100%;*/
	font-size: 1rem;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #333333;
}
form {
	margin: 0;
	padding: 0;
}
h2 {
	margin: 0 0 15 0;
	font-family: Verdana,Arial,sans-serif;
	letter-spacing: 0.8px;
	font-size: 1.5rem;
	font-variant: small-caps;
	color: #00448D;
	font-weight: 400;
}
h3 {
	letter-spacing: 0.8px;
	font-size: 1rem;
	color: #333333;
	font-weight: 600;
	font-variant: small-caps;
}
h4 {
	color: #999999;
}
button {
	font-size: 1rem;
	background: #e7e7e7;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	font-weight: 600;
	color: 555555;
	/*padding: 0 15;*/
	min-height: 1rem;
	min-width: 5rem;
	text-transform: none;
	letter-spacing: 0px;
	padding: 5 10;

}
button:hover {
	background: #00448D;
	border: 1px solid #630E25;
	color: #ffffff;
	cursor: pointer;
}
button.default {
	background: #00448D;
	border: 1px solid #630E25;
	color: #ffffff;
}

input[type='text'], input[type='number'], input[type='password'], textarea {
	font-family: Arial, Helvetica, sans-serif;
	height: 2rem;
	font-size: 1rem;
	padding: 0.5rem;
	border: 1px solid #aaaaaa;
	margin: 5 0;
	border-radius: 2px;
}

input[type='text']:focus, input[type='number']:focus, input[type='password']:focus, textarea:focus {
	border: 1px solid #00448D;
}

th {
	color: #333333;
	text-align: left;
	border-bottom: 1px solid #333333;
	padding-bottom: 5;
}
.design {
		border-spacing: 0;
}

.design td {
	vertical-align: top;
	padding: 5 0;
}

.design td:nth-child(1) {
	font-weight: 600;
	padding-left: 5;
}

.design td:last-child {
	padding-right: 5;
}

.design th {
	white-space: nowrap;
}

.vcenter td {
		vertical-align: middle;
}


.noneToView {
	text-align: center;
	padding: 20 0;
	color: #333333;
	font-weight: 600;
}

.none {
	display: none;
}

.readOnly {

}

.fullRow {
	width: 100%;
}

.halfRow {
	width: 50%;
}

.selectableRow tr:hover {
	background: #F5F5F5;
	cursor: pointer;
}
.selectableRow thead tr:hover {
	background: transparent;
	cursor: default;
}

.bottomLine {
	/*border-top: 1px solid #dedede;*/
	border-top: 1px solid #333333;
	/*margin-top: 10;*/
	padding-top: 20;
}
.bottomLine button {
	min-height: 1rem;
	font-size: 1rem;
	text-transform: none;
	letter-spacing: 0px;
	padding: 5 10;
}

.bold {
	font-weight: 600;
}

.boldRed {
	font-weight: 600;
	color: #00448D;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

.buttons {
	margin-top:20;
	padding-top: 20;
	border-top: 1px solid #cccccc;
}


/*for show of config detail on basket page */
.gray {
	padding: 0;
	margin: 0;
	padding-top: 10px;
	color: #666666;
	font-size: 0.9rem;
	font-weight: 400;
	padding-left: 1rem;
	padding-bottom: 20px;
	line-height: 1.5rem;
}

.bottom {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;

}
/*for message window*/
#messageText {
	font-size: 1.2rem;
	padding: 0;
	line-height: 1.7rem;
}
.messageImportant {
	color: #00448D;
}
.messageError {
	color: #9C0006;
}

/*common styles*/
.h25 {
	padding: 5 0 0 5;
}
.h26 {
	padding: 5 5 0 0;
}
.p10 {
	padding-top: 10;
}
.p20 {
	padding-top: 20;
}
.m5 {
	margin-top: 5;
}
.m10 {
	margin-top: 10;
}
.m20 {
	margin-top: 20;
}

.ml00 {
	margin-top: 15;
	font-weight: 600;
}
.ml00:first-child {
	margin-top: 0;
}

.ml10 {
	text-indent: 15;
}
.ml20 {
	text-indent: 25;
}
.ml30 {
	text-indent: 35;
}
.mBottom5 {
	margin-bottom: 10px;
}

.mBottom20 {
	margin-bottom: 20px;
}

.center {
	text-align: center;
}

.noWrap {
	white-space: nowrap;
}

.contentFull {
	width: 100%;
}
.contentFlow {
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.noOwerflow {
	overflow-y: hidden;
	overflow-x: hidden;
}
.unselectable {
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.displayFlex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	min-width: 0;
}
.windowContent {
	padding: 15 15 10 15;
}
#divBackground {
	display: none;
	position: absolute;
	width: 100%;
	height:100%;
	background: rgba(0, 0, 0, 0.55);
	z-index: 10000;
}

#sctPendingOrders .reportDetailContainer {
	margin-top: 30px;
}

#sctFinishedOrders .reportDetailContainer {
	margin-top: 30px;
}


/*#divWrapper {
	display: flex;
	flex-direction: column;
	flex: 1;
	height: 100%;
}*/

#divHeader {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: row;
	/*background: #00448D;*/
	background: #ffffff;
	border-bottom: 1px solid #999999;
}
#divBody {
	padding: 20 10;
}
#divLoginBody {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: row;
	width: 100%;
	/*border-bottom: 1px solid #999999;*/
}

#divFooter {
	display: none;
	border-top: 1px solid #999999;
	min-width: 0;
	height: 0;
	line-height: 2rem;
	background: #00448D;
}
#divLogo {
	flex: 1;
	line-height: 4rem;
	padding: 0 10 0 10;
	font-size: 2rem;
	font-weight: 600;
	min-width: 0;
}
#divInfo {
	flex-direction: row;
	flex: 1;
	justify-content: flex-end;
	align-items: center;
	/*display: flex;*/
	display: none;
	text-align: right;
	padding: 0 10 0 10;
}
#divMenu {
	/*flex: 1;*/
	background: #00448D;
	color: #ffffff;
	max-height: 37;
	min-height: 37;
	padding: 0 10 0 10;
	border-bottom: 1px solid #999999;
}
#divCollapsedMenu {
	display: none;
	padding: 5;
	border: 1px solid transparent;
	width: 50;
	height: 50;
	float: right;
	margin-top: 7;
	text-align: center;
	font-size: 3rem;
	line-height: 2.6rem;
	font-weight: 400;
}
#divCollapsedMenu:hover {
	border-radius: 3px;
	border: 1px solid #DEDEDE;
	cursor: pointer;
}
#divCollapsedMenuWrapper {
	flex: 1;
	text-align: right;
}
#divBasket {
	padding: 5;
	border: 1px solid transparent;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}
#divBasket:hover {
	border-radius: 3px;
	border: 1px solid #DEDEDE;
	cursor: pointer;
}
#divUser {
	padding: 5;
	margin-left: 8;
	border: 1px solid transparent;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	min-width: 0;
}
#divUser:hover {
	border-radius: 3px;
	border: 1px solid #DEDEDE;
	cursor: pointer;
}
#divLogout {
	padding: 5;
	margin-left: 8;
	border: 1px solid transparent;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	min-width: 0;
}
#divLogout:hover {
	border-radius: 3px;
	border: 1px solid #DEDEDE;
	cursor: pointer;
}


#divSearch {
	/*display: none;*/
	/*flex: 1;*/
	/*max-height: 4rem;*/
	/*min-height: 4rem;*/
	/*height: 4rem;*/
	padding: 3 7;
	background: #C7C7C7;
}

#edtSearch {
	width: 100%;
	font-size: 1rem;
	line-height: 1rem;
	padding: 5px 8px;
	/*height: 2rem;*/
	border-radius: 5px;
}

#divGroups {
	/*flex:1;*/
	order:1;
	padding: 10;
}
#divProducts {
	flex: 3;
	order: 2;
	padding: 10;
}
#divCopyright {
	display: none;
	text-align: center;
	padding: 0 10 0 10;
	color: #ffffff;
	font-size: 0.8rem;
}
#name {
	/*margin-left: 5;*/
	margin-top: 3;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	margin-right: 5;
	color: #00448D;
}
#login {
	font-size: 0.8rem;
	text-align: left;
	/*margin-top: 5;*/
	margin-right: 5;
	color: #444444;
	font-weight: 400;
}
#divBasketCount {
	margin-top: 3;
	margin-left: 10;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	margin-right: 5;
	color: #00448D;
}
#divBasketTitle {
	/*margin-left: 5;*/
	/*margin-top: 5;*/
	font-size: 0.8rem;
	font-weight: 600;
	text-align: left;
	margin-right: 5;
	color: #00448D;
}

#divBasketTitle2 {
	font-size: 0.8rem;
	text-align: left;
	/*margin-top: -5;*/
	margin-right: 5;
	color: #444444;
	font-weight: 400;
}
#divContentCollapsedMenu {
	display: none;
	z-index: 10001;
	position: absolute;
	background: #eeeeee;
	border-left: 1px solid #dddddd;
	right: 0;
	top: 65;
	bottom: 0;
	overflow: auto;
	padding: 10 20 20 20;
	min-width: 0;
	max-width: 100%;
	max-height: 100%;
	padding-bottom: 20;
}
#divColapsedMenuCommands {
	text-align: right;
	/*background: #ffffff;*/
}
#divColapsedMenuCommands img {
	width: 47;
	height: 47;
	margin-left: 10;
	padding: 10;
	border-radius: 3px;
	border: 1px solid #EEEEEE;
}
#divColapsedMenuCommands img:hover {
	border: 1px solid #aEaEaE;
	cursor: pointer;
}

#divContentCollapsedMenu h2 {
	font-variant: small-caps;
	letter-spacing: .9;
	font-size: 1.5rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	color: #333333;
}
#divContentCollapsedMenu a {
	display: block;
	/*line-height: 2.5rem;*/
	font-size: 1.2rem;
	padding: 0.8rem 1rem;
	/*padding-left: 1rem;*/
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #00448D;
}
#divContentCollapsedMenu a:hover {
	background: #00448D;
	color: #ffffff;
	cursor: pointer;
}

.menuProductTree {
	display: block;
	font-size: 1rem;
	padding: 0.3rem 0.5rem;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333333;
  /*color: #00448D;	*/
}
.menuProductTree:hover {
	background: #00448D;
	color: #ffffff;
	cursor: pointer;
}

.divWindow {
	display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
	z-index: 10000;
	background: #ffffff;
	box-shadow: 0 5px 20px 0 rgba(24,23,24,.35);
	padding: 10px;
	min-width: 0;
	max-width: 90%;
	max-height: 90%;
	overflow-y: auto;
	overflow-x: hidden;
}
.divMessageWindow {
	z-index: 10000000;
	max-width: 50rem;
	max-height: 20rem;
}

/*common window styles*/
.divWindowClose {
	padding: 0 8 0 8;
	margin-left: 20;
	font-size: 2.5rem;
	line-height: 2.5rem;
	border-radius: 3px;
	color: #999999;
}
.divWindowClose:hover {
	background: #00448D;
	color: #ffffff;
	cursor: pointer;
}
.divWindowLabel {
	flex:3;
	line-height: 2.5rem;
	font-variant: small-caps;
	font-size: 1.5rem;
	color: #00448D;
	min-width: 0;
	padding-left: 10;
}

.divLoader {
	padding-top: 0;
	min-height: 270;
	flex: 1;
	align-items: center;
	justify-content: center;
	text-align: center;
}


#divCommonWindowLoader {
	min-height: 200;
	flex: 1;
	align-items: center;
	justify-content: center;
}

.errorContainer {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
}
.errorHeader {
	font-weight: 600;
}
.errorMessage {
	font-style: italic;
}

#edtSearch {
	width: 100%;
}

.middleFlex {
	align-items: center;
  justify-content: center;
}

#sctFileSelectionWindow {
	width: 30rem;
	height: 10rem;
}

input[type='file'] {
        height: 0px;
        visibility: hidden;
        width: 0px;
}

#sctImportOrder {
	flex:1;
	flex-direction: column;
}

#sctImportOrder h3 {
	font-variant: normal;
}

.divImportOrder {
	padding: 0 10 0 10;
	color: #555555;
	text-align: justify;
	font-weight: 1rem;
	line-height: 1.3rem;
	transition: all .3s;
}
.divImportOrder:hover {
	background: #f5f5f5;
}

.redLine {
	border-left: 10px solid #E20612;
}
.yellowLine {
	border-left: 10px solid #FFBE00;
}
.greenLine {
	border-left: 10px solid #099844;
}



#sctNewsAfter {
	flex:1;
	/*display: flex;*/
	flex-direction: column;
}

#sctCatalog {
	/*display: flex;*/
	flex-direction: row;
}

#sctBasketView {
	margin: 0 10px;
}

.fl {
	float: left;
	min-width: 0;
}

.fr {
	text-align: right;
	min-width: 0;
}


.template {
	display: none;
}


.windowFlex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: row;
}
.windowLeft {

}


#divProdHeader {
	background: #F4F4F4;
	color: #666666;
	padding: 5;
	border: 1px solid #cccccc;
	display: none;
}
#divProdHdr {
	/*min-height: 280px;*/
}

.productCount {
	/*color: #00448D;*/
	font-weight: 600;
}


#divNavigation {
	background: #F4F4F4;
	color: #999999;
	font-weight: 600;
	padding: 10;
	border: 1px solid #cccccc;
}



#divNavigation a, #divNavigation a:visited {
	color: #666666;
	font-weight: 600;
	text-decoration: none;
}

#divnavigation a:hover {
	color: #00448D;
}


	/*LOGIN PAGE*/
	#divLoginNews {
		/*flex:3;*/
		padding: 20;
		width: 75%;
	}
	#divLoginLogin {
		width: 25%;
		/*flex:1;*/
		margin: 20 0;
		padding: 0 25;
		border-left: 1px solid #aaaaaa;
	}

.data {
	width: 100%;
}

.divider {
		display: block;
		border-bottom: 1px dashed #aaaaaa;
		margin: 10 0;
}

.divider:last-child {
	display: none;
}

.2cols {
	column-count: 2;
}

.divActuality {
	border: 1px solid #ffffff;
	border-radius: 5px;
	padding: 10 15 1 15;
	color: #555555;
	text-align: justify;
	font-weight: 1rem;
	line-height: 1.3rem;
	transition: all .3s;
}
.divActuality:hover {
	background: #f5f5f5;
}


.divActuality span {
 display: block;
 font-size: 0.8rem;
 color: #999999;
 line-height: 1rem;
}
.divActuality h3 {
	color: #333333;
	font-weight: 400;
	margin: 0 0 10 0;
}

#errorMessage, #errMessage {
	border-top: 2px solid #9C0006;
	background: #FFEBC8;
	color: #9C0006;
	padding: 10;
	display: none;
}


/*product info window*/
#divProdWrap {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: column;
	align-items: stretch;
	/*background: #777455;*/
/*	min-width: 0;
	max-width: 100%;
	max-height: 100%;
	height: 100%;	*/
}
#divProdHdr {
	/*flex: 1;*/
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: row;
}
#divProdImageWrap {
	flex: 1;
	align-items: stretch;
	max-width: 320px;
}
#divProdImage {
		justify-content: center;
		text-align: center;
}
#divProdImageWrap img {

	max-height: 300px;
	max-width: 300px;
	text-align: center;
	padding: 3px;
	border: 1px solid #eeeeee;
	border-radius: 5px;
}

#divProdMain {
	flex: 2;
	padding-left: 20;
}
#divProdNav {
	display: none;
	flex: 1;
	padding-top: 20;
	/*align-items: flex-end;*/
/*	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;*/
}
#divProdNav a, #divProdNav a:visited {
	color: #00448D;
	font-weight: 600;
	text-decoration: none;
}
#divProdNav a:hover {
	text-decoration: underline;
}

#divProdImageNav {
	padding-top: 10;
	display: none;
}

#divProdImageNav a {
	width: 40;
	height: 40;
	color: #999999;
	text-decoration: none;
	font-size: 1.6rem;
}


#divProdWrap button {
	padding: 0;
	min-height: auto;
}
#divProdTabs {
	padding-top: 30;
}

#sctProductWindow {
	z-index: 10000;
}

#sctProductWindow li {
	line-height: 2rem;
}

#sctProductWindow li a, #sctProductWindow li a:visited  {
	color: #00009A;
	text-decoration: none;
}

#sctProductWindow li a:hover {
	text-decoration: underline;
}





/*TABS*/
.tabs {
	padding-bottom: 5;
	z-index: 1000;
}

.tabs a {
	font-weight: bold;
	text-decoration: none;
	color: #00448D;
	border: 1px solid #D0D0D0;
	border-bottom: none;
	padding: 5 15;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.active {
	background: #f5f5f5;
}
.tabs a:hover {
	text-decoration: underline;
}

.tabContent {
	  display: none;
    border-top: 1px solid #D0D0D0;
    padding: 10;
    z-index: 100000;
    overflow: auto;
    height: 100%;
    margin: 0 -5;
}


#tblBasketPreview td:nth-child(3), #tblBasketPreview th:nth-child(3) {
	text-align: right;
}

#tblUserInfo td:last-child {
	padding-left: 20;
}

.viewStyle {
	/*padding-top: 5;*/
	/*display: none;*/
}

/*SECTIONS*/
#sctLoader {
	display: none;
	text-align: center;
}

.tblProducts {
	width: 100%;
}

.tblProducts td {
	margin: 0;
	padding: 3 3;
}

.tblProducts td:first-child {
	font-weight: 600;
}

.tblProducts tr:hover {
	background: #eeeeee;
	cursor: pointer;
}
.tblProducts th:hover {
	cursor: auto;
	background: auto;
}

.sections {
	display: none;
}

/* PRODUCTS - BOX */
.productBox {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 10 10 10 0;
    min-height: 400;
    width: 320;
    border-radius: 3px;
}

.productBoxHeader {
	  border-bottom: 1px solid #cccccc;
    background: #F0F0F0;
    padding: 5;
    cursor: pointer;
}

.productBoxHeader .name {
	font-size: 1rem;
	font-weight: 600;
	min-width: 0;
}

.productBoxHeader .part {
	font-size: 1rem;
	color: #00448D;
	padding-top: 5;
}

.productImage {
	text-align: center;
	vertical-align: middle;
	height: 280;
	min-height: 280;
	max-height: 280;
	cursor: pointer;
}

.productImage img {
	max-width: 300px;
	max-height: 300px;
}

.productIcons {
	padding: 5 10;
	min-height: 30;
}

.productDescription {
	padding: 20 10 0 10;
	color: #666666;
	max-height: 100;
	height: 100;
	overflow: hidden;
  text-overflow: ellipsis;
}

.productAction {
	padding: 10 10;
	border-top: 1px solid #cccccc;
	background: #F0F0F0;
}

.productAction button {
	min-height: auto;
	min-width: auto;
	padding: 5 10;
	background: #00448D;
	color: #ffffff;
}

.productStock {
	background: #F0F0F0;
	text-align: center;
	padding: 5 0;
	border-top: 1px solid #cccccc;
}

.inBasket {
	display: inline-block;
	background-image: url(../img/in_basket.png);
	background-repeat: no-repeat;
	width: 26;
	height: 26;
	border-radius: 3px;
	border: 1px solid #ffffff;
}


span.favorite {
	display: inline-block;
	width: 26;
	height: 26;
	border-radius: 3px;
	border: 1px solid #ffffff;
}

span.favorite:hover {
	cursor: pointer;
	border: 1px solid #dddddd;
}

.isFavorite {
	background-image: url(../img/is_favorite.png);
	background-repeat: no-repeat;
}

.notFavorite {
	background-image: url(../img/not_favorite.png);
	background-repeat: no-repeat;
}



/* shopping basket - 1st screen */
#divOrdHeader {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: row;
}

#divOrdCust, #divOrdShip, #divOrdInfo {
	flex: 1;
}
#divOrdLines {
	margin-top: 15px;
}
#divOrdSummary {
	text-align: right;
}

#divOrdSummary table {
	width: 100%;
	text-align: right;
}

#divOrdSummary table td {
	white-space: nowrap;
}


#divOrdSummary table td:nth-child(1) {
	padding-right: 30px;
}
#divOrdSummary table td:nth-child(2) {
	width: 100px;
	min-width: 100px;
}

/*alternative delivery address*/
#btnDeliveryAddress {
	/*display: none;*/
}

/* taxes summary */
#divOrdTaxes {
	text-align: right;
}
#divOrdTaxes table td, #divOrdTaxes table th {
	/*white-space: nowrap;*/
	text-align: right;
	padding-left: 40px;
}



.windowIcon {
	padding-right: 40px;
}

.dataWarning {
	color: #770000;
}

#frmSaldoFilter label {
	line-height: 1.5rem;
	padding-left: 0.3rem;
}

/*saldo filter*/
.fr #frmSaldoFilter {
	text-align: left;
}

/*saldo - report*/
/*PENDING PAYMENTS, FINISHED PAYMENTS - report*/
#tblSaldo tbody td:nth-child(1), #tblPendingPayments tbody td:nth-child(1), , #tblFinishedPayments tbody td:nth-child(1) {
	font-weight: 400;
}

#tblSaldo td, #tblPendingPayments td, #tblFinishedPayments td {
	border-bottom: 1px solid #C4C4C4;
}


#tblSaldo th:nth-child(7), #tblSaldo th:nth-child(8), #tblSaldo th:nth-child(9), #tblSaldo th:nth-child(10),
#tblPendingPayments th:nth-child(7), #tblPendingPayments th:nth-child(8), #tblPendingPayments th:nth-child(9), #tblPendingPayments th:nth-child(10) {
	text-align: right;
}

#tblFinishedPayments th:nth-child(6), #tblFinishedPayments th:nth-child(7) {
	text-align: right;
}


#tblSaldo td:nth-child(7), #tblSaldo td:nth-child(8), #tblSaldo td:nth-child(9), #tblSaldo td:nth-child(10),
#tblPendingPayments td:nth-child(7), #tblPendingPayments td:nth-child(8), #tblPendingPayments td:nth-child(9), #tblPendingPayments td:nth-child(10) {
	white-space: nowrap;
	text-align: right;
}

#tblFinishedPayments td:nth-child(6), #tblFinishedPayments td:nth-child(7) {
	white-space: nowrap;
	text-align: right;
}


#tblSaldo tbody tr:nth-child(odd), #tblPendingPayments tbody tr:nth-child(odd), #tblFinishedPayments tbody tr:nth-child(odd) {
	background: #EFEFEF;
}

#tblSaldo tfoot.line2, #tblPendingPayments tfoot.line2, #tblFinishedPayments tfoot.line2 {
	font-weight: 600;
	background: #D0D0D0;
	pointer-events: none;
}


/* PENDING ORDERS TABLE */
#tblPendingOrders td {
	border-bottom: 1px solid #C4C4C4;
}

#tblPendingOrders tbody tr:nth-child(odd) {
	background: #EFEFEF;
}

#tblPendingOrders td {
	padding-right: 8;
	font-weight: 400;
}
#tblPendingOrders th {
	padding-right: 8;
}
#tblPendingOrders td:last-child, #tblPendingOrders th:last-child {
	display: none;
	padding-right: 5;
}
#tblPendingOrders tfoot tr {
	background:#EFEFEF;
}
#tblPendingOrders tfoot tr:hover {
	background: #EFEFEF;
	cursor: auto;
}
#tblPendingOrders tr:hover {
	cursor: auto;
}
#tblPendingOrders tfoot td:first-child {
	font-weight: 600;
}

#tblPendingOrders th:nth-child(5), #tblPendingOrders th:nth-child(6), #tblPendingOrders th:nth-child(7) {
	width: 10%;
}


#tblPendingOrders th:nth-child(3), #tblPendingOrders th:nth-child(4), #tblPendingOrders th:nth-child(5), #tblPendingOrders th:nth-child(6), #tblPendingOrders th:nth-child(7),
#tblPendingOrders td:nth-child(3), #tblPendingOrders td:nth-child(4),#tblPendingOrders td:nth-child(5), #tblPendingOrders td:nth-child(6), #tblPendingOrders td:nth-child(7),
#tblPendingOrders tfoot td:nth-child(2) {
	text-align: right;
}

#tblPendingOrders th:nth-child(6), #tblPendingOrders th:nth-child(7),
#tblPendingOrders td:nth-child(6), #tblPendingOrders td:nth-child(7) {
	white-space: nowrap;
}


/* FINSHED ORDERS TABLE */
#tblFinishedOrders td {
	border-bottom: 1px solid #C4C4C4;
}

#tblFinishedOrders tbody tr:nth-child(odd) {
	background: #EFEFEF;
}

#tblFinishedOrders td {
	padding-right: 8;
	font-weight: 400;
}
#tblFinishedOrders th {
	padding-right: 8;
}
#tblFinishedOrders td:last-child, #tblFinishedOrders th:last-child {
	display: none;
	padding-right: 5;
}
#tblFinishedOrders tfoot tr {
	background:#EFEFEF;
}
#tblFinishedOrders tfoot tr:hover {
	background: #EFEFEF;
	cursor: auto;
}
#tblFinishedOrders tr:hover {
	cursor: auto;
}
#tblFinishedOrders tfoot td:first-child {
	font-weight: 600;
}

#tblFinishedOrders th:nth-child(4), #tblFinishedOrders th:nth-child(5), #tblFinishedOrders th:nth-child(6) {
	width: 10%;
}

#tblFinishedOrders th:nth-child(3), #tblFinishedOrders th:nth-child(4), #tblFinishedOrders th:nth-child(5), #tblFinishedOrders th:nth-child(6),
#tblFinishedOrders td:nth-child(3), #tblFinishedOrders td:nth-child(4),#tblFinishedOrders td:nth-child(5), #tblFinishedOrders td:nth-child(6),
#tblFinishedOrders tfoot td:nth-child(2) {
	text-align: right;
}

#tblFinishedOrders th:nth-child(6), #tblFinishedOrders th:nth-child(7),
#tblFinishedOrders td:nth-child(6), #tblPendingOrders td:nth-child(7) {
	white-space: nowrap;
}


.orderHeader1 {
	flex: 1;
	padding-left: 20px;
	background: #d0d0d0;
	margin-bottom: 20px;
}

.orderHeader2 {
	/*flex: 1;*/
	padding-left: 0;
	padding-right: 20px;
	background: #d0d0d0;
	margin-bottom: 20px;
}

.orderPdf {
	width: 50px;
	/*display: none;*/
	text-align: center;
	vertical-align: middle;
}

.orderActions {
	padding-bottom: 2rem;
}


#edtProdQty, .edtQty {
	width: 70px;
	color: #333333;
	text-align: center;
}


/* basket page table */
#tblBasketView td {
	border-bottom: 1px solid #C4C4C4;
}

#tblBasketView tbody tr:nth-child(even) {
	background: #EFEFEF;
}

#tblBasketView td {
	padding-right: 8;
	font-weight: 400;
}
#tblBasketView th {
	padding-right: 8;
}
#tblBasketView th:nth-child(3), #tblBasketView td:nth-child(3), #tblBasketView th:nth-child(5), #tblBasketView td:nth-child(5) {
	display: none;
}

#tblBasketView td:last-child, #tblBasketView th:last-child {
	padding-right: 5;
	width: 40px;
}
#tblBasketView tfoot tr {
	background:#EFEFEF;
}
#tblBasketView tfoot tr:hover {
	background: #EFEFEF;
	cursor: auto;
}
#tblBasketView tr:hover {
	cursor: auto;
}
#tblBasketView tfoot td:first-child {
	font-weight: 600;
}

#tblBasketView th:nth-child(4), #tblBasketView th:nth-child(6), #tblBasketView th:nth-child(7), #tblBasketView th:nth-child(8),
#tblBasketView td:nth-child(4), #tblBasketView td:nth-child(6), #tblBasketView td:nth-child(7),#tblBasketView td:nth-child(8),
{
	text-align: right;
}


#tblBasketView tr {
	line-height: 2.5rem;
}

#tblBasketView td:nth-child(2) {
	font-weight: 600;
}

/*menu styles*/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:		1rem;
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			auto;
	height: 37;
}
.sf-menu ul li {
	width:			100%;
	background: #00448D;
	white-space: nowrap;
	border-top:1px solid #444444;
	font-weight: 600;
}
.sf-menu li:hover {
	visibility:		inherit;
	background: #000000;
	color: #ffffff;
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu li:first-child {
	border-top:1px solid #444444;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			35px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em;
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em;
	top:			0;
}
.sf-menu a {
	padding: 10 25 10 20;
	text-decoration: none;
}
.sf-menu a, .sf-menu a:visited  {
	color: #fff;
}


/* product detail window */
#divProdMain table td {
	padding: 10px 5px;
}
#divProdMain table td:nth-child(1) {
	padding-right: 20px;
}


#divProdWrap button {
	padding: 5px 10px;
}


/* configure window */
#divConfSelection {
	/*background: #880000;*/
	flex: 3;
	margin-right: 20px;

}
#divConfInfo {
	/*background: #009999;*/
	/*flex: 1;*/
	width: 320px;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	padding: 10px;
	margin-right: 20px;
}

#divConfSelected {
	/*background: #009999;*/
	flex: 1;
}

.lineDelete {
	padding: 0 8 0 8;
	font-size: 2.5rem;
	line-height: 2.5rem;
	border-radius: 3px;
	color: #999999;
	width: 40px;
}
.lineDelete:hover {
	background: #00448D;
	color: #ffffff;
	cursor: pointer;
}

#ordPoNbr {
	border-color: #eeeeee;
	background: #eeeeee;
	width: 100%;
	color: #666666;
	height: 2.2rem;
}

#ordPoNbr:hover {
	border-color: #00448D;
	background: #ffffff;
}

#ordNotice {
	background: #eeeeee;
	color: #666666;
	width: 100%;
	min-height:50px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	padding: 0.5rem;
	line-height: 1.2rem;
	border: 1px solid #eeeeee;
	margin: 5 0;
	border-radius: 2px;
}

#ordNotice:hover {
	border-color: #00448D;
	background: #ffffff;
}


.nowrap td, .nowrap th {
	white-space: nowrap
}


#pendingOrdersFilterTable td {
	padding: 0 20px;
}

#finishedOrdersFilterTable td {
	padding: 0 20px;
}


#divLang {
	/*display: flex;*/
	display: none;
	/*flex: 1;*/
	padding 10;
	justify-content: right;
	text-align: right;
	align-items:center;
}

#selLanguage {
	padding-left: 10px;
	margin: 0 10px;
	width: 200px;
	height: 40px;
}


.partProperties td {
	padding: 5px 0px;
}
.partProperties td:nth-child(1) {
	font-weight: 400;
	padding-right: 20px;
}
.partProperties td:nth-child(2) {
	font-weight: 600;
}


.red {
	color: #00448D;
}
.smaller {
	font-size: 1.8rem;
}


ol.name-value {
	padding: 0;
		/*width: 100%;*/
    list-style: none;
    display: table;
}

ol.name-value li {
    display: table-row;
    border-bottom: 1px solid #E8E8E8;
    line-height: 1.5rem;
}

ol.name-value li label {
    display: table-cell;
    padding-right: 20px;
    white-space: nowrap;
    line-height: 1.5rem;
}

ol.name-value li span {
    display: table-cell;
}

.notice {
	color: #999999;
}

.middle {
	line-height: 30px;
	font-weight: 600;
	color: #444444;
}

#sctPassChangeWindow .fullRow input {
	width: 100%;
}

#tblDocuments td {
	border-bottom: 1px solid #C4C4C4;
}

#tblDocuments tr:nth-child(even) {
	background: #EFEFEF;
}

#tblDocuments td:nth-child(3), #tblDocuments td:nth-child(4),
#tblDocuments th:nth-child(3), #tblDocuments th:nth-child(4) {
	text-align: right;
}

#tblDocuments td:nth-child(1) {
	font-weight: 400;
}

#tblDocuments tr:hover {
	cursor: auto;
}

#tblDocuments a, #tblDocuments a:visited {
	text-decoration: none;
}

#tblDocuments a:hover {
	text-decoration: none;
}

#tblCatalog {
	margin-top: 1rem;
}

#tblCatalog td {
	border-bottom: 1px solid #C4C4C4;
}

#tblCatalog tr:nth-child(even) {
	background: #EFEFEF;
}

#tblCatalog tr {
	line-height: 26px;
}

#tblCatalog th:nth-child(1) {
	width: 100px;
	word-wrap: normal;
}
#tblCatalog td:nth-child(1) {
	min-width: 100px;
	word-wrap: normal;
	padding-right: 15px;
}


#tblCatalog th:nth-child(3), #tblCatalog th:nth-child(4),
#tblCatalog td:nth-child(3), #tblCatalog td:nth-child(4) {
	text-align: right;
}

#tblCatalog th:nth-child(4) {
	width: 50px;
}

.pSubMenu {
	display: none;
}

#ordFob, #priceType {
	width: 100%;
	height: 2.2rem;
	background: #EEEEEE;
	border: 1px solid #ffffff;
	border-radius: 2px;
	color: #666666;
}
#ordFob:hover, #priceType:hover {
	border: 1px solid #00448D;
	background: #ffffff;
}


#sctDeliveryAddressWindow input {
	width: 100%;
}

#sctUserWindow .data input[type="text"] {
	width: 100%;
	border: 1px solid #eeeeee;
	background: #eeeeee;
	color: #666666;
	border-radius: 2px;
}
#sctUserWindow .data input[type="text"]:hover {
	border: 1px solid #00448D;
	background: #ffffff;
}

#sctUserWindow .halfRow {
	margin-left: 1rem;
	margin-right: 1rem;
}

.shipAddress {
	margin-bottom: 0.5rem;
	border-radius: 5px;
	border: 1px solid #dddddd;
	padding: 0.5rem;
	cursor: pointer;
}

.shipAddress p {
	margin: 0;
	padding: 0;
}

#sctDeliveryAddressWindow .selectedAddress {
	background: #00448D;
	color: #ffffff;
}

/*MOBILE DEVICE STYLES*/
@media (max-width: 550px) {
	.windowIcon {
		display: none;
	}
	.productBox {
		width: 100%;
	}
	#divHeader {
		flex-direction: column;
	}
	#divLoginBody {
		flex-direction: column;
	}
	#sctCatalog {
		flex-direction: column;
	}

	#divLoginNews {
		flex:auto;
		width: 100%;
	}
	#divLoginLogin {
		flex:auto;
		width: 100%;
		padding-top: 15;
		border-top: 1px dashed #aaaaaa;
		border-left: 0px solid transparent;
	}
	#divMenu {
		display: none;
	}
	#divCollapsedMenu {
		display: block;
	}
	#divSearch {
		/*display: none;*/
		background: #00448D;
	}
	#divLogout {
		display: none;
	}
	#divBody {
		border-top: 1px solid #999999;
	}
	#divLoginBody {
		/*border-top: 1px solid #999999;*/
	}
	#divHeader {
		display: flex;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox;      /* TWEENER - IE 10 */
	  display: -webkit-flex;     /* NEW - Chrome */
		flex-direction: column;
		height: 8rem;
	}
	#divLogo {
		flex: 1;
		border-bottom: 1px solid #cccccc;
		display: flex;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox;      /* TWEENER - IE 10 */
	  display: -webkit-flex;     /* NEW - Chrome */
		flex-direction: row;
	}
	#divInfo {
		display: none;
		flex: 1;
		padding 10;
		justify-content: center;
		/*background: #cccccc;*/
	}
	#divLang {
		justify-content: center;
	}
	#imgClose {
		display: none;
	}
	.divWindow {
		padding: 10 10 20 20;
		top: 0;
		left: 0;
		min-width: 0;
		max-width: 100%;
		max-height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}
	#divProdHdr {
		display: block;
	}
	#divProdImageWrap {
		width: 100%;
	}

	#divProdMain {
		padding-left: 0;
		text-align: center;
	}

	/*documents for download*/
	#tblDocuments th:nth-child(2), #tblDocuments th:nth-child(4) {
		display: none;
	}
	#tblDocuments td:nth-child(2), #tblDocuments td:nth-child(4) {
		display: none;
	}

	/*saldo - report*/
	#tblSaldo th:nth-child(2), #tblSaldo th:nth-child(3), #tblSaldo th:nth-child(4), #tblSaldo th:nth-child(5), #tblSaldo th:nth-child(6), #tblSaldo th:nth-child(8), #tblSaldo th:nth-child(10),
	#tblPendingPayments th:nth-child(2), #tblPendingPayments th:nth-child(3), #tblPendingPayments th:nth-child(4), #tblPendingPayments th:nth-child(5), #tblPendingPayments th:nth-child(6), #tblPendingPayments th:nth-child(8), #tblPendingPayments th:nth-child(10),
	#tblFinishedPayments th:nth-child(2), #tblFinishedPayments th:nth-child(3), #tblFinishedPayments th:nth-child(4), #tblFinishedPayments th:nth-child(5) {

		display: none;
	}

	#tblSaldo td:nth-child(2), #tblSaldo td:nth-child(3), #tblSaldo td:nth-child(4), #tblSaldo td:nth-child(5), #tblSaldo td:nth-child(6), #tblSaldo td:nth-child(8), #tblSaldo td:nth-child(10),
	#tblPendingPayments td:nth-child(2), #tblPendingPayments td:nth-child(3), #tblPendingPayments td:nth-child(4), #tblPendingPayments td:nth-child(5), #tblPendingPayments td:nth-child(6), #tblPendingPayments td:nth-child(8), #tblPendingPayments td:nth-child(10),
	#tblFinishedPayments td:nth-child(2), #tblFinishedPayments td:nth-child(3), #tblFinishedPayments td:nth-child(4), #tblFinishedPayments td:nth-child(5) {
		display: none;
	}


	/*history orders - report*/
	.reportDetailContainer {
		flex-direction: column;
	}
	.orderHeader2 {
		padding-left: 20px;
		padding-right: 0;
	}
	.orderHeader1 {
		margin-bottom: 0;
	}
	#tblFinishedOrders th:nth-child(1), #tblFinishedOrders th:nth-child(4), #tblFinishedOrders th:nth-child(5) {
		display: none;
	}
	#tblFinishedOrders td:nth-child(1), #tblFinishedOrders td:nth-child(4), #tblFinishedOrders td:nth-child(5) {
		display: none;
	}

	/*pending orders - report*/
	#tblPendingOrders th:nth-child(1), #tblPendingOrders th:nth-child(4), #tblPendingOrders th:nth-child(5), #tblPendingOrders th:nth-child(6) {
		display: none;
	}
	#tblPendingOrders td:nth-child(1), #tblPendingOrders td:nth-child(4), #tblPendingOrders td:nth-child(5), #tblPendingOrders td:nth-child(6) {
		display: none;
	}

	/*shopping basket*/
	#divOrdHeader {
		flex-direction: column;
	}
	#tblBasketView th:nth-child(1), #tblBasketView th:nth-child(5), #tblBasketView th:nth-child(7), #tblBasketView th:nth-child(8) {
		display: none;
	}
	#tblBasketView td:nth-child(1), #tblBasketView td:nth-child(5), #tblBasketView td:nth-child(7), #tblBasketView td:nth-child(8) {
		display: none;
	}

	/*configure window*/
	#sctProductConfigureWindow .windowContent .displayFlex {
		flex-direction: column;
	}
	#divConfSelection {
		width: 100%;
	}
	#divConfInfo {
		margin-top: 20px;
		width: 100%;
	}

	#divConfSelected {
		display: none;
	}
	#sctUserWindow .windowContent .displayFlex {
		flex-direction: column;
	}
	#sctUserWindow .windowContent .displayFlex .halfRow {
		margin-top: 1rem;
	}
	#sctUserWindow .windowContent .displayFlex .halfRow:nth-child(1) {
		margin-top: 0rem;
	}
	.halfRow {
		width: 100%;
	}
	#sctUserWindow .halfRow {
		margin: 0rem;
	}
}

/*order notice block*/
.orderNoticeBlock {
	/*display: none;*/
}