/*global Settings*/
html { background-color: #e1e1e1; }
body { background-image: url('/Images/bg.jpg'); background-color: #365073; background-repeat: repeat-x; color:#000; font-family: arial,helvetica,clean,sans-serif; font-size: 80%; margin: auto; width: 770px; }

/*float correction*/
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*text replacement*/
.replaced { background-position: 0 0; background-repeat: no-repeat; display: inline-block; display: -moz-inline-stack; vertical-align: text-top; zoom: 1; }
.replaced span { cursor: pointer; display: block; overflow: hidden; text-indent: -9999px; }

/*horizontal lists*/
.inlinelist, .inlinelist li{ display:inline; }

.logo { background: transparent url('/Images/logo.gif') top left no-repeat; float: left; height: 54px; margin: 30px 0 0 60px; width: 166px; }
.search { background: transparent url('/Images/search-box.png') top left no-repeat; float: right; height: 21px; margin: 20px 10px 0 0; width: 141px; }
.search-input { border: 0; float: left; font-size: 77%; margin: 3px 3px 3px 20px; width: 65%; }
.search-btn { border: 0; cursor: pointer; float: right; height: 13px; margin: 4px 4px 0 0; padding: 0; width: 13px; }
.menu { color: #fff; height: 34px; margin-top: 5px; width: 100%; }
.menu ul { float: left; width: 100%; }
.menu li { float: left; line-height: 90%; text-align: center; width: 14.2%; }
.menu a:link, .menu a:active, .menu a:visited { color: #fff; text-decoration: none; }
.menu a:hover { color: #fe8f00; font-weight: normal; text-decoration: none; }
.section { width: 100%; }
.sidebar { float: left; width: 182px; color: #fff;  }
.content { float: left; width: 586px; background-color: #fff; background-image: url('/Images/content.png'); background-position: top; background-repeat:no-repeat;  }
.contentmargin { padding: 15px; }
.footer { background: url('/Images/footer.jpg') top left repeat-x; text-align: center; width: 100%; }
.footer .footer-logo { background: url('/Images/footer-logo.jpg') bottom center no-repeat; display: block; height: 48px; margin: auto; padding-bottom: 14px; width: 202px; }
.footer p { color: #000; font-style:italic; font-weight: bold; padding-top: 10px; font-size:85%;}

/*homepage specific settings */
.homepage .sidebar { display: none; float: none; }
.homepage .content { float: none; width: 100%; }
.homepage .contentmargin { padding: 0; }
.homepage .splash { background: url('/Images/home-splash.jpg') top left no-repeat; height: 395px; width: 100%; }
.homepage .featured { color: #fe8f00; margin-top: 40px; }
.homepage .featured a { color: #fe8f00; text-decoration: none; }
.homepage .featured div { float: left; height: 180px; padding-top: 10px; }
.homepage .featured div .whereweare { background: transparent url('/Images/whereweare.gif') top left no-repeat; height: 169px; width: 295px; }
.homepage .featured div ul { margin-left: 40px; width: 150px; }
.homepage .featured div ul li { margin-bottom: 10px; }
.homepage .featured .column1, .homepage .featured .column3 { width: 235px; }


.noborder
{
    border-style: none; border-width: 0px; border-collapse: collapse;
}
.roll-over
{
    /* placeholder for a css class only used in jQuery */
}
.sectionHeader
{
	color: rgb(0, 0, 102); 
	font-size: large;
}
.bodyText
{
	padding: 15px;
}
.leftNavText
{

}
.leftNavHeader
{
	font-weight: bolder;
	color: #FFFFFF;
	font-size: 10pt;
	padding-left: 5px;
}
a.leftNavLink:link, a.leftNavLink:visited, a.leftNavLink:active
{
	color: #CCCCCC;
    text-decoration: none;
    font-weight: normal;
    padding-left: 5px;
    display: block;
}
a.leftNavLink:hover
{
	color: White;
    text-decoration: none;
    font-weight: normal;
    padding-left: 5px;
    display: block;
}
.innerTbl
{
	background-color: #000066; 
}
a.innerTblLink:link, a.innerTblLink:visited, a.innerTblLink:active
    {
        color: #CCCCCC;
        text-decoration: none;
        font-weight: normal;
        font-size: larger;
    }
    a.innerTblLink:hover
    {
        color: White;
        text-decoration: none;
        font-weight: normal;
        font-size: larger;
    }
.innerTblDiv
{
	float: left;
	width: 220px;
}
.innerTblHeader
{
	color: white; 
	font-size: larger; 
	font-weight: bold;
}
.innerTblBody
{
	background-color: rgb(52, 81, 115);
	text-align: left;
}
H1
{
    color: #000066;
    text-align: center;
    font-size: x-large;
}
H2
{
    color: #345173;
    text-align: center;
    font-size: large;
}
H3
{
    color: #000000;
    text-align: center;
    font-size: medium;
}
H4
{
    color: #345173;
    text-align: center;
    font-size: small;
}
Table, tr, thead, th, td
{
    caption-side: top;
    border: thin solid #345173;
    padding: 3px;
    margin: 3px;
    border-collapse: collapse;
}
caption
{
    background-color: #000066;
    color: White;
    font-weight: bold;
    vertical-align: baseline;
    border: medium solid #000066;
}
thead, th
{
    background-color: #345173;
    color: #000000;
    vertical-align: bottom;
    text-align: center;
}
td
{
    vertical-align: top;
}
.productinfo
{
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 9pt;
}
td.productinfo ul
{
    margin-left: 16px;
}
.taglinetext
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
}

a:link, a:active, a:visited
{
  color: #3333FF;
  text-decoration: underline;
}
a:hover
{
    text-decoration: none;
    color: #345173;
    font-weight: normal;
}

a.left-navlink:link  
{
  padding-left: 5px;
  color: #CCCCCC;
  font-family: tahoma, arial, helvetica, sans-serif;
  
  font-size: 9pt;
}
a.left-navlink:visited
{
  padding-left: 5px;
  color: #CCCCCC;
  font-family: tahoma, arial, helvetica, sans-serif;
  
  font-size: 9pt;
}
a.left-navlink:hover
{
  padding-left: 5px;
  text-decoration: none;
  color:#FFFFFF;
}
a.left-navlink:active
{
  padding-left: 5px;
}


a.right-navlink:link  
{
  margin-left: 5px;
  color: #CCCCCC;
  font-family: arial, helvetica, sans-serif;
  font-style: normal;
  font-size: 9pt;
  display: block;
  
  
}
a.right-navlink:visited
{
  margin-left: 5px;
  color: #CCCCCC;
  font-family: arial, helvetica, sans-serif;
  font-style: normal;
  font-size: 9pt;
  display: block;
}
a.right-navlink:hover
{
  
  text-decoration: none;
  color:#FFFFFF;
  display: block;
  
}
a.right-navlink:active
{
  display: block;
}
.rightNavItem
{
	margin-left: 5px;
	height: 35px;
	width:auto;
}
.newslinks
{
  font-family:tahoma, arial, helvetica, sans-serif;
  font-size: 9pt;
}
.productmast
{
  padding-right: 20px;
  text-align: right;
}

/* b2i News Headline CSS classes */
.b2iSmartWireTable
{
  width: 170px;
    border: 0px none #345173;
}
.b2iSmartWireDateText
{
  color:#FFFFFF;
  font-weight: bold;
  padding-left: 5px;
}
.b2iSmartWireDateCell
{
    border: 0px none #345173;
}
.b2iSmartWireHeadlineCell a:link,.b2iSmartWireHeadlineCell a:visited
{
  color: #CCCCCC;
  text-decoration: none;
}
.b2iSmartWireHeadlineCell a:hover
{
  color:#CCCCCC;
  text-decoration: underline;
}
.b2iSmartWireHeadlineCell
{
  padding-bottom:10px;
  padding-left: 5px;
    border: 0px none #345173;
}
td.menuitem
{
    border-bottom: none;
    border-top: none;
    border-left: solid thin Black;
    border-right: solid thin Black;
    background-color: #345173;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    empty-cells: show;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    background-image: url('file:////Images/menu_gradient.png');
    background-repeat: repeat-x;
}
td.menuitem_hover
{
    border-bottom: none;
    border-top: none;
    border-left: solid thin Black;
    border-right: solid thin Black;
    background-color: #336699;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    empty-cells: show;
}
a.menuitem:link, a.menuitem:active, a.menuitem:visited
{
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}
a.menuitem:hover
{
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: bold;
}
input[type=text]
{
    background-color: #FFFFCC;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 8pt;
}
select
{
    background-color: #FFFFCC;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 8pt;
}
textarea
{
    background-color: #FFFFCC;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 8pt;
}
.modalBackground
{
    border: medium solid #33CCCC;
    background-color: #E9E9E9;
    /*filter: alpha(opacity=70);
    opacity: 0.7;*/
}
label.required:after
{
    content: "*";
    font-weight: bold;
}
label.required
{
    color: red;
}