body { background:#231F20; color:black; margin:0; padding:0px; text-align:center; font:75% Arial,Helvetica,"Arial Unicode MS","Lucida Sana Unicode", sans-serif; }
#content img { border:0px; /*display:block;*/ }
form { margin:0px; }
table { font-size:1em; }
ul,ol { margin:0; padding-left:40px; line-height:1.6em; }
li { margin: 0.1em 0 0; padding:0; }
ol li {margin-bottom:8px;}
h1 { font-size: 173%; margin:0; }
fieldset { padding:10px; }

h2 { font-size: 144%; }
h3 { font-size: 120%; margin-bottom:0px; }
h5 { font-size: 80%; font-weight:normal;}
h2, p { margin: 0; }
a { cursor:pointer; color:#b8860b; }
p { line-height:1.6em; }
.wrap { width:100%; position:relative; }
.rf { float:right; margin-left:10px; }
.lf { float:left; margin-right:10px; }
.bigger { font-size:125%; font-weight:bold; }
.spaceout { width:90%; margin:0px auto; padding:10px 0px; }
.spaceout2 { width:95%; margin:0px auto; padding:10px 0px; }
hr { width:100%; clear:both; height:2px; visibility:hidden; }
#bannertop { position:absolute; top:-254px; left:280px; width:420px; height:100px; }
#bannertop2 { position:absolute; top:8px; left:297px; width:420px; height:100px; }
#nav { padding-left:0px; white-space:nowrap; }
#nav li { list-style-type:none; display:inline; }
#nav li a { display:block; float:left; margin-top:0px; }
#content { width:950px; margin:0px auto; text-align:left; }
#top { width:100%; height:173px; }
#login { width:202px; height:153px; float:right; background:url(/images/login_tile.gif) top left repeat-x; color:white; font-size:90%; padding:10px; }
#loginwrap { margin-left:8px; padding-top:10px; }
#login a { color:#fc0; margin:0px 5px; }
#login input { width:188px; border-top:1px solid black; border-left:1px solid black; border-right:1px solid #666; border-bottom:1px solid #666; margin:3px 0px; color:#fc0; }
#login img { margin:12px -5px;}
#bemail { background:#333 url(/images/bdrop_email.gif) top left no-repeat; }
#bpass { background:#333 url(/images/bdrop_pass.gif) top left no-repeat; }
.lgc { background:#ccc; }

#topnavwrap { float:left; width:727px; height:54px; background:url(/images/nav_tile.gif) top left repeat-x; }
#topnav { padding-left:0px; white-space:nowrap; }
#topnav li { list-style-type:none; display:inline; }
#topnav li a { display:block; height:52px; line-height:52px; float:left; color:white; font-weight:bold; text-decoration:none; padding:0px 22px 0 23px; background:url(/images/nav_tile.gif) top left repeat-x; border-left:1px solid #231F20; }
#topnav a:hover, #topnav li a.current { color:#888; background:url(/images/nav_tile_hi.gif) top left repeat-x; }
#topnav .hi { color:#666; background:url(/images/nav_tile_hi.gif) top left repeat-x; }

#headerwrap { width:100%; height:250px; }
#logbutt { border:none!important; width:132px!important; height:21px!important; }
.end {border-right:none!important; }

#searchwrap { width:100%; background:white; padding:10px 0px; float:left }
#searchwrap div.searchbox { padding:7px 0 0 20px; float:left; }
#searchwrap div.searchbox input.t { width:195px; }
#searchwrap div.searchbox input.s { background:url(/images/search.gif); }
#madeinnz { float:right; margin-right:20px; width:600px; font-size:11px}
#madeinnz img { margin: 3px 0 0 10px; }

#searchwrap2 { width:380px; float:right; text-align:right; }
#searchwrap2 div.searchbox input.s { background:url(/images/search2.gif); }


div.searchbox input.t { width:170px; border:1px solid #ccc; background:white url(/images/keyword_brop.gif) top left no-repeat; }
div.searchbox input.s { height:21px; width:91px; font:10pt Arial; color:black; border:none; cursor:pointer; }

#search { width:280px; padding:0px; margin-left:20px; }
#search2 { width:280px; height:50px; line-height:50px; padding:0px; }
#search2 input { display:block; }
#searchfield { width:170px; border:1px solid #ccc; }

#main { width:100%; background:white; text-align:left; color:black; }
#mainwrap { width:910px; margin:0px auto; }
#mainwrap2 { width:910px; margin:0px auto; padding-top:10px; position:relative; }

#leftpanel, #centpanel { width:292px; float:left; background:#EFEFEF; }
#rightpanel { width:290px; float:right; background:#EFEFEF; }
#leftblock { float:left; width:602px; }
#leftpanel3, #rightpanel3, #centpanel3 { width:292px; float:left; background:#CBCBCB url(/images/product-bg.gif) top left repeat-x; }
#leftpanel4, #centpanel4 { width:292px; float:left; }
#centpanel, #centpanel3, #centpanel4 { margin:0px 17px; }
#centpanel { margin:0px 0px 0px 17px; }
#centpanel p, #rightpanel p { width:95%; margin:5px auto; }
#leftpanel h2, #centpanel h2, #rightpanel h2 { width:100%; color:white; background:#231F20; margin-top:0px; }
#leftpanel { background:#231F20; }
#rightpanel4 { width:292px; float:right; margin-top:-12px; }
.filler { width:90%; margin:0px auto; padding:5px 0px; }
.lowbdr {border-bottom:2px solid #231F20; }
#base { width:100%; height:30px; line-height:30px; border-top:1px solid #999; border-bottom:1px solid #999; padding:10px 0px; }
#baselnks { float:right; }
#baselnks a { color:black; margin:0px 5px; font-size:90%; }
blockquote { display:block; width:90%; padding:10px; font-weight:bold; border-top:2px solid #999; border-bottom:2px solid #999; margin:12px auto; text-align:center; }
#news { background:#CDDFE6; border-top:1px solid #999; padding-bottom:20px; float:left; margin: 14px 0 0 0; padding:0 15px 15px 15px; width:572px;}
#centpanel h3 { margin-left:10px; }
#news a { color:black; }
#news p { margin: 0 0 8px 0; }
#news h3 { margin:14px 0 16px 0; }
.lower { margin-top:10px; }
#slogan { color:#999; font-size:200%; font-style:italic; font-weight:bold; }
#copy { width:100%; text-align:right; color:#999; font-size:90%; padding:10px 0px 30px 0px; }
#copy a { color:#999; }
#ordertbl { width:282px; margin:5px auto; font-size:90%; }
/*#ordertbl input { width:80px; background:#fc0; padding:3px; border:none; cursor:pointer; font-size:11px; }*/
#ordertbl td { border-top:1px solid #999; }
.lline {border-left:1px solid #999; }
#advert1, #advert2 { width:100%; height:160px; background:#231F20; margin:12px 0px 0px 0px; color:white; padding:0px; }
#advert1pic { position:absolute; top:15px; left:20px; }
#advert2pic { position:absolute; top:100px; left:80px; }
#advert3pic { position:absolute; top:45px; left:15px; }
#advert6pic { position:absolute; top:70px; left:80px; }
.yella { color:#fc0; }
.seperat { display:block; position:absolute; top:120px; left:10px; width:272px; border-top:1px solid #999; font-size:6px; }
.seperat2 { display:block; width:272px; border-top:1px solid white; font-size:6px; margin:10px auto; }
.seperat3 { display:block; width:195px; border-top:1px solid white; font-size:6px; margin:10px 0px; }
.seperat4 { display:block; border-top:1px solid #ccc; font-size:6px; margin:20px 0px 0px 0px; }
#bigtxt { display:block; float:right; width:164px; font-size:154%; font-weight:bold; margin-top:25px; }
.smltxt {display:block; font-size:12px; font-weight:normal; }
.tagline { display:block; position:absolute; top:130px; left:10px; width:272px; text-align:center; }
.tagline a { color:white; font-weight:bold; text-decoration:none; font-size:110%; }
.advert2txt { display:block; width:260px; font-size:154%; margin:0px auto; padding-top:20px; }
.advert2txt a { color:#fc0; text-decoration:none; }
.advert3txt { display:block; width:260px; font-size:154%; margin:0px auto; padding-top:20px; }
.advert3txt a { color:white; text-decoration:none; }
.advert3styxt { display:block; color:white; font-size:12px; }
.advert4styxt { display:block; width:150px; color:white; font-size:12px; position:absolute; top:60px; left:125px; }
.advert4styxt a { text-decoration:underline; }
.advert2styxt { display:block; color:white; font-size:12px; }
.advert3styxt a { color:black; text-decoration:underline; }
#advert3 ul, #advert4 ul, #advert5 ul { line-height:1.3em;}
#greentab { width:288px; height:545px; margin:2px auto; background:#669900; }
#greenhead { width:288px; height:37px; line-height:37px; color:white; font-size:114%; font-weight:bold; background:url(/images/strip_green.gif) top left repeat-y; }
#yellowtab { width:288px; height:508px; background:#F69401; position:absolute; top:68px; left:2px; overflow:hidden; }
#yellowhead { width:288px; height:37px; line-height:37px; color:white; font-size:114%; font-weight:bold; background:url(/images/strip_orange.gif) top left repeat-y; }
#bluetab { width:288px; height:472px; background:#3882AA; position:absolute; top:104px; left:2px; overflow:hidden; }
#bluehead { width:288px; height:37px; line-height:37px; color:white; font-size:114%; font-weight:bold; background:url(/images/strip_blue.gif) top left repeat-y; }
#bluetab ul, #yellowtab ul, #greentab ul { margin:15px 0px; color:white; }
#bluetab ul li, #yellowtab ul li, #greentab ul li { list-style-type:circle; }
#bluetab ul li a, #yellowtab ul li a, #greentab ul li a { color:white; text-decoration:none; }
.nudge { padding-left:20px; }
.nudge a {color:white; text-decoration:none; }
#bluetxt, #yellowtxt, #greentxt { width:90%; margin:10px auto; color:white; }
#bluetxt h3, #yellowtxt h3, #greentxt h3 { color:white; font-style:italic; margin-top:0px; }
#bluetxt .sml { color:#7acad4; font-size:90%; }
#yellowtxt .sml { color:#994f18; font-size:90%; }
#greentxt .sml { color:#006400; font-size:90%; }
#maintop { width:100%; height:32px; text-align:left; margin-top:4px;}
#hpnews { margin-left:10px; }
#hpnews li { width:100%!important; margin: 0 0 5px 0!important; }
#crumbtrail { width:210px; height:32px; line-height:32px; text-align:left; float:right; color:#666; font-size:90%; }
#crumbtrail a { color:#999; }

.topgr { float:left; display:block; width:200px; height:32px; line-height:32px; text-align:center; background:url(/images/tint_green.jpg) top left repeat-y; color:white; text-decoration:none; }
.topgr:hover { background:url(/images/tint_green-over.jpg) top left repeat-y; }

.topbk { float:left; display:block; width:200px; height:32px; line-height:32px; text-align:center; background:url(/images/tint_black.jpg) top left repeat-y; color:white; }
.topbk:hover { background:url(/images/tint_black-over.jpg) top right repeat-y; }

.topbu { float:left; display:block; width:200px; height:32px; line-height:32px; text-align:center; background:url(/images/tint_blue.jpg) top left repeat-y; color:white; text-decoration:none; }
.topbu:hover { background:url(/images/tint_blue-over.jpg) top left repeat-y; }

.topyl { float:left; display:block; width:200px; height:32px; line-height:32px; text-align:center; background:url(/images/tint_yellow.jpg) top left repeat-y; color:white; text-decoration:none; }
.topyl:hover { background:url(/images/tint_yellow-over.jpg) top left repeat-y; }

.topbk2 { float:left; display:block; width:200px; height:32px; line-height:32px; text-align:center; background:url(/images/strip_ourstory.jpg) top left repeat-y; color:white; text-decoration:none; }
.topbk2:hover { background:url(/images/strip_ourstory-over.gif) top left repeat-y; }

.topbk3 { float:left; display:block; width:200px; height:32px; line-height:32px; text-align:center; background:url(/images/strip_ournews.jpg) top left repeat-y; color:white;text-decoration:none; }
.topbk3:hover { background:url(/images/strip_ournews-over.gif) top left repeat-y; }

.topbk4 { float:left; display:block; width:200px; height:32px; line-height:32px; text-align:center; background:url(/images/strip_suppliers.jpg) top left repeat-y; color:white;text-decoration:none; }
.topbk4:hover { background:url(/images/strip_suppliers-over.gif) top left repeat-y; }

.topbk5 { float:left; display:block; height:32px; line-height:32px; text-align:center; color:white; padding:0 29px 0 29px; text-decoration:none; background:url(/images/tint_black.jpg) top right repeat-y; }
.topbk5:hover { background:url(/images/tint_black-over.jpg) top right repeat-y; }

#header2 h1, #header3 h1, #header4 h1, #header5 h1, #header6 h1, #header7 h1 { color:white; font-size:144%; display:inline;}

#header6 { clear:both; width:908px; height:35px; padding:15px 21px 0 21px; text-align:left; background:#3F89CF url(/images/blue_strip.jpg) top left repeat-y; color:white; border-top:2px solid #231F20; font-weight:bold; margin-bottom:0px; }

#header5 { clear:both; width:908px; height:35px; padding:15px 21px 0 21px; text-align:left; background:#f90 url(/images/brown_strip.jpg) top left repeat-y; color:white; border-top:2px solid #231F20; font-weight:bold; margin-bottom:0px; }

#header4 { clear:both; width:908px; height:35px; padding:15px 21px 0 21px;  text-align:left; background:#817F7F url(/images/header_black.jpg) top left repeat-y; color:white; border-top:2px solid #231F20; font-weight:bold; margin-bottom:0px; }

#header3 { clear:both; width:908px; height:35px; padding:15px 21px 0 21px;  text-align:left; background:#85AD33 url(/images/header_green.jpg) top left repeat-y; color:white; border-top:2px solid #231F20; font-weight:bold; margin-bottom:0px; }

#header2 { clear:both; width:908px; height:35px; padding:15px 21px 0 21px; text-align:left; background:#FEBC0E url(/images/header_yellow.gif) top left repeat-y; color:white; border-top:2px solid #231F20; font-weight:bold; margin-bottom:0px; }

#header7 { clear:both; width:908px; height:35px; padding:15px 21px 0 21px; text-align:left; background:#8D5929 url(/images/header_red.gif) top left repeat-y; color:white;  border-top:2px solid #231F20; font-weight:bold; margin-bottom:0px; }

.greeny { font-weight:bold; color:#99CC33; }

#slogang { width:100%; height:170px; background:url(/images/barley.jpg) top left no-repeat; margin-bottom:15px; }
#slogano { width:100%; height:170px; background:url(/images/healing_top.jpg) top left no-repeat; margin-bottom:15px; }
#sloganb { width:100%; height:170px; background:url(/images/sport_top.jpg) top left no-repeat; margin-bottom:15px; }
#sloganbl { width:100%; height:170px; background:url(/images/header_black.gif) top left repeat-y; margin-bottom:15px; }
#sloganinner { width:500px; color:#779b2d; font-size:154%; font-weight:bold; margin-left:20px; padding-top:35px; }
#sloganinner2 { width:500px; color:black; font-size:154%; font-weight:bold; margin-left:20px; padding-top:45px; }
#sloganinner3 { width:500px; color:black; font-size:154%; font-weight:bold; margin-left:20px; padding-top:45px; }
#sloganinner4 { width:500px; color:black; font-size:154%; font-weight:bold; margin-left:20px; padding-top:40px; }

#lady { position:absolute; right:0px; top:-8px; }
.referrer { color:black; font-size:10px; display:block; }
#rightpanel2 { width:292px; float:right; background:#EFEFEF; }
#rightpanel3 { width:292px; float:right; }
#leftpanel2 { width:600px; background:#EFEFEF; }
#cashbackpromo { width:550px; background:#FFE075; margin:10px 0 0 25px; }
.cashbackpromo_heading { height:20px; line-height:20px; padding:5px; font-size:124%; background:#EEBC0C; color:white; }
#basepanels, #basenews { width:600px; margin-top:10px; }
#baseleft, #baseright { width:296px; margin-top:0px; background:#EFEFEF; }
#news1, #specials1 {  width:296px; margin-top:0px; }
#baseright, #specials1 { float:right; }
#news1 strong, #specials1 strong {color:#666; display:block; }
#news1 a, #specials1 a {color:#999; display:block; margin:3px 0px; }
.blue_heading { height:20px; line-height:20px; padding:5px; font-size:124%; background:#3F89CF; color:white; }
.green_heading { height:20px; line-height:20px; padding:5px; font-size:124%; background:#85AD33; color:white; }
.orange_heading { height:20px; line-height:20px; padding:5px; font-size:124%; background:#f90; color:white; }
.black_heading { height:20px; line-height:20px; padding:5px; font-size:124%; background:#817F7F; color:white; }
#advert3 { width:100%; height:160px; background:url(/images/advert_yellow.gif) top left repeat-x; margin:12px 0px 0px 0px; padding:0px; }
#advert4 { width:100%; height:160px; background:url(/images/advert_blue.gif) top left repeat-x; margin:12px 0px 0px 0px; padding:0px; }
#advert5 { width:100%; height:160px; background:url(/images/advert_black.gif) top left repeat-x; margin:12px 0px 0px 0px; padding:0px; }
#advert6 { width:100%; height:160px; background:url(/images/advert_blue.gif) top left repeat-x; margin:12px 0px 0px 0px; color:white; padding:0px; }
#advert7 { width:100%; height:160px; background:url(/images/goldie.jpg) top left repeat-x; margin:12px 0px 0px 0px; padding:0px; }

#advert8 { width:292px; height:160px; background:url(/images/advert_blue.gif) top left repeat-x; margin:12px 0px 0px 0px; color:white; padding:0px; }
.advert8styxt { display:block; color:white; font-size:12px; text-align:left; width:160px; padding:20px 100px 0 0;  margin:0px auto;}
.advert8txt { display:block; width:260px; font-size:154%; margin:0px auto; padding-top:10px; text-align:left; font-weight:bold;}
#advert8pic { position:absolute; top:35px; left:175px; 	height: 113px; }

#advert9 { width:100%; height:160px; background:url(/images/green-desert.jpg) top left no-repeat; margin:12px 0px 0px 0px; }
.advert9title { display:block; color:white; font-size:17px; text-align:right; font-weight:bold; margin-top:8px; }
.advert9txt { display:block; font-size:12px; color:white; padding-top:10px; text-align:right;}
.advert9btn { float:right; margin-top:15px; }

#goldie { margin-top:5px; }
#advert4 h3, #advert5 h3 { color:white; }


#advert4 ul, #advert5 p, #advert5 ul { color:white; }
#advert3 a img, #advert4 a img { margin-top:10px; margin-right:30px; }
#advert5 a img { margin:10px 20px 40px 0px; }
#advert3 h3, #advert4 h3, #advert5 h3 { padding-top:10px; margin-top:0px; font-size:144%; font-weight:bold; }
.productitle { height:80px; font-weight:bold; font-size:144%; color:white; text-align:center; }
.productitle img { margin:25px 0 0 0!important; }
#leftpanel3 img, #centpanel3 img, #rightpanel3 img { margin-right:30px; margin-top:5px; }
#currency { margin-bottom:30px; }
#currency, #currency table { height:22px; line-height:22px; }
#currency a, .owner { color:black; }
#convert { float:right; }
.entry { display:block; width:100%; margin-bottom:40px; }
.entry h2 { border-bottom:1px solid #fc0; width:760px; float:right;}
.entrytxt { width:760px; float:right;  }
.entrytxt table { float:right; width:450px; margin-left:20px; margin-top:5px; }
.entrytxt table td { border-top:1px solid #eee; }
.entry .bl { background:#333; color:white; width:220px;  height:35px; }
.gr { background:#6b8e23; color:white; padding:0px 10px; }
.entry input { width:80px; background:#fc0; padding:3px; border:none; cursor:pointer; font-size:11px; }
.entry .middle { font-size:10px; width:80px; color:#999; text-align:center; }
.entry .price { color:#000; font-weight:bold; font-size:124%; text-align:center; width:150px; }
.entry a, .cartpro a { color:black; }
.bottles { clear:right; margin-top:20px!important; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:none; border-right:none; padding:4px; line-height:1.1em!important; float:right;}
.bottles legend { font-weight:bold; font-size:11px; color:#666; }
.bottles img { display:block; float:left; }
.quant { width:35px; height:27px; line-height:27px; color:white; background:url(/images/quant.gif) top left no-repeat; font-size:84%; text-align:center; display:block; float:left;  margin:1px 5px 0 5px; }
.quanttxt { display:block; width:120px; float:left; font-size:84%; margin-left:4px; }
.tabs60 { background-color:#fefefe; float:left; padding:3px;}
.tabs120 { background-color:#EFEFEF; float:left; padding:3px;}
#ingredients { font-size:90%; } /* OLD */
.ingredients { font-size:90%; } /* new */
#sizes img { float:left; }
#steps { background:#eee; color:#666; font-weight:bold; text-align:center; }
#steps .stepc { color:#999; }
#steps .stepc, #steps .stepd { display:block; margin:5px 10px; }
.cartentry { width:100%; margin-bottom:10px; }
.cartentry td { width:20%; }
.prodname { font-size:144%; font-weight:bold; border-bottom:1px solid #B1B1B1; }
.cartqty { background:#f2f2f2; padding:24px 10px; margin:11px 4px 5px 0px; height:80px;  }
.cartqty input { width:30px; border:1px solid #999; }
.cartqty input, .cartqty a, .cartopt a { display:block; color:#666; }
.cartprice { color:#b22222; font-weight:bold; font-size:16px; }
.cartopt { font-size:84%; padding:35px 10px; }
.linetot { font-weight:bold; font-size:144%; }
.nzd { font-weight:normal; font-size:75%; color:#000; }
.cartsub { background:black; color:white; padding:10px 20px; }
.cartpro { background:#FEBC0E; color:black; font-weight:bold; padding:10px 20px; }
#carttotal { margin-bottom:20px; }
#carttotal td { text-align:center; }
.cartentry img { margin:0px auto; }
#acopts { width:100%; text-align:center; }
#acopts td { background:#231F20; padding:10px 0px; }
#acopts td a { color:white; }
#acopts .achi { background:#999; }
#acinfo { width:100%; border:1px solid #999; margin-bottom:10px; }
#acinfo th { background:#FFF3D4; border-bottom:2px solid black; }
.aclo { background:#eee; }
#acinfo strong { font-size:110%; }
#acinfo .totlo { background:#FFF3D4; text-align:center; }
#acinfo a { color:#8d670c; }
#mainwrap2 p select { margin:0px 10px; }
.spaceout2 h5 { padding:10px; margin-top:10px; background:white; }
.moreart a { display:block; margin-bottom:2px; color:black; }
.linkList { padding-left:0px;}
.linkList li { display:inline; float:left; margin: 0 0 10px 10px; width:270px;}
.linkList a { display:block; }
.contactSubmitButton {background:url(/images/btn-send.gif); width:132px!important; height:21px!important; border:none; cursor:pointer;}
#suppliers { border:1px solid #999; font-size:100%; }
.supplierregion { border-bottom:1px solid #333; font-weight:bold; background:#999; color:#fff; font-size:124%;}

.snippetList {list-style:none; margin:0; padding-left:0;}
.snippetList li { margin-bottom:8px; padding-bottom:8px;  }
.snippetList h4 { margin:0; }
.green_border .snippetList li { border-bottom:2px solid #85AD33;}
.blue_border .snippetList li { border-bottom:2px solid #3F89CF; }
.orange_border .snippetList li { border-bottom:2px solid #f90; }
.black_border .snippetList li { border-bottom:2px solid #817F7F; }
 
.ingredTable { border:1px solid #000; border-right:none; }
.ingredTable td.Ingredient { padding:3px 3px 3px 8px; }
.ingredTable td.Volume { padding:3px 8px 3px 3px; border-right:1px solid #000; text-align:right }
.familyqty {color: #999}
#hpnews ul, #news1 ul { line-height:1.1em!important; }
#hpnews ul li, #news1 ul li { margin-bottom:2px; padding-bottom:2px!important; }

div.mainImgWrap { margin: 0px; text-align: center; background:url(/images/ringlets.jpg) center bottom no-repeat; width:292px; position:relative; }
div.mainImgWrap img {
margin-bottom:30px;
}
#guarantee { list-style:none; padding-left:20px; }
#guarantee li { background: url(/images/circles.jpg) no-repeat;  padding: 0px 30px; margin-bottom: 10px; }
.cashbackcode { font-size:180%; color:#85AD33; font-weight:bold; width:100%; text-align:center; margin:20px 0; }
.padimage { background:#fff; padding:8px; }