body
{
  margin: 0;
  background: #fff;
  font-family: Arial;
  font-size: 12px;
}

p,form
{
  margin: 0;
}

img
{
  border: 0;
}

#boxRight a,a:visited
{
  color: #666666;
  text-decoration: none;
}

#boxRight a:hover
{
  color: #000000;
  text-decoration: underline;
}

.framework
{
  width: 750px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  background: #fff;
  text-align: left;
}

.filesize
{
  font-size: smaller;
  color: #666666;
}

#navRight
{
  float: right;
  margin: 10px 5px 2px 0;
  padding: 0;
  width: auto;
  text-align: right;
  font-size: 14px;
}

#navLeft
{
  margin: 7px 2px 3px 4px;
  padding: 0;
  width: auto;
  text-align: left;
}

#sbar
{
  padding: 0;
  background-color: #4E7AC8;
  height: 5px;
  border-style: none;
  margin-bottom: 20px;
}

#boxRight
{
  float: right;
  clear: right;
  padding: 0;
  width: 200px;
  margin-bottom: 15px;
}

#boxLeft
{
  float: left;
  margin: 0;
  padding: 0;
  width: 540px;
}

.bottom
{
  clear: both;
  text-align: center;
  border-top: 2px solid #ddd;
  padding-top: 3px;
  color: #777;
  font-size: 12px;
  line-height: 11px;
}

.bottom p
{
  padding-bottom: 5px;
}

p.legal
{
  clear: both;
  text-align: left;
  color: #777;
  font-size: 9px;
  padding-bottom: 5px;
}

.tm
{
  font-size: 8px;
  vertical-align: super;
}

.slotleft
{
  margin: 0 15px 0 0;
}

.slotleft .title
{
  font-size: 18px;
  font-weight: bold;
  font-family: Arial;
  color: #4E7AC8;
  border-bottom: solid 1px #4E7AC8;
  margin-top: 5px;
  clear: both;
}

.slotleft p
{
  margin-top: 5px;
}

.slotright
{
  border: 1px solid #cccccc;
  padding: 0 0 0 0;
}

.slotright .title
{
  padding: 3px 4px 3px 5px;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #999999;
  margin: 0 0 0 0;
}

.slotright p
{
  margin: 5px 10px 10px 10px;
}

.product,.pheading
{
  font-size: 15px;
  font-weight: bold;
  font-family: Arial;
  color: #F38F09;
}

.pheading
{
  padding-top: 10px;
}

.body
{
  padding-left: 10px;
}

.separator
{
  margin-left: 10px;
  border-bottom: dotted 1px #bbbbbb;
  clear: both;
}

.spacer1
{
  margin-bottom: 10px;
  clear: both
}

.spacer2
{
  margin-bottom: 15px;
  clear: both
}

.spacer3
{
  margin-bottom: 20px;
  clear: both
}

.item
{
  width: 505px;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 10px;
  clear: both;
  border-top: dotted 1px #bbbbbb;
}

#firstrow
{
  border-top: none;
}

.description
{
  float: left;
  width: 420px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.options
{
  float: right;
  padding-bottom: 10px;
}

#lastrow
{
  border-bottom: none;
}

.fullwidthbody
{
  margin-left: 15px;
  margin-right: 5px;
  margin-top: 15px;
}

/*
THIS METHOD OF DISPLAYING ROWS DOES NOT WORK IN IE AND, FOR SOME REASON, IT
DOESN'T WORK CONSISTENTLY IN FIREFOX WHEN DEPLOYED ON THE HOSTING PROVIDER.
WORKS JUST FINE LOCALLY THOUGH. SINCE THE FLOAT APPROACH USED ABOVE DOES NOT
GROW THE ROW WHEN THE FLOAT ITEM GROWS TALLER THAN THE ROW, WE CAN'T HIGHLIGHT
THE ROW WHEN THE USER HOVERS OVER IT (SINCE IT DOESN'T HIGHLIGHT THE WHOLE ROW.)
.description
{
  display: table-cell;
  width: 425px;
  padding-right: 10px;
}

.options
{
  display: table-cell;
}
*/

.item:hover
{
  background-color: #ffc;
}

.categoryrow
{
  float: left;
  width: 500px;
}

.slotleft .rightside
{
  float: right;
  width: 250px;
}

.categoryrow:hover
{
  background-color: #ffc;
}

.category
{
  font-size: 18px;
  font-weight: bold;
  font-family: Arial;
  color: #4E7AC8;
  border-bottom: solid 1px #4E7AC8;
  clear: both;
}

.slotleft ol
{
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  color: #F38F09;
  clear: both;
  list-style: none;
  margin: 5px 0 0 10px;
  padding: 0;
}

.category a:link
{
  color: #4E7AC8;
  text-decoration: none;
}

.category a:visited
{
  color: #4E7AC8;
  text-decoration: none;
}

.category a:active
{
  color: #4E7AC8;
  text-decoration: none;
}

.category a:hover
{
  color: #4E7AC8;
  text-decoration: none;
  border-bottom: 2px solid;
}

.category_list a:link
{
  color: #F38F09;
  text-decoration: none;
}

.category_list a:visited
{
  color: #F38F09;
  text-decoration: none;
}

.category_list a:active
{
  color: #F38F09;
  text-decoration: none;
}

.category_list a:hover
{
  color: #F38F09;
  text-decoration: underline;
}

.options a:link,a:visited,a:active
{
  color: #666666;
  text-decoration: none;
}

.options a:hover
{
  color: #000000;
  text-decoration: underline;
}