html, form, fieldset, body {	margin: 0;	padding: 0;}
body {
   height: auto;
   font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
   max-width: 100%;  /* !important;  */
   margin: auto;
}
body::after {
  content: "";
  background: url(https://www.nawcc.org/wp-content/themes/bones/library/images/watch-bg.jpg);
  opacity: .5;
  background-position: center -400px;
  z-index: -1;   
}
/* Normal link */
/*a {color: #24487b; text-decoration: none;}  changed 8/4/18 to correspond to new NAWCC
a:hover, a:active, a:focus {color: #7c7aaa;} */
/* Changed 6/30/20 to correspond to new NAWCC
{color: #004d88 !important; text-decoration: none;}
a:hover, a:active, a:focus {color: #2f3475;}
a:visited {color: #004d88 !important;}
a img {	border: 0;}
a:focus  { outline: 0 !important; }
*/
a, a:visited {color: #004d88;}
a:hover, a:hover:visited {color: #4080c0;}
#tdo-footer {
   font-size: 12px;
   padding-bottom: 10px;
}

/* MAIN LAYOUT DIVS--------------------------------------------------------- */

#tdo-header,#tdo-container,#tdo-footer,div.mainheader {
   width: 100%;
   /* padding-top: 10px;   6/30/20  */
   margin: 0 auto 0 auto;
   display: block;
}
#tdo-header{	padding-top:0px;	height:0px;}
#tdo-footer div {margin-left: 20%; text-align: center;}
#tdo-pagewrapper {background-color: rgba(255, 255, 255, 0.65);}
#tdo-mainbody {float: left; overflow: hidden; }  /* padding-top: 2px;} 6/30/20 }
#tdo-pagewrapper {
   width: 100%;
   margin: 0 auto 10px auto;
   display: block;
}
/*  Changed 6/30/20
#tdo-container {
   background-color: #FFFFFF;
} */
#tdo-mainbody {
   width: 100%;
}

/* MENU COLUMN----------------------------------------------------------- */

.tdo-menu-wrapper {
   width: 250px;
   height: auto;
   margin: 0;
   padding-right: 2px;
   float: left;
   position: relative;
}
.tdo-menu-content {
   position: relative;
   width: 100%;
   background-color: #fefefe !important;
   border: 1px solid #f0f0f0;
   border-radius: 5px;
}
.tdo-menuitem-homepage {
   display: none !important;
}
img.tdologo {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 17px;
   margin-top: 10px;
}

/* PRIMARY COLUMN--------------------------------------------------------- */

.tdo-content-wrapper {
   float: right;
   width: 77%;
}
#tdo-content-container {
   padding: 0 12px 0 12px;
}
#tdo-content {
   clear: both;
   display: block;
   float: left;
   position: relative;
}
/*common style for column*/
/* COLLAPSIBLE LAYOUT--------------------------------------------------------- */
#tdo-topborder {background: url(../images/hti5-thingrayborder.png); height: 5px;background-repeat: repeat-x; font-size: 0px; border: none;}
#tdo-footerwrap { width: 90% !important;  }

.tdo-contentheading h1, h2, h3, h4 { line-height: 1.0; }
.tdo-contentheading { margin: 0; padding-top: 0px; padding-bottom: 5px; font-size: 32px; color:#515151; font-weight: bold;}
/*  Inserted 6/30/20 for new NAWCC Style  */
.tdo-contentheading {
   background-image:url('https://www.nawcc.org/wp-content/uploads/2020/01/watch-repair.jpg');
   background-position: 50%;
   background-size: cover;
   background-color: red;
   font-size: 40px;
   color: #fff;
   font-weight: 300;
   text-align: center;
   filter: grayscale(1);
   padding-top: 20px;
   padding-bottom: 20px;
}


ul.htiul {list-style:none; padding-left: 10px;}
ul.htiul li {text-align:left; text-indent: -10px; color: #686868; font-size:14px; font-weight:normal; line-height: 140%; margin-top: 4px; text-transform: none;}
ul.htiul li a {cursor: pointer; text-decoration: underline;}
ul.htiul li a {color: #004d88 !important; text-transform: none;}
/* ul.htiul li a:link, li a:visited {color: #2c5a9a !important;} */
ul.htiul li a:hover {color: #4080c0 !important;}
li.htilisection {color:#06465c !important; font-size:20px !important;font-weight:700 !important; line-height: 150% !important; margin-top: 20px !important; text-transform: uppercase;}
ul.htiul li.htilisubsection {text-indent:-14px !important; color:#06365c !important; font-size:16px !important; list-style: none !important;font-weight:bold !important; line-height: 180% !important; margin-top: 8px !important; }
ul.htiul li.htiliseealsobeg {padding-left: 50px; color: #282828 !important; margin-bottom: 4px !important;font-style: italic; font-size: 13px;}
ul.htiul li.htiliseealsobeg a:link, li.htiliseealsobeg a:visited {text-decoration: underline !important;}
ul.htiul li.htiliseealsobeg a:hover {color: #7c7aaa;}
ul.htiul li.htiliseealsoend {padding-left: 50px;  color: #202020 !important; margin-top: 8px !important; font-style: italic; font-size: 13px; text-transform: none;}
ul.htiul li.htiliseealsoend a:link, li.htiliseealsoend a:visited {text-decoration: underline !important;}
ul.htiul li.htiliseealsoend a:hover {color: #7c7aaa;}
li.htiliindent1 {text-indent: 13px !important;}

h3.tdologo {display: block; text-align: center; color: #666666; font-size: 18px;}
h3.tdologo a {text-decoration: none;}
div.tdologo {margin: 0px; padding-top: 10px;padding-bottom: 7px; padding-left: 0px; padding-right: 0px;}

/*
a.htisilbutton {
   border-top-color: #C0C0C0;
   border-right-color: #909090;
   border-bottom-color:#606060;
   border-left-color: #C0C0C0;
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   box-shadow: #B4B5B5 3px 2px 2px  ;
   border-radius: 4px;
   font-size:11px;
   font-weight: bold;
   padding: 4px 12px 4px 12px;
   text-decoration:none;
   display:inline-block;
   text-shadow: 2px 2px 0 rgba(234,234,234,0.3);
   color: #515151 !important;
   background-color: #F0F0F0;
   background: linear-gradient(to bottom, rgba(224,224,224,1), rgba(243,243,243,1),rgba(243,243,243,1), rgba(243,243,243,1), rgba(224,224,224,1));
   margin-right: 7px;
   margin-bottom: 1px;
}

a.htisilbutton:hover {
   background-color: #F0F0F0;
   background: linear-gradient(to bottom, rgba(224,224,224,1), rgba(250,250,250,1), rgba(250,250,250,1), rgba(250,250,250,1), rgba(224,224,224,1));
   color: #303030 !important;
   box-shadow: #D8D8D8 3px 2px 2px  ;
}
a.htisilbutton:active {
   background-color: #FFFFFF;
   background: linear-gradient(to bottom, rgba(232,232,232,1), rgba(257,257,257,1), rgba(257,257,257,1), rgba(257,257,257,1), rgba(232,232,232,1));
   color: #606060 !important;
   box-shadow: #C0C0C0 3px 2px 2px  ;
}
*/

a.htisilbutton, a.htisilbutton:visited {
   border-width: 0;
   border-style: none;
   border-radius: 1px;
   font-size:12px;
   font-weight: 500;
   padding: 4px 12px 4px 12px;
   text-decoration:none;
   display:inline-block;
   color: #ffffff !important;
   background-color: #004b85;
   margin-right: 4px;
   margin-bottom: 1px;
   text-transform: uppercase;
}

a.htisilbutton:hover {
   background-color: #06365c;
}
a.htisilbutton:active {
}



/* 6/30/20  */

/* div.htih2 {padding-top: 5px; padding-right: 15px; color: #383838; font-size: 14px !important; font-weight: bold;} */
h3.htih3 a {text-decoration: none;}
h3.htih3 a:link, h3.htih3 a:visited {text-decoration: none;}
h3.htih3 a:hover {text-decoration: none;}
td.sugg {text-align:left; color:#0000A0; font-size:11px; font-weight:normal; border-width: 1px; border-style: solid; padding: 3px; border-color: #000060; text-align: center;}
td.sugg a {color:#0000FF; font-size:11px; font-weight:normal; text-decoration: underline; }
td.sugg a:link {color: #0000FF; text-decoration: underline; }
td.sugg a:visited {color: #0000FF; text-decoration: underline;}
td.sugg a:hover {color: #0000C8;}
td.suggh {text-align:left; font-size:12px; font-weight:normal;  border-width: 1px; border-style: solid; padding: 3px; border-color: #000060;}
th.suggt {text-align:center; font-size:18px; font-weight: bold; }
.sugg-dropdown {
   vertical-align: middle;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   height: 19px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-top: 10px;
}
.sugg-textarea {
   font-size: 13px;
}
.htitext {text-align:left; color: #686868; font-size:14px; font-weight:normal; line-height: 130%; margin: 1em 0;}

#tdo-bottom {margin: 40px;}

span.errortext {color:#B00000; font-size: 16px; font-weight:bold; text-align: center;}
span.tdos-searchhti {font-size: 14px; vertical-align: top; color: #06365c; }
hr.tdos-searchhti {height: 1px; border-width:0; color: #90b0e0; background-color: #90b0e0; margin-top: 6px; margin-bottom: 6px;}
h2.tdos-searchhti {color: #515151 !important; text-decoration: none; padding-top: 20px; padding-bottom: 5px; padding-left: 0px; text-indent: -10px; font-size: 24px !important; margin-top: 0px; margin-bottom: 0px; }
h2.tdos-searchhti a {color: #337ab7 !important; text-decoration: underline; padding-top: 20px; padding-bottom: 5px; padding-left: 0px; text-indent: 1px; font-weight: bold; }
h2.tdos-searchhti a:hover {color: #004d88 !important;}
input.tdos-searchhti {
   width: 200px;
   height: 1.5em;
   padding: 4px 1px 4px 0px;
   font-size: 13px;
   margin: 0px;
   display: inline;
   line-height: normal;

}
input.tdos-searchhti:focus {
   outline: none !important;
   border-color: #90b0e0 !important;
   box-shadow: 0 0 8px #90b0e0 !important;

}
textarea.tdos-searchhti:focus {
   outline: none !important;
   border-color: #90b0e0 !important;
   box-shadow: 0 0 8px #90b0e0 !important   ;

}
.tdos-searchcheckbox {

   font-size: 14px;
   color: #515151;
}

span.textvideo {
   color: #004d88;
   font-weight: bold;
   font-style: italic;
   padding-left: 5px;
   font-size: 13px;
}
td.tdo-NAWCCFooter {color: #ffffff;}
td.tdo-NAWCCFooter a {color: #ffffff !important;}
#hti5-homepg-img {float: left; margin-right: 10px; margin-bottom: 5px;}
#hti5-homepg-text {font-size: 16px;}

#tdo-pageMainstage {
   width: 100%;
   max-width: none;
   position: relative;
   margin-left: auto;
   margin-right: auto;
}
#tdo-mainstageBG {
  height: auto;
  bottom: 0;
  filter: grayscale(100%);
  width: 100%;
  background-position: 50%;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#tdo-mainstageOverlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
}
#tdo-mainstageBG #tdo-mainstageOverlay {
    width: 100%;
    max-width: none; }

div.htih1 {border-width: 2px; border-color: red;color: #ffffff; position: relative; text-align: center; margin-left: auto; margin-right: auto; font-size: 40px !important; font-weight: 300; line-height: 40px; padding-left: 10px; padding-right: 10px;}
div.htih2 {border-width: 2px; border-color: red;color: #ffffff; position: relative; text-align: center; margin-left: auto; margin-right: auto; font-size: 20px !important; font-weight: 300; padding-top:2px;  padding-left: 10px; padding-right: 10px;}
div.htihoutsidepadding {padding-top: 6px; padding-bottom: 6px; }

a.BMD{
	position: relative;
	display: inline;
	font-size: 100%;
	font-weight: 600;
}
ul.htiul li a.BMD {color: #0054a0 !important; }  /* brighten up the link color because it looks darker when bold */
a.BMD:after{
	display: block;
	visibility: hidden;
	position: absolute;
	bottom: 0;
	left: 80%;
	opacity: 0;
	content: "Listed in the NAWCC Business Directory";
	height: auto;
	min-width: 185px;
	padding: 0 5px 0 15px;
	z-index: 999;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: rgba(64,130,215,0.9);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 90%;
	font-weight: 400;
	font-style: italic;
	white-space: nowrap;
}
 
a.BMD:before {  /* arrow  */
	position: absolute;
	visibility: hidden;
	width: 0;
	height: 0;
	left: 90%;
	bottom: 0px;
	opacity: 0;
	content: "";
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: rgba(64,130,215,0.9) transparent transparent transparent;
}
a.BMD:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
a.BMD:hover:before{ visibility: visible; opacity: 1; bottom: 14px; }

/* tips on bottom */
/*
a.BMD.bottom:after { bottom: auto; top: 0; }
a.BMD.bottom:hover:after { top: 28px; }
a.BMD.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0,0,0,0.85) transparent;
  top: 0px
}
a.BMD.bottom:hover:before { top: 20px; }

*/



/*.footer a a:visited a:hover {color: #ffffff;}
.footer a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
} 
.header #topheader a {color: #fff;}
.header #topheader a:hover {color: #b1b1b1;}
.header #topHeader .wrap .nav > li > a {
            display: inline-block;
            padding: 0 5px;
            text-decoration: none;
            color: #fff; }
.header #topHeader .wrap .nav > li > a:hover, .header #topHeader .wrap .nav > li > a:focus {
              color: #b1b1b1; }
              */