/******************************************************** STYLES FOR BASKET PAGE _1_out_of_stock *********************************************************/ body, #outerWrapper, #mainWrapper #mainContent1{background:#FFF;} /******************************************************************* /* GLOBAL RESETS ********************************************************************/ body,form,h1,h2,h3,h4,h5,h6,ul,li {padding:0; margin:0} h1,h2,h3,h4,h5,h6,label,a {text-decoration:none; font-family:arial} a {color:#008da8} a.floatRight {font-weight:bold !important} a:focus {outline:none} button:focus {outline:none} a:hover {color:#003060; /*text-decoration:underline*/} a:active, a:focus {outline:0; outline:none} /* to avoid link borders on new browsers */ img {border:none} ul,li {padding:0; margin:0;list-style: none outside none;} /*UT-1052 fix - dealsummary - Tariff Tab */ .broadband_specification ul { margin: 12px; padding: 0; } /*li {display:inline}*/ /*********************************************************** BODY WRAPPER / HEADER / TOP MENU (id=HEAD) **********************************************************/ #mainWrapper {margin:0 auto; width:1000px} #mainWrapper #welcome {float:right; width:73%; margin:0px 0px 0px 10px} /************************************************ STYLES FOR POPULAR ACCESSORIES *************************************************/ p.addTobasket {background:url(http://lin115.cpwplc.net/UAT/WORKAREA/UAT/static/images/phone_shop/pdp/sprite_btn_3.png) no-repeat 0% 0%; display:block;float:left;height:26px;margin:0px 0 4px 25px;padding:0 0 0 3px;cursor:pointer; font-weight:normal; } p.addTobasket a {background:url(http://lin115.cpwplc.net/UAT/WORKAREA/UAT/static/images/phone_shop/pdp/sprite_btn_3.png) no-repeat 100% -26px; display:inline; float:left; height:26px; cursor:pointer; border:none; outline:none; padding:5px 10px 0 7px; font-size: 13px; color:#FFF; margin:0} p.addTobasket a:hover {text-decoration:none} /*************************************************** STYLES FOR LEFTCONTENT ****************************************************/ #mainWrapper #mainContent1 #leftContent {width:716px; float:left; margin:0px 20px 0 0} /*************************************************** STYLES FOR RIGHTCONTENT ****************************************************/ #mainWrapper #mainContent1 #rightContent {width:261px; float:right; margin:15px 0 0 0} #mainWrapper #mainContent1 #rightContent .basketSummary h2, #mainWrapper #mainContent1 #rightContent .deliveryOptions h2 {background:url(../images/rounded_corner_top.png) no-repeat 0% 0%; display:block; float:left; height:32px; padding:8px 0 0 21px; font-weight:normal; width: 261px; color:#00234f; font-size:18px; margin-bottom:0} #mainWrapper #mainContent1 #rightContent .basketSummary .middleContent, #mainWrapper #mainContent1 #rightContent .deliveryOptions .middleContent, #mainWrapper #mainContent1 #rightContent .needHelpSection .middleContent {width:228px; background:#FFF; border:1px solid #d7d7d7; border-width:0 1px; float:left; padding:15px 15px 11px} #mainWrapper #mainContent1 #rightContent .basketSummary .bottomPart, #mainWrapper #mainContent1 #rightContent .deliveryOptions .bottomPart {background:url(../images/rounded_corner_bottom.png) no-repeat 0% 0%; display:block;float:left; height:7px; width:261px; margin-bottom:12px} #mainWrapper #mainContent1 #rightContent .basketSummary .bottomButtons {background:#FFF; margin-bottom:12px; float:left; width:261px;} #mainWrapper #mainContent1 #rightContent .basketSummary .bottomButtons .leftButton input[type="submit"] {background:url(../images/button_left.png) no-repeat 0% 0%;float:left;height:5px;width:129px; margin-right:2px; border:none; outline:none; cursor: pointer; color:#003d73; font-size:14px; text-align:center; height:67px} #mainWrapper #mainContent1 #rightContent .basketSummary .bottomButtons .rightButton a {background:url(../images/button_right.png) no-repeat 0% 0%;float:left;height:5px;width:130px; height:44px; color:#003d73; font-size:14px; padding:23px 0 0 0; text-align:center;} #mainWrapper #mainContent1 #rightContent .basketSummary .middleContent img {margin:0 28px} #mainWrapper #mainContent1 #rightContent .basketSummary .middleContent .basketCost {margin:15px 7px; width: 220px; float:left} #mainWrapper #mainContent1 #rightContent .basketSummary .middleContent .basketCost p {float:left; width:216px; font-size: 18px; color:#222; padding:0 0 8px} #mainWrapper #mainContent1 #rightContent .basketSummary .middleContent .basketCost p span {float:right; width:114px; text-align:right} #mainWrapper #mainContent1 #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 3px;cursor:pointer; font-weight:normal} #mainWrapper #mainContent1 #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 58px 0; font-size:17px; color:#FFF; margin:0; font-weight:bold} #mainWrapper #mainContent1 #rightContent .basketSummary .middleContent p.cardIcons {margin:0 0 10px 34px; float:left} #mainWrapper #mainContent1 #rightContent .basketSummary .middleContent p.cardIcons img {margin:0 2px; float:left; width:41px} #mainWrapper #mainContent1 #rightContent .basketSummary .middleContent p.informationLine {text-align:center; color:#008da8} #mainWrapper #mainContent1 #rightContent .deliveryOptions .middleContent ul li, #mainWrapper #mainContent1 #rightContent .needHelpSection .middleContent ul li {display:block; margin:0 0 10px 0; width:241px; float:left; font-size:14px; color:#222} #mainWrapper #mainContent1 #rightContent .deliveryOptions .middleContent ul li img, #mainWrapper #mainContent1 #rightContent .needHelpSection .middleContent ul li img {float:left; margin-right:15px} #mainWrapper #mainContent1 #rightContent .deliveryOptions .middleContent ul li span, #mainWrapper #mainContent1 #rightContent .needHelpSection .middleContent ul li p {float:left; width:175px} #mainWrapper #mainContent1 #rightContent .deliveryOptions .middleContent p {color:#008da8; font-size: 12px} #mainWrapper #mainContent1 #rightContent .deliveryOptions .middleContent ul li.lastListOption {margin-bottom:12px} #mainWrapper #mainContent1 #rightContent .needHelpSection h2 {background:url(../images/rounded_corner_top_one.png) no-repeat 0% 0%; display:block; float:left; height:34px; padding:8px 0 0 21px; font-weight:normal; width: 260px; color:#00234f; font-size:18px} #mainWrapper #mainContent1 #rightContent .needHelpSection .middleContent {width:228px} #mainWrapper #mainContent1 #rightContent .needHelpSection .bottomWithArrow {background:url(../images/rounded_bottom_with_arrow.png) no-repeat 0% 0%; display:block;float:left;height:5px;width:260px; margin-bottom:12px; height:43px} #mainWrapper #mainContent1 #rightContent .needHelpSection .middleContent ul li {border-bottom:1px solid #e8eeee; padding-bottom:13px} #mainWrapper #mainContent1 #rightContent .needHelpSection .middleContent ul li p {width:193px; font-size:12px; color:#008da8} #mainWrapper #mainContent1 #rightContent .needHelpSection .middleContent ul li p span {font-size:14px; color:#222; display:block} /*************************************************** STYLES FOR MAIN_PRODUCT_PAGE_FINAL ****************************************************/ #sectionone {background:url(../images/sectionone_top_bg.gif) no-repeat left top; width:1000px;margin-top:10px;overflow:hidden;position:relative} #sectionone .Headingleft {width:657px;float:left;margin:5px 0 0 12px} #sectionone .Headingleft h1{font-size:24px;font-family:arial;font-weight:bold;margin-top:0} #sectionone .starrates {width:328px;float:right;} #sectionone .sectionheading{overflow:hidden;height:40px;} ul.starrateslist{margin:0;padding:0;overflow:hidden} ul.starrateslist li{display:block;margin:10px 5px;float:left;height:50px;} ul.starrateslist li.brd{border-right:1px solid #e7f5f5;margin-left:5px} ul.starrateslist li a{font-family:arial;font-size:14px} ul.starrateslist li img{position:relative;bottom:-2px;} /*******************************************************************************************/ #topfeatures {background:url(../images/sec1_bg.jpg) no-repeat left top;padding:7px;height:434px} #topfeatures .mobileinfoholder{width:277px;overflow:hidden;margin:10px 0 0 10px} #topfeatures .mobileinfoholder h3{font-size:16px !important;margin-bottom:15px;color:#00234f} #topfeatures .mobileinfoholder a{display:block; margin:5px 0 0 0; color:#008DA8} #topfeatures .illustrationholder{overflow:hidden;overflow: hidden;position: relative;right: 6px;top: 5px;z-index: 1000;} #topfeatures .illustrationholder h2{float:left;font-family:arial;font-weight:bold;font-size:16px;color:#00234f;padding:22px 0 0 10px;margin-bottom:0px} #topfeatures .illustrationholder a img{float:right;margin-right:8px} #topfeatures .specificationholder{background:url(../images/mobile_tabs_bg.png) left top no-repeat; height:165px; overflow:hidden} #topfeatures .specificationholder .leftcontent{width:370px;float:left} #topfeatures .specificationholder .leftcontent .touchScreen{width:270px; margin:10px 0px 0px 15px} #topfeatures .specificationholder .leftcontent .touchScreen h3{font-size:14px;color:#00234f;margin-bottom:0} #topfeatures .specificationholder .midcontent{position:absolute;top:26px;left:362px} #topfeatures .specificationholder .midcontent1{position:absolute;top:100px; left:362px} #topfeatures .specificationholder .midcontent2{position:absolute;top:30px; left:362px} #topfeatures .specificationholder .midcontent3{position:absolute;top:26px; left:362px} #topfeatures .specificationholder .rightcontent{width:345px;float:right;margin-right:20px} #topfeatures .specificationholder .rightcontent .paymonthlyholder{overflow:hidden;margin:18px 0 5px 0;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:8px} #topfeatures .specificationholder .rightcontent .paymonthlyholder .paymonthly{width:87px;float:left;margin-right:30px} #topfeatures .specificationholder .rightcontent .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} #topfeatures .specificationholder .rightcontent .paymonthlyholder .freephoneholder{width:114px;float:left} #topfeatures .specificationholder .rightcontent .paymonthlyholder .freephoneholder a{font-size:11px} #topfeatures .specificationholder .rightcontent .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:19px;color:#00234f} #topfeatures .specificationholder .rightcontent .paymonthlyholder .viewdealbtnholder{width:110px; float:right; padding-top:15px} #topfeatures .specificationholder .rightcontent .paymonthly1holder{overflow:hidden; margin:5px 0 0px 0;background:url(../images/dotted_border.gif) left bottom repeat-x; padding-bottom:3px} #topfeatures .specificationholder .rightcontent .paymonthly1holder .paymonthly{width:87px; float:left; margin-right:30px;} #topfeatures .specificationholder .rightcontent .paymonthly1holder .paymonthly h3{width:87px; float:left; margin-right:30px; margin-top:5px;font-size:14px; font-weight:bold;color:#00234f} #topfeatures .specificationholder .rightcontent .paymonthly1holder .freephoneholder{width:114px; float:left} #topfeatures .specificationholder .rightcontent .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px; color:#00234f} #topfeatures .specificationholder .rightcontent .paymonthly1holder .viewdealbtnholder{width:110px; float:right} #topfeatures .coloroptionhodler{overflow:hidden;float:left} #topfeatures .coloroptionhodler .coloroptionbox{width:365px;padding-left:4px} #topfeatures .coloroptionhodler .coloroptionbox p{ font-size:14px; color:#00234f; margin-bottom:7px} #topfeatures .buttonholder{width:167px;margin:30px 0 0 10px;background:url(../images/videoand3dview_button_bg.png) left top no-repeat; height:26px; float:left; z-index:999; position:relative} #topfeatures .buttonholder .vediobtn{width:150px; margin:0 auto; overflow:hidden; padding-top:5px} #topfeatures .buttonholder .vediobtn .video{background:url(../images/video_icon.png) left top no-repeat; display:block; padding-left:20px;color:#fff; float:left;text-decoration:none; font-size:14px} #topfeatures .buttonholder .vediobtn .view{background:url(../images/3dview_icon.png) left top no-repeat; display:block; padding-left:20px;color:#fff; float:right;text-decoration:none;font-size:14px} ul.navigation{overflow:hidden;position:relative;bottom:-6px;width:360px;right:-4px;z-index:999;} ul.navigation li{display:block;overflow:hidden;width:59px;background:url(../images/mobile_tabs_button_bg.png) left top no-repeat; float:left; height:51px; outline:none} ul.navigation li a.active{display:block;overflow:hidden;width:59px;background:url(../images/mobile_tabs_button_hover_bg.png) left top no-repeat; float:left; height:51px} ul.navigation li:hover{display:block;overflow:hidden;width:59px;background:url(../images/mobile_tabs_button_hover_bg.png) left top no-repeat; float:left; height:51px} ul.navigation li a { text-align:center;display:block;padding-top:10px;outline:none; outline-style:none; position:relative; z-index:9999} ul.navigation li .bgnone{background:none !important} ul.mobilelist{margin:0; padding:0;} ul.mobilelist li{display:block; list-style:square !important;color:#012340; font-size:12px; line-height:17px;background:url(../images/mobile_list_sq.gif) 0% 7px no-repeat; padding-left:10px; } ul.phonelist{margin:0; padding:0;} ul.phonelist li{ line-height:10px;} ul.phonelist li span{color:#008da8;font-family:arial; font-size:14px; display:block; width:212px !important; line-height:16px;} ul.buyfromus{margin:0; padding:0;} ul.buyfromus li:not(:last-child){ border-bottom:1px dotted #c0d3d7;} ul.buyfromus li.last{ border-bottom:none !important;} ul.buyfromus li a{ font-size:14px; line-height:25px;} ul.buyfromus li a.last{ margin-left:45px;} ul.helpchoosing{margin:0;padding:0} .helpchoosing li{margin-bottom:17px !important;} #sectiontwo{background:url(../images/sec2_bg.gif) left top repeat-x;overflow:hidden; padding:20px 0 25px 0} #sectiontwo .networkholder{width:211px; float:left; margin-right:30px; padding:0 10px;} #sectiontwo .networkholder .availnetwork{overflow:hidden; border-bottom:1px dotted #60b7c9; margin-bottom:10px} #sectiontwo .networkholder .alternativephoneholder a{display:block;font-size:14px;line-height:20px; color:#008DA8} #sectiontwo .networkholder span{font-family:arial; font-size:14px; font-weight:bold;color:#00234f} #sectiontwo .upgradenetworkholder{width:221px;float:left} #sectiontwo .upgradenetworkholder .upgradenetwork{overflow:hidden; margin-bottom:10px} #sectiontwo .upgradenetwork .existingnumber p{margin:0; line-height:18px;} #sectiontwo .upgradenetworkholder p{font-family: arial; font-size:14px; margin:1px 0 25px 0} #sectiontwo .upgradenetworkholder span{font-family: arial; font-size:14px;font-weight:bold;color:#00234f} #sectiontwo .deliveryoptionsholder{width:211px; float:right} #sectiontwo .deliveryoptionsholder span{font-family: arial; font-size:14px; font-weight:bold;display:block;color:#00234f} ul.logos{width:125px;margin:12px 0 12px 0;} ul.logos li{margin:2px} #sectiontwo .deliveryoptionsholder ul.deliverylist li{overflow:hidden;margin:16px 0; display:block} #sectiontwo .deliveryoptionsholder ul.deliverylist li img{float:left; margin-right:15px !important;} #sectiontwo .deliveryoptionsholder ul.deliverylist li span{font-weight:normal !important; width:150px; float:left} #sectionthree{overflow:hidden; width:721x} /*#sectionthree .seccontent{ padding:0px 15px 37px 15px; padding: 25px 25px 37px; border:1px solid #bfd1d6;margin:0px 0 12px 0; border-width:0 1px 1px 1px; float:left;width:689px; overflow:hidden} #sectionthree .seccontent .ovContainer {} #sectionthree .seccontent .ovContainer h4 {color:#00234F; display:block; font-family:arial; font-size:14px; font-weight:bold; margin-bottom:2px; margin-top:17px} #sectionthree .holderContent {display:none} #sectionthree .overViewShow, #sectionthree .featureShow, #sectionthree .reviewShow, #sectionthree .accessoriesShow, #sectionthree .geekSquad{display:block} .ovSideCol, .ovMainContent p sup, .ovBtmBanner, #disclaimerTextSection p{display:none}*/ /*#sectionthree .seccontent p{font-family:arial;font-size:14px;line-height:17px;color:#222222 !important}*/ #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; padding:0; height:43px; float:left} #sectionthree .nav ul.menu li{ display:block;float:left} #sectionthree .nav ul.menu li a{color:#008da8;font-size:14px;text-decoration:none;background:url(../images/rounded_sprite.png) left top no-repeat;display:block; margin:0 8px 0 0; height:42px; float:left;padding-left:15px} #sectionthree .nav ul.menu li a span{ display:block; float:left;background:url(../images/rounded_sprite.png) right top no-repeat; height:28px; margin:0; padding:15px 19px 0 0px; font-weight:normal;font-size:14px;} #sectionthree .nav ul.menu li a.active{color:#224066;font-size:14px; text-decoration:none;background:url(../images/rounded_sprite.png) 0% -46px no-repeat;display:block; margin:0 8px 0 0; height:43px; float:left; padding-left:15px} #sectionthree .nav ul.menu li a.active span{display:block;float:left;background:url(../images/rounded_sprite.png) 100% -46px no-repeat; height:28px; margin:0; padding:15px 19px 0 0px;} #sectionthree .nav ul.menu li a:hover{color:#224066;font-size:14px; text-decoration:none;background:url(../images/rounded_sprite.png) 0% -46px no-repeat;display:block; margin:0 8px 0 0; height:43px; float:left; padding-left:15px} #sectionthree .nav ul.menu li a:hover span{ display:block; float:left;background:url(../images/rounded_sprite.png) 100% -46px no-repeat; height:28px; margin:0; padding:15px 19px 0 0px} #sectionthree span{color: #00234F; font-family: arial; font-size: 14px; font-weight: bold; margin-bottom: 2px; margin-top: 17px;} sup{font-size:8px;} .lnk{ margin-top:8px; display:block; font-size:11px; color:#008da8} ul.optimised{margin:0; padding:0} ul.optimised li{line-height:22px; display:block; font-size:14px; 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:#222222 !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:#222222 !important;margin:0px !important;} .braidcrum{overflow:hidden; color:#008da8;} .braidcrum .left{float:left; width:229px; margin-left:30px} .braidcrum .back{float:right; width:35px; margin-right:17px} .radio {height:37px; width:37px; float:left; margin: 0 0 3px; background: url("../images/radio_button_normal.png"); background-repeat:no-repeat; cursor: default; margin:0 4px 0 0} .checkbox {height: 25px; width: 19px; clear:left; float:left; margin: 0 0 3px; padding: 0 0 0 26px; background: url("checkbox.gif") no-repeat; cursor: default; text-align:left} .checkbox input,.radio input {display:none !important} .checkbox input.show,.radio input.show {display: inline} .selected {background-position: 0 -50px} .radioblackpdp {height:37px; width:37px; float:left; margin:0 0 3px; background: url("../images/radio_button_black_pdp.png"); background-repeat:no-repeat; cursor: default; margin:0 4px 0 0} .checkbox {height: 25px; width: 19px; clear:left; float:left; margin: 0 0 3px; padding: 0 0 0 26px; background: url("checkbox.gif") no-repeat; cursor: default; text-align:left} .checkbox input,.radioblackpdp input {display:none} .checkbox input.show,.radioblackpdp input.show {display:inline} .selected {background-position: 0 -50px} /* .selectedRadio {background-position:0% 40px !important} */ .radiocolorpdp {height:37px; width:37px; float:left; margin: 0 0 3px; background-repeat:no-repeat; cursor: default; margin:0 4px 0 0} .checkbox {height: 25px; width: 19px; clear:left; float:left; margin: 0 0 3px; padding: 0 0 0 26px; background: url("checkbox.gif") no-repeat; cursor: default; text-align:left} .checkbox input,.radiopinkpdp input {display: none} .checkbox input.show,.radiopinkpdp input.show {display: inline} .selected {background-position: 0 -50px} .cellFeatureHolder {display:none} /******STYLE FOR MAIN PRODUCT PAGE GENETRIC *************/ .rightrel .freeheadphoneholder1{cursor:pointer; float:right; width:289px;background:url(http://lin115.cpwplc.net/UAT/WORKAREA/UAT/static/images/headphone_img_1.gif) left top no-repeat;height:58px; padding:3px 0 0 0; position:relative;right:9px;top: -16px;} .rightrel .freeheadphoneholder1 .plusfreemosterheadphone{width:271px; margin:0 auto} .rightrel .freeheadphoneholder1 .plusfreemosterheadphone img{ width:35px; float:left; margin-right:12px;padding:5px 0 5px 0} .rightrel .freeheadphoneholder1 .plusfreemosterheadphone p{float:left; width:223px; font-size:14px; color:#fff; font-weight:bold; padding:5px 0 5px 0} .rightrel .freeheadphoneholder1 .plusfreemosterheadphone p span.regulartext{font-size:14px; color:#fff; font-weight:normal} .rightrel .freeheadphoneholder1 .plusfreemosterheadphone p span.regulartextsmall{font-size:9px; color:#fff; font-weight:normal} .rightrel .freeheadphoneholder2{float:right; width:289px;background:url(http://lin115.cpwplc.net/UAT/WORKAREA/UAT/static/images/headphone_img.gif) left top no-repeat;height:58px; padding:3px 0 0 0; position:relative; top:6px; right:10px} .rightrel .freeheadphoneholder2 .plusfreemosterheadphone{width:271px; margin:0 auto} .rightrel .freeheadphoneholder2 .plusfreemosterheadphone img{ width:35px; float:left; margin-right:12px;padding:5px 0 5px 0} .rightrel .freeheadphoneholder2 .plusfreemosterheadphone p{float:left; width:223px; font-size:14px; color:#fff; font-weight:bold; padding:5px 0 5px 0} .rightrel .freeheadphoneholder2 .plusfreemosterheadphone p span.regulartext{font-size:14px; color:#fff; font-weight:normal} .rightrel .freeheadphoneholder2 .plusfreemosterheadphone p span.regulartextsmall{font-size:9px; color:#fff; font-weight:normal} .topfuturehead h2{color:#002449 !important;font-family: arial;font-size:16px;font-weight:bold;padding: 10px 0 0 10px; margin-bottom:0 !important} #sectiononenew {background:url(../images/sectionone_top_bg.gif) no-repeat left top; width:1000px;margin-top:10px;position:relative;height:489px; top: -15px;} #sectiononenew .Headingleft {width:657px; float:left;margin:5px 0 0 12px} #sectiononenew .Headingleft h1{font-size: 24px; font-family:arial; font-weight:bold; margin-top:0;border-bottom:0px;} #sectiononenew .starrates {width:328px; float:right} #sectiononenew .sectionheading{overflow:hidden;height:40px} .social{margin-top:10px} #topfeaturesholder{background:url(../images/sec1_bg.jpg) no-repeat left top;height:434px; position:relative} #topfeaturesholder .leftrel{width:442px;float:left; margin:20px 0 0 17px; /*overflow:hidden;*/} #topfeaturesholder .leftrel .mobileinfoholder{width:277px;height:150px} #topfeaturesholder .leftrel .mobileinfoholder h3{font-size:16px !important;margin-bottom:15px;color:#00234f} #topfeaturesholder .leftrel .mobileinfoholder a{display:block; margin:5px 0 0 0; color:#008DA8} #topfeaturesholder .rightrel{width:536px;float:right; margin:64px 5px 0 0px} #topfeaturesholder .leftrel h2{font-family:arial;font-weight:bold;font-size:16px;color:#00234f;padding:15px 0 0 0px;margin-bottom:0px} .iconnav_top_bg{background:url(../images/iconnav_top_bg.png) no-repeat left top; height:10px} .iconnav_mid_bg{background:url(../images/iconnav_mid_bg.png) repeat-y left top;} .iconnav_bottom_bg{background:url(../images/iconnav_bottom_bg.png) no-repeat left top; height:19px} .iconnav_mid_bg .feature{width:270px;height:70px;margin:0px 0px 0px 15px; padding-top:10px} .iconnav_mid_bg .feature h3{font-size:14px;color:#00234f;margin-bottom:0} #topfeaturesholder .coloroptionhodler{overflow:hidden;float:left} #topfeaturesholder .coloroptionhodler .coloroptionbox{width:365px;padding-left:4px} #topfeaturesholder .coloroptionhodler .coloroptionbox p{ font-size:14px; color:#00234f; margin-bottom:7px} .rightrel .icondiscription_top_bg{background:url(../images/icondiscription_top_bg.png) no-repeat left top;height:10px} .rightrel .icondiscription_mid_bg{background:url(../images/icondiscription_mid_bg.png) repeat-y left top; overflow:hidden} .rightrel .icondiscription_bottom_bg{background:url(../images/icondiscription_bottom_bg.png) no-repeat left top; height:18px} .rightrel .rightcontent{width:350px;float:right;margin-right:10px; margin-top:10px; height:240px;padding:0 5px 0 0} .rightrel .rightcontent .paymonthlyholder{overflow:hidden;margin:5px 0 5px 0; padding-bottom:10px;background:url(../images/dotted_border.gif) left bottom repeat-x} .rightrel .rightcontent .paymonthlyholder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel .rightcontent .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} .rightrel .rightcontent .paymonthlyholder .freephoneholder{width:114px; float:left} .rightrel .rightcontent .paymonthlyholder .freephoneholder a{font-size:11px} .rightrel .rightcontent .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:18px;color:#00234f} .rightrel .rightcontent .paymonthlyholder .freephoneholder p.redtext{font-family:arial;font-size:14px;line-height:19px; color:#ff0000 !important; font-weight:bold } .rightrel .rightcontent .paymonthlyholder .freephoneholder p.str{text-decoration:line-through;font-size:13px} .rightrel .rightcontent .paymonthlyholder .viewdealbtnholder{width:110px;float:right} .rightrel .rightcontent .paymonthly1holder{overflow:hidden;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:2px} .rightrel .rightcontent .paymonthly1holder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel .rightcontent .paymonthly1holder .paymonthly h3{width:87px;float:left;margin-right:30px;margin-top:5px;font-size:14px;font-weight:bold;color:#00234f} .rightrel .rightcontent .paymonthly1holder .freephoneholder{width:114px;float:left} .rightrel .rightcontent .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px;color:#00234f} .rightrel .rightcontent .paymonthly1holder .viewdealbtnholder{width:110px;float:right} .rightrel .rightcontent1{width:350px;float:right;margin-right:10px; margin-top:10px;padding:0 5px 10px 0} .rightrel .rightcontent1 .paymonthlyholder{overflow:hidden;margin:5px 0 5px 0; padding-bottom:10px;background:url(../images/dotted_border.gif) left bottom repeat-x} .rightrel .rightcontent1 .paymonthlyholder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel .rightcontent1 .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} .rightrel .rightcontent1 .paymonthlyholder .freephoneholder{width:114px; float:left} .rightrel .rightcontent1 .paymonthlyholder .freephoneholder a{font-size:11px} .rightrel .rightcontent1 .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:18px;color:#00234f} .rightrel .rightcontent1 .paymonthlyholder .freephoneholder p.redtext{font-family:arial;font-size:14px;line-height:19px; color:#ff0000 !important; font-weight:bold } .rightrel .rightcontent1 .paymonthlyholder .freephoneholder p.str{text-decoration:line-through;font-size:13px} .rightrel .rightcontent1 .paymonthlyholder .viewdealbtnholder{width:110px;float:right} .rightrel .rightcontent1 .paymonthly1holder{overflow:hidden;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:2px} .rightrel .rightcontent1 .paymonthly1holder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel .rightcontent1 .paymonthly1holder .paymonthly h3{width:87px;float:left;margin-right:30px;margin-top:5px;font-size:14px;font-weight:bold;color:#00234f} .rightrel .rightcontent1 .paymonthly1holder .freephoneholder{width:114px;float:left} .rightrel .rightcontent1 .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px;color:#00234f} .rightrel .rightcontent1 .paymonthly1holder .viewdealbtnholder{width:110px;float:right} .midrel{ position:absolute;top:50px;z-index: 1;left:350px} .midrel .buttonholder{width:167px;background:url(../images/videoand3dview_button_bg.png) left top no-repeat;height:26px; margin:0 0 0 76px} .midrel .buttonholder .vediobtn{width:150px;margin:0 auto;overflow:hidden;padding-top:5px} .midrel .buttonholder .vediobtn .video{background:url(../images/video_icon.png) left top no-repeat; display:block; padding-left:20px;color:#fff;float:left;text-decoration:none;font-size:14px} .midrel .buttonholder .vediobtn .view{background:url(../images/3dview_icon.png) left top no-repeat; display:block; padding-left:20px;color:#fff;float:right;text-decoration:none;font-size:14px} .midrel .img3{ padding:46px 0 0 28px} .clr{ clear:both} .aspectImage {position:absolute; top:315px; left:250px; z-index:1;} #topfeaturesholder .rightrel1{width:536px;float:right;position: relative; height: 365px; margin-right:5px;} #topfeaturesholder .rightrel1 .innerRightrel1{width:100%; position: absolute; left: 0; bottom:0;} .rightrel1 .icondiscription_top_bg{background:url(../images/icondiscription_top_bg.png) no-repeat left top;height:10px} .rightrel1 .icondiscription_mid_bg{background:url(../images/icondiscription_mid_bg.png) repeat-y left top; overflow:hidden} .rightrel1 .icondiscription_bottom_bg{background:url(../images/icondiscription_bottom_bg.png) no-repeat left top; height:18px} .rightrel1 .rightcontent{width:350px;float:right;margin-right:10px; margin-top:10px;padding:0 5px 0 0} .rightrel1 .rightcontent .paymonthlyholder{overflow:hidden;margin:5px 0 5px 0; padding-bottom:10px;background:url(../images/dotted_border.gif) left bottom repeat-x} .rightrel1 .rightcontent .paymonthlyholder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel1 .rightcontent .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} .rightrel1 .rightcontent .paymonthlyholder .freephoneholder{width:114px; float:left} .rightrel1 .rightcontent .paymonthlyholder .freephoneholder a{font-size:11px} .rightrel1 .rightcontent .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:18px;color:#00234f} .rightrel1 .rightcontent .paymonthlyholder .freephoneholder p.redtext{font-family:arial;font-size:14px;line-height:19px; color:#ff0000 !important; font-weight:bold } .rightrel1 .rightcontent .paymonthlyholder .freephoneholder p.str{text-decoration:line-through;font-size:13px} .rightrel1 .rightcontent .paymonthlyholder .viewdealbtnholder{width:110px;float:right} .rightrel1 .rightcontent .paymonthly1holder{overflow:hidden;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:2px} .rightrel1 .rightcontent .paymonthly1holder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel1 .rightcontent .paymonthly1holder .paymonthly h3{width:87px;float:left;margin-right:30px;margin-top:5px;font-size:14px;font-weight:bold;color:#00234f} .rightrel1 .rightcontent .paymonthly1holder .freephoneholder{width:114px;float:left} .rightrel1 .rightcontent .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px;color:#00234f} .rightrel1 .rightcontent .paymonthly1holder .viewdealbtnholder{width:110px;float:right} .rightrel1 .rightcontent1{width:350px;float:right;margin-right:10px; margin-top:10px;padding:0 5px 10px 0} .rightrel1 .rightcontent1 .paymonthlyholder{overflow:hidden;margin:5px 0 5px 0; padding-bottom:10px;background:url(../images/dotted_border.gif) left bottom repeat-x} .rightrel1 .rightcontent1 .paymonthlyholder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel1 .rightcontent1 .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} .rightrel1 .rightcontent1 .paymonthlyholder .freephoneholder{width:114px; float:left} .rightrel1 .rightcontent1 .paymonthlyholder .freephoneholder a{font-size:11px} .rightrel1 .rightcontent1 .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:18px;color:#00234f} .rightrel1 .rightcontent1 .paymonthlyholder .freephoneholder p.redtext{font-family:arial;font-size:14px;line-height:19px; color:#ff0000 !important; font-weight:bold } .rightrel1 .rightcontent1 .paymonthlyholder .freephoneholder p.str{text-decoration:line-through;font-size:13px} .rightrel1 .rightcontent1 .paymonthlyholder .viewdealbtnholder{width:110px;float:right} .rightrel1 .rightcontent1 .paymonthly1holder{overflow:hidden;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:2px} .rightrel1 .rightcontent1 .paymonthly1holder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel1 .rightcontent1 .paymonthly1holder .paymonthly h3{width:87px;float:left;margin-right:30px;margin-top:5px;font-size:14px;font-weight:bold;color:#00234f} .rightrel1 .rightcontent1 .paymonthly1holder .freephoneholder{width:114px;float:left} .rightrel1 .rightcontent1 .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px;color:#00234f} .rightrel1 .rightcontent1 .paymonthly1holder .viewdealbtnholder{width:110px;float:right} .rightrel1 .freeheadphoneholder2{cursor:pointer; float:right; width:289px;background:url(http://lin115.cpwplc.net/UAT/WORKAREA/UAT/static/images/headphone_img.gif) left top no-repeat;height:58px; padding:3px 0 0 0; position:relative; top:6px; right:10px} .rightrel1 .freeheadphoneholder2 .plusfreemosterheadphone{width:271px; margin:0 auto} .rightrel1 .freeheadphoneholder2 .plusfreemosterheadphone img{ width:35px; float:left; margin-right:12px;padding:5px 0 5px 0} .rightrel1 .freeheadphoneholder2 .plusfreemosterheadphone p{float:left; width:223px; font-size:14px; color:#fff; font-weight:bold; padding:5px 0 5px 0} .rightrel1 .freeheadphoneholder2 .plusfreemosterheadphone p span.regulartext{font-size:14px; color:#fff; font-weight:normal} .rightrel1 .freeheadphoneholder2 .plusfreemosterheadphone p span.regulartextsmall{font-size:9px; color:#fff; font-weight:normal} .rightrel2 .freeheadphoneholder2{cursor:pointer; float:right; width:289px;background:url(http://lin115.cpwplc.net/UAT/WORKAREA/UAT/static/images/headphone_img.gif) left top no-repeat;height:58px; padding:3px 0 0 0; position:relative; top:6px; right:10px} .rightrel2 .freeheadphoneholder2 .plusfreemosterheadphone{width:271px; margin:0 auto} .rightrel2 .freeheadphoneholder2 .plusfreemosterheadphone img{ width:35px; float:left; margin-right:12px;padding:5px 0 5px 0} .rightrel2 .freeheadphoneholder2 .plusfreemosterheadphone p{float:left; width:223px; font-size:14px; color:#fff; font-weight:bold; padding:5px 0 5px 0} .rightrel2 .freeheadphoneholder2 .plusfreemosterheadphone p span.regulartext{font-size:14px; color:#fff; font-weight:normal} .rightrel2 .freeheadphoneholder2 .plusfreemosterheadphone p span.regulartextsmall{font-size:9px; color:#fff; font-weight:normal} #topfeaturesholder .rightrel2{width:536px;float:right; margin:138px 0 0 0} .rightrel2 .icondiscription_top_bg{background:url(../images/icondiscription_top_bg.png) no-repeat left top;height:10px} .rightrel2 .icondiscription_mid_bg{background:url(../images/icondiscription_mid_bg.png) repeat-y left top; overflow:hidden} .rightrel2 .icondiscription_bottom_bg{background:url(../images/icondiscription_bottom_bg.png) no-repeat left top; height:18px} .rightrel2 .rightcontent{width:350px;float:right;margin-right:10px; margin-top:10px;padding:0 5px 0 0} .rightrel2 .rightcontent .paymonthlyholder{overflow:hidden;margin:5px 0 5px 0; padding-bottom:10px;background:url(../images/dotted_border.gif) left bottom repeat-x} .rightrel2 .rightcontent .paymonthlyholder .paymonthly{width:105px;float:left;margin-right:20px} .rightrel2 .rightcontent .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} .rightrel2 .rightcontent .paymonthlyholder .freephoneholder{width:114px; float:left} .rightrel2 .rightcontent .paymonthlyholder .freephoneholder a{font-size:11px} .rightrel2 .rightcontent .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:18px;color:#00234f} .rightrel2 .rightcontent .paymonthlyholder .freephoneholder p.redtext{font-family:arial;font-size:14px;line-height:19px; color:#ff0000 !important; font-weight:bold } .rightrel2 .rightcontent .paymonthlyholder .freephoneholder p.str{text-decoration:line-through;font-size:13px} .rightrel2 .rightcontent .paymonthlyholder .viewdealbtnholder{width:110px;float:right} .rightrel2 .rightcontent .paymonthly1holder{overflow:hidden;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:2px} .rightrel2 .rightcontent .paymonthly1holder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel2 .rightcontent .paymonthly1holder .paymonthly h3{width:87px;float:left;margin-right:30px;margin-top:5px;font-size:14px;font-weight:bold;color:#00234f} .rightrel2 .rightcontent .paymonthly1holder .freephoneholder{width:114px;float:left} .rightrel2 .rightcontent .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px;color:#00234f} .rightrel2 .rightcontent .paymonthly1holder .viewdealbtnholder{width:110px;float:right} .rightrel2 .rightcontent1{width:350px;float:right;margin-right:10px; margin-top:10px;padding:0 5px 10px 0} .rightrel2 .rightcontent1 .paymonthlyholder{overflow:hidden;margin:5px 0 5px 0; padding-bottom:10px;background:url(../images/dotted_border.gif) left bottom repeat-x} .rightrel2 .rightcontent1 .paymonthlyholder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel2 .rightcontent1 .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} .rightrel2 .rightcontent1 .paymonthlyholder .freephoneholder{width:114px; float:left} .rightrel2 .rightcontent1 .paymonthlyholder .freephoneholder a{font-size:11px} .rightrel2 .rightcontent1 .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:18px;color:#00234f} .rightrel2 .rightcontent1 .paymonthlyholder .freephoneholder p.redtext{font-family:arial;font-size:14px;line-height:19px; color:#ff0000 !important; font-weight:bold } .rightrel2 .rightcontent1 .paymonthlyholder .freephoneholder p.str{text-decoration:line-through;font-size:13px} .rightrel2 .rightcontent1 .paymonthlyholder .viewdealbtnholder{width:110px;float:right} .rightrel2 .rightcontent1 .paymonthly1holder{overflow:hidden;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:2px} .rightrel2 .rightcontent1 .paymonthly1holder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel2 .rightcontent1 .paymonthly1holder .paymonthly h3{width:87px;float:left;margin-right:30px;margin-top:5px;font-size:14px;font-weight:bold;color:#00234f} .rightrel2 .rightcontent1 .paymonthly1holder .freephoneholder{width:114px;float:left} .rightrel2 .rightcontent1 .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px;color:#00234f} .rightrel2 .rightcontent1 .paymonthly1holder .viewdealbtnholder{width:110px;float:right} .rightrel2 .freeheadphoneholder1{float:right; width:289px;background:url(http://lin115.cpwplc.net/UAT/WORKAREA/UAT/static/images/headphone_img_1.gif) left top no-repeat;height:58px; padding:3px 0 0 0; position:relative; top:-17px; right:9px} .rightrel2 .freeheadphoneholder1 .plusfreemosterheadphone{width:271px; margin:0 auto} .rightrel2 .freeheadphoneholder1 .plusfreemosterheadphone img{ width:35px; float:left; margin-right:12px;padding:5px 0 5px 0} .rightrel2 .freeheadphoneholder1 .plusfreemosterheadphone p{float:left; width:223px; font-size:14px; color:#fff; font-weight:bold; padding:5px 0 5px 0} .rightrel2 .freeheadphoneholder1 .plusfreemosterheadphone p span.regulartext{font-size:14px; color:#fff; font-weight:normal} .rightrel2 .freeheadphoneholder1 .plusfreemosterheadphone p span.regulartextsmall{font-size:9px; color:#fff; font-weight:normal} #topfeaturesholder .rightrel3{width:536px;float:right; margin:129px 0 0 0} .rightrel3 .icondiscription_top_bg{background:url(../images/icondiscription_top_bg.png) no-repeat left top;height:10px} .rightrel3 .icondiscription_mid_bg{background:url(../images/icondiscription_mid_bg.png) repeat-y left top; overflow:hidden} .rightrel3 .icondiscription_bottom_bg{background:url(../images/icondiscription_bottom_bg.png) no-repeat left top; height:18px} .rightrel3 .rightcontent{width:350px;float:right;margin-right:10px; margin-top:10px;padding:0 5px 0 0} .rightrel3 .rightcontent .paymonthlyholder{overflow:hidden;margin:5px 0 5px 0; padding-bottom:10px;background:url(../images/dotted_border.gif) left bottom repeat-x} .rightrel3 .rightcontent .paymonthlyholder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel3 .rightcontent .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} .rightrel3 .rightcontent .paymonthlyholder .freephoneholder{width:114px; float:left} .rightrel3 .rightcontent .paymonthlyholder .freephoneholder a{font-size:11px} .rightrel3 .rightcontent .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:18px;color:#00234f} .rightrel3 .rightcontent .paymonthlyholder .freephoneholder p.redtext{font-family:arial;font-size:14px;line-height:19px; color:#ff0000 !important; font-weight:bold } .rightrel3 .rightcontent .paymonthlyholder .freephoneholder p.str{text-decoration:line-through;font-size:13px} .rightrel3 .rightcontent .paymonthlyholder .viewdealbtnholder{width:110px;float:right} .rightrel3 .rightcontent .paymonthly1holder{overflow:hidden;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:2px} .rightrel3 .rightcontent .paymonthly1holder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel3 .rightcontent .paymonthly1holder .paymonthly h3{width:87px;float:left;margin-right:30px;margin-top:5px;font-size:14px;font-weight:bold;color:#00234f} .rightrel3 .rightcontent .paymonthly1holder .freephoneholder{width:114px;float:left} .rightrel3 .rightcontent .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px;color:#00234f} .rightrel3 .rightcontent .paymonthly1holder .viewdealbtnholder{width:110px;float:right} .rightrel3 .rightcontent1{width:350px;float:right;margin-right:10px; margin-top:10px;padding:0 5px 10px 0} .rightrel3 .rightcontent1 .paymonthlyholder{overflow:hidden;margin:5px 0 5px 0; padding-bottom:10px;background:url(../images/dotted_border.gif) left bottom repeat-x} .rightrel3 .rightcontent1 .paymonthlyholder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel3 .rightcontent1 .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} .rightrel3 .rightcontent1 .paymonthlyholder .freephoneholder{width:114px; float:left} .rightrel3 .rightcontent1 .paymonthlyholder .freephoneholder a{font-size:11px} .rightrel3 .rightcontent1 .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:18px;color:#00234f} .rightrel3 .rightcontent1 .paymonthlyholder .freephoneholder p.redtext{font-family:arial;font-size:14px;line-height:19px; color:#ff0000 !important; font-weight:bold } .rightrel3 .rightcontent1 .paymonthlyholder .freephoneholder p.str{text-decoration:line-through;font-size:13px} .rightrel3 .rightcontent1 .paymonthlyholder .viewdealbtnholder{width:110px;float:right} .rightrel3 .rightcontent1 .paymonthly1holder{overflow:hidden;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:2px} .rightrel3 .rightcontent1 .paymonthly1holder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel3 .rightcontent1 .paymonthly1holder .paymonthly h3{width:87px;float:left;margin-right:30px;margin-top:5px;font-size:14px;font-weight:bold;color:#00234f} .rightrel3 .rightcontent1 .paymonthly1holder .freephoneholder{width:114px;float:left} .rightrel3 .rightcontent1 .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px;color:#00234f} .rightrel3 .rightcontent1 .paymonthly1holder .viewdealbtnholder{width:110px;float:right} .rightrel3 .freeheadphoneholder1{float:right; width:289px;background:url(http://lin115.cpwplc.net/UAT/WORKAREA/UAT/static/images/headphone_img_1.gif) left top no-repeat;height:58px; padding:3px 0 0 0; position:relative; top:-17px; right:9px} .rightrel3 .freeheadphoneholder1 .plusfreemosterheadphone{width:271px; margin:0 auto} .rightrel3 .freeheadphoneholder1 .plusfreemosterheadphone img{ width:35px; float:left; margin-right:12px;padding:5px 0 5px 0} .rightrel3 .freeheadphoneholder1 .plusfreemosterheadphone p{float:left; width:223px; font-size:14px; color:#fff; font-weight:bold; padding:5px 0 5px 0} .rightrel3 .freeheadphoneholder1 .plusfreemosterheadphone p span.regulartext{font-size:14px; color:#fff; font-weight:normal} .rightrel3 .freeheadphoneholder1 .plusfreemosterheadphone p span.regulartextsmall{font-size:9px; color:#fff; font-weight:normal} #topfeaturesholder .rightrel4{width:536px;float:right; margin:7px 0 0 0} .rightrel4 .icondiscription_top_bg{background:url(../images/icondiscription_top_bg.png) no-repeat left top;height:10px} .rightrel4 .icondiscription_mid_bg{background:url(../images/icondiscription_mid_bg.png) repeat-y left top; overflow:hidden} .rightrel4 .icondiscription_bottom_bg{background:url(../images/icondiscription_bottom_bg.png) no-repeat left top; height:18px} .rightrel4 .rightcontent{width:350px;float:right;margin-right:10px; margin-top:10px;padding:0 5px 0 0} .rightrel4 .rightcontent .paymonthlyholder{overflow:hidden;margin:5px 0 5px 0; padding-bottom:10px;background:url(../images/dotted_border.gif) left bottom repeat-x} .rightrel4 .rightcontent .paymonthlyholder .paymonthly{width:105px;float:left;margin-right:20px} .rightrel4 .rightcontent .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} .rightrel4 .rightcontent .paymonthlyholder .freephoneholder{width:114px; float:left} .rightrel4 .rightcontent .paymonthlyholder .freephoneholder a{font-size:11px} .rightrel4 .rightcontent .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:18px;color:#00234f} .rightrel4 .rightcontent .paymonthlyholder .freephoneholder p.redtext{font-family:arial;font-size:14px;line-height:19px; color:#ff0000 !important; font-weight:bold } .rightrel4 .rightcontent .paymonthlyholder .freephoneholder p.str{text-decoration:line-through;font-size:13px} .rightrel4 .rightcontent .paymonthlyholder .viewdealbtnholder{width:110px;float:right} .rightrel4 .rightcontent .paymonthly1holder{overflow:hidden;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:2px} .rightrel4 .rightcontent .paymonthly1holder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel4 .rightcontent .paymonthly1holder .paymonthly h3{width:87px;float:left;margin-right:30px;margin-top:5px;font-size:14px;font-weight:bold;color:#00234f} .rightrel4 .rightcontent .paymonthly1holder .freephoneholder{width:114px;float:left} .rightrel4 .rightcontent .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px;color:#00234f} .rightrel4 .rightcontent .paymonthly1holder .viewdealbtnholder{width:110px;float:right} .rightrel4 .rightcontent1{width:350px;float:right;margin-right:10px; margin-top:10px;padding:0 5px 10px 0} .rightrel4 .rightcontent1 .paymonthlyholder{overflow:hidden;margin:5px 0 5px 0; padding-bottom:10px;background:url(../images/dotted_border.gif) left bottom repeat-x} .rightrel4 .rightcontent1 .paymonthlyholder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel4 .rightcontent1 .paymonthlyholder .paymonthly h3 {font-size:14px;font-weight:bold;color:#00234f} .rightrel4 .rightcontent1 .paymonthlyholder .freephoneholder{width:114px; float:left} .rightrel4 .rightcontent1 .paymonthlyholder .freephoneholder a{font-size:11px} .rightrel4 .rightcontent1 .paymonthlyholder .freephoneholder p{font-family:arial;font-size:14px;line-height:18px;color:#00234f} .rightrel4 .rightcontent1 .paymonthlyholder .freephoneholder p.redtext{font-family:arial;font-size:14px;line-height:19px; color:#ff0000 !important; font-weight:bold } .rightrel4 .rightcontent1 .paymonthlyholder .freephoneholder p.str{text-decoration:line-through;font-size:13px} .rightrel4 .rightcontent1 .paymonthlyholder .viewdealbtnholder{width:110px;float:right} .rightrel4 .rightcontent1 .paymonthly1holder{overflow:hidden;background:url(../images/dotted_border.gif) left bottom repeat-x;padding-bottom:2px} .rightrel4 .rightcontent1 .paymonthly1holder .paymonthly{width:95px;float:left;margin-right:30px} .rightrel4 .rightcontent1 .paymonthly1holder .paymonthly h3{width:87px;float:left;margin-right:30px;margin-top:5px;font-size:14px;font-weight:bold;color:#00234f} .rightrel4 .rightcontent1 .paymonthly1holder .freephoneholder{width:114px;float:left} .rightrel4 .rightcontent1 .paymonthly1holder .freephoneholder p{font-family:arial;font-size:14px;line-height:21px;color:#00234f} .rightrel4 .rightcontent1 .paymonthly1holder .viewdealbtnholder{width:110px;float:right} .rightrel4 .freeheadphoneholder1{cursor:pointer; float:right; width:289px;background:url(http://lin115.cpwplc.net/UAT/WORKAREA/UAT/static/images/headphone_img_1.gif) left top no-repeat;height:58px; padding:3px 0 0 0; position:relative; top:-17px; right:9px} .rightrel4 .freeheadphoneholder1 .plusfreemosterheadphone{width:271px; margin:0 auto} .rightrel4 .freeheadphoneholder1 .plusfreemosterheadphone img{ width:35px; float:left; margin-right:12px;padding:5px 0 5px 0} .rightrel4 .freeheadphoneholder1 .plusfreemosterheadphone p{float:left; width:223px; font-size:14px; color:#fff; font-weight:bold; padding:5px 0 5px 0} .rightrel4 .freeheadphoneholder1 .plusfreemosterheadphone p span.regulartext{font-size:14px; color:#fff; font-weight:normal} .rightrel4 .freeheadphoneholder1 .plusfreemosterheadphone p span.regulartextsmall{font-size:9px; color:#fff; font-weight:normal} #topfeaturesholder .freeheadphoneholder1{cursor:pointer; float:right; width:289px;background:url(http://lin115.cpwplc.net/UAT/WORKAREA/UAT/static/images/headphone_img_1.gif) left top no-repeat;height:58px; padding:3px 0 0 0; position:relative; top:-17px; right:9px} #topfeaturesholder .freeheadphoneholder1 .plusfreemosterheadphone{width:271px; margin:0 auto} #topfeaturesholder .freeheadphoneholder1 .plusfreemosterheadphone img{ width:35px; float:left; margin-right:12px;padding:5px 0 5px 0} #topfeaturesholder .freeheadphoneholder1 .plusfreemosterheadphone p{float:left; width:223px; font-size:14px; color:#fff; font-weight:bold; padding:5px 0 5px 0} #topfeaturesholder .freeheadphoneholder1 .plusfreemosterheadphone p span.regulartext{font-size:14px; color:#fff; font-weight:normal} #topfeaturesholder .freeheadphoneholder1 .plusfreemosterheadphone p span.regulartextsmall{font-size:9px; color:#fff; font-weight:normal} .footerNetworksTbl{background:none !important} .lFloat1{background:none !important} .rFloat1{background:none !important} .social{margin-top:10px} .overlay{width:662px;margin:20px;overflow:hidden; position:absolute; top:140px; left:200px; z-index:999999} .overlaymainPage { position:absolute; top:-52px; left:166px; z-index:999999} .overlay .topoverlaybg{width:100%;background:url(../images/top_overlay_bg.png) no-repeat left top; height:42px} .overlay .topoverlaybg div{width:545px;margin:0 auto; padding-top:37px} .overlay .topoverlaybg div a{display:inline-block;text-align:right;color:#83a3ad !important;background:url(../images/close_btn_overlay.png) no-repeat right top;padding-right:30px; height:23px; padding-top:4px; float:right} .overlay .midoverlaybg{width:100%;background:url(../images/mid_overlay_bg.png) repeat-y left top; margin-left:-1px} .overlay .midoverlaybg .gradiantbg{width:571px; margin:0 0 0 27px; background:url(../images/mid_overlay_bg_gradiant.png) repeat-x left top; height:326px; padding:10px 0 20px 20px} .overlay .midoverlaybg .overlayinnercontent{width:536px;margin:0 auto; overflow:hidden} .overlay .midoverlaybg .overlayinnercontent .overlayimagehodler{float:left; width:257px; position:absolute;top:40px} .overlay .midoverlaybg .overlayinnercontent .overlaycontentholder{width:279px;float:right; margin-top:15px} .overlay .midoverlaybg .overlayinnercontent .overlaycontentholder p{font-size:18px; font-weight:normal;color:#00234f} .overlay .midoverlaybg .overlayinnercontent .overlaycontentholder p.thirdpara{font-size:10px;font-weight:normal} .overlay .midoverlaybg .overlayinnercontent .overlaycontentholder p span{font-size:18px; font-weight:bold;color:#00234f} .overlay .midoverlaybg .overlayinnercontent .overlaycontentholder p.secondpara span{font-size:14px; font-weight:bold;color:#00234f; display:block; margin:18px 0} .overlay .bottomoverlaybg{width:100%;background:url(../images/bottom_overlay_bg.png) no-repeat left top; height:112px; margin-left:2px} .overlay .bottomoverlaybg div{font-size:10px; font-weight:normal; color:#fff; text-align:justify; width:566px; margin:0 auto; padding:7px 30px 0 10px; } p.addTobasket1 {background:url(../images/sprite_btn_3.png) no-repeat 0% 0%; display:block;float:left;height:26px;margin:15px 0 4px 0px;padding:0 0 0 3px;cursor:pointer; font-weight:normal;} p.addTobasket1 a {background:url(../images/sprite_btn_3.png) no-repeat 100% -26px; display:inline; float:left; height:26px; cursor:pointer; border:none; outline:none; padding:5px 10px 0 7px; font-size: 13px; color:#FFF; margin:0} p.addTobasket1 a:hover {text-decoration:none} .displayNone {display:none} .clearBoth {clear:both} .back_pdp { cursor: pointer; display: inline; position: relative; right: -914px; top: -32px; } .back_pdp a:hover{text-decoration: none} .back_pdp span{font-size:120%;} .topupTxt{color: #00234F;} .colorSwatch_pdp{position: absolute;top: 365px;margin-left: 20px;width: 365px;font-size: 14px;} .colorSwatch_pdp p{ color: #00234F;font-size: 14px;margin-bottom: 7px;} #sectionthree .imgWidthAdj img {width:680px !important; margin:0 0 0 -3px} .addToBasketPrepayUpgrade{ background:url(../images/add_to_basket_pdp_prepay.png) no-repeat scroll right top transparent; width:103px; height:30px; cursor:pointer; border:medium none; font-family: arial,sans-serif; /*font-size: 82%;*/ font-weight:bold; color:white; } #sectionthree .seccontent p { color: #222222 !important; font-family: arial; font-size: 12px; line-height: 17px; margin-bottom: 12px; } .addToBasketDefault{ background:url(../images/add_to_basket_pdp.png) no-repeat scroll right top transparent; width:103px; height:30px; cursor:pointer; border:medium none; } /******************************************************** ADDITIONAL iPHONE SPECIFIC OVERVIEW STYLES FEB 2013 *********************************************************/ .ip5Content { text-align: left; } .ip5HeroSctn { padding: 0px 50px 0px; background: url('http://media.phonehouse.com/cpw-sales/static/images/iphone/iphone5c/1.png') no-repeat 50% 0; height:730px; } .ip5HeroSctn H2 { margin: 0 auto 25px; } .ip5Sctn { text-align: left; background-repeat: no-repeat; } .ip5Sctn P { color: #000; font-size: 18px; line-height: 1.5em; margin: 0 auto 10px; text-align:center; } #ip5JdPower { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/iphone5c/2.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5RetinaDisplay { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/iphone5c/3.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5Wireless { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/iphone5c/4.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5Camera { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/iphone5c/5.png") no-repeat 50% 0; padding: 145px 125px 300px; } .ip5CamerasImg { margin-top: 30px; } #ip5Battery { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/iphone5c/6.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5Chip { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/iphone5c/7.png") no-repeat 50% 0; padding: 145px 125px 300px; } .ip5TermsLst { color: #666666; font-size: 10px; list-style: none outside none; margin: 10px; padding: 0; text-align: left; } .ip5TermsLst LI { margin: 0; padding: 1px 0; } .ip5Container SUP { font-size: 10px !important; } .whybuy_ttl { color: #003060; display: block; font-family: arial narrow,helvetica,sans-serif; font-size: 18pt; font-weight: bold; padding-bottom: 40px; padding-top: 20px; text-align: left; } .whybuy_tbl { margin-bottom: 40px; } .whybuy_tbl TH { text-align: center; } .whybuy_copy { color: #003060; display: block; font-family: arial,helvetica,sans-serif; font-size: 12pt; font-weight: normal; padding: 25px 25px 5px; text-align: center; } .whybuy_link { color: #3399CC; display: block; font-family: arial,helvetica,sans-serif; font-size: 11pt; font-weight: normal; padding-top: 10px; text-align: center; text-decoration: none; } .whybuy_link:hover { color: #3399CC; display: block; font-family: arial,helvetica,sans-serif; font-size: 11pt; font-weight: normal; padding-top: 10px; text-align: center; text-decoration: underline; } .ip5sContent { text-align: left; } .ip5sHeroSctn { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/1.png") no-repeat 50% 100%; padding: 107px 50px 410px; } .ip5sHeroSctn H2 { margin: 0 auto 25px; } .ip5sSctn { background-repeat: no-repeat; text-align: left; } .ip5sSctn H2 { color: #000000; font-size: 30px; font-weight: normal; margin: 0 auto 15px; } .ip5sSctn P { color: #000000; font-size: 18px; line-height: 1.5em; margin: 0 auto 10px; text-align: center; } #ip5sthinking { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/2.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5Touch { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/3.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5sA7chip { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/4.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5sisight { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/5.png") no-repeat 50% 0; padding: 145px 125px 300px; } .ip5sisightsImg { margin-top: 30px; } #ip5sWireless { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/6.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5sIos { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/7.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5siCloud { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/8.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5iOs { background: url("http://media.phonehouse.com/cpw-sales/static/images/iphone/9.png") no-repeat 50% 0; padding: 145px 125px 300px; } #ip5sCase p { font-size: 14px; text-align: left; } .ip5TermsLst { color: #666666; font-size: 10px; list-style: none outside none; margin: 10px; padding: 0; text-align: left; } .ip5TermsLst LI { margin: 0; padding: 1px 0; } .ip5sContainer SUP { font-size: 10px !important; } .whybuy_tbl IMG { max-width: 100% !important; } .whybuy_tbl TH, .whybuy_tbl TD { padding: 0 10px; width: 300px !important; } /* Samsung Galaxy S6 */ .galaxy_s6_highlights { list-style-type:none; width: 600px; margin-left: 250px; } .galaxy_s6_highlights li { list-style-type: none; display: inline-block; font-size: 11pt; width: 165px; margin-top: 20px; vertical-align: top; } .galaxy_s6_highlights li img { padding-bottom:10px; } .galaxy_s6_highlights span { text-align:center; } #s6OvDesign { padding:40px 88px 518px 88px; background: url('http://media.phonehouse.com/cpw-sales/static/dm/samsung_static_2015/images/next-is-stunning-design-ds.jpg') #f7fcff no-repeat 34% 100%; margin-top: -457px; position: relative; top: -69px;} #s6OvScreen { padding:0 80px 0 80px;background:#fff 100% 100%; position: relative; top: -25px;} #s6OvCam { padding:55px 55px 40px 80px;background:url('http://media.phonehouse.com/cpw-sales/static/dm/samsung_static_2015/images/next-is-better-camera.jpg') #fff no-repeat 0 50%; } #s6OvCam P { width:380px; margin-left:0; } #s6OvCharging { padding:30px 80px 308px 80px; background: url('http://media.phonehouse.com/cpw-sales/static/dm/samsung_static_2015/images/rvr_s6_powerful.jpg') #fff no-repeat 100% 100%; } #s6OvPerform { padding:0 80px 483px 80px; background:url('http://media.phonehouse.com/cpw-sales/static/dm/samsung_static_2015/images/rvr_s6_powerful_range_ds.jpg') #f7f7f7 no-repeat 107% 202%; } #s6OvLearnmore { padding: 40px 80px 10px 80px; background: #fff; } #s6OvDesign, #s6OvScreen, #s6OvCam, #s6OvCharging, #s6OvPerform, #s6OvLearnmore { margin-left:-80px; width:800px; } .s6OvIntroAction { margin-left: -242px; } .s6OvIntroAction p { padding-left: 250px; width: 900px!important; } .ip6OvBuyBtn { margin: 30px auto 0 0; width: 120px; } #s6Ovs6edge .ip6OvBuyBtn { margin: 30px auto 0 0; width: 120px; } #s6Ovs6edge, #s6Ovs5,#s6OvAccessory { padding: 10px 5px; width: 700px; }