/******************************************** Prairie Gardens Global CSS Version: 1.0 Author: Poccuo (http://www.poccuo.com) 8px = 0.50em 9px = 0.56em 10px = 0.63em 11px = 0.69em 12px = 0.75em 13px = 0.81em 14px = 0.88em 15px = 0.94em 16px = 1em 17px = 1.06em 18px = 1.13em 19px = 1.19em 20px = 1.25em 21px = 1.31em 22px = 1.38em 23px = 1.44em 24px = 1.50em 25px = 1.56em 26px = 1.63em 28px = 1.75em 30px = 1.88em 32px = 2.00em 36px = 2.25em 40px = 2.50em GLOBAL SETTINGS *******************************************/ body { background-color: #fff; font-size: 100%; line-height: 1.125em; } a { color: #666; text-decoration: none;} a:hover { color: #666; text-decoration: underline;} .hidden { display: none;} h1, h2, h3, h4 { font-family: Georgia, serif; } p, ul, ol { font-family: Arial, sans-serif; font-size: 0.75em; color: #999;} strong, b { font-weight: bold; } ul li { list-style-type: disc; margin: 0 0 0 30px;} ol li { list-style-type: decimal; margin: 0 0 0 30px;} /****************************************** FOUNDATION SETTINGS *******************************************/ #header { overflow: hidden; height: 1%; height: 95px; } #logo { float: left;} #container { margin: 0 auto 50px auto; width: 900px; background-color: #FFF;} .two_column { clear: both; overflow: hidden; height: 1%; width: 890px; border: 1px solid #ccc; padding: 8px 0 8px 8px; margin: 0 0 8px 0; background-color: #fff;} .left_column { float: left; width: 248px; margin: 0; } .right_column { float: right; width: 633px; border-left: 1px solid #ccc; padding: 0 0 0 8px; margin: 0; } .one_column_home { clear: both; overflow: hidden; height: 1%; width: 898px; border: 1px solid #ccc; padding: 8px 0; margin: 0 0 8px 0;} .one_column { clear: both; overflow: hidden; height: 1%; width: 882px; border: 1px solid #ccc; padding: 8px; margin: 0 0 8px 0; background-color: #fff;} #footer { clear: both; overflow: hidden; height: 1%; width: 882px; height: 150px; border: 1px solid #ccc; padding: 8px; margin: 0 0 8px 0; font-size: 10px;} #footer ul li { list-style-type: none; margin: 0; } #footer h4 { font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bold; color: #5A656C; } #footer a { text-transform: uppercase; font-size: 10px; } #footer #footer_wrapper { overflow: hidden; height: 1%; background-color: #EDEEEF; height: 134px; padding: 8px;} #footer #footer_departments_menu { float: left; border-right: 1px #fff solid; width: 283px; height: 134px; } #footer #footer_departments_menu #footer_departments_menu_left { float: left; width: 133px;} #footer #footer_departments_menu #footer_departments_menu_right { float: left; width: 133px;} #footer #footer_inspiration_menu { float: left; border-right: 1px #fff solid; width: 133px; height: 134px; margin: 0 8px 0 16px;} #footer #footer_company_menu { float: left; border-right: 1px #fff solid; width: 133px; height: 134px; margin: 0 8px 0 8px;} /* #footer #footer_email_updates h4 { margin: 0 0 30px 0;} #footer #footer_email_updates form { display: block; float: left; margin: 0 8px 0 8px; width: 255px;} #footer #footer_email_updates form input#MERGE0 { width: 150px; padding: 5px; border: 1px #ccc solid; font-family: Arial, sans-serif; font-size: 11px; margin: 0 5px 0 0; } #footer #footer_email_updates form input#submit { width: 68px; padding: 5px 10px; border: 0px #fff solid; font-family: Arial, sans-serif; font-size: 11px; background-color: #999999; color: #FFF;} #footer #footer_email_updates form input#submit:hover { background-color: #666; } #footer #footer_email_updates form label.error { position: absolute; margin: 30px 0 0 -167px; color: #F00; font-size: 10px; font-family: Arial, sans-serif;} */ #main_content_wrapper { overflow: hidden; height: 1%; margin: 24px; min-height: 300px; padding-bottom: 50px;} #main_content_wrapper h1 { font-size: 1.25em; line-height: 1.31em; margin: 0 0 10px 0; padding: 0; border-bottom: none; width: 560px; color: #5A656C; clear: both; } #main_content_wrapper h2 { font-size: 1em; line-height: 1.25em; margin: 20px 0 10px 0; padding: 0; border-bottom: none; width: 560px; color: #5A656C; clear: both; } #main_content_wrapper h3 { font-size: 0.69em; line-height: 1; margin: 20px 0 10px 0; padding: 0; border-bottom: none; width: 560px; color: #5A656C; clear: both; text-transform: uppercase; font-weight: bold;} #main_content_wrapper p { width: 530px; margin: 0 0 .88em 0; } #main_content_wrapper p.date { margin: 0 0 36px 0; font-size: .69em;} #main_content_wrapper p strong, #main_content_wrapper p b { font-weight: bold; } /****************************************** MENUS *******************************************/ ul#main_menu { list-style-type: none; width: 240px; height: 320px; color: #FFF; font-family: Georgia, serif; text-transform: uppercase; padding: 8px 0;} ul#main_menu a { color: #FFF; display: block; margin: 0 8px; padding: 5px 0 5px 8px; font-size: 11px;} ul#main_menu a:hover { text-decoration: none;} ul#main_menu li { list-style-type: none; margin: 0; display: inline;} ul#quick_menu { float: right; text-transform: uppercase; font-size: 0.63em; margin: 5px 0 0 0; height: 50px;} ul#quick_menu li { display: inline; list-style-type: none; margin: 0 0 0 10px; } ul#quick_menu li a { color: #5A656C; text-decoration: none; } ul#quick_menu li a:hover { color: #5A656C; text-decoration: underline; } #mini_menu_container { clear: both; margin: 0; padding: 0;} ul#mini_menu { background: url('/images/global/mini_menu_tab.gif') no-repeat; float: right; height: 26px; background-color: #5A656C; font-size: 0.75em; font-family: Georgia, serif; text-transform: uppercase; padding: 4px 4px 4px 16px; margin: 0;} ul#mini_menu li { display: inline; list-style-type: none; margin: 0; } ul#mini_menu li.active a { background: url('/images/global/mini_menu_arrow.gif') no-repeat top center;} ul#mini_menu li a { color: #fff; text-decoration: none; border-left: 1px #777 solid; height: 26px; padding: 6px 16px; margin: 0; } ul#mini_menu li a.first { border-left: 0px #ccc solid;} ul#mini_menu li a:hover { background: url('/images/global/mini_menu_arrow.gif') no-repeat top center; background-position: top center; color: #fff; } /****************************************** SECTION HEADERS *******************************************/ #section_header_text_only_module { overflow: hidden; height: 1%; height: 116px; width: 576px; background-color: #5A656C; color: #FFF; padding: 24px;} /* height: 166px; */ #section_header_text_only_module h1 { font-size: 1.88em; line-height: 0.75em; margin: 0 0 10px 0; padding: 5px 0 10px 0; border-bottom: none; width: 560px; margin: 0; padding: 0;} #section_header_text_only_module select { width: 140px; font-family: Arial, sans-serif; } #section_header_text_only_module form { margin: 0 0 8px 0; font-family: Georgia, serif; font-size: 0.69em; } #section_header_whats_new_drop_menus { float: right; text-align: right; margin: 35px 0 0 0;} /* margin: 85px 0 0 0; */ #section_header_idea_library_drop_menus { float: right; text-align: right; margin: 85px 0 0 0;} #section_header_idea_library_return { float: right; text-align: right; margin: 120px 0 0 0;} #section_header_idea_library_return a { color: #FFF; font-size: 0.88em; } #section_header_events_and_sales_drop_menus { float: right; text-align: right; margin: 70px 0 0 0;} /* margin: 110px 0 0 0; */ #left_column_info_container { padding: 0 8px 0 0; } #left_column_info_container h3 { font-weight: bold; text-transform: uppercase; color: #5A656C; font-size: 0.69em; margin: 0 0 12px 0; } #left_column_info_container p { margin: 0 0 8px 0; } #left_column_info_container p.more_ideas { margin: 24px 0 8px 0; } #left_column_info_container .left_column_info { padding: 20px 16px 16px 16px; border-top: 1px #CCC solid;} #left_column_info_container .left_column_info_first { padding: 24px 16px 16px 16px; border-top: 0px #CCC solid;} /****************************************** FEATURED/PROMO MODULES + SLIDERS *******************************************/ #featured_module { overflow: hidden; height: 1%; width: 625px; height: 336px; display: block; } .featured_module_slider { width: 593px; background-image: url('/images/global/bkgd_slider.png'); color: #FFF; padding: 8px 16px 8px 16px; left: 0; position: absolute; bottom: 0px;} #featured_module h1 { font-size: 1.31em; padding: 5px 0 5px 0; } #featured_module p { font-size: 0.81em; width: 593px; line-height: 1.50em; color: #CCC; border-top: 1px #CCC solid; padding: 12px 0 8px 0; margin: 12px 0 0 0;} #featured_module a { color: #FFF;} .large_promo_module_first { overflow: hidden; height: 1%; float: left; width: 283px; height: 215px; margin: 0 0 0 8px; display:inline; } .large_promo_module { overflow: hidden; height: 1%; float: left; width: 283px; height: 215px; margin: 0 0 0 8px; border-left: 1px #ccc solid; padding: 0 0 0 8px; display:inline; } .large_promo_module .large_promo_module_slider { width: 283px; background-image: url('/images/global/bkgd_slider.png'); color: #FFF; padding: 8px; left: 0; position: absolute; bottom: 0px; margin: 0 0 0 8px; } .large_promo_module_first .large_promo_module_slider { width: 283px; background-image: url('/images/global/bkgd_slider.png'); color: #FFF; padding: 8px; left: 0; position: absolute; bottom: 0px; } .large_promo_module h2, .large_promo_module_first h2 { font-size: 0.81em; font-weight: bold; } .large_promo_module a, .large_promo_module_first a { color: #FFF;} .large_promo_module p, .large_promo_module_first p { width: 267px; padding: 8px 0 4px 0; color: #CCC; margin: 8px 0 0 0; border-top: 1px #CCC solid; } .small_promo_module { overflow: hidden; height: 1%; float: left; width: 205px; height: 163px; display:inline; margin: 8px 5px 0 0; } .small_promo_module_slider { width: 205px; background-image: url('/images/global/bkgd_slider.png'); color: #FFF; padding: 8px; left: 0; position: absolute; bottom: 0px;} .small_promo_module h3 { width: 189px; font-size: 0.81em; color: #FFFFFF; font-weight: bold; padding: 0 20px 0 0;} .small_promo_module h3 a { color: #FFFFFF; font-weight: bold; padding: 0 20px 0 0; } .small_promo_module h3.link { background: url("/images/global/whats_new_arrow.gif") 174px 4px no-repeat;} .small_promo_module h3.link a { padding: 0 20px 0 0; } .small_promo_module h2 { width: 189px; font-size: 0.81em; font-weight: bold; } .small_promo_module h2 a { color: #FFFFFF; } .small_promo_module p { width: 189px; color: #CCC; margin: 8px 0 0 0; padding: 8px 0; border-top: 1px #CCC solid;} .slider_container { position: relative; } /****************************************** DESIGN IDEAS *******************************************/ #featured_module_text_only { height: 336px; width: 625px; background-color: #5A656C; color: #FFF; padding: 24px; margin: 0;} #featured_module #featured_module_text_only h1 { font-size: 1.75em; line-height: 1.25em; margin: 0 0 10px 0; padding: 5px 0 10px 0; border-bottom: none; width: 560px;} #featured_module #featured_module_text_only h2 { font-size: 1.13em; line-height: 1.39em; margin: 0 0 10px 0; padding: 5px 0 10px 0; border-bottom: none; width: 560px;} #featured_module #featured_module_text_only a { text-decoration: underline; color: #FFF; } #featured_module #featured_module_text_only a:hover { text-decoration: none; } /****************************************** EVENTS AND SALES *******************************************/ #main_content_wrapper .events_and_sales_entry { margin: 0 0 50px 0;} #main_content_wrapper .events_and_sales_entry h2 { color: #5A656C; margin: 0 0; font-size: 1.25em; line-height: 1.25em;} #main_content_wrapper .events_and_sales_entry p.date { color: #5A656C; margin: 0 0 20px 0; font-size: 0.75em; } /****************************************** FAQ *******************************************/ #main_content_wrapper #faq_entries h1 { margin: 0 0 40px 0; } #main_content_wrapper .faq_entry { margin: 0 0 30px 0; } #main_content_wrapper .faq_entry p { float: left; } #main_content_wrapper .faq_entry p a { float: left; } #main_content_wrapper .faq_entry p.answer { margin: 0 0 30px 0;} #main_content_wrapper .faq_large_letter_q { display: block; float: left; background: url("/images/global/q.gif") no-repeat; height: 22px; width: 22px; text-indent: -5000px; margin: 0 10px 0 0;} #main_content_wrapper .faq_large_letter_a { display: block; float: left; background: url("/images/global/a.gif") no-repeat; height: 22px; width: 22px; text-indent: -5000px; margin: 0 10px 0 0;} #main_content_wrapper .faq_entry_question { clear: both;} #main_content_wrapper .faq_entry_answer { clear: both; margin: 0 0 30px 0; } /****************************************** CAREERS *******************************************/ #main_content_wrapper .career_entry h1 { font-size: 1.25em; line-height: 1.31em; margin: 0 0 10px 0; padding: 5px 0 10px 0; border-bottom: none; width: 560px; color: #5A656C; } #main_content_wrapper .career_entry h2 { font-size: 1.25em; line-height: 1.31em; margin: 30px 0 10px 0; padding: 5px 0 10px 0; border-bottom: none; width: 560px; color: #5A656C; } #main_content_wrapper .career_entry_footer { margin: 16px 0 0 0;} /****************************************** IDEA LIBRARY *******************************************/ #main_content_wrapper #idea_library_entry h1.idea_library_title { font-size: 1.75em; line-height: 1.25em; } #main_content_wrapper #idea_library_entry img { float: left; padding: 10px 20px 20px 0; } /****************************************** GLOSSARY *******************************************/ #main_content_wrapper #glossary_entries h2 { margin: 40px 0 20px 0; } #main_content_wrapper a.glossary_title { display: block;} #main_content_wrapper .glossary_definition { clear: both; display: block; margin: 10px 0 10px 0;} /****************************************** DEPARTMENTS *******************************************/ #departments_whats_new .small_promo_module { margin-top: 0px; } #departments_whats_new h2 { font-size: 1.38em; display: block; width: 208px; height: 131px; background-color: #5A656C; color: #FFF; text-transform: uppercase; margin: 0; padding: 16px; } /****************************************** PAGINATION *******************************************/ #pagination { clear: both; margin: 0 0 36px 0; padding: 24px 0 0 0; font-size: 1.19em; } #main_content_wrapper #pagination a { color: #5A656C; } #main_content_wrapper #pagination p { color: #999; } #pagination .total_pages { float: left; display: block; } #pagination .previous_next_pages { float: right; display: block; padding: 0 8px 0 0; } /******************************************** SPECIAL *******************************************/ .clear { clear: both;} .hidden { display: none;}