#content #outer {
  width:930px;
  margin:0px auto;
  position:relative;
}

#content #outer #results {
  position:absolute;
  top:0px;
  right:0px;
  width:290px;
  border:2px groove #808080;
}
#content #outer #results h4 {
  color:#ffffff;
  background:#222222 url(/img/products.toolstitlebkg.png) repeat-x scroll left top;
  font-size:12px;
  font-weight:bold;
  height:1.2em;
  line-height:1.2em;
  padding:4px 2px;
  margin:0px;
  text-align:center;
}
#content #outer #results dl {
  padding:5px;
  margin:0px;
  height:405px;
  font-size:12px;
  overflow:auto;
  text-align:left;
  background:#dddddd url(/img/tools.resultsbkg.png) repeat-x scroll left top;
}
#content #outer #results dl dt {
  font-weight:bold;
  background-color:#eeeeee;
  border:1px solid #dddddd;
}
#content #outer #results dl dt.heading {
  border:0px none;
  border-bottom:1px solid #000000;
  background:transparent none;
}
#content #outer #results dl dt img {
  float:right;
}
#content #outer #results dl dd {
  font-size:11px;
  margin:0px 0px 7px 10px;
}

#content #outer #results div#noscript {
  width:auto;
  height:391px;
  margin:5px;
  font-size:12px;
  padding:5px;
  background-color:#eeeeee;
  border:2px groove #808080;
}


/* ***** Fiber Optic Products Selector ***************************** */
#content #outer.fibersel #results {
  width:305px;
}
#content #outer.fibersel #results dl {
  height:400px;
}

#content #outer #fibersel {
  margin:0px auto 0px 0px;
  font-size:12px;
  background:transparent url(/img/tools.fiber-selector-layout.jpg) no-repeat scroll left top;
  height:442px;
}
#content #outer #fibersel tr td {
  padding:0px;
  text-align:left;
  vertical-align:top;
}
#content #outer #fibersel tr td ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#content #outer #fibersel tr td ul li {
  border:1px solid #cccccc;
  border-bottom:1px solid #111111;
  text-align:center;
  color:#ffffff;
  background-color:transparent;
  font-size:11px;
  cursor:pointer;
  margin:0px auto;
  line-height:1.3em; /* Fix for Opera zoom rounding */

  -webkit-transition:background-color 0.25s ease;
  -moz-transition:background-color 0.25s ease;
  -ms-transition:background-color 0.25s ease;
  -o-transition:background-color 0.25s ease;
  transition:background-color 0.25s ease;
}

#content #outer #fibersel tr td.blue {
  vertical-align:top;
  width:145px;
}
#content #outer #fibersel tr td.blue ul {
  margin-top:16px;
}
#content #outer #fibersel tr td.blue ul.first {
  margin-top:9px;
}
#content #outer #fibersel tr td.blue ul li {
  width:82px;
  border-left:1px solid #888EDA;
  border-right:1px solid #888EDA;
  white-space:nowrap;
  margin:0px auto 0px 57px;
  padding:0px;
}
#content #outer #fibersel tr td.blue ul li.hover {
  background-color:#3E4487;
}

#content #outer #fibersel tr td.red {
  width:110px;
  padding-top:53px;
}
#content #outer #fibersel tr td.red ul li {
  width:67px;
  border-left:1px solid #e68F93;
  border-right:1px solid #e68F93;
  padding:50px 0px;
  margin:0px auto 40px 34px;
}
#content #outer #fibersel tr td.red ul li.hover {
  background-color:#ae2c3b;
}

#content #outer #fibersel tr td.grey {
  width:92px;
  padding-top:74px;
}
#content #outer #fibersel tr td.grey ul li {
  width:48px;
  border-left:1px solid #c4c5ca;
  border-right:1px solid #c4c5ca;
  padding:25px 0px;
  margin:0px auto 30px 35px;
}
#content #outer #fibersel tr td.grey ul li.hover {
  background-color:#73899f;
}

#content #outer #fibersel tr td.green {
  width:127px;
  padding-top:131px;
}
#content #outer #fibersel tr td.green ul li {
  width:63px;
  border-left:1px solid #76c76c;
  border-right:1px solid #76c76c;
  padding:20px 0px;
  margin:0px auto 30px 54px;
}
#content #outer #fibersel tr td.green ul li.hover {
  background-color:#329428;
}

#content #outer #fibersel tr td.magenta {
  width:145px;
  padding-top:191px;
}
#content #outer #fibersel tr td.magenta ul li {
  width:69px;
  border-left:1px solid #c66ab7;
  border-right:1px solid #c66ab7;
  padding:5px 0px;
  margin:0px auto 0px 33px;
}
#content #outer #fibersel tr td.magenta ul li.hover {
  background-color:#8a268c;
}

#content #outer #footer {
  position:absolute;
  top:416px;
  left:340px;
  font-size:12px;
}
#content #outer #footer a {
  font-weight:bold;
}

#content #outer.fibersel #results div#noscript {
  height:386px;
}
