@charset "UTF-8";

/* CSS Document */

* { margin: 0; padding: 0;}

/* HTML */
html {}

body { font-family: Arial, sans-serif; font-size: 9pt; line-height: 1.3em; color: #000; background: #ECECEC;}

p { margin: 0 0 1em 0;}

img { border: 0px Solid Transparent;}

a { text-decoration: none;}

hr { margin: 10px 0px 10px 0px; border-top: 1px solid #333;}

#storage table { width: 100%; border-top: 1px solid #666; border-left: 1px solid #666; color: #000; margin: 10px 0 10px 0; }
#storage td { padding: 2px 8px; border-right: 1px solid #666; border-bottom: 1px solid #666;}
#professional table { width: 100%; border-top: 1px solid #666; border-left: 1px solid #666; color: #000; margin: 10px 0 10px 0; }
#professional td { padding: 2px 8px; border-right: 1px solid #666; border-bottom: 1px solid #666;}
#general table { width: 100%; border-top: 1px solid #666; border-left: 1px solid #666; color: #000; margin: 10px 0 10px 0; }
#general td { padding: 2px 8px; border-right: 1px Solid #666; border-bottom: 1px Solid #666; }

/* Element */
.invisible { display: none;}
.left {
	float: left;
	padding-right: 7px;
}
.right { float: right;}
.clear { clear: both;}
.hide { display: none;}
a.gotop { display: block; width: 40px; height: 16px; font-size: 0.8em; background-color: #999; color: #FFFFFF; font-weight: bold; padding: 0px 0px 0px 5px; margin-bottom: 15px; float: right;}
a.gotop:hover { background-color: #1c6faf; }

/* Layout */
#base { display: block; width: 966px; margin: 0 auto;}
.top { background: #ececec url('../_media/bg.gif') repeat-x;}
.top #base { background: url('../_media/home_base_bg.gif') repeat-y;}
.top #header { position: relative; display: block; height: 370px;}
.top #header { background: url('../_media/home_mbheader_bg.gif') no-repeat;}
.top #content { display: block; width: 960px; float: right;}
.top #footer { display: block; width: 966px; height: 60px; background: url('../_media/home_mbfooter_bg.gif') no-repeat; text-align: right;}

.sub { background: #ececec url('../_media/sub_bg.gif') repeat-x;}
.sub #base { background: url('../_media/sub_bg_repeat.gif') repeat-y;}
.sub #header { position: relative; display: block; height: 247px;}
.sub #header { background: url('../_media/sub_mbheader_bg.gif') no-repeat;}
.sub #content { display: block; width: 725px; float: right; border-top: 4px Solid ; padding: 18px;}
.sub #footer { display: block; width: 966px; height: 60px; background: url('../_media/sub_mbfooter_bg.gif') no-repeat; text-align: right;}

#main { display: block; width: 960px; margin: 13px 3px;}

#sect_navi { display: block; width: 198px; float: left; border-top: 4px Solid #000;}

#info { display: block; width: 579px; line-height: 1.4em; padding: 18px 0 0 0;}
#info ul { margin: 0 0 12px 0; list-style-type: disc; }
#info li { position: relative; margin-left: 15px; }

#side { display: block; width: 127px; margin-top: 18px}

/* Header */
h1 a { display: block; width: 115px; height: 50px;}
h1 span { display: none;}
#header h1 span { display:none;}

/* Navigation */
.top #main_navi { position: absolute; z-index: 9; top: 65px; left: 3px; display: block; width: 935px; height: 34px; background: url('../_media/home_navi_bg.gif') no-repeat; padding-right: 25px; filter:alpha(opacity=90); opacity:.90;}
.sub #main_navi { position: absolute; z-index: 9; top: 65px; left: 3px; display: block; width: 935px; height: 34px; background: url('../_media/main_navi_bg.gif') no-repeat; padding-right: 25px; filter:alpha(opacity=90); opacity:.90;}
#main_navi ul { list-style-type: none; float: right; display: block;}
#main_navi li { display: block; float: left; text-transform: uppercase; font-weight: bold;}
#main_navi li a { padding: 10px 10px 9px 10px; line-height: 35px; color: #999;}
#main_navi li a:hover { background: url('../_media/main_navi_li_hover.gif') no-repeat center;}
#main_navi li a.on { background: url('../_media/main_navi_li_on.gif') no-repeat center; color: #000;}

#sect_navi { font-size: 1em; font-weight: bold; background: #7B7B7B url('../_media/sub_bg_side_top.gif') no-repeat;}
#sect_navi ul { margin: 0; list-style-type: none;}
#sect_navi ul.level1 { padding : 17px 0 250px 0; background: url('../_media/sub_bg_side.gif') no-repeat bottom;}
#sect_navi li { border-bottom: 2px Solid #7B7B7B;}
#sect_navi li a { display: block; width: 168px; min-height: 22px; _height: 22px; }
#sect_navi .level1 a { background: #3e3e3e url('../_media/sub_navi_on.gif') no-repeat; }
#sect_navi .level1 .direct a { background: #3e3e3e url('../_media/sub_navi_direct_on.gif') no-repeat; }
#sect_navi .level2 a { color: #d5d5d5; background: #666; }
#sect_navi ul ul a {}
#sect_navi li li { border-bottom: 0px Solid Transparent; border-top: 2px Solid #7B7B7B;}
#sect_navi li li span { display: block; padding: 0 17px 3px 0; }
#sect_navi a { color: #777; display: block; width: 168px; padding: 3px 0 0 30px;}
#sect_navi a span { display: inline; margin: 0; padding: 0;}
#sect_navi li a:hover { display: block; width:168px; min-height: 22px; _height: 22px; color:#FFF;}

#productnavi { display: block; height: 24px; border-bottom:1px solid; margin: 16px 0 0 0;}
#productnavi ul { display: inline; list-style-type: none; }
#productnavi li { float: left; background: #dedede; padding: 4px 7px 4px 7px; margin-right: 1px; }
#productnavi li.on a { color: #333;}
#productnavi a { font-size: 1em; font-weight: bold; color: #999;}
#productnavi li a:hover { color: #333; }

/* Footer */
#footer h3 { display: none;}
#footer p { font-size: 0.8em; padding: 30px 17px 0 0; color: #999;}
#footer img { margin:0 1px 0 3px; }
#footer a { color: #000; }
#footer a:hover { text-decoration: underline;}


/* Main Page */
#home #content span { display: none;}
#home .more {display: block; width: 36px; height: 10px; float: right; background: url('../_media/home_more.gif') no-repeat; margin-top: 7px; padding-right: 8px;}

#home h4 { font-size:1.2em; font-weight:bold;}

#home #storage {display:block; width: 369px; float: left; margin-left: 0px; background: #FF6600 url('../_media/home_main_a.jpg') repeat-x; }
#home #storage h3 { display:block; width:132px; height:15px; background: url('../_media/home_title_storage.gif') no-repeat; margin:5px;}
#home #storage .copy {display:block; width:165px; height:100%; padding:10px 0px 0px 24px;}
#home #storage img { display:block; float:right; padding: 0px 24px 0px 0px;}


#home #professional {display:block; width: 368px; float:left; margin-left:1px; background: #004292 url('../_media/home_main_b.jpg') repeat-x; }
#home #professional h3 { display:block; width:182px; height:15px; background: url('../_media/home_title_professional.gif') no-repeat; margin:5px;}
#home #professional .copy {display:block; width:165px; height:100%; padding:10px 0px 0px 24px;}
#home #professional img { display:block; float:right; padding: 0px 24px 0px 0px;}


#home #highlights {display:block; width: 221px; float: left; margin:0px 0px 0px 1px; background: #292929 url('../_media/home_main_c.jpg') repeat-x;}
#home #highlights h3 { display:block; width:132px; height:15px; background: url('../_media/home_title_highlights.gif') no-repeat; margin:5px;}
#home #highlights .copy {display:block; width:165px; padding:10px 0px 0px 24px;}
#home #highlights .banner { display:block; margin: 10px 0 10px 0;}
#home #highlights p{color:#FFF;}
#home #highlights h4 { color:#FFF; padding: 0; margin: 0;}
#home #highlights a.highlights {color:#FFF; text-decoration: none;}
#home #highlights a.highlights:hover {color:#CCC; text-decoration: none;}

/* Sub Page */
.sub #sub_title { display: block; height: 48px; background: url('../_media/sub_titlebar.gif') no-repeat;}
.sub h2 { font-size: 2.5em; line-height: 1.7em; float:left;}
.sub h2 span { padding-left: 11px;}
.sub #side h4 { display: block; font-size: 1em; font-weight: bold; color: #333; background: url('../_media/sub_side_title_bg.gif') no-repeat; padding: 3px 0 3px 5px; border-bottom: 1px solid #bbb;}
.sub #side ul { font-size: 0.9em; list-style-type: none; background: #e7e7e7 url('../_media/sub_side_bottom.gif') no-repeat bottom; padding-bottom: 5px;}
.sub #side li { padding: 5px 3px 0px 5px; line-height: 1em;}
.sub #side li a { color: #777;}
.sub #side li a:hover { color: #000;}
.sub #info img.diagram { border:1px solid #eaeaea; margin: 0 0 15px 0;}
.sub #info .product_img { float: right; margin: 0 0 12px 18px; }


#drive_img { display:block; width: 200px; float: left;}
#drive_specs { display:block; width:300px; padding:0 0 0 50px; float: left;}
#drive_specs li { font-size: 0.9em; line-height: 1.3em;}
.notes { color:#666; font-size: 0.8em; float: left;}
.list_menu { text-align:left; margin: 0 0 15px 0;}
    
.icon { margin: 8px 1px 0 0; float:right;}
#info h4 { font-size:1em; font-weight:bold;} 

.product_index { display: block; width: 579px; background: #DDD url('../_media/sub_landing_bar_b.gif') no-repeat bottom; margin: 15px 0 0 0; }
.product_index dt { display: block; width: 568px; height: 24px; font-size: 1.2em; font-weight:bold; color: #000; line-height: 1.5em; padding: 0 0 0 11px; }
.product_index dd { position: relative; display: block; width: 193px; float: left; font-size: 0.8em; color: #333333; line-height: 1.2em; padding: 11px 0 0 0; }
.product_index dd.long { position: relative; display: block; width: 579px; float: left; font-size: 0.8em; color: #333333; line-height: 1.2em; padding: 11px 0 0 0; }
.product_index img { float: left; margin: 2px;}
.product_index .copy { display: block; width: 103px; float:left; padding: 5px 0 0 0; }
.product_index a { position: absolute; bottom: 5px; display: block; width: 34px; height: 16px; background: url('../_media/sub_more.gif') no-repeat; }
.product_index a span { display: none;}

#storage #content { border-color:#FF6600;}
#storage h2 { color: #FF6600;}
#storage #info h4 { color: #FF6600;} 
#storage .product_index dt { background:url('../_media/storage_landing_titlebar_bg.gif') no-repeat;}
#storage #sect_navi .level1 .expand a:hover { background:#636363 url('../_media/sub_navi_hover.gif') no-repeat top left;}
#storage #sect_navi .expand .level2 a:hover { background:#9d9d9d url('../_media/sub_navi_on_2.gif') no-repeat top left;}
#storage #sect_navi .expand_on .level2 a:hover { background:#9d9d9d url('../_media/sub_navi_on_2.gif') no-repeat top left; }
#storage #sect_navi .expand_on .level2 .on a{ background:#9d9d9d url('../_media/sub_navi_on_2.gif') no-repeat top left; }
#storage #sect_navi .level1 .direct a:hover { background:#636363 url('../_media/sub_navi_direct_hover.gif') no-repeat; }
#storage #sect_navi .level1 .expand_on a { background:#FF5300 url('../_media/sub_navi_storage_selected.gif') no-repeat; color:#FFF; }
#storage #sect_navi .expand_on .level2 a { color: #d5d5d5; background: #666; }
#storage #sect_navi .level1 .direct_on a { background:#FF5300 url('../_media/sub_navi_storage_direct_selected.gif') no-repeat; color:#FFF;}
#storage #productnavi li.on { background: #f90;}
#storage #productnavi { border-bottom-color: #f90;}
#storage .table_header { font-weight: bold; background: #f90; text-align:center;}
#storage .table_title { font-weight: bold; background: #ddd;}

#professional #content { border-color:#0056A9;}
#professional h2 { color: #0056A9;}
#professional #info h4 { color: #0056A9;} 
#professional .product_index dt { background:url('../_media/professional_landing_titlebar_bg.gif') no-repeat; color: #fff;}
#professional #sect_navi .level1 .expand a:hover {background:#636363 url('../_media/sub_navi_hover.gif') no-repeat top left;}
#professional #sect_navi .expand .level2 a:hover { background:#9d9d9d url('../_media/sub_navi_on_2.gif') no-repeat top left;}
#professional #sect_navi .expand_on .level2 a:hover { background:#9d9d9d url('../_media/sub_navi_on_2.gif') no-repeat top left; }
#professional #sect_navi .expand_on .level2 .on a{ background:#9d9d9d url('../_media/sub_navi_on_2.gif') no-repeat top left; }
#professional #sect_navi .level1 .direct a:hover { background:#636363 url('../_media/sub_navi_direct_hover.gif') no-repeat; }
#professional #sect_navi .level1 .expand_on a { background:#0056A9 url('../_media/sub_navi_professional_selected.gif') no-repeat; color:#FFF; }
#professional #sect_navi .expand_on .level2 a { color: #d5d5d5; background: #666;}
#professional #sect_navi .level1 .direct_on a { background:#0056A9 url('../_media/sub_navi_professional_direct_selected.gif') no-repeat; color:#FFF; }
#professional #productnavi li.on { background: #09f;}
#professional #productnavi { border-bottom-color: #09f;}
#professional .table_header { font-weight: bold; background: #1C6FAF; text-align: center; color: #FFF}
#professional .table_title { font-weight: bold; background: #ddd;}
#professional .rec { background-color: #CC0000; color: #fff; }
#professional .play { background-color: #999; color: #FFF;}

#comparison_chart ul, #compatibility ul { list-style-type: none; display: block; margin-top: 10px;}
#comparison_chart li, #compatibility li { float: left; margin:0 5px 5px 0;}
#comparison_chart li a, #compatibility li a { color: #fff; font-weight: bold; }
#comparison_chart li a {display: block; width: 158px; height: 25px;  background: #999 url('../_media/file_icon.gif') no-repeat left; padding: 5px 0 0 30px;}
#comparison_chart li a:hover { background: #1C6FAF url('../_media/file_icon_blue.gif') no-repeat left;}
#compatibility li a {display: block; width: 129px; height: 25px;  background: #999;  padding: 5px 0 0 10px;}
#compatibility li a:hover { background: #1C6FAF;}

#general #content { border-color:#324F16;}
#general h2 { color: #390; text-transform: none;}
#general #info h4 { color: #390;} 
#general #sect_navi .level1 .expand a:hover {background:#636363 url('../_media/sub_navi_hover.gif') no-repeat top left;}
#general #sect_navi .expand .level2 a:hover { background:#9d9d9d url('../_media/sub_navi_on_2.gif') no-repeat top left;}
#general #sect_navi .expand_on .level2 a:hover { background:#9d9d9d url('../_media/sub_navi_on_2.gif') no-repeat top left;}
#general #sect_navi .expand_on .level2 .on a{ background:#9d9d9d url('../_media/sub_navi_on_2.gif') no-repeat top left;}
#general #sect_navi .level1 .direct a:hover { background:#636363 url('../_media/sub_navi_direct_hover.gif') no-repeat;}
#general #sect_navi .level1 .expand_on a { background:#324F16 url('../_media/sub_navi_general_selected.gif') no-repeat; color:#FFF;}
#general #sect_navi .expand_on .level2 a { color: #d5d5d5; background: #666; }
#general #sect_navi .level1 .direct_on a { background:#324F16 url('../_media/sub_navi_general_direct_selected.gif') no-repeat; color:#FFF;}
#general .table_header { font-weight: bold; background: #390; text-align:center; color: #fff;}
#general #side p { font-size: 0.9em;} 

/* Sitemap */
#sitemap #content { border-color:#324F16;}
#sitemap #side_bar { display: block; width: 198px; float: left; border-top: 4px Solid #000; font-size: 1em; font-weight: bolder; background: #7B7B7B url('../_media/sub_bg_side.gif') no-repeat; padding: 250px 0 0 0;}
#sitemap h5{ display:block; height:20px; font-weight:bold; background: url('../_media/sitemap_title_bg.gif') no-repeat; font-size: 1.3em; margin: 0 0 15px 0; padding: 8px 0 0 10px;}
#sitemap h5 a { color:#000;}
#sitemap h5 a:hover { color:#eee;}
#sitemap .cat_title h5 { display:block; height:20px; background: #bbb url('../_media/sitemap_th_bg.gif') no-repeat top; font-size: 1.4em; margin: 0; padding: 8px 0 0 10px; border-bottom: 1px solid #999;}
#sitemap .links { background: #E8E8E8 url('../_media/sitemap_td_bg.gif') no-repeat bottom; margin-bottom: 15px;}
#sitemap #info { width: 725px; padding: 0;}
#sitemap #info table { margin: 0 0 10px 10px; width: auto; text-align: left;}
#sitemap #info th { width: 160px ; text-align: left; border-right:20px solid #E8E8E8; border-bottom:1px solid #999; padding: 10px 0 0 0;}
#sitemap #info th { color:#444;}
#sitemap #info ul { display: block; width: 156px; padding: 8px 0 0 0; list-style-type: disc;}
#sitemap #info li { line-height: 1em; padding: 0 0 8px 0;}
#sitemap #info li a { color:#666; font-size: 0.9em; }
#sitemap #info li a:hover { text-decoration: underline;}

/* highlights */
#highlights #content { border-color:#324F16;}
#highlights #side_bar { display: block; width: 198px; float: left; border-top: 4px Solid #000; font-size: 1em; font-weight: bolder; background: #7B7B7B url('../_media/sub_bg_side.gif') no-repeat; padding: 250px 0 0 0;}
#highlights #info h4 { color: #390;}
#highlights #sub_title h2 { color: #390;}
#highlights #info a { color: #333;}
#highlights #info a:hover { color: #999;}
#highlights a.back_btn { background-color: #666; padding: 2px 5px; color:#FFF;}
#highlights a.back_btn:hover { background-color: #390;}

/* terms */
#terms #header { display: block; width: 760px; height: 50px; background: url('../_media/terms_header_bg.gif') no-repeat; }
#terms #base { display: block; width: 760px; background: none; }
#terms #content { display: block; width: 722px; background: none; border:0px; }
#terms ol { padding-left: 30px; padding-bottom: 10px;}
#terms #footer { display: block; width: 760px; height: 30px; background: url('../_media/terms_footer_bg.gif') no-repeat; }
#terms #footer p { padding: 10px 17px 0 0; }

/* popup */
#pop_bg { position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background: #000;  opacity: 0.5; filter: alpha(opacity:50); }
* html #pop_bg { position: absolute;}

#pop_content { position: fixed; top: 50%; left: 50%; width: 760px; height: 500px; margin: -250px 0pt 0pt -380px; padding: 0pt; z-index: 1002; cursor: default; background: #FFF; border: 1px Solid #CCC; opacity: 1; filter: alpha(opacity:100); background: #ececec url('../_media/sub_bg2.gif') repeat-x; }
* html #pop_content { position: absolute}

#pop_content h3 { font-size: 1.4em; }
#tnc h4 { font-size: 1.1 em;}
#tnc p { color: #333333;}
#pop_content ul { padding-left: 30px; padding-bottom: 10px;}
#pop_content dd { padding: 0px 0px 10px 10px}
#pop_content ol { padding-left: 30px; padding-bottom: 10px;}

a.btn { display: block; height: 18px; color: #fff; font-weight: bold; padding: 0px 0px 0px 15px; background-color: #666; margin: 10px 5px 5px 0px; float: left; }
a.btn:hover { background-color: #09f;}
#tnc a.btn { width: 170px; }
#accept a.btn { width: 50px;}
#accept li a { color:#03c; font-weight: bold; }
#accept li a:hover { text-decoration: underline;}

#pop_content .copy { display: block; overflow: auto; background: #CCC; padding: 10px;}

/* Q & A */
.qa { margin-bottom: 15px;}
.qa a{ color:#000000}
.question { font-weight: bold; background-color: #ddd; padding: 5px;}
.answer { display: none; color: #333; background-color: #eee; padding: 5px; }
.answer a { color: #0056A9;}

/* feedback */
#webform { background-color: #f6f6f6;}
#webform td { border: 0px;}
#webform .style6 { font-weight: bold;}