/* CSS Document */



/* ------------------------------------------------------------------------- *

  * undo some default styling of common (X)HTML browsers 

  * ------------------------------------------------------------------------- */



/* No list-markers by default - must redefine bullets w/ bg graphics */

ul { list-style:none; }



/* Avoid browser default inconsistent heading font-sizes and pre/code */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }



/* Remove inconsistent (among browsers) default padding or margin */

ul,li,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { 

	margin:0; 

	padding:0; 

}



/*----------------------------------------------------------------------------------*/



/* Common Formmatting  -----------------------------------------------*/S



/* prevent blue linked image borders */

a img, :link img, :visited img, :active img, :hover img { border:none; }
ol li, td, p, ul, a:link, a:visited, h1, h2,h3, h4, h5, h6, .pageheading {font-family: Arial, helvetica, sans-serif;}



/* Default text characteristics */

li,td.forms,p{font-size:12px;
	text-decoration:none; 
	color:#fff;}
td, p,dt, dd { line-height: 18px; }
li, td, p, pre, blockquote { margin-bottom:15px; }

.newText { font-family: arial, verdana, tahoma; font-size: 13px; color: black; padding: 2px;}


/* Link characteristics */

a {	text-decoration:underline; 
	font-weight:normal; }
a:link, a:visited {color:#fff;
	font-size:12px;}
a:hover, #right-column a.pageheading2:hover {
	text-decoration:none; }

ul{ padding:0 45px 0 5px; 
	margin:10px 5px 7px 40px; 
	font-size:14px; 
	line-height:16px; 
	font-weight:normal;
	list-style-position: outside;
	list-style-type: disc;}
ol {padding: 0px 20px 10px 20px;}
h1 span, h2 span, h3 span {display:none; }
h1, .pageheading {font-size:22px; color: #bcd40e; line-height:24px;}
h2, .pageheading2, #right-column  a.pageheading2  {font-size:18px; 	color: #bcd40e;}
h3,.pageheading3 {font-size:16px; 	color:#bcd40e;}
h1, .pageheading{margin-top:0px; margin-bottom:15px; padding:0px;}
h2, .pageheading2, a.pageheading2{margin-top:5px; margin-bottom:2px; padding:0px;}
h1,h2, .pageheading, .pageheading2 {padding: 0px 40px 0 0;}
h3, .pageheading3 {padding: 0px 60px 0 0; 	margin-bottom:0;}
.pageheading, .pageheading2,.pageheading3 {margin-left:0px; font-weight:bold;}
a.bold-body-text, .bold-body-text{font-family: Arial, helvetica, sans-serif; font-size:12px;	color:#bcd40e;font-weight:bold;padding:0;}
.white-body-text-no-padding{font-family: Arial, helvetica, sans-serif; font-size:12px;	color:#fff; font-weight:normal; padding:0;}
.white-body-text-with-padding{font-family: Arial, helvetica, sans-serif; font-size:12px; color:#fff; font-weight:normal; padding:2px;}
.search-text{font-family: Arial, helvetica, sans-serif; font-size:10px;	color:#fff; font-weight:normal; padding-left:4px;} 

.small-body-text {font-family: Arial, helvetica, sans-serif; font-size:10px; color:#000000; font-weight:normal; padding:0;}
 
 /* ------------------------------------------------------------------------- *

  * Page Elements

  * ------------------------------------------------------------------------- */




body#body-bg {text-align:center;	/* cross browser center-aligned page layout */
	background-image:url(../images/rohm_images/common/body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #67A005;	} 

 /* ------------------------------------------------------------------------- *

  * Index Page Block Level Elements

  * ------------------------------------------------------------------------- */



#index-wrap {text-align:left;
	margin:0 auto;
	width:800px;
	background-image: url(../images/rohm_images/common/wrap_bg.jpg);
	background-repeat: repeat-y;}

/*FOR BEGANTO PSE*/
#index-wrap-search {text-align:left;
	margin:0 auto;
	width:800px;
	background-image: url(../images/rohm_images/common/mid_bg.jpg);
	background-repeat: repeat-y;}

/* Reserved Code For Button In Title Bar

#index-top {width:800px;
	background-color:#660000; 
	height:25px;
	position:relative; }
#index-top a.button {right:36px;top:30px; position:absolute; width:23px; height:16px;}

-----------------------------------------*/

#index-banner {background-image:  url(../images/rohm_images/common/comp4_01.jpg);width:800px;	height:210px;background-repeat: no-repeat;
	}

#main-nav {left:0; margin:0; padding:0; }


  /* ------------------------------------------------------------------------- *

  * SPRITE NAVIGATION

  * ------------------------------------------------------------------------- */



#menu {margin:0;
	padding:0;
	width:800px;
	height: 35px;

	float:left;}
#menu span { display: none; }
#menu li, #menu a {height: 35px;		/* Each button must have the same height, define it here */
	display: block;}
#menu a {margin:0; padding:0px; }

#menu-02 ul li a, #menu-03 ul li a{margin:0 0 0 0; padding:0 0 0 0; }

#menu-02 ul li a span, #menu-03 ul li a span{margin:0 0 0 4px; padding:0 0 0 0; }

#menu li {margin:0; padding:0;	float: left;list-style: none;	_display: inline;	/* fixes IE/Win double margin float bug (safe) */}
/* width - width of each button, they will each most likely be unique */


#menu-01 { width:105px;  left:0; margin:0 ; padding:0; }
#menu-02 { width:137px; left:0; padding:0; }
#menu-03 { width:131px;  left:0; padding:0; }
#menu-04 { width:114px;  left:0; padding:0; }
#menu-05 { width:166px;  left:0; padding:0; }
#menu-06 { width:147px;  left:0; padding:0; }
#menu-07 { width:88px;  left:0; padding:0; }
#menu-08 { width:103px;  left:0; padding:0; }
#menu-09 { width:96px;  left:0; padding:0; }


/* Changed values should match "width" numbers specified above */
/* SON OF SUCKERFISH */

#menu li ul {margin:0;
	padding:0;
	position: absolute;
	left: -9999px;
	background-color:#b4e782;
	border-left: #a5a5a5 1px solid;
	border-bottom: #a5a5a5 1px solid;
	border-right: #a5a5a5 1px solid;}
#menu li ul li { height: 20px; margin-bottom:0px; }	/* Height of each drop down menu item */
#menu li ul li a {width: 100%; margin-top:0;
	height: 20px;			/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */}	

#menu li ul li a span {display: block;	padding-left: 5px;}


/* Drop down link styles */



#menu a:link, #menu a:visited,  #menu a:active{font-size:14px;
	font-weight:bold;
	color: #0d51a1;
	text-decoration: none;}
		
#menu a:hover{color:#fff; }
	
#menu-02 ul li a:link,#menu-02 ul li a:visited,#menu-02 ul li a:active, #menu-03 ul li a:link, #menu-03 ul li a:visited,#menu-03 ul li a:active {font-size: 12px;
	font-weight:bold;
	color: #0d51a1;
	text-decoration: none;}	
#menu-02 ul li a:hover, #menu-03 ul li a:hover, #menu-04 ul li a:hover, #menu-05 ul li a:hover {
font-size: 12px;
	color: #0d51a1;
	}

#menu li:hover ul, #menu li.sfhover ul	{left: auto; }

/* Hover styles for drop down items */
#menu-02 ul li a:hover, #menu-03 ul li a:hover, #menu-04 ul li a:hover, #menu-05 ul li a:hover {width:100%;
	background-color:#55c73b;}
	

/* width of drop down menu - choose width that allows items to display on one line */

#menu-02 ul, #menu-02 li { width: 134px; }
#menu-03 ul, #menu-03 li { width: 134px; }
#menu-04 ul, #menu-04 li { width: 134px; }	
#menu-05 ul, #menu-05 li { width: 134px; }	

 /* ------------------------------------------------------------------------- *

  * horizontal navigation -Used for Horizontal Sprite Navigation



#nav { 	margin:0;
	padding:0;
	background:url("../images/rohm_images/layout/top-sprite.gif") no-repeat; 
	height:39px; 
	position:relative;}
#nav li {margin:0;
	padding:0; 
	position:absolute; 
	top:0; }
#nav li, #nav a {margin:0; 
	padding:0; 
	height:39px; 
	display:block; }
#nav span { display:none; }
#nav-01 { width:62px; left:13px; }
#nav-02 { width:117px; left:76px; }
#nav-03 { width:116px; left:194px; }
#nav-04 { width:83px; left:310px; }
#nav-05 { width:116px; left:394px; }
#nav-06 { width:91px; left:512px; }
#nav-07 { width:87px; left:603px; }

#nav-01 a:hover { background:transparent url(../images/rohm_images/layout/top-sprite.gif) -13px -39px no-repeat; }
#nav-02 a:hover { background:transparent url(../images/rohm_images/layout/top-sprite.gif) -76px -39px no-repeat; }
#nav-03 a:hover { background:transparent url(../images/rohm_images/layout/top-sprite.gif) -194px -39px no-repeat; }
#nav-04 a:hover { background:transparent url(../images/rohm_images/layout/top-sprite.gif) -310px -39px no-repeat; }
#nav-05 a:hover { background:transparent url(../images/rohm_images/layout/top-sprite.gif) -394px -39px no-repeat; }
#nav-06 a:hover { background:transparent url(../images/rohm_images/layout/top-sprite.gif) -512px -39px no-repeat; }
#nav-07 a:hover { background:transparent url(../images/rohm_images/layout/top-sprite.gif) -603px -39px no-repeat; }

* ------------------------------------------------------------------------- */

/* Index Layout */
#index-column-wrap{background-image:  url(../images/rohm_images/common/comp4_08.jpg);
width:800px;
	background-repeat: no-repeat;
	float:left;}

 /* ------------------------------------------------------------------------- *

  * Left Column on the Index Page

  * ------------------------------------------------------------------------- */



#index-left-column{margin-top:5px; 
	width:250px; 
	float:left;}
	
#index-left-column a.part-search-img{padding:0 0 0 13px;margin:0; }
#index-left-column p {padding: 0px 20px 10px 0px;} 
#index-left-column a { font-weight:bold; display:block; margin:0 0 5px 24px;} 
#index-left-column a.promo {display:block; margin:0;} 
#index-left-column a.left-first-link{display:block;margin:4px 0 4px 24px;}

 /* ------------------------------------------------------------------------- *

  * End of Left Column on the Index Page

  * ------------------------------------------------------------------------- */ 

   /* ------------------------------------------------------------------------- *
 
 * Right  Column on the Index Page

  /* ------------------------------------------------------------------------- */



#index-right-column{width:530px;
margin-top:22px;
	float:left;}
#index-right-column div#web-banner {margin: 0 0 10px 0;}
#index-right-column span.top-links {margin:0 40px 0 0; float:right;}
#index-right-column span.ar-links {margin:0 0 20px 0; display:block; }
#index-right-column a.top-links {font-size:11px; display:block;}
#index-right-column a.bold-top-links {font-family: Arial, helvetica, sans-serif; font-size:12px; color:#bcd40e; font-weight:bold;padding:0; display:block;}
#index-right-column a.first-bold-top-links {margin:35px 0 0 0; font-family: Arial, helvetica, sans-serif; font-size:12px; color:#bcd40e; font-weight:bold;padding:0; display:block;}
#index-right-column  p{ padding: 0px 20px 10px 5px;}
#index-right-column  dl{ margin: 20px 0 0 12px;}
#index-right-column object{margin:3px 0 10px 0;}
#index-right-column li{ margin-bottom:12px; }
div#news-h2-bar{width:490px;  background-color:#2C57BA; padding:5px 10px 0 10px;}
div#news-h2-bar h2{margin:0; padding:0px;}
div#news-block{width:490px;  background-color:#386CE1; padding:5px 10px 0 10px;}
#index-right-column span.bar-links {margin:5px 0px 0 0; float:right;}
#index-right-column a.bar-links {text-align:right;font-size:11px; display:block;}
div#news-footer-bar{width:490px; background-color:#2C57BA; padding:0 10px 0 10px;}
#index-right-column span.news-footer-bar {margin:5px 0px 0 0; float:right;}
#index-right-column a.news-footer-bar {text-align:right;font-size:11px; display:block;}
#index-right-column td.bold-body-text, #index-right-column td.white-body-text-no-padding{padding:5px 0 0 4px;}
#index-right-column .img-margin-left-right{ margin:0 8px 0 10px; } 


 /* ------------------------------------------------------------------------- *
* Expanded Index IDs



 Used for Pods on Index page



 * ------------------------------------------------------------------------- */



#index-right-column #index-pod-left, #index-right-column #index-pod-left.products-left{padding: 0 0 20px 0px;}
#index-right-column #index-pod-right {padding: 0 0px 20px 0px;}
#index-pod-center {padding: 20px 0px 20px 170px;}
#index-right-column #index-pod-left, #index-right-column #index-pod-left.products-left{width:300px; float:left;}
#index-right-column #index-pod-right{width:200px; float:left;}
#index-right-column #index-pod-center{width:250px; float:left;}


#index-right-column #index-pod-left img.img-margin, #index-right-column #index-pod-left.products-left img.img-margin{margin:0 0 10px 0;}
#index-right-column  span.block-links {margin:0 10px 0 0;}
#index-right-column  a.block-links {font-size:12px; display:block;}

#index-right-column #index-pod-left.products-left h2,  #index-pod-right.products-right h2{padding:0; margin:25px 0 0 0 ; list-style:none;}
#index-right-column #index-pod-left.products-left h3{padding:0; margin:10px 0 0 0 ; list-style:none;}
#index-right-column #index-pod-left.products-left ul{padding:0; margin:0 0 0 10px; list-style:none;}
#index-right-column #index-pod-left.products-left li{padding:0; margin:0; list-style:none;}

#index-right-column #index-pod-right.products-right h2{padding:0; margin:25px 0 0 0 ; list-style:none;}
#index-right-column #index-pod-right.products-right h3{padding:0; margin:10px 0 0 0 ; list-style:none;}
#index-right-column #index-pod-right.products-right ul{padding:0; margin:0 0 0 10px; list-style:none;}
#index-right-column #index-pod-right.products-right li{padding:0; margin:0; list-style:none;}



 /* ------------------------------------------------------------------------- *

  * End of Right  Column on the Index Page

  * ------------------------------------------------------------------------- */


 /* ------------------------------------------------------------------------- *

  * Bottom on the Index Page

  * ------------------------------------------------------------------------- */



#index-bottom {text-align:center;	
	background-image: url(../images/rohm_images/common/comp4_10.jpg);		width:800px;
	height:55px;	clear:both; }
#index-bottom p{margin-left:0; 
	margin-top:50px; 
	font-size:11px;}
#index-bottom a {margin-left:10px;
	margin-right:10px; 
	font-weight:normal;}
#index-bottom a, #bottom a:hover {text-decoration:none; }
#index-bottom a.first  {margin-left:0;}
#index-bottom a.back-to-top {width:100px; color:#bcd40e; font-weight:bold;  margin:5px 20px 0 0; float:right;}
#index-bottom a.back-to-top:hover {width:100px; color:#fff; font-weight:bold;  margin:5px 20px 0 0; float:right;}

/* SECOND FOOTER */

#index-bottom-sec {text-align:center;	
	background-image: url(../images/rohm_images/common/bottom_bg.jpg);		width:800px;
	height:55px;	clear:both; }
#index-bottom-sec p{margin-left:0; 
	margin-top:50px; 
	font-size:11px;}
#index-bottom-sec a {margin-left:10px;
	margin-right:10px; 
	font-weight:normal;}
#index-bottom-sec a, #bottom a:hover {text-decoration:none; }
#index-bottom-sec a.first  {margin-left:0;}
#index-bottom-sec a.back-to-top {width:100px; color:#bcd40e; font-weight:bold;  margin:5px 20px 0 0; float:right;}
#index-bottom-sec a.back-to-top:hover {width:100px; color:#fff; font-weight:bold;  margin:5px 20px 0 0; float:right;}


 /* ------------------------------------------------------------------------- *

  * Inside Page Block Level Elements

  * ------------------------------------------------------------------------- */

#fillMid { background-image: url(../images/rohm_images/common/top_bg.jpg);
	background-repeat: no-repeat;}

#fillRepeat {  background-image: url(../images/rohm_images/common/mid_bg.jpg);
	background-repeat: repeat-y;}


#wrap {text-align:left;

	margin:0 auto;

	width:800px;

	background-image: url(../images/rohm_images/common/inside_bg.jpg);

	background-repeat: repeat-y;

}



#top {width:800px;

	height:25px; 

	position:relative;

}



#top a.email {right:36px; 

	top:30px; 

	position:absolute; 

	width:23px; 

	height:16px;

}



#banner {background-image: url(../images/rohm_images/common/inside_01.jpg);

	height:295px;

	background-repeat: no-repeat;

}



#top-nav{text-align:center; 

	padding-top:15px; 

	height:35px;

}



#column-wrap{background-image:  url(../images/rohm_images/common/inside_03.jpg);

width:800px;

	background-repeat: no-repeat;

	float:left;

}











 /* ------------------------------------------------------------------------- *

  * Left Column on the Inside Page

  * ------------------------------------------------------------------------- */



#left-column{margin-top:55px; 

	width:236px; 

	float:left;

}



#left-column table {margin: 20px 20px 10px 20px;} 



#left-column p {padding: 0px 20px 10px 20px;} 



#inside-interactive-spine-spacer {height:260px;}



#inside-interactive-spine{margin-bottom:100px; height:402px;

	background-image:url(../images/rohm_images/common/inside_04.jpg);

	background-repeat: no-repeat;

}



#inside-interactive-spine object{margin:0 25px 0 50px;}



 /* ------------------------------------------------------------------------- *

  * End of Left Column on the Inside Page

  * ------------------------------------------------------------------------- */



 /* ------------------------------------------------------------------------- *

  * Right Column on the Inside Page

  * ------------------------------------------------------------------------- */



#right-column{margin-top:23px; 

	width:550px; 

	padding: 0; 

	float:left;

}



#right-column p, #right-column  a.pageheading2 {padding: 0px 0 10px 0px;}





 /* ------------------------------------------------------------------------- *

  * End of Right Column on the Inside Page

  * ------------------------------------------------------------------------- */

  

 /* ------------------------------------------------------------------------ *

  * Bottom on the Inside Page

  * ------------------------------------------------------------------------ */ 

 

#bottom {text-align:center;

	margin:0 auto;

	background-image: url(../images/rohm_images/common/inside_07.jpg);

	height:69px;

	clear:both;

	overflow:hidden;

	background-repeat: no-repeat;

	position:relative;

}



#bottom p{margin-left:0; 

	margin-top:50px; 

	font-size:11px;

}	



#bottom a {margin-left:10px; 

	margin-right:10px; 

	font-weight:normal; 

}



#bottom a, #bottom a:hover {text-decoration:none; }



#bottom a.first  {margin-left:0;}



#bottom a.back-to-top {right:36px; 

	top:0px; 

	position:absolute; 

	width:100px; 

	height:16px;

}





 /* ------------------------------------------------------------------------- */

 /* footer

  * ------------------------------------------------------------------------- */



#footer {width:680px;

	text-align:center;

	margin:0 auto;

}



#footer p {font-size: 11px;

	color:#fff;

}



#footer a:link, #footer a:visited, #footer a:active {font-size: 11px;

	text-decoration:none;

	color:#fff;

}



#footer a:hover {font-size: 11px;

	text-decoration:underline; 

}





 



a h3{font-size:18px; 

	text-decoration:underline; 

	font-weight:bold;

}



a:hover h3 {color:#CCDDEE;

	text-decoration:none; 

}



ul.services { margin-left:120px;}



 /* ------------------------------------------------------------------------- *

  * classes

  * ------------------------------------------------------------------------- */



h1.hidden, h2.hidden {margin:0; 

	padding:0;

}

/* Reserved Classes-------------

.left { padding-left:10px; }



.right { text-align:right; }



.center { text-align:center; }

-----------*/



.hide { display:none; }



.thumbs-left { margin:0 15px 5px 10px; }



.thumbs-right { margin:2px 0 0 8px; }


.thumbs-float-right { margin:2px 0 0 8px; float:right; }



/* End of Common formmatting          ------------------*/      


/* NEW STYLES BEGANTO */

.searchHeads {font-family: Arial, helvetica, sans-serif; font-size:14px; color: #0066CC; font-weight:bold; padding:2px;}
.search-column-heads {font-family: Arial, helvetica, sans-serif; font-size:12px; color: #0066CC; font-weight:bold; padding:2px;}

#search-column-wrap{background-image:  url(../images/rohm_images/common/top_bg.gif);
width:800px;
	background-repeat: no-repeat;
	float:left;}

#search-column-inside{margin-top:5px; padding-left: 15px; width: 760px; float: left;}
	
#search-bottom {text-align:center;	
	background-image: url(../images/rohm_images/common/bottom_bg.jpg);		width:800px;
	height:55px;	clear:both; }
#search-bottom p{margin-left:0; 
	margin-top:50px; 
	font-size:11px;}
	
#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #66CC66;
padding: 1px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:11px;
background-color: #f4f4f4;
visibility: hidden;
/*(z-index: 100;*/
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=3);
}

.selectText { color: #003399; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}