@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
body{line-height:1;font:13px/1.5  Verdana, Arial, Helvetica, sans-serif; background:url(images\bk.jpg) repeat-x top #E7E7E7;}
a{color:#333; text-decoration:underline;}
a:hover{background-color:#CCC;}
a:focus{outline: #333333 dashed 1px;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
h1{font:25px/1.0 Georgia,"Times New Roman",Times,serif;}
h2{font:23px/1.0 Georgia,"Times New Roman",Times,serif;}
h3{font:21px/1.0 Georgia,"Times New Roman",Times,serif;}
h4{font:19px/1.0 Georgia,"Times New Roman",Times,serif;}
h5{font:17px/1.0 Georgia,"Times New Roman",Times,serif;}
h6{font:15px/1.0 Georgia,"Times New Roman",Times,serif;}
ol{list-style:decimal;}
li{margin-left:30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px;}
.bx_12{margin-left:auto;margin-right:auto;width:960px;}
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12{display:inline;float:left;margin-left:10px;margin-right:10px;}
.bx_12 .col_1{width:60px;}
.bx_12 .col_2{width:140px;}
.bx_12 .col_3{width:220px;}
.bx_12 .col_4{width:300px;}
.bx_12 .col_5{width:380px;}
.bx_12 .col_6{width:460px;}
.bx_12 .col_7{width:540px;}
.bx_12 .col_8{width:620px;}
.bx_12 .col_9{width:700px;}
.bx_12 .col_10{width:780px;}
.bx_12 .col_11{width:860px;}
.bx_12 .col_12{width:940px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

#header {margin:0 auto; padding:0;width: 960px; height:387px; text-align: center;position: relative;z-index: 100;}
#lefthead{float:left; width:670px; height:387px; padding:0; position: relative;margin:0;z-index: 101;}
#toplogo{text-decoration:none; background:none;}
#toplogo:hover{text-decoration:none; background:none;}
.midmenu{height: 39px;width: 670px; text-align:left;background: url(images\menu.png) no-repeat;font-size: 14px;padding-top:21px; margin:0; position: relative;z-index: 102;}
.mid{height: 39px;width: 670px; float:left; text-align:left;background: url(images\menu.png) no-repeat;font-size: 14px;padding-top:21px; margin:0; position: relative;z-index: 102;}
#content{width:670px; height:206px;position: relative;z-index: 10;}
#righthead{float:left; margin:0; padding:0; text-decoration:none;}
.white{
	background-color:#EFF2F3;
	margin:0;
	padding:0;
	width:960px;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}

#footer {width:960px; min-height:180px; color:#fff; background-color:#444;}
#footer p{padding-left:10px;}
#footer a{color:#FFF;}
#footer a:hover{color:#000; background-color:#FFF;}

.cnt{text-align:center;}
.fr{float:right;}
.fl{float:left;}
.frb{clear:both;float:right;}
.flb{clear:both;float:left;}
.frp{float:right;padding-left:10px;}
.flp{float:left; padding-right:10px;}
.frpp{float:right; padding:0 10px;}
.frbp{clear:both;float:right;padding-left:10px;}
.flbp{clear:both;float:left; padding-right:10px;}
.spread{line-height:2.2em;}
.p10{padding:10px;}
.mo{padding-left:20px;}
.over{padding-left:10px;font-size:14px;}
.cb{clear:both;}
pre{font-size:14px; font-weight:bold;}

.formbox{width:580px; margin:30px 0 0 36px; background-color:#D2D2D2; padding:20px;}
.formbox td{padding:4px 0 4px 0;}
.formbox tr.d0 td{background-color:#D6E2E9;}
.formbox tr.d1 td{background-color:#b4c9fc;}
.formbox h3, .formbox p{padding:8px;}

.box1{float:right; background-color:#DDE9FF; border:#CCC solid 1px; width:400px; margin:10px; padding:10px;}
.box1 td{margin:6px; padding:6px;}
.box1 tr.d0 td{background-color:#a9c3ff;}
.box1 tr.d1 td{background-color:#b4c9fc;}

.box2{background-color:#d8e0f0; margin-top:10px;}
.box2 h3{padding-left:8px;margin-bottom:8px;} 
.box2 p{padding:0 4px 9px 12px; color:#666;margin-bottom:8px; font-size:1.1em;}
.box3{background-color:#d8e0f0; margin:0 10px 10px 24px; padding:14px 10px 4px 24px;}
#rid{display:none;}
.hdrcl{text-decoration:none;}
.hdrcl:hover{text-decoration:none;}

/* box 4 300px */
.box4{background:url(images\box4.jpg) #EFF2F3 no-repeat top center; position:relative; margin:0; padding:0;color: #444;}
.box4 ul {margin:20px 0 0 0; padding:0;}
.box4 ul li{ display:block; margin: 10px 50px 0 50px; padding:0;list-style:none; font-size:16px; line-height:1.5em; color: #444;border-bottom: 1px dotted #ccc;}
.box4 h1, .box4 p {margin:30px 30px 0 30px; padding:0;}
.box4 h3 {display:block;background:url(images\check.jpg) #fff no-repeat top left; margin:30px 30px 0 30px; padding:10px 10px 4px 40px;}
.box4bot{margin:0; padding:0;height:50px; overflow:hidden; background:url(images\box4.jpg) #EFF2F3 no-repeat  bottom center;}
/* box 5 380px */
.box5{background:url(images\box5.jpg) #EFF2F3 no-repeat top center; position:relative; margin:0; padding:0;color: #444;}
.box5 ul {margin:20px 0 0 0; padding:0;}
.box5 ul li{ display:block; margin: 10px 50px 0 50px; padding:0;list-style:none; font-size:16px; line-height:1.5em; color: #444;border-bottom: 1px dotted #ccc;}
.box5 h1, .box5 h3, .box5 p {margin:30px 30px 0 30px; padding:0;}
.box5 p { font-size:16px;}
.box5bot{margin:0; padding:0;height:50px; overflow:hidden; background:url(images\box5.jpg) #EFF2F3 no-repeat  bottom center;}

/* box 6 460px */
.box6{background:url(images\box6.jpg) #EFF2F3 no-repeat top center; position:relative; margin:0; padding:0;color: #444;}
.box6 ul {margin:20px 0 0 0; padding:0;}
.box6 ul li{ display:block; margin: 10px 50px 0 50px; padding:0;list-style:none; font-size:16px; line-height:1.5em; color: #444;border-bottom: 1px dotted #ccc;}
.box6 h1, .box6 h3, .box6 p {margin:30px 30px 0 30px; padding:0;}
.box6 h3 {display:block;background:url(images\check.jpg) #fff no-repeat top left; margin:30px 30px 0 30px; padding:10px 10px 4px 40px;}
.box6 p { font-size:16px;}
.box6bot{margin:0; padding:0;height:50px; overflow:hidden; background:url(images\box6.jpg) #EFF2F3 no-repeat  bottom center;}

/* box 7 540px */
.box7{background:url(images\box7.jpg) #EFF2F3 no-repeat top center; position:relative; margin:0; padding:0;color: #444;}
.box7 ul {margin:20px 0 0 0; padding:0;}
.box7 ul li{ display:block; margin: 10px 50px 0 50px; padding:0;list-style:none; font-size:16px; line-height:1.5em; color: #444;border-bottom: 1px dotted #ccc;}
.box7 h1, .box7 h3, .box7 h5, .box7 p {margin:30px 30px 0 30px; padding:0;}
.box7 p {font-size:16px;}
.box7bot{margin:0; padding:0;height:50px; overflow:hidden; background:url(images\box7.jpg) #EFF2F3 no-repeat  bottom center;}

/* box 8 620px */
.box8{background:url(images\box8.jpg) #EFF2F3 no-repeat top center; position:relative; margin:0; padding:0;color: #444;}
.box8 ul {margin:20px 0 0 0; padding:0;}
.box8 ul li{ display:block; margin: 10px 50px 0 50px; padding:0;list-style:none; font-size:16px; line-height:1.5em; color: #444;border-bottom: 1px dotted #ccc;}
.box8 h1, .box8 h3, .box8 h5, .box8 p {margin:30px 30px 0 30px; padding:0;}
.box8 h3 {display:block;background:url(images\check.jpg) #fff no-repeat top left; margin:30px 30px 0 30px; padding:10px 10px 4px 40px;}
.box8 p {font-size:16px;}
.box8bot{margin:0; padding:0;height:50px; overflow:hidden; background:url(images\box8.jpg) #EFF2F3 no-repeat  bottom center;}

ul, li{padding: 0px;margin: 0px;}
ul.dropmenu{position: relative;margin: 0px;padding: 1px 0px 0px 0px;display:block;height: 35px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 12px;}
.dropmenu li{position: relative;list-style: none;float: left;margin: 0px;padding: 0px; display:block;}
.dropmenu li a{height: 22px;padding: 9px 30px 0px 15px;display:block; cursor:pointer; border-right: solid 1px #555;color:#FFF;
text-transform: uppercase;text-decoration: none;}
.dropmenu li .end {border:none  !important;}	
.dropmenu li span{display: block;float: right;height: 10px;width: 10px;background:transparent url(images\arrow_up.png) repeat-x scroll 0 0;position: absolute;top: 12px;right: 10px;}
.dropmenu li  a:hover span{background:transparent url(images\arrow_hover.png) repeat-x scroll 0 0;}
.dropmenu li:hover ul, .dropmenu li:hover div{display: block;}
.dropmenu ul{position: absolute;display: none;width: 200px;padding: 0px;margin: 0px;border-bottom: 1px solid #ccc;background: #FFFFFF url(images\gradient.png) repeat-x scroll 0 0;}
.dropmenu ul li{border: 0;float: none;}
.dropmenu ul a { border: 1px solid #ccc;border-bottom: 0;white-space: nowrap;display:block;color: #0657AD;text-decoration: underline; text-transform: none;}
a.selected, a:hover{color: #0000CC!important;background: #FFFFFF url(images\gradient.png) repeat-x scroll 0 0;}
a.selected span{background:transparent url(images\arrow_hover.png) repeat-x scroll 0 0;}
.dropmenu ul a:hover {color:#F67A00 !important;text-decoration: none;background-color: #F0F0F0;background-image: none;}
.dropmenu div ul{position: relative;display: block;}
.dropmenu li div{background: #FFF url(images\gradient.png) repeat-x scroll 0 0;border: 1px solid #ccc;padding: 5px;display: none;	position: absolute;}
.dropmenu li div ul{border: none;background: none;position: relative !important;}
.dropmenu li div a{border: none;border-bottom: 1px solid #ccc;}
.dropmenu li div div{display: block;position: relative;background: none;border: none;}
.dropmenu li div div a{display: inline;border: none;color: #666;text-decoration: underline;padding: 0px;margin: 0px;text-transform: none;}
.dropmenu li div div a:hover{color: #000;text-decoration: none;}
ul.left{float: left;width: 145px;}
ul.right{float: right;width: 145px;}
.small{color: #666;font-size: 10px;padding: 10px 5px 8px 5px !important;display: block;clear: both;}
.products{width: 300px;padding: 15px !important;}
.products ul{width: 100%;}
.products ul li{border-bottom: 1px solid #ccc;height: 40px;padding: 10px 0px;}
.products h2{font-size: 16px;padding: 2px 0px 3px 0px;margin: 0px;}
.products p{color: #666;font-size: 10px;padding: 0px;margin: 0px;}
.products img{float: left;padding-right: 10px;}
.products  ul li a{display: inline;border: none;color: #666;text-decoration: underline;padding: 0px;margin: 0px;text-transform: none;}
.products  ul li  a:hover{color: #000 !important;text-decoration: none;background: none !important;}
.tutorials{width: 300px;}
.login{padding: 15px !important;width: 180px;}
.login input{margin-left:0;border:1px solid #4A779D;padding: 3px 8px;margin: 0 0 8px 0;width: 164px;display:block;}
.login label{margin:0;padding: 0px 0px 4px 0px;display:block;}
.login button{margin:0;background: #4A779D url(images\navigation.png) repeat-x scroll 0 0;color: #FFF;border:1px solid #4A779D;padding: 4px 10px;width: 180px;}

.contit {display: block; width: 560px; margin: 10px; padding: 25px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius:15px; -webkit-border-radius:15px;}
.contit label {display: inline-block; float: left; height: 26px; line-height: 26px; width: 255px; font-size: 1.5em; }
.contit input, .contit textarea, .contit select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
.contit input:focus, .contit textarea:focus, .contit select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit {cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.contit input.submit:hover { background:#444; }
.contit fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.contit legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius:15px; -webkit-border-radius:15px;}
.contit span.required{font-size: 13px; color: #ff0000;}