body {
	font-family:					Arial,Helvetica,sans-serif;
    font-size:						13px;
}
.test {
	display: none;
}
.rounded {
	border-radius:					10px;
    -moz-border-radius-topleft:		10px;    /* Firefox */
    -moz-border-radius-topright:	10px;    /* Firefox */
    -webkit-border-top-left-radius:	10px; /* Safari and Chrome */
    -webkit-border-top-right-radius:10px; /* Safari and Chrome */
}

br.clearleft {
	clear:				left;
}
.clearleft {
	clear:				left;
}
.clearright {
	clear:				right;
}
br.clear {
	clear:				both;
}
.bold {
	font-weight:		bold;
}
.italic, .i {
	font-style:			italic;
}
.c {
	text-transform:		uppercase;
}
.ls1 {
		letter-spacing:									1px;
}
.ls2 {
		letter-spacing:									2px;
}
.ls3 {
		letter-spacing:									3px;
}
.grd {
	display:			grid;
}
.point8 {
	font-size:			0.8em;
}
.point9 {
	font-size:			0.9em;
}
/*Default Labels*/
label {
	margin-top:			0em;
	display: 			block;
	float: 				left;
	text-align:			right;
	/* default for medium */
	width: 				7em;
}
.centred {
	text-align:			center !important;
}
label.labelcell {
	text-align:			left;
	padding-left: 		0.6em;
}
label.picselect {
	font-size:			0.8em;
	width:		 		6em;
}
label.labelc, label.label3c, label.label4c, label.label5c {
	margin-top:			0.3em;
	display: 			block;
	text-align:			center;
	/* default for medium */
	width: 				7em;
}
label.labelleft {
	width: 				auto;
	text-align:			left;
}
label.labelauto {
	width: 				auto;
}
label.label1 {
	width: 				2em;
}
label.label2 {
	width: 				2.5em;
}
label.label3, label.label3c {
	width: 				3.5em;
}
label.label4, label.label4c {
	width: 				5em;
}
label.label5, label.label5c {
	width: 				6em;
}
label.label6 {
	width: 				7em;
}
label.label7 {
	width: 				8em;
}
label.label8 {
	width: 				9em;
}
label.label9 {
	width: 				10em;
}
label.label10 {
	width: 				12em;
}
label.label12 {
	width: 				14em;
}
label.label14 {
	width: 				16em;
}
label.label16 {
	width: 				18em;
}
label.label18 {
	width: 				20em;
}
label.label19 {
	width: 				25em;
}
label.label20 {
	width: 				34em;
}
/*Default for medium*/
input, select, textarea, check {
	margin-top:			1px;
	margin-left:		0.4em;
	margin-right:		1px;
	margin-bottom:		1px;
	text-align:			left;
	font-family:		inherit;
	font-size:			inherit;
}
.ralign, .ral {
	text-align: 		right;
}
.lalign, .lal {
	text-align: 		left;
}
.alrm {
	margin-left: 		auto;
	margin-right: 		auto;
}
input.radioc {
	float:				none;
}
input.radiol {
	float:				left;
}
input.check, input.checkc {
	width: 				1em;
	height:				1.5em;
	font-size:			1.2em;
}
input.checkc {
	float:				none;
}
input.input2 {
	width: 				2em;
}
input.input3 {
	width: 				4em;
}
input.input4 {
	width: 				6em;
}
input.input6 {
	width: 				8em;
}
input.input8 {
	width: 				10em;
}
input.input10 {
	width: 				12em;
}
input.input12 {
	width: 				14em;
}
input.input15 {
	width: 				16em;
}
input.input20 {
	width: 				20em;
}
input.input25 {
	width: 				25em;
}
input.input30 {
	width: 				30em;
}
input.input40 {
	width: 				40em;
}
input.input60 {
	width: 				60em;
}
input.dateinput {
	width: 				5.5em;
}
input.timeinput {
	width: 				3.5em;
}
textarea.textarea10 {
	width: 				12.0em;
}
textarea.textarea12 {
	width: 				14.4em;
}
textarea.textarea15 {
	width: 				16em;
}
textarea.textarea20 {
	max-width: 			20.0em;
}
textarea.textarea25 {
	max-width: 			25.0em;
}
textarea.textarea30 {
	max-width: 			30.1em;
}
textarea.textarea23 {
	width: 				21.6em;
}
textarea.textarea40 {
	width: 				40em;
}
textarea.textareafull {
	text-align:		left;
	width: 				99%;
}
/*Default for medium*/
select, select.select6 {
	width: 				12.3em;
}
.dummyselect6 {
	width: 				12em;
	height:				1.8em;
}
select.select2 {
	width: 				4em;
}
select.select4 {
	width: 				6.2em;
}
select.select10 {
	width: 				12.3em;
}
select.select15 {
	width: 				16em;
}
select.select20 {
	width: 				21em;
}
select.select23 {
	width: 				22em;
}
select.select30 {
	width: 				30em;
}
select.selectauto {
	width: 				auto;
}
select.multi4 {
	height:				6.4em;
}
select.multi5 {
	height:				7.5em;
}
select.multi7 {
	height:				10.1em;
}
/*Read only versions */
div.input3, div.input4, div.input6, div.input8, div.input10, div.select20, div.input20,
div.select23, div.textarea20,  div.textarea23, div.selectauto, div.check {
	width: 				17.8em;
	float:				left;
	border-style: 		inset;
	border-width:		2px;
	padding:			0px;
	margin-top:			1px;
	margin-left:		0.4em;
	margin-right:		1px;
	margin-bottom:		2px;
	text-align:			left;
}
div.input3 {
	width: 				4em;
}
div.input4 {
	width: 				8em;
}
div.input6 {
	width: 				8em;
}
div.input8 {
	width: 				9.5em;
}
div.input10 {
	width: 				18em;
}
div.select23, div.input20 {
	width: 				19.8em;
}
div.textarea23 {
	width: 				19.8em;
	height:				9.8em;
}
div.selectauto {
	width: 				auto;
}
div.textareafull {
	float:				left;
	width:99%;
	text-align:		left;
}
/*help buttons */
.qmark input {
	display:		inline;
	float: 			none;
	padding:		0px;
	margin:			0px;
	margin-bottom:	0.5em;
	width: 			1em;
	height: 		0.8em;
	font-size:		1.2em;
}
/*Used without Div */
input.qmark2 {
	display:		inline;
	float: 			none;
	padding:		0px;
	margin:			0px;
	margin-bottom:	0.3em;
	width: 			1.4em;
	font-size:		0.8em;
}

/*Default Field Sets*/
.cslabel,
.cslabelHigh,
.cslabel3,
.cslabel3High {
	display:			inline;
/*	width:				99%; */
/*	border:				solid blue 1px;  */
	padding-right:		5px;
	float:				left;
	vertical-align:		bottom;
}
.cslabelHigh,
.cslabel3High {
/*	border:				solid green 1px; */
}
.cslabel3,
.cslabel3High {
	width: 				11em;
}
.expireddate {
	font-weight: bold;
	font-style: italic;
}
.saddress {
	display:			inline;
/*	border:				solid blue 1px; */
	padding-right:		5px;
	padding-left:		5px;
	margin-left:		0.6em;
	float:				left;
	vertical-align:		bottom;
	border-style: 		inset;
	border-width:		2px;
}
.mainttick {
	float:			left;
	display:		inline;
	text-align:		right;
}
.stdDivContentInner .NEWSIMAGES {
	position: relative;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: visible;
	text-align: center;
}
.stdDivContentInner .NEWSIMAGES {
	padding-left: 5px;
	padding-right: 5px;
}
.stdDivContentInner .EDITIMAGES {
	padding: 0px;
	margin: 0px;
}
#errorDiv, #infoDiv {
	margin-bottom:		5px;
	padding:			0.5em;
}
#errorMessageList {
	color:				#222222;
}
.mandstar {
	color:			#f00;
}
.rfloat, .r {
	float:			right;
}
.lfloat, .l {
	float:			left;
}
.ifloat {
	float:			inherit;
}
.cfloat {
	display:		table;
	margin:			0px auto;
}
.nomarg {
	margin:			0px;
}
div.noborder {
	border:			none;
}
div.centrediv {
	display:		table;
	margin:			0px auto;
	text-align:		center;
}
div.centrediv table {
	text-align:		left;
}
.PagedDBNavText {
	font-size:		1.0em;
}
.PagedDBNavTextCurPage {
	font-size:		1.2em;
}
h1 {
	font-size:		1.2em;
}
h2 {
	font-size:		1.1em;
	text-align:		left;
}
td {
	vertical-align:			top;
}

img.RIGHT {
	margin:					0 0 0 10px;
	max-width:				100%;
	float:					right;
}
img.LEFT {
	margin:					0 10px 0 0;
	max-width:				100%;
	float:					left;
}
.rslides1_nav {
	position:										absolute;
	-webkit-tap-highlight-color:					rgba(0,0,0,0);
	top:											50%;
	left:											0;
	z-index:										99;
	opacity:										0.3;
	text-indent:									-9999px;
	overflow:										hidden;
	text-decoration:								none;
	height:											61px;
	width:											38px;
	background:										transparent url("/1-0-0/images/slidearr.gif") no-repeat left top;
	margin-top:										-45px;	
}

.rslides1_nav:hover {
	opacity:										1.0;
}

.rslides1_nav.next {
	left:											auto;
	background-position:							right top;
	right:											0;
}

.rslides {
	position:										relative;
	list-style:										none;
	overflow:										hidden;
	width:											100%;
	padding:										0;
	margin:											0;
}

.rslides li {
	-webkit-backface-visibility:					hidden;
	position:										absolute;
	display:										none;
	width:											100%;
	left:											0;
	top:											0;
}

.rslides li:first-child {
	position:										relative;
	display:										block;
	float:											left;
}

.rslides img {
	display:										block;
	height:											auto;
	float:											left;
	width:											100%;
	border:											0;
}
.rslides_tabs {
	margin-top:										10px;
	text-align:										center;
	padding:										0;
	width:											100%;
    position:										absolute;
    top: 100%;
    transform:										translateY(-40px);
    z-index:										900;
}
.rslides_tabs li {
	display:										inline;
	float:											none;
	_float:											left;
	*float:											left;
	margin-right:									5px;
}
.rslides_tabs a {
	text-indent:									-9999px;
	overflow:										hidden;
	-webkit-border-radius:							15px;
	-moz-border-radius:								15px;
	border-radius:									15px;
	background:										#ccc;
	background:										rgba(0,0,0, .2);
	display:										inline-block;
	_display:										block;
	*display:										block;
	-webkit-box-shadow:								inset 0 0 2px 0 rgba(0,0,0,.3);
	-moz-box-shadow:								inset 0 0 2px 0 rgba(0,0,0,.3);
	box-shadow:										inset 0 0 2px 0 rgba(0,0,0,.3);
	width:											15px;
	height:											15px;
}
.rslides_tabs .rslides_here a {
	background:										#222;
	background:										rgba(0,0,0, .8);
}
.nm, .ns {
	display:										none;
}
.ns {
	left:											-1200px;
}
.om {
	display:										block;
}
.c1 {
    grid-column-start:								1;
}
.c2 {
    grid-column-start:								1;
}
.c12 {
    grid-column-start:								1;
    grid-column-end:								3;
}
.c23 {
    grid-column-start:								2;
    grid-column-end:								4;
}
.c24 {
    grid-column-start:								2;
    grid-column-end:								5;
}
#N1 {
	display:											flex;
	flex-wrap:											wrap;
    width:												max-content;
    margin:												0 auto;	
}
.PI {
	display:											inline-block;
	flex:												1;
	text-align:											center;
	padding:											10px;
	font-size:											15px;
}
.PI:hover {
	background-color:									#eee;
}
.PT a {
	text-decoration:									none;
}
.PT p {
	text-align:											center !important;
}
.PT h1 {
	min-height:											1.2em;
}
.BD {
    text-align:											center;
	margin-top:											10px;
}
#gmap {
    display:								inherit;
    max-width:								375px;
    float:									right;
    padding-left:							5px;
}
.g-recaptcha {
   display:								inline-block;
   margin-left:							0.4em;
}
.b1444 {
    border:								1px;
    border-color:						#444;
    border-style:						solid;
}
.corner3 {
	border-radius:						3px;
}
.corner3t {
	border-radius:						3px 3px 0px 0px ;
}
.corner3b {
	border-radius:						0px 0px 3px 3px;
}
.corner5 {
	border-radius:						5px;
}
.corner10 {
	border-radius:						10px 10px 10px 10px;
	-webkit-border-top-left-radius:		10px;
	-moz-border-radius-topleft:			10px;
	-webkit-border-top-right-radius:		10px;
	-moz-border-radius-topright:			10px;
	-webkit-border-bottom-right-radius:	10px;
	-moz-border-radius-bottomright:		10px;
	-webkit-border-bottom-left-radius:	10px;
	-moz-border-radius-bottomleft:		10px;
}
TABLE TD {
	text-align:							left;
}
#scr1 {
	float:	right;
	overflow: hidden;
	visibility: hidden;
	display:none;
}
p.clicktext {
	font-size:		0.8em;
}
p a, li a {
    text-decoration: none;
}
a, a visited {
    color:								inherit;
    text-decoration:					none;
}
img#voteNow {
	width : 192px;
	height :67px;
	float: right;
	border : none;
	margin-right: 15%;
}
.fullsection {
	width:			900px;
	margin-left:	auto;
	margin-right:	auto;
}
#homeLeft {
	margin-top: 	10px;
	margin-bottom: 	10px;
	margin-right: 	430px;
}
#homeLogos {
	display: inline-block;
	text-align:	center;
}
.bodyStrap {
	font-size:		1.2em;
	font-weight:	bold;
	color:			#282828;
	font-style:		italic;
}
p.clearleft {
	clear:left;
}
p.clear {
	clear:both;
}
.content_inner p, .content_inner ul {
	text-align:				justify;
	line-height:			1.4em;
	margin-top:				0.5em;
	margin-bottom:			0.5em;
}
.content_inner p.centred {
	text-align:				center;
}
.content_inner .nomarg {
	margin:					0px;
}
div#ABOUTHOMEX ul {
	line-height:			1.2em;
	padding-left:			20px;
}
#voteButton {
	margin-left:	500px;
	margin-top:		30px;
}
.addressblock {
	display:block;
	float:left;
}
label.request, label.requestSmall {
	display: block;
	width: 10em;
	font-size:0.8em;
	padding-left: 5px;
	height: 1.4em;
	float: left;
	text-align:left;
}
label.requestSmall {
	width: 6em;
}
.outertab {
	margin-bottom: 30px;
}
img {
	border:none;
}
.tableBanner {
	font-size: 0.9em;
}
.mainTextBlue {
	color:#3F74B4;
	text-align:right;
}
.mainImageLEFT {
	margin-right: 15px;
}
.mainImageCENTRE {
	margin-left: 15px;
	margin-right: 15px;
}
.mainImageRIGHT {
	margin-left: 15px;
}

.mainText {
	font-size: 0.9em;
	color:#555;
	text-decoration:none;
}
.leftMenuSep  {
	margin: 0 0 10px 0;
}
.leftMenuElement a {
	font-size: 0.9em;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	
}
.leftMenuSubElement a {
	font-size: 0.8em;
	color:#555;
	text-decoration:none;
	font-weight:bold;
}
.leftMenuSubElement a:hover {
color:#888888;
	
}

.leftMenuElement a:hover {
color:#DDDDDD;
}
.topMenuElement {
	background-repeat:repeat-x;
}
.topMenuElement a {
	font-size: 0.9em;
	color:#FFFFFF	;
	font-weight:bold;
	text-decoration:none;
}
.bottomMenuElement a {
	font-size: 0.7em;
	color:#FFFFFF	;
	font-weight:bold;
	text-decoration:none;
}
.lightPanelHeading, .lightPanel {
background-color:#E6DE7B;
color:#444444;
}
.lightPanelHeading {
font-size:0.9em;
font-weight:bold;
padding-left:10px;
}
.lightPanelHeading a {
text-decoration:none;
color:#000;
}
.lightPanelHeading a:hover {
color:#888888;
}
.lightPanelText {
margin-top:5px;
font-size:0.7em
}

.darkPanelHeading, .darkPanel {
background-color:#9BC5E6;
color:#444444;
}
.darkPanelHeading {
font-size:0.9em;
font-weight:bold;
padding-left:10px;
}
.darkPanelHeading a {
text-decoration:none;
color:#000;
}
.darkPanelHeading a:hover {
color:#888888;
}
.darkPanelText {
margin-top:5px;
font-size:0.7em

}
.subPageMainHead {
	font-size:1.4em;
	color:#3F74B4;
	text-align:left;
padding: 5px 5px 5px 5px;
	font-weight:bold;

}
.subPageHead {
	font-size:1em;
	color:#3F74B4;
	text-align:left;
	padding: 5px 5px 5px 5px;

}
.subPageText, .TABLETEXT, .STANDARD {
	ccolor:#3F74B4;
	text-align:left;
	padding: 5px 5px 5px 5px;
}
.STANDARD {
	ccolor:#3F74B4;
	text-align:left;
padding: 5px 5px 5px 5px;
}
.GALLERYTEXT {
	font-size:0.6em;
}
.GALLERY, .NEWSIMAGES {
	position: relative;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: visible;
	text-align: center;
}

TD.STOCKTITLE, TD.STOCKTITLER {
	font-weight:			600;
	padding-left:			3px;
	padding-right:			3px;
	border-bottom:			solid black 1px;
}
TD.STOCKROW, TD.STOCKROWR, TD.STOCKROWRED, TD.STOCKROWBOLD {
	padding-top:			2px;
	padding-left:			3px;
	padding-right:			3px;
	vertical-align:			top;
}
TD.STOCKROWRED, SPAN.STOCKROWRED {
	color:#cc3333;
}
TD.STOCKROWBOLD {
	font-weight:600;
}
TR.HIGHROW {
	background:		#dddddd;
}
TR.HIGHROW TD.BOTBORD {
	border-bottom: 	solid #bbb 1px;
}
TR.HIGHROW2 {
	background:		#dddddd;
}
TR.HIGHROW2 TD {
	border-bottom: 	solid #bbb 1px;
}
TR.HIGHROW2 TD.NOUNDER {
	border-bottom: none;
}
TR.LOWROW {
	background:		#eeeeee;
}
TR.LOWROW TD.BOTBORD {
	border-bottom: 	solid #bbb 1px;
}
TR.LOWROW2 {
	background:		#eeeeee;
}
TR.LOWROW2 TD {
	border-bottom: 	solid #bbb 1px;
}
TR.LOWROW2 TD.NOUNDER {
	border-bottom: none;
}
TD.IMGCELL {
	background:		transparent;
    text-align: center;	
}
TD.STOCKROWR, TD.STOCKTITLER {
	text-align:right;
}
TD.STOCKROWC {
	text-align:			center;
}
TD.VMIDDLE {
	vertical-align:		middle;
}
TD.BUYCELL {
	vertical-align:		middle;
	padding-right:		5px;
	padding-left:		3px;
	background:			#fff;
}
TD.NOUNDER {
	border-bottom: none;
}
.QTY {
	width:2em;
}
.MAINAREA {
	text-align:center;
}
TABLE.PRODLIST TD {
	padding-right: 10px;
}
TD.STOCKTOTALR {
	font-weight:600;
	border-top: solid black 1px;
	padding-top:5px;
	text-align:right;
}
IMG.SEARCHIMAGE {
}
.ENHANCE {
	font-weight: bold;
}
#checkoutBarDiv {
	margin-top:				10px;
	margin-bottom:			10px;
	text-align:				center;
}
.checkoutBar, .checkoutBarSelected{
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	background-color:#A65353;
	color:#FFFFFF;
	padding: 3px 3px 3px 3px;
}
.checkoutBarSelected {
	background-color:#999999;
}
#errorList {
	color:#FF0000;
	font-size:1.0em;
}
#errorMessageList {
	font-size:1.0em;
}
TABLE.CHECKOUT {
	font-size: 0.8em;
}
.CHECKOUT {
	font-size: 0.8em;
}
.homePanelText {
	margin:5px 80px 0px 80px;
font-size:0.7em
}
.homePanelHeading {
	margin:0px 80px 0px 80px;
	text-align:center;
 	font-weight:bold;
}
.casePageHead {
font-size:0.8em;
}
.MAINTEXT {
	font-size:0.9em;
}
.highPanelDiv {
	min-height:175px;
	height:auto !important;
	height:175px; 
	background-color:#E7F1F9;
	border:1px solid #cccccc;
}
.highPanelTitle {
	font-size:0.9em;
	padding:3px 0px 3px 10px;
	margin:0px 0px 10px 0;;
	background-color:#69A0DA;
	color:#ffffff;
	font-weight:bold;
}
.highPanelText {
	padding:3px 10px 3px 10px;
}
.shadow {
	-moz-box-shadow: 2px 2px 3px #969696;
	-webkit-box-shadow: 2px 2px 3px #969696;
	box-shadow: 2px 2px 5px #777;
	background-color: #EDEBEB;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}
.column-in {
	margin:0; 
	padding:0.5em 1em;	
}

div#b2link {
	display:				inline-block;
	float:					right;
}
.b2linkimg {
	display:				block;
	float:					right;
	margin-top:				2px;
	margin-bottom:			2px;
	margin-right:			5px;
}
.b2linktext {
	display:				block;
	float:					right;
	margin-top:				4px;
	margin-right:			5px;
}
.b2linktext a {
	color:					#222;
}

.LEFTIMAGE, .RIGHTIMAGE {
	margin-top:				2px;
	border:					solid #aaaaaa 1px;
	padding:				1px;
}
.LEFTIMAGE {
	float:					left;
	margin-right:			10px;
	margin-bottom:			3px;
}
.RIGHTIMAGE {
	float:					right;
	clear:					right;
	margin-left:			5px;
	margin-bottom:			3px;
}
.NOBORDER {
	border:					none;
}
.WHITEBG {
	background-color:		#ffffff;
}
.noMargin {
	margin:					0px;
}
.formfield {
	margin:					1px;
}
img.FBIMAGE {
	float:					left;
	margin-right:			4px;
	padding:				1px;
	border:					solid #222 1px;
}
div.FBITEM {
	padding-top:			3px;
	padding-left:			3px;
	clear:					left;
	font-size:				0.85em;
}
.FBTITLE {
    font-weight:			bold;
}
p.FBLEADER {
    font-weight:			normal;
    margin:					0px 0.2em;
    padding:				0;
	word-wrap:				break-word;
	line-height:			1.1em;
	text-align:				left;
}#cookie-p {
	display:										block;
    background:										#f8ec97;
    box-shadow:										0 -2px 4px rgb(0 0 0 / 9%);
    color:											#000;
    left:											0;
    position:										fixed;
    top:											100%;
    transform:										translateY(-100%);
    -ms-transform:									translateY(-100%);
    transition:										transform .3s ease-in; 
    width:											100%;
    z-index:										101;
	text-align:										center;
}
#cookie-p img {
	float:											right;
	margin:											5px;
}
#cookie-p.closed {
    transform:										none;
    -ms-transform:									none;
    transition:										transform .3s ease-in; 
}
span#err {
	margin-top:										5px;
	display:										block;
}
.homet { 
	padding:										50px;
}
#t3, #t6, #t7, #t9 {
	display:										none;
}

body {
    background-color:								#fff;
    margin:											0px;
    font-family:									Roboto, Arial, Helvetica, Sans-Serif;
    font-size:										12px;
	color:											#333333;
}
h1, h2, h3, h4, h5, h6 {
    color:											#477a7b;
    padding:										5px 0px;
    margin:											0px 0px;
}
h1 {
	font-size:										17px;
	letter-spacing:									2px;
}
h2 {
	font-size:										14px;
	letter-spacing:									2px;
}
input {
  outline:											0;
}
.LEFTIMAGE, .RIGHTIMAGE {
	margin-top:				2px;
	border:					none;
	padding:				1px;
}
#content_outer {
	display:										grid;
	background:										#fff;
	display:										grid;
	margin-left:									auto;
	margin-right:									auto;
}
#content_outer > div
	margin-left:									5px;
	margin-right:									5px;
}
.low {
	text-transform:									none;
}
.el {
	text-transform:									uppercase;
	text-decoration:								underline;
	color:											#477a7b;
}
hr, #hse div hr.hov {
	border:											none;
    height:											1px;
    color:											#a7cbcc;
    background-color:								#a7cbcc;
}
#content_outer p.u, #content_outer span.u {
	text-decoration:								underline;
}
#content_outer p.t {
	color:											#477a7b;
	background-color:								#a7cbcc;
	margin:											0 auto 10px;
	padding:										1em 0;
	font-size:										14px;
	font-weight:									bold;
	letter-spacing:									1px;
	text-align:										center;
}
#content_outer p.st {
	color:											#f1e5e5;
	background-color:								#477a7b;
	width:											auto;
	margin:											0;
	padding:										1em 0;
	font-size:										14px;
	letter-spacing:									1px;
}
#content_inner.cen, #content_inner.cen h1, #content_inner.cen h2, #content_inner.cen h3 {
	text-align:										center;
	padding:										10px 15%;
}
#content_inner.cen h1, #content_inner.cen h2, #content_inner.cen h3 {
	text-transform:									uppercase;
}
#content_inner.cen ul {
	display:										inline-block;
	text-align:										left;
	padding-left:									0;
}
a.a {
	display:										contents;
}
#hb1 {
	display:										block;
	position:										relative;
}
#content_home, #content_brand {
	padding:										0 5px;
}
#content_brand #hb1 {
	margin-bottom:									15px;
}
#hfn {
	grid-row-gap:									5px;
	position:										relative;
}
#hprof {
	display:										block;
	background:										#000;
}
#hprof div {
	display:										inline-block;
	height:											220px;
	background-repeat:								no-repeat;
	background-position:							center top;
	
}
#hprof a {
	display:										inline-block;
	margin-bottom:									10px;
	border-bottom:									solid #000 2px;
	filter:											sepia(70%) brightness(75%) hue-rotate(130deg);
	width:											inherit;
}
#hprof a:hover {
	filter:											none;
	border-bottom-color:							#fff;
}
#content_outer #hprof div p {
	width:											auto;
	margin:											0;
	position:										relative;
	top:											190px;
}
#content_outer #hprof p {
	color:											#f1e5e5;
	background-color:								unset;
	margin:											5px auto 10px;
}
#content_outer #hprof p#pa {
	letter-spacing:									0.2em;
    border-bottom-width:							2px;
	font-size:										14px;
    border-bottom-style:							solid;
    width:											max-content;
    padding:										5px 30px;
    padding-top:									20px;
}
#hfn, #hprod, #hprof, #hse, #hc, #hnewsl, #ht, #brandprod {
	margin:											5px auto 15px;
	text-align:										center;
}
#hprod, #hse, #hc, #hsl, #brandprod {
	display:										grid;
	grid-column-gap:								10px;
    grid-row-gap:									10px;
}
#hc {
	display:										grid;
}
#hnewsl, #ht {
	display:										block;
	background-color:								#a7cbcc;
	overflow:										hidden;
}
#hnewsl img {
	margin:											15px;
	max-width:										10%;
}
#hnewsl h3 {
	font-size:										14px;
	color:											#333333;
}
#hnewsl p.tc {
	font-size:										10px;
	font-weight:									500;
}
#ht {
	background-color:								#e1e2e1;
}
#ht p {
	font-family:									'Roboto Condensed';
	line-height:									normal;
}
#ht ul {
	list-style:										none;
	padding:										0;
}
#ht ul li {
	display:										inline-flex;
	text-decoration:								underline;
	padding-right:									2em;
}
#ht ul li.last {
	padding-right:									0;
}
#hsl {
	background-color:								#355959;
	margin:											0 5px 10px;
}
#hsl div.s-text {
	letter-spacing:									0.1em;
}
#hsl div.s-text p {
	margin:											5px 0;
	color:											white;
}
#hsl div.s-text p.l1 span{
	font-size:										0.7em;
}
#hsl div.s-text p.ex {
	font-size:										9px;
}
#hse div {
	display:										flex;
	flex:											1;
}
#hse .servt {
	color:											#fff;
	font-size:										14px;
}
#hse div.thrd  {
	display:										grid;
	width:											100%;
}
#hprod div, #brandprod div {
	display:										grid;
	flex:											1;
	width:											100%;
}
#hprod div img, #hse div img, #c div img, #brandprod div img {
	-webkit-filter:									brightness(70%);
    filter:											brightness(70%);
	width:											inherit;
}
#hprod div img:hover, #brandprod div img:hover {
	-webkit-filter:									brightness(100%);
    filter:											brightness(100%);
}
#hfn i {
	font-weight:									700;
}
.gs10 {
	filter:											brightness(70%);
}
.gs100 {
	-webkit-filter:									grayscale(100%)  brightness(50%);
    filter:											grayscale(100%)  brightness(50%);
}
#hfn #c, #hfn #r, #hse div, #hc div {
    align-items:									center;
	color:											#f1e5e5;
	line-height:									initial;
}
#hfn #ri p {
	line-height:									initial;
}
#hfn #ri p.hfnt {
	font-size:										0.5em;
	font-weight:									300;
	letter-spacing:									0.5px;
}
#hfn #c {
	position:										absolute;
}
#hse #sc1,#hse #sh1,#hse #sc2,#hse #sh2,#hse #sc3,#hse #sh3,
	#hc #cc1,#hc #ch1, #hc #cc2,#hc #ch2 {
	position:										absolute;
}
#sh1, #sh2, #sh3, #ch1, #ch2, #ch3 {
	background-color:								#ecf4f4;
}
#sb1,#sb2,#sb3,#cb1,#cb2 {
	z-index:										100;
}
#hse #sb1 {
	background-image:								URL("/upl670800032001n.jpg");
	background-size:								cover;
}
#hse #sb2 {
	background-image:								URL("/upl670900032001n.jpg");
	background-size:								cover;
}
#hse #sb3 {
	background-image:								URL("/upl671600032001n.jpg");
	background-size:								cover;
}
#sh1 p, #sh1 h2, #sh2 p, #sh2 h2, #sh3 p, #sh3 h2, #ch1 p, #ch1 h2, #ch2 p, #ch2 h2 {
	text-align:										center;
	width:											auto;
	color:											#477a7b;
}
#sh1 h2, #sh2 h2,#sh3 h2, #ch1 h2, #ch2 h2 {
	margin-top:										0.5em;
}
#sc1, #sc2, #sc3, #cc1, #cc2 {
	z-index:										110;
}
.bgd {
	background-color:								#477a7b;
	color:											#f1e5e5;
	
}
.dv {
	display:										block;
}
.di {
	display:										none;
}
.bgd a, a visited{
    text-decoration:								none;
	color:											#f1e5e5;
}
#sbi {
	background-color:								#eee;
}

.dbl{
	background-color:								#ecf4f4;
	grid-row:										1 / 3;
	grid-column:									7;
}
#foot {
	text-align:										center;
	background:										#010101;
}
#foot img, #foot svg {
	margin:											15px 20px 20px 10px;
}
#foot svg {
	width:											25px;
    height:											25px;
    border-radius:									9999px;
}
#hse #sh1, #hse #sh2, #hse #sh3,
	#hc #ch1, #hc #ch2 {
	display:										contents;
}
#hse #sc1,#hse #sc2,#hse #sc3,
	#hc #cc1,#hc #cc2 {
	height:											fit-content;
	background-position:							center center;
}

#hse #sc1 div,#hse #sc2 div,#hse #sc3 div,
	#hc #cc1 div,#hc #cc2 div {
	position:										absolute;
}
#hse a:hover #sc1, #hse a:hover #sc2, #hse a:hover #sc3,
	#hc a:hover #cc1, #hc a:hover #cc2 {
	background-image:								none;
}
#hse a:hover #sc1 p, #hse a:hover #sc2 p, #hse a:hover #sc3 p,
	#hc a:hover #cc1 p, #hc a:hover #cc2 p {
	left:											-9999px;
	position:										relative;
}
#hse a #sh1, #hse a #sh2, #hse a #sh3 {
	z-index:										-1000;
}
#brandprod  {
	display:										grid;
	grid-column-gap:								10px;
}
#brandprod div a, #brandprod div a img  {
	width:											inherit;
}
.oldPrice {
    text-decoration:								line-through;
}
#demoList {
	display:										flex;
	flex-wrap:										wrap;
}
#demoList div {
	flex:											1;
	display:										flex;
	align-items:									center;
	flex-grow:										inherit;
}
#demoList h2 {
  flex-basis:										100%;
}
input, select, textarea, checkbox {
    border-color:									#477a7b;
	border-width:									1px;
	border-style:									solid;
}
/******************SEARCH *********************************************/

.sri {
	display:										grid;
	position:										relative;
	grid-template-rows:								215px;
	flex-wrap:										wrap;
	flex:											1;
	border:											solid #a7cbcc 1px;
	padding:										0;
}
.sri img {
	max-width:										100%;
	max-height:										100%;
	margin:											auto;
}
.srt {
	display:										grid;
	grid-template-columns:							1fr 1fr;
	align-items:									baseline;
	grid-auto-rows:									minmax(min-content, max-content);
	background:										#a7cbcc;
	width:											100%;
	min-height:										70px;
}
.srt input[type="checkbox"] {
	display:										none;
}
.srt input[type="checkbox"] + div {
	position:										absolute;
    top:											0px;
    width:											100%;
    height:											calc(100% - 30px);
	background-color:								unset;
}
.srt input[type="checkbox"]:checked + div {
	background-color:								rgba(71,122,123,0.2);
}
.srt input[type="checkbox"] ~ label {
	width:											100%;
    background-color:								#477a7b;
    height:											30px;
	color:											#fff;
    text-align:										center;
    display:										grid;
    align-items:									center;
}
.srt input[type="checkbox"] ~ label:hover {
	cursor:											pointer;
}
.srt input[type="checkbox"] ~ label span {
	display:										none;
}
.srt input[type="checkbox"]:checked ~ label {
	background-color:								#355959;
}
.srt input[type="checkbox"]:checked ~ label span {
	display:										inline-block;
}
.srd {
	opacity:										0;
	transition:										0.5s;
	position:										absolute;
	width:											100%;
	bottom:											75px;
	color:											#fff;
	background:										rgba(71,122,123,0.8);
}
.srddemo {
	bottom:											90px;
}
.sri:hover .srd {
	opacity:										100%;
	transition:										0.5s;
	display:										block;
}
.c12 {
    grid-column-start:								1;
    grid-column-end:								3;
}
#filter #desc.tarea, #filter  #desc.tarea div {
	padding:										5px 0 0 0;
}
#filter #desc.tareaml, #filter  #desc.tareaml div {
	padding:										0 0 0 0;
}
#filter  #desc.tarea div, #filter  #desc.tareaml div {
	display:										inline-grid;
}
#filter div.tarea label {
	display:										grid;
    text-align:										left;
    grid-template-columns:							5fr 1fr;
}
#filter div.tareaml label {
	display:										inline-block;
    text-align:										left;
	padding-top:									5px;
	text-decoration:								underline;
}
.srchFilt select, .srchFilt1 select {
    color:											inherit;
	margin-left:									0;
	width:											100%;
}
.srchFilt1 {
	border-top:										#477a7b solid 1px;
}
.srchFilt, .srchFilt1 {
	border-bottom:									#477a7b solid 1px;
	padding:										5px 5px 15px;
}
#searchFilter {
	padding:										0 5px;
}
.srchLabel, .resetsrch label, #searchFilter > label, #filter h3 {
    text-align:										left;
	text-transform:									uppercase;
	letter-spacing:									2px;
	padding:										5px 0;
	font-weight:									bold;
	font-size:										inherit;
}
.resFiltp, .resFiltc, .resFilta {
  position:											relative;
  float:											left;
  display:											inline-flex;
  outline:											0;
}
.resFiltp:after, .resFiltc:after, .resFilta:after {
    content:										'\f0d7';
    font:											normal normal normal 30px/.5 FontAwesome;
    color:											#a7cbcc;
    top:											-2px;
    height:											35px;
    padding:										15px 0px 0px 8px;
    position:										absolute;
    pointer-events:									none;
}

/* hide IE11 native button */
select::-ms-expand {
	display:										none;
}
div.resFiltc  {
	grid-column-start:								1;
}
.resFiltp select, .resFiltc select, .resFilta select {
  -webkit-appearance:								none;
  -moz-appearance:									none;
  appearance:										none;
  display:											block;
  height:											30px;
  width:											90%;
  float:											right;
  text-transform:									uppercase;
  margin:											5px auto 10px auto;
  line-height:										1.75;
  color:											#333;
  background-color:									#ffffff;
  background-image:									none;
  border:											1px solid #a7cbcc;
  outline:											0;
  -ms-word-break:									normal;
  word-break:										normal;
}
/******************END SEARCH *****************************************/
TR.HIGHROW {
	background:										#a7cbcc;
}
TR.LOWROW {
	background:										#ecf4f4;
}	
TD.STOCKTITLE, TD.STOCKTITLER {
	font-weight:									600;
	padding-left:									3px;
	padding-right:									3px;
	border-bottom:									solid #477a7b 1px;
	
}
/****************** PRODUCTS *****************************************/
#clientimage, .productthumb img {
	border:											solid 1px #a7cbcc;
}
#det {
	display:										grid;
	grid-template-columns:							1fr;
	grid-row:										3;
}
#det > div {
    border-top:										solid 1px #a7cbcc;
    align-items:									center;
}
#det > div:last-child {
    border-bottom:									solid 1px #a7cbcc;
}
#content_product {
	display:										grid;
	padding:										5px;
	grid-column-gap:								10px;
}
#content_product .strap {
    background-color:								#477a7b;
	color:											#fff;
	padding:										5px;
	text-transform:									uppercase;
	text-align:										center;
}
#content_product img {
	border:											none;
    margin:											5px auto;
    display:										block;
	max-width:										100%;
}
#errorDiv, #login {
	width:											fit-content;
}
#login {
	margin-bottom:									10px;
}
#infoDiv {
    background-color:								#477a7b;
	display:										grid;
	margin:											5px;
}
#errorMessageList {
	color:											#fff;
	list-style:										none;
}
#errorMessageList a, #product a {
	text-decoration:								underline;
}
#content_product h1 {
	font-weight:									normal;
	font-size:										18px;
    letter-spacing:									2px;
    text-transform:									uppercase;
}
#content_product h2.rrp {
	color:											#000;
	margin:											5px 0;
	font-weight:									normal;
}
#content_product h3 {
	font-size:										12px;
    letter-spacing:									1px;
}
#content_product #thumbs img {
    margin:											0;
}
#content_product #thumbs {
    display:										flex;
	grid-gap:										10px;
}
#pics {		
	grid-row:										2;
    display:										grid;
    grid-row-gap:									10px;
    margin-bottom:									10px;
}
#demoX {
    border-bottom:									solid 1px #a7cbcc;
}
.tarea input:checked ~ div, .tareaml input:checked ~ div {
	max-height:										500px;
	transition:										2s;
}
.tarea input ~ div, .tareaml input ~ div {
	max-height:										0px;
	transition:										1s;
	overflow:										hidden;
	margin-bottom:									0;
}
.tarea > label, .tareaml > label {
	display:										none;
}
.tarea, .tareaml  {
    padding:										0 10px;
	display:										grid;
}
.tarea input, .tareaml input {
	display:										none;
}
.tarea > input ~ label:after {
	content:										"+";
}
.tarea > input:checked ~ label:after {
	content:										"\2212";
}
.tareaml > input ~ label:after {
	content:										" more >";
}
.tareaml > input ~ label:before {
	content:										"";
}
.tareaml > input:checked ~ label:after {
	content:										" less";
}
.tareaml > input:checked ~ label:before {
	content:										"< ";
}
.reset {
    padding:										0 10px;
	display:										grid;
}
.reset input {
	display:										none;
}
.resetsrch label {
	text-align:										left;
	text-decoration:								underline;
	width:											100%;
	font-family:									'Roboto Condensed';
	font-size:										12px;
	font-weight:									200;
	letter-spacing:									2px;
}
.resetsrch {
	padding:										5px;
}
.resetsrch.topb {
	border-top:										#477a7b solid 1px;
}
#det div label {
	display:										grid;
    color:											#477a7b;
	font-weight:									bold;
    grid-template-columns:							1fr 1fr;
    width:											65%;
	text-transform:									uppercase;
	text-align:										left;
	margin:											10px 0;
}
#product {
    color:											#477a7b;
    background-color:								#ecf4f4;
}
.buyFilt {
	display:										grid;
	align-items:									center;
	grid-template-columns:							1fr 2fr;
	width:											100%;
	padding:										5px 0;
}
.buyFilt.TB {
	border-width:									1px 0;
    border-color:									inherit;
	border-style:									solid;
	margin:											10px 0;
    padding:										10px 0;
}
.buyFilt {
	text-align:										left;
}
.buyFilt select {
	outline:										0;
    color:											inherit;
    border-color:									#477a7b;
	margin:											0 0 0 auto;
}
option:hover {
	background-color:								yellow;	
}
.buyFilt label {
    text-align:										left;
	text-transform:									uppercase;
	font-weight:									bold;
}
.prg {
	display:										none;
	font-family:									'Roboto Condensed';
	letter-spacing:									0.5px;
}
#ftpr {
	display:										block;
}
.prgs {
	display:										block;
}
.pbreak {
	display:										grid;
	align-items:									baseline;
	grid-template-columns:							auto auto;
	font-size:										14px;
	text-transform:									uppercase;
	font-weight:									bold;
	width:											100%
}
.pbreak p {
	margin:											5px 0;
}
.pbreak .price {
	font-weight:									normal;
	text-transform:									none;
	text-align:										right;
}
.pbreak .sav {
	font-weight:									normal;
	font-size:										12px;
	text-transform:									none;
	color:											#9e2d49;;
	text-align:										right;
}
.pbreak .price span {
	font-size:										18px;
	font-weight:									bold;
}
#pro {
	min-height:										110px;
}
#product input[type = submit] {
    text-align:										center;
	border:											none;
	font-weight:									bold;
	padding:										10px;
	color:											#fff;
	text-transform:									uppercase;
	background-color:								#477a7b;
}


/****************** END PRODUCTS *****************************************/
/****************** BASKET / CHECKOUT  *****************************************/
#content_basket, #content_checkout, #content_confirm {
    background-color:								#dcebeb;
}
#basket div {
    padding:										0 10px 10px 0;
}
#basket.demo {
	grid-template-columns:							25% 50% 25%;
}
#basket.demo a {
	text-decoration:								underline;
}
#basket input {
    float:											none;
}
#basket .h {
    border-bottom:									none;
    background-color:								#a7cbcc;
	text-transform:									uppercase;
	color:											#477a7b;
	padding-top:									10px;
	padding-bottom:									10px;
}
#basket #gt1 {
    grid-column:									1 / 6;
	text-transform:									uppercase;
}
#basket #gt2 {
	font-weight:									bold;
}
#basket .co {
    grid-column:									5 / 7;
	height:											30px;
    text-transform:									uppercase;
	letter-spacing:									0.5pt;
	margin:											0;
	display:										none;
}
#basket .cs {
	background-color:								#a7cbcc;
    grid-column:									1 / 3;
	height:											30px;
	display:										none;
	align-items:									center;
    text-align:										center;
	text-transform:									uppercase;
	letter-spacing:									0.5pt
}
#basket .sc {
	height:											30px;
	align-items:									center;
    text-align:										right;
	text-transform:									uppercase;
	letter-spacing:									0.5pt;
	outline:										none;
}
#basket .c34 {
    grid-column:									2/4;
	grid-template-columns:							1fr 1fr;
}
#basket .c17 {
    grid-column:									1/7;
}
#basket #gt1, #basket #gt2 {
    border-bottom:									none;
	background:										#fff;
	padding:										10px 0;
	color:											#477a7b;
}
#basket #gt2 {
	padding:										10px 10px 0;
}
#basket > div {
    border-bottom:									solid 1px #a7cbcc;
}
#basket > div.pic {
    display:										block;
}
#basket > div.pic img {
    max-width:										100%;
}
#basket h2 {
    padding-top:									0;
	color:											#000;
}
.chkout input, .chkout select, .chkout textarea {
	min-width:										100%;
	margin:											10px 0 0 0;
	box-sizing:										border-box;
	padding:										5px;
}
#content_confirm.chkout input[type = submit] {
    width:											30%;
}
#content_confirm.chkout input {
	min-width:										unset;
	width:											30%;
}
.chkout input.QTY {
	width:											3em;
	min-width:										unset;
}
.chkout #confirmDiv input, #content_basket.chkout input[type = text] {
	width:											unset;
	min-width:										unset;
	margin:											0 0 0 10px;
}
.chkout input[type = submit] {
	height:											30px;
	float:											right;
    text-transform:									uppercase;
	letter-spacing:									0.5pt;
}
.chkout  h1 {
	text-transform:									uppercase;
}
.chkout  form#buyer, .chkout  form#card {
	background:										#fff;
	padding:										0 10px 10px;
}
.chkout .cd label {
	text-align:										left;
	grid-column-start:								1;
}
.chkout .cd > div {
	display:										grid;
	grid-template-columns:							1fr 5fr;
	height:											fit-content;
	padding:										10px;
    grid-gap:										5px;
}
.chkout .cd > div h1 {
	grid-column:									1 / 3;
}
.chkout .cfloat div#cc {
	width:											50%;
    display:										flow-root;
    margin:											0 auto;
}
.chkout #tabs {
	display:										grid;
	grid-template-columns:							1fr 1fr 1fr;
	column-gap:										5px;
	margin:											10px 0;
}
.chkout #tabs a, .chkout #tabs span {
	background-color:								#a7cbcc;
	color:											#fff;
	text-align:										center;
	text-transform:									uppercase;
	padding:										10px 0;
}
.chkout #tabs a.tabh, .chkout #tabs span.tabh {
	background-color:								#477a7b;
}
#content_basket #basket .co {
	display:										block;
}
#content_basket #basket .cs {
	display:										grid;
}
#confirmDiv  {
	margin:											10px auto 0;
	
}


/****************** END BASKET / CHECKOUT *****************************************/

.ntce {
	background:										#477a7b;
    text-align:										center;
    color:											white;
    min-height:										2em;
    display:										grid;
    align-items:									center;
}
.ntce p {
	max-width:										80%;
	margin:											auto;
}