/* ~-~-~~-~-~ CSS Document -~-~-~-~-~ *\
|                                      |
|             Created for:             |
|              DrPepi.com              |
|           by Ashton Sanders          |
|         WebsitesinaFlash.com         |
|                                      |
\* ~-~-~~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

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

html {
	margin:0;
	min-width:975px;
	position:relative;
}

body { 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align:center;
	margin:0;
}

div, h1, h2, h3, h4 { margin:0}

div#container {
	width: 975px;	
	margin: 0 auto;
}


/* ~-~-~-~-~- HEADER ~-~-~-~-~- */

#header {
	height: 82px;
	background: url('../images/pepiheader.gif') top left no-repeat;
}

#header h1 {
	margin: 0;
	padding-top:23px;
	font-size: 190%;
	font-weight:100;
}

#header h1 span {
	display:none;
	color: #89B0B0;
	background-color: #FFFFFF;
	font-family: "Courier New", Courier, Arial, Helvetica, sans-serif;
}

/* ~-~-~-~-~- Anchors ~-~-~-~-~- */

#mainbody a { color: #48979D; text-decoration:none}

#mainbody a:hover { color: #2D5B60; }

#mainbody .bottom-success-link {
		margin-top:20px;
		}

/* ~-~-~-~-~- Main Content ~-~-~-~-~- */

#content {
	border: 1px solid #4E4E50;
	text-align:left;
	margin-top: 15px;
	background: url('../images/leftnav-bg2.gif') repeat-y ;
}

h3#maintitle {
	border: solid #4E4E50;
	border-width: 0 0 1px 1px;
	margin-left: 136px;
	padding: 1px 16px;
	color: #4E4E50;
	background-color: #AAD5D8; /*  #9CCED2  #8BC6CA; /*A7CACA;*/
	font-size: 12px;
	font-family: "Arial Black", Gadget, Arial, Helvetica, sans-serif;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:2px;
	font-style:normal !important;
}

h3#maintitle a {
	color: #4E4E50;
	text-decoration:none;
}

h3#maintitle a:hover {
	color: #9CAD8B;
	text-decoration: underline;
}

#mainbody {
	border: solid #4E4E50;
	border-width: 0 1px 0 1px;
	margin: 0 185px 0 136px;
	padding: 0 17px 15px 16px;
	text-align:left;
	background: #FFFFFF;
	min-height: 1050px;
	position:relative;
}

.height {float:left; width:1px; font-size:1px;}
.htip { height: 1150px;}
.nine { height: 950px;}
.ten {height: 1100px;} /* 0-4 side bar items */
.ten2 {height: 1250px;} /* 6 side bar items */
.ten3 {height: 1350px;} /* 6 side bar items */
.ten5 {height: 1550px;} 
.ten6 {height: 1650px;} 
.ten7 {height: 1750px;} /* 7 side bar items */
.ten9 {height: 1950px;} /* 8 side bar items */
.twenty {height: 2350px;}  /* 8 side bar items */
.twenty5 {height: 2650px;}  /* 8 side bar items */
.twenty8 {height: 3550px;}  /* Successes */
.mains {height: 3050px;} /* success storeis in the side bar */

.healthy-living .height {height: 1500px;}

#mainbody h1 {
	color: #AEBB51;
	margin:  0;
	line-height: 38px;
	font-size: 32pt;
	font-weight:100;
	font-family: "Courier New", Courier, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

#mainbody h2, #mainbody h3 {
	color: #7B8E66;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight:900;
}

#mainbody h2 {
	font-size:18px;
	line-height:20px;
}

#mainbody h3 {
	font-size:17px;
}

#mainbody strong {
	color: #7B8E66;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight:900;
}
/*
#mainbody h3 {
	padding-top:3px;
	margin-bottom:-5px;
	color: #428385;
	font-size: 170%;
	font-weight:100;
	letter-spacing:2px;
	font-family: "Courier New", Courier, Arial, Helvetica, sans-serif;
}

#mainbody #topsec {
	position:relative;
	height:210px;
}

#topsec .limg {
	padding: 10px 15px 0 0;
	float:left;
}

#topsec #topbottom {
	position:absolute;
	bottom:0;
	left:170px;
}

.sig {
	font-weight:100;
	color: #4E4E50;
	font-size: 60%;
	line-height: 10px;
	letter-spacing:1px;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
}
*/
#mainbody .list3 {
	width: 31%;
	margin:6px 8px 6px 0;
}

.left {
	float:left
}

.right {
	float:right;
}

#mainbody .list4 {
	width: 24%;
	float:left;
	margin:12px 8px 6px -4px;
}

#mainbody .list3 ul, #mainbody .list3 li,  #mainbody .list4 li {
	list-style:none;
	padding:0;
	margin:0;
	line-height:inherit;
	font-size:20px;
	font-weight:bold;
}
#mainbody .list3 ul li a {
font-size:17px;
}

#mainbody .list3 a, #mainbody .list3 p,  #mainbody .list4 a {
	text-decoration:none;
	color: #3F3F42;
	font-size: 15px;
	display:block;
	margin-bottom: 5px;
	padding-left: 5px;
	background: url('../images/bullet.gif') 0 7px no-repeat;
}

div#mainbody div.list3 ul.arialblack {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
}

div#mainbody div.list3 ul.arialblack li a {
	background-position:0 10px;
}

#mainbody.homepage .list3 a, #mainbody.successpage .list4 a {
	background: url('../images/bullet-purple.gif') 0 6px no-repeat;
}

#mainbody .list3 a:hover, #mainbody .list4 a:hover{
	color: #000000;
}

#mainbody p.esig {
	margin-top:-10px;
	color: #899C73;
	font-size: 85%;
	line-height: 30px;
	letter-spacing:0px;
	text-align:right;
	font-family: "Arial Black", Gadget, Arial, Helvetica, sans-serif;
	font-weight:900;
}

#mainbody p, #popup, #mainbody ol,  #mainbody ul {
	margin:8px 0 13px;
	font-size:95%;
	line-height: 130%;
	color: #3F3F42;
}

#mainbody p { text-indent: 34px ;}
#container .nopindent p { text-indent: 0;}

#mainbody img {
	margin-left: 1px;
}

#mainbody .leadin {
	margin-top: 15px;
}

#mainbody p.signout {
	padding-top: 11px;
	margin-bottom: 29px !important;
}

#mainbody p.signoutdate {
	margin-top:-9px !important;

}

img.ht-sig {
	margin-left:-7px !important;
}

/*
#mainbody p.leadin2 {
	font-size: 17px;
	line-height: 140%;
	font-weight: 100;
	color: #3F3F42;
	margin-top:5px; 20px
} 
*/
/*
.leadinletter {
	color: #BD835E;
	padding: 15px 0 0 0;
	width: 80px;
	font-size: 350%;
	font-weight: 100;
	height: 30px;
	float:left;
	text-align:right;
	font-family:Courier, Arial, Helvetica, sans-serif;
}*/

/* ~-~-~-~-~- LEFT NAVIGATION ~-~-~-~-~- */

.leftnav {
	font-family: "Arial Black", Gadget, Arial, Helvetica, sans-serif;
	font-weight:900;
	line-height: 15px;
	font-style:normal;
}

#leftnav {
	position:absolute;
	top:93px;
	width: 126px;
	padding: 45px 4px 10px 10px;
}

#leftnavbtm {
	position:absolute;
	margin-top:-150px;
	width: 120px;
	padding: 10px;
}

.leftnav ul {
	margin: 0;
	padding: 0;
	border: none;
	font-size:13px;
	}
.leftnav ul li {
	margin:0 0 15px;
	padding: 0 7px 0 0;
	position: relative;
	list-style: none;
	}

.leftnav ul li a {
	display: block;
	color: #4E4E50;
	font-size:13px;
	text-decoration:none;
	margin:0;
	padding:0 5px 0 8px;
	width:113px;
	background:url("../images/bullet.gif") no-repeat 3px 6px;
}

.leftnav a:hover{color:#000000;}

.leftnav ul ul {
	position: absolute;
	left: 126px;
	top: 0;
	display: none;
	border: 1px solid #4E4E50;
	width: 170px;
	padding:0;
	background:#FFFFFF;
	}

.leftnav li:hover ul { display: block; }
	
.leftnav ul li ul li {
	margin: 0;
	padding: 0;
	}

.leftnav li ul li a {
	color: #89ADAD;
	padding: 5px;
	background:none;
	width:auto;
	}

.leftnav li ul li a:hover {
	color:#89ADAD;
	}

#content .leftnav li.hline {
	font-size:inherit;
	margin:15px 0 10px !important;
	padding:0 7px 30px 0!important;
	height:auto;
	background:url("../images/bullet-line.gif") bottom left repeat-x;
}



/* ~-~-~-~-~- RIGHT NAVIGATION ~-~-~-~-~- */

#rightnav {
	float:right;
	position:absolute;
	top:118px;
	right: 50%;
	margin-right: -486px;
	width: 165px;
	color:#809469;
	padding: 0 10px 10px 10px;
	text-align:center;
	font-family: "Courier New", Courier, Arial, Helvetica, sans-serif;
}

#rightnav img {
	margin: 5px auto;
	border:0;
}

#rightnav img.square {	margin: 0 auto;}

#rightnav h3{
	font-size:80%;
	color:#899C73;
	text-transform:uppercase;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight:900;
}


#rightnav table#htsubscribe {
	color:#4E4E50;
	text-align:left;
	font-size:11px;
	font-family:  Arial, Helvetica, sans-serif;
}
#rightnav table#htsubscribe input {
	width: 130px;
}
#rightnav .htsubscribebox {
	background: url('../images/right/health-tips-hdr.jpg?v2') no-repeat; 
	width:148px; 
	height:100px; 
	padding: 80px 0 220px 3px; 
	margin:14px auto;
}


ul.successes, ul.successes li { list-style:none; margin:0; padding:0;}

ul.successes li {border: 1px solid #FFFFFF; margin: 6px 0;padding-left: 8px;
	background: url('../images/bullet.gif') 3px 6px no-repeat;}

.successes a {
	display:block;
	color: #89b0b0; /*75BABF;*/
	font-size:14px;
	text-align:left;
	text-decoration:none;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight:900;
	line-height: 15px;
}

.successesb a {
	display:block;
	color: #75BABF;
	font-size:14px;
	font-weight:100;
	text-align:left;
	text-decoration:none;
	margin: 8px 0;
	padding-left: 8px;
	background: url('../images/bullet.gif') 0 6px no-repeat;
	font-family:  Arial, Helvetica, sans-serif;
	line-height: 15px;
}

.successesb a:hover, #rightnav .successes a:hover {
	color: #458D94;
}

div.ds ul.successesb li {
	margin: 10px 0;
	line-height: 14px;
}
div.ds ul.successesb, div.ds ul.successesb li a {
	margin: 0;
	line-height: 14px;
}

.arial {
	font-family:  Arial, Helvetica, sans-serif !important;
}



/* ~-~-~-~-~- FOOTER ~-~-~-~-~- */

#footer {
	color: #66615B;
	font-size: 70%;
	clear:both;
	text-align:center;
	padding:20px;
	background: #FFFFFF;
}

/* ~-~-~-~-~- IMAGES ~-~-~-~-~- */


.rimg {
	padding-left: 15px;
}

.staff { 
	height:175px;
	margin:20px;
}

.hline {
	display:block;
	height: 8px;
	background: url('../images/bullet-line.gif') center left repeat-x;
	margin:5px 0;
	font-size: 10px;
}

.s_resources .hline, .healthy-living .hline { 
	margin-top:10px; 
	height:30px; 
	background: url('../images/resource/blue-h-dot.gif') center left repeat-x; 
	clear:both;
}
 .healthy-living .hline { clear:none;}

.vline {
	display:block;
	width: 8px;
	background: url('../images/bullet-line.gif') center top repeat-y;
	margin:0 5px;
	margin-top:-20px;
	font-size: 10px;
	float:left
}

#rightnav .hline {
	margin: 0 0;
}

#mainbody .hline {
	margin: 10px 0;
}

#leftnav .hline {
	background-position: 0 6px;
	padding: 1px 0 !important;
	margin:0 !important;
}

.clear { clear:both;}

/* ~-~-~-~-~- Lists ~-~-~-~-~- */


#mainbody ol {
	padding:0 0 0 40px;
}

#mainbody ol li{
	list-style:decimal; 
	text-transform:none;
	padding:0; 
	margin:15px 0px 15px 15px;
	marker-offset: 20px ;
}

#mainbody ul.bullet, #mainbody ul.bullet2, #mainbody ul.bullet3, #mainbody ul.bullet4  {
	margin:0;
	padding:0;
}

#mainbody ul.bullet li { /* Indented Text with Orange Bullet */
	text-indent: 33px;
	text-decoration:none;
	font-weight:100;
	color: #3F3F42;
	line-height: 150%;
	margin: 10px 0 13px;
	padding: 0;
	background: url('../images/bullet.gif') 26px 10px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
}

#mainbody ul.bullet2 li { /* Colored Text with Orange Bullet */
	text-decoration:none;
	font-weight:100;
	color: #7B8E66;
	line-height: 130%;
	margin: 0 0 8px 0;
	padding-left: 8px;
	background: url('../images/bullet.gif') 0 10px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
}

#mainbody ul.bullet3 li { /* NOT Indented Text with Orange Bullet */
	text-decoration:none;
	font-weight:100;
	color: #3F3F42;
	line-height: 150%;
	margin: 8px 0;
	padding:0 0 0 33px;
	background: url('../images/bullet.gif') 26px 10px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
}

#mainbody ul.bullet4 li { /* Indented Text with Orange Bullet */
	text-indent: 0;
	text-decoration:none;
	font-weight:100;
	color: #3F3F42;
/*	line-height: 100%; wtf? */
	margin: 5px 0 6px;
	padding: 0 0 0 33px;
	background: url('../images/bullet.gif') 26px 6px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
}

#mainbody ul.bullet5 li { /* No Indent, Orange Bullet (used for recent posts on home) */
	line-height: 125%;
    list-style: none outside none;
    margin: 5px 0 6px;
    padding: 0 0 0 5px;
	background: url("../images/bullet.gif") no-repeat scroll 0 6px transparent;
}
#mainbody ul.bullet5 li a {
	color:#3F3F42;
}

ul.bluelist {
	
}

ul.bluelist li {
	list-style:none;
	color: #75BABF;
	font-size:15px;
	font-weight:800;
	margin: 10px 0;
	padding: 0 8px;
	background: url('../images/bullet.gif') 0 8px no-repeat;
	font-family:  Arial, Helvetica, sans-serif;
}

ul.treatment b {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight:900;
	color:#7B8E66;
}

ul strong {
	font-size: 14px;
}

hr {
	width:0;
}



#rightsubmit {
	background: url('../images/right/submit-button.jpg') no-repeat; 
	border: 0px;
	width: 132px; 
	height:22px;
	cursor:pointer;
	margin:10px;
} 

.ppcimage2 { 
float:right;
padding: 10px 0px 0 10px
}


.ppcimage3 { 
float:right;
padding: 10px 0px 0 10px
}



.ppcimage4 { 
float:right;
padding: 10px 0px 0 10px
}

.ppcimage5 { 
float:right;
padding: 10px 0px 0 10px
}

.ppcimage6 { 
float:right;
padding: 10px 0px 0 10px
}

.ppcimage7 { 
float:right;
padding: 10px 0px 0 10px
}

.ppcimage8 { 
float:right;
padding: 10px 0px 0 10px
}

.ppcimage9 { 
float:right;
padding: 10px 0px 0 10px
}

.ppcimage10 { 
float:right;
padding: 10px 0px 0 10px
}

.ppcimage11 { 
float:right;
padding: 10px 0px 0 10px
}

#mainbody.ppc p.successtext { 
    color: #55818F;
    font-family: "Courier New",Courier,monospace;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#mainbody.ppc p.successtext.arialblack { 
	color: #6161A8;
    font-family: "Arial Black",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.85em;
}

img.dotseparate { padding: 16px 0 11px;
}

.hquote { margin:7px 0 20px; }
.trquote { float:right; padding: 20px 0px 0 10px }
.rimg { float:right; padding: 10px 0px 0 10px }
.limg { float:left; padding: 12px 15px 0 0 }
.cimg { }


/* ~-~-~-~-~-~-~-~-~-~- SECTIONS ~-~-~-~-~-~-~-~-~-~- */


/* ~-~-~-~-~- THOUGHTS FOR HEALTHY LIVING ~-~-~-~-~- */

#mainbody.healthy-living {
	background: url('../images/healthy-living/thoughts-for-healthy-living.gif') no-repeat 0 13px #FFF;
	padding-top: 132px;
	padding-left:20px;
}

#mainbody.healthy-living p {
	text-indent: 0;
	line-height: 25px;
}
#mainbody.healthy-living p.p1 {
	color: #7B62C8;
}
#mainbody.healthy-living p.p2 {
	color: #9C56B6;
	margin-bottom: 50px;
}

#healthy-living h3#maintitle {background-color:#D1C3DA;}
#healthy-living #content  {background-image:url(../images/leftnav-bg-ht.gif);}
#healthy-living #header {background-image:url(../images/pepiheader-ht.gif);}

/* ~-~-~-~-~- HEALTH TIPS ~-~-~-~-~- */
#health-tips h3#maintitle {background-color:#D1C3DA;}
#health-tips #content  {background-image:url(../images/leftnav-bg-ht.gif);}
#health-tips #header {background-image:url(../images/pepiheader-ht.gif);}

/* ~-~-~-~-~- RECIPES ~-~-~-~-~- */
#recipes h3#maintitle {background-color:#DBADB8;} 
#recipes #content  {background-image:url(../images/leftnav-bg-ht-r.gif);}
#recipes #header {background-image:url(../images/pepiheader-ht-r.gif);} 

/* ~-~-~-~-~- NUTRITION ~-~-~-~-~- */
#nutrition h3#maintitle {background-color:#F1DA8B;}
#nutrition #content  {background-image:url(../images/leftnav-bg-ht-n.gif);}
#nutrition #header {background-image:url(../images/pepiheader-ht-n.gif);}

/* ~-~-~-~-~- SUCCESSES ~-~-~-~-~- */
#successes h3#maintitle {background-color:#E3B9A9;}
#successes #content  {background-image:url(../images/leftnav-bg-success.gif);}
#successes #header {background-image:url(../images/pepiheader-success.gif);}

/* ~-~-~-~-~- HOSPITALS ~-~-~-~-~- */
#hospitals h3#maintitle {background-color:#DFBDA6;}
#hospitals #content  {background-image:url(../images/leftnav-bg-ht-h.gif);}
#hospitals #header {background-image:url(../images/pepiheader-ht-h.gif);}

/* ~-~-~-~-~- QUIZ ~-~-~-~-~- */
#pop_quizzes h3#maintitle {background-color:#a9c7e8;}
#pop_quizzes #content  {background-image:url(../images/leftnav-bg-quiz.gif);}
#pop_quizzes #header {background-image:url(../images/pepiheader-quiz.gif);}
#pop_quizzes #mainbody p { text-indent:0; margin-left:34px;}

/* ~-~-~-~-~- VIDEOS ~-~-~-~-~- */
#videos h3#maintitle {background-color:#BABFE8;}
#videos #content  {background-image:url(../images/leftnav-bg-videos.gif);}
#videos #header {background-image:url(../images/pepiheader-videos.gif);}

/* ~-~-~-~-~- VACCINES ~-~-~-~-~- */
#vaccines h3#maintitle {background-color:#D8B8DC;}
#vaccines #content  {background-image:url(../images/leftnav-bg-vaccines.gif);}
#vaccines #header {background-image:url(../images/pepiheader-vaccines.gif);}

/* ~-~-~-~-~- BEDROOM ~-~-~-~-~- */
#sleep_and_bedrooms h3#maintitle {background-color:#B5D8E7;}
#sleep_and_bedrooms #content  {background-image:url(../images/leftnav-bg-bedroom.gif);}
#sleep_and_bedrooms #header {background-image:url(../images/pepiheader-bedroom.gif);}

/* ~-~-~-~-~- PERSONAL CARE & DISEASE PERVENTION ~-~-~-~-~- */
#personal_care h3#maintitle, #disease_prevention h3#maintitle {background-color:#D1CCFF;}
#personal_care #content, #disease_prevention #content {background-image:url(../images/leftnav-bg-personal-care.gif);}
#personal_care #header, #disease_prevention #header {background-image:url(../images/pepiheader-personal-care.gif);}

/* ~-~-~-~-~- DENTAL CARE ~-~-~-~-~- */
#dental_care_and_mouth_care h3#maintitle {background-color:#EAC79A;}
#dental_care_and_mouth_care #content  {background-image:url(../images/leftnav-bg-dental-care.gif);}
#dental_care_and_mouth_care #header {background-image:url(../images/pepiheader-dental-care.gif);}

/* ~-~-~-~-~- MANAGE YOUR HEALTH ~-~-~-~-~- */
#manage_your_health h3#maintitle {background-color:#EBCE9B;}
#manage_your_health #content  {background-image:url(../images/leftnav-bg-manage-health.gif);}
#manage_your_health #header {background-image:url(../images/pepiheader-manage-health.gif);}

/* ~-~-~-~-~- TESTS ~-~-~-~-~- */
#tests h3#maintitle {background-color:#B8C5F5;}
#tests #content  {background-image:url(../images/leftnav-bg-tests.gif);}
#tests #header {background-image:url(../images/pepiheader-tests.gif);}

/* ~-~-~-~-~- DRUGS ~-~-~-~-~- */
#drugs h3#maintitle {background-color:#BAD8C3;}
#drugs #content  {background-image:url(../images/leftnav-bg-drugs.gif);}
#drugs #header {background-image:url(../images/pepiheader-drugs.gif);}

/* ~-~-~-~-~- WOMEN ~-~-~-~-~- */
#women_only h3#maintitle {background-color:#DCC99C;}
#women_only #content  {background-image:url(../images/leftnav-bg-women.gif);}
#women_only #header {background-image:url(../images/pepiheader-women.gif);}

/* ~-~-~-~-~- WOMEN (TEST for new colors) ~-~-~-~-~- */
#women_color h3#maintitle {background-color:#E9CC87;}
#women_color #content  {background-image:url(../images/leftnav-bg-women-color.gif);}
#women_color #header {background-image:url(../images/pepiheader-women-color.gif);}


/* Resource Index Page background: removed 2011-06-16 by Ross */
/*.recource_index { background: url('../images/resource/bg-img-web.gif') no-repeat 0 0 #FFF !important; }
.s_resources #mainbody { background: url('../images/resource/bg-img.gif') no-repeat 0 0 #FFF; }*/


/* -- HEALTH TIPS INDEX PAGE CATEGORY LINK COLORS --*/

#mainbody .list3 .cat-item-178 a {color: #d68e36}
#mainbody .list3 .cat-item-611 a {color: #B199C0}
#mainbody .list3 .cat-item-217 a {color: #5E936E}
#mainbody .list3 .cat-item-69 a {color: #BA7343}
#mainbody .list3 .cat-item-164 a {color: #D6A653}
#mainbody .list3 .cat-item-78 a {color: #8F9AC4}
#mainbody .list3 .cat-item-30 a {color: #9F7E0F}
#mainbody .list3 .cat-item-74 a {color: #B199C0}
#mainbody .list3 .cat-item-315 a {color: #6097D5}
#mainbody .list3 .cat-item-97 a {color: #9C5C6B}
#mainbody .list3 .cat-item-22 a {color: #65ABE4}
#mainbody .list3 .cat-item-602 a {color: #A251C4}
#mainbody .list3 .cat-item-21 a {color: #7B84D2}
#mainbody .list3 .cat-item-88 a {color: #E2C26F}


/*  Here is the Green that Anita Likes: #E9ECC9 */


/* ~-~-~-~-~-~-~-~-~-~- SURVEY BOXES ~-~-~-~-~-~-~-~-~-~- 479px*/

.pepisurvey {
	border:17px solid #F2E78C; 
	width:457px;
	padding:35px 8px 5px; 
	font-size:14px; 
	margin-top:17px;
	background-repeat:no-repeat;
	height:114px;
	color: #3f3f42;
}

.pepisurvey .surveysubmit {
	float:right; background: none;   margin-bottom:3px;
}



.pepisurvey textarea{
	width:450px; height:40px; margin-bottom:5px;
}

.peachform { background-image:url('../images/survey-peach.jpg'); background-color: #F5E1E3 }
.lavenderform { background-image:url('../images/survey-lavender.jpg'); background-color: #E5E2F7 }
.mintform { background-image:url('../images/survey-mint.jpg'); background-color: #EAF6DE }


.pepisurvey .surveysubmit { color: #708742; font-weight:900; letter-spacing:2px; text-transform:uppercase; border:3px solid #999}

.peachform .surveysubmit { background: #E7D1D4; color:#72618E}
.lavenderform .surveysubmit { background: #D6D1E8}
.mintform .surveysubmit { background: #DAEAD0}


/* ---------- Search Box ------------*/

#searchap .input {
	position:absolute;
	top: 99px;
	right: 50%;
	margin-right:-486px;
	width: 182px;
	border:1px solid #425458;
	height: 15px;
	vertical-align:top;
	padding:0 0 0 2px;
	font-size: 12px;
}
#searchap .submit {
	position:absolute;
	top: 98px;
	right: 50%;
	margin-right:-301px;
	border: none;
	border-right:black solid 1px;
	width: 65px;
	height: 19px;
	vertical-align:top;
	font-size: 10px;
	line-height:9px;
	padding: 0 0 4px 0;
	background-color:#9EAE8C;
	font-family: "Arial Black",Gadget,Arial,Helvetica,sans-serif;
	font-weight:900;
	text-transform:uppercase;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:1px;
}

#searchap #search-lens {
	margin-right:-200px;
	background: url(http://www.drpepi.com/images/content/search-magnifying-lens-icon.jpg);
	width:14px;
	height:15px;
	border:none;
	position:absolute;
	top:100px;
	right:50%;
	margin-right:-483px;
	outline:none;
	overflow:hidden;
	text-indent:-300px;
}


.right.print { text-align:center; }
.right.print img {margin:0 auto}


#addthis {margin-top:10px;}
#topicons {
/*	width:60px; 
	position:absolute; 
	left:500px; 
	top:-18px;*/
	width:40px; 
	position:absolute; 
	right:9px; 
	top:2px; 
}


/*
#topicons.addthis_32x32_style .at300bs {
	background-image: url("http://www.drpepi.com/images/icons/social75.jpg");
	width:24px;
	height:24px;
}

#topicons.addthis_32x32_style .at15t_twitter { background-position: 0 0;}
#topicons.addthis_32x32_style .at15t_facebook { background-position: 0 -24px;}
#topicons.addthis_32x32_style .at15t_email { background-position: 0 -48px;}*/


.mainsuccess #topicons, .ppc #topicons, .directions #topicons, .sharehoriz #topicons {
	width: 110px;
}

.sharedown50 #topicons { top: 50px;}
.sharedown90 #topicons { top: 90px;}
.sharedown120 #topicons, #quiz #topicons { top: 120px;}
.sharedown150 #topicons { top: 150px;}
.shareright5 #topicons { right: 4px;}


#container #content .color1 { color:#698B8A;}
#container #content .color2 { color:#8C8C05;}
#container #content .color3 { color:#B4652A;}
#container #content .color4 { color:#637F43;}
#container #content .color5 { color:#755C9E;}

.success_section p { font-style:italic;}
#successes .color1 * { color:#B4652A; font-style:italic }
#successes .color2 * { color:#637F43; font-style:italic }
#successes .color3 * { color:#755C9E; font-style:italic }
#successes .color4 * { color:#698B8A; font-style:italic }
#successes .color5 * { color:#8C8C05; font-style:italic }

.purple-lines .hline, #mainbody.mainsuccess .hline {background-image: url('../images/bullet-line-purple.gif')}


/*  Articles on Supplements  */
.vdotline { 
	background: url('../images/content/vids/orange-dot.jpg') top left repeat-y;
	width:5px;
}



/* ~-~-~-~ HEALTHY LIVING CAROUSEL ~-~-~-~ */

#mainbody.healthy-living {
	padding-left:0;
	padding-right:0;
}

.jcarousel-container {
	width: 640px;
}

#healthycarousel li {
	list-style:none;
	margin:0;
	padding:0
}

#healthycarousel .jcarousel-direction-rtl {
	direction: rtl;
}

#healthycarousel .jcarousel-container-horizontal {
    width: 650px;
    padding: 0;
}

#healthycarousel .jcarousel-clip-horizontal {
    width:  650px;
}


#healthycarousel .jcarousel-item {
    width: 630px;
	padding:0 0 0 20px;
	margin:0;
	position:relative;
}


.printthought {position:absolute; bottom:0; right:15px;}


#healthycarousel .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-container .jcarousel-next-horizontal {
    position: absolute;
    bottom: -20px;
    right: 270px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: transparent url(/images/healthy-living/rightarrow.gif) no-repeat 0 0;
}

.jcarousel-container .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/images/healthy-living/leftarrow.gif);
}

.jcarousel-container .jcarousel-prev-horizontal:hover,
.jcarousel-container .jcarousel-next-horizontal:hover {
    background-position: -50px 0;
}
.jcarousel-container .jcarousel-prev-horizontal:active,
.jcarousel-container .jcarousel-next-horizontal:active {
    background-position: -100px 0;
}

.jcarousel-container .jcarousel-prev-horizontal {
    position: absolute;
    bottom: -20px;
    right: 350px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: transparent url(/images/healthy-living/leftarrow.gif) no-repeat 0 0;
}

.jcarousel-container .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/images/healthy-living/rightarrow.gif);
}


.jcarousel-container .jcarousel-prev-disabled-horizontal,
.jcarousel-container .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-container .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/* ~-~-~-~ HEALTHY LIVING CAROUSEL ~-~-~-~ */

.videocell {
width: 145px;
}

/********search box***************/

#searchap .input {
	position:absolute;
	top: 97px;
	right: 50%;
	margin-right:-460px;
	width: 133px;
	border:1px solid #425458;
	height: 19px;
	vertical-align:middle;
	padding:0 0 0 24.5px;
	font-size: 12px;
	line-height:19px;
}
#searchap .submit {
	position:absolute;
	top: 98px;
	right: 50%;
	margin-right:-487.5px;
	border: none;
	border-right:black solid 1px;
	width: 27.5px;
	height: 19px;
	vertical-align:middle;
	font-size: 10px;
	line-height:19px;
	padding: 0 0 4px 0;
	background-color:#9EAE8C;
	font-family: "Arial Black",Gadget,Arial,Helvetica,sans-serif;
	font-weight:900;
	text-transform:uppercase;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:1px;
}

#searchap #search-lens {
	margin-right:-200px;
	background: url(http://www.drpepi.com/images/content/search-magnifying-lens-icon.jpg);
	background-repeat:no-repeat;
	width:14px;
	height:15px;
	border:none;
	position:absolute;
	top:101px;
	right:50%;
	margin-right:-318px;
	outline:none;
	overflow:hidden;
	text-indent:-300px;
}
h3#maintitle {
	height:17px;
}