/* Clipper Green Tea Revival */

body, html				{margin: 0; padding: 0; border: 0; font-family: Georgia, "Times New Roman", Helvetica, sans-serif; font-size:12px; color:#000;}
body					{background-color:#FFF; background-image:url(../images/bg-main.jpg); background-repeat:repeat;}

img						{border: 0; }
a 						{text-decoration: none; outline:none;}
a:hover					{text-decoration: none; outline:none;}
.green a 				{text-decoration: none; border-bottom:dashed 1px #539101; color:#539101; outline:none;}
.green a:hover			{text-decoration: none; border-bottom:dashed 1px #539101; color:#539101; outline:none;}
acronym, abbr			{border: 0;}
a.white 				{color:#ffffff;}

.clear					{clear: both;}
.hidden					{display:none;}

h1,h2,h3,h4 			{font-family: Arial, Helvetica, sans-serif; color: #FFF;}
h1						{font-size: 160%; font-weight: normal; padding: 0; margin: 0 0 12px 0; line-height: 1.0em;} 
h2						{font-size: 130%; font-weight: bold; padding: 0; margin: 0 0 8px 0; line-height: 1.0em;}
h3						{font-size: 110%; font-weight: bold; padding: 0; margin: 0 0 5px 0; line-height: 1.1em;}
h4						{font-size: 100%; font-weight: bold; padding: 0; margin: 0 0 7px 0; line-height: 1.0em;}
h5						{font-size: 90%; font-weight:normal; padding: 0; margin: 0 0 2px 0; line-height: normal;}

.fLeft					{float:left;padding:0 10px 10px 0px;}
.fRight					{float:right; padding:0 0 10px 10px;}

.padleft				{ padding-left:5px; }
.padleft input, .padleft label	{ margin-bottom:20px;}
.boxPadding				{padding:0 0 15px 0;}
.clear 					{ clear:both; }

.biglist 				{ font-weight:bold; font-size:1.2em; }

div.selectbox-wrapper 	{position:absolute; width:400px; padding:0px; text-align:left; max-height:150px; overflow:auto; background-color:#bad279; }
div.selectbox-wrapper ul {list-style-type:none; margin:0px; padding:0px;}
div.selectbox-wrapper ul li.selected {background-color: #bad279; }
div.selectbox-wrapper ul li.current {background-color: #aebc35; color:#000000; }
div.selectbox-wrapper ul li {list-style-type:none; display:block; margin:0; padding:5px; cursor:pointer; color:#000; font-size:12px; }

.selectbox 				{padding-left:2px; width:98%; display:block; text-align:left; font-family:georgia,serif; background: #bad279 url(../images/fancy-select-box-arrow.gif) right no-repeat; height:17px; cursor: pointer; border:1px solid #D1E4F6; color:#333; }
select 					{background: url(../images/fancy-select-box-arrow.gif) right no-repeat; background-color:#aebc35; }

/* main */
#main					{margin:0 auto 0 auto; padding:0; width:1013px;}

/* header */
#header					{}
#headerSec1				{float:left; padding:0;}
#headerSec2				{float:left; padding:15px 0 0 62px;}
#headerSec3				{float:left; padding:0 0 0 1px;}

#logoClipper			{ padding:20px 0 0 81px;}

/* body */

/* Homepage */
#frameOuter				{background-image:url(../images/frameBg.png); background-repeat:repeat-y;}
#frameOuterColOne		{float:left; padding:0;}
#frameOuterColTwo		{float:left; padding:0; width:840px; background-color:#adba35; }
#frameOuterColThree		{float:left; padding:0;}

#frameOuterColOneBg		{background-image:url(../images/bg-sec-4.2.png); background-repeat:repeat-y;}
#frameOuterColThreeBg	{background-image:url(../images/bg-sec-5.2.png); background-repeat:repeat-y;}

#menu					{float:left; padding:19px 0 16px 0; width:630px; color:#FFF; font-size:12px;}
#menu a					{text-decoration:none; color:#FFF;}
#menu a:hover			{text-decoration:none; color:#000;}
#menu .on				{text-decoration:none; color:#000;}
#headerRight			{float:left; padding:0;}

#frameInnerCol			{padding:0;}
#contentCol				{padding:0 0 21px 0;}
#contentColHome			{padding:0;}
#contentColProduct		{padding:0;}
#contentColBlog			{padding:0;}

#contentColOne			{float:left; padding:0; width:200px;}
#contentColTwo			{float:left; padding:0; width:401px;}
#contentColThree		{float:left; padding:0; width:201px;}
#contentColDouble		{float:left; padding:0; width:620px; position:relative; }
.divider				{float:left; padding:0; background-image:url(../images/wht-divider.gif); background-repeat:repeat-y;}
#topLeft				{padding:0 0 8px 0;}
#baseLeft				{}
#naturalSource			{background-color:#b7d547; width:401px;}
#naturalSource .click { margin-top:12px; }
#naturalSource #naturalSourceTxt { margin-top:15px; }
#naturalSourceTxt		{padding:4px 10px 4px 10px; color:#3f3c10;}
.topRight				{padding:0 0 6px 0;}
.midRight				{padding:0;}
#rangeBg				{background-color:#bad279;}
#ourRangeTxt			{padding:7px 10px 10px 10px; color:#192d13; font-size:12px;}
.baseRight				{padding:6px 0 0 0;}

.click					{padding:0 5px 0 0; text-align:right;}

/* health and wellbeing */
#benefits				{background-color:#eefdec; padding:10px;}
#ourStories				{background-color:#bad279; padding:10px;}

.ourStoriesLeft			{float:left; width:290px; padding:0 10px 10px 0;}
.ourStoriesRight		{float:left; width:290px; padding:0 0 10px 0;}

.ourStoriesImg			{float:left; width:59px; padding:0 10px 0 0;}
.ourStoriesImg img		{border:#000 1px solid;}
.ourStoriesTxt			{float:left; width:220px; padding:0;}

/* revival time */
#revival				{background-color:#eefdec; padding:10px 10px 89px 10px;}
#signUp					{background-color:#3f7d34;}
#thanks					{background-color:#eefdec; padding:10px 10px 291px 10px;}

#signUpForm				{padding:0 10px 17px 10px; color:#FFF; font-weight:bold; height:161px}
.formBox				{background-color:#bad279; border:none; width:100%; color:#000; margin:3px 0;}
.submitBtn				{padding:0; float:right; padding:5px 0 0 0;}
#revivalform 			{margin-bottom:46px; }
.revivalsubhead 		{margin-top:10px; margin-bottom:10px; }

#contentCol input.formBox { width:170px; }

ul#submenu { margin:5px 0 0 5px; padding:0; }
ul#submenu li { list-style-type:none; float:left; height:35px; margin-right:5px; }
ul#submenu a { color:#000000; border:none; }
ul#submenu a.active { color:#adba35; }
.revivalhero { position:absolute; top:110px; right:10px; }
.revivalfirst { width:360px; }
.winnerblock h3, .galleryblock h3, .downloadblock h3, .latestwinners h3, h3.thisweek { font-size:1.2em; color:#97b328; font-weight:bold; font-family:georgia,serif;}
.galleryblock h3{margin-bottom:0px;}
.galleryblock h3, .downloadblock h3,.galleryblock .weeknumber { padding-left:15px; }
.weeknumber { color:#bdbdbd; font-size:0.8em; }
.winnerblock { float:left; width:245px; margin:20px 0; padding-left:50px; }
.winnerblock.week9 { background:url(../images/competition/revival/week9.gif) no-repeat 0 15px;}
.winnerblock.week8 { background:url(../images/competition/revival/week8.gif) no-repeat 0 15px;}
.winnerblock.week7 { background:url(../images/competition/revival/week7.gif) no-repeat 0 15px;}
.winnerblock.week6 { background:url(../images/competition/revival/week6.gif) no-repeat 0 15px;}
.winnerblock.week5 { background:url(../images/competition/revival/week5.gif) no-repeat 0 15px;}
.winnerblock.week4 { background:url(../images/competition/revival/week4.gif) no-repeat 0 15px;}
.winnerblock.week3 { background:url(../images/competition/revival/week3.gif) no-repeat 0 15px;}
.winnerblock.week2 { background:url(../images/competition/revival/week2.gif) no-repeat 0 15px;}
.winnerblock.week1 { background:url(../images/competition/revival/week1.gif) no-repeat 0 15px;}

.galleryblock, .downloadblock { float:left; width:200px; margin:0 auto;}
.galleryblock p, .downloadblock p { padding-left:15px; }

/* revival time google map */
#googlemap { width:590px; height:450px; margin-top:20px; border:solid 1px #000000;}
#googlemap h2 { color:#97b328;  font-weight:bold; font-family:georgia,serif; }
#googlemap h3 { color:#000000; }

/* green tea */
#about					{background-color:#eefdec; padding:10px 10px 20px 10px;}

/* competition */
#competition			{background-color:#eefdec; padding:10px 10px 0 10px;}
.formDropBox			{background-color:#bad279; border:none; width:200px; color:#000;}


/* tea taster */
#taster					{background-color:#eefdec; padding:10px 10px 0 10px;}

/* our stories */
#story					{background-color:#eefdec; padding:10px 10px 135px 10px;}
#storyTitle				{font-size:24px; font-weight:bold; padding:0 0 10px 0;}

/* range and product */
#range					{background-color:#eefdec; padding:10px;}
#rangeProduct			{background-color:#eefdec; padding:10px;}
.products				{padding:0 0 20px 0;}
.rangeThmb				{float:left; width:75px; padding:0 20px 0 0;}
.rangeDetails			{float:left; width:183px; padding:0 20px 0 0;}

#product				{float:left; width:189px; padding:0 30px 0 0;}
#productInfo			{float:left; width:370px; padding:0;}
#productTitle			{padding:50px 0 0 0;}
#productTxt				{padding:5px 0 0 5px;}
#productBuy				{padding:20px 0 0 5px;}


.tabbed_area .content .hero 	{ float:left; padding:0 10px 0 0;}
.tabbed_area .tabs 				{ background-color:#d7de9a!important; width:840px; margin:8px 0; }
.tabbed_area ul 				{ margin:0; padding:0; }
.tabbed_area .tabs li 			{ float:left; width:130px; list-style-type:none; }
.infiniteCarousel 				{ width: 840px; position: relative; margin-top:10px; margin-bottom:10px; padding:10px 0; height:100px; background-color:#d7de9a; }
.infiniteCarousel .wrapper 		{ width: 780px; overflow: auto; height: 10em; margin: 0 30px; position: absolute; top: 0; }
.infiniteCarousel .wrapper ul 	{ width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-top:10px; padding:0; position: absolute; top: 0; }
.infiniteCarousel .arrow 		{ display: block; height: 97px; width: 27px; background: url(../images/arrow.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 12px; cursor: pointer;  }
.infiniteCarousel .forward 		{ background-position: 0 0; right: 0px; }
.infiniteCarousel .back 		{ background-position: 0 -195px; left: 0px; }
.infiniteCarousel .forward:hover { background-position: 0 -98px; }
.infiniteCarousel .back:hover 	{ background-position: 0 -293px; }

/* contact */
#contact				{background-color:#eefdec; padding:10px 10px 0 10px;}
#contactBg				{background-color:#3f7d34;}
#contactTxt				{}

/* unsubscribe */
#unsub					{background-color:#eefdec; padding:10px 10px 280px 10px;}
#unsubTxt				{}

/* press */
#press					{background-color:#eefdec; padding:10px 10px 129px 10px;}

/* privacy */
#privacy					{background-color:#eefdec; padding:10px 10px 0 10px;}
.privacyHd					{font-size:16px; font-weight:bold; color:#39722a; padding:0 0 10px 0;}
.privacyTxt					{padding:0 0 30px 0;}

/* faqs */
#faqs					{background-color:#eefdec; padding:10px 10px 10px 10px;}
.faqQuestion			{font-size:16px; font-weight:bold; color:#39722a; padding:0 0 10px 0;}
.faqTxt					{padding:0 0 30px 0;}

/* terms and conditions */
#terms					{background-color:#eefdec; padding:10px 10px 10px 10px;}

/* sitemap */
#sitemap				{background-color:#eefdec; padding:10px 10px 10px 10px;}
.sitemap				{}
.sitemap li				{padding:0 0 5px 0;}
.sitemap li li			{padding:5px 0 0 0;}

/* footer */
#footer					{padding:5px 0 0 76px}
#footerTop				{float:right;}
#copyright				{float:left; font-size:9px; font-weight:bold; color:#aeab95; padding:0;}
#quickLinks				{float:left; font-size:12px; font-weight:bold; width:370px; text-align:right; color:#aeab95; padding:0 0 0 170px;}
#quickLinks a			{text-decoration:none; color:#aeab95; outline:none;}
#quickLinks a:hover		{text-decoration:none; color:#000000; outline:none;}
#quickLinks .on			{text-decoration:none; color:#000000; outline:none;}

/* POP UP*/
#zoomBase {
	float:left;
	margin:0;
	padding:0;
	width:200px;
	display:block border: 10px solid;
	background-colour:#000000;
	left:0px;
}
.sendtofriend {
	position:absolute;
	top:300px;
	left:400px;
	background-color:#F2F4F5;
	border:1px solid #3573C1;
	color:#000000;
	float:left;
	font-size:12px;
	padding:10px;
	width:400px;
}

/* twitter box */
#tweetbox { background-color:#5b5721; width:195px; padding:8px 0 0 6px; color:#ffffff; margin-bottom:10px; }
#tweetbox .inner { background-color:#7c794d; width:179px; padding:5px; }
#tweetbox .foot { background:url(../images/twitter-base.jpg) no-repeat; width:195px; height:56px; }
#tweetbox .footsingle { background:url(../images/twitter-base-home.jpg) no-repeat; width:195px; height:31px; }
#tweetbox .foot a span, #tweetbox .footsingle a span { display:block; height:56px; text-indent:-99999px; }
#tweetbox .even { background:url(../images/tweet-even.jpg) no-repeat; width:195px; height:23px; margin-bottom:5px;}
#tweetbox .odd { background:url(../images/tweet-odd.jpg) no-repeat; width:195px; height:23px; margin-bottom:5px;}
#tweetbox a { color:#93e4ff; }
#tweetbox .loading { margin:auto; background: url(../images/ajax-loader.gif) center no-repeat; height:60px; width:60px; }