@charset "utf-8";

html{overflow-y:scroll;}

*{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}	

body,td,th {
	font-family: Tahoma, Georgia; font-size:12px; src:url('fonts/tahoma.ttf');
}
body { background-color:#f0f0f0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}





#wrap{width:979px; margin:0 auto;}


/* Header */
#header{ width:979px; float:left;}
#header .toplinks{ width:979px; float:left; height:15px; color:#999999; text-align:right; padding:2px 0px 2px 0px;}
#header .logo{width:979px; float:left; padding:0px 0px 0px 0px;}
#header .mainmenu{width:979px; padding:22px 0px 22px 0px; color:#FFFFFF; font-size:15px; float:left;}


#header .mainmenu a{padding:10px 10px 10px 10px; font-family:Arial, Helvetica, sans-serif;
  color:#ffffff;  
  text-decoration:none; font-weight: normal; 
}


#header .mainmenu a:hover{padding:10px 10px 10px 10px; font-family:Arial, Helvetica, sans-serif; 
	color:#ffffff; background-color:#306fa8;
	text-decoration: none; font-weight:normal;
}

.banner{width:979px; float:left;}

.slogan{width:979px; float:left; text-align: left; font-size:16px; font-weight:bold; color:#4f4f4f; padding-top:17px; line-height:24px;}
.slogan a{ font-size:14px;
  color:#3cb556;  
  text-decoration:none; font-weight: normal; 
}


.slogan a:hover{ font-size:14px;
	color:#cc2f11;
	text-decoration: none; font-weight:normal;
}



/* Contact */

#contant{width:979px; float:left; padding-top:20px; font-family:Helvetica, Helvetica-Condensed-Black-Se; src:url('fonts/HVC_____.PFM'); color:#666666; line-height:20px;}

#contant h1{ font-family:Arial, Helvetica, sans-serif; color:#2399f3; font-size:28px; padding-bottom:10px; border-bottom:1px dashed #CCCCCC; margin-bottom:10px; font-weight:normal;}
#contant h2{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:16px; padding-bottom:10px; border-bottom:1px dashed #CCCCCC; margin-bottom:10px; font-weight:normal; }


#contant .contantdiv1{ float:left; width:433px; padding-right:20px;}
#contant .innercontantdiv1{ float:left; width:730px; padding-right:20px;}
#contant .contantdiv2{ float:right; width:157px; padding-right:20px;}
#contant .contantdiv3{ float:right; width:157px; padding-right:20px;}
#contant .contantdiv4{ float:right; width:157px;}
#contant .courses{ float:left; width:210px; padding-right:10px;}
#contant .courses1{ float:left; width:250px; height:15px; padding:10px 5px 10px 5px; border-bottom:1px solid #d4d4d4; background-color:#ebe9e9; }

.bluebox1{ float:left; width:310px; margin:10px 10px 0px 0px; padding:10px 10px 10px 10px; background-color:#d4e6fb; text-align:center;  }
.bluebox2{ float:left; width:310px; margin:10px 0px 0px 0px; padding:10px 10px 10px 10px; background-color:#d4e6fb; text-align:center;}

#contant .line{width:979px; float:left; margin-bottom:50px; height:1px; border-bottom:1px solid #CCCCCC; margin-top:20px;}

.blank{ clear:both;}


#contant a{
  color:#2399f3;  
  text-decoration:none; font-weight: normal; 
}


#contant a:hover{
	color:#000000;
	text-decoration: none; font-weight:normal;
}

/* innercontent */

.innerpage-bg{background:url(images/inner-page-bg.jpg) repeat-x; width:100%; }
.clear{ clear:both}

.innerbanner{ background:url(images/innerbanner.jpg) no-repeat; height:248px;}

#inner-content{ width: 960px; font-family:Arial, Helvetica, sans-serif; color:#717171; font-size:12px; line-height:18px; letter-spacing:0px; padding-top:40px;}

#sidebar {float: left; margin-right: 20px; width: 240px; }
#sidebar{ padding:0px; margin:0px;}
#sidebar img{ border:3px solid #ddd; box-shadow:0px 0px 5px #666;}
#sidebar li{ background: url(images/sidebar-bg.png) no-repeat scroll 5px 8px #F1F1F1; border-bottom: 1px solid #E2E2E2; display: block;  line-height:25px;  padding:7px 5px 7px 30px; text-align:left;}
#sidebar li a { color: #717171; display: block; text-decoration:none; }
#sidebar li a:hover { background:#999999;  color: #FFFFFF; text-decoration:none;}

#left-side{ background:#eaeaea;float: left; margin-right: 20px; width: 240px;  padding:10px;}


#inner-content-right{ float: right; margin: 0; padding: 0; text-align: left;  width: 680px;}
.inner-banner{ border:1px solid #ACB0DE; margin:0px 0px 10px 0px;}

#inner-content h1{ border-bottom: 1px dashed #CCCCCC; color: #2399f3; font-size: 24px; line-height: 34px; margin: 0 0 20px; font-weight:normal;}

#inner-content p{ margin: 0 0 20px;}
#inner-content a{ color:#2399f3; text-decoration:none; }
#inner-content a:hover{ color:#000000; text-decoration:none; }


#inner-content .link{ display: block; height: 34px;line-height: 34px; margin-bottom: 1px; text-indent: 40px;}
#inner-content .link a { background: url(images/sidebar-categories-bg.png) no-repeat scroll 8px 7px #409F57; color: #FFFFFF; display: block; }
#inner-content .link a:hover { background: url(images/sidebar-categories-bg.png) no-repeat scroll 8px 7px #2A7F3C; color: #FFFFFF; }

#inner-content .video{ display: block; height: 34px;line-height: 34px; margin-bottom: 1px; text-indent: 40px;}
#inner-content .video a { background: url(images/sidebar-categories-bg.png) no-repeat scroll 8px 7px #409F57; color: #FFFFFF; display: block; }
#inner-content .video a:hover { background: url(images/sidebar-categories-bg.png) no-repeat scroll 8px 7px #2A7F3C; color: #FFFFFF; }


.blue-box-outer{ padding:0px ; margin:5px;}
.blue-box{ background:#D4E6FB; padding:10px; float:left;}
h2{ color:#2399f3; font-size: 13px; font-weight: bold; margin: 0; padding: 0;}

.data td{ border:1px dotted #fff; padding:10px 10px; background:#D4E6FB;}
.data2 td{ border:1px dotted #D5D5D5; padding:10px 10px;}
.red{ color:#FF0000;}

ol{ padding:10px 0px;}
ol li{ line-height:30px;}







#wrapper {width:655px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:650px; height:431px; padding:2px; border:1px solid #309D4B; background:#cccccc;}
/*#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}*/
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:650px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; width:0%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#040404;}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#040404 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:605px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/*scroll*/

#root0{ position:absolute; top:40px; left:0px;}
.thumb     {
    position:      absolute;
 
    }
.up, .dn   {
    position:      absolute;
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
	












/* Footer */

#footer{width:100%; background-image:url(images/footer-bg.jpg); background-repeat:repeat-x; height:207px; margin-top:50px; color:#cccccc; font-size:11px;}

#footer .footer1{width:979px; margin:0 auto; padding-top:20px;}
#footer .footer1 h1{font-family:Arial, Helvetica, sans-serif; color:#2399f3; font-size:22px; padding-bottom:10px; margin-bottom:10px; font-weight:normal;}
#footer .footer2{width:250px; float:left;}
#footer .footer3{width:250px; float:left;}
#footer .footer4{width:450px; float:right; text-align:right;}
#footer .footer5{width:979px; float:left; padding:10px 0px 10px 0px; border-top:1px solid #666666; margin-top:10px; color:#999999; font-size:12px;}

.footer-left{width:450px; float:left;}
.footer-right{width:450px; float:right; text-align:right;}

#footer a{
  color:#ffffff;  
  text-decoration:none; font-weight: normal; 
}


#footer a:hover{
	color:#00CC00;
	text-decoration: none; font-weight:normal;
}


.product{ padding:10px 0px; margin:0px;}
.product-heading{ color:#D53D2F; font-size:17px; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 10px 0px; border-bottom:1px dashed #ccc; }
.product ul{ padding:0px; margin:0px;}
.product ul li{ list-style-type:none; background:url(images/list-icon.png) no-repeat 0px 10px; padding:5px 5px 5px 15px; font-size:14px; line-height:21px;}

.list ul{padding:0px; margin:0px;}
.list ul li{ list-style-type:none; line-height:25px;}

.qua{ background:#0066FF; color:#fff; font-size:18px; padding:10px; margin:0px 0px 10px; border-radius:5px;}