@charset "UTF-8";
/* CSS Document */
#productheaderrow, footer, #returnBtn , .more {background-color: #4F423A;}
.topproductlogo {margin: 6px 10px 0 0; width: 57px;}
.topproductname {padding: 0 0 3px 0;}
#content a:link, #content a:visited {color: #9f3208;}
#content a:hover, #content a:visited:hover {color: #61474F;}
.stripe a:link, .stripe a:visited {color: #b06030; }


/*------------------------------------*\
	MR NAVIGATION -- all screens
\*------------------------------------*/
.notmobile a:hover, .productbtn a:hover  {color: #F7EB90; }
.secondmenuarea { box-shadow: 0 300px 100px 200px rgb(48 51 48 / 30%); border-bottom: #303330 14px solid; margin-top: 8px;}/* product menu dropdown*/
.sectiontitle {color: #7b6c4d; font-weight: 700;}
.sectiontitle a {color: #000000;}
.servicecolumns li > a, .resourcecolumns li > a {color: #b06030;}
.sectiontitle a:hover, .servicecolumns li > a:hover, .resourcecolumns li > a:hover {color: #61474F; text-decoration: underline;}

.sectionheader {padding: 0; vertical-align: middle;}
.stripe {color:#61474F;}
.colorone {color: #61474F;}
.colortwo {color: #7b6c4d;}
.darkcolor {color: #383631;}
.peach {color: #EFD4CA;}
.coloronepullout, .colortwopullout {background-color: #61474F;}
.coloronepullout h1, .colortwopullout h1, .coloronepullout h2, .colortwopullout h2 {color: #e7d49d;}
.pullouttext p, .pullouttext li {color: #EBD3CE; font-weight: 500;}
.pullouttext h1, .pullouttext h2 {color: #ffffff;}
.triangledown {border-top: .4em solid #61474F;}
.triangleleft { border-right:.4em solid #61474F;}
.triangleright { border-left: .4em solid #61474F; }
.darkpullout {background-color: #383631; color: #EFD4CA;}
.darkpullout a:link,
.darkpullout > .pullouttext a:link {color: #fbce7d;}
.darkpullout h1 {color: #ffffff;}

thead > tr {background-color: #383631; color: #ffffff;}
thead > tr > th {border: none;}
th, td {border-bottom: 2px solid #383631; }
.tablelink a, .tablelink > a:hover {color: #7b6c4d;}
tbody tr:focus-within {background-color: #efedc7;}       
tbody tr:hover {background-color: #efedc7;}

.step {display: grid; grid-template-columns: 200px auto; grid-template-rows: auto 36px; grid-template-areas: "task description" "direction ."; column-gap: 24px; row-gap: 6px;}
.stepcell {grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; place-self: stretch; border: #383631 solid 2px; color: #383631; display: flex; align-items: center;
  justify-content: center;}
.stepdescription {grid-column-start: 2; grid-row-start: 1; place-self: center start; padding: 0 0 0 12px;}
.steparrow {grid-column-start: 1; grid-row-start: 2; place-self: start center; margin: 6px 0;}
.stepname {font-weight: 700; font-size: 120%; margin: 12px; text-align: center;}
.stepoutside {background-color: #A4CBCB;}
.stepcasemanager {background-color: #f7dbaa;}
.steptaskmanager {background-color: #BC986A;}
.stepprintforms {background-color: #dbd7b4;}
.stepturnin {background-color: #ff7827;}
.stepbilling {background-color: #cfaca4;}

@media all and (max-width: 899px) {
}

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

@media screen and (min-width:1175px) {
/*.topimage {margin: 12px 8% 0;}
*/}