﻿body { line-height : 1;} 
ul {list-style : none;} 
ol {list-style : none;} 
q {quotes : none;} 
blockquote {quotes : none;} 
a:focus {outline : 0;} 
li:focus {outline : 0;} 
ins { text-decoration : none; } 
del { text-decoration : line-through;} 
table { border-collapse : collapse;border-spacing : 0;} 
h6 {margin : 0; padding : 0;} 
h5 {margin : 0; padding : 0;} 
h4 {margin : 0; padding : 0;} 
h3 {margin : 0; padding : 0;} 
h2 {margin : 0; padding : 0;} 
h1 {margin : 0; padding : 0;} 
div {margin : 0; padding : 0;} 
p {margin : 0; padding : 0;} 
fieldset {margin : 0; padding : 0;} 
form {margin : 0; padding : 0;} 
body {margin : 0; padding : 0;} 
html {margin : 0; padding : 0;} 
* { outline : none;} 
dt {list-style : none; padding : 0; margin : 0; } 
dd {list-style : none; padding : 0; margin : 0; } 
dl {list-style : none; padding : 0; margin : 0; } 
ol {list-style : none; padding : 0; margin : 0; } 
li {list-style : none; padding : 0; margin : 0; } 
ul {list-style : none; padding : 0; margin : 0; } 
a { outline : none;} 
img {border : 0;vertical-align : bottom; } 
.hidden { display : none;} 
.easy_clear { float : left;float : none;} 
.easy_clear:after { content : '.';display : block;height : 0; clear : both; visibility : hidden; } 
.easy_clear { display : inline-block; } 
.easy_clear { display : block; } 

body {font-family : Verdana, Arial, Helvetica, sans-serif;color : #000;font-size : 70%;margin : 5px;padding : 0;} 
p {margin : 0; padding : 4px;} 

	
	#wrapall{
width: 730px;
padding:0;
margin:10px auto 0 auto;
text-align:center;
}
}

#PageContentMarginWrap
{
background: aqua url('xmas_stuff/bgxmas2002.gif');
margin:5px auto 0px auto;
width:727px;
text-align:center;
}
#headerContent{
width: 727px;
margin: 0 auto;
text-align:center;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#contentwrapper{
		width: 960px !important;	width /**/:960px; 
		background-color:#fff; 
		padding:0px 0px 0px 0px; 
		text-align: left; 
		vertical-align: top;	
		margin: 0 auto; 
	
	}


#headerleft{float: left;display : block;  text-align: left;	padding-left: 20px;line-height : 11px;font-size: 110%;font-style: normal;color: #000;
}

#headerright{float: right;display : block;padding-right: 20px;text-align: left;line-height : 11px;font-size: 110%;font-style: normal;color: #000;}
#backbutton{float: left;display : block; padding-left: 20px;
padding-top:20px;}


.headerblock_with_rounded_corners { position : relative;float : left;margin : 0 0 0px 0; width : 100%; background : #b6daad;border-style : solid; border-color : #008f4e;border-width : 0 1px 1px 1px;} 
.headerblock_with_rounded_corners h3 { background : #008f4e;color : #fff;font-size : 14px;font-weight : bold; text-decoration : none; margin-top : 0;margin-right : 0;margin-bottom : 5px;margin-left : 0;padding-top : 5px;padding-right : 10px;padding-bottom : 5px; padding-left : 10px;} 
.headerblock_with_rounded_corners h4 {font-size : 2em; background-color : #e7e9ec; color : #fff;padding : 5px 10px 5px 10px; margin : 0;} 
.headerblock_with_rounded_corners .bottom_right{position : absolute;width : 6px;height : 6px;font-size : 1px;bottom : -2px;right : -2px;background :url('images_layout/headerblock_with_image_corners.gif') no-repeat left top; 
} 
.headerblock_with_rounded_corners .bottom_left {position : absolute;width : 6px;height : 6px;font-size : 1px;bottom : -2px;left : -2px;background : url('images_layout/headerblock_with_image_corners.gif') no-repeat right top; 
} 
.headerblock_with_rounded_corners .top_right { position : absolute;width : 6px;height : 6px;font-size : 1px;top : -1px;right : -2px;background : url('images_layout/headerblock_with_image_corners.gif') no-repeat left bottom; 
} 
.headerblock_with_rounded_corners .top_left {position : absolute; width : 6px;height : 6px;font-size : 1px; top : -1px;left : -2px;background : url('images_layout/headerblock_with_image_corners.gif') no-repeat right bottom; 
} 
.headerblock_with_rounded_corners .list_decorative_dark a:hover { background : transparent;} 
.headerblock_with_rounded_corners p { padding-left : 10px;} 

.headerbutton {padding : 0;width : auto; margin : 0 0 0px;border-top : 1px none #fff;border-right : 1px none #fff;border-bottom : 1px none#fff;border-left : 1px none #fff; } 

#left_content_holder {height: auto;	width: 180px; float:left;}




/*header for choice of supplier*/
img.post {display : block;margin-left : auto;margin-right : auto; } 
#productmenuwrapper
 {
 margin-top : 0;
 height : 50px;
 width : 100%;
 background : #fff; 
 } 
#productsmenu 
{
 position : relative; 
 width : 980px; 
 height : 50px; 
 background : url('images_layout/tf_13.gif') no-repeat 0 0; 
overflow : hidden;
margin : 1em auto;
z-index : 10; 
} 
#productsmenu ul 
{
margin : 0; 
padding : 0;
} 
#productsmenu li 
{ 
list-style-type : none;
display : inline;
width :96px;
height : 50px;
} 
#productsmenu a 
{
display : block;
width :96px;
padding-top : 50px;
height : 0; 
color : #000;
text-decoration : none;
float : left; 
background : url('images_layout/normal_over_02.gif') no-repeat -110px -60px;
overflow : hidden;
} 
* html #productsmenu a:visited 
{
height : 50px;
height : 0;} 
* html #productsmenu a:link 
{
height : 50px;
height : 0;} 
#productsmenu a:hover { background-position : top right;z-index : 50; } 
* html #productsmenu a:hover { height : 50px;height : 0; } 
/*header for choice of supplier*/


/* the random image revolver*/
#header_slider { width : 230px;height : 315px;overflow : hidden;position : relative; 		background-color:#fff; 
		padding:0px 0px 0px 0px; 
	
		margin: 0 auto; 
 } 
.easy_clear { float : left; float : none;} 
/* the random image revolver*/


/* leftside menu */
.spacer { margin-top : 1px; } 
 
.button {padding : 0;width : auto; margin : 0 0 2px;border-top : 1px none #fff;border-right : 1px none #fff;border-bottom : 1px none#fff;border-left : 1px none #fff; } 
.button ul {list-style : none;padding : 0;margin : 0;font-size : 12px;} 
.button li {border-top : 1px none #fff;border-right : 1px none #fff;border-bottom : 1px solid #fff;border-left : 1px none #fff;} 
.button li a {display : block;color : #000000; text-decoration : none;background : white;padding : 2px 5px 5px 10px;margin : 0;text-align :left;border-left : 5px solid white;} 
.button li a:hover { background : #b6daad;border-left : 5px solid black;margin : 0;} 

#subnav ul {letter-spacing : 1px;width : 130px; margin : 0px; padding-left:12px ; none; } 
#subnav li {margin : 0;padding-left:12px ;display : block;list-style-type : none;border-top : 0 solid #ccc;} 
#subnav a { margin : 0; padding-left:12px ;width : 130px;display : block; } 
#subnav a:visited {margin : 0; color : #008f4e;} 
#subnav a:link {margin : 0; color : #008f4e;} 
#subnav a:visited:hover { color : #000;} 

#subnav a:hover { color : #000;} 


.pdflist {padding : 0;width : auto; margin : 0 0 0px; } 
.pdflist ul {list-style : none;padding : 0;margin : 0;font-size : 12px;} 
.pdflist li {} 
.pdflist li a {display : block;color : #000000; text-decoration : none;background : white;padding : 2px 5px 1px 5px;margin : 0;text-align :left;} 
.pdflist li a:hover { background : #b6daad;margin : 0;} 








html > body .button li a { width : auto; } 
/* leftside menu */

#content { margin : 0px 0px 0 0px;padding : 0 0 10px 0; float:left; } 
#content h1 { color : #000000;font-size : 30px; font-weight : bold;margin : 25px 0 0 50px;padding : 0 0 10px 0;} 
#content h2 {color : #008f4e;font-size : 18px;font-weight : bold; margin : 0; padding-top : 10px;padding-right : 0; padding-bottom : 10px; padding-left : 0; }
#content h3 {color : #000;font-size : 14px;font-weight : bold;margin : 5px 0 0 0px; padding-top : 10px;padding-right : 0; padding-bottom : 10px; padding-left : 0; }
#content p {padding : 0 0 15px 0;margin : 0;line-height : 20px;font-size: 140%;font-style: normal;color: #000;} 
.contentred {
	padding : 0 0 15px 0;
	margin : 10px;
	line-height : 18px;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	font-variant : normal;
	color : red;
} 
.contentredlarge { padding : 0 0 15px 0; margin : 10px;line-height : 18px;font-size : 14px; font-style : normal; font-weight : bold; 
font-variant : normal; color : red;}
#content p img {float : left;border : none; margin-right : 15px; margin-bottom : 10px; } 


.catcontent_image_right {float : right;border : none; margin-left : 15px; margin-bottom : 10px; } 
.catcontent_image_left {float : left;border : none; margin-right : 15px; margin-bottom : 10px;} 




.swatch ul {height : 38px;list-style-type : none;margin : 0 0 4px 0; padding : 0 0 8px 0;} 
.swatch li {float : left;width : 61px; height : 38px;display : inline;padding : 4px 4px 4px 4px; margin : 0 0 4px 0;} 
.swatch a { display : block;width : 59px;height : 35px;margin : 0;padding : 0;color : #fff;border : 1px solid #8e8e8e;background-color : #000;} 
.swatch a:hover {background-color : #660000;border : 1px solid #da5200;} 







#footer {background-color : #008f4e; padding-bottom : 20px;padding-top : 20px;padding-right : 50px; padding-left : 50px;} 
#footermiddle { padding-top : 5px;padding-bottom : 5px;text-align : center;margin-bottom : 20px;} 
#footerbottom {background-color : #008f4e;text-align : center;} 
.footerbottom a:link { color : #fff; font-weight : bold;font-size : 12px; text-decoration : none;} 
.footerbottom a:visited {color : #fff;font-weight : bold;font-size : 12px; text-decoration : none;} 
.footerbottom a:hover {color : #000;font-weight : bold; font-size : 12px;text-decoration : none; } 
.footerbottom a:active {color : #fff; font-weight : bold;font-size : 12px;text-decoration : none; } 


#container 
{
text-align : center;
width : 950px;
margin:auto;
padding : 0 0 0 0; 
height : auto;
} 

#container a:visited {text-decoration : none;} 

#container a:link {text-decoration : none;} 

#container a {text-decoration : none;} 
#container a:hover {text-decoration : none;} 

.holder { 
margin:auto;
 width: 900px;text-align : left;height : auto;background-color : #fff; } 



#topbckret img { border : 0; } 



#topbck img { border : 0; } 
#cnthold { min-height : 386px;height : auto;} 
* html #cnthold { height : 386px;} 
.borders {border-left : 4px solid #fff;border-right : 4px solid #fff;} 
#cntholdinner {padding : 0;} 


#contentinner {padding-top : 12px;} 
#rightcolumn { padding : 0;float : left;width : 204px;} 
#rightinner { float : left;text-align : left;padding : 12px 10px 0 20px;} 
#leftinnerinner { width : 174px;} 
#rightinnerinner { width : 174px; } 





#catcontent {float : right;width : 720px;} 
#catcontentinner {padding : 25px 22px 0 22px;} 

#catleft {height : 75%;padding : 0;float : left;width : 210px;} 
#catleftinner {float : left;padding : 0 0 10px 0; } 
#catleftinner div {text-align : center;width : 204px; } 


#catright { height : 75%;padding : 0;float : left;width : 360px;} 
#catrightinner {float : left;text-align : left; } 
#catcontent h1 {margin-top : 0;} 

#leftcolumn { padding : 0; float : left;width : 205px;} 
#leftinner { float :left;padding : 12px 20px 0 11px;} 

#catleftcolumn { height : 75%; padding : 0;float : left;width : 170px;} 
#leftnav { height : 75%; float : left;text-align : left;padding : 10px 0 0 0; } 

#leftnav ul {letter-spacing : 1px;width : 130px; margin : 10px;padding : 0;list-style-type : none; } 
#leftnav li {margin : 0; padding : 0;display : block;list-style-type : none;border-top : 0 solid #ccc;} 
#leftnav a { margin : 0; padding : 5px 0 5px 0;width : 130px;display : block; } 
#leftnav a:visited {margin : 0; color : #008f4e;} 
#leftnav a:link {margin : 0; color : #008f4e;} 
#leftnav a:visited:hover { color : #000;} 

#leftnav a:hover { color : #000;} 


.clearboth {clear : both; height : 0.1em; font-size : 1%;margin : 0; padding : 0; } 
.clear { clear : both; height : 0.1em;font-size : 1%; margin : 0; padding : 0; } 
.floatl { float : left;} 
.floatr { float : right;padding-left : 2px;} 
.padtop {padding-top : 4px;} 
.panelouter {padding : 0 0 16px 0; } 
.panelinner {width : 200px;} 
.panelinner img { border : 0;} 
.panel { color : #000;} 
.pnlctr { background-color : #edecec; } 


.thumbnails {list-style-type : none; margin : 0; padding : 0;width : 100%;} 
.thumbnails ul {list-style-type : none; margin : 0; padding : 0;width : 100%;} 
.thumbnails li { float : left; display : inline; padding : 4px 6px 5px 5px; } 
.thumbnails a { display : block; border : 1px solid #fff; text-decoration:none;} 


.thumbnails a:hover { border: 1px solid #008f4e; } 
.thumbnails a:visited { display : block; } 


.thumbnails li p { padding : 0px;font-weight:bold; color:#666;} 

.thbimg { border : 0; margin-bottom : 4px;} 

.white { color : #fff; } 


#products {margin-top : 6px;margin-bottom : 6px;} 
#showcaseWrapper { width:650px;}
#showcaseWrapper h1 {color : #669900;} 
#showcaseWrapper h3 { color : #666666;font-size :1.5em;margin-left : 5px; margin-top :12px;margin-bottom :15px;clear : both;} 
#showcaseWrapper p { padding : 10px; clear : both;} 
ul.showcaseList { padding : 0;margin : 0; list-style-type : none; } 
ul.showcaseList li {margin : 0 4px 15px 4px;width : 10em;height : 18em;background : #D6D7C6; float : left;display : inline; } 
ul.showcaseList li:hover {margin : 0 4px 15px 4px;width : 10em;height : 18em;background : #e7e2de;float : left;display : inline; } 
#showcaseWrapper a {color : #000;} 
#showcaseWrapper a:active {color : #000;text-decoration : none;} 
#showcaseWrapper a:focus {color : #000;text-decoration : none;} 
#showcaseWrapper a:hover {color : #000;text-decoration : none;} 
#showcaseWrapper a:active {background-color : #fff;} 
#showcaseWrapper a:focus {background-color : #fff;} 
#showcaseWrapper ul.showcaseList h3 { margin : 0 10px 0 10px;color : #666666;display : block;text-decoration : none;
font-size : 1em; font-weight : bolder;font-style : oblique; height : 2.6em;} 
#showcaseWrapper ul.showcaseList img {padding : 6px 7px 3px 7px;} 
#showcaseWrapper ul.showcaseList p { font-size : 0.9em;padding : 0; margin : 5px 10px 0 10px;text-transform : lowercase;} 





.block_with_rounded_corners { position : relative;float : left;margin : 0 1% 16px 0; min-height : 11.5em; width:100%; background : #fff;border-style : solid; border-color : #5d7493;border-width : 0 1px 1px 1px;} 
.block_with_rounded_corners h3 { background : #008f4e;color : #fff;font-size : 14px;font-weight : bold; text-decoration : none; margin-top : 0; 
margin-right : 0;margin-bottom : 10px;margin-left : 0;padding-top : 5px;padding-right : 10px;padding-bottom : 5px; padding-left : 10px;} 
.block_with_rounded_corners h4 {font-size : 2em; background-color : #e7e9ec; color : #fff;padding : 5px 10px 5px 10px; margin : 0;} 
.block_with_rounded_corners .bottom_right{position : absolute;width : 6px;height : 6px;font-size : 1px;bottom : -2px;right : -2px;background :url('images_layout/block_with_image_corners.gif') no-repeat left top; 
} 
.block_with_rounded_corners .bottom_left {position : absolute;width : 6px;height : 6px;font-size : 1px;bottom : -2px;left : -2px;background : url('images_layout/block_with_image_corners.gif') no-repeat right top; 
} 
.block_with_rounded_corners .top_right { position : absolute;width : 6px;height : 6px;font-size : 1px;top : -1px;right : -2px;background : url('images_layout/block_with_image_corners.gif') no-repeat left bottom; 
} 
.block_with_rounded_corners .top_left {position : absolute; width : 6px;height : 6px;font-size : 1px; top : -1px;left : -2px;background : url('images_layout/block_with_image_corners.gif') no-repeat right bottom; 
} 
.block_with_rounded_corners .list_decorative_dark a:hover { background : transparent;} 
.block_with_rounded_corners p { padding-left : 20px; line-height : 20px;font-size: 120%;font-style: normal;color: #000;} 


.spacer { margin-top : 10px; } 




table.border{vertical-align: top;padding-left: 2px;padding-right: 2px;padding-top: 2px;padding-bottom: 2px;border: 3pt solid #b6daad;margin: 1px;}


/*The IDs of the table headers define the width of the columns */

#shirtnumber{width:50px;}
#squadnumber{width:110px;}
#size{width:100px;}
#quantity{width:80px;}
#select{width:50px;}



tbody th{ text-align:left;background:#ccc;padding-left: 4px;padding-right: 4px;padding-top: 3px;padding-bottom: 3px;}
tfoot td{text-align:left;font-weight:bold;background:#cecece;padding:10px;}

TH.border
{
font-size: 13px;background:#fff;border-top : 1px solid #b6daad;border-right : 1px solid #b6daad;border-bottom : 1px solid #b6daad;
	border-left : 1px solid #b6daad;padding-left: 4px;padding-right: 4px;padding-top: 3px;padding-bottom: 3px;}

TD.border
{
background:#fff;font-size: 12px;border-top : 1px solid #b6daad;border-right : 1px solid #b6daad;border-bottom : 1px solid #b6daad;
	border-left : 1px solid #b6daad;padding-left: 4px;padding-right: 4px;padding-top: 3px;padding-bottom: 3px;}

  
  
/*other equipment items*/
.displayitems {background-color: #fff;margin: 0px 0px 0px;padding: 8px 6px 5px;width: 100%;}
.displayitems .promotion {background-color: #FFF;float: left;}
.displayitems .promotion .inner {padding: 10px 10px ;width: 200px;}
.displayitems .promotion .inner .image {height: 110px;padding: 10px 0px;text-align: center;}
.displayitems .promotion .inner .desc {font-size: 97%;font-weight: bold;margin: 0em 0em 0.5em;text-align: center;}
.displayitems .promotion .inner .price 
{color: #FF0000;font-size: 140%;font-weight: bold;left: 0px;margin: 0px 0px 0.5em;padding: 2px 0px;text-align:center;}

/*other equipment items*/



  div#menuwrapper {
clear: both;
margin: 0 auto;
width: 849px;
text-align: center;

}

div#top {
width: 849px;
height: 30px;
background-color: #b6daad;
text-align: left;
}

div#menu {

height: 25px;
text-align: left;
padding-top: 9px;
padding-left: 16px;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

.weeklyspecial {

	margin-left:30px;
}


