/* ------------------------------------------------- Created By: Mason Kessinger / Poccuo Contact: mason@poccuo.com ------------------------------------------------- */ /* COLORS: Red: AB2816 Dark Red: 5C000B Dark Grey: 383330 Light Tan: EEEBE5 Tan: 8F7754 Slideshow Brown Bar: 221C19 Slideshow Headline: F5F6D8 Slideshow Blue: 576573 */ /* ------------------------------------------------- */ /* -------------------GLOBAL STYLES----------------- */ /* ------------------------------------------------- */ body { font-size: 12px; line-height: 18px; color: #666666; background: url(http://www.pergamena.net/_images/_global/header_bkgd.gif) repeat-x center top; font-family: Georgia, serif;} h1 { font-size: 26px; line-height: 30px; color: #5C000B; font-style: italic; margin: 0 0 1em 0; } h2 { font-size: 16px; line-height: 21px; color: #5C000B; font-style: italic; margin: 0 0 1em 0; } h2.smaller { font-size: 13px; line-height: 18px; color: #5C000B; font-style: italic; margin: 0 0 1em 0; } h2 a { color: #AB2816; } h3 { margin: 0 0 1em 0; } h4 { margin: 0 0 1em 0; } h5 { margin: 0 0 1em 0; } h6 { margin: 0 0 1em 0; } p { margin: 0 0 1em 0; } a { color: #947c2a; } a:hover { text-decoration: none;} a:visited { } em { font-style: italic;} strong { font-weight: bold;} img { -ms-interpolation-mode: bicubic; } /* ------------------------------------------------- */ /* -----------------------FOUNDATION---------------- */ /* ------------------------------------------------- */ #logo { float: left; display:inline; margin: 0 0 0 30px; padding: 0; } #header { overflow: hidden; height: 1%; width: 930px; background-image: url(http://www.pergamena.net/_images/_global/header_bkgd.gif); } #footer { overflow: hidden; height: 1%; clear: both; border-top: 1px #8F7754 solid; margin: 30px 0; padding: 12px 0 0 0;} #container { overflow: hidden; height: 1%; width: 930px; margin: 0 auto; } #leftcolumn { overflow: hidden; height: 1%; width: 205px; padding: 45px 10px 30px 10px; float: left; } #rightcolumn { overflow: hidden; height: 1%; width: 665px; padding: 45px 30px 30px 10px; float: left; } #singlecolumn { overflow: hidden; height: 1%; width: 930px; padding: 45px 30px 30px 10px; float: left; } /* forum hack */ #forum_header { margin: -12px auto 0 auto; overflow: hidden; height: 1%; height: 121px; width: 930px; background-image: url(http://www.pergamena.net/_images/_global/header_bkgd.gif); } #forum_footer { margin: 50px auto 0 auto; overflow: hidden; height: 1%; clear: both; border-top: 1px #8F7754 solid; width: 930px; padding: 12px 0 0 0;} /* ------------------------------------------------- */ /* -----------------------HEADER-------------------- */ /* ------------------------------------------------- */ /* ------------------------------------------------- */ /* -----------------------MENU---------------------- */ /* ------------------------------------------------- */ /* - - - - Quicklinks - - - - */ ul#quicklinks { float: right; height: 18px; } ul#quicklinks a { font-size: 11px; font-style: italic; color: #425C59; text-decoration: none; height: 18px; padding: 0 5px 0 0; border-right: 1px #AAA solid; } ul#quicklinks a:hover { text-decoration: underline; } ul#quicklinks li { display: inline; margin: 0 5px 0 0; } ul#quicklinks li.last a { border-right: 0px #FFF solid; margin: 0; padding: 0;} /* - - - - Sub-Menu - - - - */ ul#submenu { width: 170px;} ul#submenu a { display: block; font-size: 13px; color: #837E75; background-color: #F3F1ED; text-decoration: none; width: 160px; padding: 10px 10px 10px 10px; border-top: 1px #736E65 solid; } ul#submenu a:hover { color: #62463E; background-color: #EAE8E4; } ul#submenu a.active { color: #62463E; background-color: #F3F1ED; border-top: 1px #62463E solid; } ul#submenu a.active:hover { color: #62463E; background-color: #F3F1ED; } ul#submenu li { margin: 0 0 3px 0;} /* - - - - Tabs - - - - */ ul#tabbed_menu { float: right; width: 732px; height: 28px; margin: 75px 0 0 0;} ul#tabbed_menu li { display: inline; float: left; color: #383330; } ul#tabbed_menu li a { font-size: 14px; text-align: center; color: #383330; text-decoration: none; padding: 5px 0 0 0;} /* - - - - About Us - - - - */ ul#tabbed_menu.home li#about a { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) 0px -56px; color: #F5F6D8; width: 125px; height: 23px; display: block; } ul#tabbed_menu.home li#about a:hover { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) 0px -84px; } ul#tabbed_menu.inside li#about a { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) 0px -56px; color: #F5F6D8; width: 125px; height: 23px; display: block; } ul#tabbed_menu.inside li#about a:hover { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) 0px -84px; color: #F5F6D8; } ul#tabbed_menu.inside li#about a.active { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) 0px -112px; color: #62463E; font-weight: bold;} /* - - - - Products & Services - - - - */ ul#tabbed_menu.home li#products a { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -125px -56px; color: #F5F6D8; width: 190px; height: 23px; display: block; } ul#tabbed_menu.home li#products a:hover { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -125px -84px; } ul#tabbed_menu.inside li#products a { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -125px -56px; color: #F5F6D8; width: 190px; height: 23px; display: block; } ul#tabbed_menu.inside li#products a:hover { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -125px -84px; color: #F5F6D8; } ul#tabbed_menu.inside li#products a.active { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -125px -112px; color: #62463E; font-weight: bold;} /* - - - - Resources - - - - */ ul#tabbed_menu.home li#resources a { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -315px -56px; color: #F5F6D8; width: 132px; height: 23px; display: block; } ul#tabbed_menu.home li#resources a:hover { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -315px -84px; } ul#tabbed_menu.inside li#resources a { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -315px -56px; color: #F5F6D8; width: 132px; height: 23px; display: block; } ul#tabbed_menu.inside li#resources a:hover { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -315px -84px; color: #F5F6D8; } ul#tabbed_menu.inside li#resources a.active { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -315px -112px; color: #62463E; font-weight: bold;} /* - - - - Makers' Forum - - - - */ ul#tabbed_menu.home li#forum a { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -447px -56px; color: #F5F6D8; width: 162px; height: 23px; display: block; } ul#tabbed_menu.home li#forum a:hover { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -447px -84px; } ul#tabbed_menu.inside li#forum a { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -447px -56px; color: #F5F6D8; width: 162px; height: 23px; display: block; } ul#tabbed_menu.inside li#forum a:hover { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -447px -84px; color: #F5F6D8; } ul#tabbed_menu.inside li#forum a.active { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -447px -112px; color: #62463E; font-weight: bold;} /* - - - - Shop - - - - */ ul#tabbed_menu.home li#shop a { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -609px -56px; color: #F5F6D8; width: 123px; height: 23px; display: block; } ul#tabbed_menu.home li#shop a:hover { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -609px -84px; } ul#tabbed_menu.inside li#shop a { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -609px -56px; color: #F5F6D8; width: 123px; height: 23px; display: block; color: #F5F6D8; } ul#tabbed_menu.inside li#shop a:hover { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -609px -84px; color: #F5F6D8; } ul#tabbed_menu.inside li#shop a.active { background: url(http://www.pergamena.net/_images/_global/menu_sprite.gif) -609px -112px; color: #62463E; font-weight: bold;} /* ------------------------------------------------- */ /* ---------------------ABOUT US-------------------- */ /* ------------------------------------------------- */ #about_mission h2 { color: #383330; margin: 2em 0 0 0; } #about_featurette { overflow: hidden; height: 1%; width: 660px; background-color: #EEEBE5; border-top: 2px #947c2a solid; padding: 20px 10px; margin: 40px 0 0 0; } #about_featurette .about_featurette_element { text-align: center; width: 199px; padding: 0 10px; float: left; border-right: 1px #FFF solid;} #about_featurette .about_featurette_element p { padding: 0 15px 0 0;} #about_featurette .about_featurette_element h3 { font-size: 16px; line-height: 21px; font-style: italic; padding: 0 15px 0 0; color: #947c2a;} #about_featurette .about_featurette_element a { color: #947c2a;} #about_featurette .about_featurette_element a:hover { text-decoration: none;} #about_featurette .about_featurette_element_last { text-align: center; width: 200px; padding: 0 10px; float: left; border-right: 0px #FFF solid;} #about_featurette .about_featurette_element_last p { padding: 0 15px 0 0;} #about_featurette .about_featurette_element_last h3 { font-size: 16px; line-height: 21px; font-style: italic; padding: 0 15px 0 0; color: #947c2a;} #about_featurette .about_featurette_element_last a { color: #947c2a;} #about_featurette .about_featurette_element_last a:hover { text-decoration: none;} .team_member { overflow: hidden; height: 1%; clear: both; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px #CCC solid; } .team_member_last { border-bottom: 0px #CCC solid; } .team_member img, .team_member_last img { float: left; margin: 0 20px 0 0;} .team_member .team_member_info, .team_member_last .team_member_info { float: left; width: 500px; } .team_member .team_member_info h2, .team_member_last .team_member_info h2 { color: #383330; margin: 0 0 5px 0; } h1.news { margin: 0 0 60px 0;} .news_item { overflow: hidden; height: 1%; border-top: 1px #CCC solid; padding: 20px 0;} .news_item h2 { font-size: 21px; margin: 0 0 5px 0; } .news_item p.date { font-size: 16px; line-height: 21px; color: #5C000B; font-style: italic; margin: 0 0 1.5em 0;} #pagination { margin: 20px 0; padding: 20px 0; border-top: 1px #ccc solid; color: #CCC; } #pagination #page { float: left; font-style: italic; color: #8F7754;} #pagination #controls { float: right; } #pagination #controle a { font-style: italic;} /* ------------------------------------------------- */ /* --------------------NEWSLETTER------------------- */ /* ------------------------------------------------- */ #newsletters { overflow: hidden; height: 1%; margin: 0 0 60px 0;} #newsletters .newsletter_entry { float: left; margin: 0 20px 0 0;} #newsletters .newsletter_entry img { margin: 0 0 10px 0; border: 1px #CCC solid;} #newsletters .newsletter_entry:hover h2 { text-decoration: underline; } /* ------------------------------------------------- */ /* --------------------BOOKS & LINKS---------------- */ /* ------------------------------------------------- */ #books_and_links h3 { font-size: 21px; line-height: 32px; color: #333; font-style: italic; margin: 2em 0 1em 0; padding: 1.5em 0 0 0; border-top: 1px #ccc solid;} #books_and_links ul { } #books_and_links ul li { color: #666; font-size: 14px; margin: 0 0 1em 0; } #books_and_links ul li ul { margin: .5em 0 .18em 0; } #books_and_links ul#books li ul li { color: #999; font-size: 11px; margin: 0 0 1em .5em; } #books_and_links ul#links li ul li { color: #999; font-size: 11px; margin: 0 0 0 .5em; } /* ------------------------------------------------- */ /* ----------------------PRODUCT-------------------- */ /* ------------------------------------------------- */ .product_entry { overflow: hidden; height: 1%; border-top: 1px #ccc solid; margin: 20px 0; padding: 20px 0;} .product_entry h3 { font-size: 16px; line-height: 21px; color: #5C000B; font-style: italic; } .product_entry .copy { width: 440px; margin: 0 26px 0 0; float: left; } .product_entry .image { float: left; } /* ------------------------------------------------- */ /* ----------------------RESOURCES------------------ */ /* ------------------------------------------------- */ #faq_entries .faq_entry { margin: 20px 0; padding: 20px 0 0 0; border-top: 1px #CCC solid; } #faq_entries .faq_entry .question h3 { font-size: 16px; line-height: 21px; color: #947c2a; font-style: italic; } #faq_entries .faq_entry .answer { margin: 0 0 20px 0;} #history_titles { overflow: hidden; height: 1%; margin: 60px 0 0 0;} #history_titles h2 { text-align: center; font-size: 16px; font-weight: normal; font-style: italic; color: #947c2a; margin: 10px 0; } #history_titles .parchment_and_leather { overflow: hidden; height: 1%; float: left; width: 326px; border-bottom: 2px #947c2a solid; margin: 0 1px 0 0; padding: 0 3px 0 0; } #history_titles .pergamena { overflow: hidden; height: 1%; float: left; width: 326px; border-bottom: 2px #947c2a solid; margin: 0 0 0 2px; padding: 0 0 0 3px; } #history { overflow: hidden; height: 1%; background: url(http://www.pergamena.net/_images/resources/timeline/background.gif) -4px 0; margin: 40px 0 0 0; } #history .leftColumn { overflow: hidden; height: 1%; float: left; width: 326px; margin: 0 1px 0 0; padding: 0 3px 0 0; } #history .leftColumn .entry { width: 306px; height: 175px; background: url(http://www.pergamena.net/_images/resources/timeline/bubble_greyLeft.gif) top right; padding: 6px 6px 0 6px; margin: 0 0 3px 0; color: #FFF;} #history .leftColumn .pergamena { background: url(http://www.pergamena.net/_images/resources/timeline/bubble_goldLeft.gif) top right; } #history .leftColumn .entry .image { float: left; width: 75px; } #history .leftColumn .entry .copy { float: left; width: 225px; } #history .leftColumn .entry .copy p { font-size: 11px; line-height: 15px; } #history .leftColumn .entry .copy h3 { font-style: italic; font-weight: bold; font-size: 12px; margin: 0 0 4px 0; } #history .rightColumn { overflow: hidden; height: 1%; float: left; width: 326px; margin: 75px 0 0 2px; padding: 0 0 0 3px; } #history .rightColumn .entry { width: 306px; height: 175px; background: url(http://www.pergamena.net/_images/resources/timeline/bubble_greyRight.gif) top left; padding: 6px 6px 0 13px; margin: 0 0 3px 0; color: #FFF;} #history .rightColumn .pergamena { background: url(http://www.pergamena.net/_images/resources/timeline/bubble_goldRight.gif) top left; } #history .rightColumn .entry .image { float: left; width: 75px; } #history .rightColumn .entry .copy { float: left; width: 225px; } #history .rightColumn .entry .copy h3 { font-style: italic; font-weight: bold; font-size: 12px; margin: 0 0 4px 0; } #history .rightColumn .entry .copy p { font-size: 11px; line-height: 15px; } /* ------------------------------------------------- */ /* ------------------------HOME--------------------- */ /* ------------------------------------------------- */ #homeModules_wrapper #homeModules .module { float: left; margin: -5px 5px 0 0; } #homeModules_wrapper #homeModules .module img { border-top: 2px #51000D solid; } #homeModules_wrapper #homeModules .module.last { margin: -5px 0 0 -1px;} #homeModules_wrapper #homeModules .module p { background-color: #333333; display: block; text-align: center; padding: 9px 0; font-style: italic; color: #E5D7A8; font-size: 1.1em;} #homeModules_wrapper #homeModules .module:hover p { background-color: #51000D; } /* ------------------------------------------------- */ /* ------------------------SHOP--------------------- */ /* ------------------------------------------------- */ #storeHomepageModule { width: 720px; height: 300px; background-color: #51000D; margin: -10px 0 10px 0; } #storeHomepageModule #storeHomepageModuleCopy { width: 240px; height: 300px; float: left; } #storeHomepageModule #storeHomepageModuleCopy p { font-family: Georgia, serif; font-size: 12px; line-height: 18px; color: #fff; margin: 10px 20px 10px 20px; } #storeHomepageModule #storeHomepageModuleCopy p.featured { font-size: 11px; font-style: italic;} #storeHomepageModule #storeHomepageModuleCopy h2 { font-family: Georgia, serif; font-weight: normal; font-size: 24px; line-height: 30px; color: #E5D7A8; margin: 0 20px 0 20px; padding: 10px 0 0 0; border-top: 1px solid #E5D7A8; } #storeHomepageModule #storeHomepageModuleImage img { width: 480px; height: 270px; height: 300px; float: right; } #storeHomepageModule #storeHomepageModuleCopy p a:link, #storeHomepageModule #storeHomepageModuleCopy p a:active, #storeHomepageModule #storeHomepageModuleCopy p a:visited { text-decoration: underline; color: #F5F6D8; } #storeHomepageModule #storeHomepageModuleCopy p a:hover { text-decoration: none; } #storeFeaturedModules { width:720px; overflow: hidden; height: 1%; } #storeFeaturedModules .storeFeaturedModuleEntry { float: left; margin: 0 1px 0 0;} #storeFeaturedModules .storeFeaturedModuleEntry img { width: 239px; height: 150px;} #storeFeaturedModules .storeFeaturedModuleEntry .title { width: 224px; display: block; background-color: #333333; font-size: 13px; font-style: italic; color: #FFF; padding: 5px 5px 5px 10px;} #storeFeaturedModules .storeFeaturedModuleEntry a:hover .title { width: 229px; display: block; background-color: #333333; color: #FFF; padding: 5px;} /* ------------------------------------------------- */ /* ----------------------JQUERY--------------------- */ /* ------------------------------------------------- */ #featureModule_wrapper { height: 400px; } #featureModule { width: 930px; height: 400px; background: #51000D url('http://www.pergamena.net/_images/_global/ground_redTexture.jpg'); margin: 30px 0 0 0; } #featureModule .page { width: 930px; height: 400px; background: #51000D url('http://www.pergamena.net/_images/_global/ground_redTexture.jpg'); clear: both; } #featureModule .page .copy { width: 330px; height: 400px; float: left; } #featureModule .page .image img { width: 600px; height: 400px; float: right; } #featureModule .page h2 { font-family: Georgia, serif; font-weight: normal; font-size: 25px; line-height: 32px; color: #F5F6D8; margin: 30px 20px 0 20px; padding-bottom: 20px; border-bottom: 1px solid #8F514A; } #featureModule .page p { font-family: Georgia, serif; font-size: 12px; line-height: 18px; color: #fff; margin: 20px; } #featureModule .page a:link, #featureModule .page a:active, #featureModule .page a:visited { text-decoration: underline; color: #F5F6D8; } #featureModule .page a:hover { text-decoration: none; } #featureModule_wrapper #pageControls { font-family: Georgia, serif; font-style: italic; font-size: 13px; color: #8F514A; height: 25px; width: 290px; border-top: 1px solid #8F514A; padding: 4px 0 0 0; position: relative; top: -36px; left: 20px; z-index:10; display: none; } #featureModule_wrapper #pageControls a:link, #featureModule_wrapper #pageControls a:active, #featureModule_wrapper #pageControls a:visited, #featureModule_wrapper #pageControls a:hover { text-decoration: none; color: #F5F6D8; } #featureModule_wrapper #pageControls #pager { float: left; } #featureModule_wrapper #pageControls #pause { font-size: 11px; float: right; } #slideshow_wrapper { overflow: hidden; height: 1%; border-top: 2px #3C000B solid; background: #51000D url('http://www.pergamena.net/_images/_global/ground_redTexture.jpg'); margin: 40px 0 0 0;} #slideshow {height: 294px; } #slideshow h3 { font-size: 18px; font-style: italic; color: #F5F6D8; margin: .5em 0 1em 0;} #slideshow p { color: #FFF;} #slideshow .slide { height: 294px; margin: 16px; background: #51000D url('http://www.pergamena.net/_images/_global/ground_redTexture.jpg'); } #slideshow .slide .copy { width: 330px; margin: 0 26px 0 0; float: left; } #slideshow .slide .image { float: left; } #slideshow_wrapper #pagination { overflow: hidden; height: 1%; margin: 20px 16px 0 16px; padding: 10px 0 0 0; border-top: 1px #8F514A solid; color: #CCC; font-style: italic; } #slideshow_wrapper #pagination #page { float: left; font-style: italic; color: #F5F6D8;} #slideshow_wrapper #pagination #controls { float: right; } #slideshow_wrapper #pagination #controls p { color: #8F514A; } #slideshow_wrapper #pagination #controls p a { color: #F5F6D8; font-style: italic; text-decoration: none;} #slideshow_wrapper #pagination #controls p a:hover { color: #F5F6D8; font-style: italic; text-decoration: none;} #sigunik_slideshow_wrapper { overflow: hidden; height: 1%; border-top: 2px #3C000B solid; background: #51000D url('http://www.pergamena.net/_images/_global/ground_redTexture.jpg'); margin: 40px 0;} #sigunik_slideshow { height: 294px; } #sigunik_slideshow p { color: #FFF; } #sigunik_slideshow .slide { height: 294px; margin: 16px; background: #51000D url('http://www.pergamena.net/_images/_global/ground_redTexture.jpg'); } #sigunik_slideshow .caption { width: 390px; height: 50px; position: absolute; bottom: -60px; } #sigunik_slideshow_wrapper #pagination { overflow: hidden; height: 1%; margin: 20px 16px 0 16px; padding: 15px 0 10px 0; border-top: 1px #8F514A solid; color: #CCC; font-style: italic; } #sigunik_slideshow_wrapper #pagination #controls { float: right; } #sigunik_slideshow_wrapper #pagination #controls p { color: #8F514A; } #sigunik_slideshow_wrapper #pagination #controls p a { color: #F5F6D8; font-style: italic; text-decoration: none;} #sigunik_slideshow_wrapper #pagination #controls p a:hover { color: #F5F6D8; font-style: italic; text-decoration: none;} #gallery_slideshow_wrapper { overflow: hidden; height: 1%; border-top: 2px #343939 solid; background: #51000D url('http://www.pergamena.net/_images/_global/ground_redTexture.jpg'); margin: 40px 0 0 0; } #gallery_slideshow { height: 294px; } #gallery_slideshow h3 { font-size: 18px; font-style: italic; color: #F5F6D8; margin: .5em 0;} #gallery_slideshow p { color: #FFF;} #gallery_slideshow .slide { height: 294px; margin: 16px; background: #51000D url('http://www.pergamena.net/_images/_global/ground_redTexture.jpg'); } #gallery_slideshow .slide .copy { width: 330px; margin: 0 0 0 20px; float: left; } #gallery_slideshow .slide .image { float: left; } #gallery_slideshow_wrapper #pagination { overflow: hidden; height: 1%; margin: 20px 16px 0 16px; padding: 10px 0 0 0; border-top: 1px #8F514A solid; color: #CCC; font-style: italic; } #gallery_slideshow_wrapper #pagination #page { float: left; font-style: italic; color: #F5F6D8;} #gallery_slideshow_wrapper #pagination #controls { float: right; } #gallery_slideshow_wrapper #pagination #controls p { color: #8F514A; } #gallery_slideshow_wrapper #pagination #controls p a { color: #F5F6D8; font-style: italic; text-decoration: none;} #gallery_slideshow_wrapper #pagination #controls p a:hover { color: #F5F6D8; font-style: italic; text-decoration: none;} /* ------------------------------------------------- */ /* ---------------------CONTACT---------------------- */ /* ------------------------------------------------- */ #contact_form_container { } #contact_form_container form { height: 1%; font-family: Georgia, sans-serif; margin: 50px 0 0 0; overflow: hidden; border-bottom: 1px solid #ccc; } #contact_form_container form .button { font-family: Georgia, sans-serif; float: right; margin: 20px 7px 40px 0; color: #FFF; width: 200px; font-size: 1.25em; background-color: #5C000B; border: none; padding: 6px 0;} #contact_form_container form .button:hover { background-color: #AB2816; cursor: pointer; cursor: hand;} #contact_form_container .form_item { clear: both; height: 45px;} #contact_form_container .form_item_textarea { clear: both; } #contact_form_container .form_item label, #contact_form_container .form_item_textarea label { display: block; float: left; width: 145px; font-size: 14px; color: #666; padding: 4px 0 0 0; margin: 0;} #contact_form_container .form_item input, #contact_form_container .form_item_textarea input { display: block; float: left; width: 500px; color: #666; border: 1px #CCC solid; padding: 5px; } #contact_form_container .form_item select, #contact_form_container .form_item_textarea select { display: block; float: left; width: 510px; color: #666; border: 1px #CCC solid; padding: 2px 0 2px 3px;} #contact_form_container .form_item_textarea textarea, #contact_form_container .form_item textarea { display: block; float: left; width: 500px; color: #666; border: 1px #CCC solid; padding: 5px; } #contact_form_container form p.checkbox { display: block; clear: both; padding: 10px 0 0 0; margin: 10px 0 30px 150px; font-style: italic;} #contact_form_container .form_item input.error { border: 1px #F00 solid; } #contact_form_container .form_item select.error { border: 1px #F00 solid; } #contact_form_container .form_item_textarea textarea.error { border: 1px #F00 solid; } #contact_form_container .form_item label.error { font-size: 0px; margin: 0; color: #F00; } #contact_form_container .form_item_textarea label.error { font-size: 0px; margin: 0; color: #F00;} #addresses { overflow: hidden; height: 1%; margin: 0 0 30px 0;} #addresses address { float: left; width: 200px; height: 150px; padding-left: 20px; border-left: 1px #DDD solid;} #addresses address.first { float: left; width: 200px; height: 150px; padding-left: 0px; border-left: 0px #DDD solid; } #addresses address strong { font-size: 13px; line-height: 18px; color: #5C000B; font-style: italic; margin: 0 0 1em 0; font-weight: normal; } /* ------------------------------------------------- */ /* ---------------------FOOTER---------------------- */ /* ------------------------------------------------- */ ul#footer_menu { float: left; height: 18px; width: 600px; } ul#footer_menu li { display: inline;} ul#footer_menu li a { font-size: 9px; font-family: Arial, sans-serif; color: #999; text-decoration: none; height: 18px; padding: 0 5px 0 0; border-right: 1px #FFF solid; } ul#footer_menu li a:hover { text-decoration: none; text-decoration: underline; } #email_signup { float: right; margin: 0;} #email_signup .inputbox input { float: left; border: 1px #CCC solid; height: 16px; width: 200px; padding: 4px 3px 2px 4px; font: 12px Arial; color: #333; } #email_signup .button { float: left; width: 34px; height: 22px; border: 1px #CCC solid; border-left: 0px #AB2816 solid;} #email_signup input.blur { color: #999; } #email_signup input.error { border: 1px #F00 solid; } #email_signup label.error { font-size: 0px; margin: 0; color: #F00; } #email_signup_big { overflow: hidden; height: 1%; margin: 0 0 30px 0;} #email_signup_big .inputbox input { float: left; border: 1px #CCC solid; height: 16px; width: 200px; padding: 4px 3px 2px 4px; font: 12px Arial; color: #333; } #email_signup_big .button { float: left; width: 34px; height: 22px; border: 1px #CCC solid; border-left: 0px #AB2816 solid;} #email_signup_big input.blur { color: #999; } #email_signup_big input.error { border: 1px #F00 solid; } #email_signup_big label.error { font-size: 0px; margin: 0; color: #F00; } #copyright { clear: both; float: left; font-size: 9px; font-family: Arial, sans-serif; color: #999; margin: 0; width: 500px;} /* ------------------------------------------------- */ /* -------------------PRIVACY POLICY---------------- */ /* ------------------------------------------------- */ #privacy_policy p { font-size: 16px; line-height: 21px; color: #666; font-style: italic; margin: 0 0 1em 0; } /* ------------------------------------------------- */ /* ---------------------SPECIALS-------------------- */ /* ------------------------------------------------- */ .hidden { display: none;} .clear { clear: both;}