body {
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFF;
	margin: 0;
	padding: 0;
}

p {
	padding: 0;
	margin: 0 0 12px 0;
	vertical-align: super;
}

ul {
	margin: 0;
	display: inline;
	padding-left: 0;
	list-style-type: none;
}

ul li {
	display: inline;
	padding: 0;
}

a.generic:link,a.generic:visited,a.generic:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	padding: 3px 10px;
	text-decoration: none;
}

a.generic:hover {
	background: #ff0d01;
	color: #000000;
}

/**********************************************
Headers 
**********************************************/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 6px 0 0 10px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFF;
	margin: 0;
	padding: 0;
	line-height: normal;
}

/**********************************************
Images
**********************************************/
img {
	border: 1px solid #505050;
	margin: 0;
	padding: 0;
}

.img {
	border: 0;
}

.logo {
	margin: 15px 0 0 10px;
	padding: 0;
	border: 0;
}

/**********************************************
Main container 
**********************************************/
#container_main {
	position: relative;
	top: 0;
	background-color: #242323;
	border-right: 1px solid #505050;
	border-left: 1px solid #505050;
	width: 760px;
	height: 890px;
	text-align: left;
	padding: 0;
	margin: 0;
}

/**********************************************
Header box 
**********************************************/
#container_header {
	position: absolute;
	width: 760px;
	height: 80px;
	border-bottom: 1px solid #505050;
	background-repeat: repeat-x;
	background-image: url(images/bgnd_header.gif);
	background-attachment: scroll;
	background-position: left top;
	margin: 0;
	padding: o;
}

#container_logo {
	float: left;
	margin: 0;
	padding: 0;
}

#container_cs {
	float: right;
	display: inline;
	width: 338px;
	height: auto;
	margin: 0;
	padding: 20px 10px 0 0;
	text-align: right;
}

#phoneheader {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: right;
	color: #FFF;
	width: 150px;
	margin: 0;
	padding: 0 0 4px 0;
}

#phone {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-align: left;
	color: #FFF;
	width: auto;
	margin: 0;
	padding: 0 0 4px 0;
}

/**********************************************
Top navigation 
**********************************************/
#container_navbox {
	position: absolute;
	top: 90px;
	background-color: #000;
	width: 738px;
	height: 30px;
	margin: 0 10px;
	padding: 0;
	z-index: 1;
	background-image: url(images/bgnd_header.gif);
}

#container_search {
	position: absolute;
	float: left;
	width: 175px;
	margin: 5px 0 0 4px;
	padding: 0;
}

label.search-label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #fff;
	padding: 4px 5px 0 0;
	margin: 0;
	float: left;
}

input.search-text-box {
	border: #666666 1px solid;
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	width: 100px;
}

#container_topnav {
	position: absolute;
	left: 111px;
	background-color: #000;
	margin: 0 10px;
	padding: 0;
	width: 621px;
	height: 30px;
	display: inline;
	top: 0px;
	background-image: url(images/bgnd_header.gif);
}

#container_hotnav {
	position: absolute;
	top: 630px;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #000;
	width: 738px;
	height: 30px;
}

/**********************************************
Navigation
**********************************************/
.navlink {
	color: #fff;
}

#nav {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	float: right;
	line-height: 1;
	margin: 0 0 1px 0;
	padding: 6px 0 0 0;
}

#nav ul {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	float: left;
	list-style: none;
	line-height: 1;
	background: #232121;
	border: solid #000 1px;
	margin: 0 0 1px 0;
	padding: 0;
	width: 500px;
}

#nav a,#nav a:link,#nav a:visited {
	display: block;
	width: auto;
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 3px 10px;
}

#nav a:hover,#nav a:active {
	display: block;
	width: auto;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 3px 10px;
	background-color: #ff0d01; /* IE6 use */
}

#nav a.more,#nav a.more:link,#nav a.more:visited {
	display: block;
	width: 120px;
	color: #c00;
}

#nav a.more:active,#nav a.more:hover {
	display: block;
	width: 120px;
	color: #fff;
}

#nav li {
	float: left;
	padding: 0;
	width: auto;
	list-style-type: none;
}

#nav li ul li a,#nav li ul li a:link,#nav li ul li a:visited {
	display: block;
	width: 120px;
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 3px 10px;
}

#nav li ul li a:hover,#nav li ul li a:active {
	display: block;
	width: 120px;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 3px 10px;
}

#nav li ul {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	position: absolute;
	left: -999em;
	height: auto;
	width: 125px;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
	padding: 0;
}

#nav li ul a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	width: 100px !important;
	width: 120px;
	color: #000;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul
	{
	left: -999em;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul
	{
	left: auto;
}

#nav li:hover,#nav li.sfhover {
	background: #ff0d01;
}

/* style for right direction dmenu */
#nav li.displayrightdir a.daddy,#nav li.displayrightdir a.daddy:link,#nav li.displayrightdir a.daddy:visited
	{
	background: url(http://www.sportsdirect.com/images/media/rightarrow.gif)
		center right no-repeat;
	display: block;
	width: 120px;
}

#nav li.displayrightdir a.daddy:active,#nav li.displayrightdir a.daddy:hover
	{
	background:
		url(http://www.sportsdirect.com/images/media/right_arrow.gif) center
		right no-repeat;
	display: block;
	width: 120px;
}

#nav li.displayrightdir li {
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 120px !important;
	width: 125px;
}

#nav li.displayrightdir ul ul {
	margin: -18px 0 0 125px;
}

/* styles for opposite direction menu */
#nav li.displayoppdir a.daddy,#nav li.displayoppdir a.daddy:link,#nav li.displayoppdir a.daddy:visited
	{
	background: url(http://www.sportsdirect.com/images/media/leftarrow.gif)
		center left no-repeat;
	display: block;
	width: 120px;
}

#nav li.displayoppdir a.daddy:active,#nav li.displayoppdir a.daddy:hover
	{
	background: url(http://www.sportsdirect.com/images/media/left_arrow.gif)
		center left no-repeat;
	display: block;
	width: 120px;
}

#nav li.displayoppdir li {
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 120px !important;
	width: 125px;
}

#nav li.displayoppdir ul ul {
	margin: -18px 0 0 -132px;
}

/**********************************************
Top body content
**********************************************/
#container_bodytop {
	position: absolute;
	top: 125px;
	width: 740px;
	margin: 0 10px;
	padding: 0;
}

#container_sidenav {
	float: left;
	margin-top: 4px;
	width: 114px;
	height: 350px;
}

#container_leftnav {
	margin: 0;
	display: block;
	padding: 0;
}

#container_brands {
	position: absolute;
	top: 110px;
	width: 114px;
	height: auto;
	margin: 0;
	padding: 0;
	bottom: 0px;
}

#container_contenttop {
	position: absolute;
	left: 114px;
	margin: 5px 10px 0 10px;
	padding: 0;
	width: 614px;
	height: auto;
}

#container_mainimg {
	position: relative;
	border: 0;
	width: 445px;
	height: 350px;
	margin: 0;
	padding: 0;
}

#container_rightimg {
	position: absolute;
	top: 0;
	left: 447px;
	border: 0;
	width: 155px;
	height: 350px;
	margin: 0 0 0 10px;
	padding: 0;
}

/**********************************************
Mid-body content
**********************************************/
#container_bodymid {
	position: absolute;
	top: 490px;
	width: 760;
	margin: 0;
	padding: 0;
}

#container_contentmid {
	position: absolute;
	top: 0;
	left: 124px;
	width: 634px;
	height: 350px;
	margin: 0;
	padding: 0;
}

#container_job {
	float: left;
	border: 0;
	width: 112px;
	height: 136px;
	padding: 0 0 0 10px;
}

#container_offerimg_1 {
	float: left;
	border: 0;
	width: auto;
	height: 136px;
	padding: 0 0 0 10px;
	margin: 0;
}

#container_offerimg_2 {
	float: right;
	border: 0;
	width: auto;
	height: 136px;
	padding: 0 10px 0 0;
	margin: 0;
}

/**********************************************
Bottom-body content
**********************************************/
#container_bodybot {
	position: absolute;
	top: 680px;
	width: 760px;
}

#container_hotimg {
	display: inline;
	border: 0;
	width: 235px;
	height: 150px;
	padding: 0;
	margin-left: 10px;
}

/**********************************************
Footer
**********************************************/
#container_footer {
	position: absolute;
	top: 835px;
	float: left;
	margin: 0 0 0 10px;
	padding: 6px 0 0 0;
	width: 450px;
	height: 30px;
}

#footer {
	position: absolute;
	top: 865px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #505050;
	width: 740px;
	margin: 0 10px;
	padding: 2px 0;
	border-top: 1px solid #505050;
}

p.loading {
	background: url(images/loading.gif) no-repeat center center;
}