/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("layout.css");

/* Clearfix
----------------------------------------*/
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 0%; overflow:hidden;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Footerfix
----------------------------------------*/
.footerfix{ height:20px; clear:both;}

/* Elements
----------------------------------------*/
body
{
	background:url(../images/bg.gif) repeat-x top;
	background-color:#4697CC;
	color:#666666;
	font:normal 9pt Arial, Helvetica, sans-serif;
	line-height:160%!important;
	line-height:150%;
}

.center{ text-align:center; line-height:25px;}

img {border:none; margin:0; padding:0;}

h1{color: #1259a7; padding:0 0 0 6px; font:bold 18px Arial, Helvetica, sans-serif; border-bottom:1px solid #d80d10; line-height:28px; margin:0;}

/* welcome */
.welcome{background:url(../images/welcome_bg.gif); color:#FFFFFF; padding:0 0 0 17px; font:bold 16px Arial, Helvetica, sans-serif; line-height:40px; margin:0; border:none;}

h2{ font:bold 16px Arial, Helvetica, sans-serif;  padding:0;color:#3366ff;}

h3{ font:bold 12px Arial, Helvetica, sans-serif; color:#454545;}

h4{ font:bold 12px Arial, Helvetica, sans-serif; color:#034f85; line-height:20px;}

/* link, font ,form ,img ,li style
----------------------------------------*/
/* link */
a:link, a:visited{color:#3177aa; text-decoration:none;}
a:hover, a:active{color:#044f86; text-decoration:none;}

/* font */
.style1{color:#33870b;}
.style2{color:#ff4605;}
.style3 {color: #146092; font-weight: bold; font-size: 12pt; }

/* form */
.ka
{
	border:1px solid #d8dad9;
	color:#454545;
	padding:1px 1px;
	font:normal 12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
.inputstyle1{ width:147px; margin:0 0 0 6px;}
.inputstyle2{ width:108px; margin:0 0 0 6px;}
.inputstyle3{ width:135px; margin:0 0 0 6px;}
.inputstyle4{ width:197px;}
.inputstyle5{ width:310px;}
.inputstyle6{ width:255px;}
.inputstyle7{ width:130px; margin:0 20px 0 6px;}

/* pic style */
.picstyle1{float:left; margin:0 30px 0 10px;}


/* li style */
.listyle li {  font-weight:bold;}

/* Module
----------------------------------------*/
/* Header Contactus */
.contactus{ float:right; height:93px;}
.contact{ font:bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:19px;}
.phone{ background:url(../images/phone.gif) no-repeat 3px; padding:0 12px 0 18px;}
.email{ background:url(../images/email.gif) no-repeat left;padding:0 0 0 24px;}
.online{ text-align:right; margin:12px 0 0 0;}

/* menu */
.logo{ margin:0 0 0 26px; height:94px;}

/* menu */
.menu{ margin:0;}
.menu ul{
	width:995px;
	height:30px;
	margin:0;
	padding:0;
	position:relative;
	background:url(../images/menu.gif) no-repeat;
	border:none;
	border-bottom:13px solid #DA1010;
}
.menu ul li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
}
.menu ul li li, .menu ul li a {
	height:30px;
	display:block;
}
.nav01 {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:105px;
}
.nav02 {
	text-indent:-300em;
	overflow:hidden;
	left:100px;
	width:107px;
}
.nav03 {
	text-indent:-300em;
	overflow:hidden;
	left:198px;
	width:107px;
}
.nav04 {
	text-indent:-300em;
	overflow:hidden;
	left:298px;
	width:107px;
}
.nav05 {
	text-indent:-300em;
	overflow:hidden;
	left:397px;
	width:107px;
}
.nav06{
	text-indent:-300em;
	overflow:hidden;
	left:497px;
	width:107px;
}
.nav07{
	text-indent:-300em;
	overflow:hidden;
	left:597px;
	width:107px;
}
.nav08{
	text-indent:-300em;
	overflow:hidden;
	left:696px;
	width:107px;
}
.nav09{
	text-indent:-300em;
	overflow:hidden;
	left:796px;
	width:106px;
}
.nav10{
	text-indent:-300em;
	overflow:hidden;
	left:895px;
	width:100px;
}

.nav01 a:hover {
	background:transparent url(../images/menu.gif)  0px  -30px no-repeat;
}
.nav02 a:hover {
	background:transparent url(../images/menu.gif) -98px -60px no-repeat;
}
.nav03 a:hover {
	background:transparent url(../images/menu.gif) -198px -90px no-repeat;
}
.nav04 a:hover {
	background:transparent url(../images/menu.gif) -298px -120px no-repeat;
}
.nav05 a:hover {
	background:transparent url(../images/menu.gif) -397px -150px no-repeat;
}
.nav06 a:hover {
	background:transparent url(../images/menu.gif) -497px -180px no-repeat;
}
.nav07 a:hover {
	background:transparent url(../images/menu.gif) -597px -210px no-repeat;
}
.nav08 a:hover {
	background:transparent url(../images/menu.gif) -696px -240px no-repeat;
}
.nav09 a:hover {
	background:transparent url(../images/menu.gif) -796px -270px no-repeat;
}
.nav10 a:hover {
	background:transparent url(../images/menu.gif) -895px -300px no-repeat;
}

/* index box */
.leftBox{ width:214px; border:1px solid #56a7e9; float:left; padding:0 8px 0; background:#FFFFFF;}
.centerBox{ width:500px; float:left;}
.rightBox{ width:228px; float:left;}

#flashbox{ margin:0 auto; width:475px;}
.box{ margin:10px 23px 10px; line-height:30px;}

/* Order */
.orderTop{ padding:17px 0; border-bottom:1px solid #1e9dea;}
.order{ padding:0 5px; border-top:1px solid #c5c5c5;color:#0978a3; margin:0 auto;}
.orderTitle{ line-height:50px;}
.orderTitle2{ margin:1px 0 1px 12px!important;  margin:7px 0 7px 12px;}
.orderTr{ padding:3px 0; text-align:right;}
.orderTr3{ padding:3px 0; text-align:center;}

/* login */
.loginTitle{ height:26px; border-bottom:4px solid #209eea;}
#login{ padding:7px 11px 0; display:block; background:url(../images/customer_login_bg.gif) repeat-x top; background-color:#FFF;}
.logindiv{ clear:both; padding:6px 0 7px;}
#login span{ display:block; width:62px; float:left; background:url(../images/dot_1.gif) no-repeat left center; padding:0 0 0 8px;}
#login p{ line-height:50px;padding:0 0 0 18px;}
.login_btn{ padding:10px 0 0; text-align:center;}
#logout{ display:none; height:150px; background:url(../images/customer_login_bg.gif) repeat-x top; background-color:#FFF; padding:7px 11px;}

.loginpage{ width:228px; margin:0 auto;}

/* Case */
.caseTitle{padding:22px 0 7px 0; border-bottom:4px solid #209eea;}
.case{background:#ffffff; padding:21px 0 17px 16px; height:280px;}
.caseBox{border:1px solid #79a9cd; margin:0 12px 8px 0; float:left; width:90px; height:85px; display: inline;}

/* Banner */
.banner{ width:475px; margin:0 auto; height:100px; background:#000;}

/* Content */
.content{ margin:0 auto; padding:14px 65px 0; }
.contentBom{ width:859px; margin:0 auto; height:25px; background:url(../images/pic010.gif) no-repeat;}
.contentBox{ padding:10px;}
.contentBox p{ margin:0 0 20px;}

/* prices */
.prices{line-height:22px; color:#0678a9;border-collapse: collapse; width:400px; margin:0 auto 20px;}
.prices th{font-weight:bold; border: 1px solid #84acc7; background:#f5f8fa;}
.prices td{border: 1px solid #84acc7; background:#FFF;}
.prices_td1{ padding:0 0 0 10px; width:68%;}
.prices_td2{ text-align:center; width:32%;}

/* Samples Top Text */
.sampleText{ border-left:3px solid #B1D501; border-right:3px solid #B1D501; width:976px; margin:0 auto; padding:5px 0 0;}
.samplesBom{ background:url(../images/pic005.gif) no-repeat; width:982px; height:17px; margin:0 auto 20px; overflow:hidden;}

/* Samples Pic */
.sample{ margin:0 auto; text-align:center; width:835px; padding:0 0 0 20px}
.samplebox{border:1px solid #79a9cd; margin:0 10px 15px 0; width:265px; float:left; text-align:center; height:206px;}
.pages{ text-align:right; color:#A9A9A9; margin:0 auto; padding:0 80px; width:auto; clear:both;}
.pagestxt{ float:left; color:#666666;}

/* Contact Box */
.contactLeft{ width:364px; float:left; margin:10px 0;}
.contactRight{ width:446px; float:left; border:1px solid #79a9cd; background:#FFF; padding:10px 0; margin:10px 0;}
.contactbox{ margin:20px auto; width:506px; border:1px solid #BCD292; padding:15px 0;}
.contactboxTr{ clear:both; padding:5px 0;}
.contactboxTr span{ width:100px; display:block; float:left; text-align:right; margin:0 5px 0 0; line-height:20px;}

/* Order Box(Order Page) */
.orderbox{ width:260px; margin:20px auto 0; text-align:center; color:#0978a3;}
.orderBoxTop{ padding:17px 0;}
.orderBoxTitle{ line-height:50px; text-align:center;}
.orderBoxTitle2{ margin:1px 0 1px 12px!important;  margin:7px 0 7px 12px;}
.orderBoxTr{ padding:3px 0;}
.orderBoxTr2{ padding:3px 0; text-align:right;}
.orderBoxTr3{ padding:3px 0; text-align:center;}

/* Help */
.help{ width:853px; margin:0 auto; border-left:3px solid #FF4605; border-right:3px solid #FF4605; text-align:center;}

/* Reg Form */
.reg{ width:600px; margin:15px auto; text-align:center;}
.regtitle{ background:#ddeeff; font-weight:bold; line-height:25px; width:550px; padding:0 0 0 50px; margin:0 0 25px; color:#146092;}
.regtr{ width:500px; margin:0 auto 25px; line-height:25px;}
.regtr td{ line-height:25px;}
.regtr2{ width:550px; margin:0 auto 25px; line-height:25px;}

/* Member Menu */
.member_menu{ width:650px; text-align:center; font-weight:bold; margin:0 auto 25px; background:#ddeeff; height:25px; line-height:25px;}
.member_menu a:link, .member_menu a:visited{color:#146092; text-decoration:none;}
.member_menu a:hover, .member_menu a:active{color:#4e8f01; text-decoration:none;}

a.sel:link, a.sel:visited{color:#4e8f01; text-decoration:none;}
a.sel:hover, a.sel:active{color:#4e8f01; text-decoration:none;}

/* Active */
.active{ width:600px; margin:0 auto; line-height:25px;}

/* Main */
.member_news{ width:550px; margin:0 auto 25px; line-height:25px;}

/* Status */
.status{ width:800px;border-collapse: collapse;}
.status th{ line-height:30px; text-align:center; font-weight:bold;border: 1px solid #999999;}
.status td{ line-height:30px; text-align:center;border: 1px solid #999999;}

/* About us */
.about_ul{}
.about_ul li{ clear:both;}
.about_ul li span{ display:block; width:170px; float:left; font-weight:bold;}
.about_ul li p{ margin:0; padding:0; float:left; width:630px;}

/* Patch */
.patchTitle{ color:#0678a9; font-weight:bold;}
.patchTitle2{ color:#0678a9; text-align:center;}
.patch{line-height:22px; color:#0678a9;border-collapse: collapse; margin:0 auto 20px;}
.patch td{border: 1px solid #84acc7; width:50px; text-align:center;}
.patchTr1{ background:#FFF;}
.patchTr2{ background:#f5f8fa;}

/* Process */
.process_box{ width:676px; margin:0 auto; padding:20px 0 0;}
.process_box p{ margin:0; padding:10px 18px; border:1px solid #2979b8; background:#FFF; line-height:25px;}
.process_dot{ margin:10px auto 0; text-align: center;}