/* ---------------------------------------------------------------------
@author: Cowie and Fox
@website: http://www.cowieandfox.com
------------------------------------------------------------------------ */
/* ############################################################################ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin:0; padding:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img,abbr { border:0; }
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
a,u { text-decoration:none; color:#3b2d2c; padding:3px; }
a:hover { color:#ffffff; background-color:#3b2d2c; }
li { list-style:none; }

/* ############################################################################ */

html { height:100%; overflow-y: scroll; }
body { text-align:center; }

#wrap { width:960px; margin: 0 auto; text-align:left; }
    
    #head, #content, #foot { width:960px; }
        
        .col_side, .col_main, .col4, .col, .col3, .col2, .col1 { float:left; width:195px; margin:20px 0 0 30px; margin-top: 0;}
        .nav_horizontal li { float:left; }
        
        .clearfix, #top, #head, #content, #foot, .col_wrap, .nav_horizontal { height:1%; }
            .clearfix:after, #top:after, #head:after, #content:after, #foot:after, .col_wrap:after, .nav_horizontal:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
            html > body .clearfix, html > body #top, html > body #head, html > body #content, html > body #foot, html > body .col_wrap, html > body .nav_horizontal { min-height:1px; height:auto; }
    
    #bannerSWFcontainer { background: url(../images/html/paper_top.jpg) no-repeat center top; }
        
    #content {}
        #head {}
        #content .row { padding-left: 25px; }
        #content .col_side {}
        #content .col_main { width:625px; }
        #content .col4 { width: 189px; }
        #content .col3 { width: 264px; }
        #content .col2 { width: 410px; }
        #content .col1 { width: 850px; }
        
    #foot {}
        #foot .nav_horizontal { position: absolute; margin: 0 0 0 62px; }
        
/* ############################################################################ */

body { font:.80em/1.65em Georgia, Times, Serif; font-family: Georgia, "Times New Roman", Serif; color:#7c5f5c; background:#3b3d38 url(../images/html/wood.jpg) center 0 repeat; }

#wrap { }
    
    #head, #content, #foot { background-color:#ccc; }
        
        /* columns */
        .col_side {}
        .col_main {}
            .col_main .col_wrap { background-color:#eee; }
            .col_main .col_side, .col_main .col_main, .col_main .col { background-color:#fff; }
        .col { background-color:#ddd; }
        
        /* typography */ 
        h1, h2, h3, h4, p, ul, ol { margin: 10px; }
        h3 { margin-bottom: 0; }
        p { margin-top: 5px; }
        #content ul.padLeft { padding: 0 0 10px 40px; list-style-type: none; }
            #content ul.padLeft li { padding: 0; text-indent: 0; list-style-type: none; margin-bottom: 5px; }
        #content ul.bulletPadLeft { padding-left: 10px; list-style-position: inside; }
            #content ul.bulletPadLeft li { padding-bottom: 5px; text-indent: 5px; margin-bottom: 5px; }
        
        /* horizontal navigation */
        .nav_horizontal { line-height: 14px; }
            .nav_horizontal li { }
                .nav_horizontal li a { margin: 0 4px; padding: 1px; }
 
         /* form */
         #content form { padding-left:10px; }
            #content form label { padding-right: 5px; }
            #content form input, #content form textarea { background-color: #d3c4aa; padding: 2px 4px; border: 1px solid #d3c4aa; height: 16px; }
            #content form textarea { height: 70px; }
            #content form .button { background: transparent; border: solid #d3c4aa 1px; padding: 0; height:20px; }

            #content form fieldset { clear:both; height:auto; margin-bottom:10px; clear:both; }
                #content form fieldset label { display: block; float:left; width: 120px;}
                #content form fieldset input, #content form fieldset textarea { float:left; width:200px; }
                #content form fieldset textarea { width: 200px; }
                #content form fieldset .form_error { color:red; float:left; padding-left:5px; width:40px; }
                #content form .submit input { width: auto; }
                
/* ############################################################################ */
        
    #content { background:transparent url(../images/html/paper-mid.png) bottom repeat-y; }
          
          #head { background: transparent; padding-top: -30px; }
        #content .btn { border-top:2px solid #7c5f5c; padding: 0;}
            #content .btn li a { font-weight:bold; border-bottom: 2px solid #7c5f5c; padding: 0 0 0 25px; margin:0; display: block; font-size: 11px; }
                #content .btn li a.fb_share_link { font-weight:bold; border-bottom: 2px solid #7c5f5c; margin:0; display: block; background: url(../images/html/facebook_share.gif) no-repeat 4px 3px; }
                #content .btn li a.fb_share_link:hover { background: #3b2d2c url(../images/html/facebook_share_over.gif) no-repeat 4px 3px; }
                
        /* INDEX */
                #content .btn li a.fb_share_link_index { font-weight:bold; border-bottom: 2px solid #7c5f5c; margin:0; display: block; background: url(../images/html/facebook_share.gif) no-repeat 20px 3px; font-size: 13px; padding-left: 45px; }
                #content .btn li a.fb_share_link_index:hover { background: #3b2d2c url(../images/html/facebook_share_over.gif) no-repeat 20px 3px; }

        /* subscribe */
            #content .row .subscribe { padding: 23px 0 0 20px; margin: 10px 0 0 10px; height: 40px; width:870px; background:transparent url(../images/html/subscribe-bg.png) top left no-repeat; font-size: 12px;}
                #content .row .subscribe form { color:#523f3d; font-size:14px; font-weight:bold; }
                    #content .row .subscribe form input { outline: 0; }
                #content .row .subscribe .btn { position: relative; width: 150px; top: -35px; left: 660px; }
                #content .row .subscribe .btn li a.fb_share_link { font-weight:bold; border-bottom: 2px solid #7c5f5c; margin:0; display: block; text-align: center; padding-left: 25px; background: url(../images/html/facebook_share.gif) no-repeat 10px 3px; }
                #content .row .subscribe .btn li a.fb_share_link:hover { background: #3b2d2c url(../images/html/facebook_share_over.gif) no-repeat 10px 3px; }
                
        /* SHARE (email)*/
            #content .btn li a.email_share_link { font-weight:bold; border-bottom: 2px solid #7c5f5c; margin:0; display: block; padding-left: 25px; background: url(../images/html/email_share.gif) no-repeat 4px 3px; }
                #content .btn li a.email_share_link:hover { background: #3b2d2c url(../images/html/email_share_over.gif) no-repeat 4px 3px; }
              
        /* tables */
        table {width: 600px; margin-left:10px;}


        /* alternating table row colors*/
        tr:nth-child(odd) td {background:#e6dece;}
        th {font-weight: bold; border-bottom: 1px solid #736261;}
        td {padding: 3px 20px 3px 3px;}
        
        
        /* typography */
        #content h1 { font-size: 24px; color: #3b2d2c; font-weight: bold; }
        #content h2 { font-size: 24px; margin-bottom:0.5em; font-weight:bold; margin-top:0; color: #3b2d2c; }
        #content h3 { font-size: 18px; margin-top:1em; margin-bottom:0.5em; font-weight:bold; }
        #content h4 { font-size: 16px; margin-top:1em; margin-bottom:0.5em; font-weight:bold; }
        #content p, #content ul, #content ol { margin-left: 11px; }
        #content .home .col3 h1 { font-size: 26px; margin: 0 0 0 10px; }
        #content .home .col3 p { color:#7c5f5c; font-weight:bold; margin-top: 15px; line-height: 16px; font-size: 12px; }
        #content .home a:hover { background: none; outline: 0; }
        #content .home ul.btn { width: 244px; border-top: 2px solid #7c5f5c; border-bottom: 2px solid #7c5f5c; }
        #content .home ul.btn li a { padding: 3px 25px; border: 0; line-height: 18px; }
        #content .home ul.btn li a:hover { background-color: #3c2d2b; }
        
        /* lists */
        
        .col_main ul.regular { list-style-type: none; margin: 0 0 10px 10px; }
            .col_main ul.regular li { list-style: none; background: url(../images/html/bullet-list.gif) no-repeat 0 6px; padding-left: 10px; padding-bottom: 10px; line-height: 17px; }
        
        /* side column */
        #content .col_side { padding-top: 10px;}
            #content .col_side .btn { margin:0; margin-top: -10px; width:140px;}
        #content .recipe .btn { margin-left: 40px; }
        
        /* 3 columns */
        #content .col3 {}
            #content .col3 p { line-height: 18px; }
            #content .col3 .btn li { padding:0; }
                #content .col3 .btn li a { padding: 5px 0px; }
        
        /* recipe list */
        #content .col3 li { padding: 0 0 10px 20px; line-height:17px; }
        #content .col3 li.video { background: transparent url(../images/html/bullet-video.png) top left no-repeat; }
        
        /* KITCHEN AID WINNER */
        table.kitchenAidWinner {}
            table.kitchenAidWinner td { width: 175px; vertical-align: top; text-align: left; padding: 170px 0 0 24px; background: url(/images/contest/kitchen_aid_loser.png) no-repeat 0 0; }
            table.kitchenAidWinner td.winner { background: url(/images/contest/kitchen_aid_winner.png) no-repeat 0 0; }
                table.kitchenAidWinner td h4 { padding: 0; margin: 0; line-height: 0; }
                #content table.kitchenAidWinner td p { padding: 0; margin: 0; line-height: 16px; text-indent: 0; font-weight: bold; font-size: 0.90em; }
                #content table.kitchenAidWinner td ul { padding: 0; margin: 0; line-height: 16px; text-indent: 0; font-weight: bold; font-size: 0.90em; }
                
/* ############################################################################ */
        
    #foot { background:transparent url(../images/html/paper-btm.png) top no-repeat; height: 84px !important; padding-top: 25px; }
        
        /*Media Page */
        table.media_kit_photos_table {margin-left: 20px;}
        table.media_kit_table {margin-left: 20px;}
        
        table.media_kit_photos_table th a:hover{background: none;}
        table.media_kit_photos_table img{padding: 1px; border: 1px solid #b4a385;}
        table.media_kit_table th a:hover{background: none;}
        table.media_kit_table td {vertical-align: middle;}
        table.media_kit_photos_table td {vertical-align: middle;}
    
        div.media_information{float: right; width: 250px;}
        div.media_information h4{margin-left: 0px;}
        div.media_information a.imglink:hover{background: none;}
        
        /* typography */ 
        #foot { font-size: 10px; color: #3b2d2c; font-weight: bold; }
        
/* ############################################################################ */
/* WHATS IN SEASON BC MAP */

div.bcMap { display: block; width: 530px; height: 522px; margin: 20px 0 20px 50px; z-index: 10; background: url('../images/maps/whats-in-season/bc.png') no-repeat 0 0; }
    div.bcMap area { cursor: pointer; }
    div.bcMap img, div.bcMap a { display: block; position: absolute; background: none; outline: 0; }
    div.bcMap div.labels { position: absolute; display: block; z-index: 30; }
        div.bcMap div.labels img { cursor: pointer; }
        div.bcMap img.label1 { z-index: 30; margin: 421px 0 0 225px; }
        div.bcMap img.label2 { z-index: 29; margin: 469px 0 0 309px; }
        div.bcMap img.label3 { z-index: 28; margin: 422px 0 0 337px; }
        div.bcMap img.label4 { z-index: 27; margin: 216px 0 0 224px; }
        div.bcMap img.label5 { z-index: 26; margin: 140px 0 0 90px; }
        div.bcMap img.label6 { z-index: 25; margin: 80px 0 0 250px; }
        div.bcMap img.label7 { z-index: 24; margin: 367px 0 0 290px; }
        div.bcMap img.label8 { z-index: 23; margin: 372px 0 0 420px; }
        div.bcMap img.label9 { z-index: 22; margin: 334px 0 0 236px; }
        div.bcMap img.label10 { z-index: 21; margin: 410px 0 0 113px; }
    div.bcMap div.hoverMap { position: absolute; display: block; z-index: 20; opacity:0.0;filter:alpha(opacity=0) }
    div.bcMap div.regions { position: absolute; display: block; z-index: 10; }
        div.bcMap div.regions img { display: none; }
        div.bcMap img.map1 { z-index: 10; margin: 389px 0 0 237px; }
        div.bcMap img.map2 { z-index: 9; margin: 441px 0 0 298px; }
        div.bcMap img.map3 { z-index: 8; margin: 409px 0 0 344px; }
        div.bcMap img.map4 { z-index: 7; margin: 123px 0 0 209px; }
        div.bcMap img.map5 { z-index: 6; margin: 0; }
        div.bcMap img.map6 { z-index: 5; margin: 43px 0 0 175px; }
        div.bcMap img.map7 { z-index: 4; margin: 333px 0 0 281px; }
        div.bcMap img.map8 { z-index: 3; margin: 347px 0 0 399px; }
        div.bcMap img.map9 { z-index: 2; margin: 304px 0 0 161px; }
        div.bcMap img.map10 { z-index: 1; margin: 380px 0 0 156px; }
    div.bcMap div.lightboxLinks { position: absolute; display: none; }



/* ############################################################################ */
/* sIFR (flash text replacement) */

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; }
.sIFR-active h1 { visibility: hidden; margin-bottom: -15px !important; padding: 0; line-height:.9em; }
.sIFR-active h2 { visibility: hidden; margin-bottom: 10px !important; padding: 0; line-height: 1em; }
.sIFR-active h3 { visibility: hidden; margin-bottom: 0 !important; padding: 0; line-height: 1px; }
.sIFR-active table.kitchenAidWinner td h4 { visibility: hidden; margin-bottom: 0 !important; padding: 0; line-height: 1px; }