/*****************************
* Overall Page Styles 
*****************************/

/* Color Palette - Search/Replace for whole stylesheet
Dark Blue: #1B2F4D
Light Blue: #7C8B9E

/* This style resets all margins, padding to zero. Adjust local IDs/Classes as needed  */
* {
	padding:0;
	margin:0;
}

/* A note on Fonts/Text Sizes
Try to set body copy as a percentage instead of EM because when IE users set their text size to smaller, their type becomes microscopic
For text elements that you do not want the ability to resize (menu items) use pixels */

body {
	background: #808D9F url('/images/soccer/fplayout05/elements/backgrounds/GRADback_sale.gif') top center repeat-y;
	font: 80% verdana,arial,helvetica,sans-serif;
	text-align: center;
}

#container {
	width: 750px;
	margin: 0 auto;
	background: #fff;
	line-height: 130%;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: tahoma,verdana,sans-serif;
	font-weight: bold;
}

a:link {
	color: #c00;
}

a:visited {
	color: #900;
}

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

/*****************************
* Header Styles 
*****************************/

#header {
	height: 100px;
	background: #fff;
	clear: both;	margin-bottom: 2px;
}

#custHeader {
	height: 75px;
	background: #1B2F4D url('/images/soccer/fplayout05/elements/headers/custHeadSale_02.jpg') top center;
	overflow: hidden;
}

#shopHeader {
	height: 25px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #333;
	background: #ccc url('/images/soccer/fplayout05/elements/headers/shophead.jpg') no-repeat;
	overflow: hidden;
}

#shopHeader h6{
	display: block;
	margin: 0 6px 0 6px;
	padding: 6px 7px;
	float: left;
	font: bold .9em verdana,arial,helvetica,sans-serif;
	border-left: 1px solid #333;
}

#shopHeader form{
	margin: 2px 6px 0 0;
	float: left;
}

h6.noleft {	
	margin: 0px;	
	border-left: 0px;
}

/*****************************
* Column Styles 
*****************************/
#centerCol {	
	width: 450px;	
	margin: 0px;	
	padding: 0px;	
	float: left;	
	voice-family: "\"}\"";	
	voice-family:inherit;	
	width: 459px;
}

#leftCol {	
	width: 145px;	
	margin: 0px;	
	padding: 0px;	
	float: left;	
	text-align: center;	
	padding-bottom: 10px;
}

#rightCol {	
	vertical-align: top;	
	width: 145px;	
	margin: 0px;	
	padding: 0px;	
	padding-bottom: 10px;	
	text-align: center;	
	float: left;
}

#content {	
	float: left;
	background: url('/images/soccer/fplayout05/elements/backgrounds/centerCol.gif') repeat-y 0 0;	
}


/*****************************
* Footer Styles 
*****************************/

#footer {
	clear: both;
	border-top: 1px solid #333;
	text-align: center;
	background: #ddd;	margin: 0px;
}

#footer p {
	line-height: 200%;
	background: #1B2F4D url('/images/soccer/fplayout05/elements/headers/shophead_sale.jpg') no-repeat;
}

#footer p {
	padding-top: 5px;
	color: #fff;
}

/*****************************
* Box Styles 
*****************************/

.box {
	width: 135px;
	margin: auto;
	margin-top: 12px;
	text-align: left;	clear: both;
}

.boxSpan {
	display: block;
	background: #ddd url('/images/soccer/fplayout05/elements/backgrounds/boxHOLIDAY.jpg');
	border: 1px solid #ccc;
	border-top: 0;
	padding: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 80%;
}

.box H1 {
	height: 20px;
	background: #7C8B9E url('/images/soccer/fplayout05/elements/headers/boxheader_sale.jpg') no-repeat;
	font-size: 100%;
	text-align: center;
	color: #fff;
	line-height: 160%;	
	letter-spacing: 1px;
}

.box H2 {
	font-size: 180%;
	color: #9E1C22;
	text-transform: uppercase;
	line-height: .9em;
}

.box H3 {
	padding: .5em;
	background: #666;
	font-size: 100%;
	color: #fff;
	line-height: .9em;
}

.box p{
	margin: 0 0 1em 0;
	line-height: 1.1em;
}

.box UL, .box OL {
	list-style-type: none;
	width: 133px;
	margin: 0px;	padding: 0px;
	background: #ddd url('/images/soccer/fplayout05/elements/backgrounds/boxHOLIDAY.jpg');
	border: 1px solid #ccc;
	border-top: 0;
	font-size: 80%;	
}

.box UL LI , .box OL LI {	
	display: inline;
	color: #333;	
	text-decoration: none;	
	vertical-align: bottom;	
}

.box OL LI A, .box UL LI A {	
	display: block;	
	height: 14px;	
	padding-left: 10px;	
	padding-right: 3px;
	padding-bottom: 3px;	
	background: url('/images/soccer/fplayout05/elements/icons/dot.gif') no-repeat 3px 4px transparent;	
	font-size: 100%;
	color: #333;
	line-height: 1.1em;	
}

.box OL LI A:link, .box UL LI A:link, .box OL LI A:visited, .box UL LI A:visited {	
	color: #333;
}

.box UL > li > a, .box OL > li > a {	
	height: auto;	
}

.box OL LI A:hover, .box UL LI A:hover {	
	background-color: #CC8F8F;
	color: white;	
}

#catalog {	
	background-image: url('/images/soccer/fplayout05/elements/backgrounds/boxHOLIDAY.jpg');	
}	

#catalog P {	
	display: block;	
	background: url('/images/soccer/fplayout05/catalog.gif') no-repeat bottom right;	
	margin: 0;	
	padding: 5px 0 120px 5px;	
	color: #C00 !important;	
	font: bold 80% verdana,arial;	
	border: 1px solid #ccc;	
	border-top: 0;	
}

#catalog A:hover {	
	color: #C00 !important;	}
	
/*****************************
* Shop Menu 
*****************************/

ol#menu { 	
	background: #ddd  url('/images/soccer/fplayout05/elements/backgrounds/menuHOLIDAY.jpg');	
}

ol#menu li a {	
	padding-left: 11px;	
	background: url('/images/soccer/fplayout05/elements/icons/dot.gif') no-repeat 3px center transparent;
}

ol#menu li.sub a{	
	background: url('/images/soccer/fplayout05/elements/icons/plus.gif') no-repeat 3px center transparent;
}

ol#menu li a:hover {	
	background-color: #CC8F8F !important; 	
	color: white;
}

ol#menu li ol {	
	background-image: none !important;	
	background-color: transparent !important;	
	display: none;	
	border: 0;	
	margin: 0;	
	padding: 0;
}

ol#menu li.sub ol li a {	
	background: url('/images/soccer/fplayout05/elements/icons/dot.gif') no-repeat 13px 4px transparent;	
	padding-left: 21px;	
	color: #333;	
	font-size: 120%;	
	voice-family: "\"}\"";	
	voice-family:inherit;	
	font-size: 130%;
}

ol#menu li ol li a:hover {	
	background-color: #E6CFCF !important; 	
	color: #333;	
}	

a.caps {	
	text-transform: uppercase;	
	font-weight: bold;	
	color: #903	 !important;	
	letter-spacing: 1.5px;	
}	
	
/*****************************
* Promotions/Grid Styles 
*****************************/
/** promotions div is width of entire column **/
.promotions {	
	width: 459px;	
	height: 82px;	
	border-bottom: 1px solid #CCC;	
	clear: both;
}

/** promo div is single cell **/
.promo {	
	height: 82px;	
	width: 153px;	
	margin: 0px;	
	padding: 3px 0px 6px 3px;	
	float: left;	
	overflow: hidden;	
	voice-family: "\"}\"";	
	voice-family:inherit;	
	padding: 6px;	
	height: 70px;	
	width: 140px;
}

.showcases {	
	height: 82px;	
	width: 153px;	
	margin: 0px;	
	padding: 3px 0px 6px 3px;	
	float: left;	
	overflow: hidden;	
	voice-family: "\"}\"";	
	voice-family:inherit;	
	padding: 6px;	
	height: 70px;	
	width: 140px;
}

.right {
	border-left: 1px solid #CCC;
}

.left {
	border-right: 1px solid #CCC;
}

.promo H3 {	
	/* height: 25px; */
	display: block;	
	width: 135px;	
	padding: 0px;	
	margin: 0px;
	overflow: hidden;	
	font-size: 11px;
	line-height: 1.1em;
}

.promo P {	
	margin: 0px;
	font-size: 10px;
	line-height: 110%;
	color: #666;
}

.promo .price {	
	margin: 0px 0 0 0;
	font: bold 130% arial,helvetica,sans-serif;	
}

.promo .save {	
	margin: -3px 0 0 0;
	font: bold 85% verdana,helvetica,sans-serif;
	color: #000;
}

.promo .copy {	
	display: block;	
	margin: 0;
	padding: 0;
	font: 85% arial,verdana,helvetica,sans-serif;
	color: #666;
	line-height: .9em;
}

.prod A {	
	display: block;	
	height: 100px;	
	width: 153px;	
	margin: 0px;	
	padding: 0px;	
	voice-family: "\"}\"";	
	voice-family:inherit;	
	height: 100px;	
	width: 140px;	
}	

.prod A H3 {	
	color: #000;
}	

/** product cell specific **/
.prod IMG {	
	width: 43px;	
	height: 43px;
	float: left;	
	clear: both;	
	margin: 3px 0 10px 0;
	padding-right: 7px;	
}


/*****************************
* Link Styles 
*****************************/

#custLinks {
}

#custLinks li{
	display: inline;
	list-style: none;
}

#custLinks a:link, #custLinks a:visited{
	float: left;
	margin: 1px 0;
	padding: 6px 9px;
	font: bold 85% verdana,arial,helvetica,sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #808D9F;
}

#custLinks a:hover, #custLinks a:active {
	color: #d00;
}
.headLinks a:link, .headLinks a:visited{
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.headLinks a:hover, .headLinks a:active {
	color: #d00;
	font-weight: bold;
}

#footerLinks {
	padding: .8em;
}

#footerLinks li{
	display: inline;
	list-style: none;
}

#footerLinks a:link, #footerLinks a:visited{
	font: bold 75% verdana,arial,helvetica,sans-serif;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

#footerLinks a:hover, #footerLinks a:active {
	color: #d00;
}

a:link, a:visited {
	color: inherit;
	text-decoration: none;
}

.price {
	color: #C00 !important;
}

.gray {
	color: #999 !important;
}

.bold {
	font-weight: bold;
}

/*****************************
* PNG Fix for Internet Explorer transparency flaw 
*****************************/

.pngFix {
	behavior: url(/stylesheets/pngfix.htc);
}