:root {
  --hdlw:  #E04C10;
  --hdlw_light:  #f8dcd0;
  --white: #ffffff;
  --black: black;
  --hdlw_hoover: white;
  --hdlw_active: black;

}

h1 {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin-top:0.6em;
	margin-bottom:1.0em;
}


h2 {
	font-size:1.3em;
	color: var(--hdlw);
	margin-bottom:0.5em;
}

@media(min-width:1024px)
{ 
	h1 {
		font-size:2.0em !important;
	}
	h2 {
		font-size:1.5em !important;
	}

}


h3 {
	font-size:1.15em;
	color: black;
	margin-bottom:0.5em;
}

p {
   line-height: 1.2;
}


figcaption {
	text-align:center;
	font-weight:bold;
	padding-top:0.4em;
}

.bottom_line {
	height:0.3em;
	border-width:0.3em;
	color:var(--hdlw);
	background-color:var(--hdlw);
}

.download_image {
	margin: 10px;
	vertical-align: middle;
}

.download_image_small {
	margin: 8px;
	vertical-align: middle;
}


.hdlw_fg {
	
	color: var(--hdlw);
}

.hdlw_bg {
	
	background-color:var(--hdlw);
}

.bg_hdlw_li {
	
	background-color:var(--hdlw_light);
}



.hdlw_icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 10px;
}


.navH {
	background-color: var(--hdlw);
	border-top:3px black solid;
	border-bottom:3px black solid;
	font-size: 1.1em;
	font-weight: bold;
	height:2.2em;
	padding:0;
	margin:0;
}

.navH ul {
	background: var(--hdlw);
	text-align: center;
	list-style: none;
	position: relative;
	display:inline-block;
}

.navH ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

.navH ul li {
	float: left;
	margin-left:8px;
	margin-right:8px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.navH ul li:hover {
	background: #f8dcd0; 
	color: black;
}

.navH ul li:hover a,span {
	color: black;
}

.navH ul li span:hover {
	color: black;
}
	
.navH ul li:hover > ul {
	display: block;
}

.navH ul li a,span {
	display: block; 
	padding: 3px 0.4em;
	color: white; 
	text-decoration: none;
}


.navH ul ul {
	display: none;
	background: #f8dcd0; 
	padding: 0;
	position: absolute; top: 100%;
	border-top: 3px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	width: auto;
	margin-top: -0.0em;
}

.navH ul ul li {
	float: none; 
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	position: relative;

	margin-left:0px;
	margin-right:0px;
}

.navH ul ul li a {
	padding: 4px 10px;
	color: #fff;
}	

.navH ul ul li a:hover {
	background: #E04C10;
	color: #FFFFFF;
}


/*
 *  Vertical short banner, with context menu
 */

.smBanner {
	height:2.6em;
	background-color: var(--hdlw);
	border-bottom:3px black solid;
}

.smBanner p {
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	padding-top:0.3em;
	margin-left: 1.4em;
	text-align:	center;
}


.smBanner div {
	position: absolute;
	top:0.15em;
	left:0.3em;
}

.smBanner div img {
	padding: 0.1em;	
	width:2.2em;
	height:2.2em
}

.smBanner div:hover #navV {
  display:block;
}


/*
 *	Vertical short menu
 */

#navV {
	display: none;
	position:absolute;
	top: 2.0em;
	left: 0.1em;
	font-size: 1.15em;
	font-weight: bold;
}

#navV ul {
	background-color: var(--hdlw);
	list-style: none;
	margin:0;
	padding:0em;
	padding-left:0.3em;
	position: fixed;
	width:8em;
	border: 1px solid #000000;
}


#navV ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

#navV ul li {
	display: block; 
	padding: 0px 2px;
	color: var(--hdlw_hoover); 
}

#navV ul li a {
	display: block; 
	color: var(--hdlw_hoover); 
	text-decoration: none;
}

#navV ul li:hover a {
	color:  var(--hdlw-active);
}
	
#navV ul li:hover {
	background-color:var(--hdlw_light);
	color:  var(--hdlw-active);
}

#navV ul li:hover > ul {
	display: block;
}

#navV ul ul {
	display: none;
	background-color: var(--hdlw);
	padding: 0;
	padding-left:0.3em;
	position: absolute; 
	margin-top:-2em;
	left: 7.9em;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 11em;
}


#navV ul ul li {
	background-color: var(--hdlw);
	color: var(--hdlw_hoover);
}

#navV ul ul li a:hover {
	background-color: var(--hdlw_light);
	color:var(--hdlw_black);
}


img#movieIconTop
{
	border: none;
	margin: 8px;
	vertical-align:text-bottom;
}


/* Installer download tables */

.downloadTable {
	border-collapse: collapse;
  	background-color: #FFF2EA;
	border:4px var(--hdlw) ridge !important;
	margin-bottom:1.5em !important;
}

.downloadTable td, th {
	border: 1px black solid;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 4px;

}

.tableContactForm2 {
	background-color: #FFF2EA; 
	border-width:4px;
	border-style:ridge;
	border-color: var(--hdlw) !important;
	margin-bottom:1.2em !important;
	margin-left:0.5em !important;
	padding: 14px 4px 4px 0.5em !important;
}

.tableContactForm {
	background-color: #FFF2EA; 
	border-width:4px;
	border-style:ridge;
	border-color: var(--hdlw) !important;
	margin-bottom:1.2em !important;
	margin-left:0.5em !important;
	padding: 4px 4px 4px 0.5em !important;
}

.tableContactForm tr {
	margin-left:0.5em;
	margin-right:0.5em;
	margin-top: 5px;
}

.tableContactForm tr td {
	margin-left:0.5em;
	margin-right:0.5em;
	margin-top: 5px;
}

.tableHelp {
	background-color: #FFF2EA; 
	border-width:4px;
	border-style:ridge;
}


.tableInfoForm {
	background-color: #FFF2EA; 
	border-width:4px;
	border-style:ridge;
	border-color: var(--hdlw) !important;
	margin-bottom:1.2em !important;
	margin-left:0.5em !important;
	padding: 4px 4px 4px 0.5em !important;
}

.tableInfoForm tr {
	margin-left:0.5em;
	margin-right:0.5em;
	margin-top: 5px;
}

.tableInfoForm tr td {
	margin-left:0.5em;
	margin-right:0.5em;
	margin-top: 5px;
}

.table-fixes tr td {
	
	padding-left:0.3em !important;
	padding-right:0.3em !important;
}

.table-fixes tr td {
	
	padding-left:0.3em !important;
	padding-right:0.3em !important;
}
.tableFaq tbody tr td {
	
	padding:0.3em 0.3em 0.3em 0.3em !important;
}

.faqq 
{  	
	color: #E04C10;
}

.faqa
{
	vertical-align:top;
}



.text-red {
	color:red;
}


/* Pricing tables on the pricing page */

.tablePricing td {
	
	padding-left:0.3em !important;
	padding-right:0.3em !important;
	vertical-align: middle;
	text-align:	center;
}

.priceTable {
	
	border: 1px black solid;
	border-spacing:1px;
}

.priceTable td {
	
	border: 1px black solid;
	border-spacing:1px;
	vertical-align:middle;
	padding: 3px 3px 3px 3px;
}

.priceRow {
	background: #FFEADD;
}

.priceImage {
	
	width:32px;
	height:32px;
	margin-left:3px;
	margin-right:3px;
	vertical-align:middle;
}

.priceNum {
	text-align:right;
}


@media(max-width:768px)
{ 
	.download_image_small {
	
		margin-left:30px;
	/*	display: none; */
	}
}

/* Margins for the wide top level menu bar */
@media(max-width:768px)
{ 
	.navH ul li {
		margin-left:4px;
		margin-right:4px;
	}
}


@media(min-width:1024px)
{ 
	.navH ul li {
		margin-left:20px;
		margin-right:20px;
	}
}