/* Dynacore Equipment Site Design by Honeycomb Creative Solutions 2007 */ /* global */ * {padding: 0; margin: 0; border: none; font-family: Arial, sans-serif; list-style: none; outline: none;} body { background-color: #666; text-align: center; color: #3f3b3c; font-size: 12px; background-image: url(img/bg.gif); } .clear {clear: both;} .upper {text-transform: uppercase;} .spec_nav {float:right; padding: 0 0 0 20px;} .float_right {float:right; } .float_left{float:left;} /* main divs */ #wrapper {width: 780px; margin: 30px auto 0 auto; text-align: left; background: #fff;} #head {height: 103px; background: transparent url(img/head.gif) no-repeat top left; padding: 5px 0 0 0; position: relative; } #content-wrapper {background: transparent url(img/content-bg.gif) no-repeat center top; display:table; width: 778px; margin-left:1px;} #sidebar-left {float: left; width: 218px;} body#home #sidebar-left {display:none;} body#home #content-main { width: 750px; background: transparent;} #content-main {float: right; width: 540px; background: transparent;} body#home #content { float: left; width: 720px; } #content { float: left; width: 320px; } #sidebar-right {float: right; width: 205px;} #foot {height: 48px; clear: both; background: transparent url(img/foot.gif) no-repeat center top; text-align: center; padding: 0 0 0 0; color: #fff; font-size: 11px; line-height: 20px} #foot p {padding: 20px 10px 5px 0;} #foot a, a:link, a:visited {color: #ccc;} #foot a:hover, a:active {color: #c41230;} /* hide right sidebar on certain pages and make div#content fill space + all children */ body#profile #sidebar-right {display: none;} body#profile #content {width: 535px;} body#profile #content p {padding: 5px 25px 5px 10px;} body#profile #content ul {padding: 5px 25px 5px 10px;} body#profile #content table {padding: 20px 25px 20px 5px;} body#home #sidebar-right {display: none;} body#home #content p {padding: 5px 10px 5px 0px;} body#management #sidebar-right {display: none;} body#management #content {width: 535px;} body#management #content p {padding: 5px 25px 5px 10px;} body#extruder #sidebar-right {display: none;} body#extruder #content {width: 535px;} body#extruder #content p {padding: 5px 25px 5px 10px;} body#commissioning #sidebar-right {display: none;} body#commissioning #content {width: 500px;} body#commissioning #content p {padding: 5px 25px 5px 10px;} body#extruder_intro #sidebar-right {display: none;} body#extruder_intro #content {width: 535px;} body#extruder_intro #content p {padding: 5px 25px 5px 10px;} body#internal-vibrators #sidebar-right {display: none;} body#internal-vibrators #content {width: 535px;} body#internal-vibrators #content p {padding: 5px 25px 5px 10px;} body#modular-extrusion #sidebar-right {display: none;} body#modular-extrusion #content {width: 535px;} body#modular-extrusion #content p {padding: 5px 25px 5px 10px;} body#microprocessor-controls #sidebar-right {display: none;} body#microprocessor-controls #content {width: 535px;} body#microprocessor-controls #content p {padding: 5px 25px 5px 10px;} body#quality-construction #sidebar-right {display: none;} body#quality-construction #content {width: 535px;} body#quality-construction #content p {padding: 5px 25px 5px 10px;} body#replaceable-auger-ends #sidebar-right {display: none;} body#replaceable-auger-ends #content {width: 535px;} body#replaceable-auger-ends #content p {padding: 5px 25px 5px 10px;} body#announcements #sidebar-right {display: none;} body#announcements #content {width: 535px;} body#announcements #content p {padding: 5px 25px 5px 10px;} body#privacy #sidebar-right {display: none;} body#privacy #content {width: 535px;} body#privacy #content p {padding: 5px 25px 5px 10px;} body#terms-of-use #sidebar-right {display: none;} body#terms-of-use #content {width: 535px;} body#terms-of-use #content p {padding: 5px 25px 5px 10px;} body#product-sheets #sidebar-right {display: none;} body#product-sheets #content {width: 535px;} body#product-sheets p {padding: 5px 25px 5px 10px;} body#product-sheets .float_right{width: 176px; } body#product-sheets .float_left{width: 350px;} body#product-sheets .float_left#thin{width: 100px;} body#trimode #sidebar-right {display: none;} body#trimode #content {width: 535px;} body#trimode #content p {padding: 5px 25px 5px 10px;} body#replacement #sidebar-right {display: none;} body#replacement #content {width: 535px;} body#replacement #content p {padding: 5px 25px 5px 10px;} body#consulting #sidebar-right {display: none;} body#consulting #content {width: 535px;} body#consulting #content p {padding: 5px 25px 5px 10px;} body#distributors #sidebar-right {display: none;} body#distributors #content {width: 535px;} body#distributors #content p {padding: 5px 25px 5px 10px;} body#technology #sidebar-right {display: none;} body#technology #content {width: 535px;} body#technology #content p {padding: 5px 25px 5px 10px;} body#history #sidebar-right {display: none;} body#history #content {width: 535px;} body#history #content p {padding: 5px 25px 5px 10px;} body#marketing #sidebar-right {display: none;} body#marketing #content {width: 535px;} body#marketing #content p {padding: 5px 25px 5px 10px;} body#home #content-wrapper {background: transparent url(img/content-bg.gif) no-repeat left top; } /* typography & replacement */ h1#logo {width: 166px; height: 36px; background: url(img/logo.gif) top left no-repeat; text-indent: -10000px; margin: 10px 0 0 25px; } h1#logo a {display: block; width: 166px; height: 36px;} #head h2 {font-size: 12px; font-weight: normal; font-style: italic; color: #007728; float: left; padding: 10px 0 0 25px; } #head h2#esp {font-size: 11px; font-weight: normal; font-style: italic; color: #007728; float: left; padding: 10px 0 0 25px; } h3 {font-size: 20px;} h4 {font-size: 14px;} #sidebar-left h4 { padding: 20px 0 0px 25px; color: #c41230; font-size: 12px; line-height: 14px; margin: 0px;} body#home .news h4#coverage { padding: 5px 0 0px 0px;} #sidebar-left h4#nav3_tech{ padding: 0px 0 0px 25px;} #content h3 {padding: 25px 0 10px 10px; color: #006633; letter-spacing: 1px;} #content h4 {padding: 10px 0 5px 10px; color: #333; letter-spacing: 1px;} #content h5 {padding: 10px 0 5px 10px; color: #006633; font-size: 12px; font-weight: bold;} /* #sidebar-right h4 {padding: 15px 0 7px 15px;} */ p {padding: 5px 10px; line-height: 16px;} p#blurb {font-size: 12px; padding: 10px 15px 15px 10px; line-height: 20px; color: #fff; font-weight: bold;} .esp p#blurb {font-size: 11px; line-height: 18px; } address {padding: 10px 0 5px 25px; font-weight: normal; font-size: 11px;} /* links */ a, a:link, a:visited {color: #006633; text-decoration: none;} a:hover, a:active {color: #c41230; text-decoration: none;} #sidebar-left a {display: block;} lists /*#sidebar-left {background: transparent url(img/features-bg.gif) 0 200px no-repeat;}*/ #sidebar-left ul {padding: 10px 0 40px 20px; } #sidebar-left ul li {padding: 3px 0 3px 12px; background: transparent url(none) no-repeat 0 7px;} #sidebar-left p {padding: 10px 0 5px 28px; font-size: 11px; } #content ul {padding: 5px 10px;} #content ul li {padding: 0 0 5px 15px; background: transparent url(img/icon-arrows.png) 2px 4px no-repeat;} #content ol {padding: 5px 10px;} #content ol li {padding: 0 0 5px 0px; list-style-type: decimal; list-style-position: outside;} #content ul.pdf_list li {padding: 5px 0 5px 20px; background: transparent url(img/icon-pdf_20pix.gif) no-repeat left center;} #content ul.pdf_list li.date{ background:none; padding: 7px 0px 0px 0px; } #content ul.news_list li { padding: 0px; background: none; } p#video-link a {padding: 5px 0 5px 0px; } /* #sidebar-right ul {padding: 0 0 10px 15px;} #sidebar-right ul li {padding: 3px 0 3px 16px; background: transparent url(img/icon-link.png) 0 4px no-repeat;} */ /* tables */ #content table {margin: 0 5px 0 5px; width:100%;} #content tr {background: #fff;} #content td {padding: 2px; line-height: 16px; border-bottom: solid 1px #ddd} #content td.date {font-weight: normal; color: #333;} #content td.lonely-td {padding-left: 100px;} #media #content tr {background: #fff;} /* imgs */ #sidebar-right img {padding: 20px 0 0 16px;} /* forms */ form {padding: 15px 0 0 10px;} label {display: block; padding: 4px 0;} input {width: 100%; border-top: 1px solid #939da4; border-left: 1px solid #939da4; border-bottom: 1px solid #3f3b3c; border-right: 1px solid #3f3b3c; padding: 2px;} textarea {width: 100%; height: 150px; border-top: 1px solid #939da4; border-left: 1px solid #939da4; border-bottom: 1px solid #3f3b3c; border-right: 1px solid #3f3b3c; padding: 5px; font-size: 12px;} input:focus, textarea:focus {background: #eee;} input.products {width: 12px; height: 12px; margin: 10px 5px 1px 0;} fieldset p {display: inline; padding: 0;} label.msg, label.info-products {padding: 10px 0 0 0;} input.submit {width: 6em; margin: 15px 0 0 0; padding: 1px 6px; background-color: #fff; border-top: 1px solid #939da4; border-left: 1px solid #939da4; border-bottom: 1px solid #3f3b3c; border-right: 1px solid #3f3b3c;} input.submit:focus {background: #eee; color: #fff;} /* navigation */ /* announcements, contact, login, language */ #top-nav {float: right; font-size: 11px; display:inline; } #top-nav li {float: left; padding: 0 15px; } #top-nav ul { } #top-nav a {display: block; color: #3f3b3c;} #top-nav a:hover {color: #c41230;} li#top_announcements {background: transparent url(img/icon-announcements.png) top left no-repeat; padding-left: 25px;} li#top_contact {background: transparent url(img/icon-contact.png) top left no-repeat; padding-left: 25px;} li#top_login {background: transparent url(img/icon-login.png) top left no-repeat; padding-left: 15px; padding-bottom: 15px;} #top_lang a, #top_lang a:link, #top_lang a:visited {color: #fff;} #top_lang a:hover, #top_lang a:active {color: #c41230;} /* main tabbed navigation */ #nav { float: right; margin: 18px 1px 0 0; vertical-align: bottom; } #nav li {float: left;} #nav a {height: 22px; display: block; background: url(img/tabs1.gif) no-repeat 0px 0px; text-decoration: none; float: left; padding: 0px 12px 0px; margin: 0px; font-size: 11px; line-height: 16px;} #nav a:link, #nav a:visited, #nav a:active {color: #3f3b3c; } #nav a:hover {color: #fff; background: transparent url(img/tabs1.gif) no-repeat; background-position: 0px bottom; } /* secondary tabbed navigation */ body#home #secondary-nav { display: none; } #secondary-nav { float: right; margin: 1px 1px 0 0; vertical-align: bottom; } #secondary-nav li {float: left;} #secondary-nav a {height: 22px; display: block; background: transparent url(img/tabs2.gif) no-repeat 0px bottom; padding: 0px 12px 0px; font-size: 11px; line-height: 16px; float: left; color: #fff; } #secondary-nav a:hover {color: #3f3b3c; background: transparent url(img/tabs2.gif) no-repeat; background-position: 0px 0px;} /* products extruder features */ /* active states of nav & secondary nav */ /* company profile */ body#profile li#nav-company a {background-position: 0 bottom; color: #fff;} body#profile li#nav2-profile a {background-position: 0 0; color: #3f3b3c;} /* company technology */ body#technology li#nav-company a {background-position: 0 bottom; color: #fff;} body#technology li#nav2-technology a{background-position: 0 0; color: #3f3b3c;} /* company history */ body#history li#nav-company a {background-position: 0 bottom; color: #fff;} body#history li#nav2-history a {background-position: 0 0; color: #3f3b3c;} /* company management */ body#management li#nav-company a {background-position: 0 bottom; color: #fff;} body#management li#nav2-management a {background-position: 0 0; color: #3f3b3c;} /* company clients */ body#clients li#nav-company a {background-position: 0 bottom; color: #fff;} body#clients li#nav2-clients a {background-position: 0 0; color: #3f3b3c;} /* company careers */ body#careers li#nav-company a {background-position: 0 bottom; color: #fff;} body#careers li#nav2-careers a {background-position: 0 0; color: #3f3b3c;} /* products extruder */ body#extruder li#nav-products a {background-position: 0 bottom; color: #fff;} body#extruder li#nav2-extruder a {background-position: 0 0; color: #3f3b3c;} ul#extruder_features {font-size: 11px; font-weight: normal; border-top: 0px solid #fff; padding: 0px 0px 0px 0px; margin: 10px 0 30px 27px;} ul#extruder_features li{ font-weight: normal; list-style-image: none; list-style-type: none; padding: 0px 0px 0px 0px; margin: 0 0 0 0;} ul#extruder_features li a{ color: #333; padding: 3px 0px 3px 0px; font-weight: normal; margin: 0 0 0 0px; border-top: 0px solid #fff; border-right: 0px solid #fff; border-bottom: 1px solid #ddd; border-left: 0px solid #fff; display:block;} ul#extruder_features li a:hover{background-color: #83C06D;} /* products modular extruder */ body#extruder li#nav3-extruder a { color: #c41230; } /*extuder intro*/ body#extruder_intro li#nav-products a {background-position: 0 bottom; color: #fff;} body#extruder_intro li#nav2-extruder a {background-position: 0 0; color: #3f3b3c;} body#extruder_intro li#nav3-extruder_intro a { color: #c41230; } body#extruder li#nav3-extruder a { color: #c41230; } /* products internal vibrators */ body#internal-vibrators li#nav-products a {background-position: 0 bottom; color: #fff;} body#internal-vibrators li#nav2-extruder a {background-position: 0 0; color: #3f3b3c;} body#internal-vibrators li#nav3-vibrators a { color: #c41230; } /* products microprocessor controls */ body#microprocessor-controls li#nav-products a {background-position: 0 bottom; color: #fff;} body#microprocessor-controls li#nav2-extruder a {background-position: 0 0; color: #3f3b3c;} body#microprocessor-controls li#nav3-microprocessor a { color: #c41230; } /* products modular extrusion system */ body#modular-extrusion li#nav-products a {background-position: 0 bottom; color: #fff;} body#modular-extrusion li#nav2-extruder a {background-position: 0 0; color: #3f3b3c;} body#modular-extrusion li#nav3-extrusion a { color: #c41230; } /* products replaceable auger ends */ body#replaceable-auger-ends li#nav-products a {background-position: 0 bottom; color: #fff;} body#replaceable-auger-ends li#nav2-extruder a {background-position: 0 0; color: #3f3b3c;} body#replaceable-auger-ends li#nav3-auger a {color: #c41230; } /* products quality construction */ body#quality-construction li#nav-products a {background-position: 0 bottom; color: #fff;} body#quality-construction li#nav2-extruder a {background-position: 0 0; color: #3f3b3c;} body#quality-construction li#nav3-quality a {color: #c41230; } /* products tri mode saw */ body#trimode li#nav-products a {background-position: 0 bottom; color: #fff;} body#trimode li#nav2-trimode a {background-position: 0 0; color: #3f3b3c;} /* products replacement parts */ body#replacement li#nav-products a {background-position: 0 bottom; color: #fff;} body#replacement li#nav2-replacement a {background-position: 0 0; color: #3f3b3c;} /* services consulting */ body#consulting li#nav-services a {background-position: 0 bottom; color: #fff;} body#consulting li#nav2-consulting a {background-position: 0 0; color: #3f3b3c;} /* services commissioning */ body#commissioning li#nav-services a {background-position: 0 bottom; color: #fff;} body#commissioning li#nav2-commissioning a {background-position: 0 0; color: #3f3b3c;} /* library product-sheets */ body#product-sheets li#nav-library a {background-position: 0 bottom; color: #fff;} body#product-sheets li#nav2-product-sheets a {background-position: 0 0; color: #3f3b3c;} /* library brochures */ body#brochures li#nav-library a {background-position: 0 bottom; color: #fff;} body#brochures li#nav2-brochures a {background-position: 0 0; color: #3f3b3c;} /* library gallery */ body#gallery li#nav-library a {background-position: 0 -20px; color: #fff;} body#gallery li#nav2-gallery a {background-position: 0 0; color: #3f3b3c;} /* library videos */ body#videos li#nav-library a {background-position: 0 bottom; color: #fff;} body#videos li#nav2-videos a {background-position: 0 0; color: #3f3b3c;} /* library marketing */ body#marketing li#nav-library a {background-position: 0 bottom; color: #fff;} body#marketing li#nav2-marketing a {background-position: 0 0; color: #3f3b3c;} /* library media */ body#media li#nav-library a {background-position: 0 bottom; color: #fff;} body#media li#nav2-media a {background-position: 0 0; color: #3f3b3c;} /* library links */ body#links li#nav-library a {background-position: 0 bottom; color: #fff;} body#links li#nav2-links a {background-position: 0 0; color: #3f3b3c;} /* resellers distributors */ body#distributors li#nav-resellers a {background-position: 0 bottom; color: #fff;} body#distributors li#nav2-distributors a {background-position: 0 0; color: #3f3b3c;} /* resellers become */ body#become li#nav-resellers a {background-position: 0 bottom; color: #fff;} body#become li#nav2-become a {background-position: 0 0; color: #3f3b3c;} /* active states of top nav */ body#announcements li#top_announcements a {color: #c41230;} body#announcements li#top_announcements a:hover {color: #3f3b3c;} body#contact li#top_contact a {color: #c41230;} body#contact li#top_contact a:hover {color: #3f3b3c;} body.esp li#top_lang a {color: #c41230; font-weight: bold;} body.esp li#top_lang a:hover {color: #fff;} /* active states of foot links */ body#terms-of-use #foot a#foot-terms {font-weight: bold; color: #c41230;} body#privacy #foot a#foot-privacy {font-weight: bold; color: #c41230;} body#sitemap #foot a#foot-sitemap {font-weight: bold; color: #c41230;} /* home page */ p#iso img{ float:left; padding-right: 5px; } p#iso{font-size: 9px;line-height: 11px;} p#iso{float: right;} body#home #content-wrapper {background: #fff url(img/home_content-bg.gif) no-repeat left 0px; } body#home .news h4 { padding: 25px 0 0px 0px; color: #c41230; font-size: 12px; line-height: 14px; margin: 0px;} body#home #content h5 {padding: 10px 0 5px 0px; color: #006633; font-size: 14px; font-weight: bold;} body#home .news ul {padding: 0px 0 0px 0px; font-size: 11px;} body#home .news ul li {padding: 3px 0 3px 0px; background: none;} body#home p#differnce a{ padding: 0px 20px 20px 0px; text-align: right; font-size: 14px; line-height: 20px; color: #83C06D; float: right; font-weight: bold; font-style: italic; font-variant: normal; } body#home #sidebar-left p {line-height: 13px; padding: 2px 0 2px 28px; background: transparent; } .news { padding: 40px 30px 0px 0px; float:left; width:200px; margin-bottom: 0px; background: transparent; background: no-repeat 0 0; } .esp .news { padding: 40px 0px 0px 0px; float:left; width:250px; margin-bottom: 0px; background: transparent; background: no-repeat 0 0; } body#home #sidebar-left #home_bullets li{ padding: 1px 0 1px 10px; background-image: url(img/icon-maple-green.gif); background-repeat: no-repeat; background-position: left center; } body#home #sidebar-left ul#home_bullets{padding: 0px 0 5px 25px; } body#home #top-image { height: 270px; } body#home #photo-caption { height: 190px; } strong #photo-caption { font-size: 10px; } body#home .prod{ float:left;} body#home #trimode{font-size: 11px; width: 250px; float: right;} body#home #extruder{ font-size: 11px; width: 450px; float: left; background-color: transparent; background-image: url(img/extruder_home2.jpg); background-position: right 35px; background-repeat: no-repeat; } body#home #extruder li { width: 160px;} body#home #extruder li#nav3-microprocessor{ } body#home #extruder li#nav3-auger{width: 240px;} body#home #extruder li#nav3-extrusion{width: 150px;} h4#home_announcements {color: #000; background: transparent url(img/icon-announcements.png) no-repeat 20px 20px; padding-left: 45px;} body#home #wrapper { } body#clients #wrapper #content-wrapper #content-main .holder{ height: 300px; width: 1px; display: block; float: right; } #sidebar-left small { padding: 0px 0px 0px 20px; font-size: 10px; background:#fff; text-align: right; color: #507842; width: 193px; } #blurb a { color: #FFFFFF; } body#movie #sidebar-right {display: none;} body#home #content p {padding: 5px 10px 5px 0px;} body#movie #sidebar-left {display:none;} body#movie #content-main { width: 750px; background: transparent;} body#movie #content { float: left; width: 720px; } body#movie #content-wrapper {background: #fff url(img/home_content-bg_movie.gif) repeat;} .news .video2 a{ color: #c41230; background: url(img/icon-video_red.gif); background-repeat: no-repeat; background-position: left 2px; padding-left:22px; padding-top:5px; } .news .video2 a:hover{ background: url(img/icon-video.gif); color: #330000; background-repeat: no-repeat; background-position: left 2px; padding-left:22px; padding-top:5px; }