@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;
	padding:0;
	font: normal 100% ,
} 

table{ border-collapse:collapse; border-spacing:0;} 
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,th,var{	font-weight:normal;	font-style: normal; }
ol,ul {	list-style:none; } 
caption,th { text-align:left; }
form{	display: inline;}
 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix (display : inline-table ) /* backslash hack hides from IE mac \*/ * html 
.clearfix { height: 1%; } 
.clearfix { display: block; }

.sideList h3{
display: none;
}
body {
	background: #0051a7 url(../images/body_bg.gif) repeat-x;
}


/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:960px; margin:0 auto;}

/********** header **********/
.header {
	width:1000px;
	padding:0;
	background-image: url(../images/menu_lft.gif);
	background-repeat: no-repeat;
	background-position: 3px 132px;
	margin: 0px auto 15px;
}
.block_header {
	width:946px;
	border:2px solid #fff;
	height: 134px;
	margin: 0 auto;
	padding: 0 0 5px;
	background-image: url(../images/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	position:relative;
}

.block_header .headerText{
	background:url(../images/phone-bg.png) no-repeat 0 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	top:26px;
	right:24px;
	z-index:5;
	text-align:center;
	width: 274px;
	}
	
.block_header .headerText p{
		padding: 10px 34px;} /* 2px 34px 8px */
	
.block_header .headerText span{
	font-size:26px;
	font-weight:normal;
	color:#fff;
	padding-top:3px;}
	
.headerText td{
	background-color:transparent;
	padding:0;}
	
.headerText input{
	border:1px solid #83a8c3;
	height:26px;
	padding:0 5px;}
	
.headerText input[type="submit"]{
	background-color:#c8d6ff;
	height:28px;
	padding:0 5px;
	cursor:pointer;
	margin-left: 8px;
	}

.head_2 {
	margin:0 auto;
	width:1000px;
	padding:0;
	background:url(../images/menu_rght.gif) no-repeat 975px 132px;
}
/* logo */
.logo {
	float:left;
	padding-left: 25px;
	margin:5 0;
	width:270px;
}
.logo_text {
	float:left;
	width:180px;
	padding:0;
	margin-top:35px;
	font:normal 11px Tahoma, Helvetica, sans-serif;
	color:#727b73;
	padding-left:30px;
}
/*Simple_text*/
.Simple_text { font:normal 11px Tahoma, Helvetica, sans-serif; color:#000; padding:0; margin-top:50px; margin-left:60px; float:left; width:250px; background:url(../images/live_chat.gif) no-repeat 260px;}
.Simple_text_img {float:right; width:50px; margin-top:50px; padding-top:0px !important; padding-top:2px;}

/* menu */	
.menu {
	padding:0;
	margin:0 auto;
	width:950px;
	height:54px;
	background:url(../images/menu_bg.jpg) top repeat-x;
	color:#fff;
}
.menu ul { padding:0; list-style:none; border:0; margin:0; padding:0 !important;  }
.menu ul li { float:left; margin:0; border:0;}
.menu ul li a { float:left; margin:0; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; padding:19px 51px; text-decoration:none; border-right:1px solid #00629a;}
.menu ul li a.active {color:#fff; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; background:url(../images/hover.jpg) repeat-x;}
.menu ul li a:hover { color:#fff; text-decoration:underline; background:url(../images/hover.jpg) repeat-x; }

/* text */
.text {
	margin:0 auto;
	width:946px;
	padding:0;
	background: url(../images/text.jpg) repeat-x top;
	height:40px;
	border:2px solid #fff;
}
.text .left_t {float:left; width:250px; margin:4px 0 0 6px !important; margin:15px 0 0 25px;   font:bold 11px Tahoma, Helvetica, sans-serif; color:#89908a;}
.text .left_t img { margin:0 3px 0 0;}
.text .right_t {float:right; padding:0; overflow:hidden;}
.text .right_t img { margin:0 0 0 2px;}

.headerBtn{
	background: url("../images/headerBtn-bg.jpg") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 5px 5px 3px 10px;
    padding: 7px 16px;
	border-radius: 5px;
	}
.headerBtn:hover{
	background: url("../images/headerBtn-hover.jpg") repeat-x scroll 0 0 transparent;
	}	

.headerBtn a{
	color:#fff;}
/*slider*/
.slider {
	width:946px;
	margin:0 auto;
	/*padding:10px 0;*/
	background: #fff;
	border-bottom:2px solid #ebedeb;
	border-left:2px solid #F3F4F4;
	border-right:2px solid #F3F4F4;
}
.slider h3 {font:normal 22px Tahoma, Helvetica, sans-serif; color:#363f38; padding:30px 0 0 30px; padding:30px 0 0 45px !important;}
.slider h3 a {font:normal 22px Tahoma, Helvetica, sans-serif; color:#99b41e; text-decoration:none;}

/*body*/
.body {
	width:886px;
	background:#fff;
	border-bottom:1px solid #eaecea;
	border-left:2px solid #F3F4F4;
	border-right:2px solid #F3F4F4;
	margin: 0px auto;
	padding: 0px 30px;
}
.sub .body {
	padding: 10px 20px;
	width: 906px;
}
#pageSidebarDiv {
	background-image: url(../images/sidebar_bg.gif);
	width: 200px;
	height: 510px;
	float: left;
	margin-right: 20px;
	background-color: #FFF;
	background-repeat: repeat-x;
}
.sideList ul {
	list-style-position: outside;
	list-style-image: url(../images/dot1.gif);
	font:normal 12px/16px Tahoma, Helvetica, sans-serif; 	
	margin-left: 20px;
	margin-right: 5px;
}
.sideList ul li {
	background-image: url(../images/bot_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.sideList ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #00659D;
}
.sideList ul li a:hover {
	color: #f4fa47;
}
.home .icon {
	background: #f57d02;
	font-size: 13px;
	float: left;	
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0px 15px 0px 0px;
}
.home .icon a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 3px 10px;
	font-family: Tahoma, Geneva, sans-serif;
}
.home .features{
	margin:25px 0;
	position:relative;
	
	}
.home .features .cont {
	float: left;
}
.home .features .pic {
	float: left;
	margin: 0px 15px 0px 0px;
}
.home .features .cont h3 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #0050a4;
	font-size: 15px;
	font-weight: bold;
}
.home .features .more{
	left: 380px;
    position: absolute;
    top: 22px;
	
}

.body p a { font:bold 12px Tahoma, Helvetica, sans-serif; color:#b1c229; text-decoration:underline;}
.body h1 { font:normal 22px Tahoma, Helvetica, sans-serif; color:#363f38; margin:0; padding:15px 5px;}
.body h1 span { color:#99b41e;}
.body p { font:normal 12px Tahoma, Helvetica, sans-serif; color:#363F38; line-height:1.4em; margin:0; padding:5px;}
.body a:hover {text-decoration:none;}
.body .list ul {font:normal 12px Tahoma, Helvetica, sans-serif; color:#6f6f6f; line-height:1.8em; padding:0; list-style:none; margin:0; }
.body .list ul li {background:url(../images/ul.jpg) no-repeat left; padding:0 0 0 15px; }
.body .dot {float:left; width:800px; border-bottom:1px dashed #caceca; margin:20px 0;  padding: 0 0 15px 0; }
.body .dot img {margin:0 15px 10px 0;}
.content { background:#fff url(../images/footer_bg.jpg) repeat-x bottom;}
.sub .content{ background:none; float:left; width:685px; }
.content ul{
    list-style:square outside none;
	font:normal 12px/18px Tahoma, Helvetica, sans-serif; 	
	margin-left:40px;
		
}
table {
	font: 12px Tahoma,Helvetica,sans-serif;
	color: #131e08;
	background: #afd487;
	width: 95%;
}
td, th {
	padding: 5px 8px;
	border: 1px solid #FFF;
}
th {
	background: #8bc158;
    color:#fff;
	font-weight: bold;
	}
table td a{
    color:#005aff;
	font-weight: bold;
	text-decoration:underline;}
	
td{
	background-color: #97CBFB;
}
th{
	background-color: #0072C0;
}

.demoLinkText {
    background: url(../images/demoLinkButton.png) no-repeat 0 0;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    width: 343px;
    height: 149px;
    margin: 0px auto;
    cursor:pointer;
}

.demoLinkText p a { font:bold 18px Tahoma, Helvetica, sans-serif; color:#b1c229; text-decoration:underline;}

/********** footer **********/
/*Twitter*/
.footer {
	width:950px;
	color:#a7aea8;
	font:normal 11px Tahoma, Geneva, sans-serif;
	background:url(../images/footer_bg_l.jpg) repeat-x top;
	margin: 0 auto;
	padding:25px 0;
}
.sub .footer{margin-top:-15px;}
.footer p{ line-height:18px;}
.footer a { color:#fff; font:normal 11px Tahoma, Geneva, sans-serif; padding:5px ; text-decoration:underline; }
.footer a:hover {text-decoration:none;}
.footer .gc{
	width:140px;
	height:80px;
	margin: 10px auto 0;
}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; padding:0; margin:5px 0; background:none;}

/***********************java*********************************/
/* Scroll */
#screen { width:935px; padding:0; margin:0 auto;}
#screen ul { margin:0 auto; padding:0;}
#screen li { float:left; list-style:none; border:0;}
#screen .jq-ss-crop { margin:0; border:0; float:left; }
#left, #right { margin-top:120px; display:block; text-decoration:none; width:38px; padding:0 6px; }
#view { margin:0; padding:0; width:835px; border:0; height:300px; overflow:hidden; }
#images { width:2520px; padding:0; border:0; margin:0 auto;}
#images li a { color:#b1c229; font:bold 11px Tahoma, Geneva, sans-serif; line-height:1.8em;}
#images li span { display:block; font:normal 11px Tahoma, Geneva, sans-serif; color:#6f6f6f; padding:0 5px; margin:0; width:270px; line-height:1.8em;}
#images li img { margin:5px 0;}
#images li img.screen { display:block; border:0; margin:0; max-width:270px; padding:0;}

/* scrollable setting */

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 944px;
    height:304px;

    /* custom decorations */
    border:1px solid #ccc;
    background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:944px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:20px 5px 20px 21px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    /*width:100px;
    height:75px;*/
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
} 

/* position and dimensions of the navigator */
.navi {
    margin-left:438px;
	margin-top:10px;
    width:70px;
    height:20px;
}


/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(../images/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover {
    background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -16px;     
}


.scrollable img {
	/*width:100px;*/
	margin:-1px 5px 0px -2px;
}
 
.scrollable img.hover {
	background-color:#123;	
}
/* End of scrollable setting */

.error{
	color: red;
	padding-left: 3px;
}

.preload{
	display:none;
}