@charset "utf-8";

/************************\
  Defaults and Utilities
\************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#000 url(../../images/layout/grandbackground.gif) top center no-repeat;
	color:#FFF;
}

* {
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
}

strong { font-weight:bold; }
em { font-style:italic; }

p { margin-bottom:0.8em; line-height:145%; }

form { display:inline; }

img { border:none; }

a {
	text-decoration:underline;
	color:#ED2C36;
}

	a:hover { color: #FFF; }
	/*a:visited { color: #808080; }*/


.nobr {
	white-space:nowrap;
}

.floatreset {
	height:0;
	width:auto;
	float:none;
	clear:both;
}

/**************\
  Grand Layout
\**************/

#grandlayout {
	margin:auto;
	width:972px;
	background:none;
}

#grandheader {
	width:970px;
	height:93px;
	position:relative;
	padding-top:12px;
}

#grandfooter {
	width:972px;
	position:relative;
	border-top:1px solid #333;
	padding-bottom:30px;
}

#grandcontent {
	width:970px;
	position:relative;
}


/********\
  Header
\********/

#headerlogo {
	display:block;
	zoom:1;
	position:absolute;
	left:13px;
	top:25px;
}


ul#utils {
	list-style:none;
}

	ul#utils li {
		float:right;
		position:relative;
	}

		ul#utils li a {
			color:#CCC;
			text-transform:lowercase;
			text-decoration:none;
			display:block;
			margin-top:4px;
			height:23px;
			padding:6px 8px 0;
			background:transparent url(../../images/nav/top-bkg.gif) 0 0 no-repeat;
		}

			ul#utils li a.no-dhtml {
				background:none !important;
			}
			
			ul#utils li a:hover, ul#utils li a.active {
				color:#FFF;
				background:transparent url(../../images/nav/top-bkg.gif) 0 -29px no-repeat;
			}

			ul#utils li a span {
				padding: 0 6px 2px;
			}
	
				ul#utils li a span.active {
					border-bottom:1px solid #BF2C34;
				}

	ul#utils li#headersearch {
		margin-left:17px;
		padding-right:32px;
		padding-top:7px;
	} 

		ul#utils li#headersearch #headersearchquery {
			height:19px;
			width:154px;
			border:1px solid #BF2C34;
			background:#E6E6E6 url(../../images/layout/searchbkg.gif) top left no-repeat;
		}
		
		ul#utils li#headersearch #headersearchsubmit {
			background:transparent url(../../images/layout/go.gif) top left no-repeat;
			border:none;
			padding:0;
			margin:0;
			height:23px;
			width:26px;
			position:absolute;
			top:5px;
			right:0;
			cursor:pointer;
		}

		ul#utils li#headersearch #headersearchsubmit:hover {
			background:transparent url(../../images/layout/go.gif) 0 -23px no-repeat;
		}

	ul#utils li#headershop {
		padding-left:10px;
		margin-left:7px;
	}

		ul#utils li#headershop a {
			color:#BF2C34;
		}

			ul#utils li#headershop a:hover {
				color:#EE373F;
			}
			
			ul#utils li#headershop a #carticon {
				position:absolute;
				width:26px;
				height:18px;
				left:0px;
				top:7px;
				background:transparent url(../../images/layout/cart.gif) top left no-repeat;
				cursor:pointer;
			}

a#headerfindcentre {
	position:absolute;
	bottom:0;
	right:0;
	overflow:hidden;
	display:block;
	zoom:1;
	width:134px;
	height:1px;
	padding-top: 50px;
	background:transparent url(../../images/layout/twistlocations.gif) 0 0 no-repeat;
}

a#headerfindcentre:hover {
	background-image: url(../../images/layout/over/twistlocations.gif);
}
a#headershop {
	position:absolute;
	bottom:0;
	right:134px;
	overflow:hidden;
	display:block;
	zoom:1;
	width:116px;
	height:1px;
	padding-top: 50px;
	background:transparent url(../../images/layout/shoponline.gif) 0 0 no-repeat;
}
a#headershop:hover {
	background-image: url(../../images/layout/over/shoponline.gif);
}

ul#topnav {
	list-style:none;
	position:absolute;
	height:29px;
	left:265px;
	top:65px;	
}

	ul#topnav li {
		width:82px;
		height:29px;
		display:block;
		float:left;
		margin-right:12px;
	}

	ul#topnav a {
		width:82px;
		height:29px;
		display:block;
		zoom:1;
		background:transparent url(../../images/nav/top-bkg.gif) 0 0 no-repeat;
	}
	
		ul#topnav a:hover, ul#topnav a.active { background:transparent url(../../images/nav/top-bkg.gif) 0 -29px no-repeat; }

	ul#topnav span {
		width:82px;
		height:1px;
		padding-top:28px;
		display:block;
		zoom:1;
		overflow:hidden;
	}

	ul#topnav #topnav-learn span { background:transparent url(../../images/nav/top-learn.gif) 0 0 no-repeat; }
	ul#topnav #topnav-learn span.active { background:transparent url(../../images/nav/top-learn.gif) 0 -29px no-repeat; }
	ul#topnav #topnav-train span { background:transparent url(../../images/nav/top-train.gif) 0 0 no-repeat; }
	ul#topnav #topnav-train span.active { background:transparent url(../../images/nav/top-train.gif) 0 -29px no-repeat; }
	ul#topnav #topnav-equip span { background:transparent url(../../images/nav/top-equip.gif) 0 0 no-repeat; }
	ul#topnav #topnav-equip span.active { background:transparent url(../../images/nav/top-equip.gif) 0 -29px no-repeat; }



/********\
  Footer
\********/

#callstoaction {
	height:127px;
}

	#callstoaction h4 { visibility:hidden; position:absolute; z-index:-300; }


#cta-random {
	position:relative;
	overflow:hidden;
	width:315px;
	height:127px;
	float:left;
	margin-right:12px;
}

	#cta-random .fill {
		position:absolute;
		background:#600 top left no-repeat;
		top:0;
		left:0;
		display:block;
		zoom:1;
		width:315px;
		height:127px;
		overflow:hidden;
	}

	#cta-random a.fill {
		height:1px;
		padding-top:126px;
	}

#cta-gear {
	position:relative;
	overflow:visible;
	width:315px;
	height:127px;
	float:left;
	margin-right:14px;
}

	#cta-gear a.gear {
		display:block;
		position:absolute;
		overflow:hidden;
		top:0;
		left:0;
		width:315px;
		height:1px;
		padding-top:126px;
		background: #000 url(../../images/cta/gear.jpg) top left no-repeat;
		z-index:1;
	}

	#cta-gear a.tag {
		display:block;
		position:absolute;
		overflow:hidden;
		top:6px;
		left:233px;
		width:130px;
		height:1px;
		padding-top:90px;
		background: transparent url(../../images/cta/cataloguetag.png) top left no-repeat;
		z-index:100;
	}
	
		#cta-gear a.tag:hover {
			background: transparent url(../../images/cta/cataloguetag-over.png) top left no-repeat;
		}
		
		.ie6 #cta-gear a.tag,
		.ie5 #cta-gear a.tag {
			background: none !important;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/cta/cataloguetag.png', sizingMethod='scale');
		}

			.ie6 #cta-gear a.tag:hover,
			.ie6 #cta-gear a.tag:hover {
				background: none !important;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/cta/cataloguetag-over.png', sizingMethod='scale');
			}
		

#cta-news {
	background: #000 url(../../images/cta/news.gif) top left no-repeat;
	overflow:hidden;
	width:316px;
	height:127px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a7a6a6;
}

	#cta-news .content {
		margin-left:45px;
		margin-top:64px;
		margin-right:10px;
	}

		#cta-news .content strong { color:#666; font-style:italic; }
		#cta-news .content p { margin-bottom:0.6em; }
	
	#cta-news .more {
		display:block;
		zoom:1;
	}				
				
#footerslogan {
	display:block;
	margin-top:12px;
	margin-bottom:32px;
}

#footerbeready {
	display:block;
	position:absolute;
	right:158px;
	bottom:30px;
	z-index:200;
}

#footersmartmuscle {
	display:block;
	position:absolute;
	right:0;
	bottom:30px;
	z-index:201;
}

ul#footerlinks {
	list-style:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-transform:lowercase;
	height:18px;
}

	ul#footerlinks li {
		float:left;
		margin-right:19px;
	}

	ul#footerlinks li a {
		text-decoration:none;
		color:#999;
	}

	ul#footerlinks li a:hover { color:#FFF; }


#footerlogos {
	background: transparent url(../../images/layout/footerlogos.png) top left no-repeat;
	list-style:none;
	display:block;
	width:auto;
	height:1px;
	padding-top:39px;
	overflow:hidden;
}

	.ie6 #footerlogos,
	.ie5 #footerlogos {
		background: none !important;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/layout/footerlogos.png', sizingMethod='scale');
	}



/*******\
  DMenu
\*******/

.dmenu {
	border:none;
	border-bottom: 1px solid #404040;
	background: transparent url(../../images/nav/alpha93.png) 0 0 repeat;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:200px;
}

.dmenu * { cursor:pointer; }

.ie6 .dmenu,
.ie5 .dmenu {
	background:#222;
	filter:alpha(opacity=80);
}

	.dmenu li { white-space:nowrap; }
	
	.ie6 .dmenu li,
	.ie5 .dmenu li {
		width:200px;
	}
		.dmenu li a {
			border: 1px solid #404040;
			border-bottom:none;
			text-decoration:none;
			color:#FFF;
			background: transparent url(../../images/nav/dmenu-left.png) top left repeat-y;
		}

		.ie6 .dmenu li a,
		.ie5 .dmenu li a {
			width:200px;
			background:none;
		}

		.dmenu li a:hover {
			background-color:#DDD;
			color:#222;
			border-left: 1x solid #7d7d7d;
			border-right: 1x solid #7d7d7d;
		}

		.ie6 .dmenu li a:hover,
		.ie5 .dmenu li a:hover {
			color:#000;
			background-color:#FFF;
		}
				
		.dmenu li a span {
			padding: 7px 12px 6px;
			display:block;
			zoom:1;
			background: transparent url(../../images/nav/dmenu-right.png) top right repeat-y;
		}
			
		.ie6 .dmenu li a span,
		.ie5 .dmenu li a span {
			background: none !important;
		}


/*********\
  Content
\*********/

#arenabanner {
	width:auto;
	height:130px;
	background: #000 url(../../images/layout/arenabanner.jpg) top center no-repeat;
	margin-top:14px;
	cursor:default;
}

#outercontentwrapper {
	background: #000 url(../../images/layout/content-top.png) top center no-repeat;
	padding-top:36px;
}

.long #innercontentwrapper {
	background: transparent url(../../images/nav/leftlongbackgroundline.gif) 179px 0 repeat-y;
	zoom:1;
}

#content {
	width:567px;
	float:left;
	margin-right:21px;
}

	#content h1 
	{
		font-family:Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 22px;
		line-height:18px;
		margin-bottom:14px;
	}
	
	#content h2 {
		color: #ed2c36;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:16px;
		margin-bottom:4px;
		margin-top:22px;
	}
	
	#content h3 {
		color: #999;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:13px;
		margin-bottom:4px;
		margin-top:22px;
	}

	#content .block {
		padding: 0 14px 0 15px;
		border:1px solid #262626;
		width:537px;
		margin-bottom: 14px;
		background:#1a1a1a url(../../images/layout/blockbkg.gif) 0 0 repeat-x;
	}

		#content .block h2 {
			background:#000 url(../../images/layout/blockheader.gif) 0 0 no-repeat;
			font-size:12px;
			font-weight:bold;
			color:#FFF;
			width:547px;
			height:23px;
			padding:6px 0 0 21px;
			margin:0;
			margin-bottom:18px;
			position:relative;
			left:-16px;
			top:-1px;
		}

		#content .block h3 {
			background: transparent url(../../images/layout/arrowbullet.gif) 2px 2px no-repeat;
			width:auto;
			margin:0;
			padding:0;
			padding-left:14px;
			padding-bottom:2px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#FFF;
			text-transform:uppercase;
			margin-bottom:8px;
		}

			#content .block h3 span {
				padding-bottom:1px;
				font-weight:inherit;
				border-bottom:1px solid #ed2c36;
			}

			#content .block h3 abbr {
				background:none;
				font-weight:inherit;
				padding-left:5px;
				color:#ed2c36;
			}

		#content .block p {
			margin-left:14px;
			margin-right:14px;
			line-height:160%;
		}
		
		#content .block .new {
			display:block;
			background:transparent url(../../images/layout/new.gif) 0 0 no-repeat;
			float:left;
			margin: 0 2px 0 14px;
			width:37px;
			height:1px;
			padding-top:36px;
			overflow:hidden;
		}
		
	#content table.schedule {
		width:526px;
		margin-left:7px;
		margin-bottom:14px;
		border-collapse:collapse;
	}

		#content table.schedule thead {
		}

			#content table.schedule thead tr {
				background:#A8A8A8 url(../../images/layout/scheduleheader.gif) 0 0 no-repeat;
				margin:0;
			}

			#content table.schedule thead th {
				height:25px;
				vertical-align:middle;
				text-align:center;
				font-size:14px;
				font-weight:bold;
				color:#000;
			}


		#content table.schedule tbody {
		}

			#content table.schedule tbody th {
				text-align:left;
				border:1px solid #4C4C4C;
				border-left:none;
				padding-left:1px;
			}
	
			#content table.schedule tbody td {
				text-align:center;
				border:1px solid #4C4C4C;
				border-right:none;
				padding:4px 0;
			}

			#content table.schedule tbody td small {
				font-size:10px;
			}

	#content table.simple {
		border-collapse:collapse;
		border:none;
		margin-bottom:14px;
	}

		#content table.simple td {
			padding: 2px 18px 2px 0;
		}

		
.dottedline {
	border-top: 1px dotted #ed2c36;
	padding-bottom: 5px;
	padding-top: 5px;
}

/**********\
  Left Nav
\**********/

#leftnav {
	width:180px;
	float:left;
	margin-right:22px;
}

	#leftnav h4 
	{
		font-family:Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 26px;
		line-height:18px;
		margin-bottom:-4px;	
		background:#000;
	}
	
	#leftnav ul {
		list-style:none;
		display:block;
		width:auto;
		border-bottom:1px solid #404040;
	}
	
		#leftnav ul li {
			display:block;
			width:auto;
		}
		
			#leftnav ul li a {
				display:block;
				width:auto;
				zoom:1;
				background: transparent url(../../images/nav/left-bkg.gif) top left repeat-y;
				padding:7px 12px;
				text-decoration:none;
				border:1px solid #404040;
				border-bottom:none;
				color:#fff;
			}
			
				#leftnav ul li a.active,
				#leftnav ul li a:hover {
					background-image: url(../../images/nav/left-bkg-active.gif);
					color:#000;
				}
				
			#leftnav ul li.subnav a {
				background: transparent url(../../images/nav/2ndlevel.gif) 15px 8px no-repeat;
				padding:5px 12px 8px 26px;
				border-top:none;
			}
			
			#leftnav ul li.subnav a:hover, #leftnav ul li.subnav a.active {
				color:#fff;
				text-decoration:underline;
			}				

#shopping-policies {
	padding-top:35px;
	padding-left:15px;
}
				
#shopping-policies a {
	height:1px;
	overflow:hidden;
	display:block;
	overflow:hidden;
	background-image:url(../../images/layout/policies.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:156px;
	padding-top:92px;
}

#shopping-policies a:hover {
	background-image:url(../../images/layout/over/policies.gif);	
}

.long #leftnavfooter {
	height:200px;
	position:absolute;
	bottom:0;
	left:0;
	width:180px;
	background: transparent url(../../images/nav/leftlongbottomedge.gif) bottom left no-repeat;
}

.short #leftnavfooter {
	height:65px;
	width:180px;
	background: transparent url(../../images/nav/left-bottom.gif) bottom right no-repeat;
}

/*********\
  Sidebar
\*********/

#sidebar {
	width:180px;
	float:left;
	padding-top:33px;
}

	#sidebar a.registration {
		display:block;
		width:180px;
		height:1px;
		padding-top:28px;
		zoom:1;
		overflow:hidden;
		background:transparent url(../../images/sidebar/registrationinfo.png) 0 0 no-repeat;
		margin-bottom:13px;
	}

		#sidebar a.registration:hover {
			background:transparent url(../../images/sidebar/registrationinfo.png) 0 -29px no-repeat;
		}
	
	#sidebar .block {
		display:block;
		width:153px;
		height:auto;
		padding: 15px 10px 2px 15px;
		margin-bottom:13px;
		border:1px solid #404040;
		background:#000 url(../../images/sidebar/blockbkg.gif) 0 0 repeat-y;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
		#sidebar .block h4 
		{
			font-family:Arial, Helvetica, sans-serif;
			color: #333333;
			font-size: 26px;
			line-height:18px;
			position:relative;
			left:-4px;
			margin-bottom:6px;
		}
	
		#sidebar .block dl dt 
		{
			font-weight:bold;
			color:#ed2c36;
			line-height:110%;
		}

		#sidebar .block dl dd
		{
			margin-bottom:15px;
			line-height:120%;
		}

		#sidebar .block small
		{
			display:block;
			font-size:10px;
			margin-bottom:13px;
			line-height:110%;
		}
		


	
