/* Home page */

h2 { 
    color: #eb6e1f; 
    font-size: 25px;
    margin:0 0 .15em 0;
}

h3 { 
    font-size:30px;
    color:#02A4BF;
    margin:0 0 .15em 0;
}

h4 { font-size:28px; }
h5 { font-size:22px; }
h6 { 
    font-size:20px;
    line-height:1.1;
}

/* Homepage (Taken from main.css) */
#homepage-getstarted {
    background:transparent url(/images/bg/hp_nav_100_container.png) 0 0 no-repeat;
    height: 85px; 
    margin-top: 3px; 
    margin-bottom: 0px; 
    padding: 12px 6px 0px 20px; 
    width: 992px;
}

#homepage-getstarted h2 {
    line-height: 25px;
    margin: 10px 0 0;
}

#homepage-getstarted h3 {
    color: #52bdec;
    font-size: 22px; 
    line-height: 34px;
}

#btnBeginPlanningNow {
    left: 733px;
    position: absolute;
    top: 105px;  
    z-index: 100;
}

#member-login {     
    left: 737px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 160px;
    z-index: 100;
}

#member-login a {
    color: #52bdec;
}

#member-login .small-symbol {
    color: #52bdec;
}

#homepage-container {
    background: transparent url(/images/bg/hp_338_container.png) 0 0 no-repeat;
    height: 338px;
    width: 992px;
}

#homepage-content {
    background: transparent url(/images/bg/hp_imageshadow.jpg) 0 11px no-repeat;
    height: 323px;
    padding: 11px 4px 4px 0;
    width: 420px;
}

#homepage-content .content-block {
    width: 320px;
    padding-bottom: 0;
}

#homepage-content .content-block ul {
    font-size: 15px;
    margin-bottom: 0.5em;
    width: 230px;
}

.homepage-loggedincontainer-top, #homepage-anonymous-top {
    background: url(/images/bg/bg-totalwide-top.png) no-repeat; 
    height: 16px; 
    margin-bottom: 0;
    margin-top: 7px; 
}

.homepage-loggedincontainer-mid, #homepage-anonymous-mid {    
    background: url(/images/bg/bg-totalwide-repeat.png) repeat-y; 
    height: 100%; 
    margin-top: 0;
}

.homepage-loggedincontainer-bot, #homepage-anonymous-bot {
    background: url(/images/bg/bg-totalwide-bot.png) no-repeat;
    height: 16px; 
}

#homepage-anonymous-mid {
    height: 300px;
}

#homepage-anonymous-mid h3 {
    color: #666;
    font-size: 18px;
    margin-left: 20px;
}

#homepage-anonymous-mid ol {
    padding: 0 20px 20px;
}

#homepage-anonymous-mid ol li {
    float: left;
    padding: 5px 0 5px 10px;
    width: 32%;
}

#homepage-anonymous-mid ol li:first-child {
    padding-left: 15px;
}

#homepage-anonymous-mid ol li .number {
    color: #68c5ee;
    float: left;
    font-size: 20px;
    font-weight: bold;
    width: 24px;
}

#homepage-anonymous-mid ol li h4 {
    color: #68c5ee;
    float: left;
    font-size: 15px;
    line-height: 15px;
    margin: 6px 0 0 0;
}

#homepage-anonymous-mid ol li .head {
    height: 30px;
}

#homepage-anonymous-mid ol li p {
    margin-top: 0;
}

#homepage-anonymous-mid ol li .quote {
    color: #67c5eb;
    font-weight: bold;
    margin-top: 10px;
}   

#homepage-anonymous-mid ol li .quote img {
    float: left;
    margin: 0 10px 50px 0;
}

#homepage-anonymous-mid ol li .quote .lq {
    height: 50px;
    float: left;
    font-size: 16px;
    line-height: 18px;
    margin-right: 2px;
}

#homepage-anonymous-mid ol li .quote .quote-attributed {
    color: #666;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    margin-left: 70px;
}

#homepage-anonymous-mid ol li .quote .quote-attributed strong {
    color: #eb6e1e;
    font-size: 12px;
    line-height: 16px;
}

#homepage-anonymous-mid ol li ul li {
    background: url(/images/blue-dot.gif) no-repeat 3px 5px;
    display: block;
    float: none;
    font-size: 12px;
    padding: 0 0 3px 15px;
    width: 95%;
}

#main-container {
    background: transparent url(/images/bg/sp_432_container.png) 0 0 no-repeat;
    height: 432px;
    width: 992px;
}

#main-content {
    background: transparent url(/images/feature/sp_imageshadow.jpg) 0 11px no-repeat;
    height: 413px;
    overflow: hidden;
    padding:11px 4px 4px 0;
    width: 373px;
}

#main-content .splash-form {
    background: transparent url(/images/bg/sp_divider_h.jpg) 0 0 no-repeat;
    padding: 16px 10px;
}

#main-content .splash-form .introcopy { 
    color: #02A4BF;
    padding: 0 0 0 6px;
}

#main-content .splash-form input.text-input {
    color: #777;
    font-size: 17px;
    margin: 0 0 10px 6px;
    padding: 3px;
    width: 324px;
}

#banner-image {
    height: 432px;
    overflow: hidden;
    width: 615px;
}

.recipe-info-title {
    background: #eb6e1f;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 3px;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    
}

a.go-to-plan-week {
    float: right;
}

#feature-container {
    border: 1px solid #ccc;
    height: 398px;
    margin-left: 5px;
    padding: 0;
    width: 690px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    
}

#feature-content {
    display: none;
    margin-left: 300px;
    width: 195px;
}

.featured-recipe-image-container {
    float: left;
    height: 360px;
    overflow: hidden;
    position: relative;
    width: 475px; 
}

.featured-recipe-image-container img {
}   

#feature-buttons {
    margin-top: 10px;
    padding-right: 25px;
    width: 165px;
    float: right;
}

#feature-buttons img {
    margin-bottom: 10px;
}

#feature-details {
    display: none;
    float: right;
    clear: right;
    width: 384px;
}

#home-welcome {
    margin-right: 250px;
    margin-bottom: 11px;
}

#home-shopping-list {
    border: 1px solid #ccc;
    font-size: 11px;
    padding: 10px 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
}

#calendar-holder {
    border: 1px solid #ccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
}

.mini-calendar-header { 
    color: #777; 
    font-size: 14px; 
    margin: 10px 0; 
}

#home-shopping-list * {
    padding: 0 10px 0 10px;
}

#home-shopping-list p {
    margin-bottom: 5px;
}

#home-shopping-list span {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 10px;
}

#home-shopping-list strong {
    font-size: 14px;
    padding: 0;
}

#home-shopping-list a {
    padding: 0;
}

#home-shopping-list a img {
    padding: 10px 0 0;
}

#home-shopping-list a img:first-child {
    margin-left: 1px;
}

#registered-content-right {
    float: right;
    padding: 12px 12px 0 0; 
    width: 240px; 
}
#did-you-know, #weekly-tip {
    border: 1px solid #ccc;
    display: inline-block;
    height: 190px;
    width: 47%;
    margin: 13px 6px;
    vertical-align: top;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
}

#did-you-know *, #weekly-tip * {
    padding: 10px;
    
}


#did-you-know p, #weekly-tip p {
    margin: 0;
    padding: 15px 10px;
    /*
    -moz-box-shadow: 0px 1px 1px 0px #ccc;
    -webkit-box-shadow: 0px 1px 1px 0px #ccc;
    box-shadow: 0px 1px 1px 0px #ccc;
    */
}

#weekly-tip p {
    padding-top: 7px;
}

#did-you-know h2, #weekly-tip h2 {
    background: #eb6e1f;
    color: #fff;
    font-size: 16px;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    -moz-box-shadow: 0px 1px 1px 0px #aaa;
    -webkit-box-shadow: 0px 1px 1px 0px #aaa;
    box-shadow: 0px 1px 1px 0px #aaa;
}

#weekly-tip h3 {
    color: #777;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 7px;
    padding-bottom: 0;
}

#dyk-accordion div {

}

#dyk-accordion h3 {
    color: #777;
    font-size: 14px;
}

a.btn-sprite-calendar, a.btn-sprite-recipe-box {
    background: none !important;
    padding-left: 0 !important;
}

a.btn-sprite-calendar {
    padding-bottom: 19px;
}

a.btn-sprite-browse-coupons {
    display: block;
    margin-top: 180px;
}


#feature-rotator {
    float: left;
    height: 100%;
    margin-top: 15px; 
    margin-left: 19px; 
    width: 715px; 
}