/* 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: #000099;
}
div.fanstarsite a{
	color: #000099;
}
.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: #00000;
}
.even {
	background-color: #000000;
}
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: #000000;
}
.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: #000000;
	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: #000000;
}
div.paging span {
	margin: 0 2px;
	border: 1px solid #cccccc;
}
div.paging span.currentPage {
	padding: 0 5px;
	background-color: #cccccc;
	color: #000000;
}
div.paging span.prevPageDisabled a, div.paging span.prevPageDisabled a:hover, div.paging span.nextPageDisabled a, div.paging span.nextPageDisabled a:hover{
	border-color: #000000;
	color: #000000;
}

/* 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: #000000;
	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: #000099;
	padding: 2px 5px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-left: 1px solid #000000;
	font-size: 0.8em;
	font-weight: bold;
}
.btnStyle:hover {
	background-color: #cccccc;
	color: #000000;
	border-top: 1px solid #000099;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000099;
}
*/
input.inputStyle,textarea.textareaStyle {
	border: 1px solid #cccccc;
	background-color: #000000;
	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: #000000;
	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: #000000;
	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:#000000;
}
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: #000000;
}
div.loginRequired div.login {
	text-align: left;
	background: #000000;
	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:#000099;
	background-color:#000000;
	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:#00000;
	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;
}

	/* COLUMN SHOP */
	div.shop .first {
		border-top: 0;
	}
	div.shop div.items div.odd, div.shop div.items div.even {
		background-color: none;
	}
	div.shop div.items div.item {
		padding: 10px 0;
		width: 33%;
		float: left;
		clear: none;
		text-align: center;
		height: 140px;
	}
	div.shop div.items div.item div.summary {
		display: none;
	}
	div.shop div.items div.item span.thumbnail {
		float: none;
		margin: auto;
	}
	div.shop div.items div.item span.price {
		clear: both;
		display: block;
		float: none;
		margin: 0 auto;
	}
	div.shop div.items div.item h3 {
		padding: 0 5px;
		height: 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: #000000;
	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: #000000;
	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: 140px;
}
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: #000000;
	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 #000000;
}
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: #000000;
}
div.events table.calendar td.day, div.calendar table.calendar td.day {
	background-color: #000000;
}
div.events table.calendar td.busy, div.calendar table.calendar td.busy {
	background-color: #cccccc;
	width: auto;
	border: 1px solid #000000;
}
div.events table.calendar td.busy a {
	border-bottom: 1px solid #000000;
}
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: #000000;
	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: 140px;
}
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: #000000;
	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: #000000;
	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: #000000;
	padding: 10px 10px 5px 10px;
}
div.discography div.article div.appearsOn div.item span.thumbnail img {
	width: 50px;
}


/* 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: #000000;
	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 #000000;
}
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: #000000;
}

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: #000000;
	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;
}
/* ----------------BEGIN CSS LAYOUT---------------------------- */

.bg_top{ width:100%; height:100%; background:url(http://www.genr8fitness.com/UserFiles/36/Image/bg1.gif) repeat-x top left}
.bg_bottom{ width:100%; background:url(http://www.genr8fitness.com/UserFiles/36/Image/bot.gif) repeat-x bottom left; text-align:center}

.col1, .col2, .col3, .col4{ float:left}
/*======= width =======*/
.cite_width{
margin:0 auto; 
text-align:left; 
width:887px; 
}

/*======= header =======*/
#header {
height:230px;
background:url(http://www.genr8fitness.com/UserFiles/36/Image/top.jpg) no-repeat top center
}

#header .col1{ 
width:277px; 
height:45px; 
padding-top:30px
}

#header .col2{
width:585px; 
text-align:right; 
padding-top:13px
}

#navigation {
margin-bottom:20px;
}

#content .col1{ width:296px}
#content .col2{ width:316px}
#content .col3{ width:275px}
/*======= index-2.html =======*/
#page3 #content .col1{ width:336px}
#page3 #content .col2{ width:551px}
/*======= index-4.html =======*/
#content #pageleft .col1{ width:562px}
#content #pageleft .col2{ width:325px}
/*======= index-6.html =======*/
#page7 #content .col1{ width:887px}

/* ----------------END LAYOUT---------------------------- */






/* ------------------------------------------- */
/* ----------------TEMPLATE STYLE---------------------------- */


/* CSS Document */
* { margin:0; padding:0;}

.column { float:left;}
.clear { clear:both;}

html {
color:black;
}

html, body {
height:100%; 
}

body {
font-size:100%; 
line-height:0.90em; 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/bg.gif) #000000; 
text-align:center; 
color:#FFFFCC;
}

html, input, textarea
{
font-family:Verdana; 
color:#FFFFCC;
font-size:1.12em;
}	

html div {
font-size:100%; 
}


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
span{ color:#ffffff}
a img{ border:0px}


b{color:#ffffff; font-size:1.1em;} 

a{color:#C1D72D; text-decoration:none} 
a:hover{color:#ffffff; text-decoration:none }
.more{color:#C1D72D; display:block}
.more1{color:#C1D72D; display:block; padding-bottom:10px}
.a2{color:#C1D72D; font-weight:bold; font-size:1em; margin-right:20px}

ul{margin:0; padding:0; list-style:none;}
ul li{ margin:0px;  }
ul li a{color:#ffbc00; text-decoration:none; line-height:20px;} 

/*header*/
#header{ font-size:0.75em;  color:#505866}
#header .logo{ margin:27px 0 0px 20px }
#header p{ margin:30px 0 0px 20px }
#header a{ font-size:1em}
#header ul { margin:30px 0 23px 0}
#header ul li{ margin:0px; padding-left:28px;  display:inline}
#header ul li a{color:#ffffff; text-decoration:none; font-weight:normal;} 
#header ul li a:hover {color:#ffbc00;  text-decoration:underline; }
#header ul li span a{color:#ffbc00;} 
#header ul li span a:hover {text-decoration:underline; }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .title{margin-left:19px}
#content p{ margin:17px 0px 0px 0px}
#content .p1{ margin:0px 0px 20px 0px}
#content .p2{ margin:0px}
#content .line{ margin:20px 0px 5px 0px}
#content .pic_left{ float:left; margin:0px 12px 27px 0px}
#content .pic_left1{ float:left; margin:0px 6px 12px 0px}
#content .indent{ padding:0px 15px 0px 19px}
#content .indent1{ padding:0px 57px 0px 19px}
#content .indent2{ padding:32px 10px 10px 16px}
#content .indent3{ padding:0px 0px 15px 0px}
#content .indent2 p{ margin:0px 0px 0px 0px; padding:0px}
#content .ind{ padding:20px 0 20px 0}
#content .ind1{ padding:20px 0 0px 0}

div .divContentPanelClass36 .indent {
background:black;
}

#newsbox {
padding-top:20px;
padding-bottom:20px;
}


h1 {
font-size:21px;
font-weight:normal;
}

h4{ color:#FFFFFF; font-weight:normal; font-size:1em; margin:17px 0px 0px 0px}
.h4{ margin:0px}

/*block*/
.block_indent{
margin:0 20px 26px 0px;
}

.block
{ 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/1_bg.gif); height:52px; width:100%; color:#FFFFFF; font-size:21px
}

.block .top_left
{
background:url(http://www.genr8fitness.com/UserFiles/36/Image/top_left.gif) no-repeat top left
}

.block .top_right
{
background:url(http://www.genr8fitness.com/UserFiles/36/Image/top_right.gif) no-repeat top right 
}

.block .bottom_left
{
background:url(http://www.genr8fitness.com/UserFiles/36/Image/bottom_left.gif) no-repeat bottom left 
}

.block .bottom_right
{
background:url(http://www.genr8fitness.com/UserFiles/36/Image/bottom_right.gif) no-repeat bottom right; padding:18px 0 19px 18px  
}


/*block1*/
.block_indent1
{
margin:0 40px 26px 0px;
}


/*block2*/
#block2{ 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/1_bg2.gif);  
margin:0; 
width:100%
}

#block2 .top_left
{ 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/top_left.gif) no-repeat top left 
}

#block2 .top_right
{ 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/top_right.gif) no-repeat top right 
}

#block2 .bottom_left
{ 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/bottom_left1.gif) no-repeat bottom left 
}

#block2 .bottom_right
{ 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/bottom_right1.gif) no-repeat bottom right 
}


.block_1
{ 
background:#000000; 
}

.bottom_left_1
{ 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/bottom_left_1.gif) no-repeat bottom left 
}

.bottom_right_1{ 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/bottom_right_1.gif) no-repeat bottom right; padding:13px 0px 19px 20px  
}



/*index.html*/
#page2 #content .col2 a
{
font-size:1.2em
} 

#page2 #content ul
{
margin:0; padding:0; list-style:none;
}

#page2 #content ul li
{ 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/1_pic4.jpg)  no-repeat left; padding:15px 0 27px 60px   
}

#page2 #content ul .li1
{
background:url(http://www.genr8fitness.com/UserFiles/36/Image/1_pic5.jpg)  no-repeat left; 
}

#page2 #content ul .li2
{ 
background:url(http://www.genr8fitness.com/UserFiles/36/Image/1_pic6.jpg)  no-repeat left;
}

#page2 #content ul .li3
{
background:url(http://www.genr8fitness.com/UserFiles/36/Image/1_pic7.jpg)  no-repeat left; 
}

#page2 #content ul li a
{
color:#ffbc00; text-decoration:none; line-height:20px;
}
 
#page2 #content ul li a:hover
{
color:#ffffff
} 


/*index-1.html*/
#page2 #content .ind p
{
padding:0px; margin:0px
}



#newsbox {
background:black;
margin-left:10px;
}




/*footer*/
#footer { color:#505866; font-size:0.75em; padding:84px 0 53px 20px}
#footer a {color:#ffffff; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

.form{ height:49px}
input{
   width:203px; height:21px;
   font-size:1em;
   padding:0 5px 0 5px;
   margin:3px 0 3px 0px
}
textarea{
   width:203px; height:127px;
   font-size:1em;
   padding:0 5px 0 5px;
   margin:3px 0 11px 0px;
   overflow:auto}
   
/* ----------------END STYLE ---------------------------- */
   
   
   
   
   
   
/* -------------------------------------------- */
/* --------------- FANTACTICS CSS---------------- */


/* NEWS  */

.news {
background:none;
border:0;
}

.news h2 {
display:none;
}

.news h3 {
font-size:13px;
color:white;
font-weight:bold;
}


.news .date {
color:#C1D72D;
font-style:normal;
}

div .news .first {
border:0;
}

.news .odd {
background:none;
border:0;
}

.news .even {
background:none;
border:0
}

.news a {
color:#C1D72D;
}

.news .summary a{
color:#EAFFBC;
}

.news .paging {
border:0;
}

.news .paging a:hover{
background:black;
color:#ffbc00;
}



.news .thumbnail {
border:0;
}

/*.news .thumbnail img{
width:45px;
height:45px;
}*/


.rssReader h2 {
display:none;
}


.rssReader {
padding:0;
margin:0;
}


.rssReader li{
list-style-type:disc;
}

.rssReader a {
color:#C1D72D;
}


/* ------------------- */








/* NAVIGATION BAR --- horizontal menu style overrides */
.menuHorizontal{
	text-transform: capitalize;
}
.menuHorizontal ul li#firstitem, .menuHorizontal ul li#firstitem a{
border-left: none;
}

.menuHorizontal ul{
	margin: 0;
	padding: 0 0 0 22px;
	list-style-type: none;
/* left or right position of the menu*/
	float: left; 

}
.menuHorizontal ul li{
	position: relative;
	display: inline;
	float: left;
	background: none;

}
/*Top level menu link items style*/
.menuHorizontal ul li a{
	display: inline;
	width: auto; /*Width of top level menu link items*/
	padding: 10px 10px;
	color: #FFFFFF;
	font-weight: bold;
	border: 0px;
	border-left-width: 0px;
	border-left: 1px solid #222222;
	text-decoration: none;
	line-height: 41px;
	font-size:14px;

}

/* Rollover style for list items */
.menuHorizontal ul li a:hover{
	color: #C1D72D;
	background: none;
}

/*Folder images*/
.menuHorizontal .mainfoldericon{
	padding-right: 24px;
	background-image: url(../UserFiles/24/Image/arrow-down.gif);
	background-position: right 20px;
}

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

.menuHorizontal .subfoldericon:hover {
background: url(../treemenu/arrow-right.gif) no-repeat center right #313941;
}





/*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;
	background: none;
	padding-left: 0;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menuHorizontal ul li ul li{
	display: list-item;
	float: none;
}
/*Sub level menu link items style*/
.menuHorizontal ul li ul li a{
	width: 135px;
	display: block;
	padding: 2px 8px;
	color: #C1D72D;
        font-size:11px;

	text-decoration: none;
	line-height: 20px;
	background-color: #181D20;
}
/*Sub Rollover style for list items */
.menuHorizontal ul li ul li a:hover{
	padding: 2px 8px;
	color: #C1D72D;
	background-color: #313941;
}



/*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;
}
/* END NAVIGATION BAR */


.rssReader {
background:#000000;
}



div .widget {
background:none;
margin-bottom:20px;
}

div .wBasket {
background:none;
width:250px;
right:0;
}

.btnStyle {
color:#000000;
font-size:10px;
width:120px;
}

.inputQty {
font-size:12px;
width:30px;
height:15px;
color:#FFFFFF;
}

textarea {
color:#000000;
}

.price {
margin: 20px 0 10px 0;
}

.contactbutton input {
color:#000000;
width:70px;
}

input {
color:#000000;
}





#bookingform {
color:white; 
}

#bookingform label { 
margin-top:3px;
padding:3px 0 0 10px; 
float:left;
width:135px; 
}

#bookingform input { 
margin-top:3px; 
padding:0px; 
color:white; 
float:left; 
border:1px solid #999999; 
width:200px; 
background: #0A0C0D;
}

#bookingform select { 
padding:3px; 
float:left; 
border:none; 
width:100px; 
background:#222222; 
color:white; 
border:1px solid #999999; 
font-size:10px; 
}

#bookingform textarea { 
margin-top:2px; 
float:left; 
width:200px; 
background:#222222; 
color:white; 
border:1px solid #999999; 
font-family: Verdana; 
font-size:11px; 
background: #0A0C0D;
}

#bookingform span { 
clear:left;
font-weight: bold; 
font-size:12px; 
}

#bookingsubmit { 
width:100px; 
}




div .blog .item {
border:0;
}

div .blog .even {
background:none;
border-top:#C1D72D 2px solid;
}

div .blog .odd {
border-top:#C1D72D 2px solid;
}

div .blog a{
color:#FFFFCC;
}

div .col2 .indent {
background:none;
}

div .clearer {
height:1px;
margin:0;
padding:0;
}


div .shop .breadcrumb, div .shop .category, div .shop .componentTitle {
display:none;
}


#legal {
display:none;
}