@charset "utf-8";

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Debugger Code ( Global Browser Reset )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
	volume: x-loud;
}

input, em {
	margin: 0;
	padding: 0;
	font-style: normal;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Debugger Code ( Universal Settings )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	position: relative;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

html, body ( Properties )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, html {
	top: 0;
	background: #FFF;
	font: 12px/1.3  Arial, Helvetica, sans-serif;
	color: #222;
	text-align: center;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Basic Universal Formatting Styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a, a:visited {
	text-decoration: none;
	cursor: pointer;
	color: #00A3DE;
}

	a:hover, a:active {
		color: #E31779;
	}

b, strong {
	font-weight: bold;
}

.big {
	font-size: 18px;
}

.medium {
	font-size: 15px;
}

.underline {
	text-decoration: underline;
}

.strike {
	text-decoration: line-through;
}

.red {
	color: #EE0000;
}

.italic {
	font-style: italic;;
}

.blue {
	color: #0F8FCF;
}

.no_border {
	border: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Wrapper

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.wrapper {
	width: 817px;
	margin: 0 auto;
	text-align: left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

SEO - Header Bar

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.header {
	width: 817px;
	float: left;
}

	h1.rank_one {
		width: 817px;
		padding: 5px 0;
		float: left;
		font-weight: normal;
		text-align: center;
		color: #666;
	}
	
	p.top_bar {
		width: 817px;
		height: 20px;
		margin: 0 0 8px 0;
		float: left;
		line-height: 20px;
		background: transparent url(../images/top_bottom_bar.gif) top left no-repeat;
	}
	
		p.top_bar a, p.top_bar a:visited {
			color: #FFF;
			margin: 0 10px;
		}
		
		p.top_bar a:hover {
			text-decoration: underline;
		}
	
		em.top_bar_right {
			height: 20px;
			float: right;
		}
		
		em.top_bar_left {
			float: left;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Left Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.left_col {
	width: 200px;
	margin: 0 10px 0 0;
	float: left;
	overflow: hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Left Nav

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.left_nav {
	width: 200px;
	margin: 0 0 10px 0;
	padding: 7px 0 0 0;
	float: left;
	background: #F5B8C8 url(../images/nav_bg_top.gif) top left no-repeat;
}

	ul.left_nav_main {
		width: 200px;
		float: left;
	}
	
		li.left_nav_main {
			width: 200px;
			padding: 0 0 1px 0;
			float: left;
			font-weight: bold;
			background: transparent url(../images/nav_seperator.gif) 50% 100% no-repeat;
		}
		
			li.left_nav_main a, li.left_nav_main a:visited {
				width: 170px;
				padding: 5px 15px;
				float: left;
				color: #333;
			}
			
			li.left_nav_main a:hover {
				color: #FFF;
				background: #00A3DE url(../images/left_nav_hover_arrow.gif) 4% 50% no-repeat;
			}
			
			li.on a, li.on a:hover {
				color: #333;
				cursor: default;
				background: transparent url(../images/left_nav_on_arrow.gif) 4% 50% no-repeat;
			}
	
		li.left_nav_sub {
			width: 200px;
			float: left;
			background: #F9DAE1;
		}
		
			li.left_nav_sub a, li.left_nav_sub a:visited {
				width: 150px;
				padding: 5px 25px;
				float: left;
				color: #333;
			}
			
			li.left_nav_sub a:hover {
				text-decoration: underline;
			}
		
		li.left_nav_by_phone {
			width: 200px;
			float: left;
			background: #FFF url(../images/nav_bg_bottom.gif) bottom left no-repeat;
		}
		
		li.left_nav_by_phone span {
			width: 150px;
			padding: 10px 25px;
			float: left;
			background: transparent url(../images/left_nav_phone_arrow.gif) 5% 50% no-repeat;
		}
		
			li.left_nav_by_phone a, li.left_nav_by_phone a:visited {
				width: 140px;
				height: 40px;
				padding: 0 0 0 10px;
				float: left;
				overflow: hidden;
				color: #333;
				background: transparent url(../images/left_nav_phone_sep.gif) 0% 50% no-repeat;
			}
			
				li.left_nav_by_phone a em, li.left_nav_by_phone a b {
					width: 140px;
					height: 20px;
					float: left;
					line-height: 20px;
				}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Left Column Bottom

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.left_col_bottom {
	width: 125px;
	padding: 10px 65px 10px 10px;
	float: left;
	color: #00A3DE;
}

	ul.left_col_bottom b {
		font-size: 14px;
	}

	ul.l_c_clinical {
		background: transparent url(../images/left_col_microscope.gif) 100% 50% no-repeat;
	}
	
	ul.l_c_seal {
		background: transparent url(../images/left_col_seal.gif) 100% 50% no-repeat;
	}
	
	ul.l_c_doc {
		background: transparent url(../images/left_col_doc.gif) 100% 50% no-repeat;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Right Col

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.right_col {
	width: 607px;
	float: right;
}

	p.top_graphic {
		width: 607px;
		height: 84px;
		margin: 0 0 10px 0;
		float: left;
		text-indent: -9000px;
		background: transparent url(../images/top_graphic.png) top left no-repeat;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Main Graphic - Sub Links

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p.main_graphic {
	width: 607px;
	height: 263px;
	float: left;
	text-indent: -9000px;
	background: transparent url(../images/main_graphic.jpg) top left no-repeat;
}

p.blue_box {
	width: 176px;
	height: 60px;
	margin: 0 4px 0 0;
	padding: 10px 10px;
	float: left;
	text-align: center;
	background: transparent url(../images/blue_box.png) top left no-repeat;
}

p.blue_box_feet {
	width: 151px;
	height: 55px;
	margin: 0 4px 0 0;
	padding: 15px 30px 10px 15px;
	float: left;
	text-align: center;
	background: transparent url(../images/blue_box_feet.jpg) top left no-repeat;
}

	p.blue_box a, p.blue_box_feet a {
		width: 100%;
		float: left;
	}

	p.blue_box b, p.blue_box_feet b {
		width: 100%;
		float: left;
		font-size: 18px;
	}

	p.blue_box span, p.blue_box_feet span {
		width: 100%;
		float: left;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Header Bar

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p.header_bar {
	width: 607px;
	height: 20px;
	margin: 15px 0 5px 0;
	float: left;
	background: transparent url(../images/header_bar.gif) top left no-repeat;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Main Content ( left area )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.main_content_left {
	width: 457px;
	float: left;
	overflow: hidden;
}

	.main_content_left p, .main_content_left  ul, .main_content_left ol {
		margin: 0 0 15px 0;
	}

	.main_content_left h2 {
		margin: 0 0 5px 0;
		font-size: 18px;
		font-weight: bold;
		color: #2B69A2;
	}
	
	.main_content_left h3 {
		margin: 0 0 5px 0;
		font-size: 15px;
		font-weight: bold;
		color: #2B69A2;
	}
	
	
	.main_content_left ul li {
		margin: 0 0 5px 0;
		padding: 0 0 0 18px;
		background: transparent url(../images/bullet_blue_dot.gif) 3px 6px no-repeat;
	}
	
	.main_content_left ol {
		padding: 0 0 5px 30px;
	}	
	
	.main_content_left ol li {
		margin: 0 0 5px 0;
		list-style: outside decimal;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Main Content ( right area )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.main_content_right {
	width: 140px;
	padding: 0 5px;
	float: right;
}

p.right_pics {
	margin: 0 0 5px 0;
	text-align: center;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Order Page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.order_deals {
	padding: 0 0 2px 0;
}

p.order_deals {
	padding: 0 0 5px 0;
}

li.blue_dot {
	margin: 0 0 5px 0;
	padding: 0 0 0 18px;
	background: transparent url(../images/bullet_blue_dot.gif) 3px 6px no-repeat;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p.footer_bar {
	width: 817px;
	height: 20px;
	margin: 10px 0 10px 0;
	float: left;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #0F8FCF url(../images/top_bottom_bar.gif) top left no-repeat;
}

ul.footer {
	width: 817px;
	margin: 0 0 10px 0;
	float: left;
	text-align: center;
}

	ul.footer li {
		display: inline;
		font-size: 10px;
	}
	
		ul.footer li a, ul.footer li a:visited {
			margin: 0 5px 0 0;
			padding: 0 5px 0 0;
			border-right: 1px #666 solid;
			color: #666;
		}

p.sub_footer {
	width: 817px;
	float: left;
	text-align: center;
	font-size: 10px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Various Styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.inside_pink_form {
	padding: 10px;
	border: 1px #DE4B71 solid;
	background: #F5C5D1;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Silo Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.silo_footer {
	width: 817px;
	margin: 0 0 10px 0;
	border-top: 5px #0F8FCF solid;
	float: left;
}

	div.silo_footer ul {
		width: 122px;
		padding: 20px;
		border-right: 1px #EEE solid;
		float: left;
	}
	
	div.silo_footer ul:hover {
		background: #FBFBFB;
	}
		
		div.silo_footer ul a, div.silo_footer ul a:visited {
			color: #888;
		}
		
		div.silo_footer ul a:hover {
			color: #333;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Mini Course Email Capture Form

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.mini_course {
	width: 508px;
	height: 153px;
	margin: 10px 0;
	padding: 0 49px 0 50px;
	float: left;
}

	.mini_course form {
		width: 508px;
		height: 153px;
		float: left;
		background: transparent url(../images/mini-course-bg.png) top left no-repeat;
	}
	
	input.mini_name {
		width: 224px;
		height: 20px;
		padding: 2px;
		top: 25px;
		right: 11px;
		position: absolute;
		background: transparent;
		border: none;
	}
	
	input.mini_email {
		width: 224px;
		height: 20px;
		padding: 2px;
		top: 63px;
		right: 11px;
		position: absolute;
		background: transparent;
		border: none;
	}
	
	input.mini_submit {
		width: 215px;
		height: 33px;
		top: 99px;
		right: 16px;
		position: absolute;
		background: transparent;
		border: none;
	}