/** * * Main Layout File for HOTSTART website */ /* Misc Styles and defaults -------------------------------------------- */ * { margin:0; padding:0; } .offleft { display:block; position:absolute; text-indent:-9999px; overflow:hidden; padding-right:50px; text-align:left; } html { height:100%; } body { height:100%; font-size:14px; color:#636362; margin-bottom:40px; font-family:Verdana, Lucida, sans-serif; background-color:#ffffff; background-image:url(/site/images/orangegreenbkgd.gif); background-position:center top; background-repeat:repeat-y; } a { color:#f22600; } a:hover { color:#636362; } .right { float:right; margin-left:10px; } .left { float:left; margin-right:10px; } .clear { clear:both; } /* CONTAINER ----------------------------------------- */ #BgContainer { height:100%; background-image:url(/site/images/wingsbkgd.jpg); background-position:center top; background-repeat:no-repeat; } #Layout { width:881px; margin:0px auto; position:relative; } #Content { margin:0px 0px 0px 15px; text-align:left; width:410px; float:left; } #BlogContent, #OneColContent { width:601px; float:left; margin:0px 0px 0px 15px; } #Content h1, #BlogContent h1, #OneColContent h1 { font-size:15px; line-height:20px; color:#f22600; text-transform:uppercase; margin-top:17px; margin-bottom:20px; } #Content h2, #BlogContent h2, #OneColContent h2 { font-size:13px; line-height:17px; color:#f22600; text-transform:uppercase; margin-top:20px; margin-bottom:0px; } #Content h3, #BlogContent h3, #OneColContent h3 { font-size:12px; line-height:17px; color:#f22600; text-transform:uppercase; margin-top:20px; margin-bottom:0px; } #Content p, #BlogContent p, #OneColContent p { color:#787878; font-size:12px; line-height:24px; margin-bottom:10px; } #Content ul, #BlogContent ul, #OneColContent ul { padding-left:15px; } #Content ul li, #BlogContent ul li, #OneColContent ul li { margin-left:15px; font-size:12px; list-style-type:square; padding-bottom:4px; } #Content hr, #BlogContent hr, #OneColContent hr { height:1px; color:#787878; background-color:#787878; border:none; margin:20px 0px 20px 0px; } #Content img, #BlogContent img, #OneColContent img { border:none; } .blogSummary { border-bottom:#888888 1px solid; } /* HEADER ----------------------------------------- */ #Header { width:887px; margin:0 auto; overflow:hidden; } #Header h1 { font-size:3.2em; font-weight:300; padding:20px 0 0 30px; } #Header p { font-size:1.4em; clear:left; margin:0 0 0 100px; } #quicklinks { margin-top:40px; float:right; } #Container { width:889px; margin:0px auto 0px auto; position:relative;} #languageSwitcher { width:118px; height:18px; overflow:hidden; position:absolute; left:525px; top:40px; z-index:15; background-image:url(/site/images/language_switcher.gif); background-position:left top; background-repeat:no-repeat; } #languageSwitcher ul { width:79px; margin-left:37px; margin-top:25px; padding:4px 0px 6px 0px; border-right:#f22600 1px solid; border-left:#f22600 1px solid; } #languageSwitcher ul li { list-style-type:none; background-color:#f2f2f2; padding-left:6px; padding-bottom:4px; } #languageSwitcher ul li a { font-size:11px; color:#888888; text-decoration:none; } #languageSwitcher ul li a:hover { color:#f22600; } #logo { display:block; width:195px; height:42px; background-image:url(/site/images/hotstart.gif); background-position:left top; background-repeat:no-repeat; margin-top:24px; float:left; } #quicklinks ul li { float:left; list-style-type:none; padding-right:10px; padding-left:10px; border-right:#888888 1px solid; } #quicklinks ul li.last { border-right:none; } #quicklinks ul li a { font-size:11px; color:#888888; text-decoration:none; } #quicklinks ul li a:hover { color:#f22600; } /* MAIN NAVIGATION - TABS ----------------------------------------- */ #Navigation { width:889px; margin:10px auto 0px auto; padding-top:5px; overflow:hidden; background-image:url(/site/images/navbkgd.gif); background-position:left 5px; background-repeat:repeat-x; z-index:10; } #Navigation ul { background-image:url(/site/images/navlastbkgd.gif); background-position:right -1px; background-repeat:no-repeat; } #Navigation ul li { list-style:none; float:left; display:block; } #Navigation ul li a { float:left; text-decoration:none; display:block; height:29px; font-size:13px; color:#ffffff; border-right:#ffffff 1px solid; } #Navigation ul li a.first { background-image:url(/site/images/navfirstbkgd.gif); background-position:left -1px; background-repeat:no-repeat; } #Navigation ul li a.last { background-image:url(/site/images/navlastbkgd.gif); background-position:right -1px; background-repeat:no-repeat; border-right:none; } #Navigation ul li a span { text-align:center; display:block; width:177px; float:left; height:22px; padding-top:7px; } #Navigation ul li a:hover, #Navigation ul li a.current { cursor:pointer; background-image:url(/site/images/navbkgd.gif); background-position:left bottom; background-repeat:repeat-x; } #Navigation ul li a.first:hover, #Navigation ul li a.first.current { background-image:url(/site/images/navfirstbkgd.gif); background-position:left -39px; background-repeat:no-repeat; } #Navigation ul li a.last:hover, #Navigation ul li a.last.current { background-image:url(/site/images/navlastbkgd.gif); background-position:right -39px; background-repeat:no-repeat; } #Navigation ul li a:hover span { cursor:pointer; } /* BREADCRUMBS -------------------------------------------- */ #Breadcrumbs { text-align:left; width:881px; font-size:0.9em; margin:0px auto 10px auto; padding-top:13px; padding-left:6px; background-image:url(/site/images/shadowundernav.gif); background-position:left top; background-repeat:no-repeat; } #Breadcrumbs p { margin:0; font-size:9px; color:#9d9fa2; font-weight:bold; } #Breadcrumbs p a { color:#9d9fa2; text-decoration:none; font-weight:normal; } #Breadcrumbs p a:hover { color:#f22600; } /* SIDEBAR -------------------------------------- */ #Sidebar { width:200px; float:left; margin:10px 0 0 0; padding:0; border-right:#f22600 1px solid; border-left:#f22600 1px solid; } #Sidebar .sidebarBox { margin:0px 0px 15px 0px; padding-bottom:2px; } #Sidebar li { list-style:none; } #Sidebar h3 { clear:both; text-transform:lowercase; font-weight:700; font-size:1.4em; margin:0px; line-height:1.8; padding:1px 0 0 10px; } #Sidebar .sidebarBottom { height:15px; display:block; width:200px; margin:-5px 0 0 0; } #Sidebar a em { font-style:normal; } #Sidebar p { font-size:11px; clear:both; margin:10px 10px 0 10px; } #Sidebar div.sidebarBox h3 { color:#ffffff; background-color:#f22600; padding:12px 13px 12px 13px; margin-top:15px; font-size:13px; text-transform:uppercase; } #Sidebar div.sidebarBox h3 a { color:#ffffff; text-decoration:none; } #Sidebar div.sidebarBox h3 a:hover {text-decoration:underline; } #imagesidebar { width:239px; float:right; } #imagesidebar img { margin-top:15px; float:right; } #imagesidebar h2 { background-color:#f22600; padding:12px; color:#ffffff; font-size:12px; line-height:18px; clear:both; } #imagesidebar p { background-color:#f3f3f3; border-bottom:#cacbcd 3px solid; padding:12px; color:#f22600; font-size:11px; } #imagesidebar p.first { font-size:16px; font-weight:bold; } #imagesidebar p a { color:#f22600; font-weight:bold; text-decoration:none; } #imagesidebar p a:hover { color:#636362; } #contactsidebar { clear:both; border-right:#f22600 1px solid; border-left:#f22600 1px solid; padding-top:0px; padding-bottom:15px; margin-top:0px; } /* Menu3 */ #Menu li a.levela { background-color:#f2f2f2; display:block; font-size:10px; color:#f22600; font-weight:bold; padding:6px 13px 6px 18px; text-decoration:none; border-bottom:#cacbcd 3px solid; background-image:url(/site/images/sidebararrowright.gif); background-position:6px 8px; background-repeat:no-repeat; } #Menu li a.levela:hover { color:#636362; } #Menu li a.levela.current, #Menu li.section a.levela { color:#636362; background-image:url(/site/images/sidebararrowdown.gif); } #Menu li ul.sub { padding-left:0px; } #Menu li ul li { list-style-type:none; padding-left:20px; border-bottom:#cacbcd 1px solid; } #Menu li ul li a.levelb { background-color:#ffffff; display:block; font-size:10px; line-height:14px; color:#50504f; padding:6px 13px 6px 0px; text-decoration:none; border-bottom:none; } #Menu li ul li a.levelb:hover { color:#f22600; } #Menu li ul li.levelb.last, #Menu li ul li.levelc { border-bottom:none; } #Menu li ul li.levelb.current a { color:#f22600; } #Menu li ul li.levelb.current ul li a { color:#50504f; } #Menu li ul li.levelc { padding-bottom:10px; list-style-type:square; margin-left:17px; padding-right:6px; padding-left:0px; font-size:9px; } #Menu li ul li.levelc a { color:#50504f; text-decoration:none; font-size:9px; } #Menu li ul li.levelc a:hover { color:#f22600; } #Menu li ul li.levelc.current a { color:#f22600; } /* COMMENTS ---------------------------------------- */ #CommentHolder ul { list-style:none; margin:20px 0; } #PageComments li { margin:5px 0; padding:1px; width:88%; } #PageComments li.odd { padding-left:40px; padding-right:10px; border-bottom:2px solid #BCE4FE; } #PageComments li.even { padding-right:40px; padding-left:10px; } #PageComments li.odd p.info { } .actionLinks li { display:inline; border-right:1px solid; } .actionLinks li a { padding-right:3px; font-size:10px; } .actionLinks li.last { border-right:none; } .commentrss { padding-left:20px; font-size:1.1em; line-height:1.6em; } #PageCommentsPagination p { text-align:center; font-size:1.2em; } #PageComments p { font-size:1em; } #PageComments p.info { margin:0px; padding:0; line-height:1em; font-size:0.9em; } /* MESSAGEBOXS --------------------------------------------- */ .message { margin:15px; padding:5px; width:92%; border:4px solid #F7F8B4; } span.middleColumn .message { margin:4px 0 0 3px; } .required { margin:4px 0 0 3px; padding:5px; width:92%; border:4px solid #FF7373; } .entry { border-bottom:1px solid #eee; } .typography #Content p.authorDate { margin-top:-15px; } /* UNSUBSCRIBE NEWSLETTER ------------------------------------------------ */ #Unsubscribe_MailingListForm_MailingListForm { min-height:100px; } #Unsubscribe_MailingListForm_MailingListForm p { margin:0 !important; padding:10px; } #Unsubscribe_MailingListForm_MailingListForm p label { display:inline; } #Unsubscribe_MailingListForm_MailingListForm label { margin:0; } /* FOOTER ----------------------------------------------- */ #Footer { clear:both; width:853px; margin:20px auto 20px auto; text-align:center; background-color:#f22600; padding:14px; } #Footer ul { width:80%; margin:0px auto 10px auto; } #Footer ul li { list-style-type:none; display:inline-block; padding:0px 10px 0px 4px; border-right:#ffffff 1px solid; } #Footer ul li.last { border-right:none; } #Footer p { clear:both; text-align:center; color:#ffffff; font-size:10px; } #Footer a, #Footer ul li a, #Footer a span { color:#ffffff; background-image:none; font-size:10px; text-transform:none; padding:0px; margin:0px; height:15px; } #Footer a:hover { text-decoration:underline; } /* TABLES */ table { border-collapse:collapse; border-spacing:0; } caption, td { text-align:left; font-weight:normal; padding:6px; font-size:11px; } th { text-align:right; font-size:11px; padding:6px; } th[scope="column"] { text-align:left; font-size:11px; padding:6px; } td a { color:#636362; } tr.odd { background-color:#f2f2f2; } /* LINK ICONS - shows type of file ------------------------------------ */ #Content a[href$=".pdf"], #BlogContent a[href$=".pdf"], #OneColContent a[href$=".pdf"], #Content a[href$=".PDF"], #BlogContent a[href$=".PDF"], #OneColContent a[href$=".PDF"], #Content a.pdf, #BlogContent a.pdf, #OneColContent a.pdf { padding: 2px; padding-left: 20px; background: url(../images/icons/page_white_acrobat.png) no-repeat left center; } #Content a[href$=".doc"], #BlogContent a[href$=".doc"], #OneColContent a[href$=".doc"], #Content a[href$=".DOC"], #BlogContent a[href$=".DOC"], #OneColContent a[href$=".DOC"], #Content a.doc, #BlogContent a.doc, #OneColContent a.doc { padding: 2px; padding-left: 20px; background: url(../images/icons/page_word.png) no-repeat left center; } #Content a[href$=".xls"], #BlogContent a[href$=".xls"], #OneColContent a[href$=".xls"], #Content a[href$=".XLS"], #BlogContent a[href$=".XLS"], #OneColContent a[href$=".XLS"], #Content a.xls, #BlogContent a.xls, #OneColContent a.xls { padding: 2px; padding-left: 20px; background: url(../images/icons/page_excel.png) no-repeat left center; } #Content a[href$=".gz"], #BlogContent a[href$=".gz"], #OneColContent a[href$=".gz"], #Content a[href$=".GZ"], #BlogContent a[href$=".GZ"], #OneColContent a[href$=".GZ"], #Content a[href$=".gzip"], #BlogContent a[href$=".gzip"], #OneColContent a[href$=".gzip"], #Content a[href$=".GZIP"], #BlogContent a[href$=".GZIP"], #OneColContent a[href$=".GZIP"], #Content a[href$=".zip"], #BlogContent a[href$=".zip"], #OneColContent a[href$=".zip"], #Content a[href$=".ZIP"], #BlogContent a[href$=".ZIP"], #OneColContent a[href$=".ZIP"], #Content a.archive, #BlogContent a.archive, #OneColContent a.archive { padding: 2px; padding-left: 20px; background: url(../images/icons/page_white_zip.png) no-repeat left center; } #Content a[href$=".exe"], #BlogContent a[href$=".exe"], #OneColContent a[href$=".exe"], #Content a[href$=".EXE"], #BlogContent a[href$=".EXE"], #OneColContent a[href$=".EXE"], #Content a.application, #BlogContent a.application, #OneColContent a.application { padding: 2px; padding-left: 20px; background: url(../images/icons/application.png) no-repeat left center; } /* CLEAR FLOATS This forces an element to surround floating elements that it contains, without having to put an element on the page that clears the float. See IE stylesheets for the method that works for that browser, since it doesn't support pseudo-selectors. */ #Header:after, #Navigation ul:after, #Layout:after, .middleColumn:after, #MemberLoginForm_LoginForm #Password:after, #MemberLoginForm_LoginForm #Remember:after, #Monday-Friday:after, #Saturday-Sunday:after, #weeksperyear:after, #fuelconsumed:after, #dollarspergallon:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }