/* -----------------------------------------------------------------------------------------------------

	Media Experience 
	- Modified arrow holder from floating to have absolute positioning to avoid overlapping issues.
	
-------------------------------------------------------------------------------------------------------- */

#mex_wrapper{position:relative;border:1px solid #c4c5c5;overflow:hidden;margin-bottom:20px}
.mex_panel_area{position:relative;min-height:348px}
.mex_panel{overflow:visible;position:absolute;min-height:425px}
#mex_wrapper .sub_panel{min-height:350px;display:none;}
.mex_nav_area{position:relative;width:980px;height:42px;display:none;border-top:1px solid #c3c4c4}
.mex_nav_button{position:relative;float:left;height:26px;padding:10px 0;border-right:1px solid #c3c4c4;cursor:pointer;background:#ededed;text-align:center}
.mex_on{
background:#FFF;
  -moz-box-shadow:    inset -3px 4px 4px 0 #ccc;
   -webkit-box-shadow: inset -3px 4px 4px 0 #ccc;
   box-shadow:         inset -3px 4px 4px 0 #ccc;
}
.ie_shadow{
     position:absolute;display:none;
}
.mex_over{background:#FFFFFF}
.mex_nav_button img{position:relative;top:5px;padding-right:5px}
.mex_nav_button h4{position:relative;top:-2px;font-family:Arial;font-size:13px;font-weight:bold;line-height:16px;color:#003399}
.mex_nav_button h4.on{color:#474749!important}

#arrow_holder{position:absolute;top:140px;display:block;}
.mex_arrow{position:absolute;width:38px;height:70px;cursor:pointer;}
#arrow_holder .prev{left: 14px;}
#arrow_holder .next{right: 7px;}

#mex_wrapper .video_area{position:relative;width:620px;height:380px;margin:20px 70px}
#mex_wrapper .video_title{position:relative;width:620px;height:30px}
#mex_wrapper .video_title h4{font-family:Arial;font-size:24px;font-weight:bold;color:#cccccc}
#mex_wrapper .video{position:relative;width:620px;height:350px}
/* Age Gate */
#age_gate{position:absolute;min-height:475px;top:0px;background:url(http://images.bestbuy.com/BestBuy_US/en_US/images/abn/2012/tg/pcon/media_experience/images/ag_back.png);display:none}
.ag_title{width:609px;height:100px}
#ag{padding-top:10px}
#ag_text{text-align:center;width:230px;padding:20px 0}
#ag_text p{font-family:Arial;color:#FFFFFF;margin:5px 0}
#ag_text .big{font-size:18px;line-height:20px}
#ag_text .med{font-size:18px;font-weight:bold}
#ag_text .small{font-size:12px}
#ag_form_center{position:relative;width:100%;text-align:center;top:-30px}
#ag_form{width:50%;margin:0px auto;padding:40px 0 40px 150px}
#enter{cursor:pointer;text-align:center;padding:20px 0 25px 65px}
.ag_field{position:relative;float:left;padding-right:10px}
.ag_sel{font-family:Arial;font-size:22px;background:#000000;color:#FFFFFF}
#sel_error{width:230px;text-align:center;display:none}
#sel_error p{font-family:Arial;font-size:12px;font-weight:bold;color:#FFFFFF}
#rb_continue{width:609px;text-align:center;display:none;cursor:pointer}

/* General and default styles for the panels */
.sub_panel {
	padding:0;
	/*background: url("http://images.bestbuy.com/BestBuy_US/en_US/images/abn/2012/aud/pcon/sonos/gradient-bg.jpg") repeat-x scroll left bottom transparent;*/
	position: relative;
}
.sub_panel .slide-title {
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 14px;
	margin-bottom: 15px;
}
.sub_panel .slide-title h2 {
	color: #49494A;
	font-size: 22px;
	margin-bottom: 0px;
	margin-top: 12px;	
/* 	font-weight: normal; */
}
.sub_panel .slide-title h3 {
	color: #59595b;
	font-size: 18px;
	font-weight: normal;	
}
.sub_panel .slide-title p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 155px 0 0;
	color: #777777;
}
.sub_panel .slide-content h3 {
	color: #49494A;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;	
	text-transform: uppercase;
}
.sub_panel .left-col {
	width: 340px;
	float: left;
}
.sub_panel .right-col {
	width: 280px;	
	float: right;
}
.sub_panel img.logo {
	position: absolute; 
	right: 60px; 
	top: 30px;
}
.sub_panel h2 {
	font-size: 18px;
	line-height: 22px;
	color: #49494a;
	margin: 0 0 .5em;
/* 	text-shadow: 0px -1px 0px rgba(0,0,0,.5);		 */
}

.sub_panel p {
	color: #737474;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 .5em;
}
img.img-title {display: block; padding: 0 0 20px 0;}

.sub_panel .content {
}
.sony-logo {
	position: absolute;
	top: 30px;
	left: 30px;
}
.fourk-logo {
	position: absolute;
	top: 30px;
	right: 50px;
}

.panel1 .content p.small {font-size: 11px; line-height: 14px; margin-top: 30px;}
.panel3 .content p.small {font-size: 11px; line-height: 14px; margin-top: 50px;}
.panel4 .content p.small {font-size: 11px; line-height: 14px; position: absolute; bottom: -38px; right: 12px; width: 690px;}

/* Panel 1 */

.panel1 {
	/*background: transparent url(http://images.bestbuy.com/BestBuy_US/en_US/images/abn/2013/tvv/pr/105688_sony_4k_launch/panel_gray_image_bg.jpg) no-repeat top left;*/
}
.panel1 .content {

}
.panel1 .content .left-col {
	padding: 70px 0 0 0;	
	width: 320px;
	margin: 0 50px 0 50px;
}
.panel1 .content p {
	font-size: 14px;
	line-height: 20px;
	text-shadow: 0px 1px 1px rgba(255,255,255,.25);		
}
.panel1 .content h4 {
	font-size: 22px;
	line-height: 24px;
	color: #49494A;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-shadow: 0px 1px 1px rgba(255,255,255,.25);			
}
.watch-demo {
	background: url(http://images.bestbuy.com/BestBuy_US/en_US/images/abn/2012/aud/pcon/sonos/icon-watch-demo-1.png) top left no-repeat;
	padding-left: 20px;
}

/* Panel 2 */

.panel2 {
	/*background: transparent url(http://images.bestbuy.com/BestBuy_US/en_US/images/abn/2012/aud/pcon/sonos/gradient-bg.jpg) repeat-x top left;*/
}
.panel2 .content .right-col {
	padding: 30px 30px 0 0px;	
	width: 450px;
	margin: 0 50px 0 0;
}
.panel2 .content p {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 0.5em;
	text-shadow: 0px 1px 1px rgba(255,255,255,.25);		
}
.panel2 .content h4 {
	font-size: 22px;
	line-height: 24px;
	color: #49494A;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-shadow: 0px 1px 1px rgba(255,255,255,.25);		
}
.panel2 ul {	
	margin: 0 0 0 15px;	
	padding: 1px;
}
.panel2 ul li {
	font-size: 14px;
	color: #49494A;
	line-height: 20px;
	margin: 5px 0;
	color: #737474;
}
/* Panel 3 */

.panel3 {
	/*background: transparent url(http://images.bestbuy.com/BestBuy_US/en_US/images/abn/2013/tvv/pr/105688_sony_4k_launch/panel_gray_image_bg.jpg) no-repeat top left;*/
}
.panel3 .content .right-col {
	padding: 30px 30px 0 0px;	
	width: 450px;
	margin: 0 50px 0 0;
}
.panel3 .content p {
	font-size: 14px;
	line-height: 20px;
	text-shadow: 0px 1px 1px rgba(255,255,255,.25);			
}
.panel3 .content h4 {
	font-size: 22px;
	line-height: 24px;
	color: #49494A;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-shadow: 0px 1px 1px rgba(255,255,255,.25);			
}
.panel3 ul {	
	margin: 0 0 0 15px;
	padding: 1px;	
}
.panel3 ul li {
	font-size: 14px;
	color: #49494A;
	line-height: 20px;
	margin: 5px 0;
	color: #737474;
}

/* self-clear floats */
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/* Buttons */

*.small-action-button, *.small-action-button:link, *.small-action-button:visited {
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin: 0;
    font: bold 14px/1.2 Arial,  Helvetica,  sans-serif;
    padding: 8px 11px 7px 11px;
    height: 18px;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.75);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2);
    position: relative;
    border: solid 1px #003865;
    border-radius: 4px;
    -webkit-appearance: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
    background: #006cbc;
    background: -moz-linear-gradient(top,  #006cbc 0%,  #00449e 100%);
    background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #006cbc),  color-stop(100%,  #00449e));
    background: -webkit-linear-gradient(top,  #006cbc 0%,  #00449e 100%);
    background: -ms-linear-gradient(top,  #006cbc 0%,  #00449e 100%);
    background: linear-gradient(top,  #006cbc 0%,  #00449e 100%);
}
*.small-action-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.ie7 *.small-action-button {
    display: inline;
    zoom: 1;
    overflow: visible;
}
*.small-action-button:hover {
    background: #2488d2;
    background: -moz-linear-gradient(top,  #2488d2 0%,  #006cbc 100%);
    background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #2488d2),  color-stop(100%,  #006cbc));
    background: -webkit-linear-gradient(top,  #2488d2 0%,  #006cbc 100%);
    background: -ms-linear-gradient(top,  #2488d2 0%,  #006cbc 100%);
    background: linear-gradient(top,  #2488d2 0%,  #006cbc 100%);
    text-decoration: none;
    color:#fff;
}
*.small-action-button:active {
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4);
    padding: 8px 11px 7px 11px;
    background: #00449e;
    background: -moz-linear-gradient(top,  #00449e 0%,  #006cbc 100%);
    background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #00449e),  color-stop(100%,  #006cbc));
    background: -webkit-linear-gradient(top,  #00449e 0%,  #006cbc 100%);
    background: -ms-linear-gradient(top,  #00449e 0%,  #006cbc 100%);
    background: linear-gradient(top,  #00449e 0%,  #006cbc 100%);
}
*.large-action-button, *.large-action-button:link, *.large-action-button:visited {
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    color: #003b64;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin: 0;
    font: bold 15px/1.2 Arial,  Helvetica,  sans-serif;
    padding: 7px 12px;
    height: 19px;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.75);
    position: relative;
    border: solid 1px #f9c500;
    border-radius: 4px;
    -webkit-appearance: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -ms-background-clip: padding-box;
    background-clip: padding-box;
    background: #fff200;
    background: -moz-linear-gradient(top,  #fff200 0%,  #f7cf00 100%);
    background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%,  #fff200),  color-stop(100%,  #f7cf00));
    background: -webkit-linear-gradient(top,  #fff200 0%,  #f7cf00 100%);
    background: -ms-linear-gradient(top,  #fff200 0%,  #f7cf00 100%);
    background: linear-gradient(top,  #fff200 0%,  #f7cf00 100%);
}