/******************

BASICS

******************/



body
{
	font-family:			'Trebuchet MS', Trebuchet, sans-serif;
	font-size:				12px;
	color:					#000000;
}



a  img
{
	border-width:			0px;
}

a
{
	text-decoration:		none;
}

a:link
{
	color:					#0066FF;
}
a:visited
{
	color:					#0066FF;
}
a:hover
{
	color:					#FF3300;
	text-decoration:		underline;
}
a:active
{
	color:					#339900;
}


.clearing
{
	position:				relative;
	clear:					both;
}








/******************

HEADER

******************/



.header_wrapper
{
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					100%;
	background-color:		white;
	z-index:				100;
}


.header_inner
{
	padding:				0px 8px;
}


.header_image
{
	height:					126px;
	padding:				7px 0px 10px;
}


.header_content
{
	font-weight:			bold;
	font-style:				italic;
	padding:				0.5em 0px;
	border-top:				1px solid #b9d2e3;
	border-bottom:			1px solid #b9d2e3;
}



/*  to push column content down below the header  */
.header_spacer
{
	margin-top:				175px;			/*  header_image height & padding + header_content borders + 30px */
	padding:				0.5em 0px;		/*  header_content padding  */
}












/******************

MAIN CONTENT

******************/


.content_wrapper_main_inner
{
	padding:			0px 25px 0px 25px;
}

.blue_border_box,
.blue_border_box_gray
{
	position:			relative;				/*  otherwise IE6 may throw out the border/bg, or only display when you roll over it  */
	padding: 10px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;	
	border-bottom: 1px solid #e5e5e5;
	 font-size: 14px; background: url(/images/column-bg-line.png) repeat-y; border-top: 1px solid #e5e5e5; position: relative;  


}

.blue_border_box_gray
{
	background-color:	#dddddd;
}

.blue_border_box_inner
{
	margin:				1.5em 1.7em;
}

/*  .standard_content is text with no box around it; used on contact.php  */

.blue_border_box_inner  p,
.standard_content
{
	line-height:		1.3em;
	font-size:			13px;
}


.blue_border_box_inner  p
{
	margin:				1em 0px;
}

.blue_border_box_inner  p.big_space_above
{
	margin:				2em 0px;
}

.standard_content  p
{
	padding-bottom:		1em;
}


.standard_title p
{
line-height:		3.7em;
font-weight:			normal;
	font-size:			20px;
	color:				#555;
}

.standard_title .boo
{
	color:	              black;
	font-style:			italic;
}  





/******************

BOOM LIKE THAT

*******************/

#highslide-container
{
	z-index:			200;
	position:			absolute;
	top:				0px;
	left:				0px;
}



#boomlikethat
{
	position:			relative;
/*	padding-bottom:		20px;  */
	float:				left;
}

#after_boom
{
	position:			relative;
	height:				20px;
	clear:				both;
}



.boom_box
{
	position:			relative;
	float:				left;
	padding-right:		5px;
}



#boomlikethat img
{
	position:			relative;
	background:			#fff;
	border-color: 		#000 #444 #888 #bbb ;
	border-style:		solid;
	border-width:		3px;
	width:				156px;
	height:				156px;
}

.boom_label
{
	position:			relative;
	width:				156px;
	padding-top:		10px;
	font-style:			italic;
	font-size:			12px;
	text-align:			center;
	line-height:		1.3em;
}


.boom_instructions
{
	position:			relative;
	float:				left;
	width:				68px;
	height:				161px;			/*  img height + top/bottom borders  */
	padding-left:		15px;
	font-size:			11px;
	color:				#999;
	line-height:		1.3em;
	text-align:			right;
}

.boom_instructions_inner
{
	position:			absolute;
	right:				0px;
	top:				0px;
}

.boom_instructions  p
{
	margin:				0px;
	padding-bottom:		0.8em;
}



/*******************

PAGE-SPECIFIC STYLES

*******************/


/*  HOMEPAGE  */


.slide_wrapper_outer
{
	position:			relative;
	float:				left;
	width:				200px;	/*  movies are 190px wide, plus 5px border+padding on each side  */
	padding-right:		6px;
}


.slide_wrapper		/*  used for flash movies on homepage  */
{
	background:			#fff;
	border-color: 		#000 #444 #888 #bbb ;
	border-style:		solid;
	border-width:		0px;
	position:			relative;
	padding:			2px;
}

.slide_wrapper_outer  .boom_label
{
	width:				200px;
}


.frontbanner		/*  used for rotating flash text on homepage  */
{
	clear:				both;
	padding:			16px 0px 0px;
}


.header_bottom		/*  used for text on homepage  */
{
	margin-top:			16px;
	padding:			16px 0px;
	width:				600px;
	font-weight:		bold;
	font-size:			15px;
	border-top:			1px solid #b9d2e3;
	border-bottom:		1px solid #b9d2e3;
}


/*  MYOSIGHT  */

#myosight_cardiotable_img
{
	width:				512px;
	height:				384px;
	position:			relative;
	float:				left;
	padding:			0px 20px 0px 0px;
}














/******************

MENU BAR

******************/


/*  main menu styles  */

#content_wrapper_side  ul
{
	list-style-type:		none;
	margin:					0px;
	padding:				0px 0px 0px 33px;
}


#content_wrapper_side  li
{
	padding-bottom:			1.2em;
	font-weight:			bold;
	font-size:				13px;
}



/*  sub-menu variations of main style  */

#content_wrapper_side  ul  ul
{
	padding-left:			15px;
}

#content_wrapper_side  ul  ul  li
{
	font-weight:			normal;
	font-size:				11px;
	padding-bottom:			0px;
	padding-top:			1.2em;
}



a.menubar_current:link,
a.menubar_current:visited,
a.menubar_current:active
{
	color:					#000;
}

a.menubar_current:hover
{
	color:					#000;
	text-decoration:		none;
}














/******************

FOOTER

Note: footer positioning styles are set in min-with_template_r.css

******************/


.footer_wrapper
{
	height:				3em;
}

* html .footer_ie6_outer
{
	height:				3em;
}

* html .footer_ie6_inner
{
	height:				3em;
}




.footer_inner
{
	margin:					0px 8px;
	border-top:				1px solid #a1a5a9;
	padding-top:			1em;
}



.footer_content
{
	text-align:				center;
	font-size:				10px;
	color:					#256290;
}


/*  To make sure that bottom of content isn't hidden behind footer  */

.footer_spacer
{
	clear:					both;
	height:					5em;		/*  footer height + 2em  */
}


/* Nav Bar */

#navBar_outer
{
	float:					left;
	width:					30%;
}

#navBar_outer_outer
{
	float:					left;
	width:					52%;
}

#navBar_outer_half
{
	float:					left;
	width:					43%;
	margin-right: 38px;
}

#navBar{
	margin-left: 20px;
	padding: 3px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;	
	border-bottom: 1px solid #e5e5e5;
	 font-size: 12px; background: url(/images/column-bg-line.png) repeat-y; border-top: 1px solid #e5e5e5; position: relative;  
	 
}

#navBar p
{
font-weight:			normal;
	color:				#555;
}

#navBar .boo
{
	color:	              black;
	font-style:			italic;
}  

/* Featured Content */ 

#featuredContent_outer
{
	float:					left;
	width:					67%;
}

#featuredContent_outer_half
{
	float:					left;
	width:					95%;
	clear:					both;
}


#featuredContent{
	padding: 10px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;	
	border-bottom: 1px solid #e5e5e5;
	 font-size: 14px; background: url(/images/column-bg-line.png) repeat-y; border-top: 1px solid #e5e5e5; position: relative;  
	 
}

#featuredContent p
{
font-weight:			normal;
	color:				black;
}

#featuredContent .boo
{
	color:	              black;
	font-style:			italic;
}  

/* Table */
table.cardiotox {
table-layout: fixed;
}

table.cardiotox caption {
margin: 0;
padding: 0;
color: #555;
line-height: 2em;
font-weight: bold;
text-align: left;
}

table.cardiotox thead tr {
color: #333;
background:	#dddddd;
}

#cardiotox-list li {
	list-style-type: square;
	list-style-position: inside;
	text-align: left;
	margin-left: -25px;
	padding-left: 0;
	}