*{margin: 0; padding: 0;}
img {border: none}
input {font: 13px/16px Arial;}
hr {border: 1px dotted #7FB6F6;}
h2 {color: #0087D4; font-size: 12pt; font-weight: bold; margin: 5px 0 5px 0;}
a {color: #666; text-decoration: none; outline: none; }
a:hover {color: #2283ED;}

body {background-color : #C5D3E7; margin: 0; padding: 0; font: 13px/18px arial; color: #666;}

#wrapper {width: 1000px; margin: 0 auto; background-color: #fff; overflow: hidden; border: 1px #ccc none;}

#head {width: 1000px; height: 320px; float: left; color: #fff; background: url('eng/images/st-top.jpg') no-repeat;}
#head .tel {margin: 235px 20px 0 0; float: right; color: #fff; font-size: 18pt; font-weight: bold; line-height: 25px; text-align: right;}

#menu {float: left; position: relative; width: 150px; left: 20px; top: 10px;}
#menu ul {margin-left: 0px;}
#menu ul li {width: 150px; float: left; list-style-type: none; border-bottom: 1px none #fff;}
#menu ul li a {height: 22px; padding-left: 5px; font: normal 13px/22px 'trebuchet ms'; font-weight: bold; color: #fff; outline: none; display: block; text-decoration: none; cursor: pointer;}
#menu ul li a:hover {border-left: 1px solid #fff;border-right: 5px solid #fff;}
#menu ul li a:active {border-left: 1px solid #fff;border-right: 5px solid #fff;}
#menu ul li a.current {background-color: #7FB6F6;}

.menuh {float: left; width: 150px; padding: 10px 10px 10px 10px; margin-bottom: 20px; background-color: #f0f0f0;}
.menuh ul {margin-left: 0px;}
.menuh ul li {width: 150px; float: left; list-style-type: none; border-bottom: 1px dotted #ccc;}
.menuh ul li a {height: 25px; padding-left: 5px; font: 13px/25px 'trebuchet ms'; font-weight: bold; color: #666; outline: none; display: block; text-decoration: none; cursor: pointer; outline: none;}
.menuh ul li a:hover {background-color: #7FB6F6; color: #fff;}
.menuh ul li a:active {background-color: #7FB6F6; color: #fff;}
.menuh ul li a.current {background-color: #7FB6F6; color: #fff;}

#leftside {float: left; width: 160px; padding: 0px 20px 20px 15px; background-color: #fff;}
#leftside h1 {color: #2F496D; font-size: 12pt; font-weight: bold; padding: 0;}
#leftside p {font-size: 11px; color: #666; margin: 0; padding: 0;}

#maincont {float: left; width: 548px; padding: 0px 20px 20px 20px; color: #666; border-left: 1px dotted #7FB6F6; border-right: 1px dotted #7FB6F6; background-color: #fff;}
#maincont h2 {color: #6099E0; font-size: 12pt; font-weight: bold;}

#mainwide {float: left; width: 750px; padding: 0px 20px 20px 20px; color: #666; border-left: 1px dotted #7FB6F6; border-right: 1px none #7FB6F6; background-color: #fff;}
#mainwide h1 {color: #7FB6F6; font-size: 12pt; font-weight: bold; padding: 0;}
#mainwide p {margin: 0; padding: 0;}

#rightside {float: left; width: 180px; padding: 0px 10px 10px 10px; color: #666; background-color: #fff;}
#rightside h3 {color: #7FB6F6; font-size: 10pt; font-weight: bold;}

#newsticker {width: 340px; height: 130px; background: url(eng/images/tv.jpg) no-repeat; color: #fff; padding: 183px 35px 0 35px; font: 13px/16px Arial; font-weight: bold;}

#ticker {clear: both; width: 960px; height: 70px; float: left; padding: 10px 20px 10px 20px; font-size: 10px; line-height: 12px;}
#ticker table td {padding: 5px; font-size: 10px; line-height: 12px;}

#footmenu {float: left; width: 990px; height: 25px; background: #f8f8f8; color: #666; padding: 0 0 0 10px; margin-top: 20px;}
#footmenu li {float: left; list-style: none; margin-right: 10px;}
#footmenu li a {float: left; color: #666; text-decoration: none; background: url(eng/images/arrow.gif) no-repeat center left; outline: none; line-height: 25px; font-size: 13px; padding-left: 20px;}
#footmenu li a.english {background: url(eng/images/uk.gif) no-repeat left center; padding-left: 30px;}
#footmenu li a:hover {color: #000; text-decoration: none;}

#footer {float: left; font-size: 11px; width: 980px; height: 65px; background: url(eng/images/sitemapbg.gif) repeat-x; color: #fff; padding: 5px 10px 0 10px;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}

#kankyo {width: 710px; margin-top: 30px; background: url(eng/images/menu750.jpg) no-repeat; padding: 20px;}
#environ {width: 710px; margin-top: 30px; background: url(eng/images/menu750eng.jpg) no-repeat; padding: 20px;}

.link {border-left: 3px #2283ED solid; padding-left: 3px;}
.price {height: 24px; background: url('images/price.gif') no-repeat right; padding-right: 10px; line-height: 24px; color: #fff; text-align: right; font-weight: bold;}
.small {font-size: 8pt;}
.news {text-decoration: none;}
.news:hover {text-decoration: none;}
.news p {font-weight: bold; color: #0066dd;}
.hilite {margin-bottom: 10px;}
.product {width: 100%; border: 1px solid #333; border-collapse: collapse; font-size: 9pt;}
.product td {text-align: left; padding: 5px; border: 1px #333 solid;}
.product th {text-align: left; padding: 5px; border: 1px #333 solid; font-size: 14px; background-color: #4B78B7; color: #fff;}

.profile table {font-size: 13px; width: 100%; border: none;}
.profile td {padding: 0 0 5px 0; border-bottom: 1px dotted #ccc;}
.wrapprofile {width: 100%;}
.wrapprofile td img {margin-top: 15px;}

.vendor {width: 100%; font-size: 9pt; border-collapse: collapse;}
.vendor td {padding-left: 5px;}

.coltbl {width: 100%; table-layout: fixed;}
.coltbl td {border: 1px solid #666; padding: 10px;}

.pagetitle {height: 30px; background: url('eng/images/pagetitle.gif') no-repeat; color: #5BA5F9; font-size: 16px; font-weight: bold; padding-left: 30px; line-height: 32px;}
.pagetitle a img {float: right; margin-top: 6px;}

.toiawase {color: #7FB6F6; text-align: center; width: 100%; height: 18px; padding-top: 3px; border: 1px solid #7FB6F6;}
.toiawase a {color: #7FB6F6; font-weight: bold;}

.line {width: 100%; height: 16px; background: url(eng/images/line.gif) repeat-x;}

.newsicon a {background: url(eng/images/folder.gif) no-repeat; padding-left: 30px;}

.solidline {width: 100%; height: 1px; border-bottom: 1px solid  #7FB6F6; margin: 5px 0 5px 0;}
.dotline   {width: 100%; height: 1px; border-bottom: 1px dotted #7FB6F6; margin: 5px 0 5px 0; padding: 0px;}

#sitemap {display: none; float: left; width: 100%; background: url(eng/images/sitemapbg.gif) repeat-x; margin-bottom: 0px; color: #fff; font: 12px/16px Arial; padding: 20px;}
#sitemap a {color: #fff; text-decoration: none;}
#sitemap a:hover {color: #fff; text-decoration: underline;}

/* =============== Top Banner Airoha ==================== */
#topbanner {border: 1px solid #000; padding: 0px; width: 748px;  overflow: hidden;}
#topbanner a {color: #000; text-decoration: none;}
#topbanner #ban1 {padding: 10px; height: 300px; overflow: hidden; display: block;}
#topbanner #ban2 {padding: 10px; height: 300px; overflow: hidden; display: none;}
#topbanner #ban3 {padding: 10px; height: 300px; overflow: hidden; display: none;}
#topbanner #banruler {background: url(eng/images/rulerbg.gif) repeat-x; width: 100%; height: 28px; color: #fff; line-height: 28px; text-align: center; overflow: hidden;}
#topbanner #banruler img {margin-top: 0px;}
#topbanner #banruler #bantxt {color: #fff; line-height: 28px; text-align: center;}

/* ========================= Tabs ====================== */

div.demolayout {
	font-size: 13px;
	width: 100%;
	/* margin: 0 0 20px 0; */
}

ul.demolayout {
	list-style-type: none;
	width: 100%;
	margin-left: 0px;
	float: left;
}

ul.demolayout li {
	margin: 0 2px 0 0;
	float: left;
}

ul.demolayout a {
	float: left;
	display: block;
	padding: 4px 8px;
	border: 1px none #666;
	border-bottom: 1px;
	color: #666;
	/* background: #333; */
	background: url(eng/images/tab.gif) repeat-x left;
	text-decoration: none;
	font-weight: bold;
}

ul.demolayout a:hover {
	color: #000;
	/* background: #666; */
}

ul.demolayout a.active {
	background: url(eng/images/tabn.gif) repeat-x left;
	padding-bottom: 4px;
	cursor: default;
	color: white;
}

.tabs-container {
	clear: left;
	margin-top: -1px;
	margin-left: 0px;
	/* height:140px; */
	border: 1px solid #ccc;
	border-top: 1px;
	padding: 5px 8px 0 8px;
}