/* Slides Common Styles */

#gallery {
	position: relative;
    height: 495px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 626px;
}
#gallery .media {
    height: 490px;
    left: 0;
    overflow: visible;
    position: relative;
    top: 0;
    width: 626px;
}
#gallery .indicator {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    height: 19px;
    margin: -35px auto 0px auto;
    padding: 0;
    position: relative;
    width: 60px;
    z-index: 100;
}
#gallery .indicator span {
    background: url("http://store.apple.com/Catalog/regional/apac/css/campaigns/2012/bg/gallery-thumbnail-selector.png") no-repeat scroll -3px -2px transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 11px;
    margin: 4px 3px;
    text-indent: -9999px;
    width: 11px;
}
#gallery .indicator span:hover {
    background-position: -3px -17px;
}
#gallery .indicator span:active, #gallery .indicator span.selected {
    background-position: -2px -32px;
}
#gallery .slide {
	background-color: #fff;
    height: 490px;
    left: 0;
    position: absolute;
    top: 0;
    width: 626px;
    font-size: 14px;
}
#gallery .slide.faded_in {
    opacity: 1;
    z-index: 1;
}
#gallery .slide.fading_in, #gallery .slide.faded_out {
    opacity: 0;
    z-index: 0;
}
#gallery a:hover {
    text-decoration: none;
}
#gallery a.button:hover {
    text-decoration: none;
}
/* == MBP 2012 Homepage  STYLES== */

#gallery img.violator {position: absolute; top: -1px; right: -1px;}
#gallery p.price .line {display: block;}

#gallery p.price {color: #000; padding-top: 20px; font-size: 13px; line-height: 16px;}
#gallery .slide1 .intro {width: 390px; position: absolute; top: 125px; right: 0;}
#gallery .slide1 h1 {padding: 0 0 15px 0;}
#gallery .slide1 .intro p.price {margin-bottom: -5px;}
#gallery .slide1 .hero-slide {position: absolute; left: 0; bottom: 20px;}

#gallery .slide2 {text-align: center;}
#gallery .slide2 h1 {margin: 0; padding: 30px 0 5px 0;}
#gallery .slide2 .intro p {width: 420px; margin: 0 auto;}
#gallery .slide2 p.price {line-height: 16px;}
#gallery .slide2 img.hero-slide { position:absolute; bottom: 40px; left: 0;}

#gallery .slide3 h1 {padding: 0 0 5px 0;}
#gallery .slide3 .intro {width: 370px; position: absolute; top: 150px; right: 18px;}
#gallery .slide3 p.price {line-height: 16px;}
#gallery .slide3 img.hero-slide { position:absolute; bottom:20px; left:0;}