@import url("common_style.css");

html, body {
    height: 100%;
    background: url(../images/background_main_tile.jpg) repeat-y center 0;
}

body, table, tr, td {
    font-size: 12px;
    font-weight: normal;
    color: #636466;
    font: 12px "Arial", Helvetica, SunSans-Regular, sans-serif; /* Font for Window, Mac, Unix and generic */
    line-height:1.6em;
}

/*
ul {
margin-left:10px;
margin-top:5px;
margin-bottom:10px;
}*/

h1 {font-size: 28px;
	font-weight: normal;
	line-height:1.1em;
}


h2.rightTitle {font-size: 28px;
	font-weight: normal;
	color: black;
	margin-bottom:10px;
}

h2, .post_title {font-size: 20px;
	font-weight: normal;
}

h2 small {
   font-size: 10px;
   position: relative;
   top : -4px;
}

p{
  margin-top: 10px;
  margin-bottom: 10px;
}


div.hr {
  height: 1px;
  background: #cccccc;
}
div.hr hr {
  display: none;
}

#container {
    width: 800px;
    margin: 0 auto;
    min-height: 100%;
    margin-bottom: -55px; /* set this to height of footer_wrapper*/
    position: relative;
    top: 0px;
    left: 0px;
}



#header {
}

#body_content {
    width: 760px;
    padding: 25px 20px 20px;
    background: url(../images/body-content-lip.gif) repeat-x 0 0;
    position: relative;
}

#clear_4_footer {
	height:55px;
	clear:both;
}

#footer_wrapper {
	height:55px;
position:relative;
bottom: 0px;
}


#footer {
	width: 760px;
	margin: 0 auto;
	padding: 20px;
	font-size: 10px;
	height: 15px;
	background: #e3e3e3 url(../images/vegan_logo.gif) no-repeat 97% center;
}

#footer a {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #6d6e71;
	color: #6d6e71;
}

#copy {
	float: left;
	padding-right: 10px;
}

#main_nav ul { 
	width: 801px; 
	height: 42px; 
	/*display: inline;*/
}

#main_nav li { 
	text-decoration: none; 
	float: left; 
	list-style-type: none;
}

#main_nav li a.idle { 
	text-decoration: none; 
	text-align: center; 
	height: 29px; 
	vertical-align: middle; 
	display: block;
	width: 88px;
	background: url(../images/main-nav-sprite.gif) no-repeat right 0;
	color: #ababab;
	text-transform: uppercase;
	padding-top: 13px;
	border-left: solid 1px black;
}

#main_nav li a.idle:hover { 
	background: url(../images/main-nav-sprite.gif) no-repeat right -42px;
	color: #db990c;
}

#main_nav li a.active { 
	text-decoration: none; 
	text-align: center; 
	height: 29px; 
	vertical-align: middle; 
	display: block;
	width: 88px;
	background: url(../images/main-nav-sprite.gif) no-repeat right -84px;
	color: black;
	text-transform: uppercase;
	padding-top: 13px;
}

/* style for news directory*/

#sidebar {
   margin-right:15px;
	width:260px;
   float :left;
   background: url(../images/left_col_shadow.jpg) no-repeat right 0;
   }

#sidebar .margin_spacer {
   width: 222px;
}

#sidebar h2{
  font-size: 25px;
  font-weight: normal;
}

#sidebar_retailers {
   width : 260px;
   float :left;
    margin-right:15px;
}

#sidebar_retailers .margin_spacer {
   background: url(../images/left_col_shadow.jpg) no-repeat right 0;
   min-height:300px;
}

#sidebar_retailers h2{
  font-size: 25px;
}

#floated_content {
   float:left;
   width: 470px;
   position:relative;
}

#contact_form {
   position: relative;
   z-index : 100;
}

#contact_form label {
   width : 200px;
}

#contact_form .form_row {
   float: left;
}

#cartons_and_bottles {
   position:absolute;
	right:0;
	bottom: 0;
}

.bolder {
   font-weight: bolder;
}

.black {
   color: #000000;
}

.red {
   color : #890404;
}

.orange {
   color: #d79617;
}

.quote {
   font-size: 14px;
}

.member_pic {
   float: left;
   width : 150px;
   text-align: left;
}


.member_info {
   float: left;
   width: 300px;
}

/* drinks*/

#drinks_right {
   width : 333px;
   float:left;
   position: relative;

}

#drinks_left {
   width : 427px;
   float:left;
}

#sticky_note {
 position :relative;
 top: -5px;
 left: -69px;
 
}

#note {
   position: absolute;
   top : 80px;
   left: 10px;
   z-index: 100;
   line-height: 1.4em;
}


#note table tr td{
   text-align:right;
}


#adrink {
   position: relative;
   top : 10px;
   left : 20px;
}

#cformbg{
   position: absolute;
   width :563px;
   height: 495px;
   top: -50px;
   left : -50px;
   background: transparent url(../images/contact_form_bg.png) no-repeat;
}

#contact_form h2.red{
   margin-top:20px;
}

#server_reply{
   margin-bottom:10px;
}

#contact_form input{
   width:212px;
   margin-right: 15px;
   margin-bottom: 3px;
   border : 1px solid gray;
   height: 13px;
   vertical-align:middle;
   padding:3px;
}

#contact_form textarea{
   margin-top: 15px;
   margin-bottom: 15px;
   width: 453px;
   height: 100px;
   font: inherit;
}

/* HOME PAGE FLASH AND NEWS DIVISIONS */

#home_swf {
	position:absolute;
	top: 143px;
	left: 0;
}

#postit_swf {
	position: relative;
	top: -50px;
	left: -93px;
	float:left;
}
#news_board {
	position: absolute;
	width : 245px;
	top : 25px;
	left : 294px;
}	

#mixit {
	position: absolute;
	width : 245px;
	top : 25px;
	left : 545px;
}

.h2bg {
	background: transparent url(../images/hbg.jpg) no-repeat;
	width : 240px;
	height: 31px;
	padding-top: 7px;
	padding-left: 10px;
}

.anews {
	margin: 15px 0px;
	width: 230px;
}

/* subnav banner for drinks pages */

#sub_nav { 
	width: 800px; 
	height: 275px; 
	background: url(../images/drink_nav_sprite_bg.jpg) no-repeat;
	position:relative;
}

#sub_nav ul { 
	padding:32px 0 0 64px;
	position:relative;
}

#sub_nav li { 
	text-decoration: none; 
	float: left; 
	list-style-type: none;
	text-indent: -1000px;
	overflow: hidden;
	position:relative;
}

#sub_nav li a.off { 
	height:210px;
	width:75px;
	display: block;
}

#sub_nav li a.on { 
	height:210px;
	width:75px;
	display: block;
}

#sub_nav li a.off_lrg { 
	height:210px;
	width:90px;
	display: block;
}

#sub_nav li a.on_lrg { 
	height:210px;
	width:94px;
	display: block;
}

#sub_nav li a.one { 
	background: url(../images/drink_nav_sprite.png) no-repeat 0 0;
}

#sub_nav li a.one:hover { 
	background: url(../images/drink_nav_sprite.png) no-repeat 0 -213px;
}

#sub_nav li a.one_selected { 
	background: url(../images/drink_nav_sprite.png) no-repeat 0 -427px;
}


#sub_nav li a.two { 
	background: url(../images/drink_nav_sprite.png) no-repeat -75px 0;
}

#sub_nav li a.two:hover { 
	background: url(../images/drink_nav_sprite.png) no-repeat -75px -213px;
}

#sub_nav li a.two_selected { 
	background: url(../images/drink_nav_sprite.png) no-repeat -75px -427px;
}


#sub_nav li a.three { 
	background: url(../images/drink_nav_sprite.png) no-repeat -150px 0;
}

#sub_nav li a.three:hover { 
	background: url(../images/drink_nav_sprite.png) no-repeat -150px -213px;
}

#sub_nav li a.three_selected { 
	background: url(../images/drink_nav_sprite.png) no-repeat -150px -427px;
}


#sub_nav li a.four { 
	background: url(../images/drink_nav_sprite.png) no-repeat -225px 0;
}

#sub_nav li a.four:hover { 
	background: url(../images/drink_nav_sprite.png) no-repeat -225px -213px;
}

#sub_nav li a.four_selected { 
	background: url(../images/drink_nav_sprite.png) no-repeat -225px -427px;
}


#sub_nav li a.five { 
	background: url(../images/drink_nav_sprite.png) no-repeat -300px 0;
}

#sub_nav li a.five:hover { 
	background: url(../images/drink_nav_sprite.png) no-repeat -300px -213px;
}

#sub_nav li a.five_selected { 
	background: url(../images/drink_nav_sprite.png) no-repeat -297px -427px;
}

#sub_nav li a.six { 
	background: url(../images/drink_nav_sprite.png) no-repeat -390px 0;
}

#sub_nav li a.six:hover { 
	background: url(../images/drink_nav_sprite.png) no-repeat -390px -213px;
}

#sub_nav li a.six_selected { 
	background: url(../images/drink_nav_sprite.png) no-repeat -387px -427px;
}

#sub_nav li a.seven { 
	background: url(../images/drink_nav_sprite.png) no-repeat -480px 0;
}

#sub_nav li a.seven:hover { 
	background: url(../images/drink_nav_sprite.png) no-repeat -480px -213px;
}

#sub_nav li a.seven_selected { 
	background: url(../images/drink_nav_sprite.png) no-repeat -477px -427px;
}

#sub_nav li a.eight { 
	background: url(../images/drink_nav_sprite.png) no-repeat -570px 0;
}

#sub_nav li a.eight:hover { 
	background: url(../images/drink_nav_sprite.png) no-repeat -570px -213px;
}

#sub_nav li a.eight_selected { 
	background: url(../images/drink_nav_sprite.png) no-repeat -567px -427px;
}

.dealer_data {
	float:left;
margin:0 9px;
width:138px;
}

.dealer_data b {
	color: black;
}

.screen-reader-text {
	margin:10px 0;
}

.read_more {
	background: url(../images/read_btn.gif) no-repeat;
	display: block;
	width: 224px;
	height: 38px;
	text-indent: -5000px;
	overflow: hidden;
	margin-top:10px;
	border-bottom:1px solid black;
}

.read_more_home {
	background: url(../images/read_btn.gif) no-repeat;
	display: block;
	width: 224px;
	height: 38px;
	text-indent: -5000px;
	overflow: hidden;
	margin-top:10px;
	border-bottom:1px solid black;
	left:297px;
position:absolute;
top:280px;
}

.news_snippit {
	width: 224px;
	margin: 20px 0px;
}

.comment_p {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.comment_p a {
	color: black;
}

#searchform {
	background: #e3e3e3;
	width:223px;
}

#search_form {
	background: #e3e3e3;
	width:203px;
	padding: 10px;
	margin-top: 10px;
}

#searchsubmit {
	background: url(../images/show_btn.gif) no-repeat;
	width: 223px;
	height: 38px;
	text-indent: -5000px;
	overflow: hidden;
	outline: none;
	border: none;
}

#searchsubmitfind {
	background: url(../images/search_btn.gif) no-repeat;
	width: 223px;
	height: 38px;
	text-indent: -5000px;
	overflow: hidden;
	outline: none;
	border: none;
	cursor: pointer;
	display: block;
}

#cform_button {
	background: white url(../images/submit_btn.png) no-repeat right 0;
	width: 223px;
	height: 38px;
	text-indent: -5000px;
	overflow: hidden;
	outline: none;
	border: none;
	cursor: pointer;
	display: block;
	border-bottom: 1px solid black;
	position: relative;
	top: -42px;
	width:455px;
	border-left:1px solid gray;
}

#searchform .screen-reader-text {
	padding: 10px 10px 5px;
	margin-bottom:0;
}

#searchform #s {
	margin: 0 10px 10px;
	border: 1px solid gray;
	padding: 5px;
	font-size: 14px;
}

#addressInput {
	margin: 0 0px 10px;
	border: 1px solid gray;
	padding: 5px;
	font-size: 14px;
}

#radiusSelect, #radiusSelectMiles {
	float: left;
	margin: 10px 0;
}

#logos {
	width: 223px;
	border: 1px solid #e3e3e3;
}

#logos img {
	float: left;
}

#legal_text {
	padding: 20px;
}

#sitemap_nav {
	margin-left: 5px;
	list-style: none;
}

#sitemap_nav h3 {
	margin-top: 20px;
	color: black;
}

#sitemap_nav li a {
	margin: 5px 0px;
	display: block;
	color:black;
	background: lightGray;
	padding:3px 10px;
}

#sitemap_subNav li a {
	margin: 5px 0px;
	display: block;
	color:#890404;
	background: #eaeaea;
	padding:3px 10px;
}

#sitemap_subNav {
	margin-left: 20px;
	list-style: none;
}

.blueberry {
	color: #800080;
}

.blackberry {
	color: #000071;
}

.mango {
	color: #ff9900;
}

.passion {
	color: #cc0066;
}

.passionate, .strawberry {
	color: #ff0000;
}

.apple {
	color: #99cc00;
}

.cosmo {
	color: #8f04c6;
}

.berry {
	color: #ff0066;
}

.pineapple {
	color: #ead100;
}

.guava {
	color: #75d912;
}

.lime {
	color: #009900;
}

.cranberry {
	color: #990000;
}

.bodyLink {
	color:#6D6E71;
	text-decoration: underline;
}