#CustDetails li{
    font-size:18px;height:auto;margin-bottom:0;margin-top:0;    
    display:inline-block;margin-left:2%;margin-right:2%;color:black;vertical-align:middle;}

#home-page #searchSection{display:none;}
/** General Mobile Version Styles **/
.SideStyle{background-color:var(--BackColor) !important;    top: 136px !important;}
#BasketSummM{color: white;display: inline;font-size: 12px;background: green;border-radius: 50%;width: 20px;top: 13px;height: 21px;
    float: right;
    right: 11px;
    position: relative;
    top: -10px;}


:root{
--YellowColor:#fffc3b;
--FooterColorBG:#3a3a3a;
--BackColor:#154425;
}

.tooltip {
    position: relative;
    display: inline-block;
    color: #006080;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #fffc3b;
    color: black;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-right {
  top: -5px;
  left: 125%;  
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #fffc3b transparent transparent;
}

.tooltip-bottom {
  top: 135%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fffc3b transparent;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;  
  margin-left: -60px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fffc3b transparent transparent transparent;
}

.tooltip-left {
  top: -5px;
  bottom:auto;
  right: 128%;  
}
.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #fffc3b;
}

.PageNumbering:hover{border:0.5px solid #8c8c8c !important;    transition: all .3s ease;background:green;color:white;}
.PageNumbering:hover a{color:white;}
.PageNumberingNav{border-radius:50%;border:0.5px solid #e4e4e4;width:38px;height:38px;display:inline-block;text-align: center;line-height: 37px;cursor:pointer;margin-right:1%;}
.CurrPageNumbering{border-radius:50%;background:green;color:white;width:38px;height:38px;display:inline-block;text-align: center;line-height: 37px;cursor:pointer;margin-right:1%;}
.PageNumbering{border-radius:50%;border:0.5px solid white;width:38px;height:38px;display:inline-block;text-align: center;line-height: 37px;cursor:pointer;margin-right:1%;}
@font-face {font-family: 'Nunito', sans-serif;}

.fade-in3 {
  opacity: 0;
  transform: translateX(-10%);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}
.fade-in3.is-visible {
  opacity: 1;
  transition: opacity 2s ease-out, transform 1.2s ease-out;
  transform: none;
  visibility: visible;
}

.fade-in2 {
  opacity: 0;
  transform: translateX(-10%);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}
.fade-in2.is-visible {
  opacity: 1;
  transition: opacity 2s ease-out, transform 1.2s ease-out;
  transform: none;
  visibility: visible;
}
.fade-in{font-size:48px;}
.fade-in {
  opacity: 0;
  transform: translateY(20vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}
.fade-in.is-visible {
  opacity: 1;
  transition: opacity 2s ease-out, transform 1.2s ease-out;
  transform: none;
  visibility: visible;
}

#ContactButton{border: 0;padding: 13px;font-size: 15px;border-radius: 5px;background: green;}
#ContactButton:hover{background:darkgreen;}
#ApplyButton{border:0;padding:14px;border-radius:5px;background:green;width:22%;margin-bottom:5%;}
#ApplyButton:hover{background:darkgreen;}

/************************************************************** Account Page **/
.SalesInvAddrs{display:inline-block;width:35%;}
.SalesInvProdCodeT{width:16%;}
.SalesInvProdDescT{width:30%;}
.SalesInvProdUnitT{width:10%;}
.SalesInvProdPackT{width:7%;}
.SalesInvProdQtyT{width:8%;text-align:right;}
.SalesInvProdQty{width:8%;text-align:right;}
.SalesInvProdNetT{width:12%;text-align:right;}
.SalesInvProdNet{width:12%;text-align:right;}
.SalesInvProdLineT{width:12%;text-align:right;}
.SalesInvProdLine{width:12%;text-align:right;}
/************************************************************** Quick Order Screen **/
.QuickAddedButton{
    width: 23%;
    background: green;
    color: white;
    border-radius: 5px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 1%;}
.QuickAddedButton:hover{background:darkgreen;}
#mainQOSection{width:100%;margin-left:1%;}
#CheckoutRight{float:right;width:55%;}
#ConfirmedRight{width:20%;float:right;}
div#QuickRight{Margin-top : 0px;Margin-right : 0px;float:left;}
#quickOrder th {color : black;FONT-SIZE : 15px;font-weight:700;text-align:center;}
#quickOrder table{border-spacing:10px;margin-left : -7px;padding : 0px;}
div#QuickLeft{float : left;Margin-left : 0px;Margin-top : 0;Margin-right :40px;width:48%;}
div#QuickRight{Margin-top : 0px;Margin-right : 8px;width:48%;}
.sQuickAdd
{
    border : none;
    background : url("/images/quickadd.png") no-repeat;
    width:230px;
    height:32px;
    margin-left : 5px;
}

#Fav #ProdBlock{width:18% !important;}


/******************************************************************** Login Screen **/
.DefaultButton:hover{background-color:#3a3a3a;}
#login_submit:hover{background-color:#3a3a3a;}
#login_submit{background:#000;color: var(--YellowColor) !important;width:20%;margin:5px;font-size:14pt;padding: 8px;border-radius:5px;}
#login_submit2{background:#000;color: var(--YellowColor) !important;font-size:14pt;padding: 8px;}
.DefaultButton {background-color: #000;max-width:186px;width:100%;font-size:14pt;font-family:Arial;padding:5px;color:white;margin:5px;color: var(--YellowColor) !important;border-radius:5px;}
#ApplyBox{
	background-color: #f5f5f5;
    border: 0.5px #bcbaba solid;
    max-width: 460px;
    width: 100%;
    margin-top: 10px;
    height:344px;
    margin-bottom: 10px;
    float:right;border-radius:5px;
   }
#ApplyBottom{background-color:#f5f5f5;width: 100%;padding-top: 5px;padding-bottom: 5px;height: 46px;}
.MLBox{float:left;margin-top:10px;display:block;width:100%;margin-bottom:15px;}
#mApply{height:264px;padding:10px;}

/** PWA Styles*/
.boxFilter-radioPWA input[type="checkbox"]{width : 30px;border : 0px;VERTICAL-ALIGN: middle;	line-height:1.5em;}
.boxFilter-radioPWA {background-color:white;}
.boxFilter-radioPWA label{display:inline-block;margin-top:1px;color : #5D5D5D;font-family: 'Roboto', sans-serif;FONT-SIZE : 14px;
	vertical-align :middle;	text-align:center;}
div.PromoPriceTextList {height: auto;background: #082e6c;color: white;padding: 8px;font-size: 20px;text-align:center;}
#wRightAdvert{width:96%;float:left;margin-left:1%;}

@font-face {
  font-family: apteanico-mini;
  src: url("/fonts/apteanico-mini.woff"),
  url("/fonts/apteanico-mini.ttf");
  font-weight: bold;
}

#start_button {
    border: 0;
    background-color:transparent;
    padding: 0;
    }
#start_buttonOff {
    border: 0;
    background-color:transparent;
    padding: 0;
}
    
#product-rangepwa #wRight{float: left;
/*    width: 100% !important;*/
    /*margin-left: 1%;*/}
/** #product-rangepwa #ProdBlock{width:32%;} **/
/*&#xe43a  &#x087 &#x2c6    &#x27b  */
#IconView:before {font-family: "apteanico-mini" !important;content: "\e27b";display:inline-block;vertical-align:middle;color:black;}
#IconFont:before {font-family: "apteanico-mini" !important;content: "\e0cf";display:inline-block;}
#IconBasket:before {font-family: "apteanico-mini" !important;content: "\e43a";display:inline-block;}
#IconAccounts:before {font-family: "apteanico-mini" !important;content: "\e2c6";display:inline-block;}
#IconSettings:before {font-family: "apteanico-mini" !important;content: "\e0ae";display:inline-block;}
/*#IconArrow:after {font-family: "apteanico-mini" !important;content: "\e11c";display:inline-block;margin-right:20px;}*/
#IconReport:before {font-family: "apteanico-mini" !important;content: "\e087";display:inline-block;}
#IconEditReason:before {font-family: "apteanico-mini" !important;content: "\e29a";display:inline-block;}
#IconDeleteReason:before {font-family: "apteanico-mini" !important;content: "\e204";display:inline-block;}
#IconDetails:before {font-family: "apteanico-mini" !important;content: "\e27b";display:inline-block;}
#IconPDF:before {font-family: "apteanico-mini" !important;content: "\e1e2";display:inline-block;}

/* #IconReportChange:before {font-family: "apteanico-mini" !important;content: "\e124";display:inline-block;} */
.IconArrowDown:after {font-family: "apteanico-mini" !important;content: "\e124";display:inline-block;margin-right:20px;color:#fffc3b;}
.IconArrowUp:after {font-family: "apteanico-mini" !important;content: "\e11c";display:inline-block;margin-right:20px;color:#fffc3b;}
.IconArrowUpDept:after {font-family: "apteanico-mini" !important;content: "\e11c";display:inline-block;margin-right:20px;color:#fffc3b;}
.IconArrowUp2:after {font-family: "apteanico-mini" !important;content: "\e11c";display:inline-block;margin-right:20px;padding-top:9px;color:#fffc3b;}
.IconArrowUp3:after {font-family: "apteanico-mini" !important;content: "\e11c";display:inline-block;margin-right:20px;color:#fffc3b;}
.IconArrowUp4:after {font-family: "apteanico-mini" !important;content: "\e11c";display:inline-block;margin-right:20px;color:#fffc3b;}
#IconFontSignIn:before {font-family: "apteanico-mini" !important;content: "\e2f9";display:inline-block;}
#IconFontCal:before {font-family: "apteanico-mini" !important;content: "\e035";display:inline-block;}
#IconFontSignOut:before {font-family: "apteanico-mini" !important;content: "\e2fa";display:inline-block;}
#IconFontMenu:before {font-family: "apteanico-mini" !important;content: "\e013";display:inline-block;font-size:34px;}

#IconWishNS:before {font-family: "apteanico-mini" !important;content: "\e311";display:inline-block;font-size:28px;padding-right:10%;}
#IconWishS:before {font-family: "apteanico-mini" !important;content: "\e310";display:inline-block;font-size:28px;padding-right:10%;}
.IconWishNS:before {font-family: "apteanico-mini" !important;content: "\e311";display:inline-block;font-size:28px;padding-right:10%;}
.IconWishNS {font-family: "apteanico-mini" !important;content: "\e311";display:inline-block;font-size:28px;padding-right:10%;}
.IconWishS:before {font-family: "apteanico-mini" !important;content: "\e310";display:inline-block;font-size:28px;padding-right:10%;color:green;}
.IconWishS {font-family: "apteanico-mini" !important;content: "\e310";display:inline-block;font-size:28px;padding-right:10%;color:green;}

.SideProfileItems.li{color:#000;}
ul.SideProfileMenu > li {color:white;padding-top:10px;padding-bottom:10px;}
li.SideProfileItems {font-size:16px;font-family:"roboto_condensedregular",Arial !important;padding-left:5px;border-left:5px solid #f3f3f3;}
li.SideProfileItems:hover{background-color:#b9e2ee;border-left:5px solid #4996b7;transition:background-color 300ms ease-in-out,border-color 300ms ease-in-out;}

/** Side Menu Styles **/
.SideMenuItems.li{color:white;}
ul.SideMenu > li {color:white;padding-top:10px;padding-bottom:10px;}
li.SideMenuItems {font-size:16px;font-family:"roboto_condensedregular",Arial !important;padding-left:5px;}
/*.MenuRef */
ul.SideMenu:hover{width:300px;transition: all .3s;}
li.SideMenuItems:hover{background-color:#1f6d99;border-left:5px solid #4996b7;transition:background-color 300ms ease-in-out,border-color 300ms ease-in-out;}

.debug{width:300px !important;}
#PageWrap{max-width: 1247px;width: 100%;margin-left: auto;margin-right: auto;/*margin-bottom:122px;*/}
.subBlackButtonDiv {background:#154425!important;color:white!important;}
.subGreenButtonDiv {background:Green!important;color:white!important;}
.subRedButtonDiv {background:green!important;color:white!important;border-radius: 5px;}
.subRedButtonDiv:hover{background:darkgreen !important;} 
.subGreyButtonDiv {background:RGB(167,169,171)!important;color:white!important;}
.subButtonDiv {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    height: 35px;
	border : none;
	margin-top : 10px;
    font-size: 20px;
    margin-bottom:7px !important;
    border-radius:5px;
}
/*** Template Styles ***/
#LeftContainer{width:45%;display:inline-block;    vertical-align: top;margin-right:3%;}
#RightContainer{width:50%;display:inline-block;}
.PDetailsHeader{background-color: #000;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    margin-top: 20px;
    letter-spacing: normal;
    color: #ffffff;
    padding-left:3px;}
    
#bodyWrap{width:100%;margin:0 auto;}
.menuItem:hover{background-color:var(--YellowColor);color:#3a3a3a !important;}
.menuItemH {background-color: var(--YellowColor); color: #3a3a3a !important;}
#ErudusLeft {float:left;width:58%;}
#ErudusRigth {float:right;}
#ErudusDetail{width:100%;;margin-top:10px;float:left;}
.ErudusIcon{display: inline-block;width:13%;}
.ui-accordion .ui-accordion-header{padding: .5em .5em .5em .7em; !important;padding-left: 2.2em !important;}
#ErudusLeftDev {max-width: 609px;width: 100%;float: left;}
#ErudusRightDev {max-width: 400px;width: 100%;float: right;}
.effectfront {border: none;margin: 0 auto;}
.effectfront:hover {
  -webkit-transform: scale(1.96);
  -moz-transform: scale(1.96);
  -o-transform: scale(1.96);
  transform: scale(1.96);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border:0px solid black !important;
}
/** header Section ***/
#topHeader { 
	background-color:#3a3a3a;line-height:1em;color:#082e6c;
	padding-bottom:0.75em;
	padding-top:0.75em;
	/*overflow:hidden;*/
	font-size:12px;
	height:30px;
	}
#topHeader a{padding-bottom:0.75em;padding-top:0.75em;color:white;font-size:100%;}
#socialMedia{/*overflow:hidden*/;max-width:1200px;width:50%;margin-left:28px;Float:left}
#socialMedia li{padding-right:28px;}
#middleHeader {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;background:var(--BackColor);
	width:100%;
    color:white;overflow:hidden;}
#middleHeader li{ color:#082e6c;font-size:16px;padding-right:22px;}
#middleHeader a, li{ color:#082e6c;font-size:16px}
/* Filter Box ******************************************************************/
div.boxFilter{width : 100%;max-width:242.549px;margin-top :20px;vertical-align:bottom;border : 1px solid #082e6c;}
#FilterSquareBox {padding-left:4%;background-color:#3a3a3a;color:white;font-family: 'Roboto Condensed', sans-serif;font-size : 14px;padding-top:4%;padding-bottom:4%;}
.boxFilter-radio input[type="checkbox"]{width : 30px;border : 0px;VERTICAL-ALIGN: middle;	line-height:1.5em;}
.boxFilter-radio {background-color:white;}
.boxFilter-radio label{display:inline-block;margin-top:1px;color : #5D5D5D;font-family: 'Roboto', sans-serif;FONT-SIZE : 14px;
	vertical-align :middle;	text-align:center;}

.effectfront {border: none;margin: 0 auto;}
.effectfront:hover {
  -webkit-transform: scale(1.96);
  -moz-transform: scale(1.96);
  -o-transform: scale(1.96);
  transform: scale(1.96);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border:0px solid black !important;
}	

/** New Prod Menu **/
#menuNav{
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 1px #082e6c solid;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
 }
#InnerWrappper{max-width: 1200px;width: 90%;margin: auto;}
#OuterWrap{background: #3a3a3a;width:100%;}
#InnerMenuWrap{max-width: 1213px;width: 100%;margin: auto;}
#InnerMenuWrap ul li{
display: inline-block;
font-size: 12px;
color: white;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
border-right: 1px white solid;
padding: 15px 20px;
}
.MenuDepart:hover{background:darkgray;}
.MenuDepart:active{background:darkgray;}
.Dept li  {padding: 0px 0px 0px 0px;border:0px;line-height:32px;}
#InnerMenuWrap ul li.active a { color:white;}
#InnerMenuWrap ul li.active{background: #0E112B;color:white !important;padding: 15px 20px;display: inline-block;text-decoration: none;}
.Dept{list-style: none;border: 0;display: inline-block;width: 140px;}
#InnerMenuWrap ul li a{display: inline-block;text-decoration: none;}
#SubMenu{display: none;position: relative;display: block;width: 100%;margin-left: auto;margin-right: auto;z-index: 2000;background: #DEE0E3;padding: 50px 0; }   
#PG-nav-items ul {columns: 2;column-gap: 55px;display:block;}
#menuText{display: inline-block;   width: calc(100% - 867px);}
#menuText h3{font-size: 22px;color: #0F1744;text-transform: capitalize;margin: 0 0 20px;}
#PG-nav-items{display: inline-block;border-left: 1px #979797 solid;border-right: 1px #979797 solid;margin: 0 50px;padding: 0 75px 0 55px;width: 454px;}
#PG-nav-items ul li{border: 0;
display: block;
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
/*margin-bottom: 10px;*/
line-height:30px;
padding:0px;
text-transform: capitalize;}


#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 13.5%; /* Place the button at the bottom of the page */
    right: 1.5%; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: var(--YellowColor); /* Set a background color */
    color: black; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {background-color: var(--YellowColor); /* Add a dark-grey background on hover */}
#body{ font-family: 'Nunito', sans-serif;}
body{ font-family: 'Nunito', sans-serif;}
.LineDesc{display:none;}

#butt{background:green;color:white !important;padding:14px;}
/* #butt:active{background:red;} */
#butt:hover{background:darkgreen !important;}
#BarcodeBox {display:inline-block;padding:2%;float:left;margin-left:5%;height:230px;margin-bottom:4%;width:36%;overflow:hidden;-webkit-box-shadow:0 0 8px rgba(50,50,50,.5);-moz-box-shadow:0 0 8px rgba(50,50,50,.5);-ms-box-shadow:0 0 8px rgba(50,50,50,.5);-o-box-shadow:0 0 8px rgba(50,50,50,.5);box-shadow:0 0 8px rgba(50,50,50,.5)}
#BarcodeBox2 {display:inline-block;padding:2%;height:230px;float:right;margin-right:5%;overflow:hidden;-webkit-box-shadow:0 0 8px rgba(50,50,50,.5);-moz-box-shadow:0 0 8px rgba(50,50,50,.5);-ms-box-shadow:0 0 8px rgba(50,50,50,.5);-o-box-shadow:0 0 8px rgba(50,50,50,.5);box-shadow:0 0 8px rgba(50,50,50,.5)}
#BarcodeBox li,#BarcodeBox2 li{color:#082e6c !important;}
#ConfirmSummary {float:right;text-align:right;}
#footerWrap {overflow: hidden;padding: 30px;background-color : var(--BackColor);}
.ProductCode  {width:10%;}
.ProdDesc  {width:30%;}
.ProdSize  {width:5%;}
.ProdPack  {width:5%;}
.ProdPrice  {width:7%;}
.OrdQty  {width:5%;}
.Remove  {width:7%;float:right;}

#FavLine hr{background-color:#DEE0E3;height:1px;border:0;width:100%;}
#FavBox{width:100%;background-color:white;float:left;margin-bottom:3%;}
#FavoriteTable li{vertical-align:middle;display:inline-block;margin-left:1.75%;margin-right:0%;color:#0D183F;font-size:13px;font-weight:bold;}
#FavoriteDetails li{display:inline-block;color:black;margin-left:1.75%;margin-right:0%;font-size:13px;vertical-align:middle;}
#FavoriteDetails img {max-height:50px;width:auto;margin-left:auto!important;margin-right:auto!important;}
.FavGroup {list-style-type:none;margin-left:0%;color:#082e6c !important}
.FavGroup h1 {font-size:19px!important;}
.FavSubGroup {list-style-type: none;}
.FavSubGroup h1 {font-size:21px!important;}
.FavCode  {width:6.5%;text-align:left!important;margin-left:1% !important;}
.FavImage {max-height:50px;width:60px;}
.FavDesc  {width:20%;text-align:left!important;}
.FavSize  {width:5%;}
.FavPack  {width:5%;text-align:right;}
.FavPallet  {width:5%;text-align:right;}
.FavLayer  {width:5%;text-align:right;}
.FavUnit  {width:5%;text-align:right!important;}
.FavStock  {width:6%;text-align:left!important;}
.FavPrice  {width:5%;color:#0D183F!important;font-size:15px!important;font-weight:bold!important;text-align:right!important;}
.FavQty  {width:3%;border: 1px solid black;background-color:white;}
.FavAddBox  {width:33px;margin:9px 0 0 0!important;}
.FavAdd  {width:8%;margin-top:9px!important;}

#OrdhistWrap {width:90%;margin:0 auto;}
#OrdHistBox {max-width:1146px; margin:0 auto;}
#OrdhistLeftBox {float:left;width:45%;margin:0 auto;}
#OrdhistRightBox {float:right;width:45%;margin:0 auto;}
#OrdhistAddrBox {height:135px;width:95%;border:1px solid #082e6c;padding:5px}
#OrdhistAddrBox p1{color:black;font-size:110%}
#OrdhistTitle {margin-top:3%;width:100%;}
#OrdhistTitle h1 {color: #082e6c;font-weight:bold;font-size:130%}
#OrdHistTable li{vertical-align:middle;display:inline-block;margin-left:2%;margin-right:0%;color:#0D183F;font-size:11px;font-weight:bold;}
#OrdHistDetails li{display:inline-block;margin-left:2%;color:black;font-size:13px;margin-top:1%;}
#OrdHistDetails img {max-height:50px;width:auto;}
.OrdHistCode  {background-color:white; width:10%;text-align:left;}
.OrdHistImage {background-color:white;max-height:50px;width:60px;}
.OrdHistDesc  {width:330px;text-align:left;}
.OrdHistSize  {width:80px;}
.OrdHistPack  {width:80px;}
.OrdHistPrice  {width:80px;color:#0D183F!important;font-size:15px!important;font-weight:bold!important;text-align:right!important;}
.OrdHistQty  {width:120px !important;background-color:white;}
.OrdHistQuickAdd {float:right;width:350px;background-color:#082e6c; color:white!important;Font-size:14px!important;font-weight:bold; padding:7px 13px;border-radius:6px;line-height:1.5em}
.OrdHistQuickAdd:hover {background-color:black;}

.AccButton:hover{background-color:#105cd5 !important;}
#AccMenu {background-color:#3a3a3a;width:100%;color:white; line-height:1em;height:37px;padding-top:5px;margin-bottom:4%;}
#AccMenu li,#AccMenu a{color:white;margin-left:2%;margin-right:2%;width:10%;}
#QtyAdd li{display:inline-block;overflow:hidden;}
#order_text{width: 460px; height: 99px;}
#mobMenu,#mSecMenu,#mIcon{display:none;	}
#contTable ,table.contTable,td.contTable{ color:#082e6c;}
#contTable td { color:#082e6c;}
#contactBlock {margin-right:2%;float:right;width:59%;}
#ProdBlock { width:24%;display:inline-block;margin-left:1%;margin-bottom:3px;}
#pageContent { width : 96%; padding:0 2%; margin-top:10px;margin-bottom:20px;}	
#FooterRight { float:right; }
#et-info-phone{font-family: "ETmodules" !important;content: "\e090";}
#et-info-phone:before{font-family: "ETmodules" !important;content: "\e090";}

#BasketTable li{display:inline-block;margin-left:2%;margin-right:2%;color:rgb(167, 169, 172);font-size:20px;}
#AccountSummHeader li,#AccountSummDetails li,#LedgerDetails li
{display:inline-block;margin-left:2%;margin-right:2%;color:#082e6c;font-size:24px;}
#BarcodeDetails li{display:inline-block;margin-left:1%;margin-right:1%;color:black;font-size:14px;}
#LedgerDetails li{font-size:16px;}
#AccountSummDetails li{color:red !important;font-size:24px;}
#BasketDetails li{display:inline-block;margin-left:2%;margin-right:2%;color:black;font-size:20px;margin-bottom:1%;margin-top:1%;vertical-align:middle;height: 46px;}
.NotOrdLine li{display:inline-block;margin-left:2%;margin-right:2%;color:black;font-size:20px;margin-bottom:1%;margin-top:1%;vertical-align:middle;height: 46px;}

#topHeaderMenu{float:right;}
h4 { font-size:24px !important;background-image:url(/images/decoration/dots.png) !important;
background-position :left bottom !important;background-repeat:repeat-x !important;}
#topHeaderMenu li{float:right;color:white;font-size:12px;padding-right:28px;}
#MiddleHeaderTopMenu li{color:red;}
#MiddleHeaderTopMenu {padding-bottom:10px;}
#header{overflow:hidden;}

/** Dashboard Screen **/
#DashboardAccount{float:left;overflow:hidden;width:100%;margin-bottom:5%;}
#DashLeftBox{float:left;width:49%;margin-left:1%}
#DashRightBox{float:right;width:48%;margin-right:1%;}
#DashboardTitle {color:rgb(237, 23, 79);font-size:13px;font-weight:700;float:left;font-weight:bold;}
#DashboardSubTitle{color:#082e6c;font-size:11px;font-weight:700;}
#DashboardTitleValue {color:rgb(237, 23, 79);font-size:33px;text-align: center;}
#dashboard #AccLeftBox {width:100%;float:left;padding-left:5px;height:228px;}
#AccRightBox{font-size:14px;display:inline-block;width:41%;margin-right:8%;float:left;height:228px;padding-top:24px;padding-left:28px;}
#HomePage{width:100%;max-width:1160px;margin-left:auto;margin-right:auto;overflow:hidden;}
#dashboard #Aged {border: 1px solid #DEE0E3;width:100%;background-color: white;float: left;padding-bottom: 30px;display:inline-block;}
#dashboard #Title li{color:#0D183F;font-size:11px;font-weight:700;padding-left: 2%;padding-top: 2%;}
#dashboard #AccountBox{border:1px solid #DEE0E3;width:50%;background-color:white;float:left;padding-bottom:43px;padding-top:42px;}
#mainshell{background:white;margin-bottom:100px !important;border: 1px solid #DEE0E3;padding-right:1%;margin-top:10px !important;}


/** Menu Bar For Product Departments **/
div#nav2{
	    background : #ed0033;
	    margin : 0px 0px;
	    text-align : left;
	    text-decoration : none;
	    Vertical-align : middle;
	    font-size : 16px;
	    height:36px;
	    max-height : 44px;
	    line-height:1em;
	    -webkit-box-shadow:0 3px 2px -1px rgba(50,50,50,.3);
	    	-moz-box-shadow:0 3px 2px -1px rgba(50,50,50,.3);
	    	-ms-box-shadow:0 3px 2px -1px rgba(50,50,50,.3);
	    	-o-box-shadow:0 3px 2px -1px rgba(50,50,50,.3);
		box-shadow:0 3px 2px -1px rgba(50,50,50,.3)
	}
#SMBox {width:40%;float:left;padding: 1% 5%;}
#SMBoxInner {padding: 1px;border:3px;border-style: solid;}
#footer { color:white;font-size:14px;}
#footer p {margin:0px !important;line-height:1.5em!important;font-size:14px!important;color:#fffc3b !important;}
table.prodtable  {font-size : 11px;position : relative;height:34px;border-collapse : collapse;}
/*LEFT BOXES*/
div#left{float : left;max-width : 100%;Margin-top : 0px;padding:0 2% 0;}
#PageHeader{color:#082e6c;font-size:36px;}
.DropDownHeader{
    border-right : 1px solid rgb(255 , 255 , 255);
    border-left : 0px solid rgb(255 , 255 , 255);
    color : #fff;
    font-size:15px;
    padding-left : 4px;
    padding-right : 4px;
    padding-top : 5px;
}
div.boxFilter{width : 234px;line-height : 0.5em;margin-top :20px;vertical-align:bottom;/*margin-left:10px;*/}
/* #searchArea{margin-left:17px;margin-right:auto;width:90%;height : 40px;margin-top :1%;} */

#searchArea{width: 100%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1227px;height: 44px;}

div#searchRight
{
    float : right;
    text-align : right;
    line-height : 1em;
    margin : 0px;
    Margin-top : 5px;
    padding : 0px;
    margin-right:5px;
    overflow : hidden;
}
#page-contact-us p {margin-bottom:0px !important;}
/***********************************************************************************/
table.detailsTable {
	border : 1px solid black;
    border-radius:6px 6px 6px 6px;
     -moz-border-radius:6px 6px 6px 6px;
    -webkit-border-radius:6px 6px 6px 6px;
    padding:0px;
    border-spacing:0px;
}

table.detailsTable1 {border : 1px solid black; border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;padding:0px;
    border-spacing:0px;
    font-size:8px;
 }

/** Promo Slider **/
.MainSlideContainer{
	height: 270px !important;
	  margin-bottom: 3px;
	  position: relative;
	  visibility: visible;
	  padding-right: 80px;
	  float: left;
	  width:100%;

}
.miniNav {position: absolute;top: -20px;right: 0;width:70px;}
.OuterSliderContainer{
	position:relative;
	width:auto;
	max-width: 500px;
	  padding: 20px 9px;
	  background-color: #f6f6f6;
	  min-height: 300px;
	  border-bottom-left-radius: 5px;
	  border-top-left-radius: 5px;
}
.subLogin {
	background:url(/images/login.jpg) no-repeat;
	cursor : pointer;
    width: 81px;
    height: 36px;
	border : none;
	margin-top : 10px;
}

#FrontPageMiddle{float:left;width:100%;}

/****** Menu Navigation ********/
#test{max-width : 950px;height : 32px;background-color : rgb(237, 23, 79);}
#topNavigation {background-color : rgb(237, 23, 79);height : 60px;max-width : 950px;border:1px solid rgb(237, 23, 79);}
#topNavCell {width : 36px;height : 36px;background-color : rgb(0,76,69);}
#topNavCell img{background-color : rgb(0,76,69);float : center;}

/**************************************************** Styles For Checkout Screen *********************/
.chkOutSummary { margin-top : 2%;width:100%;height:239px;;     background-color : rgb(234,236,239);}
.checkoutSummaryRight{
    background-color : rgb(234,236,239);
    Margin-top : 10px;
    margin-left : 10px;
    margin-right :10px;
    padding-top : 10px;
    padding-left :10px;
    padding-right : 10px;
    float : right;
}
.checkoutSummaryRight input {width : 270px;margin-bottom : 5px;}
.checkoutSummaryLeft{ background-color : rgb(234,236,239); Margin-top : 10px; margin-left : 10px;margin-right :0px;padding-top : 10px; padding-left :10px;
    padding-right : 0px;
    float : left;
}

input.checkoutsubmit{border : none;width : auto;height : auto;margin : 0px;}
.GreenText{color : rgb(237, 23, 79);font-size : 24px;}
#Checkout .GreenText{color : rgb(167, 169, 172);font-size : 24px;}
.BlackText{color : black;font-size : 24px;line-height : 1.5em;}
.Normaltext{color : black;font-size : 24px;}
.labelc{color : rgb(237, 23, 79);font-size : 18px;} 
#contacttext{color : rgb(237, 23, 79);font-size : 20px;}
H3#contacth3{color : rgb(237, 23, 79);font-size : 24px;}
H4#contacth4{color : rgb(237, 23, 79);font-size : 20px;}
P#contactP{color : black;font-size : 24px;}
#contactleft
{
    Margin-top : 10px;
    margin-left : 10px;
    margin-right :10px;
    padding-top : 10px;
    padding-left :10px;
    padding-right : 10px;
    float : left;
}
INPUT#contactInput{border:1px solid rgb(237, 23, 79);width: 430px;height:37px;}

TEXTAREA#contacttextarea{
	border:1px solid rgb(237, 23, 79);
	width: 430px;
	height:153px;
}

input,select,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	background:white;}
#contactright{float : right;}
div#contactBox  P{color : white;font-size : 18px;}
div#contactBox h4{color : white;font-size : 24px;}
div#contactBox 
{
    background-color : rgb(237, 23, 79);
    padding-left : 5px;
    
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;

     -webkit-border-top-right-radius: 5px;
        -moz-border-top-right-radius: 5px;
        -ms-border-top-right-radius: 5px;
        -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    
    -webkit-border-bottom-right-radius: 5px;
       -moz-border-bottom-right-radius: 5px;
        -ms-border-bottom-right-radius: 5px;
        -o-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
    
    font-size:10pt;
    height : 400px;
    width:390px;
    color : white;
}

/**************************************************** Styles For Basket Screen *********************/
.basketdcell, .basketdcell tr, .basketdcell th, .basketdcell td
{
    padding : 2px;
    color : rgb(167, 169, 172);
    font-size : 20px;
}

.basketlcell, .basketlcell tr, .basketlcell th, .basketlcell td
{
    padding : 1px;
    color : black;
    border-bottom:1px solid rgb(153,153,153);
    font-size : 20px;
 }
#BasketLine hr{	background-color : rgb(234 236 239);height:1px;	border : 0;width:100%;}
#SplitLine hr{background-color : rgb(153,153,153);height:1px;border : 0;}
#basketRight {background-color : rgb(234,236,239);font-size : 21px;
    float : right;
    Margin-top : 10px;
    margin-left : 10px;
    margin-right :10px;
    padding-top : 10px;
    padding-left :10px;
    padding-right : 10px;
    padding-bottom : 10px;
    margin-bottom : 37px;
    height : 245px;
    vertical-align : bottom;
    
}

#basketRight h3{font-size : 24px;}
.updatesubmit{border : none;background-color:#082e6c !important;color:white !important;border-radius: 5px;
    width:310px;
    height:55px;
    margin-left : 3px;
    margin-bottom : 5px;
    
}
.updatesubmit:hover{background-color: #105cd5 !important;}
.proceedsubmit2
{
    border: none;
    width: 334px;
    height: 50px;
    margin-left: 3px;
    background: green;
    color: white !important;
    font-size: 22px;
    border-radius: 5px;
 }

.proceedsubmit2:hover{background:darkgreen;}
.proceedsubmit{border : none;background:green;color:white !important;border-radius: 5px;
    width:310px;
    height:55px;
    margin-left : 3px;
    margin-top: 5px;
    
}
.proceedsubmit:hover{background:darkgreen;}
.clearBasket{border : none;background-color:red;
    color:white !important;
    width:310px;
    height:55px;
    margin-left : 3px;border-radius:5px;
    
}
.clearBasket:hover{background:darkred;}
/**************************************************** Styles Promotions *********************/
#BottomTextpromo{font-size : 24px;}
/**************************************************** Menu Bar Styles *********************/
td.headTitle{
	font-size:23px;
	color : rgb(28,63,148);
	padding : 0;
	line-height : 90%;
}

table.menuBar
{
	background-color : rgb(237, 23, 79);
	VERTICAL-ALIGN : middle;
	width : 100%;
	height : 36px;
}
td.DarkGreen{	VERTICAL-ALIGN : middle;background-color :  rgb(0,76,69);}
td.custName {color : white;}
.StdPrice, .StdPrice td{color : darkblue;font-size: 28px;}
.StdPriceText, .StdPriceText td
{
     color : rgb(237, 23, 79);
    font-weight : bold;
    font-size : 10px;
    
}
.LStdPrice, .LStdPrice td{color : rgb(237, 23, 79);font-size: 100%;font-weight : bold;}
/****************************************************************************************/
div#ib1out
{
    background-color : rgb(167,169,172);
    padding-left : 5px;
    padding-top : 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;

     -webkit-border-top-right-radius: 5px;
        -moz-border-top-right-radius: 5px;
        -ms-border-top-right-radius: 5px;
        -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    
    -webkit-border-bottom-right-radius: 5px;
       -moz-border-bottom-right-radius: 5px;
        -ms-border-bottom-right-radius: 5px;
        -o-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
 
    height : 250px;
    color : white;
    overflow : auto;
    float:left;
    width:92%;
    padding:4%;
    margin-bottom:10px;
}

div#ib1
{
    background-color : #3a3a3a;
    height : 400px;
    float :left;
    width :90%;
    padding : 4%;
    color : white;
    overflow : auto;
    margin-bottom:10px;
    margin-top:43px;
}

#promotions2 #ib1
{
    background-color : rgb(167,169,172);
    padding-left : 5px;
    padding-top : 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;

     -webkit-border-top-right-radius: 5px;
        -moz-border-top-right-radius: 5px;
        -ms-border-top-right-radius: 5px;
        -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    
    -webkit-border-bottom-right-radius: 5px;
       -moz-border-bottom-right-radius: 5px;
        -ms-border-bottom-right-radius: 5px;
        -o-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
    
    font : normal 10pt Verdana , Arial , Helvetica , sans-serif;
    height : 385px;
    max-width:305px;
    color : white;
    overflow : auto;
}

.AddCell,.AddCell 
{
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 5px;
	margin-top:3px;
	margin-left:0px;
	margin-right:0px;
}
.QtyBox,.QtyBox td
	{
		padding-left : 0px;
		padding-right : 0px;
		padding-top : 5px;
		margin-top:3px;
		margin-left:0px;
		margin-right:0px;
		width : 80%;
	}

div#wleft
{
    float : left;
    width:230px;
    Margin-left : 1%;
    Margin-top : 0;
    Margin-right :5px;
    font-size:10pt;
    position : relative;
}
div#PromoLeft
{
    float : left;
    Margin-left : 0px;
    Margin-top : 0;
    Margin-right :1px;
    font-size:10pt;
    position : relative;
}


/*RIGHT BOXES*/
div#right
{
    float : right;
    Margin-top : 8px;
    Margin-right : 0px;
    width:26%;
   padding:0 2%;
}
#promotions .slideshow {height : 880px !important;}

/* Ipad Specific */
@media screen and (min-device-width : 768px) 
    and (max-device-width : 1024px) and (orientation : landscape) {

#promotions .slideshow {height : 880px !important;}
.PromotionGrpRightBottom{position : absolute;left:670px;}	
.PromotionGrpRight{float : right;position : absolute;left : 630px;}
	div#right
	{
	    float : right;
	    Margin-top : 8px;
	    Margin-right : 0px;
	    margin-left : 60px;
	    max-width : 100%;
	}
}




/* Ipad Specific */
@media screen and (min-device-width : 768px) 
    and (max-device-width : 1024px) and (orientation : portrait) {
#promotions	.slideshow {height : 630px !important;}
.PromotionGrpRightBottom{float:left;left:670px;	}	
	
	div#PromoLeft
	{
	    float : left;
	    Margin-left : 0px;
	    Margin-top : 0;
	    Margin-right :1px;
	    font-size:10pt;
	    position : relative;
	    width:60%;
	    height:auto;
	}

	
}
#promotions div#right{margin-top : 32px;}
div#outerBody{  }
div#headOrig
{
    height : 130px;
    margin : 0px 0px;
    Background-color : white;
    Background-repeat : repeat-x;
   
    size : 23pt;
   
}
a:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  } 
a:visited {
  /* Applies to all visited links */
  text-decoration:  none;
  } 
a:hover   {
  /* Applies to links under the pointer */
  text-decoration:  none;
  } 
a:active  {
  /* Applies to activated links */
  text-decoration:  none;
  } 
div#ShowProduct{border : 1px solid blue;position : fixed;color : blue;font-size : 15px;}
table.ProductBox:hover{border : 1px solid black;padding : 0px;Width : 100%;/*Height : 100%*/;}

.DropDownHeader2{
    border-right : 0px solid rgb(255 , 255 , 255);
    border-left : 0px solid rgb(255 , 255 , 255);
}

.DropDownHeader2Over{
    border-right : 0px solid rgb(255 , 255 , 255);
    border-left : 0px solid rgb(255 , 255 , 255);
}

.DropDownOutBox{
	border:0px;
	background-color : rgb(237, 23, 79);
	     -webkit-border-bottom-left-radius: 5px;
	        -moz-border-bottom-left-radius: 5px;
	        -ms-border-bottom-left-radius: 5px;
	        -o-border-bottom-left-radius: 5px;
	        border-bottom-left-radius: 5px;
	        -webkit-border-bottom-right-radius: 5px;
	           -moz-border-bottom-right-radius: 5px;
	            -ms-border-bottom-right-radius: 5px;
	            -o-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
	    
}
.DropDownSubBox{
	border:0px;
	    background-color : rgb(237, 23, 79); 
	    -webkit-border-bottom-left-radius: 5px;
	    	        -moz-border-bottom-left-radius: 5px;
	    	        -ms-border-bottom-left-radius: 5px;
	    	        -o-border-bottom-left-radius: 5px;
	    	        border-bottom-left-radius: 5px;
	    	        -webkit-border-top-left-radius: 5px;
	    	        -moz-border-top-left-radius: 5px;
	    	        -ms-border-top-left-radius: 5px;
	    	        -o-border-top-left-radius: 5px;
	    	        border-top-left-radius: 5px;
	    	    
	    	         -webkit-border-top-right-radius: 5px;
	    	            -moz-border-top-right-radius: 5px;
	    	            -ms-border-top-right-radius: 5px;
	    	            -o-border-top-right-radius: 5px;
	    	        border-top-right-radius: 5px;
	    	        
	    	        -webkit-border-bottom-right-radius: 5px;
	    	           -moz-border-bottom-right-radius: 5px;
	    	            -ms-border-bottom-right-radius: 5px;
	    	            -o-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
}

.DropDownSubText{
	    font-size : 10px;
	    color : rgb(255 , 255 , 206);
	    background-color : rgb(237, 23, 79);
	    font-weight : normal;
	    text-decoration : none;
	    cursor : pointer;
	    padding : 0px;
	    margin :0px;
}


/********************* Quick Order Screen ***************/
table.DetailsTable td{color : blue;font-size : 15px;}
.PromPrice, .PromPrice tr, .PromPrice td{color : purple;font-weight : bold;font-size : 10px;}
.PromPriceText, .PromPriceText tr, .PromPriceText td{color : purple;font-weight : bold;font-size : 10px;}
.windowContainer
{
    HEIGHT : 100%;
    VERTICAL-ALIGN : middle;
    POSITION : absolute;
    TEXT-ALIGN : center;
    PADDING-TOP : 0px;
    LEFT : 0px;
    Z-INDEX : 99998;
    MARGIN-TOP : 0px;
    DISPLAY : none;
    TOP : 0px;
    WIDTH : 100%;
}

span.OKStatus
{
    font-size : 11px;
    Padding-right : 4px;
    Padding-bottom : 0px;
    Padding-left : 2px;
    Font-weight : bold;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color : green;
    color : rgb(255 , 255 , 255);
    float:right;
}
span.DueIn
{
    font-size : 11px;
    Padding-right : 4px;
    Padding-bottom : 0px;
    Padding-left : 2px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color : rgb(187 , 107 , 40);
    color : rgb(255 , 255 , 255);
}
span.NoStock
{
    font-size : 11px;
    Padding-right : 4px;
    Padding-bottom : 0px;
    Padding-left : 2px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color : red;
    color : rgb(255 , 255 , 255);
}
span.WNT
{
    font-size : 11px;
    Padding-right : 4px;
    Padding-bottom : 0px;
    Padding-left : 2px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color : #082e6c;
    color : rgb(255 , 255 , 255);
}
/**** Display Price Style Sheet ********************** Grid View Styles *****************/
input.iQtyBox
{
	margin-top : 0px;
	text-align : center;  
	width : 48px;	
	Height : 32px;	
}
div.PromoPriceText
{
    color : purple;
    font-size : 12px;
    font-weight : bold;
    
    Line-height : 60%;
}
div.LPromoPrice
{
    color : purple;
    font-size: 100%;
    font-weight : bold;
    
}
div.PromoPrice
{
    color : purple;
    font-size : 28px;
    font-weight : bold;
    
}

.ProdDetailsV5, .ProdDetailsV5 td{font-size: 16px;color : rgb(0,43,84);}
.ProdDetailsV5 a{font-size: 16px;color : rgb(0,43,84);}
.ProdDetails, .ProdDetails td
{
    font-size: 16px;
 /*    border-bottom : 2px solid grey;*/
    color : rgb(0,43,84);
   
}
.ProdDetails a{font-size: 16px;color : rgb(0,43,84);}
.prodLineup td{	position : relative;}
.prodLineup td img{position : relative;border : 1px solid;}
div.UnitCost
{
    
    font-size: 16px;
    color : black;
    padding : 5px;
    
}
div.PUnitCost
{
    
    color : purple;
    padding : 5px;
    font-size : 16px;
}

div.LUnitCost
{
    
    font-size: 12px;
    color : black;
    
    
}

/**** Styles For Menu System *********************************************************/

	
	td.header
	{
	    color : rgb(0 , 83 , 160);
	    font-size:10px;
	}
	a.options
	{
	    color : rgb(43 , 76 , 155);
	    font-size : 10px;
	    PADDING-LEFT : 0px;
	    text-decoration : none;
	}
	a.options:hover
	{
	    color : rgb(0 , 0 , 0);
	    font-size : 10px;
	    text-decoration : underline;
	}
	
	
	td.BasketSummary
	{
	    color : rgb(0 , 83 , 160);
	    font-size:10px;
	}
	div .DropDownHeader2
	{
	cursor : pointer;
	background : rgb(0, 82, 159);
	Height : 23px;
        Padding-top : 1px;
        Padding-bottom : 1px;
        Padding-left : 2px;
        Padding-right : 2px;
	color:#fff;
	
  	font-weight : 100;
	font-size: 10px;
	Border-left-width : 1px;
	Border-right-width : 1px;
	Border-color : white;
	}
	
	
	/* Style Information For The Menu System - Indivdual Boxes */
	div .DropDownHeader2Over
	{
	cursor : pointer;
	background : rgb(0, 140, 255);
	Height : 21px;
        Padding-top : 3px;
        Padding-bottom : 1px;
        Padding-left : 2px;
        Padding-right : 2px;
	color:#fff;
	
  	font-weight : 100;
	font-size: 10px;
	Border-left-width : 1px;
	Border-right-width : 1px;
	Border-color : white;
   	}
   	
   	/* Background of the drop down menu */
	div .DropDownOutBox
	{
	    border : 0px;
	    background-color : #082e6c !important;
	}
	
	div .DropDownSubBox
	{
	    border : 0px;
	    background-color :#082e6c !important;
	     margin-left:0px;
	    	    margin-right : 0px;
	    	    margin-top:10px;
	    margin-bottom:10px;
	    	     -webkit-border-bottom-left-radius: 5px;
	    	        -moz-border-bottom-left-radius: 5px;
	    	        -ms-border-bottom-left-radius: 5px;
	    	        -o-border-bottom-left-radius: 5px;
	    	        border-bottom-left-radius: 5px;
	    	        
	    	        -webkit-border-top-left-radius: 5px;
	    	        -moz-border-top-left-radius: 5px;
	    	        -ms-border-top-left-radius: 5px;
	    	        -o-border-top-left-radius: 5px;
	    	        border-top-left-radius: 5px;
	    	    
	    	         -webkit-border-top-right-radius: 5px;
	    	            -moz-border-top-right-radius: 5px;
	    	            -ms-border-top-right-radius: 5px;
	    	            -o-border-top-right-radius: 5px;
	    	        border-top-right-radius: 5px;
	    	        
	    	        -webkit-border-bottom-right-radius: 5px;
	    	           -moz-border-bottom-right-radius: 5px;
	    	            -ms-border-bottom-right-radius: 5px;
	    	            -o-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;
	    
	   
	}
	
	
	/* Style Information for drop down box from main menu (text information)*/
	div .DropDownSubText
	{
	
	    font-size : 16px;
	    color : #fff;
	    background-color :#082e6c;
	    font-weight : normal;
	    text-decoration : none;
	    cursor : pointer;
	    margin:0px;
	    padding-left:10px;
	    padding-right:10px;
	}
	div#menuitems
	{
	    margin-left : 25px;
	    text-align : left;
	    font-size : 20px;
	    font-weight : normal;
	    z-index : 1;
	    text-decoration : none;
	    color : white;
	    background-color : rgb(0 , 102 , 204);
	}

a:link img
{
    border : 0;
}
.RegBody
{
    
    font-size : 14px;
    color : rgb(51 , 51 , 51);
}
.RegHeader
{
    
    font-size : 24px;
    font-weight : bolder;
    color : rgb(0 , 70 , 150);
}
a:visited img
{
    border : 0;
}

/*LOGGED IN LEFT AND RIGHT BOX HEADERS*/
div.boxtop
{
    padding-top : 3px;
    padding-left : 1px;
    border : 1px solid rgb(0 , 71 , 151);
    background-color : rgb(54 , 137 , 229);
    color : white;
    font : normal 10pt Verdana , Arial , Helvetica , sans-serif;
    font-weight : bold;
    height : 20px;
}
div.boxbottom{background-color : rgb(255 , 255 , 255);border : 1px solid rgb(0 , 71 , 151);}
div.maincontent{color : white;font-size : 8pt;display : block;padding-left : 5px;padding-right : 10px;}
div .text
{
    LINE-HEIGHT : 18px;
    
    FONT-SIZE : 12px;
}
.colpara
{
    PADDING-BOTTOM : 0px;
    LINE-HEIGHT : 18px;
    PADDING-LEFT : 0px;
    PADDING-RIGHT : 0px;
    
    FONT-SIZE : 12px;
    PADDING-TOP : 0px;
}
.colRetail A
{
    COLOR : rgb(238 , 62 , 66);
}
.colRetail H1
{
    COLOR : rgb(238 , 62 , 66);
}
.colRetail H2
{
    COLOR : rgb(238 , 62 , 66);
}
.colRetail H3
{
    COLOR : rgb(238 , 62 , 66);
}
.colRetail H4
{
    COLOR : rgb(238 , 62 , 66);
}
.colRetail H5
{
    COLOR : rgb(238 , 62 , 66);
}
div#det{margin : 10px;width : 500px;float : left;}
div#Pic{margin-top : 0px;width : 200px;height : 275px;}
div.LogoTitle
{
    padding-top : 3px;
    padding-left : 265px;
    color : black;
    font-size:24pt;
    font-weight : bold;
}
div#banner{float : right; margin-top : 5px;}
div#nav
{
    background : rgb(167, 169, 172);
    margin : 0px 0px;
    text-align : left;
    text-decoration : none;
    Margin-top : -6px;
    border-top-style : solid;
    border-bottom-style : solid;
    Border-top-width : 1px;
    Border-bottom-width : 1px;
    Border-color : rgb(0, 82, 159);
    Height : 50px;
    Vertical-align : middle;
    font-size : 10px;

}
div#navitems a
{
    margin-left : 25px;
    text-align : center;
    font-size : 50px;
    font-weight : bolder;
    color : rgb(255 , 255 , 255);
    z-index : 1;
    text-decoration : none;
}
div#bread{width:100%;max-width:1227px;margin:auto;}
div.ob1{background-color : rgb(38 , 77 , 160);margin-bottom : 5px;padding : 5px;}
div.ob2{background-color : rgb(43 , 76 , 155);margin-bottom : 5px;padding : 5px;}
div.ib2{background-color : rgb(118 , 143 , 200);border : 1px solid;}
div.ib3{    background-color : rgb(118 , 143 , 200);border : 1px solid;}

.fieldset1
{
    BORDER-BOTTOM : rgb(104 , 161 , 66) 1px solid;
    BORDER-LEFT : rgb(104 , 161 , 66) 1px solid;
    PADDING-BOTTOM : 5px;
    BACKGROUND-COLOR : rgb(255 , 255 , 255);
    PADDING-LEFT : 5px;
    PADDING-RIGHT : 5px;
    BORDER-TOP : rgb(104 , 161 , 66) 1px solid;
    BORDER-RIGHT : rgb(104 , 161 , 66) 1px solid;
    PADDING-TOP : 10px;
}
.highlightBG{BACKGROUND-COLOR : rgb(255 , 255 , 204);}
.searchCell
{
    BORDER-BOTTOM : rgb(38 , 77 , 160) 1px solid;
    BORDER-LEFT : rgb(38 , 77 , 160) 1px solid;
    PADDING-BOTTOM : 4px;
    BACKGROUND-COLOR : rgb(118 , 143 , 200);
    PADDING-LEFT : 4px;
    PADDING-RIGHT : 4px;
    MARGIN-LEFT : 3px;
    FONT-SIZE : 0.75em;
    COLOR : WHITE;
    BORDER-TOP : rgb(38 , 77 , 160) 1px solid;
    BORDER-RIGHT : rgb(38 , 77 , 160) 1px solid;
    PADDING-TOP : 4px;
}
p, td, th, li, label, a
{
    margin : 8px 2px;
    line-height : 1.5em;
    Color : rgb(51 , 51 , 51);
}
div.white
{
    color : rgb(255 , 255 , 255);
    font : normal 8pt / 1.5em Tahoma , Arial , Helvetica , sans-serif;
}
/*HEADER MENU BOX HEIGHT*/
div#bread p
{
    font : normal 13px / 1.5em Tahoma , Arial , Helvetica , sans-serif;
    padding : 4px 2px;
}
div#bread a{font : normal 13px Tahoma , Arial , Helvetica , sans-serif; }
h1, h2
{
    color : rgb(237, 23, 79);
    margin : 0px 0px 10px 0px;
    Font-size : large;
    Font-weight : bolder;
    Font-style : normal;
    Font-family : sans-serif;
    Padding-bottom : 6px;
    Background-color : rgb(90 , 90 , 90);
    Padding-left : 10px;
    Padding-top : 4px;
    Padding-right : 2px;
}
form{margin : 0px 5px;}
a img{border : 0px;}
img.deal{border : 1px solid rgb(0 , 0 , 0);}
a.productsel{color : rgb(43 , 76 , 155);font : bold 8pt / 1.5em Tahoma , Arial , Helvetica , sans-serif;text-decoration : none;}
a.productsel:hover{ color : rgb(0 , 0 , 0);font : bold 8pt / 1.5em Tahoma , Arial , Helvetica , sans-serif , underline;text-decoration : underline;}
a.products{color : rgb(43 , 76 , 155);font : bold 8pt / 1.5em Tahoma , Arial , Helvetica , sans-serif;text-decoration : none;}
p.bread{color : black;}
a.prodsel{color : rgb(43 , 76 , 155);cursor : pointer;font : bold 8pt / 1.5em Tahoma , Arial , Helvetica , sans-serif;text-decoration : none;}
div.prodsel1
{
    padding-top : 3px;
    padding-left : 2px;
    border : 1px solid rgb(38 , 77 , 160);
    background-color : rgb(118 , 143 , 200);
    color : white;
    font : normal 9pt Verdana , Arial , Helvetica , sans-serif;
    font-weight : bold;
    height : 20px;
}
div.prodsel
{
    color : rgb(43 , 76 , 155);
    cursor : pointer;
    font : bold 8pt / 1.5em Tahoma , Arial , Helvetica , sans-serif;
    text-decoration : none;
}
td.prodsel
{
    color : rgb(43 , 76 , 155);
    cursor : pointer;
    font : bold 8pt / 1.5em Tahoma , Arial , Helvetica , sans-serif;
    text-decoration : none;
}
div#navitems img{margin : 1px 18px 0px 0px;}
td.deal
{
    background-color : rgb(255 , 255 , 255);
    border : 3px dotted rgb(0 , 0 , 0);
    margin : 5px 10px 5px 0px;
    padding : 10px;
}
tr.barcodewizardtitle
{
    background-color : rgb(37 , 77 , 160);
    border : 1px solid rgb(118 , 143 , 200);
    color:white;
}

table.barcodewizardbody
{
    padding : 0px;
    border : 1px solid rgb(118 , 143 , 200);
    color : rgb(255 , 255 , 255);
}
img.ttl{margin : 5px;}
input, select{margin : 0px 0px;font : normal 8pt Tahoma , Arial , Helvetica , sans-serif;}
textarea{font : normal 8pt Tahoma , Arial , Helvetica , sans-serif;line-height : 1.4em;overflow : auto;}
select{font : normal 8pt Tahoma , Arial , Helvetica , sans-serif;}
input.submit{font : normal 8pt Tahoma , Arial , Helvetica , sans-serif;}
td, th{Padding-top : 0px;Padding-left : 2px;Padding-right : 2px;Padding-bottom : 0px;}
th{font-weight : bold; text-align : left;Color : white;}
.tcell, .tcell tr, .tcell th, .tcell td
{
    border : 1px solid rgb(204 , 204 , 204);
    background-color : rgb(54 , 137 , 229);
    padding : 2px;
    Color : white;
    Font-weight : bold;
}
/*PRODUCT LISTING BOXES*/

.icell, .icell tr, .icell th, .icell td
{
    border : 1px solid rgb(204 , 204 , 204);
    background-color : rgb(233 , 249 , 202);
    padding : 2px;
}
/*WEB DEAL PRICE*/
p.dprice{color : rgb(255 , 0 , 0);font : bold 14pt Tahoma , Arial , Helvetica , sans-serif;}
p.ddesc{color : rgb(17 , 17 , 17);font : bold 9pt Tahoma , Arial , Helvetica , sans-serif;}
table.deal p{margin : 3px 0px;}
td.deal h1{border-bottom : 2px solid rgb(0 , 174 , 239);}
div#about{clear : both;float : right;position : relative;}
TD.nostock{Color : white;Background-color : red;Font-weight : bold;}
TD.DueInDate{color : white;Background-color : rgb(255 , 102 , 0);Font-weight : bold;}
img.special{
    border : 2px solid;
    Border-color : rgb(28 , 91 , 162);
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
nav ul{	list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';	content:none}
a
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}

ins
{
	background-color:#ff9;
	color:#000;
	text-decoration:none}
mark
{
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:700
}
del{text-decoration:line-through}
abbr[title],dfn[title]
{
	border-bottom:1px dotted #000;cursor:help
}

hr
{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
input,select
{
	vertical-align:middle
}
ol,ul
{
	list-style:none
}
table{color:#082e6c !important;}

select,input,textarea{font:99% arial,helvetica,"Nimbus Sans L","Bitstream Vera Sans",sans-serif}
code,pre{font-size:1em}
body,select,input,textarea{color:#444;}
h1,h2,h3,h4,h5,h6{font-weight:700;text-rendering:optimizeLegibility}
/*a{color:#607890}*/
a{color:#082e6c;}
small{font-size:85%}
strong,th{font-weight:700}
td,td img{vertical-align:top}
sub{vertical-align:sub;font-size:smaller}
sup{vertical-align:super;font-size:smaller}
pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline}
* html input{vertical-align:text-bottom}
input[type=button],input[type=submit],button{cursor:pointer;   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
button{width:auto;overflow:visible; }
label{display:block;overflow:hidden}
textarea{margin:0}
img{border:0;display:block}
hr{margin:0}
address{font-style:normal}
caption,th{text-align:left;font-weight:400}


td{vertical-align:top;}var{font-style:normal}
#Fav td{vertical-align:middle}



#header nav .home a,#page-contact-us .tel .type,.divisions li,.slideshow .index li,.product .index li,.heads li,.product .step li a,.product .step li
{
	list-style-type:none!important;
	
	background-repeat:no-repeat
}

#header nav .home a,#page-contact-us .tel .type,.product .index li a,.product .step li a{text-indent:-9000px;white-space:nowrap;overflow:hidden}
#header nav .home a,#page-contact-us .tel .type,.product .index li a,.product .step li a{background-repeat:no-repeat;display:block;}

.product .index>ul,.product .step>ul,#header .main-menu>ul,
{
	overflow:hidden;
	list-style-type:none;
	margin-left:0!important
}

.product .index>ul>li,.product .step>ul>li,#header .main-menu>ul>li
{float:left;list-style-type:none;
}

.slideshow .index>ul>li>a,.product .index>ul>li>a,.product .step>ul>li>a,#header .main-menu>ul>li>a,.suppliers .block>ul>li>a,#footer .depots>ul>li>a
{display:block}

h2,h3,:not(.employee) h4:only-child,.label,legend,p,#main li,#page-about-us li,p strong,input,
select,textarea,.heads .employee p,.button,button
{font-weight:400}

.group>.block:only-child p{font-weight:400}

.main-menu a,.employee h4,.employee p,article p,h5,.product p,#page-index .news-teaser p
{}
.group>.block:only-child h3{padding-bottom:0}
.group>.block:only-child p{line-height:1}

legend {font-size:20px}

h2{font-size:22px!important}
h2,h3,:not(.employee) h4:only-child,.label,legend{line-height:.99em;padding-bottom:.3em}

#footer .main-menu a{font-size:16px}

#header .main-menu a,#main .block ul~p,.product p,.employee p,article p,#page-index .news-teaser p{font-size:14px}


#footer .copyright{margin-bottom:.2em}.employee p{line-height:1em}#footer .depots p{line-height:1.4em}#footer .depots p{line-height:1.7em}.info p strong{white-space:nowrap}#main p{margin-bottom:1em}.weight-bold{font-weight:700}
.weight-normal,h1,h2,h3,h4,h5,strong{font-weight:10}.style-italic{font-style:italic}.optimized-legibility{text-rendering:optimizeLegibility}
.divisions lited-underline,.product .index lited-underline,.heads lited-underline,.block>header h4
{background-image:url(/images/decoration/dots.png);background-position:left bottom}

#footer .main-menu li
{background-image:url(/images/icons/chevron.png);background-position:0 2px;padding-left:15px}

.divisions li a,.product .index li a,.heads li a{background-image:url(/images/icons/dot.png);background-position:left 5px;background-repeat:no-repeat}.divisions li a:hover,.slideshow .index li a:hover,.product .index li a:hover,.heads li a:hover,.divisions li.selected a,.slideshow .index li.selected a,.product .index li.selected a,.heads li.selected a{background-position:left -32px}

#header nav .home a
{
	background-image:url(/images/home.png);
	background-position:center;
	width:19px;
	height:20px;
}
#header nav .mbasket a
{
	background-image:url(/images/basket.png);
	background-position:center;
	
	background-repeat:no-repeat;
	width:19px;
	height:20px;
	float:right;
}


#header nav .basket a
{
	background-image:url(/images/basket.png);
	background-position:center;
	
}



#page-contact-us .tel{clear:both;overflow:hidden;display:block}
#page-contact-us .tel .value{float:left;margin-top:3px}
#page-contact-us .tel .type{background-image:url(/images/icons/telephone.png);width:18px;height:22px;float:left;margin-right:9px}

.slideshow .index li a,.product .index li a{width:14px;height:24px}
.product .step li a{background-image:url(/images/icons/chevrons.png);background-position:left top;width:14px;height:16px}.product .step li:last-child a{background-position:right top}
#footer{background-color : var(--BackColor);}

	
#main ul{margin-left:17px}

#wrapper,#page-contact-us .group:nth-child(2)>div:first-child>:last-child
{
	
}

input,textarea{border:1px solid}

#header .main-menu>ul>li{border-left:1px solid}
#header .main-menu>ul>li{border-right:1px solid}



 .main-menu{
	position:relative;z-index:1000000000;
	
	-webkit-box-shadow:0 3px 2px -1px rgba(50,50,50,.3);
	-moz-box-shadow:0 3px 2px -1px rgba(50,50,50,.3);
	-ms-box-shadow:0 3px 2px -1px rgba(50,50,50,.3);
	-o-box-shadow:0 3px 2px -1px rgba(50,50,50,.3);
	box-shadow:0 3px 2px -1px rgba(50,50,50,.3)
}

#page-contact-us .group:nth-child(2)>div:first-child>:last-child h4{background-image:none!important}
#header .main-menu li:first-child{border-left:0}
#header .main-menu li:last-child{border-right:0}
#main .heads li:last-child{border-bottom:0}
#header .main-menu a,#page-news article>div:first-child>div,.button,.divisions .info .division>a,button{color:#FFF}

.dark strong,#page-contact-us .group:nth-child(2)>div:first-child>:last-child *{color:#FFF!important}

.error .label{color:#F00}.error input,.error select,.error textarea{border-color:#F00!important}


h2,h3,:not(.employee) h4:only-child,.label,legend,h2 a,h3 a,:not(.employee) h4:only-child a,.label a,legend a,.employee h4,#footer a,.block li a:hover,.block li.selected a
{color:rgb(0,43,84)}


h2,.block h3,#main .block p strong,#main p a,.label,legend{color:#082e6c;}


#page-contact-us .label,#page-contact-us legend{color:black;}
#page-contact-us .block p strong {color:rgb(0,43,84)}


#promotions2 h2{color:rgb(0,43,84); 
    font-size: 20px;
     border-bottom : 2px dotted grey;margin-bottom:10px;}


#header .main-menu ul ul a:hover{color:#0ff}
h5,.block li a,#main li, input,select,textarea{color:#082e6c !important}


.product p{color:#505050}
#wrapper{background-color:#FFF}

html{background-color:#EEE}
.product{background-color:#F3F3F4}

#header nav,#header .main-menu ul ul,button
{
	background : rgb(167, 169, 172);
	max-width : 950px;
	
}


.button,button{background-color : #ed0033;}

#header .main-menu>ul>li:hover,
#page-index #header .main-menu .home,
#page-contact-us #header .main-menu .contact-us,
#nproduct-range #header .main-menu .mproduct-range,
#product-range #header .main-menu .mproduct-range,
#promotions #header .main-menu .mpromotions,
#QuickOrder #header .main-menu .mQuickOrder,
#Account #header .main-menu .mAccount,
#Basket #header .main-menu .mbasket,
#Fav #header .main-menu .mfav{ background-color : rgb(237,23,79);}
	
#header .main-menu li{border-right-color:#2b3990!important}
#header .main-menu li{border-left-color:#FFF!important}
#header h2{width:250px;margin-top:15px}
#header{margin:0 0px}
#footer .depots{float:right}
#header h1 { float:left;}
#header h2{font-size:22px!important}
#header h1{max-width:100%}
#header h1 a{display:block}


input,select,textarea{	border-color : rgb(167,169,172);}

.group>:only-child{width:auto!important;float:none!important}.suppliers li{margin-right:1.1237%}.suppliers li{margin-bottom:1.1237%}.button,.divisions .info .division>a,button{display:inline-block}.button,.divisions .info .division>a,button{margin-right:10px;padding:7px;margin-bottom:.5em}.button:last-of-type,.button:only-child,.divisions .info .division>a:last-of-type,.divisions .info .division>a:only-child,button:last-of-type,button:only-child{margin-right:0}
#page-contact-us .group:nth-child(2)>div:first-child>:last-child{
	margin-top:4.2em;
	overflow:hidden;
	padding:0 .9em;
	padding-top:1.4em
}

fieldset{margin-top:1.1em}legend{margin-bottom:.8em}
label{margin-bottom:.5em}
#product-range label{margin-bottom:0px;}
#nproduct-range label{margin-bottom:0px;}
input,select,textarea{width:100%}


input,textarea{padding:4px;background:white;}
textarea{height:8em}
#footer .copyright,#header,#footer,#main,.slideshow,.suppliers{clear:both}
#header>div,#footer,#footer .copyright,#main{/*overflow:auto*/}


#header h1 img{width:auto;height:auto;max-width:100%}

#main{padding:0 0px}


.heads li a{display:block;padding:2px 0;padding-top:4px;padding-left:17px}
#main .heads ul,#main .divisions ul{margin-left:0}
#footer .main-menu{margin-bottom:.8em}
.block img{margin:0 auto}




/** Nexus tablet and smaller tablets for example 7 inch screens**/
@media screen and (min-device-width: 600px) and (max-device-width:900px){
	/* #ProdBlock { width:50% !important;display:inline-block !important;} */
/*    #ProdBlock { width:99%;max-width:540px;margin-left:auto !important;margin-right:auto !important;display:block;}*/
/*	#basketRight {width:96%;background-color : rgb(234,236,239);font-size : 20px;float : left;
    			Margin-top : 1%;margin-left : 1%;margin-right :2%;padding-top : 1%;padding-left :1%;padding-right : 1%;padding-bottom :1%;margin-bottom : 1%;
    			height : 142px;vertical-align : bottom;}*/

/*	#basketRight h3{margin-left:3%;font-size : 20px;}*/
	/*#BasketTable li{display:none;}*/
	/*#BasketDetails li{display:inline-block;margin-left:1%;margin-right:1%;color:black;font-size:20px;float:left;}*/
	/*.ProductCode  {width:100%;}
	.ProdDesc  {width:100%;font-size:20px !important;}
	.ProdSize  {width:14%;}
	.ProdPack  {width:11%;}
	.ProdPrice  {width:20%;}
	.OrdQty  {width:20%;}
	.Remove  {width:10%;}*/
	
	/*.checkoutSummaryRight{*/
	    /**float : left;
	    width : 100%;
	    margin-top:11%;
	    margin-left:0; **/

        /*float: left;
    width: 95% !important;
    margin-left: 0;*/
}

}
/*******************************************************************/

@media only screen and (min-width : 769px)
{
	#page-index .group>.block
	{ 
		float:left;width:26.3%
	}
	#page-index .group>.block:not(:nth-child(3n+3)){margin-right:5.3%}
	#page-index .group>.block:nth-child(3n+1){width:36.8%}
	#page-index .group>:nth-child(7){width:68.4%!important}
	#page-index .group>:last-child{margin-right:0!important}html:not(#page-news) .group{overflow:hidden;clear:both}html:not(#page-news) .group>*{float:left}
	
	html#page-contact-us .group{overflow:hidden;clear:both}
	html#page-contact-us .group-right-heavy{overflow:hidden;clear:both}
	html#page-contact-us .group-left-heavy{overflow:hidden;clear:both}
	html#page-contact-us .group>*{float:left}
	html#page-contact-us .group>*{width:47.3684%}
	
	html#page-contact-us .group>:only-child,html#page-exports .group>:only-child{width:auto!important;float:none!important}}

#footer .main-menu,#header h2{float:right;text-align:right;}
}



#wrapper {max-width : 1010px;}
div.LoginForm label{margin:0;padding-bottom:0;}

#product-range h1 {
	margin-top : 10px;
	color : rgb(237, 23, 79);
	font-size : 24px;
}
#nproduct-range h1 {
	margin-top : 10px;
	color : rgb(237, 23, 79);
	font-size : 24px;
}

#Fav p{margin-left:1%;}
#product-range p{
	margin-top : 10px;
	margin-bottom : 10px;
	color : black;
	font-size : 24px;
	line-height : 1em;
}

#nproduct-range p{
	margin-top : 10px;
	margin-bottom : 10px;
	color : black;
	font-size : 24px;
	line-height : 1em;
}

/********************* Search Box ***********************/

#product-range #outerBox{
/*	border : 1px solid #082e6c;*/
	max-width : 338px;
	width:100%;
	height : 40px;
}

#nproduct-range #outerBox{
	max-width : 338px;
	width:100%;
	height : 40px;
}

#testbox {margin-top : -50px;float : right;width :200px;}

#QuickOrder h1,#page-index h1,#Account h1,#Checkout h1,#Fav h1,
#Promotion-groups h1,#Promotion-List h1,#page-contact-us h1,#page-about-us h1,#promotions h1,
#Fav h1,#product-range h1,#nproduct-range h1,#Confirmation h1,#Promotion-Select h1,#page-login h1,#promotion-page h1,#NotOrdered h1,#product-rangepwa h1
{
	margin-top : 10px;
	margin-bottom : 17px;
	line-height:1em;
	color : #000;
	font-size : 20px;
	margin-left:1%;
}

#Basket h1{
	margin-top : 10px;
	margin-bottom : 2%;
	
	color : rgb(167, 169, 172);
	
	font-size : 24px;

}


#QuickOrder h2 {color : rgb(237, 23, 79);font-size : 24px;}
#QuickOrder p,#Account p,#Promotion-List p,#page-index p{
	margin-top : 0px;
	margin-bottom : 20px;
	
	font-size : 20px;
	line-height : 1.2em;
	margin-left : 1%;
}

#Promotion-groups p{margin-bottom:4%;margin-left:1%;}
.submitFilter
{
    margin : 0px;
    padding : 0px;
    border : 0px;
    background : url("/images/refinesearch.png") no-repeat;
  }
.testradio input[type="radio"]{display:none;}
.testradio input[type="radio"]{display:none;display:inline-block;width:30px;height:40px;background-image:url('/images/checked.png') 0 0px no-repeat;}


.radio-toolbar input[type="radio"]{
	width : 30px;
	border : 0px;
	VERTICAL-ALIGN: bottom;
	line-height:1.5em;
}


.radio-toolbar label{
	display:inline-block;
	line-height:1em;
	margin-top:1px;
	color : rgb(0,43,84);
	FONT-SIZE : 14px;
	width:9%;
	vertical-align :middle;
	text-align:center;
}
.radio-toolbar { margin-bottom:2px;border-bottom : 2px dotted grey;line-height:1.5em;}
table.ProductBox
{
   background-color : white;
    padding : 2px;
    width : 100%;
/*    Height : 100%;*/
    border-spacing : 10px;
    border-collapse: collapse;
    padding : 10px;
    border : 1px solid #e3e3e3;
}

table.ProductBox:hover
{
  
    border : 1px solid black;
  
}
#productBox {
	display:inline-block;
	width : 230px;
	position:relative;
}

.productLine { 
	border : 1px solid;
	position:relative;
}


table.searchBox{
border-collapse : collapse;
border : 1px solid;
width : 100%;
max-width : 100%;

}

 #outerBox{
/*	border : 1px solid #082e6c;*/
	max-width : 304px;
	width:100%;
	margin-left:1%;
	height : 40px;
}
#outerBox input.sBox
{ -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;

     -webkit-border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        -ms-border-top-right-radius: 4px;
        -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    
    -webkit-border-bottom-right-radius: 4px;
       -moz-border-bottom-right-radius: 4px;
        -ms-border-bottom-right-radius: 4px;
        -o-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
            border: 1px solid #bab8b8;
    width: 277px;
    height:38px;
    color : rgb(237, 23, 79);
    font-size : 13px;
}


.sSearch
{
    margin : 0px;
    padding : 0px;
    background: url(/images/searchicon.png) no-repeat!important;
    height: 22px;
    width: 22px;
    border: none;
}


div#searchRight h2
{	
	
    font-size : 16px;
    color : rgb(0,76,69);
     line-height : 1em;
     margin : 0px;
     padding : 0px;
}



div#searchLeft
{
    float : left;
    
    Margin-left : 0px;
    Margin-top : 0;
    Margin-right :40px;
    width : 100%;
    max-width:434px;
    
}

div#PromoLeft h1 {

	color : rgb(237, 23, 79);
	
	font-size : 24px;
	margin-top : 20px;

}

div#PromoLeft p {color : rgb(0,0,0);font-size : 24px;line-height : 1em;	margin-bottom : 20px;}
#promotions p {color : rgb(0,0,0);font-size : 17px;margin-top : 0px;}
tr.basketText { font-size : 24px;color : black;}

/* When menu option is highlighted */
div .DropDownHeaderOver
	{
	cursor : pointer;
	background : #082e6c;
    border-right : 1px solid rgb(255 , 255 , 255);
    border-left : 0px solid rgb(255 , 255 , 255);
    color : #fff;
    font-size:15px;
    padding-left : 4px;
    padding-right : 4px;
    padding-top : 5px;
   	}


.DropDownHeaderOver
	{
	cursor : pointer;
	background : #082e6c;
    border-right : 1px solid rgb(255 , 255 , 255);
    border-left : 0px solid rgb(255 , 255 , 255);
    color : #fff;
    font-size:15px;
    padding-left : 4px;
    padding-right : 4px;
    padding-top : 5px;
   	}

/*********** Accounts Screen ***************************/
.lcell, .lcell tr, .lcell th, .lcell td{    color : rgb(237,23,79);}
.dcell, .dcell tr, .dcell th, .dcell td{color : black;}
.dcell, .dcell tr, .dcell th, .dcell td,.lcell, .lcell tr, .lcell th, .lcell td
{
    
    
    font-size: 24px;
    height : 5px;
    border-spacing : 0px;
    line-height : 1em;
    
}
#page-about-us .acell{  
 
    color : #082e6c !important;
    height : 5px;
    border-spacing : 0px;
    line-height : 1em;
    }

table.account {border-collapse : separate;margin-left : 0px;margin-bottom : 20px;}

 .accountlcell tr,.accountlcell td{

	 
	    font-size: 24px;
	    border-spacing : 0px;
	    line-height : 1em;
	    color : rgb(167 , 169 , 172);
	    border-bottom:1px dotted grey;
	    margin-top:2px;
	    text-align:bottom;
    
}

.accountlcell a{line-height:1em;text-align:top;}
#account table{border-collapse :separate;}
.test{width : 20%;font-size: 24px;}
#Checkout p{font-size: 18px;margin-left:1%;margin-bottom : 20px;}

img.footerImage{width : auto;height :auto;max-width : 100%;}
.PromotionGrpLeft{float : left;width : auto;height :auto;max-width:100%;margin :0px;margin-left :-10px;padding : 0px;}
.PromotionGrpRight{float : right;width : auto;height :auto;max-width:100%;margin : 0px;margin-right : -5px;padding : 0px;}
PromotionGrpRight img,.PromotionGrpLeft img{ width:auto;height:auto;max-width:100%;overflow:hidden;margin-right : -10px;}
.PromoMiddle{float : left;width:auto;height : auto;max-width:100%;margin-left : -10px;}
.PromoMiddle img{float : left;width:auto;height : auto;max-width:100%;margin-left : -2px;}
.PromoMiddle1 {margin-top : 30px;float : left;width:auto;height : auto;max-width:100%;display:block;border : 1px solid;position :relative;}
img.PBLogo {margin-top : 40px;margin-bottom : 20px;width : auto;height : auto;max-width : 100%;}


.FooterLeft {
float : left;
width : auto;
height :auto;
margin :0px;
padding : 0px;
margin-right:40px;
color:#fffc3b;
/*background-color : #082e6c;*/

}


#page-contact-us section h4{font-size:24px;}
#page-contact-us section h3,#Confirmation h3,#nproduct-range section h3,#product-range section h3{margin-top : 20px;}
#page-about-us  p{line-height : 1.5em;}
#page-about-us .textList li { list-style-type : disc;}


#page-about-us .block .HistImage{
position : relative !important;
margin-left:0px !important;
width:auto;
height:auto;
left:0px !important;

margin-bottom : 9px;
}
	
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {#page-index div#right{float : left;}

}

.blockDelText{line-height : 1em;font-size:18px;}


/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/* NOTE : THis section should cover most tablets ***/

/***************************************************/
/***************************************************/
/***************************************************/
@media 
only screen and (max-width: 760px),
(min-device-width: 770px) and (max-device-width: 1020px)   {
#wRightAdvert{display:none;}
    .LastSizeTitle{display:inline-block !important;}
    .LastPackTitle{display:inline-block !important;}
    .LastCodeTitle{display:inline-block !important;}
    .LastPriceTitle{display:inline-block !important;}
    .OrdHistCode{width:39% !important;}
    .OrdHistSize{width:32% !important;}
    .OrdHistPrice{width:31% !important;}

    #BasketSort{font-size:18px !important;}
    #gridicon{font-size:18px !important;margin-bottom:5% !important;width:71% !important;}
    .InvAddrTitle{display:inline-block;width:45%;}
    #TitleLine{display:none !important;}
    .SalesInvProdCodeT{width:100% !important;}
    .SalesInvProdDescT{width:100% !important;}
    .SalesInvProdUnitT{width:30% !important;}
    .SalesInvProdPackT{width:30% !important;}
    .SalesInvProdQty{width:30% !important;text-align:left;}
    .SalesInvProdNet{width:45% !important;text-align:left;}
    .SalesInvProdLine{width:45% !important;text-align:left;}
    .InvTotals{width:45% !important;float:left !important;margin-left:5% !important;}

    #InvCode{display:inline-block !important;}
    #InvUnit{display:inline-block !important;}
    #InvSize{display:inline-block !important;}
    #InvQty{display:inline-block !important;}
    #InvNetPrice{display:inline-block !important;}
    #InvLineValue{display:inline-block !important;}
    
    .SalesInvAddrs{width:100% !important;margin-bottom: 15px;}

    #MobileDetails{width:97% !important;}
    #scanner-page .subButtonDiv{width:25% !important;}

    .MobileOrdStatusStatus{float:right !important;}
    .QuickAddedButton{width:53% !important;}
    .NotOrdLineT{display:none;}
    #ContactDetails1 {width:100% !important;}
    .PDFImg{width:15% !important;}
    .ViewImg{width:12% !important;}
    #OrdHistTable{display:none;}
    .LastOrdLine{height:initial !important;}
    #lastorder #OrdhistLeftBox{width:100%;}
    #lastorder #OrdhistRightBox{width:100%;}
    #lastorder #OrdhistAddrBox{height:160px !important;}
    /** For LastOrders Screen **/
    #MobOrdLine{width:14% !important;font-size:13px !important;}
    #MobOrdLineT{width:17% !important;font-size:13px !important;}
    #MobDateLine{width:15% !important;font-size:13px !important;}
    #MobDateLineT{width:15% !important;font-size:13px !important;}
    #MobOrdRef{width:36% !important;font-size:13px !important;}
    #MobOrdRefT{width:36% !important;font-size:13px !important;}
    #MobOrdView{width:7% !important;font-size:13px !important;}
    #MobOrdViewT{width:7% !important;font-size:13px !important;}
    .TransDate{float:right !important;}
    .TransType{float:right !important;}
    .LPayDateTitle{display:inline-block !important;}
    .LInvDateTitle{display:inline-block !important;}
    #Account #TitleThirty{width:100%;}
    #LI30{width:17% !important;}
.PayDate{width:100% !important;}
    #AccMenu li,#AccMenu a {width:18%;}
    #Basket .ProdPack{width:14% !important;}
    #Basket #BasketDetails{float:left;width:100%;}
    #Basket #BasketDetails li{height:28px;}
    .LineTotal{margin-left:20px !important;}
    .OrdQty{width:11% !important;}
    #Basket .OrdQty{width:17% !important;}
    .LineTotal{width:23% !important;text-align:left !important;margin-left:5% !important;}
    .subButtonDiv{width: 100% !important;margin: 0px;border-radius: 5px;height: 39px;}
    .updatesubmit{max-width:534px;width:100%;margin-left:auto;margin-right:auto;}
    .clearBasket{max-width:534px;width:100%;margin-left:auto;margin-right:auto;}
    .proceedsubmit{max-width:534px;width:100%;margin-left:auto;margin-right:auto;}
    #order_text{width: 100%; height: 99px;}
.checkoutSummaryLeft{margin-left:0;margin-right:1%;width:94%;}
#CheckoutRight{width:initial;}
#SizeConfirm{display:inline-block !important;}
.chkOutSummary{height:718px !important;}
#NotImage{width:100% !important;}
#NotPackSize{width:30% !important;}
#bread{display:none;}
.AccButton{width:96%;}
#Title1{display:none !important;}
#Title2{display:none !important;}
#BalTitle{display:inline-block !important;}
#OverTitle{display:inline-block !important;}
#TitleThirty{display:inline-block !important;}
#TitleSixty{display:inline-block !important;}
#TitleNine{display:inline-block !important;}
#TitleGreat{display:inline-block !important;}
#ApplyBox{float:initial !important;width:97%;margin-right:5px;margin-left:5px;}
div#wleft{display:none;}
#home-page .flexslider {display:none !important;}
#footer{
position: fixed;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    left:0;
    width: 100%;z-index:99;}
#DashboardAccount{display:none;}
#H1PWA{margin-bottom:3% !important;margin-top:3% !important;font-size:28px;}
#Basket td{font-size:18px;}
#wRightAdvert{width:100%;float:left;margin-left:0%;}
#page-about-us input{width:90%;}
#topHeader{display:none;}
#LogoI{width:98%;}
#MiddleHeaderTopMenu{display:none !important;}
div#right{display:block !important;}
div#left{display:none !important;}
#LeftContainer{width:96% !important;margin-left:2%;}
#RightContainer{width:96% !important;margin-left:2%;}
#DashLeftBox{float:left;width:100%;}
#DashRightBox{float:right;width:100%;}
#DashboardTitle{margin-left:10px;}
#dashboard #AccLeftBox{width:100% !important;height:initial;}
#AccRightBox{width:91% !important;margin-top:15px !important;}
#OrdTitle{width:20% !important;}
#OrdDate{width:22% !important;}
#OrdStatus{width:30% !important;}
#footerWrap {padding-left:1%;padding-top:1%;display:none;}
#contactBlock {margin-right:2%;float:left;margin-left:2%;}
#ProdBlock { width:99%;max-width:540px;margin-left:auto !important;margin-right:auto !important;display:block;}
#Aged{width:97% !important;}
#MiddleHeaderLeft,#middleHeaderRight {width:100% !important;position:relative;}
#middleHeader a, li{padding-left:0px;color:#3a3a3a;font-size:16px !important;}
#MiddleHeaderLeft a {display:block;margin:auto;float:left;position:relative;}
#FooterRight { float:left !important; }
div#left{float : left;width:96%;font-size:70% !important;}
div#right{font-size:70% !important;max-width:353px;width:100%;margin-left:auto;margin-right:auto;float:initial !important;}
#PageHeader{color:#082e6c;font-size:30px;}
#mobMenu,#mSecMenu{display:block;}
#BigMenu,#secMenu{display:none;}
.CutStyle{display:inline-block !important;}
#mIcon { display:inline; }
#AutoBox{width:95% !important;}
.ProductCode{width:28% !important;}
#Basket .ProductCode{width:30% !important;}
#Basket .ProdDesc{width:92% !important;}
.ProdDesc{width:79% !important;}
#SummTable{width:100%;}
.PWASlider{float:initial !important;}
#basketRight{width:95% !important;    height: 245px;}
.basketSumm{height:102px !important;}
#InnerMenuWrap ul li{font-size:8px;display:none;}
#middleHeader{position:fixed;top:0;width:100%;z-index: 999999;padding-bottom:0;}
#bodyWrap{margin-top: 89px;}
#Basket #bodyWrap{margin-top:80px !important;}
#SocialMedia{display:none;}
div#ib1{height:358px;border:0.5px #bcbaba solid;color:black;background-color:#f5f5f5;border-radius:5px;}
#mainshell{/*height:500px;*/padding-bottom:185px;}
#LoginSection1{margin-top:17px !important;}
#searchRight{display:none;}
#searchArea{width:100%;height:70px;}
div#searchLeft {max-width:initial;width:100%;margin-top:20px;}
#product-range #outerBox{max-width:initial;}
#nproduct-range #outerBox{max-width:initial;}
#AccountBox{width:99% !important;
padding-bottom: 29px !important;
    padding-top: 17px !important;}
#OrdStatusHeader{display:none !important;}
#product-rangepwa #wRight{width:96% !important;}

#FooterMob{display:block !important;padding-top:10px;height:50px;}
#MobileBasketStautusBar{display:block !important;}
#product-range #ib1{display:none;}
#nproduct-range #ib1{display:none;}
#QuickOrder input.sBox, #page-index input.sBox, #Account input.sBox, #Basket input.sBox, #Checkout input.sBox, #Basket input.sBox, #Fav input.sBox, #Promotion-groups input.sBox, #Promotion-List input.sBox, #nproduct-range input.sBox,#product-range input.sBox, #Confirmation input.sBox, #Promotion-Select input.sBox {
width:90%;height:49px;}
.radio-toolbar{display:none;}
#MobDetLine{margin-right:0 !important;width:55% !important;}
#MobOrdRef{width:40% !important;}
#LI30{width:44% !important;}
#TitleThirty{width:57% !important;text-align:left !important;}
#Basket .ProdPack{width:19% !important;}
#Basket .ProdSize{width:24% !important;}
.LineTotal{margin-left:4% !important;}
#CheckoutRight{width:initial;}
#ConfirmedRight{width:95% !important;float:right;margin-right:2% !important;}
.flex-viewport{max-height:291px !important;}
#SizeConfirm{display:inline-block !important;}
#Fav .ProdDesc{width:65% !important;height:38px;}
.FavPrice{width:18%;}
.FavPakSize{width:51%;}
#QuickLeft{width:100% !important;}
#QuickRight{width:100% !important;}
#AccMenu li{float:left;width:30%;}
#AccMenu {height:45px;margin-top:10px;}
.LineDesc{display:inline-block;}
#BarHead,#AccHead li{display:none;}
#BarcodeBox{margin-left:2%;width:92%;font-size:14px;height:243px;}
#BarcodeBox2{margin-left:2%;width:92%;margin-bottom:2%;height:293px;float:left;}
#OrdStatusHeader ul{display:none;}
legend {font-size:14px}
#ProdBlock {margin-bottom:10%;width:99%!important}
/*#gridCont {margin-left:20%;}*/
#product-rangepwa #gridCont{margin-left:0%;}
#product-rangepwa #ProdBlock{margin-bottom:5%;}
#product-rangepwa #ib1{display:none;}
#ConfirmSummary {float:right;text-align:right;font-size:16px;}
#nproduct-range h1,#product-range h1,#Checkout h1,#Confirmation h1{font-size:22px;margin-top:0%;margin-bottom:0%;}
#Confirmation h3{margin-top:10%;float:left;width:100%;}
#Checkout p{margin-left:1%;font-size:16px;}
.checkoutSummaryLeft{margin-left:0;margin-right:1%;width:94%;}
.checkoutSummaryRight{float : left;width : 95% !important;margin-left:0;}

input.checkoutsubmit
{
border : none;
width :99%;
margin-bottom:2%;
margin : 0px;
padding-left:0px;
background-size:100% 100%;
}

#order_text{width: 100%; height: 99px;}
#BasketTable li{display:none;}
#BasketDetails li{display:inline-block;margin-left:1%;margin-right:1%;color:black;font-size:15px;float:left;}
.ProductCode  {width:100%;}
.ProdDesc  {width:100%;font-size:16px !important;}
.ProdSize  {width:14%;}
#Confirmation .ProdSize  {width:28%;font-weight: normal !important;}
#Checkout .ProdSize  {width:30%;font-weight: normal !important;}
#Confirmation .ProdPack,#Checkout .ProdPack  {width:22%;text-align:left !important;font-weight: normal !important;}
#Confirmation .VAT  {width:27% !important;text-align:left !important;font-weight: normal !important;}
#Confirmation .ProdPrice,#Checkout .ProdPrice  {width:27% !important;text-align:left !important;font-weight: normal !important;}
#Checkout .OrdQty{width:27% !important;text-align:left !important;font-weight: normal !important;}
#Checkout .LineTotal{width:37% !important;text-align:left !important;}
#Confirmation #BasketDetails li,#Checkout #BasketDetails li{height:35px !important;}
.ProdPack  {width:11%;}
.ProdPrice  {width:20%;}
.OrdQty  {width:20%;}
.Remove  {width:10%;}
.DetLine {width:45% !important;}
#AccGroup {margin-bottom:25px;}
#QuickOrder input.sBox,#page-index input.sBox,#Account input.sBox,#Basket input.sBox,#Checkout input.sBox,#Basket input.sBox,#Fav input.sBox,
#Promotion-groups input.sBox,#Promotion-List input.sBox,#product-range input.sBox,#nproduct-range input.sBox,
#Confirmation input.sBox,#Promotion-Select input.sBox
{
/*  border : 0px;*/
width: 81%;
height:38px;
color : rgb(237, 23, 79);
font-size : 15px;
}
.clearBasket
{
border : none;
font-size:25px;
margin-bottom : 5px;
background-size:100% 100% !important;
width:98% !important;

}
.updatesubmit{border : none;margin-bottom : 5px;background-size:100% 100% !important;width:98% !important;font-size:25px;}
.proceedsubmit{border : none;background-size:100% 100% !important;width:98% !important;font-size:25px;}
#basketRight {
width:96%;
background-color : rgb(234,236,239);
 font-size : 15px;
float : left;
Margin-top : 1%;
margin-left : 1%;
margin-right :2%;
padding-top : 1%;
padding-left :1%;
padding-right : 1%;
padding-bottom :1%;
margin-bottom : 1%;
height : 226px;
vertical-align : bottom;
}

#basketRight h3{margin-left:3%;font-size : 23px;}
#Basket h1 {margin-left:3%;margin-top:12% !important;font-size:17px;color:black;}

/*** Section for Full screen advert when you log in ***/
#FrontPageMiddle{margin-top:0px !important;}
#searchArea{margin-top:3%;}
/*.OuterSliderContainer{max-width:initial !important;width:100% !important;float:left;margin-left:0% !important;}*/
#mainshell{height:auto;}
/*** Section for full page advert once logged in ****/
#FrontPageMiddle{margin-top:60px !important;}
#searchArea{margin-top:3%;}
.OuterSliderContainer{max-width:540px !important;width:100% !important;float:left;margin-left:0% !important;margin-left:auto !important;margin-right:auto !important;z-index:1;margin-top: 59px;}
#mainshell{min-height: calc(100vh - 363px) !important;margin-top:5% !important;}
#product-rangepwa #mainshell{margin-top:0% !important;}


@media (max-width: 400px) { body { }


}

}

/****************************************************/
/****************************************************/
/*** Put this in just for the bigger older IPADS ****/
@media (min-device-width: 768px) and (max-device-width: 1020px)  {
    #Fav #ProdBlock{width:95% !important;}
    .MobileOrdStatusStatus{float:right !important;}
    /** Confirmation Screen **/
    #ConfirmedRight{width:47% !important;margin-right:2% !important;}
    /** PWA NOT Ordered Screen **/
    #ProdBlock {
        margin-bottom: 10%;
        width: 99%!important;
        max-width: 540px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    }
    /** CHeckout Screen **/
    #Checkout .checkoutSummaryRight{width:100% !important;float:left;}
    #Checkout #basketRight{float:left;width:91% !important;}
    #Checkout #CheckoutRight{width:35% !important;margin-right:7%;}
    #Checkout .chkOutSummary{height:auto !important;float:left;}

    /** Accounts Page ***/
    #Account .AccButLi{width:20% !important;}
    #Account .AccButton{padding:14px !important;}

    .QuickAddedButton{width:36% !important;}
    #basketRight{width:44% !important;margin-bottom:150px;}
    .PDFImg{width:83% !important;}
    .ViewImg{width:68% !important;}
    .TransDate{float:Right !important;}
    #LogoI{width:80%;}
    #TitleSixty{width:100% !important;}
    #TitleNine{width:100% !important;}
    #TitleGreat{width:100% !important;}
    #TitleThirty{width:99% !important;text-align:right !important;}
    #FrontPageMiddle{margin-top:60px !important;}
    #searchArea{margin-top:0%;float:left;}
    .chkOutSummary{height:718px !important;}
    .DetLine{font-size:18px !important;}
    #AccountSummHeader li, #AccountSummDetails li, #LedgerDetails li{font-size:18px !important;}
    
    #topHeader{display:none;}
    #LogoI{width:98%;}
    #MiddleHeaderTopMenu{display:none !important;}
    div#right{display:block !important;}
    div#left{display:none !important;}
    #LeftContainer{width:96% !important;margin-left:2%;}
    #RightContainer{width:96% !important;margin-left:2%;}
    #FooterRight { float:left !important; }
div#left{float : left;width:96%;font-size:70% !important;}
div#right{font-size:70% !important;max-width:353px;width:100%;margin-left:auto;margin-right:auto;float:initial !important;}
#PageHeader{color:#082e6c;font-size:30px;}
#mobMenu,#mSecMenu{display:block;}
#BigMenu,#secMenu{display:none;}
#mIcon { display:block; }
#AutoBox{width:95% !important;}
#MiddleHeaderLeft, #middleHeaderRight {
    width: 100% !important;
    position: relative;}
    #MiddleHeaderLeft, #middleHeaderRight {
        width: 100% !important;
        position: relative;}  
#MiddleHeaderTopMenu{display:none;}
#InnerMenuWrap ul li{display:none;}
#bread{display:none;}
div#wleft{display:none;}
#home-page .flexslider {display:none !important;}
#footer{
position: fixed;
    bottom: 0;
    width: 100%;z-index:99;}
#DashboardAccount{display:none;}
#footerWrap {padding-left:1%;padding-top:1%;display:none;}
#FooterRight { float:left !important; }
#FooterMob{display:block !important;padding-top:10px;}
#MobileBasketStautusBar{display:block !important;}
#FrontPageMiddle{margin-top:60px !important;}
div#ib1 {
    height: 358px;
    border: 0.5px #bcbaba solid;
    color: black;
    background-color: #f5f5f5;
    border-radius: 5px;
}
#SocialMedia{display:none;}
#mainshell {
    min-height: calc(100vh - 200px) !important;
    margin-top: 1% !important;
}
.OuterSliderContainer {
    max-width: 600px !important;
    width: 100% !important;
    float: left;
    margin-bottom:100px;
    margin-left: 12% !important;
    margin-bottom:100px !important; 
    z-index:1; 
}
.debug{margin-top:57px !important;}
#searchArea{margin-top:3%;}
}


/** Styles for a low resolution screen espcially fehads retailers**/
@media (min-width:769px) and (max-width:1024px) {
	#PWAApplyButton{font-size:13pt !important;height:39px !important;}
	#wRightAdvert{display:none;}
	div#ib1{height:325px;}
/*	#FrontPageMiddle{margin-top:20px;}  */
	#PWATextLogin{font-size:17px !important;}
	#button{font-size:28px !important;}
	#login_submit2{font-size:14pt !important;height:39px !important;}
	#PWAH1{font-size:17px !important;}
	.PWAInput{height:30px !important;font-size:16px !important;margin-bottom:7px !important;}
	#LogoI{width:57%;}
/*	#ProdBlock{width:29%;} */
	#wRight{width:74% !important;}
	#InnerMenuWrap ul li{font-size:9px;padding: 10px 19px;}
	#socialMedia li{padding-right:10px !important; }
	#socialMedia{margin-left:6px !important;width:35% !important;}
    #AccMenu li, #AccMenu a{width:16% !important;}
    #AccountSummHeader li, #AccountSummDetails li, #LedgerDetails li{font-size:18px !important;}

}

/*** Style changes for smaller screens - Mobile Phone**/
@media 
only screen and (max-width: 520px){
#wRightAdvert{display:none;}
    .MobTitleOrd{float:left !important;width:39% !important;}
    .MobileStatT{float:left !important;width:39% !important;}

    #MobDelDate{display:inline-block !important;}
    
    #CheckoutRight{float:left !important;margin-left:4% !important;}
    #Confirmation .OrdQty{width:23% !important;text-align:left !important;}
    a{color:#082e6c;}
    #Fav #ProdBlock{width:95% !important;}
    .MobApplyBox{display:none;}
    .mobDisplay{width:45% !important;}
    #MobileTotalStatus{width:37% !important;}
    .SalesInvProdCodeT{width:100% !important;}
    .SalesInvProdDescT{width:100% !important;}
    .SalesInvProdUnitT{width:30% !important;}
    .SalesInvProdPackT{width:30% !important;}
    .SalesInvProdQty{width:30% !important;text-align:left;}
    .SalesInvProdNet{width:45% !important;text-align:left;}
    .SalesInvProdLine{width:45% !important;text-align:left;}
    .InvTotals{width:45% !important;float:left !important;margin-left:5% !important;}
    #MobOrdLineT{width:14% !important;text-align:right;}
    #MobOrdViewT{margin-left:4% !important;}
    #MobDateLine{margin-left:1% !important;}
    #TitleLine{display:none;}
    .InvAddrTitle{display:inline-block;width:45%;}
    #LogoI{width:84% !important;}
    #MobileDetails{width:97% !important;}
    #scanner-page .subButtonDiv{width:25% !important;}

    .SalesInvAddrs{width:100% !important;}
    .QuickAddedButton{width:90% !important;}
    .NotOrdLineT{display:none;}
    #MobDetLine{margin-right:0 !important;width:55% !important;}
    #MobOrdRef{width:40% !important;}
    #LI30{width:44% !important;}
    #TitleThirty{width:57% !important;text-align:left !important;}
#Basket .ProdPack{width:19% !important;}
#Basket .ProdSize{width:27% !important;}
.LineTotal{margin-left:4% !important;}
#CheckoutRight{width:initial;}
#ConfirmedRight{width:69%;float:right;}
.flex-viewport{max-height:291px !important;}
#SizeConfirm{display:inline-block !important;}
#Fav .ProdDesc{width:65% !important;height:38px;}
.FavPrice{width:18%;}
.FavPakSize{width:51%;}
#QuickLeft{width:100% !important;}
#QuickRight{width:100% !important;}
#AccMenu li{float:left;width:30%;}
#AccMenu {height:45px;margin-top:10px;}
.LineDesc{display:inline-block;}
#BarHead,#AccHead li{display:none;}
#BarcodeBox{margin-left:2%;width:92%;font-size:14px;height:243px;}
#BarcodeBox2{margin-left:2%;width:92%;margin-bottom:2%;height:293px;float:left;}
#OrdStatusHeader ul{display:none;}
legend {font-size:14px}
#ProdBlock {margin-bottom:10%;width:99%!important}
/*#gridCont {margin-left:20%;}*/
#product-rangepwa #gridCont{margin-left:0%;}
#product-rangepwa #ProdBlock{margin-bottom:0%;}
#product-rangepwa #ib1{display:none;}
#ConfirmSummary {float:right;text-align:right;font-size:16px;}
#product-range h1,#Checkout h1,#Confirmation h1{font-size:22px;margin-top:14%;margin-bottom:10%;}
#nproduct-range h1,#Checkout h1,#Confirmation h1{font-size:22px;margin-top:14%;margin-bottom:10%;}
#Confirmation h3{margin-top:10%;float:left;width:100%;}
#Checkout p{margin-left:1%;font-size:16px;}
.checkoutSummaryLeft{margin-left:0;margin-right:1%;width:94%;}
.checkoutSummaryRight{float : left;width : 95% !important;margin-left:0;}

input.checkoutsubmit
{
    border : none;
    width :99%;
    margin-bottom:2%;
    margin : 0px;
    padding-left:0px;
    background-size:100% 100%;
}

#order_text{width: 100%; height: 99px;}
#BasketTable li{display:none;}
#BasketDetails li{display:inline-block;margin-left:1%;margin-right:1%;color:black;font-size:15px;float:left;}
.ProductCode  {width:100%;}
.ProdDesc  {width:100%;font-size:16px !important;}
.ProdSize  {width:14%;}
#Confirmation .ProdSize  {width:28%;font-weight: normal !important;}
#Checkout .ProdSize  {width:30%;font-weight: normal !important;}
#Confirmation .ProdPack,#Checkout .ProdPack  {width:22%;text-align:left !important;font-weight: normal !important;}
#Confirmation .VAT  {width:27% !important;text-align:left !important;font-weight: normal !important;}
#Confirmation .ProdPrice,#Checkout .ProdPrice  {width:30% !important;text-align:left !important;font-weight: normal !important;}
#Checkout .OrdQty{width:27% !important;text-align:left !important;font-weight: normal !important;}
#Checkout .LineTotal{width:58% !important;text-align:left !important;}
#Confirmation #BasketDetails li,#Checkout #BasketDetails li{height:35px !important;}
.ProdPack  {width:11%;}
.ProdPrice  {width:20%;}

#Basket .OrdQty{width:14% !important;}
.OrdQty  {width:20%;}
.Remove  {width:10%;}
.DetLine {width:45% !important;}
#AccGroup {margin-bottom:25px;}
#QuickOrder input.sBox,#page-index input.sBox,#Account input.sBox,#Basket input.sBox,#Checkout input.sBox,#Basket input.sBox,#Fav input.sBox,
#Promotion-groups input.sBox,#Promotion-List input.sBox,#product-range input.sBox,#nproduct-range input.sBox,
#Confirmation input.sBox,#Promotion-Select input.sBox
{
  /*  border : 0px;*/
    width: 81%;
    height:38px;
    color : rgb(237, 23, 79);
    font-size : 15px;
}
.clearBasket
{
    border : none;
    font-size:25px;
    margin-bottom : 5px;
    background-size:100% 100% !important;
    width:98% !important;
    
}
.updatesubmit{border : none;margin-bottom : 5px;background-size:100% 100% !important;width:98% !important;font-size:25px;}
.proceedsubmit{border : none;background-size:100% 100% !important;width:98% !important;font-size:25px;}
#basketRight {
	width:96%;
	background-color : rgb(234,236,239);
 	font-size : 15px;
	float : left;
    Margin-top : 1%;
    margin-left : 1%;
    margin-right :2%;
    padding-top : 1%;
    padding-left :1%;
    padding-right : 1%;
    padding-bottom :1%;
    margin-bottom : 1%;
    height : 226px;
    vertical-align : bottom;
}

#basketRight h3{margin-left:3%;font-size : 23px;}
#Basket h1 {margin-left:3%;margin-top:12% !important;font-size:17px;color:black;}

/*** Section for Full screen advert when you log in ***/
#FrontPageMiddle{margin-top:0px !important;}
#searchArea{margin-top:13%;}
/*.OuterSliderContainer{max-width:initial !important;width:100% !important;float:left;margin-left:0% !important;}*/
#mainshell{height:auto;}
 /*** Order Status Screen ***/
 .MobileOrdStatusNo{width:100% !important;}
 .MobileOrdStatusView{margin-left:0px !important;}
 .MobileOrdStatusStatus{/*float:left !important;*/text-align:left !important;float:left !important;}
 .SmallMobileDetLine{width:66% !important;}

}

/**** Smaller Phone Like Janice Phone ***/
@media (min-width:360px) and (max-width:360px) {
    #CheckoutRight{float:left !important;margin-left:4% !important;}
    .MobTitleOrd{float:left !important;width:39% !important;}
    .MobSearchPCode{width:10% !important;}
    .MobSearchSize{width:5% !important;}
    .MobSearchPack{width:3% !important;}
    .MobileStatT{float:left !important;width:39% !important;}
    .BlankCol{width:5% !important;}
    #Fav #ProdBlock{width:95% !important;}
    #MobileTotalStatus{width:37% !important;}
    .OrdHistImage{vertical-align:middle !important;}
    .OrdHistQuickAdd{width:329px !important;}
    .SalesInvProdCodeT{width:100% !important;}
    .SalesInvProdDescT{width:100% !important;}
    .SalesInvProdUnitT{width:30% !important;}
    .SalesInvProdPackT{width:30% !important;}
    .SalesInvProdQty{width:30% !important;text-align:left;}
    .SalesInvProdNet{width:45% !important;text-align:left;}
    .SalesInvProdLine{width:45% !important;text-align:left;}
    .InvTotals{width:45% !important;float:left !important;}
    .SmallMobileDetLine{width:66% !important;}
    .SmallMobileLI{height:auto !important;}
    #MobileDetails{width:97% !important;}
    #scanner-page .subButtonDiv{width:25% !important;}
    #LogoI{width:85% !important;}
    #FooterMob{width:87% !important;}
    /**** Sales Invoice Display ***/
    .SalesInvAddrs{width:100% !important;margin-bottom: 15px;}
    #TitleLine{display:none;}
    .InvAddrTitle{display:inline-block;width:45%;}
    /*** Order Status Screen ***/
    .MobileOrdStatusNo{width:100% !important;text-align:left;}
    .MobileOrdStatusView{margin-left:0px !important;}
    .MobileOrdStatusStatus{float:left !important;}
    /*** Search Box ****/
    #outerBox { max-width:266px;}
    #outerBox input.sBox{width:233px;}

    /*** Basket Screen ****/
    #Basket .ProdSize{width:27% !important;}
    #Basket .ProdPrice{width:20% !important;}
    #Basket .QtyInput{width:100% !important;}

    /**Account Screen **/
/*    .TransTypeMobTitle{display:none !important;}*/
#MobOrdLineT{width:14% !important;text-align:right;}
#MobOrdViewT{margin-left:5% !important;}
#MobDateLine{margin-left:1% !important;width:20% !important;}
#MobOrdLine{margin-right:1% !important;}
#MobDateLine{width:19% !important;}
#MobDateLineT{width:19% !important;margin-right:1% !important;}
    .TransNoMobTitle{width:66% !important;}
    .TransTypeMobTitle2{width:66% !important;}
    #AccGroup{border-bottom:0.3px solid lightgray;padding-bottom:10px;}
    #MobDetLine{width:66% !important;}

    /*** Not Ordered Screen ****/
    .NotOrdLineT{display:none;}

}



@media (min-resolution: 1.25dppx) and (min-width:769px) and (max-width:1024px) {
#LogoI{width:45% !important;}
}





@media (max-width:900px){
	#SMBox {width:80%;float:left;padding: 1% 10%;}
#SMBoxInner {padding: 40px;border:30px;border-style: solid;;height:548px}
}


@media all and (display-mode: standalone) {
 //Styles for when the app opened up in stand alone
}

/** Lenovo Tablet 534px width***/
@media screen and (min-device-width: 500px) and (max-device-width:600px){
#product-rangepwa #ProdBlock{width:80% !Important;}
#basketRight{height:240px;}

}