/* CSS Document */

/* colors: 
 


*/

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

.fs-color1 { color: #3b4a55; }
.fs-color2 { color: #d9eafe; }
.fs-color3 { color: #deeebc; }

.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: #000000; 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: #ffffff; 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: #eeeeee; }

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.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, button, input, select, textarea { font-family: "Times New Roman", Times, serif; }

h1, h2, h3, h4 { color: #000000; }

h1 {  }
h2 {  }
h3 {  }
h4 {  }

div.breadcrumbs { font-size: .8em; margin: 0 0 1em 0; }
div.breadcrumbs a { text-decoration: none; }

div.topBar { position: relative; z-index: 1000;
             background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzVlMGZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 17%, rgba(197,224,254,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,rgba(255,255,255,1)), color-stop(100%,rgba(197,224,254,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 17%,rgba(197,224,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(255,255,255,1) 17%,rgba(197,224,254,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 17%,rgba(197,224,254,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(255,255,255,1) 17%,rgba(197,224,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5e0fe',GradientType=0 ); /* IE6-8 */ }
div.topBar div.contLogoNav { position: relative; max-width: 1300px; text-align: left; margin: 0 auto; padding: 0; }

a.logo { display: inline-block; margin: 0 0 0 1%; position: relative; z-index: 2; padding: 5px 0;
         -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%; }

div.topCallUs { position: absolute; top: 54px; right: 7%; text-align: center; font-size: 20px; color: #000000; font-style: italic; line-height: 1.15; font-weight: bold; }
div.topCallUs > span.tel,
div.topCallUs > a.tel { font-size: 32px; color: #ffffff; text-decoration: none; }
div.topCallUs > a.tel:hover { text-decoration: underline; }

/* TOP NAV STYLES */
div.contTopNav { position: relative; background: #000000; 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: block; position: relative; z-index: 98; margin: 0 auto; padding: 0; font-size: 0; line-height: 0; max-width: 1300px; }
div.contTopNav ul.nav li { display: inline-block; position: relative; margin: 0px; }
div.contTopNav ul.nav li a,
div.contTopNav ul.nav li span { display: block; color: #ffffff; line-height: 42px; padding: 0 28px; font-size: 20px; letter-spacing: 1px; cursor:pointer }
div.contTopNav > ul.nav > li.selected > a,
div.contTopNav > ul.nav > li:hover > a,
div.contTopNav > ul.nav > li:hover > span { color: #ffffff; background: #3b4a55; }


div.contTopNav > ul.nav > li > ul { text-align: left; display: block; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; height: 0; position: absolute; top: 42px; left: 0;
                                    background: #3b4a55; 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 { /*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 { color: #ffffff; background: #000000; }


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.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; max-width: 100%; }  /*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%; }
.col2 { box-sizing: border-box; padding: 30px 3% 30px 0; }

div.footer { clear: both; padding: 1em; color: #ffffff; text-align: center; font-size: 0; position: relative; background: #3b4a55; border-top: 25px solid #000000; }

div.inlineFooter { /*display: inline-block;*/ font-size: 16px; width: 30%; text-align: left; vertical-align: top; padding: 30px 2%; margin: 0 auto; box-sizing: border-box;
                   /*background: url(/images/trans20_000000.png); background: rgba(0,0,0,0.33);*/ }
div.inlineFooter > p { line-height: 1.55; margin-bottom: 15px; text-align: left; }
div.inlineFooter > p.footerHeading { color: #ffffff; font-size: 18px; padding-left: 0; overflow: hidden; margin: 0; }
div.inlineFooter > p.footerHeading-lg { font-size: 36px; font-weight: bold; margin: 0 0 10px 0; }
div.inlineFooter span.tel,
div.inlineFooter a.tel { text-decoration: none; color: #ffffff; font-size: 18px; }
div.inlineFooter a.tel:hover { text-decoration: underline; }

div.getStarted { text-align: center; width: 64%; margin: 30px 2% 30px 1%; /*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.footerNav { text-align: left; font-size: 18px; }
    div.footerNav > ul.nav { list-style: none; margin: 0; padding: 0; text-align:center; }
    div.footerNav > ul.nav > li { display: inline-block; margin: 0; padding: 0; }
    div.footerNav > ul.nav > li > a { display: block; text-transform: uppercase; color: #ffffff; padding: 10px 20px; }
    div.footerNav > ul.nav > li:hover > a { background: #ffffff; color: #000000; }

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 { display: inline-block; position: absolute; top: 50px; right: 1%; z-index: 10001; margin: 0; padding: 0; }
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: #000000; }
ul.cartNav > li > a { text-transform: uppercase; }
ul.cartNav li:hover > a { background: #3b4a55; color: #ffffff!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; margin-bottom: 5px; clear: both; }
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; }
ul.cartNav li.checkout ul.products { padding-top: 15px; }
ul.cartNav li.checkout ul.products li { background: #e2e2e2; }
ul.cartNav li ul.products li:hover { /*background: url('/images/trans02_000000.png');*/ background: #e9e9e9; }
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;*/ overflow: visible; }
ul.cart li { float: right; }
ul.cart li:first-child { float: left; }
ul.cart li a { background: #000000; 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; float: right; margin-right: 43px; }
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: "Times New Roman", Times, serif; 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%; padding: 0 0 0 10px; box-sizing: border-box; }

div.OSCAR_item-detail-right div.inner { padding: 25px 25px 0; background: #eeeeee; }
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: #3b4a55 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: "Times New Roman", Times, serif; 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: "Times New Roman", Times, serif; 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: "Times New Roman", Times, serif; 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: #000; color: #fff !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: 10px 20px;
        background-color: #000;
        color: #fff !important;
        font-weight: normal;
        white-space: normal;
        line-height: 1.65;
        font-family: "Times New Roman", Times, serif;
        border: none;
    }

a.text-button-lg,
a.text-buttond.large { font-size: 1.15em; line-height: 38px;  }

.text-button-sm { line-height: 20px; height: auto; font-size: 12px; 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: #000000; color: #ffffff!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: "Times New Roman", Times, serif; 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: #000000; 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 {  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: "Times New Roman", Times, serif; }
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: #ffffff; 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: #000000; 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
------------------------- */

ul.homepage-callouts { display: block; font-size: 0; text-align: center; margin: 0; padding: 0; }
ul.homepage-callouts > li { display: inline-block; width: 33.33%; font-size: 16px; text-align: center; vertical-align: top; margin: 10px 0; padding: 0; min-width: 210px; }
ul.homepage-callouts > li > a { display: block; text-decoration: none; color: #000000;
                                -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; }
ul.homepage-callouts > li:hover > a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
                            filter: alpha(opacity=60);
                            -moz-opacity: 0.60;
                            -khtml-opacity: 0.60;
                            opacity: 0.60; }
ul.homepage-callouts > li > a > img { display: table; margin: 0 auto; }
ul.homepage-callouts > li > a > span { display: block; }
ul.homepage-callouts > li > a > span.field1 { font-size: 20px; font-weight: bold; }


div.retailLocs { font-size: 0; }
div.retailLocs > div { display: inline-block; width: 50%; padding: 15px 4%; box-sizing: border-box; font-size: 18px; vertical-align: top; }

/* ------------------------------------------------------------------------ */
/* 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: #000000; 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: #3b4a55; }
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: #3b4a55; }
#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: #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 : 1300px) {
    .noFloat1300 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

@media only screen and (max-width : 1200px) {
    body { font-size: 16px; }
    a.logo { display: table; margin: 0 auto; }
    ul.cartNav { position: relative; top: 0; right: 0; display: table; margin: 0 auto; }
    /*ul.cartNav > li { display: inline-block; }*/

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

@media only screen and (max-width : 1000px) {
    div.contTopNav ul.nav li a { font-size: 16px; }

    .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: 15px; }
    div.contLogo {  }

    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.topCallUs { position: relative; top: 0; right: 0; text-align: center; }

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

    div.inlineFooter { display: block; width: 100%; padding: 2% 3%; margin: 20px 0; }
    div.inlineFooter:first-child { margin: 0; }

    div.copyright { text-align: center; }
    div.copyright p { float: none!important; }

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

    table.twoWide tr td { display: block; width: 100%; }

    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: #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: #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; }

    .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; }

    ul.fiveWide > li { width: 50%; }

    div.retailLocs > div { display: block; width: auto; }

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

@media only screen and (max-width : 550px) {
    .noFloat550 { float: none!important; display: block; margin: 0 auto 10px!important; text-align: center!important; }
}

@media only screen and (max-width : 450px) {
    div.checkout-top { width: auto; }
    ul.products li p { text-align: right; }
    ul.products li p.price { text-align: right; padding: 0 .75em; }

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

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

div.productsWrapper { background: #f6f6f6; padding: 40px 3%; }
ul.productsCategories { display: block; max-width: 1150px; margin: 0 auto; font-size: 0; text-align: center; box-sizing: border-box; }
    ul.productsCategories > li { display: inline-block; width: 21%; box-sizing: border-box; font-size: 16px; margin: 10px 2%; vertical-align: top; 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; }
    ul.productsCategories > li:hover { -moz-border-radius: 24px;
               -webkit-border-radius: 24px;
                       border-radius: 24px;
                -khtml-border-radius: 24px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                     filter: alpha(opacity=70);
                -moz-opacity: 0.70;
              -khtml-opacity: 0.70;
                     opacity: 0.70; }
        ul.productsCategories > li > a { display: block; color: #000000; text-decoration: none; }
        ul.productsCategories > li > a > span { display: block; width: 100%; max-width: 260px; margin: 0 auto; background: #ffffff; font-weight: bold; padding: 10px 0; }
        
        ul.productsCategories > li > a > img { display: table; margin: 0 auto; }

        @media only screen and (max-width : 860px) {
            ul.productsCategories > li { width: 46%; max-width: 310px; }
        }
        @media only screen and (max-width : 450px) {
            ul.productsCategories > li { width: 96%; }
        }



.menuBackground {
    background: #222;
    color: #fff;
    text-align: center;
    display: inline-block;
}

    .menuBackground .dropDownMenu ul {
    }

    .menuBackground > ul > li {
        color: #fff;
    }

    .menuBackground .dropDownMenu a {
        color: #fff;
    }

    .menuBackground .dropDownMenu > li:hover > a {
        background: #555;
    }

    /*Level 2*/
    .menuBackground .dropDownMenu > li > ul {
        background: #333333;
    }

        .menuBackground .dropDownMenu > li > ul > li:hover > a {
            background: #555555;
        }

        /* Level 3 */
        .menuBackground .dropDownMenu > li > ul > li > ul {
            background: #222;
        }

            .menuBackground .dropDownMenu > li > ul > li > ul a {
                color: #fff;
            }

                .menuBackground .dropDownMenu > li > ul > li > ul a:hover {
                    color: #fff;
                }

            .menuBackground .dropDownMenu > li > ul > li > ul > li:hover > a {
                background: #555;
            }