/* test - */
/* Miscellaneous */
.linkButton{
	padding:1px 4px;
	background-color:#EEEEEE;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	line-height:1.8em;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
.linkButton:hover{
	padding:1px 4px;
	background-color:#EEEEEE;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-weight:bold;
}
/* Shop Styles */
.shopNav a{
	padding: 2px 10px;
	border: 1px solid #CCCCCC;
	margin: 0 3px;
	text-decoration: none;
	background-color: #efefef;
	line-height: 20px;
}
.shopNav a:hover{
	background-color: #e0e0e0;
}
.catActive {
	font-weight: bold;
}

.shopCategoryTitle {
	font-weight: bold;
}

.shopBasketSummary{
	background-color:#FFFFFF;
	padding:4px;
}
.shopBasketSummary a{
	text-decoration:none;
}
.shopBasketSummaryItems{
	margin-right:3px;
}
.shopBasketSummaryItems, .shopBasketSummaryTotal{
	background-color:#EEEEEE;
	padding:1px 5px;
}
.shopBasketSummary h2{
	margin-bottom:2px;
	text-align:center;
}

/* Featured Product */
span.shopFeaturedProductName {
	font-weight: bold;
}

/* Related Product Styles */
.shopProductRelated {
	font-size: 10px;
	padding: 10px;
	width: 100px;
	float: left;
	overflow: hidden;
}
span.shopProductRelatedName, span.shopProductRelatedPrice {
	display: block;
}
span.shopProductRelatedPrice {
	font-weight: bold;
}
div.shopProductRelatedImage {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	text-align: center;
}
span.shopProductItemOptionSoldout {
	margin-left: 5px;
}

/* Default Shop Styles */
/* List View */
div.shopSimpleListItem {
	clear: both;
	margin-bottom: 20px;
}
div.shopSimpleListItem .shopProductName {
	font-weight: bold;
}
div.shopSimpleListItem img {
	float: left;
	margin-right: 10px;
}
div.shopSimpleListItem .shopProductDetails {

}
div.shopSimpleListItem .shopProductDetails span {
	display: block;
	margin-bottom: 10px;
}
div.shopSimpleListItem .shopProductDetails span.shopProductPrice {
	font-weight: bold;
}

span.optionCode, span.productCode{
	font-size:0.8em;
	vertical-align: text-top;

}

/* MENU */
.menuHorizontal ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.menuHorizontal ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; 
/*overall menu background color*/
}

/*Top level menu link items style*/
.menuHorizontal ul li a{
display: block;
width: 6em; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0px;
text-decoration: none;
color: black;
}
.menuHorizontal ul li#firstitem{
	border-left: 1px solid black
}	
/*1st sub level menu*/
.menuHorizontal ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menuHorizontal ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.menuHorizontal ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.menuHorizontal ul li ul li a{
display: block;
width: 8em; /*width of sub menu levels*/
color: black;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.menuHorizontal ul li a:hover{
background-color:#666666;
color: white;
}

/*Background image for top level menu list links */
.menuHorizontal .mainfoldericon{
background: url(../treemenu/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.menuHorizontal .subfoldericon{
background: url(../treemenu/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE */
* html .menuHorizontal ul li { float: left; height: 1%; }
* html .menuHorizontal ul li a { height: 1%; }
* html .menuHorizontal ul li ul li { float: left;}
/* End */

/* menu styles */

.menuVertical ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
	
.menuVertical ul li{
background: #fff;
position: relative;
}
	
/*Sub level menu items */
.menuVertical ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.menuVertical ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #fff;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
.menuVertical ul li a:hover{
color:#FFFFFF;
background-color: #666666;
}
.menuVertical .subfolderstyle{
background: url(../treemenu/arrow-list.gif) no-repeat center right;
}
	
/* Holly Hack for IE */
* html .menuVertical ul li { float: left; height: 1%; }
* html .menuVertical ul li a { height: 1%; }
/* End */

/* News Headlines */
div.newsHeadlineItem a{
	text-decoration: none;
}
span.newsHeadlineReadMore {
	text-decoration: underline;
}

/* Page Sub Folders */
.pagemap a {
	text-decoration: none;
}
.pagemap ul, .pagemap li {
	list-style-type: none;
	margin: 0;
}
.pagemap li {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0;
}
.pagemap h4 {
	margin: 0 0 5px 0;
}
.pageText {
	margin: 0;
}
.pageImage {
	float: left;
	width: 75px;
	margin-right: 10px;
	border: 1px solid #cccccc;
}

/* NEUTRALIZE */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
/* IMAGE TRANSFORMED ELEMENTS */
h1, h2, h3 {
/*	padding: auto;*/
	margin: 0 0 0.5em 0;
	height: 1%;
}
/* VERTICAL MARGIN */
h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0 0 0.5em 0;
	padding: 0;
}
/* INDENT LISTS */
ul, ol {
	margin-left: 40px;
}
body {
	font-family: "Trebuchet MS", Verdana, Lucida, Arial;
	font-size: 13px;
	color: #000000;
}
div.fanstarsite {
	color: #000000;
}
a {
	color: #cccccc;
}
div.fanstarsite a{
	color: #cccccc;
}
.clearer {
	clear: both;
}
img {
	border: 0;
}

span.more {
	text-decoration: underline;
}
.align_right {
	text-align: right;
}
.align_left {
	text-align: left;
}
.align_center {
	text-align: center;
}
div.item a {
	text-decoration: none;
	color: #000000;
}
.odd {
	background-color: #efefef;
}
.even {
	background-color: #f9f9f9;
}
div.item.first {
	border-top: 1px solid #cccccc;
}
div.item {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0;
	clear: both;
	height: 100%;
}
div.item h3 {
	margin-bottom: 0;
}
table.tableList {
	border-collapse: collapse;
	margin-bottom: 1em;
	width: 100%;
}
table.tableList td {
	border-bottom: 1px solid #cccccc;
	padding: 2px 10px;
}
table.tableList tr.tableHeader td {
	background-color: #efefef;
}
.lockerTableHeaderRow h3{
	padding-top:10px;
}
span.thumbnail {
	float: left;
	margin: 0 10px 10px 0;
	display: table;
}
span.image{
	float: left;
	margin: 0 10px 10px 0;
}
div.article span.image {
	position: relative;
}
div.article span.largerimage {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000000;
	color: #ffffff;
	padding: 2px 5px;
	font-size: 0.8em;
	cursor: pointer;
}
.styleLink {
	text-decoration: none;
}
.styleHighlight {
	border: 1px solid #cccccc;
}
.styleBackground {
	background: none;
}
div.article {

}
div.widget {
	border: 1px solid #cccccc;
	background-color: #efefef;
	margin-bottom: 1em;
}
div.widget a {
	text-decoration: none;
	color: #000000;
}
span.date {
	display: block;
	font-style: italic;
}
span.price {
	font-weight: bold;
}
div.breadcrumb {
	font-size: 0.8em;
	padding-bottom: 1em;
}
span.breadcrumbCurrent {
	font-weight: bold;
}

/* TABLES */
table.items {
	border-collapse: collapse;
	width: 100%;
	margin-top: 1em;
}
table.items tr.item td {
	border-bottom: 1px solid #cccccc;
	padding: 3px 0;
}
table.items tr.itemHead td {
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	text-align: left;
}
table.items tr.itemHead {
	background-color: #cccccc;
}

/* PAGING */
div.paging {
	padding: 10px 0;
	width: auto;
	border: 1px solid #cccccc;
	border-left: none;
	border-right: none;
	text-align: center;
	margin: 10px 0;
	clear: both;
}
div.paging a, div.paging a:hover {
	padding: 0 5px;
	text-decoration: none;
}
div.paging a:hover {
	background-color: #efefef;
}
div.paging span {
	margin: 0 2px;
	border: 1px solid #cccccc;
}
div.paging span.currentPage {
	padding: 0 5px;
	background-color: #cccccc;
	color: #efefef;
}
div.paging span.prevPageDisabled a, div.paging span.prevPageDisabled a:hover, div.paging span.nextPageDisabled a, div.paging span.nextPageDisabled a:hover{
	border-color: #efefef;
	color: #efefef;
}

/* SOCIAL BOOKMARKS */
div.bookmarks {
	clear: both;
	padding: 10px 0;
}
div.bookmarks a {
	margin-right: 15px;
	line-height: 16px;
	text-decoration: none;
	font-size: 0.8em;
}
div.bookmarks a img {
	vertical-align: middle;
	margin-right: 3px;
}

/* TAGS */
div.tags {
	border: 1px solid #cccccc;
	border-style: dashed;
	margin: 10px 0;
	padding: 5px;
}
div.tags a {
	font-weight: bold;
	text-decoration: underline;
}

div.navigation {
	border: 1px solid #cccccc;
	background-color: #efefef;
	padding: 0 10px;
}
div.archive, div.tagCloud {
	padding: 10px 0;
}
div.tagCloud {
	border-top: 1px solid #cccccc;
}
div.archive ul {
	margin: 0 0 0 10px;
	padding: 0;
}
div.tagCloud span {
	padding-right: 0px;
	display: block;
}

/* FORMS */
div.row {
	padding: 3px 0;
	clear: both;
}
div.row label {
	display: block;
	font-weight: bold;
	font-size: 1em;
}
div.row label.short {
	width: 60px;
	float: left;
}
div#userCaptcha a {
	text-decoration: underline;
	font-size: 0.9em;
	margin-left: 5px;
	cursor: pointer;
}
/* REGISTRATION */
div.registration, div.userFieldsGroup {
	width: 370px;
	margin: auto;
}
div.registration label, div.userFieldsGroup label {
	width: 80px;
	float: left;
	text-align: right;
	font-weight: normal;
	padding-right: 3px;
}
.userRequired {
	color: #666;
	font-size: 0.9em;
}
span.note {
	font-size: 0.8em;
}
/* EXTENDED USER FIELDS*/
div.userFieldsGroup {
	border: 1px solid #cccccc;
	margin-bottom: 1em;
}
/*
.btnStyle {
	background-color: #cccccc;
	color: #cccccc;
	padding: 2px 5px;
	border-top: 1px solid #f9f9f9;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #f9f9f9;
	font-size: 0.8em;
	font-weight: bold;
}
.btnStyle:hover {
	background-color: #cccccc;
	color: #000000;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
	border-left: 1px solid #cccccc;
}
*/
input.inputStyle,textarea.textareaStyle {
	border: 1px solid #cccccc;
	background-color: #efefef;
	width: 200px;
	padding: 2px;
	color: #000000;
}
textarea.textareaStyle {
	height: 5em;
}
input.inputShort {
	width: 70px;
}

input.inputQty {
	width: 25px;
	text-align: center;
}
select.selectStyle {
	border: 1px solid #cccccc;
	background-color: #efefef;
	padding: 1px;
}

/* INPUTS from control panel css*/

.inputStyle, .textareaStyle {
	width: 200px;
}
.inputStyle.vvShort {
	width: 20px;
}
.inputStyle.vShort {
	width: 40px;
}
.inputStyle.short {
	width: 80px;
}
.inputStyle.long {
	width:500px;
}
.textareaStyle.wide{
	width:100%;
	height:100px;
}
.textareaStyle.large {
	width:100%;
	height:400px;
}


/* MESSAGES */
.messageBox, .errorBox, .quickContent {
	background-color: #efefef;
	border: 2px dashed #cccccc;
	padding: 5px;
	margin-bottom: 1em;
}
.errorBox{
	background-color:#FFD7D7;
	color: #990000;
	border-color: #CC0000;
}
.quickContent {
	border-color: #000000;
}

/* COMMENTS */
div.comments div.items div.item{
	padding:1em;
	/*
	background-image:url(../images/greypixel.gif);
	background-position:126px 0;
	background-repeat:repeat-y;
	*/
	position:relative;	
}
div.comments div.items div.admin{
	color:#000000;
	background-color:#efefef;
}
div.comments div.items div.admin span.name {
	padding-left:18px;
	padding-bottom:4px;
	background-image:url(../images/star_icon2.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	font-size:larger;	
}
div.comments div.items div.item span.name, div.comments div.items div.item span.date {
	display: block;
	height: 1em;
}
div.comments div.items div.item span.name {
	float: left;
	font-weight: bold;
}

div.comments div.items div.item span.date {
	font-size: 0.8em;
	clear:left;
	
}
div.comments div.items div.item span.report {
	position:absolute;
	top:5px;
	right:5px;
}
div.comments div.items div.item span.date span.report {
	padding-left:5px;
}
div.comments div.items div.item div.profile{
	float:left;
	width:125px;
}
div.comments div.items div.item div.description {
	position:relative;
	left:0;
	padding-left: 135px;
	padding-top:10px;
}
div.comments div.items div.item div.controls{
	float:left;
	clear:both;
	margin-top:10px;
}
div.comments div.items div.item div.controls input{
	border:1px solid #CCCCCC;
	background-color: #EEEEEE;
}
div.newComment div.controls {
	padding: 10px 0;
}

/* LOGIN */
div.login {
	text-align: center;
	padding-bottom: 10px;
}
div.login h3 {
	text-align: left;
}
.login .formItem {
	text-align: left;
	padding: 2px 0;
}
.login .formItem Label, .login .formItem label{
	width: 55px;
	display:block;
	float: left;
	text-align: right;
	padding-top: 3px;
	margin-right: 3px;
	font-size: 0.9em;
}
.login .formItem Input, .login .formItem input, input.inputLogin {
	width: 100px;
	border: 1px solid #cccccc;
}
div.btnPasswordReminder {
	clear: both;
}
div.btnPasswordReminder, div.btnLogin, div.btnRegister, div.btnLogout, div.btnSend {
	font-size: 0.8em;
	padding: 5px 0;
}
div.btnLogin, div.btnRegister {
	display: inline;
	padding: 0 5px;
	font-size: 1em;
}

/* LOGIN REQUIRED  */
div.loginRequired {
	border: 1px solid #cccccc;
	margin: 1em 0;
	padding: 10px;
	background-color: #efefef;
}
div.loginRequired div.login {
	text-align: left;
	background: #efefef;
	border: 0;
}
div.loginRequired div.login h3 {
	display: none;
}
div.loginRequired div.login div.btnLogin, div.loginRequired div.login div.btnPasswordReminder {
	margin-left: 10px;
	padding: 5px 0;
}
div.loginRequired div.login div.btnRegister, div.loginRequired div.login div.btnPasswordReminder {
	display: none;
}
div.loginRequired div.login #loginPasswordDiv {
	display: inline;
}

/* LOGOUT */
div.logout {
	display: none;
}

/* USER BAR */
div.wUserMenu span a, div.userMenu span a {
	padding-left: 17px;
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
}
span.textUsername {
	font-weight: bold;
}
span.textUsername label {
	font-weight: normal;
	margin-right: 3px;
}
.btnProfile a {
	background-image: url(../images/icoUserProfile.gif);
}
.btnLocker a {
	background-image: url(../images/icoUserLocker.gif);
}
.btnSubscriptions a {
	background-image: url(../images/icoUserSubscriptions.gif);
}
.btnDownloads a {
	background-image: url(../images/icoUserDownload.gif);
}
.btnLogout a {
	background-image: url(../images/icoUserLogout.gif);
}

/* WIDGET STYLE */
div.wUserMenu span {
	display: block;
	padding: 3px 0;
	font-size: 0.9em;
}
div.wUserMenu span a:hover {
	text-decoration: underline;
}

/* DEFAULT TOP BAR */
div.userMenu {
	background-image: url(../images/menubarback.gif);
	color: #666666;
	height: 18px;
	padding: 3px 5px 3px 0;
	top: 0px;
	width: auto;
	z-index: 999;
	text-align: right;
}
div.userMenu span {
	display: inline;
	padding: 0 3px;
}
div.userMenu span.textUsername label {
	display: none;
}
div.userMenu, div.userMenu a {
	color: #666666;
	text-decoration: none;
}
div.userMenu a:hover{
	color:#333333;
}
div.userMenu .btnLogout a {
	background-image: url(../images/closeicon_grey.gif);
	background-position: right;
	padding-right: 20px;
	padding-left: 0;
}

/* USER PROFILE */
div.profile div.group span.thumbnail {
	position:absolute;
	right:0px;
	top:10px;
	border: 1px solid #cccccc;
}
div.profile div.group{
	margin-bottom: 1em;
	position:relative;
}
div.profile .row {
	border-bottom: 1px solid #cccccc;
}

/* TAB BAR */
.linkTabBar a{
	padding:.15em 4px;
	margin-right:2px;
	margin-left:0px;
	margin-bottom:0px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:0px;
	line-height:1.8em;
	color:#cccccc;
	background-color:#f9f9f9;
	font-weight:bold;
	text-decoration:none;
}
.linkTabBar a:hover{
	color:#000000;
}
.linkTabBar span{
	padding:.15em 4px;
	margin-right:2px;
	margin-left:0px;
	margin-bottom:0px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:0px;
	line-height:1.8em;
	color:#000000;
	background-color:#efefef;
	font-weight:bold;
	text-decoration:none;
}
.linkTabBar span:hover{
	color:#000000;
}
div.linkTabBar{
	border-bottom:1px solid #cccccc;
	margin-bottom:.5em;
}

/* MP3 Player */
div#mp3player {
	width: 480px;
	height: 280px;
	margin: auto;
}

/* SHOP */
div.shop div.navigation {
	border: none;
	background: none;
	padding: 0;
}
div.shop div.navigation div {
	margin-bottom: 1em;
}
div.navigation div.category.root {
	border-bottom: 1px solid #cccccc;
}
div.navigation div.category a {
	border: 1px solid #cccccc;
	padding: 2px 8px;
	background-color: #efefef;
	margin: 0 3px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.8em;
}
div.shop div.breadcrumb {
	border: 1px solid #cccccc;
	border-style: dashed;
	padding: 5px;
}
div.options {
	clear: both;
	border: 1px solid #cccccc;
	background-color: #efefef;
	padding: 10px;
	margin: 10px 0;
}
div.options h3 {
	margin: 0;
	font-size: 1em;
}
div.options ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.shop div.article div.description {
	font-style: italic;
	margin-bottom: 1em;
}
div.shop div.article span.price, div.shop div.article div.purchase {
	clear: both;
	display: block;
	text-align: center;
	font-size: 1.5em;
}
div.shop div.article div.purchase span {
	margin: 0 3px;
}
div.shop div.preview {
	float:left;
}
div.shop div.preview div.previewTrack {
	 clear: left;
}


/* META PRODUCT */
div.shop div.article div.items {
	clear: both;
}
div.shop div.article div.items h2 {
	font-style: italic;
	padding-top: 20px;
	margin: 0;
}
div.shop div.article div.items .description {
	padding-bottom: 10px;
	margin: 0;
	border-bottom: 1px solid #cccccc;
}
div.shop div.article div.items {
	padding-bottom: 1em;
}
div.shop div.article div.items div.item {
	display: block;
	width: 100%;
	clear: both;
	height: auto;
	text-align: right;
	padding: 5px 0;
	line-height: 1.6em;
	position:relative;
}
div.shop div.article div.items div.item span {
	padding: 0;
	clear: none;
	margin: 0 3px;
	display: inline;
	font-size: 1em;
}
div.shop div.article div.items div.item h3 {
	display: inline;
	float: left;
	font-size: 1em;
}
/* targets meta products descriptions
div.shop div.article div.items div.item p.description {
	font-size: 1em;
	border-bottom:none;
	position:absolute;
	top:4em;
	text-align:left;
}*/
div.shop div.article div.items div.item span.thumbnail {
	float: left;
}

/* SHOP RELATED AND FEATURED */
div.shop div.relatedproducts, div.shop div.featuredproducts {
	clear: both;
	border: 1px solid #cccccc;
	margin: 10px 0;
	padding: 10px 0;
}
div.shop div.relatedproducts h3, div.shop div.featuredproducts h3 {
	text-align: center;
	margin: 0 0 0.5em 0;
}
div.shop div.relatedproducts div.item, div.shop div.featuredproducts div.item {
	padding: 0 0 10px 0;
	margin: 0 auto;
	width: 33%;
	float: left;
	text-align: center;
	clear: none;
	border-bottom: 0;
	height: 180px;
}
div.shop div.relatedproducts div.item h4, div.shop div.featuredproducts div.item h4 {
	padding: 0 10px;
	margin: 0;
	font-size: 1em;
	font-style: italic;
	height: 35px;
}
div.shop div.relatedproducts div.item span.price, div.shop div.featuredproducts div.item span.price {
	display: block;
	clear: both;
}
div.shop div.relatedproducts div.item span.thumbnail, div.shop div.featuredproducts div.item span.thumbnail {
	margin: 0 auto;
	float: none;
}
div.shop div.featuredproducts span.thumbnail {
	float: none;
}
div.shopProduct div.shopProductItemImage span{
	display: block;
}

/* SHOP CHECKOUTS */
div.shopBasket table.items {
	border: 1px solid #cccccc;
}
div.shopBasket table.items tr.item td {
	padding: 5px 3px;
}
div.shopBasket div.shopBasketTotal {
	text-align: right;
	font-weight: bold;
	font-size: 1.2em;
}
div.shopBasket div.shopBasketTotal span.shopBasketTotalPrice {
	background-color: #cccccc;
	padding: 0 10px;
}

/* THE WIDGETS */
/* BASKET */
div.wBasket h3 {
	margin: 0;
}
div.wBasket div.basketItems {
	padding: 5px;
	background-image: url(../images/icoCheckout.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
div.wBasket a {
	text-decoration: none;
	cursor: pointer;
}
div.wBasket span.basketItems {
	display:block;
	border-bottom: 1px solid #cccccc;
}
div.wBasket span {
	font-weight: bold;
	margin-right: 5px;
}
div.wBasket span.text {
	font-weight: normal;
	text-align: right;
}

/* SEARCH BOX */
div.wSearch span {
	float: left;
}
div.wSearch .inputStyle, div.wSearch .selectStyle {
	background-color: #ffffff;
	width: auto;
}
div.wSearch span.searchbutton input {
	width: 22px;
	height: 22px;
	padding: 22px 0 0;
	margin: 0;
	border: 0;
	background: transparent url(../images/search_icon.gif) no-repeat 50% 50%;
	overflow: hidden;
	cursor: pointer;
}

/* SEARCH RESULTS */
div.searchResults div.items div.item a h3 {
	position:relative;
	text-decoration: underline;
}
div.searchResults a {
	text-decoration: none;
}
div.searchResults div.items div.item a h3 span.listTag {
	font-size: 0.8em;
	display:block;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-align:right;
	text-decoration: none;
	font-weight: normal;
}

/* EVENTS */
/* WIDGET */
div.wEvents div.items div.item {
	padding: 3px 0;
}
div.wEvents div.items div.item h3 {
	 display: block;
	 margin: 0;
}
div.wEvents div.items div.item span {
	 display: block;
	 padding: 0;
	 margin: 0;
}
div.wEvents div.items div.item span {
	font-size: 0.9em;
}
div.wEvents div.items div.item span.name {
	font-style: italic;
}
div.wEvents div.items div.item span.location {
	font-weight: bold;
}

/* FULL COMPONENT */
div.events div.navigation {
	padding: 3px;
	text-align: right;
}
div.events div.navigation select {
	margin-left: 3px;
}
div.events table.items tr.monthHeader td h3 {
	border-bottom: 1px solid #cccccc;
	border-width: 2px;
	margin: 0;
	padding-top: 10px;
}
div.events div.article span {
	display: block;
	font-size: 1.2em;
}

/* SUBSCRIPTIONS */
/* WIDGET */
div.wSubscriptions{
	padding:4px;
}
div.wSubscriptions div.item div.subName{
	font-weight:bold;
}
div.wSubscriptions div.item div.subName{
	padding-left:16px;
	background-image:url(../images/icoUserSubscriptions.gif);
	background-repeat:no-repeat;
	display:block;
}
div.wSubscriptions div.item div.subDetails{
	font-size:0.9em;
}
div.wSubscriptions div.item div.subPeriod{
	float:left;
	width:70%;
	font-weight:bold;
}
div.wSubscriptions div.item div.subCost{
	float:left;
	width:30%;
	font-size:1.1em;
	text-align:right;
	font-weight:bold;
}
div.wSubscriptions div.subAuthReq{
	font-size:0.8em;
}
div.wCodeCapture{
	text-align:center;
	padding:4px;
}
/* CALENDAR */
/* WIDGET */
div.calendar table.calendar tr.itemHead span.dayWord {
	display: none;
}
div.calendar table {
	border-collapse: collapse;
	position: relative;
	margin: 0;
}
div.calendar h3.sectionTitle {
	text-align: center;
	margin: 0;
	background-color: #cccccc;
	padding-bottom: 0.5em;
}
div.calendar table.calendar td.busy span.eventsTooltip {
	display: none;
	position: absolute;
	margin: -0.5em 0 0 10px;
	width: 130px;
	background: #efefef;
	border: 1px solid #cccccc;
	padding: 5px;
}
div.calendar table.calendar span.eventsTooltip span.date {
	text-align: center;
	border-bottom:1px solid #cccccc;
	padding-bottom: 2px;
}
div.calendar table.calendar span.eventsTooltip a {
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
	padding: 2px 0;
}

/* FULL COMPONENT */
div.events div.calendarNav span {
	float: left;
	margin-top: -2em;
}
div.events div.calendarNav span.nextPage, div.events div.calendarNav span.nextPageDisabled {
	float: right;
}
div.events table.calendar tr.itemHead td, div.calendar table.calendar tr.itemHead td {
	text-align: center;
	height: 1em;
	font-size: 0.9em;
	border-bottom: 1px solid #efefef;
}
div.events table.calendar td, div.calendar table.calendar td {
	border: 1px solid #cccccc;
	padding: 0 2px;
	width: 13%;
}
div.events table.calendar td {
	height: 80px;
	vertical-align: top;
}
div.events table.calendar td.day, div.calendar table.calendar td {
	font-size: 0.8em;
}
div.events table.calendar td.blank, div.calendar table.calendar td.blank {
	background-color: #f9f9f9;
}
div.events table.calendar td.day, div.calendar table.calendar td.day {
	background-color: #efefef;
}
div.events table.calendar td.busy, div.calendar table.calendar td.busy {
	background-color: #cccccc;
	width: auto;
	border: 1px solid #efefef;
}
div.events table.calendar td.busy a {
	border-bottom: 1px solid #efefef;
}
div.events table.calendar span.date, div.calendar table.calendar span.date {
	display: block;
	font-size: 1em;
	text-align: right;
}
div.events table.calendar td.busy div.summary, div.events table.calendar span, div.calendar table.calendar span {
	clear:both;
}
div.events table.calendar a, div.calendar table.calendar a {
	display:block;
	cursor: pointer;
}


/* BLOG */
div.blog {
	position: relative;
	width: 100%;
}
div.blog div.items, div.blog div.article, div.blog div.loginRequired { 
	width: 70%; /*To fit the archive*/
}
div.blog div.navigation {
	width: 26%;
	position: absolute;
	top: 0;
	margin-left: 71%;
}
div.newPost {
	padding: 10px;
	border: 1px solid #cccccc;
	border-width: 2px;
	margin-bottom: 20px;
}
div.blog span.commentCount {
	display: block;
	font-size: 0.8em;
	padding-bottom: 5px;
}

/* FORUM */
div.forum table.items td {
	padding: 3px 10px;
}
div.forum table.items td.icons{
	width:48px;
	padding:0px 4px;
	margin:0px;
}
div.forum table.items td.icons div.icon{
	width:16px;
	height:16px;
	float:left;
}
div.forum table.items tr.itemHead {
	font-weight: bold;
}
div.forum table.items tr.item td.lastPost {
	font-size: 0.8em;
	width: 80px;
}
div.forum table.items td.topics, div.forum table.items td.replies, div.forum table.items td.posts, div.forum table.items td.views {
	text-align: center;
}
div.forum table.items td.name a {
	font-weight: bold;
}
div.forum div.navigation {
	position: relative;
	padding: 5px 10px;
	margin-bottom: 15px;
}
div.forum div.navigation span.anchorLink {
	position: absolute;
	top: 5px;
	right: 5px;
	border-left: 1px solid #cccccc;
	padding: 0 5px;
}
div.forum div.navigation span.anchorLink a {
	font-weight: bold;
}


/* OLD GALLERY */
div.basicgallery div.navigation {
	border: 0;
	background: none;
	padding: 0;
}
div.basicgallery div.items div.item {
	padding: 10px 0;
	width: 33%;
	float: left;
	clear: none;
	text-align: center;
	border: none;
	height: 150px;
}
div.basicgallery div.items div.item span.thumbnail {
	float: none;
	margin: auto;
}
div.basicgallery div.items div.item h3 {
	clear: both;
	padding: 0 5px;
	font-size: 1em;
}


/* NEW GALLERY */
div.gallery div.navigation {
	border: 0;
	background: none;
	padding: 0;
}
div.gallery div.navigation div.tagCloud {
	border: 1px solid #cccccc;
	background-color: #efefef;
	margin-bottom: 1em;
	padding: 10px;
}
div.gallery div.navigation div.tagCloud h3 {
	font-size: 1em;
	margin: 0;
}
div.gallery div.navigation div.tagCloud span {
	display: inline;
	padding-right: 5px;
}
div.gallery div.setView div.item {
	height: 180px;
}
div.gallery div.galleryView div.item h3 {
	font-size: 1em;
	font-weight: bold;
}
div.gallery div.galleryView div.item a.setTitle {
	cursor: pointer;
	display: block;
	position: relative;
}
div.gallery div.galleryView div.item span.number_pics,div.gallery div.galleryView div.item span.date {
	font-weight: normal;
}
div.gallery div.galleryView div.item span.date {
	position: absolute;
	right: 0;
	top: 0;
	font-style: normal;
	z-index: 100;
	display: none;
}
div.gallery div.galleryView div.item span.info {
	font-size: 0.9em;
	display: block;
	margin-bottom: 1em;
}

div.gallery div.galleryView div.item p {
	margin-bottom: 0.1em;
}

div.gallery div.setView div.item {
	padding: 10px 0;
	width: 33%;
	float: left;
	clear: none;
	text-align: center;
	border: none;
}
div.gallery div.setView div.item span.thumbnail {
	float: none;
	margin: auto;
}
div.gallery div.setView div.item h3 {
	clear: both;
	padding: 0 5px;
	font-size: 1em;
	height: auto;
}
div.gallery div.article span.image {
	background: #efefef;
	text-align: center;
	margin: 0;
	display: block;
	float: none;
}
div.gallery div.article div.control {
	border: 1px solid #cccccc;
	background: #cccccc;
}
div.gallery div.article div.control a.btnPrevious,div.gallery div.article div.control a.btnNext,div.gallery div.article div.control a.btnStart {
	float: left;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 10px;
	font-weight: bold;
}
div.gallery div.article div.control a.btnNext,div.gallery div.article div.control a.btnStart {
	float: right;
}
div.gallery div.description {
	padding: 1em 0;
}
div.gallery div.details {
}
div.gallery div.details div.row {
}
div.gallery div.details div.row label {
	display: inline;
	padding-right: 5px;
}
div.gallery a.tooltip{
	position:relative; /*this is the key*/
	z-index:24;
	text-decoration:none
}
div.gallery a.tooltip:hover {
	z-index:25;
	background-color: #333333;
}
div.gallery a.tooltip span{
	display: none
}
div.gallery a.tooltip:hover span{ /*the span will display just on :hover state*/
	display: block;
	position: absolute;
	bottom: 2em;
	left: -1px;
	padding: 5px;
	border: 1px solid #cccccc;
	background-color: #efefef;
	text-align: center
}
div.gallery a.btnNext:hover span{
	left: auto;
	right: -1px;
}


/* IMAGEVIEW */
div.imageview div.article{
	text-align: center;
	overflow: hidden;
	width: 100%;
}
div.imageview div.article span.image{
	float: none;
	margin: auto;
	clear: right;
	display: block;
}
div.imageview div.navigation{
	border: 0;
	background: none;
}
div.imageview div.navigation span{
	display:block;
	text-align:center;
	padding:5px 0;
}

/* RSS FEEDS */
a.rsslink{
	background-image: url(../images/rssicon16.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	font-size: small;
	display: block;
	text-decoration: none;
	color: #003366;
}
div.rssDescription {
	display: none;
}

/* LEGAL */
div#legal {
	text-align: center;
	font-size: 0.8em;
}
div#legal span {
	padding: 0;
	margin: 0 5px;
}
div#legal span.legalLogo a{
	background: url(http://www.fantactics.co.uk/images/poweredWhite.gif) left top no-repeat;
	padding: 1px 54px;
	height: 15px;
	line-height: 15px;
	text-decoration: none;
}

/* LEGAL DOCUMENT */
div.legaldocument {
	font-family: "Trebuchet MS", Verdana, Lucida, Arial;
	font-size: 13px;
	padding: 0;
	margin: 10px 20px;
}
div.legaldocument h1 {
	font-size: 1.5em;
}
div.legaldocument h2 {
	font-size: 1.3em;
}
div.legaldocument h3 {
	font-size: 1.1em;
}

/* DISCOGRAPHY */
div.discography div.navigation {
	margin-bottom: 1em;
	text-align: right;
	padding: 0;
}
div.discography div.navigation h3, div.discography div.navigation div.category {
	display: inline;
}
div.discography div.navigation div.category a {
	border: 0;
	border-left: 1px solid #cccccc;
	font-weight: bold;
}
div.discography div.navigation div.category a.selected {
	text-decoration: underline;
}
div.discography div.navigation div.category a , div.discography div.navigation h3 {
	line-height: 1em;
	padding: 0 10px;
	margin: 0;
	font-size: 1em;
}
div.discography div.track table.items tr.itemHead td.header {
	background: no-repeat center right;
	cursor:pointer;
}
div.discography div.sortBar {
	border: 1px solid #cccccc;
	padding: 3px 0;
	background-color: #cccccc;
}
div.discography div.sortBar span {
	cursor: pointer;
	padding: 0 10px;
	background: no-repeat center right;
}
div.discography div.sortBar span.sortLink, div.discography div.track table.items tr.itemHead td.header {
	background-image: url(../images/sort_icon.gif);
}
div.discography div.sortBar span.sortDown, div.discography div.track table.items tr.itemHead td.sortDown {
	background-image: url(../images/sortUp_icon.gif);
}
div.discography div.sortBar span.sortUp, div.discography div.track table.items tr.itemHead td.sortUp {
	background-image: url(../images/sortDown_icon.gif);
}
div.discography div.row label,div.discography div.row span {
	display: inline;
	padding-right: 5px;
}
div.discography div.items div.item {
	border-bottom: 1px solid #cccccc;
}
/* Make these items look like a link */
div.discography div.items div.item h3,div.discography div.items div.item span.thumbnail {
	cursor: pointer;
}
div.discography div.items div.row {
	clear: none;
}
div.discography div.items div.item div.controls {
	padding: 3px 0;
}
div.discography div.items div.item div.controls span {
	cursor: pointer;
}
div.showTracks {
	display: none;
	clear: both;
}
div.showTracks table {
	margin: 0;
}
div.discography div.article span.image {
	z-index:99;
}
div.discography div.article div.details {
	position: relative;
	padding-right: 180px;
}
div.discography div.article div.details div.row {
	clear: none;
}
div.discography div.article div.details div.row span {
	display: inline;
}
div.discography div.article div.details table {
	width: 180px;
	position: absolute;
	right: 0;
	top: 0;
	background: none;
	margin: 0;
}
div.discography div.article div.details table td.name {
	font-size: 0.8em;
}
div.discography div.article div.details table td.buy, div.discography table td.buy {
	width: 50px;
	text-align: right;
}
div.discography table td.price {
	width: 45px;
}
div.discography div.tracks table, div.discography div.article div.details table {
	border-top: 1px solid #cccccc;
}
div.discography div.article div.description,div.discography div.article div.information,div.discography div.article div.appearsOn {
	padding: 10px 0;
	border-top: 1px solid #cccccc;
}
div.discography div.article div.information,div.discography div.article div.appearsOn {
	float: left;
	width: 50%;
}
div.discography div.article div.information label {
	display: block;
	width: 90px;
	float: left;
}
div.discography div.article div.appearsOn div.item {
	border: 1px solid #cccccc;
	background-color: #efefef;
	padding: 10px 10px 5px 10px;
}
div.discography div.article div.appearsOn div.item span.thumbnail img {
	width: 70px;
}


/* PLAY BUTTONS FOR JAVASCRIPT MP3 PLAYER */
div.miniPlayerHolder {
	position: absolute;
	top: 0;
	left: 0;
}
a.btnPlay, a.btnStop {
	display: block;
	float: left;
	clear: left;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/play_icon.gif);
	border: 1px solid #cccccc;
	cursor: pointer;
}
a.btnStop {
	display: none;
	background-image: url(../images/stop_icon.gif);
}


/* LIBRARY */
div.library table.items {
	border: 1px solid #cccccc;
}
div.library table.items tr.item td {
	padding: 5px 0;
}
div.library table.items td.filesize {
	width: 60px;
	text-align: center
}
div.library table.items tr.item td.date {
	width: 120px;
	font-size: 0.9em;
}
div.library table.items tr.item td.name,div.library td.name {
	padding-left: 5px;
}
div.library a.libraryLink {
	display: block;
	background-image: url(../images/filetypes/icounknown.gif);
	background-repeat:no-repeat;
	background-position: 0 center;
	padding-left: 20px;
}
div.library a.libraryLink:hover {
	font-weight: bold;
}

/* CONTACT FORM */
div.contactform div#captchaForm label,div.contactform div#userCaptcha label {
	display: none;
}
div.contactform div#captchaForm,div.contactform div#userCaptcha {
	padding-left: 60px;
}
div#userCaptcha .inputStyle {
	width: 100px;
}

/* YOUTUBE PLAYER */
#youtubePlayer {
	width: 480px;
	height: 295px;
	display: none;
	margin: auto;
}


/* MEDIA PLAYER */
div#mediaplayer {
	margin: auto;
	border: 1px solid #cccccc;
	display: block;
	width: 511px;
	background-color: #efefef;
	margin-bottom: 2em;
}
div.screen {
	width: 320px;
	height: 240px;
	float: left;
}
div.player_controls {
	border-top: 1px solid #cccccc;
	padding: 2px;
}
div.playlist_holder {
	width: 190px;
	float: left;
	height: 267px;
	height: 267px;
	overflow-y: auto;
	overflow-x: hidden;
	border-left: 1px solid #cccccc;
}
div.playlist {
	margin-bottom: 0.5em;
	font-size: 11px;
}
div.playlist_items {
	display: none;
}
div.playlist_items.open {
	display: block;
}
div.playlist a {
	text-decoration: none;
}
div.playlist span.title {
	display: block;
	font-weight: bold;
	font-size: 13px;
	background-color: #cccccc;
	margin: 0;
	padding: 0 5px;
	border-bottom: 1px solid #efefef;
}
div.playlist span.setTitle {
	cursor: pointer;
}
div.playlist_row {
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
	position: relative;
}

div.playlist_row span.ahref {
	display: block;
	padding-right: 30px;
	padding: 2px 5px;

}
div.playlist_row span:hover {
	background-color: #cccccc;
}
div.playlist_row span.playing {
	background-color: #f9f9f9;
}

div.playlist_row span.filetype {
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 2px;
	padding: 0 5px 0 3px;
}

/* MEDIA PLAYER BUTTONS */
div.player_controls span.player_btn {
	display: block;
	overflow: hidden;
	width: 20px;
	height: 0;
	padding-top: 20px;
	margin-right: 2px;
	float: left;
	border: 1px solid #cccccc;
	background-color: #efefef;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}
div.player_controls span.player_btn:hover {
	background-color: #cccccc;
}
div.player_controls span.player_btn_init {
	background-image: url(../images/mpBtnPlay.gif);
}
div.player_controls span.player_btn_play {
	background-image: url(../images/mpBtnPlay.gif);
	display: none;
}
div.player_controls span.player_btn_pause {
	background-image: url(../images/mpBtnPause.gif);
}
span.player_btn_stop {
	background-image: url(../images/mpBtnStop.gif);
}
span.player_btn_next {
	background-image: url(../images/mpBtnNext.gif);
}
span.player_btn_prev {
	background-image: url(../images/mpBtnPrevious.gif);
}
div.player_controls span.player_btn.player_btn_inactive {
	background-color: #cccccc;
	cursor: default;
}
span.player_btn_info,span.player_btn_info_inactive {
	float: left;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	font-style: italic;
	height: 20px;
	width: 205px;
	text-align: right;
	overflow: hidden;
}
span.player_btn_info_inactive {
	cursor: default;
	font-style: normal;
}
div.mediaplayer div.description {
	border-top: 1px solid #cccccc;
	padding: 5px;
}
div#ninjaBanner {
display: none;
}
/* horizontal menu style overrides */
.menuHorizontal {
margin:0 0 20px;
}
.menuHorizontal ul{
	margin: 0;s
	padding: 0;
	list-style-type: none;

}
.menuHorizontal ul li{
	position: relative;
	display: inline;
	float: left;
	background: none;
}
#item0-11 {
display:none;
}
/*Top level menu link items style*/
.menuHorizontal ul li a{
	background-color: #FFFFFF;
	display: inline;
	width: auto; /*Width of top level menu link items*/
	padding: 0 4px 0 3px;
	border: 0px;
	border-left-width: 0px;
	border-right: none;
}
/* Rollover style for list items */
.menuHorizontal ul li a:hover{
	background-color: #FFFFFF;
}

/*Folder images*/
.menuHorizontal .mainfoldericon{
	padding-right: 0;
	background: none;
}

/* Affects the first LI only */
.menuHorizontal ul li#firstitem{
	border-left: 0px solid #333333;
margin:0 0 0 8px;
}

div.registrationMemberDetails {
width: 340px;
margin: auto;
}
div.registrationMemberDetails h3 {
margin: 10px 0px;
}
div#userRegister, div#userRequired {
padding: 10px 0;
text-align: center;
}

div#usercontrols {
padding-top: 15px;
font-size: 11px;
text-align: center;
}
/* LOGIN BOX */
div#sliderbox {
height: 80px;
}

div.loginError h3 {
color: #ff0000;
position: absolute;
}

div#loginbox {
background: url(../UserFiles/9/Image/bgdLoginbox2.gif) left -4px no-repeat;
width: 560px;
height: 80px;
margin: auto;
}
div.login {
width: 420px;
margin: 12px 0 0 10px;
padding: 0;
background: none;
height: 60px;
float: left;
}
div.btnPasswordReminder {
text-align: right;
font-size: 10px;
width: 185px;
padding-bottom: 5px;
clear: both;
float: left;
}
.login .btnLogin, .login .btnRegister, .login .btnLogout{
padding-top:0px;
}
div.login h3 {
display: none;
}
div.login br {
display: none;
}
div.formItem {
width: 190px;
float: left;
height: 26px;
}
.login .formItem Label{
	width:55px;
	padding: 3px 5px 0 0;
	margin-right: 0px;
	font-size: 11px;
}
.login .formItem Input{
width: 116px;
height: 14px;
padding: 2px;
border: 1px solid #000000;
}
.login .btnLogin, .login .btnRegister, .login .btnLogout {
text-align: right;
display: block;
float: left;
width: 90px;
margin: 0 5px;
}
.login .btnLogin a, .login .btnLogout a, .login .btnRegister a, .login .btnLogin a:hover, .login .btnLogout a:hover, .login .btnRegister a:hover  {
padding: 0 7px;
display: block;
margin: 0;
text-decoration: none;
font-size: 12px;
background-color: #FFFFFF;
border: 1px solid #000000;
}
.login .btnLogin a:hover, .login .btnLogout a:hover, .login .registerlink a:hover {
background: #e5e5e5;
}

/* NEWS STYLES */

.seperator {
height: 10px;
background: url(../UserFiles/9/Image/bgdSeperator.gif) center top repeat-x;
clear:both;
}

/* EVENTS STYLES */

.events table {
width: 100%;
}
.eventsDatetime {
width: 70px;
}
.eventsLocation {
font-style: italic;
}
.eventsHead td {
display: none;
}
.events td {
vertical-align: top;
padding: 5px 2px;
border-bottom: 1px dotted #cccccc;
}

div.eventDetails span {
display: block;
margin-bottom: 10px;
}


/* SIMPLE EVENTS */
div.eventsBriefItem {
background: #FFFFFF;
width: 180px;
margin: 25px 0 0 70px;
height: 75px;
}
.eventsBriefItem span, .eventsBriefItem h3 {
color: #666666;
display: block;
text-align: center;
}
.eventsBriefLocation {
font-weight: bold;
}
.eventsBriefItem a {
color:#666666;
text-decoration: none;
}


/* SHOP STYLES */
div.shop {
width: 560px;
clear: both;
}
.shop h2{
display: none;
}
.shop table{
text-align: center;
width: 100%;
}
.shopCategoryTitle td {
background: #000000;
color: #FFFFFF;
font-weight: bold;
}
.shopCategoryTitle {
font-size: 22px;
}
.shopProductName {
font-weight: bold;
}

.shopProductImageSmall img {
max-width: 140px;
max-height: 140px;
_width: 140px;
/*height: 140px;*/
border: 1px Solid #000000;
}
td.shopProductImageSmall {
height: 140px;
}
td.shopProductName {
height: 60px;
}

/*INDIVIDUAL SHOP PRODUCTS*/
div.shopProduct {
background: url(../UserFiles/9/Image/bgdSeperator.gif) center top repeat-x;
padding-top: 20px;
width: 560px;
clear: both;
position: relative;
left: 0px;
top: 0px;
}
div.shopProduct h2 {
margin: 10px 0;
}
div.shopProductItemImage {
width: 270px;
height: 280px;
overflow: hidden;
position: absolute;
top: 60px;
left: 0;
}
div.shopProductItemImage img{
width: 270px;
}
div.shopProductItemDescription{
display: none;
}
div.shopProductItemDetails {
position: absolute;
top: 350px;
left: 0;
width: 270px;
padding-right: 280px;
padding-bottom: 40px;
background-color: #ffffff;
}
div.shopProductItemOption {
width: 270px;
position: absolute;
left: 290px;
top: 60px;
height: 105px;
overflow: auto;
border-bottom: 1px solid #cccccc;
}
.shopProductItemOption h3 {
font-weight: bold;
font-style: italic;
font-size: 15px;
margin: 0;
}
span.shopProductItemPrice {
font-weight: bold;
font-size: 16px;
width: 85px;
position: absolute;
left: 295px;
top: 180px;
height: 50px;
vertical-align: top;
}
div.shopProductItemAdd {
width: 210px;
height: 50px;
position: absolute;
left: 350px;
top: 180px;
}
div.shopProductItemAdd span {
padding: 0 5px;
display: inline;
vertical-align: top;
}
span.shopLinkShowShop {
display: none;
}

/* RELATED PRODUCTS */
div.shopRelatedProducts {
position: absolute;
padding: 0;
width: 270px;
overflow: hidden;
top: 225px;
left: 290px;
}
div.shopRelatedProducts h2 {
font-weight: bold;
font-style: italic;
font-size: 16px;
margin: 0 0 5px 0;
padding: 0;
}
div.shopProductRelated {
width: 80px;
height: 80px;
padding: 0px;
margin: 0 10px 10px 0;
}
.shopProductRelatedName, .shopProductRelatedPrice {
diplay: none;
}
div.shopProductRelatedImage {
width: 80px;
height: 80px;
overflow: hidden;
border: none;
background-color: #FFFFFF;
text-align: center;
}
div.shopProductRelatedImage img {
width: 80px;
height: 80px;
}

/* FEATURED PRODUCTS */
div.shopFeaturedProduct {
border: none;
width: 180px;
margin: 25px 0 0 10px;
height: 65px;
background-color: #FFFFFF;
}
.shopFeaturedProduct img {
display: none;
}
div.shopFeaturedProduct h2 {
display: none;
}
.shopFeaturedProduct span {
display: block;
text-align: center;
color: #666666;
}
span.shopFeaturedProductName {
font-weight: bold;
}
.shopFeaturedProduct a {
text-decoration: none;
color: #666666;
}

/* FORUM */
.forumPostOwnerSuffix {
display: none;
}
td.forumPostCount, td.forumTopicViews {
text-align: center;
}


/* Neutralize styling: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
/* Elements that will be Image Transformed: */
h1, h2, h3 {
	margin: 0;
	padding: 0;
}
/* Elements with a vertical margin: */
h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0 0 1em 0;
	padding: 0;
        overflow:hidden;
}
/* indent the UL and OLs */
ul, ol {
	margin-left: 40px;
}

.clearer {
	clear: both;
}

/* Mr Scruff style sheet */

body {
font-family: "Trebuchet MS", Verdana, Lucida, Arial;
	font-size: 13px;
	color: #000000;
	padding-bottom: 20px;
	background: url(../UserFiles/9/Image/bgdBody.gif) center top repeat-y #FFFFFF;
}
h1, h2, h3 {
height: auto;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
}

img {
	border: 0px;
}

a {
	color:#000000;
	text-decoration:underline;
	cursor: pointer;
}

a:hover {
	color:#666666;
	cursor: pointer;
}
div#banner {
width: 840px;
}

div#header {
	width: 320px;
	margin: auto;
	text-align: center;
	padding: 20px 0 0 0;
	float: left;
}
div#loginTop {
height: 5px;
background: url(../UserFiles/9/Image/bgdHeader1.gif) center bottom no-repeat;
}
div#headerLeft {
width: 260px;
height: 120px;
float: left;
background: url(../UserFiles/9/Image/bgdHeaderLeftGray.gif) 0px 15px no-repeat;
}
div#headerRight{
position: relative;
width: 260px;
height: 120px;
float: left;
background: url(../UserFiles/9/Image/bgdHeaderRightGray.gif) 0px 15px no-repeat;
}
div.quickContent {
padding: 20px;
margin-bottom: 20px;
background: url(../UserFiles/9/Image/bgdSeperator.gif) center bottom repeat-x;
}
div#content {
padding-top: 10px;
width: 560px;
}
div#page {
	width: 840px;
	margin: auto;
}

div#colLeft {
	width: 140px;
	float: left;
}

div#colRight {
	width: 140px; 
	float: left;
}

div#colMiddle {
	width: 560px;
	float: left;
}

div#footer {
	width: 730px;
	padding: 300px 0 20px 0;
	margin: auto;
	font-size: 11px;
	text-align: center;
}

/* BTNS LEFT COL */

div.btnHome {
	width: 100px;
	height: 95px;
	margin-left: 14px;
	margin-bottom: 5px;
}
div.btnNews {
	width: 65px;
	height: 85px;
	margin-left: 13px;
	margin-bottom: 5px;
}

div.btnBiog {
	width: 91px;
	height: 91px;
	margin-left: 0px;
	margin-bottom: 5px;
}

div.btnAudio {
	width: 81px;
	height: 90px;
	margin-left: 5px;
	margin-bottom: 5px;
}

div.btnGames {
	width: 79px;
	height: 148px;
	margin-left: 6px;
}


/* BTNS RIGHT COL */

div.btnShop {
	width: 108px;
	height: 94px;
	margin-left: 28px;
	margin-bottom: 2px;
	margin-top: 10px;
}
div.btnGigs {
	width: 139px;
	height: 61px;
	margin-left: 0px;
	margin-bottom: 2px;
}

div.btnForum {
	width: 109px;
	height: 54px;
	margin-left: 28px;
	margin-bottom: 2px;
}

div.btnVideo {
	width: 116px;
	height: 87px;
	margin-left: 24px;
	margin-bottom: 2px;
}

div.btnGallery {
	width: 98px;
	height: 99px;
	margin-left: 33px;
	margin-bottom: 2px;
}

div.btnNewsletter {
	width: 100px;
	height: 118px;
	margin-left: 32px;
}


div.btnDownload {
	width: 110px;
	height: 100px;
	margin-left: 30px;
}

div.aboutmenu {
display:inline;
}

/* MR SCRUFF SHOP */
.styleHighlight{
border: 1px solid #cccccc;
}
div.shop h2{
display: none;
}
div.shop div.article h2{
display: block;
margin-bottom: 0.5em;
}
div.shop .odd, div.shop .even {
background: none;
}
div.shop div.navigation {
border: 0;
height: 90px;
background: url(../UserFiles/9/Image/bgdSeperator.gif) center bottom repeat-x;
}
div.navigation div.category, div.navigation div.category.root {
border: 0;
}
div.shop div.categoryDetails {
clear: both;
}
div.shop div.breadcrumb {
display: none;
}
/* DISPLAY IN 3 COLS */
div.shop div.items div.item, div.shop div.featuredproducts div.item {
	padding: 10px 0px 0px;
	border: 0;
	border-bottom: 1px solid #cccccc;
	width: 186px;
	float: left;
	clear: none;
	text-align: center;
	height: 210px;
}
div.shop div.items div.item div.summary, div.shop div.featuredproducts div.item div.summary {
	display: none;
}
div.shop div.items div.item h3, div.shop div.featuredproducts div.item h4 {
height: 40px;
padding: 0 5px;
font-size: 1em;
overflow: hidden;
}
div.shop div.items div.item span, div.shop div.featuredproducts div.item span {
	clear: none;
	float: none;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
div.shop div.featuredproducts {
	border: 0;
	padding: 0;
}
div.shop div.featuredproducts h3, div.shop div.categoryDetails h3 {
	padding: 5px 0;
	font-size: 1.5em;
	text-align: center;
	text-decoration: underline;
}
div.shop div.featuredproducts div.item span.thumbnail, div.shop div.featuredproducts div.item span.thumbnail img {
max-width: 140px;
max-height: 140px;
}
div.shop div.categoryDetails p {
display: none;
}
div.shop div.article {
position: relative;
}
div.shop div.article span.image {
	width: 270px;
	height: 270px;
	display: inline-block;
	overflow: hidden;
	float: none;
}
div.shop div.article div.details {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
height:500px;
left:0px;
overflow:auto;
padding-bottom:20px;
position:absolute;
top:320px;
width:282px;
}
div.shop div.article div.description {
display: none;
}
div.shop div.article div.items, div.shop div.relatedproducts, div.shop div.article div.options, div.shop div.article div.purchase, div.shop div.article span.price {
	position: relative;
	top: -270px;
	left: 290px;
	width: 270px;
}
div.shop div.article div.items div.item, div.shop div.article div.items div.item span.thumbnail, div.shop div.article div.items div.item h3, div.shop div.relatedproducts div, div.shop div.article div.items div.item span.price {
position: relative;
top: 0;
left: 0;
}
div.shop div.items div.item span.thumbnail, div.shop div.items div.item span.thumbnail img {
width: 120px;
max-height: 120px;
margin: auto;
}
div.shop div.article div.items div.item span.thumbnail, div.shop div.article div.items div.item span.thumbnail img {
width: 25px;

}
div.shop div.article div.options {
background: #ffffff;
border: 0;
border-bottom: 1px;
}
div.shop div.relatedproducts {
border:0 none;
height:300px;
left:294px;
padding:5px 0;
}
div.shop div.relatedproducts div.item {
width: 33%;
padding-bottom: 5px;
}
div.shop div.relatedproducts h3 {
margin: 0 0 5px 0;
text-align: left;
font-style: italic;
}
div.shop div.relatedproducts div.item h4, div.shop div.relatedproducts div.item span.price {
display: none;
}
div.shop div.relatedproducts div.item span.thumbnail, div.shop div.relatedproducts div.item span.thumbnail img {
width: 80px;
//height: 80px;
}

/* META PRODUCT */
div.shop div.article div.items div.item {
padding: 4px 0;
background: #ffffff;
border-color: #cccccc;
width: 100%;
float: none;
clear: left;
text-align: right;
height: auto;
}
div.shop div.article div.items div.item h3 {
font-size: 0.8em;
font-weight: normal;
width: 150px;
height: auto;
text-align: left;
}
div.shop div.article div.items div.item span {
display: inline;
margin: 0 0 0 3px;
padding: 0;
}
div.shop div.article div.items div.item span.thumbnail {
display: block;
float: left;
margin: 0 3px 0 0;
}
div.shop div.article div.items div.item span.price {
font-size: 1em;
font-weight: normal;
}
div.shop div.article div.items div.item span.productquantity input {
width: 15px;
}
div.shop div.article div.items div.item span.options, div.shop div.article div.items div.item span.soldout {
display: block;
}
div.shop div.article div.items div.item span.soldout {
color: #333333;
font-weight: bold;
}
a#cat {
display: none;
}
a#cat6, a#cat9, a#cat8, a#cat12, a#cat1124 {
padding: 0;
padding-top: 75px;
height: 0px;
overflow: hidden;
width: 80px;
display: block;
float: left;
border: none;
color: #FFFFFF;
font-size: 9px;
text-align: center;
margin: 0 10px 0 0;
}
a#cat6:hover, a#cat9:hover, a#cat8:hover, a#cat12:hover, a#cat1124:hover {
background-color: #ffd87f;
}
.catActive a{
background-color: #ff0000;
}
a#cat6, a#cat1124 {
background: url(../UserFiles/9/Image/btnShopNav6.gif) 0px 0px no-repeat;
}
a#cat8 {
background: url(../UserFiles/9/Image/btnShopNav1130.png) 0px 0px no-repeat;
}
a#cat9 {
background: url(../UserFiles/9/Image/btnShopNav9.gif) 0px 0px no-repeat;
}
a#cat12 {
background: url(../UserFiles/9/Image/btnShopNav12.gif) 0px 0px no-repeat;
}

/* NEW BASKET */
div.widget {
background: #ffffff;
border: 0;
}
div.wBasket {
position: absolute;
top: 20px;
margin-left: 10px;
width: 180px;
}

/* LOGIN WARNING */
div.login div.messageBox {
color: #ff0000;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#item0-12 {
display:none;}
a#cat1130{
padding: 0;
padding-top: 75px;
height: 0px;
overflow: hidden;
width: 80px;
display: block;
float: left;
border: none;
color: #FFFFFF;
font-size: 9px;
text-align: center;
margin: 0 10px 0 0;
}

a#cat1130 {
 display:none !important;
}a#cat1130 {
background: url(../UserFiles/9/Image/btnShopNav1130.png) 0px 0px no-repeat;
}