/*! valvesandflowcontrolresources.co.uk 29-03-2016 */

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700italic,700,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a {
    background: transparent;
	text-decoration:none;
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
	
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.left {
    float: left;
    text-align: left
}

.right {
    float: right;
    text-align: right
}

.center {
    text-align: center
}

.clear,
nav.primary ul:after,
nav.primary ul li:after,
nav.primary ul li .products-dd ul:after,
nav.primary ul li .products-dd:after,
.site-footer footer:after,
.site-footer footer .telephone:after,
.site-footer footer .email:after,
nav.footer:after,
nav.footer ul:after,
.content:after,
.about section:after,
.ethos div:after,
.project-portal article:after,
.products article:after,
.company article:after,
.company article section:after,
.suppliers article:after,
.what-we-offer article:after,
.portal article:after,
.eco-about:after,
.product-categories article:after,
.news-item:after,
.news-item-even:after,
.news-item-odd:after,
.news:after,
.news-article:after,
.news-article article header:after,
.product-detail:after,
.product-detail article:after,
.product-detail article .breadcrumbs:after,
.product-detail aside:after,
.product-detail aside ul li:after,
.product-detail aside ul li .accordion-head:after,
.product:after,
.product header:after,
.product .mid-product:after,
.info nav ul:after,
.downloads article:after,
.download-resources:after,
.resources:after,
.download-resources section:after,
.resources section:after,
.downloads aside:after,
.downloads aside ul li:after,
.downloads aside ul li .accordion-head:after,
.downloads article .breadcrumbs:after,
.contact:after,
.contact article:after,
.contact article .form:after,
.contact article .form form .form-right:after,
.success:after,
.fail:after,
.theme-products .enquiries .telephone:after,
.theme-products .enquiries .email:after {
    clear: both
}

.row,
nav.primary,
.site-footer,
nav.footer,
.content,
.slider,
.about,
.ethos,
.project-portal,
.products,
.company,
.suppliers,
.what-we-offer,
.portal,
.eco-about,
.product-categories,
.news,
.news-article,
.product-detail,
.downloads,
.contact {
    width: 100%
}

.row-container,
header.logo,
nav.primary ul,
.site-footer footer,
.content article,
.slider .nivoSlider,
.about header,
.about section,
.about footer,
.ethos div,
.project-portal article,
.products article,
.company article,
.suppliers article,
.what-we-offer article,
.portal article,
.eco-about article,
.product-categories article,
.news section,
.news-article article,
.product-detail article,
.downloads article,
.contact article {
    width: 960px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.product-title,
.products article section p,
.products article section li,
.products article section nav.primary ul li .products-dd li ul li a,
nav.primary ul li .products-dd li ul li .products article section a,
.products .eco-about article section ul,
.eco-about .products article section ul,
.products .product-detail article section .breadcrumbs,
.product-detail .products article section .breadcrumbs,
.products .product-detail article section .breadcrumbs li a,
.product-detail .products article section .breadcrumbs li a,
.products .product-detail article .breadcrumbs li section a,
.product-detail .products article .breadcrumbs li section a,
.products .downloads article section .breadcrumbs,
.downloads .products article section .breadcrumbs,
.products .downloads article section .breadcrumbs li a,
.downloads .products article section .breadcrumbs li a,
.products .downloads article .breadcrumbs li section a,
.downloads .products article .breadcrumbs li section a,
.product-categories article section header h3,
.product-categories article .site-footer footer section header a,
.site-footer footer .product-categories article section header a,
.product h3,
.product .site-footer footer section a,
.site-footer footer section .product a,
.download-resources h3,
.resources h3,
.download-resources .site-footer footer section a,
.site-footer footer section .download-resources a,
.resources .site-footer footer section a,
.site-footer footer section .resources a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: #f8f9fa;
    border-left: 3px solid #e21a22;
    text-decoration: none;
    color: #2f363f
}

.even,
.news-item-even,
.tech-spec tr.techspec-odd {
    background-color: #fff
}

.odd,
.news-item-odd,
.tech-spec tr.techspec-even {
    background-color: #f8f9fa
}

h1,
h2,
h3,
.site-footer footer section a,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0;
    color: #2f363f
}

h1,
h3,
.site-footer footer section a,
h4,
h5,
h6 {
    font-family: "Roboto Slab"
}

h2 {
    font-family: "Roboto Condensed"
}

h1 {
    font-size: 35px;
    text-align: center
}

h2,
h3,
.site-footer footer section a,
h4 {
    font-size: 21px
}

h5 {
    font-size: 17px
}

h6 {
    font-size: 13px;
    line-height: 16px
}

h3,
.site-footer footer section a {
    line-height: 24px
}

h4 {
    line-height: 26px
}

p,
section li,
article li,
nav.primary ul li .products-dd li ul li a,
.eco-about article section ul,
.product-detail article .breadcrumbs,
.product-detail article .breadcrumbs li a,
.downloads article .breadcrumbs,
.downloads article .breadcrumbs li a {
    font-family: "Roboto";
    font-weight: 300;
    line-height: 26px;
	font-size:14px;
    color: #2f363f
}

.button-one,
.button-one:visited {
    display: inline-block;
    width: auto !important;
    background-color: #bf191f !important;
    padding: 10px 13px 7px 13px;
    border-bottom: 3px solid #921318 !important;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    font-family: "Roboto Slab" !important;
    font-size: 13px !important
}

.button-one:hover,
.button-one:focus,
.button-one:visited:hover,
.button-one:visited:focus {
    background-color: #921318 !important
}

.button-two,
.button-two:visited {
    background-color: #2f363f;
    padding: 10px 13px 7px 13px;
    border-bottom: 3px solid #191d22;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    font-family: "Roboto Slab";
    font-size: 13px
}

.button-two:hover,
.button-two:focus,
.button-two:visited:hover,
.button-two:visited:focus {
    background-color: #191d22
}

input,
textarea {
    font-size: 15px;
    color: #656b74;
    font-weight: 300
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-style: italic
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    font-style: italic
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    font-style: italic
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-style: italic
}

.placeholder {
    font-size: 15px;
    color: #656b74;
    font-weight: 300;
    font-style: italic
}

header.logo {
    margin: 8px auto 2px auto
}

nav.primary {
    display: block;
    height: 40px;
    background-color: #2f363f;
}

nav.primary ul li {
    display: inline;
    list-style: none
}

nav.primary ul:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

nav.primary ul li {
    float: left
}

nav.primary ul li:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

nav.primary ul li a.dropdown:after {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 8px;
    height: 4px;
    background-position: -22px 0;
    float: right
}

nav.primary ul li a.dropdown:hover:after {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 8px;
    height: 4px;
    background-position: -22px 0;
    float: right
}

nav.primary ul li {
    position: relative
}

nav.primary ul li .products-dd {
    position: absolute;
    left: 0px;
    z-index: 1001;
    left: -268.59px;
}

nav.primary ul li .products-dd ul {
    margin: 0
}

nav.primary ul li .products-dd ul:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

nav.primary ul li .products-dd ul li {
    display: block;
    float: none;
    margin-left: -10px
}

nav.primary ul {
    font-family: "Roboto";
    text-transform: uppercase
}

nav.primary ul .current {
    background-color: #fff
}

nav.primary ul .current:hover a {
    color: #ebecec;
    font-weight: 400
}

nav.primary ul .current:hover li a {
    font-weight: 300
}

nav.primary ul .current a {
    font-family: "Roboto Slab";
    font-weight: 700;
    color: #e21a22
}

nav.primary ul li {
    width: 165.28px
}

nav.primary ul li:hover {
    background-color: #414953
}

nav.primary ul li a {
    font-family: "Roboto Slab";
    font-weight: 400;
    display: block;
    color: #ebecec;
    font-size: 13px;
    padding: 11px 0;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin: 0
}

nav.primary ul li a.dropdown:after {
    margin: 6.5px 10px 6.5px 0
}

nav.primary ul li a.dropdown:hover:after {
    margin: 6.5px 10px 6.5px 0
}

nav.primary ul li .products-dd {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    width: 940px;
    background: #414953;
    padding: 25px 20px
}

nav.primary ul li .products-dd:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

nav.primary ul li .products-dd li {
    float: left;
    display: block;
    width: 280px;
    margin-right: 30px
}

nav.primary ul li .products-dd li.last {
    margin-right: 0
}

nav.primary ul li .products-dd li ul {
    margin-bottom: 20px;
    width: auto
}

nav.primary ul li .products-dd li ul li.current {
    background-color: transparent
}

nav.primary ul li .products-dd li ul li.current a {
    font-weight: 700
}

nav.primary ul li .products-dd li ul li a {
    line-height: 20px;
    color: #ebecec;
    text-align: left;
    text-transform: none;
    padding: 0
}

nav.primary ul li .products-dd li ul li a:before {
    content: "- "
}

nav.primary ul li .products-dd li ul li a:hover {
    text-decoration: underline;
    display: inline !important;
}

nav.primary ul li .products-dd li .title {
    border-bottom: 1px solid #656b74;
    padding-bottom: 10px;
    text-transform: none;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #ebecec;
    font-weight: 400;
    font-family: "Roboto Slab"
}

.site-footer {
    display: inline-block;
    background: #2f363f;
    padding-top: 20px;
    padding-bottom: 20px
}

.site-footer footer:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.site-footer footer h4 {
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    color: #fff;
    font-weight: 400;
    font-size: 17px
}

.site-footer footer button {
    font-size: 13px;
    padding-top: 7px;
    padding-bottom: 4px;
    border: 0 solid #921318;
    border-bottom: 3px solid #921318
}

.site-footer footer label {
    display: block;
    color: white;
    width: 100%
}

.site-footer footer .error {
    color: #e21a22;
    font-family: "Roboto Slab"
}

.site-footer footer section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    float: left;
    margin-right: 20px
}

.site-footer footer section input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    background: #fff;
    border: 0;
    padding: 10px 15px;
    margin-bottom: 10px
}

.site-footer footer section a {
    font-weight: 400;
    position: relative;
    top: 5px;
    padding: 5px 0 5px 15px;
    color: #fff;
    text-decoration: none
}

.site-footer footer section .icon {
    display: block;
    border-right: 2px solid #414953;
    width: 36px;
    height: 36px;
    float: left
}

.site-footer footer .telephone {
    border: 2px solid #414953
}

.site-footer footer .telephone:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.site-footer footer .telephone .icon:before {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 18px;
    height: 18px;
    background-position: -22px -14px;
    float: left;
    margin: 9px
}

.site-footer footer .email {
    border: 2px solid #414953;
    margin: 0 !important
}

.site-footer footer .email:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}
.site-footer footer .address {
    border: 2px solid #414953;
    margin: 0px 0px 25px 0px; !important
}
.site-footer footer .address h1{
	text-transform: uppercase;
    font-family: "Roboto Condensed";
    color: #fff;
    font-weight: 400;
    font-size: 17px;
	margin:5px;
	}
.site-footer footer .address p{
	text-transform: uppercase;
    font-family: "Roboto Condensed";
    color: #fff;
    font-weight: 400;
    font-size: 12px;
	margin:0px 5px 5px 5px;
	line-height:20px;
	text-align:justify;
	}
.site-footer footer .email .icon:before {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 20px;
    height: 13px;
    background-position: -40px -14px;
    float: left;
    margin: 12px 8px
}

nav.footer {
    display: block;
    margin-bottom: -15px
}

nav.footer:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

nav.footer ul {
    float: right
}

nav.footer ul:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

nav.footer ul li {
    display: inline;
    list-style: none
}

nav.footer ul li {
    color: #ebecec;
    font-family: "Roboto";
    font-weight: 300;
    font-size: 13px
}

nav.footer ul li a {
    color: #ebecec;
    text-decoration: none;
    font-family: "Roboto";
    font-weight: 300;
    font-size: 13px
}

.slash {
    color: #656b74
}

.content {
    background: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_bkgnd_full.486d26.gif) no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 0
}

.content:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.content article {
    width: 640px
}

.slider {
    background-color:#1a77b9;
    padding-top: 40px;
}

.slider .nivoSlider {
    width: 940px;
    padding: 0
}

.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none
}

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important
}

.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
    background: white;
    filter: alpha(opacity=0);
    opacity: 0
}

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden
}

.nivo-box img {
    display: block
}

.nivo-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #fff;
    z-index: 8;
    padding: 5px 10px;
    overflow: hidden;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nivo-caption p,
.nivo-caption section li,
section .nivo-caption li,
.nivo-caption article li,
article .nivo-caption li,
.nivo-caption nav.primary ul li .products-dd li ul li a,
nav.primary ul li .products-dd li ul li .nivo-caption a,
.nivo-caption .eco-about article section ul,
.eco-about article section .nivo-caption ul,
.nivo-caption .product-detail article .breadcrumbs,
.product-detail article .nivo-caption .breadcrumbs,
.nivo-caption .product-detail article .breadcrumbs li a,
.product-detail article .breadcrumbs li .nivo-caption a,
.nivo-caption .downloads article .breadcrumbs,
.downloads article .nivo-caption .breadcrumbs,
.nivo-caption .downloads article .breadcrumbs li a,
.downloads article .breadcrumbs li .nivo-caption a {
    padding: 5px;
    margin: 0
}

.nivo-html-caption {
    display: none
}

.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer
}

.nivo-prevNav {
    left: 0px
}

.nivo-nextNav {
    right: 0px
}

.nivo-controlNav {
    text-align: center;
    padding: 15px 0
}

.nivo-controlNav a {
    cursor: pointer
}

.nivo-controlNav a.active {
    font-weight: bold
}

.about {
    background: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_bkgnd_full.486d26.gif) no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 50px
}

.about section:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.about section p,
.about section li,
.about section nav.primary ul li .products-dd li ul li a,
nav.primary ul li .products-dd li ul li .about section a,
.about .eco-about article section ul,
.eco-about article .about section ul,
.about section .product-detail article .breadcrumbs,
.product-detail article .about section .breadcrumbs,
.about section .product-detail article .breadcrumbs li a,
.product-detail article .breadcrumbs li .about section a,
.about section .downloads article .breadcrumbs,
.downloads article .about section .breadcrumbs,
.about section .downloads article .breadcrumbs li a,
.downloads article .breadcrumbs li .about section a {
    width: 460px;
    float: left;
    margin-right: 20px;
    margin-bottom: 50px
}

.about section p.last,
.about section li.last,
.about section nav.primary ul li .products-dd li ul li a.last,
nav.primary ul li .products-dd li ul li .about section a.last,
.about .eco-about article section ul.last,
.eco-about article .about section ul.last,
.about section .product-detail article .last.breadcrumbs,
.product-detail article .about section .last.breadcrumbs,
.about section .product-detail article .breadcrumbs li a.last,
.product-detail article .breadcrumbs li .about section a.last,
.about section .downloads article .last.breadcrumbs,
.downloads article .about section .last.breadcrumbs,
.about section .downloads article .breadcrumbs li a.last,
.downloads article .breadcrumbs li .about section a.last {
    margin-right: 0
}

.about footer {
    text-align: center;
    text-transform: uppercase;
    color: #8C959C
}

.ethos {
    background: #ebecec;
    padding: 50px 0PX;
	display:inline-block;
	width:100%;
}

.ethos div:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.ethos div section {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	
}

.ethos div section h2 {
    color: #32373C;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #32373C;
    padding: 5.5px 0;
    font-size: 20px;
	width:30%;
	margin:0px 75px 0px 80px;
	float:left;
}

.project-portal {
    padding-top: 40px;
    background: #e21a22
}

.project-portal article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.project-portal article h1 {
    color: #871418;
    margin-bottom: 35px
}

.project-portal article section {
    width: 300px;
    margin-right: 20px;
    float: left;
    color: #fff
}

.project-portal article section h3,
.project-portal article .site-footer footer section a,
.site-footer footer .project-portal article section a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400
}

.project-portal article section p,
.project-portal article section li,
.project-portal article section nav.primary ul li .products-dd li ul li a,
nav.primary ul li .products-dd li ul li .project-portal article section a,
.project-portal .eco-about article section ul,
.eco-about .project-portal article section ul,
.project-portal .product-detail article section .breadcrumbs,
.product-detail .project-portal article section .breadcrumbs,
.project-portal .product-detail article section .breadcrumbs li a,
.product-detail .project-portal article section .breadcrumbs li a,
.project-portal .product-detail article .breadcrumbs li section a,
.product-detail .project-portal article .breadcrumbs li section a,
.project-portal .downloads article section .breadcrumbs,
.downloads .project-portal article section .breadcrumbs,
.project-portal .downloads article section .breadcrumbs li a,
.downloads .project-portal article section .breadcrumbs li a,
.project-portal .downloads article .breadcrumbs li section a,
.downloads .project-portal article .breadcrumbs li section a {
    margin-bottom: 35px;
    color: #fff
}
.p{padding: 6px 15px 17px 13px !important;}

.project-portal article aside img {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}
.products{
    padding: 20px 0 0;
    background: #dfe2e2;
    border-top: 1px solid #cfd4d4;
}
.products article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.products article h1 {
    color: #e21a22;
    margin-bottom: 50px
}

.products article section {
    width: 220px;
    float: left;
    margin-right: 20px;
    margin-bottom: 40px
}

.products article section a {
    text-decoration: none
}

.products article section p,
.products article section li,
.products article section nav.primary ul li .products-dd li ul li a,
nav.primary ul li .products-dd li ul li .products article section a,
.products .eco-about article section ul,
.eco-about .products article section ul,
.products .product-detail article section .breadcrumbs,
.product-detail .products article section .breadcrumbs,
.products .product-detail article section .breadcrumbs li a,
.product-detail .products article section .breadcrumbs li a,
.products .product-detail article .breadcrumbs li section a,
.product-detail .products article .breadcrumbs li section a,
.products .downloads article section .breadcrumbs,
.downloads .products article section .breadcrumbs,
.products .downloads article section .breadcrumbs li a,
.downloads .products article section .breadcrumbs li a,
.products .downloads article .breadcrumbs li section a,
.downloads .products article .breadcrumbs li section a {
    width: 220px;
    height: 60px;
    padding: 17px 15px 17px 13px;
    font-size: 15px;
    margin: 0;
    font-weight: 400
}

.products article section.last {
    margin-right: 0
}
/* marquee */

.pro-may{
    display: block;
    padding: 20px 0;
    }
.pro-may ul{
    margin: 0;
    padding: 0;
}
.pro-may ul li{
    float: left;
    font-size: 16px;
    background-color: #fff;
    display: block;
    border-left: 3px solid #e21a22;
    font-family: "Roboto";
    color: #2f363f;
    margin:5px 5px 0;
}
.pro-may ul li img {
    height: 100px;
    max-width: 164px;
}
.company {
    background: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_bkgnd_full.486d26.gif) no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 40px
}

.company article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.company article header {
    padding-bottom: 35px
}

.company article section.last {
    padding-right: 0;
    padding-left: 45px
}

.company article section {
    width: 470px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 45px;
    padding-bottom: 55px
}

.company article section:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.company article section .icon {
    display: block;
    background-color: #143f91;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -ms-border-radius: 100px 100px 100px 100px;
    -o-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
    width: 60px;
    height: 60px;
    float: left
}

.company article section .icon:before {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 38px;
    height: 29px;
    background-position: 0 -51px;
    margin: 15px 12px;
    float: left
}

.company article section p,
.company article section li,
.company article section nav.primary ul li .products-dd li ul li a,
nav.primary ul li .products-dd li ul li .company article section a,
.company .eco-about article section ul,
.eco-about .company article section ul,
.company .product-detail article section .breadcrumbs,
.product-detail .company article section .breadcrumbs,
.company .product-detail article section .breadcrumbs li a,
.product-detail .company article section .breadcrumbs li a,
.company .product-detail article .breadcrumbs li section a,
.product-detail .company article .breadcrumbs li section a,
.company .downloads article section .breadcrumbs,
.downloads .company article section .breadcrumbs,
.company .downloads article section .breadcrumbs li a,
.downloads .company article section .breadcrumbs li a,
.company .downloads article .breadcrumbs li section a,
.downloads .company article .breadcrumbs li section a,
.company article section h3,
.company article .site-footer footer section a,
.site-footer footer .company article section a {
    display: block;
    width: 345px;
    float: right;
    margin-left: 15px
}

.company article section h3,
.company article .site-footer footer section a,
.site-footer footer .company article section a {
    margin-top: 15px
}

.suppliers {
    background-color: #e21a22;
    padding-top: 35px
}

.suppliers article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.suppliers article h1 {
    color: #fff;
    padding-bottom: 50px
}

.suppliers article img {
    float: left;
    margin-bottom: 55px
}

.what-we-offer {
    background-color: #ebecec
}

.what-we-offer article {
    padding-top: 35px;
    padding-bottom: 40px;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/what-we-offer_image.8c5237.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

.what-we-offer article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.what-we-offer article p,
.what-we-offer article li,
.what-we-offer article nav.primary ul li .products-dd li ul li a,
nav.primary ul li .products-dd li ul li .what-we-offer article a,
.what-we-offer .eco-about article section ul,
.eco-about .what-we-offer article section ul,
.what-we-offer .product-detail article .breadcrumbs,
.product-detail .what-we-offer article .breadcrumbs,
.what-we-offer .product-detail article .breadcrumbs li a,
.product-detail .what-we-offer article .breadcrumbs li a,
.what-we-offer .downloads article .breadcrumbs,
.downloads .what-we-offer article .breadcrumbs,
.what-we-offer .downloads article .breadcrumbs li a,
.downloads .what-we-offer article .breadcrumbs li a {
    width: 450px;
    float: left
}

.portal {
    background: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_bkgnd_full.486d26.gif) no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 35px
}

.portal article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.portal article p,
.portal article li,
.portal article nav.primary ul li .products-dd li ul li a,
nav.primary ul li .products-dd li ul li .portal article a,
.portal .eco-about article section ul,
.eco-about .portal article section ul,
.portal .product-detail article .breadcrumbs,
.product-detail .portal article .breadcrumbs,
.portal .product-detail article .breadcrumbs li a,
.product-detail .portal article .breadcrumbs li a,
.portal .downloads article .breadcrumbs,
.downloads .portal article .breadcrumbs,
.portal .downloads article .breadcrumbs li a,
.downloads .portal article .breadcrumbs li a {
    margin-top: 25px;
    width: 310px;
    float: left;
    margin-right: 6px
}

.portal article section {
    display: block
}

.portal article img {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    float: right;
    margin-top: 35px
}

.eco-about {
    background-color: #143f91;
    padding-top: 35px;
    padding-bottom: 40px
}

.eco-about:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.eco-about article h1 {
    color: #fff;
    margin-bottom: 30px
}

.eco-about article section {
    width: 300px;
    margin-right: 20px;
    float: left
}

.eco-about article section img {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    margin-bottom: 30px
}

.eco-about article section p,
.eco-about article section li,
.eco-about article section nav.primary ul li .products-dd li ul li a,
nav.primary ul li .products-dd li ul li .eco-about article section a,
.eco-about article section ul,
.eco-about .product-detail article section .breadcrumbs,
.product-detail .eco-about article section .breadcrumbs,
.eco-about .product-detail article section .breadcrumbs li a,
.product-detail .eco-about article section .breadcrumbs li a,
.eco-about .product-detail article .breadcrumbs li section a,
.product-detail .eco-about article .breadcrumbs li section a,
.eco-about .downloads article section .breadcrumbs,
.downloads .eco-about article section .breadcrumbs,
.eco-about .downloads article section .breadcrumbs li a,
.downloads .eco-about article section .breadcrumbs li a,
.eco-about .downloads article .breadcrumbs li section a,
.downloads .eco-about article .breadcrumbs li section a,
.eco-about article section ul {
    color: #fff
}

.eco-about article section ul {
    padding: 0 0 0 15px
}

.eco-about article .last {
    margin-right: 0
}

.product-categories {
    background: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_bkgnd_full.486d26.gif) no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding-top: 45px
}

.product-categories article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.product-categories article h1 {
    margin-bottom: 35px
}

.product-categories article section {
    width: 300px;
    float: left;
    margin-right: 20px;
    margin-bottom: 60px
}

.product-categories article section header h3,
.product-categories article .site-footer footer section header a,
.site-footer footer .product-categories article section header a {
    padding: 15px
}

.product-categories article section .hover {
    position: absolute;
    background: #2f363f transparent;
    background: rgba(47, 54, 63, 0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#882f363f, endColorstr=#882f363f)";
    width: 300px;
    height: 230px;
    display: none;
    color: #fff
}

.product-categories article section .hover a {
    text-decoration: none;
    color: #fff
}

.product-categories article section .hover a:hover {
    border-bottom: 1px solid #8c8c8c
}

.product-categories article section:hover .hover {
    display: block
}

.product-categories article .last {
    margin-right: 0
}

.news-item,
.news-item-even,
.news-item-odd {
    padding: 40px 80px
}

.news-item:after,
.news-item-even:after,
.news-item-odd:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.news-item aside,
.news-item-even aside,
.news-item-odd aside {
    float: left;
    margin-right: 20px
}

.news-item aside img,
.news-item-even aside img,
.news-item-odd aside img {
    display: block
}

.news-item header,
.news-item-even header,
.news-item-odd header {
    float: left
}

.news-item header a,
.news-item-even header a,
.news-item-odd header a {
    text-decoration: none;
    color: #fff
}

.news-item section,
.news-item-even section,
.news-item-odd section {
    padding: 0;
    width: 620px;
    float: right;
    margin-bottom: 0
}

.news-item section a,
.news-item-even section a,
.news-item-odd section a {
    display: inline;
    color: #e21a22;
    text-decoration: none;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 13px
}

.news-h3,
.news-item header h3,
.news-item-even header h3,
.news-item-odd header h3,
.news-item header .site-footer footer section a,
.site-footer footer section .news-item header a,
.news-item-even header .site-footer footer section a,
.site-footer footer section .news-item-even header a,
.news-item-odd header .site-footer footer section a,
.site-footer footer section .news-item-odd header a,
.news-article article header h3,
.news-article article header .site-footer footer section a,
.site-footer footer section .news-article article header a {
    float: left;
    color: #fff;
    background-color: #e21a22;
    padding: 10px;
    font-weight: 400
}

.news-h6,
.news-item header h6,
.news-item-even header h6,
.news-item-odd header h6,
.news-article article h6 {
    font-weight: 500;
    margin-top: 50px
}

.news {
    background: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_bkgnd_full.486d26.gif) no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 739px;
    padding-top: 35px
}

.news:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.news section h1 {
    margin-bottom: 35px
}

.news section .pagination {
    margin: 40px 0
}

.news section .pagination ul {
    text-align: center
}

.news section .pagination ul li {
    display: inline;
    list-style: none
}

.news section .pagination ul li {
    padding: 0 3px
}

.news section .pagination ul li a {
    text-decoration: none;
    color: #b4b8be
}

.news section .pagination ul li.current a {
    color: #e21a22
}

.news section .pagination ul li.back a {
    display: inline-block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 10px;
    height: 9px;
    background-position: 0 -80px;
    margin-right: 15px;
    margin-bottom: 1.5px
}

.news section .pagination ul li.back a:hover {
    background-position: 0 -89px
}

.news section .pagination ul li.forward a {
    display: inline-block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 10px;
    height: 9px;
    background-position: -10px -80px;
    margin-left: 15px;
    margin-bottom: 1.5px
}

.news section .pagination ul li.forward a:hover {
    background-position: -10px -89px
}

.news-article {
    background: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_bkgnd_full.486d26.gif) no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 739px;
    padding-top: 40px;
    padding-bottom: 200px
}

.news-article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.news-article article {
    width: 640px
}

.news-article article header:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.news-article article header h3,
.news-article article header .site-footer footer section a,
.site-footer footer section .news-article article header a {
    margin-bottom: 20px
}

.news-article article header .icon {
    display: block;
    background: #f8f9fa;
    width: 40px;
    height: 40px;
    float: right
}

.news-article article header .icon:after {
    margin: 10px 15px 11px 15px;
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 10px;
    height: 19px;
    background-position: -32px -32px
}

.news-article article h6 {
    margin-top: 15px
}

.product-detail {
    background: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_bkgnd_full.486d26.gif) no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0
}

.product-detail:after {
    content: ".";
    visibility: hidden;
    display: block;

    height: 0
}

.product-detail article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.product-detail article .breadcrumbs {
    border: 2px solid #f8f9fa;
    padding: 5px 15px;
    margin: 0 0 40px 0
}

.product-detail article .breadcrumbs li {
    display: inline;
    list-style: none
}

.product-detail article .breadcrumbs:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.product-detail article .breadcrumbs li {
    padding: 0
}

.product-detail article .breadcrumbs li a {
    text-decoration: none;
    font-size: 13px
}

.product-detail aside {
    width: 220px;
    float: left;
    color: #2f363f;
    min-height: 1100px
}

.product-detail aside:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.product-detail aside ul {
    padding: 0
}

.product-detail aside ul li {
    list-style: none;
    border-bottom: 1px solid #e9ecef;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px
}

.product-detail aside ul li:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.product-detail aside ul li .accordion-head {
    display: block;
    text-decoration: none;
    padding: 10px 0;
    color: #2f363f
}

.product-detail aside ul li .accordion-head:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.product-detail aside ul li .accordion-head:before {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 10px;
    height: 5px;
    background-position: -22px -33px;
    float: left;
    margin-top: 6px;
    margin-right: 10px
}

.product-detail aside ul li .open:before {
    width: 10px;
    height: 5px;
    background-position: -22px -38px
}

.product-detail aside ul li ul {
    padding-left: 20px
}

.product-detail aside ul li ul li {
    list-style: none;
    border-bottom: 0;
    padding: 5px 0 0 0;
    font-weight: 400
}

.product-detail aside ul li ul li:before {
    content: "-"
}

.product-detail aside ul li ul li a {
    text-decoration: none;
    color: #2f363f
}

.product-detail aside ul li ul li a:before {
    display: none
}

.product-detail aside ul li .accordion-content {
    padding-bottom: 10px
}

.tech-spec {
    margin-top: 30px;
    margin-bottom: 35px;
    width: 700px
}

.tech-spec td {
    border: 1px solid #EBEDEC;
    padding: 15px
}

.tech-spec td.name {
    width: 220px;
    font-size: 13px;
    font-weight: 700
}

.tech-spec td.desc {
    width: 480px;
    font-size: 13px
}

.product {
    width: 700px;
    margin-left: 20px;
    float: right
}

.product:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.product header:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.product h3,
.product .site-footer footer section a,
.site-footer footer section .product a {
    padding: 20px;
    border-left: 5px solid #e21a22
}

.product h5 {
    position: relative;
    font-family: "Roboto";
    color: #fff;
    background: #2f363f;
    float: left;
    padding: 10px 25px;
    font-weight: 400;
    z-index: 1
}

.product .product-slider-wrapper {
    display: block
}

.product .mid-product {
    width: 700px;
    min-height: 130px
}

.product .mid-product:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.carousel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 380px;
    height: 131px;
    margin-right: 20px;
    border: 2px solid #EBEDEC;
    float: left;
    padding: 15px
}

.carousel h6 {
    font-size: 15px
}

.info {
    width: 700px;
    display: block;
    min-height: 43px;
    margin-top: 20px
}

.info nav {
    background-color: #f8f9fa
}

.info nav ul {
    padding: 0;
    margin: 0
}

.info nav ul li {
    display: inline;
    list-style: none
}

.info nav ul:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.info nav ul li {
    float: left
}

.info nav ul li a {
    color: #8C959C;
    display: block;
    text-decoration: none;
    font-weight: 400;
    padding: 10px 15px;
    font-size: 17px;
    font-family: "Roboto Slab";
    border-right: 1px solid #e9ecef
}

.info nav ul li .current {
    background: #2f363f;
    color: #fff
}

.overview {
    margin-top: 30px
}

.design {
    margin-top: 30px
}

.resources {
    margin-top: 30px
}

.downloads {
    background: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_bkgnd_full.486d26.gif) no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0
}

.downloads article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.download-resources,
.resources {
    display: block;
    width: 700px;
    float: right
}

.download-resources:after,
.resources:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.download-resources h3,
.resources h3,
.download-resources .site-footer footer section a,
.site-footer footer section .download-resources a,
.resources .site-footer footer section a,
.site-footer footer section .resources a {
    padding: 20px;
    border-left: 5px solid #e21a22
}

.download-resources section,
.resources section {
    display: block;
    width: 220px;
    margin: 20px 20px 0 0;
    float: left
}

.download-resources section:after,
.resources section:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.download-resources section.last,
.resources section.last {
    margin-right: 0
}

.download-resources section .icon,
.resources section .icon {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 30px;
    height: 40px;
    background-position: -38px -51px;
    margin-right: 10px;
    float: left
}

.download-resources section a,
.resources section a {
    display: block;
    color: #2f363f;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    width: 180px;
    float: right
}

.download-resources section .size,
.resources section .size {
    display: block;
    width: 180px;
    float: right;
    font-size: 10px;
    font-weight: 300
}

.downloads aside {
    width: 220px;
    float: left;
    color: #2f363f;
    min-height: 300px
}

.downloads aside:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.downloads aside ul {
    padding: 0
}

.downloads aside ul li {
    list-style: none;
    border-bottom: 1px solid #e9ecef;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px
}

.downloads aside ul li:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.downloads aside ul li .accordion-head {
    display: block;
    text-decoration: none;
    padding: 10px 0;
    color: #2f363f
}

.downloads aside ul li .accordion-head:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.downloads aside ul li .accordion-head:before {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 10px;
    height: 5px;
    background-position: -22px -33px;
    float: left;
    margin-top: 6px;
    margin-right: 10px
}

.downloads aside ul li .open:before {
    width: 10px;
    height: 5px;
    background-position: -22px -38px
}

.downloads aside ul li ul {
    padding-left: 20px
}

.downloads aside ul li ul li {
    list-style: none;
    border-bottom: 0;
    padding: 5px 0 0 0;
    font-weight: 400
}

.downloads aside ul li ul li:before {
    content: "-"
}

.downloads aside ul li ul li a {
    text-decoration: none;
    color: #2f363f
}

.downloads aside ul li ul li a:before {
    display: none
}

.downloads aside ul li .accordion-content {
    padding-bottom: 10px
}

.downloads article .breadcrumbs {
    border: 2px solid #f8f9fa;
    padding: 5px 15px;
    margin: 0 0 40px 0
}

.downloads article .breadcrumbs li {
    display: inline;
    list-style: none
}

.downloads article .breadcrumbs:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.downloads article .breadcrumbs li {
    padding: 0
}

.downloads article .breadcrumbs li a {
    text-decoration: none;
    font-size: 13px
}

.contact {
    background: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_bkgnd_full.486d26.gif) no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 40px
}

.contact:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.contact article {
    padding-bottom: 140px;
    padding-top: 50px
}

.contact article:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.contact article h1 {
    padding-bottom: 45px
}

.contact article section header {
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #e9ecef
}

.contact article .address {
    width: 300px;
    margin-right: 20px;
    float: left
}

.contact article .address p,
.contact article .address li,
.contact article .address nav.primary ul li .products-dd li ul li a,
nav.primary ul li .products-dd li ul li .contact article .address a,
.contact .eco-about article .address section ul,
.eco-about .contact article .address section ul,
.contact .eco-about article section .address ul,
.eco-about .contact article section .address ul,
.contact .product-detail article .address .breadcrumbs,
.product-detail .contact article .address .breadcrumbs,
.contact .product-detail article .address .breadcrumbs li a,
.product-detail .contact article .address .breadcrumbs li a,
.contact .product-detail article .breadcrumbs li .address a,
.product-detail .contact article .breadcrumbs li .address a,
.contact .downloads article .address .breadcrumbs,
.downloads .contact article .address .breadcrumbs,
.contact .downloads article .address .breadcrumbs li a,
.downloads .contact article .address .breadcrumbs li a,
.contact .downloads article .breadcrumbs li .address a,
.downloads .contact article .breadcrumbs li .address a {
    line-height: 20px
}

.contact article .form {
    width: 620px;
    float: right
}

.contact article .form:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.contact article .form form {
    padding-top: 20px
}

.contact article .form form .form-left {
    display: block;
    width: 300px;
    float: left;
    margin-right: 20px
}

.contact article .form form .form-right {
    display: block;
    width: 290px;
    float: right
}

.contact article .form form .form-right:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.contact article .form form .required {
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    background-color: #e21a22
}

.contact article .form form .required:after {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 8px;
    height: 9px;
    background-position: -20px -80px;
    margin: 3px
}

.contact article .form form label {
    background-color: #2f363f;
    color: #ebecec;
    padding: 5px 10px;
    font-size: 13px;
    float: left
}

.contact article .form form input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    background-color: #f8f9fa;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    height: 40px
}

.contact article .form form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    height: 190px;
    border: 0;
    background-color: #f8f9fa;
    margin-bottom: 10px
}

.contact article .form form .button-one {
    margin-top: 10px;
    float: right;
    font-size: 15px;
    padding: 10px 25px 7px 25px;
    border: 0 solid #921318;
    border-bottom: 3px solid #921318
}

.contact .error {
    margin-top: -3px;
    display: block;
    color: #e21a22;
    text-align: right;
    width: 100%;
    font-size: 13px
}

.map {
    background-color: #ebecec;
    background-position: center;
    height: 410px
}

.success {
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2f363f;
    display: block;
    width: 290px;
    height: 70px;
    padding: 10px
}

.success:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.success .icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    float: left;
    border: 3px solid #414953
}

.success .icon:before {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 26px;
    height: 20px;
    background-position: -20px -91px;
    float: left;
    margin: 12px 9px
}

.success h3,
.success .site-footer footer section a,
.site-footer footer section .success a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #f8f9fa;
    border-top: 3px solid #414953;
    border-right: 3px solid #414953;
    border-bottom: 3px solid #414953;
    width: 220px;
    height: 50px;
    float: left;
    text-align: center;
    padding-top: 8px;
    text-transform: uppercase;
    font-weight: 400
}

.fail {
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e21a22;
    display: block;
    width: 290px;
    height: 70px;
    padding: 10px
}

.fail:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.fail .icon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    float: left;
    border: 3px solid #bf191f
}

.fail .icon:before {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 20px;
    height: 20px;
    background-position: -46px -91px;
    float: left;
    margin: 12px
}

.fail h3,
.fail .site-footer footer section a,
.site-footer footer section .fail a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #f8f9fa;
    border-top: 3px solid #bf191f;
    border-right: 3px solid #bf191f;
    border-bottom: 3px solid #bf191f;
    width: 220px;
    height: 50px;
    float: left;
    text-align: center;
    padding-top: 8px;
    text-transform: uppercase;
    font-weight: 400
}

body {
    background-color: #fff;
    font-family: "Roboto"
}

img {
    vertical-align: middle
}

.theme-default .nivoSlider {
    position: relative;
    background: #fff url(http://dm1xqp7lsdofm.cloudfront.net/img/slider/themes/default/loading.dd6b7b.gif) no-repeat 50% 50%;
    margin-bottom: 10px
}

.theme-default .nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none
}

.theme-default .nivoSlider a {
    border: 0;
    display: block
}

.theme-default .nivo-controlNav {
    text-align: center;
    padding: 10px 0
}

.theme-default .nivo-controlNav a {
    background-image: ;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 10px;
    height: 10px;
    background-position: -22px -4px;
    display: inline-block;
    text-indent: -9999px;
    border: 0;
    margin: 0 2px
}

.theme-default .nivo-controlNav a.active {
    background-position: -32px -4px
}

.theme-default .nivo-directionNav a {
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 11px;
    height: 21px;
    display: block;
    text-indent: -9999px;
    border: 0;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out
}

.theme-default .nivo-directionNav a.nivo-nextNav {
    background-position: -11px 0
}

.theme-default .nivo-directionNav a.nivo-nextNav:hover {
    background-position: -11px -21px
}

.theme-default .nivo-directionNav a.nivo-prevNav {
    background-position: 0 0
}

.theme-default .nivo-directionNav a.nivo-prevNav:hover {
    background-position: 0 -21px
}

.theme-default:hover .nivo-directionNav a {
    opacity: 1
}

.theme-default a.nivo-nextNav {
    right: 15px
}

.theme-default a.nivo-prevNav {
    left: 15px
}

.theme-default .nivo-caption {
    max-width: 600px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 330px;
    padding: 75px 50px 0 50px
}

.theme-default .nivo-caption header {
    width: 100%
}

.theme-default .nivo-caption h1 {
    display: inline-block;
    text-align: left;
    font-weight: 400;
    color: #143f91;
    background: #f8f9fa;
    margin-bottom: 40px;
    padding: 5px 20px;
    font-size: 28px
}

.theme-default .nivo-caption .button-one {
    display: inline-block;
    border-bottom: 3px solid #921318;
    padding-left: 20px;
    padding-right: 20px
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
    width: 100%
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
    width: auto;
    height: auto;
    background: none;
    margin-bottom: 5px
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    width: 120px;
    height: auto
}

.theme-products {
    position: relative
}

.theme-products .enquiries {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 340px;
    height: 130px;
    display: block;
    background-color: #e21a22
}

.theme-products .enquiries h4 {
    color: #fff;
    background: #2f363f;
    padding: 10px 15px
}

.theme-products .enquiries section {
    padding: 10px 15px
}

.theme-products .enquiries a {
    font-size: 21px;
    font-weight: 400;
    font-family: "Roboto Slab";
    color: #f8f9fa;
    text-decoration: none;
    margin-left: 5px
}

.theme-products .enquiries .telephone {
    display: block
}

.theme-products .enquiries .telephone:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.theme-products .enquiries .telephone:before {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 18px;
    height: 18px;
    background-position: -22px -14px;
    margin: 6px;
    float: left
}

.theme-products .enquiries .email {
    display: block
}

.theme-products .enquiries .email:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0
}

.theme-products .enquiries .email:before {
    content: "";
    display: block;
    background-image: url(http://dm1xqp7lsdofm.cloudfront.net/img/vfcr_sprite.c47fb4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 20px;
    height: 13px;
    background-position: -40px -14px;
    margin: 9px 5.5px;
    float: left
}

.nivoSlider {
    background: #fff url(http://dm1xqp7lsdofm.cloudfront.net/img/slider/themes/default/loading.dd6b7b.gif) no-repeat 50% 50%;
    margin-bottom: 10px
}

.nivoSlider img {
    display: none
}

.theme-products .nivoSlider a {
    border: 0;
    display: block
}

.theme-products h6 {
    position: absolute;
    top: 425px;
    font-size: 15px
}

.theme-products .nivo-controlNav {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-top: 45px;
    padding: 0;
    width: 360px;
    height: 130px;
    text-align: left
}

.theme-products .nivo-controlNav a {
    display: inline-block;
    border: 2px solid #f8f9fa;
    margin: 0 18px 26px 0
}

.theme-products .nivo-controlNav a.active {
    border: 2px solid #e21a22;
}

.theme-products .nivo-caption {
    position: absolute;
    height: 60px;
    background: transparent;
    top: 0;
    padding: 0
}

.tech-spec1 td {
    border: 1px solid #EBEDEC;
    padding: 15px;
}

.tech-spec1 {
    margin-top: 30px;
    margin-bottom: 35px;
    width: 700px;
}

.even,
.news-item-even,
.tech-spec1 tr.techspec-odd {
    background-color: #fff;
}

.even,
.news-item-even,
.tech-spec1 tr.techspec-odd {
    background-color: #fff;
}

.tech-spec1 td {
    border: 1px solid #EBEDEC;
    padding: 15px;
}

.tech-spec1 td.desc {
    width: 480px;
    font-size: 13px;
}

.tech-spec1 td.name {
    width: 220px;
    font-size: 13px;
    font-weight: 700;
}

.odd,
.news-item-odd,
.tech-spec1 tr.techspec-even {
    background-color: #f8f9fa;
}

.tech-spec1 td.name1 {
    width: 220px;
    font-size: 13px;
    font-weight: 700;
}

.resources1 {
    margin-top: 30px;
    margin-bottom: 35px;
    width: 700px;
}

.left {
    float: left;
    width: 35%;
}

.right {
    width: 60%;
    float: right;
}

.add h2 {
    text-align: left;
    color: #F00;
    border-bottom: 2px solid #F00;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 0.9px;
    padding-bottom: 15px;
}

.add li {
    list-style: none;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
    line-height: 20px;
    margin-top: 5px;
}

.left-1 {
    width: 100%;
    margin-top: 40px;
}

div#feedback {
    text-align: center;
    width: 630px;
}

div#feedback {
    text-align: center;
    width: 630px;
}

.head h3,
label {
    text-align: center;
    color: #FFF;
    width: 102%;
    margin: 0;
    letter-spacing: 0.9px;
    font-weight: normal;
    font-size: 24px;
    padding: 8px 0px;
    margin-bottom: 10px;
    background: #336699;
}

input {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    height: 30px;
    border: 1px solid #CCC;
}

#send {
    width: 30%;
    height: 50px;
    margin-top: 10px;
    background-color: #333399;
    color: #fff;
    letter-spacing: 0.9px;
    font-size: 24px;
    transition: all 0.5s;
}

textarea {
    width: 100%;
    height: 120px;
    margin-top: 5px;
    padding: 5px;
}

nav.primary ul li .products-dd {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none !important;
    width: 940px;
    background: #414953;
    padding: 25px 20px;
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: url(../images/bg.jpg) left top repeat-x;
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}
.shadow {
    background: url(../uploads/images/shaddow.png) center top repeat-y;
}
.productheader {
    background:url(../uploads/images/product_header.jpg) left top no-repeat;
    width: 247px;
    height: 62px;
}
.whitetitle {
    font-family: Georgia;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
}
element.style {
    padding: 10px 0 0 10px;
}
element.style {
    background-repeat: no-repeat;
    padding: 6px 0 0 12px;
}
td[Attributes Style] {
    height: 150px;
    text-align: -webkit-left;
    vertical-align: top;
    background-image: url("images/Chemical_bg.png");
}
user agent stylesheet
td, th {
    display: table-cell;
    vertical-align: inherit;
}
Inherited from table
user agent stylesheet
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(../images/bg.jpg) left top repeat-x;
	font-family: Tahoma;
	font-size: 12px;
	/* [disabled]color: #000000; */
	text-decoration: none;
	font-weight: normal;
}
.leftlinkmenu:hover {
    padding-left: 45px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 28px;
    cursor: pointer;
    background-position: 0 -28px;
}
.leftlinkmenu {
    background:url(../uploads/images/bg.jpg) left top no-repeat;
    padding-left: 45px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    line-height: 28px;
    height: 28px;
    width: 238px;
    cursor: pointer;
}

.redtitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 25px;
    color: #bc351f;
    text-decoration: none;
    font-weight: bold;
}
	.image{
		display:inline-block;
	}
	.gearimage{
		float:left;
	}
	.gearimage1{
		float:left;
	}
.prod1{
	width:100%;
	padding:30px 30px 20px 100px;
	display:inline-block;
}

.products21{
	width:50%;
	padding:30px 30px 20px 30px;
	float:left;
	display:inline-block;
}
.products33{
	width:20%;
	padding:30px 30px 20px 174px;
	float:left;
	text-decoration:none;
}
.products33 ul{
	text-decoration:none;
}
.part2{
	float:left;
	padding:0px 0px 0px 102px;
	width:25%;
}
.part1{
	float:left;
	width:25%;
	margin:10px 20px 0px 0px;
}
 .automation1{
	 width:100%;
	padding:23px 0px 0px 30px;
	display:inline-block;
 }
 .automation{
	 width:20%;
	padding:10px 30px 20px 174px;
	float:left;
	text-decoration:none;
 }
 .images_1{
	 float:left;
	 width:50%;
	 padding:0px 0px 0px 0px;
 }
 #menu, #menu ul {
	list-style:none;
	padding:0;
	margin:0;
}
#menu li {
	float:left;
	position:relative;
	line-height: 4.5em;
	width: 10em;
}
.0501{
	display:inline-block;
	width:100px;
}
.0502{
	float:left;
	padding:0px 0px 0px 0px;
}
.0503{
	float:left;
	padding:0px 0px 0px 0px;
}
.aodd3{
	display:inline-block;
	width:100%;
	    padding-bottom: 42px;
}
.aodd31{
	float:left;
	width:50%;
	padding:12px 0px 0px 0px;
}
.aodd32{
	float:left;
	width:50%;
	padding:0px 0px 0px 0px;
}
.aodd35{
	float:left;
	width:50%;
	padding:0px 0px 0px 0px;
}
.aodd36{
	float:left;
	width:50%;
	padding:0px 0px 0px 0px;
}
.aodd37{
	float:left;
	width:50%;
	padding:0px 0px 0px 0px;
}
.aodd38{
	float:left;
	width:50%;
	padding:0px 0px 0px 0px;
}

/*-- Contact Open --*/
.con{
	height:auto;
	width:270px;
	float:right;
	margin:10px 0px 0px 0px;
	}
.con1{
	height:auto;
	width:100%;
	float:left;
	margin:5px 0px 0px 0px;
	}
.con1 img{
	height:30px;
	width:30px;
	float:left;
	margin:0px 0px 0px 0px;
	}
.con1 p{
	font-weight: 400;
    font-size: 17px;
    font-family: "Roboto Slab";
    color: #ff0000;
    margin: 1px 0px 0px 36px;
	}

/*-- Contact Close --*/

/*-- Footer Slider Open --*/
.fslider-box{
background: #b7b7b7;
    display: block;}

.fslider {
    height: auto;
    width: 960px;
    padding: 10px 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.fslider img{
	margin:10px 10px 10px 10px;
	}

.copywrite{
	height:auto;
	width:100%;
	float:left;
	background:#1e252e;
	}
/*-- Footer Slider Close --*/
.aditya{
	margin:5px 0px 20px 0px;
	height:auto;
	width:100%;
	float:left;
	}
	
.aditya1{
	margin:5px 0px 5px 0px; 
	height:auto;
	width:50%;
	float:left;
	}
.aditya1 img{
	height:180px;
	width:250px;
	float:left;
	margin:0px 0px 0px 41px;
	}
.aditya1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:100%;
	float:left;
	text-align:center;
	color:#000;
	margin:5px;
	line-height:18px;
	}
.aabout{
	background:#FFF;
	height:auto;
	width:100%;
	float:left;
	margin:5px 0px 5px 0px;
	}
.aabout img{
	margin:20px;
	height:180px;
	width:180px;
	float:left;
	}
.aabout h2{
	text-align: center;
    font-size: 20px;
    margin: 70px 0px 10px 0px;
    float: left;
	width:76%;
	}
.aabout p{
	text-align: center;
    font-size: 14px;
    margin: 0px 0px 10px 0px;
    float: left;
	width:76%;
	}
	
	
.asdf{
	height:auto;
	width:100%;
	float:left;
	margin-top:10px;
	}
.asdf h1{
	font-family: "Roboto Condensed";
	font-weight: 700;
    margin: 10px 0px 10px 0px;
    color: #2f363f;
	font-size:22px;
	text-align:left;
	}
/*------ Table Open  -------*/
.tblhead{
	height:auto;
	width:77%;
	float:right;
	background:#e21a22;
	margin:-250px 0px 10px 0px;
	}
.tblhead1{
	height:auto;
	width:100%;
	float:right;
	background:#e21a22;
	margin:0px 0px 10px 0px;
	}
.tblhead p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	float:left;
	margin:10px;
	line-height:15px;
	}
.tblhead1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	float:left;
	margin:10px;
	line-height:15px;
	}
.tbl{
	height:auto;
	width:77%;
	float:right;
	background:;
	margin:-200px 0px 10px 0px;
	}
.text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    color: #000;
    text-decoration: none;
	line-height:25px;
	}
.text_1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    color: #FFF;
    text-decoration: none;
	line-height:25px;
	}
.image2{
	float:left;}

/*------ Table Open  -------*/
.footer-box{width: 232px;float: left;color: #fff;padding: 10px 0px 0 0px;}
.footer-box h1{
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ffffff;
    font-size: 22px;
    color: #fff;
    width: 95%;
    text-align: left;
    }
.footer-box p{
    font-family: "Roboto";
    font-weight: 300;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    }
.footer-box a{
    display: block;
    font-family: "Roboto";
    font-weight: 300;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    }
.footer-box a:hover{
    cursor: pointer;
    color: #9c9292;
}
.overview .box{width: 30%;float: left;margin: 15px 0;padding: 10px;}
.overview .box h1{font-size: 14px;line-height: 2em;background-color: #f3f3f3;}
.overview .box img{width: 99%;border: 1px solid #f3f3f3;max-height: 145px;}
.overview .box p{font-size: 12px;padding: 4px 7px;background-color: #f3f3f3;line-height: 1.8em;margin: 0;}
.overview .box a{display: block;background-color: #dcdada;text-align: center;font-size: 15px;line-height: 2em;color: #191d22;}
.overview .box a:hover{color: #000; font-weight: bold;}
.overview img {float: left;margin-right: 13px;}