/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:url(images/bg.gif) repeat-x top}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#555a69;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

a{color:#000000; text-decoration:underline} 
a:hover{text-decoration:none}



.link{color:#000000; background:url(images/marker1.gif) right center no-repeat; padding-right:10px; text-decoration:none;  }
.link:hover{text-decoration:underline }
.link1{color:#555a69; margin-left:50px; font-weight:bold; text-decoration:none;  }
.link1:hover{text-decoration:underline }
.link2{color:#2971a7; text-decoration:none;  }
.link2:hover{text-decoration:underline }
.link3{color:#ffffff; text-decoration:none;  }
.link3:hover{text-decoration:underline }

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:10px; }
ul .li{background:url(images/icon1.gif) top left no-repeat; background-position:0 5px; padding-left:25px; }
ul .li1{background:url(images/icon2.gif) top left no-repeat; background-position:0 5px; padding-left:25px; }
ul .li2{background:url(images/icon3.gif) top left no-repeat; background-position:0 5px; padding-left:25px; }
ul .li3{background:url(images/icon4.gif) top left no-repeat; background-position:0 5px; padding-left:25px; }
ul .li4{background:url(images/icon5.gif) top left no-repeat; background-position:0 5px; padding-left:25px; }
ul .li5{background:url(images/icon6.gif) top left no-repeat; background-position:0 5px; padding-left:25px; }
ul li a{color:#2971a7; text-decoration:none; line-height:2em} 
ul li a:hover { text-decoration:underline; }

.ul{margin:0; padding:0 7px 0 0; list-style:none;}
.ul li{background:none; padding-left:0px; margin-bottom:15px }
.ul .last{background:none; padding-left:0px; margin-bottom:0px }
.ul li div{ margin-top:15px;} 
.ul li a{color:#555a69; text-decoration:none; line-height:1em} 
.ul li a:hover { text-decoration:underline; }

/*header*/
#header {font-size:0.75em; color:#ebe6eb; line-height:1.33em }
#header .logo{ margin:0 248px 0 0 }
#header .indent{margin:0px -17px 37px -17px; position:relative}
.flash{margin:17px 17px 0px -17px; position:relative}
#header h3{color:#ebe6eb; font-size:1.16em; margin-bottom:4px; font-weight:normal; line-height:1.42em  }
#header .block{
	width:211px;
	height:103px;
	position:absolute;
	background:url(images/bg_block.gif) no-repeat top left;
	margin:135px 0 0 735px;
	color:#fff
}
#header .indent-block{padding:7px 0 0 8px}
#header .block a{color:#dfd5e3; background:url(images/marker-1.gif) top left no-repeat; padding-left:10px; background-position:0 5px; text-decoration:none; font-size:.916em }
#header .block a:hover{ text-decoration:underline}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:34px 0 40px 0}
#content .title{  margin-bottom:23px}
#content .img-left{ float:left; margin:0 42px 16px 0}
#content .img-left1{ float:left; margin:0 28px 16px 0}
#content .img-left2{ float:left; margin:0 18px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content .banner{ margin:28px 0 60px 0}
#content .office{ margin:-45px 0 20px 0}
#content .img{ position:absolute; margin:-60px 0 0 377px}
#content p{ margin:0 0 15px 0}
#content .p{ margin:0 0 5px 0}
#content .p1{ margin:0 0 25px 0}
#content h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
#content .products{color:#063f6c; font-size:19px; margin-bottom:8px;  }
#content .products a{color:#2971a7; font-size:19px; margin-bottom:8px; text-decoration:none  }
#content .products a:hover{color:#2971a7; font-size:19px; margin-bottom:8px; text-decoration:underline  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
#content .block{
	width:211px;
	height:103px;

	background:url(images/bg_block.gif) no-repeat top left;
	color:#fff
}
#content .indent-block{padding:7px 0 0 8px}
#content .block a{color:#dfd5e3; background:url(images/marker-1.gif) top left no-repeat; padding-left:10px; background-position:0 5px; text-decoration:none; font-size:.916em }
#content .block a:hover{ text-decoration:underline}
#content .title { font-size:40px; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:100; color:#063f6c; margin-bottom:10px; }
#content .titlesmall { font-size:24px; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:100; color:#063f6c; margin-bottom:10px; margin-bottom:10px; }

/*content*/
#content1{ font-size:0.75em; width:100%; text-align:left;}
#content1 .indent-main{padding:16px 3px 25px 0}
#content1 .title{  margin-bottom:23px}
#content1 .img-left{ float:left; margin:0 20px 16px 0}
#content1 .img-indent{ margin:0 0 16px 0}
#content1 p{ margin:0 0 17px 0}
#content1 h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
#content1 .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}

#content1 .indent{padding:0 0 0 0}

/*box*/
.boxc{ width:100%; }
.boxc .border-top {}
.boxc .corner-top-left {}
.boxc .corner-top-right {}
.boxc .indent-box{  padding:10px 0px 19px 19px; }
.boxc .indent-box1{  padding:10px 28px 19px 19px; }

/*box*/
.box{ background:#e6e8ec; width:100%; }
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top; width:100%; }
.box .indent-box{  padding:10px 15px 19px 19px; }
.box .indent-box1{  padding:10px 28px 19px 19px; }
.box h5 {font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:100; font-style:normal; color:#063f6c; margin-bottom:20px; margin-top:40px; margin-bottom:5px; line-height:28px; }
.box h6 {font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:400; color:#063f6c; margin-bottom:20px; }
.box ul li {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#063f6c; margin-bottom:10px; }


/*product box*/
.pbox{ background-image:url(images/prodbar_bgkd.gif); background-repeat:repeat-y; width:100%; }
.pbox .border-top {background:url(images/border_top.gif) repeat-x top;}
.pbox .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.pbox .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top; width:100%; }
.pbox .indent-box{  padding:10px 15px 19px 19px; }
.pbox .indent-box1{  padding:10px 28px 19px 19px; }
.pbox h5 {font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:100; font-style:normal; color:#063f6c; margin-bottom:20px; margin-top:40px; margin-bottom:5px; line-height:28px; }
.pbox h6 {font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:400; color:#063f6c; margin-bottom:20px; }
.pbox ul li {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#063f6c; margin-bottom:10px; }



/*box*/
.box1{ background:#fff; width:100%;}
.box1 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top; width:100%; }
.box1 .indent-box{ padding:10px 15px 19px 19px; }


/*footer*/
#footer { color:#a2c5e0; font-size:0.75em; }
#footer .indent-footer{ padding:17px 5px 0 10px;}
#footer a {color:#2971a7; text-decoration:none; margin:0 10px 0 10px}  
#footer a:hover {  text-decoration:underline}
#footer span {color:#818590;}  
#footer span a {color:#818590; margin:0}  


.indent-2{ position:relative; padding-left:20px; float:left}
.h-1{ height:26px; background:url(images/bg_input3.gif) no-repeat top left; margin-top:3px}
.h-2{ height:28px; background:url(images/bg_input1.gif) no-repeat top left; margin-top:15px}

.h{ height:28px}
.block-contact span{ float:right; margin-right:160px}
.input{
   	border:none; 
	background:none;
	width:140px; height:18px;
	font-size:1em;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px
}
.input1{
   	border:none; 
	background:none;
	width:199px; height:18px;
	font-size:1em;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px
}
input{
   	border:1px solid #a4a4a4; 
	background:#FFFFFF;
	width:213px; height:18px;
	font-size:11px;
	color:#666666;
	padding-left:5px;
	padding-top:2px
}
select{
   	border:1px solid #a4a4a4; 
	background:#FFFFFF;
	width:213px; height:21px;
	font-size:11px;
	color:#666666;
	padding-left:5px;
	padding-top:2px
}
textarea{
   	border:1px solid #a4a4a4; 
	background:#FFFFFF;
	width:259px; height:104px;
	font-size:11px;
	color:#666666;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
.submit{border:1px solid #cccccc; 
	background:#063f6c;
	width:100px; height:22px;
	font-size:12px;
	color:#cccccc;
	text-align:center;
	vertical-align:middle;
}	
	.submit a:link{border:0px solid #ffffff; 
	background:#063f6c;
	text-decoration:none;
	width:100px; height:22px;
	font-size:12px;
	color:#cccccc;}
	
.submit a:hover{border:0px solid #ffffff; 
	background:#063f6c;
	width:100px; height:22px;
	font-size:12px;
	color:#ffffff;}

	.submit a:visited{border:0px solid #ffffff; 
	background:#063f6c;
	text-decoration:none;
	width:100px; height:22px;
	font-size:12px;
	color:#cccccc;}
		

h1 {
font-size:26px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;

}

h2 {
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-bottom:20px;

}

h3 {
font-family:Arial, Helvetica, sans-serif;
color:#063f6c;
}

h5 {font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:100; font-style:normal; color:#063f6c; margin-bottom:20px; margin-top:40px; margin-bottom:5px; line-height:28px; }


#content .samplesite{
	width:211px;
	height:260px;

	background:url(images/bg_block2.gif) no-repeat top left;
	color:#fff
}#content .samplesite .indent-block{padding:7px 0 0px 8px;}
#content .samplesite a{color:#dfd5e3; text-decoration:none; font-size:.916em }
#content .samplesite a:hover{ text-decoration:underline}
#content .samplesite .h-3{ height:26px; width:190px; margin-top:3px}
#content .samplesite select{
   	border:1px solid #a4a4a4; 
	background:#FFFFFF;
	width:190px; height:21px;
	font-size:11px;
	color:#666666;
	padding-left:5px;
	padding-top:2px;
	margin-bottom:8px;
}



/* Order */
#order label{color:#FF0000; padding-left:4px}
#warnmsg2{color:#FF0000;font-weight:bold; padding-left:4px}
.paging{font-weight:bold}
a.paging:link{color:#666666; font-size:12px}
a.paging:hover{color:#0d2a6e; font-size:12px; text-decoration:none}
.paging2{font-weight:bold; word-spacing:18px}
a.paging2:link{color:#666666; font-size:12px; padding-left:6px}
a.paging2:hover{color:#0d2a6e; font-size:12px; text-decoration:none}


/*===========================block_1=========================*/
.block1 {width:946px; background-color:#053e6b;}
.block1 .top_left {width:946px; background:url(images/corner_tl.gif) top left no-repeat;}
.block1 .top_right {width:946px; background:url(images/corner_bl.gif) bottom left no-repeat;}
.block1 .bot_left {width:946px; background:url(images/corner_tr.gif) top right no-repeat;}
.block1 .bot_right {width:946px; background:url(images/corner_br.gif) bottom right no-repeat;}
.block1 .content { padding:15px 15px 1px 15px; font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px}
.block1 .content h1 { font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:18px; font-weight:normal; margin-bottom:5px}


/*===========================product tabs=========================*/


.tab_s {display:block; width:100%; height:161px; background-image:url(images/tab_s.gif); background-repeat:no-repeat;}
.tab_s .tabtext { font-family:Arial, Helvetica, sans-serif; padding:15px 0px 15px 15px; color:#063f6c; font-size:12px; text-decoration:none;}
.tab {display:block; width:100%; height:161px; background-image:url(images/tab.gif); background-repeat:no-repeat; text-decoration:none;}
.tab:hover {display:block; width:100%; height:161px; background-image:url(images/tab_o.gif); background-repeat:no-repeat;}
.tab .tabtext {padding:15px; font-family:Arial, Helvetica, sans-serif; color:#063f6c; font-size:12px; text-decoration:none;}


#content .tempsearch{
	width:211px;
	height:160px;
	background:url(images/bg_block2.gif) no-repeat top left;
	color:#fff
}
#content .tempsearch .indent-block{padding:7px 0 0px 8px;}
#content .tempsearch a{color:#dfd5e3; background:url(images/marker-1.gif) top left no-repeat; padding-left:15px; background-position:5px 5px; text-decoration:none; font-size:.916em }
#content .tempsearch a:hover{ text-decoration:underline}
#content .tempsearch .h-3{ height:26px; width:190px; background:url(images/bg_input3.gif) no-repeat top left; margin-top:3px}
#content .tempsearch select{
   	border:1px solid #a4a4a4; 
	background:#FFFFFF;
	width:190px; height:21px;
	font-size:11px;
	color:#666666;
	padding-left:5px;
	padding-top:2px;
	margin-bottom:8px;
}

#content .tempsearch2{
	width:100%;
	height:100%;
	padding:10px 0 0px 10px;
	color:#fff
}
#content .tempsearch2 .h-3{ height:36px; width:100%; background:url(images/bg_input4.gif) no-repeat top left; }
#content .tempsearch2 select{
   	border:1px solid #a4a4a4; 
	background:#FFFFFF;
	width:170px; height:21px;
	font-size:11px;
	color:#666666;
	padding-left:5px;
	padding-top:2px;
	margin-bottom:8px;
}

.pad1 { position:relative; top:10px}

.pad2 { position:relative; top:5px}