/* eSeller Foundation Layout */
/* Layout */
/* Header */
body {
background-color: #f3f3f4;
background-image: url("/images/editor/Ikons/bgTopMenu.png");
background-repeat:repeat-x; 
}
.shopContent {
margin-bottom: 3em;
}
.logo {
  padding: 0.55em; }
header.columns {
margin-bottom: 1em;
}
/* Navigation */


/* Product Page */
.product-status {
  display: block;
  margin: .5em 0em; }

.price, .price-previous {
  display: block;
  font-size: 1.2em;
  font-weight: bold; }

.price-previous {
  color: #ccc;
  font-size: 1em;
  font-style: italic; }
  .ecMatrix  table {
  width: 100%;
  }
  .ecMatrix input {
  width: 50px;
  }

  
 /*small screens */
@media only screen { 
.logoDiv img{
max-height: 4em;
}
.prelement .prsi {
height: 20px;
}

.productInfoDiv  .ecBB {
display:block;
}
.makeSalesBudgetBdy .buttonLock  {
margin-right: 1em;
margin-bottom: 1em !important;
}
.makeSalesBudgetBdy .button{
margin-top: 1em;
margin-bottom: 1em !important;
}
.makeSalesBudgetBdy table {
width: 100%;
}

td.iteminbasket input {
border: 1px solid green;
background-color: #90EE90;
}
td.iteminbasket {
position:relative;
}
td.iteminbasket:before {
font-family: "foundation-icons" !important;
    content: "\f1b1";
    color: #ffffff;
	position:absolute;
	top: 0.7em;
	left:0.7em;
	font-size: 2em;
	pointer-events: none;
	opacity: 0.5;
}


.deliveryWindowPopup {
background-image: none;
}
.deliveryWindowPopup  table{
width: 100%;
}

/*** Hover Data ***/
td{
  position:relative;
}
.disptooltip div{
display:none;
}


.disptooltiphover div{
  background:#000;
  color:#fff;
  display:block;
  font-size:12px;
  padding:15px;
  position:absolute;
  top:50px;
  right:9px;
  z-index:99;
}

.disptooltiphover div:after{
  display:block;
  background:#000;
  content:'';
  position:absolute;
  width:15px;
  height:15px;
  top:-5px;
  transform:rotate(45deg);
  right:25px;
}
/*** Hover Data ***/

/*** Variant Matrix Styling Start ***/


/*.ecMatrix td input.instock:focus,
.ecAssortmentBoxTbl td input.instock:focus,
.ecAssortmentTbl td input.instock:focus {
	background-color: #ccffcc;
	}*/
	.ecMatrix td input.instock,
  .ecAssortmentBoxTbl td input.instock,
  .ecAssortmentTbl td input.instock {
	border-color: #57bd51;
	}

	.ecMatrix td input.notinstock,
  .ecAssortmentBoxTbl td input.notinstock,
  .ecAssortmentTbl td input.notinstock {
	border-color: #dc2c2d;
	}
	/*.ecMatrix td input.notinstock:hover,
  .ecAssortmentBoxTbl td input.notinstock:hover,
  .ecAssortmentTbl td input.notinstock:hover {
	background-color: #ffcccc;
	}*/

	.ecVariantLegend {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}

	.ecVariantLegend .legendInstock {
	background-color: #57bd51;
	padding: 0em 0.5em;
	margin-right: 0.2em;
	border-radius: 50%;
	}

	.ecVariantLegend .legendInstockTxt {
	margin-right: 0.5em;
	color: #666666;
	}
	.ecVariantLegend .legendNotinstock {
	background-color: #dc2c2d;
	padding: 0em 0.5em;
	margin-right: 0.2em;
	border-radius: 50%;
	}
	.ecVariantLegend .legendNotinstockTxt {
	color: #666666;
	}


/*** Variant Matrix Styling End ***/

/*** Assortment styling ***/
.ecAssortmentTbl tr td:first-of-type {
text-align:left;
}

table.ecAssortmentBoxTbl tr td:first-of-type {
text-align:left;
}

.ecAssortmentTbl tr td:last-of-type {
text-align:left;
}

.variantBdy table.ecVariantTbl tr td.hvh {
    text-align:right;
	padding-right: 3em;
}
.variantBdy table.ecVariantTbl tr td.hvh:last-of-type {
text-align:right;
}

.variantBdy table.ecVariantTbl tr td:first-of-type{
text-align:left;
}

.variantBdy table.ecVariantTbl tr td:last-of-type{
text-align:left;
}

table.ecAssortmentBoxTbl tr td:first-of-type {
text-align:left;
}
table.ecAssortmentBoxTbl tr td:last-of-type {
text-align:left;
}




/*** Assortment styling ***/

/* order confirmation page styling start */
.orderconfirmationPage .orderConfirmationSummary table {
width:100%;
}
.orderconfirmationPage .orderConfirmationSummary table .row:before {
content: none;
}
.orderconfirmationPage  .tblPaymentAddress tr td:first-of-type{
font-weight:bold;
}
.orderconfirmationPage  .tblPaymentAddress tr td:first-of-type:after {
content: ":";
}
.orderconfirmationPage  .tblPaymentAddress {
width:100%;
}

/* filters and search styling */
.filterctl2 {
display:none;
padding: 1em 0.5em;
}
.searchCodesHeader {
background-color: #000000;
padding: 0.5em 0.5em;
margin-bottom: 0.5em;
}
.searchCodesHeader div {
display:inline-block;
color: #ffffff;
font-size: 1.5em;
}
.searchCodesHeader i {
color: #ffffff;
float:right;
padding: 0.25em 0.2em;
font-size: 1.5em;
}

.filterctl3 {
display:none;
padding: 1em 0.5em;
}
.orderPage input[type="submit"] {
border: 0px solid #000000;
color: #ffffff;
background-color: #43d951;
padding: 1em 2em;
}

.searchHeader {
background-color: #000000;
padding: 0.5em 0.5em;
margin-bottom: 1em;
}
.searchHeader div {
display:inline-block;
color: #ffffff;
font-size: 1.5em;
}
.searchHeader i {
color: #ffffff;
float:right;
padding: 0.25em 0.2em;
font-size: 1.5em;
}


/* address page styling start */


.addressPageDiv .invoiceDeliveryDiv {
background-color: #ffffff;
}
.addressPageDiv .invoiceAdressDiv  div:first-of-type{
padding: 1em 0em 2em 0em;
}

.addressPageDiv .deliveryAdressDiv div:first-of-type{
padding: 1em 0em 0.45em 0em;
}

.paymentDeliveryMethodDiv {
display: none;
}
.orderRemarksDiv {
background-color: #ffffff;
margin: 1em 0em;
padding-top: 1em !important;
font-weight:bold;
}
.addressPageDiv .topNavButtons {
background-color: #ffffff;
display:inline-block;
width:100%;
}

.addressPageDiv .addresspageInfoReminder {
margin: 1em 0em;
padding: 1em 1em;
background-color: #ffffff;
}
.signatureDiv {
font-weight: bold;
background-color: #ffffff;
padding-top: 1em !important;
}
.addressPageDiv .signatureDiv .signatureHeader {
border-bottom: 0.1em solid #eeeeee;
}


/* address page styling end */

.deliveryWindowPopup  input#btnSave{
color: #fff;
background-color: #000000;
border: 0em solid #000000;
padding: 1em 2em;

}
div.contain-to-grid.sticky .basketMobileIcon i {
  color: #ffffff;
  font-size: 2.5em;
}
div.contain-to-grid.sticky .basketMobileIcon {
  position: absolute;
  left: 0.5em;
  top: 0.2em;
}
div.contain-to-grid.sticky .customerMobileIcon i {
  color: #ffffff;
  font-size: 2.5em;
}
div.contain-to-grid.sticky .customerMobileIcon {
  position: absolute;
  left: 4em;
  top: 0.2em;
}
.selectCustomerMobileLink {
margin-top: 0.5em !important;
background-color: #000000;
}
.selectCustomerMobileLink a {
color: #ffffff !important;
font-weight:bold;
}
.customerInfoHeaderMobile {
  padding: 0.5rem;
  color: #000000;
  
  font-weight:bold;
  margin-bottom: 0.5em !important;
}

.productInfoDiv  .addToFavorites {
margin-left: 1em;
}
.productInfoDiv {
margin-bottom: 1em;
}
.productInfoDiv .ecBB:hover {
opacity: 0.8;
}
#ucInfoMessagebdy div {
border: 2px solid #00e500;
}
#ucInfoMessagebdy .error {
border: 2px solid red;
}



#ShopContent select {
margin-bottom: 0px;
}
#ShopContent input {
margin-bottom:0px;
}

/* Salesperson login styling start  */
.loginOuter {
background-color: #ffffff;
padding: 0.4em;
}

div.contain-to-grid.sticky {
background: #000000 !important;
}
div.contain-to-grid.sticky .top-bar{
background: #000000 !important;
}
div.contain-to-grid.sticky  a{
background: #000000 !important;
}

div.contain-to-grid.sticky ul.left {
background:#000000;
}
.logoDiv {
min-height: 4em;
display:inline-block;
}

/* ucinfomessagebox styling start */
/*
#ucInfoMessagebdy {
background-color: #ffffff;
padding: 0.3em;
margin-top: 1em;
border: 2px solid #007095;
font-family: "open sans"
}
*/
/* top navigation styling start */
.top-bar-section .has-form {
background-color: #000000;
	padding-left: 0;
}

.top-bar-section .has-form:hover {
background-color: #000000;
}
.top-bar-section ul li {
background: #000000;
}
.top-bar.expanded .title-area {
background: #000000;
}


footer.footer {
margin-top: 4em;
/* position: fixed;
bottom:0em; */
padding: 1em 0em;
background-color: #ffffff;
}
.customBasket {
width: 16em;
cursor: pointer;
padding: 0em 0.5em;
height: 47px;
padding-right: 0.9375rem;
}
.customBasket .row {
background: #333;
}
.customBasket:hover {
opacity: 0.8;
}
.customBasket .columns {
height: 47px;
}

.customBasket .columns.cartIconColumn {
text-align:center;
} 

.customBasket i {
color: #666666;
font-size: 2.5em;
position: relative;
top: 0.1em;
}
.customBasket span{
color: #ffffff;
vertical-align: top;
position:relative;
top:1.1em;
font-size: 0.8125rem;
}
.customBasket span.basketQTY{
padding: 0.3em 0.6em;
border-radius: 50%;
background-color: #0076a3;
}
.customBasket .basketTotalColumn {
text-align:right;
}
.customBasket span.basketPriceAmount{
display:inline-block;
color: #ffffff;
width: 4em;
}
.customBasket .columns img {
position:relative;
top: 1.1em;
}
/* Dropdown minibasket styling */
#customBasketDrop2 {
padding: 0em;
overflow-y: scroll;
    max-height: 300px;
}
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

#customBasketDrop2 #ec32 .HeaderBar td:last-of-type {
display:none;
}
#customBasketDrop2 #ec32 td.c6{
display:none;
}

#customBasketDrop2 #ec32 td.c5 input{
display:inline-block;
width: 3em;
border: none;
background-color: #F9F9F9;
pointer-events: none;
margin-bottom: 0em;
padding: 0em;
-webkit-box-shadow: none;
height: 1em;
}

#customBasketDrop2 #ec32 table{
width:100%;
margin-bottom: 0em;
}

#customBasketDrop2 #ec32 .row td:last-of-type {
display:none;
}
#customBasketDrop2 #ec32 table .row:before {
content: none;
}
#customBasketDrop2 #ec32 table caption { background-image: none; }
#customBasketDrop2 #ec32 table tr.HeaderBar { display: none; }
#customBasketDrop2 #ec32 table tbody td { 
    display: block; padding: .6rem; 
  }
  #customBasketDrop2 #ec32 table tbody tr td:first-child { 
    background: #666; color: #fff; 
  }
  #customBasketDrop2 #ec32 table tbody tr td:first-child a {
  color: #ffffff;
  }
	#customBasketDrop2 #ec32 table tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
  
  #customBasketDrop2 #ec38 table {
  width: 100%;
  }
  #customBasketDrop2 .goToBasketDiv {
  text-align:center;
  }
  #customBasketDrop2 .goToBasket {
  margin-bottom: 0.5em;
  width:100%;
  }


footer div {
text-align:center;
}
/* Login page styling start */
.loginTopLogo {
margin: 2em 0em;
}

.loginOuter h2{
font-size: 1.2em;
font-family: "open sans";
border-bottom: 1px solid #e7eaec;
padding-bottom: 0.2em;
color: #333333;
}
.loginOuter h2 i{
font-size: 1.5em;
margin-right: 0.2em;
position: relative;
top: 0.1em;
color: #333333;
}
.loginOuter h3{
font-size: 1.2em;
font-family: "open sans";
font-style: italic;
color: #6e6e6e;
margin-bottom: 0.7em;
}
.loginOuter input[type="text"], .loginOuter input[type="password"]{
display:block;
height: 3em;
padding-left: 1em;
margin-bottom: 1em;
background-color: #eeeeee;
}
.loginOuter label {
display:block;
font-family: "open sans";
font-size: 1em;
}

.loginOuter div:last-of-type {
text-align:right;
}
.loginOuter div:last-of-type input {
text-align:center;
background: url("/images/editor/Ikons/PasswordLogin.png") no-repeat #bdbdbd;
background-size: contain;
width: 10em;
color: #000000;
font-family: "open sans";
font-weight: bold;
padding-left:4em;
margin-bottom: 0.5em;
}


/* Customer List Styling Start */
#salespersonCustomers #salespersonCustomersh2 {
font-family: "open sans";
border-bottom: 1px solid #e7eaec;
}
#salespersonCustomers label {
display:inline-block;
font-family: "open sans";
font-weight:bold;
}
#salespersonCustomers input.textbox {
display:inline-block;
width: 18em;
}
#salespersonCustomers input.button {
    background-color: #bdbdbd;
	padding-top:0.6rem;
	padding-bottom:0.6rem;
	font-family: "open sans";
}
#salespersonCustomers input.button:hover {
  background-color: #999;
}
  
#salespersonCustomersbdy table {
width: 100%;
}

#salespersonCustomersbdy table tr td:last-of-type a {
background-color: #bdbdbd;
padding: 0.5em 0.3em;
border-radius: 3px;
color: #ffffff;
}
	#salespersonCustomersbdy table tr td:last-of-type a:hover {
background-color: #999;
}
#salespersonCustomersbdy table tr td:last-of-type {

  text-align:right;
}

/* customer list overdued Styling */
#customerListOverdued #customerListOverduedh2 {
font-family: "open sans";
border-bottom: 1px solid #e7eaec;
}
#customerListOverdued label {
display:inline-block;
font-family: "open sans";
font-weight:bold;
}
#customerListOverdued input.textbox {
display:inline-block;
width: 18em;
}
#customerListOverdued input.button {
    background-color: #bdbdbd;
	padding-top:0.6rem;
	padding-bottom:0.6rem;
	font-family: "open sans";
}
#customerListOverdued input.button:hover {
  background-color: #999;
}
  
#customerListOverdued table {
width: 100%;
}
/* Sales Budget Styling */
#salesBudgetControl #salesBudgetControlh2 {
font-family: "open sans";
border-bottom: 1px solid #e7eaec;
}

/* customer Data Styling */
#customerDataDiv  table{
width: 100% !important;
}

/* Frontpage styling */
.logoutButton {
background-color: #eeeeee;
margin-top: 1.0em;
margin-bottom: 0em;
color: #666666;
border: 1px solid #c1c1c1;
padding: 0.5em 1em 0.5em 0.5em;
}
.logoutButton i{
padding: 0.5em 0.5em;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;

}

.frontPageButton {
padding:1em 0em;
background-color: #bdbdbd;
width: 100%;
text-align:left;
margin-bottom: 0.5em;
}
	button:hover, button:focus, .button:hover, .button:focus {
    background-color: #999999;
}
	button.disabled, button[disabled], .button.disabled, .button[disabled], button, .button {
		background-color: #bdbdbd;
	}
	button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
		background-color: #999999;
	}
.frontPageButton i{
padding: 0.73em 1em;
font-size: 1.4em;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
background-color: #999999;
}
.frontPageButton span{ 
padding: 1em;
}
.frontPageRow .side-nav{
background-color: #ffffff;
padding: 0.5em;
}
.frontPageRow h3{
background-color: #ffffff;
color: #666666;
padding: 0em 0.5em;
margin-top:0.8em;
margin-bottom: 0.1em;
}
.frontPageRow h3 i{
margin-right:0.5em;
}

/* leftpane styling  */
#infoMenu2 #infoMenu2h2 {
font-size: 1.8em;
background-color: #bdbdbd;
color: #ffffff;
border-bottom: 2px solid #ffffff;
padding: 0.1em 0.1em;
margin-bottom: 0em;
}
#infoMenu2 {
background-color: #000000;
margin-bottom:1em;
}

#infoMenu2 #infoMenu2l0 {
padding: 0em;
}
#infoMenu2 ul li {
margin-bottom: 0em;
}
#infoMenu2 a{
color: #ffffff;
border-bottom: 2px solid #ffffff;
}
#infoMenu2 a:hover{
background-color: #999;
}
/* product menu styling  Start*/
#pMenu {
margin-bottom: 1em;
}
#pMenu #pMenuh2 {
font-size: 1.8em;
background-color: #bdbdbd;
color: #ffffff;
border-bottom: 2px solid #ffffff;
padding: 0.1em 0.1em;
margin-bottom: 0em;
}
#pMenu {
background-color: #000000;
margin-bottom:1em;
}

#pMenu #pMenul0 {
padding: 0em;
}
#pMenu ul li {
margin-bottom: 0em;
}
#pMenu a{
color: #ffffff;
border-bottom: 2px solid #ffffff;
}
#pMenu a:hover{
background-color: #999;
}
#pMenu a.active {
font-weight:bold;
text-decoration: underline;
}

/* product list styling  Start*/
#ucMenuNamebdy h1{

}
#ShopContent .plistE6 {
width: 100%;
}
#ShopContent .plistE6 .prelement{
text-align: center;
font-family: "open sans";
max-height: 20em;
margin-bottom: 3em;
}
#ShopContent .plistE6 .prelement:hover {
opacity: 0.7;
background-color: #23c6c8;
}
#ShopContent .plistE6 .prelement .prmain {
padding-top:1em;
min-height: 14em;
}

#ShopContent .plistE6 .prelement > div{
background-color: #ffffff;
}

#ShopContent .plistE6 .prelement .prmain h4  {
margin-bottom: 0em;
font-size: 1rem;
}
#ShopContent .plistE6 .prelement .prmain h4 a {
font-size: 0.9em;
font-family: "open sans";
color: #666666;
line-height:1.6;
}
#ShopContent .plistE6 .prelement .prmain p {
font-size: 0.7em;
font-family: "open sans";
color: #666666;
margin-bottom: 0em;
padding-bottom: 0.5em;
}
#ShopContent .plistE6 .prelement .prbasket .prbpri {
font-size: 0.7em;
font-family: "open sans";
color: #666666;
text-decoration: line-through;
display:inline-block;
margin-bottom: 0em;
}
#ShopContent .plistE6 .prelement .prbasket .prpri {
font-size: 1.2em;
font-family: "open sans";
color: #666666;
margin-bottom: 0em;
padding-bottom:1em;
}
#ShopContent .prelement .rowinbasket:before {
font-family: "foundation-icons" !important;
   content: "\f1b1";
   color: #90EE90;
   position:absolute;
   left: 0.5em;
   top:0em;
   font-size: 2em;
   border-radius: 50%;
   z-index: 1;
}




/* productInfo page styling start */
.topBackColumn button {
margin-top: 0.1em;
}
.ucImageControl {
  margin-left: auto;
  margin-right: auto;
}

/* Left pane Navigator Styling */
#leftPaneNavigator {
background-color: #000000;
}
#leftPaneNavigator li {
margin-bottom: 0em;
}
#leftPaneNavigator a{
color: #ffffff;
border-bottom: 2px solid #ffffff;
}
#leftPaneNavigator a:hover{
background-color: #999;
}

/* Basket styling start */
.basketPageDiv .basketHeaderNavigate {
width: 100%;
background-color: #ffffff;
display:inline-block;
}
.basketPageDiv .basketHeaderNavigate .buttonNavNext {
background-color: #43d951;
}
.basketPageDiv .basketHeaderNavigate .button{
margin-bottom: 0em;
}

.basketPageDiv .basketHeader {
width: 100%;
}
.basketPageDiv #ec32 table {
width:100%;
}
.basketPageDiv #ec32 .row:before{
content: none;
}
.basketPageDiv #ec32 .c5 {
text-align:center;
}

.basketPageDiv #ec32 .c5 input{
width: 3em;
margin:0em;
text-align:center;
}
.basketPageDiv #ec32 .c9 {
text-align:center;
}

.basketPageDiv #ec32 td:last-of-type input {
margin: 0em;
}
.basketPageDiv #ec32 td:last-of-type {
text-align:left;
}

.basketPageDiv #ec32 td {
vertical-align:middle;
}

.basketPageDiv #ec38 {
display:inline-block;
width: 100%;
}
.basketPageDiv .basketActionTable {
text-align:right;
background-color: transparent;
}
.basketPageDiv .basketActionTable input {
margin-left: 2em;
margin-bottom: 3em;
}
.basketPageDiv .basketActionTable  {
margin-bottom: 1em;
}
.basketPageDiv .basketNavigateBottom .buttonNavNext  {
background-color: #43d951;
}
.acceptTermsNavigate {
display:inline-block;
width: 100%;
}
.acceptTermsDiv {
background-color: #ffffff;
padding: 1em;
}
.acceptTermsDiv input:first-of-type {
margin-right: 1em;
}




} /* Define mobile styles */

@media only screen and (max-width: 40em) { 
/* order confirmation styles */
.orderconfirmationPage .paymentAddress {
width: 100% !important;
display:block;
}
.ecMatrix  {
overflow-y: scroll;
}
/* Responsive tables Customer List */
#salespersonCustomersbdy table tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}

#salespersonCustomersbdy table tr td:last-of-type {
margin-bottom: 2em;
text-align:right;
}
#salespersonCustomersbdy table tr td:last-of-type::before {
width: 0em;
}
#salespersonCustomersbdy table tr td:last-of-type a {
background-color: #bdbdbd;
padding: 1em 2em;
border-radius: 3px;
color: #ffffff;
}

#salespersonCustomersbdy table caption { background-image: none; }
#salespersonCustomersbdy table thead { display: none; }
#salespersonCustomersbdy table tbody td { 
    display: block; padding: .6rem; 
  }
  #salespersonCustomersbdy table tbody tr td:first-child { 
    background: #666; color: #fff; 
  }
  #salespersonCustomersbdy table tbody tr td:first-child a {
  color: #ffffff;
  }
	#salespersonCustomersbdy table tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
  
  /* order confirmation responsive tables */
.orderconfirmationPage .orderConfirmationSummary table tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}

.orderconfirmationPage .orderConfirmationSummary table tr td:last-of-type {
margin-bottom: 2em;
text-align:left;
}

.orderconfirmationPage .orderConfirmationSummary table tr td:last-of-type a {
background-color: #bdbdbd;
padding: 1em 2em;
border-radius: 3px;
color: #ffffff;
}

.orderconfirmationPage .orderConfirmationSummary table caption { background-image: none; }
.orderconfirmationPage .orderConfirmationSummary table thead { display: none; }
.orderconfirmationPage .orderConfirmationSummary table tbody td { 
    display: block; padding: .6rem; 
  }
.orderconfirmationPage .orderConfirmationSummary table tbody tr td:first-child { 
    background: #666; color: #fff; 
  }
.orderconfirmationPage .orderConfirmationSummary table tbody tr td:first-child a {
  color: #ffffff;
  }
.orderconfirmationPage .orderConfirmationSummary table tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
.orderconfirmationPage .orderConfirmationSummary table td {
text-align:left;
}
.orderConfirmationSummary .HeaderBar {
display:none;
}
  
  
  /* normal basket responsive tables  */
  .basketPageDiv {
padding: 0em;
}
.basketPageDiv #ec32 .HeaderBar td:last-of-type {
display:none;
}
.basketPageDiv #ec32 td.c6{
display:none;
}

.basketPageDiv #ec32 td.c5 input{
display:inline-block;
width: 3em;
border: none;
background-color: #F9F9F9;
pointer-events: none;
margin-bottom: 0em;
padding: 0em;
-webkit-box-shadow: none;
height: 1em;
}

.basketPageDiv #ec32 table{
width:100%;
margin-bottom: 0em;
}


.basketPageDiv #ec32 table .row:before {
content: none;
}
.basketPageDiv #ec32 table caption { background-image: none; }
.basketPageDiv #ec32 table tr.HeaderBar { display: none; }
.basketPageDiv #ec32 table tbody td { 
    display: block; padding: .6rem; 
  }
  .basketPageDiv #ec32 table tbody tr td:first-child { 
    background: #666; color: #fff; 
  }
  .basketPageDiv #ec32 table tbody tr td:first-child a {
  color: #ffffff;
  }
	.basketPageDiv #ec32 table tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
  
  .basketPageDiv #ec38 table {
  width: 100%;
  }
  .basketPageDiv .goToBasketDiv {
  text-align:center;
  }
  .basketPageDiv .goToBasket {
  margin-bottom: 0.5em;
  width:100%;
  }
  
  .basketPageDiv #ec32 .c9 {
  text-align:left;
  }
  
  #ShopContent .basketActionTable input {
  width: 100%;
  margin-bottom: 1em;
  margin-left:0em;
  }
   
  #ShopContent .basketNavigateBottom input{
  width: 100%;
  margin-bottom: 1em;
  }
  #ShopContent .basketHeaderNavigate input{
  width: 100%;
  margin-bottom: 1em;
  }
  #ShopContent .basketHeaderNavigate button{
  width: 100%;
  margin-bottom: 1em;
  }
  
 /* Customer List Styling */
 #salespersonCustomers input.button {
width:100%;
}

.leftMenu {
display:none;
}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) { 
.frontPageButton {
width:18em;
}
.top-bar ul.left li {
height:47px;
background: #000000;
}
.top-bar ul.left li a:not(.button) {
height:47px;
}
	
	.top-bar ul.left li a:not(.button).lnkHome, .top-bar ul.left li a:not(.button).lnkDismissCustomer {
		background-color: #494848 !important;	
		border-radius: 0;
	}
	
	.customerLoginIsTemplate, .customerLoginIsTemplate a, div.contain-to-grid.sticky li.customerLoginIsTemplate a {
		background: none !important;
		background-color: #2a2a2a !important;
		border-radius: 0;
	}

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

.customBasket {
width: 12em;
}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { 
/* Login page styling START */
.loginOuter input[type="text"], .loginOuter input[type="password"]{
display:inline-block;
max-width: 74%;
}
.loginOuter label {
display:inline-block;
width:25%;
}
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */