/*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 iPhone button */
#hero-description .step-zero-button { margin:3px 0 20px; 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:28px; margin-right:26px; 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; }

.preorder #hero-description .step-zero-button,
.availability #hero-description .step-zero-button { margin-bottom:30px; }


/* Violators */
.violator { position:absolute; right:-1px; top:-1px; }


/* hero gallery */
#hero-gallery {
    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:488px; height:auto; margin-top:0; position:relative; padding-top:15px; }
#hero-gallery .top-hero {
    position:relative;
    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:488px; height:531px; top:0; left:0; left: 1px\9; margin-bottom:-35px; }
#gallery .indicator { margin:0 auto; padding:0 0 0 15px; 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:488px; height:531px; background: #FFF\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); }


/* hero description */
#hero-description { float:right; width:473px; padding-top:85px; }
#hero-description h2 { margin-bottom:18px; }
#hero-description p.hero { font-size:18px; color:#222; line-height:24px; width:445px; }
#hero-description p.price { color:#666; margin:-3px 0 25px; }
#hero-description p.price sup { font-size:10px; line-height:2em; }
#hero-description .features,
#hero-description .order { line-height:1.6em; margin-bottom:25px; font-size:14px; }
#hero-description h4.features { font-weight:bold; margin-bottom:2px; }
#hero-description ul.dot-list li { background:url('../img/step0-iphone-bullet.png') no-repeat left 9px; padding-left:10px; }
#hero-description ul.social { padding-top:5px; }
#hero-description ul.social li { display:inline-block; height:20px; margin-right:10px; *display: block; *float: left;}
#hero-description ul.social li.first { border-right:1px solid #ccc; }
#hero-description ul.social li img { float:left; }
#hero-description ul.social li a { font-size:11px; cursor:pointer; color:#222; display:inline-block; padding:1px 15px 0 6px; }
#hero-description ul.social li a:hover { color:#08C; text-decoration:none; }
#hero-description ul.social li.superlink:hover a { color:#08C; text-decoration:none; }
#hero-description ul li .chat { margin:0; color:#666; }
#hero-description p.bigger { margin-bottom:50px; }
#hero-description p.bigger a.more { font-size:16px; background:url('../img/arrow-large.png') no-repeat 100% 50%; padding-right:12px; }

#hero-description.preorder,
#hero-description.availability { padding-top:40px; }

#hero-description.unavailable { padding-top:80px; }
#hero-description.unavailable h3 { font-weight:bold; font-size:16px; margin-bottom:5px; }

.nontransactional #hero-description { padding-top:130px; }
.nontransactional.version-b #hero-description { padding-top:200px; width:440px; }
.nontransactional #hero-description p.bigger { margin-top:25px; margin-bottom:25px; }
.nontransactional #hero-description p.price {margin-top:0; }

#hero-description.geo  { padding-top:132px; }
p.with-contract.geo { font-size:14px; line-height:20px; width:440px; padding-bottom:20px; }

#hero-description.availability-geo,
#hero-description.preorder-geo { padding-top:100px; }


/* compare phones */
.compare img.left { float:left; margin-right:15px; }
.compare img.title { margin:5px 0 1px 0; }
.compare p { margin-bottom:3px; font-weight:bold; font-size:13px; }
.compare p sup { font-size:8px; }
.compare p a { font-weight:normal; }
.compare img.carrier { margin-top:4px; margin-bottom:0; min-height: auto; _height: auto;}
.compare { padding:10px 50px 0 50px; }
.compare .column {
    width:253px; float:left; padding:20px 5px 5px 20px;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; min-height:112px;
    -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:1px solid; border-color:#DBDBDB; border-color:#FFFFFF rgba(252, 252, 252, 0.5) #D2D2D2;  
    background:#ffffff; /* Old browsers */
    background:-moz-linear-gradient(top, #ffffff 0%, #f6f6f6 54%, #ededed 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#ededed 100%); /* Opera11.10+ */
    background:-ms-linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#ededed 100%); /* IE10+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    background:linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#ededed 100%);
}
.compare .middle { margin:0 20px; }
.compare .last p { font-size:16px; font-weight:normal; line-height:20px; padding-top:15px; }
.compare .last p a { color:#000; }
.compare .last p a:hover { text-decoration:none; }
.compare .last.superlink:hover p a { text-decoration:none; }
.compare span.current_price { display:inline; margin-right:20px; }

.compare.geo,
.compare.availability-geo,
.compare.preorder-geo { padding-bottom:20px; }
/* .compare.geo img.title { margin-top:15px; } */

.compare.nontransactional { padding-bottom:20px; }
.compare.nontransactional img.left { margin-right:20px; }
.compare.nontransactional img.title { margin-top:15px; }
.compare.nontransactional div.first { width:280px; }
.compare.nontransactional div.first img.left { margin-left:20px; }
.compare.nontransactional div.last { width:530px; float:right; }
.compare.nontransactional div.last h3 { font-size:15px; font-weight:bold; margin-top:10px; }
.compare.nontransactional div.last p { font-size:12px; font-weight:normal; line-height:16px; padding-top:5px; padding-right:20px; }
.compare.nontransactional .last p a.more { color:#08C; }
.compare.nontransactional .last p a:hover { text-decoration:underline; }
.compare.nontransactional .last.superlink:hover p a { text-decoration:underline; }

/* phone contract */
p.contract { padding:10px 0 30px 0; text-align:center; color:#555; }
p.contract span { color:#000; }


/* online store */
#choices { position:relative; float:left; width:982px; min-height:272px; padding-top:34px; }
#choices img.specialists { position:absolute; bottom:0; left:26px; }
#choices div { position:relative; float:left; margin-top:24px;  }
#choices h2, 
#choices div.first { margin-left:299px; width:355px; padding-right:33px; }
#choices div.first img { float:left; position:relative; *margin-top:20px}
#choices h2 { font-size:24px; line-height:1.2em; width:650px; }
#choices ul li { clear:both; }
#choices ul li.talk-specialists { margin-bottom:22px; }
#choices div h3, 
#choices div p { margin-left:62px; }
#choices div h3 { font-size:16px; line-height:19px; }
#choices div p { font-size:13px; line-height:19px; color:#555; display:block; margin-bottom: 24px; }
#choices div.last { width:250px; padding-right:34px; }
#choices div.last h3,
#choices div.last p { margin-left:0; }
#choices div.last img { margin:0 0 15px 20px; }

#choices.geo,
#choices.availability-geo,
#choices.preorder-geo { background:url('../img/features-shadow-bg.jpg') center 0 repeat-x; position:relative; z-index:2; }

/* Chat button */
#hero-description ul.dot-list li.chat { margin-left: 0; }
/*.box .chat { visibility: hidden; width: auto; height: auto; background-color: #fff; }
.box .chat-standby,
.box .chat-online { visibility: visible; }
.box .chat span { color: #0085CF; cursor: pointer; }
.box .chat:hover span,
.box .chat a:hover { text-decoration: underline; }
.box .chat-button a { background: url(img/step0-features-shadow-bg.jpg) no-repeat -999px -999px; }
.box .chat-button a img { display: none; }*/
.box ul li.talk-specialists .chat { margin: 0; color: #666; }
.box ul li.talk-specialists .chat span { white-space: nowrap; }

/* accessories */
.accessories-row { margin-bottom:12px; line-height:18px; }
.accessories-row h3 { font-size:16px; line-height:1.2em; color:#000; margin-bottom:4px; }
.accessories-row .sendus h3, .accessories-row .accessories h3 { padding-top:15px; }
.accessories-row sup { font-size:8px; line-height:14px; }
.accessories-row img.right { float:right; margin:10px -8px -10px 7px; position:relative; z-index:1; }
.accessories-row img.bumpers { margin-right:10px; }
.accessories-row img.applecare  { margin-top:28px; margin-right:10px; margin-left:20px; }
.accessories-row .sendus img { margin-left:20px; margin-right:6px; }
.accessories-row ul li { background:url('../img/step0-iphone-bullet.png') no-repeat left 7px; padding-left:10px; margin-bottom:3px; }
.accessories-row .column { 
    width:426px; padding:20px 25px 20px 30px; min-height:124px; font-size:13px; color:#666; position:relative; z-index:0;
    background:#f4f4f4; /* Old browsers */
    background:-moz-linear-gradient(top, #f4f4f4 0%, #ffffff 30%, #ffffff 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(30%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 30%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #f4f4f4 0%,#ffffff 30%,#ffffff 100%); /* Opera11.10+ */
    background:-ms-linear-gradient(top, #f4f4f4 0%,#ffffff 30%,#ffffff 100%); /* IE10+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background:linear-gradient(top, #f4f4f4 0%,#ffffff 30%,#ffffff 100%); /* W3C */
    -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:1px solid;
    border-color:#DBDBDB;
    border-color:#FFFFFF rgba(252, 252, 252, 0.5) #D2D2D2;
}
.accessories-row .first { float:left; }
.accessories-row .last { float:right; }
.accessories-row .new-badge { width:69px; height:65px; position:absolute; top:-1px; right:-1px; }

.accessories-row.geo .protection h3,
.accessories-row.availability-geo .protection h3 {  padding-top:15px; }
.accessories-row.geo .protection img.right,
.accessories-row.availability-geo .protection img.right { margin-right:0; margin-left:30px; }
.accessories-row.geo .sendus img.right,
.accessories-row.availability-geo .sendus img.right { margin-top:15px; }


/* other */
.superlink:hover a { text-decoration:underline; }
.footnotes a { color:#0088CC; }

/* FAQ content */
.faq.drawer { width: auto; margin-bottom: 13px; }
.faq .header, 
.faq .content {
    line-height: 1.4em;
}
.faq .header h2 a.scroll-to { background:none; overflow:visible; }
.faq h5 {
    font-weight: bold;
}
.faq ul li {
    margin-bottom: 20px;
}
.faq ul li h6 {
    margin-top: 12px;
    margin-left: 20px;
    font-weight: bold;
}
.faq ul li sup {
    line-height: 9px;
}
.faq ul li ul li {
    margin-bottom: 0;
    margin-left: 20px;
}
.faq ul p {
    margin-bottom: 10px;
}
.faq ul.faq-list {
    width: 405px;
    float: left;
    padding: 20px 0 20px 50px;
}
.faq ul.last {
    float: right;
    padding-right: 50px;
    padding-left: 0;
}

/* GEO alt for iphone features - 3 promos */
#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: 1px solid;
    border-color: #DBDBDB;
    border-color: #FFFFFF rgba(252, 252, 252, 0.5) #D2D2D2;
    font-size: 13px;
    margin-bottom: 13px;
}  
#iphone-features div {
    float: left;
    width: 277px;
    min-height: 161px;
    margin: 0 12px;
    padding: 23px 20px 10px;
    color: #666;
    line-height: 1.5em;
    font-size: 13px;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 30%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(30%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 30%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 0%,#ffffff 30%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 0%,#ffffff 30%,#ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f4f4f4 0%,#ffffff 30%,#ffffff 100%); /* W3C */
}
#iphone-features div h3 { font-size:16px; line-height:1.2em; color:#000; }
#iphone-features div span { white-space:nowrap; }
#iphone-features div.first,
#iphone-features div.last { margin: 0; }
#iphone-features div.last { width: 276px;}
#iphone-features div img { float: right; margin-left: 10px; }
#iphone-features div#whats-in-the-box img { float:left; margin:4px 22px 0 4px; }
#iphone-features div#whats-in-the-box ul { float:left; position:relative; width:160px; }
#iphone-features div#whats-in-the-box ul li { background:url('../img/step0-iphone-bullet.png') no-repeat left 7px; padding-left:10px; }
#iphone-features div#whats-in-the-box ul { margin-top:4px; }
#iphone-features div#warranty-applecare h3 { margin-bottom:2px; }
#iphone-features div#apple-store-app img { margin:33px 3px 0 20px; }

#iphone-features.geo div {
    padding: 23px 20px 17px;
    min-height:179px;
}
#iphone-features.geo div img { float: right; margin-top:20px; }
#iphone-features.geo div#accessories img { margin:18px 0 0 20px; }
#iphone-features div h3 { margin-bottom:2px; }
#iphone-features div#whats-in-the-box h3 { margin-bottom:0; }
#iphone-features.geo div#warranty-applecare img { margin:1px 0 0 5px; }
#iphone-features.geo div#apple-store-app img { margin:18px 6px 0 20px; }