@charset "utf-8";
/* CSS Document */

@import url(fonts/calibri.ttf);

body{color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; background:#FFFFFF;}
body a{color:#000; text-decoration:none; text-decoration:underline; font-size:12px;}
body a:hover{ text-decoration:none; color:#39a0ed; font-size:12px;}


@font-face{src:url(fonts/calibri.ttf); font-family:calibri;  font-style:normal}

.clearfloat { clear:both; line-height:0; height:0px;}

.topheader{ width:100%; background-image:url(images/header-bg.jpg); background-repeat:repeat-x; width:100%; height:111px;}

.headerwrap{ width:1000px; margin:0 auto;}

.header-topmenu{ width:431px; float:left; overflow:hidden; height:31px; margin-top:5px;}
.header-topmenu ul{  margin: 0; padding: 0;list-style-type: none;}
.header-topmenu li{ float:left;}
.header-topmenu li a{ color:#FFFFFF; font-weight:bolder;list-style:none; display:block; text-align:center; background-image:url(images/grn-btn.gif); background-repeat:no-repeat; width:91px; height:31px; margin-right:2px; line-height:30px; text-decoration:none;}
.header-topmenu li a:hover{ text-decoration:underline;color:#39a0ed; background-image:url(images/grn-btn-over.gif); background-repeat:no-repeat; width:91px;}
.header-topmenu li a.active{ text-decoration:none;  background-image:url(images/grn-btn-over.gif); background-repeat:no-repeat; width:91px; height:31px; color:#39a0ed;}
.header-topmenu li a.active1{ text-decoration:none;  background-image:url(images/jsb-healthcare-tab.gif); background-repeat:no-repeat; width:91px; height:31px; color:#53183b;}


.header-topright{ width:255px; float:right; height:31px; color:#fff; font-size:12px; line-height:0;}
.header-topright ul{ list-style:none;}
.header-topright li{ float:left; padding:4px; text-align:right;}
.header-topright li a{ color:#fff; text-decoration:none; text-align:right; font-size:12px;}
.header-topright li a:hover{ text-decoration:none; color:#FFFFFF; text-decoration:underline;}

.header-topleft{ width:560px; float:left; padding-top:3px; color:#000; font-size:12px; line-height:0; text-align:right;}

.header2{ width:1000px; margin:0 auto;}
.logo{ width:183px; float:left; margin-top:15px;}
.main-menu{ width:750px; float:right; text-align:right; padding-top:10px;}
.select-language{ float:right; margin-top:30px;}

.nav{ width:780px; float:right; margin-top:20px;}

.banner{ width:1000px; margin:0 auto;}

.banneradd{ width:100%; background:#39a0ed; height:20px; margin-top:3px;}
.addtext{ width:1000px; margin:0 auto; color:#fff; line-height:20px;}

.container{ width:1000px; margin:0 auto; margin-top:10px;}

.colom-1{ width:266px; height:317px; float:left; }

.colom-2{ width:270px; height:317px; float:left; }

.colom-3{ width:265px; height:317px; float:left; margin-left:20px;}

.colom-heading{ width:264px; color:#1872e1; font-size:17px; float:left; font-weight:bold; text-transform:uppercase;}
.colom-img{ width:264px; margin-top:10px; float:left;}
.colom-text{ width:264px; margin-top:6px; float:left; font-weight:500;}
.colom-text h2{  width:264px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#575757;}
.colom-text p{  width:260x;font-size:12px; padding-top:7px; margin:0; padding:0; text-align:justify; color:#333333;}

.colom-text h3{ width:270px;}
.colom-text h3 ul{ margin:0; padding-left:20px;}
.colom-text h3 li{  color: #333333; font-size: 12px; font-weight: normal; list-style:url(images/box_arrow_brown.gif); margin-right: 35px; padding: 3px; text-align: left; width:270px; }
.li-devider{ border-bottom:1px dotted #666666; width:260px; height:1px; margin-bottom: 3px; margin-top: 3px;}
.colom-text h3 li a{}
.colom-text h3 li a:hover{}


.content-text{  border: 1px solid #5FB0ED;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #93C6ED inset;
    float: left;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 720px; }
.content-text p{ margin:10px; padding:0px; text-align:justify; margin-top:10px;}
.content-text ul{ margin:0; padding:0;}
.content-text li{ list-style:circle; list-style-position:inside; padding:4px;  margin-left:25px; font-size:12px; }
.content-text li a{ text-decoration:none;}
.content-text li a:hover{}

.main-products ul{ margin:0; padding:0;}
.main-products li{ list-style-image:url(images/bullet-product.gif); list-style-position:inside; margin-left:25px; text-transform:uppercase; }
.main-products li a{ text-decoration:none; font-size:12px;}
.main-products li a:hover{}


.prdct-line{ border-bottom:1px solid #d5d5d5; width:300px; height:1px;}

.groupcol-1{ float:left; width:250px; text-align:right; margin-right:20px;}
.groupcol-2{ float:left; width:300px;}
.group-devider{ float:left; width:46px; height:765px; background-image:url(images/group-devider.gif); background-repeat:no-repeat;}
.group-info{ width:350px; float:left; border:1px dotted #999; margin-left:20px; padding:5px; margin-top:10px; margin-bottom:20px; font-size:12px; text-align:justify;}


.verticalline{ width:1px; background-image:url(images/dividerlinee.jpg); background-repeat:no-repeat; width:10px; height:320px; float:left;  margin-right:29px; margin-left:45px;}
.readmore a{ width:60px; float:left; color:#000; text-decoration:underline; margin-top:10px; font-size:12px; }
.readmore a:hover{ text-decoration:none; font-size:12px;}

.colom-news{ width:273px; margin-top:10px; float:left; background:#f9f9f9; border:1px solid #e7e7e7; height:130px;}
.colom-news h2{  width:260px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#575757; margin:10px;}
.colom-news p{  width:260x;font-size:12px; padding-top:7px; margin:0; padding:0; text-align:justify; color:#666; margin:10px;}

.colom-galery{ width:273px; margin-top:6px; float:left; font-size:13px; margin-top:20px;}

.galleryname{ width:120px; float:left; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#39a0ed; height:25px; color:#fff; font-size:14px; font-weight:bold; text-align:center; margin:0px; padding:0px; line-height:23px; }
.gallery{ width:273px; float:left; font-size:13px; border:1px solid #39a0ed; height:110px; border-top-right-radius:5px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; }

.footer-1{ width:1000px; margin:0 auto; border-top-left-radius:7px; border-top-right-radius:7px; background-color:#6db631; height:30px; color:#fff; margin-top:35px; }
.newsletter-heading{ width:220px; float:left; margin-left:19px; margin-top:5px; font-size:10px; line-height:24px; text-transform:uppercase;}
.newsletter-textarea{ width:200px; float:left; margin-left:10px; margin-top:5px;}
.inputbox{ width:200px; background:#656565; border:1px  solid #969696; color:#CCC; font-size:12px;} 

.submit-news{ width:100px; float:left;  margin-left:15px; margin-top:5px; height:25px;}

.submitbtn{ width:60px; color:#fff; background:#4f4f4f; border:1px solid #999; cursor:pointer;}


.footer-wrap{ width:100%; background:#1558ab; height:auto;}

.footer-inner{ width:998px; margin:0 auto; background:#1558ab; border:1px solid #6db631; height:123px;}

.footer-colom1{ width:150px; float:left; margin-left:18px; margin-top:25px;}
.footer-colom2{ width:125px; float:left; margin-left:50px; margin-top:25px;}
.footer-colom3{ width:150px; float:left; margin-left:66px; margin-top:25px;}
.footer-colom4{ width:360px; float:right; margin-right:10px; margin-top:25px;}


.footer-heading{ width:170px; float:left; font-size:13px; font-weight:bold; color:#fff; text-transform:uppercase;}
.footer-links{  float:left;font-size:13px; width:200px;}
.footer-links ul{ margin:0; padding:0; margin-left:15px;}
.footer-links li{list-style-image:url(images/footer-arrow.gif); list-style-position:outside; margin-top:7px;}
.footer-links li a{ text-decoration:none; color:#fff; }
.footer-links li a:hover{ text-decoration:underline; color:#000;}

.footer-heading2{ width:170px; float:left; font-size:13px; margin-left:47px; font-weight:bold; color:#fff; text-transform:uppercase;}
.footer-links2{  float:left;font-size:13px; margin-left:49px;}
.footer-links2 ul{ margin:0; padding:0; margin-left:15px;}
.footer-links2 li{list-style-image:url(images/footer-arrow.gif); list-style-position:outside; margin-top:7px;}
.footer-links2 li a{ text-decoration:none; color:#fff; }
.footer-links2 li a:hover{ text-decoration:underline; color:#000;}

.footer-heading3{ float:left; font-size:13px; font-weight:bold; color:#fff; text-transform:uppercase;}
.footer-links3{  float:left;font-size:13px; margin-left:15px; width:170px;}
.footer-links3 ul{ margin:0; padding:0; }
.footer-links3 li{list-style-image:url(images/footer-arrow.gif); list-style-position:outside; margin-top:7px;}
.footer-links3 li a{ text-decoration:none; color:#fff; }
.footer-links3 li a:hover{ text-decoration:underline; color:#000;}

.footer-links4{  float:left;font-size:13px;}
.footer-links4 ul{ margin:0; padding:0; margin-left:15px;}
.footer-links4 li{list-style-image:url(images/footer-arrow.gif); list-style-position:outside; margin-top:10px;}
.footer-links4 li a{ text-decoration:none; color:#fff; }
.footer-links4 li a:hover{ text-decoration:underline; color:#000;}


.followus-heading{  width:160px; float:left; font-size:13px; font-weight:bold; color:#fff; text-transform:uppercase;}
.followus-icons1{ width:101px; float:left; height:25px; margin-top:10px;}
.followus-icons2{ width:120px; float:left; height:25px;  margin-top:10px;}
.followus-icons3{ width:90px; float:left; height:25px; margin-top:12px;}
.followus-icons4{ width:51px; float:left; height:25px; margin-top:12px;}
.followus-icons5{ width:50px; float:left; height:25px; margin-top:12px;}
.followus-icons6{ width:80px; float:left; height:25px; margin-top:10px;}

.copyright{ width:1000px; margin:0 auto; float:left; color:#fff; margin-top:22px; text-align:center; margin-bottom:5px;}

.livechat-online{ position:fixed; float:right; left:1185px; z-index:9996; bottom:0%; visibility: visible;top:423px;background-image: url(http://livechat.s3.amazonaws.com/1031749/28/button/online/5598-13biall.png);background-attachment: scroll;background-color: transparent;width: 162px;
height: 213px;background-position: 0% 0%;background-repeat: no-repeat no-repeat;}









  /* #SAG scroller demo #1 */

                div#mysagscroller{
                    width: 200px;  /*width of scroller*/
                    height:130px;
                }

                div#mysagscroller ul li{
                    background:navy;
                    color:white;
                    padding:5px;
                    margin-bottom:5px; /*bottom spacing between each LI*/
                }

                div#mysagscroller ul li:first-letter{
                    font-size:28px;
                    color:black;
                    padding:0 2px;
                    margin-right:2px;
                }


                /* #SAG scroller demo #2 */

                div#mysagscroller2{
                    border:none;
                    height:130px;
                    width:300px;
                }

                div#mysagscroller2 ul li img{
                    border-width:0;
                    display:block; /*this causes each image to be flush against each other*/
                }


.brd-crumb{ width:1000px; float:left; height:20px; font-size:12px; color:#F30; font-weight:normal; float:left;}
.brd-crumb a{  font-size:12px; color:#F30;}
.brd-crumb a:hover{  font-size:12px; color:#333;}


.content-left{ width:720px; float:left; margin-top:5px; font-size:12px;}
.content-heading{ width:720px; float:left; color:#1872e1; font-weight:bold; font-size:16px; text-transform:uppercase;}

.content-right{ width:220px; float:right; margin:0; padding:0;}

.categories-heading{ width:200px; color:#1872e1; font-weight:bold; font-size:16px;}
.categories{ width:200px; border-top:3px solid #1872e1; border-bottom:3px solid #1872e1; background:#f3f3f3; margin-top:3px;}
.categories-links{ }
.categories-links ul{ list-style-type:none; margin: 0;padding: 0; }
.categories-links li{ vertical-align:middle;  padding:10px;}
.categories-links li a{text-decoration:none; color:#333;  display: block; padding-left:20px; line-height:20px;}
.categories-links li a:hover{  color:#FFFFFF; background-color:#1b5ba0;}
.categories-links li a.active{ background-color:#1b5ba0;  color:#FFFFFF;}


.deviderline-hr{ width:180px; height:1px; border-bottom:1px dotted #c9cdd0; padding-left:20px;}

.contact-colom1{ width:300px; float:left; margin-top:20px; margin-left:10px;}
.contact-colom2{ width:377px; float:left; margin-top:20px; margin-left:20px;}

.inputtext
{

width:178px;
height:35px;
background: url(../images/in_txt.jpg) no-repeat;
padding-left:5px;
border:0px;
float:left;
text-indent:4px;
color:#737373;
}



.input_btn{
width:auto;
height:30px;
background:url(../images/btn.jpg) no-repeat;
padding:0px;
margin:0px;

}
.more{
color:#000000;
}

.contact
	{width:300px;
	height: auto;
	float:left;
	margin-top:20px;
	}
.form
	{width:250px;
	height: auto;
/*	background-color:#003399;*/
	float:left;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-right:50px;
margin-top:20px;
	}

.input
	{width:230px;
	 height:20px;
	 font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
	margin-bottom:5px; margin-top:6px; margin-left:10px;
	padding-left:5px;
	border:1px solid #ccc;
	}

.submit
	{width:80px;
	 height:30px;
	 color:#333333; font-size:12px; font-weight:bold; margin-left:10px; margin-bottom:10px; margin-top:5px;
	 background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#eeeeee));
			background: -webkit-linear-gradient(top, #cdcdcd, #eeeeee);
			background: -moz-linear-gradient(top, #cdcdcd, #eeeeee);
			background: -ms-linear-gradient(top, #cdcdcd, #eeeeee);
			background: -o-linear-gradient(top, #cdcdcd, #eeeeee);
			background: linear-gradient(top, #cdcdcd, #eeeeee);	
	 }	

.content_mid{ background-image:url(images/content_devider.jpg); background-repeat:no-repeat; width:12px; height:500px; float:left; margin-top:20px;}
.dark{ border-top: 1px solid #000000; width:250px; float:left;}

/* Scroller start */
.accordion {width:690px; padding-bottom:10px; float:left;}
.accordion div{ padding:10px; margin-left:20px; font-size:13px; text-align:justify;}
h3.deactive{background:url(images/plus_imag.jpg) left no-repeat; margin:0 0 0 10px; padding:5px 0 5px 20px; line-height:20px; font-weight:bold; font-size:13px; cursor:pointer; color: #4a413c;}
h3.active{background:url(images/minus_imag.jpg) left no-repeat ; margin:0 0 0 10px; padding:5px 0 5px 20px; line-height:20px; font-weight:bold; font-size:13px; cursor:pointer;}
.accordion p{margin:0px 0 0 30px;padding:0px;}
.img_plus{padding-right:10px;}
/* Scroller end */

.horizontal_line{border-bottom:1px dashed #686868; clear:left; height:1px; overflow:hidden; width:690px; float:left;}

.categories-line{width:180px; height:1px; border-bottom:2px solid #0099FF; padding-left:20px;}

.photogallery{ width:588px; height:387px; margin-left:60px; margin-top:20px; margin-bottom:20px;}

.mapright{ width:200px; height:350px; margin-top:15px;}

.tabbing-wrap{border: 1px solid #5FB0ED;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #93C6ED inset;
    float: left;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width:690px;}

.nav-links .drop-menu {
    position: absolute;
    background: #242526;
    width: 180px;
    line-height: 45px;
    top: 105px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
    left: 35%;
    margin-top: 38px;
}
.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box{
  transition: all 0.3s ease;
  top: 70px;
  opacity: 1;
  visibility: visible;
}


.nav-links .drop-menu1 {
    position: absolute;
    background: #242526;
    width: 180px;
    line-height: 45px;
    top: 105px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
    left: 50%;
    margin-top: 38px;
}
.nav-links li:hover .drop-menu1{
  transition: all 0.3s ease;
  top: 70px;
  opacity: 1;
  visibility: visible;
}
.nav-links .drop-menu2 {
    position: absolute;
    background: #242526;
    width: 180px;
    line-height: 45px;
    top: 105px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
    left: 39%;
    margin-top: 38px;
}
.nav-links li:hover .drop-menu2{
  transition: all 0.3s ease;
  top: 70px;
  opacity: 1;
  visibility: visible;
}