/******************************************************************** * Start: CSS Browser Reset ****************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,thead,th,tr,td,tbody{margin:0;padding:0;} body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;} a{text-decoration:none;color:black;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} ol,ul,li,dl,dd,dt{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;padding:0;margin:0;} q:before,q:after{content:'';} abbr,acronym,.help{text-decoration:none;border:0;} /***************************** * End: CSS Browser Reset *****************************/ /******************************************************************** * Start: Site-Specific Base Styles ************************************/ body {font-family:helvetica,arial,sans-serif;font-size:12px;color:#666769;line-height:18px;} h1 {font-size:22px;line-height:25px;} h2 {font-size:19px;line-height:25px;} h3 {font-size:16px;line-height:20px;} h4,h5,h6 {font-size:14px;line-height:18px;} h1,h2,h3,h4,h5,h6 {color:#666;margin-bottom:10px;} h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {vertical-align:bottom;} a {color:#639ec8;} a:hover {text-decoration:underline;} p,blockquote,ul,ol,dl,table {margin-bottom:15px;} table {width:100%;} th,td {vertical-align:top;padding:2px 5px;} thead th {font-weight:bold;} tbody th {text-align:right;} ul {margin-left:20px;} ol {margin-left:0;} ul li {list-style:circle;} ol li {list-style:decimal inside;} hr {border:0;background:transparent;height:0;line-height:0;padding:1px;margin:20px 0;border-top:1px solid #e1e1e1;} :focus {outline:0;} /***************************** * End: Site-Specific Base Styles *****************************/ /******************************************************************** * Start: Grids ********************************************************************/ /* Make sure to clear your floats, this does not use the .clearFix method */ .grid {margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;border-left:0 !important;border-right:0 !important;float:left;_zoom:1;_height:1%;} .grid1of1{float:none;} .grid1of2,.grid2of4{width:49.999999%;} .grid1of3{width:33.3%;} .grid2of3{width:66.666666%;} .grid1of4{width:24.999999%;} .grid3of4{width:74.999999%;} .grid1of5{width:19.999999%;} .grid2of5{width:39.999999%;} .grid3of5{width:59.999999%;} .grid4of5{width:79.999999%;} .grid-content {padding:0 10px;} .grid-first > .grid-content {padding-left:0;} .grid-last > .grid-content {padding-right:0;} /***************************** * End: Grids *****************************/ /******************************************************************** * Start: Utils ********************************************************************/ .float-left {float:left;} .float-right {float:right;} img.float-left {margin:0 5px 5px 0;} img.float-right {margin:0 0 5px 5px;} .clear {clear:both;zoom: 1;} span.clear {clear:both;height:0;line-height:1%;display:block;visibility:hidden;overflow:hidden;} .align-left {text-align:left;} .align-right {text-align:right;} .align-center {text-align:center;} .align-justify {text-align:justify;} span.required {color:#BF0011;} input.error, select.error, textarea.error {border:1px solid #AF2020 !important;} .no-bullets {margin-left:0;} .no-bullets li {list-style:none;} /***************************** * End: Utils *****************************/ /******************************************************************** * Start: Boxes ********************************************************************/ .box {} .box .box-content {margin-right:5px;border:1px solid #ccc;margin-bottom:5px;} .box .box-content.hover, .box .box-content:hover {border-color:#333;} .box .box-content .box-title {display:block;padding:5px;background:#f4f4f4;color:#666;text-align:center;margin:0;min-height:35px;} * html .box .box-content .box-title {height:35px;} /* IE6 */ .box .box-content.hover .box-title, .box .box-content:hover .box-title, .box .box-content .box-title:hover {background:url(/images/layout/box-bg-hover.gif) center bottom repeat-x #595959;color:#fff;text-decoration:none;} .box .box-content .box-image-wrapper {margin:0;text-align:center;min-height:100px;padding:2px;line-height:0;} * html .box .box-content .box-image-wrapper {height:100px;} /* IE6 */ .box .box-content .box-image-wrapper img {max-width:100%;} /***************************** * End: Boxes *****************************/ html, body {height:100%;min-width:980px;} body {text-align:center;background:url(/images/layout/body-bg.jpg) top center repeat-x #ebebeb;} body.home {background-image:url(/images/layout/body-bg-home.jpg);} /* Base Template Blocks */ .site-width, .site-width-important {position:relative;text-align:left;width:960px;margin:auto;padding:0 10px;z-index:10;} .site-width-important {width:960px !important;} #Header {height:177px;position:relative;z-index:10;} #Masthead {height:130px;margin:0;overflow:hidden;background:url(/images/layout/header-bg.jpg) top center no-repeat;} #Masthead.v1 {background-image:url(/images/layout/header-bg1.jpg);} #Masthead.v2 {background-image:url(/images/layout/header-bg2.jpg);} #Masthead.v3 {background-image:url(/images/layout/header-bg3.jpg);} #Masthead.v4 {background-image:url(/images/layout/header-bg4.jpg);} #Masthead.v5 {background-image:url(/images/layout/header-bg5.jpg);} #Masthead.v6 {background-image:url(/images/layout/header-bg6.jpg);} #HeaderNav {height:47px;} #HeaderLogin {position:absolute;top:50px;left:875px;font-weight:bold;color:#666;} #HeaderCallForInfo {position:absolute;text-align:right;right:25px;top:20px;font-size:15px;color:#4e4e4e;} #PageHeading {height:69px;position:relative;z-index:0;} body.home #PageHeading {height:129px;line-height:129px;font-size:25px;color:white;background:url(/images/layout/tagline.jpg) top left no-repeat;} #ContentWrapper {position:relative;background:#fff;position:relative;z-index:5;} #Content {position:relative;padding:20px 0;padding-bottom:5px;position:relative;min-height:250px;} * html #Content {zoom:1;} /*IE6 defies logic - (child elements using position:relative disappear without this)*/ #FooterWrapper {background:url(/images/layout/footer-bg.gif) top center repeat-x;position:relative;z-index:0;} #Footer {padding:20px 0;padding-bottom:5px;color:#999;} * html #HeaderNav {overflow:hidden;} /* IE6 - defies logic */ #HeaderNav ul, #HeaderNav li {position:relative;margin:0;padding:0;list-style:none;float:left;font-weight:bold;font-size:11px;} #HeaderNav li {display:block;height:47px;line-height:50px;padding:0 7px;} #HeaderNav > ul > li:first-child {padding-left:0;} #HeaderNav > ul > li:last-child {padding-right:0;} #HeaderNav li:hover > ul {display:block;} #HeaderNav a {color:#6699cc;} #HeaderNav a:hover {color:#666;text-decoration:none;} #HeaderNav a.active {color:#333;background:transparent;} #HeaderNav ul ul {display:none;position:absolute;top:47px;left:0;width:200px;background:#fcfbfb;border-top:1px solid #ccc;} #HeaderNav ul ul li {position;relative;background:url(/images/layout/sub-nav.gif) center bottom repeat-x #fcfbfb;padding:0;border:1px solid #ccc;border-top:0;line-height:15px;min-height:25px;float:none;} #HeaderNav ul ul li a {color:#999;display:block;padding:5px;padding-right:10px;} #HeaderNav ul ul li a.has-submenu b {background:url(/images/layout/sub-nav-arrow.gif) right center no-repeat transparent;position:absolute;top:7px;right:3px;width:6px;height:9px;} #HeaderNav ul ul li a:hover, #HeaderNav ul ul li a.active {color:#fff;background:url(/images/layout/sub-nav-hover.gif) center bottom repeat-x #585858;} #HeaderNav ul ul li a.has-submenu:hover b {background:url(/images/layout/sub-nav-arrow-hover.gif) right center no-repeat transparent;} #HeaderNav ul ul ul {position:absolute;left:100%;top:-1px;} #HeaderNav ul ul li a, #HeaderNav ul ul li {height:1%;} /* IE6 */ * html #HeaderNav ul ul li a {width:180px;} /* IE6 - inner width of '#HeaderNav ul ul ul li' */ .styled-heading {color:#cacaca !important;font-size:23px;text-shadow:1px 2px 1px #666;font-family:"Helvetica Neue (TT)","Helvetica Neue",Helvetica,Arial,sans-serif;font-stretch:condensed;} .styled-heading span {position:absolute;left:-2000em;} #PageHeading {overflow:hidden;} #PageHeading .styled-heading {text-transform:uppercase;line-height:80px;color:#eaeaea !important;margin:0;position:absolute;left:0;top:0;text-shadow:1px 2px 1px #2E4F62;} #PageHeading .styled-heading image {position:absolute;left:0;top:0;} #Footer a {color:#999;} #Footer a:hover {text-decoration:underline;} #Footer .footer-nav a {margin-right:10px;} #Footer .footer-nav {margin-bottom:20px;} #Footer .footer-copyright {margin-top:20px;position:relative;} #Footer .footer-copyright, #Footer .footer-copyright a {color:#c1c1c1;} #Footer .footer-copyright a {margin-left:5px;} #Footer .footer-copyright:hover, #Footer .footer-copyright:hover a {color:#b1b1b1;} #Footer .footer-copyright a:hover {color:#a1a1a1;} #Footer .creative-anvil {position:absolute;right:0;top:0;} #Footer .creative-anvil img {position:absolute;right:0;bottom:15px;} #SearchFormWrapper {position:absolute;top:50%;right:0;margin-top:-13px;line-height:20px;} #SearchForm {zoom:1;float:right;border:1px solid #999;padding:0 0 0 3px;background:#fff;} #SearchForm input, #SearchForm button {border:0;background:#fff;color:#666;font-size:12px;} #SearchForm input {width:150px;} #SearchForm input {line-height:11px;} #SearchForm button {font-weight:bold;cursor:pointer;padding:2px;color:#555;border-left:1px solid #eee;} #SearchForm button:hover {color:#222;border-left:1px solid #ddd;} * html #SearchForm button {padding:0 2px;} /* IE6 */ .button {background:url(/images/layout/button-bg.gif) left center repeat-x;color:#666;line-height:2em;padding:5px 8px 2px 8px;border:1px solid #d3d1d1;-webkit-transition: border .3s linear;} .button-block, .button-absolute {padding:0 8px;} .button:hover {border-color:#AFAFAF;text-decoration:none;color:#333;} .button.active, .button.active:hover {border-color:#666;color:#ccc;background-image:url(/images/layout/button-bg-active.gif);background-color:#555;} .button.active:hover {color:#e1e1e1;} .text-replacement {position:absolute;left:-5000px;} .testimonials .testimonial {margin-bottom:10px;border-bottom:1px solid #e1e1e1;} .testimonials .testimonial .quote {color:#639ec8;font-style:italic;} .testimonials .testimonial .author, .testimonials .testimonial .position, .testimonials .testimonial .company {font-weight:bold;} .market-segments-nav {position:relative;height:166px;overflow:hidden;width:960px;background:url(/images/maket-segments-nav-bg.jpg) top left no-repeat;margin:1px auto 20px auto;} .market-segments-nav a {position:relative;display:block;height:166px;width:192px;float:left;} /* nav-#-current instead of easier .nav-#.current because IE6 is too dumb to understand it */ .market-segments-nav a span {position:absolute;bottom:0;width:100%;text-align:center;font-size:13px;line-height:35px;color:#999;} .market-segments-nav a:hover span, .market-segments-nav a.current span {color:#ccc;} .market-segments-nav a:hover, .market-segments-nav a.nav-1-current {background:url(/images/maket-segments-nav-bg.jpg) left bottom no-repeat #444;text-decoration:none;} .market-segments-nav a.nav-2:hover, .market-segments-nav a.nav-2-current {background-position:-192px bottom;} .market-segments-nav a.nav-3:hover, .market-segments-nav a.nav-3-current {background-position:-384px bottom;} .market-segments-nav a.nav-4:hover, .market-segments-nav a.nav-4-current {background-position:-576px bottom;} .market-segments-nav a.nav-5:hover, .market-segments-nav a.nav-5-current {background-position:-768px bottom;} .iso-footer {clear:both;padding-top:5px;padding-bottom:5px;border-top:1px solid #ccc;line-height:18px;color:#999;font-size:9px;text-align:left} .iso-footer img {padding-right: 10px; float: left;} .find-a-representative-footer {clear:both;padding-top:10px;border-top:1px solid #ccc;line-height:18px;color:#999;} .find-a-representative-footer ul {margin:0;height:25px;position:relative;} .find-a-representative-footer li {float:left;height:25px;position:relative;list-style:none;} .find-a-representative-footer a.block {color:#999;padding:0 10px;display:block;height:25px;line-height:25px;float:left;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .find-a-representative-footer a.block:hover {background:#bfbfbf;color:#fff;text-decoration:none;} .find-a-representative-footer li .wrapper {z-index:999;font-size:12px;display:none;position:absolute;bottom:25px;left:50%;width:280px;margin-left:-156px;padding-bottom:5px;text-align:center;} .find-a-representative-footer li .wrapper div {width:100%;padding:7px 10px 5px 10px;background-color:#DCDDDF;border:5px solid rgb(190,190,190);} .find-a-representative-footer li.usa .wrapper {width:320px;margin-left:-176px;line-height:15px;} .find-a-representative-footer li.ca .wrapper {} .find-a-representative-footer li.uk-ire .wrapper {} .find-a-representative-footer li.eu-me-af .wrapper {width:200px;margin-left:-116px;} .find-a-representative-footer li.lam-carib .wrapper {width:180px;margin-left:-106px;} .find-a-representative-footer li.asia-pacific .wrapper {width:180px;margin-left:-106px;} .find-a-representative-footer li.hover .wrapper, .find-a-representative-footer li:hover .wrapper {display:block;} .find-a-representative-footer li .sales-rep-map p {margin-bottom:0;} .find-a-representative-footer li .sales-rep-map p span {display:none;} .vertical-link-list {margin-bottom:15px;} .vertical-link-list a {font-weight:bold;display:block;height:20px;overflow:hidden;line-height:23px;border:1px solid #ccc;margin-bottom:2px;padding:5px 30px 5px 10px;color:#666;background:url(/images/vertical-link-list-bg.gif) right top no-repeat #fff;} * html .vertical-link-list a {height:18px;line-height:21px;margin-top:2px;} /* IE6 */ *+html .vertical-link-list a {height:18px;line-height:21px;} /* IE7 */ .vertical-link-list a strong {color:#44687d;margin-right:5px;} .vertical-link-list a small {font-size:10px;} .vertical-link-list a.active, .vertical-link-list a:hover {border:2px solid #333;padding:4px 29px 4px 9px;color:#ccc;background-color:#666;background-position:right bottom;text-decoration:none;} .vertical-link-list a.active strong, .vertical-link-list a:hover strong {color:#fff;} .subpage-nav {margin-left:0;font-size:17px;line-height:30px;} .subpage-nav a {color:#999;display:block;background:transparent;} .subpage-nav a:hover {color:#666;text-decoration:none;background:transparent;} .subpage-nav a.active {color:#333;background:transparent;} .subpage-nav li {list-style:none;} * html .subpage-nav li {height:1%;} /* IE6 - shrink the height */ .subpage-nav li ul {padding-left:10px;margin-left:0;line-height:25px;border-left:1px dashed #eee;} .products-nav, .products-nav li ul {font-size:12px;line-height:18px;font-weight:bold;} .products-nav ul {margin-bottom:0;} #MainContent h1, #MainContent h2, #MainContent h3, #MainContent h4, #MainContent h5, #MainContent h6 {color:#639ec8;} #TabWrapper-Home {padding:0 10px;height:250px;overflow:hidden;} #TabWrapper-Home .heading-image img {width:460px;} .action-links {margin-bottom:15px;height:50px;line-height:70px;border:1px solid #ccc;border-left:0;border-right:0;} .action-links a {height:50px;} * html .action-links a img {margin:15px 0 5px 0;} /* IE6 - defying logic */ *+html .action-links a img {margin:15px 0 0 0;} /* IE7 - defying logic again */ .category-products {border-bottom:1px solid #ccc;margin-bottom:20px;} #MainContent .category-products .category-heading, #MainContent .category-products .category-heading a {color:#999;font-weight:bold;} #MainContent .category-products .category-heading a:hover {color:#666;} .products {margin-bottom:20px;} .products .product {float:left;width:24.99999%;} .products .product .box-image-wrapper {min-height:100px;} * html .products .product .box-image-wrapper {height:100px;} /* IE6 */ .products table.product-box-horizontal, .products table.product-box-horizontal-header {width:100%;margin-bottom:0;} .products table.product-box-horizontal td, .products table.product-box-horizontal-header th {padding:5px;} .products table.product-box-horizontal {border:1px solid #ccc;margin-bottom:5px;} .products .product-box-horizontal-header th.product-image, .products .product-box-horizontal td.product-image, .products .product-box-horizontal td.product-image img {width:125px;text-align:center;} .products .product-box-horizontal-header th.product-model, .products .product-box-horizontal td.product-model {width:50px;text-align:center;} .products .product-box-horizontal td.product-model {font-weight:bold;} .products .product-box-horizontal-header th.product-description, .products .product-box-horizontal td.product-description > :last-child {margin-bottom:0;} .products table.product-box-horizontal:hover {border:1px solid #333;background:url(/images/layout/box-bg-hover.gif) center bottom repeat-x #595959;color:#fff;} .imageless-products .grid-content {padding-left:0;} .imageless-products ul {margin:0;} .imageless-products li {list-style:none;} #ProductDetails .product-header {width:74.99999%;float:left;} #ProductDetails .purchase-methods {width:24.99999%;float:left;color:#44687d;font-weight:bold;text-align:right;font-size:15px;line-height:15px;margin-bottom:10px;} #ProductDetails .purchase-methods img {vertical-align:top;padding-left:5px;} #ProductDetails .product-header .product-heading {color:#333;font-size:20px;font-weight:bold;margin-bottom:0;line-height:22px;} #ProductDetails .product-header .part-number {color:#666;font-size:15px;line-height:20px;} #ProductDetails .product-column-1 {clear:both;} #ProductDetails .product-column-1, #ProductDetails .product-column-2 {width:48.99999%;float:left;} #ProductDetails .product-column-1 img, #ProductDetails .product-column-2 img {max-width:100%;} #ProductDetails .product-column-1 .product-column-content {padding-right:10px;} #ProductDetails .product-column-2 .product-column-content {padding-left:10px;} #ProductDetails .tabs {margin:0 0 10px 0;padding-bottom:5px;border-bottom:1px solid #cecece;} #ProductDetails .tabs li {list-style:none;display:inline;margin-right:5px;} #ProductDetails .tabs li a {padding:0 10px;white-space:nowrap;} .main-image {display:block;margin-bottom:10px;border:1px solid #ccc;} #SalesRepresentativePage .sales-rep-contact-forms form {display:none;background:#fafafa;padding:15px;border-top:1px solid #e1e1e1;} #SalesRepresentativePage .contact-form-table th, #SalesRepresentativePage .contact-form-table td {padding:3px;} #SalesRepresentativePage .contact-form-table td input, #SalesRepresentativePage .contact-form-table td textarea {width:90%;border:1px solid #ccc;padding:5px;} * html #SalesRepresentativePage .contact-form-table td input {width:200px;} /* IE6 - beats me why */ *+html #SalesRepresentativePage .contact-form-table td input {width:200px;} /* IE7 - beats me why */ #SalesRepresentativePage .contact-form-table td textarea {width:96%;margin-bottom:5px;} * html #SalesRepresentativePage .contact-form-table td textarea {width:93%;} /* IE6 */ *+html #SalesRepresentativePage .contact-form-table td textarea {width:93%;} /* IE7 */ #SalesRep-US .sales-rep-map {border-right:1px solid #e1e1e1;height:191px;margin-bottom:10px;} #SalesRep-US .sales-rep-regions {padding-left:20px;} #SalesRep-US a.active {font-weight:bold;} map, area {display:block;background:#000;} .tab-navigation ul.tabs { font-size:15px; height:25px;margin:0 0 10px 0; z-index:2; position:relative; } .tab-navigation ul.tabs li { list-style:none; display:block; float:left; margin-right:5px; z-index:2; position:relative; } * html .tab-navigation ul.tabs, * html .tab-navigation ul.tabs li { zoom:1; } * html .tab-navigation ul.tabs li { height:1%; } .tab-navigation ul.tabs li a { display:block; border:1px solid #ccc; padding:2px 3px 2px; background:url(/images/layout/sub-nav.gif) center bottom repeat-x #fcfbfb; color:#6fafd9; white-space:nowrap; } .tab-navigation ul.tabs li a:focus, .tab-navigation ul.tabs li a:hover { text-decoration:none; color: #639EC8; outline:0; } .tab-navigation ul.tabs li a.active { border:1px solid #999 !important; color: #639EC8; font-weight:bold; letter-spacing:-.04em; box-shadow:0 1px 2px rgba(0,0,0,.33); -moz-box-shadow:0 1px 2px rgba(0,0,0,.33); -webkit-box-shadow:0 1px 2px #rgba(0,0,0,.33); } .tab-navigation .tab-content-wrapper { clear:both; z-index:1; position:relative; margin-bottom:10px; } .tab-navigation .tab-content-wrapper { display:block; overflow:hidden !important; } .tab-navigation .subnav {margin-bottom:10px; font-size:14px; color:#999;} .tab-navigation .subnav a {color:#999; padding:0 5px;} .tab-navigation .subnav a:first-child {padding-left:0;} .tab-navigation .subnav a.current {color:#333; background:none;} .side-case-studies, .side-news-items {margin-bottom:20px;} .side-news-items {line-height:15px;} .side-case-studies li, .side-news-items li {margin-bottom:7px;} .section {position:relative;} .section .jump-link {position:absolute;top:0;right:0;} .about-page .section {padding:15px 0 0 0;margin-bottom:15px;border-top:1px solid #ccc;} .about-page .section .jump-to-top {top:15px;color:#999;} a.jump-link {color:#999;} .jump-links a {margin-right:10px;color:#999;white-space:nowrap;} .jump-links a:hover {color:#666;} .clickable {cursor:pointer;} .projectProfileYear { font-size:35px; line-height:36px; } .projectProfileName { font-size:17px; } .projectProfileImages img { border:3px solid #dad8d8; margin:3px; } .caseStudyPhoto { } .caseStudyName { font-size:17px; font-weight:bold; } .caseStudyListTitle { font-size:15px; font-weight:bold; } #PartsService-Vendors .vendor {padding:10px;margin-bottom:10px;border:1px solid #ddd;} #PartsService-Vendors .vendor:hover {border:1px solid #ccc;} #PartsService-Vendors .vendor h4 {padding:0;margin-bottom:0;} #PartsService-Vendors .vendor p {padding:0;margin:0;} #PartsService-SearchMessage {padding:10px;background:#FFDFDF;border:1px solid #EFD1D1;display:none;} div.photoWrapper { border:1px solid black; padding:3px; } #Slideshow {} #Slideshow-Main {float:left;width:575px;} #Slideshow-Main-Image {border:2px solid #ccc;float:left;background:#eee;text-align:center;margin-bottom:10px;display:block;} #Slideshow-Main-DownloadLink {float: right;} #Slideshow-Main-Caption {clear:both;} #Slideshow-Main-Caption-Heading {color:#333 !important;font-size:18px;line-height:22px;margin:0;} #Slideshow-Nav {overflow:hidden;position:relative;float:left;width:125px;margin-left:15px;border:1px solid #ccc;} #Slideshow-Nav-Clip {position:relative;height:340px;overflow:hidden;} #Slideshow-Nav .slideshow-item {position:relative;width:90px;height:60px;border:2px solid #ccc;background:#ccc;margin:auto;margin-bottom:5px;cursor:pointer;} #Slideshow-Nav .slideshow-item-hover, #Slideshow-Nav .slideshow-item:hover {border:2px solid #333;} #Slideshow-Nav .slideshow-item-count {font-weight:bold;font-size:12px;position:absolute;top:0;left:0;display:block;padding:1px 5px;background:#fff;} #Slideshow-Nav .slideshow-item-hover .slideshow-item-count, #Slideshow-Nav .slideshow-item:hover .slideshow-item-count {background:#333;color:#fff;} #Slideshow-Nav .slideshow-item-caption {display:none;} #Slideshow-Nav-Prev, #Slideshow-Nav-Next {display:block;height:12px;padding:2px 0 6px 0;text-align:center;z-index:10;} * html #Slideshow-Nav, * html #Slideshow-Nav-Clip, * html #Slideshow-Nav-Inner, * html #Slideshow-Nav .slideshow-item {position:static;} .error {color:Red;} #staticProductLiterature a {color: #999} #staticProductLiterature td {width: 125px} .darkButton { padding:8px; border:2px solid black; background: url("/images/layout/darkButtonGradient.gif") top repeat-x #3a3a3a; text-align: center; } .darkButton a { color:White; font-weight:bold; } .chainBox { margin-right:10px; width:144px; height:190px; background-color:#F4F4F4; min-height:100px; padding:2px; text-align:center; float:left; border:1px solid #999; color:#666; font-weight:bold; } .chainBox img { border:2px solid white; } .chainBox:hover { background-color:#333; color:White; } .chainBox p { margin-bottom:0px; } .hover-for-more {} .hover-for-more .hover-for-more-links a {} .hover-for-more .hover-for-more-content {display:none;} #AboutHeatsinkTechnology { position:relative; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ddd; } #AboutHeatsinkTechnology .hover-for-more-links a { position:absolute; display:block; width:19px; height:19px; overflow:hidden; background: url(/images/icon-hover-for-more-sprite.jpg) 0 0 no-repeat; _zoom:1; } #AboutHeatsinkTechnology .hover-for-more-links a:hover {background-position:0 -19px;} #AboutHeatsinkTechnology .hover-for-more-content { position:absolute; left:280px; top:150px; width:425px; padding:5px 10px; } #AboutHeatsinkTechnology .hover-for-more-content h3 { font-size:15px; text-transform:uppercase; color:#333; margin-bottom:5px; } #AHT-Link1 {left:43px;top:135px;} #AHT-Link2 {left:120px;top:93px;} #AHT-Link3 {left:187px;top:57px;} #AHT-Link4 {left:290px;top:47px;} #AHT-Link5 {left:356px;top:40px;} #AHT-Link6 {left:270px;top:96px;} #AHT-Link7 {left:243px;top:145px;} #AHT-Link8 {left:180px;top:167px;} #AHT-Link9 {left:121px;top:203px;} #AboutHeatsinkTechnology2 { padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #ddd; } .display450print350 {width:450px;} .admin-warning {background-color:#a10313; color:White; font-weight:bold; padding:10px; text-align:center; border:1px solid black;} .careers-small {font-size: 10px} span.pager .active { color:Black; } .sidebar-info-links {background:#eaeaea;border:2px solid #ddd;} .sidebar-info-links a {display:block;padding:5px 15px;border-top:1px solid #ddd;margin-top:-1px;color:#888;} .sidebar-info-links a:hover {background:#e5e5e5;color:#666;text-decoration:none;} #FinancingPage {text-align:left;} #FinancingPage h1 {color:#639EC8;} #FinancingPage li {list-style: square;} #VideosPage .video-heading {height:40px;} #VideosMain {float:left; width:540px; margin-right:10px; } #VideosSidebar {float:left; width:168px; } * html #VideosMain, * html #VideosSidebar { zoom:1; } .videos .video-rating { position:relative; } .videos .video-rating .stars { position:relative; display:inline-block; margin-left:5px; margin-bottom:-2px; width:45px; height:12px; overflow:hidden; background: url(/images/duke-tv/video-star-rating-light.gif) left top repeat-x; } .videos .video-rating .rating { display:block; width:57%; height:12px; overflow:hidden; background: url(/images/duke-tv/video-star-rating-light.gif) left -12px repeat-x; } .videos .rated .rating { background-position: left -24px; } .videos .video-rating .rate { position:absolute; left:0; top:0; display:block; } .videos .video-rating .rate a { opacity:0; -moz-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); display:block; float:left; width:15px; height:12px; background: url(/images/duke-tv/video-star-rating-light.gif) left -24px no-repeat; } .videos .video-date {color:#bbb;margin-bottom:5px;} .videos .video-meta {margin-bottom:0;color:#999;} .videos .video-meta .video-comment-count {margin:0 5px;font-size:15px;font-weight:bold;color:#333;font-family: Georgia, Arial, Sans-Serif;} .video-list .video { font-size:10px; line-height:13px; border:1px solid #ddd; padding:20px; margin-bottom:10px;} * html .video-list .video {zoom:1;} .video-list .video:hover {border:1px solid #ccc;} * html .video-list .video .video-wrapper {zoom:1;} .video-list .video .video-content-wrapper {margin-left:195px;overflow:hidden; } .video-list .video .video-thumb {float:left; display:block;} .video-list .video-title {font-size:15px;line-height:18px;font-weight:bold;margin-bottom:-4px;} .video-list .video-title a {color:#666;} .video-list .video-title a:hover {color:#333;text-decoration:none;} .video-list .video-date { display:block; font-size:10px; margin-top:-3px; } .video-list .video-description {margin-bottom:5px;} .video-list .video-rating .stars {margin-bottom:-2px;} .video-grid .video { z-index:0; float:left; width:173px; height:155px; margin-right:10px; margin-bottom:10px; background:#333; position:relative; } .video-grid .video-col-2 {margin-right:0;} /* For IE6 double margin bug */ .video-grid .video .video-thumb img { width:100%; float:none; display:block; opacity:.75; } .video-grid .video h2 { font-size:12px; font-weight:bold; line-height:14px; margin:0; } .video-grid .video h2 a { color:#bbb; display:block; padding:5px 8px; height:40px; opacity:.75; } .video-grid .video p { display:none; } .video-grid .video-hover { z-index:1; } .video-grid .video-hover .video-thumb, .video-grid .video-hover a { opacity:1; -moz-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); } .video-grid .video-hover h2 a, .video-grid .video h2 a:hover {text-decoration:none; color:#333; height:auto; padding:0; } .video-grid .video-hover .video-thumb img { display:block; margin-bottom:5px; } .video-grid .video-hover a { color:#666; height:auto; padding:0; } .video-grid .video-hover p { display:block; font-size:10px; line-height:11px; margin-bottom:5px; } .video-grid .video-hover .video-meta {margin-bottom:5px;} .video-grid .video-hover .video-wrapper { padding:10px; width:100%; background:#fff; border:3px solid #aaa; position:absolute; top:-13px; left:-13px; -moz-box-shadow:0 0 5px rgba(0,0,0,.33); } #VideosSidebar h3 {font-weight:bold;} #VideosSidebar .video-sidebar-box {border:1px solid #ddd;padding:10px;} #VideosSidebar ul {margin-left:0;font-size:10px;line-height:13px;color:#777;} #VideosSidebar li {list-style:none;margin-bottom:3px;clear:both;_height:1%;} * html #VideosSidebar li {margin-bottom:1px;} * html #VideosSidebar li {font-size:1%;} * html #VideosSidebar li * {font-size:10px;} #VideosSidebar .video-thumb {display:block;float:left;} #VideosSidebar p {float:left;width:113px;margin:0;margin-left:3px;overflow:hidden;} #VideosSidebar p a {display:block;background:#e3e3e3;padding:2px 5px;} #VideosSidebar p a:hover {text-decoration:none;background:#ddd;} #VideosSidebar p a strong {color:#666;display:block;} #VideosSidebar p a small {color:#aaa;font-size:9px;} #VideosSidebar .video-heading { line-height:30px; } #VideoViewAsList, #VideoViewAsGrid { display:block; width:28px; height:28px; float:right; margin-left:5px; opacity:.8; } #VideoViewAsList:hover, #VideoViewAsGrid:hover { background-color:#ddd; } #VideoViewAsList.active, #VideoViewAsGrid.active { opacity:1; -moz-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100); background-color:#ddd; } #VideoViewAsList { background: url(/images/duke-tv/icon-list-grid.gif) left center no-repeat; } #VideoViewAsGrid { background: url(/images/duke-tv/icon-list-grid.gif) right center no-repeat; } body.duke-tv-episode #ContentWrapper .site-width { width:100%; padding:0; } body.duke-tv-episode #Content { padding:0; } #DukeTvEpisode #VideoMain { background:#262626; _zoom:1; } #DukeTvEpisode #VideoHeading { border-bottom: 1px solid #444; padding:20px 0; } #DukeTvEpisode #VideoHeading h1 { font-size:25px; margin:0 150px 0 0; color:#ccc; font-weight:bold; } #DukeTvEpisode #VideoPlayerWrapper .video-meta { width:480px; text-align:right; line-height:16px; width: 110px; margin: 5px 0 5px auto; } #DukeTvEpisode #VideoPlayerWrapper .video-meta .video-rating { color:#ccc; display:block; } #DukeTvEpisode #VideoPlayerWrapper .video-meta .video-rating .stars { position:relative; display:block; margin-left:5px; float:right; width:48px; height:15px; overflow:hidden; background: url(/images/duke-tv/video-star-rating-dark.gif) left top repeat-x; } #DukeTvEpisode #VideoPlayerWrapper .video-meta .video-rating .rating { position:absolute; left:0; top:0; display:block; width:0; height:15px; overflow:hidden; background: url(/images/duke-tv/video-star-rating-dark.gif) left -15px repeat-x; } #DukeTvEpisode #VideoPlayerWrapper .video-meta .rated .rating { background-position: left -30px; } #DukeTvEpisode #VideoPlayerWrapper .video-meta .video-rating .rate { position:absolute; left:0; top:0; display:block; } #DukeTvEpisode #VideoPlayerWrapper .video-meta .video-rating .rate a { opacity:0; -moz-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); display:block; float:left; width:16px; height:15px; background: url(/images/duke-tv/video-star-rating-dark.gif) left -30px no-repeat; } #DukeTvEpisode #VideoPlayerWrapper .video-meta .video-date { display:block; clear:both; font-size:10px; margin-top:-3px; } #DukeTvEpisode #VideoPlayerWrapper { color:#888; padding:5px 0 30px; } #DukeTvEpisode #VideoPlayerMain { width:480px; margin-right:20px; float:left; } #DukeTvEpisode #VideoPlayerMain .video-sharing { font-weight:bold; } #DukeTvEpisode #VideoPlayerSecondary { width:460px; float:left; font-weight:bold; } #DukeTvEpisode #VideoPlayerSecondary p { clear:both; margin-bottom:5px; } #DukeTvEpisode #VideoPlayerSecondary p.back-button { margin-bottom:20px; } #DukeTvEpisode #VideoPlayerSecondary ul { margin:0 0 12px 0; } * html #DukeTvEpisode #VideoPlayerSecondary ul.videos { margin:0; } *+html #DukeTvEpisode #VideoPlayerSecondary ul.videos { margin:0; } #DukeTvEpisode #VideoPlayerSecondary ul.videos li { list-style:none; clear:both; margin-bottom:5px; } * html #DukeTvEpisode #VideoPlayerSecondary ul.videos li { height:1%; margin-bottom:0; } *+html #DukeTvEpisode #VideoPlayerSecondary ul.videos li { height:1%; margin-bottom:0; } #DukeTvEpisode #VideoPlayerSecondary ul.videos li img { float:left; height:50px; margin-right:10px; zoom:1; } #DukeTvEpisode #VideoPlayerSecondary hr { color:#333; background:none; height:1px; line-height:1px; font-size:1px; border:0; border-bottom:1px solid #333; margin:10px 20px 10px 0; } #DukeTvEpisode #VideoPlayerSecondary .vertical-link-list {margin-bottom:15px;} #DukeTvEpisode #VideoPlayerSecondary .vertical-link-list a {border:1px solid #333;color:#ccc;background-color:#666;background-position:right bottom;} #DukeTvEpisode #VideoPlayerSecondary .vertical-link-list a { opacity:.5; -moz-opacity:.5; -webkit-opacity:.5; filter:alpha(opacity=50); } #DukeTvEpisode #VideoPlayerSecondary .vertical-link-list a strong {color:#fff;} #DukeTvEpisode #VideoPlayerSecondary .vertical-link-list a.active, #DukeTvEpisode #VideoPlayerSecondary .vertical-link-list a:hover { border:2px solid #ddd;color:#666;background-color:#fff;background-position:right top; opacity:1; -moz-opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);} #DukeTvEpisode #VideoPlayerSecondary .vertical-link-list a.active strong, #DukeTvEpisode #VideoPlayerSecondary .vertical-link-list a:hover strong {color:#44687d;} #DukeTvEpisode #VideoPlayer { height:360px; } #DukeTvEpisode #VideoAbout { background:#e8e8e8; padding:30px 0; clear:both; } #DukeTvEpisode #VideoComments { padding:30px 0; clear:both; } #DukeTvEpisode #VideoAbout h3, #DukeTvEpisode #VideoComments h3 { float:left; color:#767676; font-weight:bold; } #DukeTvEpisode #VideoAbout h4 { font-weight:bold; font-size:16px; } #DukeTvEpisode #VideoAbout .video-about, #DukeTvEpisode #VideoComments .video-comments { margin-left: 240px; width:500px; } #DukeTvEpisode #VideoComments .video-comments th, #DukeTvEpisode #VideoComments .video-comments th p { width:125px; text-align:left; } #DukeTvEpisode #VideoComments .video-comments input, #DukeTvEpisode #VideoComments .video-comments textarea { width:325px; } #DukeTvEpisode #VideoComments .disclaimer { display:block; margin-top:5px; } .HomePageScroller p {padding-bottom: 10px; }