@import url(common.css);

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

@import "style_header-home.css";
@import "style_header-content.css";

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

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
body { font-family: Arial, Helvetica, sans-serif; background: #ffffff; height: 100%; }

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

p,ul,h1,h2,samp { margin: 0 0 10px 0; }
#topmenu, #topright-menu { font-size: 11px; }

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

#container {
	background: #FFFFFF;
	width: 778px;
	height: 100%;
	margin: 0 auto 0 auto;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

/**/

.sub-menu-item/*,#sub-about,#sub-about,#sub-products,#sub-markets,#sub-news,#sub-education,#sub-subsidiary,#sub-inquiries */
{ width: 136px; visibility: hidden; }

/**/

#rightcol {
	background: #E0E0E0 url(../images/BGrightcol.jpg) repeat-x;
	width: 246px;
	float: right;
	margin: 0 0 10px 0;
	z-index: 3;
}
#rightcol samp {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC6600;
}
#rightcolnews,#rightcolquicklinks {
	padding: 9px 7px 0 7px;
	font-size: 11px;
	color: #ffffff;
}
#rightcolnews a {
	color: #CC6600;
}
#rightcolnewsletter,#rightcolrefpages {
	padding: 9px 7px 0 7px;
	font-size: 10px;
	color: #666666;
}
#rightcolnewsletter label {
	font-size: 11px;
	font-weight: bold;
}
#rightcolnews h2,#rightcolnewsletter h2,#rightcolquicklinks h2,#rightcolrefpages h2 {
	font-size: 13px;
	color: #FFFFFF;
	height: 24px;
	padding: 7px 0 0 10px;
}
#rightcolnews h2,#rightcolquicklinks h2 {
	background: url(../images/BGrightcoldarkorange_h2.gif) repeat-x;
}
#rightcolnewsletter h2, #rightcolrefpages h2 {
	background: url(../images/BGrightcolorange_h2.gif) repeat-x;
}
#rightcolquicklinks ul { margin: 0 0 6px 0; }
#rightcolquicklinks li { background: url(../images/bullet_dbarrow.gif) no-repeat 0 9px; padding: 0 0 0 13px; }
#rightcolquicklinks li a { color: #666666; text-decoration: underline; }
#rightcolquicklinks li a:hover { text-decoration: none; }

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

#rightcoltest {
	background: #E0E0E0 url(../images/BGrightcoltest.jpg) repeat-x;
	width: 246px;
	/*float: right;*/
	position: absolute;
	z-index: 3;
	margin: 0 0 10px 532px;
}
#rightcolslogan {
	padding: 0 0 0 1px;
	font-size: 10px;
	color: #666666;
}
#rightcolslogan h2 {
	font-size: 13px;
	color: #FFFFFF;
	height: 24px;
	padding: 7px 0 0 10px;
	margin: 9px 7px 0 7px;
}
#rightcolslogan h2 {
	background: url(../images/BGrightcolorange_h2.gif) repeat-x;
}

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

#leftcol {
	margin: 188px 0 0 0;
	width: 529px;
}
#leftcolcontent {
	margin: 105px 0 0 0;
	width: 529px;
}
#VISUheader { position: absolute; z-index: 1; }
#VISUheadercontent { position: absolute; z-index: 1; }
#homecontent {
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
	padding: 10px 9px 0 9px;
}
#homecontent h2,#content h2, .content_title {
	background: url(../images/BGcontent_h2.gif) no-repeat left bottom;
	font-size: 13px;
	line-height: 16px;
	height: 18px;
	color: #ffffff;
	padding: 0 0 0 26px;
	margin: 0 0 15px 0;
}
#homecontent ul,#content ul {
	margin: 0 0 10px 6px;
	line-height: 16px;
}
#homecontent li,#content li {
	background: url(../images/bullet_square.gif) no-repeat 0 5px;
	padding: 0 0 0 10px;
}
#content ul li strong {
	color: #000000;
}
#content {
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
	padding: 10px 9px 0 9px;
}
#footer {
	background: url(../images/BGfooter.jpg) repeat-x;
	clear: both;
	height: 35px;
	padding: 9px 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #666666;
}
#footer a {
	color: #666666;
	text-decoration: none;
}
#footer strong, #footer_strong { font-weight: normal; color: #8B8B8B; }
#footer strong a, #footer_strong a { color: #8B8B8B; }

#footer a:hover {
	text-decoration: underline;
}

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

.readmore,.morenews { font-weight: bold; margin: 0 0 5px 0; }
.readmore a,.morenews a { text-decoration: none; }
.readmore a:hover,.morenews a:hover { text-decoration: underline; }

.readmore a { color: #CC6600; }

.morenews { text-align: right; }
.morenews a { color: #FF0000; }

/**/

#micronav {
	color: #666666;
	display: block;
	margin-bottom: 10px;
	text-transform: lowercase;
}
#micronav a {
	color: #999999;
	text-decoration: underline;
}
#micronav a:hover {
	color: #666666;
	text-decoration: none;
}

/**/

#content-height { float: left; width: 1px; height: 450px; font-size: 1px; }

#content samp {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #CC6600;
	margin: 0px;
	padding: 0px;
}
#content .hr {
	display: block;
	background: url(../images/dashed-separator.gif) repeat-x top;
	height: 11px;
	margin-bottom: 0px;
	font-size: 0px;
	clear: both;
}
#content strong {
	color: #ffffff;
}
#homecontent a,#content a {
	color: #CC6600;
	font-weight: bold;
	text-decoration: none;
}
#homecontent a:hover,#content a:hover {
	text-decoration: underline;
}
#content .more {
	display: block;
	width: 648px;
	margin: 6px 0 0 0;
}
.img-right { float: right; margin: 0 0 10px 6px; border: 1px solid #CCCCCC; }

#content .sitemap { background: #F4F4F4; border: 1px solid #DDDDDD; width: 300px; padding: 10px; margin: 0 0 16px 220px; }
.sitemap li { font-size: 13px; }
.sitemap li li { font-size: 11px; }
#content .sitemap li li { background: url(../images/bullet_arrow_on.gif) no-repeat 0px 6px; margin: 0px; }
#content .sitemap li ul { margin: 0px; }
#content .sitemap li { margin: 0 0 8px 0; }

.separator { border-bottom: 1px solid #CCCCCC; height: 1px; font-size: 1px; margin-bottom: 7px; }

#history { border-top: 1px solid #CCCCCC; margin: 0 0 20px 0; width: 500px; margin: 0 auto 0 auto; background: #F4F4F4; }
#history b { display: block; font-size: 28px; margin: 0 0 10px 0; color: #CC6600; }
#history span { display: block; border-bottom: 1px solid #CCCCCC; padding: 16px 6px 12px 6px; }

.form, .graybox {border: 0px dashed #C2C2C2; background: #ffffff; padding: 20px; width: 500px; margin: 0 auto 20px auto; font-size: 12px; }
.form span { clear: right; display: block; width: 400px; margin: 0 auto 10px auto; border-left: 5px solid #D5D5D5; padding: 0 0 0 6px; }
.form span.orange { border-left: 5px solid #CC6600; }
.form input { vertical-align: middle; float: right; width: 240px; border: 1px solid #CCCCCC; padding: 2px; }
.form select { vertical-align: middle; float: right; width: 246px; border: 1px solid #CCCCCC; padding: 2px; }
.form textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: middle; float: right; width: 240px; border: 1px solid #CCCCCC; height: 90px; padding: 2px; margin: 0 0 10px 0; }
.form input.checkbox { vertical-align: middle; float: none; width: auto; border: 0; padding: 0; }

.form .submit { background: none; display: block; width: 400px; margin: 0 auto 10px auto; border-left: 5px solid #ffffff; padding: 0 0 0 6px; clear: both; }
.form .submit input { background: #CC6600; vertical-align: middle; float: right; width: 246px; border: 1px solid #CCCCCC; padding: 2px; font-weight: bold; color: #FFFFFF; }


.hrseparator { display: block; height: 1px;	margin: 0; font-size: 0px; clear: both; border: 0; background: none; }

.search-results { border: 0px dashed #C2C2C2; background: #ffffff; padding: 20px; width: 500px; margin: 0 auto 20px auto; font-size: 12px; }
#content .h-result { display: block; background: #E4E4E4; text-transform: uppercase; font-size: 14px; margin: 0 0 10px 0; }
#content .h-result a { text-decoration: underline; }
#content .h-result a:hover { text-decoration: none; }
#content .search-results .more { display: block; width: 500px; text-align: right; font-size: 11px; } 

/* ajax-suggest message ////////////////////////////////////////////*/
#scroll
{
	margin: 22px 0 0 165px; /* IE */
/*	margin: 22px 0 0 210px; FF */
	text-align:left;
	position: absolute;
	visibility: hidden;
	background-color: white;
	z-index: 1;
	width: 244px;
	height: 180px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #777;
	border-width: 1px;
	overflow: auto;
}

#scroll div
{
/*  margin: 0 auto;
*/
  margin: 0;
  text-align:left;
}
/* /////////////////////////////////////////////////////////////////*/