/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { margin:0; padding:0; background:#F8F8F8 url(../images/bg_body.gif) repeat-x; font-family:Arial, Helvetica, sans-serif} p { margin:0; padding:0; font-size:11px; font-weight:normal; color:#252525; line-height:1.4em} p a:link, p a:visited { text-decoration: none; color:#CF2427} p a:hover { text-decoration:underline; color:#CF2427} p.text_white { color:#FFFFFF} h1 { margin:0; padding:0; font-size:22px; font-weight:normal; color:#000000} h2 { margin:0; padding:0; font-size:18px; font-weight:normal; color:#000000} h3 { margin:0; padding:0; font-size:15px; font-weight:normal; color:#000000} h4 { margin:0; padding:0; font-size:14px; font-weight:bold; color:#FFFFFF} h5 { margin:0; padding:0; font-size:12px; font-weight:bold; color:#636363} h6 { margin:0; padding:0; font-size:11px; font-weight:bold; color:#000000;} h2 a:link, p a:visited { text-decoration: none; color:#CF2427} h2 a:hover { text-decoration:underline; color:#CF2427} img { border:none} /* --------------------------------------------- 02. container and wrapper --------------------------------------------- */ #container { width:966px; margin:0 auto; padding-top:15px} #wrapper { width:960px; float:left; background:#FFFFFF url(../images/bg_wrapper.gif) no-repeat; padding:3px 3px 0 3px} /* --------------------------------------------- 03. header --------------------------------------------- */ #header { width:925px; height:89px; float:left; background:url(../images/bg_header.gif) no-repeat top right; padding-top:27px; padding-right:35px} /* --------------------------------------------- 03.1 header - logo --------------------------------------------- */ .logo { width:237px; float:left; padding-left:16px} /* --------------------------------------------- 03.2 header - phone --------------------------------------------- */ .phone { width:280px; float: right; padding-left:270px; padding-top:25px} .phone a:link, p a:visited { text-decoration: none; color:#CF2427} .phone a:hover { text-decoration:underline; color:#CF2427} /* --------------------------------------------- 03.3 header - search --------------------------------------------- */ .search { width:280px; float:right; padding-top:5px} .search fieldset { width:280px; float:left; border:none; margin:0; padding:0} .search fieldset .bg_input { width:200px; float:left; font-size:11px; font-weight:normal; color:#000000; background:#E7E8E9; border:1px solid #A7A9AB; padding:4px} .search fieldset .button_search { width:61px; height:20px; float:left; background:url(../images/button_search.gif) no-repeat; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#FFFFFF; text-align:center; text-decoration:none; padding-top:2px; margin-left:5px; margin-top:1px} .search fieldset .button_search a { width:61px; height:20px; float:left; background:url(../images/button_search.gif) no-repeat; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#FFFFFF; text-align:center; text-decoration:none; padding-top:2px; margin-left:5px; margin-top:1px} /* --------------------------------------------- 04. top nav --------------------------------------------- */ #navbar { width:960px; height:32px; float:left; border-top:1px solid #636467; border-bottom:1px solid #FFFFFF} #navbar ul { list-style:none; margin:0; padding:0} #navbar ul li { margin:0; padding:0; float:left; font-size:11px; font-weight: normal; color:#FFFFFF} #navbar ul li a { height:24px; float:left; text-decoration:none; color:#CFCFD0; text-align:center; background:#000000; padding-top:10px;} #navbar ul li a.home { width:60px; background: url(../images/nav_home.gif) no-repeat;padding-left:34px} #navbar ul li a.home:hover { background:url(../images/nav_home_hover.gif) no-repeat} #navbar ul li a.home_selected { width:60px; background:url(../images/nav_home_selected.gif) no-repeat;color:#252525; padding-left:34px} #navbar ul li a.blow { width:172px; background:url(../images/nav_blow.gif) no-repeat} #navbar ul li a.blow:hover { background:url(../images/nav_blow_hover.gif) no-repeat} #navbar ul li a.blow_selected { width:172px; background:url(../images/nav_blow_selected.gif) no-repeat; color:#252525;} #navbar ul li a.extruder { width:146px; background:url(../images/nav_extruder.gif) no-repeat} #navbar ul li a.extruder:hover { background:url(../images/nav_extruder_hover.gif) no-repeat} #navbar ul li a.extruder_selected { width:146px; background:url(../images/nav_extruder_selected.gif) no-repeat; color:#252525;} #navbar ul li a.services { width:80px; background:url(../images/nav_services.gif) no-repeat} #navbar ul li a.services:hover { background:url(../images/nav_services_hover.gif) no-repeat} #navbar ul li a.services_selected { width:80px; background:url(../images/nav_services_selected.gif) no-repeat; color:#252525;} #navbar ul li a.plastics { width:122px; background:url(../images/nav_plastics.gif) no-repeat} #navbar ul li a.plastics:hover { background:url(../images/nav_plastics_hover.gif) no-repeat} #navbar ul li a.plastics_selected { width:122px; background:url(../images/nav_plastics_selected.gif) no-repeat; color:#252525;} #navbar ul li a.news { width:140px; background:url(../images/nav_news.gif) no-repeat} #navbar ul li a.news:hover { background:url(../images/nav_news_hover.gif) no-repeat} #navbar ul li a.news_selected { width:140px; background:url(../images/nav_news_selected.gif) no-repeat; color:#252525;} #navbar ul li a.about { width:82px; background:url(../images/nav_about.gif) no-repeat} #navbar ul li a.about:hover { background:url(../images/nav_about_hover.gif) no-repeat} #navbar ul li a.about_selected { width:82px; background:url(../images/nav_about_selected.gif) no-repeat; color:#252525;} #navbar ul li a.contact { width:94px; background:url(../images/nav_contact.gif) no-repeat; padding-right:30px} #navbar ul li a.contact:hover { background:url(../images/nav_contact_hover.gif) no-repeat} #navbar ul li a.contact_selected { width:94px; background:url(../images/nav_contact_selected.gif) no-repeat; color:#252525; padding-right:30px} /* --------------------------------------------- 05. banner --------------------------------------------- */ #banner { width:960px; height:245px; float:left; background:url(../images/bg_banner.png) no-repeat; padding-top:18px;} /* --------------------------------------------- 05.1 banner - about video --------------------------------------------- */ .aboutvideo { width:301px; float:left; padding:0 9px} .video { width:300px; float:left; padding-bottom:10px} .aboutvideo p a { color:#FFFFFF} /* --------------------------------------------- 05.2 banner - banner inner white boxes --------------------------------------------- */ .banner_innerbox { width:301px; float:left; padding:0 8px} .whitebox { width:297px; height:94px; float:left; background:#FFFFFF url(../images/innerbox_rightborder.gif) repeat-y right; border-bottom:#AEB0B1; padding:2px; margin-bottom:15px; padding-right:5px} .whitebox p { font-size:9px} .whitebox .leftphoto { width:147px; float:left; padding-right:7px; border:none} .whitebox h3 a:link, h3 a:visited { text-decoration: none; color:#000000; } .whitebox h3 a:hover { text-decoration:underline; color:#CF2427; } /* --------------------------------------------- 06. content --------------------------------------------- */ #content { width:960px; float:left; border-bottom:1px solid #E4E5E5; padding-bottom:20px} #content h5 { width:204px; color:#F5F5F6; padding:20px 8px 5px 8px} /* --------------------------------------------- 06.1 content - custom text --------------------------------------------- */ #custom { width:460px; float:left; padding:20px 20px 0 10px} #custom p { font-size:12px; line-height:1.6em; padding-top:5px; padding-bottom:10px} /* --------------------------------------------- 06.2 content - news --------------------------------------------- */ #news { width:220px; float:left; margin-top:-1px; position:relative} #news h5 { background:url(../images/heading_news.gif) no-repeat} .news_set { width:220px; float:left; padding-top:10px; padding-bottom:5px} .news_photoleft { width:60px; float:left; padding-right:10px; border:none; } .news_rightcontent { width:150px; float:left} .news_rightcontent h6 a:link, a:visited { text-decoration: none; color:#000000} .news_rightcontent h6 a:hover { text-decoration:underline; color:#CF2427} .news_rightcontent ul { list-style:none; margin:0; padding:0; padding-left:5px; } .news_rightcontent ul li { float:left; background:url(../images/li_bullet.gif) no-repeat 0 10px; font-size:12px; font-weight:normal; color:#252525; padding:3px 0; padding-left:10px; } /* --------------------------------------------- 06.3 content - contact --------------------------------------------- */ #contact { width:220px; float:left; margin-top:-1px; position:relative; padding-left:20px} #contact h5 { background:url(../images/heading_contact.gif) no-repeat} #contact fieldset { width:190px; float:left; background:#F9F9F9 url(../images/bg_contact.gif) repeat-x; border:1px solid #E7E7E8; border-top:none; margin:0; padding:0; padding:0 13px 8px 15px} #contact fieldset label { width:190px; float:left; font-size:9px; font-weight:normal; color:#636363; padding-top:10px; padding-bottom:2px} #contact fieldset .bg_input { width:184px; float:left; border:1px solid #A7A9AC; font-size:10px; padding:2px; margin-bottom:5px} #contact fieldset .bg_textarea { width:184px; height:45px; float:left; border:1px solid #A7A9AC; font-size:10px; padding:2px; margin-bottom:5px} #contact fieldset .button_submit a { width:61px; height:19px; float:right; background:url(../images/button_submit.gif) no-repeat; font-size:11px; font-weight:bold; color:#FFFFFF; text-align:center; text-decoration:none; padding-top:5px; margin-top:5px} #contact fieldset .button_submit { width:61px; height:19px; float:right; background:url(../images/button_submit.gif) no-repeat; font-size:11px; font-weight:bold; color:#FFFFFF; text-align:center; text-decoration:none; padding-top:5px; margin-top:5px} /* --------------------------------------------- 07. footer styles --------------------------------------------- */ #footer { width:938px; float:left; background:url(../images/bg_footer.gif) repeat-x; padding:0 11px 5px 11px; margin-top:3px} #footer p { color:#7D7D7D; padding-top:10px; padding-bottom:5px} #footer p a:link, #footer p a:visited { text-decoration:none; color:#7D7D7D; padding:0 1px} #footer p a:hover { text-decoration:underline; color:#7D7D7D} /* --------------------------------------------- 08. innerpage - content --------------------------------------------- */ #content_inner { width:960px; float:left; border-bottom:1px solid #E4E5E5; padding-bottom:20px} /* --------------------------------------------- 09. innerpage - heading --------------------------------------------- */ #heading { width:960px; float:left; background: url(../images/bg_content_inner.gif) repeat-x; padding-top:23px; border-bottom:1px solid #BDBFC1;} .heading_left { width:231px; float:left; padding:8px 0} .heading_left h6 { color:#CF2427; font-weight:normal; padding-left:23px} .heading_left h6 a:link, h6 a:visited { text-decoration: none; color:#000000} .heading_left h6 a:hover { text-decoration:underline; color:#CF2427} .heading_middle { width:460px; float:left; padding-left:19px; padding-top:2px} .heading_right { width:220px; float:left; padding-left:20px; padding-top:10px} .heading_right h5 { color:#636363} /* --------------------------------------------- 10. innerpage - left panel --------------------------------------------- */ #leftpanel { width:231px; float:left;} #leftpanel h5 { font-weight:normal; color:#CF2427; padding-left:23px; padding-bottom:6px} #leftpanel .news_set { padding-left:10px; padding-top:24px} /* --------------------------------------------- 11. innerpage - right panel --------------------------------------------- */ #rightpanel { width:729px; float:left} #rightpanel p { font-size:12px; line-height:1.8em} /* --------------------------------------------- 12. innerpage - column 1 --------------------------------------------- */ #column1 { width:460px; float:left} #column1_login { width:720px; float:left} /* --------------------------------------------- 12.1 innerpage - column 1 - blow machine --------------------------------------------- */ .middlecolumn_login { width:700px; float:left; padding-top:10px; padding-left:19px} .middlecolumn_login .image-right { float:right; padding-left:20px; padding-top:10px;} .middlecolumn_login p { padding-top:5px; padding-bottom:10px; } .middlecolumn_login p span { line-height: 1.2em; } .middlecolumn_login ul { list-style:none; margin:0; padding:0; padding-left:5px; } .middlecolumn_login ul li { width:440px; float:left; background:url(../images/li_bullet.gif) no-repeat 0 10px; font-size:12px; font-weight:normal; color:#252525; padding:3px 0; padding-left:10px; } .middlecolumn_login ul ul li { width:440px; float:left; background:url(../images/li_bullet_2.gif) no-repeat 0 10px; font-size:12px; font-weight:normal; color:#252525; padding:3px 0; padding-left:10px; } .middlecolumn_login ul li a:link, li a:visited { text-decoration: none; color:#CF2427 } .middlecolumn_login ul li a:hover { text-decoration:underline; color:#CF2427 } .middlecolumn_login ol { list-style:none; margin:0; padding:0; padding-left:5px} .middlecolumn_login ol li { width:440px; float:left; font-size:12px; font-weight:normal; color:#252525; padding:3px 0; padding-left:10px; } .middlecolumn_login .table {margin:0px; margin-bottom:10px; float:left;} .middlecolumn_login .table tr { margin:0; } .middlecolumn_login .table td { width:220px; font-size:10px; font-weight: normal; padding:5px 0; padding-left:10px; vertical-align:top; } .middlecolumn_login .table td ul { list-style:none; margin:0; padding:0; padding-left:5px} .middlecolumn_login .table td ul li { width:200px; float:left; background:url(../images/li_bullet.gif) no-repeat 0 10px; font-size:11px; font-weight:normal; color:#252525; padding:3px 0; padding-left:10px; } .middlecolumn h2.middlecolumn h2 a:link, h3 a:visited { text-decoration: none; color:#000000; } .middlecolumn h2 a:hover { text-decoration:underline; color:#CF2427; } .middlecolumn { width:460px; float:left; padding-top:10px; padding-left:19px} .middlecolumn .image-right { float:right; padding-left:20px; padding-top:10px;} .middlecolumn p { padding-top:5px; padding-bottom:10px; } .middlecolumn p span { line-height: 1.2em; } .middlecolumn ul { list-style:none; margin:0; padding:0; padding-left:5px; } .middlecolumn ul li { width:440px; float:left; background:url(../images/li_bullet.gif) no-repeat 0 10px; font-size:12px; font-weight:normal; color:#252525; padding:3px 0; padding-left:10px; } .middlecolumn ul ul li { width:440px; float:left; background:url(../images/li_bullet_2.gif) no-repeat 0 10px; font-size:12px; font-weight:normal; color:#252525; padding:3px 0; padding-left:10px; } .middlecolumn ul li a:link, li a:visited { text-decoration: none; color:#CF2427 } .middlecolumn ul li a:hover { text-decoration:underline; color:#CF2427 } .middlecolumn ol { list-style:none; margin:0; padding:0; padding-left:5px} .middlecolumn ol li { width:440px; float:left; font-size:12px; font-weight:normal; color:#252525; padding:3px 0; padding-left:10px; } .middlecolumn .table {margin:0px; margin-bottom:10px; float:left;} .middlecolumn .table tr { margin:0; } .middlecolumn .table td { width:220px; font-size:10px; font-weight: normal; padding:5px 0; padding-left:10px; vertical-align:top; } .middlecolumn .table td ul { list-style:none; margin:0; padding:0; padding-left:5px} .middlecolumn .table td ul li { width:200px; float:left; background:url(../images/li_bullet.gif) no-repeat 0 10px; font-size:11px; font-weight:normal; color:#252525; padding:3px 0; padding-left:10px; } .middlecolumn h2.middlecolumn h2 a:link, h3 a:visited { text-decoration: none; color:#000000; } .middlecolumn h2 a:hover { text-decoration:underline; color:#CF2427; } .middlecolumn .news-date { font-size:9px; font-style:italic; font-weight: normal; } /* --------------------------------------------- 12.2 innerpage - column 1 - table --------------------------------------------- */ .specifications { width:440px; float:left; padding-left:20px; padding-top:20px} .specifications .table {margin:0px; margin-bottom:10px; float:left;} .specifications .table tr { margin:0; } .specifications .table td { font-size:10px; font-weight: normal; padding:5px 0; padding-left:10px; } .specifications .table td a:link, p a:visited { text-decoration: none; color:#CF2427} .specifications .table td a:hover { text-decoration:underline; color:#CF2427} .specifications .table .heading2 { width:460px; font-size:12px; font-weight:bold; color:#000000;} .specifications .table .bg_grey { background:#D1D3D4 } .specifications .table .bg_grey2 { background-color:#f1f1f2; } /* --------------------------------------------- 13. innerpage - column 2 --------------------------------------------- */ #column2 { width:240px; float: left; padding-left:20px} #column2 .image { float:left; padding-left:20px; padding-bottom:20px;} /* --------------------------------------------- 13.1 innerpage - column 2 - documentation --------------------------------------------- */ .documentation { width:220px; float:left; padding:20px 0 20px 20px} .documentation h6 { font-size:12px} .documentation p { background:url(../images/icon_pdf.gif) no-repeat 0 10px; padding:10px 0 10px 28px} /* --------------------------------------------- 13.2 innerpage - column 2 - key features --------------------------------------------- */ .keyfeatures { width:220px; float:left; border-top:1px solid #DBDBDC; padding-top:15px} .keyfeatures ul { list-style:none; margin:0; padding:0; padding-left:5px} .keyfeatures ul li { width:210px; float:left; background:url(../images/li_bullet.gif) no-repeat 0 10px; font-size:11px; font-weight:normal; color:#252525; padding:0; padding:3px 0; padding-left:10px; } .keyfeatures ul li a:link, li a:visited { text-decoration: none; color:#CF2427 } .keyfeatures ul li a:hover { text-decoration:underline; color:#CF2427 } #rightpanel #contact h5 { color:#000000; background:none; padding-bottom:5px} /* --------------------------------------------- 13.3 innerpage - leftpanel - navigation --------------------------------------------- */ #sidenav { width:231px; float:left; margin-top:-1px} #sidenav ul { margin:0; padding:0;} #sidenav ul li { margin:0; padding:0; list-style:none; font-size:11px; color:#959595;} #sidenav ul li a {width:207px; display:block; height:22px; font-size:11px; color:#252525; padding-top:7px; padding-left:24px; text-decoration:none} #sidenav a.link { width:207px; padding-left:24px; background:url(../images/leftnav_li.gif) no-repeat left;} #sidenav a.link:hover { width:207px; padding-left:24px; background:url(../images/leftnav_li_hover.gif) no-repeat top left; color:#959595;} #sidenav a.link_selected { width:207px; padding-left:24px; background:url(../images/leftnav_li_hover.gif) no-repeat top left; color:#cf2427;} #sidenav a.firstlink { width:207px; padding-left:24px; background:url(../images/leftnav_li.gif) no-repeat left;} #sidenav a.firstlink:hover { width:207px; padding-left:24px; background:url(../images/leftnav_li_hover.gif) no-repeat top left; color:#959595;} #sidenav a.firstlink_selected { width:207px; padding-left:24px; background:url(../images/leftnav_li_hover.gif) no-repeat top left; color:#cf2427;} #sidenav a.lastlink { width:207px; padding-left:24px; background:url(../images/leftnav_li_lastlink.gif) no-repeat left;} #sidenav a.lastlink:hover { width:207px; padding-left:24px; background:url(../images/leftnav_li_hover.gif) no-repeat top left; color:#959595;} #sidenav a.lastlink_selected { width:207px; padding-left:24px; background:url(../images/leftnav_li_hover.gif) no-repeat top left; color:#cf2427; } #sidenav ul li ul { margin:0; padding:0; background:none} #sidenav ul li ul li { margin:0; padding:0; list-style:none; padding-left:50px; line-height:1.9em; background:none; height:24px} #sidenav ul li ul li a { margin:0; padding:0; list-style:none; line-height:1.6em; background:none; color:#959595 } #sidenav ul li ul li a:hover { text-decoration:underline}