/* Full width */ .row.ee-codebase.ee-bgFullwidth::before{ content:''; position:absolute; z-index:-1; height:100%; width:100vw; min-width:1008px; top:0; left:calc(-50vw + 50%); display:block; } @media only screen and (max-width:1008px){ .row.ee-codebase.ee-bgFullwidth:not(.ee-bgImg)::before{ left:0px; } } #site-control-content{ overflow:hidden; min-width: 1008px; } /* --------- BACKGROUNDS --------- */ /* colors */ .row.ee-codebase.ee-bgFullwidth.ee-bgBlue1::before, .row.ee-codebase.ee-bgBlue1:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgBlue1{ background-color:#003b64; } .row.ee-codebase.ee-bgFullwidth.ee-bgBlue2::before, .row.ee-codebase.ee-bgBlue2:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgBlue2{ background-color:#0073bd; } .row.ee-codebase.ee-bgFullwidth.ee-bgGray1::before, .row.ee-codebase.ee-bgGray1:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgGray1{ background-color:#f1f2f2; } .row.ee-codebase.ee-bgFullwidth.ee-bgGray2::before, .row.ee-codebase.ee-bgGray2:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgGray2{ background-color:#e7e7e7; } /* bg box */ .row.ee-codebase .ee-bgBoxblack{ padding:35px; background:rgba(0,0,0,0.8); } .row.ee-codebase .ee-bgBoxwhite{ padding:35px; background:rgba(255,255,255,0.8); } /* insets */ .row.ee-codebase.ee-bgFullwidth.ee-bgInset::before, .row.ee-codebase.ee-bgInset:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgInset{ -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.12); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.12); box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.12); } /* drop shadow */ .row.ee-codebase.ee-bgFullwidth.ee-bgDrop::before, .row.ee-codebase.ee-bgDrop:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgDrop{ -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); } /* vignette */ .row.ee-codebase.ee-bgFullwidth.ee-bgHalo1::before, .row.ee-codebase.ee-bgHalo1:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgHalo1{ background-image:url('http://img.bbystatic.com/BestBuy_US/store/ee/common/codebase/code/v1.1/imgs/BgHalo1.png'); background-size:100% 100%; background-repeat:no-repeat; background-position:center center; } .row.ee-codebase.ee-bgFullwidth.ee-bgHalo2::before, .row.ee-codebase.ee-bgHalo2:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgHalo2{ background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(25%,rgba(255,255,255,1)), color-stop(75%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',Gradienttypo=0 ); } /* gradients - up */ .row.ee-codebase.ee-bgFullwidth.ee-bgGradientup1::before, .row.ee-codebase.ee-bgGradientup1:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgGradientup1{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.05) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.05))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',Gradienttypo=0 ); } .row.ee-codebase.ee-bgFullwidth.ee-bgGradientup2::before, .row.ee-codebase.ee-bgGradientup2:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgGradientup2{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,.05) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.05))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,.05) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,.05) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,.05) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,.05) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',Gradienttypo=0 ); } .row.ee-codebase.ee-bgFullwidth.ee-bgGradientup3::before, .row.ee-codebase.ee-bgGradientup3:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgGradientup3{ background: -moz-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,.05) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.05))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,.05) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,.05) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,.05) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 75%,rgba(0,0,0,.05) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',Gradienttypo=0 ); } /* gradients - down */ .row.ee-codebase.ee-bgFullwidth.ee-bgGradientdown1::before, .row.ee-codebase.ee-bgGradientdown1:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgGradientdown1{ background: -moz-linear-gradient(top, rgba(0,0,0,.05) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.05)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',Gradienttypo=0 ); } .row.ee-codebase.ee-bgFullwidth.ee-bgGradientdown2::before, .row.ee-codebase.ee-bgGradientdown2:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgGradientdown2{ background: -moz-linear-gradient(top, rgba(0,0,0,.05) 0%, rgba(0,0,0,0) 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.05)), color-stop(50%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 50%); background: -o-linear-gradient(top, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 50%); background: -ms-linear-gradient(top, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 50%); background: linear-gradient(to bottom, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',Gradienttypo=0 ); } .row.ee-codebase.ee-bgFullwidth.ee-bgGradientdown3::before, .row.ee-codebase.ee-bgGradientdown3:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgGradientdown3{ background: -moz-linear-gradient(top, rgba(0,0,0,.05) 0%, rgba(0,0,0,0) 25%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.05)), color-stop(25%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 25%); background: -o-linear-gradient(top, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 25%); background: -ms-linear-gradient(top, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 25%); background: linear-gradient(to bottom, rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 25%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',Gradienttypo=0 ); } /* --------- BUTTONS & LINKS --------- */ /* buttons */ .row.ee-codebase a.ee-linkBtn-nav2, .row.ee-codebase a.ee-linkBtn-utl2, .row.ee-codebase a.ee-linkBtn-nav1, .row.ee-codebase a.ee-linkBtn-utl1{ border-radius: 4px; display:inline-block; text-align: center; } .row.ee-codebase a.ee-linkBtn-nav2, .row.ee-codebase a.ee-linkBtn-utl2{ padding: 13px 40px 12px 40px; font: bold 15px/1.2 Arial,Helvetica,"Nimbus Sans L","Liberation Sans",FreeSans,sans-serif; } .row.ee-codebase a.ee-linkBtn-nav1, .row.ee-codebase a.ee-linkBtn-utl1{ padding: 8px 24px 7px 24px; font: bold 13px/1.2 Arial,Helvetica,"Nimbus Sans L","Liberation Sans",FreeSans,sans-serif; } .row.ee-codebase a.ee-linkBtn-nav2, .row.ee-codebase a.ee-linkBtn-nav1{ background-image: -webkit-linear-gradient(top, #0070bf 0, #005ea6 100%); background-image: linear-gradient(to bottom, #0070bf 0, #005ea6 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070bf', endColorstr='#ff005ea6', GradientType=0); border: 1px solid #003865; color: #fff; box-shadow: inset 0 -1px 1px #003b64; text-shadow: none; } .row.ee-codebase a.ee-linkBtn-nav2:hover, .row.ee-codebase a.ee-linkBtn-nav1:hover{ background-image: -webkit-linear-gradient(top, #0070bf 0, #0070bf 100%); background-image: linear-gradient(to bottom, #0070bf 0, #0070bf 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070bf', endColorstr='#ff0070bf', GradientType=0); outline: none; text-decoration:none; } .row.ee-codebase a.ee-linkBtn-utl2, .row.ee-codebase a.ee-linkBtn-utl1{ background-image: -webkit-linear-gradient(top, #fff 0, #f1f2f2 100%); background-image: linear-gradient(to bottom, #fff 0, #f1f2f2 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff1f2f2', GradientType=0); border: 1px solid #cacccc; color: #085eb9; box-shadow: inset 0 -1px 1px #cacccc; text-shadow: none; } .row.ee-codebase a.ee-linkBtn-utl2:hover, .row.ee-codebase a.ee-linkBtn-utl1:hover{ background-image: -webkit-linear-gradient(top, #fff 0, #fff 100%); background-image: linear-gradient(to bottom, #fff 0, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); outline: none; text-decoration:none; } /* stand-alone links */ a.ee-linkCopy1{ font-size:15px; color:#085eb9; text-decoration:none; line-height:1.5em; cursor:pointer; display:table; } a.ee-linkCopy1:hover{ text-decoration:underline; color:#003b64; } a.ee-linkCopy1:link::after{ content:' \203A'; } a.ee-linkCopy2{ font-size:13px; color:#085eb9; text-decoration:none; line-height:1.5em; cursor:pointer; display:table; } a.ee-linkCopy2:hover{ text-decoration:underline; color:#003b64; } a.ee-linkCopy2::after{ content:' \203A'; } /* piped links */ .ee-linkSeries1{ display:table; font-size:15px; color:#085eb9; text-decoration:none; line-height:1.5em; } .ee-linkSeries1 a{ cursor:pointer; display:block; float:left; } .ee-linkSeries1 a:hover{ text-decoration:underline; color:#003b64; } .ee-linkSeries1 a::before{ content:'\00a0\00a0\00a0\00a0|\00a0\00a0\00a0\00a0'; font-size:15px; color:#737474; display:block; padding-top:8px; line-height:0px; float:left; } .ee-linkSeries1 a:first-child::before{ content:''; } .ee-linkSeries2{ display:table; font-size:13px; color:#085eb9; text-decoration:none; } .ee-linkSeries2 a{ cursor:pointer; display:block; float:left; } .ee-linkSeries2 a:hover{ text-decoration:underline; color:#003b64; } .ee-linkSeries2 a::before{ content:'\00a0\00a0\00a0\00a0|\00a0\00a0\00a0\00a0'; font-size:13px; color:#737474; display:block; padding-top:7px; line-height:0px; float:left; } .ee-linkSeries2 a:first-child::before{ content:''; } /* play button specific link */ a.ee-linkPlay1{ font-size:15px; color:#085eb9 !important; text-decoration:none !important; line-height:1.5em !important; cursor:pointer; padding-left:38px; padding-top:1px; position:relative; display:table; } a.ee-linkPlay1:hover{ text-decoration:underline !important; color:#003b64 !important; } a.ee-linkPlay1::before{ content:''; background:url('http://img.bbystatic.com/BestBuy_US/store/ee/common/codebase/code/v1.1/imgs/play_icon2.png') no-repeat left center; background-size: 30px 22px; position:absolute; z-index:2; top:0; left:0; width: 30px; height:100%; min-height:22px; cursor:pointer; display:block; } a.ee-linkPlay2{ font-size:13px; color:#085eb9 !important; text-decoration:none !important; line-height:1.5em !important; cursor:pointer; padding-left:38px; padding-top:1px; position:relative; display:table; } a.ee-linkPlay2:hover{ text-decoration:underline !important; color:#003b64 !important; } a.ee-linkPlay2::before{ content:''; background:url('http://img.bbystatic.com/BestBuy_US/store/ee/common/codebase/code/v1.1/imgs/play_icon2.png') no-repeat left center; background-size: 30px 22px; position:absolute; z-index:2; top:0; left:0; width: 30px; height:100%; min-height:22px; cursor:pointer; display:block; } /* --------- BORDERS --------- */ /* all sides */ .row.ee-codebase.ee-bgFullwidth.ee-borderAll1::before, .row.ee-codebase.ee-borderAll1:not(.ee-bgFullwidth), .row.ee-codebase .ee-borderAll1{ border:1px solid #dbdcdc; } .row.ee-codebase.ee-bgFullwidth.ee-borderAll2::before, .row.ee-codebase.ee-borderAll2:not(.ee-bgFullwidth), .row.ee-codebase .ee-borderAll2{ border:1px solid #c3c4c4; } /* top */ .row.ee-codebase.ee-bgFullwidth.ee-borderTop1::before, .row.ee-codebase.ee-borderTop1:not(.ee-bgFullwidth), .row.ee-codebase .ee-borderTop1{ border-top:1px solid #dbdcdc; } .row.ee-codebase.ee-bgFullwidth.ee-borderTop2::before, .row.ee-codebase.ee-borderTop2:not(.ee-bgFullwidth), .row.ee-codebase .ee-borderTop2{ border-top:1px solid #c3c4c4; } /* bottom */ .row.ee-codebase.ee-bgFullwidth.ee-borderBtm1::before, .row.ee-codebase.ee-borderBtm1:not(.ee-bgFullwidth), .row.ee-codebase .ee-borderBtm1{ border-bottom:1px solid #dbdcdc; } .row.ee-codebase.ee-bgFullwidth.ee-borderBtm2::before, .row.ee-codebase.ee-borderBtm2:not(.ee-bgFullwidth), .row.ee-codebase .ee-borderBtm2{ border-bottom:1px solid #c3c4c4; } /* --------- POSITIONING --------- */ /* vertical align middle */ .row.ee-codebase div.ee-posVertcenter{ width:100%; display:table; } .row.ee-codebase div.ee-posVertcenter > *{ width:100%; display:table-cell; vertical-align:middle; } /* vertical align bottom */ .row.ee-codebase div.ee-posVertbottom{ width:100%; display:table; } .row.ee-codebase div.ee-posVertbottom > *{ width:100%; display:table-cell; vertical-align:bottom; } /* vertical align top */ .row.ee-codebase div.ee-posVerttop{ width:100%; display:table; } .row.ee-codebase div.ee-posVerttop > *{ width:100%; display:table-cell; vertical-align:top; } /* --------- TYPOGRAPHY --------- */ /* h tag adjustments */ .row.ee-codebase h1, .row.ee-codebase h2, .row.ee-codebase h3, .row.ee-codebase h4, .row.ee-codebase h5{ display:inline; font-size:inherit; font-weight:inherit; line-height:inherit; text-decoration:inherit; text-transform:inherit; letter-spacing:inherit; } /* preheader */ .ee-typoPreheader{ font-size:14px !important; line-height:0px !important; } /* headlines - upper */ .ee-typoHeaderUp1{ font-size:45px !important; line-height:.85em !important; text-transform:uppercase !important;} .ee-typoHeaderUp2{ font-size:35px !important; line-height:.9em !important; text-transform:uppercase !important; } .ee-typoHeaderUp3{ font-size:30px !important; line-height:.9em !important; text-transform:uppercase !important; } /* Headline - upper - force lowercase */ .ee-typoHeaderUp1 small, .ee-typoHeaderUp2 small, .ee-typoHeaderUp3 small{ font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important; text-decoration:inherit !important; text-transform:lowercase !important; color:inherit !important; } /* headlines - lower */ .ee-typoHeaderLow1{ font-size:45px !important; line-height:1em !important; } .ee-typoHeaderLow2{ font-size:35px !important; line-height:1em !important; } .ee-typoHeaderLow3{ font-size:30px !important; line-height:1em !important; } /* subheads */ .ee-typoSubhead{ font-size:20px !important; line-height:1.1em !important; } /* body copy */ .ee-typoCopy1{ font-size:15px !important; line-height:1.5em !important;} .ee-typoCopy2{ font-size:13px !important; line-height:1.5em !important; } /* body copy links */ .ee-typoCopy1 a:link{ text-decoration:none !important; color:#085eb9 !important; font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important;} .ee-typoCopy1 a:hover{ text-decoration:underline !important; color:#003b64 !important; } .ee-typoCopy2 a:link{ text-decoration:none !important; color:#085eb9 !important; font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important;} .ee-typoCopy2 a:hover{ text-decoration:underline !important; color:#003b64 !important; } /* lists */ ul.ee-typoList1{ list-style-typo:disc !important; margin-bottom:0 !important; padding-left:17px !important; } ul.ee-typoList1 li{ font-size:15px !important; line-height:1.5em !important; padding-bottom:10px !important; } ul.ee-typoList2{ list-style-typo:disc !important; margin-bottom:0 !important; padding-left:17px !important; } ul.ee-typoList2 li{ font-size:13px !important; line-height:1.5em !important; padding-bottom:7px !important; } /* legal */ .ee-typoLegal{ font-size:11px; line-height:1.3em; } /* individual styling */ .ee-typoUpper{ text-transform:uppercase !important; } .ee-typoBold{ font-weight:bold !important; } .ee-typoNormal{ font-weight:normal !important; } /* colors */ .ee-typoBlack, .row.ee-codebase{ color:#49494a !important; } .ee-typoGray{ color:#737474 !important; } .ee-typoBlue{ color:#003b64 !important; } .ee-typoWhite{ color:#ffffff !important; } /* adjustment */ .ee-typoPreheader sup, .ee-typoHeaderUp1 sup, .ee-typoHeaderUp2 sup, .ee-typoHeaderUp3 sup, .ee-typoHeaderUp1 small sup, .ee-typoHeaderUp2 small sup, .ee-typoHeaderUp3 small sup, .ee-typoHeaderLow1 sup, .ee-typoHeaderLow2 sup, .ee-typoHeaderLow3 sup, .ee-typoSubhead sup, .ee-typoCopy1 sup, .ee-typoCopy2 sup, .ee-typoCopy1 a sup, .ee-typoCopy2 a sup, ul.ee-typoList1 li sup, ul.ee-typoList2 li sup, .ee-typoLegal sup, a.ee-linkCopy1 sup, a.ee-linkCopy2 sup, .ee-linkSeries1 a sup, .ee-linkSeries2 a sup, a.ee-linkPlay1 sup, a.ee-linkPlay2 sup { line-height:0px !important; color:inherit !important; font-weight: inherit !important; text-transform: lowercase !important; } .ee-typoPreheader sup{ font-size:.5em !important; top:-1.2em !important; } .ee-typoHeaderUp1 sup, .ee-typoHeaderUp2 sup, .ee-typoHeaderUp3 sup, .ee-typoHeaderUp1 small sup, .ee-typoHeaderUp2 small sup, .ee-typoHeaderUp3 small sup{ font-size:.3em !important; top:-2em !important; } .ee-typoHeaderLow1 sup, .ee-typoHeaderLow2 sup, .ee-typoHeaderLow3 sup, .ee-typoSubhead sup{ font-size:.3em !important; top:-1.5em !important; } .ee-typoCopy1 sup, .ee-typoCopy2 sup, .ee-typoCopy1 a sup, .ee-typoCopy2 a sup, ul.ee-typoList1 li sup, ul.ee-typoList2 li sup, .ee-typoLegal sup, a.ee-linkCopy1 sup, a.ee-linkCopy2 sup, .ee-linkSeries1 a sup, .ee-linkSeries2 a sup, a.ee-linkPlay1 sup, a.ee-linkPlay2 sup { font-size:.5em !important; top:-1em !important; } /* general font styles */ .ee-typoPreheader sup, .ee-typoHeaderUp1 sup, .ee-typoHeaderUp2 sup, .ee-typoHeaderUp3 sup, .ee-typoHeaderUp1 small sup, .ee-typoHeaderUp2 small sup, .ee-typoHeaderUp3 small sup, .ee-typoHeaderLow1 sup, .ee-typoHeaderLow2 sup, .ee-typoHeaderLow3 sup, .ee-typoSubhead sup, .ee-typoCopy1 sup, .ee-typoCopy2 sup, .ee-typoCopy1 a sup, .ee-typoCopy2 a sup, ul.ee-typoList1 li sup, ul.ee-typoList2 li sup, .ee-typoLegal sup, a.ee-linkCopy1 sup, a.ee-linkCopy2 sup, .ee-linkSeries1 a sup, .ee-linkSeries2 a sup, a.ee-linkPlay1 sup, a.ee-linkPlay2 sup { font-family: Arial, Helvetica, "Nimbus Sans L","Liberation Sans", sans-serif; letter-spacing:-0.2px; } /* --------- ICONS --------- */ /* Play icon */ .row.ee-codebase a.ee-iconPlay1{ width:60px; height:40px; display:block; position:relative; cursor:pointer; opacity:0.7; } .row.ee-codebase a.ee-iconPlay1:hover{ opacity:1; } .row.ee-codebase a.ee-iconPlay1::before{ content:''; background:url('http://img.bbystatic.com/BestBuy_US/store/ee/common/codebase/code/v1.1/imgs/play_icon1.png') no-repeat left center; background-size:60px 40px; width: 60px; height: 40px; z-index: 2; position: absolute; top: 0px; left: 0px; cursor:pointer; display:block; } /* Play icon 2 */ .row.ee-codebase a.ee-iconPlay2{ width:30px; height:22px; display:block; position:relative; cursor:pointer; } .row.ee-codebase a.ee-iconPlay2::before{ content:''; background:url('http://img.bbystatic.com/BestBuy_US/store/ee/common/codebase/code/v1.1/imgs/play_icon2.png') no-repeat left center; background-size:30px 22px; width: 30px; height: 22px; z-index: 2; position: absolute; top: 0px; left: 0px; cursor:pointer; display:block; } /* --------- DRAWERS --------- */ .row.ee-codebase article.ee-fnDrawer{ width:100%; } .row.ee-codebase article.ee-fnDrawer section{ width:100%; line-height: 50px; height:50px; background-color: #e7e7e7; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#49494a; font-size:17px; font-weight:bold; padding:0px 0 0 15px; margin:0; position:relative; cursor:pointer; } .row.ee-codebase article.ee-fnDrawer section:last-of-type{ border-bottom:1px solid #dcdcdc; } .row.ee-codebase article.ee-fnDrawer section.ee-DrawerOpen::after, .row.ee-codebase article.ee-fnDrawer section.ee-DrawerClose::after{ content:''; width:16px; height:8px; position:absolute; top:20px; right:15px; } .row.ee-codebase article.ee-fnDrawer section.ee-DrawerOpen::after{ background:url('imgs/caret-open.png') no-repeat center center; background-size:16px 8px; } .row.ee-codebase article.ee-fnDrawer section.ee-DrawerClose::after{ background:url('imgs/caret-closed.png') no-repeat center center; background-size:16px 8px; } .row.ee-codebase article.ee-fnDrawer::after{ content:' '; width:100%; height:1px; display: table; clear:both; } .row.ee-codebase article.ee-fnDrawer section + p{ width:100%; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:30px; margin:0; display:none; } .row.ee-codebase article.ee-fnDrawer p:last-of-type{ border-bottom:1px solid #dcdcdc; } /* --------------------------------------- CORRECTIONS --------------------------------------- */ /* Get rid of Codebase open HTML load widget */ #site-control-content > .container[class="container"] > .row:first-child{ height:0px; overflow:hidden; } /* When designer uses just one OpenHTML Container and then rows inside that. Need to make rows relative. */ #site-control-content .widget-openHTML > .row.ee-codebase{ position:relative; } /* Get rid of the auto margins for rows */ .row.ee-codebase{ margin:0px; } /* --------------------------------------- Old Code --------------------------------------- */ /* edging - up */ /* .row.ee-codebase.ee-bgFullwidth.ee-bgEdgeup1::before, .row.ee-codebase.ee-bgEdgeup1:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgEdgeup1{ background-image:url('imgs/BgEdgeup1.png'); background-size:900px 90px; background-repeat:no-repeat; background-position:center bottom; } .row.ee-codebase.ee-bgFullwidth.ee-bgEdgeup2::before, .row.ee-codebase.ee-bgEdgeup2:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgEdgeup2{ background-image:url('imgs/BgEdgeup2.png'); background-size:1000px 45px; background-repeat:no-repeat; background-position:center bottom; } .row.ee-codebase.ee-bgFullwidth.ee-bgEdgeup3::before, .row.ee-codebase.ee-bgEdgeup3:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgEdgeup3{ background-image:url('imgs/BgEdgeup3.png'); background-size:900px 90px; background-repeat:no-repeat; background-position:center bottom; }*/ /* edging - down */ /* .row.ee-codebase.ee-bgFullwidth.ee-bgEdgedown1::before, .row.ee-codebase.ee-bgEdgedown1:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgEdgedown1{ background-image:url('imgs/BgEdgedown1.png'); background-size:900px 90px; background-repeat:no-repeat; background-position:center top; } .row.ee-codebase.ee-bgFullwidth.ee-bgEdgedown2::before, .row.ee-codebase.ee-bgEdgedown2:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgEdgedown2{ background-image:url('imgs/BgEdgedown2.png'); background-size:1000px 45px; background-repeat:no-repeat; background-position:center top; } .row.ee-codebase.ee-bgFullwidth.ee-bgEdgedown3::before, .row.ee-codebase.ee-bgEdgedown3:not(.ee-bgFullwidth), .row.ee-codebase .ee-bgEdgedown3{ background-image:url('imgs/BgEdgedown3.png'); background-size:900px 90px; background-repeat:no-repeat; background-position:center top; }*/