html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1; background: #fff; color: #555; overflow: hidden; }

.library { padding-left: 35px; }
.libraryitem { width: 145px; height: 175px; padding-right: 15px; float: left; color: #444; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.4em; font-size: 1.1em; padding-top: 5px; padding-bottom: 5px; overflow: hidden; }
.libraryimage { width: 98px; height: 127px; margin-right: 45px; margin-bottom: 5px; border: solid 1px #aaa; }
.main .libraryimage img { display: block; max-width: 100%; border: none; margin: 0; padding: 0; }
.main .library h2, .main .library h1 { clear: both; padding-left: 0; margin-left: 0; }

/* -------- FRAMEWORK REQUIRED STYLES ------- */
.NavBar { clear: both; margin: 15px 70px 10px 50px; text-align: right; }
.NavBar a:link, .NavBar a:active, .NavBar a:visited { margin: 0 0 5px 10px; font-weight: bold; font-size: 11px; color: #FFFFFF; padding: 0px 8px 0px 8px; background-image: url(/images/framework/buttonbg.jpg); background-position: top left; border: solid 1px #ffffff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:25px; display: inline-block; }
.NavBar a.grey, .NavBar a.currentPage { margin: 0 0 5px 10px; font-weight: bold; font-size: 11px; color: #999999; padding: 0px 8px 0px 8px; background: #eeeeee; border: solid 1px #cccccc; text-decoration: none;-moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; line-height:25px; cursor: default;  opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50);}
.NavBar a:hover { color: #ffffff; background-position: bottom left; }
.NavBar a.grey:hover, .NavBar a.currentPage:hover { color: #999999; }
.NavBar a.selectedLink { border: solid 1px red; }
a.back:link, a.back:active, a.back:visited { margin: 10px 20px 0 0; font-weight: bold; font-size: 11px; color: #FFFFFF; padding: 0px 8px 0px 8px; background-image: url(/images/framework/buttonbg.jpg); background-position: top left; border: solid 1px #ffffff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:25px; display: block; float: right; }
a.back:hover { color: #ffffff; background-position: bottom left; }

:focus {outline: 0;}
.clearfloat { clear: both; height: 0px; font-size: 0px; }
.highlight { color: #000; background: #FECB88; }
.nomobile { display: none; }

img { display: block; width: 100%; max-width: 100%; box-sizing: border-box;}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; padding: .25rem .5rem; font-size: .9rem; }
sup, sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 75%; }
sub { top: 0.4em; }

#fixit { position: static; width: 100%; box-sizing: border-box; padding: 0 5%; z-index: 100; border-bottom: solid 2px #434345; background: #fff; }
.wrapper { max-width: 1200px; margin: 0 5%; position: relative; box-sizing: border-box; overflow: hidden; }
.marquee { box-shadow: 0 3px 6px -3px #333; position: relative; margin-bottom: 1.5rem; }
body.admincontrols .marquee { min-height: 150px; }
.columndivider { background: none; }
#adminoptions { display: none; }
#printlogo { display: none; }
.g-recaptcha div { margin: 0 auto; }

h1 { color: #acc674; line-height: 1.2; font-size: 1.6rem; font-weight: bold; margin: 12px 0px 8px 0px; }
h2 { line-height: 1.2; font-size: 1.5rem; padding-top: 6px; padding-bottom: 8px; }
h3 { color: #333333; font-size: 1.25rem; font-weight: bold; }
h4, h5, h6 { color: #333333; font-size: .9rem; font-weight: bold; margin-top: 0px; margin-bottom: 2px; }
p { background-color: ; color: #444; line-height: 1.4; font-size: 1rem; padding: .5rem 0; margin: 0; }

/* Links */
a:link, a:visited, a:active { color: #D9780F; text-decoration: none; outline: none;}
a:hover { text-decoration: underline; outline: none;}
a.pdf { display: inline-block; height: 18px; padding-left: 20px; margin: 4px 0; background: transparent url(/images/pdf-icon-small.jpg) center left no-repeat; background-size: contain; }
a.cta { color: #fff; line-height: 1.5em; font-size: 1rem; font-weight: 600; display: inline-block; text-decoration: none; padding: .25rem .75rem .25rem 2.5rem; border-radius: 2rem; margin-top: .5rem; background: #d9780f url(/images/inquiry_icon.png) .6rem center no-repeat; background-size: 1.75rem; } 
a.cta:hover { text-decoration: underline; }
p.french-flag { background: url(/images/french_flag.jpg) center left no-repeat; background-size: 1.5rem; padding-left: 2rem; }

/*masthead stuff*/
.masthead { height: 3.75rem; overflow: hidden; background: #fff; position: relative; }
/*.masthead a { color: #fff; text-decoration: none; }
.masthead a:hover { color: #fbaa1e; text-decoration: none; }*/
.masthead-logo { float: left; width: 45%; height: 3.75rem; max-width: 180px; position: relative; }
.masthead-logo img { position: absolute; top: 50%; left: 2%; transform: translateY(-50%); }
.masthead-menutrigger { float: right; height: 3.75rem; width: 54px; }
.masthead-mobile-divider { float: right; width: 1px; height: 36px; background-color: #c5c5c5; margin: 15px 0 11px 0;}
.masthead-search { width: 54px;  height: 3.75rem; float: right; display: block; background: url(/images/search-bg.png) right center no-repeat; background-size: contain; }
.masthead-inquiry { width: auto;  height: 3.75rem; float: right; display: block; line-height: 3.75rem; padding: 0 1.5rem; font-size: .85rem; font-weight: 600; letter-spacing: 1px; }
.masthead-inquiry a { color: #666; text-transform: uppercase;}
.masthead-inquiry a:hover { color: #d9780f; }

/*search overlay stuff
#searchoverlay { display: none; background-color: rgba( 0, 0, 0, .85 ); position: fixed; top:0; left:0; bottom: 0; right: 0; z-index: 12000; }
#searchclose { position: absolute; top: 0; right: 0; width: 3.75rem; height: 3.75rem; background: url(/images/searchclose.png) center center no-repeat; background-size: contain; }
#searchcentered { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-align: center; }
#searchoverlay h3 { color: #fff; font-size: 1rem; font-weight: 600; margin: 0; padding: 0; line-height: 2.5; }
#searchoverlay input[type=text] { font-size: 1rem; line-height: 2rem; padding: 0 2rem 0 .5rem; width: 16rem; max-width: 60%; border: none; outline: none; border-radius: 4px; background: #fff url(/images/search-input.png) right center no-repeat; background-size: contain; }
*/
.gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0px; }
.gsc-search-button { margin-left: 0px; height: 2.75rem; }

/*menu stuff*/
#menu-hamburger-wrapper { overflow: hidden; max-width: 100%; cursor: pointer; }
#menu-hamburger { position: relative; float: right; width: 36px; height: 30px; margin: 15px 0 15px 14px; }
#menu-hamburger span { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; right: 0; display: block; width: 100%; height: 4px; border-radius: 10px; color: black; background-color: #757575; position: absolute; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; }
/*#menu-hamburger span:hover { background-color: #d9780f; }*/
#menu-hamburger span:nth-child(1) { top: 0; }
#menu-hamburger span:nth-child(2) { top: 11px; }
#menu-hamburger span:nth-child(3) { top: 22px; }
#menu-hamburger.open span { background-color: #d9780f; }
#menu-hamburger.open span:nth-child(1) { top: 9px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
#menu-hamburger.open span:nth-child(2) { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; right: -60px; }
#menu-hamburger.open span:nth-child(3) { top: 9px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
#menu-title { display: none; }

#menu-container { display: none; position: absolute; top: 3.75rem; right: 0; margin-right: -100%; width: 100%; max-width: 450px; background: #2e3734; z-index: 10000; }
#menu-container a { color: #fff; }
#menu-container ul.level1 li.inquiry a { color: #d9780f; }
#menu-container a:hover { text-decoration: none; }
#menu-container ul { padding: 0; margin: 0; list-style: none; }
#menu-container li { line-height: 1; padding: 0; margin: 0; color: #fff; }
#menu-container ul.level1 { padding-left: 0; margin: 0; display: block; -index: 999; overflow-y: auto; overflow-x: hidden; }
#menu-container .level1 > li { position: relative; }
#menu-container .level2 { display: none; }

#menu-container ul.level0 { width: 50%; padding: 1rem 0; }
#menu-container ul.level0 li { border: none; padding: 0; }
#menu-container ul.level0 li a { display: block; padding: 6px 0px 6px 40px; text-transform: uppercase; font-size: 16px; color: white; font-weight: 500; }
#menu-container ul.level0 li a:hover { color: #fbaa1e; }

#menu-container ul.level1 li { border-top: 1px solid #d1d1d1; position: relative; text-align: left; clear: both; }
#menu-container ul.level1 li a { display: block; padding: 20px 57px 20px 20px; text-transform: uppercase; font-size: .9rem; color: white; }
#menu-container ul.level1 li a.current { color: #d9780f; }
#menu-container ul.level1 li a:hover { background-color: #252525; }
#menu-container ul.level1 li div { display: block; position: absolute; top: 0; right: 0; height: 100%; width: 56px; outline: none; border: none; border-left: solid 1px #5a5a5a; background: #2e3734; z-index: 1; }
#menu-container ul.level1 li div.opened, #menu-container ul.level1 li div.opened:hover { border-left: solid 1px #2e3734; background: #2e3734; }
#menu-container ul.level1 li div.phone { position: static; height: 100%; width: 50%; float: left; white-space: nowrap; border: none; background: transparent; }
#menu-container ul.level1 li div.phone a { padding: 20px 20px 20px 20px; }
#menu-container ul.level1 li div.phone a.ue { text-align: right; }
#menu-container ul.level1 li div button { display: block; height: 56px; width: 56px; outline: none; border: none; background: transparent; position: relative; z-index: 2; }
#menu-container ul.level1 li div:hover { background: #252525; }
#menu-container ul.level1 li div button:after { content:''; background: url(/images/arrow-circle-orange.png) center center no-repeat; background-size: 1.5rem; transition: all .5s ease; display:inline-block; position: absolute; width:100%; height:100%; top:0; left:0; z-index:-1; }
#menu-container ul.level1 li div.opened button:after { transform: scale(1.0) rotate(90deg) translate(0px); }

#menu-container ul.level2 { padding: 0 0 10px 0; }
#menu-container ul.level2 li { border: none; text-transform: none; line-height: 1.2; }
#menu-container ul.level2 li a { display: block; padding: 8px 57px 8px 20px; text-transform: none; font-size: 14px; color: white; }
#menu-container ul.level1 li a.current { color: #d9780f; }
#menu-container ul.level2 a.parent { color: #fbaa1e; background: #252525; }
#menu-container ul.level2 li a:hover { background-color: #252525; }

#breadcrumbs { display: none; }

.homelower { margin-top: 1rem; margin-bottom: 1rem; }
.main .imagedivleft, .main .imagedivright, .main .imagedivfull { margin: 1rem 0; }
.homelower .imagedivleft, .homelower .imagedivright, .homelower .imagedivfull { margin: 1rem 0; }
.homelowerbox h1 { line-height: 1.2; font-size: 1.5rem; font-weight: bold; color: #acc674; padding: .5rem 0; margin: 0; line-height: 1.3; }
.homelowerbox h2, .homelowerbox h3, .homelowerbox h4, .homelowerbox h5, .homelowerbox h6 { color: #333; font-size: 1rem; line-height: 1.4; font-weight: bold; padding: .25rem 0; margin: 0; }
.homelowerbox ul, .homelowerbox ol { padding: 0; margin: .25rem 2rem; list-style-position: outside; }
.homelowerbox li { line-height: 1.3; font-size: 1rem; padding-top: .2rem; padding-bottom: .2rem; }
.homelowerbox p { line-height: 1.5; font-size: 1rem; }
.homelowerbox p a { color: #fff; background-color: #d9780f; line-height: 1.75em; font-size: .9rem; display: inline-block; text-decoration: none; padding: 0 10px; border-radius: .675rem; margin-top: .5rem;}
.homelowerbox p a:before { content: ">> "; }
.homelowerbox p a:hover { text-decoration: underline; }

.learn-more-button { display: none; }

body.page-id-4 .learn-more-button,
body.page-id-19 .learn-more-button,
body.page-id-20 .learn-more-button,
body.page-id-21 .learn-more-button,
body.page-id-215 .learn-more-button {display: inline-block; }

.learn-more-button { line-height: 1.5; font-size: 1rem; }
.learn-more-button a { color: #fff; background-color: #d9780f; line-height: 1.75em; font-size: .9rem; display: inline-block; text-decoration: none; padding: 0 10px; border-radius: .675rem; margin-top: .5rem;}
.learn-more-button a:before { content: ">> "; }
.learn-more-button a:hover { text-decoration: underline; }

.main { box-sizing: border-box; }
.sidebar { box-sizing: border-box; }

#mainArticle1, #mainLibrary_Items2, #mainCollection3, #mainCollection4 { display:block; clear:both; }
#mainLibrary_Items2, #mainCollection3, #mainCollection4 { margin-top:15px;}

.main img, .homelower img { background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; }
.main ul { list-style-type: disc; list-style-position: outside; margin: .5rem 2.5rem .5rem 2.5rem; padding: .5rem .5rem .5rem 1.5rem; }
.main ul ul { margin-left: 1rem; }
.main ol { list-style-type: decimal; list-style-position: outside; margin: .5rem 1rem .5rem 0; padding: .5rem .5rem .5rem 1.5rem; }
.main li { color: #444; line-height: 1.4; font-size: 1rem; padding-top: .25rem; padding-bottom: .25rem; }
.main ul.framed { display: inline-block; float: left; box-sizing: border-box; width: 50%; max-width: 232px; border: 1px solid #CCC; font-size: .85rem; margin: .5rem 1rem .5rem 0; padding: .5rem .5rem .5rem 1.5rem; }
.main ul.framed li { color: #444; line-height: 1.2; font-size: .85rem; padding-top: .25rem; padding-bottom: .25rem; }
.main table.bordered { margin: .5rem 1rem .5rem 0; border-collapse: collapse; }
.main table.bordered td, .main table.bordered th { padding: .5rem 1rem; border-collapse: collapse; border: solid 1px #666; color: #444; line-height: 1.2; font-size: .85rem; }
.main table.bordered p { padding: 0; margin: 0; color: #444; line-height: 1.2; font-size: .85rem; }
.main table.bordered h1,.main table.bordered h2,.main table.bordered h3,.main table.bordered h4,.main table.bordered h5,.main table.bordered h6 { padding-left: 0; padding-right: 0; }

.sidenav { isplay: none; background: #acc674; text-align: center; font-size: .8rem; color: #FFF; border-radius: .25rem; padding: .25rem 0 0 0; margin: 1rem 0; }
.sidenav h2 { margin: 0; padding: .25rem .5rem; font-size: 1rem; color: #FFF; }
.sidenav:before { content: "Related Pages"; }
.sidenav ul { text-align: left; list-style-type: none; margin: 0; padding: 2px 4px .75rem 4px; background: #acc674; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; }
.sidenav li { padding: .5rem .5rem .5rem 1.75rem; margin: 4px 0; color: #444; background: #fff; border-radius: .25rem; font-size: 1rem; }
.sidenav li.current { background: #fff url(/images/menu-arrow-green.png) .5rem center no-repeat; background-size: 1rem; }
.sidenav li.parent { background: transparent; text-align: center; padding: .25rem .5rem; }
.sidenav a { color: #444; }
.sidenav a.current { color: #444; font-weight: 700; }
.sidenav.p2.childoptions, .sidenav.p3.childoptions, .sidenav.p4.childoptions, .sidenav.p3.peeroptions, .sidenav.p4.peeroptions, .sidenav.p5.peeroptions, .sidenav.p4.parentoptions, .sidenav.p5.parentoptions { display: block; }
.sidenav li ul { display: none; }
.sidenav li.current ul { display: block; margin-left:15px; }
#sidebarMenu_-_Children1 .p2, #sidebarMenu_-_Children1 .p3 { display: none; }

.main-full { padding: 0 30px 50px 30px; }
.main-full .collectionlist { margin-left: 40px; }
.main-full .collectionlist .collectionitem { margin-bottom: 10px; }
.main-full .collectionlist .collectionitem:before {content: '-'; display: inline-block; color: #D9780F; font-size: 20px; font-weight: 700; }
.main-full .collectionlist .collectionitem h3 { display: inline-block; }

/*---------------- INDIVIDUAL PRODUCT PAGE IMAGE GALLERY ------------*/
.product-images {  }
.product-images-large { position: static; width: 100%; border: 0; margin: 0; padding: 0; }
.product-image-wrapper { display: block; box-sizing: border-box; position: relative; border: solid 1px #aaa; margin-bottom: 1.25rem; padding: 1px 1px 59% 1px; background: transparent; }
.product-image-wrapper img { display: block; box-sizing: border-box; padding: 1rem; border: 0; margin: 0; width: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: transparent; }
.product-images-thumbs { display: none; }

/*---------------- TABLE STYLES -------------------------------*/
table.product { box-sizing: border-box; border: solid 1px #eee; border-collapse: collapse; background-color: rgb(255, 255, 240); idth: 848px; in-width: 100%; ax-width: 100%; }
table.product th { box-sizing: border-box; border: 0; padding: .2rem .5rem; border: solid 1px #eee; background-color: #E59443; color: #FFFFFF; text-transform: uppercase; text-align: center; vertical-align: middle;  font-size: .85rem; font-weight: 700; }
table.product td { box-sizing: border-box; border: solid 1px #eee; padding: 6px; background-color: #DEE5C6; text-align: center; vertical-align: middle; font-size: .75rem; font-weight: 600; }
table.product td:first-child { width: 150px;font-weight: 700; }
table.product.td.odd { background-color: #; }
table.product.td.even { background-color: #; }
table.product td img { width: auto; margin: 0 auto; }
table.product td h1, table.product td h2, table.product td h3, table.product td h4, table.product td h5, table.product td h6, table.product td p { margin: 0; padding: 0; text-align: center; font-size: 10px; font-weight: bold; line-height: 12px; color: #000; letter-spacing: 0; }
table.product tr { text-align: center; }
table.product h1, table.product h2, table.product h3, table.product h4, table.product h5, table.product h6, table.product p { margin: 0; padding: 0; }

/*---------------- FOOTER ------------*/
.footer { background-color: #363435; margin-top: 1.5rem; }
.footer .wrapper { padding: 1rem 0; }
.footer p { color: #fff; font-size: .95rem; padding: .25rem 0; margin: 0; }
.footer a { text-decoration: none; color: #fff; }
.footer a:hover { text-decoration: underline; }
.footer p.copyright { font-size: .75rem; text-transform: uppercase; }

.slideoverlay { position: absolute; top: 5%; left: 10%; width: 80%; }
.slidecaption { display: none; }
.slideoverlay h1, .slideoverlay h2, .slideoverlay h3, .slideoverlay h4, .slideoverlay h5, .slideoverlay h6 { font-family: signika; color: #BEE6FF; font-size: 1.75rem; font-weight: 400; line-height: 1.2; }
/*.slideoverlay p { display: none; color: #fff; font-size: .78rem; font-size: 1.5vw; font-weight: 400; line-height: 1.2; ont-family: signika; padding-top: .22rem; padding-bottom: .75rem; }*/
.slideoverlay p { display: none; color: #fff; }
.slideoverlay p.learnmore { display: block; }
	.slideoverlay a { color: #fff; background-color: #d9780f; line-height: 1.5em; font-size: .85rem; display: inline-block; text-decoration: none; padding: .1rem .75rem .25rem .75rem; box-shadow: 6px 6px 6px #202529; border-radius: .8rem; margin-top: .5rem;}
	.slideoverlay a:before { content: ">> "; }

#opacitylayer { background-color:#000; opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40); height:100%; width: 100%; background-repeat:repeat; position:fixed; top:0; left:0; z-index:10000; }
iframe#loginframe {  height: 25rem; width: 95%; max-width: 400px; position: absolute; z-index: 10001;}
#sessionmsgbox { position: fixed; top: 100px; left: 0px; width: 70%; border: solid .5rem #E83820; background-color: white; display: none; z-index: 22000; }
#sessionmsg { margin: 1rem; }
#sessionmsg p { color: #333; font-size: .9rem; padding: .5rem 0; margin: 0; }
#sessionmsg h3 { color: #000; padding: .5rem 0; font-size: 1rem; margin: 0; }

p.dateline { padding-top: 0; padding-bottom: 0; font-size: .85rem; line-height: 1.2; color: #3a3a3a; font-weight: 400; }

input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.Form form .admindisplayonly { display: none; }
.Form form .hideinitially { display: none; overflow: hidden; }
.Form form .asterisk { color: red;  vertical-align: baseline; position: relative; top: -0.4em; font-size: .8rem; font-weight: 700; }
.Form form .frame { border: solid .1rem #002651; margin-bottom: .5rem; padding: .5rem; }
.Form form h3 { background: #002651; color: #fff; margin-bottom: 0; padding: .5rem .9rem .25rem .9rem; font-size: 1.1rem; }
.Form form h4 { padding: 0 0 .9rem 0; font-size: 1rem; color: #18274f; }
.Form form p { font-size: 1rem; line-height: 1.3; padding: .75rem 0 .5rem 0; margin: 0; color: #18274f; clear: both; }

.Form input[type=text], .Form select { display: block; width: 100%; margin: .2rem 0 0 0; font-size: 1rem; line-height: 2; height: 2rem; padding: 0 .5rem; border: solid .1rem #dadada; box-sizing: border-box; border-radius: 0; }
.Form textarea { width: 100%; height: 6rem; padding: .1rem .3rem; margin: .2rem 0 0 0; border: solid .1rem #dadada; box-sizing: border-box; border-radius: 0; font-size: 1rem; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.Form input[type=submit] { display: block; width: 75%; max-width: 250px; -webkit-appearance: none; padding: .5rem 1rem; margin: 1rem auto; background: #d9780f; color: #fff; font-size: 1.2rem; font-weight: 600; border: none; border-radius: .5rem; }
.Form input[type=submit]:hover { background: #acc674; }
.Form input[type=text]:focus, .Form select:focus, .Form textarea:focus { border-color: #acc674; color: #000; }
.Form input[type=text]:disabled { background-color: #efefef; color: #aaa; }
.Form label { color: #18274f; font-size: .95rem; }
.Form label:hover { color: #000; }
.Form input[name=contact_me_by_text] { display: block; background: transparent; border: none; outline: none; padding: 0; margin: 0; height: 1px; width: 1px; position: absolute; left: -9999px; top: 0; }
.formerrors { background:#fad3c2; padding: .75rem; border-top:solid 2px #AA0000; border-bottom:solid 2px #AA0000; display: none;  font-size: .8rem; margin-bottom: .75rem; color: #3a3a3a; line-height: 1.2; margin-top: .5rem; }
.formerrors h4 { font-size: .9rem; padding: 0; margin: 0; line-height: 2; color: #000; }

.Form .p { overflow: hidden; padding: .75rem 0 .5rem 0; }
.Form .p p { padding: 0; }
.Form .radioimg { float: left; box-sizing: border-box; padding: .5rem; border: solid .1rem #dadada; margin: 2%; width: 46%; max-width: 125px; text-align: center; }
.Form .radioimg label { font-size: .75rem; }
.Form .radioimg img { padding: 0; margin: 0; border: 0; }
.Form .checkboxoption { display: block; box-sizing: border-box; padding: .5rem 0; margin: 0; color: #18274f; }
.Form .criteria-prompt { box-sizing: border-box; padding: 1rem 0 0 0; font-size: 1rem; clear: both; color: #18274f; }
.Form .criteria-number { float: left; width: 40%; max-width: 150px; box-sizing: border-box; padding: .25rem .5rem 0 0;  color: #18274f; }
.Form .criteria-units { float: left; width: 55%; max-width: 200px; box-sizing: border-box; padding: .25rem .5rem 0 0; line-height: 2; color: #18274f; }

.main .site-map { margin: 1.25rem 0; }
.main .site-map h1 { padding: 8px 0; }
.main .site-map h2 { font-size: 1.1rem; font-weight: 600; padding: .75rem 0 .25rem 0; margin: 0; border-bottom: 1px solid #999999; }
.main .site-map p.maplevel2  { padding-left: 1rem; }
.main .site-map p.maplevel3  { padding-left: 2rem; }
.main .site-map p a:before, .main .site-map h2 a:before { content: '>'; }
.main .site-map h3 { font-size: 12px; padding: 0; margin: 0 0 5px 0; letter-spacing: .5px;}

.thumbtitle { font-size: 1.25rem; line-height: 1.2; font-weight: 600; text-align: left; padding: .25rem 0; height: 2.4rem; }
.thumbtitle a { color: #acc674; }
.thumbcaption { display: none; }
.thumbwrapper { margin-bottom: 2rem; }

.Article { overflow: hidden; }

.Collection .collectiongallery { clear: both; }

.column-wrapper {
    margin-bottom: 20px;
}

.column-wrapper .col {
	width: calc(50% - 20px);
	margin: 10px;
	float: left;
	position: relative;
	padding-top: 23.12%;
}

.column-wrapper .thumbtitle {
	color: #acc674;
	height: 1.5rem
}

.column-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 500px) {
	.slideoverlay { top: 5%; left: 55%; width: 40%; }
	.slideoverlay h1, .slideoverlay h2, .slideoverlay h3, .slideoverlay h4, .slideoverlay h5, .slideoverlay h6 { font-size: 1.25rem; }
	.slideoverlay p { display: block; font-size: .8rem; line-height: 1.4; padding-left: 0; padding-top: .22rem; padding-bottom: .75rem; }
	/*.slideoverlay a { color: #fff; background-color: #d9780f; line-height: 1.5em; font-size: .85rem; display: inline-block; text-decoration: none; padding: 0 .5rem; border-radius: .5rem; margin-top: .5rem;}
	.slideoverlay a:before { content: ">> "; }*/
	.slideoverlay a:hover { text-decoration: underline; }
}

@media screen and (min-width: 600px) {

	body { margin-top: 3.75rem; }
	div#fixit { position: fixed; top: 0; padding: 0; z-index: 100; }
	/*.wrapper, .wrapper.marquee { margin: 0 auto; }*/
	.wrapper { margin: 0 auto; }
	.columndivider { background: url(/images/innerbg.gif) top left repeat-y; background-size: contain; }
	#main { width: 75.65%; float: right; }
	#sidebar { width: 24.35%; float: left; }
	.main { padding: 0 30px 50px 30px; }
	.sidebar { display: block; padding: 0 30px 50px 30px; }

	#adminoptions { display: block; position: fixed; z-index: 102; top: 0; left: 50%; width: auto; margin: 0; padding: 0 1rem; background: rgba( 55, 55, 55, .3 ); transform: translateX(-50%); display: block; height: 20px; line-height: 16px; font-size: .9rem; color: #fff; text-align: center; border-radius: 0 0 8px 8px}
	#adminoptions, #adminoptions a { color: #fff; }

	.main .imagedivfull { box-sizing: border-box; width: 100%; border: 1px solid #CCC; margin: .5rem 0; }
	.main .imagedivleft { float: left; box-sizing: border-box; width: 50%; max-width: 232px; border: 1px solid #CCC; margin: .5rem 1rem .5rem 0; }
	.main .imagedivright { float: right; box-sizing: border-box; width: 50%; max-width: 232px; border: 1px solid #CCC; margin: .5rem 0 .5rem 1rem; }

	.main h1:first-of-type { padding-top: 0; margin-top: 0; }

	.masthead { z-index: 101; margin: 0 15px 0 30px; }
	.masthead-logo { float: left; width: 180px; margin-left: 0; }
	.masthead-menutrigger { width: 64px; }
	.masthead-menutrigger, .masthead-search, .masthead-visit, .masthead-request, .masthead-apply, .masthead-announcement { display: block; float: right; height: 3.75rem; order-left: solid 1px #aaa; }
	.masthead-menutrigger { width: 4rem; }
	.masthead-search { min-width: 4.5rem; background: url(/images/search-bg.png) center center no-repeat; background-size: contain; overflow: hidden; }
	.masthead-search:hover { background-image: url(/images/search-bg-hover.png); }
	.masthead-visit, .masthead-request, .masthead-apply, .masthead-announcement { ext-transform: uppercase; float: right; height: 3.75rem; line-height: 3.75rem; padding: 0 1rem; font-size: 1rem; border-left: solid 1px #aaa; font-weight: 500; }
	.masthead-announcement { border-left: none; }
	.masthead-announcement a { color: #fbaa1e; }

	#menu-title { display: block; position: absolute; right: 0px; top: 42px; width: 66px; height: 12px; font-size: 11px; text-align: center; color: #757575; }
	#menu-container ul.level0, #menu-container .menu-directions, #menu-container .menu-call, .asthead-mobile-divider, #menu-container .menu-announcement { display: none; }
	#menu-container ul.level1 li:first-of-type { border-top: 0; }
	#menu-container ul.level1 li.inquiry { display: none; }
	#menu-hamburger { margin: 15px 15px 15px 15px; }

	.marquee.inner .Media .imagedivfull { max-height: 360px; overflow: hidden; }
	.marquee.inner .Media .imagedivfull img { position: relative; }

	/*---------------- BREADCRUMBS ------------*/
	#breadcrumbs { display: block; color: #8c8c8c; background-color: #434345; padding: 0; text-decoration: none; line-height: 2.25rem; font-size: .9rem; font-weight: 600; margin-bottom: 1.5rem; }
	#breadcrumbs .wrapper { padding: 0 30px; }
	#breadcrumbs ul { list-style-type: none; margin: 0; padding: 0; }
	#breadcrumbs li { display: inline; padding-right: 5px; }
	#breadcrumbs li.lastcrumb { color: #d9780f; }
	#breadcrumbs a { color: #8c8c8c; }
	#breadcrumbs a:hover { color: #fff; }

	.sidebar .Article p { font-size: .85rem; font-size: 1.5vw; }

	.sidenav { background: #fff; text-align: left; border-radius: 0; padding: 0; margin: 0; }
	.sidenav.p2.childoptions, .sidenav.p3.childoptions, .sidenav.p4.childoptions, .sidenav.p3.peeroptions, .sidenav.p4.peeroptions, .sidenav.p5.peeroptions, .sidenav.p4.parentoptions, .sidenav.p5.parentoptions { display: block; }
	.sidenav h2 { display: none; }
	.sidenav:before { display: none; }
	.sidenav ul { padding: 0; background: #fff; border-radius: 0; }
	.sidenav li { font-size: 1rem; font-size: 2vw; padding: .4rem 0; margin: 0; color: #444; background: #fff; border-radius: 0; font-weight: 600; line-height: 1.2; text-transform: uppercase; }
	.sidenav li.current { background: #fff; }
	.sidenav li a { color: #6a6a6a; text-decoration: none; }
	.sidenav li a:hover { color: #000000; text-decoration: underline; }
	.sidenav li a.current  { color:#d9780f; font-weight: bold; }
	.sidenav h2 { display: none; }
	.sidenav { margin-bottom: 2rem; }
	.sidenav li ul { margin-top: 5px; }
	.sidenav li ul li { text-transform: none; }

	.homelower { overflow: hidden; margin-left: 9px; margin-right: 9px; background: url(/images/homebg2.gif) top left repeat-y; background-size: contain; }
	.homelower img { box-sizing: border-box; }
	.homelowerbox { float: left; width: 33.3%; min-height: 100px; max-height: 1000px; box-sizing: border-box; padding: 0 1.85%; margin: 0; }

	/*---------------- INDIVIDUAL PRODUCT PAGE IMAGE GALLERY ------------*/
	.product-images { width: auto; height: auto;  padding: 2%; margin-bottom: 15px; border: 1px solid #999999; }
	.product-images-frame { position: relative; overflow: hidden; padding-bottom: 42%; }
	.product-images-large { position: absolute; top: 0; left: 0; width: 79%; bottom: 0; border: 0; margin: 0; padding: 0; }
	.product-image-wrapper { display: none; border: none; padding: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; padding: 0; }
	.product-image-wrapper img { padding: 0; }
	.product-image-wrapper:first-of-type { display: block; }
	.product-images-thumbs { display: block; position: absolute; top: 0; right: 0; width: 19%; border: 0; float:right; box-sizing: border-box; padding: 0; }
	.product-images-thumbs img { box-sizing: border-box; padding: 0; border: 1px solid  #aaa; margin-top: 10%; width: 100%; height: auto; }
	.product-images-thumbs img:first-of-type { border: 1px solid  #777; margin-top: 0; }
	.product-images-thumbs img:hover { border: 1px solid #d9780f; }

	.footer .wrapper { padding: 1rem 30px; }

	.columns2 { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
	.columns2 p { padding: 0 0 1rem 0; }

	.main .Collection .collectiondetail, .main .Collection .collectionlist { margin-left: 50px; margin-right: 80px; margin-top: 1.5rem; }
	.main .Collection .collectiondetail .collectionitem .collectionitemtext { width: 66.8%; float: right; }
	.main .Collection .collectiondetail .collectionitem .collectionitemtext.noimage { width: 100%; float: none; }
	.main .Collection .collectiondetail .collectionitem .collectionitemimage { margin: 0 3.1% 0 0; width: 30%; max-width: 200px; float: left; }
	.Collection .collectiongallery { padding: 1rem 0 1rem 0; margin: 0; }
	.Collection .collectiongallery h2 { padding-left: 0; padding-right: 0; margin: 0; }
	.Collection .collectiongallery .collectionitem { width: 30%; height: auto; margin: 0 3.2% 5% 0; float: left; border-bottom: none; }
	.thumbtitle { font-size: 1rem; font-size: 2.25vw; }
	.thumbcaption { display: none; }

	.Form div.form50 { width: 46%; margin: 0 4% 0 0; float: left;}
	.Form div.form66 { width: 66%; margin: 0 auto; clear: both; }
	.Form div.form100 { width: 100%; margin: 0 auto; clear: both; }
	.Form input[type=submit] { width: 50%; max-width: 250px; margin: .5rem auto; background: #d9780f; color: #fff; font-weight: 600; border: none; border-radius: .5rem; }
	.Form div.form100 textarea { width: 100%; height: 6rem; margin: .2rem auto 0 auto; }
	.Form div.form100 p, .Form div.form100 .p { width: 100%; max-width: 600px; margin: 0 auto; }
	.Form div.form100 select[multiple=multiple] { width: 100%; height: 8rem; margin: .2rem auto 0 auto; }
	.Form form p.smallprint { font-size: .8rem; line-height: 1.5; padding: 10px 40px; }
	.Form form h3 { margin: 0 14px; padding: .5rem .9rem .25rem .9rem; font-size: 1.1rem; }
}

@media screen and (min-width: 800px) {
	.thumbtitle { font-size: 1.5rem; }

	.slideoverlay { left: 42%; width: 50%; }
	.slideoverlay h1, .slideoverlay h2, .slideoverlay h3, .slideoverlay h4, .slideoverlay h5, .slideoverlay h6 { font-size: 1.75rem; font-size: 3vw; }
	.slideoverlay p { font-size: .78rem; font-size: 1.5vw; padding-top: .22rem; padding-left: 0; padding-bottom: .75rem; }
	.slideoverlay a { font-size: .9rem; padding: .1rem .75rem .25rem .75rem; border-radius: .8rem; }
	.sidebar li { font-size: 1rem; }
	.thumbtitle { font-size: 1rem; }
}

@media screen and (min-width: 1000px) {
	.sidebar .Article p { font-size: .95rem; }
}

@media screen and (min-width: 1080px) {
	.marquee.inner .Media .imagedivfull { height: 360px; }
	.marquee.inner .Media .imagedivfull img { top: 50%; transform: translateY(-50%); }
}

.cke_panel_frame, .cke_panel_block { background-color: #fff !important; }
body#ck_body { background-color: #fff; background-image: none; }


#ck_body img { background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; }
#ck_body.slideoverlay { height: 200px; width: 470px; overflow: hidden; margin: 10px; background-color: #596D77;}
#ck_body.slideoverlay h1, #ck_body.slideoverlay h2, #ck_body.slideoverlay h3, #ck_body.slideoverlay h4, #ck_body.slideoverlay h5, #ck_body.slideoverlay h6 { color: #BEE6FF; font-size: 19px; font-weight: 400; letter-spacing: 1px; line-height: 1.2em; }
#ck_body.slideoverlay p { color: #fff; font-size: 12.5px; font-weight: 400; letter-spacing: .6px; line-height: 1.2; padding-top: 3px; padding-bottom: 10px; }
#ck_body.slideoverlay a { color: #D27612; text-decoration: none; }
#ck_body.slideoverlay a:hover { color: #D27612; text-decoration: none; }
#ck_body form p { color: #444; font-size: 1.1em; }
#ck_body form td { color: #444;  text-align: left; padding: 0px 5px; vertical-align: middle; }
#ck_body form p { padding-left: 0; }
#ck_body form input, #ck_body form textarea, #ck_body form select { font-size: 12px; margin: 4px 0; }

@media screen and (max-width: 800px) {
	.column-wrapper .col {
		width: calc(100% - 20px);
		padding-top: 56.25%;
	}
}
