/* CSS Document */

/* colors: 
 
    Dark Green: #006126
    Med Gray: #e2e2e2;

*/

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

.fs-color1 { color: #f56719; } /*orange*/
.fs-color2 { color: #333333; } /*gray*/
.fs-color3 { color: #B04207; } /*dark orange*/

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

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

.fs-subheadingLG { 
	font-size: 1.4em;
	background: url(/images/grad1-top-shad.png) repeat-x; padding-top: .75em; margin-top: 1.5em; display: block;
	font-family: verdana, sans-serif, "trebuchet MS", trebuchet;
}

.fs-subheadingMED { 
	font-size: 1.3em;
	border-top: 1px solid #eee; padding-top: .75em; margin-top: 1.5em; display: block;
	font-family: verdana, sans-serif, "trebuchet MS", trebuchet;
}

.fs-subheadingSM { 
	font-size: 1.2em;
	font-family: verdana, sans-serif, "trebuchet MS", trebuchet;
}

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

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

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

html { /*overflow: auto;*/ height: 100%;  font-size: 100%; }
body { overflow: auto; width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { text-align: center; /*IE6 center page fix*/ margin: 0 auto; line-height: 1.6; color: #000; font-size: 15px; background: #f0f0f0; min-width: 303px; max-width: 2160px; padding: 0; }

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

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

h1 a,
h1 a:hover { text-decoration: none; }
h1,
h2,
h3,
p { margin: 0 0 .8em 0; }
h1,
h2,
h3 { line-height: 1.15; }
h1 { font-size: 2.5em; padding: 0 0 25px 0; margin: 0 -75px 35px -75px; /*border-bottom: 3px dotted #ccc;*/ border-bottom: 3px dashed #f9a475; border-left: 2px solid transparent; border-right: 2px solid transparent; text-align: center; font-weight: normal; }
h2 { font-size: 1.75em; text-align: center; margin: 2% 0 2% 0; }
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; list-style: none; }
ul li { background: url(/images/bullet.png) top 10px left 0.2em no-repeat; padding-left: 1em; }
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 th,
table.data td,
table.data-vert td,
table.data-vert 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 { /*float:left;*/ width:100%; padding: 0; margin: 0; list-style-type: none!important; font-weight: bold; font-family: verdana, sans-serif, "trebuchet MS", trebuchet; 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; }
.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; }

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

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

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

a { color: #000000; }
a:hover { color: #999999; }

body, button, input, select, textarea { font-family: verdana, sans-serif, "trebuchet MS", trebuchet; }

h1, h2, h3, h4 { color: #000000; font-family: verdana, sans-serif, "trebuchet MS", trebuchet; }

div.contHeader { background: #dddddd url(/images/BlackGradTop.png) top center repeat-x; position: relative; padding: 0; margin: 0; min-height: 280px; max-height: 280px; height: 280px; }
div.contHeaderInner { background: url(/images/spiralTop04.png) left 36% top no-repeat; padding: 0; margin: 0; min-height: 280px; max-height: 280px; height: 280px; }
div.contHeaderInner2 { background: url(/images/grid.png); padding: 0; margin: 0; min-height: 280px; max-height: 280px; height: 280px; }

div.contLogo { width: 100%; margin: 0 auto; padding: 0; background: url(/images/WhiteGradTop.png) bottom center repeat-x; height: 216px; max-height: 216px; min-height: 216px; }
div.contLogoInner { position: relative; max-width: 1000px; width: 100%; margin: 0 auto; }

a.logo { display: block; max-width: 415px; position: relative; margin: 0; padding-top: 66px; }
a.logo img { max-width: 415px; width: 100%; }

div.topContact { position: absolute; right: 10px; top: 80px; color: #ffffff; letter-spacing: 3px; font-size: 13px; text-shadow: 1px 3px 3px #555555; line-height: 30px; }
div.topContact a { color: #ffffff; text-decoration: none; }
div.topContact a:hover { color: #cccccc; text-decoration: none; }

ul.topSocial { margin: 0; padding: 0; }
ul.topSocial li { background: none; display: inline-block; margin: 0; padding: 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; }
ul.topSocial li:hover { opacity: 0.7; }

div.topSeperator { width: 100%; height: 5px; background: #000000; border-bottom: solid 2px #f56719; }

div.bodyContainer { /*background-color: #ffffff;*/ }

div.pageContainer { margin: 0 auto; max-width: 100%; text-align: left; background: #f0f0f0; border-top: solid 10px #ffffff; position: relative; }

#divMainContainer { margin: 0 auto; z-index: auto; max-width: 1150px; width: 100%; }   /*overflow: hidden; removed so oscar item image admin popups dont get cut off */

#divMainContainer div.col1 { float: left; width: 22%; background-color: #eee; }
#divMainContainer div.col2 { margin-left: 22%; }

div.contentContainer { margin: 5% 2%; display: inline-block; width: 96%; position: relative; }
/*div.contentContainer img { border-radius: 8px; }*/

div.col1 div.nav ul { background: url(/images/grad2-top-shad.png) repeat-x; padding: 1.4em 0; }
div.col1 div.nav > ul > li > span { font-size: 1.4em; }
div.col1 div.nav ul li a { font-size: 1.125em; }
div.col1 div.nav ul li a,
div.col1 div.nav ul li span { display: block; padding: .45em .75em .45em 24px; font-family: verdana, sans-serif, "trebuchet MS", trebuchet; }
div.col1 div.nav ul li a:hover { background: #fff; }
div.col1 div.nav ul li ul { background: none; padding: 0; }

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

/* TOP NAV STYLES */
ul.topNav { position: absolute; bottom: 0; z-index: 100; background: url(/images/trans80_000000.png); background: rgba(0,0,0,0.8); width: 100%; height: 64px; text-align: center;
                                       -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.topNav > li { display: inline-block; position: relative; margin: 0 30px 0 24px; border-bottom: 3px solid #f9a475; }
ul.topNav > li:hover { border-bottom: 3px solid #d2d2d2; }
ul.topNav > li > a { display: block; color: #fff; line-height: 54px; padding: 0 10px; font-size: 14px; text-transform: uppercase; border-bottom: 7px solid #f56719; letter-spacing: 2px; border-left: 2px solid transparent; border-right: 2px solid transparent;
                                       -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.topNav li a:hover,*/
ul.topNav > li.selected > a,
ul.topNav > li:hover > a { background: #111111; background: rgba(0,0,0,0.5); border-bottom: 7px solid #B04207; color: #f56719; }
ul.topNav > li:hover > ul { display: block; }
ul.topNav > li > ul { text-align: left; display: none; position: absolute; top: 62px; left: 0; background: url(/images/trans80_000000.png); background: rgba(0,0,0,0.8); z-index: 1001; min-width: 100%; padding: 0 1em; }
ul.topNav > li > ul > li { display: block; margin: 0; background: none!important; position: relative; }
ul.topNav > li > ul > li:first-child { margin-top: 10px; }
ul.topNav > li > ul > li:last-child { margin-bottom: 20px; }
/*ul.topNav li ul li a:hover,*/
ul.topNav > li > ul > li.selected > a,
ul.topNav > li > ul > li > a:hover { background: #555555 url(/images/grid.png); color: #f56719; }
ul.topNav > li > ul > li > a { display: block; color: #fff; white-space: nowrap; font-size: 13px; line-height: 1.6; padding: 1em 2em; }

ul.topNav > li > ul > li:hover > ul { display: block; }
ul.topNav > li > ul > li > ul { text-align: left; display: none; position: absolute; top: -10px; left: 233px; background: url(/images/trans80_000000.png); background: rgba(0,0,0,0.8); z-index: 1001; min-width: 100%; padding: 0 1em; }
ul.topNav > li > ul > li > ul > li { display: block; margin: 0; background: none!important; }
ul.topNav > li > ul > li > ul > li:first-child { margin-top: 10px; }
ul.topNav > li > ul > li > ul > li:last-child { margin-bottom: 20px; }
/*ul.topNav li ul li a:hover,*/
ul.topNav > li > ul > li > ul > li.selected > a,
ul.topNav > li > ul > li > ul > li > a:hover { background: #ffffff; color: #000000; }
ul.topNav > li > ul > li > ul > li > a { display: block; color: #fff; white-space: nowrap; font-size: 13px; line-height: 1.6; padding: 1em 2em; }


div.contTopContent {  }
/*.homepage div.contTopContent { margin-bottom: 40px; max-height: 700px; overflow: hidden; }*/

/* BOTTOM NAV STYLES */
div.contBottomNav ul.bottomNav {  }
div.contBottomNav ul.bottomNav li { display: inline-block; background: url("/images/div-vert.png") center left no-repeat; margin: 0 0 0 -6px; }
div.contBottomNav ul.bottomNav li:first-child { background: none; }
div.contBottomNav ul.bottomNav li #ctl00_ctl00_bottomNav_rptLinks_ctl05_lnkLink { font-weight: bold; }
div.contBottomNav ul.bottomNav li a { display: block; color: #000; line-height: 44px; padding: 0 20px; font-size: 13px; }
div.contBottomNav ul.bottomNav li a:hover { color: #fff; background: #006126; }
div.contBottomNav ul.bottomNav ul {  }
div.contBottomNav ul.bottomNav ul li {  }

div.sliderBox { position: absolute; z-index: 99; padding: 40px 30px; color: #ffffff; text-align: center; bottom: 2%; left: 35%; max-width: 30%; background: rgba(0, 0, 0, 0.7);
                                       -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.sliderBox:hover { background: rgba(0,0,0,0.8)!important; }
div.sliderBox a { text-align: center; color: #fff; margin: 30px auto 0 auto; display: block; line-height: 72px; font-size: 21px; text-decoration: none; width: 70%; max-width: 300px;
                                       -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.sliderBox a:hover { background: #5c5c5c!important; font-size: 23px; }

div.contBottomInfo { background: #dddddd url(/images/BlackGradBot.png) bottom center repeat-x; width: 100%; border-top: solid 10px #ffffff; }
div.contBottomInfo2 { background: url(/images/grid.png); }
div.innerBottomInfo { max-width: 1100px; width: 100%; margin: 0 auto; text-align: center; }

div.bottomContactInfo { display: inline-block; color: #fff; position: relative; }
div.bottomContactInfo img.mainImage { margin: 50px 0 100px 0; vertical-align: top; padding: 0; display: inline-block; }
div.bottomContactInfoInner { background: rgba(0,0,0,0.6); width: 425px; height: 220px; display: inline-block; vertical-align: top; margin: 60px 0 0 0; }

ul.contactInfo { margin: 0; padding: 0; text-align: left; margin: 35px 46px; }
ul.contactInfo li { background: none; display: block; margin: 0; padding: 0; position: relative; }
ul.contactInfo li p { position: absolute; top: 8px; left: 94px; }

ul.FSNavLinks { margin: 0; }
ul.FSNavLinks li { background: none; padding: 0; margin: 0 auto; text-align: center; }
ul.FSNavLinks li a { display: block; font-size: 24px; text-decoration: none; color: #fff; background: #006126; background: rgba(0,97,38,0.95); padding: 2% 0; max-width: 700px; margin: 0 auto 0.5em auto;
                                       -webkit-transition: none;
	                                      -moz-transition: none;
	                                       -ms-transition: none;
	                                        -o-transition: none;
	                                           transition: none; }
ul.FSNavLinks li a:hover { background: #16773C; background: rgba(22,119,60,0.95); }
ul.FSNavLinks li a span { font-size: 15px; }
ul.FSNavLinks li a img { display: inline!important; margin-top: -2px; }
ul.FSNavLinks li a:hover img{ -webkit-animation: spin 0.75s ease-in-out;
                                 -moz-animation: spin 0.75s ease-in-out;
                                      animation: spin 0.75s ease-in-out; }

ul.blogLinks { margin: 0; text-align: center; }
ul.blogLinks li { background: none; padding: 0; margin: 0 auto; text-align: center; display: inline; }
ul.blogLinks li a { display: inline-block; font-size: 15px; text-decoration: none; color: #fff; background: #006126; background: rgba(0,97,38,0.95); padding: 2% 0; width: 100%; max-width: 200px; margin: 0 auto 0.5em auto;
                                       -webkit-transition: none;
	                                      -moz-transition: none;
	                                       -ms-transition: none;
	                                        -o-transition: none;
	                                           transition: none; }
ul.blogLinks li a:hover { background: #16773C; background: rgba(22,119,60,0.95); }
ul.blogLinks li a span { font-size: 7px; }
ul.blogLinks li a img { display: inline!important; margin-top: -2px; }
ul.blogLinks li a:hover img{ -webkit-animation: spin 0.75s ease-in-out;
                                 -moz-animation: spin 0.75s ease-in-out;
                                      animation: spin 0.75s ease-in-out; }

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

a.red-button { display: block; background: #B70306; margin: 0 auto 20px auto; text-align: center; text-decoration: none; color: #fff; font-size: 21px; line-height: 72px; max-width: 200px; width: 100%;
    -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.red-button:hover { background: #5c5c5c; font-size: 23px; }

div.blockquote { margin: 40px 5%; padding: 25px; background: #e2e2e2; background: rgba(226,226,226,0.3); transition: all 0.3s ease-in-out; }
div.blockquote:hover { background: #e2e2e2; background: rgba(226,226,226,0.65); }

.fine-print { font-size: 12px; }

#divFooter { clear: both; padding: 1em; background: #000000; color: #fff; overflow: hidden; }

div.contBottomInfo a.tel { color: #ffffff; text-decoration: none; }

div.copyright { font-size: .75em; width: 100%; margin: 0 auto; }
div.copyright,
div.copyright a { color: #ffffff; text-decoration: none; }
div.copyright a:hover { color: #cccccc; }
div.copyright p { float: right; margin: 0; }
div.copyright p:first-child { float: left; }




        ul.serviceTile { margin: 0; padding: 0 0 5% 0; text-align: center; }
        ul.serviceTile > li { position: relative; display: inline-block; margin: 2% 2%; padding: 0; background: none; overflow: hidden; vertical-align: top; }
        ul.serviceTile > li > a { text-decoration: none; }
        ul.serviceTile > li > a > span.contImage { display: block; width: 100%; margin: 0; padding: 0; max-width: 360px; max-height: 240px; overflow: hidden; border-bottom: 4px solid #f56719; }
        ul.serviceTile > li > a > span.contImage > img { width: 100%; margin: 0!important;
		filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(100%);
                filter: gray;
        -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; 
    	-webkit-transform: scale(1);
	            transform: scale(1);
        -webkit-transition: -webkit-transform 0.35s;
	            transition: transform 0.35s;
        -webkit-backface-visibility: hidden;
	            backface-visibility: hidden; }
        ul.serviceTile > li > a:hover > span.contImage > img { width: 100%; border-right: 2px solid transparent; margin: 0!important;
               filter: none;
       -webkit-filter: grayscale(0%);
       -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;
  	   -webkit-transform: scale(1.18);
	           transform: scale(1.18); }
        ul.serviceTile > li > a > span.bottomDesc { display: block; width: 90%; margin: 0 auto; max-width: 360px; text-align: left; font-family: sans-serif, "trebuchet MS", Verdana, trebuchet;  background: #555555 url(/images/grid.png); color: #ffffff; box-sizing: border-box; padding: 20px;
                                                    border-radius: 0 0 8px 8px;
                                               -moz-border-radius: 0 0 8px 8px;
                                            -webkit-border-radius: 0 0 8px 8px;
                                            -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; }
        ul.serviceTile > li > a:hover > span.bottomDesc { color: #ffffff;
       -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; }
        ul.serviceTile > li > a > span.bottomDesc > span.title { display: block; text-transform: uppercase; font-weight: bold; font-size: 17px; margin-bottom: 10px; height: 54px;
       -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; }
        ul.serviceTile > li > a:hover > span.bottomDesc > span.title { color: #f56719; }
        ul.serviceTile > li > a > span.bottomDesc > span.readMore { display: block; text-align: right; margin-top: 10px; font-size: 13px;
       -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; }
        ul.serviceTile > li > a:hover > span.bottomDesc > span.readMore { color: #f56719; }


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

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

/* categories */

.OSCAR_SubCategory-List .row,
.OSCAR_item-list .row { background: none; padding: 0; border-top: 1px solid #eee; }

.OSCAR_item,
.OSCAR_category { width: 28%;  margin-left: 3.75%; padding: 3.75% 0 3.75% 3.75%; text-align: center; border-left: 1px solid #eee; }
.OSCAR_item.first,
.OSCAR_category.first { border-left: none; margin-left: 0; padding-left: 0; }

.OSCAR_category p.fs-bodyTextLG a { font-weight: normal; font-family: 'titilliumbold', sans-serif; }
.OSCAR_item p.fs-bodyTextLG { font-size: 1.25em; }

div.pag-bot { background: url(/images/grad1.gif) center top no-repeat; 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 { color: #fff; font-size: 47px; text-shadow: 0 0 10px #666; position: absolute; right: 70px; bottom: -26px; }
	
div.cat-header img.cat-image { position: absolute; top: 0; left: 0; max-height: 160px; }

div.cat-desc { padding: 1em 1.5em; }

/* item detail */

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

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

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

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

div#mybuyspagezone2 {  }
div.MB_PRODUCTSLOT {  }

div#mybuyspagezone1,
div#ctl00_ctl00_ctl00_MainContent_Body_Body_divMyBuys { margin: 30px 0 0; overflow: hidden; }
div#mybuyspagezone1 ul li,
div#ctl00_ctl00_ctl00_MainContent_Body_Body_divMyBuys ul li,
div#ctl00_ctl00_ctl01_MainContent_Body_Body_divMyBuys ul li { background: none; }

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

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

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

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

div.banner1 { background: #e2e2e2; padding: .8em 1.35em; overflow: hidden; margin: 1em 0; font-family: verdana, sans-serif, "trebuchet MS", trebuchet; 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: verdana, sans-serif, "trebuchet MS", trebuchet; 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: verdana, sans-serif, "trebuchet MS", trebuchet; 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: #f56719; color: #fff!important; height: 28px; height: 29px; border: none; }

.text-button-lg,
button.large,
.add-to-cart input { font-size: 1.25em; padding: 0 1em; background: #f56719; height: 40px; font-weight: normal; font-family: verdana, sans-serif, "trebuchet MS", trebuchet; border: none; }

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

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

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

/* ---------------------- */
/* 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: verdana, sans-serif, "trebuchet MS", trebuchet; padding-left: 15px; }
div.optiongroupHeightRestrict {height:120px;overflow:hidden;position:relative}
div.optiongroupHeightRestrict > div { padding: .5em 1em .5em 1.75em; cursor: pointer; position:absolute;top:20px;right:0; background: url(/images/more-bkg.png) left center no-repeat; font-size: .9em; }
div.btnSearch { background: #0ecffa url(/images/header-cutout-right.png) 210px bottom no-repeat; padding: 1.25em 0 1em 25px; padding: 1em 0 1em 25px; }
div.btnSearch > p { display: block; font-size: 1.5em; font-family: verdana, sans-serif, "trebuchet MS", trebuchet; line-height: 1; margin: 0; }

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

/* OSCAR item detail page */
body.product-detail div.breadcrumbs { width: 46.8%; float: right; margin-top: 1em; }

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 */
div.announce-widget-container { width: 60%; position: absolute; top: 82px; right: 50px; }
div.announce-widget-body a { display: block; line-height: 43px; max-height: 43px; overflow: hidden; margin-left: 16px; font-family: sans-serif, verdana, "trebuchet MS", trebuchet; font-size: 18px; color: #fff; text-decoration: none; text-align: left; }
div.announce-widget-body a:hover { text-decoration: underline; }
p.widget-heading { color: #0a1434; font-size: 20px; overflow: hidden; display: block; font-family: verdana, sans-serif, "trebuchet MS", trebuchet; }
p.widget-heading span { float: left; font-size: 15px; font-family: sans-serif, verdana, "trebuchet MS", trebuchet; line-height: 33px; font-weight: bold; margin-left: 15px; }
p.widget-heading a { float: right; display: inline-block; background: #aac2b4; padding: 0 20px; font-size: 13px; text-decoration: none; line-height: 33px; }
p.widget-heading a:hover { background: #297849; color: #fff; }

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

div.pagination-controls { margin: 0; }
div.pagination-controls > p,
div.pagination-controls > div { margin-bottom: .5em; }


/* ------------------------------------------------------------------------ */
/* 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
------------------------- */

div.pnlPhotos { text-align: center; margin: 0 auto; /*max-width: 1340px;*/ max-width: 1600px; padding: 10px 10px 40px; box-sizing: border-box; }
        div.pnlPhotos a { display: inline-block; margin: 5px; font-size: 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; }
        div.pnlPhotos a:hover { opacity: 0.75; filter: alpha(opacity =75); }

        div.pnlPhotos img { border-radius: 8px;
                           -moz-border-radius: 8px;
                           -webkit-border-radius: 8px; }

        .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 { transform: scale(0.84);
                           -webkit-transform:scale(0.84);
                           transform-origin:0 0;
                           -webkit-transform-origin:0 0;
							transform-origin: 50% 50%;
                           -webkit-transform-origin: 50% 50%; }
        }

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

/* mobile nav triggers*/
/*a.menu-toggle { display: none; position: relative; z-index: 100; width: 100%; line-height: 60px; font-size: 16px; background: #f56719; border-bottom: 3px solid #d2d2d2; text-align: center; text-decoration: none; color: #fff; font-weight: bold; }
a.menu-toggle:hover { background: #B04207; }
a.menu-toggle img { position: absolute; top: 16px; right: 16px; }
#mobileNav { position: relative; top: -1000px; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; height: 0; background: #000000 url(/images/grid.png); padding: 0;
             -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 li {  }
#mobileNav li a { color: #fff; display: block; line-height: 50px; font-size: 16px; }
#mobileNav li a:hover { background: #B04207; }
#mobileNav > li > ul { margin: 0 10%; width: 80%; background: rgba(255,255,255,0.3); }*/

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

#divMobileNav { 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; }
#divMobileNav > ul { margin: 0; padding: 15px 0; max-width: 440px; margin: 0 auto;  background: #111111; }
#divMobileNav ul li {  }
#divMobileNav ul li a { color: #fff; display: block; line-height: 50px; font-size: 16px; }
#divMobileNav ul li.selected a,
#divMobileNav ul li a:hover { background: #f56719; }
#divMobileNav > ul > li > ul { margin: 0 10%; width: 80%; background: url(/images/trans60_000000.png); }

.page-top { display: none; position: fixed; bottom: 4em; right: 0px; text-decoration: none; background: #f56719; color: #fff; padding: 1em; font-size: 12px; font-weight: bold; font-family: verdana, sans-serif, "trebuchet MS", trebuchet; }
.page-top:hover { background: #f9a475; color: #ffffff; }


@media only screen and (max-width : 1400px) {
    ul.topNav li { margin: 0 16px 0 10px; }
    h1 { margin-left: 0; margin-right: 0; }
}

@media only screen and (max-width : 1250px) {
    /*ul.topNav { display: none; }
    a.menu-toggle { display: inline-block; }
    #mobileNav.active { top: 0; opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; height: auto; }*/

    div.contLogo { height: 100%; max-height: 100%; min-height: 100%; }

    ul.topNav li { margin: 0 10px 0 4px; }
    ul.topNav > li > a { font-size: 13px; }

    div.contentContainer { margin: 3% 2%; }
    div.contentContainer > div > div { float: none!important; margin: 0 auto; }
    div.contentContainer > div > div > p { margin: 20px auto; padding: 0!important; }
    div.contentContainer > div > img { float: none!important; margin: 0 auto; }
    div.contentContainer img { float: none!important; display: block; margin: 40px auto!important; }
    div.contentContainer p { text-align: center; }
    
}

@media only screen and (max-width : 1150px) {
    ul.topNav li { margin: 0 6px 0 0; }
    ul.topNav > li > a { font-size: 11px; padding: 0 2px; }
}

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

    div.bottomContactInfo img.mainImage { margin-bottom: 0; }
    div.bottomContactInfoInner { width: 100%; max-width: 500px; height: auto; margin-top: 0; }

    ul.contactInfo li { text-align: center; }
    ul.contactInfo li p { position: relative; left: 0; }
    div.copyright { text-align: center; }
    div.copyright p { float: none!important; }
}

@media only screen and (max-width : 860px) {
    a.logo { padding-top: 20px; margin: 0 auto; }
    div.topContact { position: relative; top: 0; right: 0; background: url(/images/trans60_000000.png); background: rgba(0,0,0,0.6); padding: 10px 0; max-width: 460px; width: 100%; margin: 0 auto; }

    ul.topNav { display: none; }

    body { padding-top: 60px; }

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

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

}

@media only screen and (max-width : 660px) {
    div.contTopContent { margin-bottom: 0; }
}

@media only screen and (max-width : 550px) {
    a.wrapperStore { width: 100%; }
    div.bottomSocial { float: none; width: 100%; text-align: center; padding-top: 50px; }
    div.innerSocial { margin: 0; }
    div.bottomContactInfo { width: 100%; }
}

@media only screen and (max-width : 450px) {
    div.bottomContactInfoInner { font-size: 12px; }
}

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