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

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{background-color:#24252B; color:#24252B;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{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}
.Clear {clear:both;width:1px;height:1px}
.Inline {display:inline}
.Nowrap {white-space:nowrap}
.Highlight {background-color:#BAC0B3; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;color:#fff;padding:7px 7px;}
.Highlight-B {background-color:#605f66; color:#fff;padding:7px 7px;}
h1, .tagline {color:#919295;font-family: 'Roboto Slab', sans-serif;font-weight: 400;} 
h2, h3 {color:#24252B;font-family: 'Roboto Slab', sans-serif;font-weight: 400;} 
.Large {font-size:1.25em}
.Small {font-size:0.75em}
.Bold {font-weight:700}
.MTopZero {margin-top:0px}
nav {font-family: 'Roboto', sans-serif;}
b, strong {font-weight:700} 
img {padding:5px 0;max-width:100%;height:auto} 
img.corners {-webkit-border-radius: 6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #999;padding:0!important;margin:5px 0}
.BannerContainer img {padding:0 0}
.BrightText {color:#cc3366}
/*STANDARD LINKS*/
a:link{color:#4d72b5;} a:visited{color:#4E699A;} a:hover {color:#2566dd;} a:active {color:#4b5980;}
a.blacklink:link{color:#000!important;} a.blacklink:visited{color:#000!important;} a.blacklink:hover {color:#2566dd!important;} a.blacklink:active {color:#4b5980!important;}
a.Home:link, a.Home:visited {background-image:url(../images/HomeButton.jpg);background-position:right center;background-repeat:no-repeat;color:#fff;padding:7px 30px 7px 0px;display:inline-block;width:auto}
a.Home:hover {background-repeat:no-repeat;color:#fff;padding:7px 30px 7px 0px;display:inline-block;text-decoration:underline;width:auto}
.FooterContainer a:link {color:#4d72b5;} .FooterContainer a:visited {color:#4d72b5} .FooterContainer a:hover {color:#2566dd} .FooterContainer a:active {color:#383740}
/* STANDARD BUTTONS */
a.ButtonG:link {background-color:#919295;-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:#919295;-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:#BAC0B3;}
a.ButtonG:active {background-color:#3F5281;}
.fax-number:link, .fax-number:visited {color:#000!important;pointer-events: none;}
/*PROJECT DOWNLOADS INDEX*/
	.P-Download {font-size:0.875em}
.Disclaimer {font-size:0.875em; font-style:italic        }
/* 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%} .ContainBanner {max-width:1300px;padding:0;margin:auto;width:100%}
.HeaderContainer, .MainContainer, .FooterContainer, .MenuContainer, .BannerContainer, nav, .ContainMenu {width:100%;padding:0}
.MainContainer {background-color:#fff;padding-bottom:20px!important} 
.HeaderContainer {background-color:#FFFFFF;padding-top:20px!important;}
.BannerContainer {background-color:#24252B;border-bottom:1px solid #fff;border-top:1px solid #000;line-height:0px;}	
.MenuContainer {background-color:#383740; /* For browsers that do not support gradients */    
    /* background: -webkit-linear-gradient(left, #536490, #3F5281); /* For Safari 5.1 to 6.0 */
    /* background: -o-linear-gradient(right, #536490, #3F5281); /* For Opera 11.1 to 12.0 */
    /* background: -moz-linear-gradient(right, #536490, #3F5281); /* For Firefox 3.6 to 15 */
   /*  background: linear-gradient(to right, #536490, #3F5281); /* Standard syntax (must be last) */} 
.FooterContainer {background-color:#eee;border-top:1px solid #ccc;color:#24252B;font-size:0.875em;padding-bottom:20px!important;padding-top:20px!important;}
/*Specific styles*/
	h1 {font-size:1.75em}
	h2 {font-size:1.5em;}
	h3 {font-size:1.25em}
	.TagR {padding-top:0px;text-align:right}
	.tagline {display:none}/*.tagline {font-size:1.1em;color:#919295}*/
	.Logo {max-width:100%;height:auto}
	.HighlightC,.HighlightC2 {background-color:#eee;border-top:1px solid #383740;border-bottom:5px solid #383740;padding:6px 20px;box-sizing:border-box;display:block;margin:16px 0}
	.HighlightC3 {background-color:#eee;border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:6px 10px;box-sizing:border-box;display:block;margin:6px 0 9px 0}
	/*Home page buttons*/
	a:link.ButtonHP, a:visited.ButtonHP {background-color:#919295;webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; color:#fff;display:inline-block;padding:20px 0;text-align:center;width:48%;margin:8px 2% 8px 0} 
	.HPTR{margin-right:0!important;} 
	.HPR {margin-right:0!important}
	a:hover.ButtonHP {background-color:#BAC0B3} a:active.ButtonHP {background-color:#3F5281}
	table td strong {font-size:0.875em}
	td.CellMid {vertical-align:middle} td.CellBot {vertical-align:bottom} td.HideCellInfo {display:none}
	.Border {background-color:#f8f8f8;border:1px solid #ddd; padding:10px;margin-top:16px}
	.Divider {border-bottom:1px solid #999;margin-bottom:5px!important;padding-bottom:10px!important}

/*General Rows*/
.Row {overflow:auto;max-width:96.5%;margin:0;padding:0 1.75%;width:96.5%;} /*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*/ 
.Col-M-1, .Col-M-2, .Col-M-3,.Col-M-4, .Col-M-5, .Col-M-7, .Col-M-8, .Col-M-9, .Col-M-10, .Col-M-11, .Col-M-12 {float:none;padding:5px 1.75%;width:96.5%}
.Col-M-6 {float:left;padding:5px 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:#d4d7cc;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:#ebedea/*#e3e6e1*/;border:1px solid #ccc;border-radius:6px;font-weight:normal;padding:0px 3% 10px 3%;text-align:left;width:94%;}
.FormStyle div.Label {float:none;font-weight:700;font-size:1em;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle div.LabelFull {float:none;font-weight:normal;font-size:1em;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle div.Input {float:none;font-size:1em;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:98%}
.FormStyle .InputBox {color:#3F5281;font-size:16px;padding:6px 2%;width:94%}
.FormStyle select {font-family: 'Roboto', sans-serif;font-size:16px!important} .FormStyle option {font-family: 'Roboto', sans-serif;font-size:16px!important}
.Submit {border:1px solid #898f98;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#898f98;color:#eee;font-size:1em;padding:10px}
.Submit:hover {border:1px solid #3F5281;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#3F5281;color:#eee}
.Submit:active {border:1px solid #BAC0B3;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#BAC0B3;color:#eee;}
/*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%}
.HeaderContainer, .MainContainer, .FooterContainer, .MenuContainer, .BannerContainer, Nav, .ContainMenu {width:100%;padding:0;margin:0}

/*Specific Styles*/
	h1 {font-size:2em}
	h2 {font-size:1.5em;}
	h3 {font-size:1.25em}
	.TagR {padding-top:15px;text-align:right}
	.tagline {display:none}/*.tagline {font-size:1.2em;color:#919295}*/
	.Logo {width:auto;max-width:100%;height:auto;max-height:50px}
	.Highlight {margin-top:0px} /* removes drawing downloads space above green bar in tablet/desktop*/
	.HighlightC {background-color:#f8f8f8;border-top:1px solid #383740;border-bottom:5px solid #383740;padding:6px 20px;box-sizing:border-box;color:#24252B;display:block;margin:18px 0 16px 0}
	.HighlightC2 {background-color:#f8f8f8;border:1px solid #ddd;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding:6px 20px;box-sizing:border-box;color:#24252B;display:block;margin:34px 0 16px 0}
	.ButtonHPPlus {padding-top:8px} /*adds space around Home page button in top - no p tag*/
	td.CellMid {vertical-align:middle} td.CellBot {vertical-align:bottom} td.HideCellInfo {display:table-cell}
	.Border {background-color:#f8f8f8;border:1px solid #ddd; padding:10px;margin-top:0px}
	.Divider {border-bottom:1px solid #ccc;margin-bottom:10px!important;padding-bottom:10px!important}

/*Right aligned info boxes*/
.RightBox-33 {float:right; padding:0 0 5px 3%; width:38%} 
.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*/ 
/*fitting images on left, if rightboxes are used*/
img.fit-33 {width:auto;max-width:59%;height:auto} /*use with RightBox*/
img.fit-25 {width:auto;max-width:75%;height:auto} /*use with RightBox-25*/

/*General Row + for Rightbox*/
.Row {overflow:auto;max-width:98%;margin:0;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;padding:0;width:100%;} /* for use with standard columns Col-*/
.Row-auto {clear:both;display:flex;justify-content:center;margin:auto;text-align:center;width:100%;max-width:100%;}	
.two-thirds {float:left;padding:0;width:59%;} /*Shorten a standard row to work with Rightbox-33*/
.three-quarters {float:left;width:75%;padding:0} /*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:59%;width:59%;} /*Prevents firs para from moving to the right of the title*/

/*Columns/Column Padding*/ 
[class*="Col-"] {float:left;padding:8px 1.5%;}
.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*/	


/*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%}
/*Hide/Show*/
.HideMobile {display:block} .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 {margin:0 auto;max-width:1200px;padding:0 1.5%;width:97%!important} 
.HeaderContainer, .MainContainer, .FooterContainer, .MenuContainer, .BannerContainer, Nav {clear:both;width:100%;padding:0}
/*Specific Styles*/
	.TagR {padding-top:0px;text-align:right} .TagR img {padding-top:0px!important}
	.tagline {display:inline-block;font-size:1.3em;color:#919295;padding-bottom:10px}
	.Logo {width:auto;max-width:100%;height:auto;max-height:66px}
	/*Home page buttons*/
	a:link.ButtonHP, a:visited.ButtonHP {display:inline-block;width:23%;margin:16px 1% 0px 0px} .HPTR {margin-right:1%!important} .HPR {margin-right:0px!important;}
	.ButtonHPPlus {padding-bottom:8px;padding-top:8px}
/*Right aligned info*/
.RightBox-33 {float:right; padding:0 0 5px 3%; 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 {overflow:auto;max-width:98%;margin:0;padding:0 1% 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%}

/*Columns/Column Padding*/ 
.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;padding: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*/

/*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:#e5e7e0;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}	

.FormStyle {margin-top:1em}
	
/*Hide/Show*/
.HideTablet {display:block} .HideDesktop {display:none}
}
/* End Media Query for DESKTOPS 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: none; 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; }
h1 {font-weight:bold!important;font-size:20px!important;margin-top:8px!important} h2 {font-weight:bold!important;font-size:14px!important;margin-top:16px!important} h3 {font-weight:bold!important;font-size:12px!important}
.FooterContainer {margin-top:32px; border-top:1px solid #ccc!important;padding-top:16px!important;} 
	.FooterContainer p, .FooterContainer sup, .FooterContainer a, .FooterContainer strong {font-size:10px!important} 
.BannerContainer {background-color:#24252B!important;width:100%!important; max-width:100%!important;margin-bottom:8px!important;text-align:center} [class*="BannerContainer"] img {width:100%!important}
.TagR {padding-top:0px;text-align:right} .TagR img {padding-top:0px!important;width:22px!important;height:auto!important}
	.tagline {font-size:1.3em!important;color:#919295!important;padding-bottom:10px!important}
.Logo {width:auto;max-width:100%;height:auto;max-height:46px!important}
a:link.ButtonHP, a:visited.ButtonHP {background-color:#f8f8f8!important;border:1px solid #ccc;padding:1%;text-align:center;display:inline-block;width:21%;margin:0px 1% 0px 0px} .HPTR {margin-right:1%!important} .HPR {margin-right:0px!important;}
.ButtonHPPlus {padding-bottom:8px;padding-top:8px}
a.ButtonG:link, a.ButtonG:visited {background-color:#f8f8f8!important;border:1px solid #ccc!important;-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;}
.HighlightC {background-color:#f8f8f8!important;border-top:1px solid #383740!important;border-bottom:5px solid #383740!important;padding:6px 20px;box-sizing:border-box;color:#24252B;display:block;margin:16px 0 16px 0}
.Border {background-color:#f8f8f8!important;border:1px solid #ddd; padding:10px;margin-top:0px;} .Border p, .Border stong {font-size:9px!important}
.Highlight {background-color:#BAC0B3!important; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;color:#fff;padding:7px 7px;}
.RightBox-33 {float:right; padding:0 0 5px 3%; width:31%}  
.RightBox-25 {float:right; padding:0 0 5px 2%; width:23%;}
img.fit-33 {width:auto;max-width:66%;height:auto}
img.fit-25 {width:auto;max-width:75%;height:auto}
.Row {overflow:auto;max-width:98%;margin:0;padding:0 1% 0 1%;width:98%;}
.two-thirds {float:left;width:66%;}
.three-quarters {float:left;width:75%;}
.FirstPara-75 {clear:left;max-width:75%;width:75%}
.FirstPara-66 {clear:left;max-width:66%;width:66%}
.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;padding: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} 
table.Specs {border:none;max-width:100%;width:100%;display:table!important}
.Specs thead, .Specs tbody  {display:table-header-group!important;}
.Specs thead tr {display:table-row!important;}	
.Specs tr {border: none; display:table-row!important}
.Specs tr:nth-of-type(odd) {background-color:#fff;border: none; display:table-row!important}
.Specs th {background-color:#e5e7e0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:6px 12px;text-align:left;vertical-align:top;display:table-cell!important}
.Specs td {border-bottom:1px solid #ccc;padding:6px 12px;text-align:left;vertical-align:top;display:table-cell!important}
.Specs td.HideCell {display:table-cell!important}
.Specs td:before, .Specs td.SpecsH, .HideDesktop,.HideTablet, nav {display:none!important}
.Specs .MHead {background-color:#fff!important;font-weight:normal}
.Specs strong {font-size:1em!important}
.FormStyle {background-color:#f8f8f8!important;border:1px solid #ccc!important;border-radius:6px;margin-left:4%;margin-top:10px;padding:0px 3% 10px 3%;text-align:left;width:90%!important;float:right!important}
.FormStyle div.Label {float:left!important;font-weight:700;margin:0px 1% 1px 0px;padding:8px 1% 0 1%; width:25%!important}
.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!important;margin:0px 0px 1px 0px;padding:8px 1% 0 1%; width:68%!important}
.FormStyle .InputBox {font-size:16px;padding:4px 1%;width:98%}	.FormStyle select {font-size:1em} .FormStyle option {font-size:1em} input,textarea {background-color:#fff!important;}
.Submit {border:1px solid #898f98;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#898f98;color:#eee;font-size:1em;padding:10px}
.Submit:hover {border:1px solid #3F5281;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#3F5281;color:#eee}
.Submit:active {border:1px solid #BAC0B3;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#BAC0B3;color:#eee;}
.HidePrint {display:none}
}
/* End Media Query for PRINTING*/
/* -------------------------------------------------------------------*/
/* -------------------------------------------------------------------*/

/* TOP NAVIGATION MENU*/
.toggle,
[id^=drop] {display: none;}

/* Giving a background-color to the nav container. */
nav {margin:0;padding: 0;background-color: transparent;z-index:999}
#MenuLBox {display: block;padding: 0px;float: left;font-size:1em;line-height: normal;width:auto;}

/* 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;}

/* 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 */
.Arrow {background-color:transparent;background-image:url(../images/HomeButton2.png);background-repeat:no-repeat;background-position:right center;padding-left:12px!important;padding-right:50px!important}
nav a {display:block;color:#FFF!important;font-size:1em;padding:7px 20px 7px 20px;text-decoration:none;}
nav ul li ul li:hover { background: #BAC0B3; color:#fff}

/* Background color change on Hover - main items */
nav ul li a:hover {background-color: #BAC0B3;  color: #fff;}
/*hover on dropdown items - dropdown items*/
nav ul li ul li a:hover {background-color: #BAC0B3;color: #fff;} 

/* Hide Dropdowns by Default
* and giving it a position of absolute */
nav ul ul {display: none;position: absolute; top: auto;} 
nav ul ul li {background-color:#eee;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;z-index:999}
nav ul ul li a {color:#4b5980!important}	nav ul ul li a:hover {color:#fff!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;}

/* Second, Third and more Tiers	 */
nav ul ul ul li {position: relative;top:-42px;left:240px;} 
/* 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 */
li > a:after { content:  ' + '; font-size:1.25em}
li > a:only-child:after { content: ''; }


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

	#MenuLBox {border-bottom:1px solid #ccc;display: block;	padding: 7px 20px;width: 100%;text-align: left;	float: none;}
	.Plus {display:inline-block;float:right;font-size:1.25em}
	.Arrow {background-color:transparent;background-image:none;padding-right:20px!important;padding-left:20px!important}
	nav {margin: 0;}

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

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

	/* Change menu item's width to 100% */
	nav  {border-top:1px solid #cccc;border-bottom:1px solid #ccc;}
	nav ul li {	border-top:1px solid #ccc; 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: #BAC0B3;color:#fff;}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  	nav ul ul ul a {color:#FFF;font-size:1em;padding:7px 20px;}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {background-color: #eee;}  /*first tier dropdown colour*/
	nav ul ul ul a {background-color:#a9afb7} /*second tier dropdown colour*/
	nav ul ul li {border-bottom:none}

	/* Hide Dropdowns by Default */
	nav ul ul {float: none;position:static;	color: #ffffff;}/* 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%;}
}