#container{ width:950px; text-align:left; margin:0 auto; } #container > #header{ height:auto; } #container > #page{ height:auto; min-height:603px; } #header{ position:relative; height:1px; /* needed for IE6 */} #logo{ background:url(/images/zavers_consumer/logo.png) no-repeat; width:102px; height:134px; position:absolute; left:73px; bottom:19px; z-index:5; } #sign_in{ float:right; width:400px; padding-top:4px; margin:0 8px 20px 0; } #header > #sign_in{ margin-right:17px; } #sign_in_button{ float:right; margin-top:-.4em; } #sign_in p{ float:right; text-align:right; margin-right:.5em; line-height:1.1em; } #sign_in p a{ font-size:smaller; color:#252524; text-decoration:underline; } #user_message{ background:url(/images/zavers_consumer/welcome_tab.png) no-repeat; float:right; width:1px; margin-right:10px; text-align:right; white-space:nowrap; } #header > #user_message{ width:auto; margin-right:21px; } #user_message .inner{ height:69px; background:url(/images/zavers_consumer/welcome_tab_corner.png) right top no-repeat; padding:9px 28px 0; } #user_message > .inner{ height:auto; min-height:69px; } welcome_message{ font:1.3em/1.2 "Trebuchet MS"; color:#5562c3; } #message_actions{ font-size:smaller; } .message_savings{ clear:both; color:#333333; margin-top:.75em; font:1.15em/1.2 "Trebuchet MS"; } .message_savings .amount{ color:#18b408; font-weight:bold; } .message_savings.bottom{ margin-top:.25em; padding-bottom:.5em; } #nav{ height:70px; width:100%; background:url(/images/zavers_consumer/page_header.gif) left bottom no-repeat; list-style:none; } #header #nav ul{ height:37px; width:436px; position:relative; margin-left:237px; } #header #nav li{ float:left; font-family:Myriad,Trebuchet MS,Verdana,Arial,sans-serif; font-size:102%; font-weight:bold; margin:0; border-left:1px solid #bbb; border-bottom:none; } #header #nav a{ height:17px; float:left; display:block; padding:12px 9px 8px 9px; color:#777; text-decoration:none; } #header #nav a:hover{ background:#f4f1ef; } #nav li.last_button{ border-right:1px solid #ccc; } #nav li.current{ height:17px; color:#fff; background:url(/images/zavers_consumer/nav_current.png) repeat-x; padding:12px 9px 8px 9px; } #search{ float:right; position:absolute; bottom:41px ; right:20px; color:#919090; margin-top:10px; } #search p{ position:relative; } #search input{ float:left; margin-right:3px; } #terms{ color:#919090; width:157px; height:18px; border:none; background:url(/images/zavers_consumer/search_field.png) no-repeat; padding:0 4px; } #search label{ position:absolute; z-index:3; top:4px; left:4px; font-size:85%; } #search label.access{ left:-1000em; } #page{ position:relative; background:#fcfcfc url(/images/zavers_consumer/page_body.gif) repeat-y; text-align:center; height:603px; } #page_body_inner{ position:relative; width:907px; margin:0 auto; padding-bottom:22px; z-index:5; text-align:left; } #page #subnav { font-size: 90%; font-family:"Trebuchet MS"; position:relative; float:right; line-height:normal; } #page #subnav ul { margin:0; padding:0; list-style:none;} #page #subnav li { float:right; margin:0; padding:0; background:url(/images/zavers_consumer/subnav/subnav_right.gif) no-repeat right top;} #page #subnav a { display:block; background:url(/images/zavers_consumer/subnav/subnav_left.gif) no-repeat left top; padding:5px 15px; } #page #subnav #current { background:url(/images/zavers_consumer/subnav/subnav_right_selected.gif) no-repeat right top;} #page #subnav #current a { background:url(/images/zavers_consumer/subnav/subnav_left_selected.gif) no-repeat left top; } #page #subnav a.img {padding: 3px 15px 4px;} #page #subnav a span.comment{ display:inline-block; width:14px; height:14px; background:url(/images/zavers_consumer/comment.png) no-repeat; } #page #subnav a span.refer{ display:inline-block; width:16px; height:14px; background:url(/images/zavers_consumer/refer_a_friend.gif) no-repeat; } #content{ float:right; width:689px; border:1px solid #d2d2d2; background:url(/images/zavers_consumer/content_bg.png) repeat-y; } #content_inner{ padding:14px 12px; } #content p,#content li{ line-height:1.4; } #content p a{ text-decoration:underline; } /* Page Specific Styles */ /* Home Page*/ .p_home #home_flash_container{ border:1px solid #d3d3d3; margin-bottom:12px; position:relative; width:687px; height:274px; } .p_home #home_flash_container *{ display:block; } .p_home #home_flash{ position:relative; z-index:10; } .p_home #home_flash_alt{ position:absolute; left:0; top:0; z-index:1; } .p_home #content{ border:none; background:none; } .p_home #content_inner{ padding:0; } .p_home h2,.p_home h3{ margin:0; } .p_home .box{ width:325px; margin:0; padding:0; } .p_home .boxes .first{ margin-right:33px; } .flash_alt { position: absolute; left: -1000em; } .box{ float:left; width:312px; background:url(/images/zavers_consumer/partial_box.gif) no-repeat; margin-top:20px; padding-bottom:50px; } .boxes .first{ margin-right:40px; } .box .inner{ padding:13px 0 0 22px; } .box h3{ border-bottom:1px solid #fe6100; font-size:153.9%; line-height:1.3; margin-left:0; } .box p{ margin-top:5px; } .box .o_list li{ list-style:decimal; list-style-position:inside; } .box .u_list li{ list-style:disc; list-style-position:inside; } #featured h2{ font-weight:normal; font-size:153.9%; line-height:1.6; padding-top:.2em; } #featured #featured_carousel{ height:154px; background:#fff url(/images/zavers_consumer/carousel_top.png) repeat-x; border:1px solid #d4d4d4; border-width:0 1px 1px; position:relative; } #featured > #featured_carousel{ height:135px; } #featured #featured_carousel .carousel-clip-region{ top:5px; } #featured_carousel #prev_arrow{ width:38px; height:47px; position:absolute; left:10px; top:50%; margin-top:-23px; background:url(/images/zavers_consumer/carousel_arrows.png) left top no-repeat; } #featured_carousel #next_arrow{ width:38px; height:47px; position:absolute; right:10px; top:50%; margin-left:10px; margin-top:-23px; background:url(/images/zavers_consumer/carousel_arrows.png) right top no-repeat; } #featured_carousel .carousel-list li{ padding-left:25px; padding-right:25px; } #featured_carousel .coupon_container{ margin-bottom:0; padding-bottom:0; } #featured_carousel li .coupon_container .body{ text-align:center; } /* END HOME PAGE*/ /* FORM FIELD PAGES*/ .form_box{ background:#fff; border:1px solid #d2d2d2; font-size:93%; margin-bottom:8px; } .form_box p{ margin:1em 1em 0; } .form_box dl{ padding:20px 0 8px; } .form_box dt{ margin:.15em 1% 0; float:left; clear:left; text-align:right; width:17%; } .form_box dd{ float:left; width:81%; margin-bottom:17px; } .form_box dd input,.form_box dd textarea{ border-top:1px solid #949494; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-left:1px solid #949494; } .form_box dd textarea{ overflow:auto; } .form_box dd small{ color:#aaa; } .form_box fieldset p{ clear:both; } .form_box fieldset input{ float:left; border:none; } .form_box fieldset p span{ float:left; margin:0 0 1em 5px; } .form_box fieldset.legend{ border:1px solid #d2d2d2; border-width:1px 0 0 1px; margin-bottom:22px; margin-right:22px; } .form_box fieldset.legend legend{ color:#565656; margin-left:11px; padding:0 1em; font-style:italic; } .form_box .button_wrapper { width:100%; padding-left:177px; clear:both; } .form_box .button_wrapper input { border: none; padding-right:3px; } /* END FORM FIELD PAGES*/ /* CATALOG PAGES*/ .selector-container{ height:2em; padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #b4b4b4; } .selector-container-bottom{ height:2em; padding-top:12px; margin-bottom:12px; border-top:1px solid #b4b4b4; } .selector{ position:relative; float:left; z-index:100; border:1px solid #b1b1b1; margin-right:1em; cursor:pointer; } .selector p{ background:#ececec url(/images/zavers_consumer/selector_bg.png) right top repeat-x; padding:1px 30px 1px 4px; color:#474747; } .selector ul{ position:absolute; width:100%; border:1px solid #b1b1b1; border-width:1px 1px 2px 1px; left:-1px; background:#fff; } .selector ul a{ display:block; padding:.5em .5em; color:#000; } .selector ul a:focus,.selector ul a:hover{ background:#1ab509 url(/images/zavers_consumer/green_highlight_bg.png) repeat-x; color:#fff; cursor:pointer; } .filter { float: left; } .filter h1 { font-weight: bolder; font-size: 1.1em; } .filter.right { margin-left: 25px; } .filter ul { margin: 0; padding: 0; } .filter ul li{ display: inline; float:left; background:url(/images/zavers_consumer/list_separator.gif) left center no-repeat; padding: 0 5px;} .filter ul li.first{ background:none; padding-left: 0;} .filter ul li a { text-decoration: underline; } .filter.sort_by_newest li.newest a, .filter.sort_by_value li.value a, .filter.sort_by_expiration li.expiration a, .filter.per_page_12 li.per_page_12 a, .filter.per_page_24 li.per_page_24 a, .filter.per_page_999 li.per_page_999 a { text-decoration: none; color: #666;} .pager{ float:right; } .pager a.button,.pager span.button{ background:url(/images/zavers_consumer/pager.png) no-repeat; } .pager a.beginning,.pager span.beginning,.pager a.previous,.pager span.previous,.pager a.next,.pager span.next,.pager a.end,.pager span.end{ float:left; width:18px; height:18px; margin:0 .2em; } .pager a.beginning{ background-position:0 top; } .pager a.previous{ background-position:-18px top; } .pager a.next{ background-position:-36px top; } .pager a.end{ background-position:-54px top; } .pager span.beginning{ background-position:0 -18px; } .pager span.previous{ background-position:-18px -18px; } .pager span.next{ background-position:-36px -18px; } .pager span.end{ background-position:-54px -18px; } .pager ul{ float:left; margin:0 .5em; } .pager li{ float:left; background:url(/images/zavers_consumer/list_separator.gif) left center no-repeat; } .pager .pages li.first{ background:none; } .pager li a,.pager li span{ float:left; height:1.5em; line-height:1.5em; padding:0 .4em; text-decoration:underline; } .pager li span{ font-weight:bold; } .pager li span.current{ text-decoration:none; font-weight:normal; } #coupon_list{ margin:10px 0; position:relative; } #coupon_list h2{ font-size:138.5%; margin:0 0 10px 14px; } #coupon_list .first{ margin-left:0; } .coupon_container{ float:left; padding-bottom:14px; position:relative; margin:0 0 9px 9px; } .coupon{ background:url(/images/zavers_consumer/coupon_top.png) left top no-repeat; width:212px; text-align:center; position:relative; } .coupon .body{ position:relative; top:8px; width:196px; margin:0 0 0 10px; height:100px; text-align:left; padding-bottom:33px; } .coupon > .body{ height:auto; min-height:75px; } .coupon .image{ width:97px; height:82px; float:right; margin-top:4px; text-align:right; } .coupon p{ float:left; width:97px; clear:left; color:#000; } .coupon h3.save{ font-size:123.1%; line-height:1; font-weight:bold; font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana; color:#26a024; margin-left:0; position:relative; } .coupon h3.save sup{ position:relative; vertical-align:top; top:5px; left:1px; font-size:77%; border-bottom:1px solid #93D092; } .coupon p.product,#content .coupon p.product{ font-weight:normal; font-size:100%; line-height:1; } .coupon p.product_strong,#content .coupon p.product_strong{ font-weight:bold; font-size:100%; line-height:1; } .coupon p.text,#content .coupon p.text{ font-weight:normal; font-size:85%; line-height:1.2; } .coupon p.text_strong,#content .coupon p.text_strong{ font-weight:bold; font-size:85%; line-height:1.2; } .coupon p.expires, .rollover p.expires{ font-size:77%; color:#9a9a9a; font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Arial; margin-top:5px;} #content .coupon p.retailer{ font-size:77%; font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Arial; color:#9a9a9a; line-height:1; margin-top:4px; } .coupon_container div.buttons{ width:185px; height:37px; left:20px; position:relative; } .coupon_container .more{ position:absolute; width:21px; height:27px; left:0; top:7px; background:url(/images/zavers_consumer/more.png) center bottom no-repeat; margin-right:12px; } .coupon_container .share{ position:absolute; width:26px; height:27px; left:25px; top:7px; background:url(/images/zavers_consumer/share.png) center bottom no-repeat; margin-right:12px; } .coupon_container .delete{ position:absolute; width:27px; height:28px; left:25px; top:6px; background:url(/images/zavers_consumer/delete.png) center bottom no-repeat; } .coupon_container .save_it{ width:99px; height:37px; background:url(/images/zavers_consumer/zavers_save_it.png) right center no-repeat; z-index:50; position:absolute; top:0; right:0; } .coupon_container .saved{ position:absolute; right:0; top:0; width:93px; height:37px; z-index:50; } .coupon_container .saved.background{ background:url(/images/zavers_consumer/zavers_saved.png) right center no-repeat; } .coupon_container .saved_shield{ /* prevents save link from being re-clicked */ position:absolute; right:0; top:0; width:93px; height:37px; z-index:100; } .coupon_container .clear{ height:0; line-height:0; } .coupon_container .bottom{ background:url(/images/zavers_consumer/coupon_bottom.png) left bottom no-repeat; width:212px; height:40px; position:absolute; left:0; bottom:0; } .rollover{ position:absolute; z-index:200; width:424px; text-align:right; } .rollover .header{ min-height:27px; width:424px; color:#fff; text-align:left; } .rollover .header h2{ font-family:Verdana; font-size:138.5%; font-weight:bold; padding:5px 10px; margin:0 !important; } .rollover .body{ text-align:left; padding:10px 0; } .rollover .content{ padding:0 10px; float:left; width:265px; font-family:"Trebuchet MS"; color:#4f4f50; line-height:1.2; } .rollover .content .text{ /*margin-bottom:9px; */font-size:85%; } .rollover .content .product{ margin-bottom:9px; font-weight:normal; } .rollover .content .product_strong{ margin-bottom:9px; font-weight:bold; } .rollover .content .tagline{ margin-bottom:9px; font-weight:normal; } .rollover .content .tagline_strong{ margin-bottom:9px; font-weight:bold; } .rollover .content .text{ font-size:85%; } .rollover .sidebar{ float:right; width:100px; text-align:center; margin-right:30px;} .rollover .sidebar .inner{ padding:3px; margin-bottom:13px; } .rollover .sidebar a{ font-family:Arial; font-size:85%; text-decoration:underline; display:block; } .rollover .footer{ height:20px; text-align:left; margin:0 auto 0 0;} /* Right Callout Rollover Style */ .rollover.roll_right .header { background:url(/images/zavers_consumer/rollover_background.png) -426px 0 no-repeat;} .rollover.roll_right .body { background:url(/images/zavers_consumer/rollover_background.png) -426px -250px no-repeat;} .rollover.roll_right .footer { background:url(/images/zavers_consumer/rollover_background.png) -426px bottom no-repeat;} /* Left Callout Rollover Style */ .rollover.roll_left .header { background:url(/images/zavers_consumer/rollover_background.png) 0 0 no-repeat;} .rollover.roll_left .header h2 { padding: 5px 35px;} .rollover.roll_left .body { background:url(/images/zavers_consumer/rollover_background.png) 0 -250px no-repeat; padding-left:25px;} .rollover.roll_left .body .sidebar { margin-right:5px; } .rollover.roll_left .footer { background:url(/images/zavers_consumer/rollover_background.png) 0 bottom no-repeat; padding-left:25px;} div.learn_more_image{text-align:center; width:90%; } .learn_more_image .player{ padding:5px; } div.learn_more_media{ float:right; padding-left:3px; } .learn_more_media .icons{ text-align:right; width:30px; } .learn_more_media .audio{ padding:3px; } .learn_more_media .video{ padding:3px; } .learn_more_media .picture{ padding:3px; } .display-on-print{ position:absolute; left:-1000em; } /* END CATALOG PAGES*/ /* FAQ PAGE*/ .faq_top {padding-bottom:15px; margin: 0 10px;} .faq ul.faq_top{ font-weight:bold; margin-bottom:15px;} .faq ul.faq_top li{padding-bottom:10px; margin: 0 10px;} .faq ul.faq_top li a {text-decoration:underline !important;} .faq_section {font-size:16px; font-weight:bold; border-bottom:1px dotted #D2D2D2; padding: 5px 0; margin: 0 10px;} .faq_goto_top {text-align:right;} .faq ol.faq_list li{ font-family:"Trebuchet MS"; list-style:decimal; cursor:pointer; margin:10px 10px 10px 50px; } .faq ol.faq_list p.question{ display:inline; color:#474AB4; font-size:108%; } .faq ol.faq_list .answer{ padding:5px 0px 5px 8px; font-size:93%; } .faq ol.faq_list .answer p{ padding-bottom:5px; } /* END FAQ PAGE*/ /* MY ACCOUNT PAGE*/ .p_my_account .my_account_box,.p_my_account .my_account_totals_box{ background:#fff; border:1px solid #d2d2d2; font-size:93%; } .p_my_account .my_account_box{ padding:10px 0 8px; } .p_my_account .my_account_box,.p_my_account #content .my_account_box p{ line-height:1.2; } .p_my_account .column_1{ margin-left:0px; width:318px; float:left; padding:0 31px 10px 0; border:1px solid #c4c4c4; border-width:0 1px 0 0; } .p_my_account .column_2{ float:left; width:239px; margin-left:31px; } .p_my_account .column h3{ margin:26px 0 6px 0; clear:both; } .p_my_account .column h3.first{ margin-top:0; } .p_my_account .column dl{ padding:11px 0; } .p_my_account .column dt{ margin:0 10px 17px 6px; float:left; clear:left; text-align:right; } .p_my_account .column_1 dt{ width:110px; } .p_my_account .column dd{ float:left; margin-bottom:17px; } .p_my_account .column dd input{ border-top:1px solid #949494; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-left:1px solid #949494; } .p_my_account .column dd small{ color:#aaa; } .p_my_account .column_1 dd,.p_my_account .column_1 dd input{ width:165px; } .p_my_account fieldset{ padding:10px 18px 8px; } .p_my_account fieldset p{ margin-bottom:1em; clear:both; } .p_my_account fieldset input{ float:left; } .p_my_account fieldset p span{ float:right; width:252px; margin:0 0 1em 11px; } .p_my_account .my_account_totals_box .table_container{ margin:10px; } .p_my_account table{ width:100%; } .p_my_account th,.p_my_account td{ text-align:right; padding:3px 0 5px; background:url(/images/zavers_consumer/sum_bg.png) left bottom repeat-x; } .p_my_account td{ font-weight:bold; padding-left:4px; } .p_my_account .total td{ color:#18b408; } .p_my_account .total td,.p_my_account .total th{ background:none; } .p_my_account .cards li{ margin:11px 10px; padding-bottom:11px; background:url(/images/zavers_consumer/sum_bg.png) left bottom repeat-x; } .p_my_account #content .cards a{ text-decoration:none; } .p_my_account .cards a.delete{ float:right; font-size:smaller; background:transparent url(/images/zavers_consumer/delete_icon.png) no-repeat scroll right center; padding:2px 24px 2px 0; } .p_my_account .cards a.delete:focus,.p_my_account .cards a.delete:hover{ color:#171A84; } .p_my_account div.add{ text-align:right; font-size:smaller; margin:0 10px 10px 0; height:20px; line-height:20px; text-decoration:none; background:url(/images/zavers_consumer/add_icon.png) right center no-repeat; } .p_my_account div.add a{ text-decoration:none; vertical-align: middle; padding: 3px 24px 6px 3px; } .p_my_account div.add a:hover{ color: #171A84; } .p_my_account form { padding-top: 10px; margin-left: 15px;} .p_my_account form h3.mobile {border-bottom: 1px solid #ddd; margin-bottom: 10px; margin-left: 0;} .p_my_account form h4 {margin: 25px 0 15px 0; color: grey; font: 1.1em "Trebuchet MS", sans-serif;} .p_my_account form p {color: grey; padding-bottom: 20px;} .p_my_account form a {text-decoration: none;} .p_my_account dt {color: grey;} .p_my_account dd {padding: 5px 0 10px 0;} .p_my_account #messaging_preferences #phone_number { float: left; margin-right: 15px;} .p_my_account form .buttons {margin-left: 0;} .p_my_account h2 {margin-bottom: 9px;} .p_my_account .my_account_box .mailing_zip {padding-bottom:0; margin-bottom:0;} #messaging_preferences input, #messaging_preferences textarea, #messaging_preferences select {font-family: "MS Trebuchet", sans-serif;} #account_tabs{float:left;width:100%;background:#F4F4F4;font-size:93%;line-height:normal;border-bottom:1px solid #24618E; margin-bottom: 15px;} #account_tabs ul{margin:0;padding:10px 10px 0 15px;list-style:none;} #account_tabs li{display:inline;margin:0;padding:0;} #account_tabs a{float:left;background:url("/images/tabs/tableftJ.gif") no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none;} #account_tabs a span{float:left;display:block;background:url("/images/tabs/tabrightJ.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#24618E;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #account_tabs a span{float:none;} /* End IE5-Mac hack */ #account_tabs li.active a span{color:#FFF;} #account_tabs a:hover span{color:#FFF;} #account_tabs a:hover{background-position:0% -42px;} #account_tabs li.active a{background-position:0% -42px;} #account_tabs a:hover span{background-position:100% -42px;} #account_tabs li.active a span{background-position:100% -42px;} /* END MY ACCOUNT PAGE*/ /* SHOPPING LIST PAGE*/ #shopping_list #checkbox { width:25px; } #shopping_list #coupon_image { width:60px; } #shopping_list #coupon_info { width:500px; } #shopping_list li { clear:both; padding:10px 0; } #shopping_list input[type="checkbox"] { margin:2px; } #shopping_list input, #shopping_list li div { float:left; } #shopping_list h3 { font-size: 170%; padding-bottom:5px; margin:0 0 10px; clear:both; border-bottom: 1px dotted #777; } #shopping_list h4 { font-size: 120%; padding:15px 0 0; margin:0; clear:both; font-weight:bold; } /* END SHOPPING LIST PAGE*/ /* PRIVACY PAGE*/ .p_text h1.privacy{font-size:182%;margin-bottom:1em;} .p_text h2{font-size:123.1%;margin:2.5em 0 1em;} .p_text #content ul, .p_text #content ol{margin:1em 0 1em 3em;} .p_text #content ul li{ margin:1em 0; list-style:disc;} .p_text #content ol.terms li{ margin:1em 0; list-style:decimal;} .p_text #content ol.terms ul li{ margin:1em 0; list-style:disc;} .p_text #content p{margin:1em 0;} .p_text #content .block_title {text-decoration: underline; font-weight: bold;} /*END PRIVACY PAGE*/ /* CONSUMER LOGIN PAGE*/ .p_login h3 { font-size: 1.5em; text-align: center; margin:0; } .p_login dl { margin-left: 40px; } .p_login dt { font-weight: bold; margin: 0 0 5px 0; width:100%; float:none; text-align:left; } .p_login dd { width: 78%; margin-bottom: 17px; } .p_login dd input { width:225px;} .p_login .form_box { position:relative; height: 250px;} .p_login .column { position:absolute; margin-top: 15px; padding: 10px 5px; width: 50%; height: 75%} .p_login .left { border-right: 1px solid #D2D2D2; } .p_login .right { right:0px; text-align: center; width: 47%;} .p_login .right img { padding: 10px; margin-top: 20px;} .p_login .sign_in { padding-left: 50px; border: none;} .p_login .form_box dd.text { padding-top: 2px; } .p_login .button_wrapper { padding-left:170px; margin-top:5px; } /* END CONSUMER LOGIN PAGE*/ /* CONSUMER SIGNUP PAGE */ .p_signup h3 { font-size: 1.5em; text-align: center; margin:0; padding-bottom: 5px;} .p_signup dl { margin-left: 10px; } .p_signup dt { width: 80px; margin-left: 2%; margin-right: 2%; } .p_signup dd { width: auto; margin-bottom: 17px; } .p_signup .form_box { position:relative; height: 450px; } .p_signup .column { position:absolute; margin-top: 15px; padding: 10px 5px; width: 50%; height: 75%; } .p_signup .left {} .p_signup .right { right:0px; width: 47%; padding-right: 10px; } .p_signup .form_box dd.text { padding-top: 2px; } .p_signup .button_wrapper { padding-left: 220px; } .p_signup li, .p_signup ul { list-style-type: disc !important; list-style-image: none !important; margin-left: 10px !important; } /* END CONSUMER SIGNUP PAGE */ /* CONSUMER NOTIFY_ME PAGE */ .notify_me .notify_me_controls {padding:0; margin:0;} .notify_me .amend_zip_link {width:auto; height:auto; margin:0; padding:0; float:left; color:#474ab4; cursor:pointer;} .notify_me .amend_zip_partial {width:auto;} /* END CONSUMER NOTIFY_ME PAGE */ .activate_mobile .button_wrapper, .edit_address .button_wrapper, .loyalty_card .button_wrapper { text-align:right;} .activate_mobile .button_wrapper input {vertical-align:middle; margin-left:10px;} .edit_address .left { width: 300px; float:left;} .loyalty_card .left { width: 370px; float:left;} .edit_address .right, .loyalty_card .right { float:right;} .loyalty_card .form_box { padding:10px; overflow:auto;} .loyalty_card .form_box h2 { margin-bottom: 14px;} .edit_address .my_account_box p, .loyalty_card .form_box p { margin: 0 0 40px 0;} .loyalty_card .form_box dt { width: 20%;} .loyalty_card .form_box dd { width: 75%;} .activate_mobile #content, .edit_address #content, .loyalty_card #content { float: none; margin: 0 auto; margin-top:20px;} #signup_step { text-align:center; } .activate_mobile #page #subnav, .edit_address #page #subnav, .loyalty_card #page #subnav { display:none; } .loyalty_card #card_explanation { float:right; margin-bottom:22px; width:260px;} .loyalty_card #card_explanation p { width:220px; margin:5px; } .loyalty_card #card_explanation img {width:220px;} .loyalty_card #locations { display:none;} .edit_address .my_account_box, .activate_mobile .my_account_box { margin-bottom:8px; padding:10px;} .edit_address form, .activate_mobile .my_account_box form {margin:0; padding:0;} .activate_mobile #messaging_preferences {margin-bottom:20px;} .edit_address fieldset { border:1px solid #D2D2D2; padding:10px;} .edit_address .my_account_box fieldset p { margin:0;} .edit_mobile #facebox { width:420px; } .edit_mobile #facebox .content { text-align:left; font-weight:normal; width:370px; } .edit_mobile #facebox .content h1 { font-size:1.5em; font-weight:bold; margin-bottom:5px; } .edit_mobile #facebox .content p { margin-bottom:5px; } .edit_mobile #facebox .content .footer { font-size:smaller; } /* ACTIVATION INSTRUCTIONS PAGE */ #map { width: 640px; height: 300px; margin: 10px; border: 1px solid #ccc; } /* END ACTIVATION INSTRUCTIONS PAGE */ /* End Page Specific Styles*/ #sidebar{ width:199px; float:left; border:1px solid #878787; border-width:0 1px 1px; background:#fff; font-size:108%; } #sidebar h3{ color:#252524; font-size:100%; font-weight:bold; border:1px solid #878787; border-width:1px 0; margin:10px 0; background:#eaeae0 url(/images/zavers_consumer/sidebar_h3.gif) left top repeat-x; padding:8px 8px; } #sidebar h3.first{ margin-top:0; } #sidebar h3 span{ padding-right:.75em; background:url(/images/zavers_consumer/sidebar_h3_arrow.gif) right 80% no-repeat; } #sidebar p{ margin:.5em 0 1em 16px; font-weight:bold; font-size:smaller; } #sidebar #my_stores li{ font-size:smaller; margin:1em 0; } #sidebar #my_stores a{ font-weight:bold; } #sidebar li{ margin:.6em 0; padding:0 8px 0 16px; } /* This is odd behaviors that they only want the bullets on the current one instead of treating this like a tree,which was the original intent*/ #sidebar ul.bullets li.current{ background:url(/images/zavers_consumer/bullet_closed.gif) 5px .2em no-repeat; font-weight: bold; } #sidebar ul.bullets li.open{ background:url(/images/zavers_consumer/bullet_open.gif) 5px .25em no-repeat; } #sidebar ul.bullets ul li{ background:none; padding-left:12px; padding-right:0; } #sidebar ul.bullets li { word-wrap: break-word;} #page_body_top{ background:#fff; margin:0 auto; width:946px; height:92px; position:absolute; top:0; left:2px; z-index:1; } #page_body_bottom{ background:#fcfcfc url(/images/zavers_consumer/page_body_bottom.gif) left bottom no-repeat; margin:0 auto; width:946px; height:511px; position:absolute; bottom:0; left:2px; z-index:1; } #footer{ background:url(/images/zavers_consumer/page_footer.gif) no-repeat; height:77px; } #footer{ color:#6d6d6d; text-align:center; margin-bottom:34px; font-family:"Trebuchet MS"; } #footer ul{ padding:20px 20px 10px; font-size:116%; } #footer li{ display:inline; background:url(/images/zavers_consumer/footer_nav_separator.gif) left center no-repeat; } #footer li.first{ background:none; } #footer li a{ padding:5px; margin-left:5px; } #footer p{ line-height:1.6em; } /*New Jquery Carousel Styles */ #my_carousel_container { height:154px; } #my_carousel_container h2{ font-weight:normal; font-size:153.9%; line-height:1.6; padding-top:.2em; } #new_featured { background:#fff url(/images/zavers_consumer/carousel_top.png) repeat-x; border:1px solid #d4d4d4; border-width:0 1px 1px; position:relative; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; } .new_featured_carousel{ height:135px; margin-left: 55px; margin-right: 55px; } .new_featured_carousel li{ padding-left:35px; padding-right:35px; padding-top: 7px; height: 125px; width: 130px;} #prev_arrow{background:transparent url(/images/zavers_consumer/carousel_arrows.png) no-repeat scroll left top;height:47px;text-decoration:none;width:38px;display:block;position:absolute;left:10px;top:50%;margin-top:-23px; z-index: 5;} #next_arrow{background:transparent url(/images/zavers_consumer/carousel_arrows.png) no-repeat scroll right top;height:47px;text-decoration:none;width:38px;display:block;position:absolute;right:7px;top:50%;margin-top:-23px; z-index: 5;}