/* filename: styles.css description: 1800GetLens.com Stylesheet Master media: screen author: Chris Harrison (chris@powerserve.net) */ /* Linked Stylesheets */ @import url(/include/css/reset.css); /* Resets ALL HTML elements. */ /* General Styles */ body { background:#019dda url(/images/bg.jpg) repeat-x; color:#333; font:normal 1em/1.4 tahoma,verdana,sans-serif; text-align:center; } a { color:#0a64ad; font-weight:bold; text-decoration:none; } a:hover { text-decoration:underline; } /* Page Container - controls position of site in browser, width, etc. */ #page { margin:0 auto .5em; padding:0; position:relative; text-align:left; width:770px; } /* Session Status - Displayed if Customer Service Rep is logged into front-end of website. */ #page #session-status { display:block; font-size:70%; margin:.5em 0; text-align:right; } #global { height:24px; } /* Utilities */ #global #utilities { float:left; font-size:65%; padding:.5em 0; text-align:left; text-transform:uppercase; } #global #utilities a { color:#fff; padding:0 1.5em 0 0; } /* Flags */ #global #flags { float:right; margin:.3em 0; width:430px; } #global #flags strong { color:#fff; font-size:60%; float:left; font-weight:bold; margin:2px 2px 0 0; } #global #flags a { border:1px solid #fff; float:left; height:11px; margin:0 1px 0 0; position:relative; text-decoration:none; width:16px; } #global #flags a span { display:none; } #global #flags a:hover { border:1px solid #ffe100; } #global #flags a:hover span { background:url(/images/flags/flag-span-top-arrow.gif) no-repeat; border:solid #035cac; border-width:0 1px 1px 1px; color:#01a7e2; display:block; float:left; font-size:60%; font-weight:bold; line-height:1em; margin:0; padding:1em 2em; position:absolute; text-align:center; top:11px; width:100px; } * html #global #flags a:hover span { display:none; !important } #global #flags a.eu { background:url(/images/flags/europeanunion.gif) no-repeat; } #global #flags a.at { background:url(/images/flags/at.gif) no-repeat 0 50%; } #global #flags a.be { background:url(/images/flags/be.gif) no-repeat 0 50%; } #global #flags a.ch { background:url(/images/flags/ch.gif) no-repeat 0 50%; width:11px; } #global #flags a.de { background:url(/images/flags/de.gif) no-repeat 0 50%; } #global #flags a.dk { background:url(/images/flags/dk.gif) no-repeat 0 50%; } #global #flags a.es { background:url(/images/flags/es.gif) no-repeat 0 50%; } #global #flags a.fi { background:url(/images/flags/fi.gif) no-repeat 0 50%; } #global #flags a.fr { background:url(/images/flags/fr.gif) no-repeat 0 50%; } #global #flags a.gb { background:url(/images/flags/gb.gif) no-repeat 0 50%; } #global #flags a.gr { background:url(/images/flags/gr.gif) no-repeat 0 50%; } #global #flags a.ie { background:url(/images/flags/ie.gif) no-repeat 0 50%; } #global #flags a.it { background:url(/images/flags/it.gif) no-repeat 0 50%; } #global #flags a.nl { background:url(/images/flags/nl.gif) no-repeat 0 50%; } #global #flags a.no { background:url(/images/flags/no.gif) no-repeat 0 50%; } #global #flags a.pt { background:url(/images/flags/pt.gif) no-repeat 0 50%; } #global #flags a.se { background:url(/images/flags/se.gif) no-repeat 0 50%; } #global #flags a.us { background:url(/images/flags/us.gif) no-repeat 0 50%; } /* Masthead */ #masthead { background:#01a7e2 url(/images/masthead.gif) no-repeat 50% 100%; display:block; height:100px; width:100%; } #masthead.home { background:#fff url(/images/masthead_home.jpg) no-repeat 50% 100%; display:block; min-height:351px; width:100%; } * html #masthead.home { height:351px; } #masthead h1#logo { background:url(/siteimages/logo/logo.png) no-repeat; float:left; height:59px; margin:15px; outline:none; text-indent:-9999px; width:189px; } * html #masthead h1#logo { background:url(/images/logo.gif) no-repeat; !important } #masthead h1#logo a { display:block; height:59px; position:relative; width:189px; } * html #masthead h1#logo { margin-top:-10px; } * html #masthead h1#logo a, * html .home h1#logo a { height:39px; } html>body #masthead h1#logo { *margin-top:-10px; } /* God, I hate IE 7. */ /* Masthead: Main Navigation */ #masthead #main-navigation { text-align:right; width:100%; } #masthead #main-navigation ul { float:right; font-size:70%; padding:.5em; text-indent:0; } #masthead #main-navigation ul li { background:url("/images/topnav-icn.gif") 0 50% no-repeat; display:inline; padding:0 .75em; } #masthead #main-navigation ul li a { color:#fff; } /* reserved */ /* Masthead: Search Widget */ #masthead #search { clear:right; float:right; } #masthead #search form#terms { display:block; margin:0 0 10px 0; width:230px; } #masthead #search form#terms label { color:#fff; font-size:70%; font-weight:bold; text-transform:uppercase; vertical-align:baseline; } #masthead #search form#terms #s { border:1px solid #0c53a3; vertical-align:baseline; width:110px; } #masthead #search form#terms #submit { vertical-align:bottom; } #masthead #search form#lenses { display:none; } #homecontent { clear:both; position:relative; } #homecontent #home-navigation { left:14px; position:absolute; width:176px; } #homecontent #home-navigation ul { margin:.75em 0 0 0; text-indent:0; } #homecontent #home-navigation ul li { background:url(/images/home-nav-divider.gif) no-repeat 50% 100%; height:30px; margin:0; padding:0; vertical-align:middle; width:100%; } #homecontent #home-navigation ul li a { color:#fff; display:block; font:bold 75% arial,helvetica,sans-serif; padding:7px 7px 7px 33px; text-decoration:none; } #homecontent #home-navigation ul li a:hover { color:#ffe100; } #homecontent #home-navigation ul li.browse a { background:url(/images/home-nav-browse.gif) no-repeat 5px 50%; } #homecontent #home-navigation ul li.reorder a { background:url(/images/home-nav-reorder.gif) no-repeat 5px 50%; } #homecontent #home-navigation ul li.myaccount a { background:url(/images/home-nav-account.gif) no-repeat 5px 50%; } #homecontent #home-navigation ul li.refer a { background:url(/images/home-nav-refer.gif) no-repeat 5px 50%; } #homecontent #home-navigation ul li.affiliate a { background:url(/images/home-nav-affiliate.gif) no-repeat 5px 50%; } #homecontent #home-navigation ul li.help a { background:url(/images/home-nav-help.gif) no-repeat 5px 50%; } #homecontent #home-navigation ul li.help { background-image:none; } #homecontent #text { left:207px; position:absolute; top:2em; width:365px; } #homecontent #text h2 { color:#0d51a2; font:normal 125%/.8 arial,helvetica,sans-serif; letter-spacing:-1px; } #homecontent #text h3 { color:#0099d5; font:bold 145% arial,helvetica,sans-serif; letter-spacing:-2px; margin:0 0 .5em; } #homecontent #text h3 sup { font-size:50%; vertical-align:top; } #homecontent #text p { font-size:70%; line-height:1.6; margin:0 2.5em .5em 0; } #homecontent #text strong { font-weight:bold; } /* Content */ #page #content { background:#fff; margin:0; padding:0 15px 15px 15px; width:740px; } * html #content { width:770px; } #page #content h3 { color:#0c53a3; font:bold 110% arial,helvetica,sans-serif; letter-spacing:-1px; } #page #content h3.starred { background:url(/images/hdr-star.gif) no-repeat; padding:0 0 0 1.5em; } #page #content h4 { color:#0c53a3; font:bold 90% arial,helvetica,sans-serif; margin:0 0 .5em; } #page #content ol { font-size:70%; list-style:decimal; margin:0 0 1em 2em; text-indent:0; } #page #content ol strong { font-weight:bold; } #page #content ul { font-size:70%; list-style:square; margin:0 0 1em 2em; text-indent:0; } #page #content ul strong { font-weight:bold; } #page #content ol ol, #page #content ul ul, #page #content ol ul, #page #content ul ol, #page #content ul p, #page #content ol p { font-size:100%; } #page #content blockquote { font-size:70%; margin:0 0 .5em 2em; } #page #content #roi { left:1px; position:absolute; top:1px; } /* Content: Homepage */ #content.home { background:#2c307a; display:block; padding:0 0 0 0; margin:0; } #content.home #modules { background:#2c307a; padding:0 1.5em; } #content.home #modules div { float:left; } #content.home #modules div#most-popular { margin:.5em 0 0; width:165px; } #content.home #modules div#top-lens-types { margin:.5em 0 0; width:135px; } #content.home #modules div#top-brands { margin:.5em 0 0; width:125px; } #content.home #modules div#leadin { float:left; width:296px; } #content.home #modules div#leadin .header { background:#fc0 url(/lens/images/infoboxhdr-btm.gif) no-repeat bottom center; display:block; margin:0 0 .25em; width:100%; } #content.home #modules div#leadin .header h2 { background:url(/lens/images/infoboxhdr-top.gif) no-repeat; color:#000; font-size:80%; font-weight:bold; padding:1em .5em; text-align:center; text-transform:uppercase; } #content.home #modules div#infobox { background:#fff url(/lens/images/box-btm.jpg) no-repeat bottom center; display:block; width:100%; } #content.home #modules div#infobox p { background:url(/lens/images/box-top.jpg) no-repeat; font-size:75%; font-weight:bold; line-height:1.6; padding:1em; } #content.home #modules div#infobox p a { color:#0c53a3; } #content.home #modules div h5 { color:#0c53a3; font:bold 95% 'trebuchet ms',arial,helvetica,sans-serif; text-transform:uppercase; } #content.home #modules div ul { font-size:65%; } #content.home #modules div ul li { background:url(/lens/images/top-bullet.gif) no-repeat 0 50%; padding:.2em 0 .2em .75em; } #content.home #modules div ul li a { color:#fff; } /* Content: Breadcrumbs */ #content #breadcrumbs { color:#777; display:block; font-size:65%; font-weight:normal; margin:0; padding:0; text-align:right; width:100%; } * html #content #breadcrumbs { width:740px; } #content #breadcrumbs h1 { display:inline; font-size:100%; } #content #breadcrumbs a { color:#777; font-weight:normal; } #content #breadcrumbs strong { font-weight:normal; } /* Checkut Steps */ #content #checkout_steps { display:none; float:right; } /* Content: Headings */ #content #heading { clear:both; color:#0c53a3; font:bold 160% arial,helvetica,sans-serif; letter-spacing:-2px; margin:0 0 .25em; } #content #heading h1 { display:inline; } /* Content: Introduction - generally used when displaying content directly underneath a #heading */ #content #intro { display:block; margin:0 0 1em; width:100%; } * html #content #intro { width:740px; } #content #intro p { font-size:70%; } #content #intro p strong { font-weight:bold; } #content #confirm { display:block; margin:.5em 0; } #content #confirm p { font-size:70%; } #content #confirm p strong { font-weight:bold; } #content #agreement { list-style:decimal; margin:0 0 .5em 2em; text-indent:0; } #content #agreement li { font-size:100%; } #content #agreement li h3 { font-size:150%; } #content #agreement li h4 { font:bold 100% tahoma,verdana,sans-serif; letter-spacing:0; margin:0 0 0 0; } #content #agreement li ol { list-style:lower-alpha; margin:0 0 .5em 2em; text-indent:0; } #content #agreement li ol li { font-size:100%; } #content #agreement li ol li ol { list-style:lower-roman; margin:0 0 .5em 2em; text-indent:0; } #content #agreement li ol li ol li { font-size:100%; } #content #agreement li p { font-size:100%; margin:0 0 .5em; } /* Stylization for Contacts A-Z | contactsatoz.asp */ #page #content .atozjump { display:block; list-style:none; margin:0 0 0 0; padding:0; text-indent:0; } #page #content .atozjump li { display:inline; } /* font-size is larger than normal due to some inheritance issues. */ #page #content .atozjump li a { background:#f4f4ec; border:1px solid #dbdcca; display:block; float:left; margin:0 .25em 0 0; padding:.25em .5em; text-align:center; text-decoration:none; } #page #content .atozjump li a:hover { background:#cff2ff; border:1px solid #0c53a3; } #content .results { border:0; border-collapse:collapse; border-spacing:0; clear:both; display:block; margin:.5em 0; width:100%; } * html #content .results { width:740px; } #content .results td { font-size:70%; vertical-align:top; width:50%; } #content .results td table { display:block; width:95%; } #content .results td td { font-size:100%; } #content .results td td a { display:block; padding:.25em .25em .25em .5em; } #page #content .results td td h3 { border-bottom:1px solid #e6e6e6; color:#333; font-size:125%; padding:.25em .25em .25em 0; } #content #faq-detail {} #content #faq-detail p { font-size:70%; margin:0 0 .5em; } #content .faq-list { font-size:100%; list-style:square; margin:0 0 .5em 2em; text-indent:0; } /* Content: My Account Tools -- /secure/myaccount.asp */ #content #account-tools { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; width:100%; } #content #account-tools th { background:#f4f4ec; border:1px solid #dbdcca; font-size:70%; font-weight:bold; padding:.5em; width:33%; } #content #account-tools td { border:1px solid #dbdcca; padding:.5em; } #content #account-tools td ul { font-size:70%; list-style:square; margin:0 0 1em 2em; text-indent:0; } /* Content: Shopping Cart -- /secure/mainbasket.asp */ #content #cart { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; margin:0 0 1em; width:100%; } #content #cart.confirmation { width:50%; } #content #cart.confirmation tbody th, #content #cart.confirmation tbody td { width:50%; } #content #cart .no-orders { font:bold 80% arial,helvetica,sans-serif; text-align:center; padding:1em; } #content #cart thead {} #content #cart thead th { background:#f4f4ec; border:1px solid #dbdcca; font-size:70%; font-weight:bold; padding:.5em; } #content #cart thead th.info { text-align:left; } #content #cart thead th.qty, #content #cart thead th.price, #content #cart thead th.subtotal { text-align:center; } #content #cart thead th.status { text-align:right; } #content #cart thead th.buynow { text-align:center; } #content #cart tbody {} #content #cart tbody th, #content #cart tbody td { border:1px solid #dbdcca; font-size:70%; padding:.5em; } #content #cart tbody td.info { vertical-align:top; } #content #cart tbody td.info strong { color:#0c53a3; display:block; font-weight:bold; } #content #cart tbody td.info .info { float:left; } #content #cart tbody td.info .info b, #content #cart tbody td.info .info strong { display:inline; } #content #cart tbody td.info .extended-info { float:right; margin:0 1em 0 0; } #content #cart tbody td.qty { text-align:center; vertical-align:middle; width:75px; } #content #cart tbody td.price { text-align:center; vertical-align:middle; width:150px; } #content #cart tbody td.price table#displaypricecell { border:0; border-collapse:collapse; border-spacing:0; margin:0 auto; } #content #cart tbody td.price table#displaypricecell tr.suggested-price { color:#898989; } #content #cart tbody td.price table#displaypricecell tr.our-price {} #content #cart tbody td.price table#displaypricecell tr.disc-price {} #content #cart tbody td.price table#displaypricecell tr.you-save { color:#c00; } #content #cart tbody td.price table#displaypricecell th { border:0; font-size:100%; font-weight:bold; padding:.1em; } #content #cart tbody td.price table#displaypricecell td { border:0; font-size:100%; padding:.1em; } #content #cart tbody td.subtotal { text-align:center; vertical-align:middle; width:75px; } #content #cart tbody td.status { vertical-align:middle; text-align:right; } #content #cart tbody td.non-product {} #content #cart tbody td.non-product .promo-item { background:url(/images/rebate/tick.gif) no-repeat 0 50%; color:#0c53a3; float:left; padding:0 0 0 2em; } #content #cart tbody td.non-product .promo-item strong { font-weight:bold; } /* Needs further stylization */ #content #cart tbody td.non-product .promo-message { background:url(/images/rebate/tick.gif) no-repeat 0 50%; color:#0c53a3; float:left; padding:.5em 0 .5em 2em; } #content #cart tbody td.non-product .tools { clear:none; float:right; } #content #cart tbody td.coupon-entry {} #content #cart tbody td.coupon-entry label { margin:0 .5em 0 0; } #content #cart tbody td.coupon-entry input { border:1px solid #dbdcca; color:#333; margin:0 .5em 0 0; padding:.25em; } #content #cart tbody td.coupon-entry a { font-size:90%; } #content #cart tbody td.coupon-messages { border-bottom:1px solid #fff; border-left:1px solid #fff; text-align:center; vertical-align:middle; width:100%; } #content #cart tbody td.coupon-messages .coupon-error { color:#c00; font-size:100%; margin:0 0 .5em; } #content #cart tbody td.coupon-messages .coupon-upsell {} #content #cart tbody th.label { background:#f4f4ec; font-weight:bold; text-align:right; } #content #cart tbody th.label a { color:#000; } #content #cart tbody td.value { text-align:right; } #content #cart tbody td.value strong { font-weight:bold; } #content #cart tbody td.special { color:#c00; } #content #cart tbody td.null { border:solid #fff; border-width:0 0 1px 1px; } #content #cart tbody td.date { text-align:center; } #content #cart tbody td.buynow { text-align:center; vertical-align:middle; width:10%; } /* Add/Remove "Tools" for Cart Items, Coupons, Promos, Etc. */ #content #cart .tools { clear:both; font-size:90%; padding:.25em 0 0; } #content #cart .tools .mod { background:url(/lens/images/i.edit.gif) no-repeat; margin:0 2em 0 0; padding:0 0 0 1.3em; } #content #cart .tools .del { background:url(/lens/images/i.del.gif) no-repeat; padding:0 0 0 1.3em; } /* Cart: Rebate Offer */ #content #cart td#rebates { background:url(/images/rebate-offerbg.gif) repeat-x 0 100%; padding:0; } #content #cart td#rebates table { border:0; border-collapse:collapse; border-spacing:0; width:100%; } #content #cart td#rebates table tr td { border:0; font-size:100%; padding:.5em; vertical-align:top; } #content #cart td#rebates table tr td td { padding:0; } #content #cart td#rebates table tr td.image { width:60px; } #content #cart td#rebates table tr td.savings {} #content #cart td#rebates table tr td.savings h5 { color:#c00; font-size:180%; font-weight:bold; } #content #cart td#rebates table tr td.savings table.deal { border:0; border-collapse:collapse; border-spacing:0; width:100%; } #content #cart td#rebates table tr td.savings table.deal td { padding:.2em; } #content #cart td#rebates table tr td.savings table.deal td.label { text-align:right; } #content #cart td#rebates table tr td.savings table.deal td.btm { border-bottom:1px dotted #aaa; } #content #cart td#rebates table tr td.savings table.deal td.amount { font-weight:bold; text-align:right; width:60px; } #content #cart td#rebates table tr td.savings table.deal td.detail {} #content #cart td#rebates table tr td.savings table.deal td.detail em { color:#c00; font-weight:bold; } #content #cart td#rebates table tr td.accept { text-align:center; vertical-align:middle; width:280px; } #content #cart td#rebates table tr td.accept p { margin:.5em 0; } #content #cart td#rebates table tr td.accept strong { color:#c00; font-weight:bold; } /* Cart: Update Billing/Shipping Information */ #content #update-info { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; margin:0 0 1em; width:100%; } #content #update-info thead {} #content #update-info thead th { background:#f4f4ec; border:1px solid #dbdcca; font-size:70%; font-weight:bold; padding:.5em; vertical-align:middle; } #content #update-info thead th strong { vertical-align:middle; } #content #update-info thead th #caption { font-size:90%; margin:0 0 0 2.5em; } #content #update-info thead th #caption input { vertical-align:middle; } #content #update-info thead th #caption label { vertical-align:middle; } #content #update-info tbody {} #content #update-info tbody td { border:1px solid #dbdcca; vertical-align:top; width:50%; } #content #update-info tbody td table { border:0; border-collapse:collapse; border-spacing:0; margin:.5em; } #content #update-info tbody td table th, #content #update-info tbody td table td { background:#fff; border:0; font-size:70%; height:30px; vertical-align:middle; width:50%; } #content #update-info tbody td select { width:190px; } /* Cart: Congrats "Widget" */ #content #congrats { background:url(/images/rebate-offerbg.gif) repeat-x 0 75%; border:1px dotted #aaa; color:#000; font-size:80%; height:34px; margin:0 0 1em; text-align:center; } #content #congrats img { border-right:1px dotted #aaa; float:left; } #content #congrats .message { color:#000; float:left; padding:.6em 1em; } #content #congrats .message em { font-style:normal; font-weight:bold; } #content #congrats .message span.savings { color:#c00; font-weight:bold; } /* Cart: Rebate Offiers */ #content #rebate-offers { display:block; width:100%; } #content #rebate-offers .offers { background:url('/images/rebate-offerbg.gif') repeat-x 0 100%; border:0; border-collapse:collapse; border-spacing:0; color:#000; margin:0 0 .5em; width:100%; } #content #rebate-offers .offers td { padding:0; vertical-align:top; } #content #rebate-offers .offers table { border:1px dotted #aaa; border-collapse:collapse; border-spacing:0; font-size:70%; width:100%; } #content #rebate-offers .offers table td { border-bottom:1px solid #dbdcca; padding:3px; } #content #rebate-offers .offers table td a { color:#c00; margin-left:10px; } #content #rebate-offers .offers table td span.em { font-weight:bold; display:block; } #content #rebate-offers .offers table tbody.end td { border: 0; } #content #rebate-offers .offers strong.title { color: #0045a5; } #content #rebate-offers .offers .savingsperbox { color: #c00; } #content #rebate-offers .offers .smallprint { font-size:9px; font-weight: normal;} #content #rebate-offers .offers .subdivider { border-bottom:1px dotted #d6d3ad; font-size: 1px;} #content #rebate-offers .offers .savings #deal { border:0; border-collapse:collapse; border-spacing:0; } #content #rebate-offers .offers .savings #deal tbody, #content #rebate-offers .offers .savings #deal tbody td { border-top:0; } #content #rebate-offers .offers .savings #deal tfoot td { border-top:1px dotted #d6d3ad; } #content #rebate-offers .offers td.dealamount { border: 0; font-size: 10px; font-weight: bold; text-align: right; width: 65px; } #content #rebate-offers .offers td.dealcaption { border: 0; font-size: 10px; padding-right:10px; text-align: right; width: 95px; } #content #rebate-offers .offers td.dealdetail { border: 0; font-size: 10px; font-weight: bold; width: 110px; } #content #rebate-offers .offers td.bestoffer { background:#fff; color:#c00; font-size:65%; font-weight:bold; padding:1em; text-align:center; text-transform:uppercase; vertical-align:middle; width:40px; } #content #rebate-offers .offers table tbody td.amt { text-align: center; vertical-align: middle; width:50px; } #content #rebate-offers .offers table tbody td.desc { width: 270px; line-height:1.2em; vertical-align:middle; } #content #rebate-offers .offers table tbody td.desc h5 { color:#c00; font-size:13px; font-weight:bold; } #content #rebate-offers .offers table tbody td.desc p { font-size:90%; } #content #rebate-offers .offers table tbody td.desc p a { color:#c00; margin-left:2em; text-decoration:underline; } #content #rebate-offers .offers table tbody td.savings { padding-left: 0; } #content #rebate-offers .offers table tbody td.div { border-left: 1px dotted #777; font-size: 1px; width: 1px; } #content #rebate-offers .offers .topbar { padding:5px 0; } /* Rebate Detail - only appears if the user clicks the link for more info. */ #content #rebate-detail { background:#ffe; border:1px solid #dbdcca; display:none; margin:0 0 1em; padding:1.5em; } #content #rebate-detail #info { font-size:70%; margin:1em 0 0; } #content #rebate-detail #info p { margin:0 0 .5em; } #content #rebate-detail #info p strong { font-weight:bold; } #content #rebate-detail #info ol { list-style:decimal; margin:0 0 0 2em; text-indent:0; } #content #rebate-detail .hidedetails { letter-spacing:0; } /* Cart: Qualifying Offer(s) */ #content #promo-upsell { display:block; margin:0 0 1em; } #content #promo-upsell table { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; font-size:70%; width:100%; } #content #promo-upsell table thead {} #content #promo-upsell table thead th { background:#f4f4ec; border:1px solid #dbdcca; font-weight:bold; padding:.5em; } #content #promo-upsell table tbody {} #content #promo-upsell table tbody td { border:1px solid #dbdcca; padding:.5em; } /* Cart: Coupons */ #content #coupons { display:block; margin:0 0 1em; } #content #coupons .note { font-size:70%; margin:0 0 .25em; } #content #coupons table { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; font-size:70%; width:100%; } #content #coupons table thead {} #content #coupons table thead th { background:#f4f4ec; border:1px solid #dbdcca; font-weight:bold; padding:.5em; } #content #coupons table tbody {} #content #coupons table tbody td { border:1px solid #dbdcca; padding:.5em; } #content #special-offers ul { list-style:none; margin:0 0 1em; } #content #special-offers ul li { background:url(/images/rebate-offerbg.gif) repeat-x 0 75%; border:1px solid #dbdcca; font-size:100%; padding:.5em; } #content #special-offers ul li strong { background:url(/images/rebate/tick.gif) no-repeat; color:#0c53a3; display:block; font-weight:bold; padding:0 0 0 1.75em; } /* Doctor Info */ #content #doctorinfo { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; width:100%; } #content #doctorinfo thead th { background:#f4f4ec; border:1px solid #dbdcca; font-size:70%; font-weight:bold; padding:.5em; } #content #doctorinfo thead th .caption a { background:url(/images/help.gif) no-repeat 0 50%; display:inline; font-size:90%; margin-left:15px; padding-left:15px; } #content #doctorinfo tbody td { border:1px solid #dbdcca; font-size:70%; padding:.5em; vertical-align:top; } #content #doctorinfo tbody td.product-info {} #content #doctorinfo tbody td.product-info h5 { color:#0c53a3; font-weight:bold; } #content #doctorinfo tbody td.product-info #variation-details { display:block; margin:.5em 0 0; } #content #doctorinfo tbody td.product-info #variation-details ul { float:left; font-size:100%; list-style:none; margin:0 1em 0 0; } #content #doctorinfo tbody td.provider { width:60%; } #content #doctorinfo tbody td.provider table { width:100%; } #content #doctorinfo tbody td.provider th { font-size:90%; font-weight:bold; padding:.2em; vertical-align:middle; width:25%; } #content #doctorinfo tbody td.provider th em { font-weight:normal; } #content #doctorinfo tbody td.provider td { padding:.2em; vertical-align:middle; } #content #doctorinfo tbody td td { border:0; border-collapse:collapse; border-spacing:0; } /* Cart: Checkout */ #content #checkout { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; font-size:70%; margin:0 auto; width:60%; } #content #checkout th { background:#f4f4ec; border:1px solid #dbdcca; font-weight:bold; padding:.5em; text-align:right; width:50%; } #content #checkout td { border:1px solid #dbdcca; padding:.5em; width:50%; } #content #checkout td input, #content #checkout td select { border:1px solid #dbdcca; font:normal 120% arial,helvetica,sans-serif; padding:.25em; } /* Cart: Confirmation Page */ #content #confirmation-options { float:right; list-style:none; margin:0 0 0 0; text-indent:0; width:148px; } #content #confirmation-options li { list-style:none; margin:0 0 .25em 0; } #content #confirmation-details { float:left; width:550px; } #content #confirmation-details p { font-size:70%; margin:0 0 .5em; } #content #confirmation-details p strong { font-weight:bold; } #content #confirmation-details table { float:left; margin:1em 0 0; } #content #confirmation-details #reorder_flag { background:#ffe; border:1px solid #dbdcca; float:right; margin:1em 0 0; padding:.5em; width:45%; } #content #confirmation-details #reorder_flag h5 { color:#0c53a3; font-size:85%; font-weight:bold; margin:0 0 .25em; } /* Departments */ #content #departments { border:0; border-collapse:collapse; border-spacing:0; margin:0 0 1em; width:100%; } * html #content #departments { width:740px; } #content #departments td { padding:0; vertical-align:top; width:50%; } #content #departments td .dept-results { border:0; border-collapse:collapse; border-spacing:0; width:90%; } #content #departments .dept-results th { border-bottom:1px solid #f7f7f7; color:#333; font-size:95%; font-weight:bold; padding:.2em .2em .2em 0; text-transform:uppercase; } #content #departments .dept-results td { background-image:none; padding:.2em .2em .2em 1em; font-size:70%; vertical-align:middle; width:auto; } #content #departments .dept-results td.promo, #content #departments .dept-results td.rebate { height:21px; padding:.2em .2em .2em 0; width:21px; } #content #departments #legend { color:#aaa; padding:1em 0 0; } #content #departments #legend dl { display:inline; font-size:60%; list-style:none; text-indent:0; } #content #departments #legend dl dt { float:left; margin:0; vertical-align:middle; } #content #departments #legend dl dd { float:left; margin:0 15px 0 0; padding:3px; vertical-align:middle; } #content #departments #bottom-description { font-size:70%; } #content #departments #bottom-description p { margin:0 0 .5em; } /* Content: Reviews */ #content #reviews { margin:0 0 1em; padding:0; width:100%; } * html #content #reviews { width:730px; } #content #reviews .hreview { background:#ededed; border:solid #aaa; border-width:0 0 1px; clear:both; margin:0 0 .5em; width:100%; } #content #reviews .hreview .info { background:#e3e3e3; border-right:1px solid #dbdcca; float:left; padding:.75em; width:175px; } #content #reviews .hreview .info .item { font-size:75%; font-weight:bold; } #content #reviews .helpful { font-size:70%; margin:0 0 .5em; } #content #reviews .helpful strong { font-weight:bold; } #content #reviews .hreview .info .reviewer { font-size:70%; margin:0 0 .25em; } #content #reviews .hreview .info .reviewer strong { font-weight:bold; } #content #reviews .hreview .info .item a {} #content #reviews .hreview .info .fn {} #content #reviews .hreview .info .type { display:block; font-size:65%; } #content #reviews .hreview .info .rating { font-size:70%; } #content #reviews .hreview .info .rating .stars { display:block; height:18px; } #content #reviews .hreview .info .rating .stars img { float:left; } #content #reviews .hreview .info .feedback { margin:.5em 0 0; } #content #reviews .hreview .info .feedback h5 { font-size:70%; font-weight:bold; } #content #reviews .hreview .info .feedback ul { font-size:75%; list-style:none; text-indent:0; } #content #reviews .hreview .info .feedback ul li { display:inline; padding:0 1em 0 0; } #content #reviews .hreview .info .feedback ul li .yes { background:url(/images/add.png) no-repeat 0 50%; padding:0 0 0 18px; } #content #reviews .hreview .info .feedback ul li .no { background:url(/images/del.png) no-repeat 0 50%; padding:0 0 0 18px; } #content #reviews .hreview .description { float:right; font-size:67.5%; padding:1em; width:510px; } * html #content #reviews .hreview .description { width:500px; } #content #reviews .hreview .description h4.summary { font-size:100%; letter-spacing:0; margin:0 0 0 0; text-transform:uppercase; } #content #reviews .hreview .description br+br { display:none; } /* Content: Write a Review */ #content #review_product { background:#cff2ff; border:1px solid #0c53a3; margin:.25em 0 1em; padding:1em; } #content #review_product ol { font-size:70%; list-style:decimal; margin:.5em 230px 1em 25px; text-indent:0; } #content #review_product ol li { padding:0 0 .5em; } #content #review_product ol li label { display:block; font-weight:bold; margin:0 0 .1em; } #content #review_product ol li .options { display:inline; vertical-align:middle; } #content #review_product ol li .options label { display:inline; font-weight:normal; margin:0 0 0 0; } #content #review_product ol li #CaptchaImage { border:1px solid #aaa; float:right; } #content #review_product p { font-size:70%; } #content #review_product #guidelines { background:#fff; border:1px solid #0c53a3; float:right; margin:.25em 0 0 0; padding:.5em; width:200px; } #content #review_product #guidelines h4 { color:#0c53a3; font-size:75%; font-weight:bold; letter-spacing:0; } #content #review_product #guidelines ul { font-size:70%; list-style:square; margin:.25em 0 0 1.5em; } #content #review_product #guidelines ul li {} #content #review_product .optional { font-weight:normal; } #content #review_product .required { color:#c00; font-weight:normal; } #content #review_text {} #content #review_cancel h4, #content #review_text h4 { font-size:80%; margin:0 0 .5em; } #content #success { color:#c00; font-size:75%; font-weight:bold; margin:0 0 .5em; } /* Product Page */ #content #product-information { display:block; position:relative; } /* Product Page: Pricing Details */ #content #product-information #pricing-details { background:#f4f4ec; border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; float:left; font-size:70%; height:98px; margin:0 25px 0 0; position:relative; width:270px; } #content #product-information #pricing-details th { font-weight:bold; padding:.3em; } #content #product-information #pricing-details td { padding:.3em; } #content #product-information #pricing-details td#widgets { display:none; position:relative; } #content #product-information #pricing-details td#widgets ul { list-style:none; text-indent:0; } #content #product-information #pricing-details td#widgets ul li.email { background:url("/images/ico.email.gif") no-repeat 0 50%; float:left; margin:0; padding:2px 0 2px 20px; } #content #product-information #pricing-details td#widgets ul li.fsa { float:right; } #content #product-information #pricing-details td#widgets a { font:normal 11px tahoma,verdana,sans-serif; text-decoration:none; } /* Product Page: Buy More Save More widget */ #content #product-information #buymore-widget { background:url("/lens/images/bmsm.gif") no-repeat 50% 0px; float:left; height:103px; margin:0 5px 0 0; position:relative; width:139px; } #content #product-information #buymore-widget .info { display:none; } #content #product-information #buymore-widget .pricing { border:0; border-collapse:collapse; border-spacing:0; line-height:.9; margin:0; padding:0; position:relative; top:73px; } #content #product-information #buymore-widget .pricing td { font-size:65%; padding:0 0 0 16px; text-align:left; vertical-align:middle; } #content #product-information #buymore-widget .pricing th { font-size:70%; font-weight:bold; padding:0 0 0 16px; text-align:left; vertical-align:middle; } #content #product-information #buymore-widget .pricing .imp, #content #product-information #buymore-widget .lowest-price { color:#c00; } /* Product Page: Product Image */ #content #product-information #product-image { float:right; position:relative; min-width:240px; } #content #product-information #product-image * { margin:0 auto; } #content #product-information #product-image #overlay { background:url(/images/overlays/rebates-available.gif) no-repeat; height:70px; position:absolute; right:1; top:1; width:70px; z-index:2; } #content #product-information #product-image #prodimgdsp { border:1px solid #dbdcca; } #content #product-information #product-image #prodimgdsp .colors { background:#f4f4ec; border-top:1px solid #dbdcca; display:block; padding:.1em; } #content #product-information #product-image #prodimgdsp .colors select { display:inline-block; font:normal 75% arial,helvetica,sans-serif; vertical-align:middle; width:205px; } #content #product-information #product-image #prodimgdsp .colors img { display:inline-block; height:21px; vertical-align:middle; width:23px; } #content #product-information #product-image .no-border { border:0; } /* Product Page: Prescription Information */ #content #prescription { clear:both; display:block; position:relative; width:100%; } #content #prescription .error { background:#fe9 url(/images/icons/notification_32.gif) no-repeat 1em 1em; border:1px solid #ffe100; margin:0 0 .5em; padding:1em 1em 1em 4em; } #content #prescription .error ul { font-size:70%; list-style:none; margin:0 0 0 0; text-indent:0; } #content #prescription .error ul li {} #content #prescription .error ul li strong { color:#c00; font-weight:bold; } #content #prescription .lens-variations { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; width:100%; } #content #prescription .lens-variations thead {} #content #prescription .lens-variations thead th { background:#fff url(/images/th_bg.gif) repeat-x 0 100%; border:solid #dbdcca; border-width:1px 0; font-size:65%; font-weight:bold; padding:.25em; vertical-align:middle; white-space:nowrap; } #content #prescription .lens-variations thead th small { display:block; font-size:90%; } #content #prescription .lens-variations thead th small#as-low-as {} #content #prescription .lens-variations thead th small#after-rebate { display:none; } #content #prescription .lens-variations tbody { background:#f4f4ec; font-size:70%; } #content #prescription .lens-variations tbody th { border:1px solid #dbdcca; font-weight:bold; padding:.25em; vertical-align:middle; } #content #prescription .lens-variations tbody td { border:1px solid #dbdcca; padding:.25em; vertical-align:middle; } #content #prescription .lens-variations tbody td select { border:1px solid #dbdcca; } #content #prescription .lens-variations tbody td.price { color:#c00; font-size:125%; font-weight:bold; } #content #prescription .lens-variations tbody td.color { vertical-align:middle; width:200px; } #content #prescription .lens-variations tbody td.color select { display:inline-block; vertical-align:middle; width:170px; } #content #prescription .lens-variations tbody td.color select option { width:200px; } #content #prescription .lens-variations tbody td.color img { display:inline-block; height:21px; vertical-align:middle; width:21px; } #content #prescription #gas-permeable { background:#cff2ff; border:1px solid #0c53a3; margin:.25em 0 1em; padding:.5em; } #content #prescription #gas-permeable #addtext, #content #prescription #gas-permeable #closetext { font-size:70%; font-weight:bold; margin:.5em 0; } #content #prescription #gas-permeable #AddParam { display:block; } #content #prescription #gas-permeable #addtocart { float:right; margin:0; padding:0; } #content #prescription #addtocart { text-align:right; margin:.25em 0 0; } /* Product Page: Additional Details */ #content #additional-details { display:block; margin:0 0 1em; width:100%; } #content #additional-details #color-options {} #content #additional-details #color-options .colors { list-style:none; } #content #additional-details #color-options .colors li { border:1px solid #dbdcca; float:left; height:105px; margin:0 .25em 0 0; padding:.25em; width:100px; } #content #additional-details #color-options .colors li p { font-size:80%; } /* Product Page: Special Offers */ #content #offers { border:solid #aaa; border-width:0 0 1px; margin:0 0 .5em; padding:0 0 .5em; } #content #offers p { font-size:70%; margin:0 0 .5em; } #content #offers p span.offer-code {} #content #offers p strong { font-weight:bold; text-transform:uppercase; } #content #offers ul { font-size:70%; list-style:square; margin:0 0 .5em 2em; text-indent:0; } #content #offers ul li {} /* Product Page: Extended Product Information */ #content #extended-product-info { border:solid #aaa; border-width:0 0 1px; clear:both; display:block; margin:0 0 .5em; padding:0 0 .5em; width:100%; } #content #extended-product-info #details { float:left; width:420px; } #content #extended-product-info #details h4 { color:#0c53a3; font-size:80%; font-weight:bold; } #content #extended-product-info #details p { font-size:70%; margin:0 0 .5em; } #content #extended-product-info #details ul { font-size:70%; list-style:square; margin:0 0 .5em 2em; text-indent:0; } #content #extended-product-info #sidebar { float:right; width:280px; } #content #extended-product-info #sidebar h4 { color:#0c53a3; font-size:80%; font-weight:bold; } #content #extended-product-info #sidebar p { font-size:70%; margin:0 0 .5em; } #content #extended-product-info #sidebar #price-comparison {} #content #extended-product-info #sidebar #price-comparison .data { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; font-size:100%; margin:0 0 .5em; width:100%; } #content #extended-product-info #sidebar #price-comparison .data th { background:#f4f4ec; border:1px solid #dbdcca; font-size:65%; font-weight:bold; padding:.5em; text-align:center; } #content #extended-product-info #sidebar #price-comparison .data td { border:1px solid #dbdcca; font-size:70%; padding:.5em; text-align:center; } #content #extended-product-info #sidebar sub { font-size:75%; padding:0 .1em 0 0; vertical-align:sub; } /* Product Page: Login Page -- /secure/login.asp */ #content #quick-account { float:left; width:48%; } #content #quick-account p { font-size:75%; margin:0 0 .5em; } #content #quick-login { float:right; width:48%; } #content #quick-login p { font-size:75%; margin:0 0 .5em; } #content table.login { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; font-size:75%; width:100%; } #content table.login th { background:#f4f4ec; border:1px solid #dbdcca; font-weight:bold; padding:.5em; text-align:right; white-space:nowrap; width:30%; } #content table.login td { border:1px solid #dbdcca; padding:.5em; } #content table.login .error { color:#c00; display:block; font-size:90%; } #content #quick-login .forgot-password { font-size:75%; margin:0 0 .5em 0; text-align:right; } /* Checkout Modules */ #content #checkout-help { border-top:1px solid #dbdcca; clear:both; display:block; padding:1em 0; overflow:hidden; position:relative; width:100%: } * html #content #checkout-help { width:740px; } #content #checkout-help p { font-size:75%; margin:0 0 1em; } #content #checkout-help p strong { font-weight:bold; } #content #checkout-help div { float:left; margin:0 10px 0 0; width:235px; } #content #checkout-help h4 { background:#f4f4ec; border:1px solid #dbdcca; color:#0c53a3; font-size:75%; font-weight:bold; letter-spacing:0; padding:.5em; } #content #checkout-help img { float:left; margin:0 .25em .25em 0; } #content #checkout-help p { font-size:75%; padding:.25em 0; } /* Form Footer... handles display of form buttons within the checkout process. */ #content .form-footer { margin:1em 0; text-align:center; } #content .form-footer a.button { background:#0c53a3; color:#fff; display:inline-block; font-size:80%; font-weight:bold; padding:.5em 1em; text-decoration:none; } #content .form-footer a.button:hover { background:#0c53a3; } #content .general-text, #content .generaltext { font-size:70%; } #content .general-text p, #content .generaltext p { margin:0 0 .5em; } /* Generic Data Table */ #content .data { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; font-size:70%; width:100%; } #content .data th, #content .data td { border:1px solid #dbdcca; padding:.5em; } #content .data th { background:#f4f4ec; font-weight:bold; white-space:nowrap; width:15%; } /* Search Results */ #content #search-results { } #content #search-results .search-group { display:block; margin:0 0 1em; } #content #search-results #best-sellers, #content #search-results #top-sellers { background:#f4f4ec; border:1px solid #0c53a3; line-height:auto; margin:0 0 1em; padding:.25em; } * html #content #search-results #best-sellers, * html #content #search-results #top-sellers { padding-bottom:1.5em; } *:first-child+html #content #search-results #best-sellers, *:first-child+html #content #search-results #top-sellers { padding-bottom:1.25em; } #content #search-results ol { font-size:70%; list-style:decimal; margin:.5em 0 1em 2em; text-indent:0; } #content #search-results ul { font-size:70%; list-style:square; margin:.5em 0 1em 2em; text-indent:0; } #content #search-results h3 { clear:both; } /* Search Results: All Products */ #content #search-results .search-group dl { border-bottom:1px solid #dbdcca; display:block; float:left; font-size:70%; height:59px; line-height:1.4em; margin:0 13px 0 0; overflow:hidden; position:relative; text-indent:0; width:350px; } * html #content #search-results .search-group dl { display:inline; } #content #search-results .search-group dl dt { margin-left:57px; } #content #search-results .search-group dl dd { padding:0; } #content #search-results .search-group dl dd.buy { display:none; float:right; margin:-1em 0 0; } #content #search-results .search-group dl dd.buy img { border:0; } #content #search-results .search-group dl dd.img { float:left; height:55px; margin:-1.1em 0 0 0; position:relative; width:55px; } #content #search-results .search-group dl dd.img a { background:#fff; border:1px solid #ccc; height:25px; position:absolute; width:50px; } #content #search-results .search-group dl dd.img img.product { clip:rect(0px 50px 25px 0px); position:absolute; overflow:hidden; } #content #search-results .search-group dl dd.img img.rebate-icon { border:0; height:16px; margin-top:15px; width:47px; } #content #search-results .search-group dl dd.desc { margin:0 0 -10px 57px; } #content #search-results .search-group dl.end { border-bottom:0; } /* Used for generic cart stylizations. Currently used on: /secure/accountinfo.asp */ #content .basket { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; margin:0 0 1em; width:7.25in; } #content .basket thead th { background:#f4f4ec; border:1px solid #dbdcca; font-size:70%; font-weight:bold; padding:.5em; } #content .basket tbody {} #content .basket tbody td { border:1px solid #dbdcca; font-size:70%; padding:.5em; text-align:left; } #content .basket tbody td table { font-size:100%; } #content .basket tbody td.on {} #content .basket tbody td.off { background:#f4f4ec; } #content .basket tbody th { background:#d5d5d5; border:1px solid #dbdcca; font-size:70%; font-weight:bold; padding:.5em; text-align:left; } #content .faq { border:0; border-collapse:collapse; border-spacing:0; margin:.5em 0; width:100%; } #content .faq td { padding:0 1em 0 0; vertical-align:top; } #content .faq td h5 a { border-bottom:1px solid #e6e6e6; color:#0c53a3; display:block; font:bold 100% 'trebuchet ms',arial,helvetica,sans-serif; text-transform:uppercase; } #content .faq td ul { font-size:70%; list-style:square; margin:.5em 0 2em 2em; text-indent:0; } #content #faq-list { list-style:square; margin:0 0 1em 2em; } #content #faq-list li { font-size:70%; } #content dl#current-order-total { font:normal 100% arial,helvetica,sans-serif; width:100%; } #content dl#current-order-total dt { float:left; font-weight:bold; padding:.25em .5em .25em 0; } #content dl#current-order-total dd { color:#c00; float:left; padding:.25em 4em .25em 0; } #content dl#contact-info { font-size:70%; } #content dl#contact-info dt { float:left; font-weight:bold; padding:.25em .5em .25em 0; } #content dl#contact-info dt.address { clear:left; } #content dl#contact-info dd { float:left; padding:.25em 4em .25em 0; } #content .form { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; margin:0 0 1em; width:100%; } #content .form thead {} #content .form thead th { background:#f4f4ec; border:1px solid #dbdcca; padding:.5em; } #content .form th, #content .form td { border:1px solid #dbdcca; font-size:70%; padding:.5em; vertical-align:middle; } #content .form td table, #content .form td table td { border:0; } #content .form th { background:#f4f4ec; font-weight:bold; } #content .form input#PhoneAreaCode { width:50px; } #content .form input#emailpassword, #content .form input#update { width:176px; } #content .form .from { } #content .form .expires, #content .form .available, #content .form .apply { text-align:center; width:20%; } #content .form .apply input { border:1px solid #dbdcca; padding:.25em; text-align:center; width:80px; } #content .form .ordernumber, #content .form .orderdate, #content .form .amount.original { text-align:center; } #content .form .amount.used { text-align:right; } #content .form .calendar table { font-size:160%; } #content .form .calendar #ReorderDate_Current_ID { color:#fff; font-size:75%; font-weight:bold; text-align:center; } #content .form .calendar #ReorderDate_Previous_ID, #content .form .calendar #ReorderDate_Next_ID { border:0; !important } #content #error { background:#ffe; border:1px solid #ffe100; color:#c00; padding:.5em; } #content #error h2 { font:bold 110%; text-align:center; } #content .order { display:block; margin:0 0 1em; width:100%; } #content .order .reorder { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; font-size:70%; width:100%; } #content .order .reorder thead {} #content .order .reorder thead th { background:#f4f4ec; border:1px solid #dbdcca; font-weight:bold; padding:.5em; } #content .order .reorder tbody td, #content .order .reorder tbody th { border:1px solid #dbdcca; padding:.5em; vertical-align:middle; } #content .order .reorder .orderdate { text-align:center; } #content .order .reorder .info {} #content .order .reorder .info .productname { color:#0a64ad; font-weight:bold; } #content .order .reorder .qty, #content .order .reorder .price { text-align:center; } #content .order .reorder .buynow { padding:0; text-align:center; vertical-align:middle; } #content .order .reorder .buynow #bracket { background:url("/images/more_04.gif"); float:left; width:19px; } #content .order .reorder .buynow #bracket .top { background:url("/images/more_01.gif") no-repeat; height:10px; width:19px; } #content .order .reorder .buynow #bracket .mid { background:url("/images/more_03.gif") 0 50% no-repeat; height:22px; width:19px; } #content .order .reorder .buynow #bracket .btm { background:url("/images/more_05.gif") no-repeat; margin-bottom:-5px; height:10px; width:19px; } #content .order .reorder .checkitem, #content .order .reorder .bracket { border:0; } #content .order .buy-now { margin:.25em 0 0; text-align:right; } /* Footer Area */ #footer { background:#fff url(/images/footer.gif) no-repeat; clear:both; display:block; height:218px; position:relative; } #footer.home { background:#fff url(/images/footer_home.gif) no-repeat; clear:both; display:block; height:195px; position:relative; } #footer a { color:#fff; font-weight:bold; text-decoration:none; } #footer a:hover { color:#ffe100; text-decoration:none; } #footer #modules { text-align:left; } #footer #modules #top-brands { left:14px; padding:10px; position:absolute; top:2.5em; width:176px; } #footer #modules #top-lenses { left:205px; padding:10px; position:relative; top:2.5em; width:176px; } #footer #modules #flags { float:none; left:392px; margin:0 0 0 0; padding:10px; position:absolute; top:1.5em; width:364px; } #footer.home #modules #top-brands { top:1.25em; } #footer.home #modules #top-lenses { top:1.25em; } #footer.home #modules #flags { top:.25em; } #footer #modules #flags a { border:0; display:block; float:left; font-size:70%; height:16px; margin:0 0 0 0; overflow:hidden; padding:0 0 0 22px; position:relative; width:160px; } #footer #modules #flags a span { display:inline; } #footer #modules #flags a span em { display:none; } #footer #modules #flags a:hover span { background-image:none; border:0; color:#ffe100; display:inline; font-size:100%; margin:0 0 0 0; padding:0 0 0 0; position:relative; width:100%; } #footer #modules #flags a.eu { background:url(/images/flags/europeanunion.gif) no-repeat 0 50%; } #footer #modules #flags a.at { background:url(/images/flags/at.gif) no-repeat 0 50%; } #footer #modules #flags a.be { background:url(/images/flags/be.gif) no-repeat 0 50%; } #footer #modules #flags a.ch { background:url(/images/flags/ch.gif) no-repeat 0 50%; } #footer #modules #flags a.de { background:url(/images/flags/de.gif) no-repeat 0 50%; } #footer #modules #flags a.dk { background:url(/images/flags/dk.gif) no-repeat 0 50%; } #footer #modules #flags a.es { background:url(/images/flags/es.gif) no-repeat 0 50%; } #footer #modules #flags a.fi { background:url(/images/flags/fi.gif) no-repeat 0 50%; } #footer #modules #flags a.fr { background:url(/images/flags/fr.gif) no-repeat 0 50%; } #footer #modules #flags a.gb { background:url(/images/flags/gb.gif) no-repeat 0 50%; } #footer #modules #flags a.gr { background:url(/images/flags/gr.gif) no-repeat 0 50%; } #footer #modules #flags a.ie { background:url(/images/flags/ie.gif) no-repeat 0 50%; } #footer #modules #flags a.it { background:url(/images/flags/it.gif) no-repeat 0 50%; } #footer #modules #flags a.nl { background:url(/images/flags/nl.gif) no-repeat 0 50%; } #footer #modules #flags a.no { background:url(/images/flags/no.gif) no-repeat 0 50%; } #footer #modules #flags a.pt { background:url(/images/flags/pt.gif) no-repeat 0 50%; } #footer #modules #flags a.se { background:url(/images/flags/se.gif) no-repeat 0 50%; } #footer #modules #flags a.us { background:url(/images/flags/us.gif) no-repeat 0 50%; } #footer #modules .heading { color:#fff; font:bold 70% arial,helvetica,sans-serif; letter-spacing:2px; text-transform:uppercase; } #footer #modules .heading a, #footer #modules .heading a:hover { color:#fff; } #footer #modules .heading h1 { display:inline; } #footer #modules ul { font-size:70%; list-style:none; text-indent:0; width:100%; } #footer #modules ul li { padding:0; } #footer #modules ul li.end { padding-top:1.5em; } #footer #modules ul li.end a { color:#ffe100; } /* Quickfind */ #quickfind { margin:0 auto; text-align:left; width:770px; } #quickfind .heading { color:#fff; font-size:75%; font-weight:bold; text-transform:uppercase; } #quickfind .heading h1 { float:left; margin-right:.25em; } * html #quickfind .heading h1 { } #quickfind .heading h1 a { color:#fff; text-decoration:none; } #quickfind ul { list-style:none; margin:0; text-indent:0; } #quickfind ul li { border-bottom:1px solid #2FC9FF; display:inline-block; float:left; font-size:65%; padding:.1em 0; width:154px; } #quickfind ul li a { color:#fff; } /* Bottom Links */ #endcap #links { font-size:60%; margin:.75em 0 1em 115px; text-align:center; width:655px; } * html #endcap #links { margin:.75em 0 1em 110px; width:655px; } #endcap #links a { color:#fff; padding:0 1.5em 0 0; } #endcap #links a.end { padding:0 0 0 0; } #endcap { margin:0 auto; text-align:left; width:770px; } * html #endcap { margin:-1em auto 0; } #endcap #logo { float:left; margin:0 10px 20px 0; width:100px; } #endcap #logo img { height:32px; width:100px; } #endcap #copyright { color:#fff; font-size:65%; } #endcap #copyright strong { font-weight:bold; } /* Bottom Logo */ /* POPUP Styles */ #popup { background:#fff; margin:.5em auto; text-align:left; width:95%; } #popup #content { padding:1em; } #popup #content #heading h1 { } #popup #doctor-info { background:#fff; border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; color:#333; font-size:70%; width:100%; } #popup #doctor-info td { border:1px solid #dbdcca; padding:.5em; vertical-align:middle; } #popup #doctor-info td input { padding:.25em; width:95%; } #popup #doctor-info th { background:#f4f4ec; border:1px solid #dbdcca; font-weight:bold; padding:.5em; vertical-align:middle; } #popup #doctor-search-results { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; margin:0 0 1em; width:100%; } #popup #doctor-search-results thead th { background:#f4f4ec; border:1px solid #dbdcca; font-size:70%; font-weight:bold; padding:.5em; } #popup #doctor-search-results tbody td { border:1px solid #dbdcca; font-size:70%; padding:.5em; text-align:left; } /* Common Error Message Display */ .displayerror { background:#ffa; border:1px solid #ffe100; color:#c00; display:block; font-size:10px; font-weight:bold; margin:0 0 .25em; padding:.5em; } .displaybolderror { font-weight:bold; color:#c00; } #content .error { background:#ffa; border-color:#ffe100; color:#c00; margin:0 0 1em; padding:.5em; } #content .error p { font-size:70%; } #content .error p strong { font-weight:bold; } /* Common Text Display Formatting */ .negativecurrency { color: #c00; } .normaltext { font-size: 11px; } /* Hacks, Fixes, and More! Oh My! */ .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* End hide from IE-mac */ /* extra styles for miscellaneous, yet reusable styles... */ .hand { cursor:hand; }