/* filename: site.css description: JustLenses.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: #039; text-decoration: none; } a:hover { color:#0099FF; } body { background: #f4f7fb; color: #404040; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; text-align: center; } .clearer, .clearfix, .clear { clear: both; } .atclear { font-size:1px; height:0; clear:both; padding:0; margin:0;} .floatleft { float: left; } .floatright { float: right; } .text-red { color:#C00; } /*Toggles*/ .toggle {} .toggle h4 { cursor:pointer;} .toggle .more { display:none;} .toggle.faq h4 { border-bottom:solid #eee; border-width:1px 0; color:#333; padding:0 30px; margin:0; font-weight:normal; line-height:22px; height:22px; position:relative; z-index:50;} .toggle.faq h4.odd { background:none;} .toggle.faq h4 .icon { border:1px solid #ddd; color:#039; display:block; height:13px; line-height:11px; width:13px; text-align:center; margin:0; position:absolute; top:4px; left:10px; font-size:14px;} .toggle.faq h4 .close { color:#039; display:none; height:22px; line-height:22px; margin:0 0 0 0; position:absolute; top:0; right:10px;} .toggle.faq h4.active .close { display:block;} .toggle.faq .more { display:none; background:#eee; border:solid #ddd; border-width:1px 0 2px 0; padding:10px; margin:0 0 10px 0;} .toggle.faq .more p { padding:0 0 7px 0;} /*Tool Tips*/ .tooltip { display:block; position:relative; height:20px; line-height:20px; z-index:50; font-size: 11px;} .tooltip .tooltext { background: url('/images/icons/ico.rxhelp.gif') center right no-repeat; color:#039; cursor:pointer; font-size: 11px; font-weight: normal; padding:0 20px 0 0; line-height:20px; height:20px;} .tooltip .tip { background:#fff; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); background: -webkit-linear-gradient(top, #fff, #eee); background: -moz-linear-gradient(top, #fff, #eee); background: -ms-linear-gradient(top, #fff, #eee); background: -o-linear-gradient(top, #fff, #eee); -moz-box-shadow: 0 0 20px #555; -webkit-box-shadow:0 0 20px #555; box-shadow:0 0 20px #555; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border:2px solid #039; color:#333; padding:10px; display:none; height:auto; width:400px; position:absolute; bottom:100%; right:0; margin:0; line-height:16px; text-decoration:none; z-index:50; font-size:11px;} .tooltip .tip .close { display:block; color:#039; font-weight:bold; font-size:14px; cursor:pointer; position:absolute; top:0; right:0; height:25px; width:25px; text-align:center; line-height:25px;} .tooltip .tip p { margin:0 0 5px 0;} .tooltip .tip ul { list-style:disc; margin:0 0 10px 20px;} .tooltip .tip ul li { padding:0 0 5px 0;} .tooltip.hover .tip { display:block;} #body table.data { border-collapse:collapse; width:99%; margin:5px 0 10px 0;} #body table.data th, table.data td { border:1px solid #ddd; padding:2px 10px;} #body table.data th { background:#ffc; font-weight:bold; vertical-align:top; text-align:center; } #body table.data td { background:#eee; text-align:left; } #body table.data sup { vertical-align:super; font-size:75%;} #body table.data .textleft { text-align:left;} #body table.data .textcenter { text-align:center;} #body table.data .textright { text-align:right;} /* Lightbox Popups */ #overlay-lightbox { background: #000; filter: alpha(opacity = 60); left: 0; height: 100%; opacity: .6; position: absolute; top: 0; width: 100%; z-index: 999; } #lightbox { left: 0; position: absolute; text-align: center; width: 100%; z-index: 999; } #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 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:10px; } #lightbox #outercontainer h4 { color: #039; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin-bottom: 0; padding-bottom: 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; 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: #f5f5f5; border: 1px solid #e0e0e0; color:#858585; } #lightbox #outercontainer table .notselected th { background: #ffffe0; border: 1px solid #c6c6c6; color:#858585; } #lightbox #outercontainer table .notselected span.partchanged { color:#e6707f; } #lightbox #outercontainer table .notselected a { color:#a785d4; } #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:14px; 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 0 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:5px; } #lightbox.addressverification #outercontainer h2 { font-size:14px; margin-top:10px; } #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:402px; } #lightbox.addressverification #outercontainer input#avcity { width:145px; } #lightbox.comparerx #outercontainer table p.address { width:160px !important; } #lightbox.comparerx #outercontainer .correctorder { margin-right:10px; } #lightbox.comparerx #outercontainer table td, #lightbox.comparerx #outercontainer table th { padding:4px; text-align:center !important; } #lightbox.comparerx #outercontainer table th.first { 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; } /* Page Styles */ #page { background: url('/images/design/header.jpg') top left no-repeat #fff; border: 1px solid #999; margin: 0 auto; text-align: left; width: 760px; } /* Session Status Styles */ #page #session-status { font-size: 10px; line-height: 10px; margin: 10px 0 0 150px; position: absolute; width: 157px; } /* Super Navigation Styles */ #page #global #utilities { float: right; margin: 16px 5px 0 0; } #page #global #utilities a { background: url('/images/design/supernav-button-bg.gif') top center no-repeat; border: 1px solid #0064a9; color: #070b48; display: block; float: left; font-size: 12px; font-weight: bold; height:15px; padding: 0 19px 0 19px; text-transform: lowercase; } #page #global #utilities a:hover { background: url('/images/design/supernav-button-bg.gif') bottom center no-repeat; } /* Logo Styles */ #page #masthead #logo { float: left; } #page #masthead #logo a { display: block; height: 64px ; width: 243px; } /* Main Navigation Styles */ #page #masthead #main-navigation { float: right; margin-top: 8px; } #page #masthead #main-navigation .topnav li { float: left; margin-right: 4px; } #page #masthead #main-navigation .topnav li a { background: url('/images/design/topnav-button-bg.gif') 0 0 no-repeat; color: #070b48; display: block; font-size: 12px; font-weight: bold; padding-top: 4px; height: 18px; text-align: center; width: 82px; } #page #masthead #main-navigation .topnav li a:hover { background: url('/images/design/topnav-button-bg.gif') 0 -22px no-repeat; } #page #masthead #main-navigation .topnav li.halloween a { background:url("/images/design/topnav-button-halloween-bg.gif") no-repeat 0 -22px transparent; color:#000000; text-align:left; text-indent:-9999px; } #page #masthead #main-navigation .topnav li.halloween a:hover { background: url('/images/design/topnav-button-halloween-bg.gif') 0 0 no-repeat; } #page #masthead #main-navigation .topnav li.novelty a { background:url("/images/design/novelty/topnav-button-halloween-bg.gif") no-repeat 0 -22px transparent; color:#000000; text-align:left; text-indent:-9999px; } #page #masthead #main-navigation .topnav li.novelty a:hover { background: url('/images/design/novelty/topnav-button-halloween-bg.gif') 0 0 no-repeat; } /* Searchbar Styles */ #page #searchbar { height: 28px; margin: 44px 0 0 330px; } #page #searchbar #dropdown { float: left; margin-top: 1px; vertical-align: middle; } #page #searchbar #dropdown select { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 0; } #page #searchbar #search { background: url('/images/design/searchbar-search.gif') center left no-repeat; float: right; margin-right: 4px; padding-left: 55px; vertical-align: middle; } #page #searchbar #search input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; vertical-align: middle; } /* Left Nav Styles */ #page #left { float: left; width: 189px; } #page #left #badges { text-align: center; } #page #leftnav { background: url('/images/design/leftnav-bg.gif') top left no-repeat; padding: 10px 0 0 4px; height: 541px; } #page #leftnav a { color: #003399; font-size: 11px; font-weight: bold; } #page #leftnav a:hover { color: #0099ff; text-decoration: underline; } #page #leftnav h2 { color: ##070B48; font-size: 15px; font-weight: bold; margin: 9px 0 2px 0; text-transform: lowercase; } #page #leftnav h2 strong { display: none; } #page #leftnav h2.types { background: url('/images/design/leftnav.lenstypes.gif') top left no-repeat; display: block; height: 19px; width: 170px; } #page #leftnav h2.types { background: url('/images/design/leftnav.lenstypes.gif') top left no-repeat; display: block; height: 19px; width: 170px; } #page #leftnav h2.manufacturers { background: url('/images/design/leftnav.manufacturers.gif') top left no-repeat; display: block; height: 19px; width: 170px; } #page #leftnav h2.popular { background: url('/images/design/leftnav.mostpopularlenses.gif') top left no-repeat; display: block; height: 19px; width: 170px; } #page #leftnav h2.other { background: url('/images/design/leftnav.otherproducts.gif') top left no-repeat; display: block; height: 19px; width: 170px; } #page #leftnav ul { margin-left: 11px; } #page #leftnav ul li { } #page #leftnav a.home.deptnovelty { color:#FD4800; } /* Homepage Styles */ #page #homecontent #rightcontent { float: left; padding-top: 10px; width: 556px; } #page #homecontent #rightcontent #maintext .photo { float: right; } #page #homecontent #rightcontent #maintext p { margin-bottom: 10px; } #page #homecontent #rightcontent #readingglasses { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; } #page #homecontent #rightcontent #maintext #boxes { margin: 20px 0; } /* Lowest Price Guarantee Styles */ #page #homecontent #rightcontent #maintext #pricecompare { clear: both; display: block; width: 527px; } #page #homecontent #rightcontent #maintext #pricecompare ul { list-style: none; } #page #homecontent #rightcontent #maintext #pricecompare ul li { background: #eee; border: 1px solid #ccc; float: left; font-size: 11px; margin: 1px; padding: 3px; text-align: center; width: 118px; } #page #homecontent #rightcontent #maintext #pricecompare ul li.jl { color: #b52200; font-weight: bold; } #page #homecontent #rightcontent #maintext #pricecompare ul li.jl a { background: url('/images/misc/home.compare.buy.gif') top left no-repeat; color: #b52200; padding: 0 0 2px 42px; } #page #homecontent #rightcontent #maintext #pricecompare ul li.heading { background: #ffc; border: 1px solid #ccc; font-weight: bold; text-align: left; width: 133px; } #page #homecontent #rightcontent #maintext #pricecompare ul li.lowestprice { background: url('/images/misc/lowestprice.gif') top center no-repeat; border: 0; height: 43px; padding: 0; width: 141px; } #page #homecontent #rightcontent #maintext #pricecompare ul li.lowestprice p { display: none; } #page #homecontent #rightcontent #maintext #pricecompare ul li.top { height: 30px; line-height: 13px; padding-top: 8px; text-align: center; width: 118px; } /* Department Landing Page */ #page #homecontent.landingpage #rightcontent h3 { color:#039; font-size:18px; font-weight: bold; } /* Halloween Landing Page */ #page #content #halloween { padding: 25px 0 0; width: 740px; } #page #content #halloween h3 { background: none; color:#039; font-size:20px; font-weight: bold; } #page #content #halloween .catagory { margin-bottom: 10px; } #page #content #halloween .catagory .header { margin:0; } #page #content #halloween .catagory .header h3 { margin: 0 0 10px 0; } #page #content #halloween .catagory .header p { line-height: 14px; padding: 5px 0; } #page #content #halloween .catagory .lenses a { float:left; height:100px; margin:10px 10px 0 10px; text-align:center; text-decoration:none; width:103px; font-size:11px; line-height:14px; } #page #content #halloween .catagory .lenses a:hover { text-decoration:underline; } #page #content #halloween .catagory .lenses img { display:block; width:98px; } #page #content #halloween .social{ background:#f7f7f7; border:solid #ddd; border-width:1px 0; margin:0 0 7px 0; padding:5px 0 5px 0; width:740px; } #page #content #halloween .social .clear { font-size:1px; height:0; clear:both; width:100%; padding:0; margin:0; } #page #content #halloween .social .addthis_toolbox { float:right; margin:0 -20px 0 0; } #page #content #halloween .social a { margin:0; } /* End Cap Styles */ #page #endcap { background: url('/images/design/footer.bg.gif') top left repeat-x; clear: both; height: 21px; margin-top: 10px; } #page #endcap #links { background: url('/images/design/footer.bg.gif') top left repeat-x; height: 21px; padding-left: 57px; } #page #endcap #links a { display: block; float: left; height: 21px; } #page #endcap #links a.myaccount { background: url('/images/design/footer.nav.gif') 0 0 no-repeat; width: 86px; } #page #endcap #links a.myaccount:hover { background: url('/images/design/footer.nav.gif') 0 -21px no-repeat; } #page #endcap #links a.status { background: url('/images/design/footer.nav.gif') -87px 0 no-repeat; width: 98px; } #page #endcap #links a.status:hover { background: url('/images/design/footer.nav.gif') -87px -21px no-repeat; } #page #endcap #links a.productlist { background: url('/images/design/footer.nav.gif') -186px 0 no-repeat; width: 153px; } #page #endcap #links a.productlist:hover { background: url('/images/design/footer.nav.gif') -186px -21px no-repeat; } #page #endcap #links a.legal { background: url('/images/design/footer.nav.gif') -340px 0 no-repeat; width: 117px; } #page #endcap #links a.legal:hover { background: url('/images/design/footer.nav.gif') -340px -21px no-repeat; } #page #endcap #links a.privacy { background: url('/images/design/footer.nav.gif') -458px 0 no-repeat; width: 106px; } #page #endcap #links a.privacy:hover { background: url('/images/design/footer.nav.gif') -458px -21px no-repeat; } #page #endcap #links a.contact { background: url('/images/design/footer.nav.gif') -565px 0 no-repeat; width: 77px; } #page #endcap #links a.contact:hover { background: url('/images/design/footer.nav.gif') -565px -21px no-repeat; } #page #endcap #links a strong { display: none; } /* Quickfind Styles */ #quickfind { border:1px solid #999; font-family:tahoma,verdana,sans-serif; margin:10px auto 5px auto; text-align:left; width:760px; } #quickfind .heading { background:#f7f7f7; border-bottom:1px solid #999; color:#00399d; display: block; font-size: 9px; font-weight: bold; padding: 2px; text-transform: uppercase; } #quickfind .heading a:hover { color:#00399d; } #quickfind .heading h1 { display: inline; } #quickfind li { float: left; width: 20%; } #quickfind li a { color: #00399d; font-size: 9px; font-weight: bold; padding:1px; } #quickfind li a:hover { color: #0099FF; text-decoration: underline; } /* Footer Alert Styles */ #footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; width:760px; margin:0 auto; } #footer .alert { color: #606060; margin: 0 auto; text-align: left; width: 760px; } #footer .alert p { font-size: 10px; font-weight: bold; margin: 10px 0; } #footer #btmlinks { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } #footer #extrainfo {border-bottom:1px solid #B0B0B0; margin:7px 0; text-align:left; font-weight:normal;} #footer #extrainfo .panel { margin:3px 0 0 0; font-weight:normal;} #footer #extrainfo .mainquestion h4 { font-size:11px; font-weight:bold; color:#404040; margin:0 0 3px 5px;} #footer #extrainfo .mainquestion p { border:solid #B0B0B0; border-width:1px 1px 0 1px; padding:0 5px 3px 5px; font-size:10px; margin:0; line-height:14px;} #footer #extrainfo .mainquestion p span.more { cursor:pointer; text-decoration:underline; white-space:nowrap;} #footer #extrainfo .mainquestion p span.more:hover { color:#c00;} #footer #extrainfo .mainanswer { border:solid #B0B0B0; border-width: 0 1px 1px 1px; display:none; padding:5px;} #footer #extrainfo .mainanswer p { font-size:10px; line-height:13px; padding:0 0 7px 0;} #footer #extrainfo .question { } #footer #extrainfo .question h4 { font-size:11px; font-weight:bold; color:#404040; margin:0 0 3px 3px;} #footer #extrainfo .question h4 .num { padding:0 2px 0 0;} #footer #extrainfo .question p { padding:0 20px 10px 21px; font-size:10px; margin:0; line-height:14px;} #footer #extrainfo .question p span.more { cursor:pointer; text-decoration:underline; white-space:nowrap;} #footer #extrainfo .question p span.more:hover { color:#c00;} #footer #extrainfo .answer { display:none; padding:5px 21px 10px 21px;} #footer #extrainfo .answer p { font-size:10px; line-height:14px; padding:0 0 10px 0;} /* Content Styles */ #page #content a:hover { text-decoration: underline; } #page #content #body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0 10px; } /* Alert Box Styles */ .alert { margin: 5px; padding: 5px; } .alert p { font-size: 10px; line-height: 12px; } /* Error Box Styles */ .error { background: #FFF url('/images/icons/ico.warning.gif') 10px center no-repeat; border: 1px solid #c00; margin: 5px 0; padding: 15px 15px 15px 60px; } .error ul li { color: #c00; font-size: 12px; line-height: 1.6em; margin-bottom: 5px; } .error ul li strong { font-weight: bold; } .warning { background: #FFFFDD url('/images/icons/warning.gif') 10px center no-repeat; border: 1px solid #c00; margin: 5px 0; padding: 15px 15px 15px 60px; } .statuserror { background: url('/images/icons/ico.warning.gif') 10px 21px no-repeat #fff; border: 1px dashed #cc0000; margin: 25px 0 25px 0; padding: 15px 15px 15px 60px; } .statuserror h4 { color:#cc0000; font-size:19px; font-weight:bold; padding:10px 0; } .statuserror p { font-size:12px; line-height:16px; } .statuserror strong { color: #cc0000; font-size: 12px; } .statuserror a { text-decoration: underline; } #burst.statuserror { background:none; padding:15px; } #burst.statuserror .starburst { background:url('/images/design/starburst-red-130x130.png') 0 0 no-repeat; color:#fff; font-size:11px; font-weight:bold; height:66px; width:98px; padding:34px 17px; margin:-23px 10px 0 -22px; float:left; text-align:center; text-transform:uppercase; letter-spacing:-.03em; } #burst.statuserror .starburst span.credit { font-size:20px; display:block; width:100%; letter-spacing:normal;} .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:#039; 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; } /* Error Box Styles */ #error { background: #FFFFDD; border: 1px solid #ccc; margin: 10px 15px; padding: 10px; text-align: center; } #error h2 { font-size: 16px; font-weight: bold; } .product-message {background: url("/images/icons/ico.warning.gif") no-repeat scroll 10px center #FFFFFF; border: 1px solid #CC0000; margin: 10px 0; padding: 15px 15px 15px 60px;} /* Breadcrumb Styles */ #page #content #body #breadcrumbs { display: block; font-size: 12px; font-weight: bold; text-align: right; } #page #content #body #breadcrumbs h1 { background: none; color: #404040; font-size: 12px; } /* Content Body Styles */ strong { font-weight: bold; } #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 .highlight { background: #fff !important; border:1px dashed #cc0000!important; color: #cc0000!important; } #content .blue { background: #407FB5 !important; color: #fff; } #content .blue a { color: #fff000; text-decoration: underline; } #content .blue a:hover { color: #fff000; } #content #intro { margin-bottom: 5px; } #content #intro ol, #content #intro p { margin-bottom: 4px; } #content #intro.print { text-align: right; } #content #intro.print a { background: url('/images/icons/ico.print.gif') top left no-repeat; font-size: 11px; margin-left: 5px; padding: 3px 0 3px 23px; } #content #links.textright { text-align:right; font-size:11px; padding:0 0 10px 0;} #content #links a.cancel, #content #links a.update, #content #links a.print { padding:0 0 0 25px; line-height:20px; display:inline-block; height:20px; } #content #links .cancel { background:url('/images/icons/ico.cancel.png') top left no-repeat; } #content #links .update { background:url('/images/icons/ico.update.png') top left no-repeat; } #content #links .print { background:url('/images/icons/ico.print.png') top left no-repeat; } #page #content #body .text { font-size: 12px; } #page #content #body ol.decimal { list-style: decimal; margin-left: 40px; } #page #content #body ol.decimal li { font-size: 12px; margin-bottom: 5px; } #page #content #body ul.square { list-style: square; margin-left: 40px; } #page #content #body ul.square li { font-size: 12px; margin-bottom: 5px; } #content .YellowInBlack, #content #instructions { background: #ffc; border: 1px solid #a0a0a0; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 5px; padding: 20px; } #content .callout { background: #ffc; border: 1px solid #a0a0a0; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 5px; padding: 20px; } #content .callout ol, #content .callout p { font-size:11px; padding:0 4px 10px 0; margin-bottom: 4px; } #content .callout h2 { color:#404040; font-size:12px; font-weight:bold; padding:0 0 7px 0;} #content .callout a.shopnow { background:url("/images/buttons/btn-shop-now.gif") 0 0 no-repeat; display:block; height:23px; width:98px; text-indent:-99999px; float:right; margin:0;} #content .callout.burst { position:relative; z-index:99; margin:15px 5px 10px 36px; padding:7px 7px 7px 100px; width:595px; } #content .callout .starburst { background:url('/images/design/starburst-red-130x130.png') 0 0 no-repeat; color:#fff; font-size:11px; font-weight:bold; height:66px; width:98px; padding:34px 17px; position:absolute; left:-41px; top:-15px; z-index:99; text-align:center; text-transform:uppercase; letter-spacing:-.03em; } #content .callout .starburst span.credit { font-size:20px; display:block; width:100%; letter-spacing:normal;} #page #content #body #heading { background: url('/images/icons/h1.bg.gif') top left no-repeat; color: #039; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; margin:5px 0; padding-left: 25px; height:25px; } #page #content #body #heading.results { background: none; font-size: 13px; font-weight: bold; padding-left: 0; } #page #content #body #heading.results .matches { color: #404040; font-weight: normal; } #page #content #body #heading.steps { margin-bottom: 9px; } #page #content #body #heading.border { border-bottom: 1px solid #000; padding-bottom: 3px; margin-bottom: 5px; } #page #content #body #heading h1 { display: inline; } #page #content #body #heading.novelty h1 { float:left;} #page #content #body #heading .socialmedialinks { float:right;} #page #content #body #heading #logout { float: right; margin-top: 2px; } /* Start Special Lens Variations */ #page #content #body .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 #body #heading .productSwitch { background: url('/images/buttons/lensButton.gif') top left no-repeat; height: 15px; margin: 0 0 0 10px; padding-left: 17px; } #page #content #body #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 #body #heading .productSwitch .productSwitch-bg a { background: none; border: none; color: #404040; vertical-align: super; } #page #content #body .loading { left: 0; position: absolute; margin: 0 auto; text-align: center; top: 150px; width: 100%; z-index: 9999; } #page #content #body .loading img { background: #fff; border: 1px solid #000; padding: 5px; z-index: 999; } #page #content #body .specialNote .specialNoteProductSwitch { padding: 4px 0; text-align: center; } #page #content #body .specialNote .specialNoteProductSwitch .productSwitch { background: url('/images/buttons/lensButton.gif') top left no-repeat; padding: 1px 0 2px 17px; } #page #content #body .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 #body .specialNote .specialNoteProductSwitch .productSwitch .productSwitch-bg a { background: none; border: none; color: #404040; font-size: 13px; font-weight: bold; vertical-align: top; } /* #page #content #body .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 #body .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 #body .specialNote p { font-size: 11px; line-height: 16px; padding-bottom: 7px; } #page #content #body .specialNote .compareImage { float: right; margin: 8px 14px 0 10px; } */ #page #content #body .specialNote { clear: both; cursor: pointer; margin: 35px 5px 15px 45px; } #page #content #body .ninetyPack { cursor: default!important; } #page #content #body .specialNote h4 { color: #d61029; font-size: 18px; font-weight: bold; margin: 0 0 3px; padding:0 0 5px 95px; } #page #content #body .specialNote h4 a { text-decoration: none; } #page #content #body .specialNote h4 a:hover { color: #d61029; text-decoration: none; } #page #content #body .specialNote h4 .subhead { font-size: 13px; font-weight: normal; margin: 5px 0 8px 0; text-decoration:underline; } #page #content #body .specialNote h4 .subhead .price { color: #d61029; } #page #content #body .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 #body .specialNote .specialNoteBox .virtualproductupgradebutton { text-align: center; } #page #content #body .specialNote .specialNoteBox .corner { position:absolute; height:4px; width:4px; } #page #content #body .specialNote .specialNoteBox .topright { background:url("/images/design/bg.specialnote.topright.gif") top left no-repeat; top:-1px; right:-1px; } #page #content #body .specialNote .specialNoteBox .botright { background:url("/images/design/bg.specialnote.botright.gif") top left no-repeat; bottom:-1px; right:-1px; } #page #content #body .specialNote .specialNoteBox .botleft { background:url("/images/design/bg.specialnote.botleft.gif") top left no-repeat; bottom:-1px; left:-1px; } #page #content #body .specialNote p.howitworks { display:block; font-size: 13px; margin-left:95px; float:left; letter-spacing:-1px; line-height:20px; padding-bottom: 7px; width:220px; } #page #content #body .specialNote p.howitworks strong { display:block; font-size: 18px; } #page #content #body .specialNote p.howitworks .link { color:#D61029; text-decoration:underline; } #page #content #body .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:89px; width:122px; padding-top:33px; } #page #content #body .specialNote .compareImage span { font-size:21px; } #page #content #body .specialNote .comparemath { background:#eff7fa; border:1px solid #ceddee; float:right; margin-bottom:2px; padding:11px 21px 7px 13px; position:relative; } #page #content #body .specialNote .comparemath .corner { position:absolute; height:5px; width:5px; } #page #content #body .specialNote .comparemath .topleft { background:url("/images/design/bg.comparemath.topleft.gif") top left no-repeat; top:-1px; left:-1px; } #page #content #body .specialNote .comparemath .topright { background:url("/images/design/bg.comparemath.topright.gif") top left no-repeat; top:-1px; right:-1px; } #page #content #body .specialNote .comparemath .botright { background:url("/images/design/bg.comparemath.botright.gif") top left no-repeat; bottom:-1px; right:-1px; } #page #content #body .specialNote .comparemath .botleft { background:url("/images/design/bg.comparemath.botleft.gif") top left no-repeat; bottom:-1px; left:-1px; } #page #content #body .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 #body .specialNote .comparemath .equation span { display:block; border-bottom:1px solid #4d4d4d; padding:0 10px; } #page #content #body .specialNote .comparemath .equation span span { display:inline; font-size:10px; border-bottom:none; padding:0; } #page #content #body .specialNote .comparemath .result { float:right; font-size:20px; font-weight:bold; letter-spacing:-1px; } #page #content #body .specialNote .comparemath .result span { color:#d6112a; font-size:26.5px; margin-left:21px; } #page #content #body .specialNote .comparemath .result span span { color:#222; font-size:14px; position:relative; top:-8px; margin:0; } #page #content #body .specialNote p.small { font-size:9px; letter-spacing:-1px; text-align:right; } #page #content .lens-variations.special { } #page #content .lens-variations.special th { background:#0045A5; border:1px solid #404040; color:#fff; font-size:11px; padding:2px; text-align:center; } #page #content .lens-variations.special th.noRebate { padding: 8px 2px; } #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; padding:4px 5px; } /* End Special Lens Variations */ #page #content #body h3 { background: url('/images/icons/h1.bg.gif') top left no-repeat; color: #039; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding-left: 25px; } #page #content #body h3.starred { background: url('/images/icons/h1.star.gif') top left no-repeat; color: #039; font-size: 18px; font-weight: bold; padding-left: 25px; } #page #content #body h3.enterrx { display: inline; } #page #content #body #subheading { border-bottom: 1px solid #000; color: #039; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 3px; padding-bottom: 3px; } #page #content #body #subheading.noborder { border-bottom: none; padding-bottom: 0;} #page #content #body #specialoffer { text-align: center; } /* Form Styles */ #content .form { border-spacing: 2px; width: 100%; } #content .form td { background: #eee; border: 1px solid #ccc; font-size: 11px; padding: 4px; vertical-align: middle; } #content .form td table td { border: none; } #content .form td.null, #content .form td.blank { background: none; border: none; } #content .form td.active, #content .form td.orderdate { text-align: center; } #content .form th { background: #ffc; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: right; vertical-align: middle; } #content .form th.emaildesciption { text-align: left; } #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: #FFFFCC; } /* 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%;} /* Pricing Table Styles */ #page #content #body #product-information { font-family: Verdana, Arial, Helvetica, sans-serif; } #page #content #body #pricing-details { float: left; font-size: 10pt; margin-left: 25px; } #page #content #body #pricing-details th { font-weight: bold; } /* Departments */ #page #content #body #departments { margin:0 0 10px; width:100%; } #page #content #body #departments table.dept-results { border-spacing:20px 2px; margin:0 0 10px 0; width:100%;} #page #content #body #departments table.dept-results th { background:#eee; border:1px solid #ddd; padding:2px 7px;} #page #content #body #departments table.dept-results td { border-bottom:1px dotted #ddd; padding:4px 7px; width:50%;} #page #content #body #departments table.dept-results td.empty { border:none;} #page #content #body #departments table.dept-results td a {line-height:12px;} #page #content #body #departments #legend { color:#aaa; padding:1em 0 0; margin:0 0 10px 20px; } #page #content #body #departments #legend dl { display:inline; font-size:10px; list-style:none; text-indent:0; } #page #content #body #departments #legend dl dt { float:left; margin:0; vertical-align:middle; } #page #content #body #departments #legend dl dd { float:left; margin:0 15px 0 0; padding:3px; vertical-align:middle; } #page #content #body #departments #bottom-description { font-size:11px; margin:0 20px 20px 20px; } #page #content #body #departments #bottom-description p { margin:0 0 .5em; } /* Review Styles */ #content #reviews { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 1em; padding:0; width:100%; } #content #reviews .overview { background:#efefef; border:1px solid #ddd; padding:3px; line-height:20px; height:20px; margin:0 0 10px 0;} #content #reviews .overview .stars { float:left; height:20px; margin:0 3px } #content #reviews .overview .stars img { margin:2px 2px 0 0; float:left;} #content #reviews .overview .text { float:left; height:20px;} #content #reviews .overview .text .rating { background:#999; color:#fff; display:inline-block; width:20px; text-align:center; border-radius:3px;} #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 #aaa; float:left; padding:.75em; width:175px; } #content #reviews .hreview .info .item { font-size:10pt; } #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 .type { display:block; font-size:10px; } #content #reviews .hreview .info .rating { font-size:10px; } #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.gif) no-repeat 0 50%; padding:0 0 0 18px; } #content #reviews .hreview .info .feedback ul li .no { background:url(/images/icons/ico.del.gif) no-repeat 0 50%; padding:0 0 0 18px; } #content #reviews .hreview .description { float:right; font-size:12px; padding:1em; width:520px; } #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 #customer-reviews h3 { color: #2D307A; margin:0 0 5px 0;} #content #customer-reviews .overview { background:#efefef; border:1px solid #ddd; padding:3px; line-height:20px; height:20px; margin:0 0 5px 0; font-size:12px;} #content #customer-reviews .overview .stars { float:left; height:20px; margin:0 3px } #content #customer-reviews .overview .stars img { margin:2px 2px 0 0; float:left;} #content #customer-reviews .overview .text { float:left; height:20px; margin:0 3px} #content #customer-reviews .overview .text .rating { background:#999; color:#fff; display:inline-block; width:20px; text-align:center; border-radius:3px;} #content .review_product { background:#f7f7f7; border:1px solid #050D76; 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 #050D76; float:right; margin:.25em 0 0 0; padding:.5em; width:200px; } #content .review_product #guidelines h4 { color:#050D76; 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 a, #content #review_cancel a { color: #0A64AD; } #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 Styles*/ /* Pricing Details Styles */ #content #product-information #pricing-details { 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 { font-family: tahoma; 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 */ #page #content #body #product-information #buymore-widget { background:url("/images/bmsm/bmsm.gif") no-repeat 50% 2px #eee; border: 1px solid #ccc; float:left; height:103px; margin:0 5px 0 0; position:relative; width:139px; } #page #content #body #product-information #buymore-widget .info { display:none; } #page #content #body #product-information #buymore-widget .pricing { border:0; border-collapse:collapse; border-spacing:0; margin:0; padding:0; position:relative; top:75px; width: 100%; } #page #content #body #product-information #buymore-widget .pricing td { font-size:10px; line-height: 12px; text-align:center; vertical-align:middle; } #page #content #body #product-information #buymore-widget .pricing th { font-size:11px; font-weight:bold; line-height: 14px; text-align:center; vertical-align:middle; width: 40%; } #page #content #body #product-information #buymore-widget .pricing .imp, #page #content #body #product-information #buymore-widget .lowest-price { color:#c00; width: 60% !important; } /* Product Image, Rebate Overlay Styles */ #content #product-information #product-image { float: right; position: relative; width:280px; } #content #product-information .floatleft { float: left; } #content #product-information #product-image.halloween { width: 215px; } #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 #overlaydiscontinued { color:#D61029; text-transform:uppercase; font-size:19px; font-weight:bold; position:absolute; top:15px; right:0; width:170px; transform: rotate(20deg); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); -moz-transform: rotate(20deg); text-shadow: 1px 1px 1px #999; } #content #product-information #product-image #overlaydiscontinued span { color:#333; display:block; font-size:14px; text-transform:none; } #content #product-information #product-image #prodimgdsp { border: 1px solid #a0a0a0; text-align:center; } #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: top; width: 21px; } #content #product-information #product-image .colors select { width: 205px; } #content #product-information #product-image #prodimgdsp.no-border { border:none; } #content #product-information #productimage { float: right; text-align:center; width:100%; } #content #product-information #productimage img { margin:0 auto;} #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;} /* Enter Prescription Styles */ #content #prescription { position:relative; z-index:10; } #content #prescription h3.enterrx { display: inline; } /* Rx Help, Helpbox Styles */ #prescription .rxhelp { display:inline; margin-left:10px; } #prescription .rxhelp a { background:url('/images/icons/ico.rxhelp.gif') center left no-repeat; font-size:11px; font-weight:normal; padding-left:17px; } #prescription .helpbox { background:url('/images/rxhelp/bg.rxhelp.right.gif') top left no-repeat; display:none; margin:0; padding:7px 7px 40px 10px; position:absolute; top:-210px; left:195px; width:310px; z-index:85; } #prescription .helpbox .close { position:absolute; right:10px; top:10px; z-index:86; } #prescription .helpbox h5 { color:#fff; font-size:11px; font-weight:bold; margin:0; position:relative; z-index:85; } #prescription .helpbox p { color:#fff; font-size:9px; margin:0; padding:0 0 3px 0; position:relative; z-index:85; } #prescription .helpbox .side { background:url('/images/rxhelp/bg.rxhelp.right.gif') right top no-repeat; height:183px; margin:0; padding:0; width:111px; position:absolute; top:0; right:0; z-index:1; } /* Prescription Table Form */ #content #prescription .lens-variations { border-spacing: 3px; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; } #content #prescription .lens-variations th { background: #ffc; border: 1px solid #ccc; 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: 11px; font-weight: bold; padding: 1px; 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; } #content #prescription .lens-variations tbody th { font-size: 10px; padding: 2px; text-align: left; } #content #prescription .lens-variations thead th { padding: 2px 1px; } #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: 20px; } /* 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: 575px; } #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: 575px; } #content #prescription #gas-permeable .closetext a { color: #ffc; } #content #prescription #gas-permeable .AddParam { margin-top: 10px; } #content #prescription #gas-permeable .AddParam .lens-variations { float: none; } #content #prescription #gas-permeable .AddParam .lens-variations thead th { padding: 8px 4px; } #content #prescription #gas-permeable .AddParam .lens-variations th { padding: 4px; } /* Qualifying Offers Styles */ #content #offers { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 20px 0; } #content #offers h3 { border-bottom: 1px solid #a0a0a0; } #content #offers ul { font-size: 10pt; margin-left: 40px; } #content #offers ul li { list-style: square; margin-bottom: 3px; } #content #offers p { font-size: 10pt; margin-bottom: 5px; } #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; padding: 24px 221px 0 105px; width: 346px; } #content #offers .promoFIT4LIFE img { display: none; } #content #offers .promoFIT4LIFE .promocode { display: none; } #content #rebate-offers h3 { border-bottom: 1px solid #a0a0a0; margin-bottom: 3px; } /* Need Help Styles */ #content .needhelp { font-size: 11px; } /* Rebate Offers Styles */ #content #rebate-offers .offers { border-collapse: collapse; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%; } #content #rebate-offers .offers td { vertical-align: middle; } #content #rebate-offers .offers td a, #content #rebate-offers .offers td a:hover { color: #c00; text-decoration: underline; } #content #rebate-offers .offers td.bestoffer { color: #c00; font-size: 10px; font-weight: bold; padding-bottom: 20px; text-align: center; text-transform:uppercase; 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: 350px; } #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; line-height: 1.5em; } #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: 2px; } #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; } #content #rebate-offers .offers td table .savings table tfoot td .savingsperbox { color: #c00; } #content #rebate-offers .offers td table .virtualproduct { width: 218px; } /* Rebate Detail Styles */ #page #content #body #additional-details h3, #page #content #body #offers h3, #page #content #body #rebate-offers h3, #page #content #body .rebate-detail h3 { background: none; padding-left: 0; } #content .rebate-detail { margin-top: 10px; } #content .rebate-detail .hidedetails { color: #c00; cursor: pointer; font-size: 11px; text-decoration: underline; } #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 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; } #content .faqcolumn .faqentry { margin-bottom: 10px; } #content .faqcolumn .faqentry h3 a { color: #003399; } #content .faqcolumn .faqentry ul { list-style: disc; margin-left: 20px; } #content ul.faq-list { font-size: 13px; list-style: disc; margin-left: 20px; } #page #content #body .faqcolumn .faqentry h3 { background: none; font-size: 10pt; padding-left: 0; } /* FAQ Entry Styles */ #content #faq-detail { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; } #content #faq-detail blockquote { margin: 7px 0; } #content #faq-detail h4 { color: #003399; font-weight: bold; margin: 5px 0; } #content #faq-detail p { margin-bottom: 7px; } #content #faq-detail ol { list-style: decimal; margin-left: 20px; } #content #faq-detail ul { list-style: disc; margin-left: 20px; } /*Faq toggles */ #page #content #faq-detail .toggle.faq h4 { border-bottom:solid #eee; border-width:1px 0; color:#333; padding:0 30px; margin:0; font-weight:normal; line-height:22px; height:22px; position:relative; z-index:50;} #page #content #faq-detail .toggle.faq h4.odd { background:none;} #page #content #faq-detail .toggle.faq h4 .icon { border:1px solid #ddd; color:#039; display:block; height:13px; line-height:11px; width:13px; text-align:center; margin:0; position:absolute; top:4px; left:10px; font-size:14px;} #page #content #faq-detail .toggle.faq h4 .close { color:#039; display:none; height:22px; line-height:22px; margin:0 0 0 0; position:absolute; top:0; right:10px;} #page #content #faq-detail .toggle.faq h4.active .close { display:block;} #page #content #faq-detail .toggle.faq .more { display:none; background:#eee; border:solid #ddd; border-width:1px 0 2px 0; padding:10px; margin:0 0 10px 0;} #page #content #faq-detail .toggle.faq .more p { padding:0 0 7px 0;} #page #content #body #faq-detail #landingfaq h3 { display:none;} #page #content #body #landingfaq h3 { margin:0 0 10px 0;} #page #content #body #landingfaq p { padding: 0 0 10px 0;} #page #content #body #landingfaq p .plus { border: 1px solid #DDD; color: #039; display: inline-block; height: 13px; line-height: 11px; text-align: center; width: 13px; margin: 0 2px; font-size: 14px; font-weight: normal;} /* 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 { font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; } #content #additional-details h3 { border-bottom: 1px solid #a0a0a0; } #content #additional-details h4 { font-size: 13px; font-weight: bold; margin: 5px 0 2px; } #content #additional-details p { font-size: 10pt; } #content #additional-details #extended-product-info div { clear: both; } #content #additional-details #extended-product-info p { margin-bottom: 10px; } #content #additional-details #extended-product-info h4 { display: block; float: left; font-size: 10pt; font-weight: bold; position: absolute; margin: 0 0 0 -185px; } /* Extended Product Information Styles */ #content #additional-details #extended-product-info #details { display: block; float: right; font-size: 10pt; margin: 5px 0 20px; width: 75%; } #content #additional-details #extended-product-info #details ul { font-size: 10pt; list-style: square; margin: 0 0 10px 20px; } /* Extended Product Information Sidebar Styles */ #content #additional-details #extended-product-info #sidebar { display: block; float: right; font-size: 10pt; margin: 5px 0 20px; width: 75%; } #content #additional-details #extended-product-info #sidebar div { margin-bottom: 20px; } #content #additional-details #extended-product-info #sidebar #price-comparison .data { border-collapse: collapse; width: 70%; } #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: #ffc; 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 { display: 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: #ffc; 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 h3 { color: #000; border: none; display: block; float: left; font-size: 10pt; font-weight: bold; position: absolute; margin: 0 0 0 -185px; } #content #additional-details #color-options { display: block; float: right; font-size: 10pt; margin: 5px 0 0px; width: 75%; } #content #additional-details #color-options .colors li { float: left; height: 85px; margin: 0 5px 5px 0; padding: 4px; text-align: center; width: 100px; } #content #additional-details #color-options .colors li p { font-size: 10px; font-weight: bold; } /* 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:#F4F7FB; border:1px solid #0045A5; } /* 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 { color: #003399; font-size: 13px; padding: 5px 5px 0 0; } #page #content #body .results th h3 { background: none; color: #505050; padding-left: 0; font-size: 13pt; } /* Show All Brands Styles */ #content .detailcolumn { float: left; width:233px; margin:0 20px 20px 0; } #content .detailcolumn.last { margin:0; } #content .detailcolumn ul { width: 233px; } #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: #003399; border-bottom:1px dotted #999999; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; width: 233px; margin:0; } /* Login Page Styles */ /* New Customer Register Styles */ #content #quick-account { float: left; padding-right: 20px; width: 47%; } #content #quick-account p { font-size: 13px; } #content #quick-account h3 { border-bottom: 1px solid #000; margin-bottom: 5px; padding-bottom: 3px; } /* Returning Customers Login Styles */ #content #quick-login { border-left: 1px dotted #ccc; float: left; padding-left: 20px; width: 47%; } #content #quick-login.no-border { border-left: 0px; } #content #quick-login h3 { border-bottom: 1px solid #000; margin-bottom: 5px; padding-bottom: 3px; } #content #quick-login h5 { background:url(/images/icons/smallarrow.gif) no-repeat 0 50%; color: #003399; font-size: 14px; font-weight: bold; padding-left: 10px; } #content #quick-login p { 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: #ffc; 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: 240px; } #content #checkout-help div h4 { background: #eee; border: 1px solid #a0a0a0; color: #404040; font-size: 13px; 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; background: #f7f7f7; 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: #ffc; border: 1px solid #a0a0a0; font-size: 12px; font-weight: bold; padding: 4px; width: 33%; } /* Checkout Steps */ #content #steps { display: block; height: 30px; width: 100%; } #content #checkout_steps { float: right; } /* Shopping Cart Styles */ #content #cart { border-spacing: 2px; 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: 10px; text-align: center; } #content #cart td.compactprice { font-size: 10px; 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: #ffc; border: 1px solid #a0a0a0; font-size: 11px; padding: 10px 5px 5px; } #content #cart td.info { text-align: left;} #content #cart td.info strong { color: #039; display: block; font-size: 13px; font-weight: bold; } #content #cart td.info .extended-info { float: left; font-size: 11px; margin: 0 5px 0 0px; } #content #cart td.info .extended-info b, #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: 10px; margin: 0 20px 5px 0; } #content #cart td.info .tools { clear: both; margin-top: 5px; padding: 8px 8px 8px 3px; } #content #cart td.info .tools .mod { background: url("/images/icons/ico.change.gif") no-repeat scroll 5px center #fff; border: 1px solid #A0A0A0; font-size: 10px; margin-right: 3px; padding: 4px 4px 4px 20px; } #content #cart td.info .tools .mod a { text-decoration:none; } #content #cart td.info .tools .del { background: url('/images/icons/ico.remove.gif') no-repeat scroll 5px center #fff; border: 1px solid #A0A0A0; font-size: 10px; margin-right: 10px; padding: 4px 4px 4px 20px; } #content #cart td.info .tools .del a { text-decoration:none; } #content #cart td.l { text-align: left; vertical-align: middle; } #content #cart td.l img { vertical-align: middle; } #content #cart td.l .prodname { color:#039; font-size:11px; line-height:16px; } #content #cart td.l .prodname ul { list-style:disc; margin:0 0 0 20px;} #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; text-align: left; } #content #cart td.non-product .promo-item ul { list-style:disc; margin:0;} #content #cart td.non-product .promo-item strong { color:#039;} #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; text-align: left; } #content #cart td.non-product .promo-message p { text-align: left; } #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: 105%; } #content #cart td#rebates h5, #content #cart td#rebates h6 { font-weight:bold;} #content #cart td#rebates h5 { color:#c03; font-size:15px;} #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; border-right:1px dotted #a0a0a0; } #content #cart td#rebates td.savings h5 { color: #c00; font-size: 14px; 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: 95px; } #content #cart td#rebates td.savings .deal tfoot td { border-top: 1px dotted #ccc; } #content #cart td#rebates.multiple {} #content #cart td#rebates.multiple h5 { color:#c00; font-size:16px; font-weight:bold; margin:0 0 0 5px; } #content #cart td#rebates.multiple .image { padding:0; width:40px;} #content #cart td#rebates.multiple .image img { width:40px; height:auto;} #content #cart td#rebates.multiple .savings {width:225px; padding:0 4px;} #content #cart td#rebates.multiple .savings h6 { font-weight:bold; font-size:13px; } #content #cart td#rebates.multiple .savings h6 a { font-weight:normal; font-size:10px; } #content #cart td#rebates.multiple .savings .deal td {font-size:10px; line-height:16px;} #content #cart td#rebates.multiple .savings .deal .label {width:92px;} #content #cart td#rebates.multiple .savings .deal .amount {width:50px;} #content #cart td#rebates.multiple .savings .deal .detail {width:85px;letter-spacing:-.1em} #content #cart td#rebates.multiple .savings .deal .detail em { color:#D61029; font-style:normal;} #content #cart td#rebates.multiple .accept {width:auto;} #content #cart td#rebates.multiple .accept p {width:auto; padding:0 0 4px 0;letter-spacing:-.1em} #content #cart td.status { font-size: 11px; text-align: center; } #content #cart td.status .onOrder { color: #039; 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 td.value strong { font-weight:normal; } #content #cart th { background: #ffc; 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: #003399; font-size: 16px; text-align: left; } #content #cart th#subtotal, #content #cart th#shipping, #content #cart th#handling, #content #cart th#grandtotal { font-weight:normal;} #page #content #body .smalltext, #page #content #body .smalltext * { font-size: 10px; } #content .shippingMessage { background:none repeat scroll 0 0 #F7F7F7; border:1px solid #A0A0A0; margin:10px 0; padding:20px; } #page #content #body .shippingMessage h3 { background:none; font-size:16px; padding-left:0px; } #content #cart td.shipmentCounter { background:none repeat scroll 0 0 transparent; border:0 none; font-size:14px; font-weight:bold; padding:11px 0 4px; text-align:left; } /* Search Results Styles */ #content #body #search-results h3.ProductName { background: none; clear: both; padding: 15px 0 0 0; } #content #body #search-results #manufacturers ul, #content #body #search-results #lens-type ul { font-size: 12px; list-style: square; margin-left: 50px; } #content #body #search-results #faqs li { font-size: 12px; margin-bottom: 5px; } #content #body #search-results #no-results ol { list-style: decimal; } #content #body #search-results #no-results ol li { font-size: 13px; margin: 0 0 10px 40px; } #content #body #search-results #intro ol { list-style: decimal; } #content #body #search-results #intro ol li { font-size: 13px; margin: 0 0 10px 40px; } /* Best Sellers Styles */ #content #search-results #best-sellers { background: #ffc; 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 10px 0; 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 10px 0; 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; } /* Exact Match Styles */ #content #search-results #exact-match {background:#ffc; border:1px solid #a0a0a0; padding:10px 10px 12px 10px; font-size:11px; float:left; width:328px; } #content #search-results #exact-match dl { float:left; height:auto; margin:0 3px; } #content #search-results #exact-match dl dd.desc { margin-left: 57px; } #content #search-results #exact-match dl dd.img { float: left; margin-top: -11px; text-align: center; width: 50px; } #content #search-results #exact-match dl dd.img img { border: 1px solid #a0a0a0; } #content #search-results #exact-match dl dd.img img.rebate-icon { border: none; margin-top: 2px; } #content #search-results #exact-match 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 { color: #c00; font-style: normal; font-weight: bold; } #content #congrats .message .savings { color: #c00; font-weight: bold; } /* Cart: Coupons */ #page #content #body #coupons { display:block; margin:5px 0 1em 0; } #page #content #body #coupons h3 { background: none; font-size: 13px; padding: 0; } #page #content #body #coupons .note { font-size:11px; margin:0 0 .25em; } #page #content #body #coupons table { border-spacing: 2px; font-size:11px; width:100%; } #page #content #body #coupons table thead th { background:#ffc; border:1px solid #a0a0a0; font-size: 11px; font-weight:bold; padding:4px; } #page #content #body #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 { background: url('/images/rebate/tick.gif') 5px 4px no-repeat; color: #2D307A; font-size: 11px; font-weight: bold; padding: 4px 4px 4px 25px; } /* Billing Info, Shipping Info Styles */ #content #update-info { float:left; width:100%;} #content #update-info table {width:100%; border-spacing:3px;} #content #update-info table td { background:#f7f7f7; border:1px solid #a0a0a0; vertical-align:middle; vertical-align:top; padding:2px; font-size:11p} #content #update-info table td.blank { background:none; border-width:0; } #content #update-info table th { background:#ffc; border:1px solid #a0a0a0; font-size:11px; padding:4px; text-align:right; } #content #update-info table th strong { float:left; font-size:18px; font-weight:bold; } #content #update-info table th #caption { float:right; font-size:11px; margin:3px 10px 0 0; text-align:right; } #content #update-info #shipping .tooltip { margin:0 0 5px 105px;} /* Gift Certificate Styles */ #content #current-order-total { margin-bottom: 5px; } #content #current-order-total dd { 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 td.promoitemname {color: #039;} #content #promo-upsell table th { background: #ffc; 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: #039; 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: #ffc; 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 td.billinginfo { text-align: left; } #content .basket td.shippinginfo { text-align: left; } #content .basket .left { text-align: left; } #content .basket .right { text-align: right; } #content .basket td.label { width: 75px; } #content .basket td.blank { background: none; border: none; } #content .basket th { background: #ffc; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: center; } #content .basket th.label { width: 75px; } #content .basket th a.handling sup { color: #000; } a.insurance-popup { color:#404040; text-decoration:none; font-weight:normal; } a.insurance-popup:hover { color:#404040; text-decoration:underline; font-weight:normal; } a.insurance-popupalt { color:#039; text-decoration:underline; font-weight:normal; } a.insurance-popupalt:hover { color:#09f; text-decoration:underline; font-weight:normal; } /* Insurance & Handeling popup styles */ body#insurance-handling { background:none; font-family:Arial,Helvetica,sans-serif; padding:10px; text-align:left; } body#insurance-handling h1 { color:#039; font-size:18px; font-weight:bold; } body#insurance-handling .callout { background:#F7F7F7; border: 2px solid #000; font-size: 13px; margin:15px 0px; padding: 20px;} body#insurance-handling span.red { color:#CC0000; } body#insurance-handling ul { margin-bottom:10px; margin-left:15px; } body#insurance-handling ul li { background-image: url("/images/icons/check-box2.gif");background-position: 0 5px; background-repeat: no-repeat; height: 16px; padding-left: 25px; padding-top: 5px;} body#insurance-handling p { } body#insurance-handling p.text { margin:15px 0px; } body#insurance-handling div.close { margin:0px auto; width:147px; } body#insurance-handling .footnote { margin-top:15px; } /* Doctor Info Styles */ #content #doctorinfo { border-collapse: collapse; width: 100%; } #content #doctorinfo td { background: #eee; border: 1px solid #a0a0a0; padding:4px; vertical-align: top; } #content #doctorinfo .noborder { border:0!important; } #content #doctorinfo td.product-info { vertical-align: top; } #content #doctorinfo td.product-info h5 { color: #039; font-size: 13px; font-weight: bold; } #content #doctorinfo td.product-info #variation-details ul { font-size: 11px; } #content #doctorinfo td.provider td { border: none; padding: 2px; } #content #doctorinfo td.provider td label { font-size: 11px; font-weight: bold; } #content #doctorinfo td.provider th { background: none; border: none; font-weight: normal; padding: 2px; } #content #doctorinfo .dr-enterinfo th { background: #ffc; border: 1px solid #a0a0a0; font-size: 10px; font-weight: bold; padding: 4px; text-align: left; } #content #doctorinfo th.productinfo { background: url('/images/icons/ico.fsacheck.gif') 3px 4px no-repeat #ffc; padding-left: 19px; } #content #doctorinfo .dr-enterinfo .willfaxlabelcontainer { float:left; padding-left:10px; width:420px; } #content #doctorinfo .dr-enterinfo .willfaxlabelcontainer p { font-size:11px; } #content .willfaxtoplabelcontainer { font-size: 11px; margin-bottom: 3px; } #content #customerservicetopfaxinfo { background: #ffc; border: 2px solid #000; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin: 10px 5px; padding: 20px; } #content #tdwillfax { width:320px; } #content #updatefrm #doctorinfo #tdwillfax .willfaxlabel { float:left; font-size:11px; padding-left:4px; width:220px; } #content #updatefrm #doctorinfo #tdwillfax .floatleft { float:left; } #content #doctorinfo th.drinfo { background: url('/images/icons/ico.rxhelp.gif') 3px 4px no-repeat #ffc; padding-left: 19px; } #content #doctorinfo th .caption { background: url('/images/icons/ico.question.gif') top left no-repeat; font-size: 10px; margin-left: 20px; padding-left: 15px; } #content #doctorinfo th .caption.noicon { background: none; font-size: 10px; margin-left: 20px; padding-left: 365px; } #content #instructions p { font-size: 11px; margin-bottom: 3px; } #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; } /* Error Box Styles */ .error.drinfo { 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; } /* Discontinued */ .discontinued { background:#FFFFCC; border:1px solid #c00; color:#000!important; margin-bottom:10px; padding:10px; } .discontinued h2 { color: #CC0000; font-size: 15px; font-weight: bold; } .discontinued h3 { background:none!important; color:#CC0000!important; font-size:18px!important; margin-bottom:5px!important; padding:0px!important; } .discontinued p { font-size:12px; } .discontinued a { color:#cc0000!important; text-decoration:underline; } .discontinued-white { background:#FFFFFF; border:1px solid #c00; color:#000!important; margin-bottom:10px; padding:10px; } .discontinued-white h3 { background:none!important; color:#CC0000!important; font-size:18px!important; margin-bottom:5px!important; padding:0px!important; } .discontinued-white p { font-size:12px; } .discontinued-white a { color:#cc0000!important; text-decoration:underline; } /* 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 th.doctorcheck { background-image:none !important; padding:2px 4px; text-align:center; width:35px; } #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: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 .searchresults h5 { background: url('/images/design/tabs.gif') right -30px no-repeat; float: left; font-size:11px!important; font-weight:bold; margin:0; padding: 5px 8px 8px 0; } #content #doctorinfo .searchresults h5 a { background: url('/images/design/tabs.gif') 0 -30px no-repeat; padding: 5px 0 8px 10px; text-decoration: none; } #content #doctorinfo .searchresults h5.active { background: url('/images/design/tabs.gif') top right no-repeat; } #content #doctorinfo .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 th { background:#ffffcc; border: 1px solid #a0a0a0; font-size:10px; } #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: #003399; 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: 21px; width: 287px; } #content #doctorinfo .dr-enterinfo .dr-inputs #tdwillfax { background:none repeat scroll 0 0 #eeeeee; font-size:11px; width:300px; } #content #doctorinfo .dr-enterinfo .dr-inputs #tdwillfax .willfaxlabel { float:left; margin-left:4px; width:230px; } #content #doctorinfo .dr-enterinfo .dr-inputs table { border-spacing: 2px; } #content #doctorinfo .dr-enterinfo .dr-inputs .floatleft { float:left; } #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; margin-right:10px; } #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: #003399; } #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, #content #doctorinfo .searchresults table th { font-weight: normal; line-height:11px; 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 #doctorinfo .rxviewnote { color:#003399; } #updatefrm #doctorinfo h5 { font-size:14px; font-weight:bold; } #updatefrm #doctorinfo h5 span.subheader { color:#404040 !important; font-size:11px !important; font-weight:normal!important; } #updatefrm #doctorinfo td { background:none; border:none; } #updatefrm #doctorinfo #inputs1, #updatefrm #doctorinfo #text1 { border-right:1px dotted #CCCCCC; border-spacing:2px; } #updatefrm #doctorinfo #inputs1 th, #updatefrm #doctorinfo #text1 th { background:none repeat scroll 0 0 #FFFFCC; border:1px solid #A0A0A0; font-size:11px; font-weight: normal; vertical-align: middle; } #updatefrm #doctorinfo #inputs1 td, #updatefrm #doctorinfo #text1 td, #updatefrm #doctorinfo .dr-helpcontainer .dr-needhelp { background:#EEEEEE; border:1px solid #A0A0A0; } #content #doctorinfo .patientdocinfo #tdwillfaxtext { background:none repeat scroll 0 0 transparent!important; border:medium none!important; font-size:11px; } #content .patientdocinfo { border-spacing:2px; border-right: 1px dotted #ccc; padding:0 27px 0 0; margin-right:5px;} #content .patientdocinfo td { background:#eeeeee!important; border: 1px solid #a0a0a0!important; padding: 4px; vertical-align: center; } #content #doctorinfo .patientdocinfo.noborder { margin-bottom:5px; width:320px; } #content #doctorinfo .patientdocinfo.noborder th { border:1px solid #CCCCCC !important; font-size:10px!important; font-weight:bold!important; width:34%; } #content #doctorinfo .patientdocinfo.noborder td { background:#F7F7F7!important; border:1px solid #E6E6E6 !important; } #content #tdwillfaxtext { padding-bottom:10px; padding-left:0px; } #content .patientdocinfo th { background:#ffffcc; border: 1px solid #a0a0a0!important; padding: 4px; vertical-align: middle; font-size:11px; font-weight:normal;} #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 #doctorinfo .doctor-search-results td { border:solid #A0A0A0; } #updatefrm .lens-variations { border-spacing: 3px !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; } #updatefrm .lens-variations th { background: #ffc !important; border: 1px solid #ccc !important; font-size: 11px !important; font-weight: bold !important; padding: 2px !important; text-align: center !important; vertical-align: middle !important; } #updatefrm .lens-variations tbody td { background: #f7f7f7 !important; border: 1px solid #e6e6e6 !important; font-size: 11px !important; font-weight: bold !important; padding: 1px !important; text-align: center !important; } #updatefrm .lens-variations tbody th { font-size: 10px !important; padding: 2px !important; text-align: left !important; } #updatefrm .lens-variations thead th { padding: 2px 1px !important; } #updatefrm .lens-variations thead th.blank { background: none !important; border: none !important; } #updatefrm #doctorinfo h5.header .edit { background: url("/images/icons/ico.change.gif") no-repeat left top; font-size:12px; font-weight:normal; padding-left: 15px; } #updatefrm #doctorinfo h5.header { color:#003399; } #updatefrm #doctorinfo h5.subheading { font-size:13px; margin: 10px 0 0; } /* 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: #ffc; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: right; vertical-align: middle; width: 179px; } #content .avsError .AVStable { float: left; padding: 0 5px; width: 48%; } #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: #ffc; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 2px; 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; } #content .general-text dl { font-size: 11px; } #content .general-text p { font-size: 11px; margin: 0 0 .5em; } #content .general-text ul { font-size: 11px; } /* Purchase Confirmation Styles */ #content #body #confirmation-details { margin-bottom: 10px; } #content #body #confirmation-details h3 { background: none; font-size: 14px; margin-top: 10px; padding-left: 0; } #content #body #confirmation-details p { font-size: 11px; } #content #body #confirmation-details p.intro { margin-left: 10px; } #content #confirmation-options { float: right; padding: 5px 5px 5px 20px; width: 210px; } #content #body #confirmation-details .box { background: #F7F7F7; border: 1px solid #A0A0A0; float: left; height: 120px; margin: 25px 10px 20px 10px; padding: 10px; width: 318px; } #content #body #confirmation-details .box h3 { margin: 0 0 5px 0!important; } #content #body #confirmation-details .box img { float: left; margin: 0 5px 5px 0; } #content #body #confirmation-details .box p { line-height: 15px; } #content #body #confirmation-details .boxlong { background: #F7F7F7; border: 1px solid #A0A0A0; margin: 25px 10px 20px 10px; padding: 10px; } #content #body #confirmation-details .boxlong h3 { margin: 0 0 5px 0!important; } #content #body #confirmation-details .boxlong img { float: left; margin: 0 5px 5px 0; } #content #body #confirmation-details .boxlong p { line-height: 15px; } #content #body #confirmation-details .referAFriend { border: dotted #ccc; border-width: 1px 0; clear: both; margin: 10px 10px 0 10px; padding: 10px; } #content #body #confirmation-details .referAFriend img { float: left; margin: 0 5px 0 0; } #content #body #confirmation-details .referAFriend h3 { margin-top: 0; } #content #body #confirmation-details .needHelp { margin: 0 10px 10px 10px; padding: 10px; } #content #body #confirmation-details .needHelp img { float: left; margin: 0 5px 0 0; } #content #body #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: #003399; font-size: 14px; font-weight: bold; } #content #agreement li ol { font-size: 11px; } #content #agreement p { font-size: 11px; margin-bottom: 4px; } /* Promo Styles */ #page #content #body #lens-main .promo { margin-left: 20px; padding-left: 0px; } #page #content #body .promoname { font-weight: bold; } #page #content #body .promo1 img { display: none; } #page #content #body #lens-main table li.promoFIT4LIFE { background: url('/images/promo/5.jpg') top left no-repeat; height: 150px; list-style: none; padding: 24px 221px 0 105px; width: 346px; } #page #content #body #lens-main table li.promoFIT4LIFE p { font-size: 10px; margin-top: 5px; } #page #content #body #lens-main table li.promoFIT4LIFE p a { font-size: 10px; } #page #content #body #lens-main table li.promoFIT4LIFE .promoname { color:#D61029; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; } #page #content #body #lens-main table li.promoFIT4LIFE img { display: none; } #page #content #body #lens-main table li.promoFIT4LIFE .promocode { display: none; } /* Reorder Checkout Header Promo */ #page #content #body .bestdealinfo { background:url('/images/rebate-offerbg.gif') repeat-x 0 -50px; border: 1px solid #ccc; margin-top: 10px; padding: 3px; width: 91% } #page #content #body .bestdealinfo p { font-size: 11px; padding: 5px 0; } #page #content #body .bestdealinfo p a { font-size: 11px; } #page #content #body .bestdealinfo p strong { color: #D61029; font-size: 13px; padding: 3px 5px 3px 0px; } #page #content #body .combo-offers { margin: 40px 0 0 20px; } #page #content #body .combo-offers h3 { background: none; font-size: 13px; padding: 0 0 10px 0; } #page #content #body .combo-offers .combo-header { position: relative; } #page #content #body .combo-offers .combo-header h1 { color: #039; font-size: 18px; font-weight: bold; margin: 0; padding-left: 45px; } #page #content #body .combo-offers .combo-header h1 span { color: #404040; font-size: 9px; font-weight: normal; padding-left: 5px; } #page #content #body .combo-offers .combo-header .bestdealicon { margin: -15px 0 0 -25px; position: absolute; } #page #content #body .combo-offers .combo-header .offericon { margin: 11px 0 0 571px; position: absolute; z-index: 1; } #page #content #body .combo-offers .combo-box { background: #eee; border: 1px solid #ccc; vertical-align: top; width: 306px; } #page #content #body .combo-offers .combo-box h2 { color: #D61029; font-size: 15px; font-weight: bold; margin: 0; } #page #content #body .combo-offers .combo-plus { padding: 45px 12px 0 13px; vertical-align: top; } #page #content #body .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 #body .combo-offers .combo-rebate h2 { padding: 0 0 5px 45px; } #page #content #body .combo-offers .combo-rebate td { padding:0; } #page #content #body .combo-offers .combo-rebate table { border-collapse:collapse; border-spacing:0; font-size:.7em; margin:0; padding:0; } #page #content #body .combo-offers .combo-rebate table tbody td { padding:3px; } #page #content #body .combo-offers .combo-rebate table tbody td a { color:#c00; font-size:10px; margin-left:10px; } #page #content #body .combo-offers .combo-rebate table tbody td a:hover, #page #content #body .combo-offers .combo-rebate table td.description a { font-size:10px; } #page #content #body .combo-offers .combo-rebate table tbody td span.em { font-weight:bold; display:block; } #page #content #body .combo-offers .combo-rebate table tbody.end td { border: 0; } #page #content #body .combo-offers .combo-rebate strong.title { color: #d61029; } #page #content #body .combo-offers .combo-rebate .savingsperbox { color: #c00; } #page #content #body .combo-offers .combo-rebate .smallprint { font-size:9px; font-weight: normal;} #page #content #body .combo-offers .combo-rebate .subdivider { border-bottom:1px dotted #d6d3ad; font-size: 1px;} #page #content #body .combo-offers .combo-rebate .savings #deal { border:0; border-collapse:collapse; border-spacing:0; } #page #content #body .combo-offers .combo-rebate .savings #deal tbody, #page #content #body .combo-offers .combo-rebate .savings #deal tbody td { border-top:0; } #page #content #body .combo-offers .combo-rebate .savings #deal tfoot td { border-top:1px dotted #d6d3ad; } #page #content #body .combo-offers .combo-rebate td.dealamount { border: 0; font-size: 10px; font-weight: bold; text-align: right; width: 65px; } #page #content #body .combo-offers .combo-rebate td.dealcaption { border: 0; font-size: 10px; padding-right:10px; text-align: right; width: 95px; } #page #content #body .combo-offers .combo-rebate td.dealdetail { border: 0; font-size: 10px; font-weight: bold; width: 110px; } #page #content #body .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 #body .combo-offers .combo-rebate table tbody td.image-amount { text-align: center; vertical-align: middle; width: 50px; margin: 0; padding: 0;} #page #content #body .combo-offers .combo-rebate table tbody td.description { width: 270px; } #page #content #body .combo-offers .combo-rebate table tbody td.description h5 { color:#404040; font-size:13px; font-weight: bold; margin:0; } #page #content #body .combo-offers .combo-rebate table tbody td.description p { margin:0; } #page #content #body .combo-offers .combo-rebate table tbody td.savings { padding: 5px 10px; } #page #content #body .combo-offers .combo-rebate table tbody td.divider { border-left: 1px dotted #777; font-size: 1px; width: 1px; } #page #content #body .combo-offers .combo-box p.details a { color: #c00; cursor: pointer; font-size: 10px; text-decoration: underline; } #page #content #body .combo-offers .combo-rebate .link { color: #c00; cursor: pointer; font-size: 10px; margin-left: 20px; text-decoration: underline; } #page #content #body .combo-offers .combo-rebate .topbar { padding:5px 0; } * html #page #content #body .combo-offers .combo-rebate .topbar, * html #page #content #body .combo-offers .combo-rebate .topbar hr { padding:0; } #page #content #body .combo-offers .combo-rebate #specialrebate-detail { background: #fff; font-size: 10px; padding: 5px; width: 289px; } #page #content #body .combo-offers .combo-rebate #specialrebate-detail .hidedetails { color: #c00; cursor: pointer; font-size: 10px; text-decoration: underline; } #page #content #body .combo-offers .combo-rebate #specialrebate-detail hr { display: none; } #page #content #body .combo-offers .combo-rebate #specialrebate-detail td, #page #content #body .combo-offers .combo-rebate #specialrebate-detail p { font-size: 10px; padding-bottom: 5px; } #page #content #body .combo-offers .combo-rebate #specialrebate-detail .SubHeading { font-size: 13px; } #page #content #body .combo-offers .combo-offer { vertical-align: top; } #page #content #body .combo-offers .combo-offer a, #page #content #body .combo-offers .combo-offer p { font-size: 10px; } #page #content #body .combo-offers .combo-offer h2 { padding: 2px 0 0 5px; } #page #content #body .combo-offers .combo-offer p { margin-top: 5px; padding: 0 5px; position: relative; z-index: 10; } #page #content #body .combo-offers .combo-offer p.details { padding-bottom: 5px; } #page #content #body .combo-offers .combo-offer .promocode { display: none; } #page #content #body .combo-offers .combo-offer img.giftsbg { float: right; } #page #content #body .combo-offers .combo-offer .promogifts img { float: left; } #page #content #body .combo-offers .combo-offer .promoinfo { background: #fff; margin: 3px; padding: 5px; width: 286px; } #page #content #body .combo-offers .combo-offer .promoinfo .hidedetails { cursor: pointer; font-size: 10px; padding-left: 5px; text-decoration: underline; } #page #content #body .combo-offers .combo-offer .promoinfo .subheading { color: #003399; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; padding: 0 0 10px 0; } #page #content #body .combo-offers .combo-offer .promoinfo img.boxes { width: 275px; } #page #content #body .combo-offers .combo-offer .promoinfo li { font-size: 11px; } #page #content #body .combo-offers .combo-offer .promoinfo td { padding-top: 10px; vertical-align: top; } #page #content #body .combo-offers .combo-offer .promoinfo h4 { color: #003399; font-weight:bold; margin: 0; } #page #content #body .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:#003399; 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; } /* Custom Settings for Reorder Page */ #page #content #body .promo-header .combo-offers { margin: 15px 0 0 20px; padding: 0 5px; } #page #content #body .promo-header .promoname { color:#D61029; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; } #page #content #body .promo-header p { font-size: 11px; margin: 4px 0 10px 0; padding-bottom: 0; } #page #content #body .promo-header .combo-offers .combo-header .offericon { margin: 11px 0 0 566px; position: absolute; z-index: 1; } /* Popup Styles */ .popup.availablecredit table {border-spacing:2px; } .popup.availablecredit table th { background:#ffc; border:1px solid #A0A0A0; font-size:11px; font-weight:bold; line-height:15px; padding:4px; text-align:center; vertical-align:middle; } .popup.availablecredit table td { background:#f7f7f7; border:1px solid #A0A0A0; font-size:11px; padding:4px; text-align:center; vertical-align:middle; } .popup.availablecredit table td input { text-align:center; } .popup.availablecredit table td.apply { background:none; border:none; text-align:right; } .popup.availablecredit #heading { background: url("/images/icons/h1.bg.gif") no-repeat left top; color: #003399; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 3px; padding-left: 25px; } .popup .creditdetail #heading { background: url("/images/icons/h1.bg.gif") no-repeat left top; color: #003399; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 3px; padding-left: 25px; } .popup .creditdetail table { border-spacing:2px; } .popup .creditdetail table th { background:#ffc; border:1px solid #A0A0A0; font-size:11px; font-weight:bold; line-height:15px; padding:4px; text-align:center; vertical-align:middle; } .popup .creditdetail table td { background:#eee; border:1px solid #A0A0A0; font-size:11px; padding:4px; text-align:center; vertical-align:middle; } .popup .creditdetail h2 { font-size:14px; font-weight:bold; } .popup .creditdetail p { padding-bottom:0px; } #popup #content { background: #fff; border: 1px solid #999; margin: 10px; padding: 0 10px; text-align: left; } #popup #content #body { padding: 10px; } #popup #content blockquote { font-size: 11px; } #popup #content #heading { background: url('/images/icons/h1.bg.gif') top left no-repeat; color: #039; font-size: 20px; font-weight: bold; padding-left: 25px; } #popup #content h3 { border: none; color: #003399; font-size: 16px; font-weight: bold; margin: 10px 0 1px 0; } #popup #content p { font-size: 11px; margin-bottom: 5px; } #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 #body ul.square { list-style: square; margin-left: 20px; } #popup #content #body ul.square li { font-size: 11px; margin-bottom: 5px; } #popup #content #info { border: none; } #popup #content #body ol.decimal { 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: #003399; 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: #ffc; 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: #ffc; border: 1px solid #a0a0a0; font-size: 11px; font-weight: bold; padding: 4px; text-align: left; } /* Price Compare Table */ #popup #content .centertable { margin: 0 auto; } #popup #content .table { border-spacing: 2px; } #popup #content .table th { background: #eee; border: 1px solid #dbdcca; font-size: 11px; font-weight: bold; padding: 4px; text-align: left; } #popup #content .table th.ca { background: #ffc; color: #404040; } #popup #content .pricecompare td { font-size: 11px; line-height: 25px; padding-left: 10px; text-align: right; width: 90px; } #popup #content .pricecompare .ca { color: #0045A5; font-weight: bold; } #popup #content .border-bottom { border-bottom: 1px solid #000; width: 90px; } /* Popup Survey Styles */ body.popup { background:#fff; color: #404040!important; font-family: Verdana,Arial,Helvetica,sans-serif!important; line-height: 20px!important; text-align:left; } body.popup .banner-popup{background:url("/images/bg-header.jpg") 0 0 repeat-x #fff; width:720px;height:70px;text-align:left;text-indent:-9999px } body.popup h2{ color: #039; font-size: 18px; margin: 10px 0; font-weight:bold; } body.popup p { padding:0 0 15px 0;} body.popup a.submit-feedback { background: url("/images/buttons/btn.iwanttoprovidemyfeedback.gif") no-repeat scroll 0 0 transparent; display: block; height: 23px; margin: 0px auto; overflow: hidden; text-indent: -9999px; width: 215px; } body.popup #ttd { text-align:left; margin:10px;} body.popup #ttd h1 { background: url('/images/icons/h1.bg.gif') top left no-repeat; color: #039; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 15px; padding-left: 25px; } body.popup #ttd h2 { color: #039; font-size:16px; font-weight:bold;} body.popup #ttd #delivery_schedule_schematic { background:url('/images/design/total-time-delivery-process.jpg') 0 0 no-repeat; width:586px; height:156px; margin:0 auto 10px auto;} body.popup #ttd #delivery_schedule_schematic ul { float:left; margin:65px 0 0 100px;} body.popup #ttd #delivery_schedule_schematic ul li { display:block; width:100px; font:bold 10px/15px Tahoma, Geneva, sans-serif; float:left; text-align:left; margin:0 28px 0 0;} body.popup #ttd #delivery_schedule_schematic ul li strong { display:block; color:#D61029; font-size:13px;} body.popup #ttd #delivery_schedule_schematic ul li.first { margin:0 36px 0 0;} body.popup #ttd #delivery_schedule_description { font-size:14px; width:586px; margin:0 auto 10px auto;} body.popup #ttd #shiptable { width:586px; margin:0 auto 10px auto; } body.popup #ttd #shiptable table { border-spacing:2px; width:100%; float:left;} body.popup #ttd #shiptable table th { background:#ffc; border:1px solid #a0a0a0; font-size:11px; font-weight:bold; padding:4px; text-align:center; } body.popup #ttd #shiptable table td { background:#eee; border:1px solid #a0a0a0; font-size:11px; padding:4px; text-align:center; vertical-align:middle; } body.popup #ttd #shiptable table .tr_hover td { cursor: pointer; background:#ccc;} body.popup #ttd .confirmed { display:block; width:147px; height:23px; margin:10px auto 0 auto;}