/* --------------------------------------------- Metaldek Screen Style Sheet author: cyberwoven version: 2009.11 ----------------------------------------------- */ /*------------------------------------------- General Selectors -------------------------------------------*/ * {color: #242424;} body { font: normal 12px Arial, Helvetica, Verdana, sans-serif; color: #454545; background:#fff url(../img/bg-body.png) repeat-x top center;; } img { margin:0; padding:0; border:0; } #rightCol img { float:right; margin:0 15px 15px 0; padding:0; border:3px solid #c8c8c8; } #content > .internalLaunch img { float:left; margin:5px 5px 0px 0; padding:0px; background:#fff; border:1px solid #a8dcf3; } hr { color: #a8dcf3; background: #a8dcf3; clear: both; border: none 0; border-top: 1px solid #a8dcf3; height: 1px; margin: 15px 0 15px 0; text-align: left; padding: 0; } blockquote { color:#003a65; background: url(../img/blockquote.png) no-repeat top center; } p { margin: 10px 0 15px 0; } .homeLaunch p { font-size:10px; line-height:14px; margin:0; padding:0 0 0 10px; } p.intro { font: lighter 14px Tahoma, Arial, Verdana, sans-serif; line-height:24px; color:#024864; } #rightCol ul { margin:0 0 15px 0; padding:10px 0 10px 35px; border: solid; border-color:#d9ddef; border-width:2px 0 2px 0; } #rightCol li { font: bold 11px Arial, sans-serif; color:#020740; padding-top:4px; } #rightCol ul li ul { margin:5px 0 5px 0; padding:0; background:none; border:none; } #rightCol ul li ul li { background:url(../img/bg-ulliulli.gif) no-repeat left 4px; list-style-type:none; padding:0 0 0 10px; } sup { font-size:.75em; color:inherit; } /*------------------------------------------- Headers -------------------------------------------*/ .logo { display: none; } h1 { margin: 22px 0 12px 20px; padding:0; width: 250px; display: block; height: 51px; text-indent: -9000px; float: left;} h1 a { display: block; height: 51px; width: 250px; margin: 0; position: relative; background:url(../img/metaldeklogo.gif) no-repeat 0 15px; } h2 { margin: 0 0 12px 0; padding:0; font-size:36px; color:#091055; letter-spacing:-.3px; font-weight:normal; } #leftCol h2 { margin: 0; padding:0 0 15px 0; font-size:35px; line-height:35px; letter-spacing:-1px; font-weight:bold; color:#001699; background:url(../img/bg-poster.png) repeat-x bottom left; } #leftCol h2 a {color:#001699; text-decoration:none; font-size:35px; line-height:35px;} #leftCol h2 a:hover {text-decoration:underline;} h3 { background:#d9ddef; color:#091055; padding:10px; font-size:18px; display:inline; line-height:2; font-weight:normal; } /* overrided h3 for metaldek site */ h3 {background:none; color:#444; display:block; padding:5px; line-height:25px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} #lpWrapper h3 { color:#001699; border:none; font-size: 16px; font-weight: bold; line-height:18px; margin:0 0 10px 0; padding:0 0 0 10px; background:none; display:block; font-weight:bold; } #lpWrapper h3.bridgedek { width: 105px; color:#001699; border:none; font-size: 16px; font-weight: bold; line-height:18px; margin:0 0 10px 10px; padding:0; background:none; font-weight:bold; } #lpWrapper h4 { color:#242424; font-weight:bold; font-size:11px; text-transform:none; margin:0; padding:0 0 0 10px; background:url(../img/bg-lph4.png) no-repeat 0px 4px; } h4 { font:bold 13px Arial, Verdana, sans-serif; line-height:18px; color:#333333; margin:0; padding:0; } h5 { font:bold 13px Arial, Verdana, sans-serif; color:#024864; margin:0 0 15px 0; padding:0; } h6 { font:bold 12px Arial, Verdana, sans-serif; color:#011f3d; margin:20px 0 0 0; padding:0; } /*------------------------------------------- Anchors -------------------------------------------*/ a { outline:none; color:#001699; font-weight:bold; text-decoration:underline; } a:hover { text-decoration:underline; color:#a4a4a4; } /*------------------------------------------- Navigation and Sub-Navigation -------------------------------------------*/ ul#topNav { float: right; margin: 0; padding:0; } ul#topNav li { margin:0; padding:0 3px 0px 3px; display: inline; float: left; list-style: none; list-style-image: none !important; background:url(../img/bg-topNavli.png) no-repeat right 6px; } ul#topNav li.last { background:none; } ul#topNav li a { padding: 5px 12px 5px 12px; margin:0; text-decoration: none; font-size: 10px; font-weight: bold; display: block; float: left; color:#001699; height:11px; line-height:11px; } ul#topNav li a:hover { text-decoration:none; background-color:#001699; color:#fff; } ul#subNav {margin: 10px 0 30px 0; padding: 0; } ul#subNav li {background:url(../img/bg-lph4.png) no-repeat 0px 3px; margin: 5px 0 0 30px; padding: 0; list-style: none; list-style-image: none !important; } ul#subNav li a { margin: 0; padding: 0 0 0 10px; text-decoration: none; line-height: 14px; font-weight: normal; font-size: 14px; } ul#subNav li a.active, ul#subNav li a.active:hover {color:#333; font-weight:bold;} /* Used for Products subnav */ ul#subNavBold {margin:-10px 0 0 0; padding:0;} ul#subNavBold li {display:block; width:300px; list-style:none; margin:0; padding:0;} ul#subNavBold li a {color:#091055; cursor:default; display:block; height:43px; background:url(../img/subnavbold-l1.gif) no-repeat; margin:0; padding:0 0 0 10px; font-weight:normal; font-size:22px; line-height:43px; text-decoration:none;} ul#subNavBold li a:hover {text-decoration:none;} ul#subNavBold li ul {margin:5px 0 10px 0; padding:0;} ul#subNavBold li li a {color:#333; cursor:pointer; height:auto; font-weight:normal; font-size:14px; line-height:15px; background:url(../img/subnavbold-l2.gif) no-repeat 0 3px; margin:0 0 0 24px; padding:0 0 0 10px;} ul#subNavBold li li a sup {position:absolute; margin-left:3px; font-size:11px;} ul#subNavBold li li a:hover, ul#subNavBold li li a.active {color:#091055; background-position: -296px 3px;} #progressList {margin:5px 0 10px 20px; padding:0; list-style:none;} #progressList li {display:block; list-style:none; color:#333; font-weight:normal; font-size:14px; line-height:15px; background:url(../img/subnavbold-l2.gif) no-repeat -296px 6px; margin:0; padding:3px 0 3px 10px;} #progressList a {display:block; list-style:none; color:#333; font-weight:normal; font-size:14px; line-height:15px; background:url(../img/subnavbold-l2.gif) no-repeat -296px 6px; margin:0; padding:3px 0 3px 10px; text-decoration:underline;} /* Used for Product list. */ ul#productList {margin:0; padding:0; border:none; width:570px; position:relative;} ul#productList li {display:inline; list-style:none; margin:0; padding:0; position:static;} ul#productList li a {float:left; margin:0 12px 12px 0; padding:10px; display:block; color:#333; border:1px solid #fff; text-decoration:none; line-height:12px; font-weight:normal; width:155px; height:75px; background:#dfe1e4 url(../img/prodhoverbg.gif) no-repeat -999px 0; position:relative;} ul#productList li a strong {display:block; font-weight:bold; color:#001699;} ul#productList li a img {visibility:hidden; position:absolute; top:95px; left:-1px; width:175px; border-right:1px solid #333; border-bottom:1px solid #333; border-left:1px solid #333;} ul#productList li a:hover {background-position:bottom center; border:1px solid #333; z-index:1;} ul#productList li a:hover strong {text-decoration:underline;} ul#productList li a:hover img {visibility:visible;} ul#productListWide {margin:0; padding:0; border:none; position:relative;} ul#productListWide li {display:block; list-style:none; margin:0 0 5px 0; padding:0; position:relative;} ul#productListWide li a {margin:0; padding:10px; display:block; height:30px; width:350px; color:#333; border:1px solid #fff; text-decoration:none; line-height:12px; font-weight:normal; background:#dfe1e4 url(../img/dekmag.jpg) no-repeat top right;} ul#productListWide li a.coating {position:absolute; top:0; right:0; padding:10px 60px 10px 10px; width:90px; background:#dfe1e4 url(../img/dekbucket.jpg) no-repeat top right;} * html ul#productListWide li a.coating {right:20px;} ul#productListWide li a.nocoating {position:absolute; top:0; right:0; padding:10px 60px 10px 10px; width:90px; background:#dfe1e4 url(../img/deknobucket.jpg) no-repeat top right;} * html ul#productListWide li a.nocoating {right:20px;} ul#productListWide li a strong {display:block; font-weight:bold; color:#001699;} ul#productListWide li a:hover {background-color:#dbd5c3; background-position:bottom right; border:1px solid #333; z-index:1;} ul#productListWide li a:hover strong {text-decoration:underline;} ul#productListWide li a:hover img {visibility:visible;} ul#productListWideCoatings {margin:0; padding:0; border:none; position:relative;} ul#productListWideCoatings li {display:block; list-style:none; margin:0 0 5px 0; padding:0; position:relative;} ul#productListWideCoatings li a {margin:0; padding:10px 50px 10px 10px; display:block; color:#333; border:1px solid #fff; text-decoration:none; line-height:12px; font-weight:normal; background:#dfe1e4 url(../img/dekmagcoating.gif) no-repeat top right;} ul#productListWideCoatings li a strong {display:block; font-weight:bold; color:#001699;} ul#productListWideCoatings li a:hover {background-color:#dbd5c3; background-position:right -450px; border:1px solid #333; z-index:1;} ul#productListWideCoatings li a:hover strong {text-decoration:underline;} ul#productListWideCoatings li a:hover img {visibility:visible;} ul#breadCrumb { height: 40px; margin: 0; padding: 0; background:none; border-bottom:1px solid #a8dcf3; } ul#breadCrumb li { margin: 0; display: inline; float: left; list-style: none; list-style-image: none !important; font: bold 9px Tahoma, Verdana, Arial, sans-serif; padding: 0 8px 0 0; font-weight: bold; color:#545454; line-height:40px; } ul#breadCrumb li a { padding: 0 16px 0px 0px; text-decoration: none; font: bold 9px Tahoma, Verdana, Arial, sans-serif; display: block; float: left; color:#028bc0; background:url(../img/blue-arrow.gif) no-repeat right 16px; line-height:40px; } ul#breadCrumb li a:hover { text-decoration: underline; color:#024864; } ul#mainNav { clear:both; margin: 0; padding:0; position:relative; } ul#mainNav li { display:inline; background:url(../img/bg-mainNavli.png) no-repeat top right; height:44px; float:left; } ul#mainNav li a { font-size:12px; padding:0 20px 0 18px; text-decoration: none; height:44px; display:block; float:left; line-height:44px; color:#fff; } ul#mainNav li a:hover { text-decoration: none; color:#fff; background:url(../img/hover-mainNav.png) no-repeat top right; } ul.vertNav { margin: 0 0 25px 0; padding: 0; width:230px;/*min-height:300px; */ } ul.vertNav li { background:url(../img/vertNav-bg.png) no-repeat 25px bottom; margin: 0; padding: 0; display: block; list-style: none; list-style-image: none !important; font-size: 10px; line-height:20px; width:230px; } ul.vertNav li a { margin: 0; padding: 2px 0 2px 25px; text-decoration: none; line-height: 14px; display: block; font-weight: bold; } ul.vertNav li a:hover { background: url(../img/blue-arrow.gif) no-repeat 15px 7px; } /*------------------------------------------- Structure -------------------------------------------*/ #wrapper { width: 950px; margin: 0 auto; position:relative;} #pageTop { width: 950px; height:85px; margin:0; padding:0; position:relative;} #searchForm {position:absolute; right:20px; top:43px; width:210px; text-align:right;} #skip { display:none; } #topNavContainer {width:430px; position:absolute; top:43px; right:230px; padding:0;} #pageMiddle { clear:both; margin:0; padding:20px; background:url(../img/bg-pageMiddle.png) no-repeat top left; } #home #pageMiddle { clear:both; margin:0; padding:20px; } #mainNavContainer { background:url(../img/bg-mainNavContainer.png) repeat-x top left; height:56px; } #colWrapper { background:url(../img/bg-poster.png) repeat-x left bottom; padding:0 0 0 0; background:url(../img/bg-leftCol.png) repeat-y 311px top; } #leftCol { width:302px; float:left; margin:0; padding:0 11px 0 0; display:inline; } #leftCol img { background:url(../img/bg-poster.png) repeat-x bottom left; padding:0 0 12px 0; } #content { margin:0; padding:0 25px 0 0; } #rightCol { width:548px; float:left; margin:0 0 0 9px; padding:10px 20px 0 20px; background:url(../img/bg-rightCol.png) repeat-x top left; } * html #rightCol {overflow-x:hidden;} .launchpad { margin-left:25px; } #content > .launchPad img { float:left; border:none; margin:0 10px 10px 0; padding:0; } #pageLaunch { margin: 0 auto; padding:0; clear:both; } #lpWrapper { margin:5px auto 0; padding:7px 0 0 0; width:910px; background:url(../img/bg-poster.png) repeat-x left top; } .homeLaunch { float:left; width:250px; margin:0 20px 0 0; padding:20px; height:99px; } .homeLaunch form.fordek {color:#333; padding:0 10px; margin:0; float:none; display:block; clear:both; background:url(../img/bg-lph4.png) no-repeat 0px 4px;} .homeLaunch form.fordek label {display:none;} .homeLaunch form.fordek select {width:216px; margin:0 0 2px 0;} .homeLaunch form.fordek .beginbutton {font-size:1px; text-indent:-9999px; border:none; background:url(../img/beginbutton-beige.jpg) no-repeat; display:block; width:216px; height:31px; margin-top:4px;} .homeLaunch img { float: right; margin:10px 10px 0 5px; border:1px solid #b9e3f5; } .last { margin:0; background:url(../img/bg-lptan.png) repeat-x top left; } .reflex { background:url(../img/bg-lpreflex.png) repeat-x top left; } .gray { background:url(../img/bg-lpgray.png) repeat-x top left; } .internalLaunch { float:left; width:250px; margin:0 20px 0 0; padding:20px; height:99px; } .internalLaunch img { width:100px; height:100px; } /*------------------------------------------- Overrides for specific internal pages... -------------------------------------------*/ #forposter { width:910px; height:200px; margin:0; padding:0; background:#fff url(../img/4engineersbanner.jpg) no-repeat top left; position:relative; border-bottom:2px solid #d9ddef;} #forposter.posterArchitects {background-image:url(../img/4architectsbanner.jpg);} #forposter.posterEngineers {background-image:url(../img/4engineersbanner.jpg);} #forposter.posterProjectManagers {background-image:url(../img/4pmbanner.jpg);} #forposter h2 {position:absolute; top:0; right:0; width:38px; height:195px;} #forposter h2 a {display:block; width:38px; height:195px; font-size:1px; text-indent:-9999px; outline:none; background:url(../img/newsanddownloads.gif);} #forposter .postercontent {float:right; width:250px; height:195px; margin-right:38px; overflow:hidden; position:relative; border-left:6px solid #0323c0;} * html #forposter .postercontent {margin-right:18px;} #forposter .seaglass {position:absolute; width:100%; top:0; left:0; background:#0323c0; height:195px; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; } #forposter ul.newsanddownloads {position:absolute; top:0; left:0; z-index:1; width:250px; margin:15px 0 0 0; padding:0;} #forposter ul.newsanddownloads li {list-style:none; margin:0 20px; padding:0;} #forposter ul.newsanddownloads li a {display:block; border-bottom:1px solid #fff; color:#fff; padding:8px 0; text-decoration:none;} #forposter ul.newsanddownloads li a:hover {text-decoration:underline;} #forposter ul.newsanddownloads li a.more {border:none; text-transform:uppercase; text-align:right; padding:15px 0 0 0; background:url(../img/morelink.gif) no-repeat 165px 18px;} #forgroup #colWrapper {margin-top:10px;} #forgroup #rightCol {background:none; padding-top:20px;} #bridgedekspeclist .bdleft {float:left; width:150px;} #bridgedekspeclist .bdright{float:left; width:380px;} #bridgedekspeclist ul {display:block; list-style:none; margin:5px 0; padding:0; border:none; overflow:auto;} #bridgedekspeclist ul li {display:inline; margin:0; padding:0;} #bridgedekspeclist ul li a {display:block; float:left; width:110px; text-align:center; padding:3px 0; margin:0 5px 5px 0; border:1px solid #fff; background:#dfe1e4; color:#009; text-decoration:none;} #bridgedekspeclist ul li a:hover {background:#dbd8c1; text-decoration:underline;} #bridgedekslider {clear:left; display:block; width:540px; margin:15px 0; height:381px; border:1px solid #ccc; background:url(/img/bridgedektables-new.png) no-repeat;} a#bridgedektablelink {display:block; margin-bottom:20px;} /*------------------------------------------- Footer -------------------------------------------*/ #footerWrapper { width:910px; margin:0 auto; background:url(../img/bg-footer.png) repeat-x top left; } #footerNav { list-style-type: none; margin:0 auto; padding:40px 0 0 0; text-align:left; width:700px; clear:both; float:left; width:700px; } #footerNav ul { margin: 5px auto 0; padding: 0; background:none; text-align: left; } #footerNav ul li { margin:0; padding:0; display: inline; float: left; list-style: none; list-style-image: none !important; background:url(../img/bg-topNavli.png) repeat-y top right; } #footerNav ul li a { padding: 0 15px 0 15px; margin:0; text-decoration: none; font-size: 10px; font-weight: bold; display: block; float: left; color:#001699; height:11px; line-height:11px; } #footerNav ul li a.first { padding: 0 12px 0 0; } #footerNav ul li a:hover { text-decoration:underline; background-color:none } #footerWrapper p { text-align:center; font-size:10px; } .siteCredit { float:right; margin-top:40px; font-size:11px; display:inline; } .contactLine { font-size:11px; text-align:left;} .copyright { font-size:10px; } /*------------------------------------------- Poster -------------------------------------------*/ #poster { width:910px; height:288px; margin:0; padding:0; background:#000 url(../img/posterbg.jpg) no-repeat top right; } #poster h2.posterimage {float:left; width:600px; height:288px; margin:0; padding:0;} #poster .dekselectorbox {float:right; width:250px; margin:10px 20px 0; padding-top:15px; color:#fff;} * html #poster .dekselectorbox {margin-right:10px;} #poster .dekselectorbox h2 {margin:0 0 5px 0; padding:0; color:#fff; font-size:22px;} #poster .dekselectorbox h2 sup {color:#fff; font-size:12px; vertical-align:normal;} #poster .dekselectorbox p {display:block; color:#fff; width:240px; position:relative; margin:10px 0 20px 0; clear:both;} #poster form.homedek {background:#daddf0; border:5px solid #c1c8db; color:#333; padding:10px; margin:0; float:none; display:block; clear:both;} #poster form.homedek label {display:none;} #poster form.homedek select {width:216px; margin:5px 0;} #poster form.homedek .beginbutton {color:#fff; font-size:11px; text-transform:uppercase; text-align:right; border:none; background:url(../img/beginbutton.jpg) no-repeat; display:block; width:216px; height:31px; margin-top:10px; padding:0 5px 0 150px;} /* THESE CLASSES CHANGE THE HOME PAGE POSTER IMAGE */ .laptop { background:url(../img/poster3.jpg) no-repeat 0 0; } .record { background:url(../img/healthRecord.png) no-repeat 0 0; } #poster p { position:absolute; margin:120px 0 0 65px; padding:0; width:270px; display:inline-block; } #poster p a { font-style: italic; } #poster h3 { margin: 58px 0 0 30px; padding:0; width: 350px; height: 50px; text-indent: -9000px; float: left; border:none; background:none; position:absolute; } #poster h3 a { display: block; height: 50px; width: 350px; position: absolute; } ul#posterNav { margin:20px 0 0 16px; padding:0; float:left; width:60px; position:absolute; } ul#posterNav li { margin: 0; padding:0; width: 44px; display: inline; height: 65px; text-indent: -9000px; } ul#posterNav li a { display: block; height: 65px; width: 44px; } #switcher { background:url(../img/poster-big.jpg) no-repeat 0 0; width:567px; height:295px; margin:0; padding:0; } ul#posterLinks { margin:180px 0 0 65px; padding:0; float:left; position:absolute; list-style: none; list-style-image: none !important; } /*------------------------------------------- Misc -------------------------------------------*/ .clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clear { display: inline-block;/* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clear { height: 1%; } .clear { display: block; } .clearfloats { border: 0; clear: both; display: block; float: none; margin: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } br { clear:both; } /* sup { vertical-align:super; font: normal 30% Tahoma, Verdana, Arial, sans-serif; margin-left:2px; } */ #mainNav li a sup { color:#fff; } .input { font-size: 11px; border-top:1px solid #a5a59c; border-left:1px solid #a5a59c; border-right:1px solid #deded5; border-bottom:1px solid #deded5; width:140px; height:13px; height: 15px; padding:3px; margin:0; } .searchInput { } .searchbtn { padding:0; margin:0px; } .textBox { border-top:1px solid #94a3af; border-left:1px solid #94a3af; border-right:1px solid #b1c4d3; border-bottom:1px solid #b1c4d3; width: 430px; margin-bottom: 10px; padding: 4px; } .input:focus, .dropdown:focus { background: #d9ddef; } .label { font-weight: bold; padding-top:10px; } .required, .alert { color: #ee3024; font-weight:bold; } .dropdown { font-size: 11px; border-top:1px solid #a5a59c; border-left:1px solid #a5a59c; border-right:1px solid #deded5; border-bottom:1px solid #deded5; width:200px; height:20px; padding:1px; margin:0; float:left; } .unitofcsi {display:block; width:90px; height:20px; float:left; background:url(../img/unitofcsi.gif); text-indent:-9999px; font-size:1px; outline:none;} .productsintro {background:url(../img/products-fadedbg.gif) no-repeat 300px 30px; padding:0 275px 20px 0;} .noborders {border:none !important; margin:0; padding:0;} #gallery {margin:0; padding:0; display:block;} #gallery ul {margin:0; padding:0; display:block; list-style: none;} #gallery ul li {display: inline;} #gallery ul img {border:none; margin:0; padding:1px;} ul#biggallery {margin:0; padding:0; display:block; border:none;} ul#biggallery {margin:10px 0 10px 0; padding:5px !important; border:none; display:block; list-style: none; border:none;} ul#biggallery li {display: inline;} ul#biggallery img {border:none; width:90px; height:90px; padding:0;} ul#biggallery a {display:block; float:left; width:90px; height:90px; margin:0 8px 8px 0; padding:4px; background:#d9ddef;} ul#biggallery a:hover {background:#341699;} .leftcolgraybox {display:block; margin:5px 0; padding:10px 10px 14px 10px; background:#ddd; font-size:11px; color:#333 !important; text-decoration:none !important;} .leftcolgraybox:hover {background:#d9ddef;} .leftcolgraybox b {font-size:12px; line-height:22px;} .togglename {padding:3px 5px; background:#d8d5c4; margin:10px 0 0 0;} .toggle {display:none; width:14px; height:14px; padding:6px 10px; margin:-5px 0 0 0; float:right; background:url(../img/togglebg.gif) no-repeat 0 -26px; text-indent:-9999px; outline:none;} .toggleplus {background-position:0 0;} .togglable {border-top:1px solid #928678; padding:10px 0 0 0; margin-bottom:10px; width:548px;} table {font-size:11px;} th {text-align:left;} table .odd {background:#e2e2e2;} table.agreement .odd {background:none;} table.newsTable .odd {background:none;} #rightCol td { color:#414877; border-bottom:2px solid #d9ddef; padding:.3em 1em; text-align:left; } #rightCol th {text-align:left; padding:.3em 1em;} #rightCol td img {border:none; float:none; margin:0; padding:0;} .masterspec {width:350px; float:left; height:60px; margin:0; padding:0; border-right:1px solid #ccc; line-height:20px; font-size:12px;} .masterspec a {line-height:15px; text-decoration:none;} .masterspec a img {margin:0 2px -3px 0; float:none; position:relative;} .mslaunch {width:auto; border:none; height:auto; float:none; margin-top:3px;} .ullisting {display:block; float:left; width:105px; height:40px; padding:10px 0 10px 70px; line-height:15px; text-decoration:none; background:url(../img/ullogo.gif) no-repeat 20px center;} .rightbutton {float:right; margin:0 5px 0 5px;} .leftbutton {float:left; margin:0 0 10px 0;} #siteMap {border:none; margin:0 0 20px 0; padding:0;} #siteMap ul {border:none; margin:0 0 0 40px; padding:0; list-style:auto;} #siteMap ul li {margin:0; padding:0; list-style:auto; display:list-item; font-size:14px;} #siteMap ul li ul {list-style:auto; margin:0 0 0 30px;} #siteMap ul li ul li {list-style:circle; font-size:11px;} #siteMap a {text-decoration:none;} #siteMap a:hover {text-decoration:underline;} table.uldesigns { text-align: center; width: 100%; } table.uldesigns th { padding: 4px; text-align: center; } table.uldesigns td { padding: 2px; vertical-align: top; } table.uldesigns tr { background: #dde4ed; } table.uldesigns tr.alt { background: #fff; } table.uldesigns tr.heading { background: #b1bece; text-align: left; } #selectorIntro {padding:10px 20px;} #selectorIntro ul {padding-left:10px; list-style-position:inside;} #selectorIntro ul li {padding-left:5px;} #bdimg { margin: 0; padding: 0; position: relative; margin: -25px 0 0 0; } #bdimg img { border: 4px white solid; margin: 0; padding: 0; } p.bdek { width: 100px; margin: 35px 0 0 0; } a.bdanchor{ color:#001699; text-decoration: none; font-size: 16px;} a.bdanchor:hover{ color: #999999; text-decoration: none; font-size: 16px;} /* New Products Page Tabbing -------------------------------------------*/ ul#prodtabber {margin: 0; padding:0; display:block; float:none; border:none; border-bottom:1px solid #ccc; height:31px; border-top:none;} ul#prodtabber li {margin:0; padding:0 3px 0px 3px; display: inline; float: left; list-style: none; list-style-image: none !important;} ul#prodtabber li a { padding: 8px 10px 3px 10px; margin:0; text-decoration: none; font-size: 12px; font-weight: normal; display: block; float: left; color:#6d79c0; height:20px; line-height:11px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#c5cbe6 url(../img/producth3bg.png) repeat-x bottom left; } ul#prodtabber li a.active {background:#f9f9f9; color:#000169;} ul#prodtabber li a:hover {color:#0022ee;} .panelcontainer {padding:20px; background:#f9f9f9; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; } .panelcontainer a {text-decoration: none;} .panelcontainer span {position:absolute; display:block; padding:10px; background:#001699; top:50px; display:hidden;color:#fff; left:10px; } .panelcontainer span:hover {position:absolute; display:block; padding:10px; background:#0022ee; display:hidden; } .hidetab {display:none;}