/**
* All entries in home.css should be prefixed with .home, so if we decide to move these classes into main.css later,
* we're guaranteed there won't be conflicts.
**/

.front .nav {
  margin-bottom: 10px;
}

.home .row1 .column1 {
  float: left;
  width: 620px;
  margin: 10px 13px 0 0;
  position: relative;
}

.home .row1 .column2 {
  float: left;
  width: 296px;
}

/** HERO START **/
.home .hero {
    position: relative;
}
/** HERO END **/

.home .hero .panel {
    width: 620px;
    height: 372px;
}

.home #panel1 {
    background: url(/images/bg_home_panel1_icons.jpg) no-repeat top left;
}

.home #panel2 {
    background: url(/images/bg_home_panel2_icons.jpg) no-repeat top left;
    display: none;
}

.home #panel3 {
    background: url(/images/bg_home_panel3_icons.jpg) no-repeat top left;
    display: none;
}

.home #panel4 {
    background: url(/images/bg_home_panel4_icons.jpg) no-repeat top left;
    display: none;
}

.home #icons {
    position: absolute;
    left: 521px;
    top: 11px;
}

.home #icons li {
    margin-bottom: 11px;
}

.home #icons li a {
    display: block;
    width: 88px;
    height: 80px;
    /*background: url(/images/icons_home_row1_pnl.png) no-repeat 0 0;*/
    cursor: pointer;
}

.home #icons li a span {
    display: none;
}

/**
First number is X
Second number is Y
**/
/*.home #icons li a#icon1 {
    background-position: -108px 0;
}

.home #icons li a#icon1.current, #icons li a#icon1:hover {
    background-position: 0 0;
}

.home #icons li a#icon2 {
    background-position: 0 -91px;
}

.home #icons li a#icon2.current, #icons li a#icon2:hover {
    background-position: -108px -91px;
}

.home #icons li a#icon3 {
    background-position: 0 -182px;
}

.home #icons li a#icon3.current, #icons li a#icon3:hover {
    background-position: -216px -182px;
}

.home #icons li a#icon4 {
    background-position: 0 -273px;
}

.home #icons li a#icon4.current, #icons li a#icon4:hover {
    background-position: -324px -273px;
}*/

.home .hero .panel h1 {
    font-family: "Trebuchet MS";
    font-style: italic;
    margin-bottom: 10px !important;
}

.home .hero .panel p {
    font-size: 16px;
}

.home .hero #panel1 .content {
    padding: 40px 0 0 40px;
}

.home .hero #panel2 .content {
    padding: 90px 0 0 40px;
}

.home .hero #panel3 .content {
    padding: 60px 0 0 40px;
}

.home .hero #panel4 .content {
    padding: 113px 0 0 150px;
}

.home .hero #panel1 h1 {
    color: #d8708f;
}

.home .hero #panel2 h1 {
    color: #a5c14c;
}

.home .hero #panel3 h1 {
    color: #72b4b6;
}

.home .hero #panel4 h1 {
    color: #d35526;
}

.home .block_challenge {
    background: url(/images/bg_home_row2.png) no-repeat;
    width: 617px;
    height: 137px;
    position: absolute;
    top: 395px;
    left: 0;
}

.home .block_challenge h2 {
    color: #FFFFFF;
    font-family: "Trebuchet MS";
    font-size: 30px;
    /*padding: 13px 0 0 178px;*/
    padding: 13px 0 0 182px;
    display: block;
}

.home .block_challenge .title .callout {
    float: right;
    padding: 25px 125px 0 0;
}

.home .block_challenge .content {
    width: 460px;
    margin: -15px 0 5px 33px;
    color: #FFFFFF;
    font-size: 14px;
}

.home .column2 .block .title {
    width: 291px;
    height: 36px;
    background: url(/images/callout_header_blue.png) no-repeat;
    margin: 0;
}

.home .column2 .block h2 {
    color: #FFFFFF;
    font-family: "Trebuchet MS";
    font-size: 20px;
    margin: 0;
    padding: 4px 0 0 22px;
    display: block;
}

.home .column2 .block .content {
    border-left: 1px solid #006bb7;
    border-right: 1px solid #006bb7;
    width: 289px;
}

.home .column2 .block .footer {
    width: 291px;
    height: 11px;
    background: url(/images/callout_footer_blue.png) no-repeat;
}

.home .block_mom_recommended {
    margin-top: 14px;
}
.home .block_mom_recommended .content {
    width: 257px !important;
    padding: 10px 10px 1px 22px;
}
.home .block_mom_recommended .content .author {
    font-weight: bold;
    font-style: italic;
    float: right;
    margin-right: 5px;
}
.home .block_mom_recommended .content .mb_10 {
    margin-bottom: 10px;
}

.home .block_where_to_buy {
    margin-top: 19px;
}
.home .block_where_to_buy .content {
    height: 49px;
}
.home .block_where_to_buy #find_retailer {
    /*padding: 10px 0 0 20px;*/
    padding: 10px 0 0 15px;
}

.home .block_where_to_buy #find_retailer span.cart {
    float: right;
    margin-right: 20px;
}

.home .block_coupon .title, .home .block_coupon .content {
    display: none;
}

.home .block_coupon .callout_coupon_home {
    display: block;
    width: 297px;
    height: 148px;
    background: url(/images/callout_coupon_home.png) no-repeat 0 0;
    background-position: 0 0;
}

.home .block_coupon a.callout_coupon_home:hover {
    background-position: 0 -160px;
}