/* Theme Name: UniTrak Theme URI: http://unitrak.blendinteractive.com Description: Materials handling & Conveyors. Version: 1.0 Author: Benjamin Bertrand Author URI: http://unitrak.blendinteractive.com/ */ /************ Browser Neutralizers ***********/ h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0;} ul {list-style-type:none;} ul li a {text-decoration:none;} a img {border:none;} address {font-style:normal;} /************ LAYOUT *************************/ body {background-color:#FFF; font-size:75%;} body.SmallText {font-size:62.50%;} body.MediumText {font-size:75%;} body.LargeText {font-size:87.50%;} html>body>#Containter {font-size:11pt;} #Container {position:relative; width:917px; margin:0 auto; background-color:#FFF;} #Main {margin-top:18px;} div.Wrapper {float:left; width:699px;} #Content {width:481px; float:right; padding-bottom: 1em;} #Column1 {width:200px;} #Column2 {width:200px; float:right;} /************ FROM SPEC SHEET ****************/ body {color:#000; font-family: Verdana, Tahoma, sans-serif;} h1 { color:#AD2F30; font-size:14pt; font-weight:normal;} h2 { color:#000000; font-size:13pt; font-weight:bold; font-family:Verdana, sans-serif; letter-spacing:-0.025em;} h3 { color:#000000; font-size:15pt; font-weight:normal; font-family:Tahoma, Verdana, sans-serif;} h4 { color:#AD2F30; font-size:13pt; font-weight:normal; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} h5 { color:#000000; font-size: 8pt; font-weight:bold; } h6 { color:#000000; font-size: 6pt; font-weight:bold; } a {font-family:Verdana, sans-serif;} /************ HEADER *************************/ #Header {position:relative; top:0; left:0; height:181px;} #Header .Logo {display:block; width:193px; height:89px; float:left; margin-top:27px; background:transparent url(../images/unitrak_logo.jpg) top left no-repeat;} #Header .Logo .None {display:none;} /************ TOP LINKS **********************/ #TopLinks {width:625px; height:1em; float:right; margin-top:36px; background-color:#FFF; text-align:right;} #TopLinks a {color:#000; text-decoration:none;} #TopLinks a:hover, #TopLinks a:active {color:#342C6C;} div.PhoneNumber {height:20px; float:right; margin:20px 0; background:#FFF url(../images/1-800.gif) top right no-repeat; width:600px;} div.PhoneNumber span {display:none;} /************ TOP NAV ************************/ #TopNav {font-family:"Myriad Pro", Tahoma, sans-serif; font-size:0.875em; font-weight:bold; float:right;} #TopNav ul {float:right; list-style-type:none; text-transform:uppercase; text-shadow:#FBFBFB 1px 2px 3px; white-space:nowrap; padding-right:1px;} #TopNav li {float:left; background:transparent url(../images/b_left.jpg) no-repeat top left; margin-right:-1px;} #TopNav a {display:block; background:transparent url(../images/b_right.jpg) no-repeat top right; padding:14px 30px 11px 30px;} #TopNav #Current {background:transparent url(../images/c_left.jpg) no-repeat top left;} #TopNav #Current a {background:transparent url(../images/c_right.jpg) no-repeat top right;} #TopNav li a:link {color:#000; text-decoration:none;} #TopNav li a:visited{color:#555; text-decoration:none;} #TopNav li a:hover {color:#A81C27; text-decoration:none;} #TopNav li a:active {color:#A81C27; text-decoration:none;} #TopTrim {clear:both; height:5px; width:100%; background:#B5B5B5 url(../images/fade-top-gray.gif) repeat-x top left;} /************ TOP BAR ************************/ #TopBar {background:#F3F3F3; height:34px;} #BreadCrumbs {padding-top:10px; margin-left:22px; float:left;} #BreadCrumbs a:link {color:#000; text-decoration:none;} #BreadCrumbs a:visited{color:#555; text-decoration:none;} #BreadCrumbs a:hover {color:#A81C27; text-decoration:underline;} #BreadCrumbs a:active {color:#A81C27; text-decoration:underline;} #Search {float:right; margin-right:22px;} /************ MAIN ***************************/ #Main { width:917px; margin-top:18px;} #MainTabContent {background-color:#F9F9F9;} #MainTabContent ul {text-shadow:#FBFBFB 1px 2px 3px; white-space:nowrap; width:479px; font-size:18px; padding-bottom:33px;} #MainTabContent li {float:left; background:transparent url(../images/b_left.jpg) no-repeat top left; margin:0 3px 0 -1px; width:237px;} #MainTabContent li a {display:block; width:auto; background:transparent url(../images/b_right.jpg) no-repeat top right; padding:8px 19px 4px; font-family:Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;} #MainTabContent li.on {background:transparent url(../images/f_left.jpg) no-repeat top left;} #MainTabContent li.on a {background:transparent url(../images/f_right.jpg) no-repeat top right; padding:8px 19px 5px;} #MainTabContent li a:link {color:#000; text-decoration:none;} #MainTabContent li a:visited{color:#555; text-decoration:none;} #MainTabContent li a:hover {color:#A81C27; text-decoration:none;} #MainTabContent li a:active {color:#A81C27; text-decoration:none;} #Products, #Materials {background-color:#F9F9F9; border-top: 1px solid #C3C3C3;} /************ CONTENT ************************/ #Content h2 {color:#000; font-size:13px; margin-bottom:8px; margin-top: 1em;} #Content h3 {margin-top:1.2em; margin-bottom:0.40em; } #Content p {margin:1.5em 0 0.5em 0; line-height:1.5em;} #Content a {color:#142C6C;} #Content a.important {color:#A81C27;text-decoration:none;} #Content .important {color:#A81C27;text-decoration:none;} #Content a:hover {color:#A81C27;} #Content .Inner ul.SubItems li {margin:1em 0 0.5em 0;} #Content .Inner .PageLine a {font-weight:normal; text-decoration:underline;} div.ContentBoxTop {display:block; width:481px; height:4px; background:transparent url(../images/border_top.gif) no-repeat top left;} div.ContentBoxMid {display:block; width:479px; background-color:#FFF; border-left:1px solid #D0D0D0; border-right:1px solid #D0D0D0;} div.ContentBoxBtm {width:481px; height:2px; background:transparent url(../images/border_btm.gif) no-repeat top left;} div.ContentBoxMid div.Inner {padding:20px 0; margin:0 20px;} div.ContentBoxMid div.Inner div.Item {display:block; clear:both; padding:6px 0; border-bottom:1px dashed #C0C0C0;} div.ContentBoxMid div.Inner div.Item img {border:1px solid #C0C0C0; margin-right:14px;} div.ContentBoxMid div.Inner div.Item.Last {border-bottom:none;} /**************** SITEMAP *******************/ ul.sitemap {margin-top: 1em;} ul.sitemap li {padding-left: 20px; padding: 3px 20px;} ul.sitemap .heading {font-weight: bold;} ul.sitemap ul {margin-bottom: 1em;} /************ TIP A FRIEND FORM *************/ div.ContentBoxMid div.Inner div.block {margin-bottom:1em;} div.ContentBoxMid div.Inner div.block label {font-weight:bold; margin-top:1em;} #Content form td.logi_global input {border:1px solid #D0D0D0;} /************ ACCORDION *********************/ #Content .AccordionFold {background-color:#F9F9F9;} #Content .AccordionFold h2 {font-size:109.09%;font-weight:bold;font-family:Verdana, sans-serif;} #Content .AccordionTitle {background:#F9F9F9 url(../images/menu_fade.jpg) repeat-x bottom left; color:#A81C27; font-weight:bold; line-height:1.50em;text-shadow:#FBFBFB 1px 2px 3px; white-space:nowrap; width:479px;} #Content .AccordionTitle span {display:block; height:36px; background:transparent url(../images/center_r.jpg) no-repeat top left; border-bottom:2px solid #C7C7C7; width:auto;} #Content .AccordionTitle span a {display:block; width:auto; padding:8px 19px 4px; color:#000; text-decoration:none; font-family:Verdana. sans-serif;} #Content .AccordionTitle span a:hover {color:#A81C27;} #Content .AccordionTitle span a:active {color:#A81C27;} #Content .AccordionTitle.Selected span {background-image:url(../images/center_gold_d.jpg); border-bottom:2px solid #F2CE7A;} #Content .AccordionTitle.Selected span a {color:#A81C27;} /************ BLOG **************************/ #Content .attribute-header a {font-family:Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;} .class-blog-post h1 a {text-decoration:none; color:#A81C27;} .attribute-header {margin-bottom:1em;} .attribute-header .PostDate {color:#333; font-size:10px;} .attribute-header .PostTitle a {text-underline:none;} .columns-blog h5 {margin:1.5em 0 0.5em 0 ;} /************ GALLERY ***********************/ div.BoxMid.Gallery {text-align:center;} div.BoxMid.Gallery a {text-decoration:none;} /************ SEARCH ************************/ #Content ol {list-style-position: inside;} /************ COLUMNS ***********************/ div.BoxTop {width:200px; height:2px; background:transparent url(../images/box_top.gif) no-repeat top left;} div.BoxBtm {width:200px; height:1px; background:transparent url(../images/box_btm.gif) no-repeat top left; margin-bottom:18px;} div.BoxMid {width:198px; border-left:1px solid #D0D0D0; border-right:1px solid #D0D0D0; background:#FFF url(../images/fade_box.jpg) repeat-x bottom left;} div.BoxBtm.Gallery ( margin-bottom:24px; ) /************ COLUMN 1 ***********************/ #Column1, #Column1 a {font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif; font-size:11px; color:#000; text-decoration:none;} #Menu ul {background:#F9F9F9 url(../images/menu_fade.jpg) repeat-x bottom left; text-shadow:#FBFBFB 1px 2px 3px; white-space:nowrap;} #Menu a {color:#000; display:block; height:18px; background:transparent url(../images/menu_r.jpg) no-repeat top left; border-bottom:2px solid #C7C7C7; font-size:18px; padding:8px 0 10px 20px; text-decoration:none; width:auto;font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif;} #Menu a.Selected {background:transparent url(../images/menu_d.jpg) no-repeat top left; font-weight:normal;} #Menu li a:visited{color:#333;} #Menu li a:hover {color:#A81C27;} #Menu li a:active {color:#A81C27;} #Menu ul li ul {margin-bottom:2px;} #Menu ul li ul li {width:198px; white-space:normal;} #Menu ul li ul li a {font-size:12px; height:1%; color:#000; background:transparent url(../images/arrows.gif) no-repeat 20px 12px; border-top:1px solid #FFF; border-bottom:1px solid #DBDBDB; padding-left:30px;} #Menu ul li ul li a:hover, #Menu .current {color:#000; background-color:#F9F0C3;} #CountryNav {position:relative; width:200px; font-family:Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif; font-size:12px; } #CountryNav img {margin:0.5em 8px 0 0;} #CountryNav h4 {clear:left; font-weight:bold; font-size:14px; padding:6px 0 0 0;} #CountryNav ul {text-shadow:#FBFBFB 1px 2px 3px; white-space:nowrap; width:198px; font-size:1.125em; padding-bottom:27px; font-weight:bold;} #CountryNav li {float:left; background:transparent url(../images/b_left.jpg) no-repeat top left; margin:0 3px 0 0; } #CountryNav li a {display:block; font-size:12px; color:#666; background:transparent url(../images/b_right.jpg) no-repeat top right; text-shadow:#FBFBFB 1px 2px 3px; padding:5px 10px 7px 10px;} #CountryNav li.sel { background:transparent url(../images/d_left.jpg) no-repeat top left; margin-bottom:-1px;} #CountryNav li.sel a {color:#000; background:transparent url(../images/d_right.jpg) no-repeat top right; padding:5px 10px 8px 10px;} #CountryNav li.sel a:hover {color:#A81C27;} #Region1, #Region2 {width:198px; border-left:1px solid #D0D0D0; border-right:1px solid #D0D0D0; border-top:1px solid #D0D0D0; background:#FFF url(../images/fade_box.jpg) repeat-x bottom left;} #Column1 .Inner {padding:0 10px 10px 10px; margin-top:10px;} #Column1 .Inner p {margin-top:0.5em; line-height:1.5em;} #Column1 div.BoxBtm {width:198px; background:none; margin-bottom:0; position:relative; top:1px; left:0; border-bottom:1px solid #C3C3C3;} #Column1 a:visited{color:#333;} #Column1 a:hover {color:#A81C27;} #Column1 a:active {color:#A81C27;} /************ COLUMN 2 ***********************/ div.MediaObject {width:198px; height:240px; background:#FFF url(../images/media_object.jpg) no-repeat top left;} div.Empty {width:198px; height:230px;} div.Controls {font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,sans-serif; font-size:11px;} div.Controls li {border-bottom:1px dashed #D0D0D0;} div.Controls li.Print {background:transparent url(../images/button_print.gif) no-repeat 8px 5px;} div.Controls li.Check {background:transparent url(../images/button_check.gif) no-repeat 8px 5px;} div.Controls li.Email {background:transparent url(../images/button_send.gif) no-repeat 8px 5px;} div.Controls li.Twitter {background:transparent url(../images/button_twitter.gif) no-repeat 8px 5px;} div.Controls li a {display:block; height:22px; width:198px; font-size:11px; padding:9px 1px 1px 39px; color:#182D70; text-decoration:underline; width:auto;} div.Controls li a:visited{color:#333;} div.Controls li a:hover {color:#A81C27;} div.Controls li a:active {color:#A81C27;} div.Controls img {margin:5px 0;} div.Controls img.FirstImg {margin-left:8px;} div.Controls span {position:relative; top:-10px;left:0;} #Column1 div.Controls img {margin-right:11px;} #Column1 div.Controls ul {font-weight:normal;} #Column1 div.Controls li {border:none;} #Column1 div.Controls li.Check {background:transparent url(../images/button_check.gif) no-repeat 8px 5px;} #Column1 div.Controls li a {background:none; display:block; height:22px; width:198px; padding:9px 1px 1px 39px; color:#182D70; text-decoration:underline; width:auto;} #Column1 div.Controls li a:visited{color:#333;} #Column1 div.Controls li a:hover {color:#A81C27;} #Column1 div.Controls li a:active {color:#A81C27;} /************ FOOTER *************************/ #Footer {position:relative; top:0; left:0; clear:both; width:917px; margin-top:18px; background:#FFF url(../images/fade_btm_bar.jpg) repeat-x top left;} /************ BOTTOM BAR *********************/ /*#BtmBar {background:#FFF url(../images/fade_btm_bar.jpg) repeat-x top left;}*/ #BtmBar ul {list-style:none;} #BtmBar .Lines {padding:2px 10px; margin-top:1em; border-left:1px dashed #C0C0C0; float:left;} #BtmBar a:link {color:#777; text-decoration:none;} #BtmBar a:visited{color:#666; text-decoration:none;} #BtmBar a:hover {color:#A81C27; text-decoration:underline;} #BtmBar a:active {color:#A81C27; text-decoration:underline;} #BtmBar h4 {font-family:Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif; font-size:12px; color:#000; font-weight:bold; padding:2px 10px; border-left:1px dashed #C0C0C0; text-transform:uppercase;} div.FooterColumn {width:160px; float:left; font-size:8pt; margin:10px 0 15px 0;} div.FooterColumn.FirstColumn {margin-left:218px;} div.FooterColumn.LastColumn {width:175px;} /************ CLASSES ************************/ .FloatLeft {float:left;} .FloatRight {float:right;} .Prop {width:1px; height:112px; float:right;} .PropLeft {width:1px; height:135px; float:left; margin-bottom:25px;} .Clear {clear:both;} .Red {color:#A81C27;} .Blue {color:#142C6C;} .MarginTop18 {margin-top:18px;} .Selected {font-weight:bold;} .important {color:#A81C27;} p.Date {font-size: smaller; font-weight: bold;} /************ EDITOR-APPLIED STYLES **********/ div.object-right{float:right;} div.object-left{float:left;} div.object-right img{padding:5px 0px 5px 8px;} div.object-left img{padding:5px 8px 5px 0px;} .featured {border: 1px solid #ccc; margin: 10px;} div.featured img {margin: 0; padding: 2px;} .box, .border-box {margin-bottom:2em;} #Content table p, #Content table td {margin:0 0 1em 0; line-height:1.5em;} table.list {border-collapse: collapse;} table.list td {border-bottom: 1px dashed #CCC; padding-top: 5px; padding-bottom: 5px;} table.list div.featured{margin: 0; margin-right: 10px; } table.list td.empty {border-bottom: none;} /************ PRINT STYLES **********/ @media print { body { background:white; color:#000; font-family:Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; } #Region1, #Region2, #Content .AccordionTitle span, #Content .AccordionTitle span a, #Content .AccordionTitle.Selected span, div, span {margin:0; padding:0; border:none; width:99%; background:none;} #Region1, #Region2 {width:50em;} h1 { color:#333; font-size:14pt; font-weight:bold;} h2 { color:#333; font-size:12pt; font-weight:bold;} h3 { color:#333; font-size:11pt; font-weight:bold;} h4 { color:#333; font-size:9pt; font-weight:bold;} h5 { color:#333; font-size:8pt; font-weight:bold;} h6 { color:#333; font-size:6pt; font-weight:bold;} #TopLinks, .PhoneNumber, #TopNav, #TopTrim, #TopBar, #Menu, div.MarginTop18, #MainNav, #Column2, #Footer, #CountryNav ul, #Column1 div.BoxBtm, .NoPrint, .Clear { display: none; } #Header {display:inline;} #Header .Logo .None { display:inline; font-family:Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18pt; font-weight:bold; font-style:italic; color:#142C6C; text-transform:uppercase;} #Main {width:95%; margin:0; padding:0;} #Container {width:95%;} div.Wrapper {float:none; width:95%;} #Content {width:auto;} #Content p {display:block; margin:0.667em 0 0 0;} #Content .ContentBoxMid {border:none; width:auto;} div.ContentBoxMid div.Inner {padding:0; margin:0;} #MainTabContent ul li {display:none;} #MainTabContent ul li.on {display:block;} #MainTabContent ul li.on a {padding:0; margin-top:0.5em;} #CountryNav ul li {display:none;} a:link, a:visited {color:#000; background:transparent; font-weight:bold; text-decoration:underline;} li {display:block;} #PrintFooter h4, #PrintFooter2 h4 {font-size:1em;} #Region1 .Inner table, #Region2 .Inner table {float:left; width:20%;} #Region1 .Inner #PrintFooter p, #Region2 .Inner #PrintFooter p {float:left; margin:0 0.5em 0 25%;} /* #Content a:link:after, #Content a:visited:after { content: " (" attr(href) ") "; font-size: 90%; } #Content a[href^="/"]:after { content: " (http://www.unitrak.com" attr(href) ") "; } */ }