/*Common button styles */
.step-zero-button { display: inline-block; text-decoration: none; position: relative; z-index: 1; }
.step-zero-button > span,
.step-zero-button .label { display: inline-block; background-position: 0 0; background-repeat: no-repeat; }
.step-zero-button > span { background-position: 100% 0; }
.step-zero-button .label { display: inline-block; *position: relative; *z-index: 1; }
.step-zero-button img { margin-top:14px; }
span.ie-label {
    background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAkAAAEALAAAAAABAAEAAAICTAEAOw==')\9;
    position: absolute\9;
    width: 100%\9;
    height: 100%\9;
    top: 0\9; 
    left: 0\9;
}

/* Select an nano button */
#hero-description .step-zero-button { margin: 3px 0 29px; position: relative; }
#hero-description .step-zero-button > span,
#hero-description .step-zero-button .label { background-image: url('../img/btn-select-big-sprite.png'); }
#hero-description .step-zero-button > span { background-position: 100% -141px; height: 48px; }
#hero-description .step-zero-button .label { padding-left: 30px; margin-right: 25px; height: 48px; line-height: 36px; }
#hero-description .step-zero-button:hover .label { background-position: 0 -47px; }
#hero-description .step-zero-button:active .label { background-position: 0 -94px; }
#hero-description .step-zero-button:hover > span { background-position: 100% -188px; }
#hero-description .step-zero-button:active > span { background-position: 100% -235px; }
#hero-description h4.before-button { padding-bottom:10px; }


/* hero description */
#hero-description { float: right; width: 415px; padding-top: 90px; }
#hero-description h2 { margin-bottom: 18px; }
#hero-description p.hero { font-size: 18px; color: #222; line-height: 24px; width:370px; }
#hero-description p.price { color: #666; margin-bottom: 20px; }
#hero-description p.price span { display:inline; }
#hero-description .features,
#hero-description .order { line-height: 1.6em; margin-bottom: 20px; font-size: 14px; }
#hero-description h4.features { font-weight: bold; margin-bottom: 2px;}
#hero-description .order.sustaining { width: 190px; }


/* hero gallery */
#hero-gallery,
#iphone-features div {
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(20,20,20,0.4) 0 1px 3px; 
    -moz-box-shadow: rgba(20,20,20,0.4) 0 1px 3px; 
    box-shadow: rgba(20,20,20,0.4) 0 1px 3px; 
    border-color: #DBDBDB;
    border-color: #FFFFFF rgba(252, 252, 252, 0.5) #D2D2D2;
    font-size: 13px;
    margin-bottom: 13px;
} 
#hero-gallery .box-content { margin: 0 -1px; }
#hero-gallery #gallery { float: left; width: 525px; height: auto; margin-top: 0; position: relative; margin-right:-30px; }
#hero-gallery .top-hero {
    padding: 0 15px 10px 0;
    background:-webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#FFF));
    background:-webkit-linear-gradient(top, #F7F7F7, #FFFFFF);
    background:-moz-linear-gradient(top, #F7F7F7, #FFFFFF);
    margin-top:-1px;
}
#hero-gallery #gallery .media { width:525px; height:479px; top:0; left:0; margin-bottom:-55px; margin-top:25px; _position:relative; _z-index:0; }

#gallery .indicator { margin:0 auto; padding:0; padding-left:50px; background:none; width:90px; height:19px; position:relative; z-index:200; }
#gallery .indicator span { display: block; float: left; height: 11px; width: 11px; text-indent: -9999px; background:url('../img/gallery-thumbnail-selector.png') -3px -2px no-repeat; margin: 4px 3px; cursor: pointer; }
#gallery .indicator span:hover { background-position:-3px -17px;}
#gallery .indicator span:active,
#gallery .indicator span.selected { background-position:-2px -32px;}
#gallery .slide { position: absolute; top: 0; left: 0; left: 1px\9; width: 525px; height: 479px; background-color: #FFFFFF\9; }
#gallery .slide.faded_in { opacity:1; filter:alpha(opacity=100); }
#gallery .slide.fading_in,
#gallery .slide.faded_out { opacity:0; filter:alpha(opacity=0); }


/* Get answers, chat online */
#hero-gallery .middle-promotions { text-align:center; padding:20px 0 11px; }
#hero-gallery .middle-promotions p { display:inline; }
#hero-gallery .middle-promotions img { margin-bottom:-10px; }
/*.select-optimized .chat { visibility: hidden; display: inline-block; *display: inline; width: auto;	height: auto; background-color: #fff; margin:0;	color:#555; }
.select-optimized .chat-standby,
.select-optimized .chat-online { visibility: visible; }
.select-optimized .chat span { color: #0085CF; cursor: pointer; }
.select-optimized .chat:hover span { text-decoration: underline; }
.select-optimized .chat-button a { background:url('../img/step0-features-shadow-bg.jpg') no-repeat -999px -999px; }*/


/* featured accessories 3-col */
ul.featured-accessories { background:url('../img/features-shadow-bg.jpg') center 0 repeat-x; margin-left:1px\9; margin-right:1px\9; position:relative; z-index:2; }
ul.featured-accessories li { display:inline-block; *display:block; *float:left; vertical-align:top; margin:28px 0 22px; padding:0 30px; padding-bottom:160px;	width:263px; font-size:13px; color:#666; line-height:1.4em; }
ul.featured-accessories li.middle { border-left:1px solid #ededed; border-right:1px solid #ededed; }
ul.featured-accessories li h3 { color: black; font-weight: bold; font-size: 16px; margin-bottom: 8px; }
ul.featured-accessories li p { width:240px; }
ul.image-row { margin-top:-180px; margin-bottom:-4px; position:relative; z-index:1; }

ul.image-row li { display:inline-block; *display:block; *float:left; margin:28px 0 0 0; padding:0 30px; width:263px; }
ul.image-row li.first img { margin-left:42px; margin-bottom:-1px; _position:relative; _z-index:0; }
ul.image-row li.middle img { margin-left:-25px; _position:relative; _z-index:0; }
ul.image-row li.last img { margin-left:-32px; margin-bottom:1px; _position:relative; _z-index:0; }

ul.featured-accessories.top-row li,
ul.image-row.us-only li { width:242px; }
ul.featured-accessories.top-row li.first,
ul.image-row.us-only li.first { width:295px; }
ul.image-row.us-only li.last { width:252px; }

ul.featured-accessories .first .bopis { padding-bottom:25px; }
ul.featured-accessories .first .bopis h3 { line-height:20px; margin-right:20px; }
ul.featured-accessories .first .bopis p { margin-right:-20px; width:305px; }
ul.featured-accessories .first .bopis img { float:left; padding-right:9px; margin-top:2px; }
ul.featured-accessories .first .engraving { position:relative; margin-bottom:-20px; }
ul.featured-accessories .first .engraving-intro p { width:145px; float:left; position:relative; }
ul.image-row.us-only { margin-top:-360px; }
ul.image-row.us-only li.middle img { padding-bottom:16px; }
ul.image-row .engraving { position:relative; min-height:150px; }
ul.image-row .engraving img { position:absolute; bottom:1px; *bottom:-16px; right:30px; }

.nogiftwrap.accessories-wrapper { background:url('../img/features-shadow-bg.jpg') center 0 no-repeat; *display:inline; clear:both; }
.nogiftwrap ul.featured-accessories { background:none; }
.nogiftwrap ul.featured-accessories li.first { width:428px; }
.nogiftwrap ul.featured-accessories li.last { width:428px; border-left:1px solid #ededed; }
.nogiftwrap ul.featured-accessories li p { width:230px; }
.nogiftwrap ul.featured-accessories li { padding-bottom:50px; }
.nogiftwrap ul.image-row { margin-top:-180px; }
.nogiftwrap ul.image-row li { width:427px; }
.nogiftwrap ul.image-row li.first img { float:right; margin-bottom:0px; }
.nogiftwrap ul.image-row li.last img { float:right; margin-right:-34px; margin-bottom:0px; _position:relative; _z-index:0; }

/* ipod nano features */
.nano-features {
	padding:25px 35px 10px 35px;
	color:#666;
	line-height:1.5em;
	font-size:13px;
	border-top:1px solid #ededed;
	background:url('../img/step0-nano-features-divider.jpg') no-repeat 360px center;
}
.nano-features h3 { color:black; font-weight:bold; font-size:16px; margin-bottom:8px; }
.nano-features img { float:left; margin-right:25px; }
.nano-features .first { float:left; width:345px; }
.nano-features .first ul { float:left; position:relative; width:160px; }
.nano-features .first ul li { background:url('../img/features-bullet.png') no-repeat left 7px; padding-left:10px; }
.nano-features .last { width:540px; float:right; }
.nano-features .last p { width:380px; padding-left:137px; }
.nano-features .noapplecare p { padding-left:112px; }