/*
Catalogue elements
-------------------------
*/
	
	body.quicklinks #subcatsListing form {
		height: 70px;
	}
		
	.updatedLinks {
		float: left;
		margin: 0px 5px 0px 0px;
		padding: 0px 2px 0px 2px;
		background-color: #33CC00;
		color: #FFFFFF;
		text-transform: uppercase;
		font-size: 10px;
		line-height: 12px;
		height: 12px;
	}
	
	h1 .updatedLinks, h1 .newProduct {
		float: none;
		display: inline-block;
		position: relative;
		margin: 6px 0px 0px 10px;
		padding: 3px 3px 3px 3px;
		height: auto;
		font-size: 12px;
		vertical-align: top;
	}
	
/*
Ref Lists listing
-------------------------
*/

	#rfList {
		display: block;
		width: 980px;
		position: relative;
		margin: 0px -20px 20px 0px;
		padding: 0px 0px 0px 0px;
	}

	#rfList h2 {
		clear: both;
		position: relative;
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		width: 960px;
		height: 24px;
		background-color: #8bafe6;
		color: #fff;
		font-weight: bold;
		line-height: 24px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		behavior: url(/css/PIE.htc);
	}
	#rfList h2 span {
		display: block;
		margin: 0px 0px 0px 8px;
	}
	#rfList h2 span em {
		font-style: normal;
		font-weight: normal !important;
		color: #e3eeff;
	}
	#rfList h2 a.listSectionExpander {
		display: block;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		top: 3px;
		right: 10px;
		width: 18px;
		height: 18px;
		overflow: hidden;
		cursor: pointer;
		background-image: url("/images/catalogue/listings/expander/list-expander-sprite.png");
		background-repeat: no-repeat;
	}
	#rfList h2 a.expanderClosed {
		background-position: 0px 0px;
	}
	#rfList h2 a.expanderStage2 {
		background-position: 0px -18px;
	}
	#rfList h2 a.expanderStage3 {
		background-position: 0px -36px;
	}
	#rfList h2 a.expanderOpen {
		background-position: 0px -54px;
	}
	#rfList h2 a.expanderClosed:hover {
		background-position: -18px 0px;
		text-decoration: none;
	}
	#rfList h2 a.expanderStage2:hover {
		background-position: -18px -18px;
		text-decoration: none;
	}
	#rfList h2 a.expanderStage3:hover {
		background-position: -18px -36px;
		text-decoration: none;
	}
	#rfList h2 a.expanderOpen:hover {
		background-position: -18px -54px;
		text-decoration: none;
	}

	#rfList div.rfListSection {
		display: block;
		width: 960px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#rfList div.rfListSection div.rfListItem {
		float: left;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #f0f0f0;
		background-image: url("/images/catalogue/listings/3col-list-item-bg-bottom.gif");
		background-position: bottom left;
		background-repeat: no-repeat;
		width: 310px;
	}
	#rfList div.rfListSection div.rfListItemMarginRight {
		float: left;
		margin: 0px 15px 10px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #f0f0f0;
		background-image: url("/images/catalogue/listings/3col-list-item-bg-bottom.gif");
		background-position: bottom left;
		background-repeat: no-repeat;
		width: 310px;
	}
	
	#rfList div.rfListSection div div.rfListThreeCols {
		display: block;
		width: 310px;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 1px 0px;
		background-image: url("/images/catalogue/listings/3col-list-item-bg-top.gif");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#rfList div.rfListSection div div.rfListThreeCols div.rfListContentFullWidth {
		display: block;
		width: 294px;
		margin: 0px 8px 0px 8px;
		padding: 0px 0px 1px 0px;
		font-size: 12px;
		line-height: 15px;
	}
	
	#rfList div.rfListSection h3 {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 3px 0px;
	}
	#rfList div.rfListSection h3 a, #rfList div.rfListSection h3 a:visited {
		color: #000000;
		text-decoration: none;
	}
	#rfList div.rfListSection h3 a:hover {
		color: #bc0e79;
		text-decoration: underline;
	}
	
	#rfList div.rfListSection div.rfListItem .updatedLinks {
		display: inline-block;
		float: none;
		margin-left: 5px;
		white-space: nowrap;
	}
	
/*
Title details page
-------------------------
*/
	.qlBuyPanel {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 1px 5px;
	}
	.qlBuyPanel p {
		margin: 0px 0px 5px 0px !important;
	}
	
	.qlHelpPanel {
		margin: 0px 0px 12px 0px !important;
		padding: 5px 5px 1px 5px !important;
		border: 1px solid #ebebeb;
	}
	.qlHelpPanel h3, .qlHelpPanel p {
		margin: 0px 0px 5px 0px !important;
	}
	
	#jsActive .threeRulesHidden {
		display: none;
	}
	
	#fancybox-content #threeRules h3, #fancybox-content #threeRules p, {
		margin: 0px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
	}
	#fancybox-content #threeRules ol li {
		margin: 0px 0px 8px 0px;
		font-weight: bold;
	}
	
/*
Topics listing
-------------------------
*/

	.topicsList {
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
	}

	.topicsList dt {
		margin: 0px 0px 10px 0px;
		font-weight: bold;
	}

	.topicsList dd {
		margin: 0px 0px 2px 0px;
		padding: 5px 10px 5px 10px;
		background-color: #ffffff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #f0f0f0;
		border: 1px solid #e2e2e2;
		font-weight: bold;
	}
	
/*
PageNumber Form
-------------------------
*/

	#pageNumberForm {
		display: block;
		position: relative;
		margin: 0px 0px 20px 0px;
		padding: 10px 0px 9px 0px;
		width: 470px;
		background-color: #5D8FDD;
		color: #ffffff;
		text-align: center;
		font-size: 16px;
		line-height: 20px;
		border-bottom: 1px solid #175fce;
	}

	#pageNumberForm select {
		font-size: 16px !important;
	}

	#jsActive #pageNumberFormSubmit {
		display: none;
	}
	
	#prevSpread {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 35px;
		height: 25px;
		background-image: url("/images/quicklinks/ql-arrow-button-sprite.png");
		background-position: 2px 3px;
		background-repeat: no-repeat;
	}
	
	#nextSpread {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 35px;
		height: 25px;
		background-image: url("/images/quicklinks/ql-arrow-button-sprite.png");
		background-position: -27px 3px;
		background-repeat: no-repeat;
	}
	
	#prevSpread, #nextSpread {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		background-color: #ffffff;
		color: #000;
		font-size: 13px;
		line-height: 13px;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
		text-transform: uppercase;
		-moz-box-shadow: 0px 0px 1px #000;
		-webkit-box-shadow: 0px 0px 1px #000;
		-o-box-shadow: 0px 0px 1px #000;
		-ms-box-shadow: 0px 0px 1px #000;
		box-shadow: 0px 0px 1px #000;
	}
	
	#prevSpread span, #nextSpread span {
		display: none;
	}
	
	#prevSpread:hover {
		background-color: #bc0e79;
		background-position: 2px -27px;
		color: #ffffff;
	}
	
	#prevSpread.disabled, #prevSpread.disabled:hover {
		background-color: #aec7ee;
		background-position: 2px -57px;
		color: #5d8fdd;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
	
	#nextSpread:hover {
		background-color: #bc0e79;
		background-position: -27px -27px;
		color: #ffffff;
	}
	
	#nextSpread.disabled, #nextSpread.disabled:hover {
		background-color: #aec7ee;
		background-position: -27px -57px;
		color: #5d8fdd;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
	
/*
Quicklinks listing
-------------------------
*/

	.quicklinksListing {
		margin: 0px 0px 20px 0px;
		width: 470px;
	}
	
	#twoColumns .quicklinksListing {
		width: 465px !important;
	}

	.topicContainer {
		width: 470px;
		margin: 0px 0px 12px 0px;
		padding: 9px 0px 9px 0px;
		background-color: #f0f0f0;
		border: 1px solid #e2e2e2;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
	}
	.topicContainer h3 {
		font-size: 16px !important;
		line-height: 19px !important;
		margin: 0px 9px 10px 9px !important;
		padding: 0px 0px 0px 0px !important;
	}
	.topicContainer h4 {
		margin: 20px 9px 10px 9px !important;
	}
	.topicContainer .topicText {
		margin: 0px 9px 10px 9px;
		padding: 0px 0px 0px 0px;
	}
	.topicContainer .topicText p {
		margin: 0px 0px 5px 0px !important;
		padding: 0px 0px 0px 0px !important;
	}
	.topicContainer .topicText p:last-child {
		margin: 0px 0px 0px 0px !important;
	}
	.pageSpreadMarker {
		margin: 15px 0px 15px 0px !important;
		font-style: italic;
	}
	.linkType {
		margin: 10px 0px 2px 0px !important;
		padding: 2px 10px 2px 10px !important;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		background-color: #B2B2B2;
		color: #ffffff;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
	}
	.qlink {
		margin: 0px 0px 2px 0px !important;
		padding: 5px 10px 5px 10px !important;
		background-color: #ffffff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		background-color: #f0f0f0;
		border: 1px solid #e2e2e2;
	}
	.qlinkMP3 {
		position: relative;
		padding: 5px 120px 5px 10px !important;
	}
	.qlinkMP3 .flashMp3Player {
		display: block;
		position: absolute;
		top: 3px;
		right: 10px;
		width: 100px;
		height: 20px;
		z-index:2;
	}
	.qlinkMP3 .mp3Player {
		display: block;
		position: absolute;
		top: 3px;
		right: 10px;
		width: 100px;
		height: 20px;
		z-index:2;
	}
	.qlinkMP3 .jsAudioControl {
		display: block;
		position: absolute;
		top: 3px;
		right: 10px;
		width: 100px;
		height: 20px;
		z-index:2;
		background-image: url("/images/quicklinks/audio-player-sprite.png?v=1");
		background-position: 0px 0px;
		-webkit-user-select: none;
	}
	.qlinkMP3 .jsAudioControl a {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100px;
		height: 20px;
		background-image: url("/images/quicklinks/audio-player-sprite.png?v=1");
		background-position: 0px -20px;
		cursor: pointer;
	}
	.qlinkMP3 .jsAudioControl a:hover {
		background-position: 0px -60px;
	}
	.qlinkMP3 .playing a {
		background-position: 0px -40px;
	}
	.qlinkMP3 .playing a:hover {
		background-position: 0px -80px;
	}
	.qlinkMP3 .jsAudioControl a em {
		display: none;
	}
	.qlinkMP3 .jsAudioControl a .jsAudioProgress {
		display: none;
		position: absolute;
		top: 8px;
		left: 30px;
		width: 0px;
		height: 5px;
		overflow: hidden;
		background-color: #0047ba;
	}
	.qlinkMP3 .playing a .jsAudioProgress {
		display: block;
	}
	
	
	.topicContainer .qlink {
		margin: 0px 10px 2px 10px !important;
		background-color: #ffffff;
		border: none;
	}
	.topicContainer .linkType {
		margin: 10px 9px 2px 9px !important;
	}
	.topicContainer h4.topicTitle {
		margin: 20px 10px 10px 10px;
		padding: 0px 0px 0px 0px;
	}