/*---------------
	Layout 
-----------------*/
body {
	margin:0;padding:0;
	line-height: 1.5em;
	font: normal 13px Verdana, Arial, sans-serif;
	background-color:#E9EDEC;
	background-image: url(images/layout/bg.png);
	background-repeat: repeat-x;
	color: #5a5a5a;
}

.s_type {
	width:100%;
	margin:10px 0 50px 0;
	padding:0;
	font-size: 12px;	
}


.s_title {
	background-color:#787878;
 	vertical-align: middle;
	height: 33px;
	text-align: center;
	color:white;
	letter-spacing: 2px;
}

.s_row{
	background-color:#F6F7F2;
 	vertical-align: middle;
	height: auto;
	text-align: center;
	padding: 8px 5px 8px 5px;
	letter-spacing: 1px;
	height: 33px;
}

img { 
	margin: 0px; padding:0;
	border-width:0;
}


#page_area {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

#top_area {
	background-color: #DFDED8;
	height: 20px;
	text-align: right;
	padding-right:10px;
}

#top_area  a {
	color: #4E4E4E;
	text-decoration: none;
}

#top_area a:hover {
	color: #800000;
	text-decoration: underline;
}

#logo_area{
	padding: 20px 0 10px 0;
}

#shift_area {
	margin-left:auto;
	margin-right:auto;
	width: 800px;
}

#footer_area {
	clear: both;
	text-align: center;
	padding:6px 0 50px 0;
	background-color: #f8f8f8;
	border-top: 1px solid #bebebe;
	font-size:11px;
}

#content_area {
	float: left;
	width: 100%;
	margin-top:0px;
	margin-bottom:50px;
}

#content_right {
	margin-left: 196px; /*Set left margin to LeftColumnWidth*/
	background: #FFF;
	margin-top: 8px;
	letter-spacing: 2px;
	line-height: 200%;
}

#content_left{
	margin-top: 8px;
	float: left;
	width: 196px; /*Width of left column*/
	margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/
}

#content_left_bar {
	background-color: #BDD2EA;
	height: 4px;	
	margin-bottom:8px;padding:0;	
	width:90%;
}

#company_toright {
	text-align:right;
	padding-right:15px;
	font-weight: bold;
}

#company_list {
	padding:10px;
	padding-top:0;	
	margin:0 0 20px 0;
}

h4 {
	font-size: 14px;
	letter-spacing: 2px;
	font-weight:bold;
}

/*-------INDEX---------*/
.index_title {
	width:98%;
	border-bottom: 1px solid #84B2DB;
}

.index_block {
	height: 150px;
	margin-top:10px;
	color: #5a5a5a;
	padding-right: 20px;
	padding-left:15px;
	letter-spacing: 2px;
	line-height: 180%;
}


.index_block a:link, .index_block a:visited, .index_block a:hover { 
	color: #5a5a5a; 
}

.index_block a:hover { 
	text-decoration: none;
}

.index_more {
	width:98%;
	text-align: right;
	padding:0;margin:0;
}

#index_dm {
	margin: 10px 0 20px 0;
}

/*---------------------
	Main Menu
----------------------*/
    #tabsG {
      float:left;
      width:100%;
      background:#ffffff;
      font-size:98%;
      line-height:normal;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 5px;
	position:relative;
      }
    #tabsG ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    #tabsG li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsG a {
      float:left;
      background:url("images/mainmenu/tableftG.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsG a span {
      float:left;
      display:block;
      background:url("images/mainmenu/tabrightG.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }

    #tabsG a span light{
      color:#F04E00;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsG a span {float:none;}
    /* End IE5-Mac hack */
    #tabsG a:hover span {
      color:#FFF;
      }
    #tabsG a:hover {
      background-position:0% -42px;
      }
    #tabsG a:hover span {
      background-position:100% -42px;
      } 

    #tabsG a:hover span, #tabsG a#activetab span { 
      background-position:100% -42px;color: #FFF; }
    
    #tabsG a:link#activetab, #tabsG a:visited#activetab, #tabsG a:hover { 
      background-position: 0% -42px; }


/*------------------------
	SHADOW CONTAINER
---------------------------*/
.p_block{
border: 1px solid gray;
padding: 30px;
padding-top: 20px;
margin-bottom:20px;
}

.p_block .title{
	margin-bottom:10px;
}

.p_block .to_right{
	text-align:right;
	margin-bottom:10px;
}

.p_block .to_left{
	text-align:left;
	margin-bottom:10px;
}

.p_block a:hover{
text-decoration: none;
}









.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 800px; /* container width*/
height: relative;
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 30px;
padding-top: 0px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.shadowcontainer .title{
	margin-top:10px;
	margin-bottom:10px;
}

.shadowcontainer .to_right{
	text-align:right;
	margin-bottom:10px;
}

.shadowcontainer .to_left{
	text-align:left;
	margin-bottom:10px;
}

.shadowcontainer a:hover{
text-decoration: none;
}

/*------------------------
	submenu
---------------------------*/
#submenu {
font-size: 100%;
width: 180px;
padding: 0px;
margin: 0px;
}

#submenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#submenu ul li {
margin: 0px;
padding: 0px;
}

#submenu ul li a {
font-size: 10pt;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

#submenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}


/*----------------
	Form
-----------------*/

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}




/*----PRODUCT------*/

.p_item {
	width:100%;
	margin:10px 0 50px 0;
	padding:0;
	font-size: 12px;	
}

TABLE {
	width:100%;
}

CAPTION { 
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: #6189BD;
 	vertical-align: middle;
	margin-bottom:5px;
	letter-spacing: 1px;	
}


TR.p_title{
	background-color:#7BA7D1;
 	vertical-align: middle;
	height: 33px;
	color:white;
}


TR.p_row{
	background-color:#F6FAFB;
 	vertical-align: middle;
	height: auto;
	text-align: center;
	padding: 8px 5px 8px 5px;
	letter-spacing: 2px;
}

TR.p_title1{
	background-color:#A5CC7A;
 	vertical-align: middle;
	height: 33px;
	color:white;
	letter-spacing: 2px;
}

TR.p_row1{
	background-color:#E7F3D9;
 	vertical-align: middle;
	height: auto;
	text-align: center;
	padding: 8px 5px 8px 5px;
	letter-spacing: 1px;
	line-height: 150%;
}

TR.p_title2{
	background-color:#787878;
 	vertical-align: middle;
	height: 33px;
	color:white;
	letter-spacing: 2px;
}

TR.p_row2{
	background-color:#F6F7F2;
 	vertical-align: middle;
	height: auto;
	text-align: center;
	padding: 8px 5px 8px 5px;
	letter-spacing: 1px;
	line-height: 150%;
}

TD{
	line-height: 180%;
}

TD.util {
	padding: 12px;
	text-align: left;
	line-height: 150%;
	letter-spacing: 2px;
}

TD.antirust{
	line-height: 150%;
	letter-spacing: 2px;
}

.p_item .note1 {
	color: #386892;
	float:left;
}

.p_item .note2 {
	float:right;
}

.p_item .gototop {
	float:right;
}

.notshow {
display:none;
}

#en_index_title {
	font: normal 16px Cooper Std Black;
	color: #5a5a5a;

}

#en_index_block {
	font: normal 13px Verdana, Arial, sans-serif;
	margin: 10px;
	line-height: 150%;
	letter-spacing: 0.5px;
}