@charset "UTF-8";
/* CSS Document */
/* ---------------------------------
background:#CDCDCD
green:#106e32
gold:#adab24
----------------------------------- */
@import url("initial.css");

body {
	background: #CDCDCD url(../images/bg_img2.jpg) repeat-x;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	font: 12px/14px Arial, Helvetica, sans-serif;
}
img {
	border:0;
}
a:link, a:visited, a:active {
	font-weight: bold;
	text-decoration: none;
	color: #106e32;
}
a:hover {
	text-decoration: none;
	color: #adab24;
}
b {
	font-weight: bold;	
}
.clear {clear: both;}
img.arrow {float: right;}
table {
	color: #666;
	padding: 0;
	border: 0;
	margin: 0;
	border-bottom:  #fff 1px solid;
	font: 12px/14px sans-serif;
}
tr {
	padding: 0;
	border: 0;
	margin: 0;
}
td {
	padding: 2px 4px;
	border: 0;
	margin: 0;
	border-top: #fff 1px solid;
}
tr:hover {
	background: #fff;
}
/*main structure*/
#wrapper {
	border: 0px;
	padding-left: 97px;
	padding-top: 57px;
	margin-right: 50px;
	min-width: 800px;
	max-width: 1050px;
}
#logo {
	position: absolute;
	width: 135px;
	height: 135px;
	top: 39px;
	left: 55px;
	background-image: url(../images/circle.png);
	z-index: 2;
}
#logo_img {
	padding-top: 48px;
	padding-left: 16px;
}
#mainContent, #mainContent2, #mainContent3 {
	border: 1px solid #999;
	margin-right: 0;
	background: #ffffff;
}
#mainContent {
	background: #ffffff url(../images/bg_circuit.jpg) repeat-y right top;
}
#mainContent3 {
	background: #ffffff url(../images/bg_safety.jpg) repeat-y right top;
}
#left {
	float: left;
	width: 83%;
}
#right_background{
	float: right;
	width: 15%;
}
#footer {
	background: #adab24;
	clear: both;
}
#content {
	padding:0 0 0 120px;
}
#sidebar {
	position: absolute;
	top: 120px;
	left: 64px;
	background: url(../images/bg_sidebar.jpg) repeat-x;
	width: 107px;
	z-index: 1;
	padding: 60px 5px 5px 5px;
}

/*mainContent*/
h1 {
	font-size: 12px;
	color: #999;
	text-align: right;
	width: 100%;
	margin-top: 10px;
}
#promotion {
	background: #ffffff	 url(../images/bg_promotion.jpg) repeat-x;
	padding-top: 25px;
	height: 173px;
	width: 100%;
}
#promotion_float {
	position: absolute;
	top: 126px;
	left: 99px;
	z-index: 99;
}

/*about*/
#about {
	padding: 2em 0 2em 2em;
	float: left;
	display: inline;
	width: 47%;
}
#about_bar {
	height: 55px;
	background: url(../images/about.jpg) no-repeat;
}
#about_text p {
	padding: 10px 0px 0px 0px;
	color: #333;
}

/*news*/
div#news{
	padding: 2em 0 2em 0;
	float: right;
	display: inline;
	width: 47%;
}
#news_bar {
	height: 55px;
	background: url(../images/news.jpg) no-repeat left;
}
div.date {
	color: #106e32;
	font-weight: bold;
	font: 1.2em;
	line-height: 2.0em;
}
div.title {
	font-weight: bold;
	font-size: 1.0em;
	line-height: 1.2em;
	color: #adab24;
}
div.title a {
	text-decoration: none;
	color: #adab24;
}
div.title a:hover {
	color: #d05233;
}
div.title a:visited {
	color: #adab24;
}
div.content {
	color: #555;
}
div.strip {
	height: 4px;
	width: 100%;
	background: url(../images/strip.jpg) no-repeat left top;
	margin: 8px 0px 5px 0px;
}
/*about_us*/
#about_us_bar {
	background: url(../images/about_us.jpg) no-repeat;
	height: 90px;
	width: 100%;
}
#text {
	margin: 10px 0px 25px 0px;
	min-height: 300px;
	background: #CDCDCD;
}
#text p{
	font: 14px/16px sans-serif;
	color: #777;
	padding: 8px 8px;
}

/*mission*/
#mission_company_bar {
	background: url(../images/mission_company.jpg) no-repeat;
	height: 90px;
	width: 100%;
}
#mission_quality_bar {
	background: url(../images/mission_quality.jpg) no-repeat;
	height: 90px;
	width: 100%;
}
#mission_goal_bar {
	background: url(../images/mission_goal.jpg) no-repeat;
	height: 90px;
	width: 100%;
}
#mission_commitment_bar {
	background: url(../images/mission_commitment.jpg) no-repeat;
	height: 90px;
	width: 100%;
}
#mission_text, #mission_text1 {
	margin: 10px 0px 25px 0px;
	min-height: 300px;
	background: #CDCDCD;
}
#mission_text p{
	font: 30px/30px sans-serif;
	color: #777;
	padding: 15px;
}
#mission_text1 p{
	font: 20px/22px sans-serif;
	color: #777;
	padding: 15px;
}

/*products*/
#products_bar {
	background: url(../images/products.jpg) no-repeat;
	height: 90px;
	width: 100%;
}
#products_title {
	margin: 10px 0px 0px 0px;
	padding: 0 0 0 15px;
	font: 20px/30px bolder Arial, Helvetica, sans-serif;
	background: #106e32;
	color: #adab24;	
}
#products_title1 {
	margin: 10px 0px 0px 0px;
	padding: 0 0 0 15px;
	font: 13px/16px sans-serif;
	background: #d05233;
	color: #fff;	
}
ul#product_list {
	position: relative;
	padding: 0;
	margin: 0;
	font: 14px/16px sans-serif;
}
ul#product_list li {
	width: 200px;
	list-style: none;
	display: inline;
	float: left;
	padding: 4px 3px 4px 3px;
}
ul#product_list li p {
	text-align: center;
	background: #828C41;
	color: #fff;
	width: 200px;
}
ul#product_list li img {
	width: 198px;
	height: 120px;
	border: #828C41 1px solid;
	clear: right;
}
ul#product_list li:hover {
	background: #fff;
}
ul#product_list li a:link,ul#product_list li a:visited {
	color: #fff;
}
ul#product_list li a:hover {
	color: #adab24;
}
ul#product_list li a:hover img {
	border: #ccc 1px solid;
	border-right: #666 1px solid;
	border-bottom: #666 1px solid;
}
a#back {
	color: #fff;
}
a:hover#back {
	color: #adab24;
}
div#product_text {
	margin: 10px 0px 25px 0px;
	padding: 15px;
	min-height: 300px;
	background: #CDCDCD;
}
div#product_text p.our {
	margin: 10px 0px 10px 0px;
	font: 14px/16px sans-serif;
	color: #666;
}
div#product_text ul.our {
	margin: 0px 0px 0px 25px;
	font: 14px/16px sans-serif;
	color: #666;
}
div#product_text1 {
	margin: 10px 0px 25px 0px;
	padding: 15px;
	min-height: 300px;
	background: #fff;
}
div#product_text1 p {
	font: 18px/20px sans-serif;
	font-weight: bold;
	color:  #d05233;
}
div#product_photo {
	text-align: center;
}
div#pdf_download {
	float: left;
	width: 15%;
}
div#pdf_download a {
}
div#pdf_download a:link,div#pdf_download a:visited {
}
div#pdf_download a:hover {
	padding-left: 3px;
}
div#specifications {
	float: right;
	width: 85%;
	background: #ddd;
	padding: 10px 0px;
}
div#specifications p {
	font: 14px/18px sans-serif;
	color:  #666;
}

/*news+useful link inside content */
#news_bar1 {
	background: url(../images/news1.jpg) no-repeat;
	height: 90px;
	width: 100%;
}
#useful_link_bar {
	background: url(../images/useful_link.jpg) no-repeat;
	height: 90px;
	width: 100%;
}
#news_text1 ul {
	margin: 10px 0px 25px 0px;
	padding: 15px;
	min-height: 300px;
	background: #CDCDCD;
	list-style-type:none;
}
#news_text1 li{
	color: #777;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1pt #ddd;
	font-weight: bold;
}
#news_text1 li:hover{
	display: block;
	background: #fff;
	color: #000;
}
#news_text1 ul ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	background: transparent;
	min-height: 10px;
}
#news_text1 li li{
	color: #777;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
	border-bottom: 0pt;
}

/*free download*/
#free_download_bar {
	background: url(../images/free_download.jpg) no-repeat;
	height: 90px;
	width: 100%;
}

/*disclaimer*/
#disclaimer_bar {
	background: url(../images/disclaimer.jpg) no-repeat;
	height: 90px;
	width: 100%;
}

/*investor*/
#investor_bar {
background: url(../images/investor.jpg) no-repeat;
height: 90px;
width: 100%;
}

/*contact*/
#contact_bar {
	background: url(../images/contact.jpg) no-repeat;
	height: 90px;
	width: 100%;
}
ul#lang {
	position: relative;
	padding: 0;
	margin: 0;
	font: 14px/18px sans-serif;
}
ul#lang li {
	list-style: none;
	display: inline;
}
ul#lang li a{
	display: block;
	float: right;
	list-style: none;
	padding: 2px 5px;
	border-right: 3px solid #cdcdcd;
	background: #fff;
}
ul#lang li a:hover{
	background: #106e32;
	color: #fff;
}
ul#lang li a.current {
	background: #ddd;
	color: #bbb;
}
#contact_text {
	margin: 10px 0px 25px 0px;
	min-height: 300px;
	background: #CDCDCD;
}
#contact_text p{
	color: #333;
	padding: 15px;
	font: 14px/22px sans-serif;
}
form {
	padding: 15px;
	color: #333;
}
fieldset {
	border: 1px solid #fff;
	padding: 10px;
}
label {
	display: block;
	font: 12px/22px bold sans-serif;
	float: left;
	clear: left;
	width: 6em;
	padding-right: 1em;
	text-align: right;
	line-height: 22px;
}
input, textarea {
	display: block;
	float: left;
	width: 24em;
	background: #ddd;
	border: 1pt solid #999;
	text-align: left;
	margin: 3px 0px;
}
input:focus, textarea:focus {
	background: #fff;
}
br {
	clear: both;
}
input.button {
	width: 6em;
    vertical-align: middle;
	margin: 3px 3px;
	text-align: center;
}
input.button:hover{
	background: #adab24;
	font: #fff bolder sans-serif;
	color: #fff;
}

/*footer*/
#footer p {
	font: 10px/12px sans-serif;
	padding: 3px 0px 2px 10px;
	color: #fff;
}
#footer a {
	text-decoration: none;
	font-size: 4px/10px;
	color: white;
}
#footer a:hover { 
	color: #106e32;
}
#footer a:visited {
}

/*sidebar*/
#sidebar ul {padding:0;margin:0;border:0;list-style-type:none;}
#sidebar li {padding: 5px 0px; border-top: solid #fff 1pt;}
#sidebar a, #sidebar a:visited {color: #fff; text-decoration: none;}
#sidebar a:hover {color:#adab24;}

/*menu*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu_first {width: 11px; height: 18px; background-image: url(images/menu_first.jpg);}
#menu_last {width: 11px; height: 18px; background-image: url(images/menu_last.jpg);border-left:1px solid #cdcdcd; }
.menu {height:18px; font-size:1em; position:absolute; z-index:100; right:75px; background-color:#ffffff;}
/* hack to correct IE5.5 faulty box model */
* html .menu {}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;border:0;list-style-type:none;list-style-position:inside;}
.menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:1em;text-decoration:none; color:#106e32; height:18px; border-left:1px solid #cdcdcd; border-right:0px; background:#ffffff; padding-left:12px; padding-right:12px; margin: 0; line-height:18px; float: left;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#106e32 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat; z-index:100;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#3A565F url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#106e32 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:18px;left:0; width:100px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:18px;t\op:17px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#dddddd; color:#000; height:auto; line-height:1em; padding:5px 5px 5px 15px; width:128px;border-width:0px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:128px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#adab24;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#adab24;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* location */
/*
body#home a.home, body#about_us a.about_us, body#mission a.mission, body#products a.products, body#news a.news, body#useful_link a.useful_link, body#investor a.investor_info, body#contact a.contact, body#free_download a.free_download {
	background: #106e32;
	color: #ffffff;
}
*/
.menu ul a.current 
{
	background: #106e32;
	color: #ffffff;
}