/* CSS Document */

body{
margin:0px;
padding:0px;
background:#FFFFFF url(../images/bg_top.gif) repeat-x;
}
.display_block{
display:block;
float:left;
width:80%;
}
img{
float:left;
border:none;
}
.float_left{
float:left;
}
.float_right{
float:right;
}
#main{
margin:0 auto;
width:980px;
height:auto;
}
#header{
width:950px;
height:155px;
float:left;
padding:0px 16px 0px 14px;
}
#logo{
padding:14px 0px 0px 0px;
float:left;
width:302px;
height:141px;
}



.header_text{
width:264px;
height:102px;
float:left;
background:url(../images/bg_header_1.gif) no-repeat;
}
.header_text_2{
width:384px;
height:155px;
float:left;
background:url(../images/bg_header_2.gif) no-repeat;
}
.header_nav{
padding:25px 0px 0px 0px;
float:left;
width:384px;
height:auto;
}
.header_nav ul{
margin:0;
padding:0;
list-style:none;
}
.header_nav ul li{
margin:0;
padding:0;
float:left;
display:inline;
}
.header_nav ul li img{
margin:0px 4px 0px 0px;
padding:0;
float:left;
}
.header_nav ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:none;
margin-right:10px;
float:left;
}
.header_nav ul li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
margin-right:10px;
float:left;
}
.serach{
padding:39px 0px 0px 0px;
float:right;
width:310px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;

}

.serach span{
float:left;
}
.serach .select{
	float:left;
	margin:0px;
	border:1px solid #666666;
	background:#ffffff;
	width:150px;
	margin-bottom:5px;
	margin-right:10px;
}

.serach .button{
color:#CC6600;
border:1px solid #660033;
background-color:#FFFFFF;
width:60px;
float:left;
}

#content{
float:left;
width:980px;
height:auto;
}
#content_left{
float:left;
width:652px;
height:auto;
padding-left:6px;
}
.cl_banner_1{
float:left;
width:652px;
height:auto;
background:url(../images/bg_con.gif) repeat-x;
}
.cl_banner_2{
float:left;
width:652px;
height:auto;
background:url(../images/bg_cont_left.gif) no-repeat;
}
.cl_banner_3{
float:left;
width:652px;
height:auto;
background:url(../images/bg_con_line.gif) no-repeat right 212px;
}
.navigation{
width:652px;
height:32px;
float:left;
padding:9px 0px 1px 0px;
}
.navigation a{
float:left;
display:block;
height:27px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
color:#000000;
padding:5px 10px 0px 10px;
margin:0px 0px 0px 5px;
background:none;
}
.navigation a:hover{
float:left;
display:block;
height:27px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
color:#000000;
padding:5px 15px 0px 15px;
margin:0px 0px 0px 13px;
background:#ec2227;
}
#nav_visited{
float:left;
display:block;
height:27px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
color:#000000;
padding:5px 15px 0px 15px;
margin:0px 0px 0px 13px;
background:#ec2227;
}
.banner_text{
padding:65px 0px 0px 29px;
width:623px;
height:auto;
float:left;
}
.banner_sep{
width:622px;
height:auto; 
padding:40px 0px 0px 30px;
float:left;
background:url(../images/sep_line.gif) no-repeat 0px 17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:25px;
font-weight:bold;
color:#a64a00;
}
.banner_sep ul li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000000;
font-weight:normal;
}
.banner_sep p{
margin:15px 10px 10px 0px;
font-size:12px;
line-height:18px;
color:#000000;
font-weight:normal;
}
.banner_sep a{
color:#0000CC;
text-decoration:underline;
}
.banner_sep a:hover{
color:#0000CC;
text-decoration:none;
}
.feature_pro{
width:633px;
float:left;
height:auto;
background:url(../images/bg_fp.gif) repeat-x;
padding-left:11px;
padding-top:17px;
}
.feature_pro h2{
margin:0px;
padding:0px 0px 0px 15px;
background:url(../images/icon_4.gif) no-repeat 0px 7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#a64a00;
font-weight:bold;
}
.fps{
width:607px;
float:left;
height:auto;
padding:20px 0px 0px 26px;
}

.product{
width:106px;
height:auto;
float:left;
margin-top:10px;
background-image:url(../images/fp_4-copy.gif);
background-repeat:no-repeat;
}

.product img{
float:left;
padding-bottom:8px;
padding-top:5px;
padding-left:4px;
}

.product a{
display:block;
width:106px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
}
.product a:hover{
display:block;
width:106px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:underline;
font-weight:bold;
}
.pr_gap{
margin-left:55px;
display:inline;
}
.fps_2{
width:402px;
float:left;
height:auto;
padding:60px 0px 50px 124px;
}
.fps_2 h2{
margin:0px;
padding:0px 0px 0px 0px;
background:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffde00;
font-weight:bold;
text-align:center;
}
.fps_2 h2 a{
margin:0px;
padding:0px 0px 0px 0px;
background:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffde00;
font-weight:bold;
text-align:center;
text-decoration:underline;
}
.fps_2 h2 a:hover{
margin:0px;
padding:0px 0px 0px 0px;
background:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffde00;
font-weight:bold;
text-align:center;
text-decoration:none;
}
.fps_2 p{
text-align:center;
margin:8px 0px 0px 0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#a64a00;
}
.fps_2 img{
float:left;
}

#content_right{
float:left;
width:322px;
height:auto;
}
.ban_img{
background:url(../images/ban_img.jpg) no-repeat;
width:322px;
height:346px;
float:left;
}

.right_nav{
float:left;
width:306px;
height:auto;
background:url(../images/bg_2.gif) repeat-x;
padding:14px 0px 0px 16px;
}
.right_nav ul{
margin:0px;
padding:0px;
list-style:none;
}
.right_nav ul li{
margin:1px 0px 0px 0px;
padding:0px;
width:289px;
height:28px;
border-right:1px solid #9c5802;
background:url(../images/bg_li.gif) repeat-x;
display:block;
}
.right_nav ul li img{
margin:0px;
padding:0px;
float:left;
}
.right_nav ul li a{
margin-left:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height:26px;
color:#000000;
text-decoration:none;
}
.right_nav ul li a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000000;
text-decoration:underline;
}
.subscribe{
float:left;
width:312px;
height:auto;
background:url(../images/bg_1.gif) repeat-x;
margin-top:30px;
padding:10px 0px 0px 10px;
}
.subscribe h2{
margin:0px;
padding:0px 0px 0px 15px;
background:url(../images/icon_4.gif) no-repeat 0px 7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#a64a00;
font-weight:bold;
}
.subscribe_fields{
float:left;
width:300px;
height:auto;
padding:5px 0px 15px 12px;
}
.subscribe_fields p{
margin:5px 0px 0px 0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.tf{
width:252px;
border:1px solid #dadada;
margin:0px;
height:18px;
}

#footer{
float:left;
width:962px;
background:#fdf1a1;
height:auto;
padding:9px;
margin-top:20px;
}
.footer_left{
float:left;
width:118px;
height:auto;
padding-top:7px;
}
.footer_right2{
float:left;
width:100px;
height:auto;
padding-top:7px;
}
.footer_right{
float:left;
width:744px;
height:auto;
}
.footer_right_1{
float:left;
width:640px;
padding-left:141px;
height:auto;
padding-bottom:10px;
}
.footer_right_1 img{
float:left;
margin-right:20px;
}
.footer_right_2{
float:left;
width:734px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.star{
color:#EC2227;
}

#footer_2{
float:left;
width:940px;
background:#eeeeee;
height:auto;
padding:9px 20px 9px 20px;
font-size:12px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer_2 a{
font-size:10px;
color:#666666;
text-decoration:underline;
}

#footer_2 a:hover{
text-decoration:none;
}

#footer_2 .link{width:220px;
height:auto;
margin:10px 0px 0px 15px;
padding:0px;
float:left;

}

/* home page ends here */

/* catalog page starts here  */
.catalog{
width:607px;
float:left;
height:auto;
padding:20px 0px 0px 26px;
}
.catalog_img{
width:200px;
float:left;
height:auto;
}
.catalog_text{
width:407px;
float:left;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

/* catalog page ends here  */

/* video recording page start here  */

.video_recoring_pr{
width:624px;
float:left;
height:auto;
padding-left:20px;
padding-top:17px;
padding-bottom:30px;
}
.vr_1{
width:624px;
float:left;
height:auto;
}
.vr_2{
width:300px;
float:left;
height:auto;
padding-top:20px;
}
.gap{
margin-right:20px;
display:inline;
}
.vr_2 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
line-height:16px;
margin:0px;
padding:0px;
}
.vr_2 p img{
margin:0px 5px 5px 0px;
padding:0px;
float:left;
}
.vr_2 a{
color:#000;
text-decoration:none;
}
.vr_2 a:hover{
color:#000;
text-decoration:underline;
}
a.more_link{
text-decoration:underline;
color:#000000;
}
a.more_link:hover{
text-decoration:none;
color:#000066;
}



.vr_3{
width:100px;
float:left;
height:auto;
padding-top:20px;
}
.vr_3_in{
width:100px;
float:left;
height:auto;
padding-top:5px;
text-align:center;
}
.vr_3_in p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
line-height:16px;
margin:0px;
padding:0px;
}
.gap_2{
margin-right:30px;
display:inline;
}
.tc{
text-align:center;
}
.p_img{
width:600px;
float:left;
display:block;
}
#zero_1{
margin:0;
padding:0;
}
#zero_2{
margin:0;
padding:0;
}
#zero_3{
margin:0;
padding:0;
}

.mid_content{
width:622px;
height:auto; 
padding:20px 0px 0px 30px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
font-size:12px;
}

.mid_img{
width:320px;
padding:0px;
margin-top:20px;
float:left;
}

.mid_right{
width:300px;
height:auto; 
padding:0px 0px 0px 0px;
margin-top:20px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
font-size:12px;
}

.mid_btn{
width:620px;
height:auto; 
padding:0px 0px 10px 0px;
margin:10px 0px 10px 0px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
font-size:12px;
}

.img_mid{
width:622px;
height:auto; 
padding:0px 20px 0px 0px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
font-size:12px;
}

.heding_t{font-size:18px;
color:#666666;
font-weight:bold;
}


	#footerend{
		width:940px;
       padding:9px 20px 9px 20px;
		float:left;
		background-color:#CCCCCC;
		color:#666666;
 		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		}
		#footerend p{
		padding:5px;
		float:left;
		color:#666666;
		text-align:right;
		margin:0px;
		padding:0px;
		display:block
		}
		#footerend a{
		padding:5px;
		color:#666666;
		}


#affiliate{
float:left;
padding:0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
}


#affiliate .span1{
float:left;
padding:0px;
margin:0px;
width:200px;
text-align:right;
display:block;
}


