/*
    Simpson Strong-Tie Core Styles

    UPDATED: 2/21/14
    
    CONTENTS
    -------------------------------------
        1)  Base Styles
        2)  Core Styles
        3)  Large Gallery & Modal Pop up Styles
        4)  Footer Styles
    -------------------------------------
*/

/*
1) Base Styles
*/

/* Reset Box Model */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  background-color: #e5e5e5;
  color: #222;
}

body {
  position: relative;
  width: 990px; /* main width of website */
  margin: 0 auto;
  background-color: #fff;
  font: 0.8em/1.625 'helvetica-5', 'Arial', sans-serif;
}

/* Basic Links Styles */
body a {
  color: #999;
}

body a:hover {
  text-decoration: none;
}

/* Remove text-shadow in selection highlight: h5bp.com/i */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr, nav hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

nav hr {
  border-top-color: rgba(255,255,255,.2)
}

img, a img {
  vertical-align: middle;
  border: 0;
}
/* for small images inline eg approvals external link img */
img.lineup {
  vertical-align: top;
}

/* Reset fieldsets - ADD CUSTOM STYLE IF NEEDED */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Allow only vertical resizing of textareas. */
textarea {
  resize: vertical;
}

/* Chrome Frame prompt */
.chromeframe {
  margin: 0.2em 0;
  background: #ffff66; /* custom yellow */
  color: #000;
  padding: 0.2em 0;
}

/* Fix filter issue in IE */
.gradient {
  filter: none;
}

/*
2) Core Styles
*/

body > header {
  padding: 20px 20px 0;
}

h1, h2 {
  font-family: 'helvetica-4', helvetica, sans-serif;
}

/* Core Link Styles */
body section h3 a {
  color: #fff;
}

body section h3 a:hover {
  opacity: .5;
}

/* International Link Styles */
section #intlpanel ul a {
  text-decoration: none;
}

section #intlpanel ul a:hover {
  text-decoration: underline;
  color: #ccc;
}

/* Close 'X' Button Styles */
body .closeable {
  position: relative;
}

.panel-modal.closeable {
  position: absolute;
}

body .closeable a.closeclassic {
  position: absolute;
  z-index: 99;
  right: 14px;
  top: 3px;
  font: 2em 'helvetica-2', helvetica, arial;
  color: #ccc;
  text-decoration: none;
  cursor: pointer;
}

body .closeable a.closeclassic:hover {
  color: #333;
}

.panel-modal.closeable a.closeclassic {
  color: #ccc;
  cursor: pointer;
  display: block;
  float: right;
  font: 2em 'helvetica-2', helvetica, arial;
  position: absolute;
  margin: 0;
  text-decoration: none;
}

.panel-modal.closeable a.closeclassic:hover {
  color: #333;
}

/* General icon font line-height reset */
.icon {
  line-height: 0 !important;
}

span.icon.expandable {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  bottom: 10px;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99CCCCCC', endColorstr='#99CCCCCC');
  font-size: 1.25em;
  padding: 12px 4px;
  position: absolute;
  right: 10px;
}

span.icon.expandable:hover {
  background: rgba(0,0,0,0.5);
  color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99333333', endColorstr='#99333333');
}

/* Custom Grid Layout - Desktop (need to create custom sizes for responsive versions) */
[class*='col-'] {
  float: left;
  padding-left: 20px;
}

/* Remove left padding on most first occuring elements */
.first, section [class*='col-']:first-child, footer [class*='col-']:first-child, .panel-modal [class*='col-']:first-child { padding-left: 0; }

.col-16 { width: 16.315%; }

.col-20 { width: 20%; }

.col-25 { width: 25%; }

.col-30 { width: 30%; }

.col-33 { width: 33%; }

.col-40 { width: 40%; }

.col-45 { width: 45%; }

.col-50 { width: 50%; }

.col-60 { width: 60%; }

.col-67 { width: 67%; }

.col-70 { width: 70%; }

.col-75 { width: 75%; }

.col-80 { width: 80%; }

/* International Bar */
#intlbar {
  display: block;
  font-size: .85em;
  margin: 0;
  padding: 0;
}

#intlbar li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#intlbar span {
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
  width: 16px;
}

span.auflag {
  background: url(../img/site/header/au16.png) no-repeat;
}

span.nzflag {
  background: url(../img/site/header/nz16.png) no-repeat;
  background-position: 0 -1px;
}

#intlpanel {
  background: #777 url(../img/site/header/intl-globe-na.png) no-repeat top left;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .5);
  font-size: 1.2em;
  left: 0;
  position: absolute;
  top: -450px;
  width: 100%;
  z-index: 999;
}

#intlpanel div.header {
  background-color: rgba(255,255,255,.2);
  border-bottom: 1px dotted #aaa;
  color: #ccc;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
  font-family: 'helvetica-3', helvetica, sans-serif;
  margin-bottom: 10px;
  padding: 10px 0 10px 265px;
  text-transform: uppercase;
}

#intlpanel span, #intlpanel ul {
  color: #ddd;
  font-family: 'helvetica-3', helvetica, sans-serif;
}

#intlpanel ul {
  list-style-position: inside;
  list-style-type: square;
  margin-top: 0;
  padding: 0;
}

#intlpanel li a {
  color: white;
  font: .8em 'helvetica-4', helvetica, sans-serif;
  text-decoration: none;
}

/* Search box and button */
.search-wrapper, .ICS-header, div.ics {
  margin-top: 2%;
}

.ICS-header {
  background-image: url(../img/header5.jpg);
  float: left;
  height: 69px;
  width: 821px;
}

/* Search box and Nav list font adjustment */
#searchBox, nav #menu > li > a {
  font-size: 1.2em;
  margin: 0;
}

#searchBox {
  border: 1px solid #ccc;
  float: left;
  font-family: 'helvetica-4', helvetica, sans-serif;
  margin-right: 0;
  padding: 9px;
  vertical-align: middle;
  width: 50%;
}

.btn.search {
  background-color: #579;
  border: 1px solid #579;
  color: white;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 1em;
  line-height: 0;
  padding: 18px 12px;
}

.btn.search:hover {
  background-color: #69c;
}

.btn.search:active {
  background-color: #357;
}

/* Strong-Tie Logos */
.simpson-logo {
  background-image: url(../img/site/header/logosheet.png);
  background-repeat: no-repeat;
  float: right;
  position: relative;
}

.graysimpson-logo {
  background-image: url(../img/site/header/logosheet.png);
  background-repeat: no-repeat;
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
  z-index: 0;
}

/* Desktop Size Logos */
.simpson-logo {
  background-position: -427px -10px;
  display: block;
  width: 110px;
  height: 73px;
}

.graysimpson-logo {
  background-position: -546px -170px;
  display: block;
  float: none;
  height: 52px;
  width: 76px;
}

/* Navigation */
nav #menu {
  background: #bbb;
  height: auto;
  list-style: none;
  margin: 15px auto 0;
  padding: 0;
  width: 950px; /* desktop nav size */
}

nav #menu > li {
  border-left: 1px solid white;
  display: block;
  float: left;
  position: relative;
  text-align: center;
  width: 16.66%;
}

nav #menu a {
  text-decoration: none;
}

nav #menu > li > a {
  color: #555;
  display: block;
  font-family: 'helvetica-4', helvetica, sans-serif;
  outline: 0;
  padding: 10px;
}

nav #menu > li:hover > a {
  color: #fff;
}

nav #menu > li:hover {
  background: #579;
}

nav #menu > li:active {
  background: #3d556d;
}

nav #menu > li:first-child {
  border: 0;
}

nav #menu > li > ul, nav li ul li div.levelthree_small {
  background: #ddd;
  background: -moz-linear-gradient(top, #f6f6f6 0%, #dddddd 100%);
  background: -webkit-linear-gradient(top, #f6f6f6 0%, #dddddd 100%);
  -webkit-box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, .3);
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, .3);
  border-top: 1px solid transparent;
  left:-999em;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 220px;
  z-index: 998;
}

nav li ul li div.levelthree_small {
  border-top: 0;
}

nav > ul > li > ul > li, nav > ul > li > ul > li.leveltwo_linkb div ul > li {
  border-top: 1px solid rgba(255,255,255,.6);
  border-bottom: 1px solid rgba(0,0,0,.1);
  display: block;
  text-align: left;
}

nav > ul > li > ul > li.leveltwo_linkb {
  position: relative;
}

/*nav #menu li > ul > li.leveltwo_link section {

}*/

nav #menu li ul li:first-child, nav #menu li > ul > li.leveltwo_linkb li:first-child {
  border-top: 0;
}

nav li ul li ul {
  margin: 0;
  padding: 0;
}

nav li ul li ul li:first-child {
  border-top: 0;
}

nav li ul li a {
  color: #666666;
  display: block;
  padding: 8px;
  text-decoration: none;
}

nav li ul li:hover > a {
  color: #fff;
}

nav ul#menu li > ul > li:hover, nav ul#menu li > ul > li > div > ul > li:hover {
  background-color: #357;
  color: #fff;
}

nav #menu li:hover ul {
  left: 0;
}

nav li ul li:hover div.levelthree_small, nav ul li ul li.leveltwo_link:hover section {
  top: 0;
  left: 220px;
}

nav li ul li:hover div.levelthree_small.alignleft {
  left: -220px;
}

section.levelthree_large {
  background-color: #888;
  -webkit-box-shadow: 3px 12px 20px 0px rgba(0, 0, 0, .3);
  box-shadow: 3px 12px 20px 0px rgba(0, 0, 0, .3);
  border-left: 1px solid #fff;
  height: auto;
  left: -2999px;
  min-height: 340px;
  overflow: hidden;
  padding: 15px;
  position: absolute;
  top: 0;
  width: 571px;
}

.menuthumb {
  display: inline-block;
  float: left;
  height: 100%;
  width: 33.3%;
  text-align: center;
}

.menuthumb img {
  clear: both;
  margin: 0 auto;
  margin-bottom: 10px;
}

.menuthumb a {
  color: #e3e3e3;
}

.menuthumb a:hover {
  background: rgba(255,255,255,.3);
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.listcolumns {
  padding: 0 0 0 10px;
}

.listcolumns:before {
  color: #ccc;
}

.connectors .listcolumns:before {
  content: "Also in Connectors:";
}

.fastening .listcolumns:before {
  content: "Also in Fastening Systems:";
}

.lateral .listcolumns:before {
  content: "Also in Lateral Systems:";
}

.anchoring .listcolumns:before {
  content: "Also in Anchoring Systems:";
}

.literature .listcolumns:before {
  content: "Also in Literature:";
}

.software .listcolumns:before {
  content: "Popular Software:";
}

/* !! add in RPS nav code here !! */

.listcolumns li a, .listcolumns li a:visited {
  border: 0;
  color: #FFF;
  font-family: "helvetica-6", Arial, Helvetica, sans-serif;
  font-size: 8pt;
  margin: 0;
  margin-right: 5px;
  padding: 0;
  text-align: left;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  width: auto;
}

.listcolumns li a:hover {
  background-color: transparent;
  color: #CCC;
}

.listcolumns li a:first-child {
  margin: 0 10px 0 0;
  padding: 0;
}

.listcolumns li a:last-child {
  margin: 0 10px 0 0;
  padding: 0;
}

.listcolumns {
  width: auto;
}

/* float & allow room for the widest item */
.listcolumns li {
  float: left;
  list-style: square outside;
  margin: 0 0 0 5px;
  padding: 0;
  width: 32.3%;
}

/* stop the float */
.listcolumns br {
  clear: left;
}

.connectors {background: #888 url(../img/site/nav/flyout-connectors.jpg) center center;}
.fastening {background: #888 url(../img/site/nav/flyout-fasteners.jpg) center center;}
.lateral {background: #888 url(../img/site/nav/flyout-lateral.jpg) center center;}
.anchoring {background: #888 url(../img/site/nav/flyout-anchors.jpg) center center;}
/* !! add in RPS background here !! */

/*Navigation Featured Sprite*/
.menuthumb div {
  background: url(../img/site/nav/featured-items.jpg) no-repeat; /* update with RPS */
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
  box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
  height: 115px;
  margin: 10px auto;
  width: 115px;
}

nav .woodconnectors { background-position: left top !important; }
nav .cfsconnectors { background-position: -115px top; }
nav .ics { background-position: -230px top; }
nav .fasteners { background-position: left -115px; }
nav .quikdrive { background-position: -115px -115px; }
nav .ff { background-position: -230px -115px; }
nav .sf { background-position: left -230px; }
nav .sw { background-position: -115px -230px; }
nav .ats { background-position: -230px -230px; }
nav .adhesives { background-position: left -345px; }
nav .mecha { background-position: -115px -345px; }
nav .gpat { background-position: -230px -345px; }
nav .catalogs { background-position: left -460px; }
nav .fliers { background-position: -115px -460px; }
nav .techb { background-position: -230px -460px; }
nav .workshops { background-position: left -575px; }
nav .ocourses { background-position: -115px -575px; }
nav .training { background-position: -230px -575px; }
nav .desktopsft { background-position: left -690px; }
nav .mobilesft { background-position: -115px -690px; }
nav .websft { background-position: -230px -690px; }

/* update with RPS */

/* General Form Styles */

input[type="text"] {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font: 1em "helvetica-4", helvetica, arial, sans-serif;
  margin-top: 5px;
  padding: 5px;
  width: 100%;
}

/* Reset button/link */

input[type="reset"].textlink {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  text-decoration: underline;
}

input[type="reset"].textlink:hover {
  text-decoration: none;
 }

/* New Checkboxes and Radios */

.content input[type="checkbox"].defaultchk,
.content input[type="radio"].defaultchk {
  cursor: pointer;
  margin-top: 6px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  outline: 0;
  position: absolute;
}

.content input[type="checkbox"].defaultchk + label,
.content input[type="radio"].defaultchk + label {
  cursor: pointer;
  margin-left: 23px;
}

.content input[type="checkbox"].defaultchk + label:before,
.content input[type="radio"].defaultchk + label:before {
  font-family: 'StrongtieWebFont';
  font-size: inherit;
  margin-left: -23px;
  padding-right: 5px;
  vertical-align: middle;
}

.content input[type="checkbox"].defaultchk:disabled + label:before,
.content input[type="checkbox"].defaultchk:disabled + label,
.content input[type="radio"].defaultchk:disabled + label:before,
.content input[type="radio"].defaultchk:disabled + label {
  color: #CCC !important;
}

.content input[type="checkbox"].defaultchk + label.labelIntext,
.content input[type="radio"].defaultchk + label.labelIntext {
  margin-right: 0px;
}

.content input[type="checkbox"].defaultchk:disabled + label:before,
.content input[type="checkbox"].defaultchk:disabled:active + label:before {
  content: "\e155";
}

/* checkbox - icon: icon-checkbox-unchecked */
.content input[type="checkbox"].defaultchk + label:before { content: "\e155"; }

.content input[type="checkbox"].defaultchk:hover + label:before { color: #555; }

.content input[type="checkbox"].defaultchk:active + label:before {
  color: #000;
  content: "\e156"; /* icon-checkbox-partial */
} 

.content input[type="checkbox"].defaultchk:checked + label:before { content: "\e154"; } /* icon-checkbox-checked */

.content input[type="checkbox"].defaultchk:checked:active + label:before {
  color: #000;
  content: "\e154";
}

.content input[type="radio"].defaultchk + label:before { content: "\e158"; } /* circle-blank */

.content input[type="radio"].defaultchk:hover + label:before { color: #555; }

.content input[type="radio"].defaultchk:active + label:before { color: #000; } 

.content input[type="radio"].defaultchk:checked + label:before { content: "\e157"; /* circle */ } 


/* Push Buttons */

input[type="radio"].pushbutton, input[type="checkbox"].pushbutton {
  margin-top: 2px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
}

input[type="radio"].pushbutton + label, input[type="checkbox"].pushbutton + label {
  background: #e9e9e9;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .7), 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px rgba(255, 255, 255, .7), 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #666;
  cursor: pointer;
  display: inline-block;
  font: normal 1em "helvetica-5", helvetica, arial, sans-serif;
  margin: 5px 5px 5px 0;
  min-width: 58px;
  padding: 8px;
  position: relative;
  text-align: center;
  text-shadow: 1px 1px 0px rgba(255,255,255,1);
}
input[type="radio"].pushbutton:hover + label, input[type="checkbox"].pushbutton:hover + label {
  background-color: #f9f9f9;
  border-color: #dddddd;
  color: #000000;
}
input[type="radio"].pushbutton:checked + label, input[type="checkbox"].pushbutton:checked + label {
  background: #579;
  border-color: #357;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, 0.9);
  color: white;
  text-shadow: none;
}

input[type="radio"].pushbutton:disabled + label, input[type="checkbox"].pushbutton:disabled + label {
  border-color: #eeeeee;
  background-color: #f6f6f6;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #cccccc;
  cursor: default;
  font-family: "helvetica-4", helvetica, arial, sans-serif;
}

/* ICS Hero Section */

div.home.hero {
  background: url(../img/hero3.jpg) no-repeat;
  height: 487px;
  margin-top: 20px;
  padding: 10px 0 20px 30px;
  width: 950px;
}

div.home.hero.section {
  color: white;
  font-size: 1.2em;
}
div.home.hero h1 {
  color: #335577;
  font-family: "helvetica-3", helvetica, arial, sans-serif;
  line-height: 1em;
}

.promocolumns .promobox {
  background-color: #b5ceda;
  border-left: 1px solid #7da8bd;
  color: #335577;
  padding: 20px;
  padding-top: 0;
}

.promocolumns .promobox h2 {
  color: #557799;
}

.promocolumns .promobox.first {
  border-left: none;
  padding-left: 20px !important;
}

/* Form Error Styles */

.formsection .error .form-control, .formsection .error .dk_toggle {
  border: 1px solid #900;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.formsection .error .control-label {
  color: #900;
  display: block;
  clear: both;
  height: 0;
  position: relative;
}

.form-group .errorTooltip {
  display: none;
}

.form-group.error .errorTooltip {
  display: block;
}

.rightrail .formsection .form-group, .leftrail .formsection .form-group {
  position: relative;
}

.content .errorTooltip {
  color: #999999;
  display: inline;
  font: 10pt 'helvetica-6', helvetica, arial, sans-serif;
  left: 10px;
  opacity: 1;
  position: absolute;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  top: 25px;
  white-space: normal;
}

.content .leftrail .errorTooltip {
  left: 0;
  top: 35px;
}

.content .rightrail .errorTooltip {
  left: -12px;
  top: 35px;
  text-align: center;
}

.content .errorTooltip:after {
  background-color: rgba(153,0,0,.9); 
  border-radius: 3px;
  bottom: 26px;
  bottom: -100%;
  box-shadow: 0 0 15px rgba(0,0,0,.3);
  color: #fff;
  content: attr(data-title);
  left: 155%;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  white-space: pre-line;
  width: 220px;
  z-index: 3;
}

.lt-ie9 .content .errorTooltip:after {
  background-color: black;
}

.content .errorTooltip:before {
  border-bottom: 7px solid rgba(180,0,0,1); 
  border-left: 7px solid transparent; 
  border-right: 7px solid transparent; 
  content: "";
  left: 2px;
  top: -38px;
  position: absolute;
  z-index: 3;
}

.content .rightrail .errorTooltip:before {
  left: 100px;
}

body .content section.error span.errorTooltip:after {
  background-color: rgba(153,0,0,.9);
  border-radius: 3px;
  bottom:-140px;
  box-shadow: 0 0 15px rgba(0,0,0,.3);
  color: #fff;
  content: attr(data-title);
  left: 155%;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  width: 220px;
  white-space: pre-line;
  z-index: 3;
}

body .content section.error span.errorTooltip:before {
  border-bottom: 7px solid rgba(180,0,0,1);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: -109px;
  content: "";
  left: 2px;
  position: absolute;
  z-index: 3;
}

.formsection .control-label {
  display: none;
}

/* Subscribe Button */

input.button {
  background: #eee;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 1px 1px rgba(0, 0, 0, 0.05);
  bottom: 10px;
  color: #666;
  display: inline-block;
  font: 1em "helvetica-6", helvetica, arial, sans-serif;
  margin: 10px 0 0 0;
  outline: 0;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px rgba(255,255,255,1);
  text-transform: uppercase;
  width: 100%;
}
input.button:hover {
  background: #f8f8f8;
}
input.button:active {
  background: #ddd;
  border-color: #e9e9e9;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, 0.9);
  outline: 0;
  text-shadow: none;
}

/* General Content Section Styles */
section.content { 
  display: block;
  padding: 20px;
}

/* Breadcrumbs */

section.breadcrumb {
  padding-top: 10px;
}

.breadcrumb-socialsharing {
  line-height: 1.625em;
}

.breadcrumb ol {
  padding: 0;
  margin: 0;
}

.breadcrumb li {
  float: left;
  list-style: none;
}

.breadcrumb li:before {
  color: #ccc;
  content: " \f105 ";
  display: block;
  float: left;
  font-family: StrongtieWebFont;
  line-height: 1.625em;
  margin-left: 5px;
  padding-right: 5px;
}

.breadcrumb li:first-child:before {
  display: none;
}


/* Social Sharing Area Style */
.content #socialsharing {
  display: inline;
  float: right;
  margin: 0;
  padding: 0;
}

/* AddThis Styles */
.addthis_toolbox.two a, .addthis_toolbox.two a:visited {
  color: #aaa;
  text-decoration: none;
}

.addthis_toolbox.two a:hover {
  color: #579;
}

/* Content Link Styles */
.content a:hover {
  text-decoration: none;
}

/* Button Style */
.content a.button {
  background: #eee;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #666;
  display: inline-block;
  font: .9em "helvetica-6", helvetica, arial, sans-serif;
  margin: 10px 0 0 0;
  padding: 10px;
  text-align: center;
  text-shadow: 1px 1px 0px rgba(255,255,255,1);
  text-transform: uppercase;
  text-decoration: none;
  width: 100%;
}

.content a.button:hover {
  background: #f8f8f8;
}

.content a.button:active {
  background: #ddd;
  border-color: #e9e9e9;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, 0.9);
  text-shadow: none;
}

.content a.button span {
  margin-right: 7px;
}

/* Right Rail Button Changes */
.content .rightrail a.button {
  padding: 8px;
}

/* General Framework Content Styles */
.content p, .content pre {
  font-weight: normal;
}

.content .orange {
  color: #cc4207 !important;
}

.content blockquote {
  border-left: 1px solid #CCC;
  font-family: 'helvetica-4i';
  font-size: 16px;
  font-style: normal;
  margin: 20px 60px;
  padding: 0 20px;
}

.content cite {
  display: block;
  font: normal 1em/1.625 'helvetica-6', helvetica, sans-serif;
  margin: 10px 0 10px;
}

.content blockquote cite:before {
  content: "\2014 \2009";
}

.content pre {
  background: #f8f8f8;
  border: 1px solid #CCC;
  margin: 20px 60px;
  padding: 20px;
  white-space: pre-wrap;
}

.content strong {
  font: normal 1em 'helvetica-7', helvetica, sans-serif;
}

.content em {
  font: normal 1em 'helvetica-5i', helvetica, sans-serif;
}

.content .modeltable em {
  font: normal 1em 'helvetica-5ci', helvetica, sans-serif;
}

.content h3 {
  background: #369;
  background: -webkit-linear-gradient(top, #579 0%, #357 100%);
  border: none;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  color: white;
  font: 1.1em/1.2 "helvetica-6", helvetica, arial, sans-serif;
  margin: 20px 0;
  padding: 7px 10px;
}

.content h3.products_short {
  width: 770px;
}

/* General Left Rail Styles */
.content .leftrail {
  padding-left: 0;
}

.content .localnav, .content .mainsection article.box {
  background: url(../img/site/nav/debut_light.png);
}

.content .localnav > li a {
  color: #222;
  line-height: 0.85em;
  text-decoration: none;
}

/* General H1 Styles */
.content h1.title {
  position: relative;
}

.content h1.title span.bodysmallorange {
  color: #F74000;
  font-size: 8pt;
  font-weight: normal;
}

/* General Local Nav and Expandable Sections */
.content .localnav {
  border-top: 2px solid #ccc;
  line-height: 1.625em;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.content .leftrail ul.localnav {
  padding: 1em;
}

.content .localnav ul {
  padding: 0;
  margin: 0;
}
.content .localnav li {
  line-height: 1.25em;
  list-style: none;
  margin-bottom: 5px;
}
.content .localnav ul.dk_options_inner li {
  margin-bottom: 0;
}
.content .localnav li.expand a {
  color: #000;
  text-decoration: none;
}

/* Download Cart Section */

section.download {
  background: rgb(238,238,238);
  box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  border: 1px solid #DDD;
}

section.download h4 {
  padding: 6px 10px 4px;
  width: 100%;
  background-color: #dddddd;
  border-bottom: 1px solid rgba(190,190,190,.3);
  color: #666;
  font: 1.1em "helvetica-7", helvetica, arial, sans-serif;
  text-shadow: 0px 1px 0px rgba(255,255,255,.8);
  margin: 0;
}

section.downloadBox {
  background-color: white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, .4);
  box-shadow: 0px 0px 14px rgba(0, 0, 0, .4);
  margin-top: -1px;
  opacity: 0;
  padding: 15px 0;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  visibility: hidden;
  width: 100%;
  z-index: 500;
}
section.downloadBox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.downloadBox:after {
  background: #fff;
  box-shadow: -5px -5px 10px 0px rgba(0,0,0,0.1);
  content: "";
  height: 12px;
  left: 48%;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -5px;
  width: 12px;
  z-index: -1;
}
section.downloadBox div.documentList ul.imagelist li {
  margin: 0;
  padding: 10px 5px;
  position: relative;
}
div.documentList ul h5 {
  font-weight: bold !important;
}

section.downloadBox ul li:hover {
  background: #e5eef6;
}
section.downloadBox ul li:hover a{
  color: #357;
}
div.floatedButton {
  clear: both;
  position: relative;
  z-index: 100;
}

div.floatedButton aside.downloadSection {
  position: absolute;
  right: 20px;
  top: 55px;
}

aside.downloadSection {
  display: inline-block;
  float: right;
  position: relative;
}

aside.downloadSection:hover section.downloadBox {
  display: block;
}

section.downloadBox ul.imagelist li a.delete {
  cursor: pointer;
  font-size: 1.5em;
  position: absolute;
  right: 1em;
  top: 0.5em;
  visibility: hidden;
}

section.downloadBox ul.imagelist li:hover a.delete {
  visibility: visible;
}

section.downloadBox a.delete:hover {
  color: #69c;
}

.boxNote {
  color: #999;
  padding: 0 15px 0 15px;
  text-align: center;
}

ul.imagelist {
  list-style-type: none;
  margin-bottom: 0;
}

/* Document Download Button */

button.downloadButton {
  background: white;
  border: 1px solid #ddd;
  color: #579;
  display: inline-block;
  font: 1em "helvetica-6", helvetica, arial, sans-serif;
  margin: 0;
  padding: 9px 11px;
  text-transform: uppercase;
}
button.downloadButton:hover, button.downloadButton.active {
  background: #357;
  border-color: #246;
  color: white;
}
button.downloadButton:hover + section.downloadBox, section.downloadBox:hover {
  opacity: 1;
  visibility: visible;
}
button.downloadButton:active {
  background: #246;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, 0.9);
}
button.downloadButton span.largepipe {
  font: 1.5em/.8 'helvetica-2', helvetica, arial, sans-serif;
  margin: 0 2px;
}

div.documentList ul {
  margin: 0;
  padding: 0;
}
div.documentList ul li {
  margin-bottom: 8px;
}
div.documentList .col-30 {
  padding: 0 5px;
}
div.documentList ul li input[type="checkbox"] {
  float: left;
}
div.documentList ul li a img {
  float: left;
  line-height: 1em;
  margin: 0 5px;
  vertical-align: top;
}

/* Tooltips Simple */

.content .tooltip {
  color: #999999;
  text-decoration: none;
  text-shadow: none;
}
.content .tooltip:hover {
  color: #bbbbbb;
  opacity: 1;
  text-decoration: none;
}
.content .tooltip {
  display: inline;
  font: 10pt 'helvetica-6', helvetica, arial, sans-serif;
  position: relative;
  white-space: normal;
  text-align: left;
  z-index: 99999999999;
}
.content .tooltip:hover:after {
  background-color: black;
  background-color: rgba(0,0,0,.8);
  border-radius: 3px;
  bottom: 26px;
  bottom:-100%;
  box-shadow: 0 0 15px rgba(0,0,0,.3);
  color: #fff;
  content: attr(data-title);
  left: 155%;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  width: 220px;
  white-space: pre-line;
}
.content .tooltip:hover:before {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent; 
  border-right: 7px solid rgba(0,0,0,.8); 
  content: "";
  left: 103%;
  position: absolute;
  top: 0%;
  z-index: 500;
}

.lt-ie9 .content .tooltip:hover:after, .lt-ie9 .content .tooltip:hover:before {
  display: none;
}

.content .delayedtip:after, .content .delayedtip:before, .content .delayedtip.active:hover:before {
  display: none;
}
.content .delayedtip.active:after {
  background-color: rgba(0,0,0,.8);
  border-radius: 3px;
  bottom: 26px;
  bottom: 140%;
  box-shadow: 0 0 15px rgba(0,0,0,.3);
  color: #fff;
  content: attr(data-title);
  display: block;
  left: 0;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  text-shadow: none;
  width: 220px;
  white-space: pre-line;
  z-index: 499;
}
.lt-ie9 .content .delayedtip.active:after {
  background-color: black;
}
.content .delayedtip.active:before {
  border-top: 7px solid rgba(0,0,0,.8);
  border-bottom: 7px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  content: "";
  display: block;
  left: 50%;
  bottom: 96%;
  position: absolute;
  z-index: 1000 !important;
}
.content .delayedtip.active:hover:before {
  border-top: 7px solid rgba(0,0,0,.8);
  border-bottom: 7px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: 100%;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  z-index: 1000 !important;
}

/* Tabs */
[class*='tabs-'] > ul {
  border-bottom: 1px solid #ccc;
  font: 1.1em/2.5em 'helvetica-4', helvetica, sans-serif;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
[class*='tabs-'] > ul > li {
  display: inline;
  margin-right: 3px;
}
[class*='tabs-'] > ul > li a {
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-bottom: 1px solid transparent;
  color: gray;
  outline: none;
  padding: 8px 20px;
  text-decoration: none;
}
[class*='tabs-'] ul li.active a {
  background-color: #fff;
  border-bottom: none;
  border: 1px solid #ccc;
  color: #6699cc;
  outline: none;
  padding: 8px 20px 10px;
  text-decoration: none;
}
[class*='tabs-'] > section {
  background-color: white;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-top: 0;
  padding: 20px;
}
div.tabs-included, div.tabs-default {
  border-bottom: 1px solid #ccc;
}
/*Hide Tab Headings*/

[class*='tabs-'] > section h3 {
  display: none;
}

[class*='tabs-'] > section h3.headr {
  display: block;
}

/* Tooltips in list items */

.content li.tooltip:hover:after {
  background-color: rgba(0,0,0,.8);
  border-radius: 3px;
  bottom: 26px;
  bottom: 130%;
  box-shadow: 0 0 15px rgba(0,0,0,.3);
  color: #fff;
  content: attr(data-title);
  left: 10%;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  width: auto;
  white-space: nowrap;
  z-index: 499;
}
.lt-ie9 .content li.tooltip:hover:after {
  background-color: black;
}
.content li.tooltip:hover:before {
  border-top: 7px solid rgba(0,0,0,.8);
  border-bottom: 7px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  content: "";
  left: 23%;
  position: absolute;
  top: -31%;
  z-index: 500;
}

/* Top Tooltip */
.content .drawings.tooltip:hover:after {
  background-color: rgba(0,0,0,.8);
  border-radius: 3px;
  bottom: 26px;
  box-shadow: 0 0 15px rgba(0,0,0,.3);
  color: #fff;
  content: attr(data-title);
  left: 0;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  z-index: 499;
  width: 220px;
  white-space: pre-line;
}
.content .drawings.tooltip:hover:before {
  border-top: 7px solid rgba(0,0,0,.8);
  border-bottom: 7px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  content: "";
  left: 23%;
  position: absolute;
  top: -80%;
  z-index: 500;
}

.content .localnav li:first-child dl {
  margin: 5px 0 10px 0;
}
.content .localnav li.expand dl dt, .mainsection .expand dl dt {
  cursor: pointer;
  font: 1.1em/1.45 'helvetica-7', helvetica, arial, sans-serif;
  margin-left: 1em;
}
.content .localnav dd {
  margin: 0 0 0 15px;
}
.content .localnav li dl dd a {
  font: 1em/0em 'helvetica-5', helvetica, arial, sans-serif;
}

.content .localnav li.expand dl dt a:before, .mainsection .expand dl dt:before {
  color: #999;
  content: "\f105";
  display: block;
  float: left;
  font-family: StrongtieWebFont;
  line-height: 1.625em;
  margin-left: -1.35em;
}
.content .localnav li.expand dl dt.open a:before, .mainsection .expand dl dt.open:before {
  color: #999;
  content: "\e616";
  display: block;
  float: left;
  font-family: StrongtieWebFont;
  line-height: 1.625em;
  margin-left: -1.35em;
}

/* Local Nav Tooltips */
.content .localnav li.expand a.tooltip, 
.content .localnav li.expand dl dt a.tooltip:before, 
.mainsection .expand dl dt .tooltip:before, 
.content .localnav li.expand dl dt.open a.tooltips:before, 
.mainsection .expand dl dt.open .tooltip:before {
  color: #999;
  content: "";
  display: inline-block;
  float: none;
  margin-left: auto;
}
.content .localnav li.expand dl dt a.tooltip:hover {
  color: #ccc;
}

.content .localnav li.expand dl dt a:hover {
  text-decoration: none;
}

.content .localnav li.expand dl dd, .mainsection .expand dd {
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 0px;
}

.mainsection section.faq .expand dd {
  margin: 8px 0 0px 14px;
}

.content .localnav li.expand dl dd input[type="checkbox"].defaultchk + label {
  cursor: pointer;
  display: inline-block;
  line-height: 1.5em;
  margin-left: 18px;
  margin-right: 12px;
  padding: 0;
  text-indent: 5px;
}

.content .localnav li.expand dl dd input[type="checkbox"].defaultchk + label img {
  display: inline;
}

/* 3) Large Gallery Style */

.panelWrapper {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,255,255,0) 50%, rgba(254,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(254,255,255,0)), color-stop(100%,rgba(254,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(254,255,255,0) 50%,rgba(254,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(254,255,255,0) 50%,rgba(254,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(254,255,255,0) 50%,rgba(254,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(254,255,255,0) 50%,rgba(254,255,255,1) 100%);
  display: none;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* IE */
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

div#large.panel-modal, div#warning.panel-modal, div#additional.panel-modal, div.panel-modal.singleImagePopup {
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 70px 5px rgba(0, 0, 0, .6);
  box-shadow: 0px 0px 70px 5px rgba(0, 0, 0, .6);
  left: 50%;
  margin: 0 auto;
  padding: 20px;
  position: fixed;
  top: 50%;
  visibility: hidden;
  z-index: 1000;
}

div#large.panel-modal, div.panel-modal.singleImagePopup {
  min-height: 750px; /* to make sure 1024x768 is supported */
  height: 70%;
  max-height: 800px; /* to make sure 1024x768 is supported */
  margin-left: -495px;
  width: 990px;
}

div#warning.panel-modal, div#additional.panel-modal {
  width: 700px;
  max-width: 700px;
  height: 500px;
  max-height: 800px; /* to make sure 1024x768 is supported */
  margin-left: -350px;
}

div.panel-modal.singleImagePopup img {
  padding-right: 20px;
  padding-left: 20px;
}

.panel-modal h1 {
  margin-top: 0;
}

.panel-modal section.mainphoto {
  clear: both;
  background: none;
  position: relative;
  text-align: center;
}

/* Hero Gallery Image Size */
.panel-modal section.mainphoto > img {
  max-height: 500px;
  max-width: 500px;
  width: 100%;
  min-width: 300px;
  min-height: 300px;
  z-index: 0;
}

section.tiles.list article.tile span.photo.video::after {
  font-size: 200%;
  margin: 0;
  padding: 5.5% 0 0 0;
  width: 95px;
}

/* Gallery Toggles */
.panel-modal [class*='tabs-'] > ul {
  border: 0;
  font: 1.1em/2.5em 'helvetica-4', helvetica, sans-serif;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.panel-modal [class*='tabs-'] > ul > li {
  display: inline;
  margin-right: -1px;
}
.panel-modal [class*='tabs-'] > ul > li a {
  background-color: #eeeeee;
  border: 1px solid #ccc;
  color: gray;
  outline: none;
  padding: 8px 18px 9px;
  text-decoration: none;
}
.panel-modal [class*='tabs-'] ul li.active a {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #6699cc;
  outline: none;
  padding: 8px 18px 9px;
  text-decoration: none;
}
.panel-modal [class*='tabs-'] section {
  border: 0;
  padding: 0;
  margin-top: 10px;
}
.panel-modal div.tabs-included {
  border: 0;
}
.panel-modal [class*='tabs-'] section h3 {
  display: none;
}
.panel-modal [class*='tabs-'] section h3:after {
  content: "";
  clear: both;
  float: none;
  margin-bottom: 20px;
}
.panel-modal ul.tab-items {
  text-align: left;
}

/* Gallery */

.panel-modal .gallery h2 {
  height: 31px;
}

.panel-modal [class*='tabs-'] .carousel ul li.active a {
  background-color: transparent;
  border: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
}
.panel-modal .mainphoto {
  text-align: center;
}

.panel-modal .slider, .panel-modal .carousel {
  margin-bottom: 0px;
  padding-bottom: 5px;
  border: none;
  border-radius: 0;
  border-image-width: 0;
  box-shadow: none;
  text-align: center;
}

.panel-modal .slider ul.slides {
  text-align: center;
  padding-left: 200px;
}
.panel-modal #videoSlider ul.slides {
  text-align: center;
  padding-left: 10px;
}

.panel-modal .carousel ul.slides {
  width: 100%!important;
  text-align: center;
}
.panel-modal .carousel ul.slides li {
  display: inline-block!important;
  *display: inline!important;
  float: none!important;
}

.panel-modal .carousel .flex-active-slide {
  border: 1px solid #eeeeee;
  opacity: 0.7;
}

.panel-modal ul.slides li img {
  max-height: 500px;
  max-width: 500px;
  width: 100%;
  min-width: 300px;
  min-height: 300px;
  text-align: center;
}
.panel-modal .carousel ul.slides li img {
  max-height: 100px;
  max-width: 100px;
  width: 100%;
  min-width: 70px;
  min-height: 70px;
}

/* Gallery Caption */
.panel-modal ul.slides .caption {
  max-width: 500px;
  min-width: 300px;
  width: 100%;
}
.panel-modal #videoSlider ul.slides .caption {
  max-width: 100%;
}
.panel-modal .carousel ul.slides .caption {
  max-width: 100px;
  width: 100%;
  min-width: 70px;
}
.panel-modal .caption {
  display: block;
  font: 1em 'helvetica-5', helvetica, arial, sans-serif;
  margin-top: 10px;
  text-align: center;
}

/* Gallery - Single view - No Multiple Tab or Type */
.gallerySingle {
  clear: both; 
}

/* Rail Components */
.leftrail header,
.rightrail header {
  background-color: #dddddd;
  border: 1px solid rgba(190,190,190,.3);
  border-bottom: 0;
  font: 1.1em/1.2 "helvetica-6", helvetica, arial, sans-serif;
  margin: 20px 0;
  margin: 0;
  padding: 7px 10px;
  text-shadow: 0px 1px 0px rgba(255,255,255,.8);
  width: 100%;
}
.content section.localnav h3 {
  background: rgb(220,220,220);
  box-shadow: none;
  border: none;
  color: #222;
  margin: 0;
}
section.localnav article {
  padding: 1em;
  padding-top: 0;
  margin-bottom: 20px;
  margin-top: 0;
  background: url(../img/site/nav/debut_light.png);
  position: relative;
}
section.localnav article.refine .search {
  position: relative;
}

section.localnav article.refine .search button {
  background: none;
  border: none;
  color: #222;
  cursor: pointer;
  font-size: 1em;
  height: 26px;
  line-height: 0;
  padding: 14px 10px;
  position: absolute;
  right: 1px;
  top: -6px;
}

section.localnav article.refine .search button:hover {
  color: #579;
}

.leftrail h4,
.rightrail h4 {
  background: none;
  border: 0;
  color: #666;
  font-family: "helvetica-6", helvetica, arial, sans-serif;
  margin: 0 0 5px 0;
  text-shadow: none;
}

.leftrail aside,
.rightrail aside {
  margin-bottom: 10px;
}

.leftrail aside article,
.rightrail aside article {
  background: rgb(238,238,238);
  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
  box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #DDD;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
  font-size: 1em;
  padding: 10px;
}

.leftrail aside article div,
.rightrail aside article div {
  font-size: .9em;
}

.rightrail aside article ul {
  list-style-type: none;
  margin: 0;
  padding-left: 1.3em;
}
.rightrail aside article ul li {
  line-height: 1.4em;
  margin-top: 1em;
}
.rightrail aside article ul li:first-child {
  margin-top: 0;
}
/* Different Types of Right Rail Components */
/* Technical Notes Component (a/k/a Learning Center) */
.rightrail aside.techNotes article ul li:before {
  color: #999;
  content: "\e126 ";
  display: block;
  float: left;
  font-family: 'StrongtieWebFont';
  line-height: 1.625em;
  margin-left: -1.3em;
}

/* Literature List Component */
.rightrail aside.literature article ul li:before {
  color: #999;
  content: "\e122 ";
  display: block;
  float: left;
  font-family: 'StrongtieWebFont';
  line-height: 1.625em;
  margin-left: -1.3em;
}

/* Image Product List Component */
ul.imagelist {
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
}

.rightrail aside.products article ul.imagelist li {
  clear: both;
  display: block;
  margin-top: 10px;
  position: relative;
}

ul.imagelist:first-child li {
  margin-top: 0;
}

.rightrail aside.products article ul.imagelist a img {
  border: 5px solid white;
  box-shadow: 0px 0px 2px rgba(0,0,0,.2);
  float: left;
  line-height: 1em;
  margin: 2px 0 10px 0;
  vertical-align: top;
}
ul.imagelist a {
  color: #999;
  text-decoration: none;
}

ul.imagelist li:hover img {
  opacity: .75;
}
ul.imagelist li a > span {
  display: block;
  line-height: 1.2em;
  padding-left: 50px;
}
ul.imagelist li a span span.productname {
  font: 1em 'helvetica-6', helvetica, arial, sans-serif;
}

ul.imagelist span.category {
  display: block;
  font-size: .85em;
  line-height: 1.625em;
}

ul.imagelist li:hover a {
  color: #bbb;
  text-decoration: none;
}

/* Rail H5 */
.leftrail h5,
.rightrail h5 {
  margin: 0 0 5px 0;
}

/* General+Right Rail Photo Padding */
.mainsection .photo,
.leftrail .photo,
.rightrail .photo {
  float: left;
  margin: 5px 15px 10px 0;
}

/* Video Component */
.rightrail aside.videos article ul li:before {
  color: #999;
  content: "\e163 ";
  display: block;
  float: left;
  font-family: 'StrongtieWebFont';
  line-height: 1.625em;
  margin-left: -1.3em;
}

.rightrail .videos .screen {
  position: relative;
}

.rightrail .videos .screen .photo {
  margin: 0 0 10px 0;
  position: relative;
}
.rightrail .videos .screen:after {
  color: rgba(255,255,255,.75);
  content: "\e14f";
  font: 4em 'StrongtieWebFont';
  left: -124px;
  line-height: 1.625em;
  position: absolute;
  top: 15px;
}
.rightrail .videos .screen:after {
  color: rgba(255,255,255,.75);
  content: "\e14f";
  font: 4em 'StrongtieWebFont';
  left: -124px;
  line-height: 1.625em;
  position: absolute;
  text-decoration: none;
  top: 15px;
}
.rightrail .videos .screen:hover:after {
  color: rgba(255,255,255,.95);
}

/* Main Footer Styles */
footer {
  background-color: #666;
  color: #999;
  line-height: 1.4em;
  padding: 20px;
}

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

footer h4 {
  margin: 5px 0;
  font-family: 'helvetica-6', helvetica, sans-serif;
}

footer .col-33 h4 {
  border-bottom: 1px solid #999;
  color: #ccc;
}

footer a, footer a:visited {
  color: #999;
  text-decoration: none;
}

footer a:hover {
  color: #ccc;
}

footer h4 a, footer h4 a:visited {
  color: #ccc;
}

footer h4 a:hover {
  color: white;
}

footer section.col-30:first-child {
  margin-left: 0;
}

/* Image replacement */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* 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 visual and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Group clearfix: contain floats */
.group:before, .group:after {
  content: " ";
  display: table;
}

.group:after { clear: both; }

/* For IE 6/7 only: Include this rule to trigger hasLayout and contain floats. */
.group {
  *zoom: 1;
}

/* Helper Classes */
.ca {
  text-align: center;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.inline {
  display: inline;
  position: relative;
}

.la {
  text-align: left;
}

.left {
  float: left;
}

.ra {
  text-align: right;
}

.right {
  float: right;
}

/* Search Input Box */
.search {
  position: relative;
}

.search button {
  background: none;
  border: none;
  color: #222;
  cursor: pointer;
  font-size: 1em;
  height: 26px;
  line-height: 0;
  padding: 14px 10px;
  position: absolute;
  right: 1px; top: -6px;
}

.search button:hover {
  color: #579;
}

.search input {
  font: 1.1em 'helvetica-4', Helvetica, Arial, sans-serif;
  margin: 15px 0 0;
  padding: 9px 36px 9px 9px;
}

.search.small button {
  background: none;
  border: none;
  color: #222;
  cursor: pointer;
  font-size: 0.9em;
  height: 18px;
  line-height: 0;
  padding: 13px 5px;
  position: absolute;
  right: 1px; top: 1px;
}

.search.small button:hover {
  color: #579;
}

.search.small input {
  border: 1px solid #CCC;
  font: 1em 'helvetica-5c', Helvetica, Arial, sans-serif;
  height: 27px;
  margin: 0;
  padding: 5px 25px 5px 5px;
}

/* Additional Info Box */
.additionalInfo {
  background: #EEE;
  border: 1px solid #CCC;
  color: #808080;
  font-family: 'helvetica-5', helvetica, sans-serif;
  margin-bottom: 20px;
  padding: 0 10px;
}

section.additionalInfo.col-50.right {
  padding-left: 10px;
}

.additionalInfo .expand.group {
  margin-top: 10px;
  margin-bottom: 9px;
}

.additionalInfo dd {
  margin: 0;
}

.additionalInfo dt {
  cursor: pointer;
}

.additionalInfo dt:hover {
  color: #666;
}

.additionalInfo h2 {
  font: 1em 'helvetica-6', helvetica, sans-serif;
  margin: 0;
  text-transform: uppercase;
}

.additionalInfo hr {
  border-color: #CCC;
}

/* STYLES PULLED FROM MAIN STRONGTIE.COM SITE */

h1 .subhed, h2 .subhed {
  font-size: 18px;
  padding-left: 10px;
}

.bolder {
  font-family: Helvetica-7;
}

h2.category, h2.category a {
  background-color: #C4D1EA;
  clear: both;
  color: #555555;
  font-size: 12px;
  letter-spacing: 0.1em;
  margin: 0 0 9px 4px;
  padding: 7px 0 7px 7px;
} 

div#printfooter {
  display: none;
}

div#printhead {
  display: none;
}

/*----------------------------------------------------------------------------------------
[6. Google search]
*/

/* hide ads */
#adBlock, .gsc-adBlock, .gsc-adBlockVertical {
  display: none !important;
  visibility: hidden !important;
}

/* hide Google Search box initially -- it will be made visible after it's loaded */
#___gcse_0 {
  display: none;
} 

#cse, .gsc-results-wrapper-visible {
  background-color: #ffffff;
  clear: both;
  margin: 0px auto 10px 15px;
  overflow: hidden;
  padding: 0px;
  width: 97%;
}

#cse-wrapper {
  background-color: #DBE7EF;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  display: none;
  font-family: 'helvetica-5';
  padding: 15px 0px;
  position: absolute;
  top: 104px;
  left: -10px;
  z-index: 99999;
}

.cse-wrapper-front {
  left: 18px !important;
  top: 115px !important;
}

#cse-search-form { 
  float: left;
  height: 25px;
  margin: 8px 0 0 0px;
  margin-top: 0px;
  padding-top: 20px;
  vertical-align: top;
}

form.gsc-search-box,
.gsc-search-box {
  margin: 0px !important;
  padding-top: 10px !important;
  padding-left: 0 !important;
  width: 276px !important;
  vertical-align: top;
}

.gsc-clear-button {
  display:block;
  visibility:hidden;
}

.closesearchresults {
  cursor: pointer;
  float: right;
  font-family: 'helvetica-6';
  font-size: 13pt;
  margin: 0 auto 0 auto;
  padding: 3px 6px;
  position: relative !important;
  width: auto;
}


.gsc-control-cse {
  border-color: #ffffff;
  background-color: #ffffff;
  font-family: Arial, sans-serif;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}

td.gsc-search-button {
  background-color: transparent !important;
  margin: 0 !important;
  padding: 0px !important;
  text-align: left !important;
  width: 46px !important;
  min-width: 46px !important;
}

input.gsc-search-button {
  background-color: #ededed !important;
  background-image: url(/Templates/images/search-magnifying-glass.png) !important;
  background-repeat: no-repeat;
  background-position: left center;
  border: none !important;
  border-width: 0 !important;
  display: block;
  font-size: 0;
  height : 47px !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 46px !important;
  min-width: 46px !important;
}

td.gsc-input {
  background-color:#ededed;
  border-top: #eeeeee 1px solid;
  border-bottom: #eeeeee 1px solid;
  border-left: #eeeeee 1px solid;
  margin: 0;
  padding: 5px 0 5px 5px !important;
  text-align: left;
  vertical-align: top;
}

input.gsc-input, .gsc-input input {
  background: none repeat scroll 0% 0% white !important;
  border-color: #cccccc;
  border-radius: 0;
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 124px;
}

td.gsc-search-button {
  border-top: #eeeeee 1px solid !important;
  border-right: #eeeeee 1px solid !important;
  border-bottom: #eeeeee 1px solid !important;
}

.gsc-tabHeader.gsc-tabhInactive {
  background-color: #E9E9E9;
  border-color: #E9E9E9;
}

.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border-top-color: #FF9900;
  border-left-color: #E9E9E9;
  border-right-color: #E9E9E9;
}

.gsc-tabsArea {
  border-color: #E9E9E9;
}

.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.gsc-webResult.gsc-result:hover,
.gsc-imageResult:hover {
  background-color: #DDD;
  border-color: #FFFFFF;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b { color: #336699; }

.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b { color: #663399; }

.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b { color: #0000FF; }

.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b,
.gs-imageResult a.gs-title:active,
.gs-imageResult a.gs-title:active b { color: #0000FF; }

.gsc-cursor-page { color: #336699; }

a.gsc-trailing-more-results:link { color: #336699; }

.gs-webResult .gs-snippet,
.gs-imageResult .gs-snippet { color: #000000; }

.gs-webResult div.gs-visibleUrl,
.gs-imageResult div.gs-visibleUrl { color: #666666; }

.gs-webResult div.gs-visibleUrl-short { color: #666666; }

.gs-webResult div.gs-visibleUrl-short { display: none; }

.gs-webResult div.gs-visibleUrl-long { display: block; }

.gsc-cursor-box { border-color: #FFFFFF; }

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  border-color: #E9E9E9;
  background-color: #FFFFFF;
  color: #336699;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #FF9900;
  background-color: #FFFFFF;
  color: #663399;
}

.gs-promotion {
  border-color: #ffffff !important;
  background-color: #FFFFFF;
}

.gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link *,
.gs-promotion .gs-snippet a:link { color: #3366ff; }

.gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited *,
.gs-promotion .gs-snippet a:visited { color: #663399; }

.gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover *,
.gs-promotion .gs-snippet a:hover { color: #0000FF; }

.gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active *,
.gs-promotion .gs-snippet a:active { color: #0000FF; }

.gs-promotion .gs-snippet,
.gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right * { color: #000000; }

.gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl-short { color: #999999; }


.gssb_c {
  z-index:999999 !important;
}

.gsc-completion-container {
  z-index: 99999999 !important;
}
 
.cse .gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
  border-color: #ffffff !important;
}

.cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive {
  padding: 5px 10px;
  background: #eeeeee !important;
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 85%, #999999 100%) !important;
  background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 85%,#999999 100%) !important;
  background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 85%,#999999 100%) !important;
  background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 85%,#999999 100%) !important;
  background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 85%,#999999 100%) !important;
  border: none;
}

.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive {
  padding: 5px 10px;
  border-top: 1px solid #e9e9e9;
}

.gsc-results, .gsc-webResult {
  width: 800px;
  margin: auto;
}

.search-wrapper{
  display: table-cell;
}
.search-wrapper input {
  font-family: 'helvetica-4', Arial, Helvetica, sans-serif;
  font-size: 14pt;
  padding: 0 5px;
  position: relative;
  margin-top: 11%;
}

.search-wrapper {
  height: 64px;
}
#cse-wrapper {
  width: 102.12%;
}
#cse {
  width: 97%;
}

input.gsc-input, input#gsc-i-id1.gsc-input {
  border: 0;
  width: 300px !important;
}
.gsc-tabHeader {
  margin-right: 10px !important;
}

/* END GOOGLE SEARCH STUFF */

/* STYLES PULLED FROM sst.css FROM PREVIOUS VERSION OF SITE */
#imenus0 ul a, #imenus0 ul .imctitle, #imenus1 ul a, #imenus1 ul .imctitle, #imenus2 ul a, #imenus2 ul .imctitle {
  padding: 7px 10px !important;
  margin: 0px;
}

/* conditinal div wrappers for various versions of IE -- for top navigtion alignment */
#IE7nav {
 margin-top: -3px;
}
#IE8nav {
 margin-top: -3px;
}
html > body #IE8nav {
  margin-top: 0px !important;
} /* this will not be read by IE7, so handles compatibility mode for IE 8 (e.g., Citrix) */

#IE9nav {
 margin-top: 0px; 
}