@charset "utf-8";
/* Midori.com.my */
	/* start reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
fieldset, img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
* {
	outline:none;
}
/* end of reset */
body {
	background: #53ac42 url(img/background.png) no-repeat 50% top;
}
#wrapper-outer {
	width:1000px;
	height:760px;
	position: relative;
	left:50%;
	margin-left: -500px;
}
#nav-main {
	width:960px;
	height:40px;
	position:absolute;
	left:20px;
	top:20px;
}
#wrapper-inner {
	width:1000px;
	height:630px;
	position: relative;
	left:50%;
	margin-left: -500px;
	top: 85px;
	background: transparent url(img/layout_shadow.png) no-repeat 50% top;
}
#branding {
	width: 196px;
	height: 98px;
	position:absolute;
	left:412px;
	top:0px;
}
#wrapper-content {
	width: 940px;
	height: 540px;
	position: absolute;
	left: 30px;
	top: 60px;
	background-color:#efffdd;
}
#wrapper-footer {
	width:1000px;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 610px;
	text-align:center;
}
/*---------------
=about us
-----------------*/

#content-left {
	width:400px;
	height:540px;
}
#content-right {
	position:absolute;
	right:0;
	top:0;
}
body#about h2.title-main {
	width:400px;
	height:40px;
	position:absolute;
	left:0;
	top:20px;
	text-indent:-9999px;
	background: #86c879 url(img/title_main_about.gif) no-repeat 0 0;
}
#content-left-main {
	width:350px;
	height:440px;
	position:absolute;
	top:80px;
	left:20px;
}
#content-left-main img {
	margin:10px 0;
}
/*---------
=products
-----------*/
#content-bg {
	width:940px;
	height:540px;
	background-color:#7fa04b;
	position:relative;
}
#product-selector-wrapper{
	position:absolute;
	width:940px;
	height:260px;
	bottom:0px;
	left:0px;
	background: transparent url(img/product_shadow.png) no-repeat 0 0;
}
#product-selector {
	position:absolute;
	width:936px;
	height:240px;
	left:2px;
	bottom:20px;
}
.box {
	width:156px;
	height:240px;
	position:relative;
}

/*------------
=products series
--------------*/
/* accordion */
#content-wrapper{
width:940px;
height:540px;
position:relative;
background-color:#61ce00;
}

.accordion {
	width: 180px;
}
.accordion div {
	display:none;
}
.accordion h3 {
	width:180px;
	height:40px;
	margin: 0;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	cursor: pointer;
	background-color: #FC9;
	text-indent:-9999px;
}
.accordion h3#title-series-1{
	background: #fef766 url(img/product_nav01.gif) no-repeat 0 0;
}
.accordion h3#title-series-2{
	background: #b0e2ed url(img/product_nav02.gif) no-repeat 0 0;
}
.accordion h3#title-series-3{
	background: #fbc3c4 url(img/product_nav03.gif) no-repeat 0 0;
}
.accordion h3#title-series-4{
	background: #d29acb url(img/product_nav04.gif) no-repeat 0 0;
}
.accordion h3#title-series-5{
	background: #62c2be url(img/product_nav05.gif) no-repeat 0 0;
}
.accordion h3#title-series-6{
	background: #e0c55a url(img/product_nav06.gif) no-repeat 0 0;
}
.accordion #series-1 {
	background-color:#fefccb;
}
.accordion #series-2 {
	background-color:#d9f8ff;
}
.accordion #series-3 {
	background-color:#fbdcdd;
}
.accordion #series-4 {
	background-color:#ffd8fa;
}
.accordion #series-5 {
	background-color:#b9e6e4;
}
.accordion #series-6 {
	background-color:#fff5cc;
}
.accordion div {
	padding: 5px 0 5px 20px;
}
/*end accordion*/
#content-product-left{
	width:760px;
	height:540px;
	position:absolute;
	right:0;
	top:0px;
	background-color:#fcf565;
}
/*series thumbnails background color */
body.series-active-2 #content-product-left{
	background-color:#b0e2ed;
}
body.series-active-3 #content-product-left{
	background-color:#fbc3c4;
}
body.series-active-4 #content-product-left{
	background-color:#d29acb;
}
body.series-active-5 #content-product-left{
	background-color:#62c2be;
}
body.series-active-6 #content-product-left{
	background-color:#e0c55a;
}
/*series thumbnails title bar */
body.series-active-2 #title-product-series{
	background-position: 0 -40px;
}
body.series-active-3 #title-product-series{
	background-position: 0 -80px;
}
body.series-active-4 #title-product-series{
	background-position: 0 -120px;
}
body.series-active-5 #title-product-series{
	background-position: 0 -160px;
}
body.series-active-6 #title-product-series{
	background-position: 0 -200px;
}

#title-product-series{
	width:760px;
	height:40px;
	background: transparent url(img/product_series_titles.png) no-repeat 0 0;
}
#product-series-thumbnails{
	width: 760px;
	height: 500px;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
}
#product-series-thumbnails img{
	width: 140px;
	height: 160px;
	margin: 40px 0 0 40px;
	float:left;
}
#product-series-thumbnails img#product-img{
	width: 760px;
	height: 500px;
	margin: 0;
	float:left;
}
#load {
	display: none;
	position: absolute;
	right: 15px;
	top: 15px;
	background: url(img/ajax-loader.gif) no-repeat;
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}
/*---------
=contact
------------*/
body#contact h2.title-main {
	width:400px;
	height:40px;
	position:absolute;
	left:0;
	top:20px;
	text-indent:-9999px;
	background: #86c879 url(img/title_main_contact.gif) no-repeat 0 0;
}

a#link-back{
display:block;
width:6em;
text-align:center;
background-color:#4a5b18;
color:#fff;
border: 1px solid #666;
}

a#link-back:link,a#link-back:visited{
color: #fff;
text-decoration:none;
}
a#link-back:hover,a#link-back:active{
color: #fff;
background-color:#53AC42;
}
/*------------
=typography
-------------*/
body {
	font-size:62.5%; /* 16px × 62.5% = 10px */
	font-family: Arial, sans-serif;
}
#content-left-main {
	font: normal 1.2em/1.6 Arial, Helvetica, sans-serif;
	margin-bottom:1.5em;
	color:#345343;
}
#content-left-main p {
	margin-bottom:20px;
}
#wrapper-footer p {
	color:#FFF;
	padding:10px 0;
	font-size: .9em;
}
.bold-green {
	color: #1d5f28;
	font-weight:bold;
	font-size: 1.3em;
}
.bold-green-light {
	color:#1d5f28;
	font-weight:bold;
	font-style:italic;
	font-size: 1.2em;
}
.italic{
	font-style:italic;
}
.accordion ul {
	font: bold 1.4em Verdana, Geneva, sans-serif;
}
#series-1 a.accordion-link:link {
	color: #fca62b;
	text-decoration:none;
}
#series-1 a.accordion-link:visited {
	color: #fca62b;
	text-decoration:none;
}
#series-1 a.accordion-link:hover {
	color:#F00;
	text-decoration:none;
	padding-left:5px;
}
#series-1 a.accordion-link:active {
	color: #F00;
	text-decoration:none;
}
/**/
#series-2 a.accordion-link:link {
	color: #007d98;
	text-decoration:none;
}
#series-2 a.accordion-link:visited {
	color: #007d98;
	text-decoration:none;
}
#series-2 a.accordion-link:hover {
	color:#F00;
	text-decoration:none;
	padding-left:5px;
}
#series-2 a.accordion-link:active {
	color: #F00;
	text-decoration:none;
}
/**/
#series-3 a.accordion-link:link {
	color: #f73e60;
	text-decoration:none;
}
#series-3 a.accordion-link:visited {
	color: #f73e60;
	text-decoration:none;
}
#series-3 a.accordion-link:hover {
	color:#F00;
	text-decoration:none;
	padding-left:5px;
}
#series-3 a.accordion-link:active {
	color: #F00;
	text-decoration:none;
}
/**/
#series-4 a.accordion-link:link {
	color: #8f1d59;
	text-decoration:none;
}
#series-4 a.accordion-link:visited {
	color: #8f1d59;
	text-decoration:none;
}
#series-4 a.accordion-link:hover {
	color:#F00;
	text-decoration:none;
	padding-left:5px;
}
#series-4 a.accordion-link:active {
	color: #F00;
	text-decoration:none;
}
/**/
#series-5 a.accordion-link:link {
	color: #0b6b54;
	text-decoration:none;
}
#series-5 a.accordion-link:visited {
	color: #0b6b54;
	text-decoration:none;
}
#series-5 a.accordion-link:hover {
	color:#F00;
	text-decoration:none;
	padding-left:5px;
}
#series-5 a.accordion-link:active {
	color: #F00;
	text-decoration:none;
}
/**/
#series-6 a.accordion-link:link {
	color: #9a7140;
	text-decoration:none;
}
#series-6 a.accordion-link:visited {
	color: #9a7140;
	text-decoration:none;
}
#series-6 a.accordion-link:hover {
	color:#F00;
	text-decoration:none;
	padding-left:5px;
}
#series-6 a.accordion-link:active {
	color: #F00;
	text-decoration:none;
}

/* Error Page */
#error-message{
width:400px;
text-align:center;
margin:30px auto;
font-size:1.3em;
line-height:1.5;
border:1px dashed #0b6b54;
padding:20px;
}