/* * META INFORMATION * - AUTHOR Michael Cole on behalf of The Sponge Pty Ltd (http://www.thesponge.com.au/) * - TITLE Infogenesis Main Styles * - DESCRIPTION Pretty much all of the CSS Styles for the Infogensis Website is contained in this file * - LAST MODIFIED Sept 19 2008 * - COMPANY Infogenesis (http://www.infogenesis.com.au/) * - NOTES A global reset should already be in affect * - BUGS Firefox shifts the page background image a PX to the left if there is an odd amount of pixels in the viewing pane */ html,body{text-align:center;font-family:Verdana, Geneva, sans-serif;margin:0;padding:0;} body{background: url(images/INF_pageBg.gif) center top repeat-y #68696F;} /* * Positioning and padding for all the main elements * "*_content" padding on the bottom need to to minus -27 from it to find the * real padding (due to the footer push) 40 - 27 = 13px, thing go a * little haywire if the padding is less than 27 (because 27 actually = 0). */ #container{background:url(images/INF_contentBg.gif) 0 320px no-repeat #ffffff;width:960px;text-align:left;margin:0 auto -27px auto;padding:0;} #header{height:320px;overflow:hidden;margin:0;padding:0;} #index_content{text-align:left;padding:1px 0 80px 0;} #sub_content{text-align:left;padding:0 285px 80px 47px;} #sub_content{text-align:left;padding:0 48px 80px 47px;} .sub_content_a{width:628px;float:left;overflow:hidden;} .sub_content_b{width:221px;float:right;overflow:hidden;position:relative;top:-40px;background: url(images/INF_subContentBBg.gif) repeat-x 0 40px transparent;} #footer{width:960px;text-align:left;margin:0 auto 0 auto;} /* * Styles for header elements the header is flash but in some cases alternative content needs to be avaiable and thus styled */ #header p, #header a, #header img{margin:0;padding:0;} /* * Stanard styling for the content of sub pages (any content pages) */ #sub_content h2.page_title{color:#ffffff;border-bottom:1px solid #ffc700;width:865px;font-size:1em;overflow:hidden;} #sub_content h2.page_title span.title{line-height:1.6em;display:block;padding:0px 120px 0px 8px;float:left;background:url(images/INF_h2PageTitleBg.gif) right bottom no-repeat #ffc700;font-weight:bold;} #sub_content h2{color:#f4bf08;font-size:0.96em;font-weight:bold;margin-top:21px;} #sub_content h3{color:#f4bf08;font-size:0.8em;font-weight:bold;margin-top:20px;} #sub_content h3 a{color:#f4bf08;font-weight:bold;} #sub_content h3 a:hover{text-decoration:none;} #sub_content h4{color:#788087;font-size:0.8em;font-weight:bold;margin-top:20px;} #sub_content h5{color:#788087;font-size:0.7em;font-weight:bold;margin-top:10px;} #sub_content h4 a{color:#788087;font-weight:bold;} #sub_content h4 a:hover{text-decoration:none;} #sub_content a{color:#74a300;font-weight:inherit;} #sub_content p{margin-top:19px;color:#5d6063;font-size:0.7em;line-height:1.5em;} #sub_content p.side_image{padding-top:19px;margin:0;} #sub_content p.error{color:#ff532b;font-weight:bold;} #sub_content p.more{margin-top:0.45em;} #sub_content p.more a{font-weight:bold;text-decoration:none;} #sub_content ul{font-size:0.7em;} #sub_content ol ol, #sub_content ol ul, #sub_content ul ol, #sub_content ul ul, #sub_content ol p, #sub_content ul p,#sub_content blockquote p, #sub_content ul li, #sub_content p blockquote{font-size:1em;} #sub_content li{padding-left:15px;margin-top:0.6em;font-size:1em;line-height:1.6em;} #sub_content ul li{background:url(images/INF_liBg.jpg) no-repeat 2px 0.6em transparent;} #sub_content ol li{list-style-type: lower-roman;padding-left:0;margin-left:15px;background:none;} #sub_content div.hr{height:1em;border-bottom:1px solid #ffce00;overflow:hidden;width:auto;} #sub_content div.hr hr{display:none;} #sub_content p.download{position:relative;top:-15px;} #sub_content p.download img{position:relative;top:17px;margin-right:10px;margin-left:10px;z-index:100;} #sub_content p.download a{text-decoration:none;} #sub_content p.product_line{color:#f4bf08;position:relative;top:-5px;} #sub_content strong{font-weight:bold;} #sub_content em{font-style:italic;} /* * Any styles for the side content that may differ from the main content */ #sub_content .sub_content_b p{margin-top:10px;} /* * Downloads sections styles */ #sub_content .downloads h4{color:#ffffff;background-color:#ffc700;padding:2px 0px 2px 10px;} #sub_content .downloads h5{color:#ffc700;position:relative;top:5px;} #sub_content .downloads .download_link{position:relative;top:-15px;} #sub_content .downloads .download_link img{margin-right:15px;position:relative;top:15px;} #sub_content .downloads .download_link .title{width:350px;float:left;overflow:hidden;display:block;padding-top:20px;font-weight:bold;} #sub_content .downloads .download_link .date{width:200px;float:left;overflow:hidden;display:block;padding-top:20px;} #sub_content .downloads .download_link .icon{float:right:height:41;width:30px;overflow:hidden;} /* * Syles for the side content that will sit on the right */ #sub_content .sub_content_b h3{height:20px;overflow:hidden;} /* * Styles for the News listing and Articles */ #news .summary{width:628px;} #news .summary h3{margin-top:1.6em;float:left;} #news .summary .date{margin-top:1.6em;float:right;width:210px;text-align:right;color:#cccccc;} #news .summary .abstract{} #news .summary .more{text-align:right;} #news .summary .more a{background-color:#b3cc35;color:#ffffff;padding:2px 5px 2px 5px;font-weight:bold;} #news .summary .more a:hover{background-color:#ffffff;color:#b3cc35;padding:2px 5px 2px 5px;} #news .article .date{margin-top:0.6em;color:#cccccc;} /* * Home page styles - understandably a little more complex that a stanard content page * "Welcome" is the first bit with the support center link * "Industry Solutions" is the 6 industry panels with the images in the title * "Banners" is the two img add that run down the right side of the page */ #index_content h2{color:#f4bf08;font-size:0.90em;font-weight:bold;margin:15px 0 0 0;padding:0 0 0 17px;background: url(images/INF_indexH2Bg.gif) 0 4px no-repeat transparent;} #index_content p{margin-top:19px;color:#5d6063;font-size:0.7em;line-height:1.5em;} #index_content .index_content_padding{margin:0 35px 0 34px;} #welcome{position:relative;width:890px;border-bottom:1px solid #cad0d6;margin-left:35px;padding-bottom:15px;margin-bottom:10px;} #welcome h2{position:relative;left:-5px;} #welcome p{margin: 12px 330px 0 10px;} #welcome p.support_center{position:absolute;right:0;bottom:-1px;margin:0;padding:0;} #industry_solutions{width:648px;background:url(images/INF_industrySolutionsBg.gif) 218px 0 repeat-y transparent;border-bottom:1px solid #cad0d6;float:left;} #industry_solutions h2{font-size:0.8em;background: url(images/INF_industrySolutionsH2Bg.gif) 0 0 no-repeat transparent;color:#ffffff;padding:5px 0 5px 17px;margin:0;} #industry_solutions .solution{width:212px;float:left;overflow:hidden;margin-bottom:10px;} #industry_solutions .solution h3{margin:12px 0 18px 6px;font-weight:bold;color:#ffffff;font-size:0.8em;} #industry_solutions .solution h3 a{display:block;padding:88px 0 11px 12px;font-weight:bold;color:#ffffff;text-decoration:none;} #industry_solutions .solution p{margin:5px 11px 0 14px;line-height:1.4em;} #industry_solutions .solution p.more{text-align:right;} #industry_solutions .solution p.more a{font-weight:bold;} #industry_solutions .solution_row{background:url(images/INF_industrySolutionsRowBg.gif) 0 0 no-repeat transparent;padding-left:6px;} #industry_solutions #clubs h3 {background:url(images/INF_FS_clubs.jpg) 0 0 no-repeat transparent;} #industry_solutions #clubs .more a{color:#ffb400;} #industry_solutions #resturants h3 {background:url(images/INF_FS_resturants.jpg) 0 0 no-repeat transparent;} #industry_solutions #resturants .more a{color:#fe6f19;} #industry_solutions #stadiums h3 {background:url(images/INF_FS_stadiums.jpg) 0 0 no-repeat transparent;} #industry_solutions #stadiums .more a{color:#a8c517;} #industry_solutions #resorts h3 {background:url(images/INF_FS_resorts.jpg) 0 0 no-repeat transparent;} #industry_solutions #resorts .more a{color:#9c64b9;} #industry_solutions #entertainment_venues h3 {background:url(images/INF_FS_entertainmentVenues.jpg) 0 0 no-repeat transparent;} #industry_solutions #entertainment_venues .more a{color:#57bfca;} #industry_solutions #managed_food_service h3 {background:url(images/INF_FS_managedFoodService.jpg) 0 0 no-repeat transparent;} #industry_solutions #managed_food_service .more a{color:#dd1c00;} #banners{float:right;width:230px;overflow:hidden;} #index_content #banners p{margin:0 0 20px 0;} /* * Attachment styles - not much to it */ #sub_content .attachments{padding:10px;background:#eee;border:1px solid #bbbbbb;margin-top:1.6em;width:200px;float:right;margin-left:10px;margin-bottom:10px;} #sub_content .attachments h3{color:#777777;font-weight:bold;margin-top:0px;} #sub_content .attachments p{color:#777777;font-weight:bold;margin-top:8px;} #sub_content .attachments a{color:#777777;font-weight:bold;text-decoration:none;} #sub_content .attachments a img{position:relative;top:3px;} /* * Footer styles - pretty straight forward */ #footer #footer_padding{background-color:#c3c7cb;overflow:hidden;height:27px;} #footer ul{font-size:0.7em;margin-left:32px;width:500px;height:27px;overflow:hidden;float:left;overflow:hidden;background-color:#c3c7cb;} #footer ul li{float:left;} #footer ul li a{display:block;padding:7px 20px 6px 15px;background: url(images/INF_footerLinkBg.gif) 0 9px no-repeat transparent;color:#656e77;font-weight:bold;text-decoration:none;} #footer ul li span{display:block;padding:7px 20px 0px 15px;color:#656e77;} #footer p.sponge{font-size:0.7em;position:relative;top:0;width:265px;float:right;background-color:#b8bcc0;height:27px;overflow:hidden;} #footer p.sponge a{display:block;padding:9px 20px 6px 78px;color:#656e77;font-weight:normal;text-decoration:none;font-size:0.9em;} #footer p.sponge img{position:absolute;right:0;top:0} /* * Contact forms and other forms with the same layout */ #form {width:362px;float:left;} #form p.text,#form p.select{width:362px;margin-top:8px;} #form p.text_phone{width:260px;margin-top:8px;display:block;float:left;overflow:hidden;} #form p.text_ext{width:100px;margin-top:8px;display:block;float:left;overflow:hidden;} #form p.text_phone label{width:260px;display:block;float:left;margin-top:4px;} #form p.text_ext label{width:100px;display:block;float:left;margin-top:4px;} #form p.text_phone input{width:240px;display:block;font-size:1.02em;font-family:inherit;} #form p.text_ext input{width:98px;display:block;font-size:1.02em;font-family:inherit;} #form label{font-weight:bold;color:#90969c;font-size:0.90em;} #form p.text label,#form p.select lebel{width:362px;display:block;margin-top:4px;} #form p.text input,#form p.select select{width:362px;display:block;font-size:1.02em;font-family:inherit;} #form p.select select option.critical{color:#AF2020;} #form p.select select option.serious{color:#AFA320;} #form p.select select option.minor{color:#86AF20;} #form p.select select option.low{color:#2CAF15;} #form p.image_button input{border-width:0;height:auto;width:auto;} #form input,#form textarea,#form .fake_input{background-color:#ffffff;color:#676767;border:1px solid #bcc2c8;font-family:inherit;} #form textarea{width:362px;height:100px;font-size:1em;} label sup{color:#ffb400;} #form .submit{text-align:right;} #form p.text .fake_input{color:#555555;width:362px;display:block;font-size:1em;font-family:inherit;padding: 2px 0 2px 0;} #form p.radio span,#form p.check span{font-weight:bold;color:#90969c;font-size:0.90em;} #form p.radio span sup,#form p.check span sup{color:#ffb400;} #form p.radio label,#form p.check label{font-weight:normal;} #login_register{background: url(images/INF_loginRegisterBg.gif) repeat-y 255px 0px transparent;width:460px;margin-top:2em;} #login_register h3{color:#90969c;margin-top:0.4em;font-weight:bold;} #login_register h3 span{color:#ffc700;font-style:italic;font-weight:bold;} #login{width:190px;float:left;overflow:hidden;} #register{width:190px;float:right;overflow:hidden;} #login p,#register p{width:184px;margin-top:8px;} #login label,#register label{font-weight:bold;color:#90969c;font-size:0.90em;} #login p.text label,#register p.text label{width:184px;display:block;margin-top:4px;} #login p.text input,#register p.text input{width:184px;display:block;border:1px solid #bcc2c8;} #login p.image_button input,#register p.image_button input{border-width:0;height:auto;width:auto;} /* * Pagination styles and layout */ #sub_content .pagination a{color:#888;text-decoration:none;} #sub_content .pagination a:hover{color:#fff;background-color:#888;} #sub_content .pagination a.current{font-weight:bold;} /* * Contact Details (on the contact us page) */ #contact_details{width:230px;float:right;overflow:hidden;} #contact_details b{color:#ffc700;} /* * Awards styles */ #sub_content p.award{z-index:20;position:relative;padding-left:14px;background: url(images/INF_awardBull.gif) 0 3px no-repeat transparent;padding-bottom:15px;} #sub_content p.award .award_logo{z-index:30;position:absolute;right:0px;top:-8px;}