/*
	Base
	
	Much of this section is a reset or normalization of common elements.
	Changes to the rules defined in the 'Base' section should be rare and
	well justified.
	
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
rule {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}[hidden] {
    display: none;
}

html {
	font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	height: 100%;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
    font-family: Verdana,sans-serif;
}

body {
	position: relative;
    margin: 0;
    padding: 0;
	height: 100%;
	/*overflow-x: hidden;*/
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-size: 16px;/*ie*/
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
    color: #333;
	background-color: #fff;/*#313131; keeps the footer as solid bg regardless of other content height */
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-backface-visibility: hidden;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote,
.blockquote {
  /*font-family: 'OpenSans-Light', Verdana, sans-serif;*/
  font-family: 'Open Sans', Verdana, sans-serf;
  font-weight: 300;
  font-size: 16px;/*ie*/
  font-size: 1rem;
  line-height: 1.7;
  margin: 16px 0 28px 0;/*ie*/
  margin: 1rem 0 1.75rem 0;
}

blockquote cite,
.blockquote cite {
  display: block;
  margin-top: .5rem;
  font-family: Verdana, sans-serif;
  font-size: 11px;/*ie*/
  font-size: .6875rem;
  font-style: normal;
  clear: both;
  max-width: 90%;
}

blockquote cite:before,
.blockquote cite:before {
	content: '\2014';
	color: #999;
	padding-right: 4px;/*ie*/
	padding-right: .25rem;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
	margin: 0 0 16px 0;/*ie*/
    margin: 0 0 1rem 0;
}

code,
kbd,
pre,
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: 65%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
	top: -5px;
    top: -.275rem;
	padding: 0 2px;
	padding: 0 .1rem;
}

h1 sup,
h2 sup {
	font-size: 43.75%;
	top: -12px;
	top: -.75rem;
}

sub {
	bottom: -4px;/*ie*/
    bottom: -.25rem;
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    outline: 0;
    text-decoration: underline;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	/*font-family: 'OpenSans-Regular', Verdana, sans-serif;
	font-weight: normal;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 400;
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
	/*font-family: 'OpenSans-Italic', Verdana, sans-serif;*/
}

h1,
.h1 {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 600;
	font-size: 32px;/*ie*/
	font-size: 2rem;
	line-height: 1.4;
	margin-bottom: 13px;/*ie*/
	margin: 0 0 .825rem 0;
	color: #555;
}

h1 em,
.h1 em {
	/*font-family: 'OpenSans-SemiBold-Italic', Verdana, sans-serif;*/
}
	
h2,
.h2 {
	font-size: 24px;/*ie*/
	font-size: 1.5rem;
	line-height: 1.4;
	margin-bottom: 6px;/*ie*/
	margin: 0 0 .415rem 0;
}

.h2-plus {
	font-size: 27px;/*ie*/
	font-size: 1.675rem;
	margin-bottom: 13px;/*ie*/
	margin-bottom: .83rem ;
}

h2 + p {
	margin-top: 0;
}

h3 + p {
	margin-top: 8px;/*ie*/
	margin-top: .5rem;
}

/*	double line-height flowline
p + h2,
ul + h2,
ol + h2
dl + h2,
div + h2 {
	margin-top: 49px;
	margin-top: 2.8rem;
}
*/

h3,
.h3 {
	font-size: 18px;/*ie*/
	font-size: 1.15rem;
	margin-bottom: 6px;/*ie*/
	margin: 0 0 .35rem 0;
}

h2 + h3 {
	/*font-family: 'OpenSans-Regular', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 400;
}

h2 + h3 em {
	/*font-family: 'OpenSans-Italic', Verdana, sans-serif;*/
	font-style: italic;
}

h4,
.match-h4,
.h4 {
    /*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 700;
	font-size: 14px;/*ie*/
    font-size: .9rem;/*.9em;*/
	text-transform: uppercase;
	margin-bottom: 7px;/*ie*/
	margin: 0 0 .45rem 0;
}

h4 em,
.match-h4 em,
.h4 em {
	/*font-family: 'OpenSans-Bold-Italic', Verdana, sans-serif;*/
}

h5,
.h5 {
	font-size: 13px;/*ie*/
    font-size: .825em;
	margin-bottom: 6px;/*ie*/
    margin: 0 0 .4125rem 0;
}

h6,
.h6 {
	font-size: 11px;/*ie*/
    font-size: .6875rem;
	margin-bottom: 5px;/*ie*/
    margin: 0 0 .34375rem 0;
}

p,
.match-p,
.p {
	font-size: 14px;/*ie*/
    font-size: .875rem;
    line-height: 1.6;
    word-break: hyphenate;
    hyphens: auto;
}

header{
	position: relative;
}

iframe {
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
}

nav li {
    margin-bottom: 0;
}

ul,
ol,
dl {
	font-size: 14px;/*ie*/
    font-size: .875rem;
}

dl,
menu,
ol,
ul {
	margin: 16px 0;/*ie*/
    margin: 1rem 0;
}

dd {
	margin: 0 0 0 40px;/*ie*/
    margin:0;/* 0 0 2.5rem;*/
}

menu,
ol,
ul,
dl {
	padding: 0 0 0 40px;/*ie*/
    padding: 0 0 0 2.5em;
}

li,
dd {
	margin-bottom: 8px;/*12px;*//*ie*/
    margin-bottom: .5rem;/*.75rem;*/
}

li ul,
li ol {
	font-size: 14px;/*ie*/
    font-size: .875rem;

	padding-left: 16px;/*ie*/
    padding-left: 1rem;
}

li ol li {
	margin-left: 32px;/*ie*/
    margin-left: 2rem;
}

img {
    border: 0;
	/*image-rendering: optimizeQuality;
	image-rendering: -webkit-optimize-contrast;*/
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
}

object,
embed {
    max-width: 100%;
}

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

figure {
	margin: 0 0 16px 0;/*ie*/
    margin: 0 0 1rem 0;
	padding: 0;
	max-width: 100%;
	display: block;
}

figcaption {
	font-size: 12px;/*ie*/
	font-size: .75rem;
	line-height: 1.6;
	color: #666;
    padding: 4px 2px;
	padding: .25rem .125rem;
	display: block;
}

section {
    display: block;
    clear: both;
    position: relative;
    padding: 40px 0;/*ie*/
	padding: 2.5rem 0;
}

aside {
	background-color: none;
	margin: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	/*-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;*/
}

aside p {
	font-size: 12px;/*ie*/
	font-size: .75rem;
}

  aside p + h4 {
		margin-top: 32px;/*ie*/
		margin-top: 2rem;
  }

table {
	font-size: 12px;/*ie*/
	font-size: .75rem;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 28px 0;/*ie*/
	margin: 1.75rem 0;
}

colgroup.thirds col {
	width: 33.33%;
}

table p,
table ul,
table ol,
table dl {
	font-size: 12px;/*ie*/
	font-size: .75rem;
}

th {
	/*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 700;
	font-size: 14px;/*ie*/
	font-size: .85rem;
	text-transform: uppercase;
	background-color: #f1f1f1;
	border-bottom: 1px solid #ccc;
	padding: 8px;/*ie*/
	padding: .5rem;
	text-align: left;
}

td {
	padding: 8px;/*ie*/
	padding: .5rem;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}

table tr:last-child td {
	border-bottom: none;
}

tfoot {
	font-size: 11px;/*ie*/
	font-size: .6875rem;
	color: #787878;
}

tfoot td {
	border-top: 1px solid #eee;
}

tfoot td p {
	font-size: 11px;/*ie*/
	font-size: .6875rem;
}

form {
    margin: 0;
	font-size: 90%;
}

form table {
	font-size: 100%;
}

form td {
	border: none;
}

fieldset {
	padding: 16px;/*ie*/
    padding: 1rem;
	margin: 24px 0;/*ie*/
    margin: 1.5rem 0;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -0.4375em;
}

label {
    font-weight: bold;
    cursor: pointer;
}

input,
textarea,
select,
datalist option {
    color: #444;
    background-color: #fff;
	border: 2px solid #ccc;/*ie*/
    border: .125rem solid #ccc;
	padding: 8px;/*ie*/
    padding: .5rem;
	margin: 0;
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

textarea {
    line-height: 1.5;
	min-height: 120px;/*ie*/
    min-height: 7.5rem;
    overflow: auto;
    vertical-align: top;
}

input[type=submit] {
    display: inline-block;
    width: auto;
	margin: 8px 0;/*ie*/
	margin: .5rem 0;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
    color: #333;
    border: 2px solid #999;
    outline: 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] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type=checkbox],
input[type=checkbox]:active,
input[type=checkbox]:focus,
input[type=radio],
input[type=radio]:active,
input[type=radio]:focus {
	width: auto;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0;
	border: none;
	border-radius: 0;
    *height: .8125em;
    *width: .8125em;
}

input[type=checkbox] {
	border:1px solid #ccc;
}

input[type=checkbox]:active,
input[type=checkbox]:focus {
	border:1px solid #666;
}

input[type=search] {
	-moz-appearance: textfield;
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

footer {
  color: #999;
  background-color: #313131;
  display: block;
  padding: 24px 0 48px 0;/*ie*/
  padding: 1.5rem 0 3rem 0;
}

footer dl {
	display: block;
	width: 20%;/*25%;*/
	padding: 0;
	margin: 16px 0 0 0;/*ie*/
	margin: 1rem 0 0 0;
	float: left;
}
  
footer dt,
footer dd {
	margin: 0;
	padding: 0;
}

footer dt {
	font-size: 14px;/*ie*/
	font-size: .875rem;
	margin-bottom: 4px;/*ie*/
	margin-bottom: .25rem;
}

footer dd + dt {
	margin-top: 24px;
	margin-top: 1.5rem;
}

footer dd {
	font-size: 11px;/*ie*/
	font-size: .6875rem;
	line-height: 1.2;
	margin-bottom: 7px;/*ie*/
	margin-bottom: .45rem;
}

footer a:link,
footer a:visited {
	text-decoration: none;
}

footer a:hover,
footer a:active,
footer a:focus {
	text-decoration: underline;
}

footer dd a,
footer small a {
	color: #ddd!important;
}

footer dt a {
	color: #999!important;
}

footer div {
	display: block;
}

footer div p {
	border-top: 1px solid #676767;
	padding-top: 4px;/*ie*/
	padding-top: .25rem;
	margin: 28px 0 0 0;/*ie*/
	margin: 1.75rem 0 0 0;
}

footer small {
	font-size: 10px;/*ie*/
	font-size: .625rem;
}

/*	not an HTML5 element, but we've added it to our
	Modernizr JS lib file.
*/
rule {
    height: 1px;
    line-height: 1px;
	min-height: 1px;
    width: auto;
    background-color: #eee;
	margin: 24px 0;/*ie*/
    margin: 1.5rem 0;
}

rule + h2 {
	margin-top: 0;
}

/* these are only classes but seems silly to lose them
   by placing them elsewhere in this file.
*/
.rule-dotted {
	background-color: transparent;
	border-top: 1px dotted #ccc;
}

.rule-dashed {
	background-color: transparent;
	border-top: 1px dashed #eee;
}

.rule-dark {
	background-color: #ccc;
}

.rule-medium {
	background-color: #dedede;
}

.rule-small-margin {
	margin: 6px 0;/*ie*/
	margin: .35rem 0;
}

.rule-extra-small-margin {
	margin: 4px 0;/*ie*/
	margin: .25rem 0;
}


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

/*
	Layout
	
	The following may be considered improperly categorized, but
	'.wrapper', '.col', '.push', and '.pull' are really layout elements
	used to render our grid and center content where required.
	
*/

/*	.wrapper is used to define the outermost boundary of our grid;
	equivalent to '.row' in similar grid structures.
*/

.wrapper {
	display: block;
	clear: both;
	position: relative;
	min-width: 320px;/*ie*/
	min-width: 20rem; /* 320px */
	max-width: 1280px;/*ie*/
	max-width: 80rem; /* 1280px */
	padding: 0 16px;
	padding: 0 1rem;
	margin: 0 auto;
}

.wrapper:after {
	content: "";
	display: table;
	clear: both;
}

/* firefox only: issue with overlapping margin */
@-moz-document url-prefix()  {
	.wrapper {
		margin-bottom: 1.8rem;
	}
}

.wrapper .wrapper {
	padding-right: 0;
	padding-left: 0;
	max-width: none;
	min-width: 0;
	margin-right: -16px;/*ie*/
	margin-left: -16px;/*ie*/
	margin-right: -1rem;
	margin-left: -1rem;
}

nav.wrapper {
	padding: 0 2rem;
	margin-bottom: 0;
}

.hero-is-tall .wrapper,
.hero-is-short .wrapper {
	padding-right: 2rem;
	padding-left: 2rem;
}

/*	12 column flexible grid
	
	.col~ and .offset are classes (generally applied to 
	<div> elements) we use to render our flexible grid. sometimes 
	the values used by these classes are used as part of the ruleset 
	for existing elements (rather than applying the .col~ or 
	.offset classes). 

	.col + .col-(number) will define your containing column's width.
	.push-(number) acts as a 'push' class, 'pushing' your column away
	from the left.
	
	.pull-(number) acts as a 'pull' class, 'pulling' your column 
	toward the left (pushes away from the right; the opposite of
	.push).
	 
*/

.col {
	float: left;
	padding: 0 16px;/*ie*/
	padding: 0 1rem;
	min-height: 1px;
}

/* when you need tighter gutter spacing */
.wrapper.has-narrow-gutters .col,
.has-narrow-gutters .col {
   padding: 0 4px;/*ie*/
   padding: 0 .25rem;
}

.col-1 {
	width: 8.33%;
}

.col-2 {
	width: 16.66%;
}

.col-2h {
	width: 20.825%;
}

.col-3 {
	width: 24.99%;
}

.col-4 {
	width: 33.33%;
}

.col-4h {
	width: 37.495%;
}

.col-5 {
	width: 41.65%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.33%;
}

.col-8 {
	width: 66.66%;
}

.col-9 {
	width: 74.99%;
}

.col-10 {
	width: 83.33%;
}

.col-11 {
	width: 91.66%;
}

.col-12 {
	width: 100%;
	float: none;
}

/*	push from left */
.push-1half {
	margin-left: 4.165%;
}

.push-1 {
	margin-left: 8.33%;
}

.push-2 {
	margin-left: 16.66%;
}

.push-3 {
	margin-left: 24.99%;
}

.push-4 {
	margin-left: 33.33%
}

.push-5 {
	margin-left: 41.66%;
}

.push-6 {
	margin-left: 49.99%;
}

.push-7 {
	margin-left: 58.33%;
}

.push-8 {
	margin-left: 66.66%;
}

.push-9 {
	margin-left: 74.99%;
}

.push-10 {
	margin-left: 83.33%;
}

.push-11 {
	margin-left: 91.66%;
}

/*	pull towards left */
.pull-1half {
	margin-right: 4.165%;
}

.pull-1 {
	margin-right: 8.33%;
}

.pull-2 {
	margin-right: 16.66%;
}

.pull-3 {
	margin-right: 24.99%;
}

.pull-4 {
	margin-right: 33.33%
}

.pull-5 {
	margin-right: 41.66%;
}

.pull-6 {
	margin-right: 49.99%;
}

.pull-7 {
	margin-right: 58.33%;
}

.pull-8 {
	margin-right: 66.66%;
}

.pull-9 {
	margin-right: 74.99%;
}

.pull-10 {
	margin-right: 83.33%;
}

.pull-11 {
	margin-right: 91.66%;
}

/*	utilize CSS column-count to render
	column flow.
*/
.col-span-all {
	column-span: all;
}

.col-flow-rule {
	-webkit-column-rule: 1px solid #eee;
	-moz-column-rule: 1px solid #eee;
	column-rule: 1px solid #eee;
}

.col-flow-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.col-flow-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.col-flow-4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.col-flow-2,
.col-flow-3 {
	-webkit-column-gap: 2rem;
	-moz-column-gap: 2rem;
	column-gap: 2rem;
}

.col-flow h3 + p,
.col-flow dl {
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	column-break-inside: avoid;
}

/*	flowlines in a grid create the horizontal
	spacing; increasing the top flowline of a 
	'.wrapper' (think row) can be useful when
	laying some elements out in a sub-grid.

*/

.increased-top-flowline,
.wrapper.increased-top-flowline {
	margin-top: 48px;/*ie*/
	margin-top: 3rem;
}

/*	specialized rules for product page hero space
	(pub data presented as "inside" laptop screen)
*/
.product-hero {
	padding-bottom: 20px;/*ie*/
	padding-bottom: 1.25rem;
}

.frame {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.pub-data {
	padding: 7% 12% 5% 17%;
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 3;
}

.pub-data h1 {
	font-size: 28px;/*ie*/
	font-size: 1.75rem;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.pub-data h1 em {
	font-size: 18px;/*ie*/
	font-size: 1.125rem;
}

.cover-col {
	width: 27%;
	padding-left: 0;
	position: relative;
}

.regional-flag {
	position: absolute;
	top: -10%;
	left: -8%;
	z-index: 10;
	display: block;
	max-width: 32%;
}

.title-col {
	width: 73%;
	padding-top: 8px;/*ie*/
	padding-top: .5rem;
	padding-left: 0;
}

.title-col h2 {
	/*font-family:'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-weight: 600;
	font-size: 18px;/*ie*/
	font-size: 1.125rem;
	color: #444;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.title-col p {
	/*font-family:'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 16px;/*ie*/
	font-size: 1rem;
	font-weight: 600;
	color: #777;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.is-frame {
	position: relative;
	z-index: 2;
}


/* ordering options */
.ordering-options li {
	background-color: #f1f1f1;
	padding: 12px;/*ie*/
	padding: .75rem;
	margin-bottom: 16px;/*ie*/
	margin-bottom: 1rem;
	border-radius: .3125rem;
}

.ordering-options h3 { /* "Featured offer" */
	font-size: 24px;/*ie*/
	font-size: 1.5rem;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.ordering-options h4,
.ordering-options h5 { /* product title string AND price */
	/*font-family: 'OpenSans-SemiBold';*/
	font-weight: 600;
	font-size: 18px;/*ie*/
	font-size: 1.125rem;
	margin-bottom: 2px;/*ie*/
	margin-bottom: .125rem;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.ordering-options p {
	font-size: 12px;/*ie*/
	font-size: .75rem;
}

.featured-offer h4,
.featured-offer h5 {
	/*font-family: 'OpenSans-Bold';*/
	font-weight: 700;
	font-size: 22px;/*ie*/
	font-size: 1.375rem;
	color: #444;
}

/* featured offer */
.featured-offer,
.ordering-options li.featured-offer {
	background: #ff9;
	background: rgba( 255, 255, 153, 1 );
}

/* featured offer in .product-hero space */
.product-hero .featured-offer {
	padding: 24px;/*ie*/
	padding: 1.5rem;
	margin-top: 30px;
	margin-top: 1.875rem;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

/* maintain top margin on /students/ product page */
.product-hero .share-this + .featured-offer {
	margin-top: 8px;/*ie*/
	margin-top: .5rem;
}

.product-hero .featured-offer h4 {
	margin-bottom: 8px;/*ie*/
	margin-bottom: .5rem;
}

/* get bullets to display for lists inside column-count parent container */
.bullet-list li {
	display: inline-block;
	width: 100%;
	padding-left: 32px;/*ie*/
	padding-left: 2rem;
	text-indent: -32px;/*ie*/
	text-indent: -2rem;
}

.bullet-list li:before {
	content: '\2022';
	margin-right: 12px;/*ie*/
	margin-right: .75rem;
}

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

/*
	Module(s)
	
	Perhaps the largest group of rules, the following declarations
	help define the most common elements found in any of our page
	layouts, such as navbars, menus, crumbtrail, etc.
	
*/

/*	OK to use an ID here as this is a unique element
	that only exists once on a page. Plus we need the
	higher order of an ID to override the standard
	slideshow defaults.
*/
#slideshow-mobile-dashboard,
#slideshow-mobile-dashboard figure img {
	max-width: 320px;/*ie*/
	max-width: 20rem;
}

#slideshow-results-cards .card {
	min-height: 276px;/*ie*/
	min-height: 17.25rem;
	margin: 0 24px;/*ie*/
	margin: 0 1.5rem;
}

/*	custom flavor of blockquote */
.pullquote {
	position: relative;
	padding-left: 16px;/*ie*/
	padding-left: 1rem;
	border-left: 3px;/*ie*/
	border-left: .1875rem;
	border-left-style: solid;
	margin-bottom: 16px;/*ie*/
	margin-bottom: 1rem;
}

.pullquote p {
	font-size: 15px;/*ie*/
	font-size: .925rem;
}

.pullquote p:first-of-type:before,
.pullquote p:last-of-type:after {
	font-family: Georgia, serif;
	font-weight: bold;
	color: #999;
}

.pullquote p:first-of-type:before {
	content: '\201C';
	padding-right: 4px;/*ie*/
	padding-right: .25rem;
}

.pullquote p:last-of-type:after {
	content: '\201D';
	padding-left: 4px;/*ie*/
	padding-left: .25rem;
}

/* social media icons are unique enough to warrant their own module */
.social-group {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.social-group li,
.social-group dd {
	font-size: 32px;/*ie*/
	font-size: 2rem;
	list-style-type: none;
	display: inline-block;
	margin: 0 16px 0 0;/*ie*/
	margin: 0 1rem 0 0;
}

.social-group li:last-of-type,
.social-group dd:last-of-type {
	margin-right: 0;
}

.social-group li a,
.social-group dd a {
	opacity: .75;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.social-group li a:hover,
.social-group li a:focus,
.social-group dd a:hover,
.social-group dd a:focus {
	opacity: .99; /* -webkit has trouble with sub-pixel rendering if we transition to 1 */
}

.social-group li a:link,
.social-group li a:visited,
.social-group li a:hover,
.social-group li a:active,
.social-group li a:focus {
	text-decoration: none;
}

/* social colors */
.facebook {
	color: #3b579d!important;
}

.twitter {
	color: #00aced!important;
}

.youtube {
	color: #cd332d!important;
}

.pinterest {
	color: #cb2027!important;
}

.instagram {
	color: #517fa4!important;
}

.blog,
.rss {
	color: #ff7210!important;
}


/* useful for things like "NEW" on Features page */
.flag-simple {
	/*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 11px;/*ie*/
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 4px 8px;/*ie*/
	padding:.25rem .5rem;
	border-radius: .1875rem;
}

h1 .flag-simple {
	top: -6px;/*ie*/
    top: -.375rem;
	left: 8px;/*ie*/
    left: .5rem;
}

.mega .flag-simple {
	top: -11px;
	top: -.65rem;
	left: 8px;
	left: .5rem;
}

/*	corner flags ("NEW!") */
.corner-flag {
	width: 80px;/*ie*/
	width: 5rem;
	height: 80px;/*ie*/
	height: 5rem;
	position: absolute;
	top: -2px;/*ie*/
	top: -.125rem;
	left: -2px;/*ie*/
	left: -.125rem;
	border-style: solid;
	border-width: 80px 80px 0 0;/*ie*/
	border-width: 5rem 5rem 0 0;
	-webkit-filter: drop-shadow( 2px 2px 3px rgba( 0, 0, 0, .35 ));
	-moz-filter: drop-shadow( 2px 2px 3px rgba( 0, 0, 0, .35 ));
	-ms-filter: drop-shadow( 2px 2px 3px rgba( 0, 0, 0, .3 5 ));
	filter: drop-shadow( 2px 2px 3px rgba( 0, 0, 0, .35 ));
}

.corner-flag em {
	font-style: normal;
	font-size: 16px;/*ie*/
	font-size: 1rem;
	text-align: center;
	color: #fff;
	display: block;
	margin-top: -50px;/*ie*/
	margin-top: -3.125rem;
	margin-left: 11px;/*ie*/ 
	margin-left: .6875rem;
	-webkit-transform: rotate( -45deg );
	-moz-transform: rotate( -45deg );
	-ms-transform: rotate( -45deg );
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	filter: none;
}

.has-folded-corner:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   border-width: 0 64px 64px 0;/*ie*/
   border-width: 0 4rem 4rem 0;
   border-style: solid;
   border-color:#fff #fff #f7f7f7 #f7f7f7;
   background-color: #fff;
   -webkit-box-shadow: -.15rem .15rem .15rem rgba( 0, 0, 0, .15 );
   -moz-box-shadow: -.15rem .15rem .15rem rgba( 0, 0, 0, .15 );
   -ms-box-shadow: -.15rem .15rem .15rem rgba( 0, 0, 0, .15 );
   box-shadow: -.15rem .15rem .15rem rgba( 0, 0, 0, .15 );
}

/*	Pearson brand~color strap w/logo and tagline. */
#brand-strap {
	height: 44px;/*ie*/
    height: 2.75rem;
	line-height: 44px;/*ie*/
	line-height: 2.75rem;
	width: 100%;
    margin: 0;
	background-color: #000; /* NEW May 2013 */
}

/*	Although the <hgroup> element has been deprecated as of April 2013
	we are still using it here until the W3C defines a substitute --
	although we may switch to '.hgroup' at some point.
*/
#brand-strap hgroup {
	white-space: nowrap;
}

#brand-strap .wrapper {
	padding: 0 2rem;
}

.logo,
.tagline {
    margin: 0;
    padding: 0;
    overflow: hidden;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.logo {
    height: 44px;/*ie*/
    height: 2.75rem;
	line-height: 44px;/*ie*/
	line-height: 2.75rem;
    width: 114px;/*ie*/
	width: 7.25rem;
    margin: 0;
    padding: 0;
    float: left;
}

.logo a {
	display: block;
	width: 100%;
	height: auto;
}

.tagline {
    display: block;
    width: 139px;/*ie*/
	width: 8.6875rem;
    height: 44px;/*ie*/
    height: 2.75rem;
	line-height: 44px;/*ie*/
	line-height: 2.75rem;
    float: right;
}

/*	.global-nav is the parent container (full-width) that
	helps position and contain our product nav.
*/
.global-nav {
	background-color: #fff;
	background: rgba(255, 255, 255, 1);
	clear: both;
	width: 100%;
	height: 64px;/*ie*/
	height: 4rem;
	overflow: hidden;
}

.global-nav a:link,
.global-nav a:visited,
.global-nav a:hover,
.global-nav a:active,
.global-nav a:focus {
	text-decoration: none;
}

/*	on some pages the global nav will be transparent and laid over
	the hero space.
*/
.global-nav.has-transparency {
	background: rgba(255, 255, 255, .85);
	position: absolute;
	top: 44px;/*ie*/
	top: 2.75rem;
	left: 0;
	z-index: 99;
	
	-webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .3);
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .3);
}

/*	.product-nav examples: 'MyMathLab' or
	'MasteringEnvironmentalScience'.
*/
.product-nav {
	height: 64px;/*ie*/
	height: 4rem;
	line-height: 64px;/*ie*/
	line-height: 4rem;
	padding: 0;
	margin: 0;
	width: auto;
	display: inline-block;
}

.product-nav li {
	float: left;
	display: inline-block;
	padding: 0;
	margin: 0;
}

.product-nav h2 {
	font-size: 32px;/*ie*/
	font-size: 2rem;
	width: auto;
	margin: 0;
  /* subtle shift to adjust alignment */
	margin-left: -3px;
	margin-left: -.1875rem;
	padding: 0;
	line-height: 64px;/*ie*/
	line-height: 4rem;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}

/*	.utility-nav contains such links as 'Sign in', 'Register,
	'Browse by Discipline', etc.
*/
.utility-nav {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 13px;/*ie*/
	font-size: .8rem;
	font-weight: 600;
	text-transform: uppercase;
	float: right;
	width: auto;
	padding: 0;
	height: 64px;/*ie*/
	height: 4rem;
	line-height: 64px;/*ie*/
	line-height: 4rem;
	display: inline-block;
	
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.utility-nav li {
	float: left;
	text-align: right;
	display: inline-block;
	padding: 0 24px 0 0;/*ie*/
	padding: 0 1.5rem 0 0;
	margin: 0;
}
  
.utility-nav li:last-of-type {
	padding-right: 0;
}

.utility-nav li a {
	display: inline-block;
}

.utility-nav li a:link,
.utility-nav li a:visited {
	color: #454545;
}

.utility-nav li a:hover,
.utility-nav li a:active,
.utility-nav li a:focus {
	color: #9D1348;
	color: rgba(157, 19, 72, 1);
}
	
/* we wrap the text string in this and hide it when viewport is smaller */
.utility-nav li em {
	font-style: normal;
}

.utility-nav li span {
	font-size: 16px;/*ie*/
	font-size: 1rem;
	opacity: .65;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

/*	mobile menu trigger */
.trigger-menu {
	/*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size:14px!important;/*ie*/
	font-size: .85rem!important;
	font-weight: 700;
	color: #ccc!important;
	text-transform: uppercase;
	background-color: #555;
	border-radius: .1875rem;
	height: 28px;/*ie*/
	height: 1.75rem;
	line-height: 28px;/*ie*/
	line-height: 1.75rem;
	padding: 0 8px;/*ie*/
	padding: 0 .5rem;
	margin-top: -4px;/*ie*/
	margin-top: -.25rem;
	cursor: pointer;
}

.trigger-menu:before {
	content: '\2261';
	font-size: 20px!important;/*ie*/
	font-size: 1.25rem!important;
	width: 18px;/*ie*/
	width: 1.125rem;
	overflow: hidden;
	padding-right: 4px;/*ie*/
	padding-right: .25rem;
	color:#eee!important;
	display: inline-block;
	float:left;
}

.is-open .trigger-menu:before {
	content: '\2715';
	font-size: 16px!important;/*ie*/
	font-size: 1rem!important;
}

/*	.is-horizontal is audience-oriented; example: 'EDUCATORS' */
.is-horizontal {
	clear: both;
	width: 100%;
	position: relative;
	z-index: 2;
}

.is-horizontal .wrapper {
	padding: 8px 32px;/*ie*/
	padding: .5rem 2rem;
	margin-bottom: 0;
}

.is-horizontal dl,
.is-horizontal ul {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 14px;/*ie*/
	font-size: .875rem;
	font-weight: 600;
	line-height: 14px;/*ie*/
	line-height: .875;
	padding: 0;/*ie*/
	padding: 0;
	margin: 0;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

.is-horizontal dt {
	vertical-align: middle;
	font-size: 20px;/*ie*/
	font-size: 1.25rem;
	text-transform: uppercase;
	display: inline-block;
	float: left;
	margin: 0 24px 0 0;/*ie*/
	margin: 0 1.5rem 0 0;
	width: auto;
}

.is-horizontal dd,
.is-horizontal li {
	list-style-type: none;
	float: left;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.25;
	padding: 0;
	margin: .15rem 0 0 0;
}

.is-horizontal dd:last-of-type,
.is-horizontal li:last-of-type {
	margin-right: 0;
}

.is-horizontal a {
	display: inline-block;
	padding: 8px 12px;/*ie*/
	padding: .5rem .75rem .5rem .75rem;
	position: relative;
	z-index: 2;
}
	
.is-horizontal dt a,
.is-horizontal li:first-of-type a,
.is-horizontal dt.has-no-link,
.is-horizontal li.has-no-link {
	padding: 8px 0;/*ie*/
	padding: .65rem 0 .5rem 0;
}

.is-horizontal a:link,
.is-horizontal a:visited {
	text-decoration: none;
	color: #585858!important;/* needed to ovr theme */
}

.is-horizontal a:hover,
.is-horizontal a:active,
.is-horizontal a:focus {
	background-color: #e5e5e5;
	color: #008b5d!important;/* needed to ovr theme */
}

.is-horizontal ul a:hover,
.is-horizontal ul a:active,
.is-horizontal ul a:focus {
	background-color: #f7f7f7;
}	

.is-horizontal dt a:hover,
.is-horizontal dt a:focus {
	background-color: transparent;
}

.is-horizontal a [data-icon], /* mobile view only */
.is-horizontal dt span {
	display: none;
}

.is-horizontal a[rel="ext"] [data-icon] { /* mobile view only */
	display: inline-block;
}

.is-horizontal dl a.current-node {/* all !important declarations req to ovr theme */
	background-color: #444!important;/* changed 11-aug-2013 rwp #008b5d!important;*/
	color: #fff!important;
	cursor: default;
}

.is-horizontal ul a.current-node {
	background-color: transparent;
	color: #008b5d!important;
	cursor: default;
}

.is-horizontal dt a.current-node {
	background-color: transparent!important;
	color: #008b5d!important;
}

/*	stacking a horizontal list with a secondary horizontal list */
.is-horizontal + .is-horizontal {
	margin-top: -24px;/*ie*/
	margin-top: -1.5rem;
}

.is-horizontal + .is-horizontal dl,
.is-horizontal + .is-horizontal ul {
	font-size: 14px;/*ie*/
	font-size: .825rem;
}

/*	vertical navigation */
.is-vertical {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 600;
}

.is-vertical dl,
.is-vertical dt,
.is-vertical dd {
	padding: 0;
	margin: 0;
}

.is-vertical dt:first-of-type {
	/*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 5px;/*ie*/
	padding-bottom: .4rem;
	border-bottom: 3px solid #ccc;
}

.is-vertical dd {
	font-size: 14px;/*ie*/
	font-size: .825rem;
}

.is-vertical dd a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 8px;/*ie*/
	padding: .5rem;
	border-bottom: 1px solid #eee;

	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.is-vertical dd:last-of-type a {
	border-bottom: 0;
}

.is-vertical dd a:link,
.is-vertical dd a:visited {
	color: #555!important;/* needed to ovr theme */
}

.is-vertical dd a:hover,
.is-vertical dd a:active,
.is-vertical dd a:focus {
	background-color: #f7f7f7;
	color: #008b5d!important;/* needed to ovr theme */
	text-decoration: none;
}

.is-vertical dd a.current-node {
	color: #008b5d!important;/* needed to ovr theme */
	cursor: default;
}

.is-vertical dd a.current-node:hover,
.is-vertical dd a.current-node:focus {
	background-color: transparent;
}

/*	.featured-links are the boxed link modules we are using
	for the hero space on the home page of the new MyLab and
	Mastering site.
*/
.featured-links {
	margin-top: 112px;/*48px;*//*ie*/
	margin-top: 7rem;/*3rem;*/
	position: relative;
	z-index: 3;
}

.has-two-or-less-featured-link-categories .featured-links {
	margin-top: 32px;/*ie*/
	margin-top: 2rem;
}

/*	if there is an announcement and there are more than 2 featured
	link categories, we need to bump the .featured-link container
	down so as to prevent overlap from the .sign-in element
*/
.has-more-than-two-featured-link-categories.has-announcement .featured-links {
	margin-top: 128px;/*ie*/
	margin-top: 8rem;
}

.featured-links a:link,
.featured-links a:visited,
.featured-links a:hover,
.featured-links a:active,
.featured-links a:focus {
	text-decoration: none;
	/*display: block;*/
	color: #fff!important;
}

.featured-links dt a:hover span,
.featured-links dt a:active span,
.featured-links dt a:focus span {
	opacity: 1;
}

.featured-links .col {
	padding: 0;
}

.featured-links dl {
	width: 95%;
	overflow: hidden;
	margin: 0;
	padding: 16px;/*ie*/
	padding: 1rem;
	height: 120px;/*ie*/
	height: 7.5rem;
	
	-webkit-border-radius: .1875rem;/*3px*/
	border-radius: .1875rem;
	
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .6);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .6);
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
 
.featured-links .col:nth-child(2) dl {
	margin:0 auto;
}

.featured-links .col:last-child dl {
	float: right;
}

.featured-links .col:nth-child(odd) dl {
	background: rgba(10, 98, 58, .8);
}

.featured-links .col:nth-child(even) dl {
	background: rgba(35, 151, 115, .8);
}

.featured-links dt {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 18px;/*ie*/
	font-size: 1.15rem;
	font-weight: 600;
	text-transform: uppercase;
	float: left;
	width: 50%;
	height: 100%;
	border-right: 1px solid rgba( 255, 255, 255, .35 );
	padding: 0 8px 0 0;/*ie*/
	padding: 0 .5rem 0 0;
	margin: 0;
}

.featured-links dt span {
	font-style: normal;
	font-size: 15px;/*ie*/
	font-size: .925rem;
	margin-left: 6px;/*ie*/
	margin-left: .35rem;
	opacity: .5;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.featured-links dt span[data-icon]:before {
	vertical-align: baseline;
}

/*
.featured-links .col:last-of-type em {
	margin-top: 13px;
	margin-top: .8rem;
}
*/
  
.featured-links dd {
	font-size: 13px;/*ie*/
	font-size: .825rem;
	white-space: nowrap;
	clear: right;
	padding: 4px 0 4px 55%;/*ie*/
	padding: .25rem 0 .25rem 55%;
	margin: 0;
}

.list-inline {
	margin: 0;
	padding: 0;
}

.list-inline li,
.list-inline dt,
.list-inline dd {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.list-inline li:first-of-type,
.list-inline dt {
	margin-right: 8px;/*ie*/
	margin-right: .5rem;
}

.list-with-separators li:after,
.list-with-separators dd:after {
	content: '•';
	display: inline-block;
	padding: 0 0 0 6px;/*ie*/
	padding: 0 0 0 .375rem;
	opacity: .35;
}

.list-with-separators li:last-of-type:after,
.list-with-separators dd:last-of-type:after {
	content: '';
	display: none;
}


/*
	form variation: inline form; generally only 1-3 elements.
*/
.form-inline input[type=text],
.form-inline input[type=email] {
	display: inline-block;
	width: auto;
	padding: 8px;/*ie*/
	padding: .5rem;
}

input[type=text].input-will-expand,
.input-will-expand {
	min-width: 240px;/*ie*/
	min-width: 15rem;
	
	-webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    -o-transition: width 500ms ease;
    transition: width 500ms ease;
	
	transition-delay: 250ms;
}

.input-will-expand:focus,
.form-inline .input-will-expand:focus {
	width: 73%;
}

/*
	form variation: for vertically stacked forms.
*/
.form-stacked input[type=text],
.form-stacked input[type=email],
.form-stacked input[type=password],
.form-stacked textarea,
.form-stacked select,
.form-stacked p.error-msg {
    display: inline-block;
	width: 90%;
	margin-right: 8px;/*ie*/
	margin-right: .5rem;
	float: left;
}

.form-stacked input[type=submit] {
	margin-top: 32px;/*ie*/
	margin-top: 2rem;
}

.form-stacked textarea {
	height: 256px;/*ie*/
    height: 16rem;
    overflow-y: auto;
}

.form-stacked label {
	margin: 16px 0 6px 0;/*ie*/
    margin: 1rem 0 .35rem 0;
	display: block;
	clear: both;
}

.form-stacked label:first-child {
    margin-top: 0;
}

.error {
	background-color: #ff9;
    border: 2px solid #f90;
}

.form-stacked span[data-icon] {
	font-size: 135%;
}

.pass {
	color: #3fa85d;
}

.fail {
	color: #ca2f45;
}

.conditional {
	display: none;
}

/*	
	form variation: for tabular (horizontally laid out) forms.
*/
.form-tablular table {
    width: 90%;
    border: 0;
    border-collapse: collapse;
}

.form-tabular table col {
	width: 46.5%;
}

.form-tabular table col:first-child {
	width: 32.5%;
}

.form-tabular table col:last-child {
	width: 21%;
}

.form-tabular table td {
	vertical-align: middle;
	padding: .5em;
}

.form-tabular table td.error {
	background: url(../../img/cms/error.png) no-repeat .25em center scroll transparent;
}

.form-tabular table td.ok {
	background: url(../../img/cms/ok.png) no-repeat .25em center scroll transparent;
}

.form-tabular table h2 {
	margin: 1em 0 0 0;
	padding: 0;
}

.form-tabular label {
    width: auto;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.form-tabular input.submit {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border: 0;
}

/*	Additional form element styling such as
	error messages, required fields, status
	feedback based on input provided/not, etc.
*/
.tip {
	font-size: 11px;/*ie*/
    font-size: .6875rem;
	font-weight: normal;
	color: #666;
    margin: 0;
}

.error-msg {
    text-align: center;
    padding: 16px;/*ie*/
	padding: 1rem;
	margin: 16px 0;/*ie*/
    margin: 1rem 0;
    -webkit-border-radius: .1875rem;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.req:before {
    content: ' * ';
    display: inline-block;
    font-size: 18px;/*ie*/
	font-size: 1.15rem;
    color: #e04854;
	padding: 0 4px 0 0;/*ie*/
    padding: 0 .25rem 0 0;
}

/*	stacked list of radio buttons */
.radio-list {
    padding: 0;
	margin: 0;
}

.radio-list li {
	list-style-type: none;
	line-height: 1;
	padding: 0;
	margin:0 24px 0 0;/*ie*/
	margin: 0 1.5em 0 0;
}

.radio-list input[type=radio],
input[type=radio] {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0;
	line-height: 16px;/*ie*/
	line-height: 1rem;
}

.radio-list label {
	display: inline-block;
	font-weight: normal;
	float: none;
	line-height: 16px;/*ie*/
	line-height: 1rem;
	vertical-align: middle;
	padding-left: 6px;/*ie*/
	padding-left: .35rem;
	margin: 0;
}

/*	is '.button' a module? not really sure how best to categorize. */
.button,
.button:link
.button:visited {
	/*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 14px;/*ie*/
	font-size: .9rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
    color: #fff!important;
    display: inline-block;
	vertical-align: middle;
    text-decoration: none;
	cursor: pointer;
	padding: 12px;/*ie*/
    padding: .75rem;
	border: none;

	-webkit-border-radius: .1875rem;/*3px*/
	border-radius: .1875rem;
	
	-webkit-box-shadow: 0 .5rem .375rem -.375rempx rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 .5rem .375rem -.375rem rgba(0, 0, 0, .6);
	box-shadow: 0 .5rem .375rem -.375rem rgba(0, 0, 0, .6);
}

.button:hover,
.button:active,
.button:focus {
	text-decoration: none;
	outline: none;
}

.button:active {
    position: relative;
    top: 1px;
	-webkit-transform: translateY( 3px );
	transform: translateY( 3px );
	-webkit-animation: none;
	animation: none;
}

.csstransforms .button:active {
	top: 0;
	-webkit-transform: translateY( .125rem );
	transform: translateY( .125rem );
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.button span {
	opacity: 0.75;
}

.button-big-icon span {
	font-size: 18px;/*ie*/
	font-size: 1.15rem;
}

.button em {
	font-style: normal;
	color: #bfde81;
	padding-right: 6px;/*ie*/
	padding-right: .35rem;
}

[data-icon].right {
	padding-left: 4px;/*ie*/
	padding-left: .25rem;
}

[data-icon].right-plus {
	padding-left: 8px;/*ie*/
	padding-left: .5rem;
}

[data-icon].left {
	padding-right: 2px;/*ie*/
	padding-right: .15rem;
}

[data-icon].left-plus {
	padding-right: 8px;/*ie*/
	padding-right: .5rem;
}

.button [data-icon].left {
	padding-right: 8px;/*ie*/
	padding-right: .5rem;
}

.button [data-icon].right {
	padding-left: 8px;/*ie*/
	padding-left: .5rem;
}

.button-big-icon [data-icon].left {
	padding-right: 8px;/*ie*/
	padding-right: .5rem;
}

/* big button! */
.button-mega {
	font-size: 24px;/*ie*/
	font-size: 1.5rem;
	line-height: 24px;/*ie*/
	line-height: 1.5rem;
	padding: 24px;/*ie*/
	padding: 1.5rem;
}

.button-mega [data-icon].right {
	padding-left: 16px;/*ie*/
	padding-left: 1rem;
}

/* plus-size button! */
.button-plus {
	font-size: 16px;/*ie*/
	font-size: 1rem;
	line-height: 1;
	padding: 16px;/*ie*/
	padding: 1rem;
}

.button-plus [data-icon].right {
	padding-left: 8px;/*ie*/
	padding-left: .5rem;
}

/* grey button */
.button-grey {
	background-color: #e5e5e5!important;
	color: #555!important;
}

.button-grey [data-icon] {
	opacity: .5;
}

/* disabled button */
.button-disabled {
	background-color: #e5e5e5!important;
	color: #999!important;
	cursor: default;
	text-shadow: 1px 1px 0px ##fff;
    filter: dropshadow(color=##fff, offx=1, offy=1);
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}

/* align elements via change in padding */
input[type=text] + input[type=submit].button {
	padding-top: 8px;/*ie*/
	padding-top: .5rem;
}

/*	custom ShareThis */
.share-this {
	cursor: pointer;
}

/*	ShareThis modal iframe rendering with y-axis scroll in Moz */
.stLframe body,
iframe iframe {
	overflow-y: hidden!important;
}

/*	dropmenu; most often used for the customer/channel nav */
.has-drop-menu:after {
    content: '▼';
    display: inline-block;
    font-size: 95%;
    vertical-align: middle;
    float: right;
}

.drop-menu {
    position: absolute;
    z-index: 9999;
    min-width: 240px;/*ie*/
	min-width: 15rem;
    width: 90%;
    left: 5%;
}

.js .drop-menu {
	display: none;
}

.drop-menu ul {
	background-color: #fff;
	border: 3px solid #777;/*ie*/
	border: .1875rem solid #777;
	border-radius: 6px;/*ie*/
	border-radius: .375rem;
	box-shadow: 0 .3125rem .625rem rgba( 0, 0, 0, .375 );
	overflow: visible;
	padding: 12px 0;/*ie*/
	padding: .75rem 0;
	margin: 0;
}
  
.drop-menu li {
	display: block;
	float: none;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 0;
	margin: 0;
}

.drop-menu li:last-child {
	border-bottom: 0;
}

.drop-menu li a:link,
.drop-menu li a:visited {
	font-size: 14px;/*ie*/
	font-size: .875rem;
	font-weight: bold;
	line-height: 1.5;
	color: #333;
	padding: 6px 12px;/*ie*/
	padding: .35rem .7rem;
	display: block;
	width: 100%;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
  
.drop-menu li a:hover,
.drop-menu li a:active,
.drop-menu li a:focus {
	background-color: #eee;
	text-decoration: none;
	color: #364395;
}

.drop-menu li a:after {
	content: '›';
	font-size: 24px;/*ie*/
	font-size: 1.5rem;
	font-weight: bold;
	float: right;
	padding-right: 2%;
	vertical-align: middle;
}

.drop-menu li a:hover:after,
.drop-menu li a:focus:after {
	color: #0089b7;
}

.has-pointer {
	margin-top: -8px;/*ie*/
    margin-top: -.5rem;
}

.has-pointer:before,
.has-pointer:after {
    position: absolute;
    content: ' ';
    display: inline-block;
}

.has-pointer:after {
    top: -7px;/*ie*/
	top: -.4375rem;
    left: 200px;/*ie*/
	left: 12.5rem;
    border-left: 10px solid transparent;/*ie*/
    border-right: 10px solid transparent;/*ie*/
    border-bottom: 10px solid #fff;/*ie*/
	border-left: .625rem solid transparent;/*ie*/
    border-right: .625rem solid transparent;/*ie*/
    border-bottom: .625rem solid #fff;/*ie*/
}

.has-pointer:before {
    top: -12px;/*ie*/
	top: -.75rem;
    left: 198px;/*ie*/
	left: 12.375rem;
    border-left: 12px solid transparent;/*ie*/
    border-right: 12px solid transparent;/*ie*/
    border-bottom: 12px solid #777;/*ie*/
	border-left: .75rem solid transparent;
    border-right: .75rem solid transparent;
    border-bottom: .75rem solid #777;
}

#search {
	position: relative;
	/*padding-right: 16px;
    padding-right: 1rem;*/
    /*background-color: #fff;
	background: rgba(255, 255, 255, 1);*/
	background: url(../images/ui/magnify-alt.png) no-repeat right center scroll #fff;
	background-size: 25px 20px;/*16px 19px;*/
    outline: 0;
}

#search:focus {
	border: 2px solid #bbb;
}

.dropdown-menu {
    overflow-x: hidden;
    overflow-y: scroll;
	max-height: 480px;/*ie*/
    max-height: 30rem;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    float: left;
	width: 480px;/*ie*/
	width: 30rem;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    border: 3px solid #ccc;
    border: .1875rem solid rgba( 119, 119, 119, 1 );
    
	-webkit-border-radius: .1875rem;
    -moz-border-radius: .1875rem;
    border-radius: .1875rem;
	
    -webkit-box-shadow: 0 .3125rem .625rem rgba( 0, 0, 0, .2 );
    -moz-box-shadow: 0 .3125rem .625rem rgba( 0, 0, 0, .2 );
    box-shadow: 0 .3125rem .625rem rgba( 0, 0, 0, .2 );
    
	-webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dropdown-menu a {
	display: block;
	padding: 4px 16px;/*ie*/
	padding: .25rem 1rem;
	clear: both;
	color: #313131!important;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
  
.dropdown-menu a strong {
	color: #9d1248!important;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
	text-decoration: none;
	color: #fff;
	background-color: #eee;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
	text-decoration: none;
	outline: 0;
	background-color: #eee;
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
	color: #999;
}

.dropdown-menu .disabled > a:hover {
	text-decoration: none;
	background-color: transparent;
	cursor: default;
}
  
.dropdown-menu dl dt {
  /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
  font-family: 'Open Sans', Verdana, sans-serif;
  font-size: 18px;/*ie*/
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
  margin-bottom: 4px;/*ie*/
  margin-bottom: .25rem;
}

.dropdown-menu dl dd {
   font-size: 12px;/*ie*/ 
	font-size: .75rem;
	color: #777;
	padding: 0;
	margin: 0 0 2px 0;/*ie*/
	margin: 0 0 .15rem 0;
}

.dropdown-menu dl dt + dd {
	font-size: 13px;/*ie*/
	font-size: .825rem;
	color: #313131;
}

/*	most of the following modules are used on the product collection
	and product pages inside a given layout.
*/

.card-holder {
	padding-left: 16px;/*ie*/
	padding-left: 1rem;
}

.card {
	position: relative;
	background-color: #fff;
	background: rgba(255, 255, 255, 1);
	margin: 0 0 24px 0;/*ie*/
	margin: 0 0 1.5rem 0;
	
	-webkit-border-radius: .3125rem;
	border-radius: .3125rem;
	
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

.card-inner {
	padding: 24px;/*ie*/
	padding: 1.5rem;
}

.card-inner .col:first-of-type,
.card-inner .col:last-of-type {
	padding: 0;
}

.card-inner .col:first-of-type {
	padding-right: 16px;/*ie*/
	padding-right: 1rem;
}

.card-inner .col:last-of-type {
	padding-left: 16px;/*ie*/
	padding-left: 1rem;
}

.card-inner .col-12 { /* no padding if we're using the full width */
	padding-right: 0!important;
	padding-left: 0!important;
}

.card-inner h3 {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-size: 20px;/*ie*/
	font-size: 1.25rem;
}

.card-inner p {
	margin-bottom: 8px;/*ie*/
	margin-bottom: .5rem;
}

.card-inner dd {
	font-size: 12px;/*ie*/
	font-size: .75rem;
}

.card-inner h4 {
	margin-bottom: 4px;/*ie*/
	margin-bottom: .25rem;
}

.card-inner p + h4,
.card-inner p + .list-inline {
	margin-top: 16px;/*ie*/
	margin-top: 1rem;
}

.card-inner .button {
	margin-top: 8px;/*ie*/
	margin-top: .5rem;
	margin-bottom: 16px;/*old=8px;*//*ie*/
	margin-bottom: 1rem;/*old=.5rem;*/
	min-width: 96px;
	min-width: 6rem;
}

.card-inner figcaption {
	font-size: 11px;/*ie*/
	font-size: .6875rem;
	line-height: 1.5;
}

.card-inner blockquote {
	font-size: 14px;/*ie*/
	font-size: .925rem;
	color: #000;
	margin-top: 0;
	position: relative;
}

.card-moreinfo {
	display: none;
}

.card-expanded .card-moreinfo {
	display: block;
	padding-top: 1.5rem;
	margin-top: 1.5rem;
	border-top: 1px solid #eee;
}

.card-moreinfo p {
	font-size: 14px;/*ie*/
    font-size: .875rem;
    line-height: 1.6;
    word-break: hyphenate;
    hyphens: auto;
}

.card-moreinfo .col-12 figure { /* no float for full-width col */
	float: none;
}

.card-moreinfo-toggle {
	text-align: center;
	color: #777!important;
	font-size: 1.25rem;
	background-color: #f7f7f7;
	display: block;
	width: 100%;
	min-height: 1rem;
	position: relative;
	bottom: 0;

	-webkit-border-radius: 0 0 .3125rem .3125rem;
	border-radius: 0 0 .3125rem .3125rem;
}

.card-moreinfo-toggle:link,
.card-moreinfo-toggle:visited,
.card-moreinfo-toggle:hover,
.card-moreinfo-toggle:active
.card-moreinfo-toggle:focus {
	text-decoration: none;
}

.card-moreinfo-toggle span[data-icon] {
	display: inline-block;
	-webkit-transition: .25s -webkit-transform ease; 
	-o-transition: .25s -o-transform ease;
	-moz-transition: .25s -moz-transform ease;
	transition: .25s transform ease;
}

.card-expanded .card-moreinfo-toggle span[data-icon] {
	-webkit-transform: rotate( -180deg );
	-moz-transform: rotate( -180deg );
	-o-transform: rotate( -180deg );
	transform: rotate( -180deg );
}

.card-mini .card-inner {
	padding: 16px 20px;/*ie*/
	padding: 1rem 1.25rem;
}

.card-title {
	position: relative;
	/*text-align: center;*/
}

.card-title img {
	display: block;
	-webkit-border-radius: .3125rem .3125rem 0 0;
	border-radius: .3125rem .3125rem 0 0;
	position: relative;
	z-index: 1;
}

.card-title header {
	position: absolute;
	bottom: 16px;/*ie*/
	bottom: 1rem;
	z-index: 2;
	padding: 0 20px;/*ie*/
	padding: 0 1.25rem;
	width: 100%;
}

.card-title h2 {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-weight: 600;
	font-size: 1.5rem;
	display: block;
	max-width: 95%;
	margin:0 auto;
}

.dialog-header { /* callout text with pointer */
	font-family: Verdana, sans-serif;
	font-size: 15px;/*ie*/
	font-size: .925rem;
	font-weight: bold;
	color:#fff;
	position:relative;
	padding: 6px 8px 8px 8px;/*ie*/
	padding: .35rem .5rem .5rem .5rem;
	-moz-border-radius: .125rem;
	-webkit-border-radius: .125rem;
	border-radius: .125rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.dialog-header:after {
	content: ' ';
	height: 0;
	width: 0;
	border: 7px solid transparent;/*ie*/
	border: .4375rem solid transparent;
	position: absolute;
	top: 99%;
	left: 10%;
	margin-left: -7px;/*ie*/
	margin-left: .4375rem;
}
 
.filter-container {
	margin: 0 0 16px 0;/*ie*/
    margin: 0 0 1rem 0;
}

.filter-container dl {
    list-style-type: none;
    padding: 0;
	margin: 0 0 8px 0;/*ie*/
	margin: 0 0 .5rem 0;
}

.filter-container dt {
	/*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 14px;/*ie*/
	font-size: .9rem;/*.9em;*/
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 7px 0;/*ie*/
	margin: 0 0 .45rem 0;
}

.filter-container dd {
	display: none; /* hidden by default as this is a toggle menu */
	font-size: 11px;/*ie*/
	font-size: .6875rem;
	padding: 0;
	margin: 0 0 8px 24px;/*ie*/
	margin: 0 0 .5rem 1.5rem;
}

dl.is-expanded {
	margin-bottom: 24px;/*ie*/
	margin-bottom: 1.5rem;
}

.is-expanded dd {
	display: block;
}

.filter-container dt.has-tooltip {
	margin-bottom: 0;
}

.filter-container dt.has-tooltip a {
	margin-bottom: 0;
}

.is-tooltip {
	cursor: help;
}

.is-tooltip:hover,
.is-tooltip:focus {
	text-decoration: none;
}

.is-tooltip span[data-icon] {
	font-size: 14px;/*ie*/
	font-size: .875rem;
	color: #888!important;/* ovr theme color */
}
  
.filter-container input[type=checkbox] {
	float: left;
	vertical-align: bottom;
	margin-top: 2px;
}

.filter-container label {
	font-weight: normal;
	display: block;
	line-height: 1.5;
	margin-left: 20px;/*ie*/
	margin-left: 1.25rem;
}

.filter-container label img {
	display: inline-block;
	vertical-align: middle;
	height: 16px;
	height: 1rem;
	margin: 0 2px;
	margin: 0 .125rem;
	/*opacity: .5;
	-webkit-filter: grayscale(1);*/
}

.filter-container input[type=checkbox]:checked + label img {
	opacity: 1;
	-webkit-filter: grayscale(0);
}

.filter-container label em{
	font-size: 11px;/*ie*/
	font-size: .6875rem;
	font-style: normal;
	font-weight: normal!important;
	color: #999;
}

.toggle:link,
.toggle:visited {
    display: block;
	padding: 6px;/*ie*/
    padding: .35rem;
	margin-bottom: 6px;/*ie*/
	margin-bottom: .35rem;

    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.toggle:hover,
.toggle:active,
.toggle:focus {
    text-decoration: none;
    background-color: #eee;
}

.toggle-trigger {
	white-space: nowrap;
}

.toggle span[data-icon],
.toggle-trigger span[data-icon] {
	display: inline-block;
	color: #777;
	padding-right: 4px;/*ie*/
	padding-left: 4px;/*ie*/
	padding-right: .25rem;
	padding-left: .25rem;
	
	-webkit-transition: .1s -webkit-transform ease; 
	-o-transition: .1s -o-transform ease;
	-moz-transition: .1s -moz-transform ease;
	transition: .1s transform ease;
}

.toggle-trigger.arrow-up-down span[data-icon] {
	-webkit-transition: none; 
	-o-transition: none;
	-moz-transition: none;
	transition: none;
	transform-origin: center center;
	transform-style: preserve-3D;
}

.toggle.open span[data-icon],
.toggle-trigger.open span[data-icon] {
	-webkit-transform: rotate( 90deg );
	-moz-transform: rotate( 90deg );
	-o-transform: rotate( 90deg );
	transform: rotate( 90deg );  
}

/*	up-down arrow toggle */
.toggle-trigger.arrow-up-down.open span[data-icon] {
	-webkit-transform: rotate( 180deg );
	-moz-transform: rotate( 180deg );
	-o-transform: rotate( 180deg );
	transform: rotate( 180deg );
}

/*	fix firefox alignment */
@-moz-document url-prefix() {
	.toggle-trigger.arrow-up-down.open span[data-icon]:before {
		vertical-align: top;
	}
}
	

/*	switching to toggling an additional .screenreader class
	rather than using 'display:none' for accessibility and SEO

.toggle-target {
	display: none;
}

*/

.no-csscolumns .toggle-target.has-column-count {
	display: block;
}

.no-csscolumns .toggle-target.has-column-count.screenreader {
	position: relative;
    overflow: visible;
	clip: rect(none);
    height: auto;
    width: auto;
    margin: inherit;
}

/*	for browsers that don't support the column-count 
	property we're using the jQuery columnizer plug-in;
	elements that are "faux-columned" using this script
	are required to have a display property in order for
	the calc to work -- therefore if an element to be
	columnized in this fashion cannot be hidden by default.
	
	here we are targeting the trigger elements for such an
	element; removing the link styles using the ugly
	!important override.
*/
.no-csscolumns .target-has-column-count,
.no-csscolumns .target-has-column-count:link,
.no-csscolumns .target-has-column-count:visited,
.no-csscolumns .target-has-column-count:hover,
.no-csscolumns .target-has-column-count:active,
.no-csscolumns .target-has-column-count:focus {
	color: #333!important;
	text-decoration: none!important;
	cursor: default;
}

.single-filter-set .filter-container ul {
    display: block;
}

.product-collection,
.product-description {
    float: left;
    width: 73%;
    height: 100%;
    margin-left: 1.5%;
    padding-left: 1.5%;
    border-left: 1px dotted #ccc;
}

/*	filtering controls, etc. on product collection page */
.your-selections {
	display: none;
	padding-bottom: 8px;/*ie*/
    padding-bottom: .5rem;
    border-bottom: 1px dotted #ccc;
	margin-bottom: 8px;/*ie*/
    margin-bottom: .5rem;
}

.your-selections span[data-icon] {
	color: #bbb;
	padding-left: 4px;/*ie*/
	padding-left: .25rem;
}

.your-selections a:hover span[data-icon],
.your-selections a:active span[data-icon],
.your-selections:focus span[data-icon] {
	text-decoration: none;
}

.your-selection li:first-of-type span[data-icon] {
	color: inherit;
}

.sort-pagination {
	margin-bottom: 16px;/*ie*/
	margin-bottom: 1rem;
}

.sort-pagination h4,
.your-selections h4 {
	color: #666;
	float: left;
	margin: 0 8px 0 0;/*ie*/
	margin: 0 .5rem 0 0;
}

.sort-pagination ul,
.your-selections ul {
	font-size: 12px;/*ie*/
	font-size: .75rem;
	line-height: 1.8;
	color: #ccc;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.your-selections li,
.sort-pagination li {
	display: inline-block;
	float: left;
	padding-bottom: 8px;/*ie*/
	padding-bottom: .25rem;
	margin-right: 16px;/*ie*/
	margin-right: 1rem;
	margin-bottom: 4px;/*ie*/
	margin-bottom: .25rem;
}

.your-selections li:first-of-type a {
	font-weight: bold;
}

.sort-pagination li {
	margin-right: 1px;/*ie*/
	margin-right: .1rem;
}

.sort-pagination a:link,
.sort-pagination a:visited,
.pagination li span {
	padding: 4px 8px;/*ie*/
	padding: .25rem .5rem;
	
	-moz-border-radius: .125rem;
	-webkit-border-radius: .125rem;
	border-radius: .125rem;
   
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.sort-pagination a:hover,
.sort-pagination a:active,
.sort-pagination a:focus {
	background-color: #eee;
}

.pagination{
	float:right;
}

.jp-disabled:link,
.jp-disabled:visited,
.jp-disabled:hover,
.jp-disabled:active,
.jp-disabled:focus {
    color: #bbb!important;
    cursor: default!important;
    text-decoration: none;
}

/*	news and events */
.date-badge {
	min-width: 120px;/*ie*/
	min-width: 7.5rem;
}

.news-entry p:last-child,
.event-entry p:last-child {
	margin-bottom: 32px;/*ie*/
	margin-bottom: 2rem;
}

/*	slideshow rules (based on usage with Mike Alsup's 'Cycle' (jQuery) plug-in */
.slideshow-pager {
	display: block;
	text-align: center;
	width: 100%;
	height: 30px;
	position: absolute;
	z-index: 300;
	bottm: -24px;/*ie*/
	bottom: -1.5rem;
}

.slideshow-pager a:link,
.slideshow-pager a:visited {
	font-weight: normal;
	font-size: .6875em;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #999!important;
	display: inline-block;
	border-radius: 50%;
	width: 16px;/*ie*/
	height: 16px;/*ie*/
	width: 1rem;
	height: 1rem;
	background-color: #999;
	margin: 0 10px;/*ie*/
	margin: 0 .65rem;
	opacity: .65;
	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.slideshow-pager a:hover,
.slideshow-pager a:active,
.slideshow-pager a:focus {
	opacity: 1;
	background-color: #ccc;
	color: #ccc!important;
	outline: none;
}

.slideshow-pager a.activeSlide:link,
.slideshow-pager a.activeSlide:visited,
.slideshow-pager a.activeSlide:hover,
.slideshow-pager a.activeSlide:active,
.slideshow-pager a.activeSlide:focus {
	opacity: 1;
	background-color: #e04854;
	
	-webkit-transform-origin: center;
	-webkit-transform: scale( 1.25 );
	-moz-transform-origin: center;
	-moz-transform: scale( 1.25 );
	-ms-transform-origin: center;
	-ms-transform: scale( 1.25 );
	-0-transform-origin: center;
	-0-transform: scale( 1.25 );
	transform-origin: center;
	transform: scale( 1.25 );
}
  
.js .slideshow-directional {
	opacity: 0;
}
  
.slideshow-directional {
	font-size: 24px;/*ie*/
	font-size: 1.5rem;
	font-weight:normal;
	line-height: 2.5;
	text-align: center;
	color: #fff!important;
	text-decoration: none;
	display: block;
	width: 0;
	height: 48px;/*ie*/
	height: 3rem;
	padding: 4px;/*ie*/
	padding: .25rem;
	background-color: #333;
	position: absolute;
	z-index: 98;
	top: 16%;
	opacity: .75;
	
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	-o-transition: all.2s ease-out;
	transition: all .15s ease-out;
}

.slideshow-directional:hover,
.slideshow-directional:focus{
	outline: none;
	color: #fff!important;
	text-decoration: none;
	opacity: .9!important;
}

.slideshow-outer-wrap:hover .slideshow-directional{
	opacity: .75;
	width: 1.5em;
}

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

/*	product collection grid and associated elements. */

.product-count {
	margin: 20px 0 24px 4%;/*ie*/
    margin: 1.25em 0 1.5em 4%;
    max-width: 1024px;/*ie*/
	max-width: 64rem;
}

.product-count h2 {
	font-size: 14px;/*ie*/
    font-size: .875rem;
}

.product-grid,
.card-grid {
    list-style-type: none;
    display: block;
    clear: both;
    padding: 0;
	margin: 32px 0 0 0;/*ie*/
    margin: 2rem 0 0 0;
}

.product-grid:after,
.card-grid-:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.product-grid li,
.card-grid li {
	display: inline-block;
	width: 30%;/*22%;*/
	vertical-align: top;
	padding-bottom: 1em;
	margin: 0 1.5% 2% 1.5%;
	*display: inline;
	*zoom: 1;
}
  
.product-grid li > a,
.card-grid li > a {
	display: block;
	color: #313131!important; /* ovr branding colors */
}

.product-grid li > a:after,
.card-grid li > a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*	from Alex D. 06-Sep-2013 */
.product-list-container h4 {
    padding: .3em .6em;
}

.product-list {
    list-style: none;
    padding: 0;
}

.product-list li {
    clear: both;
    border-top: 1px solid #ccc;
    padding: 1.3em 0;
	margin: 0;
}

.product-list li:first-child {
    border-top: none;
    padding-top: 0;
}

.product-list li dl {
	padding-top: 0;
    margin-top: 0;
}

.product-list .cover {
    float: left;
	margin: 0 19px 0 8px;/*ie*/
    margin: 0 1.2rem 0 .5rem;
	position: relative;
}

.product-grid li {
	width: auto;/*22%;*/
	/*padding-bottom: 16px;
	padding-bottom: 1rem;*/
	padding: 0 1.5% 1rem 1.5%;
	margin: 0 1.5% 2% 1.5%;
	vertical-align: top;
}

.product-grid li .cover {
	display: block;
}

.product-grid dl {
	font-size: 14px;
	font-size: .835rem;
  	display: inline-block;
  	max-width: 121px;
	max-width: 7.5625rem;
  	margin: 0;
	padding: 0;
}

.product-grid dt {
  	display: inline-block;
  	position: relative;
  	padding: 0;
  	/*max-width: 121px;
  	max-width: 7.5625rem;
	min-height: 160px;
	min-height: 10rem;*/
	max-width: 121px;
	max-width: 7.5625rem;
	margin-bottom: 12px;
	margin-bottom: .75rem;
}

.product-grid dd {
  	padding: 0;
  	margin-right: 0;
	margin-left: 0;
	margin-bottom: 4px;
	margin-bottom: .25rem;
}

.iconstack {
	display: inline-block;
	padding: 8px 4px;
	padding: .5rem .25rem;
	background-color: #fff;
	background: rgba( 255, 255, 255, 1 );
	border-radius: .1875rem;
}

.iconstack img {
	display: block;
	height: 16px;
	height: 1rem;
	margin-bottom: 8px;
	margin-bottom: .5rem;
	opacity: .65;
}

.iconstack img:last-of-type {
	margin-bottom: 0;
}

.product-grid .iconstack { /* product feature icons */
	position: absolute;
	z-index: 10;
	bottom: 8px;
	bottom: .5rem;
	left: -8%;
}

.features-legend dd {
	padding-left: 30px;
	padding-left: 1.875rem;
}

	

/*	in this instance, the .overlay element is being
	used to render elements when a product image is
	in :hover state.
*/
.overlay {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
	
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.overlay span {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serf;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 12px;/*ie*/
	font-size: .75rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff!important;
	display: block;
	padding: 0 8%;
	margin: 4px auto 0 auto;/*ie*/
	margin: .25rem auto 0 auto;
}

.overlay i {
	font-size: 64px;/*ie*/
	font-size: 4rem;
	color: #ddd;
	display: block;
	margin: 4px auto 0 auto;/*ie*/
	margin: .5rem auto 0 auto;
}

.is-grid {
	display: block;
	padding: 0;
	margin: 0 -1.5%;/* offset margins on child list-items */
}

.is-grid li {
	display: inline-block;
	list-style-type: none;
	vertical-align: top;
	padding: 0 0 16px 0;/*ie*/
	padding: 0 0 1rem 0;
	margin: 0 1.5% 2% 1.5%;
}

.links-use-transition a,
.links-use-transition a span[data-icon],
.uses-transition,
.uses-transition span[data-icon] {
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.color-block {
	display: block;
	position: relative;
	padding: 4px 8px;/*ie*/
	padding: .25rem .5rem;
	background: #f1f1f1;
	background: rgba( 241, 241, 241, 1 );
	color: #444;
}

.color-block-with-transparency {
	background: none;
}

.color-block:hover,
.color-block:active,
.color-block:focus {
	background:#dedede;
	background: rgba( 222, 222, 222, 1 );
}

.color-block-with-transparency:hover,
.color-block-with-transparency:active,
.color-block-with-transparency:focus {
	background: #f1f1f1;
	background: rgba( 241, 241, 241, 1 );
}

.color-block.is-current-node {
	background: none;
	cursor: default;
}

.is-round {
	text-align: center;
	width: 154px;/*ie*/
	height: 154px;/*ie*/
	width: 9.625rem;
	height: 9.625rem;
	padding: 16px;/*ie*/
	padding: 1rem;
	border-radius: 50%; 
}

.is-round span[data-icon] {
	font-size: 40px;/*ie*/
	font-size: 2.5rem;
	display: block;
	margin: 0 0 2px 0;/*ie*/
	margin: 0 0 .125rem 0;
}

.is-round h3 {
	font-size: 16px;/*ie*/
	font-size: 1rem;
	line-height: 1.2;
}

.no-decoration a:link,
.no-decoration a:visited,
.no-decoration a:hover,
.no-decoration a:active,
.no-decoration a:focus,
.no-decoration:link,
.no-decoration:visited,
.no-decoration:hover,
.no-decoration:active,
.no-decoration:focus {
	text-decoration: none;
}

/* lame but no other reliable method */
.match-option-heights .color-block {
	min-height: 280px;/*ie*/
	min-height: 17.5rem;
}

.icon-sprite {
	width: 80px;/*ie*/
	height: 80px;/*ie*/
	width: 5rem;
	height: 5rem;
	display: block;
	overflow: hidden;
	margin: 0 auto 16px auto;/*ie*/
	margin: 0 auto 1rem auto;
}

.icon-sprite-small {
	width: 50px;
	height: 50px;
	margin-bottom: 8px;
}

.icon-sprite img {
	position: relative;
	top: -80px;/*ie*/
	top: -5rem;
	display: block;
}

.icon-sprite-small img {
	top: -50px;
}

.color-block:hover .icon-sprite img {
	top: 0;
}


/* list with icons */
.list-with-icons li.has-no-link {
	padding: 16px;/*ie*/
	padding: 1rem;
}

.list-with-icons span[data-icon] {
	font-size: 36px;/*ie*/
	font-size: 2.25rem;
	float: left;
}

.list-with-icons p {
	padding-top: 12px;/*ie*/
	padding-top: .75rem;
	padding-bottom: 12px;/*ie*/
	padding-bottom: .75rem;
	padding-left: 56px;/*ie*/
	padding-left: 3.5rem;
	margin: 0;
	line-height: 1.4;
}
	

/*	#tab-to-top: appears when viewport is scrolled
	past a specific vertical length.
*/
#tab-to-top {
    text-align: center;
    position: fixed;
    z-index: 999;
    bottom: 5%;
    right: 5%;
	width: 56px;/*ie*/
	height: 56px;/*ie*/
    width: 3.5rem;
    height: 3.5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: none;
    background-color: #9D1348;
	color: #fff!important;
}

#tab-to-top a {
	text-decoration: none;
	line-height: 3.5;
	color: #fff!important;
	display: block;
	width: 56px;/*ie*/
	height: 56px;/*ie*/
	width: 3.5rem;
	height: 3.5rem;
}

#tab-to-top a:visited,
#tab-to-top a:hover,
#tab-to-top a:active,
#tab-to-top a:focus {
	text-decoration: none;
}
  
/* don't show when inside <iframe> */
iframe #tab-to-top,
iframe footer,
iframe #brand-strap {
	display: none!important;
}

/*	generic animation mode, duration, and function. */
.animate {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	animation-duration: .5s;
	
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	animation-timing-function: ease;
}

.animate-medium-speed {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
}

.animate-delay {
	-webkit-animation-delay: 10s;
	-moz-animation-delay: 10s;
	-ms-animation-delay: 10s;
	animation-delay: 10s;
}

@-webkit-keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes fade-in {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fade-in {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fade-in {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fade-in {
	-webkit-animation-name: fade-in;
	-moz-animation-name: fade-in;
	-o-animation-name: fade-in;
	animation-name: fade-in;
}

.fadeOutandUp {
	-webkit-transform: translate3d( 0, -50%, 0 );
	-moz-transform: translate3d( 0, -50%, 0 );
	-ms-transform: translate3d( 0, -50%, 0 );
	transform: translate3d( 0, -50%, 0 );
	-webkit-transition: .15s all ease; 
	-o-transition: .15s all ease;
	-moz-transition: .15s all ease;
	transition: .15s all ease;
	opacity: 0;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

/*	.blur (as of build works only in webkit) */
.cssfilters .blur {
	opacity: .35;
	
	-webkit-filter: blur( .25rem );
	-moz-filter: blur( .25rem );
	filter: blur( .25rem );
	
	-webkit-transition: .15s all ease; 
	-o-transition: .15s all ease;
	-moz-transition: .15s all ease;
	-ms-transition: .15s all ease;
	transition: .15s all ease;
}

/*	for all user agents where .blur won't work. */
.no-cssfilters .blur {
	opacity: .25;
	
	-webkit-transition: .25s all ease; 
	-o-transition: .25s all ease;
	-moz-transition: .25s all ease;
	transition: .25s all ease;
}

/*	generally used for a 'browse' (list of items) page */
.taxonomy-seo #taxonomy {
	padding: 6rem 1.25rem;
	min-width: 320px;/*ie*/
	min-width: 20rem; /* 320px */
	max-width: 1280px;/*ie*/
	max-width: 80rem; /* 1280px */
	margin: 0 auto;
}

.taxonomy-seo #taxonomy dt a {
	color: #313131!important;
	cursor: default;
}

.taxonomy-seo #taxonomy dt a:hover,
.taxonomy-seo #taxonomy dt a:focus {
	text-decoration: none;
}

.taxonomy-seo #taxonomy dt a i {
	display: none;
}

.taxonomy-seo #taxonomy .close-menu {
	display: none;
}

.random-content-parent .random-content-child {
	display: none;
}

/*
	Hero space.
	
	Normally this would be a lot simpler to render -- if we
	didn't have to concern ourselves with IE8. Since IE < 9
	does not recognize the background-size: property we need
	to render this in an overly-complicated fashion. It is a
	common method to force IE to comply but it is also 
	heavy-handed and utterly absurb.
	
*/
.hero-is-tall {
	position: relative;
	width: 100%;
	min-height: 640px;/*ie*/
	min-height: 40rem;
	min-width: 320px;/*ie*/
	min-width: 20rem;
	overflow: hidden;
	padding: 0;
	
	/*-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;*/
}

	.random-content .panel {
		display: none;
	}
	
	.hero-is-tall .panel {
		position: absolute;
		width: 100%;
		top: 0;
		height: 640px;/*ie*/
		height: 40rem;
		
		/*-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-ms-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;*/
		
		background-color: #000;
		background: rgba(0, 0, 0, 1);
	}
	
	.hero-is-tall .hero-copy {
		margin-top: 48px;/*96px;120px;*//*ie*/
		margin-top: 3rem;/*6rem;7.5rem;*/
	}
	
	/* if we have an announcement on the page */
	.has-announcement .hero-is-tall .hero-copy {
		margin-top: -32px;/*ie*/
		margin-top: -2rem;
	}
	
	.hero-is-tall .img-hold { /* img as background resides here */
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -750px;
		top: 0;
		width: 1500px;
		z-index: 1;
		display: block;
		zoom: 1;
	}
	
	img.is-background {
		display: block;
		max-width: 100%;
		margin: 0 auto;
		
		-webkit-transition: all .25s ease-in-out;
    	-moz-transition: all .25s ease-in-out;
    	transition: all .25s ease-in-out;
	}

/*--- shorter hero version for interior screens --*/
.hero-is-short {
	position: relative;
	width: 100%;
	min-height: 400px;/*ie*/
	min-height: 25rem;
	min-width: 320px;/*ie*/
	min-width: 20rem;
	overflow: hidden;
	padding:0;
	
	/*-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;*/
}

	.hero-is-short .img-hold { /* img as background resides here */
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -750px;
		top: 0;
		width: 1500px;
		z-index: 1;
		display: block;
		zoom: 1;
	}
	
	.hero-is-short .panel { /* randomize content panels */
		min-height: 400px;/*ie*/
		min-height: 25rem;
		display: block;
		position: relative;
		top: 0;
		padding: 96px 0 0 0;/*ie*/
		padding: 6rem 0 0 0;
		margin: 0;
		
		background-color: #000;
		background: rgba(0, 0, 0, 1);
		
		/*-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-ms-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;*/
	}
	
	.hero-is-short .hero-copy {
		margin-top: -112px;/*ie*/
		margin-top: -7rem;
	}
	
	/*	short hero with no BT tagline copy */
	.hero-is-short.no-bt-tagline .hero-copy {
		margin-top: -80px;/*ie*/
		margin-top: -5rem;
	}

/*	holds hero copy / call-to-action, etc. */
.hero-copy {
	z-index: 4;
	position: relative;
	display:inline-block;
	max-width: 531px;/*ie*/
	max-width: 33.1875rem;
	/*-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;*/
}
	
	.hero-copy .bt-logo {
		min-height: 320px;/*ie*/
		min-height: 20rem;
	}
	
	.hero-copy .bt-logo + h2 {
		margin-top: -128px;/*ie*/
		margin-top: -8.5rem;
		/*-webkit-transition: all .25s ease-in-out;
    	-moz-transition: all .25s ease-in-out;
	    transition: all .25s ease-in-out;*/
	}

	.hero-copy h2 em {
		/*font-family: 'OpenSans-Regular', Verdana, sans-serif;*/
		font-style: italic;
		display: none;
	}
	
	.hero-copy span[data-icon].icon + p {
		padding-left: 12px;/*ie*/
		padding-left: .75rem;
		margin-left: 44px;/*ie*/
		margin-left: 2.75rem;
		border-left: 1px solid #fff;
		border-left: 1px solid rgba(255, 255, 255, .5);
	}
	
	.hero-copy span[data-icon].icon {
		font-size: 32px;/*ie*/
		font-size: 2rem;
		float: left;
		display: inline-block;
	}
	
	.hero-copy .bt-tagline + .button {
		margin: 1rem 0 0 3.5rem;
	}

/*	use when you'd like a background gradient mask behind your hero copy
	maybe use a CSS3 gradient? -- note this is a partial radial.	
 */
 /*
.gradient-mask {
	background:url(../images/ui/hero-gradient.png) no-repeat bottom center scroll transparent;
	margin: 0 auto;
	width: 100%;
	min-height: 146px;
	min-height: 9.125rem;
	position: absolute;
	bottom: 0;
	z-index: 2;
	
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.gradient-mask {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 50%;
	width: 100%;
	background: -moz-linear-gradient( top, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, .6 ) 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, rgba( 0, 0, 0, 0 ) ), color-stop( 100%, rgba( 0, 0, 0, .6 ) ) );
	background: -webkit-linear-gradient( top, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, .6 ) 100% );
	background: -o-linear-gradient( top, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, .6 ) 100% );
	background: -ms-linear-gradient( top, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, .6 ) 100% );
	background: linear-gradient( to bottom, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, .6 ) 100% );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
*/

/*	Video still + overlay */
.video-placeholder,
.single-video-placeholder,
.modal-video-placeholder {
	position: relative;
	/*width: 100%;
	background-color: #000;
	border: 1px solid #bdb8af;*/
	padding: 0;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.video-placeholder iframe,
.single-video-placeholder iframe{
	z-index: 888;
	background-color: #444;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*border: 1px solid #bdb8af;*/
}

/*.single-video-placeholder object,
.single-video-placeholder embed {
	outline: 1px solid #bdb8af;
}*/

.video-placeholder a,
.single-video-placeholder a{ 
	display: block;
}

.video-placeholder img,
.single-video-placeholder img{
	cursor: pointer;
	background-color: #000;
	/*position: relative;*/
	/*display: block;*/
	/*width: 100%;
	position: absolute;
	top: 0;
	left: 0;*/
}

.overlay-mask{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba( 0, 0, 0, .175 );
	
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.overlay-mask img {
	background: transparent;
	opacity: 0.5;
	
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.overlay-mask:hover,
.overlay-mask:focus {
	opacity: 0;
}

.overlay-mask:hover img,
.overlay-mask:focus img {
	opacity: 0;
	transform: scale( 2, 2 );
	-ms-transform: scale( 2, 2 );
	-webkit-transform: scale( 2, 2 );
}


/*
	
	Multi-video stage w/index widget

*/
.video-stage { /* main video */
	width: 75%;
	float: left;
	padding: 3px 4px 3px 0;/*ie*/
	padding: .215rem .25rem .18rem 0;
}

.video-stage a{
	display: block;
	position: relative;
	overflow: hidden;
}

.video-stage figcaption { /* this is a temp hack until design decisions are made regarding this widget */
	min-height: 84px;/*ie*/
	min-height: 5.25rem;
}

.video-index-container { /* parent container for thumbnail list(s) of videos */
	width: 25%;
	float: right;
	padding-left: 2px;/*ie*/
	padding-left: .125rem;
	position: relative;

}

.video-index-control {
	position: absolute;
	display :block;
	text-align: center;
	padding: 8px;/*ie*/
	padding: .5rem;
	width: 96.5%;
	max-height: 40px;/*ie*/
	max-height: 2.5rem;
	margin: 0 auto;
	overflow: hidden;
}

.video-index-up {
	top: -48px;/*ie*/
	top: -3rem;
}

.video-index-down {
	bottom: -48px;/*ie*/
	bottom: -3rem;
}

.is-vertical-list ul {
	display: none;
	margin: 0 0 1px 0;
	padding: 0;
	list-style-type: none;
}

.is-vertical-list li {
	margin: 0;
	padding: 3.2px;
	padding: .2rem;
}

.video-index a,
.video-index img {
	display: block;
}

.video-index a {
	opacity: .7;
	-webkit-filter: grayscale(.5);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.video-index a.active {
	cursor: default;
}

.video-index a.active,
.video-index a:hover,
.video-index a:active,
.video-index a:focus {
	opacity: 1;
	-webkit-filter: grayscale(0);
}



/*	adjust the top margin for the figcaption element when it appears inside either a
	'.single-video-placeholder' or '.video-stage' parent element.
*/
.single-video-container figcaption,
.video-stage figcaption {
	margin-top: 8px;/*ie*/
	margin-top: .5rem;
}

		

/*	Sign in or Register */

.sign-in {
	background-color: rgba( 0, 0, 0, .6 );
	position: absolute;
	z-index: 4;
	top: 64px;/*ie*/
	top: 4rem;
	right: 32px;/*ie*/
	right: 2rem;
	max-width: 288px;/*ie*/
	max-width: 18rem;
	padding: 16px 24px 24px 24px;/*28px;*//*ie*/
	padding: 1rem 1.5rem 1.5rem 1.5rem;/*1.75rem;*/
	color: #fff;
	/*
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	*/
}

/*	when we show an announcement on a page that contains a hero
	we add a class of "has-accouncement" to the <body> tag which
	triggers the following modification to the "sign-in" element.
*/
.has-announcement .sign-in {
	top: 0;
}

.sign-in h3 {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serf;*/
	font-size: 20px;/*ie*/
	font-size: 1.25rem;
	font-weight: 600;
	margin-top: 24px;/*ie*/
	margin-top: 1.5rem;
	margin-bottom: 4px;/*ie*/
	margin-bottom: .25rem;
}

.sign-in h3:first-child {
	margin-top: 0;
}

.sign-in p {
	font-size: 13px;/*ie*/
	font-size: .825rem;
	color: #eee;
}

.sign-in h3 + p {
	margin-top: 0;
}

.sign-in p.small {
	font-size: 11px;/*ie*/
	font-size: .6875rem;
}

.sign-in .button {
	display: block;
	width: 100%;
 }

.sign-in .button + .button {
	margin-top: 12px;/*ie*/
	margin-top: .75rem;
}

.sign-in .button + p {
	margin-top: 8px;/*ie*/
	margin-top: .5rem;
}

/*	flex video embed could use some extra space above the figure caption */
.fluid-width-video-wrapper + figcaption {
	padding-top: 10px;/*ie*/
	padding-top: .625rem;
}

/* Maybe. */
/*------------------------------------------------------------
	Small photo grid. Original use = on the 'About Pearson 
	Student Relations' page.
--------------------------------------------------------------*/
.grid-small {
	padding: 0;
	margin: 16px 0;
	margin: 1rem 0;
}

.grid-small dl {
	font-size: 12px;/*ie*/
	font-size: .75rem;
	padding: 0 0 16px 0;/*ie*/
	padding: 0 0 1rem 0;
	width: 40%;
	display: inline-block;
    margin: 0 1.5% 2% 1.5%;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}

.grid-small dt,
.grid-small dd {
	margin: 0;
	padding: 0;
}

.grid-small dt {
	margin-bottom: 12px;/*ie*/
	margin-bottom: .75rem;
}

.grid-small dd.social {
	margin-top: 4px;/*ie*/
	margin-top: .25rem;
}

.grid-small dd.social a {
	display: inline-block;
	float: left;
	margin-right: 8px;/*ie*/
	margin-right: .5rem;
	cursor: pointer;
	text-decoration: none;
}

.grid-small dd.social a img {
	border: none;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.grid-small dt a {
	display: block;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	max-width: 160px;/*ie*/
	max-width: 10rem;
}

.grid-small dt a img {
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 1.0;
}

.grid-small dt a:hover img,
.grid-small dt a:focus img,
.grid-small dt a:active img {
	-webkit-transform-origin: center;
	-webkit-transform: scale(1.5);
	-moz-transform-origin: center;
	-moz-transform: scale(1.5);
	-ms-transform-origin: center;
	-ms-transform: scale(1.5);
	-0-transform-origin: center;
	-0-transform: scale(1.5);
	transform-origin: center;
	transform: scale(1.5);
	opacity: .15;
}

.grid-small dt a span {
	font-weight: bold;
	position: absolute;
	bottom: 16px;/*ie*/
	bottom: 1rem;
	left: 16px;/*ie*/
	left: 1rem;
	padding-right: 16px;/*ie*/
	padding-right: 1rem;
	z-index: 10;
	color: #fff;
	display: block;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 0;
}

.grid-small dt a:hover span,
.grid-small dt a:focus span,
.grid-small dt a:active span {
	opacity: 1;
}

.grid-small:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*	Specific colors */
.bg-light-blue {
	background-color: #0089b7;
}

.bg-green {
	background-color: #008b5d;
}

.bg-orange {
	background-color: #ed6b06;
}

.bg-red {
	background-color: #9d1348;
}

.bg-blue {
	background-color: #364395;
}

/*	Modal profiles: hidden on initial view, we open these
	in lightbox fashion.
*/
.js .modal-content {
	display: none;
	padding: 1rem;
}

/*	
	Short content = when page content is so sparse that there is a good
	chance most viewports will be taller than content available, add this
	class to your content container (or wrap your content containers in an
	element with this class) to force the footer and brandstrap to the bottom
	of the page.
*/

.short-content {
	min-height: 60%;
}

.app-badge {
	max-width: 210px;/*ie*/
	max-width: 13.125rem;
}


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

/*
	Theme
	
	This section of rules will override some previously set color
	defaults (background and text) in order to apply the chosen
	Pearson branding theme. The <body> tag for each page gets a
	color class name applied to it (blue, green, red) which will
	trigger the proper palette. This list may change over time as
	unique elements that require color styling are added to the
	markup. Try to keep the unique elements defined here to a
	minimum (use the universal classes declared below when possible,
	such as 'color-match' or 'bg-color-match', etc.).
	
*/

.green .color-match-medium {
	color: #00a15f!important;
}

.green .color-match-light {
	color: #95cb65!important;
}

.green .border-color-match-light {
	border-color: #95cb65;
}

.green .button {
	background-color: #008b5e;
	background: rgba(0, 139, 93, 1);
}

.green .bg-color-match {
    background-color: #008b5e;
	background: rgba(0, 139, 93, 1);
}

.green .bg-color-match-medium {
	background-color: #00a15f;
	background: rgba (0, 161, 95, 1);
}

.green .bg-color-match-light,
.green .dialog-header,
.green .flexslider:hover .flex-next,
.green .flexslider:hover .flex-prev,
.green .flex-control-paging li a.flex-active {
	background-color: #3fa85d;
	background: rgba (63, 168, 93, 1);
}

.green .dialog-header:after {
	border-top-color: #3fa85d;
	border-top-color: rgba (63, 168, 93, 1);
}

.green .pointer-down:after {
	border-top-color: #00a15f;
	border-top-color: rgba (0, 161, 95, 1);
}

.green .overlay i {
    color: #7db658;
	color: rgba (125, 182, 88, 1);
}

.green .shared-index .active:link,
.green .shared-index .active:hover,
.green .shared-index .active:active,
.green .shared-index .active:focus,
.green .shared-index-multi .active:link,
.green .shared-index-multi .active:hover,
.green .shared-index-multi .active:active,
.green .shared-index-multi .active:focus,
.green .pagination .active {
    background-color: #3fa85d;
	background: rgba (63, 168, 93, 1);
    color: #fff!important;
    text-decoration: none!important;
}

.green .shared-index .active:visited,
.green .shared-index-multi .active:visited {
	color: #fff!important;
}

.green .color-block span[data-icon] {
	color: #7db658;
}

.green .color-block:link,
.green .color-block:visited {
	color: #575757;
}

.green .color-block:hover,
.green .color-block:active,
.green .color-block:focus {
	color: #444;
}

.green .color-block:hover span[data-icon],
.green .color-block:active span[data-icon],
.green .color-block:focus span[data-icon],
.green .color-block.is-current-node span[data-icon] {
	color: #444;
}

.green .msg-alert .toggle-trigger,
.green .msg-alert .toggle-trigger span[data-icon] {
	color: #ec6811;
}

.green .msg-default.is-callout {
	border: none;
	border-left: 6px solid #7db658;
}

.green .msg-default > span[data-icon],
.green .msg-default span[data-icon].msg-symbol {
	color: #7db658;
}

.green .msg-default > span[data-icon].in-circle,
.green .msg-default span[data-icon].msg-symbol.in-circle {
	background-color: #7db658;
	color: #fff;
}

.green .corner-flag {
	border-color: #00a15f transparent transparent transparent;
}

.green .color-match,
.green a:link,
.green a:visited,
.green a:hover,
.green a:active,
.green a:focus,
.green input[type=checkbox]:checked+label,
.green input[type=radio]:checked+label {
    color: #008b5e;
	color: rgba(0, 139, 93, 1);
}

.green .msg-fyi a {
	color: #0089b7;
}

.green .msg-alert a {
	color: #9b460e;
}

.green .msg-alert .color-match,
.green .msg-fyi .color-match {
	color: #008b5e;
	color: rgba(0, 139, 93, 1);
}

/* red */
.red .color-match-medium {
    color: #ca2f45!important;
}

.red .color-match-light {
    color: #e04854!important;
}

.red .border-color-match-light {
    border-color: #e04854;
}

.red .button {
    background-color: #9d1348;
    background: rgba(157,19,72,1);
}

.red .bg-color-match {
    background-color: #9d1348;
    background: rgba(157,19,72,1);
}

.red .bg-color-match-medium {
    background-color: #ca2f45;
    background: rgba(202,47,69,1);
}

.red .bg-color-match-light,
.red .dialog-header,
.red .flexslider:hover .flex-next,
.red .flexslider:hover .flex-prev,
.red .flex-control-paging li a.flex-active {
    background-color: #e04854;
    background: rgba (224,72,84,1);
}

.red .dialog-header:after {
    border-top-color: #ca2f45;
    border-top-color: rgba(202,47,69,1);
}

.red .pointer-down:after {
    border-top-color: #ca2f45;
    border-top-color: rgba(202,47,69,1);
}

.red .overlay i {
    color: #e04854;
    color: rgba(224,72,84,1);
}

.red .shared-index .active:link,
.red .shared-index .active:hover,
.red .shared-index .active:active,
.red .shared-index .active:focus,
.red .shared-index-multi .active:link,
.red .shared-index-multi .active:hover,
.red .shared-index-multi .active:active,
.red .shared-index-multi .active:focus,
.red .pagination .active {
    background-color: #ca2f45;
    background: rgba(202,47,69,1);
    color: #fff!important;
    text-decoration: none!important;
}

.red .shared-index .active:visited,
.red .shared-index-multi .active:visited {
    color: #fff!important;
}

.red .color-block span[data-icon] {
    color: #e04854;
}

.red .color-block:link,
.red .color-block:visited {
    color: #575757;
}

.red .color-block:hover,
.red .color-block:active,
.red .color-block:focus {
    color: #444;
}

.red .color-block:hover span[data-icon],
.red .color-block:active span[data-icon],
.red .color-block:focus span[data-icon],
.red .color-block.is-current-node span[data-icon] {
    color: #444;
}

.red .msg-alert .toggle-trigger,
.red .msg-alert .toggle-trigger span[data-icon] {
    color: #ec6811;
}

.red .msg-default.is-callout {
    border: none;
    border-left: 6px solid #e04854;
}

.red .msg-default > span[data-icon],
.red .msg-default span[data-icon].msg-symbol {
    color: #e04854;
}

.red .msg-default > span[data-icon].in-circle,
.red .msg-default span[data-icon].msg-symbol.in-circle {
    background-color: #e04854;
    color: #fff;
}

.red .corner-flag {
    border-color: #b9204b transparent transparent transparent;
}

.red .color-match,
.red a:link,
.red a:visited,
.red a:hover,
.red a:active,
.red a:focus,
.red input[type=checkbox]:checked+label,
.red input[type=radio]:checked+label {
    color: #9d1348;
    color: rgba(157,19,72,1);
}

.red .msg-fyi a {
    color: #e04854;
}

.red .msg-alert a {
    color: #9b460e;
}

.red .msg-alert .color-match,
.red .msg-fyi .color-match {
    color: #9d1348;
    color: rgba(157,19,72,1);
}


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

/*
	Accessibility.
*/
.accessibility,
.screenreader {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    width: 1px;
    padding: 0;
    margin: -1px;
	
	max-height: 0;
}

.clear-text {
    text-indent: -2000em;
}

/*
	Clear floats.
*/
.group:after,
.wrapper:after,
.resources-container:after,
#resources:after,
.filter-container dd:after,
.list-with-icons li:after,
.ordering-options li:after,
.product-list li:after {
    content: "";
	display: table;
	clear: both;
}

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

/*
	Helper classes.
*/

/* messaging */
.msg {
	border: 2px solid #444;
	border-radius: .3125rem;
	padding: 16px;/*ie*/
	padding: 1rem;
	margin-top: 0;
	margin-bottom: 16px;/*ie*/
	margin-bottom: 1rem;
}

.msg .toggler-trigger {
	display: inline;
}

/* when above hero */
.msg.stacked-above-hero {
	border: none;
	border-radius: 0;
	padding: 0;
	margin-top: 64px;
	margin-top: 4rem;
	margin-bottom: 0;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.msg.stacked-above-hero .wrapper {
	padding: 16px 32px;/*ie*/
	padding: 1rem 2rem;
	margin-top: 0;
	margin-bottom: 0;
}

.msg-min.stacked-above-hero .wrapper {
	padding: 12px 32px;/*ie*/
	padding: .75rem 2rem;
}

.msg > span[data-icon],
.msg span[data-icon].msg-symbol {
	float: left;
	font-size: 40px;/*ie*/
	font-size: 2.5rem;
	line-height: 1;
	opacity: .75;
	padding-top: 6px;/*ie*/
	padding-top: .375rem;
}

.msg > span[data-icon]:before,
.msg span[data-icon].msg-symbol:before {
	vertical-align: top;
}

.msg-inner {
	padding-right: 16px;/*ie*/
	padding-right: 1rem;
	margin-left: 56px;/*ie*/
	margin-left: 3.5rem;
	
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

/* generally used to render reverse glyph inside color circle */
.in-circle {
	text-align: center;
	padding: 12px;/*ie*/
	padding: .75rem;
	border-radius: 50%;
}

span[data-icon].in-circle:before {
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
}

.in-circle-4x {
	line-height: 64px;/*ie*/
	line-height: 4rem;
	min-width: 64px;/*ie*/
	min-width: 4rem;
	min-height: 64px;/*ie*/
	min-height: 4rem;
}

/* requires larger left margin to accomodate reversed glyph-in-circle */
.in-circle + .msg-inner {
	margin-left: 80px;/*ie*/
	margin-left: 5rem;
}

.stacked-above-hero .msg-inner {
	padding-right: 0;
}

.msg h3 {
	line-height: 1.3;
	margin: 0 0 4px 0;/*ie*/
	margin: 0 0 .25rem 0;
}

.msg p {
	font-size: 12px;/*ie*/
	font-size: .75rem;
	margin-bottom: 0;
}

/* color = what type of message is this? */
.msg-default {
	background-color: #f1f1f1;
	color: #444;
}

.msg-default > span[data-icon],
.msg-default span[data-icon].msg-symbol {
	opacity: 1;
}

.msg-default.is-callout {
	border: none;
	border-left: 6px solid #ccc;
}

.msg-fyi {
	color: #0089b7;
	background: #e3f2fa;
	background: rgba( 227, 242, 250, 1 );
	border-color: #0089b7;
}

.msg-fyi.is-callout {
	border: none;
	border-left: 6px solid #0089b7;
}

.msg-alert {
	color: #9b460e;
	background: #ffffa8;
	background: rgba( 255, 255, 168, 1 );
	border-color: #fec165;
}

.msg-alert > span[data-icon],
.msg-alert span[data-icon].msg-symbol {
	color: #f60;
	opacity: 1;
}

.msg-alert > span[data-icon].in-circle,
.msg-alert span[data-icon].msg-symbol.in-circle {
	background-color: #f60;
	color: #ffffa8;
}

.msg-alert.is-callout {
	border: none;
	border-left: 6px solid #f60;
}

/* override defaults if we want a scaled-back announcement */
.msg.msg-min > span[data-icon]:before,
.msg.msg-min span[data-icon].msg-symbol:before {
	vertical-align: middle;
}

.msg.msg-min > span[data-icon],
.msg.msg-min span[data-icon].msg-symbol {
	font-size: 20px;/*ie*/
	font-size: 1.25rem;
	padding-top: 0;
}

.msg.msg-min .msg-inner {
	margin-left: 28px;/*ie*/
	margin-left: 1.725rem;
}

.rotate--45 {
	-webkit-transform: rotate( -45deg );
	-moz-transform: rotate( -45deg );
	-ms-transform: rotate( -45deg );
	-o-transform: rotate( -45deg );
	transform: rotate( -45deg );
}

.pointer-down:after {
	content: ' ';
	height: 0;
	width: 0;
	border: 32px solid transparent;/*ie*/
	border: 2rem solid transparent;
	position: absolute;
	z-index: 5;
	top: 99%;
	left: 2.5%;
	margin-left: -32px;/*ie*/
	margin-left: 2rem;
}

.os-light {
	/*font-family: 'OpenSans-Light', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 16px;/*ie*/
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.6;
	margin: 16px 0 28px 0;/*ie*/
	margin: 1rem 0 1.75rem 0;
}

.is-large {
  font-size: 125%;
  line-height: 1.8;
}

.is-dark-type {
  color: #000;
}

.biglist {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 600;
}

.biglist li {
	margin-bottom: .5rem;
}

.badge {
	display: inline-block;
	/*font-family: 'OpenSans-Bold', Verdana, sans;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 16px;/*ie*/
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	line-height: 32px;/*ie*/
	line-height: 2rem;
	width: 32px;/*ie*/
	height: 32px;/*ie*/
	width: 2rem;
	height: 2rem;	
}

.badge-big {
	font-size: 24px;/*ie*/
	font-size: 1.5rem;
	line-height: 48px;/*ie*/
	line-height: 3rem;
	width: 48px;/*ie*/
	height: 48px;/*ie*/
	width: 3rem;
	height: 3rem;
}
	

.badge-circle {
	border-radius:100%;
}

.badge-inline {
	display: inline-block;
	position: relative;
	top: -4px;/*ie*/
	top: -.25rem;
	margin-right: -8px;/*ie*/
	margin-right: .5rem;
	margin-left: -16px;/*ie*/
	margin-left: -1rem;
}

.ovf-hidden {
	overflow: hidden;
}

.equal-height {
	padding-bottom: 100000px;/*ie*/
	padding-bottom: 6250rem;
	margin-bottom: -100000px;/*ie*/
	margin-bottom: -6250rem;
}
	
.mega {
	font-size: 44px;/*ie*/
	font-size: 2.75rem;
	line-height: 1.25;
}

.pinterest-board-widget {
	min-height: 406px;/*ie*/
	min-height: 25.375rem;
}

.light-grey-bg{
	background-color: #f1f1f1;
	background: rgba(241, 241, 241, 1);
}

.extra-light-grey-bg {
	background-color: #f7f7f7;
}

.dark-grey-bg {
	background-color: #676767;
	color: #fff;
}

.light-grey-text,
.light-grey-text:link,
.light-grey-text:visited,
.light-grey-text:hover,
.light-grey-text:active,
.light-grey-text:focus {
	color: #ccc!important;/* needed to ovr theme */
}

.grey-text {
	color: #888;
}

.dark-grey-text {
	color: #666;
}

.has-drop-shadow {
	-webkit-box-shadow: 0 .375rem .375rem -.25rem rgba( 0, 0, 0, .3 );
	-moz-box-shadow: 0 .375rem .375rem -.25rem rgba( 0, 0, 0, .3 );
	box-shadow: 0 .375rem .375rem -.25rem rgba( 0, 0, 0, .3 );
}

.has-drop-shadow.pos--relative {
	z-index: 99;
}

.has-text-shadow {
	text-shadow: .1875rem .1875rem .35rem rgba( 0, 0, 0, .4 );
}

.list-small {
	font-size: 11px;/*ie*/
	font-size: .6875rem;
	padding: 0 12px 0 19px;/*ie*/
	padding: 0 .75rem 0 1.2rem;
	margin: 0;
}

.mw-80 {
	min-width: 80%;
}

.pad-all-xHalf {
	padding: 8px;/*ie*/
	padding: .5rem;
}

.pad-all-x1 {
	padding: 16px;/*ie*/
	padding: 1rem;
}

.pad-all-x2 {
	padding: 32px;/*ie*/
	padding: 2rem;
}

.pad-top-xHalf {
	padding-top: 8px;/*ie*/
	padding-top: .5rem;
}

.pad-bottom-xHalf {
	padding-bottom: 8px;/*ie*/
	padding-bottom: .5rem;
}

.pad-top-x1half {
	padding-top: 24px;/*ie*/
	padding-top: 1.5rem;
}

.pad-bottom-x1half {
	padding-bottom: 24px;/*ie*/
	padding-bottom: 1.5rem;
}

.pad-bottom-x1 {
	padding-bottom: 16px;/*ie*/
	padding-bottom: 1rem;
}

.pad-bottom-x2 {
	padding-bottom: 32px;/*ie*/
	padding-bottom: 2rem;
}

.pad-top-x1 {
	padding-top: 16px;/*ie*/
	padding-top: 1rem;
}

.pad-top-x2{
	padding-top: 32px;/*ie*/
	padding-top: 2rem;
}

.pad-bottom-x3 {
	padding-bottom: 48px;/*ie*/
	padding-bottom: 3rem;
}

.pad-top-x3{
	padding-top: 48px;/*ie*/
	padding-top: 3rem;
}

.pad-right-x1 {
	padding-right: 16px;/*ie*/
	padding-right: 1rem;
}

.pad-right-x2 {
	padding-right: 32px;/*ie*/
	padding-right: 2rem;
}

.medium-width {
	max-width: 80%;
}

.wide-width {
	max-width: 95%;
}

.full-width,
input[type=submit].full-width,
input[type=text].full-width {
	width: 100%;
}

.has-dark-bg {
	background-color: #000;
}

.hide {
    display: none!important;
}

.block {
    display: block!important;
}

.inline {
    display: inline!important;
}

.inline-block {
    display: inline-block!important;
}

.pos--relative {
	position: relative;
}

.align--v-mid {
	vertical-align: middle;
}

.strong {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}

.normal-case {
	text-transform: none!important;
}

.normal-weight {
	font-weight: normal;
}

.shadow {
    -webkit-box-shadow: .0625rem .0625rem .75rem .1875rem rgba( 0, 0, 0, .3 );
    box-shadow: .0625rem .0625rem .75rem .1875rem rgba( 0, 0, 0, .3 );
}

.drop-shadow {
    -webkit-box-shadow: 1px 1px 1px 0 rgba( 0, 0, 0, .45 );
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.45);
}

.rounded-corners,
.rounded-corners-3 {
    -webkit-border-radius: .1875rem;
    -ms-border-radius: .1875rem;
    border-radius: .1875rem;
}

.rounded-corners-5 {
    -webkit-border-radius: .3125rem;
    -ms-border-radius: .3125rem;
    border-radius: .3125rem;
}

.edge-burnish {
    -webkit-box-shadow: inset 0 0 1.875rem .1875rem rgba( 123, 121, 117, .25 );
    box-shadow: inset 0 0 1.875rem .1875rem rgba( 123, 121, 117, .25 );
}

.edge-burnish-top {
	-webkit-box-shadow: inset 0 .25rem .1875rem 0 rgba( 123, 121, 117, .25 );
	box-shadow: inset 0 .25rem .1875rem 0 rgba( 123, 121, 117, .25 );
}

.gradient-divider {
    background-image: url(../../img/cms/gradient-divider.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: scroll;
}

.has-no-transparency,
.fully-opaque {
	opacity: 1!important;
}

.has-top-margin {
	margin-top: 16px;/*ie*/
	margin-top: 1rem;
}

.has-no-margin {
	margin: 0;
}

.no-top-margin {
	margin-top: 0;
}

.has-no-padding {
	padding: 0;
}

.has-no-list-style {
	list-style-type: none;
}

.list-items-have-no-margin li {
	margin: 0;
}

.nowrap {
	white-space: nowrap;
}

.mar-right-x1 {
	margin-right: 16px;/*ie*/
	margin-right: 1rem;
}

.mar-top-xQuarter {
	margin-top: 4px;/*ie*/
	margin-top: .25rem;
}

.mar-top-xHalf {
	margin-top: 8px;/*ie*/
	margin-top: .5rem;
}

.mar-top-x1 {
	margin-top: 16px;/*ie*/
	margin-top: 1rem;
}

.mar-top-x1Half {
	margin-top: 24px;/*ie*/
	margin-top: 1.5rem;
}

.mar-top-x2 {
	margin-top: 32px;/*ie*/
	margin-top: 2rem;
}

.mar-top-x3 {
	margin-top: 48px;/*ie*/
	margin-top: 3rem;
}

.mar-top-x4 {
	margin-top: 64px;/*ie*/
	margin-top: 4rem;
}

.mar-bottom-xQuarter {
	margin-bottom: 4px;/*ie*/
	margin-bottom: .25rem;
}

.mar-bottom-xHalf {
	margin-bottom: 8px;/*ie*/
	margin-bottom: .5rem;
}

.mar-bottom-x1 {
	margin-bottom: 16px;/*ie*/
	margin-bottom: 1rem;
}

.mar-bottom-x1Half {
	margin-bottom: 24px;/*ie*/
	margin-bottom: 1.5rem;
}

.mar-bottom-x2 {
	margin-bottom: 32px;/*ie*/
	margin-bottom: 2rem;
}

.mar-bottom-x3 {
	margin-bottom: 48px;/*ie*/
	margin-bottom: 3rem;
}

.mar-bottom-x4 {
	margin-bottom: 64px;/*ie*/
	margin-bottom: 4rem;
}

.placeholder {
	border: 1px solid #ccc;
}

.fontsize-175 {
	font-size: 175%;
}

.fontsize-100 {
	font-size: 100%;
}

.fontsize-75 {
	font-size: 75%;
}

.fontsize-12 {
	font-size: 12px;/*ie*/
	font-size: .75rem;
}

.semi-bold {
	/*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 600;
}

.semi-bold em {
	/*font-family: 'OpenSans-SemiBold-Italic', Verdana, sans-serif;*/
	font-style: italic;
}

.bold {
	/*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 700;
}

.bold em {
	/*font-family: 'OpenSans-Bold-Italic', Verdana, sans-serif;*/
	font-style: italic;
}

.light-text {
	color: #fff!important;
}

.dark-text {
	color: #333!important;
}

/* a little assistance styling JS appended icon fonts */
.forward span,
[data-icon=""] {
	/*font-size: 90%;*/
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

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

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.lh-1,
.leading-1{
	line-height: 1;
}

.border-right {
	border-right: 1px solid #eee;
}

.border-left {
	border-left: 1px solid #eee;
}

.border-dark {
	border-color: #999;
}

.border-light {
	border-color: #eee;
}

.border-top {
	border-top: solid;
}

.border-bottom {
	border-bottom: solid;
}

.border-medium {
	border-width: 4px;
}

.border-all {
	border-width: 1px;
	border-style: solid;
}

.has-no-border {
	border: none;
}

.verdana,
.default-font {
	font-family: Verdana, sans-serif;
}

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

/* Web Fonts */

@font-face {
	font-family: 'pearson-symbols';
	font-weight: normal;
	font-style: normal;
	src:url('fonts/pearson-symbols.eot');
	src:url('fonts/pearson-symbols.eot?#iefix') format('embedded-opentype'),
		url('fonts/pearson-symbols.woff') format('woff'),
		url('fonts/pearson-symbols.ttf') format('truetype'),
		url('fonts/pearson-symbols.svg#pearson-symbols') format('svg');
}

/*	Chrome renders icon fonts much better if served the svg file first */
@media screen and ( -webkit-min-device-pixel-ratio:0 ) {
	@font-face {
	  font-family: 'pearson-symbols';
	  font-weight: normal;
	  font-style: normal;
	  src:url('fonts/pearson-symbols.eot');
	  src:url('fonts/pearson-symbols.eot?#iefix') format('embedded-opentype'),
		  url('fonts/pearson-symbols.svg#pearson-symbols') format('svg'),
		  url('fonts/pearson-symbols.woff') format('woff'),
		  url('fonts/pearson-symbols.ttf') format('truetype');
  }
}

/*	use the following CSS code if you want to use data attributes 
	for inserting your icons. 
*/
[data-icon]:before {
	font-family: 'pearson-symbols';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}

[class*="icon-"] {
	font-family: 'pearson-symbols';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}

.icon-big[data-icon]:before {
	font-size: 32px;/*ie*/
	font-size: 2rem;
	vertical-align: -17.5%;
}

/* ovr vertical-align */
.utility-nav [data-icon]:before {
	vertical-align: baseline;
}

.uses-icon {
	padding-left: 0!important;
}

.uses-icon li {
	list-style-type: none;
	padding-left: 19px;/*ie*/
	padding-left: 1.2rem;
}

.uses-icon li span[data-icon] {
	margin-left: -1.2rem;
	width: 1.2rem;
	padding-right: .25rem;
}

.responsive-big-target li,
.responsive-big-target dd {
	margin-bottom: 8px;/*12px;*//*ie*/
    margin-bottom: .5rem;/*.75rem;*/
}





/*	Magnific Popup CSS - v0.9.3 - 2013-07-16
*	http://dimsemenov.com/plugins/magnific-popup/
*	Copyright (c) 2013 Dmitry Semenov; */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: .8;
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
  	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;/*ie*/
	padding: 0 .5rem;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-content .modal-width {
	width: 90%;
	max-width: 910px;/*ie*/
	max-width: 56.875rem;
}

.mfp-content .modal-text-center {
	text-align: center;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  	width: 100%;
  	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  	cursor: -moz-zoom-out;
  	cursor: -webkit-zoom-out;
  	cursor: zoom-out;
}

.mfp-zoom {
  	cursor: pointer;
  	cursor: -webkit-zoom-in;
  	cursor: -moz-zoom-in;
  	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
  	-moz-user-select: none;
  	user-select: none;
}

.mfp-loading.mfp-figure {
  	display: none;
}

.mfp-hide {
  	display: none !important;
}

.mfp-preloader {
  	color: #ccc;
  	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;/*ie*/
	right: 8px;/*ie*/
	left: .5rem;
	right: .5rem;
	z-index: 1044;
}

.mfp-preloader a {
  	color: #ccc;
}

.mfp-preloader a:hover {
	color: fff;
}

.mfp-s-ready .mfp-preloader {
  	display: none;
}

.mfp-s-error .mfp-content {
  	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	padding: 0;
	z-index: 1046;
}

button::-moz-focus-inner {
  	padding: 0;
  	border: 0;
}

.mfp-close {
	width: 44px;/*ie*/
	height: 44px;/*ie*/
	line-height: 44px;/*ie*/
	width: 2.75rem;
	height: 2.75rem;
	/*line-height: 2.75;*/
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 0 18px 10px;/*ie*/
	padding: 0 0 1.125rem .625rem;
	/*font-family: 'OpenSans-Regular', Verdana, sans-serif;*/
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 32px;/*ie*/
	font-size: 2rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	opacity: .65;
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;/*ie*/
	right: -.375rem;
	text-align: right;
	padding-right: 6px;/*ie*/
	padding-right: .375rem;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;/*ie*/
	font-size: .75rem;
	line-height: 18px;/*ie*/
	line-height: 1.125;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;/*ie*/
	margin-top: 3.4375rem;
	padding: 0;
	width: 90px;/*ie*/
	width: 5.625rem;
	height: 110px;/*ie*/
	height: 6.875rem;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
	margin-top: -54px;/*ie*/
	margin-top: 3.375rem;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;/*ie*/
	margin-top: 2.1875rem;
	margin-left: 35px;/*ie*/
	margin-left: 2.1875rem;
	border: medium inset transparent;
}
  
.mfp-arrow:after,
.mfp-arrow .mfp-a {
	border-top-width: 13px;/*ie*/
	border-top-width: .8125rem;
	border-bottom-width: 13px;/*ie*/
	border-bottom-width: .8125rem;
	top: 8px;/*ie*/
	top: .5rem;
}
  
.mfp-arrow:before,
.mfp-arrow .mfp-b {
	border-top-width: 21px;/*ie*/
	border-bottom-width: 21px;/*ie*/
	border-top-width: 1.3125rem;
	border-bottom-width: 1.3125rem;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;/*ie*/
	border-right: 1.0625rem solid #fff;
    margin-left: 31px;/*ie*/
	margin-left: 1.9375rem;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;/*ie*/
	margin-left: 1.5625rem;
    border-right: 27px solid #3f3f3f;/*ie*/
	border-right: 1.6875rem solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0; }
  
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
	
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
	padding-top: 40px;/*ie*/
  	padding-bottom: 40px;/*ie*/
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.mfp-iframe-holder .mfp-content {
  	line-height: 0;
  	width: 100%;
  	max-width: 900px;/*ie*/
	max-width: 56.25rem;
}

.mfp-iframe-scaler {
  	width: 100%;
  	height: 0;
  	overflow: hidden;
  	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  	position: absolute;
  	display: block;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
	-webkit-box-shadow: .0625rem .0625rem .75rem .1875rem rgba( 0, 0, 0, .3 );
    box-shadow: .0625rem .0625rem .75rem .1875rem rgba( 0, 0, 0, .3 );
	background-color: #000;
}

.mfp-iframe {
	background-color: #000;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;/*ie*/
	top: -2.5rem;
}

/* Main image */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	padding: 40px 0;/*ie*/
	padding: 2.5rem 0;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;/*ie*/
	bottom: 40px;/*ie*/
	top: 2.5rem;
	bottom: 2.5rem;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	/*box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.6);*/
	background: #444;
}

.mfp-figure {
	line-height: 0;
}

.mfp-bottom-bar {
	/*margin-top: 36px;
	margin-top: 2.25rem;*/
	margin-top: -40px;
	margin-top: -2.5rem;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 24px;/*ie*/
	line-height: 1.5;
	color: #f3f3f3;
	word-break: break-word;
	padding-right: 36px;/*ie*/
	padding-right: 2.25rem;
	margin-top: 8px;/*ie*/
	margin-top: .5rem;
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;/*ie*/
	font-size: .75rem;
	line-height: 14px;/*ie*/
	line-height: .875;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 50em) and (orientation: landscape), screen and (max-height: 18.75em) {/*800px and 300px*/
	
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
	  	padding-right: 0;
	}
	
	.mfp-img-mobile img.mfp-img {
	  	padding: 0;
	}
	
	.mfp-img-mobile .mfp-figure:after {
	  	top: 0;
	  	bottom: 0;
	}

  	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;/*ie*/
		padding: .1875rem .3125rem;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

  	.mfp-img-mobile .mfp-bottom-bar:empty {
	  	padding: 0;
	}

  	.mfp-img-mobile .mfp-counter {
	  	right: 5px;/*ie*/
	  	top: 3px;/*ie*/
	  	right: .3125rem;
	  	top: .1875rem;
	}

  	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;/*ie*/
		height: 35px;/*ie*/
		line-height: 35px;/*ie*/
		width: 2.1875rem;
		height: 2.1875rem;
		line-height: 2.1875;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}

  	.mfp-img-mobile .mfp-figure small {
	  	display: inline;
	  	margin-left: 5px;/*ie*/
	  	margin-left: .3125rem;
	}
}

@media all and (max-width: 56.25em) {/*900px*/
	.mfp-arrow {
		-webkit-transform: scale(0.75);
	  	transform: scale(0.75);
	}
	
	.mfp-arrow-left {
    	-webkit-transform-origin: 0;
    	transform-origin: 0;
	}
	
	.mfp-arrow-right {
    	-webkit-transform-origin: 100%;
    	transform-origin: 100%;
	}
	
	.mfp-container {
		padding-left: 6px;/*ie*/
		padding-right: 6px;/*ie*/
		padding-left: .375rem;
		padding-right: .375rem;
	}
}

/* ie7 only */
.mfp-ie7 .mfp-img {
  	padding: 0;
}
  
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}
  
.mfp-ie7 .mfp-container {
	padding: 0;
}
  
.mfp-ie7 .mfp-content {
	padding-top: 44px;
}
  
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}
  
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}

/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}

/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}

.modal-image{
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: block;
	position: relative;
}

/* enlarge icon glyph overlay for .modal-image elements */
[data-icon].enlarge {
	color: #fff;
	position: absolute;
	bottom: 16px;/*ie*/
	bottom: 1rem;
	left: 16px;/*ie*/
	left: 1rem;
	z-index: 10;
	background: rgba( 0, 0, 0, .35 );
	padding: 6px 10px 9px 10px;/*ie*/
	padding: .4rem .625rem .5875rem .625rem;
	line-height: 24px;/*ie*/
	line-height: 1.5rem;
	font-size: 24px;/*ie*/
	font-size: 1.5rem;
	text-align: center;
	opacity: .5;
	-webkit-transition: all .25s ease-out; 
	-moz-transition: all .25s ease-out; 
	-o-transition: all .25s ease-out; 
	transition: all .25s ease-out;
}

[data-icon].enlarge:before {
	vertical-align: middle;
}

.modal-image:hover [data-icon].enlarge,
.modal-imag:focus  [data-icon].enlarge {
	opacity: 1;
	background: rgba( 0, 0, 0, .5 );
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	-webkit-backface-visibility: hidden;
	-webkit-transition: all .3s ease-out; 
	-moz-transition: all .3s ease-out; 
	-o-transition: all .3s ease-out; 
	transition: all .3s ease-out;
	opacity: 0;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.5;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.my-mfp-zoom-in .modal-card {
	opacity: 0;
	max-width: 95%;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

.my-mfp-zoom-in.mfp-ready .modal-card {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

.my-mfp-zoom-in.mfp-removing .modal-card {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
	opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.5;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.5;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	background-color: #000;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.mfp-content .modal-card {
	position: relative;
	background-color: #fff;
	background: rgba(255, 255, 255, 1);
	padding: 16px;/*ie*/
	padding: 1rem;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius: .3125rem;
	border-radius: .3125rem;
	-webkit-box-shadow: .0625rem .0625rem .75rem .1875rem rgba( 0, 0, 0, .3 );
    box-shadow: .0625rem .0625rem .75rem .1875rem rgba( 0, 0, 0, .3 );	
}

.my-mfp-zoom-in .modal-card-smallest {
	max-width: 256px;/*ie*/
	max-width: 16rem;
}

.my-mfp-zoom-in .modal-card-small {
	max-width: 512px;/*ie*/
	max-width: 32rem;
}

.my-mfp-zoom-in .modal-card-medium {
	width: 60%;
	max-width: 1024px;/*ie*/
	max-width: 64rem;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%; 
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020"; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

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

/* FlexSlider Default Theme
*********************************/
.flexslider { 
	margin: 0 0 48px;/*ie*/
	margin: 0 0 3rem;
	position: relative;
	zoom: 1;
}

/* slideshow of announcements on layout w/hero element */
.has-announcement .flexslider.contains-announcements {
	margin-bottom: 0;
}

.flex-viewport {
	max-height: 2000px;/*ie*/
	max-height: 125rem;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s 
	ease;
}

.loading .flex-viewport {
	max-height: 300px;/*ie*/
	max-height: 18.75rem;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px;/*ie*/
	margin-right: .3125rem;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

/* slideshow of announcements on layout w/hero element */
.has-announcement .flexslider.contains-announcements .flex-direction-nav  {
	display: none;
}

.flex-direction-nav a {
	font-size: 32px;/*ie*/
	font-size: 2rem;
	line-height: 64px;/*ie*/
	line-height: 4rem;
	text-align:center;
	color: #fff!important;
	text-decoration: none;
	/*text-indent: -9999px;*/
	display: block;
	width: 64px;/*ie*/
	height: 64px;/*ie*/
	width: 4rem;
	height: 4rem;
	overflow: hidden;
	border-radius: 3px;/*ie*/
	border-radius: .1875rem;
	padding: 0 2px;/*ie*/
	padding:0 .15em;
	background-color: #444;
	position: absolute;
	z-index: 98;
	top: 37.5%;/*33.33333%;*/
	opacity: 0;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flex-direction-nav .flex-next {
	right: 0;
}

.flexslider:hover .flex-prev,
.flexslider:hover .flex-next {
	opacity: .75;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	outline:none;
	color:#fff!important;
	text-decoration:none;
	opacity: .9;
}

.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter:alpha(opacity=0);
	cursor: default;
}

.flex-direction-nav a:before {
	font-family: 'pearson-symbols';
	display: inline-block;
	content: '\f053';
}

.flex-direction-nav a.flex-next:before {
	content: '\f054';
}

/* Pause/Play */
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: .8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}

.flex-pauseplay a:before {
	font-family: 'pearson-symbols';
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}

.flex-pauseplay a:hover {
	opacity: .9;
}

.flex-pauseplay a.flex-play:before {
	content: '\f003';
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -16px;/*ie*/
	bottom: -1rem;
	text-align: center;
}

/* slideshow of announcements on layout w/hero element */
.has-announcement .flexslider.contains-announcements .flex-control-nav {
	bottom: 24px;/*ie*/
	bottom: 1.5rem;
}

.flex-control-nav li {
	text-align: center;
	margin:0 0.65em;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	font-weight: normal;
	font-size: 0.6875em;
	cursor: pointer;
	text-indent: -9999px;
	line-height: 16px;
	text-decoration: none;
	display: inline-block;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background-color: #999;
	opacity: .65;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.flex-control-paging li a:hover,
.flex-control-paging li a:active,
.flex-control-paging li a:focus { 
	opacity: .99;
	outline: none;
}

.flex-control-paging li a.flex-active { 
	opacity: .99;
	-webkit-transform-origin: center;
	-webkit-transform: scale(1.25);
	-moz-transform-origin: center;
	-moz-transform: scale(1.25);
	-ms-transform-origin: center;
	-ms-transform: scale(1.25);
	-0-transform-origin: center;
	-0-transform: scale(1.25);
	transform-origin: center;
	transform: scale(1.25); 
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%; 
	float: left; 
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%; 
	display: block; 
	opacity: .7; 
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: .9;
}

.flex-control-thumbs .flex-active {
	opacity: .9; 
	cursor: default;
}



































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

/*
	Media queries.
	
	Note: here we can safely use the em unit because there is
	no inheritance or cascade of a parent value. If we used rem
	here we would have to write a separate, equivalent query for
	each breakpoint using either em or px for IE < 9.
	
*/

@media screen and ( max-width: 66.875em ) { /*1070px*/
	.product-hero .featured-offer {
		padding: 12px 20px;/*ie*/
		padding: .75rem 1.25rem;
		margin-top: 0;
	}
	
	.product-hero .featured-offer h3 {
		font-size: 20px;/*ie*/
		font-size: 1.25rem;
		margin-bottom: 4px;/*ie*/
		margin-bottom: .25rem;
	}
	
	.product-hero .featured-offer h4,
	.product-hero .featured-offer h5 {
		font-size: 18px;/*ie*/
		font-size: 1.125rem;
		margin-bottom: 4px;/*ie*/
		margin-bottom: .25rem;
	}
	
	.product-hero .featured-offer h5 {
		margin-bottom: 0;
	}
	
	.product-hero .featured-offer p {
		font-size: 12px;/*ie*/
		font-size: .75rem;
		line-height: 18px;/*ie*/
		line-height: 1.125rem;
	}
	
	.product-hero .featured-offer .button-plus {
		font-size: 14px;/*ie*/
		font-size: .825rem;
		padding: 12px;/*ie*/
		padding: .75rem;
	}

}

@media screen and ( max-width: 61.25em ) { /*980px*/
	.pub-data {
		padding-right: 17%;
	}
	
	.pub-data h1 {
		font-size: 22px;/*ie*/
		font-size: 1.375rem;
	}
	
	.pub-data h1 em {
		font-size: 14px;/*ie*/
		font-size: .875rem;
	}
	
	.title-col h2 {
		font-size: 14px;/*ie*/
		font-size: .875rem;
	}
	
	.title-col p {
		font-size: 13px;/*ie*/
		font-size: .8125rem;
	}
}

@media screen and ( max-width: 59.9375em ) { /*959px*/
	.featured-links dl {
		height: 144px;/*ie*/
		height: 9rem;
	}
	
	.featured-links dt {
		float: none;
		height: auto;
		width: auto;
		border-right: none;
		padding: 0;
	}
	
	.featured-links dt em {
		display: none;
	}
	
	.featured-links dd {
		padding: 0;
		margin: 0;
	}
	
	.card-grid li {
		width: 47%;
	}
	
	.col-flow-4 {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	
}

@media screen and ( max-width: 56.25em ) { /*900px*/
	.is-horizontal dl {
		width: 100%;
		padding: 0;
	}

	.is-horizontal dd {
		display: none;
		float: none;
		margin: 0;
	}

	.is-horizontal dt {
		display: inline-block;
		position: relative;
		width: auto;
		overflow: hidden;
		margin-right: 0;
	}
	
	.is-horizontal dt a,
	.is-horizontal dt a.current-node {
		cursor: pointer;
		display: inline-block;
		width: auto;
	}
	
	.is-horizontal dt .trigger-menu,
	.trigger-menu {
		display: inline-block;
		vertical-align: middle;
		margin-left: 12px;/*ie*/
		margin-left: .75rem;
	}
	
	@-moz-document url-prefix() {
		.is-horizontal dt .trigger-menu,
		.trigger-menu {
			margin-top: -.35rem;
		}
	}
	
	.is-horizontal.is-open dl {
		margin-bottom: 0;
	}
	
	.is-horizontal.is-open .wrapper {
		padding: 8px 0 0 0;/*ie*/
		padding: .5rem 0 0 0;
	}

	.is-open dt {
		padding-bottom: 8px;/*ie*/
		padding-bottom: .5rem;
	}
	
	.is-open dt,
	.is-open dd {
		float: none;
		display: block;
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #ccc;
	}
	
	.is-open dd,
	.is-open li {
		line-height: 2;
		font-size: 15px;/*ie*/
		font-size: .925rem;
	}
	
	.is-open dt,
	.is-open dd:last-of-type {
		border-bottom: none;
	}
	
	.is-open dd a {
		display: block;
		width: 100%;
	}
	
	/*	some mods for responsive menu items */
	.is-horizontal.is-open a {
		padding: 4px 22px 8px 32px;/*ie*/
		padding: .25rem 1.35rem .5rem 2rem;
	}
	
	.is-horizontal.is-open dt a,
	.is-horizontal.is-open li:first-of-type a {
		padding: 10px 0 8px 32px;/*ie*/
		padding: .65rem 0 .5rem 2rem;
	}
	
	.is-horizontal a [data-icon] {
		display: inline-block;
		float: right;
		font-size: 28px;/*ie8*/
		font-size: 1.75rem;
		line-height: .925;
	}
	
	.is-horizontal dl a.current-node [data-icon] {
		display: none;
	}
	
	.product-hero .featured-offer .price {
		width: 30%;
	}
	
}

@media screen and ( max-width: 53.75em ) {/*860px*/
	.hero-is-tall .hero-copy {
		max-width: 448px;/*ie*/
		max-width: 28rem;
		margin-top: 7rem;
	}
	
	.hero-copy .bt-logo {
		min-height: 270px;/*ie*/
		min-height: 16.875rem;
	}
	
	.hero-is-tall .hero-copy .bt-logo + h2 {
		margin-top: -120px;/*ie*/
		margin-top: -7.5rem;
	}
	
	.featured-links {
		margin-top: 80px;/*64px;*//*ie*/
		margin-top: 5rem;/*4rem;*/
	}
	
	.has-announcement.has-more-than-two-featured-link-categories .featured-links {
		margin-top: 156px;/*ie*/
		margin-top: 9.75rem;
	}
	
	/* flexslider2 */
	.flex-direction-nav .flex-prev {
		opacity: .9;
		left: 10px;
	}
	.flex-direction-nav .flex-next {
		opacity: .9;
		right: 10px;
	}
	
	.product-hero .col-6 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.pub-data h1 {
		font-size: 36px;/*ie*/
		font-size: 2.25rem;
	}
	
	.pub-data h1 em {
		font-size: 24px;/*ie*/
		font-size: 1.5rem;
	}

	.title-col h2 {
		font-size: 22px;/*ie*/
		font-size: 1.375rem;
	}
	
	.title-col p {
		font-size: 18px;/*ie*/
		font-size: 1.125rem;
	}
	
	.cover-col {
		width: 33%;
	}
	
	.title-col {
		width: 67%;
	}
	
	.product-hero .featured-offer {
		padding: 24px;/*ie*/
		padding: 1.5rem;
		margin-bottom: 6px;/*ie*/
		margin: 0 0 .35rem 0;
	}
	
	.product-hero .featured-offer h3 {
		font-size: 24px;/*ie*/
		font-size: 1.5rem;
		margin-bottom: 4px;/*ie*/
		margin-bottom: .25rem;
	}
	
	.product-hero .featured-offer h4,
	.product-hero .featured-offer h5 {
		font-size: 22px;/*ie*/
		font-size: 1.375rem;
		margin-bottom: 8px;/*ie*/
		margin-bottom: .5rem;
	}
	
	.product-hero .featured-offer h5 {
		margin-bottom: 0;
	}
	
	.product-hero .featured-offer .price {
		width: auto;
	}
	
	.product-hero .featured-offer p {
		font-size: 14px;/*ie*/
		font-size: .875rem;
		line-height: 21px;/*ie*/
		line-height: 1.3125rem;
	}
	
	.product-hero .featured-offer .button-plus {
		font-size: 16px;/*ie*/
		font-size: 1rem;
		padding: 16px;/*ie*/
		padding: 1rem;
		margin-top: 12px;/*ie*/
		margin-top: .75rem;
	}
}

@media screen and ( max-width: 48em ) {/*768px*/
	.wrapper .wrapper {
		margin-right: auto;
		margin-left: auto;
	}
	
	.col {
		float: none;
		padding-right: 0;
		padding-left: 0;
		margin-right: 0;
		margin-left: 0;
	}
	
	.card-inner .col:first-of-type,
	.card-inner .col:last-of-type,
	.card-holder {
		padding-right: 0;
		padding-left: 0;
	}
	
	.col-1,
	.col-2,
	.col-2h,
	.col-3,
	.col-4,
	.col-4h,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		width: 100%;
	}
	
		
	.cover-col {
		width: 27%;
		float: left;
		padding-right: 16px;/*ie*/
		padding-right: 1rem;
	}
	
	.title-col {
		width: 73%;
		float: left;
	}
	
	
	/*	when cols stack */
	.col + .col {
		/*margin-top: 32px;
		margin-top: 2rem;*/
	}
	
	/*	push from left */
	.push-1,
	.push-2,
	.push-3,
	.push-4,
	.push-5,
	.push-6,
	.push-7,
	.push-8,
	.push-9,
	.push-10,
	.push-11 {
		margin-left: 0;
	}
	
	/*	pull towards left */
	.pull-1,
	.pull-2,
	.pull-3,
	.pull-4,
	.pull-5,
	.pull-6,
	.pull-7,
	.pull-8,
	.pull-9,
	.pull-10,
	.pull-11 {
		margin-right: 0;
	}
	
	.card-moreinfo figure {
		float: none;
	}
	
	.pullquote {
		padding-left: 0;
		border-left: 0;
		border-left-style: none;
	}
	
	aside {
		padding: 24px;/*ie*/
		padding: 1.5rem;
		background-color: #f1f1f1;
		margin: 16px 0;/*ie*/
		margin: 1rem 0;
		-webkit-border-radius: .1875rem;
		-ms-border-radius: .1875rem;
		border-radius: .1875rem;
	}
	
	/*	column-flow becomes single column */
	.col-flow-rule {
		-webkit-column-rule: 0;
		-moz-column-rule: 0;
		column-rule: 0;
	}
	
	.col-flow-2 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
	
	.col-flow-4,
	.col-flow-3 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		
		-webkit-column-gap: 2rem;
		-moz-column-gap: 2rem;
		column-gap: 2rem;
	}
	/*	faux column-count for older browsers */
	.column {
		width: 100%!important;
		float: none!important;
	}
	
	.wrapper,
	.hero-is-tall .wrapper,
	.hero-is-short .wrapper {
		padding: 0 22px;/*ie*/
		padding: 0 1.35rem;
	}
	
	#brand-strap .wrapper {
		padding-right: 22px;/*ie*/
		padding-left: 22px;/*ie*/
		
		padding-right: 1.35rem;
		padding-left: 1.35rem;
	}
	
	.is-horizontal .wrapper {
		padding-right: 22px;/*ie*/
		padding-left: 22px;/*ie*/
		padding-right: 1.35rem;
		padding-left: 1.35rem;
	}

	nav.wrapper {
		padding-left: 22px;/*ie*/
		padding-left: 1.35rem;
	}
	
	.global-nav .wrapper {
		padding-right: 0;
	}
	
	/*	some mods for responsive menu items */
	.is-horizontal.is-open a {
		padding: 4px 22px;/*ie*/
		padding: .25rem 1.35rem .5rem 1.35rem;
	}
	
	.is-horizontal.is-open dt a,
	.is-horizontal.is-open li:first-of-type a {
		padding: 8px 0 8px 22px;/*ie*/
		padding: .65rem 0 .5rem 1.35rem;
	}
	
	/*	swap utility link text for icons */
	.utility-nav a {
		display: block;
		padding: 0 26px;/*ie*/
		padding: 0 1.625rem;
		text-align: center;
	}
	
	.utility-nav li a:hover,
	.utility-nav li a:active
	.utility-nav li a:focus {
		color: #fff!important;
		background-color: #5f5f5f;
		background: rgba(95, 95, 95, .75);
	}
	
	.utility-nav li {
		border-right: 1px solid #ccc;
		border-right: 1px solid rgba(204, 204, 204, .75);
		padding: 0;
	}
	
	.utility-nav li:last-of-type {
		border-right: none;
	}
	
	.utility-nav li em {
		display: none;
	}
	
	.utility-nav li span {
		display: inline-block;
		font-size: 20px;/*ie*/
		font-size: 1.25rem;
		text-align: center;
		opacity: 1.0;
	}
	
	rule {
		width: 98%;
	}
	
	.rule-small-margin {
		margin-top: 16px;/*ie*/
		margin-bottom: 16px;/*ie*/
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	
	figure {
		margin-top: 16px;/*ie*/
		margin-top: 1rem;
		margin-bottom: 16px;/*ie*/
		margin-bottom: 1rem;
		text-align: center;
	}
	
	.video-placeholder-container {
		margin-top: 16px;/*ie*/
		margin-top: 1rem;
	}
	
	figure.video-stage {
		margin-top: 0;
		margin-bottom: 0;
		width: 100%;
		float: none;
		padding: 0;
	}
	
	figure.video-stage figcaption {
		text-align: left;
	}
	
	.video-index-container {
		width: 100%;
		float: none;
		padding: 0;
		margin-top: 16px;/*ie*/
		margin-top: 1rem;
	}
	
	.video-index li {
		float: left;
		display: inline-block;
		width: 33.33%;
	}
	
	/*	reset helper class styles */
	.mw-80 {
		min-width: 100%;
	}
	
	.pad-top-x2,
	.pad-top-x3 {
		padding-top: 16px!important;/*ie*/
		padding-top: 1rem!important;
	}
	
	.pad-top-x2,
	.pad-bottom-x3 {
		padding-bottom: 16px!important;/*ie*/
		padding-bottom: 1rem!important;
	}
	
	.float-left,
	.float-right {
		float: none!important;/* needed to ovr 'helper' classes */
	}

	.border-right,
	.border-left {
		border: 0!important;/* needed to ovr 'helper' classes */
	}
	
	.text-right {
		text-align: left;
	}
	
	/*	we don't want to reset these */
	.featured-links .col {
		float: left;
	}
	
	.featured-links .col-4 {
		width: 33.333333%;
	}
	
	/*	if there are less than 3 .featured-link categories, let's adjust their width */
	.has-two-or-less-featured-link-categories .featured-links .col-4 {
		width: 49.999999%;
	}
	
	/*	additional mods */
	.featured-links,
	.has-two-or-less-featured-link-categories .featured-links {
		margin-top: 72px;/*ie*/
		margin-top: 4.5rem;
	}
	
	/* if we have an announcement on the page */
	.has-announcement.has-two-or-less-featured-link-categories .featured-links {
		margin-top: 156px;/*ie*/
		margin-top: 9.75rem;
	}
	
	.sign-in {
		padding: 24px 28px;/*ie*/
		padding: 1.5rem 1.75rem;
		max-height: 336px;/*ie*/
		max-height: 21rem;/* match current height of short hero/panel */
		overflow: hidden;
	}
	.sign-in h3 {
		margin-bottom: 16px;/*ie*/
		margin-bottom: 1rem;
	}
	
	.sign-in h3 + p {
		display: none;
	}
	
	.hero-is-tall {
		height: auto;
		min-height: 400px;/*ie*/
		min-height: 25rem;
	}
	
	.hero-is-tall .panel {
		height: 400px;/*ie*/
		height: 25rem;
	}
	
	.hero-is-tall .hero-copy {
		margin-top: 56px;/*ie*/
		margin-top: 3.5rem;
	}
	
	.hero-is-tall img.is-background {
		max-width: 62.5%;
	}
	
	.gradient-mask {
		display: none;
	}
	
	fieldset {
		padding: 16px 0;/*ie*/
		padding: 1rem 0;
	}
	
	.grid-small dl {
		width: auto;
	}
	
	input[type=text].input-will-expand,
	.form-inline input[type=text].input-will-expand {
		width: 100%;
		min-width: 0;
	}
	
	.date-badge {
		margin-right: 0!important;
	}
	
	.has-narrow-gutters .color-block {
		margin-bottom: 8px;/*ie*/
		margin-bottom: .5rem;
	}
	
	.match-option-heights .color-block {
		min-height: 0;
	}
}

@media screen and ( max-width: 47.9375em ) { /*767px */

	.hero-is-tall .bt-logo {
		display: none;
	}

	.hero-is-tall .hero-copy {
		margin-top: 192px;/*ie*/
		margin-top: 12rem;
	}

	.hero-is-tall .hero-copy .bt-logo + h2 {
		margin-top: 0;
		width: auto;
	}

	.hero-is-tall .hero-copy h2 span {
		text-transform: lowercase;
	}

	.hero-is-tall .hero-copy h2 em {
		display: inline;
		font-style: normal;
	}
	
	.has-announcement .hero-is-tall .hero-copy {
		margin-top: 142px;/*ie*/
		margin-top: 8.875rem;
	}
	
	.featured-links,
	.has-two-or-less-featured-link-categories .featured-links {
		margin-top: 80px;/*ie*/
		margin-top: 5.5rem;
	}
	
	/* if we have an announcement on the page */
	.has-announcement.has-two-or-less-featured-link-categories .featured-links {
		margin-top: 156px;/*ie*/
		margin-top: 9.75rem;
	}

	footer dl {
		float: none;
		width: 100%;
	}
  
  	footer .wrapper {
		margin-top: 16px;/*ie*/
		margin-top: 1rem;
	}
	
	.is-round {
	  	width: 122px;/*ie*/
	  	height: 122px;/*ie*/
	  	width: 7.625rem;
	  	height: 7.625rem;
	  	padding: 12px;/*ie*/
	  	padding: .75rem; 
	}
	
	.is-round span[data-icon] {
		font-size: 28px;/*ie*/
		font-size: 1.75rem;
	}
	
	.is-round h3 {
		font-size: 14px;/*ie*/
		font-size: .875rem;
	}

}

@media screen and ( max-width: 41.25em ) { /*660px*/
	.hero-is-tall .hero-copy {
		max-width: 320px;/*ie*/
		max-width: 20rem;
		margin-top: 128px;/*ie*/
		margin-top: 8rem;
	}

	.featured-links {
		margin-top: 68px;/*ie*/
		margin-top: 4.25rem;
	}
	
	.has-announcement .hero-is-tall .hero-copy {
		max-width: 320px;/*ie*/
		max-width: 20rem;
		margin-top: 78px;
	}
	
	.has-announcement .hero-is-tall .featured-links {
		margin-top: 118px;/*ie*/
		margin-top: 7.375rem;
	}

}

@media screen and ( max-width: 40em ) {/*640px*/
	.sort-pagination ul.pagination {
		float: left;
		padding-top: 16px;/*ie*/
		padding-top: 1rem;
		clear: both;
	}
}

@media screen and ( max-width: 39.5em ) { /*633px*/
	.grid-small {
		display: none;
	}
	
	.js aside .modal-content,
	aside .mfp-hide {
		display: block!important;
	}
	
	.profile p {
		width: auto;
	}
	
	.card-grid li {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	
	.pub-data h1 {
		font-size: 28px;/*ie*/
		font-size: 1.75rem;
	}
	
	.pub-data h1 em {
		font-size: 18px;/*ie*/
		font-size: 1.125rem;
	}
	
	.cover-col {
		width: 27%;
	}
	
	.title-col {
		width: 73%;
	}
	
	.title-col h2 {
		font-size: 18px;/*ie*/
		font-size: 1.125rem;
	}
	
	.title-col p {
		font-size: 16px;/*ie*/
		font-size: 1rem;
	}
}

@media screen and ( max-width: 37.5em ) { /*600px*/
	.hero-is-short .hero-copy {
		max-width: 100%;
	}
}

@media screen and ( max-width: 34.9375em ) { /*559px*/
	.global-nav,
	.product-nav,
	.utility-nav {
		height: 48px;/*ie*/
		height: 3rem;
	}
	
	.utility-nav a {
		display: block;
		padding: 0 1rem;
		text-align: center;
	}
	
	.utility-nav li {
		border-right: 1px solid #ccc;
		padding: 0;
	}
	
	.utility-nav li:last-of-type {
		border-right: none;
	}
	
	.utility-nav li em {
		/* apply screenreader styles so text doesn't show but is accessible */
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		border: 0;
		height: 1px;
		width: 1px;
		padding: 0;
		margin: -1px;
	}
	
	.utility-nav li span {
		display: inline-block;
		font-size: 1.05rem;
		text-align: center;
	}
	
	.product-nav,
	.product-nav h2,
	.utility-nav {
		line-height: 48px;/*ie*/
		line-height: 3rem;
	}
	
	.product-nav h2 {
		font-size: 18px;/*ie*/
		font-size: 1.15rem;
	}
	
	.sign-in {
		margin-top: 0;
		top: 48px;/*ie*/
		top: 3rem;
		max-height: none;
		overflow: visible;
	}
	
	.msg.stacked-above-hero {
		margin-top: 48px;/*ie*/
		margin-top: 3rem;
	}
	
	h1 sup,
	h2 sup {
		font-size: 60%;
		top: -8px;
		top: -.5rem;
	}
}

@media screen and ( max-width: 32.5em ) { /*520px*/
	/* restore their original state, but no float and make 'em full width */
	.featured-links .col-4,
	.has-two-or-less-featured-link-categories .featured-links .col-4 {
		width: 100%;
		float: none;
		display: block;
		clear: both;
	}
	
	.featured-links dl {
		width: 100%;
		padding: 16px;/*ie*/
		padding: 1rem;
		height: 120px;/*ie*/
		height: 7.5rem;
		margin-bottom: 8px;/*ie*/
		margin-bottom: .5rem;
		-webkit-border-radius: .1875rem;
		border-radius: .1875rem;
	}
  
	.featured-links .col:first-child dl {
		background: rgba(10, 98, 58, .8);
	}
	
	.featured-links .col:nth-child(2) dl {
		margin: 0 0 8px 0;/*ie*/
		margin: 0 0 .5rem 0;
	}
	
	.featured-links .col:last-child dl {
		float: none;
	}
	
	.featured-links dt {
		float: left;
		width: 55%;
		white-space: nowrap;
		height: 100%;
		border-right: 1px solid rgba( 255, 255, 255, .35 );
	}
  
	.featured-links dt em {
		display: block;
		margin-top: 40px;/*ie*/
		margin-top: 2.5rem;
	}
	
	.featured-links .col:last-of-type em {
		margin-top: 13px;/*ie*/
		margin-top: .8rem;
	}
	
	.featured-links dd {
		display: block;
		padding: 4px 0 4px 55%;/*ie*/
		padding: .25rem 0 .25rem 60%;
	}
	
	.pub-data h1 {
		font-size: 22px;/*ie*/
		font-size: 1.375rem;
	}
	
	.pub-data h1 em {
		font-size: 14px;/*ie*/
		font-size: .875rem;
	}
	
	.title-col h2 {
		font-size: 14px;/*ie*/
		font-size: .875rem;
	}
	
	.title-col p {
		font-size: 13px;/*ie*/
		font-size: .8125rem;
	}
}

@media screen and ( max-width: 30em ) { /*480px*/
	/*html {
		font-size: 82.5%;
	}..hmmm..maybe? */

	.hero-is-tall .hero-copy {
		max-width: 240px;/*ie*/
		max-width: 15rem;
	}
	
	.img-hold {
		opacity: .5;
	}
	
	.no-fade-out {
		opacity: 1;
	}
	
	.is-background {
		-webkit-filter: blur( .25rem );
	}
	
	.no-blur {
		-webkit-filter: none;
	}
	
	.hero-is-tall .panel {
		background-image: none;
		background-color: #000;
	}
	
	.featured-links,
	.has-two-or-less-featured-link-categories .featured-links {
		margin-top: 24px;/*ie*/
		margin-top: 1.5rem;
	}
	
	.has-announcement .hero-is-tall .featured-links {
		margin-top: 124px;/*ie*/
		margin-top: 7.75rem;
	}
	
	.hero-is-short .hero-copy .bt-logo + h2 {
		margin-top: -140px;/*ie*/
		margin-top: -6.5rem;
	}
	
	.col-flow-4,
	.col-flow-3 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
	
	/*	when a list of links is rendered on a small viewport
	let's make the target easier to tap.
	*/
	.responsive-big-target {
		padding-left: 0;
	}
	
	.responsive-big-target li,
	.responsive-big-target dd,
	#browse-taxonomy li {
		margin-bottom: 0;
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
	}
	
	.responsive-big-target a {
		display: block;
		padding: 8px;/*ie*/
		padding: .5rem;
		border-bottom: 1px solid #eee;
	}
	
	/*
	.responsive-big-target li:last-of-type a,
	.responsive-big-target dd:last-of-type a {
		border: none;
	}
	*/
	
	.responsive-big-target a:hover,
	.responsive-big-target a:active,
	.responsive-big-target a:focus {
		text-decoration: none;
		background-color: #f7f7f7;
	}
	
	.grid-small dl {
		width: 47%;
	}
}

@media screen and ( max-width: 27.5em ) { /*440px*/
	.hero-is-tall .hero-copy {
		display: none;
	}
	
	.has-two-or-less-featured-link-categories .featured-links {
		margin-top: 400px;/*ie*/
		margin-top: 25rem;
	}
	
	.featured-links,
	.has-announcement .hero-is-tall .featured-links,
	.has-two-or-less-featured-link-categories.has-announcement .featured-links {
		margin-top: 416px;/*ie*/
		margin-top: 26rem;
	}
	
	.sign-in {
		max-width: 100%;
		width: 100%;
		right: 0;
		padding-bottom: 48px;/*ie*/
		padding-bottom: 3rem;
		background-color: transparent;
		top: 37px;/*ie*/
		top: 2.35rem;
	}
	
	.sign-in h3 {
		margin-bottom: 0;
	}
	
	.sign-in h3 + p {
		display: block;
		margin-bottom: .5rem;
	}

	.hero-is-short .hero-copy {
		margin-top: 112px;/*ie*/
		margin-top: 7rem;
	}
	
	.hero-is-short .bt-logo {
		display: none;
	}
	
	.hero-is-short .hero-copy h2 span {
		text-transform: lowercase;
	}

	.hero-is-short .hero-copy h2 em {
		display: inline;
		font-style: normal;
	}
	
	.hero-is-short.no-bt-tagline .hero-copy {
		margin-top: 160px;/*ie*/
		margin-top: 10rem;
	}
	
	dl.is-expanded {
		margin-bottom: 4px;/*ie*/
		margin-bottom: .25rem;
	}
	
	.your-selections,
	.sort,
	.pagination {
		padding-top: 8px;/*ie*/
		padding-top: .5rem;
		border-top: 2px solid #ccc;
		border-bottom: 0;
	}
	
	.your-selections h4,
	.sort-pagination h4 {
		float: none;
		display: block;
		margin: 8px 0;/*ie*/
		margin: .5rem 0;
	}
	
	.your-selections li,
	.sort li {
		float: none;
		display: block;
	}
	
	.your-selections a,
	.sort a {
		display: block;
		padding: 6px;/*ie*/
		padding: .35rem;
	}
	
	.pagination {
		float: left;
		display: block;
		clear: both;
		margin-top: 16px;/*ie*/
		margin-top: 1rem;
	}
	
	.mobile-hide {
		display: none!important;
	}

	.profile img:first-child {
		float: none;
		margin: 0 2px 0 0;/*ie*/
		margin: 0 0 .325rem 0;
	}
	
	.product-hero {
		padding-bottom: 18px;/*ie*/
		padding-bottom: 1.25rem;
	}
	
	.ordering-options h3,
	.ordering-options h4,
	.ordering-options h5,
	.product-hero .featured-offer h3,
	.product-hero .featured-offer h4,
	.product-hero .featured-offer h5 {
		font-size: 16px;/*ie*/
		font-size: 1rem;
		line-height: 1.4;
		word-wrap: break-word;
		hyphenate: auto;
	}
	
	.ordering-options p,
	.product-hero .featured-offer p {
		font-size: 12px;/*ie*/
		font-size: .75rem;
		line-height: 1.5;
	}
	
	.ordering-options .button,
	.product-hero .featured-offer .button-plus {
		font-size: 14px;/*ie*/
		font-size: .875rem;
		padding: 12px;/*ie*/
		padding: .75rem;
	}
	
	.ordering-options .button {
		padding: 8px;/*ie*/
		padding: .5rem;
	}
	
	.intro-copy p.h3 {
		font-size: 14px;/*ie*/
		font-size: .875rem;
	}
}

@media screen and ( max-width: 27.4375em ) { /*439px*/
	.sign-in .button + p {
		display: none;
	}
	
	.hero-is-short .panel .wrapper {
		padding-right: 32px;/*ie*/
		padding-right: 2rem;
		padding-left: 32px;/*ie*/
		padding-left: 2rem;
	}
	
	.hero-is-short .hero-copy {
		text-align: center;
		margin-top: 104px;/*ie*/
		margin-top: 6.5rem;
	}
	
	.hero-copy span[data-icon].icon + p {
		padding-left: 0;
		border-left: 0;
		margin-left: 0;
	}
	
	.hero-is-short span[data-icon].icon {
		display: none;
	}
	
	.hero-is-short .bt-tagline + .button {
		margin: 0 auto;
		width: 100%;
	}
	
	.pub-data {
		padding-right: 17%;
	}
	
	.pub-data h1 {
		font-size: 18px;/*ie*/
		font-size: 1.125rem;
		margin-bottom: 4px;/*ie*/
		margin-bottom: .25rem;
	}
	
	.pub-data h1 em {
		font-size: 12px;/*ie*/
		font-size: .75rem;
	}
	
	.title-col {
		padding-top: 0;
	}
	
	.title-col h2 {
		font-size: 12px;/*ie*/
		font-size: .75rem;
	}
	
	.title-col p {
		font-size: 11px;/*ie*/
		font-size: .6875rem;
	}
}

@media screen and ( max-width: 22.5em ) { /*360px*/
	section {
		padding: 20px 0;/*ie*/
		padding: 1.25rem 0;
	}

	h1,
	.h1 {
		font-size: 24px;/*ie*/
		font-size: 1.5rem;
	}
	
	h2,
	.h2 {
		font-size: 18px;/*ie*/
		font-size: 1.15rem;
	}
	
	.h2-plus {
		font-size: 20px;/*ie*/
		font-size: 1.275rem;
		margin-bottom: 7px;/*ie*/
		margin-bottom: .46rem;
	}
	
	h3,
	.h3 {
		font-size: 1rem;
	}
	
	p,
	.p {
		font-size: 12px;/*ie*/
		font-size: .75rem;
	}
	
	aside {
		padding: 12px 20px;/*ie*/
		padding: .75rem 1.25rem;
		margin: 8px 0;/*ie*/
		margin: .5rem 0;
	}
	
	li {
		font-size: 12px;/*ie*/
		font-size: .75rem;
		margin-bottom: 4px;/*ie*/
		margin-bottom: .25rem;
	}
	
	fieldset {
		padding: 8px;/*ie*/
		padding: .5rem;
		margin: 0;
	}
	
	p + h2,
	ul + h2,
	ol + h2,
	dl + h2,
	div + h2 {
		margin-top: 22px;/*ie*/
		margin-top: 1.4rem;
	}
	
	footer dt {
		font-size: 15px;/*ie*/
		font-size: .925rem;
		font-weight: bold;
	}
	
	footer dd {
		font-size: 12px;/*ie*/
		font-size: .75rem;
	}
	
	.mega {
		font-size: 28px;/*ie*/
		font-size: 1.75rem;
	}
	
	.mar-top-x1 {
		margin-top: 8px;/*ie*/
		margin-top: .5rem;
	}
	
	.logo {
		float: none;
		margin: 0 auto;
	}
	.tagline {
		display: none;
	}
	
	.product-nav {
		width: 55%;
	}
	
	.product-nav h2 {
		font-size: 16px;/*ie*/
		font-size: 1rem;
	}
		
	/*	swap utility link text for icons */
	.utility-nav a {
		padding: 0 12px;/*ie*/
		padding: 0 .75rem;
	}
	
	.utility-nav li {
		border-right: none;
	}

	.utility-nav li span {
		font-size: .85rem;
	}
	
	.hero-is-short,
	.hero-is-short .panel {
		height: auto;
		min-height: 300px;/*ie*/
		min-height: 18.75rem;
	}
	
	.hero-is-short img.is-background {
		max-width: 75%;
		opacity: 0.5;
	}
	
	.hero-is-short img.is-background.no-blur {
		opacity: 1;
	}
	
	.hero-is-short .panel {
		padding: 64px 0 0 0;/*ie*/
		padding: 4rem 0 0 0;
		background-image: none;
	}

	.hero-is-tall .wrapper {
		padding: 0;
		margin-bottom: 0;
	}
	
	.hero-copy h2,
	.hero-copy .h2-plus {
		font-size: 24px;/*ie*/
		font-size: 1.5rem;
	}
	
	.hero-copy p {
		font-size: 12px;/*ie*/
		font-size: .75rem;
	}

	.sign-in {
		padding-bottom: 36px;/*ie*/
		padding-bottom: 2.25rem;
	}
	
	.sign-in h3 {
		margin-bottom: auto;
	}
	
	.sign-in h3 + p {
		display: block;
	}
	
	.featured-links,
	.has-announcement .hero-is-tall .featured-links {
		margin-top: 400px;/*ie*/
		margin-top: 25rem;
	}
	
	.featured-links dl {
		margin-bottom: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.featured-links .col:nth-child(2) dl {
		margin: 0;
	}
	
	.card-inner .col-3 {
		float: none;
		width: 100%;
		margin-bottom: 24px;/*ie*/
		margin-bottom: 1.5rem;
	}
	
	.button {
		padding: 8px;/*ie*/
		padding: .5rem;
	}
	
	.medium-width {
		max-width: none;
	}
	
	.is-grid {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 16px;/*ie*/
		margin-bottom: 1rem;
	}
	
	.is-grid li {
		display: block;
		padding: 0;
		margin: 0 0 4px 0;/*ie*/
		margin: 0 0 .25rem 0;
	}
	
	.is-round {
	  	width: auto;
	  	height: auto;
	  	padding: 0 0 0 8px;/*ie*/
	  	padding: 0 0 0 .5rem; 
		border-radius: 0;
		text-align: left;
	}
	
	.is-round:after {
		content: "";
		display: table;
		clear: both;
	}
	
	.is-round span[data-icon] {
		float: left;
		display: inline-block;
		vertical-align: middle;
		margin: 0 8px 0 0;/*ie*/
		margin: 0 .5rem 0 0;
	}
	
	.is-round span[data-icon]:before {
		vertical-align: baseline;
	}
	
	.is-round h3 {
		display: inline-block;
		line-height: 48px;/*ie*/
		line-height: 3;
		vertical-align: middle;
		margin: 0;
	}
	
	.is-round br {
		display: none;
	}
	
	#slideshow-results-cards .card {
		margin: 0 4px;/*ie*/
		margin: 0 .25rem;
	}
	
	.flex-direction-nav .flex-prev {
		left: 0;
	}
	
	.flex-direction-nav .flex-next {
		right: 0;
	}
	
	.mar-bottom-x2 {
		margin-bottom: 16px;/*ie*/
		margin-bottom: 1rem;
	}
	
	.color-block {
		padding: 4px 16px;/*ie*/
		padding: .25rem 1rem;
	}
	
	.color-block.is-current-node {
		background-color: #444!important;/* req to ovr theme */
		color: #fff!important;/* req to ovr theme */
	}
	
	.color-block.is-current-node span[data-icon] {
		color: #ccc!important;/* req to ovr theme */
	}
	
	.color-block.rounded-corners,
	.color-block.rounded-corners-3,
	.color-block.rounded-corners-5 {
		border-radius: 0;
	}
	
	.list-with-icons span[data-icon] {
		font-size: 28px;/*ie*/
		font-size: 1.75rem;
	}
	
	.list-with-icons a,
	.list-with-icons li.has-no-link {
		padding: .5rem;
	}
	
	.list-with-icons p {
		padding-top: 4px;/*ie*/
		padding-top: .25rem;
		padding-bottom: 4px;/*ie*/
		padding-bottom: .25rem;
		padding-left: 44px;/*ie*/
		padding-left: 2.75rem;
	}
	
	.icon-sprite {
		margin-top: 8px;/*ie*/
		margin-top: .5rem;
		display: inline-block;
	}
}

@media screen and ( max-width: 21.25em ) {/*340px*/
	.grid-small dl {
		width: auto;
	}
	
	.frame {
		min-height: 0;
		overflow: visible;
		margin-bottom: 12px;/*ie*/
		margin-bottom: .75rem;
	}
	
	.pub-data {
		position: relative;
		padding: 0;
		min-height: 0;
	}
	
	.pub-data h1 {
		font-size: 20px;/*ie*/
		font-size: 1.25rem;
		margin-bottom: 10px;/*ie*/
		margin-bottom: .625rem;
	}
	
	.pub-data h1 em {
		font-size: 14px;/*ie*/
		font-size: .825rem;
	}
	
	.title-col h2 {
		font-size: 14px;/*ie*/
		font-size: .825rem;
	}
	
	.title-col p {
		font-size: 12px;/*ie*/
		font-size: .75rem;
	}
	
	.is-frame {
		display: none;
	}
	
	.product-hero .featured-offer {
		padding: 12px;/*ie*/
		padding: .75rem;
	}
}