/* ---------- Global default settings ---------- */

* {
	vertical-align: bottom;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}
html, body /* needed to resolve IE6 fixed positioning */
{
    height: 100%;
}

body {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: normal;
  color: #303030;
  margin: 0px;
  padding: 0px;
}

p {
  font-size: small;
  padding: 6px;
  margin: 0px 0px 5px 0px;
}

a {
  color: #0070AF;
  text-decoration: none;
  font-weight: normal;
}

#fire a { color: #EE1F24; }

a:hover {
  text-decoration: underline;
}

/* ---------- Heading styles ---------- */

/* Bold, Blue, Caps */
.heading1 {
  text-transform: uppercase;
  color: #0070AF;
  font-weight: bold;
  font-size: small;
  padding-bottom: 5px;
}

#fire .heading1 { color: #EE1F24; }

/* Grey */
.heading2 {
  color: #A0A0A0;
  font-size: small;
}

/* Large, Blue, Caps */
.heading3 {
  background: #ffffff;
  text-transform: uppercase;
  color: #0070AF;
  font-weight: normal;
  font-size: large;
  padding-bottom: 5px;
}

/* Dark, Bold, Caps */
.heading4 {
  background: #ffffff;
  text-transform: uppercase;
  color: #333;
  font-weight: bold;
  font-size: normal;
}

#fire .heading3 { color: #EE1F24; }

/* ---------- Standard page layout and heading elements ---------- */

#content {
  background: white;
  width: 800px;
  margin: 0 auto; 
}

a.sidelink { color: #303030; }

a.sidelink:hover { color: #0070AF; }

a.headlink { color: #fff; text-decoration: underline; }

#fire a.sidelink { color: #303030; }

#fire a.sidelink:hover { color: #EE1F24; }

.logocell {
  font-size: small;
  padding: 15px;
  vertical-align: top;
  text-align: center;
  border-bottom: solid 1px #fff;
}

.tagline {
   padding: 20px 0px 30px 0px;
   font-size: x-small;
   color: #0070AF;
   text-decoration: none;
   font-weight: bold;
}

#fire .tagline { color: #EE1F24; }

.usercell {
  font-size: small;
  vertical-align: middle;
  padding-left: 10px;
  text-align: left;
  border-bottom: solid 1px #fff;
}

.maincontentcell {
  font-size: normal;
  vertical-align: top;
  text-align: left;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
}

.maincontentdiv {
  font-size: small;
  padding: 20px;
}

.headingdiv {
  font-size: small;
  background: #221E1F;
  padding: 10px 10px 10px 10px;
  vertical-align: top;
  text-align: left;
  border-bottom: solid 1px #fff;
}

.pageheading {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: normal;
  font-weight: bold;
  color: #fff;
}

.headtext {
  color: white;
}

.smalltext {
  color: #999999;
  font-size: x-small;
}

.footer {
  padding: 15px; 5px 5px 5px;
  color: #999999;
  font-size: x-small;
  clear: both;
  text-align: center;
}

.footer a { color: #999999; }

#fire .footer a { color: #999999; }

/* ---------- Right-hand Sidebar ---------- */

.sidebarcell {
  font-size: normal;
  vertical-align: top;
  text-align: left;
  background: #E9E8EF;
}

.sidebar1 {
  font-size: small;
  color: white;
  background: #221E1F;
  padding: 8px 10px 8px 10px;
  text-transform: uppercase;
}

.sidebar2 {
  font-size: small;
  color: #303030;
  background: #E9E8EF;
  padding: 8px 10px 8px 10px;
}


/* ---------- List Style ---------- */

#list li {
  font-size: large;
  font-weight: bold;
  color: #221E1F;
}

#list li li {
  font-size: small;
  font-weight: bold;
  margin-left: 40px;
}

#list li li li {
  font-size: small;
}


/* ---------- Drop-up Menus ---------- */
.menutable
{
	margin: 0 auto; 
}
.menutable, .menutable TD, .menutable TH {
  background-color:#221E1F;
  color:white;
}
.menutable TD.headleftcell {
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  z-index: 100;
}

/* ----- Drop-up link formatting ----- */
#menu a {
  font-size: x-small;
  font-weight: normal;
  text-decoration: none;
  padding: 2px;
  color: #ffffff;
  display: block;
  width: 82px;
  text-decoration: none;
}

#menu a:hover {
  color: #0095DA;
  background: #524E4F;
}

#fire #menu a:hover {
  color: #EE1F24;
  background: #322E2F;
}

#menu ul {
  padding: 0px;
  list-style-type:none;
  line-height: 20px;
}

#menu li {
  float: left;          /* force top-level items to be shown horizontally              */
  text-align: center;   /* top-level items are centered, sub-levels are left justified */
  padding: 0x;
  width: 86px;
  border-right: solid 1px #fff;
  position: relative;
}

#menu li.rightmost {
  border-right: none;
  width: 90px;
}
  #menu li.rightmost a {
    border-right: none;
    width: 86px;
  }

#menu li.leftmost {
  border-left: solid 1px #fff;
}

#menu ul ul {
  padding: 0px;
  position: absolute;   /* absolutely positioned, but relative to its parent */
  bottom: 24px;         /* sub-menus should sit above the top-level menu     */
  width: 86px;
  left: -999em;         /* initially hide sub-menus off screen               */
}

#menu ul ul ul {
  bottom: 0px;        /* sub-sub-menus should sit at the same level as sub-menus  */
}

#menu ul ul li {
  position: relative;
  text-align: left;
  border-right: solid 1px #fff;
  border-left: solid 1px #fff;
  background: #423E3F;
}

/* when hovering over a top-level menu item, hide sub-sub-menu */
#menu li:hover ul ul, #menu li.menuhover ul ul {
  left: -999em;
}

/* when hovering over a top-level menu item, show sub-menu directly above */
#menu li:hover ul, #menu li.menuhover ul {
  left: -1px;
}

/* when hovering over a sub-menu item, show sub-sub menu to the right */
#menu li li:hover ul, #menu li li.menuhover ul {
  left: 86px;
}

#proddata .cabletype {
  padding: 2px;
}

#proddata td.option {
  vertical-align: middle;
  text-align: center;
  padding-right: 4px;
  padding-left: 4px;
  white-space: nowrap;
}
.summaryrow {
  display: none;
}

.prodsumtable {
  border-spacing: 0px ;
  border-collapse: collapse ;
}

.prodsumtable td {
  overflow: hidden;
}

.prodsumhead {
  font-size: large;
  background: #221E1F;
  color: #fff;
  text-align: center;
  vertical-align: top;
  padding: 3px;
  border-bottom: solid 1px #888;
}

.prodsumhead img {
  float: right;
  vertical-align: middle;
  padding-top: 1px;
  padding-right: 1px;
  padding-left: 2px;
}

.prodsumhead img.icon {
  float: none;
  vertical-align: middle;
  padding: 2px 5px 3px 5px;
}

.prodsumhead2 {
  padding: 3px;
  border-bottom: solid 1px #888;
  background: #fff;
}

.prodsumhead3 {
  padding: 3px;
  border-bottom: solid 1px #888;
  border-right: solid 1px #888;
}

.prodsumhead2 img, .prodsumhead3 img {
  display: inline;
  padding: 1px 3px 1px 3px;
}

.psl {
  background: #221E1F;
  color: #fff;
  text-align: right;
  padding: 5px 5px 5px 15px;
  border-bottom: solid 1px #888;
  vertical-align: middle;
  white-space: nowrap;
}

.psl2 {
  background: #221E1F;
  color: #0070AF;
  text-align: right;
  padding: 5px 5px 5px 15px;
  border-bottom: solid 1px #888;
  vertical-align: middle;
  white-space: nowrap;
}

#fire .psl2 { color: #EE1F24; }

.psr {
  background: #E9E8EF;
  color: #303030;
  text-align: left;
  padding: 5px 10px 5px 5px;
  border-bottom: solid 1px #888;
  border-right: solid 1px #888;
  vertical-align: middle;
}

/* ---------- Product page layout ---------- */

.prodnav {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: small;
  overflow: auto;
  width: 100%;
}

.prodnav a, #fire .prodnav a {
  color: #fff;
  text-decoration: none;
}

.prodnav ul {
  list-style: none;
}

.prodnav li {
  float: left;
  border-right: 1px solid #808080;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  width: 139px;
  text-align: center;
  padding: 2px;
  background: #221e1f;
}

.prodnav #leftcell, .prodnav #leftcellsel {
  border-left: 1px solid #808080;
  width: 141px;
}

.prodnav #leftcellsel, .prodnav #sel {
  background: #0070af;
}

#fire .prodnav #leftcellsel, #fire .prodnav #sel {
  background: #bb0f14;
}

.prodnav li:hover, .prodnav li.navbyhover {
  background: #524e4f;
}

#fire .prodnav li:hover, #fire .prodnav li.navbyhover {
  background: #524e4f;
}

.prodnav li:hover a, .prodnav li.navbyhover a {
  color: #0095da;
}

#fire .prodnav li:hover a, #fire .prodnav li.navbyhover a {
  color: #ee1f24;
}


.prodmenu {
  float: left;
  width: 150px;
  padding: 20px 10px 10px 0px;
  font-size: small;
}

.prodmenu img {
  margin: 1px 5px 5px 5px;
}

.prodmenu ul {
  border: 1px solid #888;
  /*display: block; */
  list-style: none;
}

.prodmenu li a, #fire .prodmenu li a {
  color: #fff;
  text-decoration: none;
  line-height: 23px;
  vertical-align: middle;
}

.prodmenu li li a, #fire .prodmenu li li a {
  color: #303030;
}

.prodmenu li {
  background: #221e1f url(/images/prodmenubg1.jpg) repeat-x top left;
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 0px;
}

.prodmenu li li {
  padding: 2px;
  background: #fff;
}

.prodmenu li.prodmenuhover, .prodmenu li:hover {
  background: #221e1f url(/images/prodmenubg2.jpg) repeat-x top left;
}

.prodmenu li li.prodmenuhover, .prodmenu li li:hover {
  background: #C9C8CF;
}

.prodmenu ul ul {
  border: none;
  font-size: x-small;
  /*display: none;*/
  background: #FFFFFF;
}

.prodtext {
  width: 395px;
  float: right;
  font-size: small;
  text-align: left;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border-left: solid 1px #000;
}

.compare {
  font-size: small;
  text-align: left;
  margin-top: 10px;
  padding: 5px 5px 10px 0px;
}


/* ---------- Page-specific ---------- */


/* News */
.news {
  font-size: normal;
  text-decoration: none;
  padding: 1px;
  color: #000040;
}

.news:hover {
  color: #ffffff;
  background: #000040;
  padding: 0px;
  border: solid 1px #ffffff;
}

/* FAQs */
.faqmain {
  font-size: large;
  text-decoration: none;
}

/* Case Studies */
table.casestudy {
  background: #E9E8Ef;
  border: 1px solid #221E1F;
}

table.casestudy td { padding: 3px; font-size: normal; }

table.casestudy thead {
  background: #221E1F;
  color: #fff;
  font-weight: bold;
}

table.casestudy tbody {
  background: #E9E8EF;
  color: #333;
}

table.casestudy a{
    color: #0095DA;
}

table.casestudy a img{
    border: 0px;
}

/* ---------- Miscellaneous ----------*/

.noDisplay { display: none; }

/* eliminate line breaks with form tags */
form {margin: 0px; padding: 0px;  }

applet.boxed, img.boxed { border: solid 1px #aaa; }

a.wizard {
  line-height: 25px;
  font-weight: bold;
}

#cookie a{ padding-left: 10px; }

.date{ padding: 20px; }

/* ---------- Disclaimer styles ---------- */
#disclaimer{
	background: #E9E8EF;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
	width: 400px;
	padding: 20px;
	margin-top: 20px;
	border: 1px solid #DADADA;
}
	#disclaimer div{
		padding-top: 20px;
	}
	#disclaimer span{
		padding-left: 100px;
	}


/* ---------- Error styles ---------- */

.error{
	color: #F00;
}
.error h3 {
	font-style: italic;
	font-size: small;
	font-weight: bold;
}
.error p {
	padding: 2px 0 2px 0;
}