/**
 * Migration Notice!
 * This file has been migrated to the new platform: RS-Web.
 * Before editing this file send notice of the changes to aos-vanship@group.apple.com.
 *

/**
review done for this page
**/
/*No Javascript messaging*/
div#no-javascript {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: white;
    margin: 0;
}
div#no-javascript h2 {
    margin-top: 150px;
}
/*Elements with Clearfix
-----------------------------------------------------*/
div.cto div#primary-main div.overview-content:after,
div.cto div#primary-main #feature-list .feature:after,
div.cto div#primary-main #feature-list dl dt:after,
/*
div.cto form#configuration-form fieldset ul.feature-select .option:after,
*/
div.cto div.product-specifications div.section:after,
div.cto dd.feature-detail div.section div.section:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

div.cto div#primary-main div.overview-content,
div.cto div#primary-main #feature-list .feature,
div.cto div#primary-main #feature-list dl dt,
/*
div.cto form#configuration-form fieldset ul.feature-select li,
*/
div.cto div.product-specifications div.section,
div.cto dd.feature-detail div.section div.section
{ display:inline-block; }

/* Hide from IE Mac \*/
div.cto div#primary-main div.overview-content,
div.cto div#primary-main #feature-list .feature,
div.cto div#primary-main #feature-list dl dt,
/*
div.cto form#configuration-form fieldset ul.feature-select li,
*/
div.cto div.product-specifications div.section,
div.cto dd.feature-detail div.section div.section
{ display:block; }
/* End hide from IE Mac */


.cto .hide-load { visibility: hidden; }

/*Product Overview | restricted to div.cto sections
-----------------------------------------------------*/

.ns .cto #form-obfuscation {
    margin: 0 1px;
}

div.cto form#configuration-form {
    clear: both;
    position: relative;
}
div.cto div#primary-main {
    float: none;
    display: block;
    background: none;
    margin-bottom: 0;
}

div.cto div#primary-main-content {
    background: #FFF;
}
div.cto div#primary-main-content .overview {
    background: none;
}
div.cto div.slider-content {
    position: absolute;
    right: 0;
    top: -10px;
    width: 168px;
    height: 100%;
    overflow: visible;
    padding-bottom: 20px;
}
div.cto div.slider-content .content-summary-body .section {
    padding: 8px;
}
div.cto div.slider-content .product-specifications .section {
    border-top: solid 1px #e0e0e0;
    background: -webkit-linear-gradient(left, #fff, rgba(250, 250, 250, 0) 50px),
                -webkit-linear-gradient(right, #fff, rgba(250, 250, 250, 0) 50px),
                -webkit-linear-gradient(top, #f3f3f3, #fff 5px);
}

.ns div.cto div.slider-content .product-specifications .section {
    background: #ffffff;
    background: -webkit-linear-gradient(right, #fff, rgba(250, 250, 250, 0) 20px),
                -webkit-linear-gradient(left, #fff, rgba(250, 250, 250, 0) 20px),
                -webkit-linear-gradient(top, #f7f7f7, #fff 10px);
    background: -moz-linear-gradient(right, #fff, rgba(250, 250, 250, 0) 20px),
                -moz-linear-gradient(left, #fff, rgba(250, 250, 250, 0) 20px),
                -moz-linear-gradient(top, #f7f7f7, #fff 10px);
    background: -ms-linear-gradient(right, #fff, rgba(250, 250, 250, 0) 20px),
                -ms-linear-gradient(left, #fff, rgba(250, 250, 250, 0) 20px),
                -ms-linear-gradient(top, #f7f7f7, #fff 10px);
    background: linear-gradient(to right, #fff, rgba(250, 250, 250, 0) 20px),
                linear-gradient(to left, #fff, rgba(250, 250, 250, 0) 20px),
                linear-gradient(to bottom, #f7f7f7, #fff 10px);
    border-top: 1px solid #e7e7e7;
    border-radius: 0 0 4px 4px;
}

.cto #secondary {
    float: none;
    margin: 10px 0;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
}
div.cto div.pinned_top div#secondary {
    position: absolute;
    top: 0;
    right: 0;
}
div.cto div.floating div#secondary {
    position:fixed;
    top: 0;
}

div.cto div.pinned_bottom div#secondary {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
}

.cto .pinned_bottom .product-specifications {
    margin-bottom: 10px;
}

div.cto div#product-summary-secondary {
	clear:both;
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:0;
}
div.cto div.floating div#product-summary-secondary,
div.cto div.pinned_bottom div#product-summary-secondary {
    display: none;
}

.cto #primary-main .overview-content {
	position: relative;
}

.cto .overview-content .heading-hero {
	float: right;
	width: 610px;
}
.ns .cto .overview-content .heading-hero {
    margin: 30px 0;
}
.ns .cto .overview-content .heading-sans-hero {
    margin: 15px 15px 20px;
}

/*
    try changing the img selector to a className. Requires Layout change...
*/
.cto .overview-content img {
	float: left;
	margin: 15px 35px 0 25px;
}
.ns .cto .overview-content img {
    margin: 10px 35px 10px 25px;
}


.cto .overview-content .heading-sans-hero {
    margin: 0 25px 15px 20px;
}

.cto .overview-content .heading .title {
	margin: 35px 0 5px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.25em;
	width: 350px;
}
.ns .cto .overview-content .heading .title {
    font-weight: normal;
    font-size: 22px;
    width: 595px;
    margin-top: 0;
}

.cto .overview-content .heading-sans-hero .title {
    margin-top: 22px;
    font-size: 16px;
    width: auto;
}

.cto .overview-content .heading p { margin-bottom: 15px; }
.ns .cto .overview-content .heading p { margin-bottom: 0; }

.ns .cto .feature-categories-nav {
    margin-top: 0;
}

.cto .feature-categories-nav li
{
    display: inline;
    padding-right: 8px;
    margin-right: 8px;
    border-right: solid rgb(165, 165, 165) 1px;
}

.cto .feature-categories-nav li.last {
    border-right: none 0;
    margin-right: 0;
    padding-right: 0;
}


/* New to Mac Content */
div.cto div#primary-main .overview-feature {
    /*Hacky thing for demos. remove. */
	display: none;
	/*display: block; */
	width: 240px;
	height: 126px;
	border-left: 1px solid #DDD;
	position: absolute;
	top: 0;
	right: 0;
}
div.cto div#primary-main .overview-feature h3 {
	font-size: 14px;
	margin: 35px 0 10px 20px;
	font-weight: normal;
}
div.cto div#primary-main .overview-feature p {
	margin-left: 20px;
}


/* forward deploy */

div.cto #primary-main div.overview div.overview-content .popular-configs { display: none; }

div.cto #primary-main div.overview.popular-configs div.overview-content .popular-configs { display: block; }

.ns .cto #primary-main .overview .overview-content .popular-configs {
    margin-bottom: 10px;
}

div.cto #primary-main .popular-configs .overview-content {
	border-bottom: none;
}

div.cto #primary-main .popular-configs .module {
	clear: both;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  margin: 0 10px;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  padding-top: 15px;
}

div.cto #primary-main .popular-configs .infobox {
	display: block;
	float: left;
	width: 138px;
	margin: 6px 15px 12px 18px;
}

div.cto #primary-main .popular-configs .infobox p {
	color: #666;
}

div.cto #primary-main .popular-configs .infobox img.left {
	float: left;
}

div.cto #primary-main .popular-configs .infobox img.right {
	float: right;
	margin:-14px 15px 3px 5px;
}

div.cto #primary-main .popular-configs h3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 8px;
}

div.cto div#primary-main div.overview ul#popular-configs-select {
	display: block;
	float: left;
	width: 570px;
	margin: 4px 0 12px;
	margin-right: 0;
}

div.cto #primary-main #popular-configs-select li {
	margin-bottom: 2px;
	list-style: none;
	width: 570px;
}

div.cto #primary-main #popular-configs-select li a {
	color: #333;
}

div.cto #primary-main #popular-configs-select li strong {
	display: block;
	padding: 7px 6px 5px 12px;
}

div.cto div#primary-main div.overview ul#popular-configs-select li.selected {
	background: url("img/popular_selected_bottom.svg?rasterize@.5x") no-repeat 0 100%;
    background-size: 567px 100px;
}

div.cto div#primary-main div.overview ul#popular-configs-select li.selected strong {
	background: url("img/popular_selected_top.svg?rasterize@.5x") no-repeat 0 0;
    background-size: 567px 4px;
}

/* == Popular Configs Layout Changes == */
div.cto div#primary-main div.popular-configs div.heading h2,
div.cto div#primary-main div.popular-configs div.heading h3,
div.cto div#primary-main div.popular-configs div.heading p {
  width: auto;
}

div.cto div#primary-main div.popular-configs div.overview-feature {
  position: relative;
  top: -50px; left: 171px;
  width: 500px; height: auto;
  clear: both;
  float: none;
  margin: 0;
  border-left: none;
}

div.cto div#primary-main div.popular-configs div.overview-feature h3 {
  display: inline;
  margin: 0;
  font-size: 10px;
}

div.cto div#primary-main div.popular-configs div.overview-feature p {
  display: inline;
  margin: 0;
}

div.cto div#primary-main div.popular-configs a.more {
  background: url("img/learn-more-arrow-nobg.svg?rasterize@.5x") no-repeat 100% 0;
  background-size: 16px 13px;
  padding-right: 14px;
}

div.cto div#primary-main div.popular-configs .infobox img.center {
  margin: 0 33px 3px;
}



/*CTO Feature List
-----------------------------------------------------*/
.cto .feature-list {
	padding-bottom: 20px;
	*display: inline; /* fix IE */
	margin-top: 11px;
}
.ns .cto .feature-list {
    margin-top: 0;
}

.cto .feature-list .category-name {
    height: 39px;
    font-size: 1.2em;
    padding: 0 9px;
    border-top: solid rgb(195, 195, 195) 1px;
    background: url("img/category-name.svg?rasterize@.5x") repeat-x 0 0;
    background-size: 1px 29px;
}




.cto .feature-list .category-name,
.cto .feature-list .category-name span {
    line-height: 39px;
}

.cto .feature-list .category-name span {
    display: block;

    padding-left: 16px;
    font-weight: bold;
}


.cto .feature-list .category-name span h2 {
    display: block;
    padding-left: 1px;
    font-weight: bold;
    line-height: 39px;
}


.cto .feature-list .toggle {
    cursor: hand;
    cursor: pointer;
    -webkit-text-size-adjust: none;
}


.cto .feature-list .toggle .toggle-status {
    border: none 0;
    background-image: url("img/category-toggle.svg?rasterize@.5x");
    background-size: 10px 100px;
    background-repeat: no-repeat;
    padding-left: 18px;
    color: #333;
}

/* IE hover underline issue */
.cto .feature-list .toggle .toggle-status:hover {
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

.cto .feature-list .toggle a,
.cto .feature-list .toggle span {
    display:inline-block;
    padding-left:1px;
    padding-left:3px\9; /* IE8 */
}

.cto-hide-from-ie .toggle-status { display: none; }

.cto .feature-list .toggle      .toggle-status { background-position: 0 0;}
.cto .feature-list .toggled     .toggle-status { background-position: 0 -69px; }

.cto .feature-list .category {
    overflow: hidden;
    position: relative;
}

.cto .feature-list dd.toggle-recipient { height: 0; }
.cto .feature-list dd.toggled { height: auto; }

/* reverse toggle -- instead of all the categories being closed by default, they are opened */
.cto .feature-list-reverse-toggle .toggle   .toggle-status { background-position: 0 -69px; }
.cto .feature-list-reverse-toggle .toggled  .toggle-status { background-position: 0 0; }

.cto .feature-list-reverse-toggle dd.toggle-recipient { height: auto; }
.cto .feature-list-reverse-toggle dd.toggled { height: 0; }


.cto .feature-list .feature {
	clear:both;
	margin: 10px 0;
}

.cto .feature-list .feature .feature-content {
	float:right;
	width:600px;
	margin-right:10px;
	*margin-right: 20px; /* ie fix */
	background: url("img/customize_product_gradient.svg?rasterize@.5x") no-repeat 0 100%;
    background-size: 600px 60px;
}

.cto .feature-list .feature dl {
	background: url("img/customize_product_body.svg?rasterize@.5x") repeat-y;
    background-size: 600px 10px;
}

.cto .feature-list .feature dt {
	padding:7px 10px;
	background: url("img/customize_product_top.svg?rasterize@.5x") 0 0;
    background-size: 600px 100px;
}

.cto .feature-list .feature dl dt strong {
	display:block;
	float:left;
	font-size:1.3em;
	color:black;
}

/*Feature Overview*/
.cto .feature-list .feature .feature-overview {
    padding:0 5px 1px 10px;
	background: url("img/customize_product_overview.svg?rasterize@.5x") repeat-y;
    background-size: 600px 5px;
}


/*Hide/show Feature Details*/
.cto .feature-list .feature-detail {
    padding:0 5px 5px 10px;
	background: url("img/customize_product_overview.svg?rasterize@.5x") repeat-y;
    background-size: 600px 5px;
}

.cto .feature-list .disclosure-content {
	height:0;
	overflow:hidden;
	display: none;
	border-bottom: solid rgb(255, 255, 255) 0px;
	-webkit-transition-property: border-bottom-color;
	-webkit-transition-duration: 200ms;
}

.cto .feature-list dl.toggled .disclosure-content
{
	display: block;
    height: auto;
}

.cto .feature-list .disclosure-content .section {
    padding-top:10px;
    padding-bottom:7px;

}

/* Feature detail display alternatives */
.cto .feature-list .disclosure-content .last {
	border-bottom: 0;
}

.cto .feature-list .feature-detail p,
.cto .feature-list .feature-detail ul {
	margin-bottom:10px;
}

.cto .feature-list .feature-detail p {
	margin-top:5px;
}

.cto .feature-list .feature-detail li {
	margin-left:15px;
	list-style-type:disc;
}

.cto .feature-list .feature-img {
	float:left;
	margin:0 0 0 30px;
}

/*Feature-detail sub content*/
.cto .feature-list .disclosure-content .section .last {
    border:0;
}

.cto .feature-detail .fl {
    float:left;
    margin-right:15px;
}

.cto .feature-detail .section .section .lm {
    clear:both;
}

/*Hide the extra contextual copy from the learn more links*/
.cto .feature-list .feature-detail a.more span {
    position: absolute;
    left: -9999px;
}

/*CTO Feature selection radio button lists
-----------------------------------------------------*/
.cto .feature-list .feature-select,
.cto #primary-main .feature-content .feature-select-btm {
	padding-bottom:14px;
	background: url("img/customize_product_bottom.svg?rasterize@.5x") no-repeat 0 100%;
    background-size: 600px 14px;
}

.cto #primary-main .feature-content .feature-select-btm {
	padding-bottom: 0;
	line-height: 1.2em;
}

.cto .feature-list .feature-select li,
.cto .feature-list div.feature-select {
	clear:both;
	padding:3px 16px 4px 16px;
	background: url("img/customize_product_body.svg?rasterize@.5x") repeat-y;
    background-size: 600px 10px;
}

.cto .feature-list .feature-select .description {
    padding-left: 35px;
    color: #99A;
}

/*Form Elements*/
.cto #configuration-form fieldset legend.xs { margin-top:-2px; }/*-2px margin fixes a background gap in FF*/

.cto #configuration-form fieldset .feature-select input {
	/* float:left;
	margin-right:6px; */
}

.cto .feature-select .option label {
    display: block;
    padding-top:1px;
    padding-left: 20px;
    text-indent: -20px;
}

.cto .feature-select .option input + label {
    display: inline-block;
}

.cto fieldset .feature-select label strong {
	/* float:left; */
	font-weight:normal;
	margin-left: 6px;

}

.cto .feature-select .feature-label {
	display: block;
	margin: 8px 0;
}

.cto #configuration-form fieldset ul.feature-select label .current_price,
.cto #configuration-form fieldset ul.feature-select label .previous_price,
.cto #configuration-form fieldset ul.feature-select label .savings,
.cto #configuration-form fieldset ul.feature-select label .message {
    display: inline;
}
.cto #configuration-form fieldset ul.feature-select label span.previous_price {
    text-decoration: line-through;
    color: #808080;
}
.cto #configuration-form fieldset ul.feature-select label .savings,
.cto #configuration-form fieldset ul.feature-select label .message {
    color: #f30;
}



/* CTO Feature selection drop downs
-----------------------------------------------------*/
div.cto div#primary-main #feature-list div.feature-select select {
	width: 565px;
	font-size: 11px;
}
div.cto div#primary-main #feature-list div.feature-select select option {
	padding:2px 5px 0px;
}

/*Additional Columns | CTO Specific
-----------------------------------------------------*/
div.cto div#secondary div.summary div.section a,
div.cto div.summary div.section a,
div.cto div#secondary div.content-summary div.section a,
div.cto div.content-summary div.section a {
	color:#0095da;
}

.ns div.cto div#secondary div.summary div.section .compound-button .dynamic-menu li:hover a,
.ns div.cto div#secondary div.summary div.section .compound-button .dynamic-menu li a:focus,
.ns div.cto div.summary div.section .compound-button .dynamic-menu li:hover a,
.ns div.cto div.summary div.section .compound-button .dynamic-menu li a:focus,
.ns div.cto div#secondary div.content-summary div.section .compound-button .dynamic-menu li:hover a,
.ns div.cto div#secondary div.content-summary div.section .compound-button .dynamic-menu li a:focus,
.ns div.cto div.content-summary div.section .compound-button .dynamic-menu li:hover a,
.ns div.cto div.content-summary div.section .compound-button .dynamic-menu li a:focus {
    color: #FFF;
}

/*Purchase summary box
-----------------------------------------------------*/
div.cto div.summary h2,
div.cto div.content-summary h2,
div.cto div.product-summary h2 {
    margin:0; /*Some stores have generic margins on h2s, so we override here*/
}

div.cto div.summary ul.purchase-info,
div.cto div.content-summary ul.purchase-info {
	font-size: 1.1em;
    padding: 8px;
}

div.cto div.summary ul.purchase-info li,
div.cto div.content-summary ul.purchase-info li {
    width:142px;
	margin:0;
	padding:0 4px;
}

div.cto div.summary ul.purchase-info li
div.cto div.content-summary ul.purchase-info li {
    padding-bottom:6px;
}

div.cto div.summary ul.purchase-info li p
div.cto div.content-summary ul.purchase-info li p {
    padding-bottom:6px;
    color:#666;
}

/*Price totals*/
div.cto div.summary ul.purchase-info li.subtotal,
div.cto div.summary ul.purchase-info li.tax,
div.cto div.content-summary ul.purchase-info li.subtotal,
div.cto div.content-summary ul.purchase-info li.tax {
    padding-bottom:0;
}

div.cto div.summary ul.purchase-info li p.label,
div.cto div.content-summary ul.purchase-info li p.label {
    padding-bottom:0;
}

div.cto div.summary ul.purchase-info li.total,
div.cto div.content-summary ul.purchase-info li.total {
    padding-bottom:4px;
    padding-left:3px;
}

div.cto div.summary ul.purchase-info li.total p.label,
div.cto div.content-summary ul.purchase-info li.total p.label {
    padding-bottom:4px;
}

div.cto div.summary ul.purchase-info li.total p.value,
div.cto div.content-summary ul.purchase-info li.total p.value {
    display: inline;
    padding-bottom:4px;
    padding-right:3px;
    font-size:1.4em;
    font-weight:bold;
    color:black;
}

div.cto div.summary ul.purchase-info li.total span.notes,
div.cto div.content-summary ul.purchase-info li.total span.notes {
    color: #666;
}

div.cto div.summary ul.purchase-info li.total p.notes,
div.cto div.content-summary ul.purchase-info li.total p.notes {
    padding-top:6px;
}

div.cto div.summary ul.purchase-info li.specials,
div.cto div.content-summary ul.purchase-info li.specials {
    padding-bottom:6px;
    margin-bottom:2px;
    border-bottom: 1px solid #ccc;
    margin-left:3px;
    padding-left: 0;
}

div.cto div.summary ul.purchase-info li.specials p.previous_price,
div.cto div.content-summary ul.purchase-info li.specials p.previous_price {
    color: #808080;
    padding-bottom: 6px;
}

div.cto div.summary ul.purchase-info li.specials p.savings,
div.cto div.summary ul.purchase-info li.specials p.message,
div.cto div.content-summary ul.purchase-info li.specials p.savings,
div.cto div.content-summary ul.purchase-info li.specials p.message {
    color: #f30
}

div.cto div.summary ul.purchase-info li.shipping,
div.cto div.content-summary ul.purchase-info li.shipping {
    color: #000;
    font-weight: bold;
    padding-top: 4px;
}

div.cto div.summary ul.purchase-info li.update-details,
div.cto div.content-summary ul.purchase-info li.update-details {
    margin-top:8px;
    margin-bottom:-7px;
}

div.cto div.content-summary ul.purchase-info li.update-details button,
div.cto div.content-summary ul.purchase-info li.update-details button {
    margin-bottom:6px;
}

div.cto div.summary ul.purchase-info li.add-to-cart,
div.cto div.content-summary ul.purchase-info li.add-to-cart {
	margin:8px 0 7px 0;
}

div.cto div.summary p.info,
div.cto div.content-summary p.info {
    clear:left;
    word-spacing:-1px;
	margin-bottom:-1px;
	padding:0;
	color:#666;
}

/*Product Specifications | Fluid width sidebar
-----------------------------------------------------*/
.cto .product-specifications {
    overflow: hidden;
    background: #FFFFFF;
    border: solid 1px #CFCFCF;
    border-top: none;
    border-top: solid 1px #CFCFCF\9;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    /*max-height: 263px; */
    padding-bottom:0;
}

.ns .cto .product-specifications {
    box-shadow: 0 1px 2px #999;
    border-radius: 4px;
    border: none;
    border: 1px solid #e7e7e7\9;
    overflow: hidden;
}

.cto .product-specifications h2 {
    margin: 0; /*Some stores have generic margins on h2s, so we override here*/
	padding: 7px 0 7px 12px;
	font-size: 14px;
    line-height: 14px;
    color: #333;
}

.cto .product-specifications h2 strong {
	display:block;
	margin-bottom:0;
}

.cto .product-specifications .section {
	background: #fff;
	overflow: hidden;
}

/*Ajax specs list*/

.cto .specs-list {
    position: relative;
	width:168px;
    -ie-8-width:166px;
	padding-top:5px;
	padding-bottom: 1px;
}

.cto .specs-list li {
	/* padding:3px 9px 4px 10px; */
	padding: 0 10px;
	margin: 4px 0;
	color:#333;
	background-color: #fff;
	width: 146px;
	/* this value must be set in pixels for IE compatibility reasons around element.currentStyle.lineHeight values */
	line-height: 15px;
}

.ns .cto .specs-list li {background: none;}

.cto .specs-list .flash { background-color: #bde8ff; }
.cto .specs-list .upgrade { font-weight:bold; }


/*"See more" link and gradient transition*/

.cto .product-specifications .summary {
	bottom: 5px;
	width: 166px;
	margin-left: 1px;
}
.ns .cto .product-specifications .summary {
    bottom: 0;
}

.cto .product-specifications .summary,
.cto .product-specifications .footer { position: absolute; }
.cto .product-specifications .summary.open {
    position:relative;
    margin-right:1px;
    width:100px;
    float:right;
}

.ns .cto .product-specifications .summary,
.ns .cto .product-specifications .footer { bottom: 0; }

.cto .product-specifications .summary,
.cto .product-specifications .summary p { line-height: 30px; }

.cto .product-specifications .summary .transition {
    margin-top: -22px;
	height:22px;
	background: transparent url("img/product-specifications/transition-gradient.svg?rasterize@.5x") repeat-x;
    background-size: 10px 22px;
}

.cto .product-specifications .summary p {
    text-align: right;
    padding: 0 6px 2px 0;
    background-color: #fff;
}

.ns .cto .product-specifications .summary p {
    border-radius: 0 0 4px 4px;
}

.cto .product-specifications .summary a {
	padding: 0 16px 1px 2px;
	background: url("img/product-specifications/see-more-arrow.svg?rasterize@.5x") no-repeat 100% 0;
    background-size: 12px 12px;
}

/* Product Specs "Open" behaviors */
.cto .open-product-specifications {
    /* Height must be adjusted to fit Specifications content */
   min-height: 255px;
    position: absolute;
    right: 0;
    z-index: 100;
}

.cto .open-product-specifications .specs-list { min-height: 196px; }

/*
    The open state of the spec list accounts for 2 parameters that affect the list height: "line-height rows",
    and "list items per column". The classname values for column-start are permutations of these two parameters:
    .column-start-{line-height rows}-{list items per column}. This is necessary for offsetting the combinations of how
    line-height and vertical-margins for the list contribute to the total list height.
*/
.cto .open-product-specifications .column-start-10-10 { margin-top: -190px; }
.cto .open-product-specifications .column-start-10-9 { margin-top: -186px; }
.cto .open-product-specifications .column-start-10-8 { margin-top: -182px; }
.cto .open-product-specifications .column-start-10-7 { margin-top: -178px; }
.cto .open-product-specifications .column-start-10-6 { margin-top: -174px; }
.cto .open-product-specifications .column-start-10-5 { margin-top: -170px; }
.cto .open-product-specifications .column-start-10-4 { margin-top: -166px; }
.cto .open-product-specifications .column-start-10-3 { margin-top: -162px; }
.cto .open-product-specifications .column-start-10-2 { margin-top: -158px; }
.cto .open-product-specifications .column-start-10-1 { margin-top: -154px; }

.cto .open-product-specifications .column-start-9-9 { margin-top: -171px; }
.cto .open-product-specifications .column-start-9-8 { margin-top: -167px; }
.cto .open-product-specifications .column-start-9-7 { margin-top: -163px; }
.cto .open-product-specifications .column-start-9-6 { margin-top: -159px; }
.cto .open-product-specifications .column-start-9-5 { margin-top: -155px; }
.cto .open-product-specifications .column-start-9-4 { margin-top: -151px; }
.cto .open-product-specifications .column-start-9-3 { margin-top: -147px; }
.cto .open-product-specifications .column-start-9-2 { margin-top: -143px; }
.cto .open-product-specifications .column-start-9-1 { margin-top: -139px; }

.cto .open-product-specifications .column-start-8-8 { margin-top: -152px; }
.cto .open-product-specifications .column-start-8-7 { margin-top: -148px; }
.cto .open-product-specifications .column-start-8-6 { margin-top: -144px; }
.cto .open-product-specifications .column-start-8-5 { margin-top: -140px; }
.cto .open-product-specifications .column-start-8-4 { margin-top: -136px; }
.cto .open-product-specifications .column-start-8-3 { margin-top: -132px; }
.cto .open-product-specifications .column-start-8-2 { margin-top: -128px; }
.cto .open-product-specifications .column-start-8-1 { margin-top: -124px; }

.cto .open-product-specifications .column-start-7-7 { margin-top: -133px; }
.cto .open-product-specifications .column-start-7-6 { margin-top: -129px; }
.cto .open-product-specifications .column-start-7-5 { margin-top: -125px; }
.cto .open-product-specifications .column-start-7-4 { margin-top: -121px; }
.cto .open-product-specifications .column-start-7-3 { margin-top: -117px; }
.cto .open-product-specifications .column-start-7-2 { margin-top: -113px; }
.cto .open-product-specifications .column-start-7-1 { margin-top: -109px; }

.cto .open-product-specifications .column-start-6-6 { margin-top: -114px; }
.cto .open-product-specifications .column-start-6-5 { margin-top: -110px; }
.cto .open-product-specifications .column-start-6-4 { margin-top: -106px; }
.cto .open-product-specifications .column-start-6-3 { margin-top: -102px; }
.cto .open-product-specifications .column-start-6-2 { margin-top: -98px; }
.cto .open-product-specifications .column-start-6-1 { margin-top: -94px; }

.cto .open-product-specifications .column-start-5-5 { margin-top: -95px; }
.cto .open-product-specifications .column-start-5-4 { margin-top: -91px; }
.cto .open-product-specifications .column-start-5-3 { margin-top: -87px; }
.cto .open-product-specifications .column-start-5-2 { margin-top: -83px; }
.cto .open-product-specifications .column-start-5-1 { margin-top: -79px; }

.cto .open-product-specifications .column-start-4-4 { margin-top: -76px; }
.cto .open-product-specifications .column-start-4-3 { margin-top: -72px; }
.cto .open-product-specifications .column-start-4-2 { margin-top: -68px; }
.cto .open-product-specifications .column-start-4-1 { margin-top: -64px; }

.cto .open-product-specifications .column-2 { margin-left: 166px; }
.cto .open-product-specifications .column-3 { margin-left: 332px; }
.cto .open-product-specifications .column-4 { margin-left: 498px; }
.cto .open-product-specifications .column-5 { margin-left: 664px; }
.cto .open-product-specifications .column-6 { margin-left: 830px; }

.cto .open-column-count-2 { width: 334px; }
.cto .open-column-count-2 .specs-list,
.cto .open-column-count-2 .summary { width: 332px; }

.cto .open-column-count-3 { width: 500px; }
.cto .open-column-count-3 .specs-list,
.cto .open-column-count-3 .summary { width: 498px; }

.cto .open-column-count-4 { width: 666px; /*eeks!*/ }
.cto .open-column-count-4 .specs-list,
.cto .open-column-count-4 .summary { width: 664px; }

.cto .open-column-count-5 { width: 832px; }
.cto .open-column-count-5 .specs-list,
.cto .open-column-count-5 .summary { width: 830px; }

.cto .open-column-count-6 { width: 998px; }
.cto .open-column-count-6 .specs-list,
.cto .open-column-count-6 .summary { width: 996px; }

.cto .open-product-specifications .summary .transition { display: none; }

/* Updates 20080826 - AppleCare */
#applecare-family { display: block; margin: 30px 0 10px 44px; }
.applecare-icon { float: left; margin-bottom: 20px; }
.feature-description { margin-left: 44px; margin-bottom: 20px; }
.feature h3 { font-weight: bold; }

/* CTO Constraints */

#primary.constraint_validation_messages {
	color:#333333;
	line-height:1.5;
	margin-bottom:18px;
	font-size:11px;
	font-family:"Lucida Grande",Verdana,sans-serif;
	text-align:left;
	width: 750px;
	margin: 10px 50px 70px 0;
}

html:lang(th-Th) #primary.constraint_validation_messages {
    font-family: "Sukhumvit Set", sans-serif;
}

html:lang(en-TH) #primary.constraint_validation_messages {
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

.constraint_validation_messages p { margin-bottom: 10px;}
.constraint_validation_messages h3 {
	margin-bottom: 0;
	color: #76B900;
	font-weight: bold;
	font-size: 2em; border: none;
}
.constraint_validation_messages p strong.heading,
.constraint_validation_messages strong.heading {
	margin: 10px 0px 5px;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px solid #000;
	color:#000;
	width:100%;
}




/* NOTE: 'zebra' is not used in ASPEN */
/* TODO: check if 'zebra' is used in content (geppetto); if not, remove these three: */
div.cto table.zebra {
    margin:5px 10px;
}
div.cto table.zebra td {
    padding:4px;
}
div.cto table.zebra tr.odd {
    background:#EDF1F2;
}

/* BUAC Changes */
/*iPad Accessories Page - Smart case & MAC CTO alignment*/
.us .cto .summary .purchase-info .total .free-shipping,
.us .cto .content-summary .purchase-info .total .free-shipping {
    padding: 7px 0 0;
}

.us .cto .summary .purchase-info .total .notes,
.us .cto .content-summary .purchase-info .total .notes {
    padding: 4px 0 2px;
}

.us .cto .summary .purchase-info li.add-to-cart,
.us .cto .content-summary .purchase-info li.add-to-cart {
    margin: 6px 0 3px;
}

.us .cto .summary .purchase-info .shipping,
.us .cto .content-summary .purchase-info .shipping {
    padding-top: 2px;
}

.us .cto-mac .cto .summary .purchase-info .shipping,
.us .cto-mac .cto .content-summary .purchase-info .shipping {
    padding-top: 5px;
}

.cto .summary .purchase-info .shipping span,
.cto .content-summary .purchase-info .shipping span {
    font-weight: normal;
}

.us .cto .summary .purchase-info li.financing .notes,
.us .cto-mac .cto .summary .purchase-info li.add-to-cart p,
.cto .summary .purchase-info .pickup-availability,
.us .cto .content-summary .purchase-info li.financing .notes,
.us .cto-mac .cto .content-summary .purchase-info li.add-to-cart p,
.cto .content-summary .purchase-info .pickup-availability {
    padding-bottom: 0;
}

.us .cto .summary .purchase-info li.Gifting-indicator,
.us .cto .content-summary .purchase-info li.Gifting-indicator {
    padding: 10px 0 4px;
}

.fr .cto .content-summary .purchase-info li.Gifting-indicator span {
    padding-left: 3px;
}
.cto .retail-availability-search-trigger-block {
    padding-top: 1px;
}

/* Temp Changes for RU SMB
Disable the configurable items for FD
Making it more specific as we have lot of related CSS. I want the below class to override all
**/

.ru .cto div#primary-main #feature-list dt.category-hide,
.ru .cto div#primary-main #feature-list dd div.category-hide {
    display: none;
}


/*

Internal store Apple Care Plus overlay

 */

.internal-store .appleCarePlus {
    border-radius: 6px;
    background: #FFF;
}

.internal-store .appleCarePlus .text {
    padding: 10px 18px;
    font-size: 13px;
}

.internal-store .appleCarePlus .text .button {
    float: right;
    padding: 4px 10px;
    font-size: 14px;
    color: #FFF;
    margin-top: 2em;
}

.internal-store .appleCarePlus .content h2 {
    background-position: 0 -365px;
    padding: 20px 18px;
    border-radius: 6px 6px 0 0;
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d7d7d7));
    background: -moz-linear-gradient(top, #f1f1f1, #d7d7d7);
    background: -o-linear-gradient(top, #f1f1f1, #d7d7d7);
    background: linear-gradient(top, #f1f1f1, #d7d7d7);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f1f1f1', endColorstr='#d7d7d7')";
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f1f1f1', endColorstr='#d7d7d7');
    background-size: 10px 200px;
    font-weight: bold;
    font-size: 20px
}

.internal-store .appleCarePlus .center {
    background: white;
}

div.cto div#primary-main div#primary-main-content dl.feature-list dd.category div.features div.careplusone,
div.cto div#primary-main div#primary-main-content dl.feature-list dd.category div.features div.careplus{
    display:none;
}
.nojs .careplus{
    display: block;
}

img#giftindicator-icon{margin-right:5px}

/* EGC */
div.cto .purchase-info li.promotions span.gift-card {
    color: #FF3300;
}
.promotions .gift-card {
    color: #ff3300;
}
.promo-text {
    color:#666666 !important;
}
.promo-text * {
    color: #666666 !important;
}