/**MAIN**/

html {
    scroll-behavior: smooth;
}

@font-face{    
    font-display: swap;
}

/* Momentum by Pixelarity pixelarity.com @pixelarity License: pixelarity.com/license */
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	padding: 0;
	border: 0;
	margin: 0;
	font: inherit;
        font-size: 100%;
	font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	line-height: 1.3em;
        font-display: swap;
}



#consent-bar {
    width:100%;
    padding:.5em 1em .5em 1em;
    text-align:center;
    position: fixed;
    z-index:80000;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0, 0, 0, 0.8);
    color:white;
}    

#consent-bar button{
    padding:.5em;
    margin-left:1em;
}

#consent-bar button:hover{
}

        
        
#header-wrapper { max-width: 100%;}
.container { max-width: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { /*line-height: 1*/ }
body.homepage { background-color: black; }


ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
        max-width: 100%;
        table-layout: auto;

}
td {
    display:table-cell;
}

body { -webkit-text-size-adjust: none;
       top: 0 !important;
}

img {
    max-width: 100%;
}

/* Box Model */
*, *:before, *:after
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body.ot #content a,body.ot #featured a { color: rgb(0,51,102); }
body.ot #featured a.button { color: white; }
body.ot #content a:hover,body.ot #featured a:hover { color: gray; }
body.ot #featured a.button:hover,body.ot #content a.button:hover { color: white; }
body.utility #content a { color: Navy; }
body.utility #content a:hover { color: DodgerBlue; }

#content img
{
	object-fit: scale-down;
}



#content img.graphic
{
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 600px;
	object-fit: scale-down;
}

.no-sidebar #content img { margin: 1em; }
.no-sidebar #content ul { list-style-position: inside; }

#content img.ovr
{
	max-width: 100%;
	max-height: 50%;
}

iframe.YouTube
{
	max-width: 100%;
	min-height: 250px;
}

img.ar {
    max-height:150px !important;
}

img.drop { box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.25); }

/* Slider */
/* .micro-slider { height: 480px; margin: 64px 0; position: relative; width: 100%; } .micro-slider.fullwidth { height: 480px; margin: 64px 0; } .micro-slider.fullwidth .slider-item { height: 480px; line-height: 480px; width: 100% } .slider-wrapper { overflow: hidden; position: relative; transform-style: preserve-3d; transform-origin: 0 50%; padding:1em; } .slider-item { background: #FFF; box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.12); color: #FFF; display: none; font-size: 1em; height: 320px; line-height: 1em; left: 0; position: absolute; text-align: center; top: 0; width: 320px; } .slider-item img{ height:auto; width:100%; } .slider-wrapper div{ max-width:100%; } .slider-item:not(.active) { cursor: pointer; } .indicators { bottom: 10px; right: 10px; list-style-type: none; margin: 0 0 0 0; padding: 0; position: absolute; } .indicators li { color: #FFF; float: left; height: 16px; margin-right: 8px; text-align: center; width: 16px; } .indicators li:last-child { margin: 0; } .indicators a { background: #FFF; border-radius: 8px; border: 1px solid #E6E9EC; color: #FFF; display: inline-block; height: 16px; width: 16px; } .indicators .active a { background: #E6E9EC; } .microslider h2 { position: absolute !important; z-index: 9000 !important; font-size: 1.5em !important; font-weight: 600 !important; margin: 0; padding: 0; line-height: 1em; } .microslider h2 span { font-size: .6em; font-weight: 400; line-height: 1em; letter-spacing: .06em; } .microslider h3 { position: absolute !important; z-index: 9000 !important; font-size: 1.3em !important; font-weight: 400 !important; } .microslider .strip { position: absolute; bottom: 0; left: 0; display: block; width: 100%; background-color: black; opacity: .7; padding: .5em 1em; margin: 0; height: 4em; } .microslider .strip h2 { font-size: 1em; color: white; float: none; position: relative; display: block; } .microslider .strip h3 { font-size: 1em; color: white; float: none; position: relative; display: block; }*/
/* Containers */
.container
{
	margin-left: auto;
	margin-right: auto;
}

.container.\31 25\25
{
	width: 100%;
	max-width: 1200px;
	min-width: 960px;
}

.container.\37 5\25 { width: 720px; }
.container.\35 0\25 { width: 480px; }
.container.\32 5\25 { width: 240px; }
.container { width: 960px; }

.ucicon
{
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 1.2em;
}

.hnav_alt
	{
		margin: 0 0 2em 0;
		display: block;
	}
        
        h1 {
            font-size:1.8em;
            font-weight: 400;
        }        
        h2 {
            font-size:1.6em;
            font-weight: 400;
        }
        h3 {
            font-size:1.4em;
            font-weight: 600;
        }
        h4 {
            font-size:1.3em;
            font-weight: 600;
        }
        h5 {
            font-size:1.2em;
            font-weight: 600;
        }
        h6 {
            font-size:1.1em;
            font-weight: 600;
        }

@media screen and (min-width: 737px)
{
    #contactNumber { font-size: 1.3em; }
    .mo{
        display:none;
    }
    .tr{
        border-bottom:1px solid lightgray;
    }
    .td{
        
    }
	.logos img
	{
		max-height: 90px;
		width: auto !important;
		height: 90px;
		margin: 0 auto;
	}
	
	.logos {
            margin-bottom: 1em !important;
        }
	
	.hnav
	{
		margin: 0 0 1em 1em;
		display: block;
	}
        
        
	
	.hnav,.hnav_alt * { color: #666666; }
	
	#nav
	{
		width: 100%;
		background-color: transparent;
		margin: 0 auto;
	}
	
	#nav .sky-mega-menu
	{
		max-width: 1200px !important;
		margin: 0 auto;
	}
	
	.rfqs
	{
		position: fixed;
		right: -2em;
		bottom: 10%;
		z-index: 9000;
	}
	
	.rfqs a
	{
		display: block;
		position: relative;
		box-shadow: 0 10px 5px rgba(0, 0, 0, .3);
		margin: 0 0 0 0;
	}
	
	.container.\31 25\25
	{
		width: 100%;
		max-width: 1500px;
		min-width: 1200px;
	}
	
	.container.\37 5\25 { width: 900px; }
	.container.\35 0\25 { width: 600px; }
	.container.\32 5\25 { width: 300px; }
	.container { width: 1200px; }
        .addButtons{
            float:right;
        }
        .addButtons form,.addButtons button{
            display:inline-block;
        }
        .addButtons button{
            padding:.25em .5em;
            border-radius: 3px;
        }
        #sidebar img{
            max-height:110px;
            
        }
        
}

@media screen and (min-width: 737px) and (max-width: 1200px)
{
	#main { padding: 0 1em 0 1em; }
	#contactNumber { font-size: 1.3em; }
	
        
        .hnav
	{
		margin: 0 0 2em 1em;
		display: block;
	}
        
        .hnav_alt
	{
		margin: 0 0 2em 0;
		display: block;
	}
        
	.container.\31 25\25
	{
		width: 100%;
		max-width: 1200px;
		min-width: 737px;
	}
	
	.container.\37 5\25 { width: 750px; }
	.container.\35 0\25 { width: 500px; }
	.container.\32 5\25 { width: 250px; }
	.container { width: 1000px; }
}

@media screen and (max-width: 736px)
{
        
    #main {
        font-size: 16px;
        line-height: 1.5em;
    }
    
    #featured {font-size: 1.3em;}
    
        .do {display:none;}
	.hnav { visibility: hidden; }
        
	.tr {margin-bottom:1em;}
	.container.\31 25\25
	{
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}
	
	.container.\37 5\25 { width: 75%; }
	.container.\35 0\25 { width: 50%; }
	.container.\32 5\25 { width: 25%; }
	.container { width: 100% !important; }
        
        .addButtons {
            float:none;
            display:block;
            text-align:center;
            width:100%;
        }
        
        .addButtons form,.addButtons button{
            display:inline-block;
        }
        .addButtons button{
            padding:.25em .5em;
            border-radius: 3px;
            width:auto;
        }
}

/* Grid */
.row
{
	border-bottom: solid 1px transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.row > *
{
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.row:after, .row:before
{
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.row.uniform > * > :first-child { margin-top: 0; }
.row.uniform > * > :last-child { margin-bottom: 0; }
.row.\30 \25 > * { padding: 0 0 0 0; }
.row.\30 \25 { margin: 0 0 -1px 0; }
.row.uniform.\30 \25 > * { padding: 0 0 0 0; }
.row.uniform.\30 \25 { margin: 0 0 -1px 0; }
.row > * { padding: 0 0 0 40px; }
.row { margin: 0 0 -1px -40px; }
.row.uniform > * { padding: 40px 0 0 40px; }
.row.uniform { margin: -40px 0 -1px -40px; }
.row.\32 00\25 > * { padding: 0 0 0 80px; }
.row.\32 00\25 { margin: 0 0 -1px -80px; }
.row.uniform.\32 00\25 > * { padding: 80px 0 0 80px; }
.row.uniform.\32 00\25 { margin: -80px 0 -1px -80px; }
.row.\31 50\25 > * { padding: 0 0 0 60px; }
.row.\31 50\25 { margin: 0 0 -1px -60px; }
.row.uniform.\31 50\25 > * { padding: 60px 0 0 60px; }
.row.uniform.\31 50\25 { margin: -60px 0 -1px -60px; }
.row.\35 0\25 > * { padding: 0 0 0 20px; }
.row.\35 0\25 { margin: 0 0 -1px -20px; }
.row.uniform.\35 0\25 > * { padding: 20px 0 0 20px; }
.row.uniform.\35 0\25 { margin: -20px 0 -1px -20px; }
.row.\32 5\25 > * { padding: 0 0 0 10px; }
.row.\32 5\25 { margin: 0 0 -1px -10px; }
.row.uniform.\32 5\25 > * { padding: 10px 0 0 10px; }
.row.uniform.\32 5\25 { margin: -10px 0 -1px -10px; }

.\31 2u, .\31 2u\24
{
	width: 100%;
	clear: none;
	margin-left: 0;
}

.\31 1u, .\31 1u\24
{
	width: 91.6666666667%;
	clear: none;
	margin-left: 0;
}

.\31 0u, .\31 0u\24
{
	width: 83.3333333333%;
	clear: none;
	margin-left: 0;
}

.\39 u, .\39 u\24
{
	width: 75%;
	clear: none;
	margin-left: 0;
}

.\38 u, .\38 u\24
{
	width: 66.6666666667%;
	clear: none;
	margin-left: 0;
}

.\37 u, .\37 u\24
{
	width: 58.3333333333%;
	clear: none;
	margin-left: 0;
}

.\36 u, .\36 u\24
{
	width: 50%;
	clear: none;
	margin-left: 0;
}

.\35 u, .\35 u\24
{
	width: 41.6666666667%;
	clear: none;
	margin-left: 0;
}

.\34 u, .\34 u\24
{
	width: 33.3333333333%;
	clear: none;
	margin-left: 0;
}

.\33 u, .\33 u\24
{
	width: 25%;
	clear: none;
	margin-left: 0;
}

.\32 u, .\32 u\24
{
	width: 16.6666666667%;
	clear: none;
	margin-left: 0;
}

.\31 u, .\31 u\24
{
	width: 8.3333333333%;
	clear: none;
	margin-left: 0;
}

.\31 2u\24 + *, .\31 1u\24 + *, .\31 0u\24 + *, .\39 u\24 + *, .\38 u\24 + *, .\37 u\24 + *, .\36 u\24 + *, .\35 u\24 + *, .\34 u\24 + *, .\33 u\24 + *, .\32 u\24 + *, .\31 u\24 + * { clear: left; }
.\-11u { margin-left: 91.66667%; }
.\-10u { margin-left: 83.33333%; }
.\-9u { margin-left: 75%; }
.\-8u { margin-left: 66.66667%; }
.\-7u { margin-left: 58.33333%; }
.\-6u { margin-left: 50%; }
.\-5u { margin-left: 41.66667%; }
.\-4u { margin-left: 33.33333%; }
.\-3u { margin-left: 25%; }
.\-2u { margin-left: 16.66667%; }
.\-1u { margin-left: 8.33333%; }

@media screen and (min-width: 737px)
{
	body.homepage
	{
		background-image: url('/assets/images/wachs-header-2017.png');
		background-repeat: no-repeat;
		background-position: top center;
		background-attachment: fixed;
	}
	
	body.homepage #banner-wrapper { background-color: transparent !important; }
	.row > * { /*padding: 2em 1em 0 1em;*/ }
	.row > div { padding: 1em 1em 0 1em; }
	
	.row
	{
		/*margin: -25px 0 -1px -25px;*/
		margin: 0 auto;
	}
	
	body.homepage div.dropped { margin-top: 3.5em !important; }
	.row.uniform > * { padding: 2em 1em 0 1em; }
	
	.row.uniform
	{
		/*margin: -25px 0 -1px -25px;*/
		margin: 0 auto;
	}
	
	.row.\32 00\25 > * { padding: 50px 0 0 50px; }
	.row.\32 00\25 { margin: -50px 0 -1px -50px; }
	.row.uniform.\32 00\25 > * { padding: 50px 0 0 50px; }
	.row.uniform.\32 00\25 { margin: -50px 0 -1px -50px; }
	.row.\31 50\25 > * { padding: 37.5px 0 0 37.5px; }
	.row.\31 50\25 { margin: -37.5px 0 -1px -37.5px; }
	.row.uniform.\31 50\25 > * { padding: 37.5px 0 0 37.5px; }
	.row.uniform.\31 50\25 { margin: -37.5px 0 -1px -37.5px; }
	.row.\35 0\25 > * { padding: 12.5px 0 0 12.5px; }
	.row.\35 0\25 { margin: -12.5px 0 -1px -12.5px; }
	.row.uniform.\35 0\25 > * { padding: 12.5px 0 0 12.5px; }
	.row.uniform.\35 0\25 { margin: -12.5px 0 -1px -12.5px; }
	.row.\32 5\25 > * { padding: 6.25px 0 0 6.25px; }
	.row.\32 5\25 { margin: -6.25px 0 -1px -6.25px; }
	.row.uniform.\32 5\25 > * { padding: 6.25px 0 0 6.25px; }
	.row.uniform.\32 5\25 { margin: -6.25px 0 -1px -6.25px; }
	
	.\31 2u\28desktop\29, .\31 2u\24\28desktop\29
	{
		width: 100%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 1u\28desktop\29, .\31 1u\24\28desktop\29
	{
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 0u\28desktop\29, .\31 0u\24\28desktop\29
	{
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\39 u\28desktop\29, .\39 u\24\28desktop\29
	{
		width: 75%;
		clear: none;
		margin-left: 0;
	}
	
	.\38 u\28desktop\29, .\38 u\24\28desktop\29
	{
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\37 u\28desktop\29, .\37 u\24\28desktop\29
	{
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\36 u\28desktop\29, .\36 u\24\28desktop\29
	{
		width: 50%;
		clear: none;
		margin-left: 0;
	}
	
	.\35 u\28desktop\29, .\35 u\24\28desktop\29
	{
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\34 u\28desktop\29, .\34 u\24\28desktop\29
	{
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\33 u\28desktop\29, .\33 u\24\28desktop\29
	{
		width: 25%;
		clear: none;
		margin-left: 0;
	}
	
	.\32 u\28desktop\29, .\32 u\24\28desktop\29
	{
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 u\28desktop\29, .\31 u\24\28desktop\29
	{
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 2u\24\28desktop\29 + *, .\31 1u\24\28desktop\29 + *, .\31 0u\24\28desktop\29 + *, .\39 u\24\28desktop\29 + *, .\38 u\24\28desktop\29 + *, .\37 u\24\28desktop\29 + *, .\36 u\24\28desktop\29 + *, .\35 u\24\28desktop\29 + *, .\34 u\24\28desktop\29 + *, .\33 u\24\28desktop\29 + *, .\32 u\24\28desktop\29 + *, .\31 u\24\28desktop\29 + * { clear: left; }
	.\-11u\28desktop\29 { margin-left: 91.66667%; }
	.\-10u\28desktop\29 { margin-left: 83.33333%; }
	.\-9u\28desktop\29 { margin-left: 75%; }
	.\-8u\28desktop\29 { margin-left: 66.66667%; }
	.\-7u\28desktop\29 { margin-left: 58.33333%; }
	.\-6u\28desktop\29 { margin-left: 50%; }
	.\-5u\28desktop\29 { margin-left: 41.66667%; }
	.\-4u\28desktop\29 { margin-left: 33.33333%; }
	.\-3u\28desktop\29 { margin-left: 25%; }
	.\-2u\28desktop\29 { margin-left: 16.66667%; }
	.\-1u\28desktop\29 { margin-left: 8.33333%; }
	div.rfqs { float: none !important; }
	div.rfqs > #sq,div.rfqs > #rq { float: none !important; }
	div.rfqs > #sq a,div.rfqs > #rq a { float: none !important; }
}

@media screen and (min-width: 737px) and (max-width: 1200px)
{
	.row > * { padding: 25px 0 0 25px; }
	.row { margin: 0; }
	footer div.row { margin: -25px 0 0 0; }
	.row.uniform > * { padding: 25px 0 0 25px; }
	.row.uniform { margin: -25px 0 -25px 0; }
	.row.\32 00\25 > * { padding: 50px 0 0 50px; }
	.row.\32 00\25 { margin: -50px 0 -1px -50px; }
	.row.uniform.\32 00\25 > * { padding: 50px 0 0 50px; }
	.row.uniform.\32 00\25 { margin: -50px 0 -1px -50px; }
	.row.\31 50\25 > * { padding: 37.5px 0 0 37.5px; }
	.row.\31 50\25 { margin: -37.5px 0 -1px -37.5px; }
	.row.uniform.\31 50\25 > * { padding: 37.5px 0 0 37.5px; }
	.row.uniform.\31 50\25 { margin: -37.5px 0 -1px -37.5px; }
	.row.\35 0\25 > * { padding: 12.5px 0 0 12.5px; }
	.row.\35 0\25 { margin: -12.5px 0 -1px -12.5px; }
	.row.uniform.\35 0\25 > * { padding: 12.5px 0 0 12.5px; }
	.row.uniform.\35 0\25 { margin: -12.5px 0 -1px -12.5px; }
	.row.\32 5\25 > * { padding: 6.25px 0 0 6.25px; }
	.row.\32 5\25 { margin: -6.25px 0 -1px -6.25px; }
	.row.uniform.\32 5\25 > * { padding: 6.25px 0 0 6.25px; }
	.row.uniform.\32 5\25 { margin: -6.25px 0 -1px -6.25px; }
	
	.\31 2u\28tablet\29, .\31 2u\24\28tablet\29
	{
		width: 100%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 1u\28tablet\29, .\31 1u\24\28tablet\29
	{
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 0u\28tablet\29, .\31 0u\24\28tablet\29
	{
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\39 u\28tablet\29, .\39 u\24\28tablet\29
	{
		width: 75%;
		clear: none;
		margin-left: 0;
	}
	
	.\38 u\28tablet\29, .\38 u\24\28tablet\29
	{
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\37 u\28tablet\29, .\37 u\24\28tablet\29
	{
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\36 u\28tablet\29, .\36 u\24\28tablet\29
	{
		width: 50%;
		clear: none;
		margin-left: 0;
	}
	
	.\35 u\28tablet\29, .\35 u\24\28tablet\29
	{
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\34 u\28tablet\29, .\34 u\24\28tablet\29
	{
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\33 u\28tablet\29, .\33 u\24\28tablet\29
	{
		width: 25%;
		clear: none;
		margin-left: 0;
	}
	
	.\32 u\28tablet\29, .\32 u\24\28tablet\29
	{
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 u\28tablet\29, .\31 u\24\28tablet\29
	{
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 2u\24\28tablet\29 + *, .\31 1u\24\28tablet\29 + *, .\31 0u\24\28tablet\29 + *, .\39 u\24\28tablet\29 + *, .\38 u\24\28tablet\29 + *, .\37 u\24\28tablet\29 + *, .\36 u\24\28tablet\29 + *, .\35 u\24\28tablet\29 + *, .\34 u\24\28tablet\29 + *, .\33 u\24\28tablet\29 + *, .\32 u\24\28tablet\29 + *, .\31 u\24\28tablet\29 + * { clear: left; }
	.\-11u\28tablet\29 { margin-left: 91.66667%; }
	.\-10u\28tablet\29 { margin-left: 83.33333%; }
	.\-9u\28tablet\29 { margin-left: 75%; }
	.\-8u\28tablet\29 { margin-left: 66.66667%; }
	.\-7u\28tablet\29 { margin-left: 58.33333%; }
	.\-6u\28tablet\29 { margin-left: 50%; }
	.\-5u\28tablet\29 { margin-left: 41.66667%; }
	.\-4u\28tablet\29 { margin-left: 33.33333%; }
	.\-3u\28tablet\29 { margin-left: 25%; }
	.\-2u\28tablet\29 { margin-left: 16.66667%; }
	.\-1u\28tablet\29 { margin-left: 8.33333%; }
}

@media screen and (max-width: 736px)
{
    
        table th {
           display:none;
        }
	/*#main-wrapper,#banner-wrapper{ margin-top:11em; }*/
	.hnav { visibility: hidden; }
	.row > * { padding: 15px 0 0 15px; }
	.row { margin: -15px 0 -1px -15px; }
	.row.uniform > * { padding: 15px 0 0 15px; }
	.row.uniform { margin: -15px 0 -1px -15px; }
	.row.\32 00\25 > * { padding: 30px 0 0 30px; }
	.row.\32 00\25 { margin: -30px 0 -1px -30px; }
	.row.uniform.\32 00\25 > * { padding: 30px 0 0 30px; }
	.row.uniform.\32 00\25 { margin: -30px 0 -1px -30px; }
	.row.\31 50\25 > * { padding: 22.5px 0 0 22.5px; }
	.row.\31 50\25 { margin: -22.5px 0 -1px -22.5px; }
	.row.uniform.\31 50\25 > * { padding: 22.5px 0 0 22.5px; }
	.row.uniform.\31 50\25 { margin: -22.5px 0 -1px -22.5px; }
	.row.\35 0\25 > * { padding: 7.5px 0 0 7.5px; }
	.row.\35 0\25 { margin: -7.5px 0 -1px -7.5px; }
	.row.uniform.\35 0\25 > * { padding: 7.5px 0 0 7.5px; }
	.row.uniform.\35 0\25 { margin: -7.5px 0 -1px -7.5px; }
	.row.\32 5\25 > * { padding: 3.75px 0 0 3.75px; }
	.row.\32 5\25 { margin: -3.75px 0 -1px -3.75px; }
	.row.uniform.\32 5\25 > * { padding: 3.75px 0 0 3.75px; }
	.row.uniform.\32 5\25 { margin: -3.75px 0 -1px -3.75px; }
	
	.\31 2u\28mobile\29, .\31 2u\24\28mobile\29
	{
		width: 100%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 1u\28mobile\29, .\31 1u\24\28mobile\29
	{
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 0u\28mobile\29, .\31 0u\24\28mobile\29
	{
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\39 u\28mobile\29, .\39 u\24\28mobile\29
	{
		width: 75%;
		clear: none;
		margin-left: 0;
	}
	
	.\38 u\28mobile\29, .\38 u\24\28mobile\29
	{
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\37 u\28mobile\29, .\37 u\24\28mobile\29
	{
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\36 u\28mobile\29, .\36 u\24\28mobile\29
	{
		width: 50%;
		clear: none;
		margin-left: 0;
	}
	
	.\35 u\28mobile\29, .\35 u\24\28mobile\29
	{
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\34 u\28mobile\29, .\34 u\24\28mobile\29
	{
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\33 u\28mobile\29, .\33 u\24\28mobile\29
	{
		width: 25%;
		clear: none;
		margin-left: 0;
	}
	
	.\32 u\28mobile\29, .\32 u\24\28mobile\29
	{
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 u\28mobile\29, .\31 u\24\28mobile\29
	{
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}
	
	.\31 2u\24\28mobile\29 + *, .\31 1u\24\28mobile\29 + *, .\31 0u\24\28mobile\29 + *, .\39 u\24\28mobile\29 + *, .\38 u\24\28mobile\29 + *, .\37 u\24\28mobile\29 + *, .\36 u\24\28mobile\29 + *, .\35 u\24\28mobile\29 + *, .\34 u\24\28mobile\29 + *, .\33 u\24\28mobile\29 + *, .\32 u\24\28mobile\29 + *, .\31 u\24\28mobile\29 + * { clear: left; }
	.\-11u\28mobile\29 { margin-left: 91.66667%; }
	.\-10u\28mobile\29 { margin-left: 83.33333%; }
	.\-9u\28mobile\29 { margin-left: 75%; }
	.\-8u\28mobile\29 { margin-left: 66.66667%; }
	.\-7u\28mobile\29 { margin-left: 58.33333%; }
	.\-6u\28mobile\29 { margin-left: 50%; }
	.\-5u\28mobile\29 { margin-left: 41.66667%; }
	.\-4u\28mobile\29 { margin-left: 33.33333%; }
	.\-3u\28mobile\29 { margin-left: 25%; }
	.\-2u\28mobile\29 { margin-left: 16.66667%; }
	.\-1u\28mobile\29 { margin-left: 8.33333%; }
	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], select, textarea { width: 100%; }
        
        #sidebar img{
            max-height:400px;
            width:auto;
            margin:0 auto;
            
        }
}

/* Basic */
body
{
	background: #080808;
	font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: black;
}

body.utility { background: #002D5B; }
body.ot { background: #0C2579; }

input, select, textarea
{
	font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #3d3d3d;
}

br.clear { clear: both; }
strong, b { font-weight: 600; }
em, i { font-style: italic; }

h1, h2, h3, h4, h5, h6
{
	font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #262626;
}

p, ul, ol, dl, table { margin-bottom: 1em; }
p { /*line-height: 1em;*/ }
a { color: #5B202B; }

sub
{
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
}

sup
{
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}

hr
{
	border: 0;
	border-top: solid 1px #ddd;
}

blockquote
{
	border-left: solid 0.5em #ddd;
	padding: 1em 0 1em 2em;
	font-style: italic;
}

#banner-wrapper { width: 100%; }

/* Section/Article */
#specs
{
	background-color: #EDEDED;
	padding: .5em 1em .5em 1em;
	margin-top: 2em;
	margin-bottom: 3em;
}

#specs section { margin-top: 0; }

#specs h2
{
	margin-bottom: 0;
	padding-bottom: 0;
}

#specs li
{
	border-bottom: 1px solid #BBB;
	padding: .5em 0 .5em 0;
}

#specs ul > :last-child { border-bottom: none; }
section, article { margin-bottom: 1em; }
section > :last-child, section:last-child, article > :last-child, article:last-child { margin-bottom: 0; }
footer { padding-top: .5em; }

.subtitle
{
	font-weight: 400;
	color: #a0a0a0;
	text-align: left !important;
}

/* VidBox */
/* The vidbox (background) */
.vidbox
{
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 7500;
	/* Sit on top */
	padding-top: 1em;
	/* Location of the box */
	margin: 0 auto;
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	/* Fallback color */
	background-color: rgba(0,0,0,0.4);
	/* Black w/ opacity */
}

.vidbox iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 80%;
	z-index: 8000;
	margin: 1em 10% 0 10%;
}

/* The Close Button */
.close
{
	position: absolute;
	color: white;
	top: .25em;
	right: .25em;
	z-index: 9000;
	font-size: 200%;
	font-weight: bold;
}

.close:hover, .close:focus
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/* Image */
.image { display: inline-block; }

.fit img, .image.fit
{
	display: block;
	width: 100%;
}

.image.featured
{
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
}

.left
{
	float: left;
	margin: 0 2.5em 2em 0;
}

.right
{
	float: right;
	margin: 0 0 2em 2.5em;
}

.image.right img
{
	position: relative;
	top: 0.35em;
        max-width:250px;
        height:auto;
}

.image .left img
{
	position: relative;
	top: 0.35em;
}

.image.centered
{
	display: block;
	margin: 0 0 2em 0;
}

.image.centered img
{
	margin: 0 auto;
	width: auto;
}

/* Button */
input[type="submit"], input[type="reset"], input[type="button"], button, .button
{
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	display: inline-block;
	padding: 1.1em 1.25em;
	background: #CA0000 linear-gradient(#CA0000,darkred) no-repeat right top;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
        border-radius: 10px;
	background-size: 100% 100%;
	text-decoration: none;
	font-size: 1.10em;
	color: #FFFFFF;
	outline: 0;
	border: 0;
}

.green{
    background: darkolivegreen linear-gradient(#1AA658,darkolivegreen) no-repeat right top !important;
   
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover { background: #951406 linear-gradient(#951406,darkred) no-repeat right top; }
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .button:active { background-color: #951406; }
input[type="submit"].icon, input[type="reset"].icon, input[type="button"].icon, button.icon, .button.icon { position: relative; }

input[type="submit"].icon:before, input[type="reset"].icon:before, input[type="button"].icon:before, button.icon:before, .button.icon:before
{
	margin-right: 0.5em;
	position: relative;
	top: 0.1em;
}

input[type="submit"].alt, input[type="reset"].alt, input[type="button"].alt, button.alt, .button.alt
{
	background-color: #0C2579;
	color: white;
	background-image: url("/assets/images/bg01.png");
}

body.ot #main-wrapper button,body.ot #main-wrapper .button
{
	background-color: #0C2579;
	color: white;
	background-image: url("/assets/images/bg02x.jpg");
}

input[type="submit"].alt:hover, input[type="reset"].alt:hover, input[type="button"].alt:hover, button.alt:hover, .button.alt:hover
{
	color: white;
	background-color: #22348C;
}

input[type="submit"].alt:active, input[type="reset"].alt:active, input[type="button"].alt:active, button.alt:active, .button.alt:active,body.ot #main-wrapper button:active,body.ot #main-wrapper .button:active
{
	color: white;
	background-color: #0C2579;
}

input[type="submit"].alt2, input[type="reset"].alt2, input[type="button"].alt2, button.alt2, .button.alt2,body.utility #main-wrapper button,body.utility #main-wrapper .button
{
	background-color: #0A064B;
	color: white;
	background-image: url("/assets/images/bg01.png");
}

body.ot input[type="submit"].alt2,body.ot input[type="reset"].alt2,body.ot input[type="button"].alt2,body.ot button.alt2,body.ot .button.alt2
{
	background-color: #0C2579;
	color: white;
	background-image: url("/assets/images/bg02x.jpg");
}


input[type="submit"].alt2:hover, input[type="reset"].alt2:hover, input[type="button"].alt2:hover, button.alt2:hover, .button.alt2:hover,body.utility #main-wrapper button:hover,body.utility #main-wrapper .button:hover
{
	color: white;
	background-color: rgb(0,51,102);
}

input[type="submit"].alt2:active, input[type="reset"].alt2:active, input[type="button"].alt2:active, button.alt2:active, .button.alt2:active,body.utility #main-wrapper button:active,body.utility #main-wrapper .button:active
{
	color: white;
	background-color: rgb(0,51,102);
}

body.ot input[type="submit"].alt2:active, body.ot input[type="reset"].alt2:active, body.ot input[type="button"].alt2:active, body.ot button.alt2:active, body.ot .button .alt2:active
{
	color: white;
	background-color: #0C2579;
}

input[type="submit"].big, input[type="reset"].big, input[type="button"].big, button.big, .button.big
{
	width: 100%;
	font-size: 1.2em;
	padding: 1.30em 0 1.30em 0;
	font-weight: 400;
	text-align: center;
}

/* List */
#content ul
{
	list-style: disc;
	padding-left: 1em;
}

ul.default
{
	list-style: disc;
	padding-left: 1em;
}

ul.default li { padding-left: 0.5em; }

ul.style1 li
{
	padding: 0 0 .375em 0;
	/*line-height:1em;*/
	/*border-top: 1px solid #e0e0e0;*/
}

ul.style1 li a { text-decoration: none; }
ul.style1 a:hover { text-decoration: underline; }
ul.style1 .first { padding-top: 0; }

ul.style2 li
{
	clear: both;
	padding: .5em 0 .5em 0;
}

ul.style2 a
{
	text-decoration: none;
	color: #7f7f7f;
	padding-top: 1em;
}

ul.style2 a:hover { text-decoration: underline; }

ul.style2 h3
{
	font-weight: 400;
	margin: 0;
}

ul.style2 h3 a
{
	display: block;
	padding: 0.25em 0 0.75em 0;
	color: #262626;
}

ul.style2 .first { padding-top: 0; }

ul.style3 li
{
	position: relative;
	line-height: 1.3em;
	padding: 0 0 .25em 48px;
	margin: 0 0 .5em 0;
}

ul.style3 li:before
{
	cursor: default;
	position: absolute;
	left: 0;
	top: 0;
	background: #474747;
	color: #fff;
	width: 32px;
	height: 32px;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
}

ul.style3 li:first-child { margin-top: 0; }
ul.actions { cursor: default; }
ul.actions:last-child { margin-bottom: 0; }

ul.actions li
{
	display: inline-block;
	padding: 0 0 0 1em;
}

ul.actions li:first-child { padding: 0; }

ul.actions.vertical li
{
	display: block;
	padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child { padding: 0; }

ol.default
{
	list-style: decimal;
	padding-left: 1.25em;
}

ol.default li { padding-left: 0.25em; }

/* Form */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="date"], select, textarea
{
	/*-moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;*/
	-moz-transition: border-color 0.2s ease-in-out;
	-webkit-transition: border-color 0.2s ease-in-out;
	-ms-transition: border-color 0.2s ease-in-out;
	transition-property: border-color;
        transition-delay: .5s;
        transition-timing-function: ease-out;
        transition-duration: 2s;
	    background-image: linear-gradient(bottom, #FFFFFF 50%, #DEDEDE 100%);
background-image: -o-linear-gradient(bottom, #FFFFFF 50%, #DEDEDE 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 50%, #DEDEDE 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 50%, #DEDEDE 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 50%, #DEDEDE 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, #FFFFFF),
	color-stop(1, #DEDEDE)
);
	border: solid 1px #666;
	color: inherit;
	display: block;
	outline: 0;
	padding: 0.75em;
	text-decoration: none;
	width: auto;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, select:focus, textarea:focus { border-color: gray; }
input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="email"] { line-height: 1.5em; }

input.qty
{
	display: inline;
	text-align: center;
}

label
{
	display: inline;
	color: inherit;
	font-weight: 600;
	line-height: 1.75em;
	margin-bottom: 0;
	padding: 0;
}

label.cbox { display: inline; }

::-webkit-input-placeholder
{
	color: #999999;
	position: relative;
	top: 3px;
}

:-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, .formerize-placeholder { color: #999999; }

/* Table */
table
{
	margin: 0 0 2em 0;
	max-width: 100%;
	display: table;

	text-indent: 0;
}

table thead
{
	border-bottom: solid 2px rgba(210,215,217,0.75);
	display: table-header-group;
}

table tbody { display: table-row-group; }
table tbody tr:nth-child(2n+1) { background-color: rgba(230,235,237,0.25); }
table.toolTable tbody tr:nth-child(2n+1){ background-color: rgba(255,255,255,0); }

table tbody tr
{
	border: solid 1px rgba(210,215,217,0.75);
	border-left: 0;
	border-right: 0;
}

table tr { display: table-row; }

table td
{
	padding: 1em .75em .75em .75em;
	/*display: table-cell;*/
	vertical-align: top;
}



table.default { width: 100%; }
table.default tbody tr { border-bottom: solid 1px #e0e0e0; }
table.default td { padding: 0.5em 1em 0.5em 1em; }

table.default th
{
	font-weight: 600;
	padding: 0.5em 1em 0.5em 1em;
	text-align: left;
}

table.default thead
{
	background-color: #555555;
	color: #fff;
}

/* Highlight */
.highlight { position: relative; }

.highlight a
{
	display: block;
	text-decoration: none;
	color: #fff;
}

.highlight .image { margin: 0; }

.highlight header
{       
	-moz-transition: background-color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	background: #5B202B url("/assets/images/bg04.png") no-repeat right top;
	background-size: 100% 100%;
	padding: .5em 100px .25em 2em;
	position: relative;
        min-height:8em;
        /*height:8em;*/
}

.highlight header:before
{
	display: inline-block;
	font-family: icomoon;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f0a9';
	position: absolute;
	right: .7em;
	top: .7em;
	margin-top: 0;
	font-size: 2.5em;
}

.highlight header h2
{
	letter-spacing: -1px;
	margin: 0;
	color: inherit;
}

.highlight header p
{
	font-weight: 400;
	letter-spacing: 0;
	opacity: 0.65;
	color: inherit;
	margin: 0.25em 0 0 0;
	font-size: 1.25em;
	line-height: 1.5em;
}

.highlight a:hover header { background-color: #941C05; }
.highlight a:active header { background-color: #941C05; }

.highlight.alt a header
{
	background-image: none;
	background-color: rgb(0,51,102);
}

.highlight.alt a:hover header { background-color: #142756; }
.highlight.alt a:active header { background-color: #142756; }

.highlight.alt2 a header
{
	background-image: none;
	background-color: #0A064B;
}

body.ot .highlight .alt2 a header
{
	background-image: none;
	background-color: #0C2579;
}



.highlight.alt2 a:hover header { background-color: #22348C; }

body.ot .highlight .alt2 a:hover header,body.ot .highlight .alt2 a:hover
{
color:#e1ff00;}

.highlight.alt2 a:active header { background-color: #0C2579; }

/* Icons */
.icon
{
	text-decoration: none;
	color: lightgray;
}

.icon:before
{
	display: inline-block;
	font-family: icomoon;
	font-size: 1.25em;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon > .label { display: none; }

/* Wrappers */
#header-wrapper
{
	position: relative;
	background-repeat:  no-repeat;
        background-color: #000000;
        background-image: url("/assets/images/4cff2d3cbc05f480c38452c8889d6b5c.jpg");
        background-attachment: fixed;
        background-position:top right;
	top: 0;
}

.utility > #page-wrapper > #header-wrapper
{
	background-color: rgb(0,51,102) !important;
	background-image: url("/assets/images/27bfea3634e042fe6b4e7ce662ee0882.png");
	background-repeat: no-repeat;
        background-position: top right;
        
}

.ot > #page-wrapper > #header-wrapper
{
	/*background-color: #070C25 !important;*/
	background-image: url('/assets/images/f43b9ffe3b60632f6c00d768032c41ac.jpg');
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        background-attachment: scroll;
}

#header-wrapper:before
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: none;
	background-size: 100% 100%;
}

/*.ot > #page-wrapper > #header-wrapper:before { background-image: url("/assets/images/bg02x.jpg"); }*/

#banner-wrapper
{
	position: relative;
	max-width: 100%;
	/*background: #212121 url("/assets/images/overlay.png") repeat;*/
}

#banner-wrapper:before
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url("/assets/images/bg03.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#featured-wrapper, #main-wrapper
{
	position: relative;
	background: #FFFFFF;
	/*background-image: url("/assets/images/gb.gif");*/
	background-position: top center;
	background-repeat: repeat-y;
	/*border:1px solid red;*/
}

#banner-wrapper
{
	background: white;
	/* background-image: url("/assets/images/gb.gif");*/
	/*background-position: top center;*/
	/*background-repeat: repeat-y;*/
}

body.homepage #banner-wrapper { background: black; }

.utility #featured-wrapper, .utility #main-wrapper
{
	background-color: #FFFFFF;
	/*background-image: none;*/
}

.ot #featured-wrapper, .utility #main-wrapper
{
	background-color: #FFFFFF;
	/*background-image: none;*/
}

.homepage #main-wrapper,.division #main-wrapper { background: #EEEEEE; }
#footer-wrapper { position: relative; }

/* Banner */
#banner
{
	position: relative;
	z-index: 1;
	padding: 0 0 0 0 !important;
}

#banner div.row { margin: 0 auto; }

/*#banner div.mainbanner{ float:none !important; clear:both; } #banner .image-full { line-height: 0; margin: 0; }*/
/* Slider */
#slider { background: #111; }

/* Featured */
#featured { overflow: hidden; }
#featured h2 { font-weight: 600; }
#featured h3 { font-weight: 400; }

/* Footer */
#footer { overflow: hidden; }

#footer h2
{
	letter-spacing: -1px;
	color: lightgray;
	padding: 0;
	margin: 0 0 .25em 0;
}

@media screen and (max-width: 736px){
#footer a { font-size:.9em; }    
}

#footer a { color: lightgray; font-size:.9em; }
#footer a.icon { color: white; }

/* Copyright */
#copyright
{
	text-align: center;
	color: #b8b8b8;
}

/* Desktop */

@media screen and (min-width: 737px)
{
	/* Basic */
	body, input, select, textarea
	{
		font-size: 1em;
		/*line-height: 1.75em;*/
                line-height: 1.75em;
	}
	
	h2
	{
		line-height: 1.25em;
		margin: 0 0 1em 0;
	}
	
	h3
	{
		line-height: 1.25em;
		margin: .5em 0 .25em 0;
	}
	
	ul.style2 * { /*border:1px dotted aquamarine;*/ }
	
	ul.style2 li img
	{
		padding: 0;
		margin: 0;
	}
	
	ul.style2 li
	{
		padding: 0;
		margin: 0;
	}
	
	ul.style2 li:first-child
	{
		margin: 1em 0 0 0;
		padding: 0;
	}
	
	ul.style2 li h4
	{
		font-size: 1.5em;
		margin: 0 0 0 1em;
		padding: 1.5em 0;
	}
	
	ul.style2 li,ul.style2 li a { margin: 0; }
	
	ul.style2 img
	{
		margin: 0 1em 0 0;
		padding: 0 1em 0 0 !important;
	}
	
	.subtitle { font-size: 1.25em; }
	
	a.button, a.widelink
	{
		margin-top: .5em;
		margin-right: .5em;
	}
	
        #footer a { font-size:1em; }
        
	/* Wrappers */
	#banner-wrapper
	{
		padding: 2em 0 0 0;
		margin: 0 auto;
	}
	
	#banner-wrapper banner { max-width: 1200px; }
	
	#banner-wrapper div.row
	{
		max-width: 1200px;
		margin: 0 auto;
		padding-bottom: 1em;
	}
	
	#main-wrapper { padding: 2em 0 2em 0; }
	#featured-wrapper { padding: 2em 0 2em 0; }
	#footer-wrapper { padding: 1em 0 1em 0; }
	
	/* Header */
	#header
	{
		position: relative;
		padding: 1em 0 0 0;
	}
	
	#header h1
	{
		letter-spacing: -1px;
		text-align: center;
		font-size: 1.80em;
		font-weight: 600;
                margin-bottom: .5em;
	}
	
	#header h1 a
	{
		text-decoration: none;
		color: #FFFFFF;
		outline: 0;
	}
	
	#header span
	{
		font-weight: 400;
		color: #727272;
	}
	
	/* Nav */
	/*#nav { position: relative; height: 4em; padding-top: 2em; margin: 0px auto; cursor: default; z-index: 400; } #nav > ul > li > ul { display: none; } #nav ul { margin: 0; padding: 0; text-align: center; } #nav li { display: inline-block; margin: 0em 0.50em; } #nav li a { display: inline-block; line-height: 2.5em; padding: 0 1.25em 0 1.25em; text-decoration: none; font-size: 1.05em; color: white; outline: 0; } #nav li:hover a { background: lightgray; background: rgba(55, 55, 55, 1.0); color: #bbb; } .utility #nav li:hover a { background: #00549E; color: white; } #nav li:active a, #nav li.active a { background: white; background: rgba(55, 55, 55, 1.0); color: #fff; } .utility #nav li:active a, .utility #nav li.active a { background-color:#00549E; } #nav li .current_page_item a { background: #5B202B !important; color: #FFFFFF !important; } #nav .first { border-left: none; } .dropotron { background: #454545; background: rgba(55, 55, 55, 1.0); min-width: 15em; padding: 0.75em; box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15); } .utility .dropotron { background: #00549E; } .dropotron li > a, .dropotron li > span { display: block; color: white; text-decoration: none; line-height: 2.75em; padding: 0 1em 0 1em; outline: 0; } .dropotron li:hover > a, .dropotron li:hover > span { background: #202020; color: white; } utility .dropotron li:hover > a, utility .dropotron li:hover > span { background-color:#0C2579; }*/
	/* Content */
	#content
	{
		overflow: auto;
		padding: 0 0 1em 0;
	}
	
	#content p { text-align: left; }
	.homepage #content { padding-bottom: 1em; }
	.left-sidebar #content { padding-left: 3em; }
	.left-sidebar .style2 img { max-width: 10em; }
	.right-sidebar #content { padding-right: 3em; }
	.right-sidebar .style2 img { max-width: 10em; }
	
	#content h2
	{
		margin: 0 0 0.25em 0;
	}
	
	.right-sidebar #content ul
	{
		list-style-position: inside;
		list-style-type: disc;
		padding-left: 2em;
		text-indent: -1.5em;
	}
	
	.right-sidebar #content ul li { margin-bottom: .6em; }
	
	/* Featured */
	#featured h2
	{
		margin: 0 0 0.25em 0;
	}
	
	#featured h3 { font-size: 1.40em; }
	#featured .subtitle { font-size: 1.40em; }
	#featured .image { margin-bottom: 3em; }
	
	/* Slider */
	/*#slider { overflow: hidden; margin: 0 auto; position: relative; height: 370px; cursor: default; } #slider .viewer { margin: 0 auto; } #slider .viewer .reel { display: none; } #slider .viewer .reel .slide { position: relative; width: 1200px !important; } #slider .viewer .reel .slide img { width: 1200px; line-height: 0; position: absolute; top: 0; left: 0; } #slider .info { position: absolute; z-index: 3; width: 100%; top: 7em; right: 4em; padding: 0px 0px 20px 30px; text-align: right; } #slider .info h2 { opacity: 1; line-height: 1.25em; font-size: 3em; font-weight: 500; color: #ffffff; margin: 0; }*/
	/* Logo */
	/* #slider .info h2 img.logo { opacity: 1.0 !important; max-width: 280px !important; display:inline-block; float:none; position: relative !important; margin:0 !important; padding:0 !important; } #slider .info span { display: block; text-decoration: none; opacity: 0.75; font-weight: 400; color: #b4b3b3; font-size: 2.00em; line-height: 1.3em; } #slider .indicator { position: absolute; z-index: 4; bottom: 2em; right: 4em; height: 50px; } #slider .indicator ul { list-style: none; padding: 0; margin: 0; text-align: center; } #slider .indicator ul li { display: inline-block; width: 1em; height: 1em; text-indent: -9999px; background: #555; background: rgba(255, 255, 255, 0.2); margin: 0 0.25em 0 0.25em; border-radius: 50%; } #slider .indicator ul li.active { background: #fff; background: rgba(255, 255, 255, 0.6); }*/
	/* Copyright */
	#copyright
	{
		margin-top: 1em;
		padding: 0 0 2em 0;
	}
	
	img.ar { box-shadow: 0 6px 15px rgba(0,0,0,.3); }
        
        
        table.toolTable input[type="submit"], table.toolTable input[type="reset"], table.toolTable input[type="button"], table.toolTable button, table.toolTable .button
        {
            padding:.25em;
        }
        
}

/* Tablet */

@media screen and (min-width: 737px) and (max-width: 1200px)
{
	/* Basic */
	body
	{
		max-width: 1200px;
		min-width: 737px;
		line-height: 1.75em;
	}
	
	input, select, textarea
	{
		font-size: 9.5pt;
		line-height: 1.75em;
	}
	
	h2 {  }
	h3, .subtitle, .button.big {  }
	.highlight header { padding: 1.5em 80px 1.5em 1.5em; }
	.style3 * { line-height: 1.3em; }
	
	.highlight header:before
	{
		right: 24px;
		margin-top: -24px;
		font-size: 48px;
	}
	
	/* Wrappers */
	#banner-wrapper { /*padding: 1.75em 0 1.75em 0;*/ }
	#featured-wrapper, #main-wrapper { padding: 4em 0 4em 0; }
	#footer-wrapper { padding: 2em 0 2em 0; }
	
	/* Header */
	#header { padding: 1em 0 .5em 0; }
	#header h1 { font-size: 1.8em; }
	
	/* Slider */
	/* #slider { height: 308px; } #slider .viewer .reel .slide { width: 1001px !important; } #slider .viewer .reel .slide img { width: 1001px; top: 0; left: 0; } #slider .info { top: 6em; } #slider .info h2 { font-size: 2.5em; } #slider .indicator { bottom: 1.5em; }*/
	/* Content */
	#content
	{
		overflow: auto;
		padding: 1em 2em 3em 2em;
		font-size: 1.2em;
	}
	
	#content h2
	{
		padding: 0 0 0.25em 0;
		
	}
       
}

/* Mobile */
#navPanel, #titleBar { display: none; }

@media screen and (max-width: 736px)
{
	/* Basic */
	html, body { overflow-x: hidden; }
	
	body, input, select, textarea
	{
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1.75em;
	}
	
	h2, h3, h4, h5, h6
	{
		line-height: 1.25em !important;
		letter-spacing: 0 !important;
		margin: 0 0 .25em 0;
	}
	
	/* Section/Article */
	section, article { margin: 0 0 3em 0 !important; }
	.bordered section { margin: 0 !important; }
	.subtitle { margin: 0 0 2em 0; }
	
        .widelink {
            -moz-appearance: none;
            -webkit-appearance: none;
            -ms-appearance: none;
            appearance: none;
            -moz-transition: background-color 0.25s ease-in-out;
            -webkit-transition: background-color 0.25s ease-in-out;
            -ms-transition: background-color 0.25s ease-in-out;
            transition: background-color 0.25s ease-in-out;
            display: inline-block;
            padding: 1.1em 1.25em;
            background: #7c1601 url("/assets/images/bg04.png") no-repeat right top;
            background-size: 100% 100%;
            text-decoration: none;
            font-size: 1.10em;
            color: #FFFFFF;
            outline: 0;
            border: 0;
            cursor: pointer;
        }
        
        .widelink:hover,.widelink:active{ background-color: #951406; }

        body.ot #main-wrapper .widelink
        {
	background-color: #0C2579;
	color: white;
	background-image: url("/assets/images/bg02x.jpg");
        }
        
        body.utility #main-wrapper .widelink
        {
	background-color: #0A064B;
	color: white;
	background-image: url("/assets/images/bg01.png");
        }
        
        body.utility #main-wrapper .widelink:active,body.utility #main-wrapper .widelink:hover{
                color: white;
                background-color: #22348C;
        }

        body.ot #main-wrapper .widelink:active,body.ot #main-wrapper .widelink:hover{
                color: white;
                background-color: #0C2579;
        }
        
	/* Button */
	input[type="submit"], input[type="reset"], input[type="button"], button, .button, .widelink
	{
		display: block;
                width:100%;
		font-size: 1.3em !important;
		letter-spacing: 0 !important;
		margin-top: .5em;
                margin-bottom:2em;
	}
	
	/* Image */
	.image
	{
		display: block;
		width: 100%;
		margin: 0 0 0 0;
	}
	
	.image .left
	{
		float: left;
		width: 25%;
		margin: 0 2em 1em 0;
	}
	
	img.right
	{
		float: none;
		display: block;
		margin: .5em auto;
	}
        
        .image.right img {
                float:none;
                display:block;
                margin: .5em auto;
                height: auto;
                width: auto;
                max-width: 100%;
                max-height: 100%;
        }
	
	iframe
	{
		display: block;
		max-width: 100%;
		min-height: 250px;
		/*height: auto;*/
	}
	
	/* List */
	ul.style2 li,ul.style3 li, ul.style1 li
	{
		padding: 1em 0;
		font-size: 1.5em;
	}
	
	ul.style2 li.first
	{
		padding: 2em 0 1em 0;
		border-top: 1px solid #e0e0e0;
	}
	
	ul.style2 h4
	{
		margin-top: 2em;
		text-align: center;
	}
	
        ul.style2 a.left {
            float:none;
            margin:0 auto;
        }
        
        #main ul.style2 img{
            max-width:100% !important;
        }
        
	ul.style3 li
	{
		padding: 0 0 0 4em;
		margin-bottom: 1em;
	}
	
	ul.actions
	{
		cursor: default;
		margin-top: 1em;
	}
	
	ul.actions li
	{
		display: block;
		padding: 1em 0 0 0;
	}
	
	ul.actions li input[type="submit"], ul.actions li input[type="reset"], ul.actions li input[type="button"], ul.actions li button, ul.actions li .button
	{
		display: block;
		width: 100%;
	}
	
	ul.actions li:first-child { padding: 0; }
	
	/* Highlight */
	.highlight header { padding: 1.25em 80px 2em 1.25em; }
	
	.highlight header:before
	{
		right: 24px;
		margin-top: -24px;
		font-size: 48px;
	}
	
	/* Off-Canvas Navigation */
	#page-wrapper
	{
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		padding-bottom: 1px;
	}
	
	#titleBar
	{
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		display: block;
		height: 44px;
		left: 0;
		position: static;
		top: 0;
		width: 100%;
		z-index: 10001;
	}
	
	/*#titleBar .toggle { text-indent: -9999px; width: 70px; height: 50px; position: absolute; left: 0; top: 0; } #titleBar .toggle:before { content: ''; position: absolute; left: 10px; top: 10px; background: rgba(128, 128, 128, 0.75); width: 60px; height: 36px; opacity: 0.5; } #titleBar .toggle:after { content: ''; position: absolute; left: 27px; top: 22px; width: 44px; height: 44px; background: url("/assets/images/toggle.svg") 0 0 no-repeat; opacity: 0.6; } #titleBar .toggle:active:before { opacity: 1.0; }*/
	/*#navPanel { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateX(-275px); -webkit-transform: translateX(-275px); -ms-transform: translateX(-275px); transform: translateX(-275px); -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; display: block; height: 100%; left: 0; overflow-y: auto; position: fixed; top: 0; width: 275px; z-index: 10002; background: #111 url("/assets/images/overlay.png") repeat; box-shadow: inset -3px 0px 10px 0px rgba(0, 0, 0, 0.25); } #navPanel .link { display: block; color: #888; text-decoration: none; height: 44px; line-height: 44px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding: 0 1em 0 1em; } #navPanel .link:first-child { border-top: 0; } #navPanel .indent-1 { display: inline-block; width: 1em; } #navPanel .indent-2 { display: inline-block; width: 2em; } #navPanel .indent-3 { display: inline-block; width: 3em; } #navPanel .indent-4 { display: inline-block; width: 4em; } #navPanel .indent-5 { display: inline-block; width: 5em; } #navPanel .depth-0 { color: #fff; } body.navPanel-visible #page-wrapper { -moz-transform: translateX(275px); -webkit-transform: translateX(275px); -ms-transform: translateX(275px); transform: translateX(275px); } body.navPanel-visible #titleBar { -moz-transform: translateX(275px); -webkit-transform: translateX(275px); -ms-transform: translateX(275px); transform: translateX(275px); } body.navPanel-visible #navPanel { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }*/
	/* Wrappers */
	#header-wrapper
	{
		padding: 0;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 950;
                background-image:none;
                
	}
	
	#banner-wrapper
	{
		padding: 0;
		overflow: hidden;
	}
	
	#main-wrapper, #featured-wrapper, #footer-wrapper { padding: 2em 20px 2em 20px; }
	
	/* Header */
	#header h1
	{
		display: block;
		padding: 0 1em;
		letter-spacing: -1px;
		line-height: 1.25em;
		text-align: center;
		font-weight: 600;
	}
	
	#header h1 a
	{
		text-decoration: none;
		color: #FFFFFF;
	}
	
	#header span
	{
		display: block;
		font-size: 0.65em;
		font-weight: 400;
		color: #727272;
		letter-spacing: 0;
	}
	
	/* Banner */
	#banner section { /*margin: 0 0 20px 0 !important;*/ }
	#banner .button { margin: 0; }
	
	/* Slider */
	/*#slider { overflow: hidden; margin: 0 auto; position: relative; width: 100%; margin: 0 0 20px 0; } #slider .viewer { margin: 0 auto; } #slider .viewer .reel { display: none; } #slider .viewer .reel .slide { position: relative; height: auto; } #slider .viewer .reel .slide img { width: 225%; line-height: 0; position: absolute; top: 0; left: 0; } #slider .info { width: 100%; background: rgba(0, 0, 0, 0.8); position: absolute; bottom: 0; text-align: center; z-index: 1; padding: 1em 1.5em 1em 1.5em; } #slider .info h2 { font-weight: 500; color: #ffffff; margin: 0 0 0.1em 0; font-size: 1.25em !important; letter-spacing: 0; } #slider .info h2 br { display: none; } #slider .info span { display: block; opacity: 0.75; font-weight: 400; color: #b4b3b3; } #slider .indicator { position: absolute; top: 20px; left: 0; text-align: center; width: 100%; display: none; } #slider .indicator ul { list-style: none; padding: 0; margin: 0; text-align: center; } #slider .indicator ul li { display: inline-block; width: 1em; height: 1em; text-indent: -9999px; background: rgba(255, 255, 255, 0.5); margin: 0 0.25em 0 0.25em; border-radius: 50%; } #slider .indicator ul li.active { background: rgba(255, 255, 255, 0.75); }*/
	/* Nav */
	/*#nav { display: none; }*/
	/* Featured */
	#content { font-size: 1em; }
	#featured h2 { margin: 0 0 0.25em 0; }
	
	/* Sidebar */
	#sidebar ul.style2 li.first
	{
		padding-top: 0;
		border-top: 0;
	}
	
	#content div.row div
	{
		margin-top: 1em;
	}
	
	img.drop { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25); }
        table{max-width:100%;}
        
        th,td{display:block;}
        
        table td{
            padding:.25em;
        }
        
        .toolTable tr.everything td{
            padding:.25em;
        }
        
        .toolTable tr.everything{
            padding:.25em;
        }
        
        table.toolTable input[type="submit"], table.toolTable input[type="reset"], table.toolTable input[type="button"], table.toolTable button, table.toolTable .button{
            width:auto;
            display:inline-block;
        }
}

#mdsfTable
{
	display: block;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
}

#mdsfTable img{
    max-width:100%;
    width:100%;
    object-fit: cover;
}


.icons
{
	background-image: url('https://images.ehwachs.com/cp_icons.png');
	background-position: 0 0;
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	height: 48px;
	width: 48px;
	display: inline-block;
	/*overflow: hidden;*/
}

.pdf { background-position: 0 0; }
.zip { background-position: 0 -48px; }
.txt { background-position: 0 -96px; }
.exe { background-position: 0 -144px; }
.cab { background-position: 0 -192px; }

@media screen and (min-width: 670px)
{
        .mobileOnly {
        display:none;
    }
    .desktopOnly {
        display:inline-block;
    }
    
    
	#cmap
	{
		position: relative;
		margin: 0;
		width: 667px;
		height: 375px;
		background-image: url('https://www.ehwachs.com/core/img/Continents.png');
		background-position: 0 0;
		color: white;
	}
	
	#cmap a
	{
		border: none;
		color: darkslategray;
		text-decoration: none;
		font-weight: bold;
		text-align: left;
	}
	
	#cmap a:hover { color: darkblue; }
	
	#cmap a.na
	{
		position: absolute;
		display: block;
		left: 50px;
		top: 10px;
		width: 170px;
		height: 200px;
		padding-top: 130px;
		padding-left: 1em;
	}
	
	#cmap a.sa
	{
		position: absolute;
		display: block;
		left: 50px;
		top: 210px;
		width: 220px;
		height: 150px;
		padding-top: 25px;
		padding-left: 6em;
	}
	
	#cmap a.oc
	{
		position: absolute;
		display: block;
		right: 40px;
		top: 250px;
		width: 150px;
		height: 75px;
		text-align: right;
	}
	
	#cmap a.af
	{
		position: absolute;
		display: block;
		left: 290px;
		top: 160px;
		width: 100px;
		height: 150px;
		padding-top: 25px;
		text-align: center;
	}
	
	#cmap a.as
	{
		position: absolute;
		display: block;
		left: 370px;
		top: 10px;
		width: 250px;
		height: 230px;
		padding-top: 100px;
		text-align: left;
		text-indent: 4em;
	}
	
	#cmap a.eu
	{
		position: absolute;
		display: block;
		left: 220px;
		top: 10px;
		width: 150px;
		height: 150px;
		padding-top: 115px;
		padding-left: 2.5em;
		text-align: left;
	}
	
	#cmap a.af:hover, #cmap a.as:hover { color: white; }
}

@media screen and (max-width: 768px)
{
    .mobileOnly {
            display:inline-block;
        }
        .desktopOnly {
            display:none;
        }
    
	#cmap { display: none; }
        
        #dealermap {
            float:none;
            width:100%;
            max-width: 100% !important;
            display:block;
        }
            
}

@media screen and (min-width: 768px){
   #dealermap {
    float:right;
    width:70%;
    max-width:70%;
    }
}

@media screen and (max-width: 480px){
    #content div.row div{
        display: block;
	width: 100%;
    }
}

/**END MAIN**/
#main ul.style2 img { max-width: 150px; height:auto; object-fit: scale-down;}

#content div.searchresults img
{
	height: auto;
	width: auto;
	max-height: 150px;
	max-width: 150px;
	object-fit: scale-down;
}

#content div.searchresults > * { text-align: center; }
h1 { font-size: 2em; }
#content section.training img { max-width: 250px; }
.r90 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);

    /* Firefox */
    -moz-transform: rotate(90deg);

    /* IE */
    -ms-transform: rotate(90deg);

    /* Opera */
    -o-transform: rotate(90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    padding:0;
    margin:0;
}
.gr1 {
    background-color:darkgray;
}
.gr2 {
    background-color:slategray;
}
.blackhead {
    background-color:black;
    color:white;
    vertical-align:middle;
    text-align:center;
}
.h12 {
    width:12em;
}

.toolTable img {
    max-width: 150px;
    height:auto;
}

.toolTable td{
    padding:1em 0 1em 0;
    vertical-align:middle;
}



.fullwidth {
    width:100%;
}

table tr.do td.image{
    padding-left:1em;
}

table td.img {
   padding:0;
}

table td.desc{
    padding-right: 2em;
    padding-left:2em;
}

table td.app{
    padding-right:2em;
}

table td.part{
    min-width:10em;
}

.salesperson img{
    margin:0 auto;
    max-width:100%;
}

.salesperson {
    text-align:center;
}

input:required:invalid, select:required:invalid {
    -moz-box-shadow:none;
    border:1px solid darkcyan;
}

input:focus:invalid {
    -moz-box-shadow:none;
    border:1px solid crimson;
}

input:optional:empty {
    border: 1px solid gray;
}

input[type="file"],input[type="file"]:optional,input[type="file"]:optional:empty,input[type="file"]:optional:visited {
    border: none;
    font-size:1.1em;
}

input:required:valid, select:required:valid,input:optional:visited,select:optional:visited {
    border:1px solid #0C0;
}


select {
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);

    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
select::-ms-expand {
    display:none;
}

select:hover {
    border-color: #888;
}

select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}

select option {
    font-weight:normal;
}





/* Sidebar Nav */

#rnavContain {
                max-width:15em;
                background-color:rgba(0,0,20,.6);
                border-radius: 10px;
                padding:1em 1em 1em .5em;
                position:fixed;
                top:30%;
                right:1.5em;
                font-size:70%;
                z-index:90000;
                transition-property: width;
                transition-duration: 1s;
                
            }
            
            #rnavContain hr{
                margin-left:.5em;
            }
            
            @media screen and (max-width: 1200px)
            {
                #rnavContain {
                    font-size:90%;
                    top:30%;
                    right:1em;
                }
                
            }
            
            @media screen and (max-width: 736px)
            {
                #rnavContain {
                    font-size:70%;
                    top:auto;
                    bottom:5%;
                    right:0;
                    border-top-right-radius:0;
                    border-bottom-right-radius:0;
                }
                
                #rnavContain div.center {
                    font-size:1.6em;
                }
                
                #rnavContain a.sType{
                    font-weight:bold;
                }
                
            }
            #rnavContain.active {
                transition: width 1s;
                width: 5em;
            }
            
            #rnavContain.active div {
                display:none;
                transition: display 1s;
            }
            
            #rnavContain.active div.navWrap {
                display:block;
                transition: display 1s;
            }
            
            #rnavContain.active div.center {
                display:block;
                transition: display 1s;
            }
            
            #rnavContain a {
                color:white;
                cursor: pointer;
                text-decoration: none;
                font-weight:bold;
            }
            
            #rrfqIcon.lit,#rfqIcon.lit {
                color:white;
                text-shadow: 0 0 10px yellow;
                padding: 0 5px;
                background-color:green;
                border-radius:2px;
            }
            
            #rnavContain a:hover {
                text-decoration: underline;
            }
            
            .navWrap {
                display:block;
                text-align:left;
                padding:.5em 0;
            }
            
            
            .navWrap.closer {
                padding-top: 1em;
            }
            
            div.navWrap div {
                display:inline-block;
                text-align: left;
                vertical-align: middle;
                line-height:18px;
            }
            
            #rnavContain div.center {
                display:inline-block;
                text-align:center;
                font-size: 2em;
                width:2em;
            }
            
            #rnavContain.active #rnavActionOpen {
                display:block;
            }
            
            #rnavContain.active #rnavActionClose {
                display:none;
            }
            
            #sitesNav{
                text-align:center;
                background:white linear-gradient(#CCC,white) no-repeat right top;
                display:block;
                font-weight:bold;
                font-size:.8em;
            }
            
            #sitesNav a{
		letter-spacing: .025em !important;
                margin:.5em 0;
                -moz-appearance: none;
                -webkit-appearance: none;
                -ms-appearance: none;
                appearance: none;
                -moz-transition: background-color 1s ease-in-out;
                -webkit-transition: background-color 1s ease-in-out;
                -ms-transition: background-color 1s ease-in-out;
                transition: background-color 1s ease-in-out;
                display: inline-block;
                padding: .25em 1em;
                background: darkred linear-gradient(darkred,red) no-repeat right top;
                border-radius: 10px;
                text-decoration: none;
                color: white;
                outline: 0;
                border: 0;
            }
            
            #sitesNav a:hover{
                background: #333 linear-gradient(#333,#AAA) no-repeat right top;
                color:white;
                box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
                border-radius: 10px;
                background-size: 100% 100%;
            }
    
            @media screen and (max-width: 1200px) and (min-width: 737px){
                
                #sitesNav {
                    font-size:1em;
                    display:relative;
                }
                
            }
            @media screen and (max-width: 768px){
                #sitesNav {
                    display:none;
                }
            }
            
            #sitesBanner-wrapper {
                display:block;
                background-color:white;
                padding-bottom: 2em;
                padding-top: 1em;

            }
            
            #sitesBanner {
                margin: 0 auto;
                width:1200px;
                z-index:1280;
            }
            
            #sitesBanner section {
                font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
                line-height: 1.3em;
                display:block;
                unicode-bidi: isolate;
            }
            
            #sitesBanner a{
                text-decoration: none;
                color:white;
            }
            
            #sitesBanner header {
                display:block;
                padding:1em 1.5em .75em 1.5em;
                font-size:.9em;
                box-sizing: content-box;
                background: black linear-gradient(black,#333333) no-repeat right top;
            }
            
            #sitesBanner header.ot {
                background: #16246A linear-gradient(#16246A,#4345B3) no-repeat right top;
            }
            
            #sitesBanner header.ot:hover {
                background: #4345B3;
            }
            
            #sitesBanner header.ut {
                background: #00124C linear-gradient(#00124C,#142756) no-repeat right top;
            }
            
            #sitesBanner header:hover {
                background: #333333;
            }
            
            #sitesBanner header.ut:hover {
                background: #142756;
            }
            
            #sitesBanner header h2{
                margin-bottom:0;
                color:white;
            }
            
            #sitesBanner header p {
                color:white;
                opacity: 0.65;
                font-size:1.25em;
                line-height: 1.5em;
            }
            
            @media screen and (max-width: 1200px){
                #sitesBanner {
                    max-width:100%;
                }
                
            }
            
            body {
                background-image:url('/assets/images/4cff2d3cbc05f480c38452c8889d6b5c.jpg');
                background-position: bottom right;
                background-attachment: fixed;
                background-repeat: no-repeat;
                background-color:black;
            }
            
            body.utility {
                background-image:url('/assets/images/a75b5274159f75cba74db627541bf8e1.png');
                background-position: bottom left;
                background-attachment: fixed;
                background-repeat: no-repeat;
                background-color:rgb(0,51,102);
            }
            
            body.ot {
                background-image:url('/assets/images/f43b9ffe3b60632f6c00d768032c41ac.jpg');
                background-position: bottom center;
                background-attachment: fixed;
                background-size: cover;
                background-repeat: no-repeat;
                background-color:#070C25;
            }
            
            #debug {
                display:block;
                width:100%;
                height:500px;
            }
            
            div.center {
                text-align: center;
            }
            
            image.centered.nomrg{
                margin:0 auto;
            }
            
            .wideborder {
                border:6pt solid #666666;
                background-color: #DDDDDF;
                border-radius: 12pt;
                box-sizing: border-box;
                max-width: 30%;
                margin:1em;
            }
            
            .wideborder img {
                max-width:100%;
                margin:auto;
            }
            
            body.utility .wideborder {
                max-width:22%;
            }
            
            .wideborder a{
                text-decoration: none;
            }
            
            .wideborder:hover {
                background-color:white;
                border-color: #1AA658;
            }
            
            @media screen and (max-width: 1200px){
               body.utility .wideborder {
                    max-width:22%;
                    display:inline-block;
                    width: 22%;
                    padding: .5em;
                    margin:.5em;
                }
            }
            
            @media screen and (max-width: 736px){
               body.utility .wideborder {
                    max-width:40%;
                    display:inline-block;
                    width:40%;
                    padding: 1em 1em 0 1em;
                    margin: .5em;
                }
                
                .wideborder h3 {
                    
                }
                
                .wideborder {
                    padding-left:0;
                    margin: .5em;
                }
                #sitesBanner header {
                    min-height:4em;
                    height:4em;
                }
            }
            
            @media screen and (max-width: 480px){
               body.utility #content div.row div.wideborder {
                    max-width:40%;
                    display:block;
                    width: 40%;
                } 
            }
            
            
            body #main-wrapper .button.alt3 {
                background-color: #DEDEDE;
                background-image: linear-gradient(#DEDEDE,white,#CCCCCC);
                background-repeat: no-repeat;
                background-position: right top;
                color: black;
                border-radius: 5px;
                border: 1px solid slategray;
                transition-property: all;
                transition-duration: .5s;
            }
            
            body #main-wrapper .button.alt3:hover {
                background-color: darkslategray;
                background-image: linear-gradient(darkslategray,#333);
                background-repeat: no-repeat;
                background-position: right top;
                color: white;
                border-radius: 5px;
                border: 1px solid slategray;
                transition-property: all;
                transition-duration: .5s;
            }
            
/*For the US Map*/
#us-map{
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height:450px;
  max-width:100%;
}
body.ot #us-map path:hover {
   stroke: #0C2579;
   fill: #0C2579;
   stroke-width:2px;
  stroke-linejoin: round;
  cursor: pointer;
}

body.utility #us-map path:hover {
   stroke: #0A064B;
   fill: #0A064B;
   stroke-width:2px;
  stroke-linejoin: round;
  cursor: pointer;
}

#us-map path:hover {
  stroke: #7c1601 ;
  stroke-width:2px;
  stroke-linejoin: round;
  fill: #7c1601 ;
  cursor: pointer;
}
#us-map #path67 {
  fill: none !important;
  stroke: #A9A9A9 !important;
  cursor: default;
}
#stateNamePop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #ffffff;
  border: 2px solid #BF0A30;
  border-radius: 5px;
  padding: 5px;
  font-family: inherit;
}

#content ol {
    list-style: decimal;
    list-style-type: decimal;
    list-style-position: outside;
}

#content ol li{
    margin-left: 2em;
    margin-bottom:.5em;
}