@charset "utf-8";
/* CSS Document */

/*
------------------------------------------------
GENERAL
------------------------------------------------
*/

a:hover {
	color:#46769a;
	text-decoration:none;
	}

.red {
	color:#f00000;
	}

.blue {
	color:#46769a;
	}

p {
	padding:5px 8px;
	margin:0;
	}
	
h2 {
	margin:0;
	padding:4px 0;
	font-size:14px;
	color:#143854;
	}

h3 {
	margin:0;
	padding:8px 0;
	color:#0a6fc1;
	}

h4 {
	margin:0;
	padding:6px 0 3px 0;
	color:#444444;
	}

ul {
	margin:0;
	padding:0;
	list-style:none;
	}

ul.list_style01 li {
	background:url(../images/bullet01.gif) left center no-repeat;
	padding:0 0 0 12px;
	width:163px;
	}

.float_l {
	float:left;
	}

.clear {
	clear:both;
	}
	

/*
--------------------------------
PRODUCTS
--------------------------------
*/

.left_navi h2 {
	color:#ffffff;
	background:#181f24;
	padding:4px 5px;
	}

.left_navi {
	width:180px;
	}

.left_navi ul li {

	margin:0 0 3px 0;
	}
	
.left_navi ul li a {
	font-size:14px;
	font-weight:bold;
	width:170px;
	display:block;
	background:#313d46;
	color:#ffffff;
	padding:4px 5px;
	margin:0;
	text-decoration:none;
	}
	
.left_navi ul li a:hover {
	background:#181f24;
	color:#ffffff;
	}

.left_navi ul.child {
	width:178px;
	border:1px solid #143854;
	border-top:0px;
	padding:0;
	margin:0;
	}
	
.left_navi ul.child li {
	border-top:1px solid #143854;
	background:#ffffff;
	padding:0;
	margin:0;
	}

.left_navi ul.child li a {
	font-size:12px;
	background:#ffffff url(../images/arrow1.gif) no-repeat left top;
	color:#444444;
	display:block;
	width:158px;
	padding:4px 0 4px 20px;
	margin:0;
	}

.left_navi ul.child li a:hover {
	color:#444444;
	background:#d5dfe6 url(../images/arrow1h.gif) no-repeat left top;
	}

.product_detail {
	width:395px;
 	float:right;
	padding:0 0 5px 0;
	}

.product_img {
	width:310px;
	padding:10px 0 0 5px;
	float:left;
	}

.product_detail ul {
	border-bottom:1px dotted #46769a;
	margin:0 5px 0 0;
	}

.product_detail ul li {
	border-top:1px dotted #46769a;
	padding:0 0 0 22px;
	line-height:20px;
	}

.p_detail_list01 li {
	background:url(../images/bullet02.gif) no-repeat left top;
	}

.p_detail_list02 li {
	background:url(../images/pdf.gif) no-repeat left top;
	}

.p_detail_list03 li {
	background:url(../images/bullet03.gif) no-repeat left top;
	}
	
.p_detail_list04 li {
	padding-left: 20px;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: left -3px;
	}

.product_title {
/*	background:url(../images/product_title_bg.jpg) no-repeat right bottom;*/
padding-bottom:10px;
border-bottom: 1px dotted black;
	width:714px;
 	float:left;
	}

.p_title {
	font-family:Helvetica condensed, Arial, sans-serif;
	font-size:28px;
	padding:8px 10px 0 0;
	color:#143854;
	}

.p_sub {
	font-family:Helvetica condensed, Arial, sans-serif;
	font-size:18px;
	padding:17px 0 0 0;
	color:#143854;
	}
	
#tab_box2 #tab1, #tab_box2 #tab2, #tab_box2 #tab3, #tab_box2 #tab4, #tab_box2 #tab5 {
	padding:7px 7px 15px 7px;
	background:url(../images/box_footer.jpg) repeat-x left bottom;
	
	}
/*
--------------------------------
PRODUCTS SUMMARY
--------------------------------
*/
.ps_sub {
	width:709px;
	background-image: url(../images/ps_sub_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
.ps_sub h3 {
	font-family:Helvetica condensed, Arial, sans-serif;
	font-size:18px;
	padding:5px 0;
	margin:0 0 0 5px;
	color:#444444;
	}
.ps_box {
	margin:12px 0 0 0;
	}
.ps_box p {
	font-size:10px;
	line-height:12px;
	margin:0;
	padding:2px 14px 12px 14px;
	}
.boxpart01 {
	background-image: url(../images/boxpart01.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	}
.boxpart02 {
	font-size:11px;
	line-height:14px;
	color:#444444;
	background-image: url(../images/boxpart02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 14px 5px 14px;
	}
.boxpart02 strong {
	font-size:11px;
	line-height:14px;
	color:#444444;
	}
.boxpart02 a {
	font-size:11px;
	line-height:14px;
	color:#46769a;
	text-decoration:underline;
	font-weight:bold;
	}
.boxpart02 a:hover {
	text-decoration:none;
	}
.boxpart02 img {
	padding:2px 5px 2px 0;
	}

span.caption{
font-size: 8pt;
}

/*
------------------------------------------------
STANDARD
------------------------------------------------
*/
.std {
	width:709px;
	}
.std a {
	color:#46769a;
	text-decoration:none;
	font-weight:bold;
	}
.std a:hover {
	color:#46769a;
	text-decoration:underline;
	font-weight:bold;
	}
.std h3 {
	font-family:Helvetica condensed, Arial, sans-serif;
	font-size:18px;
	padding:0;
	margin:0 0 0 5px;
	color:#444444;
	}
.std p {
	font-size:12px;
	margin:5px 5px;
	padding:2px 0;
	text-align:justify;
}
std strong {
	font-size:12px;
	}
.std ul {
	font-size:12px;
	margin:0 5px;
	padding:2px 0;
	text-align:justify;
	}
.std ul a {
	font-weight:normal;
	}
.std ul a:hover {
	font-weight:normal;
	}
.std_box {
	font-size:12px;
	border:solid 1px #B3B3B3;
	margin:5px 0;
	}
.std_box h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 5px;
	margin:0;
	color:#FFFFFF;
	background:#B3B3B3;
	}
.std_right {
	width:348px;
	padding:0;
	float:right;
	}
.std_left {
	width:348px;
	padding:0;
	margin:0;
	float:left;
	}

.std_solidline {
	width:708px;
	height:1px;
	border:solid 1px #B3B3B3;
	}
.std_dotline {
	width:708px;
	height:1px;
	border:dotted 1px #B3B3B3;
	}

/*
------------------------------------------------
Functions List
------------------------------------------------
*/
ul.function{
margin-left: 20px;
margin-bottom: 10px;
padding: 0;
}

ul.function li{
background: url('./../images/bullet01.gif') no-repeat;
padding-left: 20px;
margin-top: 5px;
}

strong.dr{
color: green;
}

strong.copy{
color: #46769a;
}

strong.test{
color: #f87171;
}

/*
------------------------------
General Table Information
------------------------------
*/
table.box{
	width: 700px;
	border-collapse: collapse;
}

table.box td{
	width: 350px;
	}
/*
--------------------------------
Specs Table
--------------------------------
*/
table.spec{
	width: 350px;
	border-collapse: collapse;
}


table.spec td{
	border-bottom: 1px solid black;
}

table.spec tr{
	border-bottom: 1px solid black;
}

table.spec tr.diff{
	background: #d9d9d9;

}

table.spec tr.last_diff{
	background: #d9d9d9;

}

table.spec caption{
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
	font-weight: bold;
	font-size: 14pt;
}

table.spec_rack{
	width: 450px;
	border-collapse: collapse;
}


table.spec_rack td{
	border-bottom: 1px solid black;
}

table.spec_rack tr{
	border-bottom: 1px solid black;
}

table.spec_rack tr.diff{
	background: #d9d9d9;

}

table.spec_rack caption{
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
	font-weight: bold;
	font-size: 14pt;
}
/*
----------------------------
Includes Table
----------------------------
*/table.include{
	width: 350px;
	border-collapse: collapse;
}


table.include td{
	border-bottom: 1px solid black;
}

table.include tr{
	border-bottom: 1px solid black;
}

table.include tr.diff{
	background: #d9d9d9;

}

table.include caption{
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
	font-weight: bold;
	font-size: 14pt;
}

/*
----------------------------
Image Slideshow
----------------------------
*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #446688;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*
---------------------------------
Span Classes
---------------------------------
*/

span.green{
font-weight: bold;
color: green;
}

span.blue{
font-weight: bold;
color: #46769a;
}

span.red{
font-weight: bold;
color: #f87171;
}

/*
---------------------------------
Forensic Tables
---------------------------------
*/

table.options{
width: 700px;
border-collapse: collapse;
}

table.options td{
	width: 350px;
	margin-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid black;
}

table.options td.last{
border-bottom: none;
}

table.options td h4{
	font-weight: bold;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

table.options td p{
	width: 275px;
	font-size: 10pt;
	margin: 0 0 5px 10px;
	padding-top: 0;
}

table.rtcolumn{
	border-collapse: collapse;

}

table.rtcolumn td{
	border: none;
padding-top: 10px;
}

table.rtcolumn td ul{
margin-left: 20px;
}

table.rtcolumn td ul li{
list-style-type: disc;
}

table.rtcolumn td.left{
	width: 80px;}


/*
---------------------------
Software Table
---------------------------
*/
table.software{
	width: 690px;
	border-collapse: collapse;
	border: 1px solid black;
}

table.software th{
	width: 230px;
	background: #46769a;
	border: 1px solid black;
}

table.software th span{
	color: white;
	margin-left: 5px;
}

table.software tr{
	border: 1px solid black;
}

table.software td{
	border: 1px solid black;
	width: 230px;
text-decoration: none;
color: blue;
}

table.software td.two a{
	text-decoration: none;
	color: green;
}

table.software td.three a{
	color: red;
	text-decoration: none;
}

table.software td.four a{
	color: blue;
	text-decoration: none;
}

table.software td.one{
	color:blue;
}

/*
-------------------------
Services Table and Specs
-------------------------
*/
.scsi_pill{
	background: url('./../images/scsi_pill.jpg') no-repeat;
	height: 22px;
	width: 60px;
	margin: 0;
	padding: 0;
}

.ata_pill{
	background: url('./../images/ata_pill.jpg') no-repeat;
	height: 22px;
	width: 60px;
	margin: 0;
	padding: 0;
}

.sata_pill{
	background: url('./../images/sata_pill.jpg') no-repeat;
	height: 22px;
	width: 60px;
	margin: 0;
	padding: 0;
}

h1{
	font-size: 11pt;
	color: white;
	text-align: center;
	padding-top: 3px;
	margin: 0;
}

table.services{
	border-collapse: collapse;
	margin-left: 15px;
}

table.services td{
	width: 60px;
}

/*
-------------------------
CF Services Table and Specs
-------------------------
*/
.red_pill{
background: url('./../images/red_pill.jpg') no-repeat;
	height: 22px;
	width: 85px;
	margin: 0;
	padding: 0;
}

.blue_pill{
background: url('./../images/blue_pill.jpg') no-repeat;
	height: 22px;
	width: 85px;
	margin: 0;
	padding: 0;
}

.turq_pill{
background: url('./../images/turq_pill.jpg') no-repeat;
	height: 22px;
	width: 85px;
	margin: 0;
	padding: 0;
}

h1.pill_2{
	font-size: 8pt;
	color: white;
	text-align: center;
	padding-top: 6px;
	margin: 0;
}

table.cf_services{
	border-collapse: collapse;
	margin-left: 15px;
}

table.cf_services td{
	width: 87px;
}

/*
-------------------------
Two Columns
-------------------------
*/
table.two_column{
	border-collapse: collapse;
}

table.two_column td{
	width: 250px;
}

table.two_column ul li{
	list-style-type: square;
	margin-left: 15px;
}

/*
-------------------------
Boxpart Lists
-------------------------
*/
ul.boxpart{
	margin: 0;
	padding-left: 20px;
	padding-top: 5px;	
	height: 130px;
}
	
ul.boxpart li{
	list-style-type: disc;
	font-size: 8pt;
	margin-top: 5px;
}
	
ul.support{
	list-style-type: none;
	padding-left: 3px;
height: 55px;
	}

ul.support li{
background: url('./../images/control_play_blue.gif') left center no-repeat;
/*	margin: 5px 0 0 0;*/
	padding-left: 20px;
font-size:10pt;
}
.information{
	width: 200px;
	height: 30px;
	padding-bottom: 5px;
	}

/*
-------------------------
Insight List
-------------------------
*/
ul.insight{
	list-style-type: none;
}

ul.insight li{
padding-top: 5px;
}

ul.insight_child{
	list-style-type: none;
	margin-left: 15px;
}


/*
-------------------------
Site Map
------------------------
*/
.column_padding{
	padding: 10px;
}
#container{
	width: 716px;
	float: left;
}
#column_right{
	margin-left: 350px;
}
#column_left{
	float: left;
	width: 350px;
	margin-left: -716px;
}

ul.map{
margin-top: 0;
margin-left: 20px;
}

ul.map li{
	list-style-type: disc;
	font-size: 10pt;
}

ul.map li ul li{
	list-style-type: circle;
	margin-left: 20px;
}

ul.map ul{
}

h5.header{
	font-weight: bold;
	font-size: 14pt;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}


/*
-----------------------------
Data Recovery
-----------------------------
*/
table.dr{
}

table.dr td{
width: 220px;
}

table.dr i{
font-size: 8pt;
}

ul.dr{
	list-style-type: disc;
}

ul.dr li{
margin-left: 15px;
}

#contact_DR{
height: 110px;
width: 110px;
float: right;
margin-left: 15px;
}

ul.ways{
}

ul.ways li{
margin-bottom: 10px;
list-style-type: disc;
margin-left: 15px;
}


/*
----------------------------
Warrranty Section
----------------------------
*/

ul.policy{
	list-style-type: decimal;
}

ul.policy li{
margin-top: 5px;
}

ul.policy li ul{
	list-style-type: lower-alpha;
}

ul.policy li ul li{
margin-left: 15px;
}

/*
--------------------------
Supported Drives
--------------------------
*/
table.drives{
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.drives td{
	border: 1px solid black;
	width: 120px;
	text-align: center;
}

table.drives td.type{	
	font-weight: bold;
}

table.drives caption{
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}


/*
---------------------------
FAQS
---------------------------
*/

a.answer{
font-weight: bold;
font-size: 13pt;
color:black;
}

a.answer:hover{
text-decoration: none;
color: black;
}

ul.faq{
margin-left: 20px;
}

ul.faq li{
list-style-type: decimal;
}

/*
--------------------------
Supported Drives List
--------------------------
*/
table.drives{
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.drives td{
	border: 1px solid black;
	width: 140px;
	text-align: center;
}

table.drives td.type{	
	font-weight: bold;
}

table.drives caption{
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}

/*
--------------------------
About
--------------------------
*/

#about{
width: 700px;
font-size: 8pt;
}


/*
------------------------
Comparison Chart
------------------------
*/
table.compare{
	border-collapse: collapse;
	font-size: 8pt;
}

table.compare th{
	border: 1px solid black;
	text-align: center;
}

table.compare td{
	width: 95px;
	border: 1px solid black;
	text-align: center;
	padding: 5px;
	font-size: 8pt;
}

table.compare td.category{
	text-align: left;
	font-weight: bold;
	width: 200px;
}

table.compare tr.other{
	background: #cfcfcf;
}

table.compare td.gray{
	background: gray;
}

table.compare tr.space{
	height: 35px;
}

table.compare tr.space td{
	border: none;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
font-size: 9pt;
color: red;
	}



/*
-------------------------------
ABout YEC International Information
-------------------------------
*/
.yec{
	width: 700px;
	padding: 5px;	
}

table.yec_about{
border-collapse: collapse;
}

table.yec_about td.header{
	width: 150px;
	font-weight: bold;
	background: white;
}


table.yec_two{
border-collapse: collapse;
}

table.yec_two td.header{
	width: 150px;
	font-weight: bold;
	background: white;
}

table.yec_two td{
width: 275px;
}

/*
--------------------------------
Ninja Navigation
--------------------------------
*/
table.ninja{
}

table.ninja td{
	border: 1px solid black;
	width: 130px;
	text-align: center;
	color: white;
	background: url('./../images/ninja_gradient.jpg')  repeat-x;
	font-weight: bold;
}

table.ninja a:hover{
	color: black;
}

table.ninja a{
	color: white;
	text-decoration: none;
}

/*
-------------------------------
Path
-------------------------------
*/
ul.path{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin-bottom: 8px;
}

ul.path li{
	background: url('./../images/path_arrow.jpg') no-repeat 0 50%;
	padding-left: 20px;
	display: block;
	float: left;
	font-size: 8pt;

}

ul.path li a{
	font-size: 8pt;
}

ul.path li.home{
	background: none;
	padding-right: 5px;
	padding: 0;
}

/*
-------------------------------
Ninja FAQ Table
-------------------------------
*/

table.ninjafaq{
border: 1px solid black;
border-collapse: collapse;
}

table.ninjafaq td{
border: 1px solid black;
padding: 5px;
}

table.ninjafaq td.head{
background: url('./../images/ninja_gradient.jpg') repeat-x;
color: white;
font-weight: bold;
padding-left: 10px;
}

/*
---------------------------
Atola Insight Supported Drives
---------------------------
*/
ul.atola_support{
margin-left: 30px;
}

ul.atola_support li{
list-style-type: square;
}


/*
--------------------------
Newsletter Link
--------------------------
*/

a.newsletter{
color: blue;
font-weight: bold;
}

a.newsletter:hover{
color: blue;
text-decoration: underline;
}


/*
----------------------------
Product Summary Table
----------------------------
*/

table.products{
margin-top: 15px;
width: 700px;
}

table.products td{
}

table.products a:focus{
outline: none;
}

table.products td.image{
width: 150px;
padding: 10px;
}

table.products td.summary{
width: 550px;
padding: 10px;
}


/*
-------------------------
Logicube Products
-------------------------
*/
.logicube_detail{
margin-bottom: 10px;
}

table.info{
width: 715px;
border-collapse: collapse;
border-top: 1px solid black;
}

table.info td{
padding: 5px;
width: 238px;
border-right: 1px solid black;
}

table.info td.head{
border-bottom: 1px solid black;
background: #6E809C;
color: white;
font-weight: bold;
border-left: 1px solid black;
}

ul.info{
list-style-type: disc;
}

ul.info li{
margin-left: 15px;
}

/*
-------------------------
Product Index Page Summaries
-------------------------
*/
.index_wrapper{
	margin-top: 15px;
}

.index_content{
	float: left; 
	width: 100%;
}

.index_column{
	margin-right: 200px;
}

.index_img{
	width: 150px; 
	float: left; 
	margin-left: -150px;
}

strong.product{
	font-size: 14pt;
}

/*
-------------------------
Frequent Bytes Program Table
-------------------------
*/
table.bytes{
border-collapse: collapse;
width: 350px;
}


table.bytes td{
padding: 5px 15px 5px 10px;
}

table.bytes tr.alt{
background: #cccccc;
}

table.bytes td.level{
width: 100px;
}


table.bytes td.recoveries{
width: 120px;
text-align: center;
}

table.bytes td.benefits{
width: 100px;
text-align: center;
}

table.bytes td.head{
padding: 5px 0 5px 10px;
border-bottom: 1px solid black;
font-weight: bold;
}

/*
------------------------
Web Request Form
------------------------
*/
form{
float: left;
margin-bottom: 10px;
}

textarea.info{
height: 12pt;
}

p.request{
padding: 5px 0 5px 0;
}


/*
-----------------------
Price Structure
-----------------------
*/


ul.structure{
width: 350px;
list-style-type: decimal;
}

ul.structure li{
list-style-type: decimal;
margin-left: 15px;
}

ul.structure li ul.structure_sub li{
list-style-type: lower-latin;
}

table.structure{
width: 710px;
border-collapse: collapse;
}


table.structure td.header{
background-color: #446688;
color: white;
padding: 5px;
}


/*
-----------------------
DR Process
-----------------------
*/

ul.dr_process{
padding: 5px;
}

ul.dr_process li{
	list-style-type: decimal;
	margin-left: 20px;
}.box_fleft {
	clear: both;
	float: left;
	width: 716px;
}