/* Scroll Buttons */
div#nextPrev
{
  position:absolute;
  margin: 170px 0 0 0;
}
div#next
{
  margin: 0 0 0 765px;

}
a.browseLeft,a.browseRight
{
  position:absolute;
  width:30px;
  height:30px;
  margin: 10px;
  padding: 0px;
  background:url(../../../images/arrows.png) no-repeat;

}
a.browseLeft
{
  background-position:0px 0px;
}
a.browseRight
{
  background-position:-30px 0px;
}

/* left */
a.left        { margin-left: 0px; }
.left:hover      { background-position:0px -30px; }

/* right */
a.right        { margin-left: 0px; }
.right:hover      { background-position:-30px -30px; }


/* position and dimensions of the navigator */
div#naviButton {
  position:absolute;
  width:80px;
  height:16px;
  margin: 410px 0px 0px 350px;
  padding:0px;
}


/* position and dimensions of the navigator */
.navi {
  margin: 0px 0px 0px 370px;
  width:200px;
  height:20px;
}

/* items inside navigator */
.navi a {
  width:8px;
  height:8px;
  float:left;
  margin:3px;
  background:url(../../../images/navigator.png) 0 0 no-repeat;
  display:block;
  font-size:1px;
}

/* mouseover state */
.navi a:hover {
  background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
  background-position:0 -16px;
}

h2#seriesHeading a:hover
{
  font-family:Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  font-size:14px;
  color: #336699;
  font-weight: bold;
  text-decoration:none;
}


div#content
{
  margin:0;
  padding:0;
}
div#scrollableContent
{
  float: left;
  /* position:absolute;   by MF */
  margin: 0;
  z-index:1;
}
#scrollFrameContent {
  width:700px;
  height:400px;
  margin:0 0 0 40px;
  padding:0px;
  position:relative;
  overflow:hidden;
  clear:both;
  border: #333333 5px solid;
}

/* override single pane */
#scrollFrameContent div {
  float:left;
  display:block;
  width:700px;
  font-size:14px;
}

/* our additional wrapper element for the items */
#scrollFrameContent .items {
  width:20000em;
  position:absolute;
  clear:both;
  margin:0;
  padding:0;
}


/* Bottom contents */
div#bottom_content
{
  position:relative;  /* by MF */
  width: 800px;
  margin: 0;
  padding: 0;
}
div#contentMainFrame
{
  float:left;
 /* width: 225px;
  height: 450px; */
  width: 800px;
  height: 900px;
  margin: 1px 10px 0 0;
  padding: 0 0 0 0;

}
div#contentMainFrameb
{
  float:left;
  /* width: 225px;
  height: 450px;    */
  width: 245px;
  height: 800px;
  margin: 1px 10px 0 10px;
  padding: 0 0 0 0;

}
div#leftColumnContent
{
  float:left;
/*  width: 225px;  */
  width: 245px;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;

}
div#columnSeparator
{
  float:left;
/*  width: 225px;  */
  width: 240px;
  height: 1px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #CCCCCC;

}
div#rowSeparator
{
  float:left;
  width:1px;
  height: 740px;
  margin: 30px 0 0 0;
  padding: 0 0 0 0;
  background-color: #CCCCCC;

}
div#frameSeparator
{
 /* 12-22-2009 by MF */
  float: left;
  width: 780px;
  height: 1px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #888888;
}
div#fremeSeparatorText
{
 /* 12-22-2009 by MF */
  float: left;
  width: 780px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size: 24px;
  color: #006688;
  line-height: 28px;
  font-weight: bold;
}

div#individualFrame
{
  float:left;
/*  width: 225px;  */
  width: 240px;
  margin: 10px 0 10px 0;
  padding: 0 0 0 0;

}




h3#h3descriptionText
{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  margin:0;
  padding:0;
  line-height: 18px;
  font-weight: normal;
}

/* Network Display Kit */

.available
{
  width: 700px;
  height: 400px;
  margin:0;
  padding:0;
  background:url(../../../images/networkDisplay/Network_Display_Kit_700x400.jpg) 0 0 no-repeat;
}

div#ad_message_01 a
{
  position:absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  white-space:nowrap;
  color: #66FFCC;
  margin: 299px 0 0 42px;
  padding: 0;
  text-decoration: none;

}
div#ad_stand_not_included h3
{
  position:absolute;
  margin: 385px 0 0 25px;
  padding: 0;
}

div#ad_message_02 a
{
  position:absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  white-space:nowrap;
  color: #66e8ff;
  margin: 346px 0 0 42px;
  padding: 0;
  text-decoration: none;
}
h3#h3standNotIncludedWhite
{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  margin:0;
  padding:0;
  line-height: 18px;
  font-weight: normal;
}

/* Color Filter Available */
.filterAvailable
{
  width: 700px;
  height: 400px;
  margin:0;
  padding:0;
  background:url(../../../images/colorFilter/Color_Filter_700x400.jpg) 0 0 no-repeat;
}








/* Message Selector Kit */
.message_selector_kit
{
  width: 700px;
  height: 400px;
  margin: 0;
  padding:0;
  background:url(../../../images/locations/Kit_Assembled.jpg) 0 0 no-repeat;
}
div#message_selector_kit_messages
{
  width: 400px;
  height: 100px;
}

div#message_selector_kit_message_01 a
{
  position:absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  white-space:nowrap;
  color: #66FFCC;
  margin: 265px 0 0 42px;
  padding: 0;
  text-decoration: none;

}
div#message_selector_kit_message_02 a
{
  position:absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  white-space:nowrap;
  color: #66e8ff;
  margin: 315px 0 0 42px;
  padding: 0;
  text-decoration: none;
}

div#message_selector_kit_stand_not_included h3
{
  position:absolute;
  margin: 385px 0;
  padding: 0;
}

/* Evaluation Kit */
.evaluation_kit
{
  width: 700px;
  height: 400px;
  margin:0;
  padding:0;
  background:url(../../../images/index/evaluation_kit.jpg) 0 0 no-repeat;
}
div#evaluation_kit_available, div#filter_available
{
  position:absolute;
  width: 700px;
  height: 50px;
  margin: 350px 0;
  padding:0;
  background-color:#f83786;
}
h1#evaluation_kit,h1#filter
{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 36px;
  color:#FFFFFF;
  margin: 15px;
  padding: 0;
  z-index:2;
  text-decoration:none;
}
/* Bar */
.bar
{
  width: 700px;
  height: 400px;
  background:url(../../../images/locations/Bar.jpg) 0 0 no-repeat;
}
/* Elevator */
.elevator
{
  width: 700px;
  height: 400px;
  background:url(../../../images/locations/Elevator.jpg) 0 0 no-repeat;
}
/* Meeting */
.meeting
{
  width: 700px;
  height: 400px;
  background:url(../../../images/locations/Meeting_Room.jpg) 0 0 no-repeat;
}