/* This file contains generic css for landing pages */

/* Blurb section */
#divBlurb {
    background: url(../../images/indexcolumn.png) repeat-y 10px 0;
    color: #797979;
    margin-top: 15px;
    height: 1%;
}

#divBlurb h4 {
    background: none;
    font-weight: bold;
    border-bottom: solid 1px #d6d6d6;
    padding-bottom: 0.3em;
}

#divBlurb strong {
    color: #333;
}

/* No Account */
#divNoAccount {
    float: left;
    width: 142px;
    margin-left: 18px;
    padding: 10px 5px 10px 5px;
    overflow: hidden;
}

#divNoAccount h4 {
    margin-bottom: 0;
}

#divNoAccount img {
    margin-top: 14px;
    position: relative;
    left: -1px;
}

#divNoAccount p {
    margin-top: 3px;
}

/* Photo gallery */
#hPhotoProject {
    padding-top: 8px;
}

#ulPhotoProject {
    height: 35px;
    margin-top: 6px;
}

#ulPhotoProject li {
    margin-right: 17px;
}

#ulPhotoProject li img {
    margin-right: 10px;
}

#divPhotoProject p {
    position: relative;
    top: 5px;
    clear: left;
    margin-top: 0;
}

#pLinkToGroup {
    text-align: center;
    padding: 0;
    margin: 0;
}

/* Products */
#divProductStart {
    padding-bottom: 16px;
}

#divProductStart div {
    float: left;
    border: solid 1px #e7e5e6;
    margin-top: 16px;
    margin-right: 17px;
    padding-top: 10px;
    text-align: center;
}

#divProductStart div.last {
    margin-right: 0;
}

#divProductStart div.last input {
    margin-left: 2px;
}

#divProductStart div h4 {
    font-weight: normal;
    font-size: 0.9em;
}

#divProductStart div h4 a {
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.4em;
}

#divProductStart div h4, #divProductsIndex div p {
    padding: 0 8px 0 8px;
    text-align: left;
}

#divProductStart div p.tagline {
    font-size: 0.89em;
    margin: 0 8px;
    text-align: left;
}

/* added to test products page w/four boxes */
#divProductStart div img {
    padding-top: 10px;
}

#divProductStart div p.start {
    padding-right: 8px;
    padding-bottom: 10px;
    text-align: center;
}

#divProductStart div p.about {
    border-top: solid 1px #e7e5e6;
    padding: 4px;
    font-size: 0.9em;
    text-align: left;
}

#divProductStart a.boxarrow {
    font-size: 1em;
}

/* About MOO */
#divAboutMoo h4 {
    padding: 8px 0;
}

#divAboutMoo img {
    float: left;
    vertical-align: top;
    margin: 16px 8px 8px 0;
}

/* Steps */
#olSteps {
    margin-top: 5px;
    position: relative;
    left: 4px;
    min-height: 185px;
    _height: 183px;
    overflow: hidden;
    _overflow: visible;
}

#olSteps li {
    width: 147px;
    list-style-type: none;
    margin-right: 8px;
}

#olSteps li.last {
    margin-right: 0;
}

#olSteps li.larger {
    width: 229px;
}

#olSteps span.step {
    display: block;
    padding: 3px 0 0 0;
    text-align: left
}

#olSteps img {
    margin-top: 10px;
}

#divSteps p {
    clear: left;
}

/* partner pages */

#divProductInfo, #divProductSteps {
    float: left;
}

#divProductStart input {
    width: auto;
    overflow: visible;
    padding: 0px 5px;
}

#imgHoliday {
    margin-left: 16px;
}

/* Promo panels */

#divWhoMoo, #divStickerPromo {
    margin: 16px 0px 4px 6px;
    padding: 0 8px;
    float: left;
    width: 340px;
}

#divWhoMoo {
    border: 1px solid #b9d28e;
    background: #f1f9e2;
}

* html #divWhoMoo {
    margin-top: 32px;
}

#divWhoMoo.full {
    float: none;
    width: auto;
}

#divStickerPromo {
    margin-left: 14px;
    border: 1px solid #f4c8ad;
    background: #fff6e7;
}