/* filename: site.css description: ContactsAmerica.com Stylesheet Master media: screen author: Patrick Rodgers (patrick@powerserve.net) */ /* Linked Stylesheets */ @import url(/includecommon/css/reset.css); /* Resets ALL HTML elements. */ /* General Styles */ a { color: #c00; font-weight: bold; text-decoration: none; } a:hover { color: #4571BC; } body { background:#fff url('/images/design/bg.body.gif') top center repeat-y; color:#000; font:normal 1em/1.4 tahoma,verdana,sans-serif; text-align:center; } strong { font-weight: bold; } /* Lightbox Popups */ #overlay-lightbox { background: #000; filter: alpha(opacity = 60); left: 0; height: 100%; opacity: .6; position: absolute; top: 0; width: 100%; z-index: 90; } #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 img.heading { text-align:center; padding-bottom:10px; } #lightbox #outercontainer a.close { position:absolute; top:-3px; right:6px; } #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:5px; } #lightbox #outercontainer h4 { color:#0076BC; font-size:14px; font-weight:bold; 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: #F7F7F7; border: 1px solid #A0A0A0; font-size: 11px; padding: 4px 3px; vertical-align: middle; } #lightbox #outercontainer table th { background: #EDF4FC; border: 1px solid #A0A0A0; font-size: 11px; padding: 4px 3px; text-align:right; vertical-align: middle; width:90px; } .rrd-container #lightbox #outercontainer .confirmation { border-bottom:1px dotted #CCCCCC; margin-bottom:20px; padding-bottom:10px; } .rrd-container #lightbox #outercontainer .confirmation p { font-size:13px; font-weight:normal; line-height: 20px; margin: 0; padding: 0; text-align:center; } .rrd-container #lightbox #outercontainer .confirmation span.name { font-size: 22px; font-weight: normal; line-height: 27px; } .rrd-container #lightbox #outercontainer .confirmation span.success { font-weight: normal; } #lightbox #outercontainer table .notselected td { background: #fafafa; border: 1px solid #c6c6c6; color:#858585; } #lightbox #outercontainer table .notselected th { background: #f4f8fd; border: 1px solid #c6c6c6; color:#858585; } #lightbox #outercontainer table .notselected span.partchanged { color:#e6707f; } #lightbox #outercontainer table .notselected a { color:#e06666; } #lightbox #outercontainer table .checkbox { background: #fff !important; border:0 !important; } #lightbox #outercontainer table p.address { display:block; float:left; font-size:11px; width:200px; } #lightbox #outercontainer table .edit { background: url('/images/icons/ico.change.gif') center left no-repeat; display:block; float:right; margin-right:2px; padding-left:12px; } #lightbox #outercontainer table .notselected .edit { background: url('/images/icons/ico.change.gray.gif') center left no-repeat; } #lightbox.rxdecline .top { margin: 10px auto 0 auto; } #lightbox.rxdecline #outercontainer p strong span { font-size:15px; } #lightbox.rxdecline #outercontainer p { font-size:12px; text-align:left; } #lightbox.rxdecline #outercontainer p span { font-size:11px; } #lightbox.rxdecline #outercontainer a.updateorder img { margin:14px 0; } #lightbox.rxdecline #outercontainer table { border:1px solid #aeaeae; border-collapse:collapse; font-size:12px; line-height:13px; margin:3px auto 7px; width:425px; } #lightbox.rxdecline #outercontainer table tr td { height:37px; padding:8px 10px 0 59px; width:152px; } #lightbox.rxdecline #outercontainer table tr td#fax { background: url('/images/design/bg.rxdecline.fax.gif') top left no-repeat; border-right:1px solid #aeaeae; } #lightbox.rxdecline #outercontainer table tr td#email { background: url('/images/design/bg.rxdecline.email.gif') top left no-repeat; } #lightbox.addressverification #outercontainer .newaddress { padding-top:0; } #lightbox.addressverification #outercontainer h2 { font-size:14px; margin-top:5px; } #lightbox.addressverification #outercontainer h2 .or { float:left; padding:0 10px; } #lightbox.addressverification #outercontainer h2 .line { border-bottom:1px solid #888;display:block;float:left;height:2px;margin:6px 0 0; width:220px; } #lightbox.addressverification #outercontainer input#avstreet { width:398px; } #lightbox.addressverification #outercontainer input#avcity { width:145px; } #lightbox.comparerx #outercontainer p.address { width:150px !important; } #lightbox.comparerx #outercontainer .correctorder { margin-right:10px; } #lightbox.comparerx #outercontainer table td, #lightbox.comparerx #outercontainer table th { padding:4px 1px; text-align:center !important; } #lightbox.comparerx #outercontainer table th.first { padding: 4px; text-align: right!important; width:180px; } #lightbox.comparerx #outercontainer table th.basecurve { width:147px; } #lightbox.rrd #outercontainer h4 { font-size:15px; } #lightbox.rrd #outercontainer p { margin-bottom:25px; } #lightbox.rrd #outercontainer img.calimg { background:#fff; border:1px solid #A0A0A0; float:right; height:65px; margin-left:5px; margin-bottom:10px; padding:3px; } #lightbox.rrd #outercontainer .box { margin-bottom:20px; } #lightbox.rrd #outercontainer .box .displayerror { background:#D61029; border:none; color:#fff; text-align:left; margin:0 2px 2px; } #lightbox.rrd #outercontainer .box .displayreminder { font-weight:bold; margin:10px 0; } #lightbox.rrd #outercontainer .box .displayreminder label { font-size:14px; font-weight:normal; } #lightbox.rrd #outercontainer table th { font-size:12px; font-weight:bold; padding-right:10px; width:300px; } #lightbox.rrd #outercontainer table td { font-size:12px; } #lightbox.rrd #outercontainer .box .changedate img { margin-top:10px; } #lightbox.rrd #outercontainer .box .calendar td { background:none; border:none; padding:0; } #lightbox.rrd #outercontainer .box .calendar .calendarheader td { background: #FFFFCC; } #lightbox.rrd #outercontainer .calendar { float: none; } #lightbox.rrd #outercontainer .calendar select { height: 19px; } #lightbox.rrd #outercontainer .calendar input { height: 13px; } #lightbox.rrd #outercontainer .skip { margin-right:10px; } #lightbox.rrd #outercontainer .calendar td table { border-spacing:0 !important; border-collapse:collapse !important; } #lightbox.rrd #outercontainer .calendar td td { padding: 4px !important; text-align: center; vertical-align: middle; } /* Alert Box Styles */ .alert { background: #f7f7f7 url('/images/icons/ico.warning.gif') 7px 7px no-repeat; border: 1px solid #c00; margin: 5px; padding: 5px 10px 5px 30px; } .alert p { font-size: 10px; line-height: 12px; } .warning { background: #f7f7f7 url('/images/icons/ico.warning.gif') 7px 7px no-repeat; border: 1px solid #c00; margin: 5px; padding: 5px 10px 5px 30px; } /* Error Box Styles */ .error { background: #FFFFDD; border: 1px solid #c00; margin: 5px 0; padding: 15px 15px 10px 15px; } .error ul li { color: #c00; font-size: 11px; line-height: 1.6em; margin-bottom: 5px; } /* Clear Fix Styles */ .clearer, .clearfix { clear: both; } /* Global Page Styles */ #page { margin: 0 auto; text-align: left; width: 766px; } /* Session Status Styles */ #page #session-status { font-size: 10px; line-height: 10px; padding-left: 5px; position: absolute; } /* Supernav Styles */ #page #global { float: right; } #page #global #utilities { } #page #global #utilities a { color: #666666; font-size: 10px; font-weight: normal; margin-right: 20px; text-decoration: none; } #page #global #utilities a:hover { color: #f00; } #page #global #utilities a.my-account { background: url('/images/icons/ico.account.gif') center left no-repeat; padding-left: 17px; } #page #global #utilities a.view-cart { background: url('/images/icons/ico.cart.gif') center left no-repeat; padding-left: 14px; } #page #global #utilities a.reorder { background: url('/images/icons/ico.reorder.gif') center left no-repeat; padding-left: 18px; } #page #global #utilities a.help { background: url('/images/icons/ico.help.gif') center left no-repeat; padding-left: 12px; } /* Masthead Header, Logo, Top Nav Styles */ #page #masthead { background: url('/images/design/bg.header.gif') top center no-repeat; height: 66px; } #page #masthead h1#logo { background: url('/images/logo/logo.header.gif') top center no-repeat; display: block; float: left; height: 28px; margin: 8px 0 0 5px; width:262px; } #page #masthead h1#logo a { display: block; height: 28px; width: 262px; } #page #masthead #main-navigation { padding: 4px 0 0 2px; } #page #masthead #main-navigation .topnav { list-style: none; } #page #masthead #main-navigation .topnav li { float: left; margin-right: 2px; } #page #masthead #main-navigation .topnav li a { background: url('/images/design/topnav.off.gif') top left no-repeat; color: #fff; display: block; font-size:11px; font-weight: normal; height: 19px; padding: 7px 0 0 0; text-align: center; text-decoration: none; width: 96px; } #page #masthead #main-navigation .topnav li a:hover { background: url('/images/design/topnav.on.gif') top left no-repeat; color: #ff0; } /* Search Bar, Drop Down, Search Input Styles */ #page #searchbar { background: url('/images/design/searchbox.bg.gif') top right no-repeat; margin-bottom: 5px; } #page #searchbar #searcharea { background: url('/images/design/searchbox.bg.gif') top left no-repeat; float: right; padding: 5px 5px 5px 60px; } #page #searchbar #searcharea input { color: #555; font-size: 15px; vertical-align: top; } #page #searchbar #searcharea select { font-size: 15px; margin-right: 15px; vertical-align: top; } #page #searchbar #searcharea #dropdown { float:left; } #page #searchbar #searcharea #search { float:left; } /* Footer, Quickfind Styles */ #page #footer { margin-top: 10px; } #page #footer #quickfind { background: #f7f7f7; border: solid #e6e6e6; border-width: 1px 0 0 0; padding: 5px; } #page #footer #quickfind ul li { float: left; line-height: 13px; width: 151px; } #page #footer #quickfind ul li a { font-size: 10px; } #page #footer #quickfind .heading { color: #333; font-size: 10px; font-weight: bold; text-transform: uppercase; } #page #footer #quickfind .heading h1 { display: inline; } #page #footer #quickfind .heading h1 a { color: #333; } /* Bottom Nav Styles */ #page #endcap { background: #0072BC; } #page #endcap #links { padding: 2px 0 7px 0; } #page #endcap #links a { color: #fff; font-size: 10px; margin: 0 10px; } /* Bottom Logo, Bottom Link Styles */ #page #btmlinks { margin: 10px 0; text-align: center; } #page #btmlinks p { font-size: 10px; } /* Homepage Styles */ /* Left Nav Styles */ #page #homecontent #leftnav { border: solid #004A7B; border-width: 0 1px 0 0; background: #0071BC; float: left; } #page #homecontent #leftnav .list { padding-bottom: 16px; } #page #homecontent #leftnav .list h2 { background: url('/images/header/leftnav.h2.gif') top left no-repeat; color: #fff; font-size: 11px; font-weight: bold; padding: 5px 0 6px 28px; } #page #homecontent #leftnav .list ul { padding: 0 8px; } #page #homecontent #leftnav .list ul li { line-height: 14px; } #page #homecontent #leftnav .list ul li a { color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; } /* Content Area, Main Text Styles */ #page #homecontent #rightcontent { float: left; margin: 0 5px 0 9px; width: 580px; } #page #homecontent #rightcontent .header h1 { background: url('/images/header/rightcontent.h1.gif') top left repeat-x; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold; letter-spacing:-0.05em; margin-bottom: 10px; padding: 5px; } #page #homecontent #rightcontent #maintext { float: left; width: 490px; } #page #homecontent #rightcontent #maintext .text { margin-right: 5px; } #page #homecontent #rightcontent #maintext .text p { font-size: 11px; line-height: 15px; margin-bottom: 4px; } #page #homecontent #rightcontent #maintext .text .photo { border: 1px solid #c00; margin: 0 10px 5px 0; } #page #homecontent #rightcontent #maintext .text .pullquote { font-size: 15px; font-weight: bold; } /* Lowest Price Guarantee Styles */ #page #homecontent #rightcontent #maintext #pricecompare { clear: both; display: block; } #page #homecontent #rightcontent #maintext #pricecompare ul { list-style: none; } #page #homecontent #rightcontent #maintext #pricecompare ul li { border: 1px solid #999; float: left; font-size: 11px; margin: 1px; padding: 3px; text-align: center; width: 110px; } #page #homecontent #rightcontent #maintext #pricecompare ul li.ca a { background: url('/images/icons/ico.checkmark.gif') top left no-repeat; padding: 0 0 2px 17px; } #page #homecontent #rightcontent #maintext #pricecompare ul li.compareprice { background: #e6e6e6; } #page #homecontent #rightcontent #maintext #pricecompare ul li.heading { background: #f7f7f7; border: 1px solid #e6e6e6; font-weight: bold; text-align: left; } #page #homecontent #rightcontent #maintext #pricecompare ul li.heading .small { font-size: 9px; line-height: 12px; } #page #homecontent #rightcontent #maintext #pricecompare ul li.lowestprice { background: url('/images/misc/lowestprice.gif') top center no-repeat; height: 32px; padding: 0; width: 116px; } #page #homecontent #rightcontent #maintext #pricecompare ul li.lowestprice p { display: none; } #page #homecontent #rightcontent #maintext #pricecompare ul li.top { line-height: 13px; text-align: center; } /* Security Badge Styles */ #page #homecontent #rightcontent #maintext #badges { margin-top: 3px; } #page #homecontent #rightcontent #maintext #badges ul li { float: left; text-align: center; width: 163px; } /* Product Sidebar Styles */ #page #homecontent #rightcontent #sidebar { float: left; width: 90px; } #page #homecontent #rightcontent #sidebar ul li { border: 1px solid #A0A0A0; line-height: 13px; margin-bottom: 1px; padding: 3px; text-align: center; } #page #homecontent #rightcontent #sidebar ul li a { font-size: 10px; } /* Homepage Footer Styles */ #page #homecontent #footer { margin: 0; } /* Department Landing Page */ #page #homecontent.landingpage #rightcontent h3 { color:#0076BC; font-family:Arial,Helvetica,sans-serif; font-size:26px; letter-spacing:-0.05em; } /* Content Styles */ #content { margin: 0 5px; } #content h3 { color: #0076BC; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; } #content h5 { color: #0076BC; font-size: 14px; font-weight: bold; } #content p.text { font-size: 11px; } #content .displayerror { background: #FFFFDD; border: 1px solid #c00; color: #c00; display: block; font-size: 10px; margin: 3px 0; padding: 4px; } #content .hand { cursor: pointer; } #content .form-footer { margin: 10px 0; text-align: center; } #content .form-footer .button { font-size: 11px; } #content #intro { margin-bottom: 5px; } #content #intro ol, #content #intro p { font-size: 11px; margin-bottom: 4px; } #content #intro.print { text-align: right; } #content #intro.print a { background: url('/images/icons/ico.print.gif') top left no-repeat; margin-left: 5px; padding: 3px 0 3px 23px; } /* 404 Page Styles */ #content #general-text dl { font-size: 11px; } #content #general-text p { font-size: 11px; } #content #general-text ul { font-size: 11px; } /* Form Styles */ #content .form { border-collapse: collapse; width: 100%; } #content .form td { background: #f7f7f7; border: 1px solid #a0a0a0; font-size: 11px; padding: 4px; vertical-align: middle; } #content .form td table td { border: none; } #content .form td.blank { background: none; border: none; } #content .form td.active, #content .form td.orderdate { text-align: center; } #content .form th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: left; vertical-align: middle; } #content .form th.reminderdatedescription { width: 150px; } #content .form th.active, #content .form th.orderdate { text-align: center; } #content .form .calendar td { background: none; text-align: center; } #content .form .calendar .calendarheader td { background: #EDF4FC; } /* Change Email Address Form Styles */ #content .changeemailaddress { text-align: center; } #content .changeemailaddress .form { margin: 0 auto; width: auto; } #content th.left { text-align: left !important; } /* Registration Form Styles */ #content .register td { width: 25%; } #content .register th { width: 25%;} /* Confirm Referral Styles */ #content #confirm p { font-size: 11px; } /* Breadcrumb Styles */ #content #breadcrumbs { font-size: 10px; text-align: right; } #content #breadcrumbs h1 { color: #0076BC; font-size: 10px; font-weight: bold; } /* Heading Styles */ #content #heading { color: #0076BC; font-family: Arial, Helvetica, sans-serif; font-size: 26px; letter-spacing: -.05em; } #content #heading h1 { display: inline; } /* Department Styles */ #content #departments { width: 100%; } #content #departments td { text-align: left; vertical-align: top; width: 50%; } #content #departments .dept-results { width: 365px; } #content #departments .dept-results th { border: dotted #999; border-width: 0 0 1px 0; color: #0076BC; font-size: 13px; font-weight: bold; padding: 15px 5px 5px 0; } #content #departments .dept-results td { border-bottom: 1px dotted #ccc; text-align: left; vertical-align: middle; width: auto; } #content #departments .dept-results td a { display: block; font-size: 11px; padding: 5px; } /* Department Legend Styles */ #content #departments #legend { padding-top: 10px; text-align: left; width: 100%; } #content #departments #legend dl dd { color: #aaa; float: left; font-size: 10px; padding: 3px; vertical-align: middle; } #content #departments #legend dl dt { float: left; margin-right: 1px; } #content #departments #legend dl dt.gift { margin-left: 7px; } /* Department Review Styles */ #content #reviews { margin-top: 5px; } #content #reviews .helpful { font-size: 12px; } #content #reviews .hreview { background: #f7f7f7; border: 1px solid #a5a5a5; margin-bottom: 5px; } #content #reviews .hreview .description { float: right; font-size: 11px; padding: 5px; width: 530px; } #content #reviews .hreview .info { background: #edf4fc; border: solid #ccc; border-width: 0 1px 0 0; float: left; padding: 5px; width: 200px; } #content #reviews .hreview .info .item { font-size: 11px; } #content #reviews .hreview .info .rating { font-size: 11px; } #content #reviews .hreview .info .rating .value { font-weight: normal; } #content #reviews .hreview .info .type { font-size: 10px; } /* Product Page Styles*/ /* Pricing Details Styles */ #content #product-information #pricing-details { background: url('/images/product/bg.pricedetail.gif') -150px 0 repeat-y; float: left; width: 285px; } #content #product-information #pricing-details td { font-size: 13px; padding: 0 0 2px 0; } #content #product-information #pricing-details th { font-size: 13px; font-weight: bold; padding: 0 0 2px 4px; width: 115px; } /* Email to a Friend, FSA Widget Styles */ #content #product-information #pricing-details #widgets { padding: 0 0 0 4px; } #content #product-information #pricing-details #widgets li { float: left; } #content #product-information #pricing-details #widgets li a { font-size: 11px; font-weight: normal; } #content #product-information #pricing-details #widgets li.email { background: url('/images/icons/ico.email.gif') center left no-repeat; padding-left: 20px; } #content #product-information #pricing-details #widgets li.fsa { background: url('/images/icons/ico.fsacheck.gif') center left no-repeat; margin-left: 18px; padding-left: 20px; } /* Buy More Save More Widget Styles */ #content #product-information #buymore-widget { background: url('/images/product/bg.bmsm.gif') top left no-repeat; float: left; height: 110px; width: 135px; } #content #product-information #buymore-widget .info { display: none; } #content #product-information #buymore-widget .pricing { margin-top: 76px; width: 100%; } #content #product-information #buymore-widget .pricing td { font-size: 10px; text-align: center; width: 50%; } #content #product-information #buymore-widget .pricing td.lowest-price { color: #D61029; } #content #product-information #buymore-widget .pricing th { font-size: 11px; font-weight: bold; line-height: 11px; text-align: center; width: 50%; } #content #product-information #buymore-widget .pricing th.lowest-price { color: #D61029; } /* Product Image, Rebate Overlay Styles */ #content #product-information #product-image { float: right; font-size: 10px; position: relative; } #content #product-information #product-image.rebate { float:right; position:relative; text-align:right; width:242px; } #content #product-information #product-image #overlay { background: url('/images/product/overlay.gif') top left no-repeat; height: 70px; position: absolute; right: 0; top: 0; width: 70px; } #content #product-information #product-image #prodimgdsp { border: 1px solid #a0a0a0; } #content #product-information #product-image .colors { background: #f7f7f7; border: solid #a0a0a0; border-width: 1px 0 0 0; padding: 2px; } #content #product-information #product-image .colors img { height: 21px; vertical-align: middle; width: 21px; } #content #product-information #product-image .colors select { width: 205px; } /* Enter Prescription Styles */ #content #prescription { } #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; margin-top: -7px; } #content #prescription .helpbox ol li { color: #fff; } #content #prescription .helpbox ol li h5 { color: #fff; font-size: 12px; font-weight: bold; } #content #prescription .helpbox ol li ul li {font-size: 9px; } #content #prescription .helpbox .close { float: right; margin: 4px 4px 0 0; } /* Prescription Table Form */ #content #prescription .lens-variations { border-spacing: 4px; } #content #prescription .lens-variations th { background: #EDF4FC; border: 1px solid #999; font-size: 11px; font-weight: bold; padding: 2px; text-align: center; vertical-align: middle; } #content #prescription .lens-variations tbody td { background: #f7f7f7; border: 1px solid #e6e6e6; font-size: 12px; padding: 4px; text-align: center; } #content #prescription .lens-variations tbody td.color img { height: 21px; vertical-align: top; width: 21px; } #content #prescription .lens-variations tbody td.price { color: #c00; font-size: 12px; font-weight: bold; } #content #prescription .lens-variations tbody th { padding: 4px; text-align: left; } #content #prescription .lens-variations thead th { padding: 4px; } #content #prescription .lens-variations thead th.blank { background: none; border: none; } #content #prescription .lens-variations thead th.price small#after-rebate { display: none; } #content #prescription .lens-variations thead th.price small, #content #prescription .lens-variations thead th.price .mini { display: block; font-size: 9px; font-weight: normal; } /* Prescription Badge Styles */ #content #prescription #badges { float: left; margin: 2px 0 0 4px; } #content #prescription #badges a { margin-right: 15px; } /* Prescription Add to Cart Button Styles */ #content #prescription #addtocart { float: right; } /* Gas Permeable Styles */ #content #prescription #gas-permeable .addtext { background: #888; color: #fff; font-size: 12px; font-weight: bold; margin-left: 5px; padding: 2px; text-align: center; width: 635px; } #content #prescription #gas-permeable .addtext a { color: #ffc; } #content #prescription #gas-permeable .closetext { background: #888; color: #fff; font-size: 12px; font-weight: bold; margin-left: 5px; padding: 2px; text-align: center; width: 635px; } #content #prescription #gas-permeable .closetext a { color: #ffc; } #content #prescription #gas-permeable .lens-variations { float: none; } /* Qualifying Offers Styles */ #content #offers { margin-top: 20px; } #content #offers h3 { border-bottom: 1px solid #a0a0a0; } #content #offers ul { font-size: 11px; } #content #offers p { font-size: 11px; } #content #offers ul li p { font-size: 10px; } #content #offers .promoname { font-weight: bold; } #content #offers .promo1 img { display: none; } #content #offers .promoFIT4LIFE .promoname { color:#D61029; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; } #content #offers .promoFIT4LIFE { background: url('/siteimages/promo/5.jpg') top left no-repeat; height: 150px; list-style: none; margin-left: 40px; padding: 24px 221px 0 105px; width: 346px; } #content #offers .promoFIT4LIFE img { display: none; } #content #offers .promoFIT4LIFE .promocode { display: none; } /* Need Help Styles */ #content .needhelp { font-size: 11px; } /* Rebate Offers Styles */ #content #rebate-offers .offers { border-collapse: collapse; width: 100%; } #content #rebate-offers .offers td { vertical-align: middle; } #content #rebate-offers .offers td a { text-decoration: underline; } #content #rebate-offers .offers td.bestoffer { color: #c00; font-size: 10px; font-weight: bold; padding-bottom: 20px; vertical-align: bottom; } #content #rebate-offers .offers td table { background: url('/siteimages/rebate/rebate-offerbg.gif') bottom left repeat-x; border: 1px dotted #a0a0a0; width: 100%; } #content #rebate-offers .offers td table td { background: url('/siteimages/rebate/rebate-offerbg.gif') bottom left repeat-x; border: dotted #a0a0a0; border-width: 0 0 1px 0; padding: 4px; vertical-align: middle; } #content #rebate-offers .offers td table .end td { border-bottom: none; } #content #rebate-offers .offers td table .amt { width: 35px; } #content #rebate-offers .offers td table .desc { width: 270px; } #content #rebate-offers .offers td table .desc h5 { color: #c00; font-size: 13px; font-weight: bold; } #content #rebate-offers .offers td table .desc p { font-size: 10px; } #content #rebate-offers .offers td table .div { border-left: 1px dotted #a0a0a0; padding: 0; width: 1px; } #content #rebate-offers .offers td table .savings table { border: none; width: 100%; } #content #rebate-offers .offers td table .savings table td { background: none; border: none; font-size: 10px; padding: 3px; } #content #rebate-offers .offers td table .savings table td.dealcaption { text-align: right; } #content #rebate-offers .offers td table .savings table td.dealamount { font-weight: bold; text-align: right; } #content #rebate-offers .offers td table .savings table tfoot td { border-top: 1px dotted #a0a0a0; } /* Rebate Detail Styles */ #content #rebate-detail { margin-top: 10px; } #content #rebate-detail .hidedetails { color: #c00; cursor: pointer; font-size: 11px; } #content #rebate-detail #info { border-top: 1px solid #a0a0a0; color: #555; padding: 10px; } #content #rebate-detail #info ol { font-size: 11px; list-style: decimal; margin-left: 20px; } #content #rebate-detail #info p { font-size: 11px; margin-bottom: 5px; } /* Rebate Group */ #content #rebates-group { border:0; border-collapse:collapse; border-spacing:0; float:left; margin:10px 0; width:500px; } #content #rebates-group td { background:#fff; border-bottom:1px dotted #ccc; padding:3px; vertical-align:middle; } #content #rebates-group tr.alt td { background:url('/SiteImages/rebate/rebate-offerbg.gif') repeat-x 0 50%; } #content #rebates-group tr:hover td, #content #rebates-group tr.alt:hover td { background:url('/SiteImages/rebate/rebate-offerbg.gif') repeat-x 0 100%; } #content #rebates-group td.image { width:60px; } #content #rebates-group td.value { text-align:right; width:150px; } #content #rebates-group td.value span.upto { display:inline-block; font-size:10px; font-weight:bold; margin:0; vertical-align:middle; } #content #rebates-group td.value img { display:inline-block; vertical-align:middle; } #content .rebates-group-db-desc { font-size:11px; margin:0 0 10px; } #content #rebates-group-desc { border-left:1px solid #ccc; float:right; font-size:11px; margin-right:20px; padding:0 0 0 10px; width:180px; } /* Email Preferences Past Order Styles */ #content #pastorders h5 { margin-top: 15px; } /* FAQ Main Page Styles */ #content .faqcolumn { float: left; font-size: 11px; width: 48%; } #content .faqcolumn .faqentry { margin-bottom: 10px; } #content .faqcolumn .faqentry h3 a { color: #0076BC; } #content .faqcolumn .faqentry ul { list-style: disc; margin-left: 20px; } #content ul.faq-list { font-size: 11px; list-style: disc; margin-left: 20px; } /* FAQ Entry Styles */ #content #faq-detail blockquote { font-size: 11px; margin: 7px 0; } #content #faq-detail h4 { color: #0076BC; font-size: 11px; font-weight: bold; margin: 5px 0; } #content #faq-detail p { font-size: 11px; margin-bottom: 7px; } #content #faq-detail ol { font-size: 11px; list-style: decimal; margin-left: 20px; } #content #faq-detail ul { font-size: 11px; list-style: disc; margin-left: 20px; } /* Email Preferences Unsubscribe Confirmation Styles */ #content .emailpref td { padding: 10px; } #content .emailpref td ol { font-size: 11px; list-style: decimal; margin-left: 20px; } /* Additional Details Styles */ #content #additional-details h4 { font-size: 11px; font-weight: bold; margin: 5px 0 2px; } #content #additional-details p { font-size: 11px; margin-bottom: 5px; } /* Extended Product Information Styles */ #content #additional-details #extended-product-info #details { float: left; padding: 0 5px 0 0; width: 49%; } #content #additional-details #extended-product-info #details ul { font-size: 11px; list-style: square; margin: 0 0 10px 20px; } /* Extended Product Information Sidebar Styles */ #content #additional-details #extended-product-info #sidebar { float: right; padding: 0 0 0 5px; width: 49%; } #content #additional-details #extended-product-info #sidebar #price-comparison .data { border-collapse: collapse; width: 100%; } #content #additional-details #extended-product-info #sidebar #price-comparison .data td { border: 1px solid #A0A0A0; font-size: 11px; padding: 7px; text-align: center; } #content #additional-details #extended-product-info #sidebar #price-comparison .data th { background: #EDF4FC; border: 1px solid #A0A0A0; font-size: 11px; font-weight: bold; padding: 7px; text-align: center; } /* Customer Review Styles */ #content #additional-details #customer-reviews h3 { border-bottom: 1px solid #a0a0a0; } #content #additional-details #customer-reviews #review_text h4 { font-size: 11px; } #content #additional-details #customer-reviews #reviews .info .rating { margin-top: 5px; } #content #additional-details #customer-reviews #reviews .info .feedback { margin-top: 5px; } #content #additional-details #customer-reviews #reviews .info .feedback h5 { font-size: 11px; } #content #additional-details #customer-reviews #reviews .info .feedback li { float: left; } #content #additional-details #customer-reviews #reviews .info .feedback li a.no { background: url('/images/icons/ico.del.gif') top left no-repeat; font-size: 11px; padding: 2px 0 2px 18px; } #content #additional-details #customer-reviews #reviews .info .feedback li a.yes { background: url('/images/icons/ico.add.gif') top left no-repeat; font-size: 11px; margin-right: 10px; padding: 2px 0 2px 18px; } #content #additional-details #customer-reviews #reviews .info .item { font-size: 12px; font-weight: bold; } #content #additional-details #customer-reviews #reviews .info .reviewer { font-size: 11px; } #content #additional-details #customer-reviews #reviews .description h4.summary { font-size: 11px; } #content #additional-details #customer-reviews #review_product { background: #f7f7f7; border: 1px solid #a0a0a0; padding: 10px; } #content #additional-details #customer-reviews #review_product h3 { border: none; } #content #additional-details #customer-reviews #review_product ol { list-style: decimal; list-style-position: outside; margin: 0 270px 0 20px; } #content #additional-details #customer-reviews #review_product ol li { font-size: 11px; font-weight: bold; margin-bottom: 10px; } #content #additional-details #customer-reviews #review_product ol li #CaptchaImage { border: 1px solid #a0a0a0; float: right; } #content #additional-details #customer-reviews #review_product ol li .options { display: inline; } #content #additional-details #customer-reviews #review_product ol li .options label { display: inline; font-weight: normal; } #content #additional-details #customer-reviews #review_product ol li label { display: block; } #content #additional-details #customer-reviews #review_product ol li label .required { color: #c00; font-weight: normal; font-style: italic; } #content #additional-details #customer-reviews #review_product #guidelines { background: #EDF4FC; border: 1px solid #a0a0a0; float: right; padding: 8px; width: 240px; } #content #additional-details #customer-reviews #review_product #guidelines h4 { font-size: 15px; } #content #additional-details #customer-reviews #review_product #guidelines ul { list-style: square; margin: 5px 0 5px 25px; } #content #additional-details #customer-reviews #review_product #guidelines ul li { font-size: 11px; margin: 15px 0; } /* Color Options Styles */ #content #additional-details #color-options .colors li { border: 1px solid #a0a0a0; float: left; height: 105px; margin: 0 5px 5px 0; padding: 4px; width: 100px; } /* Contacts A-Z Styles */ #content .atozjump li { display:inline; } #content .atozjump li a { background:#f7f7f7; border:1px solid #dbdcca; display:block; float:left; font-size: 11px; margin:0 5px 0 0; padding:.25em .5em; text-align:center; text-decoration:none; } #content .atozjump li a:hover { background:#cff2ff; border:1px solid #050D76; } /* Results Styles */ #content .results { clear: both; width: 100%; } #content .results td { vertical-align: top; } #content .results td a { display: block; font-size: 11px; padding: 5px; width: auto; } #content .results td a:hover { background: url('/images/misc/results-hover-bg.gif') -100px 0 repeat-y; } #content .results td table { width: 95%; } #content .results td td { border-bottom: 1px dotted #ccc; } #content .results th { border-bottom: 1px dotted #999; color: #0076bc; font-size: 13px; padding: 5px 5px 0 0; } #content .results th h3 { font-size: 13px; } /* Show All Brands Styles */ #content .detailcolumn { float: left; width:252px; } #content .detailcolumn ul { width: 240px; } #content .detailcolumn ul li { border-bottom:1px dotted #CCCCCC; } #content .detailcolumn ul li a { display:block; font-size:11px; padding:5px; width:auto; } #content .detailcolumn ul li a:hover { background:transparent url(/images/misc/results-hover-bg.gif) repeat-y scroll -100px 0pt; } #content .detailcolumn .heading { color: #0076BC; border-bottom:1px dotted #999999; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; width: 240px; } /* Login Page Styles */ /* New Customer Register Styles */ #content #quick-account { float: left; padding-right: 20px; width: 47%; } #content #quick-account p { font-size: 11px; } /* Returning Customers Login Styles */ #content #quick-login { border-left: 1px dotted #ccc; float: left; padding-left: 20px; width: 47%; } #content #quick-login h5 { color: #0076BC; font-size: 14px; font-weight: bold; } #content #quick-login p { font-size: 11px; margin-bottom: 3px; } #content #quick-login .login { border-collapse: collapse; width: 100%; } #content #quick-login .login td { background: #f7f7f7; border: 1px solid #a0a0a0; padding: 4px; } #content #quick-login .login th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: right; } #content #quick-login #signinhelp { background: #f7f7f7; border: 1px solid #a0a0a0; list-style: disc; padding: 5px 10px 5px 30px; } #content #quick-login #signinhelp li { font-size: 12px; margin: 5px 0; } /* Checkout Help Styles */ #content #checkout-help { border: solid #ccc; border-width: 1px 0 0 0; padding-top: 20px; margin-top: 20px; text-align: center; } #content #checkout-help div { float: left; height: 125px; margin: 0 3px; text-align: left; width: 246px; } #content #checkout-help div h4 { background: #eee; border: 1px solid #a0a0a0; color: #404040; font-size: 12px; font-weight: bold; margin-bottom: 5px; padding: 5px; } #content #checkout-help div img { margin: 4px 4px 15px 0; } #content #checkout-help div p { padding-bottom: 0; } #content #checkout-help p { font-size: 12px; padding-bottom: 20px; } #content #checkout-help div .verisign dt { display:block; float:left; height:85px; width:115px; } /* Account Tools Styles */ #content #account-tools { border-collapse: collapse; width: 100%; } #content #account-tools td { border: 1px solid #a0a0a0; padding: 4px; } #content #account-tools td ul { font-size: 11px; list-style: disc; margin-left: 20px; } #content #account-tools td ul li a { font-size: 11px; } #content #account-tools th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 12px; font-weight: bold; padding: 4px; width: 33%; } /* Checkout Steps */ #content #checkout_steps { float: right; } /* 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:#f7f7f7; border: 1px solid #999; 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:#0076BC; font-size:19px; font-weight:bold; line-height:40px; 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; } /*.statusdescription { background: url('/images/icons/ico.status.question.gif') 15px center no-repeat #0072BC; 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; }*/ #content .highlight { background: #c00 !important; color: #fff; } #content .blue { background: #0072BC !important; color: #fff; } #content .blue a { color: #fff000; text-decoration: underline; } #content .blue a:hover { color: #fff000; } /* Shopping Cart Styles */ #content #cart { border-collapse: collapse; width: 100%; } #content #cart tbody th { text-align: right; vertical-align: middle; } #content #cart tbody th#subtotal a sup { color: #000; } #content #cart td { background: #f7f7f7; border: 1px solid #a0a0a0; font-size: 11px; padding: 4px; text-align: center; vertical-align: middle; } #content #cart td.blank { background: none; border-width: 0; } #content #cart td.buynow { text-align: center; } #content #cart td.cartempty { background: none; color: #c00; font-size: 11px; font-weight: bold; padding: 30px; text-align: center; } #content #cart td.compactdate { font-size: 11px; text-align: center; } #content #cart td.compactprice { font-size: 11px; text-align: center; } #content #cart td.coupon-entry { text-align: left; } #content #cart td.coupon-entry label { font-size: 11px; } #content #cart td.coupon-entry input { color: #555; margin-left: 5px; } #content #cart td.coupon-entry #coupapply { font-size: 10px; margin-left: 5px; } #content #cart td.coupon-messages { background: none; border-width: 0 0 0 0; padding: 5px; } #content #cart td.coupon-messages .coupon-error { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; padding: 10px 5px 5px; } #content #cart td.info { text-align: left; width: 100%; } #content #cart td.info strong { color: #D61029; display: block; font-size: 13px; font-weight: bold; } #content #cart td.info .extended-info { float: left; font-size: 11px; margin: 0 5px 0 50px; } #content #cart td.info .extended-info strong { color: #000; display: inline; font-size: 11px; float: none; } #content #cart td.info .info { clear: both; float: left; font-size: 11px; } #content #cart td.info .tools { clear: both; } #content #cart td.info .tools .mod { background: url('/images/icons/ico.change.gif') top left no-repeat; font-size: 10px; margin-right: 10px; padding-left: 12px; } #content #cart td.info .tools .del { background: url('/images/icons/ico.remove.gif') top left no-repeat; font-size: 10px; padding-left: 13px; } #content #cart td.l { text-align: left; vertical-align: middle; } #content #cart td.l img { vertical-align: middle; } #content #cart td.l .prodname { color: #D61029; font-size: 11px; } #content #cart td.non-product { } #content #cart td.non-product .promo-item { background: url('/images/rebate/tick.gif') top left no-repeat; float: left; font-size: 11px; padding-left: 20px; } #content #cart td.non-product .promo-item strong { color: #D61029; } #content #cart td.non-product .promo-message { background: url('/images/rebate/tick.gif') top left no-repeat; float: left; font-size: 11px; padding-left: 20px; } #content #cart td.non-product .promo-message strong { color: #D61029; } #content #cart td.non-product .promo-message h2 { font-weight: bold; text-align: left; } #content #cart td.non-product .promo-message p { } #content #cart td.non-product .tools { float: right; } #content #cart td.non-product .tools .del { background: url('/images/icons/ico.remove.gif') top left no-repeat; font-size: 10px; padding-left: 13px; } #content #cart td.no-orders { font-size: 11px; text-align: center; } #content #cart td.price { font-size: 11px; text-align: center; } #content #cart td.price #displaypricecell { margin: 0 auto; width: 135px; } #content #cart td.price #displaypricecell td { border: none; font-size: 11px; padding: 0; } #content #cart td.price #displaypricecell th { background: none; border: none; padding: 0; } #content #cart td.price #displaypricecell .suggested-price { color: #898989; } #content #cart td.price #displaypricecell .you-save { color: #c00; } #content #cart td.qty { font-size: 11px; text-align: center; } #content #cart td#rebates { background: url('/siteimages/rebate/rebate-offerbg.gif') bottom left repeat-x; border: 1px dotted #a0a0a0; text-align: left; width: 100%; } #content #cart td#rebates td { background: none; border: none; text-align: left; } #content #cart td#rebates td.accept { text-align: center; width: 215px; } #content #cart td#rebates td.accept p strong { color: #c00; } #content #cart td#rebates td.savings { width: 410px; } #content #cart td#rebates td.savings h5 { color: #c00; font-size: 16px; font-weight: bold; } #content #cart td#rebates td.savings .deal td { padding: 0; text-align: right; } #content #cart td#rebates td.savings .deal td.amount { font-weight: bold; padding-right: 5px; width: 60px; } #content #cart td#rebates td.savings .deal td.detail { text-align: left; } #content #cart td#rebates td.savings .deal td.label { width: 100px; } #content #cart td#rebates td.savings .deal tfoot td { border-top: 1px dotted #ccc; } #content #cart td.status { font-size: 11px; text-align: center; } #content #cart td.status .onOrder { color: #D61029; font-weight: bold; } #content #cart td.subtotal { font-size: 11px; text-align: center; } #content #cart td.value { font-size: 11px; text-align: right; } #content #cart th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: center; } #content #cart th.info { text-align: left; } #content #cart th.patientname { background: none; border: none; color: #0076BC; font-size: 16px; text-align: left; } /* Search Results Styles */ #content #search-results h3.ProductName { clear: both; padding-top: 10px; } /* Best Sellers Styles */ #content #search-results #best-sellers { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; margin-bottom: 10px; padding: 4px; } #content #search-results #best-sellers dl { border-bottom: 1px solid #ccc; float: left; height: 59px; margin: 0 3px; width: 348px; } #content #search-results #best-sellers dl.end { border-bottom: none; } #content #search-results #best-sellers dl dd.desc { margin-left: 57px; } #content #search-results #best-sellers dl dd.img { float: left; margin-top: -11px; text-align: center; width: 50px; } #content #search-results #best-sellers dl dd.img img { border: 1px solid #a0a0a0; } #content #search-results #best-sellers dl dd.img img.rebate-icon { border: none; margin-top: 2px; } #content #search-results #best-sellers dl dt { margin-left: 57px; } /* All Products Styles */ #content #search-results #all-products { font-size: 11px; } #content #search-results #all-products dl { border-bottom: 1px solid #ccc; float: left; height: 59px; margin: 0 3px; width: 348px; } #content #search-results #all-products dl dd.desc { margin-left: 57px; } #content #search-results #all-products dl dd.img { float: left; margin-top: -11px; text-align: center; width: 50px; } #content #search-results #all-products dl dd.img img { border: 1px solid #a0a0a0; } #content #search-results #all-products dl dd.img img.rebate-icon { border: none; margin-top: 2px; } #content #search-results #all-products dl dt { margin-left: 57px; } /* FAQ Styles */ #content #search-results #faqs ol { font-size: 11px; list-style: decimal; margin-left: 20px; } /* Congratulations Savings Styles */ #content #congrats { background: url('/siteimages/rebate/rebate-offerbg.gif') 0 75% repeat-x; border: 1px dotted #a0a0a0; height: 34px; margin: 10px 0; } #content #congrats img { border: dotted #a0a0a0; border-width: 0 1px 0 0; float: left; } #content #congrats .message { float: left; font-size: 13px; padding: 8px 10px; } #content #congrats .message em { font-style: normal; font-weight: bold; } #content #congrats .message .savings { color: #D61029; font-weight: bold; } /* Cart: Coupons */ #page #content #coupons { display:block; margin:5px 0 1em 0; } #page #content #coupons h3 { background: none; padding: 0; } #page #content #coupons .note { font-size:11px; margin:0 0 .25em; } #page #content #coupons table { border-collapse: collapse; border-spacing: 0; font-size:11px; width:100%; } #page #content #coupons table thead th { background:#EDF4FC; border:1px solid #a0a0a0; font-size: 11px; font-weight:bold; padding:4px; } #page #content #coupons table tbody td { background: #f7f7f7; border:1px solid #a0a0a0; font-size: 11px; padding:4px; } /* Special Offers Styles */ #content #special-offers { margin-bottom: 5px; } #content #special-offers h3 { margin-top: 5px; } #content #special-offers ul { background: #f7f7f7; border: 1px solid #a0a0a0; } #content #special-offers ul li { color: #c00; font-size: 11px; font-weight: bold; padding: 4px; } /* Billing Info, Shipping Info Styles */ #content #update-info { width: 100%; } #content #update-info tbody td { vertical-align: middle; width: 50%; vertical-align: top; } #content #update-info tbody td table { border-spacing: 4px; width: 98%; } #content #update-info tbody td table td { background: #f7f7f7; border: 1px solid #a0a0a0; padding: 2px; } #content #update-info tbody td table td.blank { background: none; border-width: 0; } #content #update-info tbody td table th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; padding: 4px; text-align: right; } #content #update-info thead th strong { color: #0076BC; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; letter-spacing: -.05em; } #content #update-info thead th #caption { float: right; font-size: 11px; margin: 14px 10px 0 0; text-align: right; } /* Gift Certificate Styles */ #content #current-order-total { margin-bottom: 5px; } #content #current-order-total dd { color: #D61029; display: inline; font-size: 13px; font-weight: bold; } #content #current-order-total dt { display: inline; font-size: 13px; font-weight: bold; } /* Qualifying Offers Styles */ #content #promo-upsell { margin-top: 10px; } #content #promo-upsell table { border-collapse: collapse; width: 100%; } #content #promo-upsell table td { background: #f7f7f7; border: 1px solid #a0a0a0; font-size: 11px; padding: 4px; vertical-align: middle; } #content #promo-upsell table th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: left; } /* Express Reorder Styles */ #content .buy-now { margin: 3px 0 20px 0; text-align: right; } #content .reorder { border: 1px solid #a0a0a0; border-collapse: collapse; width: 100%; } #content .reorder tbody th { background: #f7f7f7; border: 1px solid #a0a0a0; font-size: 11px; padding: 4px; text-align: center; vertical-align: middle; } #content .reorder tbody th.orderdate { width: 100px; } #content .reorder td { background: #f7f7f7; border: 1px solid #a0a0a0; padding: 4px; vertical-align: middle; } #content .reorder td.buynow { border-width: 0; padding: 0; text-align: center; } #content .reorder td.info .productname { color: #D61029; float: left; font-size: 13px; font-weight: bold; } #content .reorder td.info .info { clear: both; float: left; font-size: 11px; } #content .reorder td.info .extended-info { float: left; font-size: 11px; margin: 0 5px 0 50px; } #content .reorder td.price { font-size: 11px; text-align: center; width: 100px; } #content .reorder td.qty { text-align: center; width: 100px; } #content .reorder thead th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: center; } #content .reorder thead th.buynow { width: 55px; } #content .reorder thead th.info { text-align: left; } /* Express Reorder Bracket Styles */ #content .reorder #bracket { background:url("/images/reorder/bracket/more_04.gif"); float:left; margin:0; padding:0; width:19px; } #content .reorder #bracket div { margin:0; padding:0; } #content .reorder #bracket .top { background:url("/images/reorder/bracket/more_01.gif") no-repeat; height:10px; width:19px; } #content .reorder #bracket .mid { background:url("/images/reorder/bracket/more_03.gif") 0 50% no-repeat; height:22px; width:19px; } #content .reorder #bracket .btm { background:url("/images/reorder/bracket/more_05.gif") no-repeat; height:10px; margin-bottom:-2px; margin-top:-1px; padding:0; width:19px; } /* Order Detail Styles */ #content .basket { border-collapse: collapse; margin-bottom: 10px; width: 100%; } #content .basket td { background: #f7f7f7; border: 1px solid #a0a0a0; font-size: 11px; padding: 4px; text-align: center; vertical-align: middle; } #content .basket .left { text-align: left; } #content .basket .right { text-align: right; } #content .basket td.billinginfo { text-align: left; } #content .basket td.shippinginfo { text-align: left; } #content .basket td.blank { background: none; border: none; } #content .basket th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: center; } #content .basket th a.handling sup { color: #000; } /* Doctor Info Styles */ /* Error Box Styles */ .error.drinfo { background: #FFF url('/images/icons/ico.warning.large.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; } #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: #D61029; 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: #EDF4FC; 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 #EDF4FC; border-width: 1px 1px 1px 0; cursor: pointer; } #content #doctorinfo .tableheader th.SortUp { background: url('/images/misc/tablesorter/asc.gif') center right no-repeat #EDF4FC; } #content #doctorinfo .tableheader th.SortDown { background: url('/images/misc/tablesorter/desc.gif') center right no-repeat #EDF4FC; } #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 !important; 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: 9px 8px 5px 0; } #content #doctorinfo .dr-enterinfo .searchresults h5 a { background: url('/images/design/tabs.gif') 0 -30px no-repeat; color: #D61029; 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: #0076BC; 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: #0076BC; } #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; } .callout { background:#EDF4FC 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; } #updatefrm #doctorinfo #inputs1, #updatefrm #doctorinfo #text1 { border-spacing:2px; padding:0 10px 0 0; } #updatefrm #doctorinfo #inputs1 th, #updatefrm #doctorinfo #text1 th { vertical-align: middle; } #updatefrm #doctorinfo #inputs1 td, #updatefrm #doctorinfo #text1 td, #updatefrm #doctorinfo .dr-helpcontainer .dr-needhelp { background:#EEEEEE none repeat scroll 0 0; border:1px solid #CCCCCC; } #updatefrm #doctorinfo #text1 td { font-size:12px; } #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%; } #updatefrm .searchresults h5 { background: url('/images/design/tabs.gif') bottom right no-repeat; float: left; font-size:11px !important; font-weight:bold; margin-bottom:0 !important; padding: 9px 8px 5px 0; } #updatefrm .searchresults h5 a { background: url('/images/design/tabs.gif') 0 -30px no-repeat; color: #D61029; padding: 10px 0 6px 10px; text-decoration: none; } #updatefrm .searchresults h5.active { background: url('/images/design/tabs.gif') top right no-repeat; } #updatefrm .searchresults h5.active a { background: url('/images/design/tabs.gif') top left no-repeat; color: #fff; text-decoration: none; } #updatefrm #doctorinfo .doctor-search-results td { border:solid #A0A0A0; } #updatefrm #doctorinfo .searchresults th { font-weight:normal; } #updatefrm .lens-variations { border-spacing: 4px; } #updatefrm .lens-variations th { background: #EDF4FC !important; border: 1px solid #999 !important; font-size: 11px !important; font-weight: bold !important; padding: 2px !important; text-align: center !important; vertical-align: middle; } #updatefrm .lens-variations tbody td { background: #f7f7f7 !important; border: 1px solid #e6e6e6 !important; font-size: 12px; padding: 4px !important; text-align: center; } #updatefrm .lens-variations tbody td.color img { height: 21px; vertical-align: top; width: 21px; } #updatefrm .lens-variations tbody td.price { color: #c00; font-size: 12px; font-weight: bold; } #updatefrm .lens-variations tbody th { padding: 4px !important; text-align: left !important; } #updatefrm .lens-variations thead th { padding: 4px !important; } #updatefrm .lens-variations thead th.blank { background: none !important; border: none !important; } #updatefrm .lens-variations thead th.price small#after-rebate { display: none; } #updatefrm .lens-variations thead th.price small, #updatefrm .lens-variations thead th.price .mini { display: block; font-size: 9px; font-weight: normal; } #updatefrm #doctorinfo h5.header .edit { font-size:12px; font-weight:normal; } #content #staticlabel p { font-size:12px; } /* Submit Order Styles */ #content #checkout { border-collapse: collapse; margin: 0 auto; width: 400px; } #content #checkout td { background: #f7f7f7; border: 1px solid #a0a0a0; font-size: 12px; padding: 4px; vertical-align: middle; } #content #checkout td.chargeamount { font-size: 14px; } #content #checkout th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: right; vertical-align: middle; width: 164px; } #content .avsError .AVStable { float: left; padding: 0 5px; width: 48%; } #content .avsError .AVStable #subheading { color:#0076BC; font-size:18px; } #content .avsError .error { background:url("/images/icons/ico.warning.large.gif") no-repeat scroll 10px center #FFFFFF; border:2px solid #CC0000; margin:5px 0; padding:15px 15px 15px 60px; } #content .avsError .error p { font-size: 12px; padding-bottom: 10px; } #content .avsError #checkout { margin: 0; width: 100%; } #content .avsError #update-info { border-collapse: collapse; width: 100%; } #content .avsError #update-info th { background: #EDF4FC; border: 1px solid #A0A0A0; font-size: 11px; font-weight: bold; padding: 4px; text-align: right; vertical-align: middle; } #content .avsError #update-info td { background: #F7F7F7; border: 1px solid #A0A0A0; font-size: 12px; padding: 4px; vertical-align: middle; } /* Purchase Confirmation Styles */ #content #confirmation-details { margin-bottom: 10px; } #content #confirmation-details h3 { background: none; font-size: 14px; margin-top: 10px; padding-left: 0; } #content #confirmation-details p { font-size: 11px; } #content #confirmation-details p.intro { margin-left: 10px; } #content #confirmation-options { float: right; padding: 5px 5px 5px 20px; width: 210px; } #content #confirmation-details .box { background: #F7F7F7; border: 1px solid #A0A0A0; float: left; height: 110px; margin: 25px 10px 20px 10px; padding: 10px; width: 326px; } #content #confirmation-details .box h3 { margin: 0 0 5px 0!important; } #content #confirmation-details .box img { float: left; margin: 0 5px 5px 0; } #content #confirmation-details .box p { line-height: 15px; } #content #confirmation-details .referAFriend { border: dotted #ccc; border-width: 1px 0; clear: both; margin: 10px 10px 0 10px; padding: 10px; } #content #confirmation-details .referAFriend img { float: left; margin: 0 5px 0 0; } #content #confirmation-details .referAFriend h3 { margin-top: 0; } #content #confirmation-details .needHelp { margin: 0 10px 10px 10px; padding: 10px; } #content #confirmation-details .needHelp img { float: left; margin: 0 5px 0 0; } #content #confirmation-details .needHelp h3 { margin-top: 0; } /* Referral Operating Agreement Styles */ #content #agreement h4 { font-size: 11px; font-weight: bold; } #content #agreement li strong { color: #0076BC; font-size: 14px; font-weight: bold; } #content #agreement li ol { font-size: 11px; } #content #agreement p { font-size: 11px; margin-bottom: 4px; } /* Reorder Checkout Header Promo */ #page #content .bestdealinfo { background:url('/images/rebate-offerbg.gif') repeat-x 0 -50px; border: 1px solid #ccc; margin-top: 10px; padding: 3px; width: 91% } #page #content .bestdealinfo p { font-size: 11px; padding: 5px 0; } #page #content .bestdealinfo p a { font-size: 11px; } #page #content .bestdealinfo p strong { color: #D61029; font-size: 13px; padding: 3px 5px 3px 0px; } #page #content .combo-offers { margin: 20px 0 0 30px; } #page #content .combo-offers h3 { background: none; font-size: 13px; padding: 0 0 10px 0; } #page #content .combo-offers .combo-header { position: relative; } #page #content .combo-offers .combo-header h1 { color: #0076BC; font-size: 18px; font-weight: bold; margin: 0; padding-left: 45px; } #page #content .combo-offers .combo-header h1 span { color: #404040; font-size: 9px; font-weight: normal; padding-left: 5px; } #page #content .combo-offers .combo-header .bestdealicon { margin: -15px 0 0 -25px; position: absolute; } #page #content .combo-offers .combo-header .offericon { margin: 14px 0 0 571px; position: absolute; z-index: 1; } #page #content .combo-offers .combo-box { background: #eee; border: 1px solid #ccc; vertical-align: top; width: 306px; } #page #content .combo-offers .combo-box h2 { color: #D61029; font-size: 15px; font-weight: bold; margin: 0; } #page #content .combo-offers .combo-plus { padding: 45px 12px 0 13px; vertical-align: top; } #page #content .combo-offers .combo-rebate { border:0; border-collapse:collapse; border-spacing:0; color:#000; font-size:.7em; margin:0 0 .5em; padding:0; vertical-align: top; width: 311px; } #page #content .combo-offers .combo-rebate h2 { padding: 0 0 5px 45px; } #page #content .combo-offers .combo-rebate td { padding:0; } #page #content .combo-offers .combo-rebate table { border-collapse:collapse; border-spacing:0; font-size:.7em; margin:0; padding:0; } #page #content .combo-offers .combo-rebate table tbody td { padding:3px; } #page #content .combo-offers .combo-rebate table tbody td a { color:#c00; font-size:10px; margin-left:10px; } #page #content .combo-offers .combo-rebate table tbody td a:hover, #page #content .combo-offers .combo-rebate table td.description a { font-size:10px; } #page #content .combo-offers .combo-rebate table tbody td span.em { font-weight:bold; display:block; } #page #content .combo-offers .combo-rebate table tbody.end td { border: 0; } #page #content .combo-offers .combo-rebate strong.title { color: #d61029; } #page #content .combo-offers .combo-rebate .savingsperbox { color: #c00; } #page #content .combo-offers .combo-rebate .smallprint { font-size:9px; font-weight: normal;} #page #content .combo-offers .combo-rebate .subdivider { border-bottom:1px dotted #d6d3ad; font-size: 1px;} #page #content .combo-offers .combo-rebate .savings #deal { border:0; border-collapse:collapse; border-spacing:0; } #page #content .combo-offers .combo-rebate .savings #deal tbody, #page #content .combo-offers .combo-rebate .savings #deal tbody td { border-top:0; } #page #content .combo-offers .combo-rebate .savings #deal tfoot td { border-top:1px dotted #d6d3ad; } #page #content .combo-offers .combo-rebate td.dealamount { border: 0; font-size: 10px; font-weight: bold; text-align: right; width: 65px; } #page #content .combo-offers .combo-rebate td.dealcaption { border: 0; font-size: 10px; padding-right:10px; text-align: right; width: 95px; } #page #content .combo-offers .combo-rebate td.dealdetail { border: 0; font-size: 10px; font-weight: bold; width: 110px; } #page #content .combo-offers .combo-rebate td.bestoffer { background:#fff; color:#c00; font-size:10px; font-weight:bold; padding:5px 5px 20px; text-align:center; text-transform:uppercase; vertical-align:bottom; width:40px; } #page #content .combo-offers .combo-rebate table tbody td.image-amount { text-align: center; vertical-align: middle; width: 50px; margin: 0; padding: 0;} #page #content .combo-offers .combo-rebate table tbody td.description { width: 270px; } #page #content .combo-offers .combo-rebate table tbody td.description h5 { color:#404040; font-size:13px; font-weight: bold; margin:0; } #page #content .combo-offers .combo-rebate table tbody td.description p { margin:0; } #page #content .combo-offers .combo-rebate table tbody td.savings { padding: 5px 10px; } #page #content .combo-offers .combo-rebate table tbody td.divider { border-left: 1px dotted #777; font-size: 1px; width: 1px; } #page #content .combo-offers .combo-box p.details a { color: #c00; cursor: pointer; font-size: 10px; text-decoration: underline; } #page #content .combo-offers .combo-rebate .link { color: #c00; cursor: pointer; font-size: 10px; margin-left: 20px; text-decoration: underline; } #page #content .combo-offers .combo-rebate .topbar { padding:5px 0; } * html #page #content .combo-offers .combo-rebate .topbar, * html #page #content .combo-offers .combo-rebate .topbar hr { padding:0; } #page #content .combo-offers .combo-rebate #specialrebate-detail { background: #fff; font-size: 10px; padding: 5px; width: 289px; } #page #content .combo-offers .combo-rebate #specialrebate-detail .hidedetails { cursor: pointer; font-size: 10px; text-decoration: underline; } #page #content .combo-offers .combo-rebate #specialrebate-detail hr { display: none; } #page #content .combo-offers .combo-rebate #specialrebate-detail td, #page #content .combo-offers .combo-rebate #specialrebate-detail p { font-size: 10px; padding-bottom: 5px; } #page #content .combo-offers .combo-rebate #specialrebate-detail .SubHeading { font-size: 13px; } #page #content .combo-offers .combo-offer { vertical-align: top; } #page #content .combo-offers .combo-offer a, #page #content .combo-offers .combo-offer p { font-size: 10px; } #page #content .combo-offers .combo-offer h2 { padding: 2px 0 0 5px; } #page #content .combo-offers .combo-offer p { margin-top: 5px; padding: 0 5px; position: relative; z-index: 10; } #page #content .combo-offers .combo-offer p.details { padding-bottom: 5px; } #page #content .combo-offers .combo-offer .promocode { display: none; } #page #content .combo-offers .combo-offer img.giftsbg { float: right; } #page #content .combo-offers .combo-offer .promogifts img { float: left; } #page #content .combo-offers .combo-offer .promoinfo { background: #fff; margin: 3px; padding: 5px; width: 288px; } #page #content .combo-offers .combo-offer .promoinfo .hidedetails { cursor: pointer; font-size: 10px; padding-left: 5px; text-decoration: underline; } #page #content .combo-offers .combo-offer .promoinfo .subheading { color: #0076BC; font-size: 13px; font-weight: bold; padding: 0 0 10px 0; } #page #content .combo-offers .combo-offer .promoinfo img.boxes { width: 275px; } #page #content .combo-offers .combo-offer .promoinfo li { font-size: 11px; } #page #content .combo-offers .combo-offer .promoinfo td { padding-top: 10px; vertical-align: top; } #page #content .combo-offers .combo-offer .promoinfo h4 { color: #0076BC; font-weight:bold; margin: 0; } #page #content .combo-offers .combo-offer .promoinfo table img { margin: 0 5px 5px 0; } /* Free Acuvue Gift Offer: Non grouped offer */ #page #content .promoinfo { border: 1px solid #ccc; margin:0 35px 15px 20px; padding: 10px 10px 0 10px; } #page #content .promoinfo h4 { color: #050D76; font-size: 14px; margin-bottom: 0; } #page #content .promoinfo p { font-size: 12px; line-height: 15px; margin:0 0 7px; } #page #content .promoinfo p.subheading { color:#0076BC; font:bold 15px arial,helvetica,sans-serif; text-transform: capitalize; } #page #content .promoinfo p.nopad { margin-bottom: 0; padding-bottom: 0; } #page #content .promoinfo p.disclaimer { font-size: 11px; } #page #content .promoinfo sup { font-size: 9px; } #page #content .promoinfo ul { list-style:square; margin:0 0 7px 35px; text-indent:0; } #page #content .promoinfo ol.nopad { margin-top: 0px; } #page #content .promoinfo ol li { font-size: 13px; } #page #content .promoinfo ol.decimal { list-style: decimal; margin-left: 35px; } #page #content .promoinfo table.promogifts td { padding-bottom: 10px; vertical-align: top; } #page #content .promoinfo table.promogifts td img { float: left; margin: 0 5px 5px 0; } #page #content .promoinfo .hidedetails { color: #c00; cursor: pointer; font-weight: 0; font-size: 12px; margin-left: 20px; text-decoration: underline; } /* Generic Landing Page Styles */ #rightcontent #breadcrumbs { font-size: 10px; margin-right: 5px; text-align: right; } #rightcontent #breadcrumbs h1 { color: #0076BC; font-size: 10px; font-weight: bold; } #rightcontent #heading { color: #0076BC; font-family: Arial, Helvetica, sans-serif; font-size: 26px; letter-spacing: -.05em; } #rightcontent #heading h1 { display: inline; } #rightcontent #intro p { font-size: 11px; } #genericlanding { margin: 0 5px; } /* Custom Settings for Reorder Page */ #page #content .promo-header { margin: 0 0 10px 0; padding: 0 5px; } #page #content .promo-header .promoname { color:#D61029; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; } #page #content .promo-header p { font-size: 11px; margin: 4px 0 0 0; padding-bottom: 0; } #page #content .promo-header .combo-offers .combo-header .offericon { margin: 15px 0 0 571px; position: absolute; z-index: 1; } /* Popup Styles */ #popup #content { font-size: 11px; margin: 10px; text-align: left; } #popup #content blockquote { font-size: 11px; } #popup #content h4 { color: #0076BC; font-size: 14px; font-weight: bold; margin: 10px 0 1px 0; } #popup #content p { font-size: 11px; margin-bottom: 3px; } #popup #content ul li { font-size: 11px; margin-bottom: 5px; } #popup #content dl { font-size: 11px; } #popup #content dl dt { padding-bottom: 4px; } #popup #content .table { border-spacing: 2px; } #popup #content .table th { background: #f7f7f7; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: left; } #popup #content .table th.ca { background: #EDF4FC; color: #c00; } #popup #content .pricecompare td { font-size: 11px; line-height: 25px; padding-left: 10px; text-align: right; width: 90px; } #popup #content .pricecompare .ca { color: #c00; font-weight: bold; } #popup #content .border-bottom { border-bottom: 1px solid #000; width: 90px; } #popup #content ol.decimal { font-size: 11px; list-style: decimal; margin-left: 20px; } #popup #content table.promo td { vertical-align: top; } /* Promo Details Styles */ #popup #content #promo-detail .promogifts { margin-top: 10px; } #popup #content #promo-detail .promogifts td { padding-top: } #popup #content #promo-detail .promogifts td img { float: left; margin: 0 10px 10px 0; } #popup #content #promo-detail h4 { color: #0076BC; font-size:14px; font-weight:bold; } /* Search For My Doctor Styles */ #popup #content #doctor-info { border-collapse: collapse; width: 100%; } #popup #content #doctor-info td { background: #f7f7f7; border: 1px solid #a0a0a0; padding: 4px; vertical-align: middle; } #popup #content #doctor-info th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: left; } /* Doctor Search Results Styles */ #popup #content #doctor-search-results { border-collapse: collapse; width: 100%; } #popup #content #doctor-search-results td { background: #f7f7f7; border: 1px solid #a0a0a0; font-size: 11px; padding: 4px; vertical-align: middle; } #popup #content #doctor-search-results th { background: #EDF4FC; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: left; } /* 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 .ninetyPack { cursor: default!important; } #page #content .specialNote h4 { color:#0076BC; 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 .virtualproductupgradebutton { text-align: center; } #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:261px; } #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:26px; } #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 th { background:#0076BC; border:1px solid #404040; color:#fff; font-size:11px; padding:4px; text-align:center; } #page #content .lens-variations.special th.noRebate { padding: 10px 4px 11px; } #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; padding-left: 17px; } #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 */