/*  -------------------------------------------------------------------
    Reset Tags -------------------------------------------------------- */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, cite, code, small, strong,
    br, b, u, i, center, q, em, img, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        border:0;
        font-family:inherit;
        font-size:1em;
        font-style:inherit;
        font-weight:inherit;
        margin:0; padding:0;
        vertical-align:baseline;
    }

    body { font-size:100.01%; line-height:1.5; background:#fff; }

    /* Tables still need 'cellspacing="0"' in the markup. */
    table { border-collapse:collapse; border-spacing:0; }
    caption, th, td { text-align:left; font-weight:normal; }

    /* Remove possible quote marks (") from <q>, <blockquote>. */
    blockquote:before, blockquote:after, q:before, q:after { content:""; }
    blockquote, q { quotes:"" ""; }

    a img { border:none; }


/*  -------------------------------------------------------------------
    Redifine Tag ------------------------------------------------------ */
    body {
        background-color:#fff;
        color:#666;
        font-family:Helvetica, Arial, sans-serif;
        font-size:12px; /* Default font-size */
        text-align:center; /* horizontal centering for IE Win quirks */
    }

    /*  Headlines
        ----------------------------------------------- */
        h1,h2,h3,h4,h5,h6 { color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.1em; }
        h1 { font-size:18px; letter-spacing:-.07em; margin-bottom:.8em; }
        h2 { font-size:16px; letter-spacing:-.05em; margin-bottom:.8em; }
        h3 { font-size:14px; letter-spacing:-.04em; margin-bottom:.8em; text-transform:uppercase; }
        h4  { font-size:12px; letter-spacing:-.015em; margin-bottom:0.5em; }
        h5, h6 { color:#666; font-size:12px; margin-bottom:0.3em; }
        
        h3.space { margin-top:1.6em; }

    /*  Text elements
        ----------------------------------------------- */
        strong { font-style:normal; font-weight:bold; }
        small, .small { font-size:10px; }
        em { font-style:italic; font-weight:normal; }
        .underline { text-decoration:underline; }
        pre,code { }
        address { }
        abbr, acronym { }
        blockquote { }
        p { margin:0 0 1em 0; }
        p.last { margin-bottom:0; }
        p.indent { margin-left:30px; }

    /*  Links
        ----------------------------------------------- */
        a, a:visited, a:active { color:#7e7e7e; font-weight:normal; text-decoration:underline; }
        a:hover, a:visited:hover, a:active:hover { text-decoration:none; }
        :focus { outline:none; } /* remove dotted line */

    /*  Misc
        ----------------------------------------------- */    
        .hide { display:none!important; }

        hr {
            border:none;
            border-top:1px #666 dashed;
            clear:both;
            display:none;
            margin:20px 0 20px 0;
            height:1px; line-height:1;
        }
        
        hr.show { display:block; }

/*  ------------------------------------------------------------------- 
    Shell ------------------------------------------------------------- */
    html, body { height:100%; }
        #wrapHTML {
            background:url('../images/bg.jpg') no-repeat;
            margin:0 auto;
            text-align:left;
            width:904px;
        }
            body#flash #wrapHTML { height:1281px; }

            body#content #wrapHTML { background:url('../images/bg_middle.jpg') top center; }
            body#content #wrapHTML #contentHTML .top {
                background:url('../images/bg_top.jpg') top center no-repeat;
                padding:0 40px 40px 40px;
                height:245px;
            }
                #contentHTML .top h2 { margin-top:30px; }
            body#content #wrapHTML #contentHTML .bottom {
                background:url('../images/bg_bottom.jpg') bottom center no-repeat;
                margin-top:-60px; padding:0 40px 380px 40px;
                min-height:275px;
            }

        body#error #wrapHTML {
            clear:left;
            background:url('../images/bg_error.jpg');
            position:relative;
            width:909px; height:465px;
        }

        #spacer {
            margin-bottom:-290px; /* half of container's height */
            float:left;
            width:1px; height:50%;
        }
            #spacer.error {
                margin-bottom:-250px; /* half of container's height */
            }

            p.error_message {
                font-size:21px;
                color:#222;
                line-height:24px;
                margin:15px auto 0 auto;
                text-align:center;
            }
                p.error_message a { color:#222; }

        #wrapFlash {
            clear:left;
            height:580px;
            position:relative;
            width:100%;
			height:580px!important;
        }


/*  ------------------------------------------------------------------- 
    Flash Detect ------------------------------------------------------ */
    .t_img,
    .t_img_a a {
        background-repeat:no-repeat;
        display:block;
        text-indent:-4999px;
    }
        .t_home a { background-image:url('../images/logo.png'); margin:0 0 0 275px; width:319px; height:105px; }
        .t_canadian_history { background-image:url('../images/t_canadian_history.png'); margin:107px 0 0 41px; width:809px; height:122px; }
        .t_what_is_moo { background-image:url('../images/t_what_is_moo.png'); margin:13px 0 20px 0; width:355px; height:50px; }
        .t_canadian_milk { background-image:url('../images/t_canadian_milk.png'); margin:5px 0 10px 0; width:213px; height:46px; }
        .t_terms { background-image:url('../images/t_terms.png'); margin:0 0 25px 0; width:215px; height:50px; }
        .t_legal { background-image:url('../images/t_legal.png'); margin:0 0 25px 0; width:92px; height:50px; }
        .t_rules { background-image:url('../images/t_rules.png'); margin:0 0 25px 0; width:415px; height:50px; }
        .t_privacy { background-image:url('../images/t_privacy.png'); margin:0 0 25px 0; width:92px; height:50px; }
        
        .t_404 { background-image:url('../images/t_404.png'); margin:27px auto 0 auto; width:406px; height:142px; }
        .t_500 { background-image:url('../images/t_500.png'); margin:27px auto 0 auto; width:412px; height:142px; }
        
    #warning {
        background:url('../images/warning.png') top center no-repeat;
        margin:-19px 0 0 73px;
        width:739px; height:142px;
    }
        #download_flash { float:left; background-image:url('../images/b_download_flash.jpg'); margin:142px 0 0 0; width:396px; height:71px; }
        #how_javascript { float:right; background-image:url('../images/b_how_javascript.jpg'); margin:142px 0 0 0; width:343px; height:71px; }

    #days_left { margin:16px 0 0 312px; }
        #days_left .start,
        #days_left .days,
        #days_left .end { float:left; height:21px; }
            #days_left .start { background-image:url('../images/t_start.png'); margin:10px 0 0 0; width:54px; }
            #days_left .days { background-image:url('../days_left.php'); margin:0 0 0 16px; width:118px; height:42px; }
            #days_left .end { background-image:url('../images/t_end.png'); margin:10px 0 0 17px; width:59px; }

    #bottom { margin-top:50px; }
        #bottom strong { color:#000; }
        #bottom .float { float:left; }

        #bottom .cleft {
            float:left;
            margin-left:40px;
            width:467px;
        }
            #l_moo_button { float:left; margin:0 0 0 15px; }
            #p_moo_button { float:left; margin:10px 0 0 25px; width:320px; }
        #bottom .cright {
            float:right;
            margin-right:39px;
            width:290px;
        }
            #l_100_milk { float:left; margin:25px 0 0 0; }
            #t_100_milk { float:left; margin:6px 0 14px 13px; width:160px; }

/*  -------------------------------------------------------------------
    Other ------------------------------------------------------------- */
    .tracking_bug { position:absolute; top:0; left:-4995px; }
    
    .clearfix:after {
        content:".";
        clear:both;
        display:block;
        height:0;
        visibility:hidden;
    }
    .clearfix { display:inline-block; }

    /* Hide from IE Mac \*/
    .clearfix { display:block; }
    /* End hide from IE Mac */