@charset "utf-8";
/* 
 * Optimal Essentials
 * Inside Pages Screen CSS
 * Copyright 2008 Plastyk Studios <joseph@plastyjk.com.au>
 */

object {
	outline: none;
}
#site #main #content {
	padding: 20px 80px 20px 40px;
	min-height: 420px;
	height: auto !important;
	height: 420px;
	/*margin-right: 250px;*/
}

	#site #main #content #heading {
		height: 47px;
		margin-bottom: 25px;
	}
	
	/* section headings */
	#site #main .podcasts,
	#site #main .podcasts-3 {
		background: url(../images/interface/title_podcasts.gif) no-repeat;
	}
	
	#site #main .sitemap {
		background: url(../images/interface/title_sitemap.gif) no-repeat;
	}
	
	#site #main .products {
		background: url(../images/interface/title_products.gif) no-repeat;
	}
	
	#site #main .checkout {
		background: url(../images/interface/title_checkout.gif) no-repeat;
	}
	
	#site #main .gallery {
		background: url(../images/interface/title_gallery.gif) no-repeat;
	}
	
	#site #main .about-us {
		background: url(../images/interface/title_about.gif) no-repeat;
	}
	
	#site #main .contact {
		background: url(../images/interface/title_contact.gif) no-repeat;
	}
	
	#site #main .opti-newsletter-signup {
		background: url(../images/interface/title_optinews.gif) no-repeat;
	}
	
	#site #main .Security {
		background: url(../images/interface/title_login.gif) no-repeat;
	}
	
	#site #main .privacy-statement {
		background: url(../images/interface/title_privacy.gif) no-repeat;
	}
	
	#site #main .archive {
		background: url(../images/interface/title_archive.gif) no-repeat;
	}

	#site #main .research {
		background: url(../images/interface/title_research.gif) no-repeat;
	}
	
	#site #main .vitamin-guide {
		background: url(../images/interface/title_vitaminguide.gif) no-repeat;
	}
	
	#site #main .opti-newsletter-unsubscribe {
		background: url(../images/interface/title_unsubscribe.gif) no-repeat;
	}
	
	#site #main .vodcasts {
		background: url(../images/interface/title_vodcasts.gif) no-repeat;
	}
	
	/* hide h2 for headings with images */
	#site #main .podcasts h2,
	#site #main .podcasts-3 h2,
	#site #main .sitemap h2,
	#site #main .products h2,
	#site #main .checkout h2,
	#site #main .gallery h2,
	#site #main .about-us h2,
	#site #main .contact h2,
	#site #main .opti-newsletter-signup h2,
	#site #main .Security h2,
	#site #main .privacy-statement h2,
	#site #main .archive h2,
	#site #main .research h2,
	#site #main .opti-newsletter-unsubscribe h2,
	#site #main .vitamin-guide h2,
	#site #main .vodcasts h2 {
		display: none;
	}
	
	#site #main #content #breadcrumb {
		height: 15px;
		margin-bottom: 15px;
	}

		#site #main #breadcrumb ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			#site #main #breadcrumb ul li {
				float: left;
				background: url(../images/interface/breadcrumb_li_bg.gif) no-repeat right 5px;
				font-size: 11px;
				color: #000;
			}
	
			#site #main #breadcrumb ul li.last {
				background: none;
				padding: 0 0 0 4px;
			}

				#site #main #breadcrumb ul li a {
					display: block;
					float: left;
					color: #000;
					text-decoration: none;
					font-size: 11px;
					padding: 0 8px 0 4px;
				}
		
				#site #main #breadcrumb ul li a:hover,
				#site #main #breadcrumb ul li a:active {
					text-decoration: underline;
				}

	
/* ovverrides main.css #navigation background if subnav present */
#site .with-sub {
	background: url(../images/interface/navigation-with-sub_bg.gif) repeat-x !important;
}

	#site #subnav {
		height: 25px;
		background: url(../images/interface/subnav_bg.gif) repeat-x;
	}

		#site #subnav ul {
			list-style-type: none;
			margin: 0 0 0 37px;
			padding: 0;
		}

			#site #subnav ul li {
				float: left;
			}

				#site #subnav ul li a {
					display: block;
					float: left;
					padding: 2px 7px 0 7px;
					color: #FFF;
					text-decoration: none;
				}
				
				#site #subnav ul li a:hover,
				#site #subnav ul li a:active,
				#site #subnav ul li.current a,
				#site #subnav ul li.section a  {
					text-decoration: underline;
				}


	/* content styles */
	#site #main #content p {
		line-height: 1.8em;
		color: #000;
		font-size: 12px;
		margin: 0 0 15px 0;
	}
	
	#site #main #content h1 {
		display: none;
		/* DO NOT USE RESERVED FOR LOGO */
	}
	
	#site #main #content h2 {
		font-size: 32px;
		color: #000;
		font-weight: normal;
	}
	
	#site #main #content h3 {
		color: #C12302;
		font-size: 21px;
		margin: 0 0 15px 0;
	}
	
	#site #main #content h4 {
		color: #007C27;
		font-size: 14px;
		margin: 0 0 15px 0;
	}
#site #main #content h4 a {
		color: #007C27;
}
	#site #main #content h5 {
		color: #000;
		font-size: 12px;
		margin: 30px 0 10px 0;
	}
	
	
	#site #main #content img {
	
	}
	
	#site #main #content img.left {
		float: left;
		margin: 0 15px 0 0;
	}
	
	#site #main #content img.right {
	
	}
	
	#site #main #content a {
		color: #000;
	}
	
	#site #main #content a:hover,
	#site #main #content a:active {
		color: #C12302;
	}
	
	/* sitemap */
	#site #main #content #sitemap ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#site #main #content #sitemap li {
		font-weight: bold;
		padding: 0 0 5px 0;
	}
	
	#site #main #content #sitemap li a {
		color: #C12200;
		font-size: 21px;
		text-decoration: none;
	}
	
	#site #main #content #sitemap li a:hover,
	#site #main #content #sitemap li a:active {
		text-decoration: underline;
	}
	
	#site #main #content #sitemap ul ul {
		margin: 5px 0 5px 25px;
	}
	
	#site #main #content #sitemap li li  {
		padding: 3px 0 3px 0;
	}
	
	#site #main #content #sitemap li li a {
		color: #007C27;
		font-size: 14px;
	}
	
	#site #main #content #sitemap ul ul ul {
		margin: 5px 0 5px 25px;
	}
	
	#site #main #content #sitemap li li li {
		padding: 2px 0 2px 0;
	}
	
	#site #main #content #sitemap li li li a {
		font-size: 12px;
		color: #000;
		font-weight: normal;
	}
	
/* vodcasts */
#site #main #content #latestvodcast {
	background: url(../images/interface/latestvodcast_bg.gif) no-repeat;
	width: 472px;
	height: 296px;
	padding: 25px 25px 5px 25px;
	position: relative;
	margin: 25px 0 35px 0;
}	
#site #main #content #latestvodcast .inner {
	margin-right: 260px;
}

#site #main #content #latestvodcast #vodcast-info {
	position: absolute;
	width: 472px;
	bottom: 8px;
/*	font-size: 11px;*/
	color: #FFF;
}

#site #main #content #latestvodcast #vodcast-info .link {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

#site #main #content #latestvodcast #vodcast-info .link a {
	color: #FFF;
	text-decoration: none;
}

#site #main #content #latestvodcast #vodcast-info .link a:hover,
#site #main #content #latestvodcast #vodcast-info .link a:active {
	text-decoration: underline;
}

#site #main #content #latestvodcast #vodcast-playnow {
	position: absolute;
	right: 30px;
	top: 73px;
	width: 240px;
	height: 180px;
}

#site #main #content #latestvodcast .inner p {
	margin: 0 0 10px 0;
	color: #000;
	line-height: 1.8em;
	font-size: 12px;
}
				
/* podcasts */
#site #main #content #latestpodcast {
	background: url(../images/interface/latestpodcast_bg.gif) no-repeat;
	width: 472px;
	height: 145px;
	padding: 25px 25px 5px 25px;
	position: relative;
	margin: 25px 0 35px 0;
}

#site #main #content #latestpodcast .inner {
	width: 325px;
	/*overflow: hidden;*/
}

#site #main #content #latestpodcast .inner h3,
#site #main #content #latestvodcast .inner h3 {
	color: #C12302;
	font-size: 18px;
	margin: 0;
	white-space: nowrap;
	width: 325px;
	height: 22px;
	overflow: hidden;
	position: relative;
}
#site #main #content #latestvodcast .inner h3 {
	width: 468px;
}

#site #main #content #latestpodcast .inner #scroller_container,
#site #main #content #latestvodcast .inner #scroller_container {
	overflow: hidden;
	display: block;
	width: 472px;
	height: 22px;
}
#site #main #content #latestpodcast .inner #scroller_container #scroller,
#site #main #content #latestvodcast .inner #scroller_container #scroller {
	display: block;
}

#site #main #content #latestpodcast .inner p {
	margin: 0 0 0 0;
	color: #000;
	line-height: 1.2em;
	font-size: 12px;
}
#site #main #content #latestpodcast .inner p.date,
#site #main #content #latestvodcast .inner p.date {
	margin: 0 0 10px 0;
	color: #585858;
	font-size: 11px;
	clear: both;
}

#site #main #content #latestpodcast .inner h3 span.title,
#site #main #content #latestvodcast .inner h3 span.title {
	color: #000;
}

#site #main #content #latestpodcast #podcast-info {
	position: absolute;
	width: 472px;
	bottom: 8px;
/*	font-size: 11px;*/
	color: #FFF;
}

#site #main #content #latestpodcast #podcast-info .link {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

#site #main #content #latestpodcast #podcast-info .link a {
	color: #FFF;
	text-decoration: none;
}

#site #main #content #latestpodcast #podcast-info .link a:hover,
#site #main #content #latestpodcast #podcast-info .link a:active {
	text-decoration: underline;
}

/*#site #main #content #latestpodcast a#podcast-playnow {
	display: block;
	position: absolute;
	width: 92px;
	height: 81px;
	right: 40px;
	top: 33px;
	background: url(../images/interface/podcast_playnow.jpg) no-repeat;
}*/

#site #main #content #latestpodcast #podcast-playnow {
	position: absolute;
	width: 94px;
	height: 83px;
	right: 40px;
	top: 33px;
}

#site #main #content #previous-episodes,
#site #main #content #podcast-archive,
#site #main #content #vodcast-archive {
	width: 518px;
}

#site #main #content #previous-episodes h4 {
	/*width: 204px;*/
	height: 23px;
	margin: 0 0 25px 0;
	background: url(../images/interface/previous-episodes.gif) no-repeat;
}

#site #main #content #previous-episodes .episode,
#site #main #content #podcast-archive .episode,
#site #main #content #vodcast-archive .episode {
	border-bottom: 2px solid #CCC;
	position: relative;
	min-height: 56px;
	height: auto !important;
	height: 56px;
}

#site #main #content #previous-episodes .episode h5,
#site #main #content #podcast-archive .episode h5,
#site #main #content #vodcast-archive .episode h5 {
	color: #C12302;
	font-size: 18px;
	margin: 15px 0 0 0;
	white-space: normal;
	width: 400px;
}
#site #main #content #previous-episodes .episode p,
#site #main #content #podcast-archive .episode p,
#site #main #content #vodcast-archive .episode p {
	color: #585858;
	font-size: 11px;
}
#site #main #content #previous-episodes .episode p span.date,
#site #main #content #podcast-archive .episode p span.date,
#site #main #content #vodcast-archive .episode p span.date {
	margin: 0 0 5px 0;
	font-weight: bold;
}
#site #main #content #previous-episodes .episode p span.info,
#site #main #content #podcast-archive .episode p span.info,
#site #main #content #vodcast-archive .episode p span.info {
}

#site #main #content #previous-episodes .episode span.title,
#site #main #content #podcast-archive .episode span.title,
#site #main #content #vodcast-archive .episode span.title {
	color: #000;
}

#site #main #content #previous-episodes .episode .episode-controls,
#site #main #content #podcast-archive .episode .episode-controls,
#site #main #content #vodcast-archive .episode .episode-controls {
	width: 121px;
	position: absolute;
	right: 0;
	top: 5px;
}
#site #main #content #previous-episodes .episode .episode-controls .play-now,
#site #main #content #podcast-archive .episode .episode-controls .play-now {
	margin-bottom: 5px;
}
#site #main #content #previous-episodes .episode .episode-controls .play-now a,
#site #main #content #podcast-archive .episode .episode-controls .play-now a {
	font-size: 14px;
	font-weight: bold;
	color: #C12302;
	text-transform: uppercase;
	background: url(../images/interface/play.gif) no-repeat left 2px;
	padding-left: 15px;
	text-decoration: none;
}

#site #main #content #previous-episodes .episode .episode-controls .play-now a:hover,
#site #main #content #previous-episodes .episode .episode-controls .play-now a:active,
#site #main #content #podcast-archive .episode .episode-controls .play-now a:hover,
#site #main #content #podcast-archive .episode .episode-controls .play-now a:active {
	text-decoration: underline;
}

#site #main #content #previous-episodes .episode .episode-controls .download,
#site #main #content #podcast-archive .episode .episode-controls .download,
#site #main #content #vodcast-archive .episode .episode-controls .download {
	padding-left: 15px;
}

#site #main #content #previous-episodes .episode .episode-controls .download a,
#site #main #content #podcast-archive .episode .episode-controls .download a,
#site #main #content #vodcast-archive .episode .episode-controls .download a {
	color: #000;
	text-decoration: none;
	font-size: 10px;
}

#site #main #content #previous-episodes .episode .episode-controls .download a:hover,
#site #main #content #previous-episodes .episode .episode-controls .download a:active,
#site #main #content #podcast-archive .episode .episode-controls .download a:hover,
#site #main #content #podcast-archive .episode .episode-controls .download a:active,
#site #main #content #vodcast-archive .episode .episode-controls .download a:hover,
#site #main #content #vodcast-archive .episode .episode-controls .download a:active {
	text-decoration: underline;
}

/*#site #main #content #podcast-archive h4 {
	width: 106px;
	height: 19px;
	background: url(../images/interface/archive_podcasts.gif) no-repeat;
}

#site #main #content #vodcast-archive h4 {
	width: 107px;
	height: 19px;
	background: url(../images/interface/archive_vodcasts.gif) no-repeat;
}*/

#site #main #content #vodcast-archive h3 {
	margin: 15px 0;
}

/* news */
#site #main #content #news-image {
	float: left;
	width: 240px;
	margin: 0 15px 3px 0;
}

#site #main #content #news-list h3 {
	margin: 0;
}

#site #main #content #news-list h3 a {
	color: #C12302;
	text-decoration: none;
}

#site #main #content #news-list h3 a:hover,
#site #main #content #news-list h3 a:active {
	text-decoration: underline;
}

#site #main #content .news-item{
	padding-bottom: 10px;
}
#site #main #content .news-item-date {
	color:#000;
}


/* right green box */

#site #main #content #right-promo a:link,
#site #main #content #right-promo a:visited {
	color: #FFF;
}

#site #main #content #right-promo a:hover,
#site #main #content #right-promo a:active {
	text-decoration: none;
}

.rb-top {
	width: 253px;
	height: 28px;
	background: url(../images/interface/right_box_top.jpg) no-repeat top left;
}
.rb-mid {
	width: 223px;
	background: url(../images/interface/right_box_mid.gif) no-repeat;
	padding: 0 15px;
	position: relative;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}
.rb-bot {
	width: 253px;
	height: 38px;
	background: url(../images/interface/right_box_bot.jpg) no-repeat bottom left;
}

#rb-promo {
	background: url(../images/placement/our_products.jpg) no-repeat;
	width: 246px;
	height: 210px;
	cursor: pointer;
}
#site #main #content #vitaminabc h4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007c27;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
#site #main #content #vitaminabc ul {
	line-height:normal;
	list-style-type: none;
	padding: 0px 0px 6px 0px;
	margin: 0px;
}

.red {
	color:#C12302;
}