/* CSS Document */

/* MAIN SITE CSS */

*
{
	padding:0px;
	margin:0px;
}
.cms_admin_page,
body
{
	background:#000;
	padding:0px;
	margin:0px 5px 5px 5px;
	font-family:
}

.webpage
{
	background:#fff;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	min-width:740px;
	max-width:1020px;
	text-align:left;
}





.content_wrapper
{
	width:100%;
	padding:10px 0px 10px 0px;
	background:url("../../media/jpg/page_jpg/content_bg.jpg") top left repeat-x;
}
.page_content
{
	width:100%;
}
.col_one,
.col_two
{
	padding-bottom:10px;
}
.col_two
{
	width:74.5%;
	float:right;
}
.col_one
{
	float:left;
	width:25%;
	background:url("../../media/jpg/page_jpg/col1_bg.jpg") bottom left no-repeat;
	padding-bottom:80px;
	overflow:hidden;
}

.sub_col1
{
	width:100%;
}
.sub_col2
{
}
.sub_col3
{
	width:220px;
	padding-right:20px;
	overflow:hidden;
}
.sub_col2,
.sub_col3
{
	vertical-align:top;
	display:table-cell;
}
.sub_col1,
.sub_col2,
.sub_col3
{
	padding-bottom:10px;
}
.col_row
{
	display:table-row;
}
.col_tb
{
	display:table;
	width:100%;
}
.half_col
{
	width:49%;
	float:left;
}





/* 

MAIN MENU 

*/
.main_nav
{
	width:100%;
	background-color:#000;
	color:#FFF;
	padding-top:0px;
	position:relative;
}
.main_nav table
{
	margin-bottom:0px;
	margin-top:5px;
	height:130px;
}
.main_nav img
{
	border:0px;
	margin:0px;
	padding:0px;
	width:100%;
}
.main_nav a
{
	margin:0px;
	padding:0px;
	width:100%;
}

.main_nav td
{
	/*
	padding-left:15px;
	padding-right:15px;
	*/
}

.mm_container
{
/*	position:relative;
	text-align:center;
	width:100%;*/
}
.mm_mask,
.mm_image
{
	/*width:100%;*/
}
.mm_mask
{
	display:none;
	/*position:absolute;
	top:0px;
	left:0px;*/
}
.mm_image
{

	/*
	REQUIRED FOR IE !!
	
	position:absolute;
	top:0px;
	left:0px;*/
	/*
	REQUIRED FOR IE !!
	*/
}
.mm_image img,
.mm_mask img
{
	max-height:124px;
	max-width:88px;
	width:auto;
	/*width:100%;*/
}
.mm_image img.mm_selected
{
	max-height:140px;
	max-width:103px;
}
.main_logo
{
	width:150px;
	height:44px;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:15px;
	overflow:hidden;
}
.webpage .main_logo img
{
	width:auto;
	padding:0px;
	margin:0px;
}
.selected_section
{
	position:absolute;
	top:0px;
	left:155px;
}
.contact_details
{
	position:absolute;
	width:245px;
	top:16px;
	right:23px;
}
.webpage .contact_details img
{
	margin-bottom:4px;
	padding:0px;
}
.sub_col2 .img_hold
{
	width:100%;
	overflow:hidden;
}
.webpage .sub_col2 .img_hold img
{
	width:100%;
}



/* 

HORIZONTAL MENU 

*/
.menu_level_2
{
	width:inherit;
	margin-bottom:2px;
}
.menu_level_2 table
{
	padding:0px 20px 0px 20px;
}
.menu_level_2 table td
{
	border-right:1px solid #fff;
	background:url("../../media/jpg/page_jpg/menu1_off.jpg") top right repeat-y #999;
	padding:2px 2px 2px 2px;
}
.menu_level_2 table td.on
{
	background:url("../../media/jpg/page_jpg/menu1_on.jpg") top right repeat-y #cc0000;
}
.menu_level_2 table td.on a
{
	color:#FFF;
	font-weight:500;
}

.menu_level_2 table
{
	font-family:Helvetica Neue Light, Helvetica, Verdana, Arial, sans-serif;
	font-size:85%;
	font-style:100;
	font-weight:100;
	color:#000;
	line-height:120%;
	text-transform:uppercase;
}
.menu_level_2 table a
{
	text-decoration:none;
	display:block;
	color:#000;
}
.menu_level_2 table a:hover
{
	color:#fff;
}
.webpage .menu_level_2 img
{
	padding:0px;
	margin:2px 1px 2px 1px;
}




/* 

PAGE CONTENT

*/
.page_content
{
	width:inherit;
}
.page_content table
{
	margin:0px 20px 0px 20px;
}




/* 

HTML 

*/
.webpage h1 /* TITLE */
{
	font-family:Helvetica Neue Light, Helvetica, Verdana, Arial, sans-serif;
	font-size:170%;
	font-weight:100;
	font-style:normal;
	color:#cc0000;
	padding:0px 0px 10px 20px;
	margin:0px;
	line-height:120%;
}
 
.webpage h2 /* MAIN MENU AREA TEXT */
{
	font-family:Helvetica Neue Light, Helvetica, Verdana, Arial, sans-serif;
	font-size:170%;
	font-weight:100;
	font-style:normal;
	color:#cc0000;
	padding:0px 0px 0px 20px;
	margin:0px;
	line-height:135%;	
}

.webpage h3 /* TEXT AREA SUBTITLE */
{
	font-size:78%;
	font-weight:normal;
	color:#cc0000;
	margin:0px;
	padding:0px 0px 10px 20px;
	line-height:135%;	
}
	
.webpage h4 /* INTRO PARA OR HIGHLIGHTED TEXT */
{ 
	font-size:78%;
	font-weight:normal;
	color:#000;
	margin:0px;
	padding:0px 0px 10px 20px;
	line-height:135%;	
}


.webpage h5 /* WARNING TEXT */
{ 
	font-size:78%;
	font-weight:bold;
	color:#CC0000;
	margin:0px;
	padding:0px 0px 10px 20px;
	line-height:135%;	
}
	
.webpage p /* PARA TEXT */
{
	margin:0px;
	padding:0px 0px 10px 20px;
	font-size:78%;
	font-style:100;
	font-weight:100;
	color:#666;
	line-height:135%;	
}


a
{
	color:inherit;
}

p a,
h3 a,
h4 a
{
	color:#333;
}


ul,
ol
{
	list-style-position:outside;
	font-size:80%;
	margin:0px 30px 20px;
	font-size-adjust:none;
}

ul ul,
ol ol
{
	font-size:100%;
}

ul
{
	margin-left:25px;
}

li
{
	padding:0px;
	margin:0px;
	font-style:100;
	font-weight:100;
	line-height:145%;	
	color:#000;
}

ol
{
	padding:0px;
	font-style:100;
	font-weight:100;
	line-height:133%;	
}

hr
{
	margin-left:15px;
	height:1px;
	overflow:hidden;
}

.webpage img
{
	padding:0px 0px 15px 20px;
	border:0px;
}


/* 

BREADCRUMB 

*/
.breadcrumb
{
	padding-top:5px;
}
.breadcrumb ul
{
	margin-bottom:8px;
}
.breadcrumb li
{
	color:#CC0000;
	list-style-type:none;
	display:inline;
}
.breadcrumb li a
{
	color:#666666;
	text-decoration:none;
	padding-right:15px;
	background:url("../../media/jpg/page_jpg/bc_point.jpg") center right no-repeat;
}
.breadcrumb li a:hover
{
	text-decoration:underline;
}





/* 

MISC 

*/
.clear_float
{
	clear:both;
	width:100%;
	height:1px;
	overflow:hidden;
}







/* 

FLASH TITLE 

*/
.flash_title
{
	width:90%;
	margin-top:5px;
}
.module_dyn_title hr
{
	margin:35px 20px 10px 20px;
	background-color:#999;
	color:#999;
	border:0px;
}
.flash_title h1
{
	margin-top:-5px;
}
.flash_title object,
.flash_title embed
{
	margin-left:20px;
}


/* 

DOWNLOADABLE

*/
.downloadable
{
	background:url("../../media/jpg/page_jpg/download.jpg") top left no-repeat;
	padding-top:40px;
}
.webpage .downloadable a
{
	color:#CC0000;
	text-decoration:none;
}
.webpage .downloadable a span
{
	color:#000;
	text-decoration:underline;
}



/* 

TEXT TOOL STYLES

*/
.html_text ul
{
	margin:0px 0px 20px 32px;
}
.html_text ol
{
	margin:0px 0px 20px 40px;
}
.html_text hr,
.site_form hr
{
	background-color:#999;
	color:#999;
	border:0px;
	margin:0px 0px 10px 20px;
	height:1px;
}
/*
	HTML TABLE SYLES
*/
.html_text caption
{
	font-weight:100;
	font-style:normal;
	font-size:78%;
	line-height:150%;
	width:auto;
	padding:2px;
	padding-bottom:15px;
	text-align:left;
	color:#333;
}
.html_text th
{
	background-color:#fff;
	color:#999;
	font-weight:100;
	font-style:normal;
	font-size:78%;
	line-height:130%;
	padding:4px 10px 4px 6px;
	width:auto;
	text-align:left;
	border-top:1px Solid #999;
	border-bottom:1px Solid #999;
}
.html_text td
{
	font-style:normal;
	font-size:78%;
	font-weight:100;
	line-height:130%;
	color:#333;
	padding:4px 10px 4px 6px;
	width:auto;
	background-color:#ccc;
	border-bottom:1px Solid #fff;
}
.html_text table
{
	margin-bottom:15px;
}


/* 

PODCAST

*/
.podcast
{
	background-color:#CC0000;
	margin:0px 0px 20px 20px;
	padding-top:10px;
}
.podcast h3
{
	font-family:Helvetica Neue Light, Helvetica, Verdana, Arial, sans-serif;
	font-size:170%;
	font-weight:100;
	font-style:normal;
	color:#E57F7F;
	padding:0px 0px 5px 10px;
	margin:0px;
	line-height:120%;
	width:90%;
}
.podcast p
{
	padding:0px 0px 2px 10px;
	color:#FFF;
	width:90%;
}
.podcast img
{
	margin:0px;
	padding:0px;
	width:100%;
}
.podcast_player
{
	padding:20px 0px 10px 0px;
	width:100%;
}
.podcast_player a
{
	color:#E57F7F;
}
.podcast_player a:hover
{
	color:#fff;
}




/* 

FOOTER

*/
.footer
{
	width:100%;
	background:url("../../media/jpg/page_jpg/footer_logo.jpg") 18px 8px no-repeat;
}
.footer .col_one
{
	padding-bottom:0px;
	background-image:none;
}
.footer hr
{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:5px;
}
.footer ul
{
	list-style-type:none;
	margin-left:20px;
	margin-bottom:5px;
}
.footer li
{
	display:inline;
	color:#000;
}
.footer a
{
	color:#666;
	text-decoration:none;
}
.footer a:hover
{
	color:#333;
	text-decoration:underline;
}
.footer .half_col p
{
	color:#999;
	font-size:75%;
	padding-bottom:0px;
}
.footer .half_col p a
{
	padding-right:5px;
	padding-left:5px;
}




/* 

SUBMENU

*/
.submenu
{
	margin:0px 0px 20px 20px;
}

.submenu ul
{
	list-style-type:none;
	margin-left:0px;
	width:100%;
	margin-bottom:0px;
	overflow:hidden;
}
.submenu li
{
	background:url("../../media/jpg/page_jpg/smenu_level1.jpg") top right repeat-y #CC0000;
	margin-bottom:0px;
	border-bottom:1px solid #fff;
}

.submenu a
{
	color:#E57F7F;
	display:block;
	text-decoration:none;
	padding:4px 15px 4px 10px;
}
.submenu a:hover,
.submenu .selected li a:hover,
.submenu .selected .selected li a:hover
{
	color:#fff;
	background:url("../../media/png/sm_arrow_hover.png") center right no-repeat;
}
.submenu a.on,
.submenu .selected li a.on,
.submenu .selected .selected li a.on
{
	color:#fff;
	font-weight:900;
	background:url("../../media/png/sm_arrow.png") center right no-repeat;
}
.submenu .selected li
{
	background:url("../../media/jpg/page_jpg/smenu_level2.jpg") top right repeat-y #666;
	border-bottom:1px solid #999;
}
.submenu .selected li a
{
	color:#000;
}
.submenu .selected .selected li
{
	background:url("../../media/jpg/page_jpg/smenu_level3.jpg") top right repeat-y #999;
	border-bottom:1px dotted #fff;
}
.submenu .selected .selected li a
{
	color:#000;
}


/* 

HITACHI BANNER

*/
.webpage .banner H3,
.webpage .banner H4
{
	font-family:Helvetica Neue Light, Helvetica, Verdana, Arial, sans-serif;
	font-size:130%;
	font-weight:900;
	font-style:normal;
	margin:0px;
	line-height:110%;
	width:90%;
	color:#000;
	padding-bottom:5px;
}
.webpage .banner H4
{
	font-weight:100;
	font-size:100%;
}
.webpage .banner a
{
	text-decoration:none;
	cursor:pointer;
}


/* 

CONTENT BANNER

*/
.content_banner
{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-left:20px;
	margin-bottom:10px;
	padding:10px 0px 9px;
	display:table;
}
.webpage .content_banner a
{
	text-decoration:none;
	background-color:transparent;
	cursor:pointer;
}
.content_banner:hover,
.content_banner a:hover
{
	background-color:#e1e1e1;
}
.content_banner:hover .content_link_arrow
{
	background:url("../../media/png/link_arrow_on.png") center no-repeat;
}
.webpage .content_banner H3
{
	font-family:Helvetica Neue Light, Helvetica, Verdana, Arial, sans-serif;
	font-size:100%;
	font-weight:100;
	font-style:normal;
	margin:0px;
	line-height:110%;
	width:90%;
	color:#CC0000;
	padding-bottom:5px;
}
.webpage .content_banner H3,
.webpage .content_banner p
{
	width:90%;
	padding-left:10px;
}
.banner_text
{
	display:table-cell;
	vertical-align:top;
}
.banner_img
{
	width:138px;
	display:table-cell;
	vertical-align:top;
}
.webpage .banner_img img
{
	border:1px solid #ccc;
	margin:0px;
	padding:0px;
}
.banner_elements
{
	display:table-row;
}
.banner_holding
{
	position:relative;
}
.content_link_arrow
{
	position:absolute;
	bottom:8px;
	right:15px;
	width:23px;
	height:23px;
	z-index:1;
	background:url("../../media/png/link_arrow_off.png") center no-repeat;
}

/* 

SITE FORM

*/
.webpage .site_form
{
	width:80%;
	margin-bottom:20px;
}
.webpage .site_form p
{
	padding-bottom:2px;
}
.webpage .site_form input,
.webpage .site_form textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:78%;
	font-weight:100;
	font-style:normal;
	color:#000;
	padding:2px;
	border:1px solid #999;
	margin:0px 0px 10px 20px;
	background:url("../../media/jpg/page_jpg/input_bg.jpg") bottom left repeat-x;
	width:100%;
}
.webpage .site_form textarea
{
	background:url("../../media/jpg/page_jpg/textarea_bg.jpg") bottom left repeat-x;
	height:84px;
}
.webpage .site_form input.submit_button
{
	background:url("../../media/jpg/page_jpg/submit_button.jpg") center right repeat-y #CC0000;
	width:50%;
	color:#FFF;
	font-weight:900;
	border:0px;
	cursor:pointer;
	text-align:left;
}
.required
{
	background:url("../../media/jpg/page_jpg/req.jpg") top right no-repeat;
	padding-right:42px;
}
.webpage .site_form .required input
{
}
.webpage .site_form input.radio
{
	width:15px;
	height:15px;
	border:0px;
	background:transparent;
}
.webpage .site_form label
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:78%;
	font-weight:100;
	font-style:normal;
	color:#000;
	padding-left:20px;
}
.webpage .site_form select
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:78%;
	font-weight:100;
	font-style:normal;
	color:#000;
	margin-left:20px;
	margin-bottom:10px;
	width:200px;
}


/* 

SECTION OVERVIEW PAGE MODULE

*/
.section_overview
{
	background-color:#999;
	margin-left:20px;
	margin-right:20px;
	overflow:hidden;
	margin-top:10px;
}
.webpage .section_overview h1
{
	color:#FFF;
}
.webpage .section_overview h1,
.webpage .section_overview h2
{
	padding-right:10px;
	padding-left:10PX;
}
.section_text
{
	width:49%;
	float:left;
	margin-top:10px;
}
.section_img
{
	width:50%;
	border-left:1px solid #fff;
	float:right;
	position:relative;
	overflow:hidden;
}
.webpage .section_img img
{
	margin:0px;
	padding:0px;
	float:right;
	height:350px;
}
.drive_logo
{
	position:absolute;
	background:url("../../media/png/drive_logo.png") top left no-repeat;
	height:65px;
	width:65px;
	z-index:1;
	display:none;
}