body { background: #3f2112; color: #a18156; margin: 0; padding: 0;}

body { font-family:'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif; font-size: 12px;}
#wrap { background: #120000 url(/images/RT_artwork_bg_top.jpg) top left repeat-x; margin: 0; padding: 0; width: 100%;}
#footwrap { background: #120000 url(/images/RT_artwork_bg_bottom.jpg) top left repeat-x; margin: 0; padding: 0; width: 100%; height: 168px;}
#content {  overflow: visible; width: 960px;  margin: 70px auto 0; }
a { color: #fff;}

#header{ background: transparent; height: 234px; margin: 0; padding: 0;}
#header { position: relative;}
#header #logo { position: absolute; top: 1px; left: 36px; width: 128px; height: 102px; z-index: 23;}
a img { border: none;}

#headerimage { position: absolute; top: 32px; left: 0px; border-top: 1px solid #6e3717; border: 1px solid #6e3717;}

#header #section { position: absolute; top: 8px; left: 176px; list-style-type: none; margin: 0; padding: 0; display: block; height: 24px;}
#header #section li {margin: 0; padding: 0; float: left; display: inline; letter-spacing: 1.6px; font-size: 13px; padding: 0 9px;}
#header #section li a { text-decoration: none;}
#header #section li a.off { color: #a18156;}
#header #section li a.on { color: #fff;}


#pagebody {overflow: auto; background: transparent; position: relative;}
#footer p { font-size: 11px; line-height: 18px; margin-left: 36px;}
#footer hr { color: #a18156; border: none; border-bottom: 1px solid #6e3717;}

.badge { position: absolute; top: 80px; right: 40px; }

#badgebrew { top: 103px;}
#badgefair { top: 183px; right: 50px;}
#badgetimms { top: 73px; right: 64px;}
#badgehands { top: 110px; right: 50px;}
#badgecup { top: 120px; right: 44px;}
#badgebags { top: 110px; right: 55px;}

#badgetimmssilver { top: 65px; right: 59px;}
#badgehandsgreen { top: 116px; right: 49px;}
#badgecupbeans { top: 129px; right: 49px;}
#badgebeansbags { top: 128px; right: 68px;}
#badgecupbodum { top: 120px; right: 50px;}
#badgecupespresso { top: 126px; right: 50px;}
#badgebrewsilver { top: 87px; right: 28px;}
#badgefairtrade { top: 305px; right: 75px;}


#sidebar { position: absolute; top: 110px; right: 40px; width: 230px; text-align: center;}
#sidebar hr { color: #a18156; border: none; border-bottom: 1px solid #6e3717;margin-left: 20px; margin-right: 20px;}
#sidebar p { font-weight: 100; font-size: 15px; line-height: 22px; letter-spacing: 0.2em; margin-left: 18px; margin-right: 18px;}
#sidebar p span { font-weight: 100; font-size: 20px;}

#sidebar h4 { font-weight: 100; font-size: 11px; line-height: 18px; letter-spacing: 0.2em; margin-left: 18px; margin-right: 18px;}
#sidebar h4 span { font-weight: 100; font-size: 13px;}
#sidebar h5 { font-weight: 100; font-size: 10px; line-height: 18px; letter-spacing: 0.1em; margin-top: -10px;}
#sidebar h5 a, .next a { text-decoration: none; color: #a18156; }
.next  {text-align: right;}
.next a { font-size: 10px;}
#innerbody { margin: 30px 30px 20px 40px; width: 600px; min-height: 500px;}

#innerbody h1 { font-weight: 100; font-size: 20px; letter-spacing: 0.25em;margin-bottom: 8px; color: #6e3717;}
#innerbody h1 span { font-size: 26px;}
#innerbody h2 { font-weight: 100; font-size: 13px;letter-spacing: 0.25em; margin-bottom: 0; margin-top: 8px;}
#innerbody h2 span { font-weight: 100; font-size: 18px;}
#innerbody p, #innerbody ul, #innerbody ol { font-size: 11px; line-height: 18px; margin-top: 0; margin-bottom: 18px; color: #C6B195;}

#innerbody ol { margin-left: 0; padding-left: 20px;}

#header #tabs { position: absolute; bottom: -1px; left: 36px; list-style-type: none; margin: 0; padding: 0; display: block; height: 25px;}
#header #tabs li {margin: 0; padding: 0; float: left; display: inline; letter-spacing: 0.12em; font-size: 11px; padding: 0 2px; line-height: 25px;}
#header #tabs li a.off { color: #a18156;}
#header #tabs li a.on { color: #EAE1D7;}
#header #tabs li a {   background: transparent url('/images/btn_off_r.png') no-repeat scroll top right;  display: block; float: left; height: 25px; margin-right: 6px; padding-right: 11px; text-decoration: none; color: #000000; }
#header #tabs li a span {  background: transparent url('/images/btn_off_l.png') no-repeat;  display: block; line-height: 25px; padding: 3px 0 5px 18px; }
#header #tabs li a.on {  background: transparent url('/images/btn_on_r.png') no-repeat scroll top right; }
#header #tabs li a.on span {  background: transparent url('/images/btn_on_l.png') no-repeat;   }


#stockistslist { width: 600px; list-style-type: none; margin: 0; padding: 0;}
#stockistslist li { height: 60px; width: 200px; margin: 0; padding: 0; display: inline; float: left;line-height: 60px; vertical-align: top;}
#stockistslist li a{ overflow: auto; height: 60px; display: block;}

#stockistslisttext { width: 600px; list-style-type: none; margin: 0; padding: 0;}
#stockistslisttext li { height: 130px; width: 190px; margin: 0 10px 0 0; padding: 0; display: inline; float: left;line-height: 18px; font-size: 12px; vertical-align: baseline;}
#stockistslisttext li strong { color: #a18156}
#stockistslisttext li a { font-weight: bold;}



#productlist { width: 600px; list-style-type: none; margin: 0; padding: 0;}
#productlist li { height: 240px; width: 600px; margin: 0 0 0 0; padding: 0; display: inline; float: left;line-height: 18px; font-size: 12px; vertical-align: baseline;}
#productlist li h2 { color: #a18156; margin-top: 20px;}
#productlist li a { font-weight: bold;}

#productlist div {display: inline; float: left; height: 240px; margin-right: 30px;}
.jars #productlist li { height: 350px; overflow: visible; display: block;}
.jars #productlist li h2 {  margin-top: 20px;}
.jars #productlist li.short { height: 240px;}
.jars #productlist li.short h2 { margin-top: 20px;}

.gc #productlist li { height: 260px; overflow: visible; display: block;}
.gc #productlist li h2 {  margin-top: 26px;}

.cb #productlist li h2 {  margin-top: 40px;}


.eb #productlist li { height: 280px; overflow: visible; display: block;}
.eb #productlist li h2 {  margin-top: 20px;}
.eb #productlist li.short { height: 240px;}
.eb #productlist li.short h2 { margin-top: 40px;}


.front #header {height: 140px;}
.front #sidebar { width: 550px; top: 20px; z-index: 23;}
.front #sidebar h1 { font-weight: 100; font-size: 20px; letter-spacing: 0.25em;margin-bottom: 0px; color: #C6B195;}
.front #sidebar h1 span { font-size: 26px;}
.front #sidebar p { margin-top: 8px;}
.front #innerbody { min-height: 600px ;}

.front #indexflash h1 { font-weight: 100; font-size: 20px; letter-spacing: 0.25em; padding-top: 260px; margin-bottom: 0px; color: #C6B195; text-align: center;}
.front #indexflash h1 span { font-size: 26px;}
.front #indexflash a { text-decoration: none;}

.equibar { position: absolute; width: 240px; text-align: center;}
#equibar1 { top: 220px; left: 30px; }
#equibar2 { top: 220px; left: 350px; }
#equibar3 { top: 220px; left: 670px; }
.equibar hr { border: none; border-bottom: 1px solid #6e3717;margin-left: 20px; margin-right: 20px;}
.equibar p { color: #a18156 !important; font-weight: 100; font-size: 14px !important; line-height: 20px !important; letter-spacing: 0.2em; margin-left: 22px; margin-right: 22px; min-height: 220px; padding-top: 14px;}
.equibar p span { font-weight: 100; font-size: 20px;}
.equibar p a { text-decoration: none; color: #a18156; }



#homeeb { position: absolute; top: 33px; left: 28px; }
#homecup { position: absolute; top:43px; left: 358px; }
#homehands { position: absolute; top: 33px; left: 674px; }

#indexflash { position: relative; top: 0px; left: 0px; height: 750px; width: 940px; z-index: 23; background: #120000;}
/*#indexflashbig { position: absolute; top: 40px; left: 520px; height: 216px; width: 380px;}
*/

/*.front #footwrap { position: relative; top: -166px}
*/
#badgecupbeansoff { display: none !important;}
#badgebeansbagsoff {display: none !important;}
#badgecupespressooff {display: none !important; }
.front #content { margin-top: 0;}

/*.front #wrap  { background:#120000 url(/images/RT_artwork_bg_top.jpg) repeat-x scroll left -60px; }
*/


body.front { background: #000;}
.front #wrap, .front #footwrap { background: #000;}