/* filename: styles.css description: euroLens.com Stylesheet Master media: screen author: Patrick Rodgers (patrick@powerserve.net) */ /* Linked Stylesheets */ @import url(/includecommon/css/reset.css); /* Resets ALL HTML elements. */ @import url(/include/css/site.css); /* 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; } p.text { font-size: 12px; } strong { font-weight: bold; } /* Rx Decline Popup */ #overlay-homepage { background: #000; filter: alpha(opacity = 60); left: 0; opacity: .6; position: absolute; top: 0; z-index: 90; } #overlay-lightbox { background: #000; filter: alpha(opacity = 60); left: 0; height: 100%; opacity: .6; position: absolute; top: 0; width: 100%; z-index: 90; } #rxdecline { left: 0; height: 236px; position: absolute; text-align: center; width: 100%; z-index: 100; } #rxdecline #outercontainer { background: url('/images/design/bg.rxdecline.gif') top left no-repeat; color:#333; font-family:Arial, Helvetica, sans-serif; height: 236px; margin: 89px auto 0 auto; overflow: hidden; padding: 69px 26px 21px 26px; position: relative; width: 423px; } #rxdecline #outercontainer a.close { position:absolute; top:7px; right:6px; } #rxdecline #outercontainer p strong span { font-size:15px; } #rxdecline #outercontainer p { font-size:12px; text-align:left; } #rxdecline #outercontainer p span { font-size:11px; } #rxdecline #outercontainer a.updateorder img { margin:12px 0; } #rxdecline #outercontainer table { border:1px solid #aeaeae; border-collapse:collapse; font-size:12px; line-height:13px; margin:3px 0 4px 0; width:100%; } #rxdecline #outercontainer table tr td { height:37px; padding:8px 10px 0 59px; width:152px; } #rxdecline #outercontainer table tr td#fax { background: url('/images/design/bg.rxdecline.fax.gif') top left no-repeat; border-right:1px solid #aeaeae; } #rxdecline #outercontainer table tr td#email { background: url('/images/design/bg.rxdecline.email.gif') top left no-repeat; } #addressverification { height:445px; left: 0; position: absolute; text-align: center; width: 100%; z-index: 100; } #addressverification #outercontainer { background: url('/images/design/bg.addressverification.gif') top left no-repeat; color:#333; font-family:Arial, Helvetica, sans-serif; margin: 0 auto 0 auto; min-height:445px; overflow: visible; padding: 59px 24px 21px 24px; position: relative; width: 477px; } #addressverification #outercontainer a.close { position:absolute; top:7px; right:6px; } #addressverification #outercontainer p strong span { font-size:13px; } #addressverification #outercontainer p { font-size:12px; text-align:left; } #addressverification #outercontainer span { font-weight:bold; } #addressverification #outercontainer span.partchanged { color:#D61029; } #addressverification #outercontainer p.help { font-size:11px; margin-top:10px; } #addressverification #outercontainer table { border-spacing: 2px; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0; width:100%; } #addressverification #outercontainer table input { } #addressverification #outercontainer table td { background: #eee; border: 1px solid #ccc; font-size: 11px; padding: 4px 3px; vertical-align: middle; } #addressverification #outercontainer table th { background: #ffc; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px 3px; text-align: right; vertical-align: middle; width:90px; } #addressverification #outercontainer table .addressnotselected td { background: #f5f5f5; border: 1px solid #e0e0e0; color:#858585; } #addressverification #outercontainer table .addressnotselected th { background: #ffffe0; border: 1px solid #c6c6c6; color:#858585; } #addressverification #outercontainer .addressnotselected span.partchanged { color:#e6707f; } #addressverification #outercontainer .addressnotselected a { color:#e6707f; } #addressverification #outercontainer table .checkbox { background: #fff !important; border:0 !important; } #addressverification #outercontainer p.address { display:block; float:left; font-size:11px; width:200px; } #addressverification #outercontainer.resizable p.address { width:160px !important; } #addressverification #outercontainer table .edit { background: url('/images/icons/ico.change.gif') center left no-repeat; display:block; float:right; margin-right:2px; padding-left:12px; } #addressverification #outercontainer table .addressnotselected .edit { background: url('/images/icons/ico.change.gray.gif') center left no-repeat; } #addressverification #outercontainer .newaddress { padding-top:5px; } #addressverification #outercontainer .box { border:1px solid #a0a0a0; background:#fff; margin:7px 0; padding:3px; } #addressverification #outercontainer h2 { font-size:14px; margin-top:10px; } #addressverification #outercontainer h2 .or { float:left; padding:0 10px; } #addressverification #outercontainer h2 .line { border-bottom:1px solid #888;display:block;float:left;height:2px;margin:6px 0 0; width:220px; } #addressverification #outercontainer .box .shipto { } #addressverification #outercontainer input#avstreet { width:398px; } #addressverification #outercontainer input#avcity { width:145px; } #addressverification #outercontainer.resizable { background: url('/images/design/bg.addressverification-bottom.gif') bottom left no-repeat; padding: 21px 24px; min-height:0; } #addressverification .top { background: url('/images/design/bg.addressverification-top.gif') top left no-repeat; height:10px; margin: 0 auto; position: relative; width:525px; } #addressverification #outercontainer.resizable img.heading { text-align:center; padding-bottom:10px; } #addressverification #outercontainer.resizable a.close { position:absolute; top:-3px; right:6px; } #lightbox { left: 0; position: absolute; text-align: center; width: 100%; z-index: 100; } #lightbox #outercontainer { background: url('/images/design/bg.lightbox-bottom.gif') bottom left no-repeat; color:#333; font-family:Arial, Helvetica, sans-serif; margin: 0 auto 0 auto; overflow: visible; padding: 21px 24px; position: relative; width: 477px; } #lightbox .top { background: url('/images/design/bg.lightbox-top.gif') top left no-repeat; height:10px; margin: 0 auto; position: relative; width:525px; } #lightbox #outercontainer a.close { position:absolute; top:-3px; right:6px; } #lightbox #outercontainer img.heading { text-align:center; padding-bottom:10px; } #lightbox #outercontainer p strong span { font-size:13px; } #lightbox #outercontainer p { font-size:12px; text-align:left; } #lightbox #outercontainer span { font-weight:bold; } #lightbox #outercontainer span.partchanged { color:#D61029; } #lightbox #outercontainer p.help { font-size:11px; margin-top:10px; } #lightbox #outercontainer h4 { color: #D61029; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0; padding: 0; text-align: left; } #lightbox #outercontainer .box { border:1px solid #a0a0a0; background:#fff; margin:7px 0; padding:3px; } #lightbox #outercontainer table { border-spacing: 2px; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0; width:100%; } #lightbox #outercontainer table td { background: #eee; border: 1px solid #ccc; font-size: 11px; padding: 4px 3px; vertical-align: middle; } #lightbox #outercontainer table th { background: #ffc; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px 3px; text-align: right; vertical-align: middle; width:90px; } /* 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:11px; margin:.5em 0; text-align:right; } #global { height:24px; } /* Utilities */ #global #utilities { float:left; font-size:10px; 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; font-size:11px; margin:.3em 0; width:430px; } #global #flags strong { color:#fff; font-size:8px; 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:9px; font-weight:bold; line-height:1em; margin:0; padding:1em 2em; position:absolute; text-align:center; top:11px; width:100px; } #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%; } #masthead h1#logo { background:url(/SiteImages/logo/logo.png) no-repeat; float:left; height:59px; margin:15px; outline:none; text-indent:-9999px; width:189px; } #masthead h1#logo a { display:block; height:59px; position:relative; width:189px; } /* Masthead: Main Navigation */ #masthead #main-navigation { text-align:right; width:100%; } #masthead #main-navigation ul { float:right; font-size:11px; 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; font-size:11px; margin:0 0 10px 0; width:195px; } #masthead #search form#terms #s { border:1px solid #0c53a3; color: #666666; font-size: 12px; padding: 3px; vertical-align:baseline; width:130px; } #masthead #search form#terms #submit { vertical-align:bottom; } /* Masthead: Dropdown Widget */ #masthead #dropdown { float:right; } #masthead #dropdown form#lensselect { display:block; font-size:11px; margin: 0; width:205px; } #masthead #dropdown form#lensselect .lensdropdown { border:1px solid #0c53a3; font-size:12px; height: 19px; padding: 2px; vertical-align:baseline; width: 200px; } #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 12px 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 20px/.8 arial,helvetica,sans-serif; letter-spacing:-1px; } #homecontent #text h3 { color:#0099d5; font:bold 23px arial,helvetica,sans-serif; letter-spacing:-2px; margin:0 0 .5em; } #homecontent #text h3 sup { font-size:12px; vertical-align:top; } #homecontent #text p { font-size:11px; 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; } #page #content h3 { color:#0c53a3; font:bold 18px 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 14px arial,helvetica,sans-serif; margin:0 0 .5em; } #page #content ol { font-size:11px; list-style:decimal; margin:0 0 1em 2em; text-indent:0; } #page #content ol strong { font-weight:bold; } #page #content ul { font-size:11px; 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:11px; } #page #content blockquote { font-size:11px; 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(/SiteImages/infoboxhdr-btm.gif) no-repeat bottom center; display:block; margin:0 0 .25em; width:100%; } #content.home #modules div#leadin .header h2 { background:url(/SiteImages/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(/SiteImages/box-btm.jpg) no-repeat bottom center; display:block; width:100%; } #content.home #modules div#infobox p { background:url(/SiteImages/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(/SiteImages/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:10px; font-weight:normal; margin:0; padding:0; text-align:right; width:100%; } #content #breadcrumbs h1 { display:inline; } #content #breadcrumbs a { color:#777; font-weight:normal; } #content #breadcrumbs strong { font-weight:normal; } /* Checkout Steps */ #content #checkout_steps { display:none; float:right; } /* Content: Headings */ #content #heading { clear:both; color:#0c53a3; font:bold 26px 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%; } #content #intro p { font-size:11px; } #content #intro p strong { font-weight:bold; } #content #intro.print { text-align: right; } #content #intro.print a { background: url('/images/icons/ico.print.gif') top left no-repeat; line-height: 19px; margin-left: 5px; padding: 3px 0 3px 23px; } #content #confirm { display:block; margin:.5em 0; } #content #confirm p { font-size:11px; } #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; margin:.5em 0; width:100%; } #content .results td { font-size:11px; vertical-align:top; width:50%; } #content .results td table { display:block; width:95%; } #content .results td td { font-size:11px; } #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:14px; padding:.25em .25em .25em 0; } #content #faq-detail {} #content #faq-detail p { font-size:11px; margin:0 0 .5em; } #content .faq-list { font-size:11px; 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:11px; font-weight:bold; padding:.5em; width:33%; } #content #account-tools td { border:1px solid #dbdcca; padding:.5em; } #content #account-tools td ul { font-size:11px; list-style:square; margin:0 0 1em 2em; text-indent:0; } /* Content: Shopping Cart -- /secure/mainbasket.asp */ #content #cart { 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 13px arial,helvetica,sans-serif; text-align:center; padding:1em; } #content #cart thead {} #content #cart thead th { background:#f4f4ec; border:1px solid #dbdcca; font-size:11px; 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:center; } #content #cart thead th.buynow { text-align:center; } #content #cart thead th.patientname { background: 0; border: 0; color: #0c53a3; text-align: left; } #content #cart tbody {} #content #cart tbody th, #content #cart tbody td { border:1px solid #dbdcca; font-size:11px; 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; clear: left; margin-right:10px; } #content #cart tbody td.info .info b, #content #cart tbody td.info .info strong, #content #cart tbody td.info .extended-info strong { color: #333; display:inline; } #content #cart tbody td.info .extended-info { float:left; } #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:11px; font-weight:bold; padding:.1em; } #content #cart tbody td.price table#displaypricecell td { border:0; font-size:11px; padding:.1em; } #content #cart tbody td.compactprice { text-align: center; vertical-align: middle; width: 75px; } #content #cart tbody td.subtotal { text-align:center; vertical-align:middle; } #content #cart tbody td.status { vertical-align:middle; text-align:center; } #content #cart tbody td.status .onOrder { color: #0C53A3; font-weight: bold; } #content #cart tbody td.non-product {} #content #cart tbody td.non-product .promo-item { background:url(/SiteImages/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(/SiteImages/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:10px; } #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:11px; 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 th.compactdate { text-align:center; width: 100px; } #content #cart tbody td.compactdate { text-align:center; vertical-align: middle; width: 100px; } #content #cart tbody td.buynow { text-align:center; vertical-align:middle; width:10%; } /* Order Status Styles */ .statuserror { background: url('/images/icons/ico.warning.red.gif') 10px center no-repeat #c00; border: 1px solid #7e0101; color: #eeeeee; margin: 25px 0 25px 0; padding: 15px 15px 15px 60px; } .statuserror strong { color: #fff; font-size: 16px; } .statuserror a { color: #fff; text-decoration: underline; } .statuserror p { font-size: 12px; } /*.statusdescription { background: url('/images/icons/ico.status.question.gif') 15px center no-repeat #0D51A2; border: 1px solid #2d6391; color: #D1E1EF; margin: 5px 0; margin: 25px 0 25px 0; padding: 15px 15px 15px 60px; } .statusdescription strong { color: #fff; font-size: 16px; } .statusdescription p { font-size: 12px; }*/ .statusdescription { background:#fff; border: 1px solid #DBDCCA; margin: 25px 0 25px 0; padding: 8px 15px 15px 15px; } .statusdescription h4 { background:url("/images/icons/ico.status.question.gif") no-repeat left top; color:#0C53A3; font-size:19px !important; font-weight:bold; line-height:40px !important; margin:0 !important; padding:0 0 0 48px; } .statusdescription p { font-size: 11px; line-height:17px; padding:5px 0 0 5px;} .statusdescription p strong { font-size: 13px; display:inline-block; padding:0 0 5px 0; } #content .highlight { background: #c00 !important; color: #fff; } #content .blue { background: #0D51A2 !important; color: #fff; } #content .blue a { color: #fff000; text-decoration: underline; } #content .blue a:hover { color: #fff000; } /* Add/Remove "Tools" for Cart Items, Coupons, Promos, Etc. */ #content #cart .tools { clear:both; font-size:10px; padding:.25em 0 0; } #content #cart .tools .mod { background:url(/images/icons/ico.edit.gif) no-repeat; margin:0 2em 0 0; padding:0 0 0 1.3em; } #content #cart .tools .del { background:url(/images/icons/ico.del.gif) no-repeat; padding:0 0 0 1.3em; } /* Cart: Rebate Offer */ #content #cart td#rebates { background:url(/SiteImages/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:11px; 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:11px; 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:10px; margin:0 0 0 11.0em; } #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:11px; height:30px; vertical-align:middle; width:50%; } #content #update-info tbody td select { width:190px; } /* Cart: Congrats "Widget" */ #content #congrats { background:url(/SiteImages/rebate-offerbg.gif) repeat-x 0 75%; border:1px dotted #aaa; color:#000; font-size:13px; 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; font-size: 13px; 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('/SiteImages/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:11px; 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:11px; 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:11px; 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:11px; margin:0 0 .25em; } #content #coupons table { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; font-size:11px; 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 { border: solid #dbdcca; border-width: 0 1px 1px; list-style:none; margin:0 0 1em; } #content #special-offers ul li { background:url(/SiteImages/rebate-offerbg.gif) repeat-x 0 75%; border: solid #dbdcca; border-width: 1px 0 0; color:#0c53a3; font-size:11px; font-weight:bold; padding:.5em; } #content #special-offers ul span { background:url(/SiteImages/rebate/tick.gif) no-repeat 0 50%; padding:.5em .5em .5em 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:11px; font-weight:bold; padding:.5em; } #content #doctorinfo thead th .caption a { background:url(/images/icons/ico.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:11px; 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:11px; 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:11px; 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:14px; font-weight:bold; margin:0 0 .25em; } /* Departments */ #content #departments { border:0; border-collapse:collapse; border-spacing:0; margin:0 0 1em; width:100%; } #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:15px; 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:11px; 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:11px; } #content #departments #bottom-description p { margin:0 0 .5em; } /* Content: Reviews */ #content #reviews { margin:0 0 1em; padding:0; width:100%; } #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:12px; font-weight:bold; } #content #reviews .helpful { font-size:11px; margin:0 0 .5em; } #content #reviews .helpful strong { font-weight:bold; } #content #reviews .hreview .info .reviewer { font-size:11px; 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:10px; } #content #reviews .hreview .info .rating { font-size:11px; } #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:11px; font-weight:bold; } #content #reviews .hreview .info .feedback ul { font-size:12px; 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/icons/ico.add.png) no-repeat 0 50%; padding:0 0 0 18px; } #content #reviews .hreview .info .feedback ul li .no { background:url(/images/icons/ico.del.png) no-repeat 0 50%; padding:0 0 0 18px; } #content #reviews .hreview .description { float:right; font-size:11px; padding:1em; width:510px; } #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:11px; 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:11px; } #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:12px; font-weight:bold; letter-spacing:0; } #content #review_product #guidelines ul { font-size:11px; 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:13px; 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:11px; height:98px; margin:0 25px 0 0; position:relative; width:270px; } #content #product-information #pricing-details th { font-weight:bold; padding:.1em .3em; } #content #product-information #pricing-details td { padding:.1em .3em; } #content #product-information #pricing-details td#widgets { } #content #product-information #pricing-details td#widgets ul { list-style:none; margin: 0; text-indent:0; } #content #product-information #pricing-details td#widgets ul li.email { background:url("/images/icons/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("/SiteImages/product/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:10px; padding:0 0 0 16px; text-align:left; vertical-align:middle; } #content #product-information #buymore-widget .pricing th { font-size:11px; 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 12px 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:11px; 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; } #content #prescription .lens-variations thead {} #content #prescription .special th, #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:10px; font-weight:bold; padding:.25em 1.0em; vertical-align:middle; white-space:nowrap; } #content #prescription .special th .small, #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:11px; } #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 .5em; text-align: center; 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:14px; 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 .lens-variations tbody td span.textvariation { font-size:14px; font-weight:bold; } #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:11px; 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 #gas-permeable .lens-variations { float: none; } #content #prescription #addtocart { text-align:right; margin:.25em 0 0; } #content #prescription h3.enterrx { display: inline; } /* Rx Help, Helpbox Styles */ #content #prescription .rxhelp { display: inline; margin-left: 10px; } #content #prescription .rxhelp a { background: url('/images/icons/ico.rxhelp.gif') center left no-repeat; font-size: 11px; font-weight: normal; padding-left: 17px; } #content #prescription .helpbox { background: url('/images/rxhelp/bg.rxhelp.right.png') top left no-repeat; display: none; height: 195px; margin: -233px 0 0 190px; padding: 2px 15px 20px 17px; position: absolute; width: 256px; } #content #prescription .helpbox ol { float: left; list-style: none; margin: -9px 0 0 0; } #content #prescription .helpbox ol li { color: #fff; margin-bottom: 5px; } #content #prescription .helpbox ol li h5 { color: #fff; font-size: 12px; font-weight: bold; } #content #prescription .helpbox ol li ul { list-style: none; margin: 0; } #content #prescription .helpbox ol li ul li {font-size: 9px; margin-bottom: 0; } #content #prescription .helpbox .close { float: right; margin: 4px 4px 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:11px; 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:11px; 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:13px; font-weight:bold; } #content #extended-product-info #details p { font-size:11px; margin:0 0 .5em; } #content #extended-product-info #details ul { font-size:11px; 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:13px; font-weight:bold; } #content #extended-product-info #sidebar p { font-size:11px; 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:10px; font-weight:bold; padding:.5em; text-align:center; } #content #extended-product-info #sidebar #price-comparison .data td { border:1px solid #dbdcca; font-size:11px; 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:12px; margin:0 0 .5em; } #content #quick-login { float:right; width:48%; } #content #quick-login p { font-size:12px; margin:0 0 .5em; } #content table.login { border:1px solid #dbdcca; border-collapse:collapse; border-spacing:0; font-size:12px; 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:11px; } #content #quick-login .forgot-password { font-size:12px; margin:0 0 .5em 0; text-align:right; } #content #quick-login ul#signinhelp { list-style: none; margin: 3px 0 30px 10px; } #content #quick-login ul#signinhelp li { background: url('/images/icons/ico.bullet.gif') 0 50% no-repeat; margin: 0 0 5px 0; padding: 0 0 0 10px; } /* Checkout Modules */ #content #checkout-help { border-top:1px solid #dbdcca; clear:both; display:block; padding:1em 0; overflow:hidden; position:relative; text-align: center; width:100%: } #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; height: 125px; margin:0 10px 0 0; text-align: left; width:235px; } #content #checkout-help h4 { background:#f4f4ec; border:1px solid #dbdcca; color:#0c53a3; font-size:12px; font-weight:bold; letter-spacing:0; padding:.5em; } #content #checkout-help img { float:left; margin:0 .25em .25em 0; } #content #checkout-help img.shipimage { margin:0 .25em 1.05em 0; padding: 10px 0 0 0; } #content #checkout-help p { font-size:12px; padding:.25em 0; } #content #checkout-help .verisign dt { display: block; float: left; height: 85px; width: 115px; } /* 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:11px; } #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:11px; 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; } #content #search-results ol { font-size:11px; list-style:decimal; margin:.5em 0 1em 2em; text-indent:0; } #content #search-results ul { font-size:11px; 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:11px; height:59px; line-height:1.4em; margin:0 13px 0 0; overflow:hidden; position:relative; text-indent:0; width:350px; } #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-collapse:collapse; border-spacing:0; margin:0 0 1em; width:100%; } #content .basket th { background:#f4f4ec; border:1px solid #dbdcca; font-size:11px; font-weight:bold; padding:.5em; text-align:center; } #content .basket tbody {} #content .basket td { border:1px solid #dbdcca; font-size:11px; padding:.5em; text-align:center; } #content .basket td.billinginfo, #content .basket td.shippinginfo { text-align:left; } #content .basket .left { text-align: left; } #content .basket .right { text-align: right; } #content .basket tbody td table { font-size:100%; } #content .basket tbody td.on {} #content .basket tbody td.off { background:#f4f4ec; } #content .basket td.blank { background: none; border: none; } #content .basket .center { text-align: center; } #content .basket th a.handling { color:#000; } #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:11px; 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:11px; } #content dl#current-order-total { font:normal 16px 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:11px; } #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:11px; 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.used, #content .form .amount.original { text-align:center; } #content .form .amount-header { text-align:right; } #content .form .price { color: #c00; font-weight: bold; text-align: center; } #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:11px; width:100%; } #content .order .reorder thead {} #content .order .reorder thead th { background:#f4f4ec; border:1px solid #dbdcca; font-size:11px; 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 { font-size: 11px; text-align:center; } #content .order .reorder .info { font-size: 11px; } #content .order .reorder .info .productname { color:#0a64ad; font-weight:bold; } #content .order .reorder .qty, #content .order .reorder .price { font-size: 11px; 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; } /* Doctor Info Styles */ /* Error Box Styles */ .error.drinfo { background: #FFF url('/images/icons/ico.warning.gif') 10px center no-repeat; border: 2px solid #c00; margin: 5px 0; padding: 15px 15px 15px 60px; } .error.drinfo ul li { color: #000; font-size: 12px; line-height: 1.1em; margin-bottom: 10px; } .error.drinfo ul li em { font-size: 11px; font-style: normal; } .error.drinfo ul li strong { font-weight: bold; } .warning { background: #FFF url('/images/icons/ico.warning.gif') 10px center no-repeat; border: 2px solid #c00; margin: 5px 0; padding: 15px 15px 15px 60px; } #content #doctorinfo { border-spacing: 2px; width: 100%; } #content #doctorinfo td { background: #eee; border: 1px solid #a0a0a0; padding: 4px; vertical-align: top; } #content #doctorinfo td.blank { background: none; border: none; } #content #doctorinfo td.product-info { background: none; border: none; height: 100%; vertical-align: top; width: 375px; } #content #doctorinfo td.product-info h5 { color: #0C53A3; font-size: 13px; font-weight: bold; } #content #doctorinfo td.product-info .variation-details { width: 375px; } #content #doctorinfo td.product-info .variation-details div { float: left; font-size: 10px; width: 187px; } #content #doctorinfo td.provider .samedoctor { background: #F0F7FD; border: 1px solid #a0a0a0; } #content #doctorinfo td.provider { background: none; border: none; padding-top: 0; } #content #doctorinfo td.provider table { border-spacing: 3px; width: 98%; } #content #doctorinfo td.provider td { border: 1px solid #ccc; font-size: 11px; font-weight: bold; padding: 2px; text-align: left; vertical-align: middle; } #content #doctorinfo td.provider td label { font-size: 11px; font-weight: bold; } #content #doctorinfo td.provider th { text-align: right; vertical-align: middle; width: 100px; } #content #doctorinfo .showsearch { background: url('/images/icons/ico.search.gif') 4px 3px no-repeat; font-size: 11px; } #content #doctorinfo th { background: #ffc; border: 1px solid #a0a0a0; font-size: 10px; font-weight: bold; padding: 2px; text-align: left; } #content #doctorinfo th.productinfo { background: url('/images/icons/ico.fsacheck.gif') 3px center no-repeat #ffc; padding-left: 21px; } #content #doctorinfo th.drinfo { background: url('/images/icons/ico.rxhelp.gif') 3px center no-repeat #ffc; padding-left: 21px; } #content #doctorinfo .doctorcheck { background-image: none !important; padding: 2px 4px; text-align: center; width: 35px; } #content #doctorinfo .doctor { padding: 2px 4px; width: 140px; } #content #doctorinfo .store { } #content #doctorinfo .city { padding: 2px 4px; width: 125px; } #content #doctorinfo .phone { padding: 2px 4px; width: 85px; } #content #doctorinfo td.whyask { bottom: 0; height: 25px; text-align: right; vertical-align: bottom; } #content #doctorinfo .caption { font-size: 10px; font-weight: normal; padding: 0 0 0 5px; } #content #doctorinfo .caption a { text-decoration: none; } /* Doctor Search Results */ #content #doctorinfo .innertable { border-spacing: 2px; width: 737px; } #content #doctorinfo .searchform .innertable { width: 100%; } /* Advanced Search on Dr. Info Page */ #content #doctorinfo .innertable td { padding: 2px 4px; } #content #doctorinfo .innertable td.submitbutton { background: none; border: none; vertical-align: bottom; } #content #doctorinfo .innertable th { text-align: right; vertical-align: middle; } #content #doctorinfo .tableheader { border-left: 1px solid #a0a0a0; border-right: 0; border-spacing: 0!important; width: 722px; } #content #doctorinfo .tableheader th { background: url('/images/misc/tablesorter/bg.gif') center right no-repeat #eee; border-width: 1px 1px 1px 0; cursor: pointer; } #content #doctorinfo .tableheader th.SortUp { background: url('/images/misc/tablesorter/asc.gif') center right no-repeat #eee; } #content #doctorinfo .tableheader th.SortDown { background: url('/images/misc/tablesorter/desc.gif') center right no-repeat #eee; } #content #doctorinfo .drsearchresults { max-height: 200px; overflow-y: auto; overflow-x:hidden; width: 739px; } #content #doctorinfo .doctor-search-results { border-left: 1px solid #a0a0a0; border-right: 0; border-spacing: 0!important; width: 722px; } #content #doctorinfo .doctor-search-results .headers { display: none; } #content #doctorinfo .doctor-search-results td { background: #fff; border-width: 0 1px 1px 0; cursor: pointer; font-size: 10px; vertical-align: middle; } #content #doctorinfo .doctor-search-results td.error { cursor: default; text-align: center; } #content #doctorinfo .doctor-search-results td.error strong { color: #c00; } #content #doctorinfo .doctor-search-results td.proximityheader { font-weight: bold; } #content #doctorinfo .doctor-search-results tr:hover td { background: #f7f7f7; } #content #doctorinfo .doctor-search-results tr:hover td.error { background: #fff; } #content #doctorinfo .searchresults { background: none; border: none; clear:both; padding-top: 5px; } #content #doctorinfo .progressbar td { background: #fff; } #content #doctorinfo .dr-enterinfo .searchresults h5 { background: url('/images/design/tabs.gif') bottom right no-repeat; float: left; font-size:11px; font-weight:bold; padding: 10px 8px 5px 0; } #content #doctorinfo .dr-enterinfo .searchresults h5 a { background: url('/images/design/tabs.gif') 0 -30px no-repeat; padding: 11px 0 6px 10px; text-decoration: none; } #content #doctorinfo .dr-enterinfo .searchresults h5.active { background: url('/images/design/tabs.gif') top right no-repeat; } #content #doctorinfo .dr-enterinfo .searchresults h5.active a { background: url('/images/design/tabs.gif') top left no-repeat; color: #fff; text-decoration: none; } #content #doctorinfo .searchresults h5 .or { color: #555; font-style: italic; font-size: 20px; } #content #doctorinfo .searchresults .searchtotal { color: #404040; font-size: 10px; padding: 6px 0 0 10px; text-align: right; } #content #doctorinfo .searchresults .active .searchtotal { color: #fff; } #content #doctorinfo .searchresults .note { font-size: 11px; } #content #doctorinfo .searchresults .advsearch { background: none; border: none; float: right; font-size: 11px; padding: 5px 0 8px 0; text-align: right; } #content #doctorinfo .searchresults .advsearch a { background: url('/images/icons/ico.search.gif') 4px 3px no-repeat; border: 1px solid #fff; padding: 4px 4px 4px 23px; } #content #doctorinfo .searchresults .advsearch a:hover { background: url('/images/icons/ico.search.gif') 4px -17px no-repeat #eee; border: 1px solid #a0a0a0; } /* Previously Used Doctors */ #content #doctorinfo .doctorresults { background: #fff; border: 1px solid #ccc; margin: 5px; padding: 2px; } #content #doctorinfo .doctorresults h5 { color:#D61029; float: left; font-size:15px; font-weight:bold; } #content #doctorinfo .doctorresults .note { font-size: 11px; } /* Doctor Search Form */ #content #doctorinfo .searchform { background: #fff; border: 1px solid #ccc; margin: 5px; padding: 2px; } #content #doctorinfo .searchform h5 { color:#D61029; font-size:15px; font-weight:bold; } #content #doctorinfo .searchform h5 .or { color: #555; font-style: italic; font-size: 20px; } #content #doctorinfo .advsearch td { background: none; border: none; font-size: 11px; padding-bottom: 15px; text-align: right; } #content #doctorinfo .advsearch td a { background: url('/images/icons/ico.search.gif') 4px 3px no-repeat; border: 1px solid #fff; padding: 4px 4px 4px 23px; } #content #doctorinfo .advsearch td a:hover { background: url('/images/icons/ico.search.gif') 4px -17px no-repeat #eee; border: 1px solid #a0a0a0; } /* Dr Search Variation Styles */ #content #doctorinfo .dr-enterinfo { border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; } #content #doctorinfo .dr-enterinfo h5 { color: #0C53A3; font-size: 14px; font-weight: bold; margin-bottom:0px; position: relative; } #content #doctorinfo .dr-enterinfo h5 .subheader { color: #404040; font-size: 11px; font-weight: normal; } #content #doctorinfo .dr-enterinfo h5 .dr-product { } #content #doctorinfo .dr-enterinfo h5 .rxlink { color: #404040; font-size: 11px; font-weight: normal; } #content #doctorinfo .dr-enterinfo h5 .rxlink .showhelpbox { font-size: 11px; font-weight: normal; } /* Doctor Input Form Styles */ #content #doctorinfo .dr-enterinfo .dr-inputs { border-right: 1px dotted #ccc; float: left; padding-right: 18px; width: 287px; } #content #doctorinfo .dr-enterinfo .dr-inputs td { width: 152px; } #content #doctorinfo .dr-enterinfo .dr-inputs table { border-spacing: 2px; } #content #doctorinfo .dr-enterinfo .dr-inputs .samedoctor { background: none; border: none; font-size: 10px; font-weight: bold; padding: 0; width: auto; } #content #doctorinfo .dr-enterinfo .dr-inputs .samedoctor input { margin-right: 0; vertical-align: sub; } /* Need Help Finding Doctor */ #content #doctorinfo .dr-enterinfo .dr-helpcontainer { float: right; } #content #doctorinfo .dr-enterinfo .dr-needhelp { background: #eee; border: 1px solid #ccc; } #content #doctorinfo .dr-enterinfo h4 { background:url(/images/icons/smallarrow.gif) no-repeat 0 50%; color: #505050; font-size: 12px; font-weight: bold; padding-left: 10px; } #content #doctorinfo .dr-enterinfo .dr-needhelp .doctor-search-results { border-collapse: collapse; width: 388px; } /* Search Results */ #content #doctorinfo .dr-enterinfo .dr-needhelp .tableheader { width: 713px; } #content #doctorinfo .dr-enterinfo .dr-needhelp .drsearchresults { width: 725px; } #content #doctorinfo .dr-enterinfo .dr-needhelp .drsearchresults #doctor-search-results { width: 713px; } #content #doctorinfo .dr-enterinfo .dr-needhelp .drsearchresults #doctor-search-results strong { color: #0C53A3; } #content #doctorinfo .dr-enterinfo .dr-needhelp p.selectoption { font-size: 11px; } #content #doctorinfo .dr-enterinfo .dr-needhelp p.selectoption input { margin-right: 0; vertical-align: sub; } #content #doctorinfo .dr-enterinfo .dr-needhelp .searchform input { width: 111px; } #content #doctorinfo .dr-enterinfo .dr-needhelp .searchform .drsearchbutton { } #content #doctorinfo .dr-enterinfo .dr-needhelp .searchform .searchinputs th { background: none; border: none; } #content #doctorinfo .dr-enterinfo .dr-needhelp .searchform .searchinputs td { background: none; border: none; } #content #doctorinfo .dr-enterinfo .dr-needhelp .searchform .searchinputs .submitbutton { text-align: right; } #content #doctorinfo .dr-enterinfo .dr-needhelp .searchform .note { font-size: 10px; padding: 2px; vertical-align: top; } #content #doctorinfo .dr-enterinfo .dr-needhelp .searchform .searchtotal { font-size: 11px; text-align: right; vertical-align: bottom; width: 114px; } /* Previously Used Doctors */ #content #doctorinfo .dr-enterinfo .dr-needhelp .doctorresults { padding: 4px; } #content #doctorinfo .dr-enterinfo .dr-needhelp .doctorresults .tableheader { width: 387px; } #content #doctorinfo .dr-enterinfo .dr-needhelp .doctorresults #doctor-search-results { width: 387px; } /* General Styles */ #content #doctorinfo .dr-enterinfo table th { font-weight: normal; vertical-align: middle; } /* Popup Helpbox Styles */ #content #doctorinfo .helpbox { background: #f7f7f7; bottom: 0; border: 3px solid #666; color: #505050; font-size: 10px; padding: 2px 25px 15px 5px; position: absolute; right: 0; } #content #doctorinfo .helpbox .variation-details .left { float: left; margin-right: 7px; } #content #doctorinfo .helpbox .variation-details .right { float: left; margin-right: 7px; } #content #doctorinfo .helpbox .close { margin: -2px 0 0 0; position: absolute; right: 0; } #updatefrm .callout { background:#FFFFCC none repeat scroll 0 0; border:2px solid #000000; font-size:13px; margin:10px 5px; padding:20px; } #updatefrm #doctorinfo h5 { color:#003399; font-size:14px; font-weight:bold; margin-bottom:10px; } #updatefrm #doctorinfo h5.subheading { color:#404040 !important; font-size:13px !important; } #updatefrm #doctorinfo td { background:none; border:none; } #updatefrm #doctorinfo #inputs1 { border-right:1px dotted #CCCCCC; border-spacing:2px; padding:0 10px 0 0; } #updatefrm #doctorinfo #inputs1 th { font-weight:normal; vertical-align: middle; } #updatefrm #doctorinfo #inputs1 td, #updatefrm #doctorinfo .dr-helpcontainer .dr-needhelp { background:#EEEEEE none repeat scroll 0 0; border:1px solid #CCCCCC; } #updatefrm #doctorinfo .dr-helpcontainer p { font-size:11px; } #updatefrm #doctorinfo .dr-helpcontainer .dr-needhelp .searchform .searchinputs th { background:none; border:none; font-weight:normal; } #updatefrm #doctorinfo .dr-helpcontainer .dr-needhelp .searchform .searchinputs .submitbutton { text-align:right; } #updatefrm #doctorinfo .dottedborder { border-bottom:1px solid #A0A0A0; height:1px; margin:15px 0; width:100%; } #content #staticlabel p { font-size:12px; } /* 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:11px; 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 11px 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:11px; 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:12px; font-weight:bold; text-transform:uppercase; } #quickfind .heading h1 { float:left; margin-right:.25em; } #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:10px; padding:.1em 0; width:154px; } #quickfind ul li a { color:#fff; } /* Bottom Links */ #endcap #links { font-size:9px; margin:.75em 0 1em 115px; text-align:center; 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; } #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:11px; width:100%; } #popup #doctor-info td { border:1px solid #dbdcca; padding:.5em; vertical-align:middle; } #popup #doctor-info td input { padding:.25em; width:295px; } #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:11px; font-weight:bold; padding:.5em; } #popup #doctor-search-results tbody td { border:1px solid #dbdcca; font-size:11px; 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:11px; } #content .error p strong { font-weight:bold; } /* Common Text Display Formatting */ .negativecurrency { color: #c00; } .normaltext { font-size: 11px; } /* Clear Fixes */ .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } .clearer { clear: both; } /* 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: pointer; } /* Start Special Lens Variations */ #page #content .productSwitch a{ background: url('/images/buttons/bg.productSwitch.gif') bottom left repeat-x #ea183d; border: 1px solid #a90f2a; color: #fff; font-size: 11px; font-weight: bold; padding: 2px 5px; text-decoration: none; } #page #content #heading .productSwitch { background: url('/images/buttons/lensButton.gif') top left no-repeat; height: 15px; margin: 0 0 0 10px; padding-left: 17px; } #page #content #heading .productSwitch .productSwitch-bg { background: url('/images/buttons/lensButton.gif') top right no-repeat; border: none; padding: 4px 0 0; vertical-align: middle; } #page #content #heading .productSwitch .productSwitch-bg a { background: none; border: none; color: #404040; vertical-align: super; } #page #content .loading { left: 0; position: absolute; margin: 0 auto; text-align: center; top: 150px; width: 100%; z-index: 999; } #page #content .loading img { background: #fff; border: 1px solid #000; padding: 5px; } #page #content .specialNote .specialNoteProductSwitch { padding: 4px 0; text-align: center; } #page #content .specialNote .specialNoteProductSwitch .productSwitch { background: url('/images/buttons/lensButton.gif') top left no-repeat; padding: 1px 0 2px 17px; } #page #content .specialNote .specialNoteProductSwitch .productSwitch .productSwitch-bg { background: url('/images/buttons/lensButton.gif') top right no-repeat; border: none; padding: 6px 0 0; vertical-align: middle; } #page #content .specialNote .specialNoteProductSwitch .productSwitch .productSwitch-bg a { background: none; border: none; color: #404040; font-size: 13px; font-weight: bold; vertical-align: top; } /* #page #content .specialNote { background: url('/images/design/bg.specialNote.gif') top left repeat-x #F1F1F1; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; clear: both; margin: 10px 5px; padding: 4px 8px; width: 722px; } #page #content .specialNote h4 { border-bottom: 1px dotted #ccc; color: #d61029; float: left; font-size: 15px; font-weight: bold; margin: 5px 0 8px 0; width: 435px; } #page #content .specialNote p { font-size: 11px; line-height: 16px; padding-bottom: 7px; } #page #content .specialNote .compareImage { float: right; margin: 8px 14px 0 10px; } */ #page #content .specialNote { clear: both; cursor: pointer; margin: 35px 5px 15px 45px; } #page #content .specialNote .specialNoteBox .virtualproductupgradebutton { text-align: center; } #page #content .ninetyPack { cursor: default!important; } #page #content .specialNote h4 { color:#0C53A3; font-family:Arial,Helvetica,sans-serif; font-size:19px; font-weight:bold; margin: 0 0 3px; padding:0 0 5px 92px; } #page #content .specialNote h4 a { text-decoration: none; } #page #content .specialNote h4 a:hover { color: #d61029; text-decoration: none; } #page #content .specialNote h4 .subhead { font-size: 13px; font-weight: normal; margin: 5px 0 8px 0; text-decoration:underline; } #page #content .specialNote h4 .subhead .price { color: #d61029; } #page #content .specialNote .specialNoteBox { background:url("/images/design/bg.specialnotes.gif") repeat-x scroll left top #E1EFF6; border:1px solid #404040; padding: 12px 10px; position:relative; } #page #content .specialNote .specialNoteBox .corner { position:absolute; height:4px; width:4px; } #page #content .specialNote .specialNoteBox .topright { background:url("/images/design/bg.specialnote.topright.gif") top left no-repeat; top:-1px; right:-1px; } #page #content .specialNote .specialNoteBox .botright { background:url("/images/design/bg.specialnote.botright.gif") top left no-repeat; bottom:-1px; right:-1px; } #page #content .specialNote .specialNoteBox .botleft { background:url("/images/design/bg.specialnote.botleft.gif") top left no-repeat; bottom:-1px; left:-1px; } #page #content .specialNote p.howitworks { display:block; font-size: 13px; margin-left:93px; float:left; line-height:20px; padding-bottom: 7px; width:244px; } #page #content .specialNote p.howitworks strong { display:block; font-size: 18px; } #page #content .specialNote p.howitworks .link { color:#D61029; text-decoration:underline; } #page #content .specialNote .compareImage { background:url("/images/design/bg.compareimage.gif") top left no-repeat; color:#fff; font-size:11px; font-weight:bold; position:absolute; top:-30px; left:-41px; text-align:center; text-transform:uppercase; height:97px; width:122px; padding-top:25px; } #page #content .specialNote .compareImage span { font-size:21px; } #page #content .specialNote .comparemath { background:#eff7fa; border:1px solid #ceddee; float:right; margin-bottom:2px; padding:11px 21px 7px 13px; position:relative; } #page #content .specialNote .comparemath .corner { position:absolute; height:5px; width:5px; } #page #content .specialNote .comparemath .topleft { background:url("/images/design/bg.comparemath.topleft.gif") top left no-repeat; top:-1px; left:-1px; } #page #content .specialNote .comparemath .topright { background:url("/images/design/bg.comparemath.topright.gif") top left no-repeat; top:-1px; right:-1px; } #page #content .specialNote .comparemath .botright { background:url("/images/design/bg.comparemath.botright.gif") top left no-repeat; bottom:-1px; right:-1px; } #page #content .specialNote .comparemath .botleft { background:url("/images/design/bg.comparemath.botleft.gif") top left no-repeat; bottom:-1px; left:-1px; } #page #content .specialNote .comparemath .equation { font-size:15px; float:left; font-weight:bold; letter-spacing:-1px; line-height:20px; margin-right:22px; text-align:center; } #page #content .specialNote .comparemath .equation span { display:block; border-bottom:1px solid #4d4d4d; padding:0 10px; } #page #content .specialNote .comparemath .equation span span { display:inline; font-size:10px; border-bottom:none; padding:0; } #page #content .specialNote .comparemath .result { float:right; font-size:20px; font-weight:bold; letter-spacing:-1px; } #page #content .specialNote .comparemath .result span { color:#d6112a; font-size:26.5px; margin-left:21px; } #page #content .specialNote .comparemath .result span span { color:#222; font-size:14px; position:relative; top:-8px; margin:0; } #page #content .specialNote p.small { font-size:9px; letter-spacing:0; text-align:right; } #page #content .lens-variations { float: left; } #page #content .lens-variations.special { margin-left: 5px; } #page #content .lens-variations.special th { border: none; font-size:10px; padding:.25em .5em; text-align: center; } #page #content .lens-variations.special th.noRebate { padding: 9px 4px; } #page #content .lens-variations.special td { color:#c00; font-size:14px; font-weight:bold; padding:0.25em 0.5em; } #page #content .lens-variations.special th .small { display:block; font-size:9px; text-align:center; } /* #page #content .lens-variations.special th { background:#d1e6f1; border:1px solid #404040; color:#222; font-size:11px; padding:4px; text-align:center; } #page #content .lens-variations.special th .small { display:block; font-size:9px; font-weight:normal; text-align:center; } #page #content .lens-variations.special td { background:#e7f2f8; border:1px solid #404040; color:#d61029; font-size: 12px; font-weight: bold; padding:5px 5px 6px; }*/ #content #rebate-offers .offers td table .virtualproduct { width: 245px; } #page #content .productSwitch a{ background: url('/images/buttons/bg.productSwitch.gif') bottom left repeat-x #ea183d; border: 1px solid #a90f2a; color: #fff; font-size: 11px; font-weight: bold; padding: 2px 5px; text-decoration: none; } #page #content #heading .productSwitch { background: url('/images/buttons/lensButton.gif') top left no-repeat; height: 15px; margin: 0 0 0 10px; position: relative; padding-left: 17px; top: 5px; } #page #content #heading .productSwitch .productSwitch-bg { background: url('/images/buttons/lensButton.gif') top right no-repeat; border: none; padding: 1px 0 3px; vertical-align: middle; } #page #content #heading .productSwitch .productSwitch-bg a { background: none; border: none; color: #404040; letter-spacing: normal; vertical-align: super; } #page #content .loading { left: 0; position: absolute; margin: 0 auto; text-align: center; top: 150px; width: 100%; z-index: 999; } #page #content .loading img { background: #fff; border: 1px solid #000; padding: 5px; } #content #product-information #productimage { float: right; } #content #product-information #product-image .quantityCount { background: url('/images/design/bg.pkOverlay.gif') center top no-repeat; color: #fff; font-size: 11px; margin: 15px 0 0; padding: 1px 0; position: absolute; text-align: center; width: 222px;} /* End Special Lens Variations */