/* HTML5 boilerplate - normalize css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body, figure, form {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
h1 {
  font-size: 2em;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before, q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul, ol {
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
p, ul, ol {
  margin: 0 0 1em 0;
}
nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}
nav ul li a:hover, nav ol li a:hover {
  text-decoration: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  height: auto !important;
}
img,
object,
embed,
video,
iframe {
  max-width: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}
iframe {
  border: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button, input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  *vertical-align: baseline;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body, img, .wrapper {
  transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
}
/* dev styles  */
#buildInfo {
  position: fixed;
  top: -30px;
  right: 10px;
  width: 295px;
  height: 35px;
  margin: 0 0 0 -48px;
  font-size: 11px;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  cursor: default;
  background: #CCC;
  color: #FFF;
  z-index: 998;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
#buildInfo:hover {
  top: -5px;
}
#buildInfo small {
  font-size: 10px;
}
.ie6 #buildInfo {
  position: absolute;
}
/* custom styles */
.clear {
  clear: both;
  overflow: hidden;
  height: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* Minification failed (line 177, error number 1049): Browser hack generates invalid CSS */
    
        /*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/custom/global/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/custom/global/images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/custom/global/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/custom/global/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/custom/global/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/custom/global/images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/custom/global/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/custom/global/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/custom/global/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/custom/global/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/custom/global/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/custom/global/images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/custom/global/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/custom/global/images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/custom/global/images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/custom/global/images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/custom/global/images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/custom/global/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


/* Minification failed (line 359, error number 1043): 'progid:' is an IE-only construct that generates invalid CSS */
    
        /* less css *//* dark blue *//* light blue *//* brown */body {
  -webkit-tap-highlight-color: #003d6b;
}
::selection {
  background: #003d6b;
  color: #FFF;
}
::-moz-selection {
  background: #003d6b;
  color: #FFF;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  text-align: center;
}
#maincol ul,
.col3 .feature ul,
.quick-links ul,
#maincol .quick-links .content ul {
  list-style: none;
  list-style-image: url(/Custom/DefaultSite/Images/listarrow.gif);
  margin-left: 0;
  padding-left: 20px;
}
/*
#maincol ul li:before {
    content: "\00BB \0020";
}

#maincol ul li {
    padding-left: 20px;
}
*/
/*Homepage Styles*/
#maincol.home, #rightcol.home {
  padding-top: 0!important;
}
#maincol.home {
  width: 614px;
}
#rightcol.home {
  width: 280px;
  padding-right: 0px;
}
#allcol.home .content .col3 h3 {
  color: white;
  background: #003d6b;
  margin: 0;
  padding: 5px 10px;
  border-radius: 10px 10px 0px 0px;
}
#allcol.home .content .col3 a {
  background: url(/Custom/DefaultSite/Images/r-arrow.png) no-repeat 248px 3px;
  color: white;
  display: block;
  text-decoration: none;
}
#allcol.home .content .col3 img {
  border-radius: 0px 0px 10px 10px;
}
/*Product collateral tree*/
#maincol .collateral {
  padding-right: 20px;
}
#maincol .collateral table.outer {
  border: 1px solid #dedede;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
}
#maincol .content .collateral table.outer tbody tr td.first {
  background: #ccc;
  height: 247px;
  width: 20px;
  padding: 10px 15px 0px 10px;
}
.book {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.bold {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.proxima {
  font-family: "proxima-nova", sans-serif;
}
.layout {
  width: 960px;
}
.contentWrapper {
  margin-bottom: 30px;
}
select#ddlMobileNav {
  display: none;
}
select#ddlMobileCprtFooter {
  display: none;
}
#container {
  /*
  background: @background1;
  .layout;
  box-shadow: 0 0 4px rgb(199,203,207);
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  position: absolute;
  top: 0;
  margin-left: -480px;
  left: 50%;
  */
  position: absolute;
  width: 100%;
}
#shell {
  width: 960px;
  background-color: #fff;
  box-shadow: 0 0 4px #c7cbcf;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  position: relative;
}
.overflow {
  overflow: hidden;
}
/*.padding (@padding: 0 20px 0 0) { 
  padding: @padding; 
}*//* Updated for Product Pages */
.content, .productsearch h1, .resourcesearch h1 {
  padding: 0;
}
.introblock {
  padding: 0 20px 20px 0;
}
.productsearch.content, .resourcesearch.content, .contact.content {
  padding: 0;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  background: #e5ebf0;
  color: #666666;
  font-size: 0.8em;
  line-height: 1.5em;
}
b, strong {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
a {
  color: #0096d1;
  text-decoration: none;
}
a:hover {
  color: #003d6b;
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0 0 0.375em;
}
h1 {
  font-family: "proxima-nova", sans-serif;
  color: #003d6b;
  font-size: 1.8em;
  line-height: 1.125em;
  margin: 0 0 1em;
}
h2 {
  font-family: "proxima-nova", sans-serif;
  color: #000;
  font-size: 1.4em;
  line-height: 1.125em;
}
h3,
h4,
h5,
h6 {
  font-family: "proxima-nova", sans-serif;
  color: #000;
  font-size: 1.1em;
  line-height: 1.384em;
}
h2.iconh2 {
  width: 560px;
}
h2.iconh2 img {
  padding-right: 10px;
}
.update-cart-dropdown {
  float: right!important;
  width: 150px !important;
}
.update-cart-dropdown span {
  position: relative;
  top: 7px;
}
.wrapper {
  width: 960px;
  background: white;
  z-index: 1;
  /*#rightcol { width: @rightcol * @unit; padding-right: @colvalue * 3; }*/

  /* Updated for Product Pages*/

  /*#maincol { width: @maincol * @unit; padding-left: @colvalue * 3; padding-bottom: @colvalue * 3; }*/

  /* Updated for Product Pages*/

}
.wrapper #intro {
  clear: both;
}
.wrapper #leftcol {
  width: 220px;
  padding-left: 30px;
}
.wrapper #rightcol {
  width: 168px;
  padding-right: 30px;
}
.wrapper #centercol {
  width: 420px;
  padding: 0 20px;
}
.wrapper #maincol {
  width: 732px;
  padding-left: 30px;
  padding-bottom: 30px;
}
.wrapper #allcol {
  width: 900px;
  padding: 0 30px;
}
.wrapper .wrapper {
  width: auto;
}
#leftcol,
#rightcol,
#centercol,
#maincol,
.thirdcol,
.third {
  float: left;
}
.thirdcol.col1 {
  margin: 0;
  padding: 0 0 0 30px;
  width: 286px;
}
.thirdcol.col2 {
  margin: 0;
  padding: 0 21px;
  width: 286px;
}
.thirdcol.col3 {
  margin: 0;
  padding: 0 30px 0 0;
  width: 286px;
}
#intro.pageheader {
  padding: 0 30px;
}
#intro.pageheader.p30 {
  padding: 30px 30px 0 30px;
}
section.col-p30, #allcol.col-p30 {
  padding-bottom: 30px;
}
#content #slideContainer .wrapper {
  overflow: visible;
}
#leftcol {
  background: white;
  padding-top: 30px;
}
#rightcol {
  background: white;
  padding-top: 30px;
}
#centercol {
  background: white;
  padding-top: 30px;
}
#maincol {
  background: white;
  padding-top: 30px;
  position: relative;
  z-index: 0;
}
header br {
  display: none;
}
header {
  width: 960px;
  background: white url(/Custom/DefaultSite/Images/headernav.gif) repeat-x bottom left;
  height: 158px;
  position: relative;
}
header .wrapper {
  background-color: transparent;
  height: 158px;
}
header.subnav {
  margin-bottom: 87px;
}
header .container {
  height: 158px;
  width: 100%;
}
header hgroup {
  height: 78px;
  padding: 24px 0 0 30px;
}
header hgroup h1 {
  margin: 0 0 5px;
}
header hgroup h1 a {
  background: url(/Custom/DefaultSite/Images/sprite.png) no-repeat -20px -37px;
  height: 42px;
  display: block;
  margin-top: 14px;
  overflow: hidden;
  text-indent: -9999em;
  width: 311px;
}
header hgroup h2 {
  color: #003d6b;
  font: 0.9em/1.5em Arial, Helvetica, sans-serif;
  padding: 0;
  text-transform: uppercase;
}
header nav.main-nav {
  margin: 16px 0 0 30px;
  width: 930px;
  z-index: 1;
}
header #login {
  position: absolute;
  right: 14px;
  top: 118px;
}
#currentUser {
  position: absolute;
  right: 15px;
  top: 95px;
}
header nav.main-nav ul, header #login ul {
  background: url(/Custom/DefaultSite/Images/nav.png) no-repeat right 1px;
  display: inline-block;
  height: 39px;
  list-style: none;
  padding: 0;
}
.ie7 header nav.main-nav {
  padding-top: 12px;
}
.ie7 header nav.main-nav ul {
  float: left;
}
header nav.main-nav ul li, header #login ul li {
  background: url(/Custom/DefaultSite/Images/nav.png) no-repeat left -2px;
  border-top: 3px solid #FFF;
  float: left;
  position: relative;
  /*width: 147px;*/

}
/* Change Home text to icon */
header nav.main-nav ul li:first-child a {
  background: url(/Custom/DefaultSite/Images/sprite.png) no-repeat 8px -86px;
  overflow: hidden;
  text-indent: -9999em;
}
header nav.main-nav ul li:first-child a:hover {
  background-position: 8px -113px;
}
header nav.main-nav ul li:hover, header #login ul li:hover {
  border-top: 3px solid #7F9EB5;
}
header nav.main-nav ul li:hover,
header nav.main-nav ul li.HighLighted,
header #login ul li:hover,
header #login ul li.HighLighted {
  background-color: #FFF;
  border-top: 3px solid #7F9EB5;
}
header nav.main-nav ul li:hover a,
header nav.main-nav ul li.HighLighted a,
header #login ul li:hover a,
header #login ul li.HighLighted a {
  color: #003A69;
}
header nav.main-nav ul li a, header #login ul li a {
  font-family: "proxima-nova", sans-serif;
  color: #FFF;
  display: block;
  font-size: 1em;
  font-weight: bold;
  height: 28px;
  padding: 9px 20px 0;
  text-decoration: none;
  text-transform: uppercase;
}
header nav.main-nav ul li a:hover, header #login ul li a:hover {
  color: #003A69;
}
header nav.main-nav ul li:hover + li, header nav.main-nav ul li.HighLighted + li {
  background: none;
}
header nav.main-nav ul li.HighLighted + li:hover,
header nav.main-nav ul li:hover + li.HighLighted,
header #login ul li.HighLighted + li:hover,
header #login ul li:hover + li.HighLighted {
  background: #FFF;
}
/* dd */
header nav.main-nav ul li ul {
  background: #E5EBF0 none;
  display: none;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 37px;
  z-index: 9999;
  width: 200px;
  height: auto;
}
header nav.main-nav ul li.sleep-apnea ul {
  width: 740px;
  /* 400 for 2 columns */

}
header nav.main-nav ul li.respiratory ul {
  width: 800px;
  /* 400 for 2 columns */

}
/* additional styles for 4 column respiratory and sleep-apnea */
header nav.main-nav ul li.respiratory ul li {
  float: left;
  width: 400px !important;
}
header nav.main-nav ul li.respiratory ul li ul {
  float: left;
  width: 200px;
}
header nav.main-nav ul li.respiratory ul li ul li {
  float: none;
  width: 200px;
}
header nav.main-nav ul li.respiratory ul li ul li ul {
  float: none;
}
header nav.main-nav ul li.sleep-apnea ul li, header nav.main-nav ul li.sleep-apnea ul div.same-col {
  float: left;
  width: 185px !important;
}
/* end additional styles for 4 column respiratory and sleep-apnea */
header nav.main-nav ul li.respiratory ul li ul {
  width: 200px;
}
header nav.main-nav ul li.sleep-apnea ul li ul {
  width: 185px;
}
header nav.main-nav ul li ul li {
  background: transparent none;
  border-top: 0;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 200px;
}
header nav.main-nav ul li ul li ul li {
  float: none;
}
header nav.main-nav ul li ul li:first-child, header nav.main-nav ul li ul li:nth-child(2) {
  width: 200px;
}
header nav.main-nav ul li ul li:first-child a {
  background: none;
  overflow: visible;
  text-indent: 0;
}
header nav.main-nav ul li ul li:hover,
header nav.main-nav ul li ul li.HighLighted:first-child:hover,
header nav.main-nav ul li ul li.HighLighted,
header nav.main-nav ul li ul li.HighLighted + li:hover,
header nav.main-nav ul li ul li:hover + li.HighLighted,
header #login ul li ul li.HighLighted + li:hover,
header #login ul li ul li:hover + li.HighLighted {
  background: transparent none;
  background-color: transparent;
  border: 0;
}
header nav.main-nav ul li ul li + li.HighLighted {
  background: transparent none;
}
header nav.main-nav ul li ul li a, header nav.main-nav ul li.HighLighted ul li a {
  background: transparent none;
  color: #004672;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  height: auto;
  line-height: 1.2em;
  padding: 4px 0;
  text-transform: none;
  width: auto;
}
header nav.main-nav ul li ul li ul li a, header nav.main-nav ul li:hover ul li ul li a, header nav.main-nav ul li.HighLighted ul li ul li a {
  color: #668BA6 !important;
  font-weight: normal;
}
header nav.main-nav ul li ul li ul li ul li a, header nav.main-nav ul li:hover ul li ul li ul li a, header nav.main-nav ul li.HighLighted ul li ul li ul li a {
  color: #776A63 !important;
  font-weight: normal;
  padding-left: 10px;
}
header nav.main-nav ul li ul li a:hover,
header nav.main-nav ul li ul li ul li a:hover,
header nav.main-nav ul li ul li ul li a:hover,
header nav.main-nav ul li ul li:first-child a:hover,
header nav.main-nav ul li ul li:hover,
header nav.main-nav ul li ul li ul li:hover,
header nav.main-nav ul li ul li ul li:hover,
header nav.main-nav ul li ul li:first-child:hover {
  background: none;
  background-color: transparent;
  border: 0;
  color: #000 !important;
}
header nav.main-nav ul li ul li ul li a:hover,
header nav.main-nav ul li ul li ul li ul li a:hover,
header nav.main-nav ul li ul li ul li ul li a:hover,
header nav.main-nav ul li ul li ul li:first-child a:hover,
header nav.main-nav ul li ul li ul li:hover,
header nav.main-nav ul li ul li ul li ul li:hover,
header nav.main-nav ul li ul li ul li ul li:hover,
header nav.main-nav ul li ul li ul li:first-child:hover {
  background: none;
  background-color: transparent;
  border: 0;
  color: #003d6b !important;
}
header nav.main-nav ul li ul li ul,
header nav.main-nav ul li ul li ul li ul,
header nav.main-nav ul li ul li ul li ul li ul,
header nav.main-nav ul li.HighLighted ul li ul {
  display: block;
  height: auto;
  padding: 0;
  position: static;
  width: 200px;
}
header nav.main-nav ul li ul li ul li ul, header nav.main-nav ul li.HighLighted ul li ul li ul {
  padding-bottom: 10px;
}
header nav.main-nav ul li ul li ul li ul li ul {
  display: none !important;
  /* 5th level */

}
header nav.main-nav ul li.respiratory ul li ul li ul li ul {
  display: block !important;
  /* 5th level */

}
header nav.main-nav ul li ul li ul li ul li ul li {
  padding-left: 10px;
}
/* sub nav */
header nav.sub-nav {
  background: #FFF;
  border-bottom: 2px solid #C7CED4;
  height: 34px;
  left: 10px;
  opacity: 1 !important;
  padding: 0;
  position: absolute;
  top: 159px;
  width: 940px;
  z-index: 0;
}
header nav.sub-nav ul {
  width: 960px;
  bottom: 7px;
  position: absolute;
}
header nav.sub-nav ul li {
  float: left;
}
header nav.sub-nav ul li a {
  background: none;
  color: #7F9EB5;
  font-size: 0.85em;
  font-weight: normal;
  height: auto;
  padding: 6px 18px 22px;
  text-decoration: none;
  text-transform: none;
  width: auto;
}
header nav.sub-nav ul li.HighLighted:first-child a {
  padding-left: 18px;
}
header nav.sub-nav ul li a:hover {
  background: white url(/Custom/DefaultSite/Images/sprite.png) no-repeat left 9px;
  border-radius: 0;
  color: #FA5A02;
}
header nav.sub-nav ul li.HighLighted a {
  background: #7f9eb5 url(/Custom/DefaultSite/Images/sprite.png) no-repeat center 32px;
  border-radius: 3px 3px 0 0;
  color: #FFF;
}
header nav.sub-nav ul li.HighLighted a:hover {
  background: #003a69 url(/Custom/DefaultSite/Images/sprite.png) no-repeat center -546px;
}
header #login ul li.loginlink a {
  cursor: pointer;
}
/* breadcrumb */
.breadcrumb {
  font-size: 0.9em;
  padding: 10px 30px 0;
}
/* auto complete */
ul.ui-autocomplete {
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  color: #FFF;
  list-style: none;
  margin: 0;
  padding: 0;
  top: 103px;
  width: 168px;
}
ul.ui-autocomplete li {
  background: #7F9EB5;
}
ul.ui-autocomplete li a {
  color: #FFF;
  display: block;
  padding: 2px 10px;
  text-decoration: none;
}
ul.ui-autocomplete li a:hover {
  background: #8faabe;
}
ul.ui-autocomplete li:last-child {
  border-radius: 0 0 3px 3px;
}
.expanded ul.ui-autocomplete {
  top: 205px !important;
}
.labelwrap {
  margin: 12px 0 24px 0;
}
.error {
  background-color: #f2dede;
  padding: 15px;
}
.success {
  background-color: #dff0d8;
  padding: 15px;
}
/* table styles */
#maincol table,
#allcol .warrantySearchResult table,
#allcol .orderHistory table,
#allcol .dealer-address table,
#allcol .maskReturnsDetail table,
#allcol table.simpleTable {
  border-color: #D7D7D7;
  margin: 10px 0;
}
#maincol table caption,
#allcol .warrantySearchResult table caption,
#allcol .orderHistory table caption,
#allcol .dealer-address table caption,
#allcol .maskReturnsDetail table caption,
#allcol table.simpleTable caption {
  text-align: left;
  padding: 5px 0;
}
#maincol table tr:nth-child(even) td,
#allcol .warrantySearchResult table tr:nth-child(even) td,
#allcol .orderHistory table tr:nth-child(even) td,
#allcol .dealer-address table tr:nth-child(even) td,
#allcol .maskReturnsDetail table tr:nth-child(even) td,
#allcol table.simpleTable tr:nth-child(even) td {
  background: #edebea;
}
#maincol table th,
#allcol .warrantySearchResult table th,
#allcol .orderHistory table th,
#allcol .dealer-address table th,
#allcol .maskReturnsDetail table th,
#allcol table.simpleTable th {
  background: #003d6b;
  border-color: #D7D7D7;
  color: #FFF;
  padding: 2px 4px;
  text-align: left;
}
#maincol table td,
#allcol .warrantySearchResult table td,
#allcol .orderHistory table td,
#allcol .dealer-address table td,
#allcol .maskReturnsDetail table td,
#allcol table.simpleTable td {
  border-color: #D7D7D7;
  padding: 2px 4px;
}
#maincol table.EditingFormTable, #allcol .warrantySearchResult table.EditingFormTable {
  border-color: none;
  margin: 0;
}
#maincol table.EditingFormTable tr:nth-child(even) td, #allcol .warrantySearchResult table.EditingFormTable tr:nth-child(even) td {
  background: none;
}
#maincol table.EditingFormTable td, #allcol .warrantySearchResult table.EditingFormTable td {
  border-color: none;
  padding: 5px 0;
}
#allcol .orderHistory table, #allcol .dealer-address table, #allcol table.simpleTable {
  width: 100%;
}
#allcol .warrantySearchResult table {
  width: 50%;
}
#allcol .warrantySearchResult table td,
#allcol .warrantySearchResult table th,
#allcol table.simpleTable td,
#allcol table.simpleTable th {
  height: 30px;
  width: 16%;
}
#allcol .warrantySearchResult table td .action {
  width: 100%;
  text-align: center;
}
#allcol .dealer-address table td input.remove, #allcol .dealer-address table td input.edit {
  font-family: "proxima-nova", sans-serif;
  background: #7F9EB5;
  border-radius: 3px;
  display: inline-block;
  font-weight: 500;
  font-size: 1.2em;
  margin: 10px 0;
  padding: 4px 12px;
  white-space: nowrap;
  border: none;
  color: #FFF;
}
#allcol .dealer-address table td input.remove:hover, #allcol .dealer-address table td input.edit:hover {
  background: #003A69;
}
#allcol .dealer-address table td.buttons {
  text-align: right;
}
#allcol .dealerAddressWrapper .labelwrap {
  margin: 12px 0 24px 0;
}
#allcol .dealerAddressWrapper .error {
  background-color: #f2dede;
  padding: 15px;
}
#allcol .dealerAddressWrapper .success {
  background-color: #dff0d8;
  padding: 15px;
}
#allcol .frmDealerAddress input[type="checkbox"] {
  width: auto;
}
#allcol .frmDealerAddress {
  display: none;
}
#allcol .SureFitForm h1 {
  background: url(/images/surefitlogo/) no-repeat 0 0;
  text-indent: -9999em;
  width: 200px;
  height: 39px;
  display: block;
  overflow: hidden;
  margin-top: 30px;
  padding-top: 0;
}
.fphwarranty {
  padding: 0 30px;
  width: 900px;
}
.fphwarranty .rightzone {
  padding-left: 30px;
  width: 320px;
}
.fphwarranty .rightzone div {
  background: #ee7623;
}
.fphwarranty .rightzone div h3, .fphwarranty .rightzone div a {
  color: black;
  display: block;
  padding: 10px 15px;
}
.fphwarranty .rightzone div a {
  font-size: 10px;
  padding-bottom: 0;
}
.fphwarranty .rightzone div ul {
  color: white;
  margin: 0;
  padding: 0 30px;
}
/* alphabet list */
#maincol ul.alphabet-list {
  height: 60px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#maincol ul.alphabet-list li {
  border: 1px solid #DDD;
  color: #AAA;
  display: inline-block;
  float: left;
  height: 18px;
  margin-right: 3px;
  text-align: center;
  width: 18px;
}
#maincol ul.alphabet-list li.has-item {
  border: 1px solid #0096d1;
}
#maincol ul.alphabet-list li.current-item {
  border: 1px solid #0096d1;
}
#maincol ul.alphabet-list li.current-item a {
  background: #0096d1;
  color: #FFF;
  text-decoration: none;
}
#maincol ul.alphabet-list li a {
  display: block;
  float: left;
  height: 18px;
  width: 18px;
}
#maincol ul.alphabet-list li a:hover {
  background: #0096d1;
  color: #FFF;
  text-decoration: none;
}
/* footer */
footer nav {
  background: white url(/Custom/DefaultSite/Images/footerpx.gif) repeat-x 0 26px;
  min-height: 180px;
  padding: 0 30px;
}
footer nav ul li {
  float: left;
  /*padding-right: 10px;
            width: 170px;*/
  /* 140 for 6 columns */
  padding-right: 15px;
  /* Updated for Product Pages */
  width: 168px;
  /* Updated for Product Pages */

}
footer nav ul li:last-child {
  padding-right: 0;
}
footer nav ul li a {
  text-decoration: none;
}
footer nav ul li a:hover {
  color: #000;
  text-decoration: underline;
}
footer nav ul li ul li a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  border-bottom: 1px solid transparent;
  color: #53739B;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.8em;
  padding-bottom: 0;
}
footer nav ul li ul li a:hover {
  color: #000;
  text-decoration: underline;
}
footer nav ul li ul li ul {
  display: none;
}
footer ul li {
  font-family: "proxima-nova", sans-serif;
  color: #53739b;
  font-size: 1.4em;
  line-height: 1.125em;
}
footer ul li a {
  color: #53739b;
  display: block;
  padding-bottom: 10px;
}
footer ul li ul {
  padding-top: 5px;
}
footer ul li ul li {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.5em;
  padding-bottom: 0;
}
footer ul li ul li a {
  padding-bottom: 0;
}
footer {
  width: 960px;
  background: #FFF;
  padding-top: 30px;
  /*border-top: 1px solid fadeout(@brand1, 80%);*/

}
footer #band {
  background: url(/Custom/DefaultSite/Images/footer.gif) no-repeat bottom right;
  clear: both;
  height: 103px;
  width: 960px;
}
footer #band .wrapper {
  background: none;
  position: relative;
  width: auto;
  z-index: 1;
}
footer .logo {
  float: right;
  height: 41px;
  margin-top: 8px;
  width: 171px;
}
footer .copy {
  color: #FFF;
  display: block;
  font-size: 0.85em;
  position: absolute;
  top: 70px;
  left: 30px;
  width: 770px;
}
footer.home-footer {
  padding-top: 0;
}
.copy-notice {
  float: left;
}
.copyrightfooter ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
.copyrightfooter ul li {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.copyrightfooter ul li a {
  color: #FFF;
  padding-top: 3px;
}
.copyrightfooter ul li a:after {
  content: "|";
  padding: 0 5px;
}
.ie7 #footernav li a {
  padding-right: 10px;
}
#social-media {
  left: 30px;
  position: absolute;
  top: 20px;
}
#social-media .fb,
#social-media .ln,
#social-media .tw,
#social-media .gplus {
  float: left;
  padding-right: 16px;
}
#social-media .ln span {
  font-size: 10px !important;
}
#fb-root > div {
  left: 0;
}
/* --- */
#find-distributor, #contact-us {
  width: 960px;
  border-bottom: 1px solid #817470;
  height: 61px;
  margin: 40px 0 0 -30px;
}
#find-distributor h2, #contact-us h2 {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  background: #817470 url(/Custom/DefaultSite/Images/sprite.png) no-repeat 12px -159px;
  border: 1px solid #817470;
  border-bottom: 10px solid #4a4341;
  color: #FFF;
  display: inline-block;
  float: left;
  font-family: .proxima;
  font-size: 22px;
  font-weight: bold;
  margin: -1px 0 0 30px;
  padding: 15px 15px 12px 65px;
  text-shadow: 0 2px 0 #4a4341;
}
#find-distributor h2 a, #contact-us h2 a {
  color: #FFF;
}
#find-distributor h2 a:hover, #contact-us h2 a:hover {
  text-decoration: none;
}
#find-distributor h2:hover, #contact-us h2:hover {
  background-color: #736864;
}
img.right {
  margin: 0.5em 0 0.5em 0.5em;
}
img.left {
  margin: 0.5em 0.5em 0.5em 0;
}
.searchBox {
  background: #7F9EB5;
  border-radius: 3px;
  margin-right: 30px;
  position: absolute;
  right: 0;
  top: 80px;
  width: 168px;
}
.searchBox input {
  background: transparent;
  border: 0;
  color: #FFF;
  float: left;
  margin: 0;
  padding: 5px 10px;
  width: 122px;
}
.searchBox input[type="submit"] {
  background: url(/Custom/DefaultSite/Images/sprite.png) no-repeat right -368px;
  cursor: pointer;
  float: left;
  height: 25px;
  overflow: hidden;
  text-indent: -9999em;
  width: 25px;
}
.searchBox input:focus {
  background: transparent;
  border: 0;
}
.searchresult {
  border-bottom: 1px solid #D6D6D6;
  padding: 25px 0;
}
.searchresult h2 a {
  color: #202020;
}
.searchresult .description {
  padding: 0 0 20px;
}
.searchresult .description span.highlight {
  color: #0096d1;
  font-weight: bold;
}
.searchresult .datestamp {
  color: #888;
  font-size: 90%;
  white-space: nowrap;
}
#moresites {
  width: 960px;
  background: #003d6b;
  color: white;
  height: 106px;
  position: absolute;
  top: -102px;
  z-index: 1;
  left: 0;
}
#moresites .wrapper {
  background: #003d6b;
  height: 66px;
  width: 900px;
  padding: 20px 30px;
}
#moresites a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}
#moresites a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#moresites a.tag {
  width: 136px;
  height: 26px;
  background: url(/Custom/DefaultSite/Images/sprite.png) no-repeat -336px -549px;
  cursor: pointer;
  display: block;
  font-weight: bold;
  padding-left: 0;
  padding-right: 29px;
  text-align: right;
  text-transform: capitalize;
  position: absolute;
  bottom: -25px;
  right: 29px;
  z-index: 0;
}
#moresites a.tag.close {
  background: url(/Custom/DefaultSite/Images/sprite.png) no-repeat -336px -514px;
}
#moresites a.mobile-tag {
  display: none;
}
#moresites ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#moresites ul li {
  background: url(/Custom/DefaultSite/Images/topicons.gif) no-repeat;
  float: left;
  font-size: 0.9em;
  width: 190px;
  padding: 5px 0 5px 30px;
}
#moresites ul li.link {
  background-position: -7px -145px;
}
#moresites ul li.youtube {
  background-position: -7px -100px;
}
#moresites ul li.linkedin {
  background-position: -7px -52px;
}
#moresites ul li.facebook {
  background-position: -7px -3px;
}
#servicelinks {
  position: absolute;
  top: 7px;
  right: 10px;
}
#servicelinks ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#servicelinks ul li {
  float: left;
  padding: 0 5px 0 0;
}
#servicelinks ul li:after {
  content: "|";
  padding: 0 0 0 5px;
}
#servicelinks ul li:last-child:after {
  content: "";
  padding: 0;
}
#servicelinks ul li a {
  color: #003d6b;
}
#servicelinks ul li a:hover {
  color: #000;
}
.ie7 #servicelinks ul li a {
  padding: 0 0 0 5px;
}
#globe {
  background: url(/Custom/DefaultSite/Images/globe.gif) no-repeat top right;
  min-height: 26px;
  position: absolute;
  right: 209px;
  top: 80px;
  width: 206px;
  /*z-index: 9999;*/

}
a.gateway-link {
  display: block;
  float: right;
  height: 26px;
  width: 26px;
}
#countryselect {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #817470;
  color: white;
  width: 168px;
}
#countryselect:hover {
  background: rgba(129, 116, 112, 0.9);
}
#countryselect h2 {
  background: url(/Custom/DefaultSite/Images/mb-countryselect.gif) no-repeat right -177px;
  color: #FFF;
  cursor: pointer;
  font-size: 0.9em;
  padding: 0;
}
#countryselect h2 a {
  color: #FFF;
  display: block;
  padding: 7px 0 6px 8px;
}
#countryselect h2 a:hover {
  text-decoration: none;
}
#countryselect ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}
#countryselect ul li a {
  color: #FFF;
  display: block;
  text-decoration: none;
  padding-left: 6px;
}
#countryselect ul li a:hover {
  background: rgba(255, 255, 255, 0.2);
}
#countryselect ul li.current a, #countryselect ul li a:active, #countryselect ul li a:focus {
  background-image: url(/Custom/DefaultSite/Images/mb-countryselect.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
#countryselect ul li.current a:hover, #countryselect ul li a:active:hover, #countryselect ul li a:focus:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
/* sidemenu */
/* sidemenu display */
.menu ul li ul,
.menu ul li ul li ul,
.menu ul li ul li ul li ul,
.menu ul li ul li.break ul li ul,
.menu ul li.HighLighted ul li ul,
.menu ul li.HighLighted.parent ul li.HighLighted.parent ul li ul,
.menu ul li.HighLighted.parent ul li.HighLighted ul li ul {
  display: none;
}
.menu ul li.HighLighted ul,
.menu ul li ul li.break ul li.HighLighted ul,
.menu ul li.HighLighted ul li.HighLighted ul,
.menu ul li.HighLighted.parent ul li.HighLighted.parent ul li.HighLighted ul {
  display: block;
}
/* sidemenu styles */
.menu {
  padding-bottom: 20px;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu ul li a {
  border-bottom: 2px solid #D2D2D2;
  color: #53739b;
  display: block;
  font-weight: bold;
  font-size: 0.9em;
  padding: 7px;
  text-decoration: none;
}
.menu ul li.HighLighted a, .menu ul li a:hover {
  background: url(/Custom/DefaultSite/Images/sprite.png) no-repeat bottom left;
  border-bottom: 2px solid #003d6b;
  color: #003d6b;
}
.menu ul li.HighLighted ul {
  background: #F2F2F2;
  border-bottom: 1px solid #D2D2D2;
  margin-top: 0;
}
.menu ul li.HighLighted ul li a {
  background: none;
  border-bottom: 0;
  color: #817470;
  padding: 3px 15px 3px 20px;
}
.menu ul li a {
  font-size: 0.9em;
  text-transform: uppercase;
}
.menu ul li ul li a {
  text-transform: none;
}
.menu ul li.HighLighted ul li a:hover, .menu ul li.HighLighted ul li.HighLighted a {
  background: #90a7c4 url(/Custom/DefaultSite/Images/sprite.png) no-repeat -64px -384px;
  color: #FFF;
}
.menu ul li.HighLighted ul li.HighLighted ul li a {
  background: #F9F9F9;
  color: #003d6b;
}
.menu ul li.HighLighted ul li.HighLighted ul li a:hover, .menu ul li.HighLighted ul li.HighLighted ul li.HighLighted a {
  background: #EEE;
  color: #003d6b;
}
/* menu overrides */
.menu ul li ul li.HighLighted.parent a {
  background: #FFF;
  color: #53739b;
}
.menu ul li ul li.HighLighted.parent ul li.HighLighted a {
  background: #90a7c4 url(/Custom/DefaultSite/Images/sprite.png) no-repeat -64px -384px;
  color: #FFF;
}
.menu ul li ul li.HighLighted.parent ul li.HighLighted.parent a {
  background: #FFF;
  color: #53739b;
}
.menu ul li ul li.HighLighted.parent ul li.HighLighted ul li a {
  background: #FFF;
  color: #817470;
  padding-left: 30px;
}
.menu ul li ul li.HighLighted.parent ul li.HighLighted.parent ul li.HighLighted a {
  background: #90a7c4 url(/Custom/DefaultSite/Images/sprite.png) no-repeat -64px -384px;
  color: #FFF;
}
.menu ul li ul li.HighLighted.parent ul li a {
  border-bottom: 1px solid #D2D2D2;
  color: #003d6b;
}
.menu ul li.HighLighted ul li a {
  border-bottom: 1px solid #D2D2D2;
}
.menu ul li.HighLighted ul li:last-child a {
  border-bottom: 0;
}
.menu ul li a, .menu ul li ul li a {
  text-transform: uppercase;
}
.menu ul li ul li  ul li a {
  text-transform: none;
}
/* -- */
.quick-links {
  background: #ECE9E9;
  border-radius: 3px;
  font-size: 0.9em;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.quick-links a {
  color: #817470;
}
.quick-links a:hover {
  color: #000;
}
.quick-links h2 {
  font-family: "proxima-nova", sans-serif;
  background: #A79D9B;
  border-radius: 3px 3px 0 0;
  color: #FFF;
  font-size: 16px;
  margin-bottom: 0;
  padding: 5px 0 5px 15px;
}
.quick-links .content {
  color: #463B39;
  padding: 3px 15px;
}
.quick-links .content ul li {
  border-bottom: 1px solid #D6D2D1;
  line-height: 1.2em;
  padding: 10px 0;
  clear: both;
}
.quick-links .content ul li a {
  color: #463B39;
  text-decoration: none;
}
.quick-links .content ul li a:hover {
  color: #000;
}
.quick-links .content ul li:last-child {
  border-bottom: 0;
}
.quick-links input[type="submit"] {
  font-family: "proxima-nova", sans-serif;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #53739b;
  background-image: url(/Custom/DefaultSite/Images/sprite.png);
  /*background-position: -436px -72px;*/
  background-position: right -72px;
  background-repeat: no-repeat;
  border: 0;
  color: #FFF;
  cursor: pointer;
  margin-top: 5px;
  padding: 9px 30px 9px 15px;
  text-align: left;
  width: auto;
}
.quick-links input[type="submit"]:hover {
  background-color: #003d6b;
}
#maincol .quick-links h2 {
  background: #003D6B;
}
.quick-links a.more, .quick-links a.more:hover {
  color: #FFF;
  margin: 0;
  text-decoration: none;
}
#maincol .contact.content .quick-links.third h2 {
  font-size: 1.55em;
}
#maincol .quick-links.third {
  min-height: 365px;
  width: 207px;
  margin-right: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}
#maincol .contact.content .quick-links.third {
  height: 220px;
}
#maincol .contact.content .quick-links.third a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-family: "proxima-nova", sans-serif;
  background: #7F9EB5;
  color: #FFF;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 500;
  margin: 10px 0;
  padding: 4px 12px;
  text-decoration: none;
  white-space: nowrap;
}
#maincol .contact.content .quick-links.third a:hover {
  background: #003d6b;
}
#maincol .contact.content .quick-links.third a:after {
  color: #FFF;
  content: "\0020 \00BB";
  font-size: 1.2em;
  padding-top: 3px;
}
#maincol .content .tags {
  padding: 20px 0;
}
#maincol .content .tags a {
  background: #e1dddc;
  color: #817470;
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 4px 12px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-family: "proxima-nova", sans-serif;
}
#maincol .content .tags a:hover {
  background: #817470;
  color: #FFF;
}
.maintags {
  padding: 0 0 10px 30px;
}
.maintags a {
  background: #e1dddc;
  color: #817470;
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 4px 12px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-family: "proxima-nova", sans-serif;
}
.maintags a:hover {
  background: #817470;
  color: #FFF;
}
#rightcol .quick-links.third {
  float: none;
}
.featured-products img {
  float: left;
  padding-right: 10px;
}
.featured-products p, .featured-products h3 {
  float: left;
  width: 110px;
}
.featured-products p {
  font-size: 0.9em;
  overflow: hidden;
}
.featured-products .content ul li a:after {
  content: "";
}
#maincol .tag-page .quick-links.third {
  background: none;
  border-radius: 0;
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 0;
  height: auto;
  margin-right: 0;
  width: auto;
}
#maincol .tag-page .quick-links.third h2 {
  display: none;
}
#maincol .tag-page .quick-links.third .content {
  padding: 20px 0;
}
/* slider */
#slideContainer {
  width: 960px;
  height: 345px;
  /* 365 */
  margin-bottom: 20px;
  /* 30 */
  padding-top: 30px;
  z-index: 1;
}
#slideContainer .item {
  height: 290px;
  /* 300 */
  width: 901px;
  float: left;
  z-index: 100;
}
.scrollable {
  height: 290px;
  /* 300 */
  overflow: hidden;
  position: relative;
  width: 900px;
  z-index: 1;
  margin: 0 auto;
}
.scrollable .items {
  clear: both;
  position: absolute;
  width: 20000em;
}
.image-box, .video-box {
  float: left;
  /*width: 620px;*/
  width: 593px;
}
.slider-content {
  float: right;
  /*padding-left: 10px;
	width: 270px;*/
  width: 286px;
  font-size: 1.2em;
  line-height: 22px;
}
.slider-content h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.8em;
  line-height: 1em;
  color: #003d6b;
}
.slider-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slider-content ul li {
  padding-left: 20px;
}
.slider-content ul li:before {
  content: "\00BB \0020";
}
.more {
  font-family: "proxima-nova", sans-serif;
  background: #7F9EB5;
  border-radius: 3px;
  display: inline-block;
  font-weight: 500;
  font-size: 1.2em;
  margin: 7px 0;
  padding: 4px 12px;
  white-space: nowrap;
  color: #FFF;
}
.ie6 .more, .ie7 .more {
  display: inline;
}
.more a {
  color: #FFF;
  display: inline-block;
  text-decoration: none;
}
.more a:after {
  color: #FFF;
  content: "\0020 \00BB";
  font-size: 1.2em;
  padding-top: 3px;
}
.more:hover {
  color: #FFF;
  background: #003A69;
  text-decoration: none;
}
.slider-content .more a {
  font-size: 0.9em;
  line-height: 1em;
}
.slidernav {
  border-bottom: 1px solid #D7D3D2;
  border-top: 1px solid #D7D3D2;
  height: 2px;
  margin: 28px auto 0;
  position: relative;
  width: 818px;
  z-index: 1;
}
.slidernav a {
  background: url(/Custom/DefaultSite/Images/sprite.png) no-repeat;
  cursor: pointer;
  display: block;
  height: 34px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999em;
  width: 34px;
}
.slidernav a.prev {
  background-position: -3px -336px;
  left: -44px;
  top: -16px;
}
.slidernav a.next {
  background-position: -3px -378px;
  right: -44px;
  top: -16px;
}
.slidernav a.prev:hover {
  background-position: -3px -419px;
}
.slidernav a.next:hover {
  background-position: -3px -461px;
}
.navi {
  margin: -13px auto 0;
  padding: 0 10px;
  position: relative;
  width: 818px;
  text-align: center;
  z-index: 1;
}
.navi a {
  display: inline-block;
  height: 22px;
  width: 22px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0 2px 0 3px;
}
.navi a[href="#0"], #navItem0 {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat 4px 0;
  width: 26px;
}
.navi a[href="#0"]:hover,
.navi a[href="#0"].active,
#navItem0:hover,
#navItem0.active {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat 4px -27px;
}
.navi a[href="#1"], #navItem1 {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -30px 0;
}
.navi a[href="#1"]:hover,
.navi a[href="#1"].active,
#navItem1:hover,
#navItem1.active {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -30px -27px;
}
.navi a[href="#2"], #navItem2 {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -60px 0;
}
.navi a[href="#2"]:hover,
.navi a[href="#2"].active,
#navItem2:hover,
#navItem2.active {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -60px -27px;
}
.navi a[href="#3"], #navItem3 {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -90px 0;
}
.navi a[href="#3"]:hover,
.navi a[href="#3"].active,
#navItem3:hover,
#navItem3.active {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -90px -27px;
}
.navi a[href="#4"], #navItem4 {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -120px 0;
}
.navi a[href="#4"]:hover,
.navi a[href="#4"].active,
#navItem4:hover,
#navItem4.active {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -120px -27px;
}
.navi a[href="#5"], #navItem5 {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -150px 0;
}
.navi a[href="#5"]:hover,
.navi a[href="#5"].active,
#navItem5:hover,
#navItem5.active {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -150px -27px;
}
.navi a[href="#6"], #navItem6 {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -180px 0;
}
.navi a[href="#6"]:hover,
.navi a[href="#6"].active,
#navItem6:hover,
#navItem6.active {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -180px -27px;
}
.navi a[href="#7"], #navItem7 {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -210px 0;
}
.navi a[href="#7"]:hover,
.navi a[href="#7"].active,
#navItem7:hover,
#navItem7.active {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -210px -27px;
}
.navi a[href="#8"], #navItem8 {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -240px 0;
}
.navi a[href="#8"]:hover,
.navi a[href="#8"].active,
#navItem8:hover,
#navItem8.active {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -240px -27px;
}
.navi a[href="#9"], #navItem9 {
  background: url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -270px 0;
}
.navi a[href="#9"]:hover,
.navi a[href="#9"].active,
#navItem9:hover,
#navItem9.active {
  background: white url(/Custom/DefaultSite/Images/slide-nav.gif) no-repeat -270px -27px;
}
#allcol #slideContainer {
  margin-left: -30px;
}
#maincol #slideContainer, #maincol #slideContainer .scrollable, #maincol #slideContainer .item {
  width: 650px;
}
#maincol #slideContainer .scrollable, #maincol #slideContainer .item {
  height: 220px;
}
#maincol #slideContainer .slider-content {
  width: 220px;
}
#maincol #slideContainer .image-box, #maincol #slideContainer .video-box {
  width: 410px;
}
#maincol #slideContainer .slidernav, #maincol #slideContainer .navi {
  width: 562px;
}
/* content */
#allcol h1 {
  padding-top: 30px;
}
#allcol .home {
  padding: 0 0 20px;
}
#allcol .home h1 {
  float: left;
  width: 286px;
  margin-right: 21px;
  padding-top: 0;
  font-size: 3.1em;
}
#allcol .home .intro-text {
  float: left;
  width: 593px;
  padding-bottom: 2em;
}
.col3 {
  float: left;
  display: inline;
  width: 286px;
  margin-right: 21px;
}
.col3:last-child {
  margin-right: 0;
}
.col3 .feature {
  position: relative;
}
.col3 .feature h2 {
  color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  background: #003d6b;
  background: rgba(0, 61, 107, 0.8);
  margin: 0;
  padding: 5px 10px;
  width: 266px;
}
.col3 .feature h2 a {
  background: url(/Custom/DefaultSite/Images/r-arrow.png) no-repeat 250px 3px;
  color: #FFF;
  display: block;
}
.col3 .feature h2 a:hover {
  color: #FFF;
  text-decoration: none;
}
.col3 .feature img {
  border-bottom: 3px solid rgba(0, 61, 107, 0.8);
  margin-bottom: 1em;
  width: 286px !important;
  height: 170px !important;
}
.col3 .feature h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #817470;
}
.col3 .feature a {
  color: #817470;
}
.col3 .feature a:hover {
  color: #0096d1;
  text-decoration: none;
}
.col3 .feature:hover h2 {
  background: #003d6b;
}
.col3 .feature:hover h2 a {
  background: url(/Custom/DefaultSite/Images/r-arrow.png) no-repeat 250px 3px;
}
.col3 + .col3 + .col3, #maincol .third + .third + .third {
  margin-right: 0;
}
.col3 .feature2 {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  background: rgba(129, 116, 112, 0.1);
  border-bottom: 3px solid #817470;
  margin-bottom: 20px;
  position: relative;
}
.col3 .feature2 .arrow {
  display: block;
  position: absolute;
  right: 10px;
  top: 8px;
  width: 15px;
  height: 15px;
  background: url(/Custom/DefaultSite/Images/r-arrow.png) no-repeat;
  opacity: 0.6;
}
.col3 .feature2 h2 {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  color: #FFF;
  background: #817470;
  margin: 0;
  padding: 5px 10px;
  width: 266px;
}
.col3 .feature2 h2 a {
  color: #FFF;
  display: block;
  text-decoration: none;
}
.col3 .feature2 ul {
  list-style: none;
  margin: 0;
  padding: 0 0 1em 0;
}
.col3 .feature2 ul li {
  padding-left: 10px;
}
.col3 .feature2 ul li:before {
  content: "\00BB\0020\0020";
}
.col3 .feature2 ul li a {
  color: #817470;
}
.col3 .feature2 ul li a:hover {
  color: #003d6b;
  text-decoration: none;
}
.col3 .feature2:hover .arrow {
  opacity: 1;
}
.investor-main {
  float: left;
  padding-right: 20px;
  padding-top: 30px;
  width: 420px;
}
.investor-main ul {
  border-bottom: 1px solid #D7D7D7;
  list-style: none;
  margin: 0 0 1.8em;
  padding-bottom: 1.8em;
}
.investor-main ul li a {
  color: #817470;
}
.investor-main ul li a:hover {
  color: #003d6b;
  text-decoration: none;
}
.share-price {
  float: left;
  padding-top: 30px;
  width: 220px;
}
.share-price-container {
  width: 100%;
}
.share-price-container h3 {
  color: #464646;
  display: inline-block;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 10px 0;
  width: 127px;
}
.share-price-nz-handle, .share-price-au-handle {
  cursor: pointer;
  float: left;
  margin: 10px 0;
  font-weight: bold;
  padding: 1px 10px;
}
.share-price-nz, .share-price-au {
  width: 100%;
}
.share-price-nz img, .share-price-au img {
  margin-bottom: 15px;
}
.share-prices img {
  margin-bottom: 20px;
}
/* news and events page */
article {
  border-bottom: 1px solid #D7D7D7;
  padding: 20px 0;
}
article:first-child {
  padding-top: 0;
}
article header {
  background: none;
  height: auto;
  margin-bottom: 0;
  width: auto;
}
article header h2 {
  color: #000;
  margin: 0;
}
article header h2 a {
  color: #000;
}
article .more {
  margin: 0;
}
#maincol article {
  width: 660px;
}
article.newsarticle {
  border: 0;
  padding: 3px 0;
}
article.newsarticle img {
  float: left;
  padding: 5px 20px 10px 0;
}
time {
  color: #979797;
  display: block;
  font-size: 0.9em;
  margin-bottom: 10px;
}
.time-col {
  float: left;
  width: 140px;
}
.title-col {
  float: left;
  padding-right: 10px;
  width: 460px;
}
.pdf-col {
  float: left;
  width: 32px;
}
article.newsarticle .pdf-col img {
  padding: 0;
  width: 20px;
  height: auto !important;
}
.attachment {
  padding-top: 20px;
}
/* form styles */.input {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #EBE7E6;
  border: 1px solid #DADADA;
  padding: 8px;
  width: 300px;
}
.input:focus, .input:active {
  background: #FFF;
  border: 1px solid #D1D1D1;
}
.input.cart-update {
  float: right;
  width: 80px;
}
.CountrySelector select {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #EBE7E6;
  border: 1px solid #DADADA;
  padding: 8px;
  width: 300px;
}
.CountrySelector select:focus, .CountrySelector select:active {
  background: #FFF;
  border: 1px solid #D1D1D1;
}
.FormPanel td {
  vertical-align: top;
  padding: 5px 0;
}
.FormPanel td br {
  display: none;
}
.FormPanel label {
  display: block;
  padding-top: 6px;
  width: 200px;
}
.FormPanel label span {
  color: #cc3429;
  /*padding: 0 3px;*/
  padding: 0;
}
.FormPanel input, .FormPanel textarea {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #EBE7E6;
  border: 1px solid #DADADA;
  padding: 8px;
  width: 300px;
}
.FormPanel input:focus,
.FormPanel textarea:focus,
.FormPanel input:active,
.FormPanel textarea:active {
  background: #FFF;
  border: 1px solid #D1D1D1;
}
.FormPanel .Error input {
  border: 1px solid #cc3429;
}
.FormPanel .Error textarea {
  border: 1px solid #cc3429;
}
.FormPanel input.FormButton {
  font-family: "proxima-nova", sans-serif;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #53739b;
  background-image: url(/Custom/DefaultSite/Images/sprite.png);
  /*background-position: -436px -72px;*/
  background-position: right -72px;
  background-repeat: no-repeat;
  border: 0;
  color: #FFF;
  cursor: pointer;
  margin-top: 5px;
  padding: 9px 30px 9px 15px;
  text-align: left;
  width: auto;
}
.FormPanel input.FormButton:hover {
  background-color: #003d6b;
}
.FormPanel input.next {
  background-image: url(/Custom/DefaultSite/Images/r-arrow.png) !important;
  background-position: 10px center !important;
  padding: 9px 15px 9px 40px !important;
}
.FormPanel input.prev {
  background-image: url(/Custom/DefaultSite/Images/l-arrow.png) !important;
  background-position: 10px center !important;
  padding: 9px 15px 9px 40px !important;
}
.FormPanel select {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #EBE7E6;
  border: 1px solid #DADADA;
  padding: 8px;
  width: 300px;
  /*ZD 13195*/
  /*margin-right: 20px;
        margin-bottom: 20px;*/
  width: 207px;
}
.FormPanel select:focus, .FormPanel select:active {
  background: #FFF;
  border: 1px solid #D1D1D1;
}
.FormPanel td.checkfield {
  padding-top: 12px;
}
.FormPanel input[type="submit"] {
  font-family: "proxima-nova", sans-serif;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #53739b;
  background-image: url(/Custom/DefaultSite/Images/sprite.png);
  /*background-position: -436px -72px;*/
  background-position: right -72px;
  background-repeat: no-repeat;
  border: 0;
  color: #FFF;
  cursor: pointer;
  margin-top: 5px;
  padding: 9px 30px 9px 15px;
  text-align: left;
  width: auto;
}
.FormPanel input[type="submit"]:hover {
  background-color: #003d6b;
}
.FormPanel .checkout {
  float: right;
}
.FormPanel.contact-us input[type="submit"] {
  margin-left: 200px;
}
.FormPanel.login input[type="checkbox"], .FormPanel.registration input[type="checkbox"], .FormPanel.approval input[type="checkbox"] {
  float: left;
  margin: 9px 4px;
  width: auto;
}
.registration.my-profile .MyProfilePanel {
  margin-bottom: 30px;
}
.registration.my-profile .ChangePasswordTable {
  margin-bottom: 30px !important;
}
.registration.my-profile .ChangePasswordTable td {
  padding: 5px 0!important;
}
.registration.my-profile .ChangePasswordTable td label {
  width: 218px;
}
.registration.my-profile .MyProfilePanel input[type="submit"], .registration.my-profile .ChangeButton input[type="submit"] {
  margin-left: 218px;
}
.FormPanel.registration .LogonTextBox input[type="checkbox"], .FormPanel.approval .LogonTextBox input[type="checkbox"] {
  margin: 3px 8px 3px 4px;
}
.FormPanel.login input[type="checkbox"],
.FormPanel.registration input[type="checkbox"],
.FormPanel.approval input[type="checkbox"],
.FormPanel.registration .LogonTextBox input[type="checkbox"],
.FormPanel.approval .LogonTextBox input[type="checkbox"] {
  padding: 0 0 0 0;
}
.FormPanel input.btnAccept, .FormPanel input.btnDecline {
  background-image: none;
  padding: 9px 15px 9px 15px;
}
.FormPanel input.btnDecline {
  background-color: #9B5353;
  margin-left: 10px;
}
.FormPanel.approval .LogonTextBox input[type="checkbox"] {
  padding-top: 0;
}
.FormPanel.approval .labelSelectCountry label {
  padding-top: 10px;
}
/* .FormPanel.approval .LogonTextBox input[type="checkbox"] {
margin: 3px 8px 3px 0;
} */
.warranty.FormPanel label {
  width: 120px;
}
.dealerAddressWrapper .introblock, .dealerAddressWrapper .labelwrap {
  display: none;
}
.dealerAddressWrapper a.AddToggle {
  background-color: #53739B;
  border: 0 none;
  border-radius: 3px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "proxima-nova", sans-serif;
  margin: 5px 0 10px 0;
  padding: 9px 15px;
  text-align: left;
  width: auto;
}
.dealerAddressWrapper a.AddToggle span {
  background: url(/Custom/DefaultSite/Images/toggle-arrows.png) no-repeat;
  background-position: 0 -9px;
  display: inline-block;
  height: 9px;
  margin: 0 0 0 5px;
  position: relative;
  right: 0;
  width: 16px;
}
.dealerAddressWrapper a.AddToggle.active span {
  background-position: 0 0;
}
.dealerAddressWrapper a.AddToggle:hover {
  background-color: #003D6B;
  text-decoration: none;
}
.EditingFormErrorLabel, .ErrorLabel {
  color: #cc3429;
  display: block;
  padding-bottom: 10px;
}
table.role-assignment tr td input[type="checkbox"] {
  margin: 3px 5px 0 0!important;
}
.IE table.role-assignment tr td input[type="checkbox"] {
  background: none;
  border: none;
  margin: 2px 5px 0 0!important;
}
table.role-assignment tr td label {
  padding: 0;
  width: 250px;
  white-space: nowrap;
}
.FormPanel.approval .LogonTextBox input[type="checkbox"] {
  margin: 9px 5px 0 0;
}
.IE7 .FormPanel.approval .LogonTextBox input[type="checkbox"] {
  background: none;
  border: none;
}
.FormPanel.approval table span {
  display: inline-block;
  width: 220px;
}
.FormPanel.approval table label span {
  display: inline;
}
.IE7 .FormPanel.approval table label span {
  display: inline!important;
  width: 6px!important;
}
/* product and resource search, distributor directory */
#productSearch,
#resourceSearch,
#distributorDirectory,
#warrantySearch {
  border-bottom: 1px solid #DAD6D7;
  border-top: 1px solid #DAD6D7;
  padding: 20px 0;
  margin-bottom: 20px;
  width: 660px;
}
#productSearch input[type="text"],
#resourceSearch input[type="text"],
#distributorDirectory input[type="text"],
#warrantySearch input[type="text"] {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #EBE7E6;
  border: 1px solid #DADADA;
  padding: 8px;
  width: 300px;
  float: left;
  margin: 0 20px 20px 0;
  width: 420px;
}
#productSearch input[type="text"]:focus,
#resourceSearch input[type="text"]:focus,
#distributorDirectory input[type="text"]:focus,
#warrantySearch input[type="text"]:focus,
#productSearch input[type="text"]:active,
#resourceSearch input[type="text"]:active,
#distributorDirectory input[type="text"]:active,
#warrantySearch input[type="text"]:active {
  background: #FFF;
  border: 1px solid #D1D1D1;
}
#productSearch input[type="submit"],
#resourceSearch input[type="submit"],
#distributorDirectory input[type="submit"],
#warrantySearch input[type="submit"] {
  font-family: "proxima-nova", sans-serif;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #53739b;
  background-image: url(/Custom/DefaultSite/Images/sprite.png);
  /*background-position: -436px -72px;*/
  background-position: right -72px;
  background-repeat: no-repeat;
  border: 0;
  color: #FFF;
  cursor: pointer;
  margin-top: 5px;
  padding: 9px 30px 9px 15px;
  text-align: left;
  width: auto;
  float: left;
  margin: 0;
  background-color: #817470;
  /*background-position: -417px -364px;*/
  background-position: right -364px;
}
#productSearch input[type="submit"]:hover,
#resourceSearch input[type="submit"]:hover,
#distributorDirectory input[type="submit"]:hover,
#warrantySearch input[type="submit"]:hover {
  background-color: #003d6b;
}
#productSearch input[type="submit"]:hover,
#resourceSearch input[type="submit"]:hover,
#distributorDirectory input[type="submit"]:hover,
#warrantySearch input[type="submit"]:hover {
  background-color: #665b58;
}
#productSearch select,
#resourceSearch select,
#distributorDirectory select,
#warrantySearch select {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #EBE7E6;
  border: 1px solid #DADADA;
  padding: 8px;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 207px;
}
#productSearch select:focus,
#resourceSearch select:focus,
#distributorDirectory select:focus,
#warrantySearch select:focus,
#productSearch select:active,
#resourceSearch select:active,
#distributorDirectory select:active,
#warrantySearch select:active {
  background: #FFF;
  border: 1px solid #D1D1D1;
}
#resourceSearch select {
  float: left;
}
#warrantySearch {
  width: auto;
}
.select-country select {
  background: #EBE7E6;
  border: 1px solid #DADADA;
  border-radius: 3px;
  padding: 8px;
  width: 318px;
}
#distributorDirectory {
  border-bottom: 0;
  padding: 20px 0 0;
  margin-bottom: 0;
}
#distributorDirectory select, #distributorDirectory input {
  float: left;
  display: inline-block;
  margin-bottom: 20px;
}
#distributorDirectory select {
  width: 266px;
}
#distributorDirectory ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#distributorDirectory ul li {
  border-bottom: 1px solid #D7D7D7;
  padding: 20px 0;
}
#distributorDirectory ul li:last-child {
  border-bottom: 0;
}
#distributorDirectory ul li h2 a {
  color: #000;
}
#distributorDirectory ul li a.more {
  color: #FFF;
  margin: 0;
}
#distributorDirectory ul li a.more:hover {
  text-decoration: none;
}
#distributorDetail p.details {
  padding: 10px 0;
}
#distributorDetail span {
  display: inline-block;
  font-weight: bold;
  width: 80px;
}
#distributorDetail .more {
  margin: 0;
}
/* product filtered list - resource filtered list */
ul.product-filter-list, ul.resource-filter-list {
  border-top: 1px solid #D6D6D6;
  list-style: none;
  margin: 30px 0 0;
  padding: 20px 0 0;
  width: 660px;
}
ul.product-filter-list li, ul.resource-filter-list li {
  border-bottom: 1px solid #D6D6D6;
  overflow: hidden;
  padding: 20px 0;
}
ul.product-filter-list li:first-child, ul.resource-filter-list li:first-child {
  padding-top: 0;
}
ul.product-filter-list li figure, ul.resource-filter-list li figure {
  float: left;
  padding-right: 20px;
  text-align: left;
  width: 165px;
}
ul.product-filter-list li div, ul.resource-filter-list li div {
  float: left;
  margin: 0;
  overflow: hidden;
  width: 475px;
}
ul.product-filter-list li div a.more, ul.resource-filter-list li div a.more {
  color: #FFF;
  display: inline-block;
  text-decoration: none;
  margin: 10px 0 0;
  /*width: 86px;*/

}
ul.product-filter-list li div div.tags, ul.resource-filter-list li div div.tags {
  float: none;
  width: auto;
}
ul.product-filter-list li div.clear, ul.resource-filter-list li div.clear {
  float: none;
}
ul.product-filter-list li h2 a, ul.resource-filter-list li h2 a {
  color: #000;
}
.warranty .action a.more {
  color: #FFF;
  display: inline-block;
  text-decoration: none;
  margin: 5px;
}
ul.resource-filter-list li figure {
  width: 65px;
}
ul.resource-filter-list li div {
  width: 575px;
}
.cart-page ul.resource-filter-list {
  width: 100%;
}
.cart-page ul.resource-filter-list li div {
  width: 770px;
}
.cart-page ul.resource-filter-list li div.action {
  width: auto;
}
.resource-filter-list .action {
  float: right;
  width: auto;
}
#maincol .content .resource-filter-list .tags {
  padding: 0;
}
.print-button {
  color: white;
  float: left;
  margin: 10px 0;
}
.print-button:hover {
  color: white;
  text-decoration: none;
}
/* how to buy product */
.how-to-buy h3 {
  padding: 20px 0 10px;
}
.how-to-buy h3 a {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.2em;
  color: #000;
  display: block;
  padding: 5px 0;
  text-decoration: none;
}
.how-to-buy img {
  background: #FFF;
  border: 1px solid #DAD6D7;
  display: block;
  margin: 0 auto 20px;
  padding: 2px;
}
.how-to-buy a.more {
  font-family: "proxima-nova", sans-serif;
  background: #817470 url(/Custom/DefaultSite/Images/dist-bttn.png) no-repeat 8px 8px;
  color: #FFF;
  cursor: pointer;
  display: block;
  font-size: 16px;
  margin: 10px auto 0 auto;
  padding: 8px 10px 10px 45px;
  text-decoration: none;
  text-shadow: 0 2px 0 #4A4341;
  width: 135px;
}
.how-to-buy a.more:hover {
  background-color: #736864;
}
/* product detail */
.product-detail-page {
  /*background: lighten(@brand3, 47%);*/
  clear: both;
  overflow: hidden;
  width: 600px;
}
.product-detail-page figure {
  background: #FFF;
  margin-left: 10px;
  padding: 5px;
  float: right;
}
.product-detail-page figure img {
  display: block;
}
.product-detail-page figure img + img {
  margin-top: 20px;
}
.product-detail-page h3 {
  display: inline-block;
  padding-bottom: 5px;
}
.product-detail-page .tags {
  padding: 20px 0;
}
.product-detail-page .tags a {
  background: #e1dddc;
  color: #817470;
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 4px 12px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-family: "proxima-nova", sans-serif;
}
.product-detail-page .tags a:hover {
  background: #817470;
  color: #FFF;
}
.tag-page .quick-links.third .content span {
  display: inline-block;
}
.tag-page .quick-links.third .content span a {
  font-size: 1em !important;
}
.tag-page .quick-links.third .content span a:hover {
  color: #FFF !important;
}
.product-filter-list .tags a, .resource-filter-list .tags a, .tag-page .quick-links.third .content span a {
  background: #e1dddc;
  color: #817470 !important;
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 2px 6px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-family: "proxima-nova", sans-serif;
}
.product-filter-list .tags a:hover, .resource-filter-list .tags a:hover, .tag-page .quick-links.third .content span a:hover {
  background: #817470;
  color: #FFF !important;
}
.tag-page .home-main {
  /*border-bottom: 1px solid #CCC;
    padding-bottom: 10px;*/
  display: none;
}
/* pagination */
#pagination {
  padding: 20px 0 0 0;
}
#pagination .direction {
  float: right;
  display: inline-block;
  *width: 80px;
}
#pagination .direction div {
  float: right;
}
#pagination .direction .next a, #pagination .direction .previous a {
  background-image: url(/Custom/DefaultSite/Images/page-arrows.png);
  background-repeat: no-repeat;
}
#pagination .direction .next a {
  background-position: -46px 0;
}
#pagination .direction .previous a {
  background-position: 10px 0;
}
#pagination .numbers {
  float: left;
  display: inline-block;
}
#pagination a, #pagination span {
  font-family: "proxima-nova", sans-serif;
  float: left;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #e1dddc;
  color: #817470;
  display: block;
  height: 24px;
  margin-right: 5px;
  padding: 6px 0 0;
  text-align: center;
  text-decoration: none;
  width: 30px;
}
#pagination a:hover, #pagination span:hover {
  background-color: #817470;
  color: #FFF;
}
#pagination span {
  background-color: #817470;
  color: #FFF;
}
.searchresultheader {
  padding: 7px 15px;
  background: #e3e9f0;
  clear: both;
  color: #53739b;
  height: 18px;
}
.searchresultheader span.results {
  float: left;
}
.searchresultheader span.summary {
  float: right;
}
/* faqs - accordion */
.accordion-item h4 {
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2em;
  padding: 10px 10px 5px 0;
  width: 600px;
}
.accordion-item:before {
  content: "\2219\00a0";
  display: inline-block;
  font-family: Times New Roman;
  font-size: 3em;
  padding-top: 10px;
  vertical-align: top;
}
.open-item {
  padding: 0 10px 0 22px;
}
.faq {
  font-family: "proxima-nova", sans-serif;
  background: #FFF;
  border-bottom: 1px solid #D7D2D1;
  color: #003A69;
  cursor: pointer;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.2em;
  padding: 10px;
}
.faq:hover {
  background: #F1F1F1;
}
div.faq + div, div.faq + div div.content {
  overflow: hidden !important;
}
#maincol ul.alphabet-list,
#maincol ul.product-filter-list,
#maincol ul.resource-filter-list,
#maincol .quick-links.featured-products .content ul {
  list-style-image: none;
  padding-left: 0;
}
#maincol ul.alphabet-list li,
#maincol ul.product-filter-list li,
#maincol ul.resource-filter-list li,
#maincol .quick-links.featured-products .content ul li {
  padding-left: 0;
}
#maincol .quick-links.featured-products .content ul li {
  overflow: hidden;
}
#maincol .quick-links .content ul li:before,
#maincol ul.alphabet-list li:before,
#maincol ul.product-filter-list li:before,
#maincol ul.resource-filter-list li:before,
#maincol #distributorDirectory ul li:before {
  content: "";
}
/* SureFit */
.frmSureFit .errorMsg {
  display: block;
}
.SureFitForm h2, h3 {
  color: #003D6B;
}
.clientQuestions,
.generalInfo,
.returnedMask,
.fitDetails,
.maskOtherDetails,
.replacementMask {
  border-bottom: 1px solid gray;
  margin: 0 0 40px 0;
  overflow: hidden;
  padding: 0 0 20px 0;
}
.clientQuestions input[type="text"],
.generalInfo input[type="text"],
.returnedMask input[type="text"],
.fitDetails input[type="text"],
.maskOtherDetails input[type="text"],
.replacementMask input[type="text"],
.clientQuestions textarea,
.generalInfo textarea,
.returnedMask textarea,
.fitDetails textarea,
.maskOtherDetails textarea,
.replacementMask textarea {
  float: left;
  width: 50%;
}
.clientQuestions select,
.generalInfo select,
.returnedMask select,
.fitDetails select,
.maskOtherDetails select,
.replacementMask select {
  float: left;
  width: 54%;
  background: none repeat scroll 0 0 #EBE7E6;
  border: 1px solid #DADADA;
  border-radius: 3px;
  margin-bottom: 0;
  margin-right: 20px;
  padding: 8px;
}
.clientQuestions h2 span.h2-note,
.generalInfo h2 span.h2-note,
.returnedMask h2 span.h2-note,
.fitDetails h2 span.h2-note,
.maskOtherDetails h2 span.h2-note,
.replacementMask h2 span.h2-note {
  color: #666666;
  font-size: 0.8em;
}
.clientQuestions .errorMsg {
  padding-top: 5px;
  margin-bottom: 5px;
}
.generalInfo .errorMsg,
.returnedMask .errorMsg,
.fitDetails .errorMsg,
.maskOtherDetails .errorMsg,
.replacementMask .errorMsg {
  float: left;
}
.SureFitTerms {
  margin: 40px 0;
}
.sureFitLeftCol, .sureFitRightCol {
  float: left;
  width: 50%;
}
.sureFitLeftCol img, .sureFitRightCol img {
  float: left;
}
.clientQuestions label {
  float: left;
  width: 56%;
}
.clientQuestions table {
  float: left;
  width: auto;
}
.clientQuestions table input {
  float: left;
  margin: 3px 5px 0 0;
  width: initial;
}
.clientQuestions table label {
  padding: 0;
}
.clientQuestions table tr {
  float: left;
  margin: 0 20px 0 0;
}
.clientQuestions table tr label {
  width: initial;
}
.label-space {
  float: left;
  width: 40%;
}
.generalInfo label {
  float: left;
  width: 40%;
}
.sureFitLeftCol > span, .sureFitRightCol > span {
  float: left;
  margin: 0 0 20px 0;
  width: 40%;
}
.returnedMask label {
  float: left;
  padding: 0;
  width: 40%;
}
.sureFitFitDetailsCol1, .sureFitFitDetailsCol2, .sureFitFitDetailsCol3 {
  float: left;
  margin: 0 5% 0 0;
  width: 30%;
}
.sureFitFitDetailsCol1 input, .sureFitFitDetailsCol2 input, .sureFitFitDetailsCol3 input {
  float: left;
  margin: 3px 3px 0 0;
  width: initial;
}
.sureFitFitDetailsCol1 label, .sureFitFitDetailsCol2 label, .sureFitFitDetailsCol3 label {
  padding: 0;
}
.sureFitFitDetailsCol2 span {
  display: block;
}
.sureFitFitDetailsCol3 {
  margin: 0;
}
.dateOfFitting .CalendarIcon {
  margin-left: 10px;
  padding-top: 15px;
}
.maskOtherDetails input.pressure-setting {
  width: 40%;
}
.maskOtherDetails span.psUnit {
  width: auto;
  margin: 10px 0 0 5px;
}
.maskOtherDetails label, .replacementFPHMask label {
  float: left;
  width: 40%;
}
.replacementFPHMask label {
  padding: 0;
}
.replacementFPHMask select {
  margin: 0 0 20px 0;
}
.sureFitRightCol .ddlReplacementFPHMaskSize {
  margin-bottom: 40px;
}
.originalMaskStatus span {
  display: block;
  overflow: hidden;
}
.originalMaskStatus input {
  float: left;
  margin: 3px 5px 0 0;
  width: initial;
}
.originalMaskStatus label {
  float: left;
  padding: 0;
  width: auto;
}
.originalMaskStatus .surefit-disclaimer {
  margin: 20px 0;
}
.originalMaskStatus h2 span {
  display: inline;
}
.SureFitDownload h2 {
  width: 100%;
}
.SureFitDownload figure {
  display: inline;
  float: left;
  margin: 0 20px 0 0;
}
.languageSelector {
  float: right;
}
.causingHarmWrapper,
.qualityDefectOrFaultWrapper,
.contactNameWrapper,
.shippingAddressWrapper,
.originalMaskFittedByWrapper,
.phoneWrapper,
.billingAddressWrapper,
.dateOfFittingWrapper,
.returnedFPHMaskWrapper,
.returnedFPHMaskSizeWrapper,
.returnedFPHMaskRevisionWrapper,
.pressureSettingWrapper {
  display: block;
}
.contactNameWrapper,
.shippingAddressWrapper,
.originalMaskFittedByWrapper,
.phoneWrapper,
.billingAddressWrapper,
.dateOfFittingWrapper,
.returnedFPHMaskWrapper,
.returnedFPHMaskSizeWrapper,
.returnedFPHMaskRevisionWrapper {
  margin: 0 0 20px 0;
}
.clientQuestions input[type="radio"],
.fitDetails input[type="radio"],
.fitDetails input[type="checkbox"],
.originalMaskStatus input[type="radio"] {
  width: 15px;
  background-color: transparent;
  padding: 0;
  border: 0 none;
}
.rblClientQuestions label {
  width: 50px;
}
#allcol #warranty-user-search-result table {
  width: 100%;
}
/* sitemap */
ul.CMSSiteMapList {
  margin-bottom: 0;
  padding-bottom: 20px;
}
/* login screen - quick fix; note to developers: NEVER use inline styles again please */
td[style="color: red"] {
  color: #CC3429 !important;
}
.DialogPosition td[style="color: red"] {
  padding-left: 200px;
}
/* mobile */
@media only screen and (max-width: 767px) {
  body {
    background: #FFF;
  }
  
  .layout,
  #shell,
  header,
  footer {
    width: 100%;
  }
  
  #gateway {
    background: #0A3253;
  }
  
  #gateway img.background {
    display: none;
  }
  
  #gateway #countryContent {
    background: #0a3253 url(/Custom/DefaultSite/Images/mobilegateway.gif) no-repeat top center;
    font-family: "proxima-nova", sans-serif;
    left: auto;
    margin: 0 auto;
    min-height: 598px;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
  }
  
  #gateway #countryContent .gateway-wrapper {
    padding: 0;
    width: 100%;
  }
  
  #gateway #countryContent .gateway-wrapper #cookieInfo {
    position: relative;
    padding-top: 20px;
    width: 90%;
  }
  
  #gateway #countryContent h1 {
    background: url(/Custom/DefaultSite/Images/mobilelogo.png) no-repeat 0 20px;
    font-size: 0.8em;
    margin: 0 auto;
    padding: 100px 0 0;
    text-align: center;
    width: 300px;
    height: 40px;
  }
  
  #gateway #countryContent h1 span {
    display: none;
  }
  
  #gateway #countryContent ul h2 {
    font-size: 16px;
    padding-bottom: 0;
    text-transform: uppercase;
  }
  
  #gateway #countryContent ul, #gateway .gateway-intro {
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 225px;
  }
  
  #gateway #countryContent ul li a {
    color: #FFF;
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding: 0 0 4px;
  }
  
  #gateway #countryContent ul li h2 a {
    font-size: 16px;
  }
  
  .wrapper {
    width: 95%;
    margin: 0 auto;
  }
  
  .wrapper .wrapper {
    width: auto;
    margin: 0;
  }
  
  .wrapper #intro,
  .wrapper #leftcol,
  .wrapper #rightcol,
  .wrapper #centercol,
  .wrapper #maincol,
  .wrapper #allcol {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  
  #shell {
    box-shadow: 0 0 0 transparent;
  }
  
  #container {
    position: relative;
  }
  
  #servicelinks ul li {
    padding: 0 2px 0 0;
  }
  
  #servicelinks ul li:after {
    padding: 0 0 0 2px;
  }
  
  header {
    background: none;
    margin: 0 auto;
    height: auto;
    padding-bottom: 0;
    width: 95%;
  }
  
  header .container, header .wrapper {
    height: auto;
    width: 100%;
  }
  
  .breadcrumb {
    padding: 10px 30px 10px 0;
  }
  
  .mejs-container,
  .mejs-container object,
  .mejs-container embed,
  .mejs-overlay {
    /*height: auto !important;*/
    width: 100% !important;
  }
  
  .mejs-container {
    margin-top: 20px;
  }
  
  .mejs-overlay-button {
    margin: -120px 0 0 -50px;
  }
  
  .mejs-container .mejs-controls {
    top: 0;
  }
  
  #slideContainer,
  #slideContainer .item,
  .image-box,
  .video-box,
  #maincol #slideContainer,
  #maincol #slideContainer .item,
  #maincol #slideContainer .image-box,
  #maincol #slideContainer .video-box {
    width: 300px;
  }
  
  .content {
    padding: 0;
  }
  
  .image-box, .video-box {
    margin-top: 10px;
  }
  
  .slider-content, .image-box, .video-box {
    float: none;
  }
  
  #slideContainer, #allcol #slideContainer {
    margin: 0 auto;
  }
  
  .scrollable, #maincol #slideContainer .scrollable {
    height: 435px;
    width: 300px;
  }
  
  .image-box img {
    width: 100%;
  }
  
  #slideContainer, #maincol #slideContainer {
    /*height: 435px;*/
    height: auto;
    margin-bottom: 20px;
    padding-top: 0;
  }
  
  #slideContainer .item, #maincol #slideContainer .item {
    height: auto;
    width: 300px;
  }
  
  .slidernav,
  .navi,
  #maincol #slideContainer .slidernav,
  #maincol #slideContainer .navi {
    width: 218px;
  }
  
  .slider-content h2 {
    font-size: 1.4em;
    padding-top: 10px;
  }
  
  header nav.main-nav ul#menuElem, header nav.main-nav ul#headernav {
    display: none;
  }
  
  footer .copyrightfooter ul#menuElem, footer .copyrightfooter ul#copyrightmenu {
    display: none;
  }
  
  header hgroup {
    padding: 50px 0 0 10px;
    width: 100%;
  }
  
  header hgroup h2 {
    font-size: 0.8em;
  }
  
  header hgroup h1 a {
    background: url(/Custom/DefaultSite/Images/sprite.png) no-repeat -20px -37px;
    height: 42px;
    width: 311px;
  }
  
  select#ddlMobileNav {
    background: #003D6B;
    border: 0;
    border-radius: 3px;
    color: #FFF;
    display: block;
    font-family: "proxima-nova", sans-serif;
    font-size: 0.9em;
    padding: 7px;
    position: absolute;
    left: 0;
    top: 135px;
    width: 49%;
    z-index: 2;
  }
  
  select#ddlMobileCprtFooter {
    border: 0;
    border-radius: 3px;
    display: block;
    font-family: "proxima-nova", sans-serif;
    float: left;
    padding: 3px;
    position: relative;
    left: auto;
    margin-right: 20px;
    width: 75%;
    z-index: 2;
  }
  
  /* auto complete */
  
  ul.ui-autocomplete {
    left: 50% !important;
    margin-left: -50%;
    position: absolute;
    top: 193px;
    width: 100%;
  }
  
  ul.ui-autocomplete li {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
  }
  
  .expanded ul.ui-autocomplete {
    top: 205px !important;
  }
  
  #leftcol,
  #rightcol,
  #centercol,
  #maincol,
  #allcol {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .wrapper.main-wrapper {
    min-height: 10px;
    padding-bottom: 0;
  }
  
  .wrapper.main-wrapper table td {
    height: auto !important;
  }
  
  #servicelinks {
    left: auto;
    right: auto;
    width: 100%;
  }
  
  #servicelinks ul {
    text-align: left;
    width: 100%;
  }
  
  #servicelinks ul li {
    float: none;
    display: inline-block;
  }
  
  #globe {
    background: none;
    position: static;
    width: auto;
  }
  
  #countryselect {
    position: absolute;
    right: 0;
    top: 135px;
    width: 49%;
    z-index: 2;
  }
  
  #countryselect h2 {
    background: url(/Custom/DefaultSite/Images/mb-countryselect.gif) no-repeat right -177px;
  }
  
  #currentUser {
    padding-left: 10px;
    padding-bottom: 20px;
    position: relative;
    right: auto;
    top: auto;
  }
  
  header #login {
    position: relative;
    right: auto;
    top: auto;
  }
  
  header #login ul {
    background: none;
  }
  
  header #login ul li, header #login ul li:hover {
    background: none;
    border: none;
    float: none;
    text-align: center;
    width: 100%;
  }
  
  header #login ul li a, header #login ul li:hover a {
    color: #003D6B;
    display: inline;
    height: auto;
    padding: 0 10px;
  }
  
  .searchBox {
    left: 0;
    margin-right: 0;
    top: 170px;
    width: 100%;
  }
  
  .searchBox input[type="text"] {
    width: 75%;
  }
  
  .searchBox input[type="submit"] {
    float: right;
  }
  
  #allcol .home h1 {
    float: none;
    font-size: 3.1em;
    margin: 0 0 0.5em;
    text-align: center;
    width: 95%;
  }
  
  #allcol .home .intro-text {
    float: none;
    padding: 0 10px;
    text-align: center;
    width: 95%;
  }
  
  .col3 {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  
  .col3 .feature h2 {
    background: #003D6B;
    position: relative;
    width: auto;
  }
  
  .col3 .feature h2 a, .col3 .feature h2 a:hover, .col3 .feature:hover h2 a {
    background: none #003d6b;
  }
  
  .col3 .feature, .col3 .feature:hover {
    background: #F3F4F8 none;
    border-bottom: 2px solid #52739C;
    margin-bottom: 20px;
    text-align: center;
  }
  
  .col3 .feature img, footer nav {
    display: none;
  }
  
  .time-col {
    width: 30%;
  }
  
  .title-col {
    padding-right: 0;
    width: 60%;
  }
  
  .pdf-col {
    width: 10%;
  }
  
  .cart-page ul.resource-filter-list li div {
    width: 170px;
  }
  
  footer {
    bottom: auto;
    position: relative;
  }
  
  footer #band {
    overflow: hidden;
    width: 100%;
    background-position: left bottom;
  }
  
  footer .copy {
    position: relative;
    margin: 0 auto;
    left: auto;
    width: 90%;
  }
  
  #social-media {
    width: 1200px;
    top: 0;
  }
  
  #social-media .fb,
  #social-media .ln,
  #social-media .tw,
  #social-media .gplus {
    padding-right: 8px;
  }
  
  #find-distributor {
    border-bottom: 0;
    margin: 0;
    width: 100%;
  }
  
  #find-distributor h2 {
    display: block;
    float: none;
    margin: 0;
    text-align: center;
  }
  
  .copy span {
    display: none;
  }
  
  .investor-main, .share-price {
    float: none;
    width: 100%;
  }
  
  .share-price {
    text-align: center;
  }
  
  .introblock {
    padding: 0 0 20px 0;
  }
  
  #productSearch,
  #resourceSearch,
  #distributorDirectory,
  #searchWarranty {
    width: 100%;
  }
  
  #productSearch input[type="text"],
  #resourceSearch input[type="text"],
  #distributorDirectory input[type="text"],
  #warrantySearch input[type="text"] {
    width: auto;
    max-width: 300px;
  }
  
  .quick-links.third {
    float: none;
    height: auto;
    margin-right: 0;
    padding-bottom: 20px;
    width: 100%;
  }
  
  ul.product-filter-list,
  ul.resource-filter-list,
  ul.product-filter-list li div,
  ul.resource-filter-list li div {
    width: 100%;
  }
  
  table {
    margin: 0 auto;
  }
  
  .FormPanel td {
    display: block;
  }
  
  .FormPanel input[type="text"], .FormPanel textarea {
    width: 250px;
  }
  
  .select-country select {
    width: 266px;
  }
  
  .product-detail-page {
    width: 100%;
  }
  
  #maincol .quick-links.third {
    height: auto;
    margin: 0 auto 10px;
  }
  
  #rightcol .quick-links.third {
    margin: 10px auto;
    width: 207px;
  }
  
  .col3 + .col3 + .col3, #maincol .third + .third + .third {
    margin-right: auto;
  }
  
  #productSearch,
  #resourceSearch,
  #distributorDirectory,
  #warrantySearch {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  
  #distributorDirectory select {
    width: 207px;
  }
  
  #productSearch input[type="submit"],
  #resourceSearch input[type="submit"],
  #distributorDirectory input[type="submit"],
  #warrantySearch input[type="submit"] {
    float: none;
    margin-bottom: 10px;
  }
  
  #maincol ul.alphabet-list li,
  #maincol ul.product-filter-list li,
  #maincol ul.resource-filter-list li,
  #maincol .quick-links.featured-products .content ul li {
    margin-bottom: 3px;
  }
  
  #maincol article {
    width: 100%;
  }
  
  #maincol article img {
    float: none;
  }
  
  #pagination .numbers {
    width: 70%;
  }
  
  #pagination a, #pagination span {
    margin-bottom: 5px;
  }
  
  .FormPanel {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    /*266px */
  
  }
  
  .FormPanel .FormPanel {
    width: 100%;
  }
  
  #maincol table,
  table.DialogPosition,
  table.DialogPosition table,
  .FormPanel table {
    width: 100% !important;
  }
  
  .FormPanel.contact-us input[type="submit"] {
    margin-left: 0;
  }
  
  .FormPanel td.TopLeftCorner, .FormPanel td.TopMiddleBorder, .FormPanel td.TopRightCorner {
    display: none;
  }
  
  .accordion-item h4 {
    width: 86%;
  }
  
  header hgroup,
  #servicelinks ul,
  #currentUser,
  header #login ul li a {
    padding-left: 0;
  }
  
  /* sureFit */
  
  .sureFitLeftCol, .sureFitRightCol {
    margin: 0 0 20px 0;
    width: 100%;
  }
  
  .surefit-replacement-mask-page input[type="checkbox"], .surefit-replacement-mask-page input[type="radio"] {
    width: initial;
    background-color: transparent;
    width: 32px;
  }
  .surefit-replacement-mask-page textarea, .surefit-replacement-mask-page select {
    width: 50%;
  }
  .surefit-replacement-mask-page .sureFitFitDetailsCol1, .surefit-replacement-mask-page .sureFitFitDetailsCol2, .surefit-replacement-mask-page .sureFitFitDetailsCol3 {
    margin: 20px 0 10px 0!important;
    width: 100%;
  }
  .surefit-replacement-mask-page .clientQuestions label {
    width: 100%;
  }
  .surefit-replacement-mask-page ul.ui-autocomplete {
    width: 230px;
  }
  
  .languageSelector {
    float: none;
    clear: both;
    display: block;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 628px) {
  .hide-in-mobile {
    display: none;
  }
  
  #allcol .dealer-address table td input.remove, #allcol .dealer-address table td input.edit {
    padding: 4px;
  }
  
  #allcol .dealer-address table td {
    padding: 2px 3px;
  }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .hide-in-mobile-portrait {
    display: none;
  }
}
@media only screen and (max-width: 300px) {
  .accordion-item h4 {
    width: 80%;
  }
}
/* print styles */
@media print {
  * {
    background: transparent !important;
    color: #444 !important;
    text-shadow: none;
  }
  
  header, footer, nav {
    display: none;
  }
  
  #content,
  .wrapper,
  .wrapper #leftcol,
  .wrapper #rightcol,
  .wrapper #centercol,
  .wrapper #maincol,
  .wrapper #maincol + #leftcol {
    float: none;
    margin: 0;
    max-width: 100%;
    min-width: 500px;
    width: 100%;
  }
  
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  
  /*a:after { content: " (" attr(href) ")"; }*/
  
  abbr:after {
    content: " (" attr(title) ")";
  }
  
  pre, blockquote {
    page-break-inside: avoid;
  }
  
  img {
    page-break-inside: avoid;
  }
  
  @page {
    margin: 0.5cm;
  }
  
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  
  h2, h3 {
    page-break-after: avoid;
  }
  
  .breadcrumb {
    padding: 10px 0 30px 0;
  }
  
  .scrollable, #slideContainer .item {
    height: 500px;
  }
  
  .video-box,
  .slidernav,
  .navi,
  #find-distributor,
  .wrapper #rightcol,
  a.more {
    display: none !important;
  }
  
  .image-box {
    display: block;
    float: none;
  }
  
  .slider-content {
    float: none;
    width: 100%;
  }
  
  .wrapper #allcol, .wrapper, #shell {
    padding: 0;
    width: 100%;
  }
  
  #allcol .home h1 {
    float: none;
    font-size: 1.8em;
    width: 100%;
  }
  
  #allcol .home .intro-text {
    float: none;
    padding-bottom: 1em;
    width: 100%;
  }
  
  .col3 .feature img {
    margin-top: 40px;
  }
  
  .wrapper #maincol {
    padding: 0;
    width: 100%;
  }
}
/* DesignMode */
.DesignMode #container, .EditMode #container {
  position: static;
  margin: 0 auto;
  left: 0;
}
.EditMode #cookieInfo {
  clear: both;
  height: 200px;
}
.DesignMode .StandardWebPart .WebPartHeader {
  position: static !important;
}
.DesignMode .WebPart.StandardWebPart:first-child {
  margin: 0;
}
.EditableTextEdit {
  position: relative !important;
  margin: 0 !important;
  display: block !important;
  float: none !important;
  height: auto !important;
}
.DesignMode .EditableTextEdit {
  width: 900px !important;
}
.EditMode footer {
  margin: 20px auto 0;
  width: 960px;
}
.EditMode footer nav, .DesignMode footer nav {
  margin-top: 0;
  padding: 0;
}
.DesignMode header hgroup h1, .DesignMode header hgroup h2 {
  float: none;
  padding: 0;
}
.DesignMode .wrapper #maincol {
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.DesignMode .thirdcol.col1, .DesignMode .thirdcol.col2, .DesignMode .thirdcol.col3 {
  float: left !important;
  margin: 70px 0 0 0 !important;
  padding: 0 20px;
  width: 286px !important;
}
.DesignMode .thirdcol.col3 {
  padding: 0 20px 0 0;
}
.DesignMode .investor-main, .EditMode .investor-main {
  float: left;
  padding-right: 20px;
  padding-top: 30px;
  width: 400px;
}
.DesignMode .share-price, .EditMode .share-price {
  float: left;
  padding-top: 30px;
  width: 240px;
}
.DesignMode header,
.DesignMode header .container,
.DesignMode header .wrapper,
.DesignMode footer #band {
  height: auto;
}
.DesignMode header nav.main-nav {
  margin: 0;
}
.DesignMode header nav.main {
  background-color: red;
}
.DesignMode #social-media,
.DesignMode #moresites,
.DesignMode #moresites a.tag,
.DesignMode .searchBox,
.DesignMode #globe,
.DesignMode .copy,
.DesignMode #find-distributor,
.DesignMode #servicelinks {
  position: static !important;
}
.DesignMode header nav.sub-nav ul, .DesignMode header nav.main-nav ul li ul {
  display: none;
}
.DesignMode .overflow {
  overflow: visible;
}
#currentUser .CurrentUserName {
  margin-left: -7px;
}
.CMSValidator {
  color: #CC3429;
}
.registration .checkfield p {
  margin: 0 0 0.4em 0;
}
.registration-page .header-contact-us {
  display: none;
}
.select-country div {
  width: 322px;
  float: left;
}
.select-country-warranty select {
  background: #EBE7E6;
  border: 1px solid #DADADA;
  border-radius: 3px;
  padding: 8px;
  width: 318px;
}
.select-country .CMSValidator {
  line-height: 40px;
}
@media only screen and (max-width: 767px) {
  footer .copyrightfooter ul {
    display: none;
  }
  
  select#ddlMobileNav {
    top: 155px;
  }
  
  #currentUser {
    padding-bottom: 35px;
  }
  
  .update-cart-dropdown {
    width: 100%!important;
  }
  
  .update-cart-dropdown .input.cart-update {
    margin: 5px 0 10px 0;
    width: 100%;
  }
  
  a.refresh-size {
    clear: both;
    display: block;
    margin: 20px 0;
  }
  
  .FormPanel .checkout {
    float: left;
  }
}
.labelDealerConfirmation {
  display: inline-block;
  width: 293px;
}
#warranty-user-search-result div:first-child {
  width: 900px;
  overflow-x: auto;
}
#warranty-user-search-result div:first-child table {
  margin: 10px 0 0 0;
}
/* START: REGISTRATION FORM STYLES EDITED */
.PasswStrenghtIndicator {
  width: 318px;
}
/* END: REGISTRATION FORM STYLES EDITED */
label.infoField {
  font-size: 0.87em;
}
.MyProfilePanel input[type="submit"], .ChangeButton input[type="submit"] {
  margin-left: 200px;
}
/* Translation form styles */
#maincol table tr:nth-child(even) td {
  background: none;
}
.languages input[type="checkbox"] {
  width: 30px;
  float: left;
  background: none;
  border: none;
}
.languages label {
  padding-top: 0px;
}
.translation .UploaderLabel {
  display: none;
}
.translation .Uploader {
  border: none;
}
.translation-file-attachment input[type="submit"] {
  display: none;
}
.translation td, .translation-file-attachment td {
  padding: 0px !important;
}
.EditingFormControlNestedControl {
  padding: 5px;
}
/********** STYLES FOR NEW TEMPLATE : 23/06/2014 *******************/
/* DIVs */
#maincol-left {
  padding-top: 30px;
  width: 762px;
  overflow: hidden;
}
.wrapper #allcol {
  overflow: hidden;
}
.CPAP, .Masks, .Clinical {
  overflow: hidden;
}
#maincol-left,
.CPAP div,
.Masks div,
.Clinical div,
.Tile,
.resources,
.related,
.related table,
.button a {
  float: left;
}
.CPAP .synopsis,
.Masks .synopsis,
.Clinical .synopsis,
.synopsis h2,
.CategoryImage img,
.Tile,
.resources,
.related {
  margin-bottom: 15px;
}
.CPAP .synopsis, .Masks .synopsis, .Clinical .synopsis {
  height: 172px;
  padding: 20px 20px 8px 30px;
  margin-right: 15px;
}
.CPAP .synopsis, .Clinical .synopsis {
  padding: 20px 20px 8px 30px;
}
.Masks .synopsis {
  padding: 20px 20px 8px 20px;
}
.Product .CPAP .synopsis, .Product .Clinical .synopsis {
  width: 331px;
}
.Product .Masks .synopsis {
  width: 311px;
}
.Category .synopsis {
  width: 251px;
  height: 160px;
  padding: 20px 80px 20px 50px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
  position: absolute;
  left: 0;
  top: 147px;
}
.CPAP .synopsis {
  background: #4fb3ce url('/images/cpap-icon') no-repeat;
}
.Clinical .synopsis {
  background: #766a63 url('/images/clinical-icon') no-repeat;
}
.Masks .synopsis {
  background: #6cb33f url('/images/masks-icon') no-repeat;
}
.Product .CPAP .synopsis, .Product .Clinical .synopsis {
  background-position: 331px 20px;
}
.Product .Masks .synopsis {
  background-position: 301px 20px;
}
.Category .synopsis {
  background-position: 326px 20px;
}
.resources.clinicalresources {
  height: 415px;
}
.resources.clinicaleducation {
  height: 200px;
  margin-top: 0px;
  background: #6cb33f;
}
.resources.clinicalresources table, .resources.clinicaleducation table {
  width: 311px;
}
.resources.clinicalresources hr, .resources.clinicaleducation hr {
  border: 0px;
  border-top: 1px solid #fff;
}
/* IMAGES */
.CPAP .mainimage,
.CPAP .mainimage img,
.Clnical .mainimage,
.Clinical .mainimage img {
  width: 351px;
  height: 200px;
}
.Masks .mainimage, .Masks .mainimage img {
  width: 168px;
  height: 200px;
}
.Masks .secondaryimage, .Masks .secondaryimage img {
  width: 198px;
  height: 200px;
}
.Masks .secondaryimage {
  margin-right: 15px;
}
.CategoryImage img {
  width: 717px;
  height: 415px;
}
.Tile img {
  height: 145px !important;
}
.Tile.small p, .Tile.small img {
  height: 125px !important;
}
.related table img {
  width: 160px;
  border-radius: 3px;
}
/* FONT */
#maincol-left h1 {
  padding-left: 30px;
}
#maincol-left .Product h1 {
  padding-top: 10px;
}
.Product .subheading, .Category .subheading {
  font-size: 12px;
  color: #ababab;
  margin-bottom: 0px;
}
.Product h1, .Category h1 {
  font-size: 30px;
  color: #527299;
  margin-bottom: 25px;
}
.synopsis,
.synopsis h2,
.Tile,
.Tile h2,
.Tile h3,
.Tile a,
.Tile a:hover,
.resources,
.resources h2,
.resources a,
.resources a:hover {
  color: #fff;
}
.synopsis h2 {
  font-size: 24px;
}
.Tile h2,
.Tile h3,
.resources h2,
.related h2,
.Category .synopsis {
  font-size: 15px;
}
.synopsis h2,
.related h2,
.related td,
.sidemenu h3,
.related td.productname,
.Category .subheading,
.Product h1,
.Category h1 {
  line-height: 1em;
}
.related p {
  width: 160px;
  height: 127px;
  text-align: center;
  background-color: #fff;
  margin: 0;
}
.Tile h2, .Tile h3 {
  padding: 0 0 10px 0;
}
.Tile p {
  width: 152px;
  height: 145px;
  text-align: center;
  background-color: #fff;
  margin: 0;
}
.Tile a, .related a {
  text-decoration: none;
}
.related p, .Tile p, .Tile img {
  border-radius: 4px;
}
.resources h2 {
  padding: 15px 20px 13px 20px;
  border-bottom: 1px solid #fff;
}
.resources a, .resources a:hover, .sidemenu ul#menuElem li a {
  font-weight: bold;
}
.related,
.related h2,
.related a,
.related a:hover,
.tree h2 {
  color: #424242;
}
.related h2 {
  margin: 0;
  padding: 15px 20px 13px 10px;
}
.related td.productname {
  font-size: 10px;
}
.tree h2 {
  margin-bottom: 8px;
}
.small h3 {
  height: 40px;
}
.sidemenu ul#menuElem li li a {
  font-weight: normal;
}
.synopsis h2, .subheading {
  text-transform: uppercase;
}
/* BUTTON */
.button a {
  height: 18px;
  border: 1px solid;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 8px;
  padding: 5px 8px;
  color: #fff;
}
.button a:hover {
  text-decoration: none;
}
.Masks .button a, .Masks .button a:hover {
  border-color: #579032;
  background: #579032;
}
.CPAP .button a, .CPAP .button a:hover {
  border-color: #3f90a5;
  background: #3f90a5;
}
.Clinical .button a, .Clinical .button a:hover {
  border-color: #5f5550;
  background: #5f5550;
}
/* GREY TILES */
.Tile {
  width: 152px;
  height: 177px;
  padding: 15px 8px 8px 8px;
  background: #766a63;
  margin-right: 15px;
}
.Tile:nth-of-type(5n+0) {
  margin-right: 0px;
}
.Tile:hover {
  background: #5f5550;
}
/* RECENTLY UPLOADED RESOURCES & RELATED PRODUCTS */
.resources, .related {
  width: 351px;
  height: 200px;
}
.resources {
  margin-right: 15px;
  background: #4fb3ce;
}
.resources table {
  margin: 8px 20px 20px !important;
}
.related {
  background: #dfd7ce;
}
.related table {
  padding: 0;
  margin: 0 !important;
  width: 160px;
}
.related table:first-of-type {
  margin-right: 15px !important;
  margin-left: 8px !important;
}
.related td {
  padding: 0 !important;
}
.related td.productname {
  padding: 10px 0 !important;
  background: url('/images/arrow-right') no-repeat right !important;
}
/* COLLATERAL TREE */
.tree {
  clear: both;
  overflow: hidden;
  margin-top: 13px;
}
/* SUB MENU */
.sidemenu {
  padding-top: 67px;
}
.sidemenu ul#menuElem, ul#menuElem ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidemenu ul#menuElem li {
  margin-top: 25px;
}
.sidemenu ul#menuElem li li {
  margin-top: 0px;
}


/* Minification failed (line 2693, error number 1049): Browser hack generates invalid CSS */