html,body {
		margin:0;
		padding:0;
		height:100%;
		background-color: white;
		font-family: helvetica;
		font-size:16px;
		line-height:140%
	}
img {max-width:100%}
	.hdr1 {
		display:block;
		width:100%;
		height:40px;
		background-color:#313131;
		color:white;
		font-size:11px;
		font-weight:bold;
		position:fixed;
		opacity: 0.9;
		vertical-align: middle;
		
	}
	.hdrEmail {
		display:none;
	}

	.hdr1fixed {
		display:block;
		height:40px;
		background-color:black;
		
	}
	.hdr1content {
		display:flex;
		align-items: center;
		justify-content: space-between;
		height:40px;
		//padding-left:20px;
		//padding-right:20px;
		line-height:normal;
	}
	.hdr1content a {
		text-decoration:none;
		color:white;
		font-size:14px;
		text-align:left;
	}
	.hdr1content a:visited  {
		color:white;
	}
	.hdr1content a:hover  {
		color:#6fbe46;
	}

.hdr1Data {
	display:flex;
	//padding-right:10px;
	height:30px;
	text-align:left;
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
		align-items: center;
	vertical-align: middle;
	}
	
	.hdr1mobile {
		padding-top:5px;
		background-color:#000;
		width:100%;
		height:40px;
	}

	.corplogo img {
		max-height:38px;
	}

	.hdr2 {
		display:block;
		width:100%;
		height:100px;
		background-color: #6fbe46;
		color:white;
		
	}
	.hdr2content {
		display:flex;
		align-items: center;
		max-width:100%;
		height:100px;
		padding-left:20px;
		padding-right:20px;
	}

	.rightOfLogo { display:none;}
	.hdr3 {
		display:inline-block;
		align-items: center;
		width:100%;
		height:130px;
		background-color: #6fbe46;
		color:white;
	}
	.hdr3content {
		display:flex;
		align-items: center;
		max-width:100%;
		height:130px;
		padding-left:20px;
		padding-right:20px;
	}
	
	.footer1 {
		width:100%;
		background-color:rgba(48, 48, 48, 0.87);
		color:white;
		font-size:10px;
		margin:0 auto;
		padding-bottom:10px;
	}
	.footer1inner {
		display:block;
		max-width:1360px;
		min-height:100px;
		padding:20px;
		text-align:left;
	}
	#footerMenu {
		text-align:left;
		display:inline-block;
		margin-right:20px;
		margin-bottom:20px;
		border-right:1px solid silver;
		width:260px;
	}
	#footerMenu a {
		color:white;
		text-decoration: none;
		cursor:pointer;
		font-size:12px;
	}
	#footerMenu a:visited {
		color:white;
	}
	#footerMenu a:hover {
		color:#bb7d00;
	}
	
	#footerMenu h5 {
		font-size:14px;
		text-transform: uppercase;
		margin:0px;
	}
	.hdrMenu {
		display:flex;
		align-items: flex-end;
		align-content: space-between;
		width:100%;
		height:60px;
	}
	.hdrMenu a {
		cursor:pointer;
		text-decoration:none;
		color:white;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		padding:10px;
	}
	
	.hdrMenu a:visited {
		color:white;
	}
	
	.hdrMenu a.onPage {
		color:#2d36b0;
	}
	.hdrMenu a:hover {
		color:black;
	}
	.hdr1a {margin-top:40px;}
	.mobileNav {
		display:none;
		background-color:#6fbe46;
		text-align: center;
	}
	.mobileNav a {
		text-decoration: none;
		color:white;
	}
	.mobileNav a:hover {
		color:black;
	}
	.subMenu {
		text-align:left;width:100%;
		border-bottom:1px solid #e1e1e1;
		padding-top:10px;
		padding-bottom:10px;
	}
	.subMenu:hover {
		background-color:#f1f1f1;

	}
	.subMenu a {
		cursor:pointer;
		text-decoration:none;
		color:#444;
		font-size:15px;
		margin-left:15px;
		display:block;
	}
	
	.subMenu a:visited {
		color:#444;
	}
	
	.subMenu a:hover {
		color:black;
	}
	.subCats {
		margin-left:15px;
	}
	.subCatsMobile {
		margin-left:0px;
	}
	.imLost {
		display:block;
		color:#888;
	}
	.imLost a, a:visited {
		color:#555;
		text-decoration:none;
		font-size:11px;
	}
	.page {
		margin:0;
		width:calc(100% - 20px);
		text-align:left;
		min-height:400px;
		padding-left:20px;
		padding-right:20px;
		box-sizing: border-box;
	}
	.page img {max-width: 95%;}
	.leftPanel {
		display:inline-block;
		width:260px;
	}
	.leftPanelHome {
		display:none;
		width:260px;
	}
	.leftPanel h3 {
		font-size:21px;
		font-weight:normal;
		color:#444;
	}
	.midPanel {
		display:inline-block;
		vertical-align: top;
		padding-left:10px;
		width:calc(100% - 310px);
		box-sizing: border-box;
	}
	.categoryDescription {
		display:block;
		width:auto;
		padding-right:20px;
	}
	.categoryTitle {
		display:block;
	}
	.categoryTitle h2 {
		margin:0px 0px 10px 0px;
		font-size:20px;
		font-weight:normal;
		color:#6fbe46;
	}
	
	b, strong {color:#6fbe46;}
	.logo {
		display:inline-flex;
		vertical-align:middle;
		max-height:90%;
		margin-right:40px;
	}
	.filterHeader {
		display:block;
		font-size:12px;
		font-weight:bold;
		margin-top:7px;
		border-bottom:1px solid silver;
		margin-bottom:3px;
	}
	.filterOption {
		display:inline-block;
		font-size:12px;
	}
	.prodTeaser {
		display:inline-block;
		width:260px;
		height:140px;
	}
	.prodTeaserImg {
		background-size: contain;
		background-position:center center;
		background-repeat: no-repeat;
		width:90%;
		height:100%;
		margin-bottom:10px;		
	}
	.prodTeaserTitle {
		color:#6fbe46;

	}
	.prodTeaserItemNumber {
		color:#444;
		font-size:12px;
	}
	.prodTeaserPrice {
		color:black;
		font-weight:bold;
		display:inline-block;
	}
	.showRetailPriceForTradeCusts {
		display:none;
	}
	#UnitMRPTxt {
		text-decoration: line-through;
	}
	.categoryDescriptionOuter {
		border-top:1px solid #e1e1e1;
		margin-top:30px;
	}
	.categoryDescriptionOuter a {
		text-decoration:none;
		cursor:pointer;
	}
	.categoryDescriptionOuter h1 {
		font-weight:normal;
	}
	.categoryDescriptionList {
		display:inline-block;
	}
	.categoryDescriptionListView {
		display:inline-block;
		margin-left:15px;
		color:#aed3dc;
	}
	.categoryDescriptionListView a {
		color:black;
		cursor:pointer;
		text-decoration:none;
	}
	.categoryDescriptionListView a:hover {
		color:#6fbe46;
	}
	.categoryDescriptionListView a:visited {
		color:black;
	}
	
	.imageGridTile {
		display:inline-block;
		margin-top:20px;
	}
	.imageGridTile img {max-width: 100%;}
	
	.blockvert img {max-width:100%;}
	.blockvert {
		display:inline-block;
	}	
	.buttonGO {
		padding:6px;
		background-color:#6fbe46;
		color:white;
		font-weight:bold;
		border:2px solid #67a546;
		font-size:14px;
		cursor:pointer;
		border-radius:2px;
	}
	.buttonGO:hover {
		background-color: #9aec6d;
		color:black;
		border:2px solid black;
	}

.warn2 {
	color:black;background-color:#e8dae8;border-radius:6px;padding:3px;margin-top:2px;
}
.warn5 {
	color:black;background-color:orange;color:white;border-radius:6px;padding:3px;margin-top:2px;
}
.productWeight {
	margin-left:8px;
	font-style: italic;
}
.BundleWeight {
	margin-top:8px;
	font-style: italic;
	font-size:11px;
}
.voucherWarning {
	display:block;
	width:240px;
	padding:10px;
	border:1px solid red;
	border-radius:6px;
	text-align:left;
	color:white;
    background: #c60505; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#c60505 0%, #ff5555 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c60505 0%, #ff5555 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c60505 0%, #ff5555 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#c60505 0%, #ff5555 100%); /* Standard syntax (must be last) */
}
.button1 {
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   	box-sizing:border-box;
	height:40px;
	border:1px solid #be8324;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:4px;
	text-align:center;
	margin-top:10px;
	cursor:pointer;
}
.button1:hover {
	color:white
}
.button2 {
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   	box-sizing:border-box;
	height:40px;
	border:1px solid #444;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:4px;
	text-align:center;
	margin-top:10px;
	cursor:pointer;
}
.button2:hover {
	color:#333;
}
.button3 {
	width:280px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   	box-sizing:border-box;
	height:40px;
	border:1px solid #be8324;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:4px;
	text-align:center;
	margin-top:10px;
	cursor:pointer;
    background: #eec10e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ff9200 0%, #fdd463 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff9200 0%, #fdd463 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff9200 0%, #fdd463 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffc800 0%, #fde662 100%); /* Standard syntax (must be last) */
}
.button3:hover {
	color:white;
    background: #fde662; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fdd463 0%, #ff9200 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fdd463 0%, #ff9200 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fdd463 0%, #ff9200 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fdd463 0%, #ff9200 100%); /* Standard syntax (must be last) */
}
.buttonOrange {
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   	box-sizing:border-box;
	border:1px solid #be8324;
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:4px;
	text-align:center;
	margin-top:10px;
	cursor:pointer;
	height: auto;
    background: #ff9200; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ff9200 0%, #fdd463 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff9200 0%, #fdd463 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff9200 0%, #fdd463 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffc800 0%, #fde662 100%); /* Standard syntax (must be last) */
}
.buttonGray {
	padding:8px 10px;
	border:1px solid #b0b0b0;
	font-size:12px;
	color:#565656;
	text-align:center;
	border-radius:3px;
	cursor:pointer;
	height: auto;
    background: #c1c1c1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fdfdfd 0%, #efefef 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fdfdfd 0%, #efefef 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fdfdfd 0%, #efefef 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fdfdfd 0%, #efefef 100%); /* Standard syntax (must be last) */
}
.buttonGray:hover {
    background: #c1c1c1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#efefef 0%, #fdfdfd 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#efefef 0%, #fdfdfd 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#efefef 0%, #fdfdfd 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#efefef 0%, #fdfdfd 100%); /* Standard syntax (must be last) */
	
}

.gradGray {
	height: auto;
    background: #c1c1c1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fdfdfd 0%, #efefef 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fdfdfd 0%, #efefef 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fdfdfd 0%, #efefef 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fdfdfd 0%, #efefef 100%); /* Standard syntax (must be last) */
}
.errorBox {
	width:80%;
	border:3px solid gray;
	padding:10px;
	text-align: center;
	border-radius: 6px;
	margin:15px;
	color:#cc0e0e;
}
.grad3 {
	height: auto;
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff 2.32%, #dedddc 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff 2.32%, #dedddc 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff 2.32%, #dedddc 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff 2.32%, #dedddc 100%); /* Standard syntax (must be last) */
}
.grad3:hover {
	height: auto;
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#dedddc 2.32%, #ffffff 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dedddc 2.32%, #ffffff 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dedddc 2.32%, #ffffff 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(##dedddc 2.32%, ##ffffff 100%); /* Standard syntax (must be last) */
}
.grad2 {
	height: auto;
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff 2.32%, #dedddc 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff 2.32%, #dedddc 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff 2.32%, #dedddc 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff 2.32%, #dedddc 100%); /* Standard syntax (must be last) */
}

.grad1 {
	height: auto;
    background: #eec10e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ff9200 0%, #fdd463 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff9200 0%, #fdd463 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff9200 0%, #fdd463 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffc800 0%, #fde662 100%); /* Standard syntax (must be last) */
}
.grad1:hover {
	height: auto;
    background: #eec10e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fdd463 0%, #ff9200 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fdd463 0%, #ff9200 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fdd463 0%, #ff9200 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fdd463 0%, #ff9200 100%); /* Standard syntax (must be last) */
}
.noteTxt {
	color:orange;
	font-size:11px;
}
.loginOutter {
	display:block;
	text-align: left;
	max-width:400px;
	background-color:#f1f1f1;
	padding:2%;
	border-radius:4px;
	color:black;
}

.productTile .productInfoHolder {
	width:380px;
}
.productTile .imageHolder {
	display: inline-block;
	width:170px;
	margin-right:10px;
	cursor:pointer;
}
.productTile .image {
	max-width:100%;
	max-height: 150px;
}
.productTile .price {
	color:red;
}
.productTile .unitPrices {
	font-size:10px;
}
.inputBasket {
	padding:8px 10px;
	border:1px solid #b0b0b0;
	font-size:12px;
	color:#565656;
	text-align:center;
	border-radius:3px;
}
.inputBasket:focus {
	border:1px solid #9ab5f0;
	color:#565656;
	background:#ffffff;
}
.heading1 {
	font-size:20px;
}
.inputHeader {
	font-size:10px;
	color:#777777;
	margin-bottom:2px;
	margin-top:4px;
}
.optionHeader {
	font-size:12px;
	color:#72789c;
	margin-bottom:2px;
	margin-top:4px;
}
select {
	font-size:14px;
	border:1px solid silver;
	margin:0px;
	padding:2px;
	color:#1975a6;
	width:100%;
	height:30px;
	margin-right:20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   	box-sizing:border-box;
}
.getAddressOutter {
	text-align:left;
	max-width:400px;
}
.loginOutter input {
	font-size:14px;
	border:1px solid silver;
	margin:0px;
	padding:2px;
	color:#1975a6;
	width:100%;
	height:30px;
	margin-right:20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   	box-sizing:border-box;
}
.loginOutter h5 {
	width:100%;
	text-align:left;
	font-size:22px;
	font-weight:bold;
	margin:0px;
}

.deliveryAddress {
	display:block;
	width:240px;
	padding:10px;
	border:1px solid silver;
	background-color: #f8f8f8;
	border-radius:6px;
	text-align:left;
}
.deliveryWarning {
	display:block;
	width:240px;
	padding:10px;
	border:1px solid red;
	border-radius:6px;
	text-align:left;
	color:white;
    background: #c60505; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#c60505 0%, #ff5555 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c60505 0%, #ff5555 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c60505 0%, #ff5555 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#c60505 0%, #ff5555 100%); /* Standard syntax (must be last) */
}
.deliveryMsg {
	display:block;
	width:240px;
	padding:10px;
	border:2px solid green;
	border-radius:6px;
	text-align:left;
	color:black;
    background: #1dff5d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1dff5d 0%, #d9ffcf 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1dff5d 0%, #d9ffcf 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1dff5d 0%, #d9ffcf 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1dff5d 0%, #d9ffcf 100%); /* Standard syntax (must be last) */
}
.buyBtn {
	height:38px;
	vertical-align: top;
	cursor:pointer;
	padding:5px;
	border:1px solid silver;
	display:inline-flex;
	width:40px;
	text-align:center;
	align-items: center;
	color:white;
	background-color:#3a74d1;
}
.buyBtn:hover {
	background-color:#f9a202;
}
.inBasket {
	background-color:#5eb256;
	color:white;
	display:block;
	text-align: center;
}
.footerBlock {
	display:inline-block;
	margin-left:30px;
	line-height:normal;
}

.popUpMnu {
	display:none;
	position:absolute;
	left:0px;
	top:180px;
	margin-left:20vw;
	width:70vw;
	height:200px;
	border:2px solid black; 
	border-top:0px;
	background-color:white; 
	color:black;
	padding:10px;
	z-index:20000;
	border-radius:0px 0px 47px 20px;
}
.popUpMnuTitle {
	display:inline-block;
	margin-right:20px;
	vertical-align: top;
}
.popUpMnuTitle h1 {font-size:30px;}

.popUpMnuColumn {
	display:inline-block;
	vertical-align: top;
	padding-top:10px;
}
.popUpMnuColumn h1 {font-size:20px;}

.popUpMnuItem {font-size:16px;}

	.categoryIconsBlock {
		text-align:center;	
	}
	.categoryIconHolder {
		display:inline-block;
		margin:5px;
		width:300px;
		height:330px;
		cursor:pointer;
		vertical-align: top;	
	}
	.categoryIcon {
		width:300px;
		height:300px;
		background-size:260px 260px;
		background-position:center center;
		background-repeat: no-repeat;
	}
	.categoryIconTitle {
		font-family:Arial;
		font-size:24px;
		color:black;
		text-align:center;
	}
	.categoryIconTitle a {text-decoration:none;}
	.categoryIconTitle a:visited {color:black;}
	.categoryIconTitle a:hover {color:green;}

	.ProdV0title {display:block;width:auto;background-color:#e5e5e5;color:black;text-align:left;padding:3px;min-height:58px;}
	.ProdV0Image {height:160px;text-align:center;padding:5px;}
	.ProdV0Image img {max-height:160px;max-width:200px;}
	.ProdV0container {vertical-align:top;margin-bottom:20px;min-height:360px;width:235px;display:inline-block;border:3px solid #e5e5e5;border-radius:6px;margin-right:10px;}
	.ProdV0buybar {background-color: #f1f1f1;padding:4px;color:white;border-radius: 0px 0px 4px 4px;}
	.ProdV0morebar {background-color:#c8cfda;padding:4px;text-align:center;color:#777777;}
	.ProdV0morebar div:hover {color:#000;}

	.slideTeaserTxt {
		font-size:40px;
		color:white;
		z-index:99999;
		font-weight:bold;
		text-shadow: 4px 4px #000000;
		line-height:110%;
	}
	.slideTeaserTxt a {
		color:white;
	}
	.ordNoBlock {
		display:flex;
		margin-top:10px;
	}
	.orderSummaryBox {
		max-width:300px;
		background-color:#83d229;
		padding:10px;
		margin-bottom:20px;
		margin-right:15px;
		border:0px dotted silver;
		display:inline-block;
		vertical-align: top;
		box-shadow: 4px 4px 11px #d2d2d2;
	}
	.deliveryEstimatorBox {
		max-width:300px;
		padding:10px;
		margin-bottom:20px;
		margin-right:15px;
		background-color:#fea500;
		border:0px dotted silver;
		display:inline-block;
		vertical-align: top;
		box-shadow: 4px 4px 13px #d2d2d2;
	}
	.voucherCodeBox {
		display:inline-block;
		max-width:300px;
		padding:10px;
		margin-bottom:20px;
		margin-right:15px;
		background-color:gray;
		border:0px dotted silver;
		vertical-align: top;
		box-shadow: 4px 4px 13px #d2d2d2;
	}
	.billingInformation {
		display:inline-block;
		max-width:300px;
		background-color:#83d229;
		padding:10px;
		margin-top:20px;
		margin-bottom:20px;
		margin-right:15px;
		border:0px dotted silver;
		vertical-align: top;
		box-shadow: 4px 4px 13px #d2d2d2;
	}
	.deliveryInformation {
		display:inline-block;
		max-width:300px;
		background-color:#27DDBE;
		padding:10px;
		margin-top:20px;
		margin-bottom:20px;
		margin-right:15px;
		border:0px dotted silver;
		vertical-align: top;
		box-shadow: 4px 4px 13px #d2d2d2;
	}
	.paymentSummaryBox {
		display:inline-block;
		max-width:300px;
		background-color:#FC9408;
		padding:10px;
		margin-top:20px;
		margin-bottom:20px;
		margin-right:15px;
		border:0px dotted silver;
		vertical-align: top;
		box-shadow: 4px 4px 13px #d2d2d2;
	}
	.checkoutTerms {
		background-color:#efefef;
		padding-top:5px;
		padding-botton:5px;
		margin-top:10px;
		max-width: 400px;
		color:black;
	}
	.myAccountInfoBlock {
		color:white;
		max-width:280px;
		background-color:#3267c5;
		padding:10px;
		margin-top:20px;
		margin-bottom:20px;
		margin-right:15px;
		border:0px dotted silver;
		display:inline-block;
		vertical-align: top;
		box-shadow: 4px 4px 13px #d2d2d2;
	}
		.blockPack {
			margin:0px;
			padding:0px;
			min-width:100px;
			display:block;
			font-size:0px;
		}
		.block {
			margin:0px;
			border:0px dotted black;
			display:inline-block;
			box-sizing: border-box;
			font-size:0px;
			vertical-align: top;
		}
		
		.blockImg {
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
		}
		
		.sociailMedia {margin:20px;}
		.sociailMedia img {width:40px;cursor:pointer;margin:4px;}
		.sociailMedia img:hover {
			-webkit-filter: invert(100%);
			filter: invert(100%);
		}
		.sociailMediaFooter {margin-top:10px;}
		.sociailMediaFooter img {width:40px;cursor:pointer;margin:4px;}
		.sociailMediaFooter img:hover {
			-webkit-filter: invert(100%);
			filter: invert(100%);
		}

.moreDetails a {
	text-decoration: none;
	color:#222;
}
.moreDetails a:visited {
	text-decoration: none;
	color:#222;
}
.moreDetails a:hover {
	color:white;
}
.mobile {display:none;}	
#default {display:inline-block;}
#cssA {display:none;}
#cssB {display:none;}
#cssC {display:none;}


/*	iPad Pro
	------------------------- */
	
@media (max-width : 1112px) 
{
	.leftPanel {Width:220px;}
	.leftPanelHome {Width:220px;}
	.midPanel {width: calc(100% - 230px);}
	.slideTeaserTxt {font-size:36px;}
}
/*	iPad 
	------------------------- */
	
@media (max-width : 1024px) 
{
	.hdr2content {
		max-width:1024px;
	}
	.hdr3 {
		display:block;
		height:130px;
	}
	.hdr3content {
		display:flex;
		align-items: center;
		max-width:calc(100% - 40px);
		height:130px;
		padding-left:20px;
		padding-right:20px;
	}
	.blockvert img {
		width:494px;
	}
	#blockvertRight {
		margin-left:15px;
	}
	.categoryIconHolder {
		width:200px;
		height:260px;
	}
	.categoryIcon {
		width:200px;
		height:200px;
		background-size:180px 180px;
	}
	.categoryIconTitle {font-size:20px;}
	.leftPanel {Width:170px;}
	.leftPanelHome {Width:170px;}
	.midPanel {width: calc(100% - 175px);}
	.ProdV0container {width:235px;}
	.slideTeaserTxt {font-size:306px;}

#cssA {display:inline-block;}

	
}
/*	iPhone 8 Landscape 
	------------------------- */
	
@media (max-width : 667px) 
{
	.page {
		display:block;
	}
	.orderSummaryBox {
		display:block;
		max-width:95%;
	}
	.deliveryEstimatorBox {
		display:block;
		max-width:95%;
	}
	.voucherCodeBox {
		display:block;
		max-width:95%;
	}
	.billingInformation	 {
		display:block;
		max-width:100%;
		margin-right:0px;
	}
	.deliveryInformation	 {
		display:block;
		max-width:95%;
		margin-right:0px;
	}
	.paymentSummaryBox	 {
		display:block;
		max-width:95%;
		margin-right:0px;
	}
	.desktop {display:none;}
	.mobile {display:block;}
	.acSmallMobileOff {display: none;}
	.hdr1 {
		display:block;
		width:100%;
		height:40px;
		background-color:#313131;
		color:white;
		font-size:11px;
		font-weight:bold;
		position:fixed;
		opacity: 0.9;
		
	}
	.hdr2content {
		max-width:100%;
	}
	.leftPanel {
		display:block;
		width:calc(100% - 40px);
		padding-left:20px;
		padding-right:20px;
	}
	.leftPanelHome {
		display:none;
		width:calc(100% - 40px);
		padding-left:20px;
		padding-right:20px;
	}
	.midPanel {
		display:block;
		vertical-align: top;
		border-left:none;
		padding-left:5px;
		padding-righ:5px;
		width:calc(100% - 10px);
		box-sizing: padding-box;
		border:1px solid white;
	}
	.blockvert img {
		width:500px;
	}
	#blockvertRight {
		margin-left:0px;
		display:block;
	}
	.leftNav {
		display:none;
	}
	.leftNavBtn {
		margin-right:20px;
		background: #f0f0f0;
		border-radius: 6px;
		font-family: Arial;
		color: #ffffff;
		font-size: 20px;
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		background-image: url(/SITE-Images/arrowdown.png);
		background-position:right center;
		background-repeat: no-repeat;
		background-position-x: calc(100% - 10px);		
	}
	
	.footerBlock {
		margin-left:0px;
		display:block;
		margin-top:20px;
	}
	#footerMenu {
		border-right:0px solid silver;
	}
	.loginOutter h5 {
		font-size:18px;
	}
	.hdr1a {
		display:block;
	}
	.corplogo {
		box-sizing: border-box;
		text-align: center;
	}
	.corplogo img {
		height:16px;
	}

#cssB {display:inline-block;}

}

/*	iPhone SE Landscape 
	------------------------- */
	
@media (max-width : 568px) 
{
	.myaccount1 {display:none;}
	
}
	/*	iPhone 14 Pro Portrait 
	-------------------------- */
	
@media (max-width : 430px) 
{
	.categoryIconHolder {
		//display:block;
		margin:0px;
	}
	.categoryIconHolder {
		width:40vw;
		height:calc(40vw + 40px);
	}
	.categoryIcon {
		width:40vw;
		height:40vw;
		background-size:calc(35vw)  calc(35vw);
	}
	.categoryIconTitle {font-size:16px;}

	
	.ProdV0container {
		margin:0px;
		margin-left:20px;
		margin-bottom:30px;
		width:calc(100% - 40px);
	}
	
	.ProdV0Image img {
		max-height:230px;
		max-width:280px;
	}

}

	/*	iPhone 8 plus Portrait 
	------------------------- */
	
@media (max-width : 414px) 
{
	.desktop {display:none;}
	.mobPortrait { display:none}
	.acSmallMobileOff {display:none;}
	.telSmallMobileOff {display:none;}
	.homeSmallMobileOff {display:none;}
	.hdr2content {
		display:flex;
		align-items: center;
		max-width:1360px;
		height:100px;
		padding-left:5px;
		padding-right:5px;
	}
	.hdr3 {
		display:block;
		height:70px;
	}
	.hdr3content {
		max-width:calc(100% - 40px);
		height:70px;
		padding-left:20px;
		padding-right:20px;
	}
	.hdr3content h1 {
		font-size:24px;
		margin:0px;
		line-height:normal;
		font-weight:normal;
	}
	.page {
		width:calc(100% - 10px);
		text-align:left;
		min-height:400px;
		padding-left:5px;
		padding-right:5px;
	}
	.midPanel {
		display:block;
		vertical-align: top;
		border-left:none;
		padding:0px;
		width:100%;
		box-sizing: border-box;

	}
	.categoryDescriptionList h1 {
		font-size:24px;
		line-height:normal;
	}
	.categoryDescriptionListView {
		display:block;
		padding:5px;
		border:1px solid silver;
		border-radius:5px;
		width:80px;
		box-shadow: 3px 3px 4px 2px #dedede;
		margin-left:0px;
	}
	img {max-width:95%}
	.slideTeaserTxt {font-size:28px;}
		

#cssC {display:inline-block;}


}

	/*	iPhone 8 Portrait 
	-------------------------- */
	
@media (max-width : 375px) 
{
	.categoryIconHolder {
		width:138px;
		height:185px;
	}
	.categoryIcon {
		width:138px;
		height:138px;
		background-size:120px  120px;
	}
	.categoryIconTitle {font-size:16px;}
}
