/* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*===============================END CSS RESET==================================*/ /*===============================IMAGE REPLACEMENT==============================*/ .no { letter-spacing : -1000em; } /* Just for Opera, but hide from MacIE */ /*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;} /* End of hack */ /*===================================H1/H2/H3/H4/H5=============================*/ /*===================================LAYOUT=====================================*/ /*=======INDEX PAGE===========*/ body { background:url(/images/index/bg.jpg) top left repeat-x; text-align:center; } #main_wrapper { margin:0 auto; width:961px; padding:0 0 100px 0; } #header { float:left; width:961px; _margin:-4px 0 0 0; } #logo { float:left; width:354px; height:160px; } #nav_top_blank { width:607px; height:52px; float:left; } #nav_bottom_blank { width:607px; height:38px; float:left; } #flash_container { width:961px; height:236px; background:url(/images/index/flash.jpg) top left no-repeat; float:left; } #bottom_content { width:961px; float:left; } #welcome { width:648px; height:154px; float:left; background:url(/images/index/welcome-bg.jpg) top left no-repeat; float:left; } #welcome_text { width:610px; margin:50px 0 0 10px; float:left; } #the_knot { width:313px; height:154px; float:left; } #upcoming_events { width:316px; height:198px; float:left; background:url(/images/index/upcoming-events-bg.jpg) top left no-repeat; } #events_text { width:295px; float:left; margin:45px 0 0 10px; text-align:left; } #monthly_specials { width:332px; height:198px; float:left; background:url(/images/index/monthly-specials-bg.jpg) top left no-repeat; } .small_images { width:60px; height:60px; float:left; margin:0px 10px 0 0px; } .blurb_text_container { width:280px; margin:45px 0 0 20px; } #about_us { width:313px; height:198px; float:left; background:url(/images/index/about-us-bg.jpg) top left no-repeat; } #dotted_line { width:961px; height:1px; float:left; background:url(/images/index/footer.jpg) top left no-repeat; } #footer { width:961px; float:left; margin:10px 0 0 0; } #copyright { margin:0 20px 0 10px; float:left; text-align:left; } #privacy { float:right; margin:0 10px 0 0; text-align:right; } #wedding_guide { margin:10px 0 0 0px; width:161px; text-align:left; } #kcstyle { margin:10px 0; } /*===================================TEMPLATE PAGE========================================*/ #int_body { background:url(/images/includes/int-bg.jpg) top left repeat-x; text-align:center; } #section_header { width:961px; height:175px; float:left; } #left_content { width:320px; float:left; background:url(/images/interior/vertical-dotted-line-stretch.jpg) top right repeat-y; margin:30px 0 0 0; padding:0 0 0px 0; } #left_img { width:242px; height:166px; float:left; margin:25px 0 0 22px; display:inline; } #pink_box { width:245px; float:left; padding:10px; background-color:#fde1ef; border:#edd6e2 solid 1px; margin:20px 0 0 10px; display:inline; } #pink_box_list { font-family:verdana, arial, helvetica; font-size:10px; color:#000; text-decoration:none; line-height:160%; font-weight:normal; text-align:left; } #pink_box_list li { width:245px; float:left; } .hyphen { width:7px; float:left; margin:0 3px 0 0; } .item { width:230px; float:left; } #right_content { width:600px; float:left; text-align:left; } #interior_footer_container { width:961px; float:left; padding:100px 0 0 0; } /*===================================MENUS========================================*/ .single_side_menu { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; list-style-type:none; font-weight:normal; text-align:left; margin:10px 0 0 0; } .bullet { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; list-style-type:disc; font-weight:normal; text-align:left; margin:5px 0 0 15px; } .menu { width:280px; float:left; padding:0 20px 0 0px; font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; list-style-type-none; font-weight:normal; text-align:left; margin:10px 0 0 0; } .price { padding:15px 0 0 0; font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:bold; text-align:left; } .substitutions { padding:0 0 15px 0; font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; text-align:left; font-style:italic; } .menu li { float:left; } .menu_left { width:475px; float:left; text-align:left; padding:5px 0 5px 0; } .menu_right { width:125px; float:left; text-align:left; } .inside_menu { width:425px; float:left; padding:0 0 0 15px; font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; list-style-type-none; font-weight:normal; text-align:left; } /*============================= COMING SOON LOGO =========================================*/ #coming_soon { width:278px; height:54px; padding:15px 0 0 0; } /*============================= BREAKTIME CLASSES =========================================*/ .breaktime_items { width:125px; float:left; padding:0 0; text-align:left; } /*============================= CONTACT US =========================================*/ #form_container { float:left; margin:15px 0 0 0; } /*===================================BUILD QUOTE PAGE========================================*/ .form_break { width:509px; height:1px; margin:20px 0; background:url(/images/interior/dotted-line-break.jpg) top left no-repeat; } .check_row_outter { clear:left; width:100%; margin:0 10px; } .check_row_inner { clear:left; width:100%; margin:0 0 0 40px; } .negative_left_25 { margin: 0 5px 0 -25px } .linen_row { width:509px; } .linen_shape { width:339px; float:left; text-align:left; } .linen_qty { width:70px; float:left; text-align:left; } .linen_color { width:100px; float:left; text-align:left; } .build_quote_sh { color: #f98bc1; font-family: verdana, arial, helvetica; font-size: 15x; font-weight: bold; text-decoration: none; } .form_text { color: black; font-family: verdana, arial, helvetica; font-size: 12px; font-weight: normal;} #quote_btn {margin: 10px 0 0 0;} /*===================================NAV========================================*/ #nav { width:607px; height:70px; float:left; } #left_nav { width:115px; float:left; } #left_nav a { display: block; } #left_nav li { float:left; } #left_nav li a { float:left; } #middle_left_nav { width:170px; float:left; } #middle_left_nav a { display: block; } #middle_left_nav li { float:left; } #middle_left_nav li a { float:left; } #middle_right_nav { width:163px; float:left; } #middle_right_nav a { display: block; } #middle_right_nav li { float:left; } #middle_right_nav li a { float:left; } #right_nav { width:159px; float:left; } #right_nav a { display: block; } #right_nav li { float:left; } #right_nav li a { float:left; } #home a { background: url(/images/index/nav/home.jpg) top left no-repeat; width:115px; height:20px; } #appetizers a { background: url(/images/index/nav/appetizers.jpg) top left no-repeat; width:115px; height:28px; } #hot_dinner a { background: url(/images/index/nav/uldinner.jpg) top left no-repeat; width:115px; height:28px; } #box_lunches a { background: url(/images/index/nav/box-lunches.jpg) top left no-repeat; width:115px; height:22px; } #buffet_styles a { background: url(/images/index/nav/buffet-styles.jpg) top left no-repeat; width:170px; height:20px; } #create_menu a { background: url(/images/index/nav/create-own-menu.jpg) top left no-repeat; width:170px; height:28px; } #hot_dinner_buffet a { background: url(/images/index/nav/hot-dinner-buffet.jpg) top left no-repeat; width:170px; height:22px; } #holidays a { background: url(/images/index/nav/holidays.jpg) top left no-repeat; width:163px; height:20px; } #wedding_cakes a { background: url(/images/index/nav/wedding-cakes.jpg) top left no-repeat; width:163px; height:28px; } #corporate_meals a { background: url(/images/index/nav/corp-meals.jpg) top left no-repeat; width:163px; height:22px; }. #wedding_cakes a { background: url(/images/index/nav/wedding-cakes.jpg) top left no-repeat; width:163px; height:28px; } #event_planning a { background: url(/images/index/nav/event-planning.jpg) top left no-repeat; width:159px; height:20px; } #helpful_resources a { background: url(/images/index/nav/resources.jpg) top left no-repeat; width:159px; height:28px; } #contact_us a { background: url(/images/index/nav/contact.jpg) top left no-repeat; width:159px; height:22px; } #home a:hover, #appetizers a:hover, #box_lunches a:hover, #buffet_styles a:hover, #hot_dinner a:hover, #create_menu a:hover, #hot_dinner_buffet a:hover, #holidays a:hover, #wedding_cakes a:hover, #corporate_meals a:hover, #event_planning a:hover, #helpful_resources a:hover, #contact_us a:hover { background-position:bottom; } #interior_left_nav { width:285px; float:left; margin:-30px 0 0 0; position:relative; z-index:1; } #interior_left_nav a { display:block; } #interior_left_nav li { float:left; } #interior_left_nav li a { float:left; } /*==APPETIZER_MENU==*/ #deluxe a { background: url(/images/left_nav/app-deluxe.jpg) top left no-repeat; width:285px; height:43px; } #ultimate a { background: url(/images/left_nav/ultimate-app.jpg) top left no-repeat; width:285px; height:34px; } #station a { background: url(/images/left_nav/station-menu.jpg) top left no-repeat; width:285px; height:37px; } #supreme a { background: url(/images/left_nav/app-supreme.jpg) top left no-repeat; width:285px; height:36px; } #budget a { background: url(/images/left_nav/basic-budget-event.jpg) top left no-repeat; width:285px; height:36px; } #deluxe a:hover, #ultimate a:hover, #station a:hover, #supreme a:hover, #budget a:hover { background-position:bottom; } /*==BOX LUNCH MENU==*/ #on_a_budget_box a { background: url(/images/left_nav/budget-boxed-lunch.jpg) top left no-repeat; width:285px; height:43px; } #specialty_box a { background: url(/images/left_nav/specialty-boxed-lunch.jpg) top left no-repeat; width:285px; height:36px; } #main_meal_salads a { background: url(/images/left_nav/main-meal-salads.jpg) top left no-repeat; width:285px; height:36px; } #on_a_budget_box a:hover, #specialty_box a:hover, #main_meal_salads a:hover { background-position:bottom; } /*==CORPORATE MENU==*/ #breakfast a { background: url(/images/left_nav/breakfast.jpg) top left no-repeat; width:285px; height:43px; } #brunch a { background: url(/images/left_nav/brunch.jpg) top left no-repeat; width:285px; height:36px; } #breaktime a { background: url(/images/left_nav/breaktime.jpg) top left no-repeat; width:285px; height:36px; } #picnic_menu a { background: url(/images/left_nav/picnic-menus.jpg) top left no-repeat; width:285px; height:36px; } #hot_buffet_bars a { background: url(/images/left_nav/hot-buffet-bars.jpg) top left no-repeat; width:285px; height:36px; } #cold_buffet_bars a { background: url(/images/left_nav/cold-buffet-bars.jpg) top left no-repeat; width:285px; height:36px; } #around_the_world a { background: url(/images/left_nav/around-the-world.jpg) top left no-repeat; width:285px; height:36px; } #hor_dourves a { background: url(/images/left_nav/hor-dourves-packages.jpg) top left no-repeat; width:285px; height:36px; } #breakfast a:hover, #brunch a:hover, #breaktime a:hover, #picnic_menu a:hover, #hot_buffet_bars a:hover, #cold_buffet_bars a:hover, #around_the_world a:hover, #hor_dourves a:hover { background-position:bottom; } /*==HOT DINNER BUFFET MENU==*/ #uldinner a { background: url(/images/left_nav/uldinner.jpg) top left no-repeat; width:285px; height:43px; } #pasbar a { background: url(/images/left_nav/pasbar.jpg) top left no-repeat; width:285px; height:43px; } #hotdinner a { background: url(/images/left_nav/hotdinnerbuffet.jpg) top left no-repeat; width:285px; height:43px; } #hotdinner a:hover, #uldinner a:hover, #pasbar a:hover { background-position:bottom; } /*==BUFFET STYLES MENU==*/ #option_a a { background: url(/images/left_nav/option-a.jpg) top left no-repeat; width:285px; height:43px; } #option_b a { background: url(/images/left_nav/option-b.jpg) top left no-repeat; width:285px; height:36px; } #option_c a { background: url(/images/left_nav/option-c.jpg) top left no-repeat; width:285px; height:36px; } #option_d a { background: url(/images/left_nav/option-d.jpg) top left no-repeat; width:285px; height:36px; } #option_e a { background: url(/images/left_nav/option-e.jpg) top left no-repeat; width:285px; height:36px; } #option_a a:hover, #option_b a:hover, #option_c a:hover, #option_d a:hover, #option_e a:hover { background-position:bottom; } /*===================================TEXT=======================================*/ p { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; text-align:left; } .black_12 { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; text-align:left; } .bold_12 { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:bold; text-align:left; } .black_12i { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; font-style:italic; line-height:150%; font-weight:normal; text-align:justify; } .subheader { font-family:verdana, arial, helvetica; font-size:22px; color:#f98bc1; text-decoration:none; line-height:150%; font-weight:bold; text-align:justify; } .red_12 { font-family:verdana, arial, helvetica; font-size:12px; color:red; text-decoration:none; line-height:150%; font-weight:normal; text-align:left; } /*===================================INPUTS======================================*/ input.contact { width:460px; height:20px; border:2px solid #F1D7E4; background-color:#fde1ef; margin:3px 0 10px 0; padding:3px 3px 0 3px; } input.contact_2 { width:460px; height:20px; border:2px solid #F1D7E4; background-color:#fde1ef; margin:3px 0 0 0; padding:3px 3px 0 3px; } textarea.contact { width:460px; height:200px; border:2px solid #F1D7E4; background-color:#fde1ef; margin:3px 0 10px 0; padding:3px 3px 0 3px; } /*===================================LINKS======================================*/ a:link { font-family:verdana, arial, helvetica; font-size:12px; color:#000000; text-decoration:none; font-weight:bold; border:0px; } a:visited { font-family:verdana, arial, helvetica; font-size:12px; color:#000000; text-decoration:none; font-weight:bold; border:0px; } a:hover { font-family:verdana, arial, helvetica; font-size:12px; color:#000000; text-decoration:underline; font-weight:bold; border:0px; } a.account_nav_link:link { font-family:verdana, arial, helvetica; font-size:12px; color:#717070; text-decoration:none; font-weight:normal; } a.account_nav_link:visited { font-family:verdana, arial, helvetica; font-size:12px; color:#717070; text-decoration:none; font-weight:normal; } a.account_nav_link:hover { font-family:verdana, arial, helvetica; font-size:12px; color:#717070; text-decoration:underline; font-weight:normal; } a.red_12_link:link { font-family:verdana, arial, helvetica; font-size:12px; color:red; text-decoration:none; font-weight:normal; } a.red_12_link:visited { font-family:verdana, arial, helvetica; font-size:12px; color:red; text-decoration:none; font-weight:normal; } a.red_12_link:hover { font-family:verdana, arial, helvetica; font-size:12px; color:red; text-decoration:underline; font-weight:normal; } /*===================================MARGINS====================================*/ #submit_btn_wrapper {margin: 35px 0 0 -400px; float: left;} .view_options_margin { margin:175px 0 0 700px; display:inline; } .above_text_margin { margin:7px 0 0 0; } .interior_margin { margin:0px 0 0 30px; } .below_text_margin { margin:0 0 15px 0; } .top_bottom_margin { margin:15px 0 15px 0; } .bottom_5 { margin:0 0 5px 0; } .top_10 { margin:10px 0 0 0; } .top_15 { margin:15px 0 0 0; } .left_10 { margin:0 0 0 10px; } .right_10 { margin:0 10px 0 0; } .right_5 { margin:0 5px 0 0; } .left_margin_125 { margin:0 0 0 125px; display:inline; } .line_break_margin { margin:30px 0; } .bottom_check_margin { margin:0 0 20px 40px; } .inner_check_top { margin:5px 0 0 40px; } .top_bottom_check { margin:5px 0 20px 40px; } /*===================================FLOATS=====================================*/ .left { float:left; } .right { float:right; } /*======================BEGIN CLEARFIX FOR FLOAT STYLES=========================*/ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;_height: 1%;} .clearfix {display:block;}