@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}


@media screen {
body { padding-top:0px; font-family: 'Open Sans',Verdana,Tahoma,Arial,sans-serif; font-size: 85%; color:#fff; background-color:#58595b; margin:8px 0; }
}

@media print {
body { font-family: 'Open Sans',Verdana,Tahoma,Arial,sans-serif; font-size: 90%; background-color: #ffffff; }
}




/* HTML */
h1 	{ clear: left; font-size: 180%; font-weight: bold; color: #fff; padding: 12px 0; margin-bottom:0px; }
h2 	{ clear: left; font-size: 130%; font-weight: bold; color: #fff; padding: 10px 0 0 0; margin-top:0; margin-bottom:4px; }
h3 	{ clear: left; font-size: 110%; font-weight: bold; color: #fff; padding: 10px 0 0 0;  }

h2 a:link, h2 a:visited, h2 a:active  	{ color: #fff; text-decoration: none; }
h2 a:hover 								{ color: #ccc; text-decoration: none; }


p	{ padding: 8px 0; margin: 0 0; }

a			{ outline: 0; }
a:link 		{ color: #1B3360; text-decoration: none; }
a:visited	{ color: #1B3360; text-decoration: none; }
a:hover 	{ color: #333; text-decoration: none; }
a:active 	{ color: #1B3360; text-decoration: none; }

.Quote		{ font-size: 120%; color: #fff; font-weight: bold; }

hr				{ color: #CECECE; background-color: #CECECE; height: 1px; border:none;  }

#hr100_0505		{ clear:both; width:100%; padding:5px 0 5px 0; }
#hr100_1010		{ clear:both; width:100%; padding:10px 0 10px 0; }
#hr100_1505		{ clear:both; width:100%; padding:15px 0 5px 0; }

img.opacity 		{ opacity: 1; filter: alpha(opacity=100); }	
img.opacity:hover	{ opacity: 0.65; filter: alpha(opacity=65); }

ul li 			{ list-style:none; background: url(/images/bullet_HG.png) no-repeat 0px 9px; padding: 4px 0 4px 25px; margin-left:35px;	color: #333333; }
ul li a:link 	{ color: #1B3360; text-decoration: none; }
ul li a:visited { color: #1B3360; text-decoration: none; }
ul li a:hover 	{ color: #cccccc; text-decoration: none; }
ul li a:active 	{ color: #1B3360; text-decoration: none; }

ul.WS_bullet li 	{ list-style:none; background: url(/images/bullet_WS.png) no-repeat 0px 9px; }
ul.AG_bullet li 	{ list-style:none; background: url(/images/bullet_AG.png) no-repeat 0px 9px; }
ul.CJ_bullet li 	{ list-style:none; background: url(/images/bullet_CJ.png) no-repeat 0px 9px; }

ul.WS_product_bullet li { list-style:none; background: url(/images/bullet_WS.png) no-repeat 0px 9px; padding: 4px 0 4px 25px; margin-left:0px; margin-right: 25px;	color: #fff;}
ul.AG_product_bullet li { list-style:none; background: url(/images/bullet_AG.png) no-repeat 0px 9px; padding: 4px 0 4px 25px; margin-left:0px; margin-right: 25px;	color: #fff;}
ul.CJ_product_bullet li { list-style:none; background: url(/images/bullet_CJ.png) no-repeat 0px 9px; padding: 4px 0 4px 25px; margin-left:0px; margin-right: 25px;	color: #fff;}



ol li 			{ padding: 4px 0 4px 15px; margin-left:15px; }


/* Forms */
.FormText, input, select, textarea, .DataValid, .DataInvalid, TD {
	font-size: 100%; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; }

.STRIKETHRU { text-decoration: line-through; }

.FormText, input, textarea, select, .DataValid, .DataInvalid { padding: 0px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.FormText, input, textarea, select, .DataValid, .DataInvalid  { font-family:inherit; }
.FormText, input, textarea, select, .DataValid, .DataInvalid  { border: 1px solid #7F9DB9; }

.FormText, input, textarea, select  { background-color:#ffffff; }

input[type="button"], input[type="submit"] { padding:2px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid gray; }
input[type="button"]:hover, input[type="submit"]:hover { border: 1px solid #1B3360; cursor:pointer; }

input[type="text"].DateENTRY	{ max-width:80% !important; }

/* block iOS styling */
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; }


/* Buttons */
.Button_B, .Button_Gr, .Button_G, .Button_R, .Button_O 
					{ padding: 3px 8px !important; border: 0 none !important; cursor: pointer; 
                      -webkit-border-radius: 10px !important; border-radius: 10px !important; margin-top:-1px !important; } /* padding: 5px 12px */

.Button_B 			{ color: #fff; background: #344ca0; }
.Button_B:hover		{ color: #fff; background: #666; }

.Button_Gr			{ color: #fff; background: #999; }
.Button_Gr:hover	{ color: #fff; background: #666; }

.Button_G			{ color: #fff; background: #006e3a; }
.Button_G:hover		{ color: #fff; background: #666; }

.Button_R			{ color: #fff; background: #ba1f2c; }
.Button_R:hover		{ color: #fff; background: #666; }

.Button_O			{ color: #fff; background: #F60; }
.Button_O:hover		{ color: #fff; background: #666; }

.Button_icon		{ width:25px; height:25px;  margin-top:-2px; }
.Button_indicator	{ width:25px; height:25px;  margin-top: 0px; }

/*Pagination*/
#Pagination					{ clear:both; width:100%; }
#Pagination_Showing			{ float:left; padding-top:3px;" align="left }
#Pagination_Navigation		{ float:left; width: 75%;}
#Pagination_Page			{ float:left;padding-top:3px; padding-left:20px; }

#PPage						{ float:left; color:#3A612A; padding:2px 3px; border-top: 4px #3A612A solid; margin:0px 3px; }
#PPage:hover				{ color:#333; border-top: 4px #999 solid; }
#PPage a, #PPage a:visited	{ color:#3A612A; }
#PPage a:hover				{ color:#3A612A; }

#PSELPage					{ float:left; color:#e41e26; padding:2px 3px; border-top: 4px #e41e26 solid; margin:0px 3px; }


/* Colours */
.HIGHLIGHT		 		{ color: #1B3360 !important; }
.HIGHLIGHT a:link 		{ color: #1B3360 !important; text-decoration: none; }
.HIGHLIGHT a:visited	{ color: #1B3360 !important; text-decoration: none; }
.HIGHLIGHT a:hover 		{ color: #999999 !important; text-decoration: none; }
.HIGHLIGHT a:active 	{ color: #1B3360 !important; text-decoration: none; }

.Red					{ color: #ba1f2c !important; }
.Red a:link				{ color: #ba1f2c !important; text-decoration: none; }
.Red a:visited			{ color: #ba1f2c !important; text-decoration: none; }
.Red a:hover			{ color: #999999 !important; text-decoration: none; }
.Red a:active			{ color: #ba1f2c !important; text-decoration: none; }

.Green					{ color: #006e3a !important; }
.Green a:link			{ color: #006e3a !important; text-decoration: none; }
.Green a:visited		{ color: #006e3a !important; text-decoration: none; }
.Green a:hover			{ color: #999999 !important; text-decoration: none; }
.Green a:active			{ color: #006e3a !important; text-decoration: none; }

.Blue					{ color: #344ca0 !important; }
.Blue a:link			{ color: #344ca0 !important; text-decoration: none; }
.Blue a:visited			{ color: #344ca0 !important; text-decoration: none; }
.Blue a:hover			{ color: #999999 !important; text-decoration: none; }
.Blue a:active			{ color: #344ca0 !important; text-decoration: none; }

.White					{ color: #fff !important; }
.White a:link			{ color: #fff !important; text-decoration: none; }
.White a:visited		{ color: #fff !important; text-decoration: none; }
.White a:hover			{ color: #33C6F4 !important; text-decoration: none; }
.White a:active			{ color: #fff !important; text-decoration: none; }

.Grey					{ color: #999999; }
.Grey a:link			{ color: #999999; text-decoration: none; }
.Grey a:visited			{ color: #999999; text-decoration: none; }
.Grey a:hover			{ color: #666; text-decoration: none; }
.Grey a:active			{ color: #999999; text-decoration: none; }

.LGrey					{ color: #ccc; }
.LGrey a:link			{ color: #ccc; text-decoration: none; }
.LGrey a:visited		{ color: #ccc; text-decoration: none; }
.LGrey a:hover			{ color: #666; text-decoration: none; }
.LGrey a:active			{ color: #ccc; text-decoration: none; }

.Yellow					{ color: #FFFF00; }
.Yellow a:link			{ color: #FFFF00; text-decoration: none; }
.Yellow a:visited		{ color: #FFFF00; text-decoration: none; }
.Yellow a:hover			{ color: #999999; text-decoration: none; }
.Yellow a:active		{ color: #FFFF00; text-decoration: none; }

.DataValid  			{ color: #333333; 	background-color:#ffffff; }
.DataInvalid			{ color: #333333; 	background-color:#7ad3f4; }


.Filter_Show a:link, .Filter_Show a:visited, .Filter_Show a:active 
								{ float:left; color:#fff; padding:5px 12px; background:#1B3360; border:0 none; cursor:pointer; -webkit-border-radius:12px; border-radius:12px; }
.Filter_Show a:hover 			{ color:#fff; background:#666; }

.Filter_Hide a:link, .Filter_Hide a:visited, .Filter_Hide a:active 
								{ float:left; color:#fff; padding:5px 12px; background:#A7A9AC; border:0 none; cursor:pointer; -webkit-border-radius:12px; border-radius:12px; margin-top: 15px; }
.Filter_Hide a:hover 			{ color:#fff; background:#666; }



#MobileSEARCH_BOX		{ float:left; width:165px; height:21px; margin-top:7px; margin-bottom:12px; margin-left: 50px; }
#MobileSEARCH_BOX input	{ margin-top:2px; padding: 2px 5px; border:none; border-radius: 5px; }
#MobileSEARCH_ICON		{ float:left; height:21px; margin-top:8px; margin-left:5px; }
#MobileSEARCH_CLEAR		{ float:left; height:21px; margin-top:8px; margin-left:5px; }

.MobileMenu,  .MobileMenu_1 {
	font-size: 100%; font-style: normal; font-weight: normal; font-variant: normal;
	text-transform: none;
	padding-top: 8px; padding-bottom: 8px;
}

.MobileMenu		 														{ color: #fff; }
.MobileMenu	p	 														{ color: #fff; text-align:left; padding-left:50px; }
.MobileMenu a:link, .MobileMenu a:visited, .MobileMenu a:active			{ color: #fff; text-decoration: none; }
.MobileMenu a:hover 													{ color: #ee3324; text-decoration: none; }

.MobileMenu_1														 	{ color: #333; }
.MobileMenu_1 p	 														{ color: #333; text-align:left; padding-left:50px; }
.MobileMenu_1 a:link, .MobileMenu_1 a:visited, .MobileMenu_1 a:active 	{ color: #333; text-decoration: none; }
.MobileMenu_1 a:hover 													{ color: #ee3324; text-decoration: none; }


/* Back to Top */
a.back-to-top, a:visited.back-to-top { 
	display: none;
	width: 60px; height: 60px;
	text-indent: -9999px;
	position: fixed; z-index: 999; right: 20px; bottom: 20px;
	background: #999 url("/images/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top { background-color: #999; }


/* Layout */
.VisibleDESKTOP		{ display:block; }
.VisibleMOBILE		{ display:none; }

#FullWIDTH_Clear{ clear:both; width:100%; }
#FullWIDTH_W 	{ clear:both; width:100%; background-color:#fff; }
#FullWIDTH_DGr 	{ clear:both; width:100%; background-color:#58595b; }
#FullWIDTH_Gr 	{ clear:both; width:100%; background-color:#999999; }
#FullWIDTH_R 	{ clear:both; width:100%; background-color:#ba1f2c; }
#FullWIDTH_G 	{ clear:both; width:100%; background-color:#006e3a; }
#FullWIDTH_B 	{ clear:both; width:100%; background-color:#344ca0; }

#PageWIDTH			{ clear:both; width:96%; max-width:1200px; margin:auto; }
#PageWIDTH_W		{ clear:both; width:96%; max-width:1200px; background-color:#fff; margin:auto; }

#Slider				{ clear:both; width:100%; } /* height:262px; border-top: solid 1px #ccc; border-bottom: solid 5px #1B3360; */
#Slider_CONTENT		{ clear:both; width:100%; background-color:#fff; margin:auto; padding-top: 32.5%; position: relative; }
#HPSlider			{ position: absolute; top: 0; left: 0; bottom: 0; right: 0;;}

#MainBANNER_DT img, #MainBANNER_MBL img	{ width:100%; }

#HeaderFW			{ clear:both; width:100%; background-color:#fff; }
#HeaderFW_L			{ float:left; padding-top:8px; }
#HeaderFW_R			{ float:right; padding-top:8px; }

#HeaderFW_R h2 		{ clear:none; float:right; color:#333; margin-top: 50px; margin-left:25px; }

#HeaderMBL 			{ display:none; }

#hrDESKTOP 			{ display:block; clear:both; padding: 10px 0px 10px 0px; }
#hrMBL 				{ display:none; }

/* Footer */
#Footer_1  			{ clear:both; width:100%; background-color:#fff; }

#Footer_1CONTENT  				{ width:96%; max-width:1200px; color:#333; margin:0px auto; }
#Footer_1CONTENT a:link			{ color: #333; text-decoration: none; }
#Footer_1CONTENT a:visited		{ color: #333; text-decoration: none; }
#Footer_1CONTENT a:hover		{ color: #999; text-decoration: none; }
#Footer_1CONTENT a:active		{ color: #333; text-decoration: none; }

#Footer_1CONTENT_C1 { float:left; width:45%; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#Footer_telephone 	{ float:left; }
#Footer_email 		{ float:left; margin-left:5%; }
#Footer_address 	{ clear:both; float:left; padding-top:8px; }
#Footer_copyright 	{ clear:both; float:left; padding-top:8px; }

#Footer_1CONTENT_C2 { float:right; width:52%; text-align:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#Footer_LOGO_HG		{ float:left; width:30%; }
#Footer_LOGO_WS		{ float:left; width:30%; }
#Footer_LOGO_AG		{ float:left; width:30%; }
#Footer_LOGO_CJ		{ float:left; width:40%; }

#FooterLINKS  		{ clear:both; width:96%; max-width:1200px; margin:0px auto; }
#FooterLINKS-L  	{ float:left; width:475px; }
#FooterLINKS-R  	{ float:right; width:400px; }



/* Menu */
/* Reset */
.nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; }
	
.nav a 			{ text-decoration: none; }
.nav li			{ list-style: none; background:none; }

/* Menu Container */
.nav 			{ display: inline-block; position: relative; cursor: default; z-index: 500; }

/* Menu List */
.nav > li 		{ display: block; position: relative; float: left; }

/* Menu Links */
.nav > li > a 	{ position: relative; display: block; z-index: 510; height: 28px; padding: 0 10px; line-height: 26px; color: #fff; 
				  /* background: #999; border-left: 1px solid #ccc; 	border-right: 1px solid #ccc; */
				  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;
}

.nav > li:hover > a			{  }
.nav > li:first-child > a 	{  }


.MenuTextTOP, .MenuTextTOP_WS, .MenuTextTOP_AG, .MenuTextTOP_CJ 	{ width:150px; font-size: 130%; font-weight: bold; padding-top: 0.3em; padding-bottom: 0.3em; }

.MenuTextTOP, .MenuTextTOP a:link, .MenuTextTOP a:visited,.MenuTextTOP a:active	{ color: #58595b; text-decoration: none; }
.MenuTextTOP a:hover 												{ color: #333; text-decoration: none; }

.MenuTextTOP_WS, .MenuTextTOP_WS a:link, .MenuTextTOP_WS a:visited,.MenuTextTOP_WS a:active	{ color: #58595b; text-decoration: none; }
.MenuTextTOP_WS a:hover 												{ color: #ba1f2c; text-decoration: none; }

.MenuTextTOP_AG, .MenuTextTOP_AG a:link, .MenuTextTOP_AG a:visited,.MenuTextTOP_AG a:active	{ color: #58595b; text-decoration: none; }
.MenuTextTOP_AG a:hover 												{ color: #006e3a; text-decoration: none; }

.MenuTextTOP_CJ, .MenuTextTOP_CJ a:link, .MenuTextTOP_CJ a:visited,.MenuTextTOP_CJ a:active	{ color: #58595b; text-decoration: none; }
.MenuTextTOP_CJ a:hover 												{ color: #344ca0; text-decoration: none; }


#MenuDIV a:link, #MenuDIV a:visited 		{ color: #58595b; }
#MenuDIV a:hover							{ color: #333; }

#MenuDIV_WS a:link, #MenuDIV_WS a:visited 	{ color: #58595b; }
#MenuDIV_WS a:hover							{ color: #ba1f2c; }

#MenuDIV_AG a:link, #MenuDIV_AG a:visited 	{ color: #58595b; }
#MenuDIV_AG a:hover							{ color: #006e3a; }

#MenuDIV_CJ a:link, #MenuDIV_CJ a:visited 	{ color: #58595b; }
#MenuDIV_CJ a:hover							{ color: #344ca0; }


#MenuDIV p, #MenuDIV_WS p, #MenuDIV_AG p, #MenuDIV_CJ p 	{ font-weight:normal; font-size: 90%; padding-top:15px; }


/* Menu Dropdown */
.nav > li > div 		{ position: absolute; display: block; /* */ width: 100%;  top: 28px; left: 0; padding: 10px;
						  opacity: 0; visibility: hidden; overflow: hidden; 
						  background-color:#fff;
						  -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; 
						  -ms-transition: all .3s ease .15s; transition: all .3s ease .15s;
}

.nav > li > div.FW_DropDown 		{ position: absolute; display: block; /* */ width: 450px;  top: 28px; left: -150px; padding: 10px; }

.nav > li:hover > div { opacity: 1; visibility: visible; overflow: visible; }



/* Login */
#LoginFORM		{ float:left; width:80%; margin 0 auto;  }

#Form_LABEL 	{ clear:left; float:left; width:25%; padding-top:5px; }
#Form_INPUT		{ float:left; width:65%; padding-top:5px; }
#Form_SPACER 	{ clear:left; float:left; width:25%; height:5px; padding-top:5px; }

#Demo_Form_LABEL 	{ clear:left; float:left; width:20%; padding-top:5px; }
#Demo_Form_INPUT	{ float:left; width:55%; padding-top:5px; }
#Demo_Form_SPACER 	{ clear:left; float:left; width:20%; height:5px; padding-top:5px; }

input[type="text"], textarea, input[type="password"]  { max-width:90%; }

/* Admin */
#AdminTabs			{ float:right; text-align: center; border: solid #ccc; border-width:1px 1px 0px 1px; }
#AdminTabs a		{ float:right; width: 135px; color: #fff; background-color: #1B3360; text-decoration: none;	 padding: 5px 0; }
#AdminTabs a:hover	{ background-color: #fff; color: #333; text-decoration: none; }

#MainLEFT 			{ float:left; width:175px }

#MainRIGHT 			{ float:right; width:815px; border:1px solid #bbb; background-color:#eee; text-align:left; margin-bottom: 12px; }
#MainRIGHT_HEADER 	{ clear:both; width:100%; background-color:#ccc; text-align:left; }
#MainRIGHT_MAIN 	{ clear:both; width:100%; background-color:#EEEEEE; text-align:left; }

#SideBarHEADER,
#SideBarTop a, #SideBar a,
#SideBarNav a, #SideBarNav_2 a, #SideBarNav_3 a, #SideBarNav_4 a,
#SideBarContent	
					  { display: block; width: 170px; color: #666; background-color:#fff; text-decoration: none;	border:1px solid #bbb; 
						padding:8px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#SideBarHEADER		  { color: #fff; background-color: #4a4f40; border-width:0px 1px 1px 1px; }

#SideBar a			  { border-width:0px 1px 1px 1px; }

#SideBarTop a:hover, #SideBar a:hover	{ color: #333; background-color: #ccc; text-decoration: none; }

#SideBarNav a		  { color: #fff; background-color: #4a4f40; }
#SideBarNav a:hover   { color: #fff; background-color: #0094CB; text-decoration: none; }

#SideBarNav_2 a		  { color: #333; background-color: #ffff80; }
#SideBarNav_2 a:hover { color: #00afe3; background-color: #ccc;	text-decoration: none; }

#SideBarNav_3 a		  { color: #fff; background-color: #093; }
#SideBarNav_3 a:hover { color: #093; background-color: #ccc;	text-decoration: none; }

#SideBarNav_4 a		  { color: #fff; background-color:#f00; }
#SideBarNav_4 a:hover { color: #ff0000; background-color: #ccc;	text-decoration: none; }

#SideBarContent		  { color: #333; background-color:#eee; }

.ADMIN_Header	 	  																	{ font-size: medium; padding: 2px 0; }
.ADMIN_Header, .ADMIN_Header a:link, .ADMIN_Header a:visited, .ADMIN_Header a:active	{ color: #1B3360; text-decoration: none; }
.ADMIN_Header a:hover   																{ color: #999999; text-decoration: none; }

#Admin_Col1		{ clear:both; float:left; width:21%; padding-top:8px; }
#Admin_Col2		{ float:left; width:75%; margin-left:1%; padding-top:8px; }
#Admin_Col1H	{ clear:both; float:left; width:21%; padding-top:8px; }
#Admin_Col2H	{ float:left; width:75%; margin-left:1%; padding-top:8px; }

#Admin_Coln		{ float:left; margin-left:1%; padding-top:8px; }

#Admin_SPACER	{ clear:both; float:left; width:21%; padding-top:8px; }

#Admin_ControlR	{ float:right; margin-left:1%; }

#Edit_Col21			{ clear:left; float:left; width:170px; padding-top:5px; }
#Edit_Col22			{ float:left; width:65%; padding-top:5px; }

#SBStatus_G, #SBStatus_R, #SBStatus_Gr		
						{ float: right; color: #fff; padding: 3px 8px !important; border: 0 none !important;
						  -webkit-border-radius: 10px !important; border-radius: 10px !important; margin-top: -1px !important; }

#SBStatus_G		{ background: #093; }
#SBStatus_R		{ background: #f00; }
#SBStatus_Gr		{ background: #999; }

#BannerBAR			{ position: relative; left:-8px; clear:both; width:815px; background-color:#CCCCCC; }
#BannerHEADINGS		{ padding:8px 8px; }
#Banner_Col1		{ clear:both; float:left; width:53%; }
#Banner_Col2		{ float:left; width:14%; margin-left:1%; }
#Banner_Col3		{ float:left; width:12%; margin-left:1%; }

#NoRESULTS			{ clear:both; padding:5px 0px 15px 0px; font-style:italic; color:#999 }


/* Home Page */
#HomePage_CONTENT 		{ padding:10px 0px 0px 0px; }

#HomePage_23 			{ clear:both; float:left; width:66.6%; padding-right:1.5%; box-sizing: border-box; border-right:solid 1px #ccc }
#HomePage_13 			{ float:left; width:33.3%; padding-left:1.5%; box-sizing: border-box;  }

#HomePage_Panel_1, #HomePage_Panel_2, #HomePage_Panel_3	{ color: #333; background-color:#fff; box-shadow: 5px 10px 18px #333; }

#HomePage_Panel_1 	{ clear:both; float:left; width:31%; margin:2% 0% 2% 0%; }
#HomePage_Panel_2 	{ float:left; width:31%; margin:2% 0% 2% 3.5%; }
#HomePage_Panel_3 	{ float:left; width:31%; margin:2% 0% 2% 3.5%; }

.img_fw  			{ width:100%; }
.img_bbr  			{ border-bottom:solid 5px #ba1f2c; }
.img_bbg  			{ border-bottom:solid 5px #006e3a; }
.img_bbb  			{ border-bottom:solid 5px #344ca0; }

#HomePage_Panel_1  h2, #HomePage_Panel_2  h2, #HomePage_Panel_3 h2 { padding: 8px 20px 0px 20px; }
#HomePage_Panel_1  p, #HomePage_Panel_2  p, #HomePage_Panel_3  p { color:#333; padding: 8px 20px; }

#ReadMore_TXT		{ clear:left; float:left; color:#333; padding:8px 20px 10px 20px; }
#ReadMore_ARROWS	{ float:left; padding:10px 0; ; }

.PageIMAGE_L	{ float:left; max-width:100%; margin: 0 ; }
.PageIMAGE_R	{ float:right; width:35%; margin: 10px 10px 20px 20px; }

/* Main Pages */

#SectorPage_Panel_1, #SectorPage_Panel_2, #SectorPage_Panel_3	{ color: #fff; background-color:#58595b; text-align:center; }

#SectorPage_Panel_1 	{ clear:both; float:left; width:31%; margin:2% 0% 2% 0%; }
#SectorPage_Panel_2 	{ float:left; width:31%; margin:2% 0% 2% 3.5%; }
#SectorPage_Panel_3 	{ float:left; width:31%; margin:2% 0% 2% 3.5%; }

#SectorPage_Panel_1  h2, #SectorPage_Panel_2  h2, #SectorPage_Panel_3 h2 { padding: 8px 20px 0px 20px; text-align:center }
#SectorPage_Panel_1  p, #SectorPage_Panel_2  p, #SectorPage_Panel_3  p { padding: 8px 20px; }
#SectorPage_Panel_1  img, #SectorPage_Panel_2  img, #SectorPage_Panel_3  img { box-shadow: 5px 10px 18px #333;}


.Panel_line:after, .Panel_line_WS:after, .Panel_line_AG:after, .Panel_line_CJ:after {
    content:"";
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 8px solid #ba1f2c;
    transform: translate(-50%);
}

.Panel_line_WS:after { border-left: 8px solid #ba1f2c; }
.Panel_line_AG:after { border-left: 8px solid #006e3a; }
.Panel_line_CJ:after { border-left: 8px solid #344ca0; }

#Panel_line_CONTAINER	{width:100%; height:50px; margin-top:0; position:relative; text-align:center }

#SectorPage_Panel_1 .Button_B, #SectorPage_Panel_1 .Button_Gr, #SectorPage_Panel_1 .Button_G, #SectorPage_Panel_1 .Button_R, #SectorPage_Panel_1 .Button_O, 
#SectorPage_Panel_2 .Button_B, #SectorPage_Panel_2 .Button_Gr, #SectorPage_Panel_2 .Button_G, #SectorPage_Panel_2 .Button_R, #SectorPage_Panel_2 .Button_O, 
#SectorPage_Panel_3 .Button_B, #SectorPage_Panel_3 .Button_Gr, #SectorPage_Panel_3 .Button_G, #SectorPage_Panel_3 .Button_R, #SectorPage_Panel_3 .Button_O, 
#ProductROW_RIGHT .Button_B, #ProductROW_RIGHT .Button_Gr, #ProductROW_RIGHT .Button_G, #ProductROW_RIGHT .Button_R, #ProductROW_RIGHT .Button_O, 
#ProductROW_RIGHT_1_4 .Button_B, #ProductROW_RIGHT_1_4 .Button_Gr, #ProductROW_RIGHT_1_4 .Button_G, #ProductROW_RIGHT_1_4 .Button_R, #ProductROW_RIGHT_1_4 .Button_O, 
#ProductROW_RIGHT_3_4 .Button_B, #ProductROW_RIGHT_3_4 .Button_Gr, #ProductROW_RIGHT_3_4 .Button_G, #ProductROW_RIGHT_3_4 .Button_R, #ProductROW_RIGHT_3_4 .Button_O 
					{ padding: 6px 24px !important; border: 0 none !important; cursor: pointer; 
                      -webkit-border-radius: 0px !important; border-radius: 0px !important; margin-top:-1px !important; } /* padding: 5px 12px */

#ProductROW_RIGHT .Button_B, #ProductROW_RIGHT .Button_Gr, #ProductROW_RIGHT .Button_G, #ProductROW_RIGHT .Button_R, #ProductROW_RIGHT .Button_O, 
#ProductROW_RIGHT_1_4 .Button_B, #ProductROW_RIGHT_1_4 .Button_Gr, #ProductROW_RIGHT_1_4 .Button_G, #ProductROW_RIGHT_1_4 .Button_R, #ProductROW_RIGHT_1_4 .Button_O, 
#ProductROW_RIGHT_3_4 .Button_B, #ProductROW_RIGHT_3_4 .Button_Gr, #ProductROW_RIGHT_3_4 .Button_G, #ProductROW_RIGHT_3_4 .Button_R, #ProductROW_RIGHT_3_4 .Button_O 
					{ margin-top:10px !important; } /* padding: 5px 12px */


/* Sector Pages */

#MainPage_LEFT 		{ float:left; width:52%; padding-right:2%; border-right:solid 1px #ccc; 
					  box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }
#MainPage_RIGHT 	{ float:right; width:44%; padding-right:2%;  }

#MainPage_Quote		{ padding:15px 55px 0px 55px; }


/* Sector Product Pages */

#ProductROW_LEFT 	{ float:left; width:35%; 
					  box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }
#ProductROW_RIGHT 	{ float:right; width:65%; padding: 0 20px;
					  box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }


#ProductROW_RIGHT_1_4 	{ float:left; width:21%; padding:2%; }
#ProductROW_RIGHT_3_4 	{ float:left; width:71%; padding:2%; }


/* Sector Product Pages */
#ProductPage_LEFT 	{ float:left; width:54%; padding-right:0%; /*border-right:solid 1px #ccc;*/ 
					  box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }
#ProductPage_RIGHT 	{ float:right; width:44%; padding-left:2%;  }

#ProductPage_ImageMAIN 			{ float:left; width:100%; padding-top:12px; margin-top: 1.2em; } 
#ProductPage_ImageTHUMBNAIL_1	{ float:left; width:32%; padding:2% 2% 2% 0%; }
#ProductPage_ImageTHUMBNAIL_2	{ float:left; width:32%; padding:2% 2% 2% 0%; }
#ProductPage_ImageTHUMBNAIL_3	{ float:left; width:32%; padding:2% 0% 2% 0%; }

#ProductPage_Quote	{ float:left; width:31%; padding:2% 1% 2% 1%; }





/* Case Studies */

#CaseStudy_Panel 		{ clear:left; margin-top:20px; }
#CaseStudy_Panel h2		{ clear:none; padding-top:0; margin-top:0; }
#CaseStudy_THUMBNAIL	{ float:left; width:28%; margin:0 20px 20px 0; }
#CaseStudy_THUMBNAIL img { box-shadow: 5px 10px 18px #333; }

/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 
    /* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
    /* your css goes here */
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
    /* your css goes here */
#HeaderFW_L			{ float:left; padding-top:8px; }
#HeaderFW_R			{ clear:left; float:right; padding-top:28px; }
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* your css goes here */
#HeaderFW_L			{ float:left; padding-top:8px; }
#HeaderFW_R			{ clear:left; float:right; padding-top:28px; }
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
body {-webkit-text-size-adjust: none;}

.VisibleDESKTOP		{ display:none !important; }
.VisibleMOBILE		{ display:block; }

#HeaderFW 			{ display:none; }
#HeaderMBL 			{ display:block; }

#PageWIDTH 			{ width:100%; margin: 0 auto;  }

ul					{ padding-left:10px; }
ul li 				{ list-style:none; background: url(/images/bullet_HG.png) no-repeat 0px 9px; padding: 4px 0 4px 25px; margin-left:0px;	color: #333333; }


#hrMBL 				{ display:block; clear:both; padding: 15px 0px 5px 0px; }

#Slider_CONTENT		{ width:100%; }

/* Footer */
#Footer_1CONTENT  	{ clear:both; float:none; width:100%; margin:0px auto; }
#Footer_1CONTENT_C1 { clear:both; float:none; width:96%; margin:0px auto; text-align:left }
#Footer_1CONTENT_C2 { clear:both; float:none; width:96%; margin:0px auto; text-align:left }

#FooterLINKS  		{ clear:both; float:none; width:100%; margin:0px auto; }
#FooterLINKS-L  	{ clear:both; float:none; width:96%; margin:0px auto; }
#FooterLINKS-R  	{ clear:both; float:none; width:96%; margin:0px auto; }

/* Admin */
#Admin_Col1H		{ clear:left; float:left; width:100%; padding-top:8px; margin-left:0; }
#Admin_Col2H		{ clear:left; float:left; width:100%; padding-top:8px; margin-left:0; }

/* Login */
#LoginFORM			{ float:none; width:100%; padding:padding:0 0 20px 0; margin:0; border:none; }

#Form_LABEL 		{ clear:left; float:left; width:25%; }
#Form_INPUT 		{ float:left; width:70% }
#Form_SPACER 		{ float:left; width:25%; height:5px; }

#Demo_Form_LABEL 		{ clear:left; float:left; width:25%; }
#Demo_Form_INPUT 		{ float:left; width:70% }
#Demo_Form_SPACER 		{ float:left; width:25%; height:5px; }

input[type="text"], textarea  { width:100% !important; }

/* Home Page */
#HomePage_CONTENT 	{ padding:0px 2%; }

#MainAREA			{ clear:both; width:100%; padding:0px 0px 0px 0px; text-align:left; }
#MainLEFT 			{ display:none; }
#MainRIGHT 			{ float:none; width:100%; border:none; background-color:#eee; text-align:left; margin-bottom: 0px;}

.PageIMAGE_L		{ float:none; max-width:80%; margin: 0 ; }
.PageIMAGE_R		{ float:none; width:80%; margin-left: 10%; }

/* Product Pages */
#ProductROW_RIGHT_1_4 	{ float:left; width:48%; padding:1%; }
#ProductROW_RIGHT_3_4 	{ float:left; width:48%; padding:1%; }


}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
body {-webkit-text-size-adjust: none;}

.VisibleDESKTOP		{ display:none !important; }
.VisibleMOBILE		{ display:block; }

#PageWIDTH 			{ width:100%; margin: 0 auto;  }

#Slider_CONTENT		{ width:100%; }
#Slider_CONTENT		{ clear:both; width:100%; background-color:#fff; margin:auto; padding-top: 83.3%; position: relative; }

#HeaderFW 			{ display:none; }
#HeaderMBL 			{ display:block; }

#hrDESKTOP	 		{ display:none; }
#hrMBL 				{ display:block; clear:both; padding: 15px 0px 5px 0px; }

/* Footer */
#Footer_1CONTENT  	{ clear:both; float:none; width:100%; margin:0px auto; }
#Footer_1CONTENT_C1 { clear:both; float:none; width:96%; margin:0px auto; text-align:left }
#Footer_email 		{ clear:both; float:left; padding-top:8px; margin-left:0%; }
#Footer_1CONTENT_C2 { clear:both; float:none; width:96%; margin:0px auto; text-align:left }

#FooterLINKS  		{ clear:both; float:none; width:100%; margin:0px auto; }
#FooterLINKS-L  	{ clear:both; float:none; width:96%; margin:0px auto; }
#FooterLINKS-R  	{ clear:both; float:none; width:96%; margin:0px auto; text-align:left; }

/*Pagination*/
#Pagination_Navigation		{ clear:left; width:100%; padding-top:12px; }
#Pagination_Page			{ padding-left:0px; }

#Edit_Col21			{ clear:left; float:left; width:25%; padding-top:5px; }
#Edit_Col22			{ float:left; width:75%; padding-top:5px; }

/* Admin */
#Admin_Col1			{ clear:left; float:left; width:100%; padding-top:8px; margin-left:0; }
#Admin_Col2			{ clear:left; float:left; width:100%; padding-top:8px; margin-left:0; }
#Admin_SPACER		{ display:none; }
#Admin_Col1H		{ clear:left; float:left; width:100%; padding-top:8px; margin-left:0; }
#Admin_Col2H		{ clear:left; float:left; width:100%; padding-top:8px; margin-left:0; }

/* Login */
#LoginFORM			{ float:none; width:100%; padding:0 0 20px 0; margin:0; border:none; }

#Form_LABEL  		{ clear:left; width:98%; }
#Form_INPUT 		{ clear:left; width:98%; }
#Form_SPACER 		{ display:none; }

#Demo_Form_LABEL  	{ clear:left; width:98%; }
#Demo_Form_INPUT 	{ clear:left; width:98%; }
#Demo_Form_SPACER 	{ display:none; }

input[type="text"], textarea, input[type="password"] 	{ width:90% !important; }

/* Home Page */
#HomePage_CONTENT 	{ padding:0px 2%; }

#HomePage_Panel_1 	{ clear:both; float:none; width:100%; margin:2% auto; }
#HomePage_Panel_2 	{ clear:both; float:none; width:100%; margin:2% auto; }
#HomePage_Panel_3 	{ clear:both; float:none; width:100%; margin:2% auto; }

#MainLEFT 			{ display:none; }
#MainRIGHT 			{ float:none; width:100%; border:none; background-color:#eee; text-align:left; margin-bottom: 0px;}

#MainAREA			{ clear:both; width:100%; padding:0px 0px 0px 0px; text-align:left; }

.PageIMAGE_L		{ float:none; max-width:60%; margin: 0 ; }
.PageIMAGE_R		{ float:none; width:80%; margin-left: 10%; }


/* Main Pages */
#HomePage_CONTENT 	{ padding:0px 2%; }

#SectorPage_Panel_1 	{ clear:both; float:none; width:100%; margin:2% auto; }
#SectorPage_Panel_2 	{ clear:both; float:none; width:100%; margin:2% auto; }
#SectorPage_Panel_3 	{ clear:both; float:none; width:100%; margin:2% auto; }

#MainPage_LEFT 		{ clear:both; width:100%; padding:0px 0px 0px 0px; border:none; }
#MainPage_RIGHT 	{ clear:both; width:100%; padding:0px 0px 0px 0px;  }

#MainPage_Quote		{ padding:15px 35px 0px 35px; }


/* Product Pages */
#ProductROW_RIGHT_1_4 	{ float:none; width:98%; padding:1%; }
#ProductROW_RIGHT_3_4 	{ float:none; width:98%; padding:1%; }



/* Case Studies */

#CaseStudy_Panel 		{ clear:left; }
#CaseStudy_Panel h2		{ clear:left; padding-top:20px; margin-top:0; }
#CaseStudy_THUMBNAIL	{ float:none; width:50%; margin:0 auto;  }
#CaseStudy_THUMBNAIL img { box-shadow: 5px 10px 18px #333; }

}