/*  -----------------------------------------------------------------------
    Redefine Tag ---------------------------------------------------------- */

/*  -------------------------------------------------------------------
    Shell ------------------------------------------------------------- */
    body.calendarRecipe {
        background-color:#FFF;
        color:#b1b1b1;
        font-family:Verdana, Arial, Helvetica, sans-serif; line-height:21px; font-size:12px;
        margin:0; padding:0;
    }

/*  -------------------------------------------------------------------
    Top Message ------------------------------------------------------*/
    #containerMsgMain{
        border-bottom:1px #ccc dotted;
        background-color:#fbfbfb;
        background-attachment:scroll;
        background-repeat:repeat-y;
        position: relative;
        width:100%; 
        z-index: 3;
    }

    #containerContentMsg{
        margin:0 auto; padding-left:70px;
        width:963px; 
    }

    #containerContentMsg #btX{
        background-image: url("../images/bt/bt-x.gif");
        float:right;
        margin-top:13px;
        width:13px; height:13px;
    }

    #containerContentMsg a span{  position:absolute; left:-9999px; }  

    #contentMsgLeft{
        float:left;
        margin-top:29px;
        width:390px;
    }

    #contentMsgLeft img{
        float:left;
        margin-right:10px;
    }

    #contentMsgRight{
        float:left;
        margin:20px 0px 0px 55px;
        padding-bottom:20px;
        width:421px;
    }

    #contentMsgRight p{
        margin:0; padding:0;
        line-height:18px;
    }

    #contentMsgRight a, a:active , #containerBottomMain a, a:active { 
        border-bottom:1px #ff628b dotted; 
        color:#ff628b; 
        text-decoration:none; 
    }

    #contentMsgRight a:hover, #contentMsgRight a:visited:hover, #contentMsgRight a:active:hover { 
        color: #ff628b; 
        border-bottom:none; 
    }


/*  -------------------------------------------------------------------
    Font ------------------------------------------------------------ */    
    body.calendarRecipe h1 {
        color:#2dbaff;
        font-size:21px; font-family:Verdana, Geneva, sans-serif; 
        font-weight:normal; font-style:normal; letter-spacing:-0.5px;
        margin:0; padding:0;
    }    


/*  -----------------------------------------------------------------------
    Buttons --------------------------------------------------------------- */
    .b {
        border:0!important;
        cursor:pointer;
        display:block;
        font-size:16px; line-height:16px;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-style:italic;
        letter-spacing:-0.03em;
        text-transform:lowercase;
    }

    
/*  -------------------------------------------------------------------
    Slider ------------------------------------------------------------ */
    #containerSliderMain {
        margin-top:20px;
        overflow:hidden;
        position:relative;
        width:100%; height:412px;
    }
        #containerSliderMain ul, #containerSliderMain li {
            list-style:none;
            margin:0; padding:0;
        }

        /* label */
        .label {
            background:url("../images/slider/bg-current-label.png") top right no-repeat;
            * _background:url("../images/slider/bg-current-label.gif") top right no-repeat;
            position:absolute; 
            left:0; bottom:0; * _bottom:1px;
            overflow:hidden;
            width:452px; height:29px;
            z-index:50;
        }
            .label .inner { padding:0 6px 0 0; }
            .label span,
            .label a {
                border-bottom:1px #fff dotted; 
                color:#fff;
                font-size:11px; line-height:29px;
                margin-left:5px;
                text-decoration:none;
            } .label a:hover { color:#fff; border:none; }
            
            .label .month { float:left; }
            .label .link_recipe,
            .label .link_video {
                float:right; padding:0 12px 0 10px;
                border-left:1px #fff dotted;
                display:none;
            }
            .label .link_video { background:url("../images/slider/i_video.gif") 12px 7px no-repeat; padding-left:40px; }
            .label .video { display:none; }

			.current_block .label .link_recipe,
            .current_block .label .link_video { display:block; position:relative; }

            /* slide label */
            #slider .label {
                background:url("../images/slider/bg-slider-label.png") top right no-repeat;
                * _background:none; * _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/get-your-milk-calendar/images/slider/bg-slider-label.png", sizingMethod="scale"); /* IE6 */
                width:130px;
            }
            #slider .label .video {
                background:url("../images/slider/i_video.gif") no-repeat;
                display:block;
                position:absolute;
                bottom:7px; right:12px;
                width:22px; height:14px;
            }


        /* Slider */
        #slider {
            position:relative;
            top:0; left:50%;
            margin-left:-3144px; /*Update this value when you change the current,  (x = item pos) margin-left: (x*243) +  228  */
            width:5000px;
        }

        #slider ul { margin-top:128px; }
        #slider ul li {
            float:left;
            margin:0; padding:0;
            position:relative;
            width:243px; height:180px;
        }
            #slider li img { 
                -ms-interpolation-mode: bicubic; /*IE7*/
                width:243px; height:180px; 
             }
            #slider .current_title, #slider .current_content { display:none; }

            #slider li.full { overflow:hidden; width:456px; height:180px; }
            #slider li.full img { width:456px; }

        /* Feature - Current Product + Btns */
        #feature {
            display:block;
            margin-left:-264.5px;
            position:absolute; 
            top:0; left:50%;
            width:529px; height:412px;
            z-index:98;
        }
        #feature ul li {
            display:block;
            float:left;
            margin:0; padding:0;
            position:relative;
            width:36px;
        }
            #feature ul li#current { width:457px; height:412px; }
            #feature ul li#current div.current_block {
                position:absolute; 
                top:0; left:0; 
                z-index:10;
            }

            /* Html Block */
            #current .current_title { 
                display:block;
                float:left;
                width:100%; height:31px;
                border:1px solid #fff;
            }
            #current .current_title h2 { margin-top:0; }

            #current .current_img {
                display:block;
                float:left;
                position:relative;
                width:100%; height:335px;
            }
            #current .current_btn {
                display:block;
                float:left;
                width:100%; height:42px;
            }
                #current .current_btn a.b { 
                    float:left!important;
                    margin:10px 12px 0 0;
                    white-space:nowrap; 
                }
                #current .current_btn .sep { display:none; }

            #current .current_content {
                background: url("../images/slider/bg-pink-over-b.png") left top repeat;
                display:none;                
                position:absolute; 
                top:0; left:0; 
                width:458px; height:335px;
            }
                /*Hover*/
                #current:hover .current_content,
                #current.hover .current_content { display:block; font-size:16px; }

            #current .current_content a.h2p5 { 
                color:#fff; 
                float:left;
                font-family:Georgia, "Times New Roman", Times, serif;  
                font-size:40px; line-height:40px;
                font-weight:normal;
                position:relative;
                letter-spacing:-2px; 
                margin:50px 24px 20px 24px;
                text-decoration:none;
            }
            #current .current_content a.h2p5:hover, #current .current_content a.h2p5:active:hover, #current .current_content a.h2p5:visited:hover{ color: #ffcad8; }

            #current .current_content .block_details { 
                clear:both;
                color:#FFF;
                line-height:18px; font-size:16px;
                margin:0px 0px 10px 28px;
            }

            /*Buttons*/
            #btLeft, #btRight {
                cursor:pointer;
                border:none;
                display:block;
                margin-top:187px;
                overflow:hidden; 
                width:100%; height:75px;
            }

            a#btLeft, a#btRight {
                border:none;
                outline:0;
            }


/*  -------------------------------------------------------------------
    Bottom ------------------------------------------------------------ */
    #containerBottomMain{ width:997px; margin:0 auto; }

    #containerBottomMain h1 { line-height:25px; margin-top:18px; }

    #containerBottomMain h2 {
        color:#ff628b;
        font-size:16px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-style:normal; 
        letter-spacing:-0.5px;
        margin-top:15px;
    }

    #containerBottomMain a:hover, #containerBottomMain a:visited:hover,#containerBottomMain a:active:hover { 
        border:none; 
        color: #ff628b; 
    }

    #containerBottomMain #bottomLeft{
        float:left;
        margin-top:33px;
        width:494px;
    }
        #containerBottomMain #bottomLeft img{ float:left; width:224px; height:166px; }
        #containerBottomMain  #bottomLeft .leftFloat{ float:left; width:270px;}
        
    #containerBottomMain #bottomSeparator{ float:left; margin:33px 0px 0px 13px;}

    /* Bottom Years*/
    #containerBottomMain #bottomRight {
        float:left;
        margin:33px 0px 0px 20px;
        width:404px;
    }
        #bottomRight ul, #bottomRight li { list-style:none; margin:0; padding:0; }
        #bottomRight li { float:left; }

        /*First Level*/
        #bottomRight ul { margin-top:15px; color:#999999; }
        #bottomRight ul li { margin-left:20px;}
        #bottomRight ul li.first { margin-left:0; }
        #bottomRight ul li a {
            background: url("../images/slider/arrow-over.gif") -500px 0 no-repeat;
            border-bottom:none;
            color:#999999;
            font-size:21px; font-family:Verdana, Geneva, sans-serif; 
            font-weight:normal; font-style:normal; letter-spacing:-0.5px;
            margin:0; padding:0;
        }

        #bottomRight ul a:hover, #bottomRight ul a:visited:hover, #bottomRight ul  a:active:hover{
            color:#ff628b;
            background-position:bottom center;
            padding-bottom:8px;
        }

        #bottomRight ul a.selected{
            color:#ff628b;
            background-position:bottom center;
            padding-bottom:8px;
        }

        /*Second Level*/
        #bottomRight ul li.secondYearLink { margin:0; padding:0; }
        #bottomRight ul li.secondYearLink ul { margin-top:10px; }
        #bottomRight ul li.secondYearLink ul li { margin-left:8px; font-size:11px; }
        #bottomRight ul li.secondYearLink ul li.first { margin-left:0; }
        #bottomRight ul li.secondYearLink ul li a { color:#666; font-size:12px; }
        #bottomRight ul li.secondYearLink ul li a:hover { color:#ff628b; }
        #bottomRight li.secondYearLink a:hover, #bottomRight li.secondYearLink a:visited:hover, #bottomRight li.secondYearLink a:active:hover{ background:none; padding-bottom:0; }

        #bottomRight #yearMeter {
            background: url(../images/slider/year-meter.gif) top left repeat-x;
            margin-top:6px;
            clear:both;
            width:398px; height:11px;
        }


/*  -------------------------------------------------------------------
    Footer -----------------------------------------------------------*/
    #footer {
            background-color:#c8ecfe;
            clear:both;
            width:100%; height:24px;
        }