﻿/* A few fixes */
/* Remove firefox click border horror */
a:focus { outline: 0px; }

/* Remove anchor>img blue outline */
a img { border: 0; }

/* Remove menu item padding */
#menu a { float: left; }

/* Body position fix */
body {
    margin: 0; padding: 0; 
    width: 100%; height: 100%;
}

/* Reset anchor decoration */
a {
    text-decoration: none;
    color: Black;
}

/*div 
{
	border: thin solid rgb(0,0,0);
}*/

/* Main CSS */
body { background-color: #BF0000; font-family: Arial; }

/* Shunt menu down below G:L/P:C and right */
#menu 
{
	margin: 20px 0px 0px 18px;
	padding:0px
}

#content {
    width: 952px; /*height: 782px; */
    margin: auto; /* Auto-center */
    background-color: White;
}

/* G:L/P:C box */
.GLPC {
    float: right; 
    font-size: 8pt; font-weight: bold; 
    /*margin-right: 20px;*/
}

#GLPC a:hover { color: #BF0000; }

/* G:L/P:C seperator */
.GLPCsep {
    color: Gray;
    margin: 0px 4px 0px 4px;
}

/* Search box */
#search {
    background-image: url(../images/menu/menu_search_BG.gif); 
    background-position: left top;    
    float: left;
    height: 30px; width: 146px;
    margin-top: 3px;
}

.alignLeft{text-align: left;}


/* #search {
    background-image: url(../images/menu/menu_search_BG.gif); 
    background-position: left top;    
    float: left;
    height: 29px; width: 146px;
    margin-top: 3px;
}*/

/* Swatches */
#swatches {
    margin: 10px 0px 25px 18px; 
    float: left; clear: left;
}

.swatch .top {
    background-image: url(../images/swatches/swatch_top.gif);
    background-repeat: no-repeat;
    width: 162px;
    font-size: 6pt;
}

.swatch .middle {
    background-image: url(../images/swatches/swatch_middle.gif);
    background-repeat: repeat-y;
    padding: 0px 10px 0px 10px;
    width: 142px;
}

.news
{
	font-size:xx-small;
	color:#BF0000;
}

.ReadMore 
{
	text-align:right;
	display:block;
}

.title { font-weight: bold; }
.highlight { color: #BF0000; }

.swatch .middle .swatchItem {
    padding: 3px;
    font-size: 8pt;
    margin-top: 4px;
}

.swatch .middle .newsItem { background-color: #faa; }


.swatch .bottom {
    background-image: url(../images/swatches/swatch_bottom.gif);
    background-repeat: no-repeat;
    width: 162px;
}

#breadcrumbs
{
	margin: 10px 0px 5px 18px;
	clear: left;
	font-size: 9pt; font-weight: bold; 
}

#bsubmenu
{
	color:#BF0000;
}

#pipelineSwatch
{
	margin: 10px 0px 5px 19px;
	float: left;
	clear: left;
}

.pipeline 
{
	cursor:pointer;	
}

.pipeline .top {
    background-image: url(../images/swatches/menu_top.gif);
    background-repeat: no-repeat;
    width: 162px;
    font-size: 4pt;
}

.pipeline .middle {
    background-image: url(../images/swatches/swatch_middle.gif);
    background-repeat: repeat-y;
    padding: 0px 10px 0px 10px;
    width: 142px;
    font-size: 9pt; font-weight: bold; 
}

.pipeline .bottom {
    background-image: url(../images/swatches/menu_bottom.gif);
    background-repeat: no-repeat;
    width: 162px;
    font-size:6pt;
}

#FluvVideo { margin-top: 25px; }

#mainPage 
{
	margin-left: 190px; 
	font-size:small; 
	height: 400px; 
	margin-right:25px; 
}

/* hack to get around the minimum height issue */
html>body #mainPage
{
	width: auto;
	height: auto;
	min-height: 400px;
}

/**#mainPage 
{
	float:left;
	width:560px;
	font-size:small;
	height: 450px;
}
#mainPage { margin-left: 190px; font-size:small; height: 450px; margin-right:200px; 
	border:1px solid #006699;
}
**/

#mainPage img { margin: 15px 10px 5px 10px; }
#gview img { margin: 0px 0px 0px 0px; }
#mediaBanner img { margin: 0px 0px 0px 0px; }

/*#mainPage p { margin: 15px 40px 0px 15px; }*/

#mainPage .mainTitle { font-weight: bold; font-size: 18pt; clear: left;}

/* Footer parts */
.footer {
	background-image: url(../images/home_BG.jpg);
    background-repeat: no-repeat; background-position: 0px 0px; 
    position:absolute; bottom: -120px; 
    width: 100%; height: 120px;
}

.subfooter {
    padding-top: 3px; 
    background-image: url(../images/footers/home_BG_footer.jpg); 
	left: 0px; bottom: -138px;
    width: 100%; height: 17px; 
    position: absolute; 
}

#footerLeftText {float:left;font-size: 7pt; margin: 0px 0px 0px 20px; }
#footerRightText {float:right;  }

#display
{
	background-color: #FFFFFF; 
	padding:40px 40px 40px 40px;
	margin-right:20px;
	font-size:small;
	margin:10px;
	margin-left: 0; padding: 0; 
    width: 100%; height: 100%;
}

#container 
{
   height: 100%;
   width: 100%;
   padding-left:10px;
   padding-right:10px;
   overflow: auto;
   -moz-box-sizing: border-box;
}	

#breakline 
{
	height: 30px;
}

#rightcol 
{
	width:150px;
			
}

/** #relatedLinks { margin-left: 700px; font-size:small; height: 450px; margin-right:10px; } **/
#relatedLinks1 
{
	width:160px;
	height:250px;
	float:right;
}

#mainContent 
{
	width:550px;
	float:left;
}

.clear 
{
	clear:both;
}

.mainSearch 
{
	/**margin: 5px 5px 0px 6px;**/
	margin: 5px 5px 0px 5px;
	text-align:left;
}



.searchresults 
{
	font-weight:bold;
	text-decoration:underline;
	color: rgb(191, 0, 0);
}

.bottomDot
{
	border-bottom-style:dotted;
	border-width:1px;
	border-color:#E2E2E2;
}

.gvMedia 
{
	margin-left:0px;
	width:560px;
}


.pepBullet 
{
	color: rgb(191, 0, 0);
}

.pepRed
{
	font-weight:bold;
	color: rgb(191, 0, 0);
}

.technologyBullet 
{
	list-style-position:outside;
	padding-left:190px;
	vertical-align:top;
}

ol.technologyBullet li { color:#BF0000;font-weight:bold; line-height:20px;}
ol.technologyBullet li span { color:black; }

.peptcellLogo 
{
	margin: 10px 0px -5px 24px;
	padding:0px;
}

.mediaImg 
{
	padding:0px;
	margin: 0px 0px 0px 0px;
}

.glossary 
{
	text-decoration: none;
	color:#BF0000;
}

.glossHeader
{
	font-weight:bold;
}

