/* CSS Document */

/* colors: 
 


*/

.headerVid {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.headerVid.vidShift {
    top: -50%;
}

/* ------------------------------------------------------------------------ */
/* START Freestyle
--------------------------------------------------------------------------- */

.fs-color1 { color: #02382a; }
.fs-color2 { color: #ebab00; }
.fs-color3 { color: #ea0437; }

.fs-white { color: #ffffff; }
nobr .fs-white { text-shadow: -1px -1px 3px #333; background: #ddd; display: inline-block; padding: .25em .5em; }

.fs-float-left { float: left; margin: 0 1.25em .5em 0; }
.fs-float-right { float: right; margin: 0 0 .5em 1.25em; }
.fs-img-border { display: inline-block; padding: 4px; background: #fff; border: 1px solid #aaa;
	             -moz-box-shadow: 0px 0px 6px #ccc;
	          -webkit-box-shadow: 0px 0px 6px #ccc;
	                  box-shadow: 0px 0px 6px #ccc; }
.fs-img-border img { display: block; }

.fs-subheadingLG { font-size: 1.4em; background: url(/images/grad1-top-shad.png) repeat-x; padding-top: .75em; margin-top: 1.5em; display: block; }
.fs-subheadingMED { font-size: 1.3em; border-top: 1px solid #eee; padding-top: .75em; margin-top: 1.5em; display: block; }
.fs-subheadingSM { font-size: 1.2em; }

.fs-bodyTextLG {  font-size: 1.1em; }
.fs-bodyTextSM { font-size: .9em; }

/* ---------------------- */
/* MFT Defaults
------------------------- */

.fixed { position: fixed!important; }
.absolute { position: absolute!important; }
.relative { position: relative!important; }

body { text-align: center; /*IE6 center page fix*/ margin: 0 auto; line-height: 1.35; background-color: #999999; color: #111111; font-size: 16px; min-width: 293px; max-width: 1920px; }

img,
video,
canvas,
object { max-width: 100%; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; }
a img { border: none; }

embed, object, iframe { position: relative; z-index: 0; }

h1 a,
h1 a:hover { text-decoration: none; }
h1,
h2,
h3,
p { margin: 0 0 .8em 0; }
h1,
h2,
h3 { line-height: 1.15; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.65em; }
h3 { font-size: 1.5em; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

table { border-collapse: collapse; border-spacing: 0; }
th { vertical-align: bottom; }
td { vertical-align: middle; }
/* Added below line for HK */
div.contentContainer td { vertical-align: top; }
blockquote { margin-left: 2em; }
ul { margin: 0 0 1em 2em; padding: 0 0 0 20px; list-style-type: square; }
/*ul li { background: url(/images/bullet.png) top 8px left 0.2em no-repeat; padding: 0 0 0 14px; }*/
ul li,
ol li { margin-bottom: .5em; }
ol li ol li { list-style: lower-alpha; margin: .5em 0; }
ol li ol li ol li { list-style: lower-roman; }

table.data,
table.data-vert { border-collapse: collapse; width: 100%; margin: 1em 0 2em; background: #fff; }
table.data tr:hover td { background: #f7f7f7; cursor: default; }
table.data>tbody>tr>th,
table.data tbody tr td,
table.data-vert>tbody>tr>td,
table.data-vert>tbody>tr>th { padding: .5em 1em; vertical-align: top; border: 1px solid #ddd; }
table.data tr:first-child td,
table.data tr/*:first-child*/ th { font-weight: normal; background: #eee; }
table.data tr:first-child th { vertical-align: bottom; }
table.data td:first-child,
table.data-vert th { background: #f7f7f7; }
table.data.noheader tr:first-child td {background: inherit; vertical-align: inherit; }

table.layout { border-collapse: collapse; width: 100%; margin: 1em 0 2em; }
table.layout th,
table.layout td { padding: 1em; vertical-align: top; }

.tblListTable { border: 1px solid black; table-layout: inherit; padding: 2px; width: 100%; max-width: 680px; }
.tblListTitle  {background-color: #ccc; padding-left: 10px; }
.tblListRow1 { background-color: #f1f1f1; padding-left: 15px; padding-right: 5px;}
.tblListRow1bold { background-color: #f1f1f1; padding-left: 15px; padding-right: 5px; font-weight: bold;}
.tblListRow1b { background-color: #f1f1f1; padding-left: 25px; padding-right: 5px;}
.tblListRow2 { background-color: #dfdfdf; padding-left: 15px; padding-right: 5px;}
.tblListRow2bold { background-color: #dfdfdf; padding-left: 15px; padding-right: 5px; font-weight: bold;}
.tblListRow2b { background-color: #dfdfdf; padding-left: 25px; padding-right: 5px;}

ul.Menu {  }
ul.Menu li {  }
ul.Menu a { text-decoration: none; }
ul.Menu.horizontal { width:100%; padding: 0; margin: 0; list-style-type: none!important; font-weight: bold; font-size: 1.2em; text-align:right }
ul.Menu.horizontal > li { display: inline; padding: 20px; position: relative; top: 50%; transform: translateY(50%); }
ul.Menu.horizontal ul { display: none; }
ul.Menu vertical {  }

.nav,
ul.nav ul,
ol.nav ol { margin: 0; padding: 0; list-style: none; }
.nav li { margin: 0; padding: 0; background: none; }
ol.nav li { list-style: none; }
.nav li a,
.nav li a:hover { text-decoration: none; }

hr { border: none; border-top: 1px solid #ccc; height :0; margin: 1em 0; display: inline-block; width: 100%; clear: both; }

a {  }
a:hover { text-decoration: none; cursor: pointer;
	        -webkit-transition: background-color .15s ease-in-out, color .15s ease-in-out, border .15s ease-in-out, padding .15s ease-in-out;
	           -moz-transition: background-color .15s ease-in-out, color .15s ease-in-out, border .15s ease-in-out, padding .15s ease-in-out;
	            -ms-transition: background-color .15s ease-in-out, color .15s ease-in-out, border .15s ease-in-out, padding .15s ease-in-out;
	             -o-transition: background-color .15s ease-in-out, color .15s ease-in-out, border .15s ease-in-out, padding .15s ease-in-out;
                    transition: background-color .15s ease-in-out, color .15s ease-in-out, border .15s ease-in-out, padding .15s ease-in-out; }

.transition3 { -webkit-transition: all .3s ease-in-out;
                  -moz-transition: all .3s ease-in-out;
                   -ms-transition: all .3s ease-in-out;
                    -o-transition: all .3s ease-in-out;
                       transition: all .3s ease-in-out; }
.transition15 { -webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out; }

.borderradius8 { -moz-border-radius: 8px;
              -webkit-border-radius: 8px;
                      border-radius: 8px;
               -khtml-border-radius: 8px; }
.borderradius12 { -moz-border-radius: 12px;
               -webkit-border-radius: 12px;
                       border-radius: 12px;
                -khtml-border-radius: 12px; }
.borderradius18 { -moz-border-radius: 18px;
               -webkit-border-radius: 18px;
                       border-radius: 18px;
                -khtml-border-radius: 18px; }
.borderradius24 { -moz-border-radius: 24px;
               -webkit-border-radius: 24px;
                       border-radius: 24px;
                -khtml-border-radius: 24px; }

.opacity85 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
                 filter: alpha(opacity=85);
           -moz-opacity: 0.85;
         -khtml-opacity: 0.85;
                opacity: 0.85; }
.opacity60 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
                            filter: alpha(opacity=60);
                            -moz-opacity: 0.60;
                            -khtml-opacity: 0.60;
                            opacity: 0.60; }
.opacity40 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
                            filter: alpha(opacity=40);
                            -moz-opacity: 0.40;
                            -khtml-opacity: 0.40;
                            opacity: 0.40; }

.fine-print { font-size: .75em; }

.imageScroll { background-attachment: fixed; background-position: 50%; background-size: cover; background-repeat: no-repeat; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }

div.callout { background: #f7f7f7 url(/images/grad1-top-shad.png) repeat-x; padding: 3%; overflow: hidden; border: 1px solid #eee; margin-bottom: 2em; }

div.blockquote { margin: 40px 5%; padding: 25px; background: #f1f1f1; }

a.social { display: inline-block; padding: 2px; margin: 0 1px; text-decoration: none;
           -webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out;
                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                     filter: alpha(opacity=50);
                -moz-opacity: 0.50;
              -khtml-opacity: 0.50;
                     opacity: 0.50; }
a.social:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                     filter: alpha(opacity=100);
                -moz-opacity: 1;
              -khtml-opacity: 1;
                     opacity: 1; }

a.social.empPortal { color: #ffffff; font-size: 14px; font-family: 'News Cycle', sans-serif; }

.maps { background: #e5e3df url(/images/loading.gif) center center no-repeat; }

ul.inlineList { text-align: center; padding: 0; }
ul.inlineList > li { display: inline-block; font-weight: bold; padding: 5px 25px; }

div.videoContainer { max-width: 1050px; margin: 0 auto; }

.left,
img[align=left] { margin: 0 20px 20px 0; }
.right,
img[align=right] { margin: 0 0 20px 20px; }

ul.threeWide { display: block; width: 100%; font-size: 0; padding: 0; }
ul.threeWide > li { display: inline-block; padding: 1.5%; width: 33%; box-sizing: border-box; font-size: 16px; }

a[rel=external]:after { vertical-align: super; content: '\29C9'; font-size: 0.65em; text-decoration: none; }

/* ------------------------------------------------------------------------ */
/* START Layout
--------------------------------------------------------------------------- */

/*.fixed { position: fixed!important; }
.absolute { position: absolute!important; }
.relative { position: relative!important; }*/

.imageScroll { background-attachment: fixed; background-position: 50%; background-size: cover; background-repeat: no-repeat; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }

div.contentContainer .col1 a,
a { color: #555555; }
div.contentContainer a { color: #0000EE; }

div.contentContainer a:hover,
div.contentContainer .col1 a:hover,
a:hover { color: #000000; }


body, button, input, select, textarea { font-family: arial, "trebuchet MS", trebuchet, verdana; font-size: 16px; color: #212121; }

div.pageWrapper { background: #ffffff;
                  /*-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);*/ }

h1, h2, h3, h4 { color: #111111; font-family: arial, "trebuchet MS", trebuchet, verdana; }
h1 { display: block; position: relative; padding: 0 3%; margin: 0 auto; color: #000000; z-index: 1; font-weight: normal; max-width: 1136px; text-align: left; box-sizing: border-box;
                                       -webkit-transition: all .3s ease-in-out;
	                                      -moz-transition: all .3s ease-in-out;
	                                       -ms-transition: all .3s ease-in-out;
	                                        -o-transition: all .3s ease-in-out;
	                                           transition: all .3s ease-in-out; }
h1 img { margin: -15px 0; width: 12%; max-width: 120px; }
h1 span.contPageHeading { display: inline-block; vertical-align: middle; width: 88%; box-sizing: border-box; padding: 0 0 0 5px; }
h1 span.smallPageHeading { color: #bbbbbb; font-size: 0.75em; }
.admin h1 { margin-top: 15px; }
h2 {  }
h3 {  }

div.content ul { overflow: hidden; }

div.breadcrumbs { text-align: left; font-size: .8em; margin: 0 auto 15px; max-width: 1136px; padding: 0 3%; box-sizing: border-box; }
div.breadcrumbs a { text-decoration: none; }

div.header { position: fixed; left: 0; right: 0; z-index: 1000; padding: 0; background: url(/images/trans60_000000.png) repeat; background: rgba(0,0,0,0.66); text-align: left; color: #999999;
             -moz-box-shadow: 0 20px 10px rgba(0,0,0,0.33);
	-webkit-box-shadow: 0 20px 10px rgba(0,0,0,0.33);
	box-shadow: 0 20px 10px rgba(0,0,0,0.33); }
div.miniMenu { background: rgba(0,0,0,0.85);
             -moz-box-shadow: 0 7px 20px rgba(0,0,0,0.33);
	-webkit-box-shadow: 0 7px 20px rgba(0,0,0,0.33);
	box-shadow: 0 7px 20px rgba(0,0,0,0.33); }
div.topBar div.contLogoNav { position: relative; margin: 0 auto; padding: 20px 3%; text-align: left; max-width: 1040px;
-webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out; }
div.miniMenu div.contLogoNav { padding: 5px 3%; }

a.logo { display: inline-block; margin: -6px auto; position: relative; z-index: 2; }
a.logo img { width: 100%; max-width: 100%; overflow: hidden;
             -webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out; }
div.miniMenu a.logo img { width: 75px; }

div.header a.social { height: 19px; vertical-align: bottom;
    -webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out; }

div.miniMenu a.social { height: 0; padding: 0; margin: 0; overflow: hidden; }

/*strong.tagTop { z-index: 1; position: relative; display: inline-block; margin: 0 25px; font-size: 17px; letter-spacing: 2px; }*/

div.contHeaderRight { position: absolute; right: 3%; left: 3%; top: 10px; bottom: 0; text-align: right;
                      -webkit-transition: all .15s ease;
                -moz-transition: all .15s ease;
                -ms-transition: all .15s ease;
                 -o-transition: all .15s ease;
                    transition: all .15s ease; }

/* TOP NAV STYLES */
div.contTopNav { position: absolute; bottom: 0; left: 0; right: 0; text-align: right; }
div.contTopNav > a { text-decoration: none;
                     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                     filter: alpha(opacity=50);
                -moz-opacity: 0.50;
              -khtml-opacity: 0.50;
                     opacity: 0.50;
           -webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out; }
div.contTopNav > a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                     filter: alpha(opacity=100);
                -moz-opacity: 1;
              -khtml-opacity: 1;
                     opacity: 1; }
div.contTopNav > a > img { vertical-align: sub; }
div.contTopNav > ul.nav { display: inline-block; position: relative; z-index: 98; width: auto; text-align: center; margin: 0; padding: 0; font-size: 0; line-height: 0; }
div.contTopNav ul.nav li { display: inline-block; position: relative; margin: 0px; }
div.contTopNav ul.nav li a { display: block; color: #999999; line-height: 50px; padding: 0 15px; font-size: 16px; font-family: 'News Cycle', sans-serif; letter-spacing: 1px; text-transform: uppercase;
                             -webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out; }
div.contTopNav > ul.nav > li.selected > a,
div.contTopNav > ul.nav > li:hover > a { color: #ffffff; }


div.contTopNav > ul.nav > li > ul { text-align: left; display: block; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; height: 0; position: absolute; top: 50px; left: 0;
                                    background: rgba(0,0,0,0.85); z-index: 1001; min-width: 100%; padding: 0; overflow: hidden; }
/*div.contTopNav > ul.nav > li:nth-child(5) > ul,*/
div.contTopNav > ul.nav > li:last-child > ul { right: 0; left: auto; }
div.contTopNav > ul.nav ul.hover { font-size: 14px; opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; height: auto; overflow: visible; padding: 5px 0; }

div.contTopNav > ul.nav > li > ul > li { display: block; margin: 0; background: none!important; }

div.contTopNav > ul.nav > li > ul > li a { text-transform: uppercase; }

div.contTopNav > ul.nav > li > ul > li > a { display: block; color: #999999; white-space: nowrap; font-size: 15px; line-height: 1; padding: 1em 2em; }
div.contTopNav > ul.nav > li > ul > li.selected > a,
div.contTopNav > ul.nav > li > ul > li:hover > a { color: #ffffff; /*background: #333333;*/ }


div.contTopNav > ul.nav > li > ul > li > ul { text-align: left; display: block; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; height: 0; position: absolute; top: -5px; left: 100%;
                                    background: rgba(0,0,0,0.85); z-index: 1001; min-width: 100%; padding: 0; overflow: hidden; }
div.contTopNav > ul.nav > li:nth-child(5) > ul > li > ul,
div.contTopNav > ul.nav > li:last-child > ul > li > ul { right: 100%; left: auto; /*left: -100%;*/ }
/*div.contTopNav > ul.nav > li > ul > li:hover > ul { font-size: 14px; opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; height: auto; overflow: visible; padding: 5px 0; }*/

div.contTopNav > ul.nav > li > ul > li > ul > li { display: block; margin: 0; background: none!important; }

div.contTopNav > ul.nav > li > ul > li > ul > li a { text-transform: uppercase; }

div.contTopNav > ul.nav > li > ul > li > ul > li > a { display: block; color: #999999; white-space: nowrap; font-size: 15px; line-height: 1; padding: 1em 2em; }
div.contTopNav > ul.nav > li > ul > li > ul > li.selected > a,
div.contTopNav > ul.nav > li > ul > li > ul > li:hover > a { color: #ffffff; /*background: #333333;*/ }

/*div.contTopNav > ul.nav > li > ul > li > ul > li > a { display: block; line-height: 1.5; background: #999999; color: #111111; padding-left: 15%; border-left: 10px solid #555555; }
div.contTopNav > ul.nav > li > ul > li > ul > li.selected > a,
div.contTopNav > ul.nav > li > ul > li > ul > li:hover > a { background: #e2e2e2; border-left: 10px solid #999999; }*/
/* END TOP NAV STYLES */

/* search widget */
/*div.search-widget-container { position: absolute; display: inline-block; top: 53px; right: 3%; max-width: 460px; margin: 0; white-space: nowrap; box-sizing: border-box; padding: 0 20px; }
div.search-widget-container * { vertical-align: middle; }
div.search-widget-container div.search-widget-body { display: inline-block; white-space: normal; width: 80%; }
div.search-widget-container div.search-widget-inner { display: inline-block; width: 100%; }
div.search-widget-container input {  }
div.search-widget-container div .text-box { border: none; background: #fff; }
div.search-widget-container div input.text-button { background: url(/images/icon-search.png) center no-repeat; width: 23px; height: 23px; border: none; }
div.search-widget-container div input.text-button:hover {
           -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
                border-radius: 50%;
         -khtml-border-radius: 50%; }*/

div.search-widget-container { position: absolute; right: 0; margin: 0; padding: 0; border-top: none; font-size: 0; }
div.topBar div.search-widget-container { top: 53px; }
div.bottomNav div.search-widget-container { bottom: 53px; }
div.search-widget-container p { display: none; }
div.search-widget-container div .text-box { width: 80%; box-sizing: border-box; background: url(/images/trans80_ffffff.png) center center repeat; background: rgba(255,255,255,0.8); color: #111111;
                                            padding: 7px 12px; border: 2px solid #111111; border-color: rgba(0,0,0,0.66); border-right: none; font-size: 16px; line-height: 1;
                                            -moz-border-radius: 8px 0 0 8px;
        -webkit-border-radius:  8px 0 0 8px;
        -khtml-border-radius:  8px 0 0 8px;
        border-radius:  8px 0 0 8px; }
div.search-widget-container div .water { color: #999999; }
div.search-widget-container div .text-button { width: 20%; box-sizing: border-box; padding: 8px 16px; font-size: 16px; line-height: 1; border: 2px solid #111111; border-color: rgba(0,0,0,0.66); border-left: none;
                                                   background: url(/images/trans80_ffffff.png) center center repeat; background: rgba(255, 255, 255, 0.80);
                                               -moz-border-radius: 0 8px 8px 0;
        -webkit-border-radius: 0 8px 8px 0;
        -khtml-border-radius: 0 8px 8px 0;
        border-radius: 0 8px 8px 0; }

div.contTopContent { position: relative; }
div.scrollerWrapper { position: relative; width: 100%; max-width: 100%; background: #333333; }

img.brassTag { display: block; position: absolute; top: 22%; max-width: 60%; left: 0; z-index: 5; }
img.brassTagProdsServs { display: block; position: absolute; top: 24%; left: -2%; max-width: 60%; z-index: 5; }
img.brassTagProdsServsChild { display: block; position: absolute; top: 25%; max-width: 50%; left: -2%; z-index: 5; }

.quickFind { background-color: #9f9f9f; font-weight: bold; border: none; overflow: hidden; width: 100%; max-width: 360px; box-sizing: border-box; }

div.locations { background: #333333; padding: 35px 3%; margin: 0 0 30px;
                -webkit-transition: all .15s ease;
                -moz-transition: all .15s ease;
                -ms-transition: all .15s ease;
                 -o-transition: all .15s ease;
                    transition: all .15s ease; }
div.locations > div { max-width: 1040px; margin: 0 auto; text-align: right; }

a.locationsButton { background: #9f9f9f; border-color: #9f9f9f; line-height: 31px; font-weight: bold; font-size: 16px;
                    /*-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -khtml-border-radius: 0px;*/ }
/*div.bodyContainer { background-color: transparent; }*/

/*div.pageContainer { margin: 0 auto; max-width: 100%; text-align: left; }*/

div.contentContainer { padding: 3%; /*display: inline-block;*/ box-sizing: border-box; width: 100%;  margin: 0 auto; max-width: 1136px; text-align:left }
#divMainContainer {text-align: left; background: transparent; z-index: auto; overflow: hidden; position: relative; }  /*overflow: hidden; removed so oscar item image admin popups dont get cut off */
#contSideColumn { width: 29%; float: right; }
#mainColumn { float: left; width: 68%; }

div.col1 > p,
div.col1 > div > div > p,
div.col1 div > p,
div.col1 > div > a { font-weight: bold; }
div.col1 > p label { font-weight: normal; }
div.col1 > div > a { display: block; margin-bottom: 1em; }
div.col1 a { text-decoration: none; }
div.col1 > a { display: block; font-weight: bold; margin: 0 0 0.8em 0; }
div.col1 a:hover { text-decoration: underline; }

#contSideColumn > ul.nav { padding: 0 25px; }
#contSideColumn > ul.nav > li { margin: 0 0 10px; }
#contSideColumn > ul.nav > li > a { display: block; font-weight: bold; }

div.productsAndServices { background: #333333 url(/images/metal_bkg01.jpg) center center no-repeat; background-size: cover; }
div.productsAndServices > div { padding: 5% 0 5%; text-align: center; background: url(/images/trans60_ffffff.png) center center repeat; background: rgba(255,255,255,0.63); }
div.productsAndServices > div > p.mainHeading { font-size: 2em; text-align: center; font-weight: bold; }
div.productsAndServices > div > p.coreHeading { text-align: left; padding: 0 20px 15px; margin: 0 auto; max-width: 740px; border-bottom: 1px solid #111111; font-size: 1.5em; font-weight: bold; }
div.productsAndServices > div > ul { display: block; margin: 0 auto 3%; max-width: 1600px; font-size: 0; }
div.productsAndServices > div > ul > li { display: inline-block; text-align: left; width: 29.33%; margin: 1% 2%; font-size: 18px; font-weight: bold; max-width: 275px; vertical-align: top;
                                          -webkit-transition: all .15s ease-in-out;
                                       -moz-transition: all .15s ease-in-out;
                                        -ms-transition: all .15s ease-in-out;
                                         -o-transition: all .15s ease-in-out;
                                            transition: all .15s ease-in-out; }
div.productsAndServices > div > ul > li:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                                             filter: alpha(opacity=70);
                                        -moz-opacity: 0.7;
                                      -khtml-opacity: 0.7;
                                             opacity: 0.7 }
div.productsAndServices > div > ul > li > a { color: #000000; white-space: nowrap; }
div.productsAndServices > div > ul > li > a > span { display: inline-block; width: 81%; vertical-align: middle; line-height: 1.2; white-space: normal; }
div.productsAndServices > div > ul > li > a > img { display: inline-block; margin: 5px 0 5px 0; vertical-align: middle; white-space: normal; }


div.contProdServ { display: inline-block; width: 44%; margin: 0 3% 3%; vertical-align: top; }
div.contProdServ > h2 { font-weight: normal; font-size: 1.9em; margin-bottom: 5px; }
div.contProdServ > h2 > a { display: block; text-decoration: none; padding-right: 30px; color: #000000; background: url(/images/gold_arrow.png) center right no-repeat; box-sizing: border-box;
                            -webkit-transition: all .15s ease-in-out;
                                       -moz-transition: all .15s ease-in-out;
                                        -ms-transition: all .15s ease-in-out;
                                         -o-transition: all .15s ease-in-out;
                                            transition: all .15s ease-in-out; }
div.contProdServ > h2 > a:hover { text-decoration: underline;
                                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                                             filter: alpha(opacity=70);
                                        -moz-opacity: 0.7;
                                      -khtml-opacity: 0.7;
                                             opacity: 0.7 }
div.contProdServ > h2 > a > img { display: inline-block; vertical-align: middle; width: 28%; }
div.contProdServ > h2 > a > span { display: inline-block; vertical-align: middle; width: 72%; }
div.contProdServ > p { /*margin-bottom: 2em;*/ line-height: 1.85; }

div.navQuick { text-align: center; padding: 25px 0; box-sizing: border-box; }
div.navQuick > ul { font-size: 0; }
div.navQuick > ul > li  { display: inline-block; margin: 0 3%; padding: 3% 1%; min-width: 86px; }
div.navQuick > ul > li > a { display: block; font-size: 19px; }
div.navQuick > ul > li > a > img { display: table; margin: 0 auto 10px; max-width: 86px;
                                    -webkit-transition: all .15s ease-in-out;
                                       -moz-transition: all .15s ease-in-out;
                                        -ms-transition: all .15s ease-in-out;
                                         -o-transition: all .15s ease-in-out;
                                            transition: all .15s ease-in-out; }
div.navQuick > ul > li > a:hover > img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
                                             filter: alpha(opacity=80);
                                        -moz-opacity: 0.80;
                                      -khtml-opacity: 0.80;
                                             opacity: 0.80; }
div.navQuick > ul > li > a > span { -webkit-transition: all .15s ease-in-out;
                                       -moz-transition: all .15s ease-in-out;
                                        -ms-transition: all .15s ease-in-out;
                                         -o-transition: all .15s ease-in-out;
                                            transition: all .15s ease-in-out; }

#divFooter { clear: both; color: #fff; overflow: hidden; background: #333333 url(/images/metal_bkg01.jpg) center center no-repeat; text-align: center; font-size: 0; }
#divFooter > div { padding-top: 60px; }
.admin #divFooter > div { padding-top: 0; }
div.footerContainer { max-width: 1040px; margin: 0 auto; padding: 0 3%; }

div.inlineFooter { display: inline-block; font-size: 15px; width: 50%; text-align: left; vertical-align: top; padding: 2% 5%; margin: 0; box-sizing: border-box; /*background: url(/images/trans20_000000.png);*/ }
div.inlineFooter > p { line-height: 1.85; margin-bottom: 15px; }
div.inlineFooter > p.footerHeading { color: #ffffff; font-size: 24px; font-weight: normal; padding-left: 0; }
div.inlineFooter a { color: #ffffff; }
div.inlineFooter span.tel,
div.inlineFooter a.tel { text-decoration: none; color: #ffffff; }
div.inlineFooter a.tel:hover { text-decoration: underline; }

/*#divFooter p.footerSocial a { display: inline-block; padding: 0 2px; -webkit-transition: all .15s ease-in-out;
	                                      -moz-transition: all .15s ease-in-out;
	                                       -ms-transition: all .15s ease-in-out;
	                                        -o-transition: all .15s ease-in-out;
	                                           transition: all .15s ease-in-out; }
#divFooter p.footerSocial a:hover { opacity: 0.6; }
#divFooter p.footerSocial a img { max-width: 64px; }*/

div.getStarted { /*text-align: center;*/ /*background: url(/images/trans20_000000.png);*/ }
div.getStarted input.text-box-100,
div.getStarted textarea.text-box-100 { background: #f9f9f9; border: 2px solid #d3d3d3; color: #000000; box-sizing: border-box; width: 100%;
                        /*-moz-border-radius: 8px;
                        -webkit-border-radius: 8px;
                        border-radius: 8px;
                        -khtml-border-radius: 8px;*/ }
div.getStarted input.water,
div.getStarted textarea.water { color: #777777; }

div.contactContainer { margin: 0; /*text-align: center;*/ }
div.contactContainer > div.contactField { text-align: center; margin: 0 0 5px; vertical-align: top; }

.g-recaptcha { display: table; margin: 0 0 0 5px; -webkit-transition: all .3s ease-in-out;
	                                      -moz-transition: all .3s ease-in-out;
	                                       -ms-transition: all .3s ease-in-out;
	                                        -o-transition: all .3s ease-in-out;
	                                           transition: all .3s ease-in-out; }

@media screen and (max-width: 450px) {
    #rc-imageselect,
    .g-recaptcha { margin: 0 0 0 -15px;
                        transform: scale(0.84);
                           -webkit-transform:scale(0.84);
                           transform-origin:0 0;
                           -webkit-transform-origin:0 0;
							transform-origin: 50% 50%;
                           -webkit-transform-origin: 50% 50%; }
}


div.copyright { font-size: 16px; padding: 1em 0; }
div.copyright,
div.copyright a { color: #c7c7c7; text-decoration: none; font-size: 12px; }
div.copyright a:hover { color: #cccccc; }
div.copyright p { margin: 0.8em 0; font-size: 12px; }


/* BOTTOM NAV STYLES */
div.bottomNavContainer { margin-top: 60px; padding: 25px 0; background: #333333; }
.admin div.bottomNavContainer { margin-top: 0; }
div.bottomNav { position: relative; display: table; margin: 0 auto; }
div.bottomNav > a { text-decoration: none; position: relative;
                     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                     filter: alpha(opacity=50);
                -moz-opacity: 0.50;
              -khtml-opacity: 0.50;
                     opacity: 0.50;
           -webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out; }
div.bottomNav > a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                     filter: alpha(opacity=100);
                -moz-opacity: 1;
              -khtml-opacity: 1;
                     opacity: 1; }
div.bottomNav > a > img { vertical-align: sub; }
div.bottomNav > ul.nav { display: inline-block; position: relative; z-index: 98; width: auto; text-align: center; margin: 0; padding: 0; font-size: 0; line-height: 0; }
div.bottomNav ul.nav li { display: inline-block; position: relative; margin: 0px; }
div.bottomNav ul.nav li a { display: block; color: #999999; line-height: 42px; padding: 0 18px; font-size: 16px; font-family: 'News Cycle', sans-serif; letter-spacing: 1px; text-transform: uppercase; }
div.bottomNav > ul.nav > li.selected > a,
div.bottomNav > ul.nav > li:hover > a { color: #ffffff; }

div.bottomNav > ul.nav > li > ul { display: none; }



/* ---------------------- */
/* END Layout
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom OSCAR Styles
--------------------------------------------------------------------------- */

/* dropdown cart styles */

ul.cartNav { font-size: .85em; font-weight: bold; margin: 0 auto; display: table; padding: 0 20px; }
ul.cartNav li { float: left; position: relative; line-height: 35px; }
ul.cartNav li a,
ul.cartNav li.items { display: block; padding: 0 .75em; color: #111111; }
ul.cartNav li > a:hover { background: #555555; color: #eeeeee!important; }
ul.cartNav li:hover ul { }
ul.cartNav li ul { display: none; float: none; background: #fff; position: absolute; top: 20px; left: 0; width: 120px; margin: 0; padding: .3em .25em; border: 1px solid #ccc; }
ul.cartNav li.checkout ul { display: block; position: static; width: auto; padding: 0; border: none; }
ul.cartNav li ul li { float: none; margin: 0; border-top: 1px solid #eee; }
ul.cartNav li ul li:first-child { border: 0; }
ul.cartNav li ul.products li:hover { background: url('/images/trans02_000000.png'); }
ul.cartNav li ul.cart li a { line-height: 1; display: inline-block; padding: .5em .75em; }
/*ul.cartNav li ul.cart li a:hover { text-decoration: none; background: #eee; }*/

/*div.checkout-top a.text-button-lg { color: #fff; background: #f0692e url(/images/grad-yel-org.gif) -90% repeat-x; }*/
/*div.checkout-top a.text-button-lg:hover { color: #0a1434; background: #f0692e url(/images/grad-yel-org.gif) top center repeat-x; font-weight: bold; }*/
div.checkout-top ul.cart li { float: right; border: none; }
div.checkout-top ul.cart li:first-child { float: left; }
div.checkout-top ul.cart li a:hover { /*background: #0a1434;*/ }
div.checkout-top ul.products li { line-height: 1.3; overflow: hidden; }
	
div.checkout-top a.text-button-lg { width: 100%; *width: 83%; box-sizing: border-box; margin-bottom: .25em; border: none; }

ul.cart { text-align: center; overflow: hidden; }
ul.cart li { float: right; }
ul.cart li:first-child { float: left; }
ul.cart li a { background: #111111; }
	
ul.products { text-align: left; }
ul.products li { border-top: 1px solid #eee; }
ul.products li:first-child { border: none; }
ul.products li img {  }
ul.products li a.cart_item_remove { border: 1px solid #ddd; background: #fff; color: #0a1434; }
ul.products li a.cart_item_remove:hover { color: #0a1434; }


/* ajax search */	

div.instant-search-results { position: absolute; top: 50px; left: 60px; background: #f7f7f7; width: 300px; padding: 10px; border: 1px solid #eee;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999; }
div.instant-search-results ul {  }
div.instant-search-results ul li { font-size: 1.5em; font-family: arial, "trebuchet MS", trebuchet, verdana; margin-top: 4px; background: #fff; }
div.instant-search-results ul li.btn-view-results { margin-top: .5em; border: none; clear: both; width: auto; font: inherit; }
div.instant-search-results ul li:first-child { margin: 0; }
div.instant-search-results ul li a { display: block; padding: .5em .75em; font-weight: normal; overflow: hidden; color: #1d377e; }
div.instant-search-results ul li a img { margin-right: 1em; float: left; }
div.instant-search-results ul li a:hover { background-color: #ffd51a; color: #0a1434;
		-webkit-transition: background .2s ease-in-out;
		-moz-transition: background .2s ease-in-out;
		-ms-transition: background .2s ease-in-out;
		-o-transition: background .2s ease-in-out;
		transition: background .2s ease-in-out; }
div.instant-search-results ul li a.text-button { color: #fff; border: none; }
div.instant-search-results ul li a.text-button:hover { color: #0a1d57; }
	

/* categories */

div.pag-bot { padding-top: 30px; margin-top: 10px; }


div.cat-header h1 { font-size: 47px; }
div.cat-header img.cat-image { position: absolute; top: 0; left: 0; max-height: 160px; }
div.cat-desc { padding: 1em 1.5em; }


/* item detail */

div.zoomPad { z-index: auto; } /* fixes main nav overlay issue */

body.product-detail div.contentContainer { padding-top: 1em; }

div.OSCAR_item-detail-left { width: 51%; }
div.OSCAR_item-detail-right { width: 46.8%; margin: 0 0 40px 0; }
div.OSCAR_item-detail-right div.inner { padding: 25px 25px 0; background: #e2e2e2; }
div.OSCAR_item-detail-right h1 { margin-bottom: .25em; }
div.OSCAR_item-detail-right table.price td p { font-size: 12px; }

span.add-to-cart input.text-button { margin-bottom: 4px; background: #777 url(/images/icon-cart-button.png) center left repeat-y; text-align: left; padding-left: 60px; }
span.add-to-cart input.text-button:hover { background-color: #ccc; }
a.mboneclklink:link { font-family: inherit; color: inherit; font-weight: normal; font-size: inherit; }
a.mboneclklink:hover { text-decoration: inherit; }
a.wishlist { display: block; text-decoration: none; white-space: nowrap; line-height: 27px; background: #bbb url(/images/icon-wishlist-button.png) center left no-repeat; padding: 0 1em 0 60px; margin: 4px 0; font-weight: normal; }
a.wishlist:hover { background-color: #e2e2e2; }




div.addthis_toolbox { margin-bottom: .5em; height: 25px; }
.OSCAR_RatingStars { display: none; }

div.OSCAR_item-detail-right table td { padding: 5px; }
div.OSCAR_item-detail-right table td:first-child { font-weight: bold; text-align: right; }
div.OSCAR_item-detail-right table tr.cart-buttons td:first-child { text-align: left; }

ul.ui-tabs-nav > li > a span { display: inline-block; padding: .75em 1.125em; }
div.oscar-item-tabs ul.ui-tabs-nav > li > a span { background: url(/images/icon-desc.png) left center no-repeat; padding-left: 45px; }
li.tab-desc a span { background-image: url(/images/icon-desc.png)!important; }
li.tab-rate a span { background-image: url(/images/icon-rate.png)!important; }
li.tab-vids a span { background-image: url(/images/icon-vids.png)!important; background-position: 3px center!important; }
li.tab-size a span { background-image: url(/images/icon-size.png)!important; }
li.tab-ship a span { background-image: url(/images/icon-ship.png)!important; padding-left: 50px!important; }

a#AuthorizeNetText { text-align: center; font-size: 10px; display: inline-block; *display: inline; margin-top: .5em; max-width: 90px; }

div.banner1 { background: #e2e2e2; padding: .8em 1.35em; overflow: hidden; margin: 1em 0; font-family: arial, "trebuchet MS", trebuchet, verdana; min-height: 32px; }
div.banner1 p { margin: 0; }
div.banner1 strong { font-size: 1.5em; line-height: 1; font-style: normal; }
div.banner1 strong em { font-size: 1.5em; font-style: normal; margin: -2px .125em 0; font-family: arial, "trebuchet MS", trebuchet, verdana; text-transform: uppercase; display: inline-block; *display: inline; vertical-align: middle; }
div.banner1 li.panel { width: 100%; }
div.banner1 li.panel div { zoom: 1; text-align: justify; text-justify: distribute-all-lines; }
div.banner1 li.panel div:after { content: ""; display: inline-block; width: 100%; }
div.banner1 li.panel div * { display: inline-block; *display: inline; text-align: left; zoom: 1; vertical-align: middle; }
div.banner1 li.panel div span.field1 { max-width: 90%; }
div.banner1 li.panel div a.field2 { display: inline-block!important; *display: inline!important; color: #0a1434; font-size: .9em; }

div.sku-info { background: #eee; color: #888; padding: .75em 1em; }
div.sku-info a { color: #888; }
div.sku-info a:hover { text-decoration: underline; }
div.sku-info ul { zoom: 1; text-align: justify; text-justify: distribute-all-lines; font-size: 0; }
div.sku-info ul:after { content: ""; display: inline-block; width: 100%; }
div.sku-info li { display: inline-block; *display: inline; font-size: 11px; margin: 0; text-align: left; zoom: 1; vertical-align: middle; }
div.sku-info li:first-child	{ max-width: 90%; }

/* mfg page */
div#ctl00_ctl00_ctl00_MainContent_Body_Body_divDescription table,
div#ctl00_ctl00_ctl00_MainContent_ContentTop_ContentTop_divDescription table { width: 100%!important; }
div#ctl00_ctl00_ctl00_MainContent_Body_Body_divDescription table div,
div#ctl00_ctl00_ctl00_MainContent_ContentTop_ContentTop_divDescription table div { width: auto!important; height: 118px!important; overflow: hidden!important; overflow-y: auto!important; padding: .5em; }

div.searchCat { margin: 2em -3%; overflow: hidden; background: #f7f7f7; }

div.categ { width: 25.1%; padding: 4%; float: left; border-left: 1px dotted #ccc; background: #f7f7f7 url(/images/grad2-top-shad.png) repeat-x; }
div.categ.first { clear: both; }
div.categ h3 a { display: block; padding: .5em 1em; background: #fff; text-decoration: none; }
div.categ > h3 a { text-align: center; padding: 2em 1em; margin-top: 2em; }
div.categ h3 a:hover { background: #eee; }
div.categ div h3 { font-family: arial, "trebuchet MS", trebuchet, verdana; font-size: 14px; }

/* ---------------------- */
/* END Custom OSCAR Styles
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Form Styles
--------------------------------------------------------------------------- */

/*.form-FieldsetDescription { margin-bottom: 1.25em; font-size: 1.125em; }
.form-commentBox { margin-left: 1em; }*/

input,
select,
textarea,
button,
.text-button,
.text-button-lg,
.text-button-sm,
.text-buttond { padding: .5em; background-color: #FAFAFA; box-sizing: border-box; }

input,
select,
textarea,
button { border: 1px solid #ccc; }

input[type='text'],
input[type='password'],
textarea,
select,
.popBox {  }

input[type='submit'],
input[type='checkbox'],
button,
.text-button,
.text-button-lg,
.text-button-sm,
.text-buttond,
#divProcessing {  }

button,
.text-button,
.text-button-lg,
.text-button-sm,
.text-buttond { background: #dddddd; color: #111111!important; line-height: 2.2; border: 2px solid #ffffff; font-weight: bold;
                -moz-border-radius: 12px;
               -webkit-border-radius: 12px;
                       border-radius: 12px;
                -khtml-border-radius: 12px; }

.text-button,
.text-button-lg,
.text-buttond.large,
button.large { font-size: 18px; padding: 0 1em; background: #dddddd; font-weight: normal; }

.text-button-sm { line-height: 26px; height: auto; font-size: .8em; padding: 0 .5em; }
.text-buttond { line-height: 26px; background-color: #333; color: #ffffff!important; text-decoration: none; }

.text-button:hover,
.text-button-lg:hover,
.text-button-sm:hover,
.text-buttond:hover,
button:hover { background-color: #ffffff!important; color: #000000!important; }

select.text-box-list,
select.text-box-100 { padding: 4px; }

input:focus,
select:focus,
textarea:focus { border-color: #ccc; }

/* admin */
.form-container fieldset.form-fields .form-title,
.form-container div.form-fields .form-title { font-size: 1.5em; font-weight: normal; padding-left: .7em; }

/* ---------------------- */
/* END Custom Form Styles
------------------------- */


/* ------------------------------------------------------------------------ */
/* START Custom Module Styles
--------------------------------------------------------------------------- */

/* OSCAR search filters */
div.search-filters table { font-size: .85em; width: 100%; }
div.search-filters table td { padding: .25em 10px .25em 20px; max-width: 90px; min-width:50% }
div.search-filters table td:hover { background: #e7e7e7; }

div.search-filters table label { display: inline-block; *float: left; *display: block; white-space: normal; word-wrap: break-word; }
div.search-filters table label * { vertical-align: middle; }
div.search-filters table span.check { margin: 0; }
div.search-filters table span.check input { *float: left; }
div.search-filters table *:hover { cursor: default; }
div.search-filters table.twoCol label { max-width: 5.5em; *width: 5.5em; margin-top: 1px; }

div.search-filters div.optiongroup { padding: 1.5em 0 25px 0; background: url(/images/grad2-top-shad.png) repeat-x; }
div.search-filters div.optiongroup > p { font-size: 1.4em; font-family: arial, "trebuchet MS", trebuchet, verdana; padding-left: 15px; }
div.optiongroupHeightRestrict {height:120px;overflow:hidden;position:relative}
div.optiongroupHeightRestrict > div { padding: 6px 0; cursor: pointer; position:absolute;bottom:0px; background: #f5f5f5; 
 background: -webkit-linear-gradient(left, #eee, #fff, #eee); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #eee, #fff, #eee); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #eee, #fff, #eee); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #eee, #fff, #eee); /* Standard syntax */ text-align:center; width:100%; font-size: .9em; }
div.btnSearch { background: #0ecffa url(/images/header-cutout-right.png) 210px bottom no-repeat; padding: 1.25em 0 1em 25px; padding: 1em 0 1em 25px; }
div.btnSearch > p { display: block; font-size: 1.5em; font-family: arial, "trebuchet MS", trebuchet, verdana; line-height: 1; margin: 0; }

/* OSCAR widgets - featured items AND related items */
div.OSCAR_featured-item-image { height: 100px; border: 1px solid #ddd; background: #fff; }
div.OSCAR-featured-items ul.elastislide-list,
div.OSCAR-featured-items ul.elastislide-list li { max-height: none!important; }
div.OSCAR-featured-items ul.elastislide-list > li { max-width: 170px!important; }

/* OSCAR item detail page */
body.product-detail div.breadcrumbs { float: left; margin: 10px 0; }
body.product-detail div.starRating { margin: 7px 0 13px 0; text-align: right; }
div.ui-tabs { margin-top: 20px; clear: both; }

ul.ui-tabs-nav { margin: 0; }
ul.ui-tabs-nav li { display: inline-block; *display: inline; margin-left: .25em; vertical-align: bottom; margin-bottom: -1px; }
ul.ui-tabs-nav li:first-child { margin-left: 0; }
ul.ui-tabs-nav li a { display: inline-block; background: #ccc; color: #333; text-decoration: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
ul.ui-tabs-nav li a:hover { background-color: #eee; }
ul.ui-tabs-nav li.ui-tabs-active a { background: #eee; }

div.ui-tabs-panel { background: #eee url(/images/grad1-bot-shad.png) bottom repeat-x; padding: 2em; }
.tabs { height: 0; /*overflow: hidden;*/ }

a.lnkGoreTex { display: block; position: absolute; top: 30px; left: 30px; }

/* widgets */
p.widget-heading { color: #0a1434; font-size: 20px; overflow: hidden; display: block; font-family: arial, "trebuchet MS", trebuchet, verdana; }
p.widget-heading span { float: left; }
p.widget-heading a { float: right; display: inline-block; background: #fff; padding: .25em .5em; font-size: 10px; text-decoration: none; }
p.widget-heading a:hover { background: #ffd51a; }

/* news widget */
div.news-widget-container { float: right; width: 33%; margin-left: 10%; }
div.news-widget-inner { height: 210px; height: 150px; }

/* announcements widget */
div.announce-widget-container { width: 35%; float: left; }
p.announce-widget-heading { display: none; }
div.announce-widget-inner { height: 40px; overflow: hidden; }
div.announce-widget-inner ul { position: relative; } /* undo default scroller style */
div.announce-widget-inner ul li { padding-top: 10px; }
div.announce-widget-inner ul li a { padding: 0!important; }


div.contRelated { margin-top: 20px; clear: both; }
div.contRelated p.headingRelated { font-size: 1.45em; }


.entities ul { margin: 0; font-size: 0; padding: 0; }
.entities ul li { width: 50%; max-width: 355px; display: inline-block; padding: 2px; box-sizing: border-box; margin: 0; font-size: 16px; }
.entities ul li a { display: block; text-decoration: none; height: 250px; position: relative; margin: 0; text-align: left; }
.entities ul li a > span { position: absolute; bottom: 0; display: block; background: url("/images/trans60_000000.png"); background: rgba(0, 0, 0, 0.6);
                               padding: 15px; font-size: 12px; font-style: italic; color: #b5b5b5; width: 100%; box-sizing: border-box;
                               -webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out; }
.entities ul li a:hover > span { background: url("/images/trans80_000000.png"); background: rgba(0, 0, 0, 0.8); padding: 30px 15px; }
.entities ul li a span span { font-size: 16px; font-style: normal; color: #ffffff; }




div.founder { margin-bottom: 25px; border-left: 1px solid #333333; padding-top: 15px; }
p.founderName { color: #000000; display: table; font-size: 40px; background: url(/images/gold_bar_alt.png) center right no-repeat; padding: 0 140px 0 50px;
                              height: 113px; line-height: 88px; }
div.founder > table { display: block; margin: 0; padding: 0 50px; box-sizing: border-box; width: 100%; }
div.founder > table > tbody > tr > td { vertical-align: top; padding: 0 0 0 30px; }
div.founder > table > tbody > tr > td:first-child { width: 300px; padding: 0; }
div.founder img.image1 { background: url(/images/portrait_bkg.jpg) center center no-repeat; padding: 25px; }



div.contStaff { font-size: 0; }
div.contStaff div.staff { display: inline-block; width: 29.33%; margin: 10px 2%; font-size: 18px; vertical-align: top; margin-bottom: 20px; }
div.contStaff div.staff img.image1 { box-sizing: border-box; background: url(/images/portrait_bkg_sm.jpg) center center no-repeat; padding: 20px; margin-bottom: 1em; }
div.contStaff div.staff p { text-align: left; }
div.contStaff div.staff div.popBox p { font-size: 16px; }

div.rowStaff { padding-top: 50px; background: url(/images/divider_gold.png) top center no-repeat; }

div.contStaff a.staffMore { color: #cc6633; text-decoration: none; }
div.contStaff a.staffMore:hover { color: #777777; text-decoration: underline; }

div.DWN_DownloadIcon,
div.DWN_CategoryIcon { display: inline-block; width: 32.33%; vertical-align: top; box-sizing: border-box; text-align: center; background: #efefef; margin: 10px 0.5%;
-webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out; }
div.DWN_DownloadIcon:hover,
div.DWN_CategoryIcon:hover { ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                     filter: alpha(opacity=70);
                -moz-opacity: 0.70;
              -khtml-opacity: 0.70;
                     opacity: 0.70; }
div.DWN_DownloadIcon > a,
div.DWN_CategoryIcon > a { display: block; padding: 10px; }
div.DWN_CategoryIcon > div input { cursor: pointer;
				-webkit-transition: all .15s ease-in-out;
                   -moz-transition: all .15s ease-in-out;
                    -ms-transition: all .15s ease-in-out;
                     -o-transition: all .15s ease-in-out;
                        transition: all .15s ease-in-out; }
div.DWN_CategoryIcon > div input:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                     filter: alpha(opacity=70);
                -moz-opacity: 0.70;
              -khtml-opacity: 0.70;
                     opacity: 0.70; }

div.contTestimonials { text-align: center; }
div.testimonial { margin: 2%; background: #333333 url(/images/metal_bkg01.jpg) center center no-repeat; }
div.testimonial > div { background: url(/images/trans80_ffffff.png) center center repeat; background: rgba(255,255,255,0.8); padding: 20px 25px; text-align: left; }
div.testimonial > div span, p.signature { display: block; text-align: right; font-style: italic; margin-right: 1em; margin-top: 10px; }

/* ------------------------------------------------------------------------ */
/* START Checkout Index Styles
--------------------------------------------------------------------------- */

span.check label { line-height: 40px; }
label.col1 { margin: 12px 0; font-size: 16px; vertical-align: middle; }

.validationSummary:before { content: '\25b2\00a0'; }
.validationSummary { color: red; font-weight: bold; }
span.validationSummary { margin-left: 31%; }
span.validationSummary[style*="inline"] { display: block!important; }

div.addressContainer { width: 65%; margin: 0 auto 25px auto; padding: 0 10px; }
div.addressContainer:hover { background: url('/images/trans02_000000.png'); }
div.storePickupContainer { margin: 0 auto; padding: 10px 10px 40px 10px; }

div.headerSectionContainer { background: #e2e2e2; padding: 5px 10px 5px 40px; width: 100%; margin: 0 0 0 -22.5px; position: relative; }
h3.headerSectionTitleText { line-height: 35px; padding: 0; margin: 0; font-size: 19.5px; }

#divBillingAddress { padding: 15px 0; margin: 0 auto; }

.removeShippingAddress { text-decoration: none; text-decoration: none; float: right; line-height: 35px; color: #999; font-weight: bold; padding: 0 10px; background: url('/images/trans60_ffffff.png'); }
.removeShippingAddress span { color: #000;
                                       -webkit-transition: all .1s ease-in-out;
	                                      -moz-transition: all.1s ease-in-out;
	                                       -ms-transition: all.1s ease-in-out;
	                                        -o-transition: all.1s ease-in-out;
	                                           transition: all.1s ease-in-out; }
.removeShippingAddress:hover span { color: red; }
.removeShippingAddress:hover { background: none; color: red; background: url('/images/trans80_ffffff.png'); }

/* ---------------------- */
/* END Checkout Index Styles
------------------------- */

/* ---------------------- */
/* END Custom Module Styles
------------------------- */



/* ------------------------------------------------------------------------ */
/* START Custom Responsive Styles
--------------------------------------------------------------------------- */

a.hlHeaderCover {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

/* mobile nav triggers*/
a.menu-toggle { display: none; position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; line-height: 60px; font-size: 16px; background: #111111; text-align: center; text-decoration: none; color: #fff; font-weight: bold;
                -webkit-transition: all .1s ease-in-out;
                   -moz-transition: all .1s ease-in-out;
                    -ms-transition: all .1s ease-in-out;
                     -o-transition: all .1s ease-in-out;
                        transition: all .1s ease-in-out; }
a.menu-toggle:hover { background: #555555; }
a.menu-toggle > span.hamburger { display: inline-block; vertical-align: middle; padding: 0; position: absolute; right: 20px; top: 13.5px;
                                 -webkit-transition: all .1s ease-in-out;
	                                      -moz-transition: all .1s ease-in-out;
	                                       -ms-transition: all .1s ease-in-out;
	                                        -o-transition: all .1s ease-in-out;
	                                           transition: all .1s ease-in-out; }
a.menu-toggle:hover > span.hamburger { top: 8.5px; }
a.menu-toggle > span.hamburger > span.burgerLine { display: block; background: #ffffff; height: 3px; width: 30px; margin: 6px 0; 
                                                  -webkit-transition: all .1s ease-in-out;
	                                      -moz-transition: all .1s ease-in-out;
	                                       -ms-transition: all .1s ease-in-out;
	                                        -o-transition: all .1s ease-in-out;
	                                           transition: all .1s ease-in-out; }
a.menu-toggle:hover > span.hamburger > span.burgerLine { background: #ffffff; margin: 8px 0; }
a.menu-toggle > span.textMenu { display: inline-block; vertical-align: middle; color: #ffffff;
                               -webkit-transition: all .3s ease-in-out;
	                                      -moz-transition: all .1s ease-in-out;
	                                       -ms-transition: all .1s ease-in-out;
	                                        -o-transition: all .1s ease-in-out;
	                                           transition: all .1s ease-in-out; }
a.menu-toggle:hover > span.textMenu { font-size: 20px; }
a.menu-toggle > span.textMenu:before { content: "Menu"; }
a.menu-toggle:hover > span.textMenu { color: #ffffff; }

#mobileNav { position: fixed; top: -1000px; left: 0; right: 0; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; height: 0; padding: 0;  background: url(/images/trans80_000000.png); overflow: hidden;
             -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                 -o-transition: all .5s ease;
                    transition: all .5s ease; }
#mobileNav > ul { margin: 0; padding: 15px 0; max-width: 440px; margin: 0 auto; background: #333333; }
#mobileNav ul li {  }
#mobileNav ul li a { color: #fff; line-height: 1.35; display: block; font-size: 15px; padding: 7px 0; }
#mobileNav > ul > li > a { font-size: 19px; padding: 15px 0; }
#mobileNav > ul > li > ul > li > a { font-size: 17px; padding: 10px 0; }
#mobileNav ul li.selected a,
#mobileNav ul li a:hover { background: #777777; }
#mobileNav > ul > li ul { margin: 0 10%; width: 80%; background: url(/images/trans60_000000.png); padding: 0 10px 20px; box-sizing: border-box; }

.page-top { position: fixed; bottom: 20px; right: 35px; width: 20px; height: 16px; text-decoration: none; background: rgba(17,17,17,0.20) url(/images/page-top.png) center center no-repeat; padding: 6px 7px; font-size: 0; 
            -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
        -webkit-transition: all .15s ease;
                -moz-transition: all .15s ease;
                -ms-transition: all .15s ease;
                 -o-transition: all .15s ease;
                    transition: all .15s ease; }
.page-top:hover { background-color: rgba(17,17,17,0.40); }

@media only screen and (max-width : 1650px) {
    div.topBar div.contLogoNav { padding: 1.25% 3%; }
    div.miniMenu div.contLogoNav { padding: 5px 3%; }
}
@media only screen and (max-width : 1600px) {
    img.brassTagProdsServsChild { top: 30%; max-width: 45%; left: -8%; }
}
@media only screen and (max-width : 1500px) {
    a.logo img { max-width: 90%; }

    div.topBar div.contLogoNav { padding: 1% 3%; }
    div.miniMenu div.contLogoNav { padding: 5px 3%; }
}
@media only screen and (max-width : 1400px) {
    img.brassTagProdsServs { top: 26%; left: -21%; }
}

@media only screen and (max-width : 1300px) {
    a.logo img { max-width: 85%; }

    div.contTopNav ul.nav li a { line-height: 40px; }
    div.contTopNav > ul.nav > li > ul { top: 40px; }

    img.brassTagProdsServsChild { top: 35%; left: -12%; }


    .noFloat1300 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}
@media only screen and (max-width : 1200px) {
    div.contHeaderRight { top: 5%; }

    div.contTopNav ul.nav li a { font-size: 15px; padding: 0 14px; letter-spacing: 0.75px; }

    img.brassTag { top: 24%; max-width: 66%; left: -10%; }

    .noFloat1200 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}
@media only screen and (max-width : 1100px) {
    img.brassTagProdsServs { top: 28%; }

}
@media only screen and (max-width : 1000px) {
    img.brassTagProdsServsChild { top: 40%; }

    div.contTopNav ul.nav li a { font-size: 13px; padding: 0 10px; line-height: 32px; }
    div.contTopNav > ul.nav > li > ul { top: 32px; }


    img.brassTag {  }

    div.locations > div { text-align: center; }

    div.bottomNavContainer { display: none; }
	
	.left,
    img[align=left],
    .right,
    img[align=right] { float: none; margin: 10px auto; display: table; }

    .noFloat1000 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

@media only screen and (max-width : 860px) {
    a.social.empPortal {
        display: none;
    }

    body { padding-top: 60px; font-size: 14px; }

    h1 { text-align: center; }
    h1 img { display: none; /* display: table; margin: 0 auto!important; max-width: 60px; width: auto;*/ }
    h1 span.contPageHeading { width: 100%; }

    div.header { position: relative; top: 0!important; z-index: 100; background: #222222; }
    div.topBar div.contLogoNav { padding: 10px 3%; }

    a.logo { display: table; }
    a.logo img { max-width: 100%; }
    div.miniMenu a.logo img { width: 100%; }

    div.miniMenu a.social { height: 19px; }

    span.socialNav { display: block; margin-bottom: 7px; }

    div.productsAndServices > div > ul > li { width: 46%; }

    /*div.contHeaderRight { display: none; }*/
    /*div.contHeaderRight { position: relative; right: 0; left: 0; top: 0; text-align: center; margin-top: 10px; }*/
    div.contTopNav  { display: none; }

    a.menu-toggle { display: inline-block; }
    a.menu-toggle.active > span.textMenu:before { content: "close"; }
    #mobileNav.active { top: 0; bottom: 0; padding: 60px 0; z-index: 10000; width: 100%; opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; height: auto; overflow: auto; }

    /*div.contentContainer p { text-align: center; }*/

    #divMainContainer div.col2 { width: 94%; float: none; margin: 15px auto; padding: 10px 2% }

    #divFooter > div { padding: 20px 0; }

    div.inlineFooter { display: block; width: 100%; padding: 2% 3%; margin: 0 auto; max-width: 440px; }
    div.copyright { padding: 30px 1em 0; }


    div.founder > table { padding: 0 2%; }
    div.founder > table > tbody > tr > td { display: block; padding: 0; }
    div.founder > table > tbody > tr > td:first-child { margin: 0 auto 20px; width: auto; text-align: center; }

    div.contProdServ { display: block; width: 94%; margin: 0 auto; max-width: 500px; }

    .entities ul li { width: 100%; max-width: 450px; display: block; padding: 5px; margin: 0 auto; }

    #filter-toggle { display: block; position: fixed; right: 35%; left: 35%; bottom: 0; width: 30%; z-index: 2002; background: #000000; color: #ffffff; text-decoration: none; margin: 0; padding: .5em; text-align: center; font-weight: bold;
                                border-radius: 8px 8px 0 0;
                                -moz-border-radius: 8px 8px 0 0;
                                -webkit-border-radius: 8px 8px 0 0; }
    #filter-toggle:before { content: "More"; }
    #filter-toggle:hover { background: #000000; }
    #filter-toggle.active { position: relative; margin-bottom: 30px; top: 0; width: auto; left: auto; right: auto; font-size: 18px;
                              border-radius: 8px;
                              -moz-border-radius: 8px;
                              -webkit-border-radius: 8px; }
    #filter-toggle.active:before { content: "Close"; }

    #contSideColumn { float: none!important; width: 100%!important; box-sizing: border-box; max-width: 440px; position: fixed; top: 60px!important; margin: 0!important; right: -200%; bottom: 0; z-index: 2003; padding: 5%; display: block; overflow-y: scroll; background: #ffffff; background: rgba(255,255,255,0.92);
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
                -webkit-overflow-scrolling: touch;
                -webkit-box-shadow: 0px 0px 50px -10px #000000;
                -moz-box-shadow: 0px 0px 50px -10px #000000;
                box-shadow: 0px 0px 50px -10px #000000; }
    #contSideColumn.active { right: 0;
                            -moz-opacity: 1;
                            -khtml-opacity: 1;
                            opacity: 1; }

    .page-top { bottom: 60px; right: 7px; }
	
	div.DWN_DownloadIcon,
	div.DWN_CategoryIcon { width: 49%; }

    img.brassTag { top: 7%; max-width: 90%; }
    img.brassTagProdsServs { top: 1%; left: -21%; max-width: 100%; }
    img.brassTagProdsServsChild { top: 5%; left: -21%; max-width: 100%; }

    div.testimonial { display: block; width: auto; margin: 15px 0; }

    p.founderName { padding: 0 90px 0 10px; font-size: 24px; font-weight: bold; }

    .noFloat860 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

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

    .noFloat760 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

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

    .noFloat660 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

@media only screen and (max-width : 550px) {
    /*div.contTopContent { height: 110px!important; }*/

    div.productsAndServices > div > ul > li { display: block; width: 96%; text-align: center; max-width: 100%; }


    div.contStaff div.staff { display: block; width: auto; margin: 10px; padding-top: 50px; background: url(/images/divider_gold.png) top center no-repeat; text-align: center; }
    div.contStaff div.staff p { text-align: center; }
    div.contStaff div.staff img.image1 { padding: 20px; margin-bottom: 1em; }

    div.rowStaff { padding-top: 0; background: none; }
	
	div.DWN_DownloadIcon,
	div.DWN_CategoryIcon { width: 99%; }

    .noFloat550 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

@media only screen and (max-width : 450px) {
    /*div.contTopContent { height: 86px!important; }*/
    p.founderName { font-size: 20px; }

    a.logo img { width: 60px; }

    div.locations { padding: 30px 3%; }

    div.productsAndServices > div > ul > li > a > span { width: 79%; }

    div.footer { padding: 20px 0; }

    .noFloat450 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

/* ---------------------- */
/* END Custom Responsive Styles
------------------------- */


        .form-style-container label.col1 { display: inline-block; width: 24%; text-align: right; /*vertical-align: top;*/ }
        .form-style-container select,
        .form-style-container .text-box,
        .form-style-container .radio-list,
        .form-style-container .remainder { display: inline-block; width: 74%; margin-left: 2%; vertical-align: middle; }

        .form-style-container .remainder { margin: 12px 0 12px 2%; }

        .form-style-container .g-recaptcha { margin: 0 auto; }

        .form-style-container label { display: inline; white-space: normal; }
        .form-style-container span.check label { line-height: 1.35; }

        @media only screen and (max-width : 550px) {
            .form-style-container label.col1 { display: block; width: 100%; text-align: left; }
            .form-style-container select,
            .form-style-container .text-box,
            .form-style-container .radio-list { display: block; width: 100%; margin-left: 0; }

            .form-style-container span.validationSummary { margin-left: 0; }

            .form-style-container label.col1 { margin: 5px 0; }
        }