/* = General -----------------------------------------------------------------------------*/ body { background-color:#d0d0d0; margin:0; padding:0; text-align:center; font:normal 12px Arial, Helvetica, sans-serif; color:#646464; } #container { background:#fff url('images/bodybg.gif') repeat-x 0 100%; } #wrapper { width:940px; margin:0 auto; padding:0 0 10px 0; text-align:left; } h1, h2, h3, h4, p { padding:0; margin:0 0 1em 0; } a { color:#323232; text-decoration:none; } a:hover { color:#cc0000; } form { margin:0; padding:0; } .clearfix:after { content: "."; clear:both; height:0; visibility:hidden; display:block; } .clearfix { display: inline-block; /* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #container #wrapper .reset-padding { padding:0; } #container #wrapper .reset-border { border:0; } /* = Header -----------------------------------------------------------------------------*/ #header {} #logo { width:199px; height:51px; text-indent:-9999px; padding:24px 0 16px 0; margin:0; } #logo a { display:block; width:199px; height:51px; background:url('images/logo.gif') no-repeat; } #nav { height:46px; line-height:45px; width:100%; background: url('images/nav.gif') repeat-x left top; } #nav ul { float:left; margin:0; padding:0; list-style:none; } #nav li { position:relative; float:left; font-size:13px; background:url('images/nav-sep.gif') no-repeat right top; } #nav li a { display:block; padding:0 11px 0 10px; float:left; margin:0 1px 0 0; } #nav li .active { color:#cc0000; } #nav li:hover a, #nav li.over a { color:#323232; background:#fff; } #nav li:hover .submenu, #nav li.over .submenu { display:block; } #nav dl { width:194px; padding:0 8px; float:left; margin:0; } #nav dd { padding:0 0 0 10px; background:url('images/bullet00.gif') no-repeat left 6px; font-size:11px; line-height:15px; margin:0; } #nav dd a { color:#646464; } #nav dd a:hover { text-decoration:underline; } #nav dt { font-size:11px; line-height:15px; margin:8px 0 4px 0; padding:0; font-weight:bold; } #nav dt a:hover { color:#cc0000; } #nav .submenu { display:none; overflow:hidden; width:420px; position:absolute; top:45px; left:-1px; background:url('images/submenu.gif') repeat-y left top; } #nav .submenu a { float:none; display:inline; margin:0; padding:0; } #nav .submenu-footer { margin:10px 0 0 0; font-size:11px; line-height:normal; color:#fff; float:left; display:block; width:400px; padding:4px 10px; background-color:#cc0000; } #quicklinks { overflow:hidden; height:30px; line-height:30px; width:100%; background: url('images/quicklinks.gif') no-repeat left top; } #quicklinks ul { float:left; margin:0; padding:0; list-style:none; } #quicklinks li { margin:0 10px; padding:0 0 0 8px; float:left; font-size:10px; background:url('images/bullet01.gif') no-repeat left 13px; } #quicklinks a { color:#e6e6e6; display:block; } #quicklinks a:hover { color:#fff; } #quicklinks .right { float:right; } #quicklinks .right .contact { background:url('images/contact.gif') no-repeat left top; padding:0 0 0 28px; } #quicklinks .right .login { background:url('images/login.gif') no-repeat left top; padding:0 0 0 28px; } #nav-search { width:164px; display:block; background:url('images/nav-search.gif') repeat-x left top; border:1px solid #d2d2d2; float:right; height:20px; line-height:20px; margin:10px 10px 0 0; } #nav-search input { float:left; border:0; background:none; font:normal 11px tahoma; color:#646464; } #nav-search .textfield { width:140px; padding:4px 2px 2px 2px; } #nav-search .submit { padding:7px; } #quicklinks .right .logged { position:relative; color:#323232; background:url('images/logged.gif') no-repeat left top; padding:0 18px 0 28px; } #quicklinks .right .logged a { position:absolute; top:7px; right:0; text-indent:-9999px; display:block; width:16px; height:16px; line-height:16px; color:#323232; background:url('images/logout.gif') no-repeat center; } * html #quicklinks li, * html #nav-search { display:inline } /* = Main Content -----------------------------------------------------------------------------*/ #main { width:100%; overflow:hidden; background:#ddd url('images/main.gif') repeat-x left top; } .inner { padding:10px; width:920px !important; } #main #box-wrapper { height:170px; padding:9px 11px; width:734px; float:left; background:url('images/home-boxes.png') no-repeat left top !important; background:url('images/home-boxes.gif') no-repeat left top; } #main #box-wrapper ul { list-style:none; margin:0; padding:0; } #main #box-wrapper #homebox01, #main #box-wrapper #homebox02 { margin:0 8px 0 0; padding:10px 0 0 0; float:left; width:239px; } #main #box-wrapper #homebox03 { float:left; padding:10px 0 0 0; width:239px; } #main #box-wrapper #homebox01 h2, #main #box-wrapper #homebox02 h2, #main #box-wrapper #homebox03 h2 { padding:0 10px; margin:0 0 14px 0; color:#cc0000; font-weight:normal; font-size:17px; } #main #box-wrapper #homebox03 ul { padding:0 10px; } #main #box-wrapper #homebox03 li { font-size:14px; padding:0 0 0 16px; margin:6px 0; background:url('images/bullet03.gif') no-repeat left 5px; } #main #box-wrapper #homebox02 ul { } #main #box-wrapper #homebox02 li { vertical-align:top; line-height:15px; padding:0 10px 2px 10px; overflow:hidden; margin:3px 0 0 0; border-bottom:1px dashed #d9d9d9; height:1%; } #main #box-wrapper #homebox02 li a { color:#323232; display:block; float:right; width:162px; } #main #box-wrapper #homebox02 li a:hover { color:#cc0000; } #main #box-wrapper #homebox02 li span { color:#7b1e1e; float:left; display:block; } #main #box-wrapper #homebox02 .link { display:block; padding:2px 10px 0 0; text-align:right; clear:both; } #main #box-wrapper #homebox02 .link a { color:#cc0000;} #main #box-wrapper #homebox02 .link a:hover { text-decoration:underline; } #main #box-wrapper #homebox01 li { vertical-align:top; padding:15px 12px; border-bottom:1px solid #ebebeb; } #main #home-banners { float:right; padding:22px 9px 0 0; } #main #home-banners .banner { margin:0 0 10px 0; } .banner { margin:10px 0; text-align:center; } #secondary { overflow:hidden; height:1%; margin:0; padding:0; list-style:none; background:#fff url('images/secondary.gif') repeat-x left bottom; } #secondary li { width:180px; margin:0 0 0 10px; padding:14px 0 14px 10px; float:left; background:url('images/bullet02.gif') no-repeat left 19px; display:block !important; display:inline; } #secondary li a { font-size:15px; display:block; } #path { width:100%; font-size:11px; overflow:hidden; list-style:none; padding:0 0 10px 0; margin:0; } #path li { padding:0 10px 0 0; margin:0 6px 0 0; float:left; background:url('images/bullet04.gif') no-repeat right 4px; color:#3c3c3c; } #path li a { color:#3c3c3c; } #path li a:hover { text-decoration:underline; } #path li img { border:0; } #path li.last { background:none; } .box { background:#fff url('images/box-top.gif') no-repeat left top; overflow:hidden; } .box-footer { border-top:1px solid #e5e6e8; background:url('images/box-footer.gif') no-repeat left bottom; text-align:right; padding:5px 10px; } .box-footer .print { font-size:10px; color:#969696; padding:0 0 0 12px; background:url('images/icon-print.gif') no-repeat left 1px; margin:0 14px 0 0; } .box-footer .send { font-size:10px; color:#969696; padding:0 0 0 12px; background:url('images/icon-send.gif') no-repeat left 1px; } .box-footer .print:hover, .box-footer .send:hover { color:#cc0000; } .h2-maintitle { color:#cc0000; margin:0; padding:9px 20px; font-weight:normal; font-size:15px; border-bottom:1px solid #e5e6e8; } #main .headline { background:url('images/box-top.gif') no-repeat right top; float:left; width:715px; padding:6px 10px; } .h3-generic { color:#323232; font-size:13px; } .content { padding:20px; min-height:340px; } * html #main .content { height:340px; overflow:visible; } .content ul { padding:0; margin:20px 0; list-style:none; } .content ul li { padding:0 0 0 10px; margin:8px 0; background:url('images/bullet00.gif') no-repeat left 6px; } .newstable td { padding:10px 0 10px 20px; vertical-align:top; border-bottom:1px dotted #bfbfbf;} .singlenews td { border:0; } .newstable .even { background-color:#fafafa; } .newstable h2 { font-size:12px; font-weight:normal; color:#cc0000; margin:0 0 4px 0; } .singlenews h2 { font-size:14px; margin:0 0 20px 0; } .newstable .more { font-size:11px; padding:0 8px 0 0; background:url('images/bullet06.gif') no-repeat right 5px; } .newstable .vertical-middle { vertical-align:middle; } .paging-wrapper { width:100%; overflow:hidden; padding:2px 0; } .paging-wrapper .paging { float:right; list-style:none; margin:0; font-size:11px; } .paging-wrapper .paging li { float:left; margin:0; background:none; padding:0;} .paging-wrapper .paging li .active { padding:4px 6px; color:#fff; background:url('images/paging.gif') no-repeat center 3px; } .paging-wrapper .paging li .active:hover { color:#fff } .paging-wrapper .paging li img, .paging-wrapper .paging li span, .paging-wrapper .paging li a { border:0; display:block; padding:4px; } .image-container { float:left; margin:0 16px 10px 0; } .image-container img { border:1px solid #c8c8c8; display:block; margin:0 0 4px 0; } .image-container img:hover { border-color:#cc0000; } .zoom { font-size:10px; color:#646464; padding:0 0 0 14px; background:url('images/icon-lens.gif') no-repeat left 1px; margin:0 14px 0 0; } .return { color:#646464; font-size:11px; padding:0 0 0 8px; margin:0 0 0 89px; background:url('images/bullet07.gif') no-repeat left 5px; } #col3 { width:100%; overflow:hidden; padding:0; background:url('images/bg-3col.gif') repeat-y left top; } #col3 #left-col { float:left; width:185px; } #col3 #middle-col { float:left; width:534px; padding:10px; } #col3 #right-col, #col2 #right-col { float:left; width:181px; } #col2 { width:100%; overflow:hidden; padding:0; background:url('images/bg-2col.gif') repeat-y left top; } #col2 #middle-col { float:left; width:739px; } #col2b { width:100%; overflow:hidden; padding:0; background:url('images/bg-2colb.gif') repeat-y left top; } #col2b #left-col { float:left; width:185px; } #col2b #middle-col { float:left; width:735px; } #col1 { width:100%; padding:0;} #col1 #middle-col { width:921px; } .sidenav-title { color:#323232; font:normal 13px Arial; line-height:29px; background:url('images/sidenav-top.gif') no-repeat left top; padding:0 10px; margin:0; } #wrapper .no-bullets li { background:none; } #wrapper .no-bullets li li { padding:0 0 0 6px; } #sidenav { list-style:none; padding:0; margin:0; } #sidenav li { font-size:11px; padding:0; margin:0; border-bottom:1px solid #e5e6e8; vertical-align:top; background:url('images/bullet08.gif') no-repeat 174px 9px; } #sidenav .active { background:url('images/bullet09.gif') no-repeat 174px 9px; } #sidenav li a { color:#464646; display:block; padding:3px 14px 3px 10px; height:1%; } #sidenav li a:hover { color:#000; } #sidenav li li { background:none; border:0; } #sidenav li li a { color:#7d7d7d; padding:0 14px; } #sidenav li li.active { background:none; border:none; } #sidenav li li a:hover, #sidenav li li.active a { color:#cc0000; background-image:none; } #sidenav li ul { margin:0 0 6px 0; } #wrapper .no-bullets li li ul { width:168px; margin:0; padding:0 0 6px 10px; background-image:none; border:none; } #container #wrapper #sidenav.no-bullets li li li { background-image:none; } #container #wrapper #sidenav.no-bullets li li li a { padding:0 0 0 6px; background-image:none; } #container #wrapper #sidenav.no-bullets li li li.active , #container #wrapper #sidenav.no-bullets li li li.active a{ background:none; padding-left:6px; border:none; } #container #wrapper #sidenav.no-bullets li li li a:hover, #container #wrapper #sidenav.no-bullets li li li.active a { color:#cc0000; background-color:#ebebeb; background-image:none; } .techdata { width:100%; overflow:hidden; background:url('images/image-preview.gif') no-repeat 260px top; margin:0 0 40px 0; } .image-preview { float:left; width:246px; padding: 0 24px 0 0; } .techdata h3 { float:left; margin:6px 0; } .techdata ul { float:left; width:262px; margin:0; } .techdata ul li { background-position:left 4px; font-size:11px; color:#323232; margin:2px 0; } .techdata .thumbs { padding:6px 0; overflow:hidden; } .techdata .thumbs img { border:1px solid #88898c; display:block; float:left; margin:0 3px 0 0; } .techdata .thumbs img.last { margin:0; } .techdata .more { clear:both; font-size:11px; padding:0 8px 0 0; background:url('images/bullet06.gif') no-repeat right 5px; float:right; } #extras { list-style:none; padding:0; margin:0; } #extras li { font-size:12px; font-weight:bold; padding:0; margin:0; border-bottom:1px solid #e5e6e8; vertical-align:top; background:url('images/bullet10.gif') no-repeat 10px 9px; } #extras li a { color:#464646; display:block; padding:3px 10px 3px 20px; height:1%; } #extras li a:hover { color:#000; } #extras li li { background:none; border:0; font-weight:normal; font-size:11px; } #extras li li a { color:#646464; padding:0 10px; } #extras li li a:hover { color:#cc0000; } #extras li ul { padding:4px 0; margin:0; border-top:1px dotted #e5e6e8; } .h3-related { font-size:12px; color:#cc0000; border-bottom:1px dotted #e5e6e8; padding:3px 10px; margin:0; } .sidebox { padding:6px 8px; border-bottom:1px dotted #e5e6e8; } .sidebox img { border:0; margin:0 0 4px 0; } .sidebox h4 { font-size:12px; font-weight:bold; color:#464646; margin:0 0 4px 0; padding:0; } .sidebox p { font-size:11px; color:#666; margin:0; padding:0; } #container #wrapper .reset-middle-col { padding:0; width:554px; } .products { width:100%; border-collapse:collapse; } .products td { padding:10px; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; vertical-align:top; } .products td td { border:0; text-align:center; padding:0; height:80px; vertical-align:middle; } .products img { border:0; margin:0 auto; } .products h3 { font-size:12px; color:#464646; margin:4px 0;} .products p { font-size:11px; color:#666; margin:0 0 4px 0; padding:0; } .products ul { margin:0; padding:0; list-style:none; } .products ul li { background:0; margin:0; padding:0; font-size:11px; } .products ul li a { color:#666; } .products ul li a:hover { color:#cc0000; } .products .more { clear:both; font-size:11px; padding:0 8px 0 0; background:url('images/bullet06.gif') no-repeat right 5px; } .categories { width:100%; } .categories td { padding:10px; vertical-align:top; border-bottom:1px dotted #bfbfbf; } .categories h3, .categories h3 a { font-size:11px; color:#cc0000; } .categories img { border:1px solid #8c8d90; padding:1px; } .categories img:hover { border-color:#cc0000; } .categories .duration { font-size:11px; color:#646464; display:block; } .categories p { margin:6px 0 0 0; } .categories .return { margin:0; } .h3-categories { font-size:13px; font-weight:normal; color:#464646; padding:10px 0 0 10px; margin:0; } .h4-categories { font-size:16px; color:#323232; padding:10px 0 0 10px; margin:0; } #more-media { height:358px; overflow:auto; } #more-media .sidebox { padding:8px 0 4px 0; } #more-media .sidebox img { vertical-align:top; } #more-media .sidebox h4 { font-weight:normal; width:160px; margin:0; } .more-media-title { margin:0 0 4px 0; font-size:13px; font-weight:normal; padding:0 8px; background:url(images/more-media-title.gif) no-repeat left top; line-height:29px; } .entry { display:block; } .contact-row { padding:6px 20px; border-bottom:1px dotted #bfbfbf; } .contact-row h3 { margin:0 0 4px 0; } .contact-row p { margin:0; } .tabs { width:900px; overflow:hidden; margin:20px 0 0 0; list-style:none; padding:0 0 0 20px; line-height:30px; background:url(images/dot.gif) repeat-x 0 29px; } .tabs li { float:left; background:url(images/tabs02.gif) no-repeat left top; font-size:11px; margin:0 6px 0 0; } .tabs li a { float:left; background:url(images/tabs02.gif) no-repeat right top; padding:0 10px 0 0; margin:0 0 0 10px; color:#fff; font-weight:bold; } .tabs li.active { background:url(images/tabs01.gif) no-repeat left top; } .tabs li.active a { background:url(images/tabs01.gif) no-repeat right top; color:#323232; cursor:default; } .contact-content { width:880px; overflow:hidden; background-color:#fafafa; border-bottom:1px solid #e1e1e1; padding:30px 20px; } .contact-col { float:left; width:440px; } .contact-col h3 { font-size:12px; margin:0 0 4px 0; } .contact-content ul { padding:0; margin:10px 0 10px 8px; list-style:none; } .contact-content ul li { padding:0 0 0 10px; margin:0; background:url('images/bullet00.gif') no-repeat left 7px; font-size:11px; } #login-popup { text-align:left; width:255px; background:url(images/login-popup.png) no-repeat; padding:10px; overflow:hidden; } #login-popup form { margin:0; padding:0; display:block; width:255px; } #login-popup h1 { font-size:13px; color:#323232; padding:0; margin:-3px 0 20px 0; } #login-popup h1 a { float:right; text-indent:-9999px; width:10px; height:11px; background:url(images/close.gif) no-repeat; margin:-12px 0 0 0; } #login-popup a { font-size:11px; color:#646464; } #login-popup a:hover { text-decoration:underline; } #login-popup-footer { width:275px; height:10px; background:url(images/login-popup-footer.gif) no-repeat; } .popup-search { width:164px; display:block; background:url('images/nav-search.gif') repeat-x left top; border:1px solid #d2d2d2; height:20px; line-height:20px; margin:0 0 6px 0; } .popup-search input { float:left; border:0; background:none; font:normal 11px tahoma; color:#646464; } .popup-search .textfield { width:140px; padding:4px 2px 2px 2px; } .popup-search .submit { padding:7px; } /* = Footer -----------------------------------------------------------------------------*/ #footer { width:920px; padding:4px 10px; font-size:10px; color:#646464; background:url('images/footer.png') no-repeat left bottom; } #footer a { color:#e6e6e6; text-decoration:none; } #footer a:hover { color:#fff; } #footer .footer-row { width:100%; overflow:hidden; clear:both;} #footer #footer-img { float:left; width:200px; overflow:hidden; } #footer #footer-img img { display:block; float:left; margin:0 20px 0 0; } #footer #footer-img .flags { margin:4px 0 0 0; } #footer .sponsors { padding:4px 0 0 0; margin:0; float:right; width:720px; height:24px; } #footer .copyright { float:left; color:#e6e6e6; margin:10px 0 0 0; width:750px; } #footer #atcom-sig { float:right; width:123px; margin:10px 0 0 0; } #footer #atcomProductionFlash { float:left; margin:0; padding:0; width:20px; } #footer .atcom a { color:#fff; float:left; margin:0; padding:0; font:normal 10px Tahoma; } #footer .atcom a:hover { text-decoration:none; }