/* CSS Codes By Proweaver @Reinier  */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* body */
body {
margin:0;
padding:0;
font-family: "Roboto","Open Sans","Arimo", sans-serif;
font:12px/20px , "Arimo", sans-serif;
color:#000;
background:#000042;
}

/*basics*/
a img { border:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.comp{ color:#990000; font-weight:bold; }
.comingsoon{ color:red; font-weight:bold; font-style:italic; }
.clearfix{ clear:both; overflow:hidden; }
.floatleft_img{ float:left; padding-right:10px; }
.floatright_img{ float:right; padding-left:10px;  }
p{ padding:0px 0px 12px 0px; font-size: 14px; line-height: 20px;}
h1{ font-weight:normal; font-size:23px; color:#990100; padding-left:12px; padding-top:5px; }
h2{ font-size:20px; margin:0; padding:0; }
h3{ font-size:16px; margin:0; padding:0; }
h4{ font-size:14px; margin:0; padding:0; }
h5{ font-size:12px; margin:0; padding:0; }
h6{ font-size:10px; margin:0; padding:0; }
.fleft {float:left;}
.fright {float:right;}

/*layers*/
#wrapper{ width:980px; height:auto; margin:0 auto 0 auto; }

#banner{  width:980px; height:230px; background:url(images/banner.jpg) no-repeat;}
	.logo {padding-left:30px; padding-top:60px;}
	.slogan {padding-left:122px;}
		.translator {padding-right:20px; padding-top:8px;}
		.call {padding-top:30px; padding-left:130px;}



/*inside navigation bar */
#nav {width:980px; height:50px; background:url(images/nav.jpg) no-repeat;}
#nav ul {list-style:none; margin:0; padding:0; padding-left:20px;}
#nav ul li {display:inline;}
#nav ul li a {float:left; text-decoration:none; font:bold 13px/50px "Open Sans", "Roboto", "Arimo", sans-serif; color:#663300;}
#nav ul li a span{padding:0 44px}
#nav ul li a:hover, .current a{color:#0061B1 !important; text-decoration:none; background:url(images/nav-o.jpg) repeat-x left top/cover;}
.nav-border {width:5px; height:50px; background:url(images/nav-border.jpg) no-repeat; float:left;}
.last_link a{border:none !important;}


/*flash*/
#flash{ margin-top:5px; width:980px; height:220px; background:url(images/flashbg.jpg) no-repeat;  }

.tabflash {overflow: hidden; width:245px; padding-left:6px;}
.tabflash ul{margin: 0; padding: 0; list-style: none; margin-bottom: 0;}
.tabflash ul li{margin-bottom: 2px;}
.tabflash ul li a{display: block; background: url(images/tabflash-left.jpg) no-repeat; width:100%; height:35px; text-decoration:none; color:#006699; padding-left:35px; font:bold 14px/35px "Arimo";}
.tabflash ul li a:hover{ color:#006699;}

	#scroll {background:url(images/srcoll.jpg) repeat-x left; margin:0 auto; width:722px; height:220px;}

#main {margin-top:5px; width:980px; height:auto; background:url(images/main-top-bg.jpg) repeat-x #fff;}
#main_bg {width:980px; height:auto; background:url(images/bgcontact.jpg) repeat-y left top #FFF;}
#main_bg_bottom {background:url(images/bgcontact_bottom.jpg) no-repeat left bottom; clear:both; overflow:hidden;}

/* left and right main */
.leftmain{width:253px; height:auto; float:left;}
.leftmain_bottom {width:253px; height:auto;}



.tableft {color:#693A01; font-weight:bold; font-size:20px; font-family:"Roboto"; padding-left:3px; background:#FFF;}
.tableft a {color:#693A01; font-family:"Roboto"; padding-left:50px; padding-top:10px; display:block;}
.bookmark {width:245px; height:44px; background:url(images/btnbookmark.png) no-repeat;}
.website {margin-top:3px;width:245px; height:45px; background:url(images/btnrecommended.png) no-repeat;}
.print {margin-top:8px; width:245px; height:40px; background:url(images/btnprint.png) no-repeat;}
.flyer {margin-top:8px; width:245px; height:40px; background:url(images/btnflyer.png) no-repeat;}
.release {margin-top:8px; width:245px; height:40px; background:url(images/btnrelease.png) no-repeat;}
.patient {margin-top:8px; width:245px; height:40px; background:url(images/btnpatient.png) no-repeat;}

.contactbg {margin-left:3px; width:245px; height:auto; margin-bottom:30px;}
.contactinfo {font-family:"Roboto"; padding-top:20px; font-size:14px; padding-left:10px; line-height:15px;}
.contactinfo a {color:#000;}
.contact_title {font-size:18px; font-weight:bold; color:#990000; padding-bottom:14px;}

.contact-title {font-weight:bold; font-size:14px;}

.mid { width:500px; height:auto; float:left;}
.mid1 { width:700px; height:auto; float:left;}


.midtab {overflow: hidden; width:480px;}
.midtab ul{margin: 0; padding: 0; list-style: none; margin-bottom: 0;}
.midtab ul li{margin-bottom: 15px;}
.midtab ul li {display: block; background: url(images/img-cross.jpg) no-repeat;  height:auto; text-decoration:none; color:#333333; padding-left:40px; font:12px/25px "Roboto";}


.rightmain{ width:217px; height:auto; float:right;  }
.content {padding-left:15px; padding-right:10px;}
.content a {color:#006699;}
.rightpadding {padding-top:5px;}
	.rightpadding span a {color:#FCC230; font-weight:bold; font-size:11px; display:block; text-align:right; padding-right:10px; margin-top:-5px;}
	.rightext {padding-top:35px; font-size:12px; font-family:"Open Sans"; width:170px; color:#fff; padding-left:10px;}
	.boxreasons {width:218px; height:96px; background:url(images/boxreasons.png) no-repeat;}
	.boxset {width:218px; height:96px; background:url(images/boxset.png) no-repeat;}
	.boxrefer {width:218px; height:96px; background:url(images/boxrefer.png) no-repeat;}

/*footer inside*/
#footer {width:980px; height:50px; background:url(images/footer.jpg) no-repeat;}
#footer ul {list-style:none; text-align:center; margin:0; padding:0; padding-top:8px;}
#footer ul li {display:inline;}
#footer ul li a {text-decoration:none; font-family:"Roboto"; font-size:12px; color:#000; padding:0 8px;border-left: 1px solid #000;}
#footer ul li a span{padding:0 0px;letter-spacing:1px;}
#footer ul li a:hover {color:#000; text-decoration:underline;}
        .first_link a{border:none !important;}
#copyright{padding-left:30px;color:#000; font-size: 11px;letter-spacing:3px; text-align:center; line-height:20px;}
#copyright a{color:#000; text-decoration:none}

.admin_link {font-size:12px; color:#990000; font-weight:bold; padding-bottom:10px;}

.resources {font-size:14px; }
		.resources a {color:#990100; text-decoration:none; display:block;font-weight:bold;}
			.resources a:hover {color:#ff0000; text-decoration:none; padding-left:1px;}
		.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
		.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE; border:1px solid #ACD7D6; border-bottom:2px solid #95CCCB;}
			.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;} /*optional*/

.counter{ font-size:15px; font-weight:bold; margin-left:10px; background:#F5AB25; border:1px solid #ccc; padding:15px; width:200px!important; }