/*
Theme Name:Clinova
Theme URI: http://www.buckdesign.co.uk
Description: The site framework for Clinova.
Version: 1
Author: Designed by: Buckdesign Ltd. Coded by: code-pal
Author URI: http://www.code-pal.com
Tags: Clinova
*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import url('layout.css');

h1,h2,h3,h4,h5,h6 {
	color: #2c6fb7;
	font-weight: bold;
}
body {
	font-family: arial, Helvetica, sans-serif;
	background-color: #d2d3d4;
}
body p, select, #searchform #s, table, body ul {
	line-height: 16px;
	font-size: 12px;
	position: relative;
	color: #747373;
}
.post ul{
	margin-left: 20px;
	margin-bottom: 20px;
}
.post ul li{ 
	list-style: disc;
	margin-bottom: 5px;
}
.post th{
	
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {margin: 0em 1em 1em 0em;	float: left;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
body a, body label {
	color: #3268a9;
	text-decoration: none;
}
body a:hover {
	color: #000;
}
a:focus{
	outline: none;
}

.clear {
	clear: both;
}
.left {
	float: left;
	position: relative;
	display: inline;
}
h5{
	font-size: 12px;
	font-weight: bold;
	color: #787878;
	margin-bottom: 10px;
}
#page-wrap {
	background-image: url('images/body-bg.jpg');
	background-repeat: repeat-x;
	position: relative;
	width: 818px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	margin-top: 24px;
}
#header {
	position: relative;
	margin-bottom: 23px;
}
#header h1{
	padding-top: 54px;
}
#header h1 a {
	background-image: url('images/logo.jpg');
	position: relative;
	width: 170px;
	height: 57px;
	display: block;
	text-indent: -9999px;
	margin-left: 27px;
	margin-bottom: 44px;
}
#searchform{
	width: 130px;
	height: 22px;
	position: relative;
	float: right;
	margin-top: 17px;
	margin-right: 28px;
	display: inline;
}
#searchform #searchsubmit{
	background-position: bottom;
	width: 16px;
	height: 16px;
	display: inline;
	background-image: url('images/search.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 3px;
	float: left;
	border: 0px solid #FFFFFF;
}
#searchform #searchsubmit:hover{
	background-position: top;
	cursor: pointer;
}
#searchform #s{
	border: 1px solid #abacae;
	width: 96px;
	height: 19px;
	float: right;
	background-color: #f1f1f2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;	
}
#language {
	width: 313px;
	height: 102px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 159px;
}
#language h4 {
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d5d6d8;
	padding-bottom: 9px;
}
#nav-bar {
	background-image: url('images/nav-bar.png');
	background-repeat: repeat-x;
	position: relative;
	width: 804px;
	height: 47px;
	margin-right: auto;
	margin-left: auto;
}
#nav-bar li {
	float: left;
	margin-top: 15px;
	position: relative;
	text-align: center;
}
#nav-bar li ul{
	visibility: hidden;
}
#nav-bar li a {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	display: block;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #fff;
	width: 88px;
}
#nav-bar li a:hover{
	text-decoration: underline;
}
#nav-bar li a.home {
	width: 82px;
	background-repeat: no-repeat;
	background-position: left center;
}
#nav-bar li a.contact-button {
	border-right-style: none;
	width: 74px;
}
#welcome {
	position: relative;
	margin-left: 21px;
	margin-bottom: 34px;
	padding-top: 17px;
}
#intro {
	position: relative;
	width: 230px;
	float: right;
	margin-right: 50px;
	margin-top: 12px;
	display: inline;
}
#intro h2 {
	font-size: 16px;
	margin-bottom: 17px;
}
#intro p{
	font-size: 14px;	
}
a.read-more {
	background-image: url('images/bullet.png');
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 10px;
	font-size: 10px;
	font-weight: bold;
	margin-top: 23px;
	position: relative;
	display: block;
}
#home-content h1{
	font-size: 24px;	
}
#home-content h3 {
	font-size: 25px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c9c8c8;
	padding-bottom: 2px;
	margin-bottom: 12px;
	font-weight: normal;
}
#news-box {
	position: relative;
	width: 211px;
	float: left;
	margin-left: 30px;
}
#product-box {
	position: relative;
	float: left;
	width: 198px;
	margin-left: 74px;
}
#contact-us-box {
	position: relative;
	width: 198px;
	float: left;
	margin-left: 67px;
}
ul.feed-list li a {
	font-weight: bold;
	font-size: 12px;
}
.list-bottom-border li{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #D3D1D0;
}
#product-box li{
	padding-bottom: 14px;
	margin-bottom: 14px;
}
ul.feed-list li{
	margin-bottom: 2px;
	padding-bottom: 8px;
	background-image: url('images/bullet.jpg');
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
}
#home-content p {
	font-size: 11px;
}
#language{
	margin-bottom: 203px;
	position: relative;	
}
#load-lang{
	padding-top: 43px;
}
#country{
	margin-right: 31px;
}
#home-lang{
	margin-left: 30px;
}
.select-menus {
	float: left;
	position: relative;
	width: 141px;
}
.select-menus label{
	font-size: 12px;
	display: block;
	margin-bottom: 9px;
}
.select-menus select{
	width: 127px;
	font-size: 11px;
	color: #b9babb;	
}
#footer {
	color: #f9f9f9;
	background-image: url('images/footer.jpg');
	background-repeat: repeat-x;
	margin-top: 23px;
	padding-top: 34px;
	height: 38px;
}
#footer p {
	width: 525px;
	color: #bbbcbc;
	text-align: right;
	position: relative;
	float: right;
	margin-right: 28px;
	margin-bottom: 32px;
	font-size: 11px;
}
#footer p a {
	color: #bbbcbc;
}
#footer p a:hover{
	color: #000;
	text-decoration: underline;
}
.page-col-left{
	position: relative;
	width: 185px;
	padding-right: 45px;
	float: left;
	margin-left: 30px;
	display: inline;
}
.page-col-right{
	position: relative;
	width: 530px;
	float: right;
	padding-top: 20px;
	margin-right: 18px;
}
.page-col-right p{
	margin-bottom: 17px;
}

/*--------------------------- RESEARCH MENU STYLE STARTS HERE ---------------------------------------*/
#home-content .page-col-left h3, #home-content .page-col-right h3 {
	font-size: 15px;
	padding-bottom: 4px;
	margin-bottom: 20px;
}
ul.list-bottom-border{
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #D3D1D0;
}
#research-menu{
	margin-bottom: 37px;
}
#research-menu li, #products-list-menu li ul li {
	background-image:url(images/bullet-normal.png);
	background-position:left 10px;
	background-repeat:no-repeat;
	padding-left:14px;
	padding-top:4px;
	padding-bottom:4px;
	position: relative;
}
#research-menu li.current_page_parent {
	background-image:url(images/bullet-hover.png);
}
#research-menu li a, #products-list-menu li ul li a {
	color: #787878;
	font-size: 12px;
	width: 100%;
	display: block;
	height: 14px;
	padding-top: 2px;
}
#research-menu li a:hover, #research-menu li.current_page_item a, #research-menu li.current_page_parent a, #research-menu li ul.child-menu li a:hover, #research-menu li ul.child-menu li.current_page_item a{
	background-color: #e9eff6;
	text-decoration: none;
}
#products-list-menu li.current_page_parent a, #products-list-menu li ul.child-menu li.current_page_item a, #products-list-menu li ul.child-menu li a:hover{
	background-color: #e9eff6;
	text-decoration: none;
}
#research-menu li ul.child-menu li a, #products-list-menu li ul.child-menu li a{
	background-color: #fff;
}
#research-menu li ul{
	padding-top: 7px;
	position: relative;
}
/*----------------- MENU DROPDOWN ON HOVER--------------------*/
#research-menu ul ,#research-menu li:hover ul ul
{display: none;}
#research-menu li:hover ul,#research-menu ul li:hover ul, #research-menu li.current_page_item ul, #research-menu li.current_page_parent ul
{display: block;}
#products-list-menu ul, #products-list-menu li:hover ul ul
{display: none;}
#products-list-menu li.current_page_item ul, #products-list-menu li.current_page_parent ul
{display: block;}
#products-list-menu ul{
	margin-bottom: 10px;
}
#research-menu li.current_page_item ul #research-menu li.current_page_item {
	background-image:url(images/bullet-hover.png);
}
#research-menu li ul li{
	border-style: none;
	background-position: left center;
	background-image: url('images/sub-menu-bullet.png');
	background-repeat: no-repeat;
	height: 9px;
	padding-top: 0px;
	margin-bottom: 9px;
}
#research-menu li ul li a{
	font-size: 10px;
	padding-top: 0px;
}
#pipeline-data, #about-us-data, .col-data {
	width: 467px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #c9c8c8;
	padding-top: 15px;
	margin-bottom: 23px;
}
.line {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c9c8c8;
	width: 467px;
	padding-top: 3px;
	margin-bottom: 18px;
}
.shadow-edge{
	width: 534px;
	height: 11px;
	margin-left: -5px;
}
#pipeline-bg-top{
	background-image: url('images/pipeline-bg-top.png');	
}
#pipeline-graph{
	background-image:url(images/pipeline-bg.png);
	background-repeat:repeat-y;
	margin-left:-5px;
	padding:15px 15px 30px;
	width:503px;
}
#pipeline-bg-bottom{
	background-image: url('images/pipeline-bg-bottom.png');
}
/* PIPELINE TABLE STYLE STARTS HERE */
.pipeline, .post table{
	font-size: 9px;
	margin-bottom: 20px;
}
.pipeline th,.post th{
	background-color: #797979;
	height: 19px;
	color: #ffffff;
	padding-left: 4px;
}
th.code-name{
	width: 62px;
}
th.brand-name{
	width: 85px;
}
th.indication{
	width: 110px;
}
th.pre-cli{
	width: 54px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #fff;
}
th.stages{
	width: 48px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #fff;
}
.pipeline td{
	text-align: left;
	height: 32px;
}
.post td{	
	text-align: left;	
	padding:4px 4px 4px 10px;
	border: 1px #787878 solid;
	
}
.pipeline td.info, .post td{
	padding: 1px 2px 1px 4px;
}
.pipeline td.graph{
	border-left:1px solid #fff;
	text-indent: -9999px;
}
.pipeline td div{
	height: 23px;
}
.pipeline td.graph .full{
	background-color: #b4c8df;
}
.pipeline tr:hover .full{
	background-color: #478ee0;
}
.pipeline td.graph .semi{
	background-color: #e0e8f2;
}
.pipeline tr:hover .semi{
	background-color: #b2cdf0;
}
.pipeline td.graph .null{
	background-color:#FFFFFF;
}
#research-data{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #c9c8c8;
	padding-top: 15px;
	margin-bottom: 23px;	
}

/*------------------ PRODUCTS PAGE DESIGN STARTS HERE --------------------------*/
#home-content.products-page h3{
	margin-bottom: 2px;
}
#products-list-menu{
	border: none;
}
#products-list-menu li{
	padding-top: 12px;
	padding-bottom: 8px;	
}
#products-list-menu li a{
	background-image: none;
	display: block;
	height: 27px;
	color: #787878;
	font-size: 12px;
	width: 100%;
}
#products-list-menu li a:hover, #products-list-menu li.current_page_item a{
	background-color: #e9eff6;
	text-decoration: none;
}
#product-preview-box{
	border-top:1px solid #C9C8C8;
	border-bottom:1px solid #C9C8C8;
	margin-bottom:23px;
	padding-top:23px;
	padding-bottom: 25px;
	width:533px;
}
.about-product-box{
	width: 454px;
}
#home-content .page-col-right h3{
	border: none;
}
#product-info-box{
	float: left;
}
#product-info-box h2{
	text-indent: -9999px;
	margin-bottom: 25px;
}
#image-preview{
	text-align: center;
	float: left;
}

.col-data #product-preview-box{
	border-bottom: 1px solid #C9C8C8;
	border-top: none;
	padding-top: 0px;
	width: 467px;
}
/* Products Landing Page Styles */
#landing-page img {
	float: right;		
}
#landing-page .small-para{
	float:left;
	width:237px;
}
#landing-page #product-info-box p{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
#landing-page #product-preview-box{
	padding-bottom: 0px;
}
/* Stemaderm Style Starts Here*/
#Stemaderm #image-preview{
	width: 306px;
	padding-top: 32px;
}
#Stemaderm #product-info-box{
	width: 226px;
}
#Stemaderm #product-info-box p{
	color: #3e4922;
}
#Stemaderm #product-info-box h2{
	background-image: url('images/stemaderm-heading.png');
	width: 220px;
	height: 84px;
}
/* Covaflu Style Starts Here*/
#Covaflu #image-preview{
	width: 335px;
	padding-top: 20px;
}
#Covaflu #product-info-box{
	width: 180px;
}
#Covaflu #product-info-box p{
	margin-bottom: 14px;
	color: #828484;
}
#Covaflu #product-info-box h2{
	background-image: url('images/covaflu-heading.png');
	width: 179px;
	height: 42px;
}
/* Quash Style Starts Here*/
#Quash #image-preview{
	width: 257px;
}
#Quash #product-info-box{
	width: 244px;
}
#Quash #product-info-box p{
	font-size: 16px;
	color: #828484;
}
#Quash #product-info-box h2{
	background-image: url('images/quash-heading.png');
	width: 244px;
	height: 119px;
}
/*------------------------ABOUT US STYLE STARTS HERE --------------------------------*/
#about-image{
	margin-bottom: 22px;
}
/*------------------------CONNECT PAGE STYLE STARTS HERE ----------------------------*/
ul.connect-links{
	padding-top: 15px;
	padding-bottom: 100px;
}
ul.connect-links li{
	list-style-type: none;
	height: 36px;
	width: 111px;	
	position: relative;
	float: left;	
}
.rss-link{
	margin-right: 5px;
	display: block;
	float: left;	
}
.col-data h2{
	margin-bottom: 2px;
}
.older-ent{
	float: left;
	width: 100px;
}
.newer-ent{
	float: right;
	width: 100px;
}
.page-col-right p.news-date{
        margin-bottom: 5px;
}