/* Styles that are required for the CDA and the CMA (to display in the FCK Editor) */

#mainLoginWrap ul, #siteNavigationWrap ul#topnav, #siteNavigationWrap ul#subnav, .contentIntroArea  ul, #footerWrap ul, ul.socialLinks, 
.additionalLinks ul, .registrationForm fieldset ol, .loginForm fieldset ol, .detailShare ul, .supplierSearch form fieldset ol, .editorsPick ul, 
.resultsList ul, .supplierDetialContact ul, .associateLinks ul, .detailLinks ul, .supplierDetailContact ul, 
.supplierDetailAssociate ul, #supplierAdminContent ul, .editPage form fieldset ol, .editPage form ul, .editPage ul#files, .msgbody ul,
.detailList ul, .mostViewed ul, .searchCriteria ul, .siteLeftSideWrap ul#tabs, .blogForm ul.infoList, .blogArchiveList ul, 
#personalisationAdminContent ul, .adminForm fieldset ol {
	list-style:none;
}

#siteNavigationWrap ul#topnav, #siteNavigationWrap ul#subnav, .detailList ul, .siteRightSideWrap ul.socialLinks, .additionalLinks ul, .mostViewed ul,
.registrationForm fieldset ol, .loginForm fieldset ol, .supplierSearch form fieldset ol, .editPage form ol, .resultsList ul, .supplierDetailContact ul,
#supplierAdminContent ul.adminListButtons, .editPage ul, #personalisationAdminContent ul.adminListButtons {
	margin:0;
	padding:0;	
}

.noBulletList {
	list-style:none;
	margin:0;
	padding:0;
}

.offScreen, .offscreen, .supplierSearch form fieldset legend span, .rssBox h2, form.registrationForm fieldset legend.noLegend span,
h2.blogCalendarHeader span {
	position:absolute;
	left:-999em !important;
}

.clearLine {
	clear:both;
}

.noBorder {
	border:none !important;
}

.noBackground {
	background-color:transparent !important;
}

#siteNavigationWrap {
	background-color:#FFB10F;	
	/*height:4.7em;*/
	padding-top:2px;
}

#siteNavigationWrap ul#topnav {
	/*height:4.5em;*/
}

#siteNavigationWrap ul#topnav li {
	display:inline;
	border-right:1px solid #E1E1E1;
	border-left:1px solid #fff;
	float:left;
	/*background-color:red;*/
	height:3em;
	font-size:1.25em;
	/*padding:0 0.5em 0 0.5em;*/
	padding:0 7.5px 0 7.5px;
	/*line-height:1px;*/
}

#siteNavigationWrap ul#topnav li a {
	line-height:3em;
	font-weight:bold;
	text-decoration: none;
}

#siteNavigationWrap ul#topnav li a:hover {
	text-decoration:underline;	
}

#siteNavigationWrap ul#subnav {
	float:left;
	clear:both;
	width:920px;
	padding:10px;
}

#siteNavigationWrap ul#subnav li {
	float:left;
	margin-right:6px;
	padding-right:6px;
	border-right:1px solid #929292;
}

/*
#siteNavigationWrap ul#subnav li a {
	color:#000;
}
*/

#siteNavigationWrap ul#subnav li.on a {
	font-weight:bold;	
}

.siteIntroBox {
	/*background-color:orange;*/
	margin:0 0 1em 0;
}

.centerAdBox {
	/*background-color:green;*/
	border:1px solid #DDD;
	margin:0 0 1em 0;
	text-align:center;
}

.contentBox, .mostViewed {
	border:1px solid #DDD;
	background-color:#fff;
	/*width:100%;*/
	padding:10px;
	margin:0 0 10px 0;
	position:relative;
}

.mostViewed {
	padding:0 10px 10px 10px;
}

.siteRightSideWrap .mostViewed.home {
	margin-top:10px;	
}

.contentBox h2, .mostViewed h2 {
	text-transform: uppercase;
	border-bottom:1px solid #F59600;
	padding:0 10px 5px 10px;
	margin:0 -10px 10px -10px;
	color:#3A3A3A;
}

.mostViewed h2 {
	text-align: center;
	padding-top:10px;
	background-color:#fff;
}

.mostViewed ul li {
	margin-bottom:5px;	
}

.mostViewed ul li a {
	font-weight:bold;	
}


.homePageListing.withHomeThumbNail {
	position: relative;
	padding-right:90px;
	min-height:90px;
}

.homePageListing.withHomeThumbNail.books {
	min-height:130px;
}

.homePageListing.withHomeThumbNail.journal {
	min-height:120px;
}

.homePageListing.withHomeThumbNail img.articleThumbnail {
	position:absolute;
	top:0;
	right:0;
	width:80px;	
	/*height:80px;	*/
	height:auto;
}

.homePageListing.withHomeThumbNail img.articleThumbnail.books {
	height:auto;
}

.homePageListing.withHomeThumbNail img.articleThumbnailWebinar {
	position:absolute;
	top:0;
	right:0;
	width:220px;	
	height:165px;	
	background-color:red;
}

.homePageListing {
	margin-bottom:10px;	
}

.homePageListing p {
	margin:3px 0 0 0;
}

.homePageListing p.listingDate {
	margin:0 0 5px 0;
	color:#848484;
}

.homePageListing.hasDesc {
	margin:0;
}

.webinarHomepageListing {

}

.webinarHomepageListing.withWideThumbnail {
	position:relative;
	padding-top:175px;
}

.webinarHomepageListing.withWideThumbnail img.articleThumbnailWebinar {
	position:absolute;
	top:0;
	left:0;	
}

.contentBox p.description {
	clear:both;
	margin-bottom:20px;	
}

.contentIntroArea {
	position:relative;
	min-height:170px;
	padding:0 180px 0 150px;
}

.contentIntroArea h1, .contentIntroArea  ul {
	
}

.contentIntroArea img {
	position:absolute;
	top:0;
	left:0;
}

.contentArea {
	clear:both;
}

.footerCopyright {
	float:left;
	margin-left:-10px;
	height:5em;
	padding-left:10px;
}

.footerSiteList {
	float:right;
	margin-right:-10px;
	height:5em;
	padding-right:10px;
	width:334px;
}

#footerWrap .footerCopyright p {
	width:450px;
	padding:0 0 0 150px;
	margin:0;
}

#footerWrap .footerCopyright p.boldText {
	font-weight:bold;
	color:#3A3A3A;
}

#footerWrap .footerSiteList ul {
	width:242px;
	text-align:right;
	font-size:1.1em;
	float:right;	
}

#footerWrap .footerSiteList ul li {
	display:inline;
	border-right:1px solid #000;
	padding:0 5px 0 0;
}

#footerWrap .footerSiteList ul li a {
	color:#000;
	font-weight:bold;	
}

#footerWrap .footerSiteList ul li a:hover {
	text-decoration: none;	
}

/* START: FCKEditor Styles */
.mainTextArea h2,
.mainTextArea h3 {
	margin: 1.0em 0 0.5em;
}

.floatLeft { float: left; }
.floatRight { float: right; }
.floatClear { clear: both; }

.alignCenter {
	text-align: center;
}

.imgRight { margin: 0 0 10px 10px; }
.imgLeft { margin: 0 10px 10px 0; }

.bar {
	border: 1px solid #FED475;
	border-top-width: 20px;
	background: #FFF8EA;
	padding: 10px;
	margin-bottom: 10px;
}

.bar h2,
.bar h3 {
	margin-top: 0;
}

.bar.half {
	width: 50%;
}

.bar.floatRight {
	margin-left: 10px;
}

.bar.withTitle {
	border-top-width: 1px;
	padding: 0;
}

.bar.withTitle h2 {
	padding: 5px 10px;
	margin-bottom: 10px;
}

.bar.withTitle ol,
.bar.withTitle ul {
	margin-bottom: 10px;
}

.bar ol ol,
.bar ul ul {
	font-size: 1.0em;
	margin-bottom: 0 !important;
}

.sampleprep .bar, .atomic .bar { background: #ECF7FB; border-color: #00759B; }
.electrophoresis .bar, .ir .bar { background: #FBEFEC; border-color: #D6492A; }
.gc .bar, .mri .bar { background: #EAF8F2; border-color: #00693E; }
.hplc .bar, .ms .bar { background: #F9F2E9; border-color: #855B27; }
.ic .bar, .nmr .bar { background: #F4F4F4; border-color: #3E4545; }
.proteomic .bar, .raman .bar { background: #FFF4EA; border-color: #E47325; }
.detectors .bar, .uv .bar { background: #FFF2F8; border-color: #984874; }
.informatics .bar, .xray .bar { background: #F7FCEB; border-color: #719500; }
.chemo .bar { background: #E5F4FF; border-color: #003E74; }
.proteomics .bar { background: #FFFBE8; border-color: #B49400; }

.imageContainer img { margin-bottom: 10px; }
.imageContainer.floatRight, blockquote.floatRight { margin: 0 0 10px 10px; }
.imageContainer.floatLeft, blockquote.floatLeft { margin: 0 10px 10px 0; }

blockquote { font-style: italic; }
blockquote.floatRight, blockquote.floatLeft { width: 50%; font-style: normal; }
blockquote p { font-size: 1.8em; line-height: 1.2em; font-weight: bold; }

.sampleprep .imageCaption, .atomic .imageCaption, .sampleprep blockquote p, .atomic blockquote p { color: #00759B; }
.electrophoresis .imageCaption, .ir .imageCaption, .electrophoresis blockquote p, .ir blockquote p { color: #D6492A; }
.gc .imageCaption, .mri .imageCaption, .gc blockquote p, .mri blockquote p { color: #00693E; }
.hplc .imageCaption, .ms .imageCaption, .hplc blockquote p, .ms blockquote p { color: #855B27; }
.ic .imageCaption, .nmr .imageCaption, .ic blockquote p, .nmr blockquote p { color: #3E4545; }
.proteomic .imageCaption, .raman .imageCaption, .proteomic blockquote p, .raman blockquote p { color: #E47325; }
.detectors .imageCaption, .uv .imageCaption, .detectors blockquote p, .uv blockquote p { color: #984874; }
.informatics .imageCaption, .xray .imageCaption, .informatics blockquote p, .xray blockquote p { color: #719500; }
.chemo .imageCaption, .chemo blockquote p { color: #003E74; }
.proteomics .imageCaption, .proteomics blockquote p { color: #B49400; }

.sampleprep .bar.withTitle h2, .atomic .bar.withTitle h2 { color: #ECF7FB; background: #00759B; }
.electrophoresis .bar.withTitle h2, .ir .bar.withTitle h2 { color: #FBEFEC; background: #D6492A; }
.gc .bar.withTitle h2, .mri .bar.withTitle h2 { color: #EAF8F2; background: #00693E; }
.hplc .bar.withTitle h2, .ms .bar.withTitle h2 { color: #F9F2E9; background: #855B27; }
.ic .bar.withTitle h2, .nmr .bar.withTitle h2 { color: #F4F4F4; background: #3E4545; }
.proteomic .bar.withTitle h2, .raman .bar.withTitle h2 { color: #FFF4EA; background: #E47325; }
.detectors .bar.withTitle h2, .uv .bar.withTitle h2 { color: #FFF2F8; background: #984874; }
.informatics .bar.withTitle h2, .xray .bar.withTitle h2 { color: #F7FCEB; background: #719500; }
.chemo .bar.withTitle h2 { color: #E5F4FF; background: #003E74; }
.proteomics .bar.withTitle h2 { color: #FFFBE8; background: #B49400; }

h2.presenterHeading {
	font-size:2em;
}

.presenterWrapper {
	border:2px solid #ececec;
	width:100%;
	margin-left:15px;
	

}
.presenter {
	text-align:center;
	border:2px solid #a9a9a9;
	float:left;
	width:30%;
	margin: auto;	
}
.presenter img {
	width:auto;
	height:130px;
}
.presenterName {
	font-size: 1.2em;
}
.presenterTitle {
	font-style: italic;
}

.break {
	border: 1px dotted #A9A9A9;
	margin: 10px 2px 15px;
	padding: 1px 0;
	color: #A9A9A9;
	font-style: italic;
	background-color: #FCFCFC;
	text-align: center;
}

.clear:before,
.clear:after {
	content: "";
	display: table;
}

.clear:after {
	clear: both;
}

.clear {
	zoom: 1;
}

.sideBannerAds {
	text-align: center;
}

.sideBannerAds img {
	margin-bottom:10px;
}

.homePageEditableBlock {
	margin-bottom:15px;
}

.homePageEditableBlock.withImage {
	position:relative;
	padding-left:110px;	
	min-height:125px;
	margin-bottom:15px;
}

.homePageEditableBlock.withImage img {
	width:100px;	
	position:absolute;
	top:5px;
	left:0;
}

.homePageEditableBlock h2 {
	font-size:2em;	
	margin-bottom:5px;
}

.homePageEditableBlock h3 {
	font-size:1.4em;
	margin-bottom:5px;
}

.homePageEditableBlock .noImage {
	border:1px solid green;
}


/* END: FCKEditor Styles */

#debug {dislpay:block;border:2px solid goldenrod;background-color:lightyellow;margin-bottom:5px;}
#debug li {border-bottom:1px dashed #ececec;}
#debug li span {display:inline-block;width:300px;}
a.bioglink {cursor: pointer;}