/* CSS Document */ /**************************************************************************************************** * Filename: phone_compare.css * Purpose: All the CSS Rules required to design web pages. * Author: Shivling Giri==> shivalinggiri[underscore]giri[at]infosys[dot]com * Architect Developer : Shivling Giri==> snehalramesh[underscore]k[at]infosys[dot]com * Section Developer : Snehal Kulkarni==> snehalramesh[underscore]k[at]infosys[dot]com ****************************************************************************************************/ body {font-size:13px; background:#ffffff} #outerWrapper {background: none repeat scroll 0 0 #ffffff;min-height: 300px;} #mainWrapper #mainContent{background: none repeat scroll 0 0 #ffffff;padding: 0;margin: 0} /* BREADCRUM STYLES*/ #mainWrapper #mainContent p.breadCrum{width:1003px;margin:0 0 12px 0;} #mainWrapper #mainContent p.breadCrum span.home a{background:url(../images/phone_features_homeIcon.png) 0 45% no-repeat;height: 9px;font-family: arial;font-size: 12px;color:#008da8;padding:0 0 0 14px;text-decoration: underline;margin:0 0 0 22px} #mainWrapper #mainContent p.breadCrum span.home a:hover{text-decoration: none} #mainWrapper #mainContent p.breadCrum span.phoneFinderAssistant{font-family: arial;font-size: 12px;color:#00234f;padding:0;} #mainWrapper #mainContent p.breadCrum span.phoneFinder a{height: 9px;font-family: arial;font-size: 12px;color:#018ca9;padding:0 0 0 2px;text-decoration: underline;margin:0} #mainWrapper #mainContent p.breadCrum span.phoneFinder a:hover{text-decoration: none;color:#018ca9;} /* LEFT RAIL STYLES FOR THE PAGE deal_summary-PAYM-extras.html*/ #mainWrapper #mainContent #leftRail{float:left;width:1003px} #mainWrapper #mainContent #leftRail .bannerTop{float:left;width:1002px;margin:0} #addToBasketDiv{top:370px;} /*2562*/ #mainWrapper #mainContent #leftRail .dealSummaryTop{float:left;height:12px;width:1002px;background:url(../images/deal_summary-PAYM_top.png) 0 0 no-repeat;margin:0} #mainWrapper #mainContent #leftRail .dealSummaryMain{float:left;width:999px;margin: 0 0 0 0px} #mainWrapper #mainContent #leftRail .dealSummaryMain .headingTop{width:999px;background: #f2fafc;height:32px;margin: 0;float:left;border-bottom:1px solid #e5edef} #mainWrapper #mainContent #leftRail .dealSummaryMain .headingTop h1{margin: 0 0 0 15px;float:left;font-size: 18px;font-weight: normal;color:#012350;} #mainWrapper #mainContent #leftRail .dealSummaryMain .headingTop p{float: right;width:250px;height:32px} #mainWrapper #mainContent #leftRail .dealSummaryMain .headingTop span.viewDeal a{margin: -4px 13px 0 12px;padding:10px 0 10px 25px;float:left;font-size: 14px;font-weight: normal;color:#022350;background:url(../images/deal_summary-PAYM_leftArrow.png) 13% 50% no-repeat;border-left:1px solid #dfdfdf} #mainWrapper #mainContent #leftRail .dealSummaryMain .headingTop span.printAll a{margin: -4px 0 0 2px;padding:10px 0 10px 30px;float:left;font-size: 14px;font-weight: normal;color:#022350;background:url(../images/deal_summary-PAYM_print.png) 13% 50% no-repeat;border-left:1px solid #dfdfdf} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails{width:999px;float: left;padding-bottom:11px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft{ width:150px;display:block;padding:15px 20px 0 15px;float:left} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .imageSamsung{background:url(../images/deal_summary-PAYM_PhoneInfo.png) 0 0 no-repeat;height:159px;width:81px;margin:0 25px 0 40px;display: block} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .productCode{font-size: 12px;font-weight: normal;color:#222222;display:block;margin:15px 0 0 0} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .starRating{height:15px;width:89px;display: block;margin:8px 0 0 -12px; overflow:hidden; padding-top:5px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft p a{color:#018da8;font-size: 12px;font-weight: normal;padding:0 5px 0 0;margin:9px 0 0 0;display:block} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft p.writeReview a{margin:7px 0 0 0} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions {background:url(../images/deal_summary-PAYM_reviewOptions.png) 0 0 no-repeat;width:159px;height:29px;float:left;margin:10px 0 0 0; overflow:hidden} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .video a, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .threeDViewer a{float: left;font-size: 11px;font-weight: normal;color:#ffffff} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .video a{background:url(../images/deal_summary-PAYM_video.png) 5% 45% no-repeat;padding:3px 0 0 25px;margin:4px 0 0 10px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .threeDViewer a{background:url(../images/deal_summary-PAYM_3dViewer.png) 10% 60% no-repeat;float: left;padding:3px 0 0 25px;margin:4px 0 0 10px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo {width:814px;float:left; margin-bottom:5px; /*position:relative*/} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs{width:814px; margin-bottom:5px; float:left;margin-left:-4px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs{width:800px; float:left;margin-top:12px;position:relative;/*z-index:10;*/background: url("../images/upsell/top_bg813.png") 0 0 no-repeat; height:38px; padding-top:9px; padding-left:14px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul{float: left;list-style-type: none;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul .nonActive {font-size: 14px;font-weight: normal;padding:9px 5px 5px 5px;color:#028ea9;float:left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li {margin-left:5px;} .dealOverviewContainernew {border-color: -moz-use-text-color #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-style: none solid; border-width: medium 1px; clear: both; float: left; margin-top: -4px; min-height: 125px;width: 607px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li {background: url("../images/upsell/deal_summary-PAYM_spriteOne_New.png") no-repeat scroll 0 2px transparent;cursor: pointer;display: block;float: left;font-weight: normal;height: 34px;margin: 0 0 4px 0;padding: 0 0 0 2px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li a {background: url("../images/upsell/deal_summary-PAYM_spriteOne_New.png") no-repeat 100% -32px;border: medium none;color:#028EA9;cursor: pointer;display: inline;float: left;font-size: 14px;height:25px;margin: 0;outline: medium none;padding: 9px 10px 0 7px;margin-right:6px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li a:focus{border:1px dashed #252525} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li a span{padding-right:0px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li.active a {color:#222222 !important; height: 26px !important; /*border-bottom:1px solid #FFF !important*/ /*Snehal Added*/background: url("../images/upsell/deal_summary-PAYM_spriteOne.png") no-repeat 100% -32px;border: medium none;color:#028EA9;cursor: default!important;display: inline;float: left;font-size: 14px;height:25px;margin: 0;outline: medium none;text-decoration: none;padding: 9px 10px 0 7px; margin-right:6px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li.active a:focus{border:1px dashed #252525} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li.active a{/*border-bottom: 1px solid #FFFFFF !important;*/color: #222222 !important; /*Snehal Added*/background: url("../images/upsell/deal_summary-PAYM_spriteOne.png") no-repeat 100% -48px;border: medium none;color:#028EA9;cursor: pointer;display: inline;float: left;font-size: 14px;height:25px;margin: 0;outline: medium none;padding: 9px 10px 0 7px; margin-right:6px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li.active /*{border-bottom:none !important; border-bottom:1px solid #FFF !important;*//*SnehalAdded*/ background: url("../images/upsell/deal_summary-PAYM_spriteOne.png") no-repeat scroll 0 2px transparent;cursor: pointer;display: block;float: left;font-weight: normal;height: 34px;margin: 0 0 4px 0;padding: 0 0 0 3px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li a.activeS { /*padding: 9px 19px 0 17px;*/ height: 25px;color:#028ea9;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab{background: url("../images/upsell/deal_summary-PAYM_secondToptab.png") repeat-x scroll 0 0 transparent;width:811px;float:left;border-top:1px solid #b0bcbc;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dddddd;height:30px;margin: -4px 0 0 0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab .yourPackage{width:488px;font-family: arial; font-size: 11px;color:#8d8d8d;margin:8px 0 0 10px;float:left;font-weight: bold} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab .editExtra a, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .remove a{font-family: arial; font-size: 11px;color:#028ea9;margin:8px 0 0 23px;float:left;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9 ; float: left;width:811px; font-size: 13px; /*height:90px;*/} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .genPound,a #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .combinedExtra, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .perMonth, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .totalTab .combinedExtra{width:380px;margin:8px 0 0 10px;float: left;font-family: arial; font-size: 12px;color:#222222;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .perMonthTwo{margin:9px 0 0 -8px!important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .totalTab .genPound, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .genPound{width:27px;margin:8px 0 0 10px;font-size: 15px;font-weight: bold} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .genPoundTwo, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .totalTab .genPoundTwo{margin:8px 0 0 14px;float: left;color:#000} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .combinedExtra, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .totalTab .combinedExtra{width:395px;float:left;text-align: right;margin:8px 0 0 -11px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .perMonth, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .totalTab .perMonth{float:left;margin:9px 0 0 0;width:65px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .remove a{margin:10px 20px 0 0;float: right; text-align: right} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalBorder{padding: 5px 0 2px 0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .totalTab{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;height:28px;float: left;width:651px;background: #f2fafc} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .totalTab .total{font-weight: bold;text-transform: uppercase;color:#000;font-size: 15px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .bottomTariff{background: url("../images/upsell/deal_summary_restyBottom813.png") no-repeat scroll 0 0 transparent;width:813px;height:12px;float: left} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff{width:126px; float:left; margin-top:19px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff .addToBAsket a{background: url("../images/deal_summary-PAYM_addToBasket.png") no-repeat scroll 0 0 transparent;width:126px;height:35px;color:#ffffff;font-size: 14px;font-family: arial;float: left;margin:0 0 -12px 15px;padding: 10px 19px 10px 19px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff div.callUsOn{float:left;padding-right:0; width:126px; margin:0 0 0 15px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span{display:block;font-family: 'arial';font-size: 14px;color:#222222;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.price, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.poundCost{padding-left:15px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.poundCost{font-size: 18px; font-weight: bold; margin-top:10px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff div.callUsOn h1{font-family: 'arial';font-size: 14px;color:#222222;display:block;padding-left:30px;margin:0;font-weight: normal} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.perMonth{padding-left:15px;margin-bottom: 10px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff div.callUsOn span{font-family: 'arial';font-size: 14px;color:#242424;font-weight: bold;background:url(../images/callusnoniconTwo.png) 2% 50% no-repeat;padding: 15px 0 0 30px;margin-top: -16px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSelection{width:391px;height:140px;background:url(../images/colorSelection.png) 0 0 no-repeat;float: left} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery{width:414px;float: left;margin:18px 0 0 9px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop{background:url(../images/deal_summary-PAYM-freeHomeDeliveryTop.png) 0 0 no-repeat;width:400px;height:31px;float: left} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span{font-family: arial;font-size:11px;color:#000;float:left} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.homedeliveryText{width:110px;margin: 9px 0 0 11px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.inStore{width:40px;margin: 9px 0 0 19px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.delivOptions{width:80px;margin: 5px 5px 0 98px;padding: 4px 0 0 0;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.delivOptions a{width:78px;color:#008da8} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.info{float: right} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.info a{background:url(../images/deal_summary-PAYM_info.png)100% 50% no-repeat;float:right;height: 18px;width: 18px;padding:4px 0 0 0;margin: 5px 12px 0 5px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle{width:398px;float: left;border:1px solid #d7d7d7;border-width: 0 1px 0 1px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle{width:126px;float: left} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle .delivVan{background:url(../images/homedeliveryvan.png) 100% 50% no-repeat;height: 27px;width:38px;display: block;margin: 0 auto;padding: 17px 0 0 0;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle .available, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .availableTwo{background:url(../images/orange_rightIcon.png) 100% 50% no-repeat;display: block;color: #dd9910;font-size: 11px; margin: 0 auto;padding: 0px 20px 0 0;width: 62px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle .greenAvailable{background:url(../images/right_icon.png) 100% 50% no-repeat;display: block;color: #74A235;font-size: 11px; margin: 0 auto;padding: 0px 20px 0 0;width: 62px;} fInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle .available, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .availableGreen{background:url(../images/right_icon.png) 100% 50% no-repeat;display: block;color: #74A235;font-size: 11px; margin: 0 auto;padding: 0px 25px 0 0;width: 62px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .availableGreen{float: right;margin: 10px 10px 0 0;padding: 0 10px 0 0;width: 60px} /**************************************************** STYLES FOR colorSelection ****************************************************/ #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile{width:273px; float:left; padding-top:5px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile h3{ color:#00234F; font-family:arial; font-size:16px; padding-top:8px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile h3 span{color:#858585; font-size:13px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile ul{float:left; padding-left:14px; padding-top:5px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile li{float:left; width:104px; margin-right:54px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile p{ padding:11px 0 0 0; width:48px; float:left; text-align:center} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .active p{ background: url("../images/bg.jpg") no-repeat; width:62px; height:98px; text-align:center} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile p img{display:block; margin:0 auto 5px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .backtext{ padding-left:10px; float:right; margin-top:41px; color:#232323; font-size: 12px; font-family:arial} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .prev{float:left; margin-top:37px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .next{float:right; margin-top:38px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .padleft{padding-left:2px} .radioBlueOne {height:19px; float:left; background: url("../images/radio_button_dotblue.png"); background-repeat:no-repeat; cursor: default} .checkbox {height: 25px; width: 19px; clear:left; float:left; margin: 0 0 3px; padding: 0 0 0 26px; background: url("../images/checkbox.gif") no-repeat; cursor: default; text-align:left} .checkbox input,.radioBlueOne input {display: none} .checkbox input.show,.radioBlueOne input.show {display:inline} .selected {background-position:0 -52px} /*************************************************** STYLES FOR Top navN ****************************************************/ #mainWrapper #mainContent #leftRail .dealSummaryMain{float:left;width:999px;margin: 0 0 0 0px} #mainWrapper #mainContent #leftRail .bannerTop .headingTop{width:999px;margin: 0;float:left;} #mainWrapper #mainContent #leftRail .bannerTop .headingTop h1{margin: 10px 0 0 15px; border-bottom: medium none !important;float:left;font-size:20px;font-weight: normal;color:#26466D;} #mainWrapper #mainContent #leftRail .bannerTop .headingTop p{float: right;width:236px;height:32px} #mainWrapper #mainContent #leftRail .bannerTop .headingTop span.viewDeal a{margin: 3px 13px 0 12px;padding:10px 0 10px 25px;float:left;font-size: 14px;font-weight: normal;color:#008da8;background:url(../images/deal_summary-PAYM_leftArrow_new.png) 13% 50% no-repeat} #mainWrapper #mainContent #leftRail .bannerTop .headingTop span.printAll a{margin: 3px 0 0 2px;padding:10px 0 10px 30px;float:left;font-size: 14px;font-weight: normal;color:#008da8;background:url(../images/deal_summary-PAYM_print_new.png) 13% 50% no-repeat} /*************************************************** STYLES FOR NOT avilable text ****************************************************/ #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle .redAvailable{background:url(../images/red_cross.gif) 100% 50% no-repeat;display: block;color: #fd0040;font-size: 11px; margin: 0 auto;padding: 0px 25px 0 0;width: 62px;} fInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle .available, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .availableRed{background:url(../images/red_cross.gif) 100% 50% no-repeat;display: block;color: #fd0040;font-size: 11px; margin: 0 auto;padding: 0px 25px 0 0;width: 62px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .availableRed{float: right;margin: 25px 10px 0 0;padding: 0 10px 0 0;width: 73px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .availableTwo{float: right;margin: 25px 10px 0 0;padding: 0 10px 0 0;width: 60px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle .mainland{font-family: arial;font-size: 11px;color:#c6c6c6;display: block;width:86px;margin: 0 auto;padding: 17px 0 0 0} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .forDeliv{font-family:arial; font-size:11px; color:#616161;float: left;margin:10px 0 0 10px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle{border-left:1px solid #D7D7D7; float:right; width:271px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals{width:271px;border-bottom:1px solid #d7d7d7;height:38px;display: inline;float: left} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals .txt{font-family: arial;font-size: 11px;color:#616161;float: left;margin:11px 10px 0 15px;} /*#mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals input{background:url(../images/selectBoxShort.png) 0 0 no-repeat; bottom: 0; color: #666666;cursor: default;display: block;font-family: arial;font-size: 11px;height: 23px; left: 0;line-height: 20px;margin-left: 110px;margin-top: 8px;text-indent: 17px;width: 151px;z-index: 1;border:0}*/ #mainWrapper #mainContent #rightRail .topPaginationRow .sortBy span.txt {color: #626262;float: left;font-family: arial; font-size: 14px;margin-top: 6px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryBottom{background:url(../images/freeHomeDeliveryBottom.png) 0 0 no-repeat;width:414px;height:12px;float: left} /* LEFT RAIL STYLES FOR THE PAGE deal_summary-PAYM-extras_two.html STRTS HERE*/ /*LEFT RAIL STYLES*/ /*************************************************** STYLES FOR LEFTCONTENT ****************************************************/ #mainWrapper #mainContent #leftContent {width:722px; float:left; margin:0} #mainWrapper #mainContent #leftContent .leftContentTop{background:url(../images/extras_choosetop.png) 0 0 no-repeat;width:722px;height:42px;float: left;margin:10px 0 0 0} #mainWrapper #mainContent #leftContent span.chooseLeft{float: left;padding: 11px 0 0 17px;width:514px;font-size: 18px;font-weight: normal;color:#012350;} #mainWrapper #mainContent #leftContent span.back2Deal{background: url("../images/deal_summary-PAYM_leftArrow.png") no-repeat scroll 7% 50% transparent;color: #022350;float: right;font-size: 14px;margin: 4px 17px 0 8px;padding: 10px 0 10px 25px;} #mainWrapper #mainContent #leftContent .mainContentTop1{border:1px solid #eaeaea;border-width: 0 1px 1px 1px;float: left;position: relative} #mainWrapper #mainContent #leftContent .mainContentTop1 p, #mainWrapper #mainContent #leftContent .mainContentTop1 p.extraMobile{width:670px;font-family: arial;font-size: 12px;color:#000;padding:20px 30px 40px 20px;float: left;} #mainWrapper #mainContent #leftContent .mainContentTop1 p.extraMobile{padding:0px 30px 30px 20px;} #mainWrapper #mainContent #leftContent .mainContentTop1 h1{font-size: 18px;font-weight: normal;color:#335072;padding:0 30px 15px 20px;float: left;} #mainWrapper #mainContent #leftContent .mainContentTop1 h2{font-size: 14px;font-weight: bold;color:#012350;padding:0 0 0px 35px;float: left;} #mainWrapper #mainContent #leftContent .mainContentTop1 ul{list-style-type: none;clear:both;float: left;width:670px;} #mainWrapper #mainContent #leftContent .mainContentTop1 ul.first{padding-bottom: 105px} #mainWrapper #mainContent #leftContent .mainContentTop1 ul li{font-family: arial;font-size: 12px;color:#000;font-weight: bold;display:block;padding:10px 0 0 32px;} #mainWrapper #mainContent #leftContent .mainContentTop1 ul li span{margin-left:10px} #mainWrapper #mainContent #leftContent .mainContentTop1 .socialImage{background:url(../images/extras_socialnetworking.png) 0 0 no-repeat;float: right;height: 152px; padding: 0 256px 0 0;position:absolute;right:0;z-index: 10;bottom:0} #mainWrapper #mainContent #leftContent .mainContentTop2{padding-bottom: 95px;border-bottom: 0px} #mainWrapper #mainContent #leftContent .leftContentBottom{background:url(../images/extras_choosebottom.png) 0 0 no-repeat;width:722px;height:17px;float: left;margin:0 0 20px 0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .topTabs ul li.activ a { background: url("../images/upsell/deal_summary-PAYM_spriteOne.png") no-repeat scroll 100% -48px transparent; border: medium none; color: #222222 !important; cursor: default!important; text-decoration: none;display: inline;float: left; font-size: 14px; height: 26px; margin: 0 6px 0 0; outline: medium none; padding: 9px 10px 0 7px;} /*RIGHT RAIL STYLES*/ /*************************************************** STYLES FOR RIGHTCONTENT ****************************************************/ #mainWrapper #mainContent #rightContent {width:261px; float:right; margin:10px 0 0 0} #mainWrapper #mainContent #rightContent .basketSummary h2, #mainWrapper #mainContent #rightContent .deliveryOptions h2 {background:url(../images/rounded_corner_top.png) no-repeat 0% 0%; display:block; float:left; height:32px; padding:8px 0 0 21px; font-weight:normal; width: 261px; color:#00234f; font-size:18px; margin-bottom:0} #mainWrapper #mainContent #rightContent .basketSummary .middleContent, #mainWrapper #mainContent #rightContent .deliveryOptions .middleContent, #mainWrapper #mainContent #rightContent .needHelpSection .middleContent {width:228px; background:#FFF; border:1px solid #d7d7d7; border-width:0 1px 1px 1px; float:left; padding:15px 15px 1px; border-bottom: none} #mainWrapper #mainContent #rightContent .basketSummary .bottomPart, #mainWrapper #mainContent #rightContent .deliveryOptions .bottomPart {background:url(../images/rounded_corner_bottom.png) no-repeat 0% 0%; display:block;float:left;height:6px;width:260px; margin-bottom:12px} #mainWrapper #mainContent #rightContent .basketSummary .middleContent img {margin:7px 28px 0} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .basketCost {margin:15px 0; width: 220px; float:left} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .basketCost p, #mainWrapper #mainContent #rightContent .basketSummary .bottomPhoneInfo .basketCost p{float:left; width:231px; font-size: 18px; color:#222; padding:0 0 8px} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .basketCost p span, #mainWrapper #mainContent #rightContent .basketSummary .bottomPhoneInfo p span{float:left; width:112px; text-align:left} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .basketCost p span.month24 {font-size:15px;width:136px} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .basketCost p span.price {text-align:right;font-weight: bold} #mainWrapper #mainContent #rightContent .basketSummary .bottomPhoneInfo .basketCost p span.priceTwo {text-align:right;width:55px;margin:10px 0 0 55px;font-weight: bold} #mainWrapper #mainContent #rightContent .basketSummary .middleContent p.checkout {background:url(../images/sprite_btn_4.png) no-repeat 0% -236px; display:block;float:left;height:37px;margin:4px 25px 11px;padding:0 0 0 4px;cursor:pointer; font-weight:normal} #mainWrapper #mainContent #rightContent .basketSummary .middleContent p.checkout a {background:url(../images/sprite_btn_4.png) no-repeat 100% -273px; display:inline; float:left; height:30px; cursor:pointer; border:none; outline:none; padding:7px 0px 0 33px; font-size:17px; color:#FFF; margin:0; font-weight:bold;width:152px} #mainWrapper #mainContent #rightContent .basketSummary .middleContent p.checkoutOne {background:url(../images/sprite_btn_4.png) no-repeat 0% -310px; display:block;float:left;height:37px;margin:4px 25px 11px;padding:0 0 0 10px;cursor:pointer; font-weight:normal} #mainWrapper #mainContent #rightContent .basketSummary .middleContent p.checkoutOne a {background:url(../images/sprite_btn_4.png) no-repeat 100% -347px; display:inline; float:left; height:30px; cursor:pointer; border:none; outline:none; padding:7px 64px 0 46px; font-size:17px; color:#FFF; margin:0; font-weight:bold} #mainWrapper #mainContent #rightContent .basketSummary .middleContent p.checkout a, #mainWrapper #mainContent #rightContent .basketSummary .middleContent p.checkoutOne a:hover {text-decoration:none} #mainWrapper #mainContent #rightContent .basketSummary .middleContent p.cardIcons {margin:0 0 10px 29px; float:left} #mainWrapper #mainContent #rightContent .basketSummary .middleContent p.cardIcons img {margin:0 2px; float:left; width:41px} #mainWrapper #mainContent #rightContent .basketSummary .bottomPhoneInfo{width:228px;float:left; border:1px solid #d7d7d7; border-width:0 1px 0px 1px; float:left; padding:15px 15px 0} #mainWrapper #mainContent #rightContent .basketSummary .bottomPhoneInfo .backBCurve{background:url(../images/extras_blackB_curve.png) no-repeat 0 0;float: left;width:102px;height:68px} #mainWrapper #mainContent #rightContent .basketSummary .bottomPhoneInfo .basketCost p span.monthPer{font-size: 12px;text-align:right;width:57px;margin-left:55px} #mainWrapper #mainContent #rightContent .basketSummary .bottomPhoneInfo .basketCost p.changeTariff a{font-size: 12px;color:#018da8} #mainWrapper #mainContent #rightContent .basketSummary .bottomPhoneInfo .basketCost p span.bbCurve{margin-top:10px} #mainWrapper #mainContent #rightContent .basketBottom {background:url(../images/extras_right_bottom.png) no-repeat 0% 0%; display:block; float:left; height:32px;width: 260px} /*********************************************************** STYLES FOR BASKET PAGE TOOLTIP ***********************************************************/ #mainWrapper #mainContent #rightContent .basketSummary .middleContent .creditMessage{width:270px;float:left;position: absolute;top:80px;left:0;z-index: 100;margin-left:-6px;display:none} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .creditMessage .creditMessageTop{background:url(../images/basketapge_tooltip_top.png) no-repeat 0% 0%; display:block;width:270px;float:left;height:14px} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .creditMessage .creditMessageMain{width:268px;float:left;background: #ffffff;display:block;border:1px solid #bbcdd1;border-width:0px 1px 0px 1px} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .creditMessage .creditMessageMain h1{width:240px;color:#002454;font-family: arial;font-size: 14px;font-weight: bold;padding:0; margin:0 10px 0 17px;} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .creditMessage .creditMessageMain ul{width:230px;padding:0; margin:0 0px 0 17px;padding: 0 0px 0 0px;list-style-type:circle} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .creditMessage .creditMessageMain ul li{display:block;font-family: arial;font-size: 14px;color:#636363;margin: 5px 0px 20px 0px;padding:0 0 0 8px;list-style-type:circle;background:url(../images/basketapge_list_image.png) no-repeat 0% 20%;} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .creditMessage .creditMessageMain ul li.bottomList{margin-bottom:5px} #mainWrapper #mainContent #rightContent .basketSummary .middleContent .creditMessage .creditMessageBottom{background:url(../images/basketapge_tooltip_bottom.png) no-repeat 0% 100%; display:block;width:270px;float:left;height:20px} #mainWrapper #mainContent #rightContent .basketSummary .middleContent{position: relative} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab ul{padding:0px 0 0 5px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab li{padding:5px 0 0 9px; color:#434343; font-size: 11px; font-family: arial; float: left; font-weight:normal} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab .tariffContact { width: 113px;padding: 8px 0 0 9px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab .tariffNetwork {width: 110px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab .tarifftexTwo{width: 246px;;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab .tarifftexThree { width: 110px !important; } #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab .tariffTextFour {width: 40px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .network{ width: 53px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .tariff{width: 68px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .tariffpayg{width:98px; padding-left:6px} .tariffpayg p { padding-left: 3px !important; } #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .contract{width: 58px;padding: 2px 0 0 9px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .minutes{width: 73px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .texts{width: 80px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .data{width: 59px;padding-left: 14px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .offer{width:74px; padding:1px 0 0 34px!important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .phonecost{width:52px;padding:1px 0 0 17px !important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .monthlycost{width:45px; padding:1px 0 0 55px !important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .restyOne{float: left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .restyTwo{float: left;margin-left: 0px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .restyOne span.bluetext{color:#094895; font-size:26px;font-weight:bold;vertical-align:super} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .restyOne span.bluetext3{color:#094895; font-size:15px;font-weight:bold;vertical-align:sub} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .simplicity{width:109px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .contlength{width:106px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .offersFree{width:160px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .networkN{ width: 52px; padding: 12px 0 0 14px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .tariffN{width: 73px; padding: 12px 0 0 15px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .contractN{width: 58px; padding: 12px 0 0 4px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .minutesN{width: 82px; padding: 12px 0 0 8px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .textsN{width: 82px; padding: 12px 0 0 0px; font-size: 13px} /*#mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .dataN{width: 95px; padding: 6px 2px 0 4px; font-size: 13px}*/ #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .offerN{width:92px; padding: 12px 0 0 4px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .phonecostN{width: 105px; padding: 12px 0 0 0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .Monthlycostpn{width:104px; padding: 12px 0 0 0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTabOne_tablet .Monthlycostpn{width:104px; padding: 12px 0 0 11px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .MonthlycostExtra{width:104px; padding: 12px 0 0 0px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .Monthlycostpn span.addbsktbtn{display:block; margin-top:5px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .Monthlycostpn span a{background:url(../images/upsell/deal_summary-PAYM_addToBasket_new.png) no-repeat 0% 0%; width:103px; height:30px; display:block; color:#fff; font-size:14px; line-height:30px; padding-left:7px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab p{font-size:12px; font-weight: normal; font-family: arial;padding-bottom:8px;padding-left:0px;margin-top:-1px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab p span{font-weight:bold; font-family: arial; color: #232323; display:inline-block; font-size:15px;padding-right: 0;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab p span#pc{font-weight:bold; font-family: arial; color: #232323; display:inline-block; font-size:15px;padding-right: 0;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab p span.hyphen {padding-left:26px;font-weight:bold; font-family: arial; color: #232323; display:inline-block; font-size:15px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab p.price span{display:block !important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .restyTwo ul.quantityLst li p span{display:block !important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab quantityList{font-weight:bold; font-family: arial; color: #232323; display:block; font-size:15px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .gift p{font-size:12px; font-family: arial; float: left} /*#mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .xbox{background:url(../images/gift.gif) no-repeat 0% 100%; display:block;width:73px; height: 83px;font-size: 12px; font-family: arial; float: left; margin:5px 0 0 17px}*/ #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab h4{border-top: 1px solid #CCCCCC; margin-top: 17px; padding: 15px 0 0 15px;font-size: 13px; font-family: arial; font-weight: bold; color:#222} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included .extrasProdImg {float: left; width: 119px;margin-left: -14px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included .extrasProdImg Img {/*border:1px solid #EEEEEE;*/padding: 22px 0 0 4px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included .extrasProdInfo {float: left; padding-top:5px; width: 655px; margin-left:0px; padding: 0 0 20px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included{font-size: 12px; font-family: arial; float: left; width: 786px; padding-left: 24px;margin-bottom: -20px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included h3{font-size: 16px; font-family: arial; color: #232323;margin:-5px -2px 5px 1px!important; padding-top:10px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included p{font-size: 12px; font-family: arial; color: #444444; padding-bottom: 5px; margin-top: -3px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included ul{font-size: 12px; font-family: arial; color: #444444; padding-left: 10px; width: 450px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included li{background:url(../images/blackBullet.gif) no-repeat 0% 8px; display:block; font-size: 12px; font-family: arial; color: #444444; float: left; width: 450px; padding-left:8px; padding-top: -2px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included a{font-size: 12px; font-family: arial; color: #018ca9; float: left; width: 450px; padding-top: 5px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included .samllFont{font-size: 7px} span.hyphen {padding-left:26px;font-weight:bold; font-family: arial; color: #232323; display:inline-block; font-size:15px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalBorder{padding: 5px 0 2px;} ul.zeroextrastab { /* border-left: 1px solid #DBDBDB;*/ float: right; height: 37px; padding: 0 0 0 5px; width: 255px; } ul.zeroextrastab li.phonecost1 { padding: 0 0 0 27px !important; width: 53px; } ul.zeroextrastab li.monthlycost1 { padding: 0 0 0 54px !important; width: 62px; } .restytwoholder { /* border-left: 1px solid #DBDBDB;*/ float: left; width: 209px; } #colourpreference{ margin-bottom:0px; margin-top:-8px; color:#26466D; } /* #sectionthree{float: left;width:720px; margin:11px 0 12px 0} #sectionthree .seccontent{padding:5px 15px 15px; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; margin-top: -12px} #sectionthree .holderContent {display:none} #sectionthree .overViewShow, #sectionthree .featureShow, #sectionthree .reviewShow, #sectionthree .accessoriesShow, #sectionthree .geekSquad{display:block} #sectionthree .seccontent p{font-family:arial;font-size:14px;line-height:17px;color:#222222 !important} #sectionthree .nav{background:url(../images/tabs_newbg.gif) no-repeat 0% 0%; height:48px;padding:10px 10px 0} #sectionthree .nav ul.menu{margin:-6px 0 0 0 ; padding:0; height:43px; float:left} #sectionthree .nav ul.menu li{ display:block;float:left} .restyleBot{background:url(../images/restyle_bottom.gif) no-repeat 0% 0%; height:5px;padding:10px 10px 0; width:720px;} #sectionthree .nav ul.menu li a{color:#008da8;font-size:14px;text-decoration:none;background:#FFF url(../images/rounded_sprite.png) 0 -47px no-repeat;display:block; margin:0 3px 0 0; height:43px; float:left;padding-left:15px} #sectionthree .nav ul.menu li a span{ display:block; float:left;background:#FFF url(../images/rounded_sprite.png) 100% -47px no-repeat; height:28px; margin:0; padding:15px 19px 0 0px; font-weight:normal;font-size:14px;} #sectionthree .nav ul.menu li a.active{color:#224066;font-size:14px; text-decoration:none;background:#FFF url(../images/rounded_sprite.png) 0% 0% no-repeat;display:block; margin:0 3px 0 0; height:43px; float:left; padding-left:15px} #sectionthree .nav ul.menu li a.active span{display:block;float:left;background:#FFF url(../images/rounded_sprite.png) 100% 0% no-repeat; height:28px; margin:0; padding:15px 19px 0 0px;} #sectionthree .nav ul.menu li a:hover{color:#224066;font-size:14px; text-decoration:none;background:#FFF url(../images/rounded_sprite.png) 0% 0% no-repeat;display:block; margin:0 3px 0 0; height:43px; float:left; padding-left:15px} #sectionthree .nav ul.menu li a:hover span{ display:block; float:left;background:#FFF url(../images/rounded_sprite.png) 100% 0% no-repeat; height:28px; margin:0; padding:15px 19px 0 0px} #sectionthree .nav ul.menu.tabMenu li a span {color:#229daf} #sectionthree .nav ul.menu.tabMenu li a.active span {color:#204571; font-weight:normal} #sectionthree span{font-family:arial;font-size:14px;font-weight:bold;margin-top:17px;display:block;color:#00234f;margin-bottom:6px;} */ #mainWrapper #mainContent #rightContent .deliveryOptions .middleContent ul li img, #mainWrapper #mainContent #rightContent .needHelpSection .middleContent ul li img {float:left; margin-right:15px} #mainWrapper #mainContent #rightContent .deliveryOptions .middleContent ul li span, #mainWrapper #mainContent #rightContent .needHelpSection .middleContent ul li p {float:left; width:175px} #mainWrapper #mainContent #rightContent .deliveryOptions .middleContent ul li{display:block; margin:0 0 10px 0; width:241px; float:left; font-size:14px; color:#222} ul.buyfromus{margin:0; padding:0;} ul.buyfromus li{ border-bottom:1px dotted #c0d3d7 } ul.buyfromus li.last{ border-bottom:none !important;} ul.buyfromus li a{ font-size:14px; line-height:25px;} ul.buyfromus li a.last{ margin-left:45px;} ul.buyfromus li.last{ border-bottom:none !important;} .borderRight{border-right: 1px solid #D7D7D7 !important} .borderNone{border-left: none !important} ckBullet{background:url(../images/blackBullet.gif) no-repeat 0% 5px; padding-left:8px; padding-top: 2px; display:block; overflow: hidden; padding-bottom: 5px} ul.optimised{margin:0; padding:0; width: 703px} ul.optimised li{background:url(../images/black_dot.gif) no-repeat 22px 9px; padding-left:8px; padding-top: 2px; line-height:22px; display:block; overflow:hidden} ul.optimised li span.mdash{float:left;font-family:arial !important;font-size:14px !important;line-height:19px !important; width:8px; font-weight:normal !important; color:#212121 !important; margin:0px !important;overflow:hidden} ul.optimised li span.para{float:right;font-family:arial !important;font-size:14px !important;line-height:19px !important; width:668px;font-weight:normal !important;color:#212121 !important;margin:0px !important;} ul.optimised li span.para .smallSizetext{font-size: 9px; color: #212121} .generalmarginBot{margin-bottom: 10px !important} .generalTabHight{height: 85px !important} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.morestore{width:88px;margin: 5px 5px 0 9px; padding: 4px 0 0 0;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.reststore{width:57px;margin: 5px 5px 0 9px; padding: 4px 0 0 0;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.poundCostAppl{font-size: 18px;font-weight: bold;margin:7px 0 5px 17px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.perMonthAppl{padding-left:15px;margin-bottom: 1px; margin-top: 32px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariffApp{width: 107px; padding: 18px 0 0 16px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariffApp{width: 184px; margin-left:10px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSelectionNew{width:391px;height:140px;background:url(../images/colorSelectionNew.gif) 0 0 no-repeat;float: left; margin-top: 5px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .imageApple{background:url(../images/apple_ipad.gif) 0 0 no-repeat;height:161px;width:123px;margin:0 25px 0 17px;display: block} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .mobCheckout{background:url(../images/mobile_checkout.gif) 0% 0% no-repeat;height:36px;width:100px;margin:10px auto; font-size: 10px; color: #fff; display: block; text-indent: 999999} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .mobCheckout span {float: left; font-weight: bold; margin:5px 0 0 8px; width: 50px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .marginTopApp{margin-top:25px !important } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .contractMonth{width: 107px; padding:18px 0 0 12px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .mbdata{width:99px; padding:12px 0 0 15px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .dataN{width:95px; padding: 6px 2px 0 4px; font-size: 13px; /*height:90px;*/} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageLow{width:67px; padding:5px 10px 0 10px; font-size: 13px; min-height:75px;position:relative; /*top:82px;*/ display:inline-block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageBackGroundLow {cursor:pointer;background:url(../images/upsell/lowusage.png) 0 0 no-repeat; /*margin-bottom:15px*/} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageLow_Big{width:67px; padding:5px 10px 0 10px; font-size: 13px; min-height:95px;position:relative; /*top:82px;*/ display:inline-block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab p.usageData span{font-size:14px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageBackGroundLowBig {cursor:pointer;background:url(../images/upsell/lowusage_Big.png) 0 0 no-repeat; /*margin-bottom:15px*/} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .restyTwo ul {float:left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .restyTwo ul li {list-style:none outside none !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageMedium{width:67px; padding:5px 10px 0 10px; font-size: 13px; min-height:75px;position:relative; /*top:82px;*/ display:inline-block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usage{width:67px; padding:5px 10px 4px 10px; font-size: 13px;margin-bottom: -15px; /*min-height:75px;*/position:relative; /*top:82px;*/ display:inline-block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usage_Big{width:67px; padding:5px 10px 0 10px; font-size: 13px; min-height:75px;position:relative; /*top:82px;*/ display:inline-block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageBackGroundMediumBig {cursor:pointer;background:url(../images/upsell/mediumusage.png) 0 0 no-repeat; /*margin-bottom:15px*/} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageMedium_Big{width:67px; padding:5px 10px 0 10px; font-size: 13px; min-height:95px;position:relative; /*top:82px;*/ display:inline-block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageBackGroundMedium {cursor:pointer;background:url(../images/upsell/mediumusage_Big.png) 0 0 no-repeat; /*margin-bottom:15px*/} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageHigh{width:67px; padding:5px 10px 0 10px; font-size: 13px; min-height:75px;position:relative; /*top:82px;*/ display:inline-block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageBackGroundHigh {cursor:pointer;background:url(../images/upsell/highusage_Big.png) 0 0 no-repeat; /*margin-bottom:15px*/} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageHigh_Big{width:67px; padding:5px 10px 0 10px; font-size: 13px; min-height:95px;position:relative; /*top:82px;*/ display:inline-block} #addToBasketDiv a.NextDeal:focus{border:1px dashed #252525 !important; width:104px; height:31px; display:block;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .usageBackGroundHighBig {cursor:pointer;background:url(../images/upsell/highusage.png) 0 0 no-repeat; /*margin-bottom:15px*/} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .freeOne{width:152px; padding:12px 0 0 13px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .imgOne{border: medium none;margin-left: 1px;padding-botton:13px; margin-top:0px; margin-bottom: 4px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .marginTop{margin:25px 10px 0 0} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals .forStore{font-family: arial;font-size: 11px;color:#616161;float: left;margin: 12px 0 0 10px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals .storeGreen{float: right;margin: 25px 10px 0 0;padding: 0 10px 0 0;width: 60px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals .storeGreen{background:url(../images/right_icon.png) 100% 50% no-repeat;display: block;color: #74A235;font-size: 11px; margin:12px 10px 0 0; width: 62px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .doted{border-bottom: 1px dotted #C0D3D7; float: right; width:271px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .doted .collect{font-family: arial;font-size: 11px;color:#616161;float: left;margin:12px 0 0 10px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .doted .reserveCollect{background:url(../images/right_icon.png) 100% 50% no-repeat;display: block;color: #74A235;font-size: 11px; margin:11px 10px 0 0; width: 70px; float: right} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .doted .topuptext{float: left; width: 236px; font-size: 11px; font-family:arial; color: #616161; margin:8px 13px 8px 9px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .doted .tostoreStock{background:url(../images/right_icon.png) 100% 50% no-repeat;display: block;color: #bebebe;font-size: 11px; margin:11px 10px 10px 0; width:136px; float: right} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .forDelivFree{font-family:arial; font-size:11px; color:#616161;float: left;margin:25px 0 0 10px;} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .searchBoxShort input{background:url(../images/searchBoxShort.png) 0 0 no-repeat; bottom: 0; color: #666666;cursor: default;display: block;font-family: arial;font-size: 11px;height: 23px; left: 0;line-height: 20px;margin-left: 110px;margin-top: 8px;text-indent: 17px;width: 151px;z-index: 1;border:0} /*#mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .restyTwo ul {position:relative}*/ /*******#mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .popUpDealSummary {background:#FFF;border:1px solid #CCC; padding:2px 15px; position:absolute; top:-152px; z-index:9999999; left:-347px; width:700px; -moz-border-radius:6px}*/ /*#mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .popUpDealSummary {float: left; left: 20px; position: absolute; top: -225px; width: 865px; z-index: 100;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .popUpDealSummary a.closeMe {float:right; margin:0 4px 0 0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .popUpDealSummary h3 {margin:15px 0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .popUpDealSummary p {margin:10px 0; font-size:10px; color:#252525}*/ .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .restyTwo ul {position:relative} /*#mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .Needmoresectionholder .need_more_holder_mid_bg*/ /*#mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .popUpDealSummary {background:#FFF;border:1px solid #CCC; padding:2px 15px; position:absolute; top:-152px; z-index:9999999; left:-347px; width:700px; -moz-border-radius:6px}*/ .popUpDealSummary {float: left; /*left: -394px; position: absolute; top: -177px; */width: 865px; z-index: 100; position:absolute} .overlayWindowPop{float: left; /*left: -394px; position: absolute; top: -177px; */width: 865px; z-index: 100; position:absolute} /* added by shivling for popup style dated at 30 july 2012 start *********************************************************/ #overlayTopStart {background:url(../images/tariff_overlay_top_bg.png) no-repeat left top; height:64px; position:relative; left:1px} #overlayMiddle {background:url(../images/tariff_overlay_middle_bg.png) repeat-y left top; padding:15px 0 0 50px; /*position:relative; left:128px;*/ text-align:left} #overlayBottomEnd {background:url(../images/tariff_overlay_bottom_bg.png) no-repeat scroll left bottom transparent; /*top: -10px;*/ height:81px; position:relative; left:0px} #overlayMiddle h3 {color:#000;font-size:18px;float:left;display:block;width:758px;margin-top:-33px;z-index:10;position:absolute} #overlayMiddle h3 span{color:#000;font-size:18px;float:left;/*730px;*/} #overlayMiddle h3 a {background:url(../images/popup_close_btn2.png) no-repeat right top;float:right;width:25px;height:23px;} .overlayHeader{width:758px;display:inline-block; border:1px solid #A9A9A9; border-width:0 0 1px 1px} .borderNoneBottom {border-bottom:none !important} .overlayHeader h1{border:1px solid #a9a9a9;color:#002e61;font-size:12px;font-family: Arial, Sans-Serif;padding:2px 0 0 5px;background:url(../images/tariff_usageRates_bg.png) repeat-x left top;height:19px; border-width:1px 1px 1px 0} .overlayHeader #dataDivleft{width:535px;/*float:left;*/ position:relative; left:1px} .overlayHeader #dataDivleft div.heading {border:1px solid #a9a9a9;border-width:0 0px 1px 0} .overlayHeader #dataDivleft div.heading span{width:100px;padding:5px 12px 5px 8px;display:inline-block;line-height:14px;color:#4a4a4a;font-size:11px;font-weight:bold} .overlayHeader #dataDivleft div.heading span.rates{width:140px;float:left} .overlayHeader div.dataInfo {border:1px solid #a9a9a9;border-width:0 0px 1px 0; float :left; width:534px;} .overlayHeader div.dataInfo span{width:110px;border-right:1px solid #a9a9a9;padding:3px 5px 3px 5px;min-height:27px;display:inline-block;line-height:14px;color:#4a4a4a;font-size:11px} .overlayHeader div.dataInfo span.ratesInfo{width:150px;float:left} #blankDivRight{/*float:left;*/width:221px;border-right:1px solid #a9a9a9; border-left:1px solid #a9a9a9;border-width:0 1px 1px; /*min-height:200px*/} #blankDivRight p {font-family: Arial, Sans-Serif; color:#252525; padding:5px 10px; font-size:11px; line-height:150%} .leftTxtHlder p {color: #999999;font-size: 10px;width:510px; padding:0} .brdRightNone {border-right:none !important;} .hyperViewTariff {font-size:14px;padding:0 0 24px 15px; position:relative; top:-3px} .hyperViewTariff a {border-bottom:1px solid} .hyperViewTariffHigh {font-size:14px;padding:0 0 0 15px; position:relative; top:-7px} .hyperViewTariffHigh a {border-bottom:1px solid} .hyperViewTariff span { color: #028DAA; float: left; border-bottom:1px solid #028DAA; } .hyperViewTariffHigh span { color: #028DAA; float: left; border-bottom:1px solid #028DAA; } /* added by shivling for popup style dated at 30 july 2012 end *********************************************************/ .Needmoresectionholder .need_more_holder_mid_bg .generalTabholder ul li .popUpDealSummary {position:fixed;top:50%;left:53%;margin:-205px 0 0 -380px !important} .Needmoresectionholder .need_more_holder_mid_bg .generalTabholder1 ul li .popUpDealSummary {position:fixed;top:50%;left:53%;margin: -205px 0 0 -380px !important} .displayNone {display:none} .need_more_holder_mid_bg .restyTwo ul.quantityLst li p span {display:block !important} .need_more_holder_mid_bg .restyTwo p.price span {display:block !important} .need_more_holder_mid_bg .generalTab p.price { font-family: arial; font-size: 12px; font-weight: normal; } .need_more_holder_mid_bg .generalTab .imgOne{border: medium none;padding-botton:13px; margin-top:8px} .popUpDealSummary .tariffRateUseTop {background: url("../images/top_view_tariff.png") no-repeat scroll 0 100% transparent;display: block;float: left; height: 51px; margin: 0 0 0 1px; width: 782px; } .popUpDealSummary .tariffRateUseMiddle {background: url("../images/middle_view_tariff.png") repeat-y scroll 0 100% transparent; display: block; float: left; margin: 0 0 0 1px; width: 782px; } .popUpDealSummary .mainhead {float: left;} .popUpDealSummary .mainhead h1 {color: #002252; float: left; font-family: arial; font-size: 18px;border-bottom: medium none !important; font-weight: normal; margin: 0; padding: 0 0 0 63px; width: 610px;} .popUpDealSummary .mainhead a img {float: left;height: 23px;margin: 0;width: 23px;} .popUpDealSummary .tariffRateUseMiddle .headingBG { background: url("../images/tariffHeadingBg.png") no-repeat scroll 0 0 transparent; float: left; height: 17px; margin: 15px 0 0 63px; width: 633px; } .popUpDealSummary .tariffRateUseMiddle .bottomBG { background: url("../images/tariffBottomBg.png") no-repeat scroll 0 0 transparent; float: left; height: 17px; margin: 0 0 0 63px; width: 633px; } .popUpDealSummary .tariffRateUseMiddle .mainHeading { float: left; margin: -3px 0 0 63px; padding: 0; width: 640px; } .popUpDealSummary .tariffRateUseMiddle .mainHeading span { color: #4B666C; float: left; font-family: arial; font-size: 15px; height: 50px; padding: 0 !important; position: static; } .popUpDealSummary .tariffRateUseMiddle .mainHeading span.lwUsage, .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailslwUsage { background: none repeat scroll 0 0 #E6F3F6; /*float: left;*/ text-align: center; width: 211px; } .popUpDealSummary .tariffRateUseMiddle .mainHeading span.mdmUsage, .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailsmdmUsage { background: none repeat scroll 0 0 #CAE3EA; border-left: 1px solid #C1DCE3; /*float: left;*/ text-align: center; width: 209px; font-size: 17px; } .popUpDealSummary .tariffRateUseMiddle .mainHeading span.hghUsage, .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailshghUsage { background: none repeat scroll 0 0 #ABCCD4; border-left: 1px solid #A6CAD3; /* float: left;*/ text-align: center; width: 211px; } .popUpDealSummary .tariffRateUseMiddle .mainHeading span.activeHigh { background: url("../images/tariffActiveArrow.png") no-repeat scroll 50% 92% #ABCCD4; float: left; font-size: 22px; margin: 0; } .popUpDealSummary .tariffRateUseMiddle .mainHeading span.activeMedium { background: url("../images/tariffActiveArrow.png") no-repeat scroll 50% 92% #ABCCD4; float: left; font-size: 22px; margin: 0; } .popUpDealSummary .tariffRateUseMiddle .mainHeading span.activeLow { background: url("../images/tariffActiveArrow.png") no-repeat scroll 50% 92% #ABCCD4; float: left; font-size: 22px; margin: 0; } .popUpDealSummary .tariffRateUseBottom { background: url("../images/bottom_view_tariff.png") no-repeat scroll 0 100% transparent; display: block; float: left; height: 70px; margin: 0 0 0 1px; width: 782px; } .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailslwUsage h1, .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailsmdmUsage h1, .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailshghUsage h1 { border-bottom: medium none !important; color: #222222; font-family: arial; font-size: 14px; padding: 0 0 0 20px; text-align: left; height:27px; } .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailslwUsage ul li, .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailsmdmUsage ul li, .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailshghUsage ul li { background: url("../images/upsell_li_bg.png") no-repeat scroll 0 9px transparent; color: #222222; display: block; font-family: arial; font-size: 14px; line-height: 21px; margin: 0 15px 0 20px; padding: 0 0 0 10px; text-align: left; } #closeIt { float: right; overflow: hidden; } #mainWrapper #mainContent_dealsummary .popUpDealSummary .tariffRateUseMiddle .tariifHelp { background: url("../images/tariffCallImage.png") no-repeat scroll 27% 50% transparent; color: #00234F; float: left; font-family: arial; font-size: 18px; margin: 17px 0 0; padding: 0; text-align: center; width: 782px; } .tariifHelp span { background: none repeat scroll 0 0 transparent; color: #00234F; float: none; font-size: 18px; font-weight: bold; padding: 0 !important; } .popUpDealSummary .tariffRateUseMiddle .mainHeading .tariffShadow { background: url("../images/teriffUsageDropShadow2.png") repeat-x scroll 0 0 transparent; float: left; height: 16px; margin: -16px 0 0; width: 633px; } .popUpDealSummary .tariffRateUseMiddle .usageDetails { float: left; margin: 0 0 0 63px; padding: 0; width: 640px; } .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailslwUsage, .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailsmdmUsage, .popUpDealSummary .tariffRateUseMiddle .usageDetails .detailshghUsage { height: auto; display:table-cell; } /******************** CSS FOR SLIDER ***************************/ #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-container { /* border: 1px solid #346F97;*/ } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-container-horizontal {width:305px; padding:10px 40px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-container-vertical {width:75px; height:245px; padding:40px 20px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-clip {overflow: hidden} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-clip-horizontal {width:245px; height: 100px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-clip-vertical {width:75px; height: 245px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-item {width:98px; height:100px; padding:10px 0 0 15px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-item.active { width: 98px; height: 100px; background:url(../images/bg_slider.jpg) left top no-repeat; padding:10px 0 0 15px; margin-left:10px; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango a { float:left; margin-bottom:3px } /** * Horizontal Buttons */ #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.gif) no-repeat 0 0; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/prev-horizontal.gif); } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.gif) no-repeat 0 0; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/next-horizontal.gif); } /** * Vertical Buttons */ #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-vertical.gif) no-repeat 0 0; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-vertical:hover, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-vertical, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-prev-vertical {position:absolute; top:5px; left:43px; width:32px; height:32px; cursor:pointer; background:url(../images/prev-vertical.gif) no-repeat 0 0} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-prev-disabled-vertical:hover, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .Text{display:block;float:right;padding-top:30px;vertical-align:top; font-size:13px; font-weight:normal} .radiobtn{display: block; padding:5px 0 0 5px; width:20px;} .radiobluepdp {height:19px; width:19px; float:left; margin:0 0 3px; background: url("../images/radio_button_blue_small.png"); background-repeat:no-repeat; cursor: default; margin:0 4px 0 0} .checkbox {height:19px; width:19px; clear:left; float:left; margin: 0 0 3px; padding: 0 0 0 26px; background: url("checkbox.gif") no-repeat; cursor: default; text-align:left} .checkbox input,.radiobluepdp input {display:none} .checkbox input.show,.radiobluepdp input.show {display:inline} .selected {background-position: 0 -51px} .radiowhitepdp {height:19px;width:19px; float:left;margin:0 0 3px; background: url("../images/radio_button_white_small.png"); background-repeat:no-repeat; cursor:default; margin:0 4px 0 0} .checkbox {height:19px; width:19px;clear:left; float:left; margin: 0 0 3px; padding: 0 0 0 26px; background: url("checkbox.gif") no-repeat; cursor: default; text-align:left} .checkbox input,.radiowhitepdp input {display:none} .checkbox input.show,.radiowhitepdp input.show {display:inline} .selected {background-position: 0 -31px} .Needmoresectionholder{width:814px; margin-left:-4px; margin-top:-12px;} .Needmoresectionholder h2{font-size:16px; font-weight:normal; color:#26466D; margin:12px 0} .Needmoresectionholder .need_more_holder_top_bg{background: url("../images/upsell/need_more_holder_top_bg.png") 0 0 no-repeat; height:33px;} .Needmoresectionholder .need_more_holder_mid_bg{border-left: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9; width:811px; padding:3px 0px 0px} .Needmoresectionholder .need_more_holder_bottom_bg{background: url("../images/upsell/deal_summary_restyBottom813.png") no-repeat scroll 0 0 transparent;margin-bottom: 20px;width:813px;height:12px;margin-top:-8px} .need_more_holder_top_bg ul{padding:0px 0 0 5px} .need_more_holder_top_bg ul li{padding:9px 0 0 9px; color:#434343; font-size: 11px; font-family: arial; float: left; font-weight:normal} .need_more_holder_top_bg ul .network{width: 57px} .need_more_holder_top_bg ul .tariff{width: 68px} .need_more_holder_top_bg ul .contract{width: 58px;padding: 4px 0 0 9px!important} .need_more_holder_top_bg ul .minutes{width: 73px} .need_more_holder_top_bg ul .texts{width: 87px} .need_more_holder_top_bg ul .data{width: 58px} .need_more_holder_top_bg ul .offer{width:74px; padding:2px 0 0 34px!important} .need_more_holder_top_bg ul .phonecost{width:45px;padding:2px 0 0 41px !important} .need_more_holder_top_bg ul .monthlycost{width:52px; padding:2px 0 0 42px !important} .need_more_holder_mid_bg .generalTabholder{/*overflow:hidden;*/background: url("../images/upsell/need_more_btm_grad_bg.png") 0 100% repeat-x; padding-bottom:0px; margin-bottom:7px; position:relative; width:810px} .need_more_holder_mid_bg .generalTabholder1{/*overflow:hidden;*/ padding-bottom:inherit; position:relative; width:810px; padding-bottom:15px} /*.need_more_holder_mid_bg .generalTabholder .overlayWindowPop, .need_more_holder_mid_bg .generalTabholder1 .overlayWindowPop {left:-2% !important; margin:0 !important; top:-215px !important}*/ .need_more_holder_mid_bg .generalTab .restyOne{float: left} .need_more_holder_mid_bg .generalTab .restyTwo{float: left; margin-left: -1px;} .need_more_holder_mid_bg .generalTab .restyOne span.bluetext{color:#094895; font-size:26px;font-weight:bold;vertical-align:super} .need_more_holder_mid_bg .generalTab .restyOne span.bluetext3{color:#094895; font-size:15px;font-weight:bold;vertical-align:sub} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .simplicity{width:109px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .contlength{width:106px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .offersFree{width:160px} .need_more_holder_mid_bg .networkN{ width: 52px; padding: 12px 0 0 14px} .need_more_holder_mid_bg .tariffN{width: 77px; padding: 12px 0 0 16px} .need_more_holder_mid_bg .contractN{width: 58px; padding: 12px 0 0; font-size: 13px} .need_more_holder_mid_bg .minutesN{width: 82px; padding: 12px 0 0 8px; font-size: 13px} .need_more_holder_mid_bg .textsN{width:81px; padding: 12px 0 0 4px; font-size: 13px} /*.need_more_holder_mid_bg .dataN{width: 54px; padding: 12px 0 0 13px; font-size: 13px}*/ .need_more_holder_mid_bg .offerN{width:92px; padding: 12px 0 0 19px} .need_more_holder_mid_bg .phonecostN{width: 58px; padding: 12px 0 0 25px} .need_more_holder_mid_bg .Monthlycostpn{width:104px; padding: 12px 0 0 31px} .need_more_holder_mid_bg .Monthlycostpn span.addbsktbtn{display:block; margin-top:5px} .need_more_holder_mid_bg .Monthlycostpn span a{background:url(../images/upsell/deal_summary-PAYM_addToBasket_new.png) no-repeat 0% 0%; width:103px; height:30px; display:block; color:#fff; font-size:14px; line-height:27px; padding-left:7px} .need_more_holder_mid_bg .generalTab p{font-size:12px; font-weight: normal; font-family: arial;/*padding-left:1px;*/margin-top:0px;} .need_more_holder_mid_bg .generalTab p.data span{font-weight:bold; font-family:arial; color: #232323; display:inline-block; font-size:15px;} .need_more_holder_mid_bg .generalTab p span{font-weight:bold; font-family:arial; color: #232323; font-size:15px;padding-right:0;} .need_more_holder_mid_bg .generalTab p.usageData span{font-size:14px;} .need_more_holder_mid_bg .generalTab p span.hyphen{padding-left:26px;font-weight:bold; font-family:arial; color: #232323; font-size:15px;} .need_more_holder_mid_bg .generalTab p.price span{font-weight:bold; font-family:arial; color: #232323; disply:block;font-size:15px;} .need_more_holder_mid_bg .generalTab .gift p{font-size:12px; font-family: arial; float: left} .need_more_holder_mid_bg .generalTab .xbox{background:url(../images/upsell/gift.gif) no-repeat 0% 100%; display:block;width:73px; height: 83px;font-size: 12px; font-family: arial; float: left; margin:5px 0 0 17px} .need_more_holder_mid_bg .generalTab h4{padding: 10px 0 0 15px;font-size: 13px; font-family: arial; font-weight: bold; color:#222} .need_more_holder_mid_bg .generalTab .Included{font-size: 12px; font-family: arial; float: left; width: 516px; padding-left: 29px} .need_more_holder_mid_bg .generalTab .Included h3{font-size: 16px; font-family: arial; color: #232323;} .need_more_holder_mid_bg .generalTab .Included p{font-size: 12px; font-family: arial; color: #444444; padding-bottom: 5px; margin-top: -3px} .need_more_holder_mid_bg .generalTab .Included ul{font-size: 12px; font-family: arial; color: #444444; padding-left: 10px; width: 450px} .need_more_holder_mid_bg .generalTab .Included li{background:url(../images/upsell/blackBullet.gif) no-repeat 0% 8px; display:block; font-size: 12px; font-family: arial; color: #444444; float: left; width: 450px; padding-left:8px; padding-top: -2px} .need_more_holder_mid_bg .Included a{font-size: 12px; font-family: arial; color: #018ca9; float: left; width: 450px; padding-top: 5px} .need_more_holder_mid_bg .generalTab .Included .samllFont{font-size: 7px} .need_more_holder_mid_bg .contractMonth{width:107px;padding:18px 0 0 12px} .need_more_holder_mid_bg .mbdata{width:99px; padding:12px 0 0 15px} .need_more_holder_mid_bg .restyTwo ul {float:left} .need_more_holder_mid_bg .dataN{width:82px; padding:6px 2px 0 4px; font-size: 13px; /*height:90px;*/} .need_more_holder_mid_bg .dataN1{width:82px; padding: 6px 2px 0 4px; font-size: 13px;/*height:100px;*/} .need_more_holder_mid_bg .usageBGMedium{cursor:pointer;background:url(../images/upsell/mediumusage_Big.png) 0 0 no-repeat; /*margin-bottom:15px*/} .need_more_holder_mid_bg .usageMedium{width:67px; padding:5px 10px 0 10px; font-size: 13px; min-height:77px;position:relative; /*top:82px;*/ display:inline-block} .need_more_holder_mid_bg .usageBGMediumBig{cursor:pointer;background:url(../images/upsell/mediumusage.png) 0 0 no-repeat; /*margin-bottom:15px*/} .need_more_holder_mid_bg .usageMedium_Big{width:67px; padding:5px 10px 0 10px; font-size: 13px; min-height:95px;position:relative; /*top:82px;*/ display:inline-block} .need_more_holder_mid_bg .usageHigh{cursor:pointer;width:67px; padding:5px 10px 0 10px; font-size: 13px; min-height:75px;position:relative; /*top:82px;*/ display:inline-block} .need_more_holder_mid_bg .usageBGHigh{cursor:pointer;background:url(../images/upsell/highusage_Big.png) 0 0 no-repeat; /*margin-bottom:15px*/} .need_more_holder_mid_bg .usageHigh_Big{width:67px; padding:5px 10px 0 10px; font-size: 13px;/*background:url(../images/upsell/highusage_Big.png) 0 0 no-repeat;*/ min-height:95px;position:relative; /*top:82px;*/ display:inline-block} .need_more_holder_mid_bg .usageBGHighBig{cursor:pointer;background:url(../images/upsell/highusage.png) 0 0 no-repeat; /*margin-bottom:15px*/} .need_more_holder_mid_bg .freeOne{width:152px; padding:12px 0 0 13px; font-size: 13px} .colorSeleMobile h2{font-size:16px; font-weight:bold; color:#00234f;margin:5px 0} .topTabs h2{ font-size:18px; font-weight:normal; color:#ffffff; width:327px; float:right;background:url(../images/upsell/phone_icon_img.png) 0 0 no-repeat; padding-left:33px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab .tariffContact{width: 113px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab .tarifftexTwo{width: 261px} .tariffNetwork{width: 117px ! important} .tarifftexThree{width:83px !important} .tariffTextFour{width: 40px !important} .reviewOptionsFloatRight{float:right !important} .tariffInfoTabTwo{float: left;width:811px; border-left: 1px solid #CBD8C8; border-right: 1px solid #CBD8C8} addBottomBorder{border-bottom:1px solid #cbd8d8} .tariffInfoDivOne{float:left;padding:8px 0 8px 16px;} .tariffInfoDivOne span.bluetext{color:#094895; font-size:26px;font-weight:bold;vertical-align:super} .tariffInfoDivOne span.bluetext3{color:#094895; font-size:15px;font-weight:bold;vertical-align:sub} .tariffInfoDivOne span.bluetext2 {color:#1395af; font-size:13px;display:block} .tariffInfoDivTwo{float:left;padding:10px 4px 0 10px} .tariffInfoTabTwo .priceOne{width:110px} .tariffInfoDivTwo p {font-size:12px;color:#222222;padding: 0 0 4px 0;margin-top:0px;} .tariffInfoDivTwo p.topUpTen {font-size:12px;color:#222222;padding: 0 4px 4px 0;width:95px} .networkOffersOne{width:230px; position:relative; /*z-index:99;*/ padding-left:7px} .extras{width:114px} .priceOne #errMsg{font-size:13px;} .dsPriceDiv_sf #errMsg{font-size:13px;} .tariffInfoDivTwo.topUp {padding-left:16px} .tariffInfoDivTwo.topUp p strong {display:block} .tariffInfoDivTwo.topUp p strong span {font-weight:normal !important} .tariffInfoDivTwo.topUp p, .tariffInfoDivTwo.priceOne p {width:105px} .tariffInfoDivTwo p {padding: 0 0 4px 4px;margin-top:0px;} .tariffInfoDivTwo.networkOffersOne p {width:204px} .tariff p{padding-left:3px!important} .networkOffersTwo{width:279px} .textBold{font-weight:bold;font-size:12px!important;} .tariffInfoDivTwo p.topUpTariff{width:60px;padding-left:2px} .tariffInfoDivTwo p.topUpTariff span{font-weight:bold;padding-right:10px} .tariffInfoTabTwo input[value="View deal"] {color:#FFF; font-size:14px; background:url(../images/view_deals_btn.png) no-repeat; width:88px; height:26px; border:none; outline:none; cursor:pointer;margin: 4px 0 4px 0;padding-bottom: 5px} .tariffInfoTabTwo input[value="View deal"].alignRight {margin: 2px 0 4px 12px!important;padding:0 10px 4px 0} .tariffInfoTabTwo input.marginLeft {margin-left:23px;} .tariffInfoDivTwo.priceOne input.marginLeft {margin-left:3px;} .freeHomeDeliveryTopNew{background:url(../images/freeHomeDeliveryTop.png) 0 0 no-repeat;width:532px;height:38px;float: left; margin-top:-5px;} .freeHomeDeliveryTopNew span{font-family: arial;font-size:11px;color:#000;float:left} .freeHomeDeliveryTopNew span.homedeliveryText{width:110px;margin: 9px 0 0 11px} .freeHomeDeliveryTopNew span.inStore{width:40px;margin: 9px 0 0 19px} .freeHomeDeliveryTopNew span.delivOptions{width:80px;margin: 5px 5px 0 98px;padding: 4px 0 0 0;} .freeHomeDeliveryTopNew span.delivOptions a{width:78px;color:#008da8} .freeHomeDeliveryTopNew span.info{float: right} .freeHomeDeliveryTopNew span.info a{background:url(../images/deal_summary-PAYM_info.png)100% 50% no-repeat;float:right;height: 18px;width: 18px;padding:4px 0 0 0;margin: 5px 12px 0 5px;} .freeHomeDeliveryBottomNew{background:url(../images/freeHomeDeliveryBottom.png) no-repeat scroll 0 0 transparent;width:532px;height:15px;float: left;margin-top: -5px;} .freeHomeDeliveryMiddle .leftMiddleNew{float: left} .freeHomeDeliveryMiddleNew{width:277px;float: left;border:1px solid #d7d7d7;border-width: 0 1px 0 1px} .freeHomeDeliveryNew{float: left;width:530px; border-left: 1px solid #CBD8C8; border-right: 1px solid #CBD8C8} .deliveryoptionsLeft{width:277px; float:left; font-family:arial; font-size:12px;position:relative; padding-bottom: 13px;border-right: 1px solid #CBD8C8;} .deliveryoptionsLeftMod br{ display:none;} .Leftpartdeliveryoptions{float: left; width:277px} .ie8 .Leftpartdeliveryoptions{width:276px} .Rightpartdeliveryoptions{float:right; width:252px;padding-top: 10px; border-left: 1px solid #CBD8C8; height: 85px;} .RightpartdeliveryoptionsRC{float:right; width:252px; border-left: 1px solid #CBD8C8; height: 100px;} .deliveryoptionsLeft p{float:left; font-weight:bold; margin:10px 0 0 13px; width:156px; font-size:12px} .deliveryoptionsLeft p span{display:block; color:#858585; font-size:11px; font-weight:normal} .deliveryoptionsLeft span.availabilityOptions { background: url("../images/right_icon.png") no-repeat scroll 96% 46% transparent; float: right; margin: 10px; padding: 2px 27px 0 0 !important; color:#73a533; } .deliveryoptionsLeft span.availabilityOptions img {padding-left:5px} .dottedBorder{border-bottom: 1px dotted #d6d6d6; padding-bottom: 11px} .Rightpartdeliveryoptions ul{width:240px;float: left; margin: 10px 0 -1px 15px} .Rightpartdeliveryoptions ul li{display: block; float: left; margin-bottom: 5px} .RightpartdeliveryoptionsRC ul{width:240px;float: left; margin: 9px 0 1px 14px} .RightpartdeliveryoptionsRC ul li{display: block; float: left;} .deliveryIcon{/* background:url(../images/blueIcon.jpg) no-repeat 100% 8px; */ width:268px; display: block; padding-top:8px; float: left; height: 20px; font-size: 11px} .deliveryIcon img{margin:0 7px 0 12px; vertical-align:middle} .Rightpartdeliveryoptions ul li h4{width:125px; float: left; font-weight: bold; font-size: 12px; color: #222;margin:-8px 0 0; } .RightpartdeliveryoptionsRC ul li h4{width:125px; float: left; font-weight: bold; font-size: 12px; color: #222; margin-top: -1px;} .Rightpartdeliveryoptions ul li span{font-size: 11px; color: #73A533; float: right; padding-right: 5px} .Rightpartdeliveryoptions ul li span img{margin-left: 0px;} .Rightpartdeliveryoptions ul li span#loadingImg{padding-top:7px; !important} .RightpartdeliveryoptionsRC ul li span{font-size: 11px; color: #73A533; float: right; padding-right: 5px} .RightpartdeliveryoptionsRC ul li span img{margin-left: 0px;height:27px;} .resetStore{margin-left: 14px; float: left; margin-top:8px; font-size: 11px; color: #0d94aa} .resetStoreRC{margin-left: 14px; float: left; font-size: 11px; color: #0d94aa} .reserveCollect{margin-left:23px; float: left; margin-top:8px; font-size: 11px; color: #0d94aa} .reserveCollectRC{margin-left:23px; float: left; font-size: 11px; color: #0d94aa} .widthFloat{width: 537px; float: left} .stockIcon{width:254px; display: block; padding-top:9px; float: left; height: 20px; font-size: 11px} .stockIcon img{margin:0 7px 0 26px; vertical-align:middle} /***************************************** STYLES for colorSelectMobileList ****************************************/ #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile #colorSelectMobileList li {float:left; width:48px; margin:0 0 0 19px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile #colorSelectMobileList li a img {padding-top:11px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile #colorSelectMobileList li.active a img {padding-top:0} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile #colorSelectMobileList li span {display:block; padding-top:5px; font-size:12px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile #colorSelectMobileList li.active {margin:0 8px 0 0; background:url(../images/bg_slider_one.jpg) no-repeat left top; height:117px; padding:10px 0 0 18px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .Rightpartdeliveryoptions #checkStoreStock {margin:10px 0 0 15px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .Rightpartdeliveryoptions #checkStoreStock p {color:#222; font-size:12px; font-weight:bold} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .Rightpartdeliveryoptions #checkStoreStock p#findStoreSerach {float:left} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .Rightpartdeliveryoptions #checkStoreStock p a {margin:7px 0 0 0;width:65px; height:23px; float:left; background:url(../images/upsell_store_finder.jpg) no-repeat 100% 0%; display:block; text-indent:-9999px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .Rightpartdeliveryoptions #checkStoreStock p#findStoreSerach input {height:20px; padding:1px 5px 0; color:#aeaeae; border:1px solid #d9d9d9; border-width:1px 0 1px 1px; border-right:1px solid #b4d489} /************************************************** STYLES FOR UPSELL BOXES IN TABLE FORMAT 23-08-2012 ***/ #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .RCDeliveryTbl{float:right;width:400px;margin-top:15px;padding-right: 5px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .RCDeliveryTbl #header1, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .RCDeliveryTbl #header2{background:url("../images/freeHomeDeliveryTop.png") repeat-x scroll right top transparent;height: 38px;width:532px;float:left;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .RCDeliveryTbl tr{float:left;width:532px;margin:0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .RCDeliveryTblTwo #header1, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .RCDeliveryTblTwo #header2{width:auto;float:none!important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .RCDeliveryTblTwo tr{float:none;width:auto;margin:0} .del_i_link_sml {background: url("../images/deal_summary-PAYM_info.png") no-repeat scroll 100% 50% transparent;display: block;float: right;height: 20px;padding: 0 0 0;width: 20px;} .th_title {float: left;} .th_titleTwo{} .th_titleTwo img {margin:0 5px -5px 0} .RCDeliveryTbl th {padding: 5px 10px 4px; text-align: left;width:254px;} .RCDeliveryTbl th a { font-weight:normal} .RCDeliveryTbl th.firstCol {border-right:1px solid #CCC; background: url("../images/freeHomeDeliveryTop.png") no-repeat scroll 0 0 transparent; padding-bottom:0; padding-top:0;height:38px;} .RCDeliveryTbl td {padding: 5px 10px; text-align: left} .RCDeliveryTbl td.RCdeliveryCell {background: url("../images/rc_box_btm.gif") no-repeat 0 100%; border-right: 1px solid #ccc; text-align:center; padding: 12px 15px} .RCDeliveryTbl td.RCdeliveryCellTwo {padding: 5px 0 0 0} .RCdeliveryCell .RCdeliveryImg { margin:0 auto 8px; background: url("../images/homedeliveryvan.png") no-repeat scroll 100% 50% transparent; display: block; height: 27px; margin: 0 auto; padding: 17px 0 0; width: 38px; } .RCdeliveryCell .RCavailableDiv { text-align: left; margin: 0 auto 15px; } .RCdeliveryCell .RCsummaryTxt { color: #999; margin: 0 auto; } .delivop_ovly {float: right;vertical-align:middle;} .delivop_ovlyTwo {float: right;} .del_i_link {background: url("../images/deal_summary-PAYM_info.png") no-repeat scroll 100% 50% transparent;display: block;padding-right: 25px;padding-top: 4px;} .del_i_link {left: 1px;position: relative;} .view_more_stores {float: left;margin-left: 12px;padding-top: 3px;} .reset_stores {float: left;margin-left: 12px;padding-top: 3px;} TD.RCarrowCell {border-right: 1px solid #ccc;padding: 0;border-bottom: 1px solid #CCCCCC;width:350px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .RCDeliveryTblTwo tr TD.RCarrowCell{width:auto;} TD.RCarrowCellTwo {height:105px;padding-left: 10px} TD.RCarrowCellThree{height:105px;} .RCstockCheckForm { width: 240px; } .RCstockCheckForm LABEL {float: left;font-weight: normal;padding: 4px 10px 4px 0;} .RCstockCheckInput, .RCstockCheckBtn {display: block;margin: 0;float: left;} .RCstockCheckInput {border-top: 1px solid #b4b4b4;border-right: 0;border-bottom: 1px solid #b4b4b4;border-left: 1px solid #b4b4b4;width: 80px;padding: 4px;font-size: 1em;} TD.RCdividerCell { padding: 8px 7px 16px; border-right: 1px solid #ccc; border-bottom: 1px dotted #C0D3D7; } TD.btmCell { background: url('../images/rc_box_btm.gif') no-repeat 100% 100%; } .caveatTxt {font-weight: normal;color: #999;margin-top: 8px !important;display: inline-block;margin-left:13px;} .RCinStock { background: url("../images/right_icon.png") no-repeat scroll 100% 50% transparent; padding: 3px 28px 3px 0 !important; } .RCinStockTxt { background: url("../images/right_icon.png") no-repeat scroll 96% 46% transparent; float: right; margin: 10px; padding: 2px 27px 0 0 !important; } #labelavailable { background: url("../images/right_icon.png") no-repeat scroll 80% 49% transparent; /*padding-left:13px !important;*/ float: right; width:62px; margin: 11px 0 0; color:#73a533; padding:0 24px 0 0 !important } #locateStoreInfo {width:100px} .locateStoreInfoTwo {width:240px!important;font-size:12px;font-weight: bold!important;margin: 13px 0 0 15px;padding-top: 20px;color:#222222;} .RCbackOrderStock { background: url("../images/right_icon.png") no-repeat scroll 100% 50% transparent; padding: 3px 28px 3px 0 !important; } .RCbackOrderStockTxt{ background: url("../images/right_icon.png") no-repeat scroll 97% 50% transparent; padding: 3px 29px 3px 0 !important; } .stockCheckForm {float:right; left:4px; position:relative; width:130px} .del_i_link {position:relative; left:1px} .RCinStockTxt{ color: #74A235 !important; } .RCbackOrderStockTxt { color: #74A235; } .RClimitedStockTxt { color: #e8b507; } .RCoutStock, .RCoutStockTxt { background: url('../images/red_cross.gif') no-repeat 98% 50% !important; padding: 2px 24px 4px 14px !important;/*width:65px !important*/ } .RCoutStockTxt { color: #FD0040 !important;float: right !important; width: 65px !important; } .RCunknownStock, .RCunknownStockTxt { padding: 3px 0 !important; } .RCunknownStockTxt { color: #FD0040; } .RCstoreInfo { width: 150px; float: left; color: #003060; padding: 3px 0; } /* Start Changes for NFI 67 */ .RCstoreInfo_new { /*width: 95px;*/ width: 110px; float: left; color: #222222; margin:0 0 0 14px; } #noStockStatus {float:right;margin: -20px -9px 0 !important;} #notStockStatus {float:right;margin: -20px -9px 0 !important;} #noStockStatusRC{float:right;margin: -63px -12px 0 9px;background:url("../images/red_cross.gif") no-repeat scroll 80% 50% transparent;color: #FD0040;text-align: right;} #notStockStatusRC{float:right;margin: -63px -4px 0 9px !important;background:url("../images/red_cross.gif") no-repeat scroll 86% 50% transparent;} /* End Changes for NFI 67 */ .RCleftTxt { width: 150px; float: left; padding: 3px 0; } /* Start Changes for NFI 67 */ .RCleftTxt_new { width: 156px; float: left; padding: 3px 0; margin: 10px 0 0 18px; font-weight:bold; } /* End Changes for NFI 67 */ .RCrightTxt { width: 95px; float: right; text-align: right; } /* Start Changes for NFI 67 */ .RCrightTxt_new { float: right; margin: -26px 0px 0; text-align: right; } .RCrightTxt_newOOS{ float: right; /* margin: -40px -4px 0 !important;*/ text-align: right; } /* End Changes for NFI 67 */ A.RCresetLnk { /* background: url('../images/phone_shop/deal_summary/icon_reset.png') no-repeat 100% 50%; */ /* padding-right: 15px; */ } .RCerrorMsg { /* float: right; */ text-indent:15px; color: #c00; font-weight: normal; border-left: 1px solid #CBD8C8; float: right; width: 252px; } TABLE { font-size: 11px;border: medium none;border-spacing: 0;padding: 0; } .stockCheckForm input[type="text"] {border: 1px solid #b4b4b4; color: #616161; float: left; height: 19px; width: 101px; margin-top:0; padding-left:3px; margin-left: -30px; font-size:11px; color:#666666; font-family:arial} .stockCheckForm input[type="submit"] {background: url("../images/search_icon.gif") no-repeat 0% 0%; float: left; height: 23px; width: 24px; margin-top:7px; border:none; cursor:pointer} .deliveryoptionsLeftTwo p{text-align: left} .deliveryoptionsLeftTwo{border-right: 0px solid #d6d6d6;padding-bottom: 26px;} .dottedBorderTwo {border-bottom: 1px dotted #D6D6D6;padding-bottom: 8px;} .stockCheckFormTwo{width: 198px;float: left;position: relative;left:1px;padding-left:44px;} .stockCheckFormTwo input[type="text"]{height:22px;border:1px solid #d7d7d7;color:#cdcdcd;font-size: 12px;width:115px} .RCstockCheckFormTwo{margin-top:15px} .deliveryIconTwo{background: url("../images/blueIcon.jpg") no-repeat scroll 100% 8px transparent;display: block;float: left;font-size: 11px;height: 30px;padding-top: 8px;} .deliveryIconTwo img {margin: 0 7px 0 8px;vertical-align: middle;} .RCarrowCellNew{padding-left:9px!important} .mainHeading span.active{float: left; font-size: 22px !important; margin: 0;} .generalTab .dealOverviewExtras{float: left; padding: 10px 0 0 10px; width: 551px;} .generalTab .dealOverviewOpenExtras{float: left; padding:0; width: 582px;} .dsTariffExtrasSctn .dsFinalExtra{margin-bottom: -12px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .title{width:239px; padding: 12px 0 0 14px;line-height: 21px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .title span{display:block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .title a{padding-top:12px;display:block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .Ecost{width:108px;padding-top:10px;line-height: 21px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .Ecost span{display:block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .offerN1{padding: 12px 0 0 13px;width:147px;line-height: 20px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .titlenew{width:390px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .Ecostnew{width:157px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .phonecostnew{/*border-left:1px solid #dbdbdb;*/ padding: 0 15px 0 11px !important;width:53px; height:20px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .monthlycostnew{padding: 0 0 0 38px !important;width: 85px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .phonecostN1 {padding: 12px 0 0 12px;width:68px;border-left:1px solid #dbdbdb; min-height:79px} .dsTariffExtrasSctn .dsFinalExtra{margin-bottom: -12px !important;} .Rightpartdeliveryoptions ul li h4.checkstoretext{width:212px; float: left; font-weight: bold; font-size: 12px; color: #222;margin-bottom:0 !important} .Rightpartdeliveryoptions ul li h4.checkstoretext1{width:212px; float: left; font-weight: bold; font-size: 12px; color: #222;margin-bottom:0 !important} .Rightpartdeliveryoptions ul li h4.checkstoretext1 span{color: #444444 !important;} .Rightpartdeliveryoptions ul li h4.checkstoretext span{color: #444444 !important;} .Rightpartdeliveryoptions .firstli{margin-bottom:-14px !important} .RightpartdeliveryoptionsRC ul li h4.checkstoretext{width:212px; float: left; font-weight: bold; font-size: 12px; color: #222;margin-bottom:0 !important} .RightpartdeliveryoptionsRC ul li h4.checkstoretext1{width:212px; float: left; font-weight: bold; font-size: 12px; color: #222;margin-bottom:0 !important} .RightpartdeliveryoptionsRC ul li h4.checkstoretext1 span{color: #444444 !important;} .RightpartdeliveryoptionsRC ul li h4.checkstoretext span{color: #444444 !important;} .RightpartdeliveryoptionsRC .firstli{margin-bottom:-14px !important} .newfindstore input[type="text"] {border:1px solid #B4B4B4;color: #3f3f3f;float: left;font-family: arial;font-size: 12px;height: 22px;margin-top: 5px !important;padding-left: 3px;width: 120px;margin-bottom:7px} .newfindstoreRC input[type="text"] {border:1px solid #B4B4B4;color: #3f3f3f;float: left;font-family: arial;font-size: 12px;height: 22px;padding-left: 3px;width: 120px; margin-top: 4px !important;} .newfindstore input[type="submit"] {background: url("../images/find_store.png") no-repeat scroll 0 0 transparent;border: medium none;cursor: pointer;float: left;height: 31px;margin-top: 5px !important;width: 73px;text-indent:-10000000000000px;margin-bottom:7px; padding: 0 !important} .newfindstoreRC input[type="submit"] {background: url("../images/find_store.png") no-repeat scroll 0 0 transparent;border: medium none;cursor: pointer;float: left;height: 31px;width: 73px; margin-top: 4px !important;text-indent:-10000000000000px;} .editExtra{ color: #028EA9; float: left; font-family: arial; font-size: 13px; width: 811px; margin: 0px 0 0 13px;} .overlayHeader #dataDivleft div.heading span { border-right: 1px solid #A9A9A9; color: #4A4A4A; display: inline-block; font-size: 11px; font-weight: bold; line-height: 14px; padding: 5px 15px 4px 5px; width: 100px; } .brdRightNone { border-right: medium none !important; } .rdOverlayContainer .rdOverlay .rdOverlayBtm .rdOverlayContent .dsDeliveryOverlaySctn .dsDeliveryOverlayContent .rcOverlayContent .rcInfoList { margin-bottom: 11px !important; margin-left: -1px !important; margin-top: 11px !important; padding-left: 41px !important; } .rdOverlayContainer .rdOverlay .rdOverlayBtm .rdOverlayContent .dsDeliveryOverlaySctn .dsDeliveryOverlayContent .rcOverlayContent .rcInfoList { list-style: disc outside none !important; } .rdOverlayContainer .rdOverlay .rdOverlayBtm .rdOverlayContent .dsDeliveryOverlaySctn .dsDeliveryOverlayContent .rcOverlayContent .rcInfoList li { list-style: disc outside none !important; } .rdOverlayContainer .rdOverlay .rdOverlayBtm .rdOverlayContent { font-size: 11px !important; } .dataChangeTab {padding-left:10px;} .minutesData {padding-left:20px;width:70px} .textsData {padding-left:9px;width:73px} .dataData {padding:12px 2px 0 19px; width:80px;} .minutesUp {padding-left:18px;} .textsUp {padding-left:10px;} .dataUp {padding-left:11px;} .delivop_ovly .del_i_link:hover {text-decoration:none;} .RCoutStockTxtRC { color: #FD0040 !important; float: right !important; width: 65px !important; } .RCoutStock, .RCoutStockTxtRC { background: url("../images/red_cross.gif") no-repeat scroll 90% 50% transparent !important; margin: 10px 7px 0 -104px; padding: 2px 30px 4px 14px !important; } #info2 .RCstoreInfo_newRC{ margin: -5px 0 0 14px; } #resultDiv .RCinStockTxtRC{ margin-top: -2px; } #info3 .RCinStockTxtRC{ margin-top: 19px !important; } .RCstoreInfo_newRC { color: #222222; float: left; font-size: 12px; font-weight: bold; width: 110px; margin: 5px 0 0 14px; padding: 14px 0; } .RCrightTxt_newRC { float: right; /* margin: -60px 0 0; */ /* margin:-16px 1px 0pt!important;*/ text-align: right; } .RightpartdeliveryoptionsRC ul li span img { margin-left: 0; margin-top: 8px; } .RCinStockTxtRC { background: url("../images/right_icon.png") no-repeat scroll 96% 46% transparent; padding: 2px 27px 0 0 !important; float:right; margin: 10px; } .RCbackOrderStockTxtRC{ background: url("../images/right_icon.png") no-repeat scroll 85% 50% transparent !important; padding: 0 25px 3px 0 !important; margin: 11px 0 0; float: right; width: 62px; } .RCinStockTxtRC, .RCbackOrderStockTxtRC { color: #74A235; } .RClimitedStock, .RClimitedStockTxtRC { background: url('../images/right_icon.png') no-repeat 100% 50%; padding: 3px 19px 3px 0 !important; margin: 0 8px 0 0; } .RClimitedStockTxtRC { color: #73A533; } #info3 .RCinStockTxtRC{ margin-right: 3px; } #resultDiv .RCinStockTxtRC{ margin-right: 10px; } #info2 .RCinStockTxtRC{ margin-right: -1px; } .unknownStockTxt { background: url("../images/red_cross.gif") no-repeat scroll 85% 50% transparent !important; } .viewTariffInfo a span{ font-size: 12px !important; } #d2sstatus .RCbackOrderStockTxtRC { background: url("../images/right_icon.png") no-repeat scroll 95% 49% transparent; color: #73A533; float: right; margin: 11px 8px 0; padding: 0 24px 0 0 !important; width: 62px; } #d2sstatus .RCinStockTxtRC { background: url("../images/right_icon.png") no-repeat scroll 82% 49% transparent; color: #73A533; float: right; margin: 11px -2px 0; padding: 0 24px 0 0 !important; width: 62px; } #d2sstatus .RCinStockTxt{ background: url("../images/right_icon.png") no-repeat scroll 80% 49% transparent; color: #73A533; float: right; margin: 11px 0 0; padding: 0 24px 0 0 !important; width: 62px; } /********************************************* TAB KEY NAVIGATION **********************************************/ #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalBorder:focus{outline:none !important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab:focus{outline:none !important} .viewTariffInfo a:focus{border:1px dashed #252525; display:inline-block} .need_more_holder_mid_bg .generalTab .imgOne:focus{border:1px dashed #252525; display:inline-block} #addToBasketDiv.addToBAsket a {margin-top:8px;display:block;position:absolute;} #addToBasketDiv.addToBAsket a:focus{border: 1px dashed #252525 !important; display: block; height: 30px; width: 104px;} .newfindstore input[type="submit"]:focus{border: 1px dashed #252525 !important; display: block; height: 28px; width: 75px;} #resetStores.resetStore a:focus{border: 1px dashed #252525 !important;} /********************************************* Gift overlay changes *************************************************/ #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included .rdOverlay .rdOverlayTop .rdOverlayHeader .rdOverlayClose #giftOverlayDS{width:60px!important; padding-top:0 !important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .Included .rdOverlay .rdOverlayTop .rdOverlayHeader .rdOverlayTtl h3{margin:0 !important} /* 12 Nov 2012 */ .restytwoholder{width:209px} .need_more_holder_mid_bg .generalTab {float:left} .restytwoholder {border-left:none} .titleNewOne {width:390px} .EcostNewOne {width:134px; float:left; padding:10px 0 0 15px} .phonecostNewOne {width:105px; padding-left:28px!important} .MonthlycosNewOne {width:104px} .removeLinkTitle {float:right; margin-right:36px} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .phonecostN.newWidth {width:100px} .restyTwo.phonecostN p.refundable {width:136px} /*************************************************** css for pop up ****************************************************/ .cellOneDetail {display:none; position:fixed; top:20% !important; left:21.2% !important; width:570px; float:left; z-index:61000} #simplemodal-overlay {background:#333} .checkoutTop{width:719px;float:left;background:url(../images/popup_top_New.png) no-repeat 0% 100%; display:block;height:123px;margin: 0} .mainInfo h1{font-family: arial; font-size: 18px;color:#002252;padding: 40px 0 0 40px;margin: 0;font-weight:normal;width:719px;float: left} .checkoutMid {width:719px;float:left;background:url(../images/popup_middle_New.png) repeat-y 0% 100%; padding: 0 0 0 72px} .checkoutCBottom{width:907px;float:left;background:url(../images/popup_bottom_New.png) no-repeat 0% 100%; display:block;height:90px;margin: 0} .checkoutMid p {color:#232323;margin:15px 0; padding-left:16px; width:515px; font-size:13px; line-height:150%} .checkoutpopWindow{width:907px; float:left; top:350px; left:75px;text-align:left} .checkoutpopWindow h3 {border-bottom:1px solid #DDD; margin-bottom:20px;color:#00234f;font-size:18px;float:left;display:block;width:546px; padding:0 15px 15px; margin-top:-28px} .checkoutpopWindow h3 span {font-weight:normal} .checkoutpopWindow h3 a {background:url(../images/close_btn_overlay.png) no-repeat right top;float:right;width:23px;height:23px;text-indent:-9999px;} .middleText{color:#83a3ad; font-size:18px; font-family:arial; width:480px; padding-top: 53px; padding-bottom: 40px; padding-right: 52px; margin: 0 auto} .popupContaint{background:#e3f1f1;/*float:left;*/width:515px; padding:33px 15px 28px; overflow:hidden; margin-left:14px} .checkoutpopWindow h4 {text-align:center;color:#00234F; font-size:17px; font-weight:normal} ul.navigation {position:relative; z-index:0} /*************************************************************************************************/ .need_more_holder_top_bg ul .network, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.network { width:59px; } .need_more_holder_mid_bg .networkN, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .networkN { padding: 12px 0 0 14px; width:59px; } .need_more_holder_top_bg ul .tariff, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.newtariff { width:57px; padding-left:0 } .need_more_holder_top_bg ul .contract, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.contract { width:64px; } .need_more_holder_top_bg ul .minutes, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.minutes { width:90px; } .need_more_holder_top_bg ul .texts, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.texts { width:90px; padding-left:2px } .need_more_holder_top_bg ul .data, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.data { width:57px; padding-left:4px } .need_more_holder_top_bg ul .offer, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.offer { width:96px; padding: 2px 0 0 30px !important; } .need_more_holder_top_bg ul .phonecost, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.phonecost { width:43px; padding-left:7px!important } .need_more_holder_top_bg ul .monthlycost, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.monthlycost { width: 52px; padding-left:66px!important } .need_more_holder_mid_bg .tariffN, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariffN { padding: 12px 0 0 0; width:67px; } .need_more_holder_mid_bg .contractN, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .contractN { padding-left:0 } .need_more_holder_mid_bg .phonecostN, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .phonecostN { padding:12px 0 0 12px; width:96px; } .need_more_holder_mid_bg .offerN, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .offerN { padding:12px 0 0 28px; } .need_more_holder_mid_bg .phonecostN a, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .phonecostN a { width:108px; display:block } .need_more_holder_mid_bg .Monthlycostpn, #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .Monthlycostpn { padding:12px 0 0 12px } .getLink{cursor:pointer;color:#008da8 !important; font-size:12px !important;} .getLink:hover{color:#17627a !important; text-decoration:underline !important} #mainWrapper #mainContent #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .phonecostN.newWidth { width: 100px; } .restyTwo.phonecostN p.refundable { width: 136px; } /**************** START -01/02/2013 DEAL SUMMARY TOOL TIP FOR PRE PAY ************************/ .toolTipNew{width:300px;color: #444444;font-size: 1em;left:285px;margin:275px;padding: 0;position:absolute;top:90px;width: 300px;z-index: 999999999; display:none} .toolTipNew .rdToolTipHdrnew{background:url(../images/prepay-upgrade/tooltip_top_new.png) left top no-repeat; border-bottom: 1px solid #CCCCCC; padding: 15px 15px 10px;} .toolTipNew .rdToolTipHdrnew h2{color: #000;font-size: 12px;margin: 0 !important;padding: 0 !important; text-transform:uppercase} .toolTipNew .rdToolTipContentnew{background:url(../images/prepay-upgrade/tooltip_btm_new.png) 0 100% no-repeat;padding: 12px 15px 20px;} .toolTipNew .rdToolTipContentnew p{color:#DD6600;display: block;font-size: 14px;font-weight: bold;} .eligibilityCheckGreenClass { color: #222222; font-size: 12px; padding: 0 0 4px; width : 135px; } .eligibleNetworkClass{ color: #222222; font-size: 12px; padding: 0 0 4px; margin-left: 24px; width : 135px; } /*start pop up changes for prepay*/ .upgradeIcon {vertical-align:middle} #PrepaybackgroundPopup { display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000; z-index:100; } #PrepaypopupWrapper { display:none; /*padding:40px;*/ position:absolute; border-radius:6px; /*background:#fff; border:1px solid #ccc;*/ z-index:150; } #Prepaybox { padding:0; /*top:40px; left:40px;*/ top:-82px; left:33px; z-index:20; position:absolute; } #PrepayclosePopup { color: #159EBD; cursor: pointer; display: inline-block; font-size:1.2em; font-weight:bold; padding:0; position:absolute; /*right:8px; top:8px;*/ right:88px; top:95px; text-decoration: none; z-index:21; } /* bulkRedelegate */ #Prepayform { width:719px; height:300px; } /*************************************************** css for pop up ****************************************************/ .PrepaycheckoutTop{width:719px;float:left;background:url(../images/popup_top_New.png) no-repeat 0% 100%; display:block;height:123px;margin: 0} .PrepaycheckoutMid {width:719px;float:left;background:url(../images/popup_middle_New.png) repeat-y 0% 100%; padding: 0 0 0 72px} .PrepaycheckoutCBottom{width:907px;float:left;background:url(../images/popup_bottom_New.png) no-repeat 0% 100%; display:block;height:90px;margin: 0} .PrepaycheckoutMid p {color:#232323;margin:15px 0; padding-left:16px; width:515px; font-size:13px; line-height:150%} .checkoutpopWindow{width:907px; float:left; top:350px; left:75px} .PrepaycheckoutMid h3 {border-bottom:1px solid #DDD; margin-bottom:20px;color:#00234f;font-size:18px;float:left;display:block;width:546px; padding:0 15px 15px; margin-top:-28px} .PrepaycheckoutMid h3 span {font-weight:normal} .PrepaycheckoutMid h3 a {background:url(../images/close_btn_overlay.png) no-repeat right top;float:right;width:23px;height:23px;text-indent:-9999px;} .PrepaypopupContaint{background:#e3f1f1;/*float:left;*/width:481px; padding:33px 15px 28px; overflow:hidden; margin-left:14px} .PrepaycheckoutMid h4 {text-align:center;color:#00234F; font-size:17px; font-weight:normal} .PrepayoverlayContent { float: left; height: 250px; overflow-y: auto; width: 550px; } .prepayPopupLink{ left: 1px; position: relative; top: 0px; cursor:pointer; } /*End : changes for PrePay upgrade*/ .geekLnk { left: 7px; position: relative; } /*END: changes for prepay upgrade*/ /**************** END- 01/02/2013 DEAL SUMMARY TOOL TIP FOR PRE PAY ************************/ #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo .Included .extrasProdImg {float: left; width: 119px;margin-left: -14px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo .Included .extrasProdImg Img {/*border:1px solid #EEEEEE;*/padding: 22px 0 0 4px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo .Included .extrasProdInfo {float: left; padding-top:5px; width: 655px; margin-left:0px; padding: 0 0 20px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo .Included{font-size: 12px; font-family: arial; float: left; width: 786px; padding-left: 24px;margin-bottom: -20px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo .Included h3{font-size: 16px; font-family: arial; color: #232323;margin:-5px -2px 5px 1px!important; padding-top:10px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo .Included p{font-size: 12px; font-family: arial; color: #444444; padding-bottom: 5px; margin-top: -3px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo .Included ul{font-size: 12px; font-family: arial; color: #444444; padding-left: 10px; width: 450px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo .Included li{background:url(../images/blackBullet.gif) no-repeat 0% 8px; display:block; font-size: 12px; font-family: arial; color: #444444; float: left; width: 450px; padding-left:8px; padding-top: -2px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo .Included a{font-size: 12px; font-family: arial; color: #018ca9; float: left; width: 450px; padding-top: 5px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo .Included .samllFont{font-size: 7px} span.hyphen {padding-left:26px;font-weight:bold; font-family: arial; color: #232323; display:inline-block; font-size:15px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo { float: left; font-size: 13px; width: 811px; } #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .generalTabTwo h4 { border-top: 1px solid #CCCCCC; color: #222222; font-family: arial; font-size: 13px; font-weight: bold; margin-top: 17px; padding: 15px 0 0 15px; } /*Changes for HOFG journey*/ #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topSimTabs{width:814px;float:left;margin-top:12px;position:relative;z-index:10;background: url("../images/top_bg813.png") 0 0 no-repeat; height:38px; padding-top:9px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topSimTabs ul{float: left;list-style-type: none;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topSimTabs ul li.nonActive a{font-size: 14px;font-weight: normal;padding:9px 5px 5px 5px;color:#028ea9;float:left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topSimTabs ul li {background: url("../images/deal_summary-PAYM_spriteTwo.png") no-repeat scroll 0 0 transparent;cursor: pointer;display: block;float: left;font-weight: normal;height: 34px;margin: 0 0 4px 0;padding: 0 0 0 3px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topSimTabs ul li {margin-left:5px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topSimTabs ul li a.active { /*padding: 9px 19px 0 17px;*/ height: 25px;color:#028ea9} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topSimTabs ul li a {background: url("../images/deal_summary-PAYM_spriteTwo.png") no-repeat 100% -50px;border: medium none;color: #222222;cursor: pointer;display: inline;float: left;font-size: 14px;height:26px;margin: 0;outline: medium none;padding: 9px 10px 0 7px} .topSimTabs h2{ font-size:18px; font-weight:normal; color:#ffffff; width:327px; float:right;background:url(../images/phone_icon_img.png) 0 0 no-repeat; padding-left:33px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopSimTab{background: url("../images/deal_summary-PAYM_secondTopTab.png") repeat-x scroll 0 0 transparent;width:811px;float:left;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dddddd;height:30px;margin: -4px 0 0 0} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopSimTab ul{padding:0px 0 0 5px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopSimTab li{padding:5px 0 0 9px; color:#434343; font-size: 11px; font-family: arial; float: left; font-weight:normal} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .choosecolour { width: 263px; padding-left: 15px; } #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .freeGiftTab {width:380px; padding-left:31px !important} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .handsetcost {float: right !important;padding-left: 0 !important; padding-right: 15px; width: 120px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .freeGiftContent {float: left; width:400px; padding-left:12px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .freeGiftContent .Included{float:none !important; width: 450px !important; padding-left: 0 !important} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalSimTab{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9 ; float: left;width:811px; font-size: 13px; min-height:122px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalSimTab .Included{font-size: 12px; font-family: arial; float: left; width: 400px; padding-left: 29px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .freeGiftContent .extrasProdImg {float: left; width:75px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .freeGiftContent .extrasProdInfo {width:295px !important; padding:6px -1px !important} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .freeGiftContent .extrasProdImg IMG {padding: 0 !important;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .simColorSelection_sf{float: left; min-height: 99px; width: 263px; padding-top: 5px; padding-left: 15px; } .simColourSel .colourScrollBtn { display: block; margin: 20px 0; padding: 0; position: relative; top: -1px; } #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .dsSimPriceDiv_sf{float: right; width: 105px; padding-right: 15px; padding-top: 12px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .dsSimPriceDiv_sf span.price_sf{color: #222222 !important; display: block !important; font-family: 'arial' !important; font-size: 13px !important; font-weight:bold !important; } #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .dsSimPriceDiv_sf div.poundCost_sf{color: #222222 !important; display: block !important; font-family: 'arial' !important; font-size: 19px !important; font-weight:bold !important; } .deliveryoptionsLeftModHome{ background: none !important; border-bottom: 45px none !important; bottom: 5px !important;t; color: #444444 !important; float: none !important; font-family: arial; font-size: 12.5px !important; left: 9px !important; line-height: 32px; margin: 5px !important; padding-bottom: 50px !important; padding-left: 10px !important; padding-top: 15px !important; position: relative; top: 10px !important; } .deliveryoptionsLeftModStoreColor{ background: none !important; bottom: 5px !important; float: none !important; font-family: arial; font-size: 12.5px !important; color: #444444 !important; line-height: 32px; margin: 5px !important; padding-bottom: 50px !important; padding-left: 10px !important; padding-top: 15px !important; position: relative; top: 10px !important; } .deliveryoptionsLeftModStore{ background: none !important; border-bottom: 45px none !important; bottom: 5px !important; color: #444444 !important; float: none !important; font-family: arial; font-size: 12.5px !important; left: 9px !important; line-height: 32px; margin: 5px !important; padding-bottom: 50px !important; padding-left: 10px !important; padding-top: 15px !important; position: relative; top: 10px !important; }