*		{margin:0; padding:0;}
body	{font-family:Arial, Helvetica, sans-serif; font-size:0.75em; background:#540400 url(../images/gradient-background.png) repeat-x; color:#666666;}

a	{outline:none;}

#wrapper		{margin:0 auto 20px auto; width:960px; background:#ffffff;}
#wrapperCocktails		{margin:0 auto 20px auto; width:960px; background:#000; color:#fff;}

/* Structure */
#header			{height:160px; background:url(../images/header.png) no-repeat;}
#headerCocktails			{height:160px; background:url(../images/header-cocktails.png) no-repeat;}
#logo 			{float:left; width:220px; padding:25px 0 0 10px;}
#content		{padding:20px 0 0 30px; min-height:400px; height:auto !important; height:400px;}
#contentCocktails		{padding:20px 0 0 0; min-height:400px; height:auto !important; height:400px;}
#content-row	{clear:both; padding:15px 0 15px 0;}

/* Nav */
#nav			{float:left; width:680px; height:38px; margin:0 0 0 0;}
#nav ul			{list-style-type:none;}
#nav li			{display:inline;}
#nav li a		{float:left; outline:none; height:0; padding-top:38px; overflow:hidden; background-image:url(../images/navigation.png); background-repeat:no-repeat;}

#nav-home a				{background-position:0px top; width:38px; margin:38px 0 0 22px;}
#nav-home a:hover		{background-position:0px -38px;}
#nav-good a				{background-position:-38px top; width:75px; margin:72px 0 0 27px;}
#nav-good a:hover		{background-position:-38px -38px;}
#nav-products a			{background-position:-113px top; width:68px; margin:18px 0 0 20px;}
#nav-products a:hover	{background-position:-113px -38px;}
#nav-cherries a			{background-position:-181px top; width:50px; margin:27px 0 0 25px;}
#nav-cherries a:hover	{background-position:-181px -38px;}
#nav-news a				{background-position:-231px top; width:34px; margin:22px 0 0 65px;}
#nav-news a:hover		{background-position:-231px -38px;}
#nav-drink a			{background-position:-265px top; width:76px; margin:56px 0 0 8px; padding-top:38px;}
#nav-drink a:hover		{background-position:-265px -38px;}
#nav-pip a				{background-position:-341px top; width:64px; margin:13px 0 0 19px;}
#nav-pip a:hover		{background-position:-341px -38px;}
#nav-press a				{background-position:-341px top; width:75px; margin:13px 0 0 10px;}
#nav-press a:hover		{background-position:-341px -40px;}
#nav-contact a			{background-position:-416px top; width:44px; margin:48px 0 0 36px;}
#nav-contact a:hover	{background-position:-416px -38px;}

#nav-home-on a			{background-position:0px -39px;}
#nav-products-on a		{background-position:-100px -39px;}
#nav-health-on a		{background-position:-200px -39px;}
#nav-cherries-on a		{background-position:-300px -39px;}
#nav-active-on a		{background-position:-400px -39px;}
#nav-contact-on a		{background-position:-500px -39px;}

/* Generic */
img				{border:0;}
.clear			{clear:both;}
.red			{color:#B21819;}

a:link			{text-decoration:underline;}
a:hover			{text-decoration:none;}

.imgFloatRight	{float:right;}
.imgFloatLeft	{float:left;}

.intropara		{font-size:1.2em; line-height:1.5em;}

#content h1		{font-weight:normal; color:#333; padding:10px 0 10px 0;}
#content h2		{font-weight:normal; padding:10px 0 0 0;}
#content p		{padding:0 0 1.1em 0; line-height:1.3em;}
#content ul		{}
#content li		{}
#content a			{color:#B21819;}
#content a:hover	{color:#B21819;}

/* Read more Links */
a.redLink 			{float:left; height:0; padding-top:18px; overflow:hidden; background-image:url(../images/read-more.gif); background-repeat:no-repeat; width:80px; outline:none;}
a.redLink:hover 	{background-position:0px -19px;} 

a.goldLink 			{float:left; height:0; padding-top:18px; overflow:hidden; background-image:url(../images/read-more-gold.gif); background-repeat:no-repeat; width:80px; outline:none; margin-top:3px;}
a.goldLink:hover 	{background-position:0px -19px;} 

a.whiteLink 		{float:left; height:0; padding-top:18px; overflow:hidden; background-image:url(../images/read-more-white.gif); background-repeat:no-repeat; width:80px; outline:none;}
a.whiteLink:hover 	{background-position:0px -19px;} 

a.blackLink 		{float:left; height:0; padding-top:18px; overflow:hidden; background-image:url(../images/read-more-black.gif); background-repeat:no-repeat; width:80px; outline:none;}
a.blackLink:hover 	{background-position:0px -19px;} 

a.productInfoLink	{float:left; height:0; padding-top:46px; overflow:hidden; background-image:url(../images/nutritional-information.gif); background-repeat:no-repeat; width:147px; outline:none;}
a.productInfoLink:hover 	{background-position:0px -50px;} 

a.productIngredientLink	{float:left; height:0; padding-top:46px; overflow:hidden; background-position:-151px 0px; background-image:url(../images/nutritional-information.gif); background-repeat:no-repeat; width:147px; outline:none;}
a.productIngredientLink:hover 	{background-position:-151px -50px;} 




/* Footer */
#footer			{background:#C9B986 url(../images/footer-curve.png) left bottom no-repeat; height:40px; clear:both;}
#footer ul    	{list-style-type:none; padding:9px 0 0 30px;}
#footer li    	{}
#footer li a	{float:left; height:0; padding-top:21px; text-align:center; overflow:hidden; background-image:url(../images/bookmark-share.png); background-repeat:no-repeat;}

#nav-bookmark a			{background-position:0px 0px; width:180px;}
#nav-bookmark a:hover	{background-position:0px -22px;}

/* Cocktails */
#cocktailCheckTitle	{text-align:center;}
#cocktailCheckContainer	{position:relative; padding-top:25px;}
#cocktailCheck		{border:1px solid #fff; margin:0 auto 0 auto; width:312px; text-align:center; padding:30px; background:url(../images/cocktail-check-background.png) repeat-x;}
#cocktailCheck .cocktailAge	{font-size:1.4em; padding-bottom:0.5em;}
#cocktailCheckNav			{height:28px; margin:20px 0 0 50px;}
#cocktailCheckNav ul			{list-style-type:none;}
#cocktailCheckNav li			{display:inline;}
#cocktailCheckNav li a		{float:left; outline:none; height:0; padding-top:28px; overflow:hidden; background-image:url(../images/cocktail-buttons.gif); background-repeat:no-repeat;}
#nav-enter a				{background-position:0px top; width:87px; margin-right:40px;}
#nav-enter a:hover		{background-position:0px -32px;}
#nav-leave a				{background-position:-123px top; width:87px;}
#nav-leave a:hover		{background-position:-123px -32px;}
#cocktailCheckImg	{width:183px; position:absolute; top:0; right:90px;}

#cocktailWelcome	{float:left; width:275px; position:absolute; top:26px; left:30px; font-size:1.2em;}
#cocktailTitle	{float:left; width:575px; position:absolute; top:0; left:340px;}
#cocktailList	{clear:both; position:relative; padding-top:85px;}

#cocktailFooter	{clear:both; margin-left:30px; padding-top:20px;}

#cocktailNeed	{border:1px solid #fff; float:left; width:630px; margin-right:10px; padding:0 0 8px 10px;}
#cocktailNeed h2	{padding-bottom:0.6em; font-size:1.2em; padding:8px 0 0 0;}
#cocktailNeed div {float:left; width:100px; text-align:center;}
#cocktailNeed div.fruit	{width:130px;}
#cocktailNeed div img	{}
#cocktailNeed .smalltext	{font-size:0.9em;}

#cocktailModeration	{border:1px solid #fff; float:left; width:205px; padding:20px;}
#cocktailModeration h2	{padding-bottom:0.6em; font-size:1.2em;}
#cocktailModeration p	{padding-bottom:1.1em;}

#cocktailNote	{clear:both; padding:8px 0 20px 0;}

#cocktailRecipeList	{margin-left:30px;}
#cocktailRecipeList div	{margin-top:20px;}
.recipeIngredients	{float:left; width:230px; margin-right:20px;}
.recipePrep		{float:left; width:220px; margin-right:20px;}
.recipeImg		{float:left; width:120px;}
.recipeNote		{clear:both; padding-top:10px; padding-bottom:10px;}


/* Home */
.home-row			{clear:both; padding:0 0 0 0;}
.home-row-images 	{text-align:center;}

#home-intro					{float:left; width:360px; padding:0 0 0 0px;}
#home-intro .introtext		{color:#B21819; font-size:1.5em; padding-bottom:0.6em;}
#home-intro h1				{padding:0 0 0 0;}
#home-intro p				{padding-right:30px;}

#home-products			{float:left; width:290px; padding:0 0 0 0px;}
#home-stockists-news	{float:left; width:280px; padding:0 0 0 0px;}

#stockists		{text-align:right; padding:0 0 20px 0;}

#cocktailsLink			{width:245px; float:right; clear:both;}

#news			{width:245px; background:url(../images/latest-news-side.gif) repeat-y; float:right; clear:both;}
#news-footer	{background:url(../images/latest-news-footer.gif) no-repeat; height:19px;}
#news h2		{padding:0 0 0 0;}
#news p			{padding:0 10px 4px 20px;}
#news a			{color:#fff;}

#home-col1		{float:left; width:260px; padding:0 0 30px 0;}
#home-col2		{float:left; width:260px; padding:0 0 30px 40px;}
#home-col3		{float:left; width:270px; padding:0 0 30px 40px;}
.home_box		{min-height:70px; height:auto !important; height:70px;}

/* Products */
#product-title		{width:360px; float:left;}
#product-title h1	{padding:0 0 0 0;}
#product-title h2	{padding:0 0 0 0;}

#product-intro		{width:550px; float:left; padding:10px 0 0 0;}
#product-intro p	{padding:0 20px 0 0;}

.product-row		{clear:both; padding:30px 0 0 0;}
.product-row div img.imgFloatRight	{padding:0 0 0 5px;}

#product-cherry			{width:300px; float:left; margin:0 20px 0 0; background:url(../images/original-cherry-product.jpg) no-repeat; min-height:345px; height:auto !important; height:345px; padding:0 0 0 140px;}
#product-cherry h3		{padding-bottom:10px;}
#original_cherry_info	{clear:both;}

#product-cherry-light			{width:300px; float:left; margin:0 20px 0 0; background:url(../images/original-cherry-light-product.jpg) no-repeat; min-height:345px; height:auto !important; height:345px; padding:0 0 0 140px;}
#product-cherry-light h3		{padding-bottom:10px;}
#original_cherry_light_info	{clear:both;}

#product-cherry-premium			{width:300px; float:left; margin:0 20px 0 0; background:url(../images/original-cherry-premium-product.jpg) no-repeat; min-height:345px; height:auto !important; height:345px; padding:0 0 0 140px;}
#product-cherry-premium h3		{padding-bottom:10px;}
#original_cherry_premium_info	{clear:both;}

#product-berry		{width:310px; float:left; background:url(../images/cherry-and-berry-product.jpg) no-repeat; min-height:345px; height:auto !important; height:345px; padding:0 0 0 140px; margin-top:10px;}
#product-berry h3	{padding-bottom:10px;}
#product-berry p	{padding-right:30px;}
#cherry_berry_info	{clear:both;}

.productTable		{width:250px;}
.productTable td	{padding:5px 20px 5px 0; border-bottom:1px solid #CCCCCC;}
.productInfoCol		{float:left; width:280px;}
.productInfoCol	img	{padding-top:30px; float:right;}

.product-text	{min-height:170px; height:auto !important; height:170px;}
#product-cherry-light  .product-text	{min-height:150px; height:auto !important; height:150px;}
.productInfo	{margin-left:120px;}

/* Our Cherries */
#cherries-col1		{width:540px; float:left; padding-right:40px;}
#cherries-col1 img.imgFloatRight	{padding:0 0 0 10px;}
#cherries-col2		{width:350px; float:left;}

/* Cherries Good For You */
#good-col1		{width:540px; float:left; padding-right:40px;}
#good-col2		{width:350px; float:left;}

.oracTable		{width:400px; padding-bottom:10px;}
.oracTable td	{padding:0 0 5px 0;}

.percent		{text-align:center;}

/* Side Panel */
#side-panel			{background:url(../images/side-panel-side.gif) repeat-y; color:#fff; padding:0 20px 15px 20px;}
#side-panel-footer	{background:url(../images/side-panel-footer.gif) no-repeat; margin-bottom:20px; height:19px;}
#side-panel-header	{background:url(../images/side-panel-header.gif) no-repeat; margin-top:10px; height:19px;}
#side-panel h2		{padding:0 0 0 0;}
#side-panel h3		{padding:15px 0 0 0;}
#side-panel p		{padding:0 0 1.1em 0; line-height:1.2em;}
#side-panel a		{color:#fff;}
#side-panel a img	{padding-top:3px;}
#side-panel img.imgFloatRight	{padding:0 0 0 10px;}
#side-panel img.imgFloatLeft	{padding:0 10px 0 0;}
#side-panel div.alignRight		{text-align:right;}
#side-panel div.alignRight p	{padding-left:30px;}
#side-panel div.alignRight a.goldLink {float:right}

/* Contact */
#contact-col1	{width:240px; float:left; padding:20px 0 0 0;}
#contact-col2	{width:240px; float:left; padding:20px 70px 0 30px;}
#contact-col3	{width:185px; float:left; padding:0 30px 0 30px;}

/*Drinks */
#drinks-col1		{width:540px; float:left; padding-right:40px; padding-bottom:20px;}
#drinks-col1 div	{clear:left;}

#drinks-col2		{width:350px; float:left; margin:55px 0 0 0;}

#drinksIntro		{position:relative;}
#drinksIntroImage	{width:173px; position:absolute; top:-35px; right:0;}
#drinksIntroTitle	{height:200px;}
#drinksIntroTitle h2	{padding:53px 0 0 0;}
#drinksIntroText	{clear:both;}
#drinksIntroText p	{font-size:1.4em; padding-bottom:0;}

#mixologyBox	{position:relative; height:285px;}
#mixologyBoxText	{width:174px; position:absolute; top:50px; left:0; z-index:2;}
#mixologyBoxText2	{width:200px; position:absolute; top:0; left:0; z-index:2;}
#mixologyBoxText2 p	{padding-left:5px; padding-right:50px;}
#mixologyBox a	{color:#fff; text-decoration:underline;}
#mixologyBox a:hover	{color:#fff; text-decoration:none;}
#mixologyBoxImage	{width:174px; position:absolute; top:0; right:0; z-index:1;}

.breakfastImg	{padding-top:20px;}

.greenBox		{background:url(../images/green-box-middle.gif) repeat-y; color:#fff; position:relative; }
.greenBoxHeader	{background:url(../images/green-box-header.gif) no-repeat; margin-top:10px; height:19px;}
.greenBoxFooter	{background:url(../images/green-box-footer.gif) no-repeat; margin-bottom:20px; height:19px;}

#blackBox		{background:url(../images/side-black-box.gif) repeat-y; color:#fff; padding:0 20px 15px 20px;}
#blackBoxFooter	{background:url(../images/footer-black-box.gif) no-repeat; margin-bottom:20px; height:19px;}
#blackBoxHeader	{background:url(../images/header-black-box.gif) no-repeat; margin-top:10px; height:19px;}

/* Press */
#press-col1		{width:540px; float:left; padding-right:40px;}
#press-col2		{width:350px; float:left;}
#articleListOuter	{background:url(../images/paper-middle.png) repeat-y;}
#articleListInner	{background:url(../images/paper-footer.png) no-repeat bottom left; min-height:390px; height:auto !important; height:390px;}
#articleList	{background:url(../images/paper-header.png) no-repeat; margin-bottom:15px;}
.pressColumn	{float:left; width:160px; margin:0 10px 0 0;}
.middle			{margin-right:30px;}
#articleList h2		{padding:20px 0 0.8em 20px;}
#articleList ul		{list-style-type:none; margin-left:20px;}
#articleList ul li	{padding:0 0 1.4em 0;}