@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);

/*!
* direction.less v0.1.0
*
* Copyright 2013 Moshe Simantov
* Licensed under the MIT license
* 
* Keep tracking: https://github.com/DevelopmentIL/direction.less
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */

  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /* 2 */

}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */

  padding: 0;
  /* 2 */

}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */

  font-size: 100%;
  /* 2 */

  margin: 0;
  /* 3 */

}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */

  cursor: pointer;
  /* 3 */

}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */

  padding: 0;
  /* 2 */

}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */

  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */

  vertical-align: top;
  /* 2 */

}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
.last-column {
  display: table;
}
/*
 * Fonts
 */
@font-face {
  font-family: "Zawgyi";
  src: url("../fonts/zawgyi.eot");
  src: url("../fonts/zawgyi.eot?#iefix") format('embedded-opentype'), url("../fonts/zawgyi.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fontello";
  src: url('../fonts/fontello.eot');
  src: url('../fonts/fontello.eot?#iefix') format('embedded-opentype'), url('../fonts/fontello.woff') format('woff'), url('../fonts/fontello.ttf') format('truetype'), url('../fonts/fontello.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * Variables
 */
/*
 * Mixins
 */
.inline-block {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/*
 * Styles 
 */
body {
  color: #333333;
  font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .02em;
  background-color: #393939;
}
/*
  body {
    overflow-x: hidden;
} */
body.cn {
  font-family: "微软雅黑體", "Microsoft YaHei", "Arial Unicode MS", "Helvetica Neue", Helvetica, sans-serif;
}
body.cz {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body.hu {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body.mm {
  font-family: "Zawgyi", Arial, sans-serif;
  word-wrap: break-all;
}
body.nl #htc-menu {
  background-color: #393939;
}
body.nl #htc-menu .nl-logo {
  display: block;
  background: url("../images/nl-logo.png") no-repeat scroll 0 0 transparent;
  background-color: #393939;
  height: 40px;
  width: 152px;
  margin: 17px 0 5px 20px;
}
body.nl #htc-menu .nl-logo a {
  display: block;
  height: 40px;
  width: 152px;
}
body.nl header {
  position: relative;
}
body.nl header .nl-logo {
  display: block;
  background: url("../images/nl-logo.png") no-repeat scroll 0 0 transparent;
  height: 40px;
  width: 152px;
  position: absolute;
  top: 35px;
  left: 841px;
}
body.pl {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body.ro {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body.tw {
  font-family: "微軟正黑體", "Microsoft JhengHei", "Arial Unicode MS", "Helvetica Neue", Helvetica, sans-serif;
}
a {
  color: #333333;
  font-size: 13px;
  font-weight: 400;
}
h1 {
  color: #333333;
  font-size: 66px;
  font-weight: 300;
  letter-spacing: .1em;
}
/*
  h1 {
    font-size: 33px;
} */
h1.bold {
  color: #333333;
  font-size: 66px;
  font-weight: 700;
  letter-spacing: .1em;
}
/*
  h1.bold {
    font-size: 33px;
} */
h2 {
  color: #333333;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: .075em;
}
/*
  h2 {
    font-size: 20px;
} */
h3 {
  color: #333333;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .05em;
}
/*
  h3 {
    font-size: 13px;
} */
h4 {
  color: #333333;
  font-size: 21px;
  font-weight: 300;
  letter-spacing: .05em;
}
/*
  h4 {
    font-size: 11px;
} */
h5 {
  color: #333333;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .075em;
}
h6 {
  color: #333333;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .075em;
}
input {
  outline: none;
}
::selection {
  color: white;
  background: #69b40f;
  /* Safari */

}
::-moz-selection {
  color: white;
  background: #69b40f;
  /* Firefox */

}
/*
 * CTA Button
 */
.cta-button,
.blue-button {
  display: inline-block;
  background-color: #1776bd;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  padding: 15px 15px 17px 15px;
  font-weight: bold;
  height: 30px;
  text-shadow: 0 0 7px #333;
  /* box-shadow: 0 0 8px #333; */

  line-height: 1.7;
}
.cta-button:hover,
.blue-button:hover {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4) inset;
}
/*
  .cta-button:hover,
  .blue-button:hover {
    box-shadow: 0 0 3px #555;
} */
/*
  .cta-button,
  .blue-button {
    height: 18px;
    font-size: 9px;
    padding: 3px 7px 5px 7px;
    text-shadow: 0 0 2px #555;
    box-shadow: 0 0 3px #555;
    letter-spacing: 0.11em;
} */
.cta-button span,
.blue-button span {
  background: url('../images/white-arrow-shadow.png') no-repeat center 1px;
  width: 11px;
  height: 23px;
  display: inline-block;
  margin: 0 0 0 9px;
  position: relative;
  bottom: -3px;
}
/*
  .cta-button span,
  .blue-button span {
    background: url('../images/white-arrow-shadow-small.png') no-repeat center 1px;
    width: 6px;
    height: 9px;
    bottom: 0;
    margin: 0 0 0 3px;
} */
/* Images */
.htc-logo {
  background: url("../images/htc-logo.png") no-repeat scroll 0 0 transparent;
  height: 28px;
  width: 84px;
}
.map-icon {
  background: url("../images/map.png") no-repeat scroll 0 0 transparent;
  height: 24px;
  width: 53px;
}
.hamburger {
  position: absolute;
  background: url("../images/hamburger.png") no-repeat scroll 0 0 transparent;
  height: 44px;
  width: 44px;
  display: none;
  cursor: pointer;
  top: 0;
  left: 0;
}
/*
  .hamburger {
    display: block;
    margin: 18px 0 0 15px;
} */
.newsletter-signup-button {
  background: url('../images/site-buttons.png') no-repeat -92px -6px;
  width: 33px;
  height: 33px;
}
.newsletter-submit-button {
  background: url('../images/site-buttons.png') no-repeat -137px -6px;
  width: 33px;
  height: 33px;
}
/* Sections */
#htc-menu {
  float: left;
  width: 260px;
  border-top: 6px solid #665e5e;
  color: white;
  background-color: #4a4a4a;
  margin-left: -260px;
  display: none;
}
/*
  #htc-menu {
    display: block;
} */
#htc-menu .search {
  position: relative;
  height: 78px;
  border-bottom: 1px solid black;
}
#htc-menu .search input {
  position: absolute;
  top: 20px;
  left: 15px;
  background: url("../images/search-placeholder.png") no-repeat scroll 8px 11px transparent;
  background-color: #403f40;
  height: 35px;
  width: 220px;
  color: #999999;
  font-size: 15px;
  padding-left: 8px;
  outline-width: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #414141;
}
#htc-menu .search input.active {
  background-image: none;
}
#htc-menu .search input[name="submit"] {
  display: none;
}
#htc-menu .nav ul.parent {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#htc-menu .nav ul.parent > li {
  background-color: #323232;
}
#htc-menu .nav ul.parent > li > a {
  display: block;
  color: white;
  font-size: 15px;
  font-weight: 400;
  padding: 17px 20px 17px 20px;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid black;
}
#htc-menu .nav ul.subnav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#htc-menu .nav ul.subnav > li {
  background-color: #393939;
}
#htc-menu .nav ul.subnav > li > a {
  display: block;
  color: white;
  font-size: 14px;
  font-weight: 100;
  padding: 10px 20px 10px 30px;
  text-decoration: none;
}
#htc-menu .nav ul.subnav > li:first-child > a {
  padding: 20px 20px 10px 30px;
}
#htc-menu .nav ul.subnav > li:last-child > a {
  padding: 10px 20px 20px 30px;
}
#htc-menu .map {
  background-color: #393939;
  padding: 15px 0px 10px 20px;
}
#htc-menu .map a {
  background: url("../images/map.png") no-repeat scroll 0 0 transparent;
  height: 24px;
  width: 53px;
  display: block;
}
#htc-site {
  position: absolute;
  left: 0;
  width: 100%;
  border-top: 6px solid #69b40f;
  min-width: 1004px;
}
/*
  #htc-site {
    min-width: 320px;
} */
#htc-header {
  *zoom: 1;
  float: left;
  background-color: black;
  width: 100%;
}
#htc-header:before,
#htc-header:after {
  content: "";
  display: table;
}
#htc-header:after {
  clear: both;
}
#htc-main {
  *zoom: 1;
  float: left;
  background-color: white;
  width: 100%;
}
#htc-main:before,
#htc-main:after {
  content: "";
  display: table;
}
#htc-main:after {
  clear: both;
}
#htc-footer {
  *zoom: 1;
  float: left;
  background-color: white;
  width: 100%;
}
#htc-footer:before,
#htc-footer:after {
  content: "";
  display: table;
}
#htc-footer:after {
  clear: both;
}
/* Homepage Specific */
/*
  header > .nav {
    display: none;
    height: 0;
} */
header {
  *zoom: 1;
  width: 978px;
  margin: 0 auto;
  padding: 0 15px;
  height: 78px;
}
header:before,
header:after {
  content: "";
  display: table;
}
header:after {
  clear: both;
}
/*
  header {
    width: 320px;
    min-height: 1px;
    padding: 0;
} */
/*
  header {
    height: 78px;
} */
header .title {
  float: left;
  width: 84px;
}
/*
  header .title {
    float: none;
    margin: 17px auto;
} */
header .title a {
  background: url("../images/htc-logo.png") no-repeat scroll 0 0 transparent;
  height: 28px;
  width: 84px;
  display: block;
  margin: 26px 0 0 0;
  text-indent: -9999px;
  z-index: 9999;
}
header .top {
  float: left;
  width: 894px;
  text-align: right;
  height: 31px;
}
/*
  header .top {
    display: none;
    height: 0;
} */
header .top ul {
  float: right;
  margin: 0;
  padding: 0 11px 0 0;
}
header .top li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 14px 0 0;
}
header .top li .map {
  padding: 3px 0px 0px 0px;
}
header .top li .map a {
  background: url("../images/map.png") no-repeat scroll 0 0 transparent;
  height: 24px;
  width: 53px;
  display: block;
}
header .top li a {
  color: #999999;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 9px;
  text-decoration: none;
  line-height: 30px;
}
header .top li a:hover,
header .top li a:active {
  color: #69b40f;
}
header .top .search {
  float: right;
}
header .top .search input {
  background: url("../images/search-placeholder.png") no-repeat scroll 8px 8px transparent;
  background-color: #333333;
  height: 28px;
  width: 178px;
  border: none;
  color: #999999;
  font-size: 13px;
  padding-left: 8px;
  outline-width: 0;
}
header .top .search input.active {
  background-image: none;
}
header .top .search input[name="submit"] {
  display: none;
}
header .nav {
  float: left;
  width: 894px;
}
/*
  header .nav {
    display: none;
    height: 0;
} */
header .nav ul.parent {
  margin: 0 0 0 28px;
  padding: 0;
}
/*
  header .nav ul.parent {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 14px 0 15px 0;
} */
header .nav ul.parent > li {
  float: left;
  list-style-type: none;
  padding: 0 17px 0 17px;
  transition: 0.1s;
}
/*
  header .nav ul.parent > li {
    float: none;
} */
header .nav .submenu {
  border-bottom: 1px solid #e0e0e0;
}
header .nav ul.parent > li.subnav-active {
  background-color: white;
  transition: 0.2s;
}
header .nav ul.parent > li.subnav-active > a {
  color: #434343;
}
header .nav ul.parent > li.subnav-active > a:hover {
  color: #434343;
}
header .nav ul.parent > li.active > a {
  color: #69b40f;
}
/*
  header .nav ul.parent > li.active > a {
    display: block;
    color: #f3f3f3;
    font-size: 24px;
    font-weight: normal;
    padding: 11px 15px 11px 15px;
} */
header .nav ul.parent > li > a {
  color: #f3f3f3;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 15px 21px 15px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
/*
  header .nav ul.parent > li > a {
    display: none;
} */
header .nav ul.parent > li > a:hover {
  color: #69b40f;
}
header .nav .submenu {
  width: 100%;
  display: none;
  position: absolute;
  left: 0; 
  top: 78px;
  background-color: #f0f0f0;
  z-index: 9999;
}
header .nav .submenu ul.subnav {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
header .nav .submenu ul.subnav > li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  list-style-type: none;
  padding: 0 5px 0 5px;
  text-align: center;
}
header .nav .submenu ul.subnav > li > a {
  color: #666666;
  display: block;
  max-width: 200px;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 7px 15px 7px;
  text-decoration: none;
  text-transform: uppercase;
  opacity: .60;
  transition: .2s;
}
header .nav .submenu ul.subnav > li > a > span {
  display: block;
  padding-top: 10px;
}
header .nav .submenu ul.subnav > li > a:hover {
  color: #434343;
  opacity: 1.0;
  transition: .2s;
}
footer .engagement {
  *zoom: 1;
  color: #bababa;
  background-color: #373737;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
}
footer .engagement:before,
footer .engagement:after {
  content: "";
  display: table;
}
footer .engagement:after {
  clear: both;
}
/*
  footer .engagement {
    background-color: #69b40f;
    border-bottom: 0;
} */
footer .engagement .engagement-content {
  *zoom: 1;
  width: 978px;
  margin: 0 auto;
  padding: 0 15px;
}
footer .engagement .engagement-content:before,
footer .engagement .engagement-content:after {
  content: "";
  display: table;
}
footer .engagement .engagement-content:after {
  clear: both;
}
/*
  footer .engagement .engagement-content {
    width: 320px;
    min-height: 1px;
    padding: 0;
} */
footer .engagement .engagement-content .social {
  *zoom: 1;
  margin: 0;
  float: left;
}
footer .engagement .engagement-content .social:before,
footer .engagement .engagement-content .social:after {
  content: "";
  display: table;
}
footer .engagement .engagement-content .social:after {
  clear: both;
}
/*
  footer .engagement .engagement-content .social {
    width: 320px;
    margin: 0 auto 15px auto;
    float: none;
    text-align: center;
} */
footer .engagement .engagement-content .social .title {
  float: left;
  font-size: 12px;
  margin: 31px 0 31px 0;
  text-transform: uppercase;
}
/*
  footer .engagement .engagement-content .social .title {
    float: none;
    margin: 15px 0 10px 0;
    text-align: center;
    color: white;
} */
footer .engagement .engagement-content .social ul {
  float: left;
  list-style-type: none;
  margin: 26px 0 0 0;
  padding: 0 0 0 18px;
}
/*
  footer .engagement .engagement-content .social ul {
    margin: 0 auto;
    padding: 0;
    float: none;
    width: auto;
    display: inline-block;
} */
footer .engagement .engagement-content .social ul li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 5px 0 5px;
}
footer .engagement .engagement-content .social ul li a {
  display: block;
  opacity: 0.60;
}
footer .engagement .engagement-content .social ul li a:hover {
  opacity: 1;
}
footer .engagement .engagement-content .social ul li img {
  display: block;
  height: 20px;
  width: 20px;
}
/*
  footer .engagement .engagement-content .social {
    width: 320px;
} */
footer .engagement .engagement-content .newsletter {
  *zoom: 1;
  width: 280px;
  margin: 21px -5px 0 15px;
  float: right;
}
footer .engagement .engagement-content .newsletter:before,
footer .engagement .engagement-content .newsletter:after {
  content: "";
  display: table;
}
footer .engagement .engagement-content .newsletter:after {
  clear: both;
}
/*
  footer .engagement .engagement-content .newsletter {
    margin: 0 auto 15px auto;
    float: none;
} */
footer .engagement .engagement-content .newsletter form {
  float: left;
  margin: 0;
}
/*
  footer .engagement .engagement-content .newsletter form {
    position: relative;
    margin: 0 auto;
} */
footer .engagement .engagement-content .newsletter .email {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
footer .engagement .engagement-content .newsletter .email input {
  border: 1px solid #e6e6e6;
  background: #ecebe9;
  color: #858484;
  font-size: 12px;
  font-weight: 400;
  height: 29px;
  width: 227px;
  padding-left: 8px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
/*
  footer .engagement .engagement-content .newsletter .email input {
    width: 264px;
    margin: 0 auto;
} */
footer .engagement .engagement-content .newsletter .button {
  float: left;
  margin-top: 1px;
  z-index: 9999;
}
/*
  footer .engagement .engagement-content .newsletter .button {
    position: absolute;
    margin-top: 0;
    top: 0;
    left: 238px;
    z-index: 100;
} */
footer .engagement .engagement-content .newsletter .button input[type=submit] {
  background: url('../images/site-buttons.png') no-repeat -92px -6px;
  width: 33px;
  height: 33px;
  border: none;
  font-size: 0;
  margin: 0 0 0 4px;
  padding: 0;
}
/*
  footer .engagement .engagement-content .newsletter .button input[type=submit] {
    background: #bfbfbf url(../images/white-arrow-shadow.png) 9px 5px no-repeat;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-left: 1px solid #b7b7b7;
} */
footer .engagement .engagement-content .newsletter .button input[type=submit].active {
  background: url('../images/site-buttons.png') no-repeat -137px -6px;
  width: 33px;
  height: 33px;
}
/*
  footer .engagement .engagement-content .newsletter .button input[type=submit].active {
    background: #686868 url(../images/white-arrow-shadow.png) 9px 5px no-repeat;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-left: 1px solid #b7b7b7;
} */
footer .engagement .engagement-content .newsletter .customer {
  float: left;
  color: white;
  display: none;
  font-size: 11px;
  padding: 10px 0 0 0;
}
footer .engagement .engagement-content .newsletter .customer span {
  padding: 0 5px 0 0;
}
footer .engagement .engagement-content .newsletter .customer label {
  padding: 0 5px 0 5px;
}
footer .engagement .engagement-content .newsletter .privacy {
  float: left;
  color: white;
  display: none;
  font-size: 11px;
  padding: 10px 0 0 0;
  position: relative;
}
footer .engagement .engagement-content .newsletter .privacy a {
  color: white;
}
footer .engagement .engagement-content .newsletter .privacy span {
  padding: 0 5px 0 5px;
  width: 250px;
}
footer .engagement .engagement-content .newsletter .privacy .asterisk {
  color: #69b40f;
}
footer .engagement .engagement-content .newsletter p.success,
footer .engagement .engagement-content .newsletter p.error {
  display: none;
  font-size: 12px;
  margin: 0;
  position: relative;
  top: 12px;
}
/*
  footer .engagement .engagement-content .newsletter p.success,
  footer .engagement .engagement-content .newsletter p.error {
    text-align: center;
} */
footer .engagement .engagement-content .newsletter p.success .highlight {
  color: white;
  font-weight: bold;
}
footer .engagement .engagement-content .newsletter p.error .highlight {
  color: white;
  font-weight: bold;
}
footer .engagement .engagement-content .newsletter label.error {
  border: 1px solid #8d1e1e;
  color: white;
  display: none;
  font-size: 11px;
  padding: 5px;
  position: absolute;
  background-color: #d50e0e;
}
footer .engagement .engagement-content .newsletter label.error:after {
  border-color: transparent transparent transparent #d52e2e;
  border-style: solid;
  border-width: 6px;
  content: '';
  display: block;
  height: 0;
  left: 100%;
  position: absolute;
  top: 5px;
  width: 0;
}
footer .engagement .engagement-content .newsletter .email label.error {
  right: 250px;
  top: 4px;
  white-space: nowrap;
}
/*
  footer .engagement .engagement-content .newsletter .email label.error {
    visibility: hidden;
} */
footer .engagement .engagement-content .newsletter .privacy label.error {
  right: 295px;
  top: -1px;
  white-space: nowrap;
}
/*
  footer .engagement .engagement-content .newsletter .privacy label.error {
    visibility: hidden;
} */
footer .sitemap {
  *zoom: 1;
  color: #bababa;
  background-color: white;
  width: 100%;
}
footer .sitemap:before,
footer .sitemap:after {
  content: "";
  display: table;
}
footer .sitemap:after {
  clear: both;
}
/*
  footer .sitemap {
    background-color: #373737;
} */
footer .sitemap .sitemap-content {
  *zoom: 1;
  width: 978px;
  margin: 0 auto;
  padding: 0 15px;
  padding: 15px 0 30px 0;
}
footer .sitemap .sitemap-content:before,
footer .sitemap .sitemap-content:after {
  content: "";
  display: table;
}
footer .sitemap .sitemap-content:after {
  clear: both;
}
/*
  footer .sitemap .sitemap-content {
    width: 320px;
    min-height: 1px;
    padding: 0;
} */
/*
  footer .sitemap .sitemap-content {
    width: 100%;
    padding: 0;
} */
footer .sitemap .sitemap-content .links {
  *zoom: 1;
  margin: 0;
  float: left;
  color: #595959;
}
footer .sitemap .sitemap-content .links:before,
footer .sitemap .sitemap-content .links:after {
  content: "";
  display: table;
}
footer .sitemap .sitemap-content .links:after {
  clear: both;
}
/*
  footer .sitemap .sitemap-content .links {
    width: 100%;
    margin: 0 auto;
    float: none;
} */
footer .sitemap .sitemap-content .links ul {
  margin: 0;
  padding: 0;
}
/*
  footer .sitemap .sitemap-content .links ul {
    width: 100%;
} */
footer .sitemap .sitemap-content .links ul li {
  list-style-type: none;
  margin: 5px 0 5px 0;
  padding: 0;
}
/*
  footer .sitemap .sitemap-content .links ul li {
    margin-top: 0;
} */
footer .sitemap .sitemap-content .links ul li .title,
footer .sitemap .sitemap-content .links ul li .title > a {
  color: #534741;
  font-size: 14px;
  font-weight: bold;
  margin: 15px 0 5px 0;
  text-decoration: none;
}
/*
  footer .sitemap .sitemap-content .links ul li .title,
  footer .sitemap .sitemap-content .links ul li .title > a {
    color: white;
    background-color: #373737;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #434343;
    text-transform: uppercase;
    margin: 0;
    cursor: pointer;
} */
footer .sitemap .sitemap-content .links li > a {
  color: #888;
  font-size: 12px;
  text-decoration: none;
}
footer .sitemap .sitemap-content .links li > a:hover {
  text-decoration: underline;
}
footer .sitemap .sitemap-content .links .links-col1,
footer .sitemap .sitemap-content .links .links-col2,
footer .sitemap .sitemap-content .links .links-col3,
footer .sitemap .sitemap-content .links .links-col4 {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  width: 149px;
  margin: 0;
  padding-right: 15px;
}
/*
  footer .sitemap .sitemap-content .links .links-col1,
  footer .sitemap .sitemap-content .links .links-col2,
  footer .sitemap .sitemap-content .links .links-col3,
  footer .sitemap .sitemap-content .links .links-col4 {
    width: 100%;
    padding-right: 0;
} */
/*
  footer .sitemap .sitemap-content .links .links-col1 ul > li > .title,
  footer .sitemap .sitemap-content .links .links-col2 ul > li > .title,
  footer .sitemap .sitemap-content .links .links-col3 ul > li > .title,
  footer .sitemap .sitemap-content .links .links-col4 ul > li > .title,
  footer .sitemap .sitemap-content .links .links-col1 ul > li > .title a,
  footer .sitemap .sitemap-content .links .links-col2 ul > li > .title a,
  footer .sitemap .sitemap-content .links .links-col3 ul > li > .title a,
  footer .sitemap .sitemap-content .links .links-col4 ul > li > .title a {
    padding-top: 15px;
} */
/*
  footer .sitemap .sitemap-content .links ul.sublinks {
    display: none;
    background-color: #4a4a4a;
} */
/*
  footer .sitemap .sitemap-content .links ul.sublinks li {
    text-align: center;
    margin: 0;
    padding: 15px 0;
    background-color: #4a4a4a;
} */
/*
  footer .sitemap .sitemap-content .links ul.sublinks li a {
    font-size: 14px;
    color: white;
    text-decoration: none;
} */
footer .sitemap .sitemap-content .legal {
  *zoom: 1;
  width: 275px;
  margin: 21px 0 0 0;
  float: right;
}
footer .sitemap .sitemap-content .legal:before,
footer .sitemap .sitemap-content .legal:after {
  content: "";
  display: table;
}
footer .sitemap .sitemap-content .legal:after {
  clear: both;
}
/*
  footer .sitemap .sitemap-content .legal {
    width: 320px;
    margin: 0 auto 15px auto;
    float: none;
} */
footer .sitemap .sitemap-content .legal .logo {
  background: url("../images/htc-logo.png") no-repeat scroll 0 0 transparent;
  height: 28px;
  width: 84px;
  margin: 15px 0 10px 0;
}
/*
  footer .sitemap .sitemap-content .legal .logo {
    margin: 15px auto;
} */
footer .sitemap .sitemap-content .legal .copyright {
  color: #595959;
  font-size: 12px;
  margin: 0;
}
/*
  footer .sitemap .sitemap-content .legal .copyright {
    text-align: center;
} */
footer .sitemap .sitemap-content .legal ul {
  margin: 0;
  padding: 0;
}
/*
  footer .sitemap .sitemap-content .legal ul {
    margin: 10px 0;
    text-align: center;
} */
footer .sitemap .sitemap-content .legal ul li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  list-style-type: none;
}
footer .sitemap .sitemap-content .legal ul li a {
  color: #888888;
  font-size: 10px;
  padding-right: 17px;
  text-decoration: none;
  text-transform: uppercase;
}
/*
  footer .sitemap .sitemap-content .legal ul li a {
    padding: 0 5px;
    color: white;
} */
footer .sitemap .sitemap-content .legal .qrcode {
  margin: 50px 0 0 0;
}
.index,
.demo {
  *zoom: 1;
}
.index:before,
.demo:before,
.index:after,
.demo:after {
  content: "";
  display: table;
}
.index:after,
.demo:after {
  clear: both;
}
.index .bx-pager,
.demo .bx-pager {
  display: none;
}
.index .bx-wrapper,
.demo .bx-wrapper {
  margin: 0;
}
.index .bx-wrapper .bx-viewport,
.demo .bx-wrapper .bx-viewport {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0;
  left: 0;
}
.index .marquee-slides,
.demo .marquee-slides {
  *zoom: 1;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
}
.index .marquee-slides:before,
.demo .marquee-slides:before,
.index .marquee-slides:after,
.demo .marquee-slides:after {
  content: "";
  display: table;
}
.index .marquee-slides:after,
.demo .marquee-slides:after {
  clear: both;
}
.index .marquee-slides ul,
.demo .marquee-slides ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.index .marquee-slides ul li,
.demo .marquee-slides ul li {
  background-position: top center;
  background-repeat: no-repeat;
  height: 556px;
}
/*
  .index .marquee-slides ul li,
  .demo .marquee-slides ul li {
    background-size: 719px 200px;
    height: 200px;
} */
.index .marquee-slides .content,
.demo .marquee-slides .content {
  *zoom: 1;
  width: 978px;
  margin: 0 auto;
  padding: 0 15px;
}
.index .marquee-slides .content:before,
.demo .marquee-slides .content:before,
.index .marquee-slides .content:after,
.demo .marquee-slides .content:after {
  content: "";
  display: table;
}
.index .marquee-slides .content:after,
.demo .marquee-slides .content:after {
  clear: both;
}
/*
  .index .marquee-slides .content,
  .demo .marquee-slides .content {
    width: 320px;
    min-height: 1px;
    padding: 0;
} */
.index .marquee-slides .content .align-left,
.demo .marquee-slides .content .align-left {
  text-align: left;
}
.index .marquee-slides .content .align-right,
.demo .marquee-slides .content .align-right {
  text-align: right;
}
.index .marquee-slides .content .align-center,
.demo .marquee-slides .content .align-center {
  text-align: center;
}
.index .marquee-slides .content .col1,
.demo .marquee-slides .content .col1,
.index .marquee-slides .content .col2,
.demo .marquee-slides .content .col2,
.index .marquee-slides .content .col3,
.demo .marquee-slides .content .col3,
.index .marquee-slides .content .col4,
.demo .marquee-slides .content .col4,
.index .marquee-slides .content .col5,
.demo .marquee-slides .content .col5,
.index .marquee-slides .content .col6,
.demo .marquee-slides .content .col6,
.index .marquee-slides .content .col7,
.demo .marquee-slides .content .col7,
.index .marquee-slides .content .col8,
.demo .marquee-slides .content .col8,
.index .marquee-slides .content .col9,
.demo .marquee-slides .content .col9,
.index .marquee-slides .content .col10,
.demo .marquee-slides .content .col10,
.index .marquee-slides .content .col11,
.demo .marquee-slides .content .col11,
.index .marquee-slides .content .col12,
.demo .marquee-slides .content .col12 {
  display: inline;
  float: left;
}
.index .marquee-slides .content .col1,
.demo .marquee-slides .content .col1 {
  width: 8.33333333333%;
}
.index .marquee-slides .content .col2,
.demo .marquee-slides .content .col2 {
  width: 16.6666666667%;
}
.index .marquee-slides .content .col3,
.demo .marquee-slides .content .col3 {
  width: 25%;
}
.index .marquee-slides .content .col4,
.demo .marquee-slides .content .col4 {
  width: 33.3333333333%;
}
.index .marquee-slides .content .col5,
.demo .marquee-slides .content .col5 {
  width: 41.6666666667%;
}
.index .marquee-slides .content .col6,
.demo .marquee-slides .content .col6 {
  width: 50%;
}
.index .marquee-slides .content .col7,
.demo .marquee-slides .content .col7 {
  width: 58.3333333333%;
}
.index .marquee-slides .content .col8,
.demo .marquee-slides .content .col8 {
  width: 66.6666666667%;
}
.index .marquee-slides .content .col9,
.demo .marquee-slides .content .col9 {
  width: 75%;
}
.index .marquee-slides .content .col10,
.demo .marquee-slides .content .col10 {
  width: 83.3333333333%;
}
.index .marquee-slides .content .col11,
.demo .marquee-slides .content .col11 {
  width: 91.6666666667%;
}
.index .marquee-slides .content .col12,
.demo .marquee-slides .content .col12 {
  width: 100%;
}
.index .marquee-slides .content .push1,
.demo .marquee-slides .content .push1 {
  margin-left: 81.5px;
}
/*
  .index .marquee-slides .content .push1,
  .demo .marquee-slides .content .push1 {
    margin-left: 26.67px;
} */
.index .marquee-slides .content .push2,
.demo .marquee-slides .content .push2 {
  margin-left: 163px;
}
/*
  .index .marquee-slides .content .push2,
  .demo .marquee-slides .content .push2 {
    margin-left: 53.33px;
} */
.index .marquee-slides .content .push3,
.demo .marquee-slides .content .push3 {
  margin-left: 244.5px;
}
/*
  .index .marquee-slides .content .push3,
  .demo .marquee-slides .content .push3 {
    margin-left: 80px;
} */
.index .marquee-slides .content .push4,
.demo .marquee-slides .content .push4 {
  margin-left: 326px;
}
/*
  .index .marquee-slides .content .push4,
  .demo .marquee-slides .content .push4 {
    margin-left: 106.67px;
} */
.index .marquee-slides .content .push5,
.demo .marquee-slides .content .push5 {
  margin-left: 407.5px;
}
/*
  .index .marquee-slides .content .push5,
  .demo .marquee-slides .content .push5 {
    margin-left: 133.33px;
} */
.index .marquee-slides .content .push6,
.demo .marquee-slides .content .push6 {
  margin-left: 489px;
}
/*
  .index .marquee-slides .content .push6,
  .demo .marquee-slides .content .push6 {
    margin-left: 160px;
} */
.index .marquee-slides .content .push7,
.demo .marquee-slides .content .push7 {
  margin-left: 570.5px;
}
/*
  .index .marquee-slides .content .push7,
  .demo .marquee-slides .content .push7 {
    margin-left: 186.67px;
} */
.index .marquee-slides .content .push8,
.demo .marquee-slides .content .push8 {
  margin-left: 652px;
}
/*
  .index .marquee-slides .content .push8,
  .demo .marquee-slides .content .push8 {
    margin-left: 213.33px;
} */
.index .marquee-slides .content .push9,
.demo .marquee-slides .content .push9 {
  margin-left: 733.5px;
}
/*
  .index .marquee-slides .content .push9,
  .demo .marquee-slides .content .push9 {
    margin-left: 240px;
} */
.index .marquee-slides .content .push10,
.demo .marquee-slides .content .push10 {
  margin-left: 815px;
}
/*
  .index .marquee-slides .content .push10,
  .demo .marquee-slides .content .push10 {
    margin-left: 266.67px;
} */
.index .marquee-slides .content .push11,
.demo .marquee-slides .content .push11 {
  margin-left: 896.5px;
}
/*
  .index .marquee-slides .content .push11,
  .demo .marquee-slides .content .push11 {
    margin-left: 293.33px;
} */
.index .marquee-slides .content .pushdown1,
.demo .marquee-slides .content .pushdown1 {
  margin-top: 56px;
}
/*
  .index .marquee-slides .content .pushdown1,
  .demo .marquee-slides .content .pushdown1 {
    margin-top: 20px;
} */
.index .marquee-slides .content .pushdown2,
.demo .marquee-slides .content .pushdown2 {
  margin-top: 112px;
}
/*
  .index .marquee-slides .content .pushdown2,
  .demo .marquee-slides .content .pushdown2 {
    margin-top: 40px;
} */
.index .marquee-slides .content .pushdown3,
.demo .marquee-slides .content .pushdown3 {
  margin-top: 158px;
}
/*
  .index .marquee-slides .content .pushdown3,
  .demo .marquee-slides .content .pushdown3 {
    margin-top: 60px;
} */
.index .marquee-slides .content .pushdown4,
.demo .marquee-slides .content .pushdown4 {
  margin-top: 224px;
}
/*
  .index .marquee-slides .content .pushdown4,
  .demo .marquee-slides .content .pushdown4 {
    margin-top: 80px;
} */
.index .marquee-slides .content .pushdown5,
.demo .marquee-slides .content .pushdown5 {
  margin-top: 280px;
}
/*
  .index .marquee-slides .content .pushdown5,
  .demo .marquee-slides .content .pushdown5 {
    margin-top: 100px;
} */
.index .marquee-slides .content .pushdown6,
.demo .marquee-slides .content .pushdown6 {
  margin-top: 336px;
}
/*
  .index .marquee-slides .content .pushdown6,
  .demo .marquee-slides .content .pushdown6 {
    margin-top: 120px;
} */
.index .marquee-slides .content .pushdown7,
.demo .marquee-slides .content .pushdown7 {
  margin-top: 392px;
}
/*
  .index .marquee-slides .content .pushdown7,
  .demo .marquee-slides .content .pushdown7 {
    margin-top: 140px;
} */
.index .marquee-slides .content .pushdown8,
.demo .marquee-slides .content .pushdown8 {
  margin-top: 448px;
}
/*
  .index .marquee-slides .content .pushdown8,
  .demo .marquee-slides .content .pushdown8 {
    margin-top: 160px;
} */
.index .marquee-slides .content .pushdown9,
.demo .marquee-slides .content .pushdown9 {
  margin-top: 504px;
}
/*
  .index .marquee-slides .content .pushdown9,
  .demo .marquee-slides .content .pushdown9 {
    margin-top: 180px;
} */
.index .marquee-slides .content strong,
.demo .marquee-slides .content strong {
  font-weight: bold;
}
.index .marquee-slides .content .bold,
.demo .marquee-slides .content .bold {
  font-weight: bold;
}
.index .marquee-slides .content .strong,
.demo .marquee-slides .content .strong {
  font-weight: bold;
}
.index .marquee-slides .content .spacer-small,
.demo .marquee-slides .content .spacer-small {
  height: 10px;
}
/*
  .index .marquee-slides .content .spacer-small,
  .demo .marquee-slides .content .spacer-small {
    height: 5px;
} */
.index .marquee-slides .content .spacer-medium,
.demo .marquee-slides .content .spacer-medium {
  height: 25px;
}
/*
  .index .marquee-slides .content .spacer-medium,
  .demo .marquee-slides .content .spacer-medium {
    height: 10px;
} */
.index .marquee-slides .content .spacer-large,
.demo .marquee-slides .content .spacer-large {
  height: 50px;
}
/*
  .index .marquee-slides .content .spacer-large,
  .demo .marquee-slides .content .spacer-large {
    height: 25px;
} */
.index .marquee-slides .content .green,
.demo .marquee-slides .content .green {
  color: #69b40f;
}
.index .marquee-slides .content .green-bg,
.demo .marquee-slides .content .green-bg {
  background-color: #7ebe30;
}
.index .marquee-slides .content .logo,
.demo .marquee-slides .content .logo {
  margin: 0;
}
/*
  .index .marquee-slides .content .logo,
  .demo .marquee-slides .content .logo {
    max-width: 100px;
} */
.index .marquee-slides .content .logo img,
.demo .marquee-slides .content .logo img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.index .marquee-slides .content p,
.demo .marquee-slides .content p,
.index .marquee-slides .content h2,
.demo .marquee-slides .content h2,
.index .marquee-slides .content h3,
.demo .marquee-slides .content h3,
.index .marquee-slides .content h4,
.demo .marquee-slides .content h4,
.index .marquee-slides .content h5,
.demo .marquee-slides .content h5,
.index .marquee-slides .content h6,
.demo .marquee-slides .content h6,
.index .marquee-slides .content ul,
.demo .marquee-slides .content ul {
  margin: 0;
  padding: 0;
}
.index .marquee-slides .content p,
.demo .marquee-slides .content p {
  font-size: 15px;
  margin: 10px 0 10px 0;
}
/*
  .index .marquee-slides .content p,
  .demo .marquee-slides .content p {
    font-size: 10px;
    margin: 5px 0 5px 0;
} */
.index .marquee-slides .content h2,
.demo .marquee-slides .content h2 {
  font-size: 52px;
  font-weight: 300;
}
.index .marquee-slides .content h2 span,
.demo .marquee-slides .content h2 span {
  font-weight: 900;
}
/*
  .index .marquee-slides .content h2,
  .demo .marquee-slides .content h2 {
    font-size: 16px;
} */
.index .marquee-slides .content h3,
.demo .marquee-slides .content h3 {
  font-size: 36px;
  font-weight: bold;
  margin: 0;
}
/*
  .index .marquee-slides .content h3,
  .demo .marquee-slides .content h3 {
    font-size: 12px;
} */
.index .marquee-slides .content h4,
.demo .marquee-slides .content h4 {
  font-size: 30px;
  font-weight: normal;
}
/*
  .index .marquee-slides .content h4,
  .demo .marquee-slides .content h4 {
    font-size: 12px;
} */
.index .marquee-slides .content h5,
.demo .marquee-slides .content h5 {
  font-size: 24px;
  font-weight: 100;
}
/*
  .index .marquee-slides .content h5,
  .demo .marquee-slides .content h5 {
    font-size: 12px;
} */
.index .marquee-slides .content h6,
.demo .marquee-slides .content h6 {
  font-size: 20px;
  font-weight: 100;
  letter-spacing: 0.04em;
  margin: 0;
}
/*
  .index .marquee-slides .content h6,
  .demo .marquee-slides .content h6 {
    font-size: 12px;
} */
.index .marquee-slides .content ul,
.demo .marquee-slides .content ul {
  list-style-type: none;
}
.index .marquee-slides .content ul li,
.demo .marquee-slides .content ul li {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  height: auto;
}
.index .marquee-slides .content.light-bg,
.demo .marquee-slides .content.light-bg {
  color: #333333;
}
.index .marquee-slides .content.light-bg p,
.demo .marquee-slides .content.light-bg p,
.index .marquee-slides .content.light-bg h1,
.demo .marquee-slides .content.light-bg h1,
.index .marquee-slides .content.light-bg h2,
.demo .marquee-slides .content.light-bg h2,
.index .marquee-slides .content.light-bg h3,
.demo .marquee-slides .content.light-bg h3,
.index .marquee-slides .content.light-bg h4,
.demo .marquee-slides .content.light-bg h4,
.index .marquee-slides .content.light-bg h5,
.demo .marquee-slides .content.light-bg h5,
.index .marquee-slides .content.light-bg h6,
.demo .marquee-slides .content.light-bg h6 {
  color: #333333;
}
.index .marquee-slides .content.light-bg .outerglow,
.demo .marquee-slides .content.light-bg .outerglow {
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8);
}
.index .marquee-slides .content.dark-bg,
.demo .marquee-slides .content.dark-bg {
  color: white;
}
.index .marquee-slides .content.dark-bg p,
.demo .marquee-slides .content.dark-bg p,
.index .marquee-slides .content.dark-bg h1,
.demo .marquee-slides .content.dark-bg h1,
.index .marquee-slides .content.dark-bg h2,
.demo .marquee-slides .content.dark-bg h2,
.index .marquee-slides .content.dark-bg h3,
.demo .marquee-slides .content.dark-bg h3,
.index .marquee-slides .content.dark-bg h4,
.demo .marquee-slides .content.dark-bg h4,
.index .marquee-slides .content.dark-bg h5,
.demo .marquee-slides .content.dark-bg h5,
.index .marquee-slides .content.dark-bg h6,
.demo .marquee-slides .content.dark-bg h6 {
  color: white;
}
.index .marquee-slides .content.dark-bg .outerglow,
.demo .marquee-slides .content.dark-bg .outerglow {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}
.index .marquee-tabs,
.demo .marquee-tabs {
  *zoom: 1;
  height: 0;
  position: relative;
  text-align: center;
  top: -30px;
}
.index .marquee-tabs:before,
.demo .marquee-tabs:before,
.index .marquee-tabs:after,
.demo .marquee-tabs:after {
  content: "";
  display: table;
}
.index .marquee-tabs:after,
.demo .marquee-tabs:after {
  clear: both;
}
/*
  .index .marquee-tabs,
  .demo .marquee-tabs {
    display: none;
} */
.index .marquee-tabs ul.tabs,
.demo .marquee-tabs ul.tabs {
  -webkit-box-shadow: -4px -4px 5px rgba(50, 50, 50, 0.14);
  -moz-box-shadow: -4px -4px 5px rgba(50, 50, 50, 0.14);
  box-shadow: -4px -4px 5px rgba(50, 50, 50, 0.14);
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/*
  .index .marquee-tabs ul.tabs,
  .demo .marquee-tabs ul.tabs {
    padding: 5px;
} */
.index .marquee-tabs ul.tabs li,
.demo .marquee-tabs ul.tabs li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-color: #fff;
  border-left: 2px solid #69b40f;
  opacity: 0.70;
  min-width: 177px;
}
/*
  .index .marquee-tabs ul.tabs li,
  .demo .marquee-tabs ul.tabs li {
    background-color: #69b40f;
    border: 1px solid #e6e6e6;
    min-width: 15px;
    margin: 5px;
} */
.index .marquee-tabs ul.tabs li.active,
.demo .marquee-tabs ul.tabs li.active {
  opacity: 1.0;
}
/*
  .index .marquee-tabs ul.tabs li.active,
  .demo .marquee-tabs ul.tabs li.active {
    background-color: white;
} */
.index .marquee-tabs ul.tabs li.first,
.demo .marquee-tabs ul.tabs li.first {
  border-left: 0;
}
.index .marquee-tabs ul.tabs li.first .timer,
.demo .marquee-tabs ul.tabs li.first .timer {
  left: 0;
}
.index .marquee-tabs ul.tabs li.first .timer .progressbar,
.demo .marquee-tabs ul.tabs li.first .timer .progressbar {
  padding-left: 0;
}
/*
  .index .marquee-tabs ul.tabs li.first,
  .demo .marquee-tabs ul.tabs li.first {
    border-left: 1px solid #e6e6e6;
} */
.index .marquee-tabs ul.tabs li .progressbar,
.demo .marquee-tabs ul.tabs li .progressbar {
  float: left;
  height: 5px;
  width: 0;
}
/*
  .index .marquee-tabs ul.tabs li .progressbar,
  .demo .marquee-tabs ul.tabs li .progressbar {
    display: none;
} */
.index .marquee-tabs ul.tabs li .title,
.demo .marquee-tabs ul.tabs li .title {
  padding: 7px;
}
/*
  .index .marquee-tabs ul.tabs li .title,
  .demo .marquee-tabs ul.tabs li .title {
    display: none;
} */
.index .marquee-tabs ul.tabs li a,
.demo .marquee-tabs ul.tabs li a {
  color: #2e2c2a;
  display: block;
  font-size: 13px;
  outline: 0;
  text-decoration: none;
}
/*
  .index .marquee-tabs ul.tabs li a,
  .demo .marquee-tabs ul.tabs li a {
    height: 5px;
    width: 10px;
} */
.index .marquee-tabs .timer,
.demo .marquee-tabs .timer {
  height: 0;
  position: relative;
  top: -5px;
}
/*
  .index .marquee-tabs .timer,
  .demo .marquee-tabs .timer {
    display: none;
} */
.index .promos,
.demo .promos {
  *zoom: 1;
  background-color: #f3f3f3;
}
.index .promos:before,
.demo .promos:before,
.index .promos:after,
.demo .promos:after {
  content: "";
  display: table;
}
.index .promos:after,
.demo .promos:after {
  clear: both;
}
.index .promos ul,
.demo .promos ul {
  *zoom: 1;
  width: 978px;
  margin: 0 auto;
  padding: 0 15px;
  list-style-type: none;
  padding: 25px 0;
}
.index .promos ul:before,
.demo .promos ul:before,
.index .promos ul:after,
.demo .promos ul:after {
  content: "";
  display: table;
}
.index .promos ul:after,
.demo .promos ul:after {
  clear: both;
}
/*
  .index .promos ul,
  .demo .promos ul {
    width: 320px;
    min-height: 1px;
    padding: 0;
} */
.index .promos ul li,
.demo .promos ul li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  margin: 0 15px;
  background-position: center;
  background-repeat: no-repeat;
}
/*
  .index .promos ul li,
  .demo .promos ul li {
    margin: 5px 7px;
} */
.index .promos ul li.first,
.demo .promos ul li.first {
  margin: 0 15px 0 0;
}
/*
  .index .promos ul li.first,
  .demo .promos ul li.first {
    margin: 5px 7px;
} */
.index .promos ul li.last,
.demo .promos ul li.last {
  margin: 0 0 0 15px;
}
/*
  .index .promos ul li.last,
  .demo .promos ul li.last {
    margin: 5px 7px 20px 7px;
} */
.index .promos .promo,
.demo .promos .promo {
  *zoom: 1;
  height: 210px;
  width: 306px;
}
.index .promos .promo:before,
.demo .promos .promo:before,
.index .promos .promo:after,
.demo .promos .promo:after {
  content: "";
  display: table;
}
.index .promos .promo:after,
.demo .promos .promo:after {
  clear: both;
}
.index .promos .promo .promo-content,
.demo .promos .promo .promo-content {
  *zoom: 1;
}
.index .promos .promo .promo-content:before,
.demo .promos .promo .promo-content:before,
.index .promos .promo .promo-content:after,
.demo .promos .promo .promo-content:after {
  content: "";
  display: table;
}
.index .promos .promo .promo-content:after,
.demo .promos .promo .promo-content:after {
  clear: both;
}
.index .promos .promo .promo-content.center,
.demo .promos .promo .promo-content.center {
  text-align: center;
}
.index .promos .promo .promo-content a,
.demo .promos .promo .promo-content a {
  color: #69b40f;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 20px 5px 20px 0;
  max-width: 158px;
  position: absolute;
  text-decoration: none;
}
.index .promos .promo .promo-content a:hover,
.demo .promos .promo .promo-content a:hover {
  color: #24e170;
}
.index .promos .promo .promo-content a:after,
.demo .promos .promo .promo-content a:after {
  border-color: transparent transparent transparent #69b40f;
  border-style: solid;
  border-width: 4px;
  content: '';
  display: block;
  height: 0;
  margin: 0 0 0 5px;
  left: 100%;
  position: absolute;
  top: 3px;
  width: 0;
}
.index .promos .promo .promo-content a:hover:after,
.demo .promos .promo .promo-content a:hover:after {
  border-color: transparent transparent transparent #24e170;
}
.index .promos .promo .promo-content p,
.demo .promos .promo .promo-content p {
  color: #534741;
  font-size: 12px;
  width: 158px;
}
.index .promos .promo .promo-content h2,
.demo .promos .promo .promo-content h2,
.index .promos .promo .promo-content h3,
.demo .promos .promo .promo-content h3,
.index .promos .promo .promo-content h4,
.demo .promos .promo .promo-content h4,
.index .promos .promo .promo-content h5,
.demo .promos .promo .promo-content h5,
.index .promos .promo .promo-content h6,
.demo .promos .promo .promo-content h6 {
  color: #434343;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.index .promos .promo .promo-content h2,
.demo .promos .promo .promo-content h2 {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.2em;
  margin: 18px 0 0 0;
}
.index .promos .promo .promo-content h3,
.demo .promos .promo .promo-content h3 {
  font-size: 18px;
  line-height: 1em;
  margin: 0 0 -18px 0;
}
.index .promos .promo .promo-content h4,
.demo .promos .promo .promo-content h4 {
  font-size: 21px;
  font-weight: bold;
}
.demo .marquee-tabs ul.tabs li {
  min-width: 50px;
}
.reviews .main {
  *zoom: 1;
  width: 978px;
  margin: 0 auto;
  padding: 0 15px;
  min-height: 1024px;
}
.reviews .main:before,
.reviews .main:after {
  content: "";
  display: table;
}
.reviews .main:after {
  clear: both;
}
/*
  .reviews .main {
    width: 320px;
    min-height: 1px;
    padding: 0;
} */
.regions .main {
  *zoom: 1;
  width: 978px;
  margin: 0 auto;
  padding: 0 15px;
}
.regions .main:before,
.regions .main:after {
  content: "";
  display: table;
}
.regions .main:after {
  clear: both;
}
/*
  .regions .main {
    width: 320px;
    min-height: 1px;
    padding: 0;
} */
.regions .main .region-selector {
  *zoom: 1;
  margin-bottom: 60px;
}
.regions .main .region-selector:before,
.regions .main .region-selector:after {
  content: "";
  display: table;
}
.regions .main .region-selector:after {
  clear: both;
}
.regions .main .region-selector ul.regions {
  display: inline;
  float: left;
  width: 222px;
  list-style-position: inside;
  margin-right: 22.5px;
  padding: 0;
}
/*
  .regions .main .region-selector ul.regions {
    width: 320px;
    min-height: 1px;
    float: none;
} */
/*
  .regions .main .region-selector ul.regions {
    list-style-type: none;
} */
.regions .main .region-selector ul.regions li {
  height: 16px;
  list-style-image: url("../images/green-bullet.png");
  margin-bottom: 8px;
}
/*
  .regions .main .region-selector ul.regions li {
    height: 24px;
    list-style-image: none;
} */
.regions .main .region-selector ul.regions li a:link {
  text-decoration: none;
}
/*
  .regions .main .region-selector ul.regions li a:link {
    font-size: 16px;
} */
.regions .main .region-selector ul.regions li a:hover {
  color: #69b40f;
}
.search #htc-main {
  background: #fbfbfb;
}
.search .main {
  *zoom: 1;
  width: 978px;
  margin: 0 auto;
  padding: 0 15px;
  overflow: hidden;
}
.search .main:before,
.search .main:after {
  content: "";
  display: table;
}
.search .main:after {
  clear: both;
}
/*
  .search .main {
    width: 100%;
    min-height: 1px;
    padding: 0;
} */
.search .main p {
  color: #7e7e7e;
  font-size: 14px;
}
.search .main h1 {
  color: #252525;
  font-size: 35px;
  font-weight: normal;
}
/*
  .search .main h1 {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 0 7px 0;
    margin: 0;
    font-weight: 700;
    width: 100%;
    background-color: #686868;
    text-align: center;
    letter-spacing: 0.08em;
} */
.search .main h2 {
  color: #252525;
  font-size: 21px;
  font-weight: bold;
}
.search .main h3 {
  color: #252525;
  font-size: 18px;
  font-weight: normal;
  border-bottom: 0;
}
/*
  .search .main .large-search {
    background: #e4e4e4;
    padding: 20px 0;
    *zoom: 1;
  }
  .search .main .large-search:before,
  .search .main .large-search:after {
    content: "";
    display: table;
  }
  .search .main .large-search:after {
    clear: both;
  }
  .search .main .large-search #largeSearchForm {
    width: 306px;
    margin: 0 auto;
    position: relative;
    *zoom: 1;
  }
  .search .main .large-search #largeSearchForm:before,
  .search .main .large-search #largeSearchForm:after {
    content: "";
    display: table;
  }
  .search .main .large-search #largeSearchForm:after {
    clear: both;
} */
.search .main #largeSearchInput {
  font-size: 18px;
  font-weight: normal;
  border-radius: 5px;
  display: block;
  float: left;
  border: 1px solid #c6c6c6;
  width: 90%;
  padding: 10px 10px 10px 10px;
  margin: 0 0 28px 0;
  outline: none;
  text-align: left;
  background-color: #fff;
}
.search .main #largeSearchInput:focus {
  outline: none;
}
.search .main #largeSearchInput::-webkit-input-placeholder {
  /* WebKit browsers */

  color: #ccc;
}
.search .main #largeSearchInput:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */

  color: #ccc;
}
.search .main #largeSearchInput::-moz-placeholder {
  /* Mozilla Firefox 19+ */

  color: #ccc;
}
.search .main #largeSearchInput:-ms-input-placeholder {
  /* Internet Explorer 10+ */

  color: #ccc;
}
/*
  .search .main #largeSearchInput {
    margin: 0 7px;
} */
.search .main #largeSearchInput.focused {
  position: relative;
  z-index: 400px;
}
.search .main #largeSearchSubmit {
  font-family: Lato, arial, sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 36px;
  border: 0;
  background: #fbfbfb;
  margin-left: 6px;
}
/*
  .search .main #largeSearchSubmit {
    position: absolute;
    top: 2px;
    right: 4px;
    font-size: 24px;
    height: 39px;
    border-left: 1px solid #c6c6c6;
    background: transparent;
} */
.search .main .product-results {
  *zoom: 1;
  float: left;
  width: 467px;
}
.search .main .product-results:before,
.search .main .product-results:after {
  content: "";
  display: table;
}
.search .main .product-results:after {
  clear: both;
}
.search .main .product-results h2 {
  border-bottom: 1px solid #dedcdb;
  padding: 0 0 5px 8px;
  font-size: 21px;
  font-weight: bold;
  margin-top: 0;
}
/*
  .search .main .product-results {
    width: 306px;
    margin: 0 auto;
    float: none;
  }
  .search .main .product-results h2 {
    font-size: 16px;
    margin-top: 20px;
} */
.search .main .support-results {
  *zoom: 1;
  float: left;
  width: 467px;
  padding-left: 40px;
}
.search .main .support-results:before,
.search .main .support-results:after {
  content: "";
  display: table;
}
.search .main .support-results:after {
  clear: both;
}
.search .main .support-results h2 {
  border-bottom: 1px solid #dedcdb;
  padding: 0 0 5px 8px;
  font-size: 21px;
  font-weight: bold;
  margin-top: 0;
}
/*
  .search .main .support-results {
    width: 306px;
    margin: 0 auto;
    float: none;
    padding: 0;
  }
  .search .main .support-results h2 {
    font-size: 16px;
    margin-top: 20px;
} */
.search .promos {
  *zoom: 1;
  background: #fefefe;
  margin: 20px 0;
  border: 1px solid #dcdad9;
}
.search .promos:before,
.search .promos:after {
  content: "";
  display: table;
}
.search .promos:after {
  clear: both;
}
.search .promos h2 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
}
.search .promos p {
  margin: 8px 0 16px 0;
}
.search .promos .left {
  padding: 30px 0 20px 20px;
  width: 60%;
  float: left;
}
.search .promos .left .image {
  width: 132px;
  float: left;
}
.search .promos .right {
  padding: 30px 30px 20px 0;
  float: right;
  width: 30%;
}
/*
  .search .promos {
    display: none;
} */
.search hr.top {
  background: url('../images/search/break-top.png') no-repeat;
  width: 1200px;
  height: 6px;
  margin: 0 0 0 -85px;
  border-width: 0;
}
.search hr.bottom {
  background: url('../images/search/break-bottom.png') no-repeat;
  width: 1200px;
  height: 6px;
  margin: 0 0 17px -85px;
  border-width: 0;
}
.search .product-results .phone-image {
  width: 65px;
  float: left;
  margin: 10px 7px 0 0;
}
.search .other-results {
  *zoom: 1;
  margin: 30px 0 30px 0;
  clear: both;
}
.search .other-results:before,
.search .other-results:after {
  content: "";
  display: table;
}
.search .other-results:after {
  clear: both;
}
.search .other-results h2 {
  border-bottom: 1px solid #dedcdb;
  padding: 0 0 5px 8px;
  font-size: 21px;
  font-weight: bold;
  margin-top: 0;
}
.search .other-results .feature-detail-container {
  width: 978px;
  margin: 10px 0 0 0;
  padding: 0 15px 0 0;
}
/*
  .search .other-results {
    width: 306px;
    margin: 0 auto 20px auto;
    float: none;
  }
  .search .other-results h2 {
    font-size: 16px;
    margin-top: 20px;
} */
.search .results {
  *zoom: 1;
  padding: 0 8px;
}
.search .results:before,
.search .results:after {
  content: "";
  display: table;
}
.search .results:after {
  clear: both;
}
.search .results-container {
  *zoom: 1;
}
.search .results-container:before,
.search .results-container:after {
  content: "";
  display: table;
}
.search .results-container:after {
  clear: both;
}
.search .title-ratings h3 {
  margin: 3px 0 3px 0;
  padding-bottom: 0px;
  border-bottom: 0px;
  font-size: 18px;
}
.search .feature-detail-container {
  float: left;
  width: 380px;
  margin: 10px 0 0 0;
  padding: 0 15px 0 0;
}
.search p.phone-detail-link {
  margin-top: 3px;
  margin-bottom: 7px;
}
.search .extra-link {
  float: right;
  color: #000;
}
.search .extra-link a {
  color: #69b40f;
  text-decoration: underline;
  font-weight: bold;
}
.search .extra-link.not-found {
  float: none;
  margin: 0 0 24px 8px;
}
.search .view-more-button-container {
  border: 1px solid #e4e4e4;
  margin: 30px auto 0 auto;
}
/*
  .search .view-more-button-container {
    border: 0;
    text-align: center;
} */
.search .view-more-button {
  padding: 10px;
  display: block;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  color: #252525;
  font-size: 13px;
  font-weight: bold;
}
/*
  .search .view-more-button {
    display: inline-block;
    text-align: center;
    color: #3c3c3c;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 900;
    background-color: #f0f0f0;
    padding: 7px 14px 7px 14px;
    border: 1px solid #d4d4d4;
} */
/* HTC Global Site*/
/* Grid System Based on 960 Grid System - http://960.gs/ */
.grid_1,
.grid_2,
.grid_3,
.grid_4 {
  display: block;
  float: left;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  min-height: 1px;
}
.container_4 .grid_1 {
  width: 256px;
}
.container_4 .grid_2 {
  width: 512px;
}
.container_4 .grid_3 {
  width: 768px;
}
.container_4 .grid_4 {
  width: 1024px;
}
body {
  background-color: #fff;
  color: #666;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 1024px;
}
/* @group Homepage */
body.home {
  background: url('../images/bg-homepage.jpg') #ffffff repeat-x;
  color: #666;
  margin: 0;
  padding: 0;
  width: 100%;
}
body.home #page-container {
  background: none;
  background-image: none;
  padding: 0 0 0 0;
}
/* targeting body class to show correct header nav active */
body.products #header-nav-main li.active,
body.smartphones #header-nav-main li.active,
body.accessories #header-nav-main li.active,
body.htc-one-x #header-nav-main li.active,
body.htc-one-v #header-nav-main li.active,
body.htc-car #header-nav-main li.active,
body.why-htc #header-nav-main li.active,
body.community #header-nav-main li.active,
body.contact #header-nav-main li.active {
  border-bottom: 1px solid #6dbd37;
}
/* @end Homepage */
/* @group General Styles */
h1 {
  margin: 0;
  color: #020202;
}
h2 {
  font-size: 16px;
  margin: 0 0 15px 0;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.0em;
}
h5 {
  font-size: 1.0em;
}
h6 {
  font-size: 1.0em;
}
a:link,
a:visited {
  color: #7dbe32;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
a:hover,
a:active {
  color: #4d9f1c;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
li {
  padding: 0 0 0 0;
}
img {
  border: 0;
  vertical-align: top;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
sup {
  font-size: 50%;
}
.right {
  float: right;
}
input:focus,
select:focus,
textarea:focus {
  /* remove auto highlight on form elements */

  outline: none;
}
button {
  cursor: pointer;
}
a:active,
a:selected,
a:visited,
a:hover {
  /* remove dotted border onclick */

  outline: none;
}
::selection {
  background: #3399ff;
  /* Safari */

}
::-moz-selection {
  background: #3399ff;
  /* Firefox */

}
/* Firefox */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}
/* @end General Styles */
/* @group Main Container Area */
/*
.ls-canvas .ls-col
{
  overflow:auto !important;
}
 
*/
#row-marquee {
  position: relative;
  z-index: 2;
}
#row-tabtitles {
  position: relative;
  z-index: 1;
}
.component-product-marquee .htcInfiniteCarousel {
  z-index: 1 !important;
}
.ls-canvas .ls-area {
  overflow: visible !important;
}
.ls-canvas .ls-col-body,
.ls-canvas .ls-area-body,
.ls-canvas .ls-col,
#main-container.product-detail,
.component-product-marquee.product-marquee-dark .product-marquee-relative-container {
  overflow: visible !important;
}
#page-container {
  background-color: #fafafa;
  background-image: url('../images/bg-interior-top-gradients.jpg'), url('../images/bg-interior-body-top-btm-edge2.jpg');
  background-position: center 84px, left -27px;
  background-repeat: no-repeat, repeat-x;
  color: #666;
  width: 100%;
  padding: 0 0 60px 0;
  display: block;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
legend {
  display: none;
}
#index-promo-container {
  margin: 1px auto 0;
  /*width: 1024px;*/

}
#homepage-outer-container {
  width: 1024px;
  margin: 1px auto 0 auto;
  min-height: 500px;
}
#main-container {
  width: 1024px;
  margin: 0 auto;
  overflow: visible;
  display: block;
}
/* @end Main Container Area */
/* @group Header */
#header-container {
  background: #fff;
  height: 111px;
  width: 100%;
  margin: 0 auto;
}
.header-content {
  width: 1024px;
  margin: 0 auto;
}
h1#logo a {
  background: url("../images/logo-htc.gif") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 79px;
  left: 0;
  margin: 0;
  padding: 0;
  position: relative;
  text-indent: -9999px;
  top: 17px;
  width: 140px;
  z-index: 900;
}
.header-localized-icon-container {
  position: relative;
  width: 200px;
  height: 70px;
  top: 15px;
  z-index: 1000;
  top: 40px;
  left: 685px;
  display: inline-block;
}
.header-localized-icon-container img {
  float: right;
}
/* Top Header Navigation */
#nav {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  top: -10px;
}
#header-nav-main {
  left: 256px;
  position: relative;
  width: 768px;
}
#header-nav-main li {
  border-bottom: 1px solid #d7d7d7;
  display: inline;
  list-style-type: none;
  height: 16px;
  margin: 0;
  padding-bottom: 8px;
  padding-right: 0;
  text-transform: uppercase;
  float: left;
}
#header-nav-main li:hover {
  border-bottom: 1px solid #6dbd37;
}
#header-nav-main li.active {
  border-bottom: 1px solid #6dbd37;
}
#header-nav-main li.spacer {
  border-bottom: 1px solid #d7d7d7;
  display: inline;
  list-style-type: none;
  margin: 0 -4px;
  padding-bottom: 8px;
  padding-right: 60px;
}
#header-nav-main li.spacer:last-child {
  padding-right: 0;
}
#header-nav-main li a:link,
#header-nav-main li a:visited {
  font-weight: bold;
  color: #675c53;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .03em;
}
#header-nav-main li:last-child {
  padding-right: 0;
}
/* Secondary Header Nav */
#secondary-header-container {
  margin: 0 0 0 0;
  position: relative;
  right: 0;
  top: 5px;
  float: right;
  display: block;
  text-align: right;
}
#secondary-header-container ul {
  float: right;
  margin: 7px 0 0 0;
}
#secondary-header-container li,
#secondary-header-container li a {
  color: #868686;
  list-style-type: none;
  display: inline;
  font-size: 11px;
  padding: 0 0 0 10px;
  margin: 0;
  letter-spacing: .02em;
}
#secondary-header-container li a:hover,
#secondary-header-container li a:active {
  color: #7dbe32;
}
#secondary-header-container li:first-child,
#secondary-header-container li a:first-child {
  padding: 0 0 0 0;
}
#secondary-header-container .search-container {
  display: block;
  float: right;
  margin: 3px 0 0 15px;
}
#secondary-header-container .search-container span.search {
  background: url(../images/search-input-bg.png) no-repeat 0 0;
  width: 128px;
  height: 22px;
  display: block;
  float: left;
}
#secondary-header-container .search-container .search-input {
  background: transparent;
  border: 0 none;
  float: left;
  font-size: 11px;
  padding: 0 0 0 8px;
  height: 22px;
}
#secondary-header-container .search-container a.search-button {
  background: url(../images/sprite-search-button.png) no-repeat top right;
  width: 21px;
  height: 22px;
  display: block;
  float: left;
}
#secondary-header-container .search-container a.search-button:hover {
  background: url(../images/sprite-search-button.png) no-repeat bottom right;
  width: 21px;
  height: 22px;
  display: block;
  float: left;
}
/* @end Header */
/* @group Footer */
#footer-page-container {
  overflow: hidden;
}
#footer-container {
  background: #fff;
  bottom: 0;
  clear: both;
  min-height: 155px;
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
  /* this top drop shadow interferes over the bottom footer promos and with the homepage
	-moz-box-shadow: -5px -8px 8px #F2F2F2;
	-webkit-box-shadow: -5px -8px 8px #F2F2F2;
	box-shadow: -5px -8px 8px #F2F2F2; */

}
#footer-content {
  width: 1024px;
  margin: 0 auto;
  overflow: hidden;
}
#footer-nav-main {
  padding: 26px 0 24px 0;
  float: left;
  width: 600px;
  margin-left: -14px;
}
#footer-nav-main li {
  border-left: 2px solid #7DBE32;
  color: #82786F;
  float: left;
  font-size: 10px;
  line-height: 9px;
  list-style-type: none;
  margin: 0;
  padding: 0 12px;
  text-transform: uppercase;
  line-height: 14px;
  margin-bottom: 14px;
}
#footer-nav-main li a {
  color: #82786f;
  letter-spacing: 1px;
  font-weight: bold;
  white-space: nowrap;
}
#footer-nav-main li a:hover,
#footer-nav-main li a:active {
  color: #7dbe32;
}
#secondary-footer-container {
  margin: 0 0 0 0;
  position: relative;
  right: 0;
  top: 18px;
  float: right;
  display: block;
  text-align: right;
  width: 280px;
}
#footer-nav-minor {
  margin: 0 0 2px 0;
  text-align: right;
}
#footer-nav-minor li,
#footer-nav-minor li a {
  color: #675c53;
  list-style-type: none;
  display: inline;
  font-size: 8px;
  text-transform: uppercase;
  padding: 0 0 0 10px;
  margin: 0;
  letter-spacing: .04em;
}
#footer-nav-minor li a:hover,
#footer-nav-minor li a:active {
  color: #7dbe32;
}
#footer-nav-minor li:first-child,
#footer-nav-minor li a:first-child {
  padding: 0 0 0 0;
}
#copyright {
  color: #a59d95;
  font-size: 8.5px;
  letter-spacing: .04em;
}
/* @end Footer */
/* @group Homepage Hero */
#homepage-hero a {
  width: 950px;
  height: 520px;
  display: block;
  border: none;
  outline: none;
}
.homepage-hero-bg {
  height: 520px;
  position: relative;
  top: 0;
  width: 1024px;
  z-index: 100;
}
/* Homepage Promos */
#promo-container {
  background: url("../images/homepage-promos-bg-with-boxes.png") no-repeat top right transparent;
  width: 250px;
  height: 520px;
  margin: -2px 0 0 0;
  padding: 0;
  display: block;
  float: right;
  position: relative;
  z-index: 200;
}
.promo-ad-container {
  width: 230px;
  height: 160px;
  margin: 9px 0 0 10px;
  vertical-align: top;
  padding: 0;
}
.promo-ad-container:hover span {
  color: #4d9f1c;
}
span.promo-right-arrow {
  background: url("../images/promo-right-arrow.gif") center right no-repeat;
  height: 5px;
  padding: 0 6px 0 0;
  color: #7dbe32;
  font-weight: bold;
  font-size: 12px;
}
.promo-ad-container h1 {
  color: #2e2c2a;
  padding: 14px 10px 0 10px;
  font-weight: normal;
  font-size: 13.5px;
  letter-spacing: .06em;
  text-shadow: 0 1px 0 #fff;
  margin: 0;
}
.promo-ad-container h1 a {
  color: #2e2c2a;
}
.promo-ad-container p span,
.promo-ad-container p span a {
  margin: 0 10px;
  font-size: 12px;
  letter-spacing: .04em;
  text-shadow: 0 1px 0 #fff;
}
/* @end Homepage Hero */
/* @group Masthead */
.title-container {
  overflow: hidden;
  position: relative;
}
.title-container h1 {
  font-size: 35px;
  font-weight: normal;
  color: #252525;
  text-shadow: 0 1px 0 #fff;
  position: relative;
  padding: 20px 0 10px 0;
  margin: 0;
  overflow: hidden;
  float: left;
  width: auto;
}
.title-container.whyhtc-unique {
  width: 689px;
  float: left;
}
.whyhtc-unique h1 {
  font-size: 35px;
  font-weight: normal;
  color: #252525;
  text-shadow: 0 1px 0 #fff;
  position: relative;
  padding: 20px 0 10px 0;
  margin: 0;
  overflow: hidden;
  float: left;
  width: 689px;
}
.view-features-container-whyhtc {
  float: right;
  margin: 0 0 10px 0;
  position: relative;
  padding: 25px 0;
}
/* Marquee Three-Quarters */
#marquee-container {
  float: left;
  -moz-box-shadow: 0 0 4px 0 #dcdcdc;
  -webkit-box-shadow: 0 0 4px 0 #dcdcdc;
  box-shadow: 0 0 4px 0 #dcdcdc;
  padding: 0;
  margin: 0;
  width: 775px;
  height: 295px;
}
#marquee-container img {
  position: relative;
  z-index: 100;
}
#marquee-container-shadow {
  background: url('../images/marquee-three-quarters-shadow.png') no-repeat 0 0;
  width: 780px;
  height: 29px;
  float: left;
}
.marquee-cms {
  display: inline-block;
  float: right;
  width: 338px;
  position: relative;
  top: 64px;
  z-index: 150;
  margin: 0 30px 0 0;
}
.marquee-cms a {
  color: #82786f;
}
.marquee-cms .logo {
  margin: 0 0 5px;
}
.marquee-cms .text {
  font-size: 20px;
  line-height: 27px;
  font-weight: normal;
  margin: 0 0 21px;
  color: #82786f;
}
.marquee-cms .text b {
  font-weight: bold;
}
.marquee-cms .rating-stars {
  margin: 0;
  line-height: 16px;
}
.marquee-cms .rating-stars a {
  font-size: 11px;
  margin: 0;
  padding: 0;
}
.marquee-cms .button {
  margin: 13px 0 0 -10px;
}
/* Marquee Full Width */
.marquee-container-full-width {
  float: left;
  -moz-box-shadow: 1px 0 4px #d0d0d0;
  -webkit-box-shadow: 1px 0 4px #d0d0d0;
  box-shadow: 1px 0 4px #d0d0d0;
  padding: 0;
  margin: 0 0 0 0;
  margin: 10px 0 0 0;
  /* i am adding this because top buttons sometimes touch the marquee */

  width: 1024px;
  height: 360px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.marquee-container-full-width img {
  position: relative;
  z-index: 100;
}
.marquee-container-full-width-shadow {
  background: url('../images/marquee-full-width-shadow.png') no-repeat 0 0;
  width: 1024px;
  height: 27px;
  float: left;
}
.marquee-container-full-width .marquee-cms {
  display: inline-block;
  float: right;
  width: 417px;
  position: relative;
  top: 126px;
  z-index: 150;
}
.marquee-container-full-width .marquee-cms a {
  color: #82786f;
}
.marquee-container-full-width .marquee-cms .logo {
  margin: 0 0 5px;
}
.marquee-container-full-width .marquee-cms .text {
  font-size: 20px;
  line-height: 27px;
  font-weight: normal;
  margin: 10px 0 21px;
  color: #82786f;
  width: 330px;
}
.marquee-container-full-width .marquee-cms .text b {
  font-weight: bold;
}
.marquee-container-full-width .marquee-cms .rating-stars {
  margin: 0;
  line-height: 16px;
}
.marquee-container-full-width .marquee-cms .rating-stars a {
  font-size: 11px;
  margin: 0;
  padding: 0;
}
.marquee-container-full-width .marquee-cms .button {
  margin: 13px 0 0 -10px;
}
.marquee-container-full-width .marquee-cms h1 {
  color: #1E1E1E;
  font-size: 28px;
  font-weight: normal;
  line-height: 32px;
  margin: 0;
  padding: 7px 0 23px;
  position: relative;
  text-shadow: 0 1px 0 white;
}
/* @end Masthead */
/* @group Buttons */
/* sprite - oval green button cms */
a.cms-green-button span {
  background: transparent url('../images/sprite-button-oval-green-left.png') no-repeat top left;
  color: #FFF;
  display: block;
  height: 37px;
  letter-spacing: 0.03em;
  line-height: 35px;
  padding: 0 11px 0 32px;
  text-shadow: 0 1px 0 #71A420;
}
a.cms-green-button {
  background: transparent url('../images/sprite-button-oval-green-right.png') no-repeat top right;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 37px;
  margin: 0 6px 0 -3px;
  padding: 0 21px 0 0;
  text-decoration: none;
  text-transform: uppercase;
}
a.cms-green-button:hover span,
a.cms-green-button:active span {
  background: transparent url('../images/sprite-button-oval-green-left.png') no-repeat bottom left;
  color: #FFF;
  display: block;
  height: 37px;
  letter-spacing: 0.03em;
  line-height: 35px;
  padding: 0 11px 0 32px;
  text-shadow: 0 1px 0 #71A420;
}
a.cms-green-button:hover,
a.cms-green-button:active {
  background: transparent url('../images/sprite-button-oval-green-right.png') no-repeat bottom right;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 37px;
  margin: 0 6px 0 -3px;
  padding: 0 21px 0 0;
  text-decoration: none;
  text-transform: uppercase;
}
/* sprite - oval gray button cms */
a.cms-grey-button span {
  background: transparent url('../images/sprite-button-oval-gray-left.png') no-repeat left 5px;
  color: #675c53;
  text-transform: uppercase;
  display: block;
  line-height: 37px;
  height: 37px;
  padding: 0 6px 0 20px;
  text-shadow: 0 1px 0 #f6f6f6;
}
a.cms-grey-button {
  background: transparent url('../images/sprite-button-oval-gray-right.png') no-repeat right 5px;
  display: block;
  float: left;
  height: 37px;
  margin: 0 6px 0 -3px;
  padding: 0 15px 0 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}
a.cms-grey-button:hover span {
  background: transparent url('../images/sprite-button-oval-gray-left.png') no-repeat left -34px;
  /*color: #675c53;
	text-transform: uppercase;
    display: block;
    line-height: 37px;
	height: 37px;
    padding: 0 6px 0 20px;
	margin: 0;
	text-shadow: 0 1px 0 #f6f6f6;*/

}
a.cms-grey-button:hover {
  background: transparent url('../images/sprite-button-oval-gray-right.png') no-repeat right -34px;
  /*display: block;
		float: left;
		height: 28px;
		margin: 0 0 0 0;
		padding: 0 15px 0 0;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 12px;
		font-weight:bold;*/

}
a.cms-grey-button span.arrow {
  background: url("../images/grey-button-arrow.gif") no-repeat left center transparent;
  float: left;
  height: 9px;
  line-height: 26px;
  margin: 7px 0 0;
  padding: 0 5px 0 0;
  width: 8px;
}
/* New Buttons */
a.green-button-type3 {
  display: inline-block;
  white-space: nowrap;
}
a.green-button-type3 span {
  background: url("../images/green-button-type3.png") no-repeat scroll top right transparent;
  color: #f8f8f8;
  display: inline-block;
  font: bold 16px/45px Arial, Helvetica, sans-serif;
  height: 47px;
  padding: 0 30px 0 15px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  text-transform: capitalize;
  vertical-align: middle;
}
a.green-button-type3 span.arrow {
  background: url("../images/green-button-type3.png") no-repeat scroll 0 -52px transparent;
  padding: 0;
  width: 39px;
}
a.green-button-type3:hover span,
a.green-button-type3:active span {
  background-position: right -104px;
}
a.green-button-type3:hover span.arrow,
a.green-button-type3:active span.arrow {
  background-position: left -156px;
}
a.green-button-type4 {
  display: table;
}
a.green-button-type4 strong {
  background: url("../images/green-button-type4.png") no-repeat scroll right top transparent;
  color: #2D2D2D;
  display: table-cell;
  font: bold 17px/17px Arial, Helvetica, sans-serif;
  height: 77px;
  padding-right: 85px;
  text-align: right;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
a.green-button-type4:hover strong,
a.green-button-type4:active strong {
  background-position: bottom right;
}
a.green-button-type4.image-feature {
  position: relative;
}
a.green-button-type4.image-feature img {
  position: absolute;
  top: -94px;
  right: -188px;
  z-index: -10;
}
a.green-button-type4.image-feature strong {
  position: relative;
  z-index: 20;
}
a.green-button-type4.image-feature:hover strong,
a.green-button-type4.image-feature:active strong {
  background-position: bottom right;
}
.green-button-type5 {
  background: url(../images/green-button-type5.png) no-repeat left -291px;
  display: inline-block;
  height: 47px;
  padding-left: 21px;
}
.green-button-type5 > span {
  background: url(../images/green-button-type5.png) no-repeat right 0;
  color: #f8f8f8;
  display: inline-block;
  font: bold 16px/45px Arial, Helvetica, sans-serif;
  height: 47px;
  padding: 0 21px 0 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  text-transform: capitalize;
  vertical-align: middle;
}
.green-button-type5:hover,
.green-button-type5:active {
  background-position: left -194px;
}
.green-button-type5:hover > span,
.green-button-type5:active > span {
  background-position: right -97px;
}
/* sprite - toolbar button */
.toolbar-buttons-container {
  display: inline-block;
  float: right;
}
ul.toolbar-buttons {
  display: inline;
  list-style: none;
  float: right;
}
ul.toolbar-buttons li {
  display: inline;
  float: left;
}
a.toolbar-print {
  background: transparent url('../images/sprite-button-tool-bar.png') no-repeat top left;
  width: 44px;
  height: 33px;
  display: block;
}
a.toolbar-print:hover {
  background: transparent url('../images/sprite-button-tool-bar.png') no-repeat bottom left;
  width: 44px;
  height: 33px;
  display: block;
}
a.toolbar-rss {
  background: transparent url('../images/sprite-button-tool-bar.png') no-repeat -44px 0px;
  width: 43px;
  height: 33px;
  display: block;
}
a.toolbar-rss:hover {
  background: transparent url('../images/sprite-button-tool-bar.png') no-repeat -44px -37px;
  width: 43px;
  height: 33px;
  display: block;
}
a.toolbar-chat {
  background: transparent url('../images/sprite-button-tool-bar.png') no-repeat -87px 0px;
  width: 44px;
  height: 33px;
  display: block;
}
a.toolbar-chat:hover {
  background: transparent url('../images/sprite-button-tool-bar.png') no-repeat -87px -37px;
  width: 44px;
  height: 33px;
  display: block;
}
a.toolbar-email {
  background: transparent url('../images/sprite-button-tool-bar.png') no-repeat top right;
  width: 44px;
  height: 33px;
  display: block;
}
a.toolbar-email:hover {
  background: transparent url('../images/sprite-button-tool-bar.png') no-repeat bottom right;
  width: 44px;
  height: 33px;
  display: block;
}
/* Sliding Door Buttons Together Doc */
.button-group-tools-container {
  margin: 25px 0 0 0;
  float: right;
  width: auto;
}
.compare-view-highlights-container,
.compare-smartphones-container,
.language-selector-container {
  display: block;
  float: left;
  margin: 0 5px 0 0;
}
.expand-all-button-container {
  display: inline-block;
  float: left;
  margin: 0 5px 0 0;
}
.scrollToTop {
  float: right;
  margin: 20px 0 0 0;
}
/* big square rectangle grey button */
a.cms-grey-button-big-square span {
  background: transparent url('../images/sprite-button-dock-1-left.png') no-repeat top left;
  color: #675c53;
  display: block;
  line-height: 33px;
  height: 33px;
  padding: 0 0 0 10px;
}
a.cms-grey-button-big-square {
  background: transparent url('../images/sprite-button-dock-2-right.png') no-repeat top right;
  display: block;
  float: left;
  height: 33px;
  margin: 0 0 0 0;
  padding: 0 10px 0 0;
  text-decoration: none;
  font-size: .9em;
  font-weight: bold;
  text-shadow: 0 1px 0 #f6f6f6;
}
a.cms-grey-button-big-square:hover span {
  /* hovered */

  background: transparent url('../images/sprite-button-dock-1-left.png') no-repeat bottom left;
  color: #675c53;
  display: block;
  line-height: 33px;
  height: 33px;
  padding: 0 0 0 10px;
}
a.cms-grey-button-big-square:hover {
  /* hovered */

  background: transparent url('../images/sprite-button-dock-2-right.png') no-repeat bottom right;
  display: block;
  float: left;
  height: 33px;
  margin: 0 0 0 0;
  padding: 0 10px 0 0;
  text-decoration: none;
  font-size: .9em;
  font-weight: bold;
  text-shadow: 0 1px 0 #f6f6f6;
}
a.cms-grey-button-dock-left span {
  background: transparent url('../images/sprite-button-dock-1-left.png') no-repeat top left;
  color: #675c53;
  display: block;
  line-height: 33px;
  height: 33px;
  padding: 0 0 0 10px;
}
a.cms-grey-button-dock-left {
  background: transparent url('../images/sprite-button-dock-1-right.png') no-repeat top right;
  display: block;
  float: left;
  height: 33px;
  margin: 0 0 0 0;
  padding: 0 10px 0 0;
  text-decoration: none;
  font-size: .9em;
  font-weight: bold;
  text-shadow: 0 1px 0 #f6f6f6;
}
a.cms-grey-button-dock-left:hover span {
  background: transparent url('../images/sprite-button-dock-1-left.png') no-repeat bottom left;
}
a.cms-grey-button-dock-left:hover {
  background: transparent url('../images/sprite-button-dock-1-right.png') no-repeat bottom right;
}
/* right button dock */
a.cms-grey-button-dock-right span {
  background: transparent url('../images/sprite-button-dock-2-left.png') no-repeat top left;
  color: #675c53;
  display: block;
  line-height: 33px;
  height: 33px;
  padding: 0 0 0 10px;
}
a.cms-grey-button-dock-right {
  background: transparent url('../images/sprite-button-dock-2-right.png') no-repeat top right;
  display: block;
  float: left;
  height: 33px;
  margin: 0 0 0 0;
  padding: 0 10px 0 0;
  text-decoration: none;
  font-size: .9em;
  font-weight: bold;
  text-shadow: 0 1px 0 #f6f6f6;
}
a.cms-grey-button-dock-right:hover span {
  background: transparent url('../images/sprite-button-dock-2-left.png') no-repeat bottom left;
}
a.cms-grey-button-dock-right:hover {
  background: transparent url('../images/sprite-button-dock-2-right.png') no-repeat bottom right;
}
/* @end Buttons */
/* @group Product Landing and Product List Page */
.display-featured-product-container,
.display-featured-accessories-container {
  float: left;
  clear: both;
  display: block;
  width: 768px;
  position: relative;
  vertical-align: bottom;
  padding: 13px 0 0 0;
  margin: 25px 0 0 0;
}
.display-container {
  float: left;
  clear: both;
  display: block;
  width: 1024px;
  position: relative;
  vertical-align: bottom;
  padding: 13px 0 0 0;
  margin: 27px 0 0;
  border-top: 1px solid #dcdad9;
}
.display-container h2 {
  color: #534741;
  font-size: 19px;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
  letter-spacing: .02em;
}
.display-product-list-container .product-container,
.display-container .product-container {
  float: left;
  /*height: 455px;*/

  margin: 0;
  padding: 0 12px 10px 12px;
  text-align: center;
  width: 231px;
}
.new-row {
  clear: both;
}
.display-product-list-container .product-container p.product-desc,
.display-product-list-container .product-container div.rating-stars,
.display-product-list-container .product-container div.compare,
.display-product-list-container .product-container div.see-all,
.display-container .product-container p.product-desc,
.display-container .product-container div.rating-stars,
.display-container .product-container div.compare,
.display-container .product-container div.see-all {
  width: 231px;
  margin: 0 auto;
}
.display-product-list-container .product-container h3,
.display-container .product-container h3,
.recommended-products h3 {
  color: #1e1e1e;
  font-size: 18px;
  margin: 3px auto 3px auto;
  font-weight: normal;
  letter-spacing: .03em;
}
.product-container .phone-status {
  text-transform: uppercase;
  padding: 10px 0 0 0;
  min-height: 16px;
}
h3 b {
  font-weight: bold;
}
.display-product-list-container .product-container h3 b,
.display-container .product-container h3 b {
  font-weight: bold;
}
.display-product-list-container .product-container p.product-desc,
.display-container .product-container p.product-desc {
  color: #7e7e7e;
  font-size: 11px;
  margin: 0 auto;
}
.display-product-list-container .product-container div.rating-stars,
.display-container .product-container div.rating-stars,
.recommended-products div.rating-stars {
  margin: 8px 0 3px;
}
.display-product-list-container .see-all-link a,
.display-container .see-all-link a {
  margin: 143px 0 0 100px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  text-align: left;
  letter-spacing: .03em;
}
/* Product List Page */
.product-list-buttons-container {
  clear: both;
}
.display-product-list-container {
  float: left;
  clear: both;
  display: block;
  width: 1024px;
  position: relative;
  vertical-align: bottom;
  padding: 13px 0 0 0;
  margin: 25px 0 0 0;
}
.more-items-container {
  margin: -10px 0 40px 0;
  float: left;
}
/* Recommended Products */
.recommended-products-container {
  float: left;
  margin-left: 256px;
}
.recommended-products {
  float: left;
  border-top: 1px solid #dedcdb;
  padding-top: 18px;
  margin-top: 50px;
}
.recommended-products .product-container {
  float: left;
  text-align: center;
  width: 236px;
}
.recommended-products h2 {
  font-size: 20px;
  color: #534c47;
  font-weight: normal;
  margin-bottom: 50px;
}
/* Filter Compare Container */
.filter-compare {
  display: block;
  width: 100%;
  height: 25px;
}
/* @end Product Landing and Product List Page */
/* @group Buttons, Links, Form Elements */
a.see-all-right-arrow {
  background: url("../images/see-all-right-arrow.gif") no-repeat right 6px transparent;
  height: 11px;
  padding: 0 14px 0 0;
}
span.see-all-right-arrow {
  background: url("../images/see-all-right-arrow.gif") no-repeat right center transparent;
  display: inline-block;
  height: 11px;
  margin: 0 0 0 10px;
  width: 6px;
}
a.arrow-right-green-small {
  background: url("../images/arrow-right-green-small.png") no-repeat scroll right 6px transparent;
  height: 6px;
  padding: 0 8px 0 0;
}
.button {
  border: 0;
  display: block;
}
.button-more-container {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
}
.button-more {
  background: #fbfbfb;
  color: #675c53;
  font-weight: bold;
  font-size: 13px;
  padding: 10px 0;
  width: 790px;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #e4e4e4;
  border-bottom: 1px solid #b9b9b9;
}
div.filter-compare-form {
  float: left;
  position: relative;
  /*width: 110px;*/

  min-width: 110px;
  width: auto;
  height: 25px;
  padding: 0 25px 0 0;
}
select.select {
  /* setting the height of the SELECT element to match the replacing graphics */

  position: relative;
  z-index: 10;
  /*width:110px !important;*/

  min-width: 110px;
  height: 25px !important;
  left: 12px;
}
span.select {
  /* dynamically created SPAN, placed below the SELECT */

  background: url('../images/select-bg.jpg') no-repeat top right;
  bottom: 0;
  cursor: default;
  float: left;
  height: 25px;
  left: 0;
  line-height: 26px;
  position: absolute;
  text-indent: 10px;
  top: 0;
  /*width: 110px;*/

  min-width: 110px;
  width: auto;
  z-index: 1;
  color: #675C53;
  font-size: 0.93em;
  text-shadow: 0 1px 0 #FFFFFF;
  padding: 0 25px 0 0;
}
span.select span {
  background: url('../images/select-bg.jpg') no-repeat top left;
  float: left;
  width: auto;
}
span.select option {
  line-height: 30px;
  height: 30px;
}
/* styled radio and checkboxes http://blog.gface.com/wp-content/uploads/css3-checkboxes-and-radiobuttons-gface-style/ */
.gf-checkbox li,
.compare-checkbox span {
  font-size: 9px;
  list-style: none outside none;
  text-transform: uppercase;
  color: #727272;
  letter-spacing: .05em;
  margin: 5px 0 0 0;
}
.gf-checkbox li label:hover,
.compare-checkbox:hover {
  font-size: 9px;
  list-style: none outside none;
  text-transform: uppercase;
  color: #4d9f1c;
  letter-spacing: .05em;
}
.gf-form label,
.compare-checkbox {
  font: normal normal 11px/13px Arial, Sans-serif;
  color: #000;
  cursor: pointer;
}
.gf-form label,
.gf-checkbox input[type="checkbox"] + label::before,
.gf-radio input[type="radio"] + label::before,
.compare-checkbox span::before {
  vertical-align: middle;
}
/* hide the checkboxes and radios */
.gf-checkbox input[type="checkbox"],
.gf-radio input[type="radio"],
.compare-checkbox input {
  position: absolute;
  opacity: 0;
}
/* we use generated content to create a placeholder for the checkbox and the radio */
.gf-checkbox input[type="checkbox"] + label::before,
.gf-radio input[type="radio"] + label::before,
.compare-checkbox span::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  line-height: 13px;
  margin: 0 2px 0 0;
  background: url("../images/sprite-radio-checkbox.png") no-repeat 0 0;
  vertical-align: middle;
  text-transform: uppercase;
}
/* disabled checkbox or radio */
.gf-form input[type="checkbox"]:disabled + label,
.gf-form input[type="radio"]:disabled + label,
.compare-checkbox input[type="checkbox"]:disabled span {
  opacity: .5;
  cursor: default;
  /* or cursor: no-drop */

}
/* hover checkbox (unselected state only) */
.gf-checkbox input[type="checkbox"]:not(:checked):hover + label::before,
.compare-checkbox input[type="checkbox"]:not(:checked):hover + span::before {
  background-position: 0 -13px;
}
/* selected checkbox */
.gf-checkbox input[type="checkbox"]:checked + label::before,
.compare-checkbox [type="checkbox"]:checked + span::before {
  background-position: 0 -26px;
}
/* normal state radio */
.gf-radio input[type="radio"] + label::before {
  background-position: -13px 0;
}
/* radio hover (unselected state only) */
.gf-radio input[type="radio"]:hover + label::before {
  background-position: -13px -13px;
}
/* selected radio */
.gf-radio input[type="radio"]:checked + label::before {
  background-position: -13px -26px;
}
/* focused checkbox or radio */
.gf-form input[type="checkbox"]:focus + label,
.gf-form input[type="radio"]:focus + label,
.compare-checkbox input:focus + span {
  outline: dotted 1px;
  /* by not adding color to the value we force the use of system's default focus color "invert" */

}
/* older versions of internet explorer do not support either generated content, so we display the system checkboxes and radio buttons */
@media screen {
  .gf-checkbox input[type="checkbox"],
  .gf-radio input[type="radio"],
  .compare-checkbox input {
    position: static;
} */
/* compare button */
.compare-opacity {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  cursor: none;
  pointer-events: none;
}
.button-compare-container {
  margin: 0 0 0 5px;
  float: left;
}
.button-compare-container a.disabled {
  cursor: default;
}
/* square green button */
.button-square-green span {
  background: transparent url('../images/sprite-button-square-green-left.png') no-repeat top left;
  border: 0 none;
  display: block;
  font-size: 11px;
  height: 25px;
  letter-spacing: 0.03em;
  line-height: 26px;
  padding: 0 0 0 20px;
  color: #fff;
  text-shadow: 0 1px 0 #858585;
  text-transform: uppercase;
}
.button-square-green {
  background: transparent url('../images/sprite-button-square-green-right.png') no-repeat top right;
  display: inline-block;
  height: 25px;
  border: 0;
  padding: 0 20px 0 0;
}
.button-square-green:hover span {
  background: transparent url('../images/sprite-button-square-green-left.png') no-repeat bottom left;
  border: 0 none;
  display: block;
  height: 25px;
  letter-spacing: 0.03em;
  line-height: 26px;
  padding: 0 0 0 20px;
  color: #fff;
  text-shadow: 0 1px 0 #858585;
}
.button-square-green:hover {
  background: transparent url('../images/sprite-button-square-green-right.png') no-repeat bottom right;
}
.button-square-green-active:hover span {
  background: transparent url('../images/sprite-button-square-green-left.png') no-repeat bottom left;
  border: 0 none;
  display: block;
  height: 25px;
  letter-spacing: 0.03em;
  line-height: 26px;
  padding: 0 0 0 20px;
  color: #fff;
  text-shadow: 0 1px 0 #858585;
}
.button-square-green-active:hover {
  background: transparent url('../images/sprite-button-square-green-right.png') no-repeat bottom right;
  display: block;
  height: 25px;
  border: 0;
  padding: 0 20px 0 0;
}
/* @group css green gradient button */
/* green css button */
/* view-features-container-whyhtc */
.view-features-container-whyhtc a.button-square-green {
  background-image: none;
  background: #78bd24;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4YmQyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OGFiM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #78bd24 0%, #78ab3d 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78bd24), color-stop(100%, #78ab3d));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #78bd24 0%, #78ab3d 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #78bd24 0%, #78ab3d 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #78bd24 0%, #78ab3d 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #78bd24 0%, #78ab3d 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78bd24', endColorstr='#78ab3d', GradientType=0);
  /* IE6-8 */

  color: #FFF;
  display: block;
  height: auto;
  line-height: auto;
  padding: 0 20px;
  text-shadow: 0 1px 0 #71A420;
}
/* green css button */
.view-features-container-whyhtc a.button-square-green:hover {
  background: #68b103;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4YjEwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NGEwMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #68b103 0%, #64a01a 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68b103), color-stop(100%, #64a01a));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #68b103 0%, #64a01a 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #68b103 0%, #64a01a 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #68b103 0%, #64a01a 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #68b103 0%, #64a01a 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68b103', endColorstr='#64a01a', GradientType=0);
  /* IE6-8 */

}
.view-features-container-whyhtc a.button-square-green span {
  background: none;
  border: 0 none;
  display: block;
  font-size: 0.93em;
  line-height: 13px;
  padding: 5px 10px;
  color: #fff;
  text-shadow: 0 1px 0 #858585;
  height: 100%;
  width: 100%;
}
.view-features-container-whyhtc a.button-square-green {
  /*background: transparent url('../images/sprite-button-square-green-right.png') no-repeat top right;*/

  border: 0;
  border: 1px solid #c2c2c2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: 100%;
  max-width: 180px;
  max-width: 345px;
  min-width: 50px;
  padding: 0 20px 0 0;
}
.view-features-container-whyhtc a.button-square-green:hover {
  /*background: transparent url('../images/sprite-button-square-green-right.png') no-repeat bottom right;*/

  border: 0;
  border: 1px solid #c2c2c2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: 100%;
  max-width: 180px;
  max-width: 345px;
  min-width: 50px;
  padding: 0 20px 0 0;
}
.view-features-container-whyhtc a.button-square-green:hover span {
  /*background: transparent url('../images/sprite-button-square-green-left.png') no-repeat bottom left;*/

  background: none;
}
.view-features-container-whyhtc .view-features-container {
  top: 0;
}
.view-features-container-whyhtc .view-features-container .view-next-feature-container {
  height: auto;
  max-width: 350px;
  min-width: 20px;
}
/* square grey button */
.main-section-container a.button-square-grey span {
  font-weight: bold;
  color: #82786F;
}
a.button-square-grey:hover span {
  background: transparent url('../images/sprite-button-square-grey-left.png') no-repeat bottom left;
}
a.button-square-grey:hover {
  background: transparent url('../images/sprite-button-square-grey-right.png') no-repeat bottom right;
}
a.button-square-grey {
  background: transparent url('../images/sprite-button-square-grey-right.png') no-repeat top right;
  border: 0 none;
  display: inline-block;
  height: 25px;
  padding: 0 8px 0 0;
}
a.button-square-grey span {
  background: transparent url('../images/sprite-button-square-grey-left.png') no-repeat top left;
  border: 0 none;
  color: #675C53;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 25px;
  line-height: 26px;
  padding: 0 6px 0 12px;
  text-shadow: 0 1px 0 #FFFFFF;
  position: relative;
}
a.button-square-grey span.arrow {
  background: url("../images/arrow-right-grey-small.png") no-repeat right center transparent;
  height: 8px;
  margin: 9px 0 0 0;
  position: absolute;
  top: 0;
  right: 0;
}
/* button square grey arrow */
.main-section-container a.button-square-grey-arrow span {
  font-weight: bold;
  color: #82786F;
  cursor: pointer;
}
a.button-square-grey-arrow:hover span {
  background: transparent url('../images/sprite-button-square-grey-left.png') no-repeat bottom left;
}
a.button-square-grey-arrow:hover {
  background: transparent url('../images/sprite-button-square-grey-right.png') no-repeat bottom right;
}
a.button-square-grey-arrow {
  background: transparent url('../images/sprite-button-square-grey-right.png') no-repeat top right;
  border: 0 none;
  display: inline-block;
  height: 25px;
  padding: 0 8px 0 0;
}
a.button-square-grey-arrow span {
  background: transparent url('../images/sprite-button-square-grey-left.png') no-repeat top left;
  border: 0 none;
  color: #675C53;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 25px;
  line-height: 26px;
  padding: 0 12px 0 12px;
  text-shadow: 0 1px 0 #FFFFFF;
  position: relative;
}
a.button-square-grey-arrow span.arrow {
  background: url("../images/arrow-right-grey-small.png") no-repeat right center transparent;
  height: 8px;
  margin: 9px 0 0 0;
  position: absolute;
  top: 0;
  right: 0;
}
a.button-square-grey span.arrow-grey-down,
a.button-square-grey-arrow span.arrow-grey-down {
  background: url("../images/button-down-arrow-grey.png") no-repeat right center transparent;
  height: 4px;
  margin: 11px 0 0 10px;
  position: absolute;
  top: 0;
  right: 0;
}
/* button all documents accessories */
.button-choose-file-container,
.button-view-accessories-container,
.button-all-documents-container,
.button-all-years-container {
  display: block;
  float: left;
  position: relative;
  left: 0;
  margin: 0 10px 0 0;
}
/* button view all accessories */
.button-view-accessories-container {
  display: block;
  float: right;
  position: relative;
  right: 0;
}
.button-view-all-accessories {
  background: #dddddd url('../images/button-view-accessories.png') no-repeat 0 0;
  width: 156px;
  height: 25px;
  border: 0;
}
/* button view all features */
.view-features-container {
  display: inline-block;
  float: right;
  height: 25px;
  position: relative;
  right: 0;
  top: 28px;
}
/* button next feature */
.view-next-feature-container {
  display: block;
  float: right;
  position: relative;
  right: 0;
  margin: 0 0 0 5px;
}
/* view all features container */
.button-view-all-features-container {
  float: left;
  margin: 0;
}
.button-view-all-features-container a.button-square-grey-arrow span {
  padding: 0 20px 0 12px;
  white-space: nowrap;
}
/* @end Buttons, Links, Form Elements */
/* @group Left Nav */
#left-nav.below-marquee {
  margin: 0 0 0 0;
}
#left-nav {
  clear: both;
  float: left;
  margin: 65px 0 0 0;
}
#left-nav .compare-table-position {
  clear: both;
  float: left;
  margin: 450px 0 0 0;
}
#left-nav .grid_1 {
  width: 256px;
  float: left;
}
#left-nav ul {
  position: relative;
  margin: 10px 37px 0 0;
  text-align: right;
}
#left-nav ul li {
  list-style: none;
  line-height: 17px;
  margin: 0 0 20px 0;
  padding: 0 17px 0 0;
  border-right: 1px solid #7dbe32;
  clear: both;
  float: right;
}
#left-nav ul li a {
  color: #675c53;
  text-shadow: 0 1px 0 #fff;
  font-weight: bold;
  padding: 0;
  margin: 0 0 0 0;
  height: 21px;
  font-size: 14px;
  letter-spacing: .02em;
  display: block;
}
#left-nav ul li a:hover {
  color: #7dbe32;
}
#left-nav ul li.active {
  background: #7dbe32;
  border-right: 0 none;
  height: 40px;
  line-height: 16px;
  margin: 0 -22px 20px 0;
  padding: 0 0 0 40px;
}
#left-nav ul li.active a {
  color: #fff;
  margin: 0 37px 20px 0;
  padding: 4px 0 0;
  text-shadow: 0 1px 0 #999;
}
/* sub left-nav */
#left-nav ul ul.sub-nav {
  display: block;
  float: right;
  margin: -15px 20px 20px 0;
  position: relative;
  text-align: right;
}
#left-nav ul ul.sub-nav li {
  list-style: none;
  line-height: 19px;
  margin: 0 0 0 0;
  padding: 0 17px 0 0;
  clear: both;
  float: right;
  border: 0;
}
#left-nav ul ul.sub-nav li a {
  color: #82786f;
  text-shadow: 0 1px 0 #fff;
  font-weight: normal;
  padding: 0;
  margin: 0 0 0 0;
  height: 21px;
  font-size: 12px;
  letter-spacing: .02em;
  display: block;
}
#left-nav ul ul.sub-nav li a:hover {
  color: #7dbe32;
}
#left-nav ul ul.sub-nav li.active a {
  color: #fff;
  margin: 0 37px 20px 0;
  padding: 4px 0 0;
  text-shadow: 0 1px 0 #999;
}
/* not active sub left nav */
/* Left Nav */
#left-nav {
  clear: both;
  float: left;
}
#left-nav .grid_1 {
  width: 219px;
  float: left;
  padding: 10px 37px 0 0;
}
#left-nav .grid_1 p {
  position: relative;
  text-align: right;
  width: 190px;
  list-style: none;
  line-height: 20px;
  margin: 0 0 20px 0;
  padding: 0 17px 0 0;
  border-right: 1px solid #7dbe32;
  clear: both;
  float: right;
}
#left-nav .grid_1 p a {
  color: #675c53;
  text-shadow: 0 1px 0 #fff;
  font-weight: bold;
  padding: 0;
  margin: 0 0 0 0;
  /* 	height: 20px; */

  font-size: 14px;
  letter-spacing: .02em;
  display: block;
}
#left-nav .grid_1 p a:hover {
  color: #7dbe32;
}
#left-nav .grid_1 p.active {
  background: #7DBE32;
  border-right: 0 none;
  line-height: 16px;
  padding: 0 20px 0 0;
  width: 190px;
  min-height: 16px;
}
#left-nav .grid_1 p.active a {
  color: #fff;
  padding: 2px 0;
  text-shadow: 0 1px 0 #999;
}
#left-nav .grid_1 p.active a.arrow-size-1:before {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  right: -11px;
  border-left: 11px solid #7DBE32;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
#left-nav .grid_1 p.active a.arrow-size-2:before {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  right: -22px;
  border-left: 22px solid #7DBE32;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}
#left-nav .grid_1 p.active a.arrow-size-3:before {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  right: -22px;
  border-left: 22px solid #7DBE32;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
}
/* subnav left-nav */
#left-nav .grid_1 dl {
  display: block;
  float: right;
  margin: -13px 20px 15px 0;
  position: relative;
  text-align: right;
}
#left-nav dl dd {
  display: block;
  float: right;
  margin: -10px 20px 15px 0;
  position: relative;
  text-align: right;
}
#left-nav .grid_1 dl dt a {
  color: #82786f;
  text-shadow: 0 1px 0 #fff;
  font-weight: normal;
  padding: 0;
  margin: 0 0 0 0;
  height: 19px;
  font-size: 12px;
  letter-spacing: .02em;
  display: block;
}
#left-nav .grid_1 dl dt a:hover {
  color: #7dbe32;
}
#left-nav .grid_1 dl dt.active a {
  color: #7dbe32;
  text-shadow: 0 1px 0 #FFF;
}
/* not active sub left nav */
#left-nav .grid_1 dl dt dd.oneLineText {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-right: 0;
}
#left-nav .grid_1 dl dt dd.twoLineText {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-right: 0;
}
#left-nav .grid_1 dl dt dd.threeLineText {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-right: 0;
}
/* active sub left nav */
#left-nav .grid_1 dl dt dd.oneLineText.active {
  background: transparent;
  border-right: 0;
  height: 20px;
  line-height: 12px;
  margin: 0 -12px 20px 0;
  padding: 0;
  width: 256px;
}
#left-nav .grid_1 dl dt dd.twoLineText.active {
  background: transparent;
  border-right: 0;
  height: 40px;
  line-height: 16px;
  margin: 0 -22px 20px 0;
  padding: 0 0 0 40px;
}
#left-nav .grid_1 dl dt dd.threeLineText.active {
  background: transparent;
  border-right: 0;
  height: 59px;
  line-height: 16px;
  margin: 0 -22px 20px 0;
  padding: 0 0 0 15px;
}
/* @end Left Nav */
/* @group Footer Promo */
.footer-promo {
  width: 100%;
  background: #e0dfdb url('../images/footer-promo-bg.jpg') repeat-x bottom left;
  vertical-align: top;
  clear: both;
  margin: 0 auto 0 auto;
  display: inline-block;
}
.footer-promo-content {
  width: 1024px;
  margin: 0 auto;
  overflow: hidden;
}
.footer-promo .container_4 .divider {
  background: url('../images/footer-promo-divider.png') left center no-repeat;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  display: inline-block;
  float: left;
  height: 146px;
  margin: 35px 0 0;
  vertical-align: middle;
  width: 17px;
}
.footer-promo .footer-promo-content h1 {
  font-weight: bold;
  color: #534741;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: 22px;
}
.footer-promo .content p {
  margin: 0 0 10px 0;
  line-height: 19px;
  font-size: 14px;
}
.footer-promo .content p a.sub-link {
  color: #666;
}
.footer-promo .content strong {
  font-size: 14px;
}
.footer-promo .content a {
  color: #659829;
  margin: 0;
}
/* 2 column promo */
.footer-promo .container_4 .promos-2-1 {
  display: inline-block;
  float: left;
  padding: 44px 0 0;
  width: 503px;
}
.footer-promo .container_4 .promos-2-2 {
  display: inline-block;
  float: left;
  padding: 44px 0 0;
  width: 503px;
}
.footer-promo .container_4 .promos-2-1 .content {
  width: 410px;
  text-shadow: 0 1px 0 #ecebea;
  margin: 0 0 50px 45px;
}
.footer-promo .container_4 .promos-2-2 .content {
  width: 410px;
  text-shadow: 0 1px 0 #ecebea;
  margin: 0 0 50px 40px;
}
.footer-promo .content.split p {
  margin: 0 50px 50px 0;
  line-height: 19px;
  font-size: 14px;
  float: left;
}
/* 3 column promo */
.footer-promo {
  /* 4 column promo */

}
.footer-promo .promos-3-1 {
  width: 300px;
  padding: 40px 20px 40px 0;
  display: inline-block;
  float: left;
}
.footer-promo .content {
  width: auto;
}
.footer-promo .promos-3-2 {
  width: 300px;
  padding: 40px 20px 0 15px;
  display: inline-block;
  float: left;
}
.footer-promo .promos-3-3 {
  width: 300px;
  padding: 40px 0 0 12px;
  display: inline-block;
  float: left;
}
.footer-promo .container_4 td.promos-3-1 .content,
.footer-promo .container_4 td.promos-3-2 .content,
.footer-promo .container_4 td.promos-3-3 .content {
  text-shadow: 0 1px 0 #ecebea;
  margin: 0 0 50px 0;
}
.footer-promo .promos-4-1,
.footer-promo .promos-4-2,
.footer-promo .promos-4-3 {
  padding: 40px 15px;
  width: 210px;
  text-shadow: 0 1px 0 #ECEBEA;
  display: inline-block;
  float: left;
}
.footer-promo .promos-4-4 {
  padding: 40px 0 40px 15px;
  width: 210px;
  text-shadow: 0 1px 0 #ECEBEA;
  display: inline-block;
  float: left;
}
.footer-promo .promos-4:first-child {
  padding: 40px 20px 40px 0;
}
.footer-promo .promos-4:last-child {
  padding: 40px 0 40px 20px;
}
.footer-promo .container_4 .promos-four.content {
  width: 220px;
  margin: 0 20px 0 40px;
  display: inline-block;
  float: left;
}
.footer-promo.columns-4 .footer-promo-content .divider {
  background: transparent url('../images/footer-promo-divider.png') left center no-repeat;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  display: inline-block;
  float: left;
  height: 146px;
  margin: 20px 0 0;
  vertical-align: middle;
  width: 17px;
}
/* @end Footer Promo */
/* @group Modal */
#basic-modal-content {
  display: none;
}
/* Overlay */
#simplemodal-overlay {
  background-color: #000;
  cursor: wait;
}
/* Container */
#simplemodal-container {
  width: 600px;
  color: #666;
  background-color: #fff;
  padding: 12px;
  position: relative;
  z-index: 99999;
}
#simplemodal-container .simplemodal-data {
  padding: 25px;
}
#simplemodal-container code {
  background: #141414;
  border-left: 3px solid #65B43D;
  color: #bbb;
  display: block;
  font-size: 12px;
  margin-bottom: 12px;
  padding: 4px 6px 6px;
}
#simplemodal-container a {
  color: #ddd;
}
#simplemodal-container a.modalCloseImg {
  background: url('../images/x.png') no-repeat;
  width: 34px;
  height: 34px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: -15px;
  right: -16px;
  cursor: pointer;
}
#simplemodal-container h3 {
  color: #020202;
}
#simplemodal-container p {
  color: #666;
  margin: 10px 0;
}
/* @end Modal */
/* @group Marquee Header */
.marquee-header-container {
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}
.marquee-header-component {
  background: none repeat scroll 0 0 #FFFFFF;
  -webkit-box-shadow: 0px 3px 3px #d0d0d0;
  -moz-box-shadow: 0px 3px 3px #d0d0d0;
  box-shadow: 0px 3px 3px #d0d0d0;
  clear: none;
  float: left;
  height: 225px;
  margin: 4px;
  width: 504px;
  font-size: 12px;
}
.marquee-header-component .content {
  padding: 15px 20px;
}
.marquee-header-component .content h2 {
  color: #534741;
  font-size: 19px;
  margin: 0 0 8px 0;
  padding: 0;
  line-height: 19px;
  letter-spacing: .01em;
}
.marquee-header-component .content p {
  color: #898989;
  margin: 0 0 10px 0;
  line-height: 16px;
  padding: 0;
  width: 275px;
}
.marquee-header-component .button {
  margin: 0 0 0 -4px;
  clear: left;
  float: left;
}
.marquee-header-component p.link {
  margin: 0 0 3px 0;
}
/* @end Marquee Header */
/* @group Sub Promos */
/* row one */
.subpromo-tiles-container {
  width: 1029px;
  margin: 0 auto;
  padding: 0 0 10px 0;
  clear: both;
  display: block;
  float: left;
  text-align: center;
}
.subpromo-tile {
  display: none;
  float: left;
  background: #ffffff url('../images/subpromo-tile-bg.jpg') no-repeat bottom left;
  margin: 4px;
  height: 123px;
  -webkit-box-shadow: 0px 3px 3px #d0d0d0;
  -moz-box-shadow: 0px 3px 3px #d0d0d0;
  box-shadow: 0px 3px 3px #d0d0d0;
}
.subpromo-hidden {
  display: none;
}
.subpromo-50-percent {
  /* 2 tiles */

  display: block;
  width: 49%;
}
.subpromo-33-percent {
  /* 3 tiles */

  display: block;
  width: 32.4%;
}
.subpromo-25-percent {
  /* 4 tiles */

  display: block;
  width: 24.1%;
}
.subpromo-20-percent {
  /* 5 tiles */

  display: block;
  width: 19.1%;
}
.subpromo-tiles-container .subpromo-tile.sub-promo-content {
  float: left;
  padding: 0 0 0 0;
  text-align: center;
}
.subpromo-tiles-container .subpromo-tile.sub-promo-content p.icon {
  height: 61px;
  margin: 0 auto;
  padding: 20px 0 0;
  width: 61px;
}
.subpromo-tiles-container .subpromo-tile.sub-promo-content p.text {
  color: #534C47;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  margin: 0 auto;
  overflow: visible;
  padding: 8px 0 0;
  width: 75%;
}
/* @end Sub Promos */
/* @group Feature Detail */
.all-features-container {
  display: none;
  float: left;
  margin: 0 0 20px;
  width: 1024px;
}
.feature-detail-container {
  margin: 15px 0 0 0;
  float: left;
}
.container_4 .grid_2.feature-detail-content-container {
  color: #7e7e7e;
  font-size: 12px;
  margin: 0 5px 0 0;
  overflow: visible;
  padding: 0 0 0 32px;
  width: 475px;
}
.feature-detail-container h1 {
  color: #1E1E1E;
  font-size: 28px;
  font-weight: normal;
  line-height: 32px;
  margin: 0;
  padding: 7px 0 23px;
  position: relative;
  text-shadow: 0 1px 0 #FFF;
}
.feature-detail-content-container p.intro-text {
  font-size: 14px;
  letter-spacing: 0.04em;
  line-height: 20px;
  color: #7e7e7e;
}
h1 span.h1-icon {
  width: 61px;
  height: 61px;
  float: left;
  font-size: 24px;
  margin: 0 15px 0 0;
}
.container_4 .grid_2 h2.key-features,
.container_4 .grid_3 h2.key-features {
  color: #534741;
  font-size: 13px;
  letter-spacing: .03em;
  margin: 40px 0;
  text-transform: uppercase;
}
/* Feature Detail Definition List */
dl.feature-item {
  float: left;
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 20px 20px;
  width: 440px;
}
dl.feature-item dt {
  display: inline;
  float: left;
  width: 50px;
}
dl.feature-item dd {
  display: inline;
  float: left;
  width: 390px;
  font-weight: normal;
  color: #675c53;
}
dl.feature-item dt span.icon {
  width: 26px;
  position: relative;
  left: 0;
  top: 0;
}
dl.feature-item dd h3 {
  font-weight: bold;
  font-size: 14px;
  color: #534741;
  letter-spacing: .02em;
  margin: 0 0 2px 0;
}
dl.feature-item dd p {
  font-size: 14px;
  letter-spacing: .02em;
  line-height: 18px;
  color: #7e7e7e;
}
/* Feature Detail Callout */
.feature-detail-container-callout {
  background: #e7e6e4;
  width: 180px;
  float: right;
  padding: 20px 20px 60px 20px;
  margin: 10px 0 0 0;
  -moz-box-shadow: inset 0 0 6px #d5d5d5;
  -webkit-box-shadow: inset 0 0 6px #d5d5d5;
  box-shadow: inset 0 0 6px #d5d5d5;
}
.feature-detail-container-callout h3.title {
  color: #675c53;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 12px 0;
}
.feature-detail-container-callout p.text {
  color: #7e7e7e;
  font-size: 12px;
  line-height: 17px;
}
/* @end Feature Detail */
/* @group IR Marquee Callout */
.content-container {
  width: 1024px;
  text-shadow: none;
  overflow: hidden;
  clear: both;
  margin: 0 auto;
}
.main-content-container {
  float: left;
  width: 512px;
  margin: 0;
}
.marquee-container-callout-full-width,
.marquee-container-callout-two-wide {
  background: #ececea;
  width: 768px;
  color: #7e7e7e;
  float: left;
  padding: 30px 25px;
  margin: 0;
  -moz-box-shadow: inset 0 0 6px #d5d5d5;
  -webkit-box-shadow: inset 0 0 6px #d5d5d5;
  box-shadow: inset 0 0 6px #d5d5d5;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: center;
}
.marquee-container-callout-two-wide {
  width: 512px;
  padding: 30px 20px 10px;
  margin: 0 0 25px 0;
}
.marquee-container-callout-min-height {
  min-height: 400px;
  overflow: hidden;
}
.marquee-container-callout-full-width h2 {
  color: #534741;
  font-size: 22px;
  font-weight: normal;
  margin: 86px 0 12px 0;
}
.marquee-container-callout-full-width h2.title {
  color: #534741;
  font-size: 22px;
  font-weight: normal;
  margin: 0 0 12px 0;
}
.marquee-container-callout-full-width p {
  margin: 0 0 20px 0;
}
.marquee-container-callout-two-wide h2,
.main-section-container h2 {
  color: #534741;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 12px 0;
}
.marquee-container-callout-full-width h3 {
  color: #534741;
  font-size: 18px;
  font-weight: bold;
  margin: 80px 0 12px 0;
}
.marquee-container-callout-two-wide h3 {
  color: #534741;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}
.marquee-container-callout-full-width h4 {
  color: #534741;
  font-size: 24px;
  padding-bottom: 10px;
}
.marquee-container-callout-full-width h5 {
  color: #534741;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 5px;
}
.marquee-container-callout-full-width p.text,
.marquee-container-callout-two-wide p.text {
  color: #7c7c7c;
  font-size: 16px;
  margin: 0 0 10px 0;
  line-height: 1.5em;
}
.marquee-container-callout-full-width p.text-small {
  color: #7e7e7e;
  margin: 0 0 14px 0;
  line-height: 1.5em;
}
img.ir-hero {
  float: right;
  margin: 0 0 0 20px;
  -webkit-box-shadow: -1px 1px 2px 1px #d5d5d5;
  box-shadow: -1px 1px 2px 1px #d5d5d5;
}
.marquee-section {
  border-top: 1px solid #DADADA;
  float: left;
  margin: 10px 0 0;
  padding: 25px 0 15px;
  width: 100%;
}
.marquee-section .button-see-more-container {
  display: block;
  float: right;
  margin: 20px 0 0 0;
  position: relative;
  right: 0;
  color: #82786f;
  text-transform: normal;
  font-size: 11px;
  font-weight: bold;
}
/* @end IR Marquee Callout */
/* @group Right Column */
.right-column-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0 0 20px;
  font-size: 11px;
  line-height: 1.54em;
}
.right-column-container h3,
.right-column-container h2 {
  font-size: 14px;
  font-weight: bold;
  color: #534741;
}
.right-column-container h3 {
  margin-bottom: 25px;
}
.right-column-container h2 {
  margin-bottom: 5px;
}
.right-column-container ul {
  list-style: none;
  margin: 10px 0 25px 0;
  line-height: 18px;
}
.right-column-container ul li {
  font-size: 12px;
}
.right-column-container ul li:first-child a {
  font-weight: bold;
  font-size: 13px;
  color: #534741;
}
.right-column-container ul li a {
  color: #82786f;
}
.right-column-container ul li a:hover {
  color: #4d9f1c;
}
.content-container .ir-content.container_4 .divider {
  background: url('../images/ir-divider.jpg') left center no-repeat;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  display: inline-block;
  float: left;
  height: 274px;
  margin: 10px 0 0;
  vertical-align: middle;
  width: 18px;
}
/* 3 ir cols */
.content-container .ir-content.container_4 .short {
  height: 200px;
}
.ir-content .ir-2-1,
.ir-content .ir-2-2 {
  display: inline-block;
  float: left;
  padding: 0 4px 0 0;
  margin-bottom: 44px;
  width: 244px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ir-content.container_4 .ir-2-1 .content,
.ir-content.container_4 .ir-2-2 .content {
  margin: 0 0 50px;
  min-height: 100px;
  overflow: visible;
  padding: 0 0 0 10px;
  text-shadow: 0 1px 0 #ECEBEA;
}
/* 3 ir cols */
.ir-content .ir-3-1,
.ir-content .ir-3-2,
.ir-content .ir-3-3 {
  display: inline-block;
  float: left;
  padding: 0 4px 0 0;
  width: 244px;
  margin: 0 0 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ir-content.container_4 .ir-3-1 .content,
.ir-content.container_4 .ir-3-2 .content,
.ir-content.container_4 .ir-3-3 .content {
  margin: 0 0 50px;
  min-height: 100px;
  overflow: visible;
  padding: 45px 5px;
}
.main-section-container {
  padding: 0 0 0 10px;
}
.main-section-container h3,
.ir-content .content h1 {
  font-weight: bold;
  color: #534741;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 17px;
  line-height: 22px;
}
.content-container .ir-content .content p {
  margin: 0 0 10px 0;
  line-height: 17px;
  font-size: 12px;
  float: left;
  clear: right;
}
.middle-content {
  padding: 20px 0 0 0;
}
.content-container .ir-content .content p img {
  -webkit-box-shadow: -1px 1px 2px 1px #d5d5d5;
  box-shadow: -1px 1px 2px 1px #d5d5d5;
  display: inline-block;
  float: left;
  margin: 0 10px 0 0;
}
.content-container .ir-content .content .event-container {
  margin: 0 0 24px 0;
  float: left;
  text-shadow: none;
  clear: both;
}
.content-container .ir-content .content .event-container p {
  margin: 0 0 0 0;
}
span.ir-date {
  color: #acacac;
  margin: 0 0 0 0;
  float: left;
}
span.ir-date.clear {
  clear: both;
  float: left;
  height: auto;
  visibility: visible;
  width: 100%;
  display: block;
}
span.date-notice {
  background: #a59d95;
  color: #FFFFFF;
  font-size: 9px;
  font-weight: normal;
  margin: 0 5px;
  padding: 2px 2px 1px 2px;
  text-shadow: none;
  text-transform: uppercase;
}
.content-container .ir-content .content p.date-info {
  display: block;
  margin: 0 0 0 0;
}
/* Sprites */
.content-container .ir-content .content p a.ir-icon-link {
  margin: 0 5px 0 0;
}
.content-container .ir-content .content a.ir-icon-link {
  color: #82786f;
  text-transform: uppercase;
  font-size: 9px;
}
.content-container .ir-content .content a.ir-icon-link:hover,
.quarterly-documents a.ir-icon-link:hover,
.section a.ir-icon-link:hover,
.meeting-documents a.ir-icon-link:hover,
.marquee-section dl dd a.ir-icon-link:hover {
  color: #4d9f1c;
}
.content-container .content a.ir-icon-link span,
.main-section-container dt a.ir-icon-link span,
.main-section-container dd a.ir-icon-link span,
.marquee-section dt a.ir-icon-link span,
.marquee-section dd a.ir-icon-link span,
a.ir-icon-link {
  margin: 0;
}
a.ir-icon-link,
.main-section-container dd a.ir-icon-link,
.content-container .marquee-section dd a.ir-icon-link {
  color: #82786F;
  font-size: 9px;
  text-transform: uppercase;
  margin: 0 20px 0 0;
  line-height: 17px;
}
.content-container .ir-content .content p.link-layout a.ir-icon-link,
.main-section-container a.ir-icon-link,
.quarterly-documents a.ir-icon-link,
.marquee-container-callout-two-wide a.ir-icon-link,
.section a.ir-icon-link {
  margin: 0 30px 0 0;
  float: left;
}
.marquee-section .button-see-more-container {
  margin: 40px 0 0 0;
}
.sprite-icons-pdf,
.sprite-icons-doc,
.sprite-icons-download,
.sprite-icons-email,
.sprite-icons-cal,
.sprite-icons-webcast,
.sprite-icons-rss {
  background-image: url('../images/sprite-icons.png');
  display: block;
  float: left;
  padding: 0 0 0 0;
  margin: 0;
  width: 16px;
}
.sprite-icons-pdf {
  background-position: 0 -2px;
  height: 15px;
}
.sprite-icons-doc {
  background-position: -16px -2px;
  height: 15px;
}
.sprite-icons-download {
  background-position: -32px -2px;
  height: 15px;
}
.sprite-icons-email {
  background-position: -46px 3px;
  height: 13px;
}
.sprite-icons-cal {
  background-position: -64px 0;
  height: 13px;
}
.sprite-icons-webcast {
  background-position: -79px 0;
  height: 13px;
}
.sprite-icons-rss {
  background-position: -96px -2px;
  height: 12px;
}
/* button ir subscribe accessories */
.ir-button-container {
  display: block;
  float: left;
  width: inherit;
  margin: 15px 0 0 0;
}
.button-subscribe-container {
  display: block;
  float: left;
  position: relative;
  left: 0;
  color: #82786f;
  text-transform: uppercase;
  font-size: 10px;
}
.button-subscribe-container a.button-square-grey span {
  display: block;
  float: right;
  position: relative;
  color: #82786f;
  text-transform: normal;
  font-size: 10px;
}
.button-see-more-container {
  position: relative;
  right: 10px;
  float: right;
}
.button-see-more-container a.button-square-grey span {
  display: block;
  float: right;
  position: relative;
  color: #82786f;
  text-transform: normal;
  font-size: 11px;
  font-weight: bold;
}
.button-subscribe-container a.button-square-grey span.sprite-icons-rss {
  background: url("../images/sprite-icons.png") no-repeat -96px 0 transparent;
  display: inline-block;
  float: left;
  height: 11px;
  margin: 7px -15px 0 0;
}
/* @end Right Column */
/* @group Marquee Section */
.content-container .ir-content .content .event-container .link-layout {
  float: left;
  clear: both;
}
.main-section-container dt,
.main-section-container dd,
.marquee-section dt,
.marquee-section dd {
  float: left;
  font-size: 12px;
  margin-bottom: 12px;
}
.meeting-documents dt,
.quarterly-documents dt,
.right-rail dt,
.event-container p:first-child {
  color: #82786f;
  font-weight: bold;
}
.main-section-container dd + dt,
.marquee-section dd + dt {
  clear: left;
}
.main-section-container dt {
  width: 412px;
}
.marquee-section dt {
  width: 330px;
}
.marquee-section dt {
  font-weight: bold;
  color: #82786f;
}
.main-section-container .button-container {
  clear: both;
  float: left;
  display: block;
}
.main-section-container h4 {
  font-weight: bold;
  color: #534741;
  padding: 0;
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 18px;
}
.main-section-container h4 span {
  font-weight: normal;
  color: #82786F;
}
.main-section-container p {
  margin: 10px 0;
  font-size: 12px;
}
.main-section-container .border-top {
  border-top: 1px solid #ddd;
  margin: 20px 0;
  padding: 20px 0;
}
.main-section-container p.text {
  margin: 0 0 20px 0;
  line-height: 19px;
  font-size: 14px;
  color: #7c7c7c;
}
.meeting-info {
  margin-top: 14px;
  overflow: hidden;
  line-height: 1.4em;
}
.meeting-info p {
  clear: both;
  float: left;
  margin: 0 0 0 0;
}
.right-column-container .meeting-info p {
  width: 220px;
}
.meeting-info p span.title {
  width: auto;
  text-transform: uppercase;
  color: #868686;
  font-size: 11px;
  letter-spacing: .08em;
}
.meeting-info p span.info {
  color: #7a7a7a;
  margin: 0 0 0 0;
}
.main-section-container dl.meeting-documents {
  clear: both;
  float: left;
  margin: 38px 0 20px 0;
  width: 100%;
}
.main-section-container dl.meeting-documents dt {
  width: 456px;
}
.ir-meeting-documents-container .button-see-more-container {
  float: right;
}
.right-column-container dl.right-rail dt,
.right-column-container dl.right-rail dd {
  float: left;
  font-size: 11px;
  margin-bottom: 12px;
}
.right-column-container dl.right-rail dd + dt {
  clear: left;
}
.right-column-container dl.right-rail dt {
  width: 170px;
}
.right-column-container .section {
  margin: 0 0 34px 0;
  float: left;
}
/* @end Marquee Section */
/* @group Community */
.community-landing-promos-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  *display: inline;
  /* ie7 fix */

  float: right;
  margin: 75px 0 0 15px;
  padding: 0;
  position: relative;
  right: 0;
  width: 235px;
}
.community-landing-promo {
  padding: 0 0 0 10px;
}
.community-landing-promo-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  clear: both;
  margin: 10px 0 0 0;
  width: 235px;
  height: 206px;
  display: block;
  padding: 15px;
  color: #534741;
}
.community-landing-promo h2.title,
.community-landing-promo-box h2.title {
  font-size: 16px;
  color: #534741;
  margin: 0 0 10px 0;
}
.community-landing-promo p.text,
.community-landing-promo-box p.text {
  font-size: 12px;
  color: #534741;
  margin: 0 0 10px 0;
  line-height: 17px;
}
.community-landing-promo p.small-text,
.community-landing-promo-box p.small-text {
  font-size: 11px;
  color: #534741;
  margin: 0 0 10px 0;
  line-height: 17px;
}
.community-landing-promo-box.shadow {
  -moz-box-shadow: 0 0 4px 0 #dcdcdc;
  -webkit-box-shadow: 0 0 4px 0 #dcdcdc;
  box-shadow: 0 0 4px 0 #dcdcdc;
  background: #fff;
}
.community-landing-promo-shadow {
  background: url('../images/community-promo-shadow.png') no-repeat bottom left;
  width: 235px;
  height: 11px;
  clear: both;
}
.community-landing-carousel {
  width: 768px;
  height: 602px;
  display: block;
  float: left;
}
.social-icons-container.community {
  margin: 6px 0 0 0;
}
.social-icons-container.community a {
  display: inline-block;
  margin-right: 6px;
}
/* @group Community */
/* @group Community Carousel */
#slides {
  z-index: 100;
}
.slides_container {
  width: 767px;
  height: 602px;
  overflow: hidden;
  position: relative;
  display: none;
}
#slides .slide {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px;
  width: 767px;
  height: 602px;
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#slides .slide .maintext h1.title {
  font-size: 20px;
  color: #fff;
  line-height: 22px;
  font-weight: normal;
  width: 220px;
  text-shadow: 0 1px 0 #000;
  margin: 0 0 5px 0;
}
#slides .slide .maintext h2.subtitle {
  font-size: 18px;
  color: #fff;
  margin: 0 0 5px 0;
  line-height: 22px;
  font-weight: normal;
  width: 220px;
  text-shadow: 0 1px 0 #000;
}
#slides .slide .maintext div.text {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
  width: 220px;
}
#slides .slide .callout-box {
  width: 180px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  text-shadow: none;
  margin: 15px 0 0 0;
}
#slides .slide .callout-box p.title {
  background: #6ab411;
  color: #fff;
  padding: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
}
#slides .slide .callout-box p.text {
  padding: 20px 5px;
  color: #030303;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 14px;
  font-weight: normal;
}
.pagination {
  margin: -26px auto 0;
  position: relative;
  width: 70px;
  z-index: 200;
}
.pagination li {
  float: left;
  margin: 0 4px;
  list-style: none;
}
.pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 14px;
  background-image: url('../images/carousel/pagination.png');
  background-position: 0 0;
  float: left;
  overflow: hidden;
}
.pagination li.current a {
  background-position: 0 -14px;
}
#slides .link {
  display: block;
  margin-top: 10px;
}
/* @end Community Carousel */
/* @group Region Selector */
.region-selector {
  overflow: hidden;
  margin-bottom: 60px;
}
.region-selector-container {
  width: 1024px;
  margin: 8px 0 25px 0;
  overflow: hidden;
  /* to clear <ul> floats */

}
.region {
  width: 25%;
  float: left;
}
.region li {
  list-style: none;
  height: 16px;
  margin-bottom: 8px;
}
.region .label {
  color: #666666;
  padding-left: 9px;
  font-weight: bold;
  font-size: 12px;
  float: left;
}
.region a {
  float: left;
}
.region a:hover span {
  color: #81BA10;
}
.flag {
  float: left;
}
/* @end Region Selector */
/* @group Modal from htc.com/www */
.modal-overlay-popup-background {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1200;
  background: white;
}
.confirmation-popup {
  z-index: 12000;
  position: absolute;
  left: 0;
  top: 0;
  color: white;
  display: none;
}
.confirmation-popup-inner {
  width: 268px;
  background: #656667;
  padding: 19px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.confirmation-popup-message {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size: 14px;
  border-bottom: 1px dashed #868686;
  margin-bottom: 10px;
}
.confirmation-popup-message span {
  width: 225px;
  display: block;
  margin: 0 auto;
  padding: 10px 0 20px 0;
}
.confirmation-popup-buttons {
  position: relative;
  float: left;
  left: 50%;
}
.confirmation-popup-buttons-inner {
  position: relative;
  left: -50%;
}
a.overlay-close {
  background: url('../images/x.png') no-repeat 0 0;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 34px;
  height: 34px;
  text-indent: -30000px;
  z-index: 12000;
}
/* @end Modal from htc.com/www */
/* @group Product Compare */
.compare-features-container-toggle {
  border-top: 1px solid #ccc;
  margin: 10px 0;
  overflow: hidden;
}
.compare-products-selection-container {
  overflow: hidden;
}
.product-compare-container {
  text-align: center;
  margin-bottom: 30px;
}
.product-compare-container a.btn_close_x {
  float: right;
  position: absolute;
  right: 0;
  z-index: 100;
  width: 30px;
  height: 30px;
}
.product-compare-container a.btn_close_x {
  display: block;
  width: 30px;
  height: 30px;
  background: url('../images/btn-close-x.png') no-repeat top left;
}
.product-compare-container a.btn_close_x:hover {
  background: url('../images/btn-close-x.png') no-repeat bottom left;
}
.product-compare-container h3 {
  font-weight: normal;
}
.product-compare-container h3 a {
  font-weight: normal;
  color: #020202;
}
.product-compare-container a.cms-green-button {
  margin: 0;
}
.compare-container-buttons,
.compare-container-buttons .button {
  overflow: hidden;
}
.compare-container-buttons .button.buy,
.compare-container-buttons .button.remove {
  margin: 0 auto;
  display: table;
}
.product-title {
  margin: 10px 0 20px 0;
  min-height: 38px;
}
h3.product-title.empty {
  margin: 10px 0 20px;
  min-height: 38px;
}
.empty {
  /*margin-bottom: 39px;*/

}
/* @end Product Compare */
/* @group Product Compare Highlight Toggle */
h2.trigger {
  padding: 0 0 0 0;
  margin: 10px 0 0;
  background: url('../images/sprite-toggle-arrows-fullwidth.png') no-repeat -10px 0;
  height: 25px;
  width: 1024px;
  font-weight: normal;
  color: #534741;
  float: left;
  font-size: 20px;
}
h2.trigger a {
  color: #534741;
  text-decoration: none;
  display: block;
  border: none;
  outline: none;
}
h2.trigger a:hover {
  color: #7DBE32;
  outline: none;
}
h2.active {
  background-position: -10px bottom;
}
.compareHighlightsContainer h2.trigger {
  background: none;
}
.toggle_container {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.toggle_container .block {
  left: 256px;
  position: relative;
  text-align: center;
  text-align: left;
}
.toggle_container .block .toggle-column-content {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0 30px;
  width: 200px;
  text-align: left;
}
.toggle-column-content {
  display: inline-block;
  width: 230px;
  vertical-align: top;
  text-align: center;
  margin-right: 15px;
}
.toggle-column-content-empty {
  display: inline-block;
  width: 230px;
  float: left;
  vertical-align: top;
  text-align: center;
  margin-right: 15px;
  visibility: hidden;
}
.toggle-column-content-empty:after {
  content: '.';
}
.toggle_container .block .toggle-column-content p,
.toggle_container .block .toggle-column-content ul,
.toggle_container .block .toggle-column-content ol {
  margin: 0 0 10px 0;
}
.toggle_container-highlights .block .toggle-column-content {
  padding: 0 0;
  margin: 0 0;
  width: 230px;
  display: inline-block;
  float: left;
}
.button-view-documents-container {
  margin: 0 10px 0 0;
  float: left;
}
/* Highlights Compare Section no toggle, always open */
.toggle_container-highlights .block {
  left: 256px;
  position: relative;
  text-align: left;
}
.toggle_container-highlights .block div.highlights-column-1,
.toggle_container-highlights .block div.highlights-column-2,
.toggle_container-highlights .block div.highlights-column-3 {
  padding: 0 0;
  margin: 0 0 0 0;
  width: 256px;
  display: inline-block;
  float: left;
  border-left: 1px solid #ddd;
}
.toggle_container-highlights .block .highlights-column .highlight-section span.bold {
  display: inline;
  font-weight: bold;
}
.toggle_container-highlights .block .highlight-section {
  clear: both;
  margin: 0 auto 20px auto;
  width: 230px;
  overflow: hidden;
}
.toggle_container-highlights .block div div.f-header {
  position: relative;
}
.toggle_container-highlights .block div div.f-header .f-label {
  left: 60px;
  position: absolute;
  top: 25px;
  z-index: 66;
}
.toggle_container-highlights .block p img {
  clear: both;
  margin: 0 auto 2px auto;
  display: table;
}
/* @end Product Compare Highlight Toggle */
/* @group Contact Phone Toggle */
.phone-toggle-container h2.trigger {
  padding: 0 0 0 0;
  margin: 10px 0 0;
  background: url('../images/sprite-toggle-arrows-715wide.png') no-repeat top left;
  /*height: 25px;*/

  width: 715px;
  font-weight: normal;
  color: #534741;
  float: left;
  font-size: 20px;
}
#benefits_detail .phone-toggle-container h2.trigger {
  margin-bottom: 25px;
}
.phone-toggle-container h2.trigger a {
  color: #534741;
  text-decoration: none;
  display: block;
  padding: 2px 25px 0 0;
}
.phone-toggle-container h2.trigger a:hover {
  color: #7DBE32;
}
.phone-toggle-container h2.active {
  background: url('../images/sprite-toggle-arrows-715wide.png') no-repeat bottom left;
}
.phone-toggle-container {
  border-top: 1px solid #ccc;
  margin: 10px 0;
  overflow: hidden;
}
.toggle-last {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.phone-toggle-container .toggle_container .block {
  left: 0;
  position: relative;
  text-align: left;
}
.button-view-documents-container {
  margin: 0 10px 0 0;
  float: left;
}
table.contact-phone-info tr th {
  border-bottom: 1px solid #ddd;
  padding: 10px 6px 4px 6px;
  color: #666;
  text-shadow: 0 1px 0 #fff;
  width: 25%;
}
table.contact-phone-info tr td {
  padding: 8px 6px;
}
table.contact-phone-info tr:hover td {
  background: #fafafa;
}
/* @end Contact Phone Toggle */
/* @group Why HTC Video */
.whyhtc-video-container {
  float: right;
  overflow: visible;
  width: 280px;
  height: 190px;
  position: relative;
  right: 0;
}
div.select-wrap {
  position: relative;
  width: auto;
  min-height: 30px;
}
.button-view-allyears-container {
  margin: 0 0 0 20px;
  overflow: hidden;
}
/* Video Container */
.video-detail-container {
  clear: both;
  overflow: hidden;
  float: left;
  padding: 0;
  margin: 0 0 30px 0;
  width: 100%;
  color: #7E7E7E;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 18px;
}
.video-detail-container h3 {
  font-weight: bold;
  font-size: 14px;
  color: #534741;
  letter-spacing: .02em;
  margin: 0 0 2px 0;
}
.video-detail-container table {
  border: 0;
  width: 760px;
}
.video-detail-container table td {
  width: auto;
  padding: 10px 0;
  vertical-align: top;
}
.video-detail-container table td:last-child {
  width: auto;
  padding: 10px 0 10px 10px;
  vertical-align: top;
}
.video-detail-container table td:first-child {
  width: auto;
  padding: 10px 10px 10px 0;
  vertical-align: top;
}
/* @end Why HTC Video */
/* @group Sprites with fluid width */
.white-button,
.white-button span,
.white-button-big,
.white-button-big span,
.form-input,
.form-input input,
.form-input-required,
.form-input-required input,
.form-input-big,
.form-input-big input,
.form-input-required-big,
.form-input-required-big input,
.form-big-search-input,
.form-big-search-input input {
  display: block;
  background: transparent url(../images/sprite-gui-width.png) no-repeat scroll left 0;
}
/* Form inputs */
.form-input,
.form-input input,
.form-input-required,
.form-input-required input {
  display: inline-block;
  width: 100%;
  height: 28px;
  line-height: 28px;
  min-height: 28px;
  padding: 0;
  margin: 0;
}
.form-input,
.form-input-required {
  background-position: left -1655px;
  width: 300px;
  padding-left: 15px;
}
.form-input input,
.form-input-required input {
  color: #4c4c4c;
  font-style: normal;
  font-weight: bold;
}
.form-input .watermark,
.form-input-required .watermark {
  color: #666666;
  font-style: italic;
}
.form-input input,
.form-input-required input {
  background-position: right -1811px;
  border: none;
}
.form-input-active,
.form-input-required-active {
  background-position: left -1692px;
}
.form-input-active input {
  background-position: right -1848px;
}
.form-input-success {
  background-position: left -1728px;
}
.form-input-success input {
  background-position: right -1884px;
}
.form-input-error,
.form-input-required-error {
  background-position: left -1767px;
}
.form-input-error input {
  background-position: right -1923px;
}
/* Form big inputs */
.form-input-big,
.form-input-big input {
  display: inline-block;
  width: 100%;
  height: 41px;
  line-height: 41px;
  min-height: 41px;
}
.form-input-big {
  background-position: left -2714px;
  width: 300px;
  padding-left: 22px;
}
.form-input-big input {
  color: #767676;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  padding-right: 22px;
}
.form-input-big .watermark {
  color: #666666;
  font-style: italic;
}
.form-input-big input {
  background-position: right -2663px;
  border: none;
}
.form-input-big-active {
  background-position: left -2816px;
}
.form-input-big-active input {
  background-position: right -2765px;
}
.form-input-big-success {
  background-position: left -2918px;
}
.form-input-big-success input {
  background-position: right -2867px;
}
.form-input-big-error {
  background-position: left -3020px;
}
.form-input-big-error input {
  background-position: right -2969px;
}
/* Form big search input */
.form-big-search-input,
.form-big-search-input input {
  display: inline-block;
  height: 45px;
  line-height: 41px;
  min-height: 45px;
}
.form-big-search-input {
  background-position: left -2200px;
  padding-left: 22px;
  position: relative;
}
.form-big-search-input input,
.form-big-search-input .watermark {
  color: #999999;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  background-position: right -2302px;
  border: none;
}
.form-big-search-input-active {
  background-position: left -2250px;
}
.form-big-search-input-active input {
  color: #4c4c4c;
  font-style: normal;
  background-position: right -2352px;
}
/* Form big search button */
/* Search button */
.form-big-search-input .form-search-button {
  background: transparent url(../images/sprite-gui.png) no-repeat scroll -154px -457px;
  text-indent: 9999em;
  cursor: pointer;
  position: absolute;
  display: block;
  width: 16px;
  min-height: 0;
  height: 16px;
  top: 13px;
  right: 17px;
  padding: 0;
  margin: 0;
}
.form-big-search-input-active .form-search-button {
  background-position: -154px -486px;
}
.form-big-search-input .form-search-button:hover {
  background-position: -154px -514px;
}
/* White button */
.white-button,
.white-button span {
  text-decoration: none;
  display: inline-block;
  background-position: left -798px;
  height: 31px;
  padding-left: 14px;
}
.white-button span {
  color: #333333;
  background-position: right -918px;
  font-size: 13px;
  font-weight: bold;
  line-height: 28px;
  padding: 0 20px 0 6px;
  text-shadow: 1px 1px 1px #ffffff;
}
.white-button:hover,
.white-button:focus {
  background-position: left -838px;
}
.white-button:hover span,
.white-button:focus span {
  color: #81ba10;
  background-position: right -958px;
}
.white-button:active {
  background-position: left -878px;
}
.white-button:active span {
  color: #92c82f;
  background-position: right -998px;
}
.white-button.hover {
  background-position: left -838px;
}
.white-button.hover span {
  color: #92c82f;
  background-position: right -958px;
}
.white-button.active {
  background-position: left -878px;
}
.white-button.active span {
  color: #92c82f;
  background-position: right -998px;
}
/* White button - Big */
.white-button-big,
.white-button-big span {
  text-decoration: none;
  display: inline-block;
  background-position: left -3727px;
  height: 41px;
  padding-left: 22px;
}
.white-button-big span {
  color: #333333;
  background-position: right -3676px;
  font-size: 16px;
  font-weight: bold;
  line-height: 41px;
  padding: 0 22px 0 0px;
}
.white-button-big:hover {
  background-position: left -3827px;
}
.white-button-big:hover span {
  color: #81ba10;
  background-position: right -3776px;
}
.white-button-big:active {
  background-position: left -3927px;
}
.white-button-big:active span {
  color: #92c82f;
  background-position: right -3876px;
}
/* CSS specific for the HTC Video player Component  */
.component-video {
  position: relative;
}
.component-video-player {
  margin-bottom: 50px;
  display: none;
  width: 940px;
  overflow: hidden;
}
.component-video-player h1 {
  width: 100%;
}
.component-video-player .video-gallery-wrapper {
  height: 340px;
  width: 940px;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
}
/* @group Video Player */
.video-wrapper {
  position: relative;
}
.share-media {
  padding-left: 20px;
  position: relative;
}
.videoPlayerContainer {
  width: 532px;
  height: 340px;
  position: relative;
}
.labelContainer {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 20px 0px 0px 0px;
  display: none;
}
.labelContainer span {
  line-height: 35px;
  display: block;
  float: left;
  color: #999;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}
.labelContainer .labelLeft {
  padding: 0px 14px 0px 0px;
  background-image: url("../images/sprite-video-player.png");
  background-repeat: no-repeat;
  background-position: right -369px;
}
.labelContainer .labelRight {
  margin: 0px 0px 0px 4px;
}
.videoPlayerContainer .video-player {
  width: 532px;
  height: 340px;
}
.video-list {
  width: 407px;
  height: 338px;
  background: #fff;
  border-top: 1px #dadada solid;
  border-bottom: 1px #dadada solid;
  border-right: 1px #dadada solid;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
}
.share-video-title {
  background: none !important;
  height: auto !important;
}
.video-list ul {
  width: 365px;
  float: left;
  position: relative;
  border-right: 1px #dadada solid;
  margin-right: 9px;
}
/* @group Scrollbar */
.video-list .scrollbar,
.video-list .scrubber-start-y,
.video-list .scrubber-stretch-y,
.video-list .scrubber-end-y {
  background-image: url("../images/sprite-scrollbars-vertical.png");
  background-repeat: no-repeat;
  background-position: top left;
}
.video-list .scrollbar {
  background-position: top left;
  float: left;
  width: 22px;
  height: 319px;
  margin: 10px 0 10px 0;
  cursor: pointer;
  position: relative;
}
.video-list .scrubber {
  background-position: 0 -25px;
  position: relative;
  width: 20px;
  margin-left: 1px;
  position: absolute;
}
.video-list .scrubber-start-y,
.video-list .scrubber-stretch-y,
.video-list .scrubber-end-y {
  /*float: left;*/

}
.video-list .scrubber-start-y,
.video-list .scrubber-end-y {
  width: 20px;
  height: 9px;
}
.video-list .scrubber-start-y {
  background-position: -50px top;
}
.video-list .scrubber-end-y {
  background-position: -50px -114px;
}
.video-list .scrubber-stretch-y {
  background-repeat: repeat;
  background-position: -75px top;
  width: 20px;
}
/* @end Scrollbar */
/* @group Video */
li.video-container {
  background-image: url("../images/sprite-help-global.png");
  background-repeat: no-repeat;
  background-position: left 80px;
  padding: 12px 16px 12px 16px;
  height: 60px;
  margin: 0px;
  border-bottom: 1px solid #d8d8d8;
  cursor: pointer;
}
li.video-container-selected {
  background-color: #f4f4f4;
  cursor: default;
}
li.video-container-selected .video-play {
  display: none;
}
li.video-container-last {
  border-bottom: none;
}
li.video-container .video-thumb {
  float: left;
  position: relative;
  margin-right: 16px;
}
li.video-container .video-label {
  float: left;
  display: block;
  width: 209px;
  height: 60px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
li.video-container a {
  text-decoration: none;
}
li.video-container a:hover {
  color: #81BA10;
}
body#share #video-list ul li.video-list-item-selected .thumb {
  margin-top: -4px;
  margin-left: -4px;
  margin-right: 16px;
}
/* Video Share Popup */
.component-video-share-popup {
  background: transparent url(../images/sprite-video-player.png) no-repeat scroll left 0;
  width: 424px;
  height: 85px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -9999px;
  margin: 0 auto;
  display: block;
  z-index: 1000;
}
.component-video-share-popup .btn-close-small {
  display: block;
  position: absolute;
  top: 10px;
  right: 11px;
  background: transparent url(../images/product-detail/sprites/sprite-gui.png) no-repeat -40px 0;
  width: 22px;
  height: 23px;
}
.component-video-share-popup .share-default .share-options {
  padding: 0 21px 0 21px;
}
.component-video-share-popup .share-default .share-options li {
  float: left;
  height: 30px;
  list-style: none;
}
.component-video-share-popup .share-default li.share-facebook {
  width: 100px;
}
.component-video-share-popup .share-default li.share-twitter {
  width: 125px;
}
.component-video-share-popup .share-default li.share-link-email {
  padding: 0 0 0 0;
}
.component-video-share-popup .share-default a.share-link-email {
  font-size: 11px;
  color: #666666;
  background: transparent url(../images/sprite-gui-inline.png) no-repeat scroll 0px -670px;
  line-height: 20px;
  padding-left: 34px;
  text-decoration: none;
  display: block;
}
.component-video-share-popup .share-default a.share-link-email:hover {
  text-decoration: underline;
}
.component-video-share-popup .share-default .top {
  height: 49px;
  padding: 31px 0 0 0;
}
/* @end Video */
/* @group Sign up Form */
.component-product-signup .hero-container,
.component-product-signup .hero-container-product {
  height: 500px;
  padding: 0;
  margin: 0;
  border: 0;
}
.component-product-signup .hero-container-product img {
  margin: 75px 0 0 125px;
}
.product-signup-relative-container {
  position: relative;
}
.component-product-signup .form-container {
  display: inline-block;
  float: left;
  left: 435px;
  margin: 20px 0 0 15px;
  position: absolute;
  top: 0;
  width: 500px;
}
.component-product-signup .form-container .form .form-margin h1 {
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 0 20px;
  float: left;
}
.component-product-signup .form-container .form .form-margin h2 {
  font-size: 16px;
  padding: 0 20px;
  display: inline-block;
  font-weight: 200;
  clear: both;
}
.component-product-signup .form-container iframe {
  width: 420px;
  height: 380px;
  padding: 0;
  margin: 0;
  border: 0;
}
.component-product-signup .form-container .header {
  float: left;
  display: inline-block;
  width: 423px;
  position: relative;
  z-index: 10;
  padding: 0;
  margin: 0;
}
.component-product-signup .form-container .header span.top {
  background: url('../images/signup/top-bkg.png') no-repeat;
  width: 423px;
  height: 20px;
  display: inline-block;
  float: left;
}
.component-product-signup .form-container .header span.middle {
  background: url('../images/signup/top-bkg.png') no-repeat;
  width: 423px;
  background-position: 0 -10px;
  display: inline-block;
  float: left;
}
.component-product-signup .form-container .header span.bottom {
  background: url('../images/signup/top-bkg.png') no-repeat;
  width: 423px;
  height: 20px;
  background-position: 0 -154px;
  display: inline-block;
  float: left;
}
.component-product-signup .form-container .header h1 {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 0 20px;
  float: left;
}
.component-product-signup .form-container .header h2 {
  font-size: 12px;
  padding: 0 20px;
  display: inline-block;
  font-weight: 200;
  clear: both;
  margin: 0;
}
.component-product-signup .form-container .form {
  float: left;
  display: inline-block;
  background: url('../images/signup/form-bkg.png');
  width: 496px;
  position: relative;
  top: -50px;
}
.component-product-signup .form-container .form-bottom {
  float: left;
  display: inline-block;
  background: url('../images/signup/form-bkg.png');
  width: 496px;
  position: relative;
  top: -50px;
  height: 30px;
  background-position: 0 -499px;
}
.component-product-signup .form-container .form .form-margin {
  display: inline-block;
  margin: 21px 60px 0 34px;
  padding: 30px 0 0 15px;
  position: relative;
  float: left;
  background: #e9e9e9;
  width: 414px;
  height: 380px;
  background: -moz-linear-gradient(45deg, #e9e9e9 0, #ffffff 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #e9e9e9), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(45deg, #e9e9e9 0, #ffffff 100%);
  background: -o-linear-gradient(45deg, #e9e9e9 0, #ffffff 100%);
  background: -ms-linear-gradient(45deg, #e9e9e9 0, #ffffff 100%);
  background: linear-gradient(45deg, #e9e9e9 0, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#ffffff', GradientType=1);
}
.component-product-signup .form-container .form .form-margin ul li {
  position: relative;
  width: 100%;
  float: left;
  margin: 0;
}
.component-product-signup .form-container .form .form-margin ul li.submit-button {
  position: absolute;
  width: 100%;
  float: left;
  margin: 0;
  bottom: 2px;
  left: 0;
}
.component-product-signup .form-container .form .form-margin ul li a {
  color: #333;
  font-weight: normal;
}
.component-product-signup .form-container .form .form-margin ul li a.green-button-type2 {
  color: #fff;
  font-weight: normal;
  margin: 10px 0 0;
  float: left;
}
.component-product-signup .form-container .form .form-margin ul li span.required-star {
  position: absolute;
  margin: 10px 10px 0 0;
  font-size: 30px;
  left: -10px;
  color: #666666;
}
.component-product-signup .form-container .form .form-margin ul li span.required-star-check {
  position: absolute;
  margin: 2px 10px 0 0;
  font-size: 30px;
  left: -10px;
  color: #666666;
}
.component-product-signup .form-container .form .form-margin ul li span.required-field {
  color: red;
  margin: 2px 0 0 13px;
  float: left;
  display: none;
}
.component-product-signup .form-container .form .form-margin ul li span.required-field.privacy {
  margin: 0;
}
.component-product-signup .form-container .form .form-margin ul li span.label {
  color: #333;
  margin: 7px 0 0 10px;
  float: left;
}
.component-product-signup .form-container .form .form-margin ul li span.label.short {
  margin: 5px 0 0 10px;
  float: left;
}
.component-product-signup .form-container .form .form-margin ul li input.radio {
  width: 15px;
  height: 15px;
  margin: 4px 0 0 10px;
}
.component-product-signup .form-container .form .form-margin ul li input.emailaddress {
  margin: 7px 0 3px 7px;
}
.component-product-signup .form-container .form .form-margin ul li input.checkbox {
  width: 15px;
  height: 15px;
  margin: 5px 10px 0 10px;
}
.inputText {
  background-repeat: repeat-x;
  background-image: url('../images/signup/input_area.png');
  width: 235px;
  float: left;
}
.inputText .input {
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #82786f;
  width: 207px;
  border: 0;
  background: transparent;
  height: 18px;
  padding: 0;
  margin: 6px 0 6px 13px;
}
.icon_star {
  width: 23px;
  height: 30px;
  background-image: url('../images/signup/icon-star.png');
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: -23px;
}
.icon_star.checkbox {
  height: 30px;
}
.component-product-signup .form-container .form span.required-header {
  color: #333;
  font-size: 11px;
  float: left;
  width: 100%;
}
.custom-checkbox,
.custom-radio {
  position: relative;
  float: left;
}
.custom-checkbox {
  font-size: 12px;
  color: #333333;
}
.custom-radio input {
  position: absolute;
  left: 8px;
  top: 7px;
  margin: 0;
  z-index: 0;
  width: 5px;
}
.custom-checkbox input {
  position: absolute;
  left: 6px;
  top: 10px;
  margin: 0;
  z-index: 0;
  width: 4px;
  visibility: hidden;
}
.custom-checkbox label div.text {
  padding: 5px 0;
  vertical-align: middle;
}
.custom-checkbox label div span {
  display: block;
}
.custom-checkbox {
  margin: 0 0 0 4px;
}
.custom-checkbox label {
  background: url('../images/signup/checkbox.png') no-repeat;
}
.custom-radio label {
  background: url('../images/signup/radio-button.png') no-repeat;
}
.custom-checkbox label {
  display: block;
  position: relative;
  font-size: 13px;
  line-height: 1;
  padding: 5px 20px 0 30px;
  margin: 0;
  cursor: pointer;
  float: left;
  z-index: 1;
  background-position: -11px -10px;
}
.custom-radio label {
  background-position: -10px -14px;
  display: block;
  position: relative;
  font-size: 13px;
  line-height: 1;
  padding: .5em 20px .5em 30px;
  margin: 0 0 .3em;
  cursor: pointer;
  float: left;
  z-index: 1;
}
.custom-checkbox label.hover,
.custom-checkbox label.focus {
  background-position: -11px -110px;
}
.custom-radio label.hover,
.custom-radio label.focus {
  background-position: -10px -114px;
}
.custom-checkbox label.checked {
  background-position: -11px -210px;
}
.custom-radio label.checked {
  background-position: -10px -214px;
}
.custom-checkbox label.checkedHover,
.custom-checkbox label.checkedFocus {
  background-position: -10px -311px;
}
/* @end Sign up Form */
/* @group Search */
.search-results-form {
  background: #fff;
}
.component-search-results {
  margin-top: 10px;
  margin-bottom: 100px;
}
.component-search-results h1.marquee {
  padding-bottom: 13px;
}
.search-results-form {
  width: 992px;
  height: 112px;
  padding-top: 34px;
  padding-left: 43px;
  margin: -5px -5px 0px -5px;
}
.search-results-query {
  float: left;
  display: inline-block;
  margin-right: 66px;
}
.search-results-text-input {
  width: 361px;
}
.search-results-text-submit {
  display: none;
}
.search-results-filter-categories {
  float: left;
}
.search-results-categories {
  float: left;
  display: inline-block;
  margin-top: 4px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0;
  border-right: 1px solid #e5e5e5;
}
.search-results-categories-last {
  border-right: none;
}
.search-results-filter-categories .styledCheckbox,
.search-results-filter-categories .styledCheckbox label {
  background: none;
  display: inline-block;
  width: auto;
  cursor: pointer;
}
/* Default Checkbox state */
.search-results-filter-categories .styledCheckbox {
  height: 33px;
  padding: 0 0 0 6px;
}
.search-results-filter-categories .styledCheckbox label {
  color: #4c4c4c;
  font-size: 14px;
  height: 27px;
  padding: 6px 16px 0 10px;
}
.search-results-filter-categories .styledCheckbox label span {
  color: #b2b2b2;
  font-size: 12px;
  font-style: italic;
}
/* Checked Checkbox state */
.search-results-filter-categories .styledCheckboxChecked,
.search-results-filter-categories .styledCheckboxChecked label {
  background: url("../images/search/sprite-search-results-tabs.png") no-repeat scroll 0 0 transparent;
}
.search-results-filter-categories .styledCheckboxChecked label {
  background-position: right -38px;
  color: white;
  /*font-weight:bold; I am not adding this style because it makes menu items move*/

}
.search-results-filter-categories .styledCheckboxChecked label span {
  color: white;
}
/* Promoted */
.search-results-first {
  padding-bottom: 45px;
}
.search-results-promoted {
  float: left;
  width: 500px;
}
.search-results-promoted-preview {
  text-align: center;
  float: left;
  width: 140px;
}
.search-results-promoted-info {
  margin-left: 160px;
  padding-top: 20px;
}
.search-results-promoted h2 {
  display: block;
  color: #4c4c4c;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 0px;
}
.search-results-promoted h2 strong {
  color: #4c4c4c;
  font-weight: bold;
}
.search-results-promoted h3 {
  display: block;
  color: #4c4c4c;
  font-size: 14px;
  margin-bottom: 25px;
}
.search-results-promoted ul {
  margin-bottom: 20px;
}
.search-results-promoted li {
  color: #666666;
  font-size: 12px;
  display: block;
  width: 317px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.search-results-promoted-buttons a {
  margin-right: 10px;
}
/* Search Related */
.search-results-related {
  background: url("../images/search/dotted-line-vertical.gif") repeat-y scroll left top transparent;
  float: right;
  width: 222px;
  padding-left: 38px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.search-results-related-list {
  display: block;
}
.search-results-related-item {
  display: block;
  margin-bottom: 20px;
}
.search-results-related-item a {
  display: block;
}
.search-results-related-image {
  float: left;
}
.search-results-related-info {
  margin-left: 40px;
}
.search-results-related h4 {
  font-weight: normal;
  display: block;
  margin-bottom: 25px;
}
/* @group Search Results */
.search-results-list {
  clear: both;
}
.search-results-item {
  clear: both;
  background: #f1f1f1 url("../images/search/dotted-line-horizontal-gray.gif") repeat-x left top;
  min-height: 130px;
  list-style: none;
}
.search-results-item.search-results-item-first {
  background-image: none;
}
.search-results-item-even {
  background: #e7e7e7 url("../images/search/dotted-line-horizontal-gray.gif") repeat-x left top;
}
.search-result-preview {
  background: url("../images/search/dotted-line-vertical-gray.gif") repeat-y scroll right top transparent;
  text-align: center;
  float: left;
  width: 140px;
  height: 90px;
  margin-top: 20px;
  padding-top: 10px;
  overflow: hidden;
}
/* Video Preview */
.search-result-preview .video-container {
  display: inline-block;
  cursor: default;
}
.search-result-preview .video-container:hover .video-thumb {
  /* make it the default one */

  background-position: left -218px;
}
.search-result-info {
  padding-top: 18px;
  padding-bottom: 18px;
  margin-left: 160px;
  margin-right: 90px;
}
.search-result-info b {
  font-weight: bold;
}
.search-results-item h1 {
  padding-bottom: 7px;
  line-height: 18px;
  font-size: 18px;
}
.search-results-item h1 a {
  color: #4c4c4c;
  font-weight: normal;
  font-size: 18px;
}
.search-results-item h1 a:hover {
  color: #92C82F;
}
.search-results-item p {
  color: #999;
}
/* Pagination & Loader */
.search-results-pagination-button {
  display: none;
}
.search-results-pagination,
.search-results-loader {
  text-align: center;
  margin-top: 30px;
}
.search-results-loader {
  display: none;
}
.component-search-results .loading .form-big-search-input .form-search-button,
.component-search-results .loading .form-big-search-input-active .form-search-button {
  background: #f2f2f2 url('../images/search/ajax-loader-mini-on-bright.gif');
  width: 18px;
  height: 18px;
  top: 11px;
  right: 16px;
}
.component-search-results .loading .form-big-search-input-active .form-search-button {
  background-color: #fff;
}
/* @end Search */
/* No JS */
.no-js .search-results-text-input {
  display: inline-block;
  font-size: 18px;
  height: 30px;
  padding: 3px;
  margin-right: 10px;
}
.no-js .search-results-text-submit {
  font-size: 18px;
  display: inline-block;
  padding: 5px;
}
.no-js .search-results-filter-categories {
  display: none;
}
/* Has JS */
.has-js .search-results-text-submit {
  display: none;
}
.has-js .search-results-text-input {
  display: none;
}
.has-js .search-results-filter-categories {
  display: none;
}
p.search-results-categories {
  line-height: 20px;
}
.search-results h1.marquee {
  display: block;
  margin-top: 10px;
  padding-bottom: 33px;
  padding-top: 15px;
  color: #333;
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
}
.feature-detail-container .endnote {
  font-size: 12px;
  color: #a59d95;
}
/* @group Quietly Brilliant Page */
.quietly-bril-story {
  border-top: 1px solid #C7C2BE;
  border-bottom: 1px solid #C7C2BE;
  margin: 20px 0;
  width: 960px;
}
/* @group Rich Text Editor CSS */
.htc-richtext,
.mceContentBody {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  position: relative;
}
.htc-richtext p,
.mceContentBody p {
  color: #666666;
  line-height: 21px;
  font-size: 15px;
  margin: 0 0 15px 0;
  padding-bottom: 0 !important;
}
.htc-richtext li > p {
  display: block !important;
}
.htc-richtext li > p:first-child {
  margin: 0 !important;
  padding: 0 !important;
}
.htc-richtext em,
.mceContentBody em {
  font-style: italic;
}
.htc-richtext h2,
.mceContentBody h2,
.htc-richtext h3,
.mceContentBody h3 {
  color: #4D4D4D;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.htc-richtext h4,
.mceContentBody h4 {
  color: #4D4D4D;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.htc-richtext a,
.htc-richtext a:visited,
.mceContentBody a,
.mceContentBody a:visited {
  color: #81ba10;
  font-weight: bold;
  text-decoration: underline;
}
.htc-richtext a:hover,
.mceContentBody a:hover {
  color: #92c82f;
}
.htc-richtext a.green-button-type2,
.htc-richtext a.green-button-type2:visited,
.mceContentBody a.green-button-type2,
.mceContentBody a.green-button-type2:visited,
.htc-richtext a.green-button-type2:hover,
.mceContentBody a.green-button-type2:hover {
  color: #FFF;
}
.htc-richtext ul,
.mceContentBody ul {
  position: relative;
  left: 22px;
  margin-right: 22px;
  margin-bottom: 15px;
  padding-left: 22px;
  list-style-type: disc;
}
.htc-richtext ul li,
.mceContentBody ul li {
  color: #808080;
  font-size: 12px;
  line-height: 20px;
  list-style-type: disc;
  list-style-image: url("../images/richtext-bullet.png");
}
.htc-richtext ol,
.mceContentBody ol {
  margin-left: 20px;
  margin-bottom: 15px;
  padding-left: 20px;
  text-indent: -3px;
  list-style-type: decimal;
}
.htc-richtext ol li,
.mceContentBody ol li {
  color: #4c4c4c;
  font-size: 12px;
  line-height: 20px;
  list-style-type: decimal;
}
.htc-richtext img,
.mceContentBody img {
  padding: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
.htc-richtext-image-left {
  float: left;
  margin-right: 40px;
}
.htc-richtext-image-right {
  float: right;
  margin-left: 40px;
}
/* Link styles */
.htc-richtext .link-download,
.htc-richtext .link-pdf,
.htc-richtext .link-email,
.htc-richtext .link-html {
  background: transparent url(../images/sprite-gui-inline.png) no-repeat scroll 0 0;
  cursor: pointer;
  display: block;
  line-height: 14px;
  min-height: 17px;
  display: inline-block;
  padding-left: 24px;
  color: #4a4a4a;
  font-size: 11px;
  line-height: 16px;
  text-decoration: none;
  padding-left: 18px;
}
.htc-richtext .link-download {
  background-position: left -44px;
}
.htc-richtext .link-download:hover {
  background-position: left -68px;
}
.htc-richtext .link-pdf {
  background-position: left -242px;
}
.htc-richtext .link-pdf:hover {
  background-position: left -262px;
}
.htc-richtext .link-html {
  background-position: left -281px;
}
.htc-richtext .link-html:hover {
  background-position: left -301px;
}
.htc-richtext .link-email {
  background-position: left -625px;
}
.htc-richtext .link-email:hover {
  background-position: left -645px;
}
.htc-richtext td {
  vertical-align: middle;
}
/* @end Rich Text Editor */
/* @group FAQ */
.faq-toggle-container {
  background: url('../images/sprite-toggle-arrows-768wide.png') no-repeat top left;
  height: 45px;
  width: 768px;
}
.faq-toggle-container h2.faq-trigger {
  padding: 0 0 0 0;
  margin: 10px 0 0;
  height: 25px;
  width: 750px;
  font-weight: bold;
  color: #534741;
  float: left;
  font-size: 14px;
}
.faq-toggle-container h2.faq-trigger a {
  color: #534741;
  text-decoration: none;
  display: block;
  padding-top: 2px;
}
.faq-toggle-container h2.faq-trigger a:hover {
  color: #7DBE32;
}
.faq-toggle-container h2.active {
  background: url('../images/sprite-toggle-arrows-768wide.png') no-repeat top left;
}
.faq-toggle-container {
  border-top: 1px solid #ccc;
  margin: 10px 0;
  overflow: hidden;
}
.faq-toggle-container .toggle_container .block {
  left: 0;
  position: relative;
  text-align: left;
}
/* @end FAQ */
/* Why HTC title button table */
table.htc-title-button-table {
  width: 1024px;
  padding: 0;
  margin: 0;
}
td.htc-title-button-table-buttons {
  float: right;
}
/* @group NA Community Landing */
.community-landing-promos-container-na {
  padding-top: 25px;
}
.community-landing-promos-container-na .community-landing-promo {
  overflow: auto;
  margin: 0 0 5px 0;
}
.community-landing-promo-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  clear: both;
  margin: 5px 0 0 0;
  width: 235px;
  height: 206px;
  display: block;
  padding: 15px;
  color: #534741;
}
.community-landing-promos-container-na .htc-richtext a {
  text-decoration: none;
}
.community-landing-promos-container-na .htc-richtext ul {
  left: 0;
  margin: 0 0 15px 0;
  padding-left: 15px;
}
.community-landing-promos-container-na .htc-richtext li,
.community-landing-promos-container-na .htc-richtext p {
  line-height: 16px;
}
.community-landing-promos-container-na .htc-richtext li {
  margin: 2px 0;
}
.community-landing-promos-container-na .community-landing-promo-box {
  height: auto;
}
.community-landing-promos-container-na .social-icons-container {
  margin-top: 40px;
  clear: both;
}
.community-landing-promo-box.small-right,
.community-landing-promo-box.small-left {
  width: 110px;
  min-height: 90px;
  clear: none;
  margin-bottom: 30px;
  padding-bottom: 5px;
  position: relative;
}
.community-landing-promo-box.small-left {
  margin-right: 14px;
}
.community-landing-promo-box.small-right .community-landing-promo-shadow,
.community-landing-promo-box.small-left .community-landing-promo-shadow {
  background: url('../images/community-promo-shadow-small.png') no-repeat bottom left;
  width: 110px;
  height: 11px;
  position: absolute;
  bottom: -11px;
  left: 0;
}
/* @end NA Community Landing */
/* @group Forms */
form {
  margin-bottom: 40px;
}
fieldset > label,
fieldset .options {
  display: block;
  margin: 0 0 20px 0;
}
fieldset.left,
fieldset.half,
fieldset.right {
  width: 282px;
  float: left;
}
fieldset.right {
  margin-left: 98px;
}
aside.callout {
  float: right;
  width: 200px;
  background: #FFF;
  padding: 20px;
  -webkit-box-shadow: 0px 1px 1px #d0d0d0;
  -moz-box-shadow: 0px 1px 1px #d0d0d0;
  box-shadow: 0px 1px 1px #d0d0d0;
}
aside.callout p {
  margin-bottom: 15px;
}
fieldset .field-label,
fieldset .instructions {
  display: block;
  max-width: 270px;
  margin: 0 0 3px 0;
}
fieldset .options .field-label {
  margin: 0 0 6px 0;
}
fieldset .field-label {
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 3px 0;
}
fieldset small,
fieldset small {
  font-size: 11px;
  font-weight: normal;
}
fieldset input,
fieldset select {
  border: 1px solid #CCC;
  padding: 8px 5px;
  font-family: Arial, sans-serif;
  font-size: 12px;
}
fieldset select {
  font-weight: bold;
  height: 32px;
  background: #EEE;
  color: #000;
  font-size: 11px;
}
fieldset > label > input {
  width: 270px;
  margin: 3px 0 0 0;
}
fieldset > label > select {
  width: 280px;
  margin: 3px 0 0 0;
}
form.inline {
  margin-bottom: 10px;
  position: relative;
}
form.inline fieldset > label,
form.inline fieldset > div {
  float: left;
  margin: 0 10px 10px 0;
}
fieldset .checkbox {
  overflow: visible;
  margin: 0 0 20px 0;
  position: relative;
}
fieldset .checkbox input {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  top: 0;
  left: 0;
}
fieldset .checkbox .option-label,
fieldset .checkbox .field-error {
  margin-left: 22px;
  display: block;
}
fieldset .options label {
  padding: 0 20px 0 0;
  position: relative;
  overflow: hidden;
  display: block;
  float: left;
}
fieldset .options input {
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  top: 0;
  left: 2px;
}
fieldset .options .option-label {
  margin: 0 0 0 22px;
  display: block;
}
form .secondary-actions {
  margin: 20px auto 0;
}
form .secondary-actions a {
  color: #666;
  text-decoration: underline;
}
form .secondary-actions a:hover {
  text-decoration: none;
}
fieldset .field-error {
  display: block;
}
fieldset .error .field-label,
fieldset .error .field-error,
form .form-error-message {
  color: #C00;
}
form .form-error-message {
  display: none;
}
form .form-success-message {
  color: #7DBE32;
}
.readonly {
  background-color: #CCC;
}
fieldset .error input {
  border: 1px solid #C00;
}
form .button {
  margin: 10px 0;
  overflow: hidden;
}
form .button-square-green span {
  text-transform: uppercase;
}
/* @end Forms */
/* @group My Account Overview */
.myaccount-device-container {
  position: relative;
  margin: 0 0 40px 0;
}
.myaccount-device {
  background: #FFF;
  border: 1px solid #d7d7d7;
  overflow: auto;
  position: relative;
}
.full-width-shadow {
  background: url('../images/full-width-shadow.png') no-repeat bottom left;
  width: 100%;
  height: 11px;
  position: absolute;
  bottom: -11px;
  left: 0;
}
.myaccount-device .product-image {
  float: left;
  margin: 30px;
}
.myaccount-device-overview {
  float: left;
  margin: 50px 0 0 0;
}
.myaccount-device-overview h5 {
  text-transform: uppercase;
  color: #7E7E7E;
  font-size: 11px;
  font-weight: normal;
}
.myaccount-device-overview h2 {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: normal;
}
.myaccount-device-overview h2 em {
  font-weight: bold;
}
.myaccount-device-overview li {
  list-style: none;
  margin: 5px 0;
}
.myaccount-logout-button-container {
  position: absolute;
  right: 0;
  bottom: 15px;
}
.myaccount-logout-button-container a.button-square-grey span {
  font-weight: bold;
}
/* @end My Account Overview */
/* @group Where To Buy */
.wtb-message-container {
  height: 25px;
  width: 100%;
}
.location-search-button {
  position: absolute;
  bottom: 13px;
  left: 140px;
  border: 0;
  padding: 5px;
  margin: 0;
}
.location-container {
  width: 170px;
}
.location-container input.search-location {
  width: 135px;
  padding-right: 25px;
  margin: 3px 0 0 0;
}
.carrier-container {
  width: 105px;
  margin-right: 10px;
}
.carrier-container select {
  width: 105px;
}
.sortby-container {
  width: 105px;
  margin-right: 10px;
}
.sortby-container select {
  width: 105px;
}
.radius-container {
  width: 80px;
}
.radius-container select {
  width: 80px;
}
.visually-hidden {
  display: none;
}
.where-to-buy-product {
  overflow: hidden;
  margin: 0 0 7px 0;
}
.where-to-buy-product img {
  vertical-align: middle;
  margin: 0 10px 0 5px;
}
.where-to-buy-product img.product-image {
  height: 100px;
}
.where-to-buy-product img.product-logo {
  width: 180px;
}
.location-results {
  background: #FFF;
  margin-right: 20px;
}
.location-results > h3 {
  background: #EDEDEC;
  border-style: solid;
  border-color: #CCC;
  border-width: 2px 1px 0 1px;
  font-weight: normal;
  padding: 10px 7px;
  text-transform: uppercase;
  color: #7E7E7E;
  font-size: 12px;
}
.locations-table h3,
.wtb-info-window h3 {
  color: #666;
  font-size: 13px;
  padding: 0;
  margin: 0 0 5px 0;
}
.locations-table {
  width: 100%;
}
.results-table {
  height: 420px;
  overflow: auto;
  border-style: solid;
  border-color: #CCC;
  border-width: 0 1px 1px 1px;
}
.locations-table td {
  padding: 15px 10px 10px 10px;
}
.store-map-ping img {
  width: 22px;
}
.even {
  background: #FAFAFA;
}
.store-location {
  width: 300px;
}
.result-links {
  width: 150px;
}
.store-location p,
.wtb-info-window p {
  display: block;
  font-size: 12px;
  margin: 5px 0;
  color: #7E7E7E;
}
.wtb-info-window .links {
  margin: 20px 0 0 0;
}
.store-location .store-distance {
  color: #999;
}
.notes {
  width: 400px;
  height: 200px;
}
.sendToFriend_info {
  display: none;
}
#map_canvas {
  width: 512px;
  height: 650px;
  margin-top: 15px;
}
/* @end Where To Buy */
/* @group  */
.phone-overview-gallery .contentContainer {
  float: right;
  width: 539px;
  height: 395px;
  overflow: visible;
  position: relative;
}
.phone-overview-gallery.type2 {
  width: 916px !important;
}
.component-product-summary ul li.key-features {
  width: 422px !important;
}
.component-product-summary {
  width: 956px !important;
}
.component-product-summary ul li.key-features {
  width: 420px !important;
}
.phone-overview-gallery .contentContainer {
  width: 539px !important;
}
.component-product-specs-tech.type2 {
  width: 866px !important;
}
/* @end  */
body.mm .subpromo-tiles-container .subpromo-tile.sub-promo-content p.text {
  font-size: 12px;
  line-height: 17px;
  padding: 4px 0 0;
}
body.mm .phone-overview-gallery .info .description p {
  line-height: 20px;
  font-size: 12px;
}
/* ============================================================================= */
/* ======{NEW HEADER/FOOTER TWEAKS}====== */
/* ============================================================================= */
header {
  margin: 0 auto;
}
header .top li {
  display: inline-block;
  float: left;
}
header .top li:first-child {
  padding-right: 14px;
}
header .top li .map a {
  background: url("../images/map.png") no-repeat scroll 0 0 transparent;
  height: 24px;
  width: 53px;
  display: block;
}
header .nav .submenu {
  top: 83px;
}
header .search form {
  margin-bottom: 0;
}
.myaccount-form label.error {
  background: none;
}
.footer-promo-content dd {
  font-size: 13px;
}
a.blue-button {
  color: #fff;
}
footer .engagement .engagement-content .social h2 {
  color: #bababa;
}
footer .engagement .engagement-content .newsletter .button {
  margin: 0;
}
#htc-header {
  border-top: 6px solid #69b40f;
}

footer .footer-col h3 a {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0 5px 0;
  text-decoration: none;
}

/* ============================================================================= */
/* ======{NEW SUBNAV}====== */
/* ============================================================================= */
header .nav .submenu a {
  color:#333333;
}


header .nav .submenu{width:100%;display:none;position:absolute;left:0;top:78px;background-color:#f0f0f0;border-bottom:1px solid #e0e0e0;z-index:10000;overflow:hidden;}
header .nav .submenu .subnav{*zoom:1;position:relative;overflow:hidden;width:100%;margin:auto;color:#333333;background-color:#f0f0f0;}header .nav .submenu .subnav:before,header .nav .submenu .subnav:after{content:"";display:table;}
header .nav .submenu .subnav:after{clear:both;}
header .nav .submenu .subnav ul{display:block;float:left;margin:0;padding:0;}
header .nav .submenu .subnav ul>li{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;float:left;padding:0 5px 0 5px;list-style-type:none;text-align:center;}
header .nav .submenu .subnav ul>li>a{color:#434343;display:block;max-width:200px;font-size:12px;padding:15px 7px 15px 7px;text-decoration:none;text-transform:uppercase;opacity:0.6;}
header .nav .submenu .subnav ul>li>a>span{display:block;padding-top:10px;font-weight:bold;}
header .nav .submenu .subnav ul>li>a:hover{opacity:1;}
header .nav .submenu .smartphones{*zoom:1;position:relative;overflow:hidden;width:978px;margin:0 auto;color:#333333;background-color:#f0f0f0;}
header .nav .submenu .smartphones:before,header .nav .submenu .smartphones:after{content:"";display:table;}
header .nav .submenu .smartphones:after{clear:both;}
header .nav .submenu .smartphones .featured-phones{display:block;float:left;margin:0;padding:15px 0 15px 0;background-color:#f0f0f0;}
header .nav .submenu .smartphones .featured-phones ul{margin:0;padding:15px 0 15px 0;}
header .nav .submenu .smartphones .featured-phones ul li.product-entry{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;float:left;width:150px;padding-right:26px;list-style-type:none;}
header .nav .submenu .smartphones .featured-phones ul li.product-entry a{text-decoration:none;}
header .nav .submenu .smartphones .featured-phones ul li.product-entry h3{color:#333333;}
header .nav .submenu .smartphones .featured-phones ul li.product-entry .product-image{display:block;width:150px;height:208px;}
header .nav .submenu .smartphones .featured-phones ul li.product-entry .product-image img{width:150px;height:208px;max-width:150px;max-height:208px;}
header .nav .submenu .smartphones .featured-phones ul li.product-entry .product-details{display:block;width:150px;}
header .nav .submenu .smartphones .featured-phones ul li.product-entry .product-details .product-title{display:block;width:150px;font-size:14px;font-weight:bold;text-align:center;margin:5px 0 0 0;}
header .nav .submenu .smartphones .featured-phones ul li.product-entry .product-details .product-tagline{display:block;width:150px;font-size:11px;font-weight:bold;text-align:center;}
header .nav .submenu .smartphones .featured-phones ul li.product-entry .product-details .buy-now{display:block;width:150px;font-style:italic;color:#69b40f;padding-top:5px;text-align:center;}
header .nav .submenu .smartphones .other-phones{position:absolute;top:50%;left:528px;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);width:449px;border-left:1px solid #bebebe;background-color:#f0f0f0;}
header .nav .submenu .smartphones .other-phones ul{padding:15px 0 15px 45px;}header .nav .submenu .smartphones .other-phones ul li{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;width:190px;padding:15px 10px 15px 0;vertical-align:top;list-style-type:none;}
header .nav .submenu .smartphones .other-phones ul li a{text-decoration:none;}
header .nav .submenu .smartphones .other-phones ul li h3{color:#333333;font-size:14px;padding:0;margin:0;text-align:left;}
header .nav .submenu .smartphones .other-phones ul li .tagline{font-size:11px;padding:0;margin:0;text-align:left;}
header .nav .submenu .smartphones .other-phones .view-all{padding:0 0 15px 0;text-align:center;}header .nav .submenu .smartphones .other-phones .view-all .call-to-action{margin:0;}


header .nav .submenu .smartphones .other-phones .view-all a.view-all-button {
display: table;
margin: 0 auto;
text-decoration: none;
text-align: center;
padding: 10px;
font-size: 12px;
font-style: italic;
color: white;
background-color: #0cb5ea;
}

header .nav .submenu .smartphones .other-phones .view-all .call-to-action {
margin: 0;
}

.call-to-action {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
color: #FFF;
font-size: 18px;
font-weight: 900;
font-style: italic;
white-space: nowrap;
text-decoration: none;
background: #1996D3;
padding: 9px 45px 9px 45px;
margin: 32px 0 0 0;
transition: 0.2s;
}

header .nav .submenu a.call-to-action {
  color:#fff;
}