#nav {margin:123px 0px 0px 0px;} .dropdown {float:left; padding-right:0px;} .dropdown dt {font-size:1.1em; color:#ffffff; font-weight:bold; cursor:pointer; height:20px; margin-top:-2px; padding-top:5px;} .dropdown dt:hover {background:#FF6600; /*height:24px; margin-top:-2px; padding-top:5px;*/} .dropdown dd {position:absolute; margin:0px 0px 0px -1px; overflow:hidden; width:208px; display:none; z-index:200; opacity:0; font-size:1em; font-weight:bolder;} .dropdown a:link {display:block; padding:5px 0px 0px 13px; height:20px; color:#ffffff; font-size:1em; text-decoration:none;} .dropdown a:visited {display:block; padding:5px 0px 0px 13px; height:20px; color:#ffffff; font-size:1em; text-decoration:none;} .dropdown a:hover {background:#FF6600; font-size:1em; color:#ffffff;} .dropdown a:active {display:block; padding:5px 0px 0px 13px; height:20px; color:#000000; font-size:1em; text-decoration:none;} .dropdown a {line-height: 2.4em} .dropdown .border-right a:link {display:block; margin-top:2px; padding:0px; color:#ffffff;} .dropdown .border-right a:visited {display:block; margin-top:2px; padding:0px; color:#ffffff;} .dropdown .border-right a:hover {display:block; margin-top:2px; padding:0px; color:#ffffff;} .dropdown .border-right a:active {display:block; margin-top:2px; padding:0px; color:#ffffff;} .dropdown .border-none a:link {display:block; margin-top:2px; padding:0px; color:#ffffff;} .dropdown .border-none a:visited {display:block; margin-top:2px; padding:0px; color:#ffffff;} .dropdown .border-none a:hover {display:block; margin-top:2px; padding:0px; color:#ffffff;} .dropdown .border-none a:active {display:block; margin-top:2px; padding:0px; color:#ffffff;} body#home-page #home {display:block; background:#FF6600;} body#corp-profile-page #corp-profile {display:block; background:#FF6600;} body#products-page #products {display:block; background:#FF6600;} body#catalogue-page #catalogue {display:block; background:#FF6600;} body#pump-stations-page #pump-stations {display:block; background:#FF6600;} body#recent-projects-page #recent-projects {display:block; background:#FF6600;} body#technical-page #technical {display:block; background:#FF6600;} body#transport-page #transport {display:block; background:#FF6600;} body#contact-links-page #contact-links {display:block; background:#FF6600;} body#catalogue-page #one-ddheader {display:block; background:#FF6600;} body#products #two-ddheader {display:block; background:#FF6600;} .dropdown .underline {border-bottom:1px solid #FF6600;} .border-right {border-right:1px solid #FF6600; padding: 0px 8px 0px 8px;} .border-none {padding: 0px 8px 0px 8px;} /* INDIVIDUAL PRODUCT COLOURS ------------------------------*/ /* whole block coloured */ /* .dropdown #stormwater {background: #3490c0;} .dropdown #sewer {background: #e2001a;} .dropdown #trade {background: #00CC00;} .dropdown #septic {background: #FFFF00;} .dropdown #electrical {background: #5e196f;} .dropdown #water {background: #66CCCC;} .dropdown #municipal {background: #993300;} .dropdown #grc {background: #f18e00;} .dropdown #havestock {background: #333333;} */ /* coloured square */ .dropdown ul {border-top:none; margin:0px 0px 0px 0px;margin-top: 0px !important; background:#e75113; position:relative; left:-10px;} .dropdown li {font-size:1.1em; margin: 0px 0px 0px 0px; position:relative; left:7px; width:208px; list-style:none;} .dropdown ul li a {padding: 3px 3px 3px 10px !important;line-height: 1.6em !important} .dropdown #product-concrete {background: #e75113;} .dropdown #product-grc {background: #e75113;} .dropdown #stormwater {background: #3490c0;} .dropdown #sewer {background: #e2001a;} .dropdown #trade {background: #00CC00;} .dropdown #septic {background: #FFFF00;} .dropdown #septic a {color:#000000;} .dropdown #electrical {background: #5e196f;} .dropdown #water {background: #66CCCC;} .dropdown #municipal {background: #993300;} .dropdown #grc {background: #f18e00;} .dropdown #havestock {background: #333333;} /* SAFARI FIXES ------------------------------------------------------------*/ .safari #nav {margin:0px;} .safari .dropdown a {line-height: 1.4em !important;padding-bottom: 0px;} .safari .dropdown ul {/*width:85px; border:1px solid #9ac1c9;*/ list-style:none; border-top:none; margin:-2px 0px 0px 0px; background:#e75113;} .safari .dropdown li {display:block; font-size:1.1em; margin: 0px 0px 0px -30px;} .safari .dropdown ul li a {line-height: 1.8em !important;} .safari .dropdown a:link {display:block; padding:0px 0px 0px 11px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; } .safari .dropdown a:visited {display:block; padding:0px 0px 0px 11px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; } .safari .dropdown a:hover {font-size:1em; color:#ffffff;} .safari .dropdown a:active {display:block; padding:0px 0px 0px 11px; height:20px; color:#000000; font-size:1em; text-decoration:none; } .safari .dropdown .border-right a:link {display:block; margin-top:2px; padding:0px; color:#ffffff;} .safari .dropdown .border-right a:visited {display:block; margin-top:2px; padding:0px; color:#ffffff;} .safari .dropdown .border-right a:hover {background:none; color:#ffffff;} .safari .dropdown .border-right a:active {display:block; margin-top:2px; padding:0px; color:#ffffff;} .safari .dropdown .border-none a:link {display:block; margin-top:2px; padding:0px; color:#ffffff;} .safari .dropdown .border-none a:visited {display:block; margin-top:2px; padding:0px; color:#ffffff;} .safari .dropdown .border-none a:hover {background:none; color:#ffffff;} .safari .dropdown .border-none a:active {display:block; margin-top:2px; padding:0px; color:#ffffff;} /* FIREFOX FIXES -----------------------------------------------------------*/ .gecko #nav {margin:0px;} .gecko .dropdown {margin: 5px 0px 0px 0px;} .gecko .dropdown ul {/*width:85px; border:1px solid #9ac1c9;*/ list-style:none; border-top:none; margin:-2px 0px 0px 0px; background:#e75113;} .gecko .dropdown li {display:block; font-size:1.1em; margin: 0px 0px 0px -30px;} .gecko .dropdown a:link {display:block; height:20px; color:#ffffff; font-size:1em; text-decoration:none; margin-left:0px 0px 0px 3px; } .gecko .dropdown a:visited {display:block; height:20px; color:#ffffff; font-size:1em; text-decoration:none; margin-left:0px 0px 0px 3px; } .gecko .dropdown a:hover {font-size:1em; color:#ffffff;} .gecko .dropdown a:active {display:block; height:20px; color:#000000; font-size:1em; text-decoration:none; margin-left:0px 0px 0px 3px; } .gecko body#home-page #home {display:block; background:#FF6600; margin-top: -1px} .gecko body#corp-profile-page #corp-profile {display:block; background:#FF6600; margin-top: -1px} .gecko body#products-page #products {display:block; background:#FF6600; margin-top: 0px} .gecko body#catalogue-page #catalogue {display:block; background:#FF6600; margin-top: 0px} .gecko body#pump-stations-page #pump-stations {display:block; background:#FF6600; margin-top: 0px} .gecko body#recent-projects-page #recent-projects {display:block; background:#FF6600; margin-top: 0px} .gecko body#technical-page #technical {display:block; background:#FF6600; margin-top: 0px} .gecko body#transport-page #transport {display:block; background:#FF6600; margin-top: 0px} .gecko body#contact-links-page #contact-links {display:block; background:#FF6600; margin-top: 0px} .gecko body#catalogue-page #one-ddheader {display:block; background:#FF6600; margin-top: 0px} .gecko body#products #two-ddheader {display:block; background:#FF6600; margin-top: 0px} .gecko .border-right {border-right:1px solid #FF6600; padding: 0px 8px 8px 8px; margin:0px 0px 0px 0px;} .gecko .border-none {padding: 0px 8px 8px 8px; margin:0px 0px 0px 0px;} .gecko .dropdown .border-right a:link {display:block; margin-top:0px; padding:0px; color:#ffffff;} .gecko .dropdown .border-right a:visited {display:block; margin-top:0px; padding:0px; color:#ffffff;} .gecko .dropdown .border-right a:hover {background:none; color:#ffffff;} .gecko .dropdown .border-right a:active {display:block; margin-top:0px; padding:0px; color:#ffffff;} .gecko .dropdown .border-none a:link {display:block; margin-top:0px; /*padding:0px;*/ color:#ffffff;} .gecko .dropdown .border-none a:visited {display:block; margin-top:0px; /*padding:0px;*/ color:#ffffff;} .gecko .dropdown .border-none a:hover {background:none; color:#ffffff;} .gecko .dropdown .border-none a:active {display:block; margin-top:0px;/* padding:0px;*/ color:#ffffff;} /* IE FIXES -----------------------------------------------------------*/ .ie8 #nav {margin:0px 0px 0px 0px; padding:0px;margin-top: 0px !important} .ie8 .dropdown {float:left; padding-right:0px; margin:0px 0px 0px 0px;} .ie8 .dropdown dt, .ie7 .dropdown dt {height:20px !important;padding-bottom: 2px !important;} .ie8 .dropdown a, .ie7 .dropdown a {line-height: 1.6em !important;height:20px !important;} .ie8 .dropdown li {font-size:1.1em; margin: 0px 0px 0px -40px; position:relative; left:7px; width:208px; list-style:none;height: 24px !important;} .ie8 .dropdown ul {margin-top: 4px !important;}