/* -----------------------
COMMON
-------------------------*/

body {
	font-family: verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin:0;
	padding:17px 0 0 0;
	background: #fff;
	color: #000;
}

sub, sup {
	line-height: 0;
	font-size: 80%;
}

img {
	border: 0;
}

h1, h2, .CommerceBox h3, #SideBar h3, .CommerceBox .MainProductPrice, .CommerceBox .AlternativeProductPrice, .Quotation p, .ProductCell h3, .Home h3, .Layer h2 {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
	color: #333;
	font-weight: bold;
	margin-top: 0;
}

h1 {
	font-size: 1.5em;
	background: url('../images/global/dot.gif') repeat-x bottom;
	padding-bottom: 10px;
}

h2 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 25px 0 10px 0;
}

h2.Centered {
	margin: 0 0 20px 0;
}

p, li, td, th, h3  {
	font-size: 0.8em;
	line-height: 1.4em;
}

h3 {
	margin-bottom: 0;
}

h3:first-child {
	margin-top: 0;
}

p {
	margin: 0 0 10px 0;
}

p.Small, .Small li, #SideBar h3, #SideBar p, #SideBar li, #Footer p, .Home p, .Home li, .PicWithCaptionLeft, .PicWithCaptionRight, .Layer p, 
.Layer td, .ClinicalIndex h2, .ClinicalIndex h3, .ClinicalIndex li
{
	font-size: 0.7em;
}

small {
	font-size: 90%;
}

.SmallFixed, #MetaNav li, .CommerceBox p, .NavLayer li, #StoreChooser li, #StoreChooser span {
	font-size: 11px;
	line-height: 16px;
}

li li, td p, td td {
	font-size: 100%;
}

td, th{
	text-align: left;
	vertical-align: top;
}

a {
	color: #e2007a;
}

p a {
	font-weight: bold;
}

a:visited {
	color: #c3689c;
}

a:hover {
	color: #ff008a;
}

h2 a, .ClinicalIndex a, p a {
	text-decoration: none;
}

.ClinicalIndex a:hover, p a:hover  {
	text-decoration: underline;
}
	
.Clear {
	clear: both;
}

div.Clear {
	font-size: 1px;
	height: 1px;
}

.Hidden {
	 position:absolute; 
	 left:-5000px; 
} 

.DoNotPrint {
	/*definied in print sheet - only here for IDE intellisense*/
}

.Top {
	margin-top: 0 !important;
}

.Left {
	float: left;
}

.Right {
	float: right;
}

img.Left {
	margin: 0 20px 20px 0;
}

img.Right {
	margin: 0 0 20px 20px;
}

.Centered {
	text-align: center;
}

.RightAligned {
	text-align: right;
} 

.NoWrap {
	white-space: nowrap;
}

.MoreLink {
	font-weight: bold;
	background: url('../images/global/dot_triangle.gif') no-repeat 0px 4px;
	padding: 0 0 4px 15px;
}

hr.Dotted {
	border: 0;
	border-top: 1px #000 dotted;
	height: 1px;
}

.PicWithCaptionLeft {
	float: left;
	margin: 0 20px 20px 0;
	width: 100px;
}

.PicWithCaptionRight {
	float: right;
	margin: 0 0 20px 20px;
	width: 100px;
}

/* Lists
-------------------------*/
ul, ul li  {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul {
	margin: 10px 0 10px 0;
}

ul li {
	background: url('../images/global/bullet.gif') no-repeat 9px 7px;
	padding-left: 20px;
	margin-bottom: 5px;
}

ol li {
	margin-bottom: 10px;
}

.Small li {
	margin-bottom: 5px;
}

.InlineList ul {
	margin: 0;
}

.InlineList li {
	background-image: none;	
	padding: 0;
	display: inline;
}

.ListWithArrow li {
	background: url('../images/global/arrow.gif') no-repeat 0px 5px;
	padding-left: 17px;
}

/* Tabs
-------------------------*/
.Tabs ul {
	margin: 0;
	padding: 0;
}

.Tabs li {
	background: url('../images/global/tabs/tab_left.gif') no-repeat left top;
	margin:0 3px 0 0;
	padding: 0; 
	float:left;
	line-height: 13px;
	font-size: 13px;
}

.Tabs li a, .Tabs li span {
	background: url('../images/global/tabs/tab_right.gif') no-repeat right top;
	padding:7px 19px;
	float:left;
	display:block;
	text-decoration:none;
	text-align: center;
	white-space: nowrap;
}

.Tabs li a:hover {
	text-decoration: underline;
}

.Tabs li.Current {
	background-image: url('../images/global/tabs/tab_on_left.gif');
}

.Tabs li.Current a, .Tabs li.Current span  {
	background-image: url('../images/global/tabs/tab_on_right.gif');
}

/* Vertical Nav
-------------------------*/

.VerticalNav {
	float: left;
}

.VerticalNav ul, .VerticalNav li {
	background: none;
	padding:0;
	margin: 0;
}

.VerticalNav li a, .VerticalNav li span {
	display: block;
	text-decoration: none;
	padding: 5px;
	color: #000;
}

/* Forms
-------------------------*/

/* Tables
-------------------------*/
.CompareTable {
	border-collapse: collapse;
	border-bottom: 1px #E2007A solid;
	width: 100%;
	margin-bottom: 20px;
}

.CompareTable th {
	background-color: #e0e0e0;
	border-bottom: 1px #E2007A solid;
	white-space:nowrap;
}

.CompareTable th, .CompareTable td {
	text-align: center;
	font-size: 0.7em;
	padding: 5px 9px;
	vertical-align:middle;
}

.CompareTable .Alternate {
	background-color: #e0e0e0;
}

.CompareTable .Broxo {
	background-color: #f0f0f0;
	font-weight: bold;
}

.CompareTable .Alternate .Broxo, .CompareTable th.Broxo {
	background-color: #c9c9c9;
}

.CompareTable .Feature, .CompareTable .Advantage {
	text-align: left;
}

.CompareTable .Note {
	font-size: 10px;
	line-height: 12px;
}


/* Boxes
-------------------------*/
.RoundedCornerBox {
	border: 1px #ff93c5 solid;
	background-color: #fff1fb;
}

.RoundedCornerBox .BoxTop, .RoundedCornerBox .BoxBottom {
	position: relative;
	background: url('../images/global/rounded_box/topleft.gif') no-repeat top left;
	left: -1px;
	top: -1px;
} 

.RoundedCornerBox .BoxTop div, .RoundedCornerBox .BoxBottom div {
	background: url('../images/global/rounded_box/topright.gif') no-repeat top right;
	position: relative;
	left: 2px;
	font-size: 1px;
	line-height: 1px;
	height: 6px;
}

.RoundedCornerBox .BoxBottom {
	background: url('../images/global/rounded_box/bottomleft.gif') no-repeat bottom left;
	top: 1px;
}

.RoundedCornerBox .BoxBottom div {
	background: url('../images/global/rounded_box/bottomright.gif') no-repeat bottom right;
}

/* Dynamic layer
-------------------------*/
.Layer {
	width: 510px;
	position:absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 99;
}

.Layer h2 {
	text-align: left;
}

.Layer .TopShadow, .Layer .BottomShadow  {
	background: url('../images/global/shadow_top_landscape.png') no-repeat bottom left;
	height: 7px;
	font-size: 1px;
}

.Layer .MiddleShadow {
	background: url('../images/global/shadow_middle_landscape.png') repeat-y;
	padding:  5px 4px;
}

.Layer .BottomShadow {
	background-image: url('../images/global/shadow_bottom_landscape.png');
}

.Portrait {width: 388px;}
.Portrait .TopShadow {background-image: url('../images/global/shadow_top_portrait.png');} 
.Portrait .MiddleShadow {background-image: url('../images/global/shadow_middle_portrait.png');} 
.Portrait .BottomShadow {background-image: url('../images/global/shadow_bottom_portrait.png');} 


.Layer h2 {
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	background-color: #e2007a;
	padding: 11px;
	margin-top: -10px;
}

.Layer p {
	margin: 10px 19px;
}

.Layer img {
	margin-left: 8px;
}

.Layer p img {
	margin-left: 0;
}

.Layer td img {
	margin-left: 0;
}

.Layer td {
	padding-left: 13px;
}

/* -----------------------
LAYOUT
-------------------------*/

#PageContainer {
	width: 948px;
	margin: 0px auto;
	text-align: left;
}

/* Top -------------------------*/

#Top {
	height: 96px;
	position:relative;
	background: url('../images/global/top_bg.jpg') no-repeat 106px top ;
}

.xmas #Top {
	background-image: url('../images/global/top_bg_xmas.jpg');
}

#Logo, #Tagline, #ShoppingCart{
	position:absolute;
}

#Logo {
	top: 0;
}

#Tagline {
	top: 68px;
	left: 136px;
}

#ShoppingCart {
	right: 33px;
	top: 69px;
}

#ShareWidget {
	position: relative;
	margin-bottom: -18px;
	text-align: right;
	top: 25px;
	z-index: 99;
}

.Home #ShareWidget {
	display: none;	
}

.Home .Intro #ShareWidget {
	display: block;	
	margin-bottom: -25px;
	top: 5px;
}

/* OVERLAY
----------------------------------------------- */
body, html {
	height: 100%;
}

#StoreOverlayBg, #StoreOverlay, #StoreChooser li .Background  {
	position: absolute;
	display: none;
	background-color: #fff;
	z-index: 98;
}

#StoreOverlayBg, #StoreChooser li .Background  {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

#StoreOverlay {
	width: 425px;
	border: 1px #000 solid;
	left: 0;
	top: 100px;
	text-align: left;
	padding: 15px 65px 15px 23px;
}

#StoreOverlay div {
	width: 193px;
}

#StoreOverlay h1 {
	margin-top: 0;
}

#StoreOverlay p {
	line-height: 1.2em;
}

#StoreChooser {
	position: absolute;
	left: 450px;
	top: 58px;
	width: 320px;
	color: #fff;
}

#StoreChooser li {
	color: #fff;
	background: url('../images/global/store_chooser/triangle_down.gif') no-repeat right 6px;
	padding: 0 24px 2px 4px;
	float: left;
	border: 1px #a8c2c6 solid;
	border-color: #ccc #333 #333 #ccc;
	line-height: 15px;
	position: relative;
}

#StoreChooser li div {
	position: relative;
	z-index: 99;
}

#StoreChooser li .Background {
	display: block;
	opacity:.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	background-color: #fff;
}


#StoreChooser li.over {
	border-color: #fff #fff #fff #fff;
}

#StoreChooser li.over .Background {
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

#StoreChooser span {
	margin: 0 10px;
	float: left;
}

.NavLayer {
	background-color: #fff;
	position: absolute;
	z-index:99;
	display: none;
	border: 1px #000 solid;
}

body .NavLayer li {
	white-space:nowrap;
	text-align:left;
	margin: 0;
}

.NavLayer li a, .NavLayer  li span {
	padding: 4px 27px 4px 9px;
	line-height: 17px;
	color: #000;
	background-position: -10px -10px;
	background-repeat: no-repeat;
}

.NavLayer li img, #StoreChooser li img {
	float: left;
	margin: 4px 7px 0 0;
}

#StoreChooser li img {
	margin-top: 3px;
}

.NavLayer li.WithSubNav a, .NavLayer li.WithSubNav span {
	background: url('../images/global/menu_arrow_white.gif') no-repeat right 11px;
}

.NavLayer li.over a, .NavLayer li.over span {
	text-decoration: none;
	background-color: #e2007a;
	color: #fff;
}

.NavLayer li.WithSubNav.over a, .NavLayer li.WithSubNav.over span {
	background-image: url('../images/global/menu_arrow_black.gif');
}


/* MainNav
implements: .InlineList
-------------------------*/

#MainNav {
	border-bottom: 1px #fff solid;
	margin: 0 33px 0 136px;
	padding: 2px 0 2px 0;
}

#MainNav a, #MainNav span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	padding: 0 4px 0 10px;
	background: url('../images/global/topnav_divider.gif') no-repeat 0 6px;
}

#MainNav .Current a, #MainNav .Current span, #MainNav a:hover {
	color: #ff70bd;
}

#MainNav .First a, #MainNav .First span {
	padding-left: 0;
	background-image: none;
}

/* Main area -------------------------*/


.TitleArea {
	position: relative;
	margin: 19px 0 27px 0;
	border-bottom: 1px #e2007a solid;
	padding-bottom: 3px;
}

.CommerceBox { 
	border: 1px #e2007a solid;
	border-top-width: 3px;
	margin: -27px 0 13px 0;
}

.CommerceBox .ColumnContainer {
	background: url('../images/global/dot.gif') repeat-y 471px;
	padding: 10px 28px;
}

.CommerceBox .Left, .CommerceBox .Right {
	width: 415px;
}

.CommerceBox .MainProductPrice, .CommerceBox .AlternativeProductPrice {
	font-size: 22px;
	font-weight: bold;
}

.CommerceBox .AlternativeProductPrice {
	font-size: 18px;
	color: #900;
}

.CommerceBox .AlternativeProductPrice .ReducedFrom {
	font-size: 14px;
	font-weight: normal;
	text-decoration:line-through;
	color: #000;
	margin-right: 10px;
}

.Price, .ReducedFrom {
	white-space: nowrap;
}

.CommerceBox p {
	margin: 5px 0 15px 0;
}

.CommerceBox h3 {
	font-size: 14px;
	margin: 0;
}

#MainColumn {
	float: left;
	border: 1px #000 solid;
	width: 697px;
	padding: 20px 10px 20px 10px;
}

/* Local nav
implements: .Tabs
-------------------------*/

#LocalNav {
	margin: 0 10px 0 10px;
	height: 26px;
	position: relative;
	top: 2px;
	width: 697px;
}

#LocalNav li, #LocalNav li.Current a {
	font-weight: bold;
	color: #e2007a;
}

#LocalNav li a {
	color: #fff;
}

.LeftColumn, .RightColumn {
	width: 312px;
}

.LeftColumn {
	float: left;
}

.SingleColumn {
	padding: 0 20px 0 20px;
}

.RightColumn {
	float: right;
}

.Asymetric .LeftColumn {
	width: 287px;
}

.Asymetric .RightColumn {
	width: 386px;
}

.Quotation { /* implements: .RoundedCornerBox */
	position: relative;
}

body .Quotation p {
	font-size: 18px;
	margin: 17px 24px 10px 40px;
	line-height: 19px;
}

.Quotation .Quote, .Quotation .Unquote {
	position: absolute;
}

.Quotation .Quote { 
	top: -11px;
	left: 10px;
} 

.Quotation .Unquote {
	bottom: -11px;
	right: 10px;
}

.Quotation .QuoteAttribution {
	font-size: 13px;
}

.Quotation .MoreLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-position: 0px 3px;
}

.Thumbnails {
	margin-top: 38px;
}

.Thumbnails img {
	margin:  0 0 13px 85px;
	display: block;
}

.Thumbnails .Left {
	clear: both;
	margin:  0 0 13px 32px;
}

.Thumbnails .Right {
	margin:  0 32px 13px 0;
}

.FooterPrice {
	background-color:#FFF1FB;
	border:1px solid #FF93C5;
	padding: 10px;
	margin-bottom: 20px;
}

.FooterPrice p {
	float: left;
	margin: 10px 20px 0 0;
	font-weight: bold;
	font-size: 16px;
}

/* Sidebar -------------------------*/

#SideBar {
	width: 218px;
	float: right;
}

#SideBar h3 {
	padding: 3px 13px 3px 0px;
	border-bottom: 1px #ff68b1 solid;
	margin: 25px 0 17px 0;
	font-size: 0.85em;
}

#SideBar h3:first-child {
	margin-top: 0;
}

#SideBar p {
	margin-left: 13px;
	margin-right: 13px;
}

/* Footer -------------------------*/

#Footer {
	margin: 23px 0 23px 0;
	border-top: 1px #ccc solid;
	padding-top: 10px;
	color: #999;
	text-decoration: none;
}

#Footer p {
	line-height: 16px;
}

#Footer .AdvLink {
	color: #999;
	text-decoration: none;
	font-weight: normal;
}

/* -----------------------
PAGE SPECIFIC
-------------------------*/

/* Home -------------------------*/

.Home p {
	line-height: 1.7em;
}

.Home h3 {
	margin-top:9px;
	margin-bottom: 17px;
	font-size: 0.85em;
}

.HomeLayout {
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
	table-layout: fixed;
}

.Home #Footer {
	border-top: 0;
}

.HomeLayout td {
	font-size: 100%;
	padding: 0;

}

.HomeLayout .DividerRow td {
	font-size: 1px;
	line-height: 0px;
	height: 4px;
	background-color: #e2007a;
}

.HomeLayout .DividerColumn {
	font-size: 0px;
	background-color: #ff93c5;
	width: 1px;
}

.HomeLayout .DividerRow td.DividerColumn {
	background-color: #fff;
	font-size: 0px;
}

.Home .FlashIntro, .Home .Intro {
	width: 499px;
	padding: 1px 0;
}

.Home .Intro {
	padding: 0 5px 15px 0;
}

.Home .ProductCell {
	width: 223px;
}

.Home .ProductCell h3, .Home .ProductCell p, .Home .ProductCell p, .Home .Quotation {
	margin-left: 7px;
	margin-right: 7px;
}

.Home .ProductCell h3 {
	margin-bottom:0;
}

.Home .ProductCell ul {
	margin-right: 7px;
}

.Home li {
	margin-bottom: 10px;
}

.Home .Quotation {
	margin:10px 7px;
}

.Home .Quotation p {
	margin-left: 10px;
}

.Home #Footer {
	margin-top: -2px;
}


/* Index  -------------------------*/

/* Clinical studies  -------------------------*/

.ClinicalIndex {
	margin-top: -20px;
	border-bottom: 1px #999 solid;
	padding-bottom: 20px;
}

.ClinicalIndex h2 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	background-color: #e0e0e0;
	padding: 6px 7px;
	font-weight: bold;
	color: #000;
}

.ClinicalIndex h3 {
	margin-bottom: -5px;
}

.ClinicalIndex li {
	line-height: 1.3em;
	background-position: 0px 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}


.ClinicalIndex .Left, .ClinicalIndex .Right {
	width: 323px;
}