/* SEM Visibility */
/* CSS by Zach von Felten */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

body   { color: #000; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; background-color: #666; text-align: center; margin: 0; padding: 0 }
/* Commonly used to style page titles. */
h1 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  text-transform: capitalize;
}
#p-content h1 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  text-transform: capitalize;
}
/* Commonly used to style section titles. */
h2 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #6e8fcf;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #6e8fcf;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #6e8fcf;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #6e8fcf;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #6e8fcf;
}
.left { float:left; }
.right { float: right; padding-top: 25px; padding-right: 50px }

#outerWrapper  { background-color: #fff; text-align: left; margin: 0 auto; border: solid 1px #666; width: 90em }
#outerWrapper #header     { font-weight: bold; font-size: 18px; line-height: 15px; background: #6c8cc9 url(../images/trailers/header-bg.gif); padding: 25px 10px 10px; border-bottom: 1px solid #666; height: 75px }
#outerWrapper #contentWrapper #leftColumn1    { background-color: #fff; float: left; padding: 10px; width: 14em }
#outerWrapper #contentWrapper #rightColumn1      { background-color: #fff; float: right; padding: 10px; width: 15em }
#outerWrapper #contentWrapper #rightContent   { margin: 0px 17em 0px 0px; padding: 10px; border-right: 1px solid #ccc }
#outerWrapper #contentWrapper #content  { margin: 0 0 0 16em; padding: 10px; border-left: 1px solid #ccc }
#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapper #footer {
  background-color: #ddd;
  border-top: solid 1px #666; 
  padding: 10px 10px 10px 10px; 
}

#breadcrumbs  { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px 0px 5px 0px; }
#breadcrumbs ul   { list-style-type: none; margin: 0px; padding: 0px 0px 5px }
#breadcrumbs ul Li   { margin: 0px; display: inline; padding: 1px 0px 0px }
#breadcrumbs ul Li a   { color: #666666; font-weight: normal; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px; padding: 0px; display: inline }
#breadcrumbs ul Li a:hover   { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; margin: 0px; padding: 0px }

#header-top-nav   { background-color: #000; padding: 4px 20px 2px 10px; border-bottom: 1px solid #666 }
#header-top-nav ul { text-align: right; margin: 0px; padding: 0px }
#header-top-nav Li  { color: white; font-weight: bold; font-size: 10px; line-height: 15px; margin: 0px; padding: 0px 4px 0px 0px; border-right: 1px solid gray; display: inline }
#header-top-nav Li a { color: white; font-weight: bold; font-size: 10px; display: inline }
#header-top-nav Li a:hover { color: white; font-weight: bold; font-size: 10px; text-decoration: underline; display: inline }

/* main menu nav */
#top-nav  { font-weight: bold; background-color: #000; margin: 0px; padding: 8px 0px 9px; border-bottom: 1px solid #666 }
#top-nav ul {font-weight: bold;  margin: 0px; padding: 0px; }
#top-nav Li  { color: white; font-weight: bold; font-size: 12px; margin: 0px; padding: 0px 4px 0px 0px; border-right: 1px solid gray; display: inline }
#top-nav Li a { color: white; font-weight: bold; font-size: 12px;  padding: 10px 12px; display: inline }
#top-nav Li a:hover { color: white; font-weight: bold; font-size: 12px; text-decoration: underline; display: inline }

/* 
#top-navcontainer { 
background-color: #000; 
float: left; 
margin: 0px; 
padding: 0px; 
width: 100% 
}
#top-navcontainer ul { 
color: #ffffff; 
font-weight: bold; 
margin: 0px;
padding: 0px 
 }
#top-navcontainer ul li  { 
margin: 0px; 
padding: 0px; 
display: inline 
}
#top-navcontainer ul li a { 
 color: #ffffff; 
 text-decoration: none; 
 background-color: #000000; 
 float: left; 
 padding: 10px 12px; 
 border-right: 1px solid gray
  }
#top-navcontainer ul li a:hover
{
background-color: #cccccc;
color: #FFFFFF;
}
*/

/* side nav */
#navcontainer {}
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a
{
display: block;
padding: 3px;
background-color: #ffffff;
border-bottom: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited
{
color: #6e8fcf;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #ddd;
}

/* table */
.main_tbl  { padding: 0px; border: solid 1px gray }
.main_tbl_header    { color: #036; font-weight: bold; font-size: 16px; text-transform: capitalize; background-color: #e3e3e3; padding: 6px; border-bottom: 1px solid gray }
.main_tbl_header_wt     { color: #036; font-weight: bold; font-size: 16px; padding: 0px }
.main_tbl_header_test    { color: #036; font-weight: bold; font-size: 16px; background-color: #e3e3e3; padding: 6px; border: solid 1px #dcdcdc }
.main_tbl_body_wt      { vertical-align: top; padding: 6px 20px 6px 0px }
.main_tbl_body     { vertical-align: top; padding: 6px }
.main_tbl_product     { text-align: center; vertical-align: top; padding: 6px }
.main_tbl_product_des      { vertical-align: top; padding: 0px 10px }
.main_tbl_light   { background-color: white; padding: 4px; width: 94px }
.main_tbl_dark   { background-color: #e3e3e3; padding: 4px; width: 94px }
.main_tbl_test     { background-color: #f0f5ff; vertical-align: top; padding: 6px 10px; border: solid 1px #f5f5f5 }
.home_tbl   { text-align: center; margin: 0px; padding: 2px 1px 10px; border: 0px }

/* splash table */
.spl_tbl  { padding: 0px; border: solid 1px gray }
.spl_tbl_main     { background-color: #708fcb; vertical-align: top; padding: 6px; border-bottom: 1px solid white }
.spl_tbl_main_bt     { background-color: #000000; vertical-align: top; padding: 6px; }
.spl_tbl_body    { vertical-align: top; padding: 6px }

/* image swap */
.left-container { float: left; }
.right-container { }
.color-box{border: 1px solid ; width: 50px; height: 50px; margin-bottom:20px; }
#blue  { background-color: rgb(51,51,255); float: left; margin-right: 15px; margin-left: 15px }
#red{background-color: rgb(255, 51, 51); float: left; margin-right: 15px; }
#purple{background-color: rgb(204, 51, 255); float: left; margin-right: 15px; }
#yellow{background-color: rgb(255, 204, 51); float: left;margin-right: 15px; }