/* IMC2 notes For some reason I couldn't override a few of the important styles even with my own important styles. the following styles should be removed from your existing stylesheets: -removed important on skin.css (line 197) and (line 208) to fix the style on the service tab to fix the color of the forth tab links*/ -removed important on skin.css (line 57) and remove the background images -changed home_link to be attached to top (line 102) /*10-15*/ */ /* copyright 2006 Lenscrafters Inc. All Rights Reserved */ /************************ DEFAULT :: START **********************/ body { background: #edeff0; } body, textarea, select, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #332; } h1 { font-size: 1.5em; font-weight: normal; } h2, h3 { font-weight: bold; font-size: 1em; color: #332; } h4, h5 { font-size: 1.1em; font-weight: normal; } p { font-size: 1em; line-height: 1.6em; color: #332; } input { font-size: 1em; } form, table { border: none !important; } a { color: #4986AC; text-decoration: none; cursor: pointer !important; } a:hover { color: #4986AC; text-decoration: underline; } a:visited { color: #4986AC; } img, a img, a:hover img { border: none !important; background: none !important; text-decoration: none; } a img { cursor: pointer !important; } input { background: #ccc; border: none !important; color: #2e2300; font-size: 12px; } textarea { background: #ccc; border: none !important; color: #2e2300; font-size: 12px; } /************************ DEFAULT :: END * *********************/ .sup { vertical-align: super; font-size: 50% !important; } label.error input, label.error select, label.error textarea, input.error, textarea.error { background: #ea6c26 !important; } .erroroff { display: none; } .errormsg, #errortext.errormsg { background: #FFF ;border: 2px solid #ea6c26; padding: 8px !important; font-weight: bold !important; display: block; color: #ea6c26 !important; float: left; margin-bottom: 10px !important; } .errorRight { margin-left: 20px; background: #FFF ;border: 2px solid #ea6c26; padding: 8px !important; font-weight: bold !important; display: block; color: #ea6c26 !important; float: left; margin-bottom: 0; margin-left: 17px; width: 152px; } .errorBottom { background: #FFF ;border: 2px solid #ea6c26; padding: 8px; font-weight: bold !important; display: block; color: #ea6c26 !important; float: left; margin-top: 20px; width: 300px; position: relative;} #content #card4_service_open .form div.errorBottom.patients{width: 132px; height: 32px; padding: 0 10px;} #content #card4_service_open .form div.errorBottom.patients.right{width: 132px; height: 32px; margin-left: 150px; margin-top: 20px;} #content #card4_service_open .form div.errorBottom.patients.day{width: 132px; height: 32px; margin-left: 75px;} #content #card4_service_open .form div.errorBottom.patients.year{width: 132px; height: 32px; margin-left: 130px;} #content #card4_service_open .form div.errorBottom.patients.insurance{width: 197px; height: 32px;} #content #card4_service_open .form div.errorBottom.patients.insurancetext{width: 150px !important; height: 45px;} #content #card4_service_open .form div.errorBottom.patients.right.insurancetext{width: 150px !important; height: 45px;} .patientErrors{width: 400px;} #content #card4_service_open .form div.patientErrors {width: 400px;} #content #card4_service_open .form div.errorRight {width: 152px;} #content #card4_service_open .form div.short {width: 400px; margin-top: 16px;} .up_arrow { background-image: url(images/arrow_up.gif); width: 17px; height: 10px;} #stateError.errorRight{margin-top: 30px;} .errormsg ul li, #errortext.errormsg ul li { background: url(../images/content/bullet3.gif) 0px 5px no-repeat !important; } #card1_home_open #errortext.errormsg, #card2_products_open #errortext.errormsg, #card3_style_open #errortext.errormsg { border: 1px solid #ea6c26; padding: 10px; font-size: 1em !important; font-weight: normal !important; margin-bottom: 10px !important; display: block; color: #ea6c26 !important; background: #fff; float: left; } #content .main_nav ul { } #content .main_nav ul li { background: none !important; } #content .main_nav ul li a { color: #332; } #content .main_nav ul li a:hover { text-decoration: none; color: #4986AC; } #content .main_nav ul li a.on { background: url(../images/content/arrow_1.gif) 0px 0px no-repeat; color: #4986AC; font-weight: bold; } #content #card2_products_closed .main_nav ul li a.on, #content #card2_products_open .main_nav ul li a.on { background: url(../images/content/arrow_2.gif) 0px 0px no-repeat; } #content #card3_style_closed .main_nav ul li a.on, #content #card3_style_open .main_nav ul li a.on { background: url(../images/content/arrow_3.gif) 0px 0px no-repeat !important; } #content #card4_service_closed .main_nav ul li a.on, #content #card4_service_open .main_nav ul li a.on { background: url(../images/content/arrow_4.gif) 0px 0px no-repeat !important; } #content .action_items ul.actions { } #content .action_items ul.actions li { background: none !important; } #content .action_items ul.actions li a { color: #332; font-weight: bold; background: url(../images/content/arrow_1.gif) 0px 0px no-repeat; } #content .action_items ul.actions li a:hover { color: #4986AC; text-decoration: none; border: none; } #card2_products_open .action_items ul.actions li a { background: url(../images/content/arrow_2.gif) 0px 0px no-repeat !important; } #card3_style_open .action_items ul.actions li a { background: url(../images/content/arrow_3.gif) 0px 0px no-repeat !important; } #card4_service_open .action_items ul.actions li a, #card4_service_open .action_items ul.actions li a:hover { background: url(../images/content/arrow_4.gif) 0px 0px no-repeat !important; } #content .light_border { border-bottom: 1px solid #CCC; } #content #card1_home_open .light_border { width: 320px !important; } #content .dark_border { border-bottom: 1px solid #8d8d84; } #card1_home_closed a.link_home { background: url(../images/content/home_logo.gif) top left no-repeat; font-size: .1em; } #card1_home_closed a.link_home_hover { background: url(../images/content/home_hover.gif) top left no-repeat; text-decoration: none; font-size: .1em; } #card1_home_closed a.link_home b, #card1_home_closed a.link_home_hover b { visibility: hidden; } #card1_home_open ul li { background: url(../images/content/bullet3.gif) 0px 5px no-repeat; } #card1_home_open h2 { color: #332; font-size: 1em; font-weight: bold; } /* #card1_home_open .prod_descript a:hover { background: url(../images/background/underline_a.gif) left bottom repeat-x; text-decoration: none; _text-decoration: underline; _background: none; } changed to solid underline mf5-24-07*/ #card1_home_open .prod_descript a:hover {ext-decoration: underline; _text-decoration: underline; _background: none; } #card1_home_open p.disclaimer { font-size: .9em; line-height: 1.2em; } #content #card1_home_open .form label b { font-weight: normal; } #content #card1_home_open .form select { background: #ccc !important; border: none !important; color: #2e2300 !important; } #content #card1_home_open .form label.input_small input { background: none !important; } #content #card1_home_open .form label.input_small em { font-style: normal; } #content #card1_home_open #service_content table td.steps_highlight b { line-height: 1.5em; } #content #card1_home_open #service_content table td.steps_highlight strong { font-weight: normal; line-height: 1.5em; } #card1_home_open b.main_btn { background: #e6e6e6 url(../images/background/footer_btn_left_grey.gif) top left no-repeat; font-weight: normal; } #card1_home_open b.main_btn em { background: #e6e6e6 url(../images/background/footer_btn_right_grey.gif) top right no-repeat; font-style: normal; } #card1_home_open b.main_btn a { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 1em !important; font-family: Arial, Helvetica, sans-serif !important; } #card1_home_open b.main_btn a:hover { text-decoration: none !important; border: none !important; background: none !important; } #card2_products_open .prod_descript { float: left; padding-right: 12px; } /* #card2_products_open .prod_descript a:hover { background: url(../images/background/underline_a.gif) left bottom repeat-x; text-decoration: none; _text-decoration: underline; _background: none; } changed to solid underline mf5-24-07 */ #card2_products_open .prod_descript a:hover { text-decoration: underline; _text-decoration: underline; _background: none; } #card2_products_open p.disclaimer { color: #555942; font-size: .8em; line-height: 1em; } #card2_products_open .products { } #card2_products_open .products .prod_item a { color: #332; text-align: center; } #card2_products_open ul li { background: url(../images/content/bullet3.gif) 0px 5px no-repeat; } #card2_products_open .products .prod_item a img { text-decoration: none;} #card2_products_open .products .prod_item a:hover img, #card2_products_open .products .prod_item a:hover { text-decoration: none; color: #4986AC; } #card2_products_open .products .prod_item_model a { color: #332; text-align: center; } #card2_products_open .products .prod_item_model a img { text-decoration: none; } #card2_products_open .products .prod_item_model a:hover img, #card2_products_open .products .prod_item_model a:hover { text-decoration: none; color: #4986AC; } #card2_products_open ul.h_list1 li { background: none; } #card2_products_open b.main_btn { background: #e6e6e6 url(../images/background/product_btn_left_white.gif) top left no-repeat; font-weight: normal; } #card2_products_open b.main_btn em { background: #e6e6e6 url(../images/background/product_btn_right_white.gif) top right no-repeat; font-style: normal; font-weight: bold; text-transform: uppercase; color: #fff; } #card2_products_open b.main_btn a { color: #fff; font-size: 1em !important; font-family: Arial, Helvetica, sans-serif !important; } #card2_products_open b.main_btn a:hover { text-decoration: none !important; border: none !important; background: none !important; } #content #card2_products_open .form label b { font-weight: normal; } #content #card2_products_open .form select { background: #ccc !important; border: none !important; color: #2e2300 !important; } #content #card2_products_open .form label.input_small input { background: none !important; } #content #card2_products_open .form label.input_small em { font-style: normal; } #card2_products_open .prod_item a { color: #332; } #card2_products_open .prod_item a:hover { text-decoration: none; color: #4986AC; } #card2_products_open .products .prod_item .prod_header { font-size: 1.3em; } #card2_products_open .products .prod_item .text_link { font-size: 1.1em; font-weight: normal !important; } #card2_products_open .prod_disclaim p { text-align: center; } #card2_products_open .round_spiff a { text-decoration: none; color: #332 !important; } #card2_products_open .round_spiff a .text_link { font-weight: bold; } #card2_products_open .round_spiff a:hover { color: #4986AC !important; } /* #card3_style_open .prod_descript a:hover { background: url(../images/background/underline_a.gif) left bottom repeat-x; text-decoration: none; _text-decoration: underline; _background: none; } changed to solid underline mf5-24-07 */ #card3_style_open .prod_descript a:hover { text-decoration: underline; _text-decoration: underline; _background: none; } #card3_style_open .prod_descript a.cont_img:hover { background: none !important; } #card3_style_open .prod_descript a.cont_img .caption { color: #332; } #card3_style_open .prod_descript a.cont_img:hover .caption { color: #4986AC; } #card3_style_open #menu .menu_item h1 a { color: #332; } #card3_style_open #menu .menu_item h1 a:hover { background: none; } #card3_style_open b.main_btn { background: #b7aba4 url(../images/background/style_btn_left_white.gif) top left no-repeat; font-weight: normal; } #card3_style_open b.main_btn em { background: #b7aba4 url(../images/background/style_btn_right_white.gif) top right no-repeat; font-style: normal; font-weight: bold; text-transform: uppercase; } #card3_style_open b.main_btn a { color: #fff; font-size: 1em !important; font-family: Arial, Helvetica, sans-serif !important; } #card3_style_open b.main_btn a:hover { text-decoration: none !important; border: none !important; background: none !important; } #card3_style_open ul li { background: url(../images/content/bullet3.gif) 0px 5px no-repeat; } #card3_style_open p.disclaimer { font-size: .9em; line-height: 1.2em; } #card3_style_open .prod_descript .caption { font-size: .9em; line-height: 1.2em; } /* added by SH 2-8-07 */ #ftf_form .errormsg {width:260px !important;} #card3_style_open #ftf_form input, #card3_style_open #ftf_form textarea {color:#333322; background-color:#FFFFFF; border:0px solid #B3C095 !important; width:274px;} #card2_products_open #ftf_form input, #card2_products_open #ftf_form textarea {color:#333322; background-color:#CCCCCC; border:0px solid #999999 !important; width:274px;} #ftf_form textarea { height:90px; padding:3px; margin-bottom:2px;} #ftf_form h4 { padding:0px 0px 6px 0px;} #ftf_form p.disclaimer { margin:0; padding:0px 0px 15px 0px; } #ftf_form p.form_input { margin:0; padding:0px 0px 5px 0px; } #ftf_form p.form_btns { margin:0px 0px 15px 0px !important; padding:0px 0px 5px 0px !important; } .send_confirm {color:#4986AC !important; font-weight:bold; padding:0px 0px 20px 0px;} /* END :: added by SH 2-8-07 */ #card4_service_closed, #card4_service_open { color: #fff; } #card4_service_closed h1, #card4_service_open h1 { color: #fff; } #card4_service_open .main_nav h1, #card4_service_closed .main_nav h1 { color: #e6e6e6; } #card4_service_closed .main_nav a, #card4_service_open .main_nav a { color: #e6e6e6; } #card4_service_closed a:hover, #card4_service_open a:hover { color: #4986ac !important; } #card4_service_closed .spiff p a:hover { text-decoration: none; } #card4_service_open .main_nav a.on { color: #4986ac !important; } #content #card4_service_open #service_content h2 { color: #fff; font-size: 1.3em; } #content #card4_service_open #service_content h3 { color: #4986ac; font-size: 1.2em; font-weight: bold; } #content #card4_service_open #service_content h3.times { color: #fff; } #content #card4_service_open #service_content h3 a:hover { text-decoration: none; } #content #card4_service_open #service_content h4 { font-weight: bold; font-size: 1em; } #content #card4_service_open #service_content h4.date { color: #4986ac; } #content #card4_service_open #service_content h4 .light { font-weight: normal !important; } #content #card4_service_open #service_content h5 { font-weight: bold; color: #fff; font-size: 1em; } #content #card4_service_open #service_content p { color: #fff !important; } #content #card4_service_open #service_content p.disclaimer { font-size: .9em; line-height: 1.2em; color: #939799 !important; } #content #card4_service_open #service_content strong { font-weight: normal;} #content #card4_service_open #service_content a { color: #4986ac;} /* #content #card4_service_open #service_content a:hover { background: url(../images/background/underline_a.gif) left bottom repeat-x; text-decoration: none; _text-decoration: underline; _background: none;} Changed to solid underline mf5-24-07 */ #content #card4_service_open #service_content a:hover { text-decoration: underline; _text-decoration: underline; _background: none;} #content #card4_service_open #service_content p.main_btn a:hover { background: none !important; text-decoration: none !important; border-bottom: none !important; color: #fff; } #content #card4_service_open table.hours { float: left; clear: none; } #content #card4_service_open table.hours td { color: #fff !important; padding: 0px 16px 3px 0px !important; } #content #card4_service_open #service_content table h1 { color: #fff !important; } #content #card4_service_open #service_content table td.steps_highlight { background: #7b7163; color: #fff !important; border-bottom: 5px solid #221b04 !important; } #content #card4_service_open .form label b { font-weight: normal; } #content #card4_service_open .form select { background: #ccc !important; border: none !important; color: #2e2300 !important; } #content #card4_service_open .form label.input_small input, #content #card4_service_open label input.small { background: none !important; } #content #card4_service_open .form label.input_small em { font-style: normal; } #content #card4_service_open #service_content table td.steps_highlight b { line-height: 1.5em; } #content #card4_service_open #service_content table td.steps_highlight strong { font-weight: normal; line-height: 1.5em; } #content #card4_service_open .offer .coup_info h4 { line-height: 1.7em; } #content #card4_service_open .offer .coup_info p { line-height: 1.6em; } #content #card4_service_open #service_content ul li { background: url(../images/background/bullet.gif) 0px 6px no-repeat; } #content #card4_service_open a.actions { color: #fff !important; background: url(../images/content/arrow_4.gif) 0px 0px no-repeat; font-weight: bold;} #content #card4_service_open a.actions:hover { border: none !important; text-decoration: none !important; } #content #card4_service_open .actions a { color: #fff !important; background: url(../images/content/arrow_4.gif) 0px 0px no-repeat; font-weight: bold; } #content #card4_service_open a.actions:hover { color: #4986ac !important; text-decoration: none; background: url(../images/content/arrow_4.gif) 0px 0px no-repeat !important; text-decoration: none; } #content #card4_service_open .actions a:hover { color: #4986ac !important; text-decoration: none; text-decoration: none !important; } /*#content #card4_service_open #epointments .calendar table { background: #deb; border: 1px solid #fff !important; } #content #card4_service_open #epointments .calendar table thead h1 { color: #332 !important; background: none; } #content #card4_service_open #epointments .calendar table thead a { color: #332 !important; } #content #card4_service_open #epointments .calendar table tbody { background: #fff; } #content #card4_service_open #epointments .calendar table tbody td { border-top: 1px solid #fff; border-bottom: 1px solid #deb; } #content #card4_service_open #epointments .calendar table tbody td a { color: #666 !important; background: none !important; } #content #card4_service_open #epointments .calendar table tbody td a:hover { background: none !important; text-decoration: underline; } #content #card4_service_open #epointments .calendar table tbody td a.off { color: #ccc !important; cursor: default !important; } #content #card4_service_open #epointments .calendar table tbody td a.off:hover { text-decoration: none; } #content #card4_service_open #epointments .calendar table tbody td.current { background: #fff url(../images/background/td_bg_on.gif) center no-repeat !important; } #content #card4_service_open #epointments .calendar table tbody td.current a { color: #fff !important; } #content #card4_service_open #epointments .calendar table tbody td.selected { background: #fff url(../images/background/td_bg_on2.gif) center no-repeat !important; } #content #card4_service_open #epointments .calendar table tbody td.selected a { color: #fff !important; }*/ #epointments h1 { background-color: #7b7163 !important; display: block; height: 22px; } #epointments h1.on { background-color: #7b7163 !important; color: #fff; display: block; height: 22px; } #epointments h1.done { background-color: #7b7163 !important; color: #221b04; display: block; height: 22px; } #content #card4_service_open #epointments .section p strong { color: #4986ac !important; } #content #card4_service_open #epointments .time_option .time_slot em { font-style: normal; } #content #card4_service_open #epointments .time_option .time_slot b { background: url(../images/content/arrow_4.gif) left no-repeat; font-weight: normal; } #content #card4_service_open #service_content #epointments p.status {color: #4986ac !important; font-size: 1.2em; font-weight: bold;} #content #card4_service_open #epointments #register_section h2 { font-weight: bold;color: #fff; } #content #card4_service_open #epointments #register_section .already_register { border-left: 1px solid #666; } #content #card4_service_open #epointments #register_section .already_register b a { background: url(../images/content/arrow_4.gif) left no-repeat; } #content #card4_service_open #epointments #register_section .already_register b a:hover { text-decoration: none; } #content #card4_service_open #epointments #register_section .already_register b.main_btn a { background: none; } #content #card4_service_open #epointments #register_section label em { font-style: normal; } #content #card4_service_open #epointments #register_section .disclaimer { font-size: .9em; } #content #card4_service_open #epointments #register_section table.dob_text td {color:#FFFFFF;text-align:left;} #content #card4_service_open .required { color: #e43000; } #content #card4_service_open .important { color: #4986ac; } #content #card4_service_open #epointments #register_section .already_register a { color: #fff; } #content #card4_service_open #mapquest_map table td { color: #fff !important; } #card4_service_open b.main_btn { background: #221b04 url(../images/background/service_btn_left_white.gif) top left no-repeat; font-weight: normal; } #card4_service_open b.main_btn em { background: #221b04 url(../images/background/service_btn_right_white.gif) top right no-repeat; font-style: normal; font-weight: bold; text-transform: uppercase; } #card4_service_open b.main_btn a { color: #fff !important; font-size: 1em !important; font-family: Arial, Helvetica, sans-serif !important; } #card4_service_open b.main_btn a:hover { text-decoration: none !important; background: none !important; border: none !important; color: #fff !important; } #card4_service_open b.main_btn.red { background: #221b04 url(../images/background/service_btn_left_red.gif) top left no-repeat; font-weight: normal; } #card4_service_open b.main_btn.red em { background: #221b04 url(../images/background/service_btn_right_red.gif) top right no-repeat; font-style: normal; text-transform: uppercase; font-weight: bold; } #card4_service_open b.main_btn.red a { color: #fff; font-size: 1em !important; font-family: Arial, Helvetica, sans-serif !important; } #card4_service_open b.main_btn.red a:hover { text-decoration: none !important; border: none !important; background: none !important; } #content #logo .no_logo h2, #content #logo .eye_logo h2, #content #logo .inde_logo h2, #content #logo .lens_logo h2 { color: #fff; font-weight: normal; font-size: 1.3em; } #content #logo .no_logo p, #content #logo .eye_logo p, #content #logo .inde_logo p, #content #logo .lens_logo p { color: #fff; } #content #logo .no_logo em, #content #logo .eye_logo em, #content #logo .inde_logo em, #content #logo .lens_logo em { font-style: normal; color: #4986ac; } #content #logo .eye_logo h1 { background: url(../images/background/EYEXAM_header.gif) left no-repeat; } #content #logo .eye_logo h1 b { position: relative; left: -9999px; } #content #logo .inde_logo h1 { background: url(../images/background/Independent_header.gif) left no-repeat; } #content #logo .inde_logo h1 b { position: relative; left: -9999px; } #content #logo .lens_logo h1 { background: url(../images/content/service_logo.gif) left no-repeat; } #content #logo .lens_logo h1 b { position: relative; left: -9999px; } .spiff .text_link { font-weight: bold; line-height: 1.2em !important; } .spiff a { color: #332 !important; } .spiff a:hover { color: #4986AC !important; text-decoration: none !important; } .spiff .text_link p.disclaimer { font-size: .9em; line-height: 1.2em; } #spiff_card4 .spiff a { color: #e6e6e6 !important; } #spiff_card4 .spiff a:hover { color: #4986ac !important; } #footer { } #footer ul.main { border-bottom: 1px solid #ccc; } #footer ul li { font-size: .9em; } #footer ul.main li a { color: #332; font-weight: bold; } #footer ul.main li a:hover { color: #4986AC; text-decoration: none; } #footer ul.small li, #footer ul.small li a { color: #666; } #footer ul.small li a:hover { color: #4986AC; text-decoration: none; }