/* -- Global Styles -- */

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'open sans', sans-serif;
	font-weight: 400;
}

::selection {
	background: #92CFE1;
}

::-moz-selection {
	background: #92CFE1;
}

::-webkit-input-placeholder {
	font-style: italic;
	font-weight: 300;
	color: #777;
}

:-moz-placeholder {
	font-style: italic;
	font-weight: 300;
	color: #777;
}

::-moz-placeholder {
	font-style: italic;
	font-weight: 300;
	color: #777;
}

:-ms-input-placeholder {
	font-style: italic;
	font-weight: 300;
	color: #777;
}

a {
	outline: none;
	color: #AF2292;
	text-decoration: none;
}

a:hover {
	color: #C837AA;
}

audio {
	width: 70%;
	box-shadow: 0;
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	overflow: visible;
	margin: 10px 0;
}

blockquote {
	margin: 40px 30px;
	padding-top: 5px;
	font-family: 'minion-pro';
	font-style: italic;
	font-size: 22px;
	line-height: 25px;
	color: #222;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	background: url(/images/common/blockquote-top-1x.png) center top no-repeat;
}

blockquote p:last-child {
	padding-bottom: 25px;
	background: url(/images/common/blockquote-bottom-1x.png) center bottom no-repeat;
}

blockquote .attribute {
	font-family: 'Open Sans';
	font-style: normal;
	font-size: 13px;
	line-height: 17px;
}

img {
	border: 0;
}

p {
	width: 100%;
	margin: 20px 0;
	/*overflow: hidden;*/
}

object {
	padding: 0;
	margin: 0;
	outline: 0;
	border: 0;
	outline: none;
}


.simple-quotes blockquote {
	margin: 40px;
	padding: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	text-align: inherit;
	-webkit-font-smoothing: inherit;
	background: none;
}

.simple-quotes blockquote p:last-child {
	padding: 0;
	background: none;
}

.simple-quotes blockquote .attribute {
	margin-top: -10px;
	font-family: inherit;
	font-style: inherit;
	font-size: inherit;
	line-height: inherit;
	font-size: 15px;
	font-style: italic;
	color: #777;
	text-align: right;
}

hr {
	height: 1px;
	background: none;
	border: none;
	border-top: 1px solid #DDD;
}

th {
	padding: 3px 0 15px;
}


td {
	padding: 4px 0;
	border-bottom: 1px solid #DDD;
}

tr:last-child td {
	border-bottom: 0;
}

.anchor {
	position: relative;
	display: block;
	margin-top: -50px;
	height: 30px;
	width :0;
	visibility: hidden;
}



/* -- Forms -- */

form {
	margin: 0;
	padding: 0;
}

input,
textarea,
select {
	outline: none;
}

input.input,
textarea.textarea {
	display: block;
	width: 96%;
	height: 20px;
	margin: 0;
	padding: 15px 2%;
	font-size: 16px;
	line-height: 20px;
	border: 1px solid #CCC;
	background: #FFF;
	font-family: 'open sans', sans-serif;
}

input.input-sm {
	padding: 5px;
	border: 1px solid #CCC;
	background: #FFF;
	font-family: 'open sans', sans-serif;
}

select.select {
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	border: 1px solid #CCC;
}

textarea.textarea {
	height: 100px;
	overflow: auto;
}

label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	padding: 0 0 5px;
}

label.check-label {
	display: inline-block;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	text-transform: none;
}


.editable-popup-block label  {
	font-weight: normal;
	font-size: 12px;
	padding: 0;
}

div#editable-popup-upload p.uploader a.btn {
	width: 89%;
}


/* Disable RTE upload globally on the front end (files only) */
.editable-popup-block .upload {
	display: none !important;
}

.editable-popup-block #editable-popup-image .upload {
	display: block !important;
}


/* -- Blocks -- */

.block,
.left,
.right,
.clear,
.autoclear {
	display: block;
	position: relative;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.autoclear {
	width: 100%;
	overflow: hidden;
}

.center {
	text-align: center;
}

.center .button,
.center .button-lg {
	margin: auto;
}

.hidden {
	display: none !important;
}

.small {
	font-size: 80%;
}

.mobile {
	display: none;
}

.photo-left,
.photo-right,
.photo-center {
	position: relative;
	display: block;
	float: left;
	margin: 5px 15px 5px 0;
}

.photo-right {
	float: right;
	margin: 5px 0 5px 15px;
}

.photo-center {
	float: none;
	margin: 0 auto;
}

.photo-left img,
.photo-right img,
.photo-center img {
	display: block;
	border: 0;
	margin-bottom: 5px;
}

.photo-center img {
	margin-left: auto;
	margin-right: auto;
}

.caption {
	margin: 0;
	font-size: 80%;
	color: #777;
}

.detail {
	color: #777;
	font-size: 80%;
}


/* -- Messages -- */

.flash-success,
.flash-error,
.flash-warning,
.flash-notice {
	display: block;
	width: auto;
	padding: 10px;
	margin: 25px 0;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	background: #A5208E;
	text-align: center;
}

.none-found {
	text-align: center;
	padding: 70px 0;
	font-size: 1.2em;
}



/* -- Wrapper -- */

div#wrapper {
	position: relative;
	text-align: center;
	width: 100%;
	overflow: hidden;
}


/* -- Header -- */

div#header {
	position: relative;
	width: 962px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: left;
	background: url(../images/common/header-bg-1x.png) 0 30px repeat-x;
}

div#header-logo {
	position: relative;
	float: left;
	height: 79px;
	margin: 0 0 23px 7px;
	overflow: hidden;
}

div#header-logo h1 {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 12px;
}

div#header-logo h1 a {
	position: relative;
	display: block;
	width: 473px;
	height: 79px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/common/logo-1x.png) no-repeat;
}

div#header-logo .tagline {
	display: none;
}

div#header-links {
	position: relative;
	float: right;
	max-width: 50%;
	text-align: right;
}

div#header-buttons {
	position: relative;
	padding-right: 6px;
}

a#header-link-cart {
	display: block;
	float: left;
	width: 26px;
	height: 21px;
	overflow: hidden;
	margin-right: 6px;
	text-indent: 9999px;
	background: url(../images/common/cart-1x.png) no-repeat;
}

a#header-link-cart:hover {
	background-position: 0 -21px;
}

div#header-buttons a.button {
	position: relative;
	display: block;
	float: left;
	width: 70px;
	height: 21px;
	overflow: hidden;
	margin-right: 4px;
	font-weight: 800;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	background: #68AFC3;
	border-radius: 4px;
}

div#header-buttons a.button:hover {
	background: #89CFE2;
}

div#header-social {
	position: relative;
	display: block;
	float: right;
	clear: both;
	padding: 21px 10px 0 0;
}

div#header-social a {
	display: block;
	float: left;
	width: 27px;
	height: 21px;
	overflow: hidden;
	text-indent: 9999px;
	background: url(../images/common/social-sm-1x.png) no-repeat;
}

div#header-social a.twitter:hover {
	background-position: 0 -21px;
}

div#header-social a.facebook {
	background-position: -27px 0;
}

div#header-social a.facebook:hover {
	background-position: -27px -21px;
}

div#header-social a.instagram {
	background-position: -141px 0;
}

div#header-social a.instagram:hover {
	background-position: -141px -21px;
}

div#header-social a.pinterest {
	background-position: -54px 0;
}

div#header-social a.pinterest:hover {
	background-position: -54px -21px;
}

div#header-social a.youtube {
	background-position: -81px 0;
}

div#header-social a.youtube:hover {
	background-position: -81px -21px;
}

div#header-social a.rss {
	background-position: -108px 0;
}

div#header-social a.rss:hover {
	background-position: -108px -21px;
}

div#nav {
	position: relative;
	clear: both;
	height: 52px;
}

div#mobile-menu-trigger {
	display: none;
}

div#mobile-menu-trigger,
div#nav ul {
	position: relative;
	top: 0;
	z-index: 999;
	height: 52px;
	font-size: 16px;
	line-height: 52px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #33009C;
}

div#nav ul li {
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
}

div#mobile-menu-trigger a,
div#nav ul li a.top {
	display: block;
	padding: 0;
	color: #FFF;
	height: 100%;
	text-align: center;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

div#mobile-menu-trigger a span {
	display: inline-block;
	padding-left: 23px;
	background: url(../images/common/mobile-menu-1x.png) left center no-repeat;
}

div#nav ul li a.top:hover {
	background: #5C33B0;
}

div#nav ul li#nav-home a.top {
	width: 90px;
}

div#nav ul li#nav-practices a.top {
	width: 113px;
}

div#nav ul li#nav-ecourses a.top {
	width: 113px;
}

div#nav ul li#nav-films a.top {
	width: 75px;
}

div#nav ul li#nav-books a.top {
	width: 84px;
}

div#nav ul li#nav-arts a.top {
	width: 67px;
}

div#nav ul li#nav-quotes a.top {
	width: 96px;
}

div#nav ul li#nav-blogs a.top {
	width: 81px;
}

div#nav ul li#nav-explorations a.top {
	width: 151px;
}

div#nav ul li#nav-about a.top {
	width: 92px;
}

div#nav ul li.selected a.top,
div#nav ul li.selected a.top:hover,
div#nav ul li.active a.top,
div#nav ul li.active a.top:hover {
	background: #A5208E;
}

div#nav ul li ul.menu {
	display: none;
	position: absolute;
	left: 0;
	top: auto;
	width: 100%;
	z-index: 9999;
	height: auto;
	background: #F7F7F7;
	border-top: 5px solid #A90691;
	border-bottom: 1px solid #BBB;
}

div#nav ul li ul.menu ul {
	height: auto;
	background: none;
	overflow: hidden;
}

div#nav ul li ul.menu li {
	float: left;
	width: auto;
	height: auto;
	font-weight: 600;
	font-size: 13px;
	line-height: 15px;
	margin: 20px 0 0 10px;
	margin-right: 0;
}

div#nav ul li ul.menu li.menu-span-1 {
	width: 228px;
}

div#nav ul li ul.menu li.menu-span-2  {
	width: 466px;
	overflow: hidden;
}

div#nav ul li ul.menu li.menu-span-2 ul  {
	float: left;
	width: 49%;
	padding-right: 1%;
}

div#nav ul li ul.menu li.menu-span-3  {
	width: 704px;
	overflow: hidden;
}

div#nav ul li ul.menu li.menu-span-3 ul {
	float: left;
	width: 32%;
	padding-right: 1%;
}

div#nav ul li ul.menu li.menu-span-4  {
	width: 942px;
	overflow: hidden;
}

div#nav ul li ul.menu li.menu-span-4 ul {
	float: left;
	width: 24%;
	padding-right: 1%;
}

div#nav ul li ul.menu li span.title {
	display: block;
	font-size: 17px;
	line-height: 30px;
	border-bottom: 1px solid #BBB;
	margin-bottom: 5px;
	color: #333;
}

div#nav ul li ul.menu li ul {
	margin-bottom: 20px;
}

div#nav ul li ul.menu li ul li {
	float: none;
	width: 100%;
	height: auto;
	margin: 7px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #A5208E;
}


/* -- Search Popup -- */

div#search {
	overflow: hidden;
}

div#search a.close {
	display: block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	float: right;
	background: url(../images/common/close-1x.png) no-repeat;
}

div#search a.close:hover {
	background-position: 0 bottom;
}

div#search p.intro {
	padding: 0 50px;
	margin: 0 0 5px;
	font-family: 'minion-pro';
	font-style: italic;
	font-size: 23px;
	color: #333;
}

div#search form {
	padding: 10px 50px 25px;
	height: 50px;
	overflow: hidden;
}

div#search form p {
	margin: 0;
	padding: 0;
}

div#search form input.input {
	float: left;
	width: 312px;
	height: 34px;
	padding: 7px 10px;
	border: 1px solid #CCC;
	border-right: 0;
	font-size: 22px;
	line-height: 34px;
}

div#search form a.submit {
	display: block;
	float: left;
	width: 100px;
	height: 40px;
	background: #AA2F8F;
	color: #FFF;
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

div#search form a.submit:hover {
	background: #C837AA;
}

/* -- Content -- */

div#content {
	width: 962px;
	min-height: 600px;
	padding: 40px 0 0;
	margin: auto;
	text-align: left;
}

h2 {
	margin: 0 0 35px;
	font-weight: 300;
	font-size: 50px;
	line-height: 54px;
	letter-spacing: -1px;
	text-align: center;
	cursor: default;
}

div#page-header {
	text-align: center;
	padding: 0 80px;
	margin-bottom: 27px;
}

div#page-header h2 {
	margin-bottom: 10px;
}

div#page-header h2 .subtitle {
	display: block;
	font-size: 22px;
	line-height: 28px;
	font-weight: 400;
	margin-top: 10px;
}

div#page-header .byline {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 16px;
	color: #222;
}

div#page-header .byline a {
	color: #222;
}

div#page-header .byline a:hover {
	text-decoration: underline;
}

div#page-header .summary {
	font-family: 'minion-pro';
	font-style: italic;
	font-size: 25px;
	line-height: 27px;
	color: #222;
	-webkit-font-smoothing: antialiased;
}

div#page-header .summary ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#page-header .summary ul li {
	margin: 0 0 18px;
	padding-left: 20px;
	background: url(../images/common/bullet-1x.png) 0 7px no-repeat;
}

div#page-header.inline {
	position: relative;
	text-align: left;
	padding: 0;
}

div#page-header.inline h2 {
	margin-bottom: 15px;
	margin-right: 40px;
	text-align: left;
}

div#page-header.inline .summary {
	margin: 35px 10px 35px 0;
}

div#page-header.inline .awards-badge {
	position: relative;
	float: right;
	top: 0;
	right: 0;
	margin-right: 5px;
}

div.article-layout {
	/*width: 98%;*/
	width: 623px;
	overflow: hidden;
}

div.article-layout h3 {
	margin: 10px 0 2px;
	padding-bottom: 7px;
	font-size: 18px;
	font-weight: 600;
	color: #222;
	border-bottom: 1px solid #DDD;
	cursor: default;
}

div.article-layout h3 a {
	color: #222;
}

div.article-layout h3 a:hover {
	color: #666;
}

div.article-share {
	float: left;
	width: 30px;
	padding: 24px 0 0 3px;
}

div.article-text {
	float: right;
	width: 580px;
	font-size: 17px;
	line-height: 28px;
}

div.article-text h4 {
	margin: 56px 0 4px;
	font-size: 20px;
	font-weight: 600;
	color: #222;
}

div.article-text h4:nth-child(2) {
	margin-top: 20px;
}

div.article-text h4 img {
	display: inline-block;
	width: initial !important;
	height: initial !important;
	vertical-align: middle;
	margin-right: 3px;
}

div.article-text p {
	width: 100%;
	overflow: hidden;
}

div.article-text ul {
	margin: 25px 0;
	padding: 0;
	list-style: none;
}

div.article-text ul li {
	margin-left: 0;
	padding-left: 20px;
	padding-bottom: 12px;
	background: url(../images/common/bullet-1x.png) 0 8px no-repeat;
}

div.article-text ol {
	width: 100%;
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
	overflow: hidden;
}

div.article-text ol li {
	float: left;
	width: 49%;
	margin: 0 0 20px;
	padding: 0 1% 0 0;
	overflow: hidden;
	line-height: 23px;
}

div.article-text ol li img {
	float: left;
	margin-right: 10px;
}

div.article-layout a.button {
	display: inline-block;
	padding-left: 16px;
	padding-right: 16px;
}

div.hero {
	position: relative;
	margin-bottom: 16px;
}

div.hero img {
	display: block;
}

a.awards-badge {
	display: block;
	position: absolute;
	z-index: 10;
	right: 20px;
	top: 20px;
	width: 117px;
	height: 117px;
	font-family: 'minion-pro', times;
	color: #FFF;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	background: url(../images/common/badge-1x.png) no-repeat;
}

a.awards-badge:hover {
	background-position: 0 -117px;
}

a.awards-badge span.year {
	display: block;
	padding: 23px 0 5px;
	font-size: 26px;
	line-height: 26px;
	font-weight: 700;
}

a.awards-badge span.text {
	display: block;
	font-weight: 600;
	font-style: italic;
	font-size: 19px;
	line-height: 20px;
	letter-spacing: -1px;
}

div.share {
	position: relative;
	z-index: 10;
	width: 22px;
}

div.share a {
	display: block;
	width: 22px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
}

div.share a {
	display: block;
	width: 22px;
	height: 26px;
	margin-bottom: 13px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/common/share-1x.png) no-repeat;
}

div.share a.share-twitter {
	background-position: 0 0;
}

div.share a.share-twitter:hover {
	background-position: -30px 0;
}

div.share a.share-facebook {
	background-position: 0 -37px;
}

div.share a.share-facebook:hover {
	background-position: -30px -37px;
}

div.share a.share-email {
	background-position: 0 -79px;
}

div.share a.share-email:hover {
	background-position: -30px -79px;
}

div.share a.share-print {
	background-position: 0 -119px;
}

div.share a.share-print:hover {
	background-position: -30px -119px;
}

div.mobile-share-trigger {
	display: none;
}

.button,
.button-lg {
	display: block;
	height: 29px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	font-family: 'open sans', sans-serif;
	font-size: 11px;
	font-weight: 800;
	line-height: 28px;
	letter-spacing: 1px;
	letter-spacing: .5px;
	text-transform: uppercase;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	background: #A5208E;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
}

.button-lg {
	height: 49px;
	font-size: 15px;
	line-height: 48px;
}

.button:hover,
.button-lg:hover {
	color: #FFF;
	background: #C837AA;
}

input.button,
input.button-lg {
	padding-left: 20px;
	padding-right: 20px;
}



/* -- Columns -- */

.columns {
	width: 100%;
	overflow: hidden;
}

.columns .column {
	display: block;
	float: left;
	margin-left: 16px;
}

.columns .column.span1 {
	width: 310px;
}

.columns .column.span1-tab {
	width: 310px;
	float: left;
	margin-left: 16px;
}

.columns .column.span2 {
	width: 636px;
}

.columns .column:first-child {
	margin-left: 0;
}


/* -- Grids and Layouts -- */

div.grid {
	width: 100%;
	overflow: hidden;
}

div.grid .item-list {
	width: 110%;
}

div.grid .item {
	position: relative;
	float: left;
	width: 188px;
	height: 103px;
	padding: 10px 10px 10px 110px;
	margin: 0 16px 16px 0;
	border: 1px solid #DDD;
	cursor: default;
}

div.grid .item img {
	display: block;
	position: absolute;
	z-index: 2;
	top: -1px;
	left: -1px;
}

div.grid .item .text {
	display: block;
	height: 80px;
	overflow: hidden;
}

div.grid .item .text .title {
	display: block;
	font-size: 17px;
	font-weight: bold;
	padding: 8px 0 6px;
	width: 100%;
	/*
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	*/
}

div.grid .item .text .byline {
	display: block;
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 4px;
	color: #777;
}

div.grid .item .text .byline a {
	color: #777;
}

div.grid .item .text .byline a:hover {
	color: #444;
}

div.grid .item .text .summary {
	display: block;
	width: 95%;
	font-size: 13px;
	color: #333;
}

div.grid .item .text .category,
div.grid .item .text .practice {
	display: inline-block;
	margin: 10px 0 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5BAFC4;
}

div.grid .item .text a.category:hover,
div.grid .item .text a.practice:hover {
	color: #89CFE2;
}

div.grid-lg .item {
	width: 298px;
	height: 170px;
	padding-left: 163px;
}

div.grid-lg .item .text {
	padding-left: 10px;
	height: 165px;
	overflow: hidden
}

div.grid-lg .item .text .title {
	padding-bottom: 9px;
}

div.grid-lg .item .text .byline {
	padding-bottom: 8px;
}

div.grid-lg .item .text .summary {
	font-size: 14px;
	line-height: 16px;
}

div.landing-list .item {
	height: 97px;
	margin-bottom: 16px;
	overflow: hidden;
}

div.landing-list .item img {
	display: block;
	float: left;
	margin-right: 10px;
}

div.landing-list .item .title {
	display: block;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 3px 0 5px;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}

div.landing-list .item .byline {
	display: block;
	height: 15px;
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #777;
}

div.landing-list .item .byline a {
	color: #777;
}

div.landing-list .item .byline a:hover {
	color: #444;
}

div.landing-list .item .summary {
	display: block;
	font-size: 13px;
	line-height: 16px;
	color: #202020;
}

div.landing-list div.box-button {
	padding-top: 20px;
}

div.landing-list .item-list {
	overflow: hidden;
}

div.landing-list .item-list .item {
	float: left;
	width: 48%;
	padding-right: 2%;
}

div.landing-list .item-list-full .item {
	width: 90%;
}

div.landing-list .text-list .item  {
	height: auto;
	border-top: 1px solid #DDD;
	padding: 25px 20px 30px;
	margin: 0;
}


div.landing-list .text-list .item .title {
	height: 28px;
	font-size: 22px;
	line-height: 24px;
	font-weight: 300;
	padding-top: 0;
}

div.landing-list .text-list .item .summary {
	font-size: 16px;
	color: #333;
}

ul.link-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.link-list li {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0 0 8px;
	font-size: 13px;
	font-weight: 700;
	color: #A5208E;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#related .content {
	padding-top: 8px;
	padding-bottom: 18px;
}

#related ul.link-list {
	text-transform: uppercase;
}


/* -- Category Icon List -- */

div.category-icons {
	width: 100%;
	overflow: hidden;
}

div.category-icons a {
	display: block;
	float: left;
	width: 50%;
	height: 35px;
	margin-bottom: 14px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	overflow: hidden;
}

div.category-icons a span.icon {
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	margin-right: 5px;
	background: url(../images/common/category-icons-1x.png) no-repeat;
}

div.category-icons a span.label {
	display: block;
	padding: 11px 4px 0 0;
}

div.category-icons a.cat-art-photography span.icon {
	background-position: 0 0;
}

div.category-icons a.cat-art-photography span.label {
	padding-top: 3px;
}

div.category-icons a.cat-articles span.icon {
	background-position: 0 -35px;
}

div.category-icons a.cat-audio-clips span.icon {
	background-position: 0 -70px;
}

div.category-icons a.cat-blog-posts span.icon {
	background-position: 0 -105px;
}

div.category-icons a.cat-editors-picks span.icon {
	background-position: 0 -140px;
}

div.category-icons a.cat-books span.icon {
	background-position: -35px 0;
}

div.category-icons a.cat-book-excerpts span.icon {
	background-position: -35px -35px;
}

div.category-icons a.cat-childrens-books span.icon {
	background-position: -35px -70px;
}

div.category-icons a.cat-childrens-books span.label {
	padding-top: 3px;
}

div.category-icons a.cat-discussion-guides span.icon {
	background-position: -35px -105px;
}

div.category-icons a.cat-discussion-guides span.label {
	padding-top: 3px;
}
div.category-icons a.cat-films span.icon {
	background-position: -70px 0;
}

div.category-icons a.cat-e-courses span.icon {
	background-position: -70px -35px;
}

div.category-icons a.cat-personal-explorations span.icon {
	background-position: -70px -70px;
}

div.category-icons a.cat-personal-explorations span.label {
	padding-top: 3px;
}

div.category-icons a.cat-program-plans span.icon {
	background-position: -70px -140px;
}

div.category-icons a.cat-related-topics span.icon {
	background-position: -35px -140px;
}

div.category-icons a.cat-interviews span.icon {
	background-position: -70px -105px;
}

div.category-icons a.cat-memes span.icon {
	background-position: -105px 0;
}

div.category-icons a.cat-music span.icon {
	background-position: -105px -35px;
}

div.category-icons a.cat-poetry span.icon {
	background-position: -105px -70px;
}

div.category-icons a.cat-prayers-mantras span.icon {
	background-position: -105px -105px;
}

div.category-icons a.cat-prayers-mantras span.label {
	padding-top: 3px;
}

div.category-icons a.cat-quotes span.icon {
	background-position: -140px 0;
}

div.category-icons a.cat-rituals-ceremonies span.icon {
	background-position: -140px -35px;
}

div.category-icons a.cat-rituals-ceremonies span.label {
	padding-top: 3px;
}

div.category-icons a.cat-spiritual-practices span.icon {
	background-position: -140px -70px;
}

div.category-icons a.cat-spiritual-practices span.label {
	padding-top: 3px;
}

div.category-icons a.cat-take-action span.icon {
	background-position: -140px -105px;
}

div.category-icons a.cat-teachers span.icon {
	background-position: -175px 0;
}

div.category-icons a.cat-teaching-stories-scenes span.icon {
	background-position: -175px -35px;
}

div.category-icons a.cat-teaching-stories-scenes span.label {
	padding-top: 3px;
}

div.category-icons a.cat-video-clips span.icon {
	background-position: -175px -70px;
}

div.category-icons a.cat-websites-organizations span.icon {
	background-position: -175px -105px;
}

div.category-icons a.cat-websites-organizations span.label {
	padding-top: 3px;
}



/* --  Boxes -- */

div.box {
	width: 100%;
	margin-bottom: 16px;
	background: #EEE;
}

div.box h3 {
	display: block;
	height: 60px;
	margin: 0;
	font-family: 'minion-pro', serif;
	font-weight: normal;
	font-size: 26px;
	line-height: 59px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	cursor: default;
	color: #FFF;
	background: #68AFC3;
}

div.box h4 {
	margin: 0;
	padding: 24px 18px 0;
	font-weight: normal;
	font-size: 23px;
	color: #777;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	border-top: 1px solid #FFF;
	cursor: default;
}

div.box h4:first-child {
	border-top: none !important;
}

div.box h5 {
	margin: 0;
	padding: 12px 10px;
	font-weight: bold;
	font-size: 17px;
	color: #FFF;
	background: #A6A6A6;
	text-align: center;
	cursor: default;
}

div.box h6 {
	margin: 0 0 24px;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #333;
	cursor: default;
}

div.box .content {
	padding: 18px;
}

div.box .content .input,
div.box .content .textarea {
	width: 95%;
}

div.box .box-button {
	padding-top: 10px;
	text-align: center;
}

div.box .box-button .button {
	width: 168px;
	margin: auto;
}

div.box-light {
	background: #FFF;
}

div.box-light .content {
	border: 1px solid #DDD;
}

div.box-light .no-top {
	border-top: 0;
}

div.box-light .content p {
	margin: 0;
	padding: 2px 0 6px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
}

div.box-special {
	padding: 18px;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	cursor: default;
	background: #A5208E;
	color: #FFF;
}

div.box-special h3 {
	margin: 0 0 20px;
	font-weight: normal;
	font-size: 23px;
	line-height: 25px;
	text-transform: uppercase;
}

div.box-special p {
	margin: 0 0 5px;
}

div.box-special a {
	color: #FFF;
	text-decoration: underline;
}

div.box-special ul {
	list-style: none;
	padding: 5px 0 10px;
	margin: 0;
}

div.box-special ul li {
	margin: 0;
	padding: 0 0 0 19px;
	background: url(../images/common/bullet-reverse-1x.png) 0 8px no-repeat;
}

div.box-special a:hover {
	color: #EDD2E8;
}

div.sidebar {
	background: #EEE;
}

div.sidebar-image {
	text-align: center;
	background: #EEE;
}

div.sidebar-image img {
	display: block;
	margin: auto;
	width: 310px;
	max-width: 310px;
	height: auto;
}

div#more-resources {
	padding-top: 25px;	
}


/* --  Tabs  -- */

div.tabs {
	display: table;
	width: 100%;
	height: 42px;
	margin: 35px 0 45px;
	background: #EEE;
}

div.tabs a {
	display: table-cell;
	position: relative;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 42px;
	color: #333;
	border-left: 1px solid #FFF;
}

div.tabs a.selected span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #68AFC3;
}

div.tabs a:first-child {
	border-left: 0;
}

div.tabs a:hover {
	background: #DDD;
}

div.tabs a.selected {
	color: #FFF;
	background: #68AFC3;
}

div.tabs-tier {
	margin-top: -25px;
	margin-bottom: 65px;
	text-align: center;
	border-bottom: 1px solid #DEDEDE;
}

div.tabs-tier a {
	position: relative;
	display: inline-block;
	padding: 9px 15px;
	color: #333;
	text-align: center;
}

div.tabs-tier a:hover {
	color: #777;
}

div.tabs-tier a.selected {
	font-weight: 600;
	padding-left: 14px;
	padding-right: 14px;
	color: #68AFC3;
}

div.tabs-tier a.selected span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	margin-top: 9px;
	width: 18px;
	height: 9px;
	background: url(../images/common/tab-tier-arrow-1x.png) no-repeat;
}


/* -- Comments -- */

div#comments {
	padding-top: 40px;
}

div#comments h2 {
	margin: 20px 0;
	font-size: 40px;
	line-height: 46px;
	font-weight: 300;
	text-align: left;
}

div#comments h3 {
	padding-bottom: 0;
}

div#comments div.comment {
	margin-bottom: 20px;
}

div#comments div.comment .detail {
	padding-bottom: 15px;
}


div#comments-form {
	margin-top: 20px;
}

/* -- Pagination -- */

div.pagination {
	text-align: center;
	margin: 20px 0;
	font-size: 13px;
}

div.pagination a.button {
	display: inline-block;
	width: 137px;
	margin: 0 8px;
}

div.pagination a.prev {
	display: block;
	float: left;
	padding-left: 21px;
	line-height: 16px;
	font-weight: 600;
	background: url(../images/common/page-prev-1x.png) no-repeat;
	text-transform: uppercase;
}

div.pagination a.prev:hover {
	background-position: 0 -16px;
}

div.pagination a.next {
	display: block;
	float: right;
	padding-right: 21px;
	line-height: 16px;
	font-weight: 600;
	background: url(../images/common/page-next-1x.png) right 0 no-repeat;
	text-transform: uppercase;
}

div.pagination a.next:hover {
	background-position: right -16px;
}

div.pagination span.numbers {
	display: inline-block;
	line-height: 16px;
}

div.pagination span.numbers a {
	display: inline-block;
	padding: 0 3px;
}

div.pagination span.numbers a.selected {
	color: #000;
	font-weight: bold;
}

div.navigate {
	text-align: center;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
}

div.navigate .prev {
	display: inline-block;
	width: 120px;
	margin: 0 5px;
}

div.navigate .next {
	display: inline-block;
	width: 120px;
	margin: 0 5px;
}

/* -- Popup -- */

div#popup-bg {
	background: rgba(0,0,0,.5);
}

div#popup {
	background: #FFF;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}


/* -- Carousels -- */

div#carousel {
	position: relative;
	margin-bottom: 16px;
}


div#carousel a.carousel-prev,
div#carousel a.carousel-next {
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: 9999px;
	background: url(../images/common/arrows-1x.png) no-repeat;
}

div#carousel-nav a:hover {
	background-position: 0 -42px;
}

div#carousel a.carousel-prev {
	margin-left: -20px;
}

div#carousel a.carousel-next {
	margin-right: -20px;
	background-position: -42px 0;
}

div#carousel a.carousel-next:hover {
	background-position: -42px -42px;
}

div#carousel-items {
	width: 100%;
	height: 468px;
	overflow: hidden;
}

div#carousel-items a {
	display: block;
	position: relative;
	float: left;
	width: 962px;
	height: 468px;
	overflow: hidden;
}

div#carousel-items a img {
	display: block;
}

div#carousel-items a .overlay {
	display: block;
	position: absolute;
	width: 100%;
	height: 104px;
	margin-top: -104px;
	text-align: center;
	background: #F2F2F2;
	background: rgba(255,255,255,.8);
}

div#carousel-items a .overlay .label {
	display: block;
	position: absolute;
	left: 50%;
}

div#carousel-items a .overlay .label span {
	display: block;
	position: relative;
	left: -50%;
	padding: 3px 10px 3px 12px;
	margin-top: -14px;
	font-family: 'minion-pro', serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	color: #FFF;
	background: #68AFC3;
}

div#carousel-items a .overlay .title {
	display: block;
	position: relative;
	padding: 20px 0 5px;
	font-weight: 300;
	font-size: 40px;
	line-height: 42px;
	color: #000;
}

div#carousel-items a .overlay .summary {
	display: block;
	position: relative;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000;
}


div#sidebar-gallery .carousel {
	width: 310px;
	height: 208px;
	overflow: hidden;
}

div#sidebar-gallery .carousel img {
	display: block;
	width: 310px;
	height: 208px;
}

div#sidebar-gallery a.carousel-prev,
div#sidebar-gallery a.carousel-next {
	width: 26px;
	height: 26px;
	overflow: hidden;
	text-indent: 9999px;
	background: url(../images/common/arrows-sm-1x.png) no-repeat;
}

div#sidebar-gallery a.carousel-prev {
	margin-left: -13px;
}

div#sidebar-gallery a.carousel-prev:hover {
	background-position: 0 -26px;
}

div#sidebar-gallery a.carousel-next {
	margin-right: -13px;
	background-position: -26px 0;
}

div#sidebar-gallery a.carousel-next:hover {
	background-position: -26px -26px;
}



div#search-promo {
	padding-top: 85px;
	background: url(../images/common/search-promo-1x.png) center 0 no-repeat;
	text-align: center;
	color: #1F1F1F;
}

div#search-promo span.title {
	display: block;
	padding-bottom: 15px;
	text-transform: uppercase;
	font-size: 19px;
	cursor: default;
}

div#search-promo span.summary {
	display: block;
	font-size: 15px;
	cursor: default;
}

div#search-promo span.list {
	display: block;
	padding: 5px 0 27px;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	color: #212121;
	cursor: default;
}



/* -- Videos -- */

div#videos {
	position: relative;
	height: 355px;
	clear: both;
}

div#videos-player {
	position: absolute;
	width: 100%;
	z-index: 4;
}

div#videos-nav {
	position: absolute;
	z-index: 4;
	right: 0;
	bottom: 0;
	height: 20px;
	overflow: hidden;
	padding: 20px;
	line-height: 20px;
	color: #FFF;
	-webkit-font-smoothing: antialiased;
}

div#videos-nav a {
	display: block;
	float: left;
	width: 12px;
	height: 20px;
	overflow: hidden;
	background: url(../images/pages/films/video-nav-1x.png) no-repeat;
}

div#videos-nav a.prev:hover {
	background-position: left bottom;
}

div#videos-nav a.next {
	background-position: right top;
}

div#videos-nav a.next:hover {
	background-position: right bottom;
}

div#videos-nav .number {
	display: block;
	float: left;
	padding: 0 8px;
	font-size: 16px;
	font-style: italic;
	line-height: 20px;
	cursor: default;
}

div#videos-overflow {
	position: relative;
	height: 355px;
	overflow: hidden;
}

div#videos-items {
	position: relative;
	width: 99999px;
	height: 355px;
}

div#videos-items div.item {
	display: block;
	float: left;
	width: 636px;
	height: 355px;
}

div#videos-items div.item a.placeholder {
	display: block;
	width: 636px;
	height: 355px;
	background: #A6A6A6;
	overflow: hidden;
}

div#videos-items div.item a.placeholder:hover {
	background: #BBB;
}

div#videos-items div.item img {
	display: block;
}

div#videos-items div.item span.title {
	display: block;
	width: 440px;
	height: 60px;
	padding-left: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF;
	font-weight: 700;
	font-size: 17px;
	line-height: 60px;
	background: url(../images/common/button-play-1x.png) 12px center no-repeat;
}

div#videos-items div.item .video-html {
	display: none;
}


/* -- Footer -- */

div#footer {
	margin-top: 60px;
	background: #EEE;
	text-align: center;
}

div#footer-links {
	padding: 24px 0;
	text-transform: uppercase;
}

div#footer-links #footer-mobile {
	display: none;
}

div#footer-links a {
	display: inline-block;
	margin: 0 10px;
	color: #666;
}

div#footer-links a:hover {
	color: #888;
}

div#footer-social {
	position: relative;
	display: block;
	width: 228px;
	height: 29px;
	margin: auto;
}

div#footer-social a {
	display: block;
	float: left;
	width: 38px;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/common/social-lg-1x.png) no-repeat;
}

div#footer-social a.twitter:hover {
	background-position: 0 -29px;
}

div#footer-social a.facebook {
	background-position: -38px 0;
}

div#footer-social a.facebook:hover {
	background-position: -38px -29px;
}

div#footer-social a.instagram {
	background-position: -195px 0;
}

div#footer-social a.instagram:hover {
	background-position: -195px -29px;
}

div#footer-social a.pinterest {
	background-position: -76px 0;
}

div#footer-social a.pinterest:hover {
	background-position: -76px -29px;
}

div#footer-social a.youtube {
	background-position: -114px 0;
}

div#footer-social a.youtube:hover {
	background-position: -114px -29px;
}

div#footer-social a.rss {
	background-position: -152px 0;
}

div#footer-social a.rss:hover {
	background-position: -152px -29px;
}

div#footer-copyright {
	padding: 24px 0;
	font-size: 13px;
	color: #AAA;
}

div#footer-copyright a {
	color: #666;
}

div#footer-copyright a:hover {
	color: #888;
}


/* -- E-newsletter Form (Formstack CSS Override) -- */

.fsForm {
	box-shadow: none !important;
	background: #EEEEEE !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	padding: 30px 0 25px !important;
}

.fsRowBody {
	padding: 10px 20px !important;
	background: #EEEEEE !important;
}

.fsLabel {
	font-family: 'open sans', sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	padding-bottom: 5px !important;
	color: #222 !important;
}

.fsRequiredMarker {
	font-size: 15px !important;
	color: #A5208E !important;
}

.fsSupporting {
	font-family: 'open sans', sans-serif !important;
	font-size: 12px !important;
	font-weight: normal !important;
	color: #666 !important;
	padding-bottom: 10px !important;
}

.fsOptionLabel {
	font-family: 'open sans', sans-serif !important;
	font-size: 13px !important;
	color: #222 !important;
}

.fsField {
	width: 96% !important;
	padding: 15px 2% !important;
	border: 1px solid #CCC !important;
	background: #FFF !important;
	box-shadow: none !important;
	font-size: 16px !important;
	font-family: 'open sans', sans-serif !important;
}

.fsSubField {
	width: 49% !important;
	margin-right: 1% !important;
}

.fsSubField:last-child {
	margin-right: 0 !important;
}


.fieldset-content .fsOptionLabel {
	padding: 5px 0 0 !important;
}

.fieldset-content .fsField {
	width: auto !important;
}

.fsSubmit {
	background: none !important;
	padding-bottom: 0 !important;
}

.fsSubmitButton {
	background: #A5208E !important;
	border: 0 !important;
	color: #FFF !important;
	padding: 15px 20px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	font-family: 'open sans', sans-serif !important;
	text-transform: uppercase !important;
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
}