/* Fonts */ @font-face { font-family: 'proxima_novalight'; src: url('https://apple.insidercdn.com/v9/typography/proximanova-light-webfont.eot'); src: url('https://apple.insidercdn.com/v9/typography/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://apple.insidercdn.com/v9/typography/proximanova-light-webfont.woff') format('woff'), url('https://apple.insidercdn.com/v9/typography/proximanova-light-webfont.ttf') format('truetype'), url('https://apple.insidercdn.com/v9/typography/proximanova-light-webfont.svg#proxima_novalight') format('svg'); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } @font-face { font-family: 'ProximaNovaRegular'; src: url('https://apple.insidercdn.com/v9/typography/proximanova-regular.eot'); src: url('https://apple.insidercdn.com/v9/typography/proximanova-regular.eot') format('embedded-opentype'), url('https://apple.insidercdn.com/v9/typography/proximanova-regular.woff') format('woff'), url('https://apple.insidercdn.com/v9/typography/proximanova-regular.ttf') format('truetype'), url('https://apple.insidercdn.com/v9/typography/proximanova-regular.svg#ProximaNovaRegular') format('svg'); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } @font-face { font-family: 'ProximaNovaBold'; src: url('https://apple.insidercdn.com/v9/typography/proximanova-bold.eot'); src: url('https://apple.insidercdn.com/v9/typography/proximanova-bold.eot') format('embedded-opentype'), url('https://apple.insidercdn.com/v9/typography/proximanova-bold.woff') format('woff'), url('https://apple.insidercdn.com/v9/typography/proximanova-bold.ttf') format('truetype'), url('https://apple.insidercdn.com/v9/typography/proximanova-bold.svg#ProximaNovaBold') format('svg'); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } @font-face { font-family: 'ProximaNovaThin'; src: url('https://apple.insidercdn.com/v9/typography/ProximaNovaThin.eot'); src: url('https://apple.insidercdn.com/v9/typography/ProximaNovaThin.eot') format('embedded-opentype'), url('https://apple.insidercdn.com/v9/typography/ProximaNovaThin.woff2') format('woff2'), url('https://apple.insidercdn.com/v9/typography/ProximaNovaThin.woff') format('woff'), url('https://apple.insidercdn.com/v9/typography/ProximaNovaThin.ttf') format('truetype'), url('https://apple.insidercdn.com/v9/typography/ProximaNovaThin.svg#ProximaNovaThin') format('svg'); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } body { margin: 0; padding: 0; color: #161D27; background-color: #fff; padding-bottom: 100px; } a { text-decoration: none; color: inherit; } #site-wrap { width: 980px; margin: 0 auto; will-change: padding-top; padding-top: 2em; transition: padding-top 1s; } #site-wrap.push { padding-top: 8em; } /* Copied colors */ .blue-light, .blue-light a { color:#94aecb; } .blue-bold, .blue-bold a { color:#94aecb; font-family: 'ProximaNovaBold'; } .invisible { visibility: hidden; } .visible { visibility: visible; } #pg-header { position: fixed; top: 0; left: 0; width: 100%; min-width: 980px; /* background: url(https://apple.insidercdn.com/v9/images/price-guide/bg-fma.png) no-repeat bottom center; */ background-size: 100% auto; background-color: #161D27; will-change: height; height: 4275px; z-index: 2; transition: height .5s ease-out; /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;*/ } #pg-header.collapsed { top: 0; will-change: height; height: 60px; transition: height .5s ease-out; } #pg-header.collapsed #pg-header-nav { padding-top: 1.25em; } #pg-header-nav { width: 980px; overflow: auto; margin: 0 auto; padding-top: 2em; padding-bottom: 2em; background: url(https://apple.insidercdn.com/v9/images/price-guide/logo-price-guide-ai.png) no-repeat top center; } #site-return { color: #FFF; padding: 1em 2em; border: 2px solid #fff; border-radius: 1.5em; font-family: 'ProximaNovaBold'; font-size: .8em; text-transform: uppercase; transition: background-color .2s ease-in; } #site-return:hover { color: #111; background-color: #fff; } #coupon-header { float: right; padding: 17px 50px; border: 2px solid #93adce; background-color:#93adce; text-transform: uppercase; border-radius: 50px; font-family: 'ProximaNovaBold'; color: #FFF; } #coupon-header:hover { border-color: #fff; color: #93adce; background-color: #fff; transition: background-color .2s ease-in; } #pg-header-text { display: block; clear: both; color: #FFF; text-align: center; max-width: 980px; margin: 4.5em auto; } .guide-content.collapsed { display: none; } .guide-content { display: block; padding-top: 1em; z-index: 0; } .guide-header { border-bottom: 1px solid #e0e0e0; } .guide-header i { position: relative; top: -2.5em; } .guide-header:hover { cursor: pointer; } .guide-header.expanded { position: fixed !important; top: 95 !important; height: 110px; z-index: 3 !important; } .guide-header.expanded .guide-header-img { width: 300px; } .guide-header.expanded i { visibility: visible; transition: visibility .5s ease-in; } .guide-header.expanded i:hover { } .guide-header h1 { display: inline-block; margin-top: -0.1em; } .guide-header.expanded h1 { margin-top: .3em; } .guide-header i { font-size: .75em; display: inline-block; visibility: hidden; top: -0.3em; padding: .5em; margin: 0 1em; background-color: #94abcd; border-radius: 50%; color: #fff; transition: display .2s ease-in; } #pg-header-text h1 { font-size: 3.5em; font-family: 'ProximaNovaThin'; font-weight: 100; margin: 0; padding: .5em 0 .1em 0; } #sub-header { font-size: 1em; font-family: 'ProximaNovaRegular'; font-weight: normal; margin: 0; padding: 0; padding-bottom: 2.5em; } #scroll-down { border-radius: 50%; border: 2px solid #fff; padding: .5em; } #scroll-down:hover { background-color: #fff; color: #111; border-color: #fff; transition: background-color .2s ease-in; } .guide-header { height: 97px; } .guide-header h1 { font-family: "proxima_novalight"; font-size: 30px; color: #161d27; font-weight: normal; padding-top: 33px; margin-left: 50px; } .guide-header-img { float: right; padding-right: 2.5em; width: 244px; min-height: 100px; height: 100%; } .guide-header.expanded .guide-header-img { min-height: 110px; min-width: 244px; } .guide-icon-1 { background: url('https://apple.insidercdn.com/v9/images/price-guide/icon-slider1.png') no-repeat center left; } .guide-icon-2 { background: url('https://apple.insidercdn.com/v9/images/price-guide/icon-slider5.png') no-repeat center left; } .guide-icon-3 { background: url('https://apple.insidercdn.com/v9/images/price-guide/icon-slider3.png') no-repeat center left; } .guide-icon-4 { background: url('https://apple.insidercdn.com/v9/images/price-guide/icon-slider4.png') no-repeat center left; } .guide-icon-5 { background: url('https://apple.insidercdn.com/v9/images/price-guide/icon-slider2.png') no-repeat center left; } .guide-icon-6 { background: url('https://apple.insidercdn.com/v9/images/price-guide/icon-slider6.png') no-repeat center left; } .guide-icon-7 { background: url('https://apple.insidercdn.com/v9/images/price-guide/icon-slider7.png') no-repeat center left; } .guide-icon-8 { background: url('https://apple.insidercdn.com/v9/images/price-guide/icon-slider8.png') no-repeat center left; } .guide-icon-9 { background: url('https://apple.insidercdn.com/v9/images/price-guide/icon-slider9.png') no-repeat center left; } .guide-icon-10 { background: url('https://apple.insidercdn.com/price_guide/icon-slider10.png') no-repeat center left; } .guide-icon-11 { background: url('https://apple.insidercdn.com/price_guide/icon-slider11.png') no-repeat center left; } .guide-icon-12 { background: url('https://apple.insidercdn.com/price_guide/icon-slider12.png') no-repeat center left; } .guide-header-img-1 { background: url('https://apple.insidercdn.com/v9/images/price-guide/slider1.png') no-repeat top center; } .guide-header-img-2 { background: url('https://apple.insidercdn.com/v9/images/price-guide/slider2.png') no-repeat top center; } .guide-header-img-3 { background: url('https://apple.insidercdn.com/v9/images/price-guide/slider3.png') no-repeat top center; } .guide-header-img-4 { background: url('https://apple.insidercdn.com/v9/images/price-guide/slider4.png') no-repeat top center; } .guide-header-img-5 { background: url('https://apple.insidercdn.com/v9/images/price-guide/slider5.png') no-repeat top center; } .guide-header-img-6 { background: url('https://apple.insidercdn.com/v9/images/price-guide/slider6.png') no-repeat top center; } .guide-header-img-7 { background: url('https://apple.insidercdn.com/v9/images/price-guide/slider7.png') no-repeat top center; } .guide-header-img-8 { background: url('https://apple.insidercdn.com/v9/images/price-guide/slider8.png') no-repeat top center; } .guide-header-img-9 { background: url('https://apple.insidercdn.com/v9/images/price-guide/slider9.png') no-repeat top center; } .guide-header-img-10 { background: url('https://apple.insidercdn.com/price_guide/slider10.png') no-repeat top center; } .guide-header-img-11 { background: url('https://apple.insidercdn.com/price_guide/slider11.png') no-repeat top center; } .guide-header-img-12 { background: url('https://apple.insidercdn.com/price_guide/slider12.png') no-repeat top center; } .product-header { font-size: 2em; text-align: left; font-family: 'proxima_novalight'; padding: .5em 0; border-top: 1px solid #e0e0e0; } /* Anchors Carousel */ .guide-anchors { /*border-top: 1px solid #e0e0e0;*/ overflow-y: hidden; text-align: center; padding: .5em; } .anchor-down { height: 100%; } .anchor-scroll-left { float: left; padding: 1em; } .anchor-scroll-right { float: right; padding: 1em; } .product-header { font-size: 1.4em; text-align: center; } .guide-selector { height: 100px; background-color: white; width: 100%; text-align: center; cursor: pointer; } #pg-nav { overflow: auto; float: left; min-height: 110px; width: 100%; background-color: #fff; } #pg-footer, #pg-content { clear: both; } .shadowed { box-shadow: 0 4px 2px -2px rgba(0,0,0,0.16); } .no-touch .anchor-scroll-left:hover, .no-touch .anchor-scroll-right:hover { border-radius: 50%; padding: 1em; color: #fff; background-color: #94aecb; transition: background-color .2s ease-in; } /* .guide-anchors { padding-top: 1.5em; } */ .guide-anchors ul { margin: 0 3em; padding: 0; white-space: nowrap; overflow-y: hidden; overflow-x: hidden; } .guide-anchors ul li { display: table-cell; text-align: center; padding: 0 1em; } .guide-anchors ul li img { max-width: 125px; z-index: 2; } .guide-anchors ul li a:hover { border-bottom: 4px solid #94aecb; } .guide-anchors ul a { padding: 0; margin: 0; } /* Table Header (vendor) CSS */ .vendor-abt-electronics { background-image: url( 'https://apple.insidercdn.com/v9/images/price-guide/pg-abt.png'); background-repeat: no-repeat; background-position: center; } .vendor-apple { background-image: url('https://apple.insidercdn.com/v9/images/price-guide/pg-apple.png'); background-repeat: no-repeat; background-position: center; } .vendor-macmall { background-image: url('https://apple.insidercdn.com/v9/images/price-guide/pg-macmall.png'); background-repeat: no-repeat; background-position: center; } .vendor-bh { background-image: url('https://apple.insidercdn.com/v9/images/price-guide/pg-bh.png'); background-repeat: no-repeat; background-position: center; } .vendor-adorama { background-image: url('https://apple.insidercdn.com/v9/images/price-guide/pg-adorama.png'); background-repeat: no-repeat; background-position: center; } .vendor-amazon { background-image: url( 'https://apple.insidercdn.com/v9/images/price-guide/pg-amazon.png'); background-repeat: no-repeat; background-position: center;} .vendor-b-h-photo, .vendor-bhphoto { background-image: url('https://apple.insidercdn.com/v9/images/price-guide/pg-bh.png'); background-repeat: no-repeat; background-position: center;} .vendor-best-buy, .vendor-bestbuy { background-image: url('https://apple.insidercdn.com/v9/images/price-guide/pg-bestbuy.png'); background-repeat: no-repeat; background-position: center;} .vendor-ebay { background-image: url('https://apple.insidercdn.com/v9/images/price-guide/pg-ebay.jpg'); background-repeat: no-repeat; background-position: center;} .vendor-staples { background-image: url('https://apple.insidercdn.com/v9/images/price-guide/pg-staples.png'); background-repeat: no-repeat; background-position: center;} .vendor-walmart { background-image: url( 'https://apple.insidercdn.com/v9/images/price-guide/pg-walmart.png'); background-repeat: no-repeat; background-position: center;} .vendor-techrabbit { background-image: url( 'https://apple.insidercdn.com/price_guide/pg_techrabbit.png'); background-repeat: no-repeat; background-position: center;} .vendor-dell { background-image: url('https://apple.insidercdn.com/v9/images/price-guide/pg-dell.png'); background-repeat: no-repeat; background-position: center; } .vendor-jet-com { background-image: url('https://apple.insidercdn.com/v9/images/price-guide/pg-jetcom.png'); background-repeat: no-repeat; background-position: center; } .vendor-alldayzip { background-image: url('https://apple.insidercdn.com/price_guide/pg_alldayzip.jpg'); background-repeat: no-repeat; background-position: center; } table.price-guide { width: 100%; border-collapse: collapse; } .vendor-col{ text-align: center; line-height: 45px; vertical-align: middle; min-width: 60px; } .vendor-col img { width: 45%; padding: .5em 0; } .item-row { border: 0; } .item-desc { width: 300px; border-bottom: 1px solid #e0e0e0; line-height: 1.5em; /*white-space: nowrap;*/ } .item-price { color: #666; text-align: center; font-size: .8em; line-height: 30px; border: 1px solid #e0e0e0; padding: .35em; } .item-desc:hover, .item-price:hover { background-color: #f8f8f8; transition:.3s; } .item-discount { color: #FF0000; text-align: center; border-bottom: 1px solid #e0e0e0; } .price-guide tr:last-child td { border-bottom: 0; } .price-guide tr:first-child { border-top: 1px solid #e0e0e0; } .acnhor-wrap { max-width: 33%; } .tool-tip { display: inline; float: right; margin: .5em 0; margin-right: .05em; } .tool-tip p { display: none; } .tool-tip .symbol { /* color: #e0e0e0;*/ color: #A6CE95; } .no-touch .tool-tip .symbol:hover { color: #94abcd; } .no-touch .tool-tip .symbol:hover + p { display: inline; position: absolute; background-color: rgba( 255, 255, 255, .95 ); color: #111; padding: 1.5em 1em; width: 20em; border: 2px dashed #e0e0e0; font-weight: normal; line-height: 1.5em; font-family: "ProximaNovaRegular"; } #scroll-top { position: fixed; right: 0; bottom: 0; padding: 1em; margin: 1em; border-radius: 50%; color: #000; color: #e0e0e0; background-color: #94abcd; color: #fff; } #scroll-top:hover { background-color: #fff; color: #94abcd; transition: background-color .15s ease-in; } #pg-footer { min-height: 67px; padding: 2em 0; text-align: center; /* background: url('https://apple.insidercdn.com/v9/images/price-guide/logo-footer.png') no-repeat center center; */ font-weight: normal; line-height: 1.5em; } #pg-load { min-height: 300px; text-align: center; padding-top: 10%; font-size: 5em; color: #e0e0e0; } #pg-coupon-overlay { font-family: ProximaNovaRegular; padding: 1em; padding-bottom: 2em; border: 2px dashed #e0e0e0; background-color: #fff; overflow: show; } #coupon-overlay-icon { font-size: 3em; color: #111; float: left; margin-right: 1em; color: #A6CE95; } .guide-header.expanded .guide-header-inner-wrap { min-height: 110px; } .guide-header-inner-wrap { width: 980px; text-align: left; margin: 0 auto; } #pg-coupon-overlay h2 { text-align: center; vertical-align: middle; border-bottom: 1px solid #e0e0e0; font-size: 1.2em; line-height: 1.3em; } #pg-coupon-overlay img { margin-right: .5em; vertical-align: middle; max-height: 100px; } #pg-nav { min-width: 980px; padding-top: 60px; } #coupon-overlay-buy { background-color:#94aecb; color: #fff; font-family: 'ProximaNovaBold'; border-radius: 15px; padding: 10px; border: 1px solid #94aecb; } #coupon-overlay-buy:hover { background-color:#fff; color: #94aecb; border-radius: 15px; padding: 10px; transition: background-color .2s ease-in; } #no-js-guide-name a { font-size: .6em; margin-right: .5em; } /* Gazelle Trade-ins */ table.gazelle-tradein th.vendor-col img { width: auto; } span.cond-good { color: #f88f00; } span.cond-like-new { color: #58B12C; } .vendor-col.gazelle-tradein { vertical-align: bottom; } /* ARticles embed code */ .pg-article-wrap { overflow: hidden; width: 660px; } .pg-article-wrap .price-guide { min-width: 900px; overflow: auto; } .pg-article-wrap .price-guide td { font-size: .8em; padding: .4em; } .pg-article-wrap .price-guide td.item-desc { white-space: nowrap; } .pg-article-wrap .item-desc { font-size: .8em; } .pg-article-wrap .vendor-col:nth-child(1) { background-size: 75%; } .pg-article-wrap .product-image img { max-width: 100px; } .pg-article-wrap .guide-anchors-list li img { max-width: 100px; } .pg-article-wrap .guide-content, .pg-article-wrap .guide-anchors { padding-top: 0; margin-top: 0; } .pg-article-wrap .anchor-scroll { vertical-align: middle; } .pg-article-wrap .anchor-scroll-right { float: right; } .pg-article-wrap .guide-anchors ul { margin-top: -3em !important; } .pg-article-overflow-wrap { overflow-x: scroll; width: 100%; } ul.guide-anchors-list { padding-top: 1em; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90); background-color: #fff; } #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{overflow:show;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} */ /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .anchor-scroll-left { position: relative; left: .5em; top: 84px;} .anchor-scroll-right { position: relative; right: .5em; top: 84px; } .pg-collection-nav { padding-top: 1em; margin: 0 .25em; } .pg-collection-nav li { list-style-type: none; padding: .5em 0; border-bottom: 1px solid #e0e0e0; min-height: 3em; width: 100%; background-repeat: no-repeat; background-size: 70px auto; background-position: left bottom; } .pg-collection-nav li:hover { cursor: pointer; } .pg-collection-nav li a { display: block; margin-top: 15px; font-size: 1.25em; margin-left: 90px; line-height: 1.25em; } table.price-guide { margin: 0 .25; } .guide-desc { display:table-cell; vertical-align: top; overflow: hidden; font-size: 0.74em; font-family: 'ProximaNovaRegular'; font-weight: 100; line-height: 1.3em; } .guide-desc a { color: #456c97; } .guide-desc a:hover { color:#c60; } .guide-desc p:first-child { margin-top: 0; -webkit-transition: height 1s; -moz-transition: height 1s; -ms-transition: height 1s; -o-transition: height 1s; transition: height 1s; } .expand-desc { float: right; padding: .5em; color: #456c97; } .table-footer { padding-top: 1.5em; font-size: 1em; width: 100%;} .table-footer h3 { font-family: 'proxima_novalight'; } .pg-footer-coupon { border: 1px dashed #e0e0e0; padding: .5em; margin-bottom: 1em; background-color: #f9fcff; text-align: left; overflow: auto; } .pg-coupon-code { border: 1px dashed 1em; padding: .2em; background-color: #f8f3b9; line-height: 1.5em; border: 2px dashed #fcd27f; } .pg-coupon-img-wrap { display: table-cell; text-align: center; width: 60px; padding: .5em; padding-right: 1em; } .pg-footer-coupon p { display: table-cell; margin: 0; padding: 0; vertical-align: middle; }