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

body {background:url(images/bg.jpg) top no-repeat #311f1c; margin:0px; padding:0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height:18px;}
#wrapper {width:960px; margin:0px auto;}
img {border-style: none;}
#logo {margin-top:83px; margin-bottom:103px;}

.sIFR-active h1,.sIFR-active h2,.sIFR-active h3,.sIFR-active h4,.sIFR-active h5#pullquote { visibility: hidden; font-family: Verdana;}
.sIFR-active h2 { padding-bottom: 0; font-size:27px; display:block; visibility: hidden; }
.sIFR-active h3 { padding-bottom: 0; font-size:22px; display:block; visibility: hidden; }
.sIFR-active .contentboxcopy1 { padding-bottom: 0; font-size:36px; display:block; visibility: hidden; }
.sIFR-active .contentboxcopy1b { padding-bottom: 0; font-size:24px; display:block; visibility: hidden; }
.sIFR-active .contentboxcopy2 { padding-bottom: 0; font-size:20px; display:block; visibility: hidden; }
.newsroomtext { padding-bottom: 0; font-size:27px; display:block; visibility: hidden; }
.sIFR-active .signup { padding-bottom: 0; font-size:18px; display:block; margintop:-10px; padding:0px; visibility: hidden; }
.sIFR-active #navleft li  { padding-bottom: 0; font-size:18px; padding-top:0px; margin:0px; margin-top:-5px; visibility: hidden; }
.sIFR-active .title { padding-bottom: 0; font-size:36px; display:block; visibility: hidden; }
.sIFR-active .subtitle { padding-bottom: 0; font-size:27px; display:block; visibility: hidden; }
.sIFR-active .minititle { padding-bottom: 0; font-size:20px; display:block; visibility: hidden; }
.sIFR-active .producttitle1 { padding-bottom: 0; font-size:20px; display:block; visibility: hidden; }
.sIFR-active .producttitle2 { padding-bottom: 0; font-size:20px; display:block; visibility: hidden; }
.sIFR-active .producttitle3 { padding-bottom: 0; font-size:20px; display:block; visibility: hidden; }
.sIFR-active .producttitle4 { padding-bottom: 0; font-size:20px; display:block; visibility: hidden; }
.sIFR-active .minititleright { padding-bottom: 0; font-size:20px; display:block; visibility: hidden; }
.sIFR-active .minititlerightlink { padding-bottom: 0; font-size:20px; display:block; visibility: hidden; }
.sIFR-active #navleft li .current { padding-bottom: 0; font-size:18px; padding-top:0px; margin:0px; margin-top:-5px; visibility: hidden; }
.sIFR-active .subtitlextra { padding-bottom: 0; font-size:27px; display:block; visibility: hidden; }



.bulleted1 { list-style-image:url(images/leaf.png); margin-left:54px; *margin-left:60px;}
.bulleted2 { list-style-image:url(images/heart.png); margin-left:40px; * margin-left:35px;}
.brown { list-style-image:url(images/brownbullet.png);} 
.pink { list-style-image:url(images/pinkbullet.png);} 
.yellow { list-style-image:url(images/yellowbullet.png);} 
.green { list-style-image:url(images/greenbullet.png);} 
.blue { list-style-image:url(images/bluebullet.png);} 
.spaced { padding-left:10px;}


#menuarea { width:960px; height:56px;}
a:active { outline: none;}
a:focus { outline:none;}
ul#menu { margin:0px; padding:0px;}
.NavHide { display:none; font-size:16px;}
ul#menu li a span:hover {cursor:pointer;}
ul#menu li {float:left; list-style-type:none; width:auto;}
ul#menu li a {background:url(images/nav/sprite.jpg) no-repeat scroll top left;	display:block;	height:56px; position:relative;	}
ul#menu li a.home {	width:86px; background-position: 0px 0px;}
ul#menu li a span {	background:url(images/nav/sprite.jpg) no-repeat scroll bottom left;	display:block; position:absolute;top:0;left:0;height:100%;width:100%;z-index:100;}
ul#menu li a.home span {background-position:0px -56px;}
ul#menu li a.teashop {	width:96px; background-position: -86px 0px;}
ul#menu li a.teashop span {background-position:-86px -56px;}
ul#menu li a.aboutus {	width:97px; background-position: -182px 0px;}
ul#menu li a.aboutus span {background-position:-182px -56px;}
ul#menu li a.abouttea {	width:97px; background-position: -279px 0px;}
ul#menu li a.abouttea span {background-position:-279px -56px;}
ul#menu li a.pressroom {	width:113px; background-position: -381px 0px;}
ul#menu li a.pressroom span {background-position:-381px -56px;}
ul#menu li a.stockists {	width:278px; background-position: -495px 0px;}
ul#menu li a.stockists span {background-position:-495px -56px;}
ul#menu li a.email {	width:193px; background-position: -767px 0px;}
ul#menu li a.email span {background-position:-767px -56px;}
ul#menu #selected a.home{ background-position:0px -56px;}
ul#menu #selected a.teashop{ background-position:-86px -56px;}
ul#menu #selected a.aboutus{ background-position:-182px -56px;}
ul#menu #selected a.abouttea{ background-position:-279px -56px;}
ul#menu #selected a.pressroom{ background-position:-381px -56px}
ul#menu #selected a.stockists{ background-position:-495px -56px;}

a:link { color:#FFFFFF; }
a:visited { color:#FFFFFF; }
a:active { color:#FFFFFF;}
a:hover { color:#FFFFFF; }

#leftcontenttop { width:458px; float:left;}
.contentboxcopy1 { padding-top:15px;}
.contentboxcopy1b { *margin-top:-20px;}
#contentimage1 { height:150px;}
#contentimage2 { height:115px; text-align:center;}
#middlesep { background-image:url(images/vinessep.png); width:44px; height:296px; float:left; margin-top:11px;}
#rightcontenttop { float:left; width:458px;}
#contenttop { background:url(images/whitecontentblock.jpg) top no-repeat; height:307px; margin:0px; padding:0px; *margin-top:-0px; clear:both; clear:left\9; *clear:right;  }
#contnetheader {background:url(images/contentheader.png) top no-repeat; height:101px; clear:both; clear:left\9; *clear:right;  width:1009px; margin-top:-5px;}
#contentbody {background:#58340e;}
#middletop {background:url(images/middlecontent.jpg); height:657px; width:995px;}
#middletopCp {background:#bfa582 url(images/contentbottomcp.jpg) no-repeat bottom; width:960px; overflow:hidden; *min-height:750px;}
#footerbg {background:url(images/footerbg.jpg); height:83px;}
#footerbgcp {background:url(images/footerbgcp.jpg) no-repeat; height:83px;}
#moodtaste {margin-top:25px; margin-left:-23px;}
#spacer { clear:both; height:23px;}
#findtea { width:480px; padding-top:56px; padding-left:23px; float:left;}
#onceuponatime { width:409px; padding-top:56px; float:left; padding-left:48px;}
#oncetext { margin-top:10px; color:#FFFFFF; padding-right:23px;}
#oncetext a { color:#FFFFFF;}
#loyaltext { padding-right:23px; margin-top:1px; color:#FFFFFF;}
#turnover { margin-top:15px; *margin-left:-14px;}
#turnovertext { padding-right:23px; margin-top:1px; color:#FFFFFF; *padding-left:14px;}
.margtopbtn { margin-top:2px; margin-left:4px;}
.links {text-decoration:underline; margin-top:5px;}
.none { margin:0px; padding:0px;}
#newsroom { background-image:url(images/poststick.png); width:249px; height:190px; margin-left:23px; clear:both; float:left; padding:28px;}
#newsroom2 {  width:309px; width:309px\9; *width:309px;  height:243px; margin-left:7px; margin-left:7px\9; *margin-left:9px;  float:left;}
#newsroomlist { list-style-image:url(images/bullet2.png);  margin:0px; padding:0px; padding-left:10px; margin-top:10px;}
.linktoitem {}
#newsroomlist { margin-left:10px;}
#newsroomlist li { margin-bottom:10px;}
a.linktoitem { clear:both; color:#330000; text-decoration:none;}
.arrowbrown { padding-left:5px;}
#newsletter { float:left; width:230px; padding:25px; color:#FFFFFF;}

#socialnetworking { float:right; margin:0px; margin:0px\9; *margin-top:10px; *margin-bottom:10px;}
#social li { display:inline; list-style-type: none;}
#social li img { margin-left: 10px;}

#footerlist { float:right; clear:both; margin-top:-20px; margin-top:-20px\9; *margin-top:0px; margin-bottom:30px;}
#footerlist a { color:#FFFFFF; }
#footerlistul li { display:inline; list-style-type:none;}

.sep { margin-left:5px; margin-right:5px; color:#4c3632;}
fieldset { border:none; margin:0px; padding:0px;}
#addressForm { margin:0px; padding:0px; margin-top:10px;}

#navleft { margin-top:0px;}
#neavleftCp { width:213px; height:520px; background:url(images/menuleft.jpg) no-repeat; margin-left:1px; padding-left:27px; margin-right:11px; float:left; padding-top:8px; *margin-bottom:100px;}
#contentmiddleCp { width:456px; float:left; margin-top:0px; margin-bottom:150px; *padding-bottom:150px;}
#contentmiddlePP{ width:700px; float:left; margin-top:0px; margin-bottom:150px; *padding-bottom:150px;}
#contentrightCp { width:240px; margin-left:12px; float:left; margin-top:7px; margin-bottom:190px;}

.frame { margin-bottom:10px;}
.frametop { background:url(images/frametop.png); width:225px; height:59px;}
.framebody { background:url(images/framebody.png) repeat-y; width:153px; padding-left:36px; padding-right:36px;}
.framebottom1 { background:url(images/framebottomgrass.png); width:225px; height: 102px;}
.framebottom2 { background:url(images/framebottombee.png); height:102px; width:225px;}
.framebottom3 { background:url(images/framebottomblank.png); height:71px; width:225px;}


.contentbrownr { color:#1d0b03;}
.contentbrownr a{ color:#1d0b03; text-decoration:none;}
#frames a { text-decoration:none;}

.inbrownli { margin-left:-23px; *margin-left:0px;}
#greattaste { padding-left:50px; padding-top:50px; *padding-top:65px;}
a.brownlink { color:#231f20; text-decoration:none; margin-top:10px; text-align:center;}
a.contentmiddleCp { color:#231f20;}
#contentrightCp a { color:#231f20;}
#contentmiddleCp a:link, a:visited, a:hover { color:#231f20;}
#subtextgreat { margin-left:-15px; text-align:center;}

.buttons { margin-top:10px; margin-bottom:10px;}
.framebig1 { width:225px; height:307px; float:left; background:url(images/frame1.png); text-align:center;}
.framebig2 { width:225px; height:307px; float:left; background:url(images/frame2.png); text-align:center;}
.framebig3 { width:225px; height:307px; float:left; background:url(images/frame3.png); text-align:center;}
.framebig4 { width:225px; height:307px; float:left; background:url(images/frame4.png); text-align:center;}
#frames { margin-top:15px;}
#frames .contentbrown { width:165px; padding-left:30px; padding-right:30px;}
#frames .contentbrown a:link { color:#231f20;}
.imagein { margin-top:50px;}
.producttitle1 { margin-top:25px;}
.producttitle2 { margin-top:25px;}
.producttitle3 { margin-top:25px;}
.producttitle4 { margin-top:25px;}
.supersmall { font-size:9px;}


