@charset "UTF-8";

body { font-size: 13px; color: #333; }
/* DNN Body */
#Body { min-height: 1px; }

/*------------------------------------------------*/
/* FONT STYLE */
/*------------------------------------------------*/
body, th, td, table, h1, h2, h3, h4, h5, h6,
.Head, .SubHead, .SubSubHead,
.Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled,
a:link, a:visited, a:hover, input, .CommandButton { }
em { font-style: italic; letter-spacing: 0; }
strong { font-weight: bold; }
small { font-size: 12px; letter-spacing: 0; }

/*------------------------------------------------*/
/* HEADER STYLE */
/*------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { }
h1 { }
h2, h2 .Head { }
h3, h3 .Head { }
h4, h4 .Head { }
h5, h5 .Head { }
h6, h6 .Head { }

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
a, a:link, a:visited, a:active { text-decoration: none; }
    a:hover { text-decoration: none; }

/* DNN Specific Selectors 
-------------------------------------*/
.CommandButton { font-size: 13px; color: #3d3d3d; font-weight: bold; }
    .CommandButton:hover { color: #007cae; }
a.CommandButton:link { font-size: 13px; text-decoration: none; color: #3d3d3d; font-weight: bold; }
a.CommandButton:hover { text-decoration: underline; color: #007cae; }

/*------------------------------------------------*/
/* PARAGRAPH STYLE */
/*------------------------------------------------*/
p { margin: 0 0 25px 0; }
hr { clear: both; height: 0; border: solid #c0c0c0; border-width: 1px 0 0; margin: 20px 0 20px 0; }

/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
img { border: 0; }

/* Image Align Left 
    -------------------------------------*/
.imgLeft { float: left; margin-right: 30px; margin-bottom: 30px; }

/* Image Align Right 
    -------------------------------------*/
.imgRight { float: right; margin-left: 30px; margin-bottom: 30px; }

/* Image with border 
    -------------------------------------*/
.imgBorder { border: solid 3px #fff; }

/* Polaroid Image Style 
    -------------------------------------*/
.imgPolaroid { color: #a6a6a6; font-size: 12px; text-align: left; padding: 13px 13px 17px 13px; background-color: #fff; box-shadow: 0 1px 2px #ccc; }
    .imgPolaroid img { margin-bottom: 12px; }

/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/

/* Ordered List */
ol li { list-style-type: decimal; margin-bottom: 18px; vertical-align: top;list-style-position: inside;font-size: 16px; }
ol ol { margin-top: 8px; margin-left: 30px; }
    ol ol li { list-style-type: lower-roman; }
    ol ol ol li { list-style-type: lower-alpha; }
ol ul li { list-style-type: lower-roman; }

/*------------------------------------------------*/
/* TABLE STYLE */
/*------------------------------------------------*/

/* Default Table Style */
table.tableDefault { width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent; }
    table.tableDefault th,
    table.tableDefault td { font-size: 12px; padding: 8px; }
    table.tableDefault th { font-weight: bold; text-align: left; border-bottom: solid 2px #aaa; background-color: #d7d7d7; }
    table.tableDefault td { border-bottom: solid 1px #d9d9d9; }
    table.tableDefault tr:nth-child(odd) { background: #transparent; }
    table.tableDefault tr:nth-child(even) { background: #e3e4e6; }
.tableDefault tbody tr:hover td { color: #111; }

/*------------------------------------------------*/
/* FORM STYLE
/*------------------------------------------------*/
input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] { padding: 9px; margin-bottom: 20px; background: #f3f3f3; border: 1px solid #bfbfbf; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); color: #666; font-size: 13px; }

/*------------------------------------------------*/
/* BUTTONS STYLE */
/*------------------------------------------------*/
/* Primary Style Button (blue)*/
button.primaryButton,
a.primaryButton { display: inline-block; padding: 12px 20px; margin-bottom: 5px; background-color: #3B96B6; background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9); background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff; -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); }

/* Secondary Style Button (darkgray) */
button.secondaryButton,
a.secondaryButton { display: inline-block; padding: 12px 20px; margin-bottom: 5px; background-color: #666; background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a); background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff; -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); }

/* Alternative Style Button (darkgray with arrow) */
button.altButton,
a.altButton { display: inline-block; padding: 9px 32px 9px 22px; margin-bottom: 5px; background: #484848 url('images/arrow.png') no-repeat 87% center; background: url('images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d); background: url('images/arrow.png') no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffbf00; -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0); -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0); box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); }
a.dnnPrimaryAction { color: #efefef; }
a.dnnSecondaryAction { color: #555; }
button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover { cursor: pointer; cursor: hand; background-image: none; background-color: #D00; }
button.altButton:hover,
a.altButton:hover { cursor: pointer; cursor: hand; background: #D00 url('images/arrow.png') no-repeat 87% center; }

/*------------------------------------------------*/
/* SITE SPACING
/*------------------------------------------------*/
.spacingTop { margin-top: 30px; }
.spacingRight { margin-right: 30px; }
.spacingBottom { margin-bottom: 30px; }
.spacingLeft { margin-left: 30px; }

/*------------------------------------------------*/
/* SITE STRUCTURE */
/*------------------------------------------------*/
#userControls { height: 32px; }
.wrapper { margin: 0 Auto; width: 1080px; }

/*------------------------------------------------*/
/* SEARCH */
/*------------------------------------------------*/
#search { float: right; width: 209px; height: 32px; }
    #search a.SearchButton:link,
    #search a.SearchButton:visited { display: inline-block; float: right; height: 32px; width: 32px; margin: 0; padding: 0; background: #333 url('images/search.png') no-repeat center center; text-indent: -9999px; }
    #search a.SearchButton:hover { background: url('images/search.png') no-repeat center center, rgb(45,45,45); /* Old browsers */ background: url('images/search.png') no-repeat center center, -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: url('images/search.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: url('images/search.png') no-repeat center center, -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: url('images/search.png') no-repeat center center, -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: url('images/search.png') no-repeat center center, -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */ background: url('images/search.png') no-repeat center center, linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */ }
#dnn_dnnSearch_txtSearch { display: block; float: left; width: 160px; height: 32px; padding: 0 5px 0 10px; margin: 0; background-color: transparent; border: none; border-radius: 0; box-shadow: none; outline: none; border-left: 1px solid #ddd; color: #000; line-height: 32px; font-size: 11px; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
    #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus { background: #ccc; box-shadow: inset 0px 3px 8px #999; }

/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
#login { float: right; }
    #login .registerGroup,
    #login .registerGroup *,
    #login .loginGroup,
    #login .loginGroup * { display: block; }
    #login .registerGroup,
    #login .loginGroup { float: left; padding: 0; margin: 0; }
        #login .registerGroup li:first-child:hover { border-left: #222; }
        /* Register Group Styles */
        #login .registerGroup li { float: left; }
        #login .registerGroup .buttonGroup { margin-right: 0; }
        #login .registerGroup a,
        #login .loginGroup a { display: block; position: relative; height: 25px; min-width: 12px; padding: 7px 15px 0 15px; color: #333; font-size: 11px; vertical-align: middle; }
            #login .registerGroup a:hover,
            #login .loginGroup a:hover { background: rgb(45,45,45); /* Old browsers */ background: -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656',GradientType=0 ); /* IE6-9 */ color: #ddd; text-shadow: 0px -1px 0px #333333; }
            #login .registerGroup a:active,
            #login .loginGroup a:active { color: #fff; text-shadow: 0px -1px 0px #333333; }
            #login .registerGroup a:hover,
            #login .loginGroup a:hover { text-decoration: none; }
            #login .registerGroup a strong,
            #login .loginGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; font-size: 11px; text-indent: -9999px; }
    #login .userMessages a,
    #login .userNotifications a { background-color: #333; }
    #login .userMessages strong { height: 100%; background: url('images/icon_message.png') no-repeat center center; }
    #login .userNotifications { border-right: 1px solid #CCC; }
        #login .userNotifications strong { height: 100%; background: url('images/icon_notification.png') no-repeat center center; }
    #login .registerGroup a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-right: 3px; background: rgb(59,150,182); /* Old browsers */ text-align: center; font-size: 11px; color: #fff; text-shadow: 0px 1px 0px #333333; }
    #login .registerGroup .userProfileImg a { min-width: 25px; min-height: 32px; padding: 0; background: none; }
    #login .registerGroup a img { height: 32px; width: 32px; background: #333; }
    /* Login Group Styles */
    #login .loginGroup { border-right: 1px solid #CCC; }
        #login .loginGroup a { color: #333; }

    /* Number of message next to the message icon*/
    #login .userMessages a span,
    #login .userNotifications a span { display: inline-block; margin-top: 9px; margin-right: 0px; background-color: transparent; font-size: 10px; }

/*------------------------------------------------*/
/* SITE HEADER */
/*------------------------------------------------*/
#siteHeadouter { background: #fff; /* CSS3 */ -webkit-box-shadow: 1px 50px 100px 0px #cacaca; box-shadow: 1px 50px 100px 0px #cacaca; }
#siteHeadinner { padding: 36px 0; }
.groupHome #logo { text-align: center; }

/* Language */
.language .language-object { float: right; display: block; margin: 0; padding: 0; }
    .language .language-object span { float: left; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; margin: 0; }
        .language .language-object span:first-child { padding-left: 8px; }
        .language .language-object span img { height: 12px; width: 17px; opacity: 0.3; }
        .language .language-object span:hover img { opacity: 1; }
    .language .language-object .Language.selected img { opacity: 1; border-color: #222; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8); }

/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/

/* Site Navigation */
#nav { float: right; position: relative; top: 18px; z-index:2; padding: 20px 0 0 0; }
#dnn_pnav li { position: relative; list-style: none; margin: 0; z-index: 1001; }
    #dnn_pnav li ul { margin-left: 0; }
#dnn_pnav > li { display: block; font-family: 'Rokkitt', serif; font-weight: 700; font-size: 17px; line-height: 17px; background: url("Images/nav-arrow-down.png") right center no-repeat; padding: 9px 17px; margin: 0 20px 0 0; color: #0073b3; float: left; }
    #dnn_pnav > li > a, #dnn_pnav > li > span { display: block; font-family: 'Rokkitt', serif; font-weight: 700; font-size: 17px; line-height: 17px; text-transform: uppercase; color: #0073b3; }
    #dnn_pnav > li > span { cursor: default; }
    #dnn_pnav > li:hover > a, #dnn_pnav > li.active > a, #dnn_pnav > li:hover span { color: #ffffff!important;  }
ul#dnn_pnav:hover > li > ul > li > span { color: #0073b3!important; }
    #dnn_pnav > li:hover { background-color: #0073b3; }
        #dnn_pnav > li:hover > a:active { color: #3B96B6; }
    #dnn_pnav > li:hover > span { color: #3B96B6; }

    /* Secondary level */
    #dnn_pnav > li ul { /* Styles for all sub levels */ display: none; position: absolute; z-index: 1001; width: 225px; -webkit-animation-duration: .25s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .25s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .25s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .25s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; color: #0073b3; background-color: rgb(255,255,255); background-color: rgba(255,255,255,.85); font-family: 'Rokkitt', serif; font-weight: 700; font-size: 16px; line-height: 16px; border-left: 1px solid #0073b3; border-right: 1px solid #0073b3; border-top: 1px solid #0073b3; }
#dnn_pnav li:hover > ul { display: block; }
#dnn_pnav > li > ul { /* styles specific to secondary level */ top: 35px; left: 0; padding:0; }
    #dnn_pnav > li > ul:after { position: absolute; top: -15px; left: 20px; content: ''; width: 0px; height: 0px; font-size: 0px; line-height: 0px; }
    #dnn_pnav > li > ul > li > a! > ul { background: url("http://mistral.mylocaldevelopment.com/images/breadcrumb.gif") 95% center no-repeat; }
#dnn_pnav > li ul a, #dnn_pnav > li ul span { display: block; text-decoration: none; /* transition decleration */ transition: all ease-in 100ms; -moz-transition: all ease-in 100ms; /* Firefox 4 */ -webkit-transition: all ease-in 100ms; /* Safari and Chrome */ -o-transition: all ease-in 100ms; /* Opera */ -ms-transition: all ease-in 100ms; /* IE9? */ color: #0073b3; font-family: 'Rokkitt', serif; font-weight: 700; font-size: 16px; line-height: 16px; padding: 7px 15px 7px 15px; border-bottom: 1px solid #a2c4d7; }
#dnn_pnav > li ul span { color: #666; cursor: default; }
#dnn_pnav li:last-child { background-image: url("Images/nav-arrow-right.png"); background-position: right center; background-repeat: no-repeat; border-left: 1px solid #0073b3; clear:right; }
#dnn_pnav ul li:last-child { background-image: none!important; border:none!important; }
#dnn_pnav ul li:last-child > a { background-image: none!important; border-bottom: 1px solid #0073b3; }
#dnn_pnav > li > ul li:hover > a, ul#dnn_pnav > li > ul > li:hover > span { background-color: rgb(0,115,179); background-color: rgba(0,115,179,.85); color: #ffffff!important; }

/* Tertiary level */
#dnn_pnav li ul li ul { left: 225px; top: 0; color: #ffffff; background-color: rgb(0,115,179); background-color: rgba(0,115,179,.85); font-family: 'Rokkitt', serif; font-weight: 700; font-size: 16px; line-height: 16px; border-left: 1px solid #0073b3; border-right: 1px solid #0073b3; border-top: 1px solid #0073b3; max-width: 330px; }
#dnn_pnav li ul li ul a { color: #ffffff; }
#dnn_pnav li ul li ul a:hover { background-color: #ffffff; color: #0073b3!important; }

/*------------------------------------------------*/
/* BREADCRUMBS */
/*------------------------------------------------*/
#Breadcrumb { padding: 12px 0; margin: 80px 0 25px 0; color: #a0a0a0; font-size: 12px; font-family: 'Noto Sans', sans-serif; font-size: 12px; }
    #Breadcrumb img { margin-left: 10px; margin-right: 10px; }
    #Breadcrumb a.breadcrumbLink:link,
    #Breadcrumb a.breadcrumbLink:visited { color: #a0a0a0; font-size: 12px; text-decoration: underline; font-family: 'Noto Sans', sans-serif; font-size: 12px; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1); }
    #Breadcrumb a.breadcrumbLink:hover { color: #acb8be; }

/*------------------------------------------------*/
/* CONTENT PANES */
/*------------------------------------------------*/
.contentPane { }

/* Content Pane - Home */
.leftPane { float: left; width: 630px; }
.sidebarPane { float: right; width: 320px; }
/* Content Pane - 2 columns */
.twoColRightPane { float: right; width: 260px; }
.twoColLeftPane { float: left; width: 690px; }
.leftPaneLowerLeft { float: left; width: 400px; }
.leftPaneLowerRight { float: right; width: 260px; }
/* Content Pane - 3 columns */
.threeColLeftPane,
.threeColCenterPane,
.threeColRightPane { float: left; width: 306px; }
/* Content Pane - 3 columns Social */
.threeColSocialLeftPane { float: left; width: 110px; }
.threeColSocialCenterPane { float: left; position: relative; width: 560px; }
.threeColSocialRightPane { float: left; width: 250px; }

/* Content Pane - Footer */
#footer { clear: both; background: #ffffff; }
.footerPane { float: left; width: 33%; }
    .footerPane,
    .footerPane .Normal { color: #808080; }
.footerPaneRight { float: right; }
#dnn_footerCenterPane { text-align: center; }
#dnn_footerRightPane { text-align: right; }

/* Empty Panes */
.DNNEmptyPane { width: 0!important; margin: 0!important; }
    .DNNEmptyPane.rightTwoCol + div { width: 100%; }

/* Copyright
    -------------------------------------*/
#copyright { font-size: 12px; color: #a6a6a6; margin-bottom: 25px; }
    #copyright a:link,
    #copyright a:visited { font-size: 12px; color: #a6a6a6; }
    #copyright a:hover { color: #D00; }
    #copyright a.DNNMobileLink { color: #666; font-weight: bold; }
        #copyright a.DNNMobileLink:hover { color: #D00; }

/*------------------------------------------------*/
/* SOCIAL STYLE */
/*------------------------------------------------*/
/* ----------------------------------*/
/* DNN Module: Console */
/* ----------------------------------*/
.threeColSocial .console { width: 250px; height: auto; background-color: #484848; /* Menu Background Color */ }
.threeColSocial .console-none div { cursor: pointer; cursor: hand; float: left; height: auto; width: 250px; padding: 0px; margin: 0px; text-align: left; }
.threeColSocial .console-none h3 { padding: 10px 8px 10px 40px; margin: 0; border-bottom: solid 1px #fff; background: url('images/arrow.png') 18px center no-repeat; color: #eee; font-size: 13px; line-height: 1; font-weight: bold; }
.threeColSocial .console-none div div { display: none; }
.threeColSocial .console-mouseon { background-color: #70b1c7; /* Menu Hover Background Color */ }

/* ----------------------------------*/
/* DNN Module: ViewProfile Image */
/* ----------------------------------*/
#UserProfileImg img { width: 100px; height: auto; border: solid 3px #fff; }
.threeColSocial .UserProfileControls ul { margin: 15px 0; }
    .threeColSocial .UserProfileControls ul li { list-style-type: none; margin-bottom: 3px; }

/* ----------------------------------*/
/* DNN Module: Member Directory (Send A Message, Follow, Subscribe) */
/* ----------------------------------*/
.threeColSocialRightPane .DnnModule #mdMemberList { margin: 0 0 30px 0; }
.threeColSocialRightPane #mdMemberList ul { margin: 10px 0 0 0; }
.threeColSocialRightPane #mdMemberList li { margin-bottom: 0; -size: 12px; font-weight: bold; list-style-type: none; }
.threeColSocialRightPane #mdMemberList > li { width: 216px; margin: 0; padding: 6px 17px; background: #d7d7d7; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; -ms-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); }
    .threeColSocialRightPane #mdMemberList > li:hover { z-index: 2; /*bring current li to top for tooltip */ background: #d7d7d7; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 1); }

/* ----------------------------------*/
/* DNN Module: ViewProfile (Activity Feed) */
/* ----------------------------------*/
.threeColSocial .journalTools { max-width: 560px; }
.threeColSocial .journalrow { padding-bottom: 10px; border-bottom: solid 1px #c0c0c0; margin-bottom: 20px; }
.threeColSocial .journalfooter { padding: 0; margin: 0; }
.threeColSocial .journalrow div.journalitem p.journalfooter { font-size: 12px; padding: 0; margin-bottom: 0; }
.threeColSocial .journalrow div.journalitem ul.jcmt { font-size: 12px; }
.threeColSocial .journalrow div.journalitem .likes { padding: 2px 5px; background-color: #dbdbdb; }
#journalEditor #journalContent .juser, .journalrow .juser { border: none; color: #3B96B6; background-color: transparent; }

/* ----------------------------------*/
/* DNN Module: ViewProfile (Message) */
/* ----------------------------------*/
.threeColSocial #UserDisplayNameHeader h2 { padding-bottom: 10px; border-bottom: solid 1px #c0c0c0; }

/* dnnAdminTabNav Style*/
.threeColSocial #smMainContent .ui-corner-all { border-radius: 0; }
.threeColSocial ul.dnnAdminTabNav { height: 38px; margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #c0c0c0; }
    .threeColSocial ul.dnnAdminTabNav li { margin-right: 1px; }
        .threeColSocial ul.dnnAdminTabNav li a { padding: 10px 15px; margin-bottom: 0px; border: none; background: #d7d7d7; -webkit-border-radius: 1px 1px 0px 0px; border-radius: 1px 1px 0px 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #666; font-size: 12px; font-weight: bold; text-shadow: none; }
            .threeColSocial ul.dnnAdminTabNav li a:hover { background: #484848; color: #eee; }
        .threeColSocial ul.dnnAdminTabNav li.ui-tabs-active a { padding: 10px 15px; margin-top: 0px; background: #484848; color: #eee; }

/* Message & Notification number block*/
.threeColSocial .dnnAdminTabNav a span { display: inline; min-height: 12px; padding: 2px 6px; margin-right: 8px; background: rgb(59,150,182); /* Old browsers */ background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */ background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px #666; -moz-box-shadow: 0px 1px 0px 0px #666; box-shadow: 0px 1px 0px 0px #666; color: #eee; font-weight: normal; font-size: 11px; }
/* Compose new message link */
.threeColSocial .dnnFormExpandContent { position: absolute; top: -40px; right: 0; height: 20px; font-size: 12px; }
    .threeColSocial .dnnFormExpandContent a.ComposeMessage { font-size: 12px; }

/* compose button */
.threeColSocial a.dnnPrimaryAction { display: inline-block; padding: 12px 20px; margin-bottom: 5px; background-color: #3B96B6; background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9); background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff; -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; color: #ffffff; text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0); }
    .threeColSocial a.dnnPrimaryAction:hover,
    .threeColSocial a.dnnPrimaryAction:active { cursor: pointer; cursor: hand; background-image: none; background-color: #D00; }

/* Message Control (Select, Actions, Inbox, Sent, Archived)*/
.threeColSocial .DnnModule .messageControls .dnnButtonGroup { margin-right: 0px; /* fixed Archived Button spacinging issue */ }
.threeColSocial .messageControls { margin: 0; padding: 0; padding-bottom: 5px; border-bottom: 1px solid #c0c0c0; }
    .threeColSocial .messageControls .messageFolders { float: right; }

/* number x-x of x */
.threeColSocial .messageFolders p { float: left; display: inline-block; padding: 8px 15px; margin: 0; color: #666; font-size: 12px; }
    .threeColSocial .messageFolders p strong { color: #666; font-weight: bold; }

/* Messages / Notification Specific Button Styles
    -------------------------------------*/
/* Style for the Action menu bar*/
.threeColSocial .DnnModule-Messaging-Notifications .dnnTertiaryAction { width: auto!important; padding: 9px 10px; font-size: 12px; }

/* Styles for select drop*/
.threeColSocial .DnnModule .selectDrop ul { top: 34px; min-width: 120px; padding: 10px 14px!important; border: 1px solid #c2c2c2; background: #e7e7e7; /*CSS3*/ -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1); }

/* Styles for select button on active state*/
.threeColSocial .selectDrop.active > a { background: #70b1c7; color: #eee; border-right: solid 0px #3B96B6; -webkit-box-shadow: inset 0px 1px 1px 0px #3B96B6; -moz-box-shadow: inset 0px 1px 1px 0px #3B96B6; box-shadow: inset 0px 1px 1px 0px #3B96B6; }

/* when select drop down button is clicked toggle active class to show*/
.threeColSocial .selectDrop ul li { margin-bottom: 3px; font-size: 12px; }

/* Remove corners and add dividers to buttons in button group */
.threeColSocial .dnnButtonGroup { background: transparent; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: none; list-style: none; }
.threeColSocial ul.dnnButtonGroup > li { border-left: none; }
.threeColSocial .dnnButtonGroup > li > a { border-left: 1px solid #ddd; /*light*/ border-right: 1px solid #bbb; /*dark*/ background-color: #d7d7d7; color: #666; }

    /* Conversations button selected*/
    .threeColSocial .dnnButtonGroup > li > a.active { color: #eee; border-right: 1px solid #3B96B6; background-color: #70b1c7; }

    /* Actions button hover*/
    .threeColSocial .dnnButtonGroup > li > a.disabled:hover { color: #eee; border-left: 1px solid #3B96B6; background-color: #70b1c7; }

/* Select button hover */
.threeColSocial .alpha > a:hover { color: #eee; background-color: #70b1c7; border-right: 1px solid #3B96B6; }

/*First Button styles of a button group */
.threeColSocial .alpha > a,
.threeColSocial .alpha > a:hover,
.threeColSocial .alpha > a.active { border-left: 1px solid #70b1c7; /*CSS3*/ -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 0; border-radius: 0; }

/*Last Button styles of a button group */
.threeColSocial .omega > a,
.threeColSocial .omega > a:active,
.threeColSocial .omega > a.active { border-right: 1px solid #70b1c7; /*CSS3*/ -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-radius: 0; border-radius: 0; }

/* Archive Button */
.threeColSocial a.dnnSecondaryAction.ArchiveItems span { display: none; /* hide Archive text*/ }
.threeColSocial a.dnnSecondaryAction.ArchiveItems { height: 18px; min-width: 15px; margin-left: 5px; background: #d7d7d7 url('images/icon_bin.png') no-repeat center center; border-radius: 0; -webkit-box-shadow: none; text-shadow: none; box-shadow: none; color: #666; border: none; }
    .threeColSocial a.dnnSecondaryAction.ArchiveItems:hover { background: #70b1c7 url('images/icon_bin.png') no-repeat center center; }

/*Archive, Sent, Archived buttons Hover*/
.threeColSocial .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover { background-color: #70b1c7; color: #eee; }

/* Messages / Notification List Item
    -------------------------------------*/
/* Listing Styles */
.threeColSocial .smListings { font-size: 12px; }
.threeColSocial .DnnModule .smListings ul { margin: 0; }
.threeColSocial .smListings > ul > li { padding-top: 10px; margin: 0; background: transparent; border-bottom: 1px solid #c0c0c0; }
    .threeColSocial .smListings > ul > li.active { background: #f4f4f4; /* background color for active list items*/ }
    .threeColSocial .smListings > ul > li:last-child { border-bottom: none; }
.threeColSocial .smListings [class^="ListCol-"] { padding: 1% 1% 1% 0; }
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-1 { min-width: 20px; /* Main message list: Checkbox column width on */ }
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-2 { min-width: 65px; /* Main message list: Avatar column width AND Drilldown message list: Message info column width*/ }
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-3 { width: 56%; /* Main message list: Message info column width AND Drilldown message list: Time column width */ }
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 { font-size: 11px; /* Main message list: Time column */ }
.threeColSocial .smTimeStamped { font-size: 11px; }
.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-1 { min-width: 65px; /* Drilldown message list: Avatar column width*/ }
.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-2 { width: 56%; /* Drilldown message list: Message info column width*/ }
.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 { float: right; /* Drilldown message list: Time column */ width: 25%; font-size: 12px; }
.threeColSocial .hoverControls a { font-size: 12px; /* All lists: Archive & Reply links */ font-weight: bold; }
.threeColSocial .DnnModule-Messaging-Details .smListings .meta { margin-bottom: 5px; /* Drilldown message list: UserName link */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .meta a { font-weight: bold; /* Drilldown message list: UserName link */ }
.threeColSocial .DnnModule-Messaging-Details .smListings .message { color: #999; /* Drilldown message list: Message text */ margin: 0; }
.threeColSocial .DnnModule-Messaging-Notifications .smListings .subject { font-weight: bold; }
.threeColSocial .DnnModule-Messaging-Notifications .smListings .active .subject { font-size: 13px; /* All lists: unread message subject */ margin-bottom: 3px; }
.threeColSocial .DnnModule-Messaging-Notifications .smListings .meta { margin-bottom: 8px; /* All lists: message From - Send to */ line-height: 14px; }
.threeColSocial .DnnModule-Messaging-Notifications .smListings .message { color: #999; /* All lists: Message text */ }

/*Column 3 Styles*/
.threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li { margin-bottom: 0px; /* Drilldown message list: Time column */ }
    .threeColSocial .DnnModule-Messaging-Details .smListings .ListCol-3 ul li:first-child { color: #999; /* Drilldown message list: Time column */ }
.threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle { margin-left: 8px; /* Main message list: Time column-Mark as Read block */ -webkit-box-shadow: 0px 1px 0px 0px #666; -moz-box-shadow: 0px 1px 0px 0px #666; box-shadow: 0px 1px 0px 0px #666; }
    .threeColSocial .DnnModule-Messaging-Details .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover { margin-left: 8px; /* Main message list: Time column-Mark as Read block hover */ background: rgb(59,150,182); /* Old browsers */ /*CSS3*/ background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */ background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px #666; -moz-box-shadow: 0px 1px 0px 0px #666; box-shadow: 0px 1px 0px 0px #666; }

/*Column 4 Styles*/
.threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li { margin-bottom: 0px; /* All lists: Time column */ }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .ListCol-4 ul li:first-child { color: #999; /* All lists: Time column */ }
.threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle:hover, .smListings .ActiveToggle { margin-left: 8px; /* Main message list: Time column-Mark as Read block */ -webkit-box-shadow: 0px 1px 0px 0px #666; -moz-box-shadow: 0px 1px 0px 0px #666; box-shadow: 0px 1px 0px 0px #666; }
    .threeColSocial .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle, .smListings .ActiveToggle:hover { margin-left: 8px; /* Main message list: Time column-Mark as Read block hover*/ background: rgb(59,150,182); /* Old browsers */ /*CSS3*/ background: -moz-linear-gradient(top, rgba(59,150,182,1) 0%, rgba(35,125,155,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,150,182,1)), color-stop(100%,rgba(35,125,155,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* Opera 11.10+ */ background: linear-gradient(top, rgba(59,150,182,1) 0%,rgba(35,125,155,1) 100%); /* W3C */ -webkit-box-shadow: 0px 1px 0px 0px #666; -moz-box-shadow: 0px 1px 0px 0px #666; box-shadow: 0px 1px 0px 0px #666; }
.threeColSocial .DnnModule-Messaging-Notifications .notificationControls { font-weight: bold; /* Main notifications list: Follow back & Dismiss links */ }

/* Message Header (subject & back button)
    -------------------------------------*/
.threeColSocial .messageHeader { padding: 0; margin: 0; }
    .threeColSocial .messageHeader p { font-size: 13px; color: #666; float: left; }
        .threeColSocial .messageHeader p strong { color: #333; }
    .threeColSocial .messageHeader .returnLink { font-size: 12px; font-weight: bold; }

/* Show Previous Repies 
    -------------------------------------*/
.threeColSocial .morePrevMsgButton { color: #666; font-size: 12px; text-align: center; padding: 10px; margin-bottom: 15px; border: solid 1px #c0c0c0; background: #d7d7d7; -webkit-box-shadow: inset 0px 0px 3px 0px #ccc; -moz-box-shadow: inset 0px 0px 3px 0px #ccc; box-shadow: inset 0px 0px 3px 0px #ccc; }

/* Reply Form
    -------------------------------------*/
.threeColSocial textarea#replyMessage { width: 94%; height: 75px; color: #666; border: 1px solid #c0c0c0; background: #f4f4f4; }
    .threeColSocial textarea#replyMessage:focus,
    .threeColSocial textarea#replyMessage:active { color: #666; background: #fff; }

/*------------------------------------------------*/
/* GENERIC CLASSES
    /*------------------------------------------------*/

/* Clear-fix for floated elements 
    -------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; }
.left { float: left; }
.right { float: right; }

/*------------------------------------------------*/
/* HOMEPAGE */
/*------------------------------------------------*/

/* Welcome Message*/
.content_intro { padding-top: 30px; color: #8c8c8c; font-size: 14px; line-height: 20px; text-align: center; }
    .content_intro h1 span { font-weight: normal; }
    .content_intro a { font-size: 14px; }

/* Featured Product */
.content_featured { color: #999; vertical-align: top; }
    .content_featured h2 .TitleH2 { display: block; margin-bottom: 30px; }
    .content_featured .normal { font-weight: normal; }
    .content_featured img { margin-bottom: 25px; }
    .content_featured a.primaryButton { margin-left: 25px; }

/* News */
.content_newslist ul { margin: 0; }
    .content_newslist ul li { list-style-type: none; margin-bottom: 30px; }
        .content_newslist ul li.last { margin-bottom: 0; }
        .content_newslist ul li img { float: left; margin-right: 20px; margin-bottom: 20px; }
        .content_newslist ul li h5 { margin-bottom: 5px; }
        .content_newslist ul li span,
        .content_newslist ul li strong { color: #a6a6a6; }
        .content_newslist ul li p { margin-top: 12px; margin-bottom: 12px; }

/* newslist with small thumbnail*/
.smallThumbnail img { width: 80px; }

/* Ads 
    -------------------------------------*/
/* Ads - Copy Block Style */
.adContent { position: absolute; padding: 20px; background-color: #000; opacity: 0.7; color: #eee; }
    .adContent h2 { margin-bottom: 5px; color: #eee; font-weight: normal; }

/* Ads - Style One: 400x270 */
.content_adstyleOne { position: relative; width: 400px; height: 270px; margin-right: 5px; color: #eee; }
    .content_adstyleOne .adContent { bottom: 0; right: 0; }

/* Ads - Style Two: 570x130 */
.content_adstyleTwo { position: relative; width: 570px; height: 130px; margin-bottom: 10px; }
    .content_adstyleTwo .adContent { top: 0; }

/* Footer 
    -------------------------------------*/
ul.footerlinks { margin: 0; }
.footerlinks li { list-style: none; margin-bottom: 8px; }
    .footerlinks li a:link,
    .footerlinks li a:visited { color: #808080; }
    .footerlinks li a:hover { color: #D00; }
ul.footerConnect { margin: 0px; }
    ul.footerConnect li { display: inline-block; list-style-type: none; margin-right: 10px; }

/*------------------------------------------------*/
/* ABOUT US */
/*------------------------------------------------*/
/* Team 
    -------------------------------------*/
.content_team ul { margin: 0px; }
    .content_team ul li { display: inline-block; width: 110px; margin-right: 30px; margin-bottom: 40px; text-align: center; list-style-type: none; }
        .content_team ul li.last { margin-right: 0; }
        .content_team ul li .teampic { width: 110px; height: 147px; margin-bottom: 15px; background-color: #bfbfbf; }
        .content_team ul li img { width: 110px; max-width: 110px; max-height: 147px; }
        .content_team ul li span { display: block; font-weight: bold; white-space: nowrap; }

/*------------------------------------------------*/
/* OUR PRODUCTS */
/*------------------------------------------------*/
.content_products ul { margin: 0; }
    .content_products ul li { display: inline-block; width: 31%; margin-right: 30px; margin-bottom: 45px; vertical-align: top; list-style-type: none; }
        .content_products ul li.last { margin-right: 0; }
        .content_products ul li img { margin-bottom: 25px; }

/*------------------------------------------------*/
/* CONTACT US */
/*------------------------------------------------*/
/* One Column Form
-------------------------------------*/
.form_oneCol label { display: block; font-weight: bold; margin-bottom: 10px; }
.form_oneCol input, .form_oneCol textarea { width: 94%; }

/* Dealer Form 
    -------------------------------------*/
.form_dealer input { width: 200px; margin-bottom: 5px; }





/*------------------------------------------------*/
/* CUSTOM STYLES */
/*------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h6, 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 { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; }
html {overflow-y: scroll;}
img { max-width: 100%; height: auto; }
em { font-style: normal; }
.break-word { word-wrap: break-word; }
a { text-decoration: none; }
* { filter: none!important; /* standard */ filter: none!important\9; /* IE 8 and below */ *filter: none!important; /* IE 7 and below */ _filter: none!important; /* IE 6 */ outline: none!important; }
html, body { height: 100%; }

/* CSS RESET */


h1 { font-weight: normal; }
h2 { font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 3px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=3); letter-spacing: 0px; }
h3 { font-weight: normal; }
h4 { font-weight: normal; }
h5 { font-family: 'Rokkitt', serif; font-weight: 700; }
h6 { font-weight: normal; }

#topBanner { width: 100%; display: block; border-top: 5px solid #0073b3; overflow: hidden; height: auto; position:relative; }
.topBannerContainer { width: 1080px; display: block; margin: 0 auto; position: relative; padding: 0 0 30px 0; z-index: 99; }
.bannerConvoy { background: url("Images/banner-convoy-bg.jpg") right center no-repeat; background-size: cover; }
.bannerBlast { background: url("Images/banner-blast-bg.jpg") right center no-repeat; background-size: cover; }
.bannerSoldier { background: url("Images/banner-soldier-bg.jpg") right center no-repeat; background-size: cover; }
.bannerBridge { background: url("Images/about-icon-bg.jpg") right center no-repeat; background-size: cover; }
.incExpertiseBridge { background: url("Images/about-icon-inc-bg.jpg") right center no-repeat; background-size: cover; }
.bannerNinja { background: url("Images/banner-security-bg.jpg") right center no-repeat; background-size: cover; }
.bannerTechCat { background: url("Images/banner-tech-cat-bg.jpg") right top no-repeat; background-size: cover; }
.bannerBoxRepeat { background: url("Images/squares-bg-repeat.jpg") center center repeat; -webkit-box-shadow: inset 0px -200px 500px 0px rgba(0, 0, 0, .1); box-shadow: inset 0px -200px 500px 0px rgba(0, 0, 0, .1); border-bottom: 5px solid #ec1c23; position: relative; }
.groupHome { background: url("Images/group-header-banner-bg.jpg") center top no-repeat; background-size: cover; padding: 0 0 35px 0; }
.bannerBlastProducts { background: url("Images/blast-containment-bg.jpg") right top no-repeat; background-size: cover; }
.bannerSecurityProdHome { background: url("Images/banner-security-prod-home-bg.jpg") right center no-repeat; background-size: cover; }

.bannerInc1 { background: url("Images/banner-turret-bg.jpg") right center no-repeat; background-size: cover; }
.bannerInc2 { background: url("Images/banner-sand-vehicle-bg.jpg") right center no-repeat; background-size: cover; }
.bannerInc3 { background: url("Images/banner-blast-bg.jpg") right center no-repeat; background-size: cover; }
.bannerSecurity1 { background: url("Images/banner-security-bg.jpg") right center no-repeat; background-size: cover; }
.bannerSecurity2 { background: url("Images/banner-spray-bottle-bg.jpg") right center no-repeat; background-size: cover; }
.bannerSecurity3 { background: url("Images/banner-container-white-bg.jpg") right center no-repeat; background-size: cover; }
.bannerWater1 { background: url("Images/banner-scout-bg.jpg") right center no-repeat; background-size: cover; }
.bannerWater2 { background: url("Images/banner-soldier-water-bg.jpg") right center no-repeat; background-size: cover; }
.bannerKaril1 { background: url("Images/banner-soldier-bg.jpg") right center no-repeat; background-size: cover; }
.bannerKaril2 { background: url("Images/banner-truck-container-bg.jpg") right center no-repeat; background-size: cover; }
.bannerKaril3 { background: url("Images/banner-spray-hands-bg.jpg") right center no-repeat; background-size: cover; }

#bannerBG {width:100%!important; height: 100%!important; margin:0; position: absolute; overflow: hidden;}
#bannerBG div {width:100%!important; height: 100%!important; margin:0 auto;}

#content { height: 100%; display: block; z-index: 99999999999999999999999; position: relative; }

#techCatBanner { background: url("Images/featured-prod-bg.jpg") center top repeat-x #ffffff; padding: 50px 0 30px 0; border-bottom: 5px solid #0073b3; }

#header { display: block; float: left; padding: 20px 0 0 0; }
.groupHome #header { float: none; margin:0 auto; width: 25%; padding: 35px 0 0 0; }
.interiorHome #header { margin:0; width: 25%; }
    
#dnn_interiorHome .DNNModuleContent em { font-family: 'Noto Sans', sans-serif; font-size: 26px; line-height: 28px; color: #363636; font-style:italic; font-weight: 800; display: block;margin-bottom: 5px; margin-top: 25px; }
#dnn_interiorHome .DNNModuleContent strong, .strongBridgeGap { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 24px; font-weight: 800; display: block; }
strong.strongBridgeGap { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 24px; font-weight: 800; display: block; color: #0073b3!important; }
#dnn_interiorHome .DNNModuleContent ul { margin: 0 0 20px 0; }
#dnn_interiorHome .DNNModuleContent ul li { font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 22px; color: #000000; margin: 5px 0 5px 25px; font-weight: 400; list-style: disc; list-style-position: outside; }
#dnn_interiorHome .DNNModuleContent ul li.removeBullet { font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 22px; color: #000000; margin: 10px 0 2px 0; list-style: none; }


    #nav table#dnn_Parent_ctlParentsub103, #nav table#dnn_Parent_ctlParentsub107, #nav table#dnn_Parent_ctlParentsub102, table#dnn_Child_ctlChildsub265, table#dnn_Child_ctlChildsub264, table#dnn_Child_ctlChildsub268, table#dnn_Child_ctlChildsub270, table#dnn_Child_ctlChildsub271, table#dnn_Child_ctlChildsub295, table#dnn_Parent_ctlParentsub265, table#dnn_Parent_ctlParentsub264, table#dnn_Parent_ctlParentsub268, table#dnn_Parent_ctlParentsub270, table#dnn_Parent_ctlParentsub271, table#dnn_Parent_ctlParentsub295, table#dnn_Parent_ctlParentsub142, table#dnn_Parent_ctlParentsub143, table#dnn_Parent_ctlParentsub141, table#dnn_Parent_ctlParentsub258, table#dnn_Parent_ctlParentsub145 { color: #ffffff; background-color: rgb(0,115,179); background-color: rgba(0,115,179,.85); font-family: 'Rokkitt', serif; font-weight: 700; font-size: 16px; line-height: 16px; border-left: 1px solid #0073b3; border-right: 1px solid #0073b3; border-top: 1px solid #0073b3; max-width: 330px; }

    #nav table#dnn_Parent_ctlParentsub103 td span, #nav table#dnn_Parent_ctlParentsub107 td span, #nav table#dnn_Parent_ctlParentsub102 td span, table#dnn_Child_ctlChildsub265 td span, table#dnn_Child_ctlChildsub264 td span, table#dnn_Child_ctlChildsub268 td span, table#dnn_Child_ctlChildsub270 td span, table#dnn_Child_ctlChildsub271 td span, table#dnn_Child_ctlChildsub295 td span, table#dnn_Parent_ctlParentsub265 span, table#dnn_Parent_ctlParentsub264 span, table#dnn_Parent_ctlParentsub268 span, table#dnn_Parent_ctlParentsub270 span, table#dnn_Parent_ctlParentsub271 span, table#dnn_Parent_ctlParentsub295 span, table#dnn_Parent_ctlParentsub142 span, table#dnn_Parent_ctlParentsub143 span, table#dnn_Parent_ctlParentsub141 span, table#dnn_Parent_ctlParentsub258 span, table#dnn_Parent_ctlParentsub145 span { padding: 8px 17px 8px 17px; border-bottom: 1px solid #a2c4d7; display: block; }

    #nav table#dnn_Parent_ctlParentsub103 td span:hover, #nav table#dnn_Parent_ctlParentsub107 td span:hover, #nav table#dnn_Parent_ctlParentsub102 td span:hover, table#dnn_Child_ctlChildsub265 td span:hover, table#dnn_Child_ctlChildsub264 td span:hover, table#dnn_Child_ctlChildsub268 span:hover, table#dnn_Child_ctlChildsub270 td span:hover, table#dnn_Child_ctlChildsub271 span:hover, table#dnn_Child_ctlChildsub295 span:hover, table#dnn_Parent_ctlParentsub265 span:hover, table#dnn_Parent_ctlParentsub264 span:hover, table#dnn_Parent_ctlParentsub268 span:hover, table#dnn_Parent_ctlParentsub270 span:hover, table#dnn_Parent_ctlParentsub271 span:hover, table#dnn_Parent_ctlParentsub295 span:hover, table#dnn_Parent_ctlParentsub142 span:hover, table#dnn_Parent_ctlParentsub143 span:hover, table#dnn_Parent_ctlParentsub141 span:hover, table#dnn_Parent_ctlParentsub258 span:hover, table#dnn_Parent_ctlParentsub141 span:hover { background-color: rgb(255,255,255); background-color: rgba(255,255,255,1); color: #0073b3; }

    #nav table#dnn_Parent_ctlParentsub103 td.icn, #nav table#dnn_Parent_ctlParentsub107 td.icn, #nav table#dnn_Parent_ctlParentsub102 td.icn, table#dnn_Child_ctlChildsub265 td.icn, table#dnn_Child_ctlChildsub264 td.icn, table#dnn_Child_ctlChildsub268 td.icn, table#dnn_Child_ctlChildsub270 td.icn, table#dnn_Child_ctlChildsub271 td.icn, table#dnn_Child_ctlChildsub295 td.icn, table#dnn_Parent_ctlParentsub265 td.icn, table#dnn_Parent_ctlParentsub264 td.icn, table#dnn_Parent_ctlParentsub268 td.icn, table#dnn_Parent_ctlParentsub270 td.icn, table#dnn_Parent_ctlParentsub271 td.icn, table#dnn_Parent_ctlParentsub295 td.icn, table#dnn_Parent_ctlParentsub142 td.icn, table#dnn_Parent_ctlParentsub143 td.icn, table#dnn_Parent_ctlParentsub141 td.icn, table#dnn_Parent_ctlParentsub258 td.icn, table#dnn_Parent_ctlParentsub145 td.icn { display: none; }





#dnn_nav { display: block; float: right; position: relative; z-index: 3; }
    #dnn_nav ul { display: block; width: 100%; padding: 50px 0 0 0; }
        #dnn_nav ul li { display: block; float: left; font-family: 'Rokkitt', serif; font-weight: 700; font-size: 17px; line-height: 17px; text-transform: uppercase; margin: 0 0 0 40px; }
            #dnn_nav ul li.dropDown { background: url("Images/nav-arrow-down.png") right center no-repeat; padding: 0 20px 0 0; }
            #dnn_nav ul li.dropRight { background: url("Images/nav-arrow-right.png") right center no-repeat; border-left: 1px solid #0073b3; padding: 0 20px; }
            #dnn_nav ul li ul { display: none; }
            #dnn_nav ul li:hover ul { display: block; position: absolute; z-index: 9999999999; }

.button { -webkit-border-radius: 4px; border-radius: 4px; color: #ffffff; display: inline-block; font-family: 'Rokkitt', serif; font-weight: 700;  }
.btnLarge { padding: 3% 5%; font-size: 20px; line-height: 20px; }
.btnMed { padding: 4% 10%; font-size: 17px; line-height: 19px; text-transform: uppercase; }
.btnSmall { padding: 10px 5%; font-size: 17px; line-height: 19px; text-transform: capitalize; }
.arrowButton { background-image: url("Images/arrow-right-main.png"); background-position: right center; background-repeat: no-repeat; padding-right: 15px; }
.mainContent { width: 50%; display: block; float: left; margin: 75px 0 40px 0; }
    .mainContent h2, .groupMainContent h2 { font-size: 80px; line-height: 60px; }
    .mainContent p { font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 25px; color: #363636; margin: 30px 0 40px 0; font-weight: 400; }
.interiorContent { width: 50%; display: block; float: left; margin: 75px 0 20px 0; }
    .interiorContent h2 { font-size: 64px; line-height: 50px; color: #013e6e; }
    .interiorContent strong.subHeader { font-size: 29px; line-height: 30px; font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); }
    .interiorContent p { font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 22px; color: #000000; margin: 20px 0; font-weight: 400; }


.groupMainContent { width: 1080px; display: block; margin: 35px auto 20px auto; text-align: center; }
    .groupMainContent p { font-family: 'Rokkitt', serif; font-size: 23px; line-height: 30px; color: #484848; margin: 20px auto 30px auto; font-weight: 700; width: 69.5%; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); }
#dnn_areaChoice { display: block; }
#dnn_areaChoice .DnnModule { display: inline-block; margin: 0 7.625%; width: 34.75%; }
.areaChoiceContainer { background-color: rgb(242,242,242); background-color: rgba(242,242,242,.75); -webkit-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, .2); box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, .2); width: 80%; padding: 30px 10%; display: block; text-align: center; }
    .areaChoiceContainer h3 { color: #484d53; font-family: 'Rokkitt', serif; font-weight: 700; font-size: 29px; line-height: 31px; margin: 0 0 10px 0; }
    .areaChoiceContainer select { width: 100%; display: block; padding: 2%; font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 18px; color: #c0c0c0; font-weight: 700; background: transparent; -webkit-appearance: none; border: none; margin: 0; }
    .areaChoiceContainer option { color: #6a6a6a; }
    .areaChoiceContainer .styledSelect { background: url("Images/area-choice-arrow.png") right center no-repeat #ffffff; overflow: hidden; border: 1px solid #8e8e8e; -webkit-box-shadow: inset 2px 2px 0px 0px rgba(210, 210, 210, .75); box-shadow: inset 2px 2px 0px 0px rgba(210, 210, 210, .75); }
#groupBreakdown { width: 100%; display: block; overflow: hidden; background: url("Images/group-choices-bg.jpg") center center repeat; -webkit-box-shadow: inset 0px 5px 0px 0px rgba(0, 68, 122, 1), inset 0px -5px 0px 0px rgba(0, 68, 122, 1); box-shadow: inset 0px 5px 0px 0px rgba(0, 68, 122, 1), inset 0px -5px 0px 0px rgba(0, 68, 122, 1); }
.groupBreakdownContainer { width: 1080px; display: block; margin: 0 auto; -webkit-box-shadow: 0px 0px 75px 5px rgba(0, 0, 0, .5); box-shadow: 0px 0px 75px 5px rgba(0, 0, 0, .5); background-color: #7d7d7d; }
.groupBreakdownContainer .DnnModule { width: 24.9%; display: block; margin: 0; float: left; text-align: center; position: relative; border-right: 1px solid #7d7d7d; }
#groupBreakdown a.choiceInc, #groupBreakdown a.choiceWater, #groupBreakdown a.choiceSecurity, #groupBreakdown a.choiceKaril { cursor: pointer; display: block; padding:  30px 1% 10px 1%; width: 98%; min-height: 260px; }
.groupBreakdownContainer .DnnModule h4 { text-align: center; }
.groupBreakdownContainer .DnnModule span { margin: 140px 0 0 0; }
.groupBreakdownContainer .DnnModule h5 { font-size: 18px; line-height: 18px; margin: 3% 0; }
    #groupBreakdown a.choiceInc { background: url("Images/choice-Inc-bg.jpg") center center no-repeat; background-size: cover; border-top: 5px solid #0073b3; border-bottom: 5px solid #0073b3; -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; }
    #groupBreakdown a.choiceWater { background: url("Images/choice-Water-bg.jpg") center center no-repeat; background-size: cover; border-top: 5px solid #fcb813; border-bottom: 5px solid #fcb813; -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; }
    #groupBreakdown a.choiceSecurity { background: url("Images/choice-Security-bg.jpg") center center no-repeat; background-size: cover; border-top: 5px solid #ec1c23; border-bottom: 5px solid #ec1c23; -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; }
    #groupBreakdown a.choiceKaril { background: url("Images/choice-Karil-bg.jpg") center center no-repeat; background-size: cover; border-top: 5px solid #786327; border-bottom: 5px solid #786327; -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; }

    
    .nonHover a { border-top: 5px solid #434343!important; border-bottom: 5px solid #434343!important; }
    #groupBreakdown .nonHover span { background: rgb(113,113,113); /* Old browsers */ background: -moz-linear-gradient(top, rgba(113,113,113,1) 0%, rgba(46,46,46,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,113,113,1)), color-stop(100%,rgba(46,46,46,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(113,113,113,1) 0%,rgba(46,46,46,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(113,113,113,1) 0%,rgba(46,46,46,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(113,113,113,1) 0%,rgba(46,46,46,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(113,113,113,1) 0%,rgba(46,46,46,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-9 */ text-shadow: 0px 1px 0px #000000; filter: dropshadow(color=#000, offx=0, offy=1); -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; }
    .nonHover a.choiceInc { background: url("Images/choice-Inc-grey-bg.jpg") center center no-repeat!important; background-size: cover; -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; border-top: 5px solid #444442; border-bottom: 5px solid #444442; }
    .nonHover a.choiceWater { background: url("Images/choice-Water-grey-bg.jpg") center center no-repeat!important; background-size: cover; -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; border-top: 5px solid #444442; border-bottom: 5px solid #444442; }
    .nonHover a.choiceSecurity { background: url("Images/choice-Security-grey-bg.jpg") center center no-repeat!important; background-size: cover; -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; border-top: 5px solid #444442; border-bottom: 5px solid #444442; }
    .nonHover a.choiceKaril { background: url("Images/choice-Karil-grey-bg.jpg") center center no-repeat!important; background-size: cover; -webkit-transition:background 0.2s ease-out; -moz-transition:background 0.2s ease-out; -o-transition:background 0.2s ease-out; border-top: 5px solid #444442; border-bottom: 5px solid #444442; }

#photoCallout p { color: #ffffff; font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 1px 0px #000000; filter: dropshadow(color=#000, offx=0, offy=1); font-size: 16px; line-height: 18px; position: absolute; top: 500px; right: 0; text-align: right; }

#expertiseBanner { width: 100%; display: block; background: url("Images/expertise-banner-bg.jpg") right center no-repeat; background-size: cover; position: relative;}
.expertiseBannerContainer { width: 1080px; display: block; margin: 0 auto; }
.expertiseBannerContainer h4 { width: 50%; display: block; float: right; clear: both; font-size: 50px; line-height: 55px; font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); margin: 25px 0 10px 0; color: #0073b3; }
.expertiseBannerContainer p { width: 100%; display: block; clear: both; font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 22px; }
.expertiseBannerContainer ul { width: 100%; display: block; clear: both; margin: 35px 0;}
.expertiseBannerContainer ul li { margin: 0 0 20px 0; width: 50%; float: left; display: block; }
.expertiseBannerContainer ul li a { font-size: 19px; line-height: 21px; font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); background: url("Images/nav-arrow-right.png") right center no-repeat; padding: 0 6% 0 0; color: #0073b3; }
#specializedBanner { width: 100%; display: block; background: url("Images/specialized-banner-bg.jpg") center center no-repeat; background-size: cover; position: relative;}
p.expertiseBig { font-size: 20px; line-height: 28px; margin-bottom: 50px; width: 85%; }

.expertiseBannerContainer .DnnModule .SpacingBottom > div { width: 50%; display: block; float: right; clear:both; }

.productBG { background: url("Images/featured-prod-bg.jpg") center top repeat-x #ffffff; padding: 0; min-height: 600px; border-bottom: 5px solid #ec1c23; }
.productBGKaril { background: url("Images/featured-prod-bg.jpg") center top repeat-x #ffffff; padding: 0; min-height: 600px; border-bottom: 5px solid #786327; }
.photosBG { background: url("Images/featured-prod-bg.jpg") center top repeat-x #ffffff; padding: 0 0 30px 0; min-height: 600px; border-bottom: 5px solid #0073b3; }
.productBGInc { background: url("Images/featured-prod-bg.jpg") center top repeat-x #ffffff; padding: 0; border-bottom: 5px solid #0073b3; }
.productBGWater { background: url("Images/featured-prod-bg.jpg") center top repeat-x #ffffff; padding: 0; border-bottom: 5px solid #fcb813; }
.aboutBG { background: url("Images/featured-prod-bg.jpg") center top repeat-x #ffffff; padding: 0 0 30px 0; }

.contactBG { background: url("Images/group-header-banner-bg.jpg") center top no-repeat; padding: 0; border-bottom: 5px solid #0073b3; background-size: cover; }
.contactLeft { width: 100%; display: block; padding: 60px 0; }
    .contactLeft .DnnModule { width: 1080px; display: block; margin: 0 auto; }

    .contactLeft .panelThird { width: 22%; margin: 0 2%; padding: 30px 3%; display: block; float: left; text-align: center; border: 2px solid #ffffff; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, .5); }

        .contactLeft h3 { font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); letter-spacing: 0px; font-size: 30px; line-height: 32px; color: #013e6e; margin: 15px 0 25px 0; text-align: center; }
        .contactLeft .panelThird strong { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 19px; color: #000000; margin: 15px 0 0 0; font-weight: 600; display: block; }
        .contactLeft .panelThird p { font-family: 'Noto Sans', sans-serif; font-size: 15px; line-height: 24px; color: #000000; margin: 5px 0; font-weight: 400; }
.contactRight { width: 100%; display: block; padding: 60px 0; }
        .contactLeft .panelThird a { color: #255ba5; }
        .contactLeft .panelThird a:hover { color: #528ad8; }
        .contactLeft .panelThird .contactFB a { display: inline-block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/facebook-icon.png") center top no-repeat; background-size: cover; }
        .contactLeft .panelThird .contactLI a { display: inline-block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/linked-in-icon.png")  center top no-repeat; background-size: cover; }
        .contactLeft .panelThird .contactTW a { display: inline-block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/twitter-icon.png")  center top no-repeat; background-size: cover; }
            .contactLeft .panelThird .contactFB, .contactLeft .panelThird .contactLI, .contactLeft .panelThird .contactTW { display: inline-block; }
            .contactLeft .panelThird .contactFB a:hover, .contactLeft .panelThird .contactLI a:hover, .contactLeft .panelThird .contactTW a:hover { background-position: center bottom; }
.contactRight { width: 100%; display: block; padding: 60px 0; background: url("Images/banner-contact-form-bg.jpg") center top no-repeat; background-size: cover; }
    .contactRight .DnnModule { width: 1080px; display: block; margin: 0 auto; }
        .contactRight h3 { font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 2px 0px #000000; filter: dropshadow(color=#000000, offx=0, offy=2); letter-spacing: 0px; font-size: 48px; line-height: 50px; color: #ffffff; margin: 0 0 15px 0; text-align: center; }
    .contactRight .dnnFormItem { display: block; margin: 0 auto 15px auto; width: 55%; }
        .contactRight .dnnFormItem .dnnLabel { display: block; width: 15%; margin: 0; padding: 8px 15px 7px 15px; text-align: center; font-family: 'Rokkitt', serif; font-size: 18px; line-height: 19px; font-weight: 800; color: #ffffff; text-align: right; }
        .contactRight .dnnFormItem input, .contactRight .dnnFormItem textarea { display: block; width: 77%; border: none!important; -webkit-border-radius: 0!important; border-radius: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, .75); max-width: 75%; margin: 0; }
        .contactRight .dnnFormItem #dnn_ctr868_Default_Form_Message_label { min-height: 151px; }
        .contactRight .dnnFormItem textarea { min-height: 150px; }
        .contactRight .dnnFormItem .dnnFormHelp { display: none; }
        .contactRight ul.dnnActions { text-align: center; width: 53%; display: block; margin: 0 auto; padding: 0; }
        .contactRight ul.dnnActions li { display: inline-block; float: right; margin: 0 0 0 5px; }
    .contactRight a.dnnSecondaryAction { color: #a8a8a8!important; background-image: none!important; background-color: none!important; border: 2px solid #a8a8a8!important; cursor: pointer!important; padding: 8px 10px!important; font-family: 'Noto Sans', sans-serif!important; font-size: 14px!important; line-height: 15px!important; -webkit-border-radius: 0!important; border-radius: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; font-weight: 600!important; text-shadow: none!important; }
    .contactRight a.dnnPrimaryAction { color: #ffffff!important; border-color: #0D569E; background: #3792ED; background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd)); background: -webkit-linear-gradient(top, #358eea 0%,#2170cd 100%); cursor: pointer!important; padding: 9px 10px!important; font-family: 'Noto Sans', sans-serif!important; font-size: 14px!important; line-height: 15px!important; -webkit-border-radius: 0!important; border-radius: 0!important; -webkit-box-shadow: none!important ); box-shadow: none!important; font-weight: 600!important; }
    
li.pushLI { margin-left: 50px!important; color: #5e5e5e!important; }
strong.pushLI { margin-left: 10px!important; }
p.pushLI { margin-left: 10px!important; }
#dnn_productInfo strong { font-family: 'Noto Sans', sans-serif; font-size: 15px; line-height: 18px; color: #363636; font-weight: 800; display: block; margin-top: 15px; font-style:italic; }

.productContent { width: 460px; display: block; float: left; }
    .productContent h3 { font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); letter-spacing: 0px; font-size: 64px; line-height: 50px; color: #013e6e; margin: 0 0 15px 0; }
    .productContent h5 { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 24px; color: #363636; font-weight: 800; }
    .productContent p { font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 22px; color: #363636; margin: 10px 0 20px 0; font-weight: 400; }
    .productContent ul { margin: 0 0 20px 0; }
    .productContent ul li { font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 22px; color: #000000; margin: 10px 0 10px 25px; font-weight: 400; list-style: disc; list-style-position: outside; }
.productRight { width: 540px; display: block; float: right; }

.featuredProductsContainer { background: url("Images/featured-prod-bg.jpg") center top repeat-x #ffffff; padding: 50px 0 30px 0; }
#dnn_featuredItems h5 { font-size: 50px; line-height: 52px; font-family: 'Rokkitt', serif; font-weight: 700; margin: 0; text-align: center ;display: block; }
#dnn_featuredItems { width: 1080px; display: block; margin: 30px auto 50px auto; min-height: 380px; }
#dnn_featuredItems .DnnModule { width: 16.8%; display: block; margin: 0 4% 0 0; float: left; }
#dnn_featuredItems .DnnModule:nth-child(5n+0) { margin: 0; }
#dnn_featuredItems .DnnModule + .DnnModule + .DnnModule + .DnnModule + .DnnModule { margin: 0; }
#dnn_featuredItems .DnnModule .rightMargin {margin: 0; }
#dnn_featuredItems img { display: block; margin: 0 auto; width: 94%; border: 5px solid #777777; }
#dnn_featuredItems strong { font-family: 'Noto Sans', sans-serif; font-weight: 700; font-size: 14px; line-height: 20px; margin: 10px 0 5px 0; display: table; }
#dnn_featuredItems p { font-family: 'Noto Sans', sans-serif; font-size: 12px; line-height: 18px; margin: 0 0 10px 0; min-height: 120px; }
#dnn_featuredItems em a { font-family: 'Rokkitt', serif; font-weight: 700; font-size: 17px; line-height: 19px; margin: 0; text-transform: uppercase; }
#dnn_featuredItems em a:hover, .featuredItemsPane .DnnModule strong a:hover { color: #0073b3; }
.featuredItemsPane .DnnModule strong a { color: #000000; height: 40px; display: table-cell; vertical-align: middle; }


#dnn_interiorContent { width: 1080px; display: block; margin: 0 auto; float: none;  }
    #dnn_interiorContent h5 { font-size: 28px; line-height: 24px; font-family: 'Rokkitt', serif; font-weight: 700; color: #000000; text-align: center; margin: 0 0 30px 0; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); }
    #dnn_interiorContent .panelThird { width: 22%; margin: 0 2%; padding: 30px 3%; display: block; float: left; border: 2px solid #ffffff; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, .5); text-align: center; }
    #dnn_interiorContent .panelThird strong { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 19px; color: #868686; margin: 0 auto 10px auto; display: block; font-weight: 700; }
        #dnn_interiorContent .panelThird p { font-family: 'Noto Sans', sans-serif; font-size: 13px; line-height: 20px; color: #868686; margin: 0; font-weight: 400; }
    #dnn_interiorContent .panelThirdBig { width: 25%; margin: 0 8% 0 0; padding: 0; display: block; float: left; text-align: left; }
        #dnn_interiorContent .panelThirdBig p { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 26px; color: #000000; margin: 0; font-weight: 400; }
        
#dnn_interiorContentSeparate { width: 100%; display: block; margin: 0 auto; float: none; background: url("Images/group-header-banner-bg.jpg") center center no-repeat; padding: 40px 0; border-top: 5px solid #786327; border-bottom: 5px solid #786327; background-size: cover; }
#dnn_interiorContentSeparate .DnnModule { width: 1080px; display: block; margin: 0 auto; float: none; }
    #dnn_interiorContentSeparate h5 { font-size: 28px; line-height: 24px; font-family: 'Rokkitt', serif; font-weight: 700; color: #000000; text-align: center; margin: 0 0 30px 0; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); }
    #dnn_interiorContentSeparate .panelThird { width: 23%; margin: 0 1.5%; padding: 30px 3%; display: block; float: left; border: 2px solid #ffffff; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, .5); text-align: center; }
    #dnn_interiorContentSeparate .panelThird strong { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 19px; color: #868686; margin: 0 auto 10px auto; display: block; font-weight: 700; }
        #dnn_interiorContentSeparate .panelThird p { font-family: 'Noto Sans', sans-serif; font-size: 13px; line-height: 20px; color: #868686; margin: 0; font-weight: 400; }
    #dnn_interiorContentSeparate .panelThirdBig { width: 25%; margin: 0 8% 0 0; padding: 0; display: block; float: left; text-align: left; }
        #dnn_interiorContentSeparate .panelThirdBig p { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 26px; color: #000000; margin: 0; font-weight: 400; }

#dnn_interiorContent2 .DnnModule { width: 100%; display: block; margin: 0 auto; padding: 80px 0 50px 0; float: none; background-size: cover; position: relative; -webkit-box-shadow: inset 0px 50px 200px 20px rgba(0, 0, 50, .1); box-shadow: inset 0px 50px 200px 20px rgba(0, 0, 50, .1); background-color: #f5f5f5; }
    #dnn_interiorContent2 .DNNContainer_Title_h5 { width: 1080px; display: block; margin: 0 auto; padding: 0; }
    #dnn_interiorContent2 h5 { font-size: 28px; line-height: 24px; font-family: 'Rokkitt', serif; font-weight: 700; color: #000000; margin: 0 0 30px 0; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); }
    #dnn_interiorContent2 .panelThird { width: 26%; margin: 0 1%; padding: 0 1%; display: block; float: left; }
    #dnn_interiorContent2 .panelThird strong { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 19px; color: #0073b3; margin: 0 auto 10px auto; display: block; font-weight: 700; }
        #dnn_interiorContent2 .panelThird p { font-family: 'Noto Sans', sans-serif; font-size: 13px; line-height: 20px; color: #868686; margin: 0 0 10px 0; font-weight: 400; }
    #dnn_interiorContent2 .panelThirdBig { width: 32%; margin: 0 3% 0 0; padding: 0; display: block; float: left; text-align: left; }
        #dnn_interiorContent2 .panelThirdBig p { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 26px; color: #000000; margin: 0; font-weight: 400; }
        #dnn_interiorContent2 .panelThird ul li { font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 20px; color: #595959; margin: 5px 0 5px 25px; font-weight: 400; list-style: disc; list-style-position: outside; }

.aboutContent { width: 55%!important; text-align: center!important; margin: 75px auto 20px auto!important; float: none!important; }
.aboutContent p { font-size: 16px!important; line-height: 26px!important; }
.aboutContent p a { color: #0073b3!important; }
.aboutContent p a:hover { color: #36abec!important; }

.marketsRight, .marketsLeft { width: 1080px; display: block; margin: 0 auto; }
    .marketsRight .DnnModule { width: 50%; display: block; float: right; text-align: left; }
    .marketsLeft .DnnModule { width: 50%; display: block; float: left; text-align: left; }
    .marketsRight .DnnModule h2, .marketsLeft .DnnModule h2 { font-size: 64px; line-height: 50px; color: #013e6e; }
    .marketsRight .DnnModule p, .marketsLeft .DnnModule p { font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 22px; color: #000000; margin: 20px 0; font-weight: 400; }
    .marketsRight .DnnModule strong, .marketsLeft .DnnModule strong, .homelandSecurity .DnnModule strong, .publicSectorSecurity .DnnModule strong { font-family: 'Noto Sans', sans-serif; font-size: 18px; line-height: 22px; color: #000000; margin: 25px 0 15px 0; font-weight: 600; }
    .marketsRight .DnnModule li, .homelandSecurity .DnnModule li, .publicSectorSecurity .DnnModule li { font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 22px; color: #000000; margin: 5px 0 5px 30px; list-style:disc; list-style-position: outside; font-weight: 400; width: 40%; float: left; }
    .marketsRight .DnnModule ul, .homelandSecurity .DnnModule ul, .publicSectorSecurity .DnnModule ul { display: block; margin: 10px 0 0 0; }
#techIndustrial { border-bottom: 5px solid #786327; padding: 60px 0; background: url("Images/banner-techindustrial-bg.jpg") 80% top no-repeat #ffffff; background-size: cover; }
.homelandSecurity { background: url("Images/banner-homeland-bg.jpg") 80% top no-repeat #ffffff; background-size: cover; }
.publicSectorSecurity { background: url("Images/banner-public-sector-bg.jpg") 80% top no-repeat #ffffff; background-size: cover; }
#defenseMarketContainer { background: url("Images/banner-defense-bg.jpg") 40% top no-repeat #ffffff; background-size: cover; padding: 60px 0; }
#privateMarketContainer { background: url("Images/banner-private-sector-bg.jpg") 40% top no-repeat #ffffff; background-size: cover; padding: 60px 0; border-bottom: 5px solid #ec1c23; }
#provenExperienceContainer { background: url("Images/banner-proven-experience-bg.jpg") left center no-repeat #ffffff; background-size: cover; padding: 100px 0; }
#techPartnersContainer { background: url("Images/banner-tech-partners-bg.jpg") right top no-repeat #ffffff; background-size: cover; padding: 100px 0; }


.onlineStoreOpenerPane { width: 1080px; display: block; margin: 0 auto; }
.specializedBannerContainer h4 { display: block; font-size: 19px; line-height: 21px; font-family: 'Noto Sans', sans-serif; font-weight: 700; margin: 40px 0 15px 0; text-align: center; text-transform: uppercase; color: #0073b3; }
.onlineStoreOpenerPane h5 { font-size: 50px; line-height: 52px; font-family: 'Rokkitt', serif; font-weight: 700; margin: 0; text-align: center; display: block; color: #0073b3; }
.specializedBannerContainer p { width: 80%; margin: 20px auto; display: block; font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 22px; text-align: center; }
.specializedBannerContainer ul { width: 68%; display: block; margin: 35px auto 0 auto; padding: 0 0 30px 0; }
.specializedBannerContainer ul li { margin: 0 1% 15px 1%; width: 31.333%; float: left; display: block; text-align: center; }
.specializedBannerContainer ul li a { font-size: 19px; line-height: 25px; font-family: 'Rokkitt', serif; font-weight: 700; padding: 4% 1%; margin: 0 2%; display: block; }
.specializedBannerContainer ul.twoOptions { width: 48%; display: block; margin: 35px auto 0 auto; padding: 0 0 30px 0; }
.specializedBannerContainer ul.twoOptions li { margin: 0 1% 15px 1%; width: 47%; float: left; display: block; text-align: center; }
.specializedBannerContainer ul.twoOptions li a { font-size: 19px; line-height: 25px; font-family: 'Rokkitt', serif; font-weight: 700; padding: 4% 1%; margin: 0 2%; display: block; }

#productCategories { background: url("Images/squares-bg-repeat.jpg") center center repeat; -webkit-box-shadow: inset 0px -200px 500px 0px rgba(0, 0, 0, .1); box-shadow: inset 0px -200px 500px 0px rgba(0, 0, 0, .1); padding: 50px 0 30px 0; }
#productCategories h5 { font-size: 50px; line-height: 52px; font-family: 'Rokkitt', serif; font-weight: 700; margin: 0; text-align: center; display: block; }
.productCategoriesContainer { width: 1080px; display: block; margin: 30px auto 50px auto; }
.productCategoriesContainer .DnnModule { width: 24%; display: block; margin: 0 .5% 25px .5%; float: left; }
.productCategoriesContainer .DnnModule strong a { color: #0073b3; }
.productCategoriesContainer .DnnModule strong a { color: #1b92d4; }

.clearleft { clear: left; }
.productCategoriesContainer .DnnModule:nth-child(4n+5) { clear: left; }

.productCategoriesContainer .DnnModule .DNNContainer_noTitle.leftMargin {margin: 0 .5% 0 0; }
.productCategoriesContainer .DnnModule .DNNContainer_noTitle.rightMargin {margin: 0 0 0 .5%; }

.productCategoriesContainer .DnnModule .DNNContainer_noTitle ul { display: block; width: 100%; }
.productCategoriesContainer .DnnModule .DNNContainer_noTitle ul li { display: block; width: 100%; float: none; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #cacaca; }
.productCategoriesContainer .DnnModule .DNNContainer_noTitle ul li a { font-size: 17px; line-height: 19px; font-family: 'Rokkitt', serif; font-weight: 700; text-transform: uppercase; }
    .productCategoriesContainer .DnnModule .DNNContainer_noTitle ul li a:hover { color: #ff4a50; }
.productCategoriesContainer img { display: block; margin: 0 auto; width: 94%; border: 5px solid #777777; }
.productCategoriesContainer strong { font-family: 'Noto Sans', sans-serif; font-weight: 700; font-size: 18px; line-height: 19px; margin: 25px 0 15px 0; display: block; }
.productCategoriesContainer p { font-family: 'Noto Sans', sans-serif; font-size: 12px; line-height: 18px; margin: 0 0 25px 0; }
.productCategoriesContainer em { font-family: 'Rokkitt', serif; font-weight: 700; font-size: 17px; line-height: 19px; margin: 0; text-transform: uppercase; }
.shoppingCartList { color: #cb0108; padding: 0 25px 0 0; background: url("Images/shopping-right-security-link.png") right center no-repeat; }

#dnn_onlineStoreOpener { text-align: center; border-top: 1px solid #9f9f9f; padding: 35px 0 20px 0; width: 1080px; margin: 0 auto; display: none; }
#dnn_onlineStoreOpener p { width: 100%; display: block; font-family: 'Noto Sans', sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; margin: 0 0 25px 0; text-align: center; }
#dnn_onlineStoreOpener a { font-size: 21px; line-height: 23px; display: inline-block; padding: 1% 3%; }

.bannerJeep { background: url("Images/jeep-bg.png") right top no-repeat; position: absolute; left: 0; top: -52px; width: 50%; height: 600px; display: block; z-index: 999; }
.bannerWaterDevice { background: url("Images/water-device.png") right top no-repeat; position: absolute; left: 0; top: -120px; width: 50%; height: 600px; display: block; z-index: 999; }

#bottomBanner { width: 100%; display: block; position: relative; z-index: 2; background: url("Images/bottom-banner-bg.jpg") center center no-repeat; background-size: cover; z-index:9999; }
.bottomBannerContainer { width: 1080px; display: block; margin: 0 auto; }
.bottomBannerContainer h6 { color: #0073b3; text-align: left; }
#dnn_newsAndEvents { width: 28.5%; display: block; float: left; padding: 0 2.75% 0 1%; background: url("Images/shadow-left.png") right center repeat-y; min-height: 530px; }
#dnn_featuredVideo { width: 30.4%; display: block; float: left; padding: 0 2.5%; background: url("Images/footer-grey-bg.jpg") center center repeat-x; background-size: cover; min-height: 530px; }
#dnn_featuredVideo object { display: block; width: 100%; margin: 25px 0; }
#dnn_Technologies { width: 28.5%; display: block; float: left; padding: 0 1% 0 2.75%; background: url("Images/shadow-right.png") left center repeat-y; min-height: 530px; text-align: right; }
#dnn_Technologies img:hover { opacity: 0.8; filter: alpha(opacity=80); }

.dnnFormMessage { color: #ffffff; font-family: 'Rokkitt', serif; font-size: 22px; line-height: 23px; margin: 15px auto; width: 50%; text-align: center; }

#bottomBanner h6 { font-size: 30px; line-height: 34px; font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); padding: 35px 0 15px 0; }
#dnn_newsAndEvents li { margin: 20px 0; padding: 0 0 25px 0; }
#bottomBanner strong { font-size: 14px; line-height: 18px; font-family: 'Noto Sans', sans-serif; font-weight: 700; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1); }
#bottomBanner p { font-family: 'Noto Sans', sans-serif; font-size: 12px; line-height: 18px; color: #000000; margin: 20px 0; font-weight: 400; text-align: left; }
#bottomBanner em { font-size: 18px; line-height: 19px; font-family: 'Rokkitt', serif; font-weight: 700; color: #9ea0a1; text-transform: uppercase; padding: 0 4% 0 0; background: url("Images/arrow-right-footer.png") right center no-repeat; }
#bottomBanner em:hover { color: #c6c9ca; }

#videoContainer { border: 5px solid #000000; width: 100%; min-height: 205px; display: table; text-align: center; margin: 30px 0; }
.footerVideo { background: url("Images/video-bg-test.jpg") center center no-repeat; background-size: cover; overflow: hidden; position: relative; }
.footerVideo iframe, .footerVideo object, .footerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.playButton { display: table-cell; vertical-align: middle; }

#dnn_Technologies ul { margin: 10px 0 25px 0; display: block; }
#dnn_Technologies ul li { width: 32.333%; margin: .5%; display: block; float: left; max-height: 72px; overflow: hidden; }

#dnn_footerCenterPaneontainer { width: 1080px; margin: 0 auto; display: block; }
#dnn_footerLeftPane, #dnn_footerCenterPane, #dnn_footerRightPane { width: 33.333%; display: block; float: left; }
#dnn_footerLeftPane ul { display: block; width: 100%; margin: 30px 0 10px 0; }
#dnn_footerLeftPane ul li { font-size: 13px; line-height: 15px; font-family: 'Rokkitt', serif; font-weight: 700; color: #666666; text-transform: uppercase; float: left; }
#dnn_footerLeftPane ul li a { color: #666666; }
#dnn_footerLeftPane ul li a:hover { color: #a6a6a6; }
#dnn_footerLeftPane p { font-family: 'Noto Sans', sans-serif; display: block; width: 100%; margin: 0 0 20px 0; color: #666666; font-size: 10px; line-height: 13px; font-weight: 400; }
#dnn_footerLeftPane .discSocialContainer { display: block; float: left; width: 100%; }
#dnn_footerLeftPane .socialContainer { display: block; float: left; margin-right: 10px; }
#dnn_footerLeftPane .discContainer { display: block; float: left; }

ul li.siteMap, ul li.siteMapLink { display: none; }

        .discSocialContainer .socialFBInc { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialLIInc { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialTWInc { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialFBInc a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/facebook-icon.png") center top no-repeat; background-size: cover; }
        .discSocialContainer .socialLIInc a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/linked-in-icon.png")  center top no-repeat; background-size: cover; }
        .discSocialContainer .socialTWInc a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/twitter-icon.png")  center top no-repeat; background-size: cover; }
        .discSocialContainer .socialFBInc a:hover, .discSocialContainer .socialLIInc a:hover, .discSocialContainer .socialTWInc a:hover { background-position: center bottom; }

        .discSocialContainer .socialFBSecurity { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialLISecurity { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialTWSecurity { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialFBSecurity a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/facebook-icon-security.png") center top no-repeat; background-size: cover; }
        .discSocialContainer .socialLISecurity a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/linked-in-icon-security.png")  center top no-repeat; background-size: cover; }
        .discSocialContainer .socialTWSecurity a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/twitter-icon-security.png")  center top no-repeat; background-size: cover; }
        .discSocialContainer .socialFBSecurity a:hover, .discSocialContainer .socialLISecurity a:hover { background-position: center bottom; }

        .discSocialContainer .socialFBWater { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialLIWater { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialFBWater a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/facebook-icon-water.png") center top no-repeat; background-size: cover; }
        .discSocialContainer .socialLIWater a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/linked-in-icon-water.png")  center top no-repeat; background-size: cover; }
        .discSocialContainer .socialFBWater a:hover, .discSocialContainer .socialLIWater a:hover { background-position: center bottom; }

        .discSocialContainer .socialFBKaril { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialLIKaril { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialTWKaril { display: block; width: 25px; height: 25px; float: left; margin: 0 7px 0 0; }
        .discSocialContainer .socialFBKaril a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/facebook-icon-karil.png") center top no-repeat; background-size: cover; }
        .discSocialContainer .socialLIKaril a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/linked-in-icon-karil.png")  center top no-repeat; background-size: cover; }
        .discSocialContainer .socialTWKaril a { display: block; text-indent: -9999px; width: 25px; height: 25px; background: url("Images/twitter-icon-karil.png")  center top no-repeat; background-size: cover; }
        .discSocialContainer .socialFBKaril a:hover, .discSocialContainer .socialLIKaril a:hover, .discSocialContainer .socialTWKaril a:hover { background-position: center bottom; }

.footerNavLine { border-right: 1px solid #666666; padding-right: 3%; margin-right: 3%; }
#dnn_footerCenterPane { text-align: center; }
#dnn_footerCenterPane img { display: inline-block; margin: 20px auto; }
#dnn_footerRightPane { text-align: right; }
#dnn_footerRightPane img { display: inline-block; margin: 20px 0; }

#aboutBottomBanner { display: block; width: 100%; background: url("Images/featured-prod-bg.jpg") center center repeat-x #ffffff; overflow: hidden; border-bottom: 5px solid #0073b3; }
#aboutBottomBannerSecure { display: block; width: 100%; background: url("Images/featured-prod-bg.jpg") center center repeat-x #ffffff; overflow: hidden; border-bottom: 5px solid #ec1c23; }
#aboutBottomBannerKaril { display: block; width: 100%; background: url("Images/featured-prod-bg.jpg") center center repeat-x #ffffff; overflow: hidden; border-bottom: 5px solid #786327; }
#aboutBottomBannerWater { display: block; width: 100%; background: url("Images/featured-prod-bg.jpg") center center repeat-x #ffffff; overflow: hidden; border-bottom: 5px solid #fcb813; }
.aboutBottomBannerContainer { display: block; margin: 0 auto; width: 1080px; -webkit-box-shadow: 50px 0px 150px 0px rgba(0, 0, 0, .1); box-shadow: 50px 0px 150px 0px rgba(0, 0, 0, .1); }
    .aboutBottomBannerContainer .DnnModule { display: block; width: 25%; float: left; margin: 0; padding: 0; }
    .aboutBottomBannerContainer .DnnModule .SpacingBottom { display: block; width: 80%; float: left; margin: 0; padding: 70px 10%; text-align: center; height: 155px; }
        .aboutBottomBannerContainer .DnnModule .innerShadow { -webkit-box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, .2); box-shadow: inset 0px 0px 100px 0px rgba(0, 0, 0, .2); }
        .aboutBottomBannerContainer .DnnModule .SpacingBottom:hover { background-color: rgba(255, 255, 255, .5); -webkit-box-shadow: none; box-shadow: none; }
    .aboutBottomBannerContainer .DnnModule h6 { font-size: 24px; line-height: 24px; font-family: 'Rokkitt', serif; font-weight: 700; color: #0073b3; text-align: center; margin: 0 0 20px 0; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); }
    .aboutBottomBannerContainer .DnnModule p { font-family: 'Noto Sans', sans-serif; display: block; width: 100%; margin: 0 0 30px 0; color: #2d2d2d; font-size: 12px; line-height: 22px; font-weight: 400; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1); }
   
.breadCrumbs { font-family: 'Noto Sans', sans-serif; display: block; color: #000000; font-size: 12px; line-height: 14px; font-weight: 400; margin: 0 0 40px 0; }
    .breadCrumbs a { color: #a0a0a0; text-decoration: underline; }
        .breadCrumbs a:hover { color: #bcbcbc; text-decoration: underline; }
        
#productContent { width: 45%; display: block; float: left; margin: 75px 0 140px 5%; padding: 50px 0 0 0; }
.productTags { font-family: 'Noto Sans', sans-serif; display: block; color: #8c8c8c; font-size: 10px; line-height: 12px; font-weight: 400; }
.productTags a { display: inline-block; color: #ffffff; font-size: 10px; line-height: 12px; font-weight: 400; padding: 3px 1%; background-color: #afafaf; }
    .productTags a:hover { background-color: #8c8c8c; }
.productSection h3 { font-family: 'Noto Sans', sans-serif; display: block; color: #000000; font-size: 18px; line-height: 22px; font-weight: 700; margin: 30px 0 0 0; }
.productSection p { font-family: 'Noto Sans', sans-serif; display: block; color: #363636; font-size: 14px; line-height: 22px; font-weight: 400; }
.productBuy strong { font-size: 24px; line-height: 26px; font-family: 'Rokkitt', serif; font-weight: 700; display: block; margin: 30px 0 10px 0; }
#photoSlideshow img { border: 5px solid #777777; max-width: 98%; }
#photoSlideshow ul { margin: 20px 0 0 0; }
#photoSlideshow li { border: 5px solid #171717; display: block; float: left; width: 12.1%; padding: 0; margin: 0 1.5%; }
#photoSlideshow li.marginLeft { margin: 0 1.5% 0 0; }
#photoSlideshow li.marginRight { margin: 0 0 0 1.5%; }
#photoSlideshow li img { border: none; padding: 0; margin: 0; max-width: 100%; display: block; }
    #photoSlideshow li img:hover { opacity: 0.8; filter: alpha(opacity=80); }
.mainProduct { display: block; position: relative; height: 430px; overflow: hidden; }
.expandCommand { position: absolute; z-index: 3; top: 0; right: 0; display: block; padding: 4px 4px 4px 25px; background: url("Images/expand-arrow.png") 7px center no-repeat #777777; font-size: 12px; line-height: 14px; font-family: 'Rokkitt', serif; font-weight: 700; color: #ffffff; text-transform: lowercase; }
.purchaseCommand { display: block; position: absolute; right: 0; bottom: 0; font-family: 'Rokkitt', serif; font-weight: 700; font-size: 22px; line-height: 24px; overflow: hidden; max-height: 38px; }
.purchaseCommand a { display: block; float: left; }
.plusCommand { font-family: 'Noto Sans', sans-serif; padding: 7px 13px; background-color: #ec1c23; z-index: 10; font-weight: 400; color: #9b1317; }
.plusCommand:hover { background-color: #ffffff; color: #ec1c23; }
.costCommand { padding: 8px 15px 7px 20px; background-color: #ec1c23; z-index: 5; -webkit-box-shadow: inset 10px 0px 50px 0px rgba(207, 17, 22, .7); box-shadow: inset 10px 0px 50px 0px rgba(203, 17, 22, .7); color: #ffffff; }
.purchaseCommand:hover .plusCommand { background-color: #ffffff; color: #ec1c23; -webkit-box-shadow: none; box-shadow: none; }
.purchaseCommand:hover .costCommand { background-color: #ffffff; color: #ec1c23; -webkit-box-shadow: inset 10px 0px 30px 0px rgba(1, 1, 1, .1); box-shadow: inset 10px 0px 30px 0px rgba(1, 1, 1, .1); }
a.additionalPhotos { background-color: #303030; text-align: center; color: #1b1b1b; font-family: 'Noto Sans', sans-serif; display: block; font-size: 80px; line-height: 60px; font-weight: 700; }
#productVideo { margin: 25px 0; display: block; }
.productDocuments h4 { font-family: 'Noto Sans', sans-serif; display: block; color: #000000; font-size: 22px; line-height: 22px; font-weight: 700; margin: 30px 0 0 0; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1); }
.productDocuments ul li { background: url("Images/pdf-download-icon.png") left center no-repeat; padding: 15px 0 0 55px; min-height: 50px; margin: 0; }
.productDocuments ul li a:hover strong { color: #888888; }
.productDocuments ul li a:hover em { color: #ffa1a4; }
.productDocuments strong { font-family: 'Noto Sans', sans-serif; display: block; color: #3c3e42; font-size: 16px; line-height: 18px; font-weight: 600; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1); text-decoration: underline; margin: 0 0 3px 0; }
.productDocuments em { font-family: 'Noto Sans', sans-serif; display: block; color: #ec1c23; font-size: 14px; line-height: 16px; font-weight: 700; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1); }


.productCategories h4 { font-family: 'Noto Sans', sans-serif; display: block; color: #0073b3; font-size: 28px; line-height: 28px; font-weight: 700; margin: 0; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1); }
.productCategories ul { padding: 15px 0 0 0; margin: 0; }
.productCategories ul li { margin: 0 3% 15px 0; display: block; background-color: #ffffff; float: left; width: 47%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.productCategories ul li a { font-family: 'Noto Sans', sans-serif; display: block; color: #ffffff; font-size: 21px; line-height: 22px; font-weight: 800; text-shadow: 2px 2px 2px #000000; filter: dropshadow(color=#000000, offx=2, offy=2); margin: 0; text-align: center; padding: 75px 20px; border: 5px solid #777777;  -webkit-transition: background 200ms ease-out; -moz-transition: background 200ms ease-out; -o-transition: background 200ms ease-out; background-color: rgba(0, 0, 0, 0); }
    .productCategories ul li a:hover { -webkit-transition: background 200ms ease-out; -moz-transition: background 200ms ease-out; -o-transition: background 200ms ease-out; background-color: rgba(0, 0, 0, 0.5); }

.shoppingHeader { display: block; position: absolute; right: 0; top: -5px; background-color: #ec1c23; color: #ffffff; font-family: 'Rokkitt', serif; font-weight: 700; font-size: 12px; line-height: 14px; text-transform: uppercase; }
a.shoppingCartCommand { background: url("Images/shopping-cart-icon.png") 5px center no-repeat; padding: 5px 15px 5px 25px; display: block; float: left; }
a.checkoutCommand { padding: 5px 10px; display: block; float: left; -webkit-box-shadow: inset 10px 0px 50px 0px rgba(207, 17, 22, .7); box-shadow: inset 10px 0px 50px 0px rgba(203, 17, 22, .7); }
a.shoppingCartCommand:hover, a.checkoutCommand:hover {  background-color: #ffffff; color: #ec1c23; -webkit-box-shadow: none; box-shadow: none; }

.ModDNNNewsFeedsC .normal h4 a { font-size: 14px; line-height: 18px; font-family: 'Noto Sans', sans-serif; font-weight: 700; text-shadow: 0px 1px 0px #ffffff;
filter: dropshadow(color=#ffffff, offx=0, offy=1); letter-spacing: 0; }
.rssKaril .normal h4 a { color: #786327; }
.rssKaril .normal h4 a:hover { color: #a48427; }
.rssKaril .normal p.Normal { border-bottom: 1px solid #786327; margin: 20px 0; padding: 0 0 25px 0; }
.rssWater .normal h4 a { color: #0073b3; }
.rssWater .normal h4 a:hover { color: #159be5; }
.rssWater .normal p.Normal { border-bottom: 1px solid #e5a508; margin: 20px 0; padding: 0 0 25px 0; }
.rssSecurity .normal h4 a { color: #d00209; }
.rssSecurity .normal h4 a:hover { color: #f33137; }
.rssSecurity .normal p.Normal { border-bottom: 1px solid #d00209; margin: 20px 0; padding: 0 0 25px 0; }
.rssInc .normal h4 a { color: #00447b; }
.rssInc .normal h4 a:hover { color: #0e65ac; }
.rssInc .normal p.Normal { border-bottom: 1px solid #0e65ac; margin: 20px 0; padding: 0 0 25px 0; }
.videoKaril .normal h4 a { color: #786327; }
.videoKaril .normal h4 a:hover { color: #a48427; }
.videoKaril .normal p.Normal { margin: 20px 0; padding: 0 0 25px 0; }
.videoWater .normal h4 a { color: #0073b3; }
.videoWater .normal h4 a:hover { color: #159be5; }
.videoWater .normal p.Normal { margin: 20px 0; padding: 0 0 25px 0; }
.videoSecurity .normal h4 a { color: #d00209; }
.videoSecurity .normal h4 a:hover { color: #f33137; }
.videoSecurity .normal p.Normal { margin: 20px 0; padding: 0 0 25px 0; }
.videoInc .normal h4 a { color: #00447b; }
.videoInc .normal h4 a:hover { color: #0e65ac; }
.videoInc .normal p.Normal { margin: 20px 0; padding: 0 0 25px 0; }
.ModDNNNewsFeedsC .normal h6 { display: none; }
.ModDNNNewsFeedsC .rssLine { display: none; }

.blog-main-content h2 a { color: #0073b3!important; }
.blog-main-content span.byline { display: none!important; }
.blog-main-content .summary { padding: 0 0 15px 0!important; }
.blog-main-content a { font-size: 18px; line-height: 19px; font-family: 'Rokkitt', serif; font-weight: 700; color: #9ea0a1; text-transform: uppercase; padding: 0 4% 0 0; background: url("Images/arrow-right-footer.png") right center no-repeat; margin: 0 0 20px 0; }

#fullBlogPage { width: 1080px; display: block; margin: 75px auto 40px auto; }

.blogContainer { width: 65%; display: block; margin: 0; float: left; }
    .blogContainer h2 { font-size: 64px; line-height: 50px; color: #013e6e; font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 3px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=3); letter-spacing: 0px; }
.blogRight { width: 30%; display: block; margin: 0 0 0 5%; float: left; }

.ModBlogC .is-post .info { background: none!important; width: 5.5em; overflow: hidden; left: -7.5em; top: 0; padding: 1em; border-radius: 0!important; box-shadow: none!important; }
    
.ModBlogC .post-details header, .ModBlogC .selectbanner { background: none!important; padding: 0!important; border-radius: 0!important; box-shadow: none!important; font-family: 'Noto Sans', sans-serif!important; font-size: 22px!important; line-height: 24px!important; color: #000000!important; margin: 0 0 20px 0!important; font-weight: 600!important; }
.ModBlogC .post-details header h2, .ModBlogC .selectbanner h2 { color: #000000!important; }
.blog-main-content .socialbar { display: none!important; }
.post-details p, .summary p { font-family: 'Noto Sans', sans-serif!important; font-size: 13px!important; line-height: 20px!important; color: #000000!important; margin: 20px 0!important; font-weight: 400!important; }
.ModBlogC .is-post .info .month, .ModBlogC .is-post .info .day, .ModBlogC .is-post .info .year { font-family: 'Noto Sans', sans-serif!important; font-weight: 600!important; color: #000000!important; margin: 5px auto!important; padding: 0!important; font-size: 20px!important; display: inline!important; }
.ModBlogC .is-post .info .date { display: block; }
.ModBlogC .is-post { border-bottom: 1px solid #0073b3!important; min-height: 100px!important; padding: 10px 0 30px 0!important; }
.blogicon-search, .blogicon-rss, .blogicon-home, .blogicon-arrow-up, .removeselection { display: none!important; }

.blogRight h5 { font-size: 28px; line-height: 32px; font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 2px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=2); margin: 35px 0 5px 0; color: #0073b3; text-align: left; }
.blogRight p { font-family: 'Noto Sans', sans-serif; font-size: 13px; line-height: 18px; color: #000000; margin: 20px 0; font-weight: 400; text-align: left; }
.blogRight ul { display: block; margin: 15px 0 25px 0; }
.blogRight ul li { display: block; float: left; width: 32%; margin: 0 .5%; }

.blogCalendar .ui-widget-header { border: none!important; background: none!important; }
.blogCalendar .ui-widget-content { border: none!important; border-radius: 0!important; background: none!important; }
.blogCalendar .ui-datepicker { padding: 1% 1% 0!important; width: 100%!important; }

.blog_post_title a { color: #0073b3; font-size: 14px; line-height: 18px; font-family: 'Noto Sans', sans-serif; font-weight: 700; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1); letter-spacing: 0; }
.blog_post { padding: 20px 0!important; border-bottom: 1px solid #0073b3!important; margin: 0!important; }
.blogRight .ModBlogC { margin: 0 0 20px 0!important; }

.blog_post .blog_post_details { display: none; }

#nav { cursor: pointer!important; }

#photoGallery { display: block; margin: 65px auto 35px auto; width: 1080px; }
    #photoGallery h3 { font-size: 64px; line-height: 50px; color: #013e6e; font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 3px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=3); letter-spacing: 0px; margin: 0 0 30px 0; }
    #dnn_photoGalleryContent .DnnModule, #photoGalleryContent { width: 23%; margin: 0 2% 25px 0; display: block; float: left; }
    #photoGallery .DnnModule img { width: 97%; margin: 0 auto; border: 5px solid #494949; }
    #photoGallery .DnnModule img:hover { border: 5px solid #000; }
    #dnn_photoGalleryContent .DnnModule:nth-child(4n+5) { clear: left; }

    
#dnn_Technologies .DnnModule ul li:nth-child(3n+4) { clear: left; }

#dnn_contentPane { width: 100%; min-height: 100%; /* real browsers */ height: auto !important; /* real browsers */ height: 100%; /* IE6: treated as min-height*/ background: url("Images/group-header-banner-bg.jpg") center top no-repeat; background-size: cover; z-index: 9; display: table; position: absolute; top: 0; left: 0; z-index: 9; padding: 60px 0; border-top: 5px solid #0073b3; border-bottom: 5px solid #0073b3; }
#dnn_contentPane .DnnModule { display: table-cell; vertical-align: middle; text-align: center; }
    #dnn_contentPane h2 { font-size: 24px; line-height: 28px; font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 0px 3px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=3); letter-spacing: 0px; }
.LoginPanel { margin: 25px auto 0 auto; float: none; background-color: rgba(0,0,0,.5); padding: 45px; width: inherit; }
.dnnFormItem > label.dnnFormLabel { width: 40%; font-size: 20px; line-height: 24px; font-family: 'Rokkitt', serif; font-weight: 700; text-shadow: 1px 2px 1px #444444; color: #ffffff; }
.dnnLoginRememberMe label { font-size: 16px; line-height: 18px; font-family: 'Rokkitt', serif; font-weight: 700; color: #ffffff; }


/* INC STYLES */

.barTopInc { border-top: 5px solid #0073b3; }
.btnInc { background: rgb(25,129,186); /* Old browsers */ background: -moz-linear-gradient(top, rgba(32,142,202,1) 0%, rgba(1,105,162,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,142,202,1)), color-stop(100%,rgba(1,105,162,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(32,142,202,1) 0%,rgba(1,105,162,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(32,142,202,1) 0%,rgba(1,105,162,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(32,142,202,1) 0%,rgba(1,105,162,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(32,142,202,1) 0%,rgba(1,105,162,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1981ba', endColorstr='#0169a2',GradientType=0 ); /* IE6-9 */ text-shadow: 0px 2px 0px #00437a; filter: dropshadow(color=#00437a, offx=0, offy=2); }
    .btnInc:hover { background: rgb(31,162,205); /* Old browsers */ background: -moz-linear-gradient(top, rgba(31,162,205,1) 0%, rgba(9,136,178,1) 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,162,205,1)), color-stop(99%,rgba(9,136,178,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(31,162,205,1) 0%,rgba(9,136,178,1) 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(31,162,205,1) 0%,rgba(9,136,178,1) 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(31,162,205,1) 0%,rgba(9,136,178,1) 99%); /* IE10+ */ background: linear-gradient(to bottom, rgba(31,162,205,1) 0%,rgba(9,136,178,1) 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa2cd', endColorstr='#0988b2',GradientType=0 ); /* IE6-9 */ }
.fontInc { color: #0073b3; }
.fontIncDark { color: #00447b; }
.fontInc a:hover, a.fontInc:hover { color: #1ea1ea; }
.fontInc a.button:hover, a.fontInc.button:hover { color: #ffffff; }
li.liInc { border-bottom: 1px solid #00447b; }
.linkInc { color: #0073b3; padding: 0 15px 0 0; background: url("Images/arrow-right-inc-link.png") right center no-repeat; }

/* KARIL STYLES */

.KarilBarTop { border-top: 5px solid #786327; }
.btnKaril { background: rgb(145,124,64); /* Old browsers */ background: -moz-linear-gradient(top, rgba(145,124,64,1) 0%, rgba(109,90,36,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,124,64,1)), color-stop(100%,rgba(109,90,36,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(145,124,64,1) 0%,rgba(109,90,36,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(145,124,64,1) 0%,rgba(109,90,36,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(145,124,64,1) 0%,rgba(109,90,36,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(145,124,64,1) 0%,rgba(109,90,36,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#917c40', endColorstr='#6d5a24',GradientType=0 ); /* IE6-9 */ text-shadow: 0px 1px 0px #544311; filter: dropshadow(color=#544311, offx=0, offy=1); }
    .btnKaril:hover { background: rgb(163,139,73); /* Old browsers */ background: -moz-linear-gradient(top, rgba(163,139,73,1) 0%, rgba(130,105,44,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,139,73,1)), color-stop(100%,rgba(130,105,44,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(163,139,73,1) 0%,rgba(130,105,44,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(163,139,73,1) 0%,rgba(130,105,44,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(163,139,73,1) 0%,rgba(130,105,44,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(163,139,73,1) 0%,rgba(130,105,44,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a38b49', endColorstr='#82692c',GradientType=0 ); /* IE6-9 */ }
.fontKaril { color: #0073b3; }
.fontKarilDark { color: #786327; }
.fontKaril a:hover, a.fontWater:hover { color: #9a7f32; }
.linkKaril { color: #786327; padding: 0 15px 0 0; background: url("Images/arrow-right-karil-link.png") right center no-repeat; }
li.liKaril { border-bottom: 1px solid #786327; }

/* SECURITY STYLES */

.SecurityBarTop { border-top: 5px solid #ec1c23; }
.btnSecurity { background: rgb(227,25,32); /* Old browsers */ background: -moz-linear-gradient(top, rgba(227,25,32,1) 1%, rgba(203,0,8,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(227,25,32,1)), color-stop(100%,rgba(203,0,8,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(227,25,32,1) 1%,rgba(203,0,8,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(227,25,32,1) 1%,rgba(203,0,8,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(227,25,32,1) 1%,rgba(203,0,8,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(227,25,32,1) 1%,rgba(203,0,8,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e31920', endColorstr='#cb0008',GradientType=0 ); /* IE6-9 */ text-shadow: 0px 1px 0px #ab0007; filter: dropshadow(color=#ab0007, offx=0, offy=1); }
    .btnSecurity:hover { background: rgb(255,38,52); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,38,52,1) 1%, rgba(224,11,11,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,38,52,1)), color-stop(100%,rgba(224,11,11,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,38,52,1) 1%,rgba(224,11,11,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,38,52,1) 1%,rgba(224,11,11,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,38,52,1) 1%,rgba(224,11,11,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,38,52,1) 1%,rgba(224,11,11,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2634', endColorstr='#e00b0b',GradientType=0 ); /* IE6-9 */ }
.fontSecurity { color: #d00209; }
.fontSecurityDark { color: #d00209; }
.fontSecurity a:hover, a.fontWater:hover { color: #1ea1ea; }
.linkSecurity { color: #cb0108; padding: 0 15px 0 0; background: url("Images/arrow-right-security-link.png") right center no-repeat; }
li.liSecurity { border-bottom: 1px solid #d00209; }

/* WATER STYLES */

.WaterBarTop { border-top: 5px solid #fcb813; }
.btnWater { background: rgb(207,153,27); /* Old browsers */ background: -moz-linear-gradient(top, rgba(207,153,27,1) 0%, rgba(168,119,1,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,153,27,1)), color-stop(100%,rgba(168,119,1,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(207,153,27,1) 0%,rgba(168,119,1,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(207,153,27,1) 0%,rgba(168,119,1,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(207,153,27,1) 0%,rgba(168,119,1,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(207,153,27,1) 0%,rgba(168,119,1,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf991b', endColorstr='#a87701',GradientType=0 ); /* IE6-9 */ text-shadow: 0px 2px 0px #886600; filter: dropshadow(color=#886600, offx=0, offy=2); }
    .btnWater:hover { background: rgb(226,181,31); /* Old browsers */ background: -moz-linear-gradient(top, rgba(226,181,31,1) 1%, rgba(191,156,1,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(226,181,31,1)), color-stop(100%,rgba(191,156,1,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(226,181,31,1) 1%,rgba(191,156,1,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(226,181,31,1) 1%,rgba(191,156,1,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(226,181,31,1) 1%,rgba(191,156,1,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(226,181,31,1) 1%,rgba(191,156,1,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2b51f', endColorstr='#bf9c01',GradientType=0 ); /* IE6-9 */ }
.fontWater { color: #0073b3; }
.fontWaterDark { color: #0073b3; }
.fontWater a:hover, a.fontWater:hover { color: #1ea1ea; }
li.liWater { border-bottom: 1px solid #e5a508; }



/* IMAGE ROTATOR */

div.controls { margin-top: 5px; height: 23px; display: none; }
    div.controls a { padding: 5px; }
div.ss-controls { float: left; }
div.nav-controls { float: right; }
div.slideshow-container { position: relative; clear: both; height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */ overflow: hidden; border: 5px solid #777777; width: 510px; margin: 0 auto; }
div.loader { position: absolute; top: 0; left: 0; background-image: url('Images/loader.gif'); background-repeat: no-repeat; background-position: center; width: 520px; height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */ }
div.slideshow { }
    div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
    div.slideshow a.advance-link { display: block; width: 510px; height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */ line-height: 0; /* This should be set to be at least the height of the largest image in the slideshow */ text-align: center; background-color: #ffffff; }
        div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }
    div.slideshow img { vertical-align: middle; width: auto; max-width: inherit; height: 100%; }
div.download { text-align: right; }
div.caption-container { position: relative; clear: left; }
span.image-caption { display: block; position: absolute; top: 0; right: 0; z-index: 99; }
    span.image-caption a { background: url('Images/expand-icon.png') 5px center no-repeat #777777; padding: 3px 10px 3px 25px; color: #ffffff; font-family: 'Noto Sans', sans-serif; font-size: 11px; line-height: 11px; font-weight: 800; }
        span.image-caption a:hover { text-decoration: none; background-color: #8e8e8e; }
div.caption { }
div.image-title { font-weight: bold; font-size: 1.4em; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }
div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ }
#thumbs { width: 530px!important; padding: 20px 0; position: relative; }
ul.thumbs { float: left; margin: 0; padding: 0; display: block; width: 450px; overflow: hidden; display: block; height: 70px; }
    ul.thumbs li { float: left; padding: 0; margin: 0 10px; }
a.thumb { display: block; border: 5px solid #000000; max-height: 60px; overflow: hidden; }
ul.thumbs li.selected a.thumb { background: #000; overflow: hidden; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; width: 60px; }
div.pagination { clear: both; }
div.navigation div.top { height: 70px; width: 70px; display: block; float: right; }
div.navigation div.bottom { display: none; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; }
    div.pagination a:hover { text-decoration: none; }
div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }

.pagination a, .pagination span { display: none!important; }
.pagination a[title="+"], .pagination a[title="-"] { display: block!important; text-align: center; width: 60px; background-color: #303030; background-position: center center; background-repeat: no-repeat; height: 60px; color: #000000; font-size: 80px; line-height: 80px; font-weight: bold; text-indent: -9999px; }
.pagination a[title="+"] { background-image: url('Images/plus.png'); border: 5px solid #000000; }
.pagination a[title="-"] { background-image: url('Images/minus.png'); border: 5px solid #000000; }
.pagination a[title="+"]:hover, .pagination a[title="-"]:hover { background-color: #585858; }
.clear { clear: both; }



/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
    .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('Images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
    #fancybox-loading div { width: 44px; height: 44px; background: url('Images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('Images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }
    .fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('Images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
    .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('Images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }

        #fancybox-loading div { background-image: url('Images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}


/* RESPONSIVE */

@media \0screen {

img { width: auto; /* for ie 8 */ }

}

@media only screen and (max-width: 1080px) {
    
#topBanner { width: 100%; padding: 0; }
.topBannerContainer { width: 100%; }
.expertiseBannerContainer { width: 100%; }
.bottomBannerContainer { width: 100%; }

}

@media only screen and (max-width: 1079px) and (min-width: 768px) {
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 1079px) {
    html { -ms-word-break: break-all; word-break: break-all; word-break: break-word; /* old webkit */ }
    .photoGalleryContainer, #photoGallery, .interiorHome #header, #nav, .specializedBannerContainer ul, .groupMainContent, .groupBreakdownContainer, .aboutBottomBannerContainer, #fullBlogPage, .marketsRight, .marketsLeft, .contactRight .dnnFormItem, .productCategoriesContainer, #dnn_interiorContent { width: 100%; }
    .contactRight .DnnModule, .contactLeft .DnnModule, .interiorContent, .mainContent, .wrapper { width: 90%; padding: 0 5%; }
    .barTopInc #dnn_newsAndEvents, .barTopInc #dnn_featuredVideo, .barTopInc #dnn_Technologies { display: block; width: 90%; float: none; clear: both; padding: 0 5% 40px 5%; margin: 0; min-height: inherit; text-align: center; border-bottom: 5px solid #0073b3; }
    .SecurityBarTop #dnn_newsAndEvents, .SecurityBarTop #dnn_featuredVideo, .SecurityBarTop #dnn_Technologies { display: block; width: 90%; float: none; clear: both; padding: 0 5% 40px 5%; margin: 0; min-height: inherit; text-align: center; border-bottom: 5px solid #ec1c23; }
    .KarilBarTop #dnn_newsAndEvents, .KarilBarTop #dnn_featuredVideo, .KarilBarTop #dnn_Technologies { display: block; width: 90%; float: none; clear: both; padding: 0 5% 40px 5%; margin: 0; min-height: inherit; text-align: center; border-bottom: 5px solid #786327; }
    .WaterBarTop #dnn_newsAndEvents, .WaterBarTop #dnn_featuredVideo, .WaterBarTop #dnn_Technologies { display: block; width: 90%; float: none; clear: both; padding: 0 5% 40px 5%; margin: 0; min-height: inherit; text-align: center; border-bottom: 5px solid #fcb813; }
    #dnn_featuredItems { display: block; width: 90%; float: none; clear: both; padding: 0 5% 40px 5%; margin: 0; min-height: inherit; text-align: center; }
        #dnn_newsAndEvents .btnMed, #dnn_featuredVideo .btnMed, #dnn_Technologies .btnMed { padding: 2% 4%; margin: 0 auto; display: inline-block; }
        #dnn_Technologies ul li { text-align: center; max-height: 100px; }
    #dnn_footerLeftPane ul { margin: 10px 0; }
    #bottomBanner h6 { text-align: center; }
    .interiorHome #header img { margin: 0 auto; display: block; }
    .expertiseBannerContainer h4, .expertiseBannerContainer p, .expertiseBannerContainer ul { width: 90%; margin-left: 5%; margin-right: 5%; }
    .expertiseBannerContainer h4 { line-height: 50px; text-align: center; }
    .expertiseBannerContainer p { text-align: center; }
    .expertiseBannerContainer ul li { margin-right: 5%; margin-left: 5%; width: 40%; }
    #dnn_featuredItems .DnnModule { width: 31%; margin: 0 2% 30px 0; }
    #dnn_featuredItems .DnnModule:nth-child(3n+4) { clear: left; }
    #dnn_featuredItems .DnnModule:nth-child(4n+4) { margin-left: 18%; }
    #nav { text-align: center; background: rgb(0, 115, 179); background: rgba(0, 115, 179, 1); padding: 12px 0 8px 0; }
    .groupHome #header { width: 50%; }
        .groupBreakdownContainer .DnnModule { width: 49.8%; }
    #groupBreakdown a.choiceInc, #groupBreakdown a.choiceWater, #groupBreakdown a.choiceSecurity, #groupBreakdown a.choiceKaril { padding: 40px 1%; }
    #dnn_areaChoice .DnnModule { margin: 0 3%; width: 44%; }
    .groupMainContent p { width: 93%; }
    .ModDNNNewsFeedsC .normal h4 a { font-size: 17px; line-height: 23px; }
    #bottomBanner p { font-size: 14px; line-height: 22px; }
    #header { float: none; margin: 0 auto; text-align: center; padding: 65px 0 0 0; }
    .blogRight { width: 33%; margin: 0 0 0 2%; }
    .blogCalendar .ui-datepicker td span, .blogCalendar .ui-datepicker td a { padding: 0; font-size: 12px; }
    .blogCalendar .ui-datepicker { padding: 0!important; width: 95%; }
    .contactLeft .panelThird { width: 28%; margin: 0 1%; padding: 30px 1%; }
    .contactRight .dnnFormItem input, .contactRight .dnnFormItem textarea { max-width: 75%; width: 75%; }
    .contactRight ul.dnnActions { width: 100%; text-align: center; }
        .contactRight ul.dnnActions li { float: none; }
    .productContent { width: 40%; margin: 0 0 0 3%; }
    .productRight { width: 50%; margin: 0 3% 0 0; }
    #Breadcrumb { width: 94%; margin-left: 3%; margin-right: 3%; }
    div.slideshow a.advance-link, div.slideshow-container { width: 94%; height: 300px; }
    #thumbs { width: 100%!important; }
    ul.thumbs { width: 80%!important; }
        ul.thumbs li { margin: 0 2.5%; width: 14.75%; }
        ul.thumbs li a { width: 100%; }
        ul.thumbs li a img { width: 100%; }
    .pagination a[title="+"], .pagination a[title="-"] { width: 100%; height: 50px; }
    div.navigation div.top { width: 14.75%; margin: 0 4% 0 0; height: 50px; }
    #nav { text-align: center; display: block; position: absolute; top: -6px; z-index: 9999; padding: 0;  }
    #dnn_pnav > li > a, #dnn_pnav > li > span { padding: 10px 15px; color: #ffffff; font-size: 16px; line-height: 16px; letter-spacing: -1px; }
    #dnn_pnav > li > a:hover, #dnn_pnav > li > span:hover { padding: 10px 15px; color: #0073b3!important; background-color: rgb(255,255,255) }
    #dnn_pnav > li { display: inline-block; zoom: 1; *display: inline; float: none; padding: 0; background: url("Images/nav-arrow-down-white.png") right center no-repeat; }
    #dnn_expertisePane, .topBannerContainer, .contactLeft { position: relative; z-index: 9999; background: rgba(248,248,248,0.85) }
    .aboutBG .topBannerContainer { background: none; }
    dnn_expertisePane .DnnModule { position: absolute; z-index: 99; }
    .bannerJeep, .bannerWaterDevice { width: 100%; top: 0; }
    .mainContent { margin-top: 50px; }
    #dnn_pnav li:last-child { border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; }
}


li.dns300Nav a { background: url("Images/dns300nav-grey.jpg") center center no-repeat; background-size: cover; }
li.dns300Nav a:hover { background-image: url("Images/dns300nav.jpg"); background-size: cover; }
li.dns300Sonar a { background: url("Images/dns300sonar-grey.jpg") center center no-repeat; background-size: cover; }
li.dns300Sonar a:hover { background-image: url("Images/dns300sonar.jpg"); background-size: cover; }
li.cmasterDiver a { background: url("Images/cmaster-diver-navigation-system-grey.jpg") center center no-repeat; background-size: cover; }
li.cmasterDiver a:hover { background-image: url("Images/cmaster-diver-navigation-system.jpg"); background-size: cover; }
li.edge a { background: url("Images/edge-grey.jpg") center center no-repeat; background-size: cover; }
li.edge a:hover { background-image: url("Images/edge.jpg"); background-size: cover; }