html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin : 0; border : 0;outline : 0;font-size : 100%; background : transparent; } 
body { line-height : 1;} 
ol, ul {list-style : none;} 
blockquote, q {quotes : none;} 
li:focus, a:focus {outline : 0;} 
ins { text-decoration : none; } 
del { text-decoration : line-through;} 
table { border-collapse : collapse;border-spacing : 0;} 
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {margin : 0; padding : 0;} 
* { outline : none;} 
ul, li, ol, dl, dd, dt {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;} 




#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;}


.headerblock_with_rounded_corners { position : relative;float : left;margin : 0 1% 0px 0; width : 99%; background : #b6daad;border-style : solid; border-color : #008f4e;border-width : 0 1px 1px 1px; width : 90%;} 

.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;}




/*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 : 1000px; height : 50px; background : url('images_layout/tf_11.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 :100px;height : 50px;} 
#productsmenu a {display : block;width :100px;padding-top : 50px;height : 0; color : #000;text-decoration : none;float : left; 
background : url('images_layout/normal_over.gif') no-repeat -110px -60px;overflow : hidden;} 
* html #productsmenu a:link, * html #productsmenu a:visited {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 : 307px;overflow : hidden;position : relative; float : right; } 
.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 : 5px 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;} 
html > body .button li a { width : auto; } 
/* leftside menu */

#content { margin : 5px 10px 0 10px;padding : 0 0 10px 0; } 
#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; } 
.content_image_right {margin : 10px;float : right; } 
.content_image_left { margin : 10px;float : left;} 



.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 : 90%;margin : 0 20px 20px 20px;padding : 0 0 0 0; height : auto;} 
#container a, #container a:link, #container a:visited {text-decoration : none;} 
#container a:hover {text-decoration : none;} 
.holder {width : 778px;text-align : left;height : auto;background-color : #fff; } 
#topbck img, #topbckret 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;} 


#leftcolumn { padding : 0; float : left;width : 205px;} 
#leftinner { float :left;padding : 12px 20px 0 11px;} 
#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; } 
#catleftcolumn { height : 75%; padding : 0;float : left;width : 140px;} 
#leftnav, #kdleftnav { height : 75%; float : left;text-align : left;padding : 25px 0 0 0; } 
#catcontent {float : right;width : 620px;} 
#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;} 
#leftnav ul, #kdleftnav ul {letter-spacing : 1px;width : 139px; margin : 0;padding : 0;list-style-type : none; } 
#leftnav li {margin : 0; padding : 0;display : block;list-style-type : none;border-top : 0 solid #ccc;text-transform : uppercase;} 
#leftnav a, #kdleftnav a { margin : 0; padding : 5px 0 5px 0;width : 139px;display : block; } 
#leftnav a:link, #leftnav a:visited {margin : 0; color : #008f4e;} 
#leftnav a:hover, #leftnav a:visited:hover { color : #000;} 
#sub li { border-top : 0; text-transform : capitalize;} 
#sub a { margin : 0;padding : 0 7px 2px 5px;width : 135px;display : block;} 
#sub a:link, #sub a:visited {color : #474747;background : url('cat_prostar/site_images/arra.gif') no-repeat right center; } 
#sub a:hover, #sub a:visited:hover { color : #da5200;} 
p { margin : 8px 0 8px 0;} 
.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 ul {list-style-type : none; margin : 0; padding : 0;width : 100%;} 
.thumbnails ul li { float : left; display : inline; padding : 4px 6px 5px 5px; } 
.white { color : #fff; } 

.thumbnails a, .thumbnails a:visited { display : block; color : black; width : 76px;text-transform : capitalize; color : black; border : 1px solid #fff;} 
.thumbnails a:hover { color : black;background-color : white; border: 1px solid #008f4e;} 
.thbimg { border : 0; margin-bottom : 4px;} 



#products {margin-top : 6px;margin-bottom : 6px;} 
#showcaseWrapper h1 {color : #669900;} 
#showcaseWrapper h3 { color : #666666;font-size :1.5em;text-transform : lowercase;margin-left : 5px; margin-top : 0;margin-bottom :10px;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 : 8em;height : 10em;background : #ffffff; float : left;display : inline; } 
ul.showcaseList li:hover {margin : 0 4px 15px 4px;width : 8em;height : 10em;background : #e7e2de;float : left;display : inline; } 
#showcaseWrapper a {color : #000;} 
#showcaseWrapper a:hover, #showcaseWrapper a:focus, #showcaseWrapper a:active {color : #000;text-decoration : none;} 
#showcaseWrapper a:focus, #showcaseWrapper a:active {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;text-transform : lowercase; 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;
}

