/*
 * index.php
 * main CSS file for sprout.com
 * @author Loukas Williams
 * @version 1.0 
 */


body {color:#333; font:12px arial, helvetica, sans-serif; margin:0px; padding:0px;}
body a{color:#78A22F; font-family: arial, helvetica, sans-serif; text-decoration:none; outline:none;}
body a:hover, a:focus{text-decoration:none; color:#006225;}
p {margin:7px 0px; padding:0px; color:#333; font:12px arial, helvetica, sans-serif;}

h1 {font:21px arial, helvetica, sans-serif; margin:3px 0px 4px 0px; padding:0px; color:#7FA430; font-weight:bold;}
h2 {font:14px arial, helvetica, sans-serif; margin:3px 0px 0px 0px; padding:0px; color:#F26722; font-weight:bold;}
h3 {font:12px arial, helvetica, sans-serif; margin:3px 0px 0px 0px; padding:0px; color:#006225; font-weight:bold;}


#main_container {width:890px; margin:5px auto 0px auto; padding:0px;}
.masthead {width:864px; height:77px; margin:0px auto; padding:0px;}

#top_nav {width:860px; height:36px; background:url(../../images/topnav_bg.gif) no-repeat 0px 0px; margin:0px auto; padding:17px 0px 0px 15px;}

.main_img {width:864px; height:259px; margin:0px auto; padding:0px; z-index:-1;}
.slideshowContainer{width:864px; height:259px; margin:0px; padding:0px; float:left;}

.tile_lg_container {width:877px; height:282px; margin:8px auto 0px auto; padding:0px;}
.tile_lg_wrapper {width:292px; height:280px; padding:0px; margin:0px 0px 0px 0px; float:left;}
.tile_lg{width:292px; height:259px; margin:0px 0px 0px 0px; float:right; padding:0px; }
a.link {/*width:150px;*/ font-size:14px; height:16px; background:url(../../images/link_grn.gif) no-repeat center right; margin:3px 7px 0px 0px; padding:0px 13px 0px 0px; clear:both; float:right; text-align:right;}
a.link:hover {background:url(../../images/link_grn_over.gif) no-repeat center right;}

.next_btn_wrapper {width:46px; height:35px; z-index:100px; position:relative; top:-75px; left:45px;  display:inline; margin:0px 0px 0px 0px;}
a.next_btn {background:url(../../images/next_btn.jpg) no-repeat 0px 0px; width:46px; height:35px; margin:0px; padding:0px; display:block;}
/*a.next_btn:hover {background:url(../../images/next_btn_over.jpg) no-repeat 0px 0px;} */
.prev_btn_wrapper {width:46px; height:35px; z-index:100px; position:relative; top:-40px;display:inline; margin:0px 0px 0px 0px;}
a.prev_btn {background:url(../../images/prev_btn.jpg) no-repeat 0px 0px; width:46px; height:35px; margin:0px; padding:0px; display:block;}
/*a.prev_btn:hover {background:url(../../images/prev_btn_over.jpg) no-repeat 0px 0px;} */
.main_btn_wrapper {width:60px; height:35px; z-index:100px; position:relative; top:-110px; left:90px; display:inline; margin:0px 0px 0px 0px;}
a.main_btn {background:url(../../images/main_btn.jpg) no-repeat 0px 0px; width:60px; height:35px; margin:0px; padding:0px; display:block;}
/*a.main_btn:hover {background:url(../../images/main_btn_over.jpg) no-repeat 0px 0px;} */


.clear {clear:both;}
.bold {font-weight:bold;}
.text_right { text-align:right;}
.tenpixels {height:10px; width:100px; float:left;}

#footer {width:877px; height:14px; margin:22px auto 20px auto; padding:0px; color:#006225; text-align:right; font-weight:normal; font-family:Arial, Helvetica, sans-serif; clear:both;}
#footer a {margin:0px 3px 0px 2px; padding:0px 6px 0px 0px; color:#006225; border-right:#006225 1px solid; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#footer a:hover {color:#7FA430;} 
#footer img {float:left;}

.stage_hdr {width:800px; height:94px; background:#fff; margin:0px 0px 0px 15px; padding:0px;}
.tile_sm_container {width:877px; height:470px; margin:3px auto 0px auto; padding:0px;}
.tile_sm_wrapper {width:219px; height:156px; margin:0px; padding:0px; float:left;}
.tile_sm {width:219px; height:135px; margin:0px; padding:0px;}
.pouch {width:292px; height:259px; margin:0px; padding:0px; float:left;}
.quotebox {width:196px; height:248px; margin:0px 0px 0px 5px; padding:15px 13px 0px 12px; background:url(../../images/quotebox.jpg) no-repeat 1px 2px; float:left;}
.quote {color:#fff; font:14px arial, helvetica, sans-serif; line-height:18px;}
.quote_author {color:#D5E04D; font:12px arial, helvetica, sans-serif; display:block; margin:7px 0px 0px 0px; padding:0px;}
.heating_instruction {width:350px; height:247px; padding:5px; margin:0px 0px 0px 5px; float:left;}
.heating_instruction .title{color:#006225; font-weight:bold;}
.heating_instruction p{ margin:0px 0px 5px 0px; padding:0px; line-height:16px;}
.nutrition {width:300px; height:436px; margin:2px; padding:0px;}

.dark_green{ color:#006225;}

.tyler_desc { width:565px; height:275px; padding:5px 15px 0px 5px; margin:0px; float:left;}
.tyler_desc p{ font:12px arial, helvetica, sans-serif; margin:0px 0px 10px 0px; word-spacing:.05em;}
/*.tyler_btn {width:292px; height:71px; margin:0px; padding:0px; float:left; border:1px solid;} */
a.tyler_btn {width:292px; height:71px; margin:0px; padding:0px; display:block; background:url(../../images/visitTyler_btnOver.gif) no-repeat 0px 0px; float:left; border:none;}
a.tyler_btn:hover { background:url(../../images/visitTyler_btn.gif) no-repeat 0px 0px; }
.tyler_events {overflow-y:auto; overflow-x:none; margin:3px 0px 0px 5px; padding:0px 2px 0px 0px; width:275px; height:170px; float:left; clear:both; font:11px arial, helvetica, sans-serif;}
.tyler_events_title {width:292px; height:26px; margin:3px 0px 3px 5px; padding:0px; display:block; float:left;}

.faq_tile_lg_wrapper {width:292px; height:400px; padding:0px; margin:0px 0px 0px 7px; float:left;}
.topics_box { width:273px; padding:0px 0px 0px 0px; margin:3px 0px 0px 3px; float:left; display:block;}
.topics_top { background:url(../../images/topics_top.gif) no-repeat 0px 0px; width:273px; height:37px; margin:0px; padding:7px 0px 0px 10px; float:left;}
.topics_mid { background:url(../../images/topics_mid.gif) repeat-y 0px 0px; width:283px; margin:0px; padding:0px 0px 0px 10px; float:left;}
.topics_bot { background:url(../../images/topics_bot.gif) no-repeat 0px 0px; width:283px; height:14px; margin:0px; padding:0px; float:left;}
.faq_title, .links_title { /*background:url(../../images/pageTitle_FAQs.gif) no-repeat 0px 0px;*/ width:547px; height:39px; padding:0px; margin:0px 0px 0px 8px; float:left;}
.faq_content, .links_content { width:560px; min-height:500px; margin:0px 0px 25px 10px; padding:0px 7px 0px 3px; float:left; display:block;}
.topics_mid a.link {width:260px; height:18px; background:url(../../images/link_red.gif) no-repeat 0px 2px; margin:3px 0px 0px 7px; padding:0px 0px 0px 13px; clear:both; float:left; text-align:left; color:#fff; font:14px arial, helvetica, sans-serif; font-weight:normal; display:block;}
.topics_mid a.link_two {width:260px; height:38px; background:url(../../images/link_red.gif) no-repeat 0px 3px; margin:3px 0px 0px 7px; padding:0px 0px 0px 13px; clear:both; float:left; text-align:left; color:#fff; font:14px arial, helvetica, sans-serif; font-weight:normal; display:block;}
.links_content .copy a {padding:0px; margin:0px 0px 7px 0px; font:14px; font-weight:bold; float:left; clear:both;}
.links_content .copy p {padding:0px; margin:0px 0px 7px 0px; font:14px; float:left; clear:both;}

.locator_content { width:545px; margin:0px 0px 25px 10px; padding:0px 7px 0px 3px; float:left; display:block;}
.locator { width:535px; margin:0px; padding:5px; float:left; text-align:left;}