/*
Theme Name: Frarendi
Theme URI: 
Description: Custom theme for frarendi.com
Author: Erik Anderson for synergy-mg.com
Version: 1.0
Tags: custom
*/
/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

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; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, button, input, select, textarea {font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; color: #404041; }
body { margin: 0; font-size: 1em; line-height: 1.4; font-weight: 400; }

::-moz-selection { background: #666; color: #fff; text-shadow: none; }
::selection { background: #666; color: #fff; text-shadow: none; }

a {text-decoration: none; outline: 0;}
p {margin:0 0 1em 0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin: 0; padding: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

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

ul, ol { margin:0; padding:0; list-style: none; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

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

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* !TYPOGRAPHY-----------*/

.roboto {font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; }
/*300, 400, 700*/


.txtShadow {text-shadow: 0px 1px 5px rgba(0,0,0,.2);}
.txtShadowDark {text-shadow: 0px 1px 5px rgba(0,0,0,.7);}
.txtHighlight {text-shadow: 0 1px 0px #fff;}

.alignCenter { text-align: center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.upper { text-transform: uppercase;}
.space { letter-spacing: .05em;}
.space1 { letter-spacing: .1em;}
.space2 { letter-spacing: .2em;}

.pageText p, .pageText h1, .pageText h2	 {margin: 0 0 20px;}
.pageText h1 {font-size: 200%; line-height: 1.2em; color:#3b5971; font-weight: 300;}
.pageText p, .pageText h2 {font-size: 90%; line-height: 1.7em;}
.pageText ul, .pageText ol {padding:0 0 1em 25px; line-height:1.5em; font-size: 90%;}
.pageText ul li { list-style: disc outside;  padding-bottom: .5em;}
.pageText ol li { list-style: decimal outside;  padding-bottom: .5em;}
.pageText h3, .pageText h4, .pageText h5, .pageText h6 {font-weight: 700; margin: 0 0 10px; color:#3b5971;}


.fs50 {font-size: 50%;}
.fs55 {font-size: 55%;}
.fs60 {font-size: 60%;}
.fs65 {font-size: 65%;}
.fs70 {font-size: 70%;}
.fs75 {font-size: 75%;}
.fs80 {font-size: 80%;}
.fs85 {font-size: 85%;}
.fs90 {font-size: 90%;}
.fs95 {font-size: 95%;}
.fs115 {font-size: 115%;}
.fs130 {font-size: 130%;}
.fs200 {font-size: 200%; line-height: 1em;}
.fs240 {font-size: 240%; line-height: 1em;}
.fs270 {font-size: 270%; line-height: 1em;}
.fs320 {font-size: 320%; line-height: 1em;}

.lh08 {line-height: .8em}
.lh1 {line-height: 1em;}
.lh12 {line-height: 1.2em;}

.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw700 {font-weight: 700;}




/* !LINKS & COLORS-----------*/
a {-moz-transform: rotate(0);}
a {transition: all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
a.fade:hover {opacity: .6;}

.mdGrey80 {color:rgba(0,54,108,.9);}
.dkGrey {color:rgba(20,20,20,.9);}

a:link,
a:visited,
.ltOrange, 
a.ltOrange,
a:hover,
a:active
{color:#ea7e00;}

.ltBlue {color:#b3bbc1}

a.mdBlue:link,
a.mdBlue:visited,
.formHeading a:link,
.formHeading a:visited,
.mdBlue {color:#3b5971;}

a.white:link,
a.white:visited,
footer a:link,
footer a:visited,
.white {color: #FFF;}

a.ltOrange:hover,
a.ltOrange:active,
a.mdBlue:hover,
a.mdBlue:active,
.formHeading a:hover,
.formHeading a:active,
a.white:hover,
a.white:active,
footer a:hover,
footer a:active,
.blogCats a:hover,
.blogCats a:active
{opacity:.6;}

footer a {text-decoration: underline;}

.pointer {cursor: pointer;}
.noStyle {text-decoration: none;}

/* !LAYOUT-----------*/
.mtop10 {margin-top: 10px;}
.mtop15 {margin-top: 15px;}
.mtop20 {margin-top: 20px;}
.mtop30 {margin-top: 30px;}
.mtop40 {margin-top: 40px;}
.mtop50 {margin-top: 50px;}
.mtop60 {margin-top: 60px;}
.mright50 {margin-right: 50px;}
.mleft70 {margin-left: 70px;}
.mbottom10 {margin-bottom: 10px;}
.mbottom20 {margin-bottom: 20px;}
.mbottom30 {margin-bottom: 30px;}
.mbottom40 {margin-bottom: 40px;}
.mbottom50 {margin-bottom: 50px;}
.mbottom60 {margin-bottom: 60px;}
.mbottom90 {margin-bottom: 90px;}
.mtb5 {margin:5px auto;}
.mtb15 {margin:15px auto;}
.mtb25 {margin:25px auto;}

.pad10	{padding: 10px;}
.pad15	{padding: 15px;}
.pad25 {padding:25px;}
.ptb10 {padding:10px 0;}
.ptb30 {padding:20px 0;}
.prl25 {padding-right:25px; padding-left:25px;}
.ptop5 {padding-top: 5px;}
.ptop10 {padding-top: 10px;}
.ptop30 {padding-top: 30px;}
.pbottom5 {padding-bottom: 5px;}
.pbottom10 {padding-bottom: 10px;}
.pbottom15 {padding-bottom: 15px;}
.pbottom20 {padding-bottom: 20px;}
.pbottom30 {padding-bottom: 30px;}
.pbottom40 {padding-bottom: 40px;}
.pleft50	{padding-left: 50px;}
.pleft70 {padding-left: 70px;}

.fleft, .alignleft { float: left;}
.fright, .alignright { float: right; }
.clear {clear:both;}
.clearLeft {clear:left;}
.inline {display: inline-block;}
.inlineBlock {display: inline-block; width: 100%;}
.rel {position: relative;}

.z1 {z-index: 0;}
.z2	{z-index: 100;}
.z3	{z-index: 1000;}
.z4	{z-index: 10000;}

.bbox {	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* !TEMPLATES-----------*/

html, body {height: 100%;}

header{
	position:relative;
	background: #FFF; 
	-webkit-box-shadow: 0 -8px 15px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 -8px 15px 10px rgba(0, 0, 0, 0.4);
	width:100%;
	padding:0 0 25px 0;
}
.topBar {margin-bottom: 10px; background:#b3bbc1; height: 40px; }

.container {
	-webkit-box-shadow: 0 10px 15px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 10px 15px 10px rgba(0, 0, 0, 0.4);
	background: #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
footer { width:100%; min-height: 300px; background: #333 url(images/footer-bg.png) repeat center top;}


a.logo {display:block; margin:30px 0 20px 11px; width: 346px; height: 56px; text-indent: -9999px; background: url(images/frarendi-logo.png) no-repeat center bottom; }
footer a.logo {width: 253px; height: 41px; margin-left:0; background: url(images/frarendi-logo-footer.png) no-repeat center bottom; }

.col982 {max-width:982px; margin-left: auto; margin-right: auto; position: relative;}
.col727 {max-width: 727px;}
.col717 {max-width: 717px; width: 100%;}
.col615 {max-width: 615px;}
.col482 {max-width: 482px;}
.col482 img {max-width: 431px; height: auto;}
.col265 {max-width: 265px;}
.col263 {max-width: 263px;}
.col241	{max-width: 241px;}
.col230 {width: 230px; margin-left: 5px;}
.col230 img {height: auto; width: 100%; max-width: 200px; margin: 0 30px 0 5px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.pageLeft {float: left; text-align: left; }
.pageRight {float: right; text-align: left;}

.content {position:relative; margin:0 auto; max-width: 962px; width:100%; margin: 0 auto;}
.home .content:after {
		content: "";
		background: url(images/bottom-shadow.png) no-repeat center bottom;
		max-width: 962px;
		width:100%;
		height: 17px;
		display: block;
		margin-bottom: 20px;
		border-top: 1px solid #FFF;
}
.content img.bbox {width:100%; border-left: 1px solid #FFF; max-width:482px;}
.content .col717 img.bbox {max-width:717px;}
.content .col727 img.bbox {max-width:727px;}

.quote	{position: relative; max-width: 245px; background: #FFF url(images/quote-top.png) no-repeat center top; padding-top:6px; margin-top: -6px; -webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;}

.formContent {padding: 10px 20px; background: #FFF url(images/quote-center.png) no-repeat center top;}
.formContent:before, .formContent:after	{
		content: "";
		width: 11px;
		height: 313px;
		display: block;
		position: absolute;
		top:0;
}
.formContent:before {
		background: transparent url(images/quote-left.png) no-repeat center top;
		left:-11px;
}
.formContent:after {
		background: transparent url(images/quote-right.png) no-repeat center top;
		right: -11px;
}

.pageText .formHeading, .pageText .formContent:before, .pageText .formContent:after {display: none;}
.pageText .formContent {background: none; padding:0;}

.homeQuoteWrap {position: absolute; display: block; width: 100%; top:-11px; right:0;}
.homeQuoteInnerWrap {width:100%; max-width:960px; margin:0 auto;}
.homeQuote {max-width: 315px; background: #FFF; float: right; -webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; height: 481px; overflow: hidden;}
.homeQuote p {margin:0;}
.homeButtons {padding:17px 20px 10px;}
.formHeading {background: #e1e1e1; padding:10px; overflow: hidden; }
.home .formHeading {margin-top:10px; padding:15px 10px; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .3); box-shadow: 0px 1px 5px rgba(0, 0, 0, .3); border:1px solid #FFF; border-left: 0; border-right: 0;}


.imageHeading {position: absolute; padding:20px; max-width: 441px; }
.topleft {left:1px; top:0;}
.topright {right:0px; top:0;}
.bottomleft {left:1px; bottom:0;}
.bottomright {right:0px; bottom:0;}


.vendors li {padding:20px 16px; display: inline-block; max-width: 160px;}
.vendors li img {width: 100%; height: auto;}
.vendors li a {border-left:1px solid transparent;}

.dataText {width:292px; float:right;}
.dataText p {margin: 0;}
.dataTitle {width:100px; padding-right:20px;}
.pageText ul.productList>li:nth-child(even) {background-color: rgba(0,0,0,.04); }
.pageText ul.productList {padding-left:0; font-size: 100%; }

/* !TEXTURES & BORDERS-----------*/
.bgWhite {background-color: #FFF;}
.bgWhite80 {background-color: rgba(255,255,255,.8);}
.bgGreen80  {background-color: rgba(0,54,108,.9);}
.bgGrey80 {background-color: rgba(20,20,20,.6);}
.bgGrey {background-color: rgba(0,0,0,.1);}
.bgGrey5 {background-color: rgba(0,0,0,.04);}
.trans {}

.hrGrey {border-bottom: 1px solid #c4c4c4; padding-bottom: 5px;}

.shadow {-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); }
.shadowLeft {display: block; background: url(images/home-content-left-shadow.png) no-repeat left top; width: 11px; height: 353px; position: absolute; left: -11px; top:0;}

/* !SEARCH - - - */
#searchform {position:relative; margin: 9px 30px 0; width:205px; height:20px; background: #FFF url(images/search.png) no-repeat 188px 5px;     
	-webkit-border-radius: 3px;
	border-radius: 3px;
    border-top: 1px solid #acaaa9;
    border-bottom: 1px solid #FFF;
    
}
.wp-pagenavi a, .wp-pagenavi span {border:none!important;}

.col717 #searchform {margin-left: 0;}
#searchform input[type="text"] {border:0 none; background: transparent; padding:0; position: absolute; left: 8px; top:1px; letter-spacing:.05em; width:170px; color:#888;}
#searchform .searchsubmit {width:20px; height: 20px; position: absolute; right:0; top:0; display: block; text-indent: -9999px; border:0 none; background: none; }

.contactNumbers {text-align: right; padding-right: 45px; background: url(images/phone.png) no-repeat right center; min-height: 57px; margin-right: 11px; float: right;}
.contactNumbers span {margin-left: 5px;} 


/* !SOCIAL - - - */
.icon a	{display:block; margin-right:8px; text-align: left; text-indent:-9999px; padding-left:20px; background-image: url(images/social.png); background-repeat: no-repeat;}

.icon a:hover,
.icon a:active {opacity: .5;}

.socialNav {display:inline-block; margin-right: 11px;}
.socialNav ul{list-style: none; display: inline-block; margin-top:11px;}
.socialNav ul li {display:block; height:auto; height: 22px; list-style: none; float: left; }

.linkedin a {background-position:0 2px;}
.facebook a {background-position:0 -37px;}
.twitter a {background-position:0 -77px;}
.google a {background-position:0 -116px;}
.youtube a {background-position:0 -157px;}


/* !BUTTONS - - - */

a.button {
display:block;
text-align:left;
text-shadow: 0px -1px 1px rgba(0,0,0,.5);
letter-spacing: .05em;
line-height: 50px;
color:#FFF;
padding:0 10px;
border:none;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .3);
box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); 
background: #b8cad8; /* Old browsers */
background: -moz-linear-gradient(top,  #b8cad8 0%, #405e75 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8cad8), color-stop(100%,#405e75)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b8cad8 0%,#405e75 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b8cad8 0%,#405e75 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b8cad8 0%,#405e75 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b8cad8 0%,#405e75 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8cad8', endColorstr='#405e75',GradientType=0 ); /* IE6-9 */
position: relative;
z-index: 9999;
}

a.button{
-webkit-border-radius: 3px;
border-radius: 3px;
}

a.button:hover {
opacity: .9;
text-shadow: 0px 0px 5px rgba(255,255,255,.5);
}

a.button.order,
a.button.download,
a.button.view		{line-height:42px; margin:0 15px 12px 0; padding-left:45px; font-size: 90%; text-transform: uppercase;}

a.button.order		{background: url(images/ad-buttons.png) no-repeat 8px 7px, url(images/ad-button-bg.png) repeat-x left top;}
a.button.download	{
background: #fda700 url(images/ad-buttons.png) no-repeat 8px -46px; /* Old browsers */
background: url(images/ad-buttons.png) no-repeat 8px -46px, -moz-linear-gradient(top,  #fda700 2%, #ea7e00 100%); /* FF3.6+ */
background: url(images/ad-buttons.png) no-repeat 8px -46px, -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fda700), color-stop(100%,#ea7e00)); /* Chrome,Safari4+ */
background: url(images/ad-buttons.png) no-repeat 8px -46px, -webkit-linear-gradient(top,  #fda700 2%,#ea7e00 100%); /* Chrome10+,Safari5.1+ */
background: url(images/ad-buttons.png) no-repeat 8px -46px, -o-linear-gradient(top,  #fda700 2%,#ea7e00 100%); /* Opera 11.10+ */
background: url(images/ad-buttons.png) no-repeat 8px -46px, -ms-linear-gradient(top,  #fda700 2%,#ea7e00 100%); /* IE10+ */
background: url(images/ad-buttons.png) no-repeat 8px -46px, linear-gradient(to bottom,  #fda700 2%,#ea7e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda700', endColorstr='#ea7e00',GradientType=0 ); /* IE6-9 */ 
}
a.button.view		{background: url(images/ad-buttons.png) no-repeat 8px -99px, url(images/ad-button-bg.png) repeat-x left top;}


.gform_button, .slides a.button{
text-align:center;
padding:0 30px;
text-shadow: 0px 0px 6px #feca00,  0 -1px 0px #af5f00;
color:#FFF;
border-top: 1px solid #feca00;
border-bottom: 1px solid #af5f00;
border-right:0;
border-left:0;
-webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, .2);
transition: all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;
max-width: 300px;
margin-left: auto; margin-right: auto;
font-weight: 300; 
letter-spacing: .05em; 
text-transform: uppercase; 
line-height: 32px; 
height: 35px;
background: #fda700; /* Old browsers */
background: -moz-linear-gradient(top,  #fda700 2%, #ea7e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fda700), color-stop(100%,#ea7e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fda700 2%,#ea7e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fda700 2%,#ea7e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fda700 2%,#ea7e00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fda700 2%,#ea7e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda700', endColorstr='#ea7e00',GradientType=0 ); /* IE6-9 */ 
}


.slides a.button {
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
}


.gform_button:hover, .slides a.button:hover {
    border-top: 1px solid #af5f00;
    border-bottom: 1px solid transparent;
    opacity: .9;
	color:#FFF;
}

.homeQuote a.button {padding-left:0; margin-bottom: 14px;}
.homeQuote a.button span {background-image: url(images/button-bg.png); background-position: 20px center; background-repeat: no-repeat; padding-left:65px; display: block; }

/* !CONTACT-----------*/
.gform_body {font-size: 80%; margin: 10px 0; display: block; background: #FFF;}
.pageText .gform_body {font-size:100%;}
.gform_body:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
ul.gform_fields { list-style: none; margin: 0; list-style: none; padding:0;}
ul.gform_fields li, ul.gform_fields li span  {margin-top:10px; text-align: left; position:relative; list-style: none; }


.gform_body input.medium, .gform_body textarea.medium, .gform_drop_area {display:block; border:none; background: rgba(0,0,0,.05); padding: 4px 6px; margin: 0; width:100%; -webkit-box-shadow: inset 0px 5px 3px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.gfield_select {margin-top:4px; width:100%; padding:0; line-height: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.gform_body .inField label {display: block; position:absolute; left:6px; top:4px; color:#666;}
.inlineLabel label {padding-left: 4px; display: block; font-weight: 700;}
.gfield_description {padding-left: 4px; font-style: italic;}
.gformLeft, .gformRight {width:48%;}
.gformLeft {float: left;}
.gformRight {float: right;}

.pageText .gform_body h2 {font-size: 200%; font-weight: 300; line-height: 1em;}

.gfield_required, .required { padding: 3px; color: #ea7e00; }
.validation_error, .validation_message, #gforms_confirmation_message { color: #ea7e00; line-height: 1.2em; padding:5px; font-size: 80%; font-weight:500; }
.validation_message, #gforms_confirmation_message {text-transform: uppercase; clear: both;}
.validation_error { padding: 10px 0 0; font-style: italic; letter-spacing: .025em}

ul.gfield_radio, ul.gfield_checkbox {list-style: none; padding:0; margin:0;}
ul.gfield_radio li, ul.gfield_checkbox li {position:relative; display:block; float: left; padding: 2px 40px 0 20px; width:auto;}
ul.gfield_radio li:first-child, ul.gfield_checkbox li:first-child {padding-top:2px;}
ul.gfield_radio li:last-child, ul.gfield_checkbox li:last-child {margin-bottom: 10px;}
ul.gfield_radio li input[type="radio"], ul.gfield_checkbox li input[type="checkbox"] {position:absolute; top:4px; left:0;}
ul.gfield_radio label, ul.gfield_checkbox label {left:25px; top:4px; }
ul.gfield_radio li input[type="text"] {position:absolute; top:0px; left:25px; border:none; height:20px; background: rgba(0,0,0,.05); padding: 4px 6px; margin: 0; -webkit-box-shadow: inset 0px 5px 3px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

li.gform_validation_container {display:none;}
.gform_footer {text-align: center; clear: both; padding-top:10px;	margin-bottom: 50px;}


.tubepress_normal_embedded_wrapper, .tubepress_thumbnail_area {
width:auto!important;
}

.tubepress_container {
width: 100% !important;
height: 75% !important;
}

.tubepress_normal_embedded_wrapper{
position: relative !important;
padding-bottom: 56.25% !important;
width:100% !important;
padding-top: 30px !important; 
height: 0 !important; 
overflow: hidden !important;
clear:both !important;
margin-bottom:20px !important;
}

.youtube-player {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}


/* !SLIDERS-----------*/

.flexslider {position: relative; margin: 0; padding: 0;}
ul.flex-direction-nav a {
position: absolute;
width: 40px;
top:0; 
z-index: 888;
text-indent: -9999px; 
cursor: pointer;
height: 100%;
opacity: .4;
transition: all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;
}
.flexslider:hover ul.flex-direction-nav a{opacity: 1;}

#imageCycle {position:relative; margin: 0 auto 30px auto; display: block; max-width: 2000px; min-height: 100%; width: 100%; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #FFF;}

#imageCycle ul.flex-direction-nav a.flex-prev {left:0; background: url(images/prev.png) no-repeat right 50%;}
#imageCycle ul.flex-direction-nav a.flex-next {right:0; background: url(images/next.png) no-repeat left 50%;}
.imageText {position: absolute; left:15%; top:10%; max-width:400px; padding:30px; background: rgba(0,0,0,.15); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.slides li {height: 469px;}


/* !NAVIGATION-----------*/


/* !subnav */
nav#sub ul {margin: 0 0 15px; display: block; text-transform: uppercase;}
nav#sub ul li {clear:both; margin: 5px 0; }
nav#sub ul li a {-moz-border-radius: 15px 0 0 15px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; padding:5px 20px 7px 15px; letter-spacing: .025em; font-size: 90%;}
nav#sub > ul > li > a {background:rgba(240, 240, 240, 0.70);}
nav#sub ul ul {background:rgba(240, 240, 240, 0.70); margin: 0; padding:10px; margin-left: 10px;}

nav#sub > ul > li.current_page_item > a,
nav#sub > ul > li.current_page_ancestor > a,
nav#sub > ul > li.current-cat > a,
.tag-articles nav#sub li.articles > a,
.tag-bios nav#sub li.bios > a,
.tag-news nav#sub li.news > a,
.tag-parts nav#sub li.parts > a
{background:#939ea7; color:#FFF; }

nav#sub a {display: block; line-height: 1.2em; color:#3b5971; }
nav#sub ul ul a {color: #898989;}
nav#sub ul ul li.current_page_item > a {color: #939ea7;}
nav#sub a:hover {opacity: .6}

/* !top nav */
nav ul.topNav {display:inline-block;  float:right; letter-spacing: .05em; position:relative; line-height: 40px;}
nav ul.topNav li {position:relative; display: inline; padding-left:12px;}
nav ul.topNav li:first-child: {margin-left: 0;}
nav ul.topNav > .current_page_item:after,
nav ul.topNav > .current-page-ancestor:after,
.tag-blog nav ul.topNav > .clinicalResources:after


{   background: url("images/up-arrow.png") repeat scroll center top rgba(0, 0, 0, 0);
    content: "";
    height: 8px;
    left: 47%;
    position: absolute;
    top: 21px;
    width: 18px;
}

nav ul.topNav a {text-decoration: none; color:#3b5971;}
nav ul.topNav a:hover {text-decoration: none; color: #ea7e00;}
nav ul.topNav > .current_page_item > a, 
nav ul.topNav > .current-page-ancestor > a,  
.tag-blog nav ul.topNav > .blog > a  
{color:#ea7e00;}




/* !primary nav */
.navWrap {
width:100%; padding:20px 0; text-align: center;
background: #fda700; /* Old browsers */
background: -moz-linear-gradient(top,  #fda700 2%, #ea7e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fda700), color-stop(100%,#ea7e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fda700 2%,#ea7e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fda700 2%,#ea7e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fda700 2%,#ea7e00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fda700 2%,#ea7e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda700', endColorstr='#ea7e00',GradientType=0 ); /* IE6-9 */
}


a.toggleMenu {
	width: 100%;
	position: relative;
	display: none;
	color: #fff;
    text-shadow: 0px 1px 5px rgba(0,0,0,.6);
    font-size: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    height: 60px;
    line-height: 60px;
    text-align: left;
    text-indent: 20px;
}
a.toggleMenu:after {
	content:"";
	background: url('images/nav-icon.png') no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	right:20px;
	top:20px;
}

.primary {
    list-style: none;
     *zoom: 1;
	 max-width: 960px;
	 margin:0 auto;

}
.primary:before,
.primary:after {
    content: " "; 
    display: table; 
}
.primary:after {
    clear: both;
}
.primary ul {
    list-style: none;
}
.primary a {
    color:#fff;
}
.primary li {
    position: relative;
    text-align: left;
}
.primary > li {
    display: inline-block;
	 letter-spacing: .05em;
}
.primary > li > .parent {
    background-repeat: no-repeat;
    background-position: right;
}
.primary > li > a {
    display: block;
    text-shadow: 0px 1px 5px rgba(0,0,0,.6);
    font-size: 35px;
    font-weight: 300;
    padding: 10px 40px;

}


.primary > li > a:hover {
	    text-shadow: 0px 0px 5px rgba(255,255,255,.5);
}

.primary li ul {
    position: absolute;
    left: 25px;
    display: none;
    width: 200px;
    padding:10px 20px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(80%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.2);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #FFF;
	z-index: 9999;
	letter-spacing: .025em;
}
.primary > li.hover > ul {
display: block;
}
.primary li li.hover ul {
    left: 100%;
    top: -5px;
}
.primary > li > ul:before {
  content: "";
  top: -9px;
  left: 25px;
  position: absolute;
  background: url(images/up-arrow.png) repeat center top;
  width: 18px;
  height: 9px;
}
.primary li li ul:before {
  content: "";
  top: 10px;
  left: -9px;
  position: absolute;
  background: url(images/left-arrow.png) repeat center top;
  width: 9px;
  height: 18px;
}

.primary li li a {
	    display: block;
	    position: relative;
	    z-index:100;
	    color:#3b5971;
	    font-weight: 700;
	    font-size: 13px;
	    text-shadow: 0 1px 0px #fff;
	    line-height: 1.2em;
	    text-transform: uppercase;
	    padding:10px 0;
}
.primary li li a:hover, .primary li li a:active {color:#ea7e00;}
.primary li li.current-menu-item > a,
.tag-announcements .primary > li li.announcements > a,
.tag-careers .primary > li li.careers > a,
.tag-leadership .primary > li li.leadership > a{color:#666;}
	
.primary > li.current-menu-item:before,
.primary > li.current-page-ancestor:before,
.tag-about .primary > li.aboutUs:before
 {
	  content: "";
	  top: -20px;
	  left: 40%;
	  position: absolute;
	  background: url(images/current-arrow.png) repeat center bottom;
	  width: 26px;
	  height: 12px;	
}









/* -----------------------------------*/

/* !MEDIA QUERIES-----------*/

/*-----------------------------------*/


@media screen and (max-width: 960px) {
.homeQuote, .quote, .homeQuoteWrap {clear:both; position: relative; background:#FFF; top:0; right: 0; display: block; width: 100%; max-width: 100%; padding:0; margin:0;}
.homeQuote {margin-bottom: 40px;}
.formContent:after, .formContent:before	{display: none;}
.formHeading {padding:10px 0; margin: 0;}
.home .formHeading {margin:0 0 20px 0; }
.homeButtons {padding-top: 0;}
.content img.bbox {border-left: 0; max-width: 100%;}
.content .col727 img.bbox, .content .col717 img.bbox, .home .content img.bbox, .col482 img  { max-width: 100%;}
.content img {border: none;}
.imageHeading {left:0;}
.dataText {width:292px; float: left; clear:both;}


.col727, .col717, .col482, .col265 {margin-right: auto; margin-left: auto; width: 100%; max-width: 100%;}
.col230 {width:100%; margin:0;}
nav#sub ul {margin: 15px 0; display: block; width:100%;}
nav#sub ul li {clear:both; margin: 5px 0;}
nav#sub ul li a {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding:5px 20px 7px 15px; letter-spacing: .025em; font-size: 90%;}
nav#sub > ul > li > a {background:rgba(240, 240, 240, 0.70);}
nav#sub ul ul {background:rgba(240, 240, 240, 0.70); margin: 0; padding:10px 0; margin-left:0;}
.col230 h2 {margin-left: 15px; margin-right:15px;}
.col230 .pad15 h2 {margin-left: 0; margin-right:0;}

a.button.orderTest, a.button.downloadMenu, a.button.viewReport {margin-left: 15px;}

.pleft70, .pleft50 {padding-left: 0;}
.pad25 {padding:15px;}

.gformLeft, .gformRight {width:100%}
.gformLeft {float: none;}
.gformRight {float: none;}
ul.gfield_radio, ul.gfield_checkbox {height:auto;}
ul.gfield_radio li, ul.gfield_checkbox li {float:none;}

	.navWrap {width:100%; padding:0; }

    .active {
        display: block;
    }
    .primary > li {
        float: none;
        display: block;
       border-bottom: 1px solid rgba(0,0,0,.1);

    }
    .primary > li > .parent {
        background-position: 95% 50%;
    }
  
    .primary > li > .parent {
   background-image: none;
 
  }
    .primary li .more {
		background-image: url(images/nav-arrow.png);
		background-repeat: no-repeat;
		background-position: 50% 8px;
		background-color: rgba(0,0,0,.1);
		float: right;
		width: 20px;
        height: 20px;
		padding:0;
		cursor: pointer;
		z-index: 200;
		position: relative;
		right:20px;
		top:18px;
}
    .primary li li .more {top:10px;}

    .primary > li.hover > .more, .primary > li li.hover .more  {
		background-image: url(images/nav-arrow.png);
		background-color: rgba(255,255,255,.1);
		background-position: 50% -13px;

}  
	.primary > li > a {
	    padding: 10px 20px;
	    font-size: 25px;

}
  
    .primary ul {
        display: block;
        width: 100%;
}
   .primary > li.hover > ul , .primary li li.hover ul {
        position: static;
}
   .primary li  ul:before, .primary li.current-menu-item:before, .primary li.current-page-ancestor:before {display: none;}
   .primary li  ul {
	   	background: rgba(0,0,0,.1);
	   	border: none;
		-webkit-box-shadow:none;
		box-shadow:none;
		width: 100%;
		padding:0;
 }
	 
	.primary li li a {
	    color:#FFF;
	    text-shadow: none;
	    font-weight: 400;
	    padding:12px 25px;
}
	.primary li li:first-child a {padding-top: 12px;}
	.primary li li a:hover, .primary li li a:active {text-decoration:underline; color: #FFF;}
	.primary li.current-menu-item > a{background: rgba(0,0,0,.1);}
	.primary li.current-page-ancestor > a {background: rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.1);}
	.primary li li.current-menu-item > a{color:#FFF; text-decoration: underline;}
	 
}

@media screen and (max-width: 600px) {
.socialNav {display: none;}
nav ul.topNav {width:100%; text-align: center;}
.topBar {margin-bottom: 10px; }
a.logo {background-size: 240px auto; width: 240px; height:39px; margin:10px auto; float: none;}
#searchform {margin-left: auto; margin-right: auto; float: none;}
header {padding-bottom: 10px;}
.contactNumbers {background: none; padding:20px 0 0; margin: 10px auto; text-align: center; float: none; line-height: 1.2em; border-top: 1px solid #eaeaea;}
.contactNumbers span {clear:both; display: block;}
.imageHeading {display: none;}
.imageCaption {display: none;}
.col482 {margin-right: 0; width: 100%;}
ul.col982 {text-align: center; width: 100%;}
.imageText {max-width: 100%; top:20px; left:0; font-size: 70%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.slides li {height: 340px;}
}

@media screen and (max-width: 320px) {
.homeQuote a.button {font-size: 85%; letter-spacing: .0125em;}

}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after{ content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* CLEAR FIX*/
.clearfix:after{content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}