/* 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: dotted underline; } a:visited { color: #4986AC; text-decoration: none; } img, a img, a:hover img { border: none !important; background: none !important; text-decoration: none; } textarea { border: none !important; color: #666; font-size: 12px; } /************************ DEFAULT :: END * *********************/ .sup { vertical-align: super; font-size: 50% !important; } label.error input, label.error select, label.error textarea { background: #ff0 !important; } .erroroff { display: none; } #card4_service_open .errormsg, #card4_service_open #errortext.errormsg { border: 1px solid #f30; padding: 10px !important; font-size: 1em !important; font-weight: normal !important; margin: 10px !important; display: block; color: #f30 !important; } #card1_home_open #errortext.errormsg, #card2_products_open #errortext.errormsg, #card3_style_open #errortext.errormsg { border: 1px solid #4986AC; padding: 10px; font-size: 1em !important; font-weight: normal !important; width: auto; margin-bottom: 10px !important; display: block; color: #4986AC !important; } #content .main_nav ul { } #content .main_nav ul li { background: none !important; } #content .main_nav ul li a { color: #333322; } #content .main_nav ul li a:hover { text-decoration: none; color: #4986AC; } #content .main_nav ul li a.on { background: url(../images/content/arrow1.gif) 0px 5px no-repeat; color: #4986AC; font-weight: bold; } #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/arrow1.gif) 0px 5px no-repeat; } #content .action_items ul.actions li a:hover { color: #4986AC; text-decoration: none; border: none; } #content .light_border { border-bottom: 1px solid #666; } #content .dark_border { border-bottom: 1px solid #8d8d84; } #card1_home_closed a.link_home { background: url(../images/content/home_logo.gif) left no-repeat; font-size: .1em; } #card1_home_closed a.link_home_hover { background: url(../images/content/home_hover.gif) 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: #4986AC; 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; } #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: #666 !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; } /************************ CUSTOM CHANGES :: START **********************/ #card2_products_open b.main_btn { background: #fff url(../images/background/product_btn_left_white.gif) left no-repeat; font-weight: normal; } #card2_products_open b.main_btn em { background: #fff url(../images/background/product_btn_right_white.gif) right no-repeat; font-style: normal; } #card2_products_open b.main_btn input { color: #332; background: #fff; font-size: 1em !important; font-family: Arial, Helvetica, sans-serif !important; } #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; } /************************ CUSTOM CHANGES :: END **********************/ #card2_products_open .prod_descript { width: 270px; float: left; padding-right: 12px; } #card2_products_open p.disclaimer { color: #555942; font-size: .8em; line-height: 1em; } #card2_products_open .products { margin: 48px 0px; float: left; } #card2_products_open .products .prod_item a { color: #332; cursor: default; 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; cursor: default; } #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; cursor: default; text-align: center; } #card2_products_open .products .prod_item_model a img { color: #332; text-decoration: none; cursor: default; } #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: #fff url(../images/background/product_btn_left_white.gif) left no-repeat; font-weight: normal; } #card2_products_open b.main_btn em { background: #fff url(../images/background/product_btn_right_white.gif) right no-repeat; font-style: normal; } #card2_products_open b.main_btn a { color: #332; 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: #666 !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; } #card2_products_open .prod_disclaim p { text-align: center; } #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; } #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: #fff url(../images/background/style_btn_left_white.gif) left no-repeat; font-weight: normal; } #card3_style_open b.main_btn em { background: #fff url(../images/background/style_btn_right_white.gif) right no-repeat; font-style: normal; } #card3_style_open b.main_btn a { color: #332; 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; } #card4_service_closed, #card4_service_open { color: #e6e6e6; } #card4_service_closed h1, #card4_service_open h1 { color: #E6E6E6; } #card4_service_closed .main_nav a, #card4_service_open .main_nav a { color: #e6e6e6 !important; } #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: #f30 !important; background: url(../images/content/arrow2.gif) 0px 5px no-repeat !important; } #content #card4_service_open #service_content h2 { color: #f30; font-size: 1.2em; } #content #card4_service_open #service_content h3 { color: #f30; font-size: 1.2em; font-weight: normal; } #content #card4_service_open #service_content h4 { font-weight: bold; font-size: 1em; } #content #card4_service_open #service_content h4 .light { font-weight: normal !important; } #content #card4_service_open #service_content h5 { font-weight: bold; color: #f30; font-size: 1em; } #content #card4_service_open #service_content p { color: #e6e6e6 !important; } #content #card4_service_open #service_content p.disclaimer { font-size: .9em; line-height: 1.2em; color: #ccc !important; } #content #card4_service_open #service_content strong { font-weight: normal; color: #f30;} #content #card4_service_open #service_content a { color: #f30;} #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;} #content #card4_service_open #service_content p.main_btn a:hover { background: none !important; text-decoration: none !important; border-bottom: none !important; } #content #card4_service_open table.hours { float: left; clear: none; } #content #card4_service_open table.hours td { color: #e6e6e6 !important; padding: 0px 16px 3px 0px !important; } #content #card4_service_open #service_content table h1 { color: #e6e6e6 !important; } #content #card4_service_open #service_content table td.steps_highlight { background: #565648; color: #e6e6e6 !important; border-bottom: 5px solid #332 !important; } #content #card4_service_open .form label b { font-weight: normal; } #content #card4_service_open .form select { background: #ccc !important; border: none !important; color: #666 !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: #e6e6e6 !important; background: url(../images/content/arrow2.gif) 0px 5px no-repeat; font-weight: bold;} #content #card4_service_open a.actions:hover { border: none !important; text-decoration: none; } #content #card4_service_open .actions a { color: #e6e6e6 !important; background: url(../images/content/arrow2.gif) 0px 5px no-repeat; font-weight: bold; } #content #card4_service_open a.actions:hover { color: #f30 !important; text-decoration: none; background: url(../images/content/arrow2.gif) 0px 5px no-repeat !important; text-decoration: none; } #content #card4_service_open .actions a:hover { color: #f30 !important; text-decoration: none; background: url(../images/content/arrow2.gif) 0px 5px no-repeat !important; 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: #66665d; color: #332; } #epointments h1.on { background: #4986AC !important; color: #fff; } #epointments h1.done { background: #999; color: #332; } #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/arrow2.gif) left no-repeat; font-weight: normal; } #content #card4_service_open #epointments #register_section h2 { font-weight: bold; } #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/arrow2.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 .required, #content #card4_service_open .important { color: #4986AC; } #content #card4_service_open #epointments #register_section .already_register a { color: #e6e6e6; } #content #card4_service_open #mapquest_map table td { color: #e6e6e6 !important; } #card4_service_open b.main_btn { background: #fff url(../images/background/service_btn_left_white.gif) left no-repeat; font-weight: normal; } #card4_service_open b.main_btn em { background: #fff url(../images/background/service_btn_right_white.gif) right no-repeat; font-style: normal; } #card4_service_open b.main_btn a { color: #332 !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: #332 !important; } #card4_service_open b.main_btn.red { background: #4986AC url(../images/background/service_btn_left_red.gif) left no-repeat; font-weight: normal; } #card4_service_open b.main_btn.red em { background: #4986AC url(../images/background/service_btn_right_red.gif) right no-repeat; font-style: normal; } #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 { color: #fff; font-weight: normal; font-size: 1.3em; } #content #logo .no_logo p { color: #fff; } #content #logo .no_logo em { font-style: normal; color: #f30; } .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_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; }