/**Nunito**/
html, body {
	font-family:'Oswald';
}

/****** removes arrows on number START
https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
 */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/****** removes arrows on number END*****/

/*************** FOOTER PAGE START ***********************************/

.sitebase {
	/*background-color: #464646;*/
	background-color: #294376 ; /* #333;*/
	color: #fff; /*white;*/
	/*margin-top: 2px;*/
	padding-top:50px;
	padding-bottom:50px;
	height: auto;
	font-size: 16px;
	width: 88%;
	font-family:'Oswald';
	padding-left:6%;
	padding-right:6%;
	float:left;
}

.sitebase a {
	color: #fff; /*white;*/
	font-family:'Oswald';
	text-decoration: none;
}

.sbaseh {
	margin-left: 20px;
	color: #d3d3d3;
	font-weight: 700;
}
.sbasem {
	margin-left: 20px;
	color: #c0c0c0;
	
}
.sbases {
	margin-left: 20px;
	color: #c0c0c0;
}

.sbaset {
	margin-left: 20px;
	color: #fff; /*white;*/
}

.sbaset h3 {
	color: #fff;
}

.FooterCol {
	float: left;
	/*height: 100%;*/
	width: 25%;
	color: #fff; /*white;*/
}

/*************** FOOTER PAGE END ***********************************/



/*************** ACCOUNT PAGE START ***********************************/

.AccountDivLeft {
	width: 45%;
	float:left;
	padding: 10px;
}


.AccountDivRight {
	width: 45%;
	float:left;
	padding: 10px;
}

/*************** ACCOUNT PAGE END ***********************************/


/*************** Contact Us PAGE START ***********************************/

.ContactDivLeft {
	width: 45%;
	float:left;
	padding: 10px;
}


.ContactDivRight {
	width: 45%;
	float:left;
	padding: 10px;
}

.FormInputContact {
    font-family:'Oswald';
    font-size: 1.0em;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    /*border: solid 2px #85b1de;*/
	border: 2px #efefef solid;
    width: 250px;
	height: 18px;
	vertical-align:baseline;
} 

.FormInputContact:focus {
	box-shadow: 0 0 5px #888888;
	border: solid #d0712b 2px;
}

.FormtxtInputContact {
	font-family:'Oswald';
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
	width: 250px;
    /*border: solid 2px #85b1de;*/
	border: 2px #efefef solid;
	vertical-align:baseline;

}

.FormtxtInputContact:focus {
	box-shadow: 0 0 5px #888888;
	border: solid #d0712b 2px;
}




/*************** Contact Us PAGE End ***********************************/



/************** BASKET\CHECKOUT STUFF START***************************/

.ListImgBasket {
	cursor: pointer;
	width: 50px;
	height: 50px;
}

.BasketDivProd  {
	width: 60%;
	float:left;
	padding: 10px;
}

.BasketDivTotals {
	width: 35%;
	float:left;
	padding: 10px;
}

.CheckoutDivProd  {
	width: 60%;
	float:left;
	padding: 10px;
}

.CheckoutDivTotals {
	width: 35%;
	float:left;
	padding: 10px;
}

table.basket {
	font-family:'Oswald';
	border-collapse: collapse;
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc; 
	color: #333;
}


table.basket caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 0px solid #ccc;
	color: #666;
}

table.basket a {
	text-decoration: none;
	color: #333;
	/*font-weight: bold;*/
}

table.basket a:hover {
	text-decoration: none;
	color: #f60;
	color: #333;
	
}

table.basket tr th a {
	color: #333;
	border-bottom: 0px dotted #369;
}

table.basket tr th a:hover {
	color: #333;
	background: #369;
}

table.basket thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
}

table.basket tfoot tr th, table.basket tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

table.basket tfoot tr th {
	width: 20%;
}

table.basket tfoot tr td {
	width: 80%;
}

table.basket td, table.basket th {
	border-right: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 0.8em;
	vertical-align: top;
	width: 20%;
}

table.basket tr.odd th, table.sortable tr.odd td {
	background: #ffffff;
}


.FormInputBasket {
    font-family:'Oswald';
    font-size: 1.0em;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    /*border: solid 2px #85b1de;*/
	border: 2px #efefef solid;
    width: 250px;
	height: 18px;
	vertical-align:baseline;
} 

.FormInputBasket:focus {
	box-shadow: 0 0 5px #888888;
	border: solid #d0712b 2px;
}

.FormtxtInputBasket {
	font-family:'Oswald';
    font-size: 1.0em;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
	width: 250px;
    /*border: solid 2px #85b1de;*/
	border: 2px #efefef solid;
	vertical-align:baseline;

}

.FormtxtInputBasket:focus {
	box-shadow: 0 0 5px #888888;
	border: solid #d0712b 2px;
}






.FormInputCheckout {
    font-family:'Oswald';
    font-size: 1.0em;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    /*border: solid 2px #85b1de;*/
	border: 2px #efefef solid;
    width: 250px;
	height: 18px;
	vertical-align:baseline;
} 



.FormtxtInputCheckout{
	font-family:'Oswald';
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
	width: 250px;
    /*border: solid 2px #85b1de;*/
	border: 2px #efefef solid;
	vertical-align:baseline;

}


/************** PRODUCT DETIALS START *********************/



fieldset {
	font-family:'Oswald'!important;
}

.PDimagesize{
	height: 400pk;
	width: 400px;
}

.PSProdImg {
	float: left;
	margin-right:2%;
	width: 47%;
}

.PSProdImg  legend{
	color: #666;
}

.PSProdHead {
	font-size:22px;
}
.PScontenttab{
	margin-top:20px;
	margin-bottom:20px;
}
.PSProdDesc {
	float: left;
	margin-left:2%;
	margin-right:2%;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 96%;
	display:inline-block;
}

.PSProdDesc legend{
	color: #666;
}

#PrintPSProdDetails {
	width:96%;
	margin-left:2%;
}

.PSfieldset {
	border: 1px solid #ccc;
	color: #333;
	margin-bottom: 20px;
}

.PSfieldset td{
	color: #666;
}

.ImageDownTable {
	width: 100%;
}

.ProdImageTBL {
	margin-left:20px;
}

.ImgDownLink {
	background-color: #5d5dff;
	border: 1px solid #556f78;
	color: #fff;
	text-decoration: none;
	height: 25px;
	width: 60px;
	font-size: 12px;
	text-align: center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.ImgDownLink  a{
	color: #fff;
	text-decoration:none;
}

.ImgDownLink:hover{
	background-color: #7892c2;
	color: #fff;
	text-decoration:none;
}


.ITPerms {
	width: 100%;
	border-spacing: 0px;
}

table.ITPerms th {
	border-bottom: 2px solid #86608E;
	font-size: 14px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #551a8b;
}

table.ITPerms td, tr {
	font-size: 14px;
	border-bottom: 1px solid #D5BADB;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	color: #666;
}

table.ITPerms tr:hover{
	background-color: #cccccc;
}

.ITPerms td {
	 border: 1px solid #ccc;
}
.ITPerms th{
	 border: 1px solid #ccc;
}

.ITPerms td:nth-child(3n+2) {
    border-left: 1px solid #000;
}

.ITPerms th:nth-child(3n+2) {
    border-left: 1px solid #000;
}

.ITPerms tr:nth-child(even) {background: #EEE;}
.ITPerms tr:nth-child(odd) {background: #FFF;}
.ITPerms tr:hover{background: yellow;}


.tblProdGirdPD {
	/*width:100%;*/
	color: #4d4d4d;
	text-align:center;
	width: 50%; margin: auto;
	padding-left:10px;
	padding-right:10px;
}

.tblProdGirdPricePD{
	color: red;
	font-size:12px;
	text-align:center:
}

.PSBackButton {
	margin-left: 25px;
	display:inline-block;
	vertical-align: baseline;
	padding-bottom: 20px;
	margin-bottom:30px;
}

.Mainprods a {
	height:20px;
	display:inline-block;
	vertical-align: baseline;
	float:right;
	margin-right:10px;
}

/************** PRODUCT DETIALS END *********************/

/************** BASKET STUFF END***************************/

.QntyInput2020 {
	width: 30px;
	border: solid #cccccc 1px; 
	color: #333333;
	height:19px;
	text-align:center;
	vertical-align:middle;
}

.QntyInput2020:focus {
	box-shadow: 0 0 5px #888888;
	border: solid #d0712b 2px;
}



.imgPlusMinus {
	width:25px;
	height:25px;
	vertical-align:middle !important;
}

.imgPlusMinus:hover{
	cursor: pointer;
}

.imgPlusCarouselMinus {
	width:15px;
	height:15px;
	vertical-align:middle !important;
}

.imgPlusCarouselMinus:hover{
	cursor: pointer;
}

/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #294376 ; /* #333;*/
  font-family:'Oswald';
  font-size: 14px;
  width:auto;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 14px;
  color: #fff; /*white;*/
  text-align: center;
  padding: 7px 8px;
  text-decoration: none;
}

.navbarmain {
  overflow: hidden;
  background-color: #999999;
  font-family:'Oswald';
  font-size: 14px;
}

/* Links inside the navbar */
.navbarmain a {
  float: left;
  font-size: 12px;
  color: #fff; /*white;*/
  text-align: center;
  padding: 7px 8px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 12px;
  border: none;
  outline: none;
  color: #fff; /*white;*/
  padding: 7px 8px;
  background-color: #294376; /*FA was inherited*/
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover*/ 
.navbar a:hover, .dropdown:hover .dropbtn {
 /*REMOVED 300920 - blue background on hover of menu*/	
 /*background-color: #6f89bf;*/
 cursor: pointer;
  
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
    background-color: #fff; /*#f9f9f9;*/
  width: 90%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10000; /*This is to make sure this stays on top and don't got the issue where it goes off*/
}

/* Mega Menu header, if needed */
.dropdown-content .header {
  background: #f70021; /*#6f89bf;*/
  padding: 2px;
  color: #fff!important; /*white;*/
}

.header h3 {
	font-size:17px;
	padding-left:15px;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Create 6 equal columns that floats next to each other */
.column {
  float: left;
  width: 14%;
  padding:30px;
  background-color: #eee;
  height: auto;
  min-height:480px;
  
}

/* Style links inside the columns */
.column a {
  float: none;
  color: black;
  padding: 4px;
  text-decoration: none;
  display: block;
  text-align: left;
  padding-left:8px;
  font-size: 13px;
}

/* Add a background color on hover */
.column a:hover {
  background-color: #eee;
}

.columnAds {
  float:right;
  display: inline-block;
  width:30%;
  height:100%;
}

.columnAds img {
  width: 50%;
  border: 1px solid #ddd;
}

.columnAds img:hover {
  border: 1px solid #ddd;
  cursor: pointer;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.SearchInput2 {
    font-family:'Oswald';
	/*background:#FFFFFF url("/images/prodimage/search.png") no-repeat 4px 4px;*/
	margin-left:10px;
	padding:4px 4px 4px 10px;
	/*border: solid #305040 1px;*/
	width: 300px; /* 250px;*/
	height: 23px;
	/*height:12px;*/
	text-align:left;
}

.MobileSearchInput {
	font-family:'Oswald';
	padding:6px 10px;
	border: solid #305040 1px;
	width: 180px; /* 250px;*/
	height:25px;
	text-align:left;
	margin-left:0px;
}


#frmProdSearch{
	margin-top:7px;
}

.GoButton2 {
	background: #f70021; /*#6f89bf;*/
	border-radius: 0px;
	font-family:'Oswald';
	color: #ffffff;
	font-size: 14px;
	/*padding: 1px 5px 5px 5px;*/
	border: solid #fff 0px;
	padding: 0px 5px 0px 5px;
	height: 35px;
	width: 40px;
	text-decoration: none;
	cursor: pointer;
	vertical-align:top;
}

.MobileSearchGoButton {
	background: #f70021; /*#6f89bf;*/
	border-radius: 0px;
	font-family:'Oswald';
	color: #ffffff;
	font-size: 14px;
	/*padding: 1px 5px 5px 5px;*/
	border: solid #fff 0px;
	padding: 0px 5px 0px 5px;
	height: 38px;
	width: 50px;
	text-decoration: none;
	margin-left:-2px;
	cursor: pointer;
	vertical-align:top;
}

.OLButton1 {
	/*background: #b9b9b9;*/
	background: #aaaaaa;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 3px;
	font-family: 'Oswald';
	color: #fff;
	font-size: 14px;
	padding: 5px 20px 5px 20px;
	border: 0px solid #fff;
	height: 30px;
	text-decoration: none;
	cursor: pointer;
}

.OLButton2 {
	background: #f70021; /*#6f89bf;*/
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 3px;
	font-family: 'Oswald';
	color: #ffffff;
	font-size: 14px;
	padding: 5px 20px 5px 20px;
	border: 0px solid #fff;
	height: 30px;
	text-decoration: none;
	cursor: pointer;
}
.OLButton3 {
	background: #294376; /* #2E81BA #6f89bf;*/
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 3px;
	font-family: 'Oswald';
	color: #ffffff;
	font-size: 14px;
	padding: 5px 20px 5px 20px;
	border: 0px solid #fff;
	height: 30px;
	text-decoration: none;
	cursor: pointer;
}


/*
.Main {
	float:left;
	width: 100%; 
	margin-left: 5px; 
	margin-top: 5px; 
	margin-right: 3px; 
	margin-bottom: 5px;
	padding-left: 2px;
	background-color: #ffffff;
	overflow-y:auto;
}*/

.MainCatHome {
	width: 90%; /*was 95%*/
	padding-left:5%;
	padding-right:5%;
	min-height:800px;
	margin-left: auto;
	margin-right: auto; 
	background-color: #294376; 
	/*background-color:#294376; FA 280224*/
	overflow-y:auto;
	text-align: left;
}


.Main {
	width: 90%; /*was 95%*/
	padding-left:5%;
	padding-right:5%;
	min-height:800px;
	margin-left: auto;
	margin-right: auto; 
	background-color: #ffffff; 
	/*background-color:#294376; FA 280224*/
	overflow-y:auto;
	text-align: left;
}

.Main80 {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}

.Main100 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.Mainprods {
	width: 100%; 
	background-color: #ffffff;
	overflow-y:auto;
	text-align: left;
}

.mnuAccount1 {
	margin-top:20px;
	float: left;
	width: 10%;
	height: 100%;
	background-color: #eee;
	min-height: 500px;
	padding: 20px;
	margin-right: 50px;
}

.mnuAccount1 a {
	
	font-size: 14px;
	padding-bottom: 20px;
	text-decoration: none;
	
}

.SubMain_2 {
	float: left;
	width: 70%;
	padding-bottom:40px;
}

.TopHeader2 {
	/*background-color: #c62b3d;
	background-color: #c62b3d;*/
	background-color: #fff; /* #fff;*/
	display:flex;
	justify-content: space-evenly;
	align-items:center;
	/*background-color: #fff;*/
	background-color:#294376;
	/*height: 100px;*/
	min-height: 180px;
	width: 100%;
	/*margin-bottom: 5px;*/	
}

.TopHeaderMini2 {
	height: 5px;
	background-color:#294376;
	/*background-color: #45735c;*/
}



.TopHeadercolumnLeft{
  
  width: 20%;
  /*background-color: #45735c;*/
  /*height: 500px;*/
  
}
.TopHeadercolumnLeft img{
  
  height:100px;
  
}
.TopHeadercolumnCenter{
  
  width: auto;
  /*background-color: #45735c;*/
  /*height: 500px;*/
  text-align:center;
  
}
.TopHeadercolumnRight{
  
  width: 25%;
  /*background-color: #45735c;*/
  /*height: 500px;*/
   vertical-align:middle;
  
}

.TopHeaderBasket2 {
	/*position:absolute;*/ 
	margin-top: 0px;
	/*background-image: url("/images/menu_icons/basket_lg.png");*/
	background-repeat: no-repeat;
	
	/*border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;*/
	border-bottom: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	/*background-color:#45735c;*/
	width: 178px;
	height: 68px;
	
	/*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}


.TopHeaderBasket2:hover {
	/*border-color: #d0712b;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 4px 2px -2px #d0712b;*/
}		

a.MiniBasket2 {
	color: #ffffff;
	font-family:'Oswald';
	font-size:12px;
	text-decoration: none;
}

.BasketQty {
	width: 100px;
}

.TopHeaderMenu2 {
	float:right;
	/*background-color: #ff0500;*/
	height: 85px;
	/*margin-top: 10px;
	margin-left: 50px;
	padding-left: 10%;*/
	margin-right: 10px;
	padding-right: 10px;
}

.TopMenulinks{
	color: #fff; /*#d6d6c2;*/
	text-decoration: none;
}

.TopHeaderMenuItemSelected {
	color: #fff;	
}

.TopHeaderSearchTable{
	
	text-align:center;
	/*background-color:white;*/
	
}

/*****************************************************************/
/*****************************************************************/
td.PromGridHeader {
	width:100%;
	color: white;
	background-color:	red;
	margin-bottom: 15px;
	font-family:'Oswald';
	font-size:13px;
	font-weight: bold;
	text-transform: uppercase;	
	font-family:'Oswald';
	/*transform: rotate(-45deg);*/
	display: inline-block;
    vertical-align: baseline;
    /*position: absolute;*/
    z-index: 2;
	text-align: center;
	
}


td.NPDGridHeader  {
	width:100%;
	color: white;
	background-color:	blue;
	margin-bottom: 15px;
	font-family:'Oswald';
	font-size:13px;
	font-weight: bold;
	text-transform: uppercase;	
	font-family:'Oswald';
	/*transform: rotate(-45deg);*/
	display: inline-block;
    vertical-align: baseline;
    /*position: absolute;*/
    z-index: 2;
	text-align: center;
	
}

td.OutOfStockGridHeader{
	width:100%;
	color: white;
	background-color:	grey;
	margin-bottom: 3px;
	font-family:'Oswald';
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;	
	/*transform: rotate(-45deg);*/
	display: inline-block;
    vertical-align: baseline;
    /*position: absolute;*/
    z-index: 2;
	text-align: center;
}

/***************************************************/


div.PromGridHeader {
	width:100%;
	color: white;
	background-color:	red;
	margin-bottom: 15px;
	font-family:'Oswald';
	font-size:13px;
	font-weight: bold;
	text-transform: uppercase;	
	font-family:'Oswald';
	/*transform: rotate(-45deg);*/
	display: inline-block;
    vertical-align: baseline;
    /*position: absolute;*/
    z-index: 2;
	text-align: center;
	
}


div.NPDGridHeader  {
	width:100%;
	color: white;
	background-color:	blue;
	margin-bottom: 15px;
	font-family:'Oswald';
	font-size:13px;
	font-weight: bold;
	text-transform: uppercase;	
	font-family:'Oswald';
	/*transform: rotate(-45deg);*/
	display: inline-block;
    vertical-align: baseline;
    /*position: absolute;*/
    z-index: 2;
	text-align: center;
	
}

div.OutOfStockGridHeader{
	width:100%;
	color: white;
	background-color:	grey;
	margin-bottom: 3px;
	font-family:'Oswald';
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;	
	/*transform: rotate(-45deg);*/
	display: inline-block;
    vertical-align: baseline;
    /*position: absolute;*/
    z-index: 2;
	text-align: center;
}

/*****************************************************************/
/*****************************************************************/


.tblProdGird {
	width:100%;
	color: #4d4d4d;
	text-align:center:
}

.tblProdGirdPrice{
	color: red;
	font-size:12px;
	text-align:center:
}


img.GridImg2 {
	/*width: 110px;
	height: 110px;*/
	width: 130px;
	height: 130px;
	cursor: pointer;
	/*border: 1px solid #ccc; */


}

div.GridImg2 {
	width:60%;
	float:left;
	vertical-align: text-top;
	display: block;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	height: 50%;	
	
	/*background-image:url("/images/icons/approve.png");*/
	
		/*  -webkit-mask-image: url("/images/icons/basket.png");
  mask-image: url("/images/icons/approve.png");
  mask-repeat: no-repeat;
   mask-position: top left;*/
	
	
	
}

div.GridCarouselImg2 {
	width:60%;
	text-align: center;
	vertical-align: text-top;
	display: block;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	
	/*border: 1px solid green;*/
	/*background-image:url("/images/icons/approve.png");*/
	
		/*  -webkit-mask-image: url("/images/icons/basket.png");
  mask-image: url("/images/icons/approve.png");
  mask-repeat: no-repeat;
   mask-position: top left;*/

}



.GridView2 {
	width: 320px;
	height: 230px;
	/*height: 210px;*/
	border: 1px solid #ccc; 
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
	
	float: left;
	/*background-color:#f4f6fa;*/
}

.GridView2 a{
	width: 320px;
	height: 230px;
	text-decoration: none;
	color: #666;
	font-size: 13px;
}

.GridViewCarousel2 {
	width: 50%;
	height: auto;
	/*height: 210px;*/
	/*border: 1px solid #ccc;*/ 
	margin-left: 10px;
	/*margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;*/
	
	/*float: left;*/
	/*background-color:#ffffe6;*/
}

.GridViewCarousel2 + .GridViewCarousel2 {
   margin-left: 10px;
}

.GridViewCarousel2 a{
	width: 280px;
	height: 190px;
	text-decoration: none;
	color: #666;
	font-size: 13px;
}

.GridViewNoStock2 {
	width: 320px;
	height: 230px;
	/*height: 210px;*/
	border: 1px solid #ccc; 
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
	float: left;
	background-color:#f5f5f0;
}

.GridViewNoStock2 a{
	width: 320px;
	height: 230px;
	text-decoration: none;
	color: #666;
	font-size: 12px;
	
}


.GridViewQty2 {
	width: 320px;
	height: 230px;
	/*height: 10%;*/
	border: solid #d0712b 2px;
	/*margin: 4px;*/
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;


	/*box-shadow: 0 0 5px #888888;*/
	
}

.GridViewQty2 a{
	width: 320px;
	height: 250px;
	text-decoration: none;
	color: #666;
	font-size: 13px;
}
/*********************************************************/

.GridViewProm2 {
	width: 320px;
	height: 230px;
	/*height: 210px;*/
	border: 1px solid #ccc; 
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
	float: left;
	
	background-color:#ffffe6;
}

.GridViewProm2 a{
	width: 320px;
	height: 280px;
	text-decoration: none;
	color: #666;
	font-size: 12px;
}

.GridViewQtyProm2 {
	width: 320px;
	height: 230px;
	/*height: 10%;*/
	border: solid #d0712b 2px;
	/*margin: 4px;*/
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	
	background-color:#ffffe6;
	/*box-shadow: 0 0 5px #888888;*/
	
}

.GridViewQtyProm2 a{
	width: 320px;
	height: 250px;
	text-decoration: none;
	color: #666;
	font-size: 12px;
}


/*************************************************************/


/*********************************************************/

.GridViewNPD {
	width: 320px;
	height: 230px;
	/*height: 210px;*/
	border: 1px solid #ccc; 
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
	float: left;
	
	background-color:#e6ffff;
}

.GridViewNPD a{
	width: 320px;
	height: 230px;
	text-decoration: none;
	color: #666;
	font-size: 12px;
}

.GridViewQtyNPD {
	width: 320px;
	/*width: 100%;*/
	height: 230px;
	/*height: 10%;*/
	border: solid #d0712b 2px;
	/*margin: 4px;*/
	float: left;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
	
	background-color:#e6ffff;
	/*box-shadow: 0 0 5px #888888;*/
	
}

.GridViewQtyNPD a{
	width: 320px;
	height: 230px;
	text-decoration: none;
	color: #666;
	font-size: 12px;
}


/*************************************************************/










.MBGridBuyView2 {
	width: 320px;
	height: 250px;
	border: 1px solid #ccc; 
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
	float: left;
	
	
}

.MBGridBuyQty2 {
	width: 320px;
	height: 250px;
	border: solid #d0712b 2px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	float: left;

	/*box-shadow: 0 0 5px #888888;*/
	
}

.MBGridGetView2 {
	/*background-color: #fff77d;*/
	width: 320px;
	height: 250px;
	border: 1px solid #ccc; 
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
	float: left;
	border: solid #4A86C6 2px;
	
	
}

.MBGridGetQty2 {
	/*background-color: #fff77d;*/
	width: 320px;
	height: 250px;
	height: 10%;
	border: solid #4A86C6 2px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	float: left;
	/*border: solid #d0712b 2px;
	box-shadow: 0 0 5px #888888;*/
	
}



/**Ad Rotator**/
	.adrotator_container {
		width: auto;
		text-align: center;
		/*background-color:#eee;*/
	}

/**Ad for Retailer index**/
#ret_header_container {
	width: 100%;
	height: auto;
    display:flex;
	overflow: hidden;
	text-align: center;
	/*background-color:#eee;*/
}
#ret_adrotator_container{
    width:70%;
    displaY:inline-block;
    height:auto;
    overflow:hidden;
}

.mySlides {
	text-align:center;
	width:auto;
	max-height:160px;/*450px */
	z-index: -1;
	background: transparent no-repeat center;
	background-size: cover;
	 /*-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 
	filter: blur(5px);*/
}

#back-to-top{
	display:none;
	position:fixed;
	bottom:20px;
	right:30px;
	z-index:99;
	border:none;
	outline:none;
	background-color:#294376;
	color:white;
	cursor:pointer;
	padding:15px;
	border-radius:10px;
	font-size:18px;
	box-shadow:0px 4px 4px 0px rgba(0,0,0,0.4);
	transition:0.2s linear;
}
#back-to-top:hover{
	background-color:#011D4D;
}



/*Input boxes on Login form*/
.SearchInputProducts {
    font-family:'Oswald';
	background:#FFFFFF url("/images/prodimage/search.png") no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border: solid #d0712b 2px;
	width:150px;
	height:18px;
	font-size: 24px;
	
	/*background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	border:1px solid #cccccc;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee2);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    /*border: solid 2px #85b1de;
	border: 2px #f8660e solid;
    width: 150px;
	height: 22px;
	vertical-align:baseline;*/
} 

.SearchInputProducts:focus {
	box-shadow: 0 0 5px #888888;
	border: solid #d0712b 2px;
}




/************************************
		Navigation
*************************************/

.topnav {
  display: flex;
  height: 60px;
  width: 100%;
  background-color: #ffffff;
  flex-direction: row;
  justify-content: space-evenly;
  align-content: center;
  flex-wrap: nowrap; 
  border:0px solid blue; 
  overflow: hidden;
}

.topnav div {
  
  margin: 0px;
  flex: 1;
  text-align: center;
  vertical-align: middle;
  /*border: 2px solid red;*/
}

.child {
	display: flex;
	height:30px;
	line-height:30px;
	font-size:18px;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	/*height: 60px;*/
	background-color: #294376;
	/*background-color: #0149b5;*/
	cursor: pointer;
	color: #fff;
	text-decoration:none;
}

.child:hover {
	background-color: #ddd;
	color: #294376;
	/*background-color: #5988da;*/
}

.topnav a {
  
  color: #ffffff;
  font-weight: 700;
  font-family:'Oswald';
  font-size: 20px;
}

#mobilemenu {
	display:flex;
	justify-content: space-around;
	align-items:center;
	background-color:#294376;
	padding-top:15px;
	padding-bottom:15px;
}
.mobileaccounticon img{    
    cursor: pointer;
}	
.mobilenavicon{    
    width:40px;
    background-repeat: no-repeat;
    height:40px;
    display:inline-block;
    margin-right:0px;
}
.mobilenavicon img {
    width:100%;
    height:100%;
    cursor: pointer;
}
.mobilenavdropdown{
    position:absolute;
    top:230px;
    width:100%;
    background-color:#294376;
	padding-top:20px;
	padding-bottom:20px;
    z-index:50;
    display:none;
}
.mobileaccountdropdown{
    position:absolute;
    top:230px;
    width:100%;
    background-color:#294376;
	padding-top:20px;
	padding-bottom:20px;
    z-index:50;
    display:none;
}
.mobilenavitem{
    height:50px;
    line-height:50px;
    width:100%;
    display:block;
    text-align: left;
    color:white;
    font-size:22px;
    padding-left:20px;
    font-family:'Oswald';
    font-weight: bold;
    cursor:pointer;
}
.mobilenavitem:hover{
    background-color:#c3a11f;
}
.submenuitem{
    height:50px;
    display:block;
    width:100%;
    text-align:left;
    line-height:50px;
    color:white;
    font-size:15px;
    padding-left:50px;
    overflow:hidden;
    font-family:'Oswald';
}


div[class*="subm"]{
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	/*height: 60px;*/
	background-color: #b09343;
	/*background-color: #0149b5;*/
	 cursor: pointer;
	 
	 
	height:20px;
	line-height:20px;
	padding-bottom:2px;
	padding-top:2px;
	font-size:16px;
	/*height: 60px;*/
	background-color: #294376;
	/*background-color: #0149b5;*/
	cursor: pointer;
	color: #fff!important;
	text-decoration:none;
}

div[class*="subm"]:hover{
	color: #294376!important;
	background-color: #ddd;
	
}
div[class*="subm"] a {
	color: #fff!important;
}
div[class*="subm"] a:hover {
	color: #294376!important;
}
a.menulinks  {
	color: #fff; /*#d6d6c2;*/ 
	text-decoration: none;
}

.products-header{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap:wrap;
}

.products-header-sort{
	display:inline-block;
}

.products-header-filter{
	display:inline-block;
}

.prod-container {
	overflow:hidden;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	margin-top:10px;
	margin-bottom:80px;
}

.prodDiv{
	display:inline-block;
	width:320px;
	height:230px;
	margin:8px;
}

.products-header-breadcrumb{
	font-size:16px!important;
}
#Filter_ProdDiv {
	padding:7px;
	display: inline-block;
}

#Filter_ProdDiv_Label {
	display: inline-block;
}

#Sort_ProdDiv {
	padding: 7px;
	display: inline-block;
}

#Sort_ProdDiv_Label {
	
	display: inline-block;
}

#frmProdView {
	display:inline-block;
}


#frmselectPr{
	display:inline-block;
}

.order-confirmation-container {
	padding:4%;
	width:92%;
	margin-bottom:50px;
}
.order-confirmation-container table tr{
	color: #294376;
}

.ProdGal {
	margin-left:auto;
	margin-right:auto;
	display: block;
	width:90%;
	height:550px;
	/*width:18%;*/
	text-align: center;
	padding-bottom:20px;
	color: #666;
	/*font-weight: 500;*/
	font-size: 16px;
		
}

.DivHomeCat {
	float: left;
	width:25%;
}

.DivCatMain {
	width:100%; 
	font-size: 20px;
	padding-top:5px;
	padding-bottom:20px;
}

.DivCatMainContainter {
	padding-left:10%;
	padding-right:10%;
	width:80%; 

}

.DivCatMainSub {
	padding-left:5%;
	padding-right:5%;
	float:left;
	width:20%; 
	padding-bottom:20px;	
}

.ProdItem {
	float: left;
	display:inline-block;
	width:18.6%;
	margin:0.5%;
	/*width:18%;*/
	text-align: center;
	border:1px solid #ecec;
	min-height:290px;
	padding-top:10px;
}

.CatItem {
	float: left;
	display:inline-block;
	width:30%;
	margin:0.5%;
	/*width:18%;*/
	text-align: center;
	cursor: pointer;
	/*border:1px solid #666;*/
	border: 2px solid #a9c8ea;
	min-height:160px;
	position: relative;
}
	 
.CatImg {
	height: 80%;
	width: 80%;
	/*border: 1px solid #ccc;*/
}

.BrandProds {
	margin: 10px;
	height: 190px;
	width: 350px;
	text-align: center;
	border-radius: 8px;
	background-color: #f2f7fa;
	padding: 20px 20px 0px 20px;
	cursor: pointer;
	float:left;
}
.BrandProds:hover {	
	background-color:#deeffa;
}

.CategoryConf {
	margin: 10px;
	padding-top:20px;
	background-color: #b2d9cb;
	height: 233px;
	width: 350px;
	text-align: center;
	border: 1px solid #ccc;
	cursor: pointer;
	float:left;
}

.CategoryProds {
	margin: 10px;
	background-color: #f8f8f8;
	height: 320px;
	width: 350px;
	text-align: center;
	border: 1px solid #ccc;
	cursor: pointer;
	float:left;
}

.CategoryProds:hover {	
	background-color: #f4f6fa;
	-webkit-transition: background .2s; /* For Safari 3.0 to 6.0 */
    transition: background .2s; /* For modern browsers */
}

.CategoryProdsbg {
	margin: 10px;
	height: 263px;
	width: 350px;
	text-align: center;
	cursor: pointer;
	float:left;
	border-radius: 8px;
	background-color: #f2f7fa;
	padding: 20px 20px 0px 20px;
}

.CategoryProdsbg:hover {
	background-color:#deeffa;
}

.CategoryFullImg {
	width: 95%;
	border-radius: 8px;
	/*border: 1px solid #ccc;*/
}

.CategoryFullImg:hover {
	-webkit-transform: scale(.8);
	transform: scale(.8);
	/*opacity:0.6;*/
	-webkit-transition: .7s ease-in-out;
	transition: .7s ease-in-out;
	/*border: 1px solid #ccc;*/
}

.CategoryTitle {
	text-align: center;
	margin-top: -70px;
	/*color: #444;*/
	color: #102052;
	font-size: 24px;
}