html { padding:0px; margin:0px; }
body { padding:0px; margin:0px; font-size:12pt; font-family:Arial, Helvetical, sans-serif !important; }
h1 {font-size:40px; color:#333134; padding:0px; margin:0px;}
h2 {font-size:30px; color:#333134; padding:0px; margin:0px;}
h3 {font-size:25px; color:#333134; padding:0px; margin:0px;}
h4 {font-size:20px; color:#333134; padding:0px; margin:0px;}
h5 {font-size:13px; color:#333134; padding:0px; margin:0px;}
.h3Style {font-size:16px; font-weight:900; }
#tariffHeader, #itemDescHeader {font-size:14px; font-weight:900; padding-top:2px; }
.blueText, a {color: #317fc2;}
.redText {color: #f90000;}
.boldText {font-weight:900;}
.floatLeft { float:left;}
.floatRight { float:right;}
.smallText {font-size:0.8em;}
.borderSplit { border-top:1px solid #a9be8b !important; padding-top:20px; margin-top:10px;}
a {}
a img { border: none; }
.clearBoth { clear: both; }
.clear { clear: both; padding:0px; margin:0px; line-height:0px; font-size:0px; }
a.noneLink {color:#363636; text-decoration:none;}
a.noneLink:hover {color:#317fc2; text-decoration:underline;}
.clear { clear: both; font-size:0px; padding:0px; margin:0px; line-height:0px; }
.clear hr {display:none;}
div.hr { padding:0px; margin:0px; }
div.hr hr { display:none; }
#innerLeftNav div.hr, #innerRightNav div.hr { padding:0px; margin:0px; height:1px; border-bottom:1px solid #cce4aa; }
#innerLeftNav div.hr hr, #innerRightNav div.hr hr { display:none; }
.greyRule {border:1px solid d5d5d5; margin:20px 0px}
a.blue { color: #317fc2; }
a.noLine { text-decoration: none; }
a.noLine:hover { text-decoration: underline; }
#pageOuterWrapper {}
#pageInnerWrapper { width:980px; padding:0px; position:relative; margin:0px auto;}
table.bordered {border-left:3px solid #73c530; padding:0px; margin:0px; background-color:#ffffff; width:100%;}
table.bordered tr {border:1px solid #ffc;}
table.bordered tr th {background-color:#73c530; color:#fff; text-align:left;}
table.whiteBg {background-color:#fff;}
table.lined {margin:15px 0px 20px 0px; padding:0px; border:0px; width:100%;}
table.lined tr {}
table.lined td.left {border-bottom:1px solid #92a37d; font-weight:900; width:200px; border-right:1px solid #92a37d;}
table.lined td.right {border-bottom:1px solid #92a37d; }
table.lined2 {margin:15px 0px 20px 0px; padding:0px; border:0px; width:100%;}
table.lined2 tr {}
table.lined2 td.left {border-bottom:1px solid #92a37d; font-weight:900; border-right:1px solid #92a37d;}
table.lined2 td.right {border-bottom:1px solid #92a37d; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
(1) Content Area
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#popupPage { color:#363636; font-size:0.8em;}
#outerContentWrapper {margin:0; padding:160px 0 0 0;}
#innerContentWrapper { color:#363636; padding-top:10px; background-color: #cce4aa; background-image: url(../2020images/client/mainPageBackground-clouds.gif); background-position: 50% -160px; background-repeat: repeat-x; }
/* - - - - - - - - - 1a) Left Nav Area - - - - - - - - - */
#outerLeftNav { float:left; width:180px; padding:0px; margin:0px;}
#innerLeftNav { padding:0px 0px 0px 0px; margin:0px; }
#innerLeftNav h3 {font-size:20px; padding:10px 7px 0px 10px; margin:0px;}
#logo {background: url(../2020images/framework/asdaMobile-logo.png) 10px 10px no-repeat; width:160px; height:102px; padding-bottom:10px}
/*#innerLeftNav .categoryNav {background: #73c530 url(../2020images/framework/asdaMobile-logo.png) 10px 10px no-repeat;}
#innerLeftNav .categoryNav {padding-top:60px;}*/
body.homePage div.categoryNav li.homeLink a,
body.paygPage div.categoryNav li.paygLink, body.simPage div.categoryNav li.simLink a, body.handsetPage div.categoryNav li.handsetLink a, body.accessoryPage div.categoryNav li.accessoryLink a,
body.networkPage div.categoryNav li.networkLink, body.coveragePage div.categoryNav li.coverageLink a,body.tariffGPage div.categoryNav li.tariffGLink a, body.tariffPage div.categoryNav li.tariffLink a, body.aboutAsdaPage div.categoryNav li.aboutAsdaLink a, body.termsPage div.categoryNav li.termsLink a, body.privacyPage div.categoryNav li.privacyLink a,
body.helpPage div.categoryNav li.helpLink, body.toppingUpPage div.categoryNav li.toppingUpLink a, body.settingUpPage div.categoryNav li.settingUpLink a, body.faqPage div.categoryNav li.faqLink a, body.keepNumberPage div.categoryNav li.keepNumberLink a, body.faqsPage div.categoryNav li.faqsLink a, body.goingAbroadPage div.categoryNav li.goingAbroadLink a, body.contactUsPage div.categoryNav li.contactUsLink a, body.webTermsPage div.categoryNav li.webTermsLink a {color:#333134 !important; background-position:-9px -80px;}
.twoColNav .yourASDA, .twoColNav .directBanner {display:none;}
.leftNavBanner { margin:0px 10px 15px 10px;}
#gb_white_left .searchBtn {position:relative; top:7px;}
/* email when in stock */
.noteText {color:#000 !important;}
div a.btnHandset { float:right; }
#sim_form div div.formButton {float:right;}
#sim_form div .completeText {float:left;}
#sim_form {width:560px;}
/* - - - - - - - - - 1b) Centre Area - - - - - - - - - */
#outerCentreArea { float:left; width:619px; padding:0px 0px 10px 0px !important; margin:0px;}
#innerCentreArea { font-size:0.8em; padding:0px; }
#innerCentreArea ul {margin:10px 0px 10px 5px; padding:0px;}
#innerCentreArea ul li {margin:0px 0px 0px 10px; padding:0px;}
div.whiteBox {background:#fff; padding:10px 10px 10px 10px; margin-bottom:10px; border:1px solid #73c530; }
div.thickerTop { border-top:3px solid #73c530 !important; }
div.whiteBox p {margin-top:0px; padding-top:0px;}
div.thickTop { border-top:3px solid #73c530 !important; border-bottom:0px solid #ffffff !important; border-left:0px solid #ffffff !important; border-right:0px solid #ffffff !important;}
p.crumbs { font-size:0.9em; padding:5px 0px; margin:0px; }
p.crumbs a {text-decoration:none; color:#000; }
p.crumbs a.last { font-weight:900; }
p.crumbs a:hover {text-decoration:underline;}
#innerCentreArea .whiteBox div.hr {border-bottom:1px solid #CCE4AA;}
h3.tabbedHeader2, h3.tabbedHeader {font-size:15px;}
h3.tabbedHeader, h3.tabbedHeader2 a.active { color:#000; text-decoration:none; background-color:#ffffff; border-left:1px solid #73c530; border-right:1px solid #73c530; border-top:3px solid #73c530; position:relative; top:-2px; padding:7px 10px 5px 10px; margin:0px; display:inline; }
/* .inactive */
h3.tabbedHeader2 a { color:#fff; text-decoration:none; background-color:#73C530; border-left:1px solid #73c530; border-right:1px solid #73c530; border-top:1px solid #73c530; position:relative; padding:4px 7px; top:-6px; margin:0px; display:inline; }
h3.tabbedHeader2 {float:left; margin-right:10px;}
#breadCrumbs {padding-bottom:20px; padding-top:5px;}
#breadCrumbs ul { padding:0px 0px 0px 0px; margin:0px; list-style:none; }
#breadCrumbs ul li { padding:0px; margin:0px; display:inline; }
#breadCrumbs ul li a { color:#363636; text-decoration:none; }
#breadCrumbs ul li.last a { color:#363636; font-weight:900; }
#welcomeBannerButtons {margin:0px !important; padding:0px !important; width:619px; height:47px; list-style:none; display:inline;}
#welcomeBannerButtons li {margin:0px !important; padding:0px !important; list-style:none; display:block; display:inline; float:left;}
#welcomeBannerButtons li a {height:47px; display:block; position:relative; float:left;}
#welcomeBannerButtons li.chooseHandset, #welcomeBannerButtons li.chooseHandset a { width:211px; cursor:pointer; }
#welcomeBannerButtons li.simPack, #welcomeBannerButtons li.simPack a { width:183px; cursor:pointer; }
#welcomeBannerButtons li.asdaMobile, #welcomeBannerButtons li.asdaMobile a { width:225px; cursor:pointer; }
#welcomeBannerButtons li a span { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;}
#welcomeBannerButtons li.chooseHandset a span {background: url(../2020images/buttons/button-choose_handset.gif) top left no-repeat;}
#welcomeBannerButtons li.simPack a span {background: url(../2020images/buttons/button-buy_sim_pack.gif) top left no-repeat;}
#welcomeBannerButtons li.asdaMobile a span {background: url(../2020images/buttons/button-asda_mobile.gif) top left no-repeat;}
.mainSplitLeft { width:300px; float:left;}
.mainSplitRight { width:310px; float:right;}
.checkNetworkCoverage { background: #ffffff url(../2020images/client/coverage-map.gif) 100% 50% no-repeat !important; border-left:none !important; border-right:none !important; border-bottom:none !important;}
.checkNetworkCoverage p { font-size:12px; color:#363635; width:180px; line-height:19px;}
.helpSupportWrapper h3 { font-size:1.8em; padding-bottom:7px;}
.listWithLines {padding: 0px 0px 0px 10px;}
.listWithLines ul { padding:0px !important; margin:0px !important; border-top:1px solid #92a37d; list-style:none;}
.listWithLines ul li { padding:0px !important; margin:0px !important; border-bottom:1px solid #92a37d; }
.listWithLines ul li.blueBullets {background: url(../2020images/client/bullet-blue.gif) 0% 50% no-repeat; font-size:0.8em; }
.listWithLines ul li a { color:#363635; font-size:14px; font-weight:500; text-decoration:none; padding:5px 0px; margin-left:15px; display:block;}
.listWithLines ul li.blueBullets a { font-size:1.2em; }
.listWithLines ul li a:hover { text-decoration:underline;}
span.boldText {font-weight:900;}
.searchArea {padding-top:20px;}
.bottomPagingWrapper div.pagingWrapper {width:50%; float:left;}
div.topTop {float:right;}
.searchItem {}
.searchItem .productImage {float:left; padding:10px 0px 0px 0px; width:130px; text-align:center;}
.searchItem .searchContent {float:left; width:320px;}
.searchItem .searchContent h4 { font-size:14px; }
.searchItem .prodPrice {font-size:20px; font-weight:900; height:50px;}
.searchItem .priceNButtons {float:right; width:120px;}
.searchItem .moreInfo, .searchItem .buyBtn { display:block; width:100px; padding-top:7px;}
#fancy_title table {background-color:#73C530; width:100%; text-align:center; }
.pagingArea {padding-top:10px; clear:both;}
div.refineResults {clear:both;}
/*div.refineResults div.searchArea {float:left; padding-right:10px;}
div.refineResults div.searchArea .selectEnd { display:block; height:25px; width:5px; float:left; background: url(../2020images/client/select_div_background.gif) 0% 50% no-repeat; }
div.refineResults div.searchArea span.selectBackground { background:url(../2020images/client/select_drop_background.gif) 100% 50% no-repeat; height:25px; display:block; float:left;}
div.refineResults div.searchArea span.selectBackground input {border:none !important; background:transparent !important;}
div.refineResults div.viewBy span.selectBackground {width:200px;}
div.refineResults div.bestFor span.selectBackground {width:200px;}
div.refineResults div.byBrand span.selectBackground {width:200px;}
div.refineResults div.button {padding:0px; position:relative; top:38px;}
div.refineResults div.hr {clear:both; padding-top:10px; margin-bottom:10px;}
.selectbox-wrapper ul {background-color:#ffffff;}
.selectbox-wrapper ul li {}
*/
.searchArea1, .searchArea2 {float:left; padding-bottom:7px; position:relative;}
.searchArea1 { padding-left:7px; margin-right:10px; background:url('../2020images/client/select_div_background.gif') 0% 21
px no-repeat;}
.searchArea2 {padding-top:15px;}
div.selectbox-wrapper {position:absolute !important;}
div.selectbox-wrapper ul {background:#ffffff; position:relative; z-index:40;}
div.refineResults div.pagingWrapper { width:430px; float:left;}
div.pagingWrapper ul { padding:0px; margin:0px; list-style:none; display:inline; }
div.pagingWrapper ul li { padding:3px; margin:0px; display:inline; float:left; color:#363636; }
div.pagingWrapper ul li a {font-weight:900; color:#2e93cf; text-decoration:none;}
div.pagingWrapper ul li.numberLinks { padding:0px; display:inline; top:-2px;}
div.pagingWrapper ul li.numberLinks .pageNumbers { position:relative; z-index:10;}
div.pagingWrapper ul li.numberLinks .pageNumbers a { display:block; float:left; padding:1px 3px; margin:0px 3px 0px 0px; text-decoration:none; border:1px solid #2e93cf; color:#fff; font-weight:900; background-color: #2e93cf; }
div.pagingWrapper ul li.numberLinks .pageNumbers a.pagingControlLinkOn {color:#2e93cf; font-weight:100; background-color:#fff;}
div.pagingWrapper ul li.numberLinks .pageNumbers a.pagingControlLinkOff {color:#fff; font-weight:900; background-color: #2e93cf;}
/* product list */
/* phones */
#phoneList div.itemNumber1 { clear:both; width:198px; border:1px solid #d4d4d4; display:block; float:left; margin-left:0px; margin-bottom:12px; background-color:#fff;}
#phoneList div.otherItems { width:198px; border:1px solid #d4d4d4; display:block; float:left; margin-left:9px; margin-bottom:12px; background-color:#fff;}
#phoneList div.phoneItem {height:200px;}
#phoneList div.phoneItem div.prodTitle {background-color:#73c530; height:15px; padding:3px 0px 3px 5px; overflow:hidden;}
#phoneList div.phoneItem div.prodTitle h4 { color:#fff; font-size:12px;}
#phoneList div.phoneItem ul, #phoneList div.phoneItem2 ul {float:left; padding:5px 8px 5px 8px !important; width:95px; height:53px; overflow:hidden; font-size:11px; list-style-type:disc !important;}
#phoneList div.phoneItem ul li {}
#phoneList div.phoneItem p.productImage {float:left; padding:10px 5px 5px 5px; margin:0px;}
#phoneList div.phoneItem p.productImage {}
.featureList {padding:0px 0px 10px 7px;}
.featureList img {margin-left:3px; cursor:help;}
/* accessories */
#accessoryList div.itemNumber1 { clear:both; width:197px; border:1px solid #d4d4d4; display:block; float:left; margin-left:0px; margin-bottom:12px; background-color:#fff;}
#accessoryList div.otherItems { width:196px; border:1px solid #d4d4d4; display:block; float:left; margin-left:12px; margin-bottom:12px; background-color:#fff;}
#accessoryList div.accessoryItem div.prodTitle {background-color:#73c530; height:15px; padding:3px 0px 3px 5px; overflow:hidden;}
#accessoryList div.accessoryItem div.prodTitle h4 { color:#fff; font-size:12px;}
#accessoryList div.accessoryItem ul, #accessoryList div.accessoryItem2 ul { padding:0px !important; margin:0px !important; list-style:none;}
#accessoryList div.accessoryItem ul li {padding:0px !important; margin:0px !important; list-style:none;}
#accessoryList div.accessoryItem p.productImage { width:90px; float:left; padding:10px 10px 5px 10px; text-align:center; margin:0px;}
#accessoryList div.accessoryItem div.prodInfoWrapper {float:left; padding-bottom:15px;}
#accessoryList div.accessoryItem div.prodInfoWrapper p { padding:4px 0px 0px 0px; margin:0px; }
#accessoryList .prodPrice, #phoneList .prodPrice { color:#317fc2; padding-bottom:6px; font-weight:500; font-size:16px; padding-top:10px; }
#typesOfAccessoriesWrapper {padding:0px; margin:0px; }
.accessoryFix .clearBoth {padding-bottom:1px;}
#typesOfAccessoriesWrapper dl { padding:0px; margin:0px; width:25%; float:left;}
#typesOfAccessoriesWrapper dl dt {font-weight:900; padding:5px 0px 5px 0px; margin:2px 20px 0px 0px; border-top:1px solid #ccc; }
#typesOfAccessoriesWrapper dl dd { margin:0px; padding:0px 10px 0px 10px; font-size:12px;}
#typesOfAccessoriesWrapper dl dd a {text-decoration:none;}
.accessoryFix #typesOfAccessoriesWrapper { background: #fff url('../2020images/framework/dl_cat_background.gif') -10px 0px repeat-y !important; }
#typesOfAccessoriesWrapper .type1 {clear:both;}
.xSellWrapper {padding-top:20px;}
.xSell {padding:6px !important; margin-top:2px;}
.xSell div.itemNumber1 {clear:both; width:136px !important; border:1px solid #d4d4d4; display:block; float:left; margin-left:0px !important; margin-bottom:12px; background-color:#fff;}
.xSell .productListWrapper {padding:0px !important; margin:0px !important; }
.xSell div.otherItems { width:136px !important; border:1px solid #d4d4d4; display:block; float:left; margin-left:12px; margin-bottom:12px; background-color:#fff;}
.xSell div.accessoryItem span {display:block;}
.xsellPadding {padding:0px 7px 7px 7px;}
.xSell p span.blueText {height:50px; overflow:hidden; padding:10px 10px 5px 10px;}
.xSell p {padding:0px; margin:0px;}
.xSell div.accessoryItem span.xsellImg { text-align:center; padding-top:10px;}
.xSell div.accessoryItem span.xsellImg a {display:block; text-align:center; }
.xSell div.accessoryItem div.otherItems p {padding:10px;}
#itemCountWrapper { text-align:right;}
#itemCountWrapper p { float:left; width:100px; text-align:right; padding:0px; margin:0px; top:5px;}
#itemCountWrapper .selectbox-wrapper, #itemCountWrapper ul {width:50px !important; }
#itemCountWrapper .selectbox {width:50px !important; border:none !important; margin:0px !important; background:transparent url('../2020images/aba/locationSelect2.gif') no-repeat scroll left center; }
#itemCountWrapper ul li {width:40px !important;}
.itemsDropDown { float:right;}
/* phone details page */
#galleryWrapper {width:223px; float:left;}
#galleryWrapper h3 {margin-bottom:10px;}
#galleryWrapper .phoneImage { margin-top:5px; padding-right:5px;}
body.accessoryDetail #galleryWrapper .phoneImage { border-right:0px solid #ccc;}
#galleryWrapper .splitLeft { width:120px; float:left; text-align:center; border-right:1px solid #ccc;}
#galleryWrapper .splitRight { margin:5px 0px 0px 12px; float:left;}
#galleryWrapper .splitRight ul {list-style:none; width:90px; padding:0px 0px 0px 0px; margin:0px;}
#galleryWrapper .splitRight ul li {float:left; padding:0px; margin:0px 10px 7px 0px !important;}
#featuresDescription {padding-top:20px;}
ul.phoneAlternateImages li img {cursor:pointer;}
.promoError { position:relative; top:-85px; left:10px; width:450px}
.enlargeLink {color:#000; display:block; padding:5px 0px; text-align:center; text-decoration:none;}
#detailsWrapper { float:right; width:360px;}
.accordList dt {cursor:pointer; height:20px; padding:0px 0px 10px 25px; margin:0px; background:url(../2020images/framework/expand-graphic.gif) 0% 0px no-repeat;}
.accordList dt.selected { background:url(../2020images/framework/contract-graphic.gif) 0% 0px no-repeat;}
.accordList dd {padding:0px; margin:0px;}
.accordList h4 { margin:0px; padding:2px 0px 0px 0px; }
#featuresWrapper { padding-top:5px;}
#featuresWrapper h3 {margin-top:10px;}
ul.featureImages {padding:7px 0px 0px 0px !important; margin:0px !important; list-style:none;}
ul.featureImages li { padding:0px 0px 10px 0px !important; margin:0px 7px 0px 0px !important; list-style:none; display:block; float:left; width:30px; height:30px;}
ul.featureImages li img {cursor:help;}
.compatabilityList dt h4 {}
.compatabilityList dd {padding:0px; margin:0px;}
#compatabilityHeader {background:url(../2020images/client/compatabilities-tick.gif) 0px 0px no-repeat; padding:12px 0px 15px 40px;}
#compList div {padding-bottom:10px;}
#compList div.title {cursor:pointer; height:20px; padding:0px 0px 10px 25px; margin:0px; background:url(../2020images/framework/expand-graphic.gif) 0% 0px no-repeat;}
#compList div.selected { background:url(../2020images/framework/contract-graphic.gif) 0% 0px no-repeat;}
#detailsWrapper h3 {font-size:18px; padding-bottom:10px;}
#detailsWrapper h4 {font-size:14px;}
p.stockLevel {padding:0px; margin:0px; font-style:italic; font-size:11px;}
#detailsWrapper .leftSplit {width:195px; float:left;}
#detailsWrapper .rightSplit {width:135px; float:right; text-align:right;}
#detailsWrapper .rightSplit ul {padding:0px; margin:0px; list-style:none;}
#detailsWrapper .rightSplit ul li {padding:0px; margin:0px;}
.tariffDetails {padding:10px 0px 0px 0px; margin:0px;}
.tariffDetailsWrapper {display:block; padding:18px 0px 0px 25px; margin:0px; background:url(../2020images/framework/expand-graphic.gif) 0% 100% no-repeat;}
.tariffDetailsWrapper a {text-decoration:none; position:relative; top:-2px;}
.productButtonRow {font-size:11px; text-align: right;}
.productButtonRow span {float:left;}
.productButtonRow ul { float:right; list-style:none; padding:0px !important; margin:0px !important; display:block !important; }
.productButtonRow ul li { padding:0px !important; margin:0px !important; display:block !important; }
#longDescription {padding-top:10px; clear:both;}
ul.tariffList {margin-top:0px !important;}
/* contact page */
table.contactForm {padding-left:100px;}
table.contactForm tr th.leftCol {width:200px; padding-right:20px; text-align:right;}
table.contactForm input {border:1px solid #ccc;}
table.contactForm input.radioButton {border:none;}
span.radioButton {display:inline;}
span.radioButton input {border:none; display:inline;}
span.radioButton label {display:inline; padding-right:20px;}
.textArea {background-color:#fff !important; border:1px solid #666 !important;}
span.blankBox { display:block; float:left; padding-left:40px;}
span.blankBox span.radioButton {}
span.blankBox span.radioButton label {display:inline !important; width:60px !important; text-align:left !important; font-weight:100 !important;}
/* basket detail */
table.basketList { font-weight:900; padding:0px; margin:0px;}
table.basketList tr { padding:0px; margin:0px;}
table.basketList tr th { margin:0px; padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-top:none;}
table.basketList tr td { margin:0px; padding:10px 10px 10px 0px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
table.basketList tr td.borderLess { margin:0px; padding:10px; border-bottom:0px solid #ccc !important; border-right:0px solid #ccc !important;}
table.basketList tr .rightCell { margin:0px; padding:10px 0px 10px 10px; text-align:right; border-right:0px solid #ccc !important;}
table.basketList tr .leftCell { margin:0px; padding:10px 10px 10px 0px; text-align:left; border-right:1px solid #ccc !important;}
tr.basketItems td, tr.basketValues td {padding-left:10px !important;}
span.productName { float:left; display:block; width:360px;}
.imageButtonAlign { position: relative; top:5px;}
span.removeLink { display:block; float:right; text-align:right; padding-left:20px; background: url('../2020images/buttons/remove-x.gif') 0% 50% no-repeat; }
span.removeLink a {color:#ff0000; text-decoration:none; }
/* keep in touch page */
div#sim_form div label small {}
div.formRow {height:30px; clear:both; background: url('../2020images/framework/input-left_end.gif') 280px 0px no-repeat; display:block; position:relative; }
div.formRow input { float:left; padding-right:20px; padding-top:4px;}
div.topRow {height:60px;}
.errorText {font-weight:900; font-style:italic; color:#f00;}
span.inputBox { height:30px; background: url('../2020images/framework/input-right_end.gif') 100% 0px no-repeat; display:block; position:absolute; right:-2px; }
div.submitRow {padding-top:7px; }
div.submitRow label small {text-align:right !important; }
div.submitRow input {padding-left:40px;}
div.noticeRow {width:560px; font-size:8pt;}
div.noticeRow p { text-align:center; }
div.noticeRow p input { float:right !important;}
div.errorRow p {padding-left: 280px;}
/* #sim_form div, #sim_form span, #sim_form input {border:1px solid #000;} */
/* basket details */
ul.basket-contents {margin:0px; padding:10px; list-style:none; font-size:0.8em;}
ul.basket-contents li {margin:0px; padding:0px 0px 2px 0px;}
ul.basket-contents li.last {}
.xSell {clear:both;}
.continueButton {clear:both; padding-top:10px; float:right;}
/* tarrif Page */
.rightAlign {float:right;}
.leftAlign {float:left;}
.amountDropdown {margin-top:10px;}
/* search page */
div.searchPage { padding-top:20px;}
div.searchPage .pagingWrapper .hr {margin-bottom:7px;}
div.searchPage .pagingWrapper {float:none !important; width:100% !important; padding-bottom:0px; margin-bottom:0px;}
div.searchPage .phoneItem { width:100% !important; float:none !important; padding:0px !important; margin:0px 0px 10px 0px !important;}
#searchTextLabel p {padding-bottom:7px; margin-bottom:0px;}
div.searchPage .pagingWrapper ul {margin-top:5px !important; margin-bottom:0px !important; padding-bottom:0px !important;}
/* - - - - - - - - - 1c) Right Nav Area - - - - - - - - - */
#outerRightNav { float:left; padding:0px; margin:0px;}
#innerRightNav { padding:0px 0px 0px 0px; width:180px; margin:0px; }
#innerRightNav h3 {font-size:21px; padding:10px 7px 0px 10px; margin:0px;}
#innerRightNav .categoryNav h3 { color:#fff; font-size:21px; padding:0px 0px 5px 0px; margin:0px;}
.rightNavBanner { margin:0px 10px 15px 10px;}
.rightNavBanner #which{background:url(../2020images/client/whichBestBuy.png) no-repeat; height:168px; width:161px;}
#searchBoxWrapper .searchBtn, p.getInTouch .searchBtn { float:right; position:relative; top:-10px;}
#searchBoxWrapper p, p.getInTouch { background:url(../2020images/buttons/search-box-background.png) 10px 0px no-repeat; position:relative; display:block;height:15px; margin-top:10px;}
#searchBoxWrapper p .searchText, p.getInTouch .searchText {background-color:transparent; border:0px solid #fff; padding-left:3px; margin:5px 5px 0px 5px; position:absolute; top:0px;}
/* - - - - - - - - - 1d) Generic Nav Area - - - - - - - - - */
div.categoryNav { background: #73c530; padding:10px; margin:0px 10px 15px 10px; color:#fff; font-size:0.9em;}
div.categoryNav ul { padding:0px; margin:0px; list-style:none;}
div.categoryNav ul li { padding:5px 0px; margin:0px; border-bottom:1px solid #ffffff;}
div.categoryNav ul li.last { border-bottom:0px solid #ffffff !important; padding-bottom:0px; }
div.categoryNav ul li.first { padding-top:0px; }
div.categoryNav ul li, div.categoryNav ul li a { font-weight:900; color:#fff; text-decoration:none;}
div.categoryNav ul li a:hover { color:#333134 !important;}
div.categoryNav ul li ul { padding:0px; margin:0px; font-size:0.8em;}
div.categoryNav ul li ul li { margin:0px; font-weight:100 !important; border-bottom:0px solid #ffffff !important; }
div.categoryNav ul li ul li a { padding:0px 0px 0px 10px; text-decoration:none; background :url(../2020images/framework/navigation-bullets.png) -9px -5px no-repeat; display:block;}
div.categoryNav ul li ul li a:hover, div.categoryNav ul li ul li a.selected { background-position: -9px -81px; color:#333134 !important; }
.navWhiteBox { background:#fff; margin:0px 10px 15px 10px; border:1px solid #73c530;}
.navWhiteBox p {padding:10px; margin:0px; font-size:0.8em;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
(2) Header Area
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#outerHeaderWrapper { height:160px; padding:0px; margin:0px; position:absolute; top:0px; left:0px; }
#innerHeaderWrapper { width:980px; padding:0px; margin:0px;}
#topAreaBanner {padding-top:2px;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
(3) Footer Area
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#outerFooterWrapper {padding:0px; margin:0px; }
#innerFooterWrapper {width:980px; padding:0px; margin:0px;}
p.poweredBy { display:block; background-color:#fff; height:33px; width:100%; padding:0px; text-align:right; margin:0px;}
p.poweredBy a {display:block; height:33px; position:relative; overflow:hidden;}
p.poweredBy a span {display:block; height:33px; width:100%; text-align:right; position:absolute; top:0px; left:0px; background: #fff url(../2020images/framework/powered-by-2020mobile.gif) top right no-repeat; overflow:hidden;}
/* asda style ammends */
#divAsdaFooter {padding-top:0px;}
#topUpTableContainer {clear:both; margin-top:10px !important;}
/* - - - - - generic styles - - - - */
.noPadding {padding-top:0px !important; margin-top:0px !important; }
/*- - - - -ABA adjustments - - - */
div.phoneLogos { width:600px; }
div.phoneLogos ul {padding:0px !important; margin:0px !important; list-style:none; display:inline; width:100%; }
div.phoneLogos ul li {padding:0px !important; margin:0px !important; list-style:none; display:inline; width:25%;}
/* scroller styles */
#featuredHandsetsWrapper { padding-top:20px; }
#featuredHandsetsWrapper .whiteBox {padding:0px !important;}
.heroWrapperInner { width:128px; border:1px solid #d5d5d5; }
.heroWrapperInner div.prodTitle {background-color: #73c530; height:15px; padding:3px 0px 3px 5px; overflow:hidden;}
.heroWrapperInner div.prodTitle h4 { color:#fff; font-size:12px;}
div.productImage {float:left; padding:10px 0px;}
div.productImage a img {margin:0px 10px;}
div.heroInfoList { padding:10px 0px 0px 0px;}
div.heroInfoList div {padding-bottom:7px;}
div.heroInfoList div.prodPrice {font-weight:900; font-size:1.2em;}
#heroScroller br {display:none;}
.heroWrapperInner ul li br {display:block !important;}
.allPhoneLink {float:right; text-decoration:none;}
.footerTextArea { padding:5px 10px 10px 10px;}
.footerTextArea div.left {width:30%; float:left;}
.footerTextArea div.right {width:30%; display:block; float:right;}
.rightNavBanner .unlocked {position:relative; width:160px; height:73px; overflow:hidden; }
.rightNavBanner .unlocked span { position:absolute; display:block; top:0px; left:0px; width:160px; height:73px; background: #fff url(../2020images/framework/handsets-unlocked.png) top left no-repeat;}
.SecureTrading {background: transparent;}
#CentreBottom {position:static !important;}
/* carousel */
#featuredSets {position:relative; padding:0px !important; margin:0px !important;}
.jcarousel-container {
position: relative;
text-align:center;
width:560px;
height: 130px;
margin:0px auto 0px auto;
display:block;
}
.jcarousel-clip {
z-index: 2;
padding: 0;
width:560px;
height: 120px;
margin: 0;
overflow: hidden;
padding:10px 0px;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0px !important;
padding: 0px !important;
}
.jcarousel-list li,
.jcarousel-item {
padding:0px !important;
margin:0px !important;
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 140px;
height: 130px;
}
/**
* Horizontal Buttons
*/
.jcarousel-next-horizontal {
position: absolute;
z-index:777;
top: 45px;
right: -25px;
width: 20px;
height: 20px;
cursor: pointer;
background: transparent url(../2020images/carousel/button-scroll_right.gif) no-repeat 0 0;
}
.jcarousel-next-horizontal:hover {
background-position: -20px 0;
}
.jcarousel-next-horizontal:active {
background-position: -40px 0;
}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -60px 0;
}
.jcarousel-prev-horizontal {
position: absolute;
z-index:777;
top: 45px;
left: -20px;
width: 20px;
height: 20px;
cursor: pointer;
background: transparent url(../2020images/carousel/button-scroll_left.gif) no-repeat 0 0;
}
.jcarousel-prev-horizontal:hover {
background-position: -20px 0;
}
.jcarousel-prev-horizontal:active {
background-position: -40px 0;
}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -60px 0;
}
/**
* The buttons are added dynamically by jCarousel before
* the list (inside the described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
/* generic fixes */
ul.basket-contents {padding-bottom:5px;}
ul.basket-contents li.buttonArea { margin-top:4px !important;}
#fancy_title_left, #fancy_title_right { background-image:none;}
/* ABA AMMENDS */
#CentreLeft table#charges {margin-top:10px !important; }
#fancy_content iframe {overflow: hidden;}
/* topping up additions */
.topUpLogo {float:left; width:200px; text-align:center;}
.topUpLogo p {text-align:left; float:left; width:70%;}
.topUpLogo image {float:right;}
.topUpOthers {float:right; width:370px;}
.topUpOthers ul {padding:0px; margin:0px; list-style:none; display:inline;}
.topUpOthers ul li {padding:0px; height:60px; width:80px; margin:0px; list-style:none; float:left;}
.topUpOthers ul li a { float:left; cursor:pointer; position:relative; overflow:hidden; height:100%; width:100%; text-align:center;}
.topUpOthers ul li a span {display:block; cursor:pointer; position:absolute; top:0px; left:0px; height:100%; width:100%; background-color:#fff; background-repeat:no-repeat; background-position:50% 0%}
.topUpOthers ul li.asda a span {background-image:url(../2020images/framework/asdatopup.gif);}
.topUpOthers ul li.ppoint a span {background-image:url(../2020images/framework/paypointtopup.gif);}
.topUpOthers ul li.pzone a span {background-image:url(../2020images/framework/payzonetopup.gif);}
.topUpOthers ul li.poffice a span {background-image:url(../2020images/framework/postofficetopup.gif);}
/* - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - */
/* - - - - PCI ADDED INTO SOLUTION - - - - */
/* - - - - - - - - - - - - - - - - - - - - */
#progressBar {padding:0px 0px 10px 0px; margin:0px; width:619px;}
#progressBar h2 {width:619px; text-indent:-3000em; height:70px; display:block; overflow:hidden; position:relative;}
#progressBar span {width:619px; height:70px; display:block; top:0px; left:0px; position:absolute; }
div.basketDetails span { background:url(../2020images/journies-1.gif) top left no-repeat;}
div.personalDetails span { background:url(../2020images/journies-2.gif) top left no-repeat;}
div.paymentDetails span { background:url(../2020images/journies-3.gif) top left no-repeat;}
div.orderConfirmation span { background:url(../2020images/journies-4.gif) top left no-repeat;}
/* - - - - - - - - - - - - - - - - - - - - */
/* - - - - COMMON ELEMENTS - - - - */
/* - - - - - - - - - - - - - - - - - - - - */
.centerImage {padding:20px; text-align:center}
/* - - - - Ts and Cs - - - - */
#tsandcsofuse ol li {list-style-type:lower-roman}
#tsandcsofuse table{ background-color:#fff; border-left:#73c530 4px solid}
#tsandcsofuse tr td {border-bottom:#dfeec9 1px solid; border-right:#dfeec9 1px solid}
.tableHeader { background-color:#73c530; color:#fff; font-size:1.2em; font-weight:bold}
/* - - - - - - - - - - - - - - - - - - - - */
/* - - - - COMPARE PHONES - - - - */
/* - - - - - - - - - - - - - - - - - - - - */
#comparePhonesInner {background-color:#fff; border:solid 1px #73c530; padding:3px; position:relative; margin-top:50px;}
#comparePhonesInner .tableheader {background-color:#73c530; color:#fff; font-weight:bold; padding-left:5px}
#comparePhonesInner .featureCol {background-color:#dfedc9; width:150px; padding-left:5px; border-bottom:solid 1px #fff}
#comparePhonesInner .infoCol {border-bottom:solid 1px #dfedc9; border-right:solid 1px #dfedc9; position:relative; font-size:0.9em}
.comparePhones_Tab {position:absolute; top:-41px; left:-1px}
.choosePhones {padding:10px}
.textHolder {text-align: left; display: none; background-color: #fff; width: 100px; border: solid 2px #73c530; padding: 5px; z-index: 9999;}
.compare_Tooltip {position:absolute; bottom:5px; left:100px}
#comparePhonesInner .buttons {height:22px}
#comparePhonesInner .selectBtn {width:60px; float:left; padding-left:15px}
#comparePhonesInner .buyBtn {width:60px; float:right; text-align:right; padding-right:15px;}
.compareSteps {margin:0 0 10px 20px; padding:0; font-weight:bold}
.compareSteps li{margin:10px 0 0 0;}
.compareSteps span{font-weight:normal;}
.keepYourNumberBannerWrapper img{ margin-top:50px}
#bestTariff {width:385px; position:relative; left:215px}
#bestTariff h4 {display:inline; padding-right:10px }
#bestTariff span {display:block; padding: 5px 0 10px 0 }
#CentreRight h5 {font-size:1.2em; margin:0px}
#hope {display:block !important; position:relative !important;}
/* - - - - - - - - - - - - - - - - - - - - */
/* - - - - - Tariff Guarantee - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - */
#CentreBottom div.noBorder {background:none repeat scroll 0 0 #FFFFFF;
border:0px solid #73C530 !important;
margin-bottom:10px;
padding:10px;}
.centreIFrame {margin-left:60px;}
.topRoundal {display:block; z-index:400; position:relative; margin-top:-80px; margin-left:245px;}
.textAdjust {margin-top:-5px; position:relative; z-index:401;}