/* @override 
	http://ligonier-media.local/mobile/style.css
	http://ligonier-media.local/mobile/style.css
	https://staging.ligonier.org/media/mobile/style.css
	http://hotsauce.local:8010/mobile/style.css
	http://cooper.local:8081/mobile/style.css
	http://hotsauce.local:8081/mobile/style.css
	http://lmmedia01.ligonier.org/mobile/style.css
	http://ligmedia:8888/media/mobile/style.css
	http://d3abi6urn4w8xd.cloudfront.net/mobile/style.css?d57095d0815c60b22372
*/

/* Reset CSS */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:separate;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

a{
	outline: none;
}

/* @group Basic Styles */

html,body{
	background: #333;
}

ul, ul li{
	margin: 0;
}

html{
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-webkit-font-smoothing: antialiased;
}

p{
	-webkit-user-select: text;
}

textarea{
	padding: 5px;
	margin: 5px;
}

label {
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	display: none;
}

/* Nice Ampersands for the iPhone */

@font-face {
	font-family: 'PalatinoAmpersand';
	src: url('palai.svg#PalatinoLinotype-Italic') format('svg');
}

/*span.amp{
	font-family: PalatinoAmpersand, Georgia;
}*/

body{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-webkit-text-size-adjust: none;
	color: #383838;
/*	text-shadow: #FFF 0 1px 0;*/
}

h1{
	font-size: 26px;
	color: #39322a;
	line-height: 30px;
}

a{
	color: #a36318;
	text-decoration: none;
}

#wrapper a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#wrapper p a,
#wrapper table a{
	-webkit-tap-highlight-color: rgba(0,0,0,.2);
}

#wrapper p a.button{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

sup{
	font-size: 8px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	top:-2px;
}

strong {
	font-weight: bold;
}

em{
	font-style: italic;
}

#page{
	overflow: hidden;
}

blockquote {
	background: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 12px 15px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
}

h2{
	padding: 5px 0;
	line-height: 24px;
	font-size: 20px;
}

fieldset {
	padding-left: 15px;
	padding-right: 15px;
	background: #EEE;
}

@media (min-width:319px){
	body{
/*		min-height: 406px;*/
	}
}

@media (min-width:479px){
	body{
		min-height: 258px;
	}
}

div#wrapper{
	background: #fff;
}

/* @end */

/* @group Media player */

/* @end */

/* @group Article */

#page div.article h2,
fieldset h2{
	color: #333;
	font: 18px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.article ul{
	padding: 0 10px 0 6px;
	margin-bottom: 20px;
}

div.article p img,
div.article br{
	display: none;
}

div.article ul li{
	list-style: disc;
	margin-left: 25px;
	margin-bottom: 6px;
	margin-top: 6px;
}

div.article{
	padding: 15px;
	line-height: 24px;
	font-size: 16px;
	text-rendering: optimizeLegibility;
}

div.article-footer,
ul.tableview-parent,
div#footer { background-color: #ececec; }

div.article-footer blockquote{
	color: #AAA;
}

div.article p {
	margin-bottom: 20px;
}

div.article p:empty { display: none; }

div.article-footer{
	padding: 10px 15px;
}

div.article-footer,
div.article-footer p{
	color: #444;
}

div.article-footer p{
	line-height: 22px;
	font-size: 14px;
	padding: 4px 0;
	margin-bottom: 6px;
}

div.article-footer h2{
	color: #000;
	padding-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font: bold 12px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.article-footer h2:not(:first-child){
	padding-top: 20px;
}

/* @end */

/* @group Page Header */

div.page-header p.meta{
	color: #999;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
	font: 14px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: relative;
}

div.page-header p.meta span.dquo,
div.page-header p.meta span.quo{
	position: absolute;
	display: block;
	left: 5px;
	width: 10px;
	text-align: right;
}

div.page-header{
	padding: 12px 0;
	overflow: hidden;
}

div.page-header ul.tab-menu {
	padding: 5px 15px 0;
	border-bottom: 5px solid #eee;
	overflow: hidden;
	background: -webkit-gradient(
	linear,
	0 0,
	0 100%,
	from(rgba(0,0,0,0)),
	to(rgba(0,0,0,.07)));
	background-repeat: repeat-x;
	background-position: 0 bottom;
	-webkit-background-size: 3px;
}

div.page-header ul.tab-menu li{
	display: block;
	float: left;
	margin-right: 5px;
	height: 36px;
}

div.page-header ul.tab-menu li a{
	display: inline-block;
	width: 80px;
	text-align: center;
	height: 30px;
	position: relative;
	top: 2px;
	line-height: 32px;
	color: #888;
	text-shadow: rgba(255,254,255,0.6) 0 1px 0;
	-webkit-border-radius: 3px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	background: -webkit-gradient(
	linear,0 0,0 100%,
	from(rgba(255,255,255,.6)),
	to(rgba(0,0,0,0)),
	color-stop(1%,rgba(255,255,255,.6)),
	color-stop(1%,rgba(255,255,255,.3)),
	color-stop(26%,rgba(255,255,255,0)),
	color-stop(30%,rgba(0,0,0,.08))
	);
	background-color: #DDD;
	-webkit-background-size: 100px;
	font-size: 14px;
	margin-top: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 0 2px;
	border-bottom: 1px solid #c0c1c1;
}

div.page-header ul.tab-menu li a.tapping{ /* TAP THAT */ /* NEVER GETS OLD */
	background-color: #FFF;
	-webkit-box-shadow: rgba(255,255,255,1) 0 6px 8px;
	border-bottom-color: #DDD;
}

div.page-header ul.tab-menu li.current a{
	background: -webkit-gradient(
	linear,0 0,0 100%,
	from(rgba(255,255,255,.8)),
	to(rgba(0,0,0,0)),
	color-stop(1%,rgba(255,255,255,.8)),
	color-stop(1%,rgba(255,255,255,.3)),
	color-stop(25%,rgba(255,255,255,0))
	);
	top: 0;
	background-color: #EEE;
	color: #333;
	border-bottom: 1px solid #EEE;
	height: 32px;
	line-height: 35px;
}

ul.toggle-menu{
	text-shadow: rgba(255,254,255,0.5) 0 1px 0;
	padding: 7px;
	-webkit-border-radius: 5px;
	overflow: hidden;
}

ul.toggle-menu li{
	float: left;
	width: 48%;
}

ul.toggle-menu li.last{
	float: right;
}

#wrapper ul.toggle-menu li a{
	-webkit-tap-highlight-color: rgba(0,0,0,.2);
}

ul.toggle-menu li a{
	display: block;
	padding: 8px 0 9px;
	color: #555;
	text-align: center;
	text-shadow: rgba(255,254,255,0.25) 0 1px 0;
	background: -webkit-gradient(
		linear,0 0,0 100%,
		from(rgba(0,0,0,.25)),
		to(rgba(0,0,0,0))
		);
	background: none;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0);
}

ul.toggle-menu li.current a{
	background: -webkit-gradient(
	linear,0 0,0 100%,
	from(rgba(0,0,0,0)),
	to(rgba(0,0,0,.15))
	);
	background-color: #666;
	color: #FFF;
	text-shadow: #000000 0 -1px 0;
	border: 1px solid rgba(0,0,0,.2);
}

div.page-header h2{
	margin: 0;
	padding: 0 15px;
	font: bold 24px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.page-header p{
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Pagination */

div#pagination,
div.infinite-scroll-wrapper{
	background:
	-webkit-gradient(linear,0 0,0 100%,
		from(rgba(0,0,0,.2)),
		to(rgba(0,0,0,0)))
		0 0 repeat-x,
	-webkit-gradient(linear,left top,left bottom,
		from(rgba(255,255,255,0)),
		to(rgba(255,255,255,.08)))
		0 0 repeat;
	background-color: #444;
	-webkit-background-size: 5px 5px, 5px 3px;
}

.no-cssgradients div#pagination {
	background: #555 url(v2/shadow-top-5px.png) repeat-x;
}

#pagination p span.page-numbers {
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

#pagination p,
div.infinite-scroll-wrapper{
	text-align: center;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	white-space: nowrap;
	margin: 0;
	padding: 10px 15px 11px;
}

#pagination p span,
#pagination p a,
div.infinite-scroll-wrapper a{
	display: inline-block;
	line-height: 30px;
	height: 33px;
}

div.infinite-scroll-wrapper a{
	color: #333;
	-webkit-transition: all 100ms ease-in-out;
	-webkit-touch-callout: none;
}

div.infinite-scroll-wrapper a.disabled,
div.infinite-scroll-wrapper a.loading{
	color: #777;
	opacity: .5;
}

#pagination p span.right-links{
	float: right;
}

#pagination p span.left-links{
	float: left;
}

#pagination p span.wrapper,
div.infinite-scroll-wrapper a,
div#media-player div.play-audio a,
#wrapper a.roundrect{
	display: block;
	border-top: 1px solid rgba(255,255,255,.7);
	overflow: hidden;
	height: 33px;
	width: 100%;
	-webkit-box-shadow: rgba(0,0,0,.2) 0 1px 3px;
	background: -webkit-gradient(linear, left top, left bottom, 
         from(rgba(0,0,0,0)), 
         to(rgba(0,0,0,.2)));
	background-color: #EEE;
	-webkit-border-radius: 8px 7px;
	text-align: center;
	color: #404040;
	text-shadow: rgba(255,254,255,0.58) 0 1px 0;
	line-height: 32px;
}

div#media-player div.play-audio a{
	font-size: 18px;
}

#wrapper a.roundrect{
	-webkit-tap-highlight-color: rgba(0,0,0,.2);
}

#wrapper a.roundrect.tapping{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#wrapper a.roundrect:active,
#wrapper a.roundrect.active{
	background-color: #a6b474;
	color: #333;
	text-shadow: rgba(255,254,255,0.37) 0 1px 0;
	border-top-color: #d0d0d0;
}

.no-cssgradients #pagination p span.wrapper{
	background: #dddfdf url(tableview-list-item-bkg-last.png) repeat-x 0 bottom;
}

#pagination p .nav-link{
	display: inline-block;
	width: 44px;
	overflow: hidden;
	background: url(v2/pagination-icons.png) no-repeat center center;
	text-indent: 10000px;
}

#pagination p .nav-link.tapping{
	background-color: rgba(0,0,0,.2);
}

#pagination p .nav-link.first{
	-webkit-border-radius: 7px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	background-position: center 11px;
}

#pagination p .nav-link.prev{
	background-position: center -19px;
}

#pagination p .nav-link.next{
	background-position: center -49px;
}

#pagination p .nav-link.last{
	-webkit-border-radius: 7px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	background-position: center -79px;
}

#pagination p span.nav-link{
	opacity: .3;
}

/* @end */

/* @group Footer */

div#footer #footer-inner{
	padding: 10px 15px 12px;
	position: relative;
}

div#footer a{
	color: #999;
	display: block;
	background: #000 -webkit-gradient(
	linear,
	left top,
	left bottom,
	from(rgba(255,255,255, .3)),
	to(rgba(255,255,255, .2)),
	color-stop(26%,rgba(255,255,255, .24)));
	-webkit-background-clip: padding-box;
	-webkit-box-shadow: rgba(0,0,0,.3) 0 1px 2px;
	border-top: 1px solid #666;
	text-shadow: #000000 0 -1px 0;
	-webkit-background-size: 100px;
	line-height: 26px;
	height: 27px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	margin-left: 8px;
	padding: 0 12px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,.2) 0 2px 4px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
/*	 -webkit-transition: all 80ms ease-in-out;*/
	-webkit-touch-callout: none;
	text-rendering: optimizeLegibility;
}

div#footer a#logout-link{
	display: none;
}

div#footer p{
	margin: 0;
	float: left;
	font: normal 13px/10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 16px 0;
}

div#footer p.right{
	float: right;
	padding: 0;
}

div#footer-inner{
	overflow: hidden;
}

/* @end */

/* @group Q&As */

#page div.question p {
}

div.question-header{
	padding: 12px 0;
	overflow: hidden;
}

div.question-header h1 {
	margin: 0;
  padding: 0 15px;
  font: bold 24px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group Tag list */

ul.tag-list{
	overflow: hidden;
	padding-top: 8px;
}

ul.tag-list li{
	display: block;
	list-style: none;
	float: left;
}

ul.tag-list li a{
	line-height: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipses;
	background: url(filter-bkg.png) no-repeat right center;
	padding-right: 15px;
	color: #FFF;
	text-shadow: #434343 0 -1px 0;
	font-size: 12px;
	margin-left: 8px;
	margin-bottom: 6px;
	margin-right: 8px;
}

ul.tag-list li a span{
	display: inline-block;
	background: url(filter-bkg.png) no-repeat left center;
	padding-left: 26px;
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipses;
}

ul.tag-list li a strong{
	color: #c4c6c6;
}

/* @end */

/* @group Tableview */

ul.tableview,
ul.columnview{
	overflow: hidden;
	border-bottom: 1px solid #444;
}

ul.tableview-parent { padding: 10px 0; }

ul.tableview-parent ul.tableview,
ul.tableview-parent ul.columnview{
	margin-top: 0;
}

ul.tableview li.more a{
	background-image: url(more-carat.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 35px;
	-webkit-background-size: 25px 14px;
}


@media only screen and (-webkit-min-device-pixel-ratio:2){
	ul.tableview li.more a{
	background: url(v2/more-carat-iphone4.png) repeat;
	background-repeat: no-repeat;
	background-position: right center;
}
}

h3:first-child{

}

ul.tableview-parent li h3{
	font: bold 13px/27px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-indent: 15px;
	height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
	text-rendering: optimizeLegibility;
}

ul.tableview li{
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

table a{
	color: #888;
}

#wrapper a{
	
}

@-webkit-keyframes newGlow {
	from {
		background-color: #c2d274;
		border-top-color: #e1f48a;
	}
	to {
		background-color: #EEE;
	}
}

ul.tableview li.new{
	-webkit-animation-name: newGlow;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
}

.no-cssgradients ul.tableview li,
.no-cssgradients ul.columnview li{
/*	background: #ddd url(v2/listview-item-bkg.png) repeat-x -1px;*/
}
/*
ul.tableview li:last-child,
ul.columnview li:last-child{
	border-bottom: none;
}*/

table tr:last-child td,
table tr:last-child th,
ul.tableview li:last-child{
	border-bottom: none;
}

li.search-result.store-result {

}

ul.tableview li span.qty b{
	display: block;
	height: 20px;
}

.no-cssgradients ul.tableview li span.qty b{
	height: 22px;
	background: url(tableview-number-bkg.png) no-repeat left center;
}

ul.tableview li span.qty{
	position: absolute;
	top: 11px;
	right: 15px;
	display: inline-block;
	font-size: 12px;
	-webkit-border-radius: 10px;
	height: 20px;
	background: -webkit-gradient(linear,0 0,0 100%, from(#666), to(#444));
	color: #EEE;
	text-shadow: #000 0 -1px 0;
	padding-left: 10px;
	padding-right: 10px;
	text-indent: 0;
	line-height: 20px;
	-webkit-box-shadow: rgba(255,255,255,.5) 0 1px 0px
}

.no-cssgradients ul.tableview li span.qty{
	height: 22px;
	line-height: 22px;
	top: 9px;
	color: #e4e4e4;
	background: url(tableview-number-bkg.png) no-repeat right center;
	padding-right: 15px;
}

ul.tableview li:first-child{

}

ul.tableview li a,
ul.tableview li span.linkless{
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #464646;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
}

ul.tableview.has-list-numbers li a{
	padding-left: 0;
}

/*ul.tableview li a.current.broadcast{
	padding-right: 50px;
}
ul.tableview li a.current.audio.broadcast{
	background: url(v2/icon-listening.png) no-repeat right;
}
ul.tableview li a.current.video.broadcast{
	background: url(v2/eyecon-badum-tsh.png) no-repeat right;
}*/

/* Special case for landscape content */
ul.tableview li span.meta span.extra{
	display: none;
}

@media (min-width:479px){
	ul.tableview li span.meta span.extra{
		display: inline;
	}
}

ul.tableview li a.has-image img{
	width: 50px;
	height: 50px;
}

ul.tableview li a.has-image{
	position: relative;
	padding-right: 75px;
}

ul.tableview li a.has-image span.image-wrapper{
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	overflow: visible;
	padding: 1px;
	width: 54px;
	height: 54px;
}

ul.tableview li a.has-image span.image-wrapper img{
	position: relative;
	width: 50px;
	height: 50px;
	top: -52%;
	border: 1px solid #BBB;
	background-color: #FFF;
	padding: 1px;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
}

ul.tableview li a.has-image span.image-caption{
	padding-right: 0;
}

ul.tableview li span{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 15px;
	text-shadow: rgba(255,254,255,0.75) 0 1px 0;
}

ul.tableview li span.amp{
	display: inline;
	padding: 0;
	font-family: PalatinoAmpersand, Georgia, "Times New Roman", Times, serif;
}

ul.tableview li span.title span,
ul.tableview li span.meta span{
	display: inline;
	padding: 0;
	text-indent: 0;
}

ul.tableview li span.title{
	white-space: normal;
	max-height: 81px;
	text-indent: 0;
	text-overflow-mode:ellipsis;
	padding-bottom: 3px;
	font: 18px/20px Georgia, "Times New Roman", Times, serif;
	text-rendering: optimizeLegibility;
	text-shadow: none;
}

ul.tableview li span.title.has-list-number{
	padding-left: 48px;
	position: relative;
}

ul.tableview li span.title span.list-number{
	position: absolute;
	left: 0;
	width: 40px;
	text-align: right;
}

ul.tableview li span.meta{
	color: #a7a8a8;
/*	 -webkit-transition: color 80ms ease-in-out;*/
	font-size: 14px;
}

ul.tableview li.tapping{
	border-top: 1px solid #e1eda5;
	background: #d0db98;/* -webkit-gradient(linear, left top, left bottom, 
         from(rgba(255,255,255,.1)), 
         to(rgba(0,0,0,.1)));*/
}

ul.tableview li.tapping span{
	color: #41462f;
}

ul.tableview li a.tapping span.qty{
	color: #FFF;
}

ul.tableview li a.tapping span.meta{
	color: #7f8760;
}

ul.tableview li.show-more a{
	background-color: #EEE;
}

ul.tableview li.show-more a span{
	display: inline;
	padding: 0;
}

/* @end */


/* Learn Series */

ul li a.not-free span.title {
    background: url(../images/jump-menu-lock.gif) 0.5% 23% no-repeat;
}

/* @group Columnview */

table td{
	overflow: hidden;
	padding: 8px 15px 8px 8px;
}

ul.columnview li p{
	font: 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 15px;
}

table td{
	font-size: 14px;
}

span.list-number{
	display: inline-block;
	width: 24px;
	text-align: right;
	margin-right: 2px;
}

table{
	width: 100%;
}

table,
table a{
	font-size: 14px;
}

table th{
	font-weight: bold;
	padding-left: 15px;
}

/* @end */

#header{
	background: url(shadow-h.png) repeat-x 0 bottom;
	position: relative;
}

#header-inner{
	background: #424242 url(shadow-h.png) repeat-x 0 30px;
}

#header h1{
	overflow: hidden;
	margin: 0 auto;
	padding: 0 50px 0 0;
/*	max-width: 720px;*/
	height: 35px;
	border-bottom: 1px solid #262626;
	background: #353535 -webkit-gradient(linear, 0 0, 0 100%, 
	from(rgba(255,255,255,.15)),
	to(rgba(255,255,255,0)),
	color-stop(0,rgba(255,255,255,.23)),
	color-stop(1%,rgba(255,255,255,.23)),
	color-stop(1%,rgba(255,255,255,.15)),
	color-stop(35%,rgba(255,255,255,0))
	);
	-webkit-background-size: 100px; /* Set 1% to 1px */
}

.no-cssgradients #header h1{
	background: url(v2/header-bkg.png) repeat-x;
}

/* @group Site menu */

#site-menu{
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
	width: 320px;
}

#site-menu-inner{
	-webkit-border-radius: 5px;
	padding: 0;
	z-index: 1001;
	top: 32px;
	width: 300px;
	left: 10px;
	-webkit-box-shadow:
	0 0 1px rgba(0,0,0,1),
	0 3px 15px rgba(0,0,0,.7);
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 33px;
}

.no-boxshadow #site-menu-inner{
	border: 1px solid #777;
	left: 9px;
}

#site-menu ul li {
	display: block;
	list-style: none;
	margin: 0;
}

#site-menu .header{
	width: 41px;
	height: 37px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
	background: url(menu-carat.png) no-repeat 17px 29px;
	-webkit-background-size: 9px 5px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
#site-menu .header{
	background-image: url(menu-carat-iphone4.png);
}
}

a#hide-site-menu{
	display: block;
	width: 41px;
	height: 37px;
	position: absolute;
	-webkit-touch-callout: none;
	top: 0;
	right: 0;
	text-indent: -10000px;
	overflow: hidden;
	background: none;
}

a#hide-site-menu.tapping{
	background-color: rgba(0,0,0,.5);
	-webkit-border-bottom-left-radius: 5px;
}

/* iPhone */
#site-menu ul li a{
	height: 40px;
	padding-left: 15px;
	display: block;
	color: #323232;
	background-image: -webkit-gradient(
		linear,
		0 0,
		0 100%,
		from(rgba(0,0,0,0)),
		to(rgba(255,255,255,.7)),
		color-stop(60%,rgba(0,0,0,0)),
		color-stop(98%,rgba(0,0,0,.06)),
		color-stop(98%,rgba(0,0,0,.15)),
		color-stop(99%,rgba(0,0,0,.15)),
		color-stop(99%,rgba(255,255,255,.7))
	);
	-webkit-background-size: 100px;
	background-color: #ececec;
	background-repeat: repeat-x;
	background-position: 0 bottom;
	font: 16px/39px Georgia, "Times New Roman", Times, serif;
}

#site-menu ul li:first-child a{
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 5px;
	padding-top: 2px;
	border-top: 1px solid #FFF;
}

.no-cssgradients #site-menu ul li a{
	background: #ececec url(site-menu-list-item-bkg.png) repeat-x 0 bottom;
}

#site-menu ul li a.tapping{
	background-color: #DDD;
}

#site-menu form.site-search{
	width: 300px;
	margin: 0;
	height: 63px;
	padding: 0;

	background-color: #ececec;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
}

form.site-search{
	width: 280px;
	position: relative;
	height: 43px;
	margin: 0 auto;
	overflow: visible;
}

#search-field {
	padding-top: 1px;
}

#site-menu form.site-search input{
	top: 10px;
	left: 10px;
	width: 218px;
}

#site-menu form.site-search button{
	top: 10px;
	right: 10px;
}

a#show-site-menu {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 36px;
	width: 40px;
	text-indent: -1000px;
	overflow: hidden;
	-webkit-touch-callout: none;
	background: url(menu-toggle.png) no-repeat 0 0;
	-webkit-background-size: 40px 108px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
	a#show-site-menu{
	background: url(menu-toggle-iphone4.png) no-repeat 0 0;
	background-size: 100%;
}
}

a#show-site-menu:active,
a#show-site-menu.tapping{
	background-position: 0 -36px;
}

a#show-site-menu.active{
	background-position: 0 -72px;
}

/* @end */

/* @group Search box */

form.site-search button{
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-box-shadow: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: url(v2/magnifying-glass.png) no-repeat 5px 5px,
	-webkit-gradient(linear,0 0,0 100%,
	from(rgba(255,255,255,.6)),
	to(rgba(0,0,0,.1)),
	color-stop(3%,rgba(255,255,255,.6)),
	color-stop(3%,rgba(255,255,255,.2)));
	-webkit-background-size: 30px, auto;
	background-color: #c2d274;
	height: 42px;
	width: 42px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -10000px;
	border: 1px solid #909090;
	-webkit-box-shadow: #FFF 0px 1px 0px;
	border-bottom-color: #777;
	-webkit-background-clip: padding-box;
}

.no-cssgradients form.site-search button{
	height: 43px;
	top: 0;
	right: 0;
	border: 0;
	background: #EEE url(menu-search-sprite.png) right 0;
}

form.site-search button.tapping,
#search-field form.site-search button.tapping{
	background: url(v2/magnifying-glass.png) no-repeat 5px 5px,
	-webkit-gradient(linear,0 100%,0 0,
	from(rgba(255,255,255,.6)),
	to(rgba(0,0,0,0)),
	color-stop(3%,rgba(255,255,255,.6)),
	color-stop(3%,rgba(255,255,255,.2)),
	color-stop(98%,rgba(0,0,0,.15)),
	color-stop(98%,rgba(0,0,0,0)));
	-webkit-background-size: auto;
	background-color: #daef88;
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
form.site-search button {
  background: url(v2/magnifying-glass-iphone4.png) no-repeat 5px 5px;
  background-color: #c2d274;
  background-size: 80%;
}

form.site-search button:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  height: 100%; width: 100%;
  
  background-image: -webkit-linear-gradient(top,  rgba(255,255,255,.6) 0%, rgba(255,255,255,.6) 3%, rgba(255,255,255,.2) 3%,  rgba(0,0,0,.1));
  background-image:    -moz-linear-gradient(top,  rgba(255,255,255,.6) 0%, rgba(255,255,255,.6) 3%, rgba(255,255,255,.2) 3%,  rgba(0,0,0,.1));
  background-image:      -o-linear-gradient(top,  rgba(255,255,255,.6) 0%, rgba(255,255,255,.6) 3%, rgba(255,255,255,.2) 3%,  rgba(0,0,0,.1));
  background-image:         linear-gradient(to bottom,  rgba(255,255,255,.6) 0%, rgba(255,255,255,.6) 3%, rgba(255,255,255,.2) 3%,  rgba(0,0,0,.1));
}

form.site-search button.tapping,
#search-field form.site-search button.tapping{
	background: url(v2/magnifying-glass-iphone4.png) no-repeat 5px 5px,
	-webkit-gradient(linear,0 100%,0 0,
	from(rgba(255,255,255,.6)),
	to(rgba(0,0,0,0)),
	color-stop(3%,rgba(255,255,255,.6)),
	color-stop(3%,rgba(255,255,255,.2)),
	color-stop(98%,rgba(0,0,0,.15)),
	color-stop(98%,rgba(0,0,0,0)));
	-webkit-background-size: 30px, auto;
	background-color: #daef88;
}
}

@-webkit-keyframes buttonPulse {
	from {
		background-color: #c2d274;
	}
	to {
		background-color: #f5fdc7;
	}
}

form.site-search input:focus+button{
	-webkit-animation-name: buttonPulse;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes pulse {
	0% {
		opacity: 1.0;
	}
	50% {
		opacity: 0.3;
	}
	100% {
		opacity: 1.0;
	}
}

.pulsing {
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
}

.no-cssgradients form.site-search button:hover,
.no-cssgradients form.site-search button:focus,
.no-cssgradients form.site-search button:active{
	outline: none;
	background: #c2d274 url(menu-search-sprite.png) right 0;
}

.no-cssgradients form.site-search input{
	height: 23px;
	padding: 10px;
	margin: 0;
	width: 218px;
	border: 0px;
	background: transparent url(menu-search-sprite.png);
}

form.site-search input{
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #909090;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-shadow: #FFF 0 1px 0;
	padding: 0 9px 0 10px;
	height: 40px;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(rgba(0,0,0,.15)),
		to(rgba(0,0,0,.1)),
		color-stop(10%,rgba(0,0,0,.05)),
		color-stop(20%,rgba(0,0,0,.01)),
		color-stop(40%,rgba(0,0,0,0))
	) repeat-x 0 0,
	-webkit-gradient(
		linear, left top, right top,
		from(rgba(0,0,0,.05)),
		to(rgba(0,0,0,0))
	) no-repeat 0 0;
	background-color: #FFF;
	-webkit-background-size: 100px 100px, 8px 100px;
	-webkit-background-clip: padding-box;
}

form.site-search input:focus{
	outline: none;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(rgba(0,0,0,.1)),
		to(rgba(0,0,0,.1)),
		color-stop(5%,rgba(0,0,0,0)),
		color-stop(36%,rgba(0,0,0,0)),
		color-stop(40%,rgba(0,0,0,.06))
	) repeat-x 0 0,
	-webkit-gradient(
		linear, left top, right top,
		from(rgba(0,0,0,.1)),
		to(rgba(0,0,0,0))
	) no-repeat 0 0;
	background-color: #FFF;
	-webkit-background-size: 100px 100px, 5px 100px;
}

.no-cssgradients form.site-search input:focus,
.no-cssgradients form.site-search input:active{
	background-position: 0 -43px;
}

#search-field form{
	position: relative;
}

#site-menu form a.clear-field{
	right: 63px;
	top: 10px;
}

form a.clear-field.clicked{
	background-position: 0 -39px;
}

#search-field form.site-search{
	width: 290px;
	margin: 4px auto 5px;
	height: 43px;
	padding: 0;
}

#search-field form.site-search input{
	left: 0;
	top: 0;
	width: 228px;
	-webkit-box-shadow: #EEE 0 1px 0;
}

#search-field form.site-search button{
	top: 0;
	right: 0;
	-webkit-box-shadow: #EEE 0 1px 0;
}

@media (min-width:479px){
	#search-field form.site-search{
		width: 450px;
	}
	#search-field form.site-search input{
		left: 0;
		top: 0;
		width: 388px;
	}
	
	#search-field form.site-search button{
		top: 0;
		right: 0;
	}
}

/* @end */

/* @group Page subheading */

div#subheader {
	color: #CCC;
	max-width: 690px;
	margin: 0 auto;
	padding: 12px 15px;
	text-shadow: #000000 0 -1px 0;
}

div#subheader h2{
	margin: 0 0 3px;
}

div#subheader p{
	margin: 0;
}

/* @end */

/* @group Header breadcrumbs */

#header h1 a.homepage-url,
#header h1 span.homepage-url{
	height: 36px;
	background: url(v2/header-text.png) no-repeat -41px 6px;
	text-indent: -1000px;
	overflow: hidden;
	display: block;
	width: 250px;
	float: none;
	-webkit-background-size: 281px 22px;
}

#header h1 span.first a{
	background: url(v2/header-text.png) no-repeat 9px 6px;
	-webkit-background-size: 281px 22px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
	#header h1 a.homepage-url,
	#header h1 span.first a{
		background-image: url(v2/header-text-iphone4.png);
	}
}

#header h1 a.homepage-url:active,
#header h1 a.homepage-url.tapping{
	background-color: rgba(0,0,0,0.2);
}

#header h1 span,
#header h1 span a{
	display: block;
	float: left;
	height: 36px;
	overflow: hidden;
	color: #b9b9b9;
	text-shadow: #000000 0px -1px 0px;
	line-height: 36px;
	font-size: 14px;
	font-style: italic;
	letter-spacing: 0;
	text-rendering: optimizeLegibility;
}

#header h1 span a{
	padding-left: 10px;
	padding-right: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-touch-callout: none;
	/*min-width: 40px;*/
}

#header h1 span.truncate a{
	max-width: 100px;
}

#header h1 span:last-child{
	background: none;
}

#header h1 span{
	background: url(v2/header-breadcrumb.png) no-repeat right 0;
	padding-right: 9px;
	-webkit-background-size: 248px 108px;
}

#header h1 span.first a{
	text-indent: -10000px;
	min-width: 10px;
	width: 40px;
	padding: 0;
}

#header h1 span.first{
}

#header h1 span.tapping,
#header h1 span:last-child.tapping{
	background: url(v2/header-breadcrumb.png) no-repeat right 0;
	background-position: right -72px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
	#header h1 span,
	#header h1 span.tapping,
	#header h1 span:last-child.tapping{
		background-image: url(v2/header-breadcrumb-iphone4.png);
	}
}

#header h1 span.tapping-prev{
	background-position: right -36px;
}

/* @end */

/* @group Basic Form Elements */

button,
.button{
	display: inline-block;
	-webkit-border-radius: 4px;
	text-align: center;
	font: 18px/40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #f7fbe4 0 1px 0;
	color: #595f25;
	margin: 0 auto;
	border: 1px solid #afb872;
	-webkit-box-shadow: #FFF 0 1px 0;
	padding-left: 30px;
	padding-right: 30px;
	height: 40px;
	background: #cdd58a -webkit-gradient(linear, 0 0, 0 100%,
	from(rgba(255,255,255,1)),
	to(rgba(255,255,255,0)),
	color-stop(1%,rgba(255,255,255,1)),
	color-stop(1%,rgba(255,255,255,.5)),
	color-stop(40%,rgba(255,255,255,0))
	) repeat-x 0 top;
	-webkit-background-size: 100px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Don't show the shadow on the jwplayer */
.jwcontrols button,
.jwdockbuttons .button{
	-webkit-box-shadow: #FFF 0 0px 0;
    text-shadow #f7fbe4 0 0px 0;
}

.no-cssgradients button,
.no-cssgradients .button{
	background: #e3e6bb url(button-large.png);
}

button.tapping,
a.button.tapping,
button:active,
a.button:active{ /* TAP THAT */
	color: #3b3f16;
	background:
	-webkit-gradient(
		linear, left top, left bottom,
		from(rgba(0,0,0,.05)),
		to(rgba(0,0,0,.2)),
		color-stop(1%,rgba(0,0,0,.05)),
		color-stop(1%,rgba(0,0,0,.14)),
		color-stop(14%,rgba(0,0,0,.05)),
		color-stop(28%,rgba(255,255,255,.1)),
		color-stop(38%,rgba(255,255,255,.5))
	) repeat-x 0 0,
	-webkit-gradient(
		linear, left top, right top,
		from(rgba(0,0,0,.05)),
		to(rgba(0,0,0,0))
	) repeat-y 0 0,
	-webkit-gradient(
		linear, right bottom, left bottom,
		from(rgba(0,0,0,.05)),
		to(rgba(0,0,0,0))
	) repeat-y 100% 0;
	border: 1px solid #afb872;
	background-color: #cdd58a;
	-webkit-background-size: 30px 100px, 3px 3px, 3px 3px;
}

input{
	margin: 0;
	display: block;
	width: 90%;
	font-size: 20px;
	color: #333;
	border: none;
	background: none;
	line-height: 20px;
	-webkit-appearance: none;
	padding: 10px 5% 10px 5%;
	-webkit-tap-highlight-color: rgba(0,0,0,.1);
}

input:blur{

}

input.default.currency:focus,
input.default.currency.focus,
input.currency.blur{
	padding-left: 30px;
	width: 85%;
	background-repeat: no-repeat;
	background-position: 15px center;
	background-image: url(input-dollar-sign.png);
}

input.currency.default{
	padding-left: 15px;
	text-align: left;
	background-image: none;
}

input.default{
	color: #AAA;
}

form{
	padding: 13px 0;
}

form button,
form .button{
	
}

form ul {
	margin: 0 0 15px;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: #FFF 0 1px 0;
}

form ul li{
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	background: #FFF;
	border-bottom: 1px solid #AAA;
}

form ul li input{
	background: #FFF;
	outline: none;
	-webkit-border-radius: 0px;
	-webkit-appearance: none; 
}

form ul li:first-child,
form ul li:first-child input{
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

form ul li:last-child,
form ul li:last-child input{
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border: none;
}

form p{
	margin: 15px 0;
	font: 16px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

form a.clear-field {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	display: block;
	position: absolute;
	height: 43px;
	width: 43px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(input-clear.png) no-repeat 0 1px;
	top: 0px;
	right: 42px;
}



/* @end */

a.button.call-us{
	padding: 0;
}

body#page-donate-form #page button,
body#page-donate-form #page a.button{
	width: 100%;
}

hr.or{
	border: none;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
	margin: 0;
}

a.button.call-us span{
	margin: 0 auto;
	display: inline-block;
	background: url(v2/button-phone-icon.png) no-repeat 16px center;
	-webkit-background-size: 22px 23px;
	text-align: left;
	letter-spacing: 0;
	width: auto;
	padding: 0 20px 0 49px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
	a.button.call-us span{
	background: url(v2/button-phone-icon-iphone4.png) no-repeat 16px center;
}
}

div.center{
	text-align: center;
	height: 40px;
	line-height: 40px;
}

/* @group RYM video player */

div#media-player {

}

div#media-player div.play-video{
	background: #000;
}

div#media-player div.play-video a{
	display: block;
	text-indent: -100px;
	overflow: hidden;
	border: 2px solid #222;
	border-left: none;
	border-right: none;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-tap-highlight-color: rgba(0,0,0,.4);
}

div#media-player div.play-video a span{
	display: block;
	height: 100%;
	background: rgba(0,0,0,.75) url(v2/play-icon.png) no-repeat center center;
	-webkit-background-size: 78px 98px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
	div#media-player div.play-video a span{
	background-image: url(v2/play-icon-iphone4.png);
}
}

div#media-player div.play-audio{
	background:
	-webkit-gradient(linear,0 0,0 100%,
		from(rgba(0,0,0,.2)),
		to(rgba(0,0,0,0)))
		0 0 repeat-x,
	-webkit-gradient(linear,left top,left bottom,
		from(rgba(255,255,255,0)),
		to(rgba(255,255,255,.08)))
		0 0 repeat;
	background-color: #444;
	-webkit-background-size: 5px 5px, 5px 3px;
	padding: 12px 15px 15px 15px;
}

/* @end */

/* @group Search Results */

body.search-results div.subheading h2{
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-transform: lowercase;
	margin: 0;
	font: small-caps 18px/40px Georgia, "Times New Roman", Times, serif;
}

body.search-results div.subheading h2 em{
	font-variant: normal;
}

ul.search-results li{
	list-style: none;
	margin: 0;
}

ul.search-results li.results{

}

ul.search-results li.results h2{
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 30px;
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
}

ul.search-results li.results li a span.meta em{
	font-weight: normal;
	font-style: normal;
}

li.results a.more,
ul.search-results li.results li a{
	display: block;
	color: #333;
	background: #fff url(more-arrow.png) no-repeat right center;
	border: 1px solid #e6e6e6;
	padding: 10px;
}

li.results a.more{
	color: #999;
}

li.results a.more span.arrow{
	display: none;
}

/* @end */

/* @group Top-level Headers */

div#top-level-header {
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #000;
	border-left: none;
	border-right: none;
	background: #000 no-repeat;
	height: 84px;
	position: relative;
}

div#top-level-header h1{
	color: #FFF;
	text-shadow: #000000 0 1px 0;
	position: absolute;
	bottom: 8px;
	font-size: 28px;
	text-rendering: optimizeLegibility;
}

div#top-level-header.events {
	background-image: url(v2/event-bkg.png);
}

div#top-level-header.learn {
	background-image: url(v2/learn-bkg.png);
}

div#top-level-header.rym {
	background-image: url(v2/rym-bkg.png);
}

div#top-level-header.blog {
	background-image: url(v2/rym-bkg.png);
}



/* @end */

/* @group Forms */

ul.error li{
	line-height: 30px;
	height: 30px;
	border-top: 1px solid #b65954;
	border-bottom: 1px solid #a32f2b;
	background: #fd9288 -webkit-gradient(linear, 0 0, 0 100%,
	from(rgba(255,255,255,.2)),
	to(rgba(255,255,255,0))
	) repeat-x 0 top;
	padding-left: 15px;
	text-shadow: rgba(255,254,255,0.65) 0 1px 0;
	color: #612222;
}

/* @end */


div.teacher-image{
	float: right;
	border: 1px solid #666;
	padding: 1px;
	background: #EEE;
	margin-right: 15px;
}

div.teacher-image img{
	float: left;
}

/* Youtube? I don't think so. */
object{
	display: none;
}

ul.inline-links {
	background:
	-webkit-gradient(linear,0 0,0 100%,
		from(rgba(0,0,0,.2)),
		to(rgba(0,0,0,0)))
		0 0 repeat-x,
	-webkit-gradient(linear,left top,left bottom,
		from(rgba(255,255,255,0)),
		to(rgba(255,255,255,.08)))
		0 0 repeat;
	background-color: #444;
	-webkit-background-size: 5px 5px, 5px 3px;
	padding: 12px 15px 15px 15px;
	overflow: hidden;
}

ul.inline-links li{
	float: left;
}

ul.inline-links li.first{
	width: 52%;
}
ul.inline-links li.last{
	width: 44%;
}

ul.inline-links li a{
	display: block;
	color: #333;
	text-shadow: #FFF 0 1px 0;
	text-align: center;
	padding: 8px 10px;
	background: #000;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.9)), to(rgba(255,255,255,.8)));
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}

ul.inline-links li.first a{
	
}

ul.inline-links li.last{
	float: right;
}

div.fyi{
	padding: 6px 15px;
	background: #f8f8f8;
	margin: 15px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3),0 0 1px rgba(0,0,0,.4);
	text-shadow: #FFF 0 1px 0;
}

.cssgradients div.fyi{
		background:
	-webkit-gradient(linear,left top,left bottom,
		from(#FFF),
		to(#EEE))
		0 0 repeat;
}

div.fyi p{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	color: #191919;
}

.roundrect-container{
		background:
	-webkit-gradient(linear,0 0,0 100%,
		from(rgba(0,0,0,.2)),
		to(rgba(0,0,0,0)))
		0 0 repeat-x,
	-webkit-gradient(linear,left top,left bottom,
		from(rgba(255,255,255,0)),
		to(rgba(255,255,255,.08)))
		0 0 repeat;
	background-color: #444;
	-webkit-background-size: 5px 5px, 5px 3px;
	padding: 12px 15px 15px 15px;
}

td.prices .old-price{
	text-decoration: line-through;
	color: #b7090a;
	font-size: 12px;
	padding-right: 4px;
}

div.store-item-header h2{
	text-rendering: optimizeLegibility;
	font-size: 18px;
	line-height: 22px;
}

div.store-item-header p.meta{
	font-style: italic;
	font-size: 14px;
	line-height: 16px;
}

div.store-item-header{
	background-color: #000;
	background-image:
	-webkit-gradient(
	linear,
	0 0,
	0% 100%,
	from(rgba(0,0,0,1)),
	to(rgba(0,0,0,0)),
	color-stop(20%,rgba(0,0,0,1))
	),
	-webkit-gradient(
	linear,
	0 0,
	100% 100%,
	from(rgba(0,0,0,0)),
	to(rgba(0,0,0,.6))
	),
	-webkit-gradient(
	linear,
	0 0,
	0 100%,
	from(#222),
	to(#777),
	color-stop(99%,#888),
	color-stop(80%,#222),
	color-stop(75%,#333)
	);
	background-position: 0 bottom;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 150%, 100% 100%;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.72) 0 2px 2px;
}

div.store-item-header{
	overflow: hidden;
	position: relative;
}

div.store-item-header div.product-name {
	margin-left: 130px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-right: 15px;
	position: relative;
	z-index: 100;
}

div.store-item-header div.text-shadow div.product-name{
	color: transparent;
}

div.store-item-header div.product-image{
	margin: 15px 15px 27px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.2);
	position: relative;
	padding-bottom: 1px;
	position: relative;
	z-index: 100;
}

div.store-item-header div.product-image div.shadow{
	position: absolute;
	bottom: 0;
	height: 5px;
	width: 100%;
	-webkit-border-radius: 50px 2px;
	-webkit-box-shadow: 0 16px 3px rgba(0,0,0,.3);
}

div.store-item-header div.product-image,
div.store-item-header div.product-image img{
	float: left;
	width: 100px;
	-webkit-border-radius: 3px;
}

div.store-item-header div.text-shadow{
	overflow: hidden;
	display: none;
	width: 100%;
	-webkit-transform: rotateX(80deg);
	top: 0;
	-webkit-transform-origin: 0 100%;
	position: absolute;
	bottom: 0;
	text-shadow: rgba(0,0,0,0.7) 0 2px 2px;
	-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,.2)), to(rgba(0,0,0,.8)), color-stop(60%,rgba(0,0,0,1)));
	-webkit-mask-size: 80%;
	-webkit-mask-repeat: repeat-x;
	-webkit-mask-position-y: bottom;
}

div.store-item-header{
	-webkit-perspective: 0;
	-webkit-perspective-origin: bottom 70px;
}

div.store-item-header div.product-image div.shine{
	border: 1px solid rgba(255,255,255,.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.8);
	position: absolute;
	-webkit-border-radius: 3px;
	background-color: rgba(255,255,255,.1);
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

div.store-item-header div.product-image.audio-cd div.shine{
		background-image: -webkit-gradient(
  radial, 50% 0%, 10, 90% -105%, 150, from(rgba(255,255,255,.1)), to(rgba(255,255,255,0)),
  color-stop(95%,rgba(255,255,255,.35)),
  color-stop(97%,rgba(255,255,255,0))
),-webkit-gradient(
	linear,0 0%,0 100%, from(rgba(0,0,0,0)),to(rgba(0,0,0,.15))
);
position: absolute;
}

#purchase-overlay {
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25);
    z-index: 1000;
    position: fixed;
}
#purchase-overlay .purchase-message {
	position: relative;
    width: 80%;
    background: rgba(0,0,0,.90);
    margin: auto;
    color: #ffffff;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    top: 10%;
}
#purchase-overlay .purchase-message .purchase-header{
	color: #ffffff;
    text-align: center;
    margin-bottom: 1em;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#purchase-overlay .purchase-message ul.purchase-content {
	list-style: none;
}
#purchase-overlay .purchase-message ul.purchase-content li{
	padding-left: 13px; margin-bottom: 13px;
    background: url("http://s3.amazonaws.com/ligonier-static-media-test/images/overlay-arrow.gif") left center no-repeat;
}
#purchase-overlay .purchase-message ul.purchase-content li a {
	color: #ECFF9C;
}