/****************************
* 	Author : Tang Kien Trung
*	Project : Tai Yuan Plastic
*	Date : Saturday , Sep 11 , 2010
*****************************/

/*------------CSS Reset--------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:0;padding:0;
}

a:hover, a:active, a:focus { outline:none;}

a img { border:none; margin-top: 10px }

a { text-decoration:none; color:#01529b; }

ul { list-style:none; }

.clear { clear:both; }

html {	font-size: 100.01%; }

body
{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; /*------ 70% # 11px -------*/
	color:#3e3e3e;
	background:#fff url(../images/bg/body_bg.jpg) top repeat-x;
}

h1{	font-size:240%;	font-weight:normal;}

h2{	font-size:210%;	font-weight:normal;}

h3{	font-size: 180%; font-weight: normal;}

h4{	font-size: 150%;font-weight:normal;}

h5{	font-size: 130%;font-weight:normal;}

h6{	font-size: 100%;font-weight:normal;}


/*------------Layout--------------*/
#wrapper
{				
	width:960px;
	margin:auto;
	position:relative;
}

/*------------- header -------------*/
#header
{
	float:left;
	width:100%; /*960px*/
	height:136px;
}

a.logo
{
	float:left;
}

.language_bar
{
	float:right;
	width:365px;
	padding:7px 0 20px 0;
	background:url(../images/bg/language_bar_bg.png) no-repeat top right;
}

.language_bar ul { float:right; }

.language_bar li
{
	list-style:none;
	display:inline;
}

.language_bar li a { color:#fff; }
.language_bar li a img { margin:5px 5px 0 15px; }

/*-------------- content -------------*/
#content
{
	float:left;
	width:940px;
	
	padding:0px 10px 0px 10px;
	background:url(../images/bg/content_bg.png) repeat-y center;
	z-index:1;
}

/*---------------- slideshow_container -----------------*/
.slideshow_container
{
	float:left;
	width:920px;
	height:300px;	
	padding:10px;
}

.slideshow_left_corner
{
	float:left;
	width:10px;
	height:300px;
	background:url(../images/bg/slideshow_corner_left.png) no-repeat;
}

.slideshow_right_corner
{
	float:left;
	width:10px;
	height:300px;
	background:url(../images/bg/slideshow_corner_right.png) no-repeat;
}

.slideshow_content
{
	float:left;
	width:900px;
	height:280px;
	padding:10px 0 10px 0;
	background:url(../images/bg/slideshow_bg.jpg) repeat-x;
}

#slideshow
{
	position:relative;
	width:900px;
	height:280px;	
}

#slideshow img 
{				
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;	
}

#slideshow img.active 
{
	z-index:10;
	opacity:1.0;
}

#slideshow img.last-active { z-index:9;}

/*----------- content_sep -----------*/
.content_sep
{
	float:left;
	width:100%;
	height:5px;	
	background:url(../images/bg/content_sep.jpg) no-repeat top center;
	padding:0 0 10px 0;
}

/*------------------- roundedcornr_box ----------------*/
.roundedcornr_box_215
{
	float:left;
	width:215px;
	margin:0 0 20px 0;
   	background: #f0f7fe url(../images/bg/roundedcornr_grad.gif) repeat-x top left;
}

.roundedcornr_top { float:left; background: transparent url(../images/bg/roundedcornr_7px_tr.gif) no-repeat top right; }

.roundedcornr_top div { background: url(../images/bg/roundedcornr_7px_tl.gif) no-repeat top left; }

.roundedcornr_bottom { float:left; background: transparent url(../images/bg/roundedcornr_7px_br.gif) no-repeat bottom right; }

.roundedcornr_bottom div { background: url(../images/bg/roundedcornr_7px_bl.gif) no-repeat bottom left; }

.roundedcornr_top div, .roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom 
{
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.roundedcornr_content
{ 
	float:left;
	margin: 0 7px;
	text-align:left;
}

.box_title
{
	float:left;
	text-transform:uppercase;
	color:#01529b;
	font-size:15px;
	font-weight:bold;
	padding:10px 0 15px 0;
	width:100%;
}

/*------------- products_menu --------------*/
.products_menu { float:left; }
.products_menu li
{
	float:left;
	width:172px;
	padding:7px 0 7px 23px;
	background:url(../images/symbols/btnArrow.jpg) no-repeat 0 5px;
	border-bottom:1px solid #b3c1cc;
}
.products_menu a { font-size:14px;text-transform: uppercase; }
.products_menu a:hover { color:#ff770d; }
.products_menu a.current { color:#ff770d; }

/*---------------- box210 -----------------*/
.box215
{
	float:left;
	width:215px;
	text-align:left;
	
	padding-bottom:22px;
	background:url(../images/bg/box215_bottom_shadow.jpg) no-repeat bottom;
}

.title_bar_215
{
	float:left;
	width:205px;
	height:22px;
	padding:8px 0 0 10px;	
	background:url(../images/bg/bar.png) no-repeat;
	color:#FFFFFF;
	
	font-size:15px;
}

.box215_content
{
	float:left;
	width:193px;
	padding:10px 10px 5px 10px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;	
	background:#fbfbfb url(../images/bg/box215_bg.jpg) repeat-x bottom;
	font-size: 11px;
}

.box215_bottom
{
	float:left;
	background:url(../images/bg/box215_bottom.png) no-repeat;
	width:215px;
	height:5px;
}

.box215_content table
{
	float:left;
	width:100%;
	margin-bottom:10px;
}

.box215_content table .table_title
{
	color:#01529b;
	font-weight:bold;
	background:url(../images/bg/table_title_seperator.jpg) repeat-x bottom;
	padding:0 0 5px 0;
}

.box215_content table span { float:left; font-size:9px; color:#6b6b6b; padding-bottom:3px; }

table.contact_info tr { vertical-align:top; }
table.contact_info td { padding:7px 2px 7px 0; }
 
/*----------- online_support_link ------------*/
a.online_support_link
{
	float:left;
	width:200px;
	height:20px;
	padding:90px 0 0 15px;
	background:url(../images/bg/support_bg.jpg) no-repeat;
	color:#fff;
}

a.online_support_link:hover { text-decoration:underline; }

/*------------- pageview_box -------------*/
.pageview_box
{
	float:left;
	width:215px;
}

.title_bar_gray
{
	float:left;
	width:205px;
	height:19px;
	padding:6px 0 0 10px;	
	background:#929292 url(../images/bg/title_bar_gray.jpg) repeat-x top;
	color:#FFFFFF;	
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

/*------------- pageview_box_content --------------*/
.pageview_box_content
{
	float:left;
	text-align:center;
	font-size:18px;
	color:#474747;
	width:215px;
	height:87px;
	background:url(../images/bg/pageview_bg.jpg) no-repeat top;
	padding-bottom:20px;
}

.pageview_box_content p { padding-top:30px; }
/*---------- website_link ------------*/
.website_link
{
	float:left;
	width:215px;
	height:88px;
	background:url(../images/bg/website_link_bg.jpg) no-repeat top center;
	text-align:center;
}

.website_link select { width:195px; margin-top:30px;}

/*------------ news_box ------------*/
.news_box
{
	float:left;
	width:430px;
	padding:10px;
	text-align:left;
}

.news_box p { padding-bottom:10px; }

.article_content
{
	float:left;
	width:100%;
	margin-bottom: 4px;
}

.date_time_post
{
	font-size:10px;
	color:#999898;
}

.title { font-size:14px; margin-bottom:10px; color:#01529b; font-weight:bold; }

.deck
{
	color:#929191;
	padding-bottom:10px;
	line-height:normal;
}

/*--------------------- others_news ----------------------*/
.others_news
{
	float:left;
	width:100%;
	padding:10px 0 10px 0;
}

.others_news ul { float:left; }

.others_news li
{
	float:left;
	background:url(../images/bg/others_news_seperator.jpg) no-repeat bottom;
	padding:7px 0 7px 0;
	width:100%;
}

.others_news li a 
{
	float:left;
	background:url(../images/symbols/double_arrow_blue.gif) no-repeat 0 5px;
	/*color:#937000;*/
	padding-left:10px;
}

.others_news li a:hover 
{ 
	color:#ff770d; 
	background:url(../images/symbols/double_arrow_yellow.gif) no-repeat 0 5px;
}

.title_bar_light
{
	float:left;
	width:100%;
	height:25px;
	background:url(../images/bg/title_bar_grad.jpg) repeat-y left;
	text-transform:uppercase;
	margin-bottom:15px;
}

.title_bar_light a
{ 
	float:left;
	color:#FFFFFF; 
	padding:5px 0 0 10px;
	font-size:14px;	
}

.news_item
{
	float:left;
	width:100%;
	padding-bottom:10px;
}

.news_item a { font-weight:bold; }

.news_item a:hover { text-decoration:underline; }
/*------------ product_box --------------*/
.products_container
{
	float:left;
	width:100%;
	padding:10px 0 10px 0;
}

.product_box
{
	float:left;
	width:100%;
	background:url(../images/bg/product_left_bg.jpg) no-repeat top left;
	min-height:216px;
	margin-bottom:20px;
}

.product_box .product_details
{	
	background:url(../images/bg/product_right_bg.jpg) no-repeat top right;
	min-height:216px;
	text-align:left;
}

.product_title
{
	float:left;
	background:url(../images/symbols/btnArrow.jpg) no-repeat 0 0;
	font-size:14px;
	padding:0 0 2px 20px;
	margin:15px 0 0 15px;
}

#home_page .product_figure,
.product_figure
{
	float:left;
	width:232px;
	height:126px;
	background:#fff url(../images/bg/product_box_bg.png) repeat-x bottom;
	text-align:center;
	border:1px solid #d9d9d9;
	padding:10px 0 10px 0;
}

#products_page .product_figure
{
	width:265px;
	height:140px;
	background:none;
	border:5px solid #e0eefe;
	margin-left: 23px;
	margin-right: 17px;
}

#home_page .product_info,
.product_info
{
	float:left;
	width:175px;	
}

#products_page .product_info
{
	width:360px;
}

a.product_name,
#home_page a.product_name
{
	float:left;
	width:177px;
	padding:7px 0 7px 5px;
	background-color:#d9d9d9;
	color:#2c2c2c;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
}

#products_page a.product_name 
{
	background:#e1efff url(../images/bg/product_name_bar.png) repeat-x bottom;
	width:360px;
}

#home_page a.product_name:hover, 
a.product_name:hover
{ color:#f26a00; }

#home_page .product_info ul,
.product_info ul
{
	float:left;
	padding:10px;
}

#home_page .product_info ul li ,
.product_info ul li 
{
	padding:5px 0 5px 10px;
	background:url(../images/symbols/brown_arrow.gif) no-repeat 0 10px;
	border-bottom:1px solid #ccc;
}

.product_intro
{
	float:left;
	width:100%;
}

.dept_figure
{
	float:left;
	background:#FFF;
	padding:5px;	
	width:180px;
	height:180px;
	text-align:center;
	margin:10px;
	
	overflow:hidden;
	border:1px solid #c2c2c2;
}

.dept_figure img { margin-bottom:10px; }

.figure_comment
{
	float:left;
	width:auto;
	margin-bottom:10px;
}
/*------------- contact -------------*/
.contact
{
	float:left;
	padding:10px 0 0 0;
}

.contact_form
{
	text-align:left;
}

.contact_form tr { vertical-align:top; }

.contact_form td { padding:0 2px 15px 2px; }

td.field_title { text-align:right;padding-top:5px; }
td.field_title span { color:#ff0000; }
td.input_data { width:143px; }
.contact_form input[type="text"] { width:245px; }
.contact_form textarea { width:300px; }

label.error { float:left; width:100%; color:#ff4a4a;margin-top: 5px; }
/*------------ footer -------------*/
#footer
{
	float:left;
	height:113px;
	width:100%;
	background:url(../images/bg/footer_bg.png) top repeat-x;
	z-index:-1;
	margin-top:-30px;
}

.footer_content
{
	width:960px;
	margin:auto;
	color:#fff;
}

.footer_content div { float:left; width:100%; padding:50px 0 0 0; text-align:left; }

.footer_content ul { float:left; margin:0 0 0 10px; width:700px; }
.footer_content li { display:inline; }
.footer_content a { color:#fff; }
.footer_content a:hover { color:#01529B; }

.footer_content .copyright
{
	float:left;
	padding:10px 0 0 10px;
	width:auto;
}

.footer_content .iso_logo { float:right; width:156px; height:49px; padding:0 10px 0 0; margin-top:-20px; }

/*------------ Columns -------------*/
.col235
{
	width:215px;
	padding:0 10px 0 10px;
}

.col470
{
	width:450px;
	padding:0 10px 0 10px;
	min-height:500px;
}

.col450
{
	width:410px;
	padding:20px 20px 20px 20px;
}

.col695
{
	width:675px;
	padding:0 10px 0 10px;
}

.col675
{
	width:635px;
	padding:20px 20px 0px 20px;
}
/*------------ Utilities -------------*/
.float_left { float:left; }
.float_right { float:right; }
.no_border { border:none !important; }
.shadow_v_sep { background:url(../images/bg/shadow_v_sep.png) no-repeat 0 20px; }
.content_grad_bg { background:url(../images/bg/content_grad.jpg) no-repeat top center; min-height:150px;}
.box_bottom_bg { background:url(../images/bg/box_bottom_bg.png) no-repeat bottom center; }

.article_title,
.content_grad_bg .article_title,
.news_box .article_title
{
	float:left;
	width:95%;
	clear:both;
	padding:5px 0 5px 0;
	margin:0 0 10px 10px;
	background:url(../images/bg/article_title_bg.png) no-repeat left bottom;
	text-align:left;
}

.content_grad_bg .article_title,
.news_box .article_title
{
	margin:0 0 10px 0;
}

.article_title a { color:#ff770d; font-size:20px; text-transform:uppercase; }

a.more
{
	float:right;	
	width:74px;
	height:16px;
	position:relative;
	margin-bottom:-8px;
	padding:3px 0 0 10px;
	color:#fff;
	background:url(../images/buttons/more_btn.png) no-repeat 0 0;	
}

a.more:hover { background:url(../images/buttons/more_btn.png) no-repeat 0 -19px; }

.figure_left { float:left; padding:0 5px 5px 0; }
.figure_right { float:right; padding:0 0 5px 5px; }

input[type="text"], 
textarea
{ 
	border:1px solid #d0d0d0; 
	background:#fff url(../images/bg/input_bg.jpg) repeat-x top; 
	color:#878787;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

input[type="submit"], 
input[type="reset"]
{		
	float:left;
	background:#002261 url(../images/buttons/btn_bg.jpg) repeat-x 0 0 ;
	border:none;
	color:#fff;	
	cursor:pointer;
	margin-top:10px;
	padding:3px 5px 3px 5px;	
	margin:0 10px 0 0;
}

input[type="submit"]:hover, 
input[type="reset"]:hover
{
	background:#ff780f url(../images/buttons/btn_bg.jpg) repeat-x 0 -25px ;	
}