@import url("Roboto_Black/stylesheet.css");
@import url("Roboto_Medium/stylesheet.css");


 A { TEXT-DECORATION: none } a:hover {text-decoration: underline} 
 

.x { COLOR: #333333 } 
.txtBoxStyle1 {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/corners.gif); BORDER-LEFT: #999999 1px solid; COLOR: #999999; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.txtBoxStyle2 {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/grid.gif); BORDER-LEFT: #999999 1px solid; COLOR: #999999; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}

.greysmall { font-family: Tahoma, "Microsoft Sans Serif"; font-size: 
11px; color: #666666} .copyright { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; font-weight: normal; color: C8C8C8} .headnews { font-family: 
"MS Sans Serif", "Microsoft Sans Serif"; font-size: 10px; font-weight: bold; color: 
E11717} .blacksmall { font-family: Verdana, Arial, 
Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000} .blackhead 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 
bold; color: #333333} .whitesmall { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; color: #FFFFFF; font-weight: bold} .black_head_thai { font-family: 
"MS Sans Serif", "Microsoft Sans Serif"; font-size: 12px; color: #000000; font-weight: 
bold} .whitesmallthai { font-family: "MS Sans Serif", "Microsoft Sans Serif"; 
font-size: 9px; color: #FFFFFF; font-weight: bold} .grey_head_thai { font-family: 
"MS Sans Serif", "Microsoft Sans Serif"; font-size: 15px; font-weight: bold; color: 
#003366} .greysmallbold { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; font-weight: bold; text-decoration: none} .red { font-family: 
"MS Sans Serif", "Microsoft Sans Serif"; font-size: 10px; font-style: normal; 
color: #FF0000} .blue { font-family: "MS Sans Serif", "Microsoft Sans Serif"; 
font-size: 12px; font-style: normal; color: #003399; font-weight: bold} .green 
{ font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 12px; font-style: 
normal; font-weight: bold; color: #009900} .biggreen { font-family: "MS Sans Serif", 
"Microsoft Sans Serif"; font-size: 14px; font-style: normal; font-weight: bold; 
color: #006600} .copywhite { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; font-style: normal; color: #FFFFFF} .whitethai { font-family: 
"MS Sans Serif", "Microsoft Sans Serif"; font-size: 10px; color: #FFFFFF} .menulist 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: 
normal; font-weight: normal; color: 504C4C; text-decoration: none} .verdanaBlack9 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; 
text-decoration: none; font-style: normal; font-weight: normal} .vernadablacksmall 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: 
#000000} .copyright { } .vernadaorangebold { font-family: Verdana, Arial, Helvetica, 
sans-serif; font-size: 12px; font-style: normal; color: FF7200; font-weight: bold} 
.arial11grey { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: 
969696} .arial11orange { font-family: Arial, Helvetica, sans-serif; font-size: 
12px; font-style: normal; color: F45000; text-decoration: none} .arial11sepia 
{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: 683104; text-decoration: 
none} .arial11darkblue { font-family: Arial, Helvetica, sans-serif; font-size: 
11px; font-weight: normal; color: #0F3B60; text-decoration: none} .arial11bolddarkgrey 
{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; 
color: 515457} .arial11darkgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #F83D04;
} .arial11boldblue { font-family: Arial, 
Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #9CBCD7} .verdana10b 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: 
#000000} .orange_head_thai { font-family: Arial, Helvetica, sans-serif; font-size: 
12px; font-style: normal; font-weight: bold; color: #FF6600} .thai10black {
	font-family: 
"MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	font-style: normal;
	font-weight: 
normal;
	color: #000000;
	text-decoration: none;
} .thaiBlack11B {  font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}
.thai10brightbrown {  font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 9px; font-style: normal; color: #9C7325; text-decoration: none}
.thai10blue {
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 10px;
	color: #003366;
	text-decoration: none;
}
.grey9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DDDDDD;
	font-weight: normal;
	text-decoration: none;
}
.grey9underline {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 10px;
}

A.productmenu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #417E9A;
	font-weight: normal;
	text-decoration: none;
}
A.productmenu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #11426C;
	font-weight: normal;
	text-decoration: none;
}
A.productmenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F87909;
	font-weight: normal;
	text-decoration: underline;
}


A.linkmenu:link {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 11px;
	color: #364F5B;
	font-weight: normal;
	text-decoration: none;
}
A.linkmenu:visited {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 11px;
	color: #364F5B;
	font-weight: normal;
	text-decoration: none;
}
A.linkmenu:hover {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 11px;
	color: #0D6094;
	font-weight: normal;
	text-decoration: underline;
}
.yellowpage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF99;
	font-weight: normal;
	text-decoration: none;
}.footer {
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 9px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
.smallGreyTahoma {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 11px;
	color: #999999;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.bigYellow {
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: underline;
}
.whitebigthai {
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tahomaHead {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	font-weight: bold;
	color: 707070;
	text-decoration: none;
}
.vernada10Blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: 274495;
	text-decoration: none;
}
A.tahomaContent:link {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	color: #919191;
	font-weight: normal;
	text-decoration: none;
}
A.tahomaContent:visited {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	color: #919191;
	font-weight: normal;
	text-decoration: none;
}
A.tahomaContent:hover {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	color: #919191;
	font-weight: normal;
	text-decoration: none;
}
.tahoma10black {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.tahomaDarkblue {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	font-weight: normal;
	color: #012B78;
	text-decoration: none;
}
.tahomaBoldWhite {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tahoma10BlackBold {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.tahomagrey {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	font-style: normal;
	color: #666666;
}
.menulistUnderline {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: 
normal; font-weight: normal; color: 504C4C; text-decoration: underline}
.tahomaBlue {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 11px;
	color: 0085C8;
}
.rowmenu {
	BACKGROUND-COLOR: #ffffff
}
.rowmenuover {
	BACKGROUND-COLOR: #1B9BDC
}
A.Lk_menu:link {
	FONT-SIZE: 12px; COLOR: #25456D; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
A.Lk_menu:visited {
	FONT-SIZE: 12px; COLOR: #25456D; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
A.Lk_menu:hover {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}.tahomaHead {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	font-weight: bold;
	color: 0F88C6;
	text-decoration: none;
}
.thaiBlueHead {
	font-family: "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: 0085C8;
	text-decoration: none;
}
A.tahomaLink:link {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	color: #575757;
	font-weight: normal;
	text-decoration: none;
}
A.tahomaLink:visited {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	color: #000066;
	font-weight: normal;
	text-decoration: none;
}
A.tahomaLink:hover {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	color: #B2B2B2;
	font-weight: normal;
	text-decoration: none;
}
A.tahomaBlueBold:link {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	color: #156A94;
	font-weight: bold;
	text-decoration: none;
}
A.tahomaBlueBold:visited {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	color: #156A94;
	font-weight: bold;
	text-decoration: none;
}
A.tahomaBlueBold:hover {
	font-family: Tahoma, "Microsoft Sans Serif";
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}
.arialwhite12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}
.topHead-wrapper {
	position: relative;
	background-image: url(images/topHead-bg.jpg);
	height: 267px;
}
.logoHead {
	position: absolute;
	height: 170px;
	width: 160px;
	left: 17px;
	top: 73px;
}


@keyframes spin {
    from {
        transform:rotateY(0deg);
    }
    to {
        transform:rotateY(360deg);
    }
}
.topHead {
	position: absolute;
	height: 80px;
	width: 500px;
	left: 212px;
	top: 65px;
}
.topHead-head1 {
	font-family: "Roboto Black", "Arial Black", Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1;
	color: #000;
}
.topHead-head2 {
	font-family: "Roboto Black", "Arial Black", Helvetica, sans-serif;
	font-size: 35px;
	color: #FFF;
	line-height: 1;
}
.logo100 {
	position: absolute;
	height: 105px;
	width: 105px;
	left: 668px;
	top: 38px;
}
.navBar {
	background-color: #FFF;
	position: absolute;
	height: 104px;
	width: 563px;
	top: 140px;
	right: 0px;
	box-shadow: -1px 0px 1px 0px #000000;
	background-image: url(images/topNabRight.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.navBarLeft {
	width: 370px;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;

	float:left
}
.navBarRight {
	float: right;
	width: 130px;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
}
.tableMainNav tr td a {
	font-family: "Roboto Medium", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #162a6d;
	text-decoration:none;
}
.tableMainNav tr td a:hover {
	color:#C00;
}
.navBarRight a {
	font-family: "Roboto Medium", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #656565;
	text-decoration: none;
}
.navBarRight a:hover {
	color:#C60;
}
.headRed {
	font-family: "Roboto Black", "Arial Black", Helvetica, sans-serif;
	font-size: 20px;
	color: #ff0000;
}
.homeOL li {
	font-size: 11px;
	padding-bottom: 10px;
}
.homeOL {
	margin-left: 0px;
	padding-left: 20px;
}
.sideBar-oralHead {
	font-family: "Roboto Black", "Arial Black", Helvetica, sans-serif;
	font-size: 15px;
	background-color: #FFF;
	background-image: url(images/icon-oral.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 50px;
	box-shadow: 0px 1px 1px 0px #000000;
	position: relative;
	
}

.sideBar-injectHead {
	font-family: "Roboto Black", "Arial Black", Helvetica, sans-serif;
	font-size: 15px;
	background-color: #FFF;
	background-image: url(images/icon-inject.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 50px;
	box-shadow: 0px 1px 1px 0px #000000;
	position: relative;
	
}


.redText {
	color: #f83d04;
}
.greenText {
	color: #3ab625;
}
.sidebarOral, .sidebarInject{
	margin: 0px;
	padding: 0px;
}
.sidebarOral li, .sidebarInject li {
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #036;

}
.sidebarOral li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #417e9a;
	background-color: #b3cde8;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #f83d04;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
}
.sidebarOral li a:hover{
	color:#fff;
	background-color:#417e9a;
}

.sidebarInject li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #417e9a;
	background-color: #d4e3f2;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #3ab625;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
}
.sidebarInject li a:hover{
	color:#fff;
	background-color:#417e9a;
}
	
.product-content {
}
.productBarOral {
	font-family: "Roboto Black", "Arial Black", Helvetica, sans-serif;
	font-size: 25px;
	color: #FFF;
	background-color: #085289;
	background-image: url(images/product-head-oral.jpg);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	line-height: .8;
}
.productBarInject {
	font-family: "Roboto Black", "Arial Black", Helvetica, sans-serif;
	font-size: 25px;
	color: #FFF;
	background-color: #085289;
	background-image: url(images/product-head-inject.jpg);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	line-height: .8;
}
.headBar{
	font-family: "Roboto Black", "Arial Black", Helvetica, sans-serif;
	font-size: 25px;
	color: #FFF;
	background-color: #085289;
	background-image: url(images/default-head.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	line-height: .8;
}
.productBarsmall {
	font-family: "Roboto Black", "Arial Black", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1;
	color: #b6dcf8;
}
.blueText {
	color: #5a9bcc;
}
.poRelative {
	position: relative;
}
.productZoom {
	background-image: url(images/zoomIcon.png);
	background-repeat: no-repeat;
	height: 38px;
	width: 38px;
	position: absolute;
	bottom: 10px;
	left: 20px;
}
.productContentText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #64666d;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
}
a.btnDownloadLeaflet {
	font-family: "Roboto Black", "Arial Black", Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-color: #0e2f58;
	background-image: url(images/iconLeaflet.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	display: inline-block;
}
.fakeProductRow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 20px;
}
.Update {
	padding-bottom: 10px;
}
.tableStock tbody tr td {
	background-color: #ACC6D8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.tableStock tbody tr:nth-child(even) td {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.tableStock tbody tr td:nth-child(1) , .tableStock tbody tr td:nth-child(2) {
	text-align: left;
}
.productList {
	margin: 0px;
	padding: 0px;
}
.productList li {
	width: 50%;
	padding-bottom: 3px;
	list-style-type: none;
	display: block;
	float: left;
	height: 20px;
}
.productList li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	display: block;
	background-image: url(images/bulletIcon.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 5px center;
	background-color: #FFF;
	height: 15px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #c0ddf2;
	padding-top: 3px;
	padding-bottom: 3px;
}
.productList li a:hover {
	color: #fff;
	background-color: #036

}

#popup {
    display:none;
    position:absolute;
    margin:0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 50px 2px #000;
}

#thover{
  position:fixed;
  background:#000;
  width:100%;
  height:100%;
  opacity: .6;
  z-index: 100;
}
 
#tpopup{
  position:absolute;
  background:#fff;
  left:50%;
  top:40%;
  border-radius:5px;
  padding:0px 0;
  margin-left:-320px; /* width/2 + padding-left */
  margin-top:-150px; /* height/2 + padding-top */
  text-align:center;
  box-shadow:0 0 10px 0 #000;
  z-index: 100;
  
}

#thover1{
  position:fixed;
  background:#000;
  width:100%;
  height:100%;
  opacity: .6;
  z-index: 100;
}

.tpopup1{display:none}

#tpopup1{
  position:absolute;
  background:#fff;
  left:50%;
  top:40%;
  border-radius:5px;
  padding:0px 0;
  margin-left:-320px; /* width/2 + padding-left */
  margin-top:-150px; /* height/2 + padding-top */
  text-align:center;
  box-shadow:0 0 10px 0 #000;
  z-index: 100;
  
}
#tclose{
  position:absolute;
  background:black;
  color:white;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}


.marquee {
    width: 775px;
	line-height: 10px;
	background-color: red;
	color: white;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
}
.dis-none {
    display:none;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}