@charset "UTF-8";
/* CSS Document */


/*********** HTML STYLES ***********/
body, html, form, p, br, h1, h2, h3, h4, h5, h6, ul, ol, li, div { padding:0; margin:0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
body { text-align:center; background: #333132 url(/images/BG.jpg) 0 0 repeat-x; }
a { color:#b3d88c; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; text-decoration:none;  }
a:hover { color:#dbeacb; }
a:visited { color:#9bc46f; }
a:active, a:focus {}

.GreenTRU { color:#b3d88c; }
a.GreenTRU { color:#b3d88c; }
.GreenDarkTRU { color:#6f9c3f; }
a.GreenDarkTRU { color:#6f9c3f; }
.GreenLightTRU { color:#dbeacb; }
a.GreenLightTRU { color:#dbeacb; }
.Grey { color:#d1d3d4; }
a.Grey { color:#d1d3d4; }
.White { color:#fff; }
a.White { color:#fff; }

.hidden { display:none; }



/*********** MAIN ***********/
#FrameOuter { background:url(/images/LogoBottom.jpg) top right no-repeat; width:984px; margin-left:auto; margin-right:auto; }
#Frame { background:url(/images/FrameBG.jpg) 12px 0px repeat-y; width:984px; margin-left:auto; margin-right:auto; text-align:left; }



/*********** NAVIGATION ***********/
#Navigation { height:37px; width:984px; background:url(/images/NavBG.jpg) 0 0 repeat-x; margin-left:auto; margin-right:auto; text-align:left; }

.Nav { display:block; float:left; height:22px; padding:15px 10px 0 6px; background: url(/images/NavBump.jpg) bottom right no-repeat; }
.Nav a { color:#404b34; font-weight:bold; font-size:11px; }
.Nav a:hover { color:#000; font-weight:bold; }
.Nav a:visited {color:#4e5b3f;}
.Blanker { display:block; float:left; height:37px; width:12px; background:#cde7b2; padding: 0; }

.NavRightBG { background:url(/images/NavBGRight.jpg) top right no-repeat; width:984px; height:37px; }

.home { padding-left:30px; }
.search { width:135px; text-align:center; background:url(/images/Search.jpg) 9px 10px no-repeat; }
.input { background:url(/images/InputBG.jpg) 0 0 no-repeat; width:143px; height:17px; padding:8px 4px 4px 4px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; border: 0; color:#FFFFFF; display:block; }
.textarea { overflow:auto; background:url(/images/BGTextArea.jpg) 0 0 no-repeat; width:286px; height:104px; padding:0;  margin:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border: 0; color:#FFFFFF; display:block; }



/*********** BANNER ***********/
#Banner { height:357px; display:block; width:960px; margin: 0 0 0 12px; }



/*********** MAIN ***********/
#Main { width:960px; margin: 0 0 0 12px; color:#FFFFFF; }
#MainLeft { width:736px; float:left; padding: 0 0 0 21px; line-height:1.7em; }
#MainRight { width:155px; float:left; padding: 0 10px 0 10px; line-height:1.4em; }
#MainRight a { color:#d3e3c1; }
#MainRight a:hover { color:#b3d88c; }
#Main h1 { font-size:16px; color:#b3d88c; }
#MainRight .input { background:url(/images/InputBG.jpg) 0 0 no-repeat; width:143px; height:17px; padding:8px 4px 4px 4px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; border: 0; color:#FFFFFF; display:block; }
h3 { width:146px; height:23px; display:block; background:url(/images/TruNews.jpg) 0 0 no-repeat; text-indent: -100em; overflow:hidden; }
h2 { width:336px; height:65px; display:block; text-indent: -100em; overflow:hidden; }
.Dream { background:url(/images/ADreamComeTru.jpg) 0 0 no-repeat; }
.TRULife { background: url(/images/TruLifeStories.jpg) 0 0 no-repeat; }
.BeTRUToYourself { background: url(/images/BeTruToYourself.jpg) 0 0 no-repeat; }
.TRUnews { background: url(/images/TruNewsMain.jpg) 0 0 no-repeat; }
.TRUStillHungry { background: url(/images/TruStillHungry.jpg) 0 0 no-repeat; }
.TRUlyTasty { background: url(/images/TRUlyTasty.jpg) 0 0 no-repeat; }
.TRUlyScrumptious { background: url(/images/TRUlyScrumptious.jpg) 0 0 no-repeat; }
.TRUTalk { background: url(/images/TRUTalk.jpg) 0 0 no-repeat; }
.TRULeaveReply { background: url(/images/TRULeaveReply.jpg) 0 0 no-repeat; }
.TRUMonthly { background: url(/images/TRUMonthly.jpg) 0 0 no-repeat; }
.TRUPop { background: url(/images/TRUPop.jpg) 0 0 no-repeat; }
.TRUFeatBlog {background: url(/images/FeaturedBlogs.jpg) 0 0 no-repeat;}

.TRUVidRecipes {background: url(/images/TRUVideoRec.jpg) 0 0 no-repeat;}

.AboutBlog {background: url(/images/AboutBlogger.jpg) 0 0 no-repeat;}

.TRUContact { background: url(/images/TRUContact.jpg) 0 0 no-repeat;}
.TRUBlogReg { background: url(/images/TRUBlogReg.jpg) 0 0 no-repeat;}

.TRUOffers { background: url(/images/TRUfreeOffers.jpg) 0 0 no-repeat;}
.TRUAbout { background: url(/images/TRUAbout.jpg) 0 0 no-repeat;}
.TRUStockists { background: url(/images/TRUStockists.jpg) 0 0 no-repeat;}
.TRUFAQs  { background: url(/images/TRUFAQs.jpg) 0 0 no-repeat;}
.TRUFoodIntolerances  { background: url(/images/TRUFoodIntolerances.jpg) 0 0 no-repeat;}
.TRUUsefullLinks { background: url(/images/TRUUsefullLinks.jpg) 0 0 no-repeat;}

.PrevNews {background: url(/images/PreviousNews.jpg) 0 0 no-repeat; width:195px; height: 35px; text-indent: -1000em; display: block; float:left;}
.PrevNews a{width: 195px; height: 35px; padding:0; margin:0; text-indent: -1000em;}

.NextNews {background: url(/images/NextNews.jpg) 0 0 no-repeat; width:195px; height: 35px; text-indent: -1000em; display: block; float:Right;}
.NextNews a{width: 195px; height: 35px; padding:0; margin:0; text-indent: -1000em;}




.FrontComment { padding: 5px 18px 5px 18px; background:url(/images/LeftComment.gif) 0px 5px no-repeat; }
.MainInnerLeft { width:336px; float:left; }
.MainInnerRight { width:336px; float:left; padding: 0 0 0 45px; }
.SubscribeForm { line-height:1.0em; }



/*********** BOXES ***********/
.BoxFront { background: url(/images/BoxFrontBG.jpg) 0 0 no-repeat; width:316px; height:auto; padding: 10px 10px 0 10px; display:block; }
.BoxFrontProduct { }
.BoxFrontProductLeft { width:162px; float:left; }
.BoxFrontProductLeft img { border:4px solid #fff; padding:12px 0 12px 0; }

.BoxFrontProductRight { width:150px; float:left; }

.NoBackground { background: none; }
.QandA { background:url(/images/BoxFrontBGQandA.jpg) 0 0 no-repeat; }
.QandATop { padding: 0 0 0 40px; }
.QandABot { padding: 20px 0 0 60px; }

.BoxFront .Row { clear:both; padding:4px 0 0 0; width:314px; height:auto; }
.BoxFront .RowLeft { width:120px; float:left; display:block; height:auto; padding:2px 0 0 50px; }
.BoxFront .RowRight { width:134px; float:left; display:block; height:auto; padding:0px 0 0 0; }
.VoteBG {background:url(images/VoteBG.jpg) 0 0 repeat-x; width:100px; float:left;}


/*********** NEWS FRONT ***********/
.FrontNews { width:718px; height:173px; display:block; background:url(/images/NewsBG2.jpg) 0 0 no-repeat; }
.FrontNewsTop { padding:28px 0 0 160px; color:#000000; font-weight:bold; height:36px; }
.FrontNewsBot { color:#000000; }
.FrontNewsCell { width:201px; height:105px; display:block; float:left; padding: 0 0 0 40px; line-height:1.4em; }
.FrontNewsCell h5 a { color:#5c872e }
.FrontNewsTitle { height:32px; }
.FrontNewsCell a { color:#5c872e }
.FrontNewsCell a:hover { color:#000000 }
.NewsFrontCellOne { padding: 0 0 0 10px; }



/*********** FOOTER ***********/
#Footer { color:#a7a9ac; text-align:left; background: #333132 url(/images/FooterBG.jpg) 0 0 repeat-x; padding: 8px 0 0 0; margin: 0 12px 0 12px; }
#Footer li { display: inline; width:auto; padding: 0 0 0 25px; }
#Footer li a { color:#b3d88c; }
#Footer li a:hover { color:#fff; }



/*********** VOTE BUTOON ***********/
button { border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center; width:151px; }
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
/*blue buttons*/
button.submitBtn { background:url(/images/btn_green_right.gif) right no-repeat; font-size:1.1em; }
button.submitBtn span { height:30px; line-height:30px; background:url(/images/btn_green_left.gif) left no-repeat; color:#6f9c3f; }
button.submitBtn:hover { background:url(/images/btn_green_right_hover.gif) right no-repeat; }
button.submitBtn:hover span { background:url(/images/btn_green_left_hover.gif) left no-repeat; color:#FFFFFF; }



/*********** UNSUBSCRIBE ***********/
/* Overlay */
#modalOverlay { background-color:#000; cursor:wait; }
/* Container */
#modalContainer { height:190px; width:316px; left:50%; top:15%; margin-left:-155px; background:#000 url(/images/BoxFrontBG.jpg) 0 0 no-repeat; border:3px solid #ccc; }
#modalContainer a.modalCloseImg { background: url(/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer; }
#modalContainer #basicModalContent { padding:8px; color:#FFFFFF; text-align:left; }
#basicModalContent .input { background:url(/images/InputBG.jpg) 0 0 no-repeat; width:143px; height:17px; padding:8px 4px 4px 4px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; border: 0; color:#fff; display:block; }
#basicModalContent h5 { font-size:16px; color:#b3d88c; }
.UnsubForm { padding-left:75px; }



/*********** SEARCH ***********/
.popup { position:absolute; display: none; z-index: 50; top:0; left:0; padding:0px 0 0 0px; text-align:left; width:198px; height:90px; }
.popup .Row { clear:both; padding:4px 0 0 0; width:188px; height:35px; }
.popup .RowLeft { width:108px; float:left; display:block; height:auto; padding:2px 0 0 0; }
.popup .RowRight { width:60px; float:left; display:block; height:auto; padding:0px 0 0 0; }
.popup .input { background:url(/images/InputBGSearch.jpg) 0 0 no-repeat; width:98px; height:17px; padding:8px 4px 4px 4px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; border: 0; color:#fff; display:block; }
#SearchHolderTop { width:193px; height:16px; display:block; background:url(/images/SearchBGTop.png) 0 0 no-repeat;  }
#SearchHolderMid { padding: 10px 0 0 10px; width:183px; height:56px; display:block; background:url(/images/SearchBGMid.jpg) 0 0 repeat-y; }
#SearchHolderBot { width:193px; height:8px; display:block; background:url(/images/SearchBGBot.png) 0 0 no-repeat;  }




/*********** NEWS ***********/

.NewsTop { width:720px;}
.NewsTop h1 { width:446px; height:65px; padding:0;  display:block; text-indent: -100em; overflow:hidden; float:left;  }

.NewsContent { background:url(/images/NewsFullBG.jpg) 0 0 no-repeat; clear:both; }

.NewsContentTitle { clear:both; width:706px; height:45px; }
h4 { font-size:16px; color:#b3d88c; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; }
.NewsContentTitle h2 { font-size:16px; color:#fff; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; }
.NewsTop h2 { font-size:16px; color:#b3d88c; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; }

.NewsContentTitleLeft { width:406px; float:left; padding:14px 0 0 35px; }
.NewsContentTitleRight { width:168px; float:left; text-align:right; padding:5px 0 0 80px; }

.NewsContentMain { clear:both; width:706px; }
.NewsContentMainLeft {  width:406px; float:left; padding:14px 0 0 35px; }
.NewsContentMainRight { width:228px; float:left;padding:14px 0 0 25px;  }

.BackLink { width:200px; float:right; text-align:right; display:block; padding:35px 33px 0 0 ; }
.Comment { padding: 5px 0px 5px 18px; background:url(/images/LeftComment.gif) 0px 5px no-repeat; font-size:16px; color:#e8f0de; line-height:1.8em; }
.ImageHolder { text-align:center; }
.ImageHolder img { border: 4px solid #ccc; }

.Day {  float:left; width:41px; height:35px; display:block; overflow:hidden; text-indent:100em; background: url(/images/Dates/Day/20.png) 0 0 no-repeat;}
.Month {float:left; width:93px; height:35px; display:block; overflow:hidden; text-indent:100em;  background:url(/images/Dates/Month/September.png) 0 0 no-repeat;}
.Year {float:left; width:30px; height:35px; display:block; overflow:hidden; text-indent:100em; background:url(/images/Dates/Year/08.png) 0 0 no-repeat;}

.January { background:url(/images/Dates/Month/January.png) 0 0 no-repeat; width:78px;}
.February { background:url(/images/Dates/Month/February.png) 0 0 no-repeat; width:88px;}
.March { background:url(/images/Dates/Month/March.png) 0 0 no-repeat; width:63px;}
.April { background:url(/images/Dates/Month/Aprill.png) 0 0 no-repeat; width:58px;}
.May { background:url(/images/Dates/Month/May.png) 0 0 no-repeat; width:53px;}
.June { background:url(/images/Dates/Month/June.png) 0 0 no-repeat; width:53px;}
.July { background:url(/images/Dates/Month/July.png) 0 0 no-repeat; width:53px;}
.August { background:url(/images/Dates/Month/August.png) 0 0 no-repeat; width:93px;}
.September { background:url(/images/Dates/Month/September.png) 0 0 no-repeat; width:93px;}
.October { background:url(/images/Dates/Month/October.png) 0 0 no-repeat; width:93px;}
.November { background:url(/images/Dates/Month/November.png) 0 0 no-repeat; width:93px;}
.December { background:url(/images/Dates/Month/December.png) 0 0 no-repeat; width:93px;}


.Year95 { background:url(/images/Dates/Year/95.png) 0 0 no-repeat;}
.Year96 { background:url(/images/Dates/Year/96.png) 0 0 no-repeat;}

.Year97 { background:url(/images/Dates/Year/97.png) 0 0 no-repeat;}
.Year98 { background:url(/images/Dates/Year/98.png) 0 0 no-repeat;}
.Year99 { background:url(/images/Dates/Year/99.png) 0 0 no-repeat;}

.Year00 { background:url(/images/Dates/Year/00.png) 0 0 no-repeat;}
.Year01 { background:url(/images/Dates/Year/01.png) 0 0 no-repeat;}
.Year02 { background:url(/images/Dates/Year/02.png) 0 0 no-repeat;}

.Year03 { background:url(/images/Dates/Year/03.png) 0 0 no-repeat;}
.Year04 { background:url(/images/Dates/Year/04.png) 0 0 no-repeat;}
.Year05 { background:url(/images/Dates/Year/05.png) 0 0 no-repeat;}
.Year06 { background:url(/images/Dates/Year/06.png) 0 0 no-repeat;}
.Year07 { background:url(/images/Dates/Year/07.png) 0 0 no-repeat;}
.Year08 { background:url(/images/Dates/Year/08.png) 0 0 no-repeat;}
.Year09 { background:url(/images/Dates/Year/09.png) 0 0 no-repeat;}
.Year10 { background:url(/images/Dates/Year/10.png) 0 0 no-repeat;}
.Year11 { background:url(/images/Dates/Year/11.png) 0 0 no-repeat;}
.Year12 { background:url(/images/Dates/Year/12.png) 0 0 no-repeat;}
.Year13 { background:url(/images/Dates/Year/13.png) 0 0 no-repeat;}
.Year14 { background:url(/images/Dates/Year/14.png) 0 0 no-repeat;}

.Day01 { background:url(/images/Dates/Day/01.png) 0 0 no-repeat;}
.Day02 { background:url(/images/Dates/Day/02.png) 0 0 no-repeat;}
.Day03 { background:url(/images/Dates/Day/03.png) 0 0 no-repeat;}
.Day04 { background:url(/images/Dates/Day/04.png) 0 0 no-repeat;}
.Day05 { background:url(/images/Dates/Day/05.png) 0 0 no-repeat;}
.Day06 { background:url(/images/Dates/Day/06.png) 0 0 no-repeat;}
.Day07 { background:url(/images/Dates/Day/07.png) 0 0 no-repeat;}
.Day08 { background:url(/images/Dates/Day/08.png) 0 0 no-repeat;}
.Day09 { background:url(/images/Dates/Day/09.png) 0 0 no-repeat;}
.Day10 { background:url(/images/Dates/Day/10.png) 0 0 no-repeat;}
.Day11 { background:url(/images/Dates/Day/11.png) 0 0 no-repeat;}
.Day12 { background:url(/images/Dates/Day/12.png) 0 0 no-repeat;}
.Day13 { background:url(/images/Dates/Day/13.png) 0 0 no-repeat;}
.Day14 { background:url(/images/Dates/Day/14.png) 0 0 no-repeat;}
.Day15 { background:url(/images/Dates/Day/15.png) 0 0 no-repeat;}
.Day16 { background:url(/images/Dates/Day/16.png) 0 0 no-repeat;}
.Day17 { background:url(/images/Dates/Day/17.png) 0 0 no-repeat;}
.Day18 { background:url(/images/Dates/Day/18.png) 0 0 no-repeat;}
.Day19 { background:url(/images/Dates/Day/19.png) 0 0 no-repeat;}
.Day20 { background:url(/images/Dates/Day/20.png) 0 0 no-repeat;}
.Day21 { background:url(/images/Dates/Day/21.png) 0 0 no-repeat;}
.Day22 { background:url(/images/Dates/Day/22.png) 0 0 no-repeat;}
.Day23 { background:url(/images/Dates/Day/23.png) 0 0 no-repeat;}
.Day24 { background:url(/images/Dates/Day/24.png) 0 0 no-repeat;}
.Day25 { background:url(/images/Dates/Day/25.png) 0 0 no-repeat;}
.Day26 { background:url(/images/Dates/Day/26.png) 0 0 no-repeat;}
.Day27 { background:url(/images/Dates/Day/27.png) 0 0 no-repeat;}
.Day28 { background:url(/images/Dates/Day/28.png) 0 0 no-repeat;}
.Day29 { background:url(/images/Dates/Day/29.png) 0 0 no-repeat;}
.Day30 { background:url(/images/Dates/Day/30.png) 0 0 no-repeat;}
.Day31 { background:url(/images/Dates/Day/31.png) 0 0 no-repeat;}

.MainNewsContent { }

.MainNewsContentLeft { width:349px; float:left; }
.MainNewsContentRight { width:349px; float:left; padding: 0 0 0 15px; }

.MainNewsPod {  width:349px; background: url(/images/CropCornerSmBox.jpg) 0 0 no-repeat; clear:both; }
.PodDatetContain { clear:both; width:349px; height:45px; }
.PodDate { width:168px; float:left; text-align:right; padding:5px 0 0 170px; }

.PodTextContain { clear:both; width:349px; }
.PodText {  width:319px; float:left; padding:14px 15px 0 15px; }
.PodText img { border: 4px solid #ccc; margin: 0 0 5px 5px; }

a.PodNewsTitle { color:#FFFFFF; font-weight:bold; }




/*********** RECIPE ***********/

.RecipeContent { background:url(/images/NewsFullBG.jpg) 0 0 no-repeat; clear:both; }

.RecipeContentTitleLeft { width:606px; float:left; padding:14px 0 0 35px; }
.RecipeContentTitleRight { width:168px; float:left; text-align:right; padding:5px 0 0 80px; }
.NewsContentTitle { clear:both; width:706px; height:45px; }
.RecipeContentTitle h2 { font-size:16px; color:#fff; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; }
.RecipeTop h2 { font-size:16px; color:#b3d88c; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; }

.RecipeContentMain { clear:both; width:706px; }
.RecipeContentMainLeft {  width:406px; float:left; padding:14px 0 0 35px; }
.RecipeContentMainRight { width:228px; float:left;padding:14px 0 0 25px;  }
.RecipeContentMainLeft ul { padding: 20px 0 20px 25px; list-style-type:square; }
.RecipeContentMainLeft ol { padding: 20px 0 20px 25px; }

.RecipeContentMainRight h5 { width:228px; height:45px; display:block; text-indent: -100em; overflow:hidden; }

.RecipeContentMainRight ul { padding: 0px 0 0px 0px; list-style-type:none;border-bottom: 1px solid #1a1a1a;clear:both; }
.RecipeContentMainRight li { padding: 2px 0 2px 4px; list-style-type:none; border-top: 1px solid #1a1a1a; }

/*********** PRODUCT ***********/

table{border-collapse:collapse;margin:1em 0; width:100%;}
th, td{padding:0.1em 0.2em; border:0px solid #fff; font-size:10px;}
th{background:#45494c url(/images/TableBG.jpg) 0px 0px repeat-x; color:#d3e3c1;}
td{background:#45494c;}

 

tr.even td{background:#45494c url(/images/TableBG.jpg) 0px -63px repeat-x; font-size:10px; }
tr.odd td{background:#45494c url(/images/TableBG.jpg) 0px -126px repeat-x; font-size:10px; }
td.empty, tr.odd td.empty, tr.even td.empty{ }

.ProductTWOContent { background:url(/images/NewsFullBG.jpg) 0 0 no-repeat; clear:both; }
.ProductTWOContentTitleLeft { width:676px; float:left; padding:14px 0 0 35px; }
.ProductTWOContentTitleRight { width:168px; float:left; text-align:right; padding:5px 0 0 80px; }
.ProductTWOContentTitle h2 { font-size:16px; color:#fff; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; width:320px; float:left; }
.ProductTWOContentTitle h4 { font-size:14px; color:#b3d88c; width:auto; height:auto; display:block; font-weight:normal; text-indent: 0em; overflow: visible; width:340px; float:left; text-align:right }

.ProductTop h2 { font-size:16px; color:#b3d88c; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; }





.ProductContent {  clear:both; }
.HighlightText { font-size:15px; line-height:1.8em;}

.Gallery a { width:83px; height:83px; display:block; position:relative; margin: 10px 0 0 10px; border:#FFFFFF 4px solid; float:left;  }

.ProductPod { background:url(/images/BGProduct.jpg) 0px 1px no-repeat; width:313px; padding: 10px 0 0 35px; height:auto; }
.ProductPod h3 { width:348px; height:55px; padding:0;  display:block; text-indent: -100em; overflow:hidden; float:left; }

.ProductContentMain { clear:both; width:706px; }
.ProductContentMainLeft {  width:328px; float:left; padding:14px 0 0 0; }
.ProductContentMainRight { width:348px; float:left; padding:14px 0 0 25px;  }
.ProductContentMainRight ul { padding: 0px 0 0px 0px; list-style-type:none; }


.ProductContentMainLeft h2 { font-size:16px; color:#b3d88c; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible;}

.TRUlySatis { background: url(/images/TRUlySatis.png) 0 0 no-repeat; }
.TRUlySavour { background: url(/images/TRUlySavour.png) 0 0 no-repeat; }
.TRUlyPerfect { background: url(/images/TRUlyPerfect.png) 0 0 no-repeat; }
.TRUlyCrackers { background: url(/images/TRUlyCrackers.png) 0 0 no-repeat; }
.TRUForTea { background: url(/images/TRUForTea.png) 0 0 no-repeat; }

.ProductContentMainLeft .Row { clear:both; padding:4px 0 0 0; width:324px; height:auto; }
.ProductContentMainLeft .RowLeft { width:90px; float:left; display:block; height:auto; padding:2px 0 0 0; }
.ProductContentMainLeft .RowRight { width:194px; float:left; display:block; height:auto; padding:0px 0 0 0; }

.ProductContentMainRight ul { padding: 0px 0 0px 0px; list-style-type:none;border-bottom: 1px solid #1a1a1a; clear:both; }
.ProductContentMainRight li { padding: 2px 0 2px 4px; list-style-type:none; border-top: 1px solid #1a1a1a; }


.ProductContentMainRight h4 {color:#FFFFFF; }


/*********** STANDARD PAGE ***********/
.StandardTop { width:720px;}
.StandardTop h1 { font-size:16px; color:#b3d88c;  }

.StandardContent { background:url(/images/BoxBGNoLine.jpg) 0 0 no-repeat; clear:both; }
.StandardContentMain { clear:both; width:706px; }
.StandardContentMainLeft {  width:656px; float:left; padding:14px 0 0 35px; }
.StandardContentMainLeft ul { padding: 0px 0 0px 25px; list-style-type:square; }
.StandardContentMainLeft ol { padding: 0px 0 0px 25px; }

.StandardContentMainLeft .Row { clear:both; padding:4px 0 0 0; width:384px; height:auto; }
.StandardContentMainLeft .RowLeft { width:110px; float:left; display:block; height:auto; padding:2px 0 0 0; }
.StandardContentMainLeft .RowRight { width:294px; float:left; display:block; height:auto; padding:0px 0 0 0; }




/*********** BLOG ***********/

.BlogTop { width:720px;}
.BlogTop h1 { width:446px; height:65px; padding:0;  display:block; text-indent: -100em; overflow:hidden; float:left;  }

.BlogContent { background:url(/images/NewsFullBG.jpg) 0 0 no-repeat; clear:both; }
.BlogInnerContent {clear:both; }

.BlogInnerTitleRight { width:168px; float:left; text-align:right; padding:5px 0 0 220px; }
.BlogInnerTitle { clear:both; width:403px; height:55px; padding:10px 0 0 0; }

.BlogInnerMainLeft {  width:450px; float:left; padding:14px 0 0 0px; }

.BlogPod { background:url(/images/BGBlogPod.jpg) 0 0 no-repeat; width:403px; padding: 0 0 0 45px; }
.BlogPod h2 { font-size:16px; color:#b3d88c; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; }
.BlogPod h2 a { font-size:16px; color:#b3d88c; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; }
.BlogPod h2 a:hover {  color:#dbeacb;  }

.BlogPod .RowLines { clear:both; padding:4px 0 0 0; width:384px; height:auto; border-bottom: 1px solid #1a1a1a;  border-top: 1px solid #1a1a1a; }
.BlogPod .Row { clear:both; padding:4px 0 0 0; width:384px; height:auto; }
.BlogPod .RowLeft { width:150px; float:left; display:block; height:auto; padding:2px 0 0 0; }
.BlogPod .RowRight { width:234px; float:left; display:block; height:auto; padding:0px 0 0 0; }

.BlogContentTitleLeft { width:406px; float:left; padding:14px 0 0 35px; }
.BlogContentTitleRight { width:168px; float:left; text-align:right; padding:5px 0 0 80px; }

.BlogContentTitle { clear:both; width:706px; height:45px; }
.BlogContentTitle h2 { font-size:16px; color:#fff; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; }
.BlogTop h2 { font-size:16px; color:#b3d88c; width:auto; height:auto; display:block; text-indent: 0em; overflow: visible; }

.BlogMugShot {width: 228px; height: auto; padding:0 0 10px 0; margin:0; border: none;}








.BlogContentMain { clear:both; width:706px; }
.BlogContentMainLeft {  width:406px; float:left; padding:14px 0 0 35px; }
.BlogContentMainRight { width:228px; float:left;padding:14px 0 0 25px;  }
.BlogContentMainLeft ul { padding: 20px 0 20px 25px; list-style-type:square; }
.BlogContentMainLeft ol { padding: 20px 0 20px 25px; }


.BlogContentMainRight ul { padding: 0px 0 0px 10px; list-style-type:none;border-bottom: 1px solid #1a1a1a; }
.BlogContentMainRight li { padding: 2px 0 2px 4px; list-style-type:none; border-top: 1px solid #1a1a1a; }

.BlogContentMainLeft h4 { width:228px; height:45px; display:block; text-indent: -100em; overflow:hidden; }
.BlogContentMainRight h5 { width:228px; height:45px; display:block; text-indent: -100em; overflow:hidden; }

.BlogContentMainLeft .RowLines { clear:both; padding:4px 0 0 0; width:384px; height:auto; border-bottom: 1px solid #1a1a1a;  border-top: 1px solid #1a1a1a; }

.RowCommentHold { clear:both; padding:4px 0 0 0; width:384px; height:auto; background:url(/images/BoxBGNoLine.jpg) 0 0 no-repeat;  }
.RowComment { clear:both; padding:10px 0 0 40px; width:344px; height:auto;  border-top: 1px solid #1a1a1a; background:url(/images/quote.gif) 4px 4px  no-repeat; }
.RowCommentTitle { padding: 0 0 0 40px;}

.BlogContentMainLeft .Row { clear:both; padding:4px 0 0 0; width:384px; height:auto; }
.BlogContentMainLeft .RowLeft { width:120px; float:left; display:block; height:auto; padding:2px 0 0 0; }
.BlogContentMainLeft .RowRight { width:164px; float:left; display:block; height:auto; padding:0px 0 0 0; }




/*********** FAQ ***********/
.FAQLeft { width:180px; float:left; padding: 0 20px 0 0;}
.FAQ  {	width: 440px; float:left;}
.FAQ div {	/*background: #fff url(/Images/Answer.jpg) 2px 5px no-repeat;*/ padding: 0 0 0 20px;}
.FAQ p {	margin-bottom : 10px;	border: none;	text-decoration: none;	font-size: 12px;	margin: 0px;	padding: 10px 10px 10px 20px; }
.FAQ a {	cursor:pointer;	display:block;	padding:5px 5px 5px 20px;	margin-top: 0;	text-decoration: none;		font-size: 12px; /*background-image: url(/Images/Question.jpg) ;*/ background-position: 0px 0px ; background-repeat:no-repeat;	border-top: 1px solid #1a1a1a;	border-bottom: 1px solid #1a1a1a;}
.FAQ a:hover {	}
.FAQ a.selected {  }
.FAQLeft ul { padding: 0px 0 0px 0px; list-style-type:none;border-bottom: 1px solid #1a1a1a; clear:both; }
.FAQLeft li { padding: 2px 0 2px 4px; list-style-type:none; border-top: 1px solid #1a1a1a; }
#list1b div a { padding:0; margin:auto; width:auto; height:auto; border:0 none; display:inline; }



/*********** FOOD ***********/
.FoodLeft { width:180px; float:left; padding: 0 20px 0 0;}
.Food  {	width: 440px; float:left;}
.FoodLeft ul { padding: 0px 0 0px 0px; list-style-type:none;border-bottom: 1px solid #1a1a1a; clear:both; }
.FoodLeft li { padding: 2px 0 2px 4px; list-style-type:none; border-top: 1px solid #1a1a1a; }


/*********** STOCKISTS ***********/
.Stockists ul { padding: 0px 0 0px 0px; list-style-type:none;border-bottom: 1px solid #1a1a1a; clear:both; }
.Stockists li { padding: 2px 0 2px 4px; list-style-type:none; border-top: 1px solid #1a1a1a; }