* { margin: 0; padding: 0; }
html { overflow: -moz-scrollbars-vertical; }
ul { list-style: none; }
a { text-decoration: none; color: #37667F; outline: none; }
a:hover { text-decoration: underline; }
body { font: 13px/20px "Lucida Grande","Lucida Sans Unicode", arial, verdana, sans-serif; color: #444; background: #fff; }
h1 { font: 18px helvetica, arial, verdana, sans-serif; color: #37667F; margin-top: 8px; margin-bottom: 0px; padding-bottom: 8px; }
h2 { font: 15px helvetica, arial, verdana, sans-serif; color: #37667F; margin-top: 14px; margin-bottom: 0; }
h1 sup { font-size: 10px; }
h2 sup { font-size: 9px; }
input[type=text],input[type=password],select { width: 300px; font: 12px helvetica, arial, verdana, sans-serif; float: left; padding: 8px; }
input[type=submit],input[type=button] { padding: 4px 10px; }
.formControlContainer label { font: bold 12px helvetica, arial, verdana, sans-serif; width: 120px; display: block; float: left; line-height: 30px; text-align: right; padding-right: 10px; }
label.block { display: block; width: 400px; text-align: left; }
table.mceLayout { clear: both; }
div#currentRoleContainer { clear: both; margin: 20px 10px 0 125px; font-size: 11px; border: 0px solid green; }
.addIcon { position: relative; padding-top: 6px; left: 8px; }
#projectInformation li { padding-left: 0; }
#sidebar h3 { cursor: pointer; padding: 4px; text-align: center; text-transform: uppercase; float: left; margin-left: 14px; letter-spacing: 1px; font: bold 10px "Lucida Grande","Lucida Sans Unicode", arial, verdana, sans-serif; color: #37667F; }
#sidebar h3.active { background: #C3D5FF; }
#sidebar p { font-size: 11px; }
a img { border: 0; }
#container { width: 985px; border: 0px solid red; margin: 0 auto; }
#header { height: 160px; }
#portalHeader { }
#logoContainer { float: left; width: 200px; height: 100%; }
#portalLogoContainer { width: 300px; margin: 0 auto; }
#portalTagLine { font: 24px georgia, times, serif; color: #888; font-style: italic; text-align: center; margin-top: 9px; border: 0px solid red; }
#logo { margin-top: 20px; }
.sidebarModule2 h2 { font-weight: bold; }
.searchResultsContainer { clear: both; overflow: auto; }
.searchResultsContainer li { float: left; height: 100px; width: 100px; margin: 8px; border: 1px solid #ccc; overflow: hidden; }
.primaryPhotoContainer { width: 700px; height: 400px; overflow: hidden; }
div#galleryControlContainer { display: inline; }
.formControlContainer { margin-top: 12px; clear: both; overflow: auto; }
.addIcon, .roleRemoveIcon, .padRemoveIcon, .pacsRemoveIcon, #padAdd, #pacsAdd { cursor: pointer; position: relative; top: 3px; }
.contentEditLink { font-size: .7em; }
.specialCharacterReference { font-size: .7em; }
div.buttonBlock, div.buttonContainer { margin-top: 20px; overflow: auto; }
#swatchPreviewContainer { margin: 24px 0 14px; }
span#controlPanel { color: red; padding-right: 10px; }
div.controls { font-size: 12px; background: #eee; padding: 4px 8px; border: 1px solid #ddd; }
div.ss-controls { }
.gallerySaveIcon { position: relative; top: 4px; margin-right: 6px; cursor: pointer; }
.imageReleaseDisclaimer { margin: 20px 0; font-size: 11px; }
.required { color: red; }
label.error { color: red; font-weight: normal; font-size: 11px; float: left; border: 0px solid green; width: 220px; text-align: left; padding-left: 4px; }
/*.alert { background: url("../images/icons/alert.gif") no-repeat 0 50%; padding-left: 20px; color: #cea62b; font-size: 11px; }*/
div.notificationBlock { margin: 5px 0 15px; }
span.success { color: #318326; padding: 3px 10px 3px 23px; margin: 0 0 10px; background: url("../images/icons/success.gif") no-repeat 0 50%; display: block; font: 11px solid verdana, arial, helvetica, sans-serif; }
span.alert { color: #838226; padding: 3px 10px 3px 23px; margin: 0 0 10px; background: url("../images/icons/alert.gif") no-repeat 0 50%; display: block; font: 11px solid verdana, arial, helvetica, sans-serif; }
span.error { color: #832626; padding: 3px 10px 3px 23px; background: url("../images/icons/error.gif") no-repeat 0 50%; margin: 0 0 6px; display: block; font: 11px solid verdana, arial, helvetica, sans-serif; }
body#homepage #main { border: 0px solid purple; padding: 0; }
#topbar { background: #37667F; height: 6px; }
#topbarOuter { background: #fff; overflow: auto; }
#topbarInner { width: 985px; margin: 0 auto; }
#topbarInner ul { list-style: none; float: right; padding: 4px 0; }
#topbarInner li { color: #37667F; margin-left: 10px; padding-left: 10px; border-left: 1px solid #A7CBDF; float: left; font: 11px "Lucida Grande","Lucida Sans Unicode", arial, verdana, sans-serif; }
#topbarInner li.first { border-left: 0; }
#topbarInner li.last a { color: #EF6B00; }
#showMain #main { padding: 0; width: 985px; border: 0px solid blue; }
#showMain #main img { padding: 0; width: 985px; height: 450px; border: 0px solid green; margin: 0 auto 0; display: block; }
#main p { margin-top: 12px; }
#main { padding: 20px; width: 945px; min-height: 450px; margin-bottom: 20px; border: 0px solid purple; background: #FFFFFF url("../images/backgrounds/bgContainer.gif") no-repeat; }
div#container .showPortal { background: none; }
#pods { border: 0px solid green; overflow: auto; clear: both; margin-top: 20px; }
#pods h1 { font-size: 16px; }
#pods p { margin-top: 6px; }
.pod { height: 167px; width: 300px; padding: 10px; background: #fff url("../images/backgrounds/podBg.jpg"); float: left; margin-left: 11px; }
#pods .first { margin-left: 0; }
#footer { border-top: 1px solid #ccc; border-bottom: 0px solid #ccc; margin: 16px 4px 0; }
#podKitchens { background: url("../images/backgrounds/podBgKitchens.jpg") no-repeat; }
#podEndure { background: url("../images/backgrounds/podBgEndure.jpg") no-repeat; }
#podGoelst { background: url("../images/backgrounds/podBgGoelst.jpg") no-repeat; }
#sidebar { margin-top: 25px; width: 205px; padding-right: 15px; border: 0px solid red; float: left; min-height: 450px; border-right: 0px solid #eee; }
#sidebar .featureContainer p { padding-top: 0; margin-top: 0; }
#mainContent { width: 700px; border: 0px solid purple; float: right; }
#mainContentFull { width: 920px; }
.pageTitle { margin-top: 0; margin-bottom: 15px; }
.clear { clear: both; }
.productEntry { height: 170px; border: 1px solid red; margin-top: 20px; }
.tempLogo { margin-top: 15px; }
div#MachIIRequestLogDisplay { }
div#lifecycleWrapper h1 { background: url("../images/graphics/wheel1Sm.jpg") no-repeat; padding-left: 75px; height: 75px; line-height: 60px; }
.sidebarModule2 h2 { font-size: 12px; border-top: 1px dotted #37667F; border-bottom: 1px dotted #37667F; padding: 6px 0; margin-bottom: 0; }
.sidebarModule2 p { margin: 0 !important; }
.sidebarModule2 div { }
p.ajaxStatus { top: 73px; left: 1200px; width: 100px; position: absolute; text-align: center; font: bold italic 11px 'Trebuchet MS', Arial, Helvetica, sans-serif; border: 0px solid green; background: #BF0000; color: #fff; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; display: none; }
div#thermofoilFeatureContainer { margin: 20px 0; overflow: auto; }
div#thermofoilFeatureContainer div { float: left; width: 100px; }
div#thermofoilFeatureContainer div.last { margin-left: 10px; }
div#thermofoilFeatureContainer div p { margin-top: 0 !important; font: bold 11px helvetica, arial, verdana, sans-serif; color: #37667F; }
p.nickelLabel { font: bold 11px helvetica, arial, verdana, sans-serif; color: #37667F; margin-top: 0; padding-top: 0; }
div#selectedMaterialContainer h2 span { font-size: 12px; font-style: italic; }
.center { text-align: center; }
.featuredFinish { }
.finishDetails { font-size: 11px; margin-top: 0; padding: 0 0 4px 4px; }
span.brand { text-transform: capitalize; font-weight: bold; }
.imageTipContainer { height: 110px; width: 110px; overflow: hidden; border: 1px solid #ddd; }
ul#swatchList li { float: left; margin: 10px 10px 0 0; }
div#swatchContainer { float: left; width: 490px; border: 0px solid green; padding: 0; }
div.qtip { -moz-box-shadow: 3px 3px 3px #666; -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; }
div.brandLogoContainer { width: 200px; border: 3px solid #eee; border-top: 0; float: left; height: 100px; }
div.activeBrand { border: 3px solid red; }
div.brandLogoContainer img { width: 200px; margin: 0 auto; border: 0px solid green; display: block; }
div.featuredProductApplicationContainer { border: 0px solid #ddd; width: 138px; margin: 0 auto; border-bottom: 0; clear: both; float: left; padding-bottom: 8px; }
div.featuredProductApplicationContainer h2 { margin-top: -12px; text-align: center; padding: 4px 0 4px 6px; font: bold 11px helvetica, arial, verdana, sans-serif; color: #37667F; }
div#productApplicationSidebar div.last { border-bottom: 0px solid #ddd; }
div#productApplicationSidebar { border: 0px solid green; overflow: auto; width: 150px; margin: 12px auto 0; }
div#productApplicationSidebar h2 { font-size: 13px; }
.caseStudyContainer { position: relative; display: block; }
.caseStudyOverlay { position: absolute; top: 0; left: 0; display: none; }
.marketHeaderBlock { margin-top: 12px; background: #e7ecef; border: 1px solid #ddd; }
.marketHeaderBlock h2 { margin: 10px 0 0 15px; }
.marketHeaderBlock p { padding: 0 15px 15px 15px; margin: 0; }
.marketHeaderBlock img { margin-bottom: 0; padding-bottom: 0; }
#applications { border: 1px solid #ddd; overflow: auto; }
#applications li { float: left; padding: 10px 30px; }
.bold { font-weight: bold; }
#footer p { font-size: 11px; color: #777; }
#footer ul { list-style: none; padding: 8px 0; overflow: auto; }
#footer li { margin-left: 10px; padding-left: 10px; border-left: 1px solid #ddd; float: left; font: 11px "Lucida Grande","Lucida Sans Unicode", arial, verdana, sans-serif; }
#footer li a { color: #777; }
#footer li.first { border-left: 0; margin-left: 0; padding-left: 0; }
.bulletedList li {background: url("../images/icons/arrowRight.gif") no-repeat 0 50%; padding: 2px 4px 2px 16px; }
#subNav { }
.eventContainer { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
#eventWrapper .eventContainer:first-child { border-top: 1px dotted #ccc; margin-top: 20px; }
.eventContainer p:first-child { color: #000; }
.eventContainer p:last-child { background: url("../images/icons/pdf.gif") no-repeat; padding-left: 25px; }
.clear { clear: both; }
.testimonialContainer { margin-bottom: 30px; }
.testimonialContainer q { font: italic 18px/26px georgia, times, serif; display: block; }
.testimonialContainer img { display: block; margin-top: 15px; }
.fullQuoteContainer { background: #d6e8ff; display: none; border: 1px solid #8db0dc; padding: 12px; margin: 10px 0; }
q.shortQuote { margin-top: 12px; }
q.fullQuote { font-size: 14px; }
.readMore { display: block; margin: 12px 0; }
.priorityLink { background: url('../images/icons/orangeTriangle.gif') no-repeat 0 50%; padding-left: 12px; margin-top: 9px; display: block; }
.featureContainer h3 { color: #000; font: 13px "Lucida Grande","Lucida Sans Unicode", arial, verdana, sans-serif; }
.resourceDescCell { padding-left: 6px; }
.featureContainer p { font-size: 11px; }
.bodyMain { margin-bottom: 25px; float: left; width: 460px; border: 0px solid red; }
.categoryContainer { border: 1px solid #ddd; clear: both; height: 185px; width: 200px; margin: 20px 0 0 0; }
.categoryContainer h4 { font: 11px "Lucida Grande","Lucida Sans Unicode", arial, verdana, sans-serif; color:#777; text-align: center; margin-top: 8px; }
.categoryContainer img { display: block; width: 160px; margin: 0 auto; }
.brandContainer { border: 1px solid #ddd; clear: both; height: 130px; width: 200px; margin: 20px 0 0 0; }
.moduleMain h2 { font-size: 12px; }
.pdf, #additionalResources .document { background: url('../images/icons/pdfSmall.gif') no-repeat left center; }
.externalLink, #additionalResources .link { background: url('../images/icons/externalLink.gif') no-repeat left center; }
.photos { background: url('../images/icons/camera.gif') no-repeat left center; }
.moduleMain li { padding: 3px 0 3px 20px; border: 0px solid blue; }
.moduleMain { font-size: 11px; }
.productComponentContainer { border: 1px solid #ccc; float: left; width: 200px; margin-left: 30px; }
.productComponentContainer h2 { margin: 0; background: #37667F; color: #fff; font-size: 12px; padding: 4px 7px; }
.productComponentContainer img { display: block; margin: 0 auto; }
.productComponentContainer:first-child { margin-left: 0; }
#productComponentWrapper { margin-top: 30px; }
.materialTypeContainer { border: 1px solid #ccc; border-bottom: 0; background: #eee; clear: both; overflow: auto; padding: 0 10px; }
.materialTypeContainer div { display: none; margin-bottom: 10px; clear: both; }
.materialTypeContainer input { display: block; margin-top: 12px; }
.materialTypeContainer h2 { display: inline; float: left; }
.materialTypeContainer a.readMore { display: inline; float: right; }
#materialTypeWrapper .last { border-bottom: 1px solid #ccc; }
#materialTypeWrapper { margin-top: 30px; }
.finishContainer { width: 120px; border: 0px solid green; float: left; margin-left: 30px; margin-bottom: 50px; }
.finishContainer label { display: block; text-align: center; font-size: 11px; }
#finishWrapper { margin-top: 50px; }
#marketsList { border: 0px solid yellow; width: 920px; margin-left: 10px; }
#marketsList li { float: left; border: 1px solid #ccc; width: 450px; height: 316px; margin-left: 15px; margin-top: 15px; }
/*#marketsList li img { width: 450px; } */
#marketsList li.first { margin-left: 0; }
h1.materialOptionsHeader { padding: 18px 0 18px 70px; text-transform: capitalize; }
h1.boxHeader { background: url("../images/products/components/boxSmall.jpg") no-repeat; }
h1.frontHeader { background: url("../images/products/components/frontSmall.jpg") no-repeat; }
h1.worktopHeader { background: url("../images/products/components/worktopSmall.jpg") no-repeat; }
.featureContainer h2 { border: 1px solid #ddd; background: #e7ecef; font-size: 14px; padding: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.featureContainer div { overflow: auto; border: 1px solid #ddd; border-top: 0; padding: 10px; }
.featureContainer div q { font-style: italic; font-size: 11px; }
.third { width: 224px; }
.half { width: 337px; float: left; }
.applicationRenderingContainer { height: 230px; border: 0px solid blue; overflow: hidden; }
.applicationRenderingContainer img { position: relative; top: -80px; }
.applicationHeader { clear: both; margin-top: 0; text-transform: capitalize; }
div#financialHeader { background: #f4f4f4 url(../images/graphics/financialChart.gif); height: 332px; width: 700px; border: 0px solid #ccc; border-bottom: 0px dotted #37667F; }
div#chartInfo { border: 0px solid blue; width: 180px; height: 312px; background: #f4f4f4; float: right; padding: 20px 30px 0 10px; }
div#chartInfo p { font-size: 12px; margin-top: 6px; }
div#chartInfo ul { font-size: 12px; margin-top: 12px; }
li.maintenanceCosts { color: #AE2525; background: url(../images/icons/redSquare.gif) no-repeat 0 50%; padding-left: 15px; }
li.churnRateCosts { color: #6F8E32; background: url(../images/icons/greenSquare.gif) no-repeat 0 50%; padding-left: 15px; }
h2#bottomLine { margin-top: 22px; }
p#chartFootnotes { padding-top: 10px; }
p#chartFootnotes a { font-size: 11px; }
div#chartHeader { border: 0px solid green; width: 380px; float: left; margin: 285px 0 0 70px; }
div#chartHeader ul li { float: left; }
li.millwork { color: #0084C7; background: url(../images/icons/blueSquare.gif) no-repeat 0 50%; padding-left: 20px; }
li.modularCasework { color: #00B4D5; background: url(../images/icons/aquaSquare.gif) no-repeat 0 50%; padding-left: 20px; margin-left: 20px; }
li.learnMore { margin-left: 20px; padding-left: 20px; font-size: 11px; }
img.saveContentGroupContent { cursor: pointer; }
/*
anythingSlider v1.0
By Chris Coyier: http://css-tricks.com
with major improvements by Doug Neiner: http://pixelgraphics.us/
based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
/*
anythingSlider v1.2
By Chris Coyier: http://css-tricks.com
with major improvements by Doug Neiner: http://pixelgraphics.us/
based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider { width: 700px; height: 270px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper { width: 700px; overflow: auto; height: 270px; margin: 0; position: absolute; top: 0; left: 0; }
/* Width below is max for Opera */
.anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.anythingSlider ul li { display: block; float: left; padding: 0; height: 270px; width: 700px; margin: 0; }
.anythingSlider .arrow { display: block; border: 0px solid red; position: absolute; top: 274px; width: 28px; height: 25px; text-indent: -9999px; cursor: pointer; background: url("../images/icons/previous.gif"); }
.anythingSlider .forward { margin-left: 28px; width: 28px; border: 0px solid red; background: url("../images/icons/forward.gif"); }
.anythingSlider .forward:hover { background-image: url("../images/icons/forwardHover.gif"); }
.anythingSlider .back:hover { background-image: url("../images/icons/previousHover.gif"); }
#thumbNav { position: relative; top: 278px; margin-left: 65px; }
#thumbNav a { color: black; background: url("../images/icons/sliderBullets.gif") -5px -5px; font: 11px/18px helvetica, verdana, arial, sans-serif; padding: 2px 10px; height: 18px; margin: 0 5px 0 0; text-align: center; }
#thumbNav a:hover { background-position: 20px -5px; }
#thumbNav a.cur { background-position: -5px 20px; }
#start-stop { color: #007F05; font: 11px/18px helvetica, verdana, arial, sans-serif; background-repeat: repeat-x; padding: 2px 5px; text-align: center; position: absolute; left: 0px; top: 270px; }
#start-stop.playing { color: #8F0000; }
#start-stop:hover { background-image: none; }
/*
Prevents
*/
.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
/*
.homeSlider { border: 0px solid green; width: 985px; height: 450px; margin: 0; position: relative; }
.homeSlider .wrapper { width: 985px; height: 450px; overflow: auto; margin: 0; }
.homeSlider .wrapper ul { width: 99999px; list-style: none; background: #eee; border-top: 0px solid #e0a213; border-bottom: 0px solid #e0a213; margin: 0; }
.homeSlider ul li { display: block; float: left; padding: 0; height: 450px; width: 985px; margin: 0; }
.homeSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images/graphics/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 105px; cursor: pointer; }
.homeSlider .forward { background-position: 0 0; right: -67px; }
.homeSlider .back { background-position: -67px 0; left: -65px; }
.homeSlider .forward:hover { background-position: 0 -200px; }
.homeSlider .back:hover { background-position: -67px -200px; }
.homeSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.homeSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
#thumbNav { position: relative; top: 0px; text-align: center; }
#thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover { background-image: none; }
#thumbNav a.cur { background: #e0a213; }
#start-stop { background: green; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 7px; top: 423px; text-decoration: none; }
#start-stop.playing { background-color: red; }
#start-stop:hover { background-image: none; }
.applicationSlider { border: 1px solid #ddd; width: 690px; height: 300px; margin: 0; position: relative; }
.applicationSlider .wrapper { width: 490px; height: 300px; overflow: auto; margin: 0; }
.applicationSlider .wrapper ul { width: 99999px; list-style: none; background: #eee; border-top: 0px solid #e0a213; border-bottom: 0px solid #e0a213; margin: 0; }
.applicationSlider ul li { display: block; float: left; padding: 0; margin: 0; }
.applicationSlider .arrow { display: none; height: 200px; width: 67px; background: url(../images/graphics/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 105px; cursor: pointer; }
.applicationSlider .forward { background-position: 0 0; right: -67px; }
.applicationSlider .back { background-position: -67px 0; left: -65px; }
.applicationSlider .forward:hover { background-position: 0 -200px; }
.applicationSlider .back:hover { background-position: -67px -200px; }
.applicationSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.applicationSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
div.applicationSlider #start-stop { display: none; background: green; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 7px; top: 423px; text-decoration: none; }
div.applicationSlider #start-stop.playing { display: none; background-color: red; }
div.applicationSlider #start-stop:hover { display: none; background-image: none; }
*/
/*
Prevents
*/
/*
This stuff is for the TitleBlock Plugin
*/
.image { position: relative; margin-bottom: 20px; width: 100%; }
.image h2 { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer { padding: 0 2px; background: none; }
/*
* Scroll menu goodies
*
*/
div.scrollMenu {
/* Set it so we could calculate the offsetLeft */
position: relative;
height: 185px;
width: 673px;
border: 1px solid #ddd;
border-top: 0;
/* Add scroll-bars */
overflow: auto;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
ul.scrollMenu {
display: block;
height: 130px;
padding: 5px 0 0 5px;
list-style: none;
}
.scrollMenu li {
display: block;
float: left;
padding: 0 24px;
}
.scrollMenu a {
display: block;
text-decoration: none;
}
.scrollMenu span {
/* We want a caption to display on the next line */
display: block;
margin-top: 3px;
text-align: center;
font-size: 12px;
color: #444;
}
.scrollMenu span {
margin-top: 3px;
text-align: center;
font-size: 12px;
color: #444;
}
.scrollMenu a:hover span {
display: block;
}
.scrollMenu img {
border: 3px #fff solid;
}
.scrollMenu a:hover img {
filter:alpha(opacity=50);
opacity: 0.5;
}
/*
*
* CAPTION PLUGIN
*
*/
div.caption {
margin: 0;
padding:0;
position: relative;
}
div.caption p {
position: absolute;
padding: 2px 6px;
font-size: 11px;
bottom: 5px;
left: 0;
background:black;
color: white;
opacity: .7;
}
div.caption a { color: #fff; }
div.caption img {
margin: 0; padding: 0;
}
div#galleryWrapper {
width: 800px;
margin: 0 auto;
}
div#galleryWrapper div.content {
/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
display: none;
margin: 0 auto;
border: 0px solid purple;
height: 500px;
overflow: hidden;
}
div#galleryWrapper div.content a, div.navigation a {
text-decoration: none;
color: #37667F;
}
div#galleryWrapper div.content a:focus, div.content a:hover, div.content a:active {
text-decoration: underline;
}
div#galleryWrapper div.controls {
height: 23px;
border: 0px solid green;
margin-bottom: 0;
}
div#galleryWrapper div.controls a {
padding: 5px;
}
div#galleryWrapper div.controls img {
position: relative;
top: 3px;
}
div#galleryWrapper div.ss-controls {
float: left;
}
div#galleryWrapper div.nav-controls {
/*float: right;*/
}
div#galleryWrapper div.slideshow-container {
position: relative;
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
border: 0px solid red;
}
div#galleryWrapper div.loader {
position: absolute;
top: 0;
left: 0;
background-image: url('../images/icons/loader.gif');
background-repeat: no-repeat;
background-position: center;
width: 550px;
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div#galleryWrapper div.slideshow {
border-top: 0px solid green;
}
div#galleryWrapper div.slideshow span.image-wrapper {
display: block;
position: absolute;
top: 0;
left: 0;
}
div#galleryWrapper div.slideshow a.advance-link {
}
div#galleryWrapper div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
text-decoration: none;
}
div#galleryWrapper div.slideshow img {
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
margin-top: 12px;
}
div#galleryWrapper div.download {
float: right;
}
div#galleryWrapper div.caption-container {
}
div#galleryWrapper span.image-caption {
display: block;
position: absolute;
width: 550px;
top: 0;
left: 0;
}
div#galleryWrapper div.caption {
padding: 12px;
}
div#galleryWrapper div.image-title {
font-weight: bold;
font-size: 1.4em;
}
div#galleryWrapper div.image-desc {
line-height: 1.3em;
padding-top: 12px;
}
div#galleryWrapper div.navigation {
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
div#galleryWrapper div#thumbs { clear: both; }
div#galleryWrapper ul.thumbs {
clear: both;
margin: 0;
padding: 0;
}
div#galleryWrapper ul.thumbs li {
float: left;
padding: 0;
margin: 5px 10px 5px 0;
list-style: none;
}
div#galleryWrapper a.thumb {
display: block;
border: 2px solid #fff;
height: 65px;
}
div#galleryWrapper ul.thumbs li.selected a.thumb {
border: 2px solid #37667F;
}
div#galleryWrapper a.thumb:focus {
outline: none;
}
div#galleryWrapper ul.thumbs img {
border: none;
display: block;
}
div#galleryWrapper div.pagination {
clear: both;
}
div#galleryWrapper div.navigation div.top {
margin: 12px 0;
height: 11px;
}
div#galleryWrapper div.navigation div.bottom {
margin-top: 12px;
}
div#galleryWrapper div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
display: block;
float: left;
margin-right: 2px;
padding: 4px 7px 2px 7px;
border: 1px solid #ccc;
}
div#galleryWrapper div.pagination a:hover {
background-color: #eee;
text-decoration: none;
}
div#galleryWrapper div.pagination span.current {
font-weight: bold;
background-color: #cedbe2;
border-color: #37667F;
color: #37667F;
}
div#galleryWrapper div.pagination span.ellipsis {
border: none;
padding: 5px 0 3px 2px;
}
/** PRETTY BUTTONS http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html **/
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url('../images/buttons/bg_button_a.gif') no-repeat scroll top right;
color: #37667F;
display: block;
float: left;
font: bold 11px helvetica, arial, verdana, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
cursor: pointer;
}
a.button span {
background: transparent url('../images/buttons/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #CF510C;
outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}
.productApplicationButtonContainer { width: 120px; margin: 0 auto; }
.productApplicationButton { width: 120px; text-align: center; }
div.productApplicationButtonContainer .current { color: #fff; background: transparent url('../images/buttons/bg_button_a_current.gif') no-repeat scroll top right; }
div.productApplicationButtonContainer .current span { background: transparent url('../images/buttons/bg_button_span_current.gif') no-repeat; }
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
*
* Version: 1.3.1 (05/03/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
* html #fancybox-loading { /* IE6 */
position: absolute;
margin-top: 0;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('../images/fancybox/fancybox.png');
}
#fancybox-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 1100;
display: none;
}
* html #fancybox-overlay { /* IE6 */
position: absolute;
width: 100%;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 20px;
z-index: 1101;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #FFF;
}
#fancybox-inner {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
outline: none;
overflow: hidden;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background-image: url('../images/fancybox/fancybox.png');
background-position: -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox_error {
color: #444;
font: normal 12px/20px Arial;
padding: 7px;
margin: 0;
}
#fancybox-content {
height: auto;
width: auto;
padding: 0;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic;
}
#fancybox-frame {
position: relative;
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-title {
position: absolute;
bottom: 0;
left: 0;
font-family: Arial;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding: 10px 0;
text-align: center;
color: #333;
}
.fancybox-title-outside {
padding-top: 5px;
color: #FFF;
text-align: center;
font-weight: bold;
}
.fancybox-title-over {
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('../images/fancybox/fancy_title_over.png');
display: block;
}
#fancybox-title-wrap {
display: inline-block;
}
#fancybox-title-wrap span {
height: 32px;
float: left;
}
#fancybox-title-left {
padding-left: 15px;
background-image: url('../images/fancybox/fancybox.png');
background-position: -40px -90px;
background-repeat: no-repeat;
}
#fancybox-title-main {
font-weight: bold;
line-height: 29px;
background-image: url('../images/fancybox/fancybox-x.png');
background-position: 0px -40px;
color: #FFF;
}
#fancybox-title-right {
padding-left: 15px;
background-image: url('../images/fancybox/fancybox.png');
background-position: -55px -90px;
background-repeat: no-repeat;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background-image: url('../images/fancybox/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('../images/fancybox/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('../images/fancybox/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancy-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancy-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('../images/fancybox/fancybox-x.png');
}
#fancy-bg-ne {
top: -20px;
right: -20px;
background-image: url('../images/fancybox/fancybox.png');
background-position: -40px -162px;
}
#fancy-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('../images/fancybox/fancybox-y.png');
background-position: -20px 0px;
}
#fancy-bg-se {
bottom: -20px;
right: -20px;
background-image: url('../images/fancybox/fancybox.png');
background-position: -40px -182px;
}
#fancy-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('../images/fancybox/fancybox-x.png');
background-position: 0px -20px;
}
#fancy-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('../images/fancybox/fancybox.png');
background-position: -40px -142px;
}
#fancy-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('../images/fancybox/fancybox-y.png');
}
#fancy-bg-nw {
top: -20px;
left: -20px;
background-image: url('../images/fancybox/fancybox.png');
background-position: -40px -122px;
}
/* IE */
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie .fancy-bg { background: transparent !important; }
.fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
div.jqZoomTitle
{
z-index:5000;
text-align:center;
font-size:11px;
font-family:Tahoma;
height:16px;
padding:0 0 6px 0;
position:absolute;
top: 0px;
left: 0px;
width: 100%;
color: #FFF;
background: #999;
}
.jqZoomPup
{
overflow:hidden;
background-color: #FFF;
-moz-opacity:0.6;
opacity: 0.6;
filter: alpha(opacity = 60);
z-index:10;
border-color:#c4c4c4;
border-style: solid;
cursor:crosshair;
}
.jqZoomPup img
{
border: 0px;
}
.preload{
-moz-opacity:0.8;
opacity: 0.8;
filter: alpha(opacity = 80);
color: #333;
font-size: 12px;
font-family: Tahoma;
text-decoration: none;
border: 1px solid #CCC;
background-color: white;
padding: 8px;
text-align:center;
background-image: url(../images/icons/zoomloader.gif);
background-repeat: no-repeat;
background-position: 43px 30px;
width:90px;
* width:100px;
height:43px;
*height:55px;
z-index:10;
position:absolute;
top:3px;
left:3px;
}
.jqZoomWindow
{
border: 0px solid #ddd;
background-color: #fff;
margin-left: 0;
/*position: absolute;
top: 0;
left: 0;*/
}
div#zoomImageContainer { float: left; width: 267px; border: 0px solid green; }
div#zoomInfoContainer { float: right; width: 404px; margin-top: 0px; border: 0px solid orange; position: relative; }
div#hoverGraphicContainer { border: 0px solid purple; height: 200px; width: 300px; position: absolute; top: -210px; }
ul#renderingOptions li { border: 0px solid red; float: left; }
ul#renderingOptions li img { width: 100px; margin: 0 auto; display: block; cursor: pointer; }
a.renderingTypeButton { width: 108px; text-align: center; }
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px; padding: 20px 20px 0 20px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/* Fitz Nav */
#navContainer { float: right; height: 50px; margin-top: 95px; border: 0px solid green; }
#navContainer ul li { background: url("../images/backgrounds/navBg.jpg") repeat-x; list-style: none; float: left; padding: 0; font-weight: bold; font-size: 11px; }
#navContainer ul li a { padding: 4px 16px; height: 20px; color: #37667F; display: block; border-top: 0px solid #ddd; border-bottom: 0px solid #ddd; text-decoration: none; }
#navContainer ul li.first a { background: url("../images/backgrounds/navFirst.jpg") no-repeat; padding-left: 28px; }
#navContainer ul li.last a { background: url("../images/backgrounds/navLast.jpg") center right no-repeat; padding-right: 28px; }
#navContainer ul li:hover a { text-decoration: underline; }
#bodySidebar { width: 210px; float: right; }
#bodySidebar h2, div#chartInfo h2 { font-weight: bold; font-size: 12px; margin-bottom: 8px; }
span.projectInformationLabel { font-weight: bold; }
/* jquery sexy nav */
ul.topnav {
list-style: none;
padding: 0;
/*margin: 0;*/
float: right;
width: 920px;
background: #222;
font-size: 13px;
background: url(../icons/topnav_bg.gif) repeat-x;
border: 0px solid red;
width: auto;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
padding: 5px;
color: #000;
display: block;
text-decoration: none;
float: left;
}
ul.topnav li a:hover{
background: url(../icons/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
width: 7px;
height: 35px;
float: left;
border: 0px solid red;
margin-left: 0;
position: relative;
left: -10px;
padding-right: 10px;
padding-left: 0;
background: url(../images/icons/subNavArrows.png) no-repeat center top;
}
ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; } /*--Hover effect for trigger--*/
div#navContainer ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0;
top: 35px;
background: none;
margin: 0; padding: 0;
display: none;
float: left;
width: 160px;
border: 0px solid #111;
}
div#navContainer ul.topnav li ul.subnav li{
margin: 0;
padding: 0;
clear: both;
width: 160px;
}
html ul.topnav li ul.subnav li a {
float: left;
width: 145px;
color: #000;
/*background: #333 url(../icons/dropdown_linkbg.gif) no-repeat 10px center;*/
padding-left: 20px;
text-decoration: none !important;
background: url("../images/backgrounds/nav160.jpg") no-repeat !important;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #fff no-repeat 10px center;
text-decoration: underline !important;
}