/* CSS Document */
 /* 100% height layout with header and footer */

html,body 		{margin:0;padding:0;height:100%;/*needed for wrapping min-height*/background-color:#FFFFFF;font-family:arial,sans-serif;font-size:small;color:#000;}
a{cursor:pointer;color:#1a75ce;text-decoration: underline;}
a:hover{color:#181797;}
body { -webkit-text-size-adjust: none;}
h1{color:#181797; text-align:center; font-size:30px; font-weight:bold; margin:0;}
h3,h4,h5{font-weight: 600;}

.block {display:block; }

/*ID**********************/
	div#cont {
	position:relative; /* needed for footer positioning*/
	margin:0; /* center, not in IE5 */
	width:330px;
	background: -webkit-gradient(linear, left top, left bottom, from(#4A99E8), to(#114982));
	background: -moz-radial-gradient(top,  #4A99E8,  #114982);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A99E8', endColorstr='#114982');
	background-image: linear-gradient(rgb(69,147,224),rgb(23,82,141));
	height:auto;/* !important; real browsers */
	height:100px /* IE6: treaded as min-height*/	min-height:100px;	border:0;
	}
div#wrapping 	{
	position:relative;/*needed for footer positioning*/
	margin:0 auto;/*center, not in IE5*/
	width:1024px;
	background:#e5e5e5;
	height:auto !important;/*real browsers*/
	height:100%;/*IE6: treaded as min-height*/
	min-height:100%;/*real browsers*/
	border-left:solid #CCCCCC 4px;border-right:solid #CCCCCC 4px;
}
#head{padding:0; background:#e5e5e5; position:relative; z-index:1}
div#header 		{padding:0;	background:#e5e5e5;position:relative; z-index:1 }
#header 		{padding:0;	background:#e5e5e5;position:relative; z-index:1 }
div#pageheading{margin:-43px 20px 0 620px;position:relative; z-index:4; color:#181797; text-align:center; font-size:26px; font-weight:bold }/*two line with subheading*/

div#pageheadingb{margin:-35px 20px 0 620px;position:relative; z-index:4; color:#181797; text-align:center; font-size:30px; font-weight:bold; height:40px}

div#pageheading26{margin:-35px 20px 9px 620px;position:relative; z-index:4; color:#181797; text-align:center; font-size:26px; font-weight:bold }/*one line*/
/*div#pageheading2{margin:-51px 0 0 620px;position:relative; z-index:4; color:#181797; text-align:center; font-size:26px; font-weight:bold }two 26px lines*/
div#pagehdg_2fullheight{margin:-46px 20px 5px 620px;position:relative; z-index:4; color:#181797; text-align:center; font-size:26px; font-weight:bold;line-height:23px}

div#pagehdg_1stlinesub{margin:-45px 20px 10px 620px;position:relative; z-index:4; color:#181797; text-align:center; font-size:26px; font-weight:bold; line-height:20px}
div#pagehdg_1stlinesub span{font-size:16px;}/*two line with first line subheading*/

div#pagehdg_2ndlinesub{margin:-40px 20px 10px 620px;position:relative; z-index:4; color:#181797; text-align:center; font-size:26px; font-weight:bold; line-height:20px; height:35px}
div#pagehdg_2ndlinesub span{font-size:16px;}/*two line with first line subheading*/
#pageheading-singleword{position:absolute; top:90px; left:700px; z-index:4; color:#181797; text-align:center; font-size:30px; font-weight:bold }

div#content {clear:both!important;}
div#content {margin:-4px 20px 0 0;position:relative; z-index:3; padding:0 20px 95px 24px/* bottom padding for footer */}
div#footer 		{position:absolute;width:100%;bottom:0;/*stick to bottom*/background:#ddd;border-top:0;border-bottom:0;}
#bdr0			{border:none !important}
#bdrl0			{border-left:none}
#bdrr0			{border-right:none}
/*Menu Spacing for hover div*/
#ms 			{width:150px; margin-left:-5px}
#offset10		{position: relative; top: 10px}#offset20{position: relative; top: 20px}#offset30{position: relative; top: 30px}#offset40{position: relative; top: 40px}
#offset50		{position: relative; top: 50px}#offset60{position: relative; top: 60px}#offset70{position: relative; top: 70px}#offset80{position: relative; top: 80px}
#p0 {padding:0 0 0 0}
#up-menu {top: -138px}
#up-menu2 {top: -206px}
#up-menu a, #up-menu2 a {line-height:24px}
#up-menu3 {top: -132px}
#up-menu4 {top: -287px;}
#up-menuos {top: -165px} #up-menutm {top: -177px}
#up-menu3 a, #up-menu4 a, #up-menutm a, #up-menuos a{line-height:12px}

#vmid td{ vertical-align:middle; } 
#vtop td{ vertical-align:top}	#vtop{vertical-align:top;}		

.txt-jstfy-reg {text-align: justify; font-weight: normal;}
.txt-right-reg {text-align: right; font-weight: normal;} 

.hover-text:hover {cursor:text;}

/*styles*******************************
/*dark blue hover*/a.filepath:hover, a.redu:hover, a.blueu:hover, a.blueu12:hover {color:#181797}
.abs_search{position:absolute; top:95px; left:695px; z-index:5}
.bg 		{background-image:url(https://metermaster.co.nz/images/all/form-bg.jpg)}
.bgbox 		{background-image:url(https://metermaster.co.nz/images/all/form-bg.jpg);border-color:#999 #000 #000 #999;border-width:1px;border-style:solid;font-weight:bold;text-align:center;padding-top:2px} 
.bgnew 		{background-image:url(https://metermaster.co.nz/images/all/newimproved.jpg)}
.bgbrs		{background-image:url(https://metermaster.co.nz/images/all/form-bg.jpg);border-color: #999 #000 #000 #999;border-width:1px;border-style:solid;-moz-border-radius: 5px; -webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;-moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;/* FF 3.5+ */box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}/*border-radius-shadow*/	
.bgbrs-wide	{background-image:url(https://metermaster.co.nz/images/all/bg500100.jpg);border-color:#999 #000 #000 #999;border-width:1px;border-style:solid;-moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;-moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;/* FF 3.5+ */box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}/*border-radius-shadow*/	
.black 		{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #000000;	text-align: left;	font-weight: normal;}
.blackb 	{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #000000;	text-align: left;font-weight: bold;}
.blackb10 	{font-family: Arial, Helvetica, sans-serif;	font-size: 10px;font-weight: bold;	color: #000000;}	
.blackb13	{font-size: 13px;color: #000000;text-align: left;font-weight: bold;}
.blackb14 	{font-family: Arial, Helvetica, sans-serif;	font-size: 14px;font-weight: bold;	color: #000000;}	
.blackbc 	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;	text-align: center;	font-weight: bold;}	
.blackc 	{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #000000;	text-align: center;	font-weight:normal;}
.blackbr	{font-size:12px; font-weight: bold; text-align:right}
a.black :hover, a.blackb :hover, a.blackbc :hover, a.blackc :hover {color:#181797}
.blk:hover { fill: #000; opacity: 1;}    
.blue 		{font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color:#1A75CE;}
.blue19 	{font-family: Arial, Helvetica, sans-serif;	font-size: 19px;font-weight: bold;color:#1A75CE;text-align: left;}
.blue_bg		{background-color: #D0E4F9}
a.blueborder		{border: 2px solid #1a75ce; cursor:pointer; float:left}
a.blueborder:hover 	{border-color: #181797;}
a.blueborder:hover .overlay01{z-index:3;border:2px solid #181797;}
a.blueborder img 	{display: block; border:0;}
a.bluebrs			{border:2px solid #1a75ce;cursor:pointer;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;float:left;-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px; -moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;/* FF 3.5+ */box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}
a.bluebrs:hover 	{ border-color: #181797;}
div.bluebrs			{border:2px solid #1a75ce;cursor:pointer;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;float:left;-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px; -moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;/* FF 3.5+ */box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}
div.bluebrs:hover 	{ border-color: #181797;}
a.bluebrs:hover .overlay01{z-index:3;border:2px solid #181797;}
a.bluebrs img 		{display: block; border:0;}
.b th, .b div		{font-weight:bold}
.bluec 		{font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color:#1A75CE;text-align: center;}
a.blue:hover, a.bluec:hover, a.blueu:hover,  a.blueu17:hover {color:#181797}	
.bluedark12	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #161594;font-weight: normal;}
.bluedark12b,	.bluedark12b a{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #161594;font-weight: bold; text-decoration:none}
.bluedark 	{font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #161594;font-weight: bold;}
.bluelink 	{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #161594;font-weight: bold;}
.bluelinks{position:absolute; top:121px; width: 980px; z-index:5}
	.bluelinks{display: table; width:100%}
	.bluelinks li{display: table-cell;padding:0;}
	.bluelinks a{font-size:10px; padding:0 4px 0 4px; font-weight:600;}
	.bluelinks li:nth-child(odd) {color: #fff;font-size: 10px}
.blue12 	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color:#1A75CE}
.blueu12 	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color:#1A75CE;text-decoration: underline;}
.blueu 		{font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color:#1A75CE;text-decoration: underline;}
.blueu17 	{font-family: Arial, Helvetica, sans-serif;font-size:17px; color:#1a75ce; font-weight:bold;text-decoration: underline;} 
.border 	{border-color:#000000;border-style:solid;border-width: 1px;}
.border-r 	{border-color:#000000;border-style:solid;border-width: 1px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.border-inv {border-color:#e5e5e5;border-style:solid;border-width: 1px;}
.crumbs{font-family:Arial, Helvetica, sans-serif;color:#1a75ce;font-size:14px;text-decoration:none;font-weight:normal;text-align:left;position:relative; z-index:2; padding:2px 0 0 0; line-height:14px; height:20px}
.crumbchev{color:#1a75ce; font-size:12px; font-weight:600}
.breadcrumbs{font-family:Arial, Helvetica, sans-serif;color:#1a75ce;font-size:14px;text-decoration:none;font-weight:bold;text-align:left;width:968px; margin:-2px 0 5px 24px;position:relative; z-index:2}
.breadcss{position:absolute; top:158px; left:22px; font-size:10px; font-weight:bold; width:980px}
.breadcrumbsdiv{margin:-5px 0 0 -18px; width:980px;position:absolute; top:145px}
	.breadcrumbsdiv li{padding:0}
.bcleft{margin-top:3px }
.bcleft li:nth-child(1){color: #fff;font-size: 10px}
.bcleftpipe{color: #fff;font-size: 10px}
.bcright{margin-top:14px}
	.bcright li:nth-child(odd), .redlinks li:nth-child(odd),.orderlinks li:nth-child(odd) {color: #fff;font-size: 10px}

.brs		{border-color:#000000;border-style:solid;border-width:1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}/*border-radius-shadow*/
.c7			{background-color:#c7c7c7}
.caption 	{font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #000000;}
.captionc 	{font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #000000; text-align:center}
.cell{clear:both; padding-left:4px; width:552px;}
.clear		{clear: both;}
.content 	{padding:48px 20px 45px 22px/* bottom padding for footer */}
.contentb 	{padding:47px 20px 45px 22px/* bottom padding for footer */}/*bootstrap pages*/
.ctr		{text-align:center;}
.cursor		{cursor: pointer;}
.dropbtn {
background-color: #e5e5e5;
color: 1a75ce;
padding: 5px;
font-size: 12px;
border: none;
cursor: pointer;
text-decoration:underline;
}
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #e5e5e5;
    min-width: 210px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
}

.dropdown-content a {
    color: #1a75ce;
    /*padding: 5px;*/
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #eee; 
    color:#181797;
    border-radius: 5px;
 }

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {
    background-color: #eee;
    border-radius: 5px;
    /*padding: 6px 3px 6px 6px;*/
}
.e0			{background-color:#e0e0e0}
.eee		{background-color:#eeeeee}
.edge_width	{width:1020px;}
.electrical	{width:258px; height:165px;border-color:#000000;border-style:solid;border-width:1px;background-image:url(https://metermaster.co.nz/images/all/form-bg.jpg)}/*Category Box*/
.f4			{background-color:#f4f4f4}
.featurelist{margin-left:-25px; font-weight: 600; font-size: 13px} .featurelist li{padding-bottom:8px}
.filepath, .orderlinks li a, .redlinks li a{font-family:Arial, Helvetica, sans-serif;color:#1a75ce;font-size:10px;text-decoration:underline;font-weight:bold;cursor:pointer}
.filepathend{font-family:Arial, Helvetica, sans-serif;	color:#1a75ce;font-size:10px;text-decoration:none;font-weight:bold;}
.fl			{float:left}		.fr		{float:right}
.fnext 		{font-family:Arial, Helvetica, sans-serif;color:#1a75ce;font-size:14px;	text-decoration:none;font-weight:bold;text-align:left;float:left;width:984px;margin-left:28px;}
.font11		{font-size:11px}
.font12		{font-size:12px} .font12 td{font-size:12px}
.font13		{font-size:13px}
.font14		{font-size:14px}
.font16		{font-size:16px}
.font-reg	{font-weight:normal}	.font-reg th{font-weight:normal}

/*New footer format styled here*/
#wrapping:after{ content: "";  display: block;	}	
.site-footer, #wrapping:after { height: 93px; }
.footer_statement{float:left; color:#FFFFFF; font-size:20px; text-align:right; padding:15px 30px 0 520px}	

.fontem		{font-style:oblique}
.footerbg{width:1024px; height:93px; background:url(https://metermaster.co.nz/images/all/footer.jpg); margin:0 auto;border-left:solid #CCCCCC 4px;border-right:solid #CCCCCC 4px;}	
.formbg 	{background-image:url(https://metermaster.co.nz/images/contact/form-bg.jpg)}
.formbg-g 	{
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#1a75ce));
	background: -moz-radial-gradient(top,  #e5e5e5,  #1a75ce);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#1a75ce');
	background-image: linear-gradient(rgb(229,229,229),rgb(51,153,204));
}
.gb	    {background-color:#d3d3d3}
.greyborder	{border:1px solid #999999; border-collapse:collapse;}
.greybdr_right{border-right:1px solid #999999; border-collapse:collapse;}
.greybdr_top{border-top:1px solid #999999; border-collapse:collapse;}
.greyborder-l{border:1px solid #999999; border-collapse:collapse; border-left:none}
.greyborder-t{border:1px solid #999999; border-collapse:collapse; border-top:none}
.greyborder-tl{border:1px solid #999999; border-collapse:collapse; border-top:none; border-left:none}
.greyborder-b{border:1px solid #999999; border-collapse:collapse; border-bottom:none}
.greyborder-bl{border:1px solid #999999; border-collapse:collapse; border-left:none; border-bottom:none}
.greyborder-br{border:1px solid #999999; border-collapse:collapse; border-right:none; border-bottom:none}
div.grippie{height:7px;font-size:0;background:#eee url(concept_images/grippie.png) no-repeat 50% 1px;border: 1px solid #ddd;border-top-width:0;cursor:s-resize;}
.h20 {height:20px;}	.h25 {height:25px;}	
.h30 {height:30px;}	.h35 {height:35px;}
.h40 {height:40px;}
.hidden		{color:#e5e5e5; font-size:8px}
.highlight	{background-color:#FFFF66} .highlight_green	{background-color:#53F7DE;}
.hotlinks 	{position:relative; z-index:2; margin:-10px 0 3px 2px; width:100%}
.hover:hover{color:#181797; border-width:1px}
.hover img:hover {border-color:#181797; border:solid; border-width:1px;}
.hrow{height:87px}
.innerlinks li{display: inline-block; padding:5px 9px;}
.innerlinks li a{
   color:#1a75ce; font-weight:600; font-size:12px; text-decoration:underline; text-decoration-color:#1a75ce; padding:5px;
}
.innerlinks li a:hover{background-color:#eee;border-radius: 5px; color:#181797; padding:5px;}
.invisible{display:none;}	
.imgborder {
  border: 1px solid #000;
  float: left;
  moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
  /* FF 3.5+ */
  box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; }
  .imgborder a {
    cursor: pointer; }
    .imgborder a:hover {
      border-color: #181797; }
.ind10		{text-indent:10px}
.ind30		{text-indent:30px}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;}
.invisible{display:none;}
.jfy{text-align: justify}
.lg_submit_btn{padding:5px 10px; font:bold #fff; font-size:16px; }	
.lightblue 	{color:#B4F1FE; text-decoration:underline; font-weight:bold;}
.line10 	{line-height:10px;}		.line10 td{line-height:10px;}		
.line12 	{line-height:12px;}		.line12 td{line-height:12px;}
.line15 	{line-height:15px;}		.line15 td{line-height:15px;}
.line16 	{line-height:16px;}		.line17 td{line-height:17px;}
.line18 	{line-height:18px;}		.line18 td{line-height:18px;}
.line20 	{line-height:20px;}
.line22 	{line-height:22px;}
.line24 	{line-height:24px;}
.line28 	{line-height:28px;}
.lipad li, .listml0 li{padding-bottom:7px}
.lip li{padding-bottom:3px}
.listop{padding:5px; height:15px}
.loginas {text-decoration: underline; color: #181797;}
.main 	{position:margin: 0 auto;height:auto; min-height:100%; margin-bottom:0; background-color:#e5e5e5;border: solid 2px; border-color:#cccccc}
.mob-bul{margin:0 0 0 5px; line-height:15px; text-align:left}

.main_cell{text-align:center;border-top:1px solid #ffffff;
				background: -webkit-gradient(linear, left top, left bottom, from(#4A99E8), to(#114982));
				background: -moz-radial-gradient(top,  #4A99E8,  #114982);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A99E8', endColorstr='#114982');
				background-image: linear-gradient(rgb(69,147,224),rgb(23,82,141));-o-linear-gradient:(top,  #114982 0%,#4a99e8 100%)}

.main_list		{font-size:1.1em;color:#fff;font-weight: bold; min-width:16em}
div.main_div:hover{color:#ffffff; background-color:#000066}

.mb5		{margin-bottom:5px}
.mb10		{margin-bottom:10px}
.m1020		{float:left; margin:10px 0 0 20px}
.m1030		{float:left; margin:10px 0 0 30px}
/*Margin Right*/
.mr-5 {margin-right:-5px;}

/*Margin Left*/
.ml-20  {margin-left:-20px;}.ml-30  {margin-left:-30px;}
.ml-5       {margin-left:-5px}
.ml-3		{margin-left:-3px;}
.ml-2		{margin-left:-2px;}
.ml2		{margin-left:2px;}
.ml5		{margin-left:5px;} .ml8			{margin-left:8px;}
.ml10		{margin-left:10px;}.ml12		{margin-left:12px;}
.ml15		{margin-left:15px;}
.ml20		{margin-left:20px;}.ml22		{margin-left:22px;}
.ml25		{margin-left:25px;}.ml28		{margin-left:28px;}
.ml30       {margin-left:30px;}  
.ml50		{margin-left:50px;}
.ml100		{margin-left:100px;}
.mt-20		{margin-top:-20px}	.mt-15{margin-top:-15px}
.mt-11		{margin-top:-11px}
.mt-8		{margin-top:-8px}
.mt-7		{margin-top:-7px}
.mt-6		{margin-top:-6px}
.mt-5		{margin-top:-5px}
.mt-4		{margin-top:-4px}	.mt-3		{margin-top:-3px}
.mt-2		{margin-top:-2px}
.mt-1		{margin-top:-1px}
.mt1		{margin-top:1px}.mt2{margin-top:2px}.mt3{margin-top:3px}.mt4{margin-top:4px}
.mt5 		{margin-top:5px}.mt6{margin-top:6px}.mt7{margin-top:7px}.mt8{margin-top:8px}.mt9{margin-top:9px}/*Margin Top*/
.mt10 		{margin-top:10px}.mt11{margin-top:11px}.mt12{margin-top:12px}.mt13{margin-top:13px}.mt14{margin-top:14px}
.mt15 		{margin-top:15px}.mt16{margin-top:16px}.mt17{margin-top:17px}.mt18{margin-top:18px}.mt19{margin-top:19px}
.mt20 		{margin-top:20px;}.mt21{margin-top:21px} .mt25{margin-top:25px}
.mt30       {margin-top:30px;}.mt40{margin-top:40px}
.mt50		{margin-top:50px}
.mtbtn {margin-top:0}
_:-ms-fullscreen, :root .mtbtn {margin-top:1px}
.mtl-1		{margin:-1px 0 0 -1px}
.mtl-3		{margin:-3px 0 0 -3px}
.mtl5		{margin:5px 0 0 5px}
.mtl10		{margin:10px 0 0 10px}
.mtl20		{margin:20px 0 0 20px}
.menu 		{width:149px;float:left;height:180px;background-color:#e5e5e5;padding:0 0 0 0;position:relative;z-index:4;}
.nodec		{text-decoration:none}
.nolink_bdr{border:2px solid #1a75ce;cursor:auto;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;float:left;-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px; -moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;/* FF 3.5+ */box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}
.numberedlist_bold > li {padding: 10px 0 0 2em;  text-indent: -2em; list-style-type: none; counter-increment: item;}
.numberedlist_bold > li:before { display: inline-block; width: 1em; padding-right: 0.5em; font-weight: bold; text-align: right; content: counter(item) ".";}
.orderbtn{float: right; margin-top:10px; padding-right:10px}
.order_count{color:white; background-color:red; font-weight:bold; font-size:12px;}
.orderlinks, .redlinks{ display: table; width: 100%}
.orderlinks li, .redlinks li{display: table-cell; }
	.orderlinks a, .redlinks a{display: block; text-align: center;}
	.orderlinks li a:hover, .redlinks li a:hover{color:#181797}
	.orderlinksdiv{width: 979px; margin:10px 0 0 -18px}
	.orderlinks a{padding:0 2px 0 2px;}
.pageh		{padding:0 0 0 610px;text-align:center; color:#1a75ce; font-size:19px; font-weight:bold  }
.pageh1 	{padding:0 0 0 650px; text-align:center; color:#1a75ce; font-size:19px; font-weight:bold }
.pageh2		{float:left;width:360px;position:relative;z-index:2;margin:-35px 0 0 645px;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:19px;font-weight:bold;color:#1A75CE;line-height:20px;}	
.pageh3		{float:left;width:360px;position:relative;z-index:1;margin:0 0 0 0;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#1A75CE;}
/*New Heading*/
	.ph3{color:#181797; font-size:16px;  font-weight:bold}	
	.ph{color:#181797; font-size:26px; font-weight:bold  }
	.phb{color:#181797; font-size:30px; font-weight:bold  }
	.path 	{color:#1a75ce;font-size:10px;text-decoration:underline;font-weight:bold;cursor:pointer}
	.pathend{font-size:10px;color:#181797}
	.bread{color:#1a75ce;font-size:14px;text-decoration:none;font-weight:bold;text-align:left;padding-top:43px}
	.crumb{font-size:10px}
	.plh{padding-left:600px; text-align:center}
.pageheading{margin:-43px 20px 0 620px;position:relative; z-index:4; color:#181797; text-align:center; font-size:26px; font-weight:bold }/*two line with subheading*/
/*Padding*/
.p0			{padding:0}
.pa2 		{padding:2px}/*pad - all*/
.pa3 		{padding:3px}/*pad - all*/
.pa5 		{padding:5px}/*pad - all*/
.pa8 		{padding:8px}/*pad - all*/.pa8-t 		{padding:0 8px 8px 8px}
.pa10 		{padding:10px}/*pad - all*/
.pa20 		{padding:20px}/*pad - all*/
.pb2 		{padding-bottom:2px}/*pad bottom*/
.pb4 		{padding-bottom:4px}
.pb5 		{padding-bottom:5px}	.pb8 		{padding-bottom:8px}
.pb10 		{padding-bottom:10px}
.pb15 		{padding-bottom:15px;}
.pb20 		{padding-bottom:20px}
.pha{position:absolute; top: -5px}	/*page heading absolute*/
/*left pad*/
.pl2		{padding-left:2px;}	 .pl3	{padding-left:3px;} 	.pl4	{padding-left:4px;} 
.pl5		{padding-left:5px;}		.pl5 td{padding-left:5px;}
.pl8   		{padding-left:8px;} 
.pl10		{padding-left:10px;}	.pl10 td{padding-left:10px;}
.pl13		{padding-left:13px;}
.pl15		{padding-left:15px;}	.pl18	{padding-left:18px;}
.pl20		{padding-left:20px;}	.pl22	{padding-left:22px}
.pl24		{padding-left:24px}		.pl25	{padding-left:25px;}
.pl30		{padding-left:30px;}
.pl40		{padding-left:40px;}
.pl50		{padding-left:50px;}	.pl60	{padding-left:60px;}	.pl80	{padding-left:80px;}
.pl100		{padding-left:100px}
.plb10  	{padding:0 0 10px 10px}
.plist li{padding-bottom:17px}
.plr5		{padding:0 5px 0 5px;}
.plr10		{padding:0 10px 0 10px;}
.plr20		{padding:0 20px 0 20px;}
.plr50		{padding:0 50px 0 50px;}
.pr1		{padding-right:1px}/*right pad*/
.pr2		{padding-right:2px}/*right pad*/.pr3		{padding-right:3px}.pr4		{padding-right:4px}
.pr5		{padding-right:5px}
.pr10		{padding-right:10px}	.pr15		{padding-right:15px}
.pr20		{padding-right:20px}	.pr30	{padding-right:30px}
.pr50		{padding-right:50px}
.pr100		{padding-right:100px}
.pr350 td	{padding-right:350px; padding-left:10px}
.pt-5		{padding-top:-5px;}/*top pad*/
.pt1		{padding-top:1px;}		.pt2		{padding-top:2px;}
.pt3		{padding-top:3px;}		.pt4		{padding-top:4px;}
.pt5		{padding-top:5px;}		.pt6		{padding-top:6px;}
.pt7		{padding-top:7px;}		.pt8 		{padding-top:8px;}
.pt10		{padding-top:10px;}		.pt10-c td{padding-top:10px;}
.pt12		{padding-top:12px;}
.pt15		{padding-top:15px;}		.pt16	{padding-top:16px;}
.pt18		{padding-top:18px;}	
.pt20		{padding-top:20px;}		.pt21{padding-top:21px}
.pt25 		{padding-top:25px;}
.pt30		{padding-top:30px;}		.pt40		{padding-top:40px;} 	
.pt50 		{padding-top:50px;}
.pt70 		{padding-top:70px;}		.pt80 		{padding-top:80px;}
.ptb2		{padding:2px 0 2px 0}/*top & bottom pad*/	
.ptb5		{padding:5px 0 5px 0} 	.ptb5	td{padding:5px 0 5px 0}
.ptb10		{padding:10px 0 10px 0}
.ptb20		{padding:20px 0 20px 0}
.ptl5		{padding:5px 0 0 5px}/*top & left pad*/	
.ptl10		{padding:10px 0 0 10px}/*top & left pad*/		
.ptl15		{padding:15px 0 0 15px}		
.ptl20		{padding:20px 0 0 20px}		
.ptr10		{padding:10px 10px 0 0}/*top & right pad*/
.ptr20		{padding:20px 20px 0 0}/*top & right pad*/
.ptbl10		{padding:10px 0 10px 10px}
_:-ms-fullscreen, :root .ptie11 {padding-top:3px}
_:-ms-fullscreen, :root .ie11_redlinkpad {padding-top:5px}
.pointer 	{cursor:pointer}
.posrelz1	{position:relative; z-index:1;}.z2{position:relative; z-index:2;}.z3{position:relative; z-index:3;}.z4{position:relative; z-index:4;}.z5{position:relative; z-index:5;}
.porder {width:70px;padding-top:0;padding-bottom:0}.sporder {width:50px;padding-top:0;padding-bottom:0}
.productname{float:left; font-size: 12px; color:#000000; text-align: left;font-weight: bold; padding: 5px 0 0 5px;}
.pulldown{position:relative;z-index:9; margin-top:-20px}
.pyourorder {width:100px;padding-top:0;padding-bottom:0}
.z6{position:relative; z-index:6;}.z7{position:relative; z-index:7;}.z8{position:relative; z-index:8;}
.radius		{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.radimg		{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.red 		{font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	font-weight: bold;	color: #9e311d;	text-align: left;	text-decoration:none;}
.red a		{text-decoration:underline;}
.red10 		{font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #9e311d;	text-align: left;	text-decoration:none; font-weight:bold}
.red10c 	{font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #9e311d;	font-weight:bold; text-align:center;}
.red10c a	{color:#9e311d;text-decoration:underline;}
.red10c a:hover {color:#181797}
.red12 		{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #9e311d;	text-align: left;text-decoration:none;}
.red12b, red12b	a {font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #9e311d;	text-align: left;text-decoration:none;font-weight: bold;}
.red12bc		{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #9e311d;	text-align: left;text-decoration:none;font-weight: bold; text-align:center;}
.red12br 		{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #9e311d;	text-align: right;text-decoration:none;font-weight: bold;}
.red16 	{font-family: Arial, Helvetica, sans-serif;	font-size: 16px;font-weight: bold;	color: #9e311d;}
.redlinks	{width: 980px; margin:5px 0 0 -18px}
	.redlinks li a{color:#9e311d;} 

.rdlk a{color:#9e311d; font-weight: bold; font-size:10px}

.redu 		{font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	font-weight: bold;	color: #9e311d;	text-align: center; text-decoration:underline}
.reducekern01{letter-spacing:-0.01em}
.reducekern{letter-spacing:-0.02em}
.resizable-textarea textarea {display:block;margin-bottom:0pt;width:50%;height: 30%;}
.rs			{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;-moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;/* FF 3.5+ */box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}
.rsc			{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;-moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;/* FF 3.5+ */box-shadow: 4px 4px 4px #4D6686; border: solid #1a75ce 1px}
.search 	{font-family:Arial, Helvetica, sans-serif;	border-color:#1a75ce; float:left; width:400px; margin-left:28px;	position:relative;	z-index:1;	margin:10px 0 0 695px;}

.selectcell{border:1px solid #999999; height:96px; width:552px; margin-top:-2px }
.selectform{height:22px; width:460px; margin-top:4px}
.selectbullets{line-height:16px; margin-left:-20px; margin-top:5px; font-size:10px}
	.selectbulletsdiv{float:left; width:450px}
	.bulletsdiv{float:left; width:450px}
.selection{float:left; padding:6px 3px 3px 5px;}
.selectprice{font-size: 12px; font-weight: bold; margin-top:8px; margin-right:5px}
.selectthumb{width:88px; padding:7px 0 0 4px;}

.shadow		{-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;-moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;/* FF 3.5+ */box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;}
.site-footer{margin-top: -60px; position: relative; z-index:5;}
.slide 		{display:block; border:0; text-decoration:none; float:left; border-right:1px solid #fff;}
.last 		{border:0;}
.shoplist	{font-size:10px; float:left; line-height:12px; margin-top:-5px; margin-left:-30px; width:500px;}
	.shoplist-select{margin-top:-22px;}
.slide img 	{display:block; border:0; width:300px; height:200px; cursor:pointer;
				-webkit-transition-duration: .7s;
				-moz-transition-duration: .7s;
				-o-transition-duration: .7s;}
.slide:hover img {width:600px; height:400px;}
.smallblack {font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #000000;}
.smallblack a, .smallblackc a{text-decoration: underline}
.smallblackc {font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #000000;	text-align:center;}
.smallblack a, .smallblackc a, .bluec a, filepath a{color:#1a75ce}
.smallblack a:hover, .smallblackc a:hover, .bluec a:hover, .filepath a:hover, .redu a:hover{color:#181797}
ul.specadj li{text-align:left; list-style-type:none; font-weight:600; padding-bottom:8px; margin-left:-30px; margin-top:0}
.specborder	{border-collapse:collapse;}
.specborder, .specborder td,.specborder th{border:1px solid #999999; border-collapse:collapse;}
    .specborder tr:nth-child(even) {background: #eeeeee}
    .specborder tr:nth-child(odd) {background: #e5e5e5}
ul.specdat li{text-align: left; list-style-type:none; font-weight: 400; padding-bottom:8px; margin-left:-30px}
.specheading{font-family: Arial, Helvetica, sans-serif;	font-size: 20px;font-weight: bold;	color: #9e311d; text-align: center}
.spectoprow,.specborder tr:first-child > td, .specborder tr:first-child > th{
	border:1px solid #999999;
	font-weight:600;
	background-color:#d3d3d3;
	text-align: center;
	padding: 2px;
}
.th th		{text-align:left; vertical-align:top}/*Left align bold for specifications*/
/*.tip is for the question mark (or whatever) for a hover explanation*/
    a.tip {
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    margin-right: 5px    
}
a.tip:hover {
    cursor: help;
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    color:#000;
    border: #1a75ce 2px solid;
    padding: 5px;
    display: block;
    z-index: 100;
    background-color: #d3d3d3;
    left: -10px;
    margin: 10px;
    width: 235px;
    position: absolute;
    top: -70px;
    text-decoration: none;
    font-size: 12px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

img.thumb	{border:0; cursor:pointer;}

.yellowbg{background-color:yellow}
.orangebg{background-color:orange}
.redbg{background-color:red}
.bluebg{background-color:blue}
.greenbg{background-color:#0c840c}

.txtl		{text-align:left;}
.txtr		{text-align:right;}
.txtrb		{text-align:right; padding-top:14px}
.listml0	{margin-left:-25px}

	ul.enlarge, ul.enlarge2 {	list-style-type:none; /*remove the bullet point*/}
	ul.enlarge li, ul.enlarge2 li{	 /*display:inline-block;places the images in a line*/
	position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
	z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
	}/*space between the images*/
	ul.enlarge span, ul.enlarge2 span
	{
	position:absolute; /*see support section for more info on positioning*/
	top: -9999px; /*moves the span off the page, effectively hidding it from view*/
	}	
	ul.enlarge li:hover, ul.enlarge2 li:hover
	{	
	z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
	cursor:pointer; /*changes the cursor to a hand*/
	}
.variation	{width:400px; margin-left:-4px;font-size: 12px;color: #000000;	text-align: left;font-weight: bold;}
.w30 		{width:30px;}
.w150 		{width:150px;}
.whiteb 	{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #FFFFFF;	text-align: left;	font-weight: bold;	line-height:20px}
.whiteb10 	{font-family: Arial, Helvetica, sans-serif;	font-size: 10px;color: #FFFFFF;	text-align: left;	font-weight: bold;}
.whitebc 	{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #FFFFFF;	text-align: center;	font-weight: bold;	line-height:20px; text-decoration:none}
.whitebcs 	{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #FFFFFF;	text-align: center;	font-weight: bold;	line-height:17px; text-decoration:none}
a.whitebc: 	{font-size: 12px;color:#ffffff; text-align:center;}a.whitebc:table{font-size: 12px;color:#ffffff; text-align:center;}
a.whitebc :visited{color:#ffffff}
a.whitebc :hover{color:#181797}
.whiteb16 	{font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #FFFFFF;	font-weight: bold;	line-height:20px;}
.whiteb16c 	{font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #FFFFFF;	font-weight: bold;	line-height:20px; text-align:center}
.whitebox 	{background-color:#FFFFFF;	border-color:#000000;	border-width:1px;	border-style:solid;}
.wp 		{line-height:10px; color:#FFFFFF; margin-top:0}/*White Pipe for top quicklinks*/
.owp 		{line-height:12px; color:#FFFFFF; font-size:10px; font-weight:bold}/*White Pipe for top quicklinks - ordering*/
/*Products*/
.r1size table{height:283px; width:182px; margin-left:25px}.r1size img{width:136px; height:140px; padding:0}
.r2size 	{height:283px; width:251px; margin-left:25px}.r2size img{width:136px}
.r3size 	{height:283px; width:251px; margin-left:25px}.r3size img{width:136px}
.redc14 	{font-size: 14px;color:#9e311d; text-align:center;}
.redc14:a 	{font-size: 14px;color:#9e311d; text-align:center;}
a.redc14:visited{font-size: 14px;color:#9e311d}
a.redc14:hover{color:#181797}
.redc16 	{font-size: 16px;color:#9e311d; text-align:center; font-weight:bold}
/*Search Button*/
.btn 		{background: #114982; /* Old browsers */;color:#ffffff; 
			font-family:Arial, Helvetica, sans-serif;font-weight:bold;border: 1px solid;cursor:pointer;border-color: #ccc #666 #666 #ccc;
			background: -webkit-gradient(linear, left top, left bottom, from(#4A99E8), to(#114982));
			background: -moz-radial-gradient(top,  #4A99E8,  #114982);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A99E8', endColorstr='#114982');
			-o-linear-gradient(top,  #114982 0%,#4a99e8 100%) }
.whiteb16:hover{color: #fff;}
.btnhov		{color:#ffffff;	background: -webkit-gradient(linear, left top, left bottom, from(#6060e6), to(#000033));
			background: -moz-radial-gradient(top,  #6060e6,  #000033);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6060e6', endColorstr='#000033')}
a.btn:hover{color:#ffffff;	background: -webkit-gradient(linear, left top, left bottom, from(#6060e6), to(#000033));
			background: -moz-radial-gradient(top,  #6060e6,  #000033);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6060e6', endColorstr='#000033')}
input.btn:hover{color:#ffffff;	background: -webkit-gradient(linear, left top, left bottom, from(#6060e6), to(#000033));
			background: -moz-radial-gradient(top,  #6060e6,  #000033);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6060e6', endColorstr='#000033')}
div.btn:hover{color:#ffffff;	background: -webkit-gradient(linear, left top, left bottom, from(#6060e6), to(#000033));
			background: -moz-radial-gradient(top,  #6060e6,  #000033);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6060e6', endColorstr='#000033')}

.btn5{border:none; background-color:transparent; color:#1a75ce; font-size:10px; font-weight:bold; cursor:pointer; text-decoration:underline}
a.btn5 :hover{color:#181797}

.btn6{border:none; background-color:transparent; color:#1a75ce; font-size:11px; font-weight:bold; cursor:pointer; text-decoration:underline; padding-top:2px}
a.btn6 :hover{color:#181797}

.btn6w{border:none; background-color:transparent; color:#ffffff; font-size:11px; font-weight:bold; cursor:pointer; text-decoration:underline}
a.btn6w :hover{color:#181797}
.btnw{border:none; background-color:transparent; color:#ffffff; font-size:14px; font-weight:bold; cursor:pointer; text-decoration:none}
a.btnw :hover{color:#181797}

a.btn6r{color:#133388; font-weight: bold; font-size:11px} 
a.btn6r:hover{color:#9e311d}

.mbtn{border:none; background-color:transparent; color:#ffffff; font-size:13px; font-weight:bold; cursor:pointer; text-decoration:none}
a.mbtn :hover{color:#fff}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*redlinks update May 2018*/
	.pipe{float:left; color:#fff; font-size:10px; padding:0 5px 0 5px;}
	.redlnk{
		display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */	
		justify-content: center; align-items: center;
		z-index: 10;
	}
	.rld{float:left;}
	.redlnk a{ font-size:10px;text-decoration:underline;font-weight:bold;cursor:pointer; color:#9e311d;}
	.redlnk a:hover{color:#181797}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/

/*** MENU STYLES ***/
.sf-menu, .sf-menu * {margin:0;	padding:0;list-style:none;}
.sf-menu 	{line-height:13px;font-weight:bold;text-align:center}
.sf-menu ul {position:absolute;top:-999em;width:149px; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:	100%;}
.sf-menu li:hover {visibility:	inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu a 	{display:block;	position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;	top:2.0em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:149px; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:149px; /* match ul width */	top:0;}

/*** DEMO SKIN ***/
.sf-menu 	{float:left;	margin-bottom:0;}
.sf-menu a 	{border-left:2px solid #fff; border-top:2px solid #CFDEFF;	border-bottom:2px solid #0d3864; border-right:2px solid #000; padding:9px 4px 8px 4px;	text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#fff;}
.sf-menu li {
	background: -webkit-gradient(linear, left top, left bottom, from(#4A99E8), to(#114982));
	background: -moz-radial-gradient(top,  #4A99E8,  #114982);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A99E8', endColorstr='#114982');
	background-image: linear-gradient(rgb(69,147,224),rgb(23,82,141));-o-linear-gradient(top,  #114982 0%,#4a99e8 100%)}
.sf-menu li li {
	background: -webkit-gradient(linear, left top, left bottom, from(#4A99E8), to(#114982));
	background: -moz-radial-gradient(top,  #4A99E8,  #114982);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A99E8', endColorstr='#114982');
	background-image: linear-gradient(rgb(69,147,224),rgb(23,82,141));}
.sf-menu li li li {
	background: -webkit-gradient(linear, left top, left bottom, from(#4A99E8), to(#114982));
	background: -moz-radial-gradient(top,  #4A99E8,  #114982);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A99E8', endColorstr='#114982');
	background-image: linear-gradient(rgb(69,147,224),rgb(23,82,141));}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#6060e6), to(#000033));
	background: -moz-radial-gradient(top,  #6060e6,  #000033);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6060e6', endColorstr='#000033'); outline:0;
	background-image: linear-gradient(rgb(69,147,224),rgb(23,82,141));}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right:2em;	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {	position:absolute; display:block; right:7px; top:8px; /* IE6 only */width:12px;	height:10px; text-indent: -999em; overflow:	hidden;
					background:	url(https://metermaster.co.nz/images/all/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top: 9px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/** shadows for all but IE6 *
.sf-shadow ul {
	background:	url('../https://metermaster.co.nz/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}*/
.sf-shadow ul.sf-shadow-off {background: transparent;}
	/*background: -webkit-gradient(radial, left top, left bottom, from(#6060e6), to(#090939));
	background: -moz-radial-gradient(top,  #6060e6,  #090939);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6060e6', endColorstr='#090939');*/
	
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {width:	150px;}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {left:	150px; /* match ul width */top:	0;}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** POPUP LOGIN STYLES ***/
ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:transparent;border:none; }
ul#css3menu1 ul{
	display:none;position:absolute;left:-300px;top:100%;background-color:#FFFFFF; padding:0;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;
	*display:inline;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:right;text-decoration:underline;font:bold 10px Trebuchet MS;color:#1a75ce;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:0;background-color:transparent;background-image:url("mainbk.png");background-repeat:repeat;background-position:0;border:none;}
ul#css3menu1 ul li{
	float:none;margin:0;}
ul#css3menu1 ul a{
	text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{background-color:transparent;border:none;color:#181797;text-decoration:underline;}
ul#css3menu1 span{display:block;overflow:hidden;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{background-color:#FFFFFF;background-image:none;color:transparent;text-decoration:none;}
ul#css3menu1 li.topfirst>a{}
ul#css3menu1 li.toplast>a{}


background: #114982; /* Old browsers */
background: -moz-linear-gradient(top,  #114982 0%, #4a99e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114982), color-stop(100%,#4a99e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #114982 0%,#4a99e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #114982 0%,#4a99e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #114982 0%,#4a99e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #114982 0%,#4a99e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114982', endColorstr='#4a99e8',GradientType=0 ); /* IE6-9 */

	ul.enlarge{	list-style-type:none; /*remove the bullet point*/}
	ul.enlarge li{	 /*display:inline-block;places the images in a line*/
	position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
	z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
	}/*space between the images*/
	ul.enlarge span
	{
	position:absolute; /*see support section for more info on positioning*/
	top: -9999px; /*moves the span off the page, effectively hidding it from view*/
	}	
	ul.enlarge li:hover
	{	
	z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
	cursor:pointer; /*changes the cursor to a hand*/
	}
	/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
	ul.enlarge li:hover span
	{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
	top: -150px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
	left: -5px; /*distance from the left of the thumbnail to the left of the popup image*/
	}

.line14 {
    line-height: 14px;
}

.third {
    width:33%   
}

.half {
    width:50%
}

.thirtypc {
    width:30%
}

.menuheight {
    height:16.2em;
}
.b {font-weight: 600;}
/*svg*/
.arrow{stroke:#122a52; stroke-width:2; fill:none;}