/*
 * 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;  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;}
.clear { clear:both; }
.errortext { color: #CB0000; font-weight: normal; font-size: 90%; }

#main_container {width:890px; margin:5px auto 0px auto; padding:0px;}
.masthead {width:864px; height:87px; 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; }

.tile_lg_twitter{width:290px; height:220px; margin:0px 0px 0px 0px; float:right; padding:0px; background:url(../images/twitter_back.png) no-repeat 0px 0px; }
.tile_lg_maillist{width:290px; height:50px; margin:0px 0px 0px 0px; float:right; padding:0px; background:url(../images/maillist_back.png) no-repeat 0px 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;}

a.link_yellow {/*width:150px;*/ font-size:12px; height:16px; background:url(../images/linkIcon_yellow.png) no-repeat center right; color: #d4df4d; margin:3px 7px 0px 0px; padding:0px 13px 0px 0px; clear:both; float:right; text-align:right;}
a.link_yellow:hover {background:url(../images/linkIcon_darkgreen.png) no-repeat center right;}



.link_middle {width:230px; font-size:12px; height:16px; background:url(../images/linkIcon_darkgreen.png) no-repeat center; color: #006225; margin:230px 7px 0px 20px; padding:0px 13px 0px 0px; clear:both; float:left; text-align:left; position:relative; z-index:2;}

a.link_middle {width:230px; font-size:12px; height:16px; background:url(../images/linkIcon_yellow.png) no-repeat center; color: #d4df4d; margin:233px 7px 0px 20px; padding:0px 13px 0px 0px; clear:both; float:left; text-align:left;}
a.link_middle:hover {background:url(../images/linkIcon_darkgreen.png) no-repeat center;}

.next_btn_wrapper {width:46px; height:35px; z-index:100; 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:100; 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:100; 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;} */

.spaced SUB, .spaced SUP { line-height: -.5em; } 

.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; font-size:11px; 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:375px; 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; color: #fff;}
.topics_bot { background:url(../images/topics_bot.gif) no-repeat 0px 0px; width:283px; height:14px; margin:0px; padding:0px; float:left;}
.left_bottom_image { 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, .press_content { width:560px; min-height:650px; margin:0px 0px 25px 10px; padding:0px 7px 0px 3px; float:left; display:block;}
.gallery_content
{
width: 583px;
min-height: 650px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 25px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
float: left;
display: block;
}

/*=============================================== team.php =============================================== */
.team_content { width:800px; min-height:500px; margin:0px 0px 25px 10px; padding:0px 7px 0px 3px; float:left; display:block;}
.team_content .copy {}
.team_content .copy .faq_title { margin:0px 0px 0px -5px; float:none; }
.team_content .copy h1.section_title {font:18px arial, helvetica, sans-serif; color:#006225; font-weight:normal; }
.team_content .copy h1 { margin:3px 0px -1px 0px; }
.team_content .copy  h2 { margin:3px 0px 0px 0px; }

/*=============================================== press.php =============================================== */
.press_content .content { padding: 3px; }
.press_content .content .story { padding: 0 0 10px 0; margin-bottom: 25px; width:560px; background: url(../images/entry_footer.gif) bottom right no-repeat; }
.press_content .content .story .image { float: left; padding: 10px 15px 10px 0px; }

.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:hover {background:url(../images/link_green.gif) no-repeat 0px 2px; color:#D5E04D;}
.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;}
.topics_mid a.link_two:hover {background:url(../images/link_green.gif) no-repeat 0px 2px; color:#D5E04D;}

.links_content .copy a {padding:0px; margin:0px 0px 7px 0px; font-size:14px; font-weight:bold; float:left; clear:both;}
.links_content .copy p {padding:0px; margin:0px 0px 7px 0px; font-size:14px; float:left; clear:both;}
a.orange {
    color: #F26722;
}
a.orange-thin {
    color: #F26722;
}

.left_box { 
    background: url(../images/left_sideBox.gif) top left no-repeat;
    width:292px; 
    padding:0px 0px 0px 0px; 
    margin:3px 0px 10px 0px; 
    float:left; 
    display:block;
}
    .left_box .left_bot { 
        background:url(../images/left_sideBox-bottom.gif) top left no-repeat;
        width:292px; 
        height:19px; 
        margin:0px; 
        float:left; 
        padding:0px; 
    }  
    .left_box .quote { 
        color: #fff;
        font-weight: bold;
        padding: 15px 10px 10px 20px;
    }
    .left_box .byline { 
        color: #fff;
        padding: 0px 10px 0px 20px;
    }
    
.left_text {
    color: #999;
    padding: 0px 10px 10px 10px; 
}
    .left_text .item {
        padding-bottom: 10px;
    }


sup {vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em;}

/* ------- Twitter Tile ------- */
#twitterTile { 
    	background: url(../images/twitter_back.jpg) top no-repeat;
        color: #ffffff;
		height: 219px;
		overflow: hidden;
}
    #twitterTile #twitterMessage { 
        padding: 0px 25px 10px 25px;
        color: #ffffff;
		font-color: #ffffff;
        font-size: 120%;
		height: 120px;
    }


	#twitterTile a { 
		color:#ffffff; 
		font-family: arial, helvetica, sans-serif; 
		text-decoration:none; 
		outline:none;
	}
	
	
    #twitterTile #twitterDate { 
        color: #ffffff;
        font-size: 80%;
        padding: 60px 22px 10px 22px;
    }
	
    #twitterTile #twitterDate2 { 
        color: #ffffff;
        font-size: 90%;
        padding: 0px 22px 10px 22px;
    }

    .followtwitter { 
        color: #ffffff;
        padding: 15px 5px 10px 22px;
        font-size: 80%;
		font-weight: bold;
    }

/* ------- home Green Box ------- */
#home .greenBox {
    width: 865px;
    height: 198px;
    background: url(../images/home_greenbox.gif) top left no-repeat;
    margin: 10px 0 0 10px;
    color: #fff;
    font-size: 93%;
}
    #home .greenBox .leftCol {
        float: left;
        width: 250px;
        height: 100px;
        margin: 70px 18px 0px 16px;
    }
        #home .greenBox .leftCol .quote {
            font-style: italic;
            font-size: 100%;
            line-height: normal;
        }
        #home .greenBox .leftCol .quote > p {
            color: #fff;
            font-style: italic;
            font-size: 90%;
        }
        #home .greenBox .leftCol .tag { 
            color: #d4df4d;
        }
    
    #home .greenBox .centerCol {
        float: left;
        width: 250px;
        height: 110px;
        margin: 70px 18px 0px 24px;
    }
        #home .greenBox .centerCol .content {
            height: 90px;
            overflow: hidden;
        }
            #home .greenBox .centerCol .content .title {
                font-weight: bold;
            }
        #home .greenBox .centerCol .more {
            padding: 10px 0 0 0;
            text-align: right;
            height: 10px;
        }
        #home .greenBox .centerCol>.content>.contentText>p{
            color: #fff;
        }
            
    #home .greenBox .rightCol {
        width: 245px;
        height: 100px;
        float: left;
        margin: 70px 0px 0px 25px;
    }
        #home .greenBox .rightCol .more {
            padding: 10px 0 0 0;
            text-align: right;
            height: 10px;
        }
        
   #home .bottomContent { 
        margin-top: 10px;
   }
       #home .bottomContent .leftCol { 
            width: 292px;
            float: left;
       }
       #home .bottomContent .centerCol { 
            width: 292px;       
            /*height: 232px;*/
            float: left;
            padding: 0 0 0 5px;
       }

       #home .bottomContent .rightCol .content,
       #home .bottomContent .centerCol .content { 
           padding: 10px 0 0 10px;
           height: 230px;
       }

            #home .bottomContent .rightCol .content,
            #home .bottomContent .centerCol .content { 
                padding: 10px 0 0 10px;
                height: 230px;
            }
                #home .bottomContent .content .entry { 
                    padding-bottom: 15px;
                }
                    #home .bottomContent .rightCol .content .entry>,
					#home .bottomContent .content .entry>h2 { 
                        color: #006324;
                    }
                    #home .bottomContent .rightCol .content .entry>,
					#home .bottomContent .content .entry>h3 { 
                        color: #889e4c;
                    }
					#home .bottomContent .rightCol .content .entry>,
                    #home .bottomContent .content .entry>p { 
                        color: #959490;
                        padding-top: 0px;
                        margin: 4px 0 0 0;
                    }
       #home .bottomContent .centerCol #mailingList { 
            width: 292px;
            height: 71px;
            background: url(../images/malingList_button.gif) top left no-repeat;
       }
           #home .bottomContent .centerCol #mailingList:hover { 
                cursor: pointer;
                background-position: left -71px;
           }
       
       #home .bottomContent .rightCol { 
            width: 292px;
            height: 232px;
            float: left;
            padding: 0px 0 0 5px;
       }
            #home .bottomContent .rightCol .subLeft { 
                width: 110px;
                float: left;
            }
                #home .bottomContent .rightCol .subLeft .sn-logo { 
                    float: left;
                    padding: 5px 5px 0 0;
                }
        

    
.spinningPackage { 
    padding: 0 0 0 10px;
}
/* ------- home Green Box ------- */
#sbf .greenBox {
    width: 865px;
    height: 198px;
    background: url(../images/sbf_greenbox.gif) top left no-repeat;
    margin: 10px 0 0 10px;
    color: #fff;
    font-size: 93%;
}
    #sbf .greenBox .leftCol {
        float: left;
        width: 250px;
        height: 100px;
        margin: 70px 18px 0px 16px;
    }
        #sbf .greenBox .leftCol .quote {
            font-style: italic;
            font-size: 100%;
            line-height: normal;
        }
        #sbf .greenBox .leftCol .tag { 
            color: #d4df4d;
        }
    
    #sbf .greenBox .centerCol {
        float: left;
        width: 250px;
        height: 110px;
        margin: 70px 18px 0px 24px;
    }
        #sbf .greenBox .content {
            height: 60px;
            overflow: hidden;
        }
        #sbf .greenBox .more {
            padding: 10px 0 0 0;
            text-align: right;
            height: 10px;
        }
            
    #sbf .greenBox .rightCol {
        width: 245px;
        height: 100px;
        float: left;
        margin: 70px 0px 0px 25px;
    }
        #sbf .greenBox .rightCol .more {
            padding: 10px 0 0 0;
            text-align: right;
            height: 10px;
        }
        
a.orange-thin {
    font-weight: normal;
    color: #F26722;
}