* { margin:0; padding:0; list-style:none; } body { margin:8px 4px; font-size:70.5%; font-family:Arial, Helvetica, sans-serif; } @media print, projection, screen { .acHideVis { display : none; } } /*----- PAGE STRUCTURE --------------------------------------------------------*/ #divContainer { width:980px; } #divHolder { width:980px; margin-top:3px; } #divHomeContent { float:left; width:575px; } #divHomeContent h1 { font-size:30px; padding:8px 10px 8px 10px; background-color:#f2f2f2; border:1px dashed #afafaf; font-family:Arial, Helvetica, sans-serif; color:#569640; font-weight:normal; margin-bottom:5px; } #divHomeContent h2 { font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#569640; font-weight:normal; margin-bottom:5px; } #divHomeContent h3 { font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#569640; font-weight:bold; margin-bottom:5px; } #divContent { float:right; width:575px; } #divFooter { clear:both; } #Boxey { margin-left:170px; width:810px; } #Boxey a, #Boxey a:visited { color: #4669B0; text-decoration: none; } #Boxey a:hover { color: #569640; text-decoration: underline; } #divLogin {margin-left:580px;} #divDont {padding:5px; border: 1px solid #a4d490; width:275px; float:left; margin-right:5px; display: inline; } #divDont strong { font-size:105%; color:#569640 } #divPrescription {padding:5px; border: 1px solid #a4d490; /*width:269px;*/width:271px; float:left; } #divPrescription strong { font-size:105%; color:#569640 } #boxFloat { float:left; clear:both; width:575px; margin-top:5px; display: inline; } #boxHome {float:left; width:170px; border-bottom:1px dotted #afafaf; border-right:1px dotted #afafaf; padding:10px; height:120px; } #boxHome .price {color:#009900; font-size:110%; } #boxHome strong { color:#0000ff; font-size:110%;} #sunglasses {float:left;width: 575px; margin-top: 5px; display: inline; overflow:hidden; } #sunglassesBox {float:left; margin-right:8px; display: inline; } #divNavigation { float:left; width:160px; } #divNavigation h3, #divNavigation h3 a { color: #666666; margin-left:5px; font-size:115%; padding-bottom:5px; border-bottom:1px dashed #666; text-decoration: none; } #divNavigation h3 a:hover { text-decoration: underline; } #divLoginBox {padding:10px; background-color:#f2f2f2; border: 1px solid #a4d490; margin-bottom:5px; height:120px;} #divLoginBox strong { font-size:110%;} #divLoginBox h3 { font-size:105%; color:#569640; margin-bottom:5px; text-align:left } #divLoginBox table {padding:3px; } #divLoginBox table td { text-align:left; padding:3px; } #divLoginBox p { text-align:left; } #divLoginBox table input#textfield { border: 1px solid #62bd44; } #divLoginBox table input.textfield { border: 1px solid #62bd44; } #divLoginPAYG {padding:10px; background-color:#f2f2f2; border: 1px solid #a4d490; margin-bottom:5px; height:132px; text-align:center;} #whyAsda { border:1px dashed #a7a7a7; padding:10px; } #whyAsda strong { font-size:110%; color:#569640 } #noSolution { margin-top:5px; } #noSolution strong { font-size:110%;} #inStore {border:1px dashed #a7a7a7; margin-top:5px; padding:10px; height:80px;} #inStore strong { font-size:110%;} #inStore a { float:right; color: #0000ff; margin-top:5px; margin-bottom:5px;} #divProduct { padding:10px; border: 1px solid #a4d490; text-align:center; margin-bottom:5px;} #divProduct table { padding:5px; width: 550px; } #divProduct table .price {color: #17488a;} #divProduct table th{ border-bottom:1px dotted; padding:5px; font-size:110%;} #divProduct table td { border-bottom:1px solid #a4d490; padding:5px; text-align:left; } #divProduct td strong {color:#397807; font-size:105%;} #divProduct table td a { color: #62bd44; text-decoration:none; font-weight:bold; } #divProduct table input#textfield { border: 1px solid #62bd44; } #productImage {float:left; margin-right:10px; text-align:right; display: inline; } #productInfo{float:left; text-align:left; width:330px;} #productInfo strong { font-size:110%; text-align:left; color:#569640;} #price {text-align:right; font-size:140%; color:#17488a; margin-top:8px; } #button {text-align:right; margin-top:8px;} #quantity {clear:both; padding:10px; background-color:#f2f2f2; text-align:right; border:1px solid #a4d490 } #back { padding:5px; border-bottom:1px dotted #666; height:30px; clear:both;} #backButton { float:left; width:100px; margin-top:4px;} #backButton a { color: #62bd44; text-decoration:none; font-weight:bold; } #addBasket { text-align:right; margin-left:110px;} #next { text-align:right; margin-left:110px;} #placeOrder { text-align:right; margin-left:110px;} .cheaperBox {margin-bottom:5px;} #divTextContentBox {padding:6px; border: 1px solid #a4d490; text-align:center; margin-bottom:5px; height:85px;} #textContent {float:left; width:300px; text-align:left;} #textContent h3 { font-size:110%; color:#000000; } #textContent strong { font-size:110%; color:#569640; } #textContentMyAccount {float:left; width:300px; text-align:left;} #textContentMyAccount h3, #textContentMyAccount h3 a:visited, #textContentMyAccount h3 a:hover, #textContentMyAccount h3 a { font-size:110%; color:#000000; } #textContentMyAccount p {font-size:110%; color:#0000FF; } #image {float:left; margin-right:5px; text-align:left; display: inline; } #more {float:left; width:120px; margin-top:40px; text-align:right; } #more a { /*color:#0000ff;*/ text-decoration:underline; margin-left:5px; } #divBilling {padding:5px; border: 1px solid #a4d490; width:277px; float:left; margin-right:5px; height:200px; text-align:center; margin-bottom:5px; display: inline; } #divBilling strong { font-size:105%; color:#000 } #divBilling h3 { font-size:105%; color:#569640; margin-bottom:5px; text-align:left } #divBilling table {padding:3px; width:250px; } #divBilling table td { text-align:left; padding:3px; } #divBilling p { text-align:left; } #divBilling table input#textfield { border: 1px solid #62bd44; } #divBilling table input.textfield { border: 1px solid #62bd44; } #divBillingTwo {padding:5px; border: 1px solid #a4d490; width:269px; float:left; text-align:center; height:200px; margin-bottom:5px; } #divBillingTwo strong { font-size:105%; color:#000 } #divBillingTwo h3 { font-size:105%; color:#569640; margin-bottom:5px; text-align:left } #divBillingTwo table {padding:3px; width:250px; } #divBillingTwo table td { text-align:left; padding:3px; } #divBillingTwo p { text-align:left; } #divBillingTwo a { color: #62bd44; text-decoration:none; font-weight:bold; } #divBillingTwo table input.textfield { border: 1px solid #62bd44; } #divOrderAddress {padding:5px; border: 1px solid #a4d490; width:277px; float:left; margin-right:5px; height:100px; text-align:center; margin-bottom:5px; display: inline; } #divOrderAddress strong { font-size:105%; color:#000 } #divOrderAddress h3 { font-size:105%; color:#569640; margin-bottom:5px; text-align:left } #divOrderAddress table {padding:3px; width:250px; } #divOrderAddress table td { text-align:left; padding:3px; } #divOrderAddress p { text-align:left; } #divOrderAddress table input#textfield { border: 1px solid #62bd44; } #divOrderAddress table input.textfield { border: 1px solid #62bd44; } #divOrderAddressTwo {padding:5px; border: 1px solid #a4d490; width:269px; float:left; text-align:center; height:100px; margin-bottom:5px; } #divOrderAddressTwo strong { font-size:105%; color:#000 } #divOrderAddressTwo h3 { font-size:105%; color:#569640; margin-bottom:5px; text-align:left } #divOrderAddressTwo table {padding:3px; width:250px; } #divOrderAddressTwo table td { text-align:left; padding:3px; } #divOrderAddressTwo p { text-align:left; } #divOrderAddressTwo a { color: #62bd44; text-decoration:none; font-weight:bold; } #divOrderAddressTwo table input.textfield { border: 1px solid #62bd44; } #divSummary { padding:10px; border: 1px solid #a4d490; text-align:center; margin-bottom:5px; clear:both;} #divSummary table.layout { padding:5px; width: 100%;/*495px; 550px;*/ } #divSummary table.layout .price {color: #17488a;} #divSummary table.layout th{ border-bottom:1px dotted; padding:5px; font-size:110%;} #divSummary table.layout td { border-bottom:1px solid #a4d490; padding:5px; text-align:left; } #divSummary td strong {color:#397807; font-size:105%;} #divSummary table.layout td a { color: #62bd44; text-decoration:none; font-weight:bold; } #divSummary table.layout input#textfield { border: 1px solid #62bd44; } #divDetails { padding:10px; border: 1px solid #a4d490; text-align:center; margin-bottom:5px; clear:both;} #divDetails table { padding:5px; width: 550px; } #divDetails table .price {color: #17488a;} #divDetails table th{ border-bottom:1px dotted; padding:5px; font-size:110%;} #divDetails table td { padding:5px; text-align:left; } #divDetails td strong {color:#397807; font-size:105%;} #divDetails table td a { color: #62bd44; text-decoration:none; font-weight:bold; } #divDetails table input#textfield { border: 1px solid #62bd44; } #divPersonal { padding:10px; border: 1px solid #a4d490; text-align:center; margin-bottom:5px; clear:both;} #divPersonal table { padding:5px; width: 550px; } #divPersonal table .price {color: #17488a;} #divPersonal table th{ border-bottom:1px dotted; padding:5px; font-size:110%;} #divPersonal table td { padding:5px; text-align:left; } #divPersonal td strong {color:#397807; font-size:105%;} #divPersonal table td a { color: #62bd44; text-decoration:none; font-weight:bold; } #divPersonal table input#textfield { border: 1px solid #62bd44; } #divPersonal table input.textfield { border: 1px solid #62bd44; } #divResults { padding:10px; border: 1px solid #a4d490; text-align:center; margin-bottom:5px; clear:both; margin-top:5px;} #divResults table { padding:5px; width: 550px; } #divResults table .price {color: #17488a;} #divResults table th{ border-bottom:1px dotted; padding:5px; font-size:110%;} #divResults table td { padding:5px; text-align:left; border-bottom:1px dotted #666; } #divResults td strong {color:#397807; font-size:105%;} #divResults table td a { color: #62bd44; text-decoration:none; font-weight:bold; } #divResults table input#textfield { border: 1px solid #62bd44; } #edit {float:right; text-align:right; margin-top:10px;} #edit a {color: #62bd44; text-decoration:none; font-weight:bold; text-align:right;} #delivery { margin-top:3px; text-align:right;} #divError { background-color:#f2f2f2; color:#FF0000; font-weight:bold; font-size:105%; padding:10px; border:1px dashed #666; margin-top:5px;} #disclaimer { color:#000; font-weight:bold; font-size:105%; padding:10px; border:1px dashed #666; margin-top:5px;} /*----- Header - #divHeader --------------------------------------------------------*/ #divHeader { width:760px; height:80px; background:#FFF url(graphics/bg-header.gif) repeat-x; position:relative; } #spanASDA { float:left; width:140px; overflow:hidden; } #spanASDA img { border:0; float:left; } #divHeader #ulMainNav { margin-top:21px; float:left; } #divHeader #ulMainNav li { float:left; margin-left:2px; display: inline; } #divHeader #ulMainNav li a { float:left; display:block; height:24px; background-color:#33CC33; text-indent:-3000px; overflow:hidden; text-decoration:none; color:#fff; } /* #divHeader #ulMainNav li#liMNHome {margin-left:0;} */ /* #divHeader #ulMainNav li#liMNHome {margin-left:0;background: url(stat/asda-home.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNHome a {width:43px;background: url(graphics/asda-home.gif) no-repeat;} #divHeader #ulMainNav li#liMNHome a:hover {background: url(graphics/asda-home.gif) no-repeat 0px -24px; } #divHeader #ulMainNav li#liMNHome.current a {background: url(graphics/asda-home.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNSGroceries a {width:68px;background: url(graphics/asda-groceries.gif) no-repeat;} #divHeader #ulMainNav li#liMNSGroceries a:hover {background: url(graphics/asda-groceries.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNSGroceries.current a {background: url(graphics/asda-groceries.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNCDsDVDsAndGames a {width:68px;background: url(graphics/asda-cds-dvds-games.gif) no-repeat;} #divHeader #ulMainNav li#liMNCDsDVDsAndGames a:hover {background: url(graphics/asda-cds-dvds-games.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNCDsDVDsAndGames.current a {background: url(graphics/asda-cds-dvds-games.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNFinancialServices a {width:62px;background: url(graphics/asda-financial-services.gif) no-repeat;} #divHeader #ulMainNav li#liMNFinancialServices a:hover {background: url(graphics/asda-financial-services.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNFinancialServices.current a {background: url(graphics/asda-financial-services.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNOpticalCentre a {width:67px;background: url(graphics/asda-opticians.gif) no-repeat;} #divHeader #ulMainNav li#liMNOpticalCentre a:hover {background: url(graphics/asda-opticians.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNOpticalCentre.current a {background: url(graphics/asda-opticians.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNPhoto a {width:51px;background: url(graphics/asda-photo.gif) no-repeat;} #divHeader #ulMainNav li#liMNPhoto a:hover {background: url(graphics/asda-photo.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNPhoto.current a {background: url(graphics/asda-photo.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNFlowers a {width:61px;background: url(graphics/asda-flowers.gif) no-repeat;} #divHeader #ulMainNav li#liMNFlowers a:hover {background: url(graphics/asda-flowers.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNFlowers.current a {background: url(graphics/asda-flowers.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNNostalgicGifts a {width:63px;background: url(graphics/asda-nostalgic-gifts.gif) no-repeat;} #divHeader #ulMainNav li#liMNNostalgicGifts a:hover {background: url(graphics/asda-nostalgic-gifts.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNNostalgicGifts.current a {background: url(graphics/asda-nostalgic-gifts.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNTravel a {width:51px;background: url(graphics/asda-travel.gif) no-repeat;} #divHeader #ulMainNav li#liMNTravel a:hover {background: url(graphics/asda-travel.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNTravel.current a {background: url(graphics/asda-travel.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNMobilePhones a {width:55px;background: url(graphics/asda-mobile-phones.gif) no-repeat;} #divHeader #ulMainNav li#liMNMobilePhones a:hover {background: url(graphics/asda-mobile-phones.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNMobilePhones.current a {background: url(graphics/asda-mobile-phones.gif) no-repeat 0px -24px;} */ #divHeader #ulMainNav li#liMNHome {background: url(graphics/asda-home.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNHome {margin-left:0;background: url(graphics/asda-home.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNHome a {width:43px;background: url(graphics/asda-home.gif) no-repeat;} #divHeader #ulMainNav li#liMNHome a:hover {background: url(graphics/asda-home.gif) no-repeat 0px -24px; } #divHeader #ulMainNav li#liMNHome.current a {background: url(graphics/asda-home.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNSGroceries {background: url(graphics/asda-groceries.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNSGroceries a {width:68px;background: url(graphics/asda-groceries.gif) no-repeat;} #divHeader #ulMainNav li#liMNSGroceries a:hover {background: url(graphics/asda-groceries.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNSGroceries.current a {background: url(graphics/asda-groceries.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNCDsDVDsAndGames {background: url(graphics/asda-cds-dvds-games.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNCDsDVDsAndGames a {width:68px;background: url(graphics/asda-cds-dvds-games.gif) no-repeat;} #divHeader #ulMainNav li#liMNCDsDVDsAndGames a:hover {background: url(graphics/asda-cds-dvds-games.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNCDsDVDsAndGames.current a {background: url(graphics/asda-cds-dvds-games.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNFinancialServices {background: url(graphics/asda-financial-services.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNFinancialServices a {width:62px;background: url(graphics/asda-financial-services.gif) no-repeat;} #divHeader #ulMainNav li#liMNFinancialServices a:hover {background: url(graphics/asda-financial-services.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNFinancialServices.current a {background: url(graphics/asda-financial-services.gif) no-repeat 0px -24px;} /* #divHeader #ulMainNav li#liMNOpticalCentre {background: url(graphics/asda-optical-centre.gif) no-repeat 0px -24px;} */ #divHeader #ulMainNav li#liMNOpticalCentre {background: url(graphics/asda-opticians.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNOpticalCentre a {width:67px;background: url(graphics/asda-opticians.gif) no-repeat;} #divHeader #ulMainNav li#liMNOpticalCentre a:hover {background: url(graphics/asda-opticians.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNOpticalCentre.current a {background: url(graphics/asda-opticians.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNPhoto {background: url(graphics/asda-photo.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNPhoto a {width:51px;background: url(graphics/asda-photo.gif) no-repeat;} #divHeader #ulMainNav li#liMNPhoto a:hover {background: url(graphics/asda-photo.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNPhoto.current a {background: url(graphics/asda-photo.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNFlowers {background: url(graphics/asda-flowers.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNFlowers a {width:61px;background: url(graphics/asda-flowers.gif) no-repeat;} #divHeader #ulMainNav li#liMNFlowers a:hover {background: url(graphics/asda-flowers.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNFlowers.current a {background: url(graphics/asda-flowers.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNNostalgicGifts {background: url(graphics/asda-nostalgic-gifts.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNNostalgicGifts a {width:63px;background: url(graphics/asda-nostalgic-gifts.gif) no-repeat;} #divHeader #ulMainNav li#liMNNostalgicGifts a:hover {background: url(graphics/asda-nostalgic-gifts.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNNostalgicGifts.current a {background: url(graphics/asda-nostalgic-gifts.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNTravel {background: url(graphics/asda-travel.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNTravel a {width:51px;background: url(graphics/asda-travel.gif) no-repeat;} #divHeader #ulMainNav li#liMNTravel a:hover {background: url(graphics/asda-travel.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNTravel.current a {background: url(graphics/asda-travel.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNMobilePhones {background: url(graphics/asda-mobile-phones.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNMobilePhones a {width:55px;background: url(graphics/asda-mobile-phones.gif) no-repeat;} #divHeader #ulMainNav li#liMNMobilePhones a:hover {background: url(graphics/asda-mobile-phones.gif) no-repeat 0px -24px;} #divHeader #ulMainNav li#liMNMobilePhones.current a {background: url(graphics/asda-mobile-phones.gif) no-repeat 0px -24px;} #divHeader #ulToolsNavigation { position:absolute; top:0; right:0; } #divHeader #ulToolsNavigation li { float:left; margin-left:0.5em; display: inline; padding-left:0.5em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:90%; border-left:1px solid #33CC33; } #divHeader #ulToolsNavigation li a { color:#013399; text-decoration:none; } #divHeader #ulToolsNavigation li a:hover { text-decoration:underline; } #divHeader #ulToolsNavigation li#liTNCheckout {border:0;} #liTNContactUs {} #liTNMyAccount {} #divHeader #ulToolsNavigation #liTNBasket a { display:block; float:left; padding-left:18px; min-height:11px; height:auto !important; height:11px; background:url(graphics/shopping-basket-15x11.gif) top left no-repeat; } /*----- Header - #divNavigation --------------------------------------------------------*/ #divNavigation div { padding:0 0 6px 0; margin-bottom:4px; } #divNavigation div ul { font-size:90%; margin:0 1px; } #divNavigation div h2 { background:#4C97BB url(graphics/nav-h2-top.gif) top no-repeat; color:#FFF; padding:0.3em 10px; font-size:1.3em; margin-bottom:3px; } #divNavigation div ul.navCLothers { border-top:3px solid #D2E5EE; margin-top:3px; padding-top:3px; } #divNavigation div ul li { line-height:1.4em; font-size:1.1em; padding-left:11px; } #divNavigation div ul li a { color:#326500; text-decoration:none; } #divNavigation div ul li a:hover { text-decoration:underline; } #divNavigation div ul li.current a { text-decoration:underline; } #divNavigation div#divNavOptions ul { background:url(graphics/nav-div-top.gif) top no-repeat; padding-top:4px; padding-left:10px; margin:0; } #divNavigation div ul li.expand { background:url(graphics/nav-li-arrow-expanded.gif) left 7px no-repeat; margin:0; } #divNavigation div#divNavOptions ul ul, #divNavigation div ul ul { margin:0; border:0; padding:0; padding-left:5px; background:none; } #divNavigation div ul li.expand li a { text-decoration:none; color:#4C97BB; } #divNavigation div ul li.expand li a:hover { text-decoration:underline; } #divNavigation div ul li.expand li.current a { color:#013399; text-decoration:underline; } #divNavigation div ul li.expand li { margin:0; border:0; background:none; padding:0; font-size:1em; } #divNavigation li.sub { padding-left: 20px; font-size: 90%; } /*----- BREADCRUMB - #divBreadCrumb ----------------------------------------------------*/ #divContent #divBreadCrumb { margin-bottom:1em; } #divContent #divBreadCrumb ul li { display:inline; background:none; margin:0; padding:0; } #divContent #divBreadCrumb ul li a { display:inline; color:#013399; text-decoration:none; } #divContent #divBreadCrumb ul li.current a { text-decoration:underline; } /*----- CONTENT - #divContent ----------------------------------------------------*/ #divContent h1 { font-size:2em; color:#4C97BB; margin-bottom:0.6em; padding-bottom:0.2em; border-bottom:1px solid #4C97BB; } #divContent h2 { font-size:1.5em; color:#4C97BB; margin-bottom:0.6em; } #divContent h3 { font-size:1.3em; color:#4C97BB; margin-bottom:0.3em; padding-top:0.3em; } #divContent h4 { font-size:1.2em; color:#000; margin-bottom:0.3em; padding-top:0.3em; } #divContent p, #divContent ul { font-size:1.1em; margin-bottom:1.4em; line-height:1.3em; } #divContent p a, #divContent ul a, #divContent dd a { color:#000; } #divContent dl { margin-top:1em; } #divContent dt { font-size:1.3em; font-weight:bold; color:#4C97BB; padding:0.2em 0 0.3em 30px; background:url(graphics/dt-bg-q.gif) left top no-repeat; margin-bottom:0.7em; } #divContent dd { font-size:1.1em; padding:0.2em 0 0.3em 30px; background:url(graphics/dd-bg-a.gif) left top no-repeat; margin-bottom:2em; } #divFAQs { margin-top:1em; } #divFAQs h2 { font-size:1.3em; font-weight:bold; color:#4C97BB; padding:0.2em 0 0.3em 30px; background:url(graphics/dt-bg-q.gif) left top no-repeat; margin-bottom:0.7em; margin-top:1.7em; } #divFAQs p.answer { font-size:1.1em; padding:0.2em 0 0.3em 30px; background:url(graphics/dd-bg-a.gif) left top no-repeat; } p.backToTop { clear:left; padding-bottom:0.7em; border-bottom:1px solid #4C97BB; } #divContent ul li { padding-left:28px; background:url(graphics/branding-li-disc.gif) 16px 3px no-repeat; margin-bottom:0.8em; } #divContent ul#ulPageContents { border-bottom:1px solid #4C97BB; } #divContent ul#ulPageContents li { line-height:0.6em; padding-left:9px; background:url(graphics/nav-li-arrow.gif) left center no-repeat; } #divContent ul#ulPageContents li a { color:#013399; text-decoration:none; } #divContent ul#ulPageContents li a:hover { color:#013399; text-decoration:underline; } #divContent form fieldset { border:1px solid #4C97BB; } #divContent form fieldset p { border:1px solid #FFF; padding:9px 9px 0; margin:0; } #divContent form fieldset p label { display:block; float:left; width:111px; text-align:right; padding-right:10px; font-weight:bold; color:#013399; } #divContent form fieldset p input { width:16em; font-size:1.1em; padding:0.1em; } #divContent form fieldset div.btns { padding:0.9em 0 0 131px; } #divContent form fieldset div.btns input { padding:0.3em 0.2em 0.3em 0.3em; border-top:1px solid #3E7F27; border-bottom:1px solid #3E7F27; border-left:1px solid #3E7F27; border-right:1px solid #3E7F27; background-color:#569640; color:#FFF; font-size:1.2em; font-weight:bold; cursor:pointer; cursor:hand; } #divContent form fieldset p.forgotPassword { padding:0.9em; } #divContent form fieldset legend { font-size:1.3em; font-weight:bold; background:#FFF; color:#013399; margin:0 1em; padding:0 0.5em } #divRegister { margin:1.4em 0; padding-bottom:1.4em; border-bottom:1px solid #4C97BB; } #divContent #divRegister a { padding:0.3em 0.5em 0.3em 0.7em; border-top:1px solid #A6CBDD; border-bottom:1px solid #41809F; border-left:1px solid #4C97BB; border-right:1px solid #4C97BB; background-color:#4C97BB; color:#FFF; font-weight:bold; display:block; float:left; text-decoration:none; } #divContent #divRegister span { padding:0.5em 0 0 1em; display:block; float:left; } #dlHowTo { margin-bottom:0; } #dlHowTo dd, #dlHowTo p, { background:none; padding-left:31px; margin-bottom:1.4em; } #dlHowTo p { font-size:1.1em; padding:0.2em 0 0.3em 30px; } #dlHowTo .first-child { background:none; padding-left:31px; margin-bottom:0.7em; } #step1 { background:url(ASDAimages/ASDAheader/buttons/1.gif) left top no-repeat; } #step2 { background:url(ASDAimages/ASDAheader/buttons/2.gif) left top no-repeat; } #step3 { background:url(ASDAimages/ASDAheader/buttons/3.gif) left top no-repeat; } #step4 { background:url(ASDAimages/ASDAheader/buttons/4.gif) left top no-repeat; } #step5 { background:url(ASDAimages/ASDAheader/buttons/5.gif) left top no-repeat; } /*----- STORE FINDER - #divStorefinder ----------------------------------------------------*/ #divStorefinder { } #divStorefinderList { margin-bottom:2em; padding-bottom:9px; border-bottom:1px solid #4C97BB; } #divStorefinder select { width:200px; } #divStorefinder h2 { margin-bottom:1em; font-size:1.8em; margin-top:1em; } #divStorefinder h2.SFheader { font-size:1.3em; margin-bottom:0.2em; } div#divContent div.vcard { width:30%; float:left; padding-bottom:0.4em; height:11.5em; border-bottom:1px solid #D2E5EE; margin-right:9px; margin-bottom:1.5em; display: inline; } div#divContent div.clearleft { clear:left; } div#divContent div.vcard h3 { margin:0; font-size:1.2em; } div#divContent div.vcard p { margin-bottom:0.4em; } div#divHomeContent div.vcard { width:30%; float:left; display: inline; padding-bottom:0.4em; height:11.5em; border-bottom:1px solid #D2E5EE; margin-right:9px; margin-bottom:1.5em; } div#divHomeContent div.clearleft { clear:left; } div#divHomeContent div.vcard h3 { margin:0; font-size:1.2em; } div#divHomeContent div.vcard p { margin-bottom:0.4em; } /*----- HOMEPAGE BRANDING - #divBranding ----------------------------------------------------*/ #why-pay-more { padding-bottom: 10px; } #branding-content{ width: 370px; padding: 0 0 10px 0; font-size: 1.1em; line-height: 1.3em; } #divBranding { border-bottom:1px solid #A5CBDD; background:url(graphics/branding-image.jpg) right bottom no-repeat; min-height:123px; margin-bottom:9px; padding-right:140px; _height:123px; } #divBranding h1 { color:#4E98BC; font-size:3.2em; font-weight:normal; } #divBranding h2 { color:#4E98BC; font-size:2em; margin-bottom:0.3em; font-weight:bold; } #divBranding li { float:left; background:url(graphics/branding-li-disc.gif) left center no-repeat; color:#000; padding:0.2em 0 0.2em 12px; font-size:1.3em; font-weight:bold; } #divBranding li.divBULbrands, #divBranding li.divBULdelivery {width:30%;} #divBranding li.divBULpacks, #divBranding li.divBULsunnies {width:50%;} /*----- HOMEPAGE PANELS - #divPanels --------------------------------------------------------*/ #divPanels { margin-bottom:9px; border-bottom:1px solid #A5CBDD; padding-bottom:2px; } #divPanels div { float:left; display: inline; width:180px; background:url(graphics/branding-panel-bottom.gif) bottom no-repeat; padding-bottom:10px; margin-left:17px; border-top:#A6CBDD; height:15em; position:relative; margin-bottom:0; } #divPanels div h2 { background-color:#4C97BB; color:#FFF; padding:0.3em 10px; font-size:1.3em; margin-bottom:3px; border-top:1px solid #A5CBDD; border-bottom:1px solid #41809F; } #divPanels div p a { display:block; text-indent:-3000px; text-decoration:none; overflow:hidden; width:160px; height:15px; background:#666 url(graphics/panel-a-fullrange.gif) no-repeat; position:absolute; bottom:13px; left:10px; } div#divPanels div#divPanel1 { margin-left:0; background:url(graphics/branding-panel1-bottom.gif) bottom no-repeat; } div#divPanels div#divPanel2 { margin-left:17px; background:url(graphics/branding-panel2-bottom.gif) bottom no-repeat; } div#divPanels div#divPanel3 { margin-left:18px; background:url(graphics/branding-panel3-bottom.gif) bottom no-repeat; } div#divPanels div#divPanel3 p.designer { position:absolute; width:93px; height:78px; text-indent:-3000px; top:1px; right:1px; background:url(graphics/panel-designer.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='graphics/panel-designer.png', sizingMethod='scale'); } #divPanels p.disclaimer { text-align:right; color:#7F7F7F; clear:left; margin-top:-9px; } /*----- HOMEPAGE BOXES - #divboxs --------------------------------------------------------*/ div.divBoxRow { border-bottom:1px solid #A5CBDD; margin-bottom:9px; } div.divBoxRow2 { border-bottom:1px solid #A5CBDD; margin-bottom:9px; } div.box { float:left; padding:4px 0; position:relative; min-height:9.5em; height:9.5em; } div.b2bbox { width: 250px; float:left; padding:4px 0; position:relative; } div.blueb2bbox { width: 250px; background: #4c97bb; color: white; float:left; padding:4px 0; position:relative; } div.divBoxRow2 div.box { float:left; padding:4px 0; position:relative; min-height:11em; height:11em; } div.box h2 { color:#013399; font-size:1.4em; margin-bottom:3px; } div.box h2.specials { font-size:1.8em; margin-bottom:0; } div.box h2 strong { font-size:1.3em; } div.box p { font-size:1.1em; line-height:1.3em; } div.box p.more a { position:absolute; right:13px; bottom:4px; width:65px; height:15px; background:url(graphics/box-more.gif) no-repeat; text-indent:-3000px; overflow:hidden; text-decoration:none; } div.box p.store a { position:absolute; left:13px; bottom:4px; width:170px; height:15px; background:url(graphics/box-stores.gif) no-repeat; text-indent:-3000px; overflow:hidden; text-decoration:none; } div#divBox1 { width:180px; border-right:1px solid #A5CBDD; padding-right:9px; margin-bottom:9px; } div#divBox2 { width:177px; border-right:1px solid #A5CBDD; padding:4px 9px; margin-bottom:9px; } div#divBox3 { width:170px; padding:4px 9px; margin-bottom:9px; } div#divBox3 h2 { margin-bottom:0.8em; } div#divBox3 ul { background:url(graphics/box3-bg.gif) left top no-repeat; position:relative; width:100%; height:4.8em; } div#divBox3 ul li { display:block; float:left; } div#divBox3 ul li a { display:block; position:absolute; text-indent:-3000px; text-decoration:none; overflow:hidden; } div#divBox3 ul li#boxBrand1 a {top:0;left:0;width:78px;height:22px;} div#divBox3 ul li#boxBrand2 a {top:0;left:78px;width:87px;height:19px;} div#divBox3 ul li#boxBrand3 a {top:27px;left:0;width:83px;height:22px;} div#divBox3 ul li#boxBrand4 a {top:20px;left:100px;width:53px;height:28px;} div#divBox4 { width:180px; border-right:1px solid #A5CBDD; padding-right:9px; margin-bottom:9px; } div#divBox5 { width:177px; border-right:1px solid #A5CBDD; padding:4px 9px; margin-bottom:9px; } div#divBox6 { width:170px; padding:4px 9px; margin-bottom:9px; } /*----- FOOTER - #divFooter --------------------------------------------------------*/ #divFooter { background-color:#4C97BB; color:#FFF; border-top:10px solid #FFF; padding:0.3em 1em; } #divFooter li { display:inline; } #divFooter a { color:#FFF; font-size:1em; text-decoration:none; margin-left:0.5em; padding-left:0.5em; border-left:1px solid #68A7C5; } #divFooter a:hover { text-decoration:underline; } /* @group Group wide footer - added by Naoise, March 14th, 2008. */ #groupfooter { float: left; width: 950px; padding: 0 0 10px 0; font-size: 1.1em; } #groupfooter a { text-decoration: none; color: #999; } #groupfooter a:hover { text-decoration: underline; } #groupfooter .column { width: 248px; float: left; border-right: 5px solid #fff; } #groupfooter .column #2 { border-right: 5px solid #fff; border-left: 5px solid #fff; } #groupfooter dt { background-color: #DEF2D5; color: #64BA25; padding: 0 5px 0 5px; margin: 10px 0 5px 0; font-weight: bold; } #groupfooter dt a { color: #64BA25; } #groupfooter dd { margin-left: 0; padding: 0 5px 0 5px; line-height: 1.3em; } /* @end */ /*------ IT COMPLETE STYLES --------------------------------------------------------------------*/ a.abtns:link{ border-top:1px solid #A6CBDD; border-bottom:1px solid #41809F; border-left:1px solid #4C97BB; border-right:1px solid #4C97BB; background-color:#4C97BB; color:#FFF; font-weight:bold; font-size:9pt; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding:0.45em; } a.abtns:hover{ border-top:1px solid #A6CBDD; border-bottom:1px solid #41809F; border-left:1px solid #4C97BB; border-right:1px solid #4C97BB; background-color:#4C97BB; color:#FFF; font-weight:bold; font-size:9pt; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding:0.45em; } a.abtns:visited{ border-top:1px solid #A6CBDD; border-bottom:1px solid #41809F; border-left:1px solid #4C97BB; border-right:1px solid #4C97BB; background-color:#4C97BB; color:#FFF; font-weight:bold; font-size:9pt; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding:0.45em; } input.btns{ padding:0.3em 0.2em 0.3em 0.3em; border-top:1px solid #3E7F27; border-bottom:1px solid #3E7F27; border-left:1px solid #3E7F27; border-right:1px solid #3E7F27; background-color:#569640; color:#FFF; font-size:9pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; cursor:pointer; cursor:hand; } select{ color:#000000; font-weight:none; font-size:8pt; font-family:Arial, Helvetica, sans-serif; } span.StepGuide { color:#013399; font-weight:bold; font-size:9pt; font-family:Arial, Helvetica, sans-serif; padding:0.8em; } span.manufacturer_name { color:#013399; font-weight:bold; font-size:8pt; font-family:Arial, Helvetica, sans-serif; } span.product_name { color:#013399; font-weight:none; font-size:8pt; font-family:Arial, Helvetica, sans-serif; } span.loginText{ font-family : Arial, Helvetica, sans-serif; border : 0px solid #00319C; font-size: 11px; padding-top: 4px; padding-left: 4px; padding-bottom: 4px; COLOR : #33CC33; font-weight: bold; padding-right: 3px; line-height: 1.0em; } td.cart_desc { color:#013399; font-weight:bold; font-size:8pt; font-family:Arial, Helvetica, sans-serif; } td.cart_data { color:#013399; font-weight:none; font-size:8pt; font-family:Arial, Helvetica, sans-serif; } td.form-desc { color:#000; padding: 3px; font-weight:bold; font-size:8pt; font-family:Arial, Helvetica, sans-serif; } td.form-desc a { color:#569640; } td.maincontent-linkdesc { color:#013399; font-weight:none; font-size:8pt; font-family:Arial, Helvetica, sans-serif; } .maincontentText { padding: 5px; } .maincontentText a { color:#569640; } table.lensCompare{ border : 1px solid #00319C; border-collapse: collapse; } td.lensCompare{ font-family : Arial, Helvetica, sans-serif; border : 1px solid #00319C; font-size: 11px; padding-top: 4px; padding-left: 4px; padding-bottom: 4px; color : #00319C; font-weight: normal; padding-right: 3px; line-height: 1.0em; } A.lensCompare{ COLOR : #33CC33; font-weight: bold; TEXT-DECORATION : none; } A.lensCompare:hover{ COLOR : #333363; TEXT-DECORATION : none; font-weight: bold; } A.lensCompare:visited{ COLOR : #33CC33; font-weight: bold; TEXT-DECORATION : none; } td.siteMapHeader { background-color:#003399; color:#ffffff; font-weight:bold; font-size:9pt; font-family:Arial, Helvetica, sans-serif; padding: 2px; } .sitemap { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #003399; } a.sitemap:link { color: #003399; text-decoration: none; } a.sitemap:visited { color: #003399; text-decoration: none; } a.sitemap:hover { color: #003399; text-decoration: underline; } a.sitemap:active { color: #003399; text-decoration: none; } /*--- OPTICAL GIFT CARDS - MARINO ----------------------------------------------------------*/ div#optical-gift-card-wrapper { float: left; width: 575px; } div#ogc-l-1 { float: left; width: 575px; } div#ogc-l-2 { float: left; width: 575px; } div#ogc-l-2-col-1 { float: left; width: 280px; } div#ogc-l-2-col-1 p { line-height: 1.3em; font-size: 1.1em; margin: 0 0 0.5em 0; color: #666; padding: 0 20px 0 0; } div#ogc-l-2-col-1 p.intro { font-weight: bold; font-size: 1.3em; } div#ogc-l-2-col-1-button-block { float: left; width: 260px; margin: 12px 0; text-align: right; padding: 0 20px 0 0; } div#ogc-l-2-col-2 { float: left; width: 295px; color: #fff; } div#ogc-l-2-col-2 p { color: #fff; line-height: 1.3em; font-size: 1.1em; margin: 0 0 0.5em 0; } div#ogc-l-2-col-2-content { float: left; width: 245px; background: #65cc00 url(graphics/optGiftCard/ogc-l-2-col-2-content-footer.png) no-repeat left bottom; padding: 0 15px 22px 15px; } div#ogc-l-3 { float: left; width: 555px; background: #65cc00 url(graphics/optGiftCard/ogc-l-3-top-right-corner.png) no-repeat right top; margin: 10px 0 0 0; padding: 0 0 0 0; } div#ogc-l-3-col-1 { float: left; width: 330px; background:url(graphics/optGiftCard/ogc-l-3-bg-page-image.png) no-repeat left top; padding: 25px 0 10px 100px; } div#ogc-l-3-col-2 { padding: 65px 0 0 0; } div#ogc-l-3 p { color: #fff; line-height: 1.3em; font-size: 1.1em; margin: 0 0 0.5em 0; padding: 0 20px 0 0; } div#ogc-l-4 { float: left; width: 575px; margin: 10px 0; border-top: 1px solid #a5cbdd; padding: 10px 0 0 0; } div#ogc-l-4 p { line-height: 1.3em; font-size: 1.1em; margin: 0 0 0.5em 0; color: #666; padding: 0 20px 0 0; } /*--- CLEARFIX ----------------------------------------------------------*/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ body#staticlayout div#divContent { width: 854px; } div#Boxey a.abtns { color: #fff; } div#Boxey a.abtns:hover { color: #00f; } #divTextWrapper {padding:10px; border: 1px solid #a4d490; text-align:left; margin-bottom:5px;} dl.dlHowTo { margin-bottom:0; } dl.dlHowTo dt { /*background:url(graphics/dt-bg-q.gif) left top no-repeat;*/ background:url(ASDAimages/ASDAheader/buttons/q.gif) left top no-repeat; padding-left:31px; padding-top:4px; color:#569640; font-size: 1.3em; font-weight:bold; padding-bottom:7px; } dl.dlHowTo.small dt { color:#000; font-size: 1em; font-weight: normal; } dl.dlHowTo dd { /*background:url(graphics/dd-bg-a.gif) left top no-repeat;*/ background:url(ASDAimages/ASDAheader/buttons/a.gif) left top no-repeat; margin-bottom:1.4em; padding-left:31px; padding-top:4px; padding-bottom:3px; } dl.dlHowTo p { font-size:1.1em; padding:0.2em 0 0.3em 30px; } #divTextWrapper ul, #divTextWrapper p { padding: 10px; } #divTextWrapper ul li { list-style: circle; margin-left: 13px; padding-bottom: 2px; } div#divHomeContent ul#ulPageContents li { margin: 0px; padding-left:9px; background:url(graphics/nav-li-arrow.gif) left center no-repeat; list-style:none; font-size: 1.1em; padding-bottom: 3px; } body.bare div#divContent { float: left; } #divSummary table.SummaryIntTable { padding-top: 5px; padding-bottom: 5px; } #divSummary table.SummaryIntTable td, #divSummary table.SummaryIntTable th { padding:0 0 2px 10px; border: 0px; margin:0px; text-align:center; } div.summary-opinion-block { margin: 10px 0; } div.summary-opinion-block p { margin-bottom: 0.7em; } div.summary-opinion-block label { margin-left: 6px; } /*--- Glasses Promo October 09 - MARINO ----------------------------------------------------------*/ div.mini-text-block { padding: 10px 0; height: 42px; } div.mini-text-block p { line-height: 1.5em; font-size: 14px; } div.glasses1-text-block { padding: 6px 0; height: 147px; } div.glasses1-text-block p { line-height: 1.5em; font-size: 14px; } div.glasses2-text-block { padding: 11px 0; height: 60px; } div.glasses2-text-block p { line-height: 1.5em; font-size: 14px; } div.m-col-1 { float: left; width: 575px; padding: 0 2px 0 0; display: inline; } div.m-col-2 { width: 230px; display:inline; height: auto; } /*--- SEO Changes 20100818 - MARINO ----------------------------------------------------------*/ .introText { padding: 5px; border: 1px solid #a4d490; width:563px; margin-bottom: 6px; } .introText p { margin-bottom: 6px; }