/* Reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-weight:normal;vertical-align: baseline;background: transparent;}
body {background:#1B0B81 url("../images/main-bgd.png") 0 0 no-repeat ;font:12px Verdana, Georgia, Sans-serif;background-attachment:scroll !important;}
body.ingredient {background-image: url("../images/ing-bgd.png");}
body.inner {background-image: url("../images/inner-bgd.png");}
body.testimonial {background-image: url("../images/test-bgd.png");}
ol, ul {list-style: none;}
a:hover {text-decoration:none !important;}

/* generic styles */
.left{float:left;}
.right {float:right;}
.clear {float:none;clear:both;margin:0;padding:0;line-height:0;}
a {cursor:pointer;color: #005CB9;text-decoration:none;}
a:hover {text-decoration:underline !important;}
a:visited {color: #005CB9}
.font10 {font-size:10px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}

.green {color:#6bb23e !important;}
.grey {color:#aaa !important;}
.faq-header {font-size:20px !important;top:67px !important;}
.text-center {text-align:center;}
.text-right {text-align:right;}
h3 {font-size:14px;font-weight:bold;margin-bottom:3px;width:470px;}
strong{font-weight:bold;}

/* links */
.why-use {display:block;width:81px;height:66px;background:url("../images/why-use.png") 0 0 no-repeat ;position:absolute;top:22px;left:107px;}
.why-use:hover {background-position: 0 -66px;}

.what-is {display:block;width:126px;height:101px;background:url("../images/what-is.png") 0 0 no-repeat ;position:absolute;top:271px;left:107px;}
.what-is:hover {background-position: 0 -101px;}

.faq {display:block;width:38px;height:26px;background:url("../images/faq.png") 0 0 no-repeat ;position:absolute;top:284px;left:399px;}
.faq:hover {background-position: 0 -26px;}

.who-makes {display:block;width:77px;height:54px;background:url("../images/who-makes.png") 0 0 no-repeat ;position:absolute;top:81px;left:370px;}
.who-makes:hover {background-position: 0 -55px;}

a.news {display:block;width:49px;height:26px;background: url("../images/news.png") 0 0 no-repeat ;position:absolute;top:100px;left:248px;}
a.news:hover {background-position: 0 -26px;}

.text-link {display:block;color:#FF5E00 !important;font-size:11px;padding: 20px 10px 55px 10px;width:64px;text-align:center;}
.text-link:hover {text-decoration:underline;}

.why-use-small {display:block;width:80px;height:80px;background:transparent url("../images/why-use-small.png") 0 0 no-repeat ;position:absolute;top:12px;left:717px;}
.why-use-small:hover {background-position: 0 -80px;}

.who-makes-small {display:block;width:80px;height:80px;background:transparent url("../images/who-makes-small.png") 0 0 no-repeat ;position:absolute;top:114px;left:750px;}
.who-makes-small:hover {background-position: 0 -80px;}

.what-is-small {display:block;width:80px;height:80px;background:transparent url("../images/what-is-small.png") 0 0 no-repeat ;position:absolute;top:218px;left:755px;}
.what-is-small:hover {background-position: 0 -80px;}

.faq-small {display:block;width:80px;height:80px;background:transparent url("../images/faq-small.png") 0 0 no-repeat ;position:absolute;top:322px;left:732px;}
.faq-small:hover {background-position: 0 -80px;}

.blog {position:absolute;top:588px;left:510px;}
.follow {position:absolute;top:269px;left:796px;height:200px;width:120px;overflow:hidden;}
div.friend {position:absolute;top:190px;left:732px;}

.inner-header {display:block;position:relative;width:315px;height:85px;top:13px;left:340px;}

.link1 {position:absolute;top:479px;left:17px;}
ul.links {position:absolute;top:479px;left:177px;width:370px;}
ul.links li {width:160px;float:left;margin-bottom:8px;}

.yt {display:block;width:100px;height:85px;position:absolute}
.yt1 {top:230px;left:595px;width:70px;}
.yt2 {top:315px;left:560px;width:123px;}
.yt3 {top:400px;left:560px;width:90px;}

.you-tube {position:absolute;top:588px;left:15px;}

/* Content */
.index h1 {color:#1B0B81;
font-size:14px;
font-weight:bold;
left:620px;
line-height:21px;
position:absolute;
text-align:center;
top:465px;
width:300px;}

.index .content {font-size:11px;
left:635px;
line-height:16px;
position:absolute;
text-align:center;
top:515px;
width:270px;}


.index .content p {margin:0 0 10px 0}

.ingredient h1 {color:#FF5E00;font-size:31px;position:absolute;top:60px;left:17px;}
.inner h1 {color:#FF5E00;font-size:27px;position:absolute;top:60px;left:17px;}
.ingredient h2, .inner h2 {color:#FF5E00;font-size:17px;position:absolute;top:440px;left:17px;}
.ingredient .content, .inner .content {width:510px;height:290px;font-size:12px;position:absolute ;left:17px;line-height:18px;color:#333;}

.inner .content {height:360px;}

.inner .what-content {height:540px;}

.ingredient .jScrollPaneContainer .content, .inner .jScrollPaneContainer .content {display:block !important;}
.ingredient .content p, .inner .content p {margin:0 0 10px 0;width:470px;}

.facts {position:absolute;top:320px;left:210px;z-index:22;}
.nutricap {position:absolute;top:390px;left:20px;z-index:22;}

.what {width:220px;float:left;padding:0 10px 18px 0;*padding:0 15px 14px 0;*width:210px;*overflow:hidden;}
.what-last {margin-left:230px;*margin-left:113px;}


/* Testimonials */
ul li .first {color: #FF5E00;font-size:11px;line-height:15px;*line-height:16px;font-weight:bold;text-align:center;}
a:hover ul li .first {text-decoration:underline;}
ul li .second {color: #ccc;font-size:10px;text-align:right;margin-top:3px;}

.index ul.test {width: 130px;position:absolute;left:799px;top:46px;height:90px;overflow:hidden;}
.index ul.test li .second {width: 120px;}

.inner ul.test {width:209px;position:absolute;left:643px;top:517px;height:140px;overflow:hidden;}
.inner ul.test li .first {font-size:14px;line-height:20px;*line-height:22px;font-weight:bold;text-align:center;}
.inner ul.test li .second {width: 200px;margin-top:5px;}

.test-index li {width:470px;}
.test-index li .first {color: #333;font-size:12px;line-height:16px;font-weight:bold;text-align:left;}
ul li .second {color: #ccc;font-size:10px;text-align:right;margin:0 0 13px 0;}

/* Footer */
.footer {color: #fff;font-size:13px;position:absolute;top:702px;left:17px;font-weight:bold;}
.footer a {color: #fff !important;font-weight:bold;}

/*Google Button*/
.button {position:absolute; top:378px;left: 393px;}
.ingredient .button, .inner .button {position:absolute; top:283px;left: 516px;}
.button h5 {color:#666;font-size:11px;font-weight:bold;line-height:140%;margin:7px 0 0;text-align:right;width:129px;}
.button h6 {color:#FF5E00;font-size:11px;font-weight:bold;margin: 0 0 9px 0;cursor:pointer;}
.button h6 div {position:absolute;left:-16px;top:-107px;width:150px;color:#000;background-color:#fff;padding:3px;border: 2px solid #FF5E00;font-size:11px;display:none;}
.inner .button h6, .ingredient .button h6 {margin: 0 0 16px 4px}
.inner .button h6 div, .ingredient .button h6 div {left:11px;}
.button .qty {width:20px;font-size:11px;text-align:right;}
.button label {font-size:11px;margin: 0 0 0 39px;color:#666;font-weight:bold;}
.submit {display:block;margin: 7px 0 0 14px;}
.submit-pp {display:block;margin: 7px 0 0 21px;}
.pp-form p{color:#666;font-size:11px;font-family:arial;margin:1px 0 0 31px}
.inner .button form, .ingredient .button form {position:relative;left:-1px;}
.inner .button .pp-form, .ingredient .button .pp-form  {left:-27px;}


/* Email Button */
.ea {font:12px Verdana, Georgia, Sans-serif;width:200px;padding:3px;}

/*Ingredients */
.ing-menu {width:209px;position:absolute;left:646px;top:557px;}
.ing-menu ul li {width:104px;float:left;margin-bottom:8px;font-weight:bold;color:#333;}
.ing-menu ul li a {color:#FF5E00 !important;font-weight:bold;}

/* Contact */

.contact-list {}
.contact-list li {width:49%;float:left;margin-bottom:10px;font-size:11px;}
.contact-list li img {border-right:5px solid #fff;}

/*News*/
ul.news li a{font-size:10px;}

/* Twitter */
.tweet, .query {
  font-size: 10px; 
}

.tweet .tweet_list, .query .tweet_list {
-webkit-border-radius: .5em;
list-style-type: none;
margin: 0;
padding: 0;
background-color: transparent;  width:120px; }

.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
text-transform: uppercase;
background-color: #fff; }

.tweet .tweet_list li, .query .tweet_list li {
overflow-y: auto;
overflow-x: hidden;
padding: .5em; 
background-color: transparent;}

.tweet .tweet_list li a, .query .tweet_list li a {
color: #0C717A; }

.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
background-color: transparent;
 }

.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
padding-right: .5em;
float: left; }

.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
vertical-align: middle; }





/* Scrollbar */

.jScrollPaneContainer {
	position:absolute ;top:125px;
	overflow: hidden;
	z-index: 1;

}

.jScrollPaneScrollable {
	
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


			.jScrollPaneTrack {
				background: url(../images/track.gif) repeat-y;
			}
			.jScrollPaneDrag {
				background: url(../images/drag_middle.gif) repeat-y;
				left:-3px;
				position:relative;
			}
			.jScrollPaneDragTop {
				background: url(../images/drag_top.gif) no-repeat;
				height: 11px;
			}
			.jScrollPaneDragBottom {
				background: url(../images/drag_bottom.gif) no-repeat;
				height: 11px;
			}



/**
 * jQuery lightBox plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}