@font-face {
	font-family: 'OpenSans';
	src: url('/fonts/opensans/opensans-bold.eot');
	src: url('/fonts/opensans/opensans-bold.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/opensans/opensans-bold.woff') format('woff'),
		 url('/fonts/opensans/opensans-bold.ttf') format('truetype'),
		 url('/fonts/opensans/opensans-bold.svg#OpenSans') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans';
	src: url('/fonts/opensans/opensans-medium.eot');
	src: url('/fonts/opensans/opensans-medium.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/opensans/opensans-medium.woff') format('woff'),
		 url('/fonts/opensans/opensans-medium.ttf') format('truetype'),
		 url('/fonts/opensans/opensans-medium.svg#OpenSans') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans';
	src: url('/fonts/opensans/opensans-regular.eot');
	src: url('/fonts/opensans/opensans-regular.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/opensans/opensans-regular.woff') format('woff'),
		 url('/fonts/opensans/opensans-regular.ttf') format('truetype'),
		 url('/fonts/opensans/opensans-regular.svg#OpenSans') format('svg');
	font-weight: 400;
	font-style: normal;
}

html { overflow-y: scroll; }

/** global styles **/

body { font: 100%/1.6 'OpenSans', Helvetica, Arial, sans-serif; min-width: 1220px; }

p,a,div,li,th,td,input,textarea,select,address { font-family: 'OpenSans', Helvetica, Arial, sans-serif; color: #333; font-weight: 400; }

h1,h2,h3,h4 { font-family: 'OpenSans', Helvetica, Arial, sans-serif;  }

h1 { font-size: 26px; color: #12175f; margin: 10px 0 20px 0; clear: both; line-height: 30px; text-transform: uppercase; font-weight: 400; }
h2 { font-size: 24px; color: #12175f; margin: 26px 0 5px 0; line-height: 30px; text-transform: uppercase; font-weight: 400; }
h3 { font-size: 22px; color: #666; margin: 0 0 0 0; line-height: 28px; }
	h3 a { text-decoration: none; }
	h3 a:hover, h3:active { text-decoration: underline; }

h4 {
	font-size: 14px;
	padding:0;
	margin:15px 0 0 0;
	clear:both;
}

b, strong { font-weight: 700; }

br.breaker { clear: both; }
.clearfix {

}

a { color: #12175f; }
a:hover, a:active { color: #333; }

p { margin: 0 0 20px 0; font-size: 14px; line-height: 22px; }

p.thanks { background: #444; text-align: center; color: #fff; padding: 20px 0; font-size: 24px; }

li, th, td { font-size: 14px; }
input, textarea, select { font-size: 16px; border-radius: 0; background: #fff; }

div.divider {
	width: 100%;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 0;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; /* ie 6/7 */ }

/** end global styles **/

html { background: #ffffff; }

body { position: relative; margin: 0; padding: 0; }

#overlay {
	background: rgba(0,0,0,0.4);
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 20;
}

/* BASIC STRUCTRUE */

#site_wrapper {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

	#header_wrapper { background: #040a3a; position: relative; z-index: 10; }

	#site_header {
		width: 940px;
		height: 120px;
		margin: 0 auto;
		background: #040a3a url(/images/header_bg.png) no-repeat center bottom;
		background-size: 100% auto;
		position: relative;
		z-index: 10;
		padding: 0 20px;

	}

		#site_nav {
			width: 100%;
			margin: 0 auto;
			height: 50px;
			padding: 0;
			position: relative;
			z-index: 25;
			padding: 0;
			background: #040a3a;
			border-top: 1px solid #fff;
		}

			#site_nav_inner {
				width: 1180px;
				height: 50px;
				padding: 0 0px;
				margin: 0 auto;
				background: #040a3a;
				position: relative;
			}



	#site_torso {
		clear: both;
		width: 1180px;
		margin: 0 auto;
		padding: 10px 0 20px 0;
		position: relative;
		z-index: 5;
	}

		.constrained {
			width: 940px;
			margin: auto;
			padding-top: 40px;
		}

	#site_footer {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 0 0;
		position: relative;
		z-index: 2;
		background: #00a890;
	}

/* MAIN NAV BAR */

	#mobile_menu_bar { display: none; }

	ul#nav { margin: 0 auto; padding: 0;  text-align: left; width: 940px;  }

		ul#nav > li { margin: 0; padding: 0; list-style: none; height: 50px; line-height: 50px; display: inline-block; }
		ul#nav > li:hover { background: #000; }

		#minicart { float: right; }
			#minicart a { padding: 0; }

			#minicart img { vertical-align: top; margin: 14px 5px 0 0; }

			ul#nav > li > a { font-size: 16px; padding: 0 14px; color: #fff; text-decoration: none; text-transform: uppercase; display: block;  height: 50px; line-height: 50px; }
			ul#nav > li.home a { background: url(/images/home_button_small.png) no-repeat center 10px; width: 30px; text-indent: -10000px; }

			/* SUB NAV */

			ul#nav div.subnav {
				display: none;
				background-color: rgba(0,0,0,0.7);
				position: absolute;
				margin: 0;

				padding: 12px 20px;
				overflow: auto;
			}

				ul#nav div.subnavfull { width: 100%; left: 0; box-sizing: border-box; }

				div.subnavfull ul {
					-webkit-column-count: 3; /* Chrome, Safari, Opera */
					-moz-column-count: 3; /* Firefox */
					column-count: 3;
				    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
				    -moz-column-gap: 20px; /* Firefox */
				    column-gap: 20px;
				}

				div.subnav ul { margin: 0; padding: 0; }

					div.subnav ul li { margin: 0; padding: 0 0; list-style: none; line-height: 1.2em; font-size: 18px; text-transform: uppercase; color: #fff;
					-webkit-column-break-inside: avoid;
					          page-break-inside: avoid;
					               break-inside: avoid;
					               box-sizing: border-box;
					 }
					 div.subnavfull ul li { position: relative; padding-left: 33px; }
						div.subnavfull ul li img { width: 30px; height: 30px; position: absolute; top: 0px; left: 0; }

						div.subnav ul li span { cursor: pointer; padding: 6px 0 6px 0; display: block; }
						div.subnav ul li span.active, ul#nav div.subnav ul li span:hover { color: #00a890;}

						div.subnav ul li a { color: #fff; text-decoration: none; padding: 6px 0 6px 0; display: block; }
						div.subnav ul li a:hover, ul#nav div.subnav ul li a:active { color: #00a890; }


				.industry_column { float: left; overflow: hidden;  }
				.industry_column.column_1 { width: 250px; margin-right: 20px; }
				.industry_column.column_2 { width: 150px; margin-right: 20px; }
					.industry_column.column_2 ul li { display: none; }
				.industry_column.column_3 { width: 350px; }
					.industry_column.column_3 ul li {display: none; }
						ul#nav .industry_column.column_3 ul li { position: relative; padding-left: 33px; }
							.industry_column.column_3 ul li img { width: 30px; height: 30px; position: absolute; top: 0px; left: 0; }

/* Headers */

	#site_header #site_logo { float: left; margin-top: -10px; margin-bottom: -10px; }

.googleTranslateOuter
{
    position: absolute;
    z-index: 12;
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
}

.googleTranslateInner
{
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}


    .googleTranslate {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 11;
}

	#site_header p {
		float: right;
		line-height: 18px;
		font-size: 16px;
		margin: 35px 0 0 0;
		text-align: left;
	}

		#site_header p span { font-size: 28px; line-height: 30px; font-weight: bold; color: #ffffff; }
		#site_header p a { text-decoration: none; font-weight: 500; color: #ffffff; }

		#site_header p span#minicart {
			display: inline-block;
			font-weight: 400;
			font-size: 13px; line-height: 18px; ;
			background-color: #e51b24;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			padding: 3px 10px;
			margin-top: 6px;
		}

		#searchform { clear: right; float: right; }
			#searchform p { margin: 0; padding: 0; float: right; }
			#searchform #search { float: left; margin: 10px 0; width: 150px; height: 30px; line-height: 30px; background: #ddd; border: 0; padding: 0 0 0 10px; color: #333; }
			#searchform #searchbutton { text-indent: -10000px; float: left; margin: 10px 0; width: 30px; height: 30px; line-height: 30px; border: 0; padding: 0; color: #fff;
				background-color: #00a890;
				background-image: url(/images/searchbutton.png);
				background-position: left top;
				background-repeat: no-repeat;
				background-size: 100% auto;
			}

			#searchform #search::-webkit-input-placeholder { color: #fff; }
			#searchform #search:-moz-placeholder { color: #fff; }
			#searchform #search::-moz-placeholder { color: #fff; }
			#searchform #search:-ms-input-placeholder { color: #fff; }

/* contents */

	#site_torso p {  }

	p#breadcrumb { font-size: 12px; margin: 0 0 20px 0; padding: 4px 15px 4px 0; background: #fff; }


	#contact_left { float: left; width: 460px; }
	#contact_right { float: right; width: 460px; }

	ul#downloads { margin: 0; padding: 0; }
	ul#downloads li { clear: both; list-style: none; margin: 0 0 30px 0; padding: 0; font-size: 14px; }
	ul#downloads li.filetype-pdf { padding-left: 60px; padding-top: 6px; background: url(/images/icon-pdf.png) no-repeat left top;  }

	#page_feats {
		clear: both;
		width: 940px;
		height: 160px;
		margin: 0px 0 20px 0;
		padding: 0;
	}

		#page_feats li {
			float: left;
			width: 199px;
			height: 150px;
			margin: 0 0 0 0;
			padding: 0px 17px 10px 18px;
			list-style: none;
			position: relative;
			border-right: 1px solid #ddd;
			 text-align: center;
		}

		#page_feats li:last-child {  border-right: 0; }

		#page_feats li a { text-decoration: none;}
		#page_feats li img { }
		#page_feats li span { /* clear: both; display: block; */ }
		#page_feats li span:nth-of-type(1) { text-align: center; font-size: 16px; color: #666; font-weight: 500; line-height: 18px; margin: 7px 0; text-transform: uppercase; }
		#page_feats li span:nth-of-type(2) { font-size: 13px; color: #333; line-height: 16px; text-align: left;  }
		#page_feats li span:nth-of-type(3) {
			font-size: 13px; line-height: 18px; position: absolute; bottom: 10px;
			background-color: #e51b24;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			padding: 3px 10px;
		}

		/* remove this bit when they realise it's ugly */
		#page_feats { height: 90px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
		#page_feats li { padding: 10px 0 0 0; width: 234px; height: 80px; }
		#page_feats li img { float: left; width: 60px; height: 60px; }
		#page_feats li span:nth-of-type(1) { display: block; text-align: left; font-size: 11px; line-height: 12px; margin: 7px 0 3px 70px; }
		#page_feats li span:nth-of-type(2) { display: block; text-align: left; font-size: 10px; line-height: 13px; margin: 0 0 0 70px; }

		#page_feats li:nth-child(1) { padding-right: 20px; width: 214px; }
		#page_feats li:nth-child(2) { padding-left: 20px; padding-right: 20px; width: 194px; }
		#page_feats li:nth-child(3) { padding-left: 20px; padding-right: 20px; width: 194px; }
		#page_feats li:nth-child(4) { padding-left: 20px; width: 214px; }

/* footer */

	#footer_box {
		width: 940px;
		margin: 0 auto;
		padding: 20px 0;
		box-sizing: border-box;
	}

		#footer_box_left { float: left; width: 40%; }
		#footer_box_right { float: right; width: 60%; }
			#footer_box_right p {
				text-align: right;
				font-size: 14px;
				color: #fff;
				line-height: 1.4em;
				margin: 0;
			}

		#footer_box p {  }

		#footer_box a { color: #fff; text-decoration: none; }
		#footer_box a:hover, #footer_box a:active { color: #00a890; }

		#footer_box ul {
			margin: 0;
				padding: 0.5em 0 0 0;
				font-size: 16px;
		}

			#footer_box ul li {
				list-style: none;
				margin: 0;
				padding: 0 0 0.5em 0;
				font-size: 16px;
				color: #fff;
				line-height: 1.2em;
				text-transform: uppercase;
			}

	#footer_social { margin: 0; padding: 0;text-align: right;}
	#footer_social li { display: inline-block; margin: 0; padding: 0 0 0 3px; list-style: none; }

	#newsletter_box { clear: both; position: relative; text-align: right; padding: 5px 0; }
		#newsletter_box p { display: inline-block; }

			#newsletter {
				font-size: 14px;
				line-height: 1.4em;
				display: inline-block;
				background: #fff;
				border: 0;
				padding: 0.25em 0.5em;
				vertical-align: middle;
				margin-bottom: 3px;
			}

			#newsletterbutton {font-size: 14px;
				border: 0;
				padding: 0.25em 0.5em;
				background: #12175f;
				line-height: 1.4em;
				color: #fff;
				vertical-align: middle;
				margin-bottom: 3px;
				font-weight: bold;
			}

			#newsletter::-webkit-input-placeholder { color: #666; }
			#newsletter:-moz-placeholder { color: #666; }
			#newsletter::-moz-placeholder { color: #666; }
			#newsletter:-ms-input-placeholder { color: #666; }



	#footer_last {
		width: 100%;
		overflow: auto;
		padding: 10px 0;
		box-sizing: border-box;
	}

		#footer_last > div {
			width: 940px;
			overflow: auto;
			margin: 0 auto;
		}

		#footer_last p { font-size: 14px; text-transform: uppercase; }

/* new homepage - new when? 2015... but still disabled in 2024 */
/*
  #youTubeVideoContainer, #html5VideoContainer
  {
    position: relative;
    width: 100%;
    margin-botom: 10px;
    overflow: hidden;
  }

  .oldie #html5VideoContainer, .oldie #youTubeVideoContainer
  {
    width: 940px;
    height: 530px;
  }

  #html5VideoContainer video
  {
    width: 100%;
  }

  .html5VideoButton
  {
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: #00a890;
    background-color: rgba(0,168,144,0.9);
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    border-radius: 50%;
    -webkit-transition: 0.6s all;
  }


    html.video .html5VideoButton
    {
      display: block;
      z-index: 99;
    }

  .html5VideoTextButtonsContainer
  {
    position: absolute;
    top: 290px;
    width: 100%;
    text-align: center;
  }

  html.video .html5VideoTextButton, html.video .html5VideoButton.html5VideoTextButton
  {
    border-radius: 0;
    color: white;
    background-color: #00a890;
    background-color: rgba(0,168,144,0.9);
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
    padding: 1em;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 99;
      -webkit-transition: 0.6s all;
  }

  html.video .html5VideoTextButton:hover, html.video .html5VideoButton:hover
  {
    background-color: #00a890;
    background-color: rgba(229,27,36,0.9);
  }

  #youTubeVideoOverlay
  {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    display: block;
    width: 378px;
    height: 183px;
  }

  #youTubeVideoOverlay img
  {
    display: block;
    width: 100%;
    height: 100%;
  }

  #html5VideoPlayButton
  {
    top: 235px;
    left: 395px;
    background-image:url(/images/button-play.png);
  }

  #html5VideoPauseButton
  {
    width: 40px;
    height: 40px;
    top: 10px;
    left: 60px;
    background-image:url(/images/button-pause.png);
    display: none;
  }

  #html5VideoMuteButton
  {
    width: 40px;
    height: 40px;
    top: 10px;
    left: 10px;
    background-image:url(/images/button-mute.png);
  }

  #html5VideoUnMuteButton
  {
    width: 40px;
    height: 40px;
    top: 10px;
    left: 10px;
    background-image:url(/images/button-unmute.png);
        display: none;
  }

  @media only screen and (max-width: 450px)
  {
    #html5VideoUnMuteButton,#html5VideoMuteButton,#html5VideoPauseButton  { display: none; width: 0px; height: 0px; top: 5000px; left: 5000px; }

    html.video .html5VideoButton#html5VideoPlayButton
    {
      display: block;
      top: 40px;
      left: 134px;
      width: 100px;
      height: 100px;
      background-size: 40px 80px;
    }

    #youTubeVideoOverlay
    {
      width: 200px;
      height: 97px;
    }

    #html5VideoHome::-webkit-media-controls {
    display:none !important;
}
}
*/

	#home_cycle {
		clear: both;
		width: 100%;

		height: 450px;
		background: #eee;
		margin: 0px 0 20px 0;
		position: relative;
		z-index: 5;
	}

		#home_cycle a {
			position: absolute; width: 100%; height: 100%;
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
		}

		#home_cycle img { display: none; width: 100%; vertical-align: text-bottom; float: left; }

		.cycle_overlay {
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 0;
			background-color: #12175f;
			background-color: rgba(0,0,0,0.7);

		}

			.cycle_overlay > div { width: 940px; padding: 15px 0; margin: 0 auto; }

			.cycle_overlay p {
				color: #fff;
				padding: 0;
				margin: 0;
			}

			.cycle_overlay p.heading {
				text-transform: uppercase;
				font-size: 26px;
				margin-bottom: 6px;
			}

	.home_feats {
		overflow: auto;
	}

		.home_feat {
			float: left;
			width: 220px;
			min-height: 250px;
			padding: 10px;
			box-sizing: border-box;
			background: #ccc;
			margin-left: 20px;
			margin-bottom: 20px;
		}

		.home_feat:nth-of-type(5n+1) { margin-left: 0; clear: both; }

			.home_feat a { text-decoration: none; }

			.home_feat img { width: 200px; height: 110px; background: #fff; }

			.home_feat p { font-size: 13px; text-align: center; line-height: 1.2em; margin: 0 0 5px 0; }
			.home_feat p.heading { font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; }


	.home_left { width: 49%; float: left; margin-bottom: 20px; }
	.home_right { width: 49%; float: right; margin-bottom: 20px; }

	.home_event {
		padding: 10px;
		margin-bottom: 20px;
		background: #ccc;
		overflow: auto;
	}

		.home_event p { font-size: 13px; line-height: 1.2em; margin: 0 0 5px 0; }
		.home_event p:first-of-type { font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; }

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

		.home_event div { float: left; box-sizing: border-box; }
		.home_event img + div { width: 65%; padding-left: 10px; }

/*
	#home_feats {
		clear: both;
		width: 940px;
		height: 160px;
		margin: 0px 0 20px 0;
		padding: 0;
	}

		#home_feats li {
			float: left;
			width: 199px;
			height: 150px;
			margin: 0 0 0 0;
			padding: 0px 17px 10px 18px;
			list-style: none;
			position: relative;
			border-right: 1px solid #ddd;
			 text-align: center;
		}

		#home_feats li:last-child {  border-right: 0; }

		#home_feats li a { text-decoration: none;}
		#home_feats li img { }
		#home_feats li span { clear: both; display: block;  }
		#home_feats li span:nth-of-type(1) { text-align: center; font-size: 16px; color: #666; font-weight: 500; line-height: 18px; margin: 7px 0; text-transform: uppercase; }
		#home_feats li span:nth-of-type(2) { font-size: 13px; color: #333; line-height: 16px; text-align: left;  }
		#home_feats li span:nth-of-type(3) {
			font-size: 13px; line-height: 18px; position: absolute; bottom: 10px;
			background-color: #e51b24;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			padding: 3px 10px;
		}
*/


	.home_text { padding-top: 0; }
	.home_text h1 { font-size: 30px; font-weight: 500; line-height: 30px; margin-bottom: 30px; text-align: center; }
	.home_text h2 { font-size: 30px; font-weight: 500; line-height: 30px; margin-bottom: 30px; text-align: center; }
	.home_text p { font-size: 14px; color: #333; line-height: 20px; margin-bottom: 15px; text-align: center; }







	#home_cats {
		clear: both;
		padding: 0;
		position: relative;
		margin-bottom: 0px;

		background: #ddd; /* Old browsers */

	}

		#home_cats > ul {
			width: 155px;
			margin: 0 0 45px 0;
			padding: 0 0 0 0;
			float: left;
		}

		#home_cats > ul:last-child { width: 165px; }

			#home_cats > ul > li { list-style: none; margin: 0; padding: 0; font-size: 14px;  }
				#home_cats > ul > li > a { color: #fff; font-weight: 700; text-decoration: none; background: #00a890; display: block; padding: 2px 0 2px 10px; }

			#home_cats > ul > li:last-child { position: absolute; bottom: 12px; margin-left: 10px; }
			#home_cats > ul > li:last-child a {
				font-size: 13px; line-height: 18px;
				background-color: #e51b24;
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				padding: 3px 10px;
				font-weight: 400;
			}

			#home_cats > ul > li > ul { margin: 6px 0 0 0; padding: 0; width: 145px; padding: 0 0 0 10px;; }
			#home_cats > ul > li > ul > li { list-style: none; margin: 0; padding: 3px 0; font-size: 12px; line-height: 15px;  }
				#home_cats > ul > li > ul > li > a { color: #12175f; text-decoration: none; }

		.home_feature {
			background:#fff;
			float:right;
			height: 60px;
			line-height: 60px;
			background: url(/images/home_cables_small.png) no-repeat 8px 3px;
			background-size: contain;
			padding-left: 130px;
			margin-top: -10px;
		}

			.home_feature a {
				text-decoration:none;
				text-transform: uppercase;
				display:block;
				background-color: #e51b24;
				padding: 3px 10px;
				font-size: 13px;
				line-height: 18px;
				display: inline-block;
				color: #fff;
			}


		.cable_generator {
			float:right;
			margin:0 40px 0 0;
		}

	#copper_box { clear: both; background: #ddd; height: 40px; position: relative; margin-top: 40px; }
		#copper_box img { position: absolute; left: 0; bottom: 0; }
		#copper_box p { float: left; line-height: 40px; color: #333; font-size: 14px; text-transform: uppercase; padding: 0 12px; text-align: right; }
		#copper_box p:nth-of-type(1) { background: #00a890; padding-left: 50px; color: #fff; width: 100px; }
		#copper_box p:nth-of-type(2) { }

/* homepage */

	#homepage_cycle {
		position: relative;
		width: 100%;
		max-width: 940px;
		margin: 0 auto;
		height: auto;
		margin-bottom: 20px;
		overflow: hidden;

		z-index: 7;
	}

		#homepage_cycle img { position: absolute; width: 100%; }

		#homepage_cycle_buttons {
			position: absolute;
			width: 940px;
			height: 50px;
			margin: 0;
			padding: 0;
			bottom: 0;
			left: 50%;
			margin-left: -470px;
			z-index: 999;
		}

			#homepage_cycle_buttons li {
				margin: 0 0 0 1px;
				padding: 0;
				list-style: none;
				width: 234px;
				float: left;
				background: #12175f;
				background: rgba(18,23,95,0.8);
				height: 50px;
				position: relative;
				-webkit-transition: all 500ms ease;
				-moz-transition: all 500ms ease;
				-o-transition: all 500ms ease;
				transition: all 500ms ease;
			}

				#homepage_cycle_buttons li:first-child { width: 235px; margin-left: 0; }

				#homepage_cycle_buttons li.active { background: #e51b24; background: rgba(229,27,36,0.9); margin-top: -55px; height: 105px; }

					#homepage_cycle_buttons li a { text-decoration: none; }

					#homepage_cycle_buttons li div:first-child {
						height: 50px;
						line-height: 50px;
						color: #fff;
						font-size: 16px;
						color: #fff;
						text-transform: uppercase;
						padding: 0 15px;
						z-index: 2;
						position: relative;
					}

						#homepage_cycle_buttons li div:first-child span {
							display: inline-block;
							width: 16px; height: 16px;
							position: absolute;
							top: 50%;
							margin-top: -7px;
							margin-left: 5px;
							background: url(/images/home_chevron.png) no-repeat left top;
						}


					#homepage_cycle_buttons li div:last-child {
						display: none;
						font-size: 13px;
						line-height: 16px;
						color: #fff;
						padding: 0 15px;
						height: 60px;
						margin-top: -7px;
					}

				#homepage_cycle_buttons li.active div:last-child { display: block; }

				#homepage_cycle_buttons li:before {
					content: '';
					position: absolute;
					width: 44px;
					height: 22px;
					top: 0px;
					left: 50%;
					margin-left: -22px;

					width: 0;
					height: 0;
					border-left: 22px solid transparent;
					border-right: 22px solid transparent;
					border-bottom: 0px solid rgba(18,23,95,0.9);
					display: block;
					visibility: hidden;
					-webkit-transition: all 500ms ease;
					-moz-transition: all 500ms ease;
					-o-transition: all 500ms ease;
					transition: all 500ms ease;
					z-index: 0;
				}

				#homepage_cycle_buttons li.active:before {
					display: block;
					visibility: visible;
					top: -22px;
					border-left: 22px solid transparent;
					border-right: 22px solid transparent;
					border-bottom: 22px solid rgba(229,27,36,0.9);
				}


	#homepage_text { float: left; width: 600px; margin-bottom: 20px; }
	#homepage_feat { float: right; width: 300px; margin-bottom: 20px; }


	#homepage_feat { background: #ddd; position: relative; padding-bottom: 15px;  }

	#homepage_feat div {
		margin: 20px 10px 0px 10px;
		padding: 0;
		height: 60px;
		display: table;

	}

		#homepage_feat div img { float: left; width: 60px; height: 60px; margin-right: 20px; background: #12175f;
			-webkit-border-radius: 400px;
			-moz-border-radius: 400px;
			border-radius: 400px;
		 }
		#homepage_feat div span { vertical-align: middle; display: table-cell; width: 100%; font-size: 16px; line-height: 16px; color: #12175f; }

		#homepage_feat div:first-child { margin-top: 15px; }
		#homepage_feat div:first-child img { background: #00a890; }
		#homepage_feat div:first-child span { font-size: 20px; line-height: 20px; text-transform: uppercase; color: #00a890; }
		#homepage_feat div:first-child span span { display: none; }




	#homepage_lists {
		clear: both;
		background: #ddd;
		margin-bottom: 20px;
		padding: 17px;
	}

		div.homepage_list {
			float: left;
			width: 141px;
			padding: 5px 12px 20px 0px;
		}

		div.homepage_list:last-child { padding-right: 0; }

			#site_torso div.homepage_list p { margin: 0; font-size: 12px; }
			div.homepage_list ul { margin: 0 0 10px 0; padding: 0; }
			div.homepage_list ul li { margin: 0; padding: 0; list-style: none; }

			div.homepage_list > ul > li { line-height: 18px; }
			div.homepage_list > ul > li > a { font-size: 16px; color: #e51b24; text-decoration: none; text-transform: uppercase; }
			div.homepage_list > ul > li > a:hover, div.homepage_list > ul > li > a:active { color: #ab141b; }
			div.homepage_list > ul > li > ul > li { padding: 3px 0; line-height: 14px; }
			div.homepage_list > ul > li > ul > li > a { font-size: 12px; color: #666; text-decoration: none; }
			div.homepage_list > ul > li > ul > li > a:hover, div.homepage_list > ul > li > ul > li > a:active { color: #00a890; }

/* Products */

ul.subcategory { margin: 30px 0 0 0; padding: 0; }
ul.subcategory li { margin: 0 20px 20px 0; padding: 0; list-style: none; float: left; width: 300px; height: 160px; background: #eee; position: relative; }
ul.subcategory li:nth-child(3n) { margin-right: 0; }
ul.subcategory li img { float: left; }
ul.subcategory li span { float: left; display: block; line-height: 20px; padding: 10px 15px; background: #000; width: 270px; background: #ddd; }
ul.subcategory li a { color: #12175f;  text-decoration: none; }

ul.range { margin: 30px 0 0 0; padding: 0; }
ul.range li { clear: both; }
ul.range li.group { list-style: none; margin: 50px 0 20px 0; padding: 0; font-size: 20px; font-weight: 700; border-bottom: 1px solid #ccc; color: #00a890; }
ul.range li.group:first-child { margin-top: 0; }
ul.range li.cable { margin: 0 0 20px 0; padding: 0; min-height: 37px; list-style: none; clear: both; }
ul.range li.cable img { float: left; margin-right: 10px; }
ul.range li.cable span { float: left; height: 37px;  max-width: 530px; }
ul.range li.cable a { text-decoration: none; }
ul.range li.other { margin: 0 0 20px 0; padding: 0; min-height: 50px; list-style: none; clear: both; }
ul.range li.other img { float: left; margin-right: 10px; }
ul.range li.other span { float: left; height: 50px; line-height: 50px; }
ul.range li.other a {}

ul.range li div.expand { cursor: pointer; float: right; line-height: 27px; color: #e51b24; text-align: right; margin: 5px 0 0 20px; }
ul.range li div.expand span { vertical-align: middle; float: none; display: inline-block; width: 27px; height: 27px; line-height: 27px; text-align: center; font-size: 20px; font-weight: 700; background: #e51b24; color: #fff; margin-left: 5px; margin-top: -5px; }

ul.range li div.moreinfo { clear: both; display: none; }
ul.range li.cable div.moreinfo { padding-left: 310px; }
ul.range li.other div.moreinfo { padding-left: 160px; }
ul.range li div.moreinfo p { margin: 0 0 10px 0; }

table.producttable { background: #fff; }
table.producttable th { background: #00a890; color: #fff; font-size: 12px; line-height: 16px; font-weight: 500; padding: 7px 10px; text-align: center; vertical-align: bottom;}
table.producttable th:first-child { text-align: left; }
table.producttable tr:nth-child(even) td { padding-top: 7px; }
table.producttable tr:nth-child(odd) td { padding-bottom: 7px; border-bottom: 1px solid #ddd; }
table.producttable td { font-size: 12px; line-height: 16px; padding: 0px 10px 7px 10px; text-align: center; vertical-align: middle; }
table.producttable td:first-child { text-align: left; }
table.producttable td span, table.producttable td b { display: none; }

div.tabs > ul { margin: 0; padding: 0; }
div.tabs > ul > li { list-style: none; margin: 0 3px 0 0; padding: 7px 15px; float: left; background: #ccc; cursor: pointer; }
div.tabs > ul > li.active { background: #00a890; color: #fff; }
div.tabs div.tab_contents { clear: both; }
div.tabs div.tab_contents div.tab_content { display: none; background: #fff; padding: 20px; }
div.tabs div.tab_contents div.tab_content.active { display: block; }

p.filetype-pdf { padding-left: 60px; height: 42px; padding-top: 6px; background: url(/images/icon-pdf.png) no-repeat left top; font-size: 12px; line-height: 18px; }
p.filetype-pdf a { font-size: 14px; }

table.subproducttable { background: #fff; }
table.subproducttable th { background: #00a890; color: #fff; font-size: 12px; line-height: 16px; font-weight: 500; padding: 7px 10px; text-align: left; vertical-align: bottom;}
table.subproducttable td { font-size: 12px; line-height: 16px; padding: 7px 10px 7px 10px; text-align: left; vertical-align: middle; border-bottom: 1px solid #ddd; }
table.subproducttable td:first-child { width: 100px; }
table.subproducttable td:last-child { width: 165px; }
table.subproducttable input[type=number] { width: 50px; border: 1px solid #ccc; padding: 3px 6px; font-size: 12px; box-sizing: border-box; }
table.subproducttable input[type=submit] {
	background: #e51b24;
	border: 1px solid #e51b24;
	display: inline-block;
	color: #fff !important;
	font-size: 12px;
	font-weight: 400;
	padding: 4px 10px 4px 10px;
	position: relative;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
}

table.subproducttable input[type=submit]:last-of-type { display: none; }

table.shopcarttable { background: #fff; }
table.shopcarttable th { background: #00a890; color: #fff; font-size: 12px; line-height: 16px; font-weight: 500; padding: 7px 10px; text-align: left; vertical-align: bottom;}
table.shopcarttable td { font-size: 12px; line-height: 16px; padding: 7px 10px 7px 10px; text-align: left; vertical-align: middle; border-bottom: 1px solid #ddd; }
table.shopcarttable td:last-child { width: 70px; }
table.shopcarttable input[type=number] { width: 50px; border: 1px solid #ccc; padding: 3px 6px; font-size: 12px; box-sizing: border-box; }
table.shopcarttable input[type=submit] {
	background: #e51b24;
	border: 1px solid #e51b24;
	display: inline-block;
	color: #fff !important;
	font-size: 12px;
	font-weight: 400;
	padding: 4px 10px 4px 10px;
	position: relative;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
}

/** added to cart popup fancybox stuff **/

	#addedprod {
		width: 500px;
		padding: 10px 0 10px 0;
	}

	#addedprod p { font-size: 20px; text-align: center; line-height: 30px; color: #666; }

	#addedprod p a {
		display: inline-block;
		color: #fff;
		background: #e51b24;
		display: inline-block;
		text-decoration: none;
		font-size: 20px;
		padding: 5px 10px;
		border: 0;
		margin: 0 10px;
		text-transform: uppercase; font-weight: 700;
	}

		#addedprod p a:link, #addedprod p a:visited { text-decoration: none; color: #fff; }
		#addedprod p a:hover, #addedprod p a:active { }

.sheath { float:left; margin:0 0 10px 0; }
.sheath_swatch { float:left; margin:2px 0 0 0;}
.sheath_colour { float:left; margin:0 16px 0 4px;}

ul.branches { margin: 30px 0 0 0; padding: 0; }
ul.branches li { margin: 0 20px 20px 0; padding: 0; list-style: none; float: left; width: 300px; height: 200px; background: #eee; position: relative; }
ul.branches li:nth-child(3n) { margin-right: 0; }
ul.branches li div.google-map { float: left; width: 300px; height: 185px; background: #eee; }
ul.branches li span { display: block; line-height: 40px; padding: 0 15px; background: #000; width: 270px; background: #ddd; position: absolute; top: 160px; }
ul.branches li a { color: #12175f;  text-decoration: none; }

#blog_content { float: left; width: 600px; margin-bottom: 20px; }
#blog_menu { float: right; width: 260px; margin-bottom: 20px; background: #ddd; padding: 20px; }
#blog_menu p { font-size: 20px; line-height: 20px; color: #00a890; text-transform: uppercase;}


/* SEARCH STYLES */

	h2.searchresults { font-size: 16px; padding: 2px 10px; font-weight: 500; }
	ul.searchresults {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;

		column-gap: 20px;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;

		margin: 0;
		padding: 0;

	}
	ul.searchresults li {
		list-style: none;
		margin: 0;
		padding: 4px 0 4px 10px;
    -webkit-column-break-inside:avoid;
       -moz-column-break-inside:avoid;
            column-break-inside:avoid;
	}


/* FORM STYLES  */

form.formstyle { padding-top: 10px; }
form.formstyle p { clear: both; width: 100%; margin: 0 0 10px 0;  }
form.formstyle p em { color: #c00; font-size: 10px; letter-spacing: 0; }
form.formstyle p label { display: block; padding: 2px 0; }
form.formstyle input { max-width: 100%; border: 1px solid #ccc; padding: 4px 6px; font-size: 14px; box-sizing: border-box; }
form.formstyle textarea { max-width: 100%; border: 1px solid #ccc; padding: 4px 6px; font-size: 14px; box-sizing: border-box; }
form.formstyle select { max-width: 100%; border: 1px solid #ccc; padding: 4px 6px; font-size: 14px; box-sizing: border-box; }

.ambiguity { display: none; }

form.formstyle p input.error, form.formstyle p input.error, form.formstyle p input.error, form.formstyle p textarea.error { border: 1px solid #f00; background: #fee; }

form.formstyle p input.submitbutton {
	background: #e51b24;
	display: inline-block;
	color: #fff !important;
	font-size: 16px;
	font-weight: 400;
	padding: 4px 10px 4px 10px;
	position: relative;
	margin: 10px 0;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
}

form.formstyle p input.smallbutton {
	background: #e51b24;
	display: inline-block;
	height: 1.6em;
	line-height: 1.6em;
	color: #fff !important;
	font-size: 0.9em;
	font-weight: 500;
	padding: 0.08em 0.58em  0 0.58em;
	position: relative;
	margin: 0 0 15px 0;
	text-decoration: none;
	border: 0;
}

.formstyle.formcustom p {
	width: 50%;
	float: left;
	box-sizing: border-box;
	clear: none;
}

.formstyle.formcustom input { width: 90%;  }
.formstyle.formcustom select { height: 29px; width: 50%; }
.formstyle.formcustom textarea { width: 90%; height: 120px; }

body a.buttonstyle {
	background: #e51b24;
	display: inline-block;
	line-height: 2.0em;
	color: #fff !important;
	font-size: 16px;
	font-weight: 400;
	padding: 0.1em 0.7em 0 0.7em;
	position: relative;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
}

body a.buttonstylesmall {
	background: #e51b24;
	display: inline-block;
	color: #fff !important;
	font-size: 13px;
	font-weight: 400;
	padding: 4px 10px;
	position: relative;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
}


body a.buttonstyle:hover, body a.buttonstyle:active { background: #ab141b; }

#page_content div.content_box p a.buttonstyle:hover, #page_content div.content_box p a.buttonstyle:active { background: #666; }

::-webkit-input-placeholder { color: #25265e; }
:-moz-placeholder { color: #25265e; }
::-moz-placeholder { color: #25265e; }
:-ms-input-placeholder { color: #25265e; }

#mapContainer {
	width: 100%;
	height: 400px;
	margin: 10px 0 10px 0;
}



div.reasons {}
div.reasons > div { display: table; width: 100%; clear: both;  border-bottom: 1px solid #ccc; padding: 40px 0; }
div.reasons > div:nth-of-type(odd) img { margin-right: 50px; }
div.reasons > div:nth-of-type(even) img { margin-left: 50px; }
div.reasons > div:last-of-type { border: 0; }


div.reasons > div > p { display: table-cell; margin: 0;  }
div.reasons > div > div { display: table-cell; vertical-align: middle; height: 100%; padding: 0 0; }

div.reasons > div > p > img { float: left; }
div.reasons > div > div > p { margin: 0 0 15px 0; }
div.reasons > div > div > h2 { font-size: 30px; margin: 15px 0 10px 0; }

/* SITEMAP STYLES */

#sitemap ul, #sitemap li { margin: 0; padding: 2px 0; list-style: none; }
#sitemap a { text-decoration: none; }

#sitemap > ul {  }
#sitemap > ul > li { float: left; width: 13.28%; margin: 0 0.5%; line-height: 14px; background: #fafafa; margin-top: 10px; }
#sitemap > ul > li:nth-child(7n+1) { clear: both; }
#sitemap > ul > li > a { color: #fff !important; font-size: 12px; font-weight: 400; display: table-cell; width: 124px; padding: 0 5px; text-align: center; vertical-align: middle; height: 55px; background: #444; }

	#sitemap > ul > li > ul  {  }
	#sitemap > ul > li > ul > li  { padding: 2px 5px; line-height: 14px; }
	#sitemap > ul > li > ul > li > a { font-size: 12px; }

		#sitemap > ul > li > ul > li > ul  {  }
		#sitemap > ul > li > ul > li > ul > li  { padding-left: 10px; line-height: 16px; }
		#sitemap > ul > li > ul > li > ul > li > a { font-size: 13px; }

			#sitemap > ul > li > ul > li > ul > li > ul  {  }
			#sitemap > ul > li > ul > li > ul > li > ul > li  { padding-left: 10px; line-height: 14px; }
			#sitemap > ul > li > ul > li > ul > li > ul > li > a { font-size: 12px; }

.cable_button {
	position:fixed;
	bottom:0px;
	right:30px;
	color:#fff;
	background:#c00;
	text-align:center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index:9999;
}

.cable_button a {
	color:#fff;
	display:inline-block;
	padding:6px 0 4px 0;
	cursor:pointer;
	width:300px;
	font-weight:bold;
	text-decoration: none;
}

.cable_button a:visited, .cable_button a:hover {
	color:#fff;
}

.cable_calculator {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 550px;
	height: 710px;
	margin-top: auto;
	margin-left: auto;
	z-index:99999;
	border:2px solid #eee;
	-webkit-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.75);
	display:none;
}