html { height: 101%; }

body {font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; font-size: 11px; line-height: 13px; text-align: center}
.header {width: 100%; background-color:#000000; border:0px;}
.main {width:700px; margin-left: auto; margin-right: auto; text-align:left}
.blog { width:470px; float:left; margin-top:30px;}
.menu {width:100%; height: 30px; text-align: center; margin: 5px 0;}
.side_menu {float:left; width:150px; margin:30px 0px 0px 27px; }
.content { width:470px; margin: 30px 0px 0px 0px; }
.content_right { float: left; width:470px; margin: 30px 0px 0px 0px;}
.locator {width:375px; margin:30px 0px 0px 0px; float:left; text-align:left;}
.footer { clear: left; margin-top: 20px; padding-bottom: 15px; width:100%; text-align: center; }
.td {vertical-align:center;}

a { text-decoration: none; font-weight:bold; border-style: none; border: width: 0px; color:#000000; }
a:hover {color:#999999;}
img {border-style: none;}
.bullet {list-style-image: url(/images/leaf.gif);}

.new_menu { background-image: url("/images/new.png"); background-repeat: no-repeat; background-position: right top; }
.new_menu_fr { background-image: url("/images/new_fr.png"); background-repeat: no-repeat; background-position: right top; }
.new_menu_es { background-image: url("/images/new_es.png"); background-repeat: no-repeat; background-position: right top; }
.top_menu { padding: 10px 24px; font-size: 10px; color: #999999; line-height: 30px; text-align:left;}
.top_menu_fr { padding: 10px 20px; font-size: 10px; color: #999999; line-height: 30px; text-align:left;}
.top_menu_es { padding: 10px 15px; font-size: 10px; color: #999999; line-height: 30px; text-align:left;}
.top_menu:hover { color: #000000; }
.top_menu_fr:hover { color: #000000; }
.top_menu_es:hover { color: #000000; }
.top_menu_sel { padding: 10px 25px; font-size: 10px;  color: #000000; }
.top_menu_fr_sel { padding: 10px 21px; font-size: 10px;  color: #000000; }
.top_menu_es_sel { padding: 10px 16px; font-size: 10px;  color: #000000; }
.title { cursor: pointer; font-size: 10px; color: #999999; }
.title_sel { cursor: pointer; font-size: 10px; color: #000000; }
.bottom_menu { color: #999999; font-size: 10px;}
.bottom_menu:hover { color: #000000; }
.bottom_menu_sel { color: #000000; }
.subtitle { font-size: 10px; color: #999999; }
.black,.green,.herbal,.special,.iced,.black_sel,.green_sel,.herbal_sel,.special_sel,.iced_sel { margin-top: 10px; }
.black:hover, .black_sel, .black_sel:hover { color: #000000; }
.green:hover, .green_sel, .green_sel:hover { color: #136436; }
.herbal:hover, .herbal_sel, .herbal_sel:hover { color: #EF8214; }
.special:hover, .special_sel, .special_sel:hover { color: #895428; }
.iced:hover, .iced_sel, .iced_sel:hover { color: #AE0055; }

.nohover:hover { color: #aaaaaa; }

.bold {font-weight:bold;}

h1{font-family: Times, serif; font-size: 24px; color: #895428; line-height: 20px; font-weight:normal;}
h2{color: #895428; font-weight:normal; font-size:14px; line-height: 18px; }
h2 a {color: #895428; margin: 0px; font-weight:normal; }
h2 a:hover {color: #000000}
h3{font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; font-size: 11px; font-style: italic;color:#999999;}

.bigheader {font-family: Times, serif; font-size: 20px; color: #895428; line-height: 20px;}
.subhead {font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 14px; color: #895428;}
.grey {color:#999999; font-weight:bold;}
.grey_tea {color:#999999; } A.grey:hover {color:#000000}
.grey_large {color:#999999; font-weight:bold; font-size:14px; line-height: 18px; font-style:italic;}


.headerGreen {font-family: Times, serif; font-size: 12px; color: #136436; line-height: 16px;}
.headerOrange {font-family: Times, serif; font-size: 12px; color: #Ec7404; line-height: 16px;}
.headerBlack {font-family: Times, serif; font-size: 12px; color: #5C5C5C; line-height: 16px;}
.headerPurple {font-family: Times, serif; font-size: 12px; color: #6a1b50; line-height: 16px;}
.headerBlue {font-family: Times, serif; font-size: 12px; color: #00769f; line-height: 16px;}
.headerPeppermint {font-family: Times, serif; font-size: 12px; color: #62a522; line-height: 16px;}
.headerMagenta { font-family: Times, serif; font-size: 12px; color: #BD2A33;line-height: 16px}
.headerYellow {font-family: Times, serif; font-size: 12px; color: #fbbd1a;line-height: 16px;}
.headerChai {font-size:12px; font-family: Times, serif; color: #f08800; line-height: 16px}
.headerDarj {font-size:12px; font-family: Times, serif; color: #AE0055; line-height: 16px}
.headerOolong {font-size:12px; font-family: Times, serif; color: #006233; line-height: 16px}
.headerGold {font-size:12px; font-family: Times, serif; color: #895428; line-height: 16px}

.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}

.sidebar {font-size: 12px; color: #000000; list-style-type:none; font-variant:small-caps; line-height:14px;}

.grey_rounded { padding: 5px; background: #eeeeee; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.instructions { color: #895428; line-height: 16px; padding: 5px 0; font-size: 12px; }
.clear_btn, .buy_btn { color: grey; cursor: pointer;}
.buy_btn:hover {color: black; }
.checkout_btn { font-size: 1.1em; color: black; cursor: pointer;}
.checkout_btn:hover { color: black; }
.clear_btn:hover, .checkout_btn:hover {text-decoration: underline;}
.proceed {cursor: pointer; font-weight: bold; }
.proceed:hover {text-decoration: underline;}

.add_store_table td {border-collapse: collapse; }
.add_store_table input,textarea { width: 151px; }
.store_tea_hover { cursor: pointer; }
.store_tea_hover:hover { text-decoration: underline; }
#map_canvas { width: 450px; height: 300px; }
.js_link { cursor: pointer; font-weight: normal; }
.js_link:hover { text-decoration: underline; color: #999999; }
.side_menu_item {
	padding: 3px; 
	margin-top:15px; 
	background: #eeeeee; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
#login_box_form { 
	padding: 5px;
}
#login_box_message h2, #login_box_loggedin h2 { margin: 0; }
.small_input { width: 90%; margin-bottom: 5px; }
.form_message { margin-bottom: 15px; font-size: 1.4em; font-weight: bold; color: red; }
/*.green { color: green; }*/