/****************************************************************************

Author: Stephen
Development by: Wallop
Last updated: 

*****************************************************************************/

/* defaults ****************************************************************/

* {
	margin:0;
	padding:0;
} 

body {
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	background:#000;
	color:#666;
}

body a {
	color:#C10000;
	text-decoration:underline;
}

body a:hover {
	text-decoration:none;
	color:#C10000;
}

/* heading attibutes *************************************************/

/* removes the link underline from logo swap */

h1 a {
	text-decoration:none;
}

/* list items ********************************************/

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

/* set defaults **********************************************************/

input {
	border:none;
	border:0;
}
/*
a img {
	border:none !important;
}
*/
form {
	margin:0;
	padding:0;
}

label {
	display:none;
}

/* hacks *************************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac */

* HTML .clearfix {
	height: 1%;
}

/* tables inherit font sizes */

table {
	font-size: 1em;
}

/* class attributes *********************************************/

p.top a {
	display:block;
	float:right;
	width:80px;
	background:url(../images/icon_top.gif) no-repeat 0 5px;
	padding:0 0 0 16px;
	margin:12px 0 0 0;
	font-size:11px;
	color:#ccc;
	text-decoration:none;
}

p.top a:hover {
	color:#fff;
}

/* dotted line breaks */

.break p {
	margin:0;
	padding:0;
}

p.break {
	background: url(../images/break.gif) repeat-x 0px 6px;
	height:10px;
}

/* main divs ********************************************************************/

#wrap, #wrapDetail {
	width:756px;
	margin:0 auto;
	padding:0 0 20px 0;
}

#wrapDetail {
	width:756px;
	padding:20px 0 20px 0;
}

#wrap p, #wrapDetail p {
	margin:0 0 10px 0;
	line-height:18px;
}

h1#logo a {
	display:block;
	width:154px;
	height:40px;
	background:url(../images/logo.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin:30px 0 0 20px;
	float:left;
	overflow:hidden;
}

#headerHome, #header {
	width:756px;
	height:220px;
	background:url(../images/masthead.jpg) no-repeat 0 0;
}

#header {
	height:80px;
	background:url(../images/bg_header.jpg) no-repeat 0 0;
}

#headerHome ul, #header ul {
	float:right;
	margin:34px 4px 0 0;
	display:inline; /*for DF bug*/ 
}

#headerHome li, #header li {
	display:inline;
	margin:0 20px 0 0;
}

#headerHome a, #header a {
	color:#fff;
	text-decoration:none;
}

#headerHome a:hover, #header a:hover {
	color:#CCEEEE;
}

#contentHome, #content {
	width:716px;
	padding:15px 20px 15px 20px;
	background:#2A2A2A;
}

#contentHome {
	height:90px;
}

#content {
	/*padding:25px 20px 15px 20px;*/
	padding:25px 0 15px;
	width:756px;
}

#contentHome p, #content p {
	line-height:20px;
	color:#ccc;
}

#contentHome .leftCol {
	width:345px;
	float:left;
}

#contentHome .rightCol {
	width:345px;
	float:right;
}

#content strong {
	color:#fff;
}

#content #colMain {
	width:440px;
	float:left;
	padding:0 20px;
}

#content #colMain h2 {
	font-size:15px !important;
	font-weight:normal;
	color:#fff;
	margin:0 0 16px 0;
}

#content #colMain h3 {
	font-size:12px !important;
	color:#eee !important;
	margin:10px 0 0 0;
}

#content p.photo {
	width:242px;
	height:242px;
	border:solid 4px #fff;
	float:right;
	margin:0 !important;
	padding:0 !important;
	/*margin:0 20px 0 0 !important;*/
}

#subNav, #bottomNav {
	width:756px;
	height:44px;
	background:url(../images/bg_subnav.jpg) repeat-x 0 0;
}

#bottomNav {
	background:url(../images/bg_bottomNav.gif) repeat-x 0 0;
	border-top:solid 1px #000;
}

ul.subMenu {
	margin:14px 0 0 22px;
	float:left;
	width:440px;
	display:inline; /*for DF bug*/ 
}

.subMenu li {
	display:inline;
	margin:0 20px 0 0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.subMenu a {
	color:#ccc;
	text-decoration:none;
	font-size:11px;
}

.subMenu a:hover {
	color:#fff;
}

/* 09-nov-2007, jwillmott addition */

#crumbNav {
	/*float:right;*/
	text-align:right;
	color: #555;
	width:740px;
	height:25px;	
	background-color:#2A2A2A;
	padding:10px 16px 20px 0;
}

#crumbNav a {
	text-decoration:none;
	font-size:11px;
}

#crumbNav a:hover {
	color:#ccc;
}

/* product categories on home page */

#buttons {
	width:756px;
	height:125px;
	border-top:solid 3px #D0CD91;
	border-bottom:solid 3px #D0CD91;
	padding:1px 0 1px 0;
}

#buttons li {
	display:inline;
}

#buttons li a {
	width:126px;
	height:125px;
	diplay:block;
	float:left;
	text-indent:-20000em;
	overflow:hidden;
}

#buttons li a:hover {
	background-position:0 -125px;
}

#b_accessories {
	background:url(../images/b_accessories.jpg) no-repeat 0 0;
}

#b_balls {
	background:url(../images/b_balls.jpg) no-repeat 0 0;
}

#b_shinguards {
	background:url(../images/b_shinguards.jpg) no-repeat 0 0;
}

#b_gloves {
	background:url(../images/b_gloves.jpg) no-repeat 0 0;
}

#b_teamwear {
	background:url(../images/b_teamwear.jpg) no-repeat 0 0;
	width:127px !important;
}

#b_corporate {
	background:url(../images/b_corporate.jpg) no-repeat 0 0;
	width:125px !important;
}

/* product category page */

#categoryLeft {
	/*width:346px;*/
	width:340px;
	background-color:#2A2A2A;
	float:left;
	margin-left:20px;
}

#categoryRight {
	/*width:346px;*/
	width:340px;
	background-color:#2A2A2A;
	/*float:right;*/
	float:left;
	margin-left:20px;
}

.productInfo, productInfoLast {
	float:left;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	display:inline;
	background:url(../images/break.gif) repeat-x left bottom;
}

.productInfoLast {
	background:none;
}

.productPhoto {
	float:left;
	width:108px;
	text-align:center;
}

.productText {
	float:right;
	/*width:200px;*/
	width:190px;
	margin-left:20px;
	font-size:11px;
	color:#ccc;
}

.productText li {
	background:url(../images/bullet.gif) no-repeat 0 5px;
	padding:0 0 4px 8px;
}

p.productName {
	font-size:12px;
	font-weight:bold;
	color:#FFF !important;
}

li.sizes {
	font-weight:bold;
	color:#FFF !important;
}

p.thumbs img {
	border:solid 4px #666;
	margin:0 0 6px 0;
	float:left;
	display:inline;
}

/* product detail page */

p.productLg img {
	width:340px;
	border:solid 5px #666;
}

p.close {
	float:right;
	width:100px;
	font-size:11px;
	text-align:right;
}

p.productTitle {
	width:240px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	float:left;
}

p.titleRed {
	color:#D54211 !important;
	font-weight:bold;
}

p.sizes, p.sizesRed {
	font-weight:bold;
	color:#fff;
	background:url(../images/icon_info.gif) no-repeat 0 2px;
	padding:0 0 0 20px;
}

p.sizesRed {
	color:#D54211 !important;
}

ul.thumbnails {
	padding:10px 0 10px 0;
}

ul.thumbnails li {
	display:inline;
	float:left;
	height:120px;
	margin:0 8px 0 0;
}

ul.thumbnails img {
	border:solid 4px #666;
}

#detailLeft {
	width:340px;
	float:left;
}

#detailRight {
	width:350px;
	float:right;
	color:#ccc;
}

#detailRight p {
	line-height:18px;
}

div.detailText {
	clear:both;
}

/* footer */

#footer {
	padding:10px 0 0 0;
	font-size:10px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#ccc;
	clear:both;
}

p#copyright {
	float:left;
	width:240px;
}

ul#utilities {
	float:left;
	margin:0 0 0 100px;
}

ul#utilitiesTop {
	float:right;
	width:250px;
	margin:10px 0 0 0;
	display:inline; /*for DF bug*/ 
}

ul#utilities a, ul#utilitiesTop a {
	color:#ccc;
	font-size:10px;
	text-decoration:none;
}

ul#utilities a:hover, ul#utilitiesTop a:hover {
	color:#fff;
}

ul#utilities li, ul#utilitiesTop li {
	display:inline;
	margin:0 20px 0 0;
	line-height:20px;
}

ul#utilities li a.retailer, ul#utilitiesTop li a.retailer {
	background:url(../images/icon_find.gif) no-repeat 0 0;
	padding:0 0 0 22px;
}

ul#utilities li a.using, ul#utilitiesTop li a.using {
	background:url(../images/icon_bubble.gif) no-repeat 0 2px;
	padding:0 0 0 20px;
}

#walloptag a {
	height:20px;
	width:68px;
	display:block;
	float:right;
	background:url(../images/wallop.gif) no-repeat 0 0;
	text-indent:-20000em;
	margin:0;
}

#walloptag a:hover {
	background-position:0px -20px;
}

p#walloptag {
	margin:-2px 0 0 0;
	padding:0;
}

/* title attributes */

#div h2 {
	text-indent:-99999px;
	font-size:1px;
	margin:0 0 14px 0;
}

/* general */

#h_welcome {
	width:84px;
	height:17px;
	background:url(../images/h_welcome.gif) no-repeat 0 0;
}