h1{color:#644ca4;font-size:24px;font-weight:400;margin-bottom:10px}#dealsPage .container{padding:0 20px}#deals #tabs{border-bottom:1px solid #46d4e4;font-size:16px;margin-bottom:10px;margin-left:0;padding:7px 0}#sortBy{display:none;float:right;max-width:200px;min-width:160px;width:55%}#sortBy.show{display:block}#deals{padding:0 20px}#deals #tabs li{display:inline;list-style:none;margin:0}#deals #tabs a{border:1px solid #46d4e4;border-bottom:none;border-radius:6px 6px 0 0;padding:4px;text-decoration:none}#deals #tabs a:not(#current){border:none}#deals #tabs li a:hover{background:#46d4e4;border-color:#46d4e4;color:#000;padding:5px 4px}#deals #tabs li a#current:hover{color:#fff!important}#deals #tabs li a#current{border-bottom:1px solid #fff;color:#46d4e4;font-weight:700}#deals #payg .header:first-child,#deals #simfree .header:first-child{margin-bottom:0}#deals .deal{border:1px solid #000;border-radius:6px;margin-bottom:20px;position:relative}#deals .deal .deal-container{padding:15px 15px 0}#deals .deal p{font-size:14px;margin:0 0 15px}#deals .deal .show-cost-breakdown i.show:after{content:"\ea42"}#deals .deal .show-cost-breakdown i.hide:after{content:"\ea43"}#deals .deal .show-cost-breakdown i.hide:after,#deals .deal .show-cost-breakdown i.show:after{color:#46d4e4;display:inline-block;font-family:icomoon;font-size:12px;font-style:normal;font-weight:100;transition:.4s}#deals .deal .deal-info{overflow:hidden}#deals .deal .deal-image{float:left;height:100px;margin:0}#deals .deal .deal-details{float:left;margin-left:3%;width:54%}#deals .deal .deal-details p:first-of-type{margin-top:0}#deals .deal .deal-details .phone{font-size:16px;margin-top:10px}#deals .deal .deal-details .network-contract,#deals .deal .deal-details .phone-price{font-size:18px}#deals .deal .deal-details a{color:#46d4e4;font-size:14px;font-weight:700}#deals .deal .deal-buy{float:left;text-align:center;width:28%}#deals .deal .deal-buy .button div{padding:4px;width:100%}#deals .deal .deal-buy span.multiple{cursor:pointer;font-size:14px}#deals .deal .deal-buy span.multiple:hover{text-decoration:underline}#deals .deal .deal-text p{font-size:12px;margin:5px 0 8px}#deals .deal .deal-text .bubbles{background-color:#eee;border-radius:8px;float:left;margin-bottom:0;padding:6px;width:100%}#deals .deal .deal-text .bubbles .bubble{#border:1px solid #000;#border-radius:6px;#padding:5px 14px;float:left;font-size:14px;margin-right:6px}#deals .deal .deal-text .bubbles .bubble span{color:#46d4e4}#deals .deal .deal-info div{background-color:#fff;display:flex;float:left;font-size:12px;height:85px;padding:10px 6px;width:20%}#deals .deal .deal-info div span{align-self:flex-end;display:inline-block;flex-grow:1;text-align:center}#deals .deal .deal-info div.data{background:url(/assets/images/icons/deal/data.png) #fff;background-origin:content-box;background-position:top;background-repeat:no-repeat;background-size:30px;border-radius:0 0 0 6px}#deals .deal .deal-info div.device{background:url(/assets/images/icons/deal/device.png);background-origin:content-box;background-position:top;background-repeat:no-repeat;background-size:30px}#deals .deal .deal-info div.minutes{background:url(/assets/images/icons/deal/mins.png) #fff;background-origin:content-box;background-position:top;background-repeat:no-repeat;background-size:30px}#deals .deal .deal-info div.texts{background:url(/assets/images/icons/deal/texts.png);background-origin:content-box;background-position:top;background-repeat:no-repeat;background-size:30px}#deals .deal .deal-info div.contract{background:url(/assets/images/icons/deal/contract.png) #fff;background-origin:content-box;background-position:top;background-repeat:no-repeat;background-size:30px;border-radius:0 0 6px 0}#dealsContainer .retailers{background:#fff;border:1px solid #0a8537;border-radius:8px;box-shadow:0 0 15px 0 rgba(0,0,0,.35);cursor:auto;display:none;height:auto;min-height:75px;padding:10px;position:absolute;right:20px;text-align:center;top:48%;width:50%;z-index:9}#dealsContainer .retailers ul{margin-top:10px}#dealsContainer .retailers li{background-color:#eee;border:1px solid #eee;border-radius:4px;list-style:none;margin-bottom:5px;padding:3px 10px;text-align:left;width:100%}#dealsContainer .retailers li:hover{border:1px solid #ff8400}#dealsContainer .retailers li span{float:right;font-size:18px}#dealsContainer .retailers .icon-cross{cursor:pointer;display:inline-block;float:right;font-size:12px;margin-top:4px}.deal-breakdown{display:none;margin:20px 0}.deal-breakdown .deal-breakdown-content{border:1px solid #000;padding:30px;position:relative;top:-10px}.deal-breakdown .deal-breakdown-content:after,.deal-breakdown .deal-breakdown-content:before{border-bottom-width:20px;border-left:20px solid transparent;border-right:20px solid transparent;content:"";left:10%;position:absolute}.deal-breakdown .deal-breakdown-content:before{border-bottom-color:#000;top:-21px}.deal-breakdown .deal-breakdown-content:after{border-bottom-color:#fff;top:-20px}.deal-breakdown .deal-breakdown-content .left{width:100%}.deal-breakdown .deal-breakdown-content .left table{font-size:14px;margin:0;padding:0;width:100%}.deal-breakdown .deal-breakdown-content .left table tr td:first-child{width:60%}.deal-breakdown .deal-breakdown-content .left table tr td{padding:10px;vertical-align:top}.deal-breakdown .deal-breakdown-content .left table tr td hr{margin:0;width:100%}.deal-breakdown .deal-breakdown-content .left table tr.head{background:#e5e5e5}.deal-breakdown .deal-breakdown-content .left table tr td:first-child{font-weight:600}.deal-breakdown .deal-breakdown-content .left:nth-child(2){margin-top:10px}.deal-breakdown .deal-breakdown-content .header{float:left!important}.optionBubbleDiv,.optionBubbleDiv b{display:inline-block}.optionBubbleDiv b{font-size:20px;margin-right:10px}.optionBubbles{border:1px solid #000;cursor:pointer;display:inline-block;font-size:16px;margin-right:5px;margin-top:-4px;text-align:center;vertical-align:middle}.colourOptions{border-radius:20px;font-size:16px;height:40px;padding-top:8px;width:40px}.storageOptions{border-radius:8px;height:38px;padding-top:8px;width:60px}.optionBubbles.active{border:2px solid #644ca4}
