@charset "utf-8";

html,body {
	margin: 5px;
	margin-top:0;
	padding: 0px;
}
body {
	/* background:#c6e1ec; */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4D4D4D;
	text-align:left;	
	padding-bottom: 50px;
	/*background-image:url(/images/dh-grey-bg.gif);*/
	background-color: #f6f7e9;	
}

img { 
	border: 0px;
}
sup {
	font-size:10px;
	}
input,select,textarea{
	border:1px solid #666;
	border-collapse: collapse;
	font-size:12px;
	color:#4D4D4D;
}

input[type=checkbox],input[type=radio]{
	border:none;
}

.topicsBox{
	float: right;
	width: 250px;
	/*border: 1px solid #CCC;*/
	padding-left: 22px;
	padding-bottom: 10px;
}


.topicsBox li{
	margin-left: 15px;
}

div#map{
 	width:300px; 
	height: 250px; 
	border: 1px solid #BADC8F;
	margin-left:10px;
	margin:3px;
	float:right;
 }

.cartSummaryDIV{
	background:#FFFAE3;
	width:159px;
	padding:5px;
	margin-bottom:5px;
	border:1px dashed #ECBB80;
}

.cartSummaryDIV b{
	color:#7AA867;
}

/*****More Articles*****/
/***********************/
ul.moreArticles {
	width: 560px;
	list-style-type: none;
	padding: 0;
	margin-left: 5px;
	}
.moreArticles li {
	list-style-type: none;
	padding: 0;
	}
.moreArticles img{
	padding-bottom: 30px; 
	padding-top: 3px;
	
	}
.moreArticles li img{
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
	
	}
.moreArticles a{
	font-weight: 700;
	
	}
div#moreArticlesHiddenContainer {
	display: none;
	float: left;
	position: relative;
}


/**********NEW LEFT NAV***********/
/*********************************/
.homeRight, .leftnav {
	padding: 2px 2px 2px 2px;	
	float: left;
	margin-bottom: 8px;
	width: 169px;
	font-style: normal;
}
.homeRight ul, .leftnav ul {
	list-style: none;
	background-color: #fle6c3;
	margin: 0px;
	padding: 0px;
}
.homeRight li, .leftnav  li{
	background-color: #fff8d6;
	padding: 3px 3px 3px 6px;
	margin-top: 2px;
	font-size: 11px;
	color: #4d4d4d;
	font-style: normal;
}
.homeRight a, .leftnav a{
	color: #905a21;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	/*font-weight: 550;*/
}
.homeRight li:hover, .leftnav li:hover {
	background-color: #fffae3;
	cursor: pointer;	
	color: #2d2d2d;
	font-style: normal;
}
/**********NEW RIGHT NAV***********/
/*********************************/
#rightnav2 {
	/*padding: 2px 2px 2px 2px;	*/
	/*border: 1px solid #cecece;*/
	float: left;
	margin-bottom: 8px;
	width: 175px;
}
#rightnav2 ul {
	list-style: none;
	background-color: #f1e6c3;
	margin: 0px;
	padding: 0px;
}
#rightnav2  li{
	padding: 0px 0px 0px 0px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	color: #4d4d4d;
}
#rightnav2 a{
	color: #905a21;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 550;
}
#rightnav2 li:hover {
	cursor: pointer;


}
h1.defaultpage {
	font-size: 16px;
	font-weight: bold;
	color: #4d4d4d;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	border-top-width: none;
	border-top-style: none;
	border-top-color: none;
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: none;
	font-style: normal;
	padding-bottom: 5px;
	}
h1 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bddc96;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bddc96;
	color: #4bafe3;;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	/*height: 31px;*/
	display: block;
}
h2 {
	font-size:14px;
}

h3 {
	font-size:15px;
}

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


input { 
	color: #6d6d6d;
	font-size: 11px;
}

#all {
	width: 955px;
	height: auto;
	margin: 0 auto;	
	position:relative;
	left: -10px;
}
#borderWrap {
	border: 1px solid #cecece;
	float: left;
	background-color: #FFFFFF;
	border-left-image: url(/images/dsleft.gif);
	position:relative;
	left: 10px;
	width: 955px;	
	padding-bottom: 8px;
}
#header {
	padding: 0px;
	margin: 0px;	
	background-image: url(/images/header/bggreen-long3.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width: 955px;
	height: 139px;
	float: left;
	border-bottom: 1px solid #cecece;
}
#center-container {
	float: right;
	position: relative;
}
#center {
	width: 576px;
	float: left;	
	position: relative;
	left: -5px;
}

#searchCenter {
	width: 760px;
	float: left;
	position: relative;
	left: -5px;
	
	}

#center-container-wide {
	float: right;
	position: relative;
}

#center-wide {
	width: 760px;
	float: left;	
	position: relative;
	left: -5px;
}

#left {
	width: 182px;	
	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;
}
#footer {
	float: left;
	width: 955px;
	height: 8px;	
}
#center-wrapper {
	clear: both;
	width: 955px;
	background-image: url(/images/bgNavs.jpg);
	background-repeat: repeat-y;	
	float: left;
}
#center-wrapper #center-container, #center {
	margin: 0 2px 0px 2px;
	vertical-align: top;
}

#center-wrapper-wide{
	clear: both;
	width: 955px;
	float: left;
	background-image: url(/images/bgNavWideLeft.jpg);
	background-repeat: repeat-y;	
}
#center-wrapper-search {
	clear: both;
	width: 955px;
	background-image: url(/images/bgNavsSearch.jpg);
	background-repeat: repeat-y;	
	float: left;
}
#center-wrapper-search #center-container, #center {
	margin: 0 2px 0px 2px;
	vertical-align: top;
}

#center-wrapper-wide{
	clear: both;
	width: 955px;
	float: left;
}
.noborder img {
	border: 0px;
}
#tabContainer {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 955px;
}
.tab {
	float: left;
}
/*****************************************************/
#mininav-container {
	width: 380px;
	height: 111px;	
	float: left;
}
#header #mininav{
	margin-left: 50px;
	margin-top: 40px;
	border-bottom: 1px dotted #799e2d;
	width: 275px;
	padding-bottom: 6px;
}
#header #contactusphone {
	position: relative;
	left: 60px;
	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-size:12px;
	color:#4D4D4F;
	text-decoration:none;
	margin-left:3px;
	margin-right:3px;
}
#header #mininav a:hover,#header #Mymininav a:hover{
	font-size:12px;
	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 #search {
	width: 205px;
	height: 26px;
	margin-top: 1px;
	margin-right: 0px;
	padding-left: 50px;	
	float: left;
	background-image: url('/images/dermasearch.jpg');
} 

.search {
	position: relative;
	padding-left: 0px;
	float: left;
	/*background-image: url('/images/dermasearch.jpg');*/
	border: none;		
}
.search img { 
 position: relative;
 margin-left: -36px;
 padding-right: 6px;
}

#searchText {
	top: 12px;
	float: left;
	border-style: none;
	
}

#searchBox {
	top: 7px;
	float: left;
	border: none;
}

#searchGo {
	top: 4px;
	margin-left: 2px;
}
#searchBox input {
	 font-size:10px;
	 height:12px;
	 width:142px;
	 margin-top: 1px;
	 border: none;	 	 
}

/* IE7 Search Box stuff */

.search img { 
	*margin: 0px;
	*padding: 0px;
	*left: -40px;	
	*margin-right: -30px;	
}
#searchBox input {
	*padding: 0px;
	*margin: 0px;
	*width: 142px;
	*position: relative;	
	*margin-left:6px;		
	*height: 14px;
}


li { 
	list-style-image: url(/images/helpers/star.gif);
}

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

/************************************************/
/* Non-Layout related stuff */
#logo {
	height: 111px;
	width: 550px;
	float: left;
}
#logo img { 
	margin-top: 10px;
	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-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-weight: bold;
	margin-bottom: 8px;	
}

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

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

/***** Left Nav ***********************/
/**************************************/
#leftnav {
	padding: 2px 2px 2px 2px;	
	border: 1px solid #cecece;
	float: left;	
	margin-bottom: 8px;
	width: 169px;
}
#leftnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#leftnav .listitem {
	background-color: #d9d9d9;
	padding: 3px 3px 3px 6px;
	margin-top: 2px;
	font-size: 11px;
	color: #4d4d4d;
	font-style: normal;
}
#leftnav .listitem a {
	color: #2d3d2d;	
	font-style:normal;
}
#leftnav .listitem:hover {
	background-color: #bfd0d6;
	cursor: pointer;	
	color: #2d2d2d;
}
#leftnav .subnav .listitem {	
	background-color: #ececec;
	padding-left: 16px;
}
#leftnav .subnav .listitem:hover {
	background-color: #eab14d;
}
	#leftnav .subnav .listitemon {
	font-weight: bold;
	background-color: #f9f9f9;
}
.subnav {
	z-index: 7;
}

#newsletterOptin { 
	width: 173px;
	height: 183px;
	background: url(/images/left/subscribebg.jpg);
	position: relative;	
	float: left;
	margin-bottom: 8px;
}

.subscribeForm { 
	position: relative;
	top: 140px;
	left: 9px;
}

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

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

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

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

.cartImage {
    position:relative;
    bottom:-3px;
}

/**************************?
/* Add this */


#addThisContainer { 
	
	position: relative;
	left: 85px;
	top: 4px;
}

/* IE6 */
/* \*/
* html #left { 
	margin-left: 4px;
	padding-bottom: 10px;
}
* html #leftnav { padding-bottom: 2px; width: 170px;}
* html #leftnav img { margin-bottom: -2px; }
* html #center {width: 560px;}
* html #center-container {margin: 0px;}
* html #borderWrap { padding-bottom: 8px; }
* html #all { left: 0px; }
/* */

/* 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: 13px; }
	#yourStories #yourStoriesText { font-size: 11px; }
} 

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

div#programs {
	height: 2px;
	width: 90px;		
	}

#topArticlesTable {
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	margin-bottom:10px;
	width:175px;
	padding:3px;
}	

#topArticlesTable tr:hover {
	background-color:#ececec;
}	

#topArticlesTable a:hover {
	color:#333333;
}

#topArticlesTable td {
	vertical-align:top;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	padding-top:3px;
	padding-bottom:3px;
}	

#topArticlesTable .number {
	font-weight:bold;
	padding-left:5px;
}	

.homeRight li, .moreArticles li, .leftnav li, #rightnav2 li { 
	list-style-image: none;
	font-style: normal;
}

.homeRight  
{
    padding: 0px;
}
.homeRight ul  
{
    width: 175px;
}

.assessmentHeader { 
	position:relative;
	top:-8px;
	margin-bottom:-6px;	
}


.fontSizeButton  
{
    position: relative;
    top: -7px;
    left: -7px;    
}

.dietTip:before { 
	content: url(/images/helpers/leaf.gif);
	position: relative;
	top: 3px;
}
.dietTip { 
	position: relative;
}