@charset "UTF-8";
/* CSS Document */


/* 
------------
PromoPH V1.4 
------------
/*

/* --------------------------------------------------- */
/* ------- TURN OFF RESPONSIVE / CONTROL WIDTH ------- */
/* --------------------------------------------------- */
#content { width:100% !important; padding-top:0}
#main { width:100% !important;}
#promoPH-content { margin: 0 auto !important; padding: 0; width: 100% !important ;}
#container {width:100% !important ;}
.container { width: 1008px !important;}
@media (min-width: 768px) { .container {width: 1008px !important;} }
@media (min-width: 992px) { .container { width: 1008px !important;} }
@media (min-width: 1200px) { .container { width: 1008px !important;} }


/* -------------------------------------- */
/* ------- ADJUST CSEE CONTAINERS ------- */
/* -------------------------------------- */
#main {  width:100%; padding:0 }


/* --------------------------------------------- */
/* ------- ADJUST SITE COTROL CONTAINERS ------- */
/* --------------------------------------------- */
.openHTML-module-container.container {width:100% !important; border-top: 0;margin: 0;padding: 0;}
#promo-content { width:100% !important; margin:0; padding:0 }
#promo-modules {width:100% !important; margin:0; padding:0 }

/* --------------------------------------- */
/* ---------- BOOTSTRAP OVERLAY ---------- */
/* --------------------------------------- */
.bootOverlay.on {background-image: url("http://img.bbystatic.com/BestBuy_US/en_US/images/abn/2015/global/bootTemp/bootstrap-overlay.png"); z-index:0; position:absolute; background-position:center top; background-repeat:repeat-y; height:100%; width:100%; margin:0 auto; min-width:1008px }
.bootOverlay.off {background-image: none; }


/* ---------------------------------- */
/* ------- ALL PROMO PH PAGES ------- */
/* ---------------------------------- */
.promoPh a:link { font-weight:bold}
hr { display:block; border-width:1px 0 0 0; border-style:solid; border-color:#ccc }

/*Add vertical divide line to column */
.vertLineLt { border-color:#ccc; border-width:0 0 0 1px; border-style:solid }
.vertLineRt { border-color:#ccc; border-width:0 1px 0 0; border-style:solid }

/*Turn off underline on link with #hoverOff class */
#hoverOff a:hover { text-decoration:none !important}

/*5 Column CSS. Put inside col-xs-12 */
.promoPh .fiveCol { }
.promoPh .fiveCol ul { margin:0; padding:0 }
.promoPh .fiveCol ul li {float:left; padding:0; width: 171px; margin-right:30px; list-style:none }
.promoPh .fiveCol ul li:last-child {margin-right:0; }
.promoPh .fiveCol ul li:nth-child(1) {margin-right:31px;}
.promoPh .fiveCol ul li:nth-child(2) {margin-right:31px;}
.promoPh .fiveCol ul li:nth-child(3) {margin-right:31px;}
.promoPh .fiveCol ul li:nth-child(3) {margin-right:31px;}


/* ------- ALL SECTIONS ------- */
.promoPh .section { background-position: center top;background-repeat: no-repeat; min-width: ; width: 100%; }

 /* ------- HEADER AND PARAGRAPH STYLES ------- */
.promoPh p, li {font-family:arial, san-serif; }
.promoPh h1, .promoPh h2, .promoPh h3, .promoPh h4  {font-family:arial, san-serif !important;font-weight:normal;}

.promoPh h1 { font-size:28px; line-height:1.2em; padding:0; margin:20px 0 10px 0}
.promoPh h2 { font-size:26px; line-height:1.2em; padding:0; margin:20px 0 10px 0}
.promoPh h3 { font-size:22px; line-height:1.2em; padding:0; margin:20px 0 10px 0}
.promoPh h4 { font-size:18px; line-height:1.2em; padding:0; margin:20px 0 10px 0}
.promoPh h5 { font-size:14px; line-height:1.3em; padding:0; margin:15px 0 10px 0}
.promoPh p, .promoPh li {font-size:14px; line-height: 1.3em  }
.promoPh ul,.promoPh ol {padding:0; margin: 0 0 0 15px}
.promoPh li {padding:0; margin:10px 0 10px 0 }
.promoPh p {padding:0; margin:10px 0 10px 0 }
.promoPh p small { font-size:11px; line-height:1.2em; color:#555; }
.promoPh small { font-size:11px; line-height:1.2em; color:#555;}

.promoPh p.disclaimer { font-size:11px; line-height:1.2em }
.promoPh p.disclaimerSm { font-size:10px; line-height:1.1em }

sub, sup { font-size: .4em ;line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.95em; }
sub { bottom: -0.25em; }


/* ----------------------- */
/* ------- BUTTONS ------- */
/* ----------------------- */
 
 /* ------ STANDARD Button / SILVER Button ------*/
.promoPh .phBtn {
	background: #f6f6f6;
	background-image: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
	background-image: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
	background-image: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
	background-image: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
	background-image: linear-gradient(to bottom, #f6f6f6, #e9e9e9);
	box-shadow:1px 1px 1px rgba(255, 255, 255, 1.0) inset;
	text-shadow: none;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font: bold 15px/1.2 Arial,Helvetica,"Nimbus Sans L","Liberation Sans",FreeSans,sans-serif;
	text-align: center;
	color: #0044ac;
	padding: 8px 16px 8px 16px;
	border: solid #c4c5c5 1px;
	text-decoration: none !important;
	display: inline-block;
	cursor:pointer;
}

.promoPh .phBtn:hover {
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
	background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
	text-decoration: none !important;
}
.promoPh .fullSpan {width:100%}

/* ------ BLUE button ------*/
.promoPh .btnBlue {
	background: #006eb8;
	background-image: -webkit-linear-gradient(top, #006db8, #00499d);
	background-image: -moz-linear-gradient(top, #006db8, #00499d);
	background-image: -ms-linear-gradient(top, #006db8, #00499d);
	background-image: -o-linear-gradient(top, #006eb8, #00499d);
	background-image: linear-gradient(to bottom, #006eb8, #00499d);
	color: #ffffff;
	border: solid #003a64 1px;
	box-shadow:1px 1px 1px rgba(255, 255, 255, 0.2) inset;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);
}
.promoPh .btnBlue:hover {
	background: #2487d2;
	background-image: -webkit-linear-gradient(top, #2487d2, #006bbc);
	background-image: -moz-linear-gradient(top, #2487d2, #006bbc);
	background-image: -ms-linear-gradient(top, #2487d2, #006bbc);
	background-image: -o-linear-gradient(top, #2487d2, #006bbc);
	background-image: linear-gradient(to bottom, #2487d2, #006bbc);
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);
}

/* ------ GRAY button ------*/
.promoPh .btnGray {
	background: #f1f2f2;
	background-image: -webkit-linear-gradient(top, #f1f2f2, #f1f2f2);
	background-image: -moz-linear-gradient(top, #f1f2f2, #f1f2f2);
	background-image: -ms-linear-gradient(top, #f1f2f2, #f1f2f2);
	background-image: -o-linear-gradient(top, #f1f2f2, #f1f2f2);
	background-image: linear-gradient(to bottom, #f1f2f2, #f1f2f2);
	color: #9a9b9b;
	border: solid #dbdcdc 1px;
	cursor:text;
	text-shadow:none;
}
.promoPh .btnGray:hover {
	background: #f1f2f2;
	background-image: -webkit-linear-gradient(top, #f1f2f2, #f1f2f2);
	background-image: -moz-linear-gradient(top, #f1f2f2, #f1f2f2);
	background-image: -ms-linear-gradient(top, #f1f2f2, #f1f2f2);
	background-image: -o-linear-gradient(top, #f1f2f2, #f1f2f2);
	background-image: linear-gradient(to bottom, #f1f2f2, #f1f2f2);
	color: #9a9b9b;
	text-decoration: none;
	border: solid #dbdcdc 1px;
	cursor:text;
	text-shadow:none;
}
/* ------ YELLOW button ------*/
.promoPh .btnYellow {
	background: #006eb8;
	background-image: -webkit-linear-gradient(top, #fff200, #f7cf00);
	background-image: -moz-linear-gradient(top, #fff200, #f7cf00);
	background-image: -ms-linear-gradient(top, #fff200, #f7cf00);
	background-image: -o-linear-gradient(top, #fff200, #f7cf00);
	background-image: linear-gradient(to bottom, #fff200, #f7cf00);
	color: #003b64;
	border: 1px solid #f9c500;
	box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75) inset;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.promoPh .btnYellow:hover {
	background: #2487d2;
	background-image: -webkit-linear-gradient(top, #fff86e, #fff200);
	background-image: -moz-linear-gradient(top, #fff86e, #fff200);
	background-image: -ms-linear-gradient(top, #fff86e, #fff200);
	background-image: -o-linear-gradient(top, #fff86e, #fff200);
	background-image: linear-gradient(to bottom, #fff86e, #fff200);
	box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75) inset;
	text-decoration: none;
}
 
 
 
 
 
 

/* -------------------------- */
/* ------- MODULE CSS ------- */
/* -------------------------- */

/*DARK BG - Reverse colors for dark bg*/
.darkBG {color:#fff}
.darkBG a:link {color:#a9e0ea}

/*SKU LIST SIMPLE*/
.skuList.simple { }
.skuList.simple .phBtn {margin-top:15px }

.skuList.simple .col-xs-3 img { width: 100%;height: inherit;display: block;margin: 0 auto;}
.skuList.simple .col-xs-3 h3 { font-family:arial !important;font-size: 20px; text-align:center;margin: 15px auto 0; }

.skuList.simple .col-xs-2 img { width: 100%;height: inherit;display: block;margin: 0 auto;}
.skuList.simple .col-xs-2 h3 { font-family:arial !important;font-size: 16px; text-align:center;margin: 15px auto 0; }

.skuList.simple .col-xs-12 img { width: 100%;height: inherit;display: block;margin: 0 auto;}
.skuList.simple .col-xs-12 h3 { font-family:arial !important;font-size: 16px; text-align:center;margin: 15px auto 0; }
.skuList.simple .col-xs-12 .fiveCol { }


/*SKU LIST COMPLEX*/
.skuList.complex { }
.skuList.complex .phBtn {margin-top:15px }

.skuList.complex .col-xs-3 img { width: 100%;height: inherit;display: block;margin: 0 auto;}
.skuList.complex .col-xs-3 h3 { font-family:arial !important;font-size: 20px; text-align:center;margin: 15px auto 0; }

.skuList.complex .col-xs-2 img { width: 100%;height: inherit;display: block;margin: 0 auto;}
.skuList.complex .col-xs-2 h3 { font-family:arial !important;font-size: 16px; text-align:center;margin: 15px auto 0; }

.skuList.complex .col-xs-12 img { width: 100%;height: inherit;display: block;margin: 0 auto;}
.skuList.complex .col-xs-12 h3 { font-family:arial !important;font-size: 16px; text-align:center;margin: 15px auto 0; }
.skuList.complex .col-xs-12 .fiveCol { }





/* ------------------------ */
/* ------- DEMO CSS ------- */
/* ------------------------ */

/*COLUMN WIDTH DEMO */
.colWidthDemo .colWidthDemoBG {background-color: #EAEAEA; padding:10px;margin: 5px 0; }
.colWidthDemo h4 {font-size: 16px;font-weight: normal;padding: 5px;padding:0; margin:0}
.colWidthDemo p { font-size: 12px;line-height: 14px;margin: 0;padding: 5px 0 0;}
.colWidthDemo h4 strong { font-weight:600}