/* Malarkey Image Replacement */
.imageReplacement { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .imageReplacement { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
/* Modified Malarkey Image Replacement */
.mir { letter-spacing : -1000em; }
/*\*/
* html .imageReplacement {
    text-indent: -999em;
    overflow: hidden;
}
html>body .imageReplacement {
    letter-spacing: normal;
    text-indent: -999em;
    overflow: hidden;
}/**/

/* Image replacement */

a#doctorQuestions { 		background:url(images/doctorQuestions.gif) no-repeat; 
							padding-bottom: 10px; }
a#patientInformation { 		background:url(images/patientInformation.gif) no-repeat;
							background-position: 11px 20px; }
a#visitCypherUSA { 			background:url(images/moreInformation.gif) no-repeat;
							background-position: 11px 20px; }
a#latestNews { 				background:url(images/latestNews.gif) no-repeat;
							background-position: 11px 20px; }
a#signUp {                  background:url(images/signUp.gif) no-repeat;
							padding-bottom: 10px; }

a#stentsLink { 				background:url(images/stents.gif) no-repeat; background-position: 0 0; }
a:hover#stentsLink { 		background:url(images/stents.gif) no-repeat; background-position: 0 -123px; }
a#mostStudiedLink { 		background:url(images/mostStudied.gif) no-repeat; background-position: 0 0; }
a:hover#mostStudiedLink { 	background:url(images/mostStudied.gif) no-repeat; background-position: 0 -123px; }
a#mostUsedLink { 			background:url(images/mostUsed.gif) no-repeat; background-position: 0 0; }
a:hover#mostUsedLink { 		background:url(images/mostUsed.gif) no-repeat; background-position: 0 -123px; }
a#mostProvenLink { 			background:url(images/mostProven.gif) no-repeat; background-position: 0 0; }
a:hover#mostProvenLink { 	background:url(images/mostProven.gif) no-repeat; background-position: 0 -123px; }

a#homeLink { 				background:url(images/home.gif) no-repeat; background-position: 0 0; }
a:hover#homeLink {			background:url(images/home.gif) no-repeat; background-position: 0 -22px; }
a#contactUsLink {			background:url(images/contactUs.gif) no-repeat; background-position: 0 0; }
a:hover#contactUsLink { 	background:url(images/contactUs.gif) no-repeat; background-position: 0 -22px; }

a#stentsLinkCurrent { 		background:url(images/stentsCurrent.gif) no-repeat; }
a#mostProvenLinkCurrent { 	background:url(images/mostProvenCurrent.gif) no-repeat; }
a#mostStudiedLinkCurrent { 	background:url(images/mostStudiedCurrent.gif) no-repeat; }
a#mostUsedLinkCurrent { 	background:url(images/mostUsedCurrent.gif) no-repeat; }

#tagline h4 { 				background: url(images/tagline.jpg) no-repeat; }

a#NEJoM {					background: url(images/nejom.gif) no-repeat; height: 67px; width: 470px; display: block; }

/* Top-level format */

#all {
	position: relative;
	width: 961px;
	padding: 0; margin:auto;
}

html, body {
	padding: 0; margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background-color: #FFFFFF;
	background-image: url('images/bg_top.gif');
	background-repeat:repeat-x;
}

* html div {
	
} /*style for IE*/

#header
{
	height: 130px;
}

/* Minor-classes */

.superscript {
	position: relative;
	bottom: 0.5em;
	font-size: 0.7em;
}

/* Footer styles */

#footer {
	
	margin: auto;
	line-height: 110%;
	clear: both;
}

.footer_sm{font-size: .6em;}

.footer_lg{font-size: .75em;}

#footer a {
	color: #6D8AA0;
}

#footer p {
	margin: 0; padding: 0;
	margin-top: 1em;
}

#footer ul {
	width: 100%;
	padding: 0; margin: 0;
	margin-left: -.5em;
	margin-bottom: 1em;
	float: left;
}

#footer ul li {
	display: inline; 
}

#footer ul li a {
	padding: 0.2em .5em;
	float: left;
	border-left: 1px solid #AAAAAA;
}

#footer ul li a.first {
	/* no line on the left of the first item */ 
	border-left: 0;
}

/* J&J Part Numbers */

#partNumber {
	margin: 0; padding: 0;
	margin-top: 3.5em;
	text-align: right;
}

/* Replace the top header with the logo image */

#logo.imageReplacement h1 {
	padding: 0; margin: 0;
	background:url('images/cypherLogo.gif') no-repeat;
}

#logo.imageReplacement h1 a {
	display:block;
	width: 227px;
	height: 93px;
}

/* Sidebar on internal pages */

#sidebar {
	float: right;
	width: 227px;
	margin: 0; padding: 0;
}

#sidebar ul {
	margin: 0; padding: 0;
	background: url(images/sidebarBackground.jpg) no-repeat;
	background-position: 0px 154px;
}

#importantQuestions #sidebar ul {
	margin: 0; padding: 0;
	background: url(images/sidebarBackground.jpg) no-repeat;
	background-position: 0px 76px;
}

#sidebar ul li a {
	width: 227px;
	height: 67px;
	display: block;
}

/* we have some different sizes in here... */
#sidebar ul li a#latestNews,
#sidebar ul li a#visitCypherUSA,
#sidebar ul li a#patientInformation {
	height: 53px;
}

/* index.html */

#home #tagline h4 {
	/* hide the tagline on the home page */
	padding: 0; margin: 0;
	display: hidden;
	width: 0; height: 0;
}

/* video.html */

#video #logo a
{
	width: 0;
}

#video #all {
	position: relative;
	width: 686px;
	padding: 0; margin:auto;
}

#video #main.inside
{
	margin-left: 20px;
	padding: 0;
	width: 686px;
	margin-top: 5px;
	clear:both;
	margin-bottom: 50px;
}

/* for inside pages */

#main.inside {
	margin-bottom: 50px;
	float: left;
	width: 961px;
	margin-top: 20px;
}

#main {
	width: 961px;
	margin-top: 20px;
}

#decorativeColumn
{
	width: 227px;
	margin: 0;
	padding: 0;
	margin-right: 15px;
	float: left;
}

#main #content
{
	width: 719px;
	float: left;
}

#content h2
{
	width: 477px;
	clear: both;
}

#body
{
	width: 477px;
	float: left;
}

/* for all */

#main #steak h2 {
	margin: 0; padding: 0; 
    line-height: 1;
	margin-top:5px;
	width: 90%;
	font-size: 2.3em;
}

#main #steak h3
{
	margin: .5em 0;
}

#main p, #main ul, #main label, #main input {
	font-size:.9em;
	line-height:135%;
	list-style-type: disc;
}

#home #steak p
{
	font-size: .9em;
	line-height: 1.2;
}

/* stent.html */

#stent #main h3.imageReplacement {
	width: 294px; 
	height: 25px; 
	background:url(images/lifeWideOpenBrown.gif) no-repeat;
}

#stent #main h2 {
	color: #4B3F33;
}

#stent #main h4 {
	color: #4B3F33;
}

/* mostProven.html */

#mostProven #main h3.imageReplacement {
	width: 294px; 
	height: 25px; 
	background:url(images/lifeWideOpenOrange.gif) no-repeat;
}

#mostProven #main h2 {
	color: #F4610C;
}

#mostProven #main h4 {
	color: #F4610C;
}

#mostProven #sidebar {
	color: #F4610C;
}

/* mostUsed.html */

#mostUsed #main h3.imageReplacement {
	width: 294px; 
	height: 25px; 
	background:url(images/lifeWideOpenBlue.gif) no-repeat;
}

#mostUsed #main h2 {
	color: #0B699D;
}

#mostUsed #main h4 {
	color: #0B699D;
	margin-bottom: 0;
	padding-bottom: 0;
}

#mostUsed #sidebar {
	color: #0B699D;
}

/* mostStudied.html */

#mostStudied #main h3.imageReplacement {
	width: 294px; 
	height: 25px; 
	background:url(images/lifeWideOpenGreen.gif) no-repeat;
}

#mostStudied #main h2 {
	color: #0F9C26;
}

#mostStudied #main h4 {
	color: #0F9C26;
	margin-bottom: 0;
	padding-bottom: 0;
}

#mostStudied #sidebar {
	color: #0F9C26;
}

/* importantQuestions.html */

#importantQuestions #main h3.imageReplacement {
	width: 294px; 
	height: 45px; 
	background:url(images/lifeWideOpenLightBlue.gif) no-repeat;
	background-position: 0 20px;
}

#importantQuestions #main h2 {
	color: #8abfdf;
}

#importantQuestions #main h4 {
	color: #8abfdf;
	margin-bottom: 0;
	padding-bottom: 0;
}

#importantQuestions #main ul
{
	margin: 0; padding: 0;
	list-style-type: none;
}

#importantQuestions #main ul.utility
{
	margin-bottom: 20px;
	
	width: 450px;
}

#importantQuestions #main ul.utility li
{
	float: right;
	
}

#importantQuestions #main ul.utility a
{
	color: #8abfdf;
	font-size: .9em;
	
	height: 25px;
	width: 6em;
	display: block;
}

#importantQuestions #main ul.utility a.printPageLink
{
	background:url(images/printIcon.gif) no-repeat;
	background-position: 0 5px;
	height: 25px;
	padding-left: 20px;
	
}

#importantQuestions #main ul.utility a.pdfLink
{
	background:url(images/pdfIcon.gif) no-repeat;
	background-position: 0 5px;
	height: 25px;
	padding-left: 17px;
}

#importantQuestions #main ul.questions
{
	clear: both;
	width: 450px;
	list-style-type: none;
	border-top: 2px solid #8abfdf;
	padding-top: 16px;
	border-bottom: 2px solid #8abfdf;
	padding-bottom: 0px;
}

#importantQuestions #main ul.questions li {
	background: url('images/navBullet.gif') no-repeat;
	background-position: 5px 9px;
	padding-left: 25px;
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
	margin-bottom: 16px;
}

/* 
	External navigation: home and contact us
	Needs a better name!
*/

#externalNavigation {
	/* move up and to the side */
	position: absolute;
	top: 98px;
	right: 0;
}

#externalNavigation ul {
	padding: 0; margin: 0;
	list-style-type:none;
}

#externalNavigation ul li {
	padding: 0; margin: 0;
	display: inline;
	width: 168px;
}

#externalNavigation ul li a {
	margin: 0; padding: 0;
	float: left; 
	display: block;
	width: 168px;
	height: 22px;
}

/* tagline on inside pages */

#tagline {
	position: absolute;
	top: 0px;
	right: 0px;
}

#tagline .imageReplacement {
}

#tagline h4 {
	padding: 0; margin: 0;
	display:block;
	width: 245px;
	height: 55px;
}

/* Main Navigation: the four 'chips' */

#mainNavigation {
	padding: 0; margin: 0;
	margin-top: 10px;
}

#mainNavigation ul.imageReplacement { 
	width:100%; 
	padding:0; margin: 0; 
	list-style-type:none;
	margin-left: -1px;
}

#mainNavigation ul.imageReplacement li { 
	display: inline; 
}

#mainNavigation ul.imageReplacement li a {
	margin-left: 16px;
	float:left; 
	display:block; 
	width:227px; 
	height:123px;
}


#mainNavigation ul.imageReplacement li a.first {
	margin-left: 1px;
}

/* Main body styling */

#home #main {
	width: 960px;
	min-height: 350px;
}

#home #main #sizzle
{
	width: 490px;
	float: left;
}

#home #main #steak
{
	width: 470px;
	float: left;
}

#home #mainNavigation
{
	clear: both;
}

#home #main h2 {
	color: #6C9FC6;
}

#home #main h3.imageReplacement {
	width: 196px; 
	height: 19px; 
	background:url(images/hpLifeWideOpen.gif) no-repeat;
}

/* Secondary navigation: appears only on the home page. */

#secondaryNavigation {
	width: 100%;
	color: #909090; 
	font-weight: bold;
	font-size: .9em;
	margin-top: 10px;
	background: url(images/olympicLogo.gif) no-repeat;
	background-position: 843px 23px;
}

.olympics {
	display: none;
}

#home .olympics {
	display: block;
	font-weight: bold;
}

#secondaryNavigation a {
	color: #6C9FC6;
	text-decoration:none;
}

#secondaryNavigation ul {
	padding: 0;
	list-style-type: none;
	margin-left: 0;
}

#secondaryNavigation ul li {
	width: 700px;
	background: url('images/navBullet.gif') no-repeat;
	background-position: 5px 5px;
	border-bottom: 1px solid #EEEEEE;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-left: 0px;
}

#secondaryNavigation ul li.last {
	border-bottom: 0;
}

/* Misc */

.quote {
}

.quote .quotation {
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0;
	margin-bottom: 0;
}

.quote .attribution {
	font-style: italic;
	text-align: right;
	padding-top: 0;
	margin-top: 0;
}

#statement #all
{
	margin: 0 auto;
	width: 90%;
}

#statement #main
{
	width: auto;
	margin-bottom: 3em;
}

#statement #main h2
{
	color: #6C9FC6;
}