/* REDLAB CO., LTD. [ www.redlab.net ] CSS ------------------------------------------------------------------------------------*/
/* BACKGROUND ----------------------------------------------------------------------------------------------------------------------------*/

.bgAlert{
	background-image:url(img/bgAlert.gif);
	background-repeat:repeat;
}
.doth{
	background-image:url(img/doth.gif);
	background-repeat:repeat-x;
}
.dotv{
	background-image:url(img/dotv.gif);
	background-repeat:repeat-y;
}

/* LINKS --------------------------------------------------------------------------------------------------------------------------------------*/

a:link{text-decoration:none; color:#333333;}
a:visited{text-decoration:none; color:#333333;}
a:hover{text-decoration:none; color:#CC0000;}

a.link1:link{text-decoration:underline; color:#CC0000;}
a.link1:visited{text-decoration:underline; color:#CC0000;}
a.link1:hover{text-decoration:underline; color:#000000;}

/* FONTS ------------------------------------------------------------------------------------------------------------------------------------*/

.cssAlert{
	color:#ff0000;
}
.css1{
	color:#333333;
}
.css2{
	color:#999999;
}
.css3{
	color:#CCCCCC;
}
.css4{
	color:#FFFFFF;
}

/* MASTER FONTS ------------------------------------------------------------------------------------------------------------------------*/

body,table,td,p,a{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
input{
	font-family:Tahoma;
	color:#333333;
}
select{
	font-family:Tahoma;
	color:#333333;
}
textarea{
	font-family:Tahoma;
	color:#333333;
}

/* MASTER HTML -------------------------------------------------------------------------------------------------------------------------*/

table{
	border:0px;
}
tr{
	vertical-align:top;
}
img{
	border:0px;
}
ul{
	list-style:circle;
}
.borderAlert{
	border:1px solid #ff0000;
}
.border{
	border:1px solid #cccccc;
}
.borderD{
	border:1px dashed #cccccc;
}
.borderT{
	border-color:#cccccc; 
	border-top-width:1px; 
	border-bottom-width:0px;
	border-left-width:0px; 
	border-right-width:0px; 
	border-style:solid; 
}
.borderTD{
	border-color:#cccccc; 
	border-top-width:1px; 
	border-bottom-width:0px;
	border-left-width:0px; 
	border-right-width:0px; 
	border-style:dashed; 
}
.borderB{
	border-color:#cccccc; 
	border-top-width:0px; 
	border-bottom-width:1px;
	border-left-width:0px; 
	border-right-width:0px; 
	border-style:solid; 
}
.borderBD{
	border-color:#cccccc; 
	border-top-width:0px; 
	border-bottom-width:1px;
	border-left-width:0px; 
	border-right-width:0px; 
	border-style:dashed; 
}
.borderL{
	border-color:#cccccc; 
	border-top-width:0px; 
	border-bottom-width:0px;
	border-left-width:1px; 
	border-right-width:0px; 
	border-style:solid; 
}
.borderLD{
	border-color:#cccccc; 
	border-top-width:0px; 
	border-bottom-width:0px;
	border-left-width:1px; 
	border-right-width:0px; 
	border-style:dashed; 
}

.borderR{
	border-color:#cccccc; 
	border-top-width:0px; 
	border-bottom-width:0px;
	border-left-width:0px; 
	border-right-width:1px; 
	border-style:solid; 
}
.borderRD{
	border-color:#cccccc; 
	border-top-width:0px; 
	border-bottom-width:0px;
	border-left-width:0px; 
	border-right-width:1px; 
	border-style:dashed; 
}

.imgPNG{
	behavior:url(includes/iepngfix.htc);
}

/*------------- Header -----------*/
h1 { font-size:20px; }
h2 { font-size:15px; }
h3 { }
h4 { }
h5 { }
h6 { }


/*----------print----------------*/
@media print {
.skip_print {
	visibility:hidden;
	position: absolute;
	left:0px;
	top:0px;
}
.do_print {
	visibility:visible;
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
}
}
/*-----------print---------------*/


/*----- product -----*/
.Box_thum_product{
	width:163px;
	height:135px;
	background:url(images/bg_thumproduct.gif) no-repeat;
	padding-left:0px;
	padding-top:16px;
}

.text_product { color:#666666; }
.text_discount { color:#CC0000; }

/*----- form -----*/
.textfield { border:solid 1px #999999; height:20px; }
.btnsubmit { background:#CCCCCC; border:0px; height:20px; }

/*----- contact -----*/
#contact1 {width:165px; height:30px; border-bottom:dashed 1px #CCCCCC; padding-left:15px; padding-top:15px;}
#contact2 {width:165px; height:30px; border-bottom:dashed 1px #CCCCCC; padding-left:15px; padding-top:15px;}
#contact1 a {color:#3266CC; font-size:14px; text-decoration:none; }
#contact2 a {color:#666666; font-size:14px; text-decoration:none; }

/*----- product -----*/
.Box_product{
	width:163px;
	height:245px;
}
.Box_thum_product{
	width:163px;
	height:135px;
}
.Show_pic_pro{
	width:126px;
	height:99px;
	padding-left:25px;
	padding-top:8px;
}
.detial_pro{
	width:110px;
	height:20px;
	background-image:url(images/arr_detial.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-top:4px;
	padding-left:53px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
}
.Id_pro{
	width:143px;
	height:16px;
	background-position:left;
	padding-top:2px;
	padding-left:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
}
.brand_pro{
	width:143px;
	height:16px;
	background-position:left;
	padding-top:2px;
	padding-left:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
}
.name_pro{
	width:143px;
	height:16px;
	background-position:left;
	padding-top:2px;
	padding-left:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
}
.price_pro{
	width:143px;
	height:16px;
	background-position:left;
	padding-top:2px;
	padding-left:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
}
.end_box_pro{
    width:135px;
	height:9px;
	background-image:url(images/dot_end_pro.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
/*----- END:product -----*/

/*----- JOB -----*/
.ApplyJob {
	background:#CCCCCC;
	color:#000000;
	border:none;
	width:80px;
	height:20px;
}
.ApplyJob:hover {
	background:#6699FF;
	color:#FFFFFF;
	border:none;
	width:80px;
	height:20px;
	cursor:pointer;
}
.jobtable {
	border:none;
	width:100%;
	margin:0px;
}
.jobtable td {
	padding:5px;
	vertical-align:top;
	border:1px solid #fff;
}
.jobtable input {
	border:1px solid #999;
	height:20px;
}
.jobtable input:focus {
	border:1px solid #3399FF;
	height:20px;
}
.jobtable textarea {
	border:1px solid #999;
	height:20px;
}
.jobtable textarea:focus {
	border:1px solid #3399FF;
	height:20px;
}
.jobtable select {
	border:1px solid #999;
	height:20px;
}
.inputjob { border:1px solid #999; height:20px; vertical-align:middle; }
.inputjob:focus { border:1px solid #39f; height:20px; vertical-align:middle; }

/*--BACKGROUND--*/
.bg_eee { background:#eee; }
.bg_ddd { background:#ddd; }
.bg_ccc { background:#ccc; }

/*--ALIGNMENT--*/
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.top { vertical-align:top; }
.bottom { vertical-align:bottom; }
.middle { vertical-align:middle; }