/* Mother's Day CSS */

.apple-footer {float: left;}

.non-grid .box-content {
    border: 1px solid #e5e5e5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    float: left;
    position: relative;
    width: 980px;
    margin-bottom: 20px;
}

#hero-gallery .box-content {
    border: 1px solid #e5e5e5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    float: left;
    position: relative;
    width: 980px;
    margin-bottom: 20px;
}

.content-header {padding: 60px 0 55px 0; text-align: center; margin: 0 auto;}
.family .content-header {padding: 0;}

.content-header h3 {font-size: 18px; line-height: 24px; color: #8e8e8e; padding: 0 140px;}
.geo h3 {padding: 0 250px;}
.section {background: url('../img/mday2012-gg-shelf.png') center top no-repeat;}
.section h3 {font-size: 16px; line-height: 22px; color: #000; font-weight: 100; padding: 0 0 30px 0;}

a.block {padding-bottom: 3px;}
.section p {font-size: 12px; color: #333;}
p.price {font-weight: bold; margin: 5px 0 10px 0;}
h4 {font-size: 16px; width: 200px; line-height: 20px; margin-bottom: 5px;}

/* Jump Links */
ul.jumplinks {margin:20px auto 0 auto;}
ul.jumplinks li {margin-right:35px; display:inline; }
ul.jumplinks li:last-child { margin-right:0; }
ul.jumplinks li a {font-size:14px; line-height:24px; background: url('../img/mday2012-gg-downarrow.png') no-repeat right; padding-right:14px; }

/* Product Rows */
.md-product-row {width: 915px; margin: 5px 0px 60px 65px;}

/* Unique Spacing */
#ipad {padding-top: 50px;}
#ipad .md-product-row {width: 890px;}
#ipad img.covers {float: right;}
#ipad .info {width: 675px; padding: 0 0 0 65px;}


#ipadacc {background-image: none; } 
#ipadacc .special {padding-left: 10px;}
#ipadacc .special p {width: 200px;}
#ipadacc .info {width: 675px; padding: 0 0 0 65px;}


#iphone {padding-top: 50px;}
#iphone .info {width: 675px; padding: 0 0 0 65px;}
#iphone img.leftimg {float: left; padding: 0 50px 0 45px;}
#iphone .right-info {float: left; width: 320px; padding: 35px 0 0 0;}
#iphone .right-info a.first {margin-bottom: 30px;}
#iphone .right-info h4 {width: auto;}

#iphoneacc {padding-top: 50px; background-image: none;}
#iphoneacc .info {width: 675px; padding: 0 0 0 65px;}

#appletv {position: relative; min-height: 500px; z-index: 1;}
#appletv .info {position: relative;  width: 280px; padding: 70px 0 0 65px; z-index: 1;}
#appletv img.rightimg {position: relative; top: 1px; right: 0; float: right; z-index: 1;}

#giftcard {position: relative; top: 40px; left: 65px; z-index: 10; margin: 0 0 60px 0; width: 480px; min-height: 1px;}
#giftcard .leftimg {float: left; position: relative; top: 0; left: 0; padding: 0; margin: 0; z-index: 10; width: 200px;}
#giftcard .info {float: right; width: 245px; position: absolute; top: 10px; right: 0; padding: 0; margin: 0; z-index: 20;}

/*  IE 7 HACK */
*+html #giftcard {top: -20px;  margin-bottom: 40px;}
/*  /IE 7 HACK */

#photobooks {padding-top: 55px;}
#photobooks img.leftimg {float: left;}
#photobooks .info {float: right; padding: 0 40px 0 0; width: 385px;}

/* GG OBDB */
.obdb {padding: 15px 0 12px 0;}

/* /GG OBDB */


/* OBDB 2 */

h2.obdb {font-size: 16px; color: #000; text-align: center; padding: 20px 0 20px 0;}	
.line-item {margin: 0 50px; font-size: 12px; color: #666; margin-bottom: 20px;}
.line-item ul li {float: left; width: 24%; padding: 5px 0; text-align: center;}
.line-item ul li:first-child {width: 48%; padding-left: 2%; text-align: left;}
.line-item ul:first-child li {font-size: 14px;}
.line-item ul:nth-child(2) li {border-top: 1px solid #ccc;}
.line-item ul:first-child li:first-child {width:50%; padding-left: 0; font-size: 15px;}
.line-item ul:nth-child(3) li {background-color: #f5f5f5;}
.line-item ul:nth-child(5) li {background-color: #f5f5f5;}
.line-item ul:nth-child(7) li {background-color: #f5f5f5;}

.line-item li.fifty-precent {width: 50%;}
.obdb_footnote {color: #999; font-size: 12px; text-align: center; margin: 0 80px 80px 80px;}

*+html .o-2nd li {border-top: 1px solid #ccc;}
*+html .o-3rd li {background-color: #f5f5f5;}

@media \0screen {
  .o-2nd li {border-top: 1px solid #ccc;}
  .o-3rd li {background-color: #f5f5f5;}
}

/* /GG OBDB */

/* Buy Now Buttons */
.button.matte {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    box-shadow: none;
    clear: both;
    display: inline;
    height: 34px;
    margin: 0 auto;
}

.button.matte span {
    background: url("../img/button-buynow-small-blue.png") no-repeat scroll 0 0 transparent;
    border: medium none !important;
    box-shadow: none;
    display: inline;
    padding: 2px 0 10px 10px;
    text-shadow: none;
}

/*  IE 6 HACK */
*+html .button.matte span {padding: 3px 0 10px 10px;}

/* /IE 6 HACK */

.button.matte span.label {
    background: url("../img/button-buynow-small-blue.png") no-repeat scroll right -102px transparent;
    display: inline;
    margin: 0;
    padding: 2px 10px 6px 1px;
}
.button.matte span.label em {
    font-size: 11px;
    font-style: normal;
    padding: 0 5px 0 2px;
}
.button.matte:hover span.label {
    background-position: right -136px;
}
.button.matte:hover span {
    background-position: left -34px;
    border: medium none;
    opacity: 1;
}
.button.matte:active span.label {
    background-position: right -170px;
}
.button.matte:active span {
    background-position: left -68px;
}

body.family div.content-group div#promotions div.featured-promo.mday,body.family div.content-group div#promotions li.featured-promo.mday{bottom:-6px;}

#promotions ul li.first {padding-left: 0px;}

/*HOMEPAGE TILE*/
#mday-tile {background:#fefefe; background:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(245,245,245)),color-stop(0.33, rgb(255,255,255))); background:-moz-linear-gradient(center bottom,rgb(245,245,245) 0%,rgb(255,255,255) 33%); padding:18px 0px 0px 28px;}
#mday-tile img {float:left; display:inline-block;}
#mday-tile-desc {float:left; display:inline-block; width:280px; margin-left:25px; margin-top:15px; line-height:1.8em;}
#mday-tile-desc h2 {font-size:16px; }
#mday-tile-desc p {font-size:13px;}

/*PDP Ribbon*/
.product-details #promotions ul li.last {margin-top:6px;}

/*STEP 1 Ribbon*/

.mday img {position: relative; top: -6px; right: -16px;}

/*  IE 7 HACK */
*+html img.iefix {position: absolute; top: 4px; right: -5px;}

/* /IE 7 HACK */