* { font-family: Helvetica, Arial, Sans-Serif; margin: 0; padding: 0; } body { background: #ffffff url(/images/global/traulsen_bg.png) repeat-x top left; width: 100%; height: 100%; } h5 { font-size: 24px; color: #9f9f9f; font-weight: normal; line-height: 25px; margin-bottom: 10px; } p { color: #5a5b5d; line-height: 18px; font-size: 11px; margin-bottom: 10px; } .floatR{float: right;} .clear { clear: both; height: 1px; } .relative{position: relative;} input.custombg { border-width: 0; padding: 4px 4px 0; } #outer { margin: auto; width: 928px; } #globalnav { height: 40px; overflow: hidden; } #globalnav a { display: block; float: left; } #siteLinks { display: inline; height: 40px; overflow: hidden; } #siteLinks a { background-image: url(/images/global/globalnavsprite.jpg); height: 40px; text-indent: -5000px; } #Hobartlnk{ background-position: 0 0; width: 112px; } #Traulsenlnk{ background-position: -112px 0; width: 106px; } #Traulsenlnk.on{ background-position: -112px -40px; } #Baxterlnk{ background-position: -218px 0; width: 111px; } #globalNavLinks { display: -moz-inline-block; display: inline-block; float: right; height: 40px; overflow: hidden; margin-right: 5px; } #globalNavLinks a { color: #ffffff; font-size: 7pt; font-weight: bold; margin: 0 10px; padding-top: 12px; line-height: 14px; text-decoration: none; text-transform: uppercase; } #globalNavLinks a:hover { text-decoration: underline; } #globalNavLinks .searchPanel { display: -moz-inline-block; display: inline-block; width: 195px; } #globalNavLinks div.Search { background: url(/images/misc/searchbg.gif) no-repeat left center; float: left; margin: 0; margin-right: 10px; padding-top: 12px; padding-left: 10px; line-height: 14px; text-transform: uppercase; color: #ffffff; font-size: 7pt; font-weight: bold; } #globalNavLinks .txtSearch { background: url(/images/global/txtboxbg_search.png) no-repeat right; float: left; height: 14px; margin-top: 7px; /margin-top: 6px; padding-bottom: 4px; width: 104px; } #globalNavLinks .SearchBtn { height: 20px; margin-left: 0; margin-right: 0; margin-top: 8px; padding-top: 0; width: 20px; _margin-left: -3px;} #globalNavLinks .SpecSelector{background: url(/images/global/new-spec-selector.gif) no-repeat top center;} #globalNavLinks .Financing{display: none;} #body_container { width:926px; background: transparent url(/images/body_container.png) repeat-y; text-align:left; padding-bottom: 1px; } #body_footer { width:922px; background-image:url(/images/global/bottomshadow.png); background-repeat:repeat-x; background-position:top; height:4px; overflow:hidden; margin-left: 2px;} .generalContent { padding: 30px; padding-bottom: 10px; width: 866px; } .generalContent ol { font-family: Helvetica, Arial, Sans-Serif; font-size: 8pt; margin: 10px 30px; } .generalContent h4 { font-family: Helvetica, Arial, Sans-Serif; font-size: 10pt; font-weight: bold; margin-top: 25px; } .generalContent a { font-weight: bold; text-decoration: none; color: #ed602b; } .generalContent a:hover { text-decoration: underline; } .generalContent .errorContent { padding-left: 30px; } .generalContent p.errorMessage { font-size: 9pt; margin-top: 15px; } .generalContent ul.errorSuggestions { font-size: 9pt; margin-left: 15px; } #head_container { width: 926px; position: relative; height: 121px; z-index: 300; } #logo { display: block; text-decoration: none; height: 121px; width: 222px; background-image: url(/images/global/traulsen.png); background-repeat: no-repeat; position: absolute; top: 0px; left: 4px; z-index: 3; } #topnav { height: 33px; line-height: 33px; background-color: #fff; width: 913px; margin-left: 10px; overflow: hidden; position: absolute; top: 0; left: 0; } #topnavinner { float: right; } #topnav a { color: #6A6A6A; text-decoration: none; font-weight: bold; font-size: 7pt; text-transform: uppercase; margin: 0 13px; position: relative; display: -moz-inline-block; display: inline-block; float: left;} #topnav a:hover, #topnav a.on:hover { color: #6A6A6A; text-decoration: underline; } #topnav a.on { color: #222; text-decoration: none; border: 0; background: none; } #mainnav {background: url(/images/global/mainnavbgbottom.png) bottom repeat-x; height:87px; width:696px; text-align:left; position:absolute; top:33px; left:226px; border-top: solid 1px #ccc; z-index: 300; } #flashcontainer { margin-left: 4px; position: relative; height: 276px; width: 918px;} #main { width:911px; min-height:193px; margin-top: -4px; height: auto !important; height: 193px; margin-left:4px;} #main p { width:541px; margin-left:320px; padding-top:40px; line-height:18px; } #main p strong { font-size:24px; color:#9f9f9f; font-weight:normal; line-height:25px; } #aboutUsMain p { padding: 20px 110px 0px 40px; line-height: 18px; } #aboutUsMain p strong { font-size: 17px; color: #9f9f9f; font-weight: normal; line-height: 21px; } #feature { background-image:url(/images/homebottombg.gif); display: block; background-repeat: repeat; width:918px; margin-left: 4px; min-height:160px; height: auto !important; height: 142px; position: relative; clear: both;} .carouselButton { background: url(/images/feature_box_off.png) no-repeat; width: 9px; height: 9px; position: absolute; cursor: hand; cursor: pointer; display: block; z-index: 10;} .carouselButton.on { background: url(/images/feature_box_on.png) no-repeat; } .halfCarousel { float: left; width: 430px; height: 126px; margin-left: 20px; margin: 15px 0 0 20px; position: relative;} .halfCarousel .background{height: 124px; width: 426px;} .static .background{background: url(/images/carouselbg.png) no-repeat top; position: absolute; left: 0; z-index: 1;} .buttonCarousel .background{background: url(/images/buttoncarouselbg.png) no-repeat top; position: absolute; left: 0; z-index: 1;} .halfCarousel .carouselImage { position: absolute; top: 7px; left: 8px; display: none; border: solid 1px #b7b7b7; z-index: 10;} * html .halfCarousel .carouselImage { position: absolute; top: 9px; left: 23px; display: none; } .halfCarousel #static { position: absolute; top: 7px; left: 8px; display: none; } * html .halfCarousel #static { position: absolute; top: 9px; left: 23px; display: none; } .halfCarousel .carouselImage img { border: 0; position: relative; } .halfCarousel #button_1 { top: 105px; left: 185px; position: absolute; } .halfCarousel #button_2 { top: 105px; left: 208px; position: absolute; } .halfCarousel #button_3 { top: 105px; left: 230px; position: absolute; } .fullCarousel { background: url(/images/feature2_box_large.png) no-repeat; background-repeat: no-repeat; width: 902px; height: 156px; padding-bottom: 10px; margin-left: 12px; } .fullCarousel .carouselImage { left: 18px; top: 9px; position: absolute; display: none; } .fullCarousel .carouselImage img { border: 0; position: relative; } * html .fullCarousel .carouselImage img { margin-top: 0; } .fullCarousel #button_1 { top: 133px; left: 425px; } .fullCarousel #button_2 { top: 133px; left: 447px; } .fullCarousel #button_3 { top: 133px; left: 469px; } #footer { width: 912px; height: 25px; margin-left: 2px; margin-right: 2px; color: #6d6c6b; font-size: 9px; padding-left: 10px; padding-top: 5px; } #footer p{color: #6d6c6b;} #footer a{color: #6d6c6b; text-transform: uppercase; text-decoration: none;} #footer span{margin-right: 10px;} .hidden { display: none; } .reset { clear: both; height: 1px; margin: 0 !important; padding: 0 !important; } #productscarousel{margin-left: 4px; position: relative; width: 918px; float: left;} #SelectProductImg{position: absolute; left: 0; margin-top: -15px;} #PreviousArrow{background-image: url(/images/homecarousel/product_arrows.gif); background-position: 0 0; display: none; position: absolute; left: 0; height: 98px; margin-top: 0px; width: 38px; z-index: 90;} #PreviousArrow:hover{background-position: 0 -98px;} #PreviousArrow.off, #PreviousArrow.off:hover{cursor: default; background-position: 0 0;} #NextArrow{background-image: url(/images/homecarousel/product_arrows.gif); background-position: -38px 0px; display: block; position: absolute; right: 0; height: 98px; margin-top: 0px; width: 38px; z-index: 90;} #NextArrow:hover{background-position: -38px -98px;} #NextArrow.off, #NextArrow.off:hover{cursor: default; background-position: -38px 0;} #productscarousel .contentcontainer{background: url(/images/homecarousel/productcarouselbg.gif) bottom repeat-x; border-top: solid 1px #b9b7b5; height: 99px; margin-top: 0; width: 918px; } #productscarousel .contentcontainer .productscontainer{float: left; float: left; height: 90px; margin-top: 0px; padding-top: 9px; width: 842px; overflow: hidden; position: relative; margin-left: 38px;} #productscarousel .contentcontainer .productscontainer a{display: block; position: relative; float: left; margin: 0 34px; height: 90px; width: 100px; text-align: center;} #productscarousel .contentcontainer .productscontainer a img{border: none;} #productscarousel .contentcontainer .productscontainer a .tooltip{background: url(/images/homecarousel/tooltiparrow.png) right no-repeat; color: #fff; position: absolute; font-size: 12px; left: 0; margin-left: -50px; text-transform: uppercase; height: 36px; } #productscarousel .contentcontainer .productscontainer a .tooltip div{background-color: #000; margin-right: 12px; height: 36px;} #ProductCarouselContainer{position: absolute; left: 0; width: 10000px;} #feature .topshadow{background: url(/images/homebottombgtop.gif) repeat-x; display: block; height: 6px; overflow: hidden; width: 918px;} #arrowcontainer{position: absolute; left: 0; margin-top: 30px; margin-left: -1000px; z-index: 100;} #arrowcontainer div{float: left;} #arrowcontainertext{display: block; background-color: #000; color: #fff; padding: 2px 5px; height: 32px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;} #alttext{color: #fff; font-size: 12px; text-align: center; } #maincontentcontainer{color: #5a5b5d; padding-left: 4px; padding-bottom: 20px;} #maincontentcontainer p{font-size: 11px;} .maincontent{padding: 40px 140px 0px 100px;} .maincontent a{color: #005293; text-decoration: none;} .maincontent a:hover{text-decoration: underline;} .maincontent p{margin-bottom: 15px;} .maincontent h2{color: #898989; font-size: 18px; font-weight: normal; padding-bottom: 5px; margin-bottom: 15px;} .maincontent table{font-size: 11px;} .maincontent ul{font-size: 11px; line-height: 16px; margin-left: 20px; margin-bottom: 15px;} .maincontent ul.MarginLeft160{margin-left: 160px;} .maincontent ul li{margin-left: 20px;} /*** Custom Styles for Content Authors ***/ .PaddingBottomAndRight {padding-bottom: 10px; padding-right: 10px;} .PaddingBottomAndLeft {padding-bottom: 10px; padding-left: 10px;} .AlignLeft {float: left; padding-right: 20px;} .AlignRight {float: right; padding-left: 20px;} .AlignLeftPaddingBottom {float: left; padding-bottom: 10px; padding-left: 10px;} .AlignRightPaddingBottom {float: right; padding-bottom: 10px; padding-right: 10px;} .GreyBold{color: #999999; font-weight: bold;} .MarginLeft60{margin-left: 60px;} .MarginLeft160{margin-left: 160px;} /*** Second Level Nav ***/ .freshthinkingnav{border-bottom: solid 5px #650021;} .technologynav{border-bottom: solid 5px #a56411;} .technologynav ul li a, .freshthinkingnav ul li a{color: #ccc;} .technologynav ul li.on a, .technologynav ul li a:hover { color: #ffffff; background-color: #a56411; } .freshthinkingnav ul li.on a, .freshthinkingnav ul li a:hover { color: #ffffff; background-color: #650021; } #SecondLevelSubNavContainer{ background-color: #454545; height: auto; width: 918px; height: 44px; } #SecondLevelSubNavContainer ul { height: 43px; border-top: solid 1px #525252; border-bottom: solid 1px #525252; list-style-image: none; list-style-position: outside; list-style-type: none; position: absolute; left: -10000px;} #SecondLevelSubNavContainer ul li { font-size: 9pt; float: left; height: 44px; line-height: 44px; overflow: hidden; white-space: nowrap; padding: 0; text-align: center; background-image: none;} #SecondLevelSubNavContainer ul li a {display: block; text-decoration: none; text-transform: uppercase; } /*** Left Side Content ***/ #LeftNavContainer { background: none !important; width: 230px; overflow: hidden; background-color: #bd461b; float: left; padding-left: 4px;} #LeftNavContainer .buffer{height: 100px; width: 230px;} #LeftNavLinksContainer {background-color: #f5f5f5; width: 230px; } #LeftNavLinksContainer a{color: #454545; background: url(/images/misc/leftnavarrow.png) no-repeat right; display: block; font-weight: bold; font-size: 11px; text-decoration: none; width: 200px;} #LeftNavLinksContainer ul.firstlvl{border-right: solid 1px #bd461b; border-bottom: solid 3px #bd461b; width: 220px;} #LeftNavLinksContainer ul.firstlvl li{border-bottom: solid 1px #cccccc; padding: 4px 10px;} #LeftNavLinksContainer ul li ul{display: none;} /*** Left Navigation Control ***/ .leftNavLevel1 { list-style-type: none; margin: 0; padding: 0; width: 220px; overflow: hidden; } .productsLeftNavLevel1 { border-bottom: 4px solid #bd461b; margin-top: 4px; } .aboutUsLeftNavLevel1 { border-bottom: 4px solid #005293; } .productsLeftNavLevel1 li { background: #f5f5f5; border-bottom: 1px solid #cccccc; border-right: 1px solid #bd461b; } .aboutUsLeftNavLevel1 li { background: #f5f5f5; border-bottom: 1px solid #cccccc; border-right: 1px solid #005293; } .productsLeftNavLevel1 li.on, .productsLeftNavLevel1 li.onNoChildren { background-color: #d17d5f; } .aboutUsLeftNavLevel1 li.on, .aboutUsLeftNavLevel1 li.onNoChildren { background-color: #005293; } .productsLeftNavLevel1 li.childOn { background-color: #d79076; } .leftNavLevel1 li .level1LinkContainer { line-height: 16px; padding: 6px 15px 6px 10px; background: url(/images/global/lhn_off_unsel.jpg) no-repeat 205px center;} .productsLeftNavLevel1 li.on .level1LinkContainer { background: url(/images/global/lhn_products_sel_children.jpg) no-repeat 203px center; border-bottom: 1px solid #ffffff; } .aboutUsLeftNavLevel1 li.on .level1LinkContainer { background: #ccdce9 url(/images/global/lhn_about_us_sel_no_children.jpg) no-repeat 205px center; } .productsLeftNavLevel1 li.childOn .level1LinkContainer { background: url(/images/global/lhn_on_unsel.jpg) no-repeat 203px center; border-bottom: 1px solid #ffffff; } .productsLeftNavLevel1 li.onNoChildren .level1LinkContainer { background: #d08d75 url(/images/global/lhn_products_sel_no_children.jpg) no-repeat 205px center; border-bottom: none; } .leftNavLevel1 li .level1LinkContainer a { font-size: 9pt; color: #454545; text-decoration: none; font-weight: bold; } .leftNavLevel1 li .level1LinkContainer a:hover { text-decoration: underline; } .leftNavLevel1 li.on .level1LinkContainer a, .leftNavLevel1 li.childOn .level1LinkContainer a, .leftNavLevel1 li.onNoChildren .level1LinkContainer a { color: #ffffff; } .aboutUsLeftNavLevel1 li.on .level1LinkContainer a { color: #454545; } #leftNavLevel2 { list-style-type: none; margin: 0; padding: 0; width: 220px; overflow: hidden; } #leftNavLevel2 li { background: #ffffff; border-bottom: none; border-right: 1px solid #bd461b; } #leftNavLevel2 li.on, #leftNavLevel2 li.productOn { background: #bd461b; } #leftNavLevel2 li.childOn { background: #d79076; } #leftNavLevel2 li .level2LinkContainer { line-height: 16px; padding: 4px 20px; background: none; border-bottom: 1px solid #ffffff; } #leftNavLevel2 li.on .level2LinkContainer { background: url(/images/global/lhn_on_sel.jpg) no-repeat 193px center; } #leftNavLevel2 li.childOn .level2LinkContainer { background: url(/images/global/lhn_on_unsel.jpg) no-repeat 193px center; } #leftNavLevel2 li.subfamily .level2LinkContainer { background: url(/images/global/lhn_off_sel.jpg) no-repeat 193px center; } #leftNavLevel2 li.productOn .level2LinkContainer, #leftNavLevel2 li.product .level2LinkContainer { padding: 3px 20px; } #leftNavLevel2 li .level2LinkContainer p { font-size: 9pt; color: #454545; font-weight: bold; margin: 0; padding: 0; } #leftNavLevel2 li .level2LinkContainer a { font-size: 9pt; color: #454545; text-decoration: none; font-weight: bold; } #leftNavLevel2 li .level2LinkContainer a:hover { text-decoration: underline; } #leftNavLevel2 li.on .level2LinkContainer a, #leftNavLevel2 li.childOn .level2LinkContainer a, #leftNavLevel2 li.productOn .level2LinkContainer a, #leftNavLevel2 li.on .level2LinkContainer p, #leftNavLevel2 li.childOn .level2LinkContainer p, #leftNavLevel2 li.productOn .level2LinkContainer p { color: #ffffff; } #leftNavLevel2 li.product .level2LinkContainer a { color: #8f8f8f; } #leftNavLevel3 { list-style-type: none; margin: 0; padding: 0; width: 220px; overflow: hidden; } #leftNavLevel3 li { border-bottom: none; border-right: 1px solid #bd461b; } #leftNavLevel3 li .level3LinkContainer { line-height: 16px; padding: 3px 30px; background: none; border-bottom: 1px solid #ffffff; } #leftNavLevel3 li .level3LinkContainer a { font-size: 9pt; color: #8f8f8f; text-decoration: none; font-weight: bold; } #leftNavLevel3 li .level3LinkContainer a:hover { text-decoration: underline; } #leftNavLevel3 li.on .level3LinkContainer a { color: #ffffff; } #productCategoryLabel { position: absolute; bottom: 5px; left: 10px; } #productCategoryLabel a { font-size: 10pt; font-weight: bold; color: #ffffff; text-decoration: none; text-transform: uppercase; } #productCategoryLabel a:hover { text-decoration: underline; } #productpageImageContainer { height: 120px; width: 230px; overflow: hidden; background: #bd461b; position: relative; } #productImageContainer { height: 244px; width: 230px; overflow: hidden; background: #bd461b; position: relative; } #productBlankImageContainer { height: 120px; width: 230px; overflow: hidden; background: #bd461b; position: relative; } #leftHandBannerContainer { width: 208px; overflow: hidden; margin: 30px 0 30px 10px; } /*** Right Side Content ***/ #RightContentContainer{float: left; width: 688px; font-size: 12px; overflow: hidden;} #RightContentContainer h2 { font-size: 9pt; text-transform: uppercase; font-weight: bold; padding: 0; padding-bottom: 2px; margin: 16px 0 8px 0; border-bottom: 1px solid #cccccc; color: #8f8f8f; } #RightContentContainer .content p{margin-bottom: 10px; font-size: 12px;} #RightContentContainer .content ul{font-weight: bold; margin-left: 20px;} #RightContentContainer .content ul li{list-style-type: disc; margin-bottom: 10px;} #productContent{position: relative;} #ContentHeadingContainer{background: url(/images/misc/contentheadingbg.gif) repeat-x bottom; color: #8f8f8f; font-size: 16px; height: 100px; padding: 30px 95px 0 40px; line-height: 20px;} #ContentHeadingContainer h1{color: #454545; font-size: 27px; font-weight: normal; margin-bottom: 12px; line-height: 24px;} #ContentHeadingContainer p{line-height: 20px;} #productCategoryLabel { position: absolute; bottom: 5px; left: 10px; } #productCategoryLabel a { font-size: 10pt; font-weight: bold; color: #ffffff; text-decoration: none; text-transform: uppercase; } #productCategoryLabel a:hover { text-decoration: underline; } #productpageImageContainer { height: 120px; width: 230px; overflow: hidden; background: #bd461b; position: relative; } #productImageContainer { height: 244px; width: 230px; overflow: hidden; background: #bd461b; position: relative; } #leftHandBannerContainer { width: 208px; overflow: hidden; margin: 30px 0 30px 10px; } #RightContentContainer { overflow: hidden; } #RightContentContainer h2 { font-size: 9pt; text-transform: uppercase; font-weight: bold; padding: 0; padding-bottom: 2px; margin: 16px 0 8px 0; border-bottom: 1px solid #cccccc; color: #8f8f8f; } #RightContentContainer h2.ProductListing{margin-top: 50px;} #RightContentContainer .productcontentcontainer{padding: 15px 0 0 40px;} #productSep { background: url(/images/global/product_grad_sep.jpg) no-repeat; height: 4px; overflow: hidden; width: 918px; clear: both; position: absolute; top: 244px; left: 0; } #productpageSep { background: url(/images/global/product_grad_sep.jpg) no-repeat; height: 4px; overflow: hidden; width: 918px; clear: both; position: absolute; top: 120px; left: 0; margin-left: 4px;} #ContentHeadingContainer { background: none !important; } .productcontentcontainer .content{ color: #333333; padding-top: 8px; margin-bottom: 20px; } #PrimaryContentContainer .content ul{margin-left: 30px;} .productImage {background: #fff; float: right; padding: 25px;} #RightContentContainer .ui-tabs-panel .specSheetList { margin-left: 0; } .specSheetList li { margin-bottom: 5px; list-style-type: none; } .productSpecSheetLink { padding-left: 10px; background: url(/images/global/right_triangle.jpg) no-repeat 0 2px; } #resource_center p { margin-top: 25px; } #RightContentContainer .ui-tabs-panel p { font-size: 9pt; margin-bottom: 15px; } #RightContentContainer .ui-tabs-panel ul, #RightContentContainer .ui-tabs-panel ol { margin-left: 30px; margin-bottom: 15px; } #RightContentContainer .ui-tabs-panel li { font-size: 9pt; line-height: 18px; } #RightContentContainer .ui-tabs-panel a { color: #005293; text-decoration: none; } #RightContentContainer .ui-tabs-panel a:hover { text-decoration: underline; } /*** Technology Pages ***/ #technologypagescontainer{padding-left: 10px; padding-right: 50px;} #technologypagescontainer div{float: left; margin-left: 90px; padding-bottom: 40px; width: 295px;} #technologypagescontainer p{font-size: 11px; line-height: 14px; margin-top: 5px;} #technologypagescontainer a{color: #005293; font-size: 11px; text-decoration: none;} #technologypagescontainer a.heading{display: block; font-size: 13px; font-weight: bold; padding-bottom: 7px; text-transform: uppercase;} #technologypagescontainer a:hover{text-decoration: underline;} #TempctrlFeaturedProducts .heading{color: #999; font-size: 11px; font-weight: bold;} #TempctrlFeaturedProducts .featproducts {float: left; padding: 0 0 30px 20px;} #TempctrlFeaturedProducts .featproducts .featproduct{float: left; margin-left: 20px; width: 170px;} #TempctrlFeaturedProducts .featproducts .featproduct img{display: block; padding-bottom: 15px;} #TempctrlFeaturedProducts .featproducts .featproduct a{color: #005293; font-size: 10px; font-weight: bold;} .technologytabs{margin-right: 5px;} .ui-tabs .ui-tabs-nav li a span {font-size: 12px;} .ui-tabs-panel table tr td{padding: 0 20px;} .ui-tabs-panel .product{clear: both; border-bottom: solid 1px #e7e7e7; float: left; margin: 0 0 20px 0px; padding: 0 40px 25px 20px; width: 580px;} .ui-tabs-panel .product img{float: left; padding-right: 40px;} .ui-tabs-panel .product .secondaryimage{padding-left: 70px;} .ui-tabs-panel .product p.heading{font-weight: bold; margin-bottom: 0;} .ui-tabs-panel .product a{color: #005293; font-weight: bold; font-size: 11px; text-decoration: none; line-height: 16px;} /*** Fresh Thinking ***/ .freshthinkingcontent table{margin-top: 10px;} #ProductGridContainer{margin: 20px 0 0 60px; padding-bottom: 20px; float: left;} #ProductGridContainer .product{float: left; width: 240px; padding-right: 70px; font-size: 11px; display: block; height: 130px;} #ProductGridContainer .product img{padding-right: 10px;} #RelatedProducts{background: url(/images/misc/relatedproductsbg.jpg) repeat-x bottom; display: block; overflow: hidden; width: 725px;} #RelatedProducts .image{float: left; padding: 55px 0 0 10px;} #RelatedProducts .products{float: left; padding-left: 120px;} #RelatedProducts .products a{display: block; float: left; margin-right: 45px;} /*** Product Family Styles ***/ #productFamilySep { background: url(/images/global/product_grad_sep.jpg) no-repeat; height: 4px; width: 918px; overflow: hidden; position: absolute; top: 244px; left: 0; margin-left: 4px; z-index: 3;} #productFamilyTopOuter { height: 290px; position: relative; margin-left: 30px; margin-bottom: 15px; } #productFamilyTopInner { height: 249px; overflow: hidden; } #productFamilyText { height: 164px; width: 330px; overflow: hidden; float: left; padding-top: 65px; } #productFamilyText h1 { font-size: 18pt; font-weight: normal; margin: 0; padding: 0; margin-bottom: 20px; color: #454545; } #productFamilyText p { font-size: 11pt; line-height: 20px; margin: 0; padding: 0; margin-bottom: 12px; color: #8f8f8f; } #featuredProductImage { display: inline; position: absolute; right: 10px; top: 57px; z-index: 4;} #featuredProductTextContainer { position: absolute; top: 227px; right: 200px; min-width: 210px; width: auto !important; width: 210px; border-left: 1px solid #dddddd; z-index: 2;} #featuredProductLabel { display: inline; font-size: 8pt; color: #8f8f8f; padding-left: 8px; padding-bottom: 2px; } #featuredProductLabel img { margin-left: 7px; } #featuredProductLink { display: block; background: url(/images/products/featured_product_link_bg.jpg) no-repeat left bottom; height: 31px; line-height: 32px; padding-left: 8px; } #featuredProductLink .caret { font-size: 12pt; color: #005293; } #featuredProductLink a { font-size: 9pt; color: #005293; text-decoration: none; } #featuredProductLink a:hover { text-decoration: underline; } #productFamilyMainContent { margin: 30px; margin-top: 30px; } #productFamilyMainContent h3 { font-size: 9pt; font-weight: bold; padding: 0; margin: 0; margin-top: 14px; color: #5a5b5d; line-height: 18px; } #productFamilyMainContent p { font-size: 8pt; padding: 0; margin: 0; color: #5a5b5d; line-height: 18px; } #productFamilyMainContent a, #productFamilyMainContent a h3 { text-decoration: none; color: #005293; } #productFamilyMainContent a { font-weight: bold; color: #005293; line-height: 18px; } #productFamilyMainContent a:hover, #productFamilyMainContent a:hover h3 { text-decoration: underline; } #productFamilyMainContent .caret { font-size: 12pt; color: #005293; padding-left: 3px; padding-right: 2px; } #productFamilyCentralMenu { width: 659px; padding: 0; margin: 20px 0; } #productFamilyCentralMenu .centralMenuCell { width: 302px; margin: 0; padding: 0; float: left; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; } #productFamilyCentralMenu .bottomRow { border-bottom: none; } #productFamilyCentralMenu .rightCol { border-right: none; } #productFamilyCentralMenu .centralMenuCellInner { padding: 20px; border: none; } #productFamilyCentralMenu .leftCol .centralMenuCellInner { padding-left: 0; } #productFamilyCentralMenu .rightCol .centralMenuCellInner { padding-right: 0; } #productFamilyCentralMenu .centralMenuCellInner .centralMenuCellImage { float: left; width: 85px; margin-right: 10px; } #productFamilyCentralMenu .centralMenuCellInner .centralMenuCellImage img { border: 0; } #productFamilyCentralMenu .centralMenuCellInner .cellLinkArea { float: left; width: 185px; } #productFamilyCentralMenu .centralMenuCellInner p { margin: 0; line-height: 17px; font-size: 8pt; color: #454545; } #productFamilyCentralMenu .centralMenuCellInner a { font-weight: bold; text-decoration: none; font-size: 8pt; color: #005293; } #productFamilyCentralMenu .centralMenuCellInner a:hover { text-decoration: underline; } /*** Products Page ***/ #productCategoryContent { border-top: 5px solid #bd461b; width: 918px; } #productCategoryTopOuter { height: 310px; position: relative; } #productCategoryTopInner { height: 249px; overflow: hidden; } #productCategoryImage { height: 244px; margin-right: 30px; float: left; display: block; } #productCategoryText { height: 164px; width: 330px; overflow: hidden; float: left; padding-top: 80px; } #productCategoryText h1 { font-size: 18pt; font-weight: normal; margin: 0; padding: 0; margin-bottom: 20px; color: #454545; } #productCategoryText p { font-size: 11pt; line-height: 20px; margin: 0; padding: 0; margin-bottom: 12px; color: #8f8f8f; } #productCategorySep { background: url(/images/global/grad_sep.jpg) no-repeat; height: 4px; overflow: hidden; width: 918px; clear: both; } #productCategoryMainContent { margin: 10px 20px 25px 50px; } #productCategoryMainContent h2 { font-size: 9pt; text-transform: uppercase; font-weight: bold; padding: 0; padding-bottom: 3px; margin: 0; margin-bottom: 8px; border-bottom: 1px solid #cccccc; color: #8f8f8f; } #productCategoryCopy { float: left; width: 849px; } #productCategoryCopy p { font-size: 9pt; color: #454545; line-height: 18px; } #productMenuHeader{float: left; padding-top: 20px; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #8f8f8f;} #productFinderContainer { height: 33px; overflow: hidden; margin-bottom: 10px; } #productFinderLeft { height: 33px; width: 5px; overflow: hidden; background: url(/images/products/product_finder_bg_left.png) no-repeat; float: left; } #productFinderInner { height: 33px; overflow: hidden; background: #f2f2f2; float: right; padding: 0 10px; } #productFinderInnerLabel { font-size: 8pt; font-weight: bold; color: #454545; line-height: 33px; margin-right: 15px; display: block; float: left; } #productFinderInner select { margin: 0; margin-top: 6px; height: 21px; display: block; float: left; padding-top: 2px;} #productFinderInner select option {padding: 1px 0 0 4px;} #productFinderRight { height: 33px; width: 5px; overflow: hidden; background: url(/images/products/product_finder_bg_right.png) no-repeat; float: left; } #productFinderContainer p { margin: 0; padding: 0; color: #454545; line-height: 14px; font-size: 8pt; } #productCategoryRHImage { float: right; margin: 25px; } #productCategoryCentralMenu { width: 849px; padding: 0; margin: 0px 0; float: left; border-top: solid 1px #dfdfdf;} #productCategoryCentralMenu .centralMenuCell { width: 282px; margin: 0; padding: 0; float: left; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; } #productCategoryCentralMenu .rightCol { border-right: none; } #productCategoryCentralMenu .centralMenuCellInner { padding: 17px; border: none; height: auto; } #productCategoryCentralMenu .leftCol .centralMenuCellInner { padding-left: 0; } #productCategoryCentralMenu .rightCol .centralMenuCellInner { padding-right: 0; } #productCategoryCentralMenu .centralMenuCellInner .centralMenuCellImage { float: left; width: 85px; margin-right: 10px; display: block; } #productCategoryCentralMenu .centralMenuCellInner .centralMenuCellImage img { border: 0; } #productCategoryCentralMenu .centralMenuCellInner .cellLinkArea { float: left; width: 145px; } #productCategoryCentralMenu .centralMenuCellInner p { margin: 0; padding-top: 10px; line-height: 17px; font-size: 8pt; color: #454545; } #productCategoryCentralMenu .centralMenuCellInner a { font-weight: bold; text-decoration: none; font-size: 16px; color: #005293; } #productCategoryCentralMenu .centralMenuCellInner a:hover { text-decoration: underline; } #productCategoryCentralMenu .centralMenuCellInner .cellLinkArea .cellimage{height: 125px;} /*** Vertical Positioning Styles ***/ #productCategoryCentralMenu .v-outer {float: left; display: table; #position: relative; overflow: hidden; height: 120px; color: white; width: 104px; } #productCategoryCentralMenu .v-middle {display: table-cell; #position: absolute; #top: 100%; vertical-align: bottom; } #productCategoryCentralMenu .v-inner { #position: relative; #top: -100%; } /*** News/Events Styles ***/ #newsEventsHead { margin: 35px 0 25px 0; margin-left: 4px; width: 918px; height: 56px; overflow: hidden; background: url(/images/news-events/news_events_head_bg.jpg) no-repeat; position: relative; } #newsEventsHeadLabel { color: #ffffff; text-transform: uppercase; font-size: 10pt; font-weight: bold; position: absolute; left: 15px; top: 15px; margin: 0; padding: 0; } #newsEventsHeadLabel a { color: #ffffff; text-decoration: none; } #newsEventsHeadLabel a:hover { text-decoration: underline; } #newsEventsLinks { position: absolute; left: 250px; top: 16px; width: 655px; } #newsEventsLinks a { text-transform: uppercase; font-size: 8pt; font-weight: bold; color: #005293; text-decoration: none; line-height: 15px; } #newsEventsLinks a:hover { text-decoration: underline; } #newsEventsLinksLeft { float: left; } #newsEventsLinksLeft a { padding-left: 6px; margin-left: 6px; border-left: 1px solid #005293; display: block; float: left; } #newsEventsLinksLeft a.rssLink { background: url(/images/global/rss.jpg) no-repeat; padding-left: 18px; } #newsEventsLinksLeft a.first { padding-left: auto; margin-left: 0; border-left: 0; } #newsEventsLinksRight { float: right; } .newsEventsLinkRight { float: left; margin-left: 10px; } .newsEventsLinkRight .caret { color: #005293; font-weight: bold; font-size: 10pt; margin-right: 2px; } #newsEventsLeft { float: left; width: 630px; margin-left: 15px; padding-bottom: 50px; border-right: 1px solid #e7e6e1; overflow: hidden; } * html #newsEventsLeft { margin-left: 7px; } #newsEventsLeft a { font-size: 8pt; font-weight: bold; text-decoration: none; color: #005293; } #newsEventsLeft a:hover { text-decoration: underline; } #newsEventsLeft span.caret { color: #005293; font-weight: bold; font-size: 10pt; margin-right: 2px; } #newsEventsLeft p { color: #454545; margin: 0; padding: 0; margin-bottom: 10px; } #newsEventsLeft h2 { color: #454545; font-size: 15pt; font-weight: normal; margin: 0; padding: 0; margin-bottom: 10px; line-height: 24px; } #newsEventsLeft #featuredArticle { background: #f3f3f3; padding: 10px; padding-bottom: 20px; margin-bottom: 30px; } #newsEventsLeft #featuredArticle img { margin-right: 15px; width: 210px; overflow: hidden; float: left; } #newsEventsLeft #featuredArticleText { width: 365px; float: left; } #newsEventsLeft #featuredArticle h2 { font-size: 15pt; font-weight: normal; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #d0cece; } #newsEventsLeft #featuredArticle h2 a { font-size: 15pt; font-weight: normal; color: #005293; text-decoration: none; line-height: 24px; } #newsEventsLeft #featuredArticle h2 a:hover { text-decoration: underline; } #newsEventsLeft #featuredArticle p.posted { font-weight: bold; margin-bottom: 0; color: #8f8f8f; text-transform: uppercase; } #newsEventsLeft #articleList { padding-left: 20px; padding-right: 50px; } #newsEventsLeft .articleListItem { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #e7e7e7; } #newsEventsLeft .articleListItem h2 { font-size: 11pt; font-weight: normal; margin: 0; margin-bottom: 3px; padding: 0; color: #005293; } #newsEventsLeft .articleListItem h2 a { font-size: 11pt; font-weight: normal; color: #005293; text-decoration: none; } #newsEventsLeft .articleListItem h2 a:hover { text-decoration: underline; } #newsEventsLeft .articleListItem p { margin: 0; margin-bottom: 5px; } #newsEventsLeft .articleListItem span.caret { margin-left: 8px; } #newsEventsLeft #articleHead { border-bottom: 4px solid #e7e7e7; } #newsEventsLeft #articleHeadLeft { float: left; } #newsEventsLeft #articleHeadLeft span.caret { font-size: 12pt; } #newsEventsLeft #articleHeadLeft a { font-weight: bold; font-size: 10pt; line-height: 18px; } #newsEventsLeft #articleHeadRight { float: right; padding-right: 15px; } #newsEventsLeft #articleHeadRight a { display: block; float: left; font-size: 9pt; line-height: 18px; } #newsEventsLeft #articleHeadRight a.printLink { padding-left: 28px; background: url(/images/news-events/print_icon.jpg) no-repeat; padding-right: 8px; margin-right: 8px; border-right: 1px solid #005293; } #newsEventsLeft #articleBody { margin: 15px; } #newsEventsLeft #articleBody ol { list-style-type: decimal; list-style-position: inside; margin-left: 20px; } #newsEventsLeft #articleBody ul { list-style-type: disc; list-style-position: inside; margin-left: 20px; } #newsEventsLeft #articleBody li { line-height: 18px; color: #454545; } #newsEventsLeft #archiveHead { border-bottom: 4px solid #e7e7e7; font-size: 11pt; line-height: 20px; font-weight: bold; color: #454545; padding-left: 5px; } #newsEventsLeft #archiveContainer { margin-left: 10px; } #newsEventsLeft .archiveYearPanel { float: left; width: 115px; border-right: 1px solid #dbdbdb; margin-top: 10px; } #newsEventsLeft .archiveYearPanel h4 { font-size: 13pt; font-weight: bold; color: #454545; margin-bottom: 15px; line-height: 25px; padding-left: 10px; } #newsEventsLeft .archiveYearPanel h4.on { background: #e7e7e7; } #newsEventsLeft .archiveYearPanel h4 a { font-size: 13pt; font-weight: bold; color: #005293; padding-left: 0; line-height: 25px; } #newsEventsLeft .archiveYearPanel a { display: block; padding-left: 10px; font-size: 10pt; line-height: 19px; } #newsEventsLeft .archiveYearPanel h5 { background: #e7e7e7; padding-left: 10px; font-size: 10pt; font-weight: bold; margin: 0; color: #454545; line-height: 19px; } #newsEventsLeft h3.archiveArticleListHeading { color: #454545; text-transform: uppercase; font-size: 8pt; font-weight: bold; margin: 30px 0 15px 0; padding: 5px 10px; line-height: 15px; background: #e7e7e7; } #newsEventsLeft .archiveListItem { margin-left: 10px; margin-bottom: 15px; } #newsEventsLeft .archiveListItem a { font-size: 9pt; font-weight: bold; } #newsEventsLeft .archiveListItem p.posted { color: #8f8f8f; margin: 0; line-height: normal; } #newsEventsRight { float: left; width: 248px; margin-left: -1px; padding-left: 10px; padding-bottom: 50px; border-left: 1px solid #e7e6e1; overflow: hidden; } .rightListBox { margin-bottom: 25px; } .rightListBoxHead { background: #f7f7f7; padding: 6px; } * html .rightListBoxHead { padding-bottom: 3px; } .rightListBoxHead h3 { margin: 0; padding: 0; font-weight: bold; font-size: 9pt; color: #454545; float: left; } .rightListBoxHeadLink { float: right; } .rightListBoxHeadLink .caret { font-size: 10pt; font-weight: bold; color: #005293; margin-right: 2px; } .rightListBoxHeadLink a { text-transform: uppercase; font-size: 8pt; font-weight: bold; color: #005293; text-decoration: none; line-height: 15px; } .rightListBoxHeadLink a:hover { text-decoration: underline; } .rightListBoxBody { padding: 8px; } .rightListBoxBody a { font-size: 8pt; color: #005293; text-decoration: none; } .rightListBoxBody a:hover { text-decoration: underline; } .rightListBoxBody p { margin: 0; line-height: normal; color: #8f8f8f; } .rightListBoxBody .eventListItem { margin-bottom: 10px; } .rightListBoxBody .additionalResource { margin-bottom: 10px; } .rightListBoxBody .additionalResource a { font-weight: bold; } .rightListBoxBody .additionalResource p.resourceType { color: #454545; } .rightBox { margin-bottom: 15px; border: 1px solid #dedede; padding: 1px; width: 244px; height: 84px; overflow: hidden; background: url(/images/news-events/news_events_right_box_bg.jpg) no-repeat 1px 1px; position: relative; } .rightBox img { height: 34px; width: 34px; overflow: hidden; position: absolute; top: 20px; left: 15px; } .rightBox h3 { font-size: 9pt; font-weight: bold; margin: 0; padding: 0; position: absolute; top: 20px; left: 65px; } .rightBox a { color: #005293; text-decoration: none; } .rightBox a:hover { text-decoration: underline; } .rightBox p { color: #454545; font-size: 8pt; font-weight: normal; margin: 0; padding: 0; position: absolute; top: 37px; left: 65px; line-height: 12px; width: 170px; } #rssLightbox { display: none; z-index: 100; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: #000000; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } #rssLightboxContent { display: none; background: #ffffff; height: 120px; width: 300px; padding: 40px 50px; position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -200px; z-index: 101; } #rssLightboxContent h4 { color: #454545; font-size: 12pt; margin-left: 20px; margin-bottom: 20px; line-height: 18px; } #rssLightboxContent label { color: #454545; display: block; float: left; width: 240px; margin-left: 10px; margin-top: 4px; } #rssLightboxContent input { display: block; float: left; } #rssLightboxButtons { margin-top: 10px; float: right; } #rssLightboxButtons input { margin-left: 15px; } #tradeshowList { padding: 20px; } #tradeshowList h2 { color: #454545; font-size: 15pt; font-weight: normal; margin: 0; padding: 0; margin-bottom: 10px; line-height: 24px; } #tradeshowList p { color: #454545; margin: 0 0 10px; padding: 0; font-size: 9pt; } #tradeshowListItems { margin-top: 30px; } #tradeshowListItems .eventListItem p { font-size: 8pt; } #tradeshowHead { border-bottom: 4px solid #e7e7e7; } #tradeshowHeadLeft { float: left; } #tradeshowHeadLeft span.caret { font-size: 12pt; } #tradeshowHeadLeft a { font-weight: bold; font-size: 10pt; line-height: 18px; } #tradeshowHeadRight { float: right; padding-right: 15px; } #tradeshowHeadRight a { display: block; float: left; font-size: 9pt; line-height: 18px; } #tradeshowSubHeadBullet { float: left; width: 6px; height: 42px; background: #005293; } #tradeshowSubHead { float: left; width: 580px; background: #f7f7f7; margin-bottom: 18px; } #tradeshowContainer { padding: 20px; } #tradeshowContainer h2 { color: #454545; font-size: 15pt; font-weight: normal; margin: 0; padding: 0; margin-bottom: 10px; line-height: 24px; } #tradeshowContainer h3 { color: #454545; font-size: 10pt; font-weight: normal; margin: 5px 0 2px 8px; padding: 0; line-height: normal; } #tradeshowContainer h4 { color: #454545; font-size: 10pt; font-weight: bold; margin: 0; margin-bottom: 15px; padding: 0; line-height: normal; } #tradeshowContainer #tradeshowSubHead h4 { color: #8f8f8f; font-size: 10pt; font-weight: normal; margin: 0; padding: 0; margin-bottom: 5px; margin-left: 8px; line-height: normal; } #tradeshowContainer ul, #tradeshowContainer ol { margin: 0 0 15px 30px; } #tradeshowContainer ul li { list-style-type: disc; } #tradeshowContainer ol li { list-style-type: decimal; } #tradeshowContainer li { line-height: 18px; color: #454545; margin-bottom: 5px; font-size: 9pt; } #tradeshowContainer p { font-size: 9pt; } #tradeshowContainer a { font-size: 9pt; } #tradeshowRelatedProducts { margin: 20px 0; } .tradeshowRelatedProduct { margin: 20px 0; } .tradeshowRelatedProductHead { background: #f7f7f7; padding: 6px; margin-bottom: 6px; } .tradeshowRelatedProductHead h5 { color: #454545; float: left; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; line-height: normal; } .tradeshowRelatedProductHead .topLink { display: block; float: right; } .tradeshowRelatedProductBody { padding: 6px; } .tradeshowRelatedProductBody img { margin-left: 30px; margin-bottom: 18px; } #additionalResourcesList { padding: 20px; } #additionalResourcesList h2 { color: #454545; font-size: 15pt; font-weight: normal; margin: 0; padding: 0; margin-bottom: 10px; line-height: 24px; } #additionalResourcesList p { color: #454545; margin: 0; padding: 0; font-size: 9pt; } #additionalResourcesListItems { margin-top: 30px; } #additionalResourcesListItems .additionalResource { margin-bottom: 10px; } #additionalResourcesListItems .additionalResource p { font-size: 8pt; } /*** About Us ***/ #aboutUsContent{padding-left: 4px;} #aboutUsHead { margin: 35px 0 0 0; width: 918px; height: 56px; overflow: hidden; background: url(/images/news-events/news_events_head_bg.jpg) no-repeat; position: relative; } #aboutUsHeadLabel { color: #ffffff; text-transform: uppercase; font-size: 10pt; font-weight: bold; position: absolute; left: 15px; top: 15px; margin: 0; padding: 0; } #aboutUsHeadLabel a { color: #ffffff; text-decoration: none; } #aboutUsHeadLabel a:hover { text-decoration: underline; } #aboutUsLinks { position: absolute; left: 250px; top: 16px; width: 650px; } #aboutUsLinks a { text-transform: uppercase; font-size: 8pt; font-weight: bold; color: #005293; text-decoration: none; line-height: 15px; } #aboutUsLinks a:hover { text-decoration: underline; } #aboutUsLinksRight { float: right; } .aboutUsLinkRight { float: left; margin-left: 10px; } .aboutUsLinkRight .caret { color: #005293; font-weight: bold; font-size: 10pt; margin-right: 2px; } #aboutUsMainContent { padding: 10px 70px 50px 50px; } #aboutUsMainContent h1 { font-size: 18pt; font-weight: normal; margin: 25px 0 35px 0; padding: 0; color: #838383; } #aboutUsSubheadingText { font-size: 12pt; color: #666666; line-height: 20px; margin: 0; padding: 0; margin-bottom: 20px; } .aboutUsMainImage { margin-left: 10px; float: right; } .aboutUsPageSection { color: #454545; } .aboutUsPageSection h3 { clear: both; margin-top: 20px; margin-bottom: 7px; } .aboutUsPageSection p { margin-bottom: 12px; } .aboutUsPageSection a { text-decoration: none; } .aboutUsPageSection a:hover { text-decoration: underline; } .aboutUsLinkSection { list-style-type: none; width: 548px; display: -moz-inline-block; display: inline-block; margin: 20px 0; padding: 5px 10px; background: #f3f3f3; } .aboutUsLink { display: inline; margin-right: 15px; } .aboutUsLink a { color: #005293; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 8pt; } .aboutUsLink a:hover { text-decoration: underline; } .aboutUsLink span.caret { font-size: 12pt; color: #005293; margin-right: -2px; } #aboutUsLightboxBG { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000000; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } #aboutUsLightboxBorder { display: none; z-index: 300; background: #ffffff; height: 396px; width: 716px; position: absolute; top: 50%; left: 50%; margin-top: -198px; margin-left: -358px; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } #aboutUsLightbox { display: none; z-index: 301; background: #ffffff; height: 340px; width: 660px; overflow: hidden; position: absolute; top: 50%; left: 50%; padding: 20px; margin-top: -190px; margin-left: -350px; } #aboutUsLightboxHead { border-bottom: 1px solid #8f8f8f; } #aboutUsLightboxHead h4 { float: left; font-size: 17pt; color: #454545; font-weight: bold; padding-top: 8px; width: 595px; line-height: normal; } #aboutUsLightboxHead a { display: block; float: right; background: #e7e7e7; color: #005293; font-size: 9pt; font-weight: bold; margin-bottom: 15px; padding: 6px 9px; text-transform: uppercase; text-decoration: none; } #aboutUsLightboxContent { padding: 40px 160px; } /*** Contact Us ***/ #contactUsContent{padding-left: 4px;} #contactUsHead { margin: 0; margin-top: 35px; width: 918px; height: 56px; overflow: hidden; background: url(/images/news-events/news_events_head_bg.jpg) no-repeat; position: relative; } #contactUsHeadLabel { color: #ffffff; text-transform: uppercase; font-size: 10pt; font-weight: bold; position: absolute; left: 15px; top: 15px; margin: 0; padding: 0; } #contactUsHeadLabel a { color: #ffffff; text-decoration: none; } #contactUsHeadLabel a:hover { text-decoration: underline; } #contactUsLinks { position: absolute; left: 250px; top: 16px; width: 650px; } #contactUsLinks a { text-transform: uppercase; font-size: 8pt; font-weight: bold; color: #005293; text-decoration: none; line-height: 15px; } #contactUsLinks a:hover { text-decoration: underline; } #contactUsLinksRight { float: right; } #contactUsMainContent { padding: 50px; padding-bottom: 0; } #contactUsMainContentBlock { font-size: 12pt; line-height: 22px; color: #6a6a6e; width: 485px; margin: 0 0 40px 20px; } #contactUsMainContentBlock p { font-size: 12pt; line-height: 22px; color: #6a6a6e; } #contactUsMainContentLeft { float: left; border-right: 1px solid #e7e6e1; width: 617px; } #contactUsMainContentRight { float: left; border-left: 1px solid #e7e6e1; margin-left: -1px; width: 175px; padding-left: 25px; padding-top: 25px; } #contactUsMainContentRight h4 { font-size: 10pt; color: #464646; font-weight: bold; margin: 0; margin-bottom: 3px; } #contactUsMainContentRight h5 { font-size: 8pt; color: #464646; font-weight: bold; margin: 0; line-height: 16px; } #contactUsMainContentRight p { color: #464646; line-height: 16px; margin-bottom: 20px; } #contactUsMainContentRight a { color: #005293; text-decoration: none; font-weight: bold; } #contactUsMainContentRight a:hover { text-decoration: underline; } /*** Purchase Equipment tab ***/ .purchaseEquipmentBox { background: #f6f6f6; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; border-radius-bottomleft: 5px; border-radius-bottomright: 5px; } .ui-tabs .ui-tabs-panel .purchaseEquipmentHeading { margin: 0; margin-top: 25px; background: #4d8bba; height: 32px; padding-left: 20px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topleft: 5px; -webkit-border-radius-topright: 5px; border-radius-topleft: 5px; border-radius-topright: 5px; } .ui-tabs .ui-tabs-panel .purchaseEquipmentHeading h3 { margin: 0; padding-top: 6px; font-size: 14pt; font-weight: bold; color: #ffffff; float: left; } .ui-tabs .ui-tabs-panel .error { background: #aa0000; } .changeButton { display: none; float: right; margin-right: 10px; margin-top: 6px; } .purchaseEquipmentCategoryContainer { float: left; width: 243px; padding: 25px 12px; text-align: center; } .purchaseEquipmentCategory { font-size: 9pt; font-weight: bold; text-transform: uppercase; } .purchaseEquipmentCategoryDesc { font-size: 8pt; font-weight: bold; color: #909095; } .centeredRB { margin-top: 10px; } .purchaseEquipmentChoice, .purchaseEquipmentChoiceUpper { display: none; font-size: 9pt; font-weight: bold; padding: 10px 20px; color: #6a6a6e; } .purchaseEquipmentChoiceUpper { text-transform: uppercase; } .purchaseEquipmentActionContainer { float: left; width: 154px; padding: 25px 12px; text-align: center; } .purchaseEquipmentAction { font-size: 9pt; font-weight: bold; color: #6a6a6e; } #purchaseEquipment_2 { display: none; } #purchaseEquipment_3 { display: none; } .locatorZipCodeBox { padding: 15px; } .locatorZipCodeBox div { float: left; margin-right: 9px; } .locatorZipCodeBox div.clear { clear: both; float: none; height: 1px; overflow: hidden; margin: 0; } .locatorZipCodeBox label { display: block; text-transform: uppercase; font-size: 9pt; font-weight: bold; color: #6a6a6e; } .locatorZipCodeBox .or { font-size: 9pt; font-weight: bold; color: #8f8f8f; text-transform: uppercase; padding-top: 18px; } .locatorZipCodeBox #txtZipCode { width: 175px; } .locatorZipCodeBox #ddlCountry { width: 200px; margin-right: 5px; } .locatorZipCodeBox .btnGo, .locatorZipCodeBox .btnServiceDirGo { float: left; } .locatorResults { margin: 10px; margin-top: 25px; } .ui-tabs .ui-tabs-panel .locatorResults h3 { font-size: 16pt; font-weight: bold; margin: 0; margin-bottom: 20px; padding: 7px 0 4px 0; line-height: normal; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; color: #8f8f8f; } .locatorResults h5 { font-size: 11pt; font-weight: bold; margin: 0; margin-top: 10px; line-height: normal; color: #8f8f8f; } .locatorResults a { font-size: 9pt; display: block; margin-left: 10px; } .locatorResultsInner { display: none; } .locatorResultsOverlay { background: #ffffff; position: relative; height: 150px; display: none; } .locatorResultsOverlay img { position: absolute; top: 50%; left: 50%; margin-top: -33px; margin-left: -33px; } #purchaseEquipmentResultsLeft, #serviceDirectoryResultsLeft { float: left; width: 250px; margin-right: 13px; } #purchaseEquipmentResultsRight, #serviceDirectoryResultsRight { float: left; width: 250px; } #purchaseEquipmentResults a { font-size: 9pt; display: inline; margin-left: 0;} #purchaseEquipmentResultsLeft div{padding-left: 10px;} #purchaseEquipmentResultsRight div{padding-left: 10px;} #purchaseEquipmentResultsLeft div span, #purchaseEquipmentResultsRight div span{color: #8F8F8F; font-size: 9pt; font-weight: normal;} #purchaseEquipmentInternationalResults a { margin-left: 0; } #purchaseEquipmentInternationalResults p { margin-left: 10px; } #purchaseEquipmentLightboxBG { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000000; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; z-index: 40; } #purchaseEquipmentLightboxBorder { display: none; z-index: 300; background: #ffffff; height: 396px; width: 716px; position: absolute; top: 50%; left: 50%; margin-top: -198px; margin-left: -358px; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; } #purchaseEquipmentLightbox { display: none; z-index: 301; background: #ffffff; height: 340px; width: 660px; overflow: hidden; position: absolute; top: 50%; left: 50%; padding: 20px; margin-top: -190px; margin-left: -350px; } #purchaseEquipmentLightboxOverlay { display: none; z-index: 350; position: absolute; top: 50%; left: 50%; height: 380px; width: 700px; background: #ffffff; margin-top: -190px; margin-left: -350px; } #purchaseEquipmentLightboxOverlay img { position: absolute; top: 50%; left: 50%; margin-top: -33px; margin-left: -33px; } #purchaseEquipmentLightboxHead { border-bottom: 1px solid #8f8f8f; } #purchaseEquipmentLightboxHead h4 { float: left; font-size: 17pt; color: #454545; font-weight: bold; padding-top: 8px; width: 595px; line-height: normal; } #purchaseEquipmentLightboxHead a { display: block; float: right; background: #e7e7e7; color: #005293; font-size: 9pt; font-weight: bold; margin-bottom: 15px; padding: 6px 9px; text-transform: uppercase; text-decoration: none; } .purchaseEquipmentRow { margin: 15px 5px 0 5px; width: 355px; padding-bottom: 15px; border-bottom: 1px solid #d2d2d2; } .purchaseEquipmentRowLeft { float: left; width: 35px; margin-left: 5px; } .purchaseEquipmentRowRight { float: left; width: 315px; } * html .purchaseEquipmentRowRight { width: 310px; } .purchaseEquipmentRowRight p { color: #8f8f8f; font-size: 11pt; letter-spacing: 0.3px; } .purchaseEquipmentRowRight a { color: #005293; text-decoration: none; } .purchaseEquipmentRowRight a:hover { text-decoration: underline; } #purchaseEquipmentLightboxLeft { float: left; width: 360px; } #purchaseEquipmentLightboxRight { width: 280px; height: 280px; position: relative; float: left; margin: 20px 0 0 20px; } * html #purchaseEquipmentLightboxRight { bottom: 0; right: 0; } #purchaseEquipmentLightboxRight #googleMapCanvas { width: 280px; height: 280px; } /*** Service Directory tab ***/ #chkServiceOutsideTheUS { margin-left: 80px; margin-top: 5px; } #serviceDirectoryChoices .or { margin-left: 15px; margin-right: 24px; } #serviceDirectoryChoices .btnServiceDirGo { margin-left: 45px; } /*** Contact Us tab ***/ #contactHobartTab { padding: 35px 30px; } #contactHobartTab h3 { font-size: 9pt; font-weight: bold; margin: 0; color: #464646; line-height: 16px; margin-bottom: 3px; } #contactHobartTab p { line-height: 16px; color: #464646; width: 450px; } #contactUsFormFieldContainer { padding: 15px; border: 1px solid #cccccc; background: #fbfbfb; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #contactUsFormFieldContainer h4 { font-size: 8pt; line-height: normal; color: #8f8f8f; font-weight: bold; margin: 0; margin-bottom: 20px; padding: 0; } #contactUsFormFieldContainer label { display: block; font-weight: bold; font-size: 8pt; color: #636363; } #contactUsFormFieldContainer table { width: 520px; } #contactUsFormFieldContainer td { padding: 5px; } #contactUsFormFieldContainer td.error { border: 1px solid #cc0000 !important; background-color: #fff9f0; } #contactUsFormFieldContainer td.error label { color: #cc0000; } #contactUsFormFieldContainer #RequestType { width: 500px; margin-bottom: 5px; } #contactUsFormFieldContainer #FirstName { width: 240px; } #contactUsFormFieldContainer #LastName { width: 240px; } #contactUsFormFieldContainer #Company { width: 502px; } #contactUsFormFieldContainer #BusinessType { width: 500px; } #contactUsFormFieldContainer #CompanyAddress { width: 502px; } #contactUsFormFieldContainer #City { width: 240px; } #contactUsFormFieldContainer #State { width: 140px; } #contactUsFormFieldContainer #ZipCode { width: 87px; } #contactUsFormFieldContainer #Country { width: 402px; } #contactUsFormFieldContainer #Phone1 { width: 63px; margin-right: 3px; margin-bottom: 5px; } #contactUsFormFieldContainer #Phone2 { width: 63px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; } #contactUsFormFieldContainer #Phone3 { width: 83px; margin-left: 3px; margin-bottom: 5px; } #contactUsFormFieldContainer #EmailAddress { width: 240px; } #contactUsFormFieldContainer #Comments { width: 507px; height: 120px; font-size: 12px; } #contactUsFormFieldContainer #btnSubmit { display: block; position: relative; margin: 15px auto; } #foodserviceBuyOnlineContent a { display: inline; font-size: 8pt; margin: 0; } #foodserviceBuyOnlineContent table { width: 500px; } #foodserviceBuyOnlineContent th {color: #333; text-align: center; padding: 4px; font-size: 9pt; } #foodserviceBuyOnlineContent th.first { text-align: left; } #foodserviceBuyOnlineContent td {color: #333; font-size: 9pt; padding: 4px; text-transform: uppercase; text-align: center; } #foodserviceBuyOnlineContent td.first { text-align: left; } #foodserviceBuyOnlineContent td img { border: 0; } /*** Search Results ***/ #searchResultsContainer { padding: 40px; } #searchResultsContainer h1 { font-size: 18pt; line-height: normal; font-weight: normal; margin: 0; padding: 0; color: #454545; float: left; } #searchResultsSummary { font-size: 9pt; color: #454545; float: right; } .searchResultsCount { font-size: 9pt; color: #6d6c6b; float: right; margin-left: 10px; } #searchResults { margin: 10px 0; padding: 0; padding-top: 20px; background: url(/images/global/grad_sep.jpg) no-repeat top left; } .searchResult { margin-bottom: 20px; } .searchResult h5 { margin-bottom: 5px; float: left; margin-right: 15px; } .searchResult h5 a { font-size: 11pt; color: #005293; font-weight: bold; text-decoration: none; } .searchResult h5 a:hover { text-decoration: underline; } .searchResult p { color: #454545; clear: both; } .searchResult img { margin-top: 4px; } .searchPagination { background: url(/images/global/grad_sep.jpg) no-repeat top left; padding-top: 20px; } .paginationLink { display: -moz-inline-block; display: inline-block; margin-right: 6px; font-size: 9pt; font-weight: bold; color: #454545; } a.paginationLink { color: #005293; text-decoration: none; } a.paginationLink:hover { text-decoration: underline; } /*** General Video Lightbox ***/ #lightboxBG { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000000; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 299;} #lightboxBorder { display: none; z-index: 300; background: #ffffff; position: absolute; top: 50%; left: 50%; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } #lightboxContainer { display: none; z-index: 301; background: #ffffff; overflow: hidden; position: absolute; top: 50%; left: 50%; padding: 20px; padding-top: 10px; } #lightboxHead { border-bottom: 1px solid #8f8f8f; height: 52px; } #lightboxTitle { float: left; height: 100%; } #lightboxTitle h4 { font-size: 12pt; color: #454545; font-weight: bold; line-height: normal; } #lightboxHead a { display: block; float: right; background: #e7e7e7; color: #005293; font-size: 9pt; font-weight: bold; margin: 10px 0 15px 0; padding: 6px 9px; text-transform: uppercase; text-decoration: none; } /*** Notices ***/ #noticeContainer { padding: 30px; } #noticeContainer h1 { font-size: 20pt; font-weight: normal; margin: 0; margin-bottom: 30px; color: #454545; } #noticeContainer p { line-height: 1.5em; width: 80%; margin: 0; margin-bottom: 20px; font-size: 9pt; } #noticeContainer a { color: #005293; text-decoration: none; } #noticeContainer a:hover { text-decoration: underline; } #noticeContainer a.sectionAnchor { color: #6d6c6b; } #noticeContainer a.sectionAnchor:hover { text-decoration: none; } #noticeContainer ol, #noticeContainer ul { margin-left: 25px; margin-bottom: 20px; } #noticeContainer li { list-style-type: decimal; font-size: 9pt; } /*** Error Page ***/ .errorPageContainer { padding: 35px; } .errorPageContainer h1 { font-size: 18pt; font-weight: normal; color: #6d6c6b; margin-bottom: 25px; } .errorPageContainer ul { margin-left: 15px; margin-bottom: 10px; } .errorPageContainer li { margin-left: 20px; font-size: 9pt; color: #454545; } .errorPageContainer p { color: #454545; font-size: 9pt; } #foodserviceBuyOnlineContent a { display: inline; font-size: 8pt; margin: 0; } #foodserviceBuyOnlineContent table { width: 500px; } #foodserviceBuyOnlineContent th {color: #333; text-align: center; padding: 4px; font-size: 9pt; } #foodserviceBuyOnlineContent th.first { text-align: left; } #foodserviceBuyOnlineContent td {color: #333; font-size: 9pt; padding: 4px; text-transform: uppercase; text-align: center; } #foodserviceBuyOnlineContent td.first { text-align: left; } #foodserviceBuyOnlineContent td img { border: 0; } /*** Warranty Registration Form ***/ #genericContainer{min-height: 300px;} #genericContainer, #warrantyFormFieldContainer{padding: 35px;} #genericContainer h1, #warrantyFormFieldContainer h1{color: #838383; font-size: 18pt; font-weight: normal; margin-bottom: 10px;} #genericContainer p. #warrantyFormFieldContainer p{font-size: 12px;} #warrantyFormFieldContainer input{position: relative;} #warrantyFormFieldContainer ul{margin: 0; padding: 0 0 40px 0;} #warrantyFormFieldContainer ul li{float: left; list-style: none; margin-right: 10px;} #warrantyFormFieldContainer table tr td label span{font-weight: normal; font-size: 8pt;} #warrantyFormFieldContainer ul li label{color: #636363; font-size: 8pt; font-weight: bold; padding-right: 5px;} #warrantyFormFieldContainer table{clear: both;} #warrantyFormFieldContainer table tr td{padding: 5px; color: #636363; font-size: 8pt;} #warrantyFormFieldContainer table tr td input{width: 250px;} #warrantyFormFieldContainer table tr td label{color: #636363; padding-right: 5px; float: left; font-size: 8pt; font-weight: bold; width: 130px;} #warrantyFormFieldContainer table tr td.error{border: solid 1px red;} #warrantyFormFieldContainer #btnSubmit{margin: 10px 0 0 130px;} /*** Service Manuals ***/ #ServiceManualContainer{padding: 35px;} #ServiceManualContainer h1{color: #838383; font-size: 18pt; font-weight: normal; margin-bottom: 10px;} #ServiceManualContainer ul li{list-style: none;} #ServiceManualContainer ul li a{color: #005293; text-decoration: none; font-weight: bold; font-size: 9pt; padding-left: 14px; background: url(/images/global/right_triangle.jpg) no-repeat 0 5px; display: block; line-height: 18px;} #ServiceManualContainer ul li a:hover{text-decoration: underline;} #ServiceManualContainer {font-size: 12px; color: #5A5B5D;} #ServiceManualContainer hr{margin: 10px 0 5px 0; background: blue;} #ServiceManualContainer input{position: relative; margin-right: 5px;} .mainimage{position: relative;} #ie6frame{display: block; width: 233px; left: 0; top: 0; position: absolute;} #articleBody div strong{font-size: 11px; color: #454545;} /* New Banners */ #homefeaturedcontainer{clear: both; height: 273px; margin-left: 4px; width: 918px;position: relative; overflow: hidden; } #homefeaturedcontainer img{border: 0;} #homefeaturedcontainer .bannercontainer{margin-left: 1000px; position: absolute; left: 0; height: 290px; width: 918px; z-index: 4;} #homefeaturedcontainer .morecontainer{height: 267px; width: 300px; position: relative; z-index: 3;} #homefeaturedcontainer .seemorebtn{position: absolute; margin: 110px 0 0 230px; display: block; height: 54px; width: 54px; z-index: 11;} #homefeaturedcontainer .moretext{position: absolute; height: 290px; width: 260px; z-index: 10; display: block; overflow: hidden; cursor: pointer;} #homefeaturedcontainer .bannerimg{position: absolute; z-index: 1; margin-left: 260px;} #homefeaturedcontainer .Bluebanner .moretext{background-color: #247bc5;} #homefeaturedcontainer .Bluebanner .seemorebg{background-image: url(/images/misc/seemore_blue.png);} #homefeaturedcontainer .Bluebanner .hidemorebg{background-image: url(/images/misc/hide_blue.png);} #homefeaturedcontainer .Redbanner .moretext{background-color: #bd461b;} #homefeaturedcontainer .Redbanner .seemorebg{background-image: url(/images/misc/seemore_red.png);} #homefeaturedcontainer .Redbanner .hidemorebg{background-image: url(/images/misc/hide_red.png);} #homefeaturedcontainer .Limebanner .moretext{background-color: #8db111;} #homefeaturedcontainer .Limebanner .seemorebg{background-image: url(/images/misc/seemore_lime.png);} #homefeaturedcontainer .Limebanner .hidemorebg{background-image: url(/images/misc/hide_lime.png);} #homefeaturedcontainer .Orangebanner .moretext{background-color: #dc7a1b;} #homefeaturedcontainer .Orangebanner .seemorebg{background-image: url(/images/misc/seemore_orange.png);} #homefeaturedcontainer .Orangebanner .hidemorebg{background-image: url(/images/misc/hide_orange.png);} #homefeaturedcontainer .Greenbanner .moretext{background-color: #1c8f61;} #homefeaturedcontainer .Greenbanner .seemorebg{background-image: url(/images/misc/seemore_green.png);} #homefeaturedcontainer .Greenbanner .hidemorebg{background-image: url(/images/misc/hide_green.png);} #homefeaturedcontainer .Purplebanner .moretext{background-color: #005293;} #homefeaturedcontainer .Purplebanner .seemorebg{background-image: url(/images/misc/seemore_purple.png);} #homefeaturedcontainer .Purplebanner .hidemorebg{background-image: url(/images/misc/hide_purple.png);} #homefeaturedcontainer .Rosebanner .moretext{background-color: #aa1f29;} #homefeaturedcontainer .Rosebanner .seemorebg{background-image: url(/images/misc/seemore_rose.png);} #homefeaturedcontainer .Rosebanner .hidemorebg{background-image: url(/images/misc/hide_rose.png);} #homefeaturedcontainer .whiteborder{position: absolute; background-image: url(/images/misc/bannerarrowbg.png); background-position: -39px 0; margin-left: 899px; width: 21px; height: 290px; z-index: 5; overflow: hidden; _background-image: none; _background-color: white; _margin-left: 903px;} #homefeaturedcontainer .hiddenimg{position: absolute; left: 0; margin-left: 0; z-index: 6;} #homefeaturedcontainer .revealcontent{position: absolute; left: 0; z-index: 5; margin-left: -900px;} #masterarrowcontainer {position: absolute; display: none; background-image: url(/images/misc/bannerarrowbg.png); margin-left: 858px; background-position: 0 0; width: 60px; height: 290px; z-index: 5; margin-top: -29px;} #bannerarrowcontainer {position: absolute; background-image: url(/images/misc/bannerarrowbg.png); margin-left: 858px; background-position: 0 0; width: 60px; height: 290px; z-index: 5; margin-top: -29px;} #prevarrowrollover{left: 0; display: inline-block; height: 290px; margin-left: -5px; position: absolute; width: 62px; z-index: 5;} #prevarrowrollover .transparentgifbg{background-image: url(/js/x.gif); display: inline-block; width: 62px; height: 290px;} #prevarrowcontainer { display: none; background-image: url(/images/misc/prevbannerarrowbg.png); width: 62px; height: 290px; z-index: 5;} #bannerarrow{margin: 120px 0 0 20px;} #bannercountcontainer{padding: 15px 0 0 15px;} #homefeaturedcontainer .expimg{display: none;} #homefeaturedcontainer .hidebanner{margin-left: 920px;} #homefeaturedcontainer .foreground{position: absolute; left: 0; margin: 2px 0 0 320px; z-index: 30;} #homebannerbg{background: url(/images/misc/homebannerbg.png) no-repeat; display: block; left: -2px; height: 32px; position: absolute; top: 242px; width: 920px; z-index: 288;} #bannercountcontainer{color: #6D6C6B; font-family: Helvetica,Arial,Sans-Serif; font-size: 11px; line-height: 15px;}