@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,700');

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{background-color:#383740; color:#000;font-family: 'Roboto', sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size: 1em; font-weight:400;line-height: 1.4;}
body{background-color:#383740;margin:0 0 20px 0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0 0 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:6px 10px;vertical-align:top }
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/* GLOBAL STYLES */
/* GENERAL*/
.Center {text-align:center} .Right {text-align:right!important} .Justify {text-align:justify}
.Clear {clear:both;width:1px;height:1px}
.Inline {display:inline}
.Nowrap {white-space:nowrap}
.Highlight {background-color:#f8f8f8; border-bottom:1px dotted#ccc;border-top:1px dotted #ccc;color:#000;padding:10px 10px;}
.Border {border:1px solid #ccc} .Border-bottom {border-bottom:1px solid #ccc}
.Scroll {overflow-x:auto;}
hr {color: #737379}
h1  {color:#383740;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;} 
h2, h3 {color:#383740;font-family: 'Roboto V', sans-serif;font-weight: 400;margin-top:2em;margin-bottom:5px} 
h2.MarginAdjust {margin-top:1em} h3.MarginAdjust {margin-top:1em}
.Large {font-size:1.25em} 
.Small {font-size:0.75em;} 
.datasheet-note {color:#999;font-size:0.875em}
.Colour {color:#737379} 
.nowrap {white-space:nowrap}
nav {font-family: 'Roboto', sans-serif;}
b, strong {font-weight:700} 
img {margin:5px 0;max-width:100%;height:auto}
.transparent {background-color:transparent!important}
.spacer {height:10px}

/*STANDARD LINKS*/
a {text-decoration:none}
/*a:link{color:#16489B;} a:visited{color:#16489B;} a:hover {color:#2566dd;} a:active {color:#4b5980;}*/
a:link{color:#4d72b5;} a:visited{color:#4d72b5;} a:hover {color:#16489B;} a:active {color:#3F5281;}

a.blacklink:link{color:#000!important;} a.blacklink:visited{color:#000!important;} a.blacklink:hover {color:#16489B!important;} a.blacklink:active {color:#3F5281!important;}
.FooterContainer a:link {color:#c8c6b0;} .FooterContainer a:visited {color:#c8c6b0} .FooterContainer a:hover {color:#dedcc3} .FooterContainer a:active {color:#ccc}
/* STANDARD BUTTONS */
a.ButtonG:link {background-color:#a9afb7;-webkit-border-radius: 6px;-moz-border-radius:6px;border-radius:6px;color:#fff;display:inline-block;font-weight:400;font-size:0.875em;padding:7px 14px;margin-bottom:5px;text-align:center;}
a.ButtonG:visited {background-color:#a9afb7;-webkit-border-radius: 6px;-moz-border-radius:6px;border-radius:6px;color:#fff;display:inline-block;font-weight:400;font-size:0.875em;padding:7px 14px;margin-bottom:5px;text-align:center;}
a.ButtonG:hover {background-color:#4d72b5;}
a.ButtonG:active {background-color:#16489B;}
/*Home Page icons*/
.Flex { display: -webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;overflow:auto; width:100%;max-width:100%}
.Flex .DarkBlue:hover {background-color:#383740}
.Flex .DarkBlue:active {background-color:#16489B}
.HP {max-width:180px;width:auto;height:auto}
.DarkBlue {background-color:#2a3e64}/*#244177*/
a.HPicon:link, a.HPicon:visited {color:#dedcc3;display:inline-block;font-family:'Roboto Condensed', sans-serif;font-weight: 400;font-size:0.875em;padding-bottom:5px} 
a.HPicon:link img, a.HPicon:visited img {border-bottom:5px solid #dedcc3;margin-bottom:5px;padding:0px}
a.HPicon:hover {display:inline-block;padding-bottom:5px} 
a.HPicon:hover img {border-bottom:5px solid #dedcc3;padding:0px} 
.fax-number:link, .fax-number:visited {color:#000!important;pointer-events: none;}
.fax-number2:link, .fax-number2:visited, .fax-number2:hover, .fax-number2:active {color:#c8c6b0!important;pointer-events: none!important;}
/*UNIQUE*/
.TitleTile { background: url(../images/title-tile-a2.png) no-repeat; background-size: 100% 100%;background-position:left;padding:6px 30px 6px 5px;display:inline-block;min-height:30px;max-width:96%}
.TitleTileB { background: url(../images/title-tile-b.png) no-repeat; background-size: 100% 100%;background-position:left;padding:6px 30px 6px 5px;display:inline-block;min-height:30px;max-width:96%}
.TitleTileZB { background: url(../images/TitleTileZB.png) no-repeat; background-size: 100% 100%;background-position:left;padding:6px 30px 6px 15px;display:inline-block;min-height:16px;max-width:96%;box-sizing:border-box;margin-top:0}
.BreadCrumbs a, .BreadCrumbs span  {padding-right:1em;} .BreadCrumbs {font-size:0.75em}
ul.pdf {display:inline-block;list-style-image:url(../images/pdficon_small.png);margin-top:0;padding-left:0;text-align:left!important}
ul.pdf-b {display:Block;list-style-image:url(../images/pdficon_small.png);text-align:left!important;padding-left:25px;padding-top:0px}
ul.pdf-b li {color:#999;line-height:100%;padding-bottom:10px;} 
ul.ZTop {margin-top:0}
ul.list-spaced li, ul.list-spaced li li {padding:3px 0px;}  ul.list-spaced li.listhead {padding:12px 0}

table.guide {max-width:100%;width:100%;border-left:1px solid #ccc;border-top:1px solid #ccc;font-size:0.75em;}
.guide td.GHead, .guide th {padding:3px 5px;background-color:#eee;vertical-align:middle;white-space:nowrap}
.guide td, .guide th {padding:3px 5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;vertical-align:middle}
.guide tr:nth-child(even) {background: #f8f8f8}
.guide tr:nth-child(odd) {background: #fff}

table.BC {max-width:100%;width:auto;border-spacing:0;border-collapse:collapse}
.BC td {padding:0;margin:0}
/* End Med ia Query for GLOBAL STYLES*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/


/* MEDIA QUERY FOR MOBILE DEVICES*/
@media only screen and (min-width : 285px)  {
/*Structure*/
	.Contain {padding:0 1.5%;width:97%} 
.TopNavContainer, .MainContainer, .FooterContainer, .MenuContainer, .BannerContainer, nav, .ContainMenu {width:100%;padding:0}
.MainContainer {background-color:#ffffff!important;padding-bottom:20px!important;padding-top:1px!important} 
	.Content {background-color:#fff!important;padding:0 0 30px 0!important;margin:0}
.TopNavContainer {background-color:#FFFFFF;background-image:url(../images/header-top-m.jpg);background-position:center bottom; background-repeat:no-repeat; padding:6px 0!important}
.BannerContainer {background-color:#16489B;background-image:url(../images/banner-top-m.jpg);background-position:center top; background-repeat:no-repeat;padding:15px 0!important}	
.MenuContainer {background-color:#d0daeb;border-bottom:none;margin:0;} 
.FooterContainer {background-color:transparent;border-top:15px solid #dedcc3;color:#c8c6b0;font-size:0.875em;padding-bottom:40px!important;padding-top:20px!important;}	

/*Header*/
	.TPNav {font-size:0.75em;text-align:left}
	.TopNavContainer a:link, .TopNavContainer a:visited:link {color:#16489B;margin-left:15px} .TopNavContainer a:hover {color:#2566dd} .TopNavContainer a:active:link {color:#2a3e64}
	.TopNavContainer a.m-logo {margin-left:0!important}
	.Tagline, .SearchTool {margin-top:0;} .SearchTool {color:#16489B/*2AAA74*/}
	.Tag1 {color:#fff;display:inline-block;font-size:1em;margin-right:8px;text-shadow: 1px 1px #000;} 
	.Tag2 {color:#fff;display:inline-block;font-size:0.75em;text-shadow: 1px 1px #000;}
/*Specific styles*/
	h1 {font-size:1.75em}
	h2 {font-size:1.5em;}
	h3 {font-size:1.25em}
	.Logo {max-width:100%;height:auto}
	.Swatches img {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
	
/*General Rows*/
.Row {max-width:96.5%;margin:0;padding:0 1.75%;width:96.5%;overflow:auto} /*Using Rightbox'es*/
.Row-st, .Row-auto {max-width:100%;margin:0;padding:0;width:100%;} /* for use with standard columns Col-*/
.two-thirds, .three-quarters {width:inherit}	
.FirstPara-66 {width:100%;max-width:100%;margin:0;padding:1px 0 1px 0} /* 2/3 width (left hand info) with Rightbox-33 use*/
.FirstPara-75 {width:100%;max-width:100%;margin:0;padding:1px 0 1px 0} /* 3/4 width (left hand info) with Rightbox-25 use*/

/*Right aligned info boxes*/
.RightBox-33 {float:none;max-width:100%; width:100%;} 
.RightBox-25 {float:none; max-width:100%;width:100%;} 
/*Shrink image in mobile*/ 
img.mini {width:auto;height:100px}
/*fitting images on left,if rightboxes are used*/
img.fit-33 {width:auto;max-width:100%;height:auto} /*use with RightBox-33*/
img.fit-25 {width:auto;max-width:100%;height:auto} /*use with RightBox-25*/

/*Columns/Column Padding*/ 
.HPCol {float:none;margin:5px 1.75%!important;padding:0!important; width:96.5%}
.Col-M-1, .Col-M-2, .Col-M-3, .Col-M-5, .Col-M-7, .Col-M-8, .Col-M-9, .Col-M-10, .Col-M-11, .Col-M-12 {float:none;margin:0;padding:0px 1.75%; width:96.5%;}
.Col-M-3 {float:left;margin:0px 1.75%;width:21.5%}
.Col-M-4 {float:left;margin:0px 1.75%;width:29.5%}
.Col-M-6 {float:left;margin:0px 1.75%;width:46.5%}/*[class*="Col-"] {width: 100%;}*/	
.Clear-M {clear:left} /* clears unequal column heights heights while wrapping, apply after Mobile break point*/
/* Responsive Table */
table.Specs {width:100%;border-top:1px solid #ccc}
table.Specs, .Specs thead, .Specs tbody, .Specs th, .Specs td, .Specs tr {display: block;}
.Specs thead tr {display:none}/*{position: absolute;	top: -9999px;left: -9999px;}*/	
.Specs tr {border: 1px solid #ccc;}
.Specs tr:nth-of-type(odd) {background: #f8f8f8;}
.Specs td { /* Behave  like a "row" */border: none;border-bottom: 1px solid #ccc;border-top:0;position: relative;padding-left: 30%;text-align:left}
.Specs td:before {	/* Similar to table headers */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width:40%;padding-right: 10px; white-space: nowrap;text-align:left}
.Specs td.SpecsH  {border-bottom:2px solid #ccc;color:#000;border-top:0px solid #ccc;background-color:#ddd;font-weight:bold;font-size:16px}
.Specs td.HideCell {display:none}
.Specs .MHead {background-color:#eee!important;font-weight:bold}
	.Specs ul {font-size:14px} .Specs strong {font-size:1em}
	.Specs td.White {background-color:#fff}	
.Specs li > a:after { content: ''; font-size:14px}
	/* Data Labels */
th[data-label]:before,
td[data-label]:before {content: attr(data-label) ":\00A0";}

/*FORM*/
.FormStyle {background-color:#f8f8f8;border:1px solid #ccc;font-weight:normal;padding:0px 3% 10px 3%;text-align:left;width:93%;}
.FormStyle div.Label {float:none;font-weight:700;font-size:0.875em;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle div.LabelFull {float:none;font-weight:normal;font-size:0.875em;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle div.Input {float:none;font-size:0.75em;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle .InputBox {border:1px solid #ccc; color:#16489B;font-size:16px;padding:6px 2%;width:94%}
.FormStyle select {font-size:1em} .FormStyle option {font-size:1em}
.Submit {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#a9afb7;color:#f8f8f8;font-size:1.333em;padding:10px}
.Submit:hover {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#4d72b5;color:#eee}
.Submit:active {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#16489B;color:#eee;}	
	
/*SEARCH*/
.SearchBox {background-color:#f8f8f8;border:1px solid #383740;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;color:#383740;font-size:16px; margin:5px 0 0 0;padding:4px 10px;width:auto}
.SearchSubmit {border:1px solid #3F5281;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#dedcc3;color:#3F5281;font-size:1em;padding:4px 10px}
.SearchSubmit:hover {border:1px solid #383740;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#BAC0B3;color:#3F5281}
.SearchSubmit:active {border:1px solid #000;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#000;color:#dedcc3}	

/*Unique styles*/
.HighlightM {background-color:#f8f8f8;border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:5px 10px}
img.Med {width:70%; height:auto}
img.Right {float:right;margin:0 0 5px 10px}
.Large-index {font-size:1em}
/*hide/show*/   
.HideMobile {display:none}	
}
/* End Media Query for MOBILES*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/


/* MEDIA QUERY FOR TABLETS */
@media only screen and (min-width : 481px)  {
/*Structure*/
.Contain {margin:auto;padding:0 1.5%;width:97%}
.TopNavContainer, .MainContainer, .FooterContainer, .MenuContainer, .BannerContainer, Nav, .ContainMenu {width:100%;padding:0;margin:0}
.TopNavContainer {background-color:#FFFFFF;background-image:url(../images/header-top-m.jpg);background-position:center bottom; background-repeat:no-repeat; padding:12px 0 6px 0!important}
.BannerContainer {background-color:#16489B;background-image:url(../images/banner-top-m.jpg);background-position:center top; background-repeat:no-repeat; padding:15px 0!important}	
.MenuContainer {background-color:#d0daeb;border-bottom:none;margin:0;} 
	.Background {background-image:url(../images/back-t.jpg);background-position:center center;background-size:100% auto;}
/*Header*/
	.TPNav {font-size:1em;text-align:right}
	.Tagline .SearchTool {margin-top:0;} .SearchTool {margin-top:0.875em;}
	.Tag1 {color:#fff;display:inline-block;font-size:1.375em;margin-right:10px;text-shadow: 1px 1px #000;} 
	.Tag2 {color:#fff;display:inline-block;font-size:0.875em;text-shadow: 1px 1px #000;}
	.Logo {max-width:100%;height:auto;padding:0}
/*Specific Styles*/
	h1 {font-size:2em}
	h2 {font-size:1.5em;}
	h3 {font-size:1.25em}

/*Right aligned info boxes*/
.RightBox-33 {float:right; padding:0 0 5px 2%; width:31%} 
.RightBox-25 {float:right; padding:0 0 5px 2%; width:23%;}
img.mini {width:auto;height:auto} /*make mobile mini image normal in tablet/desktop*/ 
.RBSame-33 {margin-right:0.5%; padding:0 0 5px 2%!important;width:30.83%!important} /*Exact RBox-33Cen with col-st underneath*/	
.RBSame-25 {margin-right:0.5%; padding:0 0 5px 2%!important;width:22.5%!important} /*Exact RBox-33Cen with col-st underneath*/	
/*fitting images on left, if rightboxes are used*/
img.fit-33 {width:auto;max-width:66%;height:auto} /*use with RightBox*/
img.fit-25 {width:auto;max-width:75%;height:auto} /*use with RightBox-25*/

/*General Row + for Rightbox*/
.Row {max-width:98%;margin:0;overflow:auto;padding:0 1.5%;width:97%;} /*Using Rightbox'es, otherwise Row-st*/
.Row-title p:last-of-type, .Row-title h2:last-of-type, .FirstPara-66 p:last-of-type, .FirstPara-75 p:last-of-type {padding-bottom:0;margin-bottom:0} /*removes padding at bottom of para so paragraph spacing is normal*/
.Row-st {max-width:100%;margin:0 ;overflow:auto;padding:0;width:100%;} /* for use with standard columns Col-*/
.Row-auto {clear:both;display:flex;justify-content:center;margin:auto;overflow:auto;text-align:center;width:100%;max-width:100%;}	
.two-thirds {float:left;padding:0;width:66%;} /*Shorten a standard row to work with Rightbox-33*/
.three-quarters {float:left;padding:0;width:75%;} /*Shorten a standard row to work with Rightbox-25*/
.FirstPara-75 {clear:left;max-width:75%;width:75%;}	/*Prevents firs para from moving to the right of the title*/	
.FirstPara-66 {clear:left;max-width:66%;width:66%;} /*Prevents firs para from moving to the right of the title*/

/*Columns/Column Padding*/ 
.HPCol {float:left;margin:8px 1.5%!important;padding:0!important}
[class*="Col-"] {float:left;margin:0 0.75%;padding:0px 0.75%}
.Col-T-1 {width: 5.33%;} .Col-T-2 {width: 13.66%;} .Col-T-3 {width: 22%;} .Col-T-4 {width: 30.33%;} .Col-T-5 {width: 38.66%;} .Col-T-6 {width: 47%;}
.Col-T-7 {width: 55.33%;} .Col-T-8 {width: 63.66%;} .Col-T-9 {width: 72%;} .Col-T-10 {width: 80.33%;} .Col-T-11 {width: 88.66%;} .Col-T-12 {width: 97%;} 
.Clear-M {clear:none} .Clear-T {clear:left} /* stops mobile clear/clears unequal column heights heights while wrapping, after Tablet break point*/	
/*.Col-T-12 p:last-of-type {padding-bottom:0;margin-bottom:0} spacing fix to keep content below at the correct distance apart*/

/*Forms*/
.FormStyle {;margin-top:10px;padding:0px 3% 10px 3%;text-align:left;width:94%;}
.FormStyle div.Label {float:left;font-weight:700;margin:0px 1% 1px 0px;padding:8px 1% 0 1%; width:25%}
.FormStyle div.LabelFull {float:none;font-weight:normal;margin:0px 1% 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle div.Input {float:left;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:68%}
.FormStyle .InputBox {font-size:16px;padding:4px 1%;width:98%}
		
/*Unique styles*/
.HighlightM {background-color:#fff;border:none;padding:0 0}
img.Med {width:100%; height:auto}
img.Right {float:right;margin:0 0 5px 10px;max-width: 33%}
	
/*Hide/Show*/
.HideMobile {display:inline} .HideTablet {display:none}
}
/* End Media Query for TABLETS*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/


/* MEDIA QUERY FOR DESKTOPS AND LAPTOPS (min-width:1025px-previous) */
@media only screen and (min-width:769px) {
/*Structure*/
.Contain, .ContainMenu {background-color:transparent;margin:0 auto;max-width:1200px;padding:0 1.5%;width:97%} 
.TopNavContainer, .MainContainer, .FooterContainer, .MenuContainer, .BannerContainer, Nav {clear:both;width:100%;padding:0}
.TopNavContainer {background-color:#FFFFFF;background-image:url(../images/header-top.jpg);background-position:center bottom; background-repeat:no-repeat; background-size:90% auto;padding:6px 0!important}
.BannerContainer {background-color:#16489B;background-image:url(../images/banner-top.jpg);background-position:center top; background-repeat:no-repeat;background-size:90% auto;padding:15px 0!important}	
.MenuContainer {background-color:#dedcc3;border-bottom:1px solid #ccc;margin:0;} 

	.Background {background-image:url(../images/back.jpg);background-position:center bottom;background-size:100% auto}	
/*Header*/
	.TPNav {font-size:1em;text-align:right}
	.Tagline {margin-top:0.0em;text-shadow: 1px 1px #000;} .SearchTool {margin-left:3%;margin-top:1.5em;text-align:right;text-shadow: 1px 1px #000;}
	.Tag1 {color:#fff;display:inline-block;font-size:2.0em;margin-right:10px} .Tag2 {color:#fff;display:inline-block;font-size:1.2em}
	.Logo {max-width:100%;height:auto;padding:0}
	.Large-index {font-size:1.25em}
	
/*Specific Styles*/
ul.pdf-b li {line-height:100%;margin-bottom:5px}

	
/*Right aligned info*/
.RightBox-33 {float:right; padding:0 0 5px 2%; width:31%}  
.RightBox-25 {float:right; padding:0 0 5px 2%; width:23%;}
/*fitting images on left, if rightboxes are used*/
img.fit-33 {width:auto;max-width:66%;height:auto} /*use with RightBox*/
img.fit-25 {width:auto;max-width:75%;height:auto} /*use with RightBox-25*/

/*General Rows + for Rightbox*/
.Row {max-width:98%;overflow:auto;margin:0; padding:0 1%;width:98%;} /*Using Rightbox'es*/
.two-thirds {float:left;width:66%;} /*Shorten a standard row to work with a Rightbox-33*/
.three-quarters {float:left;width:75%;} /*Shorten a standard row to work with a Rightbox-25*/
.FirstPara-75 {clear:left;max-width:75%;width:75%}
.FirstPara-66 {clear:left;max-width:66%;width:66%}
.Row80p {max-width:80%!important;margin:auto}

/*Columns/Column Padding*/ 
.HPCol {float:left;margin:8px 1%!important;padding:0!important}	
.Col-1,.Col-2,.Col-3, .Col-4,.Col-5,.Col-6,.Col-7,.Col-8,.Col-9,.Col-10,.Col-11,.Col-12, .Col-M-6, .Col-M-4, .Col-M-3 {float:left;margin:0px 0.5%;padding:0px 0.5%} 
.Col-1 {width: 6.33%;} .Col-2 {width: 14.66%;} .Col-3 {width: 23%;} .Col-4 {width: 31.33%;} .Col-5 {width: 39.66%;} .Col-6 {width: 48%;}
.Col-7 {width: 56.33%;} .Col-8 {width: 64.66%;} .Col-9 {width: 73%;} .Col-10 {width: 81.33%;} .Col-11 {width: 89.66%;} .Col-12 {width: 98%;}
.Clear-T {clear:none} /* stops tablet clear / used for unequal column heights heights while wrapping in tablets*/

/*Responsive Table - doesn't scale down in iPad portrait view*/
table.Specs {border:none;max-width:100%;width:100%;display:table!important}
.Specs thead, .Specs tbody  {display:table-header-group;}
.Specs thead tr {display:table-row;}	
.Specs tr {border: none; display:table-row}
.Specs tr:nth-of-type(odd) {background-color:#fff;border: none; display:table-row}
.Specs th {background-color:#eee;border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:6px 12px;text-align:left;vertical-align:top;display:table-cell}
.Specs td {border-bottom:1px solid #ccc;padding:6px 12px;text-align:left;vertical-align:top;display:table-cell}
.Specs td.HideCell {display:table-cell}
.Specs td:before {display:none}
.Specs td.SpecsH  {display:none}
.Specs .MHead {background-color:#fff!important;font-weight:normal}
.Specs strong {font-size:1em!important}
	
/*Unique styles*/
img.Right {float:right;margin:0 0 5px 10px}
	
/*Hide/Show*/
	.HideTablet {display:inline} .HideDesktop {display:none}
}
/* End Media Query for DESKTOPS and LAPTOPS*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/* MEDIA QUERY larger DESKTOPS AND LAPTOPS (min-width:1025px-previous) */
@media only screen and (min-width:1065px) {
	.Tagline {margin-top:1.2em}	
}
/* End Media Query for largerDESKTOPS and LAPTOPS*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/


/*PRINTING STYLES - TAKE ON DESKTOP*/
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; font-size:11px!important;filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ 
  a, a:visited { text-decoration: none; }
  a[href]:after { content: ""; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img {max-width:100%!important;width:auto!important;height:auto}
  @page { margin: 1.0cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
html, body, .MainContainer {background-color:#ffffff;}
	div {overflow:hidden!important}
h1 {font-size:22px!important} h2 {font-size:16px!important} h2, h3, .MarginAdjust {margin-top:1em!important} 
.BannerContainer {border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:5px}
.FooterContainer {border-top:1px solid #ccc!important;margin-top:30px!important}
.HideDesktop, .TopNavContainer, .MenuContainer, .SearchTool, .BreadCrumbs {display:none!important}
.Row-st {max-width:100%;margin:0;overflow:auto;padding:0;width:100%;}
.Row {max-width:98%;margin:0;overflow:auto;padding:0 1% 0 1%;width:98%;} /*Using Rightbox'es*/
.Row80p {max-width:80%!important;margin:auto} 
.two-thirds {float:left;width:66%;} /*Shorten a standard row to work with a Rightbox-33*/
.three-quarters {float:left;width:75%;} /*Shorten a standard row to work with a Rightbox-25*/
.FirstPara-75 {clear:left;max-width:75%;width:75%}
.FirstPara-66 {clear:left;max-width:66%;width:66%}	
.RightBox-33 {float:right; padding:0 0 5px 3%; width:31%}  
.RightBox-25 {float:right; padding:0 0 5px 2%; width:23%;}
img.Right {float:right;margin:0 0 5px 10px;max-width:33%;height:auto}
.Col-1,.Col-2,.Col-3, .Col-4,.Col-5,.Col-6,.Col-7,.Col-8,.Col-9,.Col-10,.Col-11,.Col-12, .Col-M-6 {float:left;margin:8px 1%;} 
.Col-1 {width: 6.33%;} .Col-2 {width: 14.66%;} .Col-3 {width: 23%;} .Col-4 {width: 31.33%;} .Col-5 {width: 39.66%;} .Col-6 {width: 48%;}
.Col-7 {width: 56.33%;} .Col-8 {width: 64.66%;} .Col-9 {width: 73%;} .Col-10 {width: 81.33%;} .Col-11 {width: 89.66%;} .Col-12 {width: 98%;}
.Clear-T {clear:none} /* stops tablet clear / used for unequal column heights heights while wrapping in tablets*/
.TPNav {font-size:1em;text-align:right}
.Tagline {margin-top:0.0em;text-shadow: 1px 1px #000;} .SearchTool {margin-left:3%;margin-top:1.5em;text-align:right;text-shadow: 1px 1px #000;}
.Tag1 {color:#fff;display:inline-block;font-size:15px!important;margin-right:5px;margin-top:25px;} .Tag2 {color:#fff;display:inline-block;font-size:12px!important;margin-top:25px;}
.Logo {max-width:75px;height:auto;padding:0}
.TitleTile, .TitleTileB, .TitleTileZB { background: url(../images/title-tile-a2.jpg) no-repeat!important; background-size: 100% 100%!important;background-position:left!important;padding:6px 30px 6px 0px!important;display:inline-block!important;margin:0px;min-height:30px!important;max-width:96%!important}
.Border-bottom {border-bottom:1px dotted #ccc!important}
}
/* End Media Query for PRINTING*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/* TOP NAVIGATION MENU*/
.NavColour {background-color:#dedcc3!important} /*Set Main Nav Bar Colour to overide the MenuContainer colour*/

.toggle,
[id^=drop] {display: none;}

/* Giving a background-color to the nav container. */
nav {margin:0;padding: 0;background-color: transparent;z-index:800}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
nav:after {content:"";display:table;clear:both;z-index:800}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {float: left;padding:0;margin:0;	list-style: none;position: relative;}
	
/* Positioning the navigation items inline */
nav ul li {background-color:transparent;display:inline-block;float: left;margin: 0px;}

/* Styling the links */
nav a {display:block;color:#2C2D3C!important;font-size:1em;padding:7px 20px 7px 20px;text-decoration:none;}
nav ul li ul li:hover { background: #DDD; color:#2C2D3C}

/* Background color change on Hover - main items */
nav ul li a:hover {background-color: #999;  color: #2C2D3C!important;} /*TOP BAR*/
/*hover on dropdown items - dropdown items*/
nav ul li ul li a:hover {background-color: #DDD;color: #2C2D3C;} /*DROPDOWNS*/

/* Hide Dropdowns by Default
* and giving it a position of absolute */
nav ul ul {display: none;position: absolute; top: auto;border-top:1px solid #ccc;} 
nav ul ul li {background-color:#eee;border-bottom:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;}
nav ul ul li a {color:#2C2D3C!important;}	nav ul ul li a:hover {color:#2C2D3C!important}	
/* Display Dropdowns on Hover */ 
nav ul li:hover > ul {display:inherit;}
	
/* Fisrt Tier Dropdown */
nav ul ul li {display:list-item;float:none;position: relative;width:auto;width:240px;max-width:100%;z-index:800}

/* Second, Third and more Tiers	 */
nav ul ul ul li {position: relative;top:-44px;left:240px;max-width:100%;} 
nav ul ul ul li:first-of-type {border-top:1px solid #999}
/* has to be the same number as the "width" of "nav ul ul li", child menu does overlay main dropdown*/ 
	
/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after {content:  ' + '; font-size:1.25em;}
nav li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */
@media all and (max-width : 769px) {

	.Plus {display:inline-block;float:right;font-size:1.25em}
	nav {margin: 0;}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {display: none;}

	/* Styling the toggle label */
	.toggle {background-color: transparent;color:#2C2D3C;display: block;font-size:1em;padding:7px 20px;text-decoration:none;}
	.toggle:hover {background-color: transparent;color:#2C2D3C;}
	.toggle:visited {background-color: transparent}
	
	/* Display Dropdown when clicked on Parent Label */
	[id^=drop]:checked + ul {display: block;}

	/* Change menu item's width to 100% */
	nav  {border-bottom:1px solid #ccc;}
	nav ul li {	border-top:1px solid #999; display: block;width: 100%;}

	nav ul ul .toggle,
	nav ul ul a {padding: 0 40px;}

	nav ul ul ul a {padding: 0 80px;}

	nav a:hover,
	nav a:hover,
 	nav ul ul ul a {background-color: #eee;color:#2C2D3C;}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  	nav ul ul ul a {color:#2C2D3C;font-size:1em;padding:7px 20px;}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {background-color: #eeeeee;}  /*first tier dropdown colour*/
	nav ul ul ul a {background-color:#f8f8f8} /*second tier dropdown colour*/
	nav ul ul li {border-bottom:none}

	/* Hide Dropdowns by Default */
	nav ul ul {float: none;position:static;	color: #2C2D3C;}/* has to be the same number as the "line-height" of "nav a" */
	
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {display: none;}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {display: block;width: 100%;}

	nav ul ul ul li {position: static;} /* has to be the same number as the "width" of "nav ul ul li" */ 
}

@media all and (max-width : 330px) {
	nav ul li {display:block;width: 100%;}
}