/* Base CSS
   Author : sman
   Copyright 2007-8 Zeus Numerix
 */
 
html {
  height: 100%;
  margin-bottom: 1px;
}
 
body.base {
  font-family:verdana, helvetica, arial, sans-serif;
  font-size:11px;
  text-align:left;
  direction:ltr;
  border:0px;
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;
  color:#535353;
  background:#656565;
}

div.logoBar {
  min-height: 104px;
  height: 104px;
  width: 1000px;
  margin: auto auto;
  background: white;
}

div.linksBar {
  font-family: helvetica, arial, sans-serif;
  font-size:12px;
  min-height: 25px;
  height: 25px;
  line-height:25px;
  width: 980px;
  padding-left:20px;
  margin: 0px auto;
  background: #535353;
}

div.linksBar div.linksBarRight {
  width: 260px; 
  padding-left: 20px; 
  margin: 0px 0px 0px auto;
}

div.linksBarLink {
  min-height: 25px;
  height: 25px;
  margin: 0px 10px;
  padding: 0px;
  float: left;
  line-height:25px;
}

div.linksBarVseparator {
  float: left; 
  width: 1px; 
  height: 25px;
  background: url(../images/linksbar_vseparator.png) no-repeat;
}

div.thirdRow {
  min-height: 266px;
  height: 266px;
  width: 1000px;
  margin: 0px auto;
  padding: 0px;
  background: red;
}

div.thirdRowInner {
  min-height: 108px;
  height: 108px;
  width: 1000px;
  margin: 0px auto;
  padding: 0px;
  background: #e6e6e6;
}

div.fourthRow {
  min-height: 17px;
  height: 17px;
  width: 1000px;
  margin: 0px auto;
  padding: 0px;
  background: #e6e6e6;
}

div.fourthRowL {
  float:left;
  width:720px;
  height:17px;
  background:#e6e6e6 url( "../images/arbit_002.png" ) no-repeat top right;
  margin:0px;
  padding:0px;
}

div.fourthRowR {
  float:left;
  width:280px;
  height:17px;
  background:#c4c4c4 url( "../images/arbit_003.png" ) no-repeat top left;
  margin:0px;
  padding:0px;
}

div.fifthRow {
  margin:0px auto;
  padding:0px;
  background-color:white;
  width:1000px;
}

div.fifthRow2 {
  margin:0px auto;
  padding:0px;
  background-color:white;
  width:1000px;
}

div.container {
  position:absolute;
	background-color:white;
	width:528px;
  /*height:650px;*/
	border-left:192px solid #f0f0f0; /* The width and color of leftPanel */
	border-right:280px solid #f0f0f0; /* The width and color of contentArea */
}

div.leftPanel {
  float:left;
  width:192px;
  margin-left:-192px;
  position:relative;
  padding-top:25px;
}

div.contentBox {
	float:left;
	width:526px;
	margin-right:-528px;
  margin-bottom:37px; /* making space for the footer at the bottom */
  border-left:2px solid #d6d6d6;
  padding-top:25px;
}

div.contentArea {
	width:466px;
  padding:0px 30px 0px 30px;
  margin-bottom:37px; /* making space for the footer at the bottom */
}

div.contextArea {
	width:280px;
	position:relative;
  top:0px;
}

div.contextAreaSubtitle {
  width:250px;
  margin:30px 30px 16px 0px;
  color:#afafaf;
  text-align:right;
}

div.contextAreaLink {
  width:250px;
  height:25px;
  margin:0px 30px 1px 0px;
  text-align:right;
  background-color:#d8d8d8;
  line-height:25px;
}

div.footer {
  font-family: helvetica, arial, sans-serif;
  font-size:10px;
  color:#afafaf;
  background:white;
  width:970px;
  height:37px;
  margin:0px;
  padding-top:20px;
  padding-left:30px;
  position:absolute;
  bottom:0px;
  left:-192px;
}

div.topLink {
  float: right;
  margin: 0px;
  padding: 0px;
}

div.thumbnail {
  float:left;
  width:146px;
  margin-right:9px;
}

div.thumbnail img {
  border:3px solid #EEE7E7;
}

div.thumbnail span {
  display:block;
  width:100%;
  text-align:center;
  margin-top:8px;
  color:#4D4D4D;
}

table.base {
  text-align: left; 
  border: 0;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

table.areaBox {
  text-align: left;
  border: 0;
  width: 100%;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  line-height:160%;
}

table.default{
  width: 100%;
  padding: 0px;
  background: #FFFFFF;
  border: 0px;
  margin: 0;
}

table.default th{
  color: #006699;
  text-align: left;
  background: #E6E6E6;
  padding: 5px 5px 5px 7px;
  border: 0px; 
  margin: 0px;
}

table.default th.row{
  color: #434343;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  background: #F6F6F6;
  padding: 3px 5px 3px 7px;
  margin: 0;
}

table.default td{
  color: #737373;
  text-align: left;
  background: #F6F6F6;
  padding: 3px 5px 3px 7px;
  margin: 0;
}

div.photoLeft {
  background-color:#F9F9F9;
  /*padding:1px;*/
  margin: 0px 10px 0px 0px;
  /*text-align:left;*/
  float:left;
}

div.photoLeft img { 
  border:1px solid #666666;
  vertical-align:middle; 
  /*margin-bottom:1px;*/
}

div.photoRight {
  background-color:#F9F9F9;
  /*padding:1px;*/
  margin: 0px 0px 0px 0px;
  /*text-align:left;*/
  float:right;
}

div.photoRight img { 
  border:1px solid #666666;
  vertical-align:middle; 
  /*margin-bottom:1px;*/
}


div.newsPic { 
  background-color:#F9F9F9;
  /*border:1px solid #CCCCCC;*/
  padding:3px;
  margin:15px auto;
  text-align:center;
}

div.newsPic img { 
  border:1px solid #CCCCCC;
  vertical-align:middle; 
  margin-bottom:7px;
}

div.downloadRow {
  background:#FBFBFB;
  width:466px;
  height:24px;
  margin:1px 0px 0px 0px;
  padding:0px;
}

div.downloadBoxClose {
  background:#F7F7F7;
  width:466px;
  height:6px;
  line-height:0px;
  margin:1px 0px 0px 0px;
  padding:0px;
}

div.downloadRow div.left {
  float:left;
  width:323px;
  padding:0px 7px;
  line-height:24px;
  margin:0px;
}

div.downloadRow div.center {
  float:left;
  width:75px;
  padding-right:7px;
  line-height:24px;
  background:#FAF3F3;
  text-align:right;
  color:#616161;
}

div.downloadRow div.center2 {
  float:right;
  line-height:24px;
  text-align:right;
  color:#616161;
}

div.downloadRow div.right {
  float:left;
  width:47px;
  text-align:center;
}

div.downloadRow div.right2 {
  float:right;
  width:47px;
  text-align:center;
}

div.downloadRow div.left a {
  color:#136395;
  text-decoration: none;
}

div.downloadRow div.left a:hover {
  text-decoration:underline;
}

#tblContent td.leftPanel {
  width:192px;
  padding-top:25px;
  border-right:2px solid #d6d6d6;
  background:#f0f0f0;
  vertical-align:top;
}

#tblContent td.contentArea {
  width:466px;
  padding:25px 30px 0px 30px;
  vertical-align:top;
}

#tblContent td.contentArea h4 {
  color:#434343;
  margin-bottom:0px;
}

#tblContent td.contextArea {
  width:280px;
  background:#f0f0f0;
  padding:0px;
  vertical-align:top;
}

#tblContent td.footer {
  font-family: helvetica, arial, sans-serif;
  font-size:10px;
  color:#afafaf;
  background:white;
  height:35px;
  padding-left:30px;
}



a.topLinks:link {
  color: #afafaf;
  font-size:10px;
  text-decoration: none;
}

a.topLinks:visited {
  color: #afafaf;
  font-size:10px;
  text-decoration: none;
} 

a.topLinks:hover {
  color: #afafaf;
  font-size:10px;
  text-decoration: underline;
}

a.topLinks:active {
  color: #afafaf;
  font-size:10px;
  text-decoration: underline;
}

a.linksBar {
  font-family:helvetica, arial, sans-serif;
  font-size:12px;
  color:#b1b3b4;
  display:block;
  text-decoration:none;
}

a.linksBar:hover {
  font-family:helvetica, arial, sans-serif;
  font-size:12px;
  color:#F2F2F2;
  display:block;
  text-decoration:none;
  background:#434343;
}

a.linksBar:active {
  font-family: helvetica, arial, sans-serif;
  font-size:12px;
  color: #FFFFFF;
  display: block;
  text-decoration: none;
}

a.r3rtr2r:link {
  display:block;
  height:15px;
  width:15px;
  background:url( "../images/srarolo.png" );
  margin: 6px auto;
  text-decoration: none;
}

a.r3rtr2r:visited {
  display:block;
  height:15px;
  width:15px;
  background:url( "../images/srarolo.png" );
  margin: 6px auto;
  text-decoration: none;
} 

a.r3rtr2r:hover {
  display:block;
  height:15px;
  width:15px;
  background:url( "../images/sraro.png" );
  margin: 6px auto;
  text-decoration: none;
}

a.r3rtr2r:active {
  display:block;
  height:15px;
  width:15px;
  background:url( "../images/sraro.png" );
  margin: 6px auto;
  text-decoration: none;
}

a.bcTrail00 {
  color:#8d8d8d;
  text-decoration:none;
}

a.bcTrail01 {
  color:#4399d8;
  text-decoration:none;
}

a.bcTrail02 {
  color:#ff6600;
  text-decoration:none;
}

a.newsDateLink {
  color:#afb1b2;
  font-weight:bold;
  text-decoration:none;
}

a.newsDateLink:hover {
  color: #afb1b2;
  font-weight:bold;
  text-decoration:underline;
}

a.newsHeadLink {
  color:#136395;
  font-weight:bold;
  text-decoration:none;
}

a.newsHeadLink:hover {
  color: #136395;
  font-weight:bold;
  text-decoration:underline;
}

a.articleHeadLink {
  color:#F06000;
  font-weight:bold;
  text-decoration:none;
}

a.articleHeadLink:hover {
  color: #F06000;
  font-weight:bold;
  text-decoration:underline;
}

a.exLink {
  color:#afb1b2;
  text-decoration:underline;
}

a.exLink2 {
  color:#136395;
  text-decoration:none;
}

a.article {
  color:#ef6000; 
  font-weight:bold;
  text-decoration:none;
}

a.article:hover {
  text-decoration:underline;
}

a.contextAreaLink1 {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size:11px;
  color:#555555; 
  display:block;
  height:100%;
  padding-right:7px;
  text-decoration:none;
}

a.contextAreaLink1:hover {
  color:white;
  background:#ff6600;
}

a.contextAreaLink1a {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size:11px;
  color:#888888; 
  display:block;
  height:100%;
  padding-right:7px;
  text-decoration:none;
}

a.contextAreaLink1a:hover {
  color:white;
  background:#ff6600;
}

a.contextAreaLink2 {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size:11px;
  color:#555555;
  background:#cfdce2;
  display:block;
  height:100%;
  padding-right:7px;
  text-decoration:none;
}

a.contextAreaLink2:hover {
  color:white;
  background:#32c6f4;
}

a.contextAreaLink2a {
  font-family: helvetica, arial, sans-serif;
  font-size:11px;
  color:#888888;
  background:#cfdce2;
  display:block;
  height:100%;
  padding-right:7px;
  text-decoration:none;
}

a.contextAreaLink2a:hover {
  color:white;
  background:#32c6f4;
}

a.contextAreaLinkA {
  display:block;
  font-weight:bold;
  color:#4499d8; 
  text-decoration:none;
}

a.contextAreaLinkB {
  display:block;
  font-weight:bold;
  color:#ff6600; 
  text-decoration:none;
}

/* links to anchors on the same page */
a.jumpLink1 {
  color:#006293;
  text-decoration:none;
}

/* Plain general purpose link */
a.plain1 {
  color:#006293;
  text-decoration:none;
}

/* Plain download link */
a.downoadLink {
  color:#006293;
  text-decoration:none;
}

span.data {
  color:#ff6600;
}

span.fineText {
  font-size: x-small;
}

span.blueText {
  color:#32c6f4;
}

span.newsDateLink {
  color:#afb1b2;
  font-weight:bold;
}

span.bcTrail00 {
  color:#8d8d8d;
  text-decoration:none;
}

span.bcTrail01 {
  color:#4399d8;
  text-decoration:none;
}

span.bcTrail02 {
  color:#ff6600;
  text-decoration:none;
}

span.bcTrail04 {
  color:#474747;
  text-decoration:none;
}

span.downoadLink {
  color:#616161;
}

span.downloadGroupDesc {
  display:block;
  background:#F7F7F7;
  width:452px;
  line-height:15px;
  padding:6px 7px 9px 7px;
  margin-top:1px;
}

div.galleryListBox {
  background:#F7F7F7;
  width:459px;
  height:67px;
  padding:0px 7px 0px 0px;
  margin-top:2px;
}

div.productIntro {
  display:block;		  
  position:relative;
  background:#ffffff;  	
  padding:0px 12px 0px 12px; 
  margin-bottom:2px;
  margin-top:10px;
}

span.articleHead {
	display:block;
	position:relative;
	background:#e6e6e6;
	height:21px;
	padding:0px 18px 0px 7px;
	line-height:21px;
	margin-bottom:2px;
	margin-top:10px;
}

span.articleHead span.title {
	color:#006699;
	/*font-size:12px;*/
	font-weight:bold;
}	

span.articleHead a.link {
  text-decoration:none; 
  color:#979797; 
  position:absolute; 
  right:20px; 
  bottom:auto; 
  top:0px;
}

span.articleHead a.link2 {
  text-decoration:none; 
  color:#979797; 
}
  
span.articleHead span.rt {
  text-decoration:none; 
  color:#979797; 
  position:absolute; 
  right:20px; 
  bottom:auto; 
  top:0px;
}

span.articleSubtitle {
	display:block;
	position:relative;
	background:#e6e6e6;
	height:21px;
	padding:0px 18px 0px 7px;
	line-height:21px;
	margin-bottom:2px;
	margin-top:10px;
	color:#434343;
	font-weight:bold;
}

span.articleHighlightedText {
	display:block;
	position: relative;
	background:#f7f7f7;
	padding:5px 18px 5px 7px;
	line-height:15px;	
	margin-bottom:2px;
	color:#616161;
}

span.articleHighlightedText span.lt {
	font-weight:bold;
	color:#434343;
}

span.articleHighlightedText span.rt {
	color:#616161;
	position:absolute;
	left:70px;
	bottom:auto;
}

span.articleHighlightedText span.rtlink{	
	color:#616161; 
	position:absolute;
	right:20px;
	bottom:5px;
}

span.articleHighlightedText a.brochure{
	color:#FF6600;
}

span.articleHighlightedText a.regform{
	color:#848484;
}

span.prod_general_head {
  display:block;
  position:relative; 
  background:#e6e6e6;
  height:21px;
  padding:0px 18px 0px 7px;
  line-height:21px;
  margin-bottom:2px;
  margin-top:10px;
}

span.prod_general_head a.rt {
  text-decoration:none; 
  color:#979797; 
  position:absolute; 
  right:20px; 
  bottom:auto; 
  top:0px;
}

span.prod_general_head span.title {
  color:#006293;
  font-weight:bold;
}

span.prod_general_row {
  display:block;
  position: relative;
  background:#f6f6f6;
  min-height:21px;
  padding:0px 18px 0px 7px;
  line-height:21px;
  margin-bottom:2px;
  color:#9a9a9a;
}

span.prod_general_row a.manual {
  text-decoration:none;
  color:#848484; 
}

span.prod_general_row a.brochure {
  text-decoration:none;
  color:#ff6600; 
}

span.prod_general_row a.disabled {
  text-decoration:none;
  color:#D1CAB8; 
}

span.prod_general_row a.demo {
  text-decoration:none;
  color:#449ad9; 
}

span.prod_general_row span.lt {
  color:#434343;
}

span.prod_general_row span.rt {
  color:#848484;
  position:absolute;
  right:20px;
  bottom:auto;
  top:0px;
}

span.h3 {
  display:block;
  color:#535353;
  font-size:13px;
  font-weight: bold;
  margin:12px 0px 0px 0px;
}

p {
  margin:5px 0px;
}

p.newsSnippet {
  margin:15px 0px 25px 0px;
}

p.contentText {
  margin:15px 0px 15px 0px;
}

/*** Start CSS for drop-down links menu bar ***/
#nav, #nav ul { /* all lists */
	padding:0;
	margin:0;
	list-style:none;
}

#nav:hover, #nav ul :hover {
  background:#434343;
}

#nav a {
	display:block;
  text-decoration:none;
  color:#b1b3b4;
  padding-left:1em;
  padding-right:1em;
}

#nav a:hover {
	display:block;
  text-decoration:none;
  color:#ffffff;
  background:#434343;
  padding-left:1em;
  padding-right:1em;
}

#nav li { /* all list items */
	float: left;
  /*width: 10em; *//* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
  z-index:10;
	background:#434343;
	width: 18em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
  width:100%;
}

#nav li ul a { /* second-level lnks */
	display:block;
  width:16em;
  text-decoration:none;
  color:#b1b3b4;
  padding-left:1em;
  padding-right:1em;
}

#nav li ul a:hover {
  color:#32c6f4; /* blueish */
}

#nav li:hover a, #nav li.sfhover a {
  color:white;
}

#nav li:hover ul a, #nav li.sfhover ul a { /* second-level lnks */
	display:block;
  width:16em;
  text-decoration:none;
  color:#b1b3b4;
  padding-left:1em;
  padding-right:1em;
}

#nav li:hover ul a:hover {
  color:#32c6f4; /* blueish */
}

#nav li:hover, #nav li.sfhover {
  background:#434343;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.content {
	clear:left;
}

/*** Start CSS for accordion menu ***/
#accordion {
  color:#32C6F4;
  /*background:#136395;*/
  text-decoration:none;
  border:0px;
  width:164px;
  margin:0px auto 20px auto;
}

h3.toggler {
	cursor: pointer;
  height:22px;
  width:149px;
  line-height:22px;
  font-size:8pt;
  color:white;
  background:#179BD7 url( "../images/am_minus.png" ) no-repeat center right;
  margin:1px 0px 0px 0px;
  padding-left:15px;
  -moz-user-select:none;
}

h3.togglerClosed {
	cursor: pointer;
  height:22px;
  width:149px;
  line-height:22px;
  font-size:8pt;
  color:#535353;
  background:#D2D2D2 url( "../images/am_plus.png" ) no-repeat center right;
  margin:1px 0px 0px 0px;
  padding-left:15px;
  -moz-user-select:none;
}

div.element {
  background:#136395;
  color:#32C6F4;
  width:130px;
  padding:36px 2px 16px 32px;
}

div.element a {
  color:#32C6F4;
  background:#136395;
  text-decoration:none;
}

div.element a:visited {
  color:#32C6F4;
  background:#136395;
}

div.element a:hover {
  color:white;
  background:#136395;
}

div.element a:active {
  color:white;
  background:#136395;
}

input.email {
  border:1px solid #C4C4C4;
  width:129px;
  color:#525252;
}

/* For lightbox */
#lightbox{
  background-color:#eee;
  padding: 10px;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
}

#lightboxDetails{
  font-size: 0.8em;
  padding-top: 0.4em;
}

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ 
  border: none; 
  clear: both;
} 

#overlay img{ 
  border: none; 
}

#overlay{ 
  background-image: url( "../images/overlay.png" ); 
}

* html #overlay {
  background-color: #333;
  background-image: url( 'public/images/blank.gif' );
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="public/images/overlay.png", sizingMethod="scale" );
}