body{
	margin: 0; padding: 0;
	background: #ccc url(../image/bg.gif) repeat-x;
	font-family: Arial, tahoma, Verdana;
	font-size: 100%;
	color: #4e4d4d;}
a {
	cursor: hand;
	color:#2a507e;}
a:visited {color:#2a507e;}
a:active, a:hover {color:#2a507e;}

div.main{
	margin: 1px auto; padding: 0;
	width: 966px;
	background-color: #fff;
	position: relative;}
div.hdr{
	position: relative;}
div.hdr img{border: none;}
div.hdr div.hdrLinks{
	position: absolute;
	top: 5px; left: 0;
	width: 810px; 
	text-align: right;}
div.hdr div.hdrLinks a{
	text-decoration: none;
	font-size: 75%;
	font-weight: bold;
	color: #4e4d4d;}

/* menu */
div.menu{
	margin: 13px 0 0 24px; padding: 0;
	width: 300px;
	float: left;}
div.menu ul.navmain{
	list-style-type:none;
	margin:0; padding:0;}
div.menu ul.navmain li{
	display:inline;
	margin:0 padding:0;}
ul.navmain li a{
	display:block;
	float:left;
	margin:0 0 2px 0; padding: 0;
	height:20px;
	text-decoration:none;}
ul.navmain li a span{
	display: none;}
ul.navmain li.home a{
	background:url(../image/menu/m_1.gif);
	width: 300px;}
ul.navmain li.about a{
	background:url(../image/menu/m_2.gif);
	width: 300px;}
ul.navmain li.partners a{
	background:url(../image/menu/m_3.gif);
	width: 300px;}
ul.navmain li.products a{
	background:url(../image/menu/m_4.gif);
	width: 300px;
	margin-bottom: 0px !important;}
ul.navmain li.services a{
	background:url(../image/menu/m_5.gif);
	width: 300px;
	margin-top: 2px !important;}
ul.navmain li.home a.sel, ul.navmain li.home a:hover{
	background:url(../image/menu/m_1_hov.gif);}
ul.navmain li.about a.sel, ul.navmain li.about a:hover{
	background:url(../image/menu/m_2_hov.gif);}
ul.navmain li.partners a.sel, ul.navmain li.partners a:hover{
	background:url(../image/menu/m_3_hov.gif);}
ul.navmain li.products a.sel{
	background:url(../image/menu/m_4_hov.gif);}
ul.navmain li.services a.sel, ul.navmain li.services a:hover{
	background:url(../image/menu/m_5_hov.gif);}

div.menu ul.navsub{
	list-style-type:none;
	margin: 0; padding: 0;}
div.menu ul.navsub li{
	display:inline;
	margin: 0 padding:0;}
ul.navsub li.apis a{
	background:url(../image/menu/m_4_1.gif);
	width: 300px;
	margin: 0; padding: 0;}
ul.navsub li.apis a.sel, ul.navsub li.apis a:hover{
	background:url(../image/menu/m_4_1_hov.gif);}
ul.navsub li.apisDev a{
	background:url(../image/menu/m_4_3.gif);
	width: 300px;
	margin: 0; padding: 0;}
ul.navsub li.apisDev a.sel, ul.navsub li.apisDev a:hover{
	background:url(../image/menu/m_4_3_hov.gif);}
ul.navsub li.excipients a{
	background:url(../image/menu/m_4_2.gif);
	width: 300px;
	margin:0 0 2px 0; padding: 0;}
ul.navsub li.excipients a.sel, ul.navsub li.excipients a:hover{
	background:url(../image/menu/m_4_2_hov.gif);}
ul.navsub li a{
	display:block;
	float:left;	
	height:18px;
	text-decoration:none;}
ul.navsub li a span{
	display: none;}
	
/* image */
div.img{
	margin: 13px 0 0 0; padding: 0;
	float: right;
	height: 156px;}
div.excipientsImg{
	margin: 13px 0 0 0; padding: 46px 0 0 0;	
	text-align: center;
	height: 37px;}
div.clr{
	margin: 0; padding: 0;
	clear:both;}

/* content */
div.content{
	margin: 10px 0 0 0; padding: 0 175px 0 35px;
	text-align: left;
	width: 757px;}
h1{
	margin: 9px 0 18px 0; padding: 0;
	color: #2a507e;
	font-size: 110%;}
h2{
	margin: 0 0 5px 0; padding: 0;
	color: #2a507e;
	font-size: 90%;}
h3{
	margin: 0 0 15px 0; padding: 0;	
	font-size: 90%;
	font-weight: normal;}
h4{
	margin: 0 0 15px 0; padding: 0;	
	font-size: 90%;
	color: #2a507e;
	font-weight: normal;}
p{
	margin: 0 0 18px 0; padding: 0;
	font-size: 80%;}
ul{
	margin: 0; padding: 0;
	font-size: 80%;
	color: #2a507e;}
li{
	margin: 0 0 0 25px; padding: 0;}

/* Home buttons */	
div.lnkBtns{
	margin: 36px 0 8px 100px; padding: 0;
	width: 750px; height: 110px;}
div.lnkPartners, div.lnkProducts, div.lnkServices{
	margin: 0; padding: 0;	
	float: left;
	height: 96px;
	position: relative;}
a.bgBtn img{
	margin: 0 80px 0 0; padding: 0;
	border: none;}
a.bgH1{
	margin: 0; padding: 0;
	position: absolute;
	top: 0px; left: 45px;
	color: #2a507e;
	text-decoration: none;
	font-size: 75%;
	font-weight: bold;}
a.bgP{
	margin: 0; padding: 0;
	position: absolute;
	top: 77px; left: 2px;
	color: #2a507e;
	font-size: 70%;
	width: 180px;
	text-decoration: none;}
		
/* Excipients Diagram */
div.diagram{
	margin: 130px 175px 0 65px; padding: 0;
	height: 194px; 
	position: relative;}
div.diagram a{
	text-decoration: none;}
div.diagram a img{
	border: none;}
div.diagram p{
	position: absolute;	
	font-size: 90%;
	text-align: center;
	color: #2a507e;}

div.popup{
	margin: -330px 0 180px 65px; padding: 0;
	width: 850px; height: 179px;
	position: relative;	
	font-family: Arial, tahoma, Verdana;
	color: #2a507e;}
div.popup div{
	height: 179px; width: 200px;
	position: absolute;
	top: 0px;}
div.popup h2{
	margin: 5px 0 2px 10px; padding: 0;
	font-weight: bold;
	font-size:  80%;
	line-height: 15px;}
div.popup ul{
	margin: 0 0 0 0; padding: 0;
	font-size: 75%;}
div.popup ul li{
	margin: 0 0 0 30px; padding: 0;
	list-style-type: disc;
	line-height: 12px;}
	
div.diagram div.red a{
	position: absolute;
	top: 0; left: 1px;}
div.diagram div.red a p{
	top: 65px; 	left: 50px;}
a.showRed{
	width: 195px; height: 195px;}
.popupRed{	
	background: transparent url(../image/excipients/redPopup.png);
	left:50px;}
	
div.diagram div.green a{
	position: absolute;
	top: 0; left: 140px;}
div.diagram div.green a p{
	top: 75px; 	left: 60px;}
a.showGreen{
	width: 195px; height: 195px;}
.popupGreen{	
	background: transparent url(../image/excipients/greenPopup.png);
	left:190px;}
	
div.diagram div.purple a{
	position: absolute;
	top: 0; left: 280px;}
div.diagram div.purple a p{
	top: 75px; left: 65px;}
a.showPurple{
	width: 195px; height: 195px;}
.popupPurple{	
	background: transparent url(../image/excipients/purplePopup.png);
	left:327px;}
	
div.diagram div.blue a{
	position: absolute;
	top: 0; left: 420px;}
div.diagram div.blue a p{
	top: 60px;left: 50px;}
a.showBlue{
	width: 195px; height: 195px;}
.popupBlue{	
	background: transparent url(../image/excipients/bluePopup.png);
	left:467px;}
	
div.diagram div.orange a{
	position: absolute;
	top: 0px; left: 560px;}
div.diagram div.orange a p{
	top: 85px;left: 55px;}
a.showOrange{
	width: 195px; height: 195px;}
.popupOrange{	
	background: transparent url(../image/excipients/orangePopup.png);
	left:607px;}	
div.diagram p.more{
	position: absolute;	
	font-size: 80%;
	top: 130px !important; left: 100px !important;
	color: #2a507e;}

/* APIs Table */
table.tbAPI{
	margin: 0; padding: 0;
	width: 800px;
	font-size: 80%;}
table.tbApi td{
	margin: 0; padding: 0;
	width: 33%}
.casing{
	text-transform: capitalize;}
/* Excipients Brochures Table */
table.tbBrochures{
	margin: 0; padding: 0;	
	font-size: 80%;}
table.tbBrochures td{
	margin: 0; padding: 5px;}
table.tbBrochures td a img{
	border: 1px solid 2a507e;}
	
/* Sitemap Table */
table.tbSitemap{
	margin: 0; padding: 0;
	width: 200px;
	font-size: 80%;}
table.tbSitemap td{
	margin: 0; padding: 0 0 5px 0;
	vertical-align: top;
	line-height: 18px;
	width: 50%}
	
/* Contact Form */
.LRDiv{width: 914px;}
.contactL{
	margin: 0 0 10px 0; padding: 0;
	width: 500px;
	float: left;}
.contactR{
	margin: 0; padding: 0;
	float: left; width: 410px;}
.contact{
	margin: 0; padding: 0;
	width: 450px;}
.wide{
	width: 860px;}
.contact div{
	float: left;}
	
/* Brochure thumbs */
div.brochureThumbs{
	margin: 0; padding: 0;
	width: 110%;}
div.brochureThumbs img{
	margin: 0 5px 0 0;
	border: 1px solid #2a507e;}
div.brochureThumbsR{
	margin: 0 0 5px 0; padding: 0;
	width: 375px;
	float: right;}
div.brochureThumbsR img{	
	border: 1px solid #2a507e;}
	
.contact table td{
	margin: 0; padding: 0 5px 5px 0;
	vertical-align: top;
	font-size: 75%;}
.contact label{
	margin: 0; padding:0;
	font-size: 100%;
	font-weight: bold;}
.contact input, .contact textarea, .contact dropdownlist{
	margin: 0; padding: 1px 2px;
	width:310px;
	color: #2a507e;
	font-family: Arial, tahoma, Verdana;
	font-size: 100%;
	border:1px solid #2a507e;}
.contact span.mandatory{
	margin: 0; padding: 0 0 0 2px;
	font-size: 100%;
	vertical-align: top;
	font-weight: bold;
	color: Red;}
.contact p.btn{
	margin: 8px 5px 0 0; padding: 0;
	width: 205px;float: right;
	background-color: #fff;}
.wide p.btn{
	margin: 8px 0 15px 0 !important; padding: 0;
	width: 195px;float: right;
	background-color: #fff;}
.contact p.btn input{
	margin: 0; padding: 0;
	border: none;
	width: 70px;
	text-align: right;	
	background-color: #fff;	
	display: inline !important;
	cursor: hand; 
	text-decoration: underline;}
.contact p.error{
	margin:0; padding:0;
	font-size: 100%;
	font-weight:normal; text-align:left;}
.contact p.error span{
	margin:0 0 10px;
	display:block;}
.contact p.errorDDL{
	margin:0; padding:0;
	font-size: 100%;
	color: #e7474f !important;
	font-weight:normal; 
	text-align:left;}
/* Contact Table */
table.tbContact{
	margin: 0 0 15px 0; padding: 0;	
	font-size: 90%;
	color: #2a507e;
	font-weight: normal;
	width: 410px;}
table.tbContact td{
	margin: 0; padding: 0;
	width: 50%;
	vertical-align: top;
	text-align: left;}
table.tbContact td.right{
	text-align: right;}
/* checkbox list */
table.chkBox{
	margin: 0; padding: 0;
	width:310px;
	display: block;
	color: #2a507e;
	border: none !important;}
table.chkBox td{
	margin: 0; padding: 0;}
table.chkBox td label{
	margin: 0; padding: 0;
	font-weight: normal;
	font-size: 130%;}
table.chkBox td input{
	margin: 0; padding: 0;
	border: none; 
	width:20px;}
	
/* Google Map */
iframe.areaMapIframe{
	margin: 0; padding: 0;
	border: 1px solid #f2f4f4;}
	
div#divMain div#divFtr{
	clear: both;	font-size: 70%;
	margin: 0; padding: 0;	
	text-align: center;
	width: 749px; line-height: 15px;
	background-color: #fff;}	
div#divMain div#divFtr a{
	margin: 0; padding: 0;
	text-align: center;
	color: #3c4850;
	text-decoration: underline;}	
.ppip{
	font-size: 90%;
	margin: 20px 0 0 0; padding: 0;
	text-align: center !important;
	color: #666 !important;
	border: none !important;}
.ppip a{		
	color: #666 !important;
	border: none !important;	
	text-decoration: underline;}


/* logos */
div.logos{
	margin: 0; padding: 18px 28px 12px 36px;}	
div.logos a img {border: none;}

/* footer */
div.footer{
	margin: 0; padding: 2px 1px;
	text-align: left;
	background-color: #ccc;
	color: #2a507e;
	font-size: 70%;}
div.ftr{
	margin: 0; padding: 0;
	float: left;}
div.ppip{
	margin: 0; padding: 0;
	float: right;}
div.ftr a, div.ppip a{
	margin: 0; padding: 0;
	text-decoration: none;
	font-weight: bold;
	color: #2a507e;}
div.ftr a:hover, div.ppip a:hover{
	margin: 0; padding: 0;
	text-decoration: underline;}


img.prtImg, img.prtExcipients{display: none;}