/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ PAGE NAV ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
#NavWrapper {
	height: 34px !important;
}
.general .headerNav {
	width: 100%;
	position: relative;
	top: 0;
	height: auto;
	min-height: 3em;
	border-top: 1px solid rgb(170, 170, 170);
	box-shadow: 0 0 7px #C0C0C0;
	background-color: rgb(238, 238, 238);
}
@media screen and (min-width: 768px) {
	.general .headerNav {
		height: 34px;
		min-height: inherit;
		box-shadow: 0 -6px 12px #CCC;
	}
}
.general .headerNavContent {
	border-top: 1px solid #FEFEFE;
}
.general span.noNotification {
	text-shadow: 0 0 0 transparent;
	margin-left: 1px;
	font-family: Calibri, Arial, Sans-serif;
	color: #FFF;
	font-size: 0.86875em;
	border-radius: 100%;
	padding: 0em 0.45em 0em .4em;
	background: #7E1A38;
	opacity: .9;
	filter:alpha(opacity=90);
	position: relative;
	top: 0;
	display: inline-block;
	text-align: center;
	min-width: 10px;
}
.general #mainNavRequests .noNotification {
	float: right;
}
.general .noNotification:empty { display: none !important; }
@media screen and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	.general #mainNavRequests {
		padding-right: .4em;
	}
	.general #mainNavRequests .noNotification {
		right: 12%;
	}
}
.general .navItem .iconWrapper {
	position: relative;
	width: 45px;
	height: 17px;
	margin-bottom: -2px;
	top: -2px;
	display: inline-block;
}
.general .navItem .iconWrapper.empty {
	width: 25px;
	top: -1px;
	margin-right: -4px;
}
.general .navItem .toolTip {
	line-height: 1.35em;
    min-width: 190px;
	top: 3.5em;
}
.general .navItem .toolTip .warning.icon {
	display: inline-block;
	background: url(https://images.azureedge.net/images/interface/icn_warning.png) no-repeat 0 0;
	background-size: 28px auto;
	width: 28px;
	height: 28px;
	position: relative;
	top: -7px;
	margin-right: .2em;
}
.general .navItem .toolTip strong {
	font-size: 1.109375rem;
	font-family: Cambria, Georgia, serif;
	padding-top: .3em;
	display: inline-block;
}
.general .navItem .toolTip .explanation {
	display: block;
	clear: both;
	margin-bottom: .45em;
	margin-top: -.25em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	.general .navItem .iconWrapper {
		top: 0;
	}
}
.general #mainNavRequests .iconWrapper .noNotification {
	position: absolute;
	right: 0;
	top: 2px;
}
.general .navItem .icon.cart {
	background-position: center -3px;
	position: relative;
	padding-right: 1em;
	top: 0;
	left: -9px;
	-webkit-transition: background-position .0s ease .08s;
	-moz-transition: background-position .0s ease .08s;
	-o-transition: background-position .0s ease .08s;
	transition: background-position .0s ease .08s;
}
.general .navItem:hover .icon.cart {
	background-position: center -60px;
	-webkit-transition: background-position .0s ease .08s;
	-moz-transition: background-position .0s ease .08s;
	-o-transition: background-position .0s ease .08s;
	transition: background-position .0s ease .08s;
}
.general .navItem .icon.cart.full {
	background-position: center -180px;
	top: -1px;
}
.general .navItem:hover .icon.cart.full {
	background-position: center -239px;
	opacity: 1;
}

/* Page Navigation (Mobile) ------------------------------------------ */
.general .headerNav {
	background: url(https://images.azureedge.net/rcg/images/interface/bg_texture.png) repeat scroll 0 0 #E7E7E7;
	border-top: 0 none;
	border-bottom: 1px solid #959595;
}
@media screen and (max-width: 649px) {
	.general .headerNav {
		margin-top: 17px;
		padding: .5em 0;
	}
}
@media screen and (min-width: 650px) and (max-width: 767px) {
	.general .headerNav {
		position: relative;
		padding: .1em 0 .5em 0;
		background: none #E7E7E7;
	}
}
@media screen and (max-width: 767px) {
	.general .headerNav {
		border-bottom: 1px solid #959595 !important;
	}
}
.general .pageNav {
	display: none;
}
.general #pageNavCompact {
	display: block;
	height: auto;
	clear: both;
	float: none;
	width: 93%;
	margin-bottom: .25em;
	margin-left: .55em;
	background: none repeat scroll 0 0 #F2F2F2 !important;
	border: 1px solid #858585;
	border-radius: 0 6px 6px 6px;
	box-shadow: 0 1px 0 #FFFFFF;
	padding-top: .25em;
	position: relative;
	z-index: 105;
	top: -1px;
}
.general #pageNavCompact .navItemCompact {
	display: block;
	position: relative;
	height: auto;
	clear: both;
	float: none;
	width: auto;
	padding: 0.65em 1em;
	font-family: Arial,Sans-Serif;
	font-weight: bold;
	font-size: 0.78em;
	border-bottom: 1px solid #BBB;
	color: #404040;
}
.general #pageNavCompact .navItemCompactLink {
	font-family: Arial,Sans-Serif;
	color: #404040;
	font-weight: bold;
	display: inline !important;
	border: 0 none !important;
	box-shadow: 0 0 0 transparent !important;
}
.general #compactNavOptions {
	position: relative;
	margin-top: 13px;
	z-index: 60;
}
@media screen and (min-width: 768px) {
	.general #compactNavOptions {
		width: auto;
		padding-right: 1%;
		margin-top: 0;
		float: left;
		clear: left;
		right: 0;
		top: 2.75em;
		position: absolute;
	}
	.general #pageNavCompact {
		display: none !important;
	}
}

.general #compactNavOptions a#MenuCompact .icon {
	background: url(https://images.azureedge.net/rcg/images/interface/sprite_mobile_menu.png) no-repeat scroll right 0;
    display: block;
    height: 100%;
    position: absolute;
    width: 34px;
	right: .8em;
	top: 7px;
}
.general #compactNavOptions a#MenuCompact.open .icon {
	background-position: 0 -63px;
	animation: fadeIn .25s 1 ease-in;
	-moz-animation: fadeIn .25s 1 ease-in;
	-webkit-animation: fadeIn .25s 1 ease-in;
	-o-animation: fadeIn .25s 1 ease-in;
}
.general #compactNavOptions a#MenuCompact {
	width: auto;
	height: auto;
	position: relative;
	padding: 0.45em 4em 0.45em 1em;
	text-align: left;
	margin-left: .7em;
	margin-top: -2px;
	z-index: 110;
	color: #585858;
}
.general #compactNavOptions a#MenuCompact.open {
	margin-bottom: 0;
	min-height: 36px;
}
.general #compactNavOptions a#MenuCompact .text {
	position: relative;
	top: 0;
	-moz-transition: .2s top ease;
	-webkit-transition: .2s top ease;
	-o-transition: .2s top ease;
	transition: .2s top ease;
}
.general #compactNavOptions a#MenuCompact.open .text {
	top: 10px;
	-moz-transition: .2s top ease;
	-webkit-transition: .2s top ease;
	-o-transition: .2s top ease;
	transition: .2s top ease;
}
.general #compactNavOptions a#MenuCompact.open, .general #compactNavOptions a#MenuCompact.open:hover {
	background: #F2F2F2;
	border-bottom: 0 none;
	border-radius: 3px 3px 0 0 !important;
	box-shadow: 0 0 0 transparent;
	border-color: #858585;
}

.general #pageNavCompact .navItemCompact.first {
	border-top: 1px solid #F2F2F2;
	border-radius: 0 6px 0 0;
}
.general #pageNavCompact .navItemCompact.last {
	border-bottom: 0 none;
	background: none !important;
}
.general #pageNavCompact .navItemCompact.last span {
	background: url(https://images.azureedge.net/images/interface/sprite_small_arrow_hallow.png) no-repeat scroll right -58px transparent;
	padding-right: 15px;
}
.general #pageNavCompact .navItemCompact:hover {
	color: #6c0b28;
	background-position: right -71px !important;
	cursor: pointer;
}
.general #pageNavCompact .navItemCompact.last:hover span {
	background-position: right -84px;
}
.general .navItemCompact span.noNotification, .general .footerContainer span.noNotification {
	font-size: 1.22em;
	padding: 0 0.4em 0.1em;
	position: absolute;
	right: 10px;
	top: 7px;
	opacity: .92;
	filter:alpha(opacity=92);	
	line-height: 1.5em;
	display: inline-block;
	min-width: 14px;
	min-height: 21px;
	text-align: center;
}
.general .navItemCompact:hover span.noNotification, .general .footerSectionList li:hover span.noNotification {
	opacity: 1 !important;
	filter:alpha(opacity=100) !important;	
}
.general .navItemCompact .icon.cart {
	width: 29px;
	right: 34px;
	position: absolute;
	opacity: .9;
}
.general .navItemCompact .icon.cart.empty {
	background-position: 0 -3px;
}
.general a:hover .navItemCompact .icon.cart.empty {
	background-position: 0 -121px;
}
.general .navItemCompact .icon.cart.full {
	background-position: 0 -180px;
}
.general a:hover .navItemCompact .icon.cart.full {
	background-position: 0 -290px;
}
.general .navItemCompact:hover .icon.cart {
	opacity: 1;
}
.general .navItemCompact .navLabel {
	display: none;
}
@media screen and (min-width: 465px) {
	.general .navItemCompact .navLabel {
		display: inline;
		right: 5.75em;
	}
}

@media screen and (max-width: 650px) {
	.general #headerNavContent #secondaryItems {
		padding-right: 3%;
	}
}
@media screen and (min-width: 650px) {
	.general .headerNav {
		top: 0;
	}
}
@media screen and (max-width: 767px) {
	.general .pageNavWrapper {
		display: none;
	}
	.general .moreNavOptions {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.general #Masthead {
		height: 5.8em; /* used to be auto */
		box-shadow: 0 0 0 transparent;
		border-bottom: 1px solid #959595;
	}
	.general a#MenuCompact {
		display: inline-block !important;
	}
}
@media screen and (max-width: 649px) {
	.general #Masthead {
		border-bottom: 0 none;
	}
}
@media screen (max-width: 767px) {
	.general #compactNavOptions {
		width: 100%;
		clear: left;
	}
}
@media screen and (max-width: 480px) {
	.general #secondaryItems a.navCompactOption {
		margin-right: 1em;
	}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
	.general #secondaryItems a.navCompactOption {
		margin-right: 1.45em;
	}
}
@media screen and (max-width: 767px) {
	.general #secondaryItems a.navCompactOption {
		margin-top: -2px;
	}
	.general #compactNavOptions a.navCompactOption:hover, .general #secondaryItems a.navCompactOption:hover, .general #userControls .mainControl:hover {
		background: #fefefe; /* Old browsers */
		background: -moz-linear-gradient(top,  #fefefe 0%, #f0f0f0 4%, #f0f0f0 68%, #f0f0f0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(4%,#f0f0f0), color-stop(68%,#f0f0f0), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fefefe 0%,#f0f0f0 4%,#f0f0f0 68%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fefefe 0%,#f0f0f0 4%,#f0f0f0 68%,#f0f0f0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fefefe 0%,#f0f0f0 4%,#f0f0f0 68%,#f0f0f0 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fefefe 0%,#f0f0f0 4%,#f0f0f0 68%,#f0f0f0 100%); /* W3C */
		box-shadow: 0 0 0 transparent;
		border-color: #858585;
		-moz-transition: .3s border-color ease;
		-webkit-transition: .3s border-color ease;
		-o-transition: .3s border-color ease;
		transition: .3s border-color ease;
	}
	.general #compactNavOptions #secondaryItems {
		float: right;
		display: block;
		position: absolute;
		right: 0;
		top: -2px;
	}
	.general #compactNavOptions a.navCompactOption, .general #secondaryItems a.navCompactOption, .general #userControls .mainControl, #SubjectControl {
		background: #fefefe; /* Old browsers */
		background: -moz-linear-gradient(top,  #fefefe 0%, #f0f0f0 4%, #eeeeee 68%, #eeeeee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(4%,#f0f0f0), color-stop(68%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fefefe 0%,#f0f0f0 4%,#eeeeee 68%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fefefe 0%,#f0f0f0 4%,#eeeeee 68%,#eeeeee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fefefe 0%,#f0f0f0 4%,#eeeeee 68%,#eeeeee 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fefefe 0%,#f0f0f0 4%,#eeeeee 68%,#eeeeee 100%); /* W3C */
		border: 1px solid #BBB;
		border-radius: 3px 3px 3px 3px;
		box-shadow: 1px 1px 0 #FFF;
		font-family: Arial, Sans-serif;
		font-size: 0.765625rem;
		font-weight: bold;
		margin-top: 3px;
	}
}

@media screen and (min-width: 768px) {
	.general .navItemCompact span.noNotification, .general .footerSectionList li span.noNotification {
		min-width: 14px;
		height: 19px;
		min-height: 19px;
		display: inline-block;
	}
}
@media screen and (min-width: 1200px) {
	.general #compactNavOptions {
		right: 12%;
	}
}

/* Home / Contact ------------------------------------- */
#secondaryOptions {
	position: absolute;
}
#secondaryOptions .option {
	opacity: 0;
	display: none;
}
@media screen and (min-width: 950px) {
	.general #headerNavContent {
		width: calc(100% - 13.1em);
		margin: 0 auto;
	}
	#secondaryOptions {
		position: absolute;
		left: 0;
	}
	.fixedNav #secondaryOptions {
		display: block;
		left: 0;
		top: 0;
	}
	#secondaryOptions .option {
		width: auto;
		height: auto;
		display: none;
		float: left;
		font-weight: bold;
		color: #606060;
		font-size: 0.953125rem;
		padding: 5px .85em .28em .55em;
		-moz-transition: background .3s ease;
		-webkit-transition: background .3s ease;
		-o-transition: background .3s ease;
		transition: background .3s ease;
	}
	#secondaryOptions .option:hover {
		background: #959595;
		color: #FFF;
		-moz-transition: background .3s ease;
		-webkit-transition: background .3s ease;
		-o-transition: background .3s ease;
		transition: background .3s ease;
	}
	#secondaryOptions #contactLink.option {
		opacity: 1;
		display: block;
		animation: fadeIn .25s 1 ease-in;
		-moz-animation: fadeIn .25s 1 ease-in;
		-webkit-animation: fadeIn .25s 1 ease-in;
		-o-animation: fadeIn .25s 1 ease-in;
	}
	#secondaryOptions .option .icon {
		display: inline-block;
		width: 35px;
		height: 26px;
		opacity: .82;
		background: url(https://images.azureedge.net/images/interface/sprite_home.png) no-repeat center center;
	}
	#secondaryOptions .option:hover .icon {
		opacity: 1;
	}
	#secondaryOptions #homeLink.option .icon {
		background-position: center -51px;
	}
	#secondaryOptions #homeLink.option:hover .icon {
		background-position: center -152px;
	}
	#secondaryOptions #contactLink.option .icon {
		background-position: center -4px;
		width: 30px;
	}
	#secondaryOptions #contactLink.option:hover .icon {
		background-position: center -104px;
	}
}
@media screen and (min-width: 1024px) {
	#secondaryOptions, .fixedNav #secondaryOptions {
		left: .85em;
	}
}
@media screen and (min-width: 1100px) {
	#secondaryOptions #contactLink.option {
		opacity: 1;
		animation: fadeIn .25s 1 ease-in;
		-moz-animation: fadeIn .25s 1 ease-in;
		-webkit-animation: fadeIn .25s 1 ease-in;
		-o-animation: fadeIn .25s 1 ease-in;
	}
	.fixedNav #secondaryOptions #homeLink.option {
		opacity: 1;
		display: block;
		animation: fadeIn .4s 1 ease-in;
		-moz-animation: fadeIn .4s 1 ease-in;
		-webkit-animation: fadeIn .4s 1 ease-in;
		-o-animation: fadeIn .4s 1 ease-in;
	}
}

/* Login ------------------------------------- */
#userControls {
	float: right;
    position: absolute;
    right: 0;
	top: 16px;
	z-index: 50;
}
#userControls.expanded {
	z-index: 70;
}
#userControls a {
	color: #686868;
}
#userControls a.mainControl, #SubjectControl {
	color: #585858;
}
#userControls li a:hover {
	color:#650f28 ;
}
#userControls .text {
    display: inline-block;
    height: auto;
    max-height: 21px;
    max-width: 130px;
    overflow: hidden;
    text-indent: 0;
    width: auto;
	font-size: .95rem;
	line-height: 1.35em;
}
#userControls .down.arrow {
	background: url(https://images.azureedge.net/wtc/images/interface/sprite_hallow_arrows_black.png) no-repeat scroll 0 7px;
    cursor: pointer;
    display: block;
    height: 18px;
    opacity: 0.6;
	float: right;
    margin-left: .2em;
	top: 0.4em;
    width: 30px;
}
#userControls.expanded a.mainControl .down.arrow {
	background-position: 0 -242px;
}
#userControls .mainControl:hover .down.arrow {
	opacity: .75;
}
#userControls a.mainControl {
	font-size: 0.953125rem;
	font-weight: bold;
}
#userControls a.mainControl.loggedIn  {
	min-width: 70px;
}
@-moz-document url-prefix() {
	#userControls a.mainControl.loggedIn {
		min-width: 0;
	}
}
#userControls.expanded a.mainControl {
	border-bottom: transparent;
	box-shadow: 0 0 0 transparent;
	border-color: #858585;
	border-radius: 3px 3px 0 0;
	position: relative;
	z-index: 10;
}
#userControls .icon.user {
	display: inline-block;
	width: 35px;
	height: 31px;
	background: url(https://images.azureedge.net/images/interface/sprite_user.png) no-repeat center -2px;
	opacity: .8;
	position: relative;
	top: -6px;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
#userControls a.mainControl:hover .icon.user {
	opacity: .85;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
#userControls .moreUserOptions {
	clear: both;
	position: absolute;
	background: #F0F0F0;
	right: 3px;
	min-width: 182px;
	width: auto;
	z-index: 1;
	top: 37px;
	padding: 0.75em 0.25em;
	border-radius: 3px 0 3px 3px;
	border: 1px solid #858585;
}
@media screen and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	#userControls .moreUserOptions {
		top: 38px;
	}
}
#userControls .moreUserOptions li {
	padding: .42em .5em .25em .5em;
	line-height: 1.5em;
	font-size: 0.890625rem;
	opacity: .9;
}
#userControls .moreUserOptions li .icon {
	opacity: .85;
}
#userControls .moreUserOptions li:hover, #userControls .moreUserOptions li:hover .icon {
	opacity: 1;
}
#userControls .moreUserOptions li a {
	width: 100%;
	height: 100%;
	font-weight: bold;
	display: block;
}
#userControls .subText {
	font-size: 80%;
    /*display: block;*/
	display: none;
	font-style: oblique;	
	padding-left: 0.75em;
    clear: both;
    margin-left: 2em;
    margin-top: -.65em;
}
#userControls .moreUserOptions li .icon {
	display: inline-block;
	background: url(https://images.azureedge.net/images/interface/sprite_user.png) no-repeat scroll right -135px transparent;	
	width: 29px;
	height: 25px;
	position: relative;
	top: .3em;
}
#userControls .moreUserOptions li .icon.accountInfo {
	background-position: right -55px;	
	top: 0;
}
#userControls .moreUserOptions li a:hover .icon.accountInfo {
	background-position: right -824px;
}
#userControls .moreUserOptions li .icon.RCGmembers {
	background-position: right -233px;
    top: 0;
}
#userControls .moreUserOptions li a:hover .icon.RCGmembers {
	background-position: right -924px;
}
#userControls .moreUserOptions li .icon.logOut {
	background-position: right -135px;	
	top: -1px;
}
#userControls .moreUserOptions li a:hover .icon.logOut {
	background-position: right -874px;	
}

@media screen and (min-width: 650px) {
	#userControls {
		top: 9px;
	}
	#userControls .moreUserOptions {
		top: 37px;
	}
}
@media screen and (max-width: 767px) {
	#userControls {
		margin-right: .5em;
	}
	#userControls .mainControl {
		width: auto;
		height: auto;
		padding: 0.45em 1.1em 0.45em 0.45em;
		display: block;
		margin-right: .25em;
	}
	#userControls .mainControl.loggedIn {
		padding: 0.15em 0.4em .55em .45em;
	}
	#userControls .loggedIn .icon.user {
		margin-top: 9px;
	}
}
@media screen and (max-width: 1023px) {
	#userControls {
		right: 0;
		position: absolute;
		z-index: 98;
	}
	#userControls .icon.user {
		background-position: center -491px;
		height: 27px;
		margin-top: 6px;
		float: left;
		display: block;
		-moz-transition: background-size 1s ease .3s;
		-webkit-transition: background-size 1s ease .3s;
		-o-transition: background-size 1s ease .3s;
		transition: background-size 1s ease .3s;
	}
	#userControls .loggedIn .text {
		background: url(https://images.azureedge.net/images/interface/sprite_user.png) no-repeat scroll -6px -609px transparent;
		line-height: 4em;
		display: inline-block;
		width: 31px;
		height: 27px;	
		position: relative;
		margin-left: -12px;
		margin-top: 3px;
		margin-bottom: -12px;
		max-height: 27px;
		text-indent: -2000%;
		animation: fadeIn 1s 1 ease;
		-moz-animation: fadeIn 1s 1 ease;
		-webkit-animation: fadeIn 1s 1 ease;
		-o-animation: fadeIn 1s 1 ease;
	}
	#userControls .down.arrow {
		margin-left: -0.45em;
		margin-top: .2em;
		width: 21px;
	}
	#userControls .loggedIn .down.arrow {
		margin-top: 0.35em;
	}
}
@media screen and (min-width: 768px) {
	.fixedNav #userControls a.mainControl.loggedIn:hover, .fixedNav #userControls.expanded a.mainControl.loggedIn {
		background: #959595 !important;
		border-color: transparent;
		border-radius: 0;
		color: #FFF;
	}
	.fixedNav #userControls a:hover .icon.user, .fixedNav #userControls.expanded a.mainControl.loggedIn .icon.user {
		background-position: center -550px;
		opacity: 1;
	}

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#userControls {
		top: 0;
	}
	#userControls a.mainControl {
		display: block;
		min-height: 2.05em;
		padding-left: 0.45em;
		padding-right: 1.05em;
		right: 0;
		top: 0;
		width: auto;
		padding-top: .22em;
		background-color: transparent;
		-moz-transition: background-color 0.15s ease, color 0.1s ease;
		-webkit-transition: background-color 0.15s ease, color 0.1s ease;
		-o-transition: background-color 0.15s ease, color 0.1s ease;
		transition: background-color 0.15s ease, color 0.1s ease;
	}
	#userControls a.mainControl.loggedIn {
		padding-left: .65em;
		padding-right: .65em;
	}
	.fixedNav #userControls a.mainControl.loggedIn {
		min-height: 2em;
	}
	@-moz-document url-prefix() { 
	  #userControls a.mainControl.loggedIn {
		 min-height: 2em;
	  }
	}
	#userControls a.mainControl:hover, #userControls.expanded a.mainControl.loggedIn {
		border-radius: 0;
		background-color: #959595;
		color: #FFF;
		-moz-transition: background-color 0.15s ease, color 0.1s ease;
		-webkit-transition: background-color 0.15s ease, color 0.1s ease;
		-o-transition: background-color 0.15s ease, color 0.1s ease;
		transition: background-color 0.15s ease, color 0.1s ease;
	}
	#userControls a .icon.user {
		background-position: center -489px;
	}
	#userControls a:hover .icon.user, #userControls.expanded a.mainControl.loggedIn .icon.user {
		background-position: center -549px;
		opacity: 1;
		-moz-transition: background-size 1s ease .3s;
		-webkit-transition: background-size 1s ease .3s;
		-o-transition: background-size 1s ease .3s;
		transition: background-size 1s ease .3s;
	}
	#userControls .mainControl:hover .down.arrow, #userControls.expanded a.mainControl.loggedIn .down.arrow  {
		background-image: url(https://images.azureedge.net/wtc/images/interface/sprite_hallow_arrows_white.png);
		opacity: 1;
	}
	#userControls .loggedIn .down.arrow {
		margin-top: .25em;
	}
	#userControls.expanded a.mainControl.loggedIn .down.arrow  {
		background-position: 0 -123px;
	}
	#userControls .moreUserOptions {
		top: 34px;
		right: 0;
		background: #F5F5F5;
		border-color: #959595;
		border-radius: 0 0 0 0;
	}
	#userControls .moreUserOptions li:hover {
		background-color: #959595;
	}
	#userControls .moreUserOptions li:hover a {
		color: #FFF;
	}
	#userControls .moreUserOptions li:hover a .icon.accountInfo {
		background-position: right -95px;	
	}
	#userControls .moreUserOptions li:hover a .icon.RCGmembers {
		background-position: right -285px;	
	}
	#userControls .moreUserOptions li:hover a .icon.logOut {
		background-position: right -185px;		
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	#userControls .moreUserOptions {
		top: 34px;
	}
}
@media screen and (min-width: 1024px) {
	#userControls  {
		margin-right: 1em;
		top: -3.5em;
	}
	.fixedNav #userControls {
		right: 1em;
		position: absolute;
		margin-right: 0;
		top: 0;
	}
	#userControls a {
		font-weight: bold;
		width: auto;
	}
	#userControls a.mainControl.notLoggedIn {
		padding-top: .55em;
		display: block;
		padding-bottom: 0;
		padding-right: 1em;
		margin-top: -.65em;
		margin-right: 1px;
	}
	#userControls .loginText {
		display: inline-block;
		height: auto;
		max-height: 25px;
		max-width: 130px;
		overflow: hidden;
		text-indent: 0;
		width: auto;
		font-size: .95rem;
		line-height: 1.35em;
	}
	#userControls a.mainControl.notLoggedIn .icon.user {
		height: 29px;
		margin-bottom: -2px;
	}
	#userControls a.mainControl {
		border: 1px solid transparent;
		padding-left: .2em;
		position: relative;
	}
	#userControls a.mainControl.loggedIn {
		margin-top: -0.9em;
		padding-bottom: 0;
		padding-right: 2.2em;
		padding-top: 0.5em;
		display: inline-block;
	}
	#userControls a.mainControl:hover, #userControls.expanded a.mainControl.loggedIn {
		background: #F0F0F0;
		border-color: #999;
		border-radius: 3px;
	}
	#userControls.expanded a.mainControl.loggedIn {
		border-bottom: 0 none;
		border-radius: 3px 3px 0 0;
	}
	.fixedNav #userControls.expanded a.mainControl.loggedIn {
		border-radius: 0;
		border-color: transparent;
	}
	.fixedNav #userControls a.mainControl {
		display: block;
		height: 2.08em;
		padding-left: 0.45em;
		padding-right: 1.05em;
		right: 0;
		top: 0;
		width: auto;
		padding-top: .1em;
		background-color: transparent;
		-moz-transition: background-color 0.15s ease, color 0.1s ease;
		-webkit-transition: background-color 0.15s ease, color 0.1s ease;
		-o-transition: background-color 0.15s ease, color 0.1s ease;
		transition: background-color 0.15s ease, color 0.1s ease;
	}
	.fixedNav #userControls a.mainControl.notLoggedIn {
		padding-top: .25em;
		padding-left: 0.25em;
		margin-top: 0;
		border-radius: 0;
		padding-bottom: 0;
		max-height: 1.85em;
		overflow: hidden;
	}
	.fixedNav #userControls a.mainControl.loggedIn {
		padding-left: .4em;
		display: inline-block;
		padding-right: 1.65em;
		height: auto;
		padding-bottom: .3em;
		padding-top: 0;
		border-radius: 0;
		min-width: 0;
	}
	.fixedNav #userControls a.mainControl:hover, .fixedNav #userControls.expanded a.mainControl.loggedIn {
		background-color: #959595;
		color: #FFF;
		-moz-transition: background-color 0.15s ease, color 0.1s ease;
		-webkit-transition: background-color 0.15s ease, color 0.1s ease;
		-o-transition: background-color 0.15s ease, color 0.1s ease;
		transition: background-color 0.15s ease, color 0.1s ease;
	}
	#userControls .icon.user {
		top: -6px;
		width: 41px;
		height: 28px;
	}
	.fixedNav #userControls a.mainControl.notLoggedIn .icon.user {
		margin-top: 6px;
	}
	#userControls .down.arrow {
		position: absolute;
		right: 0;
		top: .5em;
	}
	.fixedNav #userControls a.mainControl.loggedIn .down.arrow {
		right: 9px;
		margin-top: 0;
		top: .3em;
	}
	.fixedNav #userControls .loggedIn .icon.user {
		top: 2px;
	}
	.fixedNav #userControls .icon.user {
		background-position: center -491px;
		height: 27px;
		margin-top: 2px;
		float: left;
		display: block;
		-moz-transition: background-size 1s ease .3s;
		-webkit-transition: background-size 1s ease .3s;
		-o-transition: background-size 1s ease .3s;
		transition: background-size 1s ease .3s;
	}
	.fixedNav #userControls a:hover .icon.user, .fixedNav #userControls.expanded a.mainControl.loggedIn .icon.user {
		background-position: center -550px;
		opacity: 1;
	}
	.fixedNav #userControls .text {
		height: 0;
		margin-bottom: -14px;
		max-height: 27px;
		text-indent: -2000%;
		width: 5px;
	}
	.fixedNav #userControls .loggedIn .text {
		background: url(https://images.azureedge.net/images/interface/sprite_user.png) no-repeat scroll -6px -609px transparent;
		display: inline-block;
		width: 31px;
		height: 26px;	
		position: relative;
		margin-left: -15px;
		animation: fadeIn 1s 1 ease;
		-moz-animation: fadeIn 1s 1 ease;
		-webkit-animation: fadeIn 1s 1 ease;
		-o-animation: fadeIn 1s 1 ease;
	}
	.fixedNav #userControls .down.arrow {
		margin-left: -0.45em;
		margin-top: .2em;
		width: 21px;
	}
	.fixedNav #userControls .mainControl:hover .down.arrow, .fixedNav #userControls.expanded a.mainControl.loggedIn .down.arrow {
		background-image: url(https://images.azureedge.net/wtc/images/interface/sprite_hallow_arrows_white.png);
		opacity: 1;
	}
	.fixedNav #userControls.expanded a.mainControl.loggedIn .down.arrow {
		background-position: 0 -123px;
	}
	#userControls .moreUserOptions {
		top: 28px;
		right: 0;
		width: 100%;
	}
	.fixedNav #userControls .moreUserOptions {
		top: 34px;
		right: 0;
		background: #F5F5F5;
		border-color: #959595;
		border-radius: 0 0 0 0;
	}
	.fixedNav #userControls .moreUserOptions li:hover {
		background-color: #959595;
	}
	.fixedNav #userControls .moreUserOptions li:hover a {
		color: #FFF;
	}
	.fixedNav #userControls .moreUserOptions li:hover a .icon.accountInfo {
		background-position: right -95px;	
	}
	.fixedNav #userControls .moreUserOptions li:hover a .icon.RCGmembers {
		background-position: right -285px;	
	}
	.fixedNav #userControls .moreUserOptions li:hover a .icon.logOut {
		background-position: right -185px;		
	}
}
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	#userControls .moreUserOptions {
		top: 26px;
	}
}
@media screen and (min-width: 1201px) {
	.fixedNav #userControls .text, .fixedNav #userControls .loggedIn .text  {
		width: auto;
		background: 0 none;
		text-indent: 0;
		margin-left: 0;
		padding-right: .85em;
	}
}

/* Page Navigation (Ipad/Desktop) ------------------------------------- */
.general #headerNavContent {
	max-width: 95em;
	height: auto;
}
@media screen and (min-width: 768px) {
	.general .headerNav {
		border-bottom: 1px solid #AAA;
		border-top: 1px solid #AAA;
		background: url(https://images.azureedge.net/images/interface/bg_rcg_nav_grey_gradient_ie.jpg) repeat-x 0 0 #e0e0e0; /* Old browsers */
		background: -moz-linear-gradient(top,  #f1f1f1 0%, #e9e9e9 4%, #e0e0e0 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(4%,#e9e9e9), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e9e9e9 4%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f1f1f1 0%,#e9e9e9 4%,#e0e0e0 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f1f1f1 0%,#e9e9e9 4%,#e0e0e0 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f1f1f1 0%,#e9e9e9 4%,#e0e0e0 100%); /* W3C */
		top: 0;
		position: relative;
		z-index: 55;
	}
	.general #headerNavContent {
		width: calc(100% - 5.6em);
	}
	.general #compactNavOptions #MenuCompact {
		display: none;
	}
	.general #compactNavOptions {
		top: 0;
	}
}
@media screen and (min-width: 768px) {
	.general #headerNavContent .pageNav {
		padding-right: 0;
	}
}
.general .pageNav {
	padding-left: 0;
	padding-right: 2%;
	width: auto;
	min-width: 26.875em;
	margin: 0 auto;
	position: relative;
	height: 34px;
}
@media screen and (min-width: 768px) {
	.general .pageNav {
		display: table;
		margin: 0 auto;
	}
}
.general .pageNavItems {
	display: table;
	width: inherit;
	height: auto;
}
.general .pageNav .navItem {
	border-left: 1px solid #F7F7F7;
	border-right: 1px solid #AAA;
	border-width: 0 1px 1px 1px;
	color: #505050;
	display: table-cell;
	height: auto;
	text-align: center;
	vertical-align: middle;
	font-size: .97em; /* 12 / 16 */
	font-family: Cambria, Georgia, Serif;
	font-weight: bold;
	white-space: normal;
	line-height: 1.35em;
	width: auto;
	position: relative;
	padding: 5px 1em 7px 1em;
	-webkit-transition: background-color .15s ease .15s, background-position 0 ease .15s, border-color .15s ease .15s, box-shadow .15s ease .15s, color .15s ease .15s;
	-moz-transition: background-color .15s ease .15s, background-position .0s ease .15s, border-color .15s ease .15s, box-shadow .15s ease .15s, color .15s ease .15s;
	-o-transition: background-color .15s ease .15s, background-position .0s ease .15s, border-color .15s ease .15s, box-shadow .15s ease .15s, color .15s ease .15s;
	transition: background-color .15s ease .15s, background-position .0s ease .15s, border-color .15s ease .15s, box-shadow .15s ease .15s, color .15s ease .15s;
}
.general .headerNav .pageNav .navItem.first {
	border-left-color: transparent;
}
.general .headerNav .pageNav .navItem.last {
	border-right-color: transparent;
}
.general .pageNav .navItem:hover, .general .pageNav .navItem#news.open, .general .pageNav .navItem#bookmarks.open, .general .pageNav .navItem#requests.open {
	color: #FFF;
	cursor: pointer;
	background-color: #959595;
	border-color: transparent #959595 !important;
	box-shadow: 0 -12px 14px #EEE;
	-webkit-transition: background-color .1s ease .05s, background-position 0 ease .08s, border-color .1s ease .05s, box-shadow .1s ease .05s, color .1s ease .05s;
	-moz-transition: background-color .1s ease .05s, background-opsition .0s ease .08s, border-color .1s ease .05s, box-shadow .1s ease .05s, color .1s ease .05s;
	-o-transition: background-color .1s ease .05s, background-position .0s ease .08s, border-color .1s ease .05s, box-shadow .1s ease .05s, color .1s ease .05s;
	transition: background-color .1s ease .05s, background-position .0s ease .08s, border-color .1s ease .05s, box-shadow .1s ease .05s, color .1s ease .05s;
}

.general .pageNav .toggle .icon {
	background: url(https://images.azureedge.net/images/interface/sprite_grey_toggle_icons.png) no-repeat scroll center -1px transparent;
	display: inline-block;
	width: 24px;
	height: 21px;
	margin-right: -3px;
}
.general .pageNav .toggle:hover .icon {
	background-position: center -49px;
}

.general .moreNavOptions {
	padding: .45em 0 2.65em 0;
	font-family: Cambria;
	z-index: 98;
}
@media screen and (min-width: 1024px) {
	.general .moreNavOptions {
		padding-bottom: 0;
	}
}
.general .moreNavOptions p, .general .moreNavOptions p a {
	font-weight: bold;
	color: #555;
}
.general .moreNavOptions p a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
	color: #1C6291;
}
.general .moreNavOptions .navOptionsSort {
	padding-bottom: 1.5em;
}
.general .moreNavOptions ul {
	display: inline;
	clear: none;
}
.general .moreNavOptions ul li {
	line-height: 1.4em;
	display: inline;
	padding: .2em 0;
	list-style-type: none;
	color: #666;
	font-family: Arial;
	font-size: .8em;
}
.general #optionsLibrary ul li, .general #optionsAboutUs ul li {
	line-height: 2.3em;
}
.general .moreNavOptions ul li a {
	color: #1C6291 !important;
	margin-left: .2em;
}
.general .moreNavOptions ul li a:hover {
	border-bottom: 1px solid;
}
.general .pageNav .navItem.toggle.open .icon {
	background-position: center -145px;
}
.general .pageNav .navItem.open {
	border-right: 1px solid #959595;
	border-left: 1px solid #959595;
	box-shadow: 0 -15px 25px #EEE;
	background-color: #959595;
	color: #FFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	.general .headerNav .pageNav .navItem {
		line-height: 1.3em;
	}
}

.general .oneListNavOptions {
	padding-left: 0;
	padding-right: 0;
	width: 19em;
	left: 46%;
}
.general #optionsRequests {
	left: 57%;
}
.general .oneListNav p {
	text-align: center;
	margin-bottom: .55em;
}
.general .oneListNav ul {
	margin-bottom: 0;
	width: 100% !important;
	display: block !important;
}
.general .oneListNav ul li {
	padding: 0 0.45em;
	display: block;
	clear: both;
	width: 100%;
	clear: both;
	height: auto;
	border-width: 1px 0;
	border-color: transparent;
	border-style: solid;
}
.general #optionsRequests ul li.withImage {
	padding-bottom: 2.25em;
}
.general .oneListNav ul li.noImage {
	min-height: 1.5em;
	padding-top: 1.2em;
}
.general .oneListNav ul li:hover, .general .oneListNav ul li:hover span {
	color: #1C6291 !important;
}
.general #optionsNewsul li:hover {
	background-color: #6C0B28;
}
.general .oneListNav ul li img {
	border: 1px solid #333;
	box-shadow: 0 0 5px #999;
	background: #FFF;
	width: 40px;
	height: auto;
	float: left;
	margin-left: 2%;
}
.general #optionsNews.withImage img {
	width: 70px;
}
.general #optionsNews.withImage .itemInfo {
	width: 67%;
}
.general .withImage.horizontal {
	padding-top: 0 !important;
}
.general .withImage.horizontal.large {
	min-height: 6em;
}
.general .withImage.horizontal img {
	height: auto !important;
	margin: 0.75em 0 1em 25%;
	width: 125px !important;
	display: inline;
}
.general .withImage.horizontal.large img {
	height: auto !important;
	width: 200px !important;
	margin-left: 15%;
}
.general .oneListNav .withImage.horizontal .title.centered {
	text-align: center;
	margin-left: -1em;
}
.general .oneListNav .itemInfo {
	float: left;
	width: 79%;
}
.general .oneListNav ul li span {
	font-size: .9em;
	margin-left: .65em;
	clear: both;
	display: block;
}
.general .oneListNav ul li .title {
	color: #444;
	font-weight: bold;
}
.general .oneListNav ul li .subject, .general .oneListNav ul li .format, .general .oneListNav ul li .continueReading {
	font-size: .87em;
}
.general .oneListNav ul li .subject {
	display: none;
	color: #783548;
}
.general .oneListNav ul li .format {
	color: #666;
}
.general .oneListNav ul li .continueReading {
	visibility: hidden;
}

.general .whiteFader {
	position: absolute;
	width: 100%;
	height: 4em;
	bottom: 2em;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.general #bookmarksWrap p {
	margin-bottom: 0;
	background: url(https://images.azureedge.net/images/interface/icn_clock_grey.png) no-repeat scroll 2em 0.1em transparent;
	padding-bottom: .85em;
}
.general .notifyEmpty {
	color: #777777;
    display: block;
    font-size: 1em;
    font-style: oblique;
    margin-bottom: 1em;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
}
.general .oneListNavOptions {
	height: auto;
	padding-bottom: 3.3em;
}
@media screen and (min-width: 768px) {
	.general .moreNavOptions {
		display: block;
		position: absolute;
		top: 26px;
		width: 100%;
		left: 0;
	}
	.general .moreNavOptions .moreNavOptionContent {
		width: 90%;
		max-width: 1024px;
		min-width: 730px;
		height: auto;
		margin: 0 auto;
		background-color: #F5F5F5;
		border: 1px solid #959595;
		box-shadow: 0 0 0 transparent;
		overflow: hidden;
		position: relative;
	}
	.general .oneListNavOptions {
		width: 19em;
		left: 46%;
	}
	.general #optionsRequests {
		left: 57%;
	}
	.general #optionsNews{
		left: 30%;
	}
	.general .moreNavOptions .fakeTable {
		width: 100%;
		padding-bottom: 2.85em;
		padding-top: .65em;
	}
	.general .moreNavOptions ul {
		width: 85%;
	}
	.general .navOptionsSort {
		padding-left: 2em;
		padding-right: 2em;
		margin-left: 0;
	}
	.general .navOptionsSort.column1 {
		border-right: 1px solid #AAA;
		padding-right: 2.75em;
	}
	.general #optionsLibrary .navOptionsSort.column1 {
		padding-bottom: 1em;
	}
	.general #optionsAboutUs .navOptionsSort.column1 {
		padding-bottom: 4em;
	}
	.general #optionsLibrary .navOptionsSort.column2 {
		padding-right: 0;
	}
	.general .navOptionsSort.column2 {
		border-left: 1px solid #FFF;
	}
	.general .oneListNavOptions {
		width: 19em;
		left: 39%;
	}
	.general .moreNavOptions p {
		padding: .2em 0;
	}
	.general .moreNavOptions ul {
		position: relative;
		width: auto;
	}
	.general .moreNavOptions .column1 ul {
		width: 50%;
	}
	.general .moreNavOptions ul:first-of-type {
		float: left;
	}
	.general .moreNavOptions .column1 ul:nth-of-type(2) {
		float: right;
		width: inherit;
	}
	.general .moreNavOptions .column2 ul:nth-of-type(2) {
		clear: both;
		float: none;
		margin-left: 0;
	}
	.general .navListContd {
		display: block !important;
	}
	.general #optionsLibrary ul li, .general #optionsAboutUs ul li {
		display: block;
		line-height: 1.25em;
		padding: .42em 0;
		margin-left: 8px;
		text-indent: -8px;
	}
	.general .moreNavOptions ul li span.commaSeparator {
		display: none;
	}
	.general .navOptionsSort {
		width: auto;
		display: table-cell;
		position: relative;
	}
}
@media screen and (max-width: 848px) {
	.general #viewAllNews {
		display: none;
	}
}
@media screen and (min-width: 1024px) {
	.general #optionsLibrary ul li, .general #optionsAboutUs ul li {
		padding: .25em 0;
	}
}
@media screen and (min-width: 1100px) {
	.general .moreNavOptions .column2 ul:nth-of-type(2) {
		float: right;
	}
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ NAV MENU POPUPS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */

.general .headerNav #navLibraryAd {
	position: absolute;
	right: -6.25em;
	top: 1.75em;
	width: auto;
	opacity: .9;
	filter:alpha(opacity=90);	
}
.general .headerNav #featuredSpot {
	display: none;
}
.general .headerNav #featuredSpot .productCover {
	margin: 0 auto;
}
.general .headerNav #featuredSpot .bubble {
	right: 30px;
	float: right;
	position: relative;
	bottom: 36px;	
	z-index: 10;
	margin-top: 12px;
	margin-bottom: -2em;
    display: inline-block;
    width: auto;
    padding: 0 8px;
}
.general .headerNav #featuredSpot.player .bubble {
	right: 17px;
}
.general .headerNav #featuredSpot p {
	margin-bottom: 0.2em;
	margin-left: 0;
	margin-top: 5px;
	padding: 0 12%;
	position: relative;
	text-align: center;
}
.general .headerNav #featuredSpot a.bookLink {
	margin: .5em auto;
	position: relative;
	clear: left;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	color: #1C6291;
	font-size: .8em;
}
.general .headerNav #featuredSpot img {
	margin: .5em auto;
	position: relative;
	clear: both;
	display: block;
	border: 1px solid #666;
	max-height: 190px;
}
.general .headerNav #featuredSpot img.btw.player, .general .headerNav #featuredSpot img.video {
	max-height: none;
	max-width: 220px;
}
.general .headerNav #featuredSpot a:hover img {
	border-color: #000;
}
@media screen and (min-width: 1024px) {
	.general .headerNav #featuredSpot img.btw.player, .general .headerNav #featuredSpot img.video {
		max-width: 265px;
	}
	.general .navOptionsSort.column2 {
		width: auto;
	}
	.general .headerNav #featuredSpot:not(.player) {
		display: table-cell;
		min-width: 13em;
		border-left: 1px solid #aaa;
		position: relative;
		top: 0;
		left: 0;
		padding-left: .25em;
		padding-right: .25em;
		padding-bottom: 1.25em;
	}
	.general .headerNav #featuredSpot:not(.player)::before {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		border-left: 1px solid #fff;
		left: 0;
	}
}
@media screen and (min-width: 1080px) {
	.general .headerNav #featuredSpot {
		display: table-cell;
		min-width: 18em;
		border-left: 1px solid #aaa;
		position: relative;
		top: 0;
		left: 0;
		padding-bottom: 1.75em;
	}
	.general .headerNav #featuredSpot::before {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		border-left: 1px solid #fff;
	}
	.general .headerNav #featuredSpot.player a .productCover {
		position: relative;
	}
	.general .headerNav #featuredSpot.player a .productCover::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: transparent url("https://images.azureedge.net/rcg/images/interface/icn_play_grey.png") no-repeat scroll center 50%;
		display: block;
		opacity: 0;
		z-index: 20;
		-webkit-transition: opacity 0.4s ease 0s, background 1s ease 0s;
		-o-transition: opacity 0.4s ease 0s, background 1s ease 0s;
		-moz-transition: opacity 0.4s ease 0s, background 1s ease 0s;
		transition: opacity 0.4s ease 0s, background 1s ease 0s;
	}
	.general .headerNav #featuredSpot.player a:hover .productCover::before {
		opacity: 1;
		-webkit-transition: opacity 0.4s ease 0s, background 1s ease 0s;
		-o-transition: opacity 0.4s ease 0s, background 1s ease 0s;
		-moz-transition: opacity 0.4s ease 0s, background 1s ease 0s;
		transition: opacity 0.4s ease 0s, background 1s ease 0s;
	}
}
@media screen and (min-width: 1280px) {
	.general .headerNav #featuredSpot.player .bubble {
		right: 28px;
	}
}


.general .headerNav .goToViewAll {
	width: 100%;
	text-align: right;
	background: url(https://images.azureedge.net/images/interface/bg_grey_white_border.png) repeat-x 0 0, url(https://images.azureedge.net/images/interface/bg_rcg_nav_viewall_ie.jpg) repeat-x 0 0 #e0e0e0; /* Older browsers */
	background: url(https://images.azureedge.net/images/interface/bg_grey_white_border.png) repeat-x 0 0, -moz-linear-gradient(top,  #f1f1f1 0%, #e9e9e9 4%, #e0e0e0 100%); /* FF3.6+ */
	background: url(https://images.azureedge.net/images/interface/bg_grey_white_border.png) repeat-x 0 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(4%,#e9e9e9), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: url(https://images.azureedge.net/images/interface/bg_grey_white_border.png) repeat-x 0 0, -webkit-linear-gradient(top,  #f1f1f1 0%,#e9e9e9 4%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: url(https://images.azureedge.net/images/interface/bg_grey_white_border.png) repeat-x 0 0, -o-linear-gradient(top,  #f1f1f1 0%,#e9e9e9 4%,#e0e0e0 100%); /* Opera 11.10+ */
	background: url(https://images.azureedge.net/images/interface/bg_grey_white_border.png) repeat-x 0 0, -ms-linear-gradient(top,  #f1f1f1 0%,#e9e9e9 4%,#e0e0e0 100%); /* IE10+ */
	background: url(https://images.azureedge.net/images/interface/bg_grey_white_border.png) repeat-x 0 0, linear-gradient(to bottom,  #f1f1f1 0%,#e9e9e9 4%,#e0e0e0 100%); /* W3C */
	display: block;
	position: absolute;
	bottom: 0;
	right: -10px;
	padding: .65em 2em .65em 0;
	font-weight: bold;
	text-shadow: 1px 1px #FFF;
}
.general .headerNav #optionsNews.goToViewAll {
	position: absolute;
	right: 0;
	bottom: 0;
}
.general .headerNav #optionsLibrary .goToViewAll, .general .headerNav .oneListNavOptions .goToViewAll {
	color: #1C6291;
}
.general .headerNav .goToViewAll:hover, .general .headerNav #newsTickerWrap:hover .newsTicker, .general .headerNav .newsTicker:hover {
	color: #1C6291 !important;
}
.general .headerNav .newsTicker {
	color: #650F28;
	line-height: 1.82em;
}
.general .headerNav #optionsLibrary .goToViewAll:hover, .general .headerNav .goToViewAll:hover #viewAllNews {
	text-decoration: underline;
}
.general .headerNav #viewAllNews {
	position: absolute;
	right: 3%;
	top: 0.72em;
	color: #1C6291;
}
.general .headerNav #newsTickerWrap {
	display: block;
	left: auto;
	margin-left: 3em;
	text-align: left;
	width: calc(100% - 8em);
	overflow: hidden;
}
.general .headerNav .newsTicker strong {
	color: #757575;
	text-transform: uppercase;
}
.general a.withArrow {
	background: url(https://images.azureedge.net/images/interface/icn_blue_arrow_right_hallow.png) no-repeat right 3px;
	position: relative;
	height: 12px;
	padding-right: 15px;
}
.general span.withArrow {
	background: url(https://images.azureedge.net/images/interface/icn_blue_arrow_right_hallow.png) no-repeat right 6px;
	padding-right: 15px;
}
.general .headerNav #viewAllNews.withArrow {
	background-position: right 7px;
}
.general .headerNav a.button.withArrow:hover {
	border-bottom: 1px solid !important;
	text-decoration: none;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FIXED NAV ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
/*
.general .fixedNav {
	display: none;
}
*/
@media screen and (min-width: 768px) {
	.general .fixedNav { 
		display: block;
		position: fixed;
		top: 0;
		z-index: 100;
		box-shadow: 0 0 0 transparent;
		border-top: 0 none;
	}
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FIXED NAV ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
#topNav {
	width: auto;
	position: relative;
	right: 2em;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: auto;
	text-align: right;
}
#topNav a {
	color: #F5F5F5;
	font-size: 0.8125em;
	font-weight: bold;
	border-right: 1px solid #AAAAAA;
	padding-right: 1em;
	padding-left: 1.25em;
	margin-left: -4px;
}
#topNav .topNavLink   {
	display: inline-block;
	padding-top: .2em;
	padding-bottom: .18em;
}
#topNav #topLang {
	position: relative;
	top: 0;
	left: 0;
}
#topNav a.topNavLink:hover, #topNav .expanded a.topNavLink {
	background: #F0F0F0;
	color: #707070;
	border-color: #8E8E8E #8E8E8E transparent #8E8E8E;
	border-radius: 2px;
	-moz-transition: background .35s ease .1s, color .2s ease .1s, padding .1s ease;
	-webkit-transition: background .35s ease .1s, color .2s ease .1s, padding .1s ease;
	-o-transition: background .35s ease .1s, color .2s ease .1s, padding .1s ease;
	transition: background .35s ease .1s, color .2s ease .1s, padding .1s ease;
}
#topNav #topNavLang.expanded a.topNavLink {
	background: #F0F0F0;
	color: #707070;
}
#topNav #topNavLang.expanded a.topNavLink {
	z-index: 30;
	position: relative;
	border-radius: 2px 2px 0 0;
}
#topNav a .icon {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: -7px;
}
#topNav a .icon.earth {
	background: url(https://images.azureedge.net/images/interface/sprite_icon_stamps.png) no-repeat -44px -1px;
	opacity: .6;
}
#topNav a:hover .icon.earth {

}
#topNav .last {
	border-right: 0 none;
}
#topNav #topGreeting {
	color: #EEE;
	font-size: 0.8125em;
	font-weight: normal;
}
#topNav .topNavItem {
	position: relative;
}
#topNav #langOptions.collapsed {
	display: none;
}
#topNav #langOptions.expanded {
	display: block;
}
#topNav #langOptions { 
	z-index: 20;
	position: absolute;
	top: 24px;
	right: 3px;
	width: 195px;
	min-width: 100%;
	padding-top: .65em;
	padding-bottom: .65em;
	background: #F0F0F0;
	border: 1px solid #858585;
	border-radius: 3px 0 3px 3px;
	animation: fadeIn .45s 1 ease-in;
	-moz-animation: fadeIn .45s 1 ease-in;
	-webkit-animation: fadeIn .45s 1 ease-in;
	-o-animation: fadeIn .45s 1 ease-in;
}
@-moz-document url-prefix() { 
  #topNav #langOptions {
     right: 4px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) /*For Google Chrome*/ {
	#topNav #langOptions {
		 right: 4px;
	  }
}
#topNav #langOptions .langOption {
	color: #707070;
	font-size: 0.84375rem;
	padding: .2em 1.2em .2em 3em;
	border: 0 none;
	margin-left: 0;
	display: block;
	clear: both;
	float: none;
	text-align: left;
}
#topNav #langOptions .langOption.langLink {
	font-weight: bold;
}
#topNav #langOptions .langOption:hover {
	color: #650f28;
	cursor:pointer;
}
#topNav #langOptions .langOption.current {
	position: relative;
	opacity: .9;
}
#topNav .currentLang  {
	font-weight: normal;
}
#topNav #langOptions .langOption.current .icon {
	background: url(https://images.azureedge.net/images/interface/sprite_icon_bookshelf.png) no-repeat scroll 0px -1064px transparent;
	display: inline-block;
	height: 17px;
	position: absolute;
	top: .22em;
	left: 0;
	width: 100%;
	opacity: .65;
}
#topNav #langOptions .langOption.current:hover .icon {
	background-position: 0px -991px;
	opacity: 1;
}