/**************************************************************************************** NOTE: This site is using critical path CSS method to help with page speed scores. That means, some CSS that's in this stylesheet is being inlined in the which can be found in parent.master. If you're changing styles you should double check if they need to be changed in the critical CSS as well. ****************************************************************************************/ /* EM EQUATION: 1 / Xpx * Ypx = Nem | X = parent font size (ie: 16px), Y = px of the element you're changing (ie: 12px), Y = resulting em (ie: .75em)*/ /*************** Normalize with box***************/ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* Clearfix */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } /* Modular CSS for very simple, common things*/ .c { text-align: center; } .cm { margin: 0 auto; } .r { text-align: right; } .l { text-align: left; } .fl { float: left; margin: 0 10px 10px 0; } .fr { float: right; margin: 0 0 10px 10px; } /*list reset to get rid of bullets and such*/ ul.lr, .lr ul { list-style: none; margin: 0; padding: 0; position: relative; } /*Generic blocks to float elements and break on responsive like on contact page*/ [class*='block-'] { display: inline-block; vertical-align: top; } .block-2-3 { width: 50%; } .block-1-3 { margin-left: 30px; width: 45%; } p.unlock { margin-top: 0; } p.unlock label { color: inherit; font-size: 14px; font-style: normal; font-weight: 400; } .ErrorBox { background-color: #ffcccc; border: 1px #660000 solid; color: #660000; font-size: .5625em; /*9*/ font-weight: bold; width: auto; } .AdminLinkCategory { font-size: 1.125em; /*18*/ } .AdminLinkCategory:hover { text-decoration: none; } .ProductPriceDiscounted { color: #b62424; font-weight: bold; padding-left: 1.125em /*20*/; } .hidden { display: none; visibility: hidden; } .visible { display: block; visibility: visible; } /* Admin edit link */ .edit-page-btn { bottom: 0; position: fixed; right: 0; z-index: 1040; } .edit-page-btn a, .edit-page-btn a:visited { background: rgba(0,0,0,.8); color: #fafafa; display: block; font-size: 16px; padding: 15px; text-decoration: none; -webkit-transition: background .3s; transition: background .3s; } .edit-page-btn a:hover, .edit-page-btn a:focus { background: rgba(0,0,0,.95); color: #fafafa; text-decoration: none; } @media only screen and (min-width : 1500px) { .edit-page-btn a { font-size: 18px; } } .ErrorText { color: #b62424; font-weight: bold; } /* used for .net validators */ .userDefaultTitles { font-size: larger; font-weight: bold; padding: .625em 0; /*10*/ } /** GRIDVIEW STYLES **/ .gridview { } .gridview th { } .gridview th:first-child { } .gridview th a { text-decoration: none; } .gridview th a:hover { text-decoration: underline; } .gridview td { padding: .4375em; /*7*/ } .gridview tr.even td { } .gridview td a { text-decoration: none; } .gridview td a:hover { text-decoration: underline; } /* used in the shopping cart listing for the total price of cart */ .TotalCartCost { font-size: .9375em; /*15*/ font-weight: bold; } .shoppingCartFooter { text-align: right; padding: .625em 2.5em .625em 0; /*10 40*/ } .shoppingCartDiscountText { font-size: .6875em; /*11*/ color: #5BCF5A; } .cartDeleteBtn { text-align: center; color: #b62424; } .cartDeleteColumn { width: 1.125em; /*20*/ } .finalCheckoutPrice { font-size: 1.125em; /*18*/ font-weight: bold; } .addthis { float: right; } .addthis_counter.addthis_bubble_style { font-size: .75em; /*12*/ } /* This is for the javascript message that shows only if users have their javascript disabled in browser */ #NoJavascriptFound { z-index: 10; border: solid 5px #b62424; background-color: #FDF3EA; color: #000; font-size: .9375em; /*15*/ left: 0; padding: .625em; /*10*/ position: fixed; text-align: left; top: 0; width: 100%; z-index: 999999; } #NoJavascriptFoundInterior { background-color: #FDF3EA; border: solid 5px #b62424; color: #000; font-size: .8125em; /*13*/ margin: .625em 0; /*10*/ padding: .625em; /*10*/ text-align: left; } #NoJavascriptFound a, #NoJavascriptFoundInterior a { color: #b62424; text-decoration: underline; } #NoJavascriptFound a:hover, #NoJavascriptFoundInterior a:hover { color: #b62424; text-decoration: underline; } #NoJavascriptFound a:visited, #NoJavascriptFoundInterior a:visited { color: #b62424; text-decoration: underline; } .impersonateBox { background-color: #796F66; border-radius: 19px; color: #FFF; margin: .3125em 0 0 .3125em; /*5*/ padding: .625em; /*10*/ position: fixed; z-index: 9999; } /** Responsive **/ /*** 53.125em (850px) ***/ @media only screen and (max-width : 53.125em) { [class*='block-'] { display: block; margin: 0 0 20px 0 !important; width: 100% !important; } } .halfi, .onethirdi, .twothirdi { display: inline-block; padding-right: 10px; vertical-align: top; width: 50%; } div.halfi:nth-of-type(2n) { margin-left: -5px; padding-left: 10px; padding-right: 0; } .twothirdi { width: 70%; } .onethirdi { width: 30%; } .onethirdi + .twothirdi, .twothirdi + .onethirdi { margin-left: -5px; padding-left: 10px; padding-right: 0; } @media only screen and (max-width : 650px) { .halfi { display: block; padding: 0; width: 100%; } .halfi:nth-child(2n), div.halfi:nth-of-type(2n) { margin-left: 0; padding: 0; } } @media only screen and (max-width : 550px) { .onethirdi, .twothirdi { display: block; margin-left: 0 !important; padding: 0 !important; width: 100% !important; } }