/*!
 * Bootstrap v1.1.1
 *
 * Copyright 2011 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 * Date: @DATE
 */
/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*Issuuwrapper*/
.issuu_wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.issuu_wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
a.view-catalog{
	letter-spacing:0.5px;
	margin-bottom:15px !important;
}
span.issuu_catalog_link{
	text-align:center;
	
}
.columnfixed {
    position: fixed;
    height: 100%;
    top: 0px;
    width: 89%;
    z-index:-10;
    box-sizing:border-box;
}
div#content div.column.dealers {
    width: 100%;
    max-width: 400px;
}
#map-canvas {
	height: 100vh;
}
#iw_container .iw_title {
	font-size: 16px;
	font-weight: bold;
}
.iw_content {
	padding: 15px 15px 15px 0;
}
/*div.left,div.right{
	display:block;
	float:left;
	width:50%;
}
ul#dealers li{
	display:inline-block;
	clear:both;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
html, body {
  margin: 0;
  padding: 0;
}*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button, input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Preboot.less
 * Variables and mixins to pre-ignite any new web development project
 * ------------------------------------------------------------------ */
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin: 0 auto;
}
.container {
  width: 940px;
  margin: 0 auto;
  zoom: 1;
  display: inline-block;
}
.container:before, .container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}
.btn.danger,
.alert-message.danger,
.btn.danger:hover,
.alert-message.danger:hover,
.btn.error,
.alert-message.error,
.btn.error:hover,
.alert-message.error:hover,
.btn.success,
.alert-message.success,
.btn.success:hover,
.alert-message.success:hover,
.btn.info,
.alert-message.info,
.btn.info:hover,
.alert-message.info:hover {
  color: #ffffff;
}
.btn.danger,
.alert-message.danger,
.btn.error,
.alert-message.error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.success, .alert-message.success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.info, .alert-message.info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/*
 * Scaffolding
 * Basic and global styles for generating a grid system, structural layout, and page templates
 * ------------------------------------------------------------------------------------------- */
.row {
  zoom: 1;
  display: inline-block;
  margin-left: -20px;
}
.row:before, .row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
.row .span1,
.row .span2,
.row .span3,
.row .span4,
.row .span5,
.row .span6,
.row .span7,
.row .span8,
.row .span9,
.row .span10,
.row .span11,
.row .span12,
.row .span13,
.row .span14,
.row .span15,
.row .span16 {
  display: inline;
  float: left;
  margin-left: 20px;
}
.row .span1 {
  width: 40px;
}
.row .span2 {
  width: 100px;
}
.row .span3 {
  width: 160px;
}
.row .span4 {
  width: 220px;
}
.row .span5 {
  width: 280px;
}
.row .span6 {
  width: 340px;
}
.row .span7 {
  width: 400px;
}
.row .span8 {
  width: 460px;
}
.row .span9 {
  width: 520px;
}
.row .span10 {
  width: 580px;
}
.row .span11 {
  width: 640px;
}
.row .span12 {
  width: 700px;
}
.row .span13 {
  width: 760px;
}
.row .span14 {
  width: 820px;
}
.row .span15 {
  width: 880px;
}
.row .span16 {
  width: 940px;
}
.row .offset1 {
  margin-left: 80px;
}
.row .offset2 {
  margin-left: 140px;
}
.row .offset3 {
  margin-left: 200px;
}
.row .offset4 {
  margin-left: 260px;
}
.row .offset5 {
  margin-left: 320px;
}
.row .offset6 {
  margin-left: 380px;
}
.row .offset7 {
  margin-left: 440px;
}
.row .offset8 {
  margin-left: 500px;
}
.row .offset9 {
  margin-left: 500px;
}
.row .offset10 {
  margin-left: 620px;
}
.row .offset11 {
  margin-left: 680px;
}
.row .offset12 {
  margin-left: 740px;
}
html, body {
  background-color: #fff;
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #7e7a73;
  text-rendering: optimizeLegibility;
}
.container {
  width: 940px;
  margin: 0 auto;
}
.container-fluid {
  padding: 0 20px;
  zoom: 1;
  display: inline-block;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
}
.container-fluid:after {
  clear: both;
}
.container-fluid .sidebar {
  float: left;
  width: 220px;
}
.container-fluid .content {
  min-width: 700px;
  max-width: 1180px;
  margin-left: 240px;
}
a {
  color: #0069d6;
  text-decoration: none;
  line-height: inherit;
  font-weight: inherit;
}
a:hover {
  color: #0050a3;
  text-decoration: underline;
}
.btn {
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -moz-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  padding: 4px 14px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) 0 1px #000000;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) 0 1px #000000;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) 0 1px #000000;
}
.btn:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}
.primary {
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #004b9a;
  border-bottom-color: #003f81;
}
.primary:hover {
  color: #fff;
}
.btn {
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
.btn.primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.primary:hover {
  color: #fff;
}
.btn.large {
  font-size: 16px;
  line-height: 28px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn.small {
  padding-right: 9px;
  padding-left: 9px;
  font-size: 11px;
}
.btn.disabled {
  background-image: none;
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000000;
  -moz-box-shadow: none 0 1px #000000;
  -webkit-box-shadow: none 0 1px #000000;
}
.btn:disabled {
  background-image: none;
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000000;
  -moz-box-shadow: none 0 1px #000000;
  -webkit-box-shadow: none 0 1px #000000;
}
.btn:disabled.primary {
  color: #fff;
}
.btn:active {
  -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) 0 1px #000000;
  -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) 0 1px #000000;
  -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) 0 1px #000000;
}
button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* Typography.less
 * Headings, body text, lists, code, and more for a versatile and durable typography system
 * ---------------------------------------------------------------------------------------- */
p {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 9px;
}
p small {
  font-size: 11px;
  color: #bfbfbf;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: #404040;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #bfbfbf;
}
h1 {
  margin-bottom: 18px;
  font-size: 30px;
  line-height: 36px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
  line-height: 36px;
}
h2 small {
  font-size: 14px;
}
h3,
h4,
h5,
h6 {
  line-height: 36px;
}
h3 {
  font-size: 18px;
}
h3 small {
  font-size: 14px;
}
h4 {
  font-size: 16px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 13px;
  color: #bfbfbf;
  text-transform: uppercase;
}
ul, ol {
  margin: 0 0 18px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: 18px;
  color: #7e7a73;
}
ul.unstyled {
  list-style: none;
  margin-left: 0;
}
dl {
  margin-bottom: 18px;
}
dl dt, dl dd {
  line-height: 18px;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 9px;
}
hr {
  margin: 0 0 19px;
  border: 0;
  border-bottom: 1px solid #eee;
}
strong {
  font-style: inherit;
  font-weight: bold;
  line-height: inherit;
}
em {
  font-style: italic;
  font-weight: inherit;
  line-height: inherit;
}
.muted {
  color: #bfbfbf;
}
blockquote {
  margin-bottom: 18px;
  border-left: 5px solid #eee;
  padding-left: 15px;
}
blockquote p {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin-bottom: 0;
}
blockquote small {
  display: block;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color: #bfbfbf;
}
blockquote small:before {
  content: '\2014 \00A0';
}
address {
  display: block;
  line-height: 18px;
  margin-bottom: 18px;
}
code, pre {
  padding: 0 3px 2px;
  font-family: Monaco, Andale Mono, Courier New, monospace;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  background-color: #fee9cc;
  color: rgba(0, 0, 0, 0.75);
  padding: 1px 3px;
}
pre {
  background-color: #f5f5f5;
  display: block;
  padding: 17px;
  margin: 0 0 18px;
  line-height: 18px;
  font-size: 12px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/* --------------------------------------------------------- */
/* @FONT-FACE
/* --------------------------------------------------------- */
@font-face {
  font-family: 'CaptureitRegular';
  src: url('../fonts/capture_it-webfont.eot');
  src: url('../fonts/capture_it-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/capture_it-webfont.woff') format('woff'), url('../fonts/capture_it-webfont.ttf') format('truetype'), url('../fonts/capture_it-webfont.svg#CaptureitRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* --------------------------------------------------------- */
/* STICKY FOOTER STUFF
/* --------------------------------------------------------- */
html, body, #wrapper {
  background-color: transparent;
}
body > #wrapper {
  height: auto;
  min-height: 100%;
}
body {
  font-size: 100%;
  /* 16px */

  font-family: Helvetica, Arial, sans-serif;
}
h1, h2 {
  letter-spacing: 1px;
}
#wrapper {
  width: 100%;
  position: relative;
}
/* CLEAR FIX*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* --------------------------------------------------------- */
/* HEADER CONTENT
/* --------------------------------------------------------- */

#my_search_results label {width: auto;}
#my_search_results img {max-width:none !important;}

header {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 125px;
  background: url(../img/header-bg.gif) repeat-x;
  background: -moz-linear-gradient(top, #fbfbfb 0%, #cecece 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #cecece));
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #cecece 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #cecece 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #cecece 100%);
  background: linear-gradient(top, #fbfbfb 0%, #cecece 100%);
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
}
header div.header-content {
  width: 89%;
  /* 950px */

  margin: 0 auto;
}
header div.header-content a#logo {
  float: left;
  text-decoration: none;
  display: block;
  width: 240px;
  height: 125px;
  background: url(../img/velda-cable-techincs-logo.png) no-repeat;
  text-indent: -1000em;
}
header div.header-content nav#main-nav {
  float: right;
  width: 696px;
  height: 125px;
  background: url(../img/nav-line.png) no-repeat top left;
}
header div.header-content nav#main-nav ul {
  float: right;
  width: 100%;
  height: 125px;
  margin: 0;
  padding: 0;
  list-style: none;
}
header div.header-content nav#main-nav ul li {
  float: left;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 125px;
  list-style: none;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  background: url(../img/nav-line.png) no-repeat top right;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px #FFF;
}
header div.header-content nav#main-nav ul li.active a {
  text-decoration: none;
  color: #6c6d08;
}
header div.header-content nav#main-nav ul li:first-child {
  border-left: none;
}
header div.header-content nav#main-nav ul a {
  font-size: 0.685em;
  padding: 90px 15px 10px;
  display: block;
  color: #999;
  -webkit-transition: color 1s linear;
  -moz-transition: color 1s linear;
  transition: color 1s linear;
}
header div.header-content nav#main-nav ul a:hover {
  text-decoration: none;
  color: #6c6d08;
  -webkit-transition: color .5s linear;
  -moz-transition: color .5s linear;
  transition: color .5s linear;
}
/* --------------------------------------------------------- */
/* CONTENT
/* --------------------------------------------------------- */
div#content {
  width: 89%;
  /* 950px */

  margin: 0 auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
div#content div.column {
  float: left;
  margin: 0 1% 0 0;
  /* 10px */

  width: 33.263157894736842105%;
  /* 316px */

  background: #000;
  background: rgba(0, 0, 0, 0.9);
  padding-bottom: 300px;
}
div#content div.column.middle {
  width: 50%;
  /* 510px */

}
div#content div.column.full {
  width:70%;
  /* 510px */
}
div#content div.column.dealers {
  width:60%;
  /* 510px */
}

div#content div.column.small {
  width:29%;
  /* 510px */
}

div#content div.column.full div.body {
  width: 96%;
  padding: 2%;
}

div#content div.column.no-margin {
  margin: 0;
}
div#content div.column.no-background {
  background: transparent;
}
div#content div.column.last {
  margin: 0;
}
div#content div.column img {
  max-width: 100%;
}
div#content div.column div.slideshow {
  width: 100%;
  position: relative;
}
div#content div.column div.slideshow img {
  position: absolute;
  max-width: 100%;
  top: 0;
  left: 0;
}
div#content div.column div.body {
  width: 86%;
  padding: 7%;
}
div#content div.column div.body.hidden {
  display: none;
}
div#content div.column div.body h1 {
  font-weight: normal !important;
  font: 1.5em/1em 'CaptureitRegular', Impact, sans-serif;
  text-transform: uppercase;
  color: #9faf00;
}
div#content div.column div.body h1.no-margin {
  margin: 0;
}
div#content div.column div.body h2 {
  font-weight: normal !important;
  font: 1.1em/1em 'CaptureitRegular', Impact, sans-serif;
  text-transform: uppercase;
  color: #9faf00;
  margin: 20px 0 10px 0;
}
div#content div.column div.body h1 + h2 {
  color: white;
  margin: 0 0 18px 0;
}
div#content div.column div.body h3 {
  font-weight: normal !important;
  font: 1em/1em 'CaptureitRegular', Impact, sans-serif;
  text-transform: uppercase;
  color: #7e7a73;
  margin: 20px 0 10px 0;
}
div#content div.column div.body a {
  color: #FFF;
}
div#content div.column div.body p {
  font-size: 0.75em;
  color: #FFF;
}
div#content div.column div.body img.inset {
  float: left;
  margin: 0 10px 0 0;
}
div#content div.column div.body img.inset.right {
  float: right;
  margin: 0 0 0 10px;
}
div#content div.column div.body img.inset#binnekabels-box {
  margin-top: -50px;
}
div#content div.column div.body strong {
  color: #9faf00;
}
div#content div.column div.body a.btn-arrow {
  float: right;
  display: block;
  margin: 10px 0 0 0;
  color: #777;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 16px 0 0;
  height: 14px;
  line-height: 14px;
  background: url(../img/btn-arrow.png) no-repeat top right;
  -webkit-transition: color 1s linear;
  -moz-transition: color 1s linear;
  transition: color 1s linear;
}
div#content div.column div.body a.btn-arrow:hover {
  text-decoration: none;
  color: #FFF;
  -webkit-transition: color .5s linear;
  -moz-transition: color .5s linear;
  transition: color .5s linear;
}
div#content div.column div.body div.event-flash {
  clear: both;
  width: 100%;
  color: #FFF;
  font-size: 0.8125em;
  margin: 0 -7%;
  padding: 4% 7%;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}
div#content div.column div.body div.event-flash date {
  float: left;
  width: 45px;
  line-height: 1em;
}
div#content div.column div.body div.event-flash date span {
  font-size: .8em;
  line-height: 1em;
}
div#content div.column div.body div.event-flash div {
  float: left;
}
div#content div.column div.body ul {
  list-style: none;
  color: #FFF;
  font-size: 0.75em;
  margin: 0 0 20px 0;
}
div#content div.column div.body ul li {
  color: #FFF;
  background: url(../img/btn-arrow.png) no-repeat 0 1px;
  padding: 0 0 0 18px;
  line-height: 18px;
}
div#velda-gold-pack {
  float: left;
  margin-top: 60px;
  margin-left: 60px;
  width: 395px;
  position: relative;
}
div#velda-gold-pack h1 {
  float: right;
  text-align: right;
  background: #9faf00;
  padding: 10px 15px;
  margin: 0;
  font: 1.8em/1em 'CaptureitRegular', Impact, sans-serif;
  text-transform: uppercase;
  color: #FFF;
  font-weight: normal;
}
div#velda-gold-pack h1 span {
  color: #000;
}
div#velda-gold-pack h2 {
  float: right;
  margin: 1px 0 0 0;
  text-align: right;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  padding: 10px;
  font: 1.6em/1em 'CaptureitRegular', Impact, sans-serif;
  text-transform: uppercase;
  color: #FFF;
  font-weight: normal;
}
div#velda-gold-pack h2 span {
  color: #9faf00;
  font-size: 1.1em;
}
div#velda-gold-pack img.gold-pack {
  position: absolute;
  top: 35px;
  right: 255px;
}
div#velda-gold-pack #social-media {
  position: absolute;
  bottom: -20px;
  right: 25px;
  line-height: 32px;
  height: 32px;
  font-weight: bold;
  color: #9faf00;
}
div#velda-gold-pack a.body {
  display: block;
  width: 290px;
  padding: 10px 10px 10px 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  float: right;
  margin: 1px 0 0 0;
}
div#velda-gold-pack a.body h3 {
  float: right;
  text-align: right;
  font: 1.8em/1em 'CaptureitRegular', Impact, sans-serif;
  text-transform: uppercase;
  color: #9faf00;
  font-weight: normal;
  margin: 0 0 5px 0;
}
div#velda-gold-pack a.body h3 span {
  font-size: 0.8em;
}
div#velda-gold-pack a.body p {
  float: right;
  text-align: right;
  margin: 0;
  padding: 0;
  clear: both;
  color: #FFF;
  font-size: 1.1em;
  line-height: 140%;
  -webkit-transition: background 1s linear;
  -moz-transition: background 1s linear;
  transition: background 1s linear;
}
div#velda-gold-pack a.body:hover {
  background: #9faf00;
  color: #FFF;
  text-decoration: none;
  -webkit-transition: background .5s linear;
  -moz-transition: background .5s linear;
  transition: background .5s linear;
}
div#velda-gold-pack a.body:hover h3 {
  color: #FFF;
}
/* --------------------------------------------------------- */
/* EVENTS
/* --------------------------------------------------------- */
div.event h1 {
  margin: 0 !important;
}
div.event h3 {
  color: #FFF !important;
  font-size: 0.8em !important;
  margin: 0 0 20px 0 !important;
  padding: 0;
  line-height: 1.1em;
}
div.event p.excerpt {
  color: #9faf00 !important;
  font-size: 0.9em !important;
  font-style: italic;
}
div.event ul.thumbnails {
  list-style: none;
  margin: 0 !important;
  padding: 0;
  width: 100%;
}
div.event ul.thumbnails li {
  float: left;
  list-style: none !important;
  margin: 0 10px 10px 0;
  padding: 0 !important;
  background: none !important;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  box-shadow: 0 0 5px #000000;
  -moz-box-shadow: 0 0 5px #000000;
  -webkit-box-shadow: 0 0 5px #000000;
}
div.event ul.thumbnails li a {
  display: block;
  opacity: .5;
  border: 3px solid #FFF;
}
div.event ul.thumbnails li a:hover {
  opacity: 1;
}
div.event ul.thumbnails li a img {
  display: block;
}
ul#events-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #555;
}
ul#events-list li {
  margin: 0;
  width: 100%;
  padding: 0;
  list-style: none;
  color: #FFF;
  font-size: 0.8125em;
  border-bottom: 1px solid #555;
}
ul#events-list li a {
  overflow: hidden;
  display: block;
  width: 90%;
  padding: 5%;
  color: #FFF;
}
ul#events-list li a:hover {
  background: #9faf00;
  color: #7e7a73;
  text-shadow: 0px 1px 1px #FFF;
}
ul#events-list li a:after {
  position: absolute;
  content: ' ';
  left: 100%;
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: #9faf00;
}
ul#events-list li date {
  float: left;
  width: 45px;
  line-height: 1em;
}
ul#events-list li date span {
  font-size: .8em;
  line-height: 1em;
}
ul#events-list li div {
  float: left;
}
ul#dealers {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #555;
}
ul#dealers li {
  margin: 0;
  width: 92%;
  padding: 4%;
  list-style: none;
  color: #FFF;
  font-size: 0.8125em;
  border-bottom: 1px solid #555;
}
ul#dealers li h4 {
  color: #9faf00;
}
ul#dealers li a {
  color: #9faf00;
}
/* --------------------------------------------------------- */
/* PRODUCTS
/* --------------------------------------------------------- */
ul#category-nav {
  float: right;
  margin: 50px 1px 0 0;
  padding: 0 0 300px 0;
  list-style: none;
}
ul#category-nav li {
  float: right;
  clear: both;
  margin: 0 0 1px 0;
  list-style: none;
}
ul#category-nav li a {
  display: block;
  font: 1em/1em 'CaptureitRegular', Impact, sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFF;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transition: background 1s linear;
  -moz-transition: background 1s linear;
  transition: background 1s linear;
  white-space: nowrap;
}
ul#category-nav li a:hover, ul#category-nav li a.current {
  background: #9faf00;
  text-decoration: none;
  -webkit-transition: background .1s linear;
  -moz-transition: background .1s linear;
  transition: background .1s linear;
}
a.view-catalog {
  display: block;
  float: left;
  margin: 20px 0 0 0;
  padding: 8px;
  background: #7e7a73;
  font: 1.2em/1em 'CaptureitRegular', Impact, sans-serif;
  color: #FFF;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
a.view-catalog:hover {
  background: #9faf00;
  text-decoration: none;
}
div.brake-pads {
  padding: 0 0 0 160px;
  margin: 40px 0 0 0;
}
div.brake-pads.lite {
  background: url(../img/brake-pads-lite.png) no-repeat;
}
div.brake-pads.all-round {
  background: url(../img/brake-pads-all-round.png) no-repeat;
}
div.brake-pads.pro {
  background: url(../img/brake-pads-pro.png) no-repeat;
}
div.brake-pads h3 {
  margin: 0 0 5px 0 !important;
  line-height: 1em;
}
div.rim-brakes {
  padding: 0 0 0 160px;
  margin: 40px 0 0 0;
  height: 100px;
}
div.rim-brakes.standard {
  background: url(../img/rim-pads-standard.png) no-repeat;
}
div.rim-brakes.carbon {
  background: url(../img/rim-pads-carbon.png) no-repeat;
}
div.rim-brakes.ceramic {
  background: url(../img/rim-pads-ceramic.png) no-repeat;
}
div.rim-brakes h3 {
  margin: 0 0 5px 0 !important;
  line-height: 1em;
}
/* --------------------------------------------------------- */
/* FORMS
/* --------------------------------------------------------- */
.hidden {
  display: none;
}
#form-wrapper {
  min-height: 1088px;
}
form.form-stacked {
  margin: 0;
  padding: 0;
  color: #FFF;
}
form.form-stacked fieldset {
  width: 100%;
  border-bottom: 1px solid #444;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
form.form-stacked fieldset legend {
  width: 100%;
  float: left;
  clear: both;
  font-weight: normal !important;
  font: 1.2em/1em 'CaptureitRegular', Impact, sans-serif;
  text-transform: uppercase;
  color: #FFF;
  margin: 0 0 10px 0;
}
form.form-stacked fieldset legend span {
  color: #9faf00;
}
form.form-stacked fieldset ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
form.form-stacked fieldset ul li {
  background: none !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
}
form.form-stacked fieldset ul li label {
  padding: 0 0 0 5px;
  cursor: pointer;
  color: #FFF;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
form.form-stacked fieldset div {
  width: 100%;
}
form.form-stacked fieldset div label {
  color: #FFF;
  font-size: 0.6em;
  font-weight: bold;
  text-transform: uppercase;
}
form.form-stacked fieldset div div.input {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 8px 0;
}
form.form-stacked fieldset div div.input input, form.form-stacked fieldset div div.input textarea {
  width: 95%;
  padding: 6px;
  display: block !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  opacity: 0.2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
form.form-stacked fieldset div div.input input:focus, form.form-stacked fieldset div div.input textarea:focus {
  opacity: 1;
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6) 0 1px #000000;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6) 0 1px #000000;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6) 0 1px #000000;
  color: #111;
}
form.form-stacked fieldset div div.input input.middle, form.form-stacked fieldset div div.input textarea.middle {
  float: left;
  width: 75%;
}
form.form-stacked fieldset div div.input input.mini, form.form-stacked fieldset div div.input textarea.mini {
  float: left;
  margin-left: 2%;
  width: 15%;
}
form.form-stacked fieldset div div.input input.mini.left, form.form-stacked fieldset div div.input textarea.mini.left {
  margin-left: 0;
  margin-right: 2%;
}
form.form-stacked fieldset table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.75em;
  line-height: 180%;
}
form.form-stacked fieldset table th {
  font-weight: bold;
  line-height: 140%;
  padding: 5px 0;
  vertical-align: top;
}
form.form-stacked fieldset table th:first-child {
  text-align: left;
}
form.form-stacked fieldset table td {
  width: 10%;
  padding: 5px 0;
  text-align: center;
  line-height: 140%;
  border-top: 1px solid #FFF;
}
form.form-stacked fieldset table td:first-child {
  width: 70%;
  text-align: left;
}
form.form-stacked div.actions {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
div.page p.excerpt {
  color: #9faf00 !important;
  font-size: 0.9em !important;
  font-style: italic;
  line-height: 150%;
}
div.page p.excerpt strong {
  color: #FFF !important;
}
div.page p.small {
  font-size: .5em !important;
  font-style: italic;
}
div.alert-message {
  padding: 5%;
  line-height: 140%;
  margin: 0 0 30px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/* --------------------------------------------------------- */
/* FOOTER CONTENT
/* --------------------------------------------------------- */
footer {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 125px;
  margin: -300px 0 0 0;
  padding: 175px 0 0 0;
  border: none;
  background: url(../img/bg-footer.png) no-repeat top right;
}
footer div.footer-content {
  width: 89%;
  position: relative;
  margin: 0 auto;
  font-size: 0.6875em;
  line-height: 140%;
  color: #393539;
}
footer div.footer-content img {
  float: left;
}
footer div.footer-content div.address {
  float: left;
  margin: 5px 0 0 20px;
}
footer div.footer-content div.address a {
  color: #393539;
}
footer div.footer-content div.addthis_toolbox {
  position: absolute;
  top: 0;
  right: 15px;
  width: 185px;
}
footer div.footer-content div.site-by {
  float: right;
  margin: 55px 20px 0 0;
  font-size: 10px;
  text-align: right;
}
footer div.footer-content div.site-by a {
  color: #393539;
}
dl {
  float: left;
  width: 100%;
  margin: 1em 0;
  font-size: 0.75em;
  padding: 0;
  color: #FFF;
}
dt {
  clear: left;
  float: left;
  width: 40%;
  margin: 0;
  padding: 5px;
  border-bottom: 1px solid #999;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
dd {
  float: left;
  width: 55%;
  margin: 0;
  padding: 5px;
  border-bottom: 1px solid #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}