/* -------------------------------------------------------------- CSS Framework Web Design & Development by Studio 24 Ltd www.studio24.net - (0870) 241 6159 * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. -------------------------------------------------------------- */ @import "reset.css"; @import "content.css"; @import "typography.css"; @import "forms.css"; /* =CONTAINERS -------------------------------------------------------------- */ body { background:#F3F3F3; } div#container { background:#fff; position:relative; width: 960px; margin: 0 auto; padding:20px; } div#content { margin-top:60px; margin-right:-8px; } div#content-primary { position:relative; float:left; width:722px; margin-left:23px; margin-top:8px; margin-bottom:20px; } div#content-primary p { margin-right:260px; } body.home div#content-primary { width:743px; position:relative; margin-left:0; } body.home div#content-primary p { margin-right:70px; } div#content-primary img.floatimageright { float:right; margin:0 0 10px 10px; } div#content-tertiary { } /* =SITE-TOOLS -------------------------------------------------------------- */ ul#site-tools { list-style-type: none; position:absolute; top:18px; right:24px; } ul#site-tools li ul { list-style-type:inherit; list-style-position:inside; margin-left:-7px; padding:0; display:none; } ul#site-tools li ul li { border-right:none; float:none; } ul#site-tools li ul li a { margin:0; padding:0; } ul#site-tools li a, ul#site-info li a { /* Same style of footer and site tools */ color:#666666; text-decoration:none; } ul#site-tools li a:hover, ul#site-info li a:hover { color:#993300; text-decoration:underline; } body.home ul#site-tools li a#home-nav, body.about-us ul#site-tools li a#about-nav, body.dist ul#site-tools li a#dist-nav, body.news ul#site-tools li a#news-nav, body.contact ul#site-tools li a#contact-nav { color: #e91b49; } ul#site-tools li, ul#site-info li { /* Same style of footer and site tools */ float:left; border-right:solid 1px #999999; padding-left:8px; padding-right:8px; } ul#site-tools li.last, ul#site-info li.last { /* Same style of footer and site tools */ border-right:none; padding-right:0; } /* =NAV-PRIMARY -------------------------------------------------------------- */ ul#nav-primary { list-style-type: none; display:block; background:#3f3f3f; position:absolute; top:162px; left:20px; margin:0; padding:0; width:960px; } ul#nav-primary li{ float:left; font-size:13px; padding:0; text-align:center; border-right:solid 2px #999999; } ul#nav-primary li.last{ border-right:none; } ul#nav-primary li.last a { width:118px; } ul#nav-primary li a { color:#FFFFFF; text-decoration:none; display:block; padding:10px; width:115px; border-bottom:solid 3px #3f3f3f; } body.range ul#nav-primary li a#range-nav, body.purge ul#nav-primary li a#purge-nav, body.neps ul#nav-primary li a#neps-nav, body.accs ul#nav-primary li a#accs-nav, body.appl ul#nav-primary li a#appl-nav, body.main ul#nav-primary li a#main-nav, body.tech ul#nav-primary li a#tech-nav { border-bottom:solid 3px #e91b49; } ul#nav-primary li a:hover { color:#FFFFFF; background:#666; border-bottom:solid 3px #666; } /* =NAV-SECONDARY -------------------------------------------------------------- */ ul#nav-secondary { background:#F7F7F7; list-style-type: none; float:left; width:198px; display:block; padding:0; margin:0; margin-top:8px; margin-right:15px; margin-bottom:25px; border:1px solid #CCCCCC; /* border-left:7px solid #666666; */ } ul#nav-secondary li { display:block; line-height:28px; margin:0; padding:0; } ul#nav-secondary li#sub-parent { background: #3f3f3f url(../img/red-arrow.gif) no-repeat 6px 10px; color:#fff; padding-left:26px; } ul#nav-secondary li#sub-parent ul { position:relative; left:-26px; } ul#nav-secondary li a { background:url(../img/black-arrow.gif) no-repeat 6px 10px; display:block; color:#333; width:173px; border-bottom:1px solid #666; text-decoration:none; padding-left:26px; } ul#nav-secondary li a:hover, ul#nav-secondary li a:hover.link-parent { background:#666 url(../img/white-arrow.gif) no-repeat 6px 10px; color:#FFF; } ul#nav-secondary li a.link-parent { background:#ddd url(../img/black-arrow.gif) no-repeat 6px 10px; } ul#nav-secondary li.parent { background: #3f3f3f url(../img/red-arrow.gif) no-repeat 6px 10px; color:#fff; width:173px; padding-left:26px; } ul#nav-secondary li ul { margin:0; margin-left:-26px; margin-bottom:-1px; list-style-type:none; } ul#nav-secondary li ul a:hover, ul#nav-secondary li.child { background: #ccc url(../img/white-arrow.gif) no-repeat 26px 50%; color:#333; } ul#nav-secondary li.parent ul li a { position:relative; left:-26px; } ul#nav-secondary li ul li a:hover, ul#nav-secondary li a.child { background: #999 url(../img/white-arrow.gif) no-repeat 26px 50%; color:#fff; } ul#nav-secondary li a.child { background: #3f3f3f url(../img/red-arrow.gif) no-repeat 26px 50%; color:#FFFFFF; } ul#nav-secondary li ul li a { background: #ddd url(../img/black-arrow.gif) no-repeat 26px 50%; color:#000; width:154px; padding-left:44px; margin-left:26px; } ul#nav-secondary li.child-nolink { background: #3f3f3f url(../img/red-arrow.gif) no-repeat 26px 10px; color:#fff; width:155px; border-bottom:1px solid #666; padding-left:44px; margin-left:26px; } ul#nav-secondary li.noborder a { border-bottom:none; } /* =NAV-TERTIRARY -------------------------------------------------------------- */ ul#nav-tertiary { list-style-type: none; } /* =BREADCRUMB -------------------------------------------------------------- */ ul#nav-breadcrumb { list-style-type: none; } /* =SITE-INFO -------------------------------------------------------------- */ ul#site-info { display:block; height:12px; list-style-type: none; clear:both; color:#888888; background:url(../img/footer_bar.gif) no-repeat 10px 0; padding-top:18px; margin-left:-10px; margin-right: 0; margin-bottom: 0; }