/*================================================================================
TITLE: Default Style Sheet
CLIENT: Cogent Solutions Group, Inc.
TARGET SPEC: CSS-2
MODIFIED: 2007.08.29
AUTHOR(S): Kristi Jenkins
==================================================================================*/

/*
	====================================  ELEMENT DEFAULTS  =========================================
*/

a, a:visited { color: #06c; cursor: pointer; text-decoration: underline; }
a:hover, a:visited:hover { color: #06c; cursor: pointer; text-decoration: none; }

html, body, h1, h2, h3, h4, div, img, table, li { margin: 0px; padding: 0px; border: 0px; }

body { 
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif; 
	color: #000;
	background: #469;
	padding-bottom: 30px;
	}

table { font: inherit; }

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

h1 {
	font: bold 19px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 20px;
}

h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 20px 0px 10px 0px;
}

h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 5px;
	padding: 3px 0px 3px 0px;
}

h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 0px;
}

sup { font-size: .6em; position: relative; line-height: .5; }

ul { margin: 0px; padding: 0px 0px 0px 15px; }
ul li { padding: 2px 0px 2px 0px; }
ul li a { padding: 0px; }

ul.NoBullets { list-style: none; padding: 0px; }

p:first-child, p.FirstChild { margin-top: 0px; padding-top: 0px; }

/*
	====================================  CUSTOM CLASSES  =========================================
*/

.FigureLeft, .FigureRight, .PicLeft, .PicRight { border: 1px solid #e0e0e0; padding: 9px; font-size: 10px; margin-top: 5px; margin-bottom: 10px; clear: both; }
.FigureLeft img, .FigureRight img { display: block; margin-bottom: 5px; }
.FigureLeft, .PicLeft { float: left; margin-right: 30px; }
.FigureRight, .PicRight {margin-left: 30px; }
.PicRightPlain {margin: 5px 0px 10px 10px; }

.Chart, .ProductList { width: 100%; }
.Chart th, .ProductList th { background: #fff; color: #c00; text-align: left; font-size: 14px; }
.Chart td, .Chart th, .ProductList td, .ProductList th { border-bottom: 1px solid #c0c0c0; padding: 5px 10px 5px 10px; }
.Chart td, .ProductList td { background: #f8f8f8; }
.Chart tr.AltRow td, .ProductList tr.AltRow td { background: #fff; }

.ContentBox { border: 1px solid #e0e0e0; padding: 10px 14px 10px 14px; margin-top: 10px; position: relative; } 

.FirstChild { margin-top: 0px; }
.LastChild { margin-bottom: 0px; }

.StandardTable { border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; font-size: 12px; line-height: 1.2; margin: 8px 0px 15px 0px; width: 100%; }
.StandardTable th, .StandardTable td { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 7px 3px 6px 3px; }
.StandardTable th { font-weight: bold; background: url(images/bg_title_row.gif); }
.StandardTable td { vertical-align: top; text-align: center; }
.StandardTable .AltRow td { background: #ffff99; }



/*
	====================================  LAYOUT & SPECIAL ITEMS  =========================================
*/




#layoutWrapper { width: 950px; margin: 0px auto 0px auto; }

#topSection {
	height: 139px;
	position: relative;
	background: url(images/bg_topsection.gif) repeat-x;
	border-bottom: 1px solid #e0e0e0;
	color: #fff;
}
#topSection img {	display: block; }
#imgLogo { position: absolute; left: 10px; top: 20px; }

#navBar { position: absolute; top: 60px; right: 0px; height: 30px; }
#navBar a, #navBar a:visited, #navBar a:hover, #navBar a:visited:hover {
	border-left: 1px solid #000;
	display: block;
	float: left; margin: 0px;
	height: 14px;
	color: #fff;
	text-decoration: none;
	padding: 8px 10px 8px 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#navBar a:hover, #navBar a.Active { background: #000; }
#navBar a.buynow { color: #ffd800; }
#navBar a.buynow:hover { color: #fcff00; }

#contentSection, .ColumnWrapper { color: black;  height: 100%}

#contentSection { background: #fff; padding: 30px; position: relative; border-bottom: 1px solid #e0e0e0; }
.HomePage #contentSection { padding: 20px 20px 20px 0px; }

.SubPage1A #contentSection { padding: 20px; }
.SubPage1A #contentSection h2 { border-bottom: 5px solid #469; margin-bottom: 30px; }
.SubPage1A #contentSection h1 { border-bottom: 5px solid #469; margin-bottom: 20px; }

.Column { display: inline; float: left; }

.HomePage #column1 { width: 240px; padding: 20px; background: #cceaea; margin-right: 20px; float: left; }
.HomePage #column2 { width: 430px; margin-right: 20px; float: left;}
.HomePage #column3 { width: 180px; float: left; }
.HomePage #column1 img { display: block; border: 5px solid #fff; }
.HomePage #column2 h2 { border-bottom: 5px solid #469; margin-bottom: 0px; }

#headlines p { display: block; position: relative; border-top: 1px solid #e0e0e0; padding: 20px 0px 5px 120px; min-height: 75px; }
#headlines p.FirstChild { border-top: 0px; }
#headlines p img { display: block; position: absolute; top: 20px; left: 0px; }
#headlines span.Title { display: block; font: bold 16px Arial, Helvetica, sans-serif; }
#boxArthritis h2  { border-bottom: 5px solid #a1cece; }
#boxReaderComments h2 { border-bottom: 5px solid #a1cece; }
#boxDidYouKnow h2 { border-bottom: 5px solid #fb2; }

#headlines2 h2 { border-bottom: 5px solid #469; margin-bottom: 0px; }
#headlines2 p { display: block; position: relative; border-top: 1px solid #e0e0e0; padding: 20px 0px 5px 15px; min-height: 75px; }
#headlines2 p.FirstChild { border-top: 0px; }
#headlines2 p img {  margin: 10px;}
#headlines2 span.Title { display: block; font: bold 16px Arial, Helvetica, sans-serif; }




#footerSection {
	font-size: 10px;
	line-height: 1.3;
	color: #808080;
	background: #f0f0f0 url(images/bg_footersection.gif) bottom left repeat-x;
	padding: 23px 20px 25px 98px;
	position: relative;
}
#footerSection a { color: #808080; }
#footerSection a:hover {  }
#footerLogo {  }


.footerSection2 {
	font-size: 10px;
	line-height: 1.3;
	color: #808080;
	background: #f0f0f0 url(images/bg_footersection.gif) bottom left repeat-x;
	padding: 23px 20px 25px 98px;
	
}
.footerSection2 a { color: #808080; }
.footerSection2 a:hover {  }
.footerLogo2 { position: absolute; left: 20px; top: 20px; }