/**
 * STYLES FOR THE CALLOUTS AT THE BOTTOM
 *
 * @author Sean Kelly
 * @version $Id: style_callouts.css,v 1.19 2008/12/09 23:48:46 estory Exp $
 */
#callouts {
    clear: both;
    list-style: none;
    background: White;
    z-index:2;
}
    /**
     * The bottom ribbon */
    #callouts li.intro {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 100%;
		height: 21px;
	background: #b61d21 url('cssImages/ribbon-bg.gif') repeat-x;
		float: none;
		color: white;
		padding: 6px 0 0 0;
		text-indent: 16px;
		text-align: left;
		z-index:2;
	}
    
    #callouts div {
        width: 199px;
        height: 129px;
        float: left;
        border: solid #D0C5BD;
        border-width: 0 0 0 1px;
        background-position: 1px;
        background-repeat: no-repeat;
        text-align: right;
    }
    

    
    #callouts div.last {
        border-width: 0 1px 0 1px;
    }
    #callouts span {
        display: none;
    }
    #callouts a {
        /*font-size: .6em;*/
        display: block;
        width: 100%;
        height: 100%;
    }
    #callouts a:link,
    #callouts a:visited {
        color: #613F35;
        text-decoration: none;
    }
    #callouts a:hover,
    #callouts a:active {
        color: #cc0000;
    }
    #callouts a strong{
        margin: 0.7em 1em 0 0;
        display: block;
        /*font-size: 1.1em;*/
    }
    #callouts a span {
        margin: 0 1em 0 0;
        display: block;
        font-weight: bolder;
    }
        
		#subscribe {
			text-align: right;
			color: #613F35;
            background-image: url('cssImages/subscribe-callout.jpg');
		}
			
		    #callouts #subscribe a:link,
		    #callouts #subscribe a:visited { 
				text-decoration: underline;
			}
			#subscribe form fieldset {
				margin: 6px 0 0;
				position: relative;
				height: 35px;
			}
			#subscribe form input {
				display: block;
				float: none;
				vertical-align: bottom;
			}
			#subscribe form input.image{
				margin-left: 90px;
				margin-top: 0;
			}
			#subscribe form input.text {
				margin-left: 60px;
				width: 125px;
			}
			#subscribe form label {
				color:#492D00;
				float: none;
				display: block;
				margin: 0em 10px 3px;
				text-align: right;
				width: auto;
				font-style: italic;
			}
			#subscribe p {
				font-weight: bold;
				text-align: right;
				margin: 8px 10px 2px 0;
				height: 40px;
			}
			#subscribe a{
		        display: block;
		        position: absolute;
				float: left;
		        top: auto;
		        left: 10px;
				bottom: 0px;
		        width: auto;
		        height: auto;
				margin: 0;
				font-size: 90%;
			}
			#subscribe form fieldset#subscribe-links {
				height: 20px;
			}

		#ship-promo {
            text-align: left;
            background-image: url('cssImages/shipping-promo.jpg');
        }
		
            #ship-promo a {
                text-indent: -9000px;
                overflow: hidden;
                font-size: 1%;
            }
            #ship-promo a * {
                display: none;
            }
		  
		#corp-promo {
				text-align: right;
				background-image: url('cssImages/corporate-gift.jpg');
				border-right: 1px solid #b3b3b3;
		}  
		  
		#tart-promo {
			text-align: right;
			background-image: url('cssImages/tart_callout.jpg');
			border-right: 1px solid #b3b3b3;
		}
		
		#callouts #tart-promo span {
			display: block;
			color: #613F35;
			font-size: 90%;
			padding: 9px 3px 0 0;
		}
		
		#ship-promo2 {
            text-align: left;
            background-image: url(../images/shipping-promo2.jpg);
        }
            #ship-promo a {
                text-indent: -9000px;
                overflow: hidden;
                font-size: 1%;
            }
            #ship-promo a * {
                display: none;
            }
			
			
			
        li#feat00 {
            background-image: url('cssImages/feat00.jpg');
        }
        li#feat01 {
            background-image: url('cssImages/feat01.jpg');
        }
        li#feat02 {
            background-image: url('cssImages/feat02.jpg');
        }
        li#feat03 {
            background-image: url('cssImages/feat03.jpg');
        }
        li#feat04 {
            background-image: url('cssImages/feat04.jpg');
        }
		  
        #feat-oatcakes {
            background-image: url('cssImages/oatcrackers.jpg');
        }
		  
        #feat-secret {
            background-image: url('cssImages/raspberry_cheesecake.jpg');
        }
#corp-promo-for {
	display: block;
	clear: both;
	height: 90px;
}

#corp-promo-for ul {
	float: left;
	list-style: none;
margin-left:59px;
}