@charset "utf-8";
/* CSS Document */

/*** set the width and height to match your images **/

 #ft{ margin-top:20px;}

#slideshow {position:relative;}

#slideshow IMG {position:absolute; top:0;left:0;z-index:8;opacity:0.0;}

#slideshow IMG.active {z-index:10;opacity:1.0;}

#slideshow IMG.last-active {z-index:9;}

#overlay{z-index:9999999;position:fixed !important;border:1px solid #666666;left:285px;position:fixed;top:90px;z-index:9999999 !important;}
.yui-gc div.first, .mainContianerZiplocBTSfallMealGuide{position:static;}
.showme_ever{display:inline !important;}
.formEntry .checkbox{ display:block !important; float:left;}
.mainContianerZiplocBTSfallMealGuide #bottomBorder #bottomContainer .formEntry table tr td label.jhonRight{ width:398px; cursor:text;}

h1{font-size:180%;font-weight:normal;margin:0;padding:20px;}

h2{font-size:160%;font-weight:normal; }          

h3{font-size:140%;font-weight:normal;}          

img{border:none;}

pre{display:block;font:12px "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;    margin:.5em 0;width:288px;}          

                                   

    /* image replacement */

.graphic, #prevBtn, #nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

    /* // image replacement */
#container{       
 margin:0 auto;position:relative;text-align:left;width:288px;background:#fff;padding:10px 30px 10px 30px;float:left;}          

#header{height:144px;background:#5DC9E1;color:#fff;}                                              
#content{position:relative;}                                  

 

/* Easy Slider */

 
#slider{}           
#slider ul, #slider li{
margin:0;

                        padding:0;

                        list-style:none;

                        }

            #slider li{

                        /*

                                    define width and height of list item (slide)

                                    entire slider area will adjust according to the parameters provided here

                        */

                        width:288px;

                        height:450px;

                        overflow:hidden;

                       

                        }          

            #prevBtn, #nextBtn{

            display:block;

            width:30px;

            height:26px;

            position:absolute;


            top:170px;

            left:-30px;

           

           

                        }          

            #nextBtn{

                        left:288px;

                        }                                                                                                                                                                      

            #prevBtn a, #nextBtn a{ 

                        display:block;

                        width:30px;

                        height:21px;

                        background:url(http://images.reimanpub.com/images/TOH-site/sweeps/ziploc-back-to-school/images/btn_prev.gif) no-repeat 0 0;        

                        }          

            #nextBtn a{

                        background:url(http://images.reimanpub.com/images/TOH-site/sweeps/ziploc-back-to-school/images/btn_next.gif) no-repeat 0 0;        

                        }                                                                                                                                              

 

/* // Easy Slider */