/*********************** MENU ******************************************/
#menucontainer {
	max-width:										1024px;
	position:										relative;
	display:										flex;
	margin:											0 auto;
	height:											44px;
	align-items:									center;
}
#menucontainer a, #menucontainer a:visited {	
	text-decoration:								none;
	color:											#000;
}
#m1:hover #mp1, #m1:hover #mp2, #m1:hover #mp3, #m1:hover #mp4, #m1:hover #mp5, #m1:hover #mp9 {
    display:										block;
	min-width:										250px;
}
#m1 #blackout {
    display:										block;
	position:										absolute;
	background-color:								red;
	left:											0;
	width:											100%;
	height:											100%;
}
.trig:hover .mt {
	background-image:								URL('/1-0-0/images/tri10.png');
	background-position:							center bottom;
	background-repeat:								no-repeat;
}
.mp ul.brand {
	background-color:								#;
	padding:										0 5px;
	grid-row:										1 / 3;
	grid-column:									5 / 5;	
}
a div.mt {
	line-height:									3em;
	color:											#fff;
}
.outlet {
	background-color:								#;
}
#menu {
	width:											100%;
	background-color:								#d60903;
	left:											0;
	z-index:										1000;
}
.mp {
	color:											#000;
}
.mp ul {
	list-style:										none;
	min-width:										150px;
	padding:										0;
}
.mp ul {
	text-align:										left;
}
.mp ul li {
	color:											inherit;
	font-weight:									300;
	text-transform:									none;
	margin:											10px 0;
}
.mp ul li.title {
	color:											darkgreen;
	font-weight:									700;
	white-space:									nowrap;
	text-transform:									uppercase;
	letter-spacing:									0.05em;
}
.mp ul li a:hover {
	font-weight:									700;
}
#m1, #m2, #m3 {
	flex-grow:										1;
	text-align:										center;
}
#m1, #m2, #m3 {
	flex-grow:										1;
}
#menu .mp {
    display:										none;
    position:										absolute;
	padding:										0 15px 0px;
	margin:											0 auto;
    background:										#fff;
    z-index:										9999;
	color:											#000;
	box-shadow:										0px 2px 10px gray, -2px 2px 10px gray, 2px 2px 10px gray;;
}
#menu .mt {
	text-transform:									uppercase;
}
/*********************** END MENU ******************************************/


#t7 {
	display:										none;
}
#hprof div.w {
	display:										inline-flex;
	width:											calc(2 * 165px);
}
/*****Negate Lower***/
body {
	max-width:										unset;
}
.pp {
	max-width:										300px;
}
.PT, .PI {
	max-width:										300px;
}
#content_inner {
	padding:										0 50px 50px 50px;
}
#content_product {
	grid-template-columns:							2fr 1fr;
}
#content_brand {
	padding-top:									50px;
}
#hsl div img {
    display:										block;
}
#hfn #r {
    margin-top:										0;
}
.nm {
	display:										unset;
}
td.nm {
	display:										table-cell;
}
.map {
	width:											350px;
	height:											350px;
}
.om {
	display:										none;
}
/*****End Negate Lower***/

/*****Columns + Widths*******/
#hprof div {
	width:											165px;
}
#hprod  {
	grid-template-columns:							repeat(3, 1fr);
}
#hprod, #hse, #hc, #hsl, #brandprod {
	display:										grid;
    grid-gap:										15px;
}
#hse  {
	grid-template-columns:							repeat(3, 1fr);
	height:											220px;
}
#hse div, #hse h2, #hc div, #hc h2 {
	color:											#000;
	text-align:										center;
}
#hse div p  {
	margin-left:									10%;
	margin-right:									10%;
}
#hsl {
	grid-template-columns:							calc((100% - 20px) / 2) calc((100% - 20px) / 2);
}
#brandprod  {
	grid-template-columns:							repeat(4,1fr);
}
#brandprod div  {
	width:											100%;
}

/***** End Columns + Widths*******/

hr {
	margin:											1em 4em;
}
#hfn {
	display:										flex;
	font-size:										30px;
}
#hprod div a  {
	width:											inherit;
	display:										flex;
}
#ht {
	font-size:										11px;
}
#hsl div.s-text {
	text-align:										center;
	color:											#;
	font-weight:									200;
	font-size:										20px;
	margin:											20px 10px 0 10px;
    padding-top:									20px;	
}
#hsl div img {
	margin:											50px auto;
}
#hsl div.s-text h3 {
	letter-spacing:									3px;
	font-size:										30px;
}
#hsl div.s-text p.l2, #hsl div.s-text p.l3 {
	font-size:										23px;
	letter-spacing:									0.5px;
}
#hsl div.s-text p.l3 {
	color:											#;
	font-weight:									700;
	letter-spacing:									-2px;
}
#hfn img {
	width:											50px;
	margin:											5px auto;
}
#hfn #b, #hfn #c, #hfn #r {
	float:											left;
	width:											calc(50% - 3px);
	height:											220px;
	margin-right:									5px;
}
#hfn #r {
	background:										#e9e200;
	margin-right:									0;
}
#hfn #r:hover {
	background:										#;
}
#hfn #c, #hfn #r, #hc div {
    display:										grid;
}
#hse #sc1,#hse #sh1,#hse #sc2,
	#hse #sh2,#hse #sc3,
	#hse #sh3 {
	height:											220px;
}
#hse #sh1, #hse #sh2, #hse #sh3 {
	position:										absolute;
}
#hse #sh1, #hse #sh2, #hse #sh3 {
	display:										grid;
	z-index:										-10;
}
#sh1 p, #sh1 h2, #sh2 p, #sh2 h2, #sh3 p, #sh3 h2, #ch1 p, #ch1 h2, #ch2 p, #ch2 h2 {
	font-weight:									300;
    font-size:										0.75em;
    margin-top:										0;
}
#hc {
	grid-template-columns:							repeat(2, 1fr);
    grid-row-gap:									0;
}
#hc div {
	width:											100%;
	height:											100%;
}
#hc h2 {
	color:											#e9e200;
	font-size:										1.3em;
	font-weight:									unset;
    margin-top:										10%;
}
#hc hr {
	font-size:										1.3em;
}
#hc p {
	font-size:										1.3em;
	margin:											0 10%;
}
#hc p.u {
	font-size:										1.3em;
    margin-bottom:									7%;
}
#hc a:hover .hov {
	display:										grid;
}
#hc a:hover img {
	display:										none;
}
#hc img {
	width:											100%;
}
#hc div.hov, #hse div .hov  {
	display:										none;
	color:											#e9e200;
	background-color:								#;
}
#hse div  {
	background-color:								#;
}
#hse a:hover #sb1, #hse a:hover #sb2, #hse a:hover #sb3 {
	background-image:								none;
}
.norm {
	display:										block;
}
#hse a:hover div.thrd .norm {
	display:										none;
}
#hse a:hover div.thrd .hov {
	display:										block;
}
#hse #sc1, #hse #sc2, #hse #sc3 {
	background-size:								cover;
	width:											inherit;
	position:										relative;
}
#ri {
	margin:											0 auto;
}
#foot {
	width:											100%;
}
#hfn #b {
	background-image:								URL("/upl478700018001n.jpg");
	background-color:								white;
	background-size:								cover;
	background-repeat-x:							no-repeat;
}
form#subscribe {
	display:										inline-flex;
	margin-top:										15px;
}
form#subscribe input {
	float:											none;
	margin-left:									0;
	margin-right:									0;
    height:											2.5em;
    border:											0;
    padding-top:									0;
    padding-bottom:									0;
}
form#subscribe input[type=submit] {
	background-color:								#e9e200;
	text-align:										center;
	border:											0;
	color:											#fff;
	
}
form#subscribe input[type=submit]:hover {
	cursor:											pointer;
}
#demoList div {
	min-width:										25%;
}
/*******************SEARCH*****************************/
#content_search {
	display:										grid;
	grid-template-columns:							1fr 4fr;
	margin:											0 5px;
}
#sr, #srf {
	display:										grid;
	grid-template-columns:							repeat(3,1fr);
	grid-gap:										10px;
}
.resFiltp select{
  padding:											0 20%;
}
.resFiltc select{
  padding:											0 20%;
}
.resFilta select{
  padding:											0 15%;
}
.resFiltp:after {
    right:											20%;
}
.resFiltc:after {
    right:											16%;
}
.resFilta:after {
    right:											15%;
}

/*******************END SEARCH*****************************/
#product {
	grid-column:									2;
	grid-row:										2 / 4;
	padding:										0 10px;
}
#enquire {
	display:										grid;
	grid-template-columns:							1fr 3fr;
	grid-gap:										5px;
}
#gmap {
    width:											50%;
    float:											right;
    padding-left:									5px;
}