﻿/********************************************************
	Welcome to the Plavix CSS
	Document Created By: Brett La Valley
	Date Created: 12/23/2006
	Last Updated: 03/23/2007
*********************************************************/

/*=====================
	GLOBAL STYLES
=======================*/

* {	margin:0;padding:0;}
img{border:0;padding:0;margin:0;}
body{
	margin-bottom:20px;
	font-family: Verdana;
	font-size: 11px;
	color: #42677C;
	font: 11px/150% Arial, Helvetica, sans-serif;
    background-image:url(/images/logo/logo_main.jpg);
    background-repeat: no-repeat;
}
#page{margin: 0;padding: 0px; width: 980px;}
a{color:#B21F19;}
a:active, a:focus, a:hover {}
a.active{text-decoration: none; cursor: text;}
#fontChange
{
	float: right;
	text-decoration: none;
	vertical-align: middle;
}
/*.normal_text
{
	font: 11px/140% Arial, Helvetica, sans-serif;
	color: #666;
}
#container{	width:779px;margin: 0 auto;}

p{margin: 0 0 1em 0; }
#content p{margin: 0 0 1em 0; width:500px;}
a{color:#CC6600;}
a:active, a:focus, a:hover {border: 0px;}
h4 { font-size: 12px;}
.ref{ display: none; }
.error_msg{ color: #CC1F21; }
.clean_list li{ background: none !important; }
.floatRight{float:right;}
.clearRight{clear:right;}
*/
.clear{clear:both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.nobullet 
{
    list-style:none;
}
p{margin: 0 0 1em 0; }
ul
{
    margin-bottom:1em; 
    padding-left: 18px;
}
ul.cleanList
{
    margin: 0; padding: 0;
    list-style: none;
    background:#fff url(/images/image.gif) no-repeat 5px 10px;
    
}
ol{margin-left: 17px;margin-bottom:1em; }
h1
{
    font-family: Verdana;
    font-size: 14px;
    line-height: 14px;
    color: #42677C;
    margin-bottom: 1em;
}
h2
{
    font-family: Verdana;
    font-size: 14px;
    line-height: 14px;
    color: #42677C;
    margin-bottom: 1em;
}
h3
{
    font-family: Verdana;
    font-size: 14px;
    line-height: 14px;
    color: #42677C;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
H4{font-family: Verdana;font-size: 14px;}
#redLine{font-family: Verdana;font-size: 13px;color: #B21F19; margin: 0 0 20px 5px;}
H6 {font-family: Verdana;font-size: 14px;padding: 20px 0;}
.redDash
{
    color: #B21F19;
    padding-right: 10px;
    float: left;
}
.footerList{width: 583px;float: left;}
.extraBreak{padding-bottom: 1em;}
.extraBreak2{padding-bottom: 5em;}

/* Added extraBreakSup3 to fix spacing issues after <h4> sub-heads with superscript refs */
.extraBreakSup3{margin-top: .1em; line-height: 20px;}

table
{
   	font-family: Verdana;
	font-size: 11px;
	color: #42677C;
}
#professionals
{
	font-size: 16px;
	font-weight: bolder;
	margin-top: 1.7em;
}
/*=====================
	SITE STYLES
=======================*/
.arrowBullet
{
    list-style-type: none;
    margin-left: 2px;
    padding-left: 0px;
}
.arrowBullet li
{
    background-image: url(/images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 4;
    padding-left: 10px;
}
/*  site map list */
#sitemap1 li
{
    list-style-type:none;
    margin: 10px 0px 5px 0px;
    font-size: 14px;
    font-weight: bold;
}
#sitemap1 ul li
{
    margin: 0px;
    font-size: 11px;
    font-weight: normal;
    list-style-type: disc;
}
#sitemap1 ul ul
{
    margin-bottom: 0px;
}
#sitemap1 ul ul li
{
    list-style-type: circle;
}

/* Header */
#header
{
    clear: both;
    width: 980px;
    height: 178px;
}
#topNav
{
   
    clear: both;
    float: right;
    padding-right: 10px;
    width: 980px;
    height: 156px;
    text-align: right;
	font-size:14px;
	font-weight:bold;
}
#plavixLogoContainer
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 72px;
	width: 300px;
	margin: 0;padding:0;
}
#plavixLogo
{
	display:block;
    margin: 0; padding: 0;
	position: relative;
	height: 72px; width: 300px;
	overflow: hidden;
}
/*  nav mouseovers*/
#leftNav
{
    width: 220px;
    float: left;
    padding-top: 10px;
    /*  fix for left nav padding    */
}
	ul#mainNav, ul#mainNav li
	{
		margin: 0;padding: 0;
		list-style: none;
        width: 215px;
	}
		ul#mainNav li a
        {
			display: block;
            width: 215px;
            text-indent: -5000px;
            height: 28px;
		}
        ul#mainNav li a:hover
        {
            color: #7F0E12;
            text-indent: -5000px;
			width: 215px; height: 28px;
			font-size: 13px;
            font-family: Verdana;
            text-decoration: none;
		}
        ul#mainNav li.active a
        {
			text-indent: 0px;
			background: #FFF url(/images/nav/nav_on_bg.jpg) repeat-y top left;
            color: #7F0E12;
            width: 215px; height: 28px;
            font-size: 13px;
            font-family: Verdana;
            text-decoration: none;
            text-indent: -5000px;
		}
			ul#mainNav li.active ul
            {
				margin: 0;padding: 0;
				list-style: none;
			}
			ul#mainNav li.active ul li a
            {
				display: block;
				background: #FFF url(/images/nav/nav_on_bg.jpg) repeat-y top left !important;
				width: 170px;
                color: #42677C;
                font-size: 11px;
                font-family: Verdana;
                padding: 2px 0 4px 26px;
                text-decoration: none;
                text-indent: 0px;
                height:auto;
			}
			ul#mainNav li.active ul li a span.dash
            {
				display: block;
				width: 5px;
				float: left;
				margin: 0 0 0 -10px;
			}

			ul#mainNav li.active ul li a:hover, ul#mainNav li.active ul li.active a
            {
				color: #7F0E12;
				font-size: 11px;
				width: 170px;
                font-family: Verdana;
                padding: 2px 0 4px 26px;
                text-decoration: none;
                text-indent: 0px;
                height:auto;
			}
		ul#mainNav li#homeNav a
        {
			background: #FFF url(/images/nav/nav_homepage_off.jpg) no-repeat top left;
			height: 25px;
		}
        ul#mainNav li#homeNav a:hover, ul#mainNav li.active#homeNav a
        {
			background: #FFF url(/images/nav/nav_homepage_on.jpg) no-repeat top left;
			height: 25px;
		}
		ul#mainNav li#artheroNav a
        {
			background: #FFF url(/images/nav/nav_atherothrombosis_off.jpg) no-repeat top left;
		}
		ul#mainNav li#artheroNav a:hover, ul#mainNav li.active#artheroNav a
        {
			background: #FFF url(/images/nav/nav_atherothrombosis_on.jpg) no-repeat top left;
		}
        ul#mainNav li#moaNav a
        {
			background: #FFF url(/images/nav/nav_moa_off.jpg) no-repeat top left;
		}
		ul#mainNav li#moaNav a:hover, ul#mainNav li.active#moaNav a
        {
			background: #FFF url(/images/nav/nav_moa_on.jpg) no-repeat top left;
		}
        ul#mainNav li#trialsNav a
        {
			background: #FFF url(/images/nav/nav_clinical_off.jpg) no-repeat top left;
		}
		ul#mainNav li#trialsNav a:hover, ul#mainNav li.active#trialsNav a
        {
			background: #FFF url(/images/nav/nav_clinical_on.jpg) no-repeat top left;
		}
        ul#mainNav li#efficacyNav a
        {
			background: #FFF url(/images/nav/nav_efficacy_off.jpg) no-repeat top left;
		}
		ul#mainNav li#efficacyNav a:hover, ul#mainNav li.active#efficacyNav a
        {
			background: #FFF url(/images/nav/nav_efficacy_on.jpg) no-repeat top left;
		}
        ul#mainNav li#safetyNav a
        {
			background: #FFF url(/images/nav/nav_safety_off.jpg) no-repeat top left;
		}
		ul#mainNav li#safetyNav a:hover, ul#mainNav li.active#safetyNav a
        {
			background: #FFF url(/images/nav/nav_safety_on.jpg) no-repeat top left;
		}
        ul#mainNav li#treatNav a
        {
			background: #FFF url(/images/nav/nav_treatment_off.jpg) no-repeat top left;
		}
		ul#mainNav li#treatNav a:hover, ul#mainNav li.active#treatNav a
        {
			background: #FFF url(/images/nav/nav_treatment_on.jpg) no-repeat top left;
		}
        ul#mainNav li#dosingNav a
        {
			background: #FFF url(/images/nav/nav_dosing_off.jpg) no-repeat top left;
		}
		ul#mainNav li#dosingNav a:hover, ul#mainNav li.active#dosingNav a
        {
			background: #FFF url(/images/nav/nav_dosing_on.jpg) no-repeat top left;
		}
        ul#mainNav li#studiesNav a
        {
			background: #FFF url(/images/nav/nav_caseStudies_off.jpg) no-repeat top left;
		}
		ul#mainNav li#studiesNav a:hover, ul#mainNav li.active#studiesNav a
        {
			background: #FFF url(/images/nav/nav_caseStudies_on.jpg) no-repeat top left;
		}
        ul#mainNav li#toolsNav a
        {
			background: #FFF url(/images/nav/nav_tools_off.jpg) no-repeat top left;
		}
		ul#mainNav li#toolsNav a:hover, ul#mainNav li.active#toolsNav a
        {
			background: #FFF url(/images/nav/nav_tools_on.jpg) no-repeat top left;
		}

/*  middle section */
#content
{
    float: left;
    padding: 0 10px 20px 20px;
    width: 725px;
    margin-top: -30px;
}
.homeContent
{
    float: left !important;
    padding: 0 10px 20px 20px !important;
    width: 725px !important;
    margin-top: -30px !important;
    margin-bottom: 0px !important;
    background-image: none !important;
}
#contentDrill
{
    float: left;
    padding: 30px 30px 0px 30px;
    margin-bottom: 30px;
    width: 700px;
    background-image: url(/images/bg_mainback.jpg);
    background-repeat: no-repeat;
    margin-top: -52px;
}
.sectionHeader{padding-bottom: 1em;}
.colThree
{    
    margin: 0px 0px;
}
.colThree h2 {
    margin: 0 0 0px 6px;
    line-height: 130%;
}
.colThree a{color:#1084BC;}
.colContentLeft
{
    background-image: url(/images/bg_bucket_about_bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    width: 233px;height: 280px;
    margin-bottom: 1em;
}
.colContentMid
{
    background-image: url(/images/bg_bucket_materials_bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    width: 233px;height: 280px;
    margin-bottom: 1em;
}
.colContentRight
{
    background-image: url(/images/bg_bucket_casestudy_bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    width: 233px;height: 280px;
    margin-bottom: 1em;
}

/* Landing Page */
#colThreeLeft p
{
    margin: 0px 13px 0px 15px;
    padding-top: 150px;
}
#colThreeLeft ul
{
    margin: 5px 10px 0px 15px;
    padding: 0px;
    list-style-type: none;
}

#colThreeMid p
{
    margin: 0px 13px 0px 15px;
    padding-top: 150px;
}
#colThreeMid ul
{
    margin: 5px 10px 0px 15px;
    padding: 0px;
    list-style-type: none;
}

#colThreeRight p
{
    margin: 0px 13px 0px 15px;
    padding-top: 150px;
}
#colThreeRight ul
{
    margin: 5px 10px 0px 15px;
    padding: 0px;
    list-style-type: none;
}
.boxCalloutHead
{
    margin-left: 8px;
    width:  222px;
    height: 20px;
    vertical-align: bottom;
}
.tenTopPad{padding-top: 10px;}
#lastUpdated{padding-top: 10px; text-align: center;}

#homeContent{margin-left: 15px;margin-right: 30px;}

/* Arthero page*/
.arthIndent{padding-left: 10px;}

/*  */
.dlList dt
{
    margin-top: 10px;
}

/*  efficacy */
#efficacySubHead{margin-left: 195px;}
.chart{list-style:none;}
.efficacyLeft{margin-left: 0px;width: 260px;}
.efficacyRight{margin-left: 80px;width: 260px;}
#EffCaprieChart{float:left;margin-bottom:10px;}
#EffCureChart{float:left;}
#EffCommitChart{float:left;}
#EffClarityChart{float:left;}
/*  Treatment Section chart links   */
    /*  UANSTEMI    */
    #UAChart
    {
        background-image: url(/images/charts/6.1_ua.gif);
        height: 222px;
        width: 568px;
        margin-bottom: 1em;
    }
    #UALink
    {
	    display: block;
	    position: relative;
	    top: 55px;
	    left: 295px;
	    height: 157px;
	    width: 70px;
    }
    /*  ACCP    */
    #ACCPChart
    {
        background-image: url(/images/charts/6.2_accp.gif);
        height: 153px;
        width: 555px;
        margin-bottom: 1em;
    }
    #ACCPLink
    {
	    display: block;
	    position: relative;
	    top: 51px;
	    left: 304px;
	    height: 85px;
	    width: 63px;
    }
    /*  PAD    */
    #PADChart
    {
        background-image: url(/images/charts/6.3_pad.gif);
        height: 112px;
        width: 571px;
        margin-bottom: 1em;
    }
    #PADLink
    {
	    display: block;
	    position: relative;
	    top: 15px;
	    left: 308px;
	    height: 80px;
	    width: 63px;
    }
    #PADRef
    {
	    display: block;
	    position: relative;
	    top: -15px;
	    left: 215px;
	    height: 20px;
	    width: 20px;
    }
    /*  CPRECC    */
    #CPRECCChart
    {
        background-image: url(/images/charts/6.4_emergency_2.gif);
        height: 198px;
        width: 571px;
        margin-bottom: 1em;
    }
    #CPRECCLink
    {
	    display: block;
	    position: relative;
	    top: 7px;
	    left: 303px;
	    height: 175px;
	    width: 63px;
    }
/*  Trials Section chart links   */
    /*  index    */
    #IndexChart
    {
        background-image: url(/images/charts/3.0_clinical_trials.jpg);
        height: 336px;
        width: 519px;
        margin-bottom: 1em;
    }
    #IndexCAPRIELink
    {
	    display: block;
	    position: relative;
	    top: 44px;
	    left: 35px;
	    height: 40px;
	    width: 75px;
	    border-color: Red;
    }
    #IndexCURELink
    {
	    display: block;
	    position: relative;
	    top: 76px;
	    left: 35px;
	    height: 40px;
	    width: 75px;
	    border-color: Red;
    }
    #IndexCOMMITLink
    {
	    display: block;
	    position: relative;
	    top: 105px;
	    left: 35px;
	    height: 40px;
	    width: 75px;
	    border-color: Red;
    }
    #IndexCLARITYLink
    {
	    display: block;
	    position: relative;
	    top: 137px;
	    left: 35px;
	    height: 40px;
	    width: 75px;
	    border-color: Red;
    }

/* ABI CALC PAGE */
#abicalc{background-color: #ffffff; border-style: none;}
table.cleanTable{border-style: none;}
	table.cleanTable td{vertical-align: top;padding-bottom: 2px;padding-top: 2px;}
.width50{width: 100px;}
.width320{width:320px;}
	
/* REFERENCES */

ol.reference 
{
    margin: 0 0 2em 3em; 
}
dl.reference 
{
       
}
dl.reference dt
{
    float: left;
    width: 25px;
    text-align: right;
    margin: 0 6px 3px 0;
}
dl.reference dd
{
    margin: 0 0 3px 0;
}

/*  ISI */
#ISI h1
{
    font-family: Times New Roman;
    font-size: 14px;
    color: #42677C;
}
#ISI
{    
    width: 600px;
    padding-top: 10px;
    float: left;
}
#isiSpacer
{
    float: left;
    width: 251px;
    height: 100px;
}
#isiBar{margin-left: 170px;}
#isiBarIRI{margin: 60px 0 0 170px;}
.ISIBreak{padding-bottom: 5px;}

/* footer */
#footer
{
    clear: both;
    width: 980px;
    text-align:center;
    padding-bottom: 20px;
    font-size: 9px;
}
#footerLinks a{padding: 0 10px;}
#footerLogo{width: 386px; text-align: center; margin: 0 auto;}
#logoLeft
{
    float: left;
    width: 150px;
    padding-top: 43px;
    text-align: center;
}
#logoRight
{
    float:  left;
    margin-left: 50px;
    width: 176;
    padding-top: 48px;
}
#rightLogoLink{padding-top:1px;}
    #logoRight p a img
    {
        padding-bottom: 3px;
    }

/*  table border formating */
.tableBorder
{
    border-color: #000000;
    border-width: thin;
    border-style: solid;
}
.tableBorder td{padding: 10px;}

/*  videos  */
#MOAVideo{height: 250px;width: 230px;}
#ABIVideo{height: 230px;width: 240px;}
/********   HTML style sheet   **********/

* html #contentDrill
{
    width: 700px;
    position: relative;
    left: 10px;
}
* html #isiSpacer{width: 260px;}





/* - - - - - - - - - - - - - - - - - - - - -

Lightbox CSS

- - - - - - - - - - - - - - - - - - - - - */
div#confirmation{
	padding: 20px;
	font: 12px Arial, Helvetica, sans-serif;
}
div#confirmation a
{
    display:block;
    padding:5px; margin: 5px 20px 0 0 ;
    float: left;
    background: #42677C;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
}
div#confirmation h3
{
    padding:0;margin:0 0 10px 0;
}
#lightbox{
	display:none;
	position: absolute;
	top:40%;
	left:50%;
	z-index:9999;
	width:400px;
	height:325px;
	margin:-120px 0 0 -250px;
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

#indexLivingProof{float:left;margin-bottom:10px;}