/*******************************************
 * FONTS
 *******************************************/

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


/*******************************************
 * GENERAL
 *******************************************/
 #global-modal .modal-content{
 	background-color: #000;
 	height: 326px;
 }


#main {
	width: 760px;
}
#content_wrapper.suppress_sidebar #main {
	width: 100%;
	padding-top: 10px;
}

.overauto {
	overflow: auto;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.fullwidth {
	margin: 1em auto;
	width: 100%;
	height: auto;
}
.alignleft {
	float: left;
	margin-left: 0;
	margin-right: 20px;
}
.alignright {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}

.clr {
	clear: both;
}

.clrfx:before,
.clrfx:after {
	content: "";
	display: table;
}
.clrfx:after {
	clear: both;
}
.lt-ie8 .clrfx {
	zoom: 1;
}

.kcn {
	color: #5B5B5B;
}
.kcn-head {
	color: #5B5B5B;
}
.kcn-head a {
	color: #5B5B5B;
	text-decoration: none;
}
.kcn-head a:hover {
	text-decoration: underline;
}
.kcn a > img {
	border: 0;
}

.kcn .request-action {
	font-size: 12px;
	line-height: 1.4em;
}
.kcn .request-action a {
	text-decoration: underline;
	color: #1f7b8f;
}


.kcn .request-action-wrap {
	background-color: #F1F1F1;
	margin-bottom: 15px;
}
.kcn .request-action-inner {
	padding: 9px 11px;
}
.kcn .request-action-wrap .flat-button,
.kcn .request-action-wrap span {
	vertical-align: middle;
	display: inline-block;
}
.kcn .request-action-wrap strong {
	display: block;
	margin-bottom: 2px;
}
.kcn .request-action-wrap span {
	line-height: 16px;
}
.kcn .request-action-wrap span > a {
	color: #1f7b8f;
	text-decoration: underline;
}
.kcn .request-action-wrap span.action-or {
	padding: 0 5px;
}


#header-v4 .logo {
	border-right: 0;
}

/* newsletter signup */
.kcn-newsletter-signup {
	position: absolute;
	bottom: -5px;
	right: 20px;
	padding: 7px 15px 3px 15px;
	min-width: 380px;
	height: 32px;
	background-color: #d7ef8f;
	-webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
}
.kcn-newsletter-signup span {
	line-height: 1.4em;
	display: block;
	text-align: center;
	padding-top: 3px;
}
.kcn-newsletter-signup label,
.kcn-newsletter-signup input {
	vertical-align: middle;
	display: inline-block;
}
.kcn-newsletter-signup label {
	font-weight: bold;
	margin-right: 5px;
}
.kcn-newsletter-signup .kcn-newsletter-input {
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	padding: 1px 5px;
	width: 135px;
	margin-right: 3px;
}
.kcn-newsletter-signup .kcn-newsletter-submit {
	font-weight: normal;
	padding: 6px 10px;
	font-size: 11px;
	font-family: Arial, sans-serif;
}
.kcn-newsletter-signup .kcn-newsletter-submit:focus,
.kcn-newsletter-signup .kcn-newsletter-submit:active {
	outline: 0;
}



/*******************************************
 * MENU
 *******************************************/
.kcn-submenu {
	border-top: 1px solid #90ccdf;
	border-bottom: 1px solid #69C1CF;
	color: #000;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	margin-top: 5px;
	background: #98d3dd;
	background: -moz-linear-gradient(top,  #a9dbe3 24%, #98d3dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#a9dbe3), color-stop(100%,#98d3dd));
	background: -webkit-linear-gradient(top,  #a9dbe3 24%,#98d3dd 100%);
	background: -o-linear-gradient(top,  #a9dbe3 24%,#98d3dd 100%);
	background: -ms-linear-gradient(top,  #a9dbe3 24%,#98d3dd 100%);
	background: linear-gradient(to bottom,  #a9dbe3 24%,#98d3dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9dbe3', endColorstr='#98d3dd',GradientType=0 );
}
.kcn-submenu ul {
	list-style: none;
	text-transform: uppercase;
	height: 27px;
	line-height: 27px;
}
.kcn-submenu li {
	border-left: 1px solid #90ccdf;
	display: inline;
	float: left;
	position: relative;
}
.kcn-submenu li:first-child {
	border-left: 0;
}
.kcn-submenu a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 1px 12px 0 12px;
	line-height: 26px;
}
.kcn-submenu a:hover,
.kcn-submenu a:focus {
	text-decoration: underline;
}
.kcn-submenu li.active {
	z-index: 10;
}
.kcn-submenu li.active > a {
	font-weight: normal;
	color: #FFF;
	background-color: #1f7b8f;
	line-height: 27px;
	margin-top: -1px;
	padding-top: 2px;
	-webkit-box-shadow: 0 2px 0 0 #C6DC84, inset 0 0 6px -1px rgba(0, 0, 0, 0.35);
	   -moz-box-shadow: 0 2px 0 0 #C6DC84, inset 0 0 6px -1px rgba(0, 0, 0, 0.35);
	     -o-box-shadow: 0 2px 0 0 #C6DC84, inset 0 0 6px -1px rgba(0, 0, 0, 0.35);
	        box-shadow: 0 2px 0 0 #C6DC84, inset 0 0 6px -1px rgba(0, 0, 0, 0.35);
}
.kcn-submenu .call-to-action {
	float: right;
	border-left-color: #69C1CF;
	font-weight: bold;
	text-transform: none;
}
.kcn-submenu .call-to-action a {
	background: #c6eff6;
	background: -moz-linear-gradient(top,  #d8f4f8 24%, #c6eff6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#d8f4f8), color-stop(100%,#c6eff6));
	background: -webkit-linear-gradient(top,  #d8f4f8 24%,#c6eff6 100%);
	background: -o-linear-gradient(top,  #d8f4f8 24%,#c6eff6 100%);
	background: -ms-linear-gradient(top,  #d8f4f8 24%,#c6eff6 100%);
	background: linear-gradient(to bottom,  #d8f4f8 24%,#c6eff6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f4f8', endColorstr='#c6eff6',GradientType=0 );
}


/*******************************************
 * PAGINATION
 *******************************************/
.pagination {
	clear: both;
	background-color: #F1F1F1;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	line-height: 28px;
	position: relative;
	margin-bottom: 1em;
	color: #000;
}
.pagination a {
	color: #000;
	text-decoration: none;
}
.pagination a:hover {
	text-decoration: underline;
}
.pagination .limit {
	float: left;
	display: inline-block;
	padding: 0 20px 0 6px;
}
.pagination .progress {
	/*background: transparent url('/img/misc/bg-pagination_divider.gif') no-repeat 0 50%;*/
	float: left;
	display: inline-block;
	padding: 0 20px 0 10px;
}
.pagination .pager {
	float: right;
	display: inline-block;
	padding: 0 6px 0 20px;
}
.pagination .pager span {
	display: inline;
	padding: 0 2px;
}
.pagination .pager .next,
.pagination .pager .prev {
	padding: 0 6px;
	font-size: 10px;
	vertical-align: top;
	line-height: 28px;
}
.pagination .pager .next {
	padding-right: 0;
}
.pagination .pager .active {
	font-weight: bold;
}


/*******************************************
 * FORMS
 *******************************************/

.kcn-form label {
	font-size: 14px;
	display: block;
	cursor: pointer;
}
.kcn-form label.match {
	padding-top: 3px;
}
.kcn-form .inline {
	display: inline;
}
.kcn-form .big-text,
.kcn-form .mid-text,
.kcn-form .sml-text {
	font-size: 14px;
	border: 1px solid #d0d0d0;
	padding: 5px 7px;
	width: 210px;
	outline: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
}
.kcn-form .big-text:focus,
.kcn-form .mid-text:focus,
.kcn-form .sml-text:focus {
	border-color: #BBB;
	-webkit-box-shadow: inset 0 0 3px -1px #5B5B5B;
	   -moz-box-shadow: inset 0 0 3px -1px #5B5B5B;
	     -o-box-shadow: inset 0 0 3px -1px #5B5B5B;
	        box-shadow: inset 0 0 3px -1px #5B5B5B;
}
.kcn-form .mid-text {
	width: 115px;
}
.kcn-form .sml-text {
	width: 50px;
}
.kcn-form select {
	padding-right: 40px;
	width: 226px;
	-webkit-appearance: none;
}
.kcn-form .sml-select {
	width: 65px;
}
.kcn-form fieldset {
	margin: 10px 0;
	line-height: 21px;
	padding: 0;
	border: 0;
}
.kcn-form fieldset legend {
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.kcn-form fieldset label {
	position: relative;
	padding-left: 25px;
	margin-top: 3px;
}
.kcn-form fieldset input {
	position: absolute;
	top: 0;
	left: 0;
	margin: 2px 0 2px 3px;
}
.kcn-form .checklabel,
.kcn-form .radiolabel {
	position: relative;
	padding-left: 20px;
	line-height: 1.4em;
}
.kcn-form .radiolabel {
	margin-top: 3px;
}
.kcn-form .checklabel input,
.kcn-form .radiolabel input {
	position: absolute;
	top: 0;
	left: 0;
	margin: 4px 0;
}
.kcn-form .radiolabel input {
	left: 1px;
	margin: 3px 0;
}
.kcn-form .label_required{
	font-weight: normal;
	color: #5F4326;
}
.kcn-form .label_required label {
	color: #d9534f;
}
.kcn-form .label_required input[type="text"],
.kcn-form .label_required input[type="email"],
.kcn-form .label_required input[type="password"],
.kcn-form .label_required textarea {
	border-color: #d9534f;
	background-color: #fdf7f7;
}
.kcn-form .label_required .chosen-container-single .chosen-single,
.kcn-form .label_required .chosen-container-single .chosen-drop {
	border-color: #d9534f;
}
.kcn-form fieldset.label_required {
	border: 1px solid #d9534f;
	background-color: #fdf7f7;
	padding: 0 10px 10px 10px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.kcn-form fieldset.label_required legend {
	color: #d9534f;
}
/* chosen alter */
.chosen-container-single .chosen-single {
	height: 27px;
	line-height: 27px;
}
.chosen-container-single .chosen-single div b {
	background-position: 0 4px;
}


/*******************************************
 * SPONSORS
 *******************************************/
.our-sponsors {
	clear: both;
	padding: 0 50px;
	background-color: #f1f1f1;
	color: #5B5B5B;
}
.our-sponsors table {
	width: 100%;
	height: 90px;
	vertical-align: middle;
	text-align: right;
}
.our-sponsors .sponsor-title {
	font-size: 18px;
	width: 90px;
	text-align: left;
	line-height: 20px;
}
.our-sponsors img {
	text-align: right;
}



/*******************************************
 * PATTERNS
 *******************************************/

/* apply fonts */
.scripty {
	font-family: "westernpacific";
	font-weight: normal;
	letter-spacing: 0.04em;
}

/* general */
.pattern a,
.episode a {
	text-decoration: none;
}
.pattern a:hover,
.episode a:hover {
	text-decoration: underline;
}

/* buttons */
a.flat-button, input.flat-button, button.flat-button {
	color: #FFF;
	cursor: pointer;
	border: 0;
	background-color: #1f7b8f;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 7px 10px;
	display: inline-block;
	text-decoration: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
}
a.purple-button,
input.purple-button,
button.purple-button,
.btn-purple {
	background-color: #684798;
	color: #FFF;
}
a.btn-purple, input.btn-purple, button.btn-purple,
a.btn-blue, input.btn-blue, button.btn-blue,
a.btn-lime, input.btn-lime, button.btn-lime,
a.btn-teal, input.btn-teal, button.btn-teal,
a.btn-white, input.btn-white, button.btn-white {
	font-size: 14px;
	font-weight: normal;
	display: block;
	color: #FFF;
	line-height: 18px;
}
a.btn-lime, input.btn-lime, button.btn-lime {
	color: #1f7b8f;
	background-color: #d7ef8f;
}
a.btn-white, input.btn-white, button.btn-white {
	color: #1f7b8f;
	background-color: #FFF;
}

a.big-purple, input.big-purple, button.big-purple,
a.big-blue, input.big-blue, button.big-blue,
a.big-lime, input.big-lime, button.big-lime,
a.big-teal, input.big-teal, button.big-teal,
a.big-white, input.big-white, button.big-white {
	font-size: 18px;
	font-weight: normal;
	display: block;
	line-height: 26px;
	color: #FFF;
}
a.big-purple,
input.big-purple,
button.big-purple {
	color: #FFF;
	background-color: #684798;
	padding: 8px 20px;
	margin-bottom: 3px;
	float: left;
}
a.big-lime,
input.big-lime,
button.big-lime {
	color: #1f7b8f;
	background-color: #d7ef8f;
}
a.big-teal,
input.big-teal,
button.big-teal {
	color: #FFF;
	padding: 8px 20px;
}
a.big-white,
input.big-white,
button.big-white {
	color: #1f7b8f;
	padding: 8px 20px;
	background-color: #FFF;
}

/* HOVER */
.flat-button:hover {
	background-color: #23707e;
	color: #F1F1F1;
	text-decoration: none !important;
}
a.purple-button:hover,
input.purple-button:hover,
button.purple-button:hover,
.btn-purple:hover,
.big-purple:hover {
	background-color: #522b85;
	color: #F1F1F1;
}
.big-lime:hover {
	background-color: #c4da83;
	color: #1f7b8f;
}
.big-white:hover {
	background-color: #F1F1F1;
	color: #1f7b8f;
}



.disabled-button {
	color: #EEE !important;
	background-color: #CCC !important;
}

.list-item .flat-button {
	background-color: #F1F1F1;
	padding: 1px 8px;
	font-size: 11px;
	line-height: 2.65em;
	margin-top: 9px;
}

.list-item .flat-button:hover {
	color: #FFF;
	background-color: #1f7b8f;
}
.list-item .addarw:after {
	content: "\25b6";
	display: inline-block;
	line-height: 1em;
	font-size: 9px;
	margin-left: 5px;
}
.list-item .watch:before {
	display: inline-block;
	content: url('/images/misc/newkcn/tv-watch-icon-319eae.png');
	height: 19px;
	width: 19px;
	line-height: 19px;
	vertical-align: top;
	margin: 6px 6px 0 0;
}
.list-item .watch:hover:before {
	content: url('/images/misc/newkcn/tv-watch-icon-ffffff.png');
}

/* social */
.kcn-social {
	border: 0;
}
.kcn-social td{
	vertical-align: top;
}
.kcn-social .pad {
	padding-right: 15px;
	width: 75px;
}


/* --- SIDEBAR --- */
.kcn-sidebar {
	margin: 0 0 4em 0;
	padding-top: 30px;
	float: left;
	display: inline-block;
	width: 200px;
	clear: both;
	color: #5B5B5B;
}
.kcn-sidebar img {
	border: none;
}
.kcn-sidebar .callout {
	display: block;
	margin-bottom: 1.5em;
}
.kcn-sidebar .log-me-in {
	display: block;
	text-align: center;
	margin-top: 5px;
	line-height: 1.25em;
	font-size: 12px;
}
.kcn-sidebar .log-me-in a {
	color: #257882;
}
.kcn-sidebar .log-me-in a:hover,
.kcn-sidebar .log-me-in a:focus {
	color: #23707e;
}

.kcn-filters {
	border: 3px solid #F1F1F1;
	background-color: #FFF;
}
.kcn-filters a {
	color: #000;
	text-decoration: none;
}
.kcn-filters a:hover {
	text-decoration: underline;
}
.kcn-filters .nameplate {
	background-color: #F1F1F1;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	line-height: 2em;
	padding: 0 15px;
	margin-bottom: 1em;
}
.kcn-filters .filter {
	padding: 0 15px;
	font-size: 14px;
	margin-bottom: 0.85em;
}
.kcn-filters .filter a {
	color: #5b5b5b;
}
.kcn-filters .filter-title {
	font-weight: bold;
	font-style: italic;
}
.kcn-filters ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
}
.kcn-filters li {
	margin: 0.5em 0;
}
.kcn-filters li.active > a {
	font-weight: bold;
	color: #1f7b8f;
}

.filter-episode > ul {
	padding: 0;
}
.filter-episode > ul > li > a {
	padding-left: 15px;
	background: transparent url('/images/misc/newkcn/icon-arw-5B5B5B.png') no-repeat 3px 50%;
}
.filter-episode > ul > li.active > a {
	background-image: url('/images/misc/newkcn/icon-arw-319EAE.png');
}

.kcn-filters ul ul {
	width: 125px;
	margin-bottom: 10px;
	font-size: 12px;
}
.kcn-filters ul ul li {
	float: left;
	margin: 2px;
	display: inline-block;
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: #F1F1F1;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
}
.kcn-filters ul ul li.filter-eps {
	float: none;
	display: block;
	background-color: transparent;
	border: none;
	margin: 0;
	text-align: left;
	width: auto;
}
.kcn-filters ul ul li a {
	display: block;
}
.kcn-filters ul ul li.active {
	background-color: #1f7b8f;
}
.kcn-filters ul ul li.active > a {
	color: #FFF;
}

.sign-up-now {
	border: 3px solid #e4edb8;
	background-color: #f5fae3;
	padding: 15px 15px 20px 15px;
}
.sign-up-now h4 {
	color: #1f7b8f;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0.4em;
}
.sign-up-now img {
	margin-left: -7px;
}
.sign-up-now p {
	margin: 0.5em 5px 1em 5px;
	font-size: 13px;
	line-height: 16px;
}


/* --- LIST --- */
.kcn-list {
	width: 100%;
}

/* list items */
.kcn-list .list-item {
	float: left;
	display: inline-block;
	width: 196px;
	margin: 1em 0 2em 86px;
}
.kcn-list .first {
	margin-left: 0;
	clear: left;
}
.kcn-list .list-item a {
	display: block;
	color: #257882;
	text-decoration: none;
}
.kcn-list .list-item a:hover {
	text-decoration: underline;
}
.kcn-list .kcn-closeup {
	margin-bottom: 0.5em;
	position: relative;
}
.kcn-list img.kcn-closeup,
.kcn-list div.kcn-closeup img {
	display: block;
	border: 8px solid #f1f1f1;
}
.kcn-list div.kcn-closeup .overlay {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: transparent url('/images/misc/class-nav-v1/overlay-preview-onCU.png') no-repeat 50% 50%;
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	    filter: alpha(opacity=40);
}
.kcn-list div.kcn-closeup:hover .overlay {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
}
.kcn-list .pattern-title {
	display: block;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0.2em;
	line-height: 1.25em;
}
.kcn-list .season-episode {
	display: block;
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 0.5em;
}
.kcn-list .list-item .get-patterns {
	background-color: #1f7b8f;
	color: #FFF;
}
.kcn-list .list-item .get-patterns:hover {
	background-color: #23707e;
	color: #F1F1F1;
}
.kcn-list .list-item .episode-info:hover {
	color: #5B5B5B;
	background-color: #CCC;
}
/* PLAIN LINK
.kcn-list .list-item .episode-info {
	text-align: center;
	margin: 7px 0 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}*/
.list-item .item-price {
	display: block;
	font-size: 14px;
	line-height: 1em;
	margin: 0.5em 0;
}
.list-item .star-rating {
	margin-bottom: 0.5em;
}
.list-item .add_to_cart {
	clear: both;
	padding-bottom: 2em;
}
.list-item .add_to_cart input {
	float: right;
}


/* --- DETAIL --- */

.gray-contain {
	color : #5B5B5B;
	background-color: #F6F6F6;
	padding: 20px;
	margin-bottom: 1.5em;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.gray-contain a {
	color: #1f7b8f;
}
.gray-contain .overlay {
	cursor: pointer;
}
.gray-contain table {
	width: 100%;
}
.gray-contain .pad {
	padding-left: 24px;
}
.gray-contain h4 {
	font-size:18px;
	line-height: 20px;
	margin-bottom: 0.65em;
	color: #5b5b5b;
}
.gray-contain table td {
	vertical-align: top;
}
.gray-contain h2 {
	font-size: 20px;
	margin-bottom: 5px;
}
.episode .gray-contain h2 {
	font-size: 16px;
	margin-bottom: 10px;
}
.pattern .gray-contain .season-episode {
	font-size: 13px;
}
.gray-contain p {
	margin: 0.65em 0;
	font-size: 15px;
	line-height: 1.3em;
}
.gray-contain p .more {
	font-weight: bold;
}
.gray-contain .price {
	font-size: 18px;
	display: block;
	margin-bottom: 0.65em;
}
.episode .gray-contain .price {
	font-size: 16px;
}


.kcn .goback,
.landing .util {
	float: right;
	font-weight: bold;
	margin-top: 25px;
	color: #1f7b8f;
	text-decoration: none;
}
.landing .util {
	margin-top: 15px;
}
.landing .util:after {
	content: "\25b6";
	display: inline-block;
	line-height: 1em;
	font-size: 7px;
	margin-left: 5px;
}
.kcn .goback:hover,
.landing .util:hover {
	text-decoration: underline;
}
.pattern .kcn-head,
.episode .kcn-head,
.howto .kcn-head {
	margin-bottom: 5px;
	margin-right: 75px;
}
.pattern .season-episode {
	display: block;
	font-size: 20px;
	margin-bottom: 14px;
}
/* description */
.pattern .super-closeup {
	float: left;
	display: block;
	max-width: 320px;
	height: auto;
}
.pattern .details {
	clear: both;
	margin-bottom: 1em;
}
.pattern .detail-right {
	margin-left: 344px;
}
.pattern .description {
	margin-bottom: 2em;
}
.pattern .request-action {
	margin: 2.2em 0;
}
.pattern .resources {
	margin-bottom: 1.5em;
}
.pattern .sub-resource {
	display: block;
	font-size: 11px;
	margin-left: 20px;
	line-height: 1.6em;
	clear: left;
}
.pattern .sub-resource a {
	color: #000;
	text-decoration: underline;
}
/* supplies */
.supplies,
.episode-patterns {
	clear: both;
	margin-bottom: 2em;
}
.supplies h3,
.episode-patterns h3 {
	font-size: 24px;
	margin-bottom: 0.65em;
}
.supply-item {
	float: left;
	width: 100px;
	margin-left: 32px;
	margin-bottom: 20px;
}
.supply-item a {
	color: #1f7b8f;
}
.supply-item.first {
	margin-left: 0;
	clear: both;
}
.supply-item a > img {
	display: block;
	border: 5px solid #f1f1f1;
	margin-bottom: 5px;
}
.supply-item .swatch-title {
	font-weight: bold;
	font-size: 13px;
}
.supply-item .star-rating {
	margin: 0.25em 0;
}
.supply-item .star-rating a {
	color: #5b5b5b;
}
.supply-item .item-price {
	display: block;
	font-size: 12px;
	margin-bottom: 0.5em;
}
.supply-item .item-price * {
	font-weight: normal;
}
.supply-item .item-price br {
	display: inline;
}
.supply-item .item-price .strike {
	padding-right: 5px;
}
.supply-item .qty a {
	font-size: 12px;
}
.supplies .add_to_cart {
	clear: both;
	padding-top: 1em;
}
/* pattern episode */
.pattern-episode .watch {
	color: #FFF;
	font-size: 11px;
	line-height: 2.65em;
	padding: 0 10px;
	margin-top: 10px;
}
.pattern-episode .brightcove-container {
	width: 300px;
	height: 169px;
	position: relative;
	overflow: hidden;
}
.pattern-episode .brightcove-container img {
	display: block;
	width: 300px;
	height: auto;
}
.pattern-episode .brightcove-container .overlay {
	background: transparent url('/img/misc/class-nav-v1/overlay-preview-onCU.png') no-repeat 50% 50%;
	cursor: pointer;
	margin: auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-background-size: 300px 169px;
	   -moz-background-size: 300px 169px;
	     -o-background-size: 300px 169px;
	        background-size: 300px 169px;
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	    filter: alpha(opacity=40);
}
.pattern-episode .brightcove-container .overlay:hover {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
}
.pattern-episode .watch:before {
	display: inline-block;
	content: url('/images/misc/newkcn/tv-watch-icon-ffffff.png');
	height: 19px;
	width: 19px;
	line-height: 19px;
	vertical-align: top;
	margin: 6px 6px 0 0;
}

.kcn-social{
	width: 100%;
	position: relative;
}

.kcn-social .product__share{
	float: right;
    font-size: 12px;
    text-align: right;
}

.kcn-social .share-wrapper{
	border: 1px solid #dee1e3;
    display: inline-block;
    padding: 5px 5px 0px 5px;
}

.kcn-social .share-wrapper a{
	margin-left: 2px;
}

.kcn-social .share-wrapper a:hover{
	opacity: 0.8;
}

.brightcove-container .play-bootan{
	opacity: .75;
	-moz-opacity: .75;
	filter:alpha(opacity=75);
}

.brightcove-container a:hover{
	text-decoration: none;
}

.brightcove-container .play-bootan::before{
	background-color: #fff;
	border-radius: 50%;
	height: .85em;
	width: .85em;
	vertical-align: top;
	display: inline-block;
	content: " ";
}

.brightcove-container .play-bootan::after{
	font-family: "FontAwesome";
	color: #000;
	content: "\f144";
	text-shadow:
	   -1px -1px 0 #fff,
	   1px -1px 0 #fff,
	   -1px 1px 0 #fff,
	   1px 1px 0 #fff;
	   vertical-align: top;
	   display: inline-block;
}

.brightcove-container:hover .play-bootan{
	text-decoration: none;
}

.brightcove-container:hover .play-bootan::after{
	color: #333;
}

.kcn.landing .brightcove-container .play-bootan::before{
	position: absolute; 
	top: 130px; 
	left: calc(70% - 2.5em);
	font-size: 7em;
}

.kcn.landing .brightcove-container .play-bootan::after{
	position: absolute; 
	top: 100px; 
	left: calc(70% - 2.5em); 
	font-size: 7em; 
}
.kcn-benefits .brightcove-container .play-bootan::before{
	position: absolute; 
	top: 320px; 
	left: calc(47%);
	font-size: 100px;
}

.kcn-benefits .brightcove-container .play-bootan::after{
	position: absolute; 
	top: 350px; 
	left: calc(47%); 
	font-size: 100px; 
}

/*******************************************
 * DVDS
 *******************************************/
.dvds .add_to_cart {
	clear: both;
	margin-bottom: 20px;
}


/*******************************************
 * EPISODES
 *******************************************/
.episode .season-episode {
	font-size: 20px;
	display: block;
	margin-bottom: 1em;
}
.episode .brightcove-container {
	margin-bottom: 2em;
	position: relative;
	float: left;
	width: 434px;
}
.episode .brightcove-container .html {
	position: relative;
	background-color: #f1f1f1;
}
.episode .brightcove-container .overlay {
	background: transparent url("/images/misc/class-nav-v1/overlay-preview-onCU.png") no-repeat 50% 50%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	height: 100%;
	width: 100%;
	cursor: pointer;
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	    filter: alpha(opacity=40);
}
.episode .brightcove-container:hover .overlay {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
}
.episode .brightcove-container a.free-preview+img {
	width: 100%;
}
.episode .episode-dvd {
	float: left;
	width: 394px;
}
.episode .details {
	float: right;
	width: 286px;
}

/* details */
.episode .details a {
	color: #1f7b8f;
}
.episode .star-rating {
	margin-bottom: 1em;
}
.episode .description {
	margin-bottom: 1em;
}
.episode .item-price {
	font-size: 20px;
	margin-bottom: 1em;
}
.episode .details form {
	display: block;
}
.episode .details .big-purple {
	width: 9em;
	float: left;
}
.episode .details .addToWishList {
	float: left;
	font-size: 11px;
	line-height: 40px;
	margin-left: 10px;
}
.episode .details .addToWishList a {
	text-decoration: underline;
}
.episode .request-action {
	margin: 1.65em 0;
}
.episode-patterns .list-item {
	margin-top: 0;
}

/* changes for owner */
.episode .owner .brightcove-container {
	float: none;
	width: 760px;
}
.episode .owner .details {
	float: left;
	width: 365px;
}
.episode .owner .episode-dvd {
	float: right;
	width: 320px;
}
.episode .owner .kcn-social {
	margin-bottom: 1em;
}

/* BIG PLAYER */
/* BEGIN ADDITION FOR overlay and looping - added 2/24/2014 by JD @ RB */
.resume-overlay-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.65);
	z-index: 99;
}
/* transparent background for IE */
.lt-ie9 .resume-overlay-wrapper {
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B3000000', endColorstr='#B3000000');
}
.resume-overlay-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 14% 23% 0 23%;
	color: #FFF;
	text-align: center;
	font-size: 20px;
}
.resume-overlay-inner .action_with_button {
	background-color: #FFF;
	padding: 15px 0;
	margin: 15px 0;
	color: #757575;
	font-size: 13px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.85);
	   -moz-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.85);
	     -o-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.85);
	        box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.85);
}
.resume-overlay-inner .css_small_button:hover {
	text-decoration: none;
}



/* noUiSlider alterations */
.noUi-connect {
	background-color: #1f7b8f;
}
.noUi-handle {
	box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #000;
}
.noUi-horizontal .noUi-handle {
	background-color: #D3D3D3;
	width: 20px;
	top: -4px;
	left: -11px;
	height: 24px;
}
.noUi-handle:after, .noUi-handle:before {
	background-color: #9F9F9F;
	left: 7px;
	top: 4px;
}
.noUi-handle:after {
	left: 11px;
}
/* END ADDITION FOR overlay and looping */


/*******************************************
 * LANDING
 *******************************************/
.landing .offer-box {
	float: left;
	height: 90px;
	background-color: #F1F1F1;
	width: 211px;
}
.landing .offer-inner {
	padding: 12px 10px 0 15px;
}
.landing .offer-box h3 {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 5px;
}
.landing .offer-box p {
	line-height: 19px;
}
.landing .offer-box a {
	font-weight: bold;
	color: #1f7b8f;
	text-decoration: none;
}
.landing .offer-box a:hover {
	text-decoration: underline;
}
.landing .our-sponsors {
	margin-bottom: 2em;
	clear: none;
	float: right;
	width: 764px;
	padding: 0 10px;
}
.featured-episode {
	margin-bottom: 5px;
	padding-bottom: 20px;
}

/* featured left side */
.feature-side {
	position: relative;
	float: left;
	width: 214px;
	height: 384px;
	background: #1f7b8f url('/images/misc/newkcn/bkgd-home-slide.jpg') repeat 50% 0;
	text-align: center;
}
.feature-side:before,
.feature-side:after {
	content: "";
	border-top: 2px dashed #FFF;
	width: 98%;
	height: 0;
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.feature-side:after {
	top: auto;
	bottom: 10px;
}
.feature-side img {
	display: block;
	margin: 24px auto 0 auto;
}
.feature-side h4 {
	color: #FFF;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 1em;
	text-shadow: 1px 1px 3px #1f7b8f;
}
.feature-side p {
	margin: 10px 24px 20px 24px;
	color: #333;
	font-size: 16px;
}
.feature-side .big-lime {
	margin: 0 24px 10px 24px;
	font-size: 16px;
	display: block;
}
.yellowButton{
	background-color: #f6e682;
    color: #d90808;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: 700;
    font-size: 24px;
    border-radius: 5px;
    position: absolute;
    top: 330px;
    right: 368px;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
	-o-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.yellowButton:hover{
    background-color: rgb(224, 209, 116);
}
.orangeButton:hover{
    background-color: rgb(224, 209, 116);
}
.feature-side .big-white {
	margin: 0 24px;
	font-size: 12px;
	line-height: 14px;
	padding: 10px 0 8px;
}
.feature-side .big-white span {
	font-size: 12px;
	display: block;
	font-weight: bold;
	color: #5B5B5B;
}

.feature-side .flat-button {
	-webkit-box-shadow: 1px 1px 3px 0 #1f7b8f;
	   -moz-box-shadow: 1px 1px 3px 0 #1f7b8f;
	     -o-box-shadow: 1px 1px 3px 0 #1f7b8f;
	        box-shadow: 1px 1px 3px 0 #1f7b8f;
}

.kcn-left-side h4{
	font-size: 20px;
	font-weight: 400;
}

/* featured episode */
.featured-episode .brightcove-container {
	float: left;
	width: 568px;
	height: 384px;
	background-color: #F1F1F1;
}

/* featured right side - patterns *//*
.pattern-scroller {
	float: right;
	width: 214px;
	height: 384px;
	background-color: #f5fae3;
	color: #555;
}
.pattern-scroller a {
	color: #1f7b8f;
	text-decoration: none;
}
.pattern-scroller .subtitle {
	display: block;
	font-size: 14px;
}
.pattern-scroller h2 {
	margin-bottom: 1em;
	font-size: 20px;
}
.pattern-scroller .contain {
	overflow: hidden;
	margin: 5px 5px 5px 16px;
	height: 338px;
	position: relative;
}
.pattern-scroller .scrolling {
	position: absolute;
	left: 0;
	top: 0;
}
.pattern-scroller .scroll {
	cursor: pointer;
	position: relative;
	display: block;
	width: 100%;
	height: 18px;
	border: none;
	text-align: center;
	background-color: #e1efba;
	color: #1f7b8f;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
	        border-radius: 0;
}
.pattern-scroller .scroll span {
	display: none;
}
.lt-ie8 .pattern-scroller .scroll span {
	display: block;
}
.pattern-scroller .scroll:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: auto;
	line-height: 1;
	font-size: 1;
	border-top: 8px solid #1f7b8f;
	border-bottom: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: relative;
	top: 5px;
}
.pattern-scroller .scroll.inactive {
	cursor: default;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter: alpha(opacity=0);
}
.pattern-scroller .scroll.inactive:after {
	display: none;
}
.pattern-scroller .scroll.active {
	background-color: #1f7b8f;
	color: #e1efba;
}
.pattern-scroller .scroll.active:after {
	border-top-color: #e1efba;
}
.pattern-scroller .scroll.up:after {
	border-bottom: 8px solid #1f7b8f;
	border-top: 0;
}

.mini-pattern {
	margin-top: 22px;
}
.mini-pattern .thumb {
	float: left;
	display: inline-block;
	margin-right: 10px;
}
.mini-pattern .thumb img {
	display: block;
}
.mini-pattern .title {
	display: block;
	font-weight: bold;
	margin: 0.5em 0;
}
.mini-pattern .title:hover {
	text-decoration: underline;
}
.mini-pattern .flat-button {
	background-color: #e1efba;
	font-size: 9px;
	padding: 5px 10px;
}
.mini-pattern .flat-button:after {
	content: "\25b6";
	display: inline-block;
	line-height: 1em;
	font-size: 7px;
	margin-left: 5px;
}
.mini-pattern .flat-button:hover {
	color: #e1efba;
	background-color: #1f7b8f;
}*/

.featured-episode .magazine-ad {
	float: right;
	width: 214px;
	position: relative;
}
.featured-episode .magazine-ad > a,
.featured-episode .magazine-ad > img {
	display: block;
	max-width: 100%;
	height: 384px;
	border: none;
}

.social-bar {
	height: 32px;
	padding: 8px 0 0 20px;
	color: #5B5B5B;
	font-size: 13px;
}
.magazine-ad .social-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #1f7b8f;
	color: #FFF;
}
.magazine-ad .subDVD-bar{
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2px);
	background-color: #d7ee94;
	color: #3495a9;
	font-size: 22px;
	padding: 0px;
	text-align: center;
	line-height: 1;
}
.magazine-ad .special-bonus-bar{
	position: absolute;
	bottom: -19px;
	left: 6.5%;
	background-color: #f59331;
	color: #FFF;
	width: 83%;
	border-radius: 8px;
	text-align: center;
	text-transform: uppercase;
	height: inherit;
	font-size: 20px;
	line-height: 1;
	padding: 4px 5px;
}
.magazine-ad .special-bonus-bar:hover{
    background-color: #d07112;

}
.kcn-sidebar .social-bar {
	padding-top: 0;
	margin-top: 15px;
}
.kcn-sidebar .callout + .social-bar {
	margin-top: -5px;
}
.social-bar > span,
.social-bar > a {
	float: left;
	display: inline-block;
	vertical-align: middle;
	line-height: 24px;
	margin: 0 0 0 6px;
}
.social-bar > span {
	margin: 0;
}

/* current patterns */
.current-patterns,
.featured-patterns,
.featured-products {
	width: 736px;
	margin-bottom: 20px;
}
.current-patterns h3,
.featured-patterns h3,
.featured-products h3 {
	font-size: 30px;
}
.current-patterns .kcn-list .list-item,
.featured-patterns .kcn-list .list-item,
.featured-products .kcn-list .list-item {
	margin-left: 74px;
}
.current-patterns .kcn-list .first,
.featured-patterns .kcn-list .first,
.featured-products .kcn-list .first {
	margin-left: 0;
}

.landing-ad {
	float: right;
	width: 160px;
	margin-top: 0.5em;
}
.landing-ad img {
	border: none;
}

/* season tabs */
.seasons {
	width: 796px;
	background-color: #FFF;
	border: 2px solid #F1F1F1;
	position: relative;
	margin: 6em 0 3em 0;
}
.seasons .tabs {
	position: absolute;
	bottom: 100%;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.seasons .tabs li {
	float: left;
	display: inline-block;
	height: 38px;
	padding: 0;
	margin: 0 3px;
	background-color: #d7ef8f;
	border: 2px solid #d7ef8f;
	border-bottom: 0;
	text-align: center;
}
.seasons .tabs a {
	color: #666;
	text-decoration: none;
	display: block;
	width: 98px;
	padding: 15px 0 10px 0;
	letter-spacing: 0.02em;
}

.seasons a:hover, .seasons a:visited, .seasons a:focus{
	text-decoration: none;
}

.seasons .tab_selected{
	border: 2px solid #F1F1F1;
	font-size: 14px!important;
	line-height: 14px;
	height: 60px;
	position: relative;
	top: -8px;
	background: #FFF;
	background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 85%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(85%, #ffffff));
	background: -webkit-linear-gradient(top, #f1f1f1 0%, #ffffff 85%);
	background: -o-linear-gradient(top, #f1f1f1 0%, #ffffff 85%);
	background: -ms-linear-gradient(top, #f1f1f1 0%, #ffffff 85%);
	background: linear-gradient(to bottom, #f1f1f1 0%, #ffffff 85%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );
}

.scroll_tab_inner li {
    position: relative;
    top: 10px;
}

.seasons .tab_selected .tab{
	color: #1f7b8f;
	background-color: #FFFFFF;
	font-size: 14px;
    padding: 15px 0;
    padding-bottom: 10px; 
    margin-bottom: -10px;
    position: relative;
    top: 14px;
}

.seasons .scroll_tab_left_button, .seasons .scroll_tab_right_button{
	top: 10px!important;
}

.seasons .tabs .active a {
	color: #1f7b8f;
	padding: 15px 0;
}
.seasons .panels {
	padding: 10px 54px;
	position: relative;
	overflow: hidden;
	min-height: 467px;
}
.seasons a{
	color: #595959;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.seasons .panels .chevron {
	cursor: default;
	position: absolute;
	top: 124px;
	left: 20px;
	opacity: 0.15;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	    filter: alpha(opacity=15);
}
.seasons .panels .chevron.right {
	left: auto;
	right: 20px;
}
.seasons .panels .chevron.in {
	cursor: pointer;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
}
.seasons .panels .chevron img {
	border: none;
}
.seasons .panel {
	display: none;
	width: 688px;
	position: relative;
}
.seasons .slides {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.seasons .kcn-list {
	position: absolute;
	top: 0;
	left: 107.25%;
}
.seasons .kcn-list .list-item {
	margin-left: 50px;
	margin-bottom: 1em;
}
.seasons .kcn-list .first {
	margin-left: 0;
}

.seasons .panels .active,
.seasons .panels .current {
	display: block;
	position: relative;
	left: auto;
}

.seasons .panels .next,
.seasons .panels .prev {
	display: block;
	position: absolute;
	top: 0;
}
.seasons .panels .next {
	right: auto;
	left: 107.25%;/* 100% + 50px */
}
.seasons .panels .prev {
	left: auto;
	right: 107.25%;/* 100% + 50px */
}

.seasons .panels .kcn-list .kcn-closeup img {
	width: 180px;
	height: 240px;
}

/* you may also like */



/*******************************************
 * TV SCHEDULE
 *******************************************/

.tv-schedule a {
	color: #1f7b8f;
}
.schedule-search {
	position: relative;
}
.left-search,
.right-search {
	float: left;
	display: inline-block;
	padding-bottom: 10px;
}
.right-search {
	margin-left: 1.5em;
	padding-left: 1.5em;
}

.schedule-search h3 {
	margin: 0.5em 0;
}
.schedule-form {
	display: block;
}
.schedule-form #zip {
	vertical-align: middle;
}
.schedule-form #zip-submit {
	margin-right: 55px;
}

.schedule-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 3em;
	color: #555;
}
.schedule-table td,
.schedule-table th {
	text-align: left;
	padding: 7px;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
}
.schedule-table th {
	background-color: #DDD;
	font-size: 11px;
	text-transform: uppercase;
}
.schedule-table .odd > td {
	background-color: #F1F1F1;
}

.sched-loading {
	position: relative;
	padding-left: 47px;
	width: 75px;
	display: inline-block;
}
.sched-loading img {
	position: absolute;
	top: -11px;
	left: 0;
	border: 0;
	-ms-interpolation-mode: bicubic;
}


/*******************************************
 * NEWSLETTER
 *******************************************/

.envelope {
	position: relative;
}
.envelope .publication {
	font-size: 32px;
	margin-bottom: 10px;
}

.select-issue {
	background-color: #e4edb6;
	text-align: center;
	padding: 1em;
	margin-bottom: 0.5em;
}
.select-issue label {
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 0.5em;
}

.newsletter .departments ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	width: 100%;
	position: relative;
	top: 3px;
}
.newsletter .departments li {
	position: relative;
	margin-left: 8px;
	margin-bottom: 0 !important;
	text-align: center;
	float: left;
	display: inline-block;
	background-color: #dcf1f4;
	width: 184px;
	line-height: 1.35em;
}
.newsletter .departments li.first {
	margin-left: 0;
}
.newsletter .departments a {
	color: #5b5b5b;
	text-decoration: none;
	display: block;
	padding: 1em;
}
.newsletter .departments li.active {
	background-color: #1f7b8f;
}
.newsletter .departments li.active a {
	color: #FFF;
}
.newsletter .departments li .arw {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 0;
	height: 0;
	font-size: 1;
	line-height: 1;
	border-top: 7px solid #1f7b8f;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}

.newsletter .article {
	border: 3px solid #dcf1f4;
	padding: 1em 0 2em 0;
	margin-bottom: 2em;
}
.newsletter .article .pfriendly {
	float: right;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #5B5B5B;
	margin-top: 0.75em;
	padding-left: 20px;
	line-height: 15px;
	background: transparent url('/images/misc/newkcn/icon-printer.png') no-repeat 0 50%;
}
.newsletter .article table td {
	vertical-align: top;
}
.newsletter .article-body {
	padding: 24px 24px 0 30px;
	width: 499px;
}
.newsletter .article-body h1 {
	margin: 0 130px 20px 0;
	color: #1f7b8f;
	font-size: 26px;
}
.newsletter .article-body a {
	color: #1f7b8f;
}
.newsletter .article-body .purple-button {
	font-size: 12px;
	color: #FFF;
}

.newsletter .article-body .article-photo {
	float: right;
	display: inline-block;
	margin: 0 0 0.5em 1em;
}
.newsletter .article-body .info h1 {
	margin-bottom: 10px;
}
.newsletter .article-body .byline {
	font-size: 11px;
	margin-bottom: 10px;
}
.newsletter .article-body .info .description{
	margin-bottom: 20px;
}
.newsletter .article-body .info .filesize {
	line-height: 3em;
	margin-left: 10px;
}
/*.newsletter .article-body .info .request-action {
	width: 250px;
}*/
.newsletter .article-body .info .acrobat_instructions {
	clear: left;
	padding-top: 20px;
	line-height: 1.4em;
}
.newsletter .article-body .info .acrobat_instructions img {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

.newsletter .article-toc {
	border-left: 1px solid #c8c8c8;
	padding: 0 16px 0 24px;
	width: 160px;
}
.newsletter .article-toc .department {
	margin-bottom: 1em;
	text-transform: uppercase;
	font-size: 14px;
}
.newsletter .article-toc .articles {
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
	font-weight: bold;
}
.newsletter .article-toc .articles a {
	color: #5B5B5B;
	text-decoration: none;
}
.newsletter .article-toc .articles a:hover {
	text-decoration: underline;
}
.newsletter .article-toc .articles li {
	position: relative;
	padding-left: 10px;
	margin-bottom: 0.65em !important;
	line-height: 1.35em;
}
.newsletter .article-toc .articles .tribull {
	float: left;
	font-size: 8px;
	line-height: 2.15em;
	position: absolute;
	top: 0;
	left: 0;
}
.newsletter .article-toc .articles li.active,
.newsletter .article-toc .articles li.active a {
	color: #1f7b8f;
}
.newsletter .article-toc .skyscraper {
	width: 160px;
	margin: 0 auto;
}
.newsletter .article-toc .skyscraper a {
	display: block;
}


.carousel {
	color: #5B5B5B;
	position: relative;
	margin-bottom: 1em;
	padding-bottom: 1.5em;
	background-color: #F1F1F1;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	     -o-border-radius: 6px;
	        border-radius: 6px;
}
.carousel .nameplate {
	background-color: #1f7b8f;
	color: #FFF;
	padding: 1em 1.5em;
	margin-bottom: 10px;
	-webkit-border-radius: 6px 6px 0 0;
	   -moz-border-radius: 6px 6px 0 0;
	     -o-border-radius: 6px 6px 0 0;
	        border-radius: 6px 6px 0 0;
}
.carousel .nameplate a {
	color: #FFF;
	white-space: nowrap;
}
.carousel .carousel-label {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.carousel .carousel-label-link {
	float: right;
}
.carousel .scroll {
	overflow: hidden;
	width: 670px;
	margin: 0 auto;
	position: relative;
}
.carousel .scroll .scrollContainer {
	width: 100%;
}
.carousel .go {
	position: absolute;
	top: 86px;
	left: 16px;
	display: block;
	font-size: 26px;
	line-height: 26px;
	text-decoration: none;
	color: #1f7b8f;
}
.carousel .next {
	left: auto;
	right: 16px;
}
.carousel .scroll .panel {
	float: left;
	position: relative;
	width: 670px;
}
.carousel .swatch {
	padding: 18px 22px 0 22px;
	width: 90px;
	text-align: left;
}
.carousel div.png_positioner span.rank {
	font-size: 12px;
	background-color: #1f7b8f;
	color: #FFF;
	border-width: 1px;
	width: 18px;
	line-height: 18px;
	top: -9px;
	left: -4px;
}
.carousel .swatch-thumb img,
.carousel .swatch-thumb a {
	display: block;
}
.carousel .swatch-thumb img {
	height: 120px;
	width: 90px;
}
.carousel .swatch-title {
	font-size: 12px;
	font-weight: bold;
	padding: 0.5em 0;
}
.carousel .swatch-title a {
	color: #1c788c;
	text-decoration: none;
}
.carousel .swatch-title a:hover {
	text-decoration: underline;
}
.carousel .swatch-price {
	padding-bottom: 0.35em;
}
.carousel .swatch-price .price {
	font-weight: normal;
}
.carousel .swatch-rating .value {
	display: none;
}


.purple {
	color: #634394;
}

.yoga-ad {
	clear: both;
	color: #555;
	background-color: #F1F1F1;
	padding: 30px 50px 30px 30px;
	margin-bottom: 3em;
	font-size: 14px;
	line-height: 1.3em;
}

.yoga-ad a {
	color: #555;
	text-decoration: underline;
}

.issue-detail {
	float: left;
	display: inline-block;
	width: 180px;
}
.issue-detail .romance {
	font-size: 12px;
	line-height: 1.4em;
}

.yoga-ad .offer {
	margin-left: 220px;
	border-top: 2px dashed #999;
	border-bottom: 2px dashed #999;
	padding: 1.5em 0;
}
.yoga-ad .headline h3 {
	font-size: 20px;
	line-height: 1.2em;
	font-weight: normal;
}
.yoga-ad .headline h3 > img {
	float: left;
	display: inline-block;
	margin: 6px 10px 0 0;
}
.yoga-ad .fields {
	margin-top: 2em;
}
.yoga-ad .fields td {
	padding: 0 30px 15px 0;
}
.yoga-ad .fields .field-contain {
	position: relative;
}
.yoga-ad .fields label {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	line-height: 19px;
	padding: 5px 9px;
	margin: 2px 0;
}
.yoga-ad table .submit {
	width: 170px;
}
.yoga-ad table .big-teal {
	width: 100%;
}
.yoga-ad table .offer-valid {
	text-align: left;
	padding-left: 15px;
	font-size: 12px;
	line-height: 1.2em;
	vertical-align: middle;
}
.yoga-ad table .give-gift {
	text-align: right;
	vertical-align: middle;
}
.yoga-ad table .give-gift a {
	text-decoration: none;
}
.yoga-ad table .give-gift img {
	margin: -10px 5px 0 0;
	vertical-align: top;
	border: 0;
	position: relative;
}
.yoga-ad .checklabel {
	margin: 10px 0 20px;
}


/*******************************************
 * CONTESTS
 *******************************************/

.contests-landing a {
	color: #1f7b8f;
	text-decoration: none;
}
/* featured */
.featured-contest {
	display: block;
	width: 100%;
	height: 430px;
	background-color: #F1F1F1;
	text-align: center;
	margin-bottom: 1em;
}
.featured-contest img {
	display: block;
	margin: auto;
}
/* list */
.contests h2 {
	font-size: 1.9em;
	margin-bottom: 0.65em;
}
.contests .contest {
	clear: both;
	margin-bottom: 2.5em;
}
.contests .contest a:hover {
	text-decoration: underline;
}
.contest-thumb {
	float: left;
	display: inline-block;
	text-align: center;
}
.contest-thumb img {
	display: block;
	background-color: #F1F1F1;
	border: 8px solid #F1F1F1;
	width: 180px;
	height: 240px;
	margin-right: 24px;
}
.contests .contest .contest-title {
	font-size: 1.35em;
	margin-bottom: 0.25em;
}
.contests .contest .contest-start {
	display: block;
	margin-bottom: 1em;
}
.contests .contest .contest-body {
	font-size: 1.1em;
	margin-bottom: 1em;
	line-height: 1.35em;
}
.contests .contest .enter-contest {
	font-size: 1.1em;
}
/* detail */
.contest-detail .hero {
	display: block;
	margin-bottom: 1em;
}
.contest-detail h1 {
	margin-bottom: 0.5em;
}
.contest-detail .actions {
	margin-top: 2em;
}
.contest-detail .contest-body a,
.contest-detail .actions p a {
	color: #1f7b8f;
	text-decoration: none;
}
.contest-detail .contest-body a:hover,
.contest-detail .actions p a:hover {
	text-decoration: underline;
}

/*******************************************
 * REGISTER: PREMIUM
 *******************************************/

.kcn .kcn-form .readonly {
	background-color: #d0d0d0;
}

.kcn-register {
	margin-left: auto;
	margin-right: auto;
	width: 680px;
}
.kcn-register h1.scripty {
	font-size: 35px;
}
.kcn-register h2,
.kcn-thanks h2 {
	color: #1f7b8f;
	margin: 10px 0;
}
.kcn-register .intro {
	font-size: 15px;
	line-height: 1.4em;
}
.kcn-register p.intro {
	margin-right: 110px;
}
.kcn-register ul.intro {
	margin: 25px 0 35px 135px;
	font-weight: bold;
	font-size: 18px;
}
.kcn-register ul.intro span {
	color: #1f7b8f;
}

.kcn-register .exclaim {
	color: #f3201f;
	font-weight: bold;
	text-transform: uppercase;
}
.kcn-register .smaller {
	font-size: 11px;
}

.register-form-outer {
	background-color: #FFF;
	border: 1px solid #aab390;
	padding: 5px;
	margin: 20px 0;
}

.kcn-register .aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.register-form-inner {
	background-color: #F1F1F1;
	padding: 20px 40px;
}

.register-form {
	font-size: 12px;
	color: #5f4326;
}
.register-form a {
	color: #5f4326;
}
.register-form table {
	border: 0;
}
.register-form th,
.register-form td {
	padding: 4px 0;
}
.register-form th {
	text-align: right;
	white-space: nowrap;
	width: 154px;
	padding-right: 6px;
}
.register-form td {
	text-align: left;
}
.register-form tr.nopad td,
.register-form td.nopad {
	padding: 0;
}
.register-form .add_to_cart td {
	padding: 20px 0 0 0;
}

/* errors */
.kcn-register #ialert {
	border: 2px solid #d9534f;
	background-color: #fdf7f7;
	text-align: left;
	padding: 5px 15px;
}
.kcn-register #ialert span,
.kcn-register #ialert h2 {
	color: #d9534f;
}
.kcn-register #ialert a {
	color: #d9534f;
}

#ssl_note {
	background-color: #FFF;
	padding: 10px 12px;
	line-height: 16px;
	margin-bottom: 5px;
}
#ssl_note img {
	float: left;
	display: block;
	margin: 7px 6px 6px 0;
}

.kcn-register .membership-terms {
	padding: 10px 12px 12px 12px;
	line-height: 16px;
	color: #333;
	background-color: #DDD;
	margin: 15px 0 1px 0;
}
.kcn-register .membership-terms a {
	color: #333;
}

.customer-info,
.payment-info,
.order-info {
	background-color: #FFF;
	border: 1px solid #AAB390;
	padding: 5px;
	margin-bottom: 25px;
}
.customer-info,
.payment-info {
	float: left;
	display: inline-block;
	width: 47%;
}
.payment-info {
	float: right;
}
.confirm-table {
	background-color: #F1F1F1;
	border: 1px solid #DDD;
	width: 100%;
	font-size: 14px;
	line-height: 1.3em;
	border-collapse: collapse;
}
.confirm-table table {
	font-size: 14px;
	line-height: 1.3em;
	border-collapse: collapse;
}
.confirm-table a {
	color: #5B5B5B;
}
.confirm-table th,
.confirm-table td {
	padding: 5px 8px;
	border: 1px solid #DDD;
}
.confirm-table table th,
.confirm-table table td {
	padding: 0;
	border: 0;
}
.confirm-table th {
	text-align: center;
	background-color: #DDD;
	font-size: 12px;
	text-transform: uppercase;
}
.confirm-table th a {
	font-weight: normal;
	text-decoration: none;
	float: right;
	display: inline;
	color: #1f7b8f;
}
.confirm-table th a:hover {
	text-decoration: underline;
}
.confirm-table tbody td {
	text-align: left;
}
.confirm-table .ralign {
	text-align: right;
}
.kcn-register #str_password .box,
.kcn-register #str_password_conf .box {
	float: right;
	margin-left: 0;
	margin-top: 7px;
}
.kcn-register #str_password_conf .result {
	top: 0;
	left: 0;
}

.order-info .confirm-table tbody.offer-row {
	border: 1px solid #DDD;
}
.order-info .confirm-table tbody.offer-row td {
	border-width: 0 1px;
}

.confirm-table .grand-total td {
	font-size: 16px;
}

.kcn-register-confirm .actions #submit_btn {
	float: left;
	margin-right: 10px;
}
.kcn-register-confirm .indicator {
	line-height: 3em;
}
.kcn-register-confirm .indicator img {
	display: inline-block;
	vertical-align: text-top;
}

/* promo box */
.register-yes {
	margin: -20px -40px 20px -40px;
	font-size: 15px;
	line-height: 21px;
	background: #1f7b8f url('/img/misc/newkcn/register-check-lime.png') no-repeat 17px 12px;
	color: #FFF;
	padding: 15px 20px 15px 70px;
	-webkit-text-shadow: 1px 1px 1px #206772;
	   -moz-text-shadow: 1px 1px 1px #206772;
	        text-shadow: 1px 1px 1px #206772;
}
.register-yes .exclaim {
	color: #d7ef8f;
	font-size: 24px;
	position: relative;
	top: 3px;
}

#benefits-info {
	background-color: #FFF;
	padding-top: 1px;
	padding-bottom: 1px;
}
.popup-benefits {
	line-height: 20px;
	margin: -20px 0 0 175px;
}
.popup-benefits a {
	color: #333;
}


/*******************************************
 * REGISTER: FREE
 *******************************************/
.kcn-mag-offer {
	width: 767px;
}
.kcn-upsell-offer {
	width: 100%;
}
.kcn .register-logo {
	float: left;
	margin: 20px 20px 0 20px;
}
.kcn-form .indicator {
	vertical-align: middle;
	padding-left: 5px;
}
.kcn-register-header {
	margin-left: 180px;
}
.kcn-register-header .kcn-head {
	margin-top: 0;
	padding-top: 20px;
}

.kcn-mag-campaign {
	font-size: 14px;
	line-height: 1.4em;
}
.kcn-mag-campaign h1 {
	text-align: left;
}
.kcn-mag-campaign td {
	padding: 0;
}
.kcn-mag-campaign table p {
	margin: 0 0 10px 0;
}

.kcn-mag-coupon {
	border: 4px dashed #000;
	padding: 5px;
	width: 749px;
}
.kcn-mag-coupon > table {
	width: 749px;
}
.kcn-mag-coupon .radiolabel {
	font-size: 12px;
	margin: 5px 0;
	line-height: 1.20em;
}
.kcn-mag-coupon .liftinput input {
	margin: 2px 0;
}
.kcn-mag-coupon .add_to_cart td {
	padding: 0 0 0 23px;
}

.kcn-upsells {

}
.kcn-upsells .upsell {
	float: left;
	width: 280px;
	margin: 0 25px 20px 25px;
}
.kcn-upsells .upsell img {
	display: block;
	margin-bottom: 5px;
}
.kcn .upsell-form fieldset {
	width: 50%;
	margin: 0 auto 30px auto;
}
.kcn .upsell-form .continue {
	width: 50%;
	margin: 0 auto;
}
.kcn .kcn-form .continue .flat-button,
.kcn .kcn-form .continue p {
	float: left;
	margin-right: 10px;
}
.kcn .kcn-form .continue p {
	line-height: 22px;
}
.kcn-register .kcn-form .continue p {
	line-height: 14px;
	margin: 7px 0 0 0;
}

.kcn .newsletter-offers {
	margin: 20px 0;
}
.kcn .newsletter-offer {
	border-top: 3px solid #F1F1F1;
	padding: 24px 0 11px 0;
}
.kcn .newsletter-offer .checklabel {
	padding-left: 15px;
}
.kcn .newsletter-offer .checklabel img {
	float: left;
	width: 217px;
	height: 117px;
	position: relative;
	margin-top: -12px;
}
.kcn .newsletter-offer .checklabel span {
	float: left;
	display: inline;
	width: 405px;
}
.kcn .newsletter-form .continue {
	padding-left: 22px;
}


/*******************************************
 * REGISTER: BENEFITS
 *******************************************/
.kcn-benefits {
	width: 800px;
	font-size: 18px;
	line-height: 24px;
}
.kcn-benefits .big-teal {
	margin: 1em auto 2em auto;
}
.kcn-benefits img {
	display: block;
}
.kcn-benefits h2 {
	line-height: 43px;
	font-size: 35px;
}
.kcn-benefits h3 {
	font-size: 20px;
}
.kcn-benefits .kcn-head {
	font-size: 27px;
}
.kcn-benefits ul.intro {
	margin: 0 0 0 125px;
}
.benefits-section {
	position: relative;
	margin: 1.5em 0;
}
.kcn-benefits .inset-both {
	padding-right: 35px;
	padding-left: 35px;
}
.kcn-benefits .inset-right {
	padding-right: 35px;
}
.benefits-blue {
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #CEE8EB;
}
.benefits-blue h3 {
	margin-bottom: 20px;
}
.benefits-check {
	padding-left: 55px;
	margin: 30px 30px 0 15px;
	background: transparent url('/img/misc/newkcn/purple-check.png') no-repeat 0 0;
}
.kcn-benefits .half-col {
	float: left;
	width: 400px;
}
.kcn-benefits .inset-both .half-col {
	width: 365px;
}
.kcn-benefits .pull-left {
	position: relative;
	left: -30px;
}


/*******************************************
 * HOW-TO VIDEOS: LANDING
 *******************************************/
.featured-howto {
	margin-bottom: 30px;
}
.featured-howto .video {
	float: left;
	width: 487px;
}
.featured-howto .video .vjs-default-skin .vjs-big-play-button:before,
.howto .owner .video .vjs-default-skin .vjs-big-play-button:before {
	display: none !important;
}
.featured-howto .info {
	float: left;
	margin: 0 10px 0 20px;
	width: 243px;
	font-size: 14px;
	line-height: 1.4em;
}
.featured-howto .info h2 {
	font-size: 18px;
	margin: 5px 0;
	color: #1f7b8f;
}
.featured-howto .info h2 a {
	color: #1f7b8f;
	text-decoration: none;
}
.featured-howto .info h2 a:hover {
	text-decoration: underline;
}
.featured-howto .info p {
	margin: 10px 0;
}

.howto-seasons .util {
	float: right;
	font-weight: bold;
	font-size: 12px;
	color: #1f7b8f;
	text-decoration: none;
	margin-top: 14px;
}
.howto-seasons .util:hover {
	text-decoration: underline;
}
.howto-seasons h3 {
	font-size: 24px;
	line-height: 1.2em;
}


/*******************************************
 * HOW-TO VIDEOS: LIST
 *******************************************/
.howtos .howto-list-item {
	width: 240px;
	margin-left: 20px;
}
.howtos .first {
	margin-left: 0;
}
.howto-list-item .thumb {
	margin-bottom: 10px;
}
.howto-list-item .thumb > img {
	display: block;
}
.howto-list-item .howto-title {
	color: #1f7b8f;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
.howto-list-item p {
	margin: 5px 0;
	font-size: 12px;
	line-height: 1.4em;
}


/*******************************************
 * HOW-TO VIDEOS: DETAIL
 *******************************************/
.howto .season-episode {
	display: block;
	font-size: 20px;
	margin-bottom: 16px;
}
.howto .video {
	margin-bottom: 15px;
	position: relative;
}
.howto .video > img {
	display: block;
	width: 100%;
	height: auto;
}
.howto .video .action-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.65);
	z-index: 99;
}
.lt-ie9 .howto .video .action-overlay {
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000,endColorstr=#A6000000);
    zoom: 1;
}
.howto .video .action-overlay-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 20% 23% 0 23%;
	text-align: center;
}
.howto .video .action-overlay-inner .request-action {
	background-color: #FFF;
	padding: 15px 0;
	margin: 15px 0;
	font-size: 13px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.85);
	   -moz-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.85);
	     -o-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.85);
	        box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.85);
}
.howto .kcn-social {
	margin-bottom: 10px;
}
.howto .info {
	font-size: 14px;
	line-height: 1.4em;
}

 video {
	display: block;
}
.action_with_button {
	margin: 0px;
	padding: 1em;
}
 .bc-wrapper {
	max-width: 100%;
	position: relative;
 }

 .bc-wrapper .video-js {
	height: 0 !important;
	max-width: 100%;
	padding: 0;
	margin: 0;
	padding-top: 56.25%;
 }

 .bc-wrapper .video-js video {
	cursor: pointer;
	outline: none;
 }

 .bc-wrapper .video-js .vjs-poster {
	background-size: cover;
 }

 .bc-wrapper .video-js.vjs-ended .vjs-poster {
	display: block;
 }

 .bc-wrapper .video-js .vjs-big-play-button {
 	width: auto;
 	height: auto;
 	background: none;
	background-color: none;
	color: none;
	width: 100px;
	height: 100px;
	left: 40%;
	top: 40%;
	border-radius: 50%;
	margin: -0.75em 0 0 -0.75em;
	padding: 0;
	
 }


 .bc-wrapper .video-js:hover .vjs-big-play-button{
 	background: none;
 	background-color: none;
 	background-color: rgba(0, 0, 0, 0.0);
 }

 .bc-wrapper .video-js .vjs-big-play-button:before {
 	color: #000;
 	opacity: .75;
 	-moz-opacity: .75;
 	filter:alpha(opacity=75);
 	background: none;
 	font-family: "FontAwesome";
 	content: "\f144";
	font-size: 100px;
	line-height: 100px;
	margin: 0 ;
	width: auto;
	vertical-align: middle;
	padding: 0;
 }

 .bc-wrapper .video-js:hover .vjs-big-play-button:before {
 	opacity: .5;
 	-moz-opacity: .5;
 	filter:alpha(opacity=50);
 }

 .bc-wrapper .video-js .vjs-big-play-button:focus {
 	background: none;
 	height: auto;
 	width: auto;
 }

 	.vjs-audio-button{
 		display: none;
 	}

 	.vjs-c-chapter.vjs-menu-button{
 		float: right;
 	}

 	.vjs-c-chapter.vjs-menu-button:before{
 		font-family: FontAwesome;
 		text-align: center;
 		content:"\f03a";
 		color: #fff;
 	}

 	.vjs-c-fullscreen-control.vjs-menu-button:before{
 		font-family: FontAwesome;
 		text-align: center;
 		content:"\f0b2";
 		color: #fff;
 	}

 	.playlist_hidden{
 		display: none;
 		position: absolute;
 		color: #fff;
 		width: auto;
 		height: 100%;
 		right: 0px;
 		top: 0px;
 		z-index: 2147483647;
 	}

 	.playlist_hidden .bg{
 		background-color: #000;
 		opacity: 0.7;
 		-moz-opacity: 0.7;
 		filter:alpha(opacity=7);
 		opacity: 1;
 		-moz-opacity: 1;
 		filter:alpha(opacity=100);
 		z-index: 2147483647;
 		max-width: 400px;
 		min-width: 300px;
 		width: 100%;
 		height: 100%;
 	}

 	.playlist_hidden .close{
 		position: absolute;
 		top: 0;
 		right: .75em;
 		color: #fff;
 		z-index: 2147483648;
 		font-size: 2em;
 		background-color: #000;
 		padding: .5em;
 		padding-top: 0;
 		padding-bottom: 0;
 	}

 	.playlist_hidden .close:hover{
 		text-shadow: 0em 0em 1em #ffffff;
 		cursor: pointer;
 	}

 	.playlist_hidden table.chapters, div.c-cont{
 		width: auto;
 		margin: 0;
 		padding: 0;
 		height: 100%;
 		z-index: 30000;
 		position: absolute;
 		width: 100%;
 		min-width: 300px;
 		color: #fff;
 	}

 	div.chpad{
 		padding-top: 3.5em;
 	}

 	div.c-cont{
 		padding: 0em;
 		font-size: .75em;		
 		overflow: hidden;
 		overflow-y: scroll;
 		-webkit-overflow-scrolling: touch;
 	}

 	.playlist_hidden .chapters tr td:first-child{
 		color: #6bb6a6;
 		font-size: 2em;
 		border-right: 1px solid #5e6c77;
 		margin-right: -.5em;
 		width: 1em;
 	}

 	.playlist_hidden table.chapters tr td{
 		margin: 0;
 		display: table-cell;
 		border-bottom: 1px solid #5e6c77;
 		padding: .5em;
 		vertical-align: middle;
 	}

 	.playlist_hidden table.chapters tr td.duration{
 		padding-right: 2em;
 	}

 	.playlist_hidden .chapters a{
 		color: inherit;
 		text-decoration: none;
 		text-overflow: ellipsis;
 	}

 	.playlist_hidden .chapters a.active{
 		color: #6bb6a6;
 		font-weight: bold;
 	}

 	.playlist_hidden .chapters a:hover{
 		text-shadow: 0em 0em 1em #ffffff;
 	}

 	#studio_pl_canvas > *{
 		display: block;
 		height: auto;
 		position: static;
 	}

 	#studio_pl_canvas{
 		display: none;
 	}

 	.chapterlist_player, .player-outer-container, #studio_video_canvas, #studio_canvas, .chapterlist_player td, .chapterlist_player tr, #video_notes, #advanced_controls, #studio_info_canvas{
 		width: 100%;
 		height: auto;
 		display: block;
 		position: static;
 		border: none;
 	}

 	#studio_playlist{
 		display: none;
 	}


 	.player-outer-container {
 /*		position: relative;
 		height: 338px;
 		*/
 	}

 	.resume-overlay-wrapper {
 		width: 100%;
 		height: 100%;
 		position: absolute;
 		top: 0;
 		bottom: 0;
 		left: 0;
 		right: 0;
 		background-color: rgba(0, 0, 0, 0.65);
 		z-index: 99;
 	}
 	/* transparent background for IE */
 	.lt-ie9 .resume-overlay-wrapper {
 		background-color: transparent;
 		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B3000000', endColorstr='#B3000000');
 	}

 	.resume-overlay-inner {
 		position: absolute;
 		top: 0;
 		bottom: 0;
 		left: 0;
 		right: 0;
 		margin: auto;
 		margin-top: 10%;
 		color: #FFF;
 		padding: 2em;
 		text-align: center;
 		font-size: 1.5em;
 	}

 	.resume-overlay-inner .action_with_button {
 		background-color: #FFF;
 		padding: 15px 15px;
 		margin: 15px 0;
 		color: #757575;
 		font-size: 13px;
 		-webkit-border-radius: 5px;
 		border-radius: 5px;
 		-webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.85);
 		box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.85);
 		display: inline-block;
 	}


 	
 	.loop-range {
 		width: 70%;
 		display: inline-block;
 		vertical-align: middle;
 		text-align: left;
 		margin: 0 10px;
 	}
 	.looping {
 		padding: 1em;
 		display: block;
 	}



 	/* noUiSlider alterations */
 	.noUi-connect {
 		background-color: #634393;
 	}
 	.noUi-handle {
 		box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #000;
 	}
 	.noUi-horizontal .noUi-handle {
 		background-color: #D3D3D3;
 		width: 20px;
 		top: -4px;
 		left: -11px;
 		height: 24px;
 	}
 	.noUi-handle:after, .noUi-handle:before {
 		background-color: #9F9F9F;
 		left: 7px;
 		top: 4px;
 	}
 	.noUi-handle:after {
 		left: 11px;
 	}
 	/* END ADDITION FOR overlay and looping */


 	.vjs-loading-spinner{
 		display: none;
 	}
 	div.vjs-loading-spinner .ball1{background: none; border: none; display: none;}
 	div.vjs-loading-spinner .ball2{background: none; border: none; display: none;}
 	div.vjs-loading-spinner .ball3{background: none; border: none; display: none;}
 	div.vjs-loading-spinner .ball4{background: none; border: none; display: none;}
 	div.vjs-loading-spinner .ball5{background: none; border: none; display: none;}
 	div.vjs-loading-spinner .ball6{background: none; border: none; display: none;}
 	div.vjs-loading-spinner .ball7{background: none; border: none; display: none;}
 	div.vjs-loading-spinner .ball8{background: none; border: none; display: none;}

 	.complete-player{
 		border: none;
 		background-color: #3e444a;
 		font-size: 10px;
 	}

 	.complete-player .video-js{
 		width: 100%; 
 		height: 100%; 
 		position: absolute; 
 		top: 0px; 
 		bottom: 0px;
 		right: 0px; 
 		left: 0px;
 	}

 	.complete-player .bcp1{
 		display: block; position: relative; max-width: 100%;
 	}

 	.complete-player .bcp2{
 		padding-top: 56.25%;
 	}

 	.complete-player .menu_bar{
 		display: none;
 		font-size: 1.5em;
 		line-height: 1.5em;
 	}

 	.complete-player.fullscreen{
 		background-color: #2b2f33;
 	}

 	.complete-player.fullscreen .menu_bar{
 		display: block;
 		background-color: #2b2f33;
 		color: #fff;
 		padding: .5em;
 		width: auto;
 		border: none;
 		position: relative;
 	}

 	.complete-player.fullscreen .playlist_hidden .bg{
 		opacity: 1;
 		margin-bottom: 6vh;
 	}

 	.repeat-controls{
 		background-color: #3e444a;
 		padding-left: 1em;
 		padding-right: 1em;
 		margin-top: 0;
 		display: none;
 		padding: 0em;
 		height: 40px;
 		line-height: 40px;
 		
 	}

 	.repeat-controls .css_small_button{
 		background-color: #2b2f33;
 		color: #fff;
 		padding: .5em;
 		margin-left: .25em;
 		margin-right: .25em;
 	}

 	.repeat-controls .fa.fa-repeat{
 		margin-left: 1em;
 	}

 	.repeat-controls input{
 		color: #000;
 		width: 10%;
 	}

 	.complete-player video.bc-player-default_default{
 		width: 100%; 
 		height: 100%; 
 		position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;
 	}

 	.complete-player.fullscreen{
 		height: 100vh;
 		max-height: 100vh;
 	}

 	.complete-player.fullscreen .repeat-controls{
 		margin: 0;
 		display: block;
 		background-color: #3e444a;
 		padding: 0em;
 		width: 100%;
 		position: relative;
 	}

 	.complete-player.fullscreen #advanced_controls{
 		background-color: #3e444a;
 		color: #fff;
 		position: relative;
 	}

 	.complete-player .vjs-control-bar .vjs-fullscreen-control, .complete-player .vjs-control-bar .vjs-live-display{
 		display: none;
 	}

 	.complete-player.fullscreen .c-cont{
 		padding-top: 0;
 	}

 	.complete-player.fullscreen div.chpad{
 		padding: 0;
 	}

 	.complete-player.fullscreen .playlist_hidden .close{
 		display: none;
 	}

 	.vjs-menu-button.vjs-play-control{
 		order: 1;
 	}

 	.vjs-menu-button.vjs-volume-menu-button-vertical{
 		order: 2;
 	}

 	.vjs-c-fullscreen-control {
 		order: 9;
 	}
 	.vjs-c-chapter{
 		order: 8;
 	}

 	.vjs-time-control.vjs-current-time,.vjs-time-control.vjs-time-divider,.vjs-time-control.vjs-duration{
 		display: none;
 	}

 	.vjs-time-control.vjs-current-time{
 		display: block;
 	}

 	.vjs-time-control.vjs-remaining-time{
 		display: block;
 		order: 5;
 		text-align: right;
 	}


 	.default_pad{
 		padding: 1em;
 		padding: 0;
 	}

 	.extra_controls{
 		padding: 0;
 		margin: 0;
 		margin-left: auto;
 		margin-right: auto;
 		display: block;
 		width: 90%;
 	}
 	#studio_canvas{
 		background-color: #3e444a;

 	}
 	#studio_video_canvas{
 		border: none;
 		background-color: #3e444a;
 	}

 	.ch-toggle{
 		cursor: pointer;
 		display: none;
 	}
 	@media only screen and (max-width:1024px) {
 		#studio_canvas, .below_can{
 			max-width: 900px;
 			width: 900px;
 			margin-left: auto;
 			margin-right: auto;
 		}
 	}



 	#advanced_controls {
 		background-color: #f1f1f1;
 	}
 	#advanced_controls .css_small_button:hover {
 		text-decoration: none;
 	}
 	
 	
 	#advanced_controls .disabled-controls {
 		color: #C9C9C9;
 		cursor: no-drop;
 	}
 	#advanced_controls .disabled-controls .css_small_button {
 		cursor: no-drop;
 		color: #EEE;
 		background-color: #CCC;
 		text-shadow: none;
 		-webkit-box-shadow: none;
 		   -moz-box-shadow: none;
 		        box-shadow: none;
 	}
 	#advanced_controls .disabled-controls .css_button:hover,
 	#advanced_controls .disabled-controls .css_button:focus,
 	#advanced_controls .disabled-controls a.css_small_button:hover,
 	#advanced_controls .disabled-controls a.css_small_button:focus {
 		background-color: #CCC;
 		text-decoration: none;
 		-webkit-box-shadow: none;
 		   -moz-box-shadow: none;
 		        box-shadow: none;
 	}

 	#advanced_controls{
 		display: none;
 	}


/* Fix for weird spacing in IE */
#global-header .global-logo img{
	height: 59px;
	padding: 0;
}


.title-overlay {
	position: absolute;
    top: 220px;
    right: 250px;
	width: 500px;
    font-size: 35px;
    color: white;
	text-align: center;
	-webkit-text-stroke: 0.4px #222;
    font-weight: bold;
}