/*
popup.css has been deprecated in favor of using mercury component 
css files. It remains in the repository for backward compatibility 
with possible legacy pages that might reference it directly instead 
of using the combined CSS file.
============================================================ */











.popup-wdgt {
	left: -2000px;
	top: -2000px;
	position: absolute;
	visibility: hidden;
	width: 515px;
	z-index: 155;
	font-size: 10px;
	text-align: left;
}
.popup-wdgt div { margin: 0; }
.popup-wdgt .wdgt-top {
  margin-right: 15px;
	height: 30px;
	background: url(i/aos/hover/popup-top-left.svg?rasterize@.5x) 0 0 no-repeat;
	background: url(i/aos/hover/popup-top-left.svg?rasterize@.5x) 0 0 no-repeat\9;
	background-size: 1024px 30px;
	position: relative;
}
.popup-wdgt .wdgt-top div {
	background: url(i/aos/hover/popup-top-right.svg?rasterize@.5x) 0 0 no-repeat;
	background: url(i/aos/hover/popup-top-right.svg?rasterize@.5x) 0 0 no-repeat\9;
	background-size: 15px 30px;
	height: 30px; width: 15px;
	position: absolute;
	right: -15px; top: 0;
}
.popup-wdgt .wdgt-mdl {
	background: url(i/aos/hover/popup-mdl-right.svg?rasterize@.5x) 100% 0 repeat-y;
	background: url(i/aos/hover/popup-mdl-right.svg?rasterize@.5x) 100% 0 repeat-y\9;
	background-size: 15px 7px;
}		
.popup-wdgt .wdgt-mdl div.wdgt-right {
	position: relative;
}	
.popup-wdgt .wdgt-mdl div.wdgt-left {
	position: relative;
	background: url(i/aos/hover/popup-mdl-left.svg?rasterize@.5x) 0 0 repeat-y;
	background: url(i/aos/hover/popup-mdl-left.svg?rasterize@.5x) 0 0 repeat-y\9;
	background-size: 1024px 7px;
	padding: 1px 0 1px 15px;
	margin-right: 5px;
	z-index: 5;
}
.popup-wdgt .wdgt-mdl div.wdgt-left p {
	padding-right: 15px;
}	

.popup-wdgt .wdgt-mdl div.wdgt-left:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.popup-wdgt .wdgt-mdl div.wdgt-left {
	display:inline-block;
}
/* Hide from IE Mac \*/
.popup-wdgt .wdgt-mdl div.wdgt-left {
	display:block;
}
/* End hide from IE Mac */

.popup-wdgt .wdgt-btm {
	height: 30px;
	background: url(i/aos/hover/popup-btm-left.svg?rasterize@.5x) 0 0 no-repeat;
	background: url(i/aos/hover/popup-btm-left.svg?rasterize@.5x) 0 0 no-repeat\9;
	background-size: 1024px 30px;
	position: relative;
	margin-right: 15px;
}
.popup-wdgt .wdgt-btm div {
	background: url(i/aos/hover/popup-btm-right.svg?rasterize@.5x) 0 0 no-repeat;
	background: url(i/aos/hover/popup-btm-right.svg?rasterize@.5x) 0 0 no-repeat\9;
	background-size: 15px 30px;
	width: 15px; height: 30px;
	position: absolute;
	top: 0; right: -15px;
}
.popup-wdgt .triangle {
	display: block;
	position: absolute;
	width: 28px;
}
.popup-wdgt .wdgt-top .triangle {
	background: url(i/aos/hover/popup-bubble-top.svg?rasterize@.5x) 0 0 no-repeat;
	background-size: 28px 19px;
	height: 19px;
	top: 2px;
	left: 15px;
}
.popup-wdgt .wdgt-btm .triangle {
	background: url(i/aos/hover/popup-bubble-btm.svg?rasterize@.5x) 0 0 no-repeat;
	background-size: 28px 24px;
	height: 24px;
	left: 15px;
	top: 6px;
}
.popup-wdgt .wdgt-left .triangle {
	background: url(i/aos/hover/popup-bubble-left.svg?rasterize@.5x) 0 0 no-repeat;
	background-size: 19px 28px;
	height: 28px;
	width: 19px;
	left: -12px;
	top: 0;
}
.popup-wdgt .wdgt-right .triangle {
	position: absolute;
	background: url(i/aos/hover/popup-bubble-right.svg?rasterize@.5x) 0 0 no-repeat;
	background: url(i/aos/hover/popup-bubble-right.svg?rasterize@.5x) 0 0 no-repeat\9;
	background-size: 24px 28px;
	height: 28px;
	width: 24px;
	right: -16px;
	top: 0;
}

.popup-wdgt a {
	color: #0085CF;
}
.ios .hide #gifting_indicator_0_content {
	display: none !important;
}
#gifting_indicator_0_content.popup-wdgt {
	*height:203px;
}
.ios .family-ipod-appletv #gifting_indicator_0_content.popup-wdgt .wdgt-mdl {
    margin-top: -1px;
    margin-bottom: -1px;
}
#gifting_indicator_0_content.popup-wdgt .wdgt-mdl{
	*width:515px;
	*height:143px;
	*position:static !important;
	*background:url("i/aos/hover/popup-mdl-right.svg?rasterize@.5x") 100% 0 repeat-y !important;
	background-size: 15px 7px;
}
#gifting_indicator_0_content.popup-wdgt .wdgt-mdl .wdgt-left{
	*width:495px;
	*height:141px;
}

.popup-wdgt .wdgt-mdl .close-link,
#area-product-selection .popup-wdgt .wdgt-mdl .close-link {
	position: relative;
	font: 11px 'Lucida Grande Bold', 'Lucida Grande', Geneva, Verdana, Helvetica, Arial, sans-serif;
	color: rgb(138,138,138);
	text-decoration: none;
	background: url(i/aos/hover/layer_close.svg?rasterize@.5x) 100% 2px no-repeat;
	background-size: 11px 11px;
	float: right;
	display: block;
	clear: both;
	padding: 0 20px 0 0;
	margin: 0 15px 10px 10px;
}
html:lang(th-Th) .popup-wdgt .wdgt-mdl .close-link,
html:lang(th-Th) #area-product-selection .popup-wdgt .wdgt-mdl .close-link {
    font-family: "Sukhumvit Set", sans-serif;
}
html:lang(en-TH) .popup-wdgt .wdgt-mdl .close-link,
html:lang(en-TH) #area-product-selection .popup-wdgt .wdgt-mdl .close-link {
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}
#area-product-selection .popup-wdgt .wdgt-mdl p {
	line-height: normal;
	color: black;
}
.popup-wdgt .wdgt-mdl .close-link:hover,
#area-product-selection .popup-wdgt .wdgt-mdl .close-link:hover {
	color: rgb(107,107,107);
	text-decoration: underline;
	background: url(i/aos/hover/layer_close_active.svg?rasterize@.5x) 100% 2px no-repeat;
	background-size: 11px 11px;
}
.popup-wdgt .wdgt-mdl .close-link, #area-product-selection .popup-wdgt .wdgt-mdl .close-link {
	text-indent: 0;
	width: auto;
}
div.popup-wdgt img.decal {
	display: inline;
	float: left;
	margin-left: 15px;
}

/*CTO Learn More Popups (non .js fallback)*/
/*=================================================================*/
div#cto-feature-popup {
    width:588px;
    margin:0 auto;
    padding-top:18px;
}

div#cto-feature-popup img.feature-image {
    float:left;
}

div#cto-feature-popup div.feature-detail {
    float:right;
    width:450px;
}

div#cto-feature-popup div.feature-detail h2 {
    padding-bottom:18px;
    font-size:2em;
    font-weight:bold;
}

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

div#cto-feature-popup div.feature-detail ul li {
	margin-left:15px;
	padding-bottom:4px;
	list-style-type:disc;
}

/*Plain Header Popups e.g. Checkout FAQ popups*/
/*=================================================================*/
div.plain-header-popup {
	padding:20px 10px;
	text-align:left;
	color:#666;
	font-size:11px;
}

@media only screen and (max-device-width:360px){div.plain-header-popup{width:300px;} div.plain-header-popup p#close { visibility: hidden;}
}
div.plain-header-popup div#header {
    margin-bottom:26px;
    padding:0 6px 8px;
    border-bottom:1px solid #cbcbcb;
}

div.plain-header-popup h1 {
    float:left;
    width:106px;
    height:21px;
    font-size:18px;
    font-weight:bold;
    color:#878787;
    background:url("i/popups/header_checkout_faq.svg?rasterize@.5x") left top no-repeat;
    background:url("i/popups/header_checkout_faq_old.png") left top no-repeat\9;
    background-size: 106px 21px;
}

div.plain-header-popup h1 span {
    position:relative;
    left:-9999px;
}

div.plain-header-popup p#close {
    float:right;
    margin:0 !important;
    display: none;
}

div.plain-header-popup p#close a {
    position:relative;
    top:2px;
    padding-right:16px;
    color:#666;
    background:url(i/aos/hover/layer_close.svg?rasterize@.5x) right 2px no-repeat;
    background-size: 11px 11px;
}

div.plain-header-popup p#close a:hover { text-decoration:none; }

div.plain-header-popup div.section {
    padding:0 20px;
}

div.plain-header-popup h2 {
    margin-bottom:16px;
    color:#333;
    font-size:14px;
    font-weight:bold;
}

div.plain-header-popup h3 {
	margin:0;
    color:#333;
    font-size:11px;
    font-weight:bold;
}

div.plain-header-popup p,
div.plain-header-popup ul {
    margin-bottom:8px;
}
div.plain-header-popup ul {
    list-style-type: disc;
}
div.plain-header-popup p {
	margin-top:0;
}

div.plain-header-popup li {
    margin-left:40px;
}
.plain-header-popup .topic {
	margin-top: -1px;
	clear: left;
	border: 1px solid #E4E4E4;
	border-width: 1px 0;
	padding: 2em 0;
}
.plain-header-popup .topic ol {
	margin-left: 30px;
}
.plain-header-popup .topic ul {
	list-style: outside;
	margin-left: 10px;
}
.plain-header-popup .topic a {
	word-break: break-word;
}

.plain-header-popup h4 {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 12px;
	color: #333;
}

.plain-header-popup p.returntop {
	padding-top: 1em;
}
.plain-header-popup p.returntop a {
	background: url("i/popups/arrow_up.svg?rasterize@.5x") 100% .3em no-repeat;
	background-size: 10px 10px;
	padding-right: 15px;
	color: #9a9a9a;
}