@charset "UTF-8";
/* CSS Document products */

#products{
}

#products header{
	height: auto;
	position: relative;
	margin:  0 0 20px 0;
	padding: 15px 20px 5px 20px;
	border-left: 4px solid #ccc;
	background: -webkit-linear-gradient(225deg,#eee,#fff 100%);
	background: linear-gradient(225deg,#eee,#fff 100%);
}

#products header.products{
	background: url(../images/h_bg_products_1.jpg) no-repeat 0 80%;
}

#products header.factory{
	background: url(../images/h_bg_factory.jpg) no-repeat 0 95%;
}

#products header.semicon{
	background: url(../images/h_bg_semicon_1.jpg) no-repeat 0 90%;
}

#products header.security{
	background: url(../images/h_bg_seculty_1.jpg) no-repeat 0 94%;
}

#products header.smartcard{
	background: url(../images/h_bg_card_1.jpg) no-repeat 0 94%;
}

#products header.disaster{
	background: url(../images/h_bg_disaster_1.jpg) no-repeat 0 108%;
}

#products header.import_fa{
	background: url(../images/h_bg_import_fa.jpg) no-repeat 0 180%;
}

#products header h1{
	position: relative; top: 0; left: 0;
	width: auto;
	height: auto;
	line-height: 1.1em;
	font-size: 1.3em;
	font-weight: normal;
	color: #333;
}

#products header h1 + p {
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0.5em 0 0.5em 0.1em;
	color: #999;
}

#products header ul.tab{
	height: 20px;
	margin: 0;
	padding: 0.2em 5px 0.2em 16px;
	border-top: 3px solid #ddd;
	background: url(../images/arw_2.png) no-repeat 0 10px;
}

#products header ul.tab li{
	float: left;
	margin: 0;
	padding: 0.3em 1.4em 0.3em 0;
	font-size: 0.8em;
}

#products header ul.tab li.farst{
}

#products header ul.tab li.seccond{
}

#products .supplier_header{
	margin: 0 0 10px 0;
}

/*-- product_index --*/

.products_index{
	background: #fff;
}

.products_index section{
	margin: 0 0 30px 0;
	padding: 20px 20px 10px 20px;
	/*border-left: 5px solid #aaa;*/
	background: #f0f0f0;
}

.products_index h2{
	margin: 0 0 1em 0;
	padding: 0 0 0.1em 0;
	border-bottom: 1px solid #ccc;
}

.products_index h3{
	margin: 1em 0;
	padding: 0.3em 0.5em;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	line-height: 2;
	font-size: 1em;
}

.products_index h3::before{
content: "■";
	margin: 0 0.2em 0 0;
	color: #1BA4DD;
}

.products_index section h4{
	padding: 0 0 0 7px;
	border-left: 7px solid #aaa;
	line-height: 1.2;
	font-size: 1.2em;
	color: #333;
}

.products_index section p{
	font-size: 0.8em;
}

.products_index section h4 + p{
	margin: 1em 0 1.5em 0;
	font-size: 0.9em;
	color: #666;
}

.products_index section h4 + p + p{
	margin: 0 0 16px 0;
}

.products_index section ul , .products_index section dl{
	margin: 10px 0;
}

.products_index section dl{
	min-height: 50px;
	padding: 0 0 0 135px;
}

.products_index section dl.riseone{
	padding: 0;
}

.products_index section dl.besi{
	background: url(../images/logo_list_besi.png) no-repeat 0 center;
}

.products_index section dl.psmteck{
	background: url(../images/logo_list_psmteck.png) no-repeat 0 center;
}

.products_index section dl.regula{
	background: url(../images/logo_list_regula.png) no-repeat 0 center;
}

.products_index section dl.lim{
	background: url(../images/logo_list_lim.png) no-repeat 0 center;
}

.products_index section dl.acustek{
	background: url(../images/logo_list_acustek.png) no-repeat 0 center;
}

.products_index section dl.smartrac{
	background: url(../images/logo_list_smartrac.png) no-repeat 0 center;
}

.products_index section dl.adamsmetal{
	background: url(../images/logo_list_adams.png) no-repeat 0 center;
}

.products_index section dl.das-nano{
	background: url(../images/logo_list_das-nano.png) no-repeat 0 center;
}


.products_index section dl.greencorp{
	background: url(../images/logo_list_greencorp.png) no-repeat 0 center;
}

.products_index section dl.cardel{
	background: url(../images/logo_list_cardel.png) no-repeat 0 center;
}

.products_index section dl.watergen{
	background: url(../images/logo_list_watergen.png) no-repeat 0 center;
}

.products_index section dl.chocolate{
	background: url(../images/logo_list_passionchocolat.png) no-repeat 0 center;
	padding: 0 0 0 65px;
}

.products_index section dt{
	font-size: 1em;
}

.products_index section dt{
	text-decoration: underline;
	font-size: 1.1em;
}

.products_index section dd{
	margin: 0 0 0.5em 0;
	font-size: 0.9em;
	color: #666;
}

/*-- product_list --*/

.product_list h2 + p{
	text-align: center;
}

.product_list table{
	width: 328px;
	margin: 0 0 20px 328px;
	font-size: 0.9em;
}

.product_list th , .product_list td{
	padding: 0.5em 1em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	text-align: left;
}

.product_box h3 , .product_list h3 , .product h3{
	clear: both;
	margin:  0 0 1.2em 0;
	padding: 0.4em;
	font-size: 1em;
	color: #fff;
}

.product_list h3{
	margin: 0 0 0.7em 0;
}

.product h3 + p , .product_list h3 + P{
	margin: 0 0 1em 0.7em;
}

.product_list h4{
	clear: both;
	margin: 0 7px 1.5em 7px;
	padding: 0.2em 0.5em;
	font-size: 1em;
	background: url(../images/h4_bg.png) repeat-x 0 center #e9e9e9;
}

.product_list h4.target + img.f_left + p , .product_list h4.target + img.f_left + p + p , .product_list h4.target + img.f_left + p + p + p , .product_list h4.target + img.f_left + p + p + p , .product_list h4.target + img.f_left + p + p + p + p{
	width: auto;
	margin: 0 10px 20px 328px;
}

.product_list h4.target + img.f_left + p + ul{
	width: auto;
	margin: 0 0 20px 350px;
	list-style: disc;
}

.product_list img.f_left{
	margin: 0 30px 30px 48px;
	width: 240px;
}

.product_list h4.target + img.f_right + p , .product_list h4.target + img.f_right + p + p , .product_list h4.target + img.f_right + p + p + p{
	width: auto;
	margin: 0 10px 20px 18px;
}

.product_list img.f_right{
	margin: 0 48px 30px 30px;
}

/*-- product --*/

.product{
	margin: 0 0 0.5em 0;
}

.product h2 + p{
	text-align: center;
}

.product h4{
	margin: 0 0 0.5em 0;
}

.product ul{
	list-style: disc;
	margin: 0 0 0 2em;
}

.product ul li{
	margin: 0 0 0.5em 0;
}

/*-- products_2col --*/

.product_2col{
}

.product_2col img{
	float: left;
	width: 240px;
	margin: 0 30px 30px 30px;
}

.product_2col p{
	margin: 0 0 1em 290px;
}

/*-- products_3cols --*/

.l_box{
	display: block;
	float: left;
	margin: 0 21px 0 7px;
}

.l_box.last{
	display: block;
	float: left;
	margin: 0 0 0 7px;
}

.l_box h4{
	margin: 0 0 0.3em 0;
	padding: 0.2em;
	text-align: center;
	background: url(../images/h4_bg.png) repeat-x 0 center #f0f0f0;
}

.l_box .ex_s{
	font-size: 0.76em;
}

/*-- products_item --*/

.product_item{
	display: block;
	width: 313px;
	margin: 0 30px 20px 7px;
	float: left;
	text-align: center;
}

.product_item.right{
	margin: 0 7px 20px 0;
}

.product_item h4{
	margin: 0 0 1em 0;
	padding: 0.3em 0.5em;
	background: url(../images/h4_bg.png) 0 center #f0f0f0;
	text-align: left;
}

.product_item img{
	margin: 0 0 10px 0;
}

.product_item p{
	font-size: 0.8em;
	text-align: left;
}

.product_item ul.in_text{
	margin: 1em  0 1em 1.7em;
	text-align: left;
	font-size: 0.8em;
}

.product_item img.f_left{
	width: 200px;
	margin: 0 0 20px 0;
}

.seller_info{
	margin: 30px 0;
}

#products .seller_info h3{
	margin:  0 0 0.5em 0;
	padding: 0.3em 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.1em;
}

#products .seller_info h3::before{
content: "■";
	margin: 0 0.2em 0 0;
	color: #1BA4DD;
}

#products .seller_info h3 + p{
	margin-left: 0.7em;
}

/*-- maker --*/

.fct h2 , .fa h2{
	margin: 0 0 0.7em 0;
	padding: 0 0 0.7em 0;
	line-height: 2.4;
	background: url(../images/blue_arw.png) no-repeat center 99% #23A7CF;
	text-align: center;
	font-size: 1.3em;
	color: #fff;
}

.fct h2 + p{
	text-align: center;
	font-size: 1.1em;
	color: #d00;
}

.fct h3 , .fa h3{
	background: #033c9f;
	border-left: 7px solid #199fe5;
}

.fa h4{
	margin: 0 0 0.5em 0.5em;
}

.fa p{
	margin: 0 0 1em 0.5em;
}

.fa ul{
	margin: 0 0 1em 0;
}

.fa .product_box table{
	width: 315px;
	margin: 0 20px 30px 0 ;
	font-size: 0.8em;
	float: left;
}

.fa .product_box th , .fa .product_box td{
	padding: 0.5em 1em;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: middle;
}

.fa .product_box th{
	width: 30%;
	background: #f0f0f0;
}

.fa .product_box img{
	margin:0 0 20px 0;
}

.fa .product_box img.m_t{
	margin: 1.2em 0 20px 0;
}

.fa .product_box div{
	min-height: 315px;
}

.fa .product_box div h4{
	margin: 0 0 0.7em 0;
	padding: 0 0 0 5px;
	border-left: 5px solid #ccc;
	line-height: 1.2;
}

.fa .product_box.other img{
	width: 300px;
}

.fct .euc_info{
	margin: 0 0 30px 0;
}

.fct .euc_info dl{
	margin: 15px 0;
	padding: 1em;
	background: #f0f8ff;
}

.fct .euc_info dt{
	margin: 0 0 0.3em 0;
	padding: 0 0 0.3em 0;
	border-bottom: 1px solid #ccc;
	line-height: 1.3;
	font-weight: bold;
	color: #36c;
	font-size: 0.94em;
}

.fct .euc_info dd{
		line-height: 1.3;
}

.fct ol{
	margin: 0.5em 0 0.5em 2em;
	list-style-type: decimal;
}

.fct .product .left{
	float: left;
	display: block;
	width: 415px;
	margin: 0 30px 0 0;
}

.fct .product h4 , .fct .product p{
	margin: 0 0 0.5em 0.7em;
}

.fct .product img.w220{
	width: 220px;
	margin: 0 0 15px 0;
}

.fct .product img.h200{
	height: 200px;
	margin: 0 0 15px 0;
}


.fct .product .left ul{
	list-style: disc;
	margin: 0 0 0 2em;
}

.psmteck h3{
	background: #168900;
	border-left: 7px solid #124000;
}

.psmteck h4{
	border-left: 4px solid #168900;
}

.besi h3{
	background: #22804c;
	background: -webkit-linear-gradient(top,#23b146,#147a2d);
	background: linear-gradient(top,#23b146,#147a2d);
	border-left: 7px solid #dde;
}

.besi h4{
	border-left: 4px solid #24b148;
}

.besi .product_item img{
	width: 200px;
}

.regula h3{
	background: #B5A1D4;
	border-left: 7px solid #75489d;
}

.regula h4{
	border-left: 4px solid #b5a1d4;
}

.lim h3{
	background: #0a5aac;
	border-left: 7px solid #0d6add;
}

.lim h4{
	border-left: 4px solid #0a6add;
}

.acustek h3{
	background: #1b4eaf;
	border-left: 7px solid #d0b000;
}

.acustek h4{
	border-left: 4px solid #1b4eaf;
}

.adamsmetal h3{
	background: #000;
	border-left: 7px solid #fbf809;
}

.adamsmetal h4{
	border-left: 4px solid #fbf809;
}

.smatrac h3{
	background: #ff6418;
	border-left: 7px solid #FFC873;
}

.smatrac .l_box h4{
	margin: 0 0 0.7em 0;
	padding: 0.4em 0;
	border-left: 3px solid #ff6418;
	font-size: 0.8em;
}

.smatrac h4.adv{
	margin: 1em 0 0.5em 0;
	font-size: 1em;
}

.smatrac ul{
	list-style: disc;
	margin: 0 0 0 2em;
}

.greencorp h3{
	background: #549748;
	border-left: 7px solid #333;
}

.greencorp h4{
	border-left: 4px solid #549748;
}

.cardel h3{
	background: #0f6ec8;
	border-left: 7px solid #c5dc00;
}

.cardel h4{
	border-left: 4px solid #c5dc00;
}

.cardel ul{
	list-style: disc;
	margin: 0 0 0 320px;
	font-size: 0.9em;
}

.watergen h3{
	background: #1898e8;
	border-left: 7px solid #97d2f1;
}

.watergen h4{
	border-left: 4px solid #1898e8;
}

.das-nano h3{
	background: #09235E;
	border-left: 7px solid #4682D8;
}

.das-nano h4{
	border-left: 4px solid #4682D8;
}

.das-nano h5{
	margin: 1em 0 0.2em 0;
	font-size: 1em;
}

.das-nano p.m_lr{
	margin: 0 0.7em;
}

.chocolat h3{
	margin: 1.5em 0 0.3em 0;
	padding: 0;
	color: #684432;
}

.product_list table.cppc{
	margin: 10px 0 20px 0;
}

.product_list table.cppc caption{
	margin: 0 0 0.2em 0;
}

.product_list table.cppc tr.row1{
	background: #deefff;
}

.product_list table.cppc tr.row2{
	background: #badaff;
}

.product_list table.cppc tr.row3{
	background: #7ab8ff;
}

.product_list table.cppc th, .product_list table.cppc td{
	border: 1px solid #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 0.8em;
}

.product_list table.cppc th{
	background: #BFE6A1;
}

.pageControl{
	margin: 14px 0;
	padding: 0 250px 0 0;
	text-align: right;
}

p.relation_page{
	margin:1em 0 0 0;
	padding: 0.7em 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align: center;
	font-size: 0.9em;
}

p.relation_page::after{
	content: url("../images/arw_2.png");
	margin: 0 0 0 5px;
	position: relative;
	top: 2px;
}