/*
dark grey header bg: 717172
topnav red bottom border: C43E3B
*/

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 11px;
	background: white url(/res/images/header_bg.gif) repeat-x ;
}

body, p, td, th,li, span, h1, h2, h3 {
	color: #0A284C;
  font-size: 11px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

p,h1,h2,h3 { margin: 0px; padding: 0px; }
h1 { font-size: 125%; }
h2 { font-size: 110%; }
h3 { font-size: 100%; }
table { margin: 0px; padding: 0px; }

table.Training { margin-bottom: 1em; border: 1px solid #000; }
table.Training tr th { padding: .25em 1em; }
table.Training tr td { padding: 0 1em;  }
table.Form tr td { vertical-align: top; padding-bottom: 1em;}
table.Form tr th { vertical-align: top; padding-right: 1em; }
table.Form input { font-size: 90%; margin: .25em 0px; }
table.Form input.Text {  width: 30em; }
form { padding: 0px; margin: 0px; }

a, a:link, a:visited, a:hover { color: #0A284C;}
a:hover { text-decoration: none;}
a img { border: 0px; }

.FloatRight { float: right; }

ul.HNav { list-style-type: none; padding: 0px; margin: 0px; }
ul.HNav li { float: left; display: inline; }
ul.VNav { list-style-type: none; padding: 0px; margin: 0px; }
ul.Dropdown {
  position: absolute;
  display:none;
  background-color: #717172;
  padding: 0px;
  margin: 0px;
  filter: alpha(Opacity=80);
  -moz-opacity: .8;
  opacity: .8;
}

ul.Dropdown li { display: block; float: none; list-style-type: none; margin: 0px; padding: 0px; text-indent: 0px; }
ul.List { list-style-type: none; padding: 0px; margin: 0px; }
ul.List li { line-height: 150%; }
ul.BList {  padding: 0px; margin: 0px 0px 0px 1.25em; }

div.Clear { clear: both; font-size: 0px; }
div.Centering { margin: 0px auto; }

div#Container { 
	width: 975px; 
	text-align: left; 
	margin: 0px auto;
}

div#Header {
  background-repeat: no-repeat;
  height: 112px;
  position: relative;
  z-index: 50;
  width: 965px;
}

div#Header a { margin: 0px; padding: 0px; }

div#Header img#Logo {
	margin: 0px;
	padding: 0px;
  position: absolute;
  left: 0px;
  top: 9px;
  z-index:1;
}

div#Header span#Logo {
  position: absolute;
  left: 0px;
  top: 9px;
  z-index: 75;
}

div#Header a#emailLink {
  position:   absolute;
  top:        10px;
  left:       775px;
  z-index:    60;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
}

/* Search */ 

div#Header div#Search { color: #fff; font-weight: bold; position: absolute; top: 30px; right: 0px; }
div#Header div#Search input { margin: 0px 0px 0px 3px; }
div#Header div#Search input#SearchButton { vertical-align: top; margin: 3px 0px 0px 2px; }

/* Top Nav */
div#Header div#TopNav { position: absolute; left: 0px; top: 84px; z-index: 2;}
div#Header div#TopNav { color: #FFF; }
div#Header div#TopNav ul.HNav { margin-left: 0px; }
div#Header div#TopNav ul.HNav li { position: relative; border-left: 2px solid #fff;}
div#Header div#TopNav ul.HNav li a { line-height: 16px; text-decoration: none; padding: 1px 14px 3px 14px; color: #FFF; font-weight: bold; }
div#Header div#TopNav ul.HNav li a:hover { background-color: #717172; }
div#Header div#TopNav ul.HNav li.Selected a { color: #FFF; }
div#Header div#TopNav ul.HNav li.First   { padding-left: 0px; border: none; }
div#Header div#TopNav ul.HNav li.First a { padding-left: 0px; }


/* Dropdown Nav Styles */

div#Header div#TopNav ul.HNav li ul.Dropdown  { 
	border-top: 2px solid #fdfdfe;
  display: none;
  position: absolute; 
  top: 16px;
  left: 0em;
  }

div#Header div#TopNav ul.HNav li ul#AboutDrop.Dropdown  { 
	width: 102px;
}

div#Header div#TopNav ul.HNav li ul#ProductsDrop.Dropdown  { 
  width: 250px;
}

div#Header div#TopNav ul.HNav li ul#NewsDrop.Dropdown  { 
  width: 143px;
}

div#Header div#TopNav ul.HNav li ul#ResourcesDrop.Dropdown  { 
  width: 200px;
}

div#Header div#TopNav ul.HNav li ul.Dropdown li { border: none; padding: 3px 0px 0.5em 1.5em; }
div#Header div#TopNav ul.HNav li ul.Dropdown li a:hover { background-color: #9C9C9D; } 
div#Header div#TopNav ul.HNav li > ul.Dropdown { /* top: auto; left: auto; */ }
div#Header div#TopNav ul.HNav li:hover ul.Dropdown { display: block; }
div#Header div#TopNav ul.HNav li.over ul.Dropdown {display: block; }




div#Header div#TopNav ul.HNav li.First ul.Dropdown li  { border: none; padding: 3px 0px 0.25em 1.5em; }
div#Header div#TopNav ul.HNav li.First ul.Dropdown li  a { padding: 0px 1em 0px 1em; }




/* Highlights */

div#Header div#Highlights { position: absolute; left: 0px; top: 132px; }
div#Header div#Highlights img { margin-right: 128px; }
div#Header div#Highlights img.Last { margin-right: 0px; }

/* News Table */

div#NewsTable table,div#NewsTable td,div#NewsTable th{
  border: 3px;
  border-color:#CCCCCC;
  border-style: solid;
  margin-top: 20px;
}


/* SIDEBAR */

div#Sidebar {
  float:left;
  width: 138px;
  margin: 170px 0px 0px 0px;
}

div#Sidebar ul.VNav { margin: 0px 0px 20px 0px; }
div#Sidebar ul.VNav li { line-height: 200%; text-indent: -1em; margin-left: 1em; }
div#Sidebar a { color: #0A284C; font-weight: bold; text-decoration: underline;}
div#Sidebar a:hover { text-decoration: none;}
div#Sidebar ul.VNav li ul.VNav { display: none; visibility: hidden;  margin: 0px 0px 0px 1em; }
div#Sidebar ul.VNav li ul.VNav li { font-size: 100%; }
div#Sidebar ul.VNav li ul.Open { display: block; visibility: visible;  }
div#Sidebar h2 { margin: 1em 0px 0px 0px; }
div#Sidebar p { margin: 20px;}

div#Sidebar div#LeftSideBar p {
	text-align: right;
	font-size: 19px;
	letter-spacing: -1px;
	margin: 0px 0px 10px 0px;
}

/* Email link sidebar */

div#EmailSidebar{
  float:left;
  width: 138px;
  margin: 340px 0px 0px 0px;
}


/* MAIN CONTENT STYLES */

div#MainContent {
  text-align: left;
  margin: 175px 0px 0px 175px;
  width: 570px;
  z-index: 50;
  padding-left: 3px; 
}

div#MainContent.Software {
  margin: 175px 0px 0px 155px;
  width: auto;
}

body.Popup div#MainContent { margin-left: 0px; border-left: 0px; }

div#MainContent ul.VNav li { font-size: 100%; }

div#MainContent ul.HNav li { padding: 0px 1em; border-right: 1px solid #ccc; }
div#MainContent ul.HNav li.First { padding-left: 0px;  }
div#MainContent ul.HNav li.Last { border-right: 0px; }

* html div#MainContent { padding-left: 0px; } 

div#MainContent h1 { margin: 2em 0px 1em 0px; }
div#MainContent h1.Eyebrow {font-size: 110%; margin: 0px 0px 1em; }
div#MainContent h2 { margin: 0.5em 0px 0.5em 0px; }
div#MainContent p { margin: 1.25em 0px 1em 0px; }
div#MainContent img { margin: 5px 0px; }
div#MainContent ul#ProductListing li.Category { font-weight: bold; margin-top: 1em;}
div#MainContent div#FeaturedProduct { background-color: #DBDBDC; width: 305px; }


/* MainContent Sidebar */

div#SidebarRight {
	margin: -22px 0px 0px 15px;
	float:right;
	text-align: right;
	width: 160px;
}

div#SidebarRight div#News {
	position: relative;
  text-align: left;
  background-color: #DBDBDC;
  padding: 7px 7px 7px 7px;
  margin: 0px 0px 10px 0px;
}

div#SidebarRight div#Product {
}

div#SidebarRight div#Software {
	position: relative;
  text-align: left;
  background-color: #DBDBDC;
  padding: 7px 7px 7px 7px;
  margin: 0px 0px 10px 0px;
}

div#SidebarRight div#Software a.pdf {
  background-image: url(/res/images/icon_pdf_greybg.gif);
}
div#SidebarRight div#Software a.download {
  background-image: url(/res/images/icon_download_greybg.gif);
}
div#SidebarRight div#Software a.faq {
  background-image: url(/res/images/icon_faq_greybg.gif);
  height: 20px;
}


div#SidebarRight h1 { margin-top: 1em; }
div#SidebarRight p,li { font-size: 90%; }


div#SidebarRight.Wide { width: 302px;}

div#Brands { margin: 30px 0px 0px 0px; clear: both; }
div#Brands img { margin: 0px 20px; vertical-align: middle; }
div#Brands img.First { margin-left: 0px;}
div#Brands img.Last { margin-right: 0px;}

div#Brands div.Centering { margin: 0px; }

div#Footer {
  text-align: center;
  height: 30px;
  margin-top: 35px;
  clear: left;
  float: left;
  width: 100%;
}

div#Footer ul.HNav {
	margin: 10px 0px 10px 190px;
}

div#Footer ul.HNav li {
  border-right: 1px solid #0A284C;
  padding: 0px 20px;
}

div#Footer ul.HNav li.Last { border-right: 0px; padding-right: 0px; }
div#Footer ul.HNav li.First { padding-left: 0px; }

div#Footer ul.HNav li a {
	text-decoration: none;
font-size: 9px;
line-height: 9px;
vertical-align: top;
}


/*fore Icon */
a.foreIcon {
  display: block;
  background-color: none;
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding: 0 0 3px 20px;
  margin: 0.75em 0px 0px 0px;
}
a.backIcon {
  background-color: none;
  background-repeat: no-repeat;
  background-position: 100% 0px;
  padding-right: 20px;
  height: 30px;
  white-space: nowrap;
}

a.pdfgrey {
  background-image: url(/res/images/icon_pdf_greybg.gif);
  }
a.pdf {
  background-image: url(/res/images/icon_pdf.gif);
}

a.xls {
  background-image: url(/res/images/icon_excel.gif);
  height: 20px;
}

a.zip {
  background-image: url(/res/images/icon_zip.gif);
  height: 20px;
}

a.exe {
  background-image: url(/res/images/icon_exe.gif);
  height: 20px;
}


a.download {
  background-image: url(/res/images/icon_download.gif);
}
a.faq {
  background-image: url(/res/images/icon_faq.gif);
  height: 15px;
}

