/* Theme Name: Valley Hydraulics Author: Richard Strucke Version:20110329 */ /* Reset -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent} article, aside, figure, footer, header, hgroup, nav, section {display:block} nav ul {list-style:none} blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none} a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none} ins {background-color:#ff9; color:#000; text-decoration:none} mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold} del {text-decoration:line-through} abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help} /* tables still need cellspacing="0" in the markup */ table {border-collapse:collapse; border-spacing:0} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0} input, select {vertical-align:middle} ::-moz-focus-inner {border:0} /* Fonts - YUI Library Font Sizing:developer.yahoo.com/yui/fonts/ -------------------------------------------------------------- */ body {font:13px Arial, Helvetica, sans-serif; font-size:small; font:x-small; line-height:1.22} table {font-size:inherit; font:100%} select, input, textarea {font:99% sans-serif} /* normalize monospace sizing */ pre, code, kbd, samp {font-family:monospace, sans-serif} .widget-area ul li {color:#666} /* Base styles -------------------------------------------------------------- */ html {background:#535a5e} body {background:url(images/bg-header-valley-hydraulics.jpg) 0 0 repeat-x} body, select, input, textarea {color:#595f63} h1,h2,h3,h4,h5,h6 {font-weight:bold} h1 {font-size:182%; text-transform:capitalize} html {-webkit-font-smoothing:antialiased} a:hover, a:active {outline:none} a, a:active, a:visited {color:#0068bd; text-decoration:none} a:hover {color:#036; text-decoration:underline} ul {margin-left:30px} ol {margin-left:30px; list-style-type:decimal} small {font-size:85%} strong, th {font-weight:bold} td, td img {vertical-align:top} sub {vertical-align:sub; font-size:smaller} sup {vertical-align:super; font-size:.7em; line-height:1} pre {padding:15px; white-space:pre; /* CSS2 */ white-space:pre-wrap; /* CSS 2.1 */ white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap:break-word; /* IE */} input[type="radio"] {vertical-align:text-bottom} input[type="checkbox"] {vertical-align:bottom; vertical-align:baseline} .ie6 input {vertical-align:text-bottom} label, input[type=button], input[type=submit], button {cursor:pointer} ::-moz-selection{background:#2a7fae; color:#fff; text-shadow:none} ::selection {background:#2a7fae; color:#fff; text-shadow:none} a:link {-webkit-tap-highlight-color:#2a7fae} /* j.mp/webkit-tap-highlight-color */ html {overflow-y:scroll}/* always force a scrollbar in non-IE */ button {width:auto; overflow:visible} /* make buttons play nice in IE */ .ie7 img {-ms-interpolation-mode:bicubic} /* bicubic resizing for non-native sized IMG */ header#global-header, #content, div#global-footer footer {display:block; width:960px; margin:0 auto} hr {background-color:#E7E7E7; border:0; height:1px; margin-bottom:18px; clear:both} /* Base styles - Icons -------------------------------------------------------------- */ ul.icons-bullets {margin-left:0; list-style:none} li.pdf {background:url(images/icons/pdficon_small.gif) 0 1px no-repeat; padding-left:23px; line-height:20px} li.doc {background:url(images/icons/doc-icon-small.png) 0 2px no-repeat; padding-left:23px; padding-bottom:2px; line-height:20px} .ie li.pdf {background:url(images/icons/pdficon_small.gif) 0 0 no-repeat; padding-left:23px; margin-bottom:3px; padding-bottom:3px; line-height:1} .ie li.doc {background:url(images/icons/doc-icon-small.png) 0 1px no-repeat; padding-left:23px; margin-bottom:3px; padding-bottom:3px; line-height:1} li.pdf a, li.doc a {text-decoration:none; vertical-align:top} /* WordPress Required Styles -------------------------------------------------------------- */ .aligncenter {display:block; margin-left:auto; margin-right:auto} .alignleft {float:left} .alignright {float:right; border:5px solid #b1bfc6} .wp-caption {clear:right; border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px} .wp-caption img {margin:0; padding:0; border:0 none} .wp-caption-dd {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0} .sticky {background:#f7f7f7; padding:0 10px 10px} .sticky h2 {padding-top:10px} .page-id-12 .alignright {border:none} /* Helper classes -------------------------------------------------------------- */ .ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat} /* Hide for image replacement */ .hidden {display:none; visibility:hidden} /* Hide for All */ .visuallyhidden, .screen-reader-text {position:absolute !important; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px)} .invisible {visibility:hidden} /* Hide visually and from screenreaders, but maintain layout */ /* >> The Magnificent CLEARFIX << */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix {display:inline-block} * html .clearfix {height:1%} /* Hides from IE-mac \*/ .clearfix {display:block} /* Header -------------------------------------------------------------- */ #global-header {overflow:hidden; position:relative; height:137px} #global-header #header-contact-info {position:absolute; top:0; right:0; color:#bee8ff; font-size:16px; font-style:italic; text-align:right; padding-top:50px; line-height:1.3} #global-header #header-contact-info span {display:block; color:#fff; font-size:14px; position:absolute; top:110px; right:0; z-index:1000} #global-header h1 {float:left; overflow:hidden; margin-bottom:6px; margin-left:6px} #global-header h1 a {display:block; height:94px; width:542px; background:url(images/valley-hydraulics-and-air-logo.png) 0 0 no-repeat; overflow:hidden; text-indent:-999em} #global-header nav {overflow:hidden; clear:left; margin-left:35px} #global-header nav ul {overflow:hidden; margin:0} #global-header nav li {display:inline; overflow:hidden} #global-header nav li a {float:left; overflow:hidden; padding:10px 20px 10px; color:#fff; font-size:14px; height:17px} #global-header nav li.current-menu-item a{color:#54646d; background:#e7e8e9; border:1px solid #fff; border-bottom:0} /* Footer -------------------------------------------------------------- */ #global-footer {width:960px; margin:0 auto; padding:5px 0 60px; overflow:hidden; color:#bee8ff; font-size:11px; line-height:1.5} #global-footer a {color:#bee8ff; text-decoration:none} #global-footer div#contact-credentials {float:left} #global-footer div#contact-credentials ul {list-style:none; margin:0} #global-footer div#contact-credentials ul ul {width:auto} #global-footer div#contact-credentials ul li {float:left; overflow:hidden; width:192px} #global-footer div#contact-credentials ul li li {width:auto; display:inline} #global-footer div#contact-credentials ul li#copyright {width:250px} #global-footer nav ul {float:right; overflow:hidden} #global-footer nav ul li {display:inline} #global-footer nav li a {float:left; border-left:1px solid #7e888e; padding:0 10px; font-weight:bold} #global-footer nav li:first-child a {border:none} #global-footer a:active, #global-footer a:hover {color:#fff} #links-global h2 {margin-bottom:11px} #links-global #address div, #links-global #address span {float:left} #links-global #address div {width:50%} #links-sub-pages h2 {padding-left:15px} #links-sub-pages li li, #links-global #address span, #links-global li li {padding-left:20px} #links-sub-pages li:first-child h2{padding-left:0} #links-sub-pages li:first-child li {padding-left:5px} /* Content -------------------------------------------------------------- */ #main {overflow:hidden; width:100%; clear:left; border:6px solid #e7e8e9; border-width:6px 0; margin-bottom:20px; background:#fff; min-height:500px} #content {width:960px; padding:22px 0 34px 0; overflow:hidden} #leader {background:#ccc url(images/bg-leader.png) 0 0 repeat; padding:35px 0} #services-listing {background:#ccc; background:#595f63 url(images/bg-hydraulic-air-services-lising.png) 0 0 repeat-x; height:52px; text-indent:-999em; overflow:hidden} #services-listing span {display:block; background:#595f63 url(images/hydraulic-air-services-lising.png) 0 0 repeat-x; height:52px; width:960px; margin-left:auto; margin-right:auto} #leader-wrap {width:560px; padding-right:330px; min-height:250px; margin-left:auto; margin-right:auto; background:url(images/leader-logo-block.png) 100% 0 no-repeat} #leader h1, #leader p {font-size:16px; line-height:26px} #leader h1 span{display:block; width:478px; height:59px; margin-bottom:10px; text-indent:-999em; overflow:hidden; background:url(images/main-lead-Your-Hydraulic-Air-Parts-Repair-Source.png) 0 0 no-repeat;} .ie7.page #content, .ie8.page #content {margin-bottom:0} #content input, #content textarea {font-size:108%; line-height:22px} #content p, #content ul, #content ol, #content dd, #content pre, #content hr {margin-bottom:18px; font-size:108%; line-height:20px; font-weight:400; font-style:normal} #content ul ul, #content ol ol, #content ul ol, #content ol ul {margin-bottom:0} #content pre, #content kbd, #content tt, #content var {font-size:15px; line-height:21px} #content code {font-size:13px} #content dt, #content th {color:#000} #content h1, #content h3, #content h4, #content h5, #content h6 {margin:0 0 20px 0; line-height:1.5em} #content h1 {margin-top:20px;font: 900 italic 197%/31px "camingodos-web-1","camingodos-web-2",sans-serif; letter-spacing:normal} #content h1 span {font-weight:600; font-style:italic} #content h1 sup, #content h2 sup {font-size:.5em} #content h2 {margin:40px 0 8px; font-size:116%; line-height:1.5; font-style:italic; text-transform:uppercase; text-shadow:#ced9e1 0 1px 1px; letter-spacing:1px} #content h2 a {color:#036} #content h2 a:hover {color:#0068BD;} #content h2#lead {margin:0 0 20px 0; font: bold italic 182%/31px "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif; text-shadow:#ced9e1 0 1px 1px; letter-spacing:normal} #content p#lead {margin:-10px 0 20px 0; font: bold italic 138.5%/24px "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif; text-shadow:#ced9e1 0 1px 1px; letter-spacing:normal; text-align:center} #content h3, #content h3 a {font-size:93%; color:#0068bd; text-transform:uppercase; text-decoration:none} #content h3 a:hover {color:#0088cc} #content h3 {margin-bottom:0.4em} #content h2 + h3 {margin-top:0} #content h4 {margin-bottom:0} #content table {text-align:left; margin:0 0 24px 0; width:100%} #content tr th, #content thead th {color:#005e91; font-size:12px; font-weight:bold; line-height:18px; padding:9px 24px} #content tr td {padding:6px 24px} #content tr.odd td {background:#F2F7FC} .hentry {margin:0 0 48px 0} .home .sticky {background:#F2F7FC; border-top:4px solid #000; padding:18px 20px; margin-left:-20px; margin-right:-20px} .single .hentry {margin:0 0 36px 0} .page-title {margin:0 0 36px 0} .page-title span {color:#999; font-style:italic; font-weight:normal} .page-title a:link, .page-title a:visited {color:#005e91; text-decoration:none} .page-title a:active, .page-title a:hover {color:#FF4B33} #content .entry-title {margin-bottom:0} .entry-title a:link, .entry-title a:visited {text-decoration:none} .entry-meta abbr, .entry-utility abbr {border:none} .entry-meta abbr:hover, .entry-utility abbr:hover {border-bottom:1px dotted #666} .entry-content, .entry-summary {clear:both; padding:0} #content .entry-summary p:last-child {margin-bottom:12px} .entry-content fieldset {border:1px solid #E7E7E7; margin:0 0 24px 0; padding:24px} .entry-content fieldset legend {background:#fff; color:#000; font-weight:bold; padding:0 24px} .entry-content input {margin:0 0 24px 0} .entry-content input.file, .entry-content input.button {margin-right:24px} .entry-content label {color:#005e91; font-size:12px} .entry-content select {margin:0 0 24px 0} .entry-content sup, .entry-content sub {font-size:10px} .entry-content blockquote.left {float:left; margin-left:0; margin-right:24px; text-align:right; width:33%} .entry-content blockquote.right {float:right; margin-left:24px; margin-right:0; text-align:left; width:33%} .page-link {color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em} .page-link a:link, .page-link a:visited {background:#f1f1f1; color:#333; font-weight:normal; padding:0.5em 0.75em; text-decoration:none} .home .sticky .page-link a {background:#D9E8F7} .page-link a:active, .page-link a:hover {color:#FF4B33} .page .edit-link {clear:both; display:block} #entry-author-info {background:#F2F7FC; border-top:4px solid #000; padding:18px 20px; margin:24px 0; overflow:hidden; clear:both; font-size:14px; line-height:20px} #entry-author-info #author-avatar {background:#fff; border:1px solid #e7e7e7; float:left; margin:0 -104px 0 0; padding:11px; height:60px} #entry-author-info #author-description {float:left; margin:0 0 0 104px} #entry-author-info h2 {color:#000; font-weight:bold; font-size:100%; margin-bottom:0} .entry-utility {color:#005e91; font-size:11px; line-height:18px; clear:both; margin-top:10px; padding:0} .entry-meta {color:#005e91; font-size:10px; line-height:14px; text-transform:uppercase; padding-left:16px; margin:.5em 0; background:url(images/star.png) 0 2px no-repeat} .entry-meta a, .entry-utility a {color:#005e91; border-bottom:1px solid #ccc; text-decoration:none} .entry-meta a:hover, .entry-utility a:hover {color:#FF4B33; border-bottom-color:#ff4b33} #content .video-player {padding:0} /* Asides -------------------------------------------------------------- */ .home #content .category-asides p {font-size:14px; line-height:20px; margin-bottom:10px; margin-top:0} .home .hentry.category-asides {padding:0} .home #content .category-asides .entry-content {padding-top:0} /* Gallery listing -------------------------------------------------------------- */ .category-gallery {margin-bottom:48px} .category-gallery h2 {margin-top:10px} .category-gallery .size-thumbnail img {border:10px solid #f1f1f1; margin-bottom:0} .category-gallery .gallery-thumb {float:left; margin-right:20px; margin-top:-4px} .home #content .category-gallery .entry-content p {display:inline} .home #content .category-gallery .entry-utility {padding-top:4px} /* Attachment pages -------------------------------------------------------------- */ .attachment #container {width:800px; margin:0 0 0 80px} .entry-content .attachment img {margin-bottom:0} .entry-content .entry-caption {font-size:140%; margin-top:24px} .attachment .entry-content .nav-previous a:before {content:'\2190\00a0'} .attachment .entry-content .nav-next a:after {content:'\00a0\2192'} /* Images -------------------------------------------------------------- */ #content img {margin:0; max-width:640px} #content .attachment img {max-width:900px} #content .alignleft, #content img.alignleft {display:inline; float:left; margin-right:24px; margin-top:4px} #content .alignright, #content img.alignright {display:inline; float:right; margin-left:24px; margin-top:4px} #content .aligncenter, #content img.aligncenter {clear:both; display:block; margin-left:auto; margin-right:auto} #content img.alignleft, #content img.alignright, #content img.aligncenter {margin-bottom:12px} #content .wp-caption {background:#f1f1f1; line-height:18px; text-align:center; margin-bottom:20px; padding:4px} #content .wp-caption img {margin:5px 5px 0} #content .wp-caption p.wp-caption-text {margin:5px; color:#005e91; font-size:12px} #content .wp-smiley {margin:0} #content .gallery {margin:auto} #content .gallery .gallery-item {float:left; margin-top:0; text-align:center; width:33%} #content .gallery img {border:2px solid #cfcfcf} #content .gallery .gallery-caption {color:#005e91; font-size:12px; margin:0 0 12px} #content .gallery dl {margin:0} #content .gallery img {border:10px solid #f1f1f1} #content .gallery br+br {display:none} /* Posts, Single Post Page, Post Navigation -------------------------------------------------------------- */ .navigation {font-size:12px; line-height:18px; overflow:hidden; color:#005e91} .navigation a:link, .navigation a:visited {color:#005e91; text-decoration:none} .navigation a:active, .navigation a:hover {color:#FF4B33} .nav-previous {float:left; width:50%} .nav-next {float:right; width:50%; text-align:right} #nav-above {margin:0 0 18px 0} #nav-above {display:none} .paged #nav-above, .single #nav-above {display:block} #nav-below {clear:both; margin:-10px 0 0 0; padding:10px 16px 10px 16px; line-height:1.2; background-color:#f5f5f5; background-color: rgba(255, 255, 255, 0.5); } #nav-below a {font-size:93%} .single #nav-below {border-top:1px solid #e7e7e7} .archive #container, .search #container, .single #container, .blog #container, .error404 #container {margin:0 0 0 60px; padding-bottom:20px} .archive #content #container h2:first-child, .search #content #container h2:first-child, .blog #content #container ul li:first-child h2, .error404 #container h2 {margin-top:0} .archive #container h2, .search #container h2, .single #container h2, .blog #container h2 {font-size:116%} .blog #container ul:first-child {list-style:none; margin-left:0} /* Comments -------------------------------------------------------------- */ #comments {clear:both} #comments .navigation {padding:0 0 18px 0} h3#comments-title, h3#reply-title {color:#000; font-weight:bold; font-size:20px; margin-bottom:0} h3#comments-title {padding:24px 0} .commentlist {list-style:none; margin:0} .commentlist li.comment {border-bottom:1px solid #e7e7e7; line-height:24px; margin:0 0 24px 0; padding:0 0 0 56px; position:relative} .commentlist li:last-child {border-bottom:none; margin-bottom:0} #comments .comment-body ul, #comments .comment-body ol {margin-bottom:18px} #comments .comment-body p:last-child {margin-bottom:6px} #comments .comment-body blockquote p:last-child {margin-bottom:24px} .commentlist ol {list-style:decimal} .commentlist .avatar {position:absolute; top:4px; left:0} .comment-author cite {color:#000; font-style:normal; font-weight:bold} .comment-author .says {font-style:italic} .comment-meta {font-size:12px; margin:0 0 18px 0} .comment-meta a:link, .comment-meta a:visited {color:#005e91; text-decoration:none} .comment-meta a:active, .comment-meta a:hover {color:#FF4B33} .reply {font-size:12px; padding:0 0 24px 0} .reply a, a.comment-edit-link {color:#005e91} a.post-edit-link{color:#FF4B33} .reply a:hover, a.comment-edit-link:hover {color:#FF4B33} .commentlist .children {list-style:none; margin:0} .commentlist .children li {border:none; margin:0} .nopassword, .nocomments {display:none} #comments .pingback {margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #e7e7e7} .commentlist li.comment+li.pingback {margin-top:-6px} #comments .pingback p {color:#005e91; font-size:12px; line-height:18px; display:block; margin:0} #comments .pingback .url {font-style:italic; font-size:13px} /* Comments Form -------------------------------------------------------------- */ input[type=submit] {color:#333} #respond {margin:0 0 24px; border-top:1px solid #e7e7e7; overflow:hidden; position:relative} #respond p {margin:0} #respond .comment-notes {margin-bottom:1em} .form-allowed-tags {line-height:1em} .children #respond {margin:0 48px 0 0} h3#reply-title {margin:18px 0} #comments-list #respond {margin:0 0 18px 0} #comments-list ul #respond {margin:0} #cancel-comment-reply-link {font-size:12px; line-height:18px; font-weight:normal} #respond .required {color:#FF4B33; font-weight:bold} #respond label {color:#005e91; font-size:12px} #respond input {margin:0 0 9px; width:98%} #respond textarea {width:98%} #respond .form-allowed-tags {color:#005e91; font-size:12px; line-height:18px} #respond .form-allowed-tags code {font-size:11px} #respond .form-submit {margin:12px 0} #respond .form-submit input {width:auto; font-size:14px} /* Widget Areas -------------------------------------------------------------- */ #container {float:left; width:630px} #main .widget-area {padding:0 8px 0 0; float:right; width:212px; overflow:hidden; font-size:93%} .archive #main .widget-area, .search #main .widget-area {margin-top:0} #main .widget-area ul {margin-left:0; padding:0} #main .widget-area ul ul {border:none; margin-left:1.3em; padding:0} .widget-area ul {list-style:none; margin-left:0} .widget-area ul ul {list-style:square; margin-left:1.3em} .widget-area ul li {line-height:1.3; padding:.5em 0 0} .widget-area ul a {line-height:1.3} .widget_search {position:absolute; top:-999em} .widget_search {position:absolute; top:189px; padding:4px 0 4px 4px !important; width:206px; background:#fff; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} .widget_search #s {/* This keeps the search inputs in line */ width:150px; background:#fff; color:#666; font-size:12px; border:0 none; padding:0; margin:0; line-height:1} .widget_search label {display:none} #content #searchsubmit {font-size:11px; height:12px; border:0 none; padding:0; margin:0; vertical-align:bottom; background:none; line-height:1; text-transform:uppercase} .widget-container {margin:0 0 18px 0} .widget-container h3:first-child {padding-top:0 !important} .widget-area ul:first-child li {padding-top:6px !important} li#search-2 {margin-bottom:0} #content h3.widget-title {margin:0 0 6px; padding-top:20px; color:#005E91; font: bold normal 100% "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif; text-shadow:#ced9e1 0 1px 1px} /* .widget-title {border-top:1px solid #ddd; color:#666; font-weight:600; padding-left:14px; text-transform:uppercase} */ #recent-posts-2 .widget-title {border:0 none} .widget-area a:link, .widget-area a:visited {text-decoration:none} .widget-area a:active, .widget-area a:hover {text-decoration:underline} .widget-area .entry-meta {font-size:11px} #wp_tag_cloud div {line-height:1.6em} #wp-calendar {width:100%} #wp-calendar caption {font-weight:bold; color:#222; text-align:left; font-size:14px; padding-bottom:4px} #wp-calendar thead {font-size:11px} #wp-calendar tbody {color:#aaa} #wp-calendar tbody td {padding:3px 0 2px; background:#f5f5f5; border:1px solid #fff; text-align:center} #wp-calendar tbody .pad {background:none} #wp-calendar tfoot #next {text-align:right} .widget_rss a.rsswidget {color:#000} .widget_rss a.rsswidget:hover {color:#FF4B33} .widget_rss .widget-title img {height:11px; width:11px} /* Home Page - Splash - Section -------------------------------------------------------------- */ body.home #wrapper {background:none} body.home section {display:block} /* show FF3 some love */ body.home #content {width:890px; margin:0 auto; padding:40px 0 0} body.home #container {float:none; width:100%} body.home #content h2#lead {color:#1f4d71} body.home #content p {max-width:none} body.home #content dt {width:157px; float:left; clear:both; overflow:hidden; text-indent:-999em} body.home #content dt.no-logo {text-indent:0; font-size:22px; text-transform: uppercase; font-weight: bold;} body.home #content dd {width:698px; padding-right:35px; float:right} body.home dt, body.home dd {padding-bottom:20px} #Bosch-Rexroth {background:url(images/logos/rexroth-bosch-group-logo.png) 0 0 no-repeat; height:51px} #Vickers {background:url(images/logos/vickers-hydraulics-eaton-logo.png) 0 0 no-repeat; height:38px} #Lehigh {background:url(images/logos/Lehigh-Fluid-Power.png) 0 0 no-repeat; height:58px} #ARGO-HYTOS {background:url(images/logos/ARGO-HYTOS.png) 0 0 no-repeat; height:58px} #MP-Filtri {background:url(images/logos/MP-Filtri.png) 0 0 no-repeat; height:58px} #Parker {background:url(images/logos/Parker-logo.png) 0 0 no-repeat; height:40px} #Enerpac {background:url(images/logos/enerpac.png) 0 0 no-repeat; height:15px} #HYDAC {background:url(images/logos/hydac.png) 0 0 no-repeat; height:29px} #Festo {background:url(images/logos/festo-logo.png) 0 0 no-repeat; height:21px} #Mac {background:url(images/logos/mac-valves-logo.png) 0 0 no-repeat; height:53px} #ARO {background:url(images/logos/aro-logo.png) 0 0 no-repeat; height:38px} #SMC {background:url(images/logos/smc-logo.png) 0 0 no-repeat; height:38px} #Numatics {background:url(images/logos/numatics.png) 0 0 no-repeat; height:24px} #MAHLE {background:url(images/logos/mahle-industry-filtration-logo.png) 0 0 no-repeat; height:43px} #Sun-Hydraulics {background:url(images/logos/sun-hydraulics-logo.png) 0 0 no-repeat; height:40px} /* Simple Page Layout -------------------------------------------------------------- */ #container.simple-page {width:860px; margin:0 auto 20px; float:none; overflow:hidden} .page-template-default #content p.wp-caption-text {max-width:none} .page-template-default #content h3 {margin-top:3em; font-size:100%} .page-template-default #content h2 + h3 {margin-top:0} .page-template-default #content h4 {font-size:93%; font-weight:bold; text-transform:capitalize} .page-template-default #content section h3 {background:#f2f2f2; border-bottom:1px solid #ccc; padding:10px 10px 6px; margin:3em 0 16px -10px;} .page-template-default #content section h4 {max-width:60%; margin-top:10px; color:#536375; border-bottom:1px solid #ccc} .page-template-default #content section p {margin:0 0 0.5em; padding:3px 0 0 10px; font-size:93%; max-width:60%; line-height:1.4} .page-template-default #content section h4 + p {color:#536375} .page-template-default #content section img {border:1px solid #999} /* Contact Page -------------------------------------------------------------- */ .page-id-11 #main {background:url(images/bg-leader.png) 0 0 repeat} .page-id-11 #main h1 {text-shadow: 0 1px 2px #fff} .page-id-11 #container {position:relative} #contact-form {float:left} #traditional-contact-info {font-size:14px; line-height:1.4; padding:10px 20px 0; background:#fff; border-top:2px solid #999} #traditional-contact-info p {font-size:83%; line-height:1.4} #traditional-contact-info p strong {font-size:11px; text-transform:uppercase; display:block; line-height:1.2; margin-bottom:.4em} .wpcf7-form-control-wrap textarea {border:2px solid #999; border-width:2px 0 0} .wpcf7-form-control-wrap textarea, div.wpcf7, div.wpcf7 div#message {width:850px !important} .wpcf7-form-control-wrap input[type="text"] {border:2px solid #999; border-width:2px 0 0} .wpcf7-form-control-wrap textarea {font-size:14px; line-height:1.3; padding:20px} div.wpcf7 {margin: 0; padding: 0; line-height:1.3} div.wpcf7-response-output {margin: 2em 0.5em 1em; padding: 0.2em 1em; background:#fff} div.wpcf7-mail-sent-ok {border: 2px solid #398f14} div.wpcf7-mail-sent-ng {border: 2px solid #ff0000} div.wpcf7-spam-blocked {border: 2px solid #ffa500} div.wpcf7-validation-errors {border: 2px solid #f7e700} span.wpcf7-form-control-wrap {position: relative} span.wpcf7-not-valid-tip {position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px} span.wpcf7-not-valid-tip-no-ajax {color: #f00; font-size: 10pt; display: block} span.wpcf7-list-item {margin-left: 0.5em} .wpcf7-display-none {display: none} div.wpcf7 img.ajax-loader {border: none; vertical-align: middle; margin-left: 4px} div.wpcf7 .watermark {color: #888} #submit-send {clear:both; background:#e0e9ef; border:1px solid #ddd; border-width:0 1px 1px; padding:10px; text-align:center} #submit-send input { width: 100px; color: #fff; text-transform: uppercase; text-shadow: #000 1px 1px; border:none; border-top: 1px solid #67b6e0; margin-top: 10px; background-color:#004b73; padding:4px 0; /*** Adding CSS3 Gradients ***/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d7cae), to(#004b73)); background: -moz-linear-gradient(19% 75% 90deg,#004b73, #1d7cae); } .youtube {clear:both; padding-bottom:12px} /* Print styles -------------------------------------------------------------- */ @media print {* {background:transparent !important; color:#444 !important; text-shadow:none} a, a:visited {color:#444 !important; text-decoration:underline} a:after {content:" (" attr(href) ")"} abbr:after {content:" (" attr(title) ")"} .ir a:after {content:""} /* Don't show links for images */ pre, blockquote {border:1px solid #999; page-break-inside:avoid} img {page-break-inside:avoid} @page {margin:0.5cm} p, h2, h3 {orphans:3; widows:3} h2, h3{page-break-after:avoid} } /* Media queries for responsive design -------------------------------------------------------------- */ @media all and (orientation:portrait) {} @media all and (orientation:landscape) {} /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width:960px) {/* Prevent iOS, WinMobile from adjusting font size */ html {-webkit-text-size-adjust:none; -ms-text-size-adjust:none} }