/* 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} h1, h2, h3, h4, h5, h6, label, a { font-family: arial; text-decoration: none; } .geekSquadTab { display:none !important; } #outerWrapper {background: none repeat scroll 0 0 #ffffff;min-height: 300px;} #mainWrapper #mainContent_dealsummary{background: none repeat scroll 0 0 #ffffff;padding: 0;margin: 0} #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .bottomTariffOne {background: url("../images/deal_summary_restyBottom.png") no-repeat scroll 0 0 transparent; float:left; height:12px; width:653px} #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .dsTariffDiv .bottomTariffOne {margin-left:-1px} /* BREADCRUMB STYLES*/ #mainWrapper #mainContent_dealsummary p.breadCrum{width:1003px;margin:0 0 12px 0;} #mainWrapper #mainContent_dealsummary 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_dealsummary p.breadCrum span.home a:hover{text-decoration: none} #mainWrapper #mainContent_dealsummary p.breadCrum span.phoneFinderAssistant{font-family: arial;font-size: 12px;color:#00234f;padding:0} #mainWrapper #mainContent_dealsummary 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_dealsummary p.breadCrum span.phoneFinder a:hover{text-decoration: none;color:#018ca9;} /* LEFT RAIL STYLES FOR THE PAGE deal_summary-PAYM-extras.html*/ #mainWrapper #mainContent_dealsummary #leftRail{float:left;width:1003px} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop{float:left;width:1002px;margin:0} #mainWrapper #mainContent_dealsummary #leftRail #bannerTop_sf{float:left;height:44px;width:1002px;background:url(../images/top_Banner_sf.gif) 0 0 no-repeat;margin:0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryTop{float:left;height:12px;width:1002px;background:url(../images/deal_summary-PAYM_top.png) 0 0 no-repeat;margin:0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain{float:left;width:999px;border:1px solid #d9d9d9;border-width: 0 1px 0 1px;margin: 0 0 0 0px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .headingTop{width:999px;background: #f2fafc;height:32px;margin: 0;float:left;border-bottom:1px solid #e5edef} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .headingTop h1{margin: 0 0 0 15px;float:left;font-size: 18px;font-weight: normal;color:#012350;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .headingTop p{float: right;width:250px;height:32px} #mainWrapper #mainContent_dealsummary #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_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails{width:999px;float: left;padding-bottom:0px;margin-bottom: -8px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft{ width:150px;display:block;padding:15px 20px 0 15px;float:left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .imageSamsung{height:159px;width:81px;margin: 0 35px 0 20px;display: block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .productCode{font-size: 12px;font-weight: normal;color:#222222;display:block; margin:0 0 0 13px;text-align:center;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .starRating{height:15px;width:89px;display: block;margin: 13px 0 0; overflow: hidden; padding-top: 5px;} #mainWrapper #mainContent_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft p.writeReview a{margin:9px 0 13px 0} /*#mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions {width:159px;height:29px;float:left;margin:10px 0 0 0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .video a, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .threeDViewer a{float: left;font-size: 11px;font-weight: normal;color:#ffffff} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .video a{padding:3px 0 0 25px;margin:4px 0 0 10px} #mainWrapper #mainContent_dealsummary #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 .divFirstLeft .reviewOptions { 0 0 no-repeat;width:159px;height:29px;float:left;margin:10px -1px 9px 0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .video a, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .threeDViewer a{float: left;font-size: 11px;font-weight: normal;color:#ffffff} #mainWrapper #mainContent_dealsummary #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_dealsummary #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;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff{width:653px; float: left,padding-top: 10px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs{width:653px;float:left;margin-top:12px;position: relative;z-index: 10} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs ul{float: left;list-style-type: none;margin-left:0px;margin-bottom: -5px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs ul li a{font-size: 14px;font-weight: normal;padding:9px 5px 5px 5px;color:#028ea9;float:left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs ul li p {display:block !important; border:1px solid #FF0000} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs ul li.selected {cursor: pointer;display: block;float: left;font-weight: normal;height: 34px;margin: 0 0 4px 0;padding: 0 0 0 1px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs ul li.selected a {background-color: #fefefe;border: medium none;color: #222222;cursor: pointer;display: inline;float: left;font-size: 14px;height: 34px;margin: 0;outline: medium none;padding: 9px 10px 0 12px;text-decoration: none;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs ul li.selected.activeTwo{margin-left:5px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs ul li.selected.activeTwo a{ padding: 9px 19px 0 17px; height: 25px;color:#028ea9} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab{background: url("../images/deal_summary-PAYM_secondToptab.png") repeat-x scroll 0 0 transparent;width:651px;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: 0px 0 0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .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 .leftTariff .secondTopTab .editExtra{font-family: arial; font-size: 11px;color:#028ea9;margin:8px 0 0 23px;float:left;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab .editExtra a, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .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 .leftTariff .generalTab{border-bottom: 1px dotted #C0D3D7; height: 30px; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9 ; float: left;width:651px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTabOne {border-bottom:none !important;height: auto; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9 ; float: left;width:651px; font-size: 13px;padding-bottom: 8px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTabTwo{/*border-top:1px solid #d9d9d9;*//*border-bottom: 1px dotted #C0D3D7;*/ /*height: 30px; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9 ; */float: left;width:811px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTabletTwo{border-top:1px dotted #d9d9d9;/*border-bottom: 1px dotted #C0D3D7;*/ /*height: 30px; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9 ; */float: left;width:811px; font-size: 13px; border-left: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTabTwo h4{color:#222222; font-family:arial; font-size:13px; font-weight: bold; padding: 10px 0 0 15px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTabOne_tablet p span{display: block;!important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .genPound,a #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .combinedExtra, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .perMonth, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .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 .leftTariff .generalTab .perMonthTwo{margin:9px 0 0 -8px!important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab .genPound, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .genPound{width:27px;margin:8px 0 0 10px;font-size: 15px;font-weight: bold} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .genPoundTwo, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab .genPoundTwo{margin:8px 0 0 14px;float: left;color:#000; width: auto;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .combinedExtra, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab .combinedExtra{width:395px;float:left;text-align: right;/*rgin:8px 0 0 -11px*/} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .perMonth, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab .perMonth{float:left;margin:9px 0 0 0;width:65px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .remove a{margin:10px 20px 0 0;float: right; text-align: right} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab{/*border-top:1px solid #d9d9d9;*/ 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 .leftTariff .totalTab .total{font-weight: bold;text-transform: uppercase;color:#000;font-size: 15px;width: 374px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff{width:126px; float:right; margin:45px 25px 0 7px;position:relative;top:-27px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff .addToBAsket {/*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:-11px -15px 0px -5px;padding: 10px 19px 10px 19px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff div.callUsOn{float:left;padding-right:0; width:126px; margin:0 0 0 15px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span{display:block;font-family: 'arial';font-size: 14px;color:#222222;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.price, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.poundCost{padding-left:15px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.poundCost{font-size: 18px; font-weight: bold; margin-top:10px} #mainWrapper #mainContent_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.perMonth{padding-left:15px;margin-bottom: 10px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff .perMonth a:hover{font-size:14px !important;font-weight:normal !important;} #mainWrapper #mainContent_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSelection{width:270px;height:150px;float: left;padding-top: 14px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery{width: 412px;float: left;margin:15px 0 14px 0px} #mainWrapper #mainContent_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span{font-family: arial;font-size:11px;color:#000;float:left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.homedeliveryText{width:108px;margin: 9px 0 0 11px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.inStore{width:40px;margin: 9px 0 0 19px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.delivOptions{width:78px;margin: 5px 5px 0 104px;padding: 4px 0 0 0;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.delivOptions a{width:90px;color:#008da8} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.info{float: right} #mainWrapper #mainContent_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle{width:398px;float: left;border:1px solid #d7d7d7;border-width: 0 1px 0 1px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle{width:126px;float: left} #mainWrapper #mainContent_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle .available, #mainWrapper #mainContent_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .availableGreen{float: right;margin: 10px 10px 0 0;padding: 0 10px 0 0;width: 60px} .wrapColorSwatch {float:right; width:811px} /**************************************************** STYLES FOR colorSelection ****************************************************/ #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile{width:391px; float:left; padding-top:5px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile h3{ color:#222; font-family:arial; font-size:13px; padding-top:8px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile h3 span{ color:#858585} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile ul{float:left; padding-left:14px; padding-top:5px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile li{float:left; width:104px; margin-right:54px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile p{ padding:11px 0 0 0; width:48px; float:left; text-align:center} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .active p{ background: url("../images/bg.jpg") no-repeat; width:62px; height:98px; text-align:center} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile p img{display:block; margin:0 auto 5px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .backtext{ padding-left:10px; float:right; margin-top:41px; color:#232323; font-size: 12px; font-family:arial} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .prev{float:left; margin-top:37px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .next{float:right; margin-top:38px} #mainWrapper #mainContent_dealsummary #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} /*************************************************** STYLES FOR Top navN ****************************************************/ #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain{float:left;width:999px;border:medium none; border-width: 0 1px 0 1px;margin: 0 0 0 5px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMainSF{float:left;width:999px;border-right:1px solid #D9D9D9;border-left:1px solid #D9D9D9;margin: 0} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop{width:999px;height:36px; margin: 0 0 -12px;;float:left;} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop h1{margin: 0;float:left;font-size: 18px;font-weight: normal;color:#012350; border-bottom: medium none !important;} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop p{float: right;width:250px;height:32px; margin-top: -6px;} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop span.viewDeal a{margin: 2px 13px 0 12px; padding:7px 0 10px 25px;float:left;font-size: 14px;font-weight: normal;color:#008DA8;background:url(../images/deal_summary-PAYM_leftArrow_new.png) no-repeat scroll 13% 47% transparent} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop span.printAll a{margin: 3px 0 0 2px;padding:6px 0 10px 30px;float:left;font-size: 14px;font-weight: normal;color:#008DA8;background:url(../images/deal_summary-PAYM_print_new.png) no-repeat scroll 13% 41% transparent} #mainWrapper #mainContent_dealsummary #leftRail #bannerTop_sf .headingTop span.printAll a{margin: 3px 0 0 143px;padding:14px 0 12px 30px;float:left;font-size: 14px;font-weight: normal;color:#022350;background:url(../images/deal_summary-PAYM_print_new.png) 11px 16px no-repeat} /*************************************************** STYLES FOR NOT avilable text ****************************************************/ #mainWrapper #mainContent_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle{border-left:1px solid #D7D7D7; float:right; width:271px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals{width:271px;border-bottom:1px solid #d7d7d7;height:38px;display: inline;float: left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals .txt{font-family: arial;font-size: 11px;color:#616161;float: left;margin: 12px 0 0 10px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals input{background:url(../images/deal_summary_input.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 #rightRail .topPaginationRow .sortBy span.txt {color: #626262;float: left;font-family: arial; font-size: 14px;margin-top: 6px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryBottom{background:url(../images/deal_summary-PAYM-freeHomeDeliveryBottom.png) 0 0 no-repeat;width:400px;height:12px;float: left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryBottom{float:left; height:9px; width:1003px; background:url(../images/deal_summary-PAYM_bottom.png) 0 0 no-repeat; margin: 0 0 15px -1px;} /*LEFT RAIL STYLES*/ /*************************************************** STYLES FOR LEFTCONTENT ****************************************************/ #mainWrapper #mainContent_dealsummary #leftContent {width:722px; float:left; margin:0} #mainWrapper #mainContent_dealsummary #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_dealsummary #leftContent span.chooseLeft{float: left;padding: 11px 0 0 17px;width:514px;font-size: 18px;font-weight: normal;color:#012350;} #mainWrapper #mainContent_dealsummary #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_dealsummary #leftContent .mainContent_dealsummaryTop1{border:1px solid #eaeaea;border-width: 0 1px 1px 1px;float: left;position: relative} #mainWrapper #mainContent_dealsummary #leftContent .mainContent_dealsummaryTop1 p, #mainWrapper #mainContent_dealsummary #leftContent .mainContent_dealsummaryTop1 p.extraMobile{width:670px;font-family: arial;font-size: 12px;color:#000;padding:20px 30px 40px 20px;float: left;} #mainWrapper #mainContent_dealsummary #leftContent .mainContent_dealsummaryTop1 p.extraMobile{padding:0px 30px 30px 20px;} #mainWrapper #mainContent_dealsummary #leftContent .mainContent_dealsummaryTop1 h1{font-size: 18px;font-weight: normal;color:#335072;padding:0 30px 15px 20px;float: left;} #mainWrapper #mainContent_dealsummary #leftContent .mainContent_dealsummaryTop1 h2{font-size: 14px;font-weight: bold;color:#012350;padding:0 0 0px 35px;float: left;} #mainWrapper #mainContent_dealsummary #leftContent .mainContent_dealsummaryTop1 ul{list-style-type: none;clear:both;float: left;width:670px;} #mainWrapper #mainContent_dealsummary #leftContent .mainContent_dealsummaryTop1 ul.first{padding-bottom: 105px} #mainWrapper #mainContent_dealsummary #leftContent .mainContent_dealsummaryTop1 ul li{font-family: arial;font-size: 12px;color:#000;font-weight: bold;display:block;padding:10px 0 0 32px;} #mainWrapper #mainContent_dealsummary #leftContent .mainContent_dealsummaryTop1 ul li span{margin-left:10px} #mainWrapper #mainContent_dealsummary #leftContent .mainContent_dealsummaryTop1 .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_dealsummary #leftContent .mainContent_dealsummaryTop2{padding-bottom: 95px;border-bottom: 0px} #mainWrapper #mainContent_dealsummary #leftContent .leftContentBottom{background:url(../images/extras_choosebottom.png) 0 0 no-repeat;width:722px;height:17px;float: left;margin:0 0 20px 0} /*RIGHT RAIL STYLES*/ /*************************************************** STYLES FOR RIGHTCONTENT ****************************************************/ #mainWrapper #mainContent_dealsummary #rightContent {width:261px; float:right; margin:-7px 5px 0 0} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary h2, #mainWrapper #mainContent_dealsummary #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: 240px; color:#00234f; font-size:18px; margin-bottom:0} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .middleContent, #mainWrapper #mainContent_dealsummary #rightContent .deliveryOptions .middleContent, #mainWrapper #mainContent_dealsummary #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_dealsummary #rightContent .basketSummary .middleContent .cardIcons.noNeedBottomMargin {margin-bottom:0} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .bottomPart, #mainWrapper #mainContent_dealsummary #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_dealsummary #rightContent .basketSummary .middleContent img {margin:7px 28px 0} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .middleContent .basketCost {margin:15px 0; width: 220px; float:left} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .middleContent .basketCost p, #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .bottomPhoneInfo .basketCost p{float:left; width:231px; font-size: 18px; color:#222; padding:0 0 8px} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .middleContent .basketCost p span, #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .bottomPhoneInfo p span{float:left; width:112px; text-align:left} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .middleContent .basketCost p span.month24 {font-size:15px;width:136px} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .middleContent .basketCost p span.price {text-align:right;font-weight: bold} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .bottomPhoneInfo .basketCost p span.priceTwo {text-align:right;width:55px;margin:10px 0 0 55px;font-weight: bold} #mainWrapper #mainContent_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #rightContent .basketSummary .middleContent p.checkout a, #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .middleContent p.checkoutOne a:hover {text-decoration:none} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .middleContent p.cardIcons {margin:0 0 10px 29px; float:left} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .middleContent p.cardIcons img {margin:0 2px; float:left; width:41px} #mainWrapper #mainContent_dealsummary #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_dealsummary #rightContent .basketSummary .bottomPhoneInfo .backBCurve{background:url(../images/extras_blackB_curve.png) no-repeat 0 0;float: left;width:102px;height:68px} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .bottomPhoneInfo .basketCost p span.monthPer{font-size: 12px;text-align:right;width:57px;margin-left:55px} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .bottomPhoneInfo .basketCost p.changeTariff a{font-size: 12px;color:#018da8} #mainWrapper #mainContent_dealsummary #rightContent .basketSummary .bottomPhoneInfo .basketCost p span.bbCurve{margin-top:10px} #mainWrapper #mainContent_dealsummary #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_dealsummary #rightContent .basketSummary .middleContent .creditMessage{width:270px;float:left;position: absolute;top:80px;left:0;z-index: 100;margin-left:-6px;display:none} #mainWrapper #mainContent_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #rightContent .basketSummary .middleContent .creditMessage .creditMessageMain ul li.bottomList{margin-bottom:5px} #mainWrapper #mainContent_dealsummary #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_dealsummary #rightContent .basketSummary .middleContent{position: relative} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab ul{padding: 5px 0 0 5px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li{padding: 5px 0 0 9px; color: #858585; font-size: 11px; font-family: arial; float: left; font-weight: bold;list-style:none outside none;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .network{ width: 57px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariff{width: 84px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .contract{width: 63px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .minutes{width: 85px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .texts{width: 80px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .data{width: 58px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .offer{width: 74px; position:relative; left:15px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .phonecost{width: 65px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .restyOne{float: left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .restyTwo{float: left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .restyOne span.bluetext{color:#094895; font-size:26px;font-weight:bold;vertical-align:super} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .restyOne span.bluetext3{color:#094895; font-size:15px;font-weight:bold;vertical-align:sub} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .simplicity{width:109px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .contlength{width:106px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .offersFree{width:160px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .networkN{ width: 52px; padding: 12px 0 0 14px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariffN{width: 77px; padding: 12px 0 0 16px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .contractN{width: 58px; padding: 12px 0 0 14px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .minutesN{width: 82px; padding: 12px 0 0 12px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .textsN{width: 75px; padding: 12px 0 0 14px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .dataN{width: 54px; padding: 12px 0 0 13px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .offerN{width: 58px;font-size: 14px;font-weight: bold;padding: 16px 14px 10px 10px; position:relative; left:16px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .phonecostN{width: 58px; padding: 12px 0 0 12px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab p{font-size:13px; font-weight: normal; font-family: arial} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab p span{font-weight:bold; font-family: arial; color: #232323; display:block} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .gift p{font-size:12px; font-family: arial; float: left} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .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 .leftTariff .generalTab h4{padding: 10px 0 0 15px;font-size: 13px; font-family: arial; font-weight: bold; color:#222} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included{font-size: 12px; font-family: arial; float: left; width: 516px; padding-left: 29px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included h3{font-size: 16px; font-family: arial; color: #232323;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included p{font-size: 12px; font-family: arial; color: #444444; padding-bottom: 5px; margin-top: -3px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included ul{font-size: 12px; font-family: arial; color: #444444; padding-left: 10px; width: 450px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .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 .leftTariff .generalTab .Included a{font-size: 12px; font-family: arial; color: #018ca9; float: left; width: 450px; padding-top: 5px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included .samllFont{font-size: 7px} #sectionthree{float: left;width:721px; margin:0 0 12px 0} /*#sectionthree .seccontent{padding: 25px 20px; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9;clear: both;font-size: 10px;} #sectionthree .seccontent{padding:5px 15px 15px;}*/ #sectionthree .seccontent{ -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #BFD1D6; border-style: solid; border-width: 0 1px 1px; float: left; margin: 0 0 12px; overflow: hidden; padding: 25px 25px 37px; width: 669px;font-size: 11px;} #sectionthree .holderContent {display:none} #sectionthree .overViewShow, #sectionthree .featureShow, #sectionthree .reviewShow, #sectionthree .accessoriesShow, #sectionthree .geekSquad{display:block} /*#sectionthree .seccontent p{font-family:arial;font-size:12px;line-height:19px;color:#222222 !important; margin-bottom:12px}*/ /*#sectionthree .nav{background:url(../images/tabs_newbg.gif) no-repeat 0% 0%; height:48px;padding:10px 10px 0}*/ #sectionthree .nav{background:url(../images/tabs_bg.gif) left top repeat-x;height:43px;padding:0px 10px 0; border:1px solid #7E9CA4; border-width:0 1px} #sectionthree .nav ul.menu{margin:0 !important; padding:0; height:43px; float:left;margin-left:-30px;} #sectionthree .nav ul.menu li{ display:block;float:left;} #sectionthree .restyleBot{background:url(../images/restyle_bottom.gif) no-repeat 0% 0%; height:5px;padding:10px 10px 0} #sectionthree .nav ul.menu.tabMenu li a span {color:#229daf} #sectionthree .nav ul.menu.tabMenu li a.selected span {color:#204571; font-weight:bold} #mainWrapper #mainContent_dealsummary #rightContent .deliveryOptions .middleContent ul li img, #mainWrapper #mainContent_dealsummary #rightContent .needHelpSection .middleContent ul li img {float:left; margin-right:15px} #mainWrapper #mainContent_dealsummary #rightContent .deliveryOptions .middleContent ul li span, #mainWrapper #mainContent_dealsummary #rightContent .needHelpSection .middleContent ul li p {float:left; width:175px} #mainWrapper #mainContent_dealsummary #rightContent .deliveryOptions .middleContent ul li{display:block; margin:0 0 10px 0; width:241px; float:left; font-size:14px; color:#222} #mainWrapper #mainContent_dealsummary #rightContent .deliveryOptions .middleContent ul li .imgThumbHolder {float:left; width:35px} #mainWrapper #mainContent_dealsummary #rightContent .deliveryOptions .middleContent ul li .descTxtHolder {float:right; width:185px} 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:0px !important} 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_dealsummary #leftRail .menuTopbg{background: url("../images/deal_sum_tab_top.png") no-repeat scroll left top transparent;float: left; height: 6px; margin: 0; width: 721px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.morestore{width:88px;margin: 5px 5px 0 9px; padding: 4px 0 0 0;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.reststore{width:57px;margin: 5px 5px 0 9px; padding: 4px 0 0 0;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.poundCostAppl{font-size: 18px;font-weight: bold;margin:7px 0 5px 17px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff span.perMonthAppl{padding-left:15px;margin-bottom: 1px; margin-top: 32px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariffApp{width: 107px; padding: 18px 0 0 16px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariffApp{width: 184px; margin-left:10px} #mainWrapper #mainContent_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .mobCheckout span {float: left; font-weight: bold; margin:5px 0 0 8px; width: 50px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .marginTopApp{margin-top:25px !important } #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .contractMonth{width: 107px; padding:18px 0 0 12px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .mbdata{width:99px; padding:12px 0 0 15px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .dataN{width: 59px; padding: 12px 0 0 12px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariff .freeOne{width:152px; padding:12px 0 0 13px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .marginTop{margin:25px 10px 0 0} #mainWrapper #mainContent_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .doted{border-bottom: 1px dotted #C0D3D7; float: right; width:271px} #mainWrapper #mainContent_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #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_dealsummary #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} #leftRail .dealSummaryMain .phoneDetails .divFirstLeft .mobilechkout{color:#FFFFFF;display: block;font: 11px arial;height: 33px; margin: 12px 0 0px 8px;padding: 3px 49px 0 10px;width: 41px;} .dsTariffExtrasSctn{ border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-top: 1px dotted #D9D9D9; width: 811px; padding: 0 0 12px;} .dsTariffExtrasSctn H3 {padding: 10px 0 0 15px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff .addToBAsket input { font-family: arial,sans-serif; font-size: 14px; color: #FFFFFF; } #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .RCDeliveryTbl #header1, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .RCDeliveryTbl #header2 { background: url("../images/deal_summary-PAYM-freeHomeDeliveryTop.png") right top repeat-x; height: 31px } @media screen and (-webkit-min-device-pixel-ratio:0) { #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .RCDeliveryTbl #header1, #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .RCDeliveryTbl #header2 { background: url("../images/deal_summary-PAYM-freeHomeDeliveryTop.png") right top no-repeat; height: 31px } } #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .unknownStockTxt{ background: url("../images/red_cross.gif") no-repeat scroll 78% 50% transparent; display:inline-block} .dealOverviewContainer1 {/*border-top:1px solid #DDDDDD;*/ clear:both; min-height:125px; width:653px} ul.rdTabs li {background-color:#FFFFFF; display:inline; float:left; font-weight:bold} #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav {} /* .broadband_specification {border:none !important} */ #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li a{color:#008da8;font-size:14px;text-decoration:none;background:url(../images/rounded_modal_pdp_nav.png) left -51px no-repeat;display:block; margin:0 8px 0 0; height:42px; float:left;padding-left:15px} #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li a span{ color:#229ab2;display:block; float:left;background:url(../images/rounded_modal_pdp_nav.png) right -51px no-repeat; height:27px; margin:0; padding:15px 15px 0 0px; font-weight:normal;font-size:14px; min-width:70px; text-align:center} #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li span.selected{ color:#032451!important;display:block; float:left;background:url(../images/rounded_modal_pdp_nav.png) right -51px no-repeat; height:28px; margin:0; padding:15px 19px 0 0px; font-weight:normal;font-size:14px;} #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li a:hover{color:#229ab2;font-size:14px; text-decoration:none;background:url(../images/rounded_modal_pdp_nav.png) 0% -51px no-repeat;display:block; margin:0px 8px 0 0; height:42px; float:left; padding-left:15px} #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li a:hover span{ color:#229ab2;display:block; float:left;background:url(../images/rounded_modal_pdp_nav.png) 100% -51px no-repeat; height:27px; margin:0; padding:15px 15px 0 0px} #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li a.active, #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li a.active:hover {color:#224066;font-size:14px; text-decoration:none;background:url(../images/rounded_modal_pdp_nav.png) 0% 0px no-repeat;display:block; margin:0 8px 0 0; height:43px; float:left; padding-left:15px} #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li a.active span, #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li a.active:hover span{display:block;float:left;background:url(../images/rounded_modal_pdp_nav.png) 100% 0px no-repeat; height:28px; padding:15px 15px 0 0px; color:#00234F;font-weight:normal;} #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li a.accessoriesTab.active span, #mainWrapper #mainContent_dealsummary #leftRail #sectionthree .nav ul.menu li a.accessoriesTab span {min-width:89px} #mainWrapper #mainContent_dealsummary #leftRail #sectionthree span{font-family:arial;font-size:14px;font-weight:bold;margin-top:17px;color:#00234f;margin-bottom:2px;} .colourScrollList LI.selected .dsColourPicker{background: url("../images/bg_slider_one.jpg") no-repeat scroll 0 0 transparent} .tabletColourSel{position:relative;top:-22px;left:-40px;} .dsPriceDiv_sf{float: right;position:relative;top:-145px;right:-349px; width: 105px;} .dsPriceDiv_sf ul li{display:inline;} .dsPriceDiv_sf span.price_sf{color: #222222 !important; display: block !important; font-family: 'arial' !important; font-size: 13px !important; font-weight:bold !important; } .dsPriceDiv_sf div.poundCost_sf{color: #222222 !important; display: block !important; font-family: 'arial' !important; font-size: 19px !important; font-weight:bold !important; } .colorSelection_sf{float: left; height: 99px; /* position: relative; right: -70px;*/ width: 391px; padding:35px 0 0 53px; } .colorSelection_sf h3 { display: block; padding: 0; } .dsPriceDiv_sf .redtxt{ display: block !important; font-family: 'arial' !important; font-size: 14px !important;} .dsPriceLst_sf .nowprice_sf{color: #EE0000; font-weight: bold;font-size:14px;font-family: arial,sans-serif;} .dsPriceLst_sf .wasprice_sf{ color: #222222; font-weight: normal;font-size:12px; font-family: arial; line-height: 18px;} .freeHomeDelivery_sf{display: block; /*position: relative; top: 151px;*/ margin: 20px 127px 0 0;float:right} .wrapContentTariff {float:left; width:814px} .RCDeliveryBox {margin:0px 5px 0 0} #sectionthree .nav ul.menu.tabMenu li a span {color:#229daf !important} #sectionthree .nav ul.menu.tabMenu li a.active span {color:#204571 !important; font-weight:bold !important} A.arrowLink{background: none repeat scroll 0 0 transparent !important;margin: 0 0 0 -9px !important;} #sectionthree .seccontent table[width="100%"] tr td img{max-width: 160px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .rightTariff .dsPriceDiv_sf .addToBAsket input{position:relative;top:-5px;} .imageBtn .image_pdp{display:block; padding-left:9px;color:#fff; float:left;text-decoration:none; font-size:10px; margin:6px 0 0 5px; cursor: pointer} .videoBtn .video_pdp{background:url(../images/video_icon.png) 0% 2px no-repeat; display:block; padding-left:25px;color:#fff; float:left;text-decoration:none; font-size:10px; margin:6px 0 0 2px; cursor: pointer} .video3dBtn .viewer_pdp{background:url(../images/3dview_icon.png) left top no-repeat; display:block; padding-left:20px;color:#fff; float:right;text-decoration:none;font-size:10px; margin:6px 6px 0 5px; cursor: pointer; width: 39px;} #.imageBtn {background: url("../images/videoand3dview_button_bg.png") no-repeat; display:none; position: absolute; width:66px; height:26px; margin:0px 0 0 0px} #.videoBtn {background: url("../images/videoand3dview_button_bg.png") no-repeat; display:none; position: absolute;width:79px; height:26px; margin:0px 0 0 0px} #.video3dBtn {background: url("../images/videoand3dview_button_bg.png") no-repeat; display:none; position: absolute; width:79px; height:26px; margin:0px 0 0 0px} .imageBtn {background: url("../images/media_btn.png") no-repeat scroll 0 0 transparent;display:none;height: 26px;margin: 0 0 0 0;position: absolute;width: 56px;} .videoBtn {background: url("../images/media_btn.png") no-repeat scroll 0 0 transparent;display:none!important;height: 26px;margin-bottom: 0;margin-right: 0;margin-top: 0;position: absolute;width: 64px;} .video3dBtn {background: url("../images/media_btn.png") no-repeat scroll 0 0 transparent;display:none;height: 26px; position: absolute;width: 68px;} /* .imageBtn .image_pdp{color: #FFFFFF;cursor: pointer;display: block;float: left;font-size: 10px;margin: 5px 0 0 3px;padding-left: 0;text-decoration: none;} .videoBtn .video_pdp{background: url("../images/video_icon.png") no-repeat scroll 0 2px transparent;color: #FFFFFF;cursor: pointer;display: block;float: left;font-size:10px;margin: 4px 0 0 5px;padding-left: 21px;padding-top: 1px;text-decoration: none;} .video3dBtn .viewer_pdp{background: url("../images/3dview_icon.png") no-repeat scroll left top transparent;color: #FFFFFF;cursor: pointer;display: block;font-size: 10px;height: 15px;margin: 5px 1px 0 4px;padding-left: 16px;text-decoration: none;} .imageBtn {background: url("../images/media_btn.png") no-repeat scroll 0 0 transparent;height: 26px;margin: 0 0 0 0!important;position: absolute;width: 42px;} .videoBtn {background: url("../images/media_btn.png") no-repeat scroll 0 0 transparent;height: 26px;margin-bottom: 0;margin-left: 41px !important;margin-right: 0;margin-top: 0;position: absolute;width: 57px;} .video3dBtn {background: url("../images/media_btn.png") no-repeat scroll 0 0 transparent;height: 26px;margin-left: 97px !important;position: absolute;width: 62px;} */ #mainWrapper #mainContent_dealsummary #leftRail .reviewOptions{background:none !important;} .reviewOptionsBtn .video_pdp{background:url(../images/video_icon.png) 0% 2px no-repeat; display:block; padding-left:25px;color:#fff; float:left;text-decoration:none; font-size:13px; margin:6px 0 0 5px; cursor: pointer} .reviewOptionsBtn .viewer_pdp{background:url(../images/3dview_icon.png) left top no-repeat; display:block; padding-left:20px;color:#fff; float:right;text-decoration:none;font-size:13px; margin:6px 9px 0 5px; cursor: pointer} #sectionthree .seccontent table tr td img[src="http://media.phonehouse.com/cpw-sales/static/images/landing_pages/dm_pages/work-out-working_overview.png"] {min-width:513px !important; max-width:513px !important} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tablet{background: url("../images/upsell/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;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tab{background: url("../images/upsell/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;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tab .network{ width: 108px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tab .texts{width: 80px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tab .phonecost{width: 65px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tab .tariffNetwork {width: 92px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tab .tarifftexTwo{width: 238px;;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tab .tarifftexThree { width: 106px !important; } #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tab .tariffTextFour {width: 40px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tab li{padding:8px 0 0 15px; color:#434343; font-size: 11px; font-family: arial; float: left; font-weight:normal} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tablet .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_tablet ul{padding: 5px 0 0 5px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tablet li{padding: 5px 0 0 9px; color: #858585; font-size: 11px; font-family: arial; float: left; } #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tablet .network{ width: 57px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tablet .tariff{width: 91px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tablet .contract{width: 122px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tablet .data{width: 58px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tablet .offer{width: 171px;padding: 5px 0 0 23px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tablet .phonecost{width: 65px;padding: 4px 0 0 25px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .secondTopTab_tablet .monthlycost{padding: 4px 0 0 38px !important;width: 65px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab .contractN_tablet p span { display: block;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTab_tablet .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_tablet{border-bottom: 1px dotted #C0D3D7; /*height: 30px;*/ border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9 ; float: left;width:651px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTabOne_tablet {border-bottom:none !important;/*height: 30px; */border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9 ; float: left;width:651px; font-size: 13px;min-height: 100px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTabOne_tablet .dataN_tablet ul.quantityLst li p span{ display: inline-block !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .networkN_tablet{ width: 49px; padding: 12px 0 0 14px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .tariffN_tablet{width: 77px; padding: 12px 0 0 16px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .contractN_tablet{width: 119px; padding: 12px 0 0 24px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .dataN_tablet{width: 66px; padding: 2px 0 0 16px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .generalTabOne_tablet p span.hyphen{padding-left: 46px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .offerN_tablet{width: 193px; padding: 12px 0 0 18px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs .phonecostN_tablet{width: 89px; padding: 12px 0 0 4px} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs #tariffDetailsContent .network{width: 57px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs #tariffDetailsContent .tariffNetworkTab {width: 164px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs #tariffDetailsContent .secondTopTab_tab .tariffTabThree { width: 385px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs #tariffDetailsContent .secondTopTab_tab .tariffTextFour {width: 50px !important; padding-left: 4px;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs #tariffDetailsContent .tariffpaygTab { width: 170px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs #tariffDetailsContent .topUpTab {width: 370px !important;} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryMain .phoneDetails .tariffInfo .leftTariffs #tariffDetailsContent .priceOneTab{padding: 10px 6px 7px 14px;width:100px} #mainWrapper #mainContent_dealsummary .seccontent #whyChooseGeek p { font-size: 12px; margin: 0 0 15px; width: 448px; color: #222222; line-height:19px; } #mainWrapper #mainContent_dealsummary .seccontent #whyChooseGeek h2 { color: #222222; font-size: 18px; } #mainWrapper #mainContent_dealsummary .seccontent #whyChooseGeek h2 span { color: #F47C31 !important; display: inline !important; font-size: 18px !important; } #mainWrapper #mainContent_dealsummary .seccontent #whyChooseGeek ul { margin: 0 0 15px; padding: 0; width: 395px; } #mainWrapper #mainContent_dealsummary .seccontent #whyChooseGeek li { background: url("../images/basketapge_list_image.png") no-repeat scroll 0 5px transparent; color: #222222; display: block; font-size: 12px; margin: 0 0 3px; padding: 0 0 0 13px; text-align: left; width: auto; } #mainWrapper #mainContent_dealsummary .seccontent #whyChooseGeek p.addTobasket { margin-bottom: 27px; } #mainWrapper #mainContent_dealsummary .seccontent .geek_introtxt{ clear: both; float: none; margin: 15px 0 0; width: 680px; color: #222222; line-height:19px; } #mainWrapper #mainContent_dealsummary .seccontent .geek_ttl{ line-height:19px; } #mainWrapper #mainContent_dealsummary .seccontent .policySummarySectionBottom{ margin-bottom:10px; } #mainWrapper #mainContent_dealsummary .seccontent .policySummaryList span { color: #626262 !important; font-size: 12px !important; } /*begin rd_overlay.css */ /* REDESIGNED OVERLAY POPUP STYLES */ .rdOverlayContainer {position: absolute;top: 0;left: 0;width: 100%;text-align: center;display: none;z-index: 99999998;} .rdOverlay {width: 796px;margin: 200px auto;text-align: left;z-index: 99999999;} .rdOverlayTop {background: url('//media.phonehouse.com/cpw-sales/static/images/common/overlay/overlay_top.png') no-repeat 0 0;padding: 5px 8px 0;} .rdOverlayBtm {background: url('//media.phonehouse.com/cpw-sales/static/images/common/overlay/overlay_btm.png') no-repeat 0 100%;padding: 0 8px 11px;} .rdOverlayHeader {padding: 10px 12px 8px;border-bottom: 1px solid #ccc;height: 1%;} .rdOverlayTtl {float: left;width: 650px;} .rdOverlayTtl H1,.rdOverlayTtl H2,.rdOverlayTtl H3,.rdOverlayTtl H4,.rdOverlayTtl H5,.rdOverlayTtl H6 {color: #003060;font-size: 16px;font-weight: bold;margin: 0;padding: 0;border: 0;} .rdOverlayClose {float: right;text-align: right;} .rdOverlayClose A {font-size: 12px;color: #003060;font-weight: bold;text-decoration: none;display: block;} .rdOverlayClose A:hover {color: #69c;text-decoration: none;} .rdOverlayClose IMG {margin-left: 5px;vertical-align: middle;} .rdOverlayContent {padding: 10px 10px;height: 1%;} .rdOverlayContent P { margin: 0 0 8px; } .rdOverlayShown { display: block; } /*end rd_overlay.css */ /* DELIVERY INFO OVERLAYS */ .rcOverlayContent H3 {color: #003060;margin: 0 0 10px;font-size: 1.1em;} .rcOverlayContent P { margin: 0 0 10px; } .rcDataTbl {background: #ccc;margin: 10px 0 15px;display: block; border-spacing:1px;} .rcDataTbl TH,.rcDataTbl TD {padding: 5px;background: #fff;} .rcDataTbl TH {text-align: left;font-weight: bold;} .rcDataTbl TD { text-align: center; } .rcDataTbl .gradRow TH, .rcDataTbl .gradRow TD { background: url('http://media.phonehouse.com/cpw-sales/static/images/checkout/reserve_collect/datatbl_grad.GIF') #fff repeat-x 0 100%; } .rcDataTbl .dhlRow TH, .rcDataTbl .dhlRow TD { background: #fdffe9; } .rcDataTbl .royalMailRow TH, .rcDataTbl .royalMailRow TD { background: #fff0f0;} .dsDeliveryOverlayTabs UL{font-size:11px;} .dsDeliveryOverlayContent H3{margin-bottom:0.5em; font-size:15px;} .rcOverlayContent H3{font-size:12px; margin-top:7px;margin-bottom:10px;} ul.rcInfoList li{margin-left:0px;font-size:11px;} .rcOverlayContent{margin-left:0px;padding-top:0px;font-size:11px;} ul.rcInfoList{margin-top:5px;} .ovMainContent{width:690px !important;} /**************************************** Included for Standalone - tablet ****************************************/ /* 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 : Rakesh Patil==> Rakesh[underscore]Patil03[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:#7a7a7a;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_dealsummary #leftRail{float:left;width:1003px} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop{float:left;width:1002px;margin:0} #mainWrapper #mainContent_dealsummary #leftRail .dealSummaryTop{float:left;height:12px;width:1002px;background:url(../images/deal_summary-PAYM_top.png) 0 0 no-repeat;margin:0} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain{float:left;width:999px;margin: 0 0 0 0px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .headingTop{width:999px;background: #f2fafc;height:32px;margin: 0;float:left;border-bottom:1px solid #e5edef} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .headingTop h1{margin: 0 0 0 15px;float:left;font-size: 18px;font-weight: normal;color:#012350;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .headingTop p{float: right;width:250px;height:32px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails{width:999px;float: left;padding-bottom:5px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .divFirstLeft{ width:150px;display:block;padding:15px 20px 0 15px;float:left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .divFirstLeft .imageSamsung{background:url(../images/apple_ipad.gif) 0 0 no-repeat;height:161px;width:123px;margin:0 25px 0 16px;display: block} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .divFirstLeft .productCode{font-size: 12px;font-weight: normal;color:#222222;display:block;margin:15px 0 0 0; text-align:center} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .divFirstLeft .starRating{height:15px;width:89px;display: block;margin:8px 0 0 -2px; overflow:hidden; padding-top:0px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .divFirstLeft p.writeReview a{margin:7px 0 0 0} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .divFirstLeft .reviewOptions {background:url(../images/deal_summary-PAYM_reviewOptions.png) 0 0 no-repeat;width:159px;height:29px;float:left;margin:10px 0 10px 0; overflow:hidden} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .video a, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .divFirstLeft .reviewOptions .threeDViewer a{float: left;font-size: 11px;font-weight: normal;color:#ffffff} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .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 .TabletdealSummaryMain .phoneDetails .tariffInfo{width:814px;float:left; margin-bottom:5px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff{width:814px; float:left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs{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 .topTabs ul{float: left;list-style-type: none;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs 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 .topTabs ul li {background: url("../images/deal_summary-PAYM_spriteOne.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 .topTabs ul li a {background: url("../images/deal_summary-PAYM_spriteOne.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} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs ul li {margin-left:5px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .topTabs ul li a.active { /*padding: 9px 19px 0 17px;*/ height: 25px;color:#028ea9} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab{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 .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 .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab .editExtra a, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .remove a{font-family: arial; font-size: 11px;color:#028ea9;margin:8px 0 0 23px;float:left;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9 ; float: left;width:811px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .genPound,a #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .combinedExtra, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .perMonth, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab .combinedExtra{width:380px;margin:8px 0 0 10px;float: left;font-family: arial; font-size: 12px;color:#222222;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .perMonthTwo{margin:9px 0 0 -8px!important} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab .genPound, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .genPound{width:27px;margin:8px 0 0 10px;font-size: 15px;font-weight: bold} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .genPoundTwo, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab .genPoundTwo{margin:8px 0 0 14px;float: left;color:#000} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .combinedExtra, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab .combinedExtra{width:395px;float:left;text-align: right;margin:8px 0 0 -11px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .perMonth, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab .perMonth{float:left;margin:9px 0 0 0;width:65px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .remove a{margin:10px 20px 0 0;float: right; text-align: right} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalBorder{padding: 5px 0 2px 0} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;height:28px;float: left;width:651px;background: #f2fafc} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .totalTab .total{font-weight: bold;text-transform: uppercase;color:#000;font-size: 15px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .bottomTariff{background: url("../images/deal_summary_restyBottom813.png") no-repeat scroll 0 0 transparent;width:813px;height:12px;float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .rightTariff{} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .rightTariff div.callUsOn{float:left;padding-right:0; width:126px; margin:0 0 0 15px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .rightTariff span{display:block;font-family: 'arial';font-size: 14px;color:#222222;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .rightTariff span.price, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .rightTariff span.poundCost{padding-left:15px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .rightTariff span.poundCost{font-size: 18px; font-weight: bold; margin-top:10px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .rightTariff span.perMonth{padding-left:15px;margin-bottom: 10px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSelection{width:391px;height:140px;background:url(../images/colorSelection.png) 0 0 no-repeat;float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery{width:414px;float: left;margin:18px 0 0 9px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop{background:url(../images/freeHomeDeliveryTop.png) 0 0 no-repeat;width:414px;height:31px;float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span{font-family: arial;font-size:11px;color:#000;float:left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.homedeliveryText{width:110px;margin: 9px 0 0 11px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.inStore{width:40px;margin: 9px 0 0 19px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.delivOptions{width:80px;margin: 5px 5px 0 98px;padding: 4px 0 0 0;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.delivOptions a{width:78px;color:#008da8} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.info{float: right} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle{width:398px;float: left;border:1px solid #d7d7d7;border-width: 0 1px 0 1px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle{width:126px;float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddle .available, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile{width:273px; float:left; padding-top:5px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile h3{ color:#00234F; font-family:arial; font-size:16px; padding-top:8px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile h3 span{color:#858585; font-size:13px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile ul{float:left; padding-left:14px; padding-top:5px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile li{float:left; width:104px; margin-right:54px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile p{ padding:11px 0 0 0; width:48px; float:left; text-align:center} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .active p{ background: url("../images/bg.jpg") no-repeat; width:62px; height:98px; text-align:center} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile p img{display:block; margin:0 auto 5px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .backtext{ padding-left:10px; float:right; margin-top:41px; color:#232323; font-size: 12px; font-family:arial} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .prev{float:left; margin-top:37px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .next{float:right; margin-top:38px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .padleft{padding-left:2px} /*************************************************** STYLES FOR Top navN ****************************************************/ #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain{float:left;width:999px;margin: 0 0 0 0px} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop{width:999px;margin: 0 0 -6px;float:left;} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop h1{margin: 0px;float:left;font-size:20px;font-weight: normal;color:#012350;} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop p{float: right;width:240px;height:32px} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop span.viewDeal a{margin: 2px 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") no-repeat scroll 13% 51% transparent} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop span.printAll a{margin: 2px 0 0 2px;padding:10px 0 10px 31px;float:left;font-size: 14px;font-weight: normal;color:#008da8;background:url(../images/deal_summary-PAYM_print_new.png) 13% 50% no-repeat} #mainWrapper #mainContent_dealsummary #leftRail .bannerTop .headingTop span.printAll_tablet a{margin: 2px 0 0 136px;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_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .availableRed{float: right;margin: 25px 10px 0 0;padding: 0 10px 0 0;width: 73px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .availableTwo{float: right;margin: 25px 10px 0 0;padding: 0 10px 0 0;width: 60px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .forDeliv{font-family:arial; font-size:11px; color:#616161;float: left;margin:10px 0 0 10px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle{border-left:1px solid #D7D7D7; float:right; width:271px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals{width:271px;border-bottom:1px solid #d7d7d7;height:38px;display: inline;float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals .txt{font-family: arial;font-size: 11px;color:#616161;float: left;margin:11px 10px 0 15px;} /*#mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #rightRail .topPaginationRow .sortBy span.txt {color: #626262;float: left;font-family: arial; font-size: 14px;margin-top: 6px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryBottom{background:url(../images/freeHomeDeliveryBottom.png) 0 0 no-repeat;width:414px;height:12px;float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab ul{padding:0px 0 0 5px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li{padding:7px 0 0 9px; color:#434343; font-size: 11px; font-family: arial; float: left; font-weight:normal} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .network{ width: 57px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariff{width:99px; padding-left:6px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .contract{width: 63px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .minutes{width: 85px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .texts{width: 80px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .data{width: 58px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .offer{width:74px; padding:0 0 0 34px!important} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .phonecost{width:45px;padding:0 0 0 30px !important} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .monthlycost{width:52px; padding:0 0 0 28px !important} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .restyOne{float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .restyTwo{float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .restyOne span.bluetext{color:#094895; font-size:26px;font-weight:bold;vertical-align:super} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .restyOne span.bluetext3{color:#094895; font-size:15px;font-weight:bold;vertical-align:sub} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .simplicity{width:109px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .contlength{width:106px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .offersFree{width:160px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .networkN{ width: 52px; padding: 12px 0 0 14px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariffN{width: 77px; padding: 12px 0 0 16px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .contractN{width: 58px; padding: 12px 0 0 14px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .minutesN{width: 82px; padding: 12px 0 0 12px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .textsN{width: 81px; padding: 12px 0 0 14px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .dataN{width: 54px; padding: 12px 0 0 13px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .offerN{width:92px; padding: 12px 0 0 13px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .phonecostN{width: 58px; padding: 12px 0 0 12px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .Monthlycostpn{width:104px; padding: 12px 0 0 15px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .Monthlycostpn span.addbsktbtn{display:block; margin-top:5px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .Monthlycostpn span a{background:url(../images/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; margin-top:10px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab p{font-size:13px; font-weight: normal; font-family: arial} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab p span{font-weight:bold; font-family: arial; color: #232323; display:block; font-size:15px } #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .gift p{font-size:12px; font-family: arial; float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .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 .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab h4{padding: 10px 0 0 15px;font-size: 13px; font-family: arial; font-weight: bold; color:#222} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included{font-size: 12px; font-family: arial; float: left; width: 516px; padding-left: 29px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included h3{font-size: 16px; font-family: arial; color: #232323;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included p{font-size: 12px; font-family: arial; color: #444444; padding-bottom: 5px; margin-top: -3px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included ul{font-size: 12px; font-family: arial; color: #444444; padding-left: 10px; width: 450px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .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 .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included a{font-size: 12px; font-family: arial; color: #018ca9; float: left; width: 450px; padding-top: 5px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included .samllFont{font-size: 7px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.morestore{width:88px;margin: 5px 5px 0 9px; padding: 4px 0 0 0;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTop span.reststore{width:57px;margin: 5px 5px 0 9px; padding: 4px 0 0 0;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .rightTariff span.poundCostAppl{font-size: 18px;font-weight: bold;margin:7px 0 5px 17px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .rightTariff span.perMonthAppl{padding-left:15px;margin-bottom: 1px; margin-top: 32px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariffApp{width: 107px; padding: 18px 0 0 16px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariffApp{width: 184px; margin-left:10px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSelectionNew{width:391px;height:140px;background:url(../images/colorSelectionNew.gif) 0 0 no-repeat;float: left; margin-top: 5px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .divFirstLeft .mobCheckout span {float: left; font-weight: bold; margin:5px 0 0 8px; width: 50px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .marginTopApp{margin-top:25px !important } #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .contractMonth{width: 107px; padding:18px 0 0 12px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .mbdata{width:99px; padding:12px 0 0 15px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .dataN{width:85px; padding: 8px 0 0 5px; font-size: 13px;background:url(../images/lowusage.jpg) 0 0 no-repeat; height:74px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .freeOne{width:152px; padding:12px 0 0 13px; font-size: 13px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .marginTop{margin:25px 10px 0 0} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals .forStore{font-family: arial;font-size: 11px;color:#616161;float: left;margin: 12px 0 0 10px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .customeSelectBoxDeals .storeGreen{float: right;margin: 25px 10px 0 0;padding: 0 10px 0 0;width: 60px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .doted{border-bottom: 1px dotted #C0D3D7; float: right; width:271px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .doted .collect{font-family: arial;font-size: 11px;color:#616161;float: left;margin:12px 0 0 10px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .rightMiddle .rightDown .forDelivFree{font-family:arial; font-size:11px; color:#616161;float: left;margin:25px 0 0 10px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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} /******************** CSS FOR SLIDER ***************************/ #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-container { /* border: 1px solid #346F97;*/ } #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-container-horizontal {width:202px;/* padding:10px 40px*/} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-container-vertical {width:75px; height:245px; padding:40px 20px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-clip {overflow: hidden} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-clip-horizontal {width:229px; height:117px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-clip-vertical {width:75px; height: 245px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-item {width:48px; height:117px; padding:10px 0 0 15px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-item.active {width:53px;height:117px;background:url(../images/bg_slider_one.jpg) left top no-repeat;padding:10px 0 0 12px; margin-left:0px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;margin-right: 10px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango a {float:left;margin-bottom:3px} /** * Horizontal Buttons */ #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-horizontal{position: absolute;top: 43px;right: 5px;width: 25px;height: 24px;cursor: pointer;background: transparent url(../images/next-horizontal_one.gif) no-repeat 0 0;display:none !important;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto;background-image: url(../images/prev-horizontal_one.gif);} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-prev-horizontal{position: absolute;top: 43px;left: 5px;width: 25px;height: 24px;cursor: pointer;background: transparent url(../images/prev-horizontal_one.gif) no-repeat 0 0;display:none !important; } #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-vertical:hover, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-vertical:focus {background-position: 0 -32px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-vertical:active {background-position: 0 -64px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-vertical, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {cursor: default;background-position: 0 -96px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .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_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-prev-disabled-vertical:hover, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobile .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {cursor: default;background-position: 0 -96px;} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .simplicity{width:109px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .contlength{width:106px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .offersFree{width:160px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab .tariffContact{width:126px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab .tarifftexTwo{width:415px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTopNew{background:url(../images/freeHomeDeliveryTop.png) 0 0 no-repeat;width:532px;height:38px;float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTopNew span{font-family: arial;font-size:11px;color:#000;float:left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTopNew span.homedeliveryText{width:110px;margin: 9px 0 0 11px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTopNew span.inStore{width:40px;margin: 9px 0 0 19px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTopNew span.delivOptions{width:80px;margin: 5px 5px 0 98px;padding: 4px 0 0 0;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTopNew span.delivOptions a{width:78px;color:#008da8} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryTopNew span.info{float: right} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .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;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryBottomNew{background:url(../images/freeHomeDeliveryBottom.png) 0 0 no-repeat;width:532px;height:7px;float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddle .leftMiddleNew{float: left} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .freeHomeDelivery .freeHomeDeliveryMiddleNew{width:277px;float: left;border:1px solid #d7d7d7;border-width: 0 1px 0 1px} /*Css For New Upsell deal summary Pages 07-09-2012 Rakesh */ #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab ul.costholder{margin:0; padding:0; float:right; width:222px; height:31px; border-left:1px solid #dbdbdb} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .newtariff{width:83px !important; padding-left:6px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .title{width:313px; padding: 12px 0 0 14px;line-height: 21px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .title span{display:block} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .title a{padding-top:12px;display:block} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .Ecost{width:108px;padding-top:10px;line-height: 21px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .Ecost span{display:block} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .offerN1{padding: 12px 0 0 13px;width:147px;line-height: 20px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .titlenew{width:463px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .Ecostnew{width:109px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .phonecostnew{border-left:1px solid #dbdbdb; padding: 0 0 0 13px !important;width:52px; height:37px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .monthlycostnew{padding: 0 0 0 28px !important;width: 62px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .phonecostN1 {padding: 12px 0 0 12px;width:68px;border-left:1px solid #dbdbdb; min-height:79px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .costlast{float:right !important; width:141px} .standalone{float:right;padding:10px 4px 0 6px; width:136px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.Networkpaym{width:49px; padding-left:9px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.Tariffpaym{width:114px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.contractpaym{width:117px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.datapaym{width:83px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.specialpaym{width:157px} #mainWrapper #mainContent #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab li.tabletpaym{width:97px} /* Added by Vikram on 12-09-12*/ #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .networknew{ width: 59px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .networknewchoose{margin-left:570px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .secondTopTab .tarifftexTwonew{width:105px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .tariffnew{width:143px; padding-left:6px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .texts{width: 95px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .leftTariff .generalTab .Included{font-size: 12px; font-family: arial; float: left; width: 616px; padding-left: 29px} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobilenew .jcarousel-skin-tango .jcarousel-item.active {width:53px;height:117px;background:url(../images/bg_slider_one.jpg) left top no-repeat;padding:10px 0 0 12px; margin-left:0px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobilenew .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;margin-right: 10px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobilenew .jcarousel-skin-tango .jcarousel-item {height: 117px;padding: 13px 0 0 6px;width: 48px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobilenew .jcarousel-skin-tango .jcarousel-item.activeNew {width:152px;height:117px;background:url(../images/bg_slider_new.png) left top no-repeat;padding:10px 0 0 12px; margin-left:0px;} #mainWrapper #mainContent_dealsummary #leftRail .TabletdealSummaryMain .phoneDetails .tariffInfo .colorSeleMobilenew .jcarousel-skin-tango .jcarousel-item.activeNewnone {width:152px;height:117px;padding:10px 0 0 0px; margin-left:0px;} .mobilechkout{display:none;margin-top:5px;text-align:center} /*START-Added CSS classes for Support bug fixes*/ .poundCost_sf_none{ display: none; } .nowprice_sf { color: #EE0000; font-family: arial,sans-serif; font-size: 14px; font-weight: bold; } .wasprice_sf { color: #222222; font-weight: normal;font-size:12px; font-family: arial; line-height: 18px;} /*END-Added CSS classes for Support bug fixes*/ /* DW OVERRIDES FOR DEAL SUMMARY CONTENT OVERVIEW 18-11-13 */ #sectionthree .seccontent { padding:25px 10px 37px!important; } .cpwProdTopFeaturesContent, .cpwProdOverviewContent { width:719px!important; } .cpwPhoneDetailsLeftTxt, .cpwPhoneDetailsRightTxt { width: 300px!important; } .cpwPhoneDetailsSctn { width: 700px; } #sectionthree .seccontent { width:699px; } .cpwPhoneDetailsLeftVideoTxt, .cpwPhoneDetailsRightVideoTxt { margin: 0 0 0 30px !important; width: 260px!important; } .cpwPhoneDetailsLeftVideo { float: left; padding: 12px 0; width: 410px!important; } /* DW OVERRIDES FOR TARIFF FINDER 04-2015 */ .incl_clr { clear:both; } .incl_tbl { width:115px; font-size:9pt; font-family:arial,helvetica,sans-serif; text-align:center; } .incl_tbl_l { float:left; width:33%; border-right:1px solid #003060; } .incl_tbl_m { float:left; width:32%; border-right:1px solid #003060; } .incl_tbl_r { float:right; width:33%; } .incl_info { font-size:7pt; font-family:arial,helvetica,sans-serif; text-align:left; padding-top:8px; width:115px; }