﻿/* CSS Document */

/* colors: 
 


*/

/* ------------------------------------------------------------------------ */
/* START Freestyle
--------------------------------------------------------------------------- */

.fs-color1 { color: #999999; }
.fs-color2 { color: #000000; }
.fs-color3 { color: #ec171f; }

.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 { display: block; font-size: 1.5em; font-weight: bold; color: #ec171f; border-bottom: 2px solid #d2d2d2; margin-top: 1.5em; padding-bottom: 0.3em; }
.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: #000000; color: #111111; font-size: 18px; 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: 2em; }
h2 { font-size: 1.75em; }
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; }
blockquote { margin-left: 2em; }
ul { margin: 0 0 1em 2em; padding: 0; }
/*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; }

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 .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, padding .2s ease-in-out;
	           -moz-transition: background-color .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, padding .2s ease-in-out;
	            -ms-transition: background-color .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, padding .2s ease-in-out;
	             -o-transition: background-color .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, padding .2s ease-in-out;
                    transition: background-color .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out, padding .2s 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: #e2e2e2; }

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; }
a.social:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                     filter: alpha(opacity=50);
                -moz-opacity: 0.50;
              -khtml-opacity: 0.50;
                     opacity: 0.50; }

.maps { background: #e5e3df url(/images/loading.gif) center center no-repeat; }

.left,
img[align=left] { margin: 0 20px 20px 0; }
.right,
img[align=right] { margin: 0 0 20px 20px; }

table.twoWide { width: 100%; }
table.twoWide tr td { width: 50%; vertical-align: top; }

ul.twoWide { display: block; list-style: none; margin: 0; padding: 0; font-size: 0; }
ul.twoWide li { display: inline-block; margin: 0; padding: 0; width: 50%; font-size: 15px; vertical-align: top; }

ul.smallModule { background: #f3f3f3; }
ul.smallModule li { max-width: 800px; box-sizing: border-box; padding: 40px 2%; }

.rptHeading { margin: 40px 0; color: #ec171f; text-align: center; font-size: 40px; text-transform: uppercase; }
.rptHeading a { color: #ec171f; text-decoration: none; }
.rptHeading a:hover { color: #000000; }

.rptDescription { max-width: 1500px; box-sizing: border-box; margin: 0 auto; padding: 0 10px; color: #000000; font-size: 22px; text-align: left; line-height: 1.65; }

.rptButton { margin: 40px 0; }
.blueBorderButton { display: inline-block; border: 2px solid #ec171f; text-transform: uppercase; color: #ec171f; font-size: 18px; padding: 10px 25px; text-decoration: none; font-weight: bold;
    -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; }
.blueBorderButton:hover { border: 2px solid #000000; color: #000000; }

ul.fiveWide { display: block; width: 100%; font-size: 0; }
ul.fiveWide > li { display: inline-block; width: 20%; font-size: 16px; }

/* ------------------------------------------------------------------------ */
/* START Layout
--------------------------------------------------------------------------- */

a { color: #0000EE; }
a:hover { color: #000000; }

body { padding-top: 62px; }

body, button, input, select, textarea { font-family: arial, "trebuchet MS", trebuchet, verdana; }

h1, h2, h3, h4 { color: #111111; }

h1 { text-align: center; text-transform: uppercase; }
h2 {  }
h3 {  }
h4 {  }

div.breadcrumbs { font-size: .8em; margin: 0 0 1em 0; }
div.breadcrumbs a { text-decoration: none; }

div.topBar { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: #000000; border-bottom: 2px solid #000000;
             -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.topBar div.contLogoNav { position: relative; max-width: 1450px; text-align: left; margin: 0 auto; padding: 0; }

div.topBar.miniMenu { background: rgba(0,0,0,0.85); top: 0px; border-color: #ec171f; }

a.logo { display: inline-block; margin: 10px 0; position: absolute; top: 9.5%; left: 42.5%; width: 15%; z-index: 2;
         -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; }
a.logo img { max-width: 100%; }

.admin a.logo { display: none; }

/* TOP NAV STYLES */
div.contTopNav { position: relative; text-align: center; }
div.contTopNav > a { 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; }
div.contTopNav > a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
                     filter: alpha(opacity=60);
                -moz-opacity: .60;
              -khtml-opacity: .60;
                     opacity: .60; }
div.contTopNav > a > img { vertical-align: middle; }
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: #ffffff; line-height: 40px; padding: 0 24px; font-size: 16px; 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 > a { line-height: 60px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; }
div.miniMenu div.contTopNav > ul.nav > li > a { line-height: 40px; }
div.contTopNav > ul.nav > li.selected > a,
div.contTopNav > ul.nav > li:hover > a { color: #ffffff; background: #ec171f; }


div.contTopNav > ul.nav > li > ul { text-align: left; display: block; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; height: 0; position: absolute; top: 62px; left: 0;
                                    background: rgba(0,0,0,0.85); z-index: 1001; min-width: 100%; padding: 0; overflow: hidden; }
div.miniMenu div.contTopNav > ul.nav > li > ul { top: 42px; }
/*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 { /*font-weight: normal;*/ }

div.contTopNav > ul.nav > li > ul > li > a { display: block; color: #ffffff; 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 { background: #ec171f; }


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 */

/*div.bodyContainer { background-color: transparent; }*/

/*div.pageContainer { margin: 0 auto; max-width: 100%; text-align: left; }*/

div.contTopContent  { -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.gradientOverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=0 ); }

div.siteContainer { background: #ffffff; }
div.contentContainer { padding: 40px 3%; /*display: inline-block;*/ box-sizing: border-box; width: 100%;  margin: 0 auto; max-width: 1150px; text-align:left }
#divMainContainer {text-align: left; background: transparent; z-index: auto; overflow: hidden; position: relative; padding: 0; }  /*overflow: hidden; removed so oscar item image admin popups dont get cut off */
#sideColumn { width: 22%; float: left; background-color: #eee; }
#mainColumn { float: right; width: 76%; }


div.footer { clear: both; padding: 1em; color: #ffffff; text-align: center; font-size: 0; position: relative; background: #000000; border-top: 25px solid #ec171f; }

div.inlineFooter { display: inline-block; font-size: 16px; width: 28%; text-align: left; vertical-align: middle; padding: 30px 2%; margin: 0 2%; box-sizing: border-box;
                   /*background: url(/images/trans20_000000.png); background: rgba(0,0,0,0.33);*/ }
div.inlineFooter > p { line-height: 1.85; margin-bottom: 15px; text-align: center; }
div.inlineFooter p.footerHeading { color: #ec171f; font-size: 26px; padding-left: 0; overflow: hidden; margin: 0 0 5px 0; }
div.inlineFooter p.footerHeading-lg { font-size: 36px; }
div.inlineFooter span.tel,
div.inlineFooter a.tel { text-decoration: none; color: #ffffff; font-size: 36px; }
div.inlineFooter a.tel:hover { text-decoration: underline; }

ul.serviceLocs li { float: left; margin: 0 15px; }

div.getStarted { text-align: center; width: 36%; margin: 30px 0; /*background: url(/images/trans20_000000.png);*/ }
div.getStarted input.text-box,
div.getStarted textarea.contact_message { background: transparent; border: 2px solid #ffffff; color: #ffffff; padding: 12px; box-sizing: border-box; font-size: 16px;
                        -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; /* future proofing */
    -khtml-border-radius: 8px; /* for old Konqueror browsers */ }

        div.contactContainer { margin: 0; text-align: center; }
        div.contactContainer > div.contactField { width: 50%; display: inline-block; text-align: center; margin: 0 0 10px 0; vertical-align: top; }

        .g-recaptcha { display: table; margin: 0 auto; -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 { -ms-transform: scale(0.84);
                              transform: scale(0.84);
                      -webkit-transform: scale(0.84);
                          -ms-transform-origin: 50% 50%;
                              transform-origin: 50% 50%;
                      -webkit-transform-origin: 50% 50%; }
        }

div.copyright { font-size: 16px; padding: 30px 1em 60px; }
div.copyright,
div.copyright a { color: #ffffff; text-decoration: none; font-size: 12px; }
div.copyright a:hover { color: #cccccc; }
div.copyright p { margin: 0.8em 0; font-size: 12px; }


/* ---------------------- */
/* END Layout
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom OSCAR Styles
--------------------------------------------------------------------------- */

/* dropdown cart styles */

ul.cartNav { position: absolute; top: 0; right: 4%; z-index: 10001; background: rgba(255,255,255,0.8); font-size: .85em; font-weight: bold; margin: 0;  padding: 0 12px; }
ul.cartNav li { display: inline-block; position: relative; line-height: 35px; }
ul.cartNav li a,
ul.cartNav li.items { display: block; padding: 0 .75em; color: #999999; }
ul.cartNav li > a:hover { background: #ffffff; color: #000000!important; }
ul.cartNav li:hover ul { }
ul.cartNav li ul { display: none; float: none; 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 { display: block; float: none; margin: 0; border-top: 1px solid #eee; }
ul.cartNav li ul li:first-child { border: 0; margin-top: 5px; }
ul.cartNav li ul.products li:hover { /*background: url('/images/trans02_000000.png');*/ background: #ffffff; background: rgba(255,255,255,0.95); }
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; margin-top: 5px; }
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%; box-sizing: border-box; margin-bottom: .25em; border: none; font-weight: bold; }

ul.cart { text-align: center; overflow: hidden; }
ul.cart li { float: right; }
ul.cart li:first-child { float: left; }
ul.cart li a { background: #777777; color: #ffffff!important; }
	
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: #ffd51a url(/images/grad-yel-org.gif) bottom repeat-x; 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 { position: relative; margin-top: 5px; background: url(/images/oscar-category-header.jpg) right top no-repeat; display: inline-block; width: 100%; }
div.cat-header div.overlay { min-height: 160px; position: relative; }*/
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,
div.OSCAR_item-detail-right { float: none; display: inline-block; width: 50%; margin: 0 0 40px 0; vertical-align: top; }

div.OSCAR_item-detail-left { width: 60%; }
div.OSCAR_item-detail-right { width: 40%; }

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: #1f67c3 url(/images/icon-cart-button.png) center left repeat-y; color: #ffffff!important; text-align: left; padding-left: 60px; }
span.add-to-cart input.text-button:hover { background-color: #ccc; color: #000000!important; }
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: 30px; background: #cccccc url(/images/icon-wishlist-button.png) center left no-repeat;
             color: #000000; padding: 0 1em 0 60px; margin: 4px auto; font-weight: normal; width: 100%; max-width: 115px; }
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: center; }
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: 8px; background-color: #FAFAFA; }

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: #ec171f; color: #ffffff!important; border: none; font-size: 16px;
                -moz-border-radius: 12px;
              -webkit-border-radius: 12px;
                      border-radius: 12px;
               -khtml-border-radius: 12px; }

.text-button-lg,
button.large,
.add-to-cart input { font-size: 1.25em; padding: 0 1em; background: #ec171f; font-weight: normal; border: none; line-height: 2.25; }

a.text-button-lg,
a.text-buttond.large { font-size: 1.15em; }

.text-button-sm { line-height: 20px; height: auto; font-size: .8em; padding: 0 .5em; }
a.text-button, a.text-buttond { line-height: 26px; color: #fff; text-decoration: none; }
.text-buttond { background-color: #333; color: #fff!important; }

.text-button:hover,
.text-button-lg:hover,
.text-button-sm:hover,
.text-buttond:hover,
button:hover { background-color: #e2e2e2; color: #000!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; cursor: pointer; }
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: #1f67c3; padding: 1em 0 1em 25px; }
div.btnSearch > p { display: block; font-size: 1.5em;  color: #ffffff; line-height: 1; margin: 0; }

/* OSCAR widgets - featured items AND related items */
div.OSCAR_featured-item-image {  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; }

/* search widget */
p.search-widget-heading { display: inline-block; margin: 0; font-size: 16px; width: 20%; }
div.search-widget-container { max-width: 460px; width: 100%; margin: 0 auto; position: relative;  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 { background-image: url(/images/icon-search-lg.png); background-size: contain; width: 46px; height: 46px; border: none; }*/ /* Alternate large search icon */
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.testi-widget-container { position: relative; background: #fdcd08; text-align: center; margin: 0; padding: 40px 3%; border: none; }
div.testi-widget-inner { padding: 0; font-size: 1.25em; font-style: italic; }
div.testi-widget-inner p { margin: 0; line-height: 2; }
/*div.testi-widget-inner ul.nav { font-size: 0; }
div.testi-widget-inner ul.nav li { display: inline-block; font-size: 18px; font-weight: bold; box-sizing: border-box; width: 29.33%; margin: 0 2%; padding: 15px 3%;
                                   vertical-align: middle; background: rgba(0,0,0,0.5);
                                   -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px; }*/
div.testi-widget-inner ul.nav li { display: inline-block; box-sizing: border-box; /*padding: 15px 3% 25px;*/ padding: 0 3%; position: relative;
                                   vertical-align: middle;
                                   /*-moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;*/ }
div.testi-widget-container p.signature { font-size: 0.9em; }

div.testi-widget-container a.text-button-lg { background: #163a83; color: #ffffff!important; margin-top: 15px; font-size: 0.85em; }
div.testi-widget-container a.text-button-lg:hover { background: #e2e2e2; color: #000000!important; }

/*div.testi-widget-container a.viewAll { display: block; position: absolute; bottom: 0; right: 0; background: #4ba5e0; color: #ffffff; padding: 3px 7px; font-size: 17px;
                                       -moz-border-radius: 8px;
        -webkit-border-radius: 8px 0 0 0;
        -khtml-border-radius: 8px 0 0 0;
        border-radius: 8px 0 0 0; }
div.testi-widget-container a.viewAll:hover { color: #000000; background: #e2e2e2; }*/

/* ------------------------------------------------------------------------ */
/* START Checkout Index Styles
--------------------------------------------------------------------------- */

span.check label { line-height: 40px; }
label.col1 { line-height: 40px; font-size: 16px; }

.validationSummary { color: red; font-weight: bold; }
span.validationSummary { margin-left: 31%; }

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
--------------------------------------------------------------------------- */

/* mobile nav triggers*/
a.menu-toggle { display: none; position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; line-height: 40px; font-size: 16px; background: #ec171f; 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: #000000; }
a.menu-toggle > span.hamburger { display: inline-block; vertical-align: middle; padding: 0; position: absolute; right: 20px; top: 3px;
                                 -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: 0; }
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-weight: normal; }
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: #000000; }
#mobileNav ul li {  }
#mobileNav ul li a { color: #fff; line-height: 1.35; display: block; font-size: 14px; padding: 7px 0; }
#mobileNav > ul > li > a { font-size: 17px; padding: 15px 0; }
#mobileNav > ul > li > ul > li > a { font-size: 16px; padding: 10px 0; }
#mobileNav ul li.selected a,
#mobileNav ul li a:hover { background: #ec171f; }
#mobileNav > ul > li ul { margin: 0 10%; width: 80%; background: rgba(255,255,255,0.2); 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 : 1500px) {
    div.contTopContent  { height: 284px!important; }
}
@media only screen and (max-width : 1300px) {
    h1 {  }
    .noFloat1300 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

@media only screen and (max-width : 1200px) {
    a.logo { left: 40%; width: 20%; }

    div.contTopNav { text-align: center; }
    div.contTopNav ul.nav li a { font-size: 15px; padding: 0 14px; letter-spacing: 0; }

    div.inlineFooter { display: block; width: auto!important; margin: 20px auto 0; max-width: 550px; padding: 2% 3%; }
    div.inlineFooter:first-child { margin: 0 auto; }

    .noFloat1200 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

@media only screen and (max-width : 1000px) {
    a.logo { top: 7%; }

    div.contTopNav ul.nav li a { font-size: 14px; padding: 0 9px; letter-spacing: 0; }

    div.contTopContent  { height: 214px!important; }

    .noFloat1000 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

@media only screen and (max-width : 860px) {
    body { padding-top: 40px; font-size: 16px; }
    a.logo { position: relative; left: 0; top: 0; right: 0; width: 100%; max-width: 160px; }

    ul.cartNav { position: fixed; top: 40px; left: 0; right: 0; background: rgba(255,255,255,0.85); }

    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: 40px 0; z-index: 10000; width: 100%; opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; height: auto; overflow: auto; }

    div.topBar div.contLogoNav { text-align: center; background: none; }
    div.topCallUs { color: #8ae2fe; z-index: 3; }

    div.contTopContent  { height: 164px!important; }
    div.gradientOverlay { background: none; }

    /*div.contentContainer p { text-align: center; }*/

    div.copyright { text-align: center; }
    div.copyright p { float: none!important; }

    .left,
    img[align=left],
    .right,
    img[align=right] { float: none; margin: 10px auto!important; max-width: 100%!important; display: table; }

    table.twoWide tr td { display: block; width: 100%; }

    ul.twoWide li { display: block; width: 100%; margin: 0 auto; border-top: 5px solid #ec171f; }
    ul.twoWide li:first-child { border-top: none; }

    ul.fiveWide > li { width: 33.33%; }

    /*.popBox { width: 92%!important; padding: 40px 4%; }*/

    #divMainContainer div.col2 { width: 94%; float: none; margin: 15px auto; padding: 30px 2% }

    #filter-toggle { display: block; position: fixed; right: 35%; left: 35%; bottom: 0; width: 30%; z-index: 2002; background: #fdcd08; color: #163a83; 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: #e2e2e2; color: #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"; }

    #sideColumn { float: none!important; width: 100%!important; box-sizing: border-box; max-width: 440px; position: fixed; top: 35px!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; }
    #sideColumn.active { right: 0;
                            -moz-opacity: 1;
                            -khtml-opacity: 1;
                            opacity: 1; }

    table.twoWide > tbody > tr > td { display: block; width: 100%; box-sizing: border-box; text-align: center; }

    .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) {
    body { /*padding-top: 60px;*/ font-size: 14px; }

    div.contTopContent  { height: 124px!important; }

    ul.fiveWide > li { width: 50%; }

    h1 { font-size: 32px; }
    h2 { font-size: 30px; }
    h3 { font-size: 25px; }
    h4 { font-size: 22px; }

    .rptHeading { font-size: 28px; }
    .rptDescription { font-size: 18px; }

    .noFloat660 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

@media only screen and (max-width : 550px) {
    div.topBar { background: #3d95d9; }

    .noFloat550 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

@media only screen and (max-width : 450px) {
    .noFloat450 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

/* ---------------------- */
/* END Custom Responsive Styles
------------------------- */
