/* 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;
}
img { border:0; }
/******GENERAL******/
body {
	margin:20px 0 0 0; font-family:"Century Gothic"; font-size:14px; color:#02728e; background:#01718d;
}
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
}
p {
	margin-bottom:9px;
}
h2 {
	color:#ff0081; padding-top:10px; font-size:16px; font-weight:bold;
}
.heading {
	color:#ff0081; 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:#ff0081; margin-bottom:20px;
}
a {
	text-decoration:none; color:#01708b;
}
a:hover {
	color:#01708b; text-decoration:underline;
}
.yellow {
	color:#dd8404;
}
.red {
	color:#f5040f;
}
/*******CONTENT******/
#wrapper {
	width:830px; margin:auto;
}
#top {
	background:url(../gfx/top.jpg) no-repeat; height:139px;
}
#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:#066076; font-weight:bold;
}
#login form a:hover {
	color:#ec4298; text-decoration:none;
}
#login input {
	border:1px solid #066076; height:15px; width:133px; margin:0; margin-top:3px; padding-left:3px;font-size:11px; color:#066076; 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:#ff0081; display:block;
}
#login #join a:hover {
	color:#009fc6; text-decoration:underline;
}
#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:17px; color:#ff0081; margin:0 0 5px 28px;
}
#loggedin h2 {
	font-size:18px; margin:10px 0 0 43px; color:#ff0081;
}
#loggedin em {
	margin-left:42px;
}
#loggedin a {
	color:#1733c6;
}
#loggedin a:hover {
	color:#f5040f; text-decoration:none;
}
#Cheer {
	float:right; width:274px; height:65px; 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 #ff0a86; 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:#ff0081; float:left;
}
.gjTitles {
	width:130px; padding-left:5px; color:#01708b; 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;
}
#HCart {
	float:right; width:274px; height:65px; clear:right; background:url(../gfx/cart.gif) right no-repeat;
}
#HCart .HItmes {
	padding:6px 0 0 116px; width:50px; float:left; clear:left; color:#017c99; font-size:12px; font-weight:bold;
}
#HCart #GOTOCART {
	float:left; width:80px; padding-left:20px; margin-top:-5px; font-size:14px; font-weight:bold;
}
#HCart #GOTOCART a {
	color:#ff0081; text-decoration:none;
}
#HCart #GOTOCART a:hover {
	color:#ff0081; text-decoration:underline;
}
/****LEFT SIDE***/
.ViewTracks {
	width:277px; height:32px; padding-top:10px; margin-top:5px; display:block; background:url(../gfx/alltracks.jpg) no-repeat; text-align:center;
}
#leftcontent {
	width:227px; float:left;padding-left:6px; padding-bottom:15px;
}
#nav {
	background:url(../gfx/searchbox.gif) no-repeat right; height:47px;
}
#nav div {
	height:36px; padding-left:68px; padding-top:13px;
}
#nav div img {
	float:left;
}
#nav input {
	border:0; height:20px; width:115px; padding-left:3px; float:left; font-size:12px; line-height:18px; color:#f5040f;
}
/*****ADS****/
#ads {
	margin-top:8px; background:#96d8e9;
}
#ads p {
	margin:15px 0 11px 5px;
}
#ads img {
	border:0; margin:0; padding:0; margin-left:3px; margin-bottom:11px;
}
/*****MUSIC****/
#listing {
	clear:right; margin-left:16px;
}
#listing h2 {
	font-size:14px;
}
#listing h3 {
	font-size:16px; font-style:italic; color:#ff0081; margin-top:7px; margin-bottom:20px; word-spacing:3px;
}
#listing h3 a {
	color:#01708b; text-decoration:none;
}
#listing h3 a:hover {
	color:#ff0081; text-decoration:none;
}
.track {
	margin:0;padding:0; margin-bottom:11px; width:515px; height:210px; border:1px solid #ff0a86; 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 br {
	height:0; line-height:0;
}
.track select {
	width:100px; font-size:12px;
}
.track div.BTNS {
	float:left; width:196px; padding-bottom:10px; border:1px solid #facf05; margin-top:16px; background:#fff;
}
.track div.BTNS p {
	padding:0; line-height:10px; color:#ff0081;font-style:italic; margin:10px 13px 0 13px;
}
.TrackDetails {
	background:none; float:left; width:310px;height:175px; padding-top:20px; font-weight:bold;
}
.TrackDetails div {
	width:130px; float:left; clear:none; margin-top:10px;
}
.TrackDetails div.h {
	color:#ff0081; width:136px; text-align:right; float:left; padding-right:5px; clear:left;
}
/******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; width:85%; background:url(../gfx/shootingstar.gif) no-repeat 20px 50px;
}
fieldset {
	border:2px solid #ec4298;
}
legend {
	font-size:18px; font-style:italic;color:#ec4298; 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 #ec4298;
}
.pay:hover {
	border:1px solid #f5040f;
}
/****TEXT PAGES***/
.text {
	padding:20px;
}
.text ol {
	margin-left:50px; margin-bottom:20px;
}
address {
	font-style:normal;
}
a.blue {
	color:#041c98;
}
/***FOOTER***/
#footer {
	margin:10px auto 0 auto; width:810px; height:50px; background:url(../gfx/footer.jpg) no-repeat; clear:both;
}
/*--------------*/
#Orders {
	margin-top:15px; padding-left:30px;
}
#Orders div {
	float:left; width:30%;
}
a.pink {
	color:#ec4298; text-decoration:none;
}
a.pink:hover {
	color:#ec4298; text-decoration:underline;
}