/*
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,#home-content.product-landing-page 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: #DFE4F1;
	text-decoration: none;
}
#research-menu li ul.child-menu li a, #products-list-menu li ul.child-menu li a{
	background-color: #fff;
}
ul.child-menu > li:last-child{
	border: none;
}
#research-menu li ul{
	padding-top: 7px;
	position: relative;
}
#products-list-menu li a:hover span.hover-cover, #products-list-menu li.current_page_parent a span.hover-cover,#products-list-menu li.current_page_item a span.hover-cover{
	position:absolute;
	z-index: 1000;
	background-color: #C2CAE0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.5; /* other browsers */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* this works in IE6, IE7, and IE8 */
}
ul.product-controls{
	display: block;
    height: 20px;
    margin-left: 711px;
    margin-top: -11px;
    position: absolute;
    width: 85px;
    z-index: 10000;
}
ul.product-controls li{
	float: left;
	margin-right: 2px;
}
ul.product-controls li a{
	display: block;
	background-image: url('images/prod-navigation-sprite.png');
	width: 26px;
	height: 20px;
	text-indent: -9999px;
	-moz-transition: all 0.3s ease-in-out;		/* CSS3 TRANSITION EFFECT */
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0.7; /* other browsers */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* this works in IE6, IE7, and IE8 */
}
ul.product-controls li a:hover{
	opacity: 1; /* other browsers */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* this works in IE6, IE7, and IE8 */
}
ul.product-controls li.next a{
	background-position: right center; 
}
ul.product-controls li.grid a{
	background-position: center center;
}
ul.product-controls li.prev a{
	background-position: left center;
}
div.about-product-box{
	border-top: 1px solid #C9C8C8;
	padding-top: 12px;
}
/*----------------- 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: 5px;
}
#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{
	border-left: 1px solid #FFFFFF;
    line-height: 12px;
    text-align: center;
    width: 48px;
    padding: 4px 0;
}
.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 --------------------------*/
.product-box-list{
	width: 757px;
	margin: 0 auto;
	position: relative;
}
.product-box-list .product-box{
	float: left;	
	margin: 5px;
}
.product-intro{
	margin: 0 30px;
}
.product-intro h3{
	font-size: 15px;
}
.product-intro p{
	font-size: 14px !important;
	font-weight: bold;
	border-bottom: 1px solid #C9C8C8;
	padding-bottom: 15px;
	margin-bottom: 20px;
	line-height: 18px;
}
.product-box a{
	width: 242px;
	height: 156px;
	display: block;
	background-position: center bottom;
	text-indent: -99999px;
	-webkit-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
	-moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
	box-shadow: rgba(0,0,0,0.8) 0 0 10px;
	text-shadow: rgba(0,0,0,0.8) 0 0 10px;
}
.product-box a span{
	width: 242px;
	height: 156px;
	display: block;
	background-position: center top;	
	-moz-transition: all 0.5s ease-in-out;		
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.product-box a:hover span{
	opacity: 0; /* other browsers */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* this works in IE6, IE7, and IE8 */
}
.product-box-list .Stemaderm a, .product-box-list .Stemaderm a span{
	background-image: url('images/grid-product-landing/stemaderm-landing.jpg');	
}
.product-box-list .Covaflu a, .product-box-list .Covaflu a span{
 background-image: url('images/grid-product-landing/covaflu-landing.jpg');	
}
.product-box-list .Quash a, .product-box-list .Quash a span{
	background-image: url('images/grid-product-landing/quash-landing.jpg');
}
.product-box-list .ORS a, .product-box-list .ORS a span {
	background-image: url('images/grid-product-landing/ors-landing.jpg');
}
.product-box-list .Coldner a, .product-box-list .Coldner a span{
	background-image: url('images/grid-product-landing/coldner-landing.jpg');
}
.product-box-list .Repelsect a, .product-box-list .Repelsect a span{
	background-image: url('images/grid-product-landing/repelsect-landing.jpg');
}
/*.product-box img{
	-webkit-box-shadow: rgba(0,0,0,0.8) 0 0 5px;
	-moz-box-shadow: rgba(0,0,0,0.8) 0 0 5px;
	box-shadow: rgba(0,0,0,0.8) 0 0 5px;
	text-shadow: rgba(0,0,0,0.8) 0 0 5px;
	-moz-transition: all 0.5s ease-in-out;		
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.product-box img:hover{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}*/
#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%;
	position: relative;
}
#products-list-menu li a:hover, #products-list-menu li.current_page_item a{
	background-color: #dfe4f1;
	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: 0;
	padding-top: 0;
	display: none;
}
#Stemaderm #product-info-box{
	width: 100%;
}
#Stemaderm #product-info-box p{
	color: #3e4922;
}
#Stemaderm h2{
	background-image: url('images/product-landing/stemaderm-landing.jpg');
	width: 511px;
	height: 260px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#Stemaderm.child h2{
	background-image: url('images/child-header/stemaderm-header.jpg');
	width: 528px;
	height: 91px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
/* Covaflu Style Starts Here*/
#Covaflu #image-preview{
	width: 0;
	padding-top: 0;
	display: none;
}
#Covaflu #product-info-box{
	width: 100%;
}
#Covaflu #product-info-box p{
	margin-bottom: 14px;
	color: #828484;
}
#Covaflu h2{
	background-image: url('images/product-landing/covaflu-landing.jpg');
	width: 511px;
	height: 241px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
#Covaflu.child h2{
	background-image: url('images/child-header/covaflu-header.jpg');
	width: 528px;
	height: 91px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
/* Repelsect Style Starts Here*/
#Repelsect #image-preview{
	width: 260px;
	padding-top: 20px;
}
#Repelsect #product-info-box{  	
    	width: 273px;
}
#Repelsect #product-info-box p{
	margin-bottom: 14px;
	color: #828484;
}
#Repelsect h2{
	background-image: url('images/product-landing/repelsect-landing.jpg');
	width: 511px;
	height: 241px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
#Repelsect.child h2{
	background-image: url('images/child-header/repelsect-header.jpg');
	width: 528px;
	height: 91px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
.menu-Repelsect img{
	margin-top: -7px;
}
/* Coldner Styles Starts Here */
#Coldner h2{
	background-image: url('images/product-landing/coldner-landing.jpg');
	width: 511px;
	height: 241px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
#Coldner.child h2{
	background-image: url('images/child-header/coldner-header.jpg');
	width: 513px;
	height: 93px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
.menu-Coldner img{
	margin-top: -5px;
}
/* ORS Style Starts Here*/
#ORS h2{
	background-image: url('images/product-landing/ors-landing.jpg');
	width: 511px;
	height: 241px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
#ORS #image-preview{
	background-image: url("images/ors-tube.jpg");
    display: block;
    height: 275px;
    margin: 120px 0 0 70px;
    position: relative;
    width: 67px;;
}
#ORS #product-info-box{  	
    	width: 273px;
}
#ORS #product-info-box p{
	margin-bottom: 14px;
	color: #828484;
}
#ORS #product-preview-box{
	padding-top: 14px;
}
#ORS.child h2{
	background-image: url('images/child-header/ors-header.jpg');
	width: 511px;
	height: 91px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

/* 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 h2{
	background-image: url('images/product-landing/quash-landing.jpg');
	width: 511px;
	height: 241px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
#Quash.child h2{
	background-image: url('images/child-header/quash-header.jpg');
	width: 527px;
	height: 90px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
.menu-Quash img{
	margin-top: -6px;
}
/*TOTOBOBO Style Starts Here*/
#Totobobo #image-preview{
}
#Totobobo #product-info-box{
	font-family: "Century Gothic", Arial;
}
#Totobobo #product-info-box p{
	color: #737477;
	font-size: 14px;
	width: 488px;
	margin-left: 12px;
	font-weight: 500;
}
#Totobobo #product-info-box h4{
	background-image: url('images/totobobo-header-text.png');
	text-indent: -99999px;
	color: #231f20;
	width: 450px;
	height: 21px;	
	margin-bottom: 20px;
	padding: 0;
	margin-left: 12px;
	font-size: 18px;
	font-weight: bolder;
}
#Totobobo #product-info-box h2{
	background-image: url('images/totobobo-header.jpg');
	width: 532px;
	height: 134px;
}

.prod-details-container{
	padding-right: 50px;
}
/*------------------------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;
}