/* Shared styles */
* { margin:0; padding:0; }
body { font-size:10px; line-height:1.7em; text-align:center; }
body, input, textarea, button { font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color:#333333; }
#hero h1,
#services h1 { font-size:21px; line-height:1.3em; }

/* == GALLERY == */
#gallery { 
    width: 626px;
    height: auto;
    margin: 0;
    text-align: center;
    position: relative;
}
#gallery .media { width: 626px; height: 610px; top: 0; left: 0; overflow: hidden; position:relative; z-index:10; }
#gallery .indicator { margin: -20px auto 0; padding:0; background: none; width: 80px; height: 21px; z-index:100; bottom:20px; position:relative; }
#gallery .indicator span {
    display: block;
    float: left;
    height: 11px;
    width: 11px;
    text-indent: -9999px;
    background:url('../img/gallery-vday-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;
    width: 626px;
    height: 620px;
    background-color: #FFF\9;
}

#gallery .slide.faded_in { 
    opacity: 1; 
    filter: alpha(opacity=100);
    z-index: 1;
}
#gallery .slide.fading_in,
#gallery .slide.faded_out { 
    opacity: 0; 
    filter: alpha(opacity=0);
    z-index: 0;
}
#gallery a:hover { text-decoration: underline;}
#gallery a.button:hover { text-decoration: none;}

#gallery .slide .hero-slide { -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; }

/* == BUTTONS == */
.valentines a.button.matte { height:34px; margin:0 auto; box-shadow:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; background:none; display:inline; zoom:1; clear:both; }
.valentines a.button.matte span { background: url('../img/button-holiday.png') no-repeat; border:none !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow:none; padding:2px 0 8px 10px; *padding:3px 0 8px 10px; display:inline; }
.valentines a.button.matte span.label { background: url('../img/button-holiday.png') no-repeat right -102px; display:inline; margin:0; padding:2px 10px 6px 1px; }
.valentines a.button.matte span.label em { font-style:normal; font-size:11px; padding:0 5px 0 2px; }
.valentines a.button.matte:hover span.label { background-position:right -136px; }
.valentines a.button.matte:hover span { opacity:1; background-color:none; border:none; background-position:left -34px; }
.valentines a.button.matte:active span.label { background-position:right -170px; }
.valentines a.button.matte:active span { background-position:left -68px; }


/* ===============
HOMEPAGE TAKEOVER 
==================*/

/* == HERO == */
.hero { text-align:center; }
.hero .intro { float:left; padding:0 20px; width:586px; text-align:center; zoom:1; }
.hero h1 { margin-top:33px; }
.hero p { font-size:18px; line-height:1.4em; }
.hero span.price { font-weight:bold; }
.hero .slide p { margin-bottom:14px; }
.hero .slide div.buy-now { margin-bottom:10px; zoom:1; }
/* .hero .slide1 .hero-slide { margin-top:10px; } */

/* == GIFT GUIDE == */
#gift-guide { float:left; position:relative; }
#gift-guide .box-content { float:left; width:626px; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 70%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#fdfdfd), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 70%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 70%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 70%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#fdfdfd 70%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */ }
#gift-guide .heading { width:250px; float:right; position:relative; padding:23px 33px 15px 0; }
#gift-guide .heading h2 { color:#cc0000; font-size:18px; line-height:1.2em; padding-bottom:3px;}
#gift-guide .heading p { font-size:14px; line-height:1.4em; margin-bottom:10px; }
#gift-guide .image { float:left; padding:4px 0 0 21px; }
#gift-guide .geo {padding:30px 0 0 21px; }


/* == SERVICES == */
#services,
#services .service-row-intro,
#services .service-row-image { float:left; position:relative; width:626px; }

#services .service-row-intro { z-index:2; }
#services .service-row-image { z-index:1; }

#services .services-wrapper { margin-top:1px; float:left; position:relative;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 75%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(75%,#fdfdfd), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 75%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 75%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 75%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#fdfdfd 75%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
#services .service-intro { position:relative; }
#services h1 { text-align:center; padding:22px 0; }
#services h2 { color:#cc0000; font-size:17px; line-height:1.1em; padding:3px 0 2px; }
#services p { font-size:13px; line-height:1.4em; }
#services .engraving:hover a,
#services .giftwrap:hover a,
#services .bopis:hover a,
#services .shipping-returns:hover a,
#services .customize:hover a,
#services .specialist:hover a { text-decoration:underline; }
#services .service-intro,
#services .service-image { float:left; position:relative; }
#services .service-intro { width:253px; padding:30px 30px 0 30px; }
#services .service-row-intro.top { background:url('../img/home-service-header-keyline.jpg') no-repeat top center; }
#services .service-intro.engraving { width:263px; padding-right:20px; }
#services .service-intro.customize,
#services .service-intro.specialist { width:283px; padding-right:0; }
#services .service-image { height:166px; width:313px; }
#services .service-row-image.top .service-image { margin-top:25px; }
#services .service-image img { position:absolute; bottom:0; }
#services .service-image.engraving img { left:17px; }
#services .service-image.engraving img.geo {bottom: 2px; }
#services .service-image.giftwrap img { left:30px; }
#services .service-image.bopis img { left:108px; bottom:31px; }
#services .service-image.shipping-returns img { left:95px; bottom:26px; }
#services .service-image.shipping-returns.cyber-monday img { left:109px; bottom:28px; }
#services .service-image.customize img { left:52px; bottom:12px; }
#services .service-image.specialist img { left:101px; bottom:36px; }
#services .service-row-image.bottom .service-image.specialist img { left:113px; }
#services .service-row-image.top .service-image.specialist img { left:109px; bottom:-3px; }
#services span { white-space:nowrap; }




body.home.holiday #secondary .special-offers .slot#questions strong { white-space:nowrap; }



.hero .slide.slide1 .services {left: 100px; margin:10px auto 0 auto; min-height:50px; width: 420px; float: left; position:relative; z-index:100; zoom:1;}
.hero .slide.slide1 .services div {
    float: left;
    text-align: left;
    width: 200px;
    margin-left: 10px;
}

.hero .slide.slide1 .services-geo {left: 100px; margin:10px auto 0 auto; min-height:70px; width: 420px; float: left; position:relative; z-index:100; zoom:1;}



.hero .slide.slide1 .services img {float: left; padding: 0 10px 0 0;}

.hero .slide.slide1 .services p { margin-bottom:0px;  font-size: 12px; color: #666;}



/* == STORE SERVICES PROMOS == 
#secondary .footerblock .modulecontent #financing,
#secondary .footerblock .modulecontent #iphoto { margin:0 8px; }
#secondary .footerblock .modulecontent #financing { border-bottom:1px solid #ccc; padding-bottom:8px; }
#secondary .footerblock .modulecontent h3 { padding:10px 0 0 2px; }
#secondary .footerblock .modulecontent p { padding:0 0 5px 2px; }
#secondary .footerblock .modulecontent a.more { padding-right:7px; }*/

/* =====================
GIFT GUIDE LANDING PAGE
========================*/

.non-grid { width:980px; margin-bottom:10px; float:left; position:relative; background:none; }
.non-grid .box-content { width:980px; position:relative; float:left; border:1px solid #e5e5e5 !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 1px; box-shadow: rgba(0,0,0,0.3) 0 1px 1px; }
.non-grid .header { width:940px; float:left; position:relative; padding:38px 20px 36px; text-align: center; }
.non-grid .header .hero { margin:0; }
.non-grid .header .product-desc p { font-size:18px; line-height:24px; color:#8e8e8e; margin:0; }
.non-grid .product-row ul,
.non-grid .product-row ul li { position:relative; float:left; margin-bottom: 30px;}
.non-grid .box-content .header {text-align: center;}

.non-grid .box-content .header ul.jumplinks {margin:20px auto 0 auto;}
.non-grid .header ul.jumplinks li {margin-right:38px; display:inline; }
.non-grid .header ul.jumplinks li.last { margin-right:0; }
.non-grid .header ul.jumplinks li a { color:#ed1c24; font-size:14px; line-height:24px; background: url('../img/giftguide-vday-downarrow.png') no-repeat right; padding-right:14px; }

.non-grid .maincontent { width:980px; float:left; position:relative; }
.non-grid .section { float:left; position: relative; margin: 0 0 0; background: url('../img/giftguide-vday-section-divider.jpg') no-repeat top center; width:100%; }
.non-grid .section .titlearea { float:left; position:relative; }
.non-grid .section .titlearea p { font-size:16px; line-height:22px; color:#8e8e8e; }
.non-grid .section .product-title { font-size:16px; line-height:18px; }
.non-grid .section .product-desc,
.non-grid .section .price-txt { font-size:12px; line-height:18px; }
.non-grid .section .price-txt { font-weight:bold; padding-bottom:10px; }

.non-grid .section .product-row { font-size:20px; line-height:22px; padding-left:58px; clear:both; }
.non-grid .section .product-row h3 { margin-bottom:35px; }
.non-grid .section .product-row .secondary-products li { margin-right:100px; width:210px; }
.non-grid .section .product-row .secondary-products li.product-three { margin-right:0; }
.non-grid .section .product-row .secondary-products .price { font-size:12px; color:#333; }

.non-grid .section #ipad { padding:70px 0 44px; }
.non-grid .section #ipad .titlearea { padding:0 90px 10px 0; float:right; position:relative; width:316px; }
.non-grid .section #ipad .ipad-hero { float:left; position:relative; z-index:2; margin:-334px 0 0 26px; }
.non-grid .section #ipad .ipad-smartcover-hero { float:left; position:relative; z-index:3; margin:-150px 0 0 184px; }
.non-grid .section #ipad .ipad-copy { padding:0 0 0 572px; width:200px; }
.non-grid .section #ipad .ipad-smartcover-copy { padding:0 0 0 685px; width:200px; }
.non-grid .section #ipad .swatch { margin-bottom:5px; }

.non-grid .section #iphone { padding:62px 0 24px; }
.non-grid .section #iphone .titlearea { padding:11px 300px 35px 62px; width:430px; }
.non-grid .section #iphone .iphone4s-copy,
.non-grid .section #iphone .earphones-copy  { position:relative; margin:0 0 0 62px; width:200px; }
.non-grid .section #iphone .earphones-copy { margin-top:35px; }
.non-grid .section #iphone .iphone4s { position:absolute; right:65px; top:62px; z-index:3; }
.non-grid .section #iphone .earphones { position:absolute; right:351px; top:343px; z-index:2; }
.non-grid .section #iphone .product-row { margin:0px 0 0; }
.non-grid .section #iphone .spacefix {margin: 0 0 80px 0; min-height: 360px;}


.non-grid .section #ipod { padding:90px 0 40px; }
.non-grid .section #ipod .titlearea { float:right; position:relative; padding:0 54px 50px 0; width:450px; }
.non-grid .section #ipod .ipodtouch-hero { margin-left:24px; float:left; position:relative; }
.non-grid .section #ipod .ipodtouch-copy { float:left; position:relative; width:150px; *margin-top:-100px; margin-left:26px; z-index:100;}
.non-grid .section #ipod .ipodnano-hero { float:right; position:relative; width:177px; margin:0 112px 0 0; *margin-top:-100px; z-index:5; }
.non-grid .section #ipod .ipodnano-copy { float:right; position:relative; width:160px; margin:0 112px 0 0; *margin-top:-80px; }
.non-grid .section #ipod .product-row { margin:30px 0 0; }

.non-grid .section #designer { padding:70px 0 36px 62px; }
.non-grid .section #designer .titlearea { width:470px; }
.non-grid .section #designer .titlearea p{ padding-bottom:20px;}
.non-grid .section #designer .designer-hero { float:right; margin:-140px 60px 0 0; }

/* Chat button */
.select-optimized .chat {
    visibility: hidden;
    margin-left: 0 !important;
    *margin-left: -0.5em;
    display: inline-block;
    *display: inline;
    width: auto;
    height: auto;
    background-color: #fff;
}

sup {
	font-size:9px;
	vertical-align:7px;
}

.questions-copy-body .chat {
	display:none;
	height:0;
	width:0;
}

button {background: none; border: none; margin:10px 0 2px 0;}

:root .button .label {margin:0; width:85px;}


/* == Secondary ==  */
.special-offers .slot { padding:19px 5px; margin:0 8px; border-bottom:1px solid #ddd; }
body.home #secondary .special-offers .slot:hover a { text-decoration:underline; }
body.home #secondary .special-offers .slot h3 { font-size:14px; margin-bottom:6px; }
body.home #secondary .special-offers .slot p { color:#666; line-height:1.3em; padding-bottom:3px; }
body.home #secondary .special-offers .slot p.note { font-size:9px; color:#999; margin-top:5px; }
body.home #secondary .special-offers .slot a.more { background:transparent url("data:image/gif;base64,R0lGODlhBAAHAIAAAACIzP///yH5BAEHAAEALAAAAAAEAAcAAAIIRA4WaeyrVCgAOw==") no-repeat 100% 60%; color:#0085CF; padding-right:7px; }
body.home #secondary .special-offers .slot img { margin:5px auto; display:block; }
body.home #secondary .special-offers .slot#financing img { margin:10px auto 0; }
body.home #secondary .special-offers .slot#education img { margin-top:10px; }
body.home #secondary .special-offers .slot#asa h3 { margin-right:-3px; }
body.home #secondary .special-offers .slot#asa img { margin:6px auto -2px; }
body.home #secondary .special-offers .slot#iphoto img { margin:10px -13px -10px; }
body.home #secondary .special-offers .slot#gift-cards img { margin:10px auto -15px; }
body.home #secondary .special-offers .slot#apple-store-app { padding-bottom:5px; }
body.home #secondary .special-offers .slot#apple-store-app img { padding-top:15px; }


/* == Ribbon == */
body.family div.content-group ul.promo-list li.ribbon .valentines {
	margin: 0px 10px -10px -40px; 
}

/* == Gift Guide Clear footer Fix == */
.apple-footer {clear: both;}


/* == IE 7 Hacks == */
*+html .non-grid .section .product-row .secondary-products ul {padding-bottom: 30px;}


/* == Right-rail == */
.modulecontent #printservices img {
	margin-left:10px;
	margin-bottom:-15px;
}

.modulecontent div#printservices h3.headline {
    clear: both;
    margin: 0 12px;
    padding: 1em 2px;
    font-size: 12px;
    font-weight: bold;
}