/* www.gymjamz.co.uk GLOBAL CSS */
/***HACKS AND RESET****/
.clearfix:after {   
    content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;   
}  
.clearfix {   
    display: inline-block;   
}  
html[xmlns] .clearfix {   
    display: block;   
}  
* html .clearfix {   
    height: 1%;   
}
h1,h2,h3,p,form,input,select,textarea,ul,ol,li {
	margin:0; padding:0;
}
/******GENERAL******/
body {
	margin:20px 0 0 0; font-family:"Century Gothic"; font-size:14px; color:#041c98; background:#1733c6;
}
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
}
p {
	margin-bottom:9px;
}
h2 {
	color:#f5040f; padding-top:10px; font-size:16px; font-weight:bold; font-family: "Trebuchet MS";
}
.heading {
	color:#f5040f; margin-top:15px; font-size:16px; font-weight:bold; font-family: "Trebuchet MS";
}
.title {
	font-size:18px; font-weight:bold;
}
h3 {
	font-size:18px; font-style:italic;color:#f5040f; margin-bottom:20px;
}
a {
	text-decoration:none; color:#f5040f;
}
a:hover {
	color:#f5040f; text-decoration:underline;
}
.yellow {
	color:#dd8404;
}
.red {
	color:#f5040f;
}
/*******CONTENT******/
#wrapper {
	width:830px; margin:auto;
}
#top {
	background:url(../gfx/top.jpg) no-repeat; height:134px;
}
#top ul {
	float:right; padding-right:10px; margin-top:0;
}
#top li {
	list-style:none; float:left;
}
#BGlogo {
	margin-left:730px;
}
#left {
	background:url(../gfx/left.gif) repeat-y left #fff; padding-left:10px;
}
#right {
	background:url(../gfx/right.gif) repeat-y right; padding-right:10px;
}
#content {
	margin-left:240px; clear:right;
}
/****LOGIN****/
#login {
	width:249px; float:right; background:url(../gfx/login.jpg) no-repeat; height:122px;
}
#login form {
	padding-left:73px;
}
#login form p {
	float:right; margin:0; margin-top:10px; padding-right:3px;
}
#login form a {
	font-family:Arial, Helvetica, sans-serif; font-size:18px;color:#1733c6; font-weight:bold;
}
#login form a:hover {
	color:#f5040f; text-decoration:none;
}
#login input {
	border:1px solid #1c38c7; height:15px; width:133px; margin:0; margin-top:3px; padding-left:3px;font-size:11px; color:#021b9d; float:left;
}
#login #join {
	height:73px; clear:both;
}
#login #join p {
	 font-size:18px; font-weight:bold; float:none; padding:24px 0 0 97px;
}
#login #join a {
	color:#f5040f; display:block;
}
#login #join a:hover {
	color:#1733c6;
}
#loggedin {
	width:249px; float:right; background:url(../gfx/loggedin.jpg) no-repeat; height:122px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}
#loggedin p {
	font-size:14px; color:#f5040f; margin:0 0 5px 43px;
}
#loggedin h2 {
	font-size:18px; margin:0 0 0 58px;
}
#loggedin em {
	margin-left:42px;
}
#loggedin a {
	color:#1733c6;
}
#loggedin a:hover {
	color:#f5040f; text-decoration:none;
}
#Cheer {
	float:right; width:283px; height:73px; clear:right; background:url(../gfx/cheerlogin.gif) no-repeat;
}
#Cheer p {
	padding:36px 0 0 85px; font-weight:bold; font-size:17px;
}
#Cheer a {
	color:#fff; text-decoration:none;
}
#Cheer a:hover {
	color:#feb3f4; text-decoration:underline;
}
.gj9Wrapper {
	width:180px; height:160px; padding:0 8px 8px 0; float:left;
}
.gj9 {
	width:180px; height:160px; border:1px solid #ff0000; background:#feffe5;
}
.gjDetails {
	height:50px; font-size:15px; font-weight:bold; padding-top:4px;
}
.gjDetails span {
	font-size:13px;
}
.gjLabels {
	width:31px; padding-left:7px; color:#f5040f; float:left;
}
.gjTitles {
	width:120px; padding-left:5px; color:#002afe; float:left;
}
.gjControls img {
	float:left; border:0; padding:0 4px 0 6px;
}
.gjMore {
	background:url(../gfx/moredetails.gif) no-repeat; clear:left; font-size:14px; line-height:14px; text-align:center; padding-right:2px; font-weight:bold;
}
/****LEFT SIDE***/
#leftcontent {
	width:227px; float:left;padding-left:6px; padding-bottom:15px;
}
#nav {
	background:url(../gfx/searchbox.gif) no-repeat right; height:324px;
}
#nav ul {
	 list-style:none;
}
#nav li {
	line-height:29px; margin-left:7px;
}
#nav ul a {
	display:block; height:29px; width:220px; background:url(../gfx/btns/searchstar.jpg) no-repeat left; margin:0; padding:0;
}
#nav ul a:hover {
	background:url(../gfx/btns/searchstarover.jpg) no-repeat left;
}
#nav div {
	height:36px; padding-left:68px; padding-top:15px;
}
#nav div img {
	float:left;
}
#nav input {
	border:0; height:20px; width:117px; padding-left:3px; float:left; font-size:12px; line-height:18px; color:#f5040f;
}
#searchby {
	background:url(../gfx/searchby.gif) no-repeat right; height:39px; margin-top:8px; padding-left:81px;padding-top:5px;
}
#searchby img {
	float:left;
}
#searchby input {
	border:0; width:109px; height:18px; line-height:18px; padding-left:3px; font-size:12px; color:#f5040f; float:left; 
}
#speedbox {
	background:url(../gfx/speedbox.gif) no-repeat right;height:32px; margin-top:8px; padding-left:65px;padding-top:12px;
}
#speedbox select {
	border:0; width:119px; padding-left:3px; font-size:11px; color:#f5040f; float:left; 
}
/*****ADS****/
#ads {
	margin-top:8px; background:#f5040f;
}
#ads p {
	font-weight:bold; font-style:italic; color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; margin:15px 0 11px 5px;
}
#ads img {
	border:0; margin:0; padding:0; margin-left:3px; margin-bottom:11px;
}
#boxes {
	float:right; width:180px; margin-top:0px;
}
#boxes div {
	width:171px; height:70px; background:url(../gfx/ybox.gif) no-repeat left #facf05; margin-bottom:10px; float:right; text-align:center;
}
#boxes div.yb1 {
	height:123px; background:url(../gfx/ybox1.gif) no-repeat left #facf05;
}
/*****MUSIC****/
#listing {
	clear:right; margin-left:16px;
}
#listing h2 {
	font-size:14px;
}
#listing h3 {
	font-size:16px; font-style:italic; color:#f5040f; margin-top:7px; margin-bottom:20px; word-spacing:3px;
}
#listing h3 a {
	color:#1733c6; text-decoration:none;
}
#listing h3 a:hover {
	color:#f5040f; text-decoration:none;
}
.track {
	margin:0;padding:0; margin-bottom:11px; width:515px; height:243px; border:1px solid #f5040f; background:#feffe5; padding-right:16px;
}
.track p {
	font-size:14px; font-weight:bold; margin:0; padding:0; line-height:18px;
}
.track p {
	margin-top:7px;
}
.track p.h {
	color:#f5040f; width:136px; text-align:right; float:left; padding-right:5px;
}
.track br {
	height:0; line-height:0;
}
.track select {
	width:100px; font-size:12px;
}
.track div {
	float:right; width:196px; min-height:173px; border:1px solid #facf05; margin-top:16px; background:#fff;
}
.track div.editme {
	width:93px; height:24px; min-height:24px; margin:0; padding:0; border:0; float:none; margin-top:0; margin-left:110px;
}
.track div p {
	margin:0; padding:0; line-height:10px;
}
.track div p {
	color:#f5040f; font-style:italic; margin:10px 13px 0 13px;
}
/****CLIENTS****/
#controlpanel {
	width:534px; height:307px; background:url(../gfx/controlpanel.jpg) no-repeat bottom; padding-top:40px; margin:auto;
}
#controlpanel p {
	font-size:16px; font-weight:bold; font-style:italic; padding:18px 0 0 17px;
}
#controlpanel p span {
	text-decoration:underline;
}
#controlpanel div {
	float:left;width:100px;
}
#controlpanel #editmydetails {
	padding-left:73px; padding-top:40px;
}
#controlpanel #download {
	padding-left:71px; padding-top:33px;
}
#controlpanel #logout {
	padding-left:81px; padding-top:30px;
}
#controlpanel #credits {
	padding-left:172px; padding-top:62px;
}
#controlpanel #membership {
	padding-left:76px; padding-top:63px;
}
#control {
	width:534px; height:93px; background:url(../gfx/panel.jpg) no-repeat bottom; padding-top:20px; margin:auto;
}
#control div {
	float:left; width:60px;
}
#control #editmydetails {
	padding-left:41px; padding-top:32px;
}
#control #download {
	padding-left:36px; padding-top:30px;
}
#control #logout {
	padding-left:45px; padding-top:35px;
}
#control #credits {
	padding-left:43px; padding-top:31px;
}
#control #membership {
	padding-left:29px; padding-top:30px;
}
/******FORMS*****/
fieldset {
	padding:20px; margin:auto;
}
label {
	float:left; clear:left; width:16em; padding-right:0.5em; display:block; text-align:right; margin-bottom:5px;
}
input {
	float:left; display:block; margin-bottom:5px; width:13em;
}
input[type=checkbox] {
	width:auto; margin-left:0.5em;
}
#joinup {
	float:left; margin-left:20px; margin-top:20px; width:85%; background:url(../gfx/shootingstar.gif) no-repeat 20px 50px;
}
#joinup fieldset {
	border:2px solid #f5040f;
}
#joinup legend {
	font-size:18px; font-style:italic;color:#f5040f; font-weight:bold;
}
#joinup label {
	float:left; clear:left; width:13.5em; padding-right:0.5em; display:block; text-align:right; margin-bottom:5px; font-weight:bold;
}
#joinup input {
	display:block; margin-bottom:5px; width:13em;
}
#joinup select {
	width:13.2em; margin-bottom:5px;
}
#joinup input[type=checkbox], #joinup input[type=radio] {
	width:auto; margin-left:0;
}
#joinup br {
	clear:both;
}
/*****CART******/
#cart {
	margin-left:60px; margin-top:30px;
}
#cart label {
	width:16em;
}
#cart p {
	margin:0;
}
#cart div {
	width:55%; height:1px; margin-left:60px; margin-bottom:5px; border-bottom:2px solid #f5040f;
}
.pay:hover {
	border:1px solid #f5040f;
}
/***LIBRARY***/
#libsearch {
	float:right; width:155px; padding-left:118px; height:37px; background:url(../gfx/librarysearchbox.gif) no-repeat; margin-top:12px; padding-right:15px;
}
#libsearch input {
	float:left; margin:0; padding:0; width:104px; height:16px; margin-top:11px; border:0;
}
#libsearch img {
	float:left;
}
#libsearch img {
	float:left; margin-top:11px; padding-left:5px;
}
.library {
	border-collapse:collapse; width:95%;
}
.library th {
	text-align:left;border-bottom:1px solid #f5040f; padding-bottom:3px; padding-left:3px;
}
.library td {
	font-size:12px;border-bottom:1px solid #f5040f; text-transform:capitalize; height:30px; padding-left:3px;
}
.library td a {
	color:#f5040f; font-weight:bold; text-decoration:none;
}
.library td a:hover {
	color:#f5040f; text-decoration:underline;
}
/****TEXT PAGES***/
.text {
	padding:20px;
}
.text ol {
	margin-left:50px; margin-bottom:20px;
}
address {
	font-style:normal;
}
a.blue {
	color:#041c98;
}
/***FOOTER***/
#footer {
	margin:auto; width:798px; height:51px; margin-bottom:10px; margin-top:10px; background:url(../gfx/footer.jpg) no-repeat; clear:both;
}
#footer ul {
	margin:0; padding:0; padding-top:25px; margin-left:5px;
}
#footer li {
	float:left; font-family:"Trebuchet MS"; font-size:16px; font-weight:bold; margin-left:10px; list-style:none;
}
#footer a {
	color:#fff; text-decoration:none;
}
#footer a:hover {
	color:#f7c104; text-decoration:none;
}