#tabs_border{ border-top:0px solid #787272; border-left:0px solid #787272; border-right:0px solid #787272;}

#tabs_container *{ border:0;}

/* root element for tabs  */

ul.tabs { list-style:none; margin:0 0 0 0px; padding:0;	border-bottom:0px solid #787272;  height:23px;}

/* single tab */

ul.tabs li { float:left; padding:0;	margin:0; list-style-type:none;}


/* link inside the tab. uses a background image */

ul.tabs a { display:block; height: 23px;  text-decoration:none; color:#070101; padding:0px; margin:0px; position:relative; top:0px;}


ul.tabs a:active {outline:none;	color:#070101;}



/* when mouse enters the tab move the background image */

ul.tabs a:hover {}


/* active tab uses a class name "current". it's highlight is also done by moving the background image. */

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { cursor:default; color:#070101;}


/* initially all panes are hidden */ 

div.panes div.pane { display:none;	}


a#desc{ width:153px; height:23px; background-image:url(../images/desc.gif); background-repeat:no-repeat; background-position:0 -23px;}
a#desc:hover, a#desc.current{ width:153px; height:23px; background-image:url(../images/desc.gif); background-repeat:no-repeat; background-position:0 0;}
a#tech{ width:153px; height:23px; background-image:url(../images/tech.gif); background-repeat:no-repeat; background-position:0 -23px;}
a#tech:hover, a#tech.current{ width:153px; height:23px; background-image:url(../images/tech.gif); background-repeat:no-repeat; background-position:0 0;}
a#feat{ width:153px; height:23px; background-image:url(../images/feat.gif); background-repeat:no-repeat; background-position:0 -23px;}
a#feat:hover, a#feat.current{ width:153px; height:23px; background-image:url(../images/feat.gif); background-repeat:no-repeat; background-position:0 0;}
a#priv{ width:153px; height:23px; background-image:url(../images/priv.gif); background-repeat:no-repeat; background-position:0 -23px;}
a#priv:hover, a#priv.current{ width:153px; height:23px; background-image:url(../images/priv.gif); background-repeat:no-repeat; background-position:0 0;}
a#prod-desc{ width:153px; height:23px; background-image:url(../images/prod-desc3.gif); background-repeat:no-repeat; background-position:0 -23px;}
a#prod-desc:hover, a#prod-desc.current{ width:153px; height:23px; background-image:url(../images/prod-desc2.gif); background-repeat:no-repeat; background-position:0 0;}
a#prod-revs{ width:153px; height:23px; background-image:url(../images/prod-revs3.gif); background-repeat:no-repeat; background-position:0 -23px;}
a#prod-revs:hover, a#prod-revs.current{ width:153px; height:23px; background-image:url(../images/prod-revs2.gif); background-repeat:no-repeat; background-position:0 0;}
a#prod-tech{ width:153px; height:23px; background-image:url(../images/prod-tech3.gif); background-repeat:no-repeat; background-position:0 -23px;}
a#prod-tech:hover, a#prod-tech.current{ width:153px; height:23px; background-image:url(../images/prod-tech2.gif); background-repeat:no-repeat; background-position:0 0;}
a#prod-vids{ width:153px; height:23px; background-image:url(../images/prod-vids3.gif); background-repeat:no-repeat; background-position:0 -23px;}
a#prod-vids:hover, a#prod-vids.current{ width:153px; height:23px; background-image:url(../images/prod-vids2.gif); background-repeat:no-repeat; background-position:0 0;}


span.hideit{ display:none;}

.clearit{ clear:both; font-size:0; line-height:0; height:0;}


a:active, a { outline: none; outline: 0;}

:focus { -moz-outline-style:none;}

div.panes div.test {display:normal; padding:1px 5px; border:1px solid #696864;}

.jssSmallerText2 {font-size: 14px;}

h2.topHead{

	font-family:verdana;

	font-size:10pt;

	color:#2F4F4F;

}

h1.topHead{

	font-family:verdana;

	font-size:10pt;

	color:#2F4F4F;

}

h1.moreInfo{

	color:#2F4F4F;

font-family:verdana;

font-size:10pt;

}



h2.moreInfo{

color:#2F4F4F;

font-family:verdana;

font-size:10pt;

}



p.moreInfo{

	color:#000000;
	font-family:verdana, sans-serif;
	font-size:8pt;
	font-weight:normal;

}



#moreInfo{

	height:290px;
	overflow:hidden;
	position:relative;

}


#moreInfo h1, #moreInfo h2{
	font-family: verdana; 
	color: rgb(2, 100, 78); 
	font-size: 8pt;
}


#scroller{
	position:relative;

}



#arrows{
float:right;
margin:0;
padding:0;
position:relative;
top:10px;
z-index:100;

}


#arrows img{

	cursor:pointer;

}