/* Box Variation - Shadow
------------------------------------------------- */
.box.shadow {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3), -1px -1px 5px 0px rgba(0, 0, 0, 0.2)\9;
    border-radius: 4px;
    margin-bottom: 18px;
    -ie7-8-border: 1px solid #DEDEDE;
    border: 1px solid #DEDEDE\9;
    background: none;
}
.box.shadow > .top-corners,
.box.shadow > .bottom-corners {
    display: none;
}
.box.shadow > .box-content {
    margin: 0;
    border-top: 0;
}


/* Box Variation - Step Zero Hero
------------------------------------------------- */
.box.hero {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3), -1px -1px 5px 0px rgba(0, 0, 0, 0.2)\9;
    border-radius: 4px;
    margin-bottom: 18px;
    -ie7-8-border: 1px solid #DEDEDE;
    border: 1px solid #DEDEDE\9;
    background: none;
    padding: 1px;
}
.box.hero > .top-corners,
.box.hero > .bottom-corners {
    display: none;
}
.box.hero > .box-content {
    margin: 0;
    border: 0;
    box-shadow: none;
    border-radius: 4px;
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #F7F7F7 0%, #FFFFFF 50%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7F7), color-stop(50%, #FFFFFF), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #F7F7F7 0%, #FFFFFF 50%, #FFFFFF 100%);
}


/* Navigation Bar
------------------------------------------------- */
.navbar {
    background: url("bg/navbar.png") no-repeat 0 0;
    background-size: 980px 87px;
    border-bottom: 1px solid #DDD\9;
}
.navbar > span,
.navbar > a {
    float: left;
    width: 202px;
}
.navbar img,
.navbar .content {
    float: left;
}
.navbar .content {
    width: 90px;
    line-height: 12px;
}
.navbar h4 {
    padding-top: 8px;
    font-size: 14px;
    font-weight: bold;
}
.navbar .subheading {
    font-size: 12px;
    margin-bottom: 3px;
}
.navbar p {
    font-size: 12px;
    margin-top: 1px;
}
.navbar .price {
    color: #666666;
}
.navbar .coming-soon {
    color: #666666;
    margin: 3px 0;
}
.navbar .note {
    color: #999999;
}
.navbar sup {
    vertical-align: baseline;
    position: relative;
    top: -5px;
    font-size: 7px;
}
.navbar .compare:hover h4 {
    color: #0088CC;
    text-decoration: none;
}