@media screen
{

	html {
		background: #B1E1E4 url(../_images/bgtile.gif) repeat-x ;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

	body {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	
	/*
	////////////////////////////////////////////
	
	main elements
	
	////////////////////////////////////////////
	*/
	
	#nav {
		width: 920px;
		margin: auto;
		
	
	}

	#main {
		padding: 10px 0px 120px 0px;
	}
	
	* html #main {
		padding: 10px 0px 40px 0px;
	}
	
	#footer {

		bottom:0;
		left:0;
		padding:0;
		height:80px; 
		margin:0;
		width:100%;

		background-repeat: repeat-x;
		background-image: url( ../_images/grasstile.png );
		
		z-index:20000;
		position:fixed;
	}
	
	* html #footer {
		position:relative;
		background-image: url( ../_images/grasstile.gif );
	}
	
	
	/*
	////////////////////////////////////////////
	
	no flash nav
	
	////////////////////////////////////////////
	*/
	
	#header {
		position: absolute;
		top: 0px;
		width: 100%;
	}

	#header-inner {
		width: 920px;
		margin: auto;
		text-align: right;
		padding: 3px 0px 0px 0px;
	}
	
	#no-flash-nav {
		text-align: center;
		line-height: 0px;
		
	}
	
	#no-flash-nav #logo{
		padding: 15px 0px 5px 0px;
	}
	
	#no-flash-nav img{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	#no-flash-nav ul {
		list-style-type: none;
		display: block;
		padding: 0px; margin: 0px;
	}
	
	#no-flash-nav li {
		text-transform: uppercase;
		display: inline;
		
		color: #ED3654;
		text-shadow: #000 -2px 2px 0px;
		font-weight: bold;
		font-size: 24px;
		
		padding: 0px 15px;
	}
	
	#no-flash-nav a {
		color: #82DDFC;
		text-decoration: none;
		border: 0px;
		background: none;
		font-weight: bold;
	}
	

	
	
	
	

	/*
	////////////////////////////////////////////
	
	bg boxes
	
	////////////////////////////////////////////
	*/


	.bgbox-top {
		background-repeat: no-repeat;
		height: 10px;
		font-size: 1px;
		margin:0px;
		padding:0px;
	}
	
	.bgbox-bottom {
		background-repeat: no-repeat;
		height: 10px;
		margin:0px;
		padding:0px;
	}
	
	.bgbox-middle {
		background-repeat: repeat-y;
		margin:0px;
		padding:0px;
	}
	
	.bgbox-content{
		padding: 1px 10px;
	}
	
	/* ------------- */
	
	.bgbox-full {
		margin: 0px auto;
		width: 920px;
		padding: 2px 0px 10px 0px;		
	}
	
	.bgbox-full .bgbox-top 	   { background-image: url(../_images/bgbox-full-top.gif);	 }
	.bgbox-full .bgbox-bottom  { background-image: url(../_images/bgbox-full-bottom.gif); }
	.bgbox-full .bgbox-middle  { background: url(../_images/bgbox-full-middle.gif) #C1E7EA; }
	
	/* ------------- */
	
	.bgbox-small {
		margin: auto;
		width: 425px;
		padding: 0px 0px 10px 0px;		
	}
	
	.bgbox-small .bgbox-top 	{ background-image: url(../_images/bgbox-small-top.gif);	}
	.bgbox-small .bgbox-bottom  { background-image: url(../_images/bgbox-small-bottom.gif); }
	.bgbox-small .bgbox-middle  { background: url(../_images/bgbox-small-middle.gif) #C1E7EA; }
	
	
	/* ------------- */
	
	

	
	
	
	.bgbox-home {
		margin: 0px auto;
		width: 750px;
		padding: 40px 0px 40px 0px;	
		
		font-size: 18px;
		line-height: 28px;
		text-align: center;
		color: #555;	
	}
	
	.bgbox-home .bgbox-top 	   { background-image: url(../_images/bgbox-home-top.gif); height: 47px;	 }
	.bgbox-home .bgbox-bottom  { background-image: url(../_images/bgbox-home-bottom.gif); height: 47px; }
	.bgbox-home .bgbox-middle  { background: url(../_images/bgbox-home-middle.gif) #FAF8E1;  }
	.bgbox-home .bgbox-content { padding: 0px 40px;	}
	
	.bgbox-home .bgbox-content a { 
		background: none;
	}
	.bgbox-home .bgbox-content a:visited {
		
	}
	.bgbox-home .bgbox-content a:hover {
		background: none;
	}
	
	
	
	.bgbox-content p { padding: 0px; margin: 0px; text-align:center; }
	
	.bgbox-content hr {color: #D7F4FD; background-color: #D7F4FD; height: 2px; border: 0;  margin: 2px 20px; }

	.bgbox-content input { padding: 5px; margin: 0px;}
	.bgbox-content form { padding: 0px; margin: 0px;}
	
	
	.separator {
		padding: 5px;
	}
	
	/* ------------- */
	
	.separator {
		padding: 5px;
	}
	
	.specials {
	   margin:  0px auto;
	   
    	}
    
    	.special {
	    width: 440px;
    	}
	
	.special p.header {
		text-align: left; font-size: 22px; color: #ed3654; line-height: 28px;
	}
	
	.special p {
		text-align: left;  font-size: 16px; line-height: 22px;
	}
	
	.special img.product {
	    float: left; margin: 0px 10px 0px 0px;
	}
	
	
	
	.special form.addtocart {
		text-align:left;
		margin: 10px 0px -8px 0px;
	}
	
	
	.special .price {
		color: #76AFC2;
		font-weight: normal;
	}
	
	/* ------------- */
	
	
	.products, .features {
		margin:  0px auto;
	}
	
	.product, .feature {
		padding:  0px; margin: 0px;
	}
	
	.product, .feature p {
		text-align: center;  font-size: 16px; line-height: 22px;
	}
	
	.product, .feature img {
		padding:  0px; margin: 0px; 
	}
	
	.product .price {
		color: #76AFC2;
		font-weight: normal;
	}
	
	form.addtocart {
		text-align:center;
		padding: 0px; margin: 0px;
	}
	
	form.addtocart img {
		float: left;
	}
	

	
	/* ------------- */
	
	
	.feature-holder
	{
		margin: auto;
		width: 920px;
		padding: 0px 0px 40px 0px;
	}
	
	
	
	/* ------------- */


	/*
	////////////////////////////////////////////
	
	signup form
	
	////////////////////////////////////////////
	*/
	
	.signup-form {
		padding: 0px; 
		margin: 0px 0px;
		text-align:center;
	}
	.signup-form p {
		padding: 0px 0px 5px 0px;
	}
	
	.signup-form-field{
		color: #113F62;
		background-color: #D7F4FD; 
		border: 2px solid #FFF;
		text-align:center;
		font-size: 23px;
		vertical-align:middle;
		width: 320px;
		padding: 0px;
		margin: 0px;
		margin: 10px 0px;
	}
	.signup-form-button{
		display: inline;
		vertical-align:middle;
		padding: 0px;	
	}
	
	/*
	////////////////////////////////////////////
	
	retailers list
	
	////////////////////////////////////////////
	*/
	
	.retailers-list{
		
	}
	
	.retailers-location {
		text-transform: uppercase;
		font-size: 20px;
		margin: 0px 0px 20px 0px;
	}
	
	.retailers-entry {
		font-size: 12px;
		line-height: 1.5em;
		text-transform: none;
		padding: 0px 0px 15px 0px;
		text-align:center;
	}

	
	
	
	/*
	////////////////////////////////////////////
	
	page elements
	
	////////////////////////////////////////////
	*/
	
	
	body {
		font-family: "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
		color: #113F62;
		font-size: 14px;
		line-height: 1.9em;
	}
	
	div.page-content {
		margin: 0px auto 0px auto;
		width: 920px;
		text-align: center;
	}
	
	div.page-content p {
		margin: 0px 0px 10px 0px;
		
	}
	

	p {
		
	}

	
	p.centered {
		text-align: center;
		
	}
	
	p a { 
		color: #113F62;
		text-decoration: none;
		text-decoration: underline;
		background: #FF0;
		font-weight: bold;
	}
	p a:visited {
		color: #113F62;
	}
	p a:hover {
		color: #113F62;
		background: #FFF;
	}
		
	img { border: none; }
	
	
	
	
	
	.largetitle {
		padding: 15px 0px 5px 0px;
		margin: 0px;
		text-align: center;
	}
	
	.largetitle img { padding: 0px; margin: 0px; }
	
	.largetitle-spacer{
		padding:55px 0px 0px 0px;
	}

	.bigtext {
		font-size: 22px;
		line-height:1.7em;
		padding: 30px;
	}
	
	.smalltext {
		font-size: 12px;
		line-height: 16px;
	}
	
	
	
	
	.retailers-header
	{
		text-align: left;
		margin: 20px 20px 20px 20px;
	}
	
	.retailers-header .formholder
	{
		
	}
	
	.retailers-header form
	{
		float: right;
		margin: 0px;
		padding: 0px;
	}
	
	.retailers-header form select
	{
		width: 200px;
		color: #113F62;
		background-color: #D7F4FD; 
		border: 2px solid #D7F4FD;
		margin: 0px;
		padding: 0px;
		font-size: 17px;
	}
	
	.retailers-header .category-name
	{
		font-size: 30px;
		font-weight: bold;
		float: left;
	}
	
	.retailers-content
	{
		margin: 20px 20px 0px 20px;
	}
	
	.retailers-content .maplist
	{
		width: 260px;
		margin: 0px 0px 0px 0px;
		float:left;
	}
	
	.retailers-content .column
	{
		width: 250px;
		float:left;
		margin: 0px 50px 0px 0px;
		
	}
	
	
	
	
	.retailers-content p
	{
		text-align:left;
		line-height: 1.3em;
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}
	
	.retailers-content a { 
		color: #29C2FF;
		text-decoration: none;
		background: none;
		font-weight: normal;
		padding: 0px;
		line-height: 1.3em;
	}
	
	.retailers-content a:visited {
		color: #29C2FF;
		background: none;
	}
	
	.retailers-content a:hover {
		color: #29C2FF;
		text-decoration: underline;
		background: none;
	}
	
	.retailers-content .header {
		font-weight: bold;
		line-height: 1.3em;
	}
	
	.retailers-content .header a {
		color: #113F62;
		line-height: 20px;
		text-decoration: none;
		font-weight: bold;
	}
	
	.retailers-content .header .number {
		background: #FF0;
		padding: 0px 2px;
		margin: 0px 4px 0px 0px;
	}
	
	.retailers-content .header:hover .number {
		background: #FFF;
	}
	
	.retailers-content .header .tip {
		display: none;
		padding: 0px 4px;
		margin: 0px 4px;	
	}
	
	.retailers-content .header:hover .tip {
		display: inline;
		background: #FFF;	
	}
	
	
	
	#map {
		width: 550px;
		height: 550px; 
		border: #D7F4FD 10px solid; 
		margin: 0px 0px 20px 0px;
		font-size: 10px;
		line-height: 1.2em;
		float:right;
	}
	
	#map .info {
		font-size: 15px;
		line-height: 1.4em;
	}
	#map a {
		font-size: 15px;
		line-height: 1.4em;
	}
	
	#map h4 {
		font-size: 17px;
		line-height: 1.4em;
		padding:0px;
		margin:0px;
	}


}