#compareFooterHolder {position:fixed; bottom:0; left:0; background:url(../images/compare_footer/comp_footer_bg.png) 0% 0 repeat-x; height:65px; width:100%; overflow:hidden;z-index:1000;} #compareFooterHolder #compareInnerHolder {width:1000px; margin:0 auto} #compareFooterHolder #compareInnerHolder h3.compDeal {width:219px; float:left; font-family: Arial, Sans-Serif; font-size:18px; color:#FFF; padding:23px 0 0 0; font-weight:normal} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper {} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN {width:182px; height:57px; float:left; margin:8px 10px 0 0} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .middleCornerN {width:172px; background:#FFF; border:1px solid #829ea5; border-width:1px 0 0 0; height:57px; float:left} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .middleCornerN .leftimgN{width:22px; height:50px; float:left; margin-left: 5px;margin-top: 3px;} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .middleCornerN .righttextN{width:130px; height:50px; float:left; margin-left:6px;margin-top: 3px;} InnerHolder .bottomIllusWrapper .bottomIllus {width:165px; height:57px; float:left; margin:8px 5px 0 0} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .leftCorner {background:url(../images/compare_footer/footer_comp_r_left.png) no-repeat; width:5px; float:left; height:57px} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .middleCornerN .leftimg{width:22px; height:50px; float:left; margin-left: 5px;margin-top: 3px;} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .middleCornerN .righttextN p{margin-top: -16px; font-size:13px; position:relative; z-index:999; color:#6C6C6C} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .middleCornerN .righttextN .viewdeal {position:relative; display: block; font-size: 9px; height:16px; margin-left: 90px; margin-top: -18px; position: relative; } #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .middleCornerN .righttextN .viewdeal a {background:url(../images/compare_footer/view_details_campare_phone.png) no-repeat;color: #FFFFFF; width:48px; height:16px; display:block; padding-top: 2px; padding-left: 3px; } #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .rightCornerN {background:url(../images/compare_footer/footer_comp_r_right.png) no-repeat; width:5px; float:right; height:57px} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .middleCornerN .righttextN .viewdealN {position:relative; display: block; font-size: 9px; height:16px; margin-left: 90px; margin-top: -16px; position: relative; } #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllusN .middleCornerN .righttextN .viewdealN a {background:url(../images/compare_footer/view_details_campare_phone.png) no-repeat;color: #FFFFFF; width:48px; height:16px; display:block; padding-top: 2px; padding-left: 3px; } #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .addAnotherDealN {background:url(../images/compare_footer/add_another_bg.png) no-repeat; width:183px; height:56px; float:left; margin:8px 10px 0 0;padding-top: 20px;} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .addAnotherDealN a{font-family: Arial, Sans-Serif; color:#5b757b; text-decoration:underline;padding-left:30px;font-size:14px} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllus {height:57px; float:left; margin:8px 5px 0 0} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllus .leftCorner {background:url(../images/compare_footer/footer_comp_r_left.png) no-repeat; width:5px; float:left; height:57px} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllus .middleCorner { background:#FFF; border:1px solid #829ea5; border-width:1px 0 0 0; height:57px; float:left;position:relative;width:155px;} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllus .middleCorner .leftimg{width:22px; height:50px; float:left; margin-left: 5px;margin-top: 3px;} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllus .middleCorner .righttext{width:120px; float:left; margin-left: 10px;margin-top: 3px;} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllus .middleCorner .righttext p{color: #6C6C6C; font-size: 11px; margin-top: -14px; position: relative; width: 111px !important; z-index: 999} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllus .middleCorner .righttext .viewdealN {position:absolute; display: block; font-size: 9px; height:16px; margin-left: 90px; margin-top: -10px; position: relative; } #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllus .middleCorner .righttext .viewdealN a {background:url(../images/compare_footer/view_details_campare_phone.png) no-repeat;color: #FFFFFF; width:48px; height:16px; display:block; padding-top: 2px; padding-left: 3px;position:absolute;margin-left:-25px;margin-top:3px; } #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .bottomIllus .rightCorner {background:url(../images/compare_footer/footer_comp_r_right.png) no-repeat; width:5px; float:left; height:57px} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .addAnotherDeal {background:url(../images/compare_footer/add_another_new.png) no-repeat; width:162px; height:56px; float:left; margin:8px 5px 0 3px;padding-top: 15px;text-align:center} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .addAnotherDeal a{font-family: Arial, Sans-Serif; color:#5b757b; text-decoration:none;padding-left:20px;font-size:14px} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .addAnotherDeal a:hover{text-decoration:underline} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .closedeal {float: right;height: 24px;margin-right: -10px; margin-top: -7px; position: relative; width: 23px;} #compareFooterHolder #compareInnerHolder .bottomIllusWrapper .closedeal a{background: url("../images/compare_footer/tariff_topTab_close_icon.png") 0% 0 no-repeat; height:24px;width:23px; display: block } #compareFooterHolder h3.viewdeal-cf{font-size: 14px; padding:28px 0 0 0;font-weight: normal;} #compareFooterHolder h3.viewdeal-cf a{color: #FFFFFF;padding-left: 3px;position: absolute;text-decoration: underline;} .defaultCheckBox{width:150px;} /*TB-3056 Start*/ .borderclass{outline: 1px dotted #252525 !important; float:inherit} .borderRemove{outline: none} /*a.resetAll:focus {outline:1px dotted #252525 !important} a.greenStrip:focus {outline:1px dotted #252525 !important} a.prevLink:focus {outline:1px dotted #252525 !important} a.nextLink:focus {outline:1px dotted #252525 !important}*/ /*TB-3056 End*/ .leftRailModuleMiddle #networkHolder li .defaultCheckBox, .leftRailModuleMiddle #operatingSystemHolder li .defaultCheckBox {width:auto !important} #mainWrapper #mainContent #leftRail .colourHolder .categoryPannel li .defaultCheckBox {width:auto !important; float:left} .defaultCheckBoxtariff{margin-top:12px;width:92px !important;} .defaultCheckBoxTd{width:18px;} .defaultCheckBoxTdLabel{width:120px;} .ez-hide { opacity: 0; filter:alpha(opacity=0)} .ez-checkbox {background:url('../images/compare_footer/checkbox_styles.png') 0 1px no-repeat; display:inline-block; width:20px; height:18px; padding:0; float:left; position:relative; top:0} .ez-radio {background: transparent url('../images/compare_footer/radio-black.png') 0 1px no-repeat; display:inline-block} .ez-checked, .ez-checked:hover {background-position: 0 -19px !important; outline:0; border:0; position:relative; top:-2px} .ez-selected {background-position: 0 -19px} /* removed as causing issue .ez-checkbox:hover {background-position: 0 -38px} */ .ez-checkbox input[type="checkbox"]{display:inline-block; width:12px; height:12px; outline:0; border:0; margin-left:1px; margin-top:2px; padding:0 !important} .ez-checked input[type="checkbox"] {display:inline-block; width:13px; height:15px; outline:0; border:0; margin-left:1px; margin-top:2px; padding:0 !important} #networkHolder .defaultCheckBox .ez-checkbox input[type="checkbox"] {width:12px; height:13px; left:-1px; top:-1px; position:relative} #networkHolder .defaultCheckBox .ez-checked input[type="checkbox"] {width:11px; height:16px; left:-2px; top:-1px; position:relative} #operatingSystemHolder .defaultCheckBox .ez-checkbox input[type="checkbox"] {width:12px; height:13px; left:-1px; top:-1px; position:relative} #operatingSystemHolder .defaultCheckBox .ez-checked input[type="checkbox"] {width:11px; height:16px; left:-2px; top:-1px; position:relative} #networkHeader .defaultCheckBox .ez-checkbox input[type="checkbox"] {width:12px; height:13px; left:-1px; top:-1px; position:relative} #networkHeader .defaultCheckBox .ez-checked input[type="checkbox"] {width:11px; height:16px; left:-2px; top:-1px; position:relative} .ez-checkbox-green {background: transparent url('../images/compare_footer/checkbox_styles.png') 2px 0px no-repeat; display:inline-block; *display: inline} .ez-checked-green { background-position: 0 -19px} .ez-checkbox, .ez-radio {zoom: 1; *display:inline;_height:30px} #phoneViewTooltip{height: 105px; margin-left:-78px; margin-top:-90px; position: absolute; width: 162px; float:left} #phoneViewTooltip .phoneViewTooltipHeader{background : url("../images/compare_footer/tooltip_header.png") no-repeat left top; width: 162px; height: 7px;background-size: 100% auto; float:left} #phoneViewTooltip .phoneViewTooltipbg{background : url("../images/compare_footer/tooltip_bg.png") repeat-y left top; width: 162px; padding-top: 1px;background-size: 100% auto; float:left} #phoneViewTooltip .phoneViewTooltipbg span{font-family: Arial, Sans-Serif; font-size:14px; margin:0px; padding-left: 15PX; font-size: 16px; font-weight: bold} #phoneViewTooltip .phoneViewTooltipbg p{font-size:13px; margin: 0px 5px; padding: 0px; width: 152px; overflow:hidden; color:#000000; text-align:center;} #phoneViewTooltip .phoneViewTooltipfooter{background : url("../images/compare_footer/tooltip_footer.png") no-repeat; width: 264px; height: 9px; float: left} #phoneViewTooltip .phoneTooltiparrowFooter{background : url("../images/compare_footer/tooltip_arrowFooter.png") no-repeat; width: 162px; height: 25px; float: left;background-size: 100% auto; float:left; padding-bottom:10px} .footer_deletIcon {vertical-align:middle} #phoneViewTooltip .phoneViewTooltipHeaderArrow{ background: url("../images/compare_footer/tooltip_arrow.png") no-repeat scroll 0 0 transparent; height: 14px;margin-left: 124px;margin-top:82px;position: fixed;width:17px} #colourViewTooltip{height: 105px; margin-left:-134px; margin-top:-74px; position: absolute; width: 264px;height:0px;} #colourViewTooltip .phoneViewTooltipHeader{background : url("../images/compare_footer/tooltip_header.png") no-repeat left top; width: 264px; height: 7px;background-size: 100% auto;} #colourViewTooltip .phoneViewTooltipbg{background : url("../images/compare_footer/tooltip_bg.png") repeat-y left top; width: 264px; padding-top: 1px;background-size: 100% auto;} #colourViewTooltip .phoneViewTooltipbg span{font-family: Arial, Sans-Serif; font-size:14px; margin:0px; padding-left: 15PX; font-size: 16px; font-weight: bold} #colourViewTooltip .phoneViewTooltipbg p{font-size:13px; margin: 0px 6px; padding: 0px; width: 250px; overflow:hidden; color:#000000; text-align:center;} #colourViewTooltip .phoneViewTooltipfooter{background : url("../images/compare_footer/tooltip_footer.png") no-repeat; width: 264px; height: 9px; float: left} #colourViewTooltip .phoneTooltiparrowFooter{background : url("../images/compare_footer/tooltip_arrowFooter.png") no-repeat; width: 264px; height: 33px; float: left;background-size: 100% auto;} #colourViewTooltipDealFinder {height: 105px; margin-left:-118px; margin-top:-63px; position: absolute; width: 264px;height:0px;} #colourViewTooltipDealFinder .phoneViewTooltipHeader{background : url("../images/compare_footer/tooltip_header_deal.png") no-repeat left top; width: 264px; height: 7px;background-size: 100% auto;} #colourViewTooltipDealFinder .phoneViewTooltipbg{background : url("../images/compare_footer/tooltip_bg_deal.png") repeat-y left top; width: 264px; padding-top: 1px;background-size: 100% auto;} #colourViewTooltipDealFinder .phoneViewTooltipbg span{font-family: Arial, Sans-Serif; font-size:14px; margin:0px; padding-left: 15PX; font-size: 16px; font-weight: bold} #colourViewTooltipDealFinder .phoneViewTooltipbg p{font-size:13px; margin: 0px 6px; padding: 0px; width: 250px; overflow:hidden; color:#000000; text-align:center;} #colourViewTooltipDealFinder .phoneViewTooltipfooter{background : url("../images/compare_footer/tooltip_footer.png") no-repeat; width: 264px; height: 9px; float: left} #colourViewTooltipDealFinder .phoneTooltiparrowFooter{background : url("../images/compare_footer/tooltip_arrowFooter_deal.png") no-repeat; width: 264px; height: 33px; float: left;background-size: 100% auto;} .footer_deletIcon {vertical-align:middle} #colourViewTooltip .phoneViewTooltipHeaderArrow{ background: url("../images/compare_footer/tooltip_arrow.png") no-repeat scroll 0 0 transparent; height: 14px;margin-left: 124px;margin-top:82px;position: fixed;width:17px} #phoneViewTooltipTariff{height: 105px; margin-left:-85px; margin-top:-86px; position: absolute; width: 182px} #phoneViewTooltipTariff .phoneViewTooltipHeader{background : url("../images/compare_footer/tooltip_header_tariff.png") no-repeat left top; width: 182px; height: 6px;background-size: 100% auto;} #phoneViewTooltipTariff .phoneViewTooltipbg{background : url("../images/compare_footer/tooltip_bg_tariff.png") repeat-y left top; width: 182px; padding-top: 1px;background-size: 100% auto;} #phoneViewTooltipTariff .phoneViewTooltipbg span{font-family: Arial, Sans-Serif; font-size:14px; margin:0px; padding-left: 15PX; font-size: 16px; font-weight: bold} #phoneViewTooltipTariff .phoneViewTooltipbg p{font-size:13px; margin: 0px 1px; padding: 0px; width: 182px; overflow:hidden; color:#000000; text-align:center;} #phoneViewTooltipTariff .phoneViewTooltipfooter{background : url("../images/compare_footer/tooltip_footer.png") no-repeat; width: 284px; height: 9px; float: left} #phoneViewTooltipTariff .phoneTooltiparrowFooter{background : url("../images/compare_footer/tooltip_arrowFooter_tariff.png") no-repeat; width: 182px; height: 25px; float: left;background-size: 100% auto;} .footer_deletIcon {vertical-align:middle} #phoneViewTooltipTariff .phoneViewTooltipHeaderArrow{ background: url("../images/compare_footer/tooltip_arrow.png") no-repeat scroll 0 0 transparent; height: 14px;margin-left: 124px;margin-top:82px;position: fixed;width:17px} /**************************************************************************************** STYLES FOR VIEW BUTTONS *****************************************************************************************/ /*.viewDealBtn-cf { background: url("../images/compare_footer/sprite_btn_2.png") no-repeat scroll left -154px transparent; height:30px; } .viewallBtn-cf {margin-left: 20px} .viewdealcomparison-cf {height:57px; float:left;} .viewdealbtn-cf {height:57px; float:left;padding-left: 15px;padding-top: 19px;width: 110px} .viewDealBtnMargin-cf {margin-right:0} .viewdealbtn-cf h4{font-size:13px;color:#ffffff;padding:8px 8px 0 8px ;text-align:center; } .viewdealbtn-cf h4 a,.viewdealbtn-cf h4 a:hover{color:#ffffff !important;text-decoration:none; } .footerPaddingBottom-cf{padding-bottom:50px} .viewComparisonLink-cf{width:140px; heigh:20px; float:left;}*/ /*Start Compare footer changes on phone finder page*/ .bottomIllusWrapper .viewFullDetailsBtn-cf, .bottomIllusWrapper .viewDealBtn-cf {background:url(../images/compare_footer/sprite_btn_2.png) no-repeat left top;display:block;float:left;height:31px;margin-right:15px;padding:0 0 0 3px;cursor:pointer; position:relative !important; left:0!important; top:0!important} .bottomIllusWrapper .viewFullDetailsBtn-cf a, .bottomIllusWrapper .viewDealBtn-cf a {background:url(../images/compare_footer/sprite_btn_2.png) 100% -31px no-repeat; display:inline;float:left;height:24px;cursor:pointer;color:#FFF;border:none;padding:8px 10px 0 7px} .bottomIllusWrapper .viewFullDetailsBtn-cf a, .bottomIllusWrapper .viewDealBtn-cf a:hover{outline:#000 dotted thin!important;} .bottomIllusWrapper .viewFullDetailsBtn-cf a, .bottomIllusWrapper .viewDealBtn-cf a:focus{outline:#000 dotted thin!important;} .bottomIllusWrapper .viewDealBtn-cf {background:url(../images/compare_footer/sprite_btn_2.png) 0% -154px no-repeat} .bottomIllusWrapper .viewDealBtn-cf a {background:url(../images/compare_footer/sprite_btn_2.png) 100% -154px no-repeat; text-decoration:none; color:#FFF} .bottomIllusWrapper .viewFullDetailsBtn-cf a:hover, .viewDealBtn-cf a:hover {text-decoration: none} .bottomIllusWrapper .viewallBtn-cf {margin-left: 20px} .bottomIllusWrapper .viewdealcomparison-cf {height:74px; float:left;background:url(../images/compare_footer/viewphoneComparisionArrow.png) right center no-repeat;color: #FFFFFF;float: left;font-size: 14px;font-style:none;padding: 0 127px 0 0px} /*.bottomIllusWrapper .viewdealbtn {height:57px; float:right}*/ .bottomIllusWrapper .viewDealBtnMargin-cf {margin-right:0} .bottomIllusWrapper .viewdealbtn-cf h4{font-size:13px} .bottomIllusWrapper .viewdealcomparison-cf.noArrowBgForButton-cf {background:none; margin-top:22px; padding-right:0} .bottomIllusWrapper .viewdealcomparison-cf.noArrowBgForButton-cf .viewDealBtn-cf {font-weight:normal; margin-right:0} .bottomIllusWrapper .viewdealcomparison-cf.needMarginFromLeft-cf {margin-left:13px; text-decoration:none} .bottomIllusWrapper .viewdealcomparison-cf.needMarginFromLeft-cf h3.viewdeal-cf a:hover {text-decoration:none!important} #compareFooterHolder h3.viewdeal-cf{font-size: 14px; padding:28px 0 0 0;font-weight: normal;} #compareFooterHolder h3.viewdeal-cf a{color:#fff;margin-left:5px; border-bottom:1px solid #FFF;padding-bottom:2px;text-decoration: none;padding-left:0px} #compareFooterHolder h3.viewdeal-cf a:hover{border-bottom: none} .bottomIllusWrapper .viewdealcomparison-cf.noArrowBgForButton-cf h4.viewdealbtn-cf a#viewDeal, .bottomIllusWrapper .viewdealcomparison-cf.noArrowBgForButton-cf h4.viewDealbtn-cf a#viewDeal {/*color:#FFF!important;*/ text-decoration:none !important} .bottomIllusWrapper h4.viewdealbtn-cf {text-decoration:none!important} .viewDealBtn-cf a {text-decoration:none!important} /*End Compare footer changes on phone finder page*/ /*Added - border css for add to another phone link*/ .addAnotherDealLink {text-decoration:none!important; border-bottom:1px solid #81959B!important; padding-bottom:3px!important;padding-left:0!important;} .addAnotherDealLink:hover {border-bottom: none!important} .leftImageCompare{margin-left: 1px !important;}