*{
font: 13px/18px georgia, "times new roman", serif;
color:#fff;
margin:0;padding:0;
}

strong{
font-weight:bold;
}
i, em{
font-style:italic;
}

span.clear{
clear:both;
}


a img{
border:0;
}
div#copy a.button{
border:0;
}

body{
min-width: 860px;
background:#3D1305 url(../images/right_gradient.gif) top left repeat-x;
}

h1#splash{
float:left;
display:inline;
width:443px;
height:395px;
margin:0 39px 0 0; padding:0;
text-indent:-8765px;
background:#3D1305 url(/wp-content/themes/teagrotto/images/tea_grotto_splash.jpg) no-repeat top right;
}
body.page-id-3 h1#splash{
background:#3D1305 url(/wp-content/themes/teagrotto/images/tea_grotto_splash-b.jpg) no-repeat top right;
}
body.page-id-20 h1#splash{
background:#3D1305 url(/wp-content/themes/teagrotto/images/tea_grotto_splash-c.jpg) no-repeat top right;
}

#nav ul{
float:left;
display:inline;
margin: 109px 0 39px 0;
position:relative;
list-style:none;
width:318px;
left: -8px;
}

#nav ul li{
height:29px;
float:left;
display:inline;
margin: 0 16px 0 0;
background: url(../images/button_inactive_right.gif) top right no-repeat;
}
#nav ul li:hover, #nav ul li.over{
background: url(../images/button_active_right.gif) top right no-repeat;
}

body.index #nav ul li.index,
body.shop_categories #nav ul li.shop_categories,
body.services #nav ul li.services,
body.about #nav ul li.about{
display:none;
}

#nav ul li a{
float:left;
display:inline;
height:29px;
font:18px/29px georgia;
text-decoration:none;
padding:0 7px;
background: url(../images/button_inactive_left.gif) top left no-repeat;
}
#nav ul li:hover a, #nav ul li.over a{
background: url(../images/button_active_left.gif) top left no-repeat;
}
#nav ul ul {display:none;}
#nav h4 {display: none;}

ul.categories{
list-style:none;
position:relative;
width:850px;
margin:0 auto 20px auto;
text-align:right;
}
ul.categories li{
display:inline;
line-height:24px;
}
ul.categories li a{
padding:2px 8px 2px 8px;
border:1px outset #F7C97C;
text-decoration:none;
}
ul.categories li a:hover{
background:#76281E;
border:1px inset #F7C97C;
}
/* For EIP */
#nav ul li a span{
font: inherit;
}

h2.categories{
font-size:20px;
line-height:24px;
text-align:right;
text-transform:uppercase;
}


/*div#copy{
float:left;
width:318px;
margin:39px 0 0 39px;
}*/

div#copy p, div#copy h2, div#copy h3,  div#copy h4,  div#copy ul,  div#copy ol{
float:right;
clear:right;
width:318px;
}
div#copy p{
margin-bottom:9px;
}

div#copy p.intro{
margin-bottom:28px;
}

div#copy a{
text-decoration:none;
color:#F7C97C;
border-bottom:1px dotted #F7C97C;
}

div#copy p.service{
margin-bottom:18px;
}

div#copy img.service{
float:left;
clear:left;
border:10px solid #320E04;
margin: 0 12px 3px 0;
}

div#copy h2{
font-size:18px;
line-height:26px;
}

div#copy h3{
font-size:16px;
margin-top:6px;
}
div#copy h3.service{
margin-top:0;
font-size:16px;
line-height:23px;
}

div#copy form#tea_news_form {
margin-bottom:18px;
}
div#copy form#tea_news_form label{
display:block;
margin-bottom:8px;
}
div#copy form#tea_news_form input{
color:#000;
}
/* General fix for white on white inputs */
input, select, button{color: #000; }
select *{ color:#000; }

/* shopp styles */
#shopp.product{
clear:none;
float:left;
width:318px;
}
#shopp.product h3.price{
clear:left;
}

div#shop{
clear:left;
position:relative;
width:850px;
margin:0 auto 0 auto;
padding-top:27px;
padding-bottom:27px;
}

div#shop div.product{
float:left;
display:inline;
position:relative;
width:395px;
margin-bottom: 30px;
}


div#shop div.odd{
clear:left;
margin:0 60px 30px 0;
}

div#shop div.product img.product_shot{
float:left;
display:inline;
border:10px solid #320E04;
margin-right:17px;
}

div.product h4.type{
margin:17px 0 2px 0;
font-size:12px;
line-height:18px;
font-style:italic;
text-transform:lowercase;
}

div.product h3.title{
font-size:18px;
line-height:18px;
margin:0 0 6px 0;
color:#F7C97C;
}

div.product p.description{
margin-bottom:25px;
}

div.product form{
float:left;
display:inline;
}

div.product div.unit_price{
float:left;
display:inline;
margin-left:10px;
}

div.unit_price span.unit{
display:block;
line-height:14px;
text-align:center;
}

div.unit_price span.price{
display:block;
text-align:center;
font-size:18px;
color:#F7C97C;
}


#container{position:relative; width:800px; margin: 0 auto; z-index:100;}
#content-column{}
#brown-box{position:absolute; z-index:0; width: 48%; height:400px; background: #3D1305;}


/* WYSIWYG styles */
div.front-editor-container{
float:right !important;
width:318px !important;
}

div.wysiwyg{
float:right !important;
width:306px !important;
}

div.wysiwyg iframe{
width:318px !important;
}

div#copy .frame a {border:none;}
div#copy .frame a img {border: 10px solid #320E04;}
div#copy .frame .details a {border-bottom: 1px dotted #F7C97C; }
div#copy #shopp .details p.price {width: 100%;}
#shopp .category h3{margin-bottom:-27px; margin-top:12px; text-indent:6px; font-size:21px;}
#shopp .category form{margin-top:15px;}
#shopp {width: 600px; float:right; }
#shopp .details .listview p {width: 270px;}

#ecomm_widgets{position:absolute; top:430px; width: 200px;}
#ecomm_widgets *{max-width:200px;}
#ecomm_widgets ul{ margin-bottom:15px;}
#ecomm_widgets ul{ list-style: square;}
#ecomm_widgets ul ul{ padding-left:6px;}