/* Author: Christopher Heaney Author URI: http://www.simzerdesign.com/ Version: 1 Project: A D Metro Description: corporate site --------------------------------------------------------------------------------------- TABLE OF CONTENTS -- -- -- --------------------------------------------------------------------------------------- /* ------------------------------------------------------------------------------------ BASICS */ html{ font-size:100%; min-height:101%;} body{ color:#000; font: 62.5% Arial, Helvetica, sans-serif; height:100%; text-align: left; } a{ } a:hover { } a:active{ } a:visited{ } .left{ float:left; } .right{ float:right; } .clear{ clear:both; } img.left{ margin:0 1em 1em 0; } img.right{ margin:0 0 1em 1em; } .padding{ padding:10px; } #content p { margin:1.1em 0; } h1,h2,h3,h4,h5,h6 { color:#0087CB; font: bold Arial, Helvetica, sans-serif; font-style: normal; font-variant:normal; text-decoration:none; margin:0; padding:0; display: inline; } h1 { font-size: 22px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h7 { color:#FFFFFF; font: bold 10px Arial, Helvetica, sans-serif; font-style: normal; font-variant:normal; text-decoration:none; margin-bottom:10px; padding-bottom:10px; display: inline; } /* ------------------------------------------------------------------------------------ NAVIGATION MENU */ #navigation, #navigation ul { padding: 0; margin:0; list-style:none; line-height:1; float: right; clear: both; } #navigation a { padding:6px 10px; display: block; font: bold 11px Arial, Helvetica, sans-serif; color:#0087CB; background:#FFFFFF; text-decoration: none; } #navigation a:hover { padding:6px 10px; color:#DB1C24; background-color:#FFFFFF; } #navigation li { float: left; width:auto; display:block; } #navigation li{ padding:2px 4px; margin:0; } #navigation li ul li{ padding:2px 4px; margin:0; } #navigation li ul li a { padding:6px 10px; margin:2px; color:#0087CB; background:#FFFFFF; font: bold 11px Arial, Helvetica, sans-serif; } #navigation li ul { position:absolute; margin:0; width:130px; left:-999em; background-color:#FFFFFF; } #navigation li ul ul { margin:0 0 0 130px; } #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul { left: -999em; } #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto; } #navigation a.mainHed { color:#0087CB; background: url(../assets/images/nav-bg-1.gif) repeat-x; height:30px; margin-bottom:auto; font: bold 14px Arial, Helvetica, sans-serif; display:block; } #navigation a.mainHed:hover { color:#FFFFFF; background: url(../assets/images/nav-bg-2.gif) repeat-x; height:30px; } #toprightnav, #toprightnav ul { padding:0 0 0 10px; margin:10px 0 0 0; list-style:none; line-height:1; float:right; } #toprightnav a { display:block; padding:2px 4px; margin:2px 6px; text-decoration:none; font: bold 10px Arial, Helvetica, sans-serif; color: #FFFFFF; } #toprightnav a:hover{ text-decoration:none; padding:2px 4px; margin:2px 6px; color: #0066CC; background: #FFFFFF; } #toprightnav li { float:left; width:auto; } #toprightnav li{ padding:0; margin:0; } #toprightnav li ul li{ padding:1px 0p; } #toprightnav li ul li a{ padding:2px 6px; width:110px; } #toprightnav li ul { position:absolute; padding-top:1px; width:130px; left:-999em; } #toprightnav li ul ul { margin: -1.5em 0 0 130px; } #toprightnav li:hover ul ul, #toprightnav li:hover ul ul ul, #toprightnav li.sfhover ul ul, #toprightnav li.sfhover ul ul ul { left: -999em; } #toprightnav li:hover ul, #toprightnav li li:hover ul, #toprightnav li li li:hover ul, #toprightnav li.sfhover ul, #toprightnav li li.sfhover ul, #toprightnav li li li.sfhover ul { left: auto; } #leftcolNav, #leftcolNav ul { padding:0; margin:0; list-style:none; line-height:1; } #leftcolNav a { display:block; margin:2px; padding:4px 0; font:bold 10px Arial, Helvetica, sans-serif; color:#0087CB; text-decoration:none; } #leftcolNav a:hover { color:#DB1C24; text-decoration:none; } #leftcolNav ul li { margin:0; } #leftcolNav a.mainSub { color:#FFFFFF; text-decoration:none; margin-bottom:6px; } #leftcolNav a.mainSub:hover { color:#CCC; text-decoration:none; } #leftcolNav a.hot { color:#DB1C24; text-decoration:none; } #leftcolNav a.hot:hover { color:#DB1C24; text-decoration:none; } /* ------------------------------------------------------------------------------------ STRUCTURE */ #overallContainer { background: url(../assets/images/nav-tiler.gif) repeat-x; display: block; margin: 0; padding: 0; height: 100%; width: 100%; position: absolute; left: 0; top: 0; } #mainContainer { display: block; margin: auto; padding: 0; width: 1024px; background: #FFFFFF; top: 0; } #pageContainer { display: block; margin: auto; padding: 0 90px; clear: both; min-height: 760px; } * html div#pageContainer { height: expression( this.scrollHeight < 761 ? "760px" : "auto" ); /* sets min-height for IE */ } #page { padding: 0 30px 20px 20px; } #footerContainer { background: #999999; display: block; margin: auto; padding: 10px 90px; } #header { display: block; height: 136px; margin:0; padding:0; } #footer { display: block; font-size: 9px; color:#FFFFFF; } #copyright { float: right; font-size: 9px; color:#FFFFFF; display: inherit; } #mainContainer.screens { background: url(../assets/images/mainScreens-bg.jpg) no-repeat top; display: inherit; } #mainContainer.textPage { background: url(../assets/images/mainContent-bg.jpg) no-repeat top; display: inherit; } #mainContainer.prUltra { background: url(../assets/images/mainprUltra-bg.jpg) no-repeat top; display: inherit; } #mainContainer.prUltraCP { background: url(../assets/images/mainprUltraCP-bg.jpg) no-repeat top; display: inherit; } #mainContainer.prResistive { background: url(../assets/images/mainprResistive-bg.jpg) no-repeat top; display: inherit; } #mainContainer.prCapacitive { background: url(../assets/images/mainprCapacitive-bg.jpg) no-repeat top; display: inherit; } #mainContainer.prSAW { background: url(../assets/images/mainprSAW-bg.jpg) no-repeat top; display: inherit; } #mainContainer.prController { background: url(../assets/images/mainprController-bg.jpg) no-repeat top; display: inherit; } #content { } #right { } #left { } #leftCol { width: 110px; margin:0 30px 0 0; padding-top: 69px; float:left; display:block; } #mainCol { width: 620px; margin-bottom:20px; padding-left:14px; float:left; display:inline-block; } #clearit { clear: both; } /* ------------------------------------------------------------------------------------ CUSTOM */ #tagline { font: bold 11px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 22px 0 0 0; } #logo a { text-decoration: none; display: block; float: left; height: 60px; width: 130px; position: static; margin: 30px 0 0 0; padding: 0; } #topbar { height: 47px; clear:both; margin:auto; padding:0; } #contentWell { margin-left:10px; padding:0 0 20px 0; display:inline; } #contentWell a { text-decoration:none; } #contentWell h6 { border-bottom: 1px dotted #CCCCCC; } #newsWell { margin-left:26px; padding:20px 0 20px 0; display:inline; } #newsWell h7 a { color:#FFFFFF; text-decoration:none; margin-bottom:10px; } #newsWell h7 a:hover { color:#0066CC; background: #FFFFFF; margin-bottom:10px; padding:2px 4px; } #newsWell li { padding-top:10px; } #newsWell li a { color:#0087CB; list-style:none; padding-bottom:4px; margin-bottom:4px; display: list-item; } #newsWell li a:hover { color:#DB1C24; } #dek { display:block; margin-left:auto; margin-right:auto; clear:both; } #footer a { font-size: 10px; color:#FFFFFF; } #footer a:hover { color:#0087CB; background-color:#FFFFFF; } #dottedbg { background: url(../assets/images/bg-tiler-wrapper.gif) repeat; } #back2top { margin:20px; padding:0; display:block; width:30px; height:10px; float: right; } #back2top a { text-decoration: none; margin:auto; padding:0; width: 30px; height:10px; display: block; background: url(../assets/images/TOP-1.gif) no-repeat; } #back2top a:hover { text-decoration: none; background: url(../assets/images/TOP-2.gif) no-repeat; } #breadcrumb { padding:6px 0 20px 0; clear:both; color:#0087CB; } #breadcrumb a { font: 10px Arial, Helvetica, sans-serif; color:#0087CB; padding:1px 2px; } #breadcrumb a:hover { color:#FFFFFF; background:#E3F1F9; padding:2px; } #mainCol p { margin:1.1em 0; font-size:1.2em; line-height:1.5em; } #mainCol li { list-style: url(../assets/images/chevron.gif) outside; padding-bottom:6px; display: list-item; font-size:1.1em; line-height:1.3em; } #mainCol ul li { margin-left:30px; } #mainCol a { color:#0087CB; } #mainCol a:hover { color:#DB1C24; } #promoCol { width:840px; height:320px; margin:auto; padding:0; clear:both; } #promoCol p { width:290px; margin: 165px auto auto 76px; font: 13px Arial, Helvetica, sans-serif; color:#FFFFFF; position:absolute; } #promoColMain a { display: block; width: 770px; height: 283px; margin:20px 20px 20px 46px; padding:0; text-decoration: none; background: url(../assets/images/promoColMain-1.jpg) no-repeat; } #promoColMain a:hover { display: block; background: url(../assets/images/promoColMain-2.jpg) no-repeat; } #secondaryContent { width:840px; margin:16px auto; } #secondaryContent h6 a { color:#0087CB; margin: 10px auto; padding: 0; } #secondaryContent h6 a:hover { color:#DB1C24; } #configs { display:inline-block; float:right; padding-left:10px; border-left: 1px dotted #CCC; } #prShowpiece { margin-bottom:14px; padding:0; height:140px; clear:both; } #prBlurb { margin:auto; padding:0; overflow:visible; } a.arrow { margin-top:10px; padding:0; width:17px; height:17px; float:right; clear:left; background:url(../assets/images/arrow_01.gif) no-repeat; text-decoration: none; display:block; } a.arrow:hover { margin-top:10px; padding:0; width:17px; height:17px; float:right; clear:left; background:url(../assets/images/arrow_02.gif) no-repeat; text-decoration: none; display:block; } .mainSub { display:block; margin:2px; padding:4px 0 6px 0; font:bold 10px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; } .hidy { display:none; } #ADMtable { width:460px; padding:2px 0; margin: 20px 150px 20px 0; text-align:left; float: left; } #ADMtable td { padding:6px; } #ADMtable td.odd { background: #E3F1F9; } #ADMtable tr { border-bottom: 1px dotted #0087CB; } #ADMtable th { padding:2px; font: bold 1.1em Arial, Helvetica, sans-serif; color:#0087CB; border-width: 0px; border-style: none; }