/* OP core styles */
/* mobile first responsive layout */


/* SECTIONS: */
/* 1. Reset styes */
/* 2. Default styles  */
/* 3. Section styles */
/* 4. Layout rules */


/*  1. RESET STYLES  */
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, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, label, input, select, textarea, button { margin: 0; padding: 0; border: 0; font-size: 100%;  font: inherit; vertical-align: baseline;  }

table, tbody, tfoot, thead, tr, th, td { font-size: 100%; font: inherit; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none; }
ins { text-decoration: none; background: #fff75c; }
del { text-decoration: line-through; }
em,i { font-style: italic; }
strong,b { font-weight: bold; }
abbr { border-bottom: 1px dotted; }
input[type=submit], button { cursor:pointer;-webkit-appearance:none; } 


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; } 

/* make sure the page doesn't shift horizontally */
html { overflow-y:scroll; }


/*  2. DEFAULT STYLES  */
body { padding: 0; color: #000000; font-size: 100%; line-height: 1.4; }
em, i { font-style: italic; }
strong, b { font-weight: 600; }

.clearfix { clear: both; }
.msg { font-weight: bold; display: none; }
.message { font-weight: bold; }  
.message-box { font-weight: bold; border: 2px solid black; padding: 0 1em; margin: 1em 0; width: 90%; }
.msginline, .msgstatic  {  text-align: left; font-weight: bold;  margin-bottom: .5rem; }

p { margin: 1em 0; }
h1, h2, h3, h4, h5, h6 {  font-weight: bold; display: block; clear: both; }
h1 {  font-size: 1.5em; margin: .8em 0 .5em 0; line-height: 1.1em; }
h2 { font-size: 1.4em; margin: 1.2em 0 0 0;}
h3 { font-size: 1.3em; margin: 0 0 .5em 0; padding-top: 1em; }
h4 { font-size: 1.2em; margin: 1em 0 0 0; }
h5 { font-size: 1.1em; margin: .9em 0 0 0;}
h6 {  font-size: 1.1em; margin: 0; padding: 0; }
h1 a {  font-size: 15px; font-weight: normal;  }
.subhead_h1 { font-size: 1.2em; font-weight: bold; display: block; margin-top: -.3em; line-height: 1em;}
.subhead_h4 { font-weight: bold; display: block; margin-top: -.2em;}

::selection,::-moz-selection { background: #fdfaa1; }

blockquote { border-left: 2px solid; padding-left: 1.2em; }
img { border: 0; margin: 0; width: auto; max-width: 100%; height: auto; }

figure { margin-top: 1em; padding: 0; }
figure img { margin: 0 auto; display: block; }
figure .op-ar-img-attrib { font-size: .7em; text-transform: uppercase; text-align: right; }
figure figcaption { padding-top: .2em; text-align: center; font-size: .9em; }
figure figcaption h4 { margin-top: 0; }
figure figcaption p { margin-bottom: 0; }

.mobile-only { display: block; }
.buttonline, .linkline { display: block; clear: both; margin: 1em 0; }
.buttonline input[type=submit], .buttonline input[type=button], .buttonline button { margin-right: .5em; }
.buttonfloat { display: none;  }
.buttonfloat input[type=submit], .buttonfloat input[type=button], .buttonfloat button { margin-left: .5em; margin-top: .4em; }
.linkline { font-weight: bold; }
.linkunit { font-weight: bold; display: block; float: left; margin-right: 2.5em; margin-top: .5em; }

table { width: 100%; border-collapse: collapse; margin-bottom: 1em;}
tr:nth-of-type(even) { background: #EEE; }
th { background: #efefef; font-weight: bold; }
td, th { text-align: left; }
td.c, th.c { text-align: center; }
td.r, th.r { text-align: right; }
tr { border: 1px solid #ccc; }

/* 3. SECTION STYLES */

/* CONTAINERS */
.wrapper { width: 100%; margin: 0 auto 0 auto; clear:both; }
#maincontent { margin: 0 auto; background: #FFFFFF; }
#contentwrapper { width: 90%;  margin: 0 auto; padding: 0 0 1em 0; }

.l-wrap-fluid { width: 100%; margin: 0 auto 0 auto; clear: both; }
.l-wrap { max-width: 1140px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.l-wrap:after { content: " "; display: block; clear: both; }

/* HEADER */
header {  width: 100%; text-align: left; background: #000000; border-bottom: 1px solid #000000;  position: sticky; top: 0;}
#header-content { padding: .1em 1em; color: #FFFFFF; }
#header-content a, #header-content a:link, #header-content a:visited, #header-content a:hover,  #header-content a:active { color: #FFFFFF; text-decoration: none; }
#logo { float: left; margin-top: .1em;}
#logo1 { font-size: 1.5em; display: inline;  }
#logo2 { font-size: 1.5em; display: none;}
#header-menu-link { float: right; margin: 0 1em 5px 0; } 


/* WIDE NAV */
#menu1 { display: none; }
#menu1 li { list-style-type: none; display: inline-block;  }
#menu1 li a { display: inline-block; padding: .8em 1.4em; color: #FFFFFF; text-decoration: none; }
#menu1 li a:hover { background: #666666;  }
#menu1 ul li.selected a { background: #666666;  }

/* MOBILE-NAV */
#menu2 { display: none; }
#menu2 li { list-style-type: none; }
#menu2 li a { display: block; padding: .8em 1.6em; 
	border-bottom: 1px solid #EFEFEF;	
	background: #000000; color: #FFFFFF; text-decoration: none; }
#menu2 li:first-child a { border-top: 1px solid #EFEFEF; }
#menu2 li:last-child a { border-bottom: 0; }
#menu2 li a:hover { background: #666666;  }
#menu2 ul li.selected a { background: #666666;  }

/* MAIN CONTENT */
#maincontent { font-size: 1.1rem; }

/* FOOTER */
#footer1 { background: #000000; color: #FFFFFF; padding: .7em 1em;  }
#footer-bar { }
#footer-bar2 { float: right;  margin-top: -1.4em; }
#footer-bar a, #footer-bar a:link, #footer-bar a:visited, #footer-bar a:hover,  #footer-bar a:active { color: #FFFFFF; }
#footer2 { padding: .7em 1em;  }
#footer-fineprint, #footer-fineprint1, #footer-fineprint2 {  font-size: .85em;  }
#footer-fineprint2 {  float: right;  margin-top: -1.4em; }

/* SITE */
.op-site-header-sitename { font-weight: bold; }

/* FULL WIDTH BACKGROUND IMAGE */
.fullwidth_bgimgwithtext { background-position: 50%; background-size: cover; min-height: 200px; transition: background-image 0.2s ease-in-out; }
#c-imagebar1, #c-imagebar2 { min-height: 250px; }

/* ALTERNATING TEXT AND IMAGES */ 
.l-alt-parentv2 { text-align: center; }
.l-alt1v2,.l-alt2v2 { display: inline-block; margin-left: auto; margin-right: auto; text-align: center; }
.l-alt1v2 h3,.l-alt2v2 h3 {margin-top: 1rem; font-size: 1.5rem; text-align: center;  padding: 1.2rem 0 .5rem 0;}
.l-alt1v2 p,.l-alt2v2 p, .l-alt1v2 li,.l-alt2v2 li {font-size: 1.2rem; line-height: 1.4; max-width: 80%; margin: 1em auto; text-align: center; padding-bottom: 1rem; }
.l-alt2v2 p.u-first, .l-alt2v2 p.u-first { margin-top:  0; }
.l-alt1v2 li,.l-alt2v2 li { margin: 0 auto; }
.l-alt1v2 img, .l-alt2v2 img { margin: 1.5rem auto 0 auto;}

/* GRID */
.l-grid1 { display: grid; grid-template-columns: 1fr; grid-gap: 1em; }
.l-grid1 article {  padding: 1.5em; background-color: #000000;  color: #FFFFFF; }  
.l-grid1 article h3 { font-weight: bold;  text-align: center; margin-top: 0;  padding: 0;  }
.l-grid1 p.no-h {  margin-top: 0;  padding-top: 0; }
.l-grid1 p:last-child {  margin-bottom: 0;  padding-bottom: 0; }
.l-grid1 ul.grid-item-list li { margin: .5em 0; }

/* FORMS AND TABLES */ 
form { width: 100%;  font-size: 1.2rem;  }
form p,form h3  { clear: both; text-align: left; }
form h3 {margin-top: 1.5rem; margin-bottom: .5rem; }
label { display: block; clear: both; width: 100%; padding: .5rem; text-align: left; }
input, select {  display: block; width: 100%;  padding: 1rem; background: #efefef; margin-bottom: .5em;}
textarea { display: block; width: 100%; padding: 1rem; background: #efefef; margin-bottom: .5em; min-height: 10rem; }
input[type='radio'], input[type='checkbox']  { clear: left; float: left; width: auto; margin-top: .3rem; margin-right: .5rem; display: inline;  border: none; padding: .5em; }
input.xs, input.sm, input.md, input.lg, input.xl, textarea { width: 90%; }

span.p-su-form-role-label { float: left; display: inline-block; }
span.radio-label { float: left; display: inline-block; }

input[type='text'],input[type='tel'],input[type='email'],input[type='password'],textarea, select { border: 1px solid #A9A9A9;  border-radius: 10px; }
input[type='submit'], input[type='button'].u-btn-std, button { background-color: #007dc8; color: #FFFFFF; border: 1px solid #007dc8; border-radius: 10px;  cursor: pointer; }
input[type='button'], button { padding: 1rem; width: 100%; }
input[type='button'].u-btn-passive { background-color: #87625a; color: #000000; border: 1px solid #87625a; border-radius: 10px;  cursor: pointer; }
input[type="submit"].u-btn-negative, input[type='button'].u-btn-negative  { background-color: #B10000; color: #FFFFFF; border-radius: 10px; cursor: pointer; }
input[type="submit"].u-btn-close, input[type="button"].u-btn-close, button.u-btn-close { background-color: #383838; color: #FFFFFF; border: 1px solid #383838; border-radius: 10px; cursor: pointer; }
button:disabled, button[disabled] { background-color: #696969; }
input[type='button']:disabled, input[type='button'][disabled] { background-color: #696969; }


fieldset legend { position:absolute; left: -5000px; }
fieldset { border:0; padding:0; margin-left: 0px; }

.f-radio-toolbar { margin: 10px; }
.f-radio-toolbar input[type='radio'] { opacity: 0; position: fixed; width: 0; max-width: 10rem;}
.f-radio-toolbar label {  display: inline-block; background-color: #283974; padding: 20px; text-align: center;
    font-size: 16px; font-weight: bold; border-radius: 10px; border: none; color: #FFFFFF; max-width: 10rem; margin: .5rem;  }
.f-radio-toolbar label:hover { background: #007dc8; color: #FFFFFF; }
.f-radio-toolbar input[type='radio']:focus + label { }
.f-radio-toolbar input[type='radio']:checked + label { background-color: #007dc8; box-shadow: 0 0 5px rgb(81 203 238); border: 2px solid rgba(81, 203, 238, 1); color: #FFFFFF;}

.f-checkbox-row { display: inline-block; margin-left: 1em; } 
.f-checkbox-row label { padding-left: 0; padding-right: 0; }

.cb-select { display: flex;  margin-bottom: .5em; }
.cb-select input[type=checkbox] { opacity: 0; position: fixed; width: 0; max-width: 10rem;}
.cb-select label { border: 1px solid  #000073;  display: inline-block; background-color:  #000073; padding: 18px; text-align: center; font-size: 16px; font-weight: bold; color: #FFFFFF; max-width: 10rem;  border-radius: 10px; margin: .5rem; }
.cb-select label:hover { border: 1px solid  #007dc8; background: #007dc8; color: #FFFFFF;  transition: all ease-in-out 300ms;}
.cb-select input[type=checkbox]:checked + label { background-color: #007dc8; color: #FFFFFF; box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 2px solid rgba(81, 203, 238, 1); }
.cb-select input[type=tel] { margin: .5rem; }

.radio-select { display: flex;  margin-bottom: .5em; }
.radio-select input[type='radio'] { opacity: 0; position: fixed; width: 0; max-width: 10rem; }
.radio-select label {  border: 1px solid #283974; display: inline-block; background-color: #283974; padding: 18px;  text-align: center; font-size: 16px; font-weight: bold; color: #FFFFFF; max-width: 10rem; border-radius: 10px; margin: .5rem; }
.radio-select label:hover { border: 1px solid  #007dc8; background: #007dc8; color: #FFFFFF;  transition: all ease-in-out 300ms; }
.radio-select input[type='radio']:checked + label {  background-color: #007dc8; color: #FFFFFF; box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 2px solid rgba(81, 203, 238, 1);  }
.radio-select input[type=tel] { margin: .5rem; }

ul.su-form-textheavy { text-align: left; }
ul.su-form-textheavy li { padding-bottom: .6em;}
ul.su-form-textheavy span.radiolabel { white-space: nowrap; }
ul.su-form-textheavy  div.li-text  { clear: both;  display: none;}

.u-level2 { margin-left: 1em;}
.u-level3 { margin-left: 2em;}
.u-level4 { margin-left: 3em;}
.u-showrow { background-color: #FBEC99; margin: .5em 0; padding: .5em; border: 1px solid #FBEC99; border-radius: 10px;}
.u-showrow.u-level2 { margin-left: 1em; }
.u-showrow.u-level3 { margin-left: 2em; }

.radio-slideswitch { display: flex; margin-bottom: .5em; margin-left: 1em; }
.radio-slideswitch input[type=radio] { opacity: 0; position: fixed; width: 0; max-width: 10rem;}
.radio-slideswitch label { border: 1px solid black; display: inline-block; background-color:  #FFFFFF; padding: 20px; text-align: center; font-size: 16px; font-weight: bold; color: #000000; max-width: 10rem; }
.radio-slideswitch label:hover { background: #007dc8; color: #FFFFFF;  transition: all ease-in-out 300ms;}
.radio-slideswitch input[type=radio]:checked + label { background-color: #007dc8; color: #FFFFFF; }
#payschedulemsg { padding: 0; margin: 0; }

ul.shop-listchooser { max-height: 15rem; overflow-y: scroll; margin-bottom: 1em; -ms-overflow-style: none; scrollbar-width: none; /* IE and Firefox */  }
ul.shop-listchooser::-webkit-scrollbar {  display: none;  /* Safari and Chrome */ }
ul.shop-listchooser li { list-style-type: none; border-bottom: .1px solid gray; display: block; background: #87625a; color: #FFFFFF; margin: .2rem 0; max-width: 20em; }
ul.shop-listchooser li.tag-selected { background: #007dc8; color: #FFFFFF; box-shadow: 0 0 5px rgb(81 203 238); border: 2px solid rgba(81, 203, 238, 1); }
ul.shop-listchooser li a { color: #FFFFFF; text-decoration: none; display: block; padding: .5rem 1em .6rem 1rem; }
div.p-co-form-prchoicegrp input[type=hidden] + input[type=tel] { margin-top: -.7em; margin-bottom: .7em; }
div.p-co-addmorelink { font-size: .85em; margin: -.5em 0 1rem 1rem; display: none; } 

/* ul.country-options li { display: inline-block; background-color: #007dc8; color: #000000; padding: 20px; text-align: center; font-size: 16px; font-weight: bold; border-radius: 10px; border: none; max-width: 6rem; margin: 0 .5rem .5rem 0; }
ul.country-options li a, ul.country-options li a.link, ul.country-options li a.visited, ul.country-options li a.hover, ul.country-options li a.active { display: block; max-width: 6rem; color: #FFFFFF; text-decoration: none; }
ul.country-options li.disabled { background-color: #87625a;  } */ 

ul.country-options li { list-style-type: none; display: inline-block; }
ul.country-options li a, ul.country-options li a.link, ul.country-options li a.visited, ul.country-options li a.hover, ul.country-options li a.active { 
	   display: inline-block; padding: 20px; text-align: center; font-size: 16px; font-weight: bold; border-radius: 10px; border: none; max-width: 6rem; margin: 0 .5rem .5rem 0; 
	   background-color: #007dc8; color: #FFFFFF; text-decoration: none; }
ul.country-options li.disabled a { background-color: #87625a;  }

ul#country-list { max-height: 15rem; overflow-y: scroll; margin-bottom: 1em; -ms-overflow-style: none; scrollbar-width: none; /* IE and Firefox */ }
ul#country-list::-webkit-scrollbar {  display: none;  /* Safari and Chrome */ }
ul#country-list li { list-style-type: none; border-bottom: .1px solid gray; display: block; background: #87625a; color: #FFFFFF; margin: .2rem 0; max-width: 20em; }
ul#country-list li.tag-selected { background: #007dc8; color: #FFFFFF; }
ul#country-list li a { color: #FFFFFF; text-decoration: none; display: block; padding: .5rem 1em .6rem 1rem; }
.u-textblock #country-section a:visited { color: #FFFFFF; }

.p-co-sectionheader { font-size: 2em; padding-top: 0; margin-top: 0; line-height: 1.1em; } 
.p-co-form-jumplink { margin-top: -.3em; margin-bottom: .3em; }
.form-text-review { overflow: auto; padding: 20px; border: 1px solid #EEEEEE; height: 200px; }	

#opcartsummary  { }
#opcartsummary #cartsummtext  { background: #87625a; padding: .5em 1em; margin-top: 1em; }
#opcartsummary #cartsummtext a:link, #opcartsummary #cartsummtext a:visited, #opcartsummary #cartsummtext a:hover, #opcartsummary #cartsummtext a:active { color: #FFFFFF;  font-size: 1.2em; }

.cartsummary { border: 2px solid #000000;  padding: 1em; }
.cartsummary #cartsummtext { background: #fff7d0; padding: 1em; }
.cartsummary #cartsummtext a:link, .cartsummary #cartsummtext a:visited, .cartsummary #cartsummtext a:hover, .cartsummary #cartsummtext a:active { font-size: 1em; }

.cartsummtext { background: #fff7d0; padding: 1em; }
.cartsummtext a:link, .cartsummtext a:visited, .cartsummtext a:hover, .cartsummtext a:active { font-size: 1em; }

#editorderlink: { font-size: .85em; }

div.pwshow { float: right; margin: -.25rem .2rem 0 0; }
div.pwshow a, div.pwshow a:link, div.pwshow a:visited, div.pwshow a:hover, div.pwshow a:active { text-transform: uppercase; text-align: right; font-size: .8rem; color: gray; }
div.forgotpw { float: none; text-align: left; margin-bottom: 1em;  }
div.forgotpw a, div.forgotpw a:link, div.forgotpw a:visited, div.forgotpw a:hover, div.forgotpw a:active { text-transform: uppercase; text-align: right; font-size: .8rem; color: gray; }
div.idchange a, div.idchange a:link, div.idchange a:visited, div.idchange a:hover, div.idchange a:active { text-transform: uppercase; text-align: right; font-size: .8rem; color: gray; }

ul.u-listtextbuttons { }
ul.u-listtextbuttons li { list-style-type: none;  display: block;  text-align: center; background-color: #283974; color: white; border: 1px solid #283974; border-radius: 10px; padding: .4rem 1em .4rem 1rem;  margin: .2rem 0; }
ul.u-listtextbuttons li.selected { background: #007DC8; color: #FFFFFF; box-shadow: 0 0 5px rgb(81 203 238); border: 2px solid rgba(81, 203, 238, 1); }
ul.u-listtextbuttons li a, ul.u-listtextbuttons li a:link, ul.u-listtextbuttons li a:visited, ul.u-listtextbuttons li a:hover, ul.u-listtextbuttons li a:active{ color: #FFFFFF; text-decoration: none; display: block; text-align: center; padding: .4rem 1em .4rem 1rem; cursor: default; }

table.reporttable1 th { display: none; }
table.reporttable1 td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: .3em; word-wrap: break-word; } 
table.reporttable1, table.reporttable1 thead, table.reporttable1 tbody, table.reporttable1 tfoot,
   table.reporttable1 th, table.reporttable1 td, table.reporttable1 tr   { display: block; } 
table.reporttable2 { display: none;  }
table.reporttable3 td,  table.reporttable3 th,
     
span.table-label { font-size: .9em; font-style: italic; font-weight: bold; }
span.inline-label { font-size: .9em; font-style: italic; font-weight: bold; }
.formtext { /* display: inline-block;  padding: 0 0 .3em .2em; margin-top: -1em;  */ }

/* CHOICELIST */
ul.choice-list li  { list-style-type: none; text-align: center; margin: .5em 0; display: block; background: #2D2D2D; color: #FFFFFF; font-size: 1.2rem; border-radius: 10px;}
ul.choice-list li  a {  color: #FFFFFF; text-decoration: none; display: block; padding: .5rem 1em .6rem 1rem; }
ul.choice-list li.selected { background: #13491C; /* parsley */ }
ul.choice-list li.negative { background: #BF2026;  /* cardinal */ }
ul.choice-list li.neutral { background: #283974;  /* astronaut deep blue */ }
ul.choice-list li.selected a, #a-userinterface ul.choice-list li.negative a, #a-userinterface ul.choice-list li.neutral a { color: #FFFFFF; }
ul.choice-list li.selected a:visited, #a-userinterface ul.choice-list li.negative a:visited, #a-userinterface ul.choice-list li.neutral a:visited { color: #FFFFFF; }
ul.choice-list li.selected a:hover, #a-userinterface ul.choice-list li.negative a:hover, #a-userinterface ul.choice-list li.neutral a:hover { color: #FFFFFF; }
ul.choice-list li.selected a:active, #a-userinterface ul.choice-list li.negative a:active, #a-userinterface ul.choice-list li.neutral a:active { color: #FFFFFF; }

/* JUMPLIST */
ul.c-jumplist {  list-style:none; margin-top: 1em; display: grid; grid-template-columns: 1fr; grid-gap: .3em; }
ul.c-jumplist li { float: left; width: 8%; margin-left: 2%; margin-top: .5em; text-align: center; }
ul.c-jumplist li a { display: block; padding: .8em 2.5em .8em 1.7em; background: #000000; border: 1px solid #000000; border-radius: 3px; font-family: arial, sans-serif; font-weight: bold; color: #FFFFFF;  text-decoration: none;  }
@supports (display: grid) {  ul.c-jumplist1 > li { width: auto; margin: 0; } }
@media (min-width: 200px) { ul.c-jumplist {  grid-template-columns: 1fr 1fr; } }
@media (min-width: 300px) { ul.c-jumplist {  grid-template-columns: 1fr 1fr 1fr; } }
@media (min-width: 400px) { ul.c-jumplist {  grid-template-columns: 1fr 1fr 1fr 1fr; } }
@media (min-width: 500px) { ul.c-jumplist {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }
@media (min-width: 600px) { ul.c-jumplist {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } }
@media (min-width: 800px) { ul.c-jumplist {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }  }
@media (min-width: 1000px) { ul.c-jumplist {  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }  }

/* ARTICLES */
.op-ar-item { margin: 1em 0; }
.op-ar-item:nth-of-type(1) { margin-top: 2em; } 

.op-ar-headline h2 { font-size: 1.3em; margin-top: 0; margin-bottom: .2em; line-height: 1.2; }
.op-ar-headline h2 a, .op-ar-headline h2 a:link, .op-ar-headline h2 a:visited, 	
.op-ar-headline h2 a:hover, .op-ar-headline h2 a:active {  }

.op-ar-byline  { font-size: .9em; line-height: 1.1;  }
.op-ar-byline:before { content:"by "; }

.op-ar-date { display: inline;}
.op-ar-date:after { content:" "; }
.op-ar-time { display: inline;}
.op-ar-time:before { content:"- "; }
.op-ar-time:after { content:" "; }
.op-ar-dateline { display: inline; }
.op-ar-dateline:before { content:"("; }
.op-ar-dateline:after { content:")"; }

.op-ar-snippet { display: inline; }
.op-ar-rmlink { display: inline; }
.op-ar-img { margin: 0 auto; max-width: -moz-fit-content; max-width: fit-content; }

/* ADS */
.op-ad-disclaimer {  font-size: .7em; text-transform: uppercase; }

.op-ad-item { clear: both; margin: 1em 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.op-ad-content { background: #F1F1F1; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: .3em .5em; margin-bottom: .3em; }
.op-ad-business-name { font-weight: bold;}
.op-ad-text {  }
.op-ad-line2 { font-size: .8em; color: #888; }
.op-ad-business-phone { display: inline; }
.op-ad-business-phone:after { content:" - "; }
.op-ad-business-address { display: inline; }
.op-ad-business-address:after { content: ", "; }
.op-ad-business-city {display: inline; }
.op-ad-business-city:after { content:", "; }
.op-ad-business-state {display: inline; }
.op-ad-business-zip { display: inline; }
.op-ad-business-hours { display: inline; }
.op-ad-business-hours:before { content: "Hours: "; } 
.op-ad-business-hours {display: inline;  }
.op-ad-business-website { display: block; }
.op-ad-business-misc {display: inline; }
.op-ad-business-misc:before { content: " "; } 

.op-ad-img { margin: 1em 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; max-width: -moz-fit-content; max-width: fit-content; }

#op-ar-list .op-ad-item,
#op-siteadmin .op-ad-item,
#op-business-details .op-ad-item { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background: #F1F1F1; padding: .3em .5em; }

.op-ad-edit-pvlink { display: inline-block; font-size: .9em; line-height: 1.1; margin-left: 2.5em; }
.op-ad-edit-name { font-weight: bold; display: inline; }
.op-ads-header-name { font-weight: bold; }
.op-ad-scheddates { font-size: .9em; font-weight: bold; margin-top: .5em; }
.op-ad-scheddates:before  { content:"Current screen: ";  }

/* BUSINESS PAGE */
.op-business-ad-box1 { border: 1px solid #666;  background:#000000; margin-top: 1.5em; margin-bottom: 1em;  padding: 1em; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #D0D0D0; }
.op-business-ad-box2 {  border: 1px solid #666; background: #FFFFFF; text-align: center; padding: 1em; -moz-border-radius: 10px; border-radius: 10px; line-height: 1.4; }
.op-business-ad-logo { float: left; padding: .3em; background: #efefef; margin-bottom: .5em;}
.op-business-ad-name { font-weight: bold; font-size: 1.2em; margin-top: .6em; }
.op-business-ad-address {}
.op-business-ad-text1 { clear: both; font-size: 1.3em; line-height: 1.2; margin-top: .5em; margin-bottom: .5em;}
.op-business-ad-details { margin-top: .5em; font-style: italic; font-size: .9em; }
.op-business-ad-limitations  { font-style: italic; font-size: .9em; }
.op-business-ad-tip-note  { font-style: italic;  font-size: .9em;}

.op-business-basics { margin: 1em 0; }
.op-business-basics-name { font-weight: bold; font-size: 1.2em; }
.op-business-basics-address {}
.op-business-basics-street {}
.op-business-basics-city { display: inline; }
.op-business-basics-city:after { content:", "; }
.op-business-basics-state { display: inline; }
.op-business-basics-state:after { content:" "; }
.op-business-basics-zip { display: inline; }
.op-business-basics-country { display: none; }
.op-business-basics-phone {  }
.op-business-basics-website {  }

.op-business-extras { margin: 1em 0; }
.op-business-extras-header { color: #666; text-transform: uppercase; margin-top: 1.5em; }

.op-business-extras-label { color: #666; clear: both; float: left; }
.op-business-extras-label:before { content:"+ ";  }
.op-business-extras-label:after  { content:" "; margin-right: .5em; } 
.op-business-extras-email { }
.op-business-extras-hours { }
.op-business-extras-description { }
.op-business-extras-extrainfo { }
.op-business-extras-location { }
.op-business-extras-directions { }
.op-business-extras-categories { }
.op-business-extras-facebook { }
.op-business-extras-twitter { }

.op-business-extras-phones { margin-left: 1em; }
.op-business-extras-phones-fax  { clear: both; margin-left: 2em; }
.op-business-extras-phones-mobile  {  clear: both; margin-left: 2em;}
.op-business-extras-phones-emergency  {  clear: both; margin-left: 2em; }
.op-business-extras-phones-tollfree  {  clear: both; margin-left: 2em; }
.op-business-extras-phones-fax:after  { content:" fax";  }
.op-business-extras-phones-mobile:after  { content:" mobile";  }
.op-business-extras-phones-emergency:after  { content:" emergency";  }
.op-business-extras-phones-tollfree:after  { content:" toll-free";  }

.op-business-extras-graphic { margin: 1.5em 0 1em 0; }
.op-business-extras-map  { margin: 1em 0;}

/* SCORES */
.scoreblock  { background-color: #666666; color: #FFFFFF; padding: .3em .5em .5em .5em;  margin-bottom: 1em; }
.scoreschool  { font-family: 'Asap-BoldItalic'; font-weight: 700; font-style: italic; margin-bottom: .3em; font-size: 1.2em; }
.scoretext { background: #FFFFFF; color: #000000; padding: .5em; }
.scoregrid  { display: grid;  grid-template-columns: 1fr 1fr; grid-gap: 0; }
.scoreteam { }
.scorescore { text-align: right; }

/* IMAGE OVERLAY */ 
.overlay {
  position: fixed;   /* Sit on top of the page content */
  display: none;     /* Hidden by default */
  width: 100%;       /* Full width (cover the whole page) */
  height: 100%;      /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);     /* Black background with opacity */
  z-index: 2;                              /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;                        /* Add a pointer on hover */
}
.ovlimage-horiz { position: absolute; top: 50%; left: 50%; max-width: 95%; max-height: 95%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.ovlimage-vert { position: absolute; top: 50%; left: 50%; max-height: 95%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }

/* OTHER */
.c-creator-works { text-align: center; }
.c-creator-works ul { list-style: none; margin: 0 auto; display: inline-block; }
.c-creator-works ul li { display: inline-block; margin: 1rem; padding: 1em; font-size: 1.2rem; line-height: 1.2; 
       text-align: center; border: 2px solid black; border-radius: 10px; }
.c-socmedia { text-align: center; margin: 1em auto; }

/* UTILITY CLASSES */
.u-reverse { color: #FFFFFF; }
.u-reversefull  { color: #FFFFFF; background-color: #000000; padding: 1em; }
.u-reversefull a, .u-reversefull a:link, .u-reversefull a:visited, .u-reversefull a:hover, .u-reversefull a:active { color: #FFFFFF; }
.u-bright { color: #B3001B; font-weight: bold; }

.u-narrowonly { display: initial; }
.u-wideonly { display: none; }
.u-di { display: initial; }
.u-dn { display: none; }
.u-db { display: block; }
.u-offscreen { position: absolute; left: -5000px; }

.u-textblock p, .u-textblock ul, .u-textblock ol { font-size: 1.2rem; line-height: 1.4; }
.u-textblock ul, .u-textblock ol { margin-top: 1.2rem; }
.u-textblock h3  { font-size: 1.3rem; }

.u-left { text-align: left; }
.u-right { text-align: right; }
.u-center { text-align: center; }
.u-centered { margin: 0 auto;  text-align: center; }

.u-super { vertical-align: super; font-size: .75em; }
h1 .u-super { vertical-align: super; font-size: .6em; }

.u-bold { font-weight: bold; }
.u-italic { font-style: italic;  }
.u-fineprint { font-size: .85em; }
.u-bordered {  padding: 2em;  border: 1px solid gray; border-radius: 10px; margin: 2.5em 0; width: 75%;  font-size: 1.2rem; }
.u-liststd li {  list-style: disc outside none; margin-left: 2rem; padding-bottom: .5rem;}
.u-listnb li  {  list-style: none outside none; margin-left: 2rem; padding-bottom: .5rem; }
.u-listnumbered li {  list-style: decimal outside none; margin-left: 2rem; padding-bottom: .5rem; line-height: 1.4;}
.u-borderbox { border: 2px solid black; padding: 1em; }
.u-borderbox-light { border: 1px solid black; padding: 1em; }
.u-highlightbox { background: #fff7d0; padding: 0 1em 1em 1em; }

.u-topmg0pd0 { margin-top: 0; padding-top: 0; }
.u-topmg0btmmg0 { margin-top: 0; margin-bottom: 0; }
.u-toppd1 { padding-top: 1em; }
.u-topmg0 { margin-top: 0; }
.u-topmgsm { margin-top: .3em; }
.u-topmg1 { margin-top: 1em; }
.u-topmg2 { margin-top: 2em; }
.u-bottommg0 { margin-bottom: 0;  }
.u-bottommgsm {margin-bottom: .3em; }
.u-bottommg1 { margin-bottom: 1em;  }

.u-closelink  { text-align: right; font-size: .8rem; } 
.u-socmedia-icon  { display: inline-block; max-width: 40px; margin-right: 2em; }
.u-socmedia-icon:last-of-type { margin-right: 0; }
a.u-inheritcolor, a.u-inheritcolor:link, a.u-inheritcolor:visited, a.u-inheritcolor:hover, a.u-inheritcolor:active  {  color: inherit; }
.u-illusright { float: right; padding: 1.5em 0 .8em .5em; max-width: 150px; }

.u-flexfields { display: flex; align-items: center; }
.u-flexfield { margin: 0 .5em; }
.u-flexfieldtight { margin: 0 .2em;}
label.u-flexfield, label.u-flexfieldtight { padding: 0; }

.u-helplink  { float: right; font-size: .9rem; margin-top: .5em; margin-right: 2em; }
.u-helptext { font-size: .9rem; background: #FBF6D0; padding: .5em; margin-bottom: .5em;  }

/* VIDEO */
.video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; }

/* 4. LAYOUT RULES */
/* mobile first responsive design */
/*Screen width above 320px. Mobile phones. */
@media only screen and (min-width: 320px) {
}

@media only screen and (min-width: 400px), print {  
	#logo1 { font-size: 2em;  }  
	#header-menu-link { margin: 5px 1em 0 0;
}

@media only screen and (min-width: 600px), print {   
   .u-illusright { padding: 1.5em 0 .8em .81em; max-width: initial; }
   .c-sitefooter1 ul, .c-sitefooter1 li { display: inline-block; } 

}

@media only screen and (min-width: 650px), print {
	
}

@media only screen and (min-width: 700px), print {	
	.wrapper { display: block; margin-right: auto; margin-left: auto; width: 600px; }
	.c-sitefooter2 .l-alt2  {display: block; }
	.u-narrowonly { display: none; }
	.u-wideonly { display: block; }
	.mobile-only { display: none; }
	.buttonfloat { display: block; float: right; margin-right: 3em; }

    input[type='radio'], input[type='checkbox']{ padding: 0;}
	input.xs, input.sm, input.md, input.lg, input.xl, textarea { width: 95%; }
	.form-text-review { width: 600px; height: 300px; }
	
	table.reporttable1, table.reporttable3 { width: 100%; font-size: 13px; 
		border-spacing:0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
	table.reporttable1 tbody, table.reporttable1 tr,
	table.reporttable3 tbody, table.reporttable3 tr {  border-collapse: collapse; }
	table.reporttable1  { display: table; }
	table.reporttable1 thead  { display: table-header-group; }
	table.reporttable1 th, table.reporttable1 td {display: table-cell; }
	table.reporttable1 tbody  { display: table-row-group; }
	table.reporttable1 td,  table.reporttable1 th { border-right: 1px solid #ccc; 	
		border-bottom: 1px solid #ccc; padding: 3px 5px; border-spacing:0; } 
	table.reporttable2 { display: table; border: none; }    
	table.reporttable2  th,  table.reporttable2  td { border: none; }
	table.reporttable1 tr,  table.reporttable2 tr, table.reporttable3 tr { display: table-row; border: none;  }
    table.reporttable3 { font-size: 100%; }
    
	table, thead, tbody { display: table; }
	thead { display: table-header-group; }  
	tbody { display: table-row-group; }  
	tfoot { display: table-footer-group; } 
	th, td { display: table-cell; border-collapse: collapse; }  
	td:before { position: static; top: 0; left: 0; padding: 0; }
	
	/* ALTERNATING TEXT AND IMAGES */ 
	.l-alt1v2 {width: 49.15254%; float: left; margin-right: 1.69492%; margin-bottom: 1.69492%;}
	.l-alt2v2 {  width: 49.15254%; float: left; margin-right: 1.69492%; float: right; margin-right: 0; margin-bottom: 1.69492%; }
	.l-alt1v2 h3 {text-align: right;  }
	.l-alt1v2 p, .l-alt1v2 li {  max-width: 100%; text-align: right; padding-bottom: 0;  } 	
	.l-alt1v2 li { margin: .3em auto; }
	.l-alt1v2 img { margin-bottom: .3rem; }
	.l-alt2v2 h3 {text-align: left; }
	.l-alt2v2 p, .l-alt2v2 li { max-width: 100%; text-align: left; padding-bottom: 0; }
	.l-alt2v2 li { margin: .3em auto; }
	.l-alt2v2 img { margin-bottom: .3rem; }
	
	/* GRID */
	.l-grid1 { grid-template-columns: 1fr 1fr 1fr; }	
	
	 .u-illusright { float: right; padding: 1.5em 0 .8em .81em; max-width: initial; }
}


@media only screen and (min-width: 980px), print {
    .l-wrap { padding-left: 3rem; padding-right: 3rem; }
   .u-bordered { width: 66.10169%; margin-left: auto; margin-right: auto;}
}

@media only screen and (min-width: 1140px), print {
	/* #menu1 { display: block; } */
	/* #header-menu-link { display: none; }  */
	/* #menu2 { display: none; }  */
	header, #menu2 { margin: 0 auto; }
}

@media print {
	.u-narrowonly { display: none; }
	.u-wideonly { display: block; }
	header, footer, #c-herobar { display: none; }
	#main-page { margin-top: 0; color: #000000; background: #FFFFFF; }
	.print-instructions { display: none; }
	@page { margin: 0 20px 20px 20px; }
}