/**
 * tab-box.css
 */

#tab-box{
	margin-bottom: 15px;
/*	height: 650px;*/
	position: relative;
	z-index: 0;
	clear: both;
}

#features, #datasheet, #specs{
	display: inline;
}

#tab-box div div{
	width: 780px;
	float: left;
	position: relative;  /* absolute */
	top: -1px;  /* 23px */
/*	right: 0px;
	bottom: 0px;
	left: 0px;*/
	padding: 10px;
	background-color: #ece7f7;
	border: 1px solid #8670b5;
/*	z-index: -2;*/
	display: none;
}

#tab-box div a.tab{
	padding: 3px 24px 3px 6px;
	background: #c0b4dd url(../images/tab-arrow.gif) no-repeat right;
	border: 1px solid #8670b5;
	border-width: 1px 1px 0px;
	color: #000;
	text-decoration: none;
	display: -moz-inline-box; /* for Firefox 2 */
	display: inline-block;
	height: 16px; /* for Safari */
}

#tab-box div a.tab:hover{
	background: #dcd4ee url(../images/tab-arrow-hover.gif) no-repeat right;  /* d7ceea */
	/*font-weight: bold;*/
}

/*#tab-box div:target div,*/ #tab-box div.target div{
	/*background-color: #ece7f7;*/
	z-index: -1;
	display: block;
}

/*#tab-box div:target a.tab,*/ #tab-box div.target a.tab{
	padding-bottom: 4px;
	background: #ece7f7 url(../images/tab-arrow-select.gif) no-repeat right;
	font-weight: bold;
}

#features table, #specs table{
/*	border: 1px solid #8670b5;
	background-color: #fff;*/
	font-size: 11px;
}

#features table td{
	padding: 5px 5px 5px 10px;
	background-color: #fff;
}

#features table td.title, #specs table tr.title td{
	color: #fff;
	background-color: #6b6b6b;
	font-weight: bold;
	padding-left: 5px;
}

#specs table tr.title td.first{
	text-transform: uppercase;
}

#features table ul{
	margin: 0px;
	padding-left: 20px;
}

#specs table td{
	padding: 5px;
	text-align: center;
	background-color: #fff;
}

#specs table.left td{
	text-align: left;
}

#specs table td.first{
	background-color: #ccc;
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

#specs table.center td.first{
	padding-left: 5px;
	text-align: center;
}

#specs table td.notes{
	text-align: left;
	font-size: 10px;
}

#datasheet p{
	margin: 1.5em 0;
}

#datasheet p.first{
	margin-top: 0px;
}

#datasheet p.notes{
	font-size: 10px;
	margin: 1em 0;
	clear: right;
}

a.datasheet{
	float: right;
	margin: 0px 0px 10px 10px;
}