@charset "utf-8";

html,body {
	margin: 5px;
	padding: 0px;
}
body {
	background:#c6e1ec;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4D4D4D;
	text-align:left;	
	padding-bottom: 50px;
}
input {	
	color: #6d6d6d;	
}

h1 { 
	font-size: 12px; 
}

a {
	color: #098398;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #70b5d4;
}

#all {
	width: 955px;
	height: auto;
	margin: 0 auto;	
	position: relative;
	/*left: -22px;*/
	left: -10px;
}
#borderWrap {
	border: 1px solid #cecece;
	float: left;
	background-color: #FFFFFF;
	border-left-image: url(/images/dsleft.gif);
	position:relative;
	/*left: 22px;*/
	left: 10px;
	width: 955px;
}

#dsTop {
	background-image: url(/images/dstop2.gif);
	height: 15px;
	width: 979px;
	position:relative;
}

#dsSide {
	background-image: url(/images/dssides.gif);
	float: left;
	width: 979px;
	margin: 0 auto;
	position:relative;
	/*left: 10px;*/
}

#dsBottom {
	background-image: url(/images/dsbottom.gif);
	height: 15px;
	width: 979px;
	position: relative;
	float: left;
	bottom: 0px;
}


#header {
	padding: 0px;
	margin: 0px;	
	background-image: url(/images/header/bgblue.jpg);
	width: 955px;
	height: 139px;
	float: left;
	border-bottom: 1px solid #cecece;
}
.cartImage { 
	position: relative;
	top: 4px;
}
#center-container {
	float: right;
	position: relative;
}
#center {
	width: 576px;
	float: left;	
	position: relative;
	left: -5px;
}

#centerError 
{
    width: 576px;
	float: left;	
	position: relative;
	left: -5px;
	padding: 20px 100px 0 0;
}

#left {
	width: 178px;	
	background-color: #ffffff;
	position: relative;
	float: left;
	margin-left: 8px;
}
#right {
	width: 180px;
	float: left;
	height: auto;
	background-color: #fff;
	position: relative;
	margin-bottom: 8px;
}
#right p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
}

/*
#right .solutionbox { 
	margin-bottom: 8px;
}
*/

.solutionbox { 
	margin-bottom: 8px;
}

#footer {
	float: left;
	width: 955px;
	height: 8px;	
	position: relative;
	left: 22px;	
}
#center-wrapper {
	clear: both;
	width: 955px;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-y;	
	float: left;
	margin-bottom: 6px;
	min-height: 600px;
}
#center-wrapper #center-container, #center {
	margin: 0 2px 0px 2px;
	vertical-align: top;
}
.noborder img, img {
	border: 0px;
}
#tabContainer {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 955px;
}
.tab {
	float: left;
}
/*****************************************************/
#mininav-container {
	width: 365px;
	height: 111px;	
	float: left;
}
#header #mininav{
	margin-top: 40px;
	border-bottom: 1px dotted #799e2d;
	width: 365px;
	padding-bottom: 6px;
}
#header #contactusphone {
	position: relative;
	left: 48px;
	font-size: 14px;	
	width: 280px;
	margin-top: 4px;
}
#header #mininav a {
	padding: 3px;
}
#header #mininav a:link,#header #mininav a:visited,#header #Mymininav a:link,#header #Mymininav a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4D4D4F;
	text-decoration:none;
	margin-left:3px;
	margin-right:3px;
}
#header #mininav a:hover,#header #Mymininav a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4D939D;
	text-decoration:none;
	margin-left:3px;
	margin-right:3px;
}
#header #mininav a.leftrightborder,#header #Mymininav a.leftrightborder{
	border-left:1px dotted #799e2d;
	border-right:1px dotted #799e2d;
	padding-left:6px;
	padding-right:6px;
}
#header .topSearchPanel {
	width: 202px;
	height: 24px;
	margin-right: -50px;
	float: left;
	position:relative;
} 
#header .topSearchImage {
	position:absolute;
	top:12px;
	left:5px;
}
#header .topSearchBox {
	position:absolute;
	top: 9px;
	left:55px;
	font-size:10px;
	 height:12px;
	 width:100px;
	 border:1px solid #666;
}
#header .topSearchBoxSearchButton {
	position:absolute;
	top: 5px;
	left:160px;
}
/***************************************/

/************************************************/
/* Non-Layout related stuff */
#logo {
	height: 111px;
	width: 560px;
	float: left;
}
#logo img { 
	margin-top: 20px;
	margin-left: 20px;
}

.midnavrow {
	width: 570px;	
	margin-left: 4px;
	position: relative;
	clear: both;	
	margin-bottom: 16px;
}
.linkgroup {
	margin-bottom: 16px;
	margin-right: 8px;
	float: left;
	height: 100%;
}
.grouptitle {
	height: 23px;
	width: 270px;
	background: url(../images/content/bgtitle.jpg) right;	
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #6d6d6d;
	padding-top: 4px;
	padding-left: 2px;
	font-weight: bold;
}
.midnavrow ul {
	padding: 0px;
	margin: 0px;
}
.midnavrow li {
	margin-left: 22px;
	margin-bottom: 6px;
}
.midnavrow img {
	margin-left: 8px;
}

#textcta {
	padding: 6px;
	font-size: 16px;
	color: #098398;
	border: 1px solid #cecece;
	clear: both;
	font-weight: bold;
	text-align: center;
	margin-bottom: 12px;
}
#linkfooter {
	text-align: center;	
	margin-bottom: 10px;
}

#rightphone {
	font-size: 16px;
	color: #098398;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	margin-bottom: 8px;	
}

#toolbox {
	width: 955px;
	height: 20px;
	clear: both;
	margin: 4px 0px;
	background-color: #FFFFFF;
}

#breadbox {
	width: 500px;
	height: 20px;
	float: left;
	vertical-align: middle;
	font-weight: 500;
	font-size: 10px;
	position: relative;
	left: 10px;	
	padding-top: 8px;
	background-color: #FFFFFF;
}
#tools { 
	width: 455px;
	height: 20px;
	text-align: right;
	float: left;	
	padding-top: 2px;
}
#tools div {	
	position: relative;
	float: left;	
}

/***** Left Nav ***********************/
/**************************************/
#leftnav, .blogleftnav {
	padding: 2px 2px 2px 2px;	
	border: 1px solid #cecece;
	float: left;	
	margin-bottom: 8px;
	width: 167px;
}
#leftnav ul, .blogleftnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#leftnav .listitem, .blogleftnav .listitem {
	background-color: #ddefcb;
	padding: 3px 3px 3px 3px;
	margin-top: 2px;
	font-size: 12px;
	min-height: 16px;
	position: relative;		
	text-align: left;
	
}

#leftnav .listitem:hover, .blogleftnav .listitem:hover {
	cursor: pointer;		
}
#leftnav .subnav .listitem, .blogleftnav .subnav .listitem {	
	background-color: #ffffff;
	border-bottom: 2px dotted #8d8d8d;		
}
#leftnav .subnav .listitem:hover, .blogleftnav .subnav .listitem:hover {
}
#leftnav .listitem, .blogleftnav .listitem {
	text-decoration: none;
	width: 161px;
}
#leftnav .listitem:hover, .blogleftnav .listitem:hover { 
	text-decoration: underline;	
}
.listitem a {
	color: #4d4d4d;
}
.subnav {
	z-index: 7;
}
.floatLeft { 
	float: left;
}
/**************************************/

#yourStories {
	position:relative;
	width: 175px;
	text-align: center;
	font-size: 10px;
	top: -8px;
}

#yourStories #yourStoriesTitle{
	color: #6d8bd4;
	font-size: 10px;
	padding: 8px;
	padding-top: 0;
	margin: 0;
	text-align: left;
}
#yourStories #yourStoriesText{
	color: #666666;
	font-weight: lighter;
	font-size: 10px;
	position: relative;
	padding: 8px;
	padding-top: 0;
	text-align: left;
}
#yourStories #yourStoriesReadMore {
	position: relative;
}

#yourStories #yourStoriesBottom {
	position: relative;
	padding: 0;
	padding-top: 3px;
	margin: 0;
	margin-bottom: -5px;
}

#blogCTA { 
	width: 173px;
	height: 79px;
	background: url(/images/left/bonehealthblog2.gif) top left no-repeat;
	position: relative;
	float: left;
	margin-bottom: 6px;
	padding-bottom: 5px;
}

#blogCTA #blogEmailContainer { 
	position: relative;
	left: 8px;
	float: left;
	top: 50px;
}
#blogCTA #goButton { 
	position: relative;
	left: 12px;
	float: left;
	top: 50px;
}

#blogCTA #goButton img, #blogCTA #goButton img:hover { 
	position: relative;
	top: 8px;	
}


/* IE6 */
/* \*/
* html #left { 
	margin-left: 4px;
	padding-bottom: 10px;
}
* html #leftnav { padding-bottom: 2px; }
* html #leftnav img { margin-bottom: -3px; }
* html #center { left: -2px; }
* html #footer { position:realtive;margin-left:20px; }
* html #borderWrap { padding-bottom: 8px; }
* html #all { 	left: 0px; }
* html #center { }
* html #dsTop { margin-bottom: -1px; }
* html .homepageCTAContent  { height: 130px; }
* html #blogCTA { margin-bottom: -4px; }
* html #rightphone { margin-top: -6px; }

* html .blogleftnav { padding-bottom: 2px; }
* html .blogleftnav {  margin-bottom: -3px; }

/* */

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
	/* Temporary Hack this is based on CSS3 and will need to be updated */
	/* However this is a minor fix */
	#yourStories span { 
		font-size: 11px; 
		padding: 6px;
	}
	#yourStories #yourStoriesText { font-size: 11px; }
	#blogCTA #blogEmailContainer { top: 45px; }
	#blogCTA #goButton { top: 45px; }

} 

/* IE8 */
/*/ 
	#blogCTA { margin-bottom: -5px; }	
	.midnavrow { height: 140px;	}
	#midnavrowthird { height: 70px; }	
	#left img { 
		margin-bottom: -2px;
	}	
	.listitem a { 
		left: 22px;
		margin-top: 1px;
		width: 150px;
	}
	.subnav .listitem a {		
		left: 0px;
		position: relative;		
	}		
	#blogCTA { 
		padding-top: 18px;
		margin-bottom: -12px;
	}
	
/* */



/***** Natalie CSS :)  ********/


p.bottomnav{
	font-size:11px;
}

p.pagetitle{
	margin:0px;
	width:100%;
	border-top:2px dotted #a0a0a0;
	border-bottom:2px dotted #a0a0a0;
	color:#568e81;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-style:normal;
	font-weight:normal;
	padding:5px 0px;
	height:31px;
	display:block;
}

h1.main, h2, h3, p.h2{
	color:#568e81;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:600;
	margin:10px 0px 10px 0px;
	padding:0;
}

p.h3{
	color:#568e81;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:600;
	margin:0px 0px 0px 0px;
	padding:0;
}

ul.flower{
	list-style-image:url(/images/helpers/listflower.gif);
	margin:0;
	padding:0;
	margin-left:20px;
	margin-bottom:10px;
}

ul#centerarticles{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

ul#centerarticles li{
	clear:both;
	padding-bottom:10px;
}

table.blackborder {
	border-width: thin;
	border: 1px;
	border-spacing: 5px;
	border-style: solid;
	border-color: #4d4d4d;
	border-collapse: collapse;
}

table.blackborder th {
	border-width: thin;
	border: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #4d4d4d;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.blackborder td {
	border-width: thin;
	border: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #4d4d4d;
	-moz-border-radius: 0px 0px 0px 0px;
}

#shadow {
	width: 627px ;
	/*border-right: 4px solid #cecece;
	border-bottom: 4px solid #cecece;*/
	-moz-box-shadow: 4px 4px 4px #cecece;
	-webkit-box-shadow: 4px 4px 4px #cecece;
	box-shadow: 4px 4px 4px #cecece;

}

/**** End Natalie CSS :( *****/



#toolBoxScript { 
    display: none;
}