/*
	==========================================================================
	Begin Custom CSS
	==========================================================================
*/

*{
margin:0;
padding:0;
}

html{
height:100%;
position:relative;
}

body{
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:300;
font-size:18px;
text-align:center;
color:#333;
height:100%;
width:100%;
background-color:#5891d6;
background-image:linear-gradient(#5891d6,#090E15);
background-attachment:fixed;
line-height:1.5em;
position:relative;
overflow:auto;
letter-spacing:-.015em;
word-spacing:.02em;
}

p{
margin:0 0 1.5em;
line-height:1.5em;
}

img{
vertical-align:middle;	
margin:0 1.5em 1.5em 0;
}

a img{
border-width:2px;
border-style:solid;
border-color:#CCC;
}

a:link{
color:#0CF;
}

a:visited{
color:#95F;	
}

a:active, a img[src="/images/layout/pdf_logo.gif"]{
border:0;	
}

h1, h2, h3{
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:400;
font-size:1em;
letter-spacing:-.015em;
}

#bodyInner h1, #bodyInner h2{
text-transform:uppercase;
}

h1{
font-size:2.25em;
padding:0;
margin:0 0 .79em;
line-height:1.1em;
font-weight:500;
}

h1 img{
margin:0;
}

h1 .sub{
display:block;
font-weight:300;
font-size:.9em;
}

h2{
font-size:1.8em;
line-height:1em;
margin:0 0 1em;
font-weight:500;
}

h3{
text-transform:none;
font-size:1.65em;
font-weight:500;
line-height:1.3em;
margin:0 0 1.3em;
color:#EEE;
}

video{
background:#000;
}

iframe{
border:0;	
}

/*		Overall Content		*/

#shadowWrap{
width:auto;
margin:0 auto;
position:relative;
z-index:2;
}

#container{
width:1125px;
max-width: 100%;
margin:0 auto;
position:relative;
border-width:0 2px 2px;
border-style:solid;
border-color:#EEE;
background-color:#5891D6;
background-position:top center;
background-repeat:no-repeat;
background-size: contain;
box-shadow:0 0 15px rgba(0,0,0,.35);
}

#header, #body, #footer{
position:relative;
z-index:2;
}

/*		Side Container		*/
#contSide{
display:block;
position:fixed;
right:40px;
top:0;
bottom:10px;
width:80px;
border-left:0;
background:url(../png/logosidebar.png) no-repeat bottom right;
z-index:1;
}

/*		Header		*/

#header{
position:relative;	
}

#headerLogo{
min-height:6.5em;
text-align:left;
background:none;
position:relative;
}

#headerLogo a img{
border:none;
margin:1.25em 0 0 1.5em;
}

#header-menu-button{
display:none;
}

#mobile-tagLine{
display:none;	
}

#tagLine, #mobile-tagLine{
position:absolute;
letter-spacing:0.015em;
text-align:center;
color:#FFF;
bottom:37%;
right:1em;
z-index:3;
font-size:1.65em;
font-style:normal;
border-bottom:none;
padding:0 .65em .1em;
text-shadow:1px 1px 3px #036;
}

#prodMenuTop{
background:#545454;
background:rgba(25,25,25,.6);
overflow:hidden;
clear:both;
border-width:2px 0;
border-style:solid;
border-color:#EEE #000;
text-shadow:0 0 2px #000;
vertical-align:middle;
text-align:center;
}

#prodMenuTop li{
display:inline-block;
vertical-align:middle;
margin:0;
padding:0;
}

#prodMenuTop li span{
font-size:.875em;
color:#E8EDFF;
display:block;	
}

#prodMenuTop a{
color:#FFF;
font-size:.925em;
text-decoration:none;
padding:.35em 1.75em;
line-height:1.3em;
font-weight:400;
display:block;
border-left:1px dotted #3F3F3F;
}

#prodMenuTop li:first-child a{
border-left:none;	
}

#prodMenuTop a:hover{
background:#333;
background:rgba(25,25,25,.35);
}

#prodMenuTop ul, #prodMenuTop li{
list-style:none;
}

#prodMenuTop ul{
padding:0;
}

#headerMenu{
border-width:0 2px 2px 2px;
border-radius:0 0 9px 9px;
border-style:solid;
border-color:#EEE;
position:absolute;
top:0;
right:1em;
}

#headerMenu a{
display:block;
color:#FFF;
font-weight:500;
font-size:.8em;
text-transform:uppercase;
text-decoration:none;
padding:0 1.25em;
background-image:linear-gradient(rgba(40,40,40,.8),rgba(40,40,40,.5));
border-left:2px solid #EEE;
text-shadow:0 0 2px #000;
}

#headerMenu li:first-child a{
border:0;
}

#headerMenu a:hover{
background-image:linear-gradient(rgba(40,40,40,.8),rgba(90,90,90,.5));
}

#headerMenu li{
list-style:none;
float:left;
}

#headerMenu ul > li:first-child a{
border-radius:0 0 0 9px;
}

#headerMenu ul > li:last-child a{
border-radius:0 0 9px 0;
}

#social-widget{
position:absolute;
bottom:.5em;
right:.9em;
min-width:150px;
text-align:right;
}

#social-widget a{
margin:0 0 0 .25em;
display:inline-block;
}

#social-widget a img{
margin:0;
}

/*		Body		*/

#body{
position:relative;
text-align:left;
min-height:40em;
background-image:linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 90%);
color:#FFF;
padding:2.5em 0 2.5em;
font-family:Lato, Arial, sans-serif;
font-weight:400;
letter-spacing:normal;
word-spacing:.025em;
}

#bodyInner{
overflow:hidden;
position:relative;
z-index:2;
padding:0 1.5em;
color:#FFF;
text-shadow:2px 2px 1px rgba(0,0,0,.65),-1px -1px 1px rgba(0,0,0,.65);
font-weight:400;
min-height:40em;
}

#bodyInner h2{
color:#5891d6;
font-weight:500;
}

#bodyInner p{
line-height:1.65em;	
}

#contestIcon{
position:absolute;
top:65px;
left:0;
z-index:1;
}

#contestIcon img{
border:0;
}

.index-feature{
text-align:left;
}

#bodyInner .index-feature h2{
color:#FFF;
font-size:1.75em;
font-weight:500;
letter-spacing:-.015em;
}

.index-feature h2 > span{
display:block;
font-size:.95em;
font-weight:300;	
}

.index-feature a{
border:none;
/*box-shadow:0 1px 5px rgba(0,0,0,.5);*/
margin:0;
}

.index-feature img{
border:none;
/*box-shadow:0 1px 5px rgba(0,0,0,.5);*/
margin:0;
max-height:250px;	
}

.index-feature{
	margin:2em 2em 5em;
}

.beta{
	clear:both;
}

.index-copy{
	margin: 0 -1.25em;
    font-size: 1.15em;
    padding: 1em 5em 2em;
    line-height: 1.5em;
    background: rgba(0,0,0,.25);
}

a.beta{
	display:block;
	border:none;
	text-decoration:none;
	color:#FFF;
	overflow:hidden;
}

a.beta{
	position:relative;
	margin:0 -1.5em 0;
	border-top:1px dotted #5891d6;
	border-bottom:1px solid #5891d6;
}

.beta-pointer{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:5em;
	background: #5891d6 url(../png/bt-next.png) center center no-repeat;
	content:"";
	z-index:0;
	border-top:1px dotted #FFF;
	border-bottom:1px dotted #FFF;
}

a.beta .beta-inner{
	position:relative;
	background-size: cover;
	padding:7em 10%;
	z-index:1;
	left:0;
	transition:left 0.25s ease-in-out; 
	box-shadow:0 0 3px rgba(0,0,0,.75);
}


a.beta:hover .beta-inner{
	left:-5em;
}

#bodyInner a.beta:hover p{
	left:5%;
}

#bodyInner .beta p{
	left:0;
	transition:left 0.25s ease-in-out;
}

#bodyInner a.beta:hover h2{
	left:5%;
}

#bodyInner .beta h2{
	position:relative;
	z-index:1;
	padding:.5em;
	color:#FFF;
	border-bottom:5px solid rgba(88, 145, 214, 1.0);
	font-size:2em;
	left:0;
	transition:left 0.25s ease-in-out;
	text-align:center;
}

.beta h2:after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	border-top:15px solid #FFF;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
}

.beta p{
	position:relative;
	z-index:1;
	padding:0 1em 1em;
	margin:0;
}

.beta h2 span{
	font-weight:300;
	display:block;
	font-size:.85em;
}

.beta-inner:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,.15) url(../png/grad-trans-black-fade.png) center left repeat-y;
	z-index:0;
}

#indexTag{
background:url(../png/blackgrad.png) repeat-x center bottom;
min-height:60px;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
letter-spacing:.015em;
padding:1em;
position:absolute;
top:0;
right:0;
left:0;
color:#FFF;
z-index:0;
text-shadow:1px 1px 2px #303030;
}

#indexText{
color:#FFF;
position:absolute;
top:5em;
right:2em;
width:35%;
font-size:1em;
font-weight:500;
}

#indexText p{
text-shadow:1px 1px 1px #000;
margin:0;
}

#indexText span{
font-weight:500;
}

.index-link{
text-align:right;
display:block;
margin:0 1.25em 2em;
}

.index-link img{
border:0;
margin:0;
}

#bodyText p{
text-align:left;	
}

#bodyMenu{
background:url(../png/35pblack.png) repeat;
position:absolute;
bottom:4em;
left:0;
right:0;
z-index:3;
font-family:Roboto, Arial, Helvetica, sans-serif;
}

div.bodyMenuWrap{
width:25%;
margin:0;
padding:0;
border:0;
text-align:center;
float:left;
position:relative;
}

div.bodyMenuWrap a{
width:100%;	
display:block;
}

div.bodyMenuWrap:hover{
background:url(../png/35pblack.png) repeat;
}

div.subMenu:hover div.bodyMenuSub{
display:block;
}

div.bodyMenuWrap a img{
margin:.5em 0;
}

div.bodyMenuSub{
position:absolute;
left:0;
right:0;
bottom:100%;
display:none;
background:url(../png/35pblack.png) repeat;
text-align:left;
}

div.bodyMenuSub a{
display:block;
color:#FFF;
padding:.75em 0;
text-decoration:none;
}

div.bodyMenuSub a img{
margin:0 .5em 0 1.5em;
}

div.bodyMenuSub a:hover{
background:url(../png/35pblack.png) repeat;	
}

.bodyMenuWrap a.bodyMenuText{
border-width:1px 0 2px;
border-style:solid;
border-color:#C0C0C0 #000 #303030;
background:url(../png/85pgreygrad.png) top center repeat-x;
overflow:auto;
font-size:.9em;
position:relative;
padding:.15em 0;
position:relative;
color:#FFF;
text-decoration:none;
font-weight:400;
line-height:1.3em;
}

.bodyMenuWrap a.bodyMenuText span{
font-size:.9em;
color:#E8EDFF;
display:block;
}

div#bodyMenuText a:hover{
background:#505050;
}

div#bodyOverlay{
position:absolute;
bottom:0;
left:0;
right:0;
width:100%;
height:50px;
background-image:linear-gradient(rgba(192,192,192,0), rgba(192,192,192,1));
z-index:0;
}

#bodyFoot{
clear:both;	
}

/*		Body Content		*/

#fadeCover{
background-color:#036;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:none;
z-index:1;
}

.subFixedH{
height:10em;	
}

#bodyInner li{
list-style-position:outside;
list-style-image:url(../gif/bullet.gif);
line-height: 1.35em;
margin: 0 0 1.35em .5em;
position:relative;
}

#bodyInner li ul{
margin:1em 0 1em 1.5em;	
}

#bodyHeader{
margin:0 0 2.5em;
}

#bodyHeader h1{
width:auto;
}

#bodyHeader .imageGallery{
	width:auto;
	max-width:50%;
}

.pageHeaderFade{
background:none;
color:#FFF;
margin:0;
padding:0;
}

#prodMenu{
font-family:Arial, Helvetica, sans-serif;
display:block;
position:relative;
margin:0 -1.5em 1.5em;
padding:0 0 4px;
clear:both;
border-bottom:2px solid #CCC;
}

#prodMenu li{
position:relative;
text-align:center;
display:inline;
padding:0;
margin:0 0 0 .75em;
list-style:none;
font-size: 13px;
}

#prodMenu li:first-child{
padding:0 .5em;
font-weight:500;
}

#prodMenu a{
padding:0 .5em 6px;
font-size: 13px;
color:#666;
text-decoration:none;
}

#prodMenu a:hover{
color:#404040;
border-bottom:2px solid #CD9F9E;
padding:0 .5em 4px;
}

#prodMenu .activeLink, #prodMenu .activeLink:hover{
color:#202020;
border-bottom:2px solid #C00;
padding:0 .5em 4px;
}

#prodMenu h2{
float:left;
margin:0 .5em;
clear:none;
}

.imageGallery{
text-align:right;
float:right;
width:25%;
position:relative;
z-index:1;
}

.imageGallery a{
border-radius:16px;
}

.imageGallery a span{
display:none;
}

.imageGallery img{
margin:1em;
box-shadow:0 1px 3px #000;
border-radius:16px;
}

.imageGallery.compact a{
display:none;
}

.imageGallery.compact a:first-child{
display:inline-block;
}

#pdfBar{
border-bottom:none;
clear:both;
padding:.15em 0;
overflow:auto;
}

#pdfBar h2{
font-size:1em;
font-weight:500;
text-transform:uppercase;
color:#FFF;
margin:0 0 1em;
}

#pdfBar a{
color:#FFF;
display:block;
margin:0 0 1em;
width:50%;
float:left;
text-decoration:none;
white-space:nowrap;
position:relative;
}

/*		Product Nav Tabs		*/

ul#productNav{
display:flex;
flex-wrap: wrap;
justify-content: center;
background:#333;
background:rgba(0,0,0,.6);
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
font-family:Roboto, Arial, Helvetica, sans-serif;
width:100%;
position:relative;
margin:0;
z-index:1;
margin:0 0 2em;
clear:both;
padding:0;
overflow:auto;
font-size:.95em;
}

ul#productNav > li{
vertical-align:super;
list-style:none;
display:block;
float:left;
margin:0;
padding:.25em 1em;
border-width:2px 0 2px;
border-style:solid;
border-color:#333;
position:relative;
cursor:pointer;
font-size:1em;
font-weight:500;
color:#FFF;
text-transform:uppercase;
}

ul#productNav > li:first-child{
margin:0;
border-width:2px 0;
border-radius:0;
}

ul#productNav > li:last-child{
border-radius:0;
}

ul#productNav > li.activeTab{
border-width:2px 0;
border-color:#5891D6;
color:#FFF;
background-image:linear-gradient(rgba(40,40,40,.8),rgba(40,40,40,.5));
}

ul#productNav > li.activeTab:first-child{
border-radius:0;
}

ul#productNav > li.activeTab:last-child{
border-radius:0;
}

ul#productNav > li:hover{
color:#FFF;
border-color:#5891D6;
}

#productBody{
clear:both;	
}

#productBody.js > div, #productBody.js > h2{
display:none;
}

#productBody.js > div.activePage{
display:block;
}

/*		Footer		*/

#footer{
text-align:left;
position:relative;
z-index:2;
color:#202020;
padding:1.5em 1em .5em;
background:#C0C0C0;
background-image:linear-gradient(#C0C0C0 50%,#AAA);
font-size:.95em;
clear:both;
overflow:auto;
}

#footer h3{
font-size:1.2em;
}

#footer h3{
border-bottom:2px solid #5891D6;
margin:0 0 .5em;
color:#303030;
font-weight:500;
}

#footer a{
color:#202020;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;	
}

#footer ul{
float:left;
width:31%;
margin:0 0 0 2%;
}

#footer ul ul{
margin:0;
float:none;
width:auto;
}

#footer ul li{
list-style:outside none;
font-weight:500;
}

#footer li li{
font-weight:normal;
margin:0 0 .75em;
}

#copyright{
display:none;
}

#copyright a{
padding:0 .35em;
color:#2C486B;
border-right:1px solid #2C486B;
}

#copyright a:last-child{
border-right:none;
}

#footer #copyright{
display:block;
clear:both;
position:relative;
margin:.5em 1em 0 0;
line-height:39px;
text-align:right;
overflow:auto;
}

a#corpLink{
float:left;
margin:0;
border:none;
}

#copyright img{
border:0;
margin:0;
}

/*		Classes		*/
.bold{
font-weight:500;
}

.sup{
font-size:.6em;
position:relative;
top:-.5em;
line-height:.6em;
}

.col30R{
float:left;
width:28%;
padding:0 0 0 2%;
border-left:1px dotted #CCC;
}

.col33{
float: left;
padding: 0 1% 0 0;
width: 32%;
}

.col35L{
display:none;
}

div.video{
clear:both;
margin-bottom:2em;
overflow:auto;
position:relative;
max-width:90%;
}

div.video h3{
clear:none;
}

div.video a[href^="https://www.youtube.com"]{
float:left;
max-width:100%;
position:relative;
margin:0 1em 1em 0;
}

div.video a img{
max-width:100%;
}

#footer .col35L{
display:block;
float:left;
width:34%;
margin:0 1% 1em 0;
}

#footer .col65L{
display:block;
float:left;
margin:0 0 1em;
width:65%;
}

.col70L{
float:left;
margin:0 2% 0 0;
width:67%;	
}

.col50{
float:left;
width:47%;
margin:0 2% 0 0;
display:relative;
}

.col40{
float:left;
width:38%;
margin:0;
}

.col60{
float:left;
width:60%;
}

.colSection{
height:11em;
}

.roundEdgeTop, .roundEdgeBot, .roundEdgeCapTop, .roundEdgeCapBot{
z-index:0;
background-image:none;
background-repeat:no-repeat;
background-position:top left;
height:10px;
margin:0 20px 0 0 ;
position:absolute;
top:-10px;
left:0;
right:0;
}

.roundEdgeBot{
background-position:bottom left;
top:auto;
bottom:-10px;
}

.roundEdgeCapTop, .roundEdgeCapBot{
background-position:top right;
position:relative;
top:auto;
right:-20px;
bottom:auto;
left:auto;
margin:0;
width:20px;
float:right;
}

.roundEdgeCapBot{
background-position:bottom right;
}

.subBlack{
background:url(../png/35pblack.png);
color:#FFF;
}

.subBlack .roundEdgeTop, .subBlack .roundEdgeBot, .subBlack .roundEdgeCapTop, .subBlack .roundEdgeCapBot{
background-image:url(../png/roundedgeblack.png);
}

.section{
clear:both;
border-top:2px solid #4765B9;
overflow:auto;
margin:0 0 1em;
padding:1em 0 0;
}

.section h3, .section h2{
clear:both;	
}

.section p{
text-align:left;	
}

.section p a{
margin-right:1em;
}

.section p a img{
border:0;	
}

.section div{
width:48%;
padding:0 1%;
float:left;
}

.section > a img{
float:left;
margin:.5em 1em;
}

.section a img{
border-width:1px;
border-style:solid;
}

.error{
font-size:1em;
color:#FA0000;
}

.pdfLink, .videoLink{
position:relative;
margin:0 .25em 0 0;
border:0;
}

.imgRight{
clear:right;
float:right;
font-size:1em;
margin:0 0 1.5em 1.5em;
text-align:center;
}

.imgLeft{
clear:left;
float:left;
font-size:0.9em;
margin:0 1em 1em 0;
text-align:center;
width:155px;
}

.floatLeft{
float:left;	
}

.floatRight{
float:right;	
}

.h2web, .h2email, .h2mail, .h2phone, .h2specs, .h2manuals, .h2support{
padding:0 0 0 55px;
position:relative;
margin:2em 0 1em;
}

.h2web div, .h2email div, .h2mail div, .h2phone div, .h2specs div, .h2manuals div, .h2support div{
background-image:url(../png/contact-us-icons.png);
background-repeat:no-repeat;
background-color:transparent;
height:50px;
width:50px;
display:block;
position:absolute;
top:-10px;
left:0;
padding:0;
}

.h2web a, .h2email a, .h2mail a, .h2phone a, .h2specs a, .h2manuals a, .h2support a{
display:block;
position:relative;
line-height:1em;
color:#5891d6;
}

h2 a{
text-decoration:none;
}

h2 a:hover{
text-decoration:underline;
}

.h2web div{
background-position:-150px -150px;
}

.h2phone div{
background-position:-100px -200px;
}

.h2email div{
background-position:-50px -250px;
}

.h2mail div{
background-position:0 -300px;
}

.h2specs div{
background-position:-300px 0;
}

.h2manuals div{
background-position:-200px -100px;
}

.h2support div{
background-position:-250px -50px;
}

.fancyThumb{
position:relative;
display:inline-block;
margin:1em;
}

a.fancyThumb > img{
margin:0;
}

.litThumb{
position:relative;
float:left;
text-align:center;
display:block;
text-align:center;
width:33%;
}

.lit-desc{
width:75%;
display:inline-block;
height:3em;
}

.fancyThumb div.lit-overlay{
background-image:url(../png/pdf-icon-overlay.png);
background-repeat:no-repeat;
background-position:center center;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
float:none;
width:100%;
}

.fancyThumb div.lit-overlay{
background-image:url(../png/pdf-icon-overlay.png);
}

a.fancyThumb .video-overlay{
z-index: 1;
width: 2.25em;
height: 2.25em;
left: 50%;
transform: translate(-50%,-50%);
top: 50%;
border-radius: 3.5em;
opacity: .75;
padding: .75em;
max-width: 50%;
max-height: 50%;
background: #5891d6;
text-align: center;
position: absolute;
transition: opacity 1s;
box-shadow:1px 1px 3px rgba(0,0,0,.5);
}

a.fancyThumb:hover .video-overlay{
opacity: .9;
}

a.fancyThumb .video-overlay:after{
content: "";
position: relative;
border-left: 1.75em solid #FFF;
border-top: 1em solid transparent;
border-bottom: 1em solid transparent;
margin-left: .5em;
display: inline-block;
vertical-align: middle;
}

a.fancyThumb .video-overlay:before{
content:"";
position:relative;
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}

.fancyThumb .pdfLink, .litThumb .pdfLink{
display:none;	
}

#videoContest{
overflow:auto;
clear:both;
}

#videoContest div{
float:left;
width:20%;
text-align:center;
position:relative;
}

#videoContest div p{
margin: 0 0 .5em;
}

#videoContest div a{
display:block;
}

#videoContest div a img{
margin:0;
}

#videoContest .caption{
font-size:1.1em;
}

#videoContest .caption .loc{
font-size:.75em;
}

#contestCompilation{
overflow:auto;
margin:0 0 1.5em;
clear:left;
}

#contestCompilation img{
float:left;
margin:0 1.5em 0 0;
}

.firstPlace{
background-position:0px 0px;
}

.secondPlace{
background-position:0px -45px;
}

.thirdPlace{
background-position:0px -95px;
}

.runnerUp{
background-position:0px -145px;
}

.textVideoLink{
color:#FFF;
background:#5891D6 url(../png/grad-form-h2.png) center bottom repeat-x;
text-shadow:0 0 2px #000;
font-size:1.2em;
padding:.25em .65em .35em;
box-shadow:0 1px 3px rgba(0,0,0,.5);
border-radius:16px;
border:2px solid #4765B9;
text-decoration:none;
}

.textVideoLink:link, .textVideoLink:visited{
color:#FFF;
}

.facebook:before, .youtube:before, .twitter:before, .instagram:before{
content:"";
padding:0 0 0 25px;
background-repeat:no-repeat;
background-position:center center;
display:inline-block;
height:28px;
border-radius:.3em;
background-size:cover;
vertical-align:middle;
margin:0 .25em 0 0;
}

.facebook:before{
background-image:url(../jpg/facebook-color.jpg);
}

.youtube:before{
background-image:url(../jpg/youtube-color.jpg);
}

.twitter:before{
background-image:url(../jpg/twitter-color.jpg);
}

.instagram:before{
background-image:url(../jpg/instagram-color.jpg);
}

.accent-img{
position:relative;
margin:0 .25em 0 1em;
float:right;

}

/*		Customer Spotlight		*/
.tweet-block{
display:none;
display:block;
text-align:center;
}

.tweet-block iframe{
margin:0 auto !important;	
}

.twitter-tweet{
margin:0 auto !important;
}

#twitter-header p{
font-size:1.75em;
line-height:1em;
margin:0 0 1em;
}

#twitter-header img{
margin:0 1em 0 .5em;
}

/*		Table 		*/

.specTable{
margin:2em auto;
font-size:.9em;
width:85%;
color:#303030;
text-align:center;
background:#000;
}

.specTable thead tr{
font-size:1.05em;
font-weight:500;
background:#038;
color:#FFF;
}

.specTable tr{
background:#FFF;
}

.specTable tr.evenRow{
background:#FFF url(../jpg/tablebg.jpg) repeat-y left top;
}

.specTable td{
padding:.15em 0;
}

/*		Form Info	*/	

/*		ALL FORMS		*/

#bodyInner form h2{
color:#FFF;
text-transform:capitalize;
}

form span{
color:#4765B9;
}

legend{
color:#202020;	
}

input[type=text]:focus, textarea:focus, select:focus{
border:2px solid #4765B9;
}

button[type=submit]{
color:#FFF;
background-image:linear-gradient(#5891D6,#23478b);
}

button[type=submit]:hover{
background:#5891D6;
}

#productName label[for="otherName"]{
display:none;	
}

/*		Inline Forms		*/

form.inline{
color:#202020;
background:#E0E0E0;
}

form.inline h2{
color:#FFF;
border-color:#4765B9;
background-image:linear-gradient(#5891D6,#23478b);
}

form.inline > fieldset{
background-image:linear-gradient(rgba(0,0,0,.25) 0px, rgba(0,0,0,0) 15px);
border-color:#707070;
}

form.inline fieldset fieldset{
border-color:#999;
}

form.inline fieldset fieldset fieldset{
border-color:#4765B9;
}

/*
	Standard Forms
*/

form.form h2{
text-align:right;
background:url("../png/br-logo-form.png") left center no-repeat;
padding:0 .5em 0 200px;
}

form.form fieldset fieldset{
border-color:#4765B9;
}

/*		Table		*/
table{
text-shadow:none;
}

/*		Maps		*/
.resMap{
height:175px;
border:1px solid #BBB;
}

.mapWrap{
color:#000;
text-shadow:none;
background:#EDEDED;
border:1px solid #AAA;
}

.mapWrap a{
display:inline-block;
float:left;
width:50%;
text-align:center;
text-decoration:none;
color:inherit;	
padding:.25em 0;
font-weight:600;
font-size:.9em;
}

.mapWrap a span{
font-weight:700;
color:#DE0000;
display:inline;
}

#dealer-locator{
position:relative;
}

.dealerContainer{
border-top:1px dotted #999;
clear:left;
overflow:auto;
padding:.5em 0 1em;
position:relative;
}

#cDealerLrgMap{
height:32em;
border:1px solid #BBB;
clear:both;
}

#dlrMap{
background:#FFF;
}

#cDealerDirMap{
height:30em;
width:49%;
float:right;
border:1px solid #BBB;
margin:1em 0 0 1%;
}

#ajaxResults, #ajaxMap, #ajaxDirections{
display:none;
overflow:hidden;
}

#cDirections{
width:50%;
font-size:.95em;
}

#homeControl{
margin:5px;
border:1px solid #000;
}

#tos{
text-align:center;
clear:both;
}

#btHome{
background:#FFF;
border:1px solid #999;
font-weight:500;
padding:0 1.25em;
font-size:.85em;
cursor:pointer;
}

.be-ix-link-block{
display:block;
margin:0 1em;
border-top:1px solid #d0d0d0;
clear:both;
}

/*
	Breakpoint to menu structure
*/
@media only screen and (max-device-width: 480px){
.accent-img{
float:none;
margin:0 .5em 0 .25em;	
}
}

@media only screen and (max-device-width: 760px){
body{
min-width:100%;
}

img{
max-width:100%;
}

h1{
font-size:1.95em;
}

h3{
font-size:1.25em;
}

#page-container{
overflow:visible;
}

#contSide{
display:none;
}

#shadowWrap{
background:none;	
}

#container{
width:auto;
border:none;
background-size:200%;
}

#prodMenuTop, #headerMenu, #tagLine{
display:none;
}

#header{
height:40px;
padding:5px 0;
border-bottom:2px solid #EEE;
position:fixed;
z-index:1;
left:0;
right:0;
top:0;
background:rgba(88,145,214,.9);
z-index:10;
}

#headerLogo{
min-height:0;	
}

#header-logo-image{
max-width:55%;
height:40px;
display:inline-block;
line-height:35px;
}

#mobile-tagLine{
display:block;
position:relative;
top:auto;
bottom:auto;
padding:0;
right:0;
line-height:1em;
margin:0 0 1em;
text-align:left;
font-weight:normal;
}

#headerLogo a img{
margin:0;
max-height:40px;
max-width:100%;
}

#header-menu-button, #mobile-menu-button{
position:absolute;
top:0;
bottom:0;
right:0;
width:50px;
background:#4765B9 url(../jpg/menu-button-bg.jpg) center center no-repeat;
float:right;
display:block;
color:#FFF;
}

.index-feature{
padding:0;	
}

.index-link{
float:none;
text-align:left;
margin:0;
}

#body{
padding:50px 0 3em;
z-index:0;
}

#bodyInner{
padding:1em .5em 0;	
}

#footer{
padding:1em .5em;
z-index:0;
}

#footer form{
margin:0;
}

#footer ul{
margin:1.5em 1em;
font-size:1.1em;
text-shadow:none;
}

#footer #copyright a{
display:block;
border:none;
}

#footer #copyright a#corpLink{
display:block;
float:none;
text-align:right;
}

#social-widget{
display:none;
}

/*		Content		*/

#bodyMenu{
position:relative;
bottom:auto;
background:none;	
}

div.bodyMenuWrap{
float:none;
width:auto;
overflow:hidden;
clear:left;
margin:1em 0;
border-top:1px solid #CCC;
}

div.bodyMenuWrap a img{
margin:0;	
}

.bodyMenuWrap a.bodyMenuText{
font-size:1em;
height:100%;
background:none;
border:none;
text-align:left;
width:60%;
}

div.bodyMenuWrap a{
width:30%;
display:block;
float:left;
padding:0 5%;
text-align:right;
}

#fadeCover{
z-index:0;
}

.col50, .col70L, .col30R, .col35L, .col65L, #footer .col35L, #footer .col65L, #footer ul, .col33{
float:none;
width:auto;	
border:none;
margin-left:0;
margin-right:0;
padding:0;
}

.imageGallery{
max-width:50%;
width:50%;
right:auto;
}

.imageGallery .fancyThumb, .litThumb .fancyThumb{
max-width:100%;	
}

.fancyThumb{
max-width:50%;
}

.section > a{
margin:0 .5em .5em .5em;
float:right;	
}

.section div.video-overlay{
margin:0;
}

ul#productNav{
border:none;
padding:1em 0;
}

.litThumb{
width:50%;	
}

.section{
border:none;
margin-bottom:0;
}

.section div{
float:none;
width:auto;
padding:0;
margin:0 0 2em;
}

.specTable{
margin:.5em;	
width:auto;
}

form fieldset fieldset{
float:none;
width:auto;	
}

/*		Mobile Menu		*/
#mobileMenu-overlay{
position:fixed;
top:0;
bottom:0;
width:100%;
background:rgba(0,0,0,.5);
z-index:1000;
display:none;
text-align:left;
}

#mobileMenu{
position:absolute;
top:0;
width:65%;
height:100%;
right:-65%;
bottom:0;
z-index:1001;
background:#F0F0F0;
box-shadow:-1px 0px 7px rgba(0,0,0,.5);
overflow-y:auto;
}

#mobile-menu-button{
position:relative;
height:40px;
padding:5px 0 5px 50px;
background-position:5px center;
width:auto;
float:none;
top:auto;
bottom:auto;
font-size:1.25em;
border-radius:0;
line-height:40px;
}

#mobileMenu ul, #mobileMenu li{
list-style:none;
margin:0;
padding:0;
}

#mobileMenu ul{
padding:.25em 0;
background:rgba(0,0,0,.05);
}

#mobileMenu li{
border-bottom:1px solid #4765B9;
text-align:left;
font-size:1.25em;
}

#mobileMenu a{
padding:.5em 1em;
color:#000;
display:block;
text-decoration:none;
}

#mobileMenu > ul ul{
display:none;
}

#mobileMenu .back, #mobileMenu a:focus, #mobileMenu a:hover{
border-left:6px solid #5891d6;
}

#mobileMenu .dropdown-level{
background-image:url(../png/menu-level.png);
background-position:98% center;
background-repeat:no-repeat;
}

#mobileMenu .dropdown-back{
background-image:url(../png/menu-level-back.png);
background-position:left center;
background-repeat:no-repeat;
}

.h2web div, .h2email div, .h2mail div, .h2phone div, .h2specs div, .h2manuals div, .h2support div{
width:50px;
}

.col60{
	width:auto;
}
/*				*/
@media only screen and (min-device-width: 480px) and (max-device-width: 760px){
#footer ul{
width:32%;
float:left;
margin:0 1% 0 0;
}

form fieldset fieldset{
width:49%;
float:left;
}

.imageGallery{
width:33%;
}

}

/*		Tablet		*/
@media only screen and (min-device-width: 761px) and (max-device-width: 1382px){

img{
max-width:100%;
}

body{
min-width:100%;
}

#page-container{
width:98%;
padding:0 1%;
}

#contSide{
display:none;
position:relative;	
}

#container{
width:auto;
background-size:120%;
}

#header, #body, #footer{
width:auto;
}

#header{
font-size:.95em;	
}

#header-logo-image{
max-width:35%;
display:block;
height:100%;
line-height:7em;
margin:0 0 0 2.5%;
}

#headerLogo{
height:7em;	
}

#headerLogo a img{
margin:0;
display:inline-block;
vertical-align:middle;
padding:0;
}

#tagLine{
right:2.5%;
padding:0;
max-width:65%;
text-align:right;	
}

#prodMenuTop{
background-color:rgba(0,0,0,.35);
}

#prodMenuTop ul{
min-height:2.5em;
}

#prodMenuTop li{
float:left;
width:20%;
text-align:center;
display:table;
height:2.5em;
}

#prodMenuTop li a{
line-height:1.1em;
font-size:1em;
padding:0 .5em;
height:2.5em;
width:100%;
display:table-cell;
vertical-align:middle;
}

div.bodyMenuWrap a{
display:table-caption;
font-size:.9em;
}

.bodyMenuWrap{
display:table;
}

.bodyMenuWrap a.bodyMenuText{
vertical-align:middle;	
display:table-cell;
line-height:1.25em;
height:2.5em;
padding:0;
vertical-align:middle;
position:relative;
}

#footer{
padding:1.5em 0 .5em;	
}

#footer form{
font-size:.95em;
}

.imageGallery{
right:auto;
}

}

@media print{

#shadowWrap, #container, .col60, .pageHeaderFade{
width:100%;
overflow:visible;
float:none;
}

#prodMenu, #headerMenu, #tagLine, #prodMenuTop, #footer, #contSide, .imageGallery, #pdfBar{
display:none;
}

#headerLogo a img{
margin:0;
}

#headerLogo{
min-height:0;
}

#bodyInner, body, .pageHeaderFade{
overflow:visible;
padding:0;
margin:0;
}

}