@charset "UTF-8";
button, input[type="button"], input[type="reset"], input[type="submit"], button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: #ed1c24;
  border-radius: 0;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus {
  background-color: #af0e14;
  color: #fff; }
button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, button:disabled {
  cursor: not-allowed;
  opacity: 0.5; }

fieldset {
  background-color: #f1f0f0;
  border: 1px solid #d8d6d6;
  margin: 0 0 0.75em;
  padding: 1.5em; }

input, label, select {
  display: block;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em; }

label {
  font-weight: 600;
  margin-bottom: 0.375em; }
label.required::after {
  content: "*"; }
label abbr {
  display: none; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select[multiple=multiple], textarea {
  background-color: #fff;
  border: 1px solid #d8d6d6;
  border-radius: 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color;
  width: 100%; }
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover, select[multiple=multiple]:hover, textarea:hover {
  border-color: #bfbcbc; }
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus, select[multiple=multiple]:focus, textarea:focus {
  border-color: #ed1c24;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(222, 18, 25, 0.7);
  outline: none; }

textarea {
  resize: vertical; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"], input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }
dl {
  margin-bottom: 0.75em; }
dl dt {
  font-weight: bold;
  margin-top: 0.75em; }
dl dd {
  margin: 0; }

table {
  -webkit-font-feature-settings: "kern", "liga", "tnum";
  -moz-font-feature-settings: "kern", "liga", "tnum";
  -ms-font-feature-settings: "kern", "liga", "tnum";
  font-feature-settings: "kern", "liga", "tnum";
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed; }

th {
  border-bottom: 1px solid #b3afaf;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #d8d6d6;
  padding: 0.75em 0; }

tr, td, th {
  vertical-align: middle; }

body {
  -webkit-font-feature-settings: "kern", "liga", "pnum";
  -moz-font-feature-settings: "kern", "liga", "pnum";
  -ms-font-feature-settings: "kern", "liga", "pnum";
  font-feature-settings: "kern", "liga", "pnum";
  -webkit-font-smoothing: antialiased;
  color: #333;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #ed1c24;
  text-decoration: none; }
a:active, a:focus, a:hover {
  color: #af0e14; }
a:active, a:focus {
  outline: none; }

hr {
  border-bottom: 1px solid #d8d6d6;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img, picture {
  margin: 0;
  max-width: 100%; }

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/*resets*/
h1, h2, h3, h4, h5, h6, p, body, form, ul, li, input, dl, dd, dt {
  padding: 0;
  margin: 0; }

section, figure, header {
  display: block; }

#dealerlocatorgutter {
  text-align: center; }

#dealerlocatorgutter p {
  font-size: 0.75em;
  font-weight: bold;
  text-align: left; }

.promocolpad {
  padding-left: 20px; }

.PadLeft10px {
  padding-left: 10px; }

.promorightcol {
  padding-left: 40px; }

.webbannerdiv {
  width: 171px; }

/**************************************/
/* General Rules                       */
/**************************************/
body {
  background: #fff;
  font: 9pt/1.4em Verdana, Arial, Helvetica, sans-serif;
  color: #000000; }

p {
  margin: 0 0 1.2em 0; }

sup {
  font-size: .8em; }

a {
  color: #990100; }

a img {
  border: 0;
  text-decoration: none; }

a:hover {
  text-decoration: none;
  border: 0; }

input {
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle; }

h2 {
  color: #ED1C24;
  font: 400 2em/1em Helvetica, Arial, sans-serif;
  margin-bottom: .5em; }

h2 .headerCategory {
  font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
  color: #645A54;
  display: block;
  margin-bottom: .5em; }

h3 {
  color: #ED1C24;
  font: 400 1.5em/1em Helvetica, Arial, sans-serif;
  margin-bottom: .5em; }

.dotted {
  border-bottom: 1px dotted #990100;
  padding-bottom: .2em; }

.dotted-top {
  border-top: 1px dotted #990100;
  padding-top: .2em; }

h4 {
  font: 400 1.2em/1em Helvetica, Arial, sans-serif;
  margin: .5em 0;
  line-height: 1.2em;
  color: #ED1C24; }

h5 {
  color: #ED1C24;
  font: 400 1.3em/1.4em Helvetica, Arial, sans-serif;
  margin: .5em 0; }

h5 a {
  text-decoration: none;
  border-bottom: 1px solid #990100; }

h5 a:hover {
  border-bottom: 1px solid #ffffff; }

div.hr {
  height: 1px;
  border-bottom: 1px dotted #ED1C24;
  margin-bottom: 10px; }

div.hr hr {
  display: none; }

.img-link {
  vertical-align: middle;
  padding: 0 2px; }

.last {
  border: 0 !important;
  background: none !important; }

.red {
  color: #990000; }

.red a {
  color: #990000; }

.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 */
ul.pdflist {
  padding-left: 10px !important; }

ul.pdflist li {
  background: url(../i/adobe-icon-mini.jpg) no-repeat left center;
  padding: 5px 0 5px 20px;
  list-style: none; }

ul.pdflist a {
  margin-left: -20px;
  padding-left: 20px; }

ul.arrowlist li {
  list-style: none;
  padding: 2px 0 2px 16px;
  background: url(../i/grey-arrow.gif) no-repeat left center; }

a.pdflink {
  padding: 3px 20px 3px 0;
  background: url(../i/adobe-icon-mini.gif) no-repeat right center; }

a.pdflinkl {
  padding: 2px 0 2px 20px;
  background: url(../i/adobe-icon-mini.gif) no-repeat left center; }

a.arrowlink {
  padding-right: 15px;
  background: url(../i/grey-arrow.gif) no-repeat right center; }

.hide {
  display: none; }

img.pretty {
  padding: 5px !important;
  border: 1px solid #666666 !important;
  margin: 5px; }

table {
  margin-bottom: .5em; }

/**************************************/
/* Main Containers                    */
/**************************************/
.container--outer {
  background: white;
  margin: 0 auto;
  text-align: left;
  margin-top: 8px; }

.container--wide {
  max-width: 1310px; }

.container--shadow {
  //box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.content {
  position: relative; }

.float-holder {
  overflow: hidden; }

.float-holder div, .float-holder li {
  float: left;
  padding: 10px 12px;
  text-align: center; }

.float-holder li {
  list-style: none; }

.float-holder img {
  vertical-align: middle;
  padding-bottom: 10px;
  padding-top: 10px; }

.float-holder .leftcontent {
  padding: 0;
  text-align: left;
  margin-right: 19px; }

.float-holder div.glass {
  padding: 5px; }

.float-holder p {
  clear: both; }

.float-holder:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Hides from IE-mac \*/
* html .float-holder {
  height: 1%; }

/* End hide from IE-mac */
/**************************************/
/* Header                             */
/**************************************/
#branding {
  position: relative;
  z-index: 9999;
  height: 90px;
  margin: 0 auto; }

#branding #sub-nav {
  /*MSD: Increased height of sub-nav when nested in branding*/
  height: 40px;
  color: #645A54;
  position: absolute;
  top: 22px;
  right: 10px; }

#branding #sub-nav li {
  list-style: none;
  float: left;
  font-size: .9em; }

#branding #sub-nav li a {
  line-height: 20px;
  color: #645A54;
  padding: 0 10px;
  border-right: 1px solid #645A54; }

/* MSD: Added rules for sdoor when deeply nested within sub-nav that is nested in branding */
#branding #sub-nav #sdoor {
  padding-top: 5px; }

#branding #sub-nav #sdoor a {
  padding-right: 0; }

/* MSD: Added rules for sub-nav2 when nested within branding */
#branding #sub-nav2 {
  z-index: 9999;
  /*    background-color:#cccc99;    opacity:0.4;filter:alpha(opacity=40);*/
  height: 16px;
  color: #645A54;
  position: absolute;
  top: 18px;
  left: 28px; }

#branding #sub-nav2 ul {
  z-index: 9999; }

#branding #sub-nav2 li {
  z-index: 9999;
  list-style: none;
  float: left;
  font-size: .9em; }

#branding #sub-nav2 li a {
  z-index: 9999;
  line-height: 20px;
  color: #645A54;
  padding: 0 10px;
  border-right: 1px solid #645A54; }

#branding div#search {
  position: absolute;
  top: 45px;
  right: 10px;
  text-align: right; }
@media screen and (max-width: 1023px) {
  #branding div#search {
    top: 64px; } }
@media screen and (min-width: 1024px) {
  #branding div#search {
    visibility: visible;
    top: 45px; } }

#branding #search input {
  margin-right: 0; }

#branding #search-nav input {
  margin-right: 0; }

#branding h1 {
  position: absolute;
  top: 30px;
  left: 30px; }

#branding h1 a, .tt-logo {
  display: block;
  background: url(../i/logo.gif) no-repeat;
  height: 41px;
  width: 175px;
  text-indent: -9999px;
  overflow: hidden; }

.tt-logo {
  margin-top: 50px;
  margin-bottom: 20px;
}

/* all lists */
#branding ul#tradeprof li a {
  z-index: 9999;
  color: #ffffff;
  width: 140px;
  height: 20px;
  padding: 0;
  display: block;
  border: 0;
  text-decoration: none;
  text-align: center; }

#branding div#tradeprof-container {
  position: absolute;
  right: 10px;
  top: 75px; }
@media screen and (max-width: 1023px) {
  #branding div#tradeprof-container {
    display: none; } }

#tradeprof li ul {
  z-index: 9999;
  display: none;
  position: absolute;
  top: 20px;
  left: 0; }

#tradeprof li li {
  z-index: 9999;
  background: #ed1c24;
  border-bottom: 1px solid #58534F;
  font-weight: normal;
  padding-right: 0; }

#tradeprof li li a {
  z-index: 9999;
  text-decoration: none;
  width: 105px;
  text-align: left;
  padding-left: 15px;
  font-weight: bold; }

#tradeprof li li a:hover {
  z-index: 9999;
  background: #ff1c24;
  text-decoration: none;
  color: #DDCCAD; }

#tradeprof li > ul {
  z-index: 9999;
  top: auto;
  left: auto;
  padding-top: 1px; }

#tradeprof li:hover ul, #branding #tradeprof li.over ul {
  z-index: 9999;
  display: block; }

#tradeprof {
  padding: 0;
  margin: 0; }

#tradeprof, #tradeprof ul, #tradeprof ol {
  list-style: none; }

#tradeprof li {
  list-style: none;
  z-index: 9999;
  width: 140px;
  background: #ed1c24;
  border-bottom: 1px solid #58534F;
  color: #ffffff;
  line-height: 20px;
  padding-right: 21px;
  font-weight: bold;
  float: left;
  position: relative; }

/**** Main Content  ******/
/* Sub Navigation (Left hand nav) */
#section-nav {
  font-size: 1em;
  line-height: 1.25em; }

#section-nav ul {
  list-style: none;
  background: #D8D6D6 url(../i/section-nav-bg.jpg) repeat-x bottom;
  padding-bottom: 25px; }

#section-nav .root {
  background: #990100;
  border-bottom: 1px solid #fff; }

#section-nav .root a {
  color: #fff !important; }

#section-nav .root a:hover {
  color: #fff; }

#section-nav li a {
  display: block;
  padding: 5px 5px 5px 10px;
  color: #666;
  text-decoration: underline; }

/*Main Links*/
#section-nav li a:visited {
  color: #666; }

#section-nav li a:hover {
  color: #ED1C24;
  text-decoration: none; }

#section-nav li a:active {
  color: #666; }

/* Active Link */
#section-nav ul li.selected a {
  text-decoration: none;
  color: #000 !important; }

#section-nav li.selected a:hover {
  color: #666;
  text-decoration: none; }

/*Secondary Links*/
#section-nav ul li.selected ul {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #fff; }

#section-nav ul ul {
  display: none;
  background: transparent; }

#section-nav ul ul.selected {
  display: block;
  font-size: 10px;
  padding: 4px 0;
  background-color: #ECEAEA; }

#section-nav ul ul li {
  padding-left: 10px; }

#section-nav ul ul li a {
  padding: 4px 10px 4px 12px; }

#section-nav ul li.selected ul a {
  border: none;
  text-decoration: underline;
  color: #666 !important;
  font-weight: normal !important; }

#section-nav ul li.selected ul a:hover {
  color: #ED1C24 !important; }

/* Active Link */
#section-nav ul ul li.selected a {
  text-decoration: none;
  color: #666;
  font-weight: bold !important; }

#section-nav ul ul li.selected a:hover {
  text-decoration: none;
  color: #666 !important; }

/*Third Tier Links*/
#section-nav ul ul li.selected ul {
  border-bottom: 0; }

#section-nav ul ul li.selected ul li a {
  background: none;
  text-decoration: underline;
  font-weight: normal !important; }

#section-nav ul ul li.selected ul a:hover {
  color: #ED1C24 !important; }

/* Active Link */
#section-nav ul ul li.selected ul li.selected a {
  text-decoration: none;
  color: #666 !important;
  font-weight: bold !important; }

#section-nav hr {
  display: none; }

.whitetop {
  border-top: 1px solid #ffffff; }

#section-nav #doordesigner {
  padding-top: 10px; }

#section-nav #doordesigner a {
  text-decoration: none; }

#section-nav #doordesigner h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: .3em; }

#section-nav #doordesigner p {
  font-size: 7.5pt;
  font-weight: bold;
  color: #000000;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1em; }

#main-body {
  padding-top: 19px;
  padding-bottom: 50px; }

.main-body {
  margin-right: 10px;
  float: right;
  padding-top: 19px;
  padding-bottom: 50px;
  width: 730px; }

#main-body ul, #main-body-full ul {
  padding-left: 20px;
  padding-bottom: 1.2em; }

#main-body-full {
  margin: 19px 10px 10px;
  padding-bottom: 50px; }

/*** Footer  ********/
#minor-nav {
  margin: 0 auto;
  clear: both;
  padding-bottom: 10px;
  font-size: .9em; }
#minor-nav ul {
  list-style: none;
  color: #fff;
  background-color: #938c88;
  overflow: hidden; }
#minor-nav li {
  float: left; }
#minor-nav li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 4px 0;
  text-align: center; }
#minor-nav li a:hover {
  color: #ddccad; }

#site-info {
  height: 50px;
  padding: 14px 18px 0 18px;
  margin: 0 auto;
  background: #EBECED url(../i/site-info-bg.gif) no-repeat top center; }

#site-info #most-preferred {
  background: url(../i/foot-mostpreferred.gif) no-repeat;
  width: 280px;
  height: 32px;
  margin-right: 20px;
  display: block;
  text-indent: -9999px; }

#site-info #energy-star {
  background: url(../i/foot-energystar.gif) no-repeat;
  width: 82px;
  margin-right: 10px;
  height: 32px;
  top: 14px; }

#site-info #energy-star a {
  display: block;
  width: 82px;
  height: 32px;
  text-indent: -9999px; }

#site-info #copyright {
  color: #666666;
  text-align: right; }

#site-info #facebook {
  background: url(../i/news/Facebook.gif) no-repeat;
  margin-left: 10px;
  width: 32px;
  height: 32px;
  top: 14px; }

#site-info #facebook a {
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -9999px; }

#site-info #twitter {
  background: url(../i/news/twitter.gif) no-repeat;
  margin-left: 10px;
  width: 32px;
  height: 32px;
  top: 14px; }

#site-info #twitter a {
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -9999px; }

/**************************************/
/* Inline Styles                      */
/**************************************/
.squarenav {
  overflow: hidden;
  zoom: 1;
  margin-top: 2em;
  font-size: .9em; }

.squarenav div {
  width: 100px;
  height: 120px;
  background: url(../i/squarenav_bg.gif) no-repeat;
  margin-right: 20px;
  margin-bottom: 1.2em; }

.squarenav div, .squarenav li {
  float: left;
  padding: 10px;
  text-align: center; }

.lt-ie9 .squarenav div {
  text-align: left; }

.squarenav li {
  list-style: none; }

.squarenav img {
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px; }

.squarenav img.nav-image {
  padding-bottom: 5px; }

.squarenav .leftcontent {
  text-align: left;
  padding-right: 0; }

.squarenav div.glass {
  padding: 5px; }

.squarenav p {
  margin: 0 0 0 -10px; }

.squarenav p a {
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 0 5px;
  text-align: center; }

* html .squarenav p a {
  height: 40px; }

.fine-print {
  font-size: .9em; }

.fine-print-normal {
  font-size: .9em;
  font-weight: normal; }

.pad-img {
  padding: 5px 10px; }

.nounderline a {
  text-decoration: none; }

a.hardlink {
  background: url(../i/hardlink-bg.gif) no-repeat right;
  padding: 5px 30px 5px 10px;
  color: #990100;
  font-weight: bold;
  text-decoration: none; }

a.hardlink:hover {
  text-decoration: underline; }

.largebutton {
  font: normal normal bold 8pt/1.0em verdana;
  width: 170px;
  font-family: verdana;
  height: 21px;
  background-image: url(largebutton.bmp);
  border: none;
  border-color: #ffffff #333333 #333333 #ffffff;
  color: black;
  cursor: hand;
  cursor: pointer;
  margin: 0; }

/*Added by Jim Bunting 12-29-2008*/
#warranty {
  padding: 1px;
  margin: 0;
  width: 700px;
  min-height: 450px;
  _height: 450px;
  text-align: left;
  background-color: #ffffff; }

#warranty h1, #warranty h2, #warranty h3, #warranty h4, #warranty h5 {
  margin: 6px 0 6px 0;
  padding: 0; }

#warranty fieldset {
  padding: 1px;
  border: solid 1px #dedeee; }

#warranty fieldset legend {
  margin: 0;
  padding: 4px;
  color: #666666;
  font-size: 11pt;
  font-weight: bold; }

#warranty fieldset p label {
  margin: 0 0 4px 0;
  padding: 4px 0 2px 0;
  display: block;
  width: 320px;
  float: left;
  border-bottom: solid 1px #dedeee; }

#warranty fieldset p {
  margin: 4px 4px 4px 2px;
  padding: 0;
  clear: both; }

#warranty .multilabel {
  margin: 0;
  padding: 1px;
  width: 562px;
  float: left; }

#warranty .ddl {
  margin: 2px 0 0 0;
  padding: 1px;
  width: 328px; }

#warranty .single {
  margin: 2px 0 0 0;
  padding: 1px 0 0 0;
  width: 324px; }

/*360-3-3 for padding*/
#warranty .date {
  margin: 0;
  padding: 1px;
  width: 70px;
  z-index: 1000; }

#warranty .numb {
  margin: 0;
  padding: 1px;
  width: 70px;
  text-align: right; }

#warranty .datero {
  margin: 0;
  padding: 1px;
  width: 70px;
  border: solid 1px #c0c0c0; }

#warranty .singlero {
  margin: 0;
  padding: 1px;
  width: 337px;
  border: solid 1px #c0c0c0; }

#warranty .tablero {
  margin: 0;
  padding: 1px;
  width: 157px;
  border: solid 1px #c0c0c0; }

#warranty .ddlfull {
  margin: 0;
  padding: 1px;
  width: 465px; }

#warranty .multi {
  margin: 0;
  padding: 1px;
  width: 562px;
  height: 50px; }

#warranty .multifull {
  margin: 0;
  padding: 1px;
  width: 562px; }

#warranty .lblddlfull {
  margin: 0;
  padding: 1px;
  width: 100px; }

#warranty ul {
  padding: 3px;
  margin: 12px;
  list-style-type: none;
  text-align: left; }

#warranty li {
  padding-left: 3px; }

#warranty .list {
  margin: 0;
  padding: 0;
  width: 360px; }

#warranty .listlabel {
  margin: 0;
  padding: 0;
  display: block;
  width: 305px; }

#warranty .extender {
  clear: both;
  margin: 0;
  text-align: right;
  font-weight: bold;
  color: #cc0000;
  padding: 1px;
  width: 590px; }

#warranty th {
  background-color: #310040;
  color: #ffffff;
  font-size: 9pt;
  font-weight: bold; }

#warranty td {
  font-size: 8pt;
  font-weight: normal; }

/***** My Saved Doors ******/
.imgQSignIn {
  margin-left: -12px; }

/**************** My TT Landing Page ***************/
.myTTList {
  list-style: disc;
  margin: 0;
  padding: 0;
  font: bold 1em Helvetica, Arial, sans-serif;
  color: #ED1C24;
  margin-left: 25px; }

.myTTList li {
  line-height: 28px;
  background-repeat: no-repeat; }

ul .house {
  background-image: url(../images/houseicon.png);
  background-position: 450px 3px; }

ul .share {
  background-image: url(../images/facetweet.png);
  background-position: 420px 3px; }

ul .rate {
  background-image: url(../images/ratingicon.png);
  background-position: 240px 4px; }

ul .findDealer {
  background-image: url(../images/notepad.png);
  background-position: 330px 3px; }

.boldText {
  font-weight: bold; }

#getStarted {
  width: 730px;
  margin-bottom: 30px;
  margin-left: 200px; }

/********************ADDED BY MATT ROSNER FOR CANADA***************************/
#leftArrow, #rightArrow, #leftArrow_ss, #rightArrow_ss {
  background-repeat: no-repeat;
  width: 36px;
  height: 69px;
  margin-top: 212px;
  cursor: pointer; }

#leftArrow_ss, #rightArrow_ss {
  margin-top: 270px; }

#leftArrow, #leftArrow_ss {
  background-image: url("../i/canada/btn_arrow_left.png"); }

#rightArrow, #rightArrow_ss {
  background-image: url("../i/canada/btn_arrow_right.png"); }

.bx-wrapper, .bx-window {
  float: left;
  margin-left: 5px;
  z-index: 1; }

.bx-wrapper {
  /*border:1px solid;*/ }

#slides {
  height: 270px;
  width: 855px;
  z-index: 1; }

.slideleft {
  float: left;
  width: 230px;
  padding-top: 42px;
  padding-left: 20px;
  font-size: 0.9em; }

.slideleft_ss1 {
  float: left;
  width: 130px;
  padding-top: 42px;
  padding-left: 20px; }

.slideleft_ss2 {
  float: left;
  width: 130px;
  padding-top: 42px;
  padding-left: 20px; }

.slideheadline {
  height: 80px; }

.slideheadline_ss {
  height: 70px; }

.slideheadline h3, .slideheadline_ss h3 {
  font-size: 2.3em;
  font-weight: bold;
  color: #F01615;
  font-family: Helvetica; }

.slideheadline2 h3 {
  font-size: 3.3em;
  font-weight: bold;
  color: #F01615;
  font-family: Helvetica; }

.slidecopy {
  height: 80px; }

.slidecopy_ss {
  height: 165px;
  font-size: 1.5em;
  font-weight: bold; }

.slidecopy_ss ul {
  list-style: none;
  padding: 0;
  margin: 0;
  list-style-position: inside; }

.slidecopy_ss li {
  margin: 0 0 0 1em;
  padding: 0 0 0.5em 0;
  text-indent: -1em; }

.hp_doordesigner a {
  text-decoration: none; }

.slidecopy_ss li:before {
  content: "•";
  color: red;
  /* or whatever color you prefer */
  margin-right: 0.3em; }

.slideright {
  float: right; }

.slideright_ss1 {
  float: right;
  font-size: 0.9em;
  width: 340px; }

.slideright_ss2 {
  float: right;
  font-size: 0.9em;
  width: 580px;
  margin-top: 100px; }

.slidecallout {
  cursor: pointer;
  background-color: #F01615;
  margin-top: 10px;
  height: 69px; }

.slidecallout_ss {
  cursor: pointer;
  background-color: #F01615;
  margin-top: 35px;
  height: 69px; }

.slidecallouttext {
  float: left;
  width: 147px;
  font-size: 0.9em;
  color: #ffffff;
  padding-left: 10px; }

.slidecallouttext_ss {
  font-size: 1.1em;
  float: left;
  width: 147px;
  color: #ffffff;
  padding-left: 10px; }

.slidecalloutimg {
  text-align: center;
  float: right;
  background-image: url("../i/canada/art_circle_arrow.png");
  background-repeat: no-repeat;
  height: 29px;
  width: 29px;
  margin-top: 10px;
  margin-right: 3px; }

.slidecalloutimg2 {
  text-align: center;
  float: right;
  background-image: url("../i/canada/art_circle_arrow.png");
  background-repeat: no-repeat;
  height: 29px;
  width: 29px;
  margin-top: 20px;
  margin-right: 3px; }

#BottomContent {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center; }

.hp_whyfiber, .hp_whythermatru, .hp_doordesigner {
  width: 304px;
  float: left;
  background-color: #ebecee;
  text-align: left;
  height: 250px; }

.hp_whythermatru, .hp_doordesigner {
  margin-left: 5px; }

.hp_mid_text {
  padding: 10px 30px 10px 20px;
  height: 100px;
  color: #818286;
  font-size: 1.0em; }

.hp_mid_text h3 {
  color: #818286;
  font-weight: bold;
  font-size: 1.3em;
  font-family: Helvetica; }

.hp_link {
  cursor: pointer;
  background-color: #FFFFFF; }

.hp_text {
  float: left;
  padding: 5px 5px 0 20px;
  color: #F01615;
  font-weight: bold;
  font-size: 0.9em; }

.hp_arrow {
  float: left;
  background-image: url("../i/canada/art_red_arrow_sml.png");
  height: 16px;
  width: 7px;
  margin-top: 5px;
  margin-left: 5px; }

.hp_redbox {
  float: right;
  width: 20px;
  height: 30px;
  background-color: #F01615; }

.hp_whyfiber .hp_top_img {
  background-image: url("../i/canada/hdr_therma_tru_why_fiberglass.jpg");
  background-repeat: no-repeat;
  height: 80px;
  width: 304px; }

.hp_whythermatru .hp_top_img {
  background-image: url("../i/canada/hdr_therma_tru_why_therma_tru.jpg");
  background-repeat: no-repeat;
  height: 80px;
  width: 304px; }

.hp_doordesigner .hp_top_img {
  background-image: url("../i/canada/hdr_therma_tru_doorways.jpg");
  background-repeat: no-repeat;
  height: 80px;
  width: 304px; }

#Canada {
  width: 650px; }

#Canada .separator {
  background-color: #F01615;
  height: 30px;
  font-size: 1.4em;
  color: #ffffff;
  padding-top: 8px;
  padding-left: 10px;
  font-weight: bold; }

#headerimgs {
  margin-top: 20px;
  margin-bottom: 7.5px; }

#headerimgs #wood {
  float: left; }

#headerimgs #steel, #Canada .col2 {
  margin-left: 7.5px;
  margin-right: 7.5px;
  float: left; }

#headerimgs #fiber {
  float: left; }

#Canada .row1 {
  height: 250px; }

#Canada .row2 {
  height: 300px;
  margin-bottom: 10px; }

#Canada .col1, #Canada .col2, #Canada .col3 {
  float: left;
  width: 211px;
  font-size: 1.0em;
  display: inline;
  word-wrap: break-word; }

#Canada ul li {
  padding-bottom: 8px; }

#Canada .col1, #Canada .col3 {
  background-color: #EBECEE; }

#Canada .col3 {
  color: #F01615;
  width: 213px; }

#Canada .inner {
  padding-top: 20px;
  padding-left: 20px; }

/********************ADDED BY MATT ROSNER FOR CANADA***************************/
/***Trade Professionals: New Products***/
.newproductsblocklist {
  list-style: none;
  margin-top: 2em; }

.newproductsblocklist li {
  float: left;
  padding-right: 10px; }

.newproductsblocklist .entrydoors {
  display: block;
  background: url("../../www.thermatru.com/i/404.jpg");
  width: 340px;
  height: 196px;
  color: #fff;
  font-family: 'fanwooditalic', serif;
  font-size: 1.7em;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
  position: relative;
  padding: 6px 2em 0 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.newproductsblocklist .entrydoors:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 14px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  position: absolute;
  right: 3%;
  top: 3%; }

.newproductsblocklist .patiodoors {
  display: block;
  background: url("../../www.thermatru.com/i/404.jpg");
  width: 340px;
  height: 196px;
  color: #fff;
  font-family: 'fanwooditalic', serif;
  font-size: 1.7em;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
  position: relative;
  padding: 6px 2em 0 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.newproductsblocklist .patiodoors:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 14px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  position: absolute;
  right: 3%;
  top: 3%; }

/***Trade Professionals: Entry Doors***/
@font-face {
  font-family: 'fanwooditalic';
  src: url("Fanwood-Italic-webfont.html");
  src: url("Fanwood-Italic-webfontd41d.html?#iefix") format("embedded-opentype"), url("Fanwood-Italic-webfont-2.html") format("woff"), url("Fanwood-Italic-webfont-3.html") format("truetype"), url("Fanwood-Italic-webfont-4.html#fanwooditalic") format("svg");
  font-weight: normal;
  font-style: normal; }
.tradeprofessionalsnewproductslist {
  margin-top: 2em; }

.tradeprofessionalsnewproducts ul, .tradeprofessionalsnewproducts ol {
  list-style: none; }

.tradeprofessionalsnewproductslist section {
  background: #EEE8D8;
  margin-top: 3em; }

.tradeprofessionalsnewproductslist section:after {
  content: "";
  display: table;
  clear: both; }

.tradeprofessionalsnewproductslist header {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, black 33%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(33%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, black 33%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, black 33%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, black 33%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, black 33%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */ }

.tradeprofessionalsnewproductslist h1 {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  font-family: 'fanwooditalic';
  font-size: 1.8em;
  font-style: italic;
  font-weight: bold;
  color: white;
  height: 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 3px;
  text-indent: 1.5em; }

.tradeprofessionalsnewproductslist sub {
  font-size: .3em;
  position: relative;
  top: 3px;
  vertical-align: baseline; }

.tradeprofessionalsnewproductslist figure {
  float: left; }

.tradeprofessionalsnewproductslist p {
  margin: 1.2em 0; }

.tradeprofessionalsnewproductslist .sellingpoints {
  list-style: disc;
  margin-left: 1.5em; }

.tradeprofessionalsnewproductslist .newproductscopycontainer {
  padding-right: 2em;
  margin-left: 320px; }

.supportingfiles {
  margin-top: 1em;
  color: #fff; }

.supportingfiles > li {
  width: 49%;
  display: inline-block;
  position: relative; }

.supportingfiles ul a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 3px;
  text-decoration: none;
  color: #efefef; }

.supportingfiles a:hover {
  background: #88f;
  color: #fff; }

.supportingfiles input {
  display: none; }

.supportingfiles .toggle + label {
  z-index: 1;
  display: block;
  padding: 3px 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  text-indent: .5em;
  position: relative;
  background: #b5afab;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b5afab 0%, #938c88 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5afab), color-stop(100%, #938c88));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #b5afab 0%, #938c88 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #b5afab 0%, #938c88 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #b5afab 0%, #938c88 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #b5afab 0%, #938c88 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5afab', endColorstr='#938c88', GradientType=0);
  /* IE6-9 */ }

.supportingfiles ul {
  z-index: 1;
  overflow: hidden;
  max-height: 0;
  background: #777;
  position: absolute;
  width: 100%;
  -webkit-transition: all .2s 0 linear;
  -moz-transition: all .2s 0 linear;
  -ms-transition: all .2s 0 linear;
  -o-transition: all .2s 0 linear;
  transition: all .2s 0 linear; }

.supportingfiles .toggle:checked ~ ul {
  max-height: 5.5em;
  z-index: 2; }

.supportingfiles label:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #444;
  position: absolute;
  right: 3%;
  top: 33%; }

/***Trade Professionals: Index***/
.tradeprolinklist, .literaturelinklist, .tradeprolinklist ol, .literaturelinklist ol {
  list-style: none; }

.tradeprolinklist > li, .literaturelinklist > li {
  float: left;
  width: 48%;
  margin: 0 2% 2% 0;
  background: #EEE8DA;
  position: relative;
  min-height: 143px; }

.tradeprolinklist.architect {
  width: 50%;
  float: left; }

.tradeprolinklist.architect li {
  width: 96%; }

.tradeprolinklist h3, .literaturelinklist h3 {
  z-index: 2;
  width: 100%;
  position: absolute;
  text-align: right;
  padding: 5px 1.2em 0 0;
  font-family: 'fanwooditalic';
  font-size: 1.6em;
  font-style: italic;
  font-weight: bold;
  color: white;
  height: 1.6em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: -moz-linear-gradient(top, rgba(229, 219, 192, 0.72) 0%, rgba(226, 170, 13, 0.9) 33%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 219, 192, 0.72)), color-stop(33%, rgba(226, 170, 13, 0.9)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(229, 219, 192, 0.72) 0%, rgba(226, 170, 13, 0.9) 33%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(229, 219, 192, 0.72) 0%, rgba(226, 170, 13, 0.9) 33%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(229, 219, 192, 0.72) 0%, rgba(226, 170, 13, 0.9) 33%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(229, 219, 192, 0.72) 0%, rgba(226, 170, 13, 0.9) 33%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e5dbc0', endColorstr='#e6e2aa0d', GradientType=0);
  /* IE6-9 */ }

.literaturelinklist h3 {
  background: #fbf1ef;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZjFlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZjdkY2Q1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjZTI5MDdiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZGU3YjY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZGE2YzUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5NmQ1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #fbf1ef 0%, #f7dcd5 7%, #e2907b 28%, #de7b64 34%, #da6c53 41%, #d96d53 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbf1ef), color-stop(7%, #f7dcd5), color-stop(28%, #e2907b), color-stop(34%, #de7b64), color-stop(41%, #da6c53), color-stop(100%, #d96d53));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbf1ef 0%, #f7dcd5 7%, #e2907b 28%, #de7b64 34%, #da6c53 41%, #d96d53 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbf1ef 0%, #f7dcd5 7%, #e2907b 28%, #de7b64 34%, #da6c53 41%, #d96d53 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbf1ef 0%, #f7dcd5 7%, #e2907b 28%, #de7b64 34%, #da6c53 41%, #d96d53 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fbf1ef 0%, #f7dcd5 7%, #e2907b 28%, #de7b64 34%, #da6c53 41%, #d96d53 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbf1ef', endColorstr='#d96d53', GradientType=0);
  /* IE6-8 */ }

.tradeprolinklist h3:after, .literaturelinklist h3:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  right: 1%;
  top: 25%; }

.tradeprolinklist img, .literaturelinklist img {
  float: left;
  border: 0; }

.tradeprolinklist > li > ol, .literaturelinklist > li > ol, .tradeprolinklist dl, .literaturelinklist dl {
  margin: 3em 0 0 47%;
  z-index: 2;
  position: relative; }

.tradeprolinklist dt, .literaturelinklist dt {
  font-weight: bold;
  margin-top: 1em; }

.tradeprolinklist .innertext, .literaturelinklist .innertext {
  position: static;
  width: auto;
  margin: 35px 0 0 157px; }

.tradeprolinklist h3 a, .literaturelinklist h3 a {
  text-decoration: none;
  color: #fff; }

.tradeprolinklist figure, .literaturelinklist figure {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  overflow: hidden;
  width: 46%; }

.tradeprolinklist figure:after, .literaturelinklist figure:after {
  content: '';
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40px;
  background: -moz-linear-gradient(left, rgba(238, 232, 218, 0) 0%, #eee8da 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(238, 232, 218, 0)), color-stop(100%, #eee8da));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(238, 232, 218, 0) 0%, #eee8da 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(238, 232, 218, 0) 0%, #eee8da 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(238, 232, 218, 0) 0%, #eee8da 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(238, 232, 218, 0) 0%, #eee8da 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eee8da', endColorstr='#eee8da', GradientType=1);
  /* IE6-9 */ }

.literaturelinklist figure {
  width: 66%; }

.literaturelinklist figure:after {
  width: 20px; }

.tradeprolinklist figure img, .literaturelinklist figure img {
  height: 100%;
  z-index: 1;
  position: absolute;
  /*min-height:240px;*/ }

.literaturelinklist figure img {
  height: 94px;
  margin-top: 25px; }

.tradeprofessionalssidebar {
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  list-style: none;
  width: 230px;
  margin-top: 5em; }

.tradeprofessionalssidebar li {
  background: #EEE8DA;
  margin-bottom: 1em;
  padding: .75em; }

.tradeprofessionalssidebar img {
  width: 100%; }

.tradeprofessionalssidebar h4 {
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; }

#main-body-full.tradeprobody {
  padding-right: 0;
  margin-right: 0; }

.tradeprofessionalssidebar .contactinfo {
  padding: 0; }

.tradeprofessionalssidebar .contactinfo figcaption {
  padding: .75em; }

.tradeprofessionalssidebar sub {
  vertical-align: baseline;
  position: relative;
  top: 0.4em; }

.tradeprofessionalssidebar .newthing {
  color: #f00;
  font-style: italic; }

/* Build Your Door */
#main-body .logolist {
  list-style: none;
  margin: 0;
  padding: 0; }

.logolist li {
  display: inline-block;
  margin: 0;
  padding: 0; }

ul .nobottompadding {
  padding-bottom: 0; }

/*--- BYD ---*/
/* Trade Resources Slicks */
.slicks-list {
  list-style: none;
  padding: 0 0 0 5% !important;
  margin-top: 2em; }

.slicks-list:after {
  content: "";
  display: table;
  clear: both; }

.slicks-list__item {
  float: left;
  width: 28%;
  margin: 0 5% 3em 0;
  height: 174px;
  text-align: center; }

.slicks-list__item__title {
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 2em; }

.slicks-list__item__thumbnail img {
  border: 1px solid #000; }

.slicks-list__downloads-list {
  list-style: none;
  padding: 0; }

.slicks-list__downloads-list__item {
  display: inline; }

.slicks-list__downloads-list__item:first-child:after {
  content: '|'; }

/*Get It Right Landing Pages*/
.learn-more__nav {
  box-shadow: inset 0 0 2px 2px #D3D3D3;
  border: 0;
  border-radius: 10px;
  height: 150px;
  width: 18%;
  margin-right: 2.5%;
  float: left;
  text-align: center;
  padding: .5em;
  box-sizing: border-box; }

.learn-more__nav:last-child {
  margin-right: 0; }

.learn-more__nav-container {
  margin-bottom: 1em; }

.learn-more__nav-container:after {
  content: "";
  display: table;
  clear: both; }

.learnmore__footnote {
  font-size: 0.8em;
  margin-bottom: 20px; }

.nafs-container:after {
  content: "";
  display: table;
  clear: both; }

.nafs-inner-container {
  float: left;
  box-sizing: border-box; }

.faq-warranty-container:after {
  content: "";
  display: table;
  clear: both; }

.faq-warranty-pdfs {
  float: left;
  box-sizing: border-box; }

.faq-warranty__list {
  list-style: none;
  margin: 0;
  padding: 0; }

/* Products - Entry Door Systems banner images */
.entry-doors__line__figure {
  position: relative;
  margin: 0; }

.entry-doors__line__figure img {
  padding: 0; }

.entry-doors__line__title {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: .5em;
  text-align: right;
  font-family: Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-weight: bold;
  font-size: 12px;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #f4f4f4 1%, rgba(244, 244, 244, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(1%, #f4f4f4), color-stop(100%, rgba(244, 244, 244, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #f4f4f4 1%, rgba(244, 244, 244, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f4f4 0%, #f4f4f4 1%, rgba(244, 244, 244, 0.5) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f4f4 0%, #f4f4f4 1%, rgba(244, 244, 244, 0.5) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 1%, rgba(244, 244, 244, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#80f4f4f4', GradientType=0);
  /* IE6-9 */ }

.entry-doors__line__title:after {
  content: ' >>'; }

.products-navimages {
  list-style: none;
  margin: 0; }

.products-navimages li {
  margin-bottom: 2em; }

#glass ul span {
  width: auto; }

#site-info {
  height: 2.1em;
  margin-bottom: 1em;
  font-family: verdana, arial, sans-serif;
  font-size: 16px;
  color: #666; }

#site-info a {
  text-decoration: none;
  color: inherit; }

#site-info a:hover {
  color: #333;
  text-decoration: underline; }

#site-info:after {
  content: " ";
  display: table;
  clear: both; }

.social-icons {
  float: left;
  list-style: none;
  margin-left: 3%; }

.social-icons li {
  display: inline-block;
  margin-right: 10px; }

.social-icons a {
  display: block;
  width: 29px;
  height: 29px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.social-icon-facebook {
  background: url("../images/facebook.png"); }

.social-icon-twitter {
  background: url("../images/twitters.png"); }

.social-icon-google {
  background: url("../images/google.png"); }

.social-icon-pinterest {
  background: url("../images/pinterest.png"); }

.social-icon-houzz {
  background: url("../images/houzz.png"); }

.social-icon-instagram {
  background: url("../images/instagram.png"); }

.social-icon-youtube {
  background: url("../images/youtube.png"); }

.social-icon-linkedin {
  background: url("../images/linkedin.png"); }

.icon-energy-star {
  display: inline-block;
  margin-left: 2%; }

.social-hashtag {
  float: left;
  margin-left: 2%;
  height: 100%;
  overflow: hidden;
  display: table; }

.social-hashtag .centeredblockcontent {
  display: table-cell;
  vertical-align: middle; }

.copyright {
  font-size: .8em;
  height: 100%;
  overflow: hidden;
  display: table;
  float: right; }

.copyright .centeredblockcontent {
  display: table-cell;
  vertical-align: middle; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333; }

#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color: #666; }

.image-count {
  display: block; }

#TB_window a:link {
  color: #990100; }

#TB_window a:visited {
  color: #990100; }

#TB_window a:hover {
  text-decoration: none; }

#TB_window a:active {
  color: #990100; }

#TB_window a:focus {
  color: #990100; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index: 10000;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%; }

.TB_overlayMacFFBGHack {
  background: url(macFFBgHack.html) repeat; }

.TB_overlayBG {
  background-color: #000;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75; }

#TB_window {
  position: fixed;
  background: #fff;
  z-index: 10002;
  color: #000;
  display: none;
  border: 4px solid #525252;
  text-align: left;
  top: 50%;
  left: 50%;
  max-width: 100%; }
@media screen and (min-width: 1024px) {
  #TB_window {
    transform: translate(-50%) !important;
    margin-left: 0% !important; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #TB_window {
    transform: translate(-50%) !important;
    margin-left: 0% !important; } }

#TB_window img#TB_Image {
  display: block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666; }

#TB_caption {
  padding: 7px 15px 10px 25px;
  float: left;
  max-width: 50%; }

#TB_closeWindow {
  padding: 11px 25px 10px 0;
  float: right;
  max-width: 50%; }

#TB_closeAjaxWindow {
  padding: 7px 10px 5px 0;
  margin-bottom: 1px;
  text-align: right;
  float: right; }

#TB_ajaxWindowTitle {
  float: left;
  padding: 7px 0 5px 10px;
  margin-bottom: 1px; }

#TB_title {
  background-color: #e8e8e8;
  height: 27px; }

#TB_ajaxContent {
  clear: both;
  padding: 15px;
  overflow: auto;
  text-align: left;
  line-height: 1.4em; }

#TB_ajaxContent.TB_modal {
  padding: 15px; }

#TB_ajaxContent p {
  padding: 5px 0px 5px 0px; }

#TB_load {
  position: fixed;
  display: none;
  height: 13px;
  width: 208px;
  z-index: 10003;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px;
  /* -height/2 0 0 -width/2 */ }

#TB_HideSelect {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  border: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height: 100%;
  width: 100%; }

#TB_iframeContent {
  clear: both;
  border: none;
  margin-bottom: -1px;
  margin-top: 1px;
  _margin-bottom: 1px; }

a#TB_closeWindowButton {
  color: #000 !important;
  text-decoration: none !important;
  font-weight: bold;
  padding-left: 11px; }

#TB_window td, #TB_window th {
  padding: 5px 8px; }

#TB_window th {
  border-bottom: 1px solid #666; }

#TB_window td {
  border-bottom: 1px dotted #ccc; }

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel, div.star-rating {
  float: left;
  width: 17px;
  height: 15px;
  text-indent: -999em;
  cursor: pointer;
  display: block;
  background: transparent;
  overflow: hidden; }

div.rating-cancel, div.rating-cancel a {
  background: url(../images/delete.gif) no-repeat 0 -16px; }

div.star-rating, div.star-rating a {
  background: url(../images/star.gif) no-repeat 0 0px; }

div.rating-cancel a, div.star-rating a {
  display: block;
  width: 16px;
  height: 100%;
  background-position: 0 0px;
  border: 0; }

div.star-rating-on a {
  background-position: 0 -16px !important; }

div.star-rating-hover a {
  background-position: 0 -32px; }

/* Read Only CSS */
div.star-rating-readonly a {
  cursor: default !important; }

/* Partial Star CSS */
div.star-rating {
  background: transparent !important;
  overflow: hidden !important; }

/* END jQuery.Rating Plugin CSS */
.lt-ie9 .container {
  width: 960px !important; }
.container--outer, .container .container--wide {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
.container--outer:after, .container .container--wide:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .container--outer, .container .container--wide {
    margin-top: 0; } }
@media screen and (max-width: 600px) {
  .container--outer, .container .container--wide {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0; }
  .container--outer:after, .container .container--wide:after {
    clear: both;
    content: "";
    display: table; } }

.row {
  display: block; }
.row:after {
  clear: both;
  content: "";
  display: table; }

.section-nav {
  float: left;
  display: block;
  margin-right: 0.02765%;
  width: 19.17766%;
  margin-left: -100.02765%;
  padding: 10px 0 2.35765% 0; }
.section-nav:last-child {
  margin-right: 0; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .section-nav {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-left: -102.35765%; }
  .section-nav:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .section-nav {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    margin-left: 0%; }
  .section-nav:last-child {
    margin-right: 0; } }

.main-body {
  float: left;
  display: block;
  margin-right: 0.02765%;
  width: 80.79469%;
  margin-left: 19.20531%;
  padding: 0 20px 2.35765%; }
.main-body:last-child {
  margin-right: 0; }
.lt-ie9 .main-body {
  width: 76.5% !important; }
.lt-ie9 .main-body.where-to-buy-main-body {
  width: auto !important; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .main-body {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin-left: 34.11922%;
    padding: 0 10px 2.35765%; }
  .main-body:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .main-body {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    margin-left: 0%;
    padding: 0 10px 2.35765%; }
  .main-body:last-child {
    margin-right: 0; } }
.main-body--wide {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-left: 0%; }
.main-body--wide:last-child {
  margin-right: 0; }
.lt-ie9 .main-body--wide {
  width: 100% !important; }
@media screen and (min-width: 1024px) {
  .main-body--wide {
    padding: 0 0 2.35765%; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .main-body.main-body--company, .main-body.main-body--news-events {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0%;
    padding: 0 10px 2.35765%; }
  .main-body.main-body--company:last-child, .main-body.main-body--news-events:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) {
  .main-body {
    min-height: 500px; } }

/* spacing helpers
p, m = padding, margin
a, t, r, b, l, h, v = all, top, right, bottom, left, horizontal, vertical
s, m, l, n = small($small), medium($medium), large($large), none(0px)
*/
.ptn, .pvn, .pan {
  padding-top: 0; }

.pts, .pvs, .pas {
  padding-top: 5px; }

.ptm, .pvm, .pam {
  padding-top: 10px; }

.ptl, .pvl, .pal {
  padding-top: 20px; }

.pth, .pvh, .pah {
  padding-top: 30px; }

.ptg, .pvg, .pag {
  padding-top: 50px; }

.prn, .phn, .pan {
  padding-right: 0; }

.prs, .phs, .pas {
  padding-right: 5px; }

.prm, .phm, .pam {
  padding-right: 10px; }

.prl, .phl, .pal {
  padding-right: 20px; }

.prh, .phh, .pah {
  padding-right: 30px; }

.prg, .phg, .pag {
  padding-right: 50px; }

.pbn, .pvn, .pan {
  padding-bottom: 0; }

.pbs, .pvs, .pas {
  padding-bottom: 5px; }

.pbm, .pvm, .pam {
  padding-bottom: 10px; }

.pbl, .pvl, .pal {
  padding-bottom: 20px; }

.pbh, .pvh, .pah {
  padding-bottom: 30px; }

.pbg, .pvg, .pag {
  padding-bottom: 50px; }

.pln, .phn, .pan {
  padding-left: 0; }

.pls, .phs, .pas {
  padding-left: 5px; }

.plm, .phm, .pam {
  padding-left: 10px; }

.pll, .phl, .pal {
  padding-left: 20px; }

.plh, .phh, .pah {
  padding-left: 30px; }

.plg, .phg, .pag {
  padding-left: 50px; }

.mtn, .mvn, .man {
  margin-top: 0; }

.mts, .mvs, .mas {
  margin-top: 5px; }

.mtm, .mvm, .mam {
  margin-top: 10px; }

.mtl, .mvl, .mal {
  margin-top: 20px; }

.mth, .mvh, .mah {
  margin-top: 30px; }

.mtg, .mvg, .mag {
  margin-top: 50px; }

.mrn, .mhn, .man {
  margin-right: 0; }

.mrs, .mhs, .mas {
  margin-right: 5px; }

.mrm, .mhm, .mam {
  margin-right: 10px; }

.mrl, .mhl, .mal {
  margin-right: 20px; }

.mrh, .mhh, .mah {
  margin-right: 30px; }

.mrg, .mhg, .mag {
  margin-right: 50px; }

.mbn, .mvn, .man {
  margin-bottom: 0; }

.mbs, .mvs, .mas {
  margin-bottom: 5px; }

.mbm, .mvm, .mam {
  margin-bottom: 10px; }

.mbl, .mvl, .mal {
  margin-bottom: 20px; }

.mbh, .mvh, .mah {
  margin-bottom: 30px; }

.mbg, .mvg, .mag {
  margin-bottom: 50px; }

.mln, .mhn, .man {
  margin-left: 0; }

.mls, .mhs, .mas {
  margin-left: 5px; }

.mlm, .mhm, .mam {
  margin-left: 10px; }

.mll, .mhl, .mal {
  margin-left: 20px; }

.mlh, .mhh, .mah {
  margin-left: 30px; }

.mlg, .mhg, .mag {
  margin-left: 50px; }

@media screen and (max-width: 600px) {
  .xs-ptn, .xs-pvn, .xs-pan {
    padding-top: 0; }

  .xs-pts, .xs-pvs, .xs-pas {
    padding-top: 5px; }

  .xs-ptm, .xs-pvm, .xs-pam {
    padding-top: 10px; }

  .xs-ptl, .xs-pvl, .xs-pal {
    padding-top: 20px; }

  .xs-pth, .xs-pvh, .xs-pah {
    padding-top: 30px; }

  .xs-ptg, .xs-pvg, .xs-pag {
    padding-top: 50px; }

  .xs-prn, .xs-phn, .xs-pan {
    padding-right: 0; }

  .xs-prs, .xs-phs, .xs-pas {
    padding-right: 5px; }

  .xs-prm, .xs-phm, .xs-pam {
    padding-right: 10px; }

  .xs-prl, .xs-phl, .xs-pal {
    padding-right: 20px; }

  .xs-prh, .xs-phh, .xs-pah {
    padding-right: 30px; }

  .xs-prg, .xs-phg, .xs-pag {
    padding-right: 50px; }

  .xs-pbn, .xs-pvn, .xs-pan {
    padding-bottom: 0; }

  .xs-pbs, .xs-pvs, .xs-pas {
    padding-bottom: 5px; }

  .xs-pbm, .xs-pvm, .xs-pam {
    padding-bottom: 10px; }

  .xs-pbl, .xs-pvl, .xs-pal {
    padding-bottom: 20px; }

  .xs-pbh, .xs-pvh, .xs-pah {
    padding-bottom: 30px; }

  .xs-pbg, .xs-pvg, .xs-pag {
    padding-bottom: 50px; }

  .xs-pln, .xs-phn, .xs-pan {
    padding-left: 0; }

  .xs-pls, .xs-phs, .xs-pas {
    padding-left: 5px; }

  .xs-plm, .xs-phm, .xs-pam {
    padding-left: 10px; }

  .xs-pll, .xs-phl, .xs-pal {
    padding-left: 20px; }

  .xs-plh, .xs-phh, .xs-pah {
    padding-left: 30px; }

  .xs-plg, .xs-phg, .xs-pag {
    padding-left: 50px; }

  .xs-mtn, .xs-mvn, .xs-man {
    margin-top: 0; }

  .xs-mts, .xs-mvs, .xs-mas {
    margin-top: 5px; }

  .xs-mtm, .xs-mvm, .xs-mam {
    margin-top: 10px; }

  .xs-mtl, .xs-mvl, .xs-mal {
    margin-top: 20px; }

  .xs-mth, .xs-mvh, .xs-mah {
    margin-top: 30px; }

  .xs-mtg, .xs-mvg, .xs-mag {
    margin-top: 50px; }

  .xs-mrn, .xs-mhn, .xs-man {
    margin-right: 0; }

  .xs-mrs, .xs-mhs, .xs-mas {
    margin-right: 5px; }

  .xs-mrm, .xs-mhm, .xs-mam {
    margin-right: 10px; }

  .xs-mrl, .xs-mhl, .xs-mal {
    margin-right: 20px; }

  .xs-mrh, .xs-mhh, .xs-mah {
    margin-right: 30px; }

  .xs-mrg, .xs-mhg, .xs-mag {
    margin-right: 50px; }

  .xs-mbn, .xs-mvn, .xs-man {
    margin-bottom: 0; }

  .xs-mbs, .xs-mvs, .xs-mas {
    margin-bottom: 5px; }

  .xs-mbm, .xs-mvm, .xs-mam {
    margin-bottom: 10px; }

  .xs-mbl, .xs-mvl, .xs-mal {
    margin-bottom: 20px; }

  .xs-mbh, .xs-mvh, .xs-mah {
    margin-bottom: 30px; }

  .xs-mbg, .xs-mvg, .xs-mag {
    margin-bottom: 50px; }

  .xs-mln, .xs-mhn, .xs-man {
    margin-left: 0; }

  .xs-mls, .xs-mhs, .xs-mas {
    margin-left: 5px; }

  .xs-mlm, .xs-mhm, .xs-mam {
    margin-left: 10px; }

  .xs-mll, .xs-mhl, .xs-mal {
    margin-left: 20px; }

  .xs-mlh, .xs-mhh, .xs-mah {
    margin-left: 30px; }

  .xs-mlg, .xs-mhg, .xs-mag {
    margin-left: 50px; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .sm-ptn, .sm-pvn, .sm-pan {
    padding-top: 0; }

  .sm-pts, .sm-pvs, .sm-pas {
    padding-top: 5px; }

  .sm-ptm, .sm-pvm, .sm-pam {
    padding-top: 10px; }

  .sm-ptl, .sm-pvl, .sm-pal {
    padding-top: 20px; }

  .sm-pth, .sm-pvh, .sm-pah {
    padding-top: 30px; }

  .sm-ptg, .sm-pvg, .sm-pag {
    padding-top: 50px; }

  .sm-prn, .sm-phn, .sm-pan {
    padding-right: 0; }

  .sm-prs, .sm-phs, .sm-pas {
    padding-right: 5px; }

  .sm-prm, .sm-phm, .sm-pam {
    padding-right: 10px; }

  .sm-prl, .sm-phl, .sm-pal {
    padding-right: 20px; }

  .sm-prh, .sm-phh, .sm-pah {
    padding-right: 30px; }

  .sm-prg, .sm-phg, .sm-pag {
    padding-right: 50px; }

  .sm-pbn, .sm-pvn, .sm-pan {
    padding-bottom: 0; }

  .sm-pbs, .sm-pvs, .sm-pas {
    padding-bottom: 5px; }

  .sm-pbm, .sm-pvm, .sm-pam {
    padding-bottom: 10px; }

  .sm-pbl, .sm-pvl, .sm-pal {
    padding-bottom: 20px; }

  .sm-pbh, .sm-pvh, .sm-pah {
    padding-bottom: 30px; }

  .sm-pbg, .sm-pvg, .sm-pag {
    padding-bottom: 50px; }

  .sm-pln, .sm-phn, .sm-pan {
    padding-left: 0; }

  .sm-pls, .sm-phs, .sm-pas {
    padding-left: 5px; }

  .sm-plm, .sm-phm, .sm-pam {
    padding-left: 10px; }

  .sm-pll, .sm-phl, .sm-pal {
    padding-left: 20px; }

  .sm-plh, .sm-phh, .sm-pah {
    padding-left: 30px; }

  .sm-plg, .sm-phg, .sm-pag {
    padding-left: 50px; }

  .sm-mtn, .sm-mvn, .sm-man {
    margin-top: 0; }

  .sm-mts, .sm-mvs, .sm-mas {
    margin-top: 5px; }

  .sm-mtm, .sm-mvm, .sm-mam {
    margin-top: 10px; }

  .sm-mtl, .sm-mvl, .sm-mal {
    margin-top: 20px; }

  .sm-mth, .sm-mvh, .sm-mah {
    margin-top: 30px; }

  .sm-mtg, .sm-mvg, .sm-mag {
    margin-top: 50px; }

  .sm-mrn, .sm-mhn, .sm-man {
    margin-right: 0; }

  .sm-mrs, .sm-mhs, .sm-mas {
    margin-right: 5px; }

  .sm-mrm, .sm-mhm, .sm-mam {
    margin-right: 10px; }

  .sm-mrl, .sm-mhl, .sm-mal {
    margin-right: 20px; }

  .sm-mrh, .sm-mhh, .sm-mah {
    margin-right: 30px; }

  .sm-mrg, .sm-mhg, .sm-mag {
    margin-right: 50px; }

  .sm-mbn, .sm-mvn, .sm-man {
    margin-bottom: 0; }

  .sm-mbs, .sm-mvs, .sm-mas {
    margin-bottom: 5px; }

  .sm-mbm, .sm-mvm, .sm-mam {
    margin-bottom: 10px; }

  .sm-mbl, .sm-mvl, .sm-mal {
    margin-bottom: 20px; }

  .sm-mbh, .sm-mvh, .sm-mah {
    margin-bottom: 30px; }

  .sm-mbg, .sm-mvg, .sm-mag {
    margin-bottom: 50px; }

  .sm-mln, .sm-mhn, .sm-man {
    margin-left: 0; }

  .sm-mls, .sm-mhs, .sm-mas {
    margin-left: 5px; }

  .sm-mlm, .sm-mhm, .sm-mam {
    margin-left: 10px; }

  .sm-mll, .sm-mhl, .sm-mal {
    margin-left: 20px; }

  .sm-mlh, .sm-mhh, .sm-mah {
    margin-left: 30px; }

  .sm-mlg, .sm-mhg, .sm-mag {
    margin-left: 50px; } }
@media screen and (min-width: 1024px) {
  .md-ptn, .md-pvn, .md-pan {
    padding-top: 0; }

  .md-pts, .md-pvs, .md-pas {
    padding-top: 5px; }

  .md-ptm, .md-pvm, .md-pam {
    padding-top: 10px; }

  .md-ptl, .md-pvl, .md-pal {
    padding-top: 20px; }

  .md-pth, .md-pvh, .md-pah {
    padding-top: 30px; }

  .md-ptg, .md-pvg, .md-pag {
    padding-top: 50px; }

  .md-prn, .md-phn, .md-pan {
    padding-right: 0; }

  .md-prs, .md-phs, .md-pas {
    padding-right: 5px; }

  .md-prm, .md-phm, .md-pam {
    padding-right: 10px; }

  .md-prl, .md-phl, .md-pal {
    padding-right: 20px; }

  .md-prh, .md-phh, .md-pah {
    padding-right: 30px; }

  .md-prg, .md-phg, .md-pag {
    padding-right: 50px; }

  .md-pbn, .md-pvn, .md-pan {
    padding-bottom: 0; }

  .md-pbs, .md-pvs, .md-pas {
    padding-bottom: 5px; }

  .md-pbm, .md-pvm, .md-pam {
    padding-bottom: 10px; }

  .md-pbl, .md-pvl, .md-pal {
    padding-bottom: 20px; }

  .md-pbh, .md-pvh, .md-pah {
    padding-bottom: 30px; }

  .md-pbg, .md-pvg, .md-pag {
    padding-bottom: 50px; }

  .md-pln, .md-phn, .md-pan {
    padding-left: 0; }

  .md-pls, .md-phs, .md-pas {
    padding-left: 5px; }

  .md-plm, .md-phm, .md-pam {
    padding-left: 10px; }

  .md-pll, .md-phl, .md-pal {
    padding-left: 20px; }

  .md-plh, .md-phh, .md-pah {
    padding-left: 30px; }

  .md-plg, .md-phg, .md-pag {
    padding-left: 50px; }

  .md-mtn, .md-mvn, .md-man {
    margin-top: 0; }

  .md-mts, .md-mvs, .md-mas {
    margin-top: 5px; }

  .md-mtm, .md-mvm, .md-mam {
    margin-top: 10px; }

  .md-mtl, .md-mvl, .md-mal {
    margin-top: 20px; }

  .md-mth, .md-mvh, .md-mah {
    margin-top: 30px; }

  .md-mtg, .md-mvg, .md-mag {
    margin-top: 50px; }

  .md-mrn, .md-mhn, .md-man {
    margin-right: 0; }

  .md-mrs, .md-mhs, .md-mas {
    margin-right: 5px; }

  .md-mrm, .md-mhm, .md-mam {
    margin-right: 10px; }

  .md-mrl, .md-mhl, .md-mal {
    margin-right: 20px; }

  .md-mrh, .md-mhh, .md-mah {
    margin-right: 30px; }

  .md-mrg, .md-mhg, .md-mag {
    margin-right: 50px; }

  .md-mbn, .md-mvn, .md-man {
    margin-bottom: 0; }

  .md-mbs, .md-mvs, .md-mas {
    margin-bottom: 5px; }

  .md-mbm, .md-mvm, .md-mam {
    margin-bottom: 10px; }

  .md-mbl, .md-mvl, .md-mal {
    margin-bottom: 20px; }

  .md-mbh, .md-mvh, .md-mah {
    margin-bottom: 30px; }

  .md-mbg, .md-mvg, .md-mag {
    margin-bottom: 50px; }

  .md-mln, .md-mhn, .md-man {
    margin-left: 0; }

  .md-mls, .md-mhs, .md-mas {
    margin-left: 5px; }

  .md-mlm, .md-mhm, .md-mam {
    margin-left: 10px; }

  .md-mll, .md-mhl, .md-mal {
    margin-left: 20px; }

  .md-mlh, .md-mhh, .md-mah {
    margin-left: 30px; }

  .md-mlg, .md-mhg, .md-mag {
    margin-left: 50px; } }
.ie8-only {
  display: none; }
.lt-ie9 .ie8-only {
  display: inherit; }

.lt-ie9 .hide-ie8 {
  display: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

.clearfix {
  display: block; }

.TreeView img {
  max-width: 1000px; }
.TreeView table {
  margin-top: 0;
  margin-bottom: 0; }
.TreeView td {
  border-bottom: 0;
  padding: 0; }

.float-left {
  float: left; }

.float-right {
  float: right; }

@media screen and (max-width: 1023px) {
  .show-desktop {
    display: none !important; } }

@media screen and (max-width: 600px) {
  .hidden-mobile {
    display: none; } }

.opposite-sides {
  display: block; }
.opposite-sides:after {
  clear: both;
  content: "";
  display: table; }
.opposite-sides__left {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
.opposite-sides__left:last-child {
  margin-right: 0; }
.opposite-sides__right {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  text-align: right; }
.opposite-sides__right:last-child {
  margin-right: 0; }

.button--pill, .family-detail-intro__link, .where-to-buy-button {
  background-color: #600;
  color: white;
  border-radius: 25px;
  padding: 5px 30px;
  font-weight: bold; }
.button--pill:hover, .family-detail-intro__link:hover, .where-to-buy-button:hover {
  background-color: #570000;
  color: white; }

/*================================================================================
[Alignment]
*/
.text-center {
  text-align: center; }

@media screen and (max-width: 600px) {
  .mobile-text-center {
    text-align: center; } }

@media screen and (min-width: 601px) and (max-width: 1023px) {
  .tablet-text-center {
    text-align: center; } }

@media screen and (min-width: 601px) {
  .nonmobile-text-center {
    text-align: center; } }

.text-left {
  text-align: left; }

@media screen and (max-width: 600px) {
  .mobile-text-left {
    text-align: left; } }

@media screen and (min-width: 601px) and (max-width: 1023px) {
  .tablet-text-left {
    text-align: left; } }

@media screen and (min-width: 601px) {
  .nonmobile-text-left {
    text-align: left; } }

.text-right {
  text-align: right; }

@media screen and (max-width: 600px) {
  .mobile-text-right {
    text-align: right; } }

@media screen and (min-width: 601px) and (max-width: 1023px) {
  .tablet-text-right {
    text-align: right; } }

@media screen and (min-width: 601px) {
  .nonmobile-text-right {
    text-align: right; } }

/* New Styling for Non-responsive messaging */
@media screen and (min-width: 1024px) {
  .experience-overlay {
    display: none; }

  .overlay-dim {
    display: none; } }
.overlay-dim {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: 0.8;
  z-index: 10000; }
@media print {
  .overlay-dim {
    display: none; } }

.experience-overlay {
  position: relative;
  text-align: center;
  width: 80%;
  margin: auto;
  padding-top: 10%;
  padding-bottom: 10%;
  z-index: 10001; }
@media screen and (min-width: 601px) {
  .experience-overlay {
    font-size: 2.8em; } }
@media screen and (max-width: 600px) {
  .experience-overlay {
    font-size: 1.4em; } }
@media print {
  .experience-overlay {
    display: none; } }
.experience-overlay h3 {
  font-family: verdana, arial, sans-serif;
  color: #262626;
  margin: 50px auto; }
.experience-overlay a img {
  width: 40%; }

.experience-warning-text {
  padding: 10px; }

.experience-warning-dismiss {
  background-color: #645A54;
  font-size: 1.2em;
  padding: 0.75em 1.5em; }

.experience-warning-dismiss:hover {
  background-color: #928B87; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #TB_window {
    height: 500px;
    -webkit-overflow-scrolling: touch;
    overflow: auto; } }
/*================================================================================
[Padding]
*/
.pad-vertical {
  padding-top: 20px;
  padding-bottom: 20px; }

.pad-horizontal {
  padding-left: 20px;
  padding-right: 20px; }

ul, ol {
  list-style-type: disc; }

form.search-bar {
  position: relative; }
form.search-bar input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0 !important;
  border: 1px solid #d8d6d6;
  display: block;
  font-size: 1em;
  font-style: italic;
  margin: 0;
  padding: 0.5em 0.5em;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }
form.search-bar button[type=submit] {
  background-color: #ed1c24;
  border: 0;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  padding: 7px 18px;
  text-decoration: none;
  background-clip: padding-box;
  position: absolute;
  top: 0em;
  right: 0em;
  bottom: 0em;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  outline: none;
  padding: 5px 10px; }
form.search-bar button[type=submit] img {
  height: 12px;
  opacity: 0.7; }

/**************************************/
/* Table of Contents

1.0 Global Nav Elements
2.0 Main Nav
3.0 Mobile/Tablet Nav

/*************************************/
/**************************************/
/* 1.0 Global Nav Elements            */
/*************************************/
#branding {
  height: 100px; }
@media screen and (max-width: 1023px) {
  #branding {
    border-bottom: 2px solid #d8d6d6; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #branding .site-header__subnav {
    display: none; } }
@media screen and (max-width: 600px) {
  #branding .site-header__subnav {
    display: none; } }
#branding #search.site-header__search-container .search-bar .searchbox {
  margin-left: 0px; }
@media screen and (min-width: 1024px) {
  #branding #search.site-header__search-container .search-bar .searchbox {
    width: 120px;
    height: 24px; } }
#branding #search.site-header__search-container .search-bar button {
  padding: 5px;
  font-size: 16px; }
.lt-ie9 #branding #search.site-header__search-container .search-bar button {
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', sans-serif;
  padding-top: 0; }

/**************************************/
/* 2.0 Main Nav                       */
/*************************************/
.nav-main {
  z-index: 999;
  color: #ffffff;
  background-color: #645A54;
  margin-bottom: 1px;
  font-size: .9em;
  font-weight: bold; }
@media screen and (max-width: 1023px) {
  .nav-main {
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #d8d6d6;
    color: #645a54;
    font-size: 21px;
    font-weight: normal; }
  .nav-main .hide-non-desktop {
    visibility: hidden;
    display: none; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .nav-main {
    position: absolute;
    width: 50%; } }
@media screen and (max-width: 600px) {
  .nav-main {
    position: absolute;
    width: 100%; } }

.nav-main ul {
  z-index: 999;
  list-style: none; }
@media screen and (max-width: 1023px) {
  .nav-main ul > li {
    float: none;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #a69990; } }
@media screen and (max-width: 1023px) {
  .nav-main ul > li > a {
    display: inline-block;
    width: 75%; }
  .nav-main ul > li > a.full-width-link {
    width: 90%; } }

.nav-main li {
  z-index: 999;
  width: 16.65%;
  text-align: center;
  float: left;
  position: relative; }
@media screen and (max-width: 1023px) {
  .nav-main li {
    /*padding: 16px 41px 15px;*/
    padding: 0.2em 0;
    background-color: #d8d6d6; } }

.nav-main li a {
  z-index: 999;
  color: #FFFFFF;
  text-decoration: none;
  padding: 6px;
  display: block; }
@media screen and (max-width: 1023px) {
  .nav-main li a {
    color: #645a54;
    font-size: 16px;
    margin: 10px; } }

@media screen and (min-width: 1024px) {
  .nav-main li a:hover {
    z-index: 999;
    color: #DDCCAD;
    background-color: #7f756e; } }

@media screen and (min-width: 1024px) {
  .nav-main li:hover ul {
    display: block; } }

.nav-main ul li ul {
  z-index: 999;
  display: none;
  background-color: #635a54;
  position: absolute;
  top: 100%;
  right: 0px;
  opacity: 0.94;
  filter: alpha(opacity=94); }
@media screen and (max-width: 1023px) {
  .nav-main ul li ul {
    position: static;
    width: auto; } }

.nav-main ul li ul li {
  z-index: 999;
  background-color: #645a54;
  width: 100%; }
@media screen and (min-width: 1024px) {
  .nav-main ul li ul li {
    font-weight: bold;
    font-size: 10px; } }

@media screen and (max-width: 1023px) {
  .nav-main ul li ul li a {
    color: white; } }

/**************************************/
/* 3.0 Mobile/Tablet Nav              */
/*************************************/
@media screen and (max-width: 1023px) {
  #branding {
    text-align: center;
    background: none; }
  #branding .hamburger-icon {
    float: left;
    height: 20px;
    width: 25px;
    margin-top: 39px;
    margin-left: 40px;
    border-color: #7f756e;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s; }
  #branding .hamburger-icon--active {
    border-color: #d8d6d6; }
  #branding .hamburger-icon__bar {
    display: block;
    width: 100%;
    border: 2px solid;
    border-color: inherit;
    margin: 0;
    padding: 0; }
  #branding .hamburger-icon__bar--middle {
    margin: 5px 0; }
  #branding h1 {
    display: inline-block;
    position: relative;
    margin-top: 36px;
    top: auto;
    left: auto; } }
@media screen and (max-width: 1023px) and (min-width: 601px) and (max-width: 1023px) {
  #branding h1 {
    float: left;
    margin-left: 70px;
    margin-top: 33px;
    left: 0px; } }
@media screen and (max-width: 1023px) {
  #branding h1 a {
    background-size: contain;
    width: 100px; } }
@media screen and (max-width: 1023px) and (min-width: 601px) and (max-width: 1023px) {
  #branding h1 a {
    width: 175px; } }
@media screen and (max-width: 1023px) {
  #branding .site-header__search-icon {
    position: relative;
    float: right;
    height: 30px;
    width: 30px;
    border-color: #7f756e;
    margin-top: 35px;
    margin-right: 40px;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s; }
  #branding .site-header__search-icon .search-icon-active {
    border-color: #d8d6d6; }
  #branding .site-header__search-icon:before {
    content: " ";
    height: 25px;
    width: 25px;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 4px solid;
    border-color: inherit;
    border-radius: 50%; }
  #branding .site-header__search-icon:after {
    content: " ";
    height: 0;
    width: 11px;
    position: absolute;
    bottom: 4px;
    right: 0px;
    border-bottom: 4px solid;
    border-color: inherit;
    -webkit-transform: rotate(46deg);
    -moz-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    -o-transform: rotate(46deg);
    transform: rotate(46deg); }
  #branding .site-header__search-icon--active {
    border-color: #d8d6d6; } }
@media screen and (max-width: 1023px) and (min-width: 601px) and (max-width: 1023px) {
  #branding .site-header__search-icon {
    display: none; } }
@media screen and (max-width: 1023px) {
  #branding div#search.site-header__search-container {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 90px;
    width: 100%;
    padding: 10px;
    background-color: #d8d6d6; }
  #branding div#search.site-header__search-container form {
    margin: 5px 10px;
    left: 0; }
  #branding div#search.site-header__search-container form input {
    margin: 0;
    width: 100%; } }
@media screen and (max-width: 1023px) and (max-width: 600px) {
  #branding div#search.site-header__search-container form input {
    border-color: #fff; } }
@media screen and (max-width: 1023px) {
  #branding div#search.site-header__search-container form input::-webkit-input-placeholder {
    font-size: 12px; }
  #branding div#search.site-header__search-container form input::-moz-placeholder {
    font-size: 12px; }
  #branding div#search.site-header__search-container form input:-moz-placeholder {
    font-size: 12px; }
  #branding div#search.site-header__search-container form input:-ms-input-placeholder {
    font-size: 12px; } }
@media screen and (max-width: 1023px) and (min-width: 601px) and (max-width: 1023px) {
  #branding div#search.site-header__search-container {
    display: inline-block;
    position: relative;
    float: right;
    width: 40%;
    margin-right: 30px;
    margin-top: 21px;
    top: 0px;
    background-color: transparent; } }

@media screen and (min-width: 1024px) {
  .hamburger-icon {
    display: none; } }

@media screen and (max-width: 1023px) {
  .js-chevron-nav {
    border: 0;
    border-top: 3px solid #666;
    border-left: 3px solid #666;
    content: " ";
    position: absolute;
    margin: 0;
    height: 19px;
    width: 19px;
    top: 14px;
    right: 25px;
    cursor: pointer;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    display: block; } }

@media screen and (max-width: 1023px) {
  .main-nav-open {
    border: 0;
    border-top: 3px solid #666;
    border-left: 3px solid #666;
    content: " ";
    position: absolute;
    margin: 0;
    height: 19px;
    width: 19px;
    top: 16px;
    right: 25px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); } }

.open {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

@media screen and (max-width: 1023px) {
  #minor-nav {
    padding-bottom: 0; }
  #minor-nav .hide-non-desktop {
    visibility: hidden;
    display: none; } }
@media screen and (min-width: 1024px) {
  #minor-nav {
    border-left: 10px solid #fff;
    border-right: 10px solid #fff; } }
#minor-nav ul {
  text-align: center;
  padding: 10px; }
@media (1024px) {
  #minor-nav ul {
    padding: 0; } }
#minor-nav ul li {
  float: none;
  display: inline-block;
  width: 100%; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #minor-nav ul li {
    width: 30%; } }
@media screen and (min-width: 1024px) {
  #minor-nav ul li {
    width: 13%; } }
#minor-nav ul li a {
  margin: 5px auto; }
@media screen and (max-width: 1023px) {
  #minor-nav ul li a {
    font-size: 12px; } }

@media screen and (max-width: 1023px) {
  #site-info {
    background-image: none;
    height: auto; } }
@media screen and (min-width: 601px) {
  #site-info {
    height: 3.1em;
    max-width: 960px;
    margin: auto; } }
@media screen and (max-width: 600px) {
  #site-info .social-icons, #site-info .social-hashtag {
    width: 100%;
    text-align: center;
    margin: 15px auto; } }
#site-info #energy-star {
  display: inline-block;
  margin-left: 2%;
  background-position: center; }
@media screen and (max-width: 600px) {
  #site-info #energy-star {
    width: 100%;
    text-align: center;
    margin: 15px auto; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #site-info #energy-star {
    float: right; } }
@media screen and (max-width: 600px) {
  #site-info .copyright {
    display: block;
    width: 100%;
    text-align: center; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #site-info .copyright {
    display: block;
    float: left;
    clear: both;
    margin-top: 15px;
    margin-left: 20px; } }
@media screen and (max-width: 600px) {
  #site-info .copyright .centeredblockcontent {
    display: inline-block; } }
@media screen and (max-width: 600px) {
  #site-info .copyright .centeredblockcontent {
    width: 100%;
    text-align: center;
    margin: 15px auto; } }
@media screen and (max-width: 600px) {
  #site-info .copyright .centeredblockcontent a {
    display: block;
    width: 100%;
    margin-top: 10px; } }

/* Sub Navigation (Left hand nav) */
@media screen and (max-width: 600px) {
  #section-nav {
    padding: 0px; } }
@media screen and (max-width: 1023px) {
  #section-nav .hide-non-desktop {
    visibility: hidden;
    display: none; } }

#section-nav ul {
  padding-bottom: 0;
  background: #d8d6d6; }

#section-nav ul li {
  border-bottom: 1px solid #ffffff;
  font-size: 14px; }

#section-nav ul li a {
  text-decoration: none;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block; }

/*Selected nav item*/
/* Items underneath selected nav item */
#section-nav ul li.selected ul a {
  text-decoration: none;
  font-size: 13px;
  background-color: #eceaea; }

#section-nav ul ul li {
  padding-left: 0px;
  border-bottom: 1px solid #ffffff; }

#section-nav ul li.root {
  background-color: #990100;
  padding-top: 1px; }

/* The selected sections subnav  */
#section-nav ul ul.selected {
  padding: 0px; }

/* Apply this styling to all subnav items */
#section-nav ul ul {
  font-size: 10px;
  padding: 0px 0;
  background-color: #ECEAEA; }

/*Third level in menu*/
#section-nav ul ul li.selected ul li {
  border-bottom: none !important; }

#section-nav ul ul li.selected ul li a {
  text-decoration: none;
  padding-left: 28px;
  border-bottom: none; }

#section-nav .sub-nav-container {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
#section-nav .sub-nav-container:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (max-width: 1023px) {
  #section-nav .sub-nav-container .echevron {
    border: 0;
    border-top: 3px solid #666;
    border-left: 3px solid #666;
    content: " ";
    position: absolute;
    margin: 0;
    height: 19px;
    width: 19px;
    top: 11px;
    right: 25px;
    cursor: pointer;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); } }
@media screen and (min-width: 1024px) {
  #section-nav .sub-nav-container .echevron {
    border: 0;
    border-top: 3px solid #666;
    border-left: 3px solid #666;
    content: " ";
    position: absolute;
    margin: 0;
    height: 12px;
    width: 12px;
    top: 14px;
    right: 15px;
    cursor: pointer;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); } }
.lt-ie9 #section-nav .sub-nav-container .echevron {
  border: 0; }
.lt-ie9 #section-nav .sub-nav-container .echevron:after {
  content: "\25bc"; }
@media screen and (max-width: 1023px) {
  #section-nav .sub-nav-container .echevron.page-nav-open {
    border: 0;
    border-top: 3px solid #666;
    border-left: 3px solid #666;
    content: " ";
    position: absolute;
    margin: 0;
    height: 19px;
    width: 19px;
    top: 15px;
    right: 25px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); } }
@media screen and (min-width: 1024px) {
  #section-nav .sub-nav-container .echevron.page-nav-open {
    border: 0;
    border-top: 3px solid #666;
    border-left: 3px solid #666;
    content: " ";
    position: absolute;
    margin: 0;
    height: 12px;
    width: 12px;
    top: 18px;
    right: 15px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); } }
.lt-ie9 #section-nav .sub-nav-container .echevron.page-nav-open {
  border: 0; }
.lt-ie9 #section-nav .sub-nav-container .echevron.page-nav-open:after {
  content: "\25b2"; }

/* The banners below the section nav*/
#doordesigner {
  text-align: center; }

.notifications__container {
  padding: .5em;
  background: #d3d4d5;
  color: #333;
  text-align: center;
  font-family: Verdana,Arial,sans-serif;
  font-size: 11px;
  line-height: 1;
  position: relative;
  z-index: 999; }
.notifications__message {
  display: inline;
  margin: 0; }
.notifications__dismiss-button {
  background: none;
  padding: 0;
  color: #ed1c24;
  font-family: Verdana,Arial,sans-serif;
  font-weight: normal;
  vertical-align: baseline;
  padding: 0 .5em; }
.notifications__dismiss-button:hover, .notifications__dismiss-button:active {
  background: none;
  text-decoration: underline;
  color: #ed1c24; }
.notifications__dismiss-button:focus {
  background: none;
  color: #ed1c24; }

.sitemap-content {
  display: block; }
.sitemap-content:after {
  clear: both;
  content: "";
  display: table; }
.sitemap-content__col {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%; }
.sitemap-content__col:last-child {
  margin-right: 0; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .sitemap-content__col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .sitemap-content__col:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .sitemap-content__col {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
  .sitemap-content__col:last-child {
    margin-right: 0; } }

.btn {
  display: inline-block;
  padding: 15px 25px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 14px; }
.btn:hover, .btn:active, .btn:focus {
  color: #fff; }
.btn-default {
  background: #808285; }
.btn-default:hover, .btn-default:active, .btn-default:focus {
  background: #67696b; }
.btn-primary {
  background: #ed1c24; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background: #c61017; }
.btn-lg {
  font-size: 18px; }
.btn-block {
  display: block; }

hr.padded {
  color: 1px solid #d8d6d6;
  margin: 3.5em 0 2em; }

/*================================================================================
[Two-up generic layout]
*/
.two-col {
  display: block; }
.two-col:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .two-col .col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  .two-col .col:last-child {
    margin-right: 0; } }

.three-col {
  display: block; }
.three-col:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .three-col .col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .three-col .col:last-child {
    margin-right: 0; } }

/*================================================================================
[Well]
*/
.well {
  padding: 30px 20px;
  background: #eceaea; }

/*================================================================================
[Modules]
*/
/*================================================================================
[Image tile grid] TEST
*/
.image-tile-grid {
  display: block;
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important; }
.image-tile-grid:after {
  clear: both;
  content: "";
  display: table; }
.image-tile-grid:after {
  clear: both;
  content: "";
  display: table; }
.image-tile-grid__item {
  float: left;
  width: 48%;
  width: calc(50% - 4px);
  box-sizing: border-box;
  margin: 0 2px; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .image-tile-grid__item {
    width: 32%;
    width: calc(33.3% - 4px); } }
@media screen and (min-width: 1024px) {
  .image-tile-grid__item {
    width: 24%;
    width: calc(25% - 4px); } }

/*================================================================================
[Image tile]
*/
.image-tile {
  position: relative; }
.image-tile__link {
  display: block;
  width: 100%;
  height: 100%; }
.image-tile__link:after {
  content: '';
  display: block;
  position: absolute;
  background-image: -webkit-linear-gradient( top , rgba(0, 0, 0, 0.65) 0%, transparent 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
.image-tile__link:hover:after {
  background-image: -webkit-linear-gradient( top , rgba(0, 0, 0, 0.85) 0%, transparent 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
  cursor: pointer; }
.image-tile__title {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 300;
  text-align: center;
  font-size: 24px;
  padding: 25px 15px;
  font-weight: 400; }
.image-tile__bg {
  width: 100%; }

/*================================================================================
[Sections]
*/
/*********************
 Grid Definitions
 *********************/
.product-line {
  display: block; }
.product-line:after {
  clear: both;
  content: "";
  display: table; }
.product-line__image {
  float: left;
  display: block;
  margin-right: 0.27717%;
  width: 51.86696%; }
.product-line__image:last-child {
  margin-right: 0; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .product-line__image {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
  .product-line__image:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .product-line__image {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
  .product-line__image:last-child {
    margin-right: 0; } }
.product-line__info {
  float: left;
  display: block;
  margin-right: 0.27717%;
  width: 47.85587%; }
.product-line__info:last-child {
  margin-right: 0; }
.lt-ie9 .product-line__info {
  width: auto; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .product-line__info {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
  .product-line__info:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .product-line__info {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
  .product-line__info:last-child {
    margin-right: 0; } }
@media screen and (max-width: 1023px) {
  .product-line__info p {
    margin-bottom: 0; } }
.product-line__view-collect {
  display: block;
  margin: auto;
  margin-top: 20px;
  background-color: #990100; }
@media screen and (max-width: 1023px) {
  .product-line__view-collect {
    color: #fff !important;
    text-align: center; } }
#main-body .product-line__view-collect a {
  color: #fff;
  font: 14px Verdana, Arial, Helvetica, sans-serif; }
@media screen and (min-width: 1024px) {
  .product-line__view-collect {
    display: none; } }
.product-line .glass {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px; }

.product-line-dropdown {
  position: relative;
  margin: 10px 0px 2px 0px;
  height: 51px;
  overflow: hidden;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }
.product-line-dropdown--open {
  overflow: visible; }
.product-line-dropdown ul {
  width: 100%;
  position: absolute;
  padding: 0px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #666;
  list-style-type: none;
  background-color: #eceaea; }
#main-body .product-line-dropdown ul {
  padding: 0px; }
.product-line-dropdown ul li {
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #fff; }
.product-line-dropdown ul li:last-child {
  border-bottom: 1px solid #ccc; }
.product-line-dropdown ul li:click {
  background-color: #f8f7f7; }
.product-line-dropdown ul li a {
  display: table;
  padding-left: 10px; }
.product-line-dropdown ul li span {
  display: table-cell;
  vertical-align: middle;
  margin-left: 5px;
  padding-left: 15px;
  line-height: 50px; }
#main-body .product-line-dropdown ul li span {
  color: #666; }
#main-body .product-line-dropdown ul li span:active {
  color: #990100; }
.product-line-dropdown ul li img {
  height: 50px;
  width: auto;
  margin: 0px 5px;
  display: table-cell;
  padding: 10px 0px; }
.product-line-dropdown:after {
  content: "";
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-top: 8px solid #666;
  position: absolute;
  top: 20px;
  right: 20px; }
@media screen and (min-width: 1024px) {
  .product-line-dropdown {
    display: none; } }

@media screen and (max-width: 600px) {
  #product-tabs .customize {
    display: none; } }

@media screen and (max-width: 1023px) {
  .door-style {
    display: none; } }

@media screen and (max-width: 1023px) {
  .leftcontent a:nth-of-type(2) {
    display: none; } }

.category-group {
  display: block; }
.category-group:after {
  clear: both;
  content: "";
  display: table; }
.category-group__item {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
.category-group__item:last-child {
  margin-right: 0; }
.category-group__item:nth-child(2n) {
  margin-right: 0; }
.category-group__item:nth-child(2n+1) {
  clear: left; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .category-group__item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
  .category-group__item:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .category-group__item {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
  .category-group__item:last-child {
    margin-right: 0; } }

.familydetail {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
.familydetail:after {
  clear: both;
  content: "";
  display: table; }

/* Products Landing Page */
@media screen and (max-width: 1023px) {
  .category-group {
    padding-left: 0px !important; } }

.category-group__item {
  padding-bottom: 10px; }

/* Trim & Millwork item on products main page */
@media screen and (min-width: 1024px) {
  .trim-product {
    padding-left: 20px; } }

/* Products - Entry Door Systems banner images */
@media screen and (max-width: 1023px) {
  ul.float-holder {
    padding-left: 0px; } }
@media screen and (max-width: 1023px) {
  ul.float-holder li {
    padding-left: 0px; } }

/* Energy Efficiency */
.energy-intro-container {
  margin-bottom: 15px;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
.energy-intro-container:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .energy-intro-container .intro-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%; }
  .energy-intro-container .intro-left:last-child {
    margin-right: 0; } }
.energy-intro-container .intro-right {
  text-align: center; }
@media screen and (min-width: 1024px) {
  .energy-intro-container .intro-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .energy-intro-container .intro-right:last-child {
    margin-right: 0; } }
.energy-intro-container .intro-right .icon-left {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
.energy-intro-container .intro-right .icon-left:last-child {
  margin-right: 0; }
.energy-intro-container .intro-right .icon-right {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }
.energy-intro-container .intro-right .icon-right:last-child {
  margin-right: 0; }

@media screen and (max-width: 600px) {
  img.energy-criteria {
    width: 100%; } }
@media screen and (max-width: 600px) {
  ol.question-list {
    padding-left: 18px; } }
ol.question-list li {
  margin-bottom: 10px; }

/* Commercial Door Frame Landing Page */
@media screen and (max-width: 600px) {
  .door-frame-img {
    width: 100%;
    text-align: center; } }
@media screen and (min-width: 601px) {
  .door-frame-img {
    float: right; } }

/* Commercial Door Noise Reduction Page */
.comm-door-table {
  float: none; }
@media screen and (min-width: 1024px) {
  .comm-door-table {
    float: right;
    margin-top: -175px; }
  .comm-door-table td {
    padding-right: 15px; } }
.comm-door-table table {
  max-width: 350px;
  border-collapse: separate; }
@media screen and (max-width: 1023px) {
  .comm-door-table table {
    max-width: 100%; } }

/* Decorative Glass Landing Page */
.decorative-glass-container .decorative-glass-list {
  list-style-type: inherit;
  padding-left: 20px !important; }
@media screen and (max-width: 1023px) {
  .decorative-glass-container img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; } }

/* Decorative Glass Product Detail */
.main-body.container div ul.detail-list {
  list-style-type: disc; }

#glass-img-pri {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
#glass-img-pri:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  #glass-img-pri .product-display-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  #glass-img-pri .product-display-left:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  #glass-img-pri .product-display-left {
    margin-bottom: 20px; } }
#glass-img-pri .product-display-left table {
  table-layout: auto !important; }
#glass-img-pri .product-display-left table tr td {
  word-wrap: break-word; }
@media screen and (min-width: 1024px) {
  #glass-img-pri .product-display-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  #glass-img-pri .product-display-right:last-child {
    margin-right: 0; } }

.classic-craft-intro {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
.classic-craft-intro:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .classic-craft-intro .classic-craft-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%; }
  .classic-craft-intro .classic-craft-left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 1024px) {
  .classic-craft-intro .classic-craft-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .classic-craft-intro .classic-craft-right:last-child {
    margin-right: 0; } }
@media screen and (max-width: 1023px) {
  .classic-craft-intro .classic-craft-right {
    text-align: center; } }

/* Products Stain Page */
.product-stain-intro {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
.product-stain-intro:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .product-stain-intro .product-stain-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 53.08608%; }
  .product-stain-intro .product-stain-left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 1024px) {
  .product-stain-intro .product-stain-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 44.55627%; }
  .product-stain-intro .product-stain-right:last-child {
    margin-right: 0; } }
@media screen and (max-width: 1023px) {
  .product-stain-intro .product-stain-right {
    text-align: center; } }
@media screen and (max-width: 600px) {
  .product-stain-intro .product-stain-right iframe {
    width: 290px !important;
    height: 210px !important; } }

.squarenav div {
  height: 140px !important;
  margin-right: 17px !important; }
.ie9 .squarenav div, .gt-ie9 .squarenav div {
  width: 123px !important; }

.squarenav p a {
  padding: 0 3px !important; }

.stain-paint-section {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
.stain-paint-section:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .stain-paint-section .stain-paint-section-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%; }
  .stain-paint-section .stain-paint-section-left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .stain-paint-section .stain-paint-section-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
  .stain-paint-section .stain-paint-section-left:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .stain-paint-section .stain-paint-section-left .stain-paint-sub {
    margin-left: auto;
    margin-right: auto; } }
@media screen and (min-width: 601px) {
  .stain-paint-section .stain-paint-section-left .stain-paint-sub .stain-paint-sub-left {
    float: left;
    display: block;
    margin-right: 3.16844%;
    width: 31.22104%; }
  .stain-paint-section .stain-paint-section-left .stain-paint-sub .stain-paint-sub-left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) {
  .stain-paint-section .stain-paint-section-left .stain-paint-sub .stain-paint-sub-right {
    float: left;
    display: block;
    margin-right: 3.16844%;
    width: 65.61052%; }
  .stain-paint-section .stain-paint-section-left .stain-paint-sub .stain-paint-sub-right:last-child {
    margin-right: 0; } }
@media screen and (min-width: 1024px) {
  .stain-paint-section .stain-paint-section-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
  .stain-paint-section .stain-paint-section-right:last-child {
    margin-right: 0; } }
@media screen and (max-width: 1023px) {
  .stain-paint-section .stain-paint-section-right {
    text-align: center; } }

div#TB_window {
  /* Design video popups */ }
@media screen and (max-width: 600px) {
  div#TB_window {
    width: 96% !important;
    left: 2% !important;
    top: 10% !important;
    margin-left: 0px !important;
    margin-top: 0px !important; } }
div#TB_window div#TB_ajaxContent {
  width: 100% !important; }
@media screen and (max-width: 600px) {
  div#TB_window div#TB_ajaxContent {
    max-height: 450px; } }
div#TB_window div#TB_ajaxContent table tr td {
  word-break: break-all; }
div#TB_window iframe#TB_iframeContent {
  width: 100% !important; }

/* Trim & Millwork */
.trim-millwork-intro {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
.trim-millwork-intro:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .trim-millwork-intro .trim-millwork-intro-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%; }
  .trim-millwork-intro .trim-millwork-intro-left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 1024px) {
  .trim-millwork-intro .trim-millwork-intro-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
  .trim-millwork-intro .trim-millwork-intro-right:last-child {
    margin-right: 0; } }

@media screen and (max-width: 600px) {
  .trim-millwork-product-container {
    margin-top: 10px; } }
@media screen and (min-width: 601px) {
  .trim-millwork-product-container .trim-millwork-product {
    display: inline-block;
    margin: 10px; } }
@media screen and (max-width: 600px) {
  .trim-millwork-product-container .trim-millwork-product {
    display: block;
    text-align: center; } }

/* Entry - Fiberglass/Steel - Fire Rated Doors */
.fire-doors-entry-intro {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin: 0px;
  max-width: 100% !important; }
.fire-doors-entry-intro:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .fire-doors-entry-intro .fire-doors-intro-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%; }
  .fire-doors-entry-intro .fire-doors-intro-left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .fire-doors-entry-intro .fire-doors-intro-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%; }
  .fire-doors-entry-intro .fire-doors-intro-left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 1024px) {
  .fire-doors-entry-intro .fire-doors-intro-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
  .fire-doors-entry-intro .fire-doors-intro-right:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .fire-doors-entry-intro .fire-doors-intro-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
  .fire-doors-entry-intro .fire-doors-intro-right:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .fire-doors-entry-intro .fire-doors-intro-right {
    text-align: center;
    margin-top: 10px; } }
.fire-doors-entry-intro .fire-doors-intro-right .where-to-buy-button {
  width: 100% !important; }

.fire-banner .img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../images/Products/fire-doors-hero.jpg); }
@media screen and (max-width: 600px) {
  .fire-banner .img {
    background-image: url(../images/Products/fire-doors-hero_m.jpg); } }
.fire-banner .inner {
  padding-top: 31.91%;
  display: inline-block;
  height: 0; }

.fire-doors-container {
  /* This is for the steel entry doors products */ }
@media screen and (min-width: 601px) {
  .fire-doors-container .fire-doors-more-info {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    margin-left: -102.35765%; }
  .fire-doors-container .fire-doors-more-info:last-child {
    margin-right: 0; }
  .fire-doors-container .fire-doors-more-info a {
    display: block;
    margin-bottom: 10px; }
  .fire-doors-container .fire-doors-more-info img {
    display: block; } }
@media screen and (max-width: 600px) {
  .fire-doors-container .fire-doors-more-info a {
    margin-bottom: 10px;
    display: inline-block;
    max-width: 150px; } }
.fire-doors-container .fire-doors-entry-nav {
  padding-top: 10px; }
@media screen and (min-width: 601px) {
  .fire-doors-container .fire-doors-entry-nav {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
    margin-left: 25.58941%; }
  .fire-doors-container .fire-doors-entry-nav:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .fire-doors-container .fire-doors-entry-nav {
    display: block; } }
.fire-doors-container .fire-doors-entry-nav .fire-door-link-list {
  list-style-type: none;
  padding-left: 0px !important; }
.fire-doors-container .fire-products .fire-product {
  display: inline-block;
  vertical-align: top;
  min-width: 118px;
  margin-bottom: 5em; }

/* Fire Doors - DetailPages */
.fire-door-classic-craft-intro {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin: 0px;
  max-width: 100% !important; }
.fire-door-classic-craft-intro:after {
  clear: both;
  content: "";
  display: table; }
.fire-door-classic-craft-intro .fire-door-classic-craft-intro-left {
  text-align: center; }
@media screen and (min-width: 601px) {
  .fire-door-classic-craft-intro .fire-door-classic-craft-intro-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
  .fire-door-classic-craft-intro .fire-door-classic-craft-intro-left:last-child {
    margin-right: 0; }
  .fire-door-classic-craft-intro .fire-door-classic-craft-intro-left .where-to-buy-button {
    width: 100% !important; } }
@media screen and (min-width: 601px) {
  .fire-door-classic-craft-intro .fire-door-classic-craft-intro-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%; }
  .fire-door-classic-craft-intro .fire-door-classic-craft-intro-right:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .fire-door-classic-craft-intro .fire-door-classic-craft-intro-right {
    display: inline-block; } }

/* Patio Door Specifications */
.patio-door-specifications-intro {
  margin-left: 0px;
  display: inline-block; }
@media screen and (min-width: 1024px) {
  .patio-door-specifications-intro .patio-door-specifications-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
    margin-left: -102.35765%; }
  .patio-door-specifications-intro .patio-door-specifications-left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 1024px) {
  .patio-door-specifications-intro .patio-door-specifications-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
    margin-left: 59.70863%; }
  .patio-door-specifications-intro .patio-door-specifications-right:last-child {
    margin-right: 0; } }
@media screen and (max-width: 1023px) {
  .patio-door-specifications-intro .patio-door-specifications-right {
    text-align: center; } }

/* Finishing Kit Colors */
/* Patio/Sliding Patio/Vinyl Patio Doors */
#familydetail .detailPhotoPatio {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 36.02647%;
  margin-left: 63.97353%; }
#familydetail .detailPhotoPatio:last-child {
  margin-right: 0; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #familydetail .detailPhotoPatio {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0%; }
  #familydetail .detailPhotoPatio:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  #familydetail .detailPhotoPatio {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    margin-left: 0%; }
  #familydetail .detailPhotoPatio:last-child {
    margin-right: 0; } }
#familydetail .detailPhotoPatio .patio-img {
  margin-bottom: 12px; }
#familydetail .detailIntroPatio {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 61.61588%;
  margin-left: -102.35765%; }
#familydetail .detailIntroPatio:last-child {
  margin-right: 0; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #familydetail .detailIntroPatio {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0%; }
  #familydetail .detailIntroPatio:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  #familydetail .detailIntroPatio {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    margin-left: 0%; }
  #familydetail .detailIntroPatio:last-child {
    margin-right: 0; } }

/* Commercial Doors */
.float-holder div.leftcontent {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  float: none; }
@media screen and (min-width: 1024px) {
  .float-holder div.leftcontent {
    margin-right: 16px; } }
@media screen and (max-width: 1023px) {
  .float-holder div.leftcontent {
    height: initial !important;
    float: none; } }
.float-holder div.leftcontent .build-button {
  float: right; }

/* DoorWays App */
@media screen and (min-width: 1024px) {
  .doorways-container-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%; }
  .doorways-container-left:last-child {
    margin-right: 0; } }

.doorways-container-right {
  margin-left: 0px !important; }
@media screen and (min-width: 1024px) {
  .doorways-container-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%; }
  .doorways-container-right:last-child {
    margin-right: 0; } }
@media screen and (max-width: 1023px) {
  .doorways-container-right {
    display: block; } }
.doorways-container-right .iphonescreen {
  margin: auto; }
.doorways-container-right .app-logos-container {
  text-align: center; }
.doorways-container-right .app-logos-container .app-logo {
  display: inline-block; }

.product-line {
  background: #eee;
  border: 1px solid #ccc; }
.product-line a {
  font: 400 1.3em/2.6em Helvetica, Arial, sans-serif;
  color: #600; }
.product-line .door-detail {
  width: 118px;
  height: 101px;
  overflow: hidden; }
.product-line__image {
  padding: 10px 12px; }
.product-line__info {
  padding: 20px; }

.firedoorlist ol {
  list-style: none;
  font-size: 75%; }

.firedoorlist li {
  display: inline-block;
  vertical-align: top;
  min-width: 118px;
  margin-bottom: 5em; }

.float-holder .leftcontent-door-line-detail {
  width: 215px;
  height: 27em;
  position: relative; }
.float-holder .leftcontent-door-line-detail.leftcontent {
  margin-right: 19px; }
@media screen and (max-width: 600px) {
  .float-holder {
    text-align: center; }
  .float-holder .leftcontent {
    text-align: center;
    margin-right: 0; } }

.feature-image {
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
@media screen and (max-width: 600px) {
  .feature-image {
    width: 100%; } }
@media screen and (min-width: 1024px) {
  .feature-image {
    float: right; } }

.feature-list {
  list-style-position: inside; }
@media screen and (min-width: 1024px) {
  .feature-list li {
    margin-bottom: 15px;
    width: 45%; } }

.detailPhoto {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
  margin-left: 42.64902%; }
.detailPhoto:last-child {
  margin-right: 0; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .detailPhoto {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0%; }
  .detailPhoto:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .detailPhoto {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    margin-left: 0%; }
  .detailPhoto:last-child {
    margin-right: 0; } }

.family-detail-intro {
  display: block;
  margin-bottom: 15px; }
.family-detail-intro:after {
  clear: both;
  content: "";
  display: table; }
.family-detail-intro__link {
  text-align: center;
  display: block; }
@media screen and (max-width: 1023px) {
  .family-detail-intro__link {
    display: none; } }
.family-detail-intro__badge {
  text-align: center;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%; }
@media screen and (max-width: 600px) {
  .family-detail-intro__badge {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
  .family-detail-intro__badge:last-child {
    margin-right: 0; } }
.family-detail-intro__badge:last-child {
  margin-right: 0; }
.family-detail-intro__badge img {
  width: 50%;
  margin-bottom: 10px; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .family-detail-intro__badge img {
    width: 70%; } }
.family-detail-intro__copy {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%;
  display: block; }
@media screen and (max-width: 600px) {
  .family-detail-intro__copy {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
  .family-detail-intro__copy:last-child {
    margin-right: 0; } }
.family-detail-intro__copy:last-child {
  margin-right: 0; }
.family-detail-intro.badge-left .family-detail-intro__badge {
  margin-left: -102.35765%; }
.family-detail-intro.badge-left .family-detail-intro__copy {
  margin-left: 25.58941%; }
@media screen and (max-width: 1023px) {
  .family-detail-intro.badge-left .family-detail-intro__copy.no-shift {
    margin-left: 0%; } }
@media screen and (max-width: 600px) {
  .family-detail-intro.badge-left .family-detail-intro__badge {
    margin-left: 0%; }
  .family-detail-intro.badge-left .family-detail-intro__copy {
    margin-left: 0%; } }

.detailIntro {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
  margin-left: -102.35765%; }
.detailIntro:last-child {
  margin-right: 0; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .detailIntro {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0%; }
  .detailIntro:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .detailIntro {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    margin-left: 0%; }
  .detailIntro:last-child {
    margin-right: 0; } }

.family-feature-image {
  display: block; }
.family-feature-image:after {
  clear: both;
  content: "";
  display: table; }
.family-feature-image__image {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%; }
.family-feature-image__image:last-child {
  margin-right: 0; }
@media screen and (max-width: 1023px) {
  .family-feature-image__image {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
  .family-feature-image__image:last-child {
    margin-right: 0; } }
.family-feature-image__thumbnails {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%; }
.family-feature-image__thumbnails:last-child {
  margin-right: 0; }
@media screen and (max-width: 600px) {
  .family-feature-image__thumbnails {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%; }
  .family-feature-image__thumbnails:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .family-feature-image__thumbnails {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    display: block; }
  .family-feature-image__thumbnails:last-child {
    margin-right: 0; }
  .family-feature-image__thumbnails:after {
    clear: both;
    content: "";
    display: table; } }
.family-feature-image__thumbnails img {
  margin-top: 6px;
  cursor: pointer; }
@media screen and (min-width: 1024px) {
  .family-feature-image__thumbnails img:first-child {
    margin-top: 0; } }
@media screen and (max-width: 600px) {
  .family-feature-image__thumbnails img {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    margin-top: 10px; }
  .family-feature-image__thumbnails img:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .family-feature-image__thumbnails img {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-top: 20px; }
  .family-feature-image__thumbnails img:last-child {
    margin-right: 0; } }

.extra-links {
  display: block; }
.extra-links:after {
  clear: both;
  content: "";
  display: table; }
.extra-links li {
  float: left;
  margin-right: 40px; }

.build-your-door {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 79.43148%;
  margin-left: 20.56852%; }
.build-your-door:last-child {
  margin-right: 0; }

.more-info {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 17.72593%;
  margin-left: -102.84259%; }
.more-info:last-child {
  margin-right: 0; }
@media screen and (max-width: 1023px) {
  .more-info {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0%; }
  .more-info:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .more-info {
    display: block; }
  .more-info:after {
    clear: both;
    content: "";
    display: table; } }
.more-info a {
  display: block;
  margin-bottom: 10px; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .more-info a {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
  .more-info a:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .more-info a {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%; }
  .more-info a:last-child {
    margin-right: 0; } }
.more-info img {
  display: block; }

@media screen and (max-width: 600px) {
  .info-group-wrap {
    display: block; }
  .info-group-wrap:after {
    clear: both;
    content: "";
    display: table; } }

.browse-all-link {
  text-decoration: underline; }
@media screen and (min-width: 1024px) {
  .browse-all-link {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
    font-size: 20px; }
  .browse-all-link:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .browse-all-link {
    display: none; } }
@media screen and (max-width: 600px) {
  .browse-all-link {
    display: none; } }

.where-to-buy-button {
  text-align: center; }
@media screen and (min-width: 1024px) {
  .where-to-buy-button {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
  .where-to-buy-button:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .where-to-buy-button {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .where-to-buy-button:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .where-to-buy-button {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 100%;
    display: block;
    margin-bottom: 20px; }
  .where-to-buy-button:last-child {
    margin-right: 0; } }

.comparison-table {
  width: 100%;
  margin-bottom: 10px; }
.comparison-table th, .comparison-table td {
  border: 1px solid black;
  border-width: 0 1px 1px 0;
  padding: 10px 10px 5px; }
.comparison-table tr:first-child td {
  width: 200px; }
.comparison-table tr th:last-child, .comparison-table tr td:last-child {
  border-right: 0; }
.comparison-table tr:last-child th, .comparison-table tr:last-child td {
  border-bottom: 0; }
.comparison-table td {
  font-size: 30px; }
.comparison-table img {
  display: block;
  margin-bottom: 10px; }
.comparison-table h3 {
  font-size: 18px; }

.swatch {
  padding-left: 185px;
  min-height: 175px;
  margin-bottom: 20px; }
.swatch.fiberglass-doors {
  background: url(../images/comparison/swatch-fiberglass-doors.jpg) no-repeat; }
.swatch.steel-doors {
  background: url(../images/comparison/swatch-steel-doors.jpg) no-repeat; }
.swatch.wood-doors {
  background: url(../images/comparison/swatch-wood-doors.jpg) no-repeat;
  margin-bottom: 60px; }

.compare-buttons {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: right; }
.compare-buttons a {
  margin-left: 5px; }

.vs {
  text-align: right; }

.comparison-info h4 {
  color: black;
  font-size: 18px; }

@media screen and (min-width: 1024px) {
  #content {
    border-left: 10px solid #fff;
    border-right: 10px solid #fff; } }
#content .homepageslider {
  min-height: 0;
  /* Slider */
  /* Slider Menu */
  /* Find A Dealer */
  /* Slider Doorways/Get the App Bar */ }
#content .homepageslider .nivoSlider {
  height: auto; }
@media screen and (max-width: 600px) {
  #content .homepageslider .nivoSlider {
    display: none; } }
#content .homepageslider .mobile-slider-replace {
  width: 100%;
  height: auto; }
#content .homepageslider .mobile-slider-replace img {
  width: 100%;
  height: auto; }
#content .homepageslider .slider-headline {
  font-size: 2em;
  top: 39px;
  width: 80%; }
@media screen and (max-width: 600px) {
  #content .homepageslider .slider-headline {
    top: 6px;
    font-size: 1.75em; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #content .homepageslider .slider-headline {
    font-size: 2em; } }
@media screen and (min-width: 1024px) {
  #content .homepageslider .slider-headline {
    font-size: 2.5em;
    top: 7%; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #content .homepageslider .nivo-controlNav {
    bottom: 6em;
    right: 2em; } }
@media screen and (max-width: 600px) {
  #content .homepageslider .slider-menu {
    position: relative;
    margin: 15px auto;
    width: 90%; }
  #content .homepageslider .slider-menu-buildyourdoor {
    background-color: #eceaea;
    position: relative;
    padding: 10px 10px;
    font-size: .9em; }
  #content .homepageslider .slider-menu-buildyourdoor a {
    padding: 0;
    background: none; }
  #content .homepageslider .slider-menu .slider-menu-list li {
    padding: 10px 0px 0px; }
  #content .homepageslider .slider-menu .slider-menu-list li a, #content .homepageslider .slider-menu .slider-menu-list li span {
    display: block;
    padding: 0px 10px 15px; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link:hover {
    text-decoration: none; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link:hover ol {
    display: none; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link:before {
    display: none; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link:after {
    border: 0;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    content: " ";
    position: absolute;
    margin: 0;
    height: 12px;
    width: 12px;
    top: 13px;
    right: 15px;
    cursor: pointer;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link.submenu-open:after {
    border: 0;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    content: " ";
    position: absolute;
    margin: 0;
    height: 12px;
    width: 12px;
    top: 18px;
    right: 15px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol {
    position: static;
    display: none; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol li {
    padding: 10px 0;
    border-top: 1px solid #fff; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol li a {
    background: none;
    padding: 0px 15px; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link.slider-menu-classiccraft ol {
    background-color: rgba(249, 160, 72, 0.85); }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link.slider-menu-fiberclassic ol {
    background-color: rgba(0, 125, 224, 0.85); } }
@media screen and (max-width: 1023px) {
  #content .homepageslider .slider-menu-professionals, #content .homepageslider .slider-menu-uto {
    display: none; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #content .homepageslider .slider-menu {
    left: 20px;
    top: 17.5%; }
  #content .homepageslider .slider-menu .slider-menu-buildyourdoor a, #content .homepageslider .slider-menu .slider-menu-list > li {
    padding-left: 5%; }
  #content .homepageslider .slider-menu .slider-menu-list > li > a {
    padding-left: 0%; } }
@media screen and (min-width: 601px) {
  #content .homepageslider .slider-menu .slider-menu-list li.no-link:before {
    display: none; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link:after {
    border: 0;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    content: " ";
    position: absolute;
    margin: 0;
    height: 12px;
    width: 12px;
    top: 10px;
    right: 15px;
    cursor: pointer;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    display: block; }
  .lt-ie9 #content .homepageslider .slider-menu .slider-menu-list li.no-link:after {
    content: ">";
    border: 0;
    color: white;
    top: 5px; } }
@media screen and (min-width: 601px) and (min-width: 601px) and (max-width: 1023px) {
  #content .homepageslider .slider-menu .slider-menu-list li.no-link.tablet-open-state:after {
    display: none; } }
@media screen and (min-width: 601px) {
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol {
    display: none;
    position: absolute;
    min-width: 160px; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol:before {
    position: absolute;
    content: " ";
    height: 32px;
    width: 8px;
    top: 0;
    left: -8px;
    border: none;
    background-color: inherit;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol.submenu--classiccraft:before {
    background-color: #ec7a08;
    background-color: rgba(236, 122, 8, 0.85); }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol.submenu--fiberclassic:before {
    background-color: #005293;
    background-color: rgba(0, 82, 147, 0.85); }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol li {
    font-size: .9em; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol li a {
    margin-right: -40px;
    padding-bottom: .8em; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol li:first-child a {
    padding-top: 20px; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link ol li:last-child a {
    padding-bottom: 1em; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link:hover {
    text-decoration: none; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link:hover:after {
    display: none; }
  #content .homepageslider .slider-menu .slider-menu-list li.no-link:hover ol {
    display: block; } }
#content .homepageslider .slider-menu__sub-menu--open {
  display: block !important; }
#content .homepageslider .slider-bottom-bars .slider-findadealer {
  height: auto;
  padding: 0em 1em; }
@media screen and (max-width: 1023px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer {
    position: relative;
    width: 100%; } }
#content .homepageslider .slider-bottom-bars .slider-findadealer form {
  padding: 20px; }
@media screen and (max-width: 600px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form {
    width: 290px;
    margin: auto; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form {
    text-align: center; } }
@media screen and (min-width: 1024px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form {
    padding: 10px 0px; } }
#content .homepageslider .slider-bottom-bars .slider-findadealer form label {
  display: block;
  margin-bottom: 10px; }
@media screen and (max-width: 1023px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form label {
    font-size: 1.7em; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form label {
    margin-right: 6px; } }
@media screen and (min-width: 601px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form label {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle; } }
#content .homepageslider .slider-bottom-bars .slider-findadealer form input, #content .homepageslider .slider-bottom-bars .slider-findadealer form button {
  display: inline-block;
  margin-bottom: 0; }
#content .homepageslider .slider-bottom-bars .slider-findadealer form input {
  height: 2em;
  width: 8.5em;
  margin-left: 0px;
  margin-right: 3px; }
@media screen and (max-width: 1023px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form input {
    padding-top: .5em; } }
#content .homepageslider .slider-bottom-bars .slider-findadealer form input::-webkit-input-placeholder {
  font-size: 12px; }
#content .homepageslider .slider-bottom-bars .slider-findadealer form input::-moz-placeholder {
  font-size: 12px; }
#content .homepageslider .slider-bottom-bars .slider-findadealer form input:-moz-placeholder {
  font-size: 12px; }
#content .homepageslider .slider-bottom-bars .slider-findadealer form input:-ms-input-placeholder {
  font-size: 12px; }
@media screen and (min-width: 1024px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form input {
    height: 1.5em;
    width: 94px;
    margin-left: 5px;
    margin-right: .6em; } }
#content .homepageslider .slider-bottom-bars .slider-findadealer form button {
  padding: .5em .75em;
  height: 2.1em;
  width: 8em;
  margin-left: 3px; }
@media screen and (min-width: 1024px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form button {
    height: 1.8em; } }
#content .homepageslider .slider-bottom-bars .slider-findadealer form button .slider-findadealer-searchtext {
  color: #000;
  font-size: 1em; }
@media screen and (min-width: 1024px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form button .slider-findadealer-searchtext {
    font-size: .75em; } }
#content .homepageslider .slider-bottom-bars .slider-findadealer form button .slider-findadealer-searchicon {
  height: 2em;
  width: 2em; }
@media screen and (min-width: 1024px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form button .slider-findadealer-searchicon {
    height: 1.7em;
    width: 1.7em; } }
#content .homepageslider .slider-bottom-bars .slider-findadealer form button .slider-findadealer-searchicon:after {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain; }
@media screen and (min-width: 1024px) {
  #content .homepageslider .slider-bottom-bars .slider-findadealer form button .slider-findadealer-searchicon:after {
    height: 12px;
    width: 12px; } }
@media screen and (max-width: 1023px) {
  #content .homepageslider .slider-doorways {
    display: none; } }

/* Mixin */
/* Contact Us Page */
.contact-us-container .contact-info-block {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px; }
.contact-us-container .contact-info-block:after {
  clear: both;
  content: "";
  display: table; }
.contact-us-container .contact-info-block .contact-info-block-left {
  text-align: right; }
@media screen and (min-width: 1024px) {
  .contact-us-container .contact-info-block .contact-info-block-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
  .contact-us-container .contact-info-block .contact-info-block-left:last-child {
    margin-right: 0; } }
@media screen and (max-width: 1023px) {
  .contact-us-container .contact-info-block .contact-info-block-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 18.96686%; }
  .contact-us-container .contact-info-block .contact-info-block-left:last-child {
    margin-right: 0; } }
.contact-us-container .contact-info-block .contact-info-block-right {
  padding-left: 10px; }
@media screen and (min-width: 1024px) {
  .contact-us-container .contact-info-block .contact-info-block-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%; }
  .contact-us-container .contact-info-block .contact-info-block-right:last-child {
    margin-right: 0; } }
@media screen and (max-width: 1023px) {
  .contact-us-container .contact-info-block .contact-info-block-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 78.67549%; }
  .contact-us-container .contact-info-block .contact-info-block-right:last-child {
    margin-right: 0; } }

/* View & Download Literature Page */
.literature-section {
  margin-bottom: 20px; }
.literature-section .literature-row {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
.literature-section .literature-row:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (max-width: 600px) {
  .literature-section .literature-row {
    text-align: center; } }
@media screen and (min-width: 601px) {
  .literature-section .literature-row .literature-image {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
  .literature-section .literature-row .literature-image:last-child {
    margin-right: 0; } }
.literature-section .literature-row .literature-image img {
  border: 1px solid black; }
@media screen and (min-width: 601px) {
  .literature-section .literature-row .literature-description {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%; }
  .literature-section .literature-row .literature-description:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .literature-section .literature-row .literature-description {
    margin-top: 5px; } }
@media screen and (min-width: 1024px) {
  .literature-section .literature-row .literature-description {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); } }

/* Owners Manuals and Warranties Page */
.owners-literature-container .owners-literature-item {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
.owners-literature-container .owners-literature-item:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .owners-literature-container .owners-literature-item .owners-literature-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 38.15892%; }
  .owners-literature-container .owners-literature-item .owners-literature-left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 1024px) {
  .owners-literature-container .owners-literature-item .owners-literature-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 59.48343%; }
  .owners-literature-container .owners-literature-item .owners-literature-right:last-child {
    margin-right: 0; } }
.owners-literature-container .owners-literature-item .owners-literature-right .pad-img {
  display: inline-block;
  padding-left: 0px;
  padding-right: 8px; }
@media screen and (max-width: 1023px) {
  .owners-literature-container .owners-literature-item .owners-literature-right .pad-img {
    margin-top: 10px; } }

/* Contact Us Form */
/* Pulled from customer-support/contact-us/css/style.css */
#wrapper {
  font: 13px Verdana, Arial, Helvetica, sans-serif; }
#wrapper .webForm_errMsg {
  font-size: 11px; }

/* End */
.webForm_RowInput {
  /* Pulled from customer-support/contact-us/css/style.css */
  width: 100%;
  padding: 10px 0;
  margin-bottom: 5px;
  border-bottom: 1px dotted #990100;
  /* End */ }
.webForm_RowInput .form-item {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
.webForm_RowInput .form-item:after {
  clear: both;
  content: "";
  display: table; }
.webForm_RowInput .form-item .label {
  display: block; }
@media screen and (min-width: 601px) {
  .webForm_RowInput .form-item .label {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    text-align: right; }
  .webForm_RowInput .form-item .label:last-child {
    margin-right: 0; } }
.webForm_RowInput .form-item .label label {
  font-weight: normal !important; }
.webForm_RowInput .form-item .form-field {
  /* Pulled from customer-support/contact-us/css/style.css */
  /* End */ }
@media screen and (min-width: 1024px) {
  .webForm_RowInput .form-item .form-field {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%; }
  .webForm_RowInput .form-item .form-field:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .webForm_RowInput .form-item .form-field {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%; }
  .webForm_RowInput .form-item .form-field:last-child {
    margin-right: 0; } }
.webForm_RowInput .form-item .form-field select {
  width: 100%; }
.webForm_RowInput .form-item .form-field select:focus, .webForm_RowInput .form-item .form-field input:focus, .webForm_RowInput .form-item .form-field textarea:focus {
  outline: 0;
  border: 1px solid #990100;
  padding: 2px 4px;
  -webkit-box-shadow: 0 0 3px #ba3535;
  -moz-box-shadow: 0 0 3px #ba3535;
  -ms-box-shadow: 0 0 3px #ba3535;
  box-shadow: 0 0 3px #ba3535;
  background: #f9f9f9; }

/* Warranty Registration Page */
#warranty {
  /* overriding hardcoded width value.. */
  width: inherit !important; }
#warranty .required-red {
  color: #990000; }
#warranty .form-section {
  margin-top: 15px;
  margin-bottom: 15px; }
#warranty .form-section .form-item {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px; }
#warranty .form-section .form-item:after {
  clear: both;
  content: "";
  display: table; }
#warranty .form-section .form-item label {
  font-weight: normal; }
@media screen and (min-width: 1024px) {
  #warranty .form-section .form-item label {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    text-align: right; }
  #warranty .form-section .form-item label:last-child {
    margin-right: 0; } }
@media screen and (min-width: 1024px) {
  #warranty .form-section .form-item .form-field {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%; }
  #warranty .form-section .form-item .form-field:last-child {
    margin-right: 0; } }
#warranty .form-section .single {
  /* overriding class.. */
  width: 100% !important;
  padding: .5em !important;
  /* copied from global input setting */ }
#warranty .form-section .ddl {
  /* overriding class.. */
  width: 100% !important; }

/* Request Literature */
.request-literature-intro .banner {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
.request-literature-intro .banner:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .request-literature-intro .banner .left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 10.43705%; }
  .request-literature-intro .banner .left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .request-literature-intro .banner .left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
  .request-literature-intro .banner .left:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .request-literature-intro .banner .left {
    text-align: center; } }
@media screen and (min-width: 1024px) {
  .request-literature-intro .banner .mid {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }
  .request-literature-intro .banner .mid:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .request-literature-intro .banner .mid {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%; }
  .request-literature-intro .banner .mid:last-child {
    margin-right: 0; } }
@media screen and (min-width: 1024px) {
  .request-literature-intro .banner .right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 18.96686%;
    padding-top: 27px; }
  .request-literature-intro .banner .right:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .request-literature-intro .banner .right {
    margin-bottom: 10px; } }
@media screen and (max-width: 600px) {
  .request-literature-intro .banner .right {
    text-align: center;
    margin-bottom: 10px; } }

.request-literature-form {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  /* for checkboxes */ }
.request-literature-form:after {
  clear: both;
  content: "";
  display: table; }
.request-literature-form .left .single-row-fields {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
.request-literature-form .left .single-row-fields:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .request-literature-form .left .single-row-fields .form-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  .request-literature-form .left .single-row-fields .form-item:last-child {
    margin-right: 0; } }
@media screen and (max-width: 1023px) {
  .request-literature-form .left .single-row-fields .form-item input {
    width: 250px !important; } }
@media screen and (max-width: 600px) {
  .request-literature-form .left .single-row-fields .form-item input {
    width: 100% !important; } }
@media screen and (min-width: 1024px) {
  .request-literature-form .left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  .request-literature-form .left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 1024px) {
  .request-literature-form .right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  .request-literature-form .right:last-child {
    margin-right: 0; } }
@media screen and (max-width: 1023px) {
  .request-literature-form .right .form-img {
    display: none; } }
.request-literature-form .right .form-img {
  margin-bottom: 10px; }
.request-literature-form .form-item .form-field tr td {
  padding: 0px;
  border-bottom: none; }
.request-literature-form .form-item .form-field tr td label {
  display: inline-block !important;
  font-weight: normal; }
@media screen and (min-width: 601px) {
  .request-literature-form .form-item select {
    width: 256px !important; } }
@media screen and (max-width: 600px) {
  .request-literature-form .form-item select {
    width: 100% !important; }
  .request-literature-form .form-item input[type=text] {
    width: 100% !important; } }
@media screen and (min-width: 601px) {
  .request-literature-form .form-item-toggle input {
    width: 250px !important; } }
@media screen and (max-width: 600px) {
  .request-literature-form .form-item-toggle input {
    width: 100% !important; } }
.request-literature-form .form-item-check {
  margin-bottom: 10px; }
.request-literature-form .form-item-check label {
  display: inline;
  font-weight: normal; }

/* Main Content */
iframe.news-iframe {
  position: relative;
  width: 100%;
  height: 620px; }
iframe.news-iframe #container, iframe.news-iframe span, iframe.news-iframe table {
  width: 100% !important; }

/* Where to Buy */
.where-to-buy-container .where-search-container {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
.where-to-buy-container .where-search-container:after {
  clear: both;
  content: "";
  display: table; }
@media screen and (min-width: 1024px) {
  .where-to-buy-container .where-search-container .where-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  .where-to-buy-container .where-search-container .where-left:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .where-to-buy-container .where-search-container .where-left {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%; }
  .where-to-buy-container .where-search-container .where-left:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .where-to-buy-container .where-search-container .where-left {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%; }
  .where-to-buy-container .where-search-container .where-left:last-child {
    margin-right: 0; } }
.where-to-buy-container .where-search-container .where-mid select {
  height: 28px; }
@media screen and (min-width: 1024px) {
  .where-to-buy-container .where-search-container .where-mid {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
  .where-to-buy-container .where-search-container .where-mid:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .where-to-buy-container .where-search-container .where-mid {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
  .where-to-buy-container .where-search-container .where-mid:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .where-to-buy-container .where-search-container .where-mid {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%; }
  .where-to-buy-container .where-search-container .where-mid:last-child {
    margin-right: 0; } }
@media screen and (min-width: 601px) {
  .where-to-buy-container .where-search-container .where-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
  .where-to-buy-container .where-search-container .where-right:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  .where-to-buy-container .where-search-container .where-right {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    margin-left: 34.94305%; }
  .where-to-buy-container .where-search-container .where-right:last-child {
    margin-right: 0; } }
.where-to-buy-container .where-search-container .where-right input {
  margin-top: 13px; }

/* Where to Buy - sidenav */
@media screen and (max-width: 1023px) {
  #dealerlocatorgutter p {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 5px;
    margin-bottom: 15px; } }
@media screen and (max-width: 1023px) and (min-width: 601px) and (max-width: 1023px) {
  #dealerlocatorgutter p {
    width: 200px; } }
@media screen and (max-width: 1023px) and (max-width: 600px) {
  #dealerlocatorgutter p {
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px; } }

/* Where to Buy - StoreShow.aspx */
#map_canvas {
  width: 100%;
  height: 350px; }

#dealerresults {
  width: 100%; }
#dealerresults tr.itemwrapper {
  border-right: 1px solid black; }
@media screen and (max-width: 600px) {
  #dealerresults tr.itemwrapper .clicktocall-button {
    display: none; } }
@media screen and (max-width: 600px) {
  #dealerresults tr.itemwrapper .clicktocall-phone {
    display: initial;
    padding: 0px; } }
@media screen and (max-width: 1023px) {
  #dealerresults .col2 {
    width: inherit; } }
@media screen and (max-width: 1023px) {
  #dealerresults .js-middleinfo {
    display: none; } }
#dealerresults th {
  width: inherit; }
#dealerresults .col1 {
  width: inherit; }
@media screen and (min-width: 1024px) {
  #dealerresults .col1 .info .contact-links-responsive {
    display: none; } }
#dealerresults .col1 .info .contact-links-responsive .clicktocall-wrapper .clicktocall-button {
  width: inherit;
  padding: 0px; }
@media screen and (min-width: 601px) {
  #dealerresults .col3 img {
    vertical-align: middle; } }
#dealerresults .col3 img .showroom {
  height: inherit !important; }

#container #location-settings {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
#container #location-settings:after {
  clear: both;
  content: "";
  display: table; }
#container #location-settings .location-settings-left {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 27.49666%; }
@media screen and (max-width: 1023px) {
  #container #location-settings .location-settings-left {
    display: none; } }
#container #location-settings .location-settings-left:last-child {
  margin-right: 0; }
#container #location-settings .location-settings-left .ip-location {
  width: 130px; }
@media screen and (min-width: 1024px) {
  #container #location-settings .location-settings-right {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 70.14568%; }
  #container #location-settings .location-settings-right:last-child {
    margin-right: 0; } }
#container #location-settings .location-settings-right .loc-field {
  /* button */
  /*.search-location {
  	background-color: $lightish-gray;
  	color: black;
  	font-weight: normal;
  }*/ }
@media screen and (max-width: 1023px) {
  #container #location-settings .location-settings-right .loc-field {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
  #container #location-settings .location-settings-right .loc-field:last-child {
    margin-right: 0; } }
#container #location-settings .location-settings-right .loc-field .zip {
  display: inline; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #container #location-settings .location-settings-right .loc-field .zip {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  #container #location-settings .location-settings-right .loc-field .zip:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  #container #location-settings .location-settings-right .loc-field .zip input {
    width: 100%; } }
@media screen and (min-width: 1024px) {
  #container #location-settings .location-settings-right .loc-field .zip .location-search {
    display: inline;
    width: 120px; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #container #location-settings .location-settings-right .loc-field .zip .location-search {
    display: inline-block;
    width: 100%; } }
@media screen and (max-width: 600px) {
  #container #location-settings .location-settings-right .loc-field .zip .location-search {
    width: 100%; } }
#container #location-settings .location-settings-right .loc-field .distance {
  display: inline; }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #container #location-settings .location-settings-right .loc-field .distance {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
  #container #location-settings .location-settings-right .loc-field .distance:last-child {
    margin-right: 0; } }
#container #location-settings .location-settings-right .loc-field .distance .search-radius {
  height: 27px; }
@media screen and (min-width: 1024px) {
  #container #location-settings .location-settings-right .loc-field .distance .search-radius {
    display: inline;
    position: relative;
    top: -5px; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #container #location-settings .location-settings-right .loc-field .distance .search-radius {
    display: inline-block;
    width: 100%; } }
@media screen and (max-width: 600px) {
  #container #location-settings .location-settings-right .loc-field .distance .search-radius {
    display: inline;
    width: 80%; } }
@media screen and (min-width: 1024px) {
  #container #location-settings .location-settings-right .loc-field .search-location {
    margin-top: -14px;
    margin-left: 10px; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  #container #location-settings .location-settings-right .loc-field .search-location {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-top: 13px; }
  #container #location-settings .location-settings-right .loc-field .search-location:last-child {
    margin-right: 0; } }
@media screen and (max-width: 600px) {
  #container #location-settings .location-settings-right .loc-field .search-location {
    display: block; } }
@media screen and (max-width: 600px) {
  #container #location-settings .location-settings-right .loc-field .search-location {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; } }

@media screen and (max-width: 600px) {
  .qtip {
    width: 200px !important; } }

.locator__tabs {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }
.locator__tabs:after {
  clear: both;
  content: "";
  display: table; }

.locator__tab {
  float: left;
  margin-right: .5em; }

.locator__tab:last-child {
  margin-right: 0; }

.locator__tab-link:hover, .locator__tab-link--active, .locator__tab-link--active:hover, .locator__tab-link {
  text-decoration: none;
  display: block;
  padding: .5em;
  border: 1px solid #600;
  border-radius: 10px 10px 0 0;
  color: #666; }

.locator__tab-link:hover, .locator__tab-link--active, .locator__tab-link--active:hover {
  border: 1px solid #ed1c24;
  border-radius: 10px 10px 0 0;
  background: #ed1c24;
  color: white;
  text-decoration: none; }

/*================================================================================
[Section-specific styles for Architectural Styles]
*/
.latest-trends-list {
  margin-top: 30px; }
.latest-trends-list img {
  display: block; }
@media screen and (min-width: 1024px) {
  .latest-trends-list img {
    float: left;
    width: 49.7%; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .latest-trends-list img {
    margin: 0 auto; } }
@media screen and (max-width: 600px) {
  .latest-trends-list img {
    margin: 0 auto; } }
@media screen and (min-width: 601px) {
  .latest-trends-list img {
    margin: 0 auto; } }

#main-body {
  padding-bottom: 20px; }

#main-body-full {
  margin: 0px; }

.study-and-tools-btn {
  margin-bottom: 20px; }

.centered-padding-lg {
  padding-left: 15% !important;
  padding-right: 15% !important; }

.centered-padding-sm {
  padding-left: 5%;
  padding-right: 5%; }

.no-margin {
  margin: 0px !important; }

.into-text {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 16px;
  line-height: 21px; }

.body-text {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-weight: 200;
  font-size: 14px;
  line-height: 20px; }

.header {
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 300;
  font-size: 30px;
  letter-spacing: 1px;
  color: #6A6565;
  margin-top: 40px;
  line-height: 32px; }
@media screen and (max-width: 600px) {
  .header {
    margin-top: 20px; } }

.sub-header {
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 500;
  color: #414042;
  font-size: 18px; }

.view-now-btn {
  max-width: 227px;
  margin: 0 auto; }

.arrows {
  font-size: 30px;
  vertical-align: sub; }

@media screen and (max-width: 600px) {
  .row.three-col {
    text-align: center; }
  .row.three-col .col-1 {
    margin-bottom: 9px;
    padding-left: 10%;
    padding-right: 10%; }
  .row.three-col .col-2 {
    margin-bottom: 19px;
    padding-left: 10%;
    padding-right: 10%; } }
@media screen and (min-width: 601px) {
  .row.three-col {
    text-align: left; }
  .row.three-col .col-1 {
    margin-top: 10.5px;
    padding-left: 0%;
    padding-right: 0%; }
  .row.three-col .col-2 {
    padding-left: 0%;
    padding-right: 0%; }
  .row.three-col .col-3 {
    margin-top: 5.5px; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .row.three-col {
    text-align: center; }
  .row.three-col .col-1 {
    margin-bottom: 9px;
    padding-left: 10%;
    padding-right: 10%; }
  .row.three-col .col-2 {
    margin-bottom: 19px;
    padding-left: 10%;
    padding-right: 10%; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .row.three-col {
    text-align: center; }
  .row.three-col .col-1 {
    margin-bottom: 9px;
    padding-left: 0%;
    padding-right: 0%; }
  .row.three-col .col-2 {
    margin-bottom: 19px;
    padding-left: 0%;
    padding-right: 0%; } }
@media screen and (min-width: 1024px) {
  .row.three-col {
    text-align: left; } }

@media screen and (min-width: 1024px) {
  .text-margin-top {
    margin-top: 37px; } }

.curb-appeal-footnote {
  margin-bottom: 42px; }

/*
.trend-img-1 {
	margin-right: 4px !important;

	@include media($tablet) {
		margin-right: auto !important;
		margin-bottom: 4px !important;
	}

	@include media($tablet) {
		margin-right: auto !important;
		margin-bottom: 4px !important;
	}
}
*/
.trend-img-container {
  float: left;
  width: 50%; }
@media screen and (max-width: 600px) {
  .trend-img-container {
    float: none;
    width: 100%; } }

.trend-img {
  width: 50%;
  float: left;
  padding: 0 2px; }
@media screen and (max-width: 600px) {
  .trend-img {
    padding: 2px; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .trend-img {
    padding: 0 1px; } }

.trend-img img {
  width: 100%; }

.trends-btn {
  margin-top: 20px; }

.trends-header {
  margin-top: 20px; }

/*---------------------------------------------------------------------------------------*/
/* Thickbox Styles */
#TB_ajaxContent {
  padding: 0px; }

@media screen and (max-width: 600px) {
  .no-mobile {
    display: none; } }
@media screen and (min-width: 601px) {
  .no-mobile {
    display: none; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .no-mobile {
    display: inline; } }
@media screen and (min-width: 1024px) {
  .no-mobile {
    display: inline; } }

@media screen and (max-width: 600px) {
  .no-desktop {
    display: inline; } }
@media screen and (min-width: 601px) {
  .no-desktop {
    display: inline; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .no-desktop {
    display: none; } }
@media screen and (min-width: 1024px) {
  .no-desktop {
    display: none; } }

.lightbox-header-mobile {
  margin-bottom: 15px;
  font-weight: 400; }

.lightbox-header-desktop {
  font-weight: 400; }

.lightbox-hr {
  width: 80%;
  margin: 20px auto !important; }

.lightbox-btn {
  margin-top: 20px;
  color: #fff !important; }

.door {
  width: 100px;
  float: none !important; }

.house {
  float: none !important; }

.house-1 {
  margin-top: 10px; }

.house-2, .house-3, .house-4 {
  margin-top: 40px; }

.caption {
  font-size: 13px !important; }

.doors-container {
  margin-top: 20px; }

@media screen and (max-width: 600px) {
  .lightbox-col-1 {
    margin-bottom: 20px; } }
@media screen and (min-width: 601px) {
  .lightbox-col-1 {
    margin-bottom: 20px; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .lightbox-col-1 {
    margin-bottom: 20px; } }
@media screen and (max-width: 1023px) {
  .lightbox-col-1 {
    margin-bottom: 20px; } }

@media screen and (max-width: 600px) {
  .lightbox-col-2 {
    margin-bottom: 20px; } }
@media screen and (min-width: 601px) {
  .lightbox-col-2 {
    margin-bottom: 20px; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .lightbox-col-2 {
    margin-bottom: 20px; } }
@media screen and (max-width: 1023px) {
  .lightbox-col-2 {
    margin-bottom: 20px; } }

@media screen and (max-width: 600px) {
  .description {
    margin-top: 16px; } }
@media screen and (min-width: 601px) {
  .description {
    margin-top: 16px; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .description {
    margin-top: 16px; } }
@media screen and (max-width: 1023px) {
  .description {
    margin-top: 16px; } }

/*---------------------------------------------------------------------------------------*/
/* Pro Tools Styles */
.pro-tools-study-btn {
  margin-bottom: 9px; }

.pro-tools-well {
  padding: 20px 0 !important;
  margin-bottom: 20px;
  margin-top: 40px; }

.footnote {
  font-size: 10px !important;
  line-height: 12px !important;
  color: #938C88 !important; }

.assets-container {
  display: inline;
  margin-top: 10px; }

.assets-list {
  list-style-type: none;
  padding: 0px !important; }
@media screen and (max-width: 600px) {
  .assets-list {
    width: 175px;
    margin: 0 auto; } }

.asset {
  width: 32%;
  display: inline-block;
  margin-bottom: 10px; }
.asset img {
  height: 30px; }
@media screen and (max-width: 600px) {
  .asset {
    width: 100%;
    display: block; } }
@media screen and (min-width: 601px) and (max-width: 1023px) {
  .asset {
    width: 49%; } }

.img-icon:before {
  content: " ";
  background: url("../../thermatru.han-dev.com/i/learn-plan/design-inspire/architectural-styles/img-icon.png");
  height: 30px;
  width: 26px;
  background-size: 100%;
  list-style-type: none;
  margin-right: 10px;
  display: inline-block; }

.img-icon span {
  vertical-align: middle;
  display: inline-block;
  margin-top: -20px; }

.pdf-icon:before {
  content: " ";
  background: url("../../thermatru.han-dev.com/i/learn-plan/design-inspire/architectural-styles/pdf-icon.png");
  height: 30px;
  width: 26px;
  background-size: 100%;
  list-style-type: none;
  margin-right: 10px;
  display: inline-block; }

.pdf-icon span {
  vertical-align: middle;
  display: inline-block;
  margin-top: -20px; }
