/* FIREDUPGROUP.CO.UK*/

/* FONT LOADING */
/*
.wf-inactive body, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive #nav, .wf-inactive form, .wf-inactive form label, .wf-inactive form input[type="text"], .wf-inactive form textarea{font-family: sans-serif;}
.wf-loading body, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading #nav, .wf-loading form, .wf-loading form label, .wf-loading form input[type="text"], .wf-loading form textarea{font-family: sans-serif;}

.wf-active body, .wf-active form, .wf-active form label, .wf-active form input[type="text"], .wf-active form textarea{font-family: 'Open Sans', sans-serif;}
.wf-active h1, .wf-active h2, .wf-active h3{font-family: 'Lato', sans-serif;}
.wf-active #nav{font-family:'Lato', sans-serif;}
*/

/*
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Reg-webfont.eot');
    src: url('/fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Lato-Reg-webfont.woff') format('woff'),
         url('/fonts/Lato-Reg-webfont.ttf') format('truetype'),
         url('/fonts/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Regular-webfont.eot');
    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

/* BASE STYLE */


@font-face {
  font-family: "Flaticon";
  src: url("/font/Flaticon.eot");
  src: url("/font/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("/font/Flaticon.woff") format("woff"),
       url("/font/Flaticon.ttf") format("truetype"),
       url("/font/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("/font/Flaticon.svg#Flaticon") format("svg");
  }
}
.icon {
  font-family: Flaticon;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  -webkit-font-smoothing: antialiased;
}
.icon.search:before { content: "\f100"; }
.icon.file:before { content: "\f101"; }

.standard_form {
  border:none;
  padding:0px;
  margin:0px;
  font-size:18px;
}
.standard_form label, 
.standard_form .label {
  text-align:right;
  text-transform:uppercase;
}
.standard_form input[type="text"],
.standard_form input[type="number"],
.standard_form input[type="password"] {
  -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.25);
  box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.25);
}
.standard_form input,
.standard_form select,
.standard_form textarea,
.standard_form .value {
  font-family: 'Open Sans', sans-serif;  
  font-size:14px;
  line-height:24px;

  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
.standard_form input,
.standard_form select,
.standard_form textarea {
  border:none;
}

/*Floats*/
.standard_form button,
.standard_form input,
.standard_form select,
.standard_form textarea,
.standard_form .value,
.standard_form label, 
.standard_form .label {
  float:left;
}
/*Clears*/
.standard_form label, 
.standard_form .label,
.standard_form .no_label {
  clear:both;
}
/*Padding*/
.standard_form label, 
.standard_form .label,
.standard_form .no_label,
.standard_form button,
.standard_form input,
.standard_form select,
.standard_form textarea,
.standard_form .value {
  padding:6px
}
/*Margins*/
.standard_form button,
.standard_form input,
.standard_form select,
.standard_form textarea,
.standard_form .value,
.standard_form label, 
.standard_form .label {
  margin:0px 18px 18px 0px;
}
.standard_form .no_label {
  margin:0px 18px 18px 146px;
}
/*Widths*/
.standard_form label, 
.standard_form .label {
  width: 116px;
}
.standard_form input,
.standard_form select,
.standard_form textarea,
.standard_form .value {
  width: 180px;
}


.standard_table {
  border-spacing:0px;
  border-collapse: collapse;
  width: 100%;
}
.standard_table td,
.standard_table th {
  padding:9px;
  text-align:center;
}
.standard_table th {
  background-color:#AAA;
  color:#FFF;
}
.standard_table .left {
  text-align:left;
}
.standard_table tr:hover td {
  background-color:#EEE;
}


body{
  margin:0;
  padding:0;
  text-align:center;
  background-color:#f3f2f0;
  font-size:14px;
  color:#262262;
  font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4 {
  color:#f15a29;
  text-shadow:0px 1px 0px rgba(0,0,0,0.25);
  margin:0px;
  font-weight:normal;
  font-family: 'Lato', sans-serif;
}

h1 {font-size:46px;}

h2 {font-size:36px;}

h3 {font-size:23px;}

h4 {font-size:18px;}

p {line-height:20px;}

a{
  color:#f15a29;
  font-weight:bold;
  text-decoration:none;
  line-height:20px;
  outline:none;
}

a:hover{
  color:#262262;
}

a img{
  outline:none;
  border:0;
}

ul{
  margin:0;
  padding:0;
  list-style:none outside none;
}

img{
  display:block;
  outline:none;
}

/* FORMS */
form{
  padding:25px 0;
  font-family: 'Open Sans', sans-serif;
}

form ul > li > label{
  text-transform:uppercase;
  font-size:19px;
  width:200px;
  display:block;
  float:left;
  text-align:left;
  font-family: 'Open Sans', sans-serif;
}

form ul > li > input[type="text"], 
form ul > li > textarea, 
form ul > li > select {
  padding:7px;
  border:0;
  box-shadow:inset -.5px 1px 2px rgba(0,0,0,0.2);
  border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
  font-size:12px;
  width:230px;
  font-family: 'Open Sans', sans-serif;
}
form ul > li > select {
  width:245px;
  background-color:#fff;
}
form .button {
  border:0;
}

form ul li {
  margin-bottom:20px;
  text-align:right;
  position:relative;
}

.validate_error, .error{
  color:#c00;
  text-align:left;
  padding:5px;
  font-size:13px;
}

.upload-field-container {
  padding:7px;
  width:232px;
  display:block;
  margin-left:3px;
}

/* SPECIFIC */
#nav{
  font-size: 13px;
}
#container{
  min-height:500px;
  background-color:#fff;
  padding-top:95px;
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;
}

#header {height:140px;}

#social{
  position:absolute;
  top:0;
  left:50%;
  margin-left:-490px;
  z-index:10000;
}
#social .social-links{
  position:absolute;
  right:0px;
  top:0px;
  width:150px;
}
#social a{
  float:left;
  border:0;
  outline:0;
}
#social img{
  border:0;
}
/* NAV */

#nav{
  text-align:center;
  padding:15px 21px;
  font-weight:normal;
  height:28px;
  position:relative;
  font-family:'Lato', sans-serif;
  height:30px;
  z-index:1000;
}

#nav a{
  display:inline-block;
  text-shadow:0px 1px 0px rgba(0,0,0,0.25);
  position:relative;
  font-weight:normal;
}

#nav ul{
  float:left;
}
/*
Lauren - Removed for Menu Fix 
#nav ul.top-level{
  position:absolute;
  left:50%;
  margin-left:-468px;
  min-width:936px;
}
*/
#nav ul.top-level > li {
  margin-right:5px;
  float:left;
  position:relative;
  z-index:2000;
}
#nav ul.top-level > li.logo {
  margin-top:-101.5px;
  padding:0;
  z-index:1000;
}

#nav li.has-submenu > a, a.subnav-button {
  position:relative;
  padding-right:25px;
}
#nav li.has-submenu:hover > div.submenu {
  display:block;
}
a > span.arrow{
  width:10px;
  height:10px;
  position:absolute;
  top:50%;
  margin-top:-5px;
  right:10px;
  background-image:url('../img/nav/arrows.png');
  background-position:0px -10px;
  background-repeat:no-repeat;
}
#nav li.has-submenu:hover span.arrow {
  background-position:-10px 0px;
}

#nav div.submenu {
  position:absolute;
  top:25px;
  width:175px;
  text-align:left;
  z-index:1000;
  padding-top:13px;
  display:none;
  left:0;
  transition:display .5s;
  -moz-transition:display .5s;
  -webkit-transition:display .5s;
  -o-transition:display .5s;
}
#nav div.submenu a {
  color:#262262;
  width:161px;
  padding:5px 7px;
}
#nav div.submenu a:hover {
  color:#f15a29;
}


/* FOOTER */ 

#footer{
  box-shadow:none;
  padding:10px 0 40px;
  margin:100px 0px 0px;
  position:relative;
  box-shadow:0px -2px 2px rgba(96,96,96,0.1);
}
#footer img{
  border:0;
}
#footer a {
  font-weight:normal;
}
#footer ul{
  text-align:center;
  float:left;
  margin-right:100px;
}
#footer ul li {
  margin-bottom:3px;
  font-size:13px;
}
#footer ul a, #footer .logo-box a{
  font-weight:normal;
  color:#595959;
}
#footer ul a:hover, #footer .logo-box a:hover{
  text-decoration:underline;
}
#footer .logo-box{
  text-align:center;
  margin-top:-60px;
  position:absolute;
  left:50%;
  margin-left:-125px;
  width:250px;
  color:#595959;
}
#footer .logo-box img {
  display:inline;
}
#footer .logo-box a {
  font-size:13px;
  color:#595959;
}
#footer .logo-box a:hover {
  text-decoration:underline
}
#footer .accolades{
  clear:both;
  text-align:center;
  margin-top:10px;
}
#footer .accolades img{
  display:inline;
}
#footer .affiliates {
  clear:both;
  text-align:center;
  margin-top:5px;
}
#footer .affiliates img{
  display:block;
  margin: 0 auto;
}

/* PAGES + PARTIALS */

/* BRANDS */

ul.brand-bar{
  margin:39px auto;
  padding:0px 10px;
  z-index:1;
  white-space: nowrap; 
  text-align:center; 
}
ul.brand-bar li {
/*
  float:left;
  */
  display:inline-block;
  margin:0px 10px 0px 10px;
  width:152px;
  height:158px;
  position:relative;
}
ul.brand-bar li p{
  display:none;
  position:absolute;
  bottom:0px;
  left:-20px;
  right:-20px;
  top:160px;
  font-size:13.5px;
  margin:0;
}
ul.brand-bar li:hover p{
  display:block;
}

/* CONTACT US */

#contact-us div.address {
  width:240px;
}
#contact-us div.address p {
  margin:0px;
}

/* CAREERS */

#career-ads .career-ad {
  position:relative;
}
#career-ads .career-ad .read-more{
  position:absolute;
  bottom:0px;
  left:15px;
}
#career-ads .career-ad.full-width .read-more{
  left:700px;
}
/* MISSION STATEMENT */

#mission-statement-circle {
  background-image:url(../img/missionstatement-big-circle2.png);
  background-repeat:no-repeat;
  width:542px;
  height:540px;
  margin:0 auto;
  position:relative;
}
#mission-statement-circle > div {
  position:absolute;
  top:175px;
  left:70px;
  right:70px;
}

/* PEOPLE */

div.person{
  float:left;
  width:186px;
}
div.person p{
  font-size:12px;
  margin-top:5px;
  line-height:15px;
  font-family:'Lato', sans-serif;
}

#person-page .biog-box {
  width:690px;
  padding:20px;
  margin-top:25px;
}
#person-page .person-contact{
  font-weight:normal;
}
#person-nav {
  position:relative;
  height:360px;
}

#person-nav > div{
  float:left;
}
#person-nav .person-button-container{
  width:289px;
  height:360px;
  position:relative;
}

#person-nav div.person-button {
  top:50%;
  position:absolute;
  height:200px;
  margin-top:-75px;
  width:140px;
}
#person-nav div.person-button img{
  opacity:.7;
}
#person-nav div.person-button p {
  margin:5px 0px 0px;
  line-height:1.2
}
#person-nav div.person-button.next {
  left:60px;
}
#person-nav div.person-button.prev {
  right:60px;
}

#person-nav a.arrow-button {
  top:50%;
  margin-top:-17.5px;
  position:absolute;
}
#person-nav a.arrow-button.prev{
  right:10px;
}
#person-nav a.arrow-button.next{
  left:10px;
}

/* PRODUCT INNOVATION */

#product-innovation-process {
  width:640px;
  height:726px;
  position:relative;
  background-image:url(/img/product-innovation.png);
  background-repeat:no-repeat;
}
#product-innovation-process div {
  position:absolute;
  width:235px;
  height:105px;
}
#product-innovation-process div p {
  font-size:95%;
  line-height:1.4;
}
#product-innovation-process div.concept-design,
#product-innovation-process div.pre-production {
  left:0px;
}
#product-innovation-process div.concept-design,
#product-innovation-process div.product-development {
  top:250px;
}
#product-innovation-process div.product-development,
#product-innovation-process div.manufacture {
  right:0px;
}
#product-innovation-process div.pre-production,
#product-innovation-process div.manufacture {
  bottom:0px;
}

/* DISTRIBUTION CHANNELS */

#distribution-channels p {
  width:200px;
  line-height:1.3;
}

/* MANUFACTURING */

ul.manufacturing-page-list {
  list-style-type:disc;
  padding-left:15px;
  margin-top:20px;
  margin-right:120px;
}


/* TEAMTALK VIEWER */
#team-talk-viewer {
  position:relative;
  height:213px;
}

#team-talk-viewer .team-talk-container {
  position:absolute;
  left:50%;
  margin-left:-75px;
  display:none;
}
#team-talk-viewer .team-talk-container.visible {
  display:block;
}

#team-talk-viewer .team-talk-nav{
  width:240px;
  position:absolute;
  margin-left:-120px;
  left:50%;
  bottom:-50px;
}

#team-talk-viewer .team-talk-months {
  position:absolute;
  bottom:-117px;
  margin-left:-76px;
  left:50%;
  width:132px;
  padding:10px;
  text-align:left;
  display:none;
}

#team-talk-viewer .team-talk-months a{
  display:block;
  margin-top:5px;
}

/* NEWS */

/* Summary */

#news-summary .news-nav {
  width:55px;
  display:block;
  float:left;
}
#news-summary .articles {
  float:left;
  width:620px;
  margin-right:55px;
}
#news-summary .twitter-feed {
  float:left;
  width:260px;
}
#news-summary a.article-title {
  display:block;
  margin:10px 0px;
  max-width:540px;
  line-height:1;
}
#news-summary .article-body {
  text-align:justify;
  color:#fff;
  float:left;
  margin-top:0px;
}
#news-summary .article-body a, #news-article .article-body a {
  color:#fff;
}
#news-summary .article-body a:hover, #news-article .article-body a:hover {
  color:#262262
}

/* Articles */

#article-image-switcher {
  width:250px;
  height:250px;
  float:left;
  margin:0px 15px 15px 0px;
  position:relative;
}
#article-image-switcher > img.active-img {
  display:block;
}
#article-image-switcher > img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
#article-image-switcher .thumbs {
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  width:250px;
  height:54px;
  overflow:hidden;
}
#article-image-switcher .thumbs > img {
  float:left;
  margin-right:11px;
  cursor:pointer;
  border:2px solid transparent;
}
#article-image-switcher .thumbs > img.active-img {
  border:2px solid #fff;
}

/* MULTI-USE CLASSES */

/* SITE LAYOUT */

.grey-stripe{
  width:100%;
  background-color:#f4f4f2;
  background-repeat:repeat;
  background-position:top left;
  text-align:center;
  margin:21px 0px;
  box-shadow:0px 2px 2px rgba(0,0,0,0.2);
}
.grey-box {
  background-color:#f4f4f2;
  padding:15px;
  box-shadow:0px 2px 2px rgba(0,0,0,0.3);
  border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.news-box {
  height:185px;
  overflow:hidden;
}
.news-box img {
  float:left;
  margin-right:15px;
}
.news-box p{
  width:65%;
  margin-top:0;
  font-size:12px;
}
.content{
  width:938px;
  margin:0px auto;
  padding:21px;
  text-align:left;
  zoom:1;
}
.content:before, .content:after {content:"";display:table;}
.content:after{clear:both;}

/* LISTS */

ul.spaced li {margin-bottom:5px;}
ul > li.last-item{margin:0 !important;}

.category-nav ul {
  padding-left:60px;
}

.category-nav ul li{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.category-nav ul li .button {
  font-size:13px;
  text-transform:none;
  color:#262262;
  font-family:'Open Sans', sans-serif;
  background-repeat:no-repeat;
  padding-right:30px;
  display:block;
  background-image:url('/img/nav/tick-cross.png');
}

.category-nav ul li .button.active {
  background-position:right 6px;
  box-shadow:inset -.5px 1px 2px rgba(0,0,0,0.2);
}

.category-nav ul li .button.inactive {
  background-position:right -23px;
  color:#aaa;
}
.category-nav ul li .button.inactive:hover,
.category-nav ul li .button.active:hover {
  color:#f15a29;
}


/* COLUMNS */

/* Two */
.two-columns .column {
  width:449px;
  float:left;
  margin-right:20px;
}
.two-columns .column.last{margin-left:20px;margin-right:0px;}

.two-columns.narrow-middle .column{width:464px;margin-right:5px;}
.two-columns.narrow-middle .column.last{margin-left:5px;margin-right:0px;}

/* Three */
.three-columns .column {
  width:302px;
  float:left;
  margin-right:10px;
}
.three-columns .column.last{margin-left:10px;margin-right:0px;}

.three-columns.narrow-middle .column{width:312px;margin-right:5px;}
.three-columns.narrow-middle .column.last{margin-left:5px;margin-right:0px;}

/* More */
.auto-columns .column{
  width:auto;
  float:left;
  margin-right:5%;
}
.auto-columns .column.last{margin-left:2%;margin-right:0px;}

/* BOX MODS */

.clearfix {zoom:1;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.rounded, .rounded-ie {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.rounded-top {border-radius:5px 5px 0px 0px;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;}
.rounded-bottom {border-radius:0px 0px 5px 5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;}
.shadow-bottom{box-shadow:0px 2px 2px rgba(0,0,0,0.3) !important;}
.inner-shadow{box-shadow:inset -.5px 1px 2px rgba(0,0,0,0.2);}
.float-left{float:left;}
.float-right{float:right;}

/* BACKGROUNDS */

.grey-bg {background-color:#f3f2f0;}
.white-bg {background-color:#fff;}

/* MARGIN + PADDING */

.margin-left{margin-left:10px !important;}
.margin-right{margin-right:10px !important;}
.margin-top{margin-top:10px !important;}
.margin-bottom{margin-bottom:10px !important;}
.margin-y{margin-top:10px !important;margin-bottom:10px !important;}
.margin-x{margin-left:10px !important; margin-right:10px !important;}
.margin-auto-x{margin-left:auto !important;margin-right:auto !important;}
.big-margin-left{margin-left:25px !important;}
.big-margin-right{margin-right:25px !important;}
.big-margin-top{margin-top:25px !important;}
.big-margin-bottom{margin-bottom:25px !important;}
.big-margin-y{margin-top:25px !important;margin-bottom:25px !important;}
.big-margin-x{margin-left:25px !important; margin-right:25px !important;}

.no-margin{margin:0 !important;}

.padding-top{padding-top:10px !important;}
.padding-bottom{padding-bottom:10px !important;}
.padding-left{padding-left:10px !important;}
.padding-right{padding-right:10px !important;}
.padding-y{padding-top:10px !important;padding-bottom:10px !important;}
.padding-x{padding-left:10px !important; padding-right:10px !important;}

.no-padding{padding:0 !important;}

/* TEXT COLOUR */

.orange {color:#f15a29}
.blue {color:#262262}
.white {color:#ffffff;}
.red{color:#cc0000;}

/* TEXT MODS */

.text-shadow{text-shadow:0px 1px 0px rgba(0,0,0,0.25);}
.small-font{font-size:13px;}

/* ALIGNMENT */

.align-right{text-align:right;}
.align-left{text-align:left;}
.align-full{text-align:justify;}
.align-centre{text-align:center;}

/* TEXT/LINK TYPES */

.button {
  padding:7px;
  background-color:#ffffff;
  box-shadow:0px 2px 2px #ddd;
  font-family:'Lato', sans-serif;
  text-shadow:0px 1px 0px rgba(0,0,0,0.25);
  line-height:normal;
  cursor:pointer;
  color:#f15a29;
  text-transform:uppercase;
  font-weight:normal;
}
.button:hover{
  color:#262262;
}
a.blue-link{
  color:#262262;
  font-weight:normal;
}
a.blue-link:hover{
  color:#f15a29;
}
#container .recaptchatable{
  background-color:#fff;
}

#cv-upload-form{
  width:50%;
  margin: auto;
}




/* New Nav */

#navigation {
  display:flex;
  width:980px;
  margin:0px auto;
  align-items:center;
  margin-top: -101.5px;
}
#nav_left{
  width: 379px;
}
#nav_left ul.top-level{
  justify-content: flex-end;
}
#nav_image {
  flex:0 0 223px;
}

#nav ul.top-level {
  display:flex;
  float: unset;
}
#nav_right{
  width: 379px;
}
#nav_right ul.top-level{
  justify-content: flex-start;
}
#nav_right ul.top-level>li:first-child{
  margin-left: 5px;
}

#nav.content{
  width: 980px;
}

/* Give This a 101.5px bottom margin to push the brand logos down */
.nav_container{
  margin: 0px 0px 101.5px;
}