@charset "UTF-8";
/* 
==============================================================================
This styles the main framework for the site, things like headers and footers. 
Basically anything that is shared through out the entire site.
==============================================================================
 */

/*
FONTS
Product Links: Trantino
General Use: Tahoma
Bottom Footer: Gotham FYI
Handwritten Text: Lemonade
*/

	body{
		text-align: center;
		background-color: #ddd4cc;
		margin-top: 0px;
		padding-top: 0px;
	}
	.region{
		position: relative;
		float: left;
	}
	#container{
		margin-left: auto;
		margin-right: auto;
		width: 900px;
	}
	#top{
		width: 900px;
		height: 115px;
		z-index: 1000;
	}
	#content{
		width: 847px;
		background: url(/images/bg_content_repeat_y.jpg) repeat-y;
		z-index: 500;
		margin-left: 31px;
		margin-top: -31px;
		display: inline;
	}
	#contentTop{
		background: url(/images/bg_content_top.jpg) no-repeat;
		width: 847px;
	}
	#contentBottom{
		background: url(/images/bg_content_bottom.jpg) no-repeat;
		width: 847px;
		height: 55px;
	}
	#contentMargin{
		position: relative;
		text-align: left;
		font-size: 1.2em;
		margin-left: 74px;
		display: inline;
	}
	#bottom{
		width: 900px;
		height: 211px;
		background: url(/images/bg_footer_home.png) 5px 0px no-repeat;
		z-index: 0;
	}
	#bottomMargin{
	}
    #footerBuckets{
    }
	#footerBuckets a{
        position: absolute;
        top: 0px;
    }
    #footerTextLinks{
		display: block;
		width: 100%;
        color: #D52035;
        text-align: center;
        font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
        letter-spacing: 0.1em;
    }
    #footerTextLinks a{
        font-weight: bold;
        color: #D52035;
        text-decoration: none;
    }
	#footer1{
		left: 52px;	
	}
	#footer2{
		left: 330px;	
	}
	#footer3{
		left: 603px;
	}
    #footerTextLinks a:hover{
        text-decoration: underline;
    }
	
	/* Navigation */
	#menuBar{
		left: 214px;
		top: 0px;
	}
	#menu{
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	#menu li{
	    position: absolute;
	    padding: 0px;
	    margin: 0px;
	}
/*
	#menu a{
		position: relative;
		float: left;
	}
*/
    #menuBar{ text-align: left; }

	#navLogo{ position: absolute; top: 0px; left: 0px; }
	#navHome{ position: absolute; top: 0px; left: 215px; }
	#navProducts{ position: absolute; top: 0px; left: 289px; }
	#navNutrition{ position: absolute; top: 0px; left: 386px; }
	#navNews{ position: absolute; top: 0px; left: 486px; }
	#navStory{ position: absolute; top: 0px; left: 621px; }
	#navOffers{ position: absolute; top: 0px; left: 725px; }
	#navRetailLocator{ position: absolute; top: 0px; left: 796px; }

	#navHome:hover{ background: url(/images/nav_home_on.png) no-repeat; }
	#navProducts:hover{ background: url(/images/nav_products_on.png) no-repeat; }
	#navNutrition:hover{ background: url(/images/nav_nutrition_on.png) no-repeat; }
	#navStory:hover{ background: url(/images/nav_story_on.png) no-repeat; }
	#navOffers:hover{ background: url(/images/nav_offers_on.png) no-repeat; }
	#navRetailLocator:hover{ background: url(/images/nav_retail_locator_on.png) no-repeat; }
	#navNews:hover{ background: url(/images/nav_news_on.png) no-repeat; }

	/* Product Links */
	#productLinks{ width: 172px; }
	#productLinks a{ display: block; float: left; margin: 0px; clear: left; }
	#linkRegularIcedTea{ background: url(/images/link_regular_iced_tea_off.png) no-repeat; }
	#linkRegularIcedTea:hover{ background: url(/images/link_regular_iced_tea_on.png) no-repeat; }		
	#linkDietIcedTea{ background: url(/images/link_diet_iced_tea_off.png) no-repeat; }
	#linkDietIcedTea:hover{ background: url(/images/link_diet_iced_tea_on.png) no-repeat; }
	#linkSweetTea{ background: url(/images/link_sweet_tea_off.png) no-repeat; }
	#linkSweetTea:hover{ background: url(/images/link_sweet_tea_on.png) no-repeat; }
	#linkGreenTea{ background: url(/images/link_green_tea_off.png) no-repeat; }
	#linkGreenTea:hover{ background: url(/images/link_green_tea_on.png) no-repeat; }
	#linkAllOtherFlavors{ background: url(/images/link_all_other_flavors_off.png) no-repeat; }
    #linkAllOtherFlavors:hover{ background: url(/images/link_all_other_flavors_on.png) no-repeat; }
    
    /* Form Styles */
    .formTable{
        text-align: left;
    }
    .fieldName{
        vertical-align: top;
    }
    .fieldValue{
        vertical-align: top; 
        padding-bottom: 2px;
    }
    .required{
        font-weight: bold;
        color: Red;
    }
    .feedbackPositive{
        display: block;
        background: #008F13;
        border: 1px solid #00CF1C;
        color: #FFFFFF;
        padding: 10px 20px;
        text-align: left;
    }
    .feedbackNegative{
        display: block;
        background: #9F0006;
        border: 1px solid #FF000A;
        color: #FFFFFF;
        padding: 10px 20px;
        text-align: left;
    }
    .feedbackNegative ul{
        padding: 0px 0px 0px 25px;
        margin: 0px;
    }
    .feedbackNegative li{
        padding: 0px;
        margin: 0px;
    }