/* Part of RS */
/* Current RS overrides */
body {
  background: #f2f2f2;
}

/*
.box {
    background: #fff;
    color: #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
	-webkit-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
	-moz-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
	box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
    -ie7-8-border: 1px solid #dedede;
    border: 1px solid #dedede \9;
    position: relative;
    margin-bottom: 10px;
}

.box .box-content {
	border: none;
	box-shadow: none;
	border-radius: none;

}
*/
/* Catalog CSS */
.lp-refurb {
  width: 978px;
  background: #fff;
  color: #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
  -moz-box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
  box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
  -ie7-8-border: 1px solid #dedede;
  border: 1px solid #dedede \9;
  position: relative;
  margin: 0 auto 9px;
  padding: 0;
}
.lp-refurb > .box-content {
  border: none;
  box-shadow: none;
}
.lp-refurb .button {
  margin-top: 10px;
}
.lp-refurb .top-header {
  padding: 24px 30px;
}
.lp-refurb .top-header h2 {
  line-height: 1.3em;
  font-size: 20px;
}
.lp-refurb .top-header p {
  color: #888;
  font-size: 12px;
}
.lp-refurb .refurb-nav {
  padding: 24px 0;
  border-top: 1px solid #e7e7e7;
  background: -moz-linear-gradient(left, white, rgba(248, 248, 248, 0) 100px), -moz-linear-gradient(right, white, rgba(248, 248, 248, 0) 100px), -moz-linear-gradient(top, #f8f8f8, rgba(230, 230, 230, 0.1) 2px), -moz-linear-gradient(bottom, white, rgba(255, 255, 255, 0) 100px);
  background: -webkit-linear-gradient(left, white, rgba(248, 248, 248, 0) 100px), -webkit-linear-gradient(right, white, rgba(248, 248, 248, 0) 100px), -webkit-linear-gradient(top, #f8f8f8, rgba(230, 230, 230, 0.1) 2px), -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0) 100px);
  background: linear-gradient(left, #ffffff, rgba(248, 248, 248, 0) 100px), linear-gradient(right, #ffffff, rgba(248, 248, 248, 0) 100px), linear-gradient(top, #f8f8f8, rgba(230, 230, 230, 0.1) 2px), linear-gradient(bottom, #ffffff, rgba(255, 255, 255, 0) 100px);
  background-color: #fff;
}
.lp-refurb .refurb-nav ul li {
  display: inline-block;
  width: 170px;
  margin-left: 50px;
  vertical-align: top;
}
.lp-refurb .refurb-nav ul li + li {
  margin-left: 68px;
}
.lp-refurb .refurb-nav ul li .icon {
  margin-left: 15px;
}
.lp-refurb .refurb-nav ul li h2 {
  color: #516275;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 14px;
}
.lp-refurb .refurb-nav ul li.superlink:hover h2 {
  color: #08c;
}
.lp-refurb .two-col {
  width: 980px;
  border-top: 1px solid #e7e7e7;
}
.lp-refurb .two-col .col {
  float: left;
  width: 489px;
  min-height: 1000px;
  position: relative;
}
.lp-refurb .two-col .col + .col {
  float: right;
  width: 490px;
  border-left: 1px solid #e7e7e7;
}
.lp-refurb .two-col .col-content {
  margin: 30px;
}
.lp-refurb .two-col .col-content h2 {
  color: #516275;
  font-size: 18px;
  margin-bottom: 14px;
}
.lp-refurb .two-col .col-content .info {
  float: left;
  width: 208px;
}
.lp-refurb .two-col .col-content .info-more {
  float: right;
  width: 176px;
}
.lp-refurb .two-col .col-content .info-more .title {
  margin: 14px 0;
  font-size: 12px;
  font-weight: bold;
}
.lp-refurb .two-col .col-content .hero {
  position: relative;
  left: -30px;
  margin-top: 20px;
}
.lp-refurb .two-col .col-content .recycle {
  border-top: 1px solid #E0E2E3;
  margin-top: 60px;
  padding-top: 36px;
  float: left;
  position: relative;
  width: 100%;
}
.lp-refurb .two-col .col-content .recycle img {
  float: left;
  position: relative;
  padding-right: 14px;
}
.lp-refurb .two-col .col-content .recycle .intro {
  float: left;
  position: relative;
  background: url("http://as-images.apple.com/is/image/AppleInc/giftcard?wid=126&hei=101&fmt=png-alpha&qlt=95") no-repeat bottom right;
  width: 327px;
}
.lp-refurb .two-col .col-content .recycle .intro h3 {
  color: #000;
  font-size: 23px;
  margin: 8px 0 12px !important;
  float: left;
  position: relative;
}
.lp-refurb .two-col .col-content .recycle .intro p {
  width: 304px;
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 0 6px 0;
}
.lp-refurb .two-col .col-content .recycle .intro sup {
  line-height: 6px;
  font-size: 7px;
}
.lp-refurb .two-col .col-content .product {
  border-bottom: 1px solid #E0E2E3;
  padding: 15px 0;
}
.lp-refurb .two-col .col-content .product .media-block {
  float: left;
  width: 300px;
}
.lp-refurb .two-col .col-content .product .media-block h3 {
  font-size: 12px;
  font-weight: bold;
}
.lp-refurb .two-col .col-content .product .media-block .media {
  margin-right: 20px;
}
.lp-refurb .two-col .col-content .product.superlink:hover h4 {
  color: #08c;
}
.lp-refurb .two-col .col-content .product .price {
  text-align: right;
  float: right;
  width: 130px;
}
.lp-refurb .two-col .col-content .product .price ul li {
  display: inline-block;
}
.lp-refurb .two-col .col-content .product .price span {
  color: #e58202;
}

div.footnotes p:first-child,
div.footnotes ol:first-child,
div.footnotes ul:first-child {
  padding-top: 0;
}

button.merch {
  cursor: pointer;
  padding: 9px 18px;
  color: #000;
  font: 13px/1.2em "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  margin-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #ebebeb;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ebebeb));
  background: -moz-linear-gradient(top, white, #ebebeb);
  border: solid 1px #b5b5b5;
  box-shadow: inset 0 1px 1px 0 #fff;
}

button.merch:hover,
button.merch:focus {
  background: #d6d6d6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d6d6d6));
  background: -moz-linear-gradient(top, #f0f0f0, #d6d6d6);
  border: solid 1px #999;
  box-shadow: inset 0 0 0 1px rgba(153, 153, 153, 0.25);
}

button.merch:active {
  background: #b8b8b8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#b8b8b8));
  background: -moz-linear-gradient(top, #f2f2f2, #b8b8b8);
  border: solid 1px #808080;
  box-shadow: inset 0 2px 7px 0 rgba(0, 0, 0, 0.6);
}

.superlink:active button.merch {
  background: #b8b8b8;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#b8b8b8));
  background: -moz-linear-gradient(top, #f2f2f2, #b8b8b8);
  border: solid 1px #808080;
  box-shadow: inset 0 2px 7px 0 rgba(0, 0, 0, 0.6);
}

button.merch.small {
  padding: 7px 18px;
}

button.merch.large {
  padding: 13px 24px 11px 24px;
  font-size: 18px;
}

/*
button.secondary {
	color: white;
	@include gradient(#37aaea, #117ed2);
	@include border-colors(#1992da, #00589c);
	box-shadow: inset 0 1px 1px 0 #6fc5f5, 0 1px 2px 0 rgba(0,0,0,0.2);
	
	&:hover,
	&:focus {
		@include gradient(#2488d4, #1c5bad);
		@include border-colors(#1992da, #00589c);
		box-shadow: inset 0 1px 1px 0 #6fc5f5, 0 1px 2px 0 rgba(0,0,0,0.2);
	}
	&:active {
		@include gradient(#2488d4, #1c5bad);
		@include border-colors(#1992da, #00589c);
		box-shadow: inset 0 2px 7px 0 rgba(0,0,0,0.6), 0 1px 2px 0 rgba(0,0,0,0.2);	
	}
}
*/
button.merch.blue {
  color: white;
  background: #117ed2;
  background: -webkit-gradient(linear, left top, left bottom, from(#37aaea), to(#117ed2));
  background: -moz-linear-gradient(top, #37aaea, #117ed2);
  border-top-color: #1992da;
  border-left-color: #0c75bb;
  border-right-color: #0c75bb;
  border-bottom-color: #00589c;
  box-shadow: inset 0 1px 1px 0 #6fc5f5;
}
button.merch.blue:hover, button.merch.blue:focus, button.merch.blue:active, .superlink:active button.merch.blue {
  background: #1c5bad;
  background: -webkit-gradient(linear, left top, left bottom, from(#2488d4), to(#1c5bad));
  background: -moz-linear-gradient(top, #2488d4, #1c5bad);
}
button.merch.blue:hover, button.merch.blue:focus, button.merch.blue:active, .superlink:active button.merch.blue {
  border-top-color: #1992da;
  border-left-color: #0c75bb;
  border-right-color: #0c75bb;
  border-bottom-color: #00589c;
}
button.merch.blue:hover, button.merch.blue:focus {
  box-shadow: inset 0 1px 1px 0 #3fb2f2;
}
button.merch.blue:active, .superlink:active button.merch.blue {
  box-shadow: inset 0 2px 9px 0 rgba(0, 0, 0, 0.6);
}

button.merch.green {
  color: white;
  background: #039103;
  background: -webkit-gradient(linear, left top, left bottom, from(#00c307), to(#039103));
  background: -moz-linear-gradient(top, #00c307, #039103);
  border-top-color: #20a623;
  border-left-color: #108d13;
  border-right-color: #108d13;
  border-bottom-color: #007503;
  box-shadow: inset 0 1px 1px 0 #81d684;
}
button.merch.green:hover, button.merch.green:focus, button.merch.green:active, .superlink:active button.merch.green {
  background: #027302;
  background: -webkit-gradient(linear, left top, left bottom, from(#00ba06), to(#027302));
  background: -moz-linear-gradient(top, #00ba06, #027302);
}
button.merch.green:hover, button.merch.green:focus, button.merch.green:active, .superlink:active button.merch.green {
  border-top-color: #20a623;
  border-left-color: #108d13;
  border-right-color: #108d13;
  border-bottom-color: #007503;
}
button.merch.green:hover, button.merch.green:focus {
  box-shadow: inset 0 1px 1px 0 #5bc95e;
}
button.merch.green:active, .superlink:active button.merch.green {
  box-shadow: inset 0 2px 9px 0 rgba(0, 0, 0, 0.6);
}

button.merch.red {
  color: white;
  background: #b82323;
  background: -webkit-gradient(linear, left top, left bottom, from(#f31d1d), to(#b82323));
  background: -moz-linear-gradient(top, #f31d1d, #b82323);
  border-top-color: #be1616;
  border-left-color: #a51313;
  border-right-color: #a51313;
  border-bottom-color: #8c1010;
  box-shadow: inset 0 1px 1px 0 #fc5353;
}
button.merch.red:hover, button.merch.red:focus, button.merch.red:active, .superlink:active button.merch.red {
  background: #9e1616;
  background: -webkit-gradient(linear, left top, left bottom, from(#d41313), to(#9e1616));
  background: -moz-linear-gradient(top, #d41313, #9e1616);
}
button.merch.red:hover, button.merch.red:focus, button.merch.red:active, .superlink:active button.merch.red {
  border-top-color: #be1616;
  border-left-color: #a51313;
  border-right-color: #a51313;
  border-bottom-color: #8c1010;
}
button.merch.red:hover, button.merch.red:focus {
  box-shadow: inset 0 1px 1px 0 #fb2121;
}
button.merch.red:active, .superlink:active button.merch.red {
  box-shadow: inset 0 2px 9px 0 rgba(0, 0, 0, 0.6);
}

button.merch.pink {
  color: white;
  background: #bd1a4e;
  background: -webkit-gradient(linear, left top, left bottom, from(#eb1a5c), to(#bd1a4e));
  background: -moz-linear-gradient(top, #eb1a5c, #bd1a4e);
  border-top-color: #ac1342;
  border-left-color: #951039;
  border-right-color: #951039;
  border-bottom-color: #7e0e30;
  box-shadow: inset 0 1px 1px 0 #eb4b7e;
}
button.merch.pink:hover, button.merch.pink:focus, button.merch.pink:active, .superlink:active button.merch.pink {
  background: #a81845;
  background: -webkit-gradient(linear, left top, left bottom, from(#cc1f56), to(#a81845));
  background: -moz-linear-gradient(top, #cc1f56, #a81845);
}
button.merch.pink:hover, button.merch.pink:focus, button.merch.pink:active, .superlink:active button.merch.pink {
  border-top-color: #ac1342;
  border-left-color: #951039;
  border-right-color: #951039;
  border-bottom-color: #7e0e30;
}
button.merch.pink:hover, button.merch.pink:focus {
  box-shadow: inset 0 1px 1px 0 #e61d5d;
}
button.merch.pink:active, .superlink:active button.merch.pink {
  box-shadow: inset 0 2px 9px 0 rgba(0, 0, 0, 0.6);
}
