/*
 *   HINT Website Stylesheets 
 *   Copyright (C) 2010 Bluelounge Design
 *   
 *   http://www.blueloungedesign.com
 *
**/

/*
_______________________________
IMPORT ADDITIONAL STYLES */

@import url(addto.css);

/*
_______________________________
GENERAL */

html { overflow-y : scroll; }

body, input {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #636363;
}

h1, h2, h3, h4 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

h3 {
	font-size: 14px;
	color: #000;
}

.container {
	width: 792px;
	margin: 0 auto;
}

.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

img a {display: block;}



.addshadow {
	background: url('../images/drop_shadow.gif') no-repeat bottom right;
	margin: 0;
	padding: 0;
	position: relative;
}

.addshadow img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -5px 5px 5px -5px;
	padding: 0;
	position: relative;
	vertical-align: bottom;
}

#demotip { 
    display:none; 
    background:transparent url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}

/*
_______________________________
HEADER */

.header {
	height: 55px;
	position: relative;
	padding-top: 12px;
}

/*
.header .logo {
	position: absolute;
	left: -5px;
}*/

.main-navigation {
	position: absolute;
	top: 15px;
	right: 0;
}

.main-navigation ul li {
	float: left;
	display: block;
	height: 18px;
}

.main-navigation ul li a {
	height: 0;
	display: block;
	padding-top: 18px;
	overflow: hidden;
}

.main-navigation ul li#mn-01 a {
	background: url(../images/HINT_Menu_01_Products.gif) no-repeat;
	width: 81px;
}

.main-navigation ul li#mn-02 a {
	background: url(../images/HINT_Menu_02_HintLife.gif) no-repeat;
	width: 75px;
}

.main-navigation ul li#mn-03 a {
	background: url(../images/HINT_Menu_03_InTheNews.gif) no-repeat;
	width: 101px;
}

.main-navigation ul li#mn-04 a {
	background: url(../images/HINT_Menu_04_AboutUs.gif) no-repeat;
	width: 83px;
}

.main-navigation ul li#mn-05 a {
	background: url(../images/HINT_Menu_05_StoreLocator.gif) no-repeat;
	width: 110px;
}

.main-navigation ul li#mn-06 a {
	background: url(../images/HINT_Menu_06_ContactUs.gif) no-repeat;
	width: 93px;
}

.main-navigation ul li#mn-07 a {
	background: url(../images/HINT_Menu_07_BuyNow.gif) no-repeat;
	width: 81px;
}

/*
_______________________________
PAGE CONTENT */

.pagecontent {
	padding: 16px 0 20px 0;
}

.pagecontent .title {
	margin-bottom: 20px;
}

.columnright {
	margin-left: 180px;
}

/*
_______________________________
FOOTER */

.footer {
	border-top: 1px solid #e2e2e2;
	font-size: 10px;
	color: #959595;
	text-align: center;
	padding: 10px 0;
}

.footer a {
	text-decoration: none;
}

/*
_______________________________
HOME */

#home.pagecontent {
	padding-bottom: 0;
}

#home #home-img {
	padding-bottom: 10px;
}

#home #home-dashboard {
	background: url(../images/HINT_Home_DashboardBG.gif) repeat-y;
	height: 1%;
}

html>body #home #home-dashboard {
	height: auto
}

#home #home-dashboard .section {
	float: left;
	padding: 4px 20px;
  width: 224px;
}

/* Top Section */

#home #home-top {
	margin-bottom: 12px;
	clear: both;
}

#home #home-banner {
	float: left;
	width: 530px;
	margin-right: 6px;
}

#home #promo {
	float: left;
	width: 256px;
	margin-top: 0;
}

#home #find-retailers {
	float: left;
	width: 230px;
	height: 252px;
	padding: 12px;
	border: 1px solid #ccc;
}

#home #find-retailers h3 {
	color: #88AC2E;
	font-size: 15px;
	font-weight: normal;
	margin-top: 0;
	text-align: center;
}

#home #retailers-logo {
	height: 140px;
	overflow: hidden;
	margin: 12px 0 24px 0;
}

#home .section h3 {
	color: #88AC2E;
	font-size: 17px;
	font-weight: normal;
	margin-top: 0;
}

/* Hint Store Locator */

#home #home-storelocator form {
	margin-top: 0.8em;
	margin-bottom: 0.3em;
	text-align: center;
}

#home #home-storelocator p {
	text-align: center;
}

#home #home-storelocator form input#zipcode {
	padding: 2px;
	font-family: Arial, Helvetica, Verdana;
	margin-right: 4px;
}

/* Hint Life */

#home #home-hintlife {
	background: #BEE06A url('../images/Hint_Home_SocialBox_BG.png') repeat-x center;
}

#home #home-hintlife.section {
	padding-bottom: 30px;
	margin-left: 1px;
	width: 223px;
}

#home #home-hintlife div {
	margin-left: -6px;
	margin-top: 1.5em;
}

#home #home-hintlife div img {
	margin-right: 8px;
}

#home #home-hintlife div img.last {
	margin-right: 0;
}

#home #home-hintlife form#mForm {
	margin-top: 1.5em;
}

#home #home-hintlife form#mForm p {
	margin: 4px 4px 0 4px;
}

#home #home-hintlife form#mForm input#email {
	width: 140px;
}

/* Hint In The News */

#home #home-press table {
	margin-top: 0.5em;
}

#home #home-press td {
	line-height: 1.3em;
}

#home #home-press .addshadow {
	width: 68px;
	margin-right: 6px;
}

#home #home-press a {
	color: #00AEEF;
	text-decoration: none;
}

/* Hint Events List */

#home #home-events ul {
	margin-top: 14px;
}

#home #home-events ul li {
	padding: 4px 0;
	border-bottom: 1px dotted #e2e2e2;
	font-weight: bold;
	color: #000;
}

#home #home-events ul li:last-child {
	border-bottom: none;
}

#home #home-events ul li a {
	color: #88AC2E;
	display: block;
	float: left;
	width: 60px;
	text-decoration: none;
}

#home #home-events ul li span {
	display: block;
	float: left;
	width: 160px;
	clear: right;
}

#home #home-events {
	position: relative;
}

#home #home-events a.all {
	position: absolute;
	color: #00AEEF;
	text-decoration: none;
	top: 8px;
	right: 20px;
}

/* Hint on Facebook */

#home #home-facebook iframe {
	margin-top: 8px;
	margin-left: 12px;
}

/* Hint on Time.com */

#home #timecom h4 {
	font-size: 16px;
	color: #00396D;
	margin-top: 0.2em;
}

#home #timecom img {
	margin-top: 1em;
	margin-bottom: 0.8em;
}

/*

#home #home-hinttv img {
	float: left;
	margin-right: 10px;
}

#home #home-events ul {
	margin-top: 4px;
}

#home #home-events ul li {
	padding: 3px 0;
	border-bottom: 1px dotted #e2e2e2;
}

#home #home-events ul li:last-child {
	border-bottom: none;
}

#home #home-events ul li strong {
	display: block;
	float: left;
	width: 64px;
}

*/

/*
_______________________________
HINT LIFE */

#hintlife a {
	text-decoration: none;
}

/*------------
RIGHT COLUMN
------------*/

#hintlife .maincolumnright {
	width: 269px;
	float: right;
}

#hintlife .maincolumnright .subsection {
	padding: 8px 10px 8px 18px;
	margin-bottom: 12px;
}

#hintlife .maincolumnright .rounded {
	border: 1px solid #d7d7d7;
}

#hintlife .maincolumnright .bannerright {
	margin-bottom: 12px;
}

#hintlife .maincolumnright .subsection h3 {
	color: #88AC2E;
	font-size: 17px;
}

#hintlife .maincolumnright .subsection h4 {
	color: #88AC2E;
	font-size: 14px;
}

#hintlife .maincolumnright .subsection p {
	margin-bottom: 1em;
	line-height: 1.3em;
}

#hintlife .maincolumnright .subsection hr {
	height: 1px;
	display: block;
	border-width: 1px 0 0 0;
	border-color: #ccc;
	border-style: dotted;
	margin: 1em 0;
}

/* Hint Events List */

#hintlife .maincolumnright .subsection ul#events-list {
	margin-top: 4px;
}

#hintlife .maincolumnright .subsection ul#events-list li {
	padding: 3px 0;
	border-bottom: 1px dotted #e2e2e2;
	font-weight: bold;
	color: #000;
}

#hintlife .maincolumnright .subsection ul#events-list li:last-child {
	border-bottom: none;
}

#hintlife .maincolumnright .subsection ul#events-list li a {
	color: #88AC2E;
	display: block;
	float: left;
	width: 60px;
	text-decoration: none;
}

#hintlife .maincolumnright .subsection ul#events-list li span {
	display: block;
	float: left;
	width: 170px;
	clear: right;
}

#hintlife .maincolumnright .subsection ul#events-list li em {
	font-weight: normal;
}

#hintlife .maincolumnright .subsection {
	position: relative;
}

#hintlife a.all {
	position: absolute;
	color: #00AEEF;
	top: 8px;
	right: 10px;
}

/* Twitter Widget */

#twitter_update_list {
	font-size: 11px;
}

#twitter_update_list li {
	padding: 0.5em 0;
	line-height: 1.2em;
}

#twitter_update_list li a {
	text-decoration: none;
	font-weight: bold;
}

#twitter_update_list li span a, #twitter a.twitter-link {
	text-decoration: none;
	color: #00AEEF;
}

/* In The News */

#hintlife #press img {
	border: 1px solid #ccc;
}

#hintlife #press img:first-child {
	margin-right: 6px;
}

/* Celebrity Testimonials */


#hintlife #testimonials h3 {
	margin-bottom: 0.5em;
}

#hintlife #testimonials p {
	display: block;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	padding: 0.5em 0;
}

#hintlife #testimonials p:last-child {
	border-bottom: none;
}

#hintlife #testimonials p strong {
	color: #00AEEF;
}

/* Cocktail Recipes */

#hintlife #recipes .recipe {
	padding-top: 12px;
	border-bottom: 1px dotted #ccc;
}

#hintlife #recipes .recipe ul {
	margin-top: 0;
}	

#hintlife #recipes .recipe ul li {
	list-style-type: disc;
	margin-left: 1.5em;
	line-height: 1.3em;
}

#hintlife #recipes .recipe:last-child {
	border-bottom: none;
}

#hintlife #recipes .recipe h4 {
	font-size: 14px;
	color: #000;
	line-height: 1.1em; 
	margin-bottom: 4px;
}

#hintlife #recipes .recipe p {
	margin-top: 0; 
	line-height: 1.3em;
}

#hintlife #recipes .recipe h5 {
	font-size: 11px;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}


/*------------
LEFT COLUMN
------------*/

#hintlife .maincolumnleft {
	width: 500px;
	float: left;
}

#hintlife .maincolumnleft .section {
	padding: 8px 10px 8px 18px;
	margin-bottom: 12px;
	border: 1px solid #d7d7d7;
}

#hintlife .maincolumnleft #blog.section {
	padding-bottom: 0;
	margin-top: 20px;
}

/* Hint Blog */

#hintlife #blog.section h3 {
	color: #88AC2E;
	font-size: 24px;
	margin-bottom: 12px;
}

#hintlife #blog .recent-post {
	margin-bottom: 20px;
	margin-right: 12px;
	line-height: 1.3em;
	border-bottom: 1px dotted #ccc;
}

#hintlife #blog .recent-post.last {
	border-bottom: none;
}

#hintlife #blog .recent-post .thumb {
	width: 80px;
	float: left;
}

#hintlife #blog .recent-post .post {
	float: left;
	width: 320px;
}

#hintlife #blog .recent-post .thumb img {
	border: 1px solid #ccc;
	padding: 2px;
}

#hintlife #blog .recent-post .post p.title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0.2em
}

#hintlife #blog .recent-post .post p.title a {
	color: #000;
	text-decoration: none;
	line-height: normal;
}

#hintlife #blog .recent-post .post p.title em {
	font-size: 11px;
	color: #959595;
	font-weight: normal;
	font-style: normal;
}

#hintlife #blog .recent-post p.summary {
	margin-bottom: 1em;
}

#hintlife #blog .recent-post p.summary a.more {
	color: #00AEEF;
	text-decoration: none;
}

/*
_______________________________
IN THE NEWS */

#inthenews h3 {
	font-size: 18px;
	color: #88AC2E;
	margin-top: 8px;
	margin-bottom: 0;
}

#inthenews.pagecontent {
	position: relative;
}

#inthenews .columnleft {
	float: left;
	width: 280px;
}

#inthenews .columnright {
	float: left;
	width: 494px;
	margin-left: 12px;
}

/* Main */

#inthenews #main {
	padding-left: 5px;
}

#inthenews .presscat {
	border-top: 1px dotted #ccc;
}

/* Featured */

#inthenews #featured ul li {
	float:left;
	margin: 1.5em 4px 2em 4px;
}

#inthenews #featured a {
	border: 2px solid #ccc;
	display: block;
}

#inthenews #featured a:hover {
	border: 2px solid #88AC2E;
}

/* Press Releases */

#inthenews #releases {
	position: relative;
} 

#inthenews #releases ul {
	margin: 1.5em 0;
}

#inthenews #releases ul li {
	line-height: 1.3em;
	margin-bottom: 1em;
}

#inthenews #releases ul li a {
	font-weight: bold;
	text-decoration: underline;
}

#inthenews #pdficon {
	position: absolute;
	left: -80px;
	top: 0;
}

#inthenews #releases span.all {
	position: absolute;
	color: #00AEEF;
	text-decoration: none;
	top: 12px;
	right: 12px;
	cursor: pointer;
}

/* Scrollable jQuery Plugin */


/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 440px;	
	height:114px;	
	margin: 0 5px;
	
	
	/* custom decorations */
	padding:10px 0;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:0;
}

/* single scrollable item */
.scrollable .items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:68px;
	/*padding:15px 0px;*/
	font-size:11px;
	border:1px solid #ccc;
	margin-right: 4px;
}

.scrollable .items div:hover {
	border:1px solid #88AC2E;
}

/* active item */
.scrollable items .active {
	border:1px inset #ccc;		
	background-color:#fff;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:25px;
	height:25px;
	background:url(../images/jquery.tools/scrollable/arrow/left_hint.png) no-repeat;
	float:left;
	margin:43px 0;
	cursor:pointer;
	font-size:1px;
}

a.prevPage {
	margin-left: -8px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -25px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/jquery.tools/scrollable/arrow/right_hint.png);
	clear:right;	
}

#archives-video .items p {
	text-align: left;
	line-height: 1.2em;
	margin-top: 0.6em;
}

#archives-video .items p a {
	font-weight: bold;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin: -12px 0 0 200px;
	height:20px;
	width: 200px;
}


/* items inside navigator */
div.navi a {
	width:9px;
	height:9px;
	float:left;
	margin:3px;
	background:url(../images/jquery.tools/scrollable/arrow/navigator_hint.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -9px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -18px;     
} 	



/*
_______________________________
ABOUT US */

#about h2 {
	font-size: 17px;
	color: #88AC2E;
	margin-top: 10px;
}

#about p {
	font-size: 12px;
	width: 550px;
}

#about h2, #about p {
	margin-bottom: 16px;
	line-height: 1.3em;
}

#about.pagecontent .columnright {
	padding-bottom: 210px;
	background: url(../images/HINT_About_BG2.jpg) no-repeat bottom left;
}

/*
_______________________________
CONTACT US */

#contact h3 {
	font-size: 14px;
	color: #88AC2E;
	margin-top: 20px;
	margin-bottom: 4px;
}

#contact .inquiries {
	width: 260px;
	float: left;
}

#contact input, #contact textarea {
	font-family: Arial, Verdana, sans-serif;
}

#contact p, #contact label {
	font-size: 12px;
	line-height: 1.5em;
}

#contact #cForm h3 {
	margin-top: 40px;
	color: #00AEEF;
}

#contact #cForm p {
	margin-bottom: 1em;
}

#contact #cForm label {
	float: left;
	width: 100px;
}

#contact #cForm input[type=text]{
	width: 180px;
	margin-bottom: 12px;
}

#contact #cForm select {
	width: 180px;
	margin-bottom: 4px;
}

#contact #cForm textarea {
	width: 510px;
	height: 130px;
}

#contact #cForm .submit {
	margin-top: 12px;
	margin-left: 450px;
}

#contact #cForm label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	font-size: 10px;
	float: right;
	color: red;
	font-style: italic;
	width: 300px;
	display: block;
	clear: right;
}

#contact #mForm label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	font-size: 10px;
	float: right;
	color: red;
	font-style: italic;
	width: 450px;
	display: block;
	clear: right;
}

/*
_______________________________
STORE LOCATOR */

#store-locator h2, #store-locator h3 {
	font-size: 24px;
	color: #88AC2E;
	margin-top: 20px;
	margin-bottom: 16px;
}

#store-locator h3 {
	margin-top: 40px;
	font-size: 16px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #e2e2e2;
}

#store-locator #locate {
	margin-bottom: 16px;
}

#store-locator #locate label {
	font-weight: bold;
}

#store-locator #locate img {
	vertical-align: middle;
}

#store-locator #locate input[type=text], #store-locator #locate select {
	width: 160px;
	margin-top: 6px;
	font-family: Arial, Verdana, sans-serif;
}

#store-locator #search {
	width: 595px;
	float: left;
}

#store-locator #search .subsection {
	padding: 8px 10px 8px 18px;
	margin-bottom: 12px;
}

#store-locator #search .subsection h3, #store-locator #retailers h3 {
	color: #88AC2E;
	font-size: 17px;
	border-bottom: none;
	margin: 0;
	text-align: center;
}

#store-locator #search .rounded {
	border: 1px solid #d7d7d7;
}

#store-locator #banners {
	width: 175px;
	float: right;
}

#store-locator #banners img {
	margin-bottom: 12px;
}

#store-locator .stores-list {
	margin-top: 2em;
}

#store-locator .stores-list li {
	float: left;
	font-size: 12px;
	width: 175px;
	margin-bottom: 1em;
	margin-right: 20px;
	line-height: 1.3em;
} 

#store-locator form {
	margin: 1em 0;
	text-align: center;
}

#store-locator form input#zipcode {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 2px 4px;
	vertical-align:middle;
}

#store-locator form label#zip {
	color: #88AC2E;
	font-size: 17px;
	font-weight: bold;
	border-bottom: none;
	margin: 0;
	margin-right: 12px;
}

#store-locator form input#submit {
	vertical-align:middle;
}

#store-locator #retailers h3 {
	margin-top: 2.4em;
	margin-bottom: 0.5em;
}

/*
_______________________________
PRIVACY POLICY */

#privacy h3 {
	font-size: 15px;
	color: #88AC2E;
	margin-top: 10px;
}

#privacy p {
	font-size: 12px;
	width: 550px;
}

#privacy h3, #privacy p {
	margin-bottom: 16px;
	line-height: 1.3em;
}

/*
_______________________________
PHP GOOGLE STORE LOCATOR */

div.phpGoogleStoreLocator-error {
	font-size: 14px;
}


/* This encompasses the ENTIRE results window */
div.phpGoogleStoreLocator_body
{

   /* This is here for seeing the borders of the application when embedded in your site. */
/*     border:solid; */

/* Original background color */
    /* background-color:#fff; */
    
   /* Uh.  You can hide the whole app with this, but what would be the point? lol */
   /* display:none;*/
}

/* This is the width/height of the map that is displayed on the results page.  This can also be used to hide the map.*/
div.phpGoogleStoreLocator_map
{
 
 /*border:solid;*/
 width:600px;
 height:445px;
   /* Hide the map */
   /* display:none; */
   
   /* Put a border around the map */
   /* border:solid;*/
}

/* This is the header that goes above the results list */
div.phpGoogleStoreLocator_results_header
{
   /* border:solid;*/
   /* display:none;*/
   padding:10px;
   margin:10px;
   background-color:gray;
}

div.phpGoogleStoreLocator_results_header_anchor
{
   float:left;
   padding-right:20px; 
}

div.phpGoogleStoreLocator_results_header_distance
{
 float:left;
 padding-right:40px;
}

div.phpGoogleStoreLocator_results_header_information
{
 float:left;
}

/* This is the block that displays the Store Locations near: 80439 message*/
div.phpGoogleStoreLocator_results_store_locations_near
{
   /* Hide the store locations near message */
   /* display:none; */

   /* Put a border around the message */
   /*border:solid;*/
}

/* This is the block that displays the list of categories that the results came from */
div.phpGoogleStoreLocator_results_categories_list
{
   /* Hide the categories list */
   /* display:none; */

   /* Put a border around the list */
   /* border:solid;*/
}


div.phpGoogleStoreLocator_results_block
{
 border:solid;
 border:solid 4px;
/*  border-color:red; */
 /* display:none; */
}

/* Use this to display/hide the powered by msg*/
div.phpGoogleStoreLocator_powered_by
{
 /* border:solid; */
  display:none;
 text-align:center;
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_execution_time
{
 /* border:solid; */
 /* display:none; */
 text-align:center;
}

/* This is for the white balloon that pops up on the map when you click on a location icon on the map.  */
div.phpGoogleStoreLocator_map_balloon_body
{
/*  white-space:nowrap;  */
 font-size:12px; 
 color: black;
 line-height: 1.3em;

}

div.phpGoogleStoreLocator_map_balloon_body b {
	font-weight: bold;
}

/* This is for the white balloon that pops up on the map when you click on a location icon on the map.  */
div.markerDetail 
{
   /* Font-size cannot be changed here, I dont know why, use the balloon_body class above */
   background-color: white;
   /*white-space: nowrap; */
   margin: 0;
   padding: 2px 4px;
   border: 1px solid #666;
    background: #fff;
        opacity: .80;
        -moz-opacity: .80;
        filter: alpha(opacity=80);
}

/* Google tool tip marker, this is for the tooltip that shows when you hover over an icon on the map. */
div.markerToolTip 
{
		color: #000;
   text-align: center;
    white-space: nowrap;
    margin: 0;
    padding: 2px 0.5ex;
    border: 1px solid #555;
    font-weight: bold;
    background: #ddd;
        opacity: .80;
        -moz-opacity: .80;
        filter: alpha(opacity=80);
}

/***** This is critical to layout design to line things up, dont change it.  ******/
.clearboth {
clear:both;
}

/* LiteRadius Styles */

.radius_tbl {
	width: 600px;
	border: none;
	font-family: Arial, Verdana, sans-serif;
 	font-size: 11px;
 	margin-top: 1.2em;
}
	
.radius_tbl td, .radius_tbl th {
	text-align: left;
	border: none;
	padding: 6px 4px;
	border-bottom: 1px dotted #ccc;
}
	
.radius_tbl th {
	background-color: #dedede;
	color: #000;
}
	
.radius_tbl .header {
   	font-size: 16px;
   	background-color: #63948C;
	font-weight : bold;   
	color: #000;	   
}

.radius_tbl .sub_header {
   	font-size: 12px;
   	background-color: #e6e6e6;
	font-weight : bold;   
	color: #000;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	
.radius_tbl .footer {
   	font-size: 10px;
	text-align: right;
   	background-color: #63948C;	   
}
			
.radius_tbl .on {
   	background-color: #f0f0f0;
}
.radius_tbl .off {
   	background-color: #fff;
}
.radius_tbl .hover {
   	background-color: #DEFDA8;
}
.radius_tbl .click {
   	background-color: #98B940;
	color:#fff
}
	
.radius_info {
	width: 220px;
	border: 0px solid #000;
	border-collapse: collapse;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}
.radius_info td, .radius_info th {
	text-align: left;
	border: 0px solid #000;
}
.radius_info th {
	background-color: #aaf;
}
.radius_info .header {
	font-weight:bold;
	font-size: 14px;
	color: #98B940;
}

/*
_______________________________
MOMS AGAINST SUGARED WATER */

#masw .columnleft {
	float: left;
	width: 375px;
}

#masw .columnright {
	float: left;
	margin-left: 0;
	width: 400px;
	color: #000;
}

#masw .columnright p {
	font-size: 14px;
	line-height: 1.3em;
	margin-bottom: 1em;
}

#masw .columnright p strong em {
	font-style: normal;
	color: #88AC2E;
}

#masw .columnright .rules p {
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 0.3em;
}

/*
_______________________________
HEALTH REALITY TOUR 2010 */

#hrt.pagecontent .rowtop {
	background: url(../images/Hint_HRT_MainImg.jpg) no-repeat;
	height: 410px;
	border-bottom: 4px solid #88AB2D;
	padding-top: 14px;
}

#hrt .rowtop h3 {
	color: #88AC2E;
	font-size: 17px;
	margin-bottom: 1em;
	margin-left: 468px;
}

#hrt .rowtop ul {
	margin-left: 468px;
}

#hrt .rowtop ul li {
	color: #000;
	font-size: 14px;
	margin-bottom: 1em;
	margin-left: 12px;
	list-style-image: url(../images/Hint_HRT_Bullet.gif);
}

#hrt .rowtop p {
	color: #000;
	font-size: 14px;
	margin-left: 468px;
	margin-bottom: 1em;
}

#hrt .rowtop p a {
	margin-left: 6px;
}

#hrt .rowbottom {
	margin-top: 1em;
}

#hrt-dates .columns {
	float: left;
	width: 380px;
	margin-right: 20px;
}

#hrt-dates .right {
	margin-right: 0;
}

#hrt-dates .columns h3 {
	color: #88AB2D;
	font-size: 18px;
	margin-bottom: 1.2em;
}

#hrt-dates .columns p {
	font-size: 12px;
	margin-bottom: 1.2em;
	line-height: 1.3em;
	color: #000;
}

#hrt-dates .columns p strong {
	color: #88AB2D;
}

#hrt-dates .columns p em {
	font-style: normal;
	font-weight: bold;
}

#hrt-dates #NY img {
	margin-top: -9px;
}