@charset "utf-8";

/* CSS Document */
body {
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	background-color:#ffffff;
	background:url(../images/background_main.png)
}
#logo h1 {
background-image:url(../images/toyox_logo.gif);
position:relative;
margin-left:0px;
padding-left:0px;
padding-top:0px;
width:231px;
height:116px;
}
.f-left {float:left;}
.f-right {float:right;}
.spacer{
	clear:both;
	height:10px;
}
.spacer{
	clear:both;
}
.hide {
	position: absolute;
	left: -5000px;
}
h1, h2, h3, h4, h5, h6, p, ul,ol, li {
	padding: 0; 
	margin: 0;
	line-height:120%;
}
ul, li { list-style:none;}

a.sitemap-help {color:#ffffff;}
a.sitemap-help:hover {text-decoration:none;}
/****************** Link *************************/
a {color:#009ae6; text-decoration:none;}
a:hover { text-decoration:underline;}

a.link-c {color:#7c898f; text-decoration:none; font-size:13px;}
a.link-c:hover {text-decoration:none; color:#ffffff;}

a.link-f {color:#000000; text-decoration:underline; font-size:11px;}
a.link-f:hover {text-decoration:none; color:#000000;}

a.link-blue {color:#009ae6; text-decoration:none; font-size:12px;}
a.link-blue:hover {text-decoration:underline;}

a.contact-web {color:#333333;}
a.contact-web:hover {text-decoration:none;}

a.sitemap-help {color:#ffffff;}
a.sitemap-help:hover {text-decoration:none;}

a.currentlang {color:#05a2e2;font:75% Arial, Helvetica, sans-serif;text-decoration:none;}
a.currentlang:hover {color:#05a2e2;text-decoration:underline;}
a.lang {color:#ffffff;font:75% Arial, Helvetica, sans-serif;text-decoration:none;}
a.lang:hover {color:#05a2e2;text-decoration:underline;}

.title-white
{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;}
.header-black
{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;}

.header-white
{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;}

.header-green
{
color:#a9c018;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;}

.text13-white
{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;}
.normal
{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;}

.small-white
{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;}

.small-black
{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;}

.normal-white
{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;}

.normal-green
{
color:#a1be03;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;}

.normal-brown
{
color:#372001;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;}

.text-box
{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;}

.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
/***************************************/

#body-page {
width:960px;
margin:0 auto;
position:relative;
/*background-color:#FFFFFF;*/
}
/*************** main page *****************/
#main-page {
background-color:#FFFFFF;
margin:0 auto;
position:relative;
width:960px;
margin-left:0px;
margin-top:10px;
z-index:4;
}
#main-table {
position:relative;
z-index:5;
width:960px;
margin-left:0px;
background-color:#000000;
height:823px;
background:url(../images/background_main.gif)
}

#main-table-tem {
position:relative;
z-index:5;
width:960px;
margin-left:0px;
background-color:#000000;
height:800px;
background:url(../images/background_main_tem.gif)
}

/************ header ******************/
#header
{
background: url(../images/background_top.png) no-repeat;
height:65px;
width:960px;
}

#logo-text
{
background: url(../images/amazing_beans_lanna.gif);
width:271px;
height:107px;
margin-left:0px;
}
#logo-hand
{
background: url(../images/coffee_hand.gif);
width:336px;
height:107px;
margin-left:0px;
float:right;
}
#banner {
position:relative;
width:885px;
height:179px;
margin-left:0px;
}
#banner-welcome {
background: url(../images/banner_welcome.gif);
width:242px;
height:179px;
margin-left:0px;
}
#banner-welcome p.top {
padding-left:50px;
padding-top:30px;
}
#banner-welcome p {
color:523817;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
padding-left:50px;
padding-top:0px;
}
#banner-welcome p.text-small {
color:523817;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
padding-top:-25px;
}
#top-line{
position:relative;
background-color:#ffffff;
height:1px;
width:855px;
margin-left:30px;
}

#top-menu {
position:relative;
background-color:#efe92f;
height:28px;
width:855px;
margin-left:30px;
}
/* top-menu*/
/*******************nav-table******************************/
#nav-table{
	height: 20px;
	width: 1000px;
	margin: 0px 0 0 0; 
}

#nav-table ul{
	margin-left: 0px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
}

#nav-table li {
	display: inline;
}

#nav-table li a {
	float: left;
	padding-top: 3px;
	padding-left:9px;
	height: 10px;
	letter-spacing: 0px; 
	text-decoration: none; 
	color: #ffffff; 
	font:12px Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#nav-table li a span	{
	padding: 2px 26px;
	/*border-right: 0px solid #523817; 	*/
	}

#nav-table a span.bor {
	border-right: 1px solid #ffffff;
	}

#nav-table li a:hover, #nav-table li a.current {
	color:#fccc49;
}

#nav-table p{
	margin: 5px 0 0px 20px;
	padding-top:5px;
	height:10px;
	width: 643px;
	font:75% Arial, Helvetica, sans-serif;
	color:#ffffff;
}

/*************** box*************/
#box  {
padding-top:65px;
padding-left:25px;
width:270px;
}
#box p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
height:70px;
}

/*************** Left *************/

#left-box-01 {
position:relative;
background:url(../images/background_left_01.gif) no-repeat;
width:210px;
height:550px;
margin-left:10px;
}
#left-box-01 p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#372001;
padding-top:10px;
padding-left:15px;
}
#left-box-01 p.text-green {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7a8105;
padding-top:10px;
padding-left:15px;
}
#left-box-02 {
position:relative;
background:url(../images/background_news.gif) no-repeat;
width:210px;
height:282px;
margin-left:10px;
}
#left-box-02 p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#372001;
padding-top:10px;
padding-left:15px;
}
#our-coffee {
position:relative;
background:url(../images/background_our_coffee.gif) no-repeat;
width:210px;
height:282px;
margin-left:10px;
}

#our-coffee p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#372001;
padding-top:10px;
padding-left:15px;
}
#our-news {
position:relative;
background:url(../images/background_news.gif) no-repeat;
width:210px;
height:360px;
margin-left:10px;
}
#our-news p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#372001;
padding-top:10px;
padding-left:15px;
}
/******************* button ***************/
#button-hotline {
position:relative;
background:url(../images/button_hotline.png) no-repeat;
width:251px;
height:151px;
margin-left:0px;
}

a.button-read-more {
	display: block;
	width: 120px;
	height: 30px;
	background: url(../images/button_read_more.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-read-more:hover {
	background-position: 0 -30px;
}

a.button-chemical {
	display: block;
	width: 145px;
	height: 29px;
	background: url(../images/button_chemical_th.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-chemical:hover {
	background-position: 0 -29px;
}

a.button-picture-01 {
	display: block;
	width: 171px;
	height: 129px;
	background: url(../images/button_picture_01.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-picture-01:hover {
	background-position: 0 -129px;
}

a.button-picture-02 {
	display: block;
	width: 171px;
	height: 129px;
	background: url(../images/button_picture_02.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}
a.button-picture-02:hover {
	background-position: 0 -129px;
}

a.button-picture-03:hover {
	background-position: 0 -129px;
}

a.button-picture-03 {
	display: block;
	width: 171px;
	height: 129px;
	background: url(../images/button_picture_03.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}


a.button-picture-04:hover {
	background-position: 0 -129px;
}

a.button-picture-04 {
	display: block;
	width: 171px;
	height: 129px;
	background: url(../images/button_picture_04.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.th-button-submit {
	display: block;
	width: 98px;
	height: 31px;
	background: url(../images/button_submit_th.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.th-button-submit:hover {
	background-position: 0 -31px;
}
a.th-button-cancel {
	display: block;
	width: 98px;
	height: 31px;
	background: url(../images/button_cancel_th.gif) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.th-button-cancel:hover {
	background-position: 0 -31px;
}
a.button-cancel {
	display: block;
	width: 90px;
	height: 29px;
	background: url(../images/button_middle_cancel.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-cancel:hover {
	background-position: 0 -29px;
}
a.button-search-middle{
	display: block;
	width: 90px;
	height: 29px;
	background: url(../images/button_middle_search.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}
a.button-ok-middle-th {
	display: block;
	width: 90px;
	height: 29px;
	background: url(../images/button_middle_ok_th.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-ok-middle-th:hover {
	background-position: 0 -29px;
}
a.button-cancel-th {
	display: block;
	width: 90px;
	height: 29px;
	background: url(../images/button_middle_cancel_th.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-cancel-th:hover {
	background-position: 0 -29px;
}
a.button-search-middle-th{
	display: block;
	width: 90px;
	height: 29px;
	background: url(../images/button_middle_search_th.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-search-middle-th:hover {
	background-position: 0 -29px;
}

a.button-readmore-th{
	display: block;
	width: 125px;
	height: 29px;
	background: url(../images/button_long_readmore_th.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-readmore-th:hover {
	background-position: 0 -29px;
}
a.button-search{
	display: block;
	width: 72px;
	height: 29px;
	background: url(../images/button_search.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-search:hover {
	background-position: 0 -29px;
}

a.button-stamped{
	display: block;
	width: 251px;
	height: 149px;
	background: url(../images/button_stamped.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-stamped:hover {
	background-position: 0 -149px;
}

a.button-new-product{
	display: block;
	width: 251px;
	height: 170px;
	background: url(../images/button_new_product.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-new-product:hover {
	background-position: 0 -170px;
}
/********************** connector tab ********************/
#button-connector-spec{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_connector_spec.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	background-position: 0 -32px;
}
a.button-connector-spec{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_connector_spec.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-connector-spec:hover {
	background-position: 0 -32px;
}

#button-connector-info{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_connector_info.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	background-position: 0 -32px;
}
a.button-connector-info{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_connector_info.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-connector-info:hover {
	background-position: 0 -32px;
}

#button-connector-info-use{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_connector_info_use.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	background-position: 0 -32px;
}

a.button-connector-info-use{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_connector_info_use.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-connector-info-use:hover {
	background-position: 0 -32px;
}

#button-connector-spare-parts{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_connector_spare_parts.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	background-position: 0 -32px;
}
a.button-connector-spare-parts{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_connector_spare_parts.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-connector-spare-parts:hover {
	background-position: 0 -32px;
}

/********************** chemical tab ********************/
#button-chemical-data1{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_chemical_data1.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	background-position: 0 -32px;
}
a.button-chemical-data1{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_chemical_data1.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-chemical-data1:hover {
	background-position: 0 -32px;
}

#button-chemical-data2{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_chemical_data2.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	background-position: 0 -32px;
}
a.button-chemical-data2{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_chemical_data2.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-chemical-data2:hover {
	background-position: 0 -32px;
}

#button-chemical-data3{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_chemical_data3.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	background-position: 0 -32px;
}

a.button-chemical-data3{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_chemical_data3.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-chemical-data3:hover {
	background-position: 0 -32px;
}

#button-chemical-data4{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_chemical_data4.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	background-position: 0 -32px;
}
a.button-chemical-data4{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_tab_chemical_data4.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-chemical-data4:hover {
	background-position: 0 -32px;
}
/********************* product tab ***********************/
#tab-generali {
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_general_info.png) no-repeat 0 0;
	background-position: 0 -32px;
	text-decoration: none;
	border: none;
	}
	
a.button-product-general{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_general_info.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-product-general:hover {
	background-position: 0 -32px;
}

#tab-spec {
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_table_spec.png) no-repeat 0 0;
	background-position: 0 -32px;
	text-decoration: none;
	border: none;
	}
a.button-product-spec{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_table_spec.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-product-spec:hover {
	background-position: 0 -32px;
}

#tab-size-14 {
	display: block;
	width: 80px;
	height: 32px;
	background: url(../images/button_size_1_4.png) no-repeat 0 0;
	background-position: 0 -32px;
	text-decoration: none;
	border: none;
	}
a.button-product-size-14{
	display: block;
	width: 80px;
	height: 32px;
	background: url(../images/button_size_1_4.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-product-size-14:hover {
	background-position: 0 -32px;
}

#tab-size-12 {
	display: block;
	width: 80px;
	height: 32px;
	background: url(../images/button_size_1_2.png) no-repeat 0 0;
	background-position: 0 -32px;
	text-decoration: none;
	border: none;
	}
a.button-product-size-12{
	display: block;
	width: 80px;
	height: 32px;
	background: url(../images/button_size_1_2.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-product-size-12:hover {
	background-position: 0 -32px;
}

#tab-size-34{
	display: block;
	width: 80px;
	height: 32px;
	background: url(../images/button_size_3_4.png) no-repeat 0 0;
	background-position: 0 -32px;
	text-decoration: none;
	border: none;
	}
a.button-product-size-34{
	display: block;
	width: 80px;
	height: 32px;
	background: url(../images/button_size_3_4.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-product-size-34:hover {
	background-position: 0 -32px;
}

#tab-size-212 {
	display: block;
	width: 80px;
	height: 32px;
	background: url(../images/button_size_2-1_2.png) no-repeat 0 0;
	background-position: 0 -32px;
	text-decoration: none;
	border: none;
	}
a.button-product-size-212{
	display: block;
	width: 80px;
	height: 32px;
	background: url(../images/button_size_2-1_2.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-product-size-212:hover {
	background-position: 0 -32px;
}

#tab-pliers {
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_pliers_other.png) no-repeat 0 0;
	background-position: 0 -32px;
	text-decoration: none;
	border: none;
	}
a.button-product-pliers{
	display: block;
	width: 137px;
	height: 32px;
	background: url(../images/button_pliers_other.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
}

a.button-product-pliers:hover {
	background-position: 0 -32px;
}
/********************Footer **************/
#footer {
/*background: url(../images/background_footer.gif) no-repeat; */
position:relative;
padding:0 0 0 0;
margin:0 0 0 0;
height:30px;
width:500px;
}
#footer p {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
padding-top:7px;
}
#coffee-station-banner {
background:url(../images/coffee_station_109.gif ) no-repeat right;
width:347px;
height:151px;
z-index:1;
}

/************** sitemap ***************************/
a.sitemap:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7a8105;
	text-decoration: underline;
}
a.sitemap:hover {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7a8105;
	text-decoration: none;
}
a.sitemap:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7a8105;
	text-decoration: underline;
}

a.sitemap_small:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7a8105;
	text-decoration: underline;
}
a.sitemap_small:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7a8105;
	text-decoration: none;
}
a.sitemap_small:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7a8105;
	text-decoration: underline;
}
a.sitemap_bold:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7a8105;
	text-decoration: underline;
}
a.sitemap_bold:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7a8105;
	text-decoration: underline;
}
a.sitemap_bold:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7a8105;
	text-decoration: none;
}

/******************** td *****************************/
.td-bottom {border-bottom: solid 1px #aad0e5}
.td-left-white {border-left:solid 1px #ffffff;}
.td-right-white {border-right:solid 1px #ffffff;}


/******************** products *****************************/
#product-picture {
position:absolute;
margin-left:290px;
margin-top:-30px;
width:300px;
height:400px;}