/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*	Corrects `block` display not defined in IE6/7/8/9 & FF3. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
rule{
	display:block;
}
/*	Corrects `inline-block` display not defined in IE6/7/8/9 & FF3. */
audio,
canvas,
video{
    display:inline-block;
    *display:inline;
    *zoom:1;
}
/*	
	Prevents modern browsers from displaying `audio` without controls.
	Remove excess height in iOS5 devices.
	
*/
audio:not([controls]){
    display:none;
    height:0;
}
/*	
	Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
	Known issue: no IE6 support.
	
*/
[hidden]{
    display:none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
	1.	Corrects text resizing oddly in IE6/7 when body `font-size` is 
		set using `em` units.
		
	2.	Prevents iOS text size adjust after orientation change, without 
		disabling user zoom.
		
*/
html{
    font-size:100%; /* 1 */
    -webkit-text-size-adjust:100%; /* 2 */
    -ms-text-size-adjust:100%; /* 2 */
}

/*
	apply a natural box layout model to all elements

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

/*
	Addresses `font-family` inconsistency between `textarea` and other 
	form elements.
	
 */
html,
button,
input,
select,
textarea{
    font-family:Verdana, sans-serif;
	color:#444;
}

/*	Addresses margins handled incorrectly in IE6/7. */
body{
    margin:0;
	padding:0;
	font:normal 1em/1.5 Verdana, sans-serif;
	color:#444;
	background-color:#fbf5ea; /* Pearson beige */
	text-rendering:optimizeLegibility;
	-webkit-backface-visibility:hidden;
	min-width:100%;
	float:left;
}

.full-panel{
	height:100%;
	width:100%;
	min-height:800px;
}
/* ==========================================================================
   Links
   ========================================================================== */

a:link{
	text-decoration:none;
}

/*
	Addresses `outline` inconsistency between Chrome and other browsers.
	
*/
a:focus{
    outline:thin dotted;
}

/*
	Improves readability when focused and also mouse hovered in all browsers.
	people.opera.com/patrickl/experiments/keyboard/test

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

/* ==========================================================================
   Typography
   ========================================================================== */

/*
	Addresses font sizes and margins set differently in IE6/7.
	Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
	
	Note: for Pearson work, we're rendering headings in normal-weight. We're
	also overriding the normalize font-sizes for headings.

*/
h1{
	font-size:1.75em;
	line-height:1.4;
	margin:0;
}

h2{
    font-size:1.35em;
    margin:0 0 0.83em 0;/* standard = 1em 0 0.25em 0; */
	color:#777;
}

h3{
    font-size:0.875em;/*1.1428571em;*//*1.17em;*/
    margin:0 0 0.75em 0;
}

h4{
    font-size:0.875em;/*1em;*/
    margin:0 0 0.25em 0;/*1.33em 0;*/
}

h5{
    font-size:0.83em;
    margin:1.67em 0;
}

h6{
    font-size:0.75em;
    margin:2.33em 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight:normal;
}

h3{
	font-weight:bold;
}

h1 + p{
	margin-top:1.4em;
}

p + h3,
ul + h3,
ol + h3{
	margin-top:2em;
}

/*	Addresses styling not present in IE7/8/9, S5, Chrome. */
abbr[title]{
    border-bottom:1px dotted;
}

/*	Addresses style set to `bolder` in FF3+, S4/5, Chrome. */
b,
strong{
    font-weight:bold;
}

blockquote{
    margin:1em 2.5em;
}

/*	Addresses styling not present in S5, Chrome. */
dfn{
    font-style:italic;
}

/*	Addresses styling not present in IE6/7/8/9. */
mark{
    background:#ff0;
    color:#000;
}

/*	Addresses margins set differently in IE6/7. */
p,
pre{
    margin:0 0 1em 0;/*1em 0;*/
}

/*	
	Corrects font family set oddly in IE6, S4/5, Chrome.
	en.wikipedia.org/wiki/User:Davidgothberg/Test59
	
*/
code,
kbd,
pre,
samp{
    font-family:monospace, serif;
    _font-family:'courier new', monospace;
    font-size:1em;
}

/*	Improves readability of pre-formatted text in all browsers. */
pre{
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word;
}

/*	Addresses CSS quotes not supported in IE6/7. */
q{
    quotes:none;
}

/*	Addresses `quotes` property not supported in S4. */
q:before,
q:after {
    content:'';
    content:none;
}

/*	Give <small> a proper size. */
small{
    font-size:75%;
}

/*
	Prevents `sub` and `sup` affecting `line-height` in all browsers.
	gist.github.com/413930

*/
sub,
sup{
    font-size:85%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
	opacity:0.6875;
}

sup{
    top:-0.25em;
	left:0.1em;/*-0.25em;*/
}

sub{
    bottom:-0.25em;
}

h2 + p{
	margin-top:0;
}

p{
	font-size:0.875em;
	line-height:1.6;
	word-break:hyphenate;
	hyphens:auto;
}

.medium{
	font-size:83%;
	line-height:1.4;
}

/*	section + customizations + overrides */
section{
	display:block;
	clear:both;
}

section#home{
	margin-top:0;
	padding-top:0;
	background:url(../images/hero/hero4.jpg) no-repeat top right scroll transparent;	
}

section > div.wrapper{
	padding:2.75em 2em 2em 2em;
}

section > div.wrapper h1{
	text-shadow:0 0 1px rgba(68, 68, 68, 0.35);
}

section#home > div.wrapper{
	padding-top:2em;
}

section#hallmarks > div.wrapper{
	padding-top:1em;
}

section#hallmarks ul{
	width:49%;
	margin:1em 0 0 0;
	padding:0;
	list-style-type:none;
}

section#hallmarks li{
	margin-bottom:1em;
	display:block;
	height:90px;
	overflow:hidden; 
}

section#hallmarks li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

section#hallmarks a{
	display:block;
	height:100%;
	padding-right:0.75em;
}

section#hallmarks h3{
	font-size:0.875em;
	padding-top:0.5em;
	margin-bottom:0;
}

section#hallmarks p{
	 font-size:0.75em;
	 color:#444!important;
}

section#hallmarks ul.float-right a{
	padding-left:0.75em;
	padding-right:0;
}

section#hallmarks a:link,
section#hallmarks a:visited{
	text-decoration:none;
	-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;
}

section#hallmarks a:hover,
section#hallmarks a:active,
section#hallmarks a:focus{
	background-color:#ede8de;
}

section#hallmarks a img{
	opacity:0.825;
	-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;
}

section#hallmarks a:hover img,
section#hallmarks a:active img,
section#hallmarks a:focus img{
	opacity:1.0;
}

/*	2012-Dec: changing from <a> to <li> */
section#hallmarks ul.float-left li img{/*a img{*/
	float:left;
	margin-right:0.75em;
}

section#hallmarks ul.float-right li img{/*a img{*/
	float:right;
	margin-left:0.75em;
}


/* ==========================================================================
   Lists
   ========================================================================== */

/*	Addresses margins set differently in IE6/7. */
dl,
menu,
ol,
ul{
    margin:1em 0;
}

dd{
    margin:0 0 0 2.5em;
}

/*	Addresses paddings set differently in IE6/7. */
menu,
ol,
ul{
    padding:0 0 0 2.5em;
}

li{
	margin-bottom:0.5em;
}

nav li{
	margin-bottom:0;
}

/*	Corrects list images handled incorrectly in IE7. */
nav ul,
nav ol{
    list-style:none;
    list-style-image:none;
	margin:0;
}

/*	For .horizontal nav > list-items */
.horizontal li{
	display:inline-block;
	float:left;
}

/*	Nested lists! */
li ul,
li ol{
	font-size:1em;
	margin:0em 0;
	padding-left:0.5em;
}
li ol li{
    margin-left:2em;
}

/*	Customized bullets */
.checkmark li{
	list-style-type:none;
	position:relative;
	z-index:1;
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0 0 0.25em;
	padding-left:28px;
}

.checkmark li:before{
	content:"";
	position:absolute;
	top:50%;
	left:6px;
	width:5px;
	height:8px;
	border-width:0 3px 3px 0;
	border-style:solid;
	border-color:#7f913c;
	margin-top:-11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
	1.	Removes border when inside `a` element in IE6/7/8/9, FF3.
	2.	Improves image quality when scaled in IE7.
		code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/

*/
img{
    border:0; /* 1 */
    -ms-interpolation-mode:bicubic; /* 2 */
	max-width:100%;
}

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


/*	Corrects overflow displayed oddly in IE9. */
svg:not(:root){
    overflow:hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*	Addresses margin not present in IE6/7/8/9, S5, O11. */
figure{
    margin:0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*	Corrects margin displayed oddly in IE6/7. */
form{
    margin:0;
}

/*	Define consistent border, margin, and padding. */
fieldset{
    border:1px solid #c0c0c0;
    margin:0 0.125em;
    padding:0.35em 0.625em 0.75em;
}

/*
	1.	Corrects color not being inherited in IE6/7/8/9.
	2.	Corrects text not wrapping in FF3.
	3.	Corrects alignment displayed oddly in IE6/7.

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

/*
	1.	Corrects font size not being inherited in all browsers.
	2.	Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
	3.	Improves appearance and consistency in all browsers.

*/
button,
input,
select,
textarea{
    font-size:100%; /* 1 */
    margin:0; /* 2 */
    vertical-align:baseline; /* 3 */
    *vertical-align:middle; /* 3 */
}

/*
	Addresses FF3/4 setting `line-height` on `input` using `!important` 
	in the UA stylesheet.

*/
button,
input{
    line-height:normal;
}

/*
	1.	Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
		and `video` controls.
	2.	Corrects inability to style clickable `input` types in iOS.
	3.	Improves usability and consistency of cursor style between image-type 
		`input` and others.
	4.	Removes inner spacing in IE7 without affecting normal text inputs.
	
		Known issue: inner spacing remains in IE6.

*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"]{
    -webkit-appearance:button; /* 2 */
    cursor:pointer; /* 3 */
    *overflow:visible;  /* 4 */
}

/*	Re-set default cursor for disabled elements. */
button[disabled],
input[disabled]{
    cursor:default;
}

/*
	1.	Addresses box sizing set to content-box in IE8/9.
	2.	Removes excess padding in IE8/9.
	3.	Removes excess padding in IE7.
	
		Known issue: excess padding remains in IE6.

*/
input[type="checkbox"],
input[type="radio"]{
    box-sizing:border-box; /* 1 */
    padding:0; /* 2 */
    *height:0.8125em; /* 3 */
    *width:0.8125em; /* 3 */
}

/*
	1.	Addresses `appearance` set to `searchfield` in S5, Chrome.
	2.	Addresses `box-sizing` set to `border-box` in S5, Chrome 
		(include `-moz` to future-proof).

*/
input[type="search"]{
    -webkit-appearance:textfield; /* 1 */
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box; /* 2 */
    box-sizing:content-box;
}

/*	Removes inner padding and search cancel button in S5, Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none;
}

/*	Removes inner padding and border in FF3+. */
button::-moz-focus-inner,
input::-moz-focus-inner{
    border:0;
    padding:0;
}

/*
	1.	Removes default vertical scrollbar in IE6/7/8/9.
	2.	Improves readability and alignment in all browsers.

*/
textarea{
    overflow:auto; /* 1 */
    vertical-align:top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*	Remove most spacing between table cells. */
table{
    border-collapse:collapse;
    border-spacing:0;
}

/* ==========================================================================
   Pearson elements and other customizations.
   ========================================================================== */
   
/*	Color branding strap (w/logo and tagline). */
#brand-strap{
	height:2.75em;
	line-height:2.75em;
	width:100%;
	margin:0;
	background-color:#000;
	-webkit-transition:background-color 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;
}

/*	Pin it if JS is enabled */
.js #brand-strap{
	position:fixed;
	top:0;
	z-index:999;
}

#brand-strap hgroup{
	padding:0 1em;/*1.77777%;/* 16/900 (1em;) */
	margin-left:auto;
	margin-right:auto;
	min-width:300px;
	max-width:960px;
}

.logo,
.tagline{
	margin:0;
	padding:0;
	overflow:hidden;
}

.logo{
	line-height:14px;/*1.222em*/
	height:44px;/*1.222em*/
	width:114px;/*3.1666em*/
	margin:0;
	padding:0;
	float:left;
}

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

.tagline{
	display:block;
	width:138px;/*5.75em*/
	height:44px;/*1.222em*/
	float:right;
}

/*	Wrap everything up (inner width). */
.wrapper{
	width:960px;/*60em*/
	padding:0;
	margin-right:auto;
	margin-left:auto;
}

.next{
	clear:both;
	max-width:960px;
	padding:0 2em 1em 2em;
	margin:0 auto;
}

.next-down{
	font-size:0.6875em;
	display:inline-block;
	padding:0.5em 0 0.5em 2.5em;
	background:url(../images/ui/arrow-down-next.png) no-repeat left center scroll transparent;
}

.next-down:before{
	content:'Next: ';
	color:#888;
}

/*------------------------------------------------------------
	Customized form rules.
	
	Note: there are (2) versions of forms in use
	
	1.	'.form-stacked' refers to simple forms where
		labels reside above their associated inputs
	
	2.	'.form-tabular' refers to more complex forms
		that are being rendered inside <table>s
		
-------------------------------------------------------------*/

fieldset{
	padding:1em;
	margin:1.5em 0;
	background-color:#e5e2d7;
	border:none;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/*	"fat" version */
fieldset.big{
	padding:3em 3em 2em 3em;
}

fieldset h1{
	font-size:1.675em;
}

fieldset h2{
	font-size:1em;
	padding:0;
	margin:1em 0 0 0;
}

fieldset h2:first-child{/* act as legend */
	margin:0;
	padding:0;
}

fieldset p{
	font-size:0.75em;
	margin:0.25em 0 1em 0;
}

fieldset h2 + p{
	margin-bottom:2em;
}


label{
	font-size:0.75em;
	font-weight:bold;
	cursor:pointer;
	display:inline-block;
}

input, 
textarea, 
select,
input.upload,
datalist option{
	font-size:0.75em;
	color:#444;
	background-color:#fff;
	border:2px solid #ccc;
	padding:0.5em;
	width:100%;
	-webkit-border-radius:3px; 
	border-radius:3px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	margin-right:0.5em;
}

select{
	padding:0.5em;
}

textarea{
	line-height:1.5;
	min-height:7.5em;
}

input[type=submit]{
	display:inline-block;
	width:auto;
	margin:1em 0;
	font-size:1em;
}

input:focus, 
textarea:focus, 
select:focus{
	color:#333;
	border:2px solid #999;
	-webkit-box-shadow:0 0 0.75em rgba(204, 204, 204, 1);
	box-shadow:0 0 0.75em rgba(204, 204, 204, 1);
	outline:none;
}

input.error, 
textarea.error, 
select.error{
	border:2px solid #f90;
	background-color:#ff9;
	-webkit-box-shadow:0 0 0.75em rgba(204, 102, 0, 1);
    box-shadow:0 0 0.75em rgba(204, 102, 0, 1); 
}

input[type=text] + img{
	display:inline-block;
	vertical-align:middle;
}

p.error-msg{
	text-align:center;
	background-color:#ff9;
	border:2px solid #f90;
	padding:1em;
	margin:1em 0;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius:3px;
}

/*	'Stacked' version of a form; labels reside above their
	associated inputs. */
	
.form-stacked input[type=text], 
.form-stacked textarea, 
.form-stacked select,
.form-stacked p.error-msg{
	display:inline-block;
	width:92.5%;
}

.form-stacked textarea{
	height:16em;
	overflow-y:auto;
}

.form-stacked label{
	margin:1em 0 0.35em 0;
}

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

.form-stacked select{
	margin-bottom:1.25em;
}

/*	Required fields flag */
.req:before{
	content:' * ';
	display:inline-block;
	font-size:1.15em;
	color:#e04854;
	padding:0 0.25em 0 0;
}

/*	Table-based form */
.form-tablular table{
	width:90%;
	border:none;
	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:0.5em;
}

.form-tabular table td.error{
	background:url(../images/symbols/error.png) no-repeat 0.25em center scroll transparent;
}

.form-tabular table td.ok{
	background:url(../images/symbols/ok.png) no-repeat 0.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 p.tip{
	font-size:0.6875em;
	margin:0 0 0 1em; 
}

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

/*	Radio list of options */
.radio-list{
	margin:0;
	padding:0;
}

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

.radio-list input[type="radio"]{
	display:inline-block;
	width:auto;
	vertical-align:middle;
	margin:0;
	line-height:1em;
}

.radio-list label{
	display:inline-block;
	font-weight:normal;
	float:none;
	vertical-align:middle;
	margin:0;
	padding-left:0.35em;
	line-height:1em;
}

/*-----------------------------------------
PAGE TITLE
-------------------------------------------*/

/*<h1>PAGE TITLE WITH BT BACKGROUND</h1>*/
.page-title .wrapper {
    padding :0.5em 1em 2em 1em;
   	background-image:url(../images/logos/BT-tagline-engage.png);
    background-repeat: no-repeat;
    background-position: 98% 1.45em;
}

/*PAGE TITLE WITH BT NEW BACKGROUND COLOR*/
.page-title {
    padding: 45px 0 .5em 0;
	background-color:#0089b7; /*blue*/
	/*background-color:#7db658; /*green*/
	/*background-color:#e04854 /*red*/
}
    
/*<h1><i>TITLE NAME OF SERIES</i></h1>*/
.page-title h1 {
    font-family: 'Open Sans', Verdana, sans-serif;
	font-weight:600!important;  
    font-size: 1.85em;
	font-size:30px;
	color:#fff;
    margin: 0;
	letter-spacing:.085rem;
	display:inline;
	padding-bottom:30px;
	line-height:1.375;
}
/* <h2>SPECIFY MyLab WITH TM OR REG<sup>&trade;</sup> for</h2> */
.page-title h2 {
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 300;
	font-size: 1.85em;
	font-size:30px;
	line-height:1.375;
	color:#fff;
    margin: 0;
	padding-bottom:30px;
	display:inline;
}

/*<h1>AUTOR NAME/NAMES SEPARATED BY BULLETS</h1>*/
.page-title h3 {
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 600;
	text-transform:uppercase;
	letter-spacing:.085rem;
	font-size:30px;
    font-size: 1.875em;
	color:#fff;
	padding-top:25px;
	margin:0;
	display:inline-block;
}

/*OPACITY APPLIES TO BULLETS IN AUTHOR LINE*/
.page-title span {
   opacity: .5;
}

#generated-space{
	width:100%;
	height:0;
	line-height:0;
}

/*------------------------------------------------------------
	Global navigation menu.
-------------------------------------------------------------*/
.global{
	padding:0 1em;/*0 2.25em;*/
	display:block;
	clear:both;
	text-align:center;
	/*width:100%;*/
	position:relative;
	border-top:1px solid #fdfaf4;
	background:rgb(251,245,234);
	background:-moz-linear-gradient(top,  rgba(251,245,234,1) 1%, rgba(237,232,222,1) 40%, rgba(218,213,203,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(251,245,234,1)), color-stop(40%,rgba(237,232,222,1)), color-stop(100%,rgba(218,213,203,1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  rgba(251,245,234,1) 1%,rgba(237,232,222,1) 40%,rgba(218,213,203,1) 100%);
	background:-o-linear-gradient(top,  rgba(251,245,234,1) 1%,rgba(237,232,222,1) 40%,rgba(218,213,203,1) 100%);
	background:-ms-linear-gradient(top,  rgba(251,245,234,1) 1%,rgba(237,232,222,1) 40%,rgba(218,213,203,1) 100%);
	background:linear-gradient(to bottom,  rgba(251,245,234,1) 1%,rgba(237,232,222,1) 40%,rgba(218,213,203,1) 100%);
	float:left;
	min-width:100%;
	background-color:#ece7dd;/*IE9*/
}

.global ul{
	height:100%;
	padding:0.5em 0 0.65em 0;
}

.global li{
	display:inline-block;
	float:left;
	padding:0;
	margin:0 0.15em 0 0;
	line-height:1;
	text-align:center;
}

.global li:first-child{
	margin-left:0;
}

.global li:last-child{
	margin-right:0;
}

.global li a{
	font-size:0.8em;
	line-height:1.3;
	text-decoration:none;
	color:#444;
	display:inline-block;
	padding:0.65em;
	margin:0;
	border-radius:3px;
	text-align:center;
}
.global li a.single-line{
	line-height:2.6;
}

.global li a:hover,
.global li a:focus{
	background-color:#d0ccc2;
}

.global li a.home{
	padding:2px 0.35em 0 0.35em;
	border-radius:0;
	opacity:0.75;
	-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;
}

.global li a.home:hover,
.global li a.home:focus{
	background-color:transparent;
	opacity:1.0;
}

.global .hidden{
	opacity:0;
}

.pin-it{
	position:fixed;
	top:44px;
	z-index:999;
	box-shadow:0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	border-top:1px solid #fff;
}

.pin-it .hidden{
	opacity:1.0;
}

/*------------------------------------------------------------
	Social media links.
-------------------------------------------------------------*/
.social{
	padding:0;
	margin:0;
}

.social a:link,
.social a:visited{
	padding:0.425em 0 0.25em 0;
}

.global li.social a:hover,
.global li.social a:active,
.global li.social a:focus{
	background-color:transparent;
}

.social a img{
	-webkit-border-radius:0.25em;
	border-radius:0.25em;
	width:23px;
	height:23px;
	margin-top:-2px;
	margin-left:2px;
	vertical-align:middle;
}

.nav-active:link,
.nav-active:visited,
.nav-active:hover,
.nav-active:active,
.nav-active:focus{
	color:#fff!important;/* override colors.css */
	background-color:#777!important;
	cursor:default;
	-webkit-box-shadow:inset 0 0 20px 5px rgba(0, 0, 0, 0.25);
	box-shadow:inset 0 0 20px 5px rgba(0, 0, 0, 0.25);
}

.global li a.home.nav-active,
.global li a.home.nav-active{
	background-color:transparent!important;
	opacity:1.0;
	-webkit-box-shadow:none;
	box-shadow:none;
}


/*------------------------------------------------------------
	Tab-to-top ("TOP"); appears on scroll.
-------------------------------------------------------------*/
#tab-to-top{
	text-align:center;
	position:fixed;
	z-index:999;
	bottom:2em;
	right:2em;
	width:3.5em;
	height:3.5em;
	-webkit-border-radius:11.25em;
	border-radius:11.25em; 
	display:none;
}

#tab-to-top a:link,
#tab-to-top a:visited{
	text-decoration:none;
	line-height:3.5em;
	color:#fbf5ea!important;/* override colors.css */
	display:block;
	width:3.5em;
	height:3.5em;
}

#tab-to-top a:hover,
#tab-to-top a:active,
#tab-to-top a:focus{
	text-decoration:none;
}

/*------------------------------------------------------------
	Footer
-------------------------------------------------------------*/
footer{
	color:#999;
	background-color:#444;
	display:block;
	padding:1.5em 1em 3.25em 1em;
	-webkit-box-shadow:inset 0 0.35em 0.5em 0 rgba(0, 0, 0, .25);
	box-shadow:inset 0 0.35em 0.5em 0p rgba(0, 0, 0, .25);
}

footer dl{
	display:block;
	width:33.33333%;/*25%;*/
	padding:0 1em;
	margin:0;
	float:left;
}

footer dt,
footer dd{
	margin:0;
	padding:0;
}

footer dt{
	font-size:0.875em;
	margin-bottom:0.25em;/*0.625em*/
}

footer dd + dt{
	margin-top:1.5em;
}

footer dd{
	font-size:0.6875em;
	line-height:1.2;
	margin-bottom:0.6875em;
}

footer a{
	text-decoration:none;
	color:#ddd!important;/* override colors.css */
}

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

footer dt a{
	color:#999!important;/* override colors.css */
}

footer div{
	display:block;
	border-top:1px solid #676767;
	margin:1.75em auto 0 auto;
}

footer div p{
	margin:0.5em 0 0 0;
}

footer small{
	font-size:0.6875em;
}

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

/*------------------------------------------------------------
	Hero space.
-------------------------------------------------------------*/
.hero{
	display:block;
	width:960px;
	height:290px;
	overflow:hidden;
	margin-top:1.5em;
	margin-bottom:1.5em;
	position:relative;
}
.hero-no-local{
	margin-top:4.3125em;
}

/*------------------------------------------------------------
	Carousel and child elements.
-------------------------------------------------------------*/
.js .panel{
	display:none;/* hide all but 1st if JS is enabled. */
}

.js .panel:first-child{
	display:block;
}

#slideshow-container{
	height:100%;
	width:100%;
	max-width:60em;
}

#slideshow-container > .panel{
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%;
}

.panel a{
	text-decoration:none;
}

.panel a:hover,
.panel a:focus{
	text-decoration:underline;
}

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

/*	Parent el for slideshow controls. */
.control-wrap{
	position:absolute;
	right:1em;
	bottom:1em;
	z-index:999;
}

/*	Applies to all links. */
.control-wrap a:link,
.control-wrap a:visited{
	font-size:0.7em;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	line-height:1.75em;
	color:#5b5b5b!important;/* override colors.css */
	background-color:#fff;
	width:1.75em;
	height:1.75em;
	display:block;
	margin:0 1px;
	float:left;
	opacity:0.65;
	-webkit-border-radius:2px;
	border-radius:2px;
	-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;
}

.control-wrap a:hover,
.control-wrap a:active,
.control-wrap a:focus{
	opacity:1.0;
	text-decoration:none;
}

/*	Dynamically generated panel count/controls. */
#slideshow-controls{
	display:inline;
}

#slideshow-controls a:hover,
#slideshow-controls a:active,
#slideshow-controls a.activeSlide,
#slideshow-controls a:focus,
#slideshow-controls a.activeSlide:focus{
	font-weight:bold;
	color:#444;
	opacity:1.0;
}

/*	The 'Pause' and 'Play' link(s). */
#pause,
#resume{
	font-size:0.7em;
	font-weight:normal;
	line-height:1.75em;
	height:1.75em;
	width:4em;
}

/*	The 'Prev' and 'Next' (panel) link(s). */
#prev,
#next{
	font-size:0.7em;
	font-weight:bold;
	line-height:1.75em;
	height:1.75em;
}

/*	Container for .panel text/links/etc. */
.panel-overlay{
	width:40%;
	padding:1em;
	position:absolute;
	top:1em;/*1.25em 20px */
	z-index:999;
}

.right-align{
	right:1em;/*1.25em 20px */
	left:auto!important;
}

.left-align{
	left:1.25em;/* 20px */
}

/*------------------------------------------------------------
	Typography rules for carousel/slideshow panel overlays.
-------------------------------------------------------------*/
.panel-overlay h1{
	font-size:1.6875em;
	line-height:1.4;
	margin-top:0;
	margin-bottom:0.3125em;
}

.panel-overlay h2{
	font-size:1.5em;
	line-height:1.1;
	letter-spacing:normal;
	margin-top:0;
	margin-bottom:0.4166666em;
}

.panel-overlay p{
	 font-size:0.875em;
	 line-height:1.425;
}

.panel-overlay cite{
	font-size:0.8125em;
	font-weight:bold;
	font-style:normal;
	line-height:1.5;
	display:block;
	padding:0;
	margin-bottom:0.5em;
}

.panel-overlay .button{
	margin-top:0.875em;
}

.forward:after{
	content:' › ';
	text-shadow:none;
	color:#fbf5ea;
	opacity:0.65;
}

.backward:before{
	content:' ‹ ';
	text-shadow:none;
	color:#fbf5ea;
	opacity:0.65;
}

.panel-framed{
	padding:8px;
	background-color:#fff;
	border:1px solid #ccc;
}

/*	Light-colored text for dark background panel. */
.light-text,
a.light-text:link,
a.light-text:visited,
a.light-text:hover,
a.light-text:active{
	color:#fff;
}

/*	Dark-colred text for dark background panel. */
.dark-text,
a.dark-text:link,
a.dark-text:visited,
a.dark-text:hover,
a.dark-text:active{
	color:#333!important;/* override colors.css */
}

/* ==========================================================================
   To be organized...
   ========================================================================== */
   
/*	Self-clearing floats. */
.group:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

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

/*	Button styles (shared). */
.button{
	text-decoration:none;
	text-align:center;
	color:#fff;
	padding:0.5em 0.75em;
	display:inline-block;
	-webkit-border-radius:0.1875em;/* 3px; */
	border-radius:0.1875em;/* 3px; */
	-webkit-box-shadow:0.0625em 0.0625em 0.75em 0.1875em rgba(0, 0, 0, .3);
	box-shadow:0.0625em 0.0625em 0.75em 0.1875em rgba(0, 0, 0, .3);	
}

.button:hover,
.button:focus{
	cursor:pointer;
	text-decoration:none;
}

.button:active{
	-webkit-box-shadow:inset 0 0 1.25em 0 #333;
	-moz-box-shadow:inset 0 0 1.25em 0 #333;
	box-shadow:inset 0 0 1.25em 0 #333;
	outline:none;
}

/*	Simple buttons. No gradients, highlights or shadows. */
.button-simple,
.button-simple active{
	font-size:75%;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.button-blend{
	font-size:75%;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-shadow:none!important;
	color:#444!important;
	border:none!important;
	background:none!important;
	background-color:#e5e2d7!important;
}

/*------------------------------------------------------------
	Photo grid. Used on new /index/ (home) page.
-------------------------------------------------------------*/
.photo-grid{
	width:38.5em;/*616px*/
	overflow:hidden;
}
.photo-grid a{
	text-decoration:none;
	display:block;
	width:50%;
	height:13.875em;
	position:relative;
	overflow:hidden;
	float:left;
}

/*	Background colors for each box; set via JS for IE. */
.photo-grid a:nth-child(1){
	background-color:#2d507d;
}

.photo-grid a:nth-child(2){
	background-color:#e29422;
}

.photo-grid a:nth-child(3){
	background-color:#b54219;
}

.photo-grid a:nth-child(4){
	background-color:#212b76;
}

.photo-grid a img{
	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;
}

.photo-grid a:hover img,
.photo-grid a:focus 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:0.15;
}

.photo-grid a .default-overlay{
	color:#fbf5ea!important;/* override colors.css */
	padding-right:1em;
	position:absolute;
	bottom:1em;
	left:1em;
	z-index:100;
	opacity:1.0;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.6);
}

.default-overlay h2{
	font-size:1.4em;
}

.default-overlay h2 span{
	text-indent:-200em;
	display:inline-block;
	height:0.8125em;
	width:0.8125em;
	line-height:0.8125em;
	background:url(../images/symbols/target-plus.png) no-repeat center center scroll transparent;
	opacity:0.75;
}

.photo-grid a .active-overlay{
	color:#fff!important;/* override colors.css */
	padding-right:1em;
	position:absolute;
	bottom:2.5em;
	left:2em;
	z-index:100;
	opacity:0.0;
}

.active-overlay h3{
	font-size:0.875em;/* 14px */
	font-weight:bold;
	margin-bottom:0.5em;
}

.active-overlay p{
	font-size:0.75em;/* 12px */
	line-height:1.325;
	margin:0 0 1.25em 0;
}

.photo-grid .button-simple{
	font-weight:bold;
	padding:0 0.5em 0.25em 0.5em;
	background-color:#4d89b4!important;/* override colors.css */
	border:2px solid #eee!important;
}

.arrow{
	font-style:normal;
	font-size:1.3em;
	padding-left:0.5em;
}

.photo-grid a .default-overlay,
.photo-grid a .active-overlay{
	-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;
}

.photo-grid a:hover .default-overlay,
.photo-grid a:focus .default-overlay{
	opacity:0.0;
}

.photo-grid a:hover .active-overlay,
.photo-grid a:focus .active-overlay{
	opacity:1.0;
}


/*------------------------------------------------------------
	Small photo grid. Used on the 'About Pearson Student
	Relations' page.
--------------------------------------------------------------*/
.grid-small{
	padding:0;
	margin:1em 0;
}

.grid-small dl{
	font-size:0.75em;
	margin:0;
	padding:0;
	width:23%;
	display:inline-block;
	float:left;
	margin-right:1em;
	margin-bottom:1.5em;
}

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

.grid-small dt{
	margin-bottom:0.75em;
}

.grid-small dd.social{
	margin-top:0.25em;
}

.grid-small dd.social a{
	display:inline-block;
	float:left;
	margin-right:0.5em;
	cursor:pointer;
	text-decoration:none;
}

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

.grid-small dt a{
	display:block;
	overflow:hidden;
	cursor:pointer;
	position:relative;
	width:13.33em;
}

.grid-small dt a img{
	display:block;
	width:13.33em;
	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:0.15;
}

.grid-small dt a span{
	font-weight:bold;
	position:absolute;
	bottom:1em;
	left:1em;
	padding-right:1em;
	z-index:999;
	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.0;
}
.bg-green{
	background-color:#008b5d;
}

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

.profile img:first-child{
	float:left;
	margin:0 1em 0.325em 0;
}
.profile > img{
	width:10em;
	height:10em;
}

.profile dl{
	margin:0;
	padding:0;
}

.profile h1,
.profile h2,
.profile dt{
	font-size:1em;
	margin:0;
	padding:0;
}
.profile h2,
.profile dd{
	font-size:85%;
	margin:0.25em 0 0 0;
}
.profile dd p{
	font-size:0.875em;
	width:90%;
}
.profile h2 + p{
	margin:0.5em;
}
.profile .social a{
	display:inline-block;
	width:2em;
	float:none;
	padding:0;
	margin-right:0.25em;
}
.profile .social a img{
	width:2em;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.profile p{
	font-size:80%;
	line-height:1.5;
	width:95%;
}

/*------------------------------------------------------------
	Page-specific elements and overrides.
-------------------------------------------------------------*/

/*	Toggle container
	
	We're using a <dl> (definition list) as a method for
	rendering a question/answer type toggle for content.
*/

.js .toggle-container dd{
	display:none;
	margin-bottom:3em;
}

.toggle-all:before{
	font-weight:bold;
	text-decoration:none!important;
	display:inline-block;
	color:#444!important;
	padding-right:0.25em;
	content:'+';
}

.toggle-all.open-all:before{
	content:'-';
	text-decoration:none!important;
}

.toggle-container{
	margin:1em 0 0 0;
	clear:both;
}

.toggle-container dt{
	padding-top:3%;
}

.toggle-container dt:first-child{
	padding-top:0;
}

.toggle-container dt a:link,
.toggle-container dt a:visited{
	font-size:0.875em;
	font-weight:bold;
	text-decoration:none;
	color:#fbf5ea!important;
	display:block;
	width:100%;
	height:97%;
	background-color:rgba(0, 137, 183, 1.0);
	padding:0.5em 0.5em 0.5em 2.5em;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
}

.toggle-container dt a:hover,
.toggle-container dt a:focus{
	background-color:rgba(54, 67, 149, 1.0);
	color:#fbf5ea!important;
}

.toggle-container dt a:before{
	display:inline-block;
	position:absolute;
	left:8px;
	top:8px;
	color:#e04854;
	text-align:center;
	width:1.5em;
	height:1.5em;
	line-height:1.4em;
	vertical-align:middle;
	background-color:#fbf5ea;
	-webkit-border-radius:10px;
	border-radius:1.4em;
	content:'+';
	font-weight:normal;
	border:none;
}

.toggle-container dt a.open:before{
	content:'-';
	color:#444!important;
}

.toggle-container dt a:hover:before,
.toggle-container dt a:focus:before{
	color:#364395;
}

.toggle-container dt a:hover:after,
.toggle-container dt a:focus:after,
.toggle-container dt a.open:hover:after,
.toggle-container dt a.open:focus:after{
	display:inline-block;
	float:right;
	font-weight:normal;
	font-size:0.875em;
	padding-top:0.15em;
}

.toggle-container dt a:hover:after{
	content:'(Click to open)';
}

.toggle-container dt a:focus:after{
	content:'(Keypress to open)';
}

.toggle-container dt a.open:hover:after{
	content:'(Click to close)';
}

.toggle-container dt a.open:focus:after{
	content:'(Keypress to close)';
}

.toggle-container dt a.open:link,
.toggle-container dt a.open:visited{
	background-color:#444;
	color:#fbf5ea!important;
}

.toggle-container dt a.open:hover,
.toggle-container dt a.open:focus{
	background-color:rgba(54, 67, 149, 1.0);
	color:#fbf5ea!important;
}
.toggle-container dd{
	margin-left:0;
}

.toggle-container + h1{
	font-size:1.35em;
	margin-top:2em;
}

/*	Nested FAQs */
.questions{
	font-weight:bold;
	padding-bottom:1.5em;
	border-bottom:1px dotted #ccc;
	margin-bottom:1.5em;
}

.answers > li{
	margin-bottom:1.5em;
}
.answers li ul{
	margin-left:1.5em;
}

.answers p{
	font-size:1em;
	margin-top:0;
}

/*	Video still + overlay */
.video-questions-container{
	width:35.71428%;/*320 / 896 (960-4em)*/
	float:left;
	padding-right:1em;
	margin-top:1em;
}

.video-placeholder-container{
	width:62.72321%;/*62.5%;*//*560 / 896 (960-2em)*/
	max-height:380px;
	float:right;
	margin-top:2em;
	
}

.video-placeholder{
	position:relative;
	width:100%;
	max-height:380px;
	background-color:#000;
	border:1px solid #bdb8af;
	padding:0;
	margin-bottom:1em;
	overflow:hidden;
}

.video-placeholder iframe{
	z-index:888;
	background-color:#444;
}

.video-placeholder img{
	cursor:pointer;
	background-color:#000;
	position:relative;
}

.video-placeholder span{
	height:15%;
	width:100%;
	position:absolute;
	bottom:-10px;
	left:0;
	font-size:1em;
	color:#fff!important;
	text-align:right;
	line-height:3em;
	padding-right:0.75em;
	background:rgba(0, 0, 0, 0.6);
	opacity:0.7;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	cursor:pointer;
	
}
.video-placeholder span:after{
	content:url(../images/ui/play-video-thumb.png);
	width:0.6em;
	height:0.6em;
	vertical-align:middle;
	display:inline;
	float:right;
	margin:0.35em 1em 0 0.25em;
}
.video-placeholder:hover span,
.video-placeholder:focus span{
	background:rgba(0, 137, 188, 0.5);
	opacity:1.0;
}


/*	Custom elements */
rule{
	height:1px;
	line-height:1px;
	width:auto;
	background-color:#ccc;
	margin:1.5em 0;
}

rule + h2{
	margin-top:0!important;
}

.rule-dotted{
	background-color:transparent;
	border-top:1px dotted #ccc;
}

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

/*------------------------------------------------------------
	Helpful.
-------------------------------------------------------------*/

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.float-none{
	float:none;
}

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

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


.block{
	display:block;
}

.inline{
	display:inline!important;
}

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

.center{
	margin:0 auto;
}

.margin-top{
	margin-top:1em!important;
}

.margin-top-2em{
	margin-top:2em;
}

.margin-bottom-3em{
	margin-bottom:3em;
}

.margin-left{
	margin-left:1em;
}

.margin-right{
	margin-right:1em;
}

.no-margin{
	margin:0!important;
}

.no-padding{
	padding:0!important;
}

.no-deco,
.no-deco a{
	text-decoration:none!important;
}

.deco{
	text-decoration:underline!important;
}

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

.strong{
	font-weight:bold;
}

.figcaption{
	font-size:0.75em;
	width:90%;
	padding:1em;
}

.break-word{
	-moz-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	word-wrap:break-word;
}

.debug{
	outline:1px dashed #f60;
}

.shadow{
	-webkit-box-shadow:0.0625em 0.0625em 0.75em 0.1875em rgba(0, 0, 0, .3);
	box-shadow:0.0625em 0.0625em 0.75em 0.1875em 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);
}

.circle{
	display:inline-block;
	text-align:center;
	width:1.25em;
	height:1.25em;
	background-color:#dcd7ce;
	-webkit-border-radius:11.25em;
	border-radius:11.25em; 
}

.circle:hover{
	background-color:#e04854;
}

.circle a:link,
.cirlce a:visited{
	font-size:0.75em;
	text-decoration:none;
	line-height:1.75;
	color:#999!important;/* override colors.css */
	display:block;
	width:100%;
	height:100%;
	padding:0 0.05em 0 0;
	display:block;
	text-align:center;
	text-shadow:1px 1px 1px 0 #eee;
	font-weight:bold;
}

.circle a:hover,
.circle a:active,
.circle a:focus{
	text-decoration:none;
}

.rule-left{
	border-left:1px dotted #ccc;
	padding-left:1.5em;
}

.large{
	font-size:130%;
	line-height:1.4;
}

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

/*	Video snapshot */
.video-snapshot{
	background-color:#fff;
	padding:3%;
	margin:1em 0;
	border-radius:3px;
	position:relative;
	display:inline-block;
}

.hero .video-snapshot{
	padding:1.5%;
}

.video-snapshot h2{
	font-size:0.75em;
	margin:0;
	padding:0;
}

.hero .video-snapshot h2{
	font-size:1em;
}

.video-snapshot p{
	font-size:0.75em;;
	margin:0;
	padding:0;
}

.video-snapshot > a:first-child{
	display:block;
	position:relative;
	padding:0;
	margin:0;
}

.video-snapshot > a:first-child > img{
	position:relative;
	display:block;
	margin-bottom:0.75em;
}

.video-snapshot > a:first-child span{
	background:rgba(0, 0, 0, 0.5);
	display:block;
	position:absolute; 
	bottom:0; 
	text-align:right;
	height:2.75em;
	line-height:2.75em;
	padding:0;
	width:100%;
	color:#fff!important;
	font-size:0.875em;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}

.video-snapshot > a:first-child span:after{
	content:url(../images/ui/play-video-thumb.png);
	width:0.6em;
	height:0.6em;
	vertical-align:middle;
	display:inline;
	float:right;
	margin:0.35em 1.35em 0 0.25em;
}

.video-snapshot > a:first-child:hover span,
.video-snapshot > a:first-child:focus span{
	background:rgba(0, 137, 188, 0.5);
}

.bg-white{
	background-color:#fff;
}

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

.bg-beige-medium{
	background-color:#e5dfd4;
}

.bg-gradient-beige{
	background:-moz-linear-gradient(top,  rgba(229,223,212,0) 0%, rgba(229,223,212,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,223,212,0)), color-stop(100%,rgba(229,223,212,1)));
	background:-webkit-linear-gradient(top,  rgba(229,223,212,0) 0%,rgba(229,223,212,1) 100%);
	background:-o-linear-gradient(top,  rgba(229,223,212,0) 0%,rgba(229,223,212,1) 100%);
	background:-ms-linear-gradient(top,  rgba(229,223,212,0) 0%,rgba(229,223,212,1) 100%);
	background:linear-gradient(to bottom,  rgba(229,223,212,0) 0%,rgba(229,223,212,1) 100%);
}

.edge-burnish{
	-webkit-box-shadow:inset 0 0 30px 3px rgba(123, 121, 117, 0.25);
	box-shadow:inset 0 0 30px 3px rgba(123, 121, 117, 0.25);
}

.profile-listing{
	padding-top:1em;
	padding-bottom:3em;
}

.profile-listing h1{
	font-size:1.5em;
	padding-left:0.25em!important;
	margin:0;
	padding:0;
}

.profile-listing h2{
	font-size:1.175em;
	padding-left:0.35em;
	margin-top:1em;
}

.profile-listing h2:first-child{
	margin-top:0;
	padding-top:0;
}

.profile-listing h1 + h2{
	margin-top:0.5em;
}

.profile-listing a{
	display:block;
	padding:0.35em;
	text-decoration:none;
	color:#444!important;
	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;
}

.profile-listing a:hover,
.profile-listing a:focus{
	background-color:#fbf5ea;
	border-radius:3px;
	color:#e04854!important;
}

.profile-listing h2 + dl,
.profile-listing dl{
	margin:0;
	padding:0;
	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;
}

.profile-listing dl:first-child{
	margin:0;
}

.profile-listing dt{
	font-size:0.75em;
	font-weight:bold;
	margin:0;
	padding:0;
}

.profile-listing dd{
	font-size:0.6875em;
	margin:0;
	padding:0;
}

.multi-col{
	-moz-column-gap:3em;
	-webkit-column-gap:3em;
	-o-column-gap:3em;
	-ms-column-gap:3em;
	column-gap:3em;
	-moz-column-rule-color:#ccc;
	-moz-column-rule-style:dotted;
	-moz-column-rule-width:1px;
	-webkit-column-rule-color:#ccc;
	-webkit-column-rule-style:dotted ;
	-webkit-column-rule-width:1px;
}

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

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

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

.multi-col h2:first-child{
	-webkit-column-span:all;
	column-span:all;
	padding-bottom:0.15em;
}

.keep-together,
.keep-together,
.multi-col h3 + p{
	display:inline-block;
	-webkit-column-break-inside:avoid;
	column-break-inside:avoid;
}

@-moz-document url-prefix(){ 
	.keep-together,
	.keep-together{
		display:table;
	}
}

/* ==========================================================================
	Animatables
   ========================================================================== */
.books{
	position:relative;
	width:100%;
	height:410px;
	margin-top:2.5em;
}

.books div{
	width:22.32142%;
	position:absolute;
	top:20%;
}

.books .left{
	padding-right:1em;
	left:0;
}

.books .right{
	padding-left:1em;
	right:0;
}

#book-third-edition{
	position:absolute;
	z-index:200;
	left:18%;
	top:2%;
}

#book-second-edition{
	position:absolute;
	z-index:100;
	right:18%;
	top:0;
}

.js #book-third-edition{
	left:25%;
}

.js #book-second-edition{
	right:25%;
}

.js .books div{
	top:25%;
}

/* ==========================================================================
	Animation classes
   ========================================================================== */
   
/* slide left */
.animate-slideLeft{
	-webkit-animation:animate-slideLeft 0.3s 1 ease-in-out;
	-webkit-animation-delay:0.3s;
	-webkit-animation-fill-mode:backwards;
	-moz-animation:animate-slideLeft 0.3s 1 ease-in-out;
	-moz-animation-delay:0.3s;
	-moz-animation-fill-mode:backwards;
	-o-animation:animate-slideLeft 0.3s 1 ease-in-out;
	-o-animation-delay:0.3s;
	-o-animation-fill-mode:backwards;
	animation:animate-slideLeft 0.3s 1 ease-in-out;
	animation-delay:0.3s;
	animation-fill-mode:backwards;
}

@-webkit-keyframes animate-slideLeft{
	0%{
		left:30%;
	}
	100%{
		left:20%;
	}
}

@-moz-keyframes animate-slideLeft{
	0%{
		left:30%;
	}
	100%{
		left:20%;
	}
}

@-o-keyframes animate-slideLeft{
	0%{
		left:30%;
	}
	100%{
		left:20%;
	}
}

@keyframes animate-slideLeft{
	0%{
		left:30%;
	}
	100%{
		left:20%;
	}
}

/* slide right */
.section-active .animate-slideRight{
	-webkit-animation:animate-slideRight 0.3s 1 ease-in-out;
	-webkit-animation-delay:0.3s;
	-webkit-animation-fill-mode:backwards;
	-moz-animation:animate-slideRight 0.4s 1 ease-in-out;
	-moz-animation-delay:0.7s;
	-moz-animation-fill-mode:backwards;
	-o-animation:animate-slideRight 0.4s 1 ease-in-out;
	-o-animation-delay:0.7s;
	-o-animation-fill-mode:backwards;
	animation:animate-slideRight 0.4s 1 ease-in-out;
	animation-delay:0.7s;
	animation-fill-mode:backwards;
}

@-webkit-keyframes animate-slideRight{
	0%{
		right:30%;
	}
	100%{
		right:20%;
	}
}

@-moz-keyframes animate-slideRight{
	0%{
		left:20%;
		opacity:0;
		-webkit-transform: scale(0.75);
	}
	100%{
		opacity:1.0;
		-webkit-transform: scale(1.0);
	}
}

@-o-keyframes animate-slideRight{
	0%{
		left:20%;
		opacity:0;
		-webkit-transform: scale(0.75);
	}
	100%{
		opacity:1.0;
		-webkit-transform: scale(1.0);
	}
}

@keyframes animate-slideRight{
	0%{
		left:20%;
		opacity:0;
		-webkit-transform: scale(0.75);
	}
	100%{
		opacity:1.0;
		-webkit-transform: scale(1.0);
	}
}

/* slide up */
.animate-slideUp{
	-webkit-animation:animate-slideUp 0.4s 1 ease-in-out;
	-webkit-animation-delay:0.9s;
	-webkit-animation-fill-mode:backwards;
	-moz-animation:animate-slideUp 0.4s 1 ease-in-out;
	-moz-animation-delay:0.9s;
	-moz-animation-fill-mode:backwards;
	-o-animation:animate-slideUp 0.4s 1 ease-in-out;
	-o-animation-delay:0.9s;
	-o-animation-fill-mode:backwards;
	animation:animate-slideUp 0.4s 1 ease-in-out;
	animation-delay:0.9s;
	animation-fill-mode:backwards;
}

@-webkit-keyframes animate-slideUp{
	0%{
		bottom:-15%;
		opacity:0;
		-webkit-transform: scale(0.75);
	}
	100%{
		opacity:1.0;
		-webkit-transform: scale(1.0);
	}
}

@-moz-keyframes animate-slideUp{
	0%{
		bottom:-15%;
		opacity:0;
		-webkit-transform: scale(0.75);
	}
	100%{
		opacity:1.0;
		-webkit-transform: scale(1.0);
	}
}

@-o-keyframes animate-slideUp{
	0%{
		bottom:-15%;
		opacity:0;
		-webkit-transform: scale(0.75);
	}
	100%{
		opacity:1.0;
		-webkit-transform: scale(1.0);
	}
}

@keyframes animate-slideUp{
	0%{
		bottom:-15%;
		opacity:0;
		-webkit-transform: scale(0.75);
	}
	100%{
		opacity:1.0;
		-webkit-transform: scale(1.0);
	}
}

/* fade in */
.animate-fadeIn{
	-webkit-animation:fadeIn 0.3s 1 ease-in-out;
	-webkit-animation-delay:1.2s;
	-webkit-animation-fill-mode:backwards;
	-moz-animation:fadeIn 0.3s 1 ease-in-out;
	-moz-animation-delay:1.2s;
	-moz-animation-fill-mode:backwards;
	-o-animation:fadeIn 0.3s 1 ease-in-out;
	-o-animation-delay:1.2s;
	-o-animation-fill-mode:backwards;
	animation:fadeIn 0.3s 1 ease-in-out;
	animation-delay:1.2s;
	animation-fill-mode:backwards;
}

@-webkit-keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

@-moz-keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

@-o-keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

@keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

/* fade in (fast) */
.animate-fadeIn-fast{
	-webkit-animation:fadeIn 0.3s 1 ease-in-out;
	-webkit-animation-delay:0.5s;
	-webkit-animation-fill-mode:backwards;
	-moz-animation:fadeIn 0.3s 1 ease-in-out;
	-moz-animation-delay:0.5s;
	-moz-animation-fill-mode:backwards;
	-o-animation:fadeIn 0.3s 1 ease-in-out;
	-o-animation-delay:0.5s;
	-o-animation-fill-mode:backwards;
	animation:fadeIn 0.3s 1 ease-in-out;
	animation-delay:0.5s;
	animation-fill-mode:backwards;
}

@-webkit-keyframes fadeIn-fast{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

@-moz-keyframes fadeIn-fast{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

@-o-keyframes fadeIn-fast{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

@keyframes fadeIn-fast{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

/* fade in (delay) */
.animate-fadeIn-delay{
	-webkit-animation:fadeIn 0.6s 1 ease-in-out;
	-webkit-animation-delay:1.25s;
	-webkit-animation-fill-mode:backwards;
	-moz-animation:fadeIn 0.6s 1 ease-in-out;
	-moz-animation-delay:1.25s;
	-moz-animation-fill-mode:backwards;
	-o-animation:fadeIn 0.6s 1 ease-in-out;
	-o-animation-delay:1.25s;
	-o-animation-fill-mode:backwards;
	animation:fadeIn 0.6s 1 ease-in-out;
	animation-delay:1.25s;
	animation-fill-mode:backwards;
}

@-webkit-keyframes fadeIn-delay{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

@-moz-keyframes fadeIn-delay{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

@-o-keyframes fadeIn-delay{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

@keyframes fadeIn-delay{
	0%{
		opacity:0;
	}
	100%{
		opacity:1.0;
	}
}

/*	misc */
.gradient-divider{
	background-image:url(../images/other/gradient-divider.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-attachment:scroll;
}

.video-questions{
	margin:0;
	padding:0;
}

.video-questions li{
	list-style-type:none;
	margin-bottom:0;
	font-size:0.75em;
	min-height:20px;
}

.video-questions a{
	display:block;
	height:100%;
	padding:0.5em 1em;
	border-bottom:1px dotted #ccc;
	position:relative;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:background 0.2s ease-out;
	-ms-transition:background 0.2s ease-out;
	-o-transition:background 0.2s ease-out;
	transition:background 0.2s ease-out;
}

.video-questions li:last-child a{
	border-bottom:none;
}

.video-questions a:hover,
.video-questions a:focus{
	text-decoration:none;
	background-color:#e5e0d5;
	border-bottom:1px solid #e5e0d5;
	color:#444!important;
}

.video-questions a:hover:after,
.video-questions a:focus:after{
	content:' ';
	height:0;
	position:absolute;
	width:0;
	border:8px solid transparent;
	border-left-color:#e5e0d5;
	left:100%;
	top:50%;
	margin-top:-8px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:background 0.2s ease-out;
	-ms-transition:background 0.2s ease-out;
	-o-transition:background 0.2s ease-out;
	transition:background 0.2s ease-out;
}

.video-questions a.active:link,
.video-questions a.active:visited,
.video-questions a.active:hover,
.video-questions a.active:focus,
.video-questions a.active:active{
	background-color:#4098db;
	border-bottom:1px solid #4098db;
	color:#fff!important;
	cursor:default;
}

.video-questions a.active:link:after,
.video-questions a.active:visited:after,
.video-questions a.active:hover:after,
.video-questions a.active:focus:after,
.video-questions a.active:active:after{
	content:' ';
	height:0;
	position:absolute;
	width:0;
	border:8px solid transparent;
	border-left-color:#4098db;
	left:100%;
	top:50%;
	margin-top:-8px;
}

.feature{
	margin:0 0 0 0;
	width:450px;
}

.feature:after{
    content:  ".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.feature-head{
	padding:6px;
	border-topright-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-topleft-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
}
.feature-head{
	margin-bottom:0;
}

/*---------------------------------------------
	Figure + caption
----------------------------------------------*/
.feature{
	padding-bottom:10px;
}

.feature p{
	font-size:0.75em;
	margin:12px 12px 0 12px;
}

.figure{
	display:inline;
	padding:6px;
	position:relative;
	margin:10px 12px;
	width:400px;
}

.figure img{
	width:400px;
}

.figure p{ /*caption*/
	font-size:0.6875em;
	line-height:1.2;
	width:85%;
	margin:6px;
}

/* -------------------------
	Zoom
----------------------------*/
.zoom{
	position:relative;
	display:block;
}

.zoom span{
	position:absolute;
	display:inline-block;
	z-index:100;
	bottom:8%;
	right:12%;
	width:51px;
	height:51px;
	border-radius:50%;
	background:url(../images/ui/zoom.png) no-repeat center center scroll transparent;
	opacity:0.5;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all.2s ease-out;
	transition:all 0.2s ease-out;
	text-indent:-9999em;
}

.zoom:hover span,
.zoom:focus span{
	-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);
	opacity:0.8;
}

.zoom img{
	position:relative;
}

/* -------------------------
	Slider
----------------------------*/
.slider-outer-wrap{
/*	
	Change these dimensions 
	based on your needs. This
	is the outermost wrapper
	element for the slider
	widget.
	
*/
	width:100%;
	display:block;
	overflow:hidden;
	/*margin:1em auto;*/
	position:relative;
}

/*	plug-in requires a height to be specified */
.slider-blitzer-story{
	height:470px;
	width:90%;
}

.slider-learning-guide{
	height:450px;
	width:90%;
}

.slider-mymathlab{
	height:510px;
	width:90%;
}

.slider-ratti-workit{
	height:530px;
	width:90%;
}

.slider-ratti-support{
	height:470px;
	width:90%;
}

.slider-relevancy{
	height:380px;
}

.slider-art{
	height:500px;
}

.slider{
	width:100%;
	height:100%;
}

.slider > .slide-panel{
	width:100%;
	height:100%;
	position:relative;
}

.js .slide-panel{
	display:none;
	}

.js .slide-panel:first-child{
	display:block;
	}	

/*
	The previous / next controls
	that trigger .ad-group transition.

*/
.slider-directional{
	font-size:3em;
	line-height:75px;
	text-align:center;
	color:#fff!important;
	text-decoration:none;
	display:block;
	width:auto;
	height:80px;
	border-radius:3px;
	padding:0 0.15em;
	background-color:#444;
	position:absolute;
	z-index:98;
	top:37.5%;/*33.33333%;*/
	opacity:0.65;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all.2s ease-out;
	transition:all 0.2s ease-out;
}

.slider-directional:hover,
.slider-directional:focus{
	outline:none;
	color:#fff!important;
	text-decoration:none;
	background-color:#4098db;
	opacity:0.9;
}

.js .slider-directional{
	opacity:0;
}

.slider-outer-wrap:hover .slider-directional{
	opacity:0.75;
}

.slider-prev{
	left:0;
}
.slider-next{
	right:0;
}

.slideshow-pager{
	display:block;
	text-align:center;
	width:100%;
	height:30px;
	position:absolute;
	z-index:300;
	bottom:0em;
}

/* generated dynamically; using CSS3 to render as circles w/number */
.slideshow-pager a:link,
.slideshow-pager a:visited{
	font-weight:normal;
	font-size:0.6875em;
	line-height:16px;
	text-align:center;
	text-decoration:none;
	color:#999!important;
	display:inline-block;
	border-radius:50%;
	width:16px;
	height:16px;
	background-color:#999;
	margin:0 0.65em;
	opacity:0.65;
	-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;
}

.slideshow-pager a:hover,
.slideshow-pager a:active,
.slideshow-pager a:focus{
	opacity:1.0;
	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.0;
	color:#4098db!important;
	background-color:#4098db;
	-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);
}

.slider-relevancy .slider-directional{
	top:30%;
}

/* -------------
Quotes
-------------*/
.pullquote{
	font-size:1em;
	margin-left:20px;
	margin-right:30px;
	margin-top:20px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:5px;
	background-image:url(../images/other/gradient-divider.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-attachment:scroll;
	}
	
/* -----------------
Products	
-------------------/

/* products */
.products{
	height:100%;
	padding:0em 0 0.5em 0;
	margin-left:auto;
	margin-right:auto;
/*	margin:0 auto; */
}

.products li{
	display:inline-block;
	padding:0;
	margin:0 12px 0 0;
	text-align:center;
	width:110px;/*11.666666%;*//*112px*//*12.91666% = 124px*/
}

.products li:first-child{
	margin-left:0px;
}

.products li:last-child{
	margin-right:0;
}

.products li h3{
	font-size:0.75em;
	line-height:1.3;
	padding:0;
	margin:0.25em 0 0.5em 0;
}

.products li p{
	font-size:0.7em;/*0.6875em*/
	line-height:1.3;
}

.products li a{
	text-decoration:none;
	display:block;
	text-align:center;
	margin-bottom:0.65em;
	position:relative;
	background-color:#333;
	overflow:hidden;
	-webkit-box-shadow:0.0625em 0.0625em 0.75em 0.1875em rgba(0, 0, 0, .3);
	box-shadow:0.0625em 0.0625em 0.75em 0.1875em rgba(0, 0, 0, .3);
}

.products li a .overlay{
	white-space:no-wrap;
	display:block;
	width:100%;
	color:#fff;
	text-align:center;
	position:absolute;
	z-index:100;
/*	bottom:30%; */
	left:0;
	padding:0 0.5em;
	-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;
}

.products li a .overlay .button{
	display:block;
	position:absolute;
	z-index:101;
	top:98%;
	left:7.5%;
	width:85%;
	font-size:0.75em;
}

.products li a img{
	display:block;
	width:110px;  
	height:140px;
	-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;
}

.products li a:hover img.product,
.products li a:focus img.product{
	opacity:0.1;
}

.products li a:hover .overlay,
.products li a:focus .overlay{
	top:5%;
	opacity:1.0;
}

/* ==========================================================================
	Blockquotes as speech bubbles
   ========================================================================== */
.speech-bubble{
	position:relative;
	padding:1.25em;
	margin:1em 0 0 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	color:#333;
}

.pointer-bottomLeft:after{
	content:'';
	position:absolute;
	bottom:-25px;
	left:3.15em;
	border-width:0 20px 25px 0px;
	border-style:solid;
	border-color:transparent;
    display:block; 
    width:0;
}

.pointer-bottomLeft + cite{
	display:block;
	font-size:0.825em;
	margin:0.5em 0 2em 6.44em;
}

.pointer-bottomRight:after{
	content:'';
	position:absolute;
	bottom:-25px;
	right:3.15em;
	border-width:0 0 25px 20px;
	border-style:solid;
	border-color:transparent;
    display:block; 
    width:0;
}

.pointer-bottomRight + cite{
	display:block;
	font-size:0.825em;
	text-align:right;
	margin:0.5em 6.44em 2em 0;
}

.pale-yellow{
	background-color:#f8c683;
	border-color:#f8c683;
}

.pale-green{
	background-color:#d6e6ba;
	border-color:#d6e6ba;
}

.pale-blue{
	background-color:#c3e3ef;
	border-color:#c3e3ef;
}

.pale-yellow:after,
.pale-green:after,
.pale-blue:after{
	border-right-color:inherit;
	border-left-color:inherit;
}