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;
}
.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.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.input20 {
	width: 				20em;
}
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.textarea20 {
	max-width: 				20.0em;
}
textarea.textarea23 {
	width: 				21.6em;
}
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;
}
.c12 {
    grid-column-start:								1;
    grid-column-end:								3;
}
.c24 {
    grid-column-start:								2;
    grid-column-end:								5;
}
#N1 {
	display:											flex;
	flex-wrap:											wrap;
}
.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;
}html {
    -webkit-background-size:            cover;
    -moz-background-size:				cover;
    -o-background-size:                 cover;
    background-size:                    cover;
    min-height:                         100%;
}
li a {
    color:				#333333;
}
.shadow {
	-moz-box-shadow: 5px 3px 5px #000;
	-webkit-box-shadow: 5px 3px 5px #000;
	box-shadow: 5px 3px 5px #000;
	background-color: #000;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3);
}

h1, h2, h3, h4, h5, h6 {
    padding:                            0px;
    color:								#002060;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color:								#002060;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover	{
    color:								#002060;
}

h1 {
    font-weight:                        normal;
    font-size:                          1.5em;
    letter-spacing:                     .18em;
}
h2 {
    font-size:							1.0em;
}

div.content_outer, div#bannerstrap, div#layout_main, div.content {
	width:				90%;
}
div.content_inner {
	background:					#ffffff;
	opacity:					0.7;
	padding:					10px;
	margin-left:					auto;
	margin-right:					auto;
	margin-top:					50px;
	display:					table;
	overflow:					auto;
	max-width:					90%;
}
#rLogo {
	display:					none;
	float:						right;
}

#banFade {
	display:					none;
	width:						calc(100% - 20px);
}
div.head p br {
    display:							none;
    content:							' ';
}

div.foot {
    margin:								0 5%;
}
/* under 800 ----------- */
@media only screen 
and (max-width : 800px) 
{
}
/* Over 800 ----------- */
@media only screen 
and (min-width : 800px) 
{
    div.content_inner {
        width:								750px;
    }
    #banFade {
	display:							block;
    }
}
/* iPad ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{
    div.content_inner {
	width:								900px;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{
    div.content_inner {
	width:								850px;
    }
}
/* Over 1024 ----------- */
@media only screen 
and (min-width : 1025px) 
{
    div.content_inner {
	width:								1000px;
    }
    #banFade {
	width:								calc(100% - 350px);
    }
    div.foot {
	margin:								0 15%;
    }
    div.head p br {
	display:							block;
	content:							unset;
    }
    body {
	font-size:							14px;
    }
}
/* Over 1400 ----------- */
@media only screen 
and (min-width : 1400px) 
{
    div.content_inner {
		width:								1300px;
		font-size:							1.2em;
    }
    #banFade {
		width:								calc(100% - 400px);
    }
}

body {
    background-image:						URL("/upl80005dc01n.jpg");
    background-attachment:					fixed !important;
    background-repeat:						no-repeat !important;
    background-size:						cover !important;
    background-position:					0 100px;
    margin:									0px;
    padding:								0 0 20px 0;
    color:									#333333;
}

#cStrap {
    display:								flex;
    clear:									both;
    width:									100%;
    text-align:								center;
    background-color:						#002060;
    color:									#fff;
    min-height:								2em;
    font-size:								2em;
    padding-top:							1em;
    z-index:								100;
}
#cStrap div {
	flex:									1;
}
#cStrap span {
    color:									#0f0;
    padding-right:							2em;
}
#cStrap span.np {
    padding-right:							0;
}
#ABOUTHOME {
	width:							auto;
}
#ABOUTHOME, #ABOUTHOMEWrapper {
	margin-bottom:						0px;
}
.HomeP {
	margin-left:						272px;
}
#ABOUTHOME p {
	font-size:						1.2em;
	width:							100%;
	margin-left:						5px;
	margin-right:						5px;
}
#ABOUTHOMEWrapper {
	display:						block;
	margin-left:						auto;
	margin-right:						auto;
	padding-left:						1.5em;
	font-size:						0.85em;
	height:							250px;
}
#ABOUTHOMEWrapper p {
    background:							none;
    top:							30%;
    font-size:                                                  5em;
    padding:                                                    8px;
    position:                                                   relative;
    margin:                                                     0px;
    text-align:                                                 center;
}
#ABOUTHOMEWrapper a p {
	color:							#fff;
	-webkit-text-stroke:				3px black;
}
ul#ABOUTHOME {
	list-style:						none;
	border:							0px;
	padding:						0px;
	margin:							auto;
	overflow:						hidden;
}
ul#ABOUTHOME li {
        width:                                                  0;
}
#fssPrev{
	position:						absolute;
	top:							169px;
	left:							-67px;
	display:						none;
	width:							67px;
	height:							143px;
	text-indent:                                            -999999px;
}
#fssNext{
	position:						absolute;
	top:							169px;
	left:							646px;
	display:						none;
	width:							67px;
	height:143px;                                           text-indent:-999999px;
}
#fssPlayPause{
	position:						absolute;
	top:							435px;
	right:							20px;
	padding:						4px 0 5px 0;
        border-radius:                                          5px;
        -moz-border-radius:                                     5px;    /* Firefox */
        -webkit-border-radius:                                  5px; /* Safari and Chrome */
	width:							60px;
	text-align:						center;
	display:						none;
	color:							#333;
	text-decoration:                                        none;
}
#fssList {
	display:					none;
}
#fssList li{
	display:						none;
	padding-right:					10px;
}
#fssList li a{
	color:							#999;
	text-decoration:                                        none;
}
#fssList li.fssActive a{
	font-weight:                                            bold;
	color:							#333;
}


div.content_outer, div#bannerstrap, div#layout_main, div.content {
	border-right:                   1px solid black;
	border-left:                    1px solid black;
}
div.content_outer {
	margin-top:									20px;
	border-top:									1px solid black;
	border-bottom:								1px solid black;
	margin-left:								auto;
	margin-right:								auto;
	display:									block;
	overflow:									auto;
}
div#bannerstrap, div#menu, div#layout_main, div.content {
	display:			block;
	overflow:			visible;
	margin-left:			auto;
	margin-right:			auto;
	
}
/******************** HEADER AND FOOTER START *********************/
/******************** HEADER AND FOOTER START *********************/

div.head, div.foot {
    display:								block;
    overflow:								auto;
    padding:								0px;
    background-color:						#fff;
}
.bannerLogo {
    display:								inline-block;
    float:									left;
    padding-left:							1.5em;
    overflow:								auto;
    margin:									10px 0 0 0px;
}
#banFade {
    float:									left;
    padding:								1px 5px 1px 5px;
}
.banPic {
    background:								center center no-repeat;
    background-size:						cover;
}
div.head {
    margin-left:							auto;
    margin-right:							auto;
    padding:								0.5em 0;
    clear:									both;
}

div.head p {
    color:									#002060;
    display:								inline-block;
    text-align:								left;
    float:									left;
    padding-left:							1.3em;
    margin-right:							10px;
    margin-top:								3px;
    margin-bottom:							5px;
    font-size:								1.3em;
    font-weight:							bold;
}
div.head p.first {
    margin-top:								0em;
    padding-top:							0.5em;
    font-size:								1.715em;
}
div.foot {
    display:					            block;
    font-size:						        0.8em;
    position:							    relative;
    vertical-align:							bottom;
    background-color:                   transparent;
    margin-top:							40px;
}
div.head a, div.foot a {
    color:								#fff;
    text-decoration:                    none;
}
div.foot a {
	color:								#757575; 
}
div#bannerstrap {
    text-align:                         center;
    font-size:                          1.2em;
    font-weight:                        bold;
    height:                             1.5em;
    padding-top:                        5px;
    border:                             solid white 1px;
    border-bottom:                      none;
}

/******************** HEADER AND FOOTER CLOSE *********************/
/******************** HEADER AND FOOTER CLOSE *********************/

.mainImage {
	float:				right;
	clear:				right;
	padding-top:		15px;
	padding-left: 		25px;
}
.mainImage p {
	font-size:			1.1em;
	text-align: 		center;
}

/******************** MENU START *********************/
/******************** MENU START *********************/

#menu ul,#menu ol,#menu li {
	margin:				0px;
	padding:			0px;
}
#menu ul {
	margin-left:				auto;
	margin-right:				auto;
	display:				block;
	max-width:				865px;
}
#menu ul#nav {
	margin-top:				1em;
}
/*------------------------------------*\
	Menu Box
\*------------------------------------*/
#menu {
	display:									block;
	background:									#002060;
	border-top:									solid black 1px;
	z-index:									101;
	width:									    100%;
	margin-top:									0px;
	min-height:									5em;
	
}
#stickyalias {
    display:                                    none;
    height:                                     1px;
}
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav {
	list-style:									none;
	font-size:									1.5em;
	background:									#002060;
	margin-top:									0px;
	margin-bottom:			                    0px;
	width:										100%;
}
#nav li {
	float:										left;
	position:									relative;
}
#nav li.top {
	margin-right:								3%;
}
#nav li.last {
	margin-right:								auto;
}
#nav li.top ul {
	font-weight:								normal;
}
#nav a, #nav span {
	display:			block;
	border: 			solid #002060 1px;
	padding:			5px;
	padding-top:			2px;
	padding-bottom:			2px;
	color:				#ddd;
	text-decoration:		none;
}
#nav a:hover {
	color:				#002060;
	background:			#b8b8b8;
	text-decoration:		none;
}

/*--- DROPDOWN ---*/
#nav ul {
	background:									#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	list-style:									none;
	position:									absolute;
	z-index:									100;
	left:										-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li {
	padding-top:								5px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:										none;
	z-index:									100;
	text-align:									left;
}
#nav ul li.first {
	padding-top:								5px;
}
#nav ul a {
	white-space:                    nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul { /* Display the dropdown on hover */
	left:				0px; /* Bring back on-screen when needed */
}
#nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:			#002060;
	color:				#ddd;
	border:				solid #002060 1px;
	text-decoration:                none;
}
#nav li:hover span { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:			#b8b8b8;
	color:				#002060;
	border:				solid #595959 1px;
	text-decoration:                none;
}
#nav li:hover a:hover { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:			#b8b8b8;
	color:				#002060;
	border:				solid #595959 1px;
	text-decoration:            none;
}
#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:	none;
}
#nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color:				#002060;
	background:			#b8b8b8;
	border:				solid #002060 1px;
}

/******************** MENU CLOSE *********************/
/******************** MENU CLOSE *********************/

div#Home ul  {
    list-style: none
}
div#Home ul li::before {
    content:							URL("/1-0-0/images/tank-truck.svg");
    vertical-align:						middle;
    color:							#343242;
    fill:							green;
    display:							inline-block; 
    width:							2em; 
    padding-right:						10px;
    margin-left:						-1em; 
}


#fssPrev{
	position:						absolute;
	top:							169px;
	left:							-67px;
	display:						none;
	width:							67px;
	height:							143px;
	text-indent:                                            -999999px;
}
#fssNext{
	position:						absolute;
	top:							169px;
	left:							646px;
	display:						none;
	width:							67px;
	height:143px;                                           text-indent:-999999px;
}
#fssPlayPause{
	position:						absolute;
	top:							435px;
	right:							20px;
	padding:						4px 0 5px 0;
        border-radius:                                          5px;
        -moz-border-radius:                                     5px;    /* Firefox */
        -webkit-border-radius:                                  5px; /* Safari and Chrome */
	width:							60px;
	text-align:						center;
	display:						none;
	color:							#333;
	text-decoration:                                        none;
}
#fssList {
	display:					none;
}
#fssList li{
	display:						none;
	padding-right:					10px;
}
#fssList li a{
	color:							#999;
	text-decoration:                                        none;
}
#fssList li.fssActive a{
	font-weight:                                            bold;
	color:							#333;
}

.NEWSIMAGE {
    padding-right: 10px;
    padding-bottom: 9px;
}

#footlogos {
	text-align:			center;
	margin:				0px;
	color:				#3B5998;
    font-weight:		bold;
	line-height:		2.0em;
	max-width:			none;
}
.footlinks {
	font-size:			0.6em;
	line-height:		1.5em;
}
.footlinks a {
	color:				#3B5998;
}

.quotebox {
	width :								250px;
	background-color:					#f4ebeb;
	border-top:							1px solid #999999;
	border-left:						1px solid #999999;
	border-right:						1px solid #999999;
	border-bottom:						1px solid #999999;
	color:								#000099;
	margin:								1.5em;
}

.quotebox p.quoteboxheader  {
	color:					#ffffff;
	background-color:		#002060;
	padding:				0.3em 0.3em 0.3em 1em;
	margin:					0;
	font-size:				1.1em;
}

.quotebox p {
	line-height:			1.3em;
	COLOR:					#333333;
	PADDING:				1em;
	text-align:				center;
}

p.quotelink {
	line-height:			1.6em;
	padding:				1em;

}

p.smlquotetext {
	font-weight:			normal;
	font-size:				0.8em;
	text-align:				center;
	line-height:			1em;
	color:					#333333;
	padding:				0 1em 1em 1em;

}
.rightsection {
	float:								right;
    text-align:							center;
	display:							block;
}
.rightimage {
	border:								solid black 1px;
}
.fb-like {
	float:								left;
}
.news {
	border:								1px solid black;
	padding:							7px ;
	background-color:					#f5feff;
	width:								304px;
	padding:							0px;
	float:								right;
	text-align:							center;
}


.newsimage {
	border: 							solid #fff 1px;
	padding:							1px;
	margin:								5px;
	margin-top:							0px;
	margin-left:						0px;
	margin-right:						3px;
}
.newsimages {
	position:							relative;
	float:								left;
	padding-top:						5px;
	padding-bottom:						5px;
	padding-right:						10px;
	overflow:							visible;
	text-align:							center;
}
.newsitemtitle {
	font-size:							1.2em;
	font-weight:						bold;
}

p.homenewstitle, p.homescrltitle {
	border-bottom:						1px solid black;
	color:								#FFFFFF;
	background-color:					#002060;
	text-align:							center;
	font-size:							110%;
	font-weight:						bold;
	padding:							2px;
	width:								300px;
	margin:								0px;
}
p.homescrltitle {
	width:								346px;
}
.newstable {
	float:								left;
	width:								300px;
	padding:							5px;
}
.NEWSTABLE p {
	margin:								0 2px
	
}
.homeright {
	float:								right;
	border:								1px solid black;
	margin:								0px 10px 10px 40px;
}
.homemid ul {
	list-style-position:				inside;
}
.homemid p {
	margin-left:						15px;
}

blockquote {
	font-size:							18px;
	font-style:							italic;
	margin:								0.25em 0;
	padding:							0.35em 40px;
	line-height:						1.45;
	position:							relative;
	color:								#383838;
}

blockquote:before {
	font-family:						Georgia, serif;
	display:							block;
	padding-left:						10px;
	content:							"\201C";
	font-size:							80px;
	position:							absolute;
	left:								-20px;
	top:								-20px;
	color:								#7a7a7a;
}

blockquote cite {
	color:								#999999;
	font-size:							14px;
	display:							block;
	margin-top:							5px;
}
 
blockquote cite:before {
	content:							"\2014 \2009";
}

p.comn, p.comc {
	display:							inline-block;
}
p.comc {
	float:								right;
}