html,body,div,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,font,img,ins,kbd,q,s,samp, small,strike,sub,sup,tt,var, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; } table { border-collapse: collapse; border-spacing: 0; } ol,ul { list-style: none; } q:before,q:after, blockquote:before,blockquote:after { content: ""; } html, body{ height: 100%; } p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; } h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 22px; text-transform: uppercase; } a{ color: #000; } .container .containerTr #flashBackground{ position: fixed; _position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 0; } .container { width: 100%; height: 100%; position: absolute; } .container .containerTd { width: 100%; height: 100%; } .container .containerTr .allContent{ position: relative; vertical-align: middle; width: 969px; margin: 0 auto; padding: 0 40px; } .topContent{ float: left; width: 969px; height: 75px; margin: 0 0 10px 0; background: #222327; } .topContent .logo{ /* leftField*/ display: block; width: 488px; height: 57px; margin: 10px 0 8px 10px; _margin: 10px 0 8px 5px; float: left; text-indent: -99999px; } .topContent .rightField{ width: 471px; height: 75px; float: left; } .firstPageFader{ width: 969px; height: 344px; position: relative; overflow: hidden; margin: 0 0 10px 0; float: left; clear: both; } .firstPageFader li{ width: 969px; height: 344px; position: absolute; } .introText{ float: left; width: 947px; border: 1px solid #cfcfcf; padding: 18px 0 20px 20px; margin: 0 0 10px 0; } .introText h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; margin: 0 0 20px 0; } .introText .textCol{ float: left; width: 289px; margin: 0 20px 0 0; } .introText .textCol p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; } .chooseLanguage{ float: left; width: 949px; height: 24px; padding: 25px 0 26px 20px; background: #222327; } .chooseLanguage h2{ display: block; height: 24px; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; line-height: 24px; text-transform: uppercase; margin: 0 27px 0 0; } .languageMenu{ float: right; padding: 10px 10px 0 0; } .searchForm{ float: right; clear: right; width: 400px; text-align: right; padding: 8px 10px 0 10px; } .searchForm .button{ display: block; float: right; height: 24px; padding: 0 10px; *padding: 0 0; _padding: 0 2px 0 1px; border: 1px solid #18181a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #ffffff; text-transform: uppercase; width: 75px; } .searchForm .search{ display: block; float: right; width: 204px; height: 18px; padding: 4px 10px 0 10px; *height: 22px; *line-height: 22px; *padding: 0 10px; margin: 0 10px 0 0; border: 1px solid #18181a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; color: #808080; background: #ffffff; vertical-align: middle; width: 196px; *width: 200px; } .menuLvl2{ float: left; width: 969px; padding: 0 0 10px 0; } .menuLvl2 li{ float: left; } .content{ width: 969px; height: 586px; float: left; } .sideBarNextBtn{ position: absolute; top:0; right: 0; width: 50px; height: 100%; background: #000; } .btnLink{ display: block; float: left; height: 24px; line-height: 24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; border: 1px solid #cfcfcf; background: #ffffff; padding: 0 10px; margin: 0 10px 0 0; text-decoration: none; text-transform: uppercase; } .btnLinkBorderOveride{ border: 1px solid #18181a; } .faderNumbers .active, .btnLinkActive, .btnLink:hover{ color: #fff; border: 1px solid #18181a; background: #222327; } .btnLinkActive2,.btnLinkBorderOveride:hover{ color: #fff; border: 1px solid #151619; background: #16191d; } .btnLink2{ display: block; float: left; height: 22px; line-height: 22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; border: 1px solid #d4d4d4; background: #222327; padding: 0 10px; margin: 0 10px 0 0; text-decoration: none; text-transform: uppercase; } .menuLvl2 li .btnLink{ _margin: 0 5px 0 0; } .clear{ clear: both; } .resetMargin{ margin: 0; } .firstPageFaderContainer{ float: left; }
 h2{ font-family:Verdana,Arial,Helvetica,sans-serif; font-size:18px; line-height: 22px; margin: 0 0 14px 0; } h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; margin: 0 0 14px 0; font-weight: bold; } .projectSortMenuContainer{ float: left; position: relative; } .projectSortMenu{ float: left; width: 969px; } .projectSortMenu li{ float: left; height: 34px; } .projectSortMenu li .resetMargin{ margin: 0; } .projectBtn{ display: block; float: left; height: 22px; line-height: 22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; border: 1px solid #cfcfcf; background: #ffffff; padding: 0 10px; margin: 0 10px 0 0; text-decoration: none; text-transform: uppercase; } .projectBtnActive,.projectBtn:hover{ color: #fff; border: 1px solid #18181a; background: #222327; } .projectSeperator{ float: left; width: 21px; height: 22px; background: url(/sitefiles/1/design/projectSeperator.gif) 11px 0 no-repeat; } .content{ height: 584px; background: #fff; border: solid 1px #CFCFCF; width: 967px; } .contentLeft{ float: left; margin: 20px 16px 0 20px; _margin: 20px 16px 0 10px; width: 215px; height: 546px; overflow: hidden; position: relative; } .contentRight{ float: left; margin: 20px 0 0 16px; width: 665px; height: 546px; } .newsMenu{ float: left; width: 215px; } .newsMenu li{ float: left; width: 215px; overflow: hidden; margin: 0 0 8px 0; } .newsMenu li a{ display: block; float: left; text-decoration: none; width: 215px; position: relative; background: url(/sitefiles/1/design/newsBtnActive.jpg) 0 0 repeat-y; color: #000; padding: 5px 0; cursor: pointer; } .newsMenu li a span{ cursor: pointer; } .newsMenu li a:hover, .newsMenu li .newsBtnActive{ background: url(/sitefiles/1/design/newsBtnOver.jpg) 0 0 repeat-y; color: #fff; } .newsMenu li a .newsBtnLeft{ display: block; width: 151px; padding: 0 59px 0 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; text-transform: uppercase; } .newsMenu li a .newsBtnRight{ display: block; position: absolute; top: 5px; right: 4px; *right: 2px; _right: 1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; } .newsMenu li a .newsBtnTop{ display: block; position: absolute; top: 0; left: 0; width: 215px; height: 1px; background: url(/sitefiles/1/design/newsBorderActive.jpg) 0 0 no-repeat; z-index: 5px; overflow: hidden; } .newsMenu li a:hover .newsBtnTop{ background: url(/sitefiles/1/design/newsBorderOver.jpg) 0 0 no-repeat; } .newsMenu li a .newsBtnBottom{ display: block; position: absolute; bottom: 0; left: 0; width: 215px; height: 1px; background: url(/sitefiles/1/design/newsBorderActive.jpg) 0 0 no-repeat; z-index: 5px; overflow: hidden; } .newsMenu li a:hover .newsBtnBottom{ background: url(/sitefiles/1/design/newsBorderOver.jpg) 0 0 no-repeat; } .newsContentLeft{ float: left; width: 353px; height: 523px; overflow: hidden; } .newsContentLeft p{ padding: 0 0 14px 0; } .newsContentRight{ float: left; padding: 0 0 0 20px; width: 275px; } .tabMenu{ float: left; margin: 0 0 15px; } .tabMenu li{ float: left; } .tabContainer{ float: left; width: 353px; } .tabContent{ float: left; width: 353px; } /* VERTICAL BAR */ .scrollContainerVL{ margin: 20px 0 0 0; float: left; width: 17px; height: 546px; } .scrollContainerVC{ float: left; width: 17px; height: 530px; } #scrollTrackVL,#scrollTrackVC{ float: left; width: 15px; height: 545px; border-left: solid 1px #cfcfcf; border-right: solid 1px #cfcfcf; } #scrollTrackVLTop,#scrollTrackVCTop { position: relative; width: 15px; height: 17px; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVTop.jpg) 0 0 no-repeat; cursor: pointer; } #scrollTrackVLBottom,#scrollTrackVCBottom{ position: relative; width: 15px; height: 17px; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVBottom.jpg) 0 0 no-repeat; cursor: pointer; } #scrollTrackVLBar,#scrollTrackVCBar{ position: relative; width: 15px; } #scrollTrackVLBarHandle,#scrollTrackVCBarHandle{ width: 15px; height: 40px; background: #333333; cursor: pointer; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; background: url(/sitefiles/1/design/scrollTrackVBarHandle.jpg) 0 0 no-repeat; } #scrollTrackVLBar .scrollTrackVLBarHandleActive,#scrollTrackVCBar .scrollTrackVCBarHandleActive { background: url(/sitefiles/1/design/scrollTrackVBarHandleActive.jpg) 0 0 no-repeat; } /* HORIZONTAL BAR */ #scrollTrackH { float: left; clear: both; width: 969px; height: 15px; margin: 1px 0 0 0; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #cfcfcf; font-size: 1px; } #scrollTrackHLeft { position: relative; float: left; width: 34px; height: 15px; border-left: solid 1px #cfcfcf; border-right: solid 1px #cfcfcf; background: url(/sitefiles/1/design/ScrollTrackHLeft2.jpg) 0 0 no-repeat; cursor: pointer; } #scrollTrackHRight { position: relative; float: left; width: 34px; height: 15px; border-left: solid 1px #cfcfcf; border-right: solid 1px #cfcfcf; background: url(/sitefiles/1/design/ScrollTrackHRight2.jpg) 0 0 no-repeat; cursor: pointer; } #scrollTrackHBar { position: relative; float: left; height: 15px; } #scrollTrackHBarHandle { width: 216px; height: 15px; background: #333333; cursor: pointer; background: url(/sitefiles/1/design/scrollTrackHBarHandle2.jpg) 0 0 no-repeat; } #scrollTrackHBar .scrollTrackHBarHandleActive{ background: url(/sitefiles/1/design/scrollTrackHBarHandle2.jpg) 0 0 no-repeat; } .newsImageContainer{ float: left; width: 275px; height: 205px; margin: 0 0 10px 0; position: relative; } .newsImageContainer ul{ float: right; width: 275px; height: 205px; position: relative; } .newsImageContainer li{ width: 275px; height: 205px; position: absolute; } .faderNumbers{ float: right; } .faderNumbers li{ float: left; padding: 0 0 8px 0; } .relatedProducts{ float: left; width: 275px; } .relatedProducts li{ float: left; width: 275px; height: 30px; padding: 0 0 8px 0; } .relatedProducts li .btnLink{ float: right; margin: 0; } .teamText{ float: right; padding: 5px 10px; background: #222327; color: #ffffff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; line-height: 16px; text-transform: uppercase; } .sortText{ height: 58px; left: 10px; position: absolute; top: 121px; width: 20px; }