/* Tab Content */

.tabbedContent {
	/*background-color: #d9e6f6;*/
	width: 580px;	
	-moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
	margin: 20px auto 15px auto;
}

.tabs {
	height: 32px;
	position: relative;
}

.tabs .movingBG {
	padding: 10px;
	background-color: #009dff;
	background-image: url(../images/arrow_down2.gif);
	position: absolute;
	width: 125px;
	height: 12px;
	z-index: 190;
	left: 0;
	padding-bottom: 24px;
	background-position: bottom left;
	background-repeat: no-repeat;
	-moz-border-radius: 0.5em 0.5em 0 0;
    -webkit-border-radius: 0.5em 0.5em 0 0;
    border-radius: 0.5em 0.5em 0 0;
}

.tabs .tabItem {
	display: block;
	float: left;
	padding: 10px;
	width: 125px;
	height: 12px;
	color: #FFF;
	margin-right: 2px;
	background-color: #009dff;
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13.5px;
	text-align: center;
	z-index: 200;
	position: relative;
	cursor: pointer;
	-moz-border-radius: 0.5em 0.5em 0 0;
    -webkit-border-radius: 0.5em 0.5em 0 0;
    border-radius: 0.5em 0.5em 0 0;
}

.tabbedContent .slideContent {
	overflow: hidden;
	background-color: #e2ebf6;
	padding: 10px 0 10px 20px;
	position: relative;
	width: 560px;
	-moz-border-radius: 0 0.5em 0.5em 0.5em;
    -webkit-border-radius: 0 0.5em 0.5em 0.5em;
    border-radius: 0 0.5em 0.5em 0.5em;
}

.tabSlider {
	width: 5000px;
}

.tabSlider div {
	float: left;
	width: 520px;
	margin: 0px;
	padding: 0px;
	margin-right: 40px;
}

.tabbedContent .ingredients {
	padding-top: 10px;
}

.tabbedContent .ingredients p {
	font-size: 10px !important;
}

.tabbedContent .ingredients ol {
	position: relative;
	left: 25px;
}

.tabbedContent .ingredients li {
	font-size: 10px !important;
}

#herbals {
	float: left;
	width: 380px;
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 15px 0 0 !important;
}

	#herbals li {
		width: 95px;
		float: left;
		padding: 0 !important;
		margin: 0 0 1px 0 !important;
	}
	
#herbalstext {
	margin: 3px 0 15px 0;
}

		#content .tabbedContent ul li, #content .expandContent ul li {
			background: url(../images/bullet-blue.gif) no-repeat 0 1px;
		}


/* Expanding Content */

.expand {
	margin: 0;
	padding: 0;
	width: 100%;
}
 
.expandHeading {
	cursor: pointer;
	position: relative;
}

	#home .expandHeading {
		color: #FFF;
		background-color: #0187d6;
		padding: 8px;
		font-weight: bold;
	}
	
	#home .expandHeading:hover {
		background-color: #299b53;
	}

	#faq .expandHeading {
		color: #0099ff;
		border-bottom: 1px solid #0099ff;
	}
	
	#faq .expandHeading:hover {
		background-color: #e2ebf6;
	}

.expandContent {
	padding: 0 10px;
	background-color:#e7edf6;
	border: 1px dotted #bbd4e6;
}

	#home .expandContent {
		background-color: #FFF;
		padding: 0 !important;
		border: none !important;
	}

	.expandContent ol {
		margin-left: 20px;
	}

.expand .hr {
  height: 1px;
  border-bottom: 1px solid #bbd4e6;
  margin: 15px 0;
}

@media only screen and (min-width: 719px) {
	
	#home .expandHeading, #home .expandHeading:hover {
		display: none;
	}
	
	#home .expandContent {
		display: block !important;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #aea790;
	}
}

/* Hover Tips */

#cluetip-title {
  overflow: hidden;
}

#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../images/wait.gif);
}

#cluetip-extra {
  display: none;
}

.cluetip-default {
  background-color: #e8e3d9;
}

.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #e8e3d9;
}

.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #0099ff;
  color: #fff;
}

.cluetip-default #cluetip-title a {
  color: #e8e3d9;
  font-size: 0.95em;
}  

.cluetip-default #cluetip-inner {
  padding: 10px;
}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}